/*@font-face {
    font-family: 'Karbon Slab Stencil';
    src: url('../fonts/KarbonSlabStencilWeb-Regular.eot');
    src: url('../fonts/KarbonSlabStencilWeb-Regular.eot#iefix') format('embedded-opentype'), 
         url('../fonts/KarbonSlabStencilWeb-Regular.ttf') format('truetype'), 
         url('../fonts/KarbonSlabStencilWeb-Regular.woff') format('woff'), 
         url('../fonts/KarbonSlabStencilWeb-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot?dqkjhp');
    src: url('../fonts/iconfont.eot?dqkjhp#iefix') format('embedded-opentype'), 
         url('../fonts/iconfont.ttf?dqkjhp') format('truetype'), 
         url('../fonts/iconfont.woff?dqkjhp') format('woff'), 
         url('../fonts/iconfont.svg?dqkjhp#iconfont') format('svg');
    font-weight: normal;
    font-style: normal
}*/

html,
body {
    max-width: 100%;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
    border: 0;
    outline: none
}

#video-bar {
    background: #7e4082;
    min-height: 100px
}

#solutions-bar {
    background: #7e4082;
    min-height: 120px
}

#insights {
    background: #ecf0f1;
    overflow: hidden;
    position: relative
}

#solution-finder {
    background: #7e4082;
    min-height: 500px;
    padding: 45px
}

#customer-testimonial {
    padding: 30px 0 40px 0;
    max-width: 100%;
    background-color: #402b56
}

#resources-container {
    background: #402b56;
    padding-bottom: 45px
}

.home-quote-section {
    padding: 30px 0 0
}

.home-sub-hero .home-quote {
    min-height: 150px;
    font-size: 20px;
    font-size: 3.25rem;
    font-weight: 200
}

.text-align-center {
    text-align: center
}

.text-white {
    color: #fff!important;
    font-size: 16px;
    font-weight: 200
}

.home-quote-info {
    max-width: 300px;
    margin: 0 auto;
    display: block;
    text-align: center
}

.pull-xs-left {
    float: left!important
}

.quote-box:nth-child(2) {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 75%
}

@media(max-width:768px) {
    .quote-box:nth-child(2) {
        border-left: none;
        border-right: none;
        border-top: 1px solid #564865;
        border-bottom: 1px solid #564865;
        padding: 36px 0;
        margin-bottom: 45px
    }
    .quote-box {
        padding-bottom: 45px
    }
}

#product-overviews {
    background-image: url("../images/whitePattern_1.png");
    background-color: #402b56;
    padding: 35px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right
}

#product-overview-tabs {
    padding: 0;
    min-height: 590px
}

#live-data-bar {
    background-color: #2b4c59
}

#demo-form {
    background-color: #7e4082;
    padding: 30px 0
}

.data-bar {
    background-image: url("../images/greenPattern.png");
    background-repeat: no-repeat;
    background-attachment: fixed
}

.analytics-cta a.nav-btn:hover {
    background-color: #A05DA6!important;
}

#blog {
    background: #f8f8f8;
    text-align: center;
    color: #3e2a55;
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    font-size: 48px;
    padding: 0 0 35px 0
}

#blog-home {
    background: #f8f8f8;
    border-top: 1px solid #e6e6e6;
    overflow: hidden;
}

#feature-set-container {
    background: #f4f4f4;
    padding: 40px 0
}

.icon-line-dot {
    overflow: hidden;
    vertical-align: center
}

.item-bkg {
    background: url(../images/solution_background.png) no-repeat center;
    background-size: contain;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
    color: #fff;
    font-size: 52px
}

.Solutioncontainer .item-bkg:hover {
    color: #6bccb3
}

.Solutioncontainer {
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: justify;
    font-size: .1px
}

.Solutioncontainer>div {
    display: inline-block;
    vertical-align: top;
    width: 19%;
    padding: 2%;
    background: rgba(255, 255, 255, .05);
    border-radius: 2px
}

.Solutioncontainer:after {
    content: '';
    display: inline-block;
    width: 100%
}

.Solutioncontainer .placeholder {
    padding: 0
}

@media(min-width:1080px) {
    .Solutioncontainer {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }
}

@media(max-width:992px) {
    .Solutioncontainer>div {
        width: 19%;
        margin-bottom: 2%
    }
}

@media(max-width:767px) {
    .Solutioncontainer>div {
        width: 49%;
        margin-bottom: 2%
    }
}

@media(max-width:480px) {
    .Solutioncontainer>div {
        width: 100%;
        margin-bottom: 2%
    }
}

@media(max-width:360px) {
    .Solutioncontainer>div {
        width: 100%;
        margin-bottom: 5%
    }
}

.fs2 {
    font-size: 22px;
    margin-bottom: -1.3%
}

h3.heading-5.white {
    text-align: center;
    font-size: 21px
}

.solutionIcon {
    vertical-align: middle;
    color: #fff
}

a.iconlink-text {
    color: #402b56;
    color: #fff
}

a.home-iconlink-text {
    color: #402b56
}

a.iconlink-text:hover,
a.home-iconlink-text:hover,
.solutionIcon:hover {
    color: #6bccb3
}

.featured-insight {
    padding: 15px 15px 35px 15px
}

.video-bar-heading {
    text-align: center;
    color: #fff;
    font-size: 2.6em;
    padding: 25px 20px;
    font-weight: 300
}

@media(min-width:992px) {
    .pull-right-lg {
        float: right!important
    }
}

@media(min-width:1200px) {
    .hero--home {
        max-height: 72rem
    }
    .computer-screen {
        margin-top: -90px
    }
}

@media(min-width:1200px) {
    .hero {
        min-height: 50rem;
        max-height: 64rem
    }
}

@media(min-width:992px) {
    .hero {
        min-height: 45rem;
        max-height: 65rem
    }
    .hero_wrap_box {
        width: 780px;
        margin: auto
    }
}

@media(min-width:768px) {
    .hero {
        min-height: 35rem;
        max-height: 55rem
    }
    .center {
        text-align: center
    }
}

@media(min-width:768px) {
    .hero {
        padding-top: 6.75rem
    }
}

.hero {
    position: relative;
    padding-top: 18rem;
    min-height: 660px;
    max-height: 60rem;
    color: #fff;
    background: 100% 50% no-repeat rgba(114, 48, 128, .16);
    background-size: cover;
    background-blend-mode: screen
}

@media(min-width:480px) and (max-width:767px) {
    .hero {
        padding-top: 24rem
    }
}

@media(max-width:480px) {
    .hero {
        background: 50% 50% no-repeat rgba(114, 48, 128, .16);
        background-size: cover;
        min-height: 480px;
        padding-top: 5em
    }
    .hero_wrap_box h2.centered {
        font-size: 24px;
        line-height: 3.2rem
    }
}

.footerHero {
    position: relative;
    padding: 90px 20px;
    color: #fff;
    background: center no-repeat #723080;
    background-size: cover
}

.flexbox-container {
    -js-display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.productHero {
    position: relative;
    padding-top: 16rem;
    min-height: 460px;
    max-height: 60rem;
    padding: 90px 20px;
    color: #fff;
    background: center no-repeat #723080;
    background-size: cover;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero__wrap {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
    text-align: left;
    width: 650px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

hr {
    margin-top: 40px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #eaeaea
}

h6 {
    font-size: 18px
}

a.social-icon {
    padding: 0 10px 0 0
}

p {
    color: #5b6770;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

p.white-text {
    color: #fff;
    line-height: 37px;
    font-weight: 300;
    letter-spacing: .1px
}

.aqua-heading-1-slab {
    text-align: center;
    font-family: 'Karbon Slab Stencil', sans-serif;
    color: #69ccb3;
    font-weight: 300;
    font-size: 46px;
    padding-top: 45px
}

.aqua-heading-1-sans {
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: #69ccb3;
    font-weight: 300;
    font-size: 46px;
    padding-top: 45px
}

.aqua-heading-1-slab-left {
    text-align: left;
    font-family: 'Karbon Slab Stencil', sans-serif;
    color: #69ccb3;
    font-weight: 300;
    font-size: 46px;
    padding-top: 45px
}

.aqua-heading-1-sans-left {
    text-align: left;
    font-family: 'Lato', sans-serif;
    color: #69ccb3;
    font-weight: 300;
    font-size: 46px;
    padding-top: 45px
}

.white-heading-1-slab {
    text-align: center;
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    color: #fff;
    font-weight: 100;
    font-size: 46px;
    padding-top: 45px
}

.white-heading-1-sans {
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-weight: 100;
    font-size: 46px;
    padding-top: 45px
}

.white-heading-1-slab-left {
    text-align: left;
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    color: #fff;
    font-weight: 100;
    font-size: 46px;
    padding-top: 45px
}

.white-heading-1-sans-left {
    text-align: left;
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-weight: 100;
    font-size: 46px;
    padding-top: 45px
}

.salmon-heading-1-slab {
    text-align: center;
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    color: #e56a54;
    font-weight: 100;
    font-size: 46px;
    padding-top: 45px
}

.salmon-heading-1-sans {
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: #e56a54;
    font-weight: 100;
    font-size: 46px;
    padding-top: 45px
}

.salmon-heading-1-slab-left {
    text-align: left;
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    color: #e56a54;
    font-weight: 100;
    font-size: 46px;
    padding-top: 45px
}

.salmon-heading-1-sans-left {
    text-align: left;
    font-family: 'Lato', sans-serif;
    color: #e56a54;
    font-weight: 100;
    font-size: 46px;
    padding-top: 45px
}

.haze-heading-1-slab,
.home-aqua-heading-1-slab {
    text-align: center;
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    color: #7e4082;
    font-weight: 300;
    font-size: 46px;
    padding-top: 45px
}

.home-aqua-heading-1-slab {
    color: #6bccb3
}

@media(min-width:767px) {
    .haze-heading-1-slab,
    .home-aqua-heading-1-slab {
        font-size: 56px
    }
}

@media(min-width:992px) {
    .haze-heading-1-slab,
    .home-aqua-heading-1-slab {
        font-size: 76px
    }
}

.haze-heading-1-slab-left {
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    color: #7e4082;
    font-weight: 100;
    font-size: 46px;
    padding-top: 45px
}

.haze-heading-1-sans {
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: #7e4082;
    font-weight: 100;
    font-size: 46px;
    padding-top: 45px
}

.aqua-heading-2-slab {
    text-align: center;
    font-family: 'Karbon Slab Stencil', sans-serif;
    color: #6bccb3;
    font-weight: 300;
    font-size: 40px;
    padding-top: 45px
}

.aqua-heading-2-sans {
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: #6bccb3;
    font-weight: 300;
    font-size: 80px;
    padding-top: 45px
}

.haze-heading-2-slab {
    font-family: 'Karbon Slab Stencil', sans-serif;
    color: #7e4082;
    font-weight: 300;
    font-size: 40px
}

.haze-heading-2-sans {
    font-family: 'Lato', sans-serif;
    color: #7e4082;
    font-weight: 300;
    font-size: 40px
}

.salmon-heading-3-sans {
    color: #e56a54;
    font-weight: 300;
    font-size: 44px
}

.aqua-heading-3-slab {
    font-size: 36px;
    margin-bottom: 24px;
    margin-top: -15px;
    text-align: center;
    color: #6bccb3;
    font-family: 'Karbon Slab Stencil'
}

.emerald-heading-3-sans {
    color: #2b4c59;
    font-weight: 300;
    font-size: 44px
}

.white-heading-4-slab {
    text-align: center;
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 28px;
    padding: 25px
}

.haze-heading-4-slab {
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    color: #7e4082;
    font-weight: 300;
    font-size: 28px
}

.deep-heading-4-slab {
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    color: #402b56;
    font-weight: 300;
    font-size: 28px
}

.haze-heading-3-sans {
    color: #7e4082;
    font-weight: 500;
    font-size: 36px
}

.deep-heading-5-slab {
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    color: #402b56;
    font-weight: 300;
    font-size: 24px
}

.aqua-heading-6-slab {
    text-align: center;
    color: #6bccb3;
    font-family: 'Karbon Slab Stencil';
    font-size: 20px;
    padding: 25px 0;
    font-weight: 600
}

.aqua-heading-6-sans {
    text-align: center;
    color: #6bccb3;
    font-family: 'Lato';
    font-size: 20px;
    padding: 25px 0
}

.haze-heading-6-slab {
    color: #7e4082;
    font-family: 'Karbon Slab Stencil';
    font-size: 20px;
    font-weight: 600
}

@media(max-width:767px) {
    .white-heading-1-slab {
        text-align: left
    }
}

p.customer-quote {
    font-weight: 700;
    text-align: center;
    padding: 25px 25px 10px 25px
}

p.customer-name {
    text-align: center;
    font-size: 1.4em;
    font-weight: 500;
    color: #69ccb3
}

p.customer-title {
    text-align: center;
    margin-top: -10px;
    font-size: 1.2em;
    font-weight: 300
}

.purple-heading-3 {
    color: #7e4082;
    font-size: 38px;
    font-weight: 300;
    margin-bottom: 30px
}

h6.purple-heading-6 {
    color: #7e4082;
    font-size: 1.3em;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center
}

h6.purple-heading-six {
    color: #7e4082;
    font-size: 1.3em;
    font-weight: Bold;
    margin-bottom: 10px;
    font-family: 'Karbon Slab Stencil'
}

.small-purple {
    color: #7e4082;
    padding-top: 15px
}

h6.resource-category {
    text-transform: uppercase;
    font-size: 18px;
    color: #5b6770;
    font-weight: 200
}

p.link-text {
    color: #2b4c59;
    font-family: 'Lato', sans-serif;
    font-weight: 700
}

h3.white-heading-three-sans {
    font-size: 46px;
    text-align: left;
    color: #fff;
    font-weight: 100;
    font-family: 'Lato', sans-serif
}

.resource-icon {
    margin: 10px 15px 10px 0;
    float: left
}

.resource-box {
    padding: 30px 25px 15px 0
}

.blog-wrapper h2 {
    color: #7e4082;
    font-size: 46px;
    font-family: 'Karbon Slab Stencil'
}

.blog-wrapper h4 {
    color: #7e4082;
    font-size: 40px;
    font-family: 'Karbon Slab Stencil';
    margin-top: 24px
}

.blog-wrapper h5 {
    color: #2b4c59;
    font-size: 26px;
    font-family: 'Lato';
    font-weight: 500;
    margin-top: 24px
}

.section-body h1 {
    color: #7e4082;
    font-size: 56px;
    font-family: 'Karbon Slab Stencil'
}

.section-body h2 {
    color: #7e4082;
    font-size: 46px;
    font-family: 'Karbon Slab Stencil'
}

.section-body h4 {
    color: #7e4082;
    font-size: 40px;
    font-family: 'Karbon Slab Stencil';
    margin-top: 24px
}

.section-body h5 {
    color: #2b4c59;
    font-size: 32px;
    font-family: 'Lato';
    font-weight: 500;
    margin-top: 24px
}

.section-body h6 {
    color: #2b4c59;
    font-size: 26px;
    font-family: 'Lato';
    font-weight: 500;
    margin-top: 24px
}

.news-post h4 {
    font-size: 35px;
    font-family: 'Karbon Slab Stencil'
}

@media screen and (max-width:760px) {
    .blog-wrapper h4 {
        font-size: 26px
    }
    .news-post h4 {
        font-size: 26px
    }
}

.slabHeadline {
    font-family: 'Karbon Slab Stencil', sans-serif!important
}

.product-tabs {
    background: #6b3771
}

.product-nav-tabs {
    border: 0
}

.product-nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.product-nav-tabs>li.active>a:hover {
    border: 0;
    background-color: #7b4282;
    color: #fff;
    padding: 24px 30px
}

.product-nav-tabs>li>a {
    border-radius: 0;
    border: 0;
    padding: 25px 30px;
    color: #fff
}

.product-nav-tabs>li {
    font-size: 20px;
    font-weight: 500
}

.product-nav-tabs>li>a:hover {
    border: none;
    background-color: #7b4282;
    padding: 24px 30px
}

.tabs .product-nav-tabs {
    border-bottom: none
}

.tabs .product-nav-tabs li {
    margin-bottom: 0
}

.active.triangle-isosceles::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 30px;
    display: block;
    width: 0;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #7b4282 transparent
}

.product-tab-content {
    overflow: hidden;
    background: #ececec;
    padding: 55px 25px
}

@media(max-width:980px) {
    .product-nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        display: -webkit-box;
        display: -moz-box
    }
    .product-nav-tabs>li.active>a,
    .product-nav-tabs>li.active>a:focus {
        border-bottom: 3px solid #e56a54;
        background-color: #7b4282;
        color: #fff;
        padding: 8px 20px
    }
    .product-nav-tabs>li>a {
        border-radius: 0;
        border: 0;
        padding: 8px 20px;
        color: #fff
    }
    .product-nav-tabs>li {
        font-size: 16px;
        font-weight: 500;
        float: none
    }
    .product-nav-tabs>li>a:hover {
        border: none;
        background-color: #7b4282;
        padding: 8px 20px
    }
    .product-tab-content {
        overflow: hidden;
        background: #ececec;
        padding: 55px 25px
    }
    .active.triangle-isosceles::after {
        display: none
    }
}

@media screen and (min-device-width:1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1) {
    .product-tab-content {
        height: 480px;
        padding-bottom: 25px
    }
    .row.testimony-cards {
        width: 85%;
        margin-left: 130px
    }
}

.row.blog-header {
    background: #cfd3d6;
    padding: 10px 0 50px 0;
    border-bottom: 1px solid #cacaca
}

.row.blog-footer {
    background: #cfd3d6;
    padding: 10px 0 30px 0;
    border-top: 1px solid #cacaca
}

.triangle-top-left {
    width: 0;
    height: 0;
    border-top: 13px solid #e56a54;
    border-right: 13px solid transparent;
    margin-bottom: 5px
}

h1.blogposttitle {
    font-size: 1.8em;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #294c59
}

.testimonials,
.testimonials__testimonial__content {
    overflow: hidden
}

.testimonials__testimonial {
    width: 42%;
    box-sizing: border-box;
    padding-left: 20px;
    overflow: hidden;
    margin: 10px 15px 10px 0;
    float: left
}

.testimonials__testimonial {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative
}

figure {
    display: block
}

.testimonials__testimonial__photo {
    float: left;
    margin-right: 20px
}

.testimonials__testimonial__content {
    overflow: hidden
}

.testimonials__testimonial__quote {
    padding: 0;
    margin: 0;
    color: #81888b
}

.center-img {
    margin: 35px 15px 15px 35px
}

.margin-30 {
    margin: 15px 0 35px 0
}

.margin-60 {
    margin: 65px 0 35px 0
}

.icon-space::before {
    margin: -25px
}

.btn-primary-round-white {
    color: #7e4082;
    background-color: #fff;
    border: 2px solid #6d3871;
    border-radius: 36px;
    padding: 10px 25px;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    white-space: normal
}

.btn-primary-round-white:hover {
    color: #fff;
    background-color: #7e4082;
    border-color: #723875
}

.btn-primary-round-aqua {
    color: #1D1934;
    background-color: #6bccb3;
    border: 1px solid #62bda6;
    border-radius: 36px;
    padding: 10px 25px;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    white-space: normal
}

.btn-primary-round-aqua:hover {
    color: #fff;
    background-color: #2b4c59;
    border-color: #5bbca3
}

.btn-primary-stroke-aqua {
    color: #6bccb3;
    border: 2px solid #6bccb3;
    border-radius: 36px;
    padding: 10px 25px;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    white-space: normal
}

.btn-primary-stroke-aqua:hover {
    color: #52a892;
    border-color: #52a892
}

.btn-primary-stroke-aqua-alt {
    color: #6bccb3;
    border: 2px solid #6bccb3;
    border-radius: 36px;
    padding: 10px 25px;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    white-space: normal
}

.btn-primary-stroke-aqua-alt:hover {
    color: #fff;
    border-color: #6bccb3;
    background-color: #6bccb3
}

.btn-primary-round-purple {
    color: #7e4082;
    border: 2px solid #6d3871;
    border-radius: 36px;
    padding: 10px 25px;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    white-space: normal
}

.btn-primary-round-purple:hover {
    color: #fff;
    background-color: #7e4082;
    border-color: #723875
}

.btn-primary-round-orange {
    color: #e56a54;
    border: 2px solid #e56a54;
    border-radius: 36px;
    padding: 10px 25px;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    white-space: normal
}

.btn-primary-round-orange:hover {
    color: #fff;
    background-color: #e56a54;
    border-color: #d9634d
}

@media screen and (max-width:560px) {
    .btn-primary-round-aqua,
    .btn-primary-stroke-aqua {
        width: 100%
    }
}

.linePath {
    stroke: #69ccb3;
    stroke-dashoffset: 1000;
    stroke-dasharray: .5, 12;
    stroke-linecap: round;
    stroke-linejoin: round
}

.lineCircle {
    stroke: #dfdfdf;
    stroke-dashoffset: 1000;
    stroke-dasharray: .6, 10;
    stroke-linecap: round;
    stroke-linejoin: round
}

.st0 {
    fill: none;
    stroke: #69ccb3;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1, 10;
    stroke-dashoffset: 80;
    -webkit-animation: dash .9s alternate forwards 10;
    animation: dash .9s alternate forwards 10
}

.st1 {
    fill: none;
    stroke: #69ccb3;
    stroke-width: 7;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10
}

.stdash {
    fill: none;
    stroke: #fff;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10
}

@-webkit-keyframes dash {
    from {
        stroke-dashoffset: 100
    }
    to {
        stroke-dashoffset: 0
    }
}

@keyframes dash {
    from {
        stroke-dashoffset: 100
    }
    to {
        stroke-dashoffset: 0
    }
}

.twirl {
    position: absolute;
    margin-top: -500px
}

.pathhome {
    stroke-dashoffset: 1000;
    stroke-dasharray: .8, 12;
    stroke-linecap: round;
    stroke-linejoin: round
}

.stat0 {
    fill: none;
    stroke-width: 14.4531;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-dasharray: 0, 34.6031, 34.6031, 34.6031
}

.stat1 {
    fill: none;
    stroke-width: 14.4531;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-dasharray: 0, 33.952, 123.4618, 33.952
}

.stat2 {
    fill: none;
    stroke-width: 14.4531;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-dasharray: 0, 31.5344, 430.0151, 31.5344
}

.stat3 {
    fill: none;
    stroke-width: 14.4531;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-dasharray: 0, 36.7733, 36.7733, 36.7733
}

span.icon-arrow-right {
    font-size: 1.8em;
    vertical-align: middle
}

.module-title {
    text-align: center
}

.module-slider {
    padding-bottom: 25px;
    background: #fafafa
}

.module-slider .scrollable {
    max-width: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1)
}

.module-slider .scrollable .fe-blog-posts {
    overflow: hidden;
    position: relative;
    min-width: 2912px;
    width: 100%
}

@media screen and (max-width:484px) {
    .module-slider .scrollable .fe-blog-posts {
        min-width: 260%
    }
}

@media screen and (max-width:340px) {
    .module-slider .scrollable .fe-blog-posts {
        min-width: 264%
    }
}

@media screen and (max-width:480px) {
    .scrollable {
        width: 760px
    }
}

.module-slider .fe-blog-posts>* {
    float: left;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 580px
}

.module-slider .fe-blog-posts .blog-post .fePost {
    padding: 15px
}

@media only screen and (min-width:1024px) {
    .module-slider {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

@media(min-width:769px) {
    .hidden-lg {
        display: none
    }
}

@media(max-width:1200px) {
    .hidden-small {
        display: none
    }
    .centered {
        margin: auto;
        display: block
    }
    .feature-set-block {
        margin-top: 1px!important
    }
}

.blog-post .back,
.blog-post .blog-container,
.blog-post .fePost {
    width: 100%
}

.blog-post .back,
.blog-post .fePost {
    background-color: #ececec;
    border: 1px solid #e6e6e6;
    border-radius: 3px
}

.blog-post .blog-container,
.blog-post .fePost {
    height: 315px;
    margin-bottom: 24px
}

.blog-post .image {
    margin-bottom: 1.5em;
    overflow: hidden;
    position: relative;
    width: 40%;
    float: left;
    height: 100%
}

.fePost-Content {
    width: 60%;
    float: right
}

.blog-post .image:before {
    content: ""
}

.blog-post .image .feImagePost {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.blog-post .fePost-Content {
    color: #9e9e9e;
    padding: 0 0 0 20px
}

.blog-post .fePost-Content .title {
    color: #6b3771;
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 100;
    line-height: 1.1em;
    margin-top: 24px;
    overflow: hidden;
    padding-bottom: .05em;
    font-family: 'Karbon Slab Stencil';
    overflow: hidden;
    text-overflow: ellipsis
}

p.blogpostdate {
    margin-top: 20px;
    font-size: .8em;
    color: #4b4b4b;
    margin-bottom: 0
}

.tagBG .postTag {
    background-color: #69ccb3;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding: 9px 15px;
    text-align: left;
    border-radius: 0;
    width: 100%;
    font-family: 'Lato';
    color: #fff
}

.tagBG .triangle {
    border-color: #69ccb3 transparent transparent;
    border-style: solid;
    border-width: 15px 15px 0 0;
    height: 0;
    margin-bottom: 1.6em;
    width: 0
}

.tagBG.no-postTag .triangle {
    border-width: 14px 14px 0 0
}

.img-responsive {
    margin: auto!important
}

@media(max-width:484px) {
    .blog-post .image {
        float: none;
        height: 100%;
        max-height: 90px;
        width: 100%
    }
    .fePost-Content {
        width: 100%;
        float: none
    }
    .blog-post .fePost-Content {
        padding: 1px
    }
    .blog-post .blog-container,
    .blog-post .fePost {
        min-height: 380px
    }
    .module-slider .fe-blog-posts>* {
        float: left;
        margin-bottom: 0;
        padding-left: 10px;
        padding-right: 10px
    }
    .module-slider .fe-blog-posts>* {
        width: 310px
    }
}

.col_fourth {
    width: 100%
}

.counterWrapper {
    width: 100%;
    margin: auto;
    position: relative
}

.counter {
    padding: 20px 0;
    border-radius: 5px
}

.count-title {
    font-size: 80px;
    font-weight: normal;
    letter-spacing: 12px;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: #fff
}

#section0,
#section1,
#section2,
#section3 {
    background-size: cover;
    background-attachment: fixed;
    min-height: 950px
}

#section0 {
    background-image: url(../images/bg1.jpg)
}

.slide-padding {
    padding: 20% 0 0 0
}

#section1 {
    background-image: url(../images/bg2.jpg)
}

#section2 {
    background-image: url(../images/bg3.jpg)
}

#section3 {
    background-image: url(../images/bg2.jpg)
}

#section3 h1 {
    color: #000
}

@media(max-width:767px) {
    .slide-padding {
        padding: 20% 20px 0
    }
}

.label-time {
    background-color: #6bccb3;
    color: #fff;
    width: 90px;
    padding: 5px 13px;
    border-radius: 24px;
    text-align: center
}

svg.icon-line {
    position: absolute;
    margin-top: -10px;
    height: 1460px;
    z-index: 2
}

@media screen and (max-width:760px) {
    .icon-line .linePath {
        display: none
    }
}

.marginRight {
    margin-right: 40px
}

.feature-set-block {
    margin-top: -65px
}

svg.halfCircle {
    margin-top: -300px
}

.feature-set-group {
    min-height: 540px
}

.iconSlate {
    color: #5c6670;
    float: left;
    width: 5%;
    font-size: 56px
}

.get-resource-box {
    background: #f4f4f4;
    padding: 20px 8px;
    border-radius: 4px;
    min-height: 200px;
    margin-bottom: 15px
}

.resource-content {
    float: right;
    width: 78%;
    margin-top: 12px
}

.solution-resource-content {
    float: right;
    width: 78%;
    margin-top: 32px
}

@media screen and (max-width:767px) {
    .home-resource-contain {
        background-color: #eaeaea;
        padding: 5px 15px
    }
}

h6.resource-category {
    text-transform: uppercase;
    font-size: 16px;
    color: #4b4b4b;
    font-weight: 700;
    font-family: 'Lato';
    margin-bottom: 0
}

.icon-group {
    padding: 10px
}

.resource-description {
    height: 120px;
    font-family: 'Karbon Slab Stencil';
    overflow: hidden;
    font-size: 28px;
    line-height: 28px;
    font-weight: 500;
    padding-top: 10px
}

.feature-resource-block {
    height: 150px
}

.icon-group {
    display: table
}

.icon-group .icon {
    display: table-cell;
    vertical-align: top;
    padding-right: 15px
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.large-heading-icon {
    font-size: 6em;
    float: left;
    width: 20%
}

.iconLarge {
    font-size: 86px
}

.iconXLarge {
    font-size: 286px;
    margin: 60px auto 0
}

.charter {
    color: #4ec3e0
}

.canary {
    color: #f6dc6b
}

.purple-haze {
    color: #7e4082
}

.deep-purple {
    color: #402b56
}

.aqua {
    color: #6bccb3
}

.emerald {
    color: #2b4c59
}

.salmon {
    color: #e56a54
}

.obsidian {
    color: #2a343e
}

.slate {
    color: #5c6670
}

.smog {
    color: #a4a9ad
}

.smoke {
    color: #d1d3d3
}

.haze {
    color: #eaeaea
}

.white {
    color: #fff
}

.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    vertical-align: middle;
    overflow: hidden;
    margin-top: -270px
}

.svg-content {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.featureTwo {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.featureThree {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.featureFour {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.featureFive {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

span.icon-user-paperwork {
    vertical-align: middle
}

h4.white-heading-4-slab.center {
    text-align: center
}

span.icon-play {
    background: #6d3771;
    padding: 8px 14px;
    border-radius: 9px;
    font-size: 18px;
    margin: 5px 14px
}

span.icon-play:hover {
    background: #6f3473
}

.video-play {
    padding: 10px
}

.feature-block-container.slate {
    background-color: #5c6670
}

.feature-block-container.aqua {
    background: #6bccb3
}

.feature-block-container.salmon {
    background: #e56a54
}

.feature-block-container.haze {
    background: #7e4082
}

.feature-block-container.emerald {
    background: #2b4c59
}

.feature-block-container.obsidian {
    background: #2a343e
}

.feature-block-container.smog {
    background: #a4a9ad
}

.feature-block-container.canary {
    background: #f6dc6b
}

.feature-block-container.charter {
    background: #4ec3e0
}

.feature-block-solution{
    width: 100%;
    clear: both;
    float: left;
    position: relative
}

.feature-block-solution .feature-block-container:first-child,
.how-block-spend .feature-block-container:first-child {
    padding: 35px 50px 50px
}

.feature-block-container:first-child,
.feature-block-container:last-child {
    height: 600px;
    overflow: hidden
}

.feature-block-container:first-child {
    float: left;
    overflow: hidden
}

.feature-block-container {
    width: 50%;
    height: 640px;
    padding: 35px 50px 50px;
    position: relative
}

.feature-block-copy {
    width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width:1020px) {
    .feature-block-solution,
    .how-block-spend {
        -js-display: flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .feature-block-solution .feature-block-container:first-child,
    .how-block-spend .feature-block-container:first-child {
        padding: 35px 0 50px
    }
    .feature-block-copy {
        width: 100%;
        padding: 0 20px
    }
    .feature-block-solution,
    .how-block-spend,
    .how-block-cashout {
        padding: 0;
        margin-bottom: 55px
    }
    .feature-block-container:first-child,
    .feature-block-container:last-child {
        width: 100%;
        overflow: hidden;
        display: block
    }
    .feature-block-container.anim.active {
        display: none
    }
}

@media screen and (max-width:1020px) {
    .feature-block-container:first-child,
    .feature-block-copy {}
    .feature-block-solution {
        margin-bottom: 0
    }
}

.footer-hero-purple {
    color: #fff;
    min-height: 180px;
    height: 100%;
    background: url('../images/purpleHazeLinePatternRight.png') top right no-repeat, url('../images/purpleHazeLinePatternLeft.png') bottom left no-repeat;
    background-color: #402b56;
    background-size: 33%;
    padding: 9%;
    text-align: center;
    font-weight: 300
}

.footer-hero-obsidian {
    color: #fff;
    min-height: 180px;
    height: 100%;
    background: url('../images/purpleHazeLinePatternRight.png') top right no-repeat, url('../images/purpleHazeLinePatternLeft.png') bottom left no-repeat;
    background-color: #2a343e;
    background-size: 33%;
    padding: 9%;
    text-align: center;
    font-weight: 300
}

.resource-hero-purple {
    color: #fff;
    max-height: 480px;
    min-height: 180px;
    height: 100%;
    background: url('../images/purpleHazeLinePatternRight.png') top right no-repeat, url('../images/purpleHazeLinePatternLeft.png') bottom left no-repeat;
    background-color: #402b56;
    background-size: 33%;
    padding: 9%;
    text-align: center;
    font-weight: 300
}

.resource-hero-aqua {
    color: #fff;
    max-height: 480px;
    min-height: 180px;
    height: 100%;
    background: url('../images/purpleHazeLinePatternRight.png') top right no-repeat, url('../images/purpleHazeLinePatternLeft.png') bottom left no-repeat;
    background-color: #6bccb3;
    background-size: 33%;
    padding: 9%;
    text-align: center;
    font-weight: 300
}

.hero-cirle-emerald {
    color: #fff;
    max-height: 480px;
    min-height: 180px;
    height: 100%;
    background: url('../images/circlepatternright.png') top right no-repeat, url('../images/circlepatternleft.png') bottom left no-repeat;
    background-color: #2b4c59;
    background-size: 33%;
    padding: 9%;
    text-align: center;
    font-weight: 300
}

.background-hero-pattern-purple {
    color: #fff;
    max-height: 480px;
    min-height: 180px;
    height: 100%;
    background: url('../images/purpleHazeGridPatternRight.png') top right no-repeat, url('../images/purpleHazeLinePatternLeft.png') bottom left no-repeat;
    background-color: #402b56;
    background-size: 33%;
    padding: 9%;
    text-align: center;
    font-weight: 300
}

.partner-hero {
    color: #fff;
    max-height: 480px;
    min-height: 180px;
    height: 100%;
    background: url('../images/greenDotLine.png') top right no-repeat, url('../images/leftgreenDotLine.png') bottom left no-repeat;
    background-color: #2b4c59;
    background-size: 33%;
    padding: 9%;
    text-align: center;
    font-weight: 300
}

#partner-block-h {
    position: relative;
    width: 100%;
    z-index: 1
}

.h-1 {
    width: 100%;
    clear: both;
    overflow: hidden;
    position: relative;
    height: 380px
}

.col-md-6.f-p {
    background-color: #eaeaea;
    padding: 50px;
    height: 100%
}

.col-md-6.b-p {
    background-color: #2a343e;
    padding: 50px;
    height: 100%
}

#obsidian-block {
    background-color: #2a343e;
    padding: 30px 40px 40px 40px;
    max-width: 100%
}

#slate-block {
    background-color: #5c6670;
    padding: 30px 40px 40px 40px;
    max-width: 100%
}

#haze-block {
    background-color: #eaeaea;
    padding: 30px 40px 40px 40px;
    max-width: 100%
}

@media screen and (max-width:767px) {
    #haze-block {
        padding: 30px 10px 30px 10px
    }
}

#pinContainer {
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    color: #fff
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.heading-1 {
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    font-weight: 300;
    font-size: 46px
}

.heading-2 {
    font-size: 39px;
    font-weight: 300;
    padding: 10px 0
}

.heading-3 {
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    font-weight: 300;
    font-size: 36px;
    text-align: left
}

@media screen and (max-width:760px) {
    .heading-3 {
        font-size: 26px
    }
}

@media screen and (max-width:767px) {
    .slide .heading-3 {
        font-size: 30px
    }
    .slide {
        background-position: 63% 0
    }
    .haze-heading-1-slab-left {
        padding-top: 15px
    }
}

.heading-4 {
    font-family: 'Karbon Slab Stencil', 'Lato', sans-serif;
    font-size: 28px;
    margin-top: 0
}

.heading-5 {
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: 26px
}

.heading-6 {
    font-family: 'Karbon Slab Stencil';
    font-size: 24px;
    line-height: 24px
}

.partner-copy {
    margin-top: 25px
}

.panel.panel-default {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #eaeaea;
    padding: 0;
    min-height: 340px;
    height: 100%;
    overflow: hidden;
    margin-bottom: 25px
}

.panel.partner-panel-default {
    height: 700px;
    padding: 20px
}

@media(min-width:1201px) and (max-width:1400px) {
    .panel.partner-panel-default {
        height: 670px
    }
}

@media(min-width:981px) and (max-width:1200px) {
    .panel.partner-panel-default {
        height: auto
    }
}

@media screen and (max-width:980px) {
    .panel.partner-panel-default {
        height: auto
    }
}

.partner-block {
    margin-bottom: 45px
}

.partner-icon.center {
    width: 90%;
    margin: 65px auto;
    text-align: center
}

@media(min-width:980px) {
    .partner-icon.center {
        width: 45%;
        margin: 65px auto
    }
}

.block-logo {
    width: 25%;
    height: 100%;
    float: left
}

.tagBGGrey .postTag {
    background-color: #2a343e;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding: 9px 15px;
    text-align: left;
    border-radius: 0;
    width: 100%;
    font-family: 'Lato';
    color: #fff
}

.tagBGGrey .triangle {
    border-color: #2a343e transparent transparent;
    border-style: solid;
    border-width: 7px 21px 22px 0;
    height: 0;
    width: 0
}

.partnerLogo {
    float: right;
    margin-top: -35px;
    height: 50px;
    margin-bottom: 15px
}

.panel.panel-default.integration {
    height: 320px;
    border: 1px solid #d1d3d3;
    border-bottom: 3px solid #6bccb3
}

.panel.panel-default.preferred {
    border: 1px solid #d1d3d3;
    height: 320px;
    border-bottom: 3px solid #e56a54
}

.panel.panel-default.strategic {
    border: 1px solid #d1d3d3;
    height: 100%;
    border-bottom: 3px solid #7e4082
}

@media screen and (max-width:767px) {
    .panel.panel-default.integration {
        height: 100%;
        min-height: 220px
    }
}

.integrateLogo {
    margin: 0 auto;
    padding: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    overflow: auto;
    width: 100%;
    text-align: left;
    line-height: 22px
}

.integratePartner {}

.stronge {
    padding: 10px 0;
    max-width: 90%;
    max-height: 70px
}

.basicPartner {
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    font-size: 18px
}

.textSmall {
    font-size: 15px;
    line-height: 18px
}

.partnerTag {
    background-color: #eaeaea;
    color: #a4a9ad;
    font-weight: 700;
    text-align: right;
    padding: 5px 15px 5px 5px;
    margin-bottom: 10px;
    width: 100%;
    font-size: 13px
}

.resetFilter {
    font-size: 15px;
    padding-top: 8px
}

.selectCategory {
    width: 21%;
    float: left;
    padding: 5px 15px 0 0
}

#demo-form-side {
    background-color: #eaeaea;
    padding: 45px
}

.formDemoSide {
    margin: -90px 20px 0 0;
    background: #fff;
    padding: 25px;
    border: 1px solid #d1d3d3;
    border-top: 10px solid #6bccb3
}

.fullImage {
    margin: auto!important;
    width: 100%;
    padding-bottom: 20px
}

@media(max-width:767px) {
    #demo-form-side {
        padding: 45px 0
    }
    .formDemoSide {
        margin: -70px 0 0 0;
        padding: 10px
    }
}

.article-single h3 {
    padding-top: 7px
}

.article-single h4 {
    padding-top: 25px
}

.article-single h5 {
    margin-top: -8px
}

.article-single h6 {
    margin-top: -8px;
    padding-bottom: 22px
}

.article-single ul {
    list-style: none outside none;
    padding-bottom: 13px;
    padding-top: 10px
}

.article-single ul>li {
    font-weight: 600
}

.article-single ul>li:before {
    content: '•';
    font-size: 16px;
    margin: 0 9px 0 2px
}

.article-single ul ul {
    padding-left: 17px
}

.article-single ul ul>li {
    font-style: italic;
    font-weight: normal;
    color: #505b63
}

.article-single ul ul>li:before {
    content: '-';
    margin-right: 4px
}

ul.sidebarList {
    font-size: 1.1em
}

ul.sidebarList li {
    margin-bottom: 10px
}

ul.sidebarList>li::before {
    content: "-";
    margin: 0 9px 0 2px
}

ul.sidebarList {
    list-style: outside none none;
    padding: 25px;
    background-color: #eeefef
}

ul.sidebarList ul {
    padding-left: 17px
}

ul.sidebarList ul>li::before {
    content: "-";
    margin-right: 4px
}

.article-author {
    background: #ececec;
    padding: 33px 30px 7px;
    overflow: hidden;
    margin-top: 33px;
    margin-bottom: 20px
}

.article-author-image {
    float: left;
    margin-right: 30px;
    max-width: 100px
}

.article-author-content {
    overflow: hidden;
    color: #818e99;
    padding-top: 2px;
    letter-spacing: 0
}

.article-author-content h4 {
    padding: 0 0 14px
}

.article-author-content h6 {
    padding: 0 0 14px
}

.initialAuthorInfo {
    font-style: italic
}

.initialAuthorInfo img {
    vertical-align: bottom;
    margin-right: 12px
}

.article-single .article-foot {
    overflow: hidden;
    padding: 26px 0 10px;
    border-top: 1px solid #eaeaea;
    margin-top: 60px
}

.article-single .article-socials {
    float: left
}

.article-single .article-actions {
    float: right
}

.article-socials.preArticle {
    margin-bottom: 10px
}

.article-socials span,
.article-socials h6 {
    display: inline-block;
    vertical-align: middle
}

.article-socials h6 {
    text-transform: uppercase;
    color: #48a7dd;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    font-size: 14px;
    padding-right: 30px
}

.article-socials span {
    line-height: 1;
    width: auto;
    height: auto
}

.article-socials span~span {
    margin-left: 25px
}

.article-socials span .stLarge {
    background-image: url(../images/sprite.png)!important;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.article-socials .st_twitter_large .stLarge:hover,
.article-socials .st_twitter_large .stLarge {
    width: 22px;
    height: 18px;
    background-position: -21px -168px
}

.article-socials .st_facebook_large .stLarge:hover,
.article-socials .st_facebook_large .stLarge {
    width: 19px;
    height: 19px;
    background-position: -274px -131px
}

.article-socials .st_googleplus_large .stLarge:hover,
.article-socials .st_googleplus_large .stLarge {
    width: 19px;
    height: 18px;
    background-position: -303px -131px
}

.article-socials .st_linkedin_large .stLarge:hover,
.article-socials .st_linkedin_large .stLarge {
    width: 17px;
    height: 17px;
    background-position: -53px -168px
}

.article-socials .st_email_large .stLarge:hover,
.article-socials .st_email_large .stLarge {
    width: 20px;
    height: 14px;
    background-position: -196px -168px
}

@media(max-width:991px) {
    .article-single {
        padding-bottom: 20px
    }
}

@media(max-width:767px) {
    .article-author {
        text-align: center;
        padding: 33px 15px 0;
        margin: 0 -15px
    }
    .article-author .article-author-image {
        float: none;
        display: inline-block;
        margin: 0 0 20px
    }
    .article-author .article-author-content {
        text-align: left
    }
    .article-author .article-author-content h4,
    .article-author .article-author-content h6 {
        text-align: center
    }
    .article-author .article-author-content h4 {
        font-size: 24px
    }
    .article-author .article-author-content h6 {
        padding-bottom: 20px
    }
    .article-single .article-foot {
        margin: 30px -15px 0;
        padding: 25px 15px 10px
    }
    .article-single .article-actions,
    .article-single .article-socials {
        float: none
    }
    .article-single .article-socials {
        padding-bottom: 30px
    }
    .article-socials h6 {
        padding-right: 10px
    }
    .article-socials span~span {
        margin-left: 5px
    }
}

.panel-default {
    border-color: #ddd;
    padding: 0
}

.panel {
    margin-bottom: 28px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    background-image: none
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

h5.panel-title {
    font-size: 20px
}

.panel-body {
    padding: 15px
}

.article {
    min-height: 310px;
    position: relative;
    border: 1px solid #dadada;
    background: #eaeaea;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 35px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .16)
}

.article .article-image img {
    width: 100%;
    height: auto
}

a .article .article-image {
    display: block;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

a:hover .article .article-image {
    text-decoration: none;
    opacity: .8
}

.article .article-content {
    padding: 16px 24px 30px 27px
}

.article .article-meta {
    text-transform: uppercase;
    color: #419dda;
    font-size: 14px;
    font-weight: 600
}

.article .article-content h3 {
    padding-top: 5px;
    font-family: 'Museo Slab', serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    color: #818e99
}

.article .article-content h3 a {
    -webkit-transition: color .3s;
    transition: color .3s
}

.article .article-content h3 a:hover {
    text-decoration: none;
    color: #62c1f6
}

.article .article-actions {
    position: absolute;
    bottom: 11px;
    left: 27px
}

.article .article-actions .link-more {
    font-weight: bold;
    color: #48a7dd
}

.article .article-actions .link-more:hover {
    color: #62c1f6
}

.article .article-actions .link-more i {
    margin-top: -2px
}

.articles .clear {
    width: 100%;
    float: left
}

@media(max-width:1370px) {
    .article .article-content {
        padding: 16px 10px 30px 20px
    }
    .article .article-actions {
        left: 20px
    }
}

@media(max-width:1300px) {
    .article {
        min-height: 324px
    }
    .article .article-content h3 {
        font-size: 18px;
        line-height: 1.2
    }
    .article .article-actions {
        bottom: 18px
    }
}

@media(max-width:1199px) {
    .article .article-content h3 {
        font-size: 22px;
        line-height: 1.17
    }
}

@media(max-width:991px) {
    .article {
        min-height: 350px
    }
    .article .article-content h3 {
        font-size: 22px;
        line-height: 1.3;
        margin-bottom: 10px
    }
    .article .article-actions {
        bottom: 17px
    }
}

@media(max-width:767px) {
    .article {
        min-height: 300px;
        margin-bottom: 15px
    }
    .article .article-content h3 {
        font-size: 18px;
        line-height: 1.13
    }
    .article .article-actions {
        bottom: 17px
    }
}

.articles-secondary .article {
    min-height: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 25px;
    height: 273px;
    overflow: hidden
}

.articles-secondary .article .article-image {
    float: left
}

.articles-secondary .article .article-title {
    font-size: 26px;
    line-height: 1.08;
    font-weight: 300;
    margin-left: -4px;
    padding-left: 4px;
    padding-bottom: 15px
}

.articles-secondary .article .article-content {
    overflow: hidden;
    text-align: left;
    padding: 5px 30px 0;
    line-height: 1.5;
    margin-bottom: 10px
}

.articles-secondary .article .article-content p {
    margin: 0
}

.articles-secondary .article .article-content .link-more {
    font-weight: 600;
    color: #48a7dd;
    display: block!important
}

.articles-secondary .article .article-content .link-more i {
    margin: -2px 0 0 4px
}

.articles-secondary .article .ellipsisContainer {
    height: 233px;
    overflow: hidden
}

@media(max-width:1199px) {
    .articles-secondary .article .article-content {
        padding: 5px 20px 0
    }
}

@media(max-width:991px) {
    .articles-secondary .article .article-title {
        margin-bottom: 10px
    }
}

@media(max-width:767px) {
    .articles-secondary .article .article-content {
        padding: 0 25px
    }
}

@media(max-width:479px) {
    .articles-secondary .article {
        padding-bottom: 20px
    }
    .articles-secondary .article .article-image {
        display: none
    }
    .articles-secondary .article .article-content {
        padding: 10px 25px 18px
    }
    .articles-secondary .article .article-title {
        margin-bottom: 0;
        padding-bottom: 10px
    }
}

.articles-tertiary .article {
    background: none;
    box-shadow: none;
    border-radius: 0;
    font-size: 0;
    line-height: 0;
    margin: 0
}

.articles-tertiary .article~.article {
    margin-top: 30px
}

.articles-tertiary .article-image {
    height: 370px
}

.articles-tertiary .article-content {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 710px;
    width: 100%;
    padding: 25px 20px 30px 20px;
    margin-top: 22px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.articles-tertiary .article-content p {
    margin: 0
}

.articles-tertiary .article-title {
    color: #fff;
    font-style: italic;
    font-size: 36px;
    line-height: 1.06;
    padding-bottom: 28px
}

.articles-tertiary .article-title a:hover,
.articles-tertiary .article-title a {
    color: inherit
}

.articles-tertiary .article-label {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 20px 4px 4px;
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
    text-transform: uppercase
}

.articles-tertiary .article-label:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    z-index: 1;
    width: 40px;
    margin-right: -20px;
    background: inherit;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg)
}

.articles-tertiary .article-label-success {
    background: #00c18b
}

.articles-tertiary .article-label-info {
    background: #af4fc5
}

.articles-tertiary .article-label-danger {
    background: #ca3724
}

.articles-tertiary .article-label i {
    margin: -2px 7px 0 0;
    position: relative;
    z-index: 2
}

.articles-tertiary .link-more {
    color: #fff
}

.articles-tertiary .link-more:hover {
    text-decoration: underline
}

.articles-tertiary .link-more i {
    margin: -2px 0 0 8px
}

@media(max-width:991px) {
    .articles-tertiary .article~.article {
        margin-top: 10px
    }
    .articles-tertiary .article-image {
        height: 335px
    }
    .articles-tertiary .article-content {
        max-width: 570px;
        margin-top: 16px
    }
    .articles-tertiary .article-title {
        padding-bottom: 18px
    }
}

@media(max-width:767px) {
    .articles-tertiary:first-child .article-image {
        background-position: 75% center
    }
    .articles-tertiary .article-title {
        font-size: 32px;
        line-height: 1.19
    }
    .articles-tertiary .article-content {
        padding: 0 10px
    }
}

@media(max-width:479px) {
    .articles-tertiary .article-content {
        padding: 0 10px
    }
    .articles-tertiary .article-content p {
        display: none
    }
}

.feature-nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.feature-nav-tabs>li.active>a:focus {
    border: 0;
    color: #7e4082;
    background-color: #f4f4f4;
    border-bottom: 4px solid #e56a54;
    margin-bottom: -2px;
    height: inherit;
    padding: 14px 20px
}

.feature-nav-tabs .nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #f4f4f4
}

.feature-tabs {
    background: #6b3771
}

.feature-nav-tabs {
    border-bottom: 3px solid #e3e3e3;
    margin-bottom: 40px
}

.feature-nav-tabs>li.active>a {
    border: 0;
    color: #7e4082;
    background-color: #f4f4f4;
    border-bottom: 4px solid #e56a54;
    margin-bottom: -2px;
    height: inherit;
    padding: 14px 20px
}

.feature-nav-tabs>li>a {
    border-radius: 0;
    border: 0;
    color: #a4a9ad;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    padding: 14px 20px
}

.feature-nav-tabs>li {
    font-size: 16px
}

.tabs .feature-nav-tabs {
    border-bottom: none
}

.tabs .feature-nav-tabs li {
    margin-bottom: 0
}

.feature-tab-content {
    overflow: hidden;
    background: #ececec;
    padding: 55px 25px
}

@media(max-width:980px) {
    .feature-nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        display: -webkit-box;
        display: -moz-box
    }
    .feature-nav-tabs>li.active>a,
    .feature-nav-tabs>li.active>a:focus,
    .feature-nav-tabs>li.active>a:hover {
        border-bottom: 3px solid #e56a54;
        background-color: #7b4282;
        color: #fff;
        padding: 8px 20px
    }
    .feature-nav-tabs>li>a {
        border-radius: 0;
        border: 0;
        padding: 8px 20px;
        color: #7b4282
    }
    .feature-nav-tabs>li {
        font-size: 16px;
        font-weight: 500;
        float: none
    }
    .feature-nav-tabs>li>a:hover {
        border: none;
        background-color: #d1d3d3;
        color: #7b4282;
        padding: 8px 20px
    }
    .feature-tab-content {
        overflow: hidden;
        background: #ececec;
        padding: 55px 25px
    }
    .active.triangle-isosceles::after {
        display: none
    }
}

@media screen and (min-device-width:1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1) {
    .feature-tab-content {
        height: 480px;
        padding-bottom: 25px
    }
}

ul.solution_tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 52px;
    width: 100%;
    background-color: #6b3771
}

ul.solution_tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0 25px;
    height: 51px;
    line-height: 51px;
    border-top: 1px solid #6b3771;
    border-left: 1px solid #6b3771;
    border-bottom: 1px solid #6b3771;
    background-color: #6b3771;
    color: #ccc;
    position: relative;
    font-size: 18px;
    font-family: 'Lato';
    font-weight: 500
}

.tab_last {
    border-right: 1px solid #6b3771
}

ul.solution_tabs li:hover {
    background-color: #4e1d54;
    color: #fff
}

ul.solution_tabs li.active {
    background-color: #7b4282;
    color: #fff;
    border-bottom: 1px solid #7b4282;
    display: block
}

.solution_tab_container {
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #f8f8f8;
    overflow: auto;
    min-height: 550px;
    padding: 45px 0
}

.tab_solution_content {
    padding: 20px;
    display: none
}

.tab_drawer_heading {
    display: none
}

@media screen and (max-width:980px) {
    .solution_tabs {
        display: none
    }
    .tab_drawer_heading {
        background-color: #6b3771;
        color: #fff;
        border-top: 1px solid #734082;
        margin: 0;
        padding: 18px 20px;
        font-size: 18px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .solution_tab_container {
        padding: 0
    }
    .tab_solution_content {
        padding: 0
    }
    .d_active {
        background-color: #7e4082;
        color: #fff
    }
    .tab_drawer_heading:after {
        content: "+";
        padding-right: 25px;
        float: right
    }
    .d_active.tab_drawer_heading:after {
        content: "—";
        padding-right: 25px;
        float: right
    }
}

.solution-resource-box {
    clear: both;
    padding: 0 15px
}

.solution-resource-box-icon {
    background: transparent;
    width: 50px;
    height: 50px;
    display: inline-block;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    position: relative;
    text-align: center
}

.solution-resource-box-icon i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #5c6670;
    font-size: 54px
}

.solution-resource-box i {
    -ms-box-shadow: none;
    box-shadow: none;
    font-size: 50px;
    margin-right: 25px
}

.solution-resource-box-info {
    padding-left: 65px
}

.solution-resource-box-info h4 {
    font-weight: 700;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 5px
}

.cd-header {
    position: relative;
    height: 150px;
    background-color: #331d35
}

.cd-header h1 {
    color: #fff;
    line-height: 150px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 300
}

@media only screen and (min-width:1170px) {
    .cd-header {
        height: 180px
    }
    .cd-header h1 {
        line-height: 180px
    }
}

.cd-main-content {
    position: relative;
    min-height: 100vh;
    background-color: #e4e4e4
}

.cd-main-content:after {
    content: "";
    display: table;
    clear: both
}

.cd-main-content.is-fixed .cd-tab-filter-wrapper {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%
}

@media(min-width:767px) {
    .cd-main-content.is-fixed .cd-tab-filter-wrapper {
        top: 0;
        left: 0;
        width: 100%;
        margin-top: 50px;
        padding: 30px 20px 12px 130px;
        background: #fff
    }
}

.cd-main-content.is-fixed .cd-gallery {
    padding-top: 76px
}

.cd-main-content.is-fixed .cd-filter {
    position: fixed;
    height: 100vh;
    overflow: hidden
}

.cd-main-content.is-fixed .cd-filter form {
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.cd-main-content.is-fixed .cd-filter-trigger {
    position: fixed
}

@media only screen and (min-width:768px) {
    .cd-main-content.is-fixed .cd-gallery {
        padding-top: 90px
    }
}

@media only screen and (min-width:1170px) {
    .cd-main-content.is-fixed .cd-gallery {
        padding-top: 100px
    }
}

.cd-tab-filter-wrapper {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    z-index: 1;
    padding: 20px 0 10px 30px
}

.cd-tab-filter-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.cd-tab-filter {
    position: relative;
    height: 50px;
    width: 140px;
    margin: 0 auto;
    z-index: 1
}

.cd-tab-filter::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/cd-icon-arrow.svg") no-repeat center center;
    -webkit-transition: all .3s;
    transition: all .3s;
    pointer-events: none
}

.cd-tab-filter ul {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: inset 0 -2px 0 #41307c
}

.cd-tab-filter li {
    display: none
}

.cd-tab-filter li:first-child {
    display: block
}

.cd-tab-filter a {
    display: block;
    height: 50px;
    width: 140px;
    line-height: 50px;
    padding-left: 14px
}

.cd-tab-filter a.selected {
    background: #41307c;
    color: #fff
}

.cd-tab-filter.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.cd-tab-filter.is-open ul {
    box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, .2)
}

.cd-tab-filter.is-open ul li {
    display: block
}

.cd-tab-filter.is-open .placeholder a {
    opacity: .4
}

@media only screen and (min-width:768px) {
    .cd-tab-filter {
        width: auto;
        cursor: auto
    }
    .cd-tab-filter::after {
        display: none
    }
    .cd-tab-filter ul {
        background: transparent;
        position: static;
        box-shadow: none;
        text-align: center
    }
    .cd-tab-filter li {
        display: inline-block
    }
    .cd-tab-filter li.placeholder {
        display: none!important
    }
    .cd-tab-filter a {
        display: inline-block;
        padding: 0 1em;
        width: auto;
        color: #9a9a9a;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1.3rem
    }
    .no-touch .cd-tab-filter a:hover {
        color: #41307c
    }
    .cd-tab-filter a.selected {
        background: transparent;
        color: #41307c;
        box-shadow: inset 0 -2px 0 #41307c
    }
    .cd-tab-filter.is-open ul li {
        display: inline-block
    }
}

@media only screen and (min-width:1170px) {
    .cd-tab-filter {
        width: 100%;
        float: right;
        margin: 0;
        -webkit-transition: width .3s;
        transition: width .3s
    }
    .cd-tab-filter.filter-is-visible {
        width: 80%
    }
}

@media only screen and (max-width:1200px) {
    .cd-tab-filter-wrapper {
        padding: 20px 30px 20px 30px
    }
}

.cd-gallery {
    padding: 26px 5%;
    width: 100%
}

.cd-gallery ul {
    padding: 0
}

.cd-gallery li {
    display: none;
    vertical-align: top;
    margin-right: 10px;
}

.cd-gallery li.gap {
    opacity: 0;
    height: 0;
    display: inline-block
}

.cd-gallery .cd-fail-message {
    display: none;
    text-align: center
}

@media only screen and (min-width:768px) {
    .cd-gallery {
        padding: 40px 3%
    }
    .cd-gallery ul {
        text-align: justify;
        padding: 0
    }
    .cd-gallery ul:after {
        content: "";
        display: table;
        clear: both
    }
    .cd-gallery li {
        width: 48%;
        margin-bottom: .5em
    }
}

@media only screen and (min-width:1170px) {
    .cd-gallery {
        padding: 30px 2% 50px;
        float: right;
        -webkit-transition: width .3s;
        transition: width .3s
    }
    .cd-gallery li {
        width: 23%
    }
    .cd-gallery.filter-is-visible {
        width: 80%
    }
}

@media only screen and (max-width:768px) {
    .cd-gallery li {
        width: 100%
    }
}

.cd-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background: #fff;
    box-shadow: 4px 4px 20px transparent;
    z-index: 2;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s, box-shadow .3s;
    -webkit-transition: box-shadow .3s, -webkit-transform .3s;
    transition: box-shadow .3s, -webkit-transform .3s;
    transition: transform .3s, box-shadow .3s;
    transition: transform .3s, box-shadow .3s, -webkit-transform .3s
}

.cd-filter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: #7e4082;
    z-index: 2
}

.cd-filter form {
    padding: 70px 20px
}

.cd-filter .cd-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    background: #402b56;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 3
}

.no-touch .cd-filter .cd-close:hover {
    background: #32255f
}

.cd-filter.filter-is-visible {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, .2)
}

.cd-filter.filter-is-visible .cd-close {
    opacity: 1
}

@media only screen and (min-width:1170px) {
    .cd-filter {
        width: 20%
    }
    .cd-filter form {
        padding: 70px 10%
    }
}

.cd-filter-trigger {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    background: transparent url("../images/cd-icon-filter.svg") no-repeat center center;
    z-index: 3
}

.cd-filter-trigger.filter-is-visible {
    pointer-events: none
}

@media only screen and (min-width:1170px) {
    .cd-filter-trigger {
        width: auto;
        left: 2%;
        text-indent: 0;
        color: #9a9a9a;
        text-transform: uppercase;
        font-size: 1.3rem;
        font-weight: 700;
        padding-left: 24px;
        background-position: left center;
        -webkit-transition: color .3s;
        transition: color .3s
    }
    .no-touch .cd-filter-trigger:hover {
        color: #41307c
    }
    .cd-filter-trigger.filter-is-visible,
    .cd-filter-trigger.filter-is-visible:hover {
        color: #fff
    }
}

.cd-filter-block {}

.cd-filter-block h4 {
    position: relative;
    margin-bottom: .2em;
    padding: 10px 0 10px 20px;
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.no-touch .cd-filter-block h4:hover {
    color: #41307c
}

.cd-filter-block h4::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    background: url("../images/cd-icon-arrow.svg") no-repeat center center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.cd-filter-block h4.closed::before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

.cd-filter-block input,
.cd-filter-block select,
.cd-filter-block .radio-label::before,
.cd-filter-block .checkbox-label::before {
    font-family: "Lato", sans-serif;
    border-radius: 0;
    background-color: #fff;
    border: 2px solid #e6e6e6
}

.cd-filter-block input[type='search'],
.cd-filter-block input[type='text'],
.cd-filter-block select {
    width: 100%;
    padding: .8em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none
}

.cd-filter-block input[type='search']:focus,
.cd-filter-block input[type='text']:focus,
.cd-filter-block select:focus {
    outline: none;
    background-color: #fff;
    border-color: #41307c
}

.cd-filter-block input[type='search'] {
    border-color: transparent;
    background-color: #e6e6e6;
    font-size: 1.6rem!important
}

.cd-filter-block input[type='search']::-webkit-search-cancel-button {
    display: none
}

.cd-filter-block .cd-select {
    position: relative
}

.cd-filter-block select {
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    white-space: nowrap;
    overflow: hidden!important;
    text-overflow: ellipsis;
    padding-right: 30px!important
}

.cd-filter-block select::-ms-expand {
    display: none
}

.cd-filter-block .list li {
    position: relative;
    margin-bottom: .8em;
    list-style: none;
    display: inline-block
}

.cd-filter-block .list li:last-of-type {
    margin-bottom: 0;
    padding-right: 0
}

.cd-filter-block input[type=radio],
.cd-filter-block input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2
}

.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label {
    padding-left: 22px;
    font-size: 14px;
    line-height: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cd-filter-block .checkbox-label::before,
.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before {
    width: 16px;
    height: 16px;
    left: 0
}

.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after {
    display: none
}

.cd-filter-block .checkbox-label::after {
    width: 16px;
    height: 16px;
    background: url("../images/cd-icon-check.svg") no-repeat center center
}

.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
    border-radius: 50%
}

.cd-filter-block .radio-label::after {
    width: 6px;
    height: 6px;
    background-color: #fff;
    left: 5px
}

.cd-filter-block input[type=radio]:checked+label::before,
.cd-filter-block input[type=checkbox]:checked+label::before {
    border-color: #41307c;
    background-color: #41307c
}

.cd-filter-block input[type=radio]:checked+label::after,
.cd-filter-block input[type=checkbox]:checked+label::after {
    display: block
}

@media only screen and (max-width:1200px) {
    .cd-filter-block {
        margin-top: 0;
        margin-bottom: .8em
    }
    .resetFilter {
        font-size: 13px
    }
}

@media only screen and (max-width:767px) {
    .cd-tab-filter-wrapper {
        padding: 12px 14px 14px 14px
    }
    .partner-hero {
        margin-top: 50px;
        padding: 0 0 12px
    }
    .cd-filter-block .list li {
        margin-bottom: .1em
    }
    ul.cd-filter-content.cd-filters.list {
        padding-top: 0!important
    }
    .cd-filter-block select {
        padding: 4px 8px!important
    }
    .hero_wrap_box h1.heading-1.white {
        font-size: 36px;
        margin-bottom: 15px
    }
}

@media only screen and (max-height:540px) {
    .partner-hero {
        padding: 5%
    }
}

@media(max-width:767px) and (max-height:540px) {
    section.hero.hero--home {
        margin-top: 50px
    }
    .hero {
        padding-top: 1%
    }
}

ul.solution_tabs li.active:after {
    content: '';
    position: absolute;
    border-width: 14px 14px 0 14px;
    border-style: solid;
    bottom: -14px;
    z-index: 2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #7b4282 transparent #7b4282 transparent
}

#tabs-1 {
    border: 1px solid #ddd;
    border-top: none;
    padding: 15px
}

#recent-posts li {
    height: 170px;
    display: inherit;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 15px
}

.popular-desc {
    float: right;
    width: 65%
}

.popular-img {
    float: left;
    padding: 0 15px 10px 0;
    width: 35%;
    max-height: 160px
}

.popular-desc h5 {
    margin-top: 0;
    font-size: 18px
}

.popular-desc a {
    font-weight: 500;
    padding: 0!important
}

.column_1 ol {
    list-style: none;
    padding-left: 0
}

.metadata-bar {
    padding: 5px 0 15px 0;
    color: #6bccb3
}

.ellipsisRP {
    max-height: 160px;
    overflow: hidden;
    margin: 15px 0 25px 0
}

.ellipsisPost {
    max-height: 230px;
    overflow: hidden;
    display: block
}

.ellipsisPost h5 {
    line-height: 25px;
    font-weight: 700;
    font-family: 'Karbon Slab Stencil';
    font-size: 24px
}

.details {
    border-bottom: 1px solid #a4a9ad;
    padding: 5px 0 45px 0
}

.newsletter-bar {
    overflow: hidden
}

div#p_lt_ctl01_pageplaceholder1_p_lt_ctl03_WidgetZone2_WidgetZone2_zone_RowLayout_Bootstrap_RowLayout_Bootstrap_1_ColumnLayout_Bootstrap1_ColumnLayout_Bootstrap1_1_CurataArticle_CurataContainer {
    width: 100%;
    overflow: hidden
}

ol#p_lt_ctl01_pageplaceholder1_p_lt_ctl03_WebPartZone2_WebPartZone2_zone_CurataCategory_CurataArticles {
    margin-top: 150px
}

ol#p_lt_ctl01_pageplaceholder1_p_lt_ctl03_WidgetZone2_WidgetZone2_zone_RowLayout_Bootstrap_RowLayout_Bootstrap_1_ColumnLayout_Bootstrap1_ColumnLayout_Bootstrap1_2_CurataSidebarCategories_CurataContainer {
    padding-left: 1px;
    margin-top: -35px
}

.popular-post li {
    height: 300px
}

ol {
    color: #5b6770;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.COURSE>.event-type-container>.event-type-header>.event-icon:before {
    content: ""
}

.seminar>.event-type-container>.event-type-header>.event-icon:before {
    content: ""
}

.webinar>.event-type-container>.event-type-header>.event-icon:before {
    content: ''
}

.FT_RH>.event-type-container {
    border-top: 5px solid #2b4c59
}

.FT_AT>.event-type-container {
    border-top: 4px solid #6bccb3
}

.insightera-bar-widget {
    z-index: 2!important
}