@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,700,300);

a:active,
a:hover {
    outline: 0
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
}
.top-nav-container sup{
    font-weight:700;
}

.main-header-wrap img,
footer img {
    max-width: 100%
}

.search_dual input {
    color: inherit;
    font: inherit;
    margin: 0
}

.search_dual input[type=button],
.search_dual input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

.search_dual button::-moz-focus-inner,
.search_dual input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.search_dual input {
    line-height: normal
}

.search_dual input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.search_dual input[type=search]::-webkit-search-cancel-button,
.search_dual input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

.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>* {
        box-sizing: border-box;
        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
    }
}

.rows-of-3 {
    display: block
}

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

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

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

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

    .rows-of-3>:last-child {
        margin-right: 0
    }

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

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

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

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

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

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

@media (min-width:40em) {
    .lt-ie9 .rows-of-3>* {
        box-sizing: border-box;
        float: left;
        width: 33.3% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 1em;
        padding-right: 1em
    }
}

.rows-of-4 {
    display: block
}

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

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

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

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

    .rows-of-4>:last-child {
        margin-right: 0
    }

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

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

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

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

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

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

@media (min-width:40em) {
    .lt-ie9 .rows-of-4>* {
        box-sizing: border-box;
        float: left;
        width: 25% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 1em;
        padding-right: 1em
    }
}

@media (max-width:40em) {
    .mobile-rows-of-2 {
        display: block
    }

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

    .mobile-rows-of-2>* {
        margin-bottom: 1.5em;
        display: block;
        position: relative;
        float: left;
        display: block;
        margin-right: 7.4229703521%;
        width: 46.288514824%
    }

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

    .mobile-rows-of-2>:nth-last-child(1) {
        background-color: red;
        margin-bottom: 0
    }

    .mobile-rows-of-2>:nth-last-child(2) {
        background-color: green;
        margin-bottom: 0
    }

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

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

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

.input-btn,
.rfq a {
    box-sizing: border-box;
    background-color: #b22245;
    border: none;
    border-radius: 2px;
    behavior: url(/pie/PIE.htc);
    color: #f2f2f2;
    cursor: pointer;
    display: inline-block;
    font-family: Open Sans;
    font-size: .8em;
    font-weight: 700;
    line-height: 1.666666666666667em;
    padding: .5em 1em .4166666666666667em 1em;
    position: relative;
    text-decoration: none;
    text-transform: uppercase
}

.input-btn:hover,
.rfq a:hover {
    background-color: #3a474e;
    color: #f2f2f2;
    text-decoration: none
}

body {
    box-sizing: border-box;
    background-color: #3a474e;
    font-family: Open Sans;
    font-size: 100%;
    font-weight: 400;
    margin: 0;
    padding: 0
}

form {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

article {
    display: block
}

aside {
    display: block
}

nav {
    display: block
}

section {
    display: block
}

main {
    display: block;
    background-color: #f2f2f2
}

footer address {
    font-style: normal
}

.site-nav>ul {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.site-nav ul li {
    box-sizing: border-box;
    background: url(bullet.png) no-repeat .2em .4666666667em;
    list-style: none;
    text-align: left;
    font-size: 1em;
    /*line-height: 1em;*/
}

.site-nav ul li ul {
    box-sizing: border-box;
    padding: .3333333333333333em 0 0 0
}

.ctr {
    text-align: center
}

.clear {
    clear: both
}

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

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.inner-wrap:before {
    content: "";
    display: table
}

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

.btn-alt,
.btn-alt-arrow,
.btn-alt-download,
.btn-arrow,
.btn-download,
.search_dual input[type=submit] {
    position: relative;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    box-sizing: border-box;
    padding: .75em 1em;
    text-decoration: none;
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
    transition: background .1s linear
}

.btn-alt-arrow:hover,
.btn-alt-download:hover,
.btn-alt:hover,
.btn-arrow:hover,
.btn-download:hover,
.search_dual input:hover[type=submit] {
    color: #fff
}

.btn-alt-arrow:disabled,
.btn-alt-download:disabled,
.btn-alt:disabled,
.btn-arrow:disabled,
.btn-download:disabled,
.search_dual input:disabled[type=submit] {
    cursor: not-allowed;
    opacity: .5
}

.btn-alt-arrow:after,
.btn-alt-download:after,
.btn-alt:after,
.btn-arrow:after,
.btn-download:after,
.search_dual input[type=submit]:after {
    content: ''
}

.btn-arrow,
.btn-download,
.search_dual input[type=submit] {
    background-color: #00ad49
}

.btn-arrow:hover,
.btn-download:hover,
.btn:hover,
button:hover,
input:hover[type=submit] {
    background-color: #007a33
}

.btn-arrow:after,
.btn-download:after,
.btn:after,
button:after,
input[type=submit]:after {
    background-color: #007a33
}

.btn-alt,
.btn-alt-arrow,
.btn-alt-download {
    background-color: #477dca
}

.btn-alt-arrow:hover,
.btn-alt-download:hover,
.btn-alt:hover {
    background-color: #3264ac
}

.btn-alt-arrow:after,
.btn-alt-download:after,
.btn-alt:after {
    background-color: #3264ac
}

.search_dual input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.btn-alt-arrow,
.btn-alt-download,
.btn-arrow,
.btn-download {
    box-sizing: border-box;
    padding-right: 4em
}

.btn-alt-arrow:after,
.btn-alt-download:after,
.btn-arrow:after,
.btn-download:after {
    content: '';
    display: block;
    right: 0;
    top: 0;
    bottom: 0;
    width: 3em;
    position: absolute;
    background-position: center center;
    background-size: 1.5em;
    background-repeat: no-repeat;
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
    transition: background .1s linear
}

.btn-alt-arrow:hover:after,
.btn-alt-download:hover:after,
.btn-arrow:hover:after,
.btn-download:hover:after {
    background-size: 2em
}

.btn-download:after {
    background-image: url(ico-download.svg)
}

.btn-alt-download:after {
    background-image: url(ico-download.svg)
}

.btn-arrow:after {
    background-image: url(ico-white-arrow-right.svg)
}

.btn-alt-arrow:after {
    background-image: url(ico-white-arrow-right.svg)
}

.menu-trigger {
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: .9375em;
    font-weight: 700;
    line-height: 1.066666666666667em;
    padding: 0 0 .8666666666666667em .4666666666666667em;
    vertical-align: top
}

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

.menu-trigger a:hover {
    color: #fff;
    text-decoration: none
}

.menu-trigger a span {
    display: inline-block;
    box-sizing: border-box;
    padding: .2em 0 0 .6em;
    vertical-align: top
}

.menu-trigger img {
    vertical-align: top
}

.top-nav {
    box-sizing: border-box;
    color: #fff;
    display: none;
    font-size: .875em;
    line-height: 1.214285714285714em;
    padding: .1428571428571429em 0 0 0
}

.top-nav .mobile-hide {
    display: none
}

.top-nav ul.sub-menu {
    z-index: 10
}

.top-nav li {
    background: 0 0;
    box-sizing: border-box;
    border-top: 1px dotted #b6c1c6;
    padding: 0
}

.top-nav li.no-border {
    border: none
}

.top-nav li a {
    color: #fff;
    box-sizing: border-box;
    display: block;
    padding: .2857142857142857em 0 .2857142857142857em .5714285714285714em;
    text-decoration: none
}

.top-nav li.has-child>ul {
    box-sizing: border-box;
    display: none;
    padding: 0
}

.top-nav li.has-child ul li {
    border: none
}

.top-nav li.has-child ul li a {
    box-sizing: border-box;
    padding: .2857142857142857em 0 .2857142857142857em 2.142857142857143em
}

.top-nav li:hover>a {
    background-color: #b22245
}

.top-nav li.active>a {
    background-color: #b22245
}

.top-nav>li:first-child {
    border: none
}

.top-nav>li>a>.cust-subnav-arrow {
    background: url(dropdown-arrow.png) no-repeat left top;
    display: inline-block;
    height: 7px;
    margin: 7px 0 0 .2142857142857143em;
    vertical-align: top;
    width: .3571428571428571em
}

.top-nav2 {
    box-sizing: border-box;
    background-color: #3e5b6b;
    border-top: 1px dotted #b6c1c6;
    padding: 0 0 .3571428571428571em 0;
    text-align: left
}

.utility-nav {
    box-sizing: border-box;
    color: #b22245;
    font-size: 1.5625em;
    font-weight: 700;
    line-height: 1em;
    padding: 0 0 .44em 0
}

.utility-nav>a {
    display: inline-block;
    margin: .12em .56em 0 0
}

.utility-nav>a img {
    vertical-align: top
}

.utility-nav span {
    vertical-align: top
}

.utility-nav span a {
    color: #b22245;
    text-decoration: none
}

.inner-wrap-wide {
    max-width: 100em !important;
    width: 100%;
    margin: 0 auto
}

.inner-wrap-wide:before {
    content: "";
    display: table
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.site-wrap {
    position: relative;
    overflow:  hidden;
}

footer {
    box-sizing: border-box;
    display: block;
    background-color: #445058;
    color: #9fb2bc;
    padding: 1.8125em .75em 1.6875em .75em;
    text-align: center;
    margin-bottom: -25px
}

footer .inner-wrap {
    max-width: 75em;
}

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

footer .footer-address {
    font-size: .8125em;
    box-sizing: border-box;
    line-height: 1.615384615384615em;
    padding: 0 0 3.461538461538462em 0
}

footer .footer-address .company-name {
    color: #d3dbdf;
    font-weight: 700;
    text-transform: uppercase
}

footer .footer-address a {
    color: #d3dbdf;
    text-decoration: underline
}

footer .footer-address a:link {
    color: #d3dbdf;
    text-decoration: underline
}

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

footer .footer-address span a {
    color: #9fb2bc;
    text-decoration: none;
    color: #9fb2bc;
    text-decoration: none
}

footer .footer-address span a:link {
    color: #9fb2bc;
    text-decoration: none
}

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

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

header {
    box-sizing: border-box;
    display: block;
    background: url(header-mobile-bg.jpg) repeat-x left bottom #fff;
    /*padding: 0 0 4.375em 0;*/
    text-align: center
}

header.home-header {
    background: 0 0;
    padding: 0;
    position: relative
}

.page-scroll {
    display: none;
    width: 1.875em;
    height: 1.875em;
    background: url(scroll-up.png) no-repeat 0 0;
    position: fixed;
    bottom: .625em;
    right: .3125em;
    cursor: pointer;
    z-index: 10000
}

.header-logo {
    display: inline-block;
    margin: 1.5625em 0 .75em 0;
    max-width: 17.375em;
    width: 100%
}

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

.banner-container {
    background: linear-gradient(top, #24323d 0, #283643 17%, #283643 25%, #283643 28%, #293c4a 38%, #2d404f 46%, #2a404e 47%, #2d404f 71%, #2d404f 82%, #334e61 85%, #334e61 100%);
    clear: both;
    position: relative;
    behavior: url(/pie/PIE.htc);
    min-height: 313px
}

@media (min-width:40em) {
    .banner-container {
        min-height: 100%
    }
}

.banner-text {
    box-sizing: border-box;
    color: #e7f6ff;
    font-size: .9375em;
    font-weight: 700;
    line-height: 1.333333333333333em;
    padding: 2.066666666666667em 1.666666666666667em 3em 1.933333333333333em
}

.banner-text span {
    box-sizing: border-box;
    border-top: 1px solid #3e5b6b;
    display: block;
    padding: 1em 1.333333333333333em 1em 1.333333333333333em
}

.banner-text span:first-child {
    border: none
}

.banner-text span.last {
    box-sizing: border-box;
    margin: .5333333333333333em 0 0 0;
    padding: 1.466666666666667em 1.333333333333333em 0 1.333333333333333em
}

.top-nav-container {
    box-sizing: border-box;
    background-color: #3e5b6b;
    padding: .6875em 0 0 0;
    text-align: left
}

.top-nav-container .inner-wrap {
    box-sizing: border-box;
    max-width: 75em;
}

@media (min-width:60em) {
    .top-nav-container .inner-wrap {
        box-sizing: border-box;
        padding: 0 1.5em;
        max-width: 60em;
        
    }
}

.search_dual {
    box-sizing: border-box;
    color: #202c34;
    font-size: .875em;
    font-weight: 400;
    line-height: 1em;
    padding: 0 0 1em 0
}

.search_dual form {
    display: inline-block
}

#webform {
    display: none
}

#form-select {
    box-sizing: border-box;
    display: block;
    padding: 0 0 .3571428571428571em 0
}

#form-select>input {
    margin: 0
}

#form-select label {
    font-weight: 700
}

.search-text {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #3e5b6b;
    border-radius: 2px;
    behavior: url(/pie/PIE.htc);
    font-family: Open Sans;
    font-size: .8571428571428571em;
    font-weight: 400;
    height: 22px;
    line-height: 1em;
    padding: 0 .4166666666666667em 0 .4166666666666667em;
    position: relative;
    width: 14.91666666666667em
}

.search-btn {
    box-sizing: border-box;
    font-size: .8571428571428571em;
    padding: .1666666666666667em 0 0 .3333333333333333em;
    vertical-align: top
}

#left-nav {
    display: none
}

#content-area {
    color: #3a474e;
    font-size: .9375em;
    line-height: 1.133333333333333em;
    padding: 3.066666666666667em 0 1.533333333333333em 0;
    text-align: center
}

#home-content-area {
    box-sizing: border-box;
    padding: 2.625em 0 2.1875em 0;
    text-align: center
}

#home-content-area h1 {
    border: none;
    color: #191919;
    font-size: 1.625em;
    line-height: 1.076923076923077em;
    margin: 0;
    padding: 0 .1923076923076923em 1.153846153846154em .1923076923076923em
}

.custom-mfg {
    box-sizing: border-box;
    padding: 1.5em 0 0 0
}

.custom-mfg article {
    box-sizing: border-box;
    display: inline-block;
    margin: 0 auto;
    max-width: 100%;
    width: 17.1875em;
    position: relative
}

.custom-mfg article>span {
    color: #3e5b6b;
    font-size: .8125em;
    line-height: 1.384615384615385em;
    text-transform: uppercase;
    vertical-align: top
}

.custom-mfg article>span>a {
    box-sizing: border-box;
    color: #3e5b6b;
    padding: 0 .5384615384615385em 0 .5384615384615385em;
    text-decoration: none
}

.custom-mfg article>span>a:hover {
    color: #b22245
}

.custom-mfg a {
    display: block
}

.custom-mfg a span {
    box-sizing: border-box;
    background: url(bucket-bg.png) repeat left top;
    bottom: 1.533333333333333em;
    color: #e9e9ee;
    font-size: .9375em;
    font-weight: 700;
    left: 0;
    line-height: 1.133333333333333em;
    margin: 0 auto;
    padding: 1.733333333333333em 0 2.066666666666667em 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    width: auto
}

.custom-mfg a:hover span {
    background: url(bucket-hover-bg.png) repeat left top
}

.adobe {
    text-align: right
}

.about_clamp {
    box-sizing: border-box;
    background-color: #d3dbdf;
    padding: .6666666666666667em .6666666666666667em 0 .6666666666666667em;
    margin-bottom: 1.333333333333333em
}

.intend-content {
    box-sizing: border-box;
    padding: 0 0 0 1.666666666666667em
}

.intend-content dl {
    margin: 0 0 1em 0
}

.intend-content dt {
    box-sizing: border-box;
    padding: .3333333333333333em .3333333333333333em .3333333333333333em .3333333333333333em;
    font-weight: 700
}

.intend-content dd {
    padding: .3333333333333333em .3333333333333333em .3333333333333333em .3333333333333333em
}

.intend-content span {
    display: block;
    float: left;
    font-weight: 700;
    padding: 0 .3333333333333333em 1.2em 0
}

.intend-content.list li span {
    display: block;
    float: left;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: 0;
    padding: 0
}

.two-column {
    box-sizing: border-box;
    padding: .666666666666667em .666666666666667em 0 .666666666666667em
}

.two-column>div {
    margin: 0 0 1em 0
}

.two-column div img {
    display: block;
    margin: 0 auto .666666666666667em auto
}

.return_to_top {
    font-size: .8666666666666667em;
    line-height: 1.307692307692308em;
    text-align: right
}

.pdf_container {
    box-sizing: border-box;
    width: 32%;
    display: inline-block
}

.pdf_container>div {
    border: 1px solid #ccc;
    display: inline-block;
    font-size: .8em;
    margin: 0 2% 1.66666666666667em 2%;
    max-width: 12em;
    padding: .833333333333333em .416666666666667em 1.66666666666667em .416666666666667em;
    text-align: center;
    vertical-align: top;
    line-height: 1.33333333333333em;
    min-height: 25.75em;
    border-radius: 4px
}

.pdf_container a img {
    display: block;
    margin: 0 auto .8333333333333333em auto
}

.specs {
    padding: 0 .3333333333333333em 1.333333333333333em .3333333333333333em
}

.specs dl {
    display: table;
    width: 100%;
    border-spacing: 1px 1px
}

.specs_heading1 {
    font-size: 1.2em;
    line-height: 1.166666666666667em;
    background-color: #d3dbdf;
    margin: 0 .0555555555555556em .0555555555555556em .0555555555555556em;
    font-weight: 700;
    padding: .4444444444444444em .4444444444444444em .4444444444444444em .4444444444444444em
}

.specs_heading {
    font-size: 1.066666666666667em;
    background-color: #d3dbdf;
    margin: 0 .0625em .0625em .0625em;
    font-weight: 700;
    padding: .5em .5em .5em .5em;
    line-height: 1.25em
}

.gmap {
    padding: 0 .3333333333333333em 0 .3333333333333333em
}

.gmap iframe {
    border: 1px solid #191919;
    max-width: 100%
}

.video_page {
    margin-bottom: 1.2em;
    padding-top: 1em;
    margin: .625em
}

.video_page iframe {
    max-width: 100%
}

@media (min-width:40em) {
    .video_page {
        margin: auto
    }
}

.print_page {
    display: none
}

.iso-cert {
    box-sizing: border-box;
    background-color: #3a474e;
    display: inline-block;
    font-size: 1.25em;
    line-height: 1.15em;
    max-width: 11.2em;
    padding: .7em .5em .65em .5em
}

.iso-cert a {
    display: inline-block;
    font-size: .65em;
    line-height: 1em
}

.footer-links {
    font-size: .8125em;
    line-height: 1.615384615384615em;
    padding: 5.230769230769231em 0 .6153846153846154em 0
}

.footer-links a:first-child {
    display: none
}

.website {
    color: #9fb2bc;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.125em;
    word-break: break-all
}

.footer-social-icon {
    padding: 1.625em 0 3.5em 0
}

.footer-social-icon span {
    display: inline-block;
    font-size: .9375em;
    line-height: 1.2em;
    padding: .6em .6666666666666667em 0 0;
    vertical-align: top
}

.thomas-info {
    font-size: .6875em;
    line-height: 1.181818181818182em
}

.thomas-info>span {
    display: block
}

.copy-right-info {
    padding: 0 1.818181818181818em .4545454545454545em 1.818181818181818em
}

img[name=pphLoggerImage] {
    display: none
}

@media only screen and (min-width:80em) {
    .two-column .inner-wrap {
        box-sizing: border-box;
        width: 100%px
    }
}

@media only screen and (min-width:60em) {
    .two-column .inner-wrap {
        box-sizing: border-box;
        width: 100%
    }
}

@media only screen and (min-width:40em) {
    header {
        background: url(header-tablet-bg.jpg) repeat-x bottom center #fff;
        /*padding: 0 0 5.5em 0;*/
        text-align: left
    }

    header.home-header {
        background: url(home_header_cont_new_bg.png) repeat-x left 45px
    }

    .header-logo {
        margin: .875em 0 0 .4375em
    }

    .header-right {
        float: right;
        padding: .8125em .3125em 0 0;
        display: flex;
    }

    .banner-container {
        background: url(home_header_new_bg.png) no-repeat scroll right center/83% auto
    }

    .banner-text {
        background: url(banner-text-bg.png) no-repeat left top;
        max-width: 19em;
        padding: 1.6em 0 2.733333333333333em 0;
        text-align: center
    }

    .banner-text>span {
        margin: 0 .6666666666666667em 0 .6666666666666667em;
        padding: 1em 1.666666666666667em 1em 1.666666666666667em
    }

    .banner-text span.last {
        margin: .5333333333333333em .6666666666666667em 0 .6666666666666667em;
        padding: 1.466666666666667em 1.666666666666667em .5333333333333333em 1.666666666666667em
    }

    .utility-nav {
        padding: 0 0 .32em 0
    }

    .utility-nav>a {
        margin: .12em .48em 0 0
    }

    .search_dual {
        padding: 0 0 .7142857142857143em 1.071428571428571em
    }

    #content-area {
        padding: 2.6em 0 4.666666666666667em 0
    }

    #home-content-area {
        padding: 3.875em 0 2.9375em 0
    }

    .two-column {
        text-align: left
    }

    .two-column>div {
        clear: both;
        display: inline-block;
        text-align: left
    }

    .two-column>div:first-child {
        margin: 0 2% 1em 0
    }

    .contact_info {
        padding-bottom: 1em;
        text-align: center
    }

    .contact_info>div {
        display: inline-block;
        padding: 0 .6666666666666667em 0 0;
        width: 31.8%;
        vertical-align: top
    }

    .contact_info>div:last-child {
        padding: 0
    }

    .rfq {
        text-align: center
    }

    .specs dt {
        padding: .5333333333333333em .5333333333333333em .5333333333333333em .5333333333333333em
    }

    .specs dd {
        padding: .5333333333333333em .5333333333333333em .5333333333333333em .5333333333333333em
    }

    .print_page {
        clear: both;
        display: block;
        font-size: .6875em;
        line-height: 1.272727272727273em;
        margin: 0 0 2.272727272727273em 0;
        text-align: center
    }

    .print_page a {
        color: #3e5b6b;
        font-size: 1em;
        text-decoration: underline
    }

    .print_page a:hover {
        color: #b22245;
        font-size: 1em;
        text-decoration: none
    }

    .print_img {
        cursor: pointer;
        margin-right: .5454545454545455em;
        vertical-align: middle
    }

    .email_img {
        cursor: pointer;
        margin: 0 .4545454545454545em .1818181818181818em 2.272727272727273em;
        vertical-align: middle
    }

    footer {
        background: url(footer-tablet-bg.jpg) no-repeat center bottom #445058;
        background-size: 100% auto;
        padding: 1.5em .75em 2.3125em .75em
    }

    footer .footer-address {
        padding: 0 0 5.384615384615385em 0
    }

    .footer-links {
        padding: 5.692307692307692em 0 .6153846153846154em 0
    }

    .footer-links a:first-child {
        display: inline-block
    }

    .footer-social-icon {
        padding: 1.625em 0 2.625em 0
    }

    .divide_data ul {
        display: inline-block;
        width: 49%;
        vertical-align: top;
        padding-bottom: 1em
    }

    .divide_data ul:last-child {
        padding-bottom: 0
    }

    form table td {
        display: table-cell
    }
}

@media only screen and (min-width:60em) {
    header {
        background: url(home-header-desk-bg.png) repeat-x center 2.9375em, url(header-desk-bg.jpg) no-repeat center 2.9375em, url(header-repeat-desk-bg.jpg) repeat-x left 2.9375em;
        behavior: url(/pie/PIE.htc);
        padding: 0 0 6.125em 0;
        position: relative
    }

    header.home-header {
        background: url(home-header-desk-bg.png) repeat-x center 2.9375em, url(home_header_new_bg_dest.png) no-repeat center 2.9375em
    }

    .header-logo {
        clear: both;
        float: left;
        margin: 0
    }

    .header-right {
        padding: 0
    }

    .banner-container {
        background: 0 0;
        padding: .4375em 0 0 0
    }

    .banner-text {
        padding: 3.133333333333333em 0 4.4em 0
    }

    .ie9 .banner-text {
        padding: 3.133333333333333em 0 4.866666666666667em 0
    }

    .ie9 .top-nav li {
        padding: .8em 0 1.133333333333333em 0
    }

    .ie8 .banner-text {
        padding: 3.133333333333333em 0 4.866666666666667em 0
    }

    .ie8 .top-nav li {
        padding: .8em 0 1.133333333333333em 0
    }

    .menu-trigger {
        display: none
    }

    .top-nav-container {
        padding: 0;
        text-align: center
    }

    .top-nav {
        display: inline-block;
        font-size: .9375em;
        font-weight: 700;
        line-height: 1.133333333333333em;
        padding: 0;
        position: relative;
        width: 47.33333333333333em;
        z-index: 2
    }

    .top-nav .mobile-menu {
        display: none
    }

    .top-nav li {
        border: none;
        display: inline;
        padding: .8em 0 1.066666666666667em 0;
        position: relative
    }

    .top-nav li.last {
        margin: 0
    }

    .top-nav li.last>ul {
        left: auto;
        right: .1538461538461538em
    }

    .top-nav li a {
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
        padding: .8em 1.126760563380282% 1.2em 1.126760563380282%;
        text-decoration: none
    }

    .top-nav li:hover {
        background-color: #b22245
    }

    .top-nav li:hover>ul {
        display: block
    }

    .top-nav li>ul {
        background-color: #3e5b6b;
        font-size: .8666666666666667em;
        font-weight: 400;
        left: 0;
        line-height: 1.230769230769231em;
        position: absolute;
        text-align: left;
        top: 3.5em;
        width: 21.92307692307692em
    }

    .top-nav li.has-child ul li {
        border-top: 1px dotted #8b9da6;
        display: block;
        float: none;
        margin: 0;
        padding: 0
    }

    .top-nav li.has-child ul li:first-child {
        border: none
    }

    .top-nav li.has-child ul li a {
        padding: .3846153846153846em .3846153846153846em .3846153846153846em 1em;
        display: block
    }

    .top-nav.top-nav2 {
        background-color: #3a474e;
        border: none;
        border-radius: 0 0 5px 5px;
        behavior: url(/pie/PIE.htc);
        float: right;
        font-size: .8125em;
        font-weight: 400;
        line-height: 1.153846153846154em;
        margin: 0 .3846153846153846em 0 0;
        padding: 0 2em;
        position: relative;
        width: 21.92307692307692em;
        z-index: 1
    }

    .top-nav.top-nav2 li {
        padding: .1538461538461538em 0 .1538461538461538em 0
    }

    .top-nav.top-nav2 li.last {
        margin: 0
    }

    .top-nav.top-nav2 li.last>ul {
        left: auto;
        right: 0;
        width: 17.5em
    }

    .top-nav.top-nav2 li a {
        padding: .2307692307692308em 4.291845493562232% .3076923076923077em 4.291845493562232%
    }

    .top-nav.top-nav2 li>ul {
        background-color: #3a474e;
        font-size: .9230769230769231em;
        line-height: 1.166666666666667em;
        top: 1.833333333333333em;
        width: 14.16666666666667em
    }

    .top-nav .mobile-hide {
        display: inline
    }

    .top-nav>li>a>.cust-subnav-arrow {
        display: none
    }

    .utility-nav {
        padding: .32em 1.68em .56em 0;
        text-align: right
    }

    .search_dual {
        padding: 0 .1428571428571429em 0 1.071428571428571em
    }

    .search_dual form {
        float: left
    }

    #form-select {
        padding: .3571428571428571em .7857142857142857em 0 0
    }

    main {
        padding: 3.875em .625em 0 .625em
    }

    main.home-main {
        padding: 0
    }

    #left-nav {
        display: none;
        float: left;
        padding: .25em 1.25em 0 0;
        vertical-align: top
    }

    .leftnav-links {
        color: #3a474e;
        font-size: .75em;
        line-height: 1.166666666666667em;
        max-width: 13em;
        padding: 0 0 2.25em 0
    }

    .leftnav-links a {
        border-bottom: 1px solid #d3dbdf;
        color: #3a474e;
        display: block;
        padding: .6666666666666667em 0 .4166666666666667em 0;
        text-decoration: none;
        text-transform: uppercase
    }

    .leftnav-links a:hover {
        color: #b22245;
        text-decoration: none
    }

    .leftnav-heading {
        color: #191919;
        display: block;
        font-size: 1.333333333333333em;
        line-height: 1.125em;
        padding: 0 0 .25em 0;
        text-transform: uppercase;
        font-weight: 700
    }

    #content-area {
        float: left;
        padding: 0 0 1.333333333333333em 0;
        text-align: left;
        width: 75%
    }

    #home-content-area {
        padding: 2.75em 0 2.6875em 0
    }

    .custom-mfg {
        clear: both;
        padding: 1.6875em 0 0 0
    }

    .custom-mfg article {
        margin: 0
    }

    .custom-mfg article>a {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff
    }

    .custom-mfg a span {
        margin: 0 .0666666666666667em 0 .0666666666666667em
    }

    .specs {
        padding: 0 0 1.333333333333333em 0
    }

    .specs dt {
        padding: .5333333333333333em .5333333333333333em .5333333333333333em .5333333333333333em
    }

    .specs dd {
        padding: .5333333333333333em .5333333333333333em .5333333333333333em .5333333333333333em
    }

    .feature-img {
        float: right;
        margin: 0 0 1em .5333333333333333em
    }

    .two-column {
        padding: .666666666666667em 0 0 0
    }

    .print_page {
        margin: 0 0 3.181818181818182em 0;
        text-align: right
    }

    footer {
        background: url(footer-desk-bg.jpg) no-repeat center top, url(footer-repeat-desk-bg.jpg) repeat-x left top #46565e;
        background-size: auto auto;
        behavior: url(/pie/PIE.htc);
        padding: 1.0625em .75em 1.875em .75em;
        position: relative;
        text-align: left
    }

    footer .footer-address {
        display: inline-block;
        padding: .1538461538461538em 4% 0 .0769230769230769em;
        text-align: left;
        vertical-align: top
    }

    .iso-cert {
        margin: .1em 0 0 .4em;
        text-align: center;
        vertical-align: top
    }

    .footer-right {
        float: right;
        padding: 0 .0625em 0 0;
        text-align: right;
        vertical-align: top
    }

    .footer-links {
        padding: 0 0 .3846153846153846em 0
    }

    .footer-social-icon {
        padding: 1.625em 0 0 0
    }

    .thomas-info {
        clear: both;
        padding: 2.636363636363636em 0 0 0;
        text-align: center
    }

    .thomas-info>span {
        display: inline-block
    }

    .copy-right-info {
        padding: 0 1.818181818181818em 0 0
    }

    .ie11 .banner-text {
        padding: 3.133333333333333em 0 4.866666666666667em 0
    }

    .ie10 .banner-text {
        padding: 3.133333333333333em 0 4.866666666666667em 0
    }

    .chrome .top-nav li {
        padding: .8em 0 1.133333333333333em 0
    }

    .Firefox .top-nav li>ul {
        top: 3.692307692307692em
    }

    .Safari .leftnav-links {
        max-width: 13.1em
    }

    .pdf_container>div {
        margin: 0 0 1.66666666666667em 1%
    }

    .pdf_container>div:first-child {
        margin: 0 0 1.66666666666667em 0
    }
}

@media only screen and (min-width:60em) {
    .inner-wrap {
        box-sizing: border-box;
        padding: 15px 15px;
        margin: 0 auto;
        max-width: 100%
    }

    .top-nav {
        float: left;
        text-align: left;
        width: 63.66666666666667em;
        max-width:  100%;
    }

    .top-nav li a {
        padding: .8em 2.427225130890052% 1.2em 2.427225130890052%
    }

    main {
        padding: 1.25em 0 0 0
    }

    #left-nav {
        padding: .6875em 2.6875em 0 0
    }

    #content-area {
        width: 100%
    }

    #home-content-area {
        text-align: left
    }

    .custom-mfg {
        clear: none;
        float: right;
        padding: 0;
        text-align: center
    }

    footer {
        padding: 1.125em 0 1.875em 0
    }

    footer .footer-address {
        padding: .1538461538461538em 12% 0 .0769230769230769em
    }

    .ie8 .top-nav li a {
        padding: .8em 2.395833333333333% 1.2em 2.5%
    }

    .ie8 .top-nav.top-nav2 li a {
        padding: .2307692307692308em 4.721030042918455% .3076923076923077em 4.721030042918455%
    }
}

.ie8 img {
    max-width: none
}

.chrome .search-text {
    padding-top: .3333333333333333em;
    width: 16.41666666666667em
}

.Safari .search-text {
    padding-top: .3333333333333333em;
    width: 16.41666666666667em
}

.contact_phn a {
    color: #3a474e;
    text-decoration: none
}

.list li {
    background: 0 0;
    padding: 0 0 .666666666666667em 3.73333333333333em;
    position: relative
}

.divide_data ul {
    padding-bottom: 0
}

.divide_data ul:last-child {
    padding-bottom: .6666666666666667em
}

.center-text>img {
    display: block;
    margin: 0 auto .666666666666667em auto
}

.small-part-img {
    width: 120px;
    height: 150px
}

.utility-nav .cms_phone {
    text-decoration: none;
    color: #b22245;
    margin: 0;
    vertical-align: top
}

.footer-links a {
    padding-right: 22px
}

.footer-links a:last-child {
    padding-right: 0
}

.search-submit {
    height: 1.6666666667em;
    padding: 0 !important;
    width: 1.62em;
    background: url(search.png) no-repeat top center !important;
    background-size: 23px !important;
    font-size: 1.125em !important;
    background-color: transparent !important;
    margin: 0 !important;
    outline: 0
}

.website a {
    text-decoration: none
}

.page-id-1167 .distributor-locator {
    padding: 20px;
    border: 1px solid
}

.page-id-1167 .distributor-locator table td {
    padding-bottom: 10px;
    padding-right: 10px
}

.page-id-1167 .distributor-locator .cust-btn input {
    background-color: #b22245;
    color: #fff;
    padding: 8px;
    font-weight: 500;
    line-height: normal;
    border: none
}

.page-id-3176 table {
    margin-bottom: 10px
}

.page-id-3176 table tr {
    line-height: normal;
    width: 100%
}

.page-id-3176 table tr td:first-child {
    width: 25%
}

.page-id-1166 #idContentTblCell h2 {
    margin-top: 15px;
    margin-bottom: 10px
}

.bx-wrapper .bxslider li {
    min-height: 525px
}

.bx-wrapper .bx-controls .bx-pager {
    bottom: -30px
}

@media (min-width:40em) {
    .bx-wrapper .bxslider li {
        min-height: 425px
    }

    .bx-wrapper .bx-controls .bx-pager {
        bottom: -30px
    }
}

@media (min-width:60em) {
    .bx-wrapper .bxslider li {
        min-height: 480px
    }
}

.hs-landing-page {
    background-color: transparent
}

.hs-landing-page header.home-header {
    background-image: url(https://cdn2.hubspot.net/hubfs/5744431/Images/header-desk-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 4.0625em 0;
    background-position: center
}

.hs-landing-page .logo-wrap {
    background-color: rgba(255, 255, 255, .6);
    padding: 1.0625em 0
}

.hs-landing-page .logo-wrap .inner-wrap {
    box-sizing: border-box;
    padding: 1em
}

@media (min-width:80em) {
    .hs-landing-page .logo-wrap .inner-wrap {
        padding: 0
    }
}

.hs-landing-page .site-content .inner-wrap {
    box-sizing: border-box;
    padding: 2.5em 1em 5em 1em
}

@media (min-width:80em) {
    .hs-landing-page .site-content .inner-wrap {
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0
    }
}

.hs-landing-page .lp-content-wrap {
    display: table;
    width: 100%;
    padding-top: 1.9375em
}

.hs-landing-page .lp-content-wrap h2 {
    font-size: 1.375em;
    font-weight: 700;
    color: #000
}

.hs-landing-page .lp-content-wrap h3 {
    font-size: 1.125em;
    font-weight: 700;
    color: #000
}

.hs-landing-page .lp-content-wrap p {
    font-size: 1.125em;
    line-height: 1.6111111111em
}

.hs-landing-page .lp-content-with-form .site-content-primary {
    background-color: #d1dce2;
    padding: 2.1875em 2.125em 3.125em 2.625em
}

@media (min-width:60em) {
    .hs-landing-page .lp-content-with-form .site-content-primary {
        width: 50%;
        margin-right: 0;
        display: table-cell
    }
}

.hs-landing-page .lp-content-with-form .site-content-secondary {
    border: 1px solid #ccc;
    padding: 4em 2.625em
}

@media (min-width:60em) {
    .hs-landing-page .lp-content-with-form .site-content-secondary {
        width: 50%;
        display: table-cell;
        vertical-align: top
    }
}

@media (min-width:60em) {
    .hs-landing-page .lp-content-with-form {
        position: relative
    }

    .hs-landing-page .lp-content-with-form:before {
        position: absolute;
        content: "";
        background-image: url(https://cdn2.hubspot.net/hubfs/5744431/Images/noun_Arrow_30860.svg);
        background-repeat: no-repeat;
        background-size: 6.25em;
        top: 0;
        left: 45%;
        width: 6.25em;
        height: 6.25em;
        transform: rotate(-90deg)
    }
}

.hs-landing-page .lp-footer {
    background-image: url(https://cdn2.hubspot.net/hubfs/5744431/Images/footer-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5.1875em 0;
    background-position: center;
    text-align: center
}

.hs-landing-page .lp-footer span {
    margin-right: 1.875em
}

.hs-landing-page .lp-footer span:last-child {
    margin-right: 0
}

.hs-landing-page .lp-footer span a {
    margin-right: 1.5625em
}

.hs-landing-page .lp-footer span a:last-child {
    margin-right: 0
}

.hs-landing-page .lp-footer .sf-copy {
    text-decoration: none;
    color: #9fb2bc
}

.hs-landing-page .form-columns-1,
.hs-landing-page .form-columns-2 {
    max-width: inherit !important
}

.hs-landing-page label span {
    font-size: 1.125em
}

.hs-landing-page label .hs-form-required {
    color: #b22245 !important;
    display: inline !important
}

.hs-landing-page .hs-input {
    width: 100% !important;
    margin-bottom: 1.9375em !important;
    padding: .25em;
    border: 1px solid #9fb2bc
}

.hs-landing-page input[type=file] {
    border: 0 !important;
    padding-left: 0;
    background: 0 0 !important
}

.hs-landing-page .hs-form-booleancheckbox {
    padding: 0
}

.hs-landing-page .hs-form-booleancheckbox span {
    font-size: .75em;
    color: #b22245 !important;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 14px);
    padding-left: .625em
}

.hs-landing-page input[type=checkbox] {
    width: 14px !important;
    margin: 0 !important;
    display: inline-block;
    vertical-align: middle
}

.hs-landing-page textarea {
    height: 4.3125em
}

.hs-landing-page .hs_submit {
    text-align: center
}

.hs-landing-page .hs_submit .hs-button {
    background-color: #b22245 !important;
    font-weight: 400;
    font-size: 1.25em;
    padding: 1.1em 2.2em;
    outline: 0
}

.hs-landing-page iframe {
    margin-top: 2.4375em !important
}

.hs-landing-page ul li {
    background: url(https://cdn2.hubspot.net/hubfs/5744431/Images/bullet.png) no-repeat .2em .4666666667em
}

.ebook-library-module .rows-of-3>:nth-child(3n+1) {
    clear: none
}

.ebook-library-module .rows-of-3>* {
    width: 100%
}

@media (min-width:40em) {
    .ebook-library-module .rows-of-3>* {
        margin-right: 2%;
        width: 32%
    }
}

@media (min-width:60em) {
    .ebook-library-module .rows-of-3>* {
        width: 23%
    }
}

.el-link {
    text-align: center
}

.el-link img {
    display: block;
    margin: 0 auto
}

.site-content.two-column {
    text-align: center
}

.site-content .site-content-primary,
.site-content .site-content-secondary {
    text-align: left
}

.press-releases-module a {
    text-decoration: none
}

.press-releases-module a:hover {
    text-decoration: underline
}

.pr-item {
    margin-bottom: 1.25em
}

.pr-item-img img {
    border: 1px solid;
    border-radius: 6px;
    width: 9.5em;
    height: 9em
}

.pr-item-img a {
    position: relative;
    display: inline-block
}

.pr-item-img a:after {
    content: '';
    background-image: url(cte.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 7px;
    right: 7px;
    margin: 0 auto;
    width: 1.5em;
    height: 1.5em;
    background-color: #fff;
    background-size: 19px 19px;
    background-position: center center
}

.pr-item-cta {
    margin: 1em 0;
    display: inline-block;
    text-transform: uppercase
}

@media (min-width:40em) {
    .pr-item-cta {
        margin: 0
    }
}

.pr_itemdate {
    font-weight: 700
}

.pr-row {
    margin-bottom: 1.25em;
    padding: 0 1em
}

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

@media only screen and (min-width:60em) {
    header.home-header {
        height: auto !important
    }
}

#gdd001-primarynav-b {
    display: block !important
}

#menu-gdd001-primary-nav.top-nav>li>a>.cust-subnav-arrow {
    box-sizing: border-box;
    padding-right: 17px;
    background-image: url(https:gdd001-icon-down-arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px 12px
}

#gdd001-topnav-a {
    display: none
}

#gdd001-topnav-b {
    background-color: #f2f2f2;
    display: block !important
}

#gdd001-topnav-b .top-nav li a {
    color: #000;

}
#gdd001-topnav-b .top-nav li a:hover {
    color: #fff;
    
}

#gdd001-topnav-b .top-nav li.has-child ul li a {
    color: #fff !important
}

#menu-gdd001-primary-nav.top-nav li.has-child ul li {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

#nav-menu-item-4959:hover {
    background-color: transparent
}

.tn-email img {
    width: 22px;
    height: 18px
}

#menu-gdd001-top-nav {
    margin: 0;
    padding: 0;
    width: 22%;
    float: right;
    display: none !important
}

#menu-gdd001-top-nav li {
    padding-right: 10px
}

#gdd001-topnav-b .top-utility-nav {
    float: right
}

#gdd001-topnav-b .top-utility-nav a {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 11px
}


.tn_phone {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-decoration: none
}
.tn_phone:hover{
    color: #b22245;
    
}

.tn_phone {
    position: relative
}

.tn_phone:before {
    content: "";
    position: absolute;
    background-image: url(https:gdd001-phone-ico.svg);
    background-size: .5238095238em;
    background-repeat: no-repeat;
    background-position: left center;
    height: 100%;
    width: .5238095238em;
    left: 0;
    top: 5px
}

.tn_phone span {
    margin-left: 18px
}

#gdd001-primarynav-b {
    display: block !important
}

#gdd001-utnav-a,
#menu-top-nav-2 {
    display: none !important
}

.nav-logo-wrap {
    background: #fff;
    padding-top: 9px;
    padding-bottom: 9px
}

.nav-logo-wrap .inner-wrap {
    box-sizing: border-box;
    max-width: 75em;
}

@media (min-width:60em) {
    .nav-logo-wrap .inner-wrap {
        box-sizing: border-box;
        padding: 0 1.5em;        
        width: 60em;

    }
}

#menu-gdd001-primary-nav a {
    font-size: 13px
}

#menu-gdd001-primary-nav.top-nav li:hover>a {
    background-color: transparent
}

#menu-gdd001-primary-nav.top-nav li.has-child ul li a {
    font-size: .8666666666666667em !important
}

#nav-menu-item-4959 {
    background-color: #cb1f48
}

.web-label {
    margin-right: 15px
}

.search-text {
    border: 1px solid #000;
    border-radius: 7px;
    width: 151px
}

.search-submit {
    height: 1.6666666667em;
    padding: 0 !important;
    width: 1.62em;
    background: url(gdd001-search-ico.svg) no-repeat top center !important;
    background-size: 23px !important;
    font-size: 1.125em !important;
    background-color: transparent !important;
    margin-left: 10px !important;
    outline: 0
}

#menu-gdd001-top-nav.top-nav li:hover>a {
    background-color: transparent
}

@media only screen and (min-width:60em) {
    #menu-gdd001-primary-nav a {
        font-size: 13px !important
    }
}

@media only screen and (min-width:60em) {
    #menu-gdd001-top-nav {
        width: 16%
    }

    #menu-gdd001-primary-nav.top-nav li a {
        padding: .8em .2em 1.2em
    }

    #nav-menu-item-4959 a {
        padding: 0 0 1.2em !important
    }

    #menu-gdd001-primary-nav .sn-li-l1.menu-item-has-children>a {
        padding-right: 15px !important;
        background-size: 12px 8px !important;
        display: inline !important
    }

    #menu-gdd001-primary-nav.top-nav li {
        padding: .8em 2px 1.066666666666667em !important
    }
}

@media only screen and (min-width:60em) {
    header.home-header {
        height: 561px
    }

    .stuck #menu-gdd001-primary-nav a {
        font-size: 13px !important
    }

    #nav-menu-item-4994 {
        display: none !important
    }

    #nav-menu-item-4995 {
        display: none !important
    }

    #nav-menu-item-5157 {
        display: none !important
    }

    #nav-menu-item-5168 {
        display: none !important
    }

    .stuck-bx-wrapper {
        margin-top: 40px
    }

    .stuck .header-logo {
        box-sizing: border-box;
        display: block !important;
        padding-top: 9px;
        padding-right: 15px;
        max-width: 7.9375em
    }

    .stuck-logo-wrap {
        display: none
    }

    #menu-gdd001-top-nav .sn-li-l1.menu-item-has-children>a {
        padding-right: 17px;
        background-image: url(https:icon-down-arrow-ut.svg);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 12px 9px
    }

    header {
        background: url(header-desk-bg.jpg) no-repeat center 6.9375em, url(header-repeat-desk-bg.jpg) repeat-x left 6.9375em;
        background-position: center bottom;
    }

    .stuck #menu-gdd001-primary-nav.top-nav {
        padding: 0;
        width: 85%
    }

    .shs-sticky-wrap.stuck {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 100;
        background-color: #3e5b6b
    }

    #menu-gdd001-top-nav {
        display: block !important
    }

    #menu-gdd001-primary-nav.top-nav li {
        padding: .8em 2px 1.066666666666667em
    }

    .header-right {
        padding-top: 24px
    }

    #menu-gdd001-primary-nav.top-nav {
        text-align: left;
        padding-top: 2px;
        padding-bottom: 1px;
        margin: 0 auto;
        float: none
    }

    #menu-gdd001-primary-nav .sn-li-l1.menu-item-has-children>a {
        padding-right: 17px;
        background-image: url(gdd001-icon-down-arrow.svg);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: .75em .9375em
    }

    #nav-menu-item-4959 span {
        background-color: #cb1f48;
        padding: 8px 17px 8px 17px;
        border-radius: 5px;
        position: relative;
        top: 3px
    }

    #nav-menu-item-4959 {
        background-color: transparent
    }

    .banner-container {
        padding: 0 0 0
    }
}

.search_dual [type=radio]:checked,
.search_dual [type=radio]:not(:checked) {
    position: absolute;
    z-index: 99;
    opacity: 0;
    cursor: pointer
}

.search_dual [type=radio]:checked+label,
.search_dual [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666
}

.search_dual [type=radio]:checked+label:before,
.search_dual [type=radio]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    background: #fff
}

.search_dual [type=radio]:checked+label:after,
.search_dual [type=radio]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #000;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.search_dual [type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.search_dual [type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.search_dual input::-webkit-input-placeholder {
    color: transparent
}

.search_dual input:-moz-placeholder {
    color: transparent
}

.search_dual input::-moz-placeholder {
    color: transparent
}

.search_dual input:-ms-input-placeholder {
    color: transparent
}

a.sf-icon-link {
    text-decoration: none
}

.sale-rep-locator {
    text-align: center
}

.sale-rep-locator h1 {
    margin-bottom: 1.6949152542em
}

.sale-rep-locator .inner-wrap {
    box-sizing: border-box;
    padding: 1.25em 1em 0
}

@media (min-width:40em) {
    .sale-rep-locator .inner-wrap {
        box-sizing: border-box;
        padding: 1.25em 1.5em 0
    }
}

@media (min-width:60em) {
    .sale-rep-locator .inner-wrap {
        padding: 0
    }
}

#srlMap {
    margin-top: 1.25em
}

.srl-listing {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 1.875em -.625em
}

.srl_item {
    width: calc(100% - 20px);
    padding: .625em;
    border: 1px solid #999;
    margin: .625em;
    border-radius: 5px;
    background: 0 0;
    cursor: pointer
}

.srl_item span {
    word-break: break-all
}

@media (min-width:40em) {
    .srl_item {
        width: calc(33.33% - 20px)
    }
}

@media (min-width:60em) {
    .srl_item {
        width: calc(25% - 20px)
    }
}

.srl_header {
    border-bottom: 1px solid #999;
    padding-bottom: .625em;
    margin-bottom: .9375em;
    position: relative
}

.srl_header h3 {
    padding: 0;
    text-transform: initial;
    font-weight: 600;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -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
}

.srl-map-color {
    display: inline-block;
    min-width: 1.875em;
    width: 1.875em;
    height: 1.875em;
    border-radius: 50%;
    margin-right: .3125em
}

.srl-contact-info>* {
    margin-bottom: 7px;
    display: block
}

a.boc-btn {
    background: #b22245;
    color: #fff;
    padding: 12px 21px;
    border-radius: 5px;
    margin-bottom: 12px;
    display: inline-block;
    text-decoration: none
}

a.boc-btn:hover {
    background-color: #3e5b6b;
    color: #fff;
    text-decoration: none
}

.gdd002-si-wrapper {
    text-align: center
}

@media (min-width:60em) {
    .gdd002-si-wrapper {
        text-align: left
    }
}

.gdd002-si-wrapper .si-text p {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 3px
}

@media (min-width:40em) {
    .gdd002-si-wrapper .si-text p {
        font-size: 36px
    }
}

.gdd002-si-wrapper .cta-wrapper {
    margin-top: 16px
}

.gdd002-si-wrapper .catalog-cta {
    display: inline-block;
    background-color: #7e344f;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding-left: 16px;
    padding-right: 17px;
    padding-top: 13px;
    padding-bottom: 13px;
    border-radius: 5px;
    text-decoration: none;
    margin-bottom: 15px
}

.gdd002-si-wrapper .catalog-cta:hover {
    background-color: #cb1f48
}

@media (min-width:60em) {
    .gdd002-si-wrapper .catalog-cta {
        margin-right: 14px;
        margin-bottom: 0
    }
}

.gdd002-si-wrapper .resource-cta {
    display: inline-block;
    background-color: rgba(209, 220, 226, .25);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding-left: 31px;
    padding-right: 32px;
    padding-top: 13px;
    padding-bottom: 13px;
    border-radius: 5px;
    text-decoration: none
}

.gdd002-si-wrapper .resource-cta:hover {
    background-color: #d1dce2;
    color: #3e5b6b
}

.si-image {
    text-align: center
}

.bx-wrapper {
    display: none
}

#gdd-002-a {
    display: none
}

.gdd002-si-wrapper {
    display: block !important
}

.si-image {
    position: relative;
    margin-top: 16px
}

.si-image {
    display: block !important
}

.banner-container {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    min-height: 500px
}

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

@media only screen and (min-width:56.25em) {
    .gdd002-si-wrapper {
        display: inline-block !important;
        padding-top: 110px;
        text-align: left
    }

    .si-image {
        margin-top: 0;
        display: inline-block !important;
        vertical-align: top;
        position: absolute;
        padding-top: 66px
    }
}

@media only screen and (min-width:60em) {
    .gdd002-si-wrapper {
        display: inline-block !important;
        padding-top: 110px
    }

    .si-image {
        display: inline-block !important;
        vertical-align: top;
        position: absolute;
        padding-top: 25px
    }
}

@media only screen and (min-width:87.5em) {
    .banner-container .inner-wrap {
        box-sizing: border-box;
        width: 75em
    }

    .si-image {
        margin-left: 68px
    }

    .banner-container .inner-wrap {
        padding-left: 48px
    }
}

@media only screen and (min-width:60em) {
    #menu-gdd001-primary-nav a {
        font-size: 13px
    }
}

@media only screen and (min-width:60em) {
    #menu-gdd001-primary-nav a {
        font-size: 13px !important
    }
}

@media only screen and (min-width:60em) {
    .stuck #menu-gdd001-primary-nav.top-nav {
        width: 84%
    }
}

@media only screen and (min-width:52.9375em) {
    .stuck #menu-gdd001-primary-nav.top-nav {
        width: 100% !important
    }
}

.gdd-003-b-sticky {
    box-sizing: border-box;
    display: none;
    position: fixed;
    bottom: 2.4%;
    right: 33px;
    color: #3c5c6b;
    text-decoration: none;
    background-color: #d3dbde;
    padding-top: 1.5625em;
    border-radius: 50%;
    z-index: 11;
    width: 6.25em;
    height: 6.25em;
    text-align: center;
    text-decoration: none !important
}

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

.gdd-003-b-sticky:hover {
    color: #3c5c6b
}

.gdd-003-b-sticky span:hover {
    color: #3c5c6b
}

.gdd-003-b-sticky span {
    font-size: 1em;
    display: block;
    padding: 1.5625em .2857142857em;
    line-height: 1.1428571429em;
    font-weight: 600;
    color: #3c5c6b;
    text-transform: uppercase
}

.gdd-003-b-sticky span:before {
    content: "";
    position: absolute;
    background-image: url(gdd003-contact-ico.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.875em 1.25em;
    width: 1.875em;
    height: 1.25em;
    top: 1.5em;
    left: 0;
    right: 0;
    margin: 0 auto
}

.gdd-003-b-sticky:focus {
    color: #fff
}

.pulse,
.tring {
    position: absolute;
    top: -.3125em;
    left: -.3125em;
    width: 6.875em;
    height: 6.875em;
    border-radius: 50%;
    border: solid #dde5e8
}

.tring {
    border-width: 1px
}

.gdd003-close-sticky {
    display: none;
    background-image: url(gdd003-close-ico.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: .625em .625em;
    border-radius: 50%;
    width: .625em;
    height: .625em;
    vertical-align: top;
    margin-top: .0625em;
    margin-right: .0625em;
    margin-left: .25em;
    position: fixed;
    bottom: .8125em;
    right: .8125em;
    z-index: 12;
    cursor: pointer;
    background-color: #d2dde1;
    padding: 12px
}

@media (min-width:40em) {
    .gdd003-close-sticky {
        display: block !important
    }
}

@media (min-height:85.375em) {
    .gdd003-close-sticky {
        bottom: 4.8125em
    }
}

@media (max-height:30em) {
    .gdd003-close-sticky {
        bottom: .8125em
    }
}

.pulse {
    transform: scale(1, 1);
    border-width: 1px
}

.pulse.pulse--1 {
    animation: pulse infinite;
    animation-duration: 3s;
    animation-delay: 0s
}

.pulse.pulse--2 {
    animation: pulse infinite;
    animation-duration: 3s;
    animation-delay: 1s
}

.pulse.pulse--3 {
    animation: pulse infinite;
    animation-duration: 3s;
    animation-delay: 2s
}

@keyframes pulse {
    100% {
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    100% {
        transform: scale(2);
        opacity: 0
    }
}

@-moz-keyframes pulse {
    100% {
        transform: scale(2);
        opacity: 0
    }
}

@-o-keyframes pulse {
    100% {
        transform: scale(2);
        opacity: 0
    }
}

.gdd-003-stickyfooter {
    box-sizing: border-box;
    text-align: center;
    background-color: #d3dbde;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.gdd-003-stickyfooter a {
    color: #3c5c6b;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase
}

.gdd-003-stickyfooter a:hover {
    color: #3c5c6b
}

.gdd-003-stickyfooter img {
    width: 2.1875em;
    height: 2.1875em;
    display: inline-block;
    margin-top: 4px
}

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

.inner-wrap-wide {
    box-sizing: border-box;
    max-width: 90em;
    margin: 0 auto;
    padding: 1.5em 1.5em
}

.home-intro .inner-wrap-wide {
    padding: 2.5em 1.5em
}

.home-intro p {
    text-align: center;
    padding: 0
}

body .custom-manufacturing {
    padding: 0 1em;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse
}

@media (min-width:40em) {
    body .custom-manufacturing {
        flex-direction: row;
        align-items: center
    }
}

@media (min-width:103.125em) {
    body .custom-manufacturing {
        padding: 0 4em
    }
}

@media (min-width:40em) {
    .cm-video {
        width: 40%
    }
}

.cm-content {
    padding: 1em 0
}

@media (min-width:40em) {
    .cm-content {
        width: 60%;
        padding-left: 1.875em
    }
}

@media (min-width:87.5em) {
    .cm-content {
        padding-left: 3.75em
    }
}

.cm-heading {
    text-transform: none;
    color: #000;
    font-weight: 600;
    padding-right: 0;
    padding-left: 0
}

@media (min-width:40em) {
    .cm-heading {
        font-size: 1.625em
    }
}

.cm-text {
    padding-right: 0;
    padding-left: 0
}

.am-btn.btn-arrow,
.am-btn.btn-download,
.btn.am-btn,
.btn.cm-btn,
.cm-btn.btn-arrow,
.cm-btn.btn-download,
button.am-btn,
button.cm-btn,
input.am-btn[type=submit],
input.cm-btn[type=submit] {
    background-color: #78909c;
    font-size: .9375em;
    padding: .8em 5em
}

.product-module {
    text-align: center
}

.pm-item:hover .pm-title {
    background-color: #981d3b
}

.pm-heading {
    color: #000;
    text-transform: none;
    font-weight: 700;
    font-size: 1.375em;
    text-decoration: underline;
    margin-bottom: .6818181818em
}

@media (min-width:40em) {
    .pm-heading {
        font-size: 1.875em
    }
}

.pm-visual {
    background-color: #d9d9d9;
    padding: 1.25em
}

.pm-visual img {
    display: block;
    margin: 0 auto
}

.pm-title {
    display: block;
    background-color: #78909c;
    padding: .625em;
    color: #fff;
    text-decoration: none
}

.pm-title:hover {
    color: #fff;
    text-decoration: none
}

.pm-title:active,
.pm-title:focus {
    color: #fff
}

@media (min-width:40em) {
    .pm-title {
        min-height: 5.625em
    }
}

@media (min-width:60em) {
    .pm-title {
        min-height: 4.0625em
    }
}

@media (min-width:87.5em) {
    .pm-title {
        min-height: auto
    }
}

.about-module {
    padding: 1em 1em 1em;
    text-align: center;
    background-color: #eaeaea
}

@media (min-width:103.125em) {
    .about-module {
        padding: 2em 4em 2em
    }
}

.am-text {
    padding: 0;
    margin-bottom: 1.938em;
    text-align: left
}

.infographic {
    text-align: center
}

.infographic img {
    display: block;
    margin: 0 auto
}

.infographic p {
    margin-left: 1.25em;
    margin-bottom: 1.25em;
    margin-right: 1.25em
}

@media (min-width:40em) {
    .infographic {
        float: right
    }
}

.inner-page-btn {
    text-align: center
}

.inner-page-btn .catalog-cta {
    display: inline-block;
    background-color: #7e344f;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding-left: 16px;
    padding-right: 17px;
    padding-top: 13px;
    padding-bottom: 13px;
    border-radius: 5px;
    text-decoration: none
}

.inner-page-btn .catalog-cta:hover {
    background-color: #cb1f48
}

@media (min-width:60em) {
    .lp-content-wrap.lp-content-with-form.resources-lp p {
        font-size: .87em
    }

    .lp-content-wrap.lp-content-with-form.resources-lp .site-content-secondary {
        padding-top: 2em
    }
}

.youtube-video-blog img {
    margin: 0 auto .666666666666667em auto !important;
    float: none !important;
    padding-bottom: 10px
}

.page-template-press-releases img.mfp-img {
    max-height: 960px !important
}

.gdd-004-ebook {
    display: none;
    background-color: #d3dbde;
    border-radius: 10px;
    max-width: 300px;
    position: fixed;
    bottom: 5em;
    padding: 25px;
    box-shadow: 1px 2px 8px 3px rgba(0, 0, 0, .3);
    z-index: 100;
    left: -100%;
    -webkit-transition: all 3s linear;
    -moz-transition: all 3s linear;
    transition: all 3s linear
}

.gdd-004-ebook:before {
    position: absolute;
    content: "";
    left: -8px;
    top: -11px;
    border: 1px solid #d0d9de;
    width: 316px;
    height: 192px;
    border-radius: 10px;
    opacity: .7
}

@media (min-width:40em) {
    .gdd-004-ebook:before {
        left: -13px;
        top: -13px;
        width: 448px;
        height: 218px
    }
}

.gdd-004-ebook .geb-close {
    background-image: url(https://www.staffordmfg.com/wp-content/uploads/geb-close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: .8125em;
    right: .8125em;
    z-index: 2;
    cursor: pointer
}

@media (min-width:40em) {
    .gdd-004-ebook {
        max-width: 100%;
        width: 422px;
        padding: 17px;
        bottom: 2em
    }
}

.gdd-004-ebook .geb-title {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 700;
    color: #cb1f48;
    text-transform: uppercase;
    text-align: left
}

.gdd-004-ebook .geb-text {
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 700;
    color: #3e5b6b;
    padding-bottom: 0;
    text-align: left;
    text-decoration: none
}

.gdd-004-ebook .geb-text:hover {
    text-decoration: underline
}

@media (min-width:40em) {
    .gdd-004-ebook .geb-text {
        font-size: 26px
    }
}

.gdd-004-ebook .geb-wrap {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.gdd-004-ebook .geb-wrap br {
    display: none
}

@media (min-width:40em) {
    .gdd-004-ebook .geb-wrap br {
        display: block !important
    }
}

.gdd-004-ebook .geb-wrap .geb-left {
    width: 35%
}

.gdd-004-ebook .geb-wrap .geb-right {
    width: 65%
}

@media (min-width:40em) {
    .gdd-004-ebook .geb-wrap .geb-right {
        padding-top: 1em
    }
}

.mfp-zoom-out-cur .shs-sticky-wrap.stuck {
    width: calc(100% - 17px) !important;
    transition: none !important
}

.mfp-container {
    overflow-x: auto !important
}

img.mfp-img {
    max-height: 1280px !important
}

textarea {
    max-width: 100% !important
}

.gdd-006-b {
    position: relative;
    height: 540px
}

.gdd-006-b:before {
    content: '';
    position: absolute;
    background-position: center center;
    background-size: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .65;
    z-index: 1
}

.gdd-006-b .gsi-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.gdd-006-b .gsi-video video {
    width: 100%;
    min-height: 540px;
    object-fit: fill;
    -moz-object-fit: fill;
    -webkit-object-fit: fill;
    -o-object-fit: fill;
    -ms-object-fit: fill
}

.gdd-006-b .gsi-content-wrap {
    position: absolute;
    z-index: 1;
    text-align: center;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 10px
}

@media (min-width:60em) {
    .gdd-006-b .gsi-content-wrap {
        padding: 0 0
    }
}

.gdd-006-b .gsi-content-wrap br {
    display: none
}

@media (min-width:60em) {
    .gdd-006-b .gsi-content-wrap br {
        display: block !important
    }
}

.gdd-006-b .gsi-content-wrap h1 {
    font-family: Open Sans;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    border-bottom: 0;
    text-transform: none
}

@media (min-width:40em) {
    .gdd-006-b .gsi-content-wrap h1 {
        font-size: 38px
    }
}

.gdd-006-b .gsi-content-wrap .gsi-cta-one,
.gdd-006-b .gsi-content-wrap .gsi-cta-two {
    font-family: Open Sans;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 15px
}

.gdd-006-b .gsi-content-wrap .gsi-cta-one {
    background-color: #cb1f48;
    padding: 17px 36px
}

.gdd-006-b .gsi-content-wrap .gsi-cta-one:hover {
    color: #cb1f48;
    background-color: #fff
}

@media (min-width:40em) {
    .gdd-006-b .gsi-content-wrap .gsi-cta-one {
        margin-right: 2em
    }
}

.gdd-006-b .gsi-content-wrap .gsi-cta-two {
    background-color: transparent;
    border: 2px solid #fff;
    padding: 15px 61px
}

.gdd-006-b .gsi-content-wrap .gsi-cta-two:hover {
    background-color: #cb1f48;
    border-color: #cb1f48
}

.gdd-006-b .inner-wrap {
    width: 100%;
    box-sizing: border-box;
    max-width: 100%
}

.custom-capabilities-module .tab-link:hover {
    background-color: #cb1f48;
    color: #fff
}

.press-release-module {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center
}

@media (min-width:64em) {
    .press-release-module {
        text-align: left;
        height: 342px
    }
}

.press-release-module .inner-wrap-wide {
    padding-top: 5em;
    padding-bottom: 5em
}

.press-release-module .prm-title {
    font-size: 30px;
    font-weight: 700;
    font-family: Open Sans;
    color: #fff
}

.press-release-module .prm-title br {
    display: none
}

@media (min-width:40em) {
    .press-release-module .prm-title br {
        display: block !important
    }
}

.press-release-module .prm-cta {
    font-size: 16px;
    font-weight: 600;
    font-family: Open Sans;
    color: #fff;
    background-color: #cb1f48;
    padding: 17px 19px;
    border-radius: 5px;
    margin-bottom: 3em
}

.press-release-module .prm-cta:hover {
    background-color: #b41a3f
}

@media (min-width:40em) {
    .press-release-module .prm-cta {
        font-size: 18px;
        padding: 17px 31px
    }
}

@media (min-width:64em) {
    .press-release-module .prm-cta {
        margin-bottom: 0
    }
}

.press-release-module .prm-item {
    margin-bottom: 1em
}

@media (min-width:40em) {
    .press-release-module .prm-item {
        margin-bottom: 0;
        margin-right: 1em
    }
}

.press-release-module .prm-img {
    border-radius: 5px
}

@media (min-width:64em) {
    .press-release-module .prm-img {
        max-width: 9.375em;
        min-width: 9.375em
    }
}

@media (min-width:80em) {
    .press-release-module .prm-img {
        max-width: 11.8125em;
        min-width: 11.8125em
    }
}

@media (min-width:40em) {
    .press-release-module .prmr-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }
}

@media (min-width:80em) {
    .press-release-module .prmr-wrap {
        justify-content: normal
    }
}

@media (min-width:64em) {
    .press-release-module .prm-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:64em) {

    .press-release-module .prm-left,
    .press-release-module .prm-right {
        width: 50%
    }
}

.gdd005-resource-module {
    text-align: center;
    background-color: #d8dee1
}

.gdd005-resource-module .inner-wrap-wide {
    padding-top: 2.5em;
    padding-bottom: 2.5em
}

.gdd005-resource-module .grm-header {
    font-size: 34px;
    font-weight: 700;
    color: #000;
    font-family: Open Sans;
    text-transform: capitalize;
    margin-bottom: 1em
}

.gdd005-resource-module .grm-title {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #3e5b6b;
    font-family: Open Sans;
    margin-top: 1em;
    text-transform: none;
    padding-left: 30px;
    display: inline-block
}

.gdd005-resource-module .grm-title:before {
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    top: 0;
    left: 0;
    background-image: url(gres-ico-download.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 24px 24px
}

.gdd005-resource-module .grm-title br {
    display: none
}

@media (min-width:80em) {
    .gdd005-resource-module .grm-title br {
        display: block !important
    }
}

.gdd005-resource-module .grm-item img {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear
}

.gdd005-resource-module .grm-item a {
    text-decoration: none
}

.gdd005-resource-module .grm-item:hover .grm-title {
    color: #b41a3f
}

.gdd005-resource-module .grm-item:hover .grm-img img {
    transform: scale(1.1)
}

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

.clearfix:after {
    clear: both
}

.alignright {
    display: block;
    padding-bottom: 1.5em
}

.alignleft {
    display: block;
    padding-bottom: 1.5em
}

.aligncenter {
    display: block;
    margin: 0 auto
}

@media (min-width:40em) {
    .alignright {
        display: block;
        float: right;
        padding-bottom: 1.5em;
        padding-left: 1.5em;
        padding-right: 1.5em
    }

    .alignleft {
        display: block;
        float: left;
        padding-bottom: 1.5em;
        padding-right: 1.5em
    }

    .aligncenter {
        display: block;
        margin: 0 auto
    }
}

.text-alignright {
    text-align: right
}

.text-alignleft {
    text-align: left
}

.text-aligncenter {
    text-align: center
}

.clearboth {
    clear: both;
    display: block
}

.spacing-bottom {
    margin-bottom: 2em
}

.spacing-top {
    margin-top: 2em
}

.flex-container a:focus,
.flex-container a:hover,
.flex-slider a:focus,
.flex-slider a:hover {
    outline: 0
}

.flex-control-nav,
.flex-direction-nav,
.slides,
.slides>li {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-pauseplay span {
    text-transform: capitalize
}

.flexslider {
    margin: 0;
    padding: 0
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
    padding: 0;
    position: relative;
    background: 0 0;
    text-align: center
}

.flexslider .slides img {
    display: block;
    margin: 0 auto
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .flexslider .slides {
    display: block
}

* html .flexslider .slides {
    height: 1%
}

.no-js .flexslider .slides>li:first-child {
    display: block
}

.slider {
    padding: 0 15px
}

.flexslider {
    position: relative;
    zoom: 1
}

.flexslider .slides {
    zoom: 1
}

.flexslider .slides img {
    height: auto
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.carousel li {
    margin: 0 4px 0 4px;
    padding: 0;
    background: 0 0
}

.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-direction-nav a {
    cursor: pointer;
    display: block;
    height: 4.125em;
    overflow: hidden;
    opacity: 1;
    position: absolute;
    text-decoration: none;
    text-indent: 1.75em;
    top: 3.4375em;
    width: 1.75em;
    z-index: 10
}

.flex-direction-nav .flex-prev {
    background: url(prev.jpg) no-repeat left top;
    left: .5625em
}

.flex-direction-nav .flex-prev.flex-disabled,
.flex-direction-nav .flex-prev.flex-disabled:hover {
    background: url(prev.jpg) no-repeat left top
}

.flex-direction-nav .flex-next {
    background: url(next.jpg) no-repeat left top;
    right: .5625em
}

.flex-direction-nav .flex-next.flex-disabled,
.flex-direction-nav .flex-next.flex-disabled:hover {
    background: url(next.jpg) no-repeat left top
}

.flex-direction-nav .flex-prev:hover {
    background: url(prev-hover.jpg) no-repeat left top;
    opacity: 1
}

.flex-direction-nav .flex-next:hover {
    background: url(next-hover.jpg) no-repeat left top;
    opacity: 1
}

.flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    cursor: default
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

.flex-pauseplay a:before {
    font-family: flexslider-icon;
    font-size: 20px;
    display: inline-block;
    content: '\f004'
}

.flex-pauseplay a:hover {
    opacity: 1
}

.flex-pauseplay a .flex-play:before {
    content: '\f003'
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1
}

.flex-control-paging {
    display: none
}

.flex-control-thumbs {
    display: none
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

.slides li a span {
    background: url(bucket-bg.png) repeat left top;
    bottom: 1.6em;
    color: #e9e9ee;
    font-size: .9375em;
    font-weight: 700;
    left: 0;
    line-height: 1.133333333333333em;
    margin: 0 auto;
    padding: 1.266666666666667em 0 1.466666666666667em 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    width: 12.66666666666667em
}

.slides li>a:hover>span {
    background: url(bucket-hover-bg.png) repeat left top
}

.slides li>span {
    color: #3e5b6a;
    font-size: .8125em;
    line-height: 1.615384615384615em;
    text-transform: uppercase;
    vertical-align: top
}

.slides li>span>a {
    color: #3e5b6a;
    padding: 0 .5384615384615385em 0 .5384615384615385em;
    text-decoration: none
}

.slides li>span>a:hover {
    color: #b22245
}

@media only screen and (min-width:40em) {
    .slider {
        padding: 0 2.375em 0 2.25em
    }

    .flexslider .slides>li {
        margin: 0;
        max-width: 11.8125em;
        min-width: 11.8125em
    }

    .flexslider .slides>li>a {
        display: block
    }

    .flexslider .slides img {
        border-right: 1px solid #fff;
        float: left;
        height: 15.375em;
        width: 11.75em
    }

    .slides li a span {
        margin: 0 .0666666666666667em 0 0;
        min-height: 76px;
        padding: .8666666666666667em 0 0 0;
        width: 12.53333333333333em
    }

    .ie10 .slides li a span,
    .ie11 .slides li a span,
    .ie8 .slides li a span,
    .ie9 .slides li a span {
        width: 12.66666666666667em
    }

    .slides li.two-line a span {
        min-height: 3.733333333333333em;
        padding: 1.333333333333333em 0 0 0
    }

    .flex-direction-nav a {
        top: 3.5em
    }

    .flex-direction-nav .flex-prev {
        left: -2.0625em
    }

    .flex-direction-nav .flex-next {
        right: -2.0625em
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .last_crasual_txt {
        padding: 8px 0 5px 0 !important
    }
}

@media only screen and (min-width:60em) {
    .slider {
        margin: 0 auto;
        max-width: 631px;
        min-height: 11.5625em;
        padding: 0 2.0625em 0 2em
    }

    .flex-direction-nav .flex-next {
        right: -2.1875em
    }
}

@media only screen and (min-width:60em) {
    .bucket-links {
        display: inline-block;
        width: 632px
    }

    .flexslider {
        width: 566px
    }

    .flexslider .slides>li {
        margin: 0;
        max-width: 11.8125em;
        min-width: 11.8125em;
        min-height: 17em
    }

    .ie10 .slides .last_crasual_txt,
    .ie11 .slides .last_crasual_txt,
    .ie8 .slides .last_crasual_txt,
    .ie9 .slides .last_crasual_txt {
        padding: 8px 0 5px 0
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

/*! Tablesaw - v1.0.2 - 2014-12-17
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2014 Filament Group; Licensed MIT */

table.tablesaw {
    empty-cells: show;
    max-width: 100%;
    width: 100%
}

.tablesaw {
    border-collapse: collapse;
    width: 100%
}

.tablesaw {
    border: 0;
    padding: 0
}

.tablesaw td,
.tablesaw th {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em .7em
}

.tablesaw thead tr:first-child th {
    padding-top: .9em;
    padding-bottom: .7em
}

.tablesaw-stack tbody tr {
    border-bottom: 1px solid #dfdfdf
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none
}

@media only all {

    .tablesaw-stack td,
    .tablesaw-stack th {
        text-align: left;
        display: block
    }

    .tablesaw-stack tr {
        clear: both;
        display: table-row
    }

    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: block;
        padding: 0 .6em 0 0;
        width: 30%;
        display: inline-block
    }

    .tablesaw-stack td .tablesaw-cell-label-top,
    .tablesaw-stack th .tablesaw-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0
    }

    .tablesaw-cell-label {
        display: block
    }

    .tablesaw-stack tbody th.group {
        margin-top: -1px
    }

    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important
    }
}

@media (max-width:39.9375em) {

    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: none
    }

    .tablesaw-stack tbody td,
    .tablesaw-stack tbody th {
        clear: left;
        float: left;
        width: 100%
    }

    .tablesaw-cell-label {
        vertical-align: top
    }

    .tablesaw-cell-content {
        max-width: 67%;
        display: inline-block
    }

    .tablesaw-stack td:empty,
    .tablesaw-stack th:empty {
        display: none
    }
}

@media (min-width:40em) {
    .tablesaw-stack tr {
        display: table-row
    }

    .tablesaw-stack td,
    .tablesaw-stack th,
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: table-cell;
        margin: 0
    }

    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: none !important
    }
}

.bx-wrapper {
    position: absolute;
    margin: 82px auto 60px;
    padding: 0;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.slide1 {
    background: url(slide1.jpg) no-repeat center top;
    background-size: cover !important
}

.slide2 {
    background: url(slide2.jpg) no-repeat center;
    background-size: cover !important
}

.slide3 {
    background: url(slide3.jpg) no-repeat center top;
    background-size: cover !important
}

.slide4 {
    background: url(slide4.jpg) no-repeat center top;
    background-size: cover !important
}

.slide5 {
    background: url(slide5.jpg) no-repeat center top;
    background-size: cover !important
}

.bxslider li {
    min-height: 425px
}

@media only screen and (min-width:60em) {
    .bxslider li {
        min-height: 478px
    }
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #3a474e;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #b22245
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(80, 80, 80, .75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.hs-error-msgs {
    color: #c02f2f
}

/*! {% include "hubspot/styles/responsive/required_base.css" %}*/

/*!
[hubspot-metadata]
{
    "path": "custom/page/web_page_basic/style.css"
}
[end-hubspot-metadata]
*/

/* gdd 009 b css start */

#exit-popup-gdd {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 46.5625em;
    background-color: white;
    border-radius: 6px;
    width: 90%;
    border: none;
}

#exit-popup-gdd .mfp-close {
    font-size: 1.5625em !important;
    color: #fff !important;
    font-weight: 100 !important;
    background-color: #000 !important;
    border-radius: 50% !important;
    right: -0.8em !important;
    top: -0.88em !important;
    opacity: 1 !important;
    border: 1px solid #fff !important;
}

.ep-wrapper {
    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;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: none;
    width: 100%;
}

.ep-left-div {
    width: 65%;
    padding: 1.875em 1.25em;
}

.ep-left-div {
    box-sizing: border-box;
}

@media (min-width: 40em) {
    .ep-left-div {
        width: 62%;
        padding: 3.125em;
    }
}

.ep-heading {
    font-size: 1em;
    font-weight: 700;
    text-transform: none;
    color: #000;
    margin-bottom: 1.25em;
}

@media (min-width: 40em) {
    .ep-heading {
        font-size: 1.875em;
        margin-bottom: 0.9em;
    }
}

.ep-cta {
    display: inline-block;
    vertical-align: top;
    background-color: #cb1f48;
    padding: 0.6666666667em 1.25em;
    font-size: 0.75em;
    color: white;
    border-radius: 3px;
    -webkit-animation-name: color-transition;
    animation-name: color-transition;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.ep-cta:hover,
.ep-cta:focus,
.ep-cta:active {
    color: white;
    background-color: #cb1f48;
}

.ep-cta span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-right: 1.25em;
}

.ep-cta span:after {
    content: "";
    position: absolute;
    background-image: url(//www.staffordmfg.com/wp-content/themes/stafford-default/img/ico-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 0.8333333333em 1.3333333333em;
    width: 0.8333333333em;
    height: 1.3333333333em;
    right: 0;
    top: 0;
}

@media (min-width: 40em) {
    .ep-cta {
        padding: 0.4444444444em 0.8333333333em;
        font-size: 1.125em;
    }

    .ep-cta span {
        padding-right: 1.1111111111em;
    }

    .ep-cta span:after {
        background-size: 0.7777777778em 0.8888888889em;
        width: 0.7777777778em;
        height: 0.8888888889em;
        top: 0.2777777778em;
    }
}

.ep-right-div {
    width: 35%;
    background-color: #cb1f48;
    position: relative;
    padding: 1.25em;
    box-sizing: border-box;
}

.ep-right-div img {
    position: absolute;
    left: 50%;
    display: block;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 70%;
}

@media (min-width: 40em) {
    .ep-right-div {
        width: 38%;
    }
}

@-webkit-keyframes color-transition {
    0% {
        background-color: #cb1f48;
    }

    50% {
        background-color: #7e344f;
    }

    100% {
        background-color: #cb1f48;
    }
}

@-moz-keyframes color-transition {
    0% {
        background-color: #cb1f48;
    }

    50% {
        background-color: #7e344f;
    }

    100% {
        background-color: #cb1f48;
    }
}

@keyframes color-transition {
    0% {
        background-color: #cb1f48;
    }

    50% {
        background-color: #7e344f;
    }

    100% {
        background-color: #cb1f48;
    }
}

/* gdd 009 b css end */

/* footer gdd-010-b css starts */
.gdd-010-b ul {
    box-sizing: border-box;
}

.gdd-010-b ul {
    margin: 0;
    padding: 0 0 1em;
}

.gdd-010-b ul li {
    font-size: .9375em;
    color: #3a474e;
    background: url(//www.staffordmfg.com/wp-content/themes/stafford-default/img/bullet.png) no-repeat .2em .4666666667em;
    list-style: none;
    padding: 0 0 .4em 1em;
    text-align: left;
}

.gdd-010-b h3 {
    margin: 0;
    color: #3a474e;
    font-size: 1.066666666666667em;
    font-weight: 400;
    line-height: 1.1875em;
    padding: 0 .3125em .5625em;
    text-transform: uppercase;
}

.gdd-010-b .inner-wrap-wide {
    max-width: 73.375em !important;
    width: 100%;
    margin: 0 auto;
}

.gdd-010-b .inner-wrap-wide:before {
    content: "";
    display: table;
}

.gdd-010-b .inner-wrap-wide:after {
    content: "";
    display: table;
    clear: both;
}

.gdd-010-b .srm-btn {
    font-size: 1.125em;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background-color: #cb1f48;
    color: #fff;
    padding: 1.1666666667em 1.7222222222em;
}

.gdd-010-b .srm-btn:hover {
    background-color: #b41a3f;
    color: #fff;
}

.gdd-010-b hr {
    background: 0 0;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #c6d1d7;
    margin: 0 0 1.071428571428571em;
    padding: 0;
}

.gdd-010-b .btn {
    position: relative;
    -webkit-font-smoothing: antialiased;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    padding: .75em 1em;
    text-decoration: none;
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
    transition: background .1s linear;
}

.gdd-010-b div {
    box-sizing: border-box;
}

.gdd-010-b sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.gdd-010-b sup {
    top: -.5em;
}

@media only screen and (max-width:700px) {

    .gdd-010-b .footer-links a:first-child,
    .gdd-010-b .footer-links a:nth-child(2),
    .gdd-010-b .footer-links a:nth-child(3) {
        display: block !important;
        float: none !important;
        clear: both;
        padding-right: 0;
    }
}

.gdd-010-b {
    background-image: none;
    text-align: left;
}

.gdd-010-b .footer-address,
.gdd-010-b .footer-links {
    padding: 0;
}

.gdd-010-b .mphone {
    margin-top: 12px;
}

.gdd-010-b a {
    text-decoration: none;
}

.gdd-010-b hr {
    border-top: 1px solid #5c6a70;
}

.gdd-010-b ul li {
    background: 0 0;
    padding: 0 0 .4em;
}

.gdd-010-b .fcol-01,
.gdd-010-b .fcol-02,
.gdd-010-b .fcol-03,
.gdd-010-b .fcol-04 {
    float: left;
    width: 25%;
}

.gdd-010-b h3 {
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    padding-top: 15px;
    padding-left: 0;
    font-size: 1.2em;
}

.gdd-010-b .fcol-02 nav {
    display: block;
    font-size: .9375em;
}

.gdd-010-b .footer-links a:first-child,
.gdd-010-b .footer-links a:nth-child(2),
.gdd-010-b .footer-links a:nth-child(3) {
    display: inline-block;
    float: left;
    clear: both;
    padding-right: 0;
}

.gdd-010-b nav a {
    padding-bottom: .4em;
}

.gdd-010-b .fcol-03 .iso-cert {
    background-color: transparent;
    font-size: 1.066666666666667em;
    max-width: 11.2em;
    padding: .9375em 0 .8375em;
    text-align: left !important;
    color: #fff;
    margin: 0;
}

.gdd-010-b .fcol-03 .iso-cert a {
    font-size: .9em;
    line-height: 2em;
}
.gdd-010-b .fcol-04 ul#menu-product-overview li {
    font-size: 0.9375em; }

.gdd-010-b .fcol-04 ul#menu-product-overview li a {
    color: #d3dbdf;    
    line-height: 1.1875em;
    text-transform: capitalize;
    text-decoration: none;
}
.gdd-010-b .fcol-04 ul#menu-product-overview li a:hover{
    color: #ffffff;
}


.gdd-010-b .fcol-04 ul#menu-product-overview {
    padding-top: 0px;
    padding-bottom: 30px; }

.gdd-010-b .fcol-04 .cts-btn .btn {
    background: #cb1f48;
    border: 1px solid #cb1f48;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    padding: 13px;
    box-sizing: border-box;
}

.gdd-010-b .fcol-04 .cts-btn .btn:hover {
    background: 0 0;
    border-color: #fff;
}

.gdd-010-b .f-info-txt {
    font-size: 14px;
    float: left;
}

.gdd-010-b .footer-social-icon {
    float: right;
    padding: 0;
    position: relative;
    margin-right: 30px;
}

.gdd-010-b a.youtube {
    content: '';
    background-image: url(https://www.staffordmfg.com/wp-content/uploads/youtube.png);
    position: absolute;
    height: 32px;
    width: 32px;
    background-size: contain;
    left: -45px;
}

.gdd-010-b a.youtube:hover {
    background-image: url(https://www.staffordmfg.com/wp-content/uploads/youtube-1.png);
}

.gdd-010-b a.linkedIn {
    content: '';
    background-image: url(https://www.staffordmfg.com/wp-content/uploads/linkedin.png);
    position: absolute;
    height: 32px;
    width: 32px;
    background-size: contain;
    top: -6px;
}

.gdd-010-b a.linkedIn:hover {
    background-image: url(https://www.staffordmfg.com/wp-content/uploads/linkedin-1.png);
}

.gdd-010-b span.add-blk {
    display: block;
    float: left;
    width: 60px;
    height: 50px;
}

.gdd-010-b .mphone,
.gdd-010-b .mfax {
    width: 100%;
    float: left;
}

.gdd-010-b .mphone span,
.gdd-010-b .mfax span,
.gdd-010-b .memail span {
    font-size: 1.3em;
}

.gdd-010-b span.company-name.cms_company,
.gdd-010-b span.cms_address_street {
    font-size: 1.1em;
}

.gdd-010-b .f-info-txt {
    width: 85%;
}

@media only screen and (max-width:870px) {
    .gdd-010-b {
        text-align: left;
    }

    .gdd-010-b .footer-links,
    .gdd-010-b .footer-address {
        padding: 0;
    }
}

@media only screen and (max-width:700px) {
    .gdd-010-b {
        text-align: left;
    }

    .gdd-010-b .fcol-01,
    .gdd-010-b .fcol-02,
    .gdd-010-b .fcol-03,
    .gdd-010-b .fcol-04 {
        float: left;
        width: 100%;
    }

    .gdd-010-b .footer-social-icon {
        float: left;
        margin-left: 45px;
        width: auto;
        margin-top: 10px;
        left: 40%;
    }

    .gdd-010-b .f-info-txt {
        width: 100%;
        float: none;
    }

    .gdd-010-b span.add-blk {
        display: contents;
    }

    .gdd-010-b .fcol-03 .iso-cert {
        text-align: center !important;
    }

    .gdd-010-b .sf-footer,
    .gdd-010-b .sf-footer ul li {
        text-align: center;
    }

    .gdd-010-b .fcol-02 nav a {
        display: inherit;
    }
}

@media only screen and (min-width:768px) {
    .gdd-010-b .fcol-02 {
        padding-left: 3.5em;
    }

    .gdd-010-b .fcol-03 {
        padding-left: 2em;
    }

    .gdd-010-b .fcol-04 {
        padding-left: 1em;
    }
}



/* footer gdd-010-b css ends */
.sf-footer{
    box-sizing:border-box;
}
ul#menu-gdd001-top-nav a {
    font-size: 14.06px!important;
}
/* gdd-011-b module*/
.cta-module {
    display: flex; }
  
  .gdd-011-b {
    text-align: center;
    position: fixed;
    width: 281px;
    bottom: 3.3em;
    z-index: 999;
    background: #3e5b6b;
    border-top-left-radius: 9px;
    left: 16px;
    font-size: 0.8125em;
    box-shadow: 0px 0px 10px #000; }
    @media (min-width: 40em) {
      .gdd-011-b {
        width: 330px;
        left: 64px;
        bottom: 0; } }
    @media (min-width: 60em) {
      .gdd-011-b {
        width: 330px; } }
    .gdd-011-b .git-text {
      display: inline-block;
      position: relative;
      color: #fff;
      font-weight: 600;
      margin: 0;
      font-size: 1.125em;
      line-height: 1.5625em;
      text-align: left; }
    .gdd-011-b span {
      display: block;
      font-weight: 600; }
      @media (min-width: 40em) {
        .gdd-011-b span {
          display: inline-block; } }
    .gdd-011-b:after {
      content: "";
      position: absolute;
      left: .0833333333em;
      top: 0.1785714286em;
      background-image: url(git-ico.svg);
      background-position: left center;
      background-repeat: no-repeat;
      background-size: 1.25em 1.25em;
      width: 1.25em;
      height: 1.25em; }
      @media (min-width: 767px) {
        .gdd-011-text{
            width:52.1%;
        }
      }
    @media (min-width: 40em) {
      .gdd-011-b {
        /*margin: 0 em(25, 28) 0 0;*/
        font-size: 0.9375em; }
    .gdd-011-text {
        width:52.1%;
    }} 
    @media (min-width: 60em) {
      .gdd-011-b {
        /*padding-right: em(55, 28);*/
        font-size: 0.9375em; } }
  
  .git-close {
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url(close-one.svg);
    background-position: center center;
    top: 0;
    right: -20px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    border-radius: 0; }
    .git-close:hover {
      /*background-color: rgba(0, 0, 0, 1);*/ }
    @media (min-width: 40em) {
      .git-close {
        width: 18px;
        height: 18px;
        top: 0;
        right: -25px;
        background-size: 18px 18px; } }
    @media (min-width: 60em) {
      .git-close {
        width: 16px;
        height: 16px;
        top: 0px;
        right: -25px;
        background-size: 16px 16px; } }
  
  .gdd-011-image {
    width: 30%;
    float: left;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 8px;
    line-height: 0; }
    .gdd-011-image img {
      height: 100%;
      object-fit: cover;
      max-height: 100px; }
  
  .gdd-011-text {
    position: relative;
    width: 54.7%;
    float: left;
    display: flex;
    align-items: center;
    padding: 0 30px 0 20px;
    background: #3e5b6b;
    color: #fff;
    font-weight: 600;
    text-align: left;
    height: 100%;
    line-height: 1.5em; }
    .gdd-011-text:after {
      content: "";
      position: absolute;
      background-color: #cb1f48;
      background-image: url(ico-arrow1.svg);
      background-repeat: no-repeat;
      background-position: center;
      width: 11%;
      height: 100%;
      top: 0;
      right: 0; }
    .gdd-011-text span {
      display: block;
      font-weight: 600;
      text-align: left;
      line-height: 1.8em; }
    

    @media only screen and (min-width:320px) and (max-width:768px){
      #hubspot-messages-iframe-container{
            bottom: 62px!important;
            max-height: 50%!important;
      }
  }

 #gdd001-primarynav-b {
    display: none!important;
} 
#gdd012-primarynav {
    display: block!important;
}

#gdd012-primarynav a,
#menu-gdd001-primary-nav a {
  font-size: 16px; }

#gdd012-primarynav .top-nav li:hover > a,
#menu-gdd001-primary-nav .top-nav li:hover > a {
  background-color: transparent; }

@media only screen and (min-width: 60em) {
 #gdd012-primarynav .sn-li-l1.menu-item-has-children > a,
  #menu-gdd001-primary-nav .sn-li-l1.menu-item-has-children > a {
    padding-right: 15px !important;
    background-size: 12px 8px !important;
    display: inline !important; }

    #gdd012-primarynav .sn-li-l1.menu-item-has-children > a,
  #menu-gdd001-primary-nav .sn-li-l1.menu-item-has-children > a {
    padding-right: 17px !important;
    background-image: url(https://www.staffordmfg.com/wp-content/themes/stafford-default/img/gdd001-icon-down-arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 12px 8px !important; }
#menu-gdd012-primary-nav.top-nav li a,
  #menu-gdd001-primary-nav.top-nav li a {
    padding: .8em 0.2em 1.2em; }
}

@media only screen and (min-width: 50em) {
 .stuck #gdd012-primarynav a,
  .stuck #menu-gdd001-primary-nav a {
    font-size: 13px !important; }

  #gdd012-primarynav a,
  #menu-gdd001-primary-nav a {
    font-size: 13px; }

 .request-cta span {
    background-color: #cb1f48;
      padding: 8px 17px 8px 17px;
      border-radius: 5px;
      position: relative;
      top: 8px;
 }
 .request-cta:hover {
    background-color: transparent !important;
 }
#nav-menu-item-6737 a,
    .request-cta a,
    #nav-menu-item-6387 a,
    #nav-menu-item-4959 a {
      padding: 0 0 1.2em !important;
      vertical-align: middle; }

#menu-gdd012-primary-nav.top-nav {
    /*width: auto;*/
    text-align: left;
    padding-top: 1px;
    margin: 0 auto;
    float: none;
}

}

#gdd012-primarynav .sn-li-l1.menu-item-has-children > a,
  #menu-gdd001-top-nav .sn-li-l1.menu-item-has-children > a {
    padding-right: 17px;
    background-image: url(https://www.staffordmfg.com/wp-content/themes/stafford-default/img/icon-down-arrow-ut.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px 9px; }

#gdd012-primarynav .top-nav li {
  position: static; }

#gdd012-primarynav .top-nav li.menu-item-has-children ul li {
    display: block; }
  @media (max-width: 959.99px) {
    #gdd012-primarynav .top-nav li.menu-item-has-children ul li img {
      width: 2.1875em;
      height: 2.1875em;
      border-radius: 3px;
      background: #101a5b; }

#gdd012-primarynav .top-nav li.menu-item-has-children .menu-item-large-icon img {
      padding: 5px; }
    #gdd012-primarynav .top-nav li.menu-item-has-children.resources-menu ul li img, #gdd012-primarynav .top-nav li.menu-item-has-children.engineering-menu ul li img {
      padding: 5px; } }
  @media (min-width: 60em) {
    #gdd012-primarynav .top-nav li.menu-item-has-children ul li {
      padding: 5px !important; }
    #gdd012-primarynav .top-nav li.menu-item-has-children.resources-menu ul li,
    #gdd012-primarynav .top-nav li.menu-item-has-children.menu-product-overview ul li {
      padding: 0 5px !important; } }

@media (max-width: 959px) {
  #gdd012-primarynav .sn-li-l1.menu-item-has-children > a {
    background-image: none;
    padding-right: 0; }
  #gdd012-primarynav .site-nav {
    max-height: calc(100vh - 88px);
    overflow-y: auto; } }

@media (min-width: 60em) {
  #gdd012-primarynav .sn-li-l1.adjust-text-position > a span {
    position: relative;
    top: 2px; }
  #gdd012-primarynav .sn-level-2 {
    width: 100%;
    background: #ffffff !important;
    padding: 1.25em 0;
    column-count: 3;
    column-gap: 12px; }
    #gdd012-primarynav .sn-level-2 > * {
      width: 33.33%;
      break-inside: avoid-column; }
    #gdd012-primarynav .sn-level-2:after, #gdd012-primarynav .sn-level-2:before {
      content: '';
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      z-index: -1;
      top: 0;
      left: -98%;
      background: #ffffff; }
    #gdd012-primarynav .sn-level-2:after {
      left: auto;
      right: -98%; }
    #gdd012-primarynav .sn-level-2 li {
      width: 100%;
      border-top: none !important; }
      #gdd012-primarynav .sn-level-2 li:focus, #gdd012-primarynav .sn-level-2 li:hover {
        background-color: transparent; }
        #gdd012-primarynav .sn-level-2 li:focus a span, #gdd012-primarynav .sn-level-2 li:hover a span {
          color: #b22245; }
    #gdd012-primarynav .sn-level-2 a {
      padding: 0.625em 0 !important;
      /*                display: inline-block;*/
      font-size: 16px !important;
      font-weight: 400;
      line-height: 1.25em; }
      #gdd012-primarynav .sn-level-2 a span {
        color: #000000; }
      #gdd012-primarynav .sn-level-2 a:focus span, #gdd012-primarynav .sn-level-2 a:hover span {
        color: #b22245; }
    #gdd012-primarynav .sn-level-2 .sn-menu-link > span {
      display: flex;
      align-items: center;
      font-weight: 700; }
      #gdd012-primarynav .sn-level-2 .sn-menu-link > span img {
        width: 2.1875em;
        height: auto;
        border-radius: 5px;
        /*min-width: 3.333333em;
                    width: 3.333333em;
                    height: 3.333333em;*/ }
    #gdd012-primarynav .sn-level-2 .menu-item-large-icon {
      /*                &:not(:last-of-type) {*/
      margin: 0 0 18px !important;
      /*                }*/ }
      #gdd012-primarynav .sn-level-2 .menu-item-large-icon > a {
        font-size: 18px !important;
        line-height: 1.5em;
        font-weight: 700;
        transition: color 0.25s; }
        #gdd012-primarynav .sn-level-2 .menu-item-large-icon > a img {
          width: 3.3333333333em;
          height: 3.3333333333em;
          padding: 0.8055555556em;
          background-color: #111a59;
          transition: background-color 0.25s; }
        #gdd012-primarynav .sn-level-2 .menu-item-large-icon > a:focus, #gdd012-primarynav .sn-level-2 .menu-item-large-icon > a:hover {
          background-color: transparent; }
          #gdd012-primarynav .sn-level-2 .menu-item-large-icon > a:focus img, #gdd012-primarynav .sn-level-2 .menu-item-large-icon > a:hover img {
            background-color: #cb2648; }
      #gdd012-primarynav .sn-level-2 .menu-item-large-icon:focus, #gdd012-primarynav .sn-level-2 .menu-item-large-icon:hover {
        background-color: transparent; }
        #gdd012-primarynav .sn-level-2 .menu-item-large-icon:focus img, #gdd012-primarynav .sn-level-2 .menu-item-large-icon:hover img {
          background-color: #cb2648; }
  #gdd012-primarynav .engineering-menu .sn-level-2 {
    column-count: 4;
    padding-bottom: 4.375em; }
  #gdd012-primarynav .resources-menu .sn-level-2,
  #gdd012-primarynav .menu-product-overview .sn-level-2 {
    padding: 1.25em 0 0.625em; }
    #gdd012-primarynav .resources-menu .sn-level-2 a,
    #gdd012-primarynav .menu-product-overview .sn-level-2 a {
      line-height: 1.0625em; }
  #gdd012-primarynav .custom-capabilities-menu .no-bg .sn-menu-link span img,
  #gdd012-primarynav .resources-menu .no-bg .sn-menu-link span img,
  #gdd012-primarynav .engineering-menu .no-bg .sn-menu-link span img {
    padding: 0;
    border: 1px solid #ececec;
    background: none;
    min-width: 3.333333em;
    width: 3.333333em;
    height: 3.333333em; }
  #gdd012-primarynav .custom-capabilities-menu .sn-menu-link,
  #gdd012-primarynav .resources-menu .sn-menu-link,
  #gdd012-primarynav .engineering-menu .sn-menu-link {
    transition: color 0.25s; }
    #gdd012-primarynav .custom-capabilities-menu .sn-menu-link span,
    #gdd012-primarynav .resources-menu .sn-menu-link span,
    #gdd012-primarynav .engineering-menu .sn-menu-link span {
      font-weight: 700; }
      #gdd012-primarynav .custom-capabilities-menu .sn-menu-link span img,
      #gdd012-primarynav .resources-menu .sn-menu-link span img,
      #gdd012-primarynav .engineering-menu .sn-menu-link span img {
        min-width: 1.8em;
        width: 1.8em;
        height: 1.8em;
        padding: 0.625em;
        background-color: #101a5b;
        transition: background-color 0.25s; }
    #gdd012-primarynav .custom-capabilities-menu .sn-menu-link .menu-image-hover-wrapper .hovered-image,
    #gdd012-primarynav .resources-menu .sn-menu-link .menu-image-hover-wrapper .hovered-image,
    #gdd012-primarynav .engineering-menu .sn-menu-link .menu-image-hover-wrapper .hovered-image {
      display: none;
      margin-left: 0 !important; }
    #gdd012-primarynav .custom-capabilities-menu .sn-menu-link:hover > span img, #gdd012-primarynav .custom-capabilities-menu .sn-menu-link:focus > span img,
    #gdd012-primarynav .resources-menu .sn-menu-link:hover > span img,
    #gdd012-primarynav .resources-menu .sn-menu-link:focus > span img,
    #gdd012-primarynav .engineering-menu .sn-menu-link:hover > span img,
    #gdd012-primarynav .engineering-menu .sn-menu-link:focus > span img {
      background-color: #b22245; }
    #gdd012-primarynav .custom-capabilities-menu .sn-menu-link:hover .menu-image-hover-wrapper .hovered-image, #gdd012-primarynav .custom-capabilities-menu .sn-menu-link:focus .menu-image-hover-wrapper .hovered-image,
    #gdd012-primarynav .resources-menu .sn-menu-link:hover .menu-image-hover-wrapper .hovered-image,
    #gdd012-primarynav .resources-menu .sn-menu-link:focus .menu-image-hover-wrapper .hovered-image,
    #gdd012-primarynav .engineering-menu .sn-menu-link:hover .menu-image-hover-wrapper .hovered-image,
    #gdd012-primarynav .engineering-menu .sn-menu-link:focus .menu-image-hover-wrapper .hovered-image {
      display: inline; }
    #gdd012-primarynav .custom-capabilities-menu .sn-menu-link:hover .menu-image-hover-wrapper .menu-image.menu-image-title-after, #gdd012-primarynav .custom-capabilities-menu .sn-menu-link:focus .menu-image-hover-wrapper .menu-image.menu-image-title-after,
    #gdd012-primarynav .resources-menu .sn-menu-link:hover .menu-image-hover-wrapper .menu-image.menu-image-title-after,
    #gdd012-primarynav .resources-menu .sn-menu-link:focus .menu-image-hover-wrapper .menu-image.menu-image-title-after,
    #gdd012-primarynav .engineering-menu .sn-menu-link:hover .menu-image-hover-wrapper .menu-image.menu-image-title-after,
    #gdd012-primarynav .engineering-menu .sn-menu-link:focus .menu-image-hover-wrapper .menu-image.menu-image-title-after {
      display: none; }
  #gdd012-primarynav .custom-capabilities-menu .sn-level-2 a {
    min-height: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -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; }
  #gdd012-primarynav .custom-capabilities-menu .sn-menu-link > span img {
    padding: 0;
    background: transparent; }
  #gdd012-primarynav .custom-capabilities-menu .menu-img-border img {
    border: 1px solid #ececec; }
  #gdd012-primarynav .resources-menu .sn-menu-link span {
    font-weight: 700; }
    #gdd012-primarynav .resources-menu .sn-menu-link span img {
      min-width: 2.1875em;
      width: 2.1875em;
      height: 2.1875em;
      padding: 0.3125em; }
  #gdd012-primarynav .sn-level-2 .menu-item-large-icon {
    /*                &:not(:last-of-type) {*/
    margin: 0 0 18px !important;
    /*                }*/ }
    #gdd012-primarynav .sn-level-2 .menu-item-large-icon > a {
      font-size: 18px !important;
      line-height: 1.5em;
      font-weight: 700; }
      #gdd012-primarynav .sn-level-2 .menu-item-large-icon > a img {
        min-width: 2em;
        width: 1.8em;
        height: 1.8em;
        padding: 0.8055555556em;
        background-color: #111a59;
        transition: background-color 0.25s; }
      #gdd012-primarynav .sn-level-2 .menu-item-large-icon > a:focus, #gdd012-primarynav .sn-level-2 .menu-item-large-icon > a:hover {
        background-color: transparent; }
        #gdd012-primarynav .sn-level-2 .menu-item-large-icon > a:focus img, #gdd012-primarynav .sn-level-2 .menu-item-large-icon > a:hover img {
          background-color: #cb2648; }
    #gdd012-primarynav .sn-level-2 .menu-item-large-icon:focus, #gdd012-primarynav .sn-level-2 .menu-item-large-icon:hover {
      background-color: transparent; }
      #gdd012-primarynav .sn-level-2 .menu-item-large-icon:focus img, #gdd012-primarynav .sn-level-2 .menu-item-large-icon:hover img {
        background-color: #cb2648; }
    #gdd012-primarynav .sn-level-2 .menu-item-large-icon.menu-item-large-icon-red > a img {
      background-color: #cb2648; }
    #gdd012-primarynav .sn-level-2 .menu-item-large-icon.menu-item-large-icon-red > a:focus img, #gdd012-primarynav .sn-level-2 .menu-item-large-icon.menu-item-large-icon-red > a:hover img {
      background-color: #111a59; } 

      #menu-gdd012-primary-nav.top-nav li {
        padding: .8em 1.5px 1.066666666666667em !important;
        vertical-align: middle;
      }

      #gdd012-primarynav .custom-capabilities-menu .sn-menu-link span img {
        min-width: 3.125em !important;
        width: 3.125em !important;
        height: 3.125em !important;
      }
}

@media (min-width: 80em) {
  #gdd012-primarynav .menu-product-overview .sn-level-2 {
    width: 115%; } }

@media (min-width: 80em) {
  #gdd012-primarynav #menu-gdd012-primary-nav.top-nav li.menu-item-has-children ul li.menu-item-large-icon:last-child {
    padding-bottom: 40px !important; } }

#gdd012-primarynav {
  display: block !important; }

.menu-image-title {
    padding-left: 10px;
}
#menu-gdd012-primary-nav.top-nav #nav-menu-item-6736 {
    padding-top: 8px !important;
}

.cat-btn-wrap{
    margin-top: 3px;
}

.products-cta-btn{
     
    background-color: #00205c;
    padding: 17px -1px;
    color: #fff;
    text-decoration: none;
    padding: 7px;
    text-align: center;
    margin-top: 50px;
    /*position: absolute;*/
    /*left:58%;*/
    /* right: 10px; */
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 600;
    position: relative;


}


.products-cta-btn:hover{
   background-color:#cb1f48 !important;
   color: #fff !important;
    }

.products-cta-btn:before{
     content: "";
    position: absolute;
    background-image: url(https://staffordmanstg.wpengine.com/wp-content/uploads/book-1.svg);
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-position: left center;
    height: 100%;
    width: 1.5em;
    left: 10px;
    top: 1px;
    }


.products-cta-btn span{
    /* margin-left: 27px; */
}

@media (max-width: 40em){
.search_dual{
    margin-top: 20px;
}
}