.navbar-header {
    position: relative;
    /* background: #21c2f8; */
    color: #ffffff;
    /* padding: 41px 23px 19px; */
}

.h3Heading
{
    color: #000;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top:3px;
}
.detailh3{

    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;

}
.h4Heading
{
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top:3px;
}

.h2Heading {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    text-transform: none;
    line-height: 1.25;
    padding-bottom: 10px;
}
.row10{
    margin-top: 10px;
    padding-top: 5px;
}
.titleSection {
    overflow: hidden;
    border-top: 0px solid #00598a;
    padding-top: 5px;
    margin: 0 0 20px;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    text-transform: none;
    line-height: 1.25;
}
.detailTitleSection {
    overflow: hidden;
    padding-top: 5px;
    margin: 0 0 10px;
    color: #444;
    font-size: 2em;
    font-weight: 600;
    line-height: 1.2em;
}
.detailRightSide {
    background: #00598a;
    display: block;
    padding: 13px 15px;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.timeline {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative
}

.timeline:before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    width: 5px;
    background: #2d353c;
    left: 20%;
    margin-left: -2.5px
}

.timeline>li {
    position: relative;
    min-height: 50px;
    padding: 20px 0
}

.timeline .timeline-time {
    position: absolute;
    left: 0;
    text-align: right;
    top: 30px
}

.timeline .timeline-time .date,
.timeline .timeline-time .time,
.timeline .timeline-time .year {
    display: block;
    font-weight: 600
}

.timeline .timeline-time .date {
    line-height: 16px;
    font-size: 12px
}

.timeline .timeline-time .time {
    line-height: 20px;
    font-size: 20px;
    color: #242a30
}
.timeline .timeline-time .year {
    line-height: 24px;
    font-size: 20px;
    color: #242a30
}

.timeline .timeline-icon {
    left: 15%;
    position: absolute;

    text-align: center;
    top: 40px
}

.timeline .timeline-icon a {
    text-decoration: none;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 20px;
    background: #d9e0e7;
    line-height: 10px;
    color: #fff;
    font-size: 14px;
    border: 5px solid #2d353c;
    transition: border-color .2s linear
}

.timeline .timeline-body {
    margin-left: 26%;
    margin-right: 10%;
    background: #fff;
    position: relative;
    border-radius: 4px;
    padding-bottom: 10px;
    border-bottom: 2px solid #2d353c;
}

.timeline .timeline-body:before {
    content: '';
    display: block;
    position: absolute;
    border: 10px solid transparent;
    border-right-color: #fff;
    left: -20px;
    top: 20px
}

.timeline .timeline-body>div+div {
    margin-top: 5px
}

.timeline .timeline-body>div+div:last-child {
    margin-bottom: -20px;
    padding-bottom: 20px;
    margin-left: 18%;
    font-weight:bold;
    border-radius: 0 0 6px 6px
}

.timeline-header {
}

.timeline-header .userimage {
    float: left;
    width: 54px;
    height: 44px;
    border-radius: 40px;
    overflow: hidden;
    margin: -2px 10px -2px 0
}

.timeline-header .username {
    font-size: 16px;
    font-weight: 600
}

.timeline-header .username,
.timeline-header .username a {
    color: #2d353c
}

.timeline img {
    max-width: 100%;
    display: block
}

.timeline-content {
    letter-spacing: .25px;
    line-height: 18px;
    font-size: 13px
}

.timeline-content:after,
.timeline-content:before {
    content: '';
    display: table;
    clear: both
}

.timeline-title {
    margin-top: 0
}

.timeline-footer {
    background: #fff;
    border-top: 1px solid #e2e7ec;
    padding-top: 15px
}

.timeline-footer a:not(.btn) {
    color: #575d63
}

.timeline-footer a:not(.btn):focus,
.timeline-footer a:not(.btn):hover {
    color: #2d353c
}

.timeline-likes {
    color: #6d767f;
    font-weight: 600;
    font-size: 12px
}

.timeline-likes .stats-right {
    float: right
}

.timeline-likes .stats-total {
    display: inline-block;
    line-height: 20px
}

.timeline-likes .stats-icon {
    float: left;
    margin-right: 5px;
    font-size: 9px
}

.timeline-likes .stats-icon+.stats-icon {
    margin-left: -2px
}

.timeline-likes .stats-text {
    line-height: 20px
}

.timeline-likes .stats-text+.stats-text {
    margin-left: 15px
}

.timeline-comment-box {
    background: #f2f3f4;
    margin-left: -25px;
    margin-right: -25px;
    padding: 20px 25px
}

.timeline-comment-box .user {
    float: left;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border-radius: 30px
}

.timeline-comment-box .user img {
    max-width: 100%;
    max-height: 100%
}

.timeline-comment-box .user+.input {
    margin-left: 44px
}

.lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.4;
}

.text-danger, .text-red {
    color: #ff5b57!important;
}
#login-dp{
    min-width: 250px;
    padding: 4px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
    font-size:12px
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:10px 0
}
#login-dp .social-buttons a{
    width: 90%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}
.articleImage{
    float: left;
    width: 120px;
    height: 80px;
    border-radius: 50px;
    overflow: hidden;
    margin: 2px 10px 20px 0;


}
.section-01 {
    /*border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;*/
}
.section-01 .heading-large::before, .section-01 .heading-large::after {
    background: transparent none repeat scroll 0 0;
}
.section-01 .heading-large {
    border-bottom: 2px solid #222;
    color: #222;
    float: left;
    margin: 0 0 18px;
    padding: 0 0 6px;
    text-align: left;
    width: 100%;
}
.section-01 .card {
    border: medium none;
}
.section-01 .card-body {
    padding: 0;
}
.section-01 .title-small {
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: 600;
}
.section-01 p{
    font-size: 13px;
    margin-bottom: 0;
}
.section-01 .side-bar .nav-tabs {
    border-bottom: medium none;
}
.section-01 .side-bar .nav-tabs .nav-link {
    border: medium none;
    color: #aeaeae;
    text-transform: uppercase;
}
.section-01 .side-bar .nav-tabs .nav-link.active, .section-01 .side-bar .nav-tabs .nav-link:hover {
    border-bottom: 2px solid #ff0000;
    color: #222;
    text-transform: uppercase;
}
.section-01 .sidebar-tabing .media {
    margin-top: 20px;
}
.section-01 .sidebar-tabing img {
    height: 100px;
    width: 120px;
}
.section-01 .sidebar-tabing .title-small {
    margin-top: 5px;
    font-weight: 600;
    font-size: 15px;
}
.section-01 .video-sec {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.section-01 .heading-small {
    border-bottom: 2px solid #222;
    color: #222;
    float: left;
    font-size: 18px;
    margin: 7px 0 0;
    padding-bottom: 10px;
    width: 100%;
}
.section-01 .video-block {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.title-small {
    margin-top: 5px;
    font-weight: 600;
    font-size: 15px;
}
.post-side-bar h4 {
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.section-02 .card {
    border: medium none;
    margin-bottom: 0;
}
.section-02 .card-body {
    padding: 10px 0;
}
.section-02 .title-small{
    font-size: 14px;
}
.section-02 .news-listing {
    margin-top: 0;
}
.news-listing {
    float: left;
    list-style: outside none none;
    margin: 15px 0;
    padding: 0;
    width: 100%;
}
.news-listing li {
    background-color: #efefef;
    border-bottom: 1px solid #fff;
    float: left;
    margin: 5px 0;
    padding: 10px;
    width: 100%;
}
.news-listing li a::before {
    content: ">>";
    float: left;
    height: 24px;
    margin-right: 10px;
    padding-top: 2px;
}
.news-listing li a {
    color: #222;
    font-weight: 400;
    font-size: 13px;
}
.news-listing .heading-large{
    margin:0 auto 40px;
    font-size: 26px;
}


.heading4{font-size:16px;font-weight:400;font-family:'Lato', sans-serif;color:#111111;margin:0px 0px 5px 0px;}
.heading1{font-size:25px;line-height:20px;font-family:'Lato', sans-serif;text-transform:uppercase;color:#1b2834;font-weight:900;}
.content-quality{float:left;width:193px;}
.content-quality p{margin-left:10px;font-family:'Open Sans', sans-serif;font-size:14px;font-weight:600;line-height:17px;}
.content-quality p span{display:block;}
.tabtop li a{font-family:'Lato', sans-serif;font-weight:700;color:#1b2834;border-radius:0px;margin-right:22.008px;border:1px solid #ebebeb !important;}
.tabtop .active a:before{position:absolute;top:15px;left:82px;color:#e31837;font-size:30px;}
.tabtop li a:hover{color:#e31837 !important;text-decoration:none;}
.tabtop .active a:hover{color:#fff !important;}
.tabtop .active a{background-color:#e31837 !important;color:#FFF !important;}
.margin-tops{margin-top:30px;}
.tabtop li a:last-child{padding:10px 2px;}
.thbada{padding:0px 0px !important;}
section p{font-family:'Lato', sans-serif;}
.margin-tops4{margin-top:-10px;}
.tabsetting{border-top:0px solid #ebebeb;padding-top:5px;}
.services{background-color:#d4d4d4;min-height:710px;padding:65px 0 27px 0;}
.services a:hover{color:#000;}
.services h1{margin-top:0px !important;}
.heading-container p{font-family:'Lato', sans-serif;text-align:center;font-size:16px !important;text-transform:uppercase;}


/*Footer Style*/
footer {
    background-color: #165590;
    float: left;
    padding: 10px 0 20px;
    width: 100%;
}
footer .heading-footer {
    color: #d9d6d6;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 22px;
}
footer p {
    color: #fff;
    font-size: 14px;
}
footer p span {
    color: #fff;
}
footer .footer-ul {
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0;
    padding-top: 30px;
}
footer .footer-ul li {
    font-size: 14px;
    margin-bottom: 10px;
}
footer .footer-ul li a {
    color: #fff;
    transition: color 0.2s linear 0s, background 0.2s linear 0s;
}
footer .post p {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}
footer .post p span {
    color: #8f8f8f;
    display: block;
    font-size: 12px;
}
footer .social-icons i {
    background-color: #fff;
    border-radius: 50%;
    color: #141517;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center;
    width: 30px;
}
footer .footer-ul i {
    margin-right: 10px;
}
.copyright {
    background-color: #000;
    float: left;
    min-height: 40px;
    width: 100%;
    color: #fff;
}
.copyright p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 0;
    padding: 10px 0;
    text-align: left;
}
.copyright a {
    color: #fff;
}
.copyright .bottom_ul {
    float: right;
    list-style-type: none;
    margin-bottom: 0;
}
.bottom_ul li {
    float: left;
    line-height: 40px;
}
.bottom_ul li a {
    color: #fff;
    font-size: 12px;
}
.bottom_ul li::after {
    color: #fff;
    content: "/";
    margin-left: 8px;
    margin-right: 8px;
}
.bottom_ul li:last-child::after {
    content: "";
}

@media only screen and (max-width: 767px){
    .admin-bar{display: none;}
}
.icon-bar {
    position: fixed;
    float: right;
    top: 15%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Style the icon bar links */
.icon-bar a {
    display: block;
    text-align: center;
    padding: 6px;
    transition: all 0.3s ease;
    color: white;
    font-size: 10px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
    background-color: #000;
}

.facebook {
    background: #3B5998;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}

.google {
    background: #dd4b39;
    color: white;
}

.linkedin {
    background: #007bb5;
    color: white;
}

.youtube {
    background: #bb0000;
    color: white;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 300px;
    margin: auto;
    text-align: center;
}

.title {
    color: grey;
    font-size: 18px;
}

button:hover, a:hover {
    opacity: 0.7;
}