/*! CSS Used from: https://www.metrohydraulic.com/wp-content/cache/min/1/a47a636ef954e78440025a780cea776d.css ; media=all */
@media all {
    body:after {
        content: url(close.png) url(loading.gif) url(prev.png) url(next.png);
        display: none;
    }

    .lightboxOverlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
        background-color: #000;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: .8;
        display: none;
    }

    .lightbox {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 10000;
        text-align: center;
        line-height: 0;
        font-weight: 400;
    }

    .lightbox .lb-image {
        display: block;
        height: auto;
        max-width: inherit;
        max-height: none;
        border-radius: 3px;
        border: 4px solid #fff;
    }

    .lb-outerContainer {
        position: relative;
        *zoom: 1;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        border-radius: 4px;
        background-color: #fff;
    }

    .lb-outerContainer:after {
        content: "";
        display: table;
        clear: both;
    }

    .lb-loader {
        position: absolute;
        top: 43%;
        left: 0;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
    }

    .lb-cancel {
        display: block;
        width: 32px;
        height: 32px;
        margin: 0 auto;
        background: url(loading.gif) no-repeat;
    }

    .lb-nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
    }

    .lb-nav a {
        outline: none;
        background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
    }

    .lb-prev,
    .lb-next {
        height: 100%;
        cursor: pointer;
        display: block;
    }

    .lb-nav a.lb-prev {
        width: 34%;
        left: 0;
        float: left;
        background: url(prev.png) left 48% no-repeat;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition: opacity 0.6s;
        -moz-transition: opacity 0.6s;
        -o-transition: opacity 0.6s;
        transition: opacity 0.6s;
    }

    .lb-nav a.lb-prev:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    .lb-nav a.lb-next {
        width: 64%;
        right: 0;
        float: right;
        background: url(next.png) right 48% no-repeat;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition: opacity 0.6s;
        -moz-transition: opacity 0.6s;
        -o-transition: opacity 0.6s;
        transition: opacity 0.6s;
    }

    .lb-nav a.lb-next:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    .lb-dataContainer {
        margin: 0 auto;
        padding-top: 5px;
        *zoom: 1;
        width: 100%;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .lb-dataContainer:after {
        content: "";
        display: table;
        clear: both;
    }

    .lb-data {
        padding: 0 4px;
        color: #ccc;
    }

    .lb-data .lb-details {
        width: 85%;
        float: left;
        text-align: left;
        line-height: 1.1em;
    }

    .lb-data .lb-caption {
        font-size: 13px;
        font-weight: 700;
        line-height: 1em;
    }

    .lb-data .lb-number {
        display: block;
        clear: left;
        padding-bottom: 1em;
        font-size: 12px;
        color: #999;
    }

    .lb-data .lb-close {
        display: block;
        float: right;
        width: 30px;
        height: 30px;
        background: url(close.png) top right no-repeat;
        text-align: right;
        outline: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: .7;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

    .lb-data .lb-close:hover {
        cursor: pointer;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    h2 {
        overflow-wrap: break-word;
    }

    html :where(img) {
        height: auto;
        max-width: 100%;
    }

    body {
        font-family: arial;
        font-size: 100%;
        background-color: #374c9f;
    }

    form,
    body {
        margin: 0;
        padding: 0;
    }

    img {
        border: 0 none;
        max-width: 100%;
    }

    main {
        display: block;
    }

    a {
        color: #3a4fa0;
        text-decoration: underline;
    }

    p {
        padding: 0 0 1.5em 0;
    }

    p strong {
        font-weight: 600;
    }


    .header ul {
        padding: 0 0 1.42857142857143em 0;
        list-style: none;
    }

    .header ul,
    .header li {
        background: url(bullet.png) no-repeat left .3571428571428571em;
        padding: 0 0 .5em 1.142857142857143em;
    }

    .header ul li ul {
        padding: 0;
    }

    .contact_ph {
        text-decoration: none;
        color: #000;
    }

    .clearfix:before,
    .clearfix:after {
        content: "";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

    .inner_wrap {
        padding: 0 1.21428571428571em 0 1.21428571428571em;
        max-width: 100em;
        margin: 0 auto 0 auto;
    }

    header {
        background: #19234a;
        padding: 1.1875em 0 0 0;
    }

    header .inner_wrap {
        padding: 0;
    }

    .header_logo {
        max-width: 35.1875em;
        width: 89%;
        position: relative;
        margin: 0 auto 0 auto;
        display: block;
    }

    .header_logo .tagline {
        position: absolute;
        left: 34%;
        color: #fff;
        font-size: 2.5vw;
        line-height: 1.25em;
        bottom: 1.125em;
        text-decoration: none;
    }

    .header_right {
        text-align: center;
        color: #fff;
        padding: .9375em 0 1.125em 0;
    }

    .header_right a {
        color: #fbdf32;
        text-decoration: none;
    }

    .header_right a:hover {
        color: #556ec9;
        text-decoration: none;
    }

    .search_trigger {
        font-weight: 700;
    }

    .search_trigger>img {
        display: inline-block;
        margin: .125em .4375em 0 .1875em;
        vertical-align: top;
    }

    .utility_nav {
        font-weight: 600;
        line-height: 1.1875em;
        margin: 0 0 0 .4375em;
    }

    .utility_nav>span {
        color: #fbdf32;
    }

    .utility_nav .email {
        display: block;
        text-decoration: underline;
    }

    .social_icon {
        padding: .9375em 0 0 .375em;
    }

    .social_icon>a {
        display: inline-block;
        margin: 0 .3125em 0 .375em;
        vertical-align: bottom;
    }

    .social_icon a img {
        display: block;
    }

    .search_wrap {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

    .search_trigger {
        font-size: 1em;
        line-height: 1.1875em;
    }

    .search {
        display: none;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 15em;
        background: #384d9c;
        border-top: .125em solid #fbdf32;
        position: absolute;
        z-index: 9999;
        padding: .5625em .5em .75em .5625em;
        right: -4.6875em;
        top: 1.4375em;
    }

    .search_input {
        border: medium none;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        color: #666;
        float: left;
        font-size: .875em;
        height: 1.78571428571429em;
        line-height: 1em;
        max-width: 24em;
        padding: .142857142857143em .5em .357142857142857em .428571428571429em;
    }

    .search_btn {
        width: 1.875em;
        font-size: 1em;
        float: left;
        height: 1.5625em;
        border: none;
    }

    /* header nav {
        text-align: center;
    } */

    .menu_trigger {
        padding: 0 0 1.0625em .4375em;
    }

    .menu_trigger a {
        font-size: .875em;
        line-height: 1.071428571428571em;
        text-decoration: none;
        color: #fff;
        position: relative;
        padding: 0 0 0 2.571428571428571em;
        text-transform: uppercase;
        display: inline-block;
        font-weight: 600;
        vertical-align: top;
    }

    .menu_trigger a span,
    .menu_trigger a span:before,
    .menu_trigger a span:after {
        cursor: pointer;
        height: .214285714285714em;
        width: 1.92857142857143em;
        background: #fff;
        position: absolute;
        display: block;
        content: '';
        left: 0;
        top: .428571428571429em;
    }

    .menu_trigger a span:before {
        top: -.357142857142857em;
    }

    .menu_trigger a span:after {
        top: .357142857142857em;
    }

    .menu_trigger a span,
    .menu_trigger a span:before,
    .menu_trigger a span:after {
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    header nav ul {
        border-top: 2px solid #fbdf32;
        padding: 1.3125em 0 0 0;
        display: none;
    }

    header nav ul li {
        padding: 0 0 .6875em 0;
        background: none;
        text-align: left;
    }

    header nav ul li a {
        font-size: .875em;
        line-height: 1em;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        text-decoration: none;
        margin: 0 0 0 1.28571428571429em;
        display: inline-block;
        vertical-align: top;
    }

    header nav ul li a:hover {
        color: #fbdf32;
    }

    header nav ul li.has_child>a {
        position: relative;
        padding: .142857142857143em 2em .857142857142857em 0;
    }

    header nav ul li.has_child>a:after {
        background: url(sub-menu-bg.jpg) no-repeat;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: 0.4s ease-in-out;
        -ms-transition: 0.4s ease-in-out;
        -moz-transition: 0.4s ease-in-out;
        -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
        width: 1.28571428571429em;
        height: 1.28571428571429em;
        background-position: -.0714285714285714em 0;
    }

    header nav ul li ul {
        background: #fbdf32;
        display: none;
        padding: 1.1875em 0 0 0;
    }

    header nav ul li ul li a,
    header nav ul li ul li a:hover {
        color: #19234a;
        text-transform: none;
        margin: 0 1.28571428571429em 0 1.28571428571429em;
    }

    header nav ul li ul li.has_child2 ul {
        background: #f1cd43;
        display: block;
        text-indent: .5em;
    }

    main {
        color: #000;
        font-family: Arial;
        font-size: .875em;
        line-height: 1.21428571428571em;
        padding: 1.28571428571429em 0 .857142857142857em 0;
        background: #fff;
    }

    main .inner_wrap {
        max-width: 114.2857142857143em;
    }

    h2 {
        color: #394e9f;
        font-size: 2.428571428571em;
        line-height: 1.16666666666667em;
        font-weight: 600;
        padding: 0 0 .666666666666667em 0;
        text-transform: uppercase;
        font-family: 'Arial Black';
    }

    h2 {
        color: #19234a;
        font-size: 1.28571428571429em;
        line-height: 1.22222222222222em;
        padding: 0 0 .666666666666667em 0;
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'Arial Black';
    }

    #footer_buckts {
        background: #19234a;
        text-align: center;
        padding: 2.5625em 0 3.0625em 0;
    }

    #footer_buckts h2 {
        color: #fff;
        text-transform: uppercase;
        padding: 0 11% .7777777777777778em 14%;
        font-weight: 200;
        font-size: 1.125em;
        line-height: 1.16666666666667em;
    }

    #footer_buckts article {
        border: 1px solid #394e9f;
        color: #fff;
        display: inline-block;
        max-width: 17.25em;
        min-height: 22.8125em;
        padding: 1.5em 1.5em 1.9375em 1.5em;
        text-align: left;
        margin: 0 0 1.3125em 0;
        vertical-align: top;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    #footer_buckts article:last-child {
        margin: 0;
    }

    #footer_buckts article img {
        display: block;
        margin: 0 0 .125em 0;
    }

    #footer_buckts article span {
        display: block;
        font-weight: 700;
        font-size: .875em;
        line-height: 1.21428571428571em;
        text-align: center;
        text-transform: uppercase;
        box-sizing: border-box;
        min-height: 3.85714285714286em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    #footer_buckts article p {
        font-size: .875em;
        line-height: 1.21428571428571em;
        padding: 0;
        min-height: 11.9285714285714em;
    }

    #footer_buckts article a {
        text-align: center;
        display: inline-block;
        background: #374c9f;
        color: #fff;
        padding: 1.28571428571429em 0 1.28571428571429em 0;
        font-weight: 600;
        text-decoration: none;
        font-size: .875em;
        line-height: 1em;
        width: 100%;
    }

    #footer_buckts article a:hover {
        background: #fbdf32;
        color: #19234a;
    }

    footer {
        color: #fff;
        text-align: center;
        padding: 1.75em 0 2.0625em 0;
    }

    footer .inner_wrap {
        padding: 0;
    }

    footer address {
        width: 17.125em;
        margin: 0 auto 0 auto;
        font-size: 1em;
        line-height: 1.1875em;
    }

    footer address strong {
        font-family: arial narrow;
        font-size: 1.5em;
        line-height: 1em;
        letter-spacing: .5px;
        padding: 0 0 .875em 0;
        display: block;
    }

    footer address .company_address {
        display: block;
        padding: 0 1.375em 0 1.375em;
    }

    footer address .email {
        display: inline-block;
        vertical-align: top;
    }

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

    footer a:hover {
        color: #fff;
        text-decoration: underline;
    }

    .footer_links {
        width: 70%;
        margin: 1.1875em auto 1.1875em auto;
    }

    .footer_links .footer_divide {
        display: none;
    }

    .thomas_info {
        box-sizing: border-box;
        font-size: 1em;
        line-height: 1.1875em;
        padding: 0 1.375em 0 1.375em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .thomas_info .copy_right_info {
        display: block;
    }

    .footer_links>a {
        font-size: 1em;
        line-height: 1.1875em;
    }

    .thomas_info a {
        text-decoration: underline;
        display: inline-block;
        vertical-align: top;
    }

    .thomas_info a:hover {
        text-decoration: none;
    }

    img[name="pphLoggerImage"] {
        display: none;
    }

    .print_cont {
        display: none;
    }

    #return-to-top {
        border: 2px solid #fff;
        background: #374c9f;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        bottom: .75em;
        color: #fff;
        display: none;
        font-size: 1em;
        height: 2.1875em;
        position: fixed;
        right: .75em;
        text-decoration: none;
        width: 2.1875em;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        opacity: .6;
    }

    #return-to-top span {
        font-family: Arial;
        display: block;
        font-size: 1.1875em;
        font-weight: 400;
        line-height: 2.3em;
        text-align: center;
    }

    #return-to-top:hover {
        opacity: 1;
    }

    @media only screen and (min-width:640px) {
        header {
            padding: .75em 0 0 0;
        }

        .header_logo .tagline {
            bottom: .9375em;
            font-size: 16px;
            left: 33.9%;
            line-height: 1.1875em;
        }

        .header_right {
            padding: 1.5625em 0 1.4375em 0;
        }

        .search_trigger>img {
            margin: .0625em .25em 0 .3125em;
        }

        .utility_nav {
            display: inline-block;
            vertical-align: top;
            margin: 0;
        }

        .utility_nav:before {
            content: "|";
            margin: 0 .875em 0 .625em;
        }

        .utility_nav:after {
            content: "|";
            margin: 0 .3em 0 1.0625em;
        }

        .utility_nav span:after {
            content: "|";
            margin: 0 1.1875em 0 1.0625em;
            color: #fff;
        }

        .utility_nav .email {
            display: inline-block;
            vertical-align: top;
        }

        .social_icon {
            display: inline-block;
            padding: 0;
            vertical-align: top;
        }

        .social_icon>a {
            margin: 0 .3125em .3125em .375em;
        }

        .search {
            right: -10.125em;
        }

        .menu_trigger {
            padding: 0 0 1.625em .125em;
        }

        main {
            padding: 3.5em 0 .857142857142857em 0;
        }

        .inner_wrap {
            padding: 0 1.78571428571429em 0 1.78571428571429em;
        }

        #footer_buckts {
            padding: 2.1875em 0 1.625em 0;
        }

        #footer_buckts .inner_wrap {
            padding: 0 1.6875em 0 1.6875em;
        }

        #footer_buckts h2 {
            font-size: 1.5em;
            line-height: 1.16666666666667em;
            padding: 0 11% 1.375em 11%;
        }

        #footer_buckts article {
            margin: 0 1.6875em 1.8125em 0;
            width: 50%;
        }

        #footer_buckts article:nth-of-type(2n) {
            margin: 0 0 1.8125em 0;
        }

        footer {
            padding: 1.875em 0 2.1875em 0;
        }

        footer address {
            margin: 0 auto 0 auto;
            width: 33.375em;
        }

        footer address .company_address {
            display: inline-block;
            vertical-align: top;
        }

        footer address .company_address {
            display: inline-block;
            padding: 0 .4375em 0 0;
            vertical-align: top;
        }

        footer address .company_address:after {
            content: "|";
            margin: 0 0 0 .75em;
        }

        footer address .email:before {
            content: "|";
            margin: 0 .8125em 0 .8125em;
        }

        .footer_links .footer_divide {
            display: inline-block;
            vertical-align: top;
        }

        .print_cont {
            display: block;
            padding: 2.5em 0 2.5em 0;
            text-align: right;
        }

        .print_cont .instaemail {
            display: inline-block;
            margin: .0714285714285714em .428571428571429em 0 .428571428571429em;
            vertical-align: top;
        }

        .print_cont .instaemail a {
            font-size: .857142857142857em;
            line-height: 1em;
        }

        .print_cont .instaemail img {
            margin: 0 .416666666666667em 0 0;
            vertical-align: middle;
        }

        .print_cont .printomatictext {
            color: #3a4fa0;
            display: inline-block;
            font-size: .857142857142857em;
            padding: 0 0 0 1.66666666666667em;
            vertical-align: top;
            margin: 0 0 0 .833333333333333em;
            background: url(https://www.metrohydraulic.com/wp-content/uploads/2016/11/print-page-icon.png) no-repeat left center;
            text-decoration: underline;
        }

        .print_cont .printomatictext:hover {
            text-decoration: none;
        }

        h2 {
            font-size: 2.42857142857143em;
            line-height: .794117647058823em;
            padding: 0 0 .882352941176471em 0;
            color: #394e9f;
        }


    }

    @media only screen and (min-width:50em) {
        #footer_buckts article {
            margin: 0 2.5em 1.8125em 0;
        }
    }

    @media only screen and (min-width:60em) {
        header .inner_wrap {
            padding: 0 2.5em 0 2.4375em;
        }

        .header_logo {
            float: left;
            width: 29%;
        }

        .header_logo .tagline {
            font-size: .8vw;
        }

        .header_right {
            text-align: right;
            padding: .625em 0 1.8125em 0;
        }

        .social_icon>a {
            margin: 0 .0625em .3125em .625em;
        }

        .social_icon>a:first-child {
            margin: 0 .0625em .3125em .375em;
        }

        .search {
            right: 0;
            width: 23.9375em;
        }

        .search_input {
            width: 100%;
        }

        .menu_trigger {
            display: none;
        }

        header nav ul {
            display: inline;
            border: none;
            padding: 0 0 0;
            margin: 0;
            text-align: right;
        }

        header nav ul li {
            display: inline-block;
            vertical-align: top;
            margin: 0 0 0 1%;
            padding: 0;
            position: relative;
        }

        header nav ul li a {
            display: block;
            margin: 0 0 0 0;
            
        }

        header nav ul li.has_child>a {
            padding: 0 0 2.85714285714286em 0;
            background: url(dropdown-bg.jpg) no-repeat center 1.14285714285714em;
        }

        header nav ul li.has_child>a:hover,
        header nav ul li.has_child:hover>a {
            background: url(dropdown-bg-hover.jpg) no-repeat center 1.14285714285714em;
            color: #fbdf32;
        }

        header nav ul li.has_child>a:after {
            display: none;
        }

        header nav ul li.has_child ul {
            position: absolute;
            text-align: left;
            padding: .25em 0 .6875em 0;
            display: none;
            border-top: 2px solid #fbdf32;
            background: #19234a;
            z-index: 9999;
        }

        header nav ul li.has_child:hover ul {
            display: block;
        }

        header nav ul li.has_child ul li {
            display: block;
            margin: 0;
        }

        header nav ul li.has_child ul li a {
            color: #fff;
            padding: .857142857142857em 1.14285714285714em .642857142857143em 1.14285714285714em;
            margin: 0;
            white-space: nowrap;
        }

        header nav ul li.has_child ul li:hover a {
            background: #fbdf32;
            color: #19234a;
        }

        header nav ul li.has_child ul li a:hover {
            color: #19234a;
        }

        header nav ul li.has_child ul li.has_child2 ul {
            display: none;
            text-indent: 0;
            position: absolute;
            left: 100%;
            top: 0;
        }

        header nav ul li.has_child ul li.has_child2:hover a {
            background: #f1cd43;
        }

        header nav ul li.has_child ul li.has_child2:hover ul {
            display: block;
        }

        header nav ul li.has_child ul li.has_child2 ul li a:hover {
            background: #1a234a;
            color: #fff;
        }

        .inner_wrap {
            padding: 0 2.57142857142857em 0 2.57142857142857em;
        }

        h2 {
            font-size: 1.71428571428571vw;
            padding: 0 0 .583333333333333em;
        }

        footer {
            padding: 1.8125em 0 1.9375em 0;
        }

        #footer_buckts {
            padding: 2.1875em 0 3.3125em 0;
        }

        #footer_buckts article {
            margin: 0 .5% 0 .5%;
            width: 23%;
            padding: 1.5625em 1% 1.875em 1%;
            max-width: 18.75em;
            min-height: 28.625em;
        }

        #footer_buckts article:nth-of-type(2n) {
            margin: 0 1% 0 1%;
        }

        footer address {
            width: 100%;
        }

        #footer_buckts article p {
            min-height: 15.7142857142857em;
        }

        footer address .email:after {
            content: '|';
            margin: 0 .8125em 0 .8125em;
        }

        /* header nav {        
        text-align:right;
        }  */

    }

    @media only screen and (min-width:80em) {
        .header_logo {
            width: 33%;
        }

        .header_logo .tagline {
            font-size: 1vw;
        }

        .header_right {
            text-align: right;
            padding: .625em 0 1.4375em 0;
        }

        /* header nav {   
            text-align:right;
        }  */

        header nav ul li {
            margin: 0 0 0 .5%;
        }

        #footer_buckts article {
            padding: 1.5625em 1.5em 0 1.5em;
            width: 24%;
            margin: 0 .2% 1.125em .2%;
        }

        #footer_buckts article:nth-of-type(2n) {
            margin: 0 .2% 0 .2%;
        }

        #footer_buckts article span {
            font-size: 1em;
            line-height: 1.1875em;
        }

        #footer_buckts article p {
            font-size: 1em;
            line-height: 1.1875em;
            min-height: 11.375em;
        }

        #footer_buckts article a {
            font-size: 1em;
            line-height: 1em;
            padding: 1.25em 0 1.1875em 0;
        }

        h2 {
            font-size: 2.42857142857143em;
        }
    }

    @media only screen and (min-width:100em) {
        .header_logo {
            width: 38%;
        }

        .header_logo .tagline {
            font-size: 16px;
        }

        header nav ul li {
            margin: 0 0 0 1.2%;
        }

        #footer_buckts .inner_wrap {
            padding: 0 2.1875em 0 2.1875em;
        }

        #footer_buckts article {
            margin: 0 2.65% 0 2.65%;
            padding: 1.5em 1.5625em 1.875em 1.5625em;
            width: 19%;
            max-width: 18.75em;
        }

        #footer_buckts article:nth-of-type(2n) {
            margin: 0 2.5% 0 2.5%;
        }

        #footer_buckts article span {
            min-height: 3.625em;
        }
    }

    /* @media screen and (min-width:60em) {
        .ctas.gdd-002-b {
            float: right;
            padding-left: 2em;
            display:inline;
            /* margin-top:-3.4em; */
}

@media screen and (min-width: 85em) {
    .ctas.gdd-002-b {
        float: right;
        padding-left: 1em;
    }
}

@media only screen and (min-width: 80em) {
    .ctas.gdd-002-b {
        display: inline;
    }
}

.ctas.gdd-002-b {
    padding-bottom: 2em;
}

.gdd-002-b a.cts {
    text-align: center;
    background: transparent;
    color: #fff;
    padding: .7em;
    font-weight: 600;
    text-decoration: none;
    font-size: .875em;
    line-height: 1em;
    width: 100%;
    text-transform: uppercase;
    border: 1px solid #fff;
    margin-right: 5px;
}

.gdd-002-b a.cts:hover {
    background: #374c9f;
    border: 1px solid #374c9f;
}

.gdd-002-b a.rq {
    text-align: center;
    background: #fbdf32;
    color: #394e9f;
    padding: .7em;
    font-weight: 600;
    text-decoration: none;
    font-size: .875em;
    line-height: 1em;
    width: 100%;
    text-transform: uppercase;
    border: 1px solid #fbdf32;
}

.gdd-002-b a.rq:hover {
    background: #000;
    border: 1px solid #000;
    color: #fff;
}

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

    .gdd-002-b a.rq,
    .gdd-002-b a.cts {
        padding: .47em;
    }
}

.printomatictext {
    cursor: pointer;
}

.printomatictext:hover {
    text-decoration: underline;
}


/*! CSS Used from: Embedded */
body {
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--duotone--dark-grayscale: url(https://www.metrohydraulic.com/privacy-policy/#wp-duotone-dark-grayscale);
    --wp--preset--duotone--grayscale: url(https://www.metrohydraulic.com/privacy-policy/#wp-duotone-grayscale);
    --wp--preset--duotone--purple-yellow: url(https://www.metrohydraulic.com/privacy-policy/#wp-duotone-purple-yellow);
    --wp--preset--duotone--blue-red: url(https://www.metrohydraulic.com/privacy-policy/#wp-duotone-blue-red);
    --wp--preset--duotone--midnight: url(https://www.metrohydraulic.com/privacy-policy/#wp-duotone-midnight);
    --wp--preset--duotone--magenta-yellow: url(https://www.metrohydraulic.com/privacy-policy/#wp-duotone-magenta-yellow);
    --wp--preset--duotone--purple-green: url(https://www.metrohydraulic.com/privacy-policy/#wp-duotone-purple-green);
    --wp--preset--duotone--blue-orange: url(https://www.metrohydraulic.com/privacy-policy/#wp-duotone-blue-orange);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
}

/*! CSS Used from: Embedded ; media=screen */
@media screen {
    div.instaemail {
        margin: 15px 12px 12px 12px;
    }

    div.instaemail a,
    div.instaemail a:link,
    div.instaemail a:visited {
        text-decoration: none;
        font-size: 12px;
        color: #666666;
        vertical-align: bottom;
        border: none;
    }

    .instaemail a:hover {
        cursor: pointer;
    }

    .instaemail a img {
        border: none;
        padding: 0;
        margin-right: 6px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    .etp-alignright {
        float: right;
    }
}

/*! CSS Used from: Embedded ; media=print */
@media print {
    .instaemail {
        display: none;
    }
}

/*! CSS Used from: Embedded */
.print_cont .instaemail {
    float: right;
}

@media only screen and (min-width: 60em) {
    header nav ul li {
        margin: 0 0 0 0.4%;
    }
}

/*! CSS Used from: Embedded */
@media print {
    .print_cont {
        display: none;
    }
}

/*! CSS Used fontfaces */
@font-face {
    font-display: swap;
    font-family: 'Arial Black';
    src: url(https://www.metrohydraulic.com/wp-content/themes/metrohydraulic/font/Arial-Black.eot) format('embedded-opentype'), url(https://www.metrohydraulic.com/wp-content/themes/metrohydraulic/font/Arial-Black.woff) format('woff'), url(https://www.metrohydraulic.com/wp-content/themes/metrohydraulic/font/Arial-Black.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}


/*extra css used*/
.menu_trigger.active a {
    color: #ffffff;
}

.menu_trigger.active a span {
    background-color: transparent;
}

.menu_trigger.active a span:before,
.menu_trigger.active a span:after {
    top: 0;
    width: 1.35714285714286em;
    /* BASE FONT = 14px  >>> 19px / 14px = 1.35714285714286em */
    background: #ffffff;
}

.menu_trigger.active a span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.menu_trigger.active a span:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

header nav ul li.has_child.active>a:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.menu_trigger.active a {
    color: #ffffff;
}


/* gdd-css corrections */

ul.top_nav_link li:first-child,
ul.top_nav_link li:nth-child(9),
ul.top_nav_link li:nth-child(10) {
    display: none;
}

.gdd-002-b a.rq {
    text-align: center;
    background: #fbdf32;
    color: #394e9f;
    padding: 0.7em;
    padding-bottom: 0.75em;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.875em;
    line-height: 1em;
    width: 100%;
    text-transform: uppercase;
    border: 1px solid #fbdf32;
}

.gdd-002-b a.cts {
    text-align: center;
    background: transparent;
    color: #ffffff;
    padding: 0.7em;
    padding-bottom: 0.75em;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.875em;
    line-height: 1em;
    width: 100%;
    text-transform: uppercase;
    border: 1px solid #fff;
    margin-right: 5px;
}

.ctas.gdd-002-b {
    padding-bottom: 2em;
}

/* @media screen and (min-width: 1340px) {
.ctas.gdd-002-b {
    float: right;
    padding-left: 2em;
    margin-top: -3.4em;
}
} */

.gdd-002-b a.cts:hover {
    background: #374c9f;
    border: 1px solid #374c9f;
}

.gdd-002-b a.rq:hover {
    background: #000;
    border: 1px solid #000;
    color: #ffffff;
}

@media(max-width:959px) {
    header .inner_wrap {
        text-align: center;
    }

    .menu-trigger {
        text-align: center;
        padding: 0 0 0.025em 0.4375em;
    }

    .tagline {
        text-align: left;
    }

}

@media screen and (min-width:960px) and (max-width:1280px) {
    header {
        min-height: 155px;
    }

    header .inner_wrap {
        text-align: center;
    }

    .ctas.gdd-002-b {
        float: none;
        display: block;
        margin-top: 0;
    }

    span.tagline {
        text-align: left;
    }

}


@media screen and (min-width:1201px) and (max-width:1400px) {

    .ctas.gdd-002-b {
        padding-left: 1em;
    }

    .gdd-002-b a.cts,
    .gdd-002-b a.rq {
        font-size: 0.80em !important;
    }

}

@media screen and (min-width: 1280px) and (max-width: 1350px) {
    .top_nav_link {
        display: inline;
        text-align: right;
    }
}

@media screen and (min-width: 1279px) and (max-width: 1680px) {
    .header_logo {
        width: 23%;
    }

    .header_logo .tagline {
        bottom: -1.0625em;
    }


}

@media screen and (min-width: 1630px) and (max-width: 1680px) {
    header nav ul {
        margin-left: 185px;
    }
}

@media screen and (max-width: 1323px) and (min-width: 1201px) {
    header .tagline {
        text-align: left;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1360px) {
    header nav ul li a {
        font-size: 12px !important;
    }

    /* header nav ul{
    margin-left: 71.5px;
} */
    /* .gdd-002-b{
    margin-top:-3em;
} */
}

@media (max-width:1281px) {
    header nav ul {
        text-align: center;
        float: none;
        font-size: 16px !important;
    }

    .gdd-002-b {
        display: block;
        float: none;
        text-align: center;
        /* margin-top:5px; */
    }
}



@media only screen and (min-width: 80em) {
    header nav {
        text-align: right;
        display: inline;
    }
}

@media only screen and (min-width: 1281px) {
    header nav {
        display: inline;
    }
}

@media screen and (min-width:85em) {
    .ctas.gdd-002-b {
        float: right;
        padding-left: 1em;
    }
}

.ctas.gdd-002-b {
    padding-bottom: 2em;
}

.gdd-002-b a.cts {
    text-align: center;
    background: transparent;
    color: #ffffff;
    padding: 0.7em;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.875em;
    line-height: 1em;
    width: 100%;
    text-transform: uppercase;
    border: 1px solid #fff;
    margin-right: 5px;
}

.gdd-002-b a.cts:hover {
    background: #374c9f;
    border: 1px solid #374c9f;
}

.gdd-002-b a.rq {
    text-align: center;
    background: #fbdf32;
    color: #394e9f;
    padding: 0.7em;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.875em;
    line-height: 1em;
    width: 100%;
    text-transform: uppercase;
    border: 1px solid #fbdf32;
}

.gdd-002-b a.rq:hover {
    background: #000;
    border: 1px solid #000;
    color: #ffffff;
}

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

    .gdd-002-b a.rq,
    .gdd-002-b a.cts {
        padding: 0.47em;
    }
}

@media screen and (min-width:1025px) and (max-width:1200px) {

    .home nav,
    .home ul#menu-menu-1 {
        display: block !important;
    }

    .ctas.gdd-002-b {
        float: none;
    }

    .gdd-002-b a.cts,
    .gdd-002-b a.rq {
        font-size: 0.75em !important;
    }

    header nav ul li a {
        font-size: 0.75em !important;
    }
}

@media screen and (min-width:1201px) and (max-width:1400px) {
    header nav {}

    .ctas.gdd-002-b {
        padding-left: 1em;
    }

    .gdd-002-b a.cts,
    .gdd-002-b a.rq {
        font-size: 0.80em !important;
    }

    header nav ul li a {
        font-size: 0.84em !important;
    }
}

@media (max-width: 960px) {
    .ctas.gdd-002-b {
        margin-top: 0;
    }

    .top_nav_link {
        width: 100%;
    }

    .menu_trigger {
        padding: 0 0 0 .125em;
    }

    header nav ul {
        margin-top: 0;
    }

    .mobile-gdd-resp .search {
        right: 0;
    }

    /* .utility_nav span:after,
    .utility_nav:before,
    .utility_nav:after {
        display: none;
    } */
}

.desktop-view {
    display: none;
}

.mobile-gdd-resp {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: .9375em 0 1em;
}

.mobile-gdd-resp .social_icon {
    padding: 0 0 0 .375em;
}

.mobile-gdd-resp .search_trigger {
    font-size: 1em;
    line-height: 1.1875em;
    color: #fbdf32;
    text-decoration: none;
}

.mobile-gdd-resp .search_trigger.active,
.mobile-gdd-resp .search_trigger:hover {
    color: #556ec9;
    text-decoration: none;
}

.mobile-topline-gdd-resp {
    display: block;
}

.mobile-topline-gdd-resp .utility_nav .email {
    color: #fbdf32;
}

.mobile-topline-gdd-resp .utility_nav {
    display: flex;
    vertical-align: top;
    margin: 0;
    justify-content: space-between;
    padding: 5px 25px 25px;
}

@media only screen and (min-width: 40em) {
    .menu_trigger {
        padding: 0 0 1.625em .125em;
    }
}

@media screen and (min-width:60em) and (max-width:80em) {
    header nav ul li.has_child ul li a {
        white-space: normal;
        min-width: 200px;
    }
}

@media screen and (min-width:60em) {

    /* .home nav,
    .home ul#menu-menu-1,
    nav.gdd-002-a,
    ul.gdd-002-a {
        display: contents;
      display : inline;
    } */

    .has_child2 .sub-menu {
        padding: 0;
        border: 0;
    }

    header nav ul li.has_child ul li.has_child2 ul {
        display: none;
        text-indent: 0;
        position: absolute;
        left: 100%;
        top: 0;
    }

    header nav ul li.has_child ul li.has_child2 ul li.has_child3>ul {
        display: none;
    }

    header nav ul li.has_child ul li.has_child2:hover ul {
        display: block;
    }

    header nav ul li.has_child ul li.has_child2 ul li.has_child3:hover>ul {
        display: block;
    }

    .desktop-view {
        display: block;
    }

    .mobile-gdd-resp,
    .mobile-topline-gdd-resp {
        display: none;
    }

    .search {
        right: 0;
        width: 23.9375em;
    }
}

@media screen and (min-width:1279px) and (max-width:1680px) {
    .header_logo {
        width: 23%;
    }

    .header_logo .tagline {
        bottom: -1.0625em;
    }
}

@media screen and (min-width:1199px) and (max-width:1250px) {

    header nav ul li a,
    .gdd-002-b a.cts,
    .gdd-002-b a.rq {
        font-size: 0.75em;
    }
}

@media screen and (min-width:1280px) and (max-width:1329px) {
    header nav ul li a {
        font-size: 12px !important;
    }
}


.desktop-view {
    display: none;
}

.mobile-view {
    display: block;
}

.menu_trigger_1 {
    display: none;
}

@media only screen and (min-width: 40em) {
    .utility_nav .email {
        padding: 0 10px;
    }
}

@media only screen and (min-width: 60em) {
    header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 1;
    }

    #home_banner,
    main {
        padding-top: 182px;
    }

    .desktop-view {
        display: inline-block;

    }

    .mobile-view {
        display: none;

    }

    .utility_nav .email {
        padding: 0;
    }

    .has_child2 .sub-menu {
        padding: 0;
        border: 0;
    }

    header nav ul li.has_child ul li.has_child3 .sub-menu a {
        background: #19234a !important;
        color: #fff;
    }

    header nav ul li.has_child ul li.has_child3 .sub-menu a:hover {
        background: #f1cd43 !important;
        color: #19234a;
    }
}

.gdd-007-b .social_icon {
    padding: 0;
}

@media only screen and (max-width: 959px) {
    .gdd-007-b .utility_nav {
        display: flex;
        vertical-align: top;
        margin: 0;
        justify-content: space-between;
        padding: 5px 25px 25px 25px;
    }

    .gdd-007-b .utility_nav:before,
    .utility_nav span:after,
    .utility_nav:after {
        content: none;
    }

    .gdd-007-b .utility_nav .call {
        color: #fff;
    }

    .gdd-007-b .utility_nav .email,
    .gdd-007-b .utility_nav .call span {
        color: #fbdf32;
    }

    .gdd-007-b .utility_nav .email:hover,
    .gdd-007-b .utility_nav .call span:hover {
        color: #3a4fa0;
    }

    .mobile-gdd-resp .menu_trigger_1 {
        display: inline-block;
    }

    span.mobile-gdd-resp {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    .mobile-gdd-resp .search {
        right: 0;
    }

    .menu_trigger_1 {
        padding: 0 0 0 0.4375em;
    }

    .gdd-007-b .header_right {
        padding: 0.9375em 0 1em 0;
    }

    .gdd-007-b .ctas.gdd-002-b {
        padding-bottom: 2em;
        padding-top: 1em;
    }

    .gdd-007-b .has_child2 li {
        display: flex;
        align-items: center;
        padding: 0.6875em 0 0.6875em 0;
        margin-left: 1.28571428571429em;
    }

    .has_child2 li.has_child3 {
        display: block;

        padding-bottom: 0;
        padding-top: 0.6em;
    }

    .top_nav_link_1 #menu-menu-2 ul {
        padding: 0 !important;

    }

    .has_child2 ul {
        display: none;
    }

    .top_nav_link_1 #menu-menu-2 .sub-menu li {
        border-bottom: 1px solid #F1CD43;
        padding: 0.6875em 0 0 0;
    }

    .top_nav_link_1 #menu-menu-2 .sub-menu .has_child3 a br {
        display: none;
    }

    .top_nav_link_1 #menu-menu-2 .sub-menu .has_child3 ul {
        border-top: 0;
        margin-left: 0;
        flex-basis: 100%;
        padding-left: 1em !important;
    }

    .top_nav_link_1 #menu-menu-2 .sub-menu .has_child3 {
        display: flex;
        flex-wrap: wrap;
    }

    .top_nav_link_1 #menu-menu-2 .sub-menu .has_child3.active {
        background-color: #fbdf32;
    }

    .top_nav_link_1 #menu-menu-2 .sub-menu a {
        padding-bottom: 0.5em;
        text-indent: 0;
    }

    .has_child2 li {
        display: flex;
        align-items: center;
    }

    .has_child3 {
        background: #fbdf32;
    }

    .has_child2 .has_child3 li {
        margin-left: 0;
    }

    header nav ul li ul {
        background: #fbdf32;
        display: none;
        padding: 0;
    }

    header nav ul li ul li.has_child2 ul li {
        padding: 0.6875em 0 0.6875em 0;
    }

    header nav ul li ul li.has_child2 ul li.has_child3 li {
        margin-left: 1.28571428571429em;
    }

    ul.sub-menu ul {
        padding-top: 0;
    }

    ul.sub-menu {
        padding-top: 0.5em;
    }

}

@media only screen and (min-width: 80em) {

    #home_banner,
    main {
        padding-top: 110px;
    }
}

@media only screen and (min-width: 60em) {

    .page-template-product-rfq main {
        padding: 13.5em 0 0 0;
    }

}

@media only screen and (min-width: 80em) {

    .page-template-product-rfq main {
        padding: 9.5em 0 0 0;
    }

}

/* gdd-002-960 */
@media(max-width:959px) {
    .top_nav_link {
        display: inline-block;
        text-align: center;
        margin-left: 0;
    }

    .gdd-002-b {
        display: block;
        text-align: center;
        margin-top: -18px;
    }

    
    .menu_trigger {
        padding: 0 0 0 .125em;
    }

    
     .mobile-gdd-resp{
        padding: 0;
     }

    a.has_child2_link,
    a.has_child3_link {
        padding-bottom: 0.5em;
    }
     header nav ul li a{
        text-indent: 0;
     }
     .top_nav_link {
        width: 100%;
        padding-top: 1em;
    }
}