html {
    box-sizing: border-box
}

*,*::after,*::before {
    box-sizing: inherit
}

html {
    box-sizing: border-box
}

*,*::after,*::before {
    box-sizing: inherit
}

.left-aligned {
    text-align: left
}

.yellow {
    color: #ed5434
}

.red {
    color: #ed5434
}

small {
    font-size: 40%;
    vertical-align: top
}

.h2style,.subheading,section.padded h2 {
    font-family: itcavantgardestd;
    font-weight: 700;
    font-size: 50px;
    line-height: 1em;
    text-transform: none;
    margin: .8em 0;
    color: #1b2126;
    text-align: left
}

.text-white .h2style {
    color: #fff
}

@media screen and (min-width: 640px) {
    .h2style,.subheading,section.padded h2 {
        font-size:56px!important
    }
}

@media screen and (min-width: 800px) {
    .h2style,.subheading,section.padded h2 {
        font-size:62px!important
    }
}

@media screen and (min-width: 920px) {
    .h2style,.subheading,section.padded h2 {
        font-size:70px!important
    }
}

@media screen and (min-width: 640px) {
    .h2style,.subheading,section.padded h2 {
        text-align:center
    }
}

.subheading {
    font-family: 'pt serif';
    font-weight: 300;
    color: #1b2126;
    margin: -.8em 0 1em;
    font-style: italic
}

.h3style,ul.checks li,.styled-content ul li {
    font-family: 'pt serif';
    font-weight: 700;
    font-size: 26px;
    line-height: 1.26em;
    text-transform: none;
    margin: 1.2em 0 .4em;
    color: #3e3e3e;
    text-align: left
}

.pstyle {
    font-family: itcavantgardestd;
    font-style: italic;
    font-weight: 300;
    line-height: 150%;
    font-size: 22px
}

.btn-row .btn+.btn {
    margin-top: 0
}

@media screen and (min-width: 500px) {
    .btn-row .btn {
        margin-left:4px;
        margin-right: 4px
    }
}

.icon-badge {
    z-index: 99;
    width: 112px;
    height: 112px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.18)
}

.icon-badge img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

ul.checks,.styled-content ul {
    margin-bottom: 48px;
    list-style-type: none;
    padding-left: 0
}

ul.checks li,.styled-content ul li {
    font-size: 24px;
    margin: 0 0 1.2em;
    padding-bottom: 0;
    color: #1b2126;
    padding-left: 38px;
    background: url(../images/checkmark-red.svg) no-repeat center left
}

.intro-services-cta.case ul.checks li {
    background-position: 0 2px;
    font-size: 20px;
    font-weight: 500;
    line-height: 31px
}

.intro-services-cta.case.grey ul.checks li {
    color: #fff;
    font-weight: 700
}

ul.checks.non-bold li,.styled-content ul.non-bold li {
    font-size: 18px;
    font-family: 'pt serif';
    font-weight: 400;
    line-height: 1.3em;
    text-transform: none
}

ul.checks.grey-checks li,.styled-content ul li {
    background: url(../images/checkmark-grey.svg) no-repeat top left
}

section.padded {
    padding-top: 96px;
    padding-bottom: 48px;
    border-top: 1px solid #dee7e0
}

.job-desc.padded {
    padding-top: 16px
}

.job-desc.padded center img {
    position: relative;
    bottom: 65px
}

section.padded.pale-green {
    background: #f2f9f4
}

section.padded.shadow {
    box-shadow: inset #e6ede8 0 300px 300px -300px
}

section.padded h2 {
    margin-top: 0;
    color: #1b2126
}

section.padded h2.centered {
    text-align: center
}

section.padded h2.f78 {
    font-size: 78px;
    line-height: 1.05em
}

@media screen and (min-width: 500px) {
    section.padded h2.f78 {
        font-size:80px
    }
}

@media screen and (min-width: 640px) {
    section.padded h2.f78 {
        font-size:86px
    }
}

@media screen and (min-width: 800px) {
    section.padded h2.f78 {
        font-size:92px
    }
}

@media screen and (min-width: 920px) {
    section.padded h2.f78 {
        font-size:100px
    }
}

@media screen and (min-width: 1120px) {
    section.padded h2.f78 {
        font-size:125px
    }
}

input[type=text],input[type=email],textarea,.input,.dropdown .dp-label {
    width: 100%;
    background: #fff;
    height: 50px;
    line-height: 30px;
    border-radius: 3px;
    border: 1px solid rgba(114,142,120,.2);
    border: 1px solid #dce5de;
    padding: 10px 24px;
    margin: 0 0 10px;
    transition: all .2s ease-in-out
}

input[type=text]:focus,input[type=email]:focus,textarea:focus,.input:focus,.dropdown .dp-label:focus {
    outline: none;
    border-color: #ed5434
}

input[type=text]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,textarea::-webkit-input-placeholder,.input::-webkit-input-placeholder,.dropdown .dp-label::-webkit-input-placeholder {
    font-family: 'pt serif';
    font-weight: 500;
    color: #1b2126
}

input[type=text]:-moz-placeholder,input[type=email]:-moz-placeholder,textarea:-moz-placeholder,.input:-moz-placeholder,.dropdown .dp-label:-moz-placeholder {
    font-family: 'pt serif';
    font-weight: 500;
    color: #1b2126
}

input[type=text]::-moz-placeholder,input[type=email]::-moz-placeholder,textarea::-moz-placeholder,.input::-moz-placeholder,.dropdown .dp-label::-moz-placeholder {
    font-family: 'pt serif';
    font-weight: 500;
    color: #1b2126
}

input[type=text] :-ms-input-placeholder,input[type=email] :-ms-input-placeholder,textarea :-ms-input-placeholder,.input :-ms-input-placeholder,.dropdown .dp-label :-ms-input-placeholder {
    font-family: 'pt serif';
    font-weight: 500;
    color: #1b2126
}

textarea {
    height: auto;
    min-height: 282px
}

.file-upload {
    overflow: hidden;
    margin: 56px 0
}

.file-upload p {
    width: 50%;
    float: left;
    max-width: 154px;
    margin: 0;
    color: #656565;
    font-size: 22px;
    font-style: italic;
    line-height: 1.3em
}

.file-upload input {
    float: right;
    width: 50%;
    margin-top: 12px
}

.chk {
    margin: 6px 0 12px
}

[type=checkbox]:not(:checked),[type=checkbox]:checked {
    position: absolute;
    left: -9999px
}

[type=checkbox]:not(:checked)+label,[type=checkbox]:checked+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer
}

[type=checkbox]:not(:checked)+label:before,[type=checkbox]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    border: 1px solid rgba(114,142,120,.2)!important;
    background: #fff;
    border-radius: 3px
}

[type=checkbox]:not(:checked)+label:after,[type=checkbox]:checked+label:after {
    content: '';
    width: 11px;
    height: 11px;
    background: #ed5434;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: all .2s;
    border-radius: 2px
}

[type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

[type=checkbox]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

[type=checkbox]:disabled:not(:checked)+label:before,[type=checkbox]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

[type=checkbox]:disabled:checked+label:after {
    color: #999
}

[type=checkbox]:disabled+label {
    color: #aaa
}

[type=checkbox]:checked:focus+label:before,[type=checkbox]:not(:checked):focus+label:before {
    border: 1px dotted #ed5434
}

label:hover:before {
    border: 1px solid #4778d9!important
}

.hero-banner {
    text-align: left
}

.hero-banner.blog,.hero-banner.blog-cat,.hero-banner.blog-authors,.hero-banner.blog-article {
    position: relative;
    min-height: 0;
    background: #222;
    background: url(../images/blog.jpg);
    background-size: cover
}

.hero-banner.blog .title,.hero-banner.blog-cat .title,.hero-banner.blog-authors .title,.hero-banner.blog-article .title {
    margin-bottom: .6em
}

.hero-banner.blog .body,.hero-banner.blog-cat .body,.hero-banner.blog-authors .body,.hero-banner.blog-article .body {
    max-width: 992px;
    margin-right: auto
}

.hero-banner.blog .h5,.hero-banner.blog-cat .h5,.hero-banner.blog-authors .h5,.hero-banner.blog-article .h5,.hero-banner.blog h6,.hero-banner.blog .hero-banner.blog-cat h6,.hero-banner.blog-cat .hero-banner.blog h6,.hero-banner.blog-cat h6,.hero-banner.blog .hero-banner.blog-authors h6,.hero-banner.blog-authors .hero-banner.blog h6,.hero-banner.blog-authors h6,.hero-banner.blog .hero-banner.blog-article h6,.hero-banner.blog-article .hero-banner.blog h6,.hero-banner.blog-article h6 {
    opacity: .7;
    font-style: italic
}

.hero-banner.blog h6,.hero-banner.blog-cat h6,.hero-banner.blog-authors h6,.hero-banner.blog-article h6 {
    margin-bottom: 0;
    font-size: 14px;
    color: #fffefe;
    text-transform: uppercase;
    letter-spacing: .08em
}

.hero-banner.blog .text-btn,.hero-banner.blog-cat .text-btn,.hero-banner.blog-authors .text-btn,.hero-banner.blog-article .text-btn {
    margin: 36px 0 24px;
    font-size: 16px;
    color: #000;
    font-family: itcavantgardestd;
    font-style: italic
}

.hero-banner.blog .text-btn a,.hero-banner.blog-cat .text-btn a,.hero-banner.blog-authors .text-btn a,.hero-banner.blog-article .text-btn a {
    color: #000;
    text-decoration: none
}

.hero-banner.blog .text-btn a:hover,.hero-banner.blog-cat .text-btn a:hover,.hero-banner.blog-authors .text-btn a:hover,.hero-banner.blog-article .text-btn a:hover {
    text-decoration: underline
}

.hero-banner.blog .text-btn:after,.hero-banner.blog-cat .text-btn:after,.hero-banner.blog-authors .text-btn:after,.hero-banner.blog-article .text-btn:after {
    display: none
}

@media screen and (min-width: 640px) {
    .hero-banner.blog .title,.hero-banner.blog-cat .title,.hero-banner.blog-authors .title,.hero-banner.blog-article .title {
        font-size:54px
    }
}

@media screen and (min-width: 800px) {
    .hero-banner.blog .title,.hero-banner.blog-cat .title,.hero-banner.blog-authors .title,.hero-banner.blog-article .title {
        font-size:62px
    }
}

@media screen and (min-width: 920px) {
    .hero-banner.blog .title,.hero-banner.blog-cat .title,.hero-banner.blog-authors .title,.hero-banner.blog-article .title {
        font-size:70px
    }
}

@media screen and (min-width: 1120px) {
    .hero-banner.blog .title,.hero-banner.blog-cat .title,.hero-banner.blog-authors .title,.hero-banner.blog-article .title {
        font-size:80px
    }
}

.hero-banner.blog-cat,.hero-banner.blog-authors {
    background: #222
}

.hero-banner.blog-cat .btn,.hero-banner.blog-authors .btn {
    margin-top: 24px
}

@media screen and (min-width: 920px) {
    .hero-banner.blog-cat,.hero-banner.blog-authors {
        padding-top:160px
    }
}

.hero-banner.blog-article {
    background: #222;
    text-align: left
}

@media screen and (min-width: 800px) {
    .hero-banner.blog-article {
        padding-top:100px;
        padding-bottom: 70px
    }
}

@media screen and (min-width: 920px) {
    .hero-banner.blog-article {
        margin-top:140px;
        padding-top: 40px
    }
}

.blog-navbar.article {
    position: fixed;
    top: 75px;
    left: 0;
    right: 0;
    z-index: 100;
    transition: all .4s ease
}

.blog-navbar.article .container {
    max-width: 1440px
}

.blog-navbar.article.higher {
    transform: translateY(-80px)
}

.service-nav .blog-sm li {
    padding: 0
}

.service-nav .blog-sm li a {
    display: block;
    padding: 16px 20px;
    padding-left: 64px;
    font-family: itcavantgardestd;
    color: #676767;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase
}

.service-nav .blog-sm li.active a {
    color: #fff
}

.service-nav .blog-sm li a:hover {
    color: #ed5434
}

.service-nav .blog-sm li.active a:hover {
    color: #676767
}

.blog-cat.service-nav {
    padding: 14px 0
}

.blog-cat.service-nav .dropdown label {
    background: 0 0;
    box-shadow: none;
    border: none;
    height: 32px;
    line-height: 32px;
    padding: 0;
    padding-left: 12px!important
}

.blog-cat.service-nav .dropdown:after {
    border-color: #d0d0d0 transparent transparent transparent;
    top: 11px;
    right: 0
}

.blog-cat.service-nav .dropdown ul {
    width: 132%;
    background: #f8f8f8;
    box-shadow: 0 11px 30px 0 rgba(0,0,0,.2);
    border-radius: 2px
}

.blog-cat.service-nav .dropdown.yellow label {
    color: #ed5434
}

.blog-cat.service-nav .dropdown.yellow:after {
    border-color: #ed5434 transparent transparent transparent
}

.blog-cat.service-nav .changecat-m {
    display: inline-block;
    padding-right: 18px
}

.blog-cat.service-nav .blogsort {
    display: inline-block;
    padding-right: 18px;
    margin-left: 10px;
    border-left: 1px solid #d0d0d0
}

.blog-navbar {
    display: none;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
    background-image: -webkit-linear-gradient(#fff,rgba(0,0,0,0.03));
    background-image: linear-gradient(#fff,rgba(0,0,0,0.03))
}

@media screen and (min-width: 920px) {
    .blog-navbar {
        display:block
    }
}

.blog-navbar .container {
    overflow: visible
}

.blog-navbar label {
    display: inline-block;
    font-family: itcavantgardestd;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 62px;
    color: #000
}

.blog-navbar label.yellow {
    color: #ed5434
}

.blog-navbar .blog-sm {
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-left: 8px;
    padding-right: 30px;
    font-size: 0;
    vertical-align: top
}

.blog-navbar .blog-sm li {
    display: inline-block;
    line-height: 62px
}

.blog-navbar .blog-sm li+li a {
    border-left: 1px solid #d0d0d0
}

.blog-navbar .blog-sm li.active a,.blog-navbar .blog-sm li.active a:hover {
    color: inherit;
    margin: 12px 0;
    line-height: 28px;
    background: #dde2df;
    border-radius: 4px;
    border-left-color: transparent;
    cursor: default
}

.blog-navbar .blog-sm li.active+li a {
    border-color: transparent
}

.blog-navbar .blog-sm li a {
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 16px;
    font-weight: 500;
    color: #656565;
    margin: 18px 0;
    padding: 0 8px;
    font-family: itcavantgardestd
}

.blog-navbar .blog-sm li a:hover {
    margin: 12px 0;
    line-height: 28px;
    background: #ed5434;
    color: #fff;
    border-radius: 4px;
    border-left-color: transparent
}

.blog-navbar .blog-sm li:hover+li a {
    border-color: transparent
}

.dropdown-in-nav,.blog-navbar .dropdown {
    width: 225px;
    display: inline-block;
    padding-right: 8px;
    border-right: 1px solid #d0d0d0;
    margin-right: 12px
}

.dropdown-in-nav:after,.blog-navbar .dropdown:after {
    border-color: #ed5434 transparent transparent transparent;
    top: 12px
}

.dropdown-in-nav label,.blog-navbar .dropdown label {
    background: 0 0;
    box-shadow: none;
    border: none;
    height: 32px;
    line-height: 32px;
    padding: 0;
    font-style: normal
}

.dropdown-in-nav ul,.blog-navbar .dropdown ul {
    background: #f8f8f8;
    box-shadow: 0 11px 30px 0 rgba(0,0,0,.2)
}

.blog-hero {
    position: relative;
    padding: 64px 0 54px;
    background: #fafcfb
}

.blog-hero .container {
    overflow: visible
}

.blog-hero .img-holder {
    position: relative;
    margin-left: -10px;
    margin-right: -10px
}

.blog-hero .img {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.blog-hero .img .thumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    box-shadow: 5px 0 30px 0 rgba(0,0,0,.1)
}

.blog-hero .img .icon-badge {
    position: absolute;
    top: -34px;
    right: 10px
}

.blog-hero .meta p {
    margin: 0 0 14px;
    font-size: 12px;
    color: #b4b4b4;
    text-transform: uppercase;
    line-height: 1.34em;
    font-weight: 500;
    font-family: ITCAvantGardeStd
}

.blog-hero .meta p.label {
    color: #393937;
    margin-bottom: .2em;
    font-weight: 700
}

.blog-hero .meta p .where {
    display: block
}

.blog-hero .meta p .where a {
    color: #ed5434;
    font-weight: 700;
    text-decoration: none
}

.blog-hero .meta h2 {
    font-size: 34px;
    color: #393937;
    text-align: left;
    line-height: 1.2em;
    margin: 0 0 48px;
    font-style: italic;
    font-family: itcavantgardestd
}

.blog-hero .snippet p {
    font-size: 18px
}

.blog-hero .snippet .btn {
    //max-width: 240px
}

@media screen and (min-width: 500px) {
    .blog-hero .img-holder {
        margin-left:0;
        margin-right: 0
    }

    .blog-hero .thumbnail {
        border-radius: 2px
    }
}

@media screen and (min-width: 640px) {
    .blog-hero .container {
        padding-bottom:48px
    }

    .blog-hero .img-holder {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%
    }

    .blog-hero .img-holder:last-child {
        margin-right: 0
    }

    .blog-hero .snippet {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%;
        margin-right: 0
    }

    .blog-hero .snippet:last-child {
        margin-right: 0
    }

    .blog-hero .snippet .center-holder {
        text-align: left
    }

    .blog-hero .snippet .center-holder a {
        margin: 0
    }

    .blog-hero .snippet>p {
        margin-top: 0
    }

    .blog-hero .meta h2 {
        font-size: 38px;
        margin-bottom: 56px
    }

    .blog-hero .meta p .where {
        display: inline
    }
}

@media screen and (min-width: 800px) {
    .blog-hero .img-holder {
        float:left;
        display: block;
        margin-right: 3.57866%;
        width: 35.26334%
    }

    .blog-hero .img-holder:last-child {
        margin-right: 0
    }

    .blog-hero .snippet {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 61.158%;
        margin-right: 0
    }

    .blog-hero .snippet:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 920px) {
    .blog-hero .img-holder {
        float:left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%;
        float: left;
        padding-right: 32px;
        position: relative;
        top: 48px
    }

    .blog-hero .img-holder:last-child {
        margin-right: 0
    }

    .blog-hero .snippet,.blog-hero .meta {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%;
        float: right;
        margin-right: 0
    }

    .blog-hero .snippet:last-child,.blog-hero .meta:last-child {
        margin-right: 0
    }

    .blog-hero .snippet h2,.blog-hero .meta h2 {
        margin-bottom: 24px
    }

    .blog-hero .meta {
        padding-top: 44px
    }
}

.blog-posts {
    padding: 64px 0 32px;
    background: #fafcfb
}

.blog-posts .container {
    overflow: visible
}

@media screen and (min-width: 640px) {
    .blog-posts .blog-post {
        float:left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%
    }

    .blog-posts .blog-post:last-child {
        margin-right: 0
    }

    .blog-posts .blog-post:nth-child(2n) {
        margin-right: 0
    }

    .blog-posts .blog-post:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 800px) {
    .blog-posts {
        padding:76px 0 48px
    }
}

@media screen and (min-width: 920px) {
    .blog-posts {
        padding:96px 0 56px
    }
}

@media screen and (min-width: 1120px) {
    .blog-posts .container {
        max-width:80em
    }

    .blog-posts .blog-post {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }

    .blog-posts .blog-post:last-child {
        margin-right: 0
    }

    .blog-posts .blog-post:nth-child(2n) {
        margin-right: 2.35765%
    }

    .blog-posts .blog-post:nth-child(2n+1) {
        clear: none
    }

    .blog-posts .blog-post:nth-child(4n) {
        margin-right: 0
    }

    .blog-posts .blog-post:nth-child(4n+1) {
        clear: left
    }
}

.blog-post {
    margin-bottom: 30px;
    padding: 42px 20px 0;
    background: #fbfbfb;
    border-radius: 4px;
    box-shadow: 0 5px 20px 2px rgba(0,0,0,.1);
    overflow: hidden
}

.blog-post .meta,.blog-post .author {
    font-size: 12px;
    color: #b4b4b4;
    text-transform: uppercase;
    line-height: 1.34em;
    font-weight: 500;
    margin: 0 0 24px
}

.blog-post .meta a,.blog-post .author a {
    color: #ed5434;
    font-weight: 700;
    text-decoration: none
}

.blog-post h2 {
    font-size: 22px;
    font-weight: 700;
    color: #393937;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.5em;
    font-family: 'pt serif'
}

.blog-post .snippet {
    padding-bottom: 12px
}

.blog-post .snippet p {
    font-size: 14px;
    font-style: italic
}

.blog-post .snippet a {
    color: #ed5434;
    font-weight: 700;
    text-decoration: none
}

.blog-post .snippet a:hover {
    text-decoration: underline
}

.blog-post .img {
    margin-left: -20px;
    margin-right: -20px;
    width: auto;
    height: 0;
    padding-bottom: 80%;
    position: relative
}

.blog-post .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

.blog-post .img:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -37px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 37.5px 0;
    border-color: #fbfbfb transparent transparent transparent
}

@media screen and (min-width: 640px) {
    .blog-post .meta {
        margin-bottom:16px
    }

    .blog-post h2 {
        margin-bottom: .7em
    }
}

.blog-post.whitepapers {
    background: #ed5434;
    color: #fff;
    position: relative;
    padding: 54px 16px 32px
}

.blog-post.whitepapers h4 {
    color: #fff;
    font-size: 36px;
    font-family: itcavantgardestd;
    font-weight: 300;
    margin: 0 0 48px;
    line-height: 1.24em;
    text-align: center
}

.blog-post.whitepapers .btn {
    margin-top: 12px;
    padding-top: 16px;
    padding-bottom: 15px;
    padding-left: 16px;
    padding-right: 16px;
    min-width: 0!important;
    width: 100%
}

.blog-post.whitepapers .watermark {
    padding-top: 8px;
    text-align: center
}

.blog-post.whitepapers .watermark h5 {
    font-size: 11px;
    color: #3aa85e;
    text-transform: uppercase
}

@media screen and (min-width: 640px) {
    .blog-post.whitepapers h4 {
        margin:48px 0 76px
    }

    .blog-post.whitepapers .watermark {
        position: absolute;
        bottom: 42px;
        left: 0;
        right: 0
    }
}

.blog-newsletter {
    padding: 64px 0;
    background: #1b2126
}

.blog-newsletter .promo {
    font-family: itcavantgardestd;
    font-weight: 400;
    font-style: italic;
    font-size: 40px;
    color: #fff;
    line-height: 1.2em;
    text-align: center;
    margin: 0 0 48px
}

.blog-newsletter .promo strong {
    display: block
}

.blog-newsletter .social {
    background: 0 0;
    padding: 0
}

.blog-newsletter .social h3 {
    color: #fff
}

@media screen and (min-width: 800px) {
    .blog-newsletter {
        padding:72px 0 96px
    }
}

.blog-subscribe {
    margin-bottom: 20px
}

.blog-subscribe .combo {
    text-align: center
}

.blog-subscribe .btn {
    margin: 0;
    max-width: 220px;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px
}

.blog-subscribe .alert {
    margin: 12px 0;
    padding: 12px 2px;
    background: #f8f8f8;
    border: 1px solid #eee;
    color: #ed5434;
    border-radius: 2px;
    font-weight: 700;
    text-align: center
}

.blog-subscribe .alert.error {
    color: #d84328
}

@media screen and (min-width: 640px) {
    .blog-subscribe .combo input {
        display:inline-block;
        width: 320px;
        margin-bottom: 0
    }

    .blog-subscribe .combo .btn {
        display: inline-block;
        margin-left: 7px
    }

    .blog-subscribe .alert {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto
    }

    .blog-subscribe .combo form {
        display: flex;
        justify-content: center
    }
}

.blog-pagination {
    padding: 24px 0 12px
}

.blog-pagination .container {
    text-align: center
}

.blog-pagination a {
    display: inline-block;
    line-height: 48px;
    height: 48px;
    padding: 0 14px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #d0d0d0;
    background-color: #fff;
    background-image: -webkit-linear-gradient(#fff,rgba(0,0,0,0.03));
    background-image: linear-gradient(#fff,rgba(0,0,0,0.03));
    margin-bottom: 4px;
    font-family: 'pt serif';
    text-decoration: none;
    font-weight: 500;
    color: #707070;
    font-size: 15px
}

.blog-pagination a.no-bg {
    background: 0 0;
    border: none;
    padding: 0 10px
}

.blog-pagination a.disabled {
    background: #eee;
    color: #bbb!important;
    cursor: default;
    border-color: #d0d0d0!important
}

.blog-pagination a.active,.blog-pagination a:hover {
    background: #ed5434;
    background-color: #ed5434;
    background-image: -webkit-linear-gradient(#ED5434,#ebb600);
    background-image: linear-gradient(#ED5434,#ebb600);
    border-color: #ebb600;
    color: #fff
}

.blog-pagination a {
    display: none
}

.blog-pagination a:first-child,.blog-pagination a:last-child {
    display: inline-block
}

@media screen and (min-width: 500px) {
    .blog-pagination a {
        display:inline-block
    }
}

.dropdown {
    position: relative
}

.dropdown input[type=checkbox] {
    display: none
}

.dropdown:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    top: 22px;
    right: 16px;
    border-style: solid;
    border-width: 8px 6px 0;
    border-color: #ccc transparent transparent transparent
}

.dropdown ul {
    display: none;
    z-index: 99;
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff
}

.dropdown ul li {
    list-style-type: none
}

.dropdown ul li+li {
    border-top: 1px solid rgba(0,0,0,.1)
}

.dropdown ul a {
    font-weight: 500;
    color: #222;
    text-decoration: none;
    display: block;
    padding: 12px
}

.dropdown ul a:hover {
    color: #ed5434
}

.dropdown ul.radios input {
    display: none
}

.dropdown ul.radios label {
    font-weight: 500;
    color: #222;
    text-decoration: none;
    display: block;
    padding: 12px;
    cursor: pointer
}

.dropdown ul.radios label:hover,.dropdown ul.radios label:active {
    color: #ed5434
}

.dropdown .dp-label {
    margin-bottom: 0;
    display: block;
    font-weight: 500;
    font-style: italic;
    color: #93ac9b;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.16);
    padding-left: 16px!important;
    padding-right: 32px
}

.dropdown .dp-label:before,.dropdown .dp-label:after {
    display: none
}

.dropdown input[type=checkbox]:checked~ul {
    display: block
}

.article-holder {
    padding: 0 0 32px
}

.article-holder .whitepapers {
    display: none
}

@media screen and (min-width: 920px) {
    .article-holder {
        padding:64px 0 48px
    }

    .article-holder .article-content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%;
        margin-right: 0;
        margin-left: 8.5298%
    }

    .article-holder .article-content:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1120px) {
    .article-holder {
        padding:96px 0 48px
    }

    .article-holder .article-content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }

    .article-holder .article-content:last-child {
        margin-right: 0
    }

    .article-holder .whitepapers {
        display: block;
        width: 21%;
        float: right
    }
}

@media screen and (min-width: 1280px) {
    .article-holder .share-links.case {
        margin-left:-32px
    }
}

.article.whitepapers {
    background: #fff;
    box-shadow: 0 5px 30px 0 rgba(0,0,0,.06)
}

.article.whitepapers h4 {
    margin: 0 0 36px;
    color: #000
}

.article.whitepapers .watermark {
    position: static
}

.article.whitepapers .watermark h5 {
    color: #000;
    opacity: .5
}

.article.download-case {
    text-align: center;
    max-width: none
}

.article.download-case .title,.article.download-case .sub {
    color: #fff
}

.article.download-case input {
    background: #1b2126
}

.article.download-case input:focus {
    border-color: rgba(255,255,255,.4)
}

.article.download-case input::-webkit-input-placeholder {
    color: #fff
}

.article.download-case input:-moz-placeholder {
    color: #fff
}

.article.download-case input::-moz-placeholder {
    color: #fff
}

.article.download-case input :-ms-input-placeholder {
    color: #fff
}

.article.download-case .wont-spam span {
    color: #fff;
    opacity: .24
}

.article.qt {
    padding: 32px 0;
    margin: 0;
    border-top: none
}

.article.qt h5 {
    font-size: 26px;
    color: #000;
    margin: 0 0 36px;
    text-align: center
}

.article.qt .bio .bio h3 {
    font-style: normal;
    font-size: 36px!important;
    font-weight: 300;
    margin-bottom: .1em
}

.article.qt .bio h4 {
    font-weight: 500;
    margin-bottom: .8em;
    font-size: 14px
}

.article.qt .bio p {
    font-style: italic
}

@media screen and (min-width: 640px) {
    .article.qt h5 {
        text-align:left
    }

    .article.qt .img {
        float: left
    }

    .article.qt .bio {
        float: left;
        width: 400px;
        margin-left: 24px
    }

    .article.qt .bio h3,.article.qt .bio h4,.article.qt .bio p {
        text-align: left
    }
}

@media screen and (min-width: 920px) {
    .article.qt {
        padding:64px 0
    }

    .article.qt h5 {
        margin-bottom: 42px
    }

    .article.qt .bio {
        margin-left: 20px;
        width: 540px
    }

    .article.qt .img {
        margin-left: 0
    }
}

.article.blog-posts .head {
    color: #000;
    margin: .4em 0 1.2em
}

.styled-content .meta,.styled-content .author {
    font-size: 12px;
    color: #b4b4b4;
    text-transform: uppercase;
    line-height: 1.34em;
    font-weight: 500;
    margin: 0 0 24px
}

.styled-content .meta a,.styled-content .author a {
    color: #ed5434;
    font-weight: 700;
    text-decoration: none;
    font-style: normal
}

.styled-content h2,.styled-content h3 {
    clear: both;
    font-family: itcavantgardestd;
    font-weight: 700;
    color: #000;
    font-size: 32px;
    line-height: 1.2em;
    text-align: left;
    margin: .8em 0 .6em
}

@media screen and (min-width: 920px) {
    .styled-content h2,.styled-content h3 {
        font-size:40px
    }
}

@media screen and (min-width: 1120px) {
    .styled-content h2,.styled-content h3 {
        font-size:40px
    }
}

.styled-content h3 {
    font-size: 22px;
    text-transform: none;
    line-height: 1em;
    letter-spacing: -1px
}

@media screen and (min-width: 920px) {
    .styled-content h3 {
        font-size:26px
    }
}

@media screen and (min-width: 1120px) {
    .styled-content h3 {
        font-size:26px;
        margin: .8em 0 .6em
    }
}

.styled-content p {
    font-size: 18px;
    line-height: 1.5em
}

.styled-content p strong,.styled-content p em {
    font-weight: 700;
    font-style: italic
}

.styled-content p a.pivot-link {
    color: #ed5434;
    text-decoration: none;
    font-size: 22px;
    font-family: itcavantgardestd;
    font-weight: 300;
    font-style: italic
}

.styled-content p a.pivot-link strong {
    font-weight: 600
}

.styled-content p a {
    font-weight: 600;
    font-style: italic;
    color: #ed5434;
    text-decoration: none
}

@media screen and (min-width: 920px) {
    .styled-content p {
        margin:28px 0
    }

    .styled-content p a.pivot-link {
        font-size: 26px;
        display: block;
        padding: 12px 0
    }
}

.styled-content .hasimage {
    overflow: hidden;
    clear: both
}

.styled-content img {
    width: 100%;
    height: auto;
    margin: 20px 0
}

@media screen and (min-width: 920px) {
    .styled-content img {
        border-radius:4px;
        margin: 32px 0
    }

    .styled-content img.small {
        max-width: 320px;
        float: left;
        margin: 24px 32px 0 20px
    }
}

.styled-content ul {
    margin: 24px 0
}

.styled-content ul li {
    font-style: italic;
    color: #99a19b;
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7em;
    padding-left: 48px
}

@media screen and (min-width: 920px) {
    .styled-content ul {
        margin:36px 0
    }
}

.styled-content blockquote {
    margin: 20px 0;
    padding: 16px 0;
    padding-left: 17px;
    border-left: 7px solid #ed5434;
    color: #99a19b;
    font-weight: 300;
    font-style: italic;
    font-family: itcavantgardestd
}

.styled-content blockquote p {
    margin: 0 0 24px;
    font-size: 22px
}

.styled-content blockquote .who {
    font-family: itcavantgardestd;
    font-weight: 600;
    font-style: italic;
    font-size: 20px;
    color: #656565;
    margin: 4px 0
}

.styled-content blockquote .what {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'pt serif';
    color: #99a19b;
    font-weight: 700;
    font-style: normal
}

@media screen and (min-width: 920px) {
    .styled-content blockquote {
        margin:36px 0;
        font-size: 26px
    }
}

.styled-content .video {
    position: relative;
    margin: 24px 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.styled-content .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.blog-hero.p-authors {
    background: #fafcfb;
    border-top: 1px solid #dee7e0;
    background: url(wp-content/themes/bloom/src/img/logo-bg3.svg) no-repeat center 42px;
    background-size: 112%;
    box-shadow: inset #e6ede8 0 300px 300px -300px
}

@media screen and (min-width: 920px) {
    .blog-hero.p-authors {
        padding:72px 0 84px
    }
}

@media screen and (min-width: 1120px) {
    .blog-hero.p-authors {
        padding:96px 0 112px
    }
}

.authors .container {
    padding-top: 32px;
    padding-bottom: 32px
}

.authors .author-card {
    margin: 12px 0;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);
    overflow: hidden
}

@media screen and (min-width: 640px) {
    .authors .container {
        padding-top:54px;
        padding-bottom: 54px
    }

    .authors .author-card {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 48.21067%
    }

    .authors .author-card:last-child {
        margin-right: 0
    }

    .authors .author-card:nth-child(2n) {
        margin-right: 0
    }

    .authors .author-card:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 920px) {
    .authors .container {
        max-width:60em;
        padding-top: 80px;
        padding-bottom: 80px
    }

    .authors .author-card {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }

    .authors .author-card:last-child {
        margin-right: 0
    }

    .authors .author-card:nth-child(2n) {
        margin-right: 2.35765%
    }

    .authors .author-card:nth-child(2n+1) {
        clear: none
    }

    .authors .author-card:nth-child(3n) {
        margin-right: 0
    }

    .authors .author-card:nth-child(3n+1) {
        clear: left
    }
}

.author-card.guest-writer {
    background: #1b2126;
    text-align: center;
    background: url(wp-content/themes/bloom/src/img/logo-bg4.png) no-repeat -4% 120% #1b2126
}

.author-card.guest-writer .holder {
    padding: 16px;
    padding-top: 72px
}

.author-card.guest-writer img {
    width: auto;
    height: auto
}

.author-card.guest-writer h3 {
    font-family: itcavantgardestd;
    font-weight: 300;
    font-style: italic;
    font-size: 42px;
    color: #fff;
    text-transform: none;
    line-height: 1.1em;
    margin-bottom: .6em
}

.author-card.guest-writer .btn {
    display: block;
    width: auto;
    padding-left: 24px;
    padding-right: 24px
}

.popup.guest-writer .serv {
    padding: 24px 0
}

.popup.guest-writer .serv .title h2 {
    color: #000
}

.popup.guest-writer .serv .text {
    padding-top: 12px;
    padding-bottom: 0
}

.popup.guest-writer .serv .text li {
    font-size: 18px;
    text-transform: none;
    font-weight: 400;
    font-family: 'pt serif'
}

.popup.guest-writer .serv ul {
    margin-bottom: 0
}

.popup.guest-writer .serv+.serv:after {
    display: none
}

@media screen and (min-width: 800px) {
    .popup.guest-writer .title h2 {
        max-width:400px
    }

    .popup.guest-writer .text {
        padding-left: 92px
    }

    .popup.guest-writer .center-holder {
        padding-bottom: 24px
    }
}

@media screen and (min-width: 920px) {
    .popup.guest-writer .title h2 {
        max-width:600px
    }
}

.blog-post h2 a {
    font-family: itcavantgardestd!important;
    letter-spacing: -.5px!important;
    font-weight: 700!important
}

.blog-post .snippet p {
    font-size: 20px!important
}

.page-numbers {
    font-family: itcavantgardestd!important
}

.promo {
    color: #000;
    font-family: "pt serif"!important
}

.promo strong {
    font-style: normal;
    font-family: itcavantgardestd!important
}

.styled-content h2,.styled-content h3 {
    color: #000!important
}

.blog-hero .snippet p {
    font-size: 20px
}

.lets-work-together .container h5 {
    font-family: itcavantgardestd;
    font-weight: 700;
    font-style: normal;
    margin-bottom: -5px
}

.lets-work-together .container h6 {
    font-family: "pt serif";
    line-height: 1.4em;
    font-size: 40px;
    font-style: italic;
    margin: 0 0 50px
}

.lets-work-together .container p strong {
    font-family: "pt serif"!important;
    font-style: normal;
    font-size: 40px
}

.lets-work-together p {
    font-style: normal;
    font-weight: 24px!important
}

.lets-work-together .container p strong {
    font-size: 24px!important
}

.lets-work-together .container p {
    font-size: 24px!important
}

.meta,.author {
    font-family: itcavantgardestd!important
}

.meta>a,.author>a {
    color: #ed5434!important
}

.blog-article .container .text-btn a {
    color: #b8c0ba;
    font-weight: 500;
    text-decoration: none
}

.hero-banner.basic .h5 {
    text-transform: none
}

.blog-cat .container .title {
    font-weight: 700
}

.dropdown ul li {
    font-family: itcavantgardestd
}

.search-box-cont {
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer
}

.search-box-cont form.search {
    display: none;
    position: absolute;
    right: -10px;
    top: 35px;
    background: -webkit-linear-gradient(#fff,rgba(0,0,0,0.03));
    background: linear-gradient(#fff,rgba(0,0,0,0.03));
    box-shadow: 0 0 5px #e0e0e0;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff
}

ul.blog-sm>form.search {
    display: block;
    padding: 16px 20px;
    padding-left: 64px
}

ul.blog-sm>form.search input {
    width: 70%;
    box-sizing: border-box
}

@media screen and (max-width: 500px) {
    ul.blog-sm>form.search input {
        width:100%
    }
}

.search-box-cont form.search.bar-visible {
    display: inline-flex
}

.search-icon {
    max-width: 30px
}

@media screen and (max-width: 1119px) {
    .search-icon {
        //position:unset
    }

    .blog-navbar label {
        display: none
    }
}

form.search input {
    border-radius: 5px;
    border: 1px grey solid;
    padding: 6px;
    padding-left: 10px;
    font-family: "pt serif";
    margin-right: 10px;
    font-style: italic;
    background-color: transparent
}

form.search button.search-submit {
    margin: 12px 0 0;
    padding: 10px;
    border: none;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    position: relative;
    top: -1px
}

.blog-search-components {
    position: relative;
    width: 90%;
    max-width: 992px;
    margin: 0 auto
}

.blog-search-components input {
    display: block;
    height: 52px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,.1);
    background: #fff;
    font-size: 22px;
    color: #393937;
    font-weight: 400
}

.blog-search-components input::-webkit-input-placeholder {
    color: #d1d7d3;
    font-size: 22px
}

.blog-search-components input:-moz-placeholder {
    color: #d1d7d3;
    font-size: 22px
}

.blog-search-components input::-moz-placeholder {
    color: #d1d7d3;
    font-size: 22px
}

.blog-search-components input :-ms-input-placeholder {
    color: #d1d7d3;
    font-size: 22px
}

.blog-search-components form.search button.search-submit {
    width: auto;
    padding: 16px 40px
}

.blog-search-components form.search button.search-submit svg {
    position: relative;
    top: -2px;
    margin-right: 4px
}

.blog-search-components form.search button.search-submit svg path {
    fill: #fff
}

@media screen and (min-width: 640px) {
    .blog-search-components input {
        height:80px;
        font-size: 36px
    }

    .blog-search-components input::-webkit-input-placeholder {
        font-size: 36px
    }

    .blog-search-components input:-moz-placeholder {
        font-size: 36px
    }

    .blog-search-components input::-moz-placeholder {
        font-size: 36px
    }

    .blog-search-components input :-ms-input-placeholder {
        font-size: 36px
    }

    .blog-search-components .btn {
        margin: 0;
        position: absolute;
        min-width: 0;
        padding: 12px
    }

    .blog-search-components form.search button.search-submit {
        padding: 16px;
        top: 12px;
        right: 12px;
        position: absolute;
        margin-top: 0
    }

    .blog-search-components .btn span {
        display: none
    }

    .blog-search-components .btn svg {
        width: 24px;
        height: 24px;
        margin-right: 0
    }
}

@media screen and (min-width: 920px) {
    .blog-search-components input {
        height:120px;
        font-size: 70px;
        font-weight: 300
    }

    .blog-search-components input::-webkit-input-placeholder {
        font-size: 62px;
        font-weight: 300
    }

    .blog-search-components input:-moz-placeholder {
        font-size: 62px;
        font-weight: 300
    }

    .blog-search-components input::-moz-placeholder {
        font-size: 62px;
        font-weight: 300
    }

    .blog-search-components input :-ms-input-placeholder {
        font-size: 62px;
        font-weight: 300
    }

    .blog-search-components form.search button.search-submit {
        top: 32px;
        right: 32px
    }
}

.search-pop {
    float: right;
    text-align: center;
    width: 58px;
    height: 32px;
    line-height: 32px;
    border-left: 1px solid #ddd
}

.search-pop.search-right {
    width: 38px;
    margin-top: 6px;
    text-align: right
}

.search-pop svg {
    width: 20px;
    height: 20px;
    position: relative;
    left: -2px
}

.search-pop svg path {
    fill: #b8c0ba
}

.popup-holder.search .popup {
    padding: 48px
}

.popup-holder.search h3 {
    font-size: 22px;
    margin-top: 0
}

.popup-holder.search .blog-search-components {
    margin: 0;
    width: auto
}

.popup-holder.search .blog-search-components input {
    margin: 0;
    max-width: none
}

@media screen and (min-width: 920px) {
    .popup-holder.search h3 {
        font-size:26px
    }
}

.fauxsearch {
    float: right;
    margin-top: 13px;
    height: 36px;
    width: 186px;
    padding: 0 10px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #dee7e0
}

.fauxsearch span {
    display: inline-block;
    font-style: italic;
    font-size: 16px;
    color: #b8c0ba;
    line-height: 36px
}

.fauxsearch svg {
    margin-right: 4px;
    position: relative;
    top: -2px
}

.fauxsearch svg path {
    fill: #b8c0ba
}

.popup .blog-search-components form {
    max-width: unset!important
}