@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'BebasNeueRegular';
src: url('../font/BebasNeue-webfont.eot');
src: url('../font/BebasNeue-webfont.eot?iefix') format('eot'),
url('../font/BebasNeue-webfont.woff') format('woff'),
url('../font/BebasNeue-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

* { 
    padding: 0;
    margin: 0;
	list-style:none;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
/* selection */

::selection {
	background:#3584AD; 
	color:#fff;
}

::-moz-selection {
	background:#3584AD; 
	color:#fff;
}

::-webkit-selection {
	background:#3584AD; 
	color:#fff;
}


html {
    height: auto;
    min-height: 100%;
}
body {
    margin: 0px;
    padding: 0px;
    height: auto;
    min-height: 100%;
	color:#707070;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: inherit;
}
a { text-decoration: none; color:#3584AD;}
a:hover {color:#353535;}
.tl_page {
	max-width: 980px;
	margin: 0 auto;
	width: 100%;
}
.clear { clear:both;}
.nl { float: left;}
.nr { float: right;}

/* top */
.tl_top {
	min-height: 100px;
	height: 100%;
	background: #3584AD;
}
.tl_logo_top { float:left; padding: 0px 0 0 0px;}
.tl_top_p {
	max-width: 980px;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	position: relative;
	
}
/*#toggle, .toggle { display: none; }*/
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.tl_top_menu > li { list-style: none; float:left;}
.tl_nav { 
	display: block; 
	float: right; 
}

.tl_nav, .tl_top_menu, .tl_top_menu > li, .tl_top_menu > li > a{ 
	height: 100%; 
}
ul.list_menu ul a {
	color:#3584AD;
}
ul.list_menu ul a:hover {
	background-color: #3584AD;
}
ul.list_menu > li > a:hover, ul.list_menu > li > a:focus, ul.list_menu > li.active > a {
	color:#3584AD;
}
ul.list_menu > li.tl_item0 { background: url("../images/blue/ic_1.png") no-repeat scroll center 22px; }
ul.list_menu > li.tl_item0.active > a,ul.list_menu > li.tl_item0:hover > a { background: url("../images/blue/ic_11.png") no-repeat scroll center 22px #FFF;}

ul.list_menu > li.tl_item1 { background: url("../images/blue/ic_2.png") no-repeat scroll center 22px; }
ul.list_menu > li.tl_item1.active > a,ul.list_menu > li.tl_item1:hover > a  { background: url("../images/blue/ic_22.png") no-repeat scroll center 22px #FFF;}

ul.list_menu > li.tl_item2 { background: url("../images/blue/ic_3.png") no-repeat scroll center 22px; }
ul.list_menu > li.tl_item2.active > a,ul.list_menu > li.tl_item2:hover > a  { background: url("../images/blue/ic_33.png") no-repeat scroll center 22px #FFF;}

ul.list_menu > li.tl_item3 { background: url("../images/blue/ic_4.png") no-repeat scroll center 22px; }
ul.list_menu > li.tl_item3.active > a,ul.list_menu > li.tl_item3:hover > a  { background: url("../images/blue/ic_44.png") no-repeat scroll center 22px #FFF;}

ul.list_menu > li.tl_item4 { background: url("../images/blue/ic_5.png") no-repeat scroll center 22px; }
ul.list_menu > li.tl_item4.active > a,ul.list_menu > li.tl_item4:hover > a  { background: url("../images/blue/ic_55.png") no-repeat scroll center 22px #FFF;}

ul.list_menu > li.tl_item5 { background: url("../images/blue/ic_6.png") no-repeat scroll center 22px; }
ul.list_menu > li.tl_item5.active > a,ul.list_menu > li.tl_item5:hover > a  { background: url("../images/blue/ic_66.png") no-repeat scroll center 22px #FFF;}
/* banner */
.tl_banner {
	background: url(../images/blue/bong.png) #3584AD center bottom no-repeat;
	overflow:hidden;
}
.tl_banner_a {
	background: #fff;
	padding: 3px 0 0 0;
}
.tl_banner_text {
	position: absolute;
	width: 450px;
	padding: 20px 20px;
	background: url(../images/blue/mo.png);
	left: 0px;
	bottom: 30px;
	color: #fff;
}
.tl_banner_text p {
	font-family: 'BebasNeueRegular';
	font-size: 30px;
	text-transform: uppercase;
}
.tl_banner_text span { font-size: 14px; line-height: 20px;}
.fluid_dg_caption > div {
	background: rgba(53, 132, 173, 0.7) !important;
}
/*conntent*/
.tl_title_1 {
	border-bottom: 1px solid #ececec;
	padding: 20px 0 0;
	text-align: center;
}
.tl_title_1 p {
	font-family: 'BebasNeueRegular';
	font-size: 30px !important;
	color: #353535 !important;
	text-transform: uppercase;
}
.tl_title_1 span, .tl_title_1 p  + p {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 16px !important; 
	line-height: 20px;
}

.tl_service { padding: 30px 0; display: table; table-layout: fixed; width: 100%;}
.tl_service > li { display: table-cell; vertical-align: top;}
.tl_service h3 {
	font-family: 'BebasNeueRegular';
	font-size: 24px;
	color: #3584AD;
	text-transform: uppercase;
	font-weight:normal;
}
.tl_service h3:hover {color: #353535; cursor:pointer;}


.tl_ser { padding: 0 3%;}
.tl_ser a {
	font-family: 'BebasNeueRegular';
	font-size: 24px;
	color: #3584AD;
}
.tl_ser a:hover {color: #353535;}
.tl_ser span,.tl_ser {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 18px;
}
.tl_sv_1 {
	background: url(../images/blue/ar_1.jpg) left top no-repeat;
	padding: 0 0 0 46px;
	line-height: 36px;
	padding-bottom: 10px;
}
.tl_sv_2 {
	background: url(../images/blue/ar_2.jpg) left top no-repeat;
	padding: 0 0 0 46px;
	line-height: 36px;
	padding-bottom: 10px;
}
.tl_sv_3 {
	background: url(../images/blue/ar_3.jpg) left top no-repeat;
	padding: 0 0 0 46px;
	line-height: 36px;
	padding-bottom: 10px;
}

.tl_3column { background: #eaeaea; padding: 10px 0; display: table; table-layout: fixed; width: 100%;}
.tl_3column>li {display: table-cell; vertical-align: top;}
.tl_3column_footer { padding: 20px 0; display: table; table-layout: fixed; width: 100%;}
.tl_3column_footer>li {display: table-cell; vertical-align: top; margin-left: 10px;}

.tl_3col { padding: 0 3%;}
.tl_3column li {	
	margin-left: 20px;
}
.tl_3column li p { line-height: 18px;}
.tl_3c_img {
	width: 100%;
	position:relative;
	margin-bottom: 10px;
}
.tl_3c_img  img{
	width:100%;
}
.tl_3c_a {
	position: absolute;
	left: 10px;
	bottom: 0px;
}
.tl_3c_a a {
	display: inline-block;
	padding: 7px 10px;
	background: url(../images/blue/mo.png);
	color: #fff;
	font-family: 'BebasNeueRegular';
	font-size: 18px;
}
.tl_3c_a a:hover {color: #ffbabb;}

.tl_cot_to { width: 60%; float: left; display: inline; padding: 30px 0;}
.tl_cot_nho { width: 35%; float: right; display: inline; padding: 30px 0;}
.tl_cot_nho .moduletable { margin-bottom: 15px;}
.tl_cot_to_2 { width: 60%; float: right; display: inline; padding: 30px 0;}
.tl_cot_nho_2 { width: 35%; float: left; display: inline; padding: 30px 0;}
.tl_title_2 {
	background: url(../images/blue/ar_4.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	font-family: 'BebasNeueRegular';
	font-size: 24px;
	color: #353535;
	border-bottom: 1px solid #cbcbcb;
}
.tl_box1 ul.menu { margin-bottom:10px;}
.tl_menu_doc li, .tl_box1 ul.menu li {
	border-bottom: 1px dotted #cbcbcb;
	padding: 10px 0 10px 35px;
	background: url(../images/blue/arw_1.jpg) 15px 16px no-repeat;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}
.tl_menu_doc li:last-child , .tl_box1 ul.menu li :last-child {border-bottom: none !important;}
.tl_menu_doc li a,.tl_box1 ul.menu li a { color: #707070;}
.tl_menu_doc li a:hover, .tl_box1 ul.menu li a:hover { color: #3584AD;}

.tl_dong1 {
	border-bottom: 1px dotted #cbcbcb;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
}
.tl_dong1 a {
	display: inline-block;
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #3584AD;
}
.tl_dong1 a:hover { color: #353535;}
.tl_dong1 p { font-size: 11px; color: #979797; padding-bottom: 10px;}
.tl_dong1 img { float: left; display: inline; margin-right: 20px;}
.tl_dong1 span { line-height: 20px;}

.tl_tool { float: right;  height: 11px;}
.tl_tool li { float:left;  margin-left: 3px; }
.tl_tool li  a {font-size:11px; font-family:Arial;}
.tl_tool ul.actions li.print-icon a {
	text-indent: -9999px !important;                 /* sends the text off-screen */
    background-image: url(../images/t_2.gif);  /* shows image */
    height: 11px !important;                        /* be sure to set height & width */
    width: 12px !important;
    white-space: nowrap !important;
	display:block  !important;
}
.tl_tool ul.actions li.email-icon a {
	text-indent: -9999px !important;                 /* sends the text off-screen */
    background-image: url(../images/t_3.gif);  /* shows image */
    height: 11px !important;                        /* be sure to set height & width */
    width: 12px !important;
    white-space: nowrap !important;
	display:block  !important;
}
/*footer*/
.tl_footer {
	background: #eaeaea;
	border-top: 5px solid #3584AD;
	padding: 30px 0 20px 0;
	overflow:hidden;
}
.tl_foo_c1 { width: 310px; float: left; margin-right: 25px;}
.tl_foo_c2 { width: 310px; float: left;}
.tl_foo_c3 { width: 310px; float: right;}
.tl_foo_title {
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #707070;
	padding: 0 10px 15px 10px;
}
ul.tl_photo {}
ul.tl_photo li {
	display: inline;
	margin: 0 0 2% 2%;
	background:none !important;
	padding:0 !important;
}
ul.tl_photo li img { border: 3px solid #d1d1d1;}
.tl_foo_menu h3, .tl_col h3 {
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding: 0 10px 15px 10px;
	font-weight:normal;
}
ul.tl_foo_menu, .tl_col ul { margin: 0 10px;}
ul.tl_foo_menu li , .tl_col ul li{
	border-top: 1px dotted #cbcbcb;
	background: url(../images/blue/arw_2.png) 10px 15px no-repeat;
	padding: 8px 0 8px 25px;
}
ul.tl_foo_menu li a, .tl_col ul li a { color:#707070;}
ul.tl_foo_menu li a:hover, .tl_col ul li a:hover { color:#3584AD;}
.tl_footer p { padding: 0 10px 10px 14px; }
.tl_foo_input { padding: 0 10px 10px 10px;}
.tl_foo_input input {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #707070;
	padding: 7px 10px;
	border: 1px #d1d1d1 solid;
	width: 90%;
}
.tl_foo_button { text-align: right; padding: 10px 20px 0 10px;}
.tl_foo_button button {
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding: 5px 10px;
	background: #3584AD;
	color: #fff;
	border: 0;
	cursor: pointer;
}
button {
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding: 5px 10px;
	background: #3584AD !important;
	color: #fff;
	border: 0;
	cursor: pointer;
}
.tl_foo_button button:active {
	position: relative;
	top: 1px;
}
.tl_foo_text { padding: 0 10px;}
.tl_foot {
	border-top: 1px solid #cecece;
	padding: 20px 0 0px 0px;
	color: #8c8c8c;
	line-height: 20px;
	font-size: 11px;
	margin: 10px 10px 0 10px;
}
.tl_foot .logo {
	float:left;
	margin-right:5px;
}
.tl_footer .social-networks {
	list-style: none; 
	margin: 0;
	padding:0px 10px 8px 0px;
	text-align:center;
	clear:both;
}
.tl_footer .social-networks  li{
	display:inline-block;
	margin:0 0 0 10px;
	position:relative;
	height:20px;
}
.tl_footer .social-networks  a {
	overflow: hidden;
	float: left;
	width: 40px;
	height: 40px;
}
/*style menu xo*/
/*Ph?n n�y ch? d?ng style th�i em t? g�n v�o theo code */
.xo_nen { position:relative;}
.tl_menu_drop {
	position: absolute;
	width: 200px;
	background: #fff;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	left: 0px;
	top: 79px;
	z-index:100;
}
.tl_m_drop {
	border-bottom: 1px solid #e4e4e4;
}
.tl_m_drop a {
	padding: 7px 15px !important;
	background: #fff;
	color: #3584AD;
}
.tl_m_drop a:hover {
	background: #3584AD;
	color: #fff !important;
}

/*the end*/

.tl_manset {
	border-bottom: 1px solid #ececec;
	padding: 15px 0 10px 0;
	line-height: 34px;
}
.article-info { margin-bottom:0px; padding-bottom:0px !important; }
.article_social_buttons { margin-bottom: 10px; }
.tl_manset span{
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #353535;
	text-transform: uppercase;
	display:inline-block;
	padding: 0 20px 0 0;
	margin: 0 20px 0 0;
	border-right: 1px dotted #d2d2d2;
}
.tl_title_3 {
	line-height: 36px;
	padding-bottom: 10px;
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #353535;
	border-bottom: 1px solid #cbcbcb;
}
.tl_dong2 { line-height: 18px;}
.tl_dong2 .componentheading h2 {
	border-right: 1px dotted #D2D2D2;
    color: #353535;
    display: inline-block;
    font-family: 'BebasNeueRegular';
    font-size: 20px;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0;
    text-transform: uppercase;
	font-weight:normal;
}
.tl_dong2 .contentheading h1 {
	font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding: 10px 0 10px 0px;
    text-transform: uppercase;
	font-weight:normal;
}
.tl_chuthich {
	background: #f6f6f6;
	border: 1px solid #ececec;
	padding: 16px;
	line-height: 24px;
	color: #8f8f8f;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size: 20px;
	margin: 15px 0;
}
.tt_anh_phai { float: right; display: inline; margin: 0 0 0 20px;}
.tl_box1 { margin-bottom: 20px;}
.tl_box1 ul.tpunordered2 li{ background: url(../images/blue/icon/uno_2.png) left 3px no-repeat !important;}
.tl_popular { padding: 15px 0 0 0; color: #969696; line-height: 18px;}
.tl_popular a { color: #707070;}
.tl_popular a:hover { color: #3584AD;}

.tl_center {
	text-align: center;
	line-height: 18px;
	padding: 40px 0;
}

/*contact*/
.tl_contact_ban { margin: 30px 0;}
.tl_contact_b1 {
	width: 45%;
	padding-right: 20px;
	border-right: 1px solid #d6d6d6;
	float: left;
	margin-bottom: 30px;
}
.tl_contact_b2 { width: 49%; float:right; margin-bottom: 30px;}
.tl_dong3 { padding: 0 0 10px 10px; line-height: 18px;}
.tl_dong3 span { color:#3584AD;}
.tl_dong3 input {
	width: 90%;
	background: #fff;
	border: 1px #ccc solid;
	padding: 7px 10px;
	margin-top: 5px;
	display: block;
}
.tl_dong3 textarea {
	width: 90%;
	background: #fff;
	border: 1px #ccc solid;
	padding: 7px 10px;
	resize: none;
}
.tl_dong3 button {
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding: 5px 10px;
	background: #3584AD;
	color: #fff;
	border: 0;
	cursor: pointer;
	margin-top: 10px;
}
.tl_dong3 button:active {
	position: relative;
	top: 1px;
}
.tl_dong4 { line-height: 18px;}
.tl_dong4 h3 {
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 10px 0;
}
.tl_dong5 { line-height: 18px; width: 50%; float: left; padding-top: 40px;}
.tl_dong5 h3 {
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 10px 0;
}
.tl_dong5 span { color:#3584AD;}

.tl_dong6 {
	border-bottom: 1px dotted #cbcbcb;
	padding-bottom: 20px;
	margin-bottom: 20px;
	overflow:hidden;
}
.tl_dong6 a {
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #353535;
}
.tl_dong6 a:hover { color: #3584AD;}
.tl_dong6 p { font-size: 12px; color: #979797;}
.tl_dong6 img { float: left; display: inline; margin-right: 20px;}
.tl_dong6 span { line-height: 20px;}

.tl_time {
	width: 40px;
	background: #3584AD;
	float: left;
	display: inline;
	margin-right: 15px;
	padding: 7px 0;
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	color: #fff;
	line-height: 18px;
}
.tl_time h2 { color: #fff; font-size: 28px; line-height: 30px; font-weight: normal;}
.tl_content { float:right; width: 92%; }
.tl_phantrang {}
.tl_phantrang li {
	display: inline;
	margin: 0 5px 0 0;
	float: left;
}
.tl_phantrang li a {
	display: block;
	border: 1px #ddd solid;
	padding: 2px 10px;
	color:#707070;
}
.tl_phantrang li a:hover {background: #3584AD; color: #fff;}
.tl_phantrang li a.tl_chon {background: #3584AD; color: #fff;}

.tl_here {
	padding: 0 0 10px 1%;
	font-size: 11px;
}
.tl_here span { color: #3584AD}
.tl_here a {color:#707070;}
.tl_here a:hover {color:#3584AD;}

@media only screen and (max-width: 800px){
.tl_manset span{padding: 0 20px 0 20px;}
.tl_dong6 {
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
}
.tl_dong2 { padding: 0 10px;}
.tl_cot_nho_2 { margin-left: 10px;}
}
.pagination li {
	display: inline;
	margin: 0 5px 0 0;
	float: left;
}
.pagination li a,  .pagination li span {
	display: block;
	border: 1px #ddd solid;
	padding: 2px 10px;
	color:#707070;
}
.pagination li a:hover {background: #3584AD; color: #fff;}
.pagination ul strong li span  {background: #3584AD; color: #fff;}
#toTop { position:fixed; bottom:10px; right:10px; cursor:pointer;  }
/* ICON TYPOGRAPHY */
.tl_sv_alarm h3 {
	background: url(../images/blue/icon/alarm.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_android h3 {
	background: url(../images/blue/icon/android.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_apple h3 {
	background: url(../images/blue/icon/apple.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_arrow h3 {
	background: url(../images/blue/icon/arrow.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_atom h3 {
	background: url(../images/blue/icon/atom.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_attached_file h3 {
	background: url(../images/blue/icon/attached_file.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_bag h3 {
	background: url(../images/blue/icon/bag.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_bulb h3 {
	background: url(../images/blue/icon/bulb.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_cabinet h3 {
	background: url(../images/blue/icon/cabinet.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_calendar h3 {
	background: url(../images/blue/icon/calendar.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}

.tl_sv_chart h3 {
	background: url(../images/blue/icon/chart.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_chemistry h3 {
	background: url(../images/blue/icon/chemistry.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_clock h3 {
	background: url(../images/blue/icon/clock.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_cloud h3 {
	background: url(../images/blue/icon/cloud.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_control_board h3 {
	background: url(../images/blue/icon/control_board.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_conversation h3 {
	background: url(../images/blue/icon/conversation.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_dining h3 {
	background: url(../images/blue/icon/dining.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_disc h3 {
	background: url(../images/blue/icon/disc.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_download h3 {
	background: url(../images/blue/icon/download.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}

.tl_sv_drinks h3 {
	background: url(../images/blue/icon/drinks.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_dropbox h3 {
	background: url(../images/blue/icon/dropbox.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}

.tl_sv_email h3 {
	background: url(../images/blue/icon/email.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_eye h3 {
	background: url(../images/blue/icon/eye.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_files h3 {
	background: url(../images/blue/icon/files.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_film h3 {
	background: url(../images/blue/icon/film.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_flag h3 {
	background: url(../images/blue/icon/flag.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_game_console h3 {
	background: url(../images/blue/icon/game_console.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_gift_box h3 {
	background: url(../images/blue/icon/gift_box.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_globe h3 {
	background: url(../images/blue/icon/globe.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_gold_bag h3 {
	background: url(../images/blue/icon/gold_bag.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_growth h3 {
	background: url(../images/blue/icon/growth.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}

.tl_sv_heart h3 {
	background: url(../images/blue/icon/heart.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_hierarchy h3 {
	background: url(../images/blue/icon/hierarchy.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_home h3 {
	background: url(../images/blue/icon/home.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_html5 h3 {
	background: url(../images/blue/icon/html5.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_key h3 {
	background: url(../images/blue/icon/key.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_leaf h3 {
	background: url(../images/blue/icon/leaf.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_link h3 {
	background: url(../images/blue/icon/link.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_list h3 {
	background: url(../images/blue/icon/list.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_location h3 {
	background: url(../images/blue/icon/location.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_mechanic h3 {
	background: url(../images/blue/icon/mechanic.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}

.tl_sv_microphone h3 {
	background: url(../images/blue/icon/microphone.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_mortarboard h3 {
	background: url(../images/blue/icon/mortarboard.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_network h3 {
	background: url(../images/blue/icon/network.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_new_page h3 {
	background: url(../images/blue/icon/new_page.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_paint h3 {
	background: url(../images/blue/icon/paint.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_pencil h3 {
	background: url(../images/blue/icon/pencil.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_phone h3 {
	background: url(../images/blue/icon/phone.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_picture h3 {
	background: url(../images/blue/icon/picture.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_pin h3 {
	background: url(../images/blue/icon/pin.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_rss h3 {
	background: url(../images/blue/icon/rss.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}

.tl_sv_setting h3 {
	background: url(../images/blue/icon/setting.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_shazam h3 {
	background: url(../images/blue/icon/shazam.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_shopping_cart h3 {
	background: url(../images/blue/icon/shopping_cart.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_sound h3 {
	background: url(../images/blue/icon/sound.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_star h3 {
	background: url(../images/blue/icon/star.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_tag h3 {
	background: url(../images/blue/icon/tag.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_telephone h3 {
	background: url(../images/blue/icon/telephone.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_temperature h3 {
	background: url(../images/blue/icon/temperature.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}

.tl_sv_thumb_up h3 {
	background: url(../images/blue/icon/thumb_up.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_traffic_lights h3 {
	background: url(../images/blue/icon/traffic_lights.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_umbrella h3 {
	background: url(../images/blue/icon/umbrella.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_unlink h3 {
	background: url(../images/blue/icon/unlink.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_upload h3 {
	background: url(../images/blue/icon/upload.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_vertical_film h3 {
	background: url(../images/blue/icon/vertical_film.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_warning h3 {
	background: url(../images/blue/icon/warning.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
.tl_sv_xbox h3 {
	background: url(../images/blue/icon/xbox.jpg) left top no-repeat;
	padding: 0 0 10px 46px;
	line-height: 36px;
	text-transform:uppercase;
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	font-weight:normal;
}
/* ICON TYPOGRAPHY */

@media only screen and (max-width: 768px){
	.tl_cot_nho { display: none;}
	.tl_cot_to { width: 98% !important; float: none; display: block; padding: 30px 0;}
	.tl_cot_to_2 { width: 98%; float: none; display: block; padding: 30px 0;}
	.tl_cot_nho_2 { display: none;}
	.tl_top {
		height: 100%;
		background: #3584AD;
	}
	.tl_logo_top { padding: 5px 0 0 10px;  float:none;}
	.tl_nav { display: block; margin: 10px 4px; float:none; position:relative;}
	/* Menu */
	ul.list_menu > li.tl_item0.active > a,ul.list_menu > li:hover > a { color: #3584AD ; }
	ul.list_menu > li.tl_item0.active > a,ul.list_menu > li.tl_item0:hover > a { background: url("../images/blue/ic_11.png") no-repeat scroll center 14px #FFF !important;}
	ul.list_menu > li.tl_item1.active > a,ul.list_menu > li.tl_item1:hover > a  { background: url("../images/blue/ic_22.png") no-repeat scroll center 14px #FFF !important;}
	ul.list_menu > li.tl_item2.active > a,ul.list_menu > li.tl_item2:hover > a  { background: url("../images/blue/ic_33.png") no-repeat scroll center 14px #FFF !important;}
	ul.list_menu > li.tl_item3.active > a,ul.list_menu > li.tl_item3:hover > a  { background: url("../images/blue/ic_44.png") no-repeat scroll center 14px #FFF !important;}
	ul.list_menu > li.tl_item4.active > a,ul.list_menu > li.tl_item4:hover > a  { background: url("../images/blue/ic_55.png") no-repeat scroll center 14px #FFF !important;}
	ul.list_menu > li.tl_item5.active > a,ul.list_menu > li.tl_item5:hover > a  { background: url("../images/blue/ic_66.png") no-repeat scroll center 14px #FFF !important;}
	ul.list_menu {
		background: #3584AD;
	}
	ul.list_menu ul a {	
		color: #fff;
	}
	ul.list_menu ul a:hover {
		background-color: #fff;
	}
	ul.bj-menu-mobile li a:hover {
		color: #3584AD;	
	}	
	.menu-trigger { 
		border: 1px solid #4FA8D6 !important;
		background-color:  #3584AD !important; 
	}
	.tl_foot .logo { clear:both; text-align:center;  float:none;margin-bottom: 10px;}
	.tl_foot .text { text-align:center;}
	.tl_footer .social-networks {
		text-align: center;
	}
	.tl_footer .social-networks  a {
		width: 30px;
		height: 30px;
	}
	/* */
}
@media only screen and (max-width: 640px){
	.tl_service, .tl_3column, .tl_3column_footer { display: block; table-layout: auto; }
	.tl_service > li , .tl_3column > li, .tl_3column_footer > li{ display : block; margin-bottom: 20px;}
	.tl_3column > li { text-align:center; margin-left:0px;}
	.tl_3c_img img { width:auto; }
	.tl_3c_img .tl_3c_a { left:50%; }
	.tl_3c_img .tl_3c_a a { position: relative; left: -50%; }
}
@media only screen and (max-width: 480px){
	.tl_col {width:100%; float: none;}
	.tl_service { padding: 30px 0 10px 0;}
	.tl_ser { padding: 0 3% 25px 3%;}
	.tl_3col { padding: 0 3% 25px 3%;}
	.tl_top {
		height: 100%;
		background: #3584AD;
	}
	.fluid_dg_caption { width: 70%; }
	.tl_content { width: 90%; }
}
@media only screen and (max-width: 360px){
	.tl_contact_b1 {
		width: 100%;
		padding-right: 10px;
		border-right: none;
		float: none;
		margin-bottom: 30px;
	}
	.tl_contact_b2 { width: 96%; float: none; margin-bottom: 30px; padding: 0 2%}
	.tl_dong6 a {
		display:block;
		line-height: 40px;
	}
	.tl_dong6 img { float: none; display: block; margin-right: 20px;}
	.tl_content { width: 85%; }
	.tl_footer .social-networks  a {
		width: 20px;
		height: 20px;
	}
}
@media only screen and (max-width: 240px){
	.tl_content { width: 80%; }
}