@font-face {
    font-family: utmCafeta;
    src: url('font/UTM_Cafeta.ttf');
  }
.custom-toggler.navbar-toggler {
    border-color: rgb(29, 56, 255);
}
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(9,55,244, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }
body {
    margin: 0;
    font-family: Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background: #f1ebd5;
    overflow-x: hidden;
}
#main {
    /*background: #fff;*/
    padding: 5px;
    margin: 15px auto;
    margin-bottom: 0px;
 /*   -webkit-box-shadow: 0px 1px 3px 2px #929292;
    -moz-box-shadow: 0px 1px 3px 2px #929292;
    box-shadow: 0px 1px 3px 2px #929292;*/
}




nav#main-menu{position:relative;margin:0 auto;background-color: #720403;}
     nav#main-menu.scrollq{
 position:fixed;top:0;width: 100%;z-index: 999;
   background-color: #fff;left: 0;
    }

#main-menu ul{text-align: left;margin-bottom: 0;padding:5px 0;}
#main-menu,#main-menu ul,#main-menu ul li,#main-menu ul li a,#main-menu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#main-menu:after,#main-menu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#main-menu #head-mobile{display:none}
#main-menu > ul > li{display: inline-flex;align-items: center;}
#main-menu > ul > li > a{    padding: 10px 10px;font-size:14px;text-decoration:none;color:#fff;text-transform: uppercase;}
#main-menu > ul > li > a img{max-width: 170px;}
#main-menu > ul > li:hover > a{color:#bf282d}
#main-menu ul > li.active > a{color:#bf282d}
#main-menu > ul > li:hover,#main-menu ul li.active:hover,#main-menu ul li.active,#main-menu ul li.has-sub.active:hover{color:#ffac00!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#main-menu > ul > li.has-sub > a{padding-right:30px}
#main-menu > ul > li.has-sub > a:after{position:absolute;top:17px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}
#main-menu > ul > li.has-sub > a:before{position:absolute;top:14px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#main-menu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#main-menu ul ul{position:absolute;left:-9999px;z-index: 99999;top:36px}
#main-menu ul ul li{-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#720403;transition:all .25s ease}
#main-menu ul ul li:hover{}
#main-menu li:hover > ul{left:auto}
#main-menu li:hover > ul > li{border-bottom:1px solid #fff;}
#main-menu ul ul ul{margin-left:100%;top:0}
#main-menu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);line-height: 24px;padding:11px 15px;width:280px;font-size:16px; text-align: left; text-decoration:none;color:#fff;font-weight:400;}
#main-menu ul ul li:last-child > a,#main-menu ul ul li.last-item > a{border-bottom:0}
#main-menu ul ul li:hover > a,#main-menu ul ul li a:hover{color:#bf282d}
#main-menu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#main-menu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#main-menu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#main-menu ul ul ul li.active a{border-left:1px solid #fff}
#main-menu > ul > li.has-sub > ul > li.active > a,#main-menu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #fff}
#main-menu .submenu-button{display: none;}
@media (max-width:1000px){
nav#main-menu{width:100%;}
#main-menu{width:100%}
#main-menu ul{width:100%;display:none}
#main-menu ul li{width:100%;display: inline-grid;}
#main-menu ul li:hover{background:#fef3f8;    min-height: 46px;}
#main-menu > ul > li > a{text-align: left;text-transform: none;}
#main-menu ul ul li,#main-menu li:hover > ul > li{height:auto}
#main-menu ul li a,#main-menu ul ul li a{width:100%;border-bottom:0}
#main-menu > ul > li{float:none}
#main-menu ul ul{top:0;padding-bottom: 0;}
#main-menu ul ul li a{padding-left:25px}
#main-menu ul ul li{background:#fff!important;}
#main-menu ul ul li:hover{background:#fef3f8!important}
#main-menu ul ul ul li a{padding-left:35px}
#main-menu ul ul li a{color:#000;background:none}
#main-menu ul ul li:hover > a,#main-menu ul ul li.active > a{color:#ffac00}
#main-menu ul ul,#main-menu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#main-menu > ul > li.has-sub > a:after,#main-menu > ul > li.has-sub > a:before,#main-menu ul ul > li.has-sub > a:after,#main-menu ul ul > li.has-sub > a:before{display:none}
#main-menu #head-mobile{display:block;padding:23px;color:#1f4a36;font-size:18px;font-weight:700}
#main-menu .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
#main-menu .button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:3px solid #fff;border-bottom:3px solid #fff;content:''}
#main-menu .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:3px;width:20px;background:#fff;content:''}
#main-menu .menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#main-menu .menu-opened:before{top:23px;background:#bf282d;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#main-menu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:46px;width:46px;cursor:pointer}
#main-menu .submenu-button.submenu-opened{background:#ded7da}
#main-menu ul ul .submenu-button{height:34px;width:34px}
#main-menu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:''}
#main-menu ul ul .submenu-button:after{top:15px;right:13px}
#main-menu .submenu-button.submenu-opened:after{background:#bf282d}
#main-menu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#000;content:''}
#main-menu ul ul .submenu-button:before{top:12px;right:16px}
#main-menu .submenu-button.submenu-opened:before{display:none}
#main-menu ul ul ul li.active a{border-left:none}
#main-menu > ul > li.has-sub > ul > li.active > a,#main-menu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
/* end menu */
@media(max-width: 767px){
    #main-menu .button{
        right:auto;
        left: 0;
    }


}

















.bg-red {
    background-color: #a80000;
    padding: 0px;
}
li.nav-item.active {
    background: #a80000;
}
nav.navbar.navbar-expand-lg.navbar-red.bg-red ul li {
    padding: 0px 15px;
    position: relative;
}
nav.navbar.navbar-expand-lg.navbar-red.bg-red ul li a {
    font-family: 'arial';
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
div#news {
    float: left;
    color: white;
    background: #a80000 ;
}
#news h3{
    font-size: 22px;
    padding: 0px 114px 0px 10px;
    margin-top: 7px;
}
#right-triangle {
    float: left;
    width: 0;
    height: 0;
    border-left: 40px solid #a80000;
    border-top: 20px solid transparent;
    border-bottom: 21px solid transparent;
}
.new-feature {
    border: 1px solid #B1C0D6;
    min-height: 387px;
    padding: 5px;
}
.carousel-caption {
    right: 0px !important;
    left: 0px !important;
    text-align: left;
    bottom: 0px;
    color: black;
    background: rgba(204, 204, 204, .7);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}
.new-title {
    font-family: 'arial';
    font-size: 20px;
}
.title-header {
    
    text-align: center;
    padding: 4px 10px;
    font-size: 22px;
    text-transform: uppercase;
    background: #a80000;
    color: #fff;
}
.features-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
    border: 1px solid #B1C0D6;
    height: 400px;
}
.features-list li {
    margin-bottom: 7px;
    border-bottom: 1px dotted #B1C0D6;
    font-size: 12px;
    padding-left: 10px;
    padding: 5px 10px;
    padding-right: 7px;
}
ul.features-list li a.img {
    float: left;
    width: 68px;
    margin-right: 10px;
    border: 1px solid #ccc;
    text-align: center;
}
.feature-news ul li a {
    font-family: 'arial';
    color: black !important;
}
.mCSB_inside > .mCSB_container {
    margin-right: 10px !important;
}
.list-category {
    padding-right: 0px;
}
.cat-title {
    /*min-height: 35px;*/
    border-bottom: none !important;
    padding: 0;
    background: rgba(204, 204, 204, 0.39);
    border: 1px solid #ccc;
    overflow: hidden;
}
.cat-title:before{

}
.cat-title h3 {
    min-height: 34px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;background-color: #720403;
    margin: 0;position: relative;    padding: 5px 10px;
}
.cat-title h3:before{
	    content: "";
    position: absolute;
    right: -36px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 34px solid transparent;
    border-left: 36px solid #720403;
    border-bottom: 0px solid transparent;
}
.cat-title .pull-right a {
    vertical-align: text-bottom;
    font-weight: bold;
    display: inline-block;
    color: #a80000;
    
       margin-top: 4px;
    margin-right: 10px;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
ul.nav.cat-list {
    border: 1px solid #B1C0D6;
    padding: 5px;
    min-height: 330px;
}
ul.nav.cat-list li {
    margin-bottom: 5px;
    display: block;
    width: 100%;
}
.new-first .img {
    width: 34%;
    height: 120px;
    padding-right: 10px;
    overflow: hidden;
}
ul.nav.cat-list li a:hover {
    text-decoration: none;
    color: #0056b3;
}
.new-first .img img {
    width: 100%;
}
ul.nav.cat-list li a {
    color: black;
    font-family: 'arial';
    font-size: 14px;
}
ul.nav.cat-list p {
    font-family: 'arial';
    font-size: 13px;
}
.cat-list .image {
    width: 50px;
    float: left;
    margin-right: 10px;
    max-height: 50px;
    border: 1px solid #ccc;
}
.ctn-footer {
    background: #a80000;
    padding-top: 20px;
    box-shadow: 0px 3px 11px #111;
}
.copyright {
    color: white;
    font-size: 13px;
    padding-bottom: 20px;
}
.copyright p {
    margin-bottom: 0px;
    font-family: 'arial';
    font-size: 12px;
}
.doc-title h3 {
    
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 20px;
    color: #a80000;
    border-bottom: 3px solid #a80000;
    display: inline-block;
}
.video-title a{
    font-family: 'arial';
    color: black;
    font-size: 13px;
}
.video-list{
    margin-bottom: 10px;
}
.page-header .page-title {
    border-bottom: 2px solid #a80000;
    font-size: 18px;
    margin-bottom: 15px;
    padding-bottom: 0;
}
.page-header .page-title span {
    
    font-size: 20px;
    background-color: #a80000;
    color: #fff;
    padding: 6px 12px;
    display: inline-block;
    text-transform: uppercase;
}
.category-shadow {
    box-shadow: 1px 1px 1px 1px #a80000;
    margin-bottom: 20px;
    padding: 10px;
}
.article-container .category-list .entry-title {
    padding: 5px 0 0;
    font-size: 32px;
    text-align: justify;
}
.article-container .category-list .entry-title a {
    color: #a80000;
    font-family: 'arial';
}
span.posted-on a {
    font-family: 'arial';
    color: #a80000;
}
.categogy-no-image-item .entry-content.clearfix p, .categogy-list .entry-content.clearfix p {
    font-family: 'arial';
}
.custom-background{
    background-color: #a80000;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #a80000;
    border-color: #a80000;
}
.page-link, .page-link:hover {
    color: #a80000;
}
.widget-title {
    border-bottom: 2px solid #a80000;
    font-size: 15px;
    margin-bottom: 0px;
    padding-bottom: 0;
}
.widget-title span {
    
    font-size: 20px;
    background-color: #a80000;
    color: #fff;
    padding: 6px 12px;
    display: inline-block;
}
.secondary .side-content ul li a {
    color: #000;
    font-family: 'arial';
    font-size: 13px;
}
.secondary .side-content ul li {
    font-size: 15px;
    /*margin-bottom: 10px;*/
}
.secondary .side-content ul li:nth-child(2n){
	background-color: #e3dedb;
}
.break-c {
    padding: 6px;
    background: #cccccc38;
    border-left: 3px solid #a80000 !important;
    border: 1px solid #ccc;
}
.break-c a {
    color: #a80000;
    font-family: 'arial';
    font-size: 12px;
}
.content-post h3.tilte-post {
    margin-top: 10px;
    font-size: 20px;
    font-family: 'arial';
    color: #a80000;
    margin-bottom: 15px;
}
.content-post .view-detail-post {
    padding: 6px;
    background: #cccccc38;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}
.content-post .date-create {
    margin-right: 10px;
    font-family: 'arial';
    font-size: 12px;
    margin-top: 5px;
}
.content-post .content-text {
    text-align: justify;
    padding: 0 15px;
    font-family: 'arial';
    font-size: 13px;
}
.secondary ul li {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 10px 5px 10px 10px;
    list-style: none;
    background: url(./images/red-dot.png) no-repeat 2px center;
    background-size: 14px;
}
/*.side-item {
    border: 1px dotted #CCCCCC;
}*/
.secondary .side-content ul li:last-child {
    border-bottom: none;
    margin-bottom: 10px;
}
.content-post img{
    width: 100%;
}
.title_cot3{
       text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 15px;
}
.title_cot3 img{max-width: 40px; margin-right: 15px;}
.third{
    padding-left: 0;
}
.side-content{
    background-color: #f0efed;
}
.img-news{width: 30%;float: left;}
@media(max-width: 767px){
	.cat-box{margin:0;    padding: 0px;}
	.secondary{margin:0; padding: 0px;}
	.third{margin:0 15px;}
	.hidden-xs{display: none;}
	.logo_mb{text-align: center;padding:0 15px;}
	#main { margin-top: 0;padding:0 15px;}
  .row.mt-2{margin:0;}
.list-category{padding:0;}
.third {
    margin: 0;
    padding: 0;
}
}