h2 {
    letter-spacing: 1px;
    line-height: 1.3;
    color: #000;
}

h3 {
    letter-spacing: 1px;
    line-height: 1.3;
    color: #000;
}
h4 {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.3;
    color: #000;
}
h1 {
    letter-spacing: 1px;
    line-height: 1.3;
    color: #000;
}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
    h1,
    .h1 {
        font-size: 2.5rem;
    }
}

h2,
.h2 {
    font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
    h2,
    .h2 {
        font-size: 2rem;
    }
}

h3,
.h3 {
    font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
    h3,
    .h3 {
        font-size: 1.75rem;
    }
}

h4,
.h4 {
    font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
    h4,
    .h4 {
        font-size: 1.5rem;
    }
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

body {
    color: #222;
}

section p {
    font-size: 16px;
    line-height: 23px;
    color: #222;
}

.color-white {
    color: #fff;
}

.blog-nav .inner {
    border-bottom: 3px solid #ccd4da;
    padding: 18px 0;
}

.blog-nav__search {
    margin-left: 25px;
}

.blog-nav_catlist > span {
    line-height: 40px;
    display: inline-block;
    color: #0077c8;
    font-size: 16px;
    font-weight: 300;
}

.blog-nav_catlist:hover .cat-list {
    top: 125%;
    opacity: 1;
    visibility: visible;
    transition: all 0.25s ease;
}

.cat-list {
    -webkit-border-radius: 13px 13px 0 0;
    -moz-border-radius: 13px 13px 0 0;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15), 0 0 1px 0 rgba(0, 0, 0, 0.15);
    padding: 30px 24px 25px;
    width: 470px;
    position: absolute;
    top: 135%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.45s ease;
    z-index: 10;
    right: 0px;
}
.cat-list:before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 16px 15px;
    border-color: rgba(0, 0, 0, 0.15) transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -15px;
    left: 169px;
}
.cat-list:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 2;
    top: -15px;
    left: 170px;
}

.blog-nav__search input {
    height: 40px;
    padding: 0 12px 0 30px;
    position: relative;
    width: 200px;
    border: 1px solid #b4bec5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #ffffff url(/static/assets/img/search.png) no-repeat 10px center;
    color: #888;
    font-size: 14px;
    font-weight: 300;
    background-size: 12px;
}

.main-inner p {
    font-size: 16px;
    line-height: 23px;
    color: #335269;
}

.main-inner .row {
    clear: both;
}

.main-inner .row .col-sm-4 {
    margin-bottom: 30px;
}

.more,
.heading a {
    color: #148dcd;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    margin: -4px 0 11px;
}

.heading a {
    margin: 0 0 0 10px !important;
    position: relative;
    top: -3px;
}

.more i,
.heading a i {
    margin-left: 8px;
    position: relative;
    transition: 0.4s;
    right: 0px;
    font-size: 12px;
    top: -1px;
}

.heading a:hover i {
    position: relative;
    transition: 0.4s;
    right: -5px;
}

.heading {
    font-size: 38px;
    color: #002744;
    font-weight: 300;
    line-height: 100%;
    margin: -4px 0 20px;
    clear: both;
    float: left;
}

.heading + a {
    width: 20px;
    height: 20px;
    display: table;
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU1OS4zNzIgNTU5LjM3MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTU5LjM3MiA1NTkuMzcyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTUzLjI0NCwwLjAwMmM0Ni41MTIsMCw5MS4yOSw2LjAxOCwxMzQuMzM0LDE4LjA1NHM4My4zMzQsMjkuMDcsMTIwLjg2OSw1MS4xMDIgICAgYzM3LjUzNywyMi4wMzIsNzEuNzA3LDQ4LjQ1LDEwMi41MTQsNzkuMjU0YzMwLjgwMywzMC44MDQsNTcuMjIxLDY0Ljk3NCw3OS4yNTQsMTAyLjUxICAgIGMyMi4wMjksMzcuNTM5LDM5LjA2Myw3Ny44MjgsNTEuMTAyLDEyMC44NzNjMTIuMDM3LDQzLjA0MywxOC4wNTUsODcuODE4LDE4LjA1NSwxMzQuMzM0YzAsMTQuNjg4LTUuMjAxLDI3LjIzLTE1LjYwNSwzNy42MzcgICAgYy0xMC40MDQsMTAuNDA3LTIyLjk0OSwxNS42MDQtMzcuNjM3LDE1LjYwNGMtMTQuNjg5LDAtMjcuMjM0LTUuMTk5LTM3LjY0MS0xNS42MDRjLTEwLjQwMi0xMC40MDQtMTUuNjA0LTIyLjk0OS0xNS42MDQtMzcuNjM3ICAgIGMwLTM2LjcyMy00Ljc5NS03Mi4xMTUtMTQuMzgzLTEwNi4xODZjLTkuNTg4LTM0LjA2NC0yMy4wNTUtNjUuODkxLTQwLjM5NS05NS40NzFjLTE3LjM0LTI5LjU4MS0zOC4xNDUtNTYuNTA5LTYyLjQyNC04MC43ODUgICAgYy0yNC4yNzctMjQuMjc2LTUxLjIwMy00NS4wODQtODAuNzg0LTYyLjQyNGMtMjkuNTgtMTcuMzQtNjEuNDA0LTMwLjgwNC05NS40NzItNDAuMzkycy02OS40NjItMTQuMzgyLTEwNi4xODItMTQuMzgyICAgIGMtMTQuNjg4LDAtMjcuMjM0LTUuMjAyLTM3LjYzOC0xNS42MDZTMC4wMDEsNjcuOTMzLDAuMDAxLDUzLjI0NXM1LjIwMi0yNy4yMzQsMTUuNjA2LTM3LjYzOCAgICBDMjYuMDEsNS4yMDQsMzguNTU2LDAuMDAyLDUzLjI0NCwwLjAwMnogTTUzLjI0NCwyMDEuMzVjNDIuMDI0LDAsODEuNDk4LDguMDU4LDExOC40MjIsMjQuMTc0czY5LjE1NiwzNy45NDQsOTYuNjk2LDY1LjQ4NCAgICBjMjcuNTQxLDI3LjU0MSw0OS4zNjksNTkuNzcxLDY1LjQ4NCw5Ni42OTNjMTYuMTE3LDM2LjkyOCwyNC4xNzQsNzYuMzk4LDI0LjE3NCwxMTguNDI2YzAsMTQuNjg4LTUuMjAxLDI3LjIzLTE1LjYwNCwzNy42MzcgICAgYy0xMC40MDQsMTAuNDA0LTIyLjk0OSwxNS42MDQtMzcuNjQxLDE1LjYwNGMtMTQuNjg4LDAtMjcuMjMzLTUuMTk5LTM3LjYzNy0xNS42MDRjLTEwLjQwNC0xMC40MDQtMTUuNjA2LTIyLjk0OS0xNS42MDYtMzcuNjM3ICAgIGMwLTI3LjMzOC01LjIwMi01My4wNDEtMTUuNjA2LTc3LjExM2MtMTAuNDA0LTI0LjA3Mi0yNC41ODItNDUuMDg0LTQyLjUzNC02My4wMzVjLTE3Ljk1Mi0xNy45NTMtMzguOTY0LTMyLjEzMS02My4wMzYtNDIuNTM1ICAgIGMtMjQuMDcyLTEwLjQwMi00OS43NzYtMTUuNjA0LTc3LjExMi0xNS42MDRjLTE0LjY4OCwwLTI3LjIzNC01LjIwMS0zNy42MzgtMTUuNjA1QzUuMjAyLDI4MS44MywwLDI2OS4yODQsMCwyNTQuNTk2ICAgIHM1LjIwMi0yNy4yMzQsMTUuNjA2LTM3LjYzOEMyNi4wMSwyMDYuNTUyLDM4LjU1NiwyMDEuMzUsNTMuMjQ0LDIwMS4zNXogTTE1MS4xNjQsNDgxLjAzM2MwLDEwLjYwOS0xLjkzOCwyMC40LTUuODE0LDI5LjM3NyAgICBjLTMuODc2LDguOTc5LTkuMTgsMTYuODMtMTUuOTEyLDIzLjU2M2MtNi43MzIsNi43MjktMTQuNjg4LDEyLjAzNS0yMy44NjgsMTUuOTEyYy05LjE4LDMuODc1LTE4Ljg3LDUuODExLTI5LjA3LDUuODExICAgIGMtMTAuNjA4LDAtMjAuNC0xLjkzOC0yOS4zNzYtNS44MTFjLTguOTc2LTMuODc1LTE2LjgzLTkuMTg0LTIzLjU2Mi0xNS45MTJjLTYuNzMyLTYuNzMyLTEyLjAzNi0xNC41ODYtMTUuOTEyLTIzLjU2MyAgICBjLTMuODc2LTguOTc3LTUuODE0LTE4Ljc2OC01LjgxNC0yOS4zNzdjMC0xMC4xOTcsMS45MzgtMTkuODg5LDUuODE0LTI5LjA2NmMzLjg3Ni05LjE4NCw5LjE4LTE3LjEzOSwxNS45MTItMjMuODY5ICAgIGM2LjczMi02LjczMiwxNC41ODYtMTIuMDM1LDIzLjU2Mi0xNS45MTJjOC45NzYtMy44NzUsMTguNzY4LTUuODE0LDI5LjM3Ni01LjgxNGMxMC4yLDAsMTkuODksMS45MzksMjkuMDcsNS44MTQgICAgYzkuMTgsMy44NzcsMTcuMTM2LDkuMTgsMjMuODY4LDE1LjkxMmM2LjczMiw2LjczLDEyLjAzNiwxNC42ODgsMTUuOTEyLDIzLjg2OUMxNDkuMjI2LDQ2MS4xNDUsMTUxLjE2NCw0NzAuODM0LDE1MS4xNjQsNDgxLjAzM3ogICAgIiBmaWxsPSIjZmY4YzAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
        no-repeat center;
    background-size: 20px;
    position: relative;
    top: 8px;
    left: 8px;
}

.img-full {
    width: 100%;
}

.article {
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #ffffff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: 0.4s;
    overflow: hidden;
    margin-bottom: 0px;
    max-height: 423px;
}

.article .blog-thumb {
    min-height: 150px;
    max-height: 150px;
    background: #f5f5f5 url(../img/post-thumb.png) no-repeat center;
    overflow: hidden;
}
.article .blog-thumb img {
    height: auto;
}

.blog-single .blog-thumb {
    height: 320px;
    overflow: hidden;
}
.blog-single .blog-thumb img {
    height: auto;
}

.article:hover {
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    transition: 0.4s;
}

.article:after {
    content: "";
    height: 8px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

.article.featured-article {
    margin-bottom: 0px;
    max-height: none;
}

.article.featured-article .blog-thumb {
    max-height: none;
}

.article.featured-article .blog-excerpt {
    min-height: auto !important;
    padding-bottom: 10px;
}

.article.developer-post:after {
    background: #2db276;
}

.article.business-post:after {
    background: #8d549a;
}

.article.product-post:after {
    background: #f0537a;
}

label {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    line-height: 14px;
    margin: 0;
    padding: 0;
    display: inline-block;
}

label img {
    position: relative;
    top: -2px;
    margin-right: 2px;
}

.article.developer-post small,
.article.product-post small,
.article.business-post small,
.article label {
    font-size: 14px;
    padding-top: 2px;
    display: table;
}

.article.developer-post small,
.article.product-post small,
.article.business-post small {
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    line-height: 14px;
    margin: 0;
    padding: 0;
}

.article.developer-post small img,
.article.product-post small img,
.article.business-post small img {
    position: relative;
    top: -1.3px;
}

.article.product-post small {
    line-height: 17px;
}

.article.business-post small img {
    position: relative;
    top: -1.6px;
}

.blog-excerpt {
    padding: 37px 30px 0px;
    min-height: 230px;
    margin-bottom: 30px;
    max-height: 210px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-excerpt * {
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-excerpt h2,
.blog-excerpt h3 {
    color: #0077c8;
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    margin: 5px 0 2px;
    display: table;
}

.blog-excerpt__meta {
    color: #7f93a1;
    font-size: 12px;
    line-height: 14px;
    margin-top: 5px;
}

.blog-excerpt__meta a {
    color: #7f93a1;
}

.blog-excerpt p {
    margin: 10px auto 0;
    font-weight: 300;
}

.blog-single {
    font-weight: 400;
    padding: 25px 0 25px;
}
.blog-title {
    display: -webkit-box !important;
    font-size: 18px !important;
    line-height: 24px !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
}
.blog-meta {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden !important;
}
.bcrumbs {
    margin: 9px 0;
}

.bcrumbs li {
    float: left;
    font-size: 16px;
    margin-right: 40px;
    position: relative;
    color: #7f93a1;
}

.bcrumbs li::after {
    content: "\f105";
    font-family: Fontawesome;
    color: #bfddf1;
    position: absolute;
    right: -24px;
    top: 1px;
    font-size: 20px;
    line-height: 1.5;
}

.bcrumbs li:last-child:after {
    display: none;
}

.single-post .author-info__big {
    border-top: 1px solid #eef6fb;
    border-bottom: 1px solid #eef6fb;
}

.single-post .post-text h2,
.single-post .post-text h3,
.single-post .post-text h4,
.single-post .post-text h5,
.single-post .post-text h6 {
    margin-bottom: 12px;
}

.single-post .post-text img.alignnone {
    margin: 0 auto;
    display: block;
}

.single-post .post-text img {
    border: 3px solid #ddd;
}

.author-info__big h1,
.author-info__big h4 {
    color: #042242;
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0.035em;
}

.author-info__big cite {
    color: #7f93a1;
    font-style: normal;
    margin: 5px 0 13px;
    display: block;
    text-transform: capitalize;
}

.author-info__big cite b {
    display: none;
}

.author-info__big cite span + b {
    display: inline-block;
}

.author-info__big .col-md-12,
.author-info__big .col-md-8 {
    padding-left: 202px;
}

.author-info__big img {
    width: 163px;
    height: 163px;
    position: absolute;
    left: 15px;
    top: 0;
    border-radius: 50%;
}

.author-info__big .social a {
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-right: 7px;
}

.author-info__big .social a.fb {
    background: #3856a0;
}

.author-info__big .social a.tweet {
    background: #3d9bd8;
}

.author-info__big .social a.linkedin {
    background: #0075b9;
}

.post-header {
    position: relative;
    margin: 28px 0 0;
}

.post-header h1 {
    letter-spacing: 1px;
    line-height: 1.3 !important;
    color: #000;
}

.blog-single__meta {
    margin: 16px 1px 0;
    color: #7f93a1;
    font-weight: 300;
}

.blog-single__cat {
    margin: 20px 0 16px;
    position: relative;
}

.blog-single__cat span {
    float: left;
    color: #7f93a1;
    font-weight: 300;
}

.blog-single__cat a {
    min-height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #eef6fb;
    color: #7f93a1;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 10px;
    margin-left: 10px;
    margin-bottom: 2px;
}

.blog-single__cat a:hover {
    background: #e1eff7;
}

.sep {
    height: 8px;
    margin: 16px 0 0;
}

.post-text {
    margin: 60px 0;
}

.post-text p {
    margin-bottom: 30px;
}

.post-text h4 {
    color: #002744;
    margin: 0 0 30px;
}

.block-quote {
    margin: 40px 0 40px;
}

.block-quote p {
    font-size: 30px;
    font-style: italic;
    font-weight: 300;
    line-height: 38px;
    text-align: center;
}

.inlinetweetshare {
    color: #333 !important;
}

.click-to-tweet {
    margin: 1px 0 0;
    color: #7f93a1;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: right;
}

.click-to-tweet i {
    color: #1da1f2;
    margin-left: 3px;
    font-size: 18px;
    position: relative;
    top: 3px;
}

.text-style-alt {
    font-family: Consolas, serif;
    font-weight: normal;
    line-height: 20px;
}

.image-caption {
    margin: 23px 0 30px;
    position: relative;
}

.image-caption p {
    margin: 12px 0 0;
    color: #7f93a1;
    font-size: 12px;
    line-height: 16px;
}

.post-text h5 {
    margin: 22px 0 22px;
    font-weight: 300;
    color: #002744;
    font-size: 30px;
    line-height: 38px;
}

.post-text table {
    margin-bottom: 20px;
}

.post-text table,
.post-text table tr,
.post-text table td,
.post-text table th {
    border: 1px solid #ddd;
    padding: 7px 10px;
    font-size: 15px;
}

.post-text ol,
.post-text ul {
    margin: -10px 0 30px;
}

.post-text ol li,
.post-text ul li {
    margin-left: 15px;
    margin-top: 10px;
}

.post-text ol li ul,
.post-text ul li ul {
    margin-top: 10px;
}

.post-text ul li li {
    margin-left: 15px;
}

.post-text ol li,
.post-text ol li li {
    margin-left: 30px;
    list-style: decimal;
}

.post-text ul li {
    margin-left: 35px;
    position: relative;
}

.post-text ul li:after {
    content: "";
    background: #0077c8;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: -18px;
}

.blog-single {
    padding: 25px 0 65px;
}

.feature-box {
    padding: 30px 25px 30px;
    position: relative;
    background: #eef6fa;
    margin-bottom: 32px;
}

.feature-box p {
    color: #0077c8;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
}

.feature-box span {
    margin: 8px 0 15px;
    font-weight: 300;
    text-align: center;
    display: block;
}

.post-tags {
    margin: 26px 0;
    color: #7f93a1;
    font-weight: 300;
}

.bg-pink {
    background-color: #f0537a;
}

.text-pink {
    color: #f0537a;
}

.title-underline {
    border: 2px solid #deedf7;
    border-radius: 5px;
    height: 1px;
    width: 60px;
    margin-bottom: 20px;
}

.wrap-text-slide {
    padding: 50px 90px;
    height: 400px !important;
}
.wrap-text-slide img {
    max-height: 100px;
}
.wrap-text-slide p {
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    max-width: 400px;
    margin: 18px 0 25px;
}
.wrap-text-slide .src-more {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}
.wrap-text-slide .src-more:hover {
    color: #fff !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 70px;
    left: 85px;
    width: auto;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    padding: 5px;
}

.stories-card {
    margin-bottom: 30px;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #ffffff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    transition: 0.4s;
    /*padding-bottom: 30px;*/
}
.stories-card .card-title {
    color: #0077c8;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
}
.stories-card p {
    margin: 16px 0 0;
    font-weight: 300;
    line-height: 24px;
    font-size: 18px;
    color: #335269;
}
.stories-card .card-block {
    padding: 30px 30px 0px;
    min-height: 245px;
    max-height: 245px;
    display: block;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.stories-card .card-block img {
    max-width: 80px;
    max-height: 50px;
    filter: gray saturate(0%) brightness(70%) contrast(1000%);
    -webkit-filter: grayscale(100%);
}
.stories-card .card-block hr {
    border-top-color: #ebebeb;
    margin: 12px 0 20px;
}
.stories-card .story-thumb {
    height: 180px;
    overflow: hidden;
}

.customer-success-story p {
    font-size: 18px;
}
.customer-success-story h1 {
    margin: 0 0 40px;
    color: #002744;
    font-size: 48px;
    font-weight: 300;
    line-height: 40px;
}
.customer-success-story h2,
.customer-success-story h3 {
    color: #002744;
    font-size: 44px;
    line-height: 52px;
    margin: 0 0 20px;
    font-weight: 300;
}

.customer-logo {
    padding-bottom: 40px;
    margin-bottom: 20px;
    position: relative;
}
.customer-logo:after {
    content: "";
    height: 4px;
    position: absolute;
    width: 50px;
    background: #0077c8;
    bottom: 0;
    left: 0;
}

.summary-details {
    padding: 25px 0 0;
    position: relative;
    background: #eef6fa;
    margin-bottom: 60px;
}
.summary-details:before {
    content: "";
    background: #eef6fa;
    position: absolute;
    top: 0;
    left: -2000%;
    right: 0;
    width: 10000%;
    height: 100%;
}
.summary-details p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 25px;
}
.summary-details p strong {
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}
.summary-details p a {
    font-size: 16px;
    font-weight: 500;
}

.page_nav {
    display: table;
    margin: 0px auto -20px;
    padding-top: 20px;
    width: 100%;
    text-align: center;
}

.page_nav li {
    display: inline-block;
    margin: 0 10px;
    color: #7f93a1;
    font-size: 21px;
    font-weight: 300;
}

.page_nav li span {
    float: left;
    padding: 0 5px;
}

.page_nav li a {
    float: left;
    padding: 0 5px;
}

.page_nav li a i {
    font-size: 17px;
}

#section-content section.section,
#section-content .section {
    padding-top: 0px;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    .wrap-text-slide {
        padding: 40px 25px;
    }

    .wrap-img-slide {
        height: 180px;
        overflow: hidden;
    }
    .wrap-img-slide img {
        height: auto;
    }

    .post-header h1 {
        font-size: 28px;
        line-height: 32px;
    }

    h2,
    .h2 {
        font-size: 26px;
        line-height: 35px;
    }

    h4,
    .h4 {
        font-size: 22px;
        line-height: 26px;
    }

    .blog-single iframe {
        width: 100%;
        height: auto;
    }

    .blog-single .blog-thumb {
        height: 190px;
    }

    .post-text {
        margin: 30px 0;
    }

    .blog-nav_category .btn {
        display: block;
        margin-bottom: 5px;
    }

    .blog-nav__search {
        width: 100%;
    }
    .blog-nav__search input {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .wrap-text-slide {
        padding: 40px 25px;
    }

    .wrap-img-slide {
        height: 180px;
        overflow: hidden;
    }
    .wrap-img-slide img {
        height: auto;
    }

    .post-header h1 {
        font-size: 28px;
        line-height: 32px;
    }

    h2,
    .h2 {
        font-size: 26px;
        line-height: 35px;
    }

    h4,
    .h4 {
        font-size: 22px;
        line-height: 26px;
    }

    .blog-single iframe {
        width: 100%;
        height: auto;
    }

    .blog-single .blog-thumb {
        height: 190px;
    }

    .post-text {
        margin: 30px 0;
    }

    .blog-nav_category .btn {
        display: block;
        margin-bottom: 5px;
    }

    .blog-nav__search {
        width: 100%;
    }
    .blog-nav__search input {
        width: 100%;
    }
}

/*# sourceMappingURL=site-blog.css.map */