/*
Theme Name: Specialists
Theme URI: http://webpentagon.com/demo/themeforest/wordpress/specialists/
Author: pranontheme
Author URI: http://themeforest.net/user/pranontheme
Description: Specialists is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Specialists will make your WordPress look beautiful everywhere.
Version: 1.0
License: Themeforest License
License URI: https://themeforest.net/licenses
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, sticky-post, threaded-comments, translation-ready, blog
Text Domain: specialists

This theme, like WordPress, is licensed under the https://themeforest.net/licenses.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*************Custom Start*****************/

h1,
h2,
h3,
h4,
h5,
h6,
a,
p {
    overflow-wrap: break-word;
}

.sticky {}

.sticky h3 a,
.sticky h3 {
    color: #cc0000 !important;
}

.footer-widget select,
.widget select {
    height: 36px;
    width: 100%;
}

.footer-widget ul,
.widget ul {
    list-style: none;
    padding-left: 0;
}

.footer-widget ul ul,
.widget ul ul {
    padding-left: 20px;
}

select {
    max-width: 100%;
}

.footer-widget .submit-search {
    color: #000;
}

.post-password-form input[type="password"] {}

.post-password-form input[type="submit"] {
    background: #000;
    border: none;
    padding: 4px 20px;
    color: #fff;
    font-size: 18px;
    border-radius: 3px;
    vertical-align: top;
}

.site-header #navbar ul {
    list-style: none;
    padding-left: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.comment .media-left img {
    max-width: initial;
}

.pt-2 {
    padding-left: 5px;
    padding-right: 5px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-15 {
    padding-top: 17px;
}

.mt-19 {
    margin-top: 19px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pr-30 {
    padding-right: 30px;
}

.p-tb {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-70 {
    padding-top: 70px;
}

.p-tb60 {
    padding-top: 100px;
    padding-bottom: 60px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-150 {
    padding-top: 150px;
}

.padding-gero {
    padding-left: 0px;
    padding-right: 0px;
}

.text-black {
    color: #000000;
}

.text-grey {
    color: #888888;
}

.back-blue {
    background-color: #281a35;
}

.back-dark {
    background-color: #333333;
}

.back-light {
    background: #f8f8f8;
}

.back-grey {
    background: #f2f2f2;
}

.team-color-back {
    background: #f9f9fb;
}

.text-white {
    color: #fff!important;
}

.text-blue {
    color: #281a35;
}

.mt-30 {
    margin-top: 40px;
}

.pl-50 {
    padding-left: 50px;
}

.mt-0 {
    margin-top: 0px!important;
}

.mt-20 {
    margin-top: 20px!important;
}

.full-width {
    width: 100%;
}

.left-gero {
    padding-left: 0px;
}

.right-gero {
    padding-right: 0px;
}

.p-tb80 {
    padding-top: 80px;
    padding-bottom: 80px;
}


/*************Custom End*****************/


/*  --------------------------------------------------------
14. ABOUT US PAGE AREA
-------------------------------------------------------- */

.page-heading ul li {
    display: inline-block;
    color: #bbbbbb;
    padding-right: 10px;
}

.page-heading ul li a {
    font: 12px;
    font-weight: normal;
    color: #fff;
    padding-right: 10px;
}

.page-heading h2 {
    font: 700 24px/34px "Poppins", sans-serif;
    font-weight: normal;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 0px;
}

.heading-blue ul li {
    color: #209de2;
}

.heading-blue ul li a {
    color: #209de2;
}


/*  --------------------------------------------------------
16. BLOG LIST PAGE
-------------------------------------------------------- */

.blog-list .right-side {
    padding: 57px 45px!important;
}

.blog-list .blog-list-author-content {
    background: #f1f1f1;
    padding: 125px 45px;
    text-align: center;
    margin: 0 auto;
}

.blog-list-author {
    position: relative;
    padding-bottom: 5px;
}

.blog-list-author:after {
    content: '';
    position: absolute;
    left: 33px;
    bottom: 0;
    width: 30px;
    height: 3px;
    background: #1e1e1e;
}

.blog-list-author img {
    padding-bottom: 10px;
}

.blog-list-author h4 {
    font-size: 14px;
    font-weight: 700;
    color: #1e1e1e;
    margin-bottom: 5px;
}

.blog-list-author a {
    font-size: 14px;
    font-weight: 700;
    color: #1e1e1e;
    margin-bottom: 5px;
}

.blog-list-author p {
    font-size: 9px;
    font-weight: 400;
    color: #1e1e1e;
}

.blog-author-social ul li {
    display: inline-block;
    padding-top: 6px;
}

.blog-author-social ul li a {
    font-size: 10px;
    color: #1e1e1e;
    padding: 3px;
}

.blog-list-image {
    padding: 0px 0px 0px 0px;
    max-width: 100%;
    list-style: none;
    text-align: center;
}

.blog-list-image li {
    display: inline-block;
    width: 100%;
    position: relative;
}

.blog-list-image figure {
    position: relative;
}

.blog-list-image figure img {
    max-width: 100%;
    display: block;
    position: relative;
}

.blog-list-image figcaption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(111, 177, 18, 0.9);
    -moz-transform: scale(0);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    -moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.right-side-content figcaption {
    padding-top: 13%!important;
    margin: 10px!important;
}

.blog-list-image figcaption {
    padding-top: 17%;
}

.blog-list-image .cp-caption-desc a {
    font-weight: 300;
    font-size: 72px;
    color: #fff;
}

.blog-list-image .cp-caption-desc a.popup-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0px;
    z-index: 5;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.blog-list-image-hover figure {
    overflow: hidden;
}

.blog-list-image-hover figure img {
    width: 100%;
    height: auto;
}

.blog-list-image-hover figcaption {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 20px;
    opacity: 0;
}

.blog-list-image-hover figure:hover figcaption,
.blog-list-image-hover figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    -moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.blog-list-image-hover:hover figcaption,
.blog-list-image-hover .cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    -moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.blog-list-image-hover figure:hover figcaption .cp-caption-desc {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.blog-list-image-hover:hover figcaption .cp-caption-desc {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.blog-list-image-hover figure figcaption .cp-caption-desc {
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    -moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.blog-img-bottom {
    padding-bottom: 55px;
}

.blog-img-bottom p {
    font: 400 15px/30px "Poppins", sans-serif;
    color: #000;
    opacity: .65;
}

.blog-img-bottom ul li {
    display: inline-block;
    padding-right: 40px;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}

.page-left-header-date,
.blog-img-bottom-date {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
}

.blog-img-bottom ul li i {
    padding-right: 10px;
    font-size: 16px;
}

.blog-pager ul li a {
    margin: 4px;
    border-radius: 0px;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    color: #cdcdcd;
    border: 1px solid #cdcdcd;
    background: transparent;
    font-weight: 700;
    font-size: 14px;
    -webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    -moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.blog-pager ul li a:hover {
    color: #fff;
}

.blog-pager .pagination li.active a {
    cursor: default;
    box-shadow: none;
}

.blog-pager .pagination li.disable a {
    cursor: not-allowed;
    box-shadow: none;
}

.blog-pager .pagination li.active a,
.blog-pager .pagination li a:hover,
.blog-pager .pagination li a:focus {
    color: #ffffff;
    border: 1px solid #cdcdcd;
}

.blog-right-search {
    position: relative;
}

.blog-right-search:after {
    content: '';
    position: absolute;
    width: 55px;
    height: 3px;
    left: 0px;
    bottom: -3px;
}

.blog-right-search .search-box {
    border-color: #ebebeb;
    height: 55px;
    border-radius: 0px;
    padding: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgba(235, 27, 52, .075);
    box-shadow: inset 0 1px 1px rgba(235, 27, 52, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.blog-right-search .submit-search {
    position: absolute;
    bottom: 17px;
    right: 30px;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.blog-right-search .submit-search i {
    color: #999999;
    font-size: 12px;
}

.blog-right-search .search-box:hover,
.blog-right-search .search-box:focus,
.blog-right-search .search-box:active {
    outline: none;
}

.footer-widget .widget,
.sidebar .widget {
    padding: 20px 20px;
    border: 1px solid #ebebeb;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.footer-widget .widget:after,
.sidebar .widget:after {
    content: '';
    position: absolute;
    width: 55px;
    height: 3px;
    left: 0px;
    bottom: -3px;
}

.footer-widget .widget h2,
.sidebar .widget h2 {
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 20px;
    margin: 0;
}

.footer-widget .single-widget,
.sidebar .single-widget {
    padding-bottom: 7px;
}

.footer-widget .single-widget a,
.sidebar .single-widget a {
    font-weight: 700;
    font-size: 14px;
    color: #333333;
}

.footer-widget .single-widget p,
.sidebar .single-widget p {
    font-weight: 400;
    font-size: 12px;
    color: #999999;
    padding-top: 8px;
}

.footer-widget ul li a {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    -webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    -moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    float: left;
    width: 100%;
}

.sidebar .widget ul li a {
    font-weight: 700;
    font-size: 14px;
    color: #333333;
    line-height: 36px;
    -webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    -moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    float: left;
    width: 100%;
}

.footer-widget ul li a span.cat-count,
.sidebar .widget ul li a span.cat-count {
    float: right;
}

.footer-widget .tagcloud a {
    display: inline-block;
    color: #fff;
    padding-right: 20px;
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 14px;
}

.footer-small-header h3 {
    margin-top: 20px;
}

.footer-widget p,
.footer-widget {
    color: #fff;
}

.pdf-button {
    float: left;
    clear: both;
}

.custom-blog-detail li {
    padding-right: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    display: inline-block
}

.custom-blog-detail li a {
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
}

.custom-blog-detail li i {
    padding-right: 10px;
    font-size: 16px;
}

.single-blog {
    position: relative;
    padding-bottom: 5px;
}

.single-blog:after {
    content: '';
    position: absolute;
    left: 33px;
    bottom: 0;
    width: 30px;
    height: 3px;
}

.single-blog img {
    padding-bottom: 10px;
}

.single-blog a {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

.single-blog p {
    font-size: 9px;
    font-weight: 400;
    color: #1e1e1e;
}

.single-blog-social ul li {
    display: inline-block;
    padding-top: 6px;
}

.single-blog-social ul li a {
    font-size: 10px;
    color: #1e1e1e;
    padding: 3px;
    -webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    -moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.blog-description .media-left {
    padding-right: 60px;
}

.single-blog-border {
    padding-bottom: 70px;
}

.single-authors-content .media-left {
    padding-right: 25px;
}

.single-authors-content .media-heading {
    font-size: 16px;
    font-weight: 700;
}

.single-authors-content p {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 26px;
    padding-top: 5px!Important;
}

.single-authors-content a {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #af9a84;
}

.comment-notes a {
    color: #af9a84;
}

.gardener-reply-form {
    height: 50px;
    background-color: transparent;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    font-weight: 400;
    color: #bdbdbd;
    border-radius: 0px;
    box-shadow: none;
}

.gardener-comment-btn {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    border-radius: 3px;
    padding: 17px 60px 17px 60px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.gardener-comment-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #559100;
    border-radius: 3px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.gardener-comment-btn:hover,
.gardener-comment-btn:focus,
.gardener-comment-btn:active {
    color: #fff;
    border-radius: 3px;
}

.gardener-comment-btn:hover:before,
.gardener-comment-btn:focus:before,
.gardener-comment-btn:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.reply-form .form-group {
    margin-bottom: 23px;
}

.reply-form .col-xs-6,
.reply-form .col-xs-12 {
    padding-left: 0px;
}

.top-date ul {
    padding-top: 35px;
    padding-bottom: 15px;
}

.top-date ul li {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 30px;
}

.top-date ul li span {
    padding-left: 18px;
    padding-right: 18px;
}

.top-date ul li a {
    font-weight: 700;
    color: #333;
}

.page-left-header h3 a,
.blog-list-content h3 a {
    color: #000;
    font: 700 24px/34px "Poppins", sans-serif;
}

.btn-readmore a {
    color: #000;
    text-decoration: none;
}

.single-authors-content .comment-reply-link {
    float: right;
    color: #af9a84;
}

.blog-pagination {
    padding-top: 10px;
    padding-bottom: 80px;
}

.blog-pagination .pagination {
    margin-right: 0px;
}

.blog-pagination .pagination li {
    display: inline-block;
    margin-left: 4px;
}

.blog-pagination .pagination li a {
    border-radius: 0px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    color: #333;
    padding: 6px 12px;
    font-weight: normal;
    -webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    -moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.blog-pagination .pagination li.active a {
    cursor: default;
    box-shadow: none;
}

.blog-pagination .pagination li.disable a {
    cursor: not-allowed;
    box-shadow: none;
}

.blog-pagination .pagination li.active a,
.blog-pagination .pagination li a:hover,
.blog-pagination .pagination li a:focus {
    color: #ffffff;
}

.blog-single-authors {
    padding-top: 20px;
}

.comment-heading h1 {
    font-size: 24px;
    line-height: 26px;
    padding-bottom: 25px;
}

.single-authors-content .media-left {
    padding-right: 25px;
}

.single-authors-content .media-heading {
    font-size: 16px;
}

.single-authors-content .media-heading span {
    font-weight: 400;
    font-size: 12px;
    color: #281a35;
    float: right;
}

.pl-50 p {
    font-weight: 300;
    font-size: 14px;
    color: #333333;
}

.stark-reply-form {
    height: 50px;
    background-color: transparent;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    font-weight: 400;
    color: #bdbdbd;
    border-radius: 0px;
    box-shadow: none;
}

.stark-comment-btn {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    border-radius: 3px;
    padding: 17px 45px 17px 45px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.stark-comment-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f71934;
    border-radius: 3px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.stark-comment-btn:hover,
.stark-comment-btn:focus,
.stark-comment-btn:active {
    color: #fff;
    border-radius: 3px;
}

.stark-comment-btn:hover:before,
.stark-comment-btn:focus:before,
.stark-comment-btn:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.reply-form .form-group {
    margin-bottom: 23px;
}

.reply-form .col-md-6,
.reply-form .col-md-12 {
    padding-left: 0px;
}

table,
th,
td {
    border: 1px solid #d1d1d1;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    /* Prevents HTML tables from becoming too wide */
    width: 100%;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

td {
    border-width: 0 1px 1px 0;
}

th,
td {
    padding: 0.4375em;
}


/*------------------------------------------------------------------
    3. WP CORE
-------------------------------------------------------------------*/

.drop-cap::first-letter {
    float: left;
    font-size: 400%;
    font-weight: bold;
    color: #ffffff;
    background-color: #171717;
    padding: 10px;
    line-height: 100%;
    margin: 10px 20px 0 0;
}

.first {
    clear: both
}

.last {
    margin-right: 0
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 10px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 10px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 10px 0 20px 20px;
}

a img.alignnone {
    margin: 10px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 10px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.gallery-caption {}

.bypostauthor {}

.comment-list .children {
    padding-left: 20px;
    padding-top: 20px;
}

.comment-list>li {
    margin-bottom: 35px;
}

.comment-heading a {
    color: #000;
}

.hidden {
    display: none;
}

.breadcrumb li:first-child {
    font: 400 18px/1 "Poppins", sans-serif;
    color: #fff;
}


/* ####################################### */

.blog_grid_post_header {
    display: block;
    width: 350px;
    text-align: center;
    font-size: 40px;
    line-height: 212px;
    color: #1D9BD4;
}

#our-services-carousel .owl-stage {
    margin: auto;
}