/********************
*
*   header tag styles
*
********************/
h1, h2, h4, h5, h6 { color:#4b6cb7; }
h1, h2, h3, h4, h5, h6 { font-family:Exo, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; }

h1 {
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    text-transform: capitalize;
    /*margin: 40px 0;*/
}
h2 {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    text-align: center
}
h3 {
    color: #000;
    font-size: 26px;
    font-style: normal;
    /*margin: 0 0 5px*/
}

h4 {
    font-size: 24px;
    font-style: normal;
    /*margin: 0 0 5px*/
}
h5 {
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    /*margin: 0 0 25px*/
}

/********************
*
*   button styles
*
********************/
a.bordered {
    color: #192a53;
    font-weight: 400;
    font-size: 20px;
    text-decoration: none;
    border: 1px solid;
    border-radius: 9px;
    padding: 3px 10px 7px;
    
}
.btn, .btn-primary, .header-nav a.signup b, .btn-secondary, .btn-tertiary, .btn-link {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #5677e8;
    border: 0;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    line-height: 1;
    outline: none;
    padding: 15px 25px;
    text-decoration: none;
    text-transform: capitalize
}
.btn:hover, .btn-primary:hover, .header-nav a.signup b:hover, .btn-secondary:hover, .btn-tertiary:hover,
.btn-link:hover, .btn:focus, .btn-primary:focus, .header-nav a.signup b:focus, .btn-secondary:focus,
.btn-tertiary:focus, .btn-link:focus {
    background: #496ce6;
    text-decoration: none
}
.btn:active, .btn-primary:active, .header-nav a.signup b:active, .btn-secondary:active,
.btn-tertiary:active, .btn-link:active {
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2)
}
.btn-primary, .header-nav a.signup b {
    background: #eb284f;
    border: 1px solid #eb284f;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}
.btn-primary:hover, .header-nav a.signup b:hover, .btn-primary:focus, .header-nav a.signup b:focus {
    background: #ea1a44;
    border-color: #ea1a44;
    -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4)
}
.btn-primary:active, .header-nav a.signup b:active {
    -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
    position: relative;
    top: 1px
}
.btn-secondary {
    background: #4b6cb7;
    border: 1px solid #4b6cb7;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    text-shadow: none
}
.btn-secondary:hover, .btn-secondary:focus {
    background: #4261a6;
    border-color: #4261a6;
    color: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-secondary:active {
    background: #3b5694;
    border-color: #3b5694;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-tertiary {
    background: #5677e8;
    border: 1px solid #5677e8;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    text-shadow: none
}
.btn-tertiary:hover, .btn-tertiary:focus {
    background: #4065e5;
    border-color: #4065e5;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}
.btn-tertiary:active {
    background: #2953e2;
    border-color: #2953e2;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-link {
    background: transparent;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #eb284f;
    text-shadow: none;
    text-transform: none
}
.btn-link:hover, .btn-link:focus {
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: underline
}
.btn-cta {
    font-size: 130%;
    padding: 20px 40px
}
.btn_green {
    background: #eb284f;
    border: 1px solid #eb284f;
    font-family: 'Open Sans',sans-serif;
    font-size: 26px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    text-transform: capitalize;
    padding: 20px 50px;
    border-radius: 5px;
    text-shadow: 1px 2px 2px #c51337;
    display: inline-block;
}
.btn_green:hover {
    background: #ea1a44;
    border: 1px solid #ea1a44;
    color: #fff;
}



/********************
*
*   section styles
*
********************/
.hero .code-examples {
    bottom: 0;
    left: 53%;
    margin-bottom: -240px;
    position: absolute;
    top: 0;
    width: 100%
}
.hero .code-examples .tab-content {
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
    bottom: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: -80px;
    margin-top: 38px;
    position: absolute;
    top: 0;
    width: 100%
}
.hero-clone { background:#f8f8fa; }
.hero-clone .image_container {
    height: 100%;
    align-items: flex-end;
    display: flex;
}
.code-examples {
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
    margin: 0 0 40px
}
.code-examples .nav-pills {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #444444));
    background-image: -moz-linear-gradient(#555555, #444444);
    background-image: -webkit-linear-gradient(#555555, #444444);
    background-image: linear-gradient(#555555, #444444);
    border: 1px solid #444;
    border-bottom-color: #444;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0 0;
    zoom: 1;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
    list-style: none;
    line-height: normal;
    margin: 0;
    padding: 5px 10px;
    position: relative;
    z-index: 1
}
.code-examples .nav-pills:before, .code-examples .nav-pills:after {
    content: '\0020';
    display: block;
    height: 0;
    overflow: hidden
}
.code-examples .nav-pills:after { clear: both }
.code-examples .nav-pills li { display: inline }
.code-examples .nav-pills li a {
    color: #ccc;
    display: inline-block;
    line-height: normal;
    float: left;
    font-size: 14px;
    padding: 3px 20px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4)
}
.code-examples .nav-pills li a:hover {
    color: #fff;
    text-decoration: none
}
.code-examples .nav-pills li.active a, .code-examples .nav-pills .sending li.features-link a,
.sending .code-examples .nav-pills li.features-link a, .code-examples .nav-pills .pricing li.pricing-link a,
.pricing .code-examples .nav-pills li.pricing-link a, .code-examples .nav-pills .customersgallery li.customers-link a,
.customersgallery .code-examples .nav-pills li.customers-link a,
.code-examples .nav-pills .validation li.validation-link a, .validation .code-examples .nav-pills li.validation-link a,
.code-examples .nav-pills .sending li.sending-link a, .sending .code-examples .nav-pills li.sending-link a,
.code-examples .nav-pills .routing li.routing-link a, .routing .code-examples .nav-pills li.routing-link a,
.code-examples .nav-pills .managed li.managed-link a, .managed .code-examples .nav-pills li.managed-link a,
.code-examples .nav-pills .logs li.logs-link a, .logs .code-examples .nav-pills li.logs-link a,
.code-examples .nav-pills .reports li.reports-link a, .reports .code-examples .nav-pills li.reports-link a,
.code-examples .nav-pills .deliverability li.deliverability-link a,
.deliverability .code-examples .nav-pills li.deliverability-link a,
.code-examples .nav-pills .contact li.contact-link a, .contact .code-examples .nav-pills li.contact-link a,
.code-examples .nav-pills .routing li.features-link a, .routing .code-examples .nav-pills li.features-link a,
.code-examples .nav-pills .analytics li.features-link a, .analytics .code-examples .nav-pills li.features-link a,
.code-examples .nav-pills .validation li.features-link a, .validation .code-examples .nav-pills li.features-link a,
.code-examples .nav-pills .deliverability li.features-link a,
.deliverability .code-examples .nav-pills li.features-link a, .code-examples .nav-pills .resources li.resources-link a,
.resources .code-examples .nav-pills li.resources-link a {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #222222), color-stop(100%, #444444));
    background-image: -moz-linear-gradient(#222222, #444444);
    background-image: -webkit-linear-gradient(#222222, #444444);
    background-image: linear-gradient(#222222, #444444);
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #fff;
    line-height: normal;
}
.code-examples .nav-pills li.copy { float: right }
.code-examples .nav-pills li.copy a { color: #999 }
.code-examples .tab-content {
    background: #333;
    bottom: 0;
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: -80px;
    margin-top: 30px;
    position: absolute;
    top: 0
}
.code-examples .tab-content pre {
    background: transparent;
    border: 0 !important;
    bottom: 0;
    color: #fff;
    font-family: 'Ubuntu Mono', 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
    font-size: 15px;
    left: 20px;
    line-height: 1.4;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 20px
}
.ace_text-layer { padding: 40px; }
.contact-form {
    background-color: #fff;
    border-radius: 5px;
    color: #333;
    padding: 15px;
    text-align: center;
    border: 1px solid #526cb1;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3)
}
.contact-form.unsubscribe { text-align:left; }
.contact-form h2 {
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 0.5em !important;
    padding: 0;
    color: #333 !important;
}
.contact-form.unsubscribe h5 {
    color: #000;
    text-align: center;
}
.contact-form img {
    width: 32px;
    height: 32px;
    margin:0 auto;
}
.contact-form label { display:none !important; }
input[type="text"], input[type="email"], select, textarea {
    height: inherit !important;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 4px 10px 3px 10px;
    background-color: #fff;
    box-shadow: none;
    margin: 5px;
    width: 100% !important;
    box-sizing: border-box !important;
    color: #333 !important;
}
.contact-form.unsubscribe input[type="text"], .contact-form.unsubscribe input[type="email"] {
    font-size: 14px;
    padding: 10px;
    width: 100%;
}
input[type="submit"] {
    width: 100%;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5);
    border-top: 1px solid #64baf0;
    border-top-color: rgb(100, 186, 240);
    border-bottom: 1px solid #1c4ed5;
    border-bottom-color: rgb(28, 78, 213);
    border-right: 1px solid #468ee6;
    border-right-color: rgb(70, 142, 230);
    border-left: 1px solid #468ee6;
    border-left-color: rgb(70, 142, 230);
    border-radius: 4px;
    transition: opacity 0.15s linear;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    padding: 7px 18px 7px;
    position: relative;
    text-align: center;
    color: #fff;
    box-sizing: border-box !important;
}
.contact-form.unsubscribe input[type="submit"] {
    font-size: 14px;
    padding: 10px;
}
.contact-form .form_note p {
    color: #333;
    font-size: .8em;
    font-weight: 700;
}
.contact-form .actions {
    padding: 0 !important;
    margin: 0 !important;
}
.contact_page_form.contact-form label {
    display:block !important;
    text-align: left;
}
.support legend {
    color:inherit;
    border-bottom: 1px solid #e5e5e5;
}
.hs-button {
    background: #ea1a44 !important;
    border-color: #ea1a44 !important;
    -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);
    margin: 5px;
    padding: 10px;
    font-size: 14px;
    text-shadow: none;
}
.hs-button:hover, .hs-button:focus,
.hs-button:active:not(.inactive):not(.link), .hs-button:hover:not(.inactive) {
    background: #ea1a44;
    border-color: #ea1a44;
    -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);
}
.hs-error-msgs {
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 10px !important;
    text-align: left;
}
.hs-error-msgs > li > label {
    display: inherit !important;
    color: #ea1a44;
}
.support .hs-error-msgs label { color:#fff; }

div[class*="opt_in"] ul, .contact-form.unsubscribe ul {
    list-style:none;
    padding: 0;
}
div[class*="opt_in"] label, .hs_unsubscribe label {
    display: block !important;
    text-align: left;
    font-size: 15px;
    font-weight: 300;
    margin-left: 10px;
}
input[name*="opt_in"], input[name="unsubscribe"] {
    width: auto !important;
    margin-right: 10px !important;
}
div[class*="opt_in"] label > span { color:#626262; }
.support div[class*="opt_in"] label > span { color:#fff; }
#subscribe-form-container h3#email-headline { text-align:center; }
#subscribe-form-container .hs-form {
    width: 50%;
    margin: 0 auto;
}
.sidebar #subscribe-form-container .text_un { padding:0 15px; }
.sidebar #subscribe-form-container .hs-form {
    width: auto;
    margin: 0;
}

.module { margin-bottom: 80px }
.hero p a.blue, .blue{ color: #4b6cb7; }
.features-nav-container {
    display: none;
    z-index: 0;
}
.boxed_img_container {
    text-align: center;
    margin-bottom: 30px;
}
.text_un, .text_un a, .text_un h3 { color:#fff; }
.text_un a { text-decoration:underline; }
.text_un p {
    font-size: 16px;
    color: #182848;
    line-height: 20px;
}
.fo_italic{ font-style:italic; }
.customers_list {
    padding: 43px 0;
    margin: 0;
}
.customers_list li {
    list-style: none;
    display: inline-block;
    margin-right: -4px;
    width: 16.66%;
}
.customers_list li:last-child { margin-right:0; }

.masonryitem {
    margin-bottom: 40px;
    background-color: #fff;
    padding: 15px;
    padding-bottom: 0;
}
.masonryitem:nth-child(odd) { margin-right:15px; }
.masonryitem img { max-height: 50px; }
.masonryitem blockquote {
    margin: 0;
    text-align: left;
    max-width: 100%;
}
.masonryitem blockquote p {
    font-size: 16px;
    font-style: normal;
    margin-bottom: 25px;
}
.masonryitem .add_details {
    background: #4b6cb7;
    margin-right: -15px;
    margin-left: -15px;
    padding: 15px;
    color: #fff;
    position: relative;
}
.masonryitem .add_details:before {
    content: '';
    position: absolute;
    left: 42%;
    top: 0;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    clear: both;
}
.masonryitem .add_details a,.masonryitem .add_details h3 {
    color: #bdcdf6;
    font-size: 16px;
}
.masonryitem .add_details p { margin-bottom: 0; }
.see-jobs h1 { color: #fff; }
.see-jobs p { font-size: 28px;}
body.deliverability-test main { background:#182848; }
body.deliverability-test main h1 { color:#fff; }
body.deliverability-test .blog-post h1 { color:#4b6cb7; }

#cookie-law-info-bar .cli-plugin-main-link { margin-left:0; }

@media screen and (max-width: 780px) {
    .code-examples {
        display: none
    }
    .customers_list { padding:0; }
    .customers_list li {
        margin-right:0;
        width: auto;
    }
    img.full-bottom, img.full-right {
        max-height: 100% !important;
        max-width: 100%;
        position: relative
    }
    .nav-pills .lang-label {
        display: none !important
    }
    .btn-cta {
        font-size: 100% !important;
        padding: 15px 20px !important
    }
    .masonryitem:nth-child(odd) { margin-right: 0; }
}
.title h1 {
    color: #4b6cb7;
    margin: 0;
    text-align: center;
    text-transform: capitalize
}
.hero h2 { color: rgba(255, 255, 255, 0.6) }
.customer-logos [class^="img-"] {
    background: url("assets/sp.png") no-repeat;
    background-size: 1000px 1000px;
    display: block;
    height: 100px;
    opacity: .4;
    text-indent: -9999px;
    width: 150px
}
.customer-logos .img-logo-adroll { background-position: 0 -500px }
.customer-logos .img-logo-zapier { background-position: -150px -500px }
.customer-logos .img-logo-uservoice { background-position: -300px -500px }
.customer-logos .img-logo-github { background-position: -450px -500px }
.customer-logos .img-logo-heroku { background-position: -600px -500px }
.customer-logos .img-logo-stripe { background-position: -750px -500px }
.customer-logos .img-logo-slack { background-position: 0 -600px }
.customer-logos .img-logo-pagerduty { background-position: -150px -600px }
.customer-logos .img-logo-dnsimple { background-position: -300px -600px }
.customer-logos .img-logo-statuspage { background-position: -450px -600px }
.customer-logos .img-logo-parse { background-position: -600px -600px }
.customer-logos .img-logo-circleci { background-position: -750px -600px }
.customer { margin-bottom: 80px }
.customer blockquote {
    font-size: 16px;
    margin-left: 0
}
.customer:nth-child(2n+1) {
    clear: both;
    margin-left: 0
}
p.customer-logos {
    list-style: none;
    margin: 40px 0;
    padding: 0;
    text-align: center
}
p.customer-logos img {
    height: 40px;
    margin: 0 1.5%
}
body.customers { padding-top:107px; }
.customers {
    background-color: #fff;
    border-bottom: 1px solid #e8eaf1;
    position: relative;
    text-align: center;
    padding: 50px 0;
    z-index: 10
}
.customers .customer-label {
    border-right: 1px solid #5677e8;
    display: inline-block;
    line-height: 35px;
    margin-right: 20px;
    padding-right: 20px
}
.customers.inside {
    padding: 30px 0 !important;
    margin: 0;
}
.customers.inside ul, .customers.inside p {
    padding:0;
    padding-bottom: 30px;
    margin: 0;
}
.customers.inside img {
    max-height: 100% !important;
    margin: 0 20px !important;
}
ul.customer-logos {
    zoom: 1;
    list-style: none;
    margin: 0;
    padding: 0
}
ul.customer-logos:before, ul.customer-logos:after {
    content: '\0020';
    display: block;
    height: 0;
    overflow: hidden
}
ul.customer-logos:after { clear: both }
ul.customer-logos li {
    float: left;
    text-align: center;
    width: 16.666%
}
ul.customer-logos li img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    max-height: 30px;
    opacity: .6;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.feature.dark, .dark {
    padding: 34px 0;
    background: #182848;
}
.feature.dark h2, .dark h2 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px;
}
.feature.dark p, .dark p,
.feature.dark a, .dark a { color:#fff; }
.feature.dark .text_un p, .dark .text_un p {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
}
.img-sending, .img-routing, .img-tracking, .img-validation {
    background: url("../img/tmp-arrow.gif") 0 0;
    background-size: 112px 75px;
    height: 75px;
    margin: 0 0 40px;
    width: 112px
}
.img-code-sending, .img-code-routing, .img-code-tracking, .img-code-validation {
    background: url("../img/tmp-code.png") 0 0;
    background-size: auto;
    height: 330px;
    margin: 0 auto;
    width: 517px
}
.support {
    background: #4b6cb7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 40px;
    padding: 40px;
    position: relative;
    top: auto
}
.support textarea { height: 150px }
.support .error { color: #87a5ca }
.support .error input, .support .error textarea { background: #fdd8e0 !important }
.support .error .reason { color: #fca6b8 !important }
.team-members {
    zoom: 1;
    list-style: none;
    margin: 40px auto;
    padding: 0
}
.team-members:before, .team-members:after {
    content: '\0020';
    display: block;
    height: 0;
    overflow: hidden
}
.team-members:after { clear: both }
.team-members li {
    margin-bottom: 40px;
    text-align: center
}
.team-members li img {
    border: 5px solid rgba(86, 119, 232, 0.6);
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    border-radius: 200px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    width: 80%
}
.team-members li:nth-child(6n+1) { clear: both }
.team-members li .member-info {
    padding: 5px;
    text-align: center
}
.team-members li .member-info h4 {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 5px
}
.team-members li .member-info p {
    font-size: 14px;
    margin: 0
}
.team-members li .member-overlay {
    background: rgba(86, 119, 232, 0.9);
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    border-radius: 200px;
    bottom: 0;
    left: 10%;
    opacity: 0;
    position: absolute;
    right: 0;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    text-align: center;
    top: 0;
    width: 80%;
    z-index: 2
}
.team-members li .member-overlay .social-links { margin-top: 20% }
.team-members li .member-overlay .social-links a { font-size: 38px }
.team-members li .member-avatar { position: relative }
.team-members li .member-avatar:hover .member-overlay { opacity: 1 }
.team-members .social-links a {
    color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    height: 32px;
    width: 32px
}
.team-members .social-links a svg { fill: currentColor }
.team-members .social-links a:hover { color: #fff }
.team-members .social-links a:hover svg { fill: currentColor }
.team-members .tm_box{ max-width: 205px; }
.team-members .tm_box .member-overlay .social-links a i{
    font-size: 42px;
    width: 42px;
    height: 42px;
}
.team-members .tm_box .member-info{
    background: url("../img/team-grad-1.png") repeat-x top;
    min-height: 90px;
    padding-top: 58px;
    position: relative;
    margin-top: -38px;
}
.team-members .tm_box .member-info h4 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.team-members .tm_box .member-info p { color: #fff; }
.team-members .tm_box img {
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
}
.team-members .tm_box:hover .member-overlay {}
.team-members .tm_box .member-overlay {
    background: rgba(0, 0, 0, 0.55);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    position: absolute;
    right: 0;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    text-align: center;
    top: 0;
    z-index: 2;
}
.team-members .tm_box .member-avatar {
    position: relative;
    overflow: hidden;
}
.arrow {
    position: absolute;
    bottom: -20px;
    width: 100%;
    padding-bottom: 12%;
    background-color: rgb(180, 213, 244);
    z-index: 3;
}
.arrow:before {
    right: 50%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -ms-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
}
.arrow:after {
    left: 50%;
    -ms-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
}
.arrow:before, .arrow:after {
    content: '';
    position: absolute;
    bottom: 100%;
    width: 50%;
    padding-bottom: inherit;
    background-color: inherit;
}
.team-members .tm_box .member-overlay .social-links a{
    font-size: 38px;
    margin-right: 5px;
    width: auto;
}

@media screen and (max-width: 780px) {
    ul.customer-logos li {
        height: 40px;
        width: 50%
    }
    ul.customer-logos img { width: 80% }
    .team-members li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        width: 25%
    }
    .team-members li:nth-child(6n+1) { clear: none !important }
    .team-members li:nth-child(4n+1) { clear: both !important }
}

@media screen and (max-width: 768px){
    .see-jobs p { font-size: 18px; }
    .jobs-benefits ul {
        padding: 0 5%;
        margin: 0;
    }
}

@media screen and (max-width: 480px) {
    h1, h2, h3, h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    #subscribe-form-container .hs-form { width: 90%; }
    .see-jobs h1 { line-height:.5 }
    .see-jobs p { font-size: 16px;}
    .see-jobs h1, .see-jobs p { font-weight: 500;}
    .see-jobs .btn, .see-jobs .btn-primary { padding:8px 12px !important; }
    .jobs-benefits ul { padding: 0 0 0 15px; }
    .team-members li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        width: 50%
    }
    .team-members li:nth-child(6n+1) { clear: none !important }
    .team-members li:nth-child(2n+1) { clear: both !important }
}
.white { background-color: #fff; }
.whitePapers { padding:20px 0; }
.whitePapers { padding:20px 0; }
.whitePapers .fa {
    float: left;
    width: 20px;
    height: 35px;
    margin: 7px 0 0;
    padding: 0;
}
.whitePapers a { display: inline; }
.why {
    background: #d8dbe7;
    border-bottom: 1px solid #e8eaf1;
    padding: 80px 0;
    text-align: center
}
.affix > ul, .affix > ul > li {
    word-wrap: break-word;
    max-width: 75%;
    width: 100%;
}
article { clear:both; }
article > a {
    float: left;
    display: inline;
    margin: 0 20px 15px 0;
    height: 100%;
}
article h2 {
    display: block;
    position: relative;
    text-align: left;
}
article h2, article h2 a { color:#000; }
article .date, article .author, article .comments {
    display: block;
    position: relative;
}

/********************
*
*   combined styles
*
********************/
.header-nav a:hover, .header-nav a:focus, .header-nav a.active, .header-nav .sending a.features-link,
.sending .header-nav a.features-link, .header-nav .pricing a.pricing-link, .pricing .header-nav a.pricing-link,
.header-nav .customersgallery a.customers-link, .customersgallery .header-nav a.customers-link,
.header-nav .validation a.validation-link, .validation .header-nav a.validation-link,
.header-nav .sending a.sending-link, .sending .header-nav a.sending-link, .header-nav .routing a.routing-link,
.routing .header-nav a.routing-link, .header-nav .managed a.managed-link, .managed .header-nav a.managed-link,
.header-nav .logs a.logs-link, .logs .header-nav a.logs-link, .header-nav .reports a.reports-link,
.reports .header-nav a.reports-link, .header-nav .deliverability a.deliverability-link,
.deliverability .header-nav a.deliverability-link, .header-nav .contact a.contact-link,
.contact .header-nav a.contact-link, .header-nav .routing a.features-link, .routing .header-nav a.features-link,
.header-nav .analytics a.features-link, .analytics .header-nav a.features-link, .header-nav .validation a.features-link,
.validation .header-nav a.features-link, .header-nav .deliverability a.features-link,
.deliverability .header-nav a.features-link, .header-nav .resources a.resources-link,
.resources .header-nav a.resources-link {
    color: #eb284f
}
.header-nav a:hover b, .header-nav a:focus b, .header-nav a.active b, .header-nav .sending a.features-link b,
.sending .header-nav a.features-link b, .header-nav .pricing a.pricing-link b, .pricing .header-nav a.pricing-link b,
.header-nav .customersgallery a.customers-link b, .customersgallery .header-nav a.customers-link b,
.header-nav .validation a.validation-link b, .validation .header-nav a.validation-link b,
.header-nav .sending a.sending-link b, .sending .header-nav a.sending-link b, .header-nav .routing a.routing-link b,
.routing .header-nav a.routing-link b, .header-nav .managed a.managed-link b, .managed .header-nav a.managed-link b,
.header-nav .logs a.logs-link b, .logs .header-nav a.logs-link b, .header-nav .reports a.reports-link b,
.reports .header-nav a.reports-link b, .header-nav .deliverability a.deliverability-link b,
.deliverability .header-nav a.deliverability-link b, .header-nav .contact a.contact-link b,
.contact .header-nav a.contact-link b, .header-nav .routing a.features-link b, .routing .header-nav a.features-link b,
.header-nav .analytics a.features-link b, .analytics .header-nav a.features-link b,
.header-nav .validation a.features-link b, .validation .header-nav a.features-link b,
.header-nav .deliverability a.features-link b, .deliverability .header-nav a.features-link b,
.header-nav .resources a.resources-link b, .resources .header-nav a.resources-link b {
    border-bottom-color: #eb284f
}