@font-face {font-family: frbtr;src: url('/fonts/RobotoCondensed-Regular.ttf');}
@font-face {font-family: frbtb;src: url('/fonts/RobotoCondensed-Bold.ttf');}
@font-face {font-family: frbtl;src: url('/fonts/RobotoCondensed-Light.ttf');}

body { font-family:"frbtr",Open Sans,Arial,sans-serif; color:#555; font-size:14px; min-width:100%; background:#ededed;}
.hover-state,.hover-state1  {transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;}

.boxNew:hover, .boxN1:hover { background:#f8f8f8;}
.item-img2:hover .hover-state,
.listAlbum:hover .hover-state1,
.boxN1:hover .hover-state,
.lstNews:hover .hover-state, 
.boxS1:hover .hover-state,
.home-1:hover .hover-state,.home-2:hover .hover-state,.home-3:hover .hover-state,.home-4:hover .hover-state,.home22:hover .hover-state,
.news-item:hover .hover-state { opacity: 1;}
.hover-state1, .hover-state { opacity: 0; position:absolute; width:100%; height:100%; top:0px; left:0px; -webkit-box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.75); background:url(/images/bg/bg-view.png)no-repeat center;}
.hover-state1 {background:url(/images/icon/icon-zoom.png) no-repeat center;}

.suppot, .pnlSear, .total, .menu-top { -moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;}

a { color:#000;}
a:hover { color:#0193de !important; text-decoration:none;}
/*.bootsnav ul.nav > li > a {font-family:'frbtb',Open Sans;}*/

#header { position:relative; background:url(/images/bg/bg-banner-top.jpg)no-repeat top center #94d9fd; border-top:2px solid #ff0500; }
#header img { max-width:100%;}
#header .container {position:relative;}
.menu-top {position:absolute; top:5px; right:10px; background:#ff0500;}
.menu-top p {display:inline-block; border-right:1px solid #ff8280;}
.menu-top p:last-child {border-right:none;}
.menu-top p a {color:#fff; display:block; padding:3px 10px;}

/* search */
.pnlSear { height:32px; width:100%; position:relative; overflow:hidden; background:#fff; border:1px solid #ccc;}
.pnlSear input { width:100%; border:none; outline:none; height:100%;}
.txtKey { padding:0 46px 0 6px;}
.btnsearch { position:absolute; top:0; right:0; width:40px !important; background:url(/images/bg/bg-sear.png) no-repeat center;}
.btnsearch:hover { background-color:#ccc;}

.lang {font-size:16px; line-height:20px; text-align:center;}
.lang span {display:inline-block; padding-right:5px;}

/*.navbar-nav .dropdown .famenu { display:none; position:absolute; right:0; width:25px; height:100%; max-height:35px; background-color: rgba(52, 52, 52, 0.25); text-align:center; z-index:999999; top:0; font-size:16px; color:#fff;}
.famenu:before { height:100%; display:block; line-height:35px;}*/

/*============ col left ==============*/
.boxLM { margin-bottom:18px;}

.titH3 { font-size:16px; font-family:'frbtb','Open Sans'; color:#fff; background:url(/images/bg/bg-tith3.png)no-repeat left top #0193de; margin:0; padding:7px 10px; text-transform:uppercase;}
.titH3 a { color:#fff;}
.titH3b { color:#333; background-color:#cfcfcf;}
.titH3b a { color:#333;}
.contact a:hover, .titH3 a:hover { color:#fff !important; text-decoration:underline;}

.main-menu {margin-bottom:15px; background:#fff; -moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
.main-menu li { padding:7px 10px; border-bottom:1px dotted #e0e0e0; position:relative;}
.main-menu li i { margin-right:10px; color:#90949c;display: initial;}
.main-menu li:last-child { border-bottom:none;}
.main-menu li a { color:#585858;}
.main-menu li ul { border-top:1px solid #e0e0e0; margin:15px -15px -15px;}
.main-menu li ul li { padding:10px 15px;}

.main-menu:last-child { background:url(/images/bg/globan.png)no-repeat right center, url(/images/bg/bg-map.png)no-repeat 10px 50px, #fff;}
.main-menu:last-child li { padding:30px 10px; border-bottom:none; font-size:16px; font-family:frbtb,'Open Sans'; text-transform:uppercase;}
.main-menu:last-child li i {display:none !important;}

.suppot {margin-bottom:18px; background:#fff; padding:10px;}
.suppot li { padding:5px 5px 5px 40px; font-size:15px;}
.suppot li a { font-size:15px;}
.sptTel { background:url(/images/icon/icon-phone.png)no-repeat left center;}
.sptTel a {font-size:22px !important; color:#ff0500;}
.spMail {background:url(/images/icon/icon-mail.png)no-repeat left center;}
.spSkype {background:url(/images/icon/icon-skype.png)no-repeat left center;}
.titsp {display:block; font-family:frbtl,'Open Sans';}

.videoL { width:100%; overflow:hidden; background:#fff; color: #585858;}
.videoL h2 { font-size:14px; line-height:22px; margin:0; padding:5px;position:relative;}
.videoL h2 a { color:#585858;position:relative; padding-left:15px;}

.Main { margin-top:15px;}
.main-content {background:#fff; padding:15px; padding-top:10px;}
/* -------- Request ID----------*/
.page-pagin {padding:5px 0; color:#7d7d7d; margin-bottom:10px;}
.cmaTite { color:#7d7d7d; text-transform:none; font-size:13px; padding-right:7px; padding-left:5px;}
.cmaTite:first-child { padding-left:0px;}
.page-pagin i {display:initial; font-size:18px;}
/*----- Page ---------*/
.page-nummber	{ margin:30px 0;}
.page-nummber span a	{ padding:6px 12px; font-weight:500; font-size:15px; border:1px solid #ccc;}
.page-nummber span .apage:hover, .page-nummber span .cpage	{ color:#fff; Background:#007A80;  border:1px solid #007A80;}

.titName { margin-bottom:5px;font-size:24px;font-family:'frbtb';text-transform:uppercase;line-height:34px;color:#0193de;}
/*----- Page ---------*/
.content-post h1, .content-post h2, .content-post h3, .content-post h4, .content-post h5, .content-post h6 { margin:0 0 10px;}
.PicN a, .PicN { position:relative; display:block; height:160px; overflow:hidden;}
.PicN3, .PicN3 a {height:190px; overflow:hidden; position:relative; display:block;}
.boxNew { margin-left: -15px; margin-right: -15px; padding: 0 15px; }
div.lstNews {padding:15px 0; }
div.boxNew:last-child { border-bottom:none !important; padding-bottom:0 !important;}
/*div.lstNews .PicN { height:160px; position:relative; overflow:hidden;}*/
.PicN3 img,
div.lstNews .PicN img { width:100%; max-height: 100%; object-fit: cover;}
.item-img2 h3,
div.lstNews h3 {font-size:18px;line-height:1.4;margin:0 0 8px 0; font-family:frbtb,'Open Sans';}
div.lstNews p {max-height:80px;overflow:hidden;text-align:justify}
div.lstNews a.alink {display:block;text-align:right;color:#333; float:right; font-size:13px;}
div.lstNews a:hover { color:#f68e34;}
 
.line { border-top:1px dashed #d5d5d5; margin:0;}
.boxNew:last-child .line {display:none;}
.title-post .time, .post-related .time, div.lstNews .time{font-style:italic; font-size:13px; background:url(/images/icon/icon-lich.png)no-repeat left; padding-left:20px;}

div.detail-post {margin-bottom:15px}
.titH1,
div.detail-post .title-post h1 {margin:0px 0 8px 0; font-size:23px;color:#333;line-height:1.35; font-family:'frbtb';}
div.detail-post .content-post  {text-align: justify;overflow:hidden}
div.detail-post .content-post p {margin:0 0 10px}
.pnlContact img,
.content-post img {max-width:100% !important;height:auto !important;margin:5px 0;}
div.detail-post .content-post h2,div.detail-post .content-post h3,div.detail-post .content-post h4 {font-weight:normal;margin:0 0 10px}

div.detail-post .post-related { list-style:none; padding:0;}
div.detail-post .post-related li h3 {font-size:18px; text-transform:uppercase; font-family:'frbtb'; margin-top:10px; }
div.detail-post .post-related li {margin:4px 0; position:relative;}
div.detail-post .post-related li a {padding-left:15px;}
div.detail-post hr {margin:10px 0 5px 0}

.pnlContact .control-label { font-family:'frbtb';}

.listV img { width:100%;}
.listV a { display:block; position:relative; text-align:center; background:#f1f1f1;}
.listV a:hover i { color:#cc181e;}
.listV i { position:absolute;top: 35%; left: 0;right: 0; color:#333;}
.listV .name { display:block; margin:5px; font-family:frbtb; height:42px; overflow:hidden;}
/*============ col right ==============*/
#carousel-slide:hover .owl-nav {opacity:1;}
#carousel-slide .owl-nav {opacity: 0;}
#carousel-slide .owl-next, #carousel-slide .owl-prev { display: block;position: absolute;top: 50%; margin-top:-30px; width: 30px;height: 60px;cursor: pointer;background: url(/js/Owlcarousel/a11.png) no-repeat;overflow: hidden;text-indent:9999px;}
#carousel-slide .owl-next { background-position:3px 0; left: 8px;}
#carousel-slide .owl-prev { background-position:-83px 0; right: 8px;}

#carousel-slide .owl-dots {text-align:center;position: absolute; bottom:10px; right:10px;}
#carousel-slide .owl-nav .disabled{opacity:.5;cursor:pointer;}
#carousel-slide .owl-dots .owl-dot{display:inline-block;zoom:1; width:12px; height:12px; background:#fff; margin-right:5px;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
#carousel-slide .owl-dots .owl-dot.active, #carousel-slide .owl-dots .owl-dot:hover {background:#ff0500;}
.owl-thumbs{display:none;}

.owl-album .owl-next:hover, .owl-album .owl-prev:hover {opacity:1;}
.owl-album .owl-next, .owl-album .owl-prev { opacity:.5; display:block;position:absolute;top:180px; width:30px;height:40px;cursor: pointer;background: url(/js/Owlcarousel/bg-btn2.png) no-repeat #fff;overflow: hidden;text-indent:9999px;}
.owl-album .owl-prev { background-position:8px; left: 8px;}
.owl-album .owl-next { background-position:-15px; right: 8px;}
.owl-album .owl-dots {display:none;}

.owl-album .itemImg { height:400px; overflow:hidden; position:relative;}
.owl-album .itemImg img {max-height: 100%; object-fit: cover;}
.owl-album .itemImg span {position:absolute; width:100%; display:block; bottom:0; padding:7px; color:#fff; background:rgba(0,0,0,0.5);}
.owl-album .owl-thumbs {display:block !important; background:#ededed;padding:5px;margin-top:5px;}
.owl-album .owl-thumb-item { width:20%; padding:5px;}
.owl-album .owl-thumb-item img { border:3px solid #fff; height:100px; width:100%;}
.owl-album .owl-thumb-item.active img { border:3px solid #0193de;}

.item-img2 a { display:block; background:#fff; text-align:center;position:relative;border:1px solid #ccc;}
.item-img2 span { display:block; padding:7px; text-transform:uppercase;}
.item-img2:hover span {color:#ff0500;}
.item-img2 img {width:100%;}
.item-img2 h3 a {border:none !important;}
.item-img2 .imga { height:155px; overflow:hidden; }

.listAlbum {position:relative; display:block; height:150px;overflow:hidden;}
.listAlbum img {width:100%;max-height: 100%;object-fit: cover;}

.adv4 {margin-left:-7px; margin-right:-7px;}
.adv4 p {padding:7px; width:50%; float:left; text-align:center;}
.adv4 p a { width:200px; height:110px; vertical-align: middle; display: table-cell; direction:inherit; background:#fff;}

.advc {max-height:94px; overflow:hidden;}
.advc img {width:100%;}

/*------ About ------*/
.adv2 { display:block; margin-bottom:10px;}
.adv2 img { width:100%;}
.titH2 { margin-bottom:10px; line-height:24px; text-transform:uppercase; font-size:17px; font-family:frbtb,'Open Sans'; background:url(/images/bg/bg-tith2.png) repeat-x center;}
.titH2 a, .titH2 span { color:#000; background:#ededed; padding:0 10px;}
.About img { width:100%;}
.About div.mgb10 { max-height:215px; overflow:hidden;}

/*-------- Box News ---------*/
.boxN1 { text-align:justify;}
.boxN1 .PicN {display:block; height:140px; overflow:hidden; width:100%;}
.ci-item a img,
.boxN1 .PicN img { max-height: 100%; width: 100%; object-fit: cover;}
.boxN1 h3 { font-size:14px; margin:10px 0; font-family:frbtr,'Open Sans'; position:relative;}
.boxN1 h3 a {}
.tit2 {padding-left:12px;}
div.detail-post .post-related li a:before,
.videoL h2 a:before,
.tit2:before {content: "";height:5px;width:5px;background:#ff0500;position:absolute;left:0;top:6px;}
.boxN1 .time { border:1px solid #c8c7c7; color:#b4b4b4; font-size:13px; font-style:italic; padding:4px 15px; display:block; float:left;}
.NDN { color:#5c5d5d; overflow: hidden; font-family:frbtl, 'Open Sans';}

.box-da {}
.box-da h2 {margin-bottom: 10px;line-height: 24px;text-transform: uppercase; font-size: 17px;font-family: frbtb,'Open Sans';}
.ci-item a {display:block; position:relative; margin-bottom:10px; height:155px; overflow:hidden;}
.ci-item .name1 {display:block; padding:2px 5px 2px 20px; position:absolute; bottom:0; background-color: rgba(0,0,0,.45); color:#fff; width:100%;}
.ci-item .name1:before {content: "";height: 5px;width: 5px;background: #fff;position: absolute;left:8px;top:9px;}

.owl-carousel-one .owl-prev , .owl-carousel-one .owl-next { text-indent:-9999px; position:absolute;top:-34px; z-index:2; background:url(/js/Owlcarousel/bg-btn2.png) no-repeat; width:20px; height:28px;}
.owl-carousel-one .owl-prev {right:20px; background-position:0;}
.owl-carousel-one .owl-next {right:0;background-position: -20px;}


.menu-uti {border:1px solid #ccc; border-top:none;}
.menu-uti li { padding:6px 10px; background:#eaeaea;line-height:20px;}
.menu-uti li:nth-child(2n) { background:#f2f2f2;}
.menu-uti i { color:#838383; margin-right:10px; display:initial; font-size:20px;}
.menu-uti li a { color:#2e2e2e;}

/*=========== Foter ==============*/
#footer { padding:20px 0; background:#fff;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5 { font-size:18px; font-family:frbtb,'Open Sans'; text-transform:uppercase; margin-bottom:15px;}

#AdvBot { position:relative; margin-top:30px; text-align:center; background:#fff; border:1px solid #dcdcdc;}
.boxAdv { padding:20px 25px; overflow:hidden;}
#AdvBot h2 {margin-bottom: 10px;line-height: 24px;left:25px; text-transform: uppercase;font-size: 17px;font-family: frbtb,'Open Sans'; position:absolute; top:-11px; background:url(/images/bg/bg-doi-tac.jpg)no-repeat center; width:80px; text-align:center;}
#AdvBot .item { width:200px; height:95px; vertical-align: middle; display: table-cell; direction:inherit; border:1px solid #dcdcdc;}
.adv4 p img,
#AdvBot .item img { width:auto; max-width:100%; max-height:100%; margin:0 auto;}

#AdvBot .owl-prev , #AdvBot .owl-next { text-indent:-9999px; position:absolute;top:50%; margin-top:-18px; z-index:2; background:url(/js/Owlcarousel/bg-btn2.png) no-repeat; width:20px; height:36px;}
#AdvBot .owl-prev {left:-20px;background-position:0;}
#AdvBot .owl-next {right:-24px;background-position: -20px;}

#copy { background:#1c2122; padding:10px 0; color:#eee; line-height:25px; overflow:hidden;}
#copy a {color: #eee !important;}
#copy ul li { padding-right:0;}
.contact { float:left; height:38px; line-height:38px; color:#fff; padding:0 30px;border-radius:19px; background:#0193de;}

.scrollToTop { position:fixed; bottom:35px; right:10px; display: none; z-index:9999;}

.total { color:#333; background:#fff; margin-right:10px;}
.total p {display:inline-block; padding:3px 10px; border-right:1px solid #333;}
.total p span { color:#ff0500; padding:0 10px; font-family:frbtb, 'Open Sans';}
.total p:last-child {border-right:none;}

@media (min-width: 1025px){ 
    .container {width:1120px;}
    .bootsnav ul.nav > li > a {padding:9px 18px;}
	.bootsnav ul.nav > li.dropdown > a { padding:9px 20px !important;}
}

.container, .navbar-collapse, [class^=col-] {padding-left:10px;padding-right:10px;}
.row {margin-left:-10px;margin-right:-10px;}

@media (max-width: 991px) {
	.container, .navbar-collapse,
	[class^=col-] {padding-left:7px;padding-right:7px;}
	.row {margin-left:-7px;margin-right:-7px;}
	
	/*.navbar-nav>li.dropdown > a { padding:7px 30px 7px 10px !important;}*/
	.navbar-nav .dropdown .famenu { display:block !important;}
	#AdvBot { margin-top:0;} 
	.siderbar { display:none !important;}
	.video .row,
	.category { white-space: nowrap;overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;}
	.video .row .thumb,
	.category .items {display: inline-block !important;float: none;}
	.category h3 { margin-top: 22px !important;}
	.pro-slider h3 { font-weight:bold; margin-top:10px !important;}
	.box-pro-home h3 span { font-weight:bold; font-size:14px !important;}
	.page-title h2 { font-weight:bold; font-size:17px !important;}
	.detail-pro .right h1 { font-size:20px !important; font-weight:bold;}
	.attr-navigation { padding:5px 0;}
	.attr-navigation .search { width:85%; background:#fff; height:32px; border:1px solid #fff; white-space:nowrap;}
	.btnKeys3, .txtKey3 { border:none; height:100%; float:left; outline:none; padding:0 5px;}
	.btnKeys3 { width:36px; text-align:center; font-size:20px; padding-top:5px;}
	.btnKeys3:hover { color:#fff; background:#07781e;}
	.txtKey3 { width:85%;}
	#content { margin-top:5px;}
	.lstnews .thumb { width:30% !important; height:auto !important;}
	.copy { text-align:center;}
}

.boxContact { max-width:450px; margin:0 auto 20px;}

@media screen and (min-width: 640px) and (max-width: 767px) {
	.Main { margin-top:10px;}
	.PicN a, .PicN { height:150px;}
	.mgl25 { margin-left:25%;}
	.code .col-xs-4 { width:25% !important;}
    .owl-album .itemImg { height:350px;}
    .owl-album .owl-next, .owl-album .owl-prev {top:150px;}
}
@media (max-width: 639px) {
	.Main { margin-top:0;}
	.form-group .col-xs-3, .form-group .col-xs-9, .form-group .col-xs-4,
	.scroll .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7 { width:100% !important;}
	.boxN1 h3 { min-height:0;}
	.code .col-xs-4 { width:33.333% !important;}
    .total p:nth-child(2) { display:none;}
    .owl-album .itemImg { height:300px;}
    .owl-album .owl-next, .owl-album .owl-prev {top:150px;}
}
@media (max-width: 479px) {
	#carousel-slide .item { height:210px; overflow:hidden;}
	#carousel-slide .item img { height:100%; width:auto !important;}
    .owl-album .itemImg { height:auto !important;}
    .owl-album .owl-next, .owl-album .owl-prev {top:100px !important;} 
    .owl-album .owl-thumb-item { width:33.333%;}
}
@media screen and (min-width: 460px) and (max-width: 639px) {
	.scroll .col-xs-4, .boxLM .col-xs-12,
	.AboutAdv .col-xs-12 { width:50% !important;}
	.scroll .itmeScr:last-child { display:none;}
}
@media (max-width: 459px) {
	.lstNews .col-xs-4, .lstNews .col-xs-8 { width:100% !important;}
	.boxLM .col-xs-12, .AboutAdv .col-xs-12 { width:50% !important;}
}

.Site1 { font-size:15px; font-family:'frbtb'; text-transform:uppercase; padding-left:40px;}
.Site1 li { line-height:36px;}
.Site1 li i {display:initial; }
.Site1 li a { color:#585858;}
.Site1 li > ul { font-family:'frbtr'; text-transform:none; padding-left:40px;}
.Site1 li > ul li { line-height:30px;}
.Site1 li > ul li ul {font-family:'frbtl';}
.Site1 li > ul li ul li:before { content:""; height:5px; width:5px; background:#333; margin: 15px 10px 0 0; float:left;}
.ytp-title-text,
.ytp-title { display:none !important;}