/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: inherit;*/
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

a[data-bs-toggle]:hover {
    text-decoration: none;
}

.modal-open #hdr {
    display: none;
}


.modal-open .contact-us {
    z-index: 0;
}

body {
    background-color: #F4F8FC;
}

body.scrolled #hdr {
    box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.15);
}

.container-lg-wrapper {
    background-color: #05396B;
    padding: 0px 50px 0px 50px;
}

.container-lg-wrapper.blackbackground {
    background-color: #222222;
}

.container-lg {
    /*max-width: 1472px;*/
}

body.nav-visible .hdr-wrapper {  
    box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.15);
}

#main-nav-wrap {
    display: none;
}
body.nav-visible #main-nav-wrap {
    height: unset;
    display: block;
    z-index: -1;
}

@media (min-width:992px) {
    .hdr-wrapper {
        padding: 0px 35px;
    }

    #hdr .container-lg .row .col-lg-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width:767px) {
    .hdr-wrapper {
        padding: 0px 39px;
    }
}

    /*.welcome-content-wrapper {
    padding-left: 40px;
    padding-right: 40px;    
}*/

    #welcomeContent {
        text-align: center;
    }

    body {
        /*line-height: 1;*/
        font-size: 16px;
        line-height: 20px;
    }

    #pageLeft {
        margin-bottom: 27px;
    }

    #content-wrapper {
        background-color: #F4F8FC;
        margin-top: 0;
        padding: 24px 50px 50px 50px;
    }

    #search-result-body {
        padding-top: 32px;
        margin-bottom: 20px;
        margin-top: 2px;
        background-color: #ffffff;
        box-shadow: -1px 1px 6px rgb(0 0 0 / 28%);
    }

    .search-bottom-row2 {
        display: flex;
        justify-content: space-between;
        height: 48px
    }

    .content-align-left, .content-align-right {
        color: #333333;
    }

    .content-align-right {
        display: flex;
        line-height: 28px;
    }

    .mmrrc {
        margin-right: 8px;
        display: inline-block;
        width: 70px;
        height: 23px;
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        color: white;
        padding-left: 8px;
        background: url('/images/icons/mmrrc.svg')
    }

    #filters {
        display: none;
    }

    #page-size-button {
        width: 110px;
    }

    #ddlSort-button {
        width: 130px;
    }

.btn-toggle.toggle-nav {
    border: none;
    position: absolute;
    right: -16px;
}

    .searchsticky {
        position: sticky;
        top: 88px;
        z-index: 1000;
    }

    .nav-visible > * .searchsticky {
        top: 132px;
    }

    .options-block {
        position: relative;
        top: -1px;
    }

        .options-block span {
            font-weight: 600;
            font-size: 12px;
            line-height: 20px;
            color: #0077B2;
            border: thin solid #0077B2;
            border-radius: 40px;
            margin: 0px 8px;
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 4px;
            padding-bottom: 3px;
        }

            .options-block span:first-of-type {
                margin-right: 0px;
            }

            .options-block span svg {
                margin-right: 4px;
                position: relative;
                top: -1px;
            }

    .facet-header-wrapper {
        display: flex;
        justify-content: space-between;
        margin-bottom: 6px;
    }

        .facet-header-wrapper div {
            font-size: 20px;
            line-height: 32px;
            color: rgba(34, 34, 34, 0.8);
        }

    .clear-all span {
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        text-decoration-line: underline;
        color: #0077B2;
        cursor: pointer;
    }

    #filters {
        color: #0077b2;
        text-decoration: underline;
        cursor: pointer;
    }

    .mobile-filters-wrapper {
        display: none;
    }

    .modal-fullscreen .modal-dialog {
        position: fixed;
        top: 0px;
        bottom: 0px;
        margin: 0px;
        width: 100%;
        max-width: none;
    }

    .close-modal {
        border: none;
        background-color: #ffffff;
    }

    .modal-header {
        border-bottom: none;
    }

    .modal-title {
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
    }

    .modal-footer {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        padding-bottom: 10px;
        box-shadow: 1px -4px 8px rgba(0, 0, 0, 0.15);
    }

        .modal-footer button {
            flex-grow: 1;
            height: 48px;
            border: thin solid #0177B2;
            color: #0177B2;
            font-weight: 700;
            font-size: 16px;
            padding: 5px 0px;
        }

            .modal-footer button:first-of-type {
                background-color: #ffffff;
            }

    .apply-filters {
        border: none;
        background-color: #0177B2;
        color: #ffffff !important;
    }

    .right-border {
        border-right: solid 2px #e3e3e3;
    }

    .popover-header {
        font-family: "DIN Next Condensed", Helvetica, Arial, sans-serif !important;
        font-weight: bold;
        background-color: #515151;
        border-radius: 6px;
        color: white;
    }

        .popover-header a {
            color: #ffffff;
        }

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
        border-top-color: #515151;
    }

    .content-item {
        margin-bottom: 15px;
    }

        .content-item a {
            margin-bottom: 20px;
            color: white;
            text-decoration: none;
        }

            .content-item a:hover {
                text-decoration: none;
            }

        .content-item:last-of-type hr {
            display: none;
        }

    .summary {
        margin-top: 5px;
        margin-bottom: 20px;
        font-size: .8rem;
        max-height: 0;
        /* transition: max-height .5s ease;*/
        overflow: hidden;
    }

        .summary.active {
            max-height: 1000px;
        }

    .content-item:last-of-type, .content-item:last-of-type .summary {
        margin-bottom: 0px;
    }

    .summary span {
        display: block;
        padding: 5px 0px;
    }

    label {
        line-height: 20px;
        margin-bottom: 5px;
    }

    p {
        margin: 0 0 20px;
    }

    ol, ul {
        list-style: none;
    }

    b {
        font-weight: 600;
    }

    hr {
        margin: 0;
        padding: 0;
        border-top: 0;
    }

    blockquote, q {
        quotes: none;
    }

        blockquote:before, blockquote:after,
        q:before, q:after {
            content: '';
            content: none;
        }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    select::-ms-expand {
        display: none;
    }

    .card-section-3 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
    }

        .card-section-3 > div {
            width: 50%;
        }

            .card-section-3 > div, .card-section-3 > div > div {
                margin-top: 5px;
            }

    .licensing-text {
        font-size: 12px;
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        /* IE10+ CSS styles go here */
        #ddlsort, #ddlsorttab {
            padding-top: 3px;
            width: 102px;
        }
    }

    .filter {
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        padding: 4px 12px;
        max-width: 95%;
        margin-right: 10px;
        margin-bottom: 5px;
        border-radius: 60px;
        background-color: #222222;
        color: #ffffff;
    }

        .filter img {
            width: 12px;
        }

    .remove-filter {
        position: relative;
        margin-left: 6px;
        cursor: pointer;
    }

    .breakupfilter {
        width: 95%;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal;
    }

    .filter div {
        display: flex;
    }

        .filter div span:nth-child(1) {
            margin-right: 5px;
            line-height: 16px;
            font-size: 12px;
            margin-top: 2px;
        }

        .filter div span:nth-child(2) {
            align-self: center;
            cursor: default;
        }

    nav#main-nav ul {
        padding-bottom: 4px;
    }

        nav#main-nav ul li {
            line-height: 1;
        }

    #search-header {
        margin: 0 auto;
        background-color: #ffffff;
        box-shadow: 1px 4px 8px 0px rgb(0 0 0 / 15%);
        position: relative;
    }

    /*.featured-strains {
    width: 100%;
    max-width: 100vw;
}*/

    .fs-col-info {
        border-radius: 2px;
        box-shadow: -1px 1px 6px rgb(0 0 0 / 28%);
    }

    .fixme {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: white;
        z-index: 1000;
        box-shadow: 0px 0px 4px 0px #2d2d2d;
    }

        .fixme #search-header-top {
            background: #2d2d2d;
        }

        .fixme #search-header-bottom {
            padding-left: 40px;
            padding-right: 40px;
            max-width: 1280px;
            margin: 0 auto;
        }

        .fixme .jmp-search button.fa-search {
            top: 18px;
        }

    body #hdr header a.logo {
        transform: scale(0.64);
        top: 11px;
    }

    button, button:focus {
        outline: none;
        margin-bottom: 0px;
    }

    div.wrap.black:last-of-type {
        bottom: 0;
        left: 0;
        right: 0;
    }

    .hamburger-label {
        display: none;
    }

    .ui-widget.ui-widget-content {
        z-index: 1000 !important;
    }

    li.ui-state-disabled.ui-menu-item {
        margin-top: 10px;
        margin-left: 17px;
        margin-bottom: 5px;
        font-size: .8em;
    }

    .blur {
        /*background-color: #515151 ;*/
        opacity: .7;
        pointer-events: none;
        transition: all 1s ease;
    }

    #btnShare {
        display: flex;
        align-items: center;
        position: absolute;
        top: 42px;
        right: 20px;
        margin-right: 10px;
        color: #222222;
        padding: 4px 8px;
        font-size: 16px;
        font-weight: 700;
        border-radius: 20px;
        cursor: pointer;
    }

    #shareText {
        margin-left: 8px;
    }

    #shareSearchDialogContainer {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2000;
        visibility: hidden;
        transition: all .5s ease-in-out;
    }

        #shareSearchDialogContainer.active {
            visibility: visible;
        }

    #shareSearchDialog {
        display: block;
        width: 600px;
        height: 250px;
        background-color: white;
        border-radius: 3px;
        box-shadow: 0 5px 30px rgba(0, 0, 0, .30);
        padding: 20px;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
        transition: all .5s ease-in-out;
    }

        #shareSearchDialog.active {
            pointer-events: all;
            opacity: 1;
        }

    #dialogHeader {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 40px;
    }

    #btnClose {
        text-align: center;
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    #shareLinkContainer {
        margin-top: 20px;
        background-color: #E9EDFA;
        border: 1px solid #D9E0F4;
    }

    #shareLinkIcon {
        position: relative;
        width: 4%
    }

        #shareLinkIcon.fa-link {
            left: 5px;
            font-size: 15px;
            color: #878B97;
        }

        #shareLinkIcon.fa-check {
            color: #2AC940;
            top: 2px;
            left: 5px;
            animation: grow .5s ease-out;
        }

    @keyframes grow {
        0% {
            transform: scale(1);
        }

        25% {
            transform: scale(1.2);
        }

        50% {
            transform: scale(1.5);
        }

        75% {
            transform: scale(1.2);
        }

        100% {
            transform: scale(1);
        }
    }

    #shareLink {
        display: inline-block;
        height: 40px;
        width: 95%;
        padding: 0px 5px;
    }

    #txtShareLink {
        color: #333333;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        background-color: #E9EDFA;
        margin: 0;
        padding: 0;
    }

    #btnCopyLink {
        display: inline-block;
        background-color: #009DDE;
        color: white;
        padding: 10px 10px;
        border-radius: 5px;
        cursor: default;
    }

        #btnCopyLink.success {
            background-color: #2AC940;
            color: white;
        }

    .back-to-original-search {
        position: absolute;
        right: 0;
        top: 40px;
        font-size: .8em;
        text-decoration: underline;
        cursor: pointer;
        height: 49px;
    }

    .search-has-focus #site-search, #site-search {
        right: 10px;
        width: 100px;
        height: 40px;
        border-radius: 5px;
    }

    #site-search {
        display: none;
    }

        #site-search input {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            padding-left: 25px !important;
            padding-right: 0px !important;
            font-size: 14px;
            line-height: 16px;
        }

        #site-search button.fa-search {
            position: absolute;
            right: 75px;
            top: 7px;
            font-size: 14px;
            margin-bottom: 0px;
            width: 20px;
            height: 20px;
        }
    /**
nav#main-nav ul li a {
    font-size: 18px;;
}
**/

    .search-box-wrapper {
        display: flex;
        justify-content: center;
    }

    #search-text-landing {
        height: 45px;
        padding-bottom: 14px;
        margin-bottom: 0px;
        border: none;
        font-size: 15px;
        max-width: 1425px;
    }

        #search-text-landing.narrow {
            width: 100%;
        }


    .fixme .jmp-search {
        margin-top: 0px;
    }

    #search-text:focus, #search-text-landing:focus {
        box-shadow: 0px 0px 4px 0px #E0E0E0;
    }

    .header-spacer {
        height: 100px;
    }

    .nav-spacer {
        height: 0;
    }

    body.nav-visible .nav-spacer {
        height: 0;
    }

    body.min-hdr .header-spacer {
        height: 0 !important;
        display: none;
    }

    #hdr {
        position: fixed;
    }

    body.sticky-scrolled #hdr {
        transform: translateY(-125px);
    }

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

        .container .container {
            padding-left: 0;
            padding-right: 0;
            width: auto !important;
        }

    .no-padding {
        padding-left: 0;
        padding-right: 0;
    }

    #page-size-button, #ddlSort-button {
        background-color: #ffffff;
        color: #0077B2;
        padding: 0px 0px 4px 0px;
        border: none;
        font-weight: 600;
        font-size: 16px;
        line-height: 26px;
        text-decoration: underline;
        text-transform: none;
    }

    #ddlSort-button {
        margin-left: 5px;
    }

    #page-size-menu, #ddlSort-menu {
        background: #ffffff;
        width: 196px;
    }

        #page-size-menu .ui-menu-item-wrapper, #ddlSort-menu .ui-menu-item-wrapper {
            color: white;
        }

    .ui-icon-triangle-1-s {
        background-position: 0px 4px !important;
        position: relative;
        top: 6px;
    }

    /*.ui-selectmenu-open {
    z-index: 1000 !important;
}*/

    .ui-button .ui-icon {
        background-image: url(../images/icons/caret-down.svg) !important;
    }

    .style-select {
        cursor: pointer;
        margin: 0;
    }

    body {
        font-family: 'Source Sans Pro', sans-serif !important;
    }

    /*#main-nav {
    box-shadow: -2px 7px 2px -4px lightgrey;
}*/

    #search-header-top {
        text-align: center;
    }

    #search-header-bottom {
        padding: 10px 10px 0px 0px;
        font-size: 16px;
        height: 48px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .search-results-loading {
        text-align: center;
    }

    .toggle-filters-button {
        padding: 5px;
        cursor: pointer;
        text-align: center;
        width: 130px;
        border: 1px solid #333;
        height: 26px;
    }


    .toggle-relatedcontent-button {
        margin-left: 5px;
        padding: 5px;
        cursor: pointer;
        text-align: center;
        width: 130px;
        border: 1px solid #333;
        height: 26px;
        display: none;
    }

    .toggle-filters-button .facet-count {
        font-size: .8em;
        background-color: #333333;
        color: #fff;
    }

    #facet-action-menu-container {
        margin-bottom: 10px;
        background-color: transparent;
        height: 40px;
    }

    #facet-action-menu .action-button {
        display: inline-block;
        padding-top: 8px; /*padding: 2px 5px;*/
        cursor: pointer;
        text-align: center;
        margin: 0.5vw 0; /*    margin-bottom: 0px;*/
        width: 140px;
        height: 33px;
        border: 1px solid #333;
        font-size: 14px;
    }

    .action-button:nth-child(2) {
        float: right;
        background-color: #033377;
        color: #fff;
    }

    .action-button .facet-count {
        position: relative;
        /*top:3px;*/
        font-size: .8em;
        background-color: #033333;
        color: #fff;
    }

    #facet-action-menu {
        display: none;
        padding: 10px 10px;
        border-bottom: thin solid lightgray;
    }

    .show-filters #facet-action-menu {
        display: block;
    }

    .show-filters #facet-header {
        display: none;
    }

    .jmp-container {
        width: 1230px;
    }

    #facet-header {
        display: flex;
    }

        #facet-header div {
            flex: 1;
        }

    .face-group-count {
        position: absolute;
        right: 0;
        top: 10px;
        width: 15px;
        height: 15px;
        border: thin solid #003276;
        background-color: #003276;
        border-radius: 5px;
        color: #fff;
        line-height: 1.2em;
        text-align: center;
        font-size: 12px;
        margin-right: 20px;
    }

    .facet-count {
        display: inline-block;
        width: 15px;
        height: 15px;
        border: thin solid #003276;
        border-radius: 5px;
        color: #003276;
        line-height: 1.2em;
        text-align: center;
    }

    .hide-facet {
        display: none;
    }

    #facet-header div:nth-child(2) {
        text-align: right;
        font-size: .8rem;
        top: -3px;
        position: relative;
        height: 20px;
    }

    .facet-row, #facet-header {
        position: relative;
        padding: 10px 0px;
    }

    .toggle {
        display: none;
    }

    .lbl-toggle {
        display: block;
        margin: 0 0;
        cursor: pointer;
        font-weight: bold;
        font-size: 16px;
        color: #05396B;
        letter-spacing: .5px;
        transition: all 0.25s ease-out;
        border-bottom: 2px solid #e3e3e3;
        padding-bottom: 5px;
    }

        .lbl-toggle:hover {
            color: #05396B;
        }

        .lbl-toggle::after {
            position: absolute;
            right: 0px;
            content: url('../images/icons/plus.svg');
            display: inline-block;
            vertical-align: middle;
            margin-right: .7rem;
        }

    .toggle:checked + .lbl-toggle::after {
        position: absolute;
        right: 0px;
        content: url('../images/icons/minus.svg')
    }

    .collapsible-content .content-inner {
        padding: 0rem 0.4rem;
    }

    .collapsible-content {
        max-height: 0px;
        overflow: hidden;
        transition: max-height .25s ease-in-out;
    }

    .toggle:checked + .lbl-toggle + .collapsible-content {
        max-height: 1000vh;
    }

    .collapsible-content ul, .collapsible-content ul li, .collapsible-content label, .collapsible-content input {
        margin: 0;
    }

    .collapsible-content ul, {
        padding: 0;
        list-style: none;
    }

    .collapsible-content label, #mobile-sort-options label, #mobile-view-options label {
        display: inline;
        position: relative;
        top: 2px;
        font-weight: normal;
        line-height: 24px;
        letter-spacing: 0px;
        color: #333;
        padding-top: 10px;
        padding-bottom: 3px;
    }

    .cm-slider-start {
        width: 13px;
        height: 41px;
        order: 0;
        padding: 0;
        margin-top: 8px;
    }

    .jmp-search {
        position: relative;
        padding: 0;
        margin: 0 auto;
        margin-top: 20px;
    }

    #search-text::-webkit-input-placeholder, #search-text::-moz-placeholder, #search-text:-ms-input-placeholder, #search-text:-moz-placeholder {
        color: #CCCCCC;
    }

    .jmp-search button.fa-search {
        background-color: white;
        border-left: none;
        border-top: none;
        border-bottom: none;
        border-right: none;
        font-size: 18px;
        color: #0077B2;
        width: 47px;
        height: 45px;
        cursor: pointer;
        text-align: center;
        padding: 0;
    }

    /*  .jmp-search button.fa-search:hover {
        color: #55C2FA;
    }*/

    .jmp-search button.fa-times {
        position: absolute;
        right: 65px;
        top: 30px;
        background-color: white;
        border: none;
        border-bottom: none;
        border-right: none;
        font-size: 18px;
        ;
        color: #80868B;
        width: 47px;
        height: 32px;
        cursor: pointer;
        text-align: center;
        padding: 0;
    }

        .jmp-search button.fa-times:hover {
            color: #B0B0B0;
        }

    .strain-name {
        color: #0077B2;
        font-weight: bold;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 1px;
    }

        .strain-name:hover {
            text-decoration: none;
            color: #009ed0;
        }

    .strain-data {
        position: relative;
        top: -4px;
        margin-left: 9px;
        padding: 2px 12px;
        border-radius: 15px;
        border: 1px solid #222222;
        color: #222222;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0.3px;
    }

    .stock-number-line {
        padding-top: 2px;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        text-transform: capitalize;
        color: #222222;
        border-right: 2px solid #8A8A8A;
        margin-right: 8px;
        padding-right: 4px;
        display: inline;
    }

    .stock-number-line-card {
        display: flex;
        justify-content: center;
        padding-bottom: 7px;
        font-size: 12px;
        font-weight: 600;
        line-height: 27px;
        color: #05396B;
    }

        .stock-number-line-card div {
            margin: 0 4px;
            padding-right: 6px;
            border-right: thin solid #8A8A8A;
        }

            .stock-number-line-card div:last-of-type {
                border-right: none;
            }

    .stock-name {
        color: #0077B2;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        padding-top: 7px;
        letter-spacing: .7px;
        padding: 0 10px;
        min-height: 15px;
    }

    .delimiter {
        display: inline-block;
        background-color: #333;
        height: 3px;
        width: 3px;
        margin: 5px 15px;
        border-radius: 1px;
    }

    .strain-description {
        margin-top: 2px;
        padding-top: 2px;
        font-weight: normal;
        font-size: 16px;
        line-height: 28px;
        color: #333;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    input:checked + .strain-description {
        -webkit-line-clamp: unset;
    }

    .read-more {
        cursor: pointer;
        text-align: left;
        font-size: 16px;
        font-weight: 600;
        margin: 5px 0px;
        color: #0077B2;
        line-height: 28px;
        text-decoration: underline;
    }

    .strain-description a {
        color: #05396B;
    }

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

        .descriptors ul li {
            margin: 5px;
            display: inline-block;
            font-weight: 600;
            font-size: 12px;
            line-height: 20px;
            color: #05396B;
            background-color: #ffffff;
            border: 1px solid #05396B;
            border-radius: 10px;
            padding: 2px 12px;
            margin-left: 0px;
        }



    .highlight {
        font-weight: bold;
    }

    .ui-menu-item .ui-menu-item-wrapper {
        padding: 6px 16px !important;
        border: none !important;
        margin: 0 !important;
        line-height: 24px !important;
        color: #222222 !important;
    }

        .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
            font-weight: bold !important;
            background: #F4F8FC !important;
            color: #0077B2 !important;
        }

    /** CONTROLS */

    .pagination {
        justify-content: center;
        padding-bottom: 25px;
        margin: 25px 0px 0px 0px;
    }

        .pagination a {
            display: inline-block;
            min-width: 24px;
            height: 24px;
            padding: 0 5px;
            text-align: center;
            font-size: 16px;
            font-weight: 600;
            line-height: 25px;
            color: #0077B2;
            text-decoration: underline;
        }

    a.active-page {
        background-color: #ECF0F4;
        font-weight: bold;
    }

    .fa-chevron-left {
        margin-right: 16px;
    }

    .fa-chevron-right {
        margin-left: 16px;
    }


    .content-inner input[type=checkbox] + label {
        display: block;
        cursor: pointer;
    }

    .content-inner input[type=checkbox] {
        display: none;
    }

        .content-inner input[type=checkbox] + label:before {
            font-family: 'FontAwesome';
            content: "\f00c";
            background-color: #FFF;
            border: 2px solid #222222;
            border-radius: 3px;
            margin-right: 12px;
            color: transparent;
            width: 14px;
            height: 14px;
        }

        .content-inner input[type=checkbox]:checked + label:before {
            background-color: #ffffff;
            border-color: #000000;
            color: #000000;
        }

    #mobile-sort-options, #mobile-view-options {
        display: none;
        margin: 16px 0px;
    }

        #mobile-sort-options h2, #mobile-view-options h2 {
            font-weight: bold;
            font-size: 16px;
            color: #05396B;
            padding-bottom: 5px;
            text-transform: none;
        }

        #mobile-sort-options input[type=radio] + label:before, #mobile-view-options input[type=radio] + label:before {
            font-family: "FontAwesome" !important;
            font-size: 25px;
            position: relative;
            top: 5px;
            padding-right: 8px;
        }

        #mobile-sort-options input[type=radio], #mobile-view-options input[type=radio] {
            display: none;
        }

            #mobile-sort-options input[type=radio] + label:before, #mobile-view-options input[type=radio] + label:before {
                content: url('../images/icons/circle.svg');
            }

            #mobile-sort-options input[type=radio]:checked + label:before, #mobile-view-options input[type=radio]:checked + label:before {
                content: url('../images/icons/circle-dot.svg');
            }

    #facet-container.show-filters {
        position: absolute;
        display: block;
        height: 1000vh;
        top: 0;
        left: 0;
        z-index: 10000;
        width: 100%;
        -webkit-animation: fadeInAnimation .5s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadeInAnimation .5s; /* Firefox < 16 */
        -ms-animation: fadeInAnimation .5s; /* Internet Explorer */
        -o-animation: fadeInAnimation .5s; /* Opera < 12.1 */
        animation: fadeInAnimation .5s;
    }

    #RelatedContentContainer.display-mobile {
        position: absolute;
        display: block;
        height: 1000vh;
        top: 0;
        left: 0;
        z-index: 10000;
        width: 100%;
        -webkit-animation: fadeInAnimation .5s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadeInAnimation .5s; /* Firefox < 16 */
        -ms-animation: fadeInAnimation .5s; /* Internet Explorer */
        -o-animation: fadeInAnimation .5s; /* Opera < 12.1 */
        animation: fadeInAnimation .5s;
    }

        #RelatedContentContainer.display-mobile #CloseRelatedContent {
            display: block;
        }

    #search-results-container.show-filters {
        display: none;
    }

    @keyframes fadeInAnimation {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .collapsible-content label:hover, #mobile-sort-options label:hover, #mobile-view-options label:hover {
        color: #000000;
    }

    .hide-levels {
        display: none;
    }

    .lbl-hide-levels {
    }

        .lbl-hide-levels:hover {
            text-decoration: underline;
            cursor: pointer;
        }

    .hide-levels:checked + .lbl-hide-levels {
        color: #003D76;
        vertical-align: super;
    }

    .close-area {
        display: inline;
        color: #003D76;
        font-size: 16px;
        padding: 0.5vw;
        vertical-align: top;
    }

    sub, sup {
        font-size: 12px;
    }

    sup {
        top: -10px;
    }

    .result-card-view sup, .strain-description sup {
        top: -6px;
    }

    .result-card-view sub, .result-card-view sup, .strain-description sup {
        font-size: 12px;
    }

    .strain-description sub {
        bottom: -7px;
    }

    .mini-mouse-card-header {
        font-size: 14px;
        font-weight: 700;
        color: #05396B;
    }

    a.mini-mouse-card-header:hover {
        text-decoration: none;
        color: #009ed0;
    }

    .mini-mouse-card-stocktypes {
        font-size: 12px;
    }

    .mini-mouse-card-price-value {
        height: 19px;
        width: 200px;
        color: #333;
        font-size: 14px;
        line-height: 19px;
    }

    .mini-mouse-card-price-label {
        height: 36px;
        width: 200px;
        color: #333;
        font-size: 12px;
        line-height: 19px;
    }

    .mini-mouse-card-price-list {
        height: 19px;
        width: 200px;
        color: #003376;
        font-size: 12px;
        line-height: 19px;
    }

    .mini-mouse-card-price-unavailable {
        font-size: 12px;
        color: #bbbbbb;
    }

    .breeding-ability-notes, .breeding-ability-notes:hover {
        text-decoration: none !important;
        font-size: 12px;
        color: #333;
    }

    .breeding-designation-unavailable {
        font-size: 12px;
        color: #bbbbbb;
    }

    .breeding-designation-rating {
        padding-left: 2px;
        font-size: 12px;
        color: #333;
    }

    i.fa-star, i.fa-star-o {
        font-size: .8em;
    }

    .content-inner-ra {
        padding: .5rem 1rem;
    }

    .ra-sublevel {
        padding: .5rem 0;
        list-style: none;
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px 1em !important;
        font-size: 16px;
        font-weight: normal;
        color: #333333;
    }

    .ui-widget {
        font-size: 17px;
        /*z-index: 1000 !important;*/
    }

    .count-label {
        font-weight: normal;
        font-size: 12px;
        padding: 1rem;
    }
        /*.collapsible-content li:nth-child(n+11) {
    display: none;
}*/
        .count-label:hover {
            color: #000000;
            text-decoration: underline;
            cursor: pointer;
        }

    .result-view .list-view:hover:before, .list-view:hover {
        color: #FFFFFF;
        background-color: #175FA4;
    }

    .result-view .detail-view:hover:before, .detail-view:hover {
        color: #FFFFFF;
        background-color: #175FA4;
    }

    .view-selected:before, .view-selected {
        color: #FFFFFF !important;
        background-color: #0077B2;
    }

    .options-block span:hover {
        cursor: pointer;
    }

    .card-container {
        box-shadow: -1px 1px 6px rgb(0 0 0 / 28%);
    }

    .card-also-known-as {
        font-size: 12px;
        color: #222222;
        margin-bottom: 12px;
    }

    .card-common-uses span {
        font-size: 13px;
        padding: 10px;
    }

    .card-common-uses button {
        padding: 0;
        width: 100%;
        height: 100%;
    }

    .card-research-areas {
        padding-bottom: 12px;
        margin-bottom: 5px;
        border-bottom: thin solid #BEBEBE;
    }

        .card-research-areas ul {
            list-style: disc;
            padding: 5px 20px 0px 20px;
        }

        .card-research-areas li {
            font-size: 12px;
        }


    .float-lt {
        float: left;
    }

    .float-rt {
        float: right;
    }

    .card-background-list {
        font-size: 12px;
        display: list-item;
        text-overflow: ellipsis;
        list-style-type: disc;
        margin: 0 0 0 14px;
    }

    .view-full-datasheet {
        color: #0077B2;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-decoration: underline;
    }

    .card-prop {
        height: 30px;
        width: 30px;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.15);
    }

    .info-icon {
        width: 16px;
        position: relative;
        top: 2px;
    }

    .card-icon {
        position: relative;
        top: -20px !important;
        border-radius: 15px;
        border: 1px solid #F1F1F1;
        width: 30px;
        height: 30px;
        margin-left: 8px;
    }

    .advanced-search-tooltip {
        position: relative;
        display: inline-block;
    }

    .fuzzy-search-notice {
        padding: 20px 0px;
        color: #515151;
        font-size: 20px;
        font-weight: bold;
        line-height: 23px;
    }

        .fuzzy-search-notice p {
            margin-bottom: 5px;
        }

            .fuzzy-search-notice p:last-of-type {
                font-size: 16px;
                font-weight: normal;
                padding-bottom: 20px;
                border-bottom: thin solid #BEBEBE;
            }

    #furtherQuestions label {
        font-weight: 400;
    }

    .select-page-size {
        display: inline;
        height: 25px;
        margin: 0px;
        border: none;
        font-style: normal;
        padding: 0 10px 0 0;
        vertical-align: baseline;
        text-align-last: left;
    }

    .strain-availability {
        font-size: 12px;
        width: max-content;
        padding: 1px 5px;
        border: 1px solid #F1F1F1;
        margin: auto;
        height: 22px;
        text-align: center;
        color: #05396B;
        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
    }

    .card-common-uses a:link, .search-result a:link {
        text-decoration: none;
    }

    .strain-availability-list {
        display: inline;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        width: max-content;
        margin: auto;
        height: 20px;
        color: #05396B;
    }


        .strain-availability-list.green {
            color: #048700;
            background:none;
        }

        .strain-availability i, .strain-availability-list i {
            padding-right: 2px;
            font-size: 10px;
        }

    far.fa-circle {
        opacity: 0.6;
    }

    .availability-info {
        display: block;
        text-decoration: none;
    }

    label .page-limit::after {
        font-family: 'FontAwesome';
        content: "\f0d7";
        font-size: 12px;
        color: #333333;
        pointer-events: none;
        position: absolute;
        bottom: 0;
        right: 2px;
    }

    a.view-full-datasheet:hover {
        text-decoration: underline;
        color: #005F8C;
    }

    .product-name {
        cursor: default;
    }

    .facet-row-content ul {
        padding: 0;
    }

    .featured-strains {
        max-width: 100vw;
        width: 100%;
    }

    .slider-start {
        background-color: #c8c8c8;
        border-color: transparent;
        display: none;
    }

    .slider-end {
        background-color: #c8c8c8;
        border-color: transparent;
    }

    .cu-display {
        display: inline;
    }

    .slider-start:after {
        content: '\f104';
        font-family: FontAwesome;
        color: white;
        height: 1px;
    }

    .slider-end:after {
        content: '\f105';
        font-family: FontAwesome;
        color: white;
        height: 1px;
    }

    .featured-strain-item {
        margin: 0 10px 10px 10px;
        height: 120px;
        box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.15);
    }

    .fs-card-top {
        margin-top: 30px;
        height: 60px;
        background-color: #E5F6FF;
    }

    .icons-wrapper {
        display: flex;
        justify-content: center;
    }

    .featured-strains-info:hover {
        cursor: pointer;
    }

    #fsstate0 {
        background-color: #008fc0;
    }

    .carousel-nav-wrapper {
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }

    .fs-slider {
        display: inline;
        background-color: transparent;
        border: none;
        color: #0085CA;
        padding: 0 3%;
        font-weight: bold;
        vertical-align: bottom;
        margin-bottom: 0px;
    }

        .fs-slider span {
            cursor: pointer;
            text-decoration: underline;
        }

    .fs-start:before {
        content: '\f104';
        font-family: FontAwesome;
        margin-right: 16px;
    }

    .fs-end:after {
        content: '\f105';
        font-family: FontAwesome;
        margin-left: 16px;
    }

    .fs-new {
        color: #F36;
        border: 1px solid #F36;
        font-size: 12px;
        border-radius: 15px;
        padding: 0.5px 5px;
    }

    .not-found {
        padding: 0px
    }

        .not-found p {
            color: #333;
            line-height: 20px;
            letter-spacing: .2px;
        }


.search-tips ul {
    display: block;
    list-style-type: disc;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 18px;
}

    .search-tips ul li {
        line-height: 28px;
    }

    .welcome-banner {
        background-color: #05396B;
        color: #FFF;
        padding-bottom: 32px;
    }

    .welcome-banner.narrow {
        padding: 10px 10px;
        background-color: #222222;
    }

    .welcome-header {
        display: inline-block;
        padding: 32px 0;
        font-size: 32px;
        color: #FFF;
        font-family: "DIN Next", Helvetica, Arial, sans-serif;
        letter-spacing: 0.24px;
        font-weight: bold;
    }

    .welcome-banner p {
        padding-top: 20px;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.18px;
        color: #FFF;
    }

    .welcome-banner a {
        padding-top: 20px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.18px;
        color: #FFF;
        text-decoration: underline;
    }

    .lb-error-content {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.18px;
        color: #333;
    }

    .lb-error-contact {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.16px;
    }

    .lb-content-width {
        display: inline-block;
        max-width: 600px;
    }

    .sl-validation-message {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.18px;
        color: #333;
        max-width: 600px;
        padding-left: 20px;
    }

    @media (max-width:992px) {
        #pageLeft {
            margin-bottom: 0px;
        }

        .facet-header-wrapper {
            display: none;
        }

        .mobile-filters-wrapper {
            display: flex;
            justify-content: center;
            padding-top: 25px;
            cursor: pointer;
        }

            .mobile-filters-wrapper div {
                text-decoration: underline;
                margin-left: 5px;
                font-size: 20px;
                font-weight: 600;
            }

        .search-bottom-row2 {
            display: block;
        }

        .content-align-left {
            display: block;
        }

        .content-align-right {
            display: none;
        }

        #filters {
            display: block;
            line-height: 25px;
        }

        #mobile-sort-options, #mobile-view-options {
            display: block;
        }

            #mobile-sort-options div, #mobile-view-options div {
                margin: 5px 0px;
            }

        #search-header, .search-bottom-row2 {
            padding-left: 0px;
            padding-right: 0px;
        }

        #shareSearchDialog {
            width: 400px;
        }

        #shareLink {
            width: 92%;
        }

        #btnShare {
            top: 43px;
            right: 22px;
        }

        .fixme #search-header-bottom {
            padding-left: 15px;
            padding-right: 15px;
        }

        .seperator {
            border: 0;
        }

        #search-text, #search-text.card-section-1, .pager {
            width: 100%;
        }

        .jmp-search button.fa-times, .jmp-search button.fa-search {
            top: 4px;
        }

        .jmp-search button.fa-times {
            right: 48px;
        }

        .jmp-search button.fa-search {
            right: 1px;
        }

        #hdr .container .row .col-lg-12 {
            padding: 0 45px 0 64px;
        }

        body #hdr header a.logo {
            transform: scale(0.40);
            top: 0px;
            /*clip: rect(0px,158px,90px,0px);*/
        }

        .btn-toggle.toggle-nav {
            top: 41px;
        }

        .back-to-original-search {
            right: 58px;
        }

        /*.btn-toggle {
        border: none;
        right: 52px;
        top: 53px;
        width: 25px;
        height: 20px;
        line-height: 20px;
    }

        .btn-toggle i {
            line-height: 20px;
        }

    .toggle-nav > em {
        height: 20px;
        top: -20px;
    }

    .nav-visible .toggle-nav > em {
        transform: translateY(20px);
    }

    .hamburger-label {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 14px;
        letter-spacing: 1.2px;
        position: absolute;
        top: 33px;
        right: 14px;
        display: block;
        color: #037;
        z-index: 2000;
    }*/
    }
    /*Tablet screen*/
    @media (max-width: 1008px) {
        #site-search {
            display: none;
        }
    }
    /*Tablet and Desktop screen*/
    @media (min-width:992px) {
        nav#main-nav ul li a {
            padding-bottom: 0px;
        }
    }


    /*Only Mobile*/
    @media (max-width: 767px) {
        #search-results-container {
            padding-top: 25px;
        }

        .fs-product-name a {
            font-size: 12px;
        }

        .welcome-content-wrapper {
            padding-left: 4px;
            padding-right: 4px;
        }

        #hdr .container .row .col-lg-12 {
            padding: 0 25px 0 40px;
        }

        #search-header {
            margin: 0px auto;
        }

        .container-lg-wrapper {
            padding: 0px 11px 0px 11px;
        }

        #content-wrapper {
            padding: 16px 16px 35px 16px;
        }

        #pageLeft {
            margin-bottom: 0px;
        }

        #search-result-body {
            padding-top: 0px;
            margin-bottom: 0px;
        }

        #search-header-bottom {
            padding-left: 0px;
            line-height: 28px;
        }

        .welcome-header {
            font-size: 22px;
            padding-bottom: 3px;
        }

        .strain-data {
            display: block;
            width: fit-content;
            margin-top: 8px;
            margin-left: 0px;
            margin-bottom: 0px;
        }

        #staticBackdrop .welcome-fs-header {
            display: none;
        }

        .clear-all {
            display: none;
        }

        .content-align-left {
            display: flex;
            justify-content: space-between;
            font-size: 14px;
        }

        .content-align-right, .page-size-wrapper {
            display: none;
        }

        .header-spacer {
            height: 88px;
        }

        .result-card-view {
            width: 100%;
        }

        .card-section-1 {
            height: 75px;
            font-size: 14px;
        }

        .card-footer {
            top: -10px;
        }

        .collapsible-content label, #mobile-sort-options label, .lbl-toggle, .style-select select, .label-bold, page-limit b {
            font-size: 16px;
        }

        .style-select select, .style-select::after {
            background-color: #f1f1f1;
        }

        .pagination a {
            margin: 0 3px;
        }

        .fs-col-info {
            width: 48%;
        }

        div.fs-col:nth-child(n+3) {
            display: none;
        }

        .fs-col {
            padding-left: 10%;
        }

        .fs-state {
            margin-top: 20px;
            display: flex;
            justify-content: center;
        }

        .search-result {
            padding: 0px 0px 20px 0px;
            width: 100% !important;
        }

        .toggle-relatedcontent-button {
            font-size: .7rem;
            width: unset;
            display: block;
        }

        .toggle-filters-button {
            font-size: .7rem;
            width: unset;
        }
    }

    @media (max-width: 992px) {
        .search-bottom-row2 {
            height: 48px;
            padding: 0 14px;
        }

        .content-align-left {
            display: flex;
            justify-content: space-between;
        }
    }

    /*Only Tablet*/
    @media (min-width: 768px) and (max-width: 1200px) {
        .fs-col-info {
            width: 23%;
        }
    }
    /*Only Desktop*/
    @media (min-width: 1201px) {

        #welcomeContent {
            padding-left: 0px;
            padding-right: 0px
        }

        body.nav-visible .nav-spacer {
            height: 0;
        }

        .search-bottom-row1 {
            display: none;
        }

        .fs-col-info {
            width: 23%;
        }

        .fs-state {
            display: flex;
            justify-content: center;
            padding-top: 4px;
        }
    }
    /*Mobile & Tablet*/
    @media (max-width: 1200px) {

        .search-bottom-row1 {
            display: flex;
            justify-content: space-between;
            background-color: #F1F1F1;
            padding: 10px 10px;
        }
    }
    /*Tablet & Desktop*/
    @media (min-width: 768px) {

        .pagination a {
            margin: 0 10px;
        }

        .header-spacer {
            height: 88px;
        }


        div.fs-col:nth-child(n+5) {
            display: none;
        }

        .feature-strain-state {
            width: 12px;
            height: 12px;
            background-color: rgba(34,34,34,.2);
            margin-left: 6px;
            display: inline-block;
            border-radius: 50%;
        }

        .search-result {
            padding: 0px 8px;
            margin-top: 32px;
        }

            .search-result:first-of-type {
                margin-top: 0px;
            }
    }
    /*Mobile & Tablet & Desktop*/

    .box-layout {
        padding: 12px 16px 16px 16px;
        border: 1px solid #F1F1F1;
        margin-bottom: 35px;
    }

    .card-section-1 {
        width: 100%;
        background-color: #E5F6FF;
        text-align: center
    }

    .card-footer {
        height: 30px;
        width: 145px;
        border-radius: 60px;
        background-color: #05396B;
        position: relative;
        margin: auto;
    }

    .welcome-fs-header {
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
        color: rgba(34, 34, 34, 0.8);
        padding-left: 7px;
    }

    .fs-product-name {
        position: relative;
        top: -8px;
    }

        .fs-product-name a {
            color: #05396B;
            font-size: 14px;
            font-weight: bold;
            line-height: 16px;
            letter-spacing: 0.2px;
            text-decoration: underline;
        }

    .fs-stock-number {
        color: #515151;
        font-size: 16px;
        text-align: center;
    }

        .fs-stock-number:hover {
            color: #0177B2;
        }

        .fs-stock-number sup {
            top: -8px;
            font-size: 12px;
        }

    div.fs-col {
        display: inline-block;
        vertical-align: top;
    }

    .landing-header {
        display: none;
    }

    .collapsible-fs-content {
        height: 200px;
        padding-top: 40px;
        display: flex;
        justify-content: space-between
    }

    body {
        overflow-x: hidden;
    }

    .title-case {
        text-transform: capitalize;
    }

    @media (max-width:395px) {
        body #hdr header a.logo {
            clip: rect(0px,158px,90px,0px);
        }

        #hdr .container .row .col-lg-12 {
            padding: 0 18px 0 28px
        }

        .search-box-wrapper {
            padding: 0 7px 0 7px;
        }
    }

    /** CONTACT US*/
    .contact-us-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        background: #1C1C1C;
        opacity: 0;
        z-index: 10000;
        width: 100%;
        height: 100%;
        animation: fadeOut 2s forwards;
        display: none;
    }

        .contact-us-wrapper.active {
            display: block;
            animation: fadeIn 2s forwards;
        }

    .contact-us {
        background-color: transparent;
        position: sticky;
        z-index: 10001;
    }

    .contact-us {
        top: 50vh;
    }

        .contact-us .wrap {
            position: absolute;
        }

        .contact-us .wrap {
            left: -26vw;
        }


            .contact-us .wrap .content {
                background-color: white;
                padding: 5px;
                float: left;
                border-right: 5px solid #0077B2;
            }

            .contact-us .wrap.slide-out .content {
                box-shadow: 0px 5px 10px 0px #989898;
            }

            .contact-us .wrap .content {
                width: 345px;
            }

                .contact-us .wrap .content div {
                    padding: 16px 14px;
                }

                .contact-us .wrap .content a {
                    color: #0077B2;
                    text-decoration: underline;
                    font-weight: bold;
                }

            .contact-us .wrap .icon {
                padding-right: 2.5px;
                display: flex;
                align-items: center;
                justify-content: center;
                float: right;
                background-color: #0077B2;
                cursor: pointer;
            }

            .contact-us .wrap .icon {
                height: 40px;
                width: 40px;
            }

                .contact-us .wrap .icon .icon-wrap .question-icon {
                    color: white;
                }


                .contact-us .wrap .icon .icon-wrap {
                    height: 24px;
                    width: 24px;
                }

        .contact-us .slide-in {
            -webkit-animation: slide-in 2s forwards;
            animation: slide-in 2s forwards;
        }

        .contact-us .slide-out {
            -webkit-animation: slide-out 2s forwards;
            animation: slide-out 2s forwards;
        }


    @-webkit-keyframes slide-in {
        0% {
            left: 0;
        }

        100% {
            left: -345px;
        }
    }


    @-webkit-keyframes slide-out {
        100% {
            left: 0;
        }
    }

    @keyframes slide-out {
        100% {
            left: 0;
        }
    }


    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: .2;
        }
    }

    @-moz-keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: .2;
        }
    }

    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: .2;
        }
    }

    @-o-keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: .2;
        }
    }

    @-ms-keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: .2;
        }
    }


    @keyframes fadeOut {
        0% {
            opacity: .2;
        }

        100% {
            opacity: 0;
        }
    }

    @-moz-keyframes fadeOut {
        0% {
            opacity: .2;
        }

        100% {
            opacity: 0;
        }
    }

    @-webkit-keyframes fadeOut {
        0% {
            opacity: .2;
        }

        100% {
            opacity: 0;
        }
    }

    @-o-keyframes fadeOut {
        0% {
            opacity: .2;
        }

        100% {
            opacity: 0;
        }
    }

    @-ms-keyframes fadeOut {
        0% {
            opacity: .2;
        }

        100% {
            opacity: 0;
        }
    }

    .contact-us:hover .content {
        border-right: 5px solid #0077B2;
    }

    .contact-us:hover .icon {
        background-color: #0077B2;
    }
.searchhelp-hidden-content {
    display: none;
}

.searchhelp {
    text-align: left;
    padding-top: 10px;
}