#hs_menu_wrapper_primary_nav,.site-nav {
                background-color: #fff;
                text-align: left
            }

            #hs_menu_wrapper_primary_nav span,.site-nav span {
                white-space: nowrap
            }

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

            @media (min-width: 60em) {
                #hs_menu_wrapper_primary_nav,.site-nav {
                    display:block;
                    position: relative;
                    top: 0;
                    left: 0;
                    background-color: transparent
                }

                #hs_menu_wrapper_primary_nav,.site-nav {
                    background-color: transparent
                }

                #hs_menu_wrapper_primary_nav>ul,.sn-level-1 {
                    height: 3em;
                    display: -webkit-box;
                    display: -moz-box;
                    display: box;
                    display: -webkit-flex;
                    display: -moz-flex;
                    display: -ms-flexbox;
                    display: flex
                }

                .sn-li-l1.menu-item-has-children .m-subnav-arrow {
                    display: none
                }
            }

            .sn-li-l1 {
                display: block;
                border-bottom: 1px solid #2f2f2f;
                background-color: transparent;
                position: relative
            }

            .sn-li-l1 span {
                font-size: 1.125em
            }

            .sn-li-l1>div {
                display: none;
                text-align: left;
                background: #fff;
            }

            .sn-li-l1>div.active {
                display: block!important;
            }

            .sn-li-l1>a {
                display: block;
                height: 3em;
                line-height: 3em;
                color: #2f2f2f!important;
                text-decoration: none;
                padding: 0 1em
            }

            .sn-li-l1>a:visited {
                color: #2f2f2f
            }

            .sn-li-l1>a:hover {
                color: #fff!important
            }

            .sn-li-l1.menu-item-has-children .m-subnav-arrow {
                cursor: pointer;
                padding-right: 0;
                background-image: url(https://ffa0e4.p3cdn1.secureserver.net/wp-content/themes/dftinc-default/img/ico-arrow-down.svg);
                background-repeat: no-repeat;
                background-position: center;
                background-size: .75em;
                width: 40px;
                height: 47px;
                position: absolute;
                background-color: #f7f7f7;
                right: 0;
                top: 0;
                bottom: 0
            }

            .sn-li-l1.menu-item-has-children .m-subnav-arrow.active {
                transform: rotate(180deg)
            }

            .sn-li-l1.menu-item-has-children>a span {
                padding-right: 0;
                background-repeat: no-repeat;
                background-position: right center;
                background-size: 12px;
                display: block
            }

            .sn-li-l1.menu-item-has-children>a.active span {
                transform: rotate(180deg)
            }

            .sn-li-l1:hover {
                background-color: #3b88b4
            }

            .sn-level-2 {
                padding: 0;
                margin: 0;
                display: none;
                position: relative;
                background-color: #fff;
                border-top: 1px solid #2f2f2f
            }

            .sn-level-2.active {
                display: block!important
            }

            @media (min-width: 60em) {
                .sn-li-l1 {
                    height:3em;
                    float: left;
                    border-bottom: 0;
                    border-right: 0px solid rgba(13,13,13,0);
                    -webkit-flex-grow: 1;
                    -moz-flex-grow: 1;
                    flex-grow: 1;
                    -ms-flex-positive: 1;
                    text-align: center
                }

                .sn-li-l1 span {
                    font-size: 1.125em
                }

                .sn-li-l1>div {
                    display: none;
                    position: absolute;
                    left: 50%;
                    top: 100%;
                    background: #fff;
                    width: 56.1875em;
                    transform: translateX(-28.5%);
                    border-radius: 20px;
                    padding: 2.25em 1.25em 5em 3.1875em;
                    text-align: left
                }

                .sn-li-l1>div.active {
                    display: none
                }

                .sn-li-l1>div.control-valv-subnav {
                    width: 37.5em
                }

                .sn-li-l1>div.control-valv-subnav .download-catalog {
                    width: 41%
                }

                .sn-li-l1>a {
                    padding: 0 .5em;
                    color: #2f2f2f!important
                }

                .sn-li-l1>a:hover {
                    color: #2f2f2f!important
                }

                .sn-li-l1:hover .sn-level-2 {
                    display: block!important
                }

                .sn-li-l1:hover>div {
                    display: block!important
                }

                .sn-li-l1.menu-item-has-children>a span {
                    padding-bottom: .3125em;
                    background-size: 12px;
                    display: inline;
                    background-image: url(https://ffa0e4.p3cdn1.secureserver.net/wp-content/themes/dftinc-default/img/dropdown.svg);
                    background-repeat: no-repeat;
                    background-position: center bottom
                }

                .sn-li-l1.menu-item-has-children>a.active span,.sn-li-l1.menu-item-has-children>a:focus span,.sn-li-l1.menu-item-has-children>a:hover span {
                    background-image: url(https://ffa0e4.p3cdn1.secureserver.net/wp-content/themes/dftinc-default/img/dropdown-hover.svg)
                }

                .sn-li-l1.menu-item-has-children:hover>a span {
                    background-image: url(https://ffa0e4.p3cdn1.secureserver.net/wp-content/themes/dftinc-default/img/dropdown-hover.svg)
                }

                .sn-li-l1:hover {
                    background-color: transparent
                }

                .sn-level-2 {
                    position: absolute;
                    background-color: transparent;
                    border-top: none
                }

                .sn-level-2.active {
                    display: none
                }
            }

            .sn-li-l2 {
                background-color: transparent
            }

            .sn-li-l2>a {
                padding: 0 1em;
                color: #2f2f2f;
                border-top: 0 solid rgba(26,25,25,0);
                display: block;
                text-decoration: none;
                line-height: 3em
            }

            .sn-li-l2>a span {
                font-size: 1em;
                line-height: 1.25em;
                display: inline-block;
                vertical-align: middle
            }

            .sn-li-l2:last-child>a {
                border-bottom: 0
            }

            .sn-li-l2:hover {
                background-color: rgba(0,0,0,0)
            }

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

            .sn-level-3.active {
                display: block!important
            }

            @media (min-width: 60em) {
                .sn-li-l2 {
                    position:relative;
                    background-color: #fff;
                    text-align: left
                }

                .sn-li-l2>a {
                    padding: 0 1.25em;
                    line-height: 3em;
                    border-top: 0 solid rgba(26,25,25,0);
                    border-right: 0px solid rgba(26,25,25,0)
                }

                .sn-li-l2>a span {
                    font-size: 1em
                }

                .sn-li-l2>a:focus,.sn-li-l2>a:hover {
                    background-color: #3b88b4;
                    color: #fff
                }

                .sn-li-l2:hover {
                    background-color: #3b88b4
                }

                .sn-li-l2:hover>a {
                    color: #fff
                }

                .sn-li-l2:hover .sn-level-3 {
                    display: block!important;
                    margin: -1.5625em;
                    padding: 1.5625em
                }

                .sn-level-3 {
                    position: absolute;
                    top: 0;
                    left: 100%
                }

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

            .site-nav-container {
                background-color: #fff;
                width: 100%;
                height: 100%;
                right: -100%;
                top: 0;
                bottom: 0;
                z-index: 1000;
                position: absolute;
                max-width: 400;
                -webkit-transition: .25s ease-in-out;
                -moz-transition: .25s ease-in-out;
                transition: all .25s ease-in-out;
                text-align: center
            }

            .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;
                    max-width: none;
                    width: 73%;
                    float: right;
                    padding-top: .3125em;
                    font-size: .8125em;
                    display: -webkit-box;
                    display: -moz-box;
                    display: box;
                    display: -webkit-flex;
                    display: -moz-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: end;
                    -moz-box-pack: end;
                    box-pack: end;
                    -webkit-justify-content: flex-end;
                    -moz-justify-content: flex-end;
                    -ms-justify-content: flex-end;
                    -o-justify-content: flex-end;
                    justify-content: flex-end;
                    -ms-flex-pack: end
                }
            }

            @media (min-width: 80em) {
                .site-nav-container {
                    font-size:1em
                }
            }

            .close-menu {
                display: inline-block;
                clear: both;
                background-image: url(https://ffa0e4.p3cdn1.secureserver.net/wp-content/themes/dftinc-default/img/close.svg);
                background-size: 1.3125em 1.3125em;
                background-position: center center;
                background-repeat: no-repeat;
                height: 1.3125em;
                width: 1.3125em
            }

            .snc-header {
                float: right;
                margin-right: 1.3125em;
                margin-top: 1.3125em
            }

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

                .snc-header {
                    padding: 0;
                    display: none
                }
            }

            .secondary-nav {
                display: none;
                background-color: #fff;
                padding: 2.25em 1.0625em 2.4375em
            }

            .secondary-nav .topnav-links li {
                display: inline-block;
                vertical-align: top;
                padding: 0 .4375em;
                color: #2f2f2f;
                line-height: 1em;
                /*position: relative;*/
                font-family: Ubuntu
            }

            

            .secondary-nav .topnav-links li:last-child::after {
                display: none
            }

            .secondary-nav .topnav-links li a {
                display: block;
                font-size: 1em;
                color: #2f2f2f;
                line-height: 1em;
                text-decoration: none
            }

            .secondary-nav .topnav-links li a:hover {
                text-decoration: underline
            }

            @media (min-width: 60em) {
                .secondary-nav {
                    background-color:transparent;
                    display: inline-block;
                    vertical-align: top;
                    padding: 1.0625em .9375em 0 0
                }

                .secondary-nav .topnav-links li {
                    color: #2f2f2f;
                    position: relative;

                }

                .secondary-nav .topnav-links li:last-child::after {
                    display: block
                }

                .secondary-nav .topnav-links li a {
                    color: #2f2f2f
                }

                .secondary-nav .topnav-links li a:hover {
                    text-decoration: underline
                }

                .secondary-nav .topnav-links li::after {
                content: "|";
                position: absolute;
                right: -.3125em;
                top: 0
            }
            }

            .types {
                padding: .9375em 1.25em
            }

            @media (min-width: 60em) {
                .types {
                    float:left;
                    width: 20%;
                    padding: 0
                }
            }

            .cut-sheets {
                padding: .9375em 1.25em
            }

            .download-catalog {
                display: none
            }

            @media (min-width: 60em) {
                .cut-sheets {
                    float:left;
                    margin-left: 8%;
                    margin-right: 7.5%;
                    width: 39.8%;
                    position: relative;
                    padding: 0
                }

                .cut-sheets::after,.cut-sheets::before {
                    content: "";
                    position: absolute;
                    background: #eaeaea;
                    width: .0625em;
                    height: 90%;
                    left: -2.25em;
                    top: 2.375em
                }

                .cut-sheets::after {
                    left: auto;
                    right: -1em
                }

                .cut-sheets .nav-links {
                    -webkit-column-count: 2;
                    -moz-column-count: 2;
                    column-count: 2
                }

                .download-catalog {
                    display: block;
                    float: left;
                    width: 24%
                }
            }

            .download-catalog .sn-subnav-header {
                margin-left: 0
            }

            .download-catalog img {
                display: block;
                margin: 1.75em 0 1.5em 8%
            }

            .sn-subnav-header {
                font-size: 1.125em;
                color: #2f2f2f;
                line-height: 1em;
                font-weight: 500;
                margin: 0 0 .5555555556em .4444444444em
            }

            .sn-subnav-header span {
                font-size: .8888888889em;
                color: #2f2f2f;
                line-height: 1.3125em;
                font-family: Ubuntu;
                margin-bottom: .3125em;
                margin-top: 0;
                display: block;
                font-weight: 400
            }

            .nav-links li {
                line-height: 1em
            }

            .nav-links li a {
                font-size: 1em;
                text-decoration: none;
                color: #2f2f2f;
                line-height: 1.3em;
                padding: .4375em .5em;
                display: inline-block;
                vertical-align: top;
                min-width: 9.125em
            }

            .nav-links li a:focus,.nav-links li a:hover {
                background-color: #3b88b4;
                color: #fff
            }

            .types .nav-links li:last-child a:focus {
                background-color: transparent
            }