@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Roboto+Condensed:400,700&display=swap');

a:visited,
a:active,
a:focus {
    /*color: $hover-link-color;*/
    outline: none;
}

a:focus:not(:hover):not(:active) {
    outline: 2px dashed #ff0000;
    outline-offset: -1px;
}

.tse-remove-border {
    outline: none !important;
}

.tse-remove-border:focus {
    outline: none !important;
}

body {
    -webkit-font-smoothing: antialiased;
    background-color: white;
    color: #333333;
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
    line-height: 1.5;
    margin: 0;
}
body .site-content {
    font-size: 1.125em;
}

@media (max-height: 46em) and (min-width: 60em) {
    body {
        font-size: .875em;
    }
}

@media (max-height: 40em) and (min-width: 60em) {
    body {
        font-size: .75em;
    }
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans","Roboto Condensed", Arial, Helvetica, Sans-Serif;
    line-height: 1.25;
    margin: 0;
    font-weight: bold;
}
.nonlink {
    pointer-events: auto;
    cursor: auto;
}

.search-module input[type="text"] {
    box-sizing: border-box;
    -webkit-transition: border-color;
    -moz-transition: border-color;
    transition: border-color;
    background-color: white;
    border-radius: 0;
    border: 1px solid #f5f5f5;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    font-family: "Titillium Web", sans-serif !important;
    font-size: 0.8em;
    margin-bottom: 0.75em;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
    width: 95%;
}

@media (min-width: 80em) {
    .search-module input[type="text"] {
        font-size: 1em;
    }
}

.search-module input[type="text"]:hover {
    border-color: #dcdbdb;
}

.search-module input[type="text"]:focus {
    border-color: #03456b;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(2, 53, 82, 0.7);
    outline: none;
}


.hs-form fieldset {
    max-width: 100% !important;
    background-color: transparent !important;
}

.hs-form fieldset.form-columns-1 .hs-input {
    width: 100% !important;
}

.hs-error-msgs {
    color: red;
}


.btn, button, input[type="submit"], .btn-download, .btn-arrow, .product-grid-item-link, .btn-alt, .btn-alt-download, .btn-alt-arrow, .btn-color, .btn-color-sm, .btn-floating-cta {
  position: relative;
  -webkit-font-smoothing: antialiased;
  border-radius: 0;
  color: white;
  display: inline-block;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none;
  font-family: "Roboto Condensed", sans-serif;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  transition: background 0.1s linear;
}

.btn.btn-rfq:hover,
.search-module .btn:hover,
.search-module input[type="submit"]:hover {
    color: white;
}

.search-module .btn:hover .btn-txt {
    right: 0.5555555556em;
}

.btn.btn-rfq:focus,
.search-module .btn:focus,
.search-module input[type="submit"]:focus {
    color: #ffffff;
}

.btn,
.search-module input[type="submit"] {
    background-color: #329e6b;
    color: #ffffff;
    padding: 1.1666666667em 2.3333333333em;
    box-sizing: border-box;
}

.btn:hover,
.search-module input[type="submit"]:hover {
    background-color: #03456b;
    box-shadow: inset 0px 0px 26.68px 2.32px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 26.68px 2.32px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 0px 26.68px 2.32px rgba(0, 0, 0, 0.3);
}

.btn:hover:after,
.search-module input[type="submit"]:hover:after {
    width: 16px;
    height: 24px;
    right: 0.7777777778em;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(ico-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 14px 20px;
    background-position: center right;
    -webkit-transition: right 300ms ease;
    -moz-transition: right 300ms ease;
    transition: right 300ms ease;
}

.btn:focus,
.search-module input[type="submit"]:focus {
    background-color: #329e6b;
    color: #ffffff;
}

.btn:after,
.search-module input[type="submit"]:after {
    content: "";
    position: absolute;
    right: 0;
}

.btn.btn-sf:hover .btn-txt {
    right: 0.5em;
}

.btn.btn-sf:hover:atfer {
    right: 0.7em;
}

.btn.btn-sf .btn-txt {
    font-size: 20px !important;
}

.btn-txt {
    position: relative;
    right: 0;
    transition: right 300ms ease;
    display: block;
}

@media (min-width: 60em) {
    .btn-txt {
        /*font-size: 14px !important;*/
    }
}

@media (min-width: 80em) {
    .btn-txt {
        /* //font-size: 18px !important; */
    }
}

@media (min-width: 60em) {
    .btn-cont {
        /* //min-width: 119px !important; */
    }
}

/*site-search-2 start*/
.hs-search-field {
    background-color: #03456b;
    height: 6.8em;
    margin-top: -6.8em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10000;
    padding: 0 1em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 96%;
}

.hs-search-field.active {
    margin-top: 0;
}

.hs-search-field .inner-wrap,
.hs-search-field .inner-wrap-narrow,
.hs-search-field .inner-wrap-wide,
.hs-search-field .inner-wrap-fullwidth {
    padding: 0.3em 1.5em 1em;
}

@media (min-width: 60em) {
    .hs-search-field {
        position: static;
        float: right;
        /*height: auto;*/
        height: 37.5px !important;
        margin: 0;
        padding: 0;
        margin-top: 6px;
        background-color: transparent;
        width: 21.625em;
        border-radius: 0.5em;
        clear: both;
    }
}

@media (min-width: 80em) {
    .hs-search-field {
        width: 32.4375em;
    }
}

@media (max-width: 30em) {
    .hs-search-field {
        height: 7em;
        margin-top: -7em;
        font-size: 3.8vw;
    }
}

.search-exit {
    float: right;
    margin-left: 10px;
    margin-bottom: 5px;
    top: 0;
    right: 0;
}

@media (min-width: 60em) {
    .search-exit {
        display: none;
    }
}

@media (max-width: 30em) {
    .search-exit img {
        width: 0.875em;
    }
}

@media (min-width: 40em) {
    .hs-search-cell-1 {
        float: left;
        width: 83.2%;
    }

    .hs-search-cell-1 input[type="text"] {
        border: none !important;
        border-radius: 0.5em 0 0 0.5em;
        font-size: 16px;
        margin-left: 0.225em;
        font-family: 'Titillium Web', sans-serif;
        width: 96%;
    }

    .hs-search-cell-2 {
        float: right;
        width: 3.25em;
    }

    .hs-search-cell-1 .hs-search-field__input {
        /*height: 37.5px;*/
        height: 30.5px;
        padding-top: 5px;
    }
}

.hs-search-cell-1 input[type="text"]:focus {
    box-shadow: unset !important;
}

.hs-search-cell-1 input[type="text"] {
    border: none !important;
}

@media (min-width: 60em) {
    .hs-search-cell-1 {
        width: 83.2%;
    }

    .hs-search-field_mob_bar {
        display: none;
    }
}

@media (min-width: 80em) {
    .hs-search-cell-1 {
        /* width: 89.94%; */
        width: 89.8%;
    }
}

.hs-search-cell-1 {
    vertical-align: top;
}

.hs-search-results__listing {
    padding-top: 30px;
}

.hs-search-field_mob_bar {
    /*     height: 12em;
    margin-top: -12em; */
    position: relative;
    padding: 0;
}

.hs-search-field_mob_bar .search-table {
    margin-top: 6px;
}

.hs-search-field_mob_bar .search-cell1 {
    padding: 0;
}

@media screen and (min-width:960px) and (max-width:1280px) {
    .hs-search-cell-1 .hs-search-field__input {
        height: 30px !important;
    }

    .search-module {
        margin-top: 1px;
    }
}

/*site-search-end*/
.site-nav,
#hs_menu_wrapper_primary_nav {
    background-color: #f5f5f5;
}

@media (min-width: 60em) {

    .site-nav,
    #hs_menu_wrapper_primary_nav {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        background-color: #f5f5f5;
        z-index: 99;
    }
}

/*.sn-level-1,
#hs_menu_wrapper_primary_nav>ul {
    margin: 0;
    padding: 0;
}

@media (min-width: 60em) {

    .sn-level-1,
    #hs_menu_wrapper_primary_nav>ul {*/
        /*height: 4.0625em;*/
        /*height: 58.5px;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.sn-li-l1,
.sn-li-l2,
.sn-li-l3,
.sn-li-l4,
.sn-li-l5,
.sn-li-l6 {
    list-style: none;
}

.sn-li-l1,
.hs-menu-depth-1 {
    display: block;
    border-bottom: 1px solid rgba(28, 28, 28, 0.11);
    background-color: #f5f5f5;
    position: relative;
}

.sn-li-l1 span,
.hs-menu-depth-1 span {
    font-size: 1.25em;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
}

.sn-li-l1>a,
.hs-menu-depth-1>a {
    display: block;
    line-height: normal;
    color: #333333;
    text-decoration: none;
    padding: 1.125em 1em;
    box-sizing: border-box;
}

.sn-li-l1>a:visited,
.hs-menu-depth-1>a:visited {
    color: #333333;
}

.sn-li-l1>a.active,
.hs-menu-depth-1>a.active {
    /*background-color: $green;
      color: $white;*/
/*}

.sn-li-l1>a:hover,
.hs-menu-depth-1>a:hover {
    color: #ffffff;
    text-decoration: none;
}

.sn-li-l1.has-subnav .m-subnav-arrow,
.sn-li-l1.menu-item-has-children .m-subnav-arrow,
.sn-li-l1.hs-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.has-subnav .m-subnav-arrow,
.hs-menu-depth-1.menu-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.hs-item-has-children .m-subnav-arrow {
    cursor: pointer;
    padding-right: 0em;
    background-image: url(ico-arrow-blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    display: inline-block;
    width: 40px;
    height: 60px;
    position: absolute;
    right: 1.25em;
    top: 0;
    bottom: 0;
    transform: rotate(90deg);
}

.sn-li-l1.has-subnav .m-subnav-arrow.active,
.sn-li-l1.menu-item-has-children .m-subnav-arrow.active,
.sn-li-l1.hs-item-has-children .m-subnav-arrow.active,
.hs-menu-depth-1.has-subnav .m-subnav-arrow.active,
.hs-menu-depth-1.menu-item-has-children .m-subnav-arrow.active,
.hs-menu-depth-1.hs-item-has-children .m-subnav-arrow.active {
    transform: rotate(270deg);
}

@media (min-width: 60em) {

    .sn-li-l1.has-subnav .m-subnav-arrow,
    .sn-li-l1.menu-item-has-children .m-subnav-arrow,
    .sn-li-l1.hs-item-has-children .m-subnav-arrow,
    .hs-menu-depth-1.has-subnav .m-subnav-arrow,
    .hs-menu-depth-1.menu-item-has-children .m-subnav-arrow,
    .hs-menu-depth-1.hs-item-has-children .m-subnav-arrow {
        display: none;
    }
}

.sn-li-l1.has-subnav>a span,
.sn-li-l1.menu-item-has-children>a span,
.sn-li-l1.hs-item-has-children>a span,
.hs-menu-depth-1.has-subnav>a span,
.hs-menu-depth-1.menu-item-has-children>a span,
.hs-menu-depth-1.hs-item-has-children>a span {
    padding-right: 0em;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 0.75em;
    display: block;
}

.sn-li-l1.has-subnav>a.active span,
.sn-li-l1.menu-item-has-children>a.active span,
.sn-li-l1.hs-item-has-children>a.active span,
.hs-menu-depth-1.has-subnav>a.active span,
.hs-menu-depth-1.menu-item-has-children>a.active span,
.hs-menu-depth-1.hs-item-has-children>a.active span {
    transform: rotate(180deg);
}

.sn-li-l1.has-subnav.active>a,
.sn-li-l1.menu-item-has-children.active>a,
.sn-li-l1.hs-item-has-children.active>a,
.hs-menu-depth-1.has-subnav.active>a,
.hs-menu-depth-1.menu-item-has-children.active>a,
.hs-menu-depth-1.hs-item-has-children.active>a {
    background-color: #329e6b;
    color: #ffffff;
}

.sn-li-l1:hover,
.hs-menu-depth-1:hover {
    background-color: #329e6b;
}

@media (min-width: 60em) {

    .sn-li-l1,
    .hs-menu-depth-1 {
        /*height: 4.0625em;*/
       /* height: 58.5px;
        float: left;
        border-bottom: 0;
        border-right: 0;
        background-color: transparent;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        text-align: center;
    }

    .sn-li-l1 span,
    .hs-menu-depth-1 span {
        font-size: 13.5px;
    }

    .sn-li-l1>a,
    .hs-menu-depth-1>a {
        padding: 0 0.4375em;
        box-sizing: border-box;
        color: #333333;
        /*height: 4.0625em;*/
       /* height: 58.5px;
        line-height: 4.0625em;
    }

    .sn-li-l1>a:hover,
    .hs-menu-depth-1>a:hover {
        color: #ffffff;
    }

    .sn-li-l1:hover .sn-level-2,
    .sn-li-l1:hover .hs-menu-children-wrapper,
    .hs-menu-depth-1:hover .sn-level-2,
    .hs-menu-depth-1:hover .hs-menu-children-wrapper {
        display: block !important;
    }

    .sn-li-l1.has-subnav>a span,
    .sn-li-l1.menu-item-has-children>a span,
    .sn-li-l1.hs-item-has-children>a span,
    .hs-menu-depth-1.has-subnav>a span,
    .hs-menu-depth-1.menu-item-has-children>a span,
    .hs-menu-depth-1.hs-item-has-children>a span {
        background-size: 0.625em;
        display: inline;
    }

    .sn-li-l1.has-subnav>a.active span,
    .sn-li-l1.menu-item-has-children>a.active span,
    .sn-li-l1.hs-item-has-children>a.active span,
    .hs-menu-depth-1.has-subnav>a.active span,
    .hs-menu-depth-1.menu-item-has-children>a.active span,
    .hs-menu-depth-1.hs-item-has-children>a.active span {
        background-image: url(ico-arrow-down.svg);
    }

    .sn-li-l1.has-subnav:hover>a,
    .sn-li-l1.menu-item-has-children:hover>a,
    .sn-li-l1.hs-item-has-children:hover>a,
    .hs-menu-depth-1.has-subnav:hover>a,
    .hs-menu-depth-1.menu-item-has-children:hover>a,
    .hs-menu-depth-1.hs-item-has-children:hover>a {
        color: #ffffff;
    }

    .sn-li-l1:hover,
    .hs-menu-depth-1:hover {
        background-color: #03456b;
    }
}

@media (min-width: 80em) {

    .sn-li-l1:hover .sn-level-2,
    .sn-li-l1:hover .hs-menu-children-wrapper,
    .hs-menu-depth-1:hover .sn-level-2,
    .hs-menu-depth-1:hover .hs-menu-children-wrapper {
        display: block !important;
        font-size: unset;
    }

    .sn-li-l1 span,
    .hs-menu-depth-1 span {
        font-size: 17px;
    }

    .sn-li-l1>a,
    .hs-menu-depth-1>a {
        padding: 0 0.5em;
        box-sizing: border-box;
    }
}

@media (min-width: 85em) {

    .sn-li-l1>a,
    #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-1>a {
        padding: 0 7.92px !important;
    }
}

@media (min-width:960px) and (max-width:1040px) {

    .sn-li-l1>a,
    .hs-menu-depth-1>a {
        padding: 0 .28em !important;
    }
}

.sn-level-2,
.hs-menu-children-wrapper {
    padding: 0;
    margin: 0;
    display: none;
    position: relative;
}

.sn-level-2.active,
.hs-menu-children-wrapper.active {
    display: block;
    border: solid 4px #329e6b;
    border-top: 0;
}

@media (min-width: 60em) {

    .sn-level-2,
    .hs-menu-children-wrapper {
        position: absolute;
        background-color: #ffffff;
        border-top: 1px solid rgba(0, 0, 0, 0.18);
        min-width: 11.875em;
        padding-top: 1.25em;
        font-size: 1em;
    }

    .sn-level-2.active,
    .hs-menu-children-wrapper.active {
        display: none;
    }

    .sn-level-2:before,
    .hs-menu-children-wrapper:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: 16px 0px 35.2px 4.8px rgba(42, 42, 42, 0.18);
        z-index: 2;
    }
}

@media (min-width: 80em) {

    .sn-level-2,
    .hs-menu-children-wrapper {
        min-width: 15.625em;
    }
}

.sn-li-l2,
.sn-li-l3,
.sn-li-l5,
.sn-li-l6,
.sn-li-l4,
.hs-menu-depth-2 {
    background-color: #f5f5f5;
    position: relative;
    border-bottom: 1px solid rgba(28, 28, 28, 0.11);
}

.sn-li-l2>a,
.sn-li-l3>a,
.sn-li-l5>a,
.sn-li-l6>a,
.sn-li-l4>a,
.hs-menu-depth-2>a {
    padding: 0.78125em 1.3125em;
    box-sizing: border-box;
    color: #333333;
    border-top: 0;
    display: block;
    text-decoration: none;
    line-height: normal;
}

.sn-li-l2>a span,
.sn-li-l3>a span,
.sn-li-l5>a span,
.sn-li-l6>a span,
.sn-li-l4>a span,
.hs-menu-depth-2>a span {
    font-size: 1.25em;
    line-height: 1.25em;
    display: inline-block;
    vertical-align: middle;
}*/

.sn-li-l2.has-subnav>.m-subnav-arrow,
.has-subnav.sn-li-l3>.m-subnav-arrow,
.has-subnav.sn-li-l5>.m-subnav-arrow,
.has-subnav.sn-li-l6>.m-subnav-arrow,
.has-subnav.sn-li-l4>.m-subnav-arrow,
.sn-li-l2.menu-item-has-children>.m-subnav-arrow,
.menu-item-has-children.sn-li-l3>.m-subnav-arrow,
.menu-item-has-children.sn-li-l5>.m-subnav-arrow,
.menu-item-has-children.sn-li-l6>.m-subnav-arrow,
.menu-item-has-children.sn-li-l4>.m-subnav-arrow,
.sn-li-l2.hs-item-has-children>.m-subnav-arrow,
.hs-item-has-children.sn-li-l3>.m-subnav-arrow,
.hs-item-has-children.sn-li-l5>.m-subnav-arrow,
.hs-item-has-children.sn-li-l6>.m-subnav-arrow,
.hs-item-has-children.sn-li-l4>.m-subnav-arrow,
.hs-menu-depth-2.has-subnav>.m-subnav-arrow,
.hs-menu-depth-2.menu-item-has-children>.m-subnav-arrow,
.hs-menu-depth-2.hs-item-has-children>.m-subnav-arrow {
    background-image: url(ico-arrow-blue.svg);
}

.sn-li-l2.has-subnav.active>a,
.has-subnav.active.sn-li-l3>a,
.has-subnav.active.sn-li-l5>a,
.has-subnav.active.sn-li-l6>a,
.has-subnav.active.sn-li-l4>a,
.sn-li-l2.menu-item-has-children.active>a,
.menu-item-has-children.active.sn-li-l3>a,
.menu-item-has-children.active.sn-li-l5>a,
.menu-item-has-children.active.sn-li-l6>a,
.menu-item-has-children.active.sn-li-l4>a,
.sn-li-l2.hs-item-has-children.active>a,
.hs-item-has-children.active.sn-li-l3>a,
.hs-item-has-children.active.sn-li-l5>a,
.hs-item-has-children.active.sn-li-l6>a,
.hs-item-has-children.active.sn-li-l4>a,
.hs-menu-depth-2.has-subnav.active>a,
.hs-menu-depth-2.menu-item-has-children.active>a,
.hs-menu-depth-2.hs-item-has-children.active>a {
    background-color: #464646;
    color: #ffffff;
}

.sn-li-l2.has-subnav.active>.m-subnav-arrow,
.has-subnav.active.sn-li-l3>.m-subnav-arrow,
.has-subnav.active.sn-li-l5>.m-subnav-arrow,
.has-subnav.active.sn-li-l6>.m-subnav-arrow,
.has-subnav.active.sn-li-l4>.m-subnav-arrow,
.sn-li-l2.menu-item-has-children.active>.m-subnav-arrow,
.menu-item-has-children.active.sn-li-l3>.m-subnav-arrow,
.menu-item-has-children.active.sn-li-l5>.m-subnav-arrow,
.menu-item-has-children.active.sn-li-l6>.m-subnav-arrow,
.menu-item-has-children.active.sn-li-l4>.m-subnav-arrow,
.sn-li-l2.hs-item-has-children.active>.m-subnav-arrow,
.hs-item-has-children.active.sn-li-l3>.m-subnav-arrow,
.hs-item-has-children.active.sn-li-l5>.m-subnav-arrow,
.hs-item-has-children.active.sn-li-l6>.m-subnav-arrow,
.hs-item-has-children.active.sn-li-l4>.m-subnav-arrow,
.hs-menu-depth-2.has-subnav.active>.m-subnav-arrow,
.hs-menu-depth-2.menu-item-has-children.active>.m-subnav-arrow,
.hs-menu-depth-2.hs-item-has-children.active>.m-subnav-arrow {
    background-image: url(ico-arrow-white.svg);
}

.sn-li-l2:last-child,
.sn-li-l3:last-child,
.sn-li-l5:last-child,
.sn-li-l6:last-child,
.sn-li-l4:last-child,
.hs-menu-depth-2:last-child {
    border-bottom: 0;
}

.sn-li-l2:last-child>a,
.sn-li-l3:last-child>a,
.sn-li-l5:last-child>a,
.sn-li-l6:last-child>a,
.sn-li-l4:last-child>a,
.hs-menu-depth-2:last-child>a {
    border-bottom: 0;
}

.sn-li-l2:hover,
.sn-li-l3:hover,
.sn-li-l5:hover,
.sn-li-l6:hover,
.sn-li-l4:hover,
.hs-menu-depth-2:hover {
    background-color: #464646;
}

.sn-li-l2:hover>a,
.sn-li-l3:hover>a,
.sn-li-l5:hover>a,
.sn-li-l6:hover>a,
.sn-li-l4:hover>a,
.hs-menu-depth-2:hover>a {
    color: #ffffff;
}

.sn-li-l2:hover.has-subnav>.m-subnav-arrow,
.sn-li-l3:hover.has-subnav>.m-subnav-arrow,
.sn-li-l5:hover.has-subnav>.m-subnav-arrow,
.sn-li-l6:hover.has-subnav>.m-subnav-arrow,
.sn-li-l4:hover.has-subnav>.m-subnav-arrow,
.sn-li-l2:hover.menu-item-has-children>.m-subnav-arrow,
.sn-li-l3:hover.menu-item-has-children>.m-subnav-arrow,
.sn-li-l5:hover.menu-item-has-children>.m-subnav-arrow,
.sn-li-l6:hover.menu-item-has-children>.m-subnav-arrow,
.sn-li-l4:hover.menu-item-has-children>.m-subnav-arrow,
.sn-li-l2:hover.hs-item-has-children>.m-subnav-arrow,
.sn-li-l3:hover.hs-item-has-children>.m-subnav-arrow,
.sn-li-l5:hover.hs-item-has-children>.m-subnav-arrow,
.sn-li-l6:hover.hs-item-has-children>.m-subnav-arrow,
.sn-li-l4:hover.hs-item-has-children>.m-subnav-arrow,
.hs-menu-depth-2:hover.has-subnav>.m-subnav-arrow,
.hs-menu-depth-2:hover.menu-item-has-children>.m-subnav-arrow,
.hs-menu-depth-2:hover.hs-item-has-children>.m-subnav-arrow {
    background-image: url(ico-arrow-white.svg);
}


@media only screen and (max-width: 1280px) and (min-width: 960px) {

    .sn-li-l2>a span,
    .sn-li-l3>a span,
    .sn-li-l5>a span,
    .sn-li-l6>a span,
    .sn-li-l4>a span,
    .hs-menu-depth-2>a span {
        font-size: 14px !important;
        white-space: inherit !important;
    }
}

@media (min-width: 60em) {

    .sn-li-l2,
    .sn-li-l3,
    .sn-li-l5,
    .sn-li-l6,
    .sn-li-l4,
    .hs-menu-depth-2 {
        background-color: transparent;
        position: static;
        border-bottom: 0;
    }

    .sn-li-l2 a,
    .sn-li-l3 a,
    .sn-li-l5 a,
    .sn-li-l6 a,
    .sn-li-l4 a,
    .hs-menu-depth-2 a {
        font-size: 0.75em;
    }

    .sn-li-l2>a,
    .sn-li-l3>a,
    .sn-li-l5>a,
    .sn-li-l6>a,
    .sn-li-l4>a,
    .hs-menu-depth-2>a {
        padding: 0.78125em 0.5em;
        padding-left: 1.4375em;
        box-sizing: border-box;
        line-height: normal;
        border-top: 0;
        border-right: 0;
        text-align: left;
        position: relative;
        z-index: 3;
        color: #333333;
    }

    .sn-li-l2>a span,
    .sn-li-l3>a span,
    .sn-li-l5>a span,
    .sn-li-l6>a span,
    .sn-li-l4>a span,
    .hs-menu-depth-2>a span {
        font-size: 18px;
        white-space: pre-wrap;
    }

    .sn-li-l2.menu-item-has-children>a span,
    .menu-item-has-children.sn-li-l3>a span,
    .menu-item-has-children.sn-li-l5>a span,
    .menu-item-has-children.sn-li-l6>a span,
    .menu-item-has-children.sn-li-l4>a span,
    .hs-menu-depth-2.menu-item-has-children>a span {
        position: relative;
        padding-right: 0.8em;
        box-sizing: border-box;
    }

    .sn-li-l2.menu-item-has-children>a span:after,
    .menu-item-has-children.sn-li-l3>a span:after,
    .menu-item-has-children.sn-li-l5>a span:after,
    .menu-item-has-children.sn-li-l6>a span:after,
    .menu-item-has-children.sn-li-l4>a span:after,
    .hs-menu-depth-2.menu-item-has-children>a span:after {
        content: "";
        position: absolute;
        width: 0.6em;
        height: 1.4em;
        top: 0;
        right: 0;
        background-size: 16px;
        background-image: url(ico-arrow-gray.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

    .sn-li-l2.menu-item-has-children:hover>a span,
    .menu-item-has-children.sn-li-l3:hover>a span,
    .menu-item-has-children.sn-li-l5:hover>a span,
    .menu-item-has-children.sn-li-l6:hover>a span,
    .menu-item-has-children.sn-li-l4:hover>a span,
    .hs-menu-depth-2.menu-item-has-children:hover>a span {
        display: block;
    }

    .sn-li-l2:hover,
    .sn-li-l3:hover,
    .sn-li-l5:hover,
    .sn-li-l6:hover,
    .sn-li-l4:hover,
    .hs-menu-depth-2:hover {
        background-color: #03456b;
    }

    .sn-li-l2:hover>a,
    .sn-li-l3:hover>a,
    .sn-li-l5:hover>a,
    .sn-li-l6:hover>a,
    .sn-li-l4:hover>a,
    .hs-menu-depth-2:hover>a {
        color: #ffffff;
    }

    .sn-li-l2:hover .sn-level-3,
    .sn-li-l3:hover .sn-level-3,
    .sn-li-l5:hover .sn-level-3,
    .sn-li-l6:hover .sn-level-3,
    .sn-li-l4:hover .sn-level-3,
    .hs-menu-depth-2:hover .sn-level-3 {
        display: block !important;
    }
}

@media (min-width: 80em) {

    .sn-li-l2 a,
    .sn-li-l3 a,
    .sn-li-l5 a,
    .sn-li-l6 a,
    .sn-li-l4 a,
    .hs-menu-depth-2 a {
        font-size: 1em;
        padding-top: 0.45em;
        padding-bottom: 0.45em;
    }
}

.sn-level-3 {
    padding: 0;
    margin: 0;
    display: none;
    position: relative;
}

.sn-level-3.active {
    display: block;
    border: solid 4px #464646;
    border-top: 0;
}

@media (min-width: 60em) {
    .sn-level-3 {
        position: absolute;
        top: -1px;
        left: 100%;
        background-color: #ffffff;
        border-top: 1px solid rgba(0, 0, 0, 0.18);
        min-width: 9.375em;
        padding-top: 1.25em;
        min-height: 100%;
    }

    .sn-level-3.active {
        display: none;
    }

    .sn-level-3:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: 16px 0px 35.2px 4.8px rgba(42, 42, 42, 0.18);
        z-index: 2;
    }
}

@media (min-width: 80em) {
    .sn-level-3 {
        min-width: 13.125em;
    }
}

@media (min-width: 60em) {

    .sn-li-l3:hover,
    .sn-li-l5:hover,
    .sn-li-l6:hover {
        background-color: #cccccc;
    }

    .sn-li-l3:hover>a,
    .sn-li-l5:hover>a,
    .sn-li-l6:hover>a {
        color: #03456b;
    }

    .sn-li-l3:hover .sn-level-4,
    .sn-li-l5:hover .sn-level-4,
    .sn-li-l6:hover .sn-level-4 {
        display: block !important;
    }
}

.sn-li-l3>a,
.sn-li-l5>a,
.sn-li-l6>a,
.hs-menu-depth-2>a {
    padding: 0.78125em 1.625em;
}

.sn-li-l3.has-subnav>.m-subnav-arrow,
.has-subnav.sn-li-l5>.m-subnav-arrow,
.has-subnav.sn-li-l6>.m-subnav-arrow,
.sn-li-l3.menu-item-has-children>.m-subnav-arrow,
.menu-item-has-children.sn-li-l5>.m-subnav-arrow,
.menu-item-has-children.sn-li-l6>.m-subnav-arrow,
.sn-li-l3.hs-item-has-children>.m-subnav-arrow,
.hs-item-has-children.sn-li-l5>.m-subnav-arrow,
.hs-item-has-children.sn-li-l6>.m-subnav-arrow,
.hs-menu-depth-2.has-subnav>.m-subnav-arrow,
.hs-menu-depth-2.menu-item-has-children>.m-subnav-arrow,
.hs-menu-depth-2.hs-item-has-children>.m-subnav-arrow {
    background-image: url(ico-arrow-blue.svg);
}

.sn-li-l3.has-subnav.active>a,
.has-subnav.active.sn-li-l5>a,
.has-subnav.active.sn-li-l6>a,
.sn-li-l3.menu-item-has-children.active>a,
.menu-item-has-children.active.sn-li-l5>a,
.menu-item-has-children.active.sn-li-l6>a,
.sn-li-l3.hs-item-has-children.active>a,
.hs-item-has-children.active.sn-li-l5>a,
.hs-item-has-children.active.sn-li-l6>a,
.hs-menu-depth-2.has-subnav.active>a,
.hs-menu-depth-2.menu-item-has-children.active>a,
.hs-menu-depth-2.hs-item-has-children.active>a {
    background-color: #696969;
    color: #ffffff;
}

.sn-li-l3.has-subnav.active>.m-subnav-arrow,
.has-subnav.active.sn-li-l5>.m-subnav-arrow,
.has-subnav.active.sn-li-l6>.m-subnav-arrow,
.sn-li-l3.menu-item-has-children.active>.m-subnav-arrow,
.menu-item-has-children.active.sn-li-l5>.m-subnav-arrow,
.menu-item-has-children.active.sn-li-l6>.m-subnav-arrow,
.sn-li-l3.hs-item-has-children.active>.m-subnav-arrow,
.hs-item-has-children.active.sn-li-l5>.m-subnav-arrow,
.hs-item-has-children.active.sn-li-l6>.m-subnav-arrow,
.hs-menu-depth-2.has-subnav.active>.m-subnav-arrow,
.hs-menu-depth-2.menu-item-has-children.active>.m-subnav-arrow,
.hs-menu-depth-2.hs-item-has-children.active>.m-subnav-arrow {
    background-image: url(ico-arrow-white.svg);
}

.sn-li-l3:hover,
.sn-li-l5:hover,
.sn-li-l6:hover,
.hs-menu-depth-2:hover {
    background-color: #696969;
}

.sn-li-l3:hover>a,
.sn-li-l5:hover>a,
.sn-li-l6:hover>a,
.hs-menu-depth-2:hover>a {
    color: #ffffff;
}

.sn-li-l3:hover.has-subnav>.m-subnav-arrow,
.sn-li-l5:hover.has-subnav>.m-subnav-arrow,
.sn-li-l6:hover.has-subnav>.m-subnav-arrow,
.sn-li-l3:hover.menu-item-has-children>.m-subnav-arrow,
.sn-li-l5:hover.menu-item-has-children>.m-subnav-arrow,
.sn-li-l6:hover.menu-item-has-children>.m-subnav-arrow,
.sn-li-l3:hover.hs-item-has-children>.m-subnav-arrow,
.sn-li-l5:hover.hs-item-has-children>.m-subnav-arrow,
.sn-li-l6:hover.hs-item-has-children>.m-subnav-arrow,
.hs-menu-depth-2:hover.has-subnav>.m-subnav-arrow,
.hs-menu-depth-2:hover.menu-item-has-children>.m-subnav-arrow,
.hs-menu-depth-2:hover.hs-item-has-children>.m-subnav-arrow {
    background-image: url(ico-arrow-white.svg);
}

@media (min-width: 60em) {

    .sn-li-l3,
    .sn-li-l5,
    .sn-li-l6,
    .hs-menu-depth-2 {
        background-color: transparent;
    }

    .sn-li-l3>a,
    .sn-li-l5>a,
    .sn-li-l6>a,
    .hs-menu-depth-2>a {
        color: #333333;
    }

    .sn-li-l3:hover,
    .sn-li-l5:hover,
    .sn-li-l6:hover,
    .hs-menu-depth-2:hover {
        background-color: #cccccc;
    }

    .sn-li-l3:hover>a,
    .sn-li-l5:hover>a,
    .sn-li-l6:hover>a,
    .hs-menu-depth-2:hover>a {
        color: #03456b;
    }
}

.sn-level-4 {
    padding: 0;
    margin: 0;
    display: none;
    position: relative;
}

.sn-level-4.active {
    display: block;
    border: solid 4px #696969;
    border-top: 0;
}

@media (min-width: 60em) {
    .sn-level-4 {
        position: absolute;
        top: -1px;
        left: 100%;
        background-color: #ffffff;
        border-top: 1px solid rgba(0, 0, 0, 0.18);
        min-width: 9.375em;
        padding-top: 1.25em;
        min-height: 100%;
    }

    .sn-level-4.active {
        display: none;
    }

    .sn-level-4:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: 16px 0px 35.2px 4.8px rgba(42, 42, 42, 0.18);
        z-index: 2;
    }
}

@media (min-width: 80em) {
    .sn-level-4 {
        min-width: 13.125em;
    }
}

.sn-li-l4>a {
    padding: 0.78125em 1.9375em;
    box-sizing: border-box;
}

@media (min-width: 60em) {
    .sn-li-l4:hover {
        background-color: #cccccc;
    }

    .sn-li-l4:hover>a {
        color: #03456b;
    }

    .sn-li-l4:hover .sn-level-5 {
        display: block !important;
    }
}

.sn-li-l4.has-subnav>.m-subnav-arrow,
.sn-li-l4.menu-item-has-children>.m-subnav-arrow,
.sn-li-l4.hs-item-has-children>.m-subnav-arrow,
.hs-menu-depth-2.has-subnav>.m-subnav-arrow,
.hs-menu-depth-2.menu-item-has-children>.m-subnav-arrow,
.hs-menu-depth-2.hs-item-has-children>.m-subnav-arrow {
    background-image: url(ico-arrow-blue.svg);
}

.sn-li-l4.has-subnav.active>a,
.sn-li-l4.menu-item-has-children.active>a,
.sn-li-l4.hs-item-has-children.active>a,
.hs-menu-depth-2.has-subnav.active>a,
.hs-menu-depth-2.menu-item-has-children.active>a,
.hs-menu-depth-2.hs-item-has-children.active>a {
    background-color: #bababa;
    color: #000000;
}

.sn-li-l4.has-subnav.active>.m-subnav-arrow,
.sn-li-l4.menu-item-has-children.active>.m-subnav-arrow,
.sn-li-l4.hs-item-has-children.active>.m-subnav-arrow,
.hs-menu-depth-2.has-subnav.active>.m-subnav-arrow,
.hs-menu-depth-2.menu-item-has-children.active>.m-subnav-arrow,
.hs-menu-depth-2.hs-item-has-children.active>.m-subnav-arrow {
    background-image: url(ico-arrow-black.svg);
}

.sn-li-l4:hover,
.hs-menu-depth-2:hover {
    background-color: #bababa;
}

.sn-li-l4:hover>a,
.hs-menu-depth-2:hover>a {
    color: #000000;
}

.sn-li-l4:hover.has-subnav>.m-subnav-arrow,
.sn-li-l4:hover.menu-item-has-children>.m-subnav-arrow,
.sn-li-l4:hover.hs-item-has-children>.m-subnav-arrow,
.hs-menu-depth-2:hover.has-subnav>.m-subnav-arrow,
.hs-menu-depth-2:hover.menu-item-has-children>.m-subnav-arrow,
.hs-menu-depth-2:hover.hs-item-has-children>.m-subnav-arrow {
    background-image: url(ico-arrow-black.svg);
}

@media (min-width: 60em) {

    .sn-li-l4,
    .hs-menu-depth-2 {
        background-color: transparent;
    }

    .sn-li-l4>a,
    .hs-menu-depth-2>a {
        color: #333333;
    }

    .sn-li-l4:hover,
    .hs-menu-depth-2:hover {
        background-color: #cccccc;
    }

    .sn-li-l4:hover>a,
    .hs-menu-depth-2:hover>a {
        color: #03456b;
    }
}

.sn-level-5 {
    padding: 0;
    margin: 0;
    display: none;
    position: relative;
}

.sn-level-5.active {
    display: block;
    border: solid 4px #bababa;
    border-top: 0;
}

@media (min-width: 60em) {
    .sn-level-5 {
        position: absolute;
        top: -1px;
        left: 100%;
        background-color: #ffffff;
        border-top: 1px solid rgba(0, 0, 0, 0.18);
        min-width: 9.375em;
        padding-top: 1.25em;
        min-height: 100%;
    }

    .sn-level-5.active {
        display: none;
    }

    .sn-level-5:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: 16px 0px 35.2px 4.8px rgba(42, 42, 42, 0.18);
        z-index: 2;
    }
}

@media (min-width: 80em) {
    .sn-level-5 {
        min-width: 13.125em;
    }
}

@media (min-width: 60em) {
    .sn-li-l5:hover {
        background-color: #cccccc;
    }

    .sn-li-l5:hover>a {
        color: #03456b;
    }

    .sn-li-l5:hover .sn-level-6 {
        display: block !important;
    }
}

.sn-li-l5>a,
.hs-menu-depth-2>a {
    padding: 0.78125em 2.25em;
    box-sizing: border-box;
}

.sn-li-l5.has-subnav>.m-subnav-arrow,
.sn-li-l5.menu-item-has-children>.m-subnav-arrow,
.sn-li-l5.hs-item-has-children>.m-subnav-arrow,
.hs-menu-depth-2.has-subnav>.m-subnav-arrow,
.hs-menu-depth-2.menu-item-has-children>.m-subnav-arrow,
.hs-menu-depth-2.hs-item-has-children>.m-subnav-arrow {
    background-image: url(ico-arrow-blue.svg);
}

.sn-li-l5.has-subnav.active>a,
.sn-li-l5.menu-item-has-children.active>a,
.sn-li-l5.hs-item-has-children.active>a,
.hs-menu-depth-2.has-subnav.active>a,
.hs-menu-depth-2.menu-item-has-children.active>a,
.hs-menu-depth-2.hs-item-has-children.active>a {
    background-color: #dedede;
    color: #000000;
}

.sn-li-l5.has-subnav.active>.m-subnav-arrow,
.sn-li-l5.menu-item-has-children.active>.m-subnav-arrow,
.sn-li-l5.hs-item-has-children.active>.m-subnav-arrow,
.hs-menu-depth-2.has-subnav.active>.m-subnav-arrow,
.hs-menu-depth-2.menu-item-has-children.active>.m-subnav-arrow,
.hs-menu-depth-2.hs-item-has-children.active>.m-subnav-arrow {
    background-image: url(ico-arrow-black.svg);
}

.sn-li-l5:hover,
.hs-menu-depth-2:hover {
    background-color: #dedede;
}

.sn-li-l5:hover>a,
.hs-menu-depth-2:hover>a {
    color: #000000;
}

.sn-li-l5:hover.has-subnav>.m-subnav-arrow,
.sn-li-l5:hover.menu-item-has-children>.m-subnav-arrow,
.sn-li-l5:hover.hs-item-has-children>.m-subnav-arrow,
.hs-menu-depth-2:hover.has-subnav>.m-subnav-arrow,
.hs-menu-depth-2:hover.menu-item-has-children>.m-subnav-arrow,
.hs-menu-depth-2:hover.hs-item-has-children>.m-subnav-arrow {
    background-image: url(ico-arrow-black.svg);
}

@media (min-width: 60em) {

    .sn-li-l5,
    .hs-menu-depth-2 {
        background-color: transparent;
    }

    .sn-li-l5>a,
    .hs-menu-depth-2>a {
        color: #333333;
    }

    .sn-li-l5:hover,
    .hs-menu-depth-2:hover {
        background-color: #cccccc;
    }

    .sn-li-l5:hover>a,
    .hs-menu-depth-2:hover>a {
        color: #03456b;
    }
}

.sn-level-6 {
    padding: 0;
    margin: 0;
    display: none;
    position: relative;
}

.sn-level-6.active {
    display: block;
    border: solid 4px #dedede;
    border-top: 0;
}

@media (min-width: 60em) {
    .sn-level-6 {
        position: absolute;
        top: -1px;
        left: 100%;
        background-color: #ffffff;
        border-top: 1px solid rgba(0, 0, 0, 0.18);
        min-width: 9.375em;
        padding-top: 1.25em;
    }

    .sn-level-6 li a span {
        white-space: normal;
    }

    .sn-level-6.active {
        display: none;
    }

    .sn-level-6:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: 16px 0px 35.2px 4.8px rgba(42, 42, 42, 0.18);
        z-index: 2;
    }
}

@media (min-width: 80em) {
    .sn-level-6 {
        min-width: 13.125em;
    }
}

.sn-li-l6>a,
.hs-menu-depth-2>a {
    padding: 0.78125em 2.5625em;
    box-sizing: border-box;
}

.site-nav-container {
    background-color: #f5f5f5;
    width: 100%;
    height: auto;
    right: -100%;
    top: 0;
    z-index: 1000;
    position: absolute;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.site-nav-container.active {
    right: 0;
}

@media (min-width: 60em) {
    .site-nav-container {
        width: auto;
        height: auto;
        right: auto;
        bottom: auto;
        top: auto;
        position: static;
        background-color: transparent;
        display: inline-block;
    }
}

.site-nav-container-screen {
    position: fixed;
    display: none;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.site-nav-container-screen.active {
    display: block;
}

@media (min-width: 60em) {
    .site-nav-container-screen {
        display: none !important;
    }
}

.site-nav-container .site-nav a:focus:not(:hover):not(:active) {
    outline-offset: -2px;
}

.site-nav-container .site-nav a.tse-remove-border:focus:not(:hover):not(:active) {
    outline: none;
    outline-offset: 0;
}

.close-menu {
    display: inline-block;
    clear: both;
    position: relative;
    text-align: center;
    color: #03456b !important;
    font-family: "Roboto Condensed", sans-serif;
    padding: 0.25em 1em;
    padding-left: 2em;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 1.25em;
    font-weight: 700;
    text-decoration: none;
    color: #000000 !important;
    background-color: transparents;
    border-radius: 0.1875em;
    top: 0.4em;
}

.close-menu:visited {
    color: #ffffff;
}

.close-menu:hover {
    color: #ffffff;
}

.close-menu:after {
    content: '';
    background-color: transparent;
    background-image: url(close.svg);
    background-size: 32px 32px;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    width: 1.5625em;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

@media (min-width: 60em) {
    .close-menu {
        display: none;
    }
}

.snc-header {
    text-align: center;
    padding: 1em;
    box-sizing: border-box;
}

@media (min-width: 60em) {
    .snc-header {
        padding: 0;
    }
}

/*
This is used to separate sections/modules of the website while still keeping a consistent max-width. Example below:
<section class="about-module">
  <div class="inner-wrap">
    Content here...
  </div>
</section>
*/
.inner-wrap,
.inner-wrap-narrow,
.inner-wrap-wide,
.inner-wrap-fullwidth {
    max-width: 73.5em;
    margin-left: auto;
    margin-right: auto;
    padding: 1.5em 1em 1.5em 1em;
    box-sizing: border-box;
}

.inner-wrap::after,
.inner-wrap-narrow::after,
.inner-wrap-wide::after,
.inner-wrap-fullwidth::after {
    clear: both;
    content: "";
    display: table;
}

.inner-wrap>*:first-child,
.inner-wrap-narrow>*:first-child,
.inner-wrap-wide>*:first-child,
.inner-wrap-fullwidth>*:first-child {
    margin-top: 0;
}

.inner-wrap>*:last-child,
.inner-wrap-narrow>*:last-child,
.inner-wrap-wide>*:last-child,
.inner-wrap-fullwidth>*:last-child {
    margin-bottom: 0;
}

  @media (min-width: 40em) {
    .inner-wrap, .inner-wrap-narrow, .inner-wrap-wide, .inner-wrap-fullwidth {
      padding: 2.5em 1.5em 2.5em 1.5em; } }
@media (min-width: 60em) {
  .page-intro {
    text-align: left;
    min-height: auto;
  }
}
    .page-intro .inner-wrap, .page-intro .inner-wrap-narrow, .page-intro .inner-wrap-wide, .page-intro .inner-wrap-fullwidth {
     padding-top: 3em;
        padding-bottom: 3em;
    }
}
.inner-wrap-narrow {
    max-width: 64.5em;
}

.inner-wrap-wide {
    max-width: 80.8125em;
}


/*============Side Navigation Test==============*/
.side-nav {
    margin: 0 auto;
}

.side-nav h3 {
    margin-top: 0;
}

.sn-nav {
    max-width: 16.375em;
    overflow: hidden;
    margin-bottom: 3.125em;
    box-shadow: 0px 0px 10.32px 1.68px rgba(42, 42, 42, 0.12);
    -moz-box-shadow: 0px 0px 10.32px 1.68px rgba(42, 42, 42, 0.12);
    -webkit-box-shadow: 0px 0px 10.32px 1.68px rgba(42, 42, 42, 0.12);
}

.sn-nav li {
    background-color: #03456b;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    position: relative;
}

.sn-nav li:last-child {
    border-bottom: 0;
}

.sn-nav li.active {
    background-color: #03456b;
}

.sn-nav li a {
    color: #ffffff;
    display: block;
    font-size: 1.125em;
    line-height: 1.3333333333em;
    text-decoration: none;
    padding: 0.6111111111em 2.2222222222em 0.6111111111em 0.8888888889em;
    font-weight: 600;
}

.sn-nav .menu-item-has-children .m-subnav-arrow {
    cursor: pointer;
    padding-right: 0em;
    background-image: url(nav-down-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 5px;
    display: block;
    width: 2.5em;
    height: 2.875em;
    position: absolute;
    background-color: transparent;
    right: 0;
    top: 0;
    bottom: 0;
}

.sn-nav .menu-item-has-children .m-subnav-arrow.active {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sn-nav .menu-item-has-children ul {
    margin-bottom: 0;
    padding: 0;
    display: none;
    background-color: #ffffff;
}

.sn-nav .menu-item-has-children ul li {
    margin-bottom: 0;
    background-color: #ffffff;
    border-bottom: 0;
}

.sn-nav .menu-item-has-children ul li a {
    color: #000000;
    padding: 0.2777777778em 1.3333333333em;
    box-sizing: border-box;
    font-size: 1.125em;
    line-height: 1.3888888889em;
    font-weight: 600;
}

.sn-nav .menu-item-has-children ul li:not([class]) {
    margin-bottom: 0;
    padding: 0;
}

.sn-nav .menu-item-has-children ul li:not([class]):after {
    display: none;
}

.sn-nav .menu-item-has-children ul li:hover a {
    color: #03456b;
    background-color: #cccccc;
}

.sn-nav .menu-item-has-children ul:not([class]) {
    margin-bottom: 0;
}

.sn-nav .menu-item-has-children ul.active {
    display: block;
    background-color: #ffffff;
}

.sn-nav .menu-item-has-children ul.active li {
    background: transparent;
}

/*=============== Layouts  ===============*/
.page-intro {
  background-color: #f5f5f5;
  background-size: cover;
  background-position: center;
  min-height: em(73);
  min-height: 11.6875em;
  text-align: center;
  position: relative;
}

.page-intro:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: -moz-linear-gradient(left, rgba(1, 46, 70, .88) 0%, rgba(1, 46, 70, .88) 27%, rgba(1, 47, 72, .88) 32%, rgba(2, 50, 76, .87) 41%, rgba(2, 50, 76, .87) 42%, rgba(2, 64, 99, .73) 80%, rgba(2, 67, 103, .72) 84%, rgba(3, 77, 120, .61) 100%);
    background: -webkit-linear-gradient(left, rgba(1, 46, 70, .88) 0%, rgba(1, 46, 70, .88) 27%, rgba(1, 47, 72, .88) 32%, rgba(2, 50, 76, .87) 41%, rgba(2, 50, 76, .87) 42%, rgba(2, 64, 99, .73) 80%, rgba(2, 67, 103, .72) 84%, rgba(3, 77, 120, .61) 100%);
    background: linear-gradient(to right, rgba(1, 46, 70, .88) 0%, rgba(1, 46, 70, .88) 27%, rgba(1, 47, 72, .88) 32%, rgba(2, 50, 76, .87) 41%, rgba(2, 50, 76, .87) 42%, rgba(2, 64, 99, .73) 80%, rgba(2, 67, 103, .72) 84%, rgba(3, 77, 120, .61) 100%);
}

.page-intro .inner-wrap {
    /*! padding-top: 3.5625em; */
    /*! padding-bottom: 2.25em; */
}

.page-intro h1 {
    margin: 0;
}

.page-intro p {
    margin: .5em 0 0 0;
}

.page-intro {
    text-align: left;
}

@media (min-width: 80em) {
    .pi-content {
        width: 42.125em;
        /*! padding: 73px 0; */
    }
}

@media (min-width: 60em) {
    .pi-content {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        padding-bottom: 4.375em;
        padding-top: 4.375em;
        padding-bottom: 0.5em;
        padding-top: 0.5em;
    }
}
.pi-content {
    text-align: left;
    float: none;
    clear: both;
    margin-bottom: 24px !important;
}

.pi-img {
    display: block;
    vertical-align: top;
    max-width: 17.0625em;
    margin: auto;
    margin-top: 1.75em;
    margin-bottom: 1.8125em;
}

@media (min-width: 60em) {
    .pi-img {
        max-width: 21.875em;
        display: inline-block;
        margin: 0;
    }
}
@media (min-width: 60em) {
  .site-header .sb-logos {
    margin-top: 8px;
  }
}

@media (min-width: 80em) {
    .pi-img {
        max-width: inherit;
        float: right;
        padding-right: 6.3125em;
        box-sizing: border-box;
    }
}

@media (max-height: 46em) and (min-width: 60em) {
    .pi-img {
        max-width: 26.25em;
    }
}

.pi-header {
    font-family: "Roboto Condensed", sans-serif;
    border-bottom: 2px solid #ffffff;
    color: #ffffff;
    font-weight: bold;
    position: relative;
    z-index: 2;
}

@media (min-width: 40em) {
    .pi-header {
        display: inline-block;
        font-size: 2.7em;
    }
}

@media (min-width: 60em) {
    .pi-header {
        line-height: 1.375em;
        font-size: 3em;
    }
}

@media (max-width: 640px) {
    .pi-header {
        display: block;
    }

}

.pi-header {
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0;
  color: #03456b;
  border-bottom: 2px solid #ffffff;
  line-height: 1.375em;
  color: #ffffff;
  font-weight: 700;
}
}

@media (min-width: 40em) {
    .pi-header {
        font-size: 2.7em;
    }
}

@media (min-width: 60em) {
    .pi-header {
        font-size: 3em;
    }
}



.breadcrumb-menu {
    margin-bottom: 4.375em;
}

.breadcrumb-menu a {
    color: #003e98;
    font-size: 0.875em;
    margin-right: 0.5em;
}

.breadcrumb-menu .breadcrumb_last {
    font-size: 0.875em;
}

.strong-txt {
    color: #03456b;
}

@media (min-width: 60em) {
    .site-content.one-column .site-content-primary {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
        margin-right: 0;
    }

    .site-content.one-column .site-content-primary:last-child {
        margin-right: 0;
    }

    .site-content.one-column .site-content-secondary {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
        margin-right: 0;
    }

    .site-content.one-column .site-content-secondary:last-child {
        margin-right: 0;
    }

    .site-content.two-column .site-content-primary {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 74.4105871005%;
    }

    .site-content.two-column .site-content-primary:last-child {
        margin-right: 0;
    }

    .site-content.two-column .site-content-secondary {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
        margin-right: 0;
    }

    .site-content.two-column .site-content-secondary:last-child {
        margin-right: 0;
    }

    .site-content.three-column .site-content-primary {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

    .site-content.three-column .site-content-primary:last-child {
        margin-right: 0;
    }

    .site-content.three-column .site-content-secondary {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

    .site-content.three-column .site-content-secondary:last-child {
        margin-right: 0;
    }

    .site-content.three-column .additional-content {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
        margin-right: 0;
    }

    .site-content.three-column .additional-content:last-child {
        margin-right: 0;
    }

    .site-content.two-column-alt .site-content-primary {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%;
    }

    .site-content.two-column-alt .site-content-primary:last-child {
        margin-right: 0;
    }

    .site-content.two-column-alt .site-content-secondary {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
        margin-right: 0;
    }

    .site-content.two-column-alt .site-content-secondary:last-child {
        margin-right: 0;
    }
}

.destination>.inner-wrap {
    padding-top: 1.25em;
    padding-bottom: 0;
}


/*========= Button Style ========*/
.button-style-wrap {
    position: relative;
}

.btn-wrap>div {
    margin-bottom: 1.5em;
}

.btn-wrap>div:last-child {
    margin: 0;
}

@media (min-width: 40em) {
    .btn-wrap>div {
        display: inline-block;
        margin-right: 1.6875em;
    }
}

@media (min-width: 80em) {
    .btn-wrap>div {
        margin-bottom: 0;
    }
}

.btn-on-color {
    display: inline-block;
    background-color: #2a2d2f;
    padding: 0.875em 1.5625em;
    box-sizing: border-box;
}

/* ===== DEFAULTS FOR ALL BLOGS =====  */
.fb_iframe_widget span {
    height: 24px !important;
}

#recaptcha_table {
    table-layout: initial !important;
    height: 126px;
    overflow: hidden;
    margin-bottom: 1em;
}

.blog-pagination {
    font-size: 1.7em;
    font-weight: bold;
}

.blog-pagination a {
    margin-right: 2em;
    text-decoration: none;
}

.more-link {
    font-size: 1.4em;
    text-decoration: none;
}

.post-item {
    border-bottom: 5px solid #f5f5f5;
    padding-bottom: 2em;
    margin-bottom: 2em;
}

.hs-author-avatar {
    float: left;
    margin-right: 1.5em;
}

.hs-author-avatar img {
    border-bottom: 1px solid #adadad;
}

.hs-author-social-label {
    font-size: 1.3em;
}

.hs-author-bio {
    font-size: 1.3em;
    line-height: 1.5em;
    margin-bottom: 1em;
}

.hs-author-profile {
    background: #F2F2F2;
    padding: .2em 2em 2em 2em;
}

.hs-author-listing-header {
    padding-top: 1em;
    margin-top: .3em;
    color: #b9b9b9;
}

.hs-author-social-links a {
    text-decoration: none;
}

.hs-author-social-links img {
    opacity: .7;
    width: 1.875em;
    height: 1.875em;
}

.hs-author-social-links img:hover {
    opacity: 1;
}

/*   end defaults   */
.site-wrap {
    background: #ffffff;
    position: relative;
    overflow: hidden;
    margin: 0 auto -24px;
}

#skipToContent {
    opacity: 0;
    position: fixed;
    z-index: -99;
    top: 0.3125em;
    left: 0.5em;
}

#skipToContent.btn,
button#skipToContent,
input#skipToContent[type="submit"],
#skipToContent.btn-download,
#skipToContent.btn-arrow,
#skipToContent.product-grid-item-link {
    background-color: #329e6b;
}

#skipToContent:focus {
    opacity: 1;
    z-index: 99;
}

/*=============== Site Header ===============*/
.site-header-wrap {
    /*background-image:url(bg-site-intro.jpg);
  background-size:cover;
  background-position: center center;
  background-repeat:no-repeat;*/
}

.site-header {
    position: relative;
    z-index: 99;
}

@media (min-width: 60em) {
    .site-header {
        /*height: 13.3125em;*/
        -webkit-transition: 0.25s all linear;
        -moz-transition: 0.25s all linear;
        transition: 0.25s all linear;
    }
}

.sh-top .inner-wrap-wide {
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: 1.5625em;
}

@media (min-width: 60em) {
    .sh-top .inner-wrap-wide {
        padding-top: 1.8125em;
        padding-left: 1.5em;
        padding-right: 1.5em;
        padding-bottom: 1.8125em;
    }
}

.site-logo {
    max-width: 10.3125em;
    width: 100%;
    display: block;
    margin: auto;
    min-height: 4.3125em;
    margin-bottom: 1.4375em;
}

@media (min-width: 40em) {
    .site-logo {
        max-width: 10.3125em;
    }
}

@media (min-width: 60em) {
    .site-logo {
        float: left;
        margin: 0;
    }
}

@media (min-width: 80em) {
    .site-logo {
        max-width: 117px;
    }
}

.site-logo img {
    /*vertical-align: top;*/
    display: block;
    width: 100%;
}

.sh-sticky-wrap {
    background-color: #f5f5f5;
}

.sh-sticky-wrap .inner-wrap-wide {
    padding-top: 0;
    padding-bottom: 0;
    /*max-width: 1163.69px;*/
    padding-right: 21.6px;
    padding-left: 21.6px;
}

@media (min-width: 60em) {
    .sh-sticky-wrap {
        height: 4.0625em;
       /* height: 58.5px;*/
        -webkit-transition: 0.25s all linear;
        -moz-transition: 0.25s all linear;
        transition: 0.25s all linear;
        font-size: 90%;
    }

    .sh-sticky-wrap.stuck {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
    }
}

@media (min-width: 60em) {
    .sh-top-right {
        float: right;
        padding-right: 0.0625em;
        box-sizing: border-box;
        /*width: calc(100% - 165px);*/
        margin-top: 0.25em;
        display: flex;
    }
}
.sh-top-right {
	min-height: 4.0625em;
}
.sh-utility-nav {
    /*overflow: hidden;*/
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    height: 65px;
}

.sh-utility-nav .social-wrap {
    width: 15em;
    display: none;
}

@media (min-width: 60em) {
    .sh-utility-nav {
        display: block;
        float: left;
        width: calc(100% - 410px);
        padding-left: 1em;
        padding-right: 1em;
        box-sizing: border-box;
        background-color: transparent;
    }
}

@media (min-width: 80em) {
    .sh-utility-nav {
        padding-left: 3.25em;
        box-sizing: border-box;
        width: calc(100% - 522px);
    }
}

/* @media (max-height: 46em) and (min-width: 60em) {
    .sh-utility-nav {
      width: calc(100% - 458px); } }*/

.sun-items {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    text-align: center;
    height: 65px;
}

@media (min-width: 60em) {
    .sun-items {
        text-align: left;
        height: auto;
        display: block;
    }
}

@media (min-width: 60em) {
    .rfq-mob {
        display: none;
    }
}

.sh-icons {
    float: right;
}

.sh-ico-search,
.shm-distributor,
.sh-ico-menu {
    background-repeat: no-repeat;
    background-position: center top;
    display: inline-block;
    padding-top: 1.2em;
    width: 2em;
    margin-left: 1em;
    text-align: center;
    text-decoration: none;
}

.sh-ico-search span,
.shm-distributor span,
.sh-ico-menu span {
    font-size: .75em;
}

.shm-distributor {
    background-image: url(https://www.mysspusa.com/hubfs/img/distributor-icon.png);
    padding: 0;
    height: 4.0625em;
    margin: 0;
    background-position: center;
}

@media (min-width: 60em) {
    .shm-distributor {
        display: none;
    }
}

.sh-ph {
    font-size: 1.3125em;
    color: #333333;
    font-family: "Roboto Condensed", sans-serif;
    line-height: 1.5238095238em;
    position: relative;
    width: 1em;
    display: inline-block;
}

.sh-ph span {
    display: none;
}

.sh-ph:hover {
    color: #b44c34;
}

.sh-ph:focus {
    color: #333333;
}

.sh-ph:before {
    content: "";
    position: absolute;
    width: 1.4285714286em;
    height: 1.4285714286em;
    top: 0;
    left: 4px;
    background-image: url(ico-phone.svg);
    background-repeat: no-repeat;
    background-size: 29px 32px;
    background-position: center;
}

@media (min-width: 60em) {
    .sh-ph {
        font-size: 1.125em;
        display: inline-block;
        width: auto;
        padding-left: 2.5555555556em;
        box-sizing: border-box;
        margin-top: 0.4444444444em;
    }

    .sh-ph span {
        display: inline-block;
    }

    .sh-ph:before {
        top: 2px;
    }
}

@media (min-width: 80em) {
    .sh-ph {
        font-size: 1.3125em;
        padding-left: 2.1904761905em;
        box-sizing: border-box;
        margin-top: 0.380952381em;
    }
}

@media (max-height: 46em) and (min-width: 60em) {
    .sh-ph:before {
        background-size: 21px 23px;
    }
}

.sh-email {
    font-size: 1.3125em;
    color: #333333;
    font-family: "Roboto Condensed", sans-serif;
    line-height: 1.5238095238em;
    position: relative;
    width: 1.4285714286em;
    display: inline-block;
}

.sh-email span {
    display: none;
}

.sh-email:hover {
    color: #b44c34;
}

.sh-email:focus {
    color: #333333;
}

.sh-email:before {
    content: "";
    position: absolute;
    width: 1.4285714286em;
    height: 1.4285714286em;
    top: 0;
    left: 4px;
    background-image: url(ico-mail.svg);
    background-repeat: no-repeat;
    background-size: 29px 32px;
}

@media (min-width: 60em) {
    .sh-email {
        display: inline-block;
        width: auto;
        font-size: 1.125em;
        padding-left: 2.5555555556em;
        box-sizing: border-box;
    }

    .sh-email span {
        display: inline-block;
    }
}

@media (min-width: 80em) {
    .sh-email {
        font-size: 1.3125em;
        padding-left: 2.1904761905em;
    }

    .sh-email:before {
        top: 3px;
    }
}

@media (max-height: 46em) and (min-width: 60em) {
    .sh-email:before {
        background-size: 21px 21px;
    }
}

.rfq-mob {
    text-align: right;
}

.btn.btn-rfq-mob {
    padding: 1.3055555556em 1.6666666667em;
    box-sizing: border-box;
}

.sh-ico-search {
    background-image: url(search-green.png);
    padding: 0;
    height: 4.0625em;
    margin: 0;
    background-position: center;
}

@media (min-width: 60em) {
    .sh-ico-search {
        display: none;
    }
}

.sh-ico-menu {
    background-image: url(hamburger-menu.svg);
    margin: 0;
    padding: 0;
    height: 4.0625em;
    background-size: 29px;
    background-position: center;
}

@media (min-width: 60em) {
    .sh-ico-menu {
        display: none;
    }
}

.btn.btn-rfq {
    font-size: 1.25em;
    float: right;
    padding: 0;
    max-width: 11.2em;
    width: 100%;
    line-height: 3.25em;
    text-align: center;
    display: none;
}

.btn.btn-rfq:hover .btn-txt {
    right: 0.5em;
}

.btn.btn-rfq:hover:atfer {
    right: 0.7em;
}

@media (min-width: 60em) {
    .btn.btn-rfq {
        display: block;

        font-size: 1.0625em;
        max-width: 11em;
        line-height: 3.8235294118em;
    }
}

@media (min-width: 80em) {
    .btn.btn-rfq {
        font-size: 1.25em;
        max-width: 10.5em;
        line-height: 3.25em;
        /*! height: 65px; */
    }
}

@media (min-width: 85em) {
    .btn.btn-rfq {
        max-width: 10.25em;
    }
}
@media (min-width: 60em) {
  .btn-cont {
    font-size: 1.0625em !important;
    line-height: 3.8235294118em !important;
    background-color: #002e45 !important;
    max-width: 7em;
    text-align: center;
    display: block;
    padding: 0 8px !important;
    float: right;
    min-width: 7em;
    display: inline-block !important;
  }
}
@media (min-width: 60em) {
  .site-nav .active-branch .hs-menu-depth-1:last-child {
    display: none !important;
  }
}
.sn-li-l1, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-1 {
  display: block;
  border-bottom: 1px solid rgba(28, 28, 28, 0.11);
  background-color: #f5f5f5;
  position: relative;
  float: none;
}
/*=============== Site Intro ===============*/
.site-intro {
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-position: center;
}

.site-intro .inner-wrap {
    padding-top: 3.9375em;
    padding-bottom: 5.0625em;
}

@media (min-width: 60em) {
    .site-intro {
        text-align: left;
    }

    .site-intro .inner-wrap {
        padding-top: 2em;
        padding-bottom: 0.875em;
    }
}

@media (min-width: 60em) {
    .si-content {
        display: inline-block;
        vertical-align: middle;
        width: 34.75em;
    }
}

@media (min-width: 80em) {
    .si-content {
        width: 42.125em;
        padding-left: 2px;
        padding-top: 2.8125em;
    }
}

.si-header {
    font-size: 1.75em;
    color: #ffffff;
    line-height: 1.7857142857em;
    border-bottom: 2px solid #ffffff;
}

@media (min-width: 40em) {
    .si-header {
        display: inline-block;
    }
}

@media (min-width: 60em) {
    .si-header {
        font-size: 3em;
        line-height: 1.375em;
    }
}

.si-subheader {
    font-size: 0.875em;
    font-weight: 600;
    color: #ffffff;
    margin-top: 0.2857142857em;
}

@media (min-width: 60em) {
    .si-subheader {
        font-size: 1.3125em;
        margin-top: 0.4285714286em;
        margin-bottom: 1.8571428571em;
    }
}

.btn-catalog {
    font-size: 1.25em;
    padding: 0;
    max-width: 10.65em;
    width: 100%;
    line-height: 2.9em;
    text-align: center;
}

.btn-info {
    font-size: 1.25em;
    padding: 0;
    max-width: 10.65em;
    width: 100%;
    line-height: 2.9em;
    text-align: center;
    margin-top: 1em;
}

.btn-info:hover .btn-txt {
    right: 0.5em;
}

.btn-info:hover:atfer {
    right: 0.7em;
}

@media (min-width: 60em) {
    .btn-info {
        margin-top: 0;
        margin-left: 0.6em;
    }
}

.si-img {
    display: block;
    vertical-align: top;
    max-width: 17.0625em;
    margin: auto;
    margin-top: 1.75em;
    margin-bottom: 1.8125em;
}

@media (min-width: 60em) {
    .si-img {
        max-width: 21.875em;
        display: inline-block;
        margin: 0;
    }
}

@media (min-width: 80em) {
    .si-img {
        max-width: inherit;
        float: right;
        padding-right: 4.125em;
        box-sizing: border-box;
    }
}

@media (max-height: 46em) and (min-width: 60em) {
    .si-img {
        max-width: 26.25em;
    }
}

/*=============== Site Content ===============*/
.site-content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

/*=============== Site Footer ===============*/
.site-footer {
    border-top: 1px solid rgba(3, 69, 107, 0.2);
}

.sf-top .inner-wrap-wide {
    padding-top: 3.3125em;
    padding-bottom: 2.75em;
}

.sf-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sf-logo-wrap {
    width: 100%;
    /* @include mq(large) {
        max-width: 100;
        float: left;
    }*/
}

@media (min-width: 60em) {
    .sf-logo-wrap {
        width: 17.52%;
        float: left;
    }
}

.sf-logo {
    max-width: 7.5em;
    width: 100%;
    display: block;
}

.sf-logo img {
    width: 100%;
    display: block;
}

@media (min-width: 40em) {
    .sf-logo {
        margin-top: 1.5em !important;
    }
}

.sf-title {
    margin: 0;
    margin-bottom: 0.2083333333em;
    font-size: 1.5em;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    color: #022e47;
}

.sf-prodcuts {
    margin-top: 1em;
    width: 100%;
}

@media (min-width: 60em) {
    .sf-prodcuts {
        margin: 0;
        max-width: 50%;
        float: left;
    }
}

@media (min-width: 80em) {
    .sf-prodcuts {
        margin-left: 8.0625em;
        max-width: 10.625em;
    }
}

.sf-link-wrap {
    margin-top: 1em;
    width: 100%;
}

@media (min-width: 60em) {
    .sf-link-wrap {
        max-width: 50%;
        float: left;
    }
}

@media (min-width: 80em) {
    .sf-link-wrap {
        margin: 0;
        margin-left: 6.7em;
        max-width: 10.5625em;
    }
}

.sf-additional {
    margin-top: 1em;
}

@media (min-width: 80em) {
    .sf-additional {
        margin-top: 4em;
    }
}

.sf-pro-info {
    margin-top: 1em;
    width: 100%;
}

@media (min-width: 60em) {
    .sf-pro-info {
        max-width: 50%;
        float: left;
    }
}

@media (min-width: 80em) {
    .sf-pro-info {
        margin: 0;
        margin-left: 4.825em;
        max-width: 21.5em;
    }
}

.sf-links li a {
    font-size: 1.125em;
    line-height: 1.9444444444em;
    color: #333333;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    text-align: left;
}

.sf-links li a:hover {
    color: #329e6b;
}

.sf-bottom .inner-wrap-wide {
    padding-top: 0;
    padding-bottom: 3.1875em;
}

.sf-info-wrap {
    padding-top: 3.4375em;
    border-top: 1px solid rgba(3, 69, 107, 0.2);
}

.sf-title-wrap {
    width: 100%;
}

@media (min-width: 40em) {
    .sf-title-wrap {
        max-width: 50%;
        float: left;
    }
}

@media (min-width: 80em) {
    .sf-title-wrap {
        max-width: 15.6875em;
    }
}

.sf-number-wrap {
    width: 100%;
    margin-bottom: 1em;
}

@media (min-width: 40em) {
    .sf-number-wrap {
        max-width: 50%;
        float: left;
    }
}

@media (min-width: 80em) {
    .sf-number-wrap {
        max-width: 23.875em;
        margin-bottom: 0;
        margin-top: 1px;
    }
}

.sf-address {
    width: 100%;
    margin-bottom: 1em;
}

.sf-address p {
    margin: 0;
    font-size: 1.125em;
}

@media (min-width: 40em) {
    .sf-address {
        width: 50%;
        float: left;
    }
}

@media (min-width: 80em) {
    .sf-address {
        margin-bottom: 0;
        max-width: 18em;
        margin-top: 3px;
        padding-right: 1.625em;
        box-sizing: border-box;
    }
}

.sfi-title {
    font-size: 1.75em;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    margin: 0;
}

.sf-ph {
    display: block;
}

.sf-ph span {
    font-size: 1.3125em;
    font-weight: 600;
    font-family: "Roboto Condensed", sans-serif;
}

.sf-ph a {
    color: #333333;
    text-decoration: none;
    font-weight: 600;
}

@media (min-width: 40em) {
    .sf-ph a {
        font-size: 1.125em;
    }
}

.sf-email {
    display: block;
}

.sf-email span {
    font-size: 1.3125em;
    font-weight: 600;
    font-family: "Roboto Condensed", sans-serif;
}

.sf-email a {
    color: #333333;
    text-decoration: none;
    font-weight: 600;
}

@media (min-width: 40em) {
    .sf-email a {
        font-size: 1.125em;
    }
}

.sf-ph {
    display: block;
    position: relative;
    padding-left: 2.2em;
}

.sf-ph:hover a {
    color: #329e6b;
}

.sf-ph:before {
    content: "";
    position: absolute;
    width: 1.4285714286em;
    height: 1.4285714286em;
    top: 5px;
    left: 0px;
    background-image: url(ico-mail.svg);
    background-repeat: no-repeat;
    background-size: 29px 32px;
    background-position: center;
}

.sf-email {
    display: block;
    position: relative;
    padding-left: 1.875em;
}

.sf-email:before {
    content: "";
    position: absolute;
    width: 1.4285714286em;
    height: 1.4285714286em;
    top: 5px;
    left: 0px;
    background-image: url(ico-phone.svg);
    background-repeat: no-repeat;
    background-size: 29px 32px;
    background-position: center;
}

.sf-email:hover a {
    color: #329e6b;
}

@media (min-width: 60em) and (max-height: 46em) {
    .sf-ph:before {
        width: 18px;
        height: 20px;
        top: 3px;
        background-size: 18px 20px;
    }

    .sf-email:before {
        width: 18px;
        height: 20px;
        top: 3px;
        background-size: 18px 20px;
    }
}

.sf-main-nav-links {
    margin-top: 2em;
    width: 100%;
    /* @include mq(large) {
        margin: 0;
        max-width: 50%;
        float: left;
    }*/
}

@media (min-width: 60em) {
    .sf-main-nav-links {
        width: 82%;
        float: left;
    }
}

.sfmnl-links .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    font-size: 1.3em;
    font-weight: 700;
    font-family: "Roboto Condensed", Arial, Helvetica, Sans-Serif;
    color: #022e47;
    padding: 0 0.5em;
}

.sfmnl-links .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover {
    text-decoration: underline;
}

.sf-top-new .inner-wrap-wide {
    padding-top: 2.1875em;
    padding-bottom: 2.6875em;
}

@media (min-width: 40em) {
    .sfmnl-links ul {
        display: inline-block;
        margin: 0;
        list-style: none;
        clear: left;
        padding-left: 0.875em;
    }

    .sfmnl-links ul li {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        margin-left: 12px;
        float: left;
        list-style: none;
    }
}

.btn-sf {
    padding: 0;
    font-size: 1.25em;
    max-width: 11.2em;
    width: 100%;
    line-height: 3.25em;
    text-align: center;
}

@media (min-width: 80em) {
    .btn-sf {
        margin-top: 0.25em;
    }
}

.sf-copyright {
    background-color: #f5f5f5;
    text-align: center;
}

.sf-copyright .inner-wrap-wide {
    padding-top: 0.4375em;
    padding-bottom: 0.6875em;
}

.sfc-txt {
    font-size: 1.125em;
    display: inline-block;
    margin: 0;
    margin-bottom: 0.5555555556em;
}

.sfc-txt a {
    color: #333333;
}

.sfc-txt a:hover {
    color: #329e6b;
}

@media (min-width: 60em) {
    .sfc-txt {
        margin-bottom: 0;
    }
}

@media (min-width: 85em) {
    .sfc-txt {
        float: left;
    }
}

.sfc-links {
    display: inline-block;
    margin-left: 1em;
    margin-bottom: 0.625em;
}

@media (min-width: 60em) {
    .sfc-links {
        margin-bottom: 0;
    }
}

@media (min-width: 85em) {
    .sfc-links {
        margin-left: 3em;
    }
}

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

.sfc-list li {
    display: inline-block;
    position: relative;
    padding-right: 1.125em;
    padding-left: 0.5em;
    box-sizing: border-box;
}

.sfc-list li:first-child {
    padding-left: 0;
}

.sfc-list li:after {
    content: '';
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: 1.125em;
    background-color: #333333;
}

.sfc-list li:last-child:after {
    display: none;
}

.sfc-list li a {
    font-size: 1.125em;
    color: #333333;
    padding: 0 0.5em;
}

.sfc-list li a:hover {
    color: #329e6b;
    text-decoration: underline;
}

.sf-social {
    display: inline-block;
    margin-left: 1em;
}

@media (min-width: 85em) {
    .sf-social {
        float: right;
    }
}

.sf-item {
    display: inline-block;
    margin-right: 0.75em;
    vertical-align: middle;
}

.sf-item:last-child {
    margin-right: 0;
}

.sf-item:hover .sf-img-on {
    display: none;
}

.sf-item:hover .sf-img-off {
    display: block;
}

.sf-item img {
    vertical-align: bottom;
}

.sf-img-off {
    display: none;
}

.sf-small {
    background-color: #cccccc;
    text-align: center;
}

.sf-small .inner-wrap {
    padding-top: 1em;
    padding-bottom: 1em;
}

/*=============== Search ===============*/
.search-table {
    display: table;
    width: 100%;
    float: right;
    padding: 0;
    background-color: #ffffff;
}

/* .search-table #keyword {
    padding-bottom: 1em !important;
} */

@media (min-width: 60em) {
    .search-table {
        display: block;
        background-color: transparent;
    }

    .search-table #keyword {
        padding-bottom: 0 !important;
        /* padding-top: 0.25em !important; */
        font-family: "Titillium Web", sans-serif !important;
        font-size: 16px;
    }
}

.search-row {
    display: table-row;
    width: 100%;
}

@media (min-width: 60em) {
    .search-row {
        display: block;
    }
}

.search-cell1 {
    display: table-cell;
}

@media (min-width: 60em) {
    .search-cell1 {
        padding-right: 0.4375em;
        padding-left: 1em;
        box-sizing: border-box;
        float: left;
        width: 57%;
    }
}

.search-cell2 {
    display: table-cell;
    width: 3.25em;
    border: 0;
}

@media (min-width: 60em) {
    .search-cell2 {
        display: inline-block;
        float: right;
    }
}

.search-cell3 {
    position: relative;
}

.search-cell3:after {
    content: "";
    position: absolute;
    width: 1px;
    /*height: 2.25em;*/
    height: 70%;
    /*top: 0.4375em;*/
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
}

@media (min-width: 60em) {
    .search-cell3 {
        float: left;
        width: 27%;
    }
}

.search-text {
    font-size: 1.125em;
    width: 100%;
    /*height: 2.7777777778em !important;*/
    height: 37.5px !important;
    border: 0 !important;
    float: left;
    padding-left: .5em;
    box-sizing: border-box;
    margin-bottom: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 !important;
}

.search-text::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333333;
    opacity: 1;
    /* Firefox */
}

.search-text:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #333333;
}

.search-text::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #333333;
}

@media (min-width: 60em) {
    .search-text {
        background-color: transparent;
    }

    .search-text::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #333333 !important;
        opacity: 1 !important;
        /* Firefox */
        font-size: 0.875em;
        height: 3.5714285714em !important;
    }

    .search-text:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #333333 !important;
        font-size: 0.875em;
        height: 3.5714285714em !important;
    }

    .search-text::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #333333 !important;
        font-size: 0.875em;
        height: 3.5714285714em !important;
    }
}

@media (min-width: 80em) {
    .search-text::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #333333 !important;
        opacity: 1 !important;
        /* Firefox */
        font-size: 1.125em;
        margin-bottom: 0 !important;
        height: 2.7777777778em !important;
    }

    .search-text:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #333333 !important;
        font-size: 1.125em;
        margin-bottom: 0 !important;
        height: 2.7777777778em !important;
    }

    .search-text::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #333333 !important;
        font-size: 1.125em;
        margin-bottom: 0 !important;
        height: 2.7777777778em !important;
    }
}

.search-select {
    background-image: url(ico-arrow.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    font-family: "Titillium Web", sans-serif;
    font-size: 1.125em;
    background-position: 96% center;
    font-weight: 600;
    padding-right: 1.1666666667em !important;
    padding-left: 0.3333333333em !important;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

/*.search-select:focus {
    outline: 2px dashed #ff0000 !important;
    outline-offset: 2px; }*/
.search-select::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333333 !important;
    opacity: 1 !important;
    /* Firefox */
}

.search-select:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #333333 !important;
}

.search-select::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #333333 !important;
}

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

@media (min-width: 40em) {
    .search-select {
        padding-right: 3.8888888889em !important;
        box-sizing: border-box;
    }
}

@media (min-width: 60em) {
    .search-select {
        padding-right: 1.5555555556em !important;
        box-sizing: border-box;
        background-color: transparent;
    }

    .search-select::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #333333 !important;
        opacity: 1 !important;
        /* Firefox */
    }

    .search-select:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #333333 !important;
    }

    .search-select::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #333333 !important;
    }
}

@media (min-width: 80em) {
    .search-select {
        padding-right: 1.5555555556em !important;
        box-sizing: border-box;
        font-weight: 600;
    }

    .search-select::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #333333 !important;
        opacity: 1 !important;
        /* Firefox */
    }

    .search-select:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #333333 !important;
    }

    .search-select::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #333333 !important;
    }
}

.search-submit {
    width: 100%;
    font-size: 16px;
    /*height: 50px !important;*/
    height: 2.34375em !important;
    border: 0;
    float: right;
    background: url(search.png) no-repeat center center !important;
    background-color: #329e6b !important;
    padding: 0 !important;
}

.search-submit:hover {
    background-color: #03456b !important;
}

@media (min-width: 60em) {
    .search-submit {
        border-top-right-radius: 0.375em !important;
        border-bottom-right-radius: 0.375em !important;
    }
}

@media (min-width: 40em) {
    .site-search {
        width: 100%;
    }

    .search-text {
        height: 2.3em;
    }

    .search-submit {
        height: 2.3em;
    }
}

.search-module {
    background-color: #03456b;
    height: 6.8em;
    margin-top: -6.8em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10000;
    padding: 0 1em;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.search-module.active {
    margin-top: 0;
}

.search-module .inner-wrap,
.search-module .inner-wrap-narrow,
.search-module .inner-wrap-wide,
.search-module .inner-wrap-fullwidth {
    padding: 0.3em 1.5em 1em;
    box-sizing: border-box;
}

@media (min-width: 60em) {
    .search-module {
        position: static;
        float: right;
        height: auto;
        margin: 0;
        padding: 0;
        margin-top: 0.8125em;
        background-color: transparent;
        width: 21.625em;
        border-radius: 0.5em;
    }
}

@media (min-width: 80em) {
    .search-module {
        width: 32.4375em;
    }
}

@media (max-width: 30em) {
    .search-module {
        height: 7em;
        margin-top: -7em;
        font-size: 3.8vw;
    }
}

.search-exit {
    float: right;
    margin-left: 10px;
    margin-bottom: 5px;
    top: 0;
    right: 0;
}

@media (min-width: 60em) {
    .search-exit {
        display: none;
    }
}

@media (max-width: 30em) {
    .search-exit img {
        width: 0.875em;
    }
}


.sh-distributor {
    display: none;
}

.sh-distributor a {
    font-size: 1.125em;
    line-height: 1.5em;
    color: #333;
    font-weight: 600;
    text-decoration: none;
}

@media (min-width: 60em) {
    .sh-distributor {
        display: block;
        float: right;
        text-align: left;
        width: 21.625em;
    }
}

@media (min-width: 80em) {
    .sh-distributor {
        width: 32.4375em;
    }
}

.btn-rfq-mob,
.site-footer a.btn.btn-sf,
.site-intro a.btn.btn-info,
a.btn.btn-rfq {
    background-color: #b44c34;
    /*! height: 58.5px; */
}

@media (max-width: 959px) {
    .btn-rfq-mob {
        height: 65px;
    }
}

@media (min-width: 80em) {
    /*margin-right: 44px;*/
}

::placeholder {
    font-family: 'Titillium Web', sans-serif;
}

.site-nav {
    /*margin-left: 31px;*/
}


.best-logo {
    display: none;

    @media (min-width: 960px) {
        display: block;
        float: right;
        margin-top: 2.4375em;
        max-width: 5em;
        min-height: 2.3125em;
        width: 100%;
    }
}

.srch-box * {
    box-sizing: border-box;
}

/*@media (min-width: 60em){
.srch-box{
    margin-right: 0.5em;
    /*margin-right: 2em;*/
/*}
}*/

/*@media (min-width: 80em){
.srch-box{
    margin-right: 1em;
    margin-right: 2em;
}
}*/

.best-logo.best-logo-two {
      margin-top: 0;
    display: inline-block;
}

.best-logo-two {
    display: none;
}

@media (max-width: 959px) {
    .best-logo-two {
        display: block;
        /* float: right; */
        max-width: 5em;
        min-height: 2.3125em;
        width: 100%;
        margin: 0 auto 10px;
    }
}

@media (max-width: 959px) {
    .sb-logos {
        display: flex;
    }
}

@media ((min-width: 60em)) {
    a.best-logo {
        margin-left: 0.625em;
        width: fit-content;
    }
}


@media ((min-width: 60em)) {
    a.best-logo {
        margin-left: 0.625em;
        width: fit-content;
        height: 70px;
    }

}

@media screen and (min-width: 1280px) {
    .best-logo {
        margin-top: 2.4375em;
    }
}

.best-logo {
    display: block;
    float: right;
    margin-top: 2.4375em;
    max-width: 5em;
    min-height: 2.3125em;
    width: 100%;
}

@media (min-width: 80em) {
    .best-logo:last-child img {
        height: 4.375em;
        /* width: auto; */
        max-width: 3em;
    }
}

@media (min-width: 60em) {
    .best-logo:last-child img {
        height: 4.375em;
        /* width: auto; */
        max-width: 5em;
    }
}

/*@media (min-width: 60em){
  .best-logo:last-child img {
    height: 95px;
    width: auto;
}
}*/



@media (min-width:960px) and (max-width:1040px) {
    /* #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-1>a {
       padding: 0 .2375em !important;
   }*/
}

.best-logo {
    max-width: 5em;
    width: 100%;
    display: block;
    /*     min-height: 3.3125em; */
    min-height: 2.3125em;
    margin-top: 39px;
    float: right;
}

@media screen and (min-width: 1280px) {
    .best-logo {
        margin-top: 39px;
    }
}

@media (max-width: 959px) {
    .best-logo {
        display: none;
    }
}

@media (max-width:959px) {


    .dislist {
        margin-bottom: 0.5em !important;
    }
}

/*@media (min-width:960px) and (max-width:1040px) {
 #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-1>a {
   padding: 0 .2375em !important;
 }
 }*/

.best-logo {
    max-width: 5em;
    width: 100%;
    display: block;
    /*     min-height: 3.3125em; */
    min-height: 2.3125em;
    /*  margin-top: 39px;*/
    float: right;
}

/*
 @media screen and (min-width: 1280px) {
 .best-logo {
   margin-top: 39px;
 }
 }*/

@media (max-width: 959px) {
    .best-logo {
        display: none;
    }
}

.dislist {
    position: relative;

}

.dislist-hover-wrap {
    background-color: #f5f5f5;
    top: 90px;
    width: 100%;
    max-height: 329px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
    overflow-y: auto;
    padding: 10px;
    z-index: 9999;
    /*   opacity: 0; */
    display: none;
    padding: 10px;
}

.dislist-hover-wrap .resultblock .hs_cos_wrapper_widget.hs_cos_wrapper_type_inline_text {
    font-size: 16px;
}

.dislist-hover-wrap-noresult {
    position: absolute;
    top: 50px;
    background-color: #f5f5f5;
    width: 100%;
    max-height: 329px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
    overflow-y: auto;
    padding: 10px;
    z-index: 9999;
    /*   opacity: 0; */
    display: none;
    padding: 10px;
}

.dislist-hover-wrap.activenew {
    display: block;
    opacity: 1;
    position: relative;
    top: 0;
    padding-top: 30px
}

.dislist-hover-wrap-noresult.activenew {
    display: block;
    opacity: 1;
}

.dislist {
    /*   padding-top: 9px !important; */
    text-align: center;
}

.dislist .btn {
    width: 100%;
    text-align: center;
}

.distributor-input {
    border: 1px solid #fff !important;
    border-bottom: 1px solid black !important;
    box-sizing: border-box !important;
    color: #fff;
}

.distributor-input::placeholder {
    color: #fff !important;
}

.text {
    /* font-size: 14px; */
    /* padding: 0 6px 15px 6px; */
    /* width: 20%; */
    /* word-break: break-word; */
}

@media (min-width: 961px) {
    .text>div {
        padding-left: 6px;
    }
}

.current {
    display: flex !important;
    justify-content: space-between;
}


/*.dislist-hover span {
 cursor: pointer;
 background-image: url(https://www.myssp.com/hubfs/img/down-arrow%20-white.png);
 background-repeat: no-repeat;
 background-size: 22px;
 background-repeat: no-repeat;
 font-size: 1.125em;
 background-position: 104% center;
 font-weight: 600;
 color: #fff;
 padding-right: 1.1666666667em !important;
 /* padding-left: 0.3333333333em !important; */


@media (min-width: 40em) {

    .dislist {
        /* padding-top: 4px !important; */
        margin-bottom: 0 !important;
        text-align: left;
    }

}

@media (min-width: 60em) {

    .dislist {
        margin-bottom: 0 !important;
        /*     padding-bottom: 1.5em;
   padding-top: 4px !important; */
        width: auto !important;
    }

    /*.dislist-hover-wrap {
   top: 100%;
 }*/

    .hs_cos_wrapper_module_159358502698045 .sh-top .inner-wrap-wide {
        padding-bottom: 0;
        padding-bottom: 1em;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .hs_cos_wrapper_module_159358502698045 .sh-top .inner-wrap-wide:after {
        display: none;
    }

    .sh-logos {
        display: flex;
    }

    .best-logo {
        margin: 0;
        width: 50%;
        min-height: inherit;
        margin: 0;
        float: none;
        padding: 0 em(5);
    }

    .best-logo img {
        width: auto;
        max-width: inherit;
        height: 70px;
    }

    .best-logo:last-child img {
        width: auto !important;
        max-width: inherit !important;
        height: 70px !important;
    }
}

@media (min-width: 80em) {
    .shu-top-wrap {
        padding-right: 80px;
    }

    .dis-test {
        display: flex;
        justify-content: space-between !important;
        max-width: 1002px;
        width: 100%;
        margin-left: auto;
        padding-right: 158px;
        /*     padding-top: 10px;
   padding-bottom: 10px; */
        align-items: center;
    }
}



@media (min-width: 60em) and (max-width: 70em) {
    .dislist-hover span {
        font-size: 0.9em !important;
    }
}

.btnsubmit {
    display: flex !important;
    white-space: nowrap;
    height: 35px;
}

.btnsubmit .btn:after {
    display: none;
}

.btnsubmit>*:first-child {
    flex-basis: 80%;
}

.btnsubmit>*:last-child {
    flex-basis: 40%;
    padding: 0;
    /* vertical-align: bottom; */
    /* margin-top: 20px; */
}

/*.sh-utility-nav .rows-of-2 {
 display: none;
 }*/

@media (min-width: 40em) {
    /*.sh-utility-nav .rows-of-2 {
   margin: 10px 0;
 }
 
 .rows-of-2>*:nth-last-child(1):last-child {
   margin-bottom: 0 !important;
 }*/

    .btnsubmit>*:first-child {
        font-size: 13px;
    }

    /*.rows-of-2>*:nth-child(2n) {
   margin-right: 0;
 }*/
}

@media (min-width: 80em) {
    .btnsubmit>*:first-child {
        font-size: 15px;
    }
}

@media (min-width: 60em) {
    /*
 .sh-utility-nav .rows-of-2 {
   margin: 0;
   margin-top: 10px;
 }*/

    .btnsubmit>*:first-child {
        flex-basis: 100%;
    }
}

@media (min-width: 80em) {
    .btnsubmit>*:first-child {
        flex-basis: 60%;
    }
}

@media (min-width: 60em) {
    .sh-top {
        min-height:  auto !important;
    }
}


@media (min-width:60em) and (max-height: 46em) {

    /*.site-header {
   height: 144px !important;
 }
 */
    .sh-top {
        min-height: 144px !important;
    }

    .sh-top .inner-wrap-wide {
        padding-top: 13px !important;
    }

    .dislist {
        width: auto !important;
    }

    .btnsubmit>*:first-child {
        font-size: 13px;
    }
}

@media (min-width:60em) and (max-height: 40em) {
    .btnsubmit>*:first-child {
        flex-basis: 100%;
        font-size: 12px;
    }

    /*   .dislist {
   padding-top: 9px !important;
 } */

    .dislist-hover span {
        font-size: 1em;
        background-size: 16px
    }

}

.noresultblock {
    color: #333333;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif !important;
    font-size: 18px;
    line-height: 1.5;
}

.noresultblock a {
    color: #03456b
}

.closeresult {
    float: right;
    font-size: 18px;
    cursor: pointer;
    color: #03456b;
    font-weight: 700;
    position: absolute;
    padding-right: 1.1666666667em !important;
    right: 0;
    top: 3px;
}

.closeresult1 {
    float: right;
    font-size: 18px;
    cursor: pointer;
    color: #03456b;
    font-weight: 700;
    position: relative;
    padding-right: 2.1666666667em !important;
}

@media (min-width: 80em) {
    /*.site-logo {
   max-width: 100px;
 }*/
}


.dis-login-container a {
    color: #fff !important;
    font-size: 15px;
    line-height: 1.5em;
    color: #333;
    text-decoration: none;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
}

.sh-distributor-1 a:hover {
    text-decoration: underline;
}

.dis-login-container .sh-distributor-1 {
    cursor: pointer;
    background-image: url(https://www.myssp.com/hubfs/noun-person-2424526-black.png);
    background-repeat: no-repeat;
    background-size: 18px;
    line-height: 36px;
    background-repeat: no-repeat;
    font-size: 15px;
    background-position: 0% center;
    font-weight: 600;
    display: inline-block;
    color: #fff;
    padding-left: 30px !important;
    white-space: nowrap;
}

@media (min-width:40em) {
    .dis-test {
        display: flex;
        column-gap: 150px;
        justify-content: center;
    }
}

@media (min-width: 60em) {
    .site-logo {
        width: 100% !important;
        max-width: 117px;
    }

    .dis-login-container a {
        font-size: 17px;
        font-weight: 700;
        font-family: "Roboto Condensed", sans-serif;
    }

    /* .site-header {
   height: 23em !important;
 }*/

    .btnsubmit .clickbtn {
        font-size: 15px;
        padding: 5px;
    }






    .dis-loc-container {
        width: 55%;
    }

    .distributor-wrapper .inner-wrap-wide {
        padding-bottom: 5px;
        padding-top: 5px;
    }

}

.distributor-wrapper {
    background: #02314d;
}


input.distributor-input {
    border-color: #fff !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    background-color: transparent !important;
    width: 100%;
    padding: 5px;
    margin: 0;
    font-size: 16px;
}

.btnsubmit .clickbtn {
    background-color: transparent;
    border: 1px solid #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: none;
}

.sh-distributor {
    display: none !important;
}


@media (max-width:960px) {

    /*   .dis-loc-container span a:nth-child(1) {
   display: none;
 } */
    /* .dis-login-container{
 display: none;
 } */
    .current {
        display: block !important;
    }

    .text {
        display: block;
        width: 100%;
    }

    .dislist-hover-wrap {
        top: 120px;
    }

    /*.btnsubmit{
 margin-top:20px;
 }*/
    /* .dislist-hover-wrap-noresult{
 top:118px;
 } */
}

.dis-loc-container .dislist .dislist-hover {
    /*   cursor: pointer; */
    background-image: url(https://www.myssp.com/hubfs/img/noun_Location_white-svg.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-repeat: no-repeat;
    font-size: 15px;
    background-position: 0% center;
    font-weight: 600;
    display: inline-block;
    color: #fff;
    padding-right: 1.166667em !important;
    padding-left: 25px;
    line-height: 36px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
}

@media (min-width:640px) {
    .dis-loc-container .dislist .dislist-hover {
        padding-right: 0em !important;
    }
}

@media (min-width:960px) {
    .dis-loc-container .dislist .dislist-hover {
        padding-right: 1.166667em !important;
    }
}

@media (min-width:60em) {
    .dis-loc-container .dislist .dislist-hover {
        font-size: 17px;

    }
}

.dis-test {
    column-gap: 65px;
}

/*.dis-login-container a{
   font-size: 15px;
 }*/

.distributor-input {
    border: 1px solid #fff !important;
    border-bottom: 1px solid black !important;
    box-sizing: border-box !important;
    font-family: "Roboto Condensed", sans-serif !important;
}

.distributor-input::placeholder {
    color: #fff !important;
    font-family: "Roboto Condensed", sans-serif;
}

.btnsubmit .clickbtn {
    cursor: pointer;
    background-image: url(https://www.myssp.com/hubfs/img/down-arrow%20-white.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-repeat: no-repeat;
    font-size: 15px;
    font-family: "Roboto Condensed", sans-serif !important;
    background-position: 95% center;
    font-weight: 700;
    color: #fff;
    padding-right: 2.1666666667em !important;
    padding-left: 5px;
}

.closeresult:after {
    cursor: pointer;
    content: "";
    position: absolute;
    background-image: url(https://www.myssp.com/hubfs/img/down-arrow%20-black.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-repeat: no-repeat;
    font-size: 1.125em;
    background-position: center center;
    font-weight: 600;
    width: 20px;
    height: 20px;
    right: 0;
    top: 4px;
    transform: rotate(180deg);

}

.closeresult1:after {
    cursor: pointer;
    content: "";
    position: absolute;
    background-image: url(https://www.myssp.com/hubfs/img/down-arrow%20-black.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-repeat: no-repeat;
    font-size: 1.125em;
    background-position: center center;
    font-weight: 600;
    width: 20px;
    height: 20px;
    right: 15px;
    top: 4px;
    transform: rotate(180deg);

}

@media (min-width:960) and (max-height: 1280em) {
    .btnsubmit .clickbtn {
        background-position: 100% center;
    }

}

@media (max-width:960) {
    .text {
        display: block;
    }
}

@media (min-width:60em) {
    .distributor-input {
        font-size: 17px !important;
    }

    .distributor-input::placeholder {
        /*color:#fff!important;*/
        font-family: "Roboto Condensed", sans-serif !important;
    }

    .btnsubmit .clickbtn {
        font-size: 17px;

    }
}

/*.dis-login-container {
   margin-top: 5px;
 }*/

.displaynew {
    display: none !important;
}

a.locatorclass {
    color: #fff;
    text-decoration: none;
}

.locatorclass:hover {
    text-decoration: underline;
    color: #fff !important;
}

.dis-login-container {
    text-align: center !important;
}

.rows-of-2 {
    display: flex;
}

@media (max-width:640px) {
    .distributor-wrapper .rows-of-2 {
        display: block !important;
    }
}

.rows-of-2::after {
    clear: both;
    content: "";
    display: table;
}

.rows-of-2>* {
    margin-bottom: 1.5em;
    display: block;
    position: relative;
}

.rows-of-2>*>*:first-child {
    margin-top: 0;
}

@media (min-width: 40em) {
    .rows-of-2>* {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

    .rows-of-2>*:last-child {
        margin-right: 0;
    }

    .rows-of-2>*:nth-child(2n) {
        margin-right: 0;
    }

    .rows-of-2>*:nth-child(2n+1) {
        clear: left;
    }

    .rows-of-2>*:nth-last-child(2):last-child {
        margin-bottom: 0 !important;
    }

    .rows-of-2>*:nth-last-child(1):last-child {
        margin-bottom: 0 !important;
    }
}


.distributor-wrapper * {
    box-sizing: border-box;
}

.dislist-hover-wrap.activenew {
    position: absolute;
}

@media (min-width: 60em) and (max-height: 40em) {
    .btnsubmit>*:first-child {
        flex-basis: 100%;
        font-size: 12px;
    }
}


.search-module-main {
    background-color: #02314d;
}

.hs-search-field {
    background-color: white;
}

.plp-search-wrap .search-module {
    background-color: white;
}

@media (min-width:40em) {
    .search-module-main .rows-of-2>div.plp-search-wrap {
        margin-bottom: 0;
    }
}

.search-module-main {
    background-color: #02314d;
    height: 10em;
    margin-top: -10em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.47);
    position: fixed;
    left: 0;
    right: 0;
    transition: all 0.2s ease-in-out;
    z-index: 10000;
    font-family: "Titillium Web", sans-serif !important;
}

.search-module-main.active {
    margin-top: 0;
}

@media (min-width:40em) {
    .search-module-main {
        height: 6em;
        margin-top: -6em;
    }
}

@media (min-width:60em) {
    .search-module-main {
        height: 4.25em;
        margin-top: -6em;
    }
}

@media (max-height: 46em) and (min-width: 60em) {
    .search-module-main {
        height: 5.25em;
        margin-top: -6em;
    }
}

.searcha-module {
    width: 100% !important;
    position: static;
    background-color: white !important;
    float: right;
    height: auto;
    margin: 0;
    padding: 0;
    border-radius: 0.5em;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.hs-search-field {
    width: 100% !important;
    background-color: white !important;
}

@media (min-width:60em) {
    .sh-ico-search {
        display: inline-block !important;
        vertical-align: top;
    }
}

@media (max-width: 959px) {
    .sb-logos {
        display: flex !important;
    }

    .best-logo-two {
        max-width: 5em !important;
    }

    .best-logo-two:last-child img {
        max-height: 85px;
        width: auto;
    }
}

.sb-logos {
    display: inline-block;
    vertical-align: top;
}

.search-exit {
    display: inline-block !important;
    vertical-align: top;
    position: absolute;
    top: 10px;
    right: 10px;
}

.search-module-main .inner-wrap-wide {
    position: relative;
    padding-top: 29px;

}

.search-module-main .search-exit {
    max-width: 25px;
    width: 100%;
}

.search-module-main .search-exit img {
    width: 100%;
    display: block;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
}

@media (min-width:60em) {
    .search-module-main .inner-wrap-wide {
        padding-right: 56px;
        padding-top: 13px;
    }

    .search-module-main .search-exit {
        top: 37%;
        margin-bottom: 0;
        transform: translateY(-50%);
    }
}

.hs-search-field_mob_bar {
    height: 38px !important;
    overflow: hidden !important;
    margin: 0 !important;
}

.hs-search-field_mob_bar .search-row {
    display: flex;
}

.hs-search-field_mob_bar .hs-search-cell-1 {
    display: table-cell;
    float: none;
    width: calc(100% - 3.25em);
}

.hs-search-field_mob_bar .hs-search-cell-2 {
    display: table-cell;
    float: right;
    width: 3.25em;
}

@media (max-width:60em) {
    .sh-ico-search>span {
        display: none;
    }

    .sh-utility-nav-dest {
        display: none;
    }
}

.hs-search-field_dest {
    display: none;
}

@media (min-width:60em) {
    .sh-utility-nav {
        display: none !important;
    }

    .sh-utility-nav-dest {
        display: flex;
        align-items: center;
        height: 70px;
    }

    .sh-utility-nav-dest>span {
        margin-left: 22px;
    }

    .sh-utility-nav-dest>span:first-child {
        margin: 0;
    }

    .sh-utility-nav-dest .sh-ico-search {
        display: inline-block;
        vertical-align: top;
        max-width: 160px;
        width: 100%;
        padding: 10px 15px 10px 45px;
        background-color: transparent;
        border: 2px solid #02314d;
        color: #02314d;
        font-size: 17px;
        font-family: "Roboto Condensed", sans-serif !important;
        line-height: 1em;
        height: auto;
        font-weight: 700;
        border-radius: 4px;
        background-position: 15px center;
        text-decoration: none !important;
        box-sizing: border-box;
    }

    .sh-utility-nav-dest .sh-ico-search>span {
        font-size: inherit !important;
    }

    .sh-utility-nav-dest .sh-ico-search:hover {
        background-color: #02314d;
        color: white;
        text-decoration: none !important;
    }

    .hs-search-field_dest {
        display: block;
    }

    span.sun-items:last-child {
        display: none;
    }
}

@media (min-width:80em) {
    .sh-utility-nav-dest>span {
        margin-left: 32px;
    }

    .sh-utility-nav-dest .sh-ico-search {
        padding: 10px 15px 10px 54px;
    }
}

.sh-ico-search {
    background-image: url(https://www.myssp.com/hubfs/img/search-new-icon.svg) !important;
    background-size: 27px 27px !important;
}

@media (min-width:60em) {
    .sh-utility-nav-dest .sh-ico-search:hover {
        background-image: url(https://www.myssp.com/hubfs/img/search-new-icon-white.svg) !important;
        background-color: #329e6b;
        border-color: #329e6b;
        color: white;
    }

    .sh-utility-nav-dest .sh-ico-search.active {
        background-image: url(https://www.myssp.com/hubfs/img/search-new-icon-white.svg) !important;
        background-color: #329e6b;
        color: white;
        border-color: #329e6b;
    }
}

.website-search-wrap .hs-search-field__input {
    padding-bottom: 0 !important;
}

.website-search-wrap .hs-search-field__input::placeholder {
    color: rgb(51, 51, 51);
    font-size: 1.125em;
}

.search-module-main .search-table #keyword::placeholder {
    font-size: 18px;
}

.search-module-main .search-submit {
    background: #329e6b url(https://www.myssp.com/hubfs/img/search-new-icon-white.svg) no-repeat center center !important;
    background-size: 27px !important;
}

.search-submit:hover {
    background-color: #03456b !important;
}

@media (max-height: 46em) and (min-width: 60em) {
    @media (max-height: 46em) and (min-width: 60em) {
        .search-module-main .search-select {
            font-size: 18px;
        }

        .website-search-wrap .hs-search-field__input::placeholder {
            font-size: 18px;
        }

        .search-module-main .search-table #keyword::placeholder {
            font-size: 18px;
        }
    }


}

/********************menu new style***********************/
.sh-top{
    min-height:182px;}
    .product-menu{
      background-color: white;
      display: none;
      position: absolute;
      left: 0;
      width: 100%;
      min-width: 250px;
      min-height: 503px;
      transition: all ease-in-out 0.2s;
      overflow: hidden;
      padding-bottom: 150px;
    }
    @media ((min-width: 60em)){
      .sh-top{
    min-height:150px;}
    .hs-menu-depth-2:hover > div ul.hs-menu-children-wrapper {
      visibility:visible !important;
      opacity:1!important;
    }
    #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-1.new-menu:hover > .hs-menu-children-wrapper
    {
      display:none !important;
  }
  
  .product-menu-two.product-menu{
    min-height: 575px;
  }
  .product-menu-three.product-menu{
    min-height: 505px;
  }
  .product-menu-five.product-menu{
    min-height: 330px;
  }
  .product-menu-six.product-menu{
    min-height: 280px;
  } 
  .product-menu-seven.product-menu{
    min-height: 350px;
  } 
  }
    
   
  @media (max-height: 40em) and (min-width: 60em) {
    .product-menu{
      min-height: 505px;
    }
    .product-menu-two.product-menu{
    min-height: 575px;
  }
    }
    @media ((min-width: 60em)){
  .products-menu{
    padding-top: em(18);
  }
  .pm-wraper{
    
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  }
  .product-menu.pm-3{
    min-width: 702px;
  }
  .product-menu.pm-4{
    min-width: 916px;
  }
  .product-menu.pm-5{
    min-width: 1145px;
  }
  .product-menu.active{
    display: block;
  }
  #hs_menu_wrapper_module_159358502698045_ >ul >li:first-child:hover .product-menu, #hs_menu_wrapper_module_159358502698045_ >ul >li:nth-child(2):hover .product-menu{
    display: block;
  }
  
  .product-menu .sn-level-1, #product-menu .hs-menu-wrapper > ul{
    display: block !important;
    height: auto;
    width: 229px;
  }
  .product-menu .sn-level-1, #product-menu .hs-menu-wrapper > ul .hs-menu-depth-1{
    float: none !important;
    width: 229px;
      background: white;
      height: auto !important;
      text-align: left;
      position: static;
  }
  .product-menu .sn-level-1, #product-menu .hs-menu-wrapper > ul .hs-menu-depth-1 > a >span{
    font-size: 15px;
  }
  .product-menu .sn-li-l1 > a, .product-menu .hs-menu-wrapper .hs-menu-depth-1 > a{
        height: auto !important;
      line-height: 1.25em !important;
  }
  
  #hs_menu_wrapper_primary_nav .product-menu  .hs-menu-wrapper .hs-menu-depth-1.new-menu:hover > .hs-menu-children-wrapper{
    display: block !important;
  }
   #hs_menu_wrapper_primary_nav .product-menu .hs-menu-wrapper .hs-menu-depth-1 > .hs-menu-children-wrapper{
    left: 100%;
    top: 0;
  }
  
  .pmw-level-img{
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    /*width: 250px;*/
    width: 100%;
    height: 138px;
    padding: 18px 16px;
    transition: all ease-in-out 0.2s;
    background-color: #bcc8d2;
    right: 0;
    z-index: 99;
  }
  .product-menu.pma-3 .pmw-level-img, .product-menu.pma-4 .pmw-level-img, .product-menu.pma-5 .pmw-level-img{
    opacity: 1;
  
  }
  .product-menu.pma-3{
    min-width:31.25em !important;/*500px*/
  }
  .product-menu.pma-3.pma-4{
    min-width:46.875em !important;/*750px*/
  }
  .product-menu.pma-3.pma-4.pma-5{
    min-width:62.5em !important;/*1000px*/
  }
  #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-5 > a span, .sn-li-l6 > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-6 > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-3 > a span, .sn-li-l4 > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-4 > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2 > a span{
    font-size: 15px !important;
  }
    }
  @media (max-height: 40em) and (min-width: 60em) {
  
  #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-5 > a span, .sn-li-l6 > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-6 > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-3 > a span, .sn-li-l4 > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-4 > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2 > a span{
    font-size: 12px !important;
  }
  
  }
  /*.sn-li-l2.menu-item-has-children > a span:after, .menu-item-has-children.sn-li-l3 > a span:after, .menu-item-has-children.sn-li-l5 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .menu-item-has-children.hs-menu-depth-5 > a span:after, .menu-item-has-children.sn-li-l6 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .menu-item-has-children.hs-menu-depth-6 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .menu-item-has-children.hs-menu-depth-3 > a span:after, .menu-item-has-children.sn-li-l4 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .menu-item-has-children.hs-menu-depth-4 > a span:after, .sn-li-l2.hs-item-has-children > a span:after, .hs-item-has-children.sn-li-l3 > a span:after, .hs-item-has-children.sn-li-l5 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-item-has-children.hs-menu-depth-5 > a span:after, .hs-item-has-children.sn-li-l6 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-item-has-children.hs-menu-depth-6 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-item-has-children.hs-menu-depth-3 > a span:after, .hs-item-has-children.sn-li-l4 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-item-has-children.hs-menu-depth-4 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2.menu-item-has-children > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2.hs-item-has-children > a span:after{
    display: none !important;
  }*/
  @media ((min-width: 60em)){
  #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2 > .hs-menu-children-wrapper:before{
    box-shadow: none !important;
    width: 2px !important;
    background-color: #e4e8ea;
  
  }
  #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-3 > .hs-menu-children-wrapper:before{
    box-shadow: none !important;
    width: 2px !important;
    background-color: #e4e8ea;
  }
  #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-4 > .hs-menu-children-wrapper:before{
    box-shadow: none !important;
    width: 2px !important;
    background-color: #e4e8ea;
  }
  #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-5 > .hs-menu-children-wrapper:before{
    box-shadow: none !important;
    width: 2px !important;
    background-color: #e4e8ea;
  }
  .sn-li-l2:hover .sn-level-3, .sn-li-l3:hover .sn-level-3, .sn-li-l5:hover .sn-level-3, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-5:hover .sn-level-3, .sn-li-l6:hover .sn-level-3, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-6:hover .sn-level-3, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-3:hover .sn-level-3, .sn-li-l4:hover .sn-level-3, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-4:hover .sn-level-3, .sn-li-l2:hover > .hs-menu-children-wrapper, .sn-li-l3:hover > .hs-menu-children-wrapper, .sn-li-l5:hover > .hs-menu-children-wrapper, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-5:hover > .hs-menu-children-wrapper, .sn-li-l6:hover > .hs-menu-children-wrapper, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-6:hover > .hs-menu-children-wrapper, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-3:hover > .hs-menu-children-wrapper, .sn-li-l4:hover > .hs-menu-children-wrapper, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-4:hover > .hs-menu-children-wrapper, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2:hover .sn-level-3, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2:hover > .hs-menu-children-wrapper{
    min-height: 100%;
    border-top: none;
    padding-bottom: 10px;
  }
  #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2>a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-3>a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-4>a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-5>a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-6>a span, .sn-li-l2>a span, .sn-li-l3>a span, .sn-li-l4>a span, .sn-li-l5>a span, .sn-li-l6>a span{
    white-space: normal !important;
  }
  .sn-li-l2:hover > a, .sn-li-l3:hover > a, .sn-li-l5:hover > a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-5:hover > a, .sn-li-l6:hover > a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-6:hover > a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-3:hover > a, .sn-li-l4:hover > a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-4:hover > a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2:hover > a{
    color: #b44c34 !important;
    font-weight: bold;
  }
  
  .sn-li-l2:hover, .sn-li-l3:hover, .sn-li-l5:hover, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-5:hover, .sn-li-l6:hover, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-6:hover, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-3:hover, .sn-li-l4:hover, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-4:hover, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2:hover{
    background-color: transparent !important;
  }
  .sn-li-l3:hover, .sn-li-l5:hover, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-5:hover, .sn-li-l6:hover, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-6:hover, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-3:hover{
    background-color: transparent !important;
  
  }
  .sn-li-l3:hover > a, .sn-li-l5:hover > a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-5:hover > a, .sn-li-l6:hover > a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-6:hover > a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-3:hover > a{
    color: #b44c34 !important;
    font-weight: bold;
  }
  .sn-li-l1 span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-1 span{
    font-weight: bold !important;
  }
  .sn-li-l2 span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2 span{
    font-weight: normal !important;
  }
  
  #hs_menu_wrapper_primary_nav .hs-menu-wrapper  .product-menu li:hover >a >span{
    font-weight: bold !important;
  }
  /*a.nav-title{
    cursor: default;
  }*/
  #hs_menu_wrapper_primary_nav .hs-menu-wrapper a.nav-title > span{
    font-size: 20px !important;
  }
  .products-menu{
    padding-top: 18px !important;
  }
  #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-1{
    position: relative;
  }
  #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2:hover > a >span{
    font-weight: bold !important;
  }
  #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-1:before{
    content: '';
    background-color: #03456b;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    opacity: 0;
  }
  .sn-li-l1:hover, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-1:hover{
    background-color: transparent !important;
  }
  .sn-li-l1:hover, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-1:hover:before{
    opacity: 1;
  }
  .sn-li-l1.has-subnav:hover > a, .sn-li-l1.menu-item-has-children:hover > a, .sn-li-l1.hs-item-has-children:hover > a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-1.has-subnav:hover > a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-1.menu-item-has-children:hover > a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-1.hs-item-has-children:hover > a{
    color: #b44c34 !important;
  }
  .product-menu.active.pm-3.active-image .products-menu .pm-2.hs-item-has-children > ul{
    /*display: block !important;
    visibility: visible !important;*/
  }
  .product-menu.active.pm-4.active-image .products-menu .pm-3.hs-item-has-children > ul{
    /*display: block !important;
    visibility: visible !important;*/
  }
  .product-menu.active.pm-5.active-image .products-menu .pm-4.hs-item-has-children > ul{
    /*display: block !important;
    visibility: visible !important;*/
  }
    
   .hs-item-has-children.active > ul{
      display:block;
    }
  
    .product-menu ul li{
      min-height: 29px;/*33px;*/
      margin-bottom:2px;
    }
  
    .sn-li-l2 a, .sn-li-l3 a, .sn-li-l5 a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-5 a, .sn-li-l6 a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-6 a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-3 a, .sn-li-l4 a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-4 a, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2 a{
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
    }
  
   .pm-leval-one {
      position: absolute;
      left: 0;
      top: 0;
      width: 250px;
      height: 100%;
      background: white;
      /* display: flex; */
      z-index: 90;
    }
    .pm-leval-two{
      position: absolute;
      left: 0;
      top: 0;
      width: 250px;
      height: 100%;
      background-color: white;
      transition: all ease-in-out 0.2s;
    }
    .product-menu.pm-3 .pm-leval-two{
      left: 250px;
    }
    .pmw-level-img{
  
    }
    
     li.active > ul{
      display: block!important;
      visibility: visible !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal .product-menu ul{
        width:15.625em;/*(250px*/
    }
    #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-1 > a:hover{
      color:#b44c34 !important;
    }
  }
    @media (min-width:60em){
      #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-6.active > a{
      background-color: transparent !important;
      color: #b44c34 !important;
    }
     #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2.active > a{
      background-color: transparent !important;
      color: #b44c34 !important;
    }
     #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2.active > a > span{
      font-weight: bold !important;
    }
    #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-3.active > a{
      background-color: transparent !important;
      color: #b44c34 !important;
    }
     #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-3.active > a > span{
      font-weight: bold !important;
    }
    #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-4.active > a{
      background-color: transparent !important;
      color: #b44c34 !important;
    }
     #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-4.active > a > span{
      font-weight: bold !important;
    }
    #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-5.active > a{
      background-color: transparent !important;
      color: #b44c34 !important;
    }
     #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-5.active > a > span{
      font-weight: bold !important;
    }
    
     #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-6.active > a > span{
      font-weight: bold !important;
    }
    }
    @media (min-width:80em){
    .sh-sticky-wrap{
      font-size: 100% !important;
    }
    }
    @media ((min-width: 60em)){
    .pmw-level-img-row {
      display: flex;
      max-width: 439px;
      width: 100%;
      text-align: left;
      align-items: center;
      margin: 0 auto;
      height: 100%;
  }
  .pmw-text {
      min-width: 196px;
      width: 100%;
  }
  h2.pmw-level-heading {
      font-size: 22px;
      color: #333333;
      text-align: left;
      line-height: 24px;
      margin: 0;
  }
  .pmw-img-wrap {
      max-width: 243px;
      width: 100%;
  }
  .pmw-img-wrap > a{
    display: block !important;
      max-width: 243px;
      width: 100%;
  }
    }
  @media (min-width:60em){
  .pmw-level-img.pmw-level-img-right {
      left: auto;
      right: 0;
      top: 0;
      width: 250px;
      opacity: 1;
      height: 100%;
      bottom: auto;
      
  }
  }
  @media ((min-width: 60em)){
  .pmw-level-img.pmw-level-img-right > div { 
      display: block;
  }
  .pmw-level-img-right .pmw-level-heading{
     font-size: 26px;
     font-weight: bold;
     line-height: 30px; 
  }
  
  .pmw-cta{
    display: inline-block;
    vertical-align: top;
    color: #58585B;
    text-decoration: none;
    font-size: 19px;
    line-height: 32px;
    padding-right: 16px;
    background-image: url(https://www.myssp.com/hubfs/arrow-new.svg);
    background-repeat: no-repeat;
    background-size: 10px 18px;
    background-position: right center;
      &:hover {
          color: #b44c34;
      }
  }
  
  .product-menu.pma-3 .pmw-level-img.pmw-level-img-right, .product-menu.pma-4 .pmw-level-img.pmw-level-img-right, .product-menu.pma-5 .pmw-level-img.pmw-level-img-right{
    opacity: 0;
    z-index: -2;
  }
  .sn-li-l2.menu-item-has-children:hover > a span, .menu-item-has-children.sn-li-l3:hover > a span, .menu-item-has-children.sn-li-l5:hover > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .menu-item-has-children.hs-menu-depth-5:hover > a span, .menu-item-has-children.sn-li-l6:hover > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .menu-item-has-children.hs-menu-depth-6:hover > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .menu-item-has-children.hs-menu-depth-3:hover > a span, .menu-item-has-children.sn-li-l4:hover > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .menu-item-has-children.hs-menu-depth-4:hover > a span, .sn-li-l2.hs-item-has-children:hover > a span, .hs-item-has-children.sn-li-l3:hover > a span, .hs-item-has-children.sn-li-l5:hover > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-item-has-children.hs-menu-depth-5:hover > a span, .hs-item-has-children.sn-li-l6:hover > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-item-has-children.hs-menu-depth-6:hover > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-item-has-children.hs-menu-depth-3:hover > a span, .hs-item-has-children.sn-li-l4:hover > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-item-has-children.hs-menu-depth-4:hover > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2.menu-item-has-children:hover > a span, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2.hs-item-has-children:hover > a span{
    display: inline-block !important;
  }
  
  /*.sn-li-l2.menu-item-has-children > a span:after, .menu-item-has-children.sn-li-l3 > a span:after, .menu-item-has-children.sn-li-l5 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .menu-item-has-children.hs-menu-depth-5 > a span:after, .menu-item-has-children.sn-li-l6 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .menu-item-has-children.hs-menu-depth-6 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .menu-item-has-children.hs-menu-depth-3 > a span:after, .menu-item-has-children.sn-li-l4 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .menu-item-has-children.hs-menu-depth-4 > a span:after, .sn-li-l2.hs-item-has-children > a span:after, .hs-item-has-children.sn-li-l3 > a span:after, .hs-item-has-children.sn-li-l5 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-item-has-children.hs-menu-depth-5 > a span:after, .hs-item-has-children.sn-li-l6 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-item-has-children.hs-menu-depth-6 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-item-has-children.hs-menu-depth-3 > a span:after, .hs-item-has-children.sn-li-l4 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-item-has-children.hs-menu-depth-4 > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2.menu-item-has-children > a span:after, #hs_menu_wrapper_primary_nav .hs-menu-wrapper .hs-menu-depth-2.hs-item-has-children > a span:after{
    display: none;
  }*/
  }
  @media (max-width:1280px){
    div#product-menu-four {
      left: -130px;
  }
  }

  .site-nav-container *{
    box-sizing: border-box;
  }

@media (min-width:960px){
  .sh-sticky-wrap .btn-cont{

    /*! line-height: 65px !important; */
    /*! font-size: 1.0625em !important; */
    /*! height: 65px !important; */
  }
  .sh-sticky-wrap .btn.btn-rfq{
    /*! line-height: 65px !important; */
    /*! height: 65px !important; */
  }
}
@media (min-width:1280px){
    .sh-sticky-wrap .btn-cont{
        font-size: 1.25em !important;
        line-height: 3.25em !important;
    }
}