@font-face {
    font-family: "Oswald import";
    src: url('../../gd/fonts/Oswald/Oswald-Regular.ttf') format("truetype");
}

@font-face {
    font-family: "Roboto";
    src: url(../../gd/fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Roboto Condensed";
    src: url(../../gd/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Dancing Script";
    src: url('../../gd/fonts/Dancing_Script/DancingScript-Regular.ttf') format("truetype");
}

@font-face {
    font-family: "Open Sans";
    src: url(../../gd/fonts/Open_Sans/OpenSans-Regular.ttf) format("truetype");
}


body {
    font-family: Roboto, "Open Sans", sans-serif;
    background-color: #336699;

}


.main-content-list {

    width: 70%;

    /* background-image: url(../../gd/bgtb.jpg);*/
    background-color: #E9E9E9;
}

.right-content-list {

    width: 30%;
    padding: 0px 8px 0px 10px;

}

.col-sm-6,
.col-sm-3,
.col-sm-9 {
    padding: 0px 0px 0px 7px;
}

.col-sm-12 {


    text-align: justify;
}

.navbar-default {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.98em;
    letter-spacing: 0px;

    background-color: #E9E9E9;
    color: white;

}

.navbar-default .navbar-nav>.active {
    color: #E9E9E9;
    background: #E9E9E9;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background: #E9E9E9;
}

.navbar-brand {
    font-family: 'Roboto Condensed';
    font-size: 16px;
    letter-spacing: 0px;
}

.navbar-brand a {
    color: #000000 !important;
}

.set-white {
    color: #333333 !important;
}

.set-height {
    height: 20px !important;
}

.title-page-current,
.title-page-current a {
    font-size: 20px;
    color: #DB4437;
    font-family: 'Oswald import', 'Roboto Condensed', sans-serif;
    padding-bottom: 11px;
    background-color: white;
}

.title-breadcrumbs,
.title-breadcrumbs a {
    font-size: 20px;
    color: #336699;
    font-family: 'Roboto Condensed', 'Open Sans', sans-serif;
}

.tag-hotnews,
.tag-hotnews a {
    color: #336699;
    font-size: 15px;
    font-family: 'Roboto', 'Open Sans', sans-serif;
}

.hotnew-description {
    color: #00CC00;
    font-size: 12px;
    padding: 10px 3px 0px 0px;
    text-align: right;
}

.small-font {
    font-size: 10px;
    color: #C9C9C9;
}

.Normal {
    font-family: Roboto, "Open Sans", sans-serif;
}

a,
a:hover,
a:visited,
a:active {
    text-decoration-line: none !important;

}

.post-index {
    background-size: cover;
    background-position: center;
    height: 250px;
    vertical-align: bottom;
    border: 1px solid #5c5c5c;
}

.book-index {
    background-size: initial;
    background-position: center;
    height: 400px;
    vertical-align: bottom;
}

.div-title {
    /*background-color: #fffee8;*/
    padding-top: 5px;

}

.div-title h3 {
    margin-bottom: 5px;
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    line-height: 1.3;
}

.space-post {
    height: 5px;
    margin-bottom: 4px;
    margin-top: 5px;
}

.title-post-index {
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    height: 50px;
    font-size: 19px;
}

.title-post-index a {
    color: #cf2721;
}

.hotnews {
    padding: 7px;

    cursor: pointer;
    text-align: justify;
}

.hotnews p {
    padding: 0px;
    margin: 0px;
}

.social-share {
    padding-bottom: 5px;
    padding-top: 5px;

}

.desc_post {
    color: #00ACED;
    font-size: 13px;

    padding: 3px 0px 15px 0px;
}

.desc-category,
.desc-category:hover {
    color: currentColor;
}

.row:after {
    content: "";
    clear: both;
    display: table;
}


.banner:after {
    content: "";
    clear: both;
    display: table;
}

.img-banner {
    width: 100%;
    height: auto;
}

.caption-header {

    line-height: 35px;
    /*border-left:4px solid #7c7c7c;*/
    margin-top: 5px;
    margin-bottom: 2px;

    padding-left: 5%;
    background-color: #afafaf;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Oswald import', 'Roboto', sans-serif;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.caption-header a {
    color: #ffffff;
}

.col-sm-3 {
    padding-right: 2px;
}

.col-sm-8 {
    padding-right: 2px;
}

.col-sm-4 {
    padding-left: 2px;
}

.right-content-list-mb {
    padding-right: 7px;
}

.center-content-list-mb {
    padding-right: 0px;
}

.list-docnhieu,
.list-categories {

    list-style: none;
    /* Remove list bullets */
    padding: 0px;
    margin: 0;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    border-bottom: 1px solid #dadada;
}

.list-docnhieu li,
.list-categories li {
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dadada;
    background-color: #E9E9E9;
    font-size: 15px;

}

.list-docnhieu li:before,
.list-categories li:before {
    content: "";
    /* Insert content that looks like bullets */
    padding-right: 0px;

    font-size: 15px;
}

.list-docnhieu li a,
.list-categories li a {
    color: #1c3a57;
}

.datepost {
    color: #A8B2BC;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: italic;
    margin-top: -7px;
    font-size: 13px;
    padding-left: 5px;
}

.in-categories {
    color: #1c3a57;
    font-family: 'Roboto', sans-serif;
    margin-top: -7px;
    font-size: 13px;

}

.cat-ext,
.cat-ext a {

    color: #109604 !important;
}

.form-search {
    padding: 5px;
}

.fb {
    color: #4267B2;
}

.gplus {
    color: #DB4437;
}

.instagram {
    color: #6A453B;
}

.twitter {
    color: #00ACED;
}

.linkedin {
    color: #225982;
}


.title-post {
    color: #DB4437;

}


.footer p {

    height: 80px;
    line-height: 80px;
    text-align: center;
    display: block;
    color: #bbbbbb;
}


.chantrang a,
.chantrang a:hover,
.chantrang a:visited {
    color: darkcyan;

}


.fullname-comment {
    font-size: 1em;
    color: #215E9B;
    padding: 0px 0px 19px 0px;
}

.content-comment {
    font-size: 1em;
    padding-bottom: 7px;
}

.fullname-comment small {
    font-size: 0.8em;
    color: #626263;
}

.box-comments {
    border-bottom: 1px solid #e5e9ff;
    padding-bottom: 7px;
    padding-top: 15px;

}

.caption_comment {
    font-family: 'Roboto Condensed', sans-serif;
    color: #00ACED;
    font-size: 23px;

}

.comment-reply {
    color: #43a53b;
    font-size: 1em;
}

.max-100 {
    width: 100%;
}

.max-fix {
    width: 100%;
    height: auto;
}

.list-content,
.list-content a {

    font-family: Roboto, sans-serif;
    color: black;
}

iframe {
    width: 100% !important;

}

.style-visited {
    padding-top: 5px;
    padding-left: 30px;
    padding-bottom: 10px;
}

.noi-dung {
    font-size: 18px;
}

@media (max-width: 900px) {
    .row {
        margin-right: -8px;
        padding-right: 0px;
    }

    .list-content {
        font-size: 16px;
        padding-right: 20px;
    }

    .right-content-list,
    .main-content-list {
        width: auto !important;
        margin-left: 5px;

    }

    .right-content-list {
        padding: 0px 0px 0px 0px;
    }


    .div-title {
        /*background-color: #fffee8;*/
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .hotnews {
        margin-top: -12px;
        margin-bottom: 10px;
    }

    .title-post {
        color: #ce231a;
        font-size: 22px;
    }

    #myCarousel {
        width: 100% !important;
    }

    .navbar-default {
        width: auto !important;
        margin-right: -14px;
        margin-left: -14px;
    }

    .title-post-index {
        height: auto !important;
    }

    .space-post {
        height: 5px;
        margin-bottom: 3px;
        margin-top: 5px;
    }

    .div-title h3 {
        margin-bottom: 3px;
        margin-top: 0px;
    }
}

@media (min-width:955px) {
    .row {
        margin-right: -12px;
        padding-right: 0px;
    }

    .noi-dung,
    .list-content {
        font-size: 16px;
    }

    .container {
        width: 955px;
    }

    #myCarousel {
        width: 955px !important;

    }

    .navbar-default {
        width: 945px;
        margin-top: 5px;
        margin-bottom: 2px;
        margin-left: -10px;
    }

    .col-sm-6 {
        padding-left: 14px;
    }



}

.title-suyngam {
    font-size: 18px;
    color: #ed8e00;
    padding-bottom: 20px;
    padding-top: 0px;
}

.list-content {
    padding-right: 12px;
    padding-left: 12px;
}

.col-md-9 {
    padding-right: 12px;
    padding-left: 15px;
}

/* */