a:hover, a:focus{ text-decoration: none; }
.row.mg-0{ margin:0 }
.wrp{ margin:auto!important; width:1246px; max-width:100%; }
.wImage { position: relative; overflow: hidden }
.wImage::before { content: ""; display: block; padding-bottom: 66.66% }
.wImage .image { height: 100%; left: 0; position: absolute; top: 0; width: 100% }
.wImage .image.cover img { height: 100%; object-fit: cover; width: 100%; }
.wImage .image img { display: block; margin: auto; max-height: 100%; max-width: 100%; vertical-align: middle; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out }
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: rgba(42, 49, 90, 0.719);  border-radius:5px; }
::-webkit-scrollbar-thumb:hover { background: rgb(42, 49, 90); }
header{ margin-bottom: 40px; }
#headTitle{ position: relative; padding-top:10px; padding-bottom: 10px; background: #c60e05; background-size:47%;}

/*#headTitle::before{ content: ""; position: absolute; background: url("../image/header-bg-red-old.png") right top/100% 100% no-repeat; background-size: 100% 103% ; width: 100%; height: 100%; left:0; top:0; }*/
#headTitle .wImage{ width:450px }
#headTitle .wImage::before{ padding-bottom:27.67% }

.navbar{ background: linear-gradient(to bottom, #a11912, #db4038); border-radius: 0; border:none; z-index: 999; }
/*.navbar{ background: linear-gradient(to bottom, #0c5aea, #008af5); border-radius: 0; border:none; z-index: 999; }*/
.navbar a{ width: 100%; color: white; font-family: 'UTM Alberta'; font-size:14px; display: inline-block; padding:15px 20px }
.navbar ul{ margin:0; list-style: none; padding:0 }
.navbar li{ padding: 0; position: relative; flex:1; white-space: nowrap; }
.navbar li:hover{ background: #a90f2e; }
/*.navbar li:hover{ background: #0478f1; }*/
.navbar li:hover ul{ display: block; }
.navbar #main-nav{ display: flex; }
.navbar #main-nav>li::after{ content: ""; position:absolute; right:0; top:50%; transform: translateY(-50%) ; width:1px; height:16px; background: white;}
.navbar #main-nav>li>a{ text-transform: uppercase; }

.navbar #main-nav li:last-child a{ border:none}
.navbar ul.sub-nav{ display:none; width: 100%; min-width: 200px; position: absolute; background: #c60e05; top:99%; z-index: 1; }
/*.navbar ul.sub-nav{ display:none; width: 100%; min-width: 200px; position: absolute; background: #008af5; top:99%; z-index: 1; }*/
.navbar ul.sub-nav a{ white-space: normal; }
.menu{ display: none; }
#rwd-nav{ display: none; }
.pageSection{ display:flex; margin-bottom: 40px; }
.pageSection .colLeft{ display: flex; flex-wrap: wrap; width:75%; margin-right:20px;}
.pageSection .colRight{ width:25%; }

.pageSection .title{ padding:15px 20px; padding-top:0;  }
.pageSection .title a{ display: inline-block; position: relative; font-family: 'UTM Alexander'; font-size: 17px; line-height: 17px; color:white; padding:15px 60px; margin-top: -13px; transition: padding-right 0.3s ease-in-out; }
/*.pageSection .title a:hover{ padding-right:70px; }*/
.pageSection .title a::before{ content: ""; position: absolute; width: 0; height: 0; border-bottom: 13px solid; border-left: 6px solid transparent; top:0; left:-6px }
.pageSection .title a::after{ content: ""; position: absolute; width: 0; height: 0; border-bottom: 13px solid ; border-right: 6px solid transparent; top:0; right:-6px }
.pageSection .banner{ margin-bottom: 20px; }
.pageSection .banner img{ width: 100%; }

.pageSection .head-news:hover img{ transform: translateY(-50%) scale(1.1); }
.pageSection .head-news .content{ background:#f0f0f0;}
.pageSection .head-news:hover .content h3 a{ color: #a11912; }
.pageSection .head-news .content h3,
 .pageSection .head-news .content p{ margin:0 }
.pageSection .head-news .content a{ display: inline-block; font-family: 'Roboto Slab'; color:#333333 }
.pageSection .head-news .content h3{ font-weight: 700; }

#firstNew .colLeft .list-news{ max-width:295px; margin-right:15px; border:none; border-bottom: none; padding:0 }
#firstNew .colLeft .list-news .title{ border:1px solid #dae0e8;  }
#firstNew .colLeft .list-news .title a{ background: linear-gradient(to bottom, #a11912, #db4038) }
#firstNew .colLeft .list-news .title a:hover{ background: #a11912; }
#firstNew .colLeft .list-news .title a::before{ border-bottom-color: #c60e05; }
#firstNew .colLeft .list-news .title a::after{ border-bottom-color: #c60e05;}
/*#firstNew .colLeft .list-news .title a{ background: #00a9e8; }*/
/*#firstNew .colLeft .list-news .title a::before{ border-bottom-color: #0094f1; }
#firstNew .colLeft .list-news .title a::after{ border-bottom-color:#0094f1;}*/
#firstNew .colLeft .list-news .content ul{ margin:0; padding:0; list-style: none;}
#firstNew .colLeft .list-news .content li{border: 1px solid #dae0e8; border-width: 0 1px 1px 1px;}
#firstNew .colLeft .list-news .content li a{ padding:16px 30px; display: inline-block; margin: 1px; font-family: 'Roboto Slab'; font-weight: 700; font-size: 14px; line-height: 23px; color:#333333; background: white; }
#firstNew .colLeft .list-news .content ul li a:hover{ background: #dfdddd; }
#firstNew .colLeft .list-news .dotdotdot{ height: 46px; box-sizing: content-box; }
#firstNew .colLeft .list-news .content li:nth-child(odd) a{ background:#f0f0f0 }
#firstNew .colLeft .head-news{ width: calc( 100% - 295px - 15px );position: relative }

#firstNew .colLeft .head-news .item{ width:100%}
#firstNew .colLeft .head-news .wImage::before{ padding-bottom: 57.39%; }
#firstNew .colLeft .head-news .content{ padding:25px 35px 0 30px; }
#firstNew .colLeft .head-news .content a{ max-height: 69px; line-height: 23px; font-size: 16px;}
#firstNew .colLeft .head-news .content h3{ margin-bottom: 10px; }
#firstNew .colLeft .head-news .content h3 a{ line-height: 31px; max-height: 93px; font-size: 27px; }
#firstNew .colLeft .head-news .owl-carousel .owl-nav{ opacity: 0; transition: opacity 0.3s ease-in-out; }
#firstNew .colLeft .head-news .owl-carousel .owl-nav button{ position: absolute; top:50%; transform: translateY(-50%); color:rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.5); font-size:40px; outline:none; border:none; margin: 0; padding:30px 20px!important;}
#firstNew .colLeft .head-news:hover .owl-carousel .owl-nav{ opacity: 1; }
#firstNew .colLeft .head-news .owl-carousel .owl-nav .owl-prev{ left:0; }
#firstNew .colLeft .head-news .owl-carousel .owl-nav .owl-next{ right:0; }

#firstNew .colRight .banner:last-child{ margin-bottom: 0; }

#ht-hn{ flex-wrap: wrap; background: #cf3830; }
/*#ht-hn{ flex-wrap: wrap; background: #00a9e8; }*/
#ht-hn .title{ padding-left: 35px; padding-bottom: 25px; }
#ht-hn .title a{ background: linear-gradient(to bottom, #a11912, #db4038); }
#ht-hn .title a:hover{ background: #a11912; }
#ht-hn .title a::before{ border-bottom-color: #a11912; }
#ht-hn .title a::after{ border-bottom-color:#a11912;}

#ht-hn .content{ width: 100%; display: flex; }
#ht-hn .content .item{ width: calc(100%/4 - 35px); margin-left:35px; }
#ht-hn .content .item:last-child{ margin-right:35px; }
#ht-hn .content .item .image-ctn{ border:1px solid #73d0f2; padding:4px; margin-bottom: 13px; }
#ht-hn .content .item:hover img{ transform: translateY(-50%) scale(1.05); }
#ht-hn .content .item .wImage::before{ padding-bottom: 60.15%; }
#ht-hn .content .item .cnt-contain{ margin-bottom: 15px; }
#ht-hn .content .item .dotdotdot{ display: inline-block; font-family: 'Roboto Slab'; max-height: 69px; line-height: 23px; font-size: 14px; color:white }
#ht-hn .content .item:hover .dotdotdot{ color: rgb(218, 219, 255) }
.category{ width: 100%; margin-bottom: 30px; }
.category .content-sub{ display: flex; flex-wrap: wrap; }
.category .content-sub .item:hover a{ color: #777676 }
.category h4{ font-weight: 700; font-size: 15px; margin-top:15px }
.category a{ display: inline-block; font-family: 'Roboto Slab'; color: #333333; }
.category h4 a{ line-height: 23px; max-height: 69px; }
.category{ border: 1px solid #d9dde3; }
.category.news{ position: relative; padding-top:20px }

.category.news .title{ position: absolute; z-index: 1; top:0; left: 0; }
.category.news .title a{ background: linear-gradient(to bottom, #a11912, #db4038);}
.category.news .title a:hover{ background: #a11912; }
.category.news .title a::before{ border-bottom-color: #c60e05; }
.category.news .title a::after{ border-bottom-color:#c60e05;}
/*.category.news .title a{ background: linear-gradient(to bottom,#09db87, #12c27e);}
.category.news .title a::before{ border-bottom-color: #0fb072; }
.category.news .title a::after{ border-bottom-color:#0fb072;}*/

.category.news .content-contain{ display: flex; }
.category.news .head-news .wImage::before{ padding-bottom: 57.6%; }
.category.news .head-news .content{ padding:15px }
.category.news .head-news .content a{ font-size:15px; line-height: 21px; max-height: 63px; }
.category.news .head-news .content h3 a{ font-size:22px; line-height: 25px; max-height: 75px; }
.category.news .head-news{ width: 50% }
.category.news .head-news:first-child{ margin-right:20px }
/*.category.news .head-news{ width: 55%; margin-right:20px }*/

.category.news .content-sub{ width: 48%; }
.category.news .content-sub .item{ width: calc(50% - 15px); margin-right:15px }
.category.news .content-sub .item:nth-child(even){ margin-right:0 }
.category.news .content-sub .item .wImage::before{ padding-bottom: 58.46%; }

.category.img .title{ padding-left:12px }
.category.img .title a{ background: linear-gradient(to bottom, #a11912, #db4038);}
.category.img .title a:hover{ background: #a11912; }
.category.img .title a::before{ border-bottom-color: #c60e05; }
.category.img .title a::after{ border-bottom-color:#c60e05;}
/*.category.img .title a{ background: linear-gradient(to bottom,#9961f2, #6774ec); padding:15px 45px; }
.category.img .title a::before{ border-bottom-color: #6966e8; }
.category.img .title a::after{ border-bottom-color:#6966e8;}*/
.category.img .content-sub{ padding-left:30px }
.category.img .content-sub .item{ width: calc(100%/3 - 35px); margin-right:35px }
.category.img .content-sub .item h4{ margin-bottom: 20px; }

#trgTV.pageSection{ padding: 0 50px; padding-bottom: 40px; flex-wrap: wrap; border:1px solid #d9dde3; margin-bottom: 30px; box-shadow: 0 5px 9px 1px rgba(51, 51, 51, 0.14) ; }
#trgTV.pageSection .title{ margin:0 auto; margin-bottom: 10px; }
#trgTV.pageSection .title a{ background: linear-gradient(to bottom, #a11912, #db4038) }
#trgTV.pageSection .title a:hover{ background: #a11912; }
#trgTV.pageSection .title a::before{ border-bottom-color: #a11912; }
#trgTV.pageSection .title a::after{ border-bottom-color:#a11912;}
/*#trgTV.pageSection .title a{ background: #00a9e8}*/
/*#trgTV.pageSection .title a:hover{ padding-right:60px }*/
/*#trgTV.pageSection .title a::before{ border-bottom-color: #0094f1; }
#trgTV.pageSection .title a::after{ border-bottom-color:#0094f1;}*/
#trgTV.pageSection .owl-carousel .item{ margin:0 30px }
#trgTV.pageSection .owl-carousel .item .wImage{ width: 70%; margin: 0 auto; margin-bottom: 15px; }
#trgTV.pageSection .owl-carousel .item .wImage::before{ padding-bottom: 100%; }
#trgTV.pageSection .owl-carousel .item .text p{ text-align: center; }
#trgTV.pageSection .owl-carousel .item .text a{ font-family: 'Roboto Slab'; color: #333333; font-size: 15px; font-weight: 700; line-height: 23px; }
footer .navbar{ background: linear-gradient(to bottom, #a11912, #db4038); margin-bottom: 0; }
footer .navbar ul.sub-nav{ top:unset; bottom:100% }
footer .navbar a{ box-shadow: 1px 0 1px #0480d6; }
footer .navbar #main-nav li:last-child a{ box-shadow: unset; }
footer #about{ padding-top:35px; padding-bottom: 60px; background: #e5e5e5; }
footer #about p{ font: 14px 'Arial' }
footer #about .wrp{ display: flex; }
footer #about .logo{ width: 143px; margin-right:30px }
footer #about .logo .wImage::before{ padding-bottom: 65.9%; }
footer #about .content{ display: flex;}
footer #about .content .contact{ margin-right:50px }
footer #about .content .contact p{ line-height: 25px; margin:0; padding: 0; }
footer #about .content .copyright p{ line-height: 27px; margin:0; padding: 0; }

#headTitle .wrp {position: relative}
.slideHeader { position: absolute; right: -140px; top: -10px; height: calc(100% + 20px); width: 900px}
.slideHeader:before { content: ""; width: 200px; height: 100%; position: absolute; top: 0; left: 0; background: url(../image/beforeHead.png) top left no-repeat; background-size: 100% 100%; z-index: 5}
.slideHeader:after { content: ""; width: 200px; height: 100%; position: absolute; top: 0; right: 0; background: url(../image/afterHead.png) top left no-repeat; background-size: 100% 100%; z-index: 5}
.slideHeader * {height: 100%!important}
.slideHeader .wImage { width: 100%!important; height: 100%}