* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
@media screen and (max-width: 835px) {
.site-nav .hs-menu-depth-1>a span{
font-size:11.5px !important;
}
  .site-nav .hs-menu-depth-1>a{
    padding: 0px 3px !important;
  }

      .site-header .inner-wrap, .site-header .site-nav {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 915px) {
  .phone-number span{
    display: none;
  }
}
  @media screen and (max-width: 700px) {
.email-ico{
 margin-left:0 !important; 
}
.site-header .itar-logo, .site-header .iso-section{
 margin-left:10px !important; 
}
}
@media screen and (min-width: 640px) {
.hs-content-name-home .site-header .iso-section, .hs-content-name-home .site-header .itar-logo{
  display:block  !important
}
}
body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

button[disabled],
html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

body {
    -webkit-font-smoothing: antialiased;
    background-color: #efefef;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
    line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", sans-serif;
    line-height: 1;
    margin: 0
}


.ver-text { 
margin-top:16px !important;
 }

h1 {
    font-size: 2em;
    color: #2b94c2;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: -.04375em;
    margin-bottom: .9375em
}

@media (min-width:60em) {
    h1 {
        font-size: 3.75em
    }
}

.hs-content-path-index h1 {
    color: #000;
    font-size: 2em;
    margin-bottom: .3125em;
    text-transform: uppercase
}

.head-space{
  margin-bottom:16px !important;
}

@media (min-width:60em) {
    .hs-content-path-index h1 {
        font-size: 3.25em;
        margin-bottom: .2884615385em
    }
}

h2 {
    font-size: 2.8125em;
    margin-top: 24px;
    margin-bottom: 16px;
   line-height: 1.2em; 
}

h4 {
    font-size: 1.5em;
    margin-top: 16px;
    margin-bottom: 16px
}

h5 {
    font-size: 1em;
    margin-top: 16px;
    margin-bottom: 16px
}

h6 {
    font-size: 1em;
    margin-top: 16px;
    margin-bottom: 16px
}

p {
    margin: 16px 0;
    line-height: 1.75em
}

.section-header {
    color: #000;
    margin-bottom: .25em
}

a {
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    transition: color .1s linear;
    color: #2b94c2;
    text-decoration: underline;

}

a:hover {
    color: #2b94c2;
    text-decoration: none
}

a:active,
a:focus {
    color: #2b94c2;
    outline: 0
}

hr {
    border-bottom: 1px solid #e2e2e2;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 1.5em 0
}

img,
picture {
    margin: 0;
    max-width: 100%
}

blockquote {
    padding: 0;
    margin: 0
}

cite {
    color: #404040;
    font-style: italic
}

cite:before {
    content: "\2014 \00A0"
}

.secondary-header {
    font-size: 1.5em
}

fieldset {
    border: 1px solid #e2e2e2;
    margin: 0 0 .75em 0;
    padding: 1.5em
}

input,
label,
select {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 1em
}

label {
    font-weight: 700;
    margin-bottom: .375em
}

label.required:after {
    content: "*"
}

label abbr {
    display: none
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select[multiple=multiple],
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color;
    -moz-transition: border-color;
    transition: border-color;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
    margin-bottom: .75em;
    padding: .5em .5em;
    width: 100%
}

input[type=color]:hover,
input[type=date]:hover,
input[type=datetime-local]:hover,
input[type=datetime]:hover,
input[type=email]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=week]:hover,
select[multiple=multiple]:hover,
textarea:hover {
    border-color: #c9c8c8
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select[multiple=multiple]:focus,
textarea:focus {
    border-color: #2b94c2;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), 0 0 5px rgba(38, 132, 173, .7);
    outline: 0
}

textarea {
    resize: vertical
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

input[type=checkbox],
input[type=radio] {
    display: inline;
    margin-right: .375em
}

input[type=file] {
    padding-bottom: .75em;
    width: 100%
}

select {
    margin-bottom: 1.5em;
    max-width: 100%;
    width: 100%;
  height:2.5em;
}

table {
    border-collapse: collapse;
    margin: .75em 0;
    table-layout: fixed;
    width: 100%
}

th {
    border-bottom: 1px solid #bcbcbc;
    font-weight: 700;
    padding: .75em 0;
    text-align: left
}

td {
    border-bottom: 1px solid #e2e2e2;
    padding: .75em 0
}

td,
th,
tr {
    vertical-align: middle
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

dl {
    margin-bottom: .75em
}

dl dt {
    font-weight: 700;
    margin-top: .75em
}

dl dd {
    margin: 0
}

/*  list bullet style */
  ul:not([class]) {
      clear:left;
      list-style-type: none;
      margin-bottom: 10px;
      padding-left: 10px;
  }
  ul li:not([class]) {
        position:relative;
        margin-bottom: 10px;
        font-size: 1em;
        line-height: 1.5em;
  }
  ul li:not([class]) a {
     text-decoration: none;
  }
  ul li:not([class]):before {
          content:'';
          width: 5px;
          height: 5px;
          display:block;
          position:absolute;
          top:10px;
          left:-18px;
          background-color: #000000;
          border-radius: 50%;
  }
#menu-footer-nav-1 li:before {
    content: none;
}
.widget-span {
  margin-top: 10px;
  }
.anchor-links-nav ul {
    padding-left: 0
}

.anchor-links-nav ul li {
    display: inline
}

.anchor-links-nav ul li .btn-outline-important {
    padding: .75em .5em !important
}

.anchor-links-nav ul li .btn-outline-important:active {
    color: #fff !important
}

.btn-outline-important:focus {
    color: #fff !important
}

.btn-outline-important:hover {
    color: #2b94c2 !important
}

.hs-content-id-3789560212 .site-content-primary ul {
    list-style-type: unset !important
}

.hs-breadcrumb-menu {
    list-style-type: none !important
}

.sf-bottom .tn-badge__img {
    margin: 30px auto;
    display: block
}

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

    .sf-bottom .footer-left,
    .sf-bottom .footer-right {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1
    }

    .sf-bottom .tn-badge__img {
        margin: 0;
        display: block
    }
}

.gmap .hs-responsive-embed-wrapper {
    position: static !important
}

.gmap .hs-responsive-embed-wrapper .hs-responsive-embed-inner-wrapper {
    padding-bottom: 0 !important;
    position: static !important
}

.contact-badge {
    display: block;
    width: 30%;
    margin: 0 auto
}

.contact-badge img {
    margin: 35px auto;
    display: block
}

.house-title {
    text-align: center
}

.blog-list ul li:after {
    background-image: none !important
}

#menu-footer-nav-1 {
    padding-left: 0 !important
}

#menu-footer-nav-1 li:after {
    background-image: none !important
}

.bullet-style,
.ce-body ul,
.hs-blog-post .post-body ul,
.hs-landing-page .site-content-wrap ul {
    clear: left;
    list-style-type: none;
    margin-bottom: .75em;
    padding-left: 1.5em
}

.bullet-style li,
.ce-body ul li,
.hs-blog-post .post-body ul li,
.hs-landing-page .site-content-wrap ul li {
    position: relative;
    margin-bottom: .5em;
    font-size: 1em;
    line-height: 1.5em
}

.bullet-style li p,
.ce-body ul li p,
.hs-blog-post .post-body ul li p,
.hs-landing-page .site-content-wrap ul li p {
    font-size: 16px
}

.bullet-style li a,
.ce-body ul li a,
.hs-blog-post .post-body ul li a,
.hs-landing-page .site-content-wrap ul li a {
    text-decoration: none;
    font-weight: 400
}

.bullet-style li:after,
.ce-body ul li:after,
.hs-blog-post .post-body ul li:after,
.hs-landing-page .site-content-wrap ul li:after {
/*     content: ''; */
    width: 1.5em;
    height: 1.5em;
    display: block;
    position: absolute;
    top: 0;
    left: -1.5em;
    background-image: url(//cdn2.hubspot.net/hub/451906/file-2599194832-svg/img/ico-bullet-black.svg);
    background-position: center center;
    background-size: .45em;
    background-repeat: no-repeat
}
.hs-error-msg{
   color: #ff0000;
}
.sitemap-bullet-style li {
    line-height: 2em
}

.sitemap-bullet-style li ul {
    margin-left: 1.5em
}

.btn-important,
.btn-outline,
.btn-outline-important,
.staging-site .btn-outline,
.staging-site .btn-outline-important,
button,
input[type=submit] {
    -webkit-font-smoothing: antialiased;
    background-color: #2b94c2;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    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
}

.btn-important:hover,
.btn-outline-important:hover,
.btn-outline:hover,
button:hover,
input:hover[type=submit] {
    background-color: #2b94c2;
    color: #fff
}

.btn-important:disabled,
.btn-outline-important:disabled,
.btn-outline:disabled,
button:disabled,
input:disabled[type=submit] {
    cursor: not-allowed;
    opacity: .5
}

button,
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-important:active,
.btn-important:focus {
    color: #fff
}

.btn-outline,
.btn-outline-important,
.staging-site .btn-outline-important {
    background-color: #000;
    text-transform: uppercase;
    border: 5px solid #000;
    color: #fff;
    font-weight: 800
}

.btn-outline-important:hover,
.btn-outline:hover {
    background-color: transparent;
    color: #000
}

.btn-outline-important {
    background-color: #2b94c2;
    border: 5px solid #2b94c2;
    color: #fff
}

.btn-outline-important:hover {
    background-color: transparent;
    color: #2b94c2
}

.staging-site .btn-outline,
.staging-site .btn-outline-important {
    background-color: #000;
    text-transform: uppercase;
    border: 5px solid #000;
    color: #fff;
    font-weight: 800
}

.staging-site .btn-outline-important:hover,
.staging-site .btn-outline:hover {
    background-color: transparent;
    color: #000
}

.staging-site .btn-outline-important {
    background-color: #2b94c2;
    border: 5px solid #2b94c2;
    color: #fff
}

.staging-site .btn-outline-important:hover {
    background-color: transparent;
    color: #2b94c2
}

.cta_button .btn-outline-important {
    width: 100%;
    max-width: 15.09em
}

.site-nav {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.site-nav span {
    white-space: nowrap
}

@media (min-width:40em) {
    .site-nav {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0)
    }
}

.site-nav .hs-menu-depth-1 {
    margin: 0;
    padding: 0;
    height: 3.5625em;
    position:relative;
}

.site-nav .hs-menu-depth-1 {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, .875);
    background-color: rgba(255, 255, 255, 0)
  
}

.site-nav .hs-menu-depth-1 a.active {
    background-color: rgba(230, 229, 229, 0)
}

.site-nav .hs-menu-depth-1 span {
    font-size: 1.125em
}

.site-nav .hs-menu-depth-1.has-subnav>a span,
.site-nav .hs-menu-depth-1.hs-item-has-children>a span {
    padding-right: 0;
/*     background-image: url(//cdn2.hubspot.net/hub/451906/img/ico-arrowdown.svg); */
/*     background-repeat: no-repeat; */
/*     background-position: right center; */
/*     background-size: .75em; */
    display: block;
}

.site-nav .hs-menu-depth-1.has-subnav>a.active span,
.site-nav .hs-menu-depth-1.hs-item-has-children>a.active span {
    background-image: url(//cdn2.hubspot.net/hub/451906/img/ico-arrowup.svg)
}

.site-nav .hs-menu-depth-1>a {
    display: block;
    height: 3.5625em;
    line-height: 3.5625em;
    color: #000;
    text-decoration: none;
    padding: 0 1em;
    font-weight: 600
}

.site-nav .hs-menu-depth-1>a:visited {
    color: #000
}

.site-nav .hs-menu-depth-1>a:hover {
    color: #000
}

.site-nav .hs-menu-depth-1:hover {
    background-color: #fff
}

@media (min-width:40em) {
    .site-nav .hs-menu-depth-1 {
        height: 3.5625em;
        float: left;
        border-bottom: 0;
        border-right: 0
    }

    .site-nav .hs-menu-depth-1:hover > .hs-menu-children-wrapper,
    .site-nav .hs-menu-depth-1:hover > .hs-menu-children-wrapper {
        display: block
    }

    .site-nav .hs-menu-depth-1.has-subnav>a span,
    .site-nav .hs-menu-depth-1.hs-item-has-children>a span {
        padding-right: 0;
        background-size: .625em;
        display: inline
    }

    .site-nav .hs-menu-depth-1.has-subnav>a.active span,
    .site-nav .hs-menu-depth-1.hs-item-has-children>a.active span {
        background-image: url(/hub/451906/img/ico-arrowdown.svg)
    }

    .site-nav .hs-menu-depth-1>a {
        padding: 0 .9em
    }
}

.site-nav .hs-menu-depth-2,
.site-nav .hs-menu-depth-3,
.site-nav .hs-menu-depth-4{
    padding: 0;
    margin: 0;
    //display: none;
    position: relative
}

.site-nav .active.hs-menu-depth-3,
.site-nav .hs-menu-depth-2.active {
    display: block
}
/* .site-nav .active.hs-menu-depth-4,
.site-nav .hs-menu-depth-3.active {
    display: block
} */

@media (min-width:40em) {

    .site-nav .active.hs-menu-depth-3,
    .site-nav .hs-menu-depth-2.active {
/*         display: none */
    }
}

.site-nav .hs-menu-depth-2,
.site-nav .hs-menu-depth-3,
.site-nav .hs-menu-depth-4{
    background-color: #fff
}

.site-nav .hs-menu-depth-2>a,
.site-nav .hs-menu-depth-3>a,
.site-nav .hs-menu-depth-4>a{
    padding: 0 1em;
    color: #000;
    border-top: 1px solid #eaeaea;
    display: block;
    text-decoration: none;
    line-height: 3.125em
}

.site-nav .hs-menu-depth-2>a span,
.site-nav .hs-menu-depth-3>a span,
.site-nav .hs-menu-depth-4>a span{
    font-size: 1.5em;
    line-height: 1.25em;
    display: inline-block;
    vertical-align: middle
}

.site-nav .hs-menu-depth-2:last-child>a,
.site-nav .hs-menu-depth-3:last-child>a,
.site-nav .hs-menu-depth-4:last-child>a{
    border-bottom: 0
}

.site-nav .hs-menu-depth-2:hover,
.site-nav .hs-menu-depth-3:hover,
.site-nav .hs-menu-depth-4:hover{
    background-color: #e6e5e5
}

@media (min-width:40em) {

    .site-nav .hs-menu-depth-2:hover .sn-level-3,
    .site-nav .hs-menu-depth-3:hover .sn-level-3,
  .site-nav .hs-menu-depth-4:hover .sn-level-3{
        display: block
    }

    .site-nav .hs-menu-depth-2>a,
    .site-nav .hs-menu-depth-3>a,
  .site-nav .hs-menu-depth-4>a{
        padding: 0 1em
    }
}

@media (min-width:60em) {

    .site-nav .hs-menu-depth-2>a,
    .site-nav .hs-menu-depth-3>a,
  .site-nav .hs-menu-depth-4>a{
        padding: 0 1em
    }
}

@media (min-width:80em) {

    .site-nav .hs-menu-depth-2>a,
    .site-nav .hs-menu-depth-3>a,
  .site-nav .hs-menu-depth-4>a{
        padding: 0 1em
    }
}

.site-nav .sn-level-3 {
    padding: 0;
    margin: 0;
    padding-top: 1px;
    display: none;
    position: relative;
    border-left: 1px solid #fff
}

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

@media (min-width:40em) {
    .site-nav .sn-level-3 {
        position: absolute;
        top: 3.5625em;
        left: 100%
    }

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

.site-nav .rfq-menu {
    color: #fff
}

.site-nav .rfq-menu a {
    color: #fff;
    background-color: #2b94c2
}

.site-nav .rfq-menu a:visited {
    color: #fff
}

.site-nav .rfq-menu a:active {
    color: #fff
}

.site-nav .rfq-menu a:hover {
    background-color: #227498;
    color: #fff
}

@media (min-width:40em) {
    .site-nav .rfq-menu {
        float: right
    }
}

.site-nav .hs-menu-children-wrapper {
    position: absolute;
    display: none;
}

.site-nav-container {
    background-color: rgba(255, 255, 255, .875);
    width: 17em;
    height: 100%;
    right: -17em;
    top: 0;
    bottom: 0;
    z-index: 1000;
    position: absolute;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

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

@media (min-width:40em) {
    .site-nav-container {
        width: auto;
        height: auto;
        right: auto;
        bottom: auto;
        top: auto;
        position: static;
        background-color: rgba(255, 255, 255, .83)
    }
}

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

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

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

.close-menu {
    display: inline-block;
    clear: both;
    position: relative;
    text-align: center;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    padding: .25em 1em;
    margin: 0 auto;
    font-size: .875em;
    border-radius: .1875em;
    text-decoration: none;
    background-color: #000
}

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

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

.close-menu:after {
    content: '';
    background-color: transparent;
    background-image: url(//cdn2.hubspot.net/hub/451906/img/ico-exit.svg);
    background-size: .8125em .8125em;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    width: 1.5625em;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute
}

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

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

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

.secondary-nav .hs-menu-depth-1 {
    border-top: 1px solid #e2e2e2
}

.secondary-nav .hs-menu-depth-1 a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: .75em .5em;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.secondary-nav .hs-menu-depth-1 a:hover {
    background-color: #e2e2e2
}

.inner-wrap,
.site-nav {
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    padding: 1.5em 1em 1.5em 1em
}

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

.inner-wrap>:first-child,
.site-nav>:first-child {
    margin-top: 0
}

.inner-wrap>:last-child,
.site-nav>:last-child {
    margin-bottom: 0
}

@media (min-width:40em) {

    .inner-wrap,
    .site-nav {
        padding: 3em 1.5em 3em 1.5em
    }
}

.media-object {
    overflow: hidden
}

.media-object-img {
    width: 20%;
    float: left;
    display: block;
    margin-right: 5%
}

.media-object-img img {
    width: 100%
}

.media-object-body {
    width: 75%;
    float: left
}

.media-object-header {
    margin-top: 0;
    margin-bottom: .15em
}

.media-grid-2>* {
    margin-bottom: 1em
}

@media (min-width:40em) {
    .media-grid-2>* {
        float: left;
        display: block;
        margin-right: 3.1684356888%;
        width: 48.4157821556%;
        margin-bottom: 1.5em
    }

    .media-grid-2>:last-child {
        margin-right: 0
    }

    .media-grid-2>:nth-child(2n) {
        margin-right: 0
    }

    .media-grid-2>:nth-child(2n+1) {
        clear: left
    }
}

.rows-of-2 {
    display: block
}

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

.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 {
    content: "";
    display: table;
    clear: both
}

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

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

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

.rows-of-3 {
    display: block
}

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

.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 {
    content: "";
    display: table;
    clear: both
}

.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>* {
        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 {
    content: "";
    display: table;
    clear: both
}

.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 {
    content: "";
    display: table;
    clear: both
}

.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>* {
        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 {
        content: "";
        display: table;
        clear: both
    }

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

.row {
    display: block;
    clear: both
}

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

@media (min-width:40em) {
    .col-1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 6.1721527019%
    }

    .col-1:last-child {
        margin-right: 0
    }

    .col-2 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 14.7019570017%
    }

    .col-2:last-child {
        margin-right: 0
    }

    .col-3 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%
    }

    .col-3:last-child {
        margin-right: 0
    }

    .col-4 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%
    }

    .col-4:last-child {
        margin-right: 0
    }

    .col-5 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 40.2913699012%
    }

    .col-5:last-child {
        margin-right: 0
    }

    .col-6 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%
    }

    .col-6:last-child {
        margin-right: 0
    }

    .col-7 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 57.3509785009%
    }

    .col-7:last-child {
        margin-right: 0
    }

    .col-8 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%
    }

    .col-8:last-child {
        margin-right: 0
    }

    .col-9 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 74.4105871005%
    }

    .col-9:last-child {
        margin-right: 0
    }

    .col-10 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 82.9403914003%
    }

    .col-10:last-child {
        margin-right: 0
    }

    .col-11 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 91.4701957002%
    }

    .col-11:last-child {
        margin-right: 0
    }

    .col-12 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }

    .col-12:last-child {
        margin-right: 0
    }

    .col-last {
        margin-right: 0;
        margin-right: 0 !important
    }
}

.social-wrap {
    overflow: hidden
}

.social-wrap a {
    display: block;
    float: left;
    width: 25%;
    text-align: center;
    position: relative
}

.social-wrap a path {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.social-wrap a:hover {
    opacity: .75
}

.social-wrap a:hover path {
    fill: #2b94c2
}

.social-wrap img {
    display: inline-block;
    margin: 0 auto;
    width: 1.1em;
    height: auto;
    vertical-align: middle
}

.social-wrap svg {
    display: inline-block;
    vertical-align: middle
}

.spec-table {
    display: block;
    width: 100%;
    margin-bottom: 1.5em;
    font-size: .875em
}

.spec-thead {
    display: block
}

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

.spec-cell {
    display: block;
    border: .2em solid #fff;
    padding: .5em .8em;
    vertical-align: top;
    color: #000;
    background: #e2e2e2
}

.spec-cell p {
    margin: .5em 0
}

.spec-cell>ul {
    margin: .5em 0
}

.spec-cell>ul>li {
    margin-bottom: 0 !important;
    background: url(//cdn2.hubspot.net/hub/451906/file-2579003054-svg/img/ico-bullet.svg) no-repeat left .6428571429em;
    padding-left: .7142857143em
}

.spec-cell>ul>li ul {
    padding: 0 0 0 1.8em
}

.spec-cell input,
.spec-cell select {
    width: 100%
}

.spec-col {
    display: table-column
}

.spec-col-1 {
    width: 100%
}

.spec-col-2 {
    width: 100%
}

@media (min-width:40em) {
    .spec-table {
        display: table
    }

    .spec-thead {
        display: table-header-group
    }

    .spec-table-row {
        display: table-row
    }

    .spec-cell {
        display: table-cell
    }

    .spec-cell p {
        font-size: 1em
    }

    .spec-col-1 {
        width: 30%
    }

    .spec-col-2 {
        width: 70%
    }
}

hr {
    display: block;
    clear: both
}

figure {
    margin: 0;
    padding: 0
}

.wp-pagenavi>* {
    margin-right: .75em
}

.click-expand {
    border-bottom: 1px solid #e2e2e2;
    clear: both;
    overflow: hidden;
    margin-bottom: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
      background: #efefef;
}

.click-expand.active:hover {

      background: #efefef;
}

.click-expand.active .ce-header:after {
    content: '-'
}

.click-expand.active .ce-body {
    display: block;
    opacity: 1;
    -webkit-animation: click-expand .5s 1;
    -moz-animation: click-expand .5s 1;
    animation: click-expand .5s 1;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-delay: 50ms;
    -moz-animation-delay: 50ms;
    animation-delay: 50ms;
    padding: 0 12px 1.5em 12px;
    display: block;
      background: #efefef;
}

.click-expand.active .ce-body>:first-child {
    margin-top: 0
}

.click-expand.active .ce-body>:last-child {
    margin-bottom: 0
}

.click-expand:hover {
    background-color: #e2e2e2
}

.ce-header {
    position: relative;
    color: #2b94c2;
    font-size: 1.875em;
    cursor: pointer;
    padding-left: 12px;
    padding-right: 12px;
       padding-top: .75em;
    padding-bottom: .75em;
  background: #efefef;
}
.ce-header:hover {
    background: #efefef;
}

.ce-header:after {
    content: '+';
    color: #000;
    padding-left: 0;
    position: absolute;
    right: .1875em
}

.ce-body {
    display: none;
    opacity: 0
}

@-webkit-keyframes click-expand {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes click-expand {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes click-expand {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.product-grid {
    clear: both
}

.product-grid-item {
    font-size: .875em;
    text-decoration: none;
    text-align: center;
    background-color: #fff;
    padding: 1em;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    overflow: hidden;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.product-grid-item:hover {
    border-bottom: 1px solid #999;
    border-right: 1px solid #999
}

.product-grid-item:hover .product-grid-item-img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07)
}

.product-grid-item .pgi-wrap {
    max-width: 15.625em;
    width: 100%;
    margin: auto
}

@media (min-width:40em) {
    .product-grid-item {
        font-size: .75em;
        margin-bottom: 1.5em
    }
}

@media (min-width:60em) {
    .product-grid-item {
        font-size: 1em
    }
}

@media (min-width:40em) {
    .product-grid-item-header-wrap {
        height: 4.5em;
        line-height: 4.5em;
        margin-bottom: 1em
    }

    .product-grid-item-header-wrap .product-grid-item-header {
        display: inline-block;
        vertical-align: middle
    }
}

@media (min-width:60em) {
    .product-grid-item-header-wrap {
        height: 4.5em;
        line-height: 4.5em
    }
}

.product-grid-item-header {
    font-size: 1.125em;
    color: #2b94c2;
    text-decoration: none;
    margin: 0;
    width: 70%;
    float: right;
    text-align: left;
    clear: none;
    line-height: 1.3888888889em
}

@media (min-width:40em) {
    .product-grid-item-header {
        width: auto;
        float: none;
        text-align: center
    }
}

@media (min-width:60em) {
    .product-grid-item-header {
        width: auto;
        float: none;
        text-align: center
    }
}

.product-grid-item-subheader {
    color: #000;
    margin: 0 0 1em 0;
    width: 70%;
    float: right;
    text-align: left;
    clear: none;
    font-size: .9375em
}

@media (min-width:40em) {
    .product-grid-item-subheader {
        width: auto;
        float: none;
        text-align: center
    }
}

@media (min-width:60em) {
    .product-grid-item-subheader {
        min-height: 3em
    }
}

.product-grid-item-img {
    float: left;
    width: 25%;
    margin-top: -1em;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

@media (min-width:40em) {
    .product-grid-item-img {
        margin-top: 0;
        float: none;
        width: auto;
        display: block;
        margin: 0 auto
    }
}

.product-grid-item-link {
    margin: 1em 0 0 0;
    float: right;
    text-align: left;
    clear: none;
    font-size: .75em
}

@media (min-width:40em) {
    .product-grid-item-link {
        width: auto;
        float: none;
        text-align: center
    }
}

@media (min-width:60em) {
    body {
        background-size: 100% 26em
    }
}

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

.page-header-wrap {
    background-image: url(//451906.fs1.hubspotusercontent-na1.net/hubfs/451906/bg-site-intro-ardel.jpg?t=1452872717022);
    background-size: cover;
    border-bottom: 1px solid #e2e2e2
}

.page-header h1 {
    margin-bottom: 0
}

.page-header .secondary-header {
    margin-bottom: 0;
    margin-top: 1em
}

.sh-icons {
    float: right
}

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

.sh-ico-menu span,
.sh-ico-search span {
    font-size: .75em;
    color: #000
}

.sh-ico-search {
    background-image: url(//451906.fs1.hubspotusercontent-na1.net/hub/451906/file-2598768318-png/ico-search.png)
}

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

.sh-ico-menu {
    background-image: url(//cdn2.hubspot.net/hub/451906/img/ico-nav.svg)
}

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

.site-header-wrap {
    background-image: url(//451906.fs1.hubspotusercontent-na1.net/hubfs/451906/bg-site-intro-ardel.jpg);
    background-size: cover;
    border-bottom: 1px solid #e2e2e2
}

.hs-content-name-home.js .site-header-wrap {
    background-image: url(//451906.fs1.hubspotusercontent-na1.net/hubfs/451906/bg-site-intro-ardel.jpg);
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #e2e2e2
}

.hs-content-name-home.js .site-nav-container {
    background-color: rgba(255, 255, 255, .83)
}

.site-header {
    z-index: 999
}

.site-header .inner-wrap,
.site-header .site-nav {
    padding-top: 1.5em;
    padding-bottom: 1.5em
}

.site-header .site-logo {
    float: left;
    width: 9.125em
}

.site-header .site-logo img {
    display: block
}

.site-header .utility-nav {
    display: none
}

.site-header .mobile-nav {
    width: 2.0625em;
    height: 1.4375em;
    float: right;
    margin: .8125em 0 0 0;
    cursor: pointer
}

.site-header .mobile-nav span {
    display: block;
    padding-top: 2.3636363636em;
    font-size: .6875em;
    font-weight: 700;
    background: url(//cdn2.hubspot.net/hub/451906/file-2580571584-svg/img/ico-nav.svg) top center no-repeat;
    text-align: center
}

@media (min-width:40em) {
    .site-header .mobile-nav {
        display: none
    }
}

.site-header .no-svg .mobile-nav span {
    background: url(//cdn2.hubspot.net/hub/451906/img/ico-nav.png) center center no-repeat
}

.site-header .iso-section,
.site-header .itar-logo {
    display: none
}

@media (min-width:40em) {
    .site-header {
        position: relative
    }

    .site-header .site-logo {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 25.3642123765%
    }

    .site-header .site-logo:last-child {
        margin-right: 0
    }

    .site-header .inner-wrap,
    .site-header .site-nav {
        padding-top: 1.5em;
        padding-bottom: 1.5em
    }

    .site-header .utility-nav {
        float: left;
        display: block;
        margin: 0 0 0 .0625em
    }

    .site-header .utility-nav .phone-number {
        display: inline-block;
        font-size: 1.4375em;
        font-weight: 700;
        background: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/ico-ph-blue.svg) left .2173913043em no-repeat;
        padding-left: .8695652174em;
        color: #2b94c2
    }

    .site-header .utility-nav .phone-number:hover {
        display: inline-block;
        font-size: 1.4375em;
        font-weight: 700;
        background: url(//cdn2.hubspot.net/hub/451906/file-2565575971-svg/img/ico-ph.svg) left .2173913043em no-repeat;
        padding-left: .8695652174em;
        color: #000
    }

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

    .email-ico {
        background: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/blue-email.svg) left .2173913043em no-repeat;
        padding-left: 25px;
        float: left;
        margin-left: 16px;
        text-decoration: none;
        margin-top: 5px
    }

    .email-ico:hover {
        background: url(//451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/ico-email-1.svg) left .2173913043em no-repeat
    }

    .site-header .utility-nav .ico-search {
        margin-left: 0;
        margin-right: 0
    }

    .site-header .utility-nav .mobile-nav {
        display: none !important
    }

    .site-header .no-svg .utility-nav span {
        background: url(//cdn2.hubspot.net/hub/451906/file-2574804007-png/img/ico-ph.png) top center no-repeat
    }

    .site-header .iso-section {
        display: block;
        float: right;
        width: 10.5em;
        height: 10.5em;
        background: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/iso.svg) no-repeat 2.6em .8em rgba(255, 255, 255, .32);
        background-size: 51%;
        font-size: .625em;
        border-radius: 50%;
        font-weight: 600;
        color: #000;
        text-align: center;
        text-decoration: none;
        padding-top: 6.5em;
        margin-left: 2em;
        line-height: 1.2em
    }

    .site-header .itar-logo {
        display: block;
        float: right;
        width: 10.5em;
        height: 10.5em;
        background: url(//451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/itar-logo.png) no-repeat 2.6em .8em rgba(255, 255, 255, .32);
        background-size: 51%;
        font-size: .625em;
        border-radius: 50%;
        font-weight: 600;
        color: #000;
        text-align: center;
        text-decoration: none;
        padding-top: 6.5em;
        margin-left: 2em;
        line-height: 1.2em
    }
}

.hs-content-name-home .site-header .iso-section,
.hs-content-name-home .site-header .itar-logo {
    display: none
}

.banner-home .iso-section {
    display: none;
    vertical-align: middle;
    width: 10.5em;
    height: 10.5em;
    background: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/iso.png) no-repeat 3.1428571429em 1.2142857143em rgba(255, 255, 255, .32);
    font-size: .875em;
    border-radius: 50%;
    font-weight: 600;
    color: #000;
    text-align: center;
    text-decoration: none;
    padding-top: 6.5714285714em;
    right: 5%;
    bottom: 3%;
    position: absolute;
    line-height: 1.2857142857em
}

@media (min-width:60em) {
    .banner-home .iso-section {
        display: inline-block
    }
}

.banner-home .itar-logo {
    display: none;
    vertical-align: middle;
    width: 10.7857142857em;
    height: 10.7857142857em;
    background: url(//451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/itar-logo.png) no-repeat 3.1428571429em 1.2142857143em rgba(255, 255, 255, .32);
    font-size: .875em;
    border-radius: 50%;
    font-weight: 600;
    color: #000;
    text-align: center;
    text-decoration: none;
    padding-top: 6.5714285714em;
    right: 20%;
    bottom: 3%;
    position: absolute;
    line-height: 1.2857142857em
}

@media (min-width:60em) {
    .banner-home .itar-logo {
        display: inline-block
    }
}

.search-trigger {
    display: block
}

@media (min-width:40em) {
    .search-trigger {
        display: block;
        padding: 0;
        margin: 1.7142857143em 0 0 0;
        width: 1.1428571429em;
        height: 1.1428571429em;
        background: url(//451906.fs1.hubspotusercontent-na1.net/hub/451906/file-2598768318-png/ico-search.png) top center no-repeat;
        background-size: 1.1428571429em;
        cursor: pointer
    }
}

@media (min-width:60em) {
    .search-trigger {
        margin: 1.625em 0 0 0;
        width: 1.3125em;
        height: 1.3125em;
        background-size: 1.3125em
    }
}

@media (min-width:80em) {
    .search-trigger {
        margin: 1.125em 0 0 0;
        width: 1.3125em;
        height: 1.3125em;
        background-size: 1.3125em
    }
}

.search-section {
    background-color: #999;
    height: 6.25em;
    margin-top: 0;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
}

.search-section .inner-wrap,
.search-section .site-nav {
    padding: .5em 1.5em
}

.search-section .inner-wrap .gsc-control-cse,
.search-section .site-nav .gsc-control-cse {
    background-color: transparent !important;
    border-color: transparent !important;
    padding: 0 !important
}

.search-section .inner-wrap .gsc-control-cse form.gsc-search-box,
.search-section .site-nav .gsc-control-cse form.gsc-search-box {
    font-size: 1em;
    margin: 0 !important
}

.search-section .inner-wrap .gsc-control-cse form.gsc-search-box table.gsc-search-box,
.search-section .site-nav .gsc-control-cse form.gsc-search-box table.gsc-search-box {
    float: right;
    padding: 0 !important;
    width: 100%;
    margin: 0 !important
}

.search-section .inner-wrap .gsc-control-cse form.gsc-search-box table.gsc-search-box tr,
.search-section .site-nav .gsc-control-cse form.gsc-search-box table.gsc-search-box tr {
    width: 100%
}

.search-section .inner-wrap .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsc-input,
.search-section .site-nav .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsc-input {
    margin: 0 !important;
    border: none !important;
    padding-top: 0 !important
}

.search-section .inner-wrap .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsc-input .gsc-input-box,
.search-section .site-nav .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsc-input .gsc-input-box {
    height: 3.0769230769em !important
}

.search-section .inner-wrap .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsc-input .gsc-input-box table,
.search-section .site-nav .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsc-input .gsc-input-box table {
    margin: 0 !important
}

.search-section .inner-wrap .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsc-input .gsc-input-box table tr td,
.search-section .site-nav .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsc-input .gsc-input-box table tr td {
    vertical-align: top !important
}

.search-section .inner-wrap .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsc-input .gsc-input-box table tr td input.gsc-input,
.search-section .site-nav .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsc-input .gsc-input-box table tr td input.gsc-input {
    height: 2.375em !important;
    border: none !important
}

.search-section .inner-wrap .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsc-input .gsc-input-box table tr td.gsib_b,
.search-section .site-nav .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsc-input .gsc-input-box table tr td.gsib_b {
    border: none !important;
    margin: 0
}

.search-section .inner-wrap .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsc-input table,
.search-section .site-nav .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsc-input table {
    margin: 0
}

.search-section .inner-wrap .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsib_a,
.search-section .site-nav .gsc-control-cse form.gsc-search-box table.gsc-search-box tr .gsib_a {
    border: none !important;
    padding: 0;
    width: 96%
}

.search-section .inner-wrap .gsc-control-cse form.gsc-search-box table.gsc-search-box #gs_id50,
.search-section .site-nav .gsc-control-cse form.gsc-search-box table.gsc-search-box #gs_id50 {
    margin: 0 !important
}

.search-section .inner-wrap .gsc-control-cse form.gsc-search-box table.gsc-search-box .gsc-search-button,
.search-section .site-nav .gsc-control-cse form.gsc-search-box table.gsc-search-box .gsc-search-button {
    width: 2.1875em !important;
    font-size: 1.2307692308em !important;
    border: none !important
}

.search-section .inner-wrap .gsc-control-cse form.gsc-search-box table.gsc-search-box .gsc-search-button input.gsc-search-button-v2,
.search-section .site-nav .gsc-control-cse form.gsc-search-box table.gsc-search-box .gsc-search-button input.gsc-search-button-v2 {
    background-image: url(//451906.fs1.hubspotusercontent-na1.net/hub/451906/file-2598768318-png/ico-search.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    width: 1.8125em !important;
    height: 1.8125em !important;
    float: right;
    margin-bottom: .3125em !important;
    border: none !important
}

.search-section .inner-wrap .search-exit,
.search-section .site-nav .search-exit {
    float: right;
    margin: 0 0 0 .625em;
    right: 0;
    top: 0
}

.search-section.active {
    margin-top: -6.25em
}

div.gsc-adBlock,
table.gsc-resultsHeader {
    display: none !important
}

.banner-dest,
.banner-home {
    padding-bottom: 4em !important;
    display: block;
    margin: 0 auto;
    max-width: 71.875em;
    padding: 2.9375em .625em 1.25em .5625em;
    position: relative
}

.banner-dest .heading1,
.banner-home .heading1 {
    text-transform: uppercase;
    margin-bottom: .3260869565em;
    font-size: 2.875em;
    color: #2b94c2;
    display: block;
    font-weight: 800;
    letter-spacing: -.04375em
}

.banner-dest .heading1 span,
.banner-home .heading1 span {
    display: block;
    color: #000
}

@media (min-width:60em) {

    .banner-dest .heading1,
    .banner-home .heading1 {
        font-size: 4.25em;
        margin-bottom: 0;
        line-height: 1em
    }
}

.banner-dest .heading2,
.banner-home .heading2 {
    margin-bottom: .4166666667em;
    font-size: 1.5em;
    color: #000;
    font-weight: 600;
    display: block
}

@media (min-width:60em) {

    .banner-dest .heading2,
    .banner-home .heading2 {
        margin-bottom: 1.1666666667em
    }
}

.btn-capability-home,
.btn-rfq-home {
    display: block;
    border: 5px solid #000;
    padding: .380952381em;
    font-size: 1.3125em;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center
}

@media (min-width:40em) {

    .btn-capability-home,
    .btn-rfq-home {
        display: inline-block;
        vertical-align: top;
        width: 40%;
        max-width: 11.9047619048em
    }
}

@media (min-width:60em) {

    .btn-capability-home,
    .btn-rfq-home {
        margin-bottom: 8.0952380952em
    }
}

.btn-capability-home .btn-rfq-home,
.btn-rfq-home .btn-rfq-home {
    border: 5px solid #2b94c2;
    color: #2b94c2;
    margin-top: .8571428571em
}

@media (min-width:40em) {

    .btn-capability-home .btn-rfq-home,
    .btn-rfq-home .btn-rfq-home {
        margin: 0 0 0 1%
    }
}

.banner-home .heading2 {
    font-size: 1.125em;
    line-height: 1.7777777778em;
    width: 95%
}

.banner-home .btn-outline,
.banner-home .btn-outline-important {
    font-size: 1.3125em;
    display: inline-block;
    width: 100%;
    text-align: center
}

.banner-home .btn-outline-important {
    margin-top: 1em
}

@media (min-width:40em) {

    .banner-home .btn-outline,
    .banner-home .btn-outline-important {
        font-size: 1.3125em;
        display: inline-block;
        width: 42%
    }

    .banner-home .btn-outline-important {
        margin: 0 0 0 1em
    }
}

@media (min-width:60em) {
    .banner-home .heading1 {
        font-size: 5.0625em
    }

    .banner-home .heading2 {
        font-size: 1.5em;
        line-height: 1.6666666667em;
        width: 70%
    }

    .banner-home .btn-outline,
    .banner-home .btn-outline-important {
        width: 28%;
        max-width: 12.1428571429em
    }
}

.site-content .inner-wrap,
.site-content .site-nav {
    padding-right: .625em;
    padding-left: 1.25em;
    padding-bottom: 1.25em
}

@media (min-width:60em) {

    .site-content .inner-wrap,
    .site-content .site-nav {
        padding: 2.9375em .625em 1.25em .5625em
    }
}

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

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

@media (min-width:60em) {
    .site-content-secondary {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%
    }

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

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

    .site-content-primary-lp:last-child {
        margin-right: 0
    }
}
.site-form{
    display: block;
    margin: 0 auto;
}

@media (min-width:60em) {
    .site-form {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 40.2913699012%
    }

    .site-form:last-child {
        margin-right: 0
    }
}

.aside-cta-wrap #hs-cta-wrapper-d629b2be-4714-4b14-a9c4-6f264e999aef {
    font-size: 1.3125em
}

.aside-title {
    color: #2b94c2;
    margin-top: 1em
}

@media (min-width:60em) {
    .aside-nav {
        margin-bottom: 1em
    }
}

.an-li-l1 {
    border-top: 1px solid #e2e2e2
}

.an-li-l1:last-child {
    border-bottom: 1px solid #e2e2e2
}

.an-li-l1>a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: .75em .5em;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.an-li-l1>a:visited {
    color: #000
}

.an-li-l1>a:hover {
    color: #000;
    background-color: #e2e2e2
}

.an-li-l1:hover {
    background-color: #fff
}

.services-module {
    overflow: hidden;
    clear: both
}

.services-module .sm-item {
    display: block;
    background-color: #2b94c2;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 1.3125em;
    font-weight: 400;
    padding: 1em
}

.services-module .sm-item>:first-child {
    margin-top: 0
}

.services-module .sm-item>:last-child {
    margin-bottom: 0
}

.services-module .sm-item span {
    display: inline-block;
    line-height: 1.25em;
    vertical-align: middle
}

.services-module .sm-item br {
    display: none
}

@media (min-width:40em) {
    .services-module .sm-item br {
        display: block
    }
}

@media (min-width:40em) {
    .services-module .sm-item {
        height: 12.4761904762em;
        line-height: 12.4761904762em;
        width: 20%;
        margin: 0;
        padding: 0;
        float: left;
        background-image: url(//cdn2.hubspot.net/hub/451906/file-2579010234-png/img/ico-service.png);
        background-repeat: no-repeat;
        background-position: center 78%
    }
}

.services-module a.odd {
    background-color: #2786af
}

@media (min-width:40em) {
    .bfm-item {
        min-height: 10.3125em
    }
}

@media (min-width:60em) {
    .bfm-item-title {
        font-size: 1em
    }
}

.site-footer {
    background-color: #252627
}

.site-footer .social-wrap {
    display: block;
    display: block;
    margin: 0 auto;
    width: 50%;
    padding-top: 1em;
    text-align: center
}

.site-footer .social-wrap a {
    display: inline-block;
    width: 20%
}

@media (min-width:60em) {
    .site-footer .social-wrap {
        float: right;
        width: 20%;
        padding-top: 0
    }
}

.footer-left,
.footer-right {
    font-size: .875em;
    color: #fff;
    font-weight: 400;
    text-align: center
}

.footer-left a,
.footer-right a {
    text-decoration: none;
    color: #fff
}

.footer-left a:hover,
.footer-right a:hover {
    text-decoration: underline
}

.footer-right {
    margin: 1.5em 0 0 0
}

@media (min-width:60em) {
    .footer-right {
        float: right;
        text-align: right;
        margin: 0
    }

    .footer-left {
        float: left;
        text-align: left
    }
}

.sf-top {
    overflow: hidden;
    border-bottom: 1px solid #4d4c4c;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em
}

.sf-bottom {
    clear: both;
    overflow: hidden
}

.sf-nav {
    text-align: center
}

.sf-nav li {
    display: inline-block
}

.sf-nav li a {
    font-size: 1em;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    padding: .3125em .375em
}

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

    .sf-nav li {
        float: left
    }
}

@media (min-width:80em) {
    .sf-nav {
        float: left;
        width: 78%
    }

    .sf-nav li a {
        font-size: 1.125em;
        padding: 0 .4444444444em
    }
}

.project-module .inner-wrap,
.project-module .site-nav {
    padding: 0;
    padding: 0
}

.project-module .sm-item-wrap .sm-item {
    text-decoration: none;
    display: block;
    margin-bottom: 1em;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%
}

.project-module .sm-item-wrap .sm-item:last-child {
    margin-right: 0
}

@media (min-width:40em) {
    .project-module .sm-item-wrap .sm-item {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
        padding-right: 1.875em
    }

    .project-module .sm-item-wrap .sm-item:last-child {
        margin-right: 0
    }

    .project-module .sm-item-wrap .sm-item:nth-child(2n) {
        margin-right: 0
    }

    .project-module .sm-item-wrap .sm-item:nth-child(2n+1) {
        clear: left
    }
}

@media (min-width:60em) {
    .project-module .sm-item-wrap .sm-item {
        position: relative
    }
}

.project-module .sm-item-wrap .sm-item .sm-item-title {
    font-size: 1em;
    font-weight: 600;
    margin-top: 0;
    color: #000;
    display: block
}

@media (min-width:60em) {
    .project-module .sm-item-wrap .sm-item .sm-item-title {
        text-align: center;
        position: absolute;
        right: 0;
        top: 47%;
        -moz-transform: rotate(90deg);
        -moz-transform-origin: top right;
        -o-transform: rotate(90deg);
        -o-transform-origin: top right;
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin: top right;
        -ms-transform: rotate(90deg);
        -ms-transform-origin: top right;
        transform: rotate(90deg);
        zoom: 1
    }
}

@media (min-width:60em) {
    .project-module .sm-item-wrap .sm-item:first-child {
        padding-left: 1.875em;
        padding-right: 0
    }
}

@media (min-width:60em) {
    .project-module .sm-item-wrap .sm-item:first-child .sm-item-title {
        text-align: center;
        position: absolute;
        left: 0;
        top: 47%;
        right: auto;
        -moz-transform: rotate(270deg);
        -moz-transform-origin: top left;
        -o-transform: rotate(270deg);
        -o-transform-origin: top left;
        -webkit-transform: rotate(270deg);
        -webkit-transform-origin: top left;
        -ms-transform: rotate(270deg);
        -ms-transform-origin: top left;
        transform: rotate(270deg);
        zoom: 1
    }
}

.project-module .sm-item-wrap .sm-item .sm-item-img {
    display: block;
    margin-top: .3125em;
    border: 1px solid #e2e2e2;
    background: #fff;  
}

.testimonials-module {
    background: url(//cdn2.hubspot.net/hub/451906/file-2619622480-jpg/img/ico-quote.jpg) no-repeat left top #2b94c2;
    display: block
}

.testimonials-module:hover .arrow-section {
    background: url(//cdn2.hubspot.net/hub/451906/file-2610198378-jpg/img/home-medical-arrow.jpg) no-repeat center center #2b94c2
}

.testimonials-module .txt-section {
    max-width: 75em;
    display: block;
    margin: 0 auto;
    padding-top: 1.25em;
    padding-bottom: 1.5625em
}

.testimonials-module .txt-section P {
    font-size: 1.3125em;
    color: #fff;
    font-weight: 400;
    text-align: center;
    line-height: 1.2380952381em;
    display: block;
    margin: 0 auto;
    width: 87%
}

.testimonials-module .txt-section P span {
    font-size: .7619047619em;
    display: block;
    margin-top: .7142857143em
}

.testimonials-module .arrow-section {
    background: url(//cdn2.hubspot.net/hub/451906/file-2610198378-jpg/img/home-medical-arrow.jpg) no-repeat center center #2786af;
    display: block;
    padding: 1.5em 0;
    cursor: pointer
}

@media (min-width:60em) {
    .testimonials-module {
        position: relative;
        background-position: left center
    }

    .testimonials-module .txt-section {
        padding-bottom: 2.1875em
    }

    .testimonials-module .txt-section p {
        float: left;
        width: 90%;
        font-size: 1.9375em;
        line-height: 1.2258064516em
    }

    .testimonials-module .txt-section p span {
        font-size: .7741935484em;
        margin-top: .8333333333em
    }

    .testimonials-module .arrow-section {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 46px
    }
}

img[name=pphLoggerImage] {
    display: none
}

.product-intro {
    margin-bottom: 1.5em
}

.product-intro h2 {
    font-size: 1.5em
}

.product-intro-img {
    text-align: center
}

.product-intro-img .red-btn {
    margin-top: 1em;
    margin-bottom: 1em
}

.product-intro-img .blue-btn {
    margin-top: 1em;
    margin-bottom: 1em
}

@media (min-width:40em) {
    .product-intro-img {
        float: right;
        margin-left: 1em;
        margin-bottom: 1em
    }

    .product-intro-text {
        clear: both
    }

    .product-intro-additional {
        font-size: .75em;
        text-align: left
    }
}

@media (min-width:60em) {
    .product-intro-img {
        padding: 0
    }

    .product-intro-text {
        clear: none !important
    }

    .product-intro-additional {
        float: right !important
    }
}

.product-intro-img-additional {
    display: inline-block;
    margin-top: .25em
}

.product-intro-img-additional img {
    width: 5em;
    height: auto
}

.product-intro-additional {
    font-size: .75em;
    text-align: center
}

.product-intro-additional ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.product-intro-additional li {
    margin: 0 0 .75em 0;
    padding: 0
}

.product-intro-additional>* {
    margin-top: 0
}

.product-intro-text>* {
    margin-top: 0
}

.pro-gallery-wrap a {
    display: block;
    margin-bottom: 1.25em;
    text-align: center
}

@media (min-width:40em) {
    .pro-gallery-wrap a {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%
    }

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

    .pro-gallery-wrap a:nth-child(2n) {
        margin-right: 0
    }

    .pro-gallery-wrap a:nth-child(2n+1) {
        clear: left
    }
}

.pro-gallery-wrap a img {
    display: block;
    margin-bottom: .3125em;
    border: 1px solid #e2e2e2;
          background: #fff;
}

.rfq-content .site-content-primary {
    padding-bottom: 3.25em
}

@media (min-width:60em) {
    .rfq-content .site-content-primary {
        width: 45%
    }

    .rfq-content .site-content-secondary {
        width: 52%
    }
}

.rfq-content #hs_form_target_main_form {
    background-color: #e8eaed;
    max-width: 29.3125em;
    width: 100%;
    margin: 0 auto 2.1875em;
    padding: 2.4375em 1.375em;
    -webkit-box-shadow: 0 0 7px 0 rgba(42, 42, 42, .44);
    -moz-box-shadow: 0 0 7px 0 rgba(42, 42, 42, .44);
    box-shadow: 0 0 7px 0 rgba(42, 42, 42, .44);
    position: relative
}

.rfq-content #hs_form_target_main_form::before {
    content: '';
    background-image: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/arrow-form-1.svg);
    background-repeat: no-repeat;
    background-size: 3em 3em;
    background-position: right center;
    width: 3.375em;
    height: 3.375em;
    position: absolute;
    right: -3.4375em;
    background-color: #000;
    top: 2.3125em
}

@media (min-width:60em) {
    .rfq-content #hs_form_target_main_form {
        margin: 0
    }
}

.rfq-content #hs_form_target_main_form .form-columns-1 .hs-comment label,
.rfq-content #hs_form_target_main_form .form-columns-2 .hs-form-field label {
    display: none
}

.rfq-content #hs_form_target_main_form .form-columns-1 .hs-fieldtype-checkbox label,
.rfq-content #hs_form_target_main_form .form-columns-1 .inputs-list li label {
    font-weight: 400
}

@media (min-width:40em) {
    .rfq-content #hs_form_target_main_form .form-columns-1 .inputs-list li {
        width: 50%;
        float: left
    }
}

.land-h2 {
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400
}

.rfq-content .site-content-secondary a.tn-badge__link.contact-badge {
    float: right;
    width: auto;
    margin-left: .9375em
}

.rfq-content .site-content-secondary a.tn-badge__link.contact-badge img {
    margin: 0
}

.land-phone {
    background-image: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/phone-icon.png);
    background-repeat: no-repeat;
    background-size: 1.5625em 1.5625em;
    padding-left: 2.1875em;
    background-position: left center;
    line-height: 1.625em
}

.land-email {
    background-image: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/email-icon.png);
    background-repeat: no-repeat;
    background-size: 1.5625em 1.5625em;
    padding-left: 2.1875em;
    background-position: left center;
    line-height: 1.625em
}

.land-email>a {
    font-weight: 700
}

.land-address {
    background-image: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/location-icon.png);
    background-repeat: no-repeat;
    background-size: 1.5625em 1.5625em;
    padding-left: 2.1875em;
    background-position: left center;
    line-height: 1.625em
}

.rfq-content #hs_form_target_main_form .hs-input {
    height: 3.1875em
}

.rfq-content #hs_form_target_main_form .form-columns-1 .inputs-list li.hs-form-checkbox .hs-input {
    height: .8125em
}

.sidebar-menu {
    background-color: #2b94c2;
    display: block;
    margin: 1.625em auto .625em;
    max-width: 19.8125em;
    padding: .625em 1.25em;
    width: 100%
}

.sidebar-menu ul li {
    border-bottom: 1px solid #fff
}

.sidebar-menu ul li a {
    color: #fff;
    display: block;
    padding: .4375em 0 .4375em .625em;
    text-decoration: none
}

.sidebar-menu ul li a:hover {
    text-decoration: underline
}

.sidebar-menu ul li:first-child a {
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.5em;
    padding: .3888888889em 0 .3888888889em 0
}

.sidebar-menu ul li:last-child {
    border-bottom: 0
}

.rows-of-3 {
    display: block
}

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

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

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

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

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

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

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

    .rows-of-3 .lt-ie9 .rows-of-3>* {
        float: left;
        width: 33.3% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 1em;
        padding-right: 1em
    }
}

.product {
    border: 3px solid #e2e2e2;
    text-align: center;
    padding: 1em;
    box-shadow: 0 0 17px rgba(0, 0, 0, .13);
    margin-bottom: 1.5em
}

.product div {
    font-family: "Open Sans", sans-serif;
    font-weight: 700
}

.product p {
    position: relative;
    bottom: 30px;
    left: 0;
    visibility: hidden
}

.imageWrapper {
    position: relative
}

.imageWrapper .cornerLink {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 2em;
    color: #fff;
    background: #000;
    text-decoration: none;
    text-align: center;
    transition: opacity .5s
}

.imageWrapper:hover .cornerLink {
    opacity: .9
}

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

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

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

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

.site-content-wrap .hs-breadcrumb-menu {
    clear: both;
    display: block;
    margin: 0 0 1.2em !important;
    overflow: hidden;
    padding: 0 !important;
    font-size: .8125em
}

.site-content-wrap .hs-breadcrumb-menu .hs-breadcrumb-menu-item .hs-breadcrumb-label {
    text-transform: uppercase
}

.site-content-wrap .hs-breadcrumb-menu .hs-breadcrumb-menu-item:first-child {
    padding-left: 0
}

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

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

.site-content-secondary .hs_cos_wrapper {
    display: block
}

.site-content-secondary .product-intro-img {
    float: none
}

@media (min-width:60em) {
    .site-content-secondary {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%
    }

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

.aside-cta-wrap {
    text-align: center
}

.aside-cta-wrap .hs-cta-wrapper {
    display: inline-block;
    margin-top: .9375em;
    max-width: 15.09em;
    width: 100%
}

.blog-list {
    background-color: #252627;
    color: #fff
}

.blog-list .inner-wrap,
.blog-list .site-nav {
    padding-bottom: 0
}

.blog-list .inner-wrap .bl-heading,
.blog-list .site-nav .bl-heading {
    font-size: 1.375em;
    text-transform: normal;
    font-weight: 400;
    letter-spacing: auto;
    margin-bottom: 1.1363636364em;
    padding-bottom: .4545454545em;
    line-height: 1.1363636364em;
    border-bottom: 1px solid #4d4d4d
}

.blog-list .inner-wrap li,
.blog-list .site-nav li {
    display: block;
    margin-bottom: 1.1538461538em;
    font-size: .8125em
}

.blog-list .inner-wrap li .bl-summary,
.blog-list .inner-wrap li .bl-title,
.blog-list .site-nav li .bl-summary,
.blog-list .site-nav li .bl-title {
    font-size: 1.0769230769em;
    line-height: 1.4285714286em;
    margin-top: .7142857143em;
    margin-bottom: .7142857143em
}

.blog-list .inner-wrap li .bl-summary a,
.blog-list .inner-wrap li .bl-title a,
.blog-list .site-nav li .bl-summary a,
.blog-list .site-nav li .bl-title a {
    font-size: 1.2857142857em;
    line-height: 1.2222222222em;
    text-decoration: none
}

.blog-list .inner-wrap li .bl-date,
.blog-list .site-nav li .bl-date {
    line-height: 1.3846153846em
}

.blog-list .inner-wrap li em,
.blog-list .site-nav li em {
    font-size: 14px;
    line-height: 20px
}

@media (min-width:60em) {

    .blog-list .inner-wrap .bl-heading,
    .blog-list .site-nav .bl-heading {
        font-size: 2.5em;
        line-height: 1.125em;
        margin-bottom: .625em;
        padding-bottom: .25em
    }

    .blog-list .inner-wrap li,
    .blog-list .site-nav li {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
        font-size: 1em
    }

    .blog-list .inner-wrap li:last-child,
    .blog-list .site-nav li:last-child {
        margin-right: 0
    }

    .blog-list .inner-wrap li:nth-child(3n),
    .blog-list .site-nav li:nth-child(3n) {
        margin-right: 0
    }

    .blog-list .inner-wrap li:nth-child(3n+1),
    .blog-list .site-nav li:nth-child(3n+1) {
        clear: left
    }

    .blog-list .inner-wrap li .bl-summary,
    .blog-list .inner-wrap li .bl-title,
    .blog-list .site-nav li .bl-summary,
    .blog-list .site-nav li .bl-title {
        font-size: 1.125em;
        line-height: 1.2222222222em
    }

    .blog-list .inner-wrap li .bl-summary a,
    .blog-list .inner-wrap li .bl-title a,
    .blog-list .site-nav li .bl-summary a,
    .blog-list .site-nav li .bl-title a {
        font-size: 1.3333333333em;
        line-height: 1.25em
    }

    .blog-list .inner-wrap li .bl-date,
    .blog-list .site-nav li .bl-date {
        line-height: 1.25em
    }

    .blog-list .inner-wrap li em,
    .blog-list .site-nav li em {
        font-size: 18px;
        line-height: 22px
    }
}

.post-body h5 {
    line-height: 25px
}

.gmap {
    position: relative;
    margin: 0 auto;
    width: 70%;
    padding-bottom: 50%
}

.gmap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.nomargin .alignleft,
.nomargin .alignright {
    padding-bottom: 0
}

.nomargin .alignleft p,
.nomargin .alignright p {
    margin-bottom: 0
}

.resources-module {
    background-image: url(//451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/img-resource-module-bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    text-decoration: none
}

.resources-module .inner-wrap .rm-content-header,
.resources-module .site-nav .rm-content-header {
    font-size: 3em;
    font-weight: 700;
    line-height: 1em;
    color: #000
}

.resources-module .inner-wrap .rm-content-header span,
.resources-module .site-nav .rm-content-header span {
    display: block;
    font-size: .625em;
    line-height: 1em;
    margin-top: .3333333333em;
    color: #2b94c2;
    font-weight: 600
}

.resources-module .inner-wrap .rm-content-subtext,
.resources-module .site-nav .rm-content-subtext {
    font-size: 1.125em;
    line-height: 2em;
    margin-bottom: 2em;
    color: #000
}

.resources-module .inner-wrap .rm-btn1,
.resources-module .inner-wrap .rm-btn2,
.resources-module .site-nav .rm-btn1,
.resources-module .site-nav .rm-btn2 {
    display: block;
    text-decoration: none;
    font-size: 1.5em;
    font-weight: 600;
    margin: 0 1em 1em 0
}

.resources-module .inner-wrap .rm-visual,
.resources-module .site-nav .rm-visual {
    text-align: center
}

.resources-module .inner-wrap .rm-visual img,
.resources-module .site-nav .rm-visual img {
    display: inline-block
}

@media (min-width:40em) {

    .resources-module .inner-wrap .rm-content-header span,
    .resources-module .site-nav .rm-content-header span {
        line-height: 1.6em
    }

    .resources-module .inner-wrap .rm-btn1,
    .resources-module .inner-wrap .rm-btn2,
    .resources-module .site-nav .rm-btn1,
    .resources-module .site-nav .rm-btn2 {
        display: inline-block
    }

    .resources-module .inner-wrap .rm-visual,
    .resources-module .site-nav .rm-visual {
        text-align: right
    }
}

@media (min-width:80em) {

    .resources-module .inner-wrap .rm-content-subtext,
    .resources-module .site-nav .rm-content-subtext {
        margin-right: 21%
    }
}

@media print {
    .hs_cos_wrapper_type_cta {
        display: none !important
    }

    .ce-body {
        display: block !important;
        opacity: 1 !important
    }

    .ce-header:after {
        display: none
    }
}

.site-nav .hs-menu-depth-1>a {
    padding: 0 .5em
}

@media (min-width:40em) {
    .site-nav .hs-menu-depth-1>a span {
        font-size: .8125em
    }
}

@media (min-width:80em) {
    .site-nav .hs-menu-depth-1>a span {
        font-size: 1em
    }
}

@media (min-width:40em) {

    .site-nav .hs-menu-depth-2>a span,
    .site-nav .hs-menu-depth-3>a span,
  .site-nav .hs-menu-depth-4>a span{
        font-size: .75em
    }
}

@media (min-width:80em) {

    .site-nav .hs-menu-depth-2>a span,
    .site-nav .hs-menu-depth-3>a span,
  .site-nav .hs-menu-depth-4>a span{
        font-size: 1em
    }
}

#delayed-popup {
    background: #fff;
    max-width: 539px;
    margin: 0 auto;
    padding: 10px 26px;
    position: relative
}

.specifications-module {
    position: relative;
    background-color: #000
}

.specifications-module .inner-wrap,
.specifications-module .site-nav {
    position: relative
}

.sm-bg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    background-blend-mode: luminosity;
    opacity: .35;
    background-color: #2b95c2
}

.sm-header {
    text-transform: uppercase;
    color: #fff
}

@media (min-width:40em) {
    .sm-content-wrap {
        font-size: 1.66667vw;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center
    }

    .sm-content-wrap>div {
        -webkit-flex-basis: 45%;
        -moz-flex-basis: 45%;
        flex-basis: 45%;
        -ms-flex-preferred-size: 45%
    }

    .sm-content-wrap>div.sm-text {
        -webkit-flex-basis: 55%;
        -moz-flex-basis: 55%;
        flex-basis: 55%;
        -ms-flex-preferred-size: 55%
    }
}

@media (min-width:60em) {
    .sm-content-wrap {
        font-size: 1em
    }
}

.sm-click-expand .click-expand {
    border-color: #2b95c2
}

.sm-click-expand .click-expand .ce-header {
    text-transform: uppercase;
    color: #2b95c2;
    font-size: 1.625em;
    line-height: 1.3846153846em;
    padding-top: .4615384615em;
    padding-bottom: .4615384615em;
    padding-right: 1.3461538462em;
    margin: 0
}

.sm-click-expand .click-expand .ce-header::after {
    color: #2b95c2;
    width: 1.1923076923em;
    height: 1.1923076923em;
    border: 1px solid #2b95c2;
    border-radius: 50%;
    text-align: center;
    line-height: 1.2em
}

.sm-click-expand .click-expand .ce-header:hover {
    background-color: rgba(43, 148, 194, .35)
      color: #fff;
}

.sm-click-expand .click-expand .ce-body {
    color: #2b95c2
}

.sm-click-expand .click-expand .ce-body ul li:after {
    background-image: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/ico-bullet-white.svg)
}

.sm-click-expand .click-expand:hover {
    background-color: rgba(43, 148, 194, .35)
}

.header-line {
    text-transform: uppercase;
    position: relative;
    padding-top: .4047619048em;
    padding-bottom: .380952381em;
    font-weight: 600
}

.header-line::before {
    content: '';
    background-color: #2994c3;
    width: 100%;
    left: -101%;
    height: 100%;
    position: absolute;
    top: 0
}

@media (min-width:60em) {
    .cdm-content-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }

    .cdm-content-wrap>div {
        -webkit-flex-basis: 33.33%;
        -moz-flex-basis: 33.33%;
        flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%
    }

    .cdm-content-wrap>div .cdm-content {
        border-left: 1px solid #2994c3;
        padding-left: 1.625em;
        padding-right: 1.625em
    }

    .cdm-content-wrap>div:first-child {
        padding-left: 0
    }

    .cdm-content-wrap>div:first-child .cdm-content {
        border-left: none
    }
}

.cdm-image {
    max-width: 6.25em;
    width: 100%;
    margin: 0 auto 0
}

.cdm-content {
    min-height: 19.25em
}

.cdm-header.header-line {
    margin-bottom: 1.4285714286em
}

.certified-module {
    position: relative
}

.certified-module .inner-wrap,
.certified-module .site-nav {
    position: relative
}

.cdm-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    position: absolute;
    opacity: .21;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.scl-list li {
    color: #2b94c2;
    text-transform: uppercase;
    font-size: 1.75em;
    font-weight: 700;
    line-height: 1.8571428571em
}

.scl-black-module {
    background-color: #000;
    position: relative;
    z-index: 1
}

.application-swiss-four-bucket-module {
    color: #fff;
    text-align: center
}

.asfbm-header {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1.0714285714em
}

.asfbm-four-bucket {
    padding-top: 2.5em
}

@media (min-width:40em) {
    .asfbm-four-bucket {
        font-size: 1.666667vw;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap
    }

    .asfbm-four-bucket>div {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        padding: 0 1.5625em;
        margin-bottom: 2.5em;
        border-left: 1px solid #fff
    }

    .asfbm-four-bucket>div:first-child {
        border-left: none
    }
}

@media (min-width:60em) {
    .asfbm-four-bucket {
        font-size: 1em;
        flex-wrap: nowrap
    }

    .asfbm-four-bucket>div {
        -webkit-flex-basis: 25%;
        -moz-flex-basis: 25%;
        flex-basis: 25%;
        -ms-flex-preferred-size: 25%
    }

    .asfbm-four-bucket.asfbm-five-bucket {
        font-size: 1em;
        flex-wrap: wrap
    }

    .asfbm-four-bucket.asfbm-five-bucket>div {
        -webkit-flex-basis: 20%;
        -moz-flex-basis: 20%;
        flex-basis: 20%;
        -ms-flex-preferred-size: 20%
    }

    .asfbm-four-bucket.asfbm-five-bucket>div:nth-of-type(5n-4) {
        border-left: none
    }
}

.asfbmi-title {
    text-transform: uppercase;
    font-size: 1.125em;
    font-weight: 700
}

.asfbmi-image {
    background-color: #2b94c2;
    max-width: 10.3125em;
    width: 100%;
    border-radius: 150px;
    overflow: hidden;
    margin: 0 auto;
    min-height: 6.3125em
}

.two-line {
    padding: 0
}

.asmp-header {
    margin-bottom: .7777777778em
}

.asmp-two-col {
    padding-top: 1.875em
}

.asmp-two-col>div {
    padding: 1.5625em 0;
    position: relative
}

.asmp-two-col>div:first-child {
    background-color: #edeceb
}

.asmp-two-col>div:first-child::after {
    content: '';
    background-color: #edeceb;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0
}

@media (min-width:40em) {
    .asmp-two-col {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.666667vw
    }

    .asmp-two-col>div {
        padding: 2.5em 2.8125em;
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        flex-basis: 50%;
        -ms-flex-preferred-size: 50%
    }
}

@media (min-width:60em) {
    .asmp-two-col {
        font-size: 1em
    }
}

.asmptc-list {
    padding-left: 1.5em;
    margin-left: 2.1875em
}

.asmptc-list li {
    font-size: 1.125em;
    line-height: 1.5555555556em;
    margin-bottom: 1.1111111111em;
    position: relative
}

.asmptc-list li:after {
    content: '';
    width: 1.5em;
    height: 1.5em;
    display: block;
    position: absolute;
    top: 0;
    left: -1.5em;
    background-image: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/ico-bullet-blue.svg);
    background-position: center center;
    background-size: .45em;
    background-repeat: no-repeat
}

.scl-top p {
    color: #fff;
    font-size: 1.125em;
    line-height: 1.5555555556em
}

.vfm-video {
    display: block;
    position: relative;
    min-height: 18.75em
}

.vfm-video::before {
    content: '';
    background-image: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/video-play-button.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 6em;
    height: 6em;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.video-full-module {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    min-height: 18.75em
}

.advantages-of-swiss-machining-process .inner-wrap,
.advantages-of-swiss-machining-process .site-nav {
    padding-bottom: 0
}

.scl-bottom div p {
    font-size: 1.125em;
    line-height: 1.5555555556em
}

.infographics-module {
    color: #fff
}

.im-header {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: .8888888889em
}

.im-title {
    color: #4c93be
}

.im-list li {
    font-size: 22px;
    margin-bottom: .4545454545em
}

@media (min-width:60em) {
    .im-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }

    .im-wrap>div {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        flex-basis: 50%;
        -ms-flex-preferred-size: 50%
    }

    .im-wrap>div:last-child {
        text-align: right
    }

    .im-wrap>div:first-child {
        padding-top: 5em
    }
}

@media (min-width:40em) {

    .infographics-module .inner-wrap,
    .infographics-module .site-nav {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (min-width:40em) {
    .swiss-capabilities-list {
        font-size: 1.666667vw
    }
}

@media (min-width:60em) {
    .swiss-capabilities-list {
        font-size: 1em
    }
}

@media (min-width:40em) {
    .scl-image-right {
        overflow: hidden;
        border: 2px solid #2b94c2;
        width: 100%;
        height: 105%;
        position: absolute;
        right: -50%;
        top: 0;
        transform: skewX(-25deg)
    }
}

.sclir {
    width: 63%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    transform: skewX(25deg);
    margin-left: -11%
}

.contact-module {
    background-color: #2b94c2
}

.contact-module .inner-wrap,
.contact-module .site-nav {
    padding-top: 0;
    padding-bottom: 0
}

.cm-wrap {
    padding-top: 2.1875em;
    padding-bottom: 2.1875em;
    background-repeat: no-repeat;
    background-position: left center;
    color: #fff
}

@media (min-width:40em) {
    .cm-wrap {
        padding-left: 15.5625em;
        background-image: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/logo-element-arrow-two.svg)
    }
}

@media (min-width:60em) {
    .cm-wrap {
        padding-left: 15.5625em;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center
    }

    .cm-wrap>div {
        -webkit-flex-basis: 30%;
        -moz-flex-basis: 30%;
        flex-basis: 30%;
        -ms-flex-preferred-size: 30%
    }

    .cm-wrap>div:first-child {
        -webkit-flex-basis: 70%;
        -moz-flex-basis: 70%;
        flex-basis: 70%;
        -ms-flex-preferred-size: 70%
    }
}

.cm-heading {
    font-size: 1.625em;
    line-height: 1.3846153846em;
    text-transform: uppercase
}

.cm-text-p {
    font-size: 1.375em;
    line-height: 1.1818181818em
}

.cm-cta {
    display: inline-block;
    vertical-align: middle;
    padding: .9375em 4.8125em;
    text-transform: uppercase;
    color: #fff;
    background-color: #000;
    text-decoration: none
}

.sclt-list-item {
    background-color: #2b94c2;
    transform: skewX(-25deg);
    margin-left: 6%;
    width: 108%
}

@media (min-width:60em) {
    .sclt-list-item {
        width: 100%;
        height: 113%;
        position: absolute;
        right: -50%;
        top: -7%;
        transform: skewX(-25deg)
    }
}

.sclt-listi-scrc {
    transform: skewX(25deg);
    padding-left: 4.6875em
}

@media (min-width:60em) {
    .sclt-text {
        width: 42%
    }
}

.scltlist-wrap {
    padding-top: 6.25em;
    padding-bottom: 2.5em
}

.scltlist-wrap li {
    font-size: 1.5625em;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    margin-bottom: 1.4em;
    position: relative;
    padding-left: 2.32em
}
.scltlist-wrap li:before{
  display:none !important;
}
.scltlist-wrap li::after {
    content: '';
    background-image: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/logo-element-arrow.svg)!important;
    background-repeat: no-repeat!important;
    background-size: 2.16em 1.64em!important;
    background-position: left center!important;
    position: absolute;
    left: 0 !important;
    top: 0;
    width: 2.16em!important;
    height: 1.64em!important;
}

.scltlist-wrap li>a {
    color: #fff;
    text-decoration: none
}

@media (min-width:60em) {
    .scltlist-wrap li {
        font-size: 2.375em;
        line-height: 1em;
        text-transform: uppercase;
        color: #fff;
        font-weight: 600;
        margin-bottom: .9210526316em;
        position: relative;
        padding-left: 1.5263157895em
    }

    .scltlist-wrap li::after {
        content: '';
        background-image: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/logo-element-arrow.svg)!important;
        background-repeat: no-repeat!important;
        background-size: 1.4210526316em 1.0789473684em!important;
        background-position: left center;
        position: absolute;
        left: 0 !important;
        top: 0;
        width: 1.4210526316em!important;
        height: 1.0789473684em!important;
    }

    .scltlist-wrap li>a {
        color: #fff;
        text-decoration: none
    }
}

.scltlist-wrap li>a:hover {
    color: #fff
}

.im-cta-wrap {
    text-align: right
}

.im-cta {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1.375em;
    text-transform: uppercase;
    color: #fff;
    padding-right: 5.2727272727em;
    background-image: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/logo-element-arrow-two-blue.svg);
    padding-top: 1.9090909091em;
    background-repeat: no-repeat;
    background-size: 8.1363636364em 6.1818181818em;
    background-position: right center;
    padding-bottom: 3.5em
}

.im-cta>span {
    color: #2b94c2
}

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

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

.title {
    color: #2b94c2;
    font-weight: 700;
    font-size: 1em
}

.home-title {
    color: #000;
    font-weight: 400;
    font-size: 1.125em
}

.home-title a {
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    padding-right: 1.6666666667em;
    background: url(//cdn2.hubspot.net/hub/451906/file-2619213875-jpg/img/home-title-arrow.jpg) no-repeat right .1666666667em
}

@media (min-width:60em) {
    .home-title {
        font-size: 1.5em
    }

    .home-title a {
        padding-right: 1.25em;
        background-position: right .125em
    }
}

.divide p,
.divide ul {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-bottom: 1em
}

.site-intro {
    background: #efefef;
}

.flex-container a:active,
.flex-container a:focus,
.flexslider a:active,
.flexslider a:focus {
    outline: 0
}

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

.flexslider {
    margin: 0;
    padding: 0
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides img {
    width: 100%;
    display: block
}

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

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

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

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

.flexslider {
    margin: 0;
    background: 0 0;
    border: 0;
    position: relative;
    zoom: 1
}

.flex-viewport {
    max-height: 125em;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

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

.flexslider .slides {
    zoom: 1
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 57%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.flex-direction-nav .flex-prev {
    left: -50px
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right
}

.flexslider:hover .flex-prev {
    left: 10px
}

.flexslider:hover .flex-next {
    right: 10px
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1
}

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

.flex-direction-nav a:before {
    display: block;
    content: '';
    height: 2.5em;
    background-size: 40px;
    background-repeat: no-repeat;
    background-image: url(//cdn2.hubspot.net/hub/451906/img/ico-arrow-left-slider.svg)
}

.flex-direction-nav a.flex-next:before {
    background-image: url(//cdn2.hubspot.net/hub/317022/file-2252170943-svg/img/ico-arrow-right-slider.svg)
}

.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 li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, .7)
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, .9);
    cursor: default
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer
}

.flex-control-thumbs img:hover {
    opacity: 1
}

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

.flex-direction-nav .flex-prev {
    opacity: .3;
    left: 10px
}

.flex-direction-nav .flex-next {
    opacity: .3;
    right: 10px
}

.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: 28px;
    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-img {
    max-height: none !important
}

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

/*! /* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}*/
/*!
[hubspot-metadata]
{
    "path": "custom/page/web_page_basic/style.css"
}
[end-hubspot-metadata]
*/
.social-wrap-header {
    display: inline-block;
    margin-left: 15px;
    margin-top: 3px
}

.social-wrap-header .social-wrap a {
    padding-left: 10px;
    padding-right: 10px
}

.sf-bg-blue {
    position: relative;
    z-index: 1;
    overflow: inherit;
    padding-top: 1.6875em;
    padding-bottom: 1.75em
}

.sf-bg-blue a {
    color: #fff;
    text-decoration: none
}

.sf-bg-blue::before {
    content: '';
    background-color: #2786af;
    position: absolute;
    left: -150%;
    width: 300%;
    height: 100%;
    top: 0;
    z-index: -1
}

@media (min-width:40em) {
    .badge-logo {
        text-align: right
    }

    .badge-logo .tn-badge__link {
        display: inline-block;
        vertical-align: top
    }
}

.footer-address {
    text-align: center
}

.sf-small-wrap {
    text-align: center;
    padding-top: 1.875em
}

.sf-small-wrap>span {
    font-size: .875em;
    line-height: 1.7142857143em;
    color: #fff
}

.sf-small-wrap>span>a {
    color: #2b94c2
}

.new-footer .inner-wrap,
.new-footer .site-nav {
    padding-top: 0
}

.sf-bg-blueone {
    position: relative;
    overflow: inherit;
    z-index: 1
}

.sf-bg-blueone::before {
    content: '';
    background-color: #2b94c2;
    width: 300%;
    height: 100%;
    position: absolute;
    left: -150%;
    top: 0;
    z-index: -1
}

.sf-top-new {
    border-bottom: none;
    margin-bottom: 0;
    padding-top: 1.875em;
    padding-bottom: 1.875em
}

.new-blog-list {
    background-color: #efefef;
}

.bl-heading.new-bl-heading {
    font-size: 20px !important;
    font-weight: 900 !important;
    color: #2b94c2;
    border: none !important;
    text-transform: uppercase;
    margin-bottom: 26px !important
}

.featured-image-thumb {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
    width: 150px
}

.blog-list.new-blog-list .inner-wrap {
    padding-bottom: 30px;
    padding-top: 30px
}

.bl-item li {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    overflow: hidden;
    position: relative
}

.bl-item li::before {
    content: "";
    position: absolute;
    left: -17px;
    top: 0;
    width: 75%;
    height: 100%;
    background-color: #e6e6e6;
    -moz-transform: skew(7deg);
    -webkit-transform: skew(7deg);
    -ms-transform: skew(7deg);
    -o-transform: skew(7deg);
    transform: skew(7deg)
}

.bl-wrapper {
    position: relative;
    max-width: 70%;
    padding: 10px 20px
}

.bl-summary {
    color: #000
}

.bl-summary p {
    line-height: 25px;
    margin: 10px 0 20px;
    font-size: 16px
}

.bl-more {
    display: block;
    background-color: #2786af;
    position: relative;
    text-align: right;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none
}

.bl-more span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-right: 30px
}

.bl-more span:after {
    content: "";
    position: absolute;
    background-image: url(https://www.ardelengineering.com/hubfs/img/blog-arrow.png);
    background-repeat: none;
    background-position: right center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    right: 0;
    top: 2px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.bl-more:hover span:after {
    right: -5px
}

.bl-more:active,
.bl-more:focus {
    color: #fff
}

.bl-more:hover {
    color: #fff;
    text-decoration: none !important
}

@media (min-width:60em) {

    .new-blog-list .inner-wrap li,
    .new-blog-list .site-nav li {
        width: 48%;
        background-color: #e6e6e6
    }

    .bl-heading.new-bl-heading {
        font-size: 60px !important
    }
}

@media (min-width:80em) {
    .nav-wrap.nav-sticky {
        height: 3.5625em !important
    }
}

@media (min-width:60em) {
    .nav-wrap {
        height: auto
    }

    .nav-wrap.nav-sticky {
        z-index: 9999;
        background-color: #2b94c2;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        text-align: center
    }

    .nav-wrap.nav-sticky .site-nav-container {
        margin: 0 auto;
        float: none;
        background-color: #2b94c2 !important
    }

    .nav-wrap.nav-sticky .site-nav-container .hs-menu-depth-1 span,
    .nav-wrap.nav-sticky .site-nav-container .sn-li-l1 span {
        font-size: .875em
    }

    .nav-wrap.nav-sticky .site-nav-container .menu .level-1 {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        height: auto
    }

    .nav-wrap.nav-sticky .site-nav-container .menu .level-1>li {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1
    }

    .nav-wrap.nav-sticky .site-nav-container .menu .level-1>li>a {
        padding: .45em 0
    }

    .nav-wrap.nav-sticky .site-nav-container .menu .level-1>li .sub-menu {
        top: 100%
    }
}

.nav-wrap.nav-sticky .rfq-menu a {
    background-color: #000
}

.nav-wrap.nav-sticky #hs_menu_wrapper_menu>ul>.hs-menu-item:nth-of-type(11) {
    display: none
}

.nav-wrap.nav-sticky #hs_menu_wrapper_menu>ul>.hs-menu-item:nth-of-type(1) {
    display: block
}

.nav-wrap #hs_menu_wrapper_menu>ul>.hs-menu-item:nth-of-type(1) {
    display: none
}

.three-bucket-module {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
}

.tbm-wrper>div {
    padding: .8125em;
    padding-bottom: 2.1875em;
    text-align: center
}

@media (min-width:60em) {
    .tbm-wrper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.25vw
    }

    .tbm-wrper>div {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        float: left
    }
}

@media (min-width:80em) {
    .tbm-wrper {
        font-size: 1em
    }
}

.tbmi-header {
    font-size: 1.5em;
    line-height: 1.1666666667em;
    font-weight: 700;
    padding-bottom: 1.1666666667em;
    margin-bottom: .7916666667em;
    position: relative
}

.tbmi-header::before {
    content: '';
    background-color: #2b94c2;
    width: 2.3333333333em;
    height: .2083333333em;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto
}

.tbm-bottom-content {
    text-align: center;
    font-size: 1.125em;
    line-height: 1.5555555556em;
    font-weight: 700
}

.rbm-wrap {
    text-align: center
}

@media (min-width:60em) {
    .rbm-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center
    }

    .rbm-wrap>div {
        -webkit-flex-basis: 34%;
        -moz-flex-basis: 34%;
        flex-basis: 34%;
        -ms-flex-preferred-size: 34%;
        text-align: left;
        padding-left: 1.625em
    }

    .rbm-wrap>div.rbm-content {
        text-align: right;
        -webkit-flex-basis: 66%;
        -moz-flex-basis: 66%;
        flex-basis: 66%;
        -ms-flex-preferred-size: 66%
    }
}

.rbm-content p {
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: 600
}

.site-content-primarylp .page-header h1 {
    font-size: 3.125em;
    font-weight: 700;
    margin-bottom: .9em
}

.scp-form-wrap {
    margin-bottom: 2.125em;
    max-width: 35.1875em;
    width: 100%;
    background-color: #e6e6e6;
    padding: 4.375em 2.625em 4em;
    position: relative
}

.scp-form-wrap::before {
    content: '';
    background-image: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/arrows.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 9.8125em;
    height: 9.4375em;
    position: absolute;
    left: -5.4375em;
    top: -3.75em
}

.scp-form-wrap .form-title {
    display: none
}

.scp-form-wrap .hs-submit {
    text-align: center;
    padding-top: 1em
}

.scp-form-wrap .hs-submit .hs-button {
    background-color: #000;
    width: 14.0625em;
    text-transform: uppercase;
    height: 3.75em;
    border: 5px solid #000
}

.scp-form-wrap .hs-submit .hs-button:hover {
    background-color: transparent;
    color: #000
}

@media (min-width:60em) {
    .scp-contnent-wrap {
        display: flex
    }

    .scp-contnent-wrap>div.scp-form-wrap {
        flex-basis: 48.87%;
        float: left
    }

    .scp-contnent-wrap>div.scpm-content {
        flex-basis: 51.13%;
        float: left;
        padding-left: 3.1875em
    }
}

.anchor-links-nav {
    border-bottom: 1px solid #efefef;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.anchor-links-nav ul {
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

.anchor-links-nav ul li {
    display: inline-block !important;
    margin-bottom: .6875em;
    background: 0 0;
    margin-left: 16px;
    margin-right: 16px
}

.anchor-links-nav ul li a {
    font-size: 1.125em;
    display: block;
    padding: .6111111111em 1.2777777778em .6666666667em;
    -webkit-transition: background-color .1s ease-in-out;
    -moz-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out;
    text-decoration: none
}

.anchor-links-nav ul li a:hover {
    background-color: #000;
    color: #fff
}

.video-with-description-module {
    padding-top: 2.125rem;
    margin-bottom: 5.625rem;
    background-color: #e9e9e9
}

.vwdm-media-wrap {
    position: relative;
    margin-bottom: -1.5625rem
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
}

.vwdm-play-icon {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-left: .625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.vwdm-play-icon i {
    font-size: .5625rem;
    line-height: .625rem
}

.play-video-btn {
    padding: .71875rem 1.4375rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background-color: #2b94c2;
    text-decoration: none;
    color: #fff;
    font-weight: 700
}

.play-video-btn.popup-youtube:before {
    content: none !important;
   
  }
.video-btn-youtube a{
display: inline-block;
outline: none !important;

}

.video-btn img{
display: block;
}

.video-btn{
position: relative;
}

.video-btn-youtube{
padding-bottom: 10px;
padding-top: 10px;
}

.video-btn:before {
    content: '';
position: absolute; 


   
left: 0; 


   
right: 0; 


   
margin:0 auto; 


top:50%; 


   
transform: translateY(-50%);; 


   
width: 68px; 


   
height: 60px; 


   
-moz-transition: all .25s cubic-bezier(0.0,0.0,0.2,1); 


   
-webkit-transition: all .25s cubic-bezier(0.0,0.0,0.2,1); 


   
transition: all .25s cubic-bezier(0.0,0.0,0.2,1); 


   
z-index: 63; 


   
cursor: pointer; 
position: absolute;
    background: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/ico-play1white.svg) center/contain no-repeat
 }

.play-video-btn:hover {
    color: #fff;
    background-color: #2786af
}

@media (min-width:1360px) {
    .play-video-btn {
        transform: translate(-50%, -50%)
    }
}

.vwdm-content {
    position: relative
}

.vwdm-content:after {
    content: '';
    width: 4.9375rem;
    height: 3.9375rem;
    display: inline-block;
    position: absolute;
    bottom: -1.5625rem;
    right: 3%;
    background: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/quote.png) center/contain no-repeat
}

.vwdm-content-text {
    padding: 3.4375rem 2.1875rem 2.1875rem;
    margin-bottom: 0;
    font-size: 1.4375rem;
    line-height: 1.875rem;
    margin-top: 2.5rem
}

.vwdm-content-text>:first-child {
    position: relative
}

.vwdm-content-text>:first-child:before {
    content: '';
    width: 3.4375rem;
    height: .5rem;
    display: inline-block;
    position: absolute;
    top: -1.5625rem;
    left: 0;
    background: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/img/ellipses.png) center/contain no-repeat
}

@media (min-width:768px) {
    .vwdm-content-text {
        margin-top: 0
    }
}

.align {
    display: block;
    margin-top: -1.875em;
    padding-top: 1.875em
}

.flm-featured-listing {
    margin-left: 8%;
    padding: 1.5625em 0 0
}

.flm-featured-listing ul {
    counter-reset: custom-counter
}

.flm-featured-listing ul li {
    margin-bottom: 2.8125em;
    padding-left: 5.625em;
    counter-increment: custom-counter;
    position: relative
}

.flm-featured-listing ul li:before {
    content: counter(custom-counter);
    width: 2em;
    height: 2em;
    padding: .5em .25em .5em;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
    top: .15em;
    left: 0;
    background-color: #2b94c2;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 600;
    text-align: center;
    box-sizing: border-box
}

.flm-featured-listing ul.featured_listing li:before {
    content: "";
    padding: 0;
    background: transparent url(../img/icons/featured-list-arrow.png) left top/22px no-repeat
}

.sclt-text h2 {
    color: #fff
}

.pillarpage-linklist-module {
    display: none
}

.pillarpage-linklist-module .inner-wrap {
    padding-top: 0;
    padding-bottom: 0
}

.pillarpage-linklist-module.stuck .menu-pillar-page-navigation-containe {
    display: block;
    opacity: 1
}

.menu-pillar-page-navigation-containe {
    background-color: #2b94c2;
    display: none;
    opacity: 0
}

.menu-pillar-page-navigation-containe .scltlist-wrap {
    padding-top: .625em;
    padding-bottom: .625em
}

.menu-pillar-page-navigation-containe .scltlist-wrap li {
    font-size: 1.375em;
    margin: 0;
    padding-left: 1.5263157895em
}

@media (min-width:60em) {
    .pillarpage-linklist-module.stuck {
        position: fixed;
        top: 0;
        width: 100%;
        padding: 0 1.5625em;
        z-index: 9;
        background-color: #2b94c2;
        display: block
    }

    .menu-pillar-page-navigation-containe .scltlist-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }

    .menu-pillar-page-navigation-containe .scltlist-wrap li {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1
    }
}

@media (min-width:60em) {
    .call-to-action-buttons-module {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.ctabm-wrap {
    width: 100%;
    display: block;
    background-color: #555;
    color: #fff;
    text-align: center;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media (min-width:60em) {
    .ctabm-wrap {
        width: 50%
    }
}

.ctabm-wrap:nth-child(even) {
    background-color: #000;
    color: #fff
}

.ctabm-btn {
    padding: 2rem .625rem;
    display: block;
    text-decoration: none
}

.ctabm-wrap a {
    color: #fff
}

.ctabm-btn span {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.2em;
    margin-left: .625rem;
    margin-right: .625rem;
    vertical-align: middle;
    display: block;
    position: relative
}

@media (min-width:60em) {
    .ctabm-btn span {
        padding-right: 3.125rem;
        display: inline-block;
        text-align: left;
        max-width: calc(100% - 15px);
        margin-left: auto;
        margin-right: auto
    }
}

.ctabm-btn span:after {
    content: "";
    position: absolute;
    background-image: url(https://www.ardelengineering.com/hubfs/img/blog-arrow.png);
    background-repeat: none;
    background-position: right center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    right: 0;
    bottom: 2px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.ctabm-btn:hover span:after {
    right: -5px
}
a:focus:not(:hover):not(:active) {
    outline: 2px dashed #cc0000;
    outline-offset: 2px; }
/* Flying focus */
#flying-focus {
  position: absolute;
  margin: 0;
  background: transparent;
  -webkit-transition-property: left, top, width, height, opacity;
  transition-property: left, top, width, height, opacity;
  -webkit-transition-timing-function: cubic-bezier(0, 0.2, 0, 1);
  transition-timing-function: cubic-bezier(0, 0.2, 0, 1);
  visibility: hidden;
  pointer-events: none;
  box-shadow: 0 0 2px 3px $base-font-color, 0 0 2px $base-font-color inset;
}
#flying-focus.flying-focus_visible {
  visibility: visible;
  z-index: 9999;
}
.flying-focus_target {
  outline: none !important; /* Doesn't work in Firefox :( */
}
/* http://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links/199319 */
.flying-focus_target::-moz-focus-inner {
  border: 0 !important;
}
/* Replace it with @supports rule when browsers catch up */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #flying-focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -3px;
  }
}

 .pdf-module{
    text-align:center;
  }
 .pdf-module .inner-wrap{
    padding-top:0;
  }
 
  
  .pdf-module .pdf-m-wrap .pdf-item{
  width:200px;
    display:block;
    margin-bottom:1.2em;
    margin-left:auto;
    margin-right:auto;
    
  }
  .pdf-module .pdf-m-wrap a img{
    border:0.5px solid #aaa;
    height:auto;
  
  }
.pdf-module .pdf-m-wrap .pdf-item a{
  display:inline-block;
}

  .pdf-module .pdf-m-wrap a span{
  display:block;
    font-size:1.2em;
    font-weight:bold;
  }
  @media (min-width: 40em) {
     .pdf-module .pdf-m-wrap {
  display:flex;
    flex-wrap:wrap;
   justify-content:center;
  }
    .pdf-module .pdf-m-wrap .pdf-item{
  width:24%;
    display:block;
    margin-bottom:1.2em;
  }
    }
  
/*=============== ADA Complaince styling ===================*/
#skipToContent {
  position: fixed;
  z-index: 0;
  top: 10px;
  left: 10px;
  opacity: 0; }
  #skipToContent:focus {
    opacity: 1;
    z-index: 99999; }

.social-wrap a:focus:not(:hover):not(:active),
a[class*="sh-ico-"]:focus:not(:hover):not(:active),
.sh-ph:focus:not(:hover):not(:active),
.sh-email:focus:not(:hover):not(:active) {
  outline-offset: 2px; }

.social-wrap a.tse-remove-border:focus:not(:hover):not(:active),
a[class*="sh-ico-"].tse-remove-border:focus:not(:hover):not(:active),
.sh-ph.tse-remove-border:focus:not(:hover):not(:active),
.sh-email.tse-remove-border:focus:not(:hover):not(:active),
.site-nav a.tse-remove-border:focus:not(:hover):not(:active) {
  outline: none;
  outline-offset: 0; }

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

.nonlink {
  cursor: default;
  pointer-events: auto; }
  @media (min-width: 60em) {
    .nonlink {
      pointer-events: none; } }

.aim-img-wrap img{
  width: 640px;
    height: 100%;
}

.lightbox {
  display: inline-block; }
  .lightbox.tse-remove-border {
    outline: none !important; }
    .lightbox.tse-remove-border:focus {
      outline: none !important; }

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

.social-wrap a:focus:not(:hover):not(:active) {
    outline-offset: -2px;
}
.services-module a:focus:not(:hover):not(:active) {
    outline-offset: -2px;
}
.cta_button {
    display: inline-block;
}
.bl-more:focus:not(:hover):not(:active) {
    outline-offset: -2px;
}
.search-trigger-wrap {
    height: 1.25em !important;
}
.site-nav .hs-menu-depth-2:hover >.hs-menu-children-wrapper, .site-nav .hs-menu-depth-2:hover >.hs-menu-children-wrapper {
    display: block;
    left: 100%;
    top: 0;
}
.site-nav .hs-menu-depth-3:hover >.hs-menu-children-wrapper, .site-nav .hs-menu-depth-3:hover > .hs-menu-children-wrapper {
    display: block;
    left: 100%;
    top: 0;
}
  .widget-module ul:not([class]) {
    padding-left: 30px;
    padding-top: 10px;
    }
  
    .adjust-menu ul li.hs-postlisting-item {
    margin: 10px 0px!important;
}
@media (max-width: 639px) {
        .m-subnav-arrow {
            cursor: pointer;
            background-image: url(https://451906.fs1.hubspotusercontent-na1.net/hub/451906/file-2892397801.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 14px 28px;
            display: inline-block;
            width: 27px;
            height: 17px;
            margin-left: em(15);
            position: absolute;
            top: 20px;
            right:10px;

        }
            &.is-active.m-subnav-arrow{
                    transform: rotate(180deg);
                    display: inline-block;
                    margin-left: em(15);
                    position: relative;
                    top: 0;
                }
            }

@media (max-width: 460px){
  .site-nav .hs-menu-depth-1 {
    height: auto;
  }
  .site-nav .hs-item-has-children .hs-menu-children-wrapper.active{
            display:block;
position:static;
}
.site-nav .hs-menu-depth-2>a,
.site-nav .hs-menu-depth-3>a,
  .site-nav .hs-menu-depth-4>a{
padding:0 2em;
}
.site-nav span{
white-space:revert
}

.hs-content-id-3789560212 body{
   overflow-x:hidden !important;
  }
 .hs-content-name-lp-cost-effective-design-tips-ebook-clone input, .hs-content-name-lp-cost-effective-design-tips-ebook-clone select {
   width: 100% !important;
  }
  .hs-button .primary {
    margin-top: 12px !important;
    padding-top: 12px !important;
}
  .hs_submit.hs-submit , .hs-form-11721914-75af-40a0-a1c7-7f8ea21f1909_cd389de9-4c61-4315-b08c-663564b342be .hs-button{
    margin-top: 15px!important;
}
}
  @media screen and (max-width:960px){
  h2{
        font-size: 2em!important;
        line-height: 1.3em!important;
    }
  }
    
 
  
  .click-to-enlarge{
    display:block;
    text-align:center;
  }
  .click-to-enlarge a{
    display:inline-block;
    vertical-align:middle;
    text-decoration:none;
    margin-top:10px;
  }
  .click-to-enlarge a:hover{
    
    text-decoration:underline;
  }
  .infographic{
        box-shadow: 0 0 5px -1px #ccc;
  }
  .infographic img{
    display:inline-block;
    vertical-align:top;
  }
  
  .iso-image {
    text-align: center;
    display: block;
    margin: 0;
}
  
  .popup-vimeo {
    max-width: 100%;
    display: inline-block;
    position: relative
}

.popup-vimeo img {
    max-width: 100%;
    margin: 0
}

.popup-vimeo:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 68px;
    margin-left: -34px;
    margin-top: -24px;
    -webkit-transition: all .25s cubic-bezier(0,0,.2,1);
    transition: all .25s cubic-bezier(0,0,.2,1);
    z-index: 63;
    cursor: pointer;
    background: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/ico-play-homepgwhite.svg) center/68px no-repeat;
    opacity: .9
}

.popup-vimeo:focus:before,.popup-vimeo:hover:before {
    opacity: 1;
    background: url(https://451906.fs1.hubspotusercontent-na1.net/hubfs/451906/ico-play%20black.svg) center/68px no-repeat
}
  
   @media (min-width: 960px){
  .two-col-info {
    display: flex;
}
    .two-col-info > div:first-child{
      min-width: 300px !important;
    margin-right: 10px;
  }
  }

  .right-image{
    text-align:center;
  }
  
  @media (min-width:60em){
    .right-image{
      float:right;
  margin: 0px 0px 10px 10px;
    }
  }
    .right-img{
  margin: 0px auto 16px;
  display: block;
}
@media (min-width: 960px) {
  .right-img{
    float: right;
    margin: 0 0 16px 16px;
    display: inline-block;
  }
}

  
.site-nav .hs-menu-depth-2:hover >.hs-menu-children-wrapper, .site-nav .hs-menu-depth-2:hover >.hs-menu-children-wrapper {
    display: block;
    left: 100%;
    top: 0;
}
.site-nav .hs-menu-depth-3:hover >.hs-menu-children-wrapper, .site-nav .hs-menu-depth-3:hover > .hs-menu-children-wrapper {
    display: block;
    left: 100%;
    top: 0;
}

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

li.hs-menu-item.hs-menu-depth-4 {
    max-width: 180px; 
    min-width: 180px;
}
  li.hs-menu-item.hs-menu-depth-4 a span {
    white-space: break-spaces;
}
}