@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i';

body {
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    color: #333;
    font-family: roboto, sans-serif;
    font-size: 1em;
    line-height: 1.5;
    margin: 0
}

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

@media(max-height:40em) and (min-width:60em) {
    body {
        font-size: .75em
    }
}

.search-module input[type=text] {
    box-sizing: border-box;
    -webkit-transition: border-color;
    -moz-transition: border-color;
    transition: border-color;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #e5e5e5;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
    font-family: roboto, sans-serif;
    font-size: 1em;
    margin-bottom: .75em;
    padding: .5em;
    width: 100%
}

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

.search-module input[type=text]:focus {
    border-color: #1e30ce;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), 0 0 5px rgba(27, 43, 184, .7);
    outline: none
}

.sh-sticky-wrap .btn-alt {
    background-color: #c00
}

.sh-sticky-wrap .btn-alt:hover {
    background-color: #b00000
}

.sh-sticky-wrap .btn-alt:hover:after {
    background-color: #7d0000
}

.sh-sticky-wrap .btn-alt:hover:before {
    background-color: red
}

.sh-sticky-wrap .btn-alt:after {
    background-color: #900;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.sh-sticky-wrap .btn-alt:before {
    background-color: #b00000;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.sh-sticky-wrap .btn-alt {
    position: relative;
    -webkit-font-smoothing: antialiased;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.3333333333em;
    padding: .8333333333em 1.7777777778em 1em 1.9444444444em;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
    transition: background .1s linear
}



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

@media(min-width:60em) {

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

@media(min-width:80em) {

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

.sn-level-1,
.sn-level-2,
.sn-level-3 {
    list-style-type: none
}

.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: 8.125em;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.sn-li-l1,
.hs-menu-depth-1 {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    background-color: transparent;
    position: relative
}

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

.sn-li-l1>a,
.hs-menu-depth-1>a {
    display: block;
    line-height: 1.5em;
    color: #333;
    text-decoration: none;
    padding: .9375em 3.4375em 1em 1.8125em;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: 500
}

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

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

.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: 0;
    background-image: url(ico-blue-right-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: .75em .3125em;
    display: block;
    width: 55px;
    height: 55px;
    position: absolute;
    background-color: #fff;
    right: 0;
    top: 0;
    bottom: 0
}

.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 {
    background-image: url(ico-red-down-arrow.png);
    background-size: .3125em .75em
}

@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.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 {
    color: #c00
}

.sn-li-l1:hover,
.hs-menu-depth-1:hover {
    background-color: tranparent
}

@media(min-width:60em) {

    .sn-li-l1,
    .hs-menu-depth-1 {
        height: 8.125em;
        float: left;
        border-bottom: 0;
        -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: 1em
    }

    .sn-li-l1>a,
    .hs-menu-depth-1>a {
        padding: 0 .625em;
        box-sizing: border-box;
        color: #333;
        line-height: 8.125em
    }

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

    .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
    }

    .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:hover,
    .hs-menu-depth-1:hover {
        background-color: #e5e5e5
    }

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

@media(min-width:80em) {

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

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

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

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

.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
}

@media(min-width:60em) {

    .sn-level-2,
    .hs-menu-children-wrapper {
        position: absolute;
        z-index: 999;
        min-width: 16.3125em;
        background-color: #e5e5e5;
        padding-bottom: .6875em;
        padding-top: .375em
    }

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

.sn-li-l2,
.sn-li-l3,
.hs-menu-depth-2 {
    background-color: tranparent;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.sn-li-l2>a,
.sn-li-l3>a,
.hs-menu-depth-2>a {
    padding: .9375em 3.4375em 1em 2.5em;
    box-sizing: border-box;
    color: #333;
    border-top: 1px solid #fffefe;
    display: block;
    text-decoration: none;
    line-height: 1.5em
}

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

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

.sn-li-l2:hover,
.sn-li-l3:hover,
.hs-menu-depth-2:hover {
    background-color: tranparent
}

.sn-li-l2.has-subnav.active>a,
.has-subnav.active.sn-li-l3>a,
.sn-li-l2.menu-item-has-children.active>a,
.menu-item-has-children.active.sn-li-l3>a,
.sn-li-l2.hs-item-has-children.active>a,
.hs-item-has-children.active.sn-li-l3>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 {
    color: #c00
}

@media(min-width:60em) {

    .sn-li-l2,
    .sn-li-l3,
    .hs-menu-depth-2 {
        text-align: left;
        position: relative;
        background-color: #e5e5e5;
        border-bottom: 0
    }

    .sn-li-l2>a,
    .sn-li-l3>a,
    .hs-menu-depth-2>a {
        padding: .75em 1.25em .875em;
        box-sizing: border-box;
        border-top: none
    }

    .sn-li-l2>a span,
    .sn-li-l3>a span,
    .hs-menu-depth-2>a span {
        font-size: 1em
    }

    .sn-li-l2:hover,
    .sn-li-l3:hover,
    .hs-menu-depth-2:hover {
        background-color: #fff
    }

    .sn-li-l2:hover .sn-level-3,
    .sn-li-l3:hover .sn-level-3,
    .hs-menu-depth-2:hover .sn-level-3 {
        display: block;
        margin: 0;
        padding: .4375em 0 .5625em;
        box-sizing: border-box
    }

    .sn-li-l2:hover>a,
    .sn-li-l3:hover>a,
    .hs-menu-depth-2:hover>a {
        color: #c00
    }
}

@media(min-width:80em) {

    .sn-li-l2,
    .sn-li-l3,
    .hs-menu-depth-2 {
        background-color: #e5e5e5
    }

    .sn-li-l2>a span,
    .sn-li-l3>a span,
    .hs-menu-depth-2>a span {
        font-size: 1em
    }
}

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

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

@media(min-width:60em) {
    .sn-level-3 {
        width: 32em;
        position: absolute;
        top: 0;
        left: 100%;
        background-color: #e5e5e5;
        box-shadow: -2px 2px 3px .25px rgba(0, 0, 0, .2);
        -webkit-box-shadow: -2px 2px 3px .25px rgba(0, 0, 0, .2);
        -moz-box-shadow: -2px 2px 3px .25px rgba(0, 0, 0, .2);
        -o-box-shadow: -2px 2px 3px .25px rgba(0, 0, 0, .2);
        min-width: 22em
    }

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

@media(min-width:100em) {
    .sn-level-3 {
        width: 43.75em
    }
}

.sn-li-l3>a {
    padding: .9375em 3.4375em 1em 3.75em;
    box-sizing: border-box
}

@media(min-width:60em) {
    .sn-li-l3 {
        display: inline-block;
        vertical-align: top;
    }

    .sn-li-l3>a {
        padding: 1em 1.25em 1em 1.75em;
        box-sizing: border-box
    }
}

@media(min-width:80em) {
    .sn-li-l3>a {
        padding: 1em 3.75em 1em 1.75em;
        box-sizing: border-box
    }
}

.site-nav-container {
    background-color: #fff;
    width: 100%;
    right: -100%;
    max-width: 23.4375em;
    top: 0;
    z-index: 1000;
    position: absolute;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .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;
        max-width: none;
        background-color: transparent;
        display: inline-block;
        vertical-align: middle;
        /*margin-right: 1.6875em*/
    }
}

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

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

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

.close-menu {
    background-color: #3b46d2;
    color: #fff;
    display: inline-block;
    float: right;
    font-family: roboto, sans-serif;
    /*font-size: 1.125em;*/
    font-size: .875em;
    line-height: 1em;
    /*padding: .7777777778em 1.2222222222em .8888888889em 2.1111111111em;*/
    padding: 12px 8px 12px 28px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(ico-close.png);
    background-size: .6111111111em .7777777778em;
    background-repeat: no-repeat;
    background-position: 1em .8888888889em
}



.close-menu:visited {
    color: #fff
}

.close-menu:hover {
    color: #fff
}

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

.snc-header {
    background-color: #000282;
    padding: 0 0 0 1.375em;
    box-sizing: border-box;
    text-align: left
}

.inner-wrap {
    max-width: 74.875em;
    margin-left: auto;
    margin-right: auto;
    padding: 1.5em 1em;
    box-sizing: border-box
}

.inner-wrap::after {
    clear: both;
    content: "";
    display: table
}

.inner-wrap>*:first-child {
    margin-top: 0
}

.inner-wrap>*:last-child {
    margin-bottom: 0
}

@media(min-width:40em) {
    .inner-wrap {
        padding: 2.5em 1.5em;
        box-sizing: border-box
    }
}

.site-wrap {
    background: #fff;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

.site-header-wrap {
    background-image: url(pipes-dest-hero.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.site-header>.inner-wrap {
    padding: 0 1em 0 1em;
    box-sizing: border-box
}

@media(min-width:60em) {
    .site-header {
        height: 11.1875em
    }

    .site-header>.inner-wrap {
        padding: 0 1.5em;
        box-sizing: border-box
    }
}

.shr-contact {
    display: inline-block;
    margin-left: .4375em;
    margin-top: .4375em;
    float: left;
}

@media(min-width:60em) {
    .shr-contact {
        margin-right: 1.6875em;
        margin-top: .5625em
    }
}

.sh-ph {
    color: #fff;
    font-size: 1.375em;
    font-weight: 500;
    line-height: 1.2727272727em;
    margin: 0 0.5909090909em 0 0;
    text-decoration: none;
    display: inline-block;
    min-width: 0.9444444444em;
    min-height: 0.9444444444em;
    background-image: url(https://www.compressedairsystems.com/wp-content/themes/compairsysm-default/img/ico-phone.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.875em 0.875em;
} 


.sh-ph span{
    display: none;
}

.sh-ph span.sh-ph-num {
    display: none;
}

.sh-ph:focus {
    color: #fff
}

.sh-ph:focus:hover {
    color: #c00
}

@media(min-width:40em) {
    .sh-ph {
        font-size: 1 ;
    }
}

@media (min-width: 60em){
.sh-ph {
    font-size: 1em;
    background-image: none;
}

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

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


@media (min-width: 80em){
.sh-ph {
    font-size: 1.375em;
}
}

/*.sh-ph {
    font-size: 18px;
}*/

.sh-email {
    background-image: url(email-white.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 2em 1.63em;
    display: inline-block;
    height: 1.625em;
    text-decoration: none;
    vertical-align: top;
    width: 2em
}

.sh-email:hover {
    background-image: url(email-red.svg)
}

.shr-cart {
    background-color: #4d5ae2;
    background-image: url(shopping-cart-off.svg);
    background-position: .75em .4375em;
    background-repeat: no-repeat;
    background-size: 2.3125em 1.75em;
    float: right;
    height: 2.875em;
    text-decoration: none;
    width: 3.9375em
}

.shr-cart:hover {
    background-image: url(shopping-cart-on.svg)
}

@media(min-width:60em) {
    .shr-cart {
        background-position: .75em .625em;
        height: 3.0625em;
        margin-right: .0625em
    }
}

.site-logo {
    max-width: 9.625em !important;
    width: 100%;
    text-decoration: none;
    display: block;
    margin: auto;
}

.site-logo img {
    max-width: 100%
}

@media(min-width:40em) {
    .site-logo {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        max-width: 9.625em !important;
    }
}


@media(min-width:80em) {
    .site-logo {
        max-width: 14.9375em !important;
    }
}

.sh-icons {
    display: block;
    text-align: center;
    margin-top: em(20);
}

@media(min-width:40em) {
    .sh-icons {
        margin-top: 0;
        display: inline-block;
        vertical-align: middle;
    }
}

@media(max-width:550px) {
    .sh-sticky-wrap>.inner-wrap{
        text-align: center;
    }

    .sh-icons {
    float: none;
    display: block;
    margin-bottom: 1.4375em;
    }
}

@media(min-width:60em) {
    .sh-icons {
        margin-right: 0;
        margin-top: 2.75em
    }
}

.sh-sticky-wrap {
    background-color: #fff
}

.sh-sticky-wrap>.inner-wrap,
.sh-sticky-wrap>.inner-wrap-narrow,
.sh-sticky-wrap>.inner-wrap-wide,
.sh-sticky-wrap>.inner-wrap-fullwidth {
    padding-top: 1.25em;
    padding-bottom: .625em
}

@media(min-width:40em) {
    .sh-sticky-wrap>.inner-wrap,
    .sh-sticky-wrap>.inner-wrap-narrow,
    .sh-sticky-wrap>.inner-wrap-wide,
    .sh-sticky-wrap>.inner-wrap-fullwidth {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .sh-sticky-wrap > .inner-wrap:after, .sh-sticky-wrap > .inner-wrap-narrow:after, .sh-sticky-wrap > .inner-wrap-wide:after, .sh-sticky-wrap > .inner-wrap-fullwidth:after {
        display: none; } 
}

@media(min-width:60em) {
    .sh-sticky-wrap {
        height: 8.125em;
        text-align: right
    }

    .sh-sticky-wrap > .inner-wrap, .sh-sticky-wrap > .inner-wrap-narrow, .sh-sticky-wrap > .inner-wrap-wide, .sh-sticky-wrap > .inner-wrap-fullwidth {
        padding-top: 0;
        padding-bottom: 0; }

    .sh-sticky-wrap.stuck {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 9999;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
        -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3)
    }
      
}
.site-header.stuck {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 9999;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
        -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3)
    }
    .site-header.stuck {
    background-image: url(pipes-dest-hero.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.sh-ico-menu,
.sh-ico-search {
    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-menu span,
.sh-ico-search span {
    font-size: .75em
}

.sh-ico-menu {
    background-image: url(hamburger-menu.png);
    background-position: left center;
    color: #333;
    font-size: 1em;
    font-weight: 500;
    line-height: 1em;
    margin-left: 0;
    margin-right: .9375em;
    padding-left: 1.0625em;
    box-sizing: border-box;
    padding-top: 0;
    text-transform: uppercase;
    vertical-align: middle;
    width: auto
}

.sh-ico-menu.menu-link>span {
    font-size: 1em
}

.sh-ico-menu:hover {
    color: #333
}

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

.sh-ico-search {
    background-image: url(search-off.svg);
    background-position: center center;
    background-size: 1.44em 1.44em;
    height: 1.44em;
    margin: 0;
    padding: 0;
    width: 1.44em
}

.sh-ico-search:hover {
    background-image: url(search-on.svg)
}

@media(min-width:60em) {
    .sh-ico-search {
        margin-right: 1.25em;
        margin-top: .625em;
        vertical-align: top
    }
}

@media(min-width:80em) {
    .sh-ico-search {
        margin-right: 2.5em
    }
}

@media (min-width: 60em) {
  .sh-righ-nav {
    width: auto; } }

@media (min-width: 80em) {
  .sh-righ-nav {
    width: auto; } }

.social-wrap {
    overflow: hidden;
    padding-bottom: .875em;
    padding-top: .5625em
}

.social-wrap a {
    display: inline-block;
    margin-right: .3125em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    text-decoration: none
}
.snc-header .social-wrap.swap{
    display: inline;
    margin-right: 6px;
}

.social-wrap a img {
    display: block;
    width: 90%;
    vertical-align: middle
}

.social-wrap a:last-child {
    margin-right: 0
}

@media(min-width:40em) { 

    .social-wrap a {
        margin-right: .9375em;
    } 
}

@media(min-width:60em) {
    .social-wrap {
        padding-left: .625em;
        box-sizing: border-box;
        display: inline-block;
        padding-bottom: 0
    }

    .social-wrap a {
        margin-right: .8125em;
    }

    .social-wrap a img {
        width: 100%
    }
}

@media (min-width: 80em){
    .social-wrap a {
        margin-right: 1.625em;
    }
}

@media(min-width:60em) {
    .sh-right {
        float: right
    }
}

.shr-links {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 1em;
    padding-top: 1.125em;
    text-align: center;
    margin: 0;
    padding-left: 0
}

.shr-links>li {
    border-right: 1px solid #ededed;
    display: inline-block;
    padding: .4375em .8125em .5em .625em;
    box-sizing: border-box
}

.shr-links>li a {
    color: #fff;
    text-decoration: none;
    font-size: .875em;
}

.shr-links>li a:hover {
    color: #c00
}

.shr-links>li:last-child {
    border-right: none;
    padding-right: .625em;
    box-sizing: border-box
}

@media(min-width:60em) {
    .shr-links {
        border: none;
        display: inline-block;
        padding: 0;
        vertical-align: top
    }

    .shr-links li {
        border-right: 1px solid rgba(84, 99, 244, .7);
        padding: .625em .8125em .9375em .625em;
        box-sizing: border-box
    }

    .shr-links li a {
        color: #fff
    }

    .shr-links li:first-child {
        border-left: 1px solid rgba(84, 99, 244, .7);
        padding-left: 1.0625em;
        box-sizing: border-box
    }

    .shr-links li:last-child {
        padding-right: 1.0625em;
        box-sizing: border-box
    }
}

.sh-sticky-wrap .sh-rfq {
    margin-bottom: 2.1666666667em;
    margin-top: 1.8888888889em;
    padding: .4444444444em 1em .6666666667em .9444444444em;
    box-sizing: border-box;
    font-size: 1.125em;
    line-height: 1.3333333333em
}

@media(min-width:60em) {
    .sh-sticky-wrap .sh-rfq {
        margin-bottom: 0;
        margin-top: 0
    }
}

.page-intro {
    min-height: 6.4375em;
    background-color: transparent
}

.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-content>.inner-wrap {
    padding-top: 19px;
    padding-bottom: 49px
}

.site-footer {
    text-align: center;
    color: #333;
}

#menu-footer-nav {
    margin: 0
}

.site-footer a {
    color: #08108f;
    text-decoration: none
}

.site-footer a:hover {
    color: #c00;
    text-decoration: none
}

.site-footer>.inner-wrap,
.site-footer>.inner-wrap-narrow,
.site-footer>.inner-wrap-wide,
.site-footer>.inner-wrap-fullwidth {
    padding-bottom: 1.375em;
    padding-top: 1.625em
}

@media(min-width:40em) {
    .site-footer {
        text-align: left
    }
}

.sf-address {
    font-size: 0.875em;
    font-style: normal;
    line-height: 1.7142857143em;
    margin-bottom: 2.1428571429em
}

@media(min-width:40em) {
    .sf-address {
        float: left;
        width: 54%;
        padding-top: .9285714286em;
        padding-right: 1.4285714286em;
        box-sizing: border-box;
        margin-bottom: 0
    }
}

.sf-companyname {
    font-size: 1.1428571429em;
    line-height: 1.5em
}

.sf-companyname strong {
    font-weight: 500
}

.sf-contact {
    margin-right: .8571428571em;
    display: inline-block
}

@media(min-width:40em) {
    .sf-right-content {
        float: left;
        text-align: right;
        width: 46%
    }
    
}

.sfr-logo-wrap>img {
    display: inline-block;
    vertical-align: top;
    margin-bottom: .375em;
    margin-left: .0625em
}

.sfr-nav>li {
    display: inline-block;
    padding: 0 .6875em 0 .25em;
    box-sizing: border-box;
    position: relative
}

.sfr-nav>li:after {
    background-color: #333;
    content: "";
    height: .75em;
    position: absolute;
    right: 0;
    top: .4375em;
    width: 1px
}

.sfr-nav>li:last-child {
    padding-right: 0;
    box-sizing: border-box
}

.sfr-nav>li:last-child:after {
    display: none
}

.sfr-nav>li a {
    font-size: .875em;
    line-height: 1.7142857143em
}

.sf-thomas-info {
    font-size: 0.875em;
    line-height: 1.7142857143em;
    margin-bottom: 0;
    margin-top: 0
}

img[name=pphLoggerImage] {
    display: none
}

/*.search-table {
    display: table;
    width: 100%;
    float: right;
    padding: 0
}

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

.search-cell1 {
    display: table-cell;
    padding-right: .4375em;
    box-sizing: border-box
}

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

.search-text {
    font-size: .8em;
    width: 100%;
    height: 2.3em;
    border: 1px solid red;
    float: left;
    padding-left: .5em;
    box-sizing: border-box;
    margin-bottom: 0 !important
}

.search-submit {
    width: 100%;
    height: 2em;
    border: 0;
    padding: 0 !important;
    float: right;
    background: url(search-white.svg) no-repeat center center !important;
    background-size: 23px 23px;
    border-bottom: none !important
}

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

    .search-text {
        height: 2.3em
    }

    .search-submit {
        height: 2.3em
    }
}

.search-module {
    background-color: #c00;
    height: 10em;
    margin-top: -10em;
    border-bottom: 1px solid rgba(0, 0, 0, .47);
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10000;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

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

.search-module .inner-wrap {
    padding: .3em 1.5em 1em
}

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

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

.search-table {
    display: table;
    width: 100%;
    float: right;
    padding: 5px
}

@media (min-width:40em) {
    .search-table {
        padding: 0
    }
}

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

.search-cell1 {
    display: table-cell;
    padding-right: .4375em
}

.search-cell2 {
    display: table-cell;
    width: 2.1875em;
    border: 0;
    vertical-align: middle
}

.search-text {
    font-size: .8em;
    width: 100%;
    height: 2.3em;
    border: 1px solid red;
    float: left;
    padding-left: .5em;
    margin-bottom: 0 !important
}

.search-submit {
    width: 100% !important;
    height: 2em !important;
    border: 0;
    padding: 0 !important;
    cursor: pointer;
    float: right;
    background: url(search-white.svg) no-repeat center center !important;
/*    background: url(../../../../../../themes/compairsysm-default/img/gd-search-ico.svg) no-repeat center center !important;*/
    background-size: 23px 23px;
    border-bottom: none !important
}

@media (min-width:40em) {
    .site-search {
        width: 100%
    }
    .search-text {
        height: 2.3em
    }
    .search-submit {
        height: 2.3em
    }
}

.search-module {
    background-color: #c00;
    height: 10em;
    margin-top: -10em;
    border-bottom: 1px solid rgba(0, 0, 0, .47);
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999999;
    -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
}

@media (min-width:40em) {
    .search-module.active>.inner-wrap,
    .search-module.active>.inner-wrap-narrow,
    .search-module.active>.inner-wrap-wide,
    .search-module.active>.inner-wrap-fullwidth {
        padding: 2.5em 1.5em 2.5em 1.5em
    }
}

.search-module .inner-wrap,
.search-module .inner-wrap-narrow,
.search-module .inner-wrap-wide,
.search-module .inner-wrap-fullwidth {
    padding: .3em 1.5em 1em
}

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

.search-exit {
    float: right;
    margin-left: 10px;
    margin-bottom: 5px;
    position: absolute;
    top: -14px;
    right: -9px
}

@media (min-width:40em) {
    .search-exit {
        position: relative;
        top: 0;
        right: 0
    }
}


.website-search-wrap {
    clear: both !important
}

/*.search-module .rows-of-2 {
    display: block
}

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

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

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

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

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

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

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

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

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


.rows-of-2 {
    display: block
}

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

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

.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
    }
}

.lt-ie9 .rows-of-2 {
    display: block
}

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

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

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

@media (min-width:40em) {
    .lt-ie9 .rows-of-2>* {
        float: left;
        width: 50% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 1em;
        padding-right: 1em;
        display: inline-block !important;
        clear: none !important
    }
}
@media (min-width:60em) {
    .rows-of-2 {
        display: flex;
    }
}


.main-content {
    display: block;
    overflow: hidden;
    position: relative
}

@media(min-width:40em) {
    .main-content {
        display: inline
    }
}

@media(max-width:40em) {
    .height {
        max-height: 15.625em
    }

    .height:before {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
        bottom: 0;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .heightAuto {
        max-height: 312.5em
    }

    .heightAuto:before {
        display: none
    }
    .sf-thomas-info{
    	font-size: 1.125em;
   }
}

.link {
    display: block;
    text-align: center;
    font-weight: 700;
    color: #1e30ce;
    padding-bottom: .625em
}

@media(min-width:40em) {
    .link {
        display: none
    }
}

.single-row.rows-of-3>div {
    float: none;
    width: 100%;
    margin-bottom: 0
}

.lg-item {
    border: 1px solid #1e30ce;
    margin-bottom: 1.75em;
    max-width: 18.75em;
    padding: 1em 1.25em 1.25em;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none
}

.lg-item a {
    text-decoration: none
}

.lg-heading {
    display: block;
    font-size: 1em;
    font-weight: 400;
    height: 3.75em;
    padding: .9375em 0;
    box-sizing: border-box;
    font-weight: 700;
    text-decoration: none
}

.lg-img {
    display: block;
    height: 6.5625em;
    margin: 0 auto
}

.dest-resources-module {
    text-align: center
}

@media(min-width:60em) {
    .dest-resources-module {
        text-align: left
    }
}

.show-more-cta {
    display: block;
    padding: .625em 0;
    box-sizing: border-box
}

.drm-item-wrap>a {
    text-decoration: none
}

.drm-item-wrap>a:hover .drm-item-img img {
    transform: scale(1.05)
}

.drm-item {
    display: inline-block;
    margin: 0;
    max-width: 15.625em;
    text-align: center;
    vertical-align: top
}

.drm-item-title {
    font-size: 1em;
    font-weight: 400;
    min-height: 3.75em
}

.drm-item-img img {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.sitemap-menu {
    font-size: 1em;
    line-height: 1.5
}

.sitemap-menu .sub-menu {
    padding-left: .75em;
    box-sizing: border-box
}

.destination-video-wrap iframe {
    max-width: 28.125em;
    min-height: 21.875em;
    width: 100%;
    border: 1px solid #000
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.gdd-003-cta {
    display: none;
    position: fixed;
    background-color: #cc0001;
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear;
    right: -11em;
    top: 23.1em;
    text-transform: uppercase;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 13px;
    padding-left: 52px;
    z-index: 100
}

@media(min-width:40em) {
    .gdd-003-cta {
        display: block !important
    }
}

@media(max-height:46em) and (min-width:60em) {
    .gdd-003-cta {
        right: -11.09em
    }
}

.gdd-003-cta:before {
    content: "";
    position: absolute;
    background-image: url(gdd003-contact.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 36px 33px;
    width: 36px;
    height: 33px;
    left: 8px;
    bottom: .5em
}

@media(max-height:46em) and (min-width:60em) {
    .gdd-003-cta:before {
        bottom: .4em
    }
}

.gdd-003-cta:hover {
    color: #fff;
    right: 0
}

.gdd007-ico-one,
.gdd007-ico-two {
    display: inline-block !important;
    margin-left: 10px
}

.gdd007-img {
    max-width: 60px
}

@media(min-width:28.125em) {

    .gdd007-ico-one,
    .gdd007-ico-two {
        margin-left: .625em
    }
}

@media(min-width:60em) {

    .gdd007-ico-one,
    .gdd007-ico-two {
        margin-left: 0;
        margin-top: 1.875em
    }

    .sn-li-l1>a,
    .hs-menu-depth-1>a {
        padding: 0 .3125em
    }

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

    .gdd007-ico-one,
    .gdd007-ico-two {
        float: left
    }
}

@media(min-width:66.25em) {

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

@media(min-width:80em) {

    .sn-li-l1>a,
    .hs-menu-depth-1>a {
        padding: 0 .625em
    }

    .gdd007-ico-one,
    .gdd007-ico-two {
        margin-left: .4375em
    }
}

@media(min-width:87.5em) {
    .gdd007-img {
        max-width: 70px
    }
}

@media (min-width: 80em) {

    .sn-li-l1>a,
    .hs-menu-depth-1>a {
        padding: 0 5px;
    }

    .gdd007-ico-one,
    .gdd007-ico-two {
        margin-left: 0.4375em;
    }
}

.gdd-009a-nav {
    display: none !important;
}

.gdd-009b-nav {
    display: block !important;
}

.sh-sticky-wrap .sh-ico-search,
.sh-sticky-wrap .sh-rfq,
.gdd007-ico-two,
.gdd007-ico-one {
    display: none !important;
}

.shr-links li:nth-child(2),
.sh-email,
.shr-cart {
    display: none;
}
 

.sh-ph span {
    font-weight: 400;
}

/*.sh-cnt-mob,
.gdd-009-search {
    display: inline-block !important;
}

.sh-cnt,
.sh-cnt-mob {
    color: #fff;
    text-decoration: none;
    background-color: #cc0001;
    padding: 18px 43px 18px 22px;
    border-radius: 3px;
    text-transform: uppercase;
    background-image: url(gd-contact-ico.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 25px 25px;
}

.sh-cnt:hover {
    color: #fff;
    background-color: #4a57e1;
}

.sh-cnt:focus {
    color: #fff;
}

.sh-cnt-mob {
    margin-top: 15px;
    margin-bottom: 15px;
}*/

.gdd-009-search {
    background-image: url(gd-search-ico.svg);
    background-position: right center;
    background-size: 1.44em 1.44em;
    height: 1.44em;
    margin: 0;
    padding: 0;
    width: 1.44em;
    color: #fff;
    text-decoration: none;
    padding-right: 0;
    background-repeat: no-repeat;
    margin-top: 5px;
   /* float: right;*/
    margin-right: 10px;
}

 .gdd-009-search span{
        display: none;
    }

@media(min-width:60em) {
    .gdd-009-search span{
        display: inline-block;
    }
    .gdd-009-search {
        padding-right: 80px;        
    }
}

.sh-utility-nav {
    padding-top: 10px;
    padding-bottom: 10px;
}

.gdd-009b-nav .gdd-shp:hover {
    background-color: transparent;
}

.gdd-009b-nav .gdd-shp .sn-main-menu-link {
    background-color: #4a57e1;
}

.gdd-009b-nav .gdd-shp .sn-main-menu-link span {
    color: #fff;
}



@media(min-width:60em) {
    .gdd-009b-nav .gdd-shp .sn-level-3 {
        left: auto !important;
        right: 100% !important;
    }

    .gdd-009b-nav .gdd-shp .sn-main-menu-link {
        padding-right: 0 !important;
    }

    .gdd-009b-nav .gdd-shp .sn-main-menu-link {
        background-color: transparent;
    }

    .gdd-009b-nav .sn-li-l1.menu-item-has-children>a span {
        background-image: url(https://www.compressedairsystems.com/wp-content/themes/compairsysm-default/img/gnav-drop-down.svg);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 22px;
        background-size: 15px 15px;
    }

    .gdd-009b-nav .sn-li-l1.menu-item-has-children:hover>a span {
        background-image: url(https://www.compressedairsystems.com/wp-content/themes/compairsysm-default/img/gnav-drop-down-red.svg);
    }

    .gdd-009b-nav .gdd-shp .sn-li-l2.menu-item-has-children>a span {
        background-image: url(https://www.compressedairsystems.com/wp-content/themes/compairsysm-default/img/gnav-drop-down.svg);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 22px;
        background-size: 15px 15px;
    }

    .gdd-009b-nav .gdd-shp .sn-li-l2.menu-item-has-children:hover>a span {
        background-image: url(https://www.compressedairsystems.com/wp-content/themes/compairsysm-default/img/gnav-drop-down-red.svg);
    }

    .gdd-009b-nav .gdd-shp .sn-main-menu-link span {
        color: #333;
        text-decoration: none;
        background-color:transparent;
        padding: 20px 36px 21px 20px !important;
        border-radius: 3px;
        text-transform: uppercase;
        background-image: url(https://www.compressedairsystems.com/wp-content/themes/compairsysm-default/img/gnav-drop-down.svg) !important;
        background-repeat: no-repeat;
        background-position: 92% center !important;
        background-size: 15px 15px;
    }

    .sh-utility-nav {
        padding-top: 0;
        padding-bottom: 0;
    }

    .gdd-009b-nav .sn-li-l1 span,
    .gdd-009b-nav .hs-menu-depth-1 span {
        font-size: 1em;
    }

    /*.sh-cnt {
        display: inline-block !important;
        margin-top: 2.2em;
        font-size: 1em;
    }*/

    /*.site-logo {
        max-width: 9.9375em;
    }*/

    .sh-cnt-mob {
        display: none !important;
    }

    .gdd-009-search {
        margin-top: 11px;
        margin-right: 0;
        margin-left: 15px;
    }

    .shr-links>li:last-child {
        border-right: 1px solid rgba(84, 99, 244, .7);
    }

    .gdd-009b-nav .gdd-shp {
        background-color: transparent;
    }
}

@media (max-height: 46em) and (min-width: 60em) {
    /*.sh-cnt {
        margin-top: 1.99em;
    }*/
}

@media(min-width:64em) {
    .site-logo {
        /*max-width: 14.9375em;*/
    }
}

@media(min-width:80em) {
    .gdd-009b-nav .gdd-shp {
        margin-right: 0 !important;
    }
}

@media(min-width:87.5em) {
    .gdd-009b-nav .sn-li-l1 {
        margin-right: 1em;
    }

    .gdd-009b-nav .gdd-shp .sn-main-menu-link span {
        padding: 20px 55px 21px 35px !important;
        background-position: 86% center !important;
    }

    /*.sh-cnt {
        padding: 18px 50px 18px 32px;
        background-position: 83% center;
    }*/
}

@media (min-width: 60em) {
    .sh-icons {
        margin-top: 0 !important;
    }
}

.gdd-009-search {
    box-sizing: border-box;
}


.sh-gfc {
  font-size: 0.625em;
  padding: 1.1428571429em 3.4285714286em 1.1428571429em 1.1428571429em;
  text-transform: uppercase;
  text-decoration: none;
  border: solid 2px #cc0001;
  border-radius: 3px;
  color: #cc0001;
  text-align: left;
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .sh-gfc:after {
    content: '';
    width: 1.8571428571em;
    height: 2.2857142857em;
    background-image: url(https://compressedairsystems.com/wp-content/themes/compairsysm-default/img/icons8-calendar-50-red.png);
    background-repeat: no-repeat;
    background-size: 1.8571428571em auto;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.1428571429em; }
  .sh-gfc:hover {
    color: #ffffff;
    background-color: #4a57e1;
    border-color: #4a57e1; }
    .sh-gfc:hover:after {
      filter: brightness(0) invert(1); }
  @media (min-width: 60em) {
    .sh-gfc {
      font-size: 0.6875em; } }
  @media (min-width: 80em) {
    .sh-gfc {
      font-size: 0.875em;
      margin-left: 0.4285714286em; } }
  @media (max-width: 370px) {
    .sh-gfc {
      font-size: 8px; } }

.sh-cnt {
  font-size: 0.625em;
  color: #fff;
  text-decoration: none;
  background-color: #cc0001;
  padding: 1.2857142857em 3.0714285714em 1.2857142857em 1.1428571429em;
  border-radius: 3px;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .sh-cnt:hover {
    color: #fff;
    background-color: #4a57e1; }
  .sh-cnt:after {
    content: '';
    width: 2em;
    height: 2em;
    background-image: url(https://www.compressedairsystems.com/wp-content/themes/compairsysm-default/img/gd-contact-ico.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.7857142857em auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.1428571429em; }
  @media (min-width: 60em) {
    .sh-cnt {
      display: inline-block !important;
      font-size: 0.6875em; } }
  @media (min-width: 80em) {
    .sh-cnt {
      font-size: 0.875em; } }
  @media (min-width: 87.5em) {
    .sh-cnt {
      padding: 1.2857142857em 3.4285714286em 1.2857142857em 1.1428571429em; } }
  @media (max-width: 370px) {
    .sh-cnt {
      font-size: 8px; } }

.sh-cnt-mob {
  font-size: 0.875em;
  color: #fff;
  text-decoration: none;
  background-color: #cc0001;
  padding: 1.2857142857em 3.0714285714em 1.2857142857em 1.1428571429em;
  border-radius: 3px;
  text-transform: uppercase;
  position: relative;
  float: right;
  display: inline-block;
  vertical-align: middle; }
  .sh-cnt-mob:hover {
    color: #fff;
    background-color: #4a57e1; }
  .sh-cnt-mob:after {
    content: '';
    width: 2em;
    height: 2em;
    background-image: url(https://www.compressedairsystems.com/wp-content/themes/compairsysm-default/img/gd-contact-ico.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.7857142857em auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.1428571429em; }
  @media (min-width: 40em) {
    .sh-cnt-mob {
      float: none; } }

.sh-cnt:focus {
  color: #fff; }


/* gdd 014 b css start */
@media (min-width: 40em) {
    .site-footer.gdd-014-b {
        text-align: center;
    }
}

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

@media (min-width: 60em) {
    .site-footer.gdd-014-b {
        text-align: left;
    }
}

.sf-menu li {
    line-height: 1.875em;
}

.sf-menu a {
    font-size: 0.9375em;
    color: #333;
    text-transform: uppercase;
}

@media (min-width: 60em) {
    .sf-menu {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
    }

    .sf-menu>li {
        -webkit-box-flex: auto;
        -moz-box-flex: auto;
        box-flex: auto;
        -webkit-flex: auto;
        -moz-flex: auto;
        -ms-flex: auto;
        flex: auto;
        text-align: center;
    }
}

.sf-right-nav {
    margin-bottom: 1.875em;
}

@media (min-width: 60em) {
    .sf-right-nav {
        margin-bottom: 0;
        order: 3;
    }

    .site-footer.gdd-014-b > .inner-wrap, .site-footer.gdd-014-b > .inner-wrap-narrow, .site-footer.gdd-014-b > .inner-wrap-wide, .site-footer.gdd-014-b > .inner-wrap-fullwidth {
    padding-bottom: 2.0625em;
	}
}

.sf-box {
    position: relative;
    margin-bottom: 1.875em;
    line-height: 2.0625em;
}

.sf-box.sf-address {
    line-height: 1.875em;
}

@media (min-width: 40em) {
    .sf-box.sf-address {
        float: none;
        width: auto;
        padding-top: 0;
        padding-right: auto;
        font-size: 100%;
    }
}

@media (min-width: 60em) {
    .sf-box {
        margin-bottom: 0;
        -webkit-box-flex: auto;
        -moz-box-flex: auto;
        box-flex: auto;
        -webkit-flex: auto;
        -moz-flex: auto;
        -ms-flex: auto;
        flex: auto;
    }

    .sf-box.sf-btn {
        text-align: center;
        line-height: 1.50em;
        margin-bottom: 1.1em;
    }
}


.sf-email {
    text-decoration: underline;
}

.btn.si-btn1.sf-btn,
button.si-btn1.sf-btn,
input.si-btn1.sf-btn[type="submit"],
.si-btn1.sf-btn.btn-download,
.si-btn1.sf-btn.btn-arrow,
.si-btn1.sf-btn.product-grid-item-link {
    color: white;
    padding: 0.6666666667em 0.9444444444em 0.6666666667em 0;
    width: auto;
    margin-bottom: 0.9444444444em;
    margin-right: 0;
    display: inline-block;
    position: relative;
    font-size: 18px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 24px;
}

.btn.si-btn1.sf-btn:hover,
button.si-btn1.sf-btn:hover,
input.si-btn1.sf-btn:hover[type="submit"],
.si-btn1.sf-btn.btn-download:hover,
.si-btn1.sf-btn.btn-arrow:hover,
.si-btn1.sf-btn.product-grid-item-link:hover {
    color: white;
}

.btn.si-btn1.sf-btn span,
button.si-btn1.sf-btn span,
input.si-btn1.sf-btn[type="submit"] span,
.si-btn1.sf-btn.btn-download span,
.si-btn1.sf-btn.btn-arrow span,
.si-btn1.sf-btn.product-grid-item-link span {
    padding-left: 0.8888888889em;
}


/*================================================*/

a.btn.si-btn3{
    padding: 0.7em 1.2777777778em;
    margin-right: 0;
    font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize;
    display: inline-block;
    color: #fff;
    width: auto;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
    background: -moz-linear-gradient(top, #9c0001 0%, #9e0000 100%);
    background: linear-gradient(to bottom, #9c0001 0%, #9e0000 100%);
    border: 1px solid #8F0D0D;
    text-decoration: none;
}

a.btn.si-btn3:hover {
    border: 1px solid #b00000;
    background: #b00000;
    background: -moz-linear-gradient(top, #b00000 0%, #b00000 100%);
    background: -webkit-linear-gradient(top, #b00000 0%, #b00000 100%);
    background: linear-gradient(to bottom, #b00000 0%, #b00000 100%);
}

a.btn.si-btn3 span  {
    position: relative;
    padding-right: 2.6666666667em;
}
 
a.btn.si-btn3 span.bt-txt:after , a.btn.si-btn1 span.bt-txt:after  {
    display: none;
}

a.btn.si-btn3 span.bt-txt , a.btn.si-btn1 span.bt-txt  { 
    display: none;
}

@media screen and (min-width: 1022px){
    a.btn.si-btn3 span.bt-txt , a.btn.si-btn1 span.bt-txt   {
         padding-right: 0;
        display: inline-block;
    }
}

a.btn.si-btn3 span:after{
    content: "";
    position: absolute;
    background-image: url(finance-payment-ico.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.9444444444em 1.4444444444em;
    width: 1.9444444444em;
    height: 1.4444444444em;
    right: 0;
    top: 0;
}


.sf-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.625em;
}

@media (min-width: 60em) {
    .sf-nav-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        text-align: center;
        margin-bottom: 2.9375em;
        padding-bottom: 2.375em;
        border-bottom: 1px solid #e5e5e5;
    }

    .sf-nav-wrapper>* {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 auto;
        -moz-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto;
    }
}

@media (min-width: 60em) {
    .sf-box-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
    }
}

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

.sf-small>.inner-wrap,
.sf-small>.inner-wrap-narrow,
.sf-small>.inner-wrap-wide,
.sf-small>.inner-wrap-fullwidth {
    padding-top: 0.625em;
    padding-bottom: 0.625em;
}

@media (min-width: 60em) {
    .sf-logo {
        order: 2;
    }
}

/* gdd 014 b css end */
.btn.si-btn1,
button.si-btn1,
input.si-btn1[type="submit"],
.si-btn1.btn-download,
.si-btn1.btn-arrow,
.si-btn1.product-grid-item-link {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #9c0001;
    /* Old browsers */
    background: -moz-linear-gradient(top, #9c0001 0%, #9e0000 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #9c0001 0%, #9e0000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #9c0001 0%, #9e0000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c0001', endColorstr='#9e0000', GradientType=0);
    /* IE6-9 */
    border: 1px solid #8F0D0D;
    padding: 1em 1.2777777778em;
    margin-bottom: 0.5555555556em;
    /*width: 14.8333333333em;*/
}

.btn.si-btn1:before,
button.si-btn1:before,
input.si-btn1[type="submit"]:before,
.si-btn1.btn-download:before,
.si-btn1.btn-arrow:before,
.si-btn1.product-grid-item-link:before {
    content: none;
}

.btn.si-btn1:hover,
button.si-btn1:hover,
input.si-btn1:hover[type="submit"],
.si-btn1.btn-download:hover,
.si-btn1.btn-arrow:hover,
.si-btn1.product-grid-item-link:hover {
    border: 1px solid #b00000;
    background: #b00000;
    background: -moz-linear-gradient(top, #b00000 0%, #b00000 100%);
    background: -webkit-linear-gradient(top, #b00000 0%, #b00000 100%);
    background: linear-gradient(to bottom, #b00000 0%, #b00000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b00000', endColorstr='#b00000', GradientType=0);
    /* IE6-9 */
}

.btn.si-btn1:hover:after,
button.si-btn1:hover:after,
input.si-btn1[type="submit"]:hover:after,
.si-btn1.btn-download:hover:after,
.si-btn1.btn-arrow:hover:after,
.si-btn1.product-grid-item-link:hover:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 0.2222222222em;
    width: 100%;
    background-color: #700;
}

.btn.si-btn1 span,
button.si-btn1 span,
input.si-btn1[type="submit"] span,
.si-btn1.btn-download span,
.si-btn1.btn-arrow span,
.si-btn1.product-grid-item-link span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-right: 2.6666666667em;
}

.btn.si-btn1 span:after,
button.si-btn1 span:after,
input.si-btn1[type="submit"] span:after,
.si-btn1.btn-download span:after,
.si-btn1.btn-arrow span:after,
.si-btn1.product-grid-item-link span:after {
    content: "";
    position: absolute;
    background-image: url(https://www.compressedairsystems.com/wp-content/themes/compairsysm-default/img/shopping-cart-off.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.9444444444em 1.4444444444em;
    width: 1.9444444444em;
    height: 1.4444444444em;
    right: 0;
    top: 0;
}

.btn.si-btn2,
button.si-btn2,
input.si-btn2[type="submit"],
.si-btn2.btn-download,
.si-btn2.btn-arrow,
.si-btn2.product-grid-item-link {
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    background-color: transparent;
    border: 1px solid #fff;
    padding: 1em 1.2777777778em;
    width: 14.8333333333em;
}

.btn.si-btn2:before,
button.si-btn2:before,
input.si-btn2[type="submit"]:before,
.si-btn2.btn-download:before,
.si-btn2.btn-arrow:before,
.si-btn2.product-grid-item-link:before {
    content: none;
}

.btn.si-btn2:hover,
button.si-btn2:hover,
input.si-btn2:hover[type="submit"],
.si-btn2.btn-download:hover,
.si-btn2.btn-arrow:hover,
.si-btn2.product-grid-item-link:hover {
    background-color: #5463f4;
    border: 1px solid #5463f4;
}

.btn.si-btn2:hover:after,
button.si-btn2:hover:after,
input.si-btn2[type="submit"]:hover:after,
.si-btn2.btn-download:hover:after,
.si-btn2.btn-arrow:hover:after,
.si-btn2.product-grid-item-link:hover:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 0.2222222222em;
    width: 100%;
    background-color: #08108f;
}

.btn.si-btn2 span,
button.si-btn2 span,
input.si-btn2[type="submit"] span,
.si-btn2.btn-download span,
.si-btn2.btn-arrow span,
.si-btn2.product-grid-item-link span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-right: 1.7777777778em;
}

.btn.si-btn2 span:after,
button.si-btn2 span:after,
input.si-btn2[type="submit"] span:after,
.si-btn2.btn-download span:after,
.si-btn2.btn-arrow span:after,
.si-btn2.product-grid-item-link span:after {
    content: "";
    position: absolute;
    background-image: url(https://www.compressedairsystems.com/wp-content/themes/compairsysm-default/img/shopping-cart-off.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.6666666667em 1em;
    width: 1.6666666667em;
    height: 1em;
    right: 0;
    top: 0.1111111111em;
}

@media (min-width: 40em) {

    .btn.si-btn1,
    button.si-btn1,
    input.si-btn1[type="submit"],
    .si-btn1.btn-download,
    .si-btn1.btn-arrow,
    .si-btn1.product-grid-item-link {
        width: auto;
        margin-bottom: 0;
        margin-right: 0.8333333333em;
    }

    .btn.si-btn2,
    button.si-btn2,
    input.si-btn2[type="submit"],
    .si-btn2.btn-download,
    .si-btn2.btn-arrow,
    .si-btn2.product-grid-item-link {
        width: auto;
    }
}

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

    .btn.si-btn1,
    button.si-btn1,
    input.si-btn1[type="submit"],
    .si-btn1.btn-download,
    .si-btn1.btn-arrow,
    .si-btn1.product-grid-item-link {
        margin-right: 0.4444444444em;
    }
}

a[href="/plp/htm/ibot.htm"] {
    display: none;
}

@media screen and (min-width: 769px) {
    #nav-menu-item-6126 {
        width: 86%;
        text-align: center;
        margin: 0 auto;
        padding: 1em 0;
    }
}

li#nav-menu-item-6126 a.sn-menu-link {
    border-top: none;
}

ul#menu-gdd-primary-nav-013 .si-btn1 a {
    color: #fff;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 0;
}

@media (min-width: 60em) {
    .site-header .sn-level-3 {
        right: 100% !important;
        left: auto;
    }
}

.site-header ul.shr-links:nth-child(2),
.site-header ul.shr-links:nth-child(2) {
    display: none;
}

.hd-si-btns-wrap {
    display: flex;
    justify-content: space-between;
}

@media (min-width: 60em){
    .hd-si-btns-wrap {
    float: inherit;
    display: inline;
}
}

@media screen and (min-width: 1023px) {
    .gdd-013-search {
        float: left;
        margin-right: 10px;
    }
}

.btn.si-btn1 {
    padding: 0.7em 1.2777777778em;
    margin-right: 0;
    font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize;
    display: inline-block;
    color: #fff;
}

@media screen and (min-width: 769px) {
    .site-header .shr-contact.shr-contact-mobile {
        float: left;
    }
}

@media (min-width: 100em){
.air-cs ul {
    width: 21.875em;
}}