/*#header-wrap .container,
.banner-blog-detail .container,
.blog-detail-wrap .container,
.blog-wrap .container,
.banner-blog-wrap .container,
.top-wrap .container,
.banner-about .container,
.about-contennt-wrap .container{
	max-width: 1170px;
}*/
.header-top {
    padding: 10px 0;
}

.navbar-nav > li {
    padding-bottom: 15px;
}

.blog-logo {
    border-left: 1px solid #ccc;
    padding: 4px 0 4px 20px;
    margin-left: 20px;
    color: #ccc;
    font-size: 30px;
    font-weight: 100;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
}

.advantages-wrap {
    background: #f5f5f5;
}

.banner-blog-wrap {
    background-size: cover !important;
    padding: 130px 0;
    min-height: 450px;
}

.banner-blog {
    text-align: center;
}

    .banner-blog h1 {
        color: #fff;
        font-weight: 300;
        font-size: 46px;
    }

.blog-top-neg {
    position: relative;
    top: -125px;
}

.blog-contain {
}

.blog {
    background: #f3f4f8;
    font-family: arial;
    color: #3f6679;
    font-size: 14px;
    min-height: 620px;
    margin: 0 0 70px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .blog:hover {
        background: #fff;
        -moz-box-shadow: 0 3px 54px rgba(113,99,157, 0.3);
        -webkit-box-shadow: 0 3px 54px rgba(113,99,157, 0.3);
        box-shadow: 0 3px 54px rgba(113,99,157, 0.3);
    }

.blog-img {
    max-height: 280px;
    overflow: hidden;
}

    .blog-img img {
        display: block;
        width: 100%;
        min-height: 280px;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

.blog-inner {
    padding: 50px 50px 10px 50px;
}

.blog p {
    line-height: 1.6;
    padding: 0 0 10px;
}

    .blog p a {
        color: #3578d9;
        text-decoration: underline !important;
    }

.blog h3 {
    color: #3578d9;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.3;
}

    .blog h3 a {
        color: #3578d9;
    }

.load-more {
    text-align: center;
}

    .load-more a {
        color: #3f6679;
        font-weight: bold;
        text-transform: uppercase;
        padding: 18px 65px;
        font-size: 17px;
        display: inline-block;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        -moz-box-shadow: 0 3px 36px rgba(113,99,157, 0.3);
        -webkit-box-shadow: 0 3px 36px rgba(113,99,157, 0.3);
        box-shadow: 0 3px 36px rgba(113,99,157, 0.3);
    }

        .load-more a:hover {
            -moz-box-shadow: 0 3px 54px rgba(113,99,157, 0.5);
            -webkit-box-shadow: 0 3px 54px rgba(113,99,157, 0.5);
            box-shadow: 0 3px 54px rgba(113,99,157, 0.5);
        }

/* blog-detail */
.banner-blog-detail {
    background: #e4e0ff;
    padding: 130px 0 110px;
    background-size: cover !important;
    margin: 0 0 50px;
}

.banner-blog-detail-inner {
    text-align: center;
}

    .banner-blog-detail-inner h3 {
        color: #43505c;
        text-transform: uppercase;
        margin: 0 0 5px;
    }

    .banner-blog-detail-inner h1 {
        display: inline-block;
        font-family: 'Cinzel', serif;
        color: #43505c;
        font-weight: normal;
        border-top: 1px solid #afafb6;
        border-bottom: 1px solid #afafb6;
        padding: 10px 0;
    }

.list-blog-detail ul,
.list-blog-detail li {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-blog-detail li {
    font-size: 14px;
    padding: 0 10px;
    position: relative;
    text-transform: capitalize;
}

    .list-blog-detail li:before {
        content: " - ";
        margin-right: 18px;
        font-size: 16px;
    }

    .list-blog-detail li:first-child:before {
        display: none;
    }

.blog-left {
    color: #2c4a58;
    margin: 0 0 40px;
    font-size: 14px;
}

    .blog-left h3 {
        font-size: 18px;
        color: #2c4a58;
        font-weight: bold;
        margin: 0 0 40px;
    }

    .blog-left p {
        line-height: 1.9;
    }

        .blog-left p a {
            color: #2c4a58;
            text-decoration: underline !important;
        }

    .blog-left blockquote {
        position: relative;
        color: #3578d9;
        border-color: #3578d9;
        line-height: 2;
        padding-top: 0;
        padding-bottom: 0;
        max-width: 330px;
        margin: 30px auto;
    }

        .blog-left blockquote:before {
            position: absolute;
            left: -50px;
            top: 50%;
            margin-top: -12px;
            content: " ";
            background: url(../images/blog/twitter-icon.png) no-repeat;
            width: 26px;
            height: 23px;
            display: block;
        }

.social-blog {
    padding: 40px 0 25px;
    text-align: center;
}

    .social-blog a {
        display: inline-block;
        margin: 0 5px;
    }

.comments-blog {
    border-top: 1px solid #aaa;
    padding: 30px 0;
}

.detial-artilce-wrap {
}

    .detial-artilce-wrap .detial-artilce {
        border-bottom: 1px solid #ccc;
        padding-bottom: 40px;
        margin-bottom: 50px;
    }

    .detial-artilce-wrap > .detial-artilce:nth-child(even) > .row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
    }

    .detial-artilce-wrap > .detial-artilce:last-child {
        border-bottom: none;
    }

    .detial-artilce-wrap .detial-artilce h4 {
        font-family: 'Cinzel', serif;
        font-weight: bold;
        font-size: 22px;
    }

.blog-right h3 {
    font-weight: normal;
    color: #356dbe;
    margin: 0 0 15px;
}

.tags-section ul,
.tags-section li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tags-section li {
    padding: 0 0 20px;
}

.tags-section a,
.tags-section span {
    display: inline-block;
    padding: 12px 25px;
    color: #3f6679;
    background: #e2f3ff;
    text-transform: uppercase;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

    .tags-section a:hover,
    .tags-section li.active a {
        background: #bbdef7;
    }

.comment-form-wrap {
    margin-bottom: 50px;
}

.comment-list {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

    .comment-list,
    .comment-list li {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
    }

.comment-body {
    border-bottom: 1px solid #cfcece;
    padding: 25px 0;
}

.comment-reply-title {
    color: #2c4a58;
    font-weight: bold;
    font-family: arial;
    margin: 0 0 20px;
}

.comment-author img {
    max-width: 55px;
    margin-right: 15px;
    margin-bottom: 15px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.comment-author b {
    font-size: 14px;
    color: #356dbe;
    text-transform: capitalize;
}

.comment-metadata a {
    color: #2c4a58;
}

.reply svg {
    display: none;
}

.comment-form-comment label {
    display: none;
}

.comment-form-comment textarea {
    font-size: 14px;
    padding: 10px;
    height: 120px;
    width: 100%;
    color: #999;
    border: 1px solid #b5d9f8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.comment-form-wrap .submit {
    font-size: 14px;
    background: #333;
    display: inline-block;
    padding: 12px 35px 11px;
    color: #fff;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 20px;
}

    .comment-form-wrap .submit:hover {
        opacity: 0.8;
    }

@media (min-width: 1300px) {
    .blog-detail-wrap .container {
        max-width: 1500px;
    }
}

.blog-article {
    font-size: 15px;
    line-height: 1.3;
    border-bottom: 1px solid #aaa;
    padding: 0 0 10px;
    margin: 0 0 20px;
}

    .blog-article:last-child {
        border-bottom: none;
    }

.blog-inner-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .blog-inner-wrap .img-wrap {
        float: none;
        width: 350px;
        max-width: inherit;
    }

.article-detail-wrap {
    width: calc(100% - 380px);
    margin-left: auto;
}

.blog-article h2 {
    font-weight: bold;
    text-transform: capitalize;
    font-family: 'Cinzel', serif;
    font-weight: bold;
    color: #43505c;
    font-size: 30px;
}

.blog-article h3 {
    font-family: 'Cinzel', serif;
    font-weight: bold;
    color: #43505c;
    text-transform: capitalize;
    font-size: 22px;
}

    .blog-article h3 a {
        color: #43505c;
        text-decoration: underline;
    }

.blog-article h4 {
    font-weight: bold;
    color: #000;
    margin: 10px 0 10px;
}

.blog-article h5 {
    font-weight: bold;
    color: #000;
    margin: 10px 0 10px;
}

.blog-article h3 a:hover {
    /*opacity: 0.8;*/
}

.blog-article p {
    line-height: 1.8;
}

.written-by {
    padding: 14px 0 10px;
    color: #999;
}

.pt-0 {
    padding-top: 0;
}

.written-by strong {
    color: #555;
}

.written-by a {
    font-weight: bold;
}

.sub-written strong {
    font-weight: normal;
}

.blog-article .social-blog {
    text-align: right;
    padding: 10px 0 20px;
}

    .blog-article .social-blog a:hover {
        opacity: 0.7;
    }

.mb-50 {
    margin-bottom: 50px;
}

.link-gold {
    color: #c79e74;
}

.img-wrap {
    float: left;
    max-width: 35%;
    margin: 0 10px 10px 0;
}

.tags-secondary {
    font-size: 16px;
}

    .tags-secondary ul,
    .tags-secondary li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .tags-secondary li {
        padding: 0 0 5px;
    }

    .tags-secondary a {
        text-decoration: underline !important;
    }

        .tags-secondary a:hover {
            text-decoration: none !important;
        }

.links-bar {
    padding-bottom: 15px;
}

    .links-bar ul {
        padding-left: 20px;
    }

    .links-bar a {
        color: #c79e74;
    }

        .links-bar a:hover {
            text-decoration: underline !important;
        }

.img-side {
    border: 2px solid #ccc;
    margin: 0 0 25px;
}

@media (max-width: 1200px) {
    .blog-contain {
        margin: 0;
    }

    .blog-inner {
        padding: 35px;
    }

    .blog-img {
        max-height: 290px;
    }

        .blog-img img {
            min-height: 290px;
        }

    .blog h3 {
        font-size: 16px;
    }

    .blog-inner-wrap .img-wrap {
        width: 250px;
    }

    .article-detail-wrap {
        width: calc(100% - 280px);
    }

    .blog-article h3 {
        font-size: 20px;
    }
}

@media (max-width: 992px) {
    .blog {
        min-height: 540px;
    }

    .blog-img {
        max-height: 200px;
    }

        .blog-img img {
            min-height: 200px;
        }

    .blog-inner {
        padding: 25px;
    }

    .blog-inner-wrap {
        align-items: flex-start;
    }

        .blog-inner-wrap .img-wrap {
            width: 200px;
        }

    .article-detail-wrap {
        width: calc(100% - 220px);
    }

    .detial-artilce-wrap > .detial-artilce:nth-child(even) > .row {
        display: block;
    }

    .detial-artilce-wrap .detial-artilce {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

        .detial-artilce-wrap .detial-artilce h4 {
            padding-top: 20px;
        }
}

@media (max-width: 767px) {
    .header-top {
        padding: 0;
    }

    .blog-logo {
        font-size: 20px;
        padding: 4px 0 4px 10px;
        margin-left: 10px;
    }

    .banner-blog-detail {
        padding: 70px 0;
    }

    .blog {
        min-height: inherit;
    }

    .blog-img,
    .blog-img img {
        max-height: inherit;
    }

    .banner-blog-wrap {
        min-height: 300px;
        padding: 50px 0;
    }

    .banner-blog {
        padding: 0 20px;
    }

        .banner-blog h1 {
            font-size: 30px;
        }

    .banner-about {
        padding: 20px 0 5px;
    }

        .banner-about h2 {
            font-size: 20px;
        }

        .banner-about h1 {
            font-size: 30px;
        }

    .banner-about-wrap {
        margin-bottom: 25px !important;
    }

    .blog-inner-wrap {
        display: block;
    }

        .blog-inner-wrap .img-wrap {
            width: auto;
            margin: 0 0 25px;
        }

    .article-detail-wrap {
        width: auto;
    }

    .blog-article .social-blog {
        text-align: left;
    }

    .img-wrap {
        max-width: inherit;
        float: none;
    }
}