@charset "utf-8";
/* Media queries */
@media screen and (max-width:1599px) {
/*.boxfix-support {
padding-top:inherit;
}*/
}
@media screen and (max-width:1199px) {
.tn-headtop, .tn-footer { padding-left: 5px; padding-right: 5px; }
.box_support { padding-left: 20px; padding-right: 20px; }
.footer_menu { padding-right: 0; }
}
@media screen and (max-width:959px) {
.tn-logo > span { display: none; }
.tn-bglogo { text-align: center; padding-top: 5px; }
.tn-logo img { height: 97px; width: auto; }
.mega-gnavsub2 { display: none; }
#gnav .nav.navbar-nav > li { border-bottom: 1px solid #dbdbdb; }
.mega-gnavsub-ul, .haveSub > ul { padding: 0; margin: 0; }
.mega-gnavsub-ul > li, .haveSub > ul > li { border-top: 1px solid #dbdbdb; }
.mega-gnavsub-ul > li > a, .haveSub > ul > li > a { color: #333; display: block; padding: 5px 20px; }
.haveSub > ul, .mega-gnavsub { display: none; margin-right: -40px; }
#gnav .nav.navbar-nav > li.open ul > li > a { text-decoration: none; }
#gnav .nav.navbar-nav > li.open > ul, #gnav .nav.navbar-nav > li.open > .mega-gnavsub { display: block; }
#gnav .nav.navbar-nav > li.haveSub, #gnav .nav.navbar-nav > li.havemega { position: relative; display: block; padding-right: 40px; }
#gnav .nav.navbar-nav > li.haveSub > .haveSub_btnspan, #gnav .nav.navbar-nav > li.havemega > .haveSub_btnspan { position: absolute; right: 0; top: 0; height: 41px; width: 40px; display: block; background-color: #E0E0E0; cursor: pointer; text-align: center; line-height: 40px; }
#gnav .nav.navbar-nav > li > .haveSub_btnspan:before { content: "\f0d7"; display:display:inline-block;
font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#gnav .nav.navbar-nav > li.open > .haveSub_btnspan:before { content: "\f0d8"; }
#gnav .nav.navbar-nav > li.haveSub a > span.caret, #gnav .nav.navbar-nav > li.havemega a > span.caret { display: none; }
.footer_menu { float: none; margin-bottom: 30px; }
.footer_menu > ul { float: left; width: 33.333%; padding: 20px; margin-right: 0; }
.footer_menudv { margin: 0 20px; }

.news-vert .featured-news {width:50%;padding-left:10px;padding-right:10px;}
.news-vert .featured-news .tn-dvsharebt{right:10px;}
}
@media screen and (max-width:767px) {
.navbar-default .navbar-brand { font-size: 12px; }
.tn-logo span { display: none; }
.banner-txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 400; margin: 0; padding: 0; max-width: inherit; }
.banner-txt h2 { position: absolute; bottom: 0; left: 0; padding: 10px; background-color: rgba(0, 0, 0, 0.6); margin: 0; width: 100%; display: block; max-width: inherit; font-size: 24px; }
.banner-txt p { display: none; }
.banner-txt a { position: absolute; left: 0; top: 0; padding: 0; margin: 0; background-image: none !important; background-color: transparent !important; text-indent: -9999px; z-index: 10; border: 0 none; height: 100%; width: 100% }
.tn-nav-prev, .tn-nav-next { height: 40px; width: 40px; line-height: 35px; font-size: 40px; margin-top: -20px; }
.col-news, .col-event { float: none; width: 100%; }
.news_event-dvimg { display: none; }
.col-event .news_event-dv, .col-news .news_event-dv { position: inherit; left: auto; height: auto; top: auto; }
.row-support > .col-support { margin-bottom: 30px; }
.col-hvideo { background-image: none; margin-bottom: 0; padding-bottom: 0; }
.col-hvideo-item { margin-right: 0; }
.boxfix-support { display: none; }
.box_partner_wrap h2 { margin-right: 5px; }
.box_partner_wrap ul.box_partner_logo, .box_partner_wrap ul.box_social-ico { margin: 0; padding: 0; }
.tn-main-left, .tn-main-right { float: none; width: auto !important; }
.tn-main-left { padding: 0; }
.tn-lnav { margin-bottom: 20px; }
.tn-lnav h3 { margin: 0; padding: 7px 10px; background-color: #004B81; color: #FFF; cursor: pointer; }
.tn-lnav ul { margin: 0; padding: 0; }
.tn-lnav ul li { list-style-type: none; }
.tn-lnav ul li.hassub { position: relative; padding-right: 40px; border-bottom: 1px solid #f4f4f4; }
.tn-lnav ul li.hassub .haveSub_btnspan { }
.lnav-ul3 { display: none; }
.lnav-ul > li > a { display: block; padding: 7px 10px; background-color: #0060AA; color: #FFF; }
.lnav-ul2 > li > a { display: block; padding: 7px 20px; background-color: #4D96C9; color: #FFF; }
.lnav-ul, .lnav-ul2 { display: none; }
.tn-lnav.open .lnav-ul { display: block; }
.lnav-ul > li.open .lnav-ul2 { display: block; }
.tn-lnav ul.lnav-ul2 { margin-right: -40px; }
.tn-lnav ul.lnav-ul2 > li { border-top: 1px solid #f4f4f4; }
.tn-lnav ul li.hassub .haveSub_btnspan { position: absolute; right: 0; top: 0; height: 34px; width: 40px; display: block; background-color: #004B81; cursor: pointer; text-align: center; line-height: 34px; color: #FFF; }
.tn-lnav ul li.hassub .haveSub_btnspan:before { content: "\f0d7"; display:display:inline-block;
font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.tn-lnav ul li.hassub.open .haveSub_btnspan:before { content: "\f0d8"; }
.tn-lnav h3:before { content: "\f0d7"; display:display:inline-block;
font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; margin-right: 5px; margin-top: 1px; }
.tn-lnav.open h3:before { content: "\f0d8"; }
}
@media screen and (max-width:639px) {
.footer_menu > ul { float: none; width: auto; padding: 0 10px; margin-bottom: 20px; }
.footer_menu > ul > li { list-style-type: none; }
.footer_menu > ul > li a { display: block; padding: 5px 10px; background-color: #F4F4F4; color: #333; }
.footer_menudv { margin: 0 5px; padding: 0; }
.footer_menudv a { display: block; padding: 5px 10px; background-color: #F4F4F4; color: #333; margin: 0 5px; }
.footer_txt { text-align: center; }
.box_partner_wrap { line-height: normal; }
.box_partner_wrap h2 { font-size: 24px; background-size: 100% auto; background-position: left top; height: auto; line-height: normal; background-image: none; margin-top: 5px; padding: 0 10px; }
.box_partner_wrap ul.box_partner_logo img { width: auto; height: 40px; }
.box_partner_wrap ul.box_partner_logo, .box_partner_wrap ul.box_social-ico { margin: 0; padding: 0; }
.box_partner_wrap ul.box_social-ico { display: none; }
.box_partner_wrap ul.pull-left.box_partner_logo { float: right; }
.box_partner_wrap ul.box_partner_logo li, .box_partner_wrap ul.box_social-ico li { margin: 0; padding: 0; }
.box_partner_wrap ul.box_partner_logo li { margin: 0 10px; }
}
@media screen and (max-width:479px) {
	.tn-headtop ul.pull-left li.last{margin-right:0;}
	.news-vert .featured-news {width:100%;padding-left:0;padding-right:0;}
	.news-vert .featured-news .tn-dvsharebt{right:0;}
	.news-vert .featured-news .media-body .media-heading{height:auto;}
	.news-vert .featured-news .media .media-body{height:auto !important;max-height:none;}
}
@media (min-width:1030px) {
.tn-logo { position: relative; z-index: 100; left: 25px; top: 10px; display: inline-block; }
}
@media (min-width:992px) {
.row-lst > .col-md-3:nth-child(4n+1) { clear: both; }
}
@media (min-width:960px) {
#gnav { border: 0 none; background: rgb(73,155,234); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5OWJlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDdjZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 155, 234, 1)), color-stop(100%, rgba(32, 124, 229, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 ); /* IE6-8 */
position: relative;/*border-bottom:1px solid #0066B3;*/ }
/*#gnav:before{position:absolute;height:1px;background-color:#0066B3;left:0;top:1px;width:100%;content:"";display:block;}*/

#gnav .container-fluid { padding-left: 0; padding-right: 0; }
#gnav-collapse .navbar-nav > li > a { padding: 0px 15px; line-height: 50px; text-transform: uppercase; color: #FFF; font-size: 15px; border-left: 1px solid #247FE6; -webkit-box-shadow: -1px 0 #4699EA inset; -moz-box-shadow: -1px 0 #4699EA inset; box-shadow: -1px 0 #4699EA inset; white-space: nowrap; }
#gnav-collapse .navbar-nav > li:hover > a, #gnav-collapse .navbar-nav > li.active > a { background-image: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; color: #007EFF; background-color: #FFFFFF; }
#gnav-collapse .navbar-nav:hover > li.active > a { color: #FFF; background-color: transparent; }
#gnav-collapse .navbar-nav:hover > li.active:hover > a { color: #007EFF; background-color: #FFFFFF; }
#gnav .navbar-brand { display: none; }
#gnav-collapse .navbar-nav li.haveSub { position: relative; }
#gnav-collapse .navbar-nav li.haveSub.last > ul { left: inherit; right: 0; }
#gnav-collapse .navbar-nav li.haveSub:hover > ul { display: block; }
/*---- Con con cam on ba con ----*/
#gnav-collapse .navbar-nav li#menu-item-5 > a { color: yellow; font-weight:bold; }
#gnav-collapse .navbar-nav li#menu-item-5:hover > a,
#gnav-collapse .navbar-nav li#menu-item-5 > ul > li > a,
#gnav-collapse .navbar-nav li#menu-item-5.active > a { color: #f33; }
/*---- end Con con cam on ba con ----*/
#gnav-collapse .navbar-nav li.haveSub > ul { position: absolute; left: 0; top: 50px; display: none; margin: 0; padding: 0; background-color: #F8F8F8; -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); border-top: 1px solid #dbdbdb; }
#gnav-collapse .navbar-nav li.haveSub > ul > li { list-style-type: none; border-bottom: 1px solid #dbdbdb; }
#gnav-collapse .navbar-nav li.haveSub > ul > li > a { display: block; width: 229px; padding: 6px 10px; color: #525252; text-transform: uppercase; text-decoration: none; border-left: 3px solid #F8F8F8; }
#gnav-collapse .navbar-nav li.haveSub > ul > li > a:hover { border-left-color: #3465ae; color: #3465ae; background-color: #FFF; }
#gnav-collapse .navbar-nav li.haveSub .caret { position: relative; top: -2px; }
.nav > li.havemega { position: inherit; }
#gnav .mega-gnavsub { position: absolute; left: 0; top: 50px; right: 0; }
#gnav .mega-gnavsub ul { padding: 0; margin: 0; }
#gnav .mega-gnavsub ul li { list-style-type: none; }
#gnav li.havemega:hover .mega-gnavsub { display: block; }
#gnav .mega-gnavsub { min-height: 195px; background-color: rgba(5, 125, 247, 0.8); padding-top: 28px; border-top: 2px solid #FFF; display: none; }
.mega-gnavsub-ul > li > a { display: block; width: 240px; color: #FFF; padding: 10px 20px 10px 40px; color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 18px; font-family: 'Roboto Condensed', sans-serif; }
.mega-gnavsub-ul > li:hover > a, .mega-gnavsub-ul > li.active > a { background-color: #D4EDFF; color: #12477D; }
.mega-gnavsub-ul:hover > li.active > a { background-color: transparent; color: #FFF; }
.mega-gnavsub-ul:hover > li.active:hover > a, .mega-gnavsub-ul:hover > li:hover > a { background-color: #D4EDFF; color: #12477D; }
.mega-gnavsub2 { position: absolute; left: 240px; right: 0; top: 0; background-color: #D4EDFF; display: none; z-index: 1; }
.mega-gnavsub-ul > li.active .mega-gnavsub2 { display: block; z-index: 99; }
.mega-gnavsub-ul > li:hover .mega-gnavsub2 { display: block; z-index: 100; }
.mega-gnavsub2 > li { float: left; width: 33.3333%; padding: 20px; min-height: 190px; }
#gnav .mega-gnavsub .mega-gnavsub2 > li > ul.mega-gnavsub3 { margin-left: 135px; min-height: 120px; }
.mega-gnavsub3 > li { position: relative; }
.mega-gnavsub3 > li > a { display: block; text-decoration: none; padding: 5px 5px 5px 15px; color: #041224; width: 130px; }
.mega-gnavsub3 > li > a:before { content: "\f0da"; font-family: 'FontAwesome'; margin-right: 5px; margin-left: -10px; }
.mega-gnavsub3 > li:hover > a { color: #FFF; background-color: #0071e4 }
.mega-gnavsub3 > li > .mega-gnavsub4 { position: absolute; left: 130px; top: 0; background-color: #FFF; width: 140px; display: none; }
.mega-gnavsub2 .right .mega-gnavsub3 > li > .mega-gnavsub4 { right: 130px; left: inherit; }
.mega-gnavsub3 > li:hover > .mega-gnavsub4 { display: block; z-index: 100; }
.mega-gnavsub4 > li { border-bottom: 1px solid #dbdbdb; }
.mega-gnavsub4 > li.last { border-bottom-width: 0; }
.mega-gnavsub4 > li > a { display: block; color: #333; padding: 3px 5px; font-size: 13px; text-decoration: none; }
.mega-gnavsub4 > li > a:hover { color: #FFF; background-color: #024992; }
.gnavsub2-tt { font-weight: bold; font-size: 16px; text-transform: uppercase; }
.gnavsub2-tt, .gnavsub2-tt a { color: #0071e4 }
.gnavsub2_sp01 { background-image: url(../images/gnavsub2_sp01.png); background-repeat: no-repeat; background-position: 10px 60px; }
.gnavsub2_sp02 { background-image: url(../images/gnavsub2_sp02.png); background-repeat: no-repeat; background-position: 10px 60px; }
.gnavsub2_sp03 { background-image: url(../images/gnavsub2_sp03.png); background-repeat: no-repeat; background-position: 10px 60px; }
.gnavsub2_sp04 { background-image: url(../images/gnavsub2_sp04.png); background-repeat: no-repeat; background-position: 10px 60px; }
.gnavsub2_sp05 { background-image: url(../images/gnavsub2_sp05.png); background-repeat: no-repeat; background-position: 10px 60px; }
.gnavsub2_sp06 { background-image: url(../images/gnavsub2_sp06.png); background-repeat: no-repeat; background-position: 10px 50px; }
.gnavsub2_sp07 { background-image: url(../images/gnavsub2_sp07.png); background-repeat: no-repeat; background-position: 10px 60px; width: 50%!important; }
.gnavsub2_sp07 .mega-gnavsub3 li > a { width: 281px!important; }
}
@media (min-width:960px) and (max-width:1180px) {
#gnav-collapse .navbar-nav > li > a { padding: 0px 7px; font-size: 14px; }
.tn-logo { position: relative; z-index: 100; left: 10px; top: 0; display: inline-block; }
}
@media (min-width:960px) and (max-width:1023px) {
	.col-news .news-other{height:90px;overflow:hidden;}
.news_event-dv .media > .pull-left{width:120px;height:auto;}
}
@media (min-width:768px) and (max-width:960px) {
	.news_event-dv .media > .pull-left{width:100px;height:auto;}
	.col-news .news-other{display:none;}
}
@media (min-width:768px) {
#frmSearch .form-control { max-width: 165px; }
/*Left menu*/
.tn-lnav { background-color: #F5EDF0 }
.tn-lnav h3 { background-image: url(../images/bg-lnav.png); background-repeat: no-repeat; background-position: center center; height: 57px; text-align: center; padding-top: 17px; color: #FFF; text-transform: uppercase; font-size: 18px; margin: -7px 0 10px; }
.lnav-ul { margin: 0; padding: 0; font-size: 13px; }
.lnav-ul li { list-style-type: none; }
.lnav-ul > li { border-bottom: 1px dashed #208FC3; }
.lnav-ul > li.hassub { border-bottom: 1px solid #FFF; }
.lnav-ul > li > a { display: block; background-image: url(../images/dot_li.png); background-repeat: no-repeat; background-position: 10px 13px; padding: 10px 10px 10px 30px; background-color: #ecf0f4; color: #004986; text-decoration: none; }
.lnav-ul:hover > li.active > a { background-image: url(../images/dot_li.png); background-color: #ecf0f4; color: #004986; }
.lnav-ul > li:hover > a, .lnav-ul > li.active > a, .lnav-ul:hover > li.active:hover > a { background-image: url(../images/dot_li_hover.png); background-color: #208FC3; color: #FFF }
.lnav-ul > li.hassub > a, .lnav-ul > li.hassub.active > a { background-color: #208FC3; color: #FFF; background-image: url(../images/dot_li_hover.png); }
.lnav-ul > li.hassub > a:hover, .lnav-ul > li.hassub.active > a:hover { background-color: #0E5576; }
.lnav-ul2, .lnav-ul3, .lnav-ul4 { padding: 0; margin: 0; }
.lnav-ul2 > li { position: relative; z-index: 3000 }
.lnav-ul2 > li > a { display: block; padding: 10px 10px 9px; color: #666666; background-color: #f5f5f5; text-decoration: none; border-top: 1px solid #fafafa; -moz-box-shadow: 10 1px #ebebeb inset; -webkit-box-shadow: 0 1px #ebebeb inset; box-shadow: 0 1px #ebebeb inset; }
.lnav-ul2 li a:after { content: "\f105"; display: inline-block; font-family: 'FontAwesome'; height: 20px; width: 20px; position: absolute; right: 0; top: 50%; margin-top: -10px; text-align: center; }
.lnav-ul4 li a:after { display: none; }
.lnav-ul2 li:hover > a,.lnav-ul2 li > a.active { background-color: #007EFF; color: #FFF; }
.lnav-ul3 { }
.lnav-ul2 > li:hover .lnav-ul3 { display: block; z-index: 100; }
.lnav-ul3 li { position: relative; margin-bottom: -1px; }
.lnav-ul3 li a { display: block; padding: 10px 35px 10px 15px; color: #666666; background-color: #FFF; text-decoration: none; border: 1px solid #f4f4f4; white-space: nowrap; }
.lnav-ul4 { }
.lnav-ul3 > li:hover .lnav-ul4 { display: block; z-index: 100; }
.lnav-ul2 ul { -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); position: absolute; left: 100%; top: 0; display: none; top: 0px; padding: 2px 3px 2px; background-color: #F5F5F5; }
.lnav-ul2 ul ul { top: -2px; }
.tn-breadcrumb { margin-bottom: 20px; }
.breadcrumb > li { padding-top: 12px; }
.breadcrumb > li.breadcrumb-home { padding-top: 0; }
.breadcrumb-home > a { display: inline-block; background-image: url(../images/breadcrumbs-home.png); width: 239px; height: 60px; color: #FFF; padding-left: 100px; padding-top: 12px; position: absolute; left: 0; top: 0; font-size: 18px; }
.breadcrumb-home > a:hover { color: #0E5576 }
.tn-breadcrumb .breadcrumb { padding: 0 0 0 239px; margin: 0 0 -10px 0; background-color: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; position: relative; border-bottom: 5px solid #ecf0f3; height: 50px; }
.tn-breadcrumb .breadcrumb a { text-decoration: none; }
}
@media (min-width:480px) {
.caroufredsel_wrapper .prod-dv { max-width: 211px; }
}