.iFOL2831,
.iFOL2832,
.iFOL2834,
.iFOL2880,
.iFOL2925,
.iFOL1475,
.iFOL2813 {
    display: none !Important
}

#photGallery {
    padding-bottom: 130px
}

#photGallery .mainItem,
#photGallery .subItem {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    width: 24.8%;
    width: 25%;
    border: 0;
    min-height: 200px;
    float: left;
    overflow: hidden
}

#photGallery .mainItem img,
#photGallery .subItem img {
    position: absolute
}

#photGallery .mainItem.active>a,
#photGallery .subItem.active>a {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 78px;
    height: 46px;
    background: #008672 url(images/view-icon.png) no-repeat center center;
    z-index: 9999
}

#photGallery .mainItem.active>a img,
#photGallery .subItem.active>a img {
    display: none
}

#photGallery .mainItem>dl,
#photGallery .subItem>dl {
    position: absolute;
    left: 0;
    top: 0;
    background: #00a88f;
    color: #fff;
    display: none;
    width: 100%;
    text-align: left;
    padding: 20px;
    z-index: 998;
    height: 100%
}

#photGallery .mainItem>dl>dt,
#photGallery .subItem>dl>dt,
#photGallery .mainItem>dl>dt a,
#photGallery .subItem>dl>dt a {
    font-family: 'Gotham-Bold';
    text-align: left
}

#photGallery .mainItem>dl>dl,
#photGallery .subItem>dl>dl,
#photGallery .mainItem>dl>dl a,
#photGallery .subItem>dl>dl a {
    font-family: 'Gotham-Medium';
    text-align: left
}

#photGallery .mainItem>dl>dt a,
#photGallery .subItem>dl>dt a,
#photGallery .mainItem>dl>dl a,
#photGallery .subItem>dl>dl a {
    color: #fff
}

#LeftMenu .RadPanelBar>ul.rpRootGroup {
    margin: 0 20px 0 0 !important
}

#LeftMenu a.link .text,
#LeftMenu a.link .rpText,
#LeftMenu a.CMLevel1Selected .text,
#LeftMenu .panelbar a.MenuItemTwo .rpText,
#LeftMenu .panelbar a.MenuItemTwoClicked .rpText {
    font-family: 'Gotham-Bold';
    background: 0;
    color: #00826F;
    font-size: 100%
}

#LeftMenu .panelbar li ul {
    margin-left: 12px !important
}

#LeftMenu .panelbar li ul li ul {
    margin-left: 20px !important
}

#LeftMenu .panelbar a.MenuItemTwo .rpText,
#LeftMenu .panelbar a.MenuItemTwoClicked .rpText {
    font-size: 100%
}

#LeftMenu .panelbar li a.MenuItemOne .rpText {
    padding: 15px;
    font-size: 17px
}

#LeftMenu .panelbar li a.MenuItemOneClicked {
    position: relative;
    border: 0
}

#LeftMenu .panelbar li a.MenuItemOneClicked,
#LeftMenu .panelbar li a.MenuItemOneClicked .rpText,
#LeftMenu .panelbar li a.MenuItemOneClicked:hover,
#LeftMenu .panelbar li a.MenuItemOneClicked .rpText:hover {
    background-color: #252320;
    color: #fff
}

#LeftMenu .panelbar li a.MenuItemOneClicked:after {
    content: "";
    position: absolute !important;
    right: -15px;
    top: -1px;
    height: 100%;
    background: url("images/arrow-nav.png") no-repeat 0 0 !important;
    width: 13px;
    right: -13px;
    background-size: 100% 100% !important
}

#LeftMenu .panelbar li a,
#LeftMenu .panelbar li a .rpText {
    border: 0 !important
}

#LeftMenu .panelbar li a.MenuItemTwoClicked,
#LeftMenu .panelbar li a.MenuItemTwoClicked span {
    color: #54504b !important
}

@media(min-width:993px) and (max-width:1199px) {
    #main-nav .hmenu>li>ul {
        width: 970px
    }

    .EventQuickSearchMain div[id$="EventQuickSearch"] {
        width: 100%;
        margin-right: 0
    }

    .EventQuickSearchMain .EventQuickSearchCalendar,
    .EventQuickSearchMain .EventQuickSearchCalendar table {
        width: 100%
    }

    .EventQuickSearchMain .EventQuickSearchCalendar table {
        margin: 15px 0
    }

    .image-box {
        width: auto
    }

    .image-box a {
        float: left;
        clear: both;
        margin-bottom: 20px
    }

    .image-box p {
        float: left;
        clear: both
    }

    .image-box ol li,
    .image-box ul li {
        clear: both
    }

    .image-box ol li a,
    .image-box ul li a {
        float: none
    }

    .content-area #agency-badges-scroll .customNavigation a.prev,
    #agency-badges-scroll .customNavigation a.next {
        top: 0 !important
    }

    .content-area #agency-badges-scroll .customNavigation a.next {
        right: 0
    }

    .content-area #agency-badges-scroll .customNavigation a.prev {
        left: 0
    }
}

@media(min-width:0) and (max-width:992px) {
    video {
        width: 100%;
        height: auto
    }

    .content-area {
        margin-top: 0
    }

    .header-logo img {
        max-width: 100% !important
    }

    img {
        max-width: 100%
    }

    #heroImg #caption {
        margin-top: 0;
        display: block;
        height: auto;
        width: auto;
        margin-right: 40px
    }

    .content-area #agency-badges-scroll .customNavigation a.next {
        right: 0
    }

    .content-area #agency-badges-scroll .customNavigation a.prev {
        left: 0
    }

    .RadAjaxPanel {
        width: 938px;
        overflow-x: scroll
    }

    .module-area select,
    .content-area select,
    .module-area textarea,
    .content-area textarea,
    .module-area input[type="text"],
    .content-area input[type="text"],
    .module-area input[type="password"],
    .content-area input[type="password"] {
        padding: 3px;
        width: 100% !important
    }

    #footer #footer-top,
    #footer #footer-bottom {
        width: 100%
    }

    .image-box {
        width: auto
    }

    .image-box a {
        float: left;
        clear: both;
        margin-bottom: 20px
    }

    .image-box p {
        float: left
    }

    .image-box ol li,
    .image-box ul li {
        clear: both
    }

    .image-box ol li a,
    .image-box ul li a {
        float: none
    }

    .psc-role-container {
        width: 100%
    }

    .psc-role-container .pscrd-menu {
        display: none;
        min-height: 0;
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .psc-role-container .pscrd-menu .menu li a {
        width: 100%
    }
    .pscrd-dd-menu {
        display: block;
    }

    .psc-role-container .pscrd-container {
        width: 100%;
        margin-bottom: 30px
    }

    .psc-role-container div[id$="CapSelectionNavSection"] {
        float: left
    }

    .clsFormCreator {
        width: 100%
    }

    .clsFormCreator .clsFormCreator_datebox input {
        width: auto !important
    }

    .clsFormCreator .clsFormCreator_datebox img {
        top: 5px;
        position: relative
    }

    .clsFormCreator div label {
        width: 100%;
        text-align: left
    }

    .clsFormCreator div>input[type="text"] {
        width: 100% !important
    }

    .clsFormCreator div>input.clsDateBox {
        width: 200px !important
    }

    .clsFormCreator div select {
        width: 100% !important
    }

    .clsFormCreator div textarea {
        width: 100%
    }

    .clsFormCreator div .clsCheckBoxListSpanOptions,
    .clsFormCreator div .clsRadioButtonListSpanOptions {
        padding-left: 0
    }

    .clsFormCreator div .clsCheckBoxListSpanOptions legend,
    .clsFormCreator div .clsRadioButtonListSpanOptions legend {
        width: 100%;
        position: relative;
        text-align: left
    }

    .clsFormCreator div.clsFormCreator_checkbox {
        padding-left: 0
    }

    .clsFormCreator div.clsMandatory {
        padding-left: 0
    }

    .clsFormCreator div.clsBtnSubmit {
        padding-left: 0
    }

    .clsFormCreator .formCreatorCaptchaTable {
        padding-left: 0
    }

    .clsFormCreator fieldset.two-column>div {
        width: 100%;
        padding-right: 0
    }

    .clsFormCreator fieldset.three-column>div {
        width: 100%;
        padding-right: 0
    }

    .refinewidget .searchInput {
        margin-bottom: 5px
    }

    .contentDIV .sectionDIV .itemDIV div .userInputDIV {
        margin-left: 0;
        width: 100%
    }

    .contentDIV .sectionDIV .itemDIV div .userInputDIV label {
        width: auto
    }

    .contentDIV .sectionDIV .itemDIV div .userInputDIV .radiobuttonlistDIV label,
    .contentDIV .sectionDIV .itemDIV div .userInputDIV .checkboxlistDIV label {
        margin-right: 5px
    }

    .navigationDIV {
        width: 100%;
        height: auto
    }

    .comments-container,
    .comments-container .post-item {
        width: 100%
    }

    #mypage-wrapper>h1 {
        position: static;
        margin: 0 0 20px 0
    }

    #mypage-wrapper .mypage-profile,
    #socialgroup-wrapper .mypageGroup-profile {
        width: 100%;
        position: relative;
        padding: 10px 120px 10px 10px;
        overflow: hidden;
        background: #eee
    }

    #mypage-wrapper .mypage-profile .photo-container,
    #socialgroup-wrapper .mypageGroup-profile .photo-container {
        position: absolute;
        top: 10px;
        right: 10px;
        width: auto
    }

    #mypage-wrapper .mypage-profile .photo-container img,
    #socialgroup-wrapper .mypageGroup-profile .photo-container img {
        width: 100px
    }

    #mypage-wrapper .mypage-profile h2,
    #socialgroup-wrapper .mypageGroup-profile h2 {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        font-size: 110%
    }

    #mypage-wrapper .mypage-profile p,
    #socialgroup-wrapper .mypageGroup-profile p {
        margin: 10px 0;
        font-size: 110%
    }

    #mypage-wrapper .mypage-profile p br,
    #socialgroup-wrapper .mypageGroup-profile p br {
        display: none
    }

    .comments-container,
    .comments-container .post-item {
        margin: 0 0 15px 0;
        padding: 20px 0;
        border: 0
    }

    .comments-container .post-item textarea {
        width: 100%
    }

    .comments-container .post-item select,
    .comments-container .post-item .postCommentBtn {
        bottom: -5px
    }

    .comments-container .post-item select {
        position: static;
        margin: 10px 0
    }

    #mypage-wrapper .mypage-connections,
    #socialgroup-wrapper .group-members-container {
        padding-left: 0;
        width: 100%
    }

    .add-blog-post .item-entry textarea,
    .add-blog-post .item-entry input[type="text"] {
        width: 100% !important
    }

    .question-details-container,
    .question-details-container .comments-container {
        width: 100%;
        margin: 0
    }

    #PeopleSearch_container div[id$="divSearchRefine"] {
        float: none;
        overflow: hidden;
        width: 100%;
        margin: 0
    }

    #PeopleSearch_container div[id$="divPeopleSearchResults"] {
        float: none;
        width: 100%;
        overflow-x: scroll
    }

    #locatorContainer .dealer-search-results {
        padding: 0;
        margin: 0;
        width: 100%
    }

    #locatorContainer .dealer-search-results .dealer-res-map {
        width: 100% !important
    }

    #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top>div {
        width: 50%;
        -moz- border: 0;
        background: 0;
        border: 0
    }

    .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter input {
        margin-left: 0
    }

    #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_divResultList {
        width: 100%
    }

    #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_length label,
    #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_length {
        width: 100%
    }

    #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_length select {
        width: auto !important
    }

    .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_info {
        text-align: left
    }

    .MyAccountMenu {
        height: auto;
        width: 100%
    }

    .menu-trigger {
        background: #666;
        color: #fff;
        padding: 10px;
        position: relative;
        display: block;
        cursor: pointer
    }

    .MyAccountMenu ul.topMenu li {
        float: none;
        height: auto;
        margin-right: 0;
        margin-bottom: 0
    }

    .MyAccountMenu ul.topMenu li a {
        padding: 10px 5px;
        height: auto !important;
        line-height: 25px
    }

    .MyAccountMenu ul.topMenu.open li a {
        display: block !important
    }

    #myEditPreferredLocationsContainer>div>ul>li {
        margin-bottom: 0
    }

    #myEditPreferredLocationsContainer ul,
    .MyAccountMenu ul.topMenu {
        cursor: pointer;
        overflow: hidden;
        height: auto;
        background-color: transparent;
        border: 0;
        margin: 0
    }

    .MyAccountMenu ul.topMenu:hover li {
        display: block
    }

    #myAccountArea,
    .myAccountArea {
        overflow: hidden;
        width: 100%
    }

    #myAccountArea .accountDetails {
        padding-top: 25px
    }

    #myAccountArea .findCalendar {
        width: 100%;
        float: left
    }

    #myAccountArea .ajax__tab_body {
        overflow: visible
    }

    #myAccountArea .calendarView {
        margin: 0;
        width: 100%
    }

    #myAccountArea div.userPrefOuter a {
        position: static;
        margin: 10px 0
    }

    #myAccountArea div.userPrefOuter h3 {
        margin: 0;
        padding: 0
    }

    #myAccountArea div.alertEditOuter {
        padding: 0;
        border: 0
    }

    #myAccountArea .eventClass span,
    #myAccountArea .frequencyDiv span {
        width: 100%;
        margin: 10px 0;
        display: block
    }

    #myAccountArea .eventClass span input[type="checkbox"],
    #myAccountArea .eventClass span label {
        margin-right: 10px
    }

    #myAccountArea .frequencyDiv span input[type="radio"],
    #myAccountArea .frequencyDiv span label {
        margin-right: 10px
    }

    #myAccountArea div.alertTaxListBox {
        width: 100%
    }

    #myAccountArea .buttonGroupTop {
        overflow: hidden
    }

    #myAccountArea .calendarView #calendarMain {
        border: none !important
    }

    #myAccountArea #calendarMain #TRHeaderRow th a span {
        float: left
    }

    #myAccountArea #btnSave,
    #myAccountArea #btnCancel {
        margin-top: 10px
    }

    #myAccountArea .buttonGroup {
        padding: 0
    }

    #myAccountArea div.ViewArea dl dd,
    #myAccountArea div.EditArea dl dd {
        width: 100%
    }

    .SearchCriteria,
    #myAccountArea .clsEventSearchLeft {
        width: 100%
    }

    .event-view-training-details img {
        max-width: 100%;
        margin: 0 0 15px 0
    }

    .event-view-training-details table {
        width: 100%
    }

    .EventSearchResults {
        margin: 0;
        padding: 15px 0;
        width: 100%
    }

    ol#eventsearchResultsInfo {
        width: 100%
    }

    #eventOuterTable .event-search-results ol li {
        float: left;
        width: 100%
    }

    .event-booking-info {
        width: 100%
    }

    .event-booking-desc {
        width: 100%;
        padding: 0;
        margin-top: 20px
    }

    #calendar-outer #calendarMain,
    .mymeetings-cal-view #calendarMain,
    #myAccountArea #calendarMain {
        width: 100%;
        margin-top: 10px
    }

    .mymeetings-cal-view {
        overflow-x: scroll
    }

    .mymeetings-cal-view #calendarMain {
        width: 600px
    }

    .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"] {
        width: 100% !important;
        overflow-x: scroll
    }

    .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"] .RadSplitter_Telerik {
        width: 692px
    }

    .EventQuickSearchMain div[id$="EventQuickSearch"] {
        width: 100%;
        margin-right: 0
    }

    .EventQuickSearchMain .EventQuickSearchCalendar,
    .EventQuickSearchMain .EventQuickSearchCalendar table {
        width: 100%
    }

    .EventQuickSearchMain .EventQuickSearchCalendar table {
        margin: 15px 0
    }

    .resource-scheduler .RadScheduler {
        overflow-x: scroll;
        width: 100% !important;
        height: auto !important
    }

    #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_divDisplayWeekend {
        text-align: left !important;
        margin: 10px 0
    }

    #ResourceCheck {
        margin-left: 0
    }

    #ISCLink {
        height: auto !important
    }

    .content-area .RadAjaxPanel select,
    .content-area .RadAjaxPanel textarea,
    .content-area .RadAjaxPanel inputnput[type="text"] {
        width: auto !important
    }

    div[id$="rmpMeetingManager"] .RadAjaxPanel,
    div[id$="rmpMeetingManager"] {
        width: 100%;
        overflow: hidden
    }

    .meeting-manager-managemeetings .meeting-edit div {
        display: block;
        width: 100% !important;
        margin: 3px 0
    }

    .meeting-manager-managemeetings .meeting-edit fieldset {
        margin: 10px 0;
        padding: 0
    }

    .meeting-manager-managemeetings .meeting-edit fieldset legend {
        position: static;
        width: 100%;
        margin: 10px 0
    }

    .meeting-manager-managemeetings .meeting-edit>div.single-checkbox {
        padding: 0;
        margin: 10px 0
    }

    .meeting-buttons,
    .meeting-buttons-bottom {
        padding: 0
    }

    .mymeetings-list-view #meeting-search>div .mymeetings-list-view-fromdt,
    .mymeetings-list-view #meeting-search>div .mymeetings-list-view-todt {
        width: 100%
    }

    .mymeetings-list-view div.RadPicker table.rcSingle .rcInputCell {
        padding: 10px 0
    }

    div[id$="divMembershipDetails"] fieldset p label {
        width: 100%;
        padding: 0 0 5px 0;
        text-align: left
    }

    div[id$="divMembershipDetails"] fieldset p input {
        width: 100% !important
    }

    div[id$="divMembershipDetails"] fieldset p select {
        width: 100%
    }

    div[id$="divMembershipDetails"] fieldset p textarea {
        width: 100%
    }

    div[id$="divMembershipDetails"] div[id$="divMandatoryMessage"] {
        padding-left: 0
    }

    div[id$="divMembershipDetails"] div[id$="divButton"] {
        padding-left: 0
    }

    .login-element,
    div[id$="LoginPanel"] {
        width: 100%
    }

    #wrapper {
        background: #fff
    }

    #intro {
        margin-top: 20px
    }

    #content-blocks .content-one {
        margin-bottom: 20px
    }

    #content-blocks .content-one video {
        width: 100%
    }

    #content-blocks .content-one embed {
        width: 100%
    }

    .ui-dialog.ui-widget-content {
        width: 100% !important
    }

    .ui-dialog.ui-widget-content .ui-dialog-content .date-box {
        width: auto
    }

    #content-block .imgBottom {
        display: block !important
    }

    #content-block .imgRight {
        display: none
    }

    .greenCol div {
        float: left;
        width: 60% !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    #main-nav .hmenu>li>ul {
        width: 254%
    }

    #main .widget .mainItem,
    #main .widget .subItem {
        width: 33%
    }

    #structureOfPubSec .img1200 {
        display: none
    }

    #structureOfPubSec .img768 {
        display: block !important
    }

    #structureOfPubSecRight h1 {
        text-align: center !important
    }

    .main-nav .hmenu>li>ul {
        top: 74px
    }

    #agency-badges-scroll .customNavigation a.prev,
    #agency-badges-scroll .customNavigation a.next {
        top: 0 !important
    }
}

@media(min-width:0) and (max-width:767px) {
    h1 {
        font-size: 235%
    }

    h2 {
        font-size: 175%
    }

    h3 {
        font-size: 155%
    }

    h4 {
        font-size: 140%
    }

    h5 {
        font-size: 120%
    }

    h6 {
        font-size: 110%
    }

    #how-to-find-us p {
        font-size: 100%
    }

    blockquote {
        font-size: 200%
    }

    .introText {
        font-size: 40px !important
    }

    #breadcrumb-panel {
        display: none
    }

    #article-blocks .widget>.mainItem>a>img {
        width: 100%;
        max-width: 100%
    }

    .content-area {
        margin-top: 0
    }

    .content-area h1 {
        margin-top: 20px
    }

    #header {
        padding: 0;
        height: 0;
        position: static
    }

    #header-top {
        height: 110px
    }

    .header-login {
        left: 30px;
        position: absolute;
        top: 10px
    }

    .header-login>a {
        left: 25px;
        padding: 5px;
        border-radius: 3px;
        color: #000;
        border: 1px solid #000;
        display: block;
        font-size: 100%;
        font-family: arial, sans-serif
    }

    .header-login>a:hover,
    .header-login>a:focus {
        cursor: pointer;
        background-color: #999
    }

    .header-login>a.open {
        background-color: #999
    }

    .header-login ul {
        width: 260px;
        border: 0;
        float: none;
        padding: 0;
        border-radius: 0;
        position: absolute;
        top: 30px;
        left: -320px;
        background: #ccc;
        z-index: 9999
    }

    .header-login ul li {
        float: none;
        display: block;
        padding: 10px 20px;
        border-bottom: 1px solid #E0E0E0
    }

    .header-login ul li.last-login {
        display: block
    }

    .header-login ul li span {
        float: none;
        padding: 0
    }

    .header-login ul li>span:first-child {
        padding: 0
    }

    .header-login ul li a {
        float: none;
        display: block;
        padding: 0
    }

    .header-login ul li:hover,
    .header-login ul li:focus {
        background-color: #00557F
    }

    .header-login ul li:hover a,
    .header-login ul li:focus a {
        color: #fff
    }

    .header-login ul li a:hover,
    .header-login ul li a:focus {
        border-radius: 0;
        background: 0
    }

    .header-logo {
        left: auto;
        right: 15px;
        top: -100px
    }

    .header-search {
        position: relative;
        top: 65px;
        margin: 0;
        padding: 0 15px
    }

    .header-search div.searchPanel {
        padding-right: 60px
    }

    div.searchPanel label {
        display: block
    }

    div.searchPanel input.searchInput {
        width: 100% !important
    }

    div.searchPanel a[id$="SearchLinkButton"],
    div.searchPanel input[id$="SearchButton"] {
        position: absolute;
        bottom: 0;
        right: 0
    }

    #TaxonSearchControl div.TaxonControlField input[type="submit"] {
        margin-left: 0
    }

    .quickSearchPanel {
        display: none
    }

    .carousel-contents #slick-slide>div h3 {
        font-size: 120%
    }

    .carousel-contents #slick-slide>div p {
        font-size: 100%
    }

    #main-nav {
        height: 0;
        position: static;
        border: 0
    }

    #main-nav>.accessible-heading {
        display: block;
        left: 15px;
        top: -90px;
        z-index: 1000;
        width: 30px;
        height: 30px;
        padding: 5px;
        text-indent: -9999px;
        border: 1px solid #000;
        border-radius: 3px;
        background: url(/images/tdcm/admin_menu_icon.png) no-repeat 5px 5px
    }

    #main-nav>.accessible-heading:hover,
    #main-nav>.accessible-heading:focus {
        cursor: pointer;
        background-color: #999
    }

    #main-nav>.accessible-heading.open {
        background-color: #999
    }

    #main-nav .hmenu {
        position: absolute;
        top: -60px;
        left: -280px
    }

    #section-menu {
        float: none;
        width: 100% !important;
        margin: 0 0 20px 0;
        position: relative
    }

    #section-menu .accessible-heading {
        font-size: 100%;
        font-family: arial, sans-serif;
        position: relative;
        display: block;
        left: 0;
        top: 0;
        padding: 5px;
        border: 1px solid #000;
        border-radius: 3px
    }

    #section-menu .accessible-heading:hover,
    #section-menu .accessible-heading:focus {
        cursor: pointer;
        background-color: #999
    }

    #section-menu #LeftMenu {
        display: none;
        position: absolute;
        top: 25px;
        left: 0;
        z-index: 1000
    }

    #main-nav .hmenu {
        list-style-type: none;
        margin: 10px 0 0 0;
        padding: 0 10px 15px 10px;
        width: 100%;
        height: auto !important;
        background: #ccc;
        z-index: 9999;
        border: 1px #C5B7B7 solid;
        left: -980px
    }

    #main-nav .hmenu a {
        text-decoration: none
    }

    #main-nav .hmenu>li {
        float: none;
        display: block;
        margin: 0;
        padding: 0
    }

    #main-nav .hmenu>li.first {
        border-radius: 0
    }

    #main-nav .hmenu>li>a,
    #main-nav .hmenu>li>span {
        float: none;
        display: block;
        padding: 5px;
        font-weight: bold;
        border: 0;
        color: #555
    }

    #main-nav .hmenu>li:hover,
    #main-nav .hmenu>li:focus {
        background: 0
    }

    #main-nav .hmenu>li:hover>a,
    #main-nav .hmenu>li:focus>a {
        background: #555;
        color: #fff
    }

    #main-nav .hmenu>li>ul {
        display: block;
        position: relative;
        top: 0;
        width: 100%;
        list-style-type: none;
        margin: 0;
        padding: 0 4px;
        background: 0
    }

    #main-nav .hmenu>li>ul>li {
        float: left;
        display: block;
        width: 50%;
        margin: 0;
        padding: 0
    }

    #main-nav .hmenu>li>ul>li>a,
    #main-nav .hmenu>li>ul>li>span {
        float: none;
        display: block;
        padding: 5px 0;
        color: #00557F
    }

    #main-nav .hmenu>li>ul>li>ul {
        display: block;
        list-style-type: none;
        margin: 10px 0 0 0;
        padding: 0
    }

    #main-nav .hmenu>li>ul>li>ul>li {
        float: none;
        display: block;
        margin: 0;
        padding: 0
    }

    #main-nav .hmenu>li>ul>li>ul>li>a,
    #main-nav .hmenu>li>ul>li>ul>li>span {
        float: none;
        display: block;
        padding: 5px 10px;
        color: #000;
        font-weight: normal
    }

    #main-nav .hmenu>li>ul>li>ul>li>a:hover,
    #main-nav .hmenu>li>ul>li>ul>li>a:focus {
        background-color: #fff;
        color: #000;
        border-radius: 0
    }

    #main-nav .hmenu>li>ul li ul li ul {
        display: none
    }

    #main .widget .mainItem,
    #main .widget .subItem {
        width: 33%
    }

    #intro .intro-block-one,
    #intro .intro-block-two,
    #intro .intro-block-three,
    #intro .intro-block-four {
        height: auto
    }

    #wrapper #page-content #page-tools .Rating,
    #wrapper #page-content #page-tools .RatingContainer {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }

    #wrapper #page-content #page-tools #page-tools-connect {
        float: none;
        width: 100%
    }

    #footer-top-one,
    #footer-top-two {
        margin-bottom: 20px
    }

    #myAccountArea div.EditArea #DivProfileEdit dl dd,
    #myAccountArea div.ViewArea,
    #myAccountArea div.EditArea {
        width: 100%
    }

    #myAccountArea div.EditArea dl dd input[type="text"] {
        width: 100% !important
    }

    #myAccountArea div.EditArea dl dd input#txtBusPhone {
        width: 70% !important
    }

    #myAccountArea div.EditArea #DivProfileEdit .RadEditorTextArea {
        height: auto !important
    }

    .RadAjaxPanel {
        width: 100%;
        overflow-x: scroll
    }

    .RadAjaxPanel .task-manager {
        width: 938px
    }

    .meeting-buttons-bottom #btnSaveAndViewAgenda,
    .meeting-buttons-bottom #btnSave {
        margin-bottom: 10px
    }

    .module-area .meeting-manager-managemeetings .meeting-edit>div .RadListBox,
    .module-area .meeting-manager-managemeetings .meeting-edit>fieldset .RadListBox,
    .meeting-manager-managemeetings .meeting-edit>div .RadListBox .rlbGroup,
    .meeting-manager-managemeetings .meeting-edit>fieldset .RadListBox .rlbGroup {
        width: 100% !important
    }

    div[id$="vwAddTask"] .add-task-fields>div.more_options .right_options,
    div[id$="vwAddTask"] .add-task-fields>div.more_options .left_options {
        width: 100%
    }

    .task-manager .tm-search-options>div.buttons .search-button,
    .task-manager #btnAddNewTaskTMView,
    div[id$="vwAddTask"] .add-task-fields #btnAddTask,
    div[id$="vwManageTaskGroups"] .buttonType1,
    div[id$="vwManageTaskGroups"] #btnAddSubGroup,
    .task-manager .additional-options input[type="button"] {
        margin-left: 0
    }

    div[id$="vwManageTaskGroups"] .buttonGroupTop {
        position: static
    }

    #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_vwManageTaskGroups div#searchResults table-responsive {
        overflow-x: scroll;
        width: 100%
    }

    #gvtmTaskGroups a {
        color: #fff
    }

    .blogContainer .blogMenu {
        position: relative;
        margin-bottom: 15px;
        width: 100%
    }

    .blogContainer .blogMain {
        margin: 0
    }

    .blogContainer .blogMenu .clsMidHeader {
        margin: 15px 0
    }

    .blogContainer .blogMenu a.AddArticleLink {
        padding: 5px;
        border-radius: 3px;
        color: #fff;
        background: #1D779F;
        width: auto;
        font-size: 120%;
        font-family: arial, sans-serif
    }

    .blogArticle .Comments {
        width: 100%
    }

    .content-area #PollMain {
        width: 100%
    }

    .SearchResults {
        width: 100%
    }

    .SearchResults ol li span.lastRow {
        word-wrap: break-word;
        margin-left: 0
    }

    .SearchResults ol li span.clsResultDescr {
        margin-left: 0
    }

    .people-element-tabular-layout table {
        width: 100%
    }

    #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_PeoplePanel {
        width: 100%;
        overflow-x: scroll
    }

    #pMailingListSelectListInstructions,
    #divMailingListSubscribe {
        margin: 10px 0
    }

    #faqContainer .FAQHeadingLinks a {
        position: static
    }

    .clsFormCreator .formCreatorCaptchaTable {
        padding: 0
    }

    .clsFormCreator div.clsFormCreator_checkbox {
        padding: 0
    }

    .clsFormCreator div.clsFormCreator_checkbox label {
        position: static
    }

    .clsFormCreator #recaptcha_area,
    .clsFormCreator #recaptcha_table {
        width: 310px !important;
        margin: 0 0 0 -25px
    }

    #page-content .EventQuickSearchMain .EventQuickSearchRow input[type="text"],
    #page-content .EventQuickSearchMain .EventQuickSearchRow label {
        display: block;
        width: 100% !important;
        margin: 5px 0
    }

    #page-content .EventQuickSearchMain .EventQuickSearchRow #selQuickEventType label {
        width: auto !important;
        display: inline
    }

    .EventQuickSearchMain div[id$="EventQuickSearch"] {
        width: 100%;
        margin-right: 0
    }

    .EventQuickSearchMain .EventQuickSearchCalendar,
    .EventQuickSearchMain .EventQuickSearchCalendar table {
        width: 100%
    }

    .EventQuickSearchMain .EventQuickSearchCalendar table {
        margin: 15px 0
    }

    .event-registration-confirmation .NotificationEmailEvent,
    #divEventRegistration #tblEventDetails,
    #divEventRegistration fieldset {
        width: 100%
    }

    .event-registration-confirmation .NotificationEmailEvent td {
        border: 0
    }

    .event-registration-confirmation .NotificationEmailEvent th {
        padding: 5px
    }

    .NotificationEmailRegDetails td {
        padding: 5px 15px 5px 0
    }

    .FormResult .clsSearchParameters .clsSubmitNew {
        position: static;
        padding-bottom: 10px
    }

    .FormResult .clsSearchParameters .divSearchPanelInner,
    .FormResult div.advanced-search-panel {
        width: 100%;
        padding-bottom: 5px
    }

    #divFormResultsRepeater {
        width: 100%;
        overflow-x: scroll
    }

    .comments-container .comment-list {
        -moz- width: 100%
    }

    .comments-container .comment-list .reply-list .comment-item,
    .comments-container .comment-list .comment-item,
    .comments-container .comment-list .reply-list {
        -moz- width: 90%
    }

    .comment-list .comment-item .comment-item-image,
    .comments-container .comment-list .comment-item .comment-item-image {
        width: 10%
    }

    .comments-container .comment-list .reply-list .comment-item .comment-item-detail,
    .comments-container .comment-list .comment-item .comment-item-detail {
        width: 85%
    }

    .language-switcher {
        position: relative;
        margin-bottom: 15px
    }

    #RadWindowWrapper_ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_MySocialPostStream1_rwDocumentSelector,
    #RadWindowWrapper_ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_MySocialPostStream1_rwDocumentSelector .rwTable {
        height: 500px !important
    }

    #RadWindowWrapper_ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_MySocialPostStream1_rwDocumentSelector {
        overflow-x: scroll !important;
        width: 100% !important;
        overflow-y: hidden
    }

    #RadWindowWrapper_ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_MySocialPostStream1_rwDocumentSelector {
        width: 100% !important
    }

    .comments-container .comment-list .comment-reply {
        height: auto;
        padding: 10px 10px 50px 10px
    }

    .resource-scheduler .RadScheduler_Telerik textarea,
    .resource-scheduler .RadScheduler_Telerik input#Emails {
        width: 100% !important
    }

    .resource-scheduler div.EmailListLeft {
        margin: 0
    }

    .article-map,
    .article-map iframe {
        width: 100%
    }

    #locatorContainer .clsDivSearchResults {
        overflow-x: scroll
    }

    #structureOfPubSec .img1200 {
        display: none
    }

    #structureOfPubSec .img768 {
        display: block !important
    }

    #LeftMenu {
        display: none
    }

    #caption2 {
        margin-top: -119px !important;
        text-align: center
    }

    #caption2 h1 {
        font-size: 30px !important
    }

    #caption2 h3 {
        font-size: 100% !important
    }
}

@media(min-width:0) and (max-width:480px) {

    #main .widget .mainItem,
    #main .widget .subItem {
        width: 50%
    }

    #structureOfPubSec .imgMobile {
        display: block !important
    }

    #structureOfPubSec .img768 {
        display: none !important
    }

    #structureOfPubSecRight .img-LM {
        display: none
    }

    #structureOfPubSecRight .imgMobile-LM {
        display: block !important
    }

    #structureOfPubSecRight h1 {
        text-align: center !important
    }

    #how-to-find-us ul>li {
        padding: 15px 10px !important
    }

    #how-to-find-us .content-right h3 {
        font-size: 18px !important;
        line-height: 20px;
        font-family: "Gotham-Bold" !important;
        text-transform: capitalize
    }

    #how-to-find-us .content-right p {
        line-height: 30px;
        margin: 0 0 10px 0;
        color: #54504b
    }

    #how-to-find-us h2 {
        font-size: 22px !important;
        text-align: center
    }

    #caption2 {
        margin-top: -20px !important;
        text-align: center;
        background: #333 !important
    }
}

@media(min-width:0) and (max-width:360px) {
    #intro #emp-portal {
        height: 600px !important
    }

    #intro #emp-portal .widget {
        padding-bottom: 5px;
        padding-top: 5px
    }

    #emp-portal .widget>h2 {
        margin-top: 10px
    }

    h2 {
        clear: both
    }

    .carousel-contents #slick-slide>div .content {
        bottom: 40px
    }

    #caption2 {
        margin-top: -20px !important;
        text-align: center;
        padding: 5px !important;
        position: static !important
    }

    #caption2 h1 {
        font-size: 24px !important
    }

    #caption2 h3 {
        font-size: 90% !important
    }
}

.widgetslider-AB {
    border-top: 0 solid #666;
    padding: 0
}

#agency-badges-scroll .widgetslider-AB .mainItem img,
#agency-badges-scroll .widgetslider-AB .subItem img {
    padding: 10px;
    background-color: #fff
}

.widgetslider-AB .mainItem dl,
.widgetslider-AB .subItem dl {
    clear: both;
    padding: 0 10px 10px 10px;
    background-color: #fff;
    height: 100px
}

.widgetslider-AB .mainItem dl a,
.widgetslider-AB .subItem dl a {
    color: #333;
    font-weight: bold
}

.widgetslider-AB #widgetscroll .item dt {
    display: none
}

.widgetslider-RW {
    border-top: 0 solid #666;
    padding: 10px 0 50px 0
}

.widgetslider-RW .mainItem img,
.widgetslider-RW .subItem img {
    width: 100%;
    padding: 10px;
    background-color: #fff
}

.widgetslider-RW .mainItem dl,
.widgetslider-RW .subItem dl {
    clear: both;
    padding: 0 10px 10px 10px;
    background-color: #fff;
    height: 100px
}

.widgetslider-RW .mainItem dl a,
.widgetslider-RW .subItem dl a {
    color: #333;
    font-weight: bold
}

.customNavigation {
    position: relative
}

.customNavigation a {
    width: 24px;
    height: 40px;
    position: absolute;
    display: block;
    text-indent: -9999px
}

.customNavigation a.prev {
    background: url('images/arrow_left.png') 0 0 no-repeat
}

.customNavigation a.next {
    background: url('images/arrow_right.png') 0 0 no-repeat;
    right: 0
}

#widgetscroll .item {
    padding: 0 0 30px 0;
    margin: 10px 40px;
    color: #FFF
}

#agency-badges-scroll .customNavigation {
    position: relative;
    top: -175px
}

#agency-badges-scroll .customNavigation a.prev {
    position: absolute;
    left: -40px;
    display: block;
    width: 25px;
    height: 40px;
    background: url(images/prev-next-ft.png) no-repeat;
    text-indent: -10000px;
    top: -50px
}

#agency-badges-scroll .customNavigation a.next {
    position: absolute;
    right: -40px;
    display: block;
    width: 25px;
    height: 40px;
    background: url(images/prev-next-ft.png) no-repeat -35px 0;
    text-indent: -10000px;
    top: -50px
}

#widgetscroll .item div a>img {
    width: 100%
}

#widgetscroll.item div>a {
    margin-bottom: 20px;
    display: block;
    float: left;
    width: 100%
}

#ewidgetscroll dt a {
    font-size: 20px;
    color: #1e357b;
    width: 60%;
    margin-left: 10px;
    float: left;
    font-family: 'uni_sans_semiboldregular'
}

#widgetscroll dd {
    clear: both;
    margin-top: 10px;
    float: left;
    text-align: left;
    color: #333;
    font-size: 14px
}

#widgetscroll .item dl {
    clear: both
}

#widgetscroll .item dt {
    display: block;
    float: left;
    text-align: center
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left;
    border: 0 solid #e0e0e0
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.grabbing {
    cursor: url(images/grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    display: none !important
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #328c55
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #ececec
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px
}

#widgetscroll dl {
    display: block
}

#emp-portal {
    position: absolute;
    width: 365px;
    height: 505px;
    height: 525px;
    background-color: #008564;
    right: 50px;
    top: -10px;
    z-index: 1000;
    padding: 15px;
    box-shadow: 5px 5px 3px 0 rgba(60, 60, 60, 0.4) !important
}

#emp-portal>h2,
#emp-portal h2 {
    color: #fff;
    text-align: center;
    font-family: 'RooneyBold';
    font-weight: bold;
    font-size: 30px;
    margin: 25px 0 5px 0
}

#emp-portal p {
    font-family: 'Gotham-Book';
    font-size: 15px;
    text-align: center;
    color: #fff;
    margin: 5px 0
}

#emp-portal div>p {
    margin-left: 20px;
    margin-right: 20px
}

#emp-portal p small {
    font-family: 'Gotham-Book';
    font-size: 12px;
    text-align: center;
    color: #fff;
    letter-spacing: -0.2px
}

#emp-portal p a {
    font-family: 'Gotham-Book';
    font-size: 12px;
    text-align: center;
    color: #fff;
    text-decoration: underline
}

#emp-portal .widget {
    background-color: #fff;
    padding: 20px;
    margin-top: 10px
}

#emp-portal .widget>h2 {
    text-align: center;
    font-family: 'Gotham-Bold';
    font-size: 18px;
    color: #54504b
}

#emp-portal .mainItem,
#emp-portal .subItem {
    margin: 5px 0;
    background: url("images/bullet.png") no-repeat scroll left center;
    padding: 3px 0 3px 20px
}

#emp-portal .mainItem a,
#emp-portal .subItem a {
    font-family: 'Gotham-Medium';
    font-size: 14px;
    color: #00826F
}

#emp-portal .searchPanel .searchInput {
    width: 100% !important;
    height: 50px !important;
    border: 0;
    border-radius: none;
    float: left;
    border-radius: 0;
    padding: 10px 60px 10px 15px
}

#emp-portal .searchPanel {
    margin-bottom: 10px;
    position: relative;
    min-height: 50px
}

#emp-portal .searchPanel label {
    color: #b7b7b7;
    font-size: 14px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: 15px;
    font-family: 'Gotham-Medium'
}

#emp-portal .searchPanel input[type="submit"] {
    background: #333 url("images/search-white.png") no-repeat scroll center center;
    float: right;
    overflow: hidden;
    padding: 17px 25px;
    position: absolute;
    right: 0;
    text-indent: -999px;
    top: 0;
    border: 0;
    border-radius: 0;
    height: 50px
}

#article-blocks .widget {
    background-color: #fff
}

#article-blocks .content-left,
#article-blocks .content-right {
    margin-top: 40px
}

#article-blocks .widget {
    box-shadow: 0 0 7px rgba(60, 60, 60, 0.4);
    height: 280px
}

#article-blocks .content-left img {
    margin-left: 20px
}

#article-blocks .content-right img {
    margin-right: 20px
}

#article-blocks .content-left dl {
    padding: 30px 0 30px 20px
}

#article-blocks .content-right dl {
    padding: 30px 20px 30px 0
}

#article-blocks dl dt a {
    font-family: 'RooneyBold';
    font-size: 30px;
    color: #00a88f
}

#article-blocks dl dd {
    font-family: 'Gotham-Book';
    font-size: 14px;
    color: #54504b;
    margin: 20px 0 0 0
}

#article-blocks a .mainItemMore {
    display: inline-block;
    padding: 10px 20px;
    background: #008564;
    color: #fff;
    font-weight: bold;
    margin-top: 20px
}

#quicklinks {
    margin: 30px 0 0 0
}

#quicklinks .title {
    text-align: center;
    font-family: 'RooneyBold';
    font-size: 30px;
    color: #00a88f;
    padding: 20px 0;
    margin: 0 0 30px 0
}

#quicklinks h2,
#quicklinks h3 {
    font-family: 'Gotham-Bold';
    font-weight: bold;
    font-size: 18px;
    color: #54504b
}

#quicklinks .mainItem,
#quicklinks .subItem {
    padding: 7px 0
}

#quicklinks .mainItem a,
#quicklinks .subItem a {
    font-family: 'Gotham-Medium';
    font-size: 15px;
    color: #00826F
}

#footer-top-one {
    position: static;
    top: 20px;
    right: 0;
    height: 46px;
    z-index: 1001;
    border: 0
}

#footer-top-one .hmenu {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 30px 0 0 0;
    height: auto !important;
    width: 100%
}

#footer-top-one .hmenu a {
    text-decoration: none;
    font-family: 'Gotham-Book';
    font-size: 13px;
    color: #d5d2ca
}

#footer-top-one .hmenu a:hover {
    text-decoration: underline
}

#footer-top-one .hmenu>li {
    float: left;
    padding: 5px 0;
    width: 21%;
    margin-right: 30px
}

#footer-top-one .hmenu>li:nth-child(2) {
    width: 26%
}

#footer-top-one .hmenu>li>a,
#footer-top-one .hmenu>li>span {
    display: block;
    color: #d5d2ca;
    font-family: 'Gotham-Bold';
    font-size: 20px;
    height: auto;
    padding: 10px 0;
    font-weight: bold
}

#footer-top-one .hmenu>li>a h3 {
    font: normal bold 100% 'Gotham-Bold', arial, verdana, sans-serif;
    color: #d5d2ca;
    text-transform: none;
    border: 0;
    margin: 0;
    padding: 0
}

#footer-top-one .hmenu>li.first>a,
#footer-top-one .hmenu>li.first>span {
    border-left: none
}

#header-top {
    right: 0;
    height: 46px;
    z-index: 1001;
    border: 0
}

#header-top .hmenu {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 46px !important
}

#header-top .hmenu a {
    text-decoration: none
}

#header-top .hmenu>li {
    float: left;
    padding: 13px 0
}

#header-top .hmenu>li>a,
#header-top .hmenu>li>span {
    display: block;
    color: #d5d2ca;
    font-family: 'Gotham-Book';
    font-size: 15px;
    height: auto;
    padding: 0 20px;
    border-left: 1px solid #d5d2ca
}

#header-top .hmenu>li.first>a,
#header-top .hmenu>li.first>span {
    border-left: none
}

#header-top .hmenu>li>ul {
    display: none !important;
    z-index: 10;
    position: absolute;
    top: 46px;
    right: 0;
    list-style-type: none;
    margin: 0;
    width: 1170px;
    padding: 20px 20px 20px 0;
    background-color: #000;
    opacity: .9;
    filter: alpha(opacity=90)
}

#header-top .hmenu>li>ul>li {
    float: left;
    width: 25%;
    padding-left: 15px
}

#header-top .hmenu>li>ul>li>a,
#header-top .hmenu>li>ul>li>span {
    display: block;
    border-bottom: 2px solid #207EAB;
    padding: 2px 5px;
    color: #207EAB;
    font-weight: bold;
    font-size: 120%
}

#header-top .hmenu>li>ul>li>a:hover,
#header-top .hmenu>li>ul>li>a:focus {
    border-bottom: 2px solid #fff
}

#header-top .hmenu>li:hover>ul,
#header-top .hmenu>li:focus>ul {
    display: block;
    z-index: 2000
}

#header-top .hmenu>li>.puch-top-menu {
    display: none !important
}

.contact-us {
    background: #fff;
    padding: 20px;
    margin: 0 -20px
}

.contact-us h3 {
    font-size: 20px;
    color: #00826F
}

.contact-us p {
    font-family: 'Gotham-Book';
    font-size: 13px
}

.puch-top-menu {
    display: none;
    padding: 30px 0
}

.puch-top-menu .hmenu>li {
    float: left;
    margin-right: 30px;
    padding: 5px 0;
    width: 21%;
    width: 29%;
    list-style: none
}

.puch-top-menu .hmenu>li>a,
.puch-top-menu .hmenu>li>span {
    color: #d5d2ca;
    display: block;
    font-family: "Gotham-Bold";
    font-size: 20px;
    font-weight: bold;
    height: auto;
    padding: 10px 0
}

.puch-top-menu .hmenu>li>a:hover {
    text-decoration: none
}

.puch-top-menu .hmenu>li>ul {
    padding: 0;
    margin: 0;
    font-family: 'Gotham-Book';
    list-style: none
}

.puch-top-menu .hmenu>li>ul>li {
    float: none;
    margin: 0 0 10px;
    font-size: 14px;
    list-style: none
}

.puch-top-menu .hmenu>li>ul>li>a {
    display: block;
    color: #d5d2ca;
    font-size: 13px
}

#header .contactNo {
    position: absolute;
    right: 30px;
    top: 0;
    color: #666;
    display: none !important
}

#header .contactNo h2 {
    font-family: 'RooneyBold';
    color: #54504b;
    font-size: 25px;
    position: relative
}

#header .contactNo h2:before {
    font-family: FontAwesome;
    content: "\f095";
    font-size: smaller;
    position: absolute;
    top: 10px;
    left: -25px
}

#newsletter {
    background-image: url(images/newsletter-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    -ms-behavior: url(http://www.psc.nsw.gov.au/Include/fonts/backgroundsize.min.htc);
    height: 476px;
    margin: 40px 0;
    text-align: center;
    padding: 150px 0 0 0;
    color: #fff;
    font-size: 14px;
    background-position: center
}

#newsletter h2 {
    color: #fff;
    font-size: 30px
}

#newsletter p {
    margin: 30px 0;
    padding: 0
}

#newsletter .clsFormCreator {
    background: 0;
    max-width: 515px;
    margin: 0 auto
}

#newsletter .clsFormCreator .clsFormCreator_textbox.clsFormCreator_UserField7859_239470 {
    margin-right: 15px
}

#newsletter .clsFormCreator .clsFormCreator_textbox.clsFormCreator_UserField7859_183904,
#newsletter .clsFormCreator .clsFormCreator_textbox.clsFormCreator_UserField7859_183904 input.clsTextBox {
    width: 100% !important
}

#newsletter .clsFormCreator .clsFormCreator_textbox {
    padding: 0;
    margin: 0 0 15px 0;
    float: left
}

#newsletter .clsFormCreator .clsFormCreator_textbox label {
    position: absolute;
    top: 8px;
    left: 15px;
    color: #b6b6b6;
    width: 220px;
    text-align: left;
    line-height: 25px
}

#newsletter .clsFormCreator .clsFormCreator_textbox label>span {
    display: none
}

#newsletter .clsFormCreator .clsFormCreator_textbox input.clsTextBox {
    width: 250px !important;
    height: 45px;
    line-height: 45px;
    border: 0;
    border-radius: 0;
    padding: 0 15px;
    width: 250px !important
}

#newsletter .clsFormCreator .clsMandatory {
    display: none
}

#newsletter .clsFormCreator div.clsBtnSubmit {
    padding: 0;
    margin: 0;
    float: none
}

.clsFormCreator div.clsBtnSubmit input {
    float: left;
    padding: 0 10px;
    margin: 0 0 0 10px;
    border-radius: 0;
    border: 0;
    color: #fff;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    background: #00a88f
}

.clsFormCreator div.clsBtnSubmit input:hover,
.clsFormCreator div.clsBtnSubmit input:focus {
    border: 0
}

.clsFormCreator_UserField7859_240350 {
    display: none
}

#caption {
    display: table-cell;
    vertical-align: middle;
    height: 520px;
    width: 500px
}

#caption h1 {
    font-family: 'RooneyBold';
    font-size: 50px;
    color: #00a88f;
    margin-bottom: 0
}

#caption p {
    font-family: 'Gotham-Book';
    font-size: 27px;
    color: #54504b
}

#caption button {
    font-family: 'Gotham-Medium';
    font-size: 14px;
    background: #00a88f;
    padding: 10px 15px;
    border: 0
}

.hero-new-layout {
    background: #fff none repeat scroll 0 0
}

.hero-new-layout #heroImg .container {
    background-image: none;
    padding: 0
}

.green-image img {
    max-width: 100%
}

#caption2 {
    background: linear-gradient(to bottom, rgba(2, 2, 2, 0) 0, #000 100%);
    background: -moz-linear-gradient(top, rgba(2, 2, 2, 0) 0, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(2, 2, 2, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(2, 2, 2, 0) 0, rgba(0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(2, 2, 2, 0) 0, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(2, 2, 2, 0) 0, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6ffffff', endColorstr='#ffffff', GradientType=0);
    margin-top: -150px;
    position: relative;
    width: 100%;
    z-index: 999;
    padding: 20px
}

#caption2 h1 {
    font-family: 'RooneyBold';
    font-size: 50px;
    color: #fff;
    margin-bottom: 0
}

#caption2 p {
    font-family: 'Gotham-Book';
    font-size: 27px;
    color: #54504b
}

#caption2 button {
    font-family: 'Gotham-Medium';
    font-size: 14px;
    background: #00a88f;
    padding: 10px 15px;
    border: 0
}

#content-block,
#structureOfPubSec {
    margin-bottom: 30px;
    font-family: 'Gotham-Book'
}

#content-block h1,
#structureOfPubSec h1,
#structureOfPubSecRight h1,
.content-area h1 {
    font-family: 'RooneyBold';
    color: #00a88f
}

.introText {
    font-size: 19px !important;
    color: #54504b;
    line-height: 125%
}

#structureOfPubSec h1 {
    text-align: center
}

#structureOfPubSecRight .imgMobile-LM {
    display: none
}

#structureOfPubSec .img768 {
    display: none
}

#structureOfPubSec .imgMobile {
    display: none
}

#content-block .imgBottom {
    display: none
}

#structureOfPubSecRight {
    margin-top: 50px;
    padding: 0
}

#structureOfPubSecRight h1 {
    text-align: left
}

#cols-3 {
    margin-bottom: 50px;
    padding: 30px 0
}

#cols-3 p {
    font-family: 'Gotham-Book';
    color: #54504b
}

#photGallery h1 {
    text-align: center;
    font-size: 175%
}

#tps-block {
    background-image: url(images/totalpublicsector-bg.png);
    background-position: no-repeat;
    background-size: cover;
    -ms-behavior: url(http://www.psc.nsw.gov.au/Include/fonts/backgroundsize.min.htc);
    height: 653px;
    margin: 20px 0;
    text-align: center;
    padding: 150px 0 0 0;
    color: #fff;
    font-size: 14px
}

#tps-block .tps {
    display: table-cell;
    vertical-align: middle;
    height: 470px
}

#tps-block h1 {
    color: #fff;
    font-family: 'RooneyBold'
}

#tps-block span {
    font-size: 70px
}

#heroImg {
    margin-bottom: 50px
}

#heroImg img {
    max-width: 100%
}

#heroImg .container {
    background-image: url(images/hero-bg.png);
    padding: 20px 10px
}

#recentWork {
    background-image: url(images/recentworks-bg.png);
    background-position: no-repeat;
    background-size: 100% 810px;
    height: 810px;
    padding-top: 55px;
    margin-bottom: 0
}

#recentWork .widget {
    margin-top: 30px
}

#recentWork #widgetscroll .item {
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 5px 0 #999;
    -webkit-box-shadow: 0 0 5px 0 #999;
    -moz-box-shadow: 0 0 5px 0 #999;
    -o-box-shadow: 0 0 5px 0 #999;
    min-height: 500px
}

#recentWork #widgetscroll .mainItem img,
#recentWork #widgetscroll .subItem img {
    padding: 0;
    margin: 0
}

#recentWork #widgetscroll .mainItem dl,
#recentWork #widgetscroll .subItem dl {
    padding: 10px 0 0 0;
    margin: 0
}

#recentWork .customNavigation {
    top: -295px
}

#recentWork .mainItem dt .mainItemHeading,
#recentWork .subItem dt .subItemHeading {
    font-family: 'Gotham-Bold';
    font-size: 20px;
    color: #54504b;
    text-align: left;
    margin-bottom: 20px
}

#recentWork .mainItem dt .file-info,
#recentWork .subItem dt .file-info {
    font-weight: normal;
    color: #1a0dab
}

#recentWork .mainItem .description,
#recentWork .subItem .description {
    font-family: 'Gotham-Book';
    font-size: 15px;
    color: #54504b;
    margin-bottom: 15px
}

#recentWork a .subItemMore,
#recentWork a .mainItemMore {
    color: #00826F;
    margin-top: 10px;
    font-size: 15px;
    font-family: "Gotham-Medium"
}

#recentWork a .subItemMore:after,
#recentWork a .mainItemMore:after {
    font-family: "FontAwesome";
    content: ' \f138';
    color: #00826F
}

#recentWork p {
    text-align: center;
    font-family: "Gotham-Book";
    font-size: 15px;
    color: #54504b
}

#recentWork h1 {
    text-align: center;
    margin-bottom: 5px
}

#searchResultsInfo a {
    font-family: 'Gotham-Bold';
    font-size: 20px;
    color: #54504b
}

#searchResultsInfo .clsResultDescr {
    font-family: 'Gotham-Book';
    font-size: 15px;
    color: #252320
}

#searchResultsInfo .clsResultLastModified {
    font-family: 'Gotham-Book';
    font-size: 14px;
    color: #928b81
}

.container {
    padding: 0
}

.navbar-toggle .icon-bar {
    height: 3px;
    background: #666
}

@media(max-width:1200px) {
    #article-blocks .widget {
        height: auto
    }
}

#accordion .panel {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    margin: 0 0 2px 0
}

#accordion .panel h4,
#accordion .panel h2 {
    background: #d5d2ca;
    padding: 15px 30px;
    position: relative;
    font-family: 'Gotham-Bold';
    color: #54504b;
    font-size: 140%;
    margin: 0;
    min-height: 90px;
    cursor: pointer
}

#accordion .panel h4 span,
#accordion .panel h2 span {
    font-size: 80%;
    font-family: 'Gotham-Book';
    display: block;
    padding: 10px 0 0 0
}

#accordion .panel .arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    min-height: 90px;
    height: 100%
}

#accordion .panel h4 span.arrow:after,
#accordion .panel h2 span.arrow:after {
    background: #00a88f none repeat scroll 0 0;
    color: #fff;
    content: "\f077";
    font-family: "FontAwesome";
    font-size: 48px;
    font-weight: normal;
    height: 100%;
    padding-left: 25%;
    padding-top: 20%;
    position: absolute;
    top: 0;
    width: 100%
}

#accordion .panel h4.collapsed span.arrow:after {
    content: "\f078"
}

#accordion .panel .panel-collapse {
    padding: 0
}

#accordion .panel .panel-collapse .section {
    background: #eeedea;
    padding: 30px 20px;
    margin: 0 0 2px 0
}

#accordion .panel .panel-collapse h3 {
    font-size: 115%;
    font-family: 'Gotham-Bold'
}

#accordion .panel .panel-collapse ul,
#accordion .panel .panel-collapse ul li {
    padding: 0;
    margin: 0 10px
}

#accordion .panel .panel-collapse ul>li {
    color: #333;
    font-size: 13px
}

#accordion .panel .panel-collapse ul>li>span {
    font-family: 'Gotham-Book';
    color: #54504b
}

.navbar-push {
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 0;
    margin-right: 0
}

@media screen and (max-width:767px) {
    .push-canvas {
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
        overflow-x: hidden;
        position: relative;
        left: 0;
        overflow-y: visible
    }

    .push-canvas.pushed-left {
        left: -90%
    }

    .push-canvas.pushed-right {
        left: 90%
    }

    .navbar-push {
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
        height: 100%;
        position: fixed;
        width: 50%;
        top: 0;
        position: absolute !important;
        right: -90.5% !important;
        top: -81px !important
    }

    .navbar-push.navbar-push-left {
        right: -90%
    }

    .navbar-push.navbar-push-right {
        left: -90%
    }

    .navbar-push.navbar-push-right.in {
        left: 0
    }

    .navbar-push.navbar-push-left.in {
        right: 0
    }

    .navbar-push.navbar-push-top {
        bottom: -90%
    }

    .navbar-push.navbar-push-bottom {
        top: -90%
    }

    .navbar-push.navbar-push-top.in {
        bottom: 0
    }

    .navbar-push.navbar-push-bottom.in {
        top: 0
    }

    .puch-top-menu {
        display: none !important
    }
}

.tealbox {
    background: #009b74;
    color: #fff;
    border: solid #fff 1px;
    padding: 10px;
    box-shadow: 0 1px 4px 0 #c8c8c8
}

@media(max-width:767px) {
    .header-logo {
        padding-top: 5px;
        width: 45%;
        position: static;
        margin: -15px 0 0 -5px !important
    }

    #emp-portal {
        position: static;
        width: 100%;
        margin: 30px 0 0 0;
        box-shadow: 0
    }

    #emp-portal .searchPanel .searchInput {
        padding: 17px 20px
    }

    #article-blocks .widget {
        box-shadow: 0
    }

    .intro-block-one {
        margin-bottom: 20px
    }

    #header .navbar-brand>a {
        display: block;
        width: 140px;
        margin: 20px 0 0 20px
    }

    .navbar-toggle {
        min-height: 45px;
        margin: 10px 10px
    }

    .mobile-nav {
        width: 100%;
        margin: 60px 0 0 0
    }

    .mobile-nav .hmenu {
        height: auto !important;
        width: 100%;
        min-height: 700px;
        position: absolute;
        top: 140px
    }

    .mobile-nav .hmenu>li {
        width: 100%
    }

    .mobile-nav .hmenu>li:first-child>a>span {
        padding: 0 0 0 40px
    }

    .mobile-nav .hmenu>li:first-child>a>span:before {
        color: #54504b;
        content: "\f015";
        font-family: "FontAwesome";
        font-size: 24px;
        font-weight: normal;
        height: 100%;
        position: absolute;
        top: 20px;
        left: 1px;
        width: 62px;
        text-align: center
    }

    .main-nav.navbar-collapse {
        width: 90.15%;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible
    }

    .mobile-nav .hmenu {
        height: auto !important
    }

    .main-nav .hmenu>li {
        max-width: inherit !important;
        text-align: left
    }

    .mobile-nav .hmenu>li.first {
        width: inherit
    }

    .mobile-nav .hmenu>li.first+li {
        width: inherit
    }

    .mobile-nav .hmenu>li.first+li+li {
        width: inherit
    }

    .mobile-nav .hmenu>li.last {
        width: inherit
    }

    .main-nav .hmenu>li>a,
    .main-nav .hmenu>li>ul>li>a,
    .main-nav .hmenu>li>ul>li>ul>li>a {
        border: 0;
        border-bottom: 1px solid #b2afa6 !important;
        padding: 20px !important;
        font-size: 80%;
        text-transform: capitalize;
        font-family: 'Gotham-Medium';
        color: #54504b;
        margin: 0
    }

    .main-nav .hmenu>li>a:hover,
    .main-nav .hmenu>li>ul>li>a:hover,
    .main-nav .hmenu>li>ul>li>ul>li>a:hover {
        padding: 20px !important;
        background-position: right bottom;
        background-color: #40b5a2 !important
    }

    .main-nav .hmenu>li>a:hover,
    .main-nav .hmenu>li>ul>li>a:hover,
    .main-nav .hmenu>li>ul>li>ul>li>a:hover,
    .main-nav .hmenu>li>a:hover span,
    .main-nav .hmenu>li>ul>li>a:hover span,
    .main-nav .hmenu>li>ul>li>ul>li>a:hover span {
        color: #fff
    }

    .main-nav .hmenu>li>a {
        background: #d5d2cb !important;
        box-shadow: inset 15px 0 10px -10px #666;
        position: relative;
        display: block;
        vertical-align: middle;
        height: auto
    }

    .mobile-nav .hmenu>li>a:after,
    .mobile-nav .hmenu>li>a:after:hover {
        content: none !important
    }

    .main-nav .hmenu>li>a:after,
    .main-nav .hmenu>li>a:after:hover {
        content: none !important;
        display: none !important
    }

    .main-nav .hmenu>li>a:after {
        display: none !important
    }

    .main-nav .hmenu>li>a.sub-menu {
        background: #d5d2cb;
        box-shadow: inset 15px 0 10px -10px #666;
        position: relative
    }

    .main-nav .hmenu>li>a.sub-menu:before {
        background: #00a88f none repeat scroll 0 0;
        color: #fff;
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 20px;
        font-weight: normal;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        text-align: center;
        padding-top: 3%
    }

    .main-nav .hmenu>li>a.sub-menu.active:before {
        content: "\f077"
    }

    .main-nav .hmenu>li>a:hover,
    .main-nav .hmenu>li>a:focus,
    .main-nav .hmenu>li>a.active:hover {
        background-position: right bottom;
        background-color: #d5d2cb
    }

    .mobile-nav .hmenu>li>ul {
        display: inherit
    }

    .main-nav .hmenu>li>ul,
    .main-nav .hmenu>li>ul>li,
    .main-nav .hmenu>li>ul>li>ul,
    .main-nav .hmenu>li>ul>li>ul>li {
        padding: 0;
        margin: 0
    }

    .main-nav .hmenu>li>ul>li>a {
        background: #56524f;
        color: #fff;
        box-shadow: inset 15px 0 10px -10px #666
    }

    .mobile-nav .hmenu>li>ul>li>a.sub-menu {
        position: relative;
        padding-right: 80px !important
    }

    .mobile-nav .hmenu>li>ul>li>a.sub-menu:before {
        background: #00a88f none repeat scroll 0 0;
        color: #fff;
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 20px;
        font-weight: normal;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        text-align: center;
        padding-top: 3%
    }

    .mobile-nav .hmenu>li>ul>li>a.sub-menu.active:before {
        content: "\f077"
    }

    .mobile-nav .hmenu>li>ul>li>a.sub-menu:hover,
    .mobile-nav .hmenu>li>ul>li>a.sub-menu.active {
        background-position: 100% -60px
    }

    .main-nav .hmenu>li>a:hover,
    .main-nav .hmenu>li>a:focus {
        background-position: right bottom;
        color: #54504b
    }

    .main-nav .hmenu>li>ul>li>ul {
        display: none
    }

    .main-nav .hmenu>li>ul>li>ul>li>a {
        background: #00a88f !important;
        color: #fff;
        font-weight: normal;
        box-shadow: inset 15px 0 10px -10px #666;
        padding-right: 70px !important
    }

    .main-nav .hmenu>li:nth-last-of-type(-n+5)>a {
        background: #333 !important;
        color: #fff !important;
        border-bottom: 1px solid #58554f;
        box-shadow: inset 15px 0 10px -10px #000
    }

    .main-nav .hmenu>li:nth-last-of-type(-n+5)>a.sub-menu {
        box-shadow: inset 15px 0 10px -10px #666;
        position: relative
    }

    .main-nav .hmenu>li:nth-last-of-type(-n+5)>a.sub-menu.active {
        background-position: 100% -62px !important
    }

    .main-nav .hmenu>li:nth-last-of-type(-n+5)>a.sub-menu:before {
        background: #00a88f none repeat scroll 0 0 !important;
        color: #fff;
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 20px;
        font-weight: normal;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        text-align: center;
        padding-top: 3%
    }

    .main-nav .hmenu>li:nth-last-of-type(-n+5)>a.sub-menu.active:before {
        content: "\f077"
    }

    .main-nav .hmenu>li>a:hover>ul,
    .main-nav .hmenu>li>ul>li>a:hover>ul {
        display: inherit !important
    }

    body.pushed-left,
    #searchBar .searchPanel .searchInput {
        box-shadow: inset 15px 0 10px -10px #666
    }

    .search-box {
        background: url(images/search-icon.png) no-repeat 0 2px;
        display: inline-block;
        height: 32px;
        overflow: hidden;
        position: absolute;
        right: 50px;
        text-indent: -999px;
        top: 15px;
        width: 32px;
        cursor: pointer
    }

    .search-mobile {
        position: fixed !important;
        right: 0 !important
    }

    #searchBar .searchPanel a {
        background: #fff url(images/search-icon.png) no-repeat center center !important
    }

    .main-nav .hmenu>li {
        padding: 0
    }

    .main-nav .hmenu>li>ul {
        position: static;
        width: 100%
    }

    .main-nav .hmenu>li>ul>li {
        float: none;
        width: 100%
    }

    #searchBar {
        background: 0;
        display: none !important;
        height: auto;
        padding: 0;
        position: absolute;
        right: -90%;
        width: 87.2%;
        z-index: 9999;
        top: 0 !important
    }

    #searchBar.search-mobile {
        display: block !important
    }

    #searchBar .searchPanel label {
        font-family: 'Gotham-Book';
        font-size: 17px;
        font-weight: normal;
        position: fixed;
        margin: 17px 0 0 25px
    }

    #searchBar .searchPanel {
        width: auto;
        background-color: #fff;
    }

    .carousel-contents #slick-slide {
        height: 375px
    }

    .carousel-contents #slick-slide>div {
        width: 100% !important;
        height: 375px !important
    }

    .carousel-contents #slick-slide>div .content {
        margin: 0;
        padding: 0 10px;
        top: 190px;
        min-height: 120px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjg0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.84)), color-stop(100%, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6ffffff', endColorstr='#ffffff', GradientType=0);
        width: 100%
    }

    .carousel-contents #slick-slide {
        overflow: visible;
        box-shadow: none
    }

    .carousel-contents #slick-slide>div h3 {
        color: #00a88f !important;
        margin: 0;
        padding: 10px 10px 0 10px;
        font-size: 120%
    }

    .carousel-contents #slick-slide>div p {
        color: #575757;
        font-size: 90%;
        padding: 0;
        margin: 10px
    }

    .carousel-contents button.slick-prev,
    .carousel-contents button.slick-next {
        top: 20%
    }

    .carousel-contents button.slick-next {
        right: 20px
    }

    #emp-portal {
        box-shadow: none !important
    }

    #article-blocks .widget>.mainItem>a>img {
        margin: 0 0 20px 0
    }

    #article-blocks .mainItem>a {
        position: relative;
        display: table-cell
    }

    #article-blocks .mainItem>a>div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
    }

    #article-blocks dl dd {
        margin: 10px 0 0 0
    }

    #article-blocks .content-left dl,
    #article-blocks .content-right dl {
        padding: 30px;
        margin-top: -30px
    }

    #article-blocks .widget {
        box-shadow: none
    }

    #quicklinks .widget {
        padding: 0 30px
    }

    #quicklinks .widget h2 {
        border-bottom: 1px solid #ccc;
        padding: 0 0 10px 0;
        font-family: 'Gotham-Medium';
        cursor: pointer;
        margin: 0 0 10px 0;
        position: relative
    }

    #quicklinks .widget h2:after {
        border-bottom: 1px solid #ccc;
        padding: 0 0 10px 0;
        font-family: 'Gotham-Medium';
        cursor: pointer;
        margin: 0 0 10px 0;
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 100%;
        font-weight: normal;
        position: absolute;
        right: 0;
        border: 0
    }

    #quicklinks .widget h2.active:after {
        content: "\f077"
    }

    #quicklinks .widget .mainItem,
    #quicklinks .widget .allsubItems {
        display: none
    }

    #quicklinks .widget .allsubItems {
        margin-bottom: 30px
    }

    .intro-block-one {
        margin-bottom: 0 !important
    }

    #newsletter,
    #agency-badges-scroll {
        display: none
    }

    #footer {
        margin: 20px 0 0 0
    }

    #footer-bottom {
        height: auto
    }

    #quicklinks {
        padding-bottom: 50px
    }

    #how-to-find-us {
        background: #edecea;
        margin: 0;
        padding: 30px 0;
        color: #333
    }

    #how-to-find-us h2 {
        color: #00a88f;
        font-family: "RooneyBold";
        font-size: 30px;
        margin: 0 0 20px 0;
        text-align: center
    }

    #how-to-find-us ul,
    #how-to-find-us ul>li {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block
    }

    #how-to-find-us ul {
        float: right
    }

    #how-to-find-us ul>li {
        display: block;
        padding: 15px 20px;
        background: #00a88f;
        color: #fff;
        font-weight: bold;
        margin-bottom: 20px;
        text-align: center
    }

    #how-to-find-us ul>li>span {
        padding-left: 0
    }

    #how-to-find-us ul>li>a>span:before {
        font-family: 'FontAwesome';
        content: "\f14e";
        padding-right: 5px
    }

    #how-to-find-us ul>li.call-now>a>span:before {
        font-family: 'FontAwesome';
        content: "\f095";
        padding-right: 5px
    }

    #how-to-find-us ul>li.call-now>span {
        background-position: 0 -33px
    }

    #how-to-find-us .content-right h3 {
        font-family: "RooneyBold";
        font-size: 25px;
        line-height: 25px;
        color: #54504b;
        margin: 0 0 10px 0;
        border: 0
    }

    #footer {
        margin: 0
    }

    #footer #footer-left {
        float: left
    }

    #footer #footer-right {
        float: right
    }

    #footer #footer-bottom {
        height: auto;
        padding: 10px 15px;
        font-size: 9px
    }

    #footer #footer-right ul li {
        float: left;
        padding: 0 5px
    }

    #photGallery .mainItem,
    #photGallery .subItem {
        float: none;
        width: 100%;
        height: 230px
    }

    #caption {
        margin: 30px
    }

    #tps-block {
        background-size: 100% 250px;
        height: 250px;
        display: none
    }

    #cols-3 {
        margin: 30px
    }

    #accordion .panel h4 {
        font-size: 120%;
        height: auto;
        padding-right: 120px
    }

    #accordion .panel h4 span {
        font-size: 80%;
        display: block;
        padding: 10px 60px 0 0
    }

    #how-to-find-us .content-right h3 {
        font-family: "Gotham-Bold" !important;
        text-transform: capitalize
    }
}

@media(min-width:768px) and (max-width:991px) {
    .#header-top .header-utilities {
        right: 170px;
        width: auto !important
    }

    .header-search {
        width: 160px
    }

    #header-top .hmenu>li>a,
    #header-top .hmenu>li>span {
        padding: 0 10px
    }

    .navbar>.container .header-logo {
        max-width: 170px;
        margin-top: -10px;
        margin-left: -10px !important
    }

    .header-search .search-box {
        background: 0;
        border: 0;
        text-indent: -999px;
        width: 30px;
        overflow: hidden
    }

    .header-search .search-box:after {
        text-indent: 0;
        width: 20px
    }

    .header-search {
        width: 50px
    }

    #header-top .header-utilities {
        right: 70px
    }

    .container>.navbar-header,
    .container>.navbar-collapse {
        margin-right: 0;
        padding-right: 0
    }

    .main-nav .hmenu {
        margin: 0
    }

    .main-nav .hmenu>li {
        max-width: 140px !important;
        text-align: right;
        padding: 5px 10px 4px;
        height: 74px
    }

    .main-nav .hmenu>li.iFOL1247 {
        max-width: 150px !important
    }

    .main-nav .hmenu>li>a,
    .main-nav .hmenu>li>span {
        font-size: 13px
    }

    .main-nav .hmenu>li>a {
        padding: 10px 25px 10px 0
    }

    .main-nav .hmenu>li.first {
        max-width: 195px
    }

    .main-nav .hmenu>li>a:after {
        top: 55%
    }

    .main-nav {
        top: 15px
    }

    .main-nav .hmenu>li>ul {
        width: 750px
    }

    .main-nav .hmenu>li>ul>li {
        text-align: left;
        width: 44%
    }

    .main-nav .hmenu>li>a,
    .main-nav .hmenu>li>span {
        display: table-cell;
        height: 50px;
        vertical-align: middle
    }

    .main-nav .hmenu>li>ul>li.menu-icon {
        display: none
    }

    .carousel-contents button.slick-prev {
        top: 25%
    }

    .carousel-contents button.slick-next {
        right: 30px;
        top: 25%
    }

    .carousel-contents #slick-slide>div .content {
        top: 265px
    }

    #emp-portal .searchPanel .searchInput {
        height: 50px
    }

    #searchBar .searchPanel .searchInput {
        width: 82%
    }

    #emp-portal {
        position: static;
        margin: 40px 0 0 0;
        box-shadow: none !important;
        width: 100%;
        height: auto;
        min-height: 290px
    }

    #emp-portal>.floatLeft {
        float: left;
        width: 45%;
        padding-left: 10px
    }

    #emp-portal>h2,
    #emp-portal h2 {
        font-size: 27px;
        margin-bottom: 10px
    }

    #emp-portal .widget {
        margin: 10px
    }

    #emp-portal .widget>h2 {
        margin: 10px 0 0 0
    }

    #emp-portal .searchPanel {
        margin: 20px 0
    }

    .carousel-contents #slick-slide {
        height: 450px
    }

    .carousel-contents #slick-slide>div {
        width: 100% !important
    }

    .carousel-contents #slick-slide>div .content {
        margin: 0;
        padding: 0 10px;
        bottom: 0;
        min-height: 150px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjg0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.84)), color-stop(100%, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6ffffff', endColorstr='#ffffff', GradientType=0);
        width: 100%
    }

    .carousel-contents #slick-slide {
        overflow: visible
    }

    .carousel-contents #slick-slide>div h3 {
        color: #00a88f !important;
        margin: 0;
        padding: 10px 10px 0 10px
    }

    .carousel-contents #slick-slide>div p {
        color: #575757;
        font-size: 140%;
        padding: 0;
        margin: 10px
    }

    #emp-portal .widget {
        float: right;
        width: 50%
    }

    #article-blocks .widget>.mainItem>a>img {
        margin: 0 0 20px 0
    }

    #article-blocks dl dd {
        margin: 10px 0 0 0
    }

    #article-blocks .content-left dl,
    #article-blocks .content-right dl {
        padding: 30px
    }

    #quicklinks .allsubItems {
        margin: 0 0 50px 0
    }

    #newsletter {
        background-size: 100% 400px;
        height: 400px;
        padding: 120px 0 0
    }

    #newsletter h2 {
        margin: 0;
        padding: 0
    }

    #newsletter p {
        padding: 5px 0 15px 0;
        margin: 0
    }

    #agency-badges-scroll {
        padding: 0 0 50px 0
    }

    #agency-badges-scroll #widgetscroll>.item {
        padding: 0
    }

    #agency-badges-scroll #widgetscroll .item dl {
        display: none
    }

    #agency-badges-scroll .customNavigation {
        top: -65px
    }

    #footer-top-one .hmenu>li,
    #footer-top-one .hmenu>li:nth-child(2) {
        width: 45%
    }

    #footer-top-one .hmenu {
        padding: 30px
    }

    #footer {
        padding: 0 0 60px 0
    }

    #footer #footer-left {
        float: left;
        width: 49%
    }

    #footer #footer-right {
        float: right;
        width: 49%
    }

    #footer #footer-right ul {
        float: right
    }

    #footer #footer-bottom {
        bottom: -24px;
        height: auto
    }

    #photGallery .mainItem,
    #photGallery .subItem {
        height: 146px
    }

    #LeftMenu .panelbar li a,
    #LeftMenu .panelbar li a:hover,
    #LeftMenu .panelbar li a.MenuItemOneClicked {
        font-size: 80%
    }

    #LeftMenu .panelbar li a.MenuItemOneClicked:after {
        border-bottom: 25px solid transparent;
        border-left-width: 10px;
        border-top: 25px solid transparent;
        border-left-color: #252320;
        content: "";
        position: absolute !important;
        right: -15px;
        top: -1px;
        background: 0;
        height: 100%
    }

    #caption2 {
        margin-top: -126px !important;
        padding: 10px
    }

    #caption2 h1 {
        font-size: 47px
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .header-search .search-box {
        background: 0;
        border: 0;
        text-indent: -999px;
        width: 30px;
        overflow: hidden
    }

    .header-search .search-box:after {
        text-indent: 0;
        width: 20px
    }

    .header-search {
        width: 50px
    }

    #header-top .header-utilities {
        right: 70px !important;
        width: auto !important
    }

    #header-top .header-utilities ul {
        min-width: 120px !important
    }

    #header-top .hmenu>li>a,
    #header-top .hmenu>li>span {
        padding: 0 10px
    }

    .navbar>.container .header-logo {
        max-width: 170px
    }

    ..main-nav .hmenu {
        margin: 0
    }

    .main-nav .hmenu>li {
        max-width: 210px;
        max-width: 150px;
        text-align: right;
        margin: 0;
        padding: 5px 10px 15px 20px
    }

    .main-nav .hmenu>li>a,
    .main-nav .hmenu>li>span {
        font-size: 13px
    }

    .main-nav .hmenu>li.first {
        max-width: 180px
    }

    .main-nav .hmenu>li.last {
        max-width: 160px
    }

    .main-nav .hmenu>li>a:after {
        top: 45%
    }

    .main-nav {
        top: 15px
    }

    .main-nav .hmenu>li>ul {
        width: 970px;
        top: 70px;
        right: 0
    }

    .main-nav .hmenu>li>ul>li {
        text-align: left;
        width: 29%;
        min-height: 130px
    }

    .main-nav .hmenu>li>a,
    .main-nav .hmenu>li>span {
        display: table-cell;
        height: 50px;
        vertical-align: middle
    }

    #emp-portal {
        position: static;
        margin: 40px 0 0 0;
        box-shadow: none !important;
        width: 100%;
        height: auto;
        min-height: 290px
    }

    #emp-portal>.floatLeft {
        float: left;
        width: 45%;
        padding-left: 10px
    }

    #emp-portal>h2,
    #emp-portal h2 {
        font-size: 27px;
        margin-bottom: 10px
    }

    #emp-portal .widget {
        margin: 10px
    }

    #emp-portal .widget>h2 {
        margin: 10px 0 0 0
    }

    #emp-portal .searchPanel {
        margin: 20px 0
    }

    .carousel-contents #slick-slider-prev,
    button.slick-prev {
        top: 25%
    }

    .carousel-contents #slick-slider-next,
    button.slick-next {
        right: 30px;
        top: 25%
    }

    .carousel-contents #slick-slide>div .content {
        bottom: -423px
    }

    .carousel-contents #slick-slide {
        height: 450px;
        overflow: hidden !important
    }

    .carousel-contents #slick-slide>div {
        width: 100% !important;
        height: 450px !important
    }

    .carousel-contents #slick-slide>div .content {
        margin: 0;
        padding: 0 10px;
        min-height: 150px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjg0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.84)), color-stop(100%, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6ffffff', endColorstr='#ffffff', GradientType=0);
        width: 100%
    }

    .carousel-contents #slick-slide {
        overflow: visible
    }

    .carousel-contents #slick-slide>div h3 {
        color: #00a88f !important;
        margin: 0;
        padding: 10px 10px 0 10px
    }

    .carousel-contents #slick-slide>div p {
        color: #575757;
        font-size: 140%;
        padding: 0;
        margin: 10px
    }

    #emp-portal .widget {
        float: right;
        width: 50%
    }

    #article-blocks .widget>.mainItem>a>img {
        margin: 0 0 10px 0;
        float: none;
        width: 100%
    }

    #article-blocks dl dd {
        margin: 10px 0 0 0
    }

    #article-blocks .content-left dl,
    #article-blocks .content-right dl {
        padding: 30px
    }

    #quicklinks .allsubItems {
        margin: 0 0 50px 0
    }

    #newsletter {
        background-size: 100% 400px;
        height: 400px;
        padding: 120px 0 0
    }

    #newsletter h2 {
        margin: 0;
        padding: 0
    }

    #newsletter p {
        padding: 5px 0 15px 0;
        margin: 0
    }

    #agency-badges-scroll {
        padding: 0 0 50px 0
    }

    #agency-badges-scroll #widgetscroll>.item {
        padding: 0
    }

    #agency-badges-scroll #widgetscroll .item dl {
        display: none
    }

    #agency-badges-scroll .customNavigation {
        top: -65px
    }

    #footer-top-one .hmenu>li,
    #footer-top-one .hmenu>li:nth-child(2) {
        width: 25%
    }

    #footer {
        padding: 0 0 60px 0
    }

    #footer #footer-left {
        float: left;
        width: 49%
    }

    #footer #footer-right {
        float: right;
        width: 49%
    }

    #footer #footer-right ul {
        float: right
    }

    #footer #footer-bottom {
        bottom: -24px;
        height: auto;
        font-size: 11px
    }

    #footer #footer-bottom a {
        font-size: 11px
    }

    #footer-top-one .hmenu>li {
        margin: 0
    }

    #footer-top-one .hmenu>li>a,
    #footer-top-one .hmenu>li>span {
        font-size: 16px
    }

    #footer-top-one .hmenu a {
        font-size: 12px
    }

    #photGallery .mainItem,
    #photGallery .subItem {
        height: 190px
    }

    #structureOfPubSec .img1200 {
        display: none
    }

    #structureOfPubSec .img768 {
        display: block
    }

    #content-block .imgRight {
        display: none
    }

    #content-block .imgBottom {
        display: block !important
    }

    #LeftMenu .panelbar li a.MenuItemOneClicked:after {
        border-bottom: 30px solid transparent;
        border-left-style: solid;
        border-left-width: 15px;
        border-top: 30px solid transparent;
        border-left-color: #252320;
        content: "";
        position: absolute !important;
        right: -15px;
        top: -1px;
        background: 0;
        height: 100%
    }

    #LeftMenu .panelbar li a.MenuItemOne .rpText {
        font-size: 14px
    }

    p {
        line-height: 1.85
    }

    #LeftMenu .panelbar a.MenuItemTwo .rpText,
    #LeftMenu .panelbar a.MenuItemTwoClicked .rpText {
        font-size: 110%
    }
}

.isotope {
    border: 1px solid #333
}

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

.element-item {
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
    margin: 5px;
    padding: 10px;
    background: #888;
    color: #262524
}

.element-item>* {
    margin: 0;
    padding: 0
}

.element-item .name {
    position: absolute;
    left: 10px;
    top: 60px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: normal
}

.element-item .symbol {
    position: absolute;
    left: 10px;
    top: 0;
    font-size: 42px;
    font-weight: bold;
    color: white
}

.element-item .number {
    position: absolute;
    right: 8px;
    top: 5px
}

.element-item .weight {
    position: absolute;
    left: 10px;
    top: 76px;
    font-size: 12px
}

.element-item.alkali {
    background: #F00;
    background: hsl(0, 100%, 50%)
}

.element-item.alkaline-earth {
    background: #F80;
    background: hsl(36, 100%, 50%)
}

.element-item.lanthanoid {
    background: #FF0;
    background: hsl(72, 100%, 50%)
}

.element-item.actinoid {
    background: #0F0;
    background: hsl(108, 100%, 50%)
}

.element-item.transition {
    background: #0F8;
    background: hsl(144, 100%, 50%)
}

.element-item.post-transition {
    background: #0FF;
    background: hsl(180, 100%, 50%)
}

.element-item.metalloid {
    background: #08F;
    background: hsl(216, 100%, 50%)
}

.element-item.diatomic {
    background: #00F;
    background: hsl(252, 100%, 50%)
}

.element-item.halogen {
    background: #F0F;
    background: hsl(288, 100%, 50%)
}

.element-item.noble-gas {
    background: #F08;
    background: hsl(324, 100%, 50%)
}

.grid-item {
    float: left;
    width: 100px;
    height: 100px;
    background: #0D8;
    border: 2px solid #333;
    border-color: hsla(0, 0%, 0%, 0.7)
}

.grid-item--height2 {
    height: 200px
}

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

.grid-sizer,
.grid-item {
    width: 33.333%
}

.grid-item {
    float: left
}

.grid-item img {
    display: block;
    max-width: 100%
}

@media screen and (max-width:767px) {
    .navbar-nav {
        margin: 0
    }

    .cbp-spmenu {
        background: #f8f8f8;
        position: fixed;
        padding: 0;
        margin: 0 !important;
        overflow-x: hidden;
        overflow-y: visible;
        display: block
    }

    .cbp-spmenu h3 {
        color: #afdefa;
        font-size: 1.9em;
        padding: 20px;
        margin: 0;
        font-weight: 300;
        background: #0d77b6
    }

    .cbp-spmenu a {
        display: block
    }

    .cbp-spmenu-vertical {
        width: 260px;
        height: 100%;
        top: 0;
        z-index: 1000
    }

    .cbp-spmenu-horizontal {
        width: 100%;
        height: 150px;
        left: 0;
        z-index: 1000;
        overflow: hidden
    }

    .cbp-spmenu-horizontal h3 {
        height: 100%;
        width: 20%;
        float: left
    }

    .cbp-spmenu-horizontal a {
        float: left;
        width: 20%;
        padding: .8em;
        border-left: 1px solid #258ecd
    }

    .cbp-spmenu-left {
        left: -260px
    }

    .cbp-spmenu-right {
        right: -260px
    }

    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0
    }

    .cbp-spmenu-right.cbp-spmenu-open {
        right: 0
    }

    .cbp-spmenu-top {
        top: -150px
    }

    .cbp-spmenu-bottom {
        bottom: -150px
    }

    .cbp-spmenu-top.cbp-spmenu-open {
        top: 0
    }

    .cbp-spmenu-bottom.cbp-spmenu-open {
        bottom: 0
    }

    .cbp-spmenu-push {
        overflow-x: hidden;
        position: relative;
        left: 0
    }

    .cbp-spmenu-push-toright {
        left: 260px
    }

    .cbp-spmenu-push-toleft {
        left: -260px
    }

    .cbp-spmenu,
    .cbp-spmenu-push {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .pscrd-dd-menu {
        display: block;
    }
}

.thumb-container,
.thumb-inner,
.thumb-img {
    border: 0;
    display: block;
    display: inline-block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.thumb-container {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

.thumb-container a,
.thumb-container img {
    border: 0;
    margin: 0
}

.thumb-center img,
.thumb-strip,
.thumb-icon {
    position: absolute
}

.thumb-center img {
    margin-left: 50%;
    margin-top: 50%
}

.thumb-strip {
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    color: #222;
    font: 10px/16px Arial, sans-serif;
    height: 16px;
    bottom: 0;
    left: 0;
    letter-spacing: -1px;
    text-indent: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%
}

.thumb-icon {
    background: url(images/tango-icon.png) no-repeat;
    bottom: 2px;
    height: 22px;
    right: 4px;
    width: 22px
}

#divEventRegistration #lblEmail span:first-child,
#divEventRegistration #lblFirstName span:first-child,
#divEventRegistration #lblLastName span:first-child,
#divEventRegistration #lblPhone span:first-child,
#divEventRegistration #lblPostCode span:first-child,
#divEventRegistration #lblSuburb2 span:first-child,
#divEventRegistration #lblDietary span:first-child {
    color: red;
    margin-left: 2px
}

#divEventRegistration {
    position: relative
}

#divSubmitButtonsStage2 {
    position: absolute;
    top: 330px;
    right: 0
}

.greenCol {
    min-width: 350px;
    background-color: #00a88f;
    padding: 30px 30px 0 30px;
    overflow: hidden
}

.greenCol h1 {
    color: #fff !important;
    font-size: 25px;
    font-family: 'Gotham-Book' !important
}

.greenCol p {
    font-size: 14px;
    color: #fff;
    font-family: 'Gotham-Book' !important
}

.greenCol img {
    float: right
}

.greenCol div {
    float: left
}

.clsTextBox,
.clsFormCreator div textarea,
.clsEmailBox,
#divEventRegistration fieldset textarea,
#divEventRegistration fieldset input,
#divEventRegistration fieldset select,
.clsFormCreator div select {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

div.event-booking-info div:nth-of-type(3)>h3 {
    display: none !important
}

.greytable {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    width: 100%;
    box-shadow: 10px 10px 5px #888;
    border: 2px solid #FFF;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0
}

.greytable table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.greytable tr:last-child td:last-child {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.greytable table tr:first-child td:first-child {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0
}

.greytable table tr:first-child td:last-child {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.greytable tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.greytable tr:nth-child(odd) {
    background-color: #EEEDEA
}

.greytable tr:nth-child(even) {
    background-color: #fff
}

.greytable td {
    vertical-align: middle;
    border: 2px solid #fff;
    border-width: 0 1px 1px 0;
    text-align: left;
    padding: 7px;
    font-weight: normal;
    color: #000
}

.greytable tr:last-child td {
    border-width: 0 1px 0 0
}

.greytable tr td:last-child {
    border-width: 0 0 1px 0
}

.greytable tr:last-child td:last-child {
    border-width: 0
}

.greytable tr:first-child td {
    background: -o-linear-gradient(bottom, #444 5%, #444 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #444), color-stop(1, #444));
    background: -moz-linear-gradient(center top, #444 5%, #444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#444444", endColorstr="#444444");
    background: -o-linear-gradient(top, #444, 444444);
    background-color: #444;
    border: 0 solid #444;
    text-align: center;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    color: #fff
}

.greytable tr:first-child:hover td {
    background: -o-linear-gradient(bottom, #444 5%, #444 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #444), color-stop(1, #444));
    background: -moz-linear-gradient(center top, #444 5%, #444 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#444444", endColorstr="#444444");
    background: -o-linear-gradient(top, #444, 444444);
    background-color: #444
}

.greytable tr:first-child td:first-child {
    border-width: 0 0 1px 0
}

.greytable tr:first-child td:last-child {
    border-width: 0 0 1px 1px
}

.greytable th {
    border: 1px solid #444;
    padding: 5px;
    text-align: left;
    background-color: #444;
    color: #fff;
    font-weight: bold
}

@media(min-width:0) and (max-width:991px) {
    #LeftMenu .panelbar li a.MenuItemOne .rpText {
        padding: 4px;
        font-size: 14px
    }

    #LeftMenu .panelbar li a.MenuItemTwo .rpText {
        font-size: 13px
    }

    #LeftMenu {
        padding-bottom: 10px
    }

    #LeftMenu .rpLevel1 .MenuItemTwo span.rptext {
        padding: 3px 0 3px 15px
    }

    #LeftMenu ul.rpLevel1 {
        padding: 5px 0
    }

    #LeftMenu a.link .text,
    #LeftMenu a.link .rpText,
    #LeftMenu a.CMLevel1Selected .text,
    #LeftMenu a.CMLevel2Selected .text {
        padding: 2px 12px 4px 0
    }
    .psc-role-container {
        margin-left: 0;
    }

    .summary-role-left {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }    
    .summary-role-title > img {
        float: none;
    }
    .psc-role-container-small {
        width: auto;
    }
    #pscRoleManagepplMessage,
    #pscRoleManageOption,
    .psccapslevels,
    .grpImg {
        width: 100%;
    }    

    #capGrpHeader {width: 35%;}
    #capNameHeader {width: 38%;}
    #capLevelHeader {width: 27%;}

    .showpreview {
        width: auto;
    }
    .pscrdpreview_content {
        width: 87%;    
    }
    
    .pscrdpreviewwrap {
        overflow-x: hidden;
    }

    .pscrd-help-nominatedarticle .pscrd-nominated-article, 
    .pscrdhelpwrap_content .pscrd-nominated-article {
        top: auto;        
        width: auto;
        display: inline-block; 
        vertical-align: middle; 
    }

    .pscrdhelpwrap_content:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }    

    .psc-preview-modal .modal-content .modal-body {
        padding: 10px;        
    }
    .psc-preview-modal .modal-content .modal-body .psc-role-container-small h2.summary-role-title {
        margin-top: 0 !important;
    }    
}

@media(min-width:0) and (max-width:400px) {
    .action-controls .right{
        width: 100%;
        float: none;
    }
    .action-controls .left{
        width: 100%;
        float: none;
    }    
}