/********************************************************************
Email:		trungnghia112@gmail.com
Phone:		+84 122 9549491
Facebook:	FB/trungnghia112
/********************************************************************/
/*====================================================================================
┬ 01.Config 
├ 01_1.Define
├ 01_2.Title
├ 01_3.Icon
├ 01_4.Button
├ 01_5.Font
└ 01_6.Color
  
─ 02.Layout

─ 03.All Page
====================================================================================*/
/*====================================================================================
─ 01.Config
====================================================================================*/
/*
  01_1.Define
--------------------------------------------------------------*/
body { color: #545454; font-weight: normal; height: 100%;/* font-family: 'Open Sans', sans-serif;*/ font-family:Arial, Helvetica, sans-serif; background-repeat: no-repeat; }
a:hover, a:focus, .btn:focus, .btn:active:focus, .btn.active:focus { outline: 0 none; }
a:hover, a:focus { transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; }
.img-thumbnail { background-color: #fff; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .22); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .22); box-shadow: 0 3px 3px rgba(0, 0, 0, .22); border: solid 1px #fff; padding: 0; }
.media >.pull-left { margin-right: 20px; }
.media >.pull-right { margin-left: 20px; }
.navbar-default .navbar-brand { color:#0066B3 }
/*--------------------------------------------------
	margin 
-------------------------------------------------- */ 
.m00 { margin: 0px !important; }
.m05 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.mt00 { margin-top: 0px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt33 { margin-top: 33px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 30px !important; }
.mt45 { margin-top: 35px !important; }
.mr00 { margin-right: 0px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mb00 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.ml00 { margin-left: 0px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
/* 
--------------------------------------------------
	padding
-------------------------------------------------- */
.p00 { padding: 0px !important; }
.p05 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.pt00 { padding-top: 0px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pr00 { padding-right: 0px !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pb00 { padding-bottom: 0px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pl00 { padding-left: 0px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.row40 { margin-left: -20px; margin-right: -20px; }
.row40 .col-xs-1, .row40 .col-sm-1, .row40 .col-md-1, .row40 .col-lg-1, .row40 .col-xs-2, .row40 .col-sm-2, .row40 .col-md-2, .row40 .col-lg-2, .row40 .col-xs-3, .row40 .col-sm-3, .row40 .col-md-3, .row40 .col-lg-3, .row40 .col-xs-4, .row40 .col-sm-4, .row40 .col-md-4, .row40 .col-lg-4, .row40 .col-xs-5, .row40 .col-sm-5, .row40 .col-md-5, .row40 .col-lg-5, .row40 .col-xs-6, .row40 .col-sm-6, .row40 .col-md-6, .row40 .col-lg-6, .row40 .col-xs-7, .row40 .col-sm-7, .row40 .col-md-7, .row40 .col-lg-7, .row40 .col-xs-8, .row40 .col-sm-8, .row40 .col-md-8, .row40 .col-lg-8, .row40 .col-xs-9, .row40 .col-sm-9, .row40 .col-md-9, .row40 .col-lg-9, .row40 .col-xs-10, .row40 .col-sm-10, .row40 .col-md-10, .row40 .col-lg-10, .row40 .col-xs-11, .row40 .col-sm-11, .row40 .col-md-11, .row40 .col-lg-11, .row40 .col-xs-12, .row40 .col-sm-12, .row40 .col-md-12, .row40 .col-lg-12 { padding-left: 20px; padding-right: 20px; }
.row30 { margin-left: -15px; margin-right: -15px; }
.row30 .col-xs-1, .row30 .col-sm-1, .row30 .col-md-1, .row30 .col-lg-1, .row30 .col-xs-2, .row30 .col-sm-2, .row30 .col-md-2, .row30 .col-lg-2, .row30 .col-xs-3, .row30 .col-sm-3, .row30 .col-md-3, .row30 .col-lg-3, .row30 .col-xs-4, .row30 .col-sm-4, .row30 .col-md-4, .row30 .col-lg-4, .row30 .col-xs-5, .row30 .col-sm-5, .row30 .col-md-5, .row30 .col-lg-5, .row30 .col-xs-6, .row30 .col-sm-6, .row30 .col-md-6, .row30 .col-lg-6, .row30 .col-xs-7, .row30 .col-sm-7, .row30 .col-md-7, .row30 .col-lg-7, .row30 .col-xs-8, .row30 .col-sm-8, .row30 .col-md-8, .row30 .col-lg-8, .row30 .col-xs-9, .row30 .col-sm-9, .row30 .col-md-9, .row30 .col-lg-9, .row30 .col-xs-10, .row30 .col-sm-10, .row30 .col-md-10, .row30 .col-lg-10, .row30 .col-xs-11, .row30 .col-sm-11, .row30 .col-md-11, .row30 .col-lg-11, .row30 .col-xs-12, .row30 .col-sm-12, .row30 .col-md-12, .row30 .col-lg-12 { padding-left: 15px; padding-right: 15px; }
.row20 { margin-left: -10px; margin-right: -10px; }
.row20 .col-xs-1, .row20 .col-sm-1, .row20 .col-md-1, .row20 .col-lg-1, .row20 .col-xs-2, .row20 .col-sm-2, .row20 .col-md-2, .row20 .col-lg-2, .row20 .col-xs-3, .row20 .col-sm-3, .row20 .col-md-3, .row20 .col-lg-3, .row20 .col-xs-4, .row20 .col-sm-4, .row20 .col-md-4, .row20 .col-lg-4, .row20 .col-xs-5, .row20 .col-sm-5, .row20 .col-md-5, .row20 .col-lg-5, .row20 .col-xs-6, .row20 .col-sm-6, .row20 .col-md-6, .row20 .col-lg-6, .row20 .col-xs-7, .row20 .col-sm-7, .row20 .col-md-7, .row20 .col-lg-7, .row20 .col-xs-8, .row20 .col-sm-8, .row20 .col-md-8, .row20 .col-lg-8, .row20 .col-xs-9, .row20 .col-sm-9, .row20 .col-md-9, .row20 .col-lg-9, .row20 .col-xs-10, .row20 .col-sm-10, .row20 .col-md-10, .row20 .col-lg-10, .row20 .col-xs-11, .row20 .col-sm-11, .row20 .col-md-11, .row20 .col-lg-11, .row20 .col-xs-12, .row20 .col-sm-12, .row20 .col-md-12, .row20 .col-lg-12 { padding-left: 10px; padding-right: 10px; }
.row10 { margin-left: -5px; margin-right: -5px; }
.row10 .col-xs-1, .row10 .col-sm-1, .row10 .col-md-1, .row10 .col-lg-1, .row10 .col-xs-2, .row10 .col-sm-2, .row10 .col-md-2, .row10 .col-lg-2, .row10 .col-xs-3, .row10 .col-sm-3, .row10 .col-md-3, .row10 .col-lg-3, .row10 .col-xs-4, .row10 .col-sm-4, .row10 .col-md-4, .row10 .col-lg-4, .row10 .col-xs-5, .row10 .col-sm-5, .row10 .col-md-5, .row10 .col-lg-5, .row10 .col-xs-6, .row10 .col-sm-6, .row10 .col-md-6, .row10 .col-lg-6, .row10 .col-xs-7, .row10 .col-sm-7, .row10 .col-md-7, .row10 .col-lg-7, .row10 .col-xs-8, .row10 .col-sm-8, .row10 .col-md-8, .row10 .col-lg-8, .row10 .col-xs-9, .row10 .col-sm-9, .row10 .col-md-9, .row10 .col-lg-9, .row10 .col-xs-10, .row10 .col-sm-10, .row10 .col-md-10, .row10 .col-lg-10, .row10 .col-xs-11, .row10 .col-sm-11, .row10 .col-md-11, .row10 .col-lg-11, .row10 .col-xs-12, .row10 .col-sm-12, .row10 .col-md-12, .row10 .col-lg-12 { padding-left: 5px; padding-right: 5px; }
/*
  01_2.Title
--------------------------------------------------------------*/
.tn-title { text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; color: #007eff; font-size: 24px; text-align: center; }
.tn-title_txt { text-align: center; position: relative; top: -10px; }
/*
  01_3.Icon
--------------------------------------------------------------*/
.ico-chicken { display: inline-block; vertical-align: middle; background-image: url(../images/ico-chicken.png); background-repeat: no-repeat; width: 26px; height: 25px; position: relative; top: -2px; }
.tn-title i.fa { font-size: 150%; margin-right: 5px; position: relative; top: 3px; }
/*
  01_4.Button
--------------------------------------------------------------*/
.btn-default { background-image: none; background-color: #007eff; color: #FFF; height: 38px; line-height: 38px; border: 1px solid #007eff; padding: 0 15px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; min-width: 112px; text-align: center; }
.btn-default:hover, .btn-default:focus { color: #FFF; background-color: #055cb5; border-color: #055cb5 }
.btn-default2 { background-image: none; background-color: #000f21; color: #FFF; height: 38px; line-height: 38px; border: 1px solid #000f21; padding: 0 15px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; min-width: 112px; text-align: center; }
.btn-default2:hover, .btn-default2:focus { color: #FFF; background-color: #000; border-color: #000 }
/*
  01_5.Font
--------------------------------------------------------------*/
.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs21 { font-size: 21px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
.fontf1 { font-family: 'Open Sans', sans-serif; }
.fontf2 { font-family: 'Roboto Condensed', sans-serif; }
/*
  01_5.Color
--------------------------------------------------------------*/
.tn-pcolor1 { color: #F00; }
/*====================================================================================
─ 02.Layout
====================================================================================*/
.tn-wrapper { background-image: url(../images/bg-top.jpg); background-repeat: no-repeat; background-position: center top; }
.tn-header-full, .tn-main-full, .tn-footer-full { width: 100%; margin: auto; height: 320px;}
.tn-header, .tn-main, .tn-footer, .tn-wrapfix { position: relative; max-width: 100%; margin: 0 auto; }
.tn-header:after, .tn-main:after, .tn-footer:after, .tn-wrapfix:after,.main-content:after { content: ""; display: table; clear: both; }
.tn-headtop { line-height: 26px; padding: 3px 0; color: #FFF; background-color: #164273; }
.tn-headtop a { color: #666666; text-decoration: none; }
.tn-headtop a:hover { color: #000; }
.tn-headtop ul { margin: 0; padding: 0; }
.tn-headtop ul li { list-style-type: none; float: left; }
.tn-headtop ul.pull-left li { margin-right: 10px; font-weight:bold;color:#FFF;}
.tn-headtop ul.pull-left li a{color:#FFF;}
.tn-headtop ul.pull-right { max-width: 320px; }
.tn-headtop ul.pull-right li { margin-left: 10px; max-width: 230px; }
.tn-headtop ul li .form-control { height: 26px; padding: 2px 12px }
.tn-headtop ul li .btn { height: 26px; padding: 2px 8px }
.tn-bglogo { background-image: url(../images/bg-header.jpg); height: 107px; background-position: right center; background-repeat: no-repeat; background-color: #FFF; }
.tn-logo { margin: 0; padding: 0; }
.tn-logo > span { color: #F33; display: block; font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: bold; left: 102px; position: absolute; text-transform: uppercase; top: 30px; white-space: nowrap; text-shadow:0px 0px 5px rgba(0,0,0,0.5);}
.tn-header-full { position: relative; z-index: 4000; }
.tn-main-full { position: relative; }
#gnav { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-bottom: 0; }
.tn-banner { max-width:100%; }
.tn-nav-prev, .tn-nav-next { display: inline-block; height: 60px; width: 60px; text-align: center; line-height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #446cb3; opacity: .65; filter: alpha(opacity=65); color: #FFF; font-size: 60px; cursor: pointer; position: absolute; top: 50%; margin-top: -30px; z-index: 300; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; }
.tn-nav-prev { left: 20px; padding-right: 7px; }
.tn-nav-next { right: 20px; padding-left: 7px; }
.tn-nav-prev:hover, .tn-nav-next:hover { opacity: 1; filter: alpha(opacity=100); }
.banner-txt { position: absolute; left: 130px; top: 50%; z-index: 10; max-width: 600px; color: #FFF; font-size: 16px; margin-top:-80px; }
.banner-txt h2 { font-size: 38px; font-family: 'Roboto Condensed', sans-serif; }
.banner-in:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/bg-banner.png); background-repeat: repeat-x; background-position: left bottom; content: ""; display: block; z-index: 1; }
.banner-in { width:100%; }
.banner-in img { max-width:100%; height:auto; }
/*row-news_event*/
.row-news_event, .box_product, .box_partner { padding-bottom: 50px; background-image: url(../images/bg-shadow.png); background-position: center bottom; background-repeat: no-repeat; margin-bottom: 0px; }
.col-news, .col-event { width: 50%; float: left; position: relative; }
.row-news_event h2 { text-align: center; color: #FFF; margin: 0 0 20px }
.row-news_event .news_event-dvimg { width: 100%; height: auto; }
.col-news .news_event-dv { background-color: #0086d2; padding: 30px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow:hidden; }
.col-news .news_event-dv .media { overflow:hidden; }
.col-event .news_event-dv { background-color: #164274; padding: 30px 45px; background-image: url(../images/bg-event.jpg); background-repeat: no-repeat; background-position: center bottom; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.col-news .media { padding: 5px 5px 15px; color: #FFF; font-size: 13px; margin-bottom: 10px; border-bottom: 1px solid #1898db; }
.col-news .media a.pull-left { display: inline-block; position: relative; }
/*.col-news .media a.pull-left:after { content: "\f1ea"; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,126,255,0.2); background-repeat: no-repeat; background-position: center center; background-size: 0 auto; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; opacity: 0; filter: alpha(opacity=0); font-family:'FontAwesome';font-size:40px;text-align:center;}
.col-news .media a.pull-left:hover:after { opacity: 1; filter: alpha(opacity=100); }*/
.col-news .media .media-heading { display: block; color: #FF0; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.col-news .media .media-heading:hover { color: #FF0; }
.col-news .news-other { margin: 0; padding: 0; }
.col-news .news-other > li { list-style-type: none; margin-bottom: 10px; font-size: 12px; }
.col-news .news-other > li a { display: block; background-image: url(../images/arr-1.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; color: #FFF; font-weight: bold; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; transition:All 0s ease;
-webkit-transition:All 0s ease;
-moz-transition:All 0s ease;
-o-transition:All 0s ease;}
.col-news .news-other > li a:hover{color:#FF0}
.event-slide-in { width: 100%; }
.event-slide-link { display: block; width: 100%; }
.event-slide-link img { width: 100%; height: auto; }
.event-slide-in h3 { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 15px; font-family: 'Roboto Condensed', sans-serif; background-color: rgba(255, 255, 255, 0.7); margin: 0; padding-right: 10px; }
.event-slide-in h3 a { display: block; background-image: url(../images/arr-2.png); background-repeat: no-repeat; background-position: right center; padding: 10px 40px 10px 15px; color: #013879; font-weight: 500; }
#event-slide-pager { display: block; text-align: center; margin-top: 14px; }
#event-slide-pager span { height: 10px; width: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-indent: -9999px; background-color: #FFF; display: inline-block; cursor: pointer; margin: 0 3px; }
#event-slide-pager span.cycle-pager-active, #event-slide-pager span.hover { background-color: #0180c3 }
.list_carousel { margin: auto; position: relative; }
.list_carousel .caroufredsel_wrapper { cursor:auto !important; }
.list_carousel ul { margin: 0; padding: 0; display: block; }
.list_carousel li { list-style: none; float: left; }
.tn-grproduct { -webkit-box-shadow: 0 0 8px 1px rgba(0, 40, 67, .75); -moz-box-shadow: 0 0 8px 1px rgba(0, 40, 67, .75); box-shadow: 0 0 8px 1px rgba(0, 40, 67, .75); -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomleft: 110px; -moz-border-radius-bottomright: 110px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 110px; -webkit-border-bottom-right-radius: 110px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 110px; border-bottom-right-radius: 110px; background-color: rgba(0, 121, 214, 0.75); padding: 10px 20px 40px 20px; text-align: center; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; color: #FFF; margin-bottom: 40px; height: 350px; transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease; }
.tn-grproduct:hover { -moz-box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; background-color: rgba(0, 121, 214, 1); }
.tn-grproduct a { display: block; padding-top:30px; }
.tn-grproduct a img { width: 100%; height: auto; }
.tn-grproduct a:hover img { }
.tn-grproduct p { border-top: 1px solid #79b3cb; margin-top: 10px; padding-top: 10px; }
.tn-grproduct span { display: block; font-weight: bold; font-size: 25px; }
.box_product { position: relative; }
.box_product .list_carousel { background-image: url(../images/bg-box_product.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 20px 50px; }
.box_product .list_carousel li { padding: 40px 20px 20px; }
.box_product .list_carousel_bot { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.5); font-size: 20px; color: #FFF; }
.box_product .list_carousel_bot span#product-list-prev, .box_product .list_carousel_bot span#product-list-next { display: inline-block; margin: 0 2px; cursor: pointer; }
.box_product .list_carousel_bot span#product-list-prev:hover, .box_product .list_carousel_bot span#product-list-next:hover { color: #4fc1e9 }
.box_product .list_carousel_bot #product-list-pager a { display: inline-block; width: 10px; height: 10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: left; text-indent: -9999px; background-color: #FFF; vertical-align: middle; position: relative; top: -1px; margin: 0 2px; }
.box_product .list_carousel_bot #product-list-pager a.selected { background-color: #4fc1e9 }
.panel { -moz-box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; }
.panel-group .panel + .panel { margin-top: 10px; }
.panel-heading { padding: 0; }
.panel-default > .panel-heading { background-image: none; background-color: transparent; }
.panel-default > .panel-heading, .panel-default, .panel-group .panel-heading + .panel-collapse > .panel-body { border: 0 none; }
.panel-title > a { display: block; text-decoration: none; padding: 10px 50px; position: relative; background-color: #174275; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #ffffff; line-height:normal; }
.panel-title > a:before { content: "\f128"; font-family: 'FontAwesome'; display: inline-block; background-color: #f0f0f0; position: absolute; left: 0; top: 0; width: 40px; height: 100%; padding: 10px 0; text-align: center; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 0px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 0px; border-top-left-radius: 3px; border-top-right-radius: 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 0px; color: #4c4c4c }
.panel-title > a:after { content: "\f068"; font-family: 'FontAwesome'; display: inline-block; background-color: transparent; position: absolute; right: 0; top: 0; width: 40px; height: 100%; padding: 10px 0; text-align: center; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 3px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 3px; border-top-left-radius: 0px; border-top-right-radius: 3px; border-bottom-left-radius: 0px; border-bottom-right-radius: 3px; color: #a3a4a6; }
.panel-title > a.collapsed:after { content: "\f067"; }
.panel-title > a.collapsed { background-color: #e1e4e6; color: #0e0f0f; }
.row-support .panel-body { background-image: url(../images/ico-sty1.png); background-repeat: no-repeat; background-position: 10px 20px; padding-left: 40px; }
.col-hvideo { min-height: 480px; }
.col-hvideo h3 { margin: 0 0 5px; padding-bottom: 20px; background-image: url(../images/bg-title.png); background-repeat: no-repeat; background-position: left bottom; color: #174275; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; }
.col-hvideo h3 .fa { padding: 10px 13px; margin-right: 5px; background-color: #174275; color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.col-hvideo-item { margin-right: 190px; }
.col-hvideo { background-image: url(../images/support_img.png); background-repeat: no-repeat; background-position: right bottom; padding-bottom: 60px; }
.col-hvideo h4 { color: #013879; font-size: 14px; font-weight: bold; }
.col-hvideo .col-hvideo-other { margin: 0; padding: 0; }
.col-hvideo .col-hvideo-other li { list-style-type: none; }
.col-hvideo .col-hvideo-other li a { display: block; background-image: url(../images/arr-3.png); padding: 2px 20px; color: #4c4c4c; background-repeat: no-repeat; background-position: left center; }
.box_partner_wrap { background-color: #f3f3f3; line-height: 102px; }
.box_partner_wrap h2 { background-image: url(../images/bg-partner.png); margin: 0; background-position: right center; background-repeat: no-repeat; float: left; padding: 0 50px 0 30px; height: 102px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; color: #636363; line-height: 102px; margin-right: 50px; }
.box_partner_wrap ul { margin: 0; padding: 0; }
.box_partner_wrap ul li { list-style-type: none; float: left; }
.box_partner_wrap ul.box_partner_logo li { margin-right: 40px; }
.box_partner_wrap ul.box_social-ico { padding-right: 35px; }
.box_partner_wrap ul.box_social-ico li { margin-left: 10px; font-size: 30px; }
.fa-facebook-square { color: #25548b }
.fa-youtube { color: #ce0b0b }
.right-time{float: left;width: 50%;	margin: 0px;}
.tn-footer-full { background-repeat: no-repeat; background-position: center bottom; padding-top: 30px; padding-bottom: 50px; }
.tn-main-full .date-time{width: 99%;float: left;margin: 5px;font-size: 42px;font-weight: bold;color: #fff;padding-left: 45px}
.tn-main-full ul li{list-style: none;float: left;margin: 5px;font-size: 75px;font-weight: bold;color: #fff;}
.footer_menudv { clear: both; padding-top: 10px; }
.footer_menudv a { display: inline-block; color: #333333; font-weight: bold; margin-right: 30px; }
.footer_menu { float: right; padding-right: 120px; font-size: 13px; }
.footer_menu > ul { float: left; margin: 0 30px 0 0; padding: 0 0 0 10px; list-style: none;}
.footer_menu > ul > li { margin-bottom: 3px;}
.footer_menu > ul > li a { color: #333333; }
.footer_txt { color: #333333; font-size: 13px; }
.footer_txt-tt { color: #013879; font-size: 15px; text-transform: uppercase; margin: 0 0 10px; font-weight: bold; }
.boxfix-support { position: fixed; bottom: 0; right: 0; z-index: 3999; /*background-image: url(../images/support-bot.png);*/ padding-top: 0; min-width: 120px; background-repeat: no-repeat; background-position: 400px top; transition:background-position 0.3s ease; -webkit-transition:background-position 0.3s ease; -moz-transition:background-position 0.3s ease; -o-transition:background-position 0.3s ease; }
.boxfix-support:hover { padding-top: 198px; background-position: right top; }
.boxfix-support-a { color: #FFF; min-width: 120px; text-decoration: none; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; padding: 5px 10px; background-color: #007eff; font-size: 20px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; float:right; }
.boxfix-support-a:hover, .boxfix-support-a:focus { color: #FFF; text-decoration: none; }
.boxfix-support-form { border:1px solid #cdcdcd; padding:10px; background-color:#FFF; -moz-box-shadow: 0px 0px 5px #000000; -webkit-box-shadow: 0px 0px 5px #000000; box-shadow: 0px 0px 5px #000000; display:none; }
.boxfix-support.open { z-index:6999; }
.boxfix-support.open:hover { background-image:none; }
.boxfix-support.close { display:none; }
.boxfix-support.open .boxfix-support-a { display:none; }
.boxfix-support.open .boxfix-support-form { display:block; }
.boxfix-support-formheader { margin:-10px -10px 10px; background-color:#007EFF; color:#FFF; position:relative; padding:10px; }
.boxfix-support-formheader p { font-size:16px; text-transform:uppercase; margin-bottom:0; }
#supportform-minimize { height:20px; width:20px; text-align:center; line-height:20px; display:inline-block; cursor:pointer; position:absolute; right:20px; top:12px; }
#supportform-minimize:hover { background-color:#FFF; color:#007EFF }
#supportform-close { height:20px; width:20px; text-align:center; line-height:20px; display:inline-block; cursor:pointer; position:absolute; right:0; top:12px; }
#supportform-close:hover { background-color:#FFF; color:#007EFF }
.tn-main { background-color:none; padding: 10px;}
.tn-main .checkin{float: right;margin: 10px;padding: 5px;width: 30%;}
.tn-main .checkin .checkin-ipt{width: 400px;font-size: 30px;font-weight: bold;border: 1px solid #ccc; border-radius: 3px;}
.checkin-info{margin: 10px 0 0 0px;font-size: 16px;color: #fff;}
.checkin-info tr td{padding: 5px 0px 5px 0px;}
.checkin-info tr td p{margin: 2px!important;line-height: 25px!important;}
.main-body{background: none repeat scroll 0 0 #FFF;	border: 1px solid #ccc;	border-radius: 5px;}
.report-gui tr{line-height: 30px;}
.report-gui tr td{margin: 0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;padding: 5px;}
.report-gui thead{background: none repeat scroll 0 0 #0085c5;border-bottom: 1px solid #fff;color: #fff;}
.report-gui thead th{border-right: 1px solid #fff;padding-right: 5px;}
.msg_data{color: orange;text-transform: uppercase;font-weight: bold;}
.tn-titlepagewrap { margin-bottom: 20px; }
.tn-titlepage { background-repeat: no-repeat; background-position: right center; background-size: auto 100%; height: 170px; background-color: #FFF; position: relative; }
.tn-titlepage h2 { position: absolute; left: 20px; top: 50%; margin-top: -35px; font-size: 36px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; color: #007eff; font-weight: bold; line-height: 40px; height: 70px; }
.tn-titlepage h2 span { display: block; font-size: 20px; color: #000000; line-height: 30px; text-transform: none; }
.tn-main-left { float: left; width: 240px; padding-left: 20px; }
.tn-main-right { float: right; }
.main-content { padding: 10px 20px; }
.prod-box header { overflow: hidden; margin: 0px 0 20px; background-color: #0e5576; }
.prod-box header h3 { color: #FFF; font-size: 18px; margin: 0; padding: 10px 10px 10px 20px; display: inline-block; float: left; line-height: 24px; text-transform: uppercase; font-weight: bold; }
.prod-box header a { float: right; line-height: 24px; padding: 10px 10px 10px 10px; text-decoration: none; color: #FFF; }
.prod-box header a:hover { color: #007EFF }
.prod-box header a:after { content: "\f105"; display: inline; font-family: 'FontAwesome'; margin-left: 5px; }
.prod-dv { margin-bottom: 40px; background-color: #FFF; background-color: #F5F5F5; }
.prod-txt { text-align: center; font-weight: bold; color: #333; padding: 0 5px; margin: 10px 0; line-height: 24px; height: 24px; overflow: hidden; }
.prod-link { display: block; background-color: #007eff; text-align: center; color: #FFF; padding: 10px; font-size: 16px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; }
.prod-link:hover, .prod-link:focus { text-decoration: none; color: #FFF; background-color: #0e5576; }
.prod-link span { display: inline-block; padding-right: 0; padding-left: 25px; position: relative; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; }
.prod-link span .fa { position: absolute; left: 0; top: 4px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; margin-left: 0; }
.prod-link:hover span { padding-right: 25px; padding-left: 0; }
.prod-link:hover span .fa { left: 100%; right: inherit; margin-left: -16px; }
.tn-pagination { clear: both; margin: 10px 0; text-align: right; }
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #007eff; }
.content-txt table { border-collapse: collapse; margin: 0 auto 10px; max-width: 100%; }
.content-txt table td { border: 1px solid #666; padding: 10px 8px; }
.content-txt .title, .content-txt .title * { font-size: 22px; }
.content-txt .title { border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-bottom: 10px; }
.content-txt time { font-style: italic; font-size: 12px; color: #c4c3c3; display: block; margin-bottom: 10px; }
.content-txt img{max-width:100%;height:auto !important;}
#otherPro #homePro { margin: 0; padding: 0; }
#otherPro #homePro li { float: left; width: 210px; list-style-type: none; margin-right: 19px; }
#otherPro #slidePro { margin-right: -20px; }
.carouFredSel_nav { float: right; font-size: 18px; line-height: 24px; margin: 0; padding: 10px 10px 10px 20px; color: #FFF; }
.carouFredSel_nav span { cursor: pointer; display: inline-block; padding: 0 5px; }
.carouFredSel_nav span:hover { color: #007EFF }
.prod-dv .media-effect figure img { width: 100%; }
.tn-dvsharebt{text-align:right;}
.tn-dvsharebt a{display:inline-block;margin-left:10px;}

.featured-news .media-body .media-heading {
    display: block;
    font-size: 20px;
}
.featured-news .media-body time {
    color: #c4c3c3;
    display: block;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 10px;
}
.featured-news {
    border-bottom: 1px dashed #208fc3;
    margin: 20px 0;
    padding-bottom: 20px;
}


.news-vert .featured-news .media-body time { font-style: italic; font-size: 12px; color: #c4c3c3; display: block; margin-bottom: 10px; }
.news-vert .featured-news { margin: 20px 0; padding-bottom: 20px; border-bottom: 0px dashed #208fc3 }
.news-vert .featured-news .media-body time { font-style: italic; font-size: 12px; color: #c4c3c3; display: block; margin-bottom: 10px; }
.news-vert .featured-news { margin: 20px 0; padding-bottom: 30px;float:left;width:33.3333%;padding-right:15px;padding-left:15px; position:relative}
.news-vert .featured-news .tn-dvsharebt{position:absolute;right:15px;bottom:0px;}
.news-vert .featured-news .media .pull-left{float:none !important;margin:0 0 10px;display:block;padding:0;}
.news-vert .featured-news .media .pull-left img{width:100%;height:auto;}
.news-vert .featured-news .media .media-body{display:block;text-align:justify;max-height:174px;}
.news-vert .featured-news .media .media-body p{margin-bottom:0;}
.news-vert .featured-news .media-body .media-heading { color: #208fc3; font-size: 14px; line-height:20px;height:40px;display:block;vertical-align:middle;overflow:hidden;}
.boxsty-tt { padding: 10px 20px; border: 1px solid #dbdbdb; margin: 0; font-size: 16px; background-color: #1F8EC2; color: #FFF; }
.boxsty-tt a { float:right; color:#FFF; font-size:12px; line-height:18px; }
.boxsty { margin-bottom: 30px; background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-8 */
}
.boxsty-dv { padding: 20px; }
.boxsty-dv .input-group { margin-bottom: 10px; }
.boxsty-dv2 { padding: 0 20px; }
.form-control-sm { width: 180px; display: inline-block; }
.boxsty .featured-news:last-child { border-bottom: 0; }
.boxcomment-title { }
.boxcomment-box { min-height: 80px; padding-left: 70px; margin-bottom: 20px; }
.boxcomment-avatar { margin-left: -70px; float: left; }
.faq_box_sty { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; margin-bottom: -1px; }
.faq_box_sty dt { background-image: url(../images/q.png); background-position: 20px 23px; background-repeat: no-repeat; border-bottom: 1px dashed #dddddd; font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; padding-left: 50px; padding-top: 20px; }
.faq_box_sty dd { background-image: url(../images/a.png); background-position: 20px 3px; background-repeat: no-repeat; padding-bottom: 20px; padding-left: 50px; }
.faq_box_sty1 { background-color: #f9f8f6; }
.faq_box_ul { padding: 20px; }
.faq_box_ul li { list-style-type: none; background-image: url(../images/q.png); padding: 5px 10px 5px 30px; background-repeat: no-repeat; background-position: left 8px; border-bottom: 1px dashed #dddddd; }
.faq_box_ul li a { color: #545454; font-weight: bold; }
.page_up { clear: both; padding: 20px; text-align: right; }
.main-pagefull { }
.left-info { padding-left: 20px; }
.left-info h3 { font-size: 18px; margin: 0 0 10px; }
.tn-ggmap { margin-bottom: 30px; }
.row-lst { margin-left: 20px; margin-right: 20px; }
.media-effect img { background-repeat: no-repeat; background-position: center center; background-size: 100% auto; }
.media-imgtext a { display: block; padding: 10px; background-color: #f5f5f5; color: #333; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-decoration:none; }
.media-imgtext a:hover, .media-effect:hover .media-imgtext a { background-color:#178DD5; color:#FFF; }
.tn-breadcrumbfull { margin:0 20px 50px !important; }
.row-lst .col-sm-4 { margin-bottom:30px; }
#otherGalMain { background-color:#FFF; }
#otherGal ul { padding:0; margin:0; }
#otherGal ul li { list-style-type:none; margin-bottom:20px; }
#otherGal ul li img { width:100%; height:auto; }
#otherGalMain > .galNav_up { margin-bottom:10px; }
#otherGalMain > .galNav_down { position:relative; top:-10px; z-index:100; }
#otherGalMain > .galNav_up, #otherGalMain > .galNav_down { text-align:center; display:block; height:30px; line-height:30px; font-size:30px; clear:both; }
/* General style */
.grid-gallery ul { list-style: none; margin: 0; padding: 0; }
.grid-gallery figure { margin: 0; }
.grid-gallery figure img { display: block; width: 100%; }
.grid-gallery figcaption h3 { margin: 0; padding: 0 0 0.5em; }
.grid-gallery figcaption p { margin: 0; }
/* Grid style */
.grid-wrap { max-width: 69em; margin: 0 auto; padding: 0 1em 1.875em; }
.grid { margin: 0 auto; }
.grid li { width: 25%; float: left; cursor: pointer; }
.grid figure { padding: 15px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }
.grid li:hover figure { opacity: 0.7; }
.grid figcaption { background: #e4e4e4; padding: 25px; }
/* Slideshow style */
.slideshow { position: fixed; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; top: 0; left: 0; z-index: 5000; opacity: 0; visibility: hidden; overflow: hidden; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; }
.slideshow-open .slideshow { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.slideshow ul { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 150px); transform: translate3d(0, 0, 150px); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
.slideshow ul.animatable li { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
.slideshow-open .slideshow ul { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slideshow li { width: 660px; height: 560px; position: absolute; top: 50%; left: 50%; margin: -280px 0 0 -330px; visibility: hidden; }
.slideshow li.show { visibility: visible; }
.slideshow li:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.8); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.slideshow li.current:after { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; }
.slideshow figure { width: 100%; height: 100%; background: #fff; border: 50px solid #fff; overflow: hidden; }
.slideshow figcaption { padding-bottom: 20px; }
.slideshow figcaption h3 { font-weight: 300; font-size: 200%; }
/* Navigation */
.slideshow nav span { position: fixed; z-index: 6000; color: #59656c; text-align: center; padding: 3%; cursor: pointer; font-size: 2.2em; }
.slideshow nav span.nav-prev, .slideshow nav span.nav-next { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.slideshow nav span.nav-next { right: 0; }
.slideshow nav span.nav-close { top: 0; right: 0; padding: 0.5em 1em; color: #31373a; }
.icon:before, .icon:after { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
span.nav-prev:before { content: "\f053"; }
span.nav-next:before { content: "\f054"; }
span.nav-close:before { content: "\f00d"; background-color:#FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align:center; height:40px; width:40px; line-height:38px; display:inline-block; }
/* Info on arrow key navigation */
.info-keys { position: fixed; top: 10px; left: 10px; width: 60px; font-size: 8px; padding-top: 20px; text-transform: uppercase; color: #fff; letter-spacing: 1px; text-align: center; }
.info-keys:before, .info-keys:after { position: absolute; top: 0; width: 16px; height: 16px; border: 1px solid #fff; text-align: center; line-height: 14px; font-size: 12px; }
.info-keys:before { left: 10px; content: "\f177"; }
.info-keys:after { right: 10px; content: "\f178"; }

/* Example media queries (reduce number of columns and change slideshow layout) */

@media screen and (max-width: 60em) {
/* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
.grid li {
width: 33.3%;
}
.slideshow li {
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 0;
}
.slideshow li figure img {
width: auto;
margin: 0 auto;
max-width: 100%;
}
.slideshow nav span, .slideshow nav span.nav-close {
font-size: 1.8em;
padding: 0.3em;
}
.info-keys {
display: none;
}
}
 @media screen and (max-width: 35em) {
.grid li {
width: 50%;
}
}
 @media screen and (max-width: 24em) {
.grid li {
width: 100%;
}
}
.featured-news> .media { overflow:hidden; }
.listTabs li a { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; text-decoration:none; }
/*so do to chuc*/
.listTabs { text-align: center; }
.listTabs li { display: inline-block; vertical-align: text-top; width: 31.2%; height: 100px; position: relative; }
.listTabs li.fix { width: 25%; height: 70px; }
.listTabs li.cen { margin: 0 23px; }
.listTabs li a { display: block; color: #fff; text-transform: uppercase; text-align: center; background: #0064AA; height: 100px; display: table-cell; width: 300px; padding: 0 20px; vertical-align: middle; font-size: 16px; line-height: 22px; position: relative; opacity: .9; }
.listTabs li.fix a { height: 70px; font-size: 13px; background: #0085E3; }
.listTabs li a.selected { opacity: 1; box-shadow: inset 2px 2px 10px rgba(0, 0, 0, .2), inset -2px 0 10px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 2px 2px 10px rgba(0, 0, 0, .2), inset -2px 0 10px rgba(0, 0, 0, .2); }
.listTabs li label { display: none; position: absolute; bottom:0; left: 50%; margin-left: -10px; width: 0; height: 0; border: solid 10px transparent; border-bottom-color: #0082D2; }
.listTabs li.fix label { border-bottom-color: #06C; }
.listTabs li a.selected label { display: block; }
.listTabs .line { display: block; clear: both; height: 45px; background-position: center center; background-repeat: no-repeat; background-image: url(../images/line-chart.png); }
.listTabs .arrow { width: 26px; height: 32px; background-position: center center; background-repeat: no-repeat; position: absolute; top: 50%; text-indent: -10000px; margin-top: -16px; }
.listTabs .arrow.left { right: 100%; background-image: url(../images/chart-left.png); }
.listTabs .arrow.right { left: 100%; background-image: url(../images/chart-right.png); }
.chartTabs .homeNav { margin-bottom: 0; }
.chartTabs .homeNav h2 { font-size: 14px; }
.chartTabs #showText { margin: -14px 0 20px 0; background: #F5F5F5; padding: 25px 20px 15px 20px; }
.chartTabs #showText table { display:inline; }
.chartTabs #showText table td { padding: 3px 7px 3px 0; border: none; }
.chartTabs #showText table td:first-child { width: 120px; }
.chartTabs #showText table td:first-child:after { content: ":"; float: right; }
 @media screen and (max-width: 1220px) {
	/*------*/
	.listTabs li, .listTabs li a {
 width: 30%;
 height: 80px;
 font-size: 15px;
}
 .listTabs li.fix {
width: 28%;
}
 .listTabs li.fix, .listTabs li.fix a {
 height: 60px;
 font-size: 13px;
 line-height: 20px;
}
 .listTabs li a {
padding: 0 10px;
}
/*------*/
}
@media screen and (max-width: 979px) {
	/*------*/
	.listTabs li, .listTabs li a {
 width: 29%;
 height: 70px;
 font-size: 11px;
 line-height: 18px;
}
 .listTabs li.fix, .listTabs li.fix a {
 font-size: 11px;
 line-height: 15px;
}
 .listTabs .line {
background-size: 70% 100%;
}
/*------*/
}
 @media screen and (max-width: 481px) {
 .listTabs {
 position: relative;
 padding-top: 70px;
}
 .listTabs li {
 position: absolute;
 top: 0;
 left: 0;
 width: 120px;
}
 .listTabs li:nth-child(2) {
 margin-left: -60px;
 left: 50%;
}
 .listTabs li:nth-child(3) {
 right: 0;
 left: auto;
}
 .listTabs li.fix {
position: relative;
}
 .listTabs li, .listTabs li a {
line-height: 16px;
height: 70px;
}
}
@media screen and (max-width: 381px) {
	/*------*/
	.listTabs {
background: url(../images/line-chart-m.png) no-repeat center 70px;
}
 .listTabs .line {
display: none;
}
 .listTabs {
 position: relative;
 padding: 150px 0 100px 0;
}
 .listTabs li {
top: 80px;
}
 .listTabs li:nth-child(2) {
top: 0;
}
 .listTabs li.fix {
 position: absolute;
 top: 190px;
 left: 0;
 width: 100px;
}
 .listTabs li:nth-child(5) {
 left: 50%;
 margin-left: -50px;
}
 .listTabs li:nth-child(6) {
 right: -23px;
 left: auto;
}
 .listTabs .arrow {
display: none;
}
 .listTabs li.fix, .listTabs li.fix a {
height: 70px;
}
}
@media screen and (max-width: 320px) {
 .listTabs {
background-image: url(../images/line-chart-m-320.png);
}
 .listTabs {
padding-bottom: 180px;
}
 .listTabs li:nth-child(5) {
margin-top: 80px;
}
}
#topcontrol {bottom:auto;top:60%;background-image:url(../images/gotop.gif);background-repeat:no-repeat;height:136px;width:138px;background-repeat:no-repeat;background-position:center center;z-index:7000;}

.feature-thank{height:200px;background-color:#F3F3F3;margin-top:80px;}
.feature-thank-img img{float:left;margin-top:-80px;max-width:100%;height:auto;}
.feature-thank .media-body{padding-top:40px;}
.feature-thank .media-heading{color:#0086d2;font-size:22px;text-align:center;text-transform:uppercase;}
.phone-tk .fa,.phone-tk strong{font-size:42px;color:#333;}
.phone-tk .fa{color:#0086d2;}
.phone-tk p {
    color: #666;
    font-size: 14px;
    margin-left: 54px;
    position: relative;
    top: -4px;
}
.btnmail-tk{text-align:center;padding-top:10px;}
.btn_contact{font-size:18px;color:#FFF;background-color:#ff8000;background-image:none;padding:5px;line-height:22px;height:auto;-moz-border-radius: 10px;
-webkit-border-radius: 22px;
border-radius: 5px;margin-bottom:5px;}

@media screen and (max-width: 1080px) {
	.feature-thank .media-heading{font-size:18px;}
	.phone-tk .fa,.phone-tk strong{font-size:35px;}
	.phone-tk p {margin-left:35px;}
}
@media screen and (max-width: 980px) {
	.feature-thank .media-left,
	.feature-thank .media-body{display:block;clear:both}
	.feature-thank-img img{float:none;}
	.feature-thank .media-left{text-align:center;}
	.feature-thank .media-body{padding-top:10px;padding-left:20px;padding-right:20px;}
	.feature-thank{height:auto;}
	.feature-thank .media-heading{font-size:25px;}
	.feature-thank .media-body .row{margin-left:20px;margin-right:20px;}
}
@media screen and (max-width: 767px) {
	.phone-tk{text-align:center;}
	.phone-tk p{margin:0;top:auto;}
	#topcontrol{top:80%;}
}
@media screen and (max-width: 479px) {
	.feature-thank .media-heading{font-size:18px;}
	.phone-tk .fa,.phone-tk strong{font-size:22px;}
	.feature-thank .media-body .row{margin-left:0;margin-right:0;}
	.col-hvideo{min-height:inherit;}
}

#contShare{clear:both;margin-top:20px;}
#contShare .fb_iframe_widget {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}
#contShare .pin-it-button {
    display: inline-block;
    position: relative;
    top: -1px;
	margin-right:10px;
}
#contShare #___plusone_0{vertical-align:middle !important;}
.news-other {padding-left:20px;}
.news-other li{color:#333;list-style-type:square;margin-bottom:10px;}
.news-other li a{display:block;position:relative;top:2px;color:#333;}
.news-other li a span{color:#999;font-size:12px;font-style:italic;}

.news-other li:hover,
.news-other li:hover a,
.news-other li:hover a span{color:#0064aa}
.content-txt ~ .prod-box{margin-top:40px;}
/*!
 * Datetimepicker for Bootstrap v3
//! version : 3.1.3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:99999!important;border-radius:4px}.bootstrap-datetimepicker-widget.timepicker-sbs{width:600px}.bootstrap-datetimepicker-widget.bottom:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:7px}.bootstrap-datetimepicker-widget.bottom:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:8px}.bootstrap-datetimepicker-widget.top:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.top:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position:absolute;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget .dow{width:14.2857%}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:700;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget td.cw{font-size:10px;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#777}.bootstrap-datetimepicker-widget td.today{position:relative}.bootstrap-datetimepicker-widget td.today:before{content:'';display:inline-block;border-left:7px solid transparent;border-bottom:7px solid #428bca;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td span.old{color:#777}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget th.picker-switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-group.date .input-group-addon span{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px}.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td{padding:0!important}@media screen and (max-width:767px){.bootstrap-datetimepicker-widget.timepicker-sbs{width:283px}}