.blog-title .title-big {

    max-width: 100%;

}



.blog-title .blog-list {

    margin-bottom: 20px;

    padding-bottom: 10px;

    margin-top: 10px;

}



.blog-title .blog-list li {

    list-style-type: none;

    display: inline-block;

    margin-right: 20px;

}



.blog-title .blog-list p {

    margin: 0;

    font-size: 16px;

}



.blog-title .blog-list p a {

    color: var(--font-color);

}



.image {

    padding: 0 100px;

}



.text11-content {

    padding: 30px;

    background-color: var(--bg-color);

    box-shadow: rgba(1,1,1,0.05) 1px 1px 5px 0px;

    border-radius: var(--border-radius-full);

}



.text-11 .text11-content h4, .text-11 .text11-content h1, .text-11 .text11-content h2, .text-11 .text11-content h3 {

    font-size: 26px;

    line-height: 36px;

    color: var(--heading-color);

    font-weight: 600;

    margin-bottom: 10px;

    margin-top: 1rem;

}



h1, h2, h3, h4, h5, h6 {

    margin-bottom: 5px;

    margin-top: 1rem;

}



p {

    margin-top: 10px;

}



.text-11 .text11-content p {

    margin-bottom: 1rem;

    margin-top: 1rem;

}



.text-11 .text11-content blockquote {

    padding: 30px 40px;

    border-left: 2px solid var(--primary-color);

    background: var(--bg-color);

    margin: 50px 0;

    font-size: 28px;

    line-height: 40px;

    font-weight: 300;

    color: var(--heading-color);

    font-family: 'Libre Baskerville', serif;

}



.text-11 .text11-content blockquote p{

    

    background: var(--bg-color);

    font-size: 28px;

    line-height: 40px;

    font-weight: 300;

    color: var(--heading-color);

    font-family: 'Libre Baskerville', serif;

}



.text-11 .text11-content blockquote cite {

    display: block;

    font-size: 80%;

    color: #6c757d;

    font-style: normal;   

}



.text-11 .text11-content blockquote cite::before {

    content: "\2014\00A0";

}



.text11-content img {

    border-radius: var(--border-radius);

}



.text-11 .text11-content ol li {

    font-size: 18px;

    line-height: 28px;

    margin: 10px 0;

    color: var(--font-color);

    list-style-type: decimal;

    font-weight: 400;

}



.text-11 .social-share-blog {

    display: grid;

    grid-auto-flow: column;

    grid-gap: 30px;

}



.text-11 .text11-content .social li p, .text-11 .text11-content .tags li p {

    font-size: 20px;

    color: var(--heading-color);

    font-weight: 600;

    letter-spacing: -.5px;

}



.text-11 .text11-content .social {

    align-self: center;

    text-align:right;

}



.text-11 .social li, .text-11 .tags li {

    display: inline-block;

}



.text-11 ul.social li a {

    display: inline-block;

    margin: 0;

    text-align: center;

    margin-right: 6px;

    border-radius: 50%;

    font-size: 18px;

    width: 30px;

}



.new-posts {

    border-top: 1px solid var(--border-color);

    border-bottom: 1px solid var(--border-color);

    margin-top: 40px;

    background: var(--bg-lightgrey);

    padding: 0 20px;

    border-radius: var(--border-radius);

}



.new-posts a {

    display: grid;

    margin: 20px 0;

    grid-template-columns: auto auto;

    grid-gap: 10px;

    color: var(--heading-color);

    font-weight: 600;

    align-items: center;

}



.new-posts a span.fa {

    font-size: 13px;

}



.sidebar-widget {

    margin-bottom: 40px;

    padding: 40px 30px;

    background-color: var(--bg-color);

    box-shadow: rgba(1,1,1,0.05) 1px 1px 5px 0px;

    border-radius: var(--border-radius-full);

}



.sidebar-title h4 {

    font-size: 24px;

    line-height: 30px;

    color: var(--heading-color);

    font-weight: 600;

    margin-bottom: 30px;

}



.author-detalis {

    display: grid;

    grid-template-columns: auto 1fr;

    align-items: center;

    grid-gap: 20px;

}



a.author-image {

    width: 130px;

    height: 130px;

    display: inline-block;

    overflow: hidden;

    border-radius: 50%;

}



a.author-name {

    font-size: 20px;

    line-height: 30px;

    color: var(--heading-color);

    display: block;

    margin-bottom: 6px;

    font-weight: 600;

}



.blog-cat {

    position: relative;

    padding: 0;

}



.blog-cat li {

    position: relative;

    list-style-type: none;

}



.blog-cat li a {

    position: relative;

    color: var(--font-color);

    font-size: 19px;

    font-weight: 500;

    display: block;

    padding: 10px 15px 0px 20px;

}



.blog-cat li:first-child a {

    padding-top: 0;

}



.blog-cat li a:before {

    display: inline-block;

    color: var(--primary-color);

    font-family: 'FontAwesome';

    content: "";

    width: 8px;

    height: 8px;

    background-color: var(--font-color);

    position: absolute;

    top: 20px;

    left: 0px;

    border: 1px solid var(--bg-gray);

    opacity: .3;

}



.blog-cat li:first-child a:before, .blog-cat li:first-child a span {

    top: 12px;

}



.popular-posts .post {

    position: relative;

    min-height: 100px;

    padding-left: 90px;

    margin-bottom: 20px;

    border-bottom: 1px solid var(--border-color);

}



.sidebar-widget figure {

    margin: 0 0 0rem;

}



.popular-posts .post .post-thumb {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 80px;

    height: 80px;

    overflow: hidden;

    border-radius: 50%;

}



.popular-posts .post .post-thumb img {

    display: block;

    width: 100%;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.popular-posts .post .text {

    position: relative;

    font-size: 22px;

    margin: 0px 0px 10px;

    font-weight: 500;

    color: var(--heading-color);

    line-height: 1.2em;

}



.popular-posts .post .text a {

    font-size: 20px;

    color: var(--heading-color);

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.popular-posts .post a:hover {

    color: var(--primary-color);

}



.popular-posts .post-info {

    position: relative;

    font-size: 16px;

    color: var(--font-color);

    font-weight: 400;

}



.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.w3l-homeblock1 .area-box span.fas {

    color: var(--primary-color);

    font-size: 26px;

    margin-bottom: 15px;

}



.wpcf7-form {

    margin: 0 auto;

    max-width: 800px;

    background-color: var(--bg-color);

    box-shadow: rgba(1, 1, 1, 0.05) 1px 1px 5px 0px;

    padding: 35px;

    border-radius: var(--border-radius-full);

}



.wpcf7-form .text-right .btn-style {

    padding: 12px 35px;

    font-size: 16px;

    line-height: 26px;

    font-weight: 600;

    transition: 0.3s ease-in;

    border-radius: var(--border-radius);

    color: #fff;

    background-color: #5a67d8;

    border-color: #5a67d8;

    width:auto;

    display:inline-block;

}



.navbar-nav .menu-item a {

    background: none;

    text-transform: capitalize;

    font-size: 18px;

    font-weight: 500;

    display: block;

    line-height: 28px;

    padding: 0 12px;

    color: var(--font-color);

}



.w3l-header .navbar-nav .menu-item a:hover, .w3l-header .navbar-nav .menu-item a:focus {

    color: var(--primary-color);

}



.w3l-header .navbar-nav .menu-item.active a {

    color: var(--primary-color);

}



.slider-info {

    margin-right:-14px;

}



.w3l-homeblock2 .list1 span.fas {

    font-size: 20px;

    width: 80px;

    height: 55px;

    line-height: 55px;

    background: var(--btn-bg);

    color: #718096;

    text-align: center;

    border-top-left-radius: var(--border-radius-full);

    border-bottom-left-radius: var(--border-radius-full);

}



.page-numbers {

    display: inline-block;

    padding: 9px 18px;

    background-color: #fff;

    margin: 0 2px;

    box-shadow: rgba(1,1,1,0.05) 1px 1px 5px 0px;

    border-radius: 15px;

    font-weight: 700;

    font-size: 18px;

    color: #718096;

    transition: background-color .15s linear, color .15s linear;

    margin-top: 5px;

}



.page-numbers:hover {

    background-color: var(--primary-color);

    color: #fff;

}



.page-numbers.current {

    background-color: var(--primary-color);

    color: #fff;

}







@media (max-width: 568px) {

    .image {

        padding: 0 15px;

    }

}



@media (max-width: 480px) {

    .text-11 .text11-content h4 {

        font-size: 20px;

        margin-bottom: 10px;

        line-height: 30px;

    }

    .text11-content {

        padding: 20px;

    }

    .text-11 .social-share-blog {

        display: grid;

        grid-auto-flow: row;

        grid-gap: 30px;

    }

    .text-11 .text11-content .social li p {

        font-size: 19px;

    }

}



@media (max-width: 384px) {

    .text-11 .text11-content h5.quote {

        margin: 20px 0;

        font-size: 20px;

        line-height: 30px;

    }

}



@media (max-width: 415px) {

    .text-11 .text11-content h5.quote {

        padding: 15px 30px;

        padding-right: 0;

    }

    .text-11 .text11-content .social {

        text-align: left;

    }

    .text-11 ul.social li {

        margin-right: 0px;

    }

    .text-11 ul.social li:first-child {

        margin-bottom: 15px;

    }

    .column3 a {

        font-size: 16px;

    }

    .text-11 ul.social li a {

        margin-right: 0px;

    }

}











/* Footer Styles */



.app-footer p.footer-para {

    font-size: 1rem;

    line-height: 1.6;

}



.app-footer .mc4wp-form-fields {

    display: flex;

    flex-flow: row wrap;

    align-items: center;

    justify-content: flex-start;

}



.app-footer .mc4wp-form-fields .form-group {

    margin: 0;

}



.app-footer .mc4wp-form-fields .form-group input[type="email"] {

    font-size: 0.85rem;

    text-align: center;

    min-width: 150px;

    background-color: #f5f5f5;

    box-shadow: none;

    color: #565656;

    line-height: 1.43;

    padding: 1.15rem.5em;

    border-radius: 0.25rem;

    border: 1px solid #e8e8e8;

    font-weight: 500;

    min-height: 43px;

}



.app-footer .mc4wp-form-fields .input-group-btn [type="submit"] {

    padding: .39rem 2rem;

    min-height: 43px;

}

.fa.fa-clock-o {
    margin-right: 8px;
}

/* logo*/

.navbar-brand img {
    max-width: 100%;
}