/* Phần css reset */
@font-face {
	font-family: 'RobotoCondensed-Bold';
	src: url('../fonts/RobotoCondensed-Bold.ttf');
}
@font-face {
	font-family: 'RobotoCondensed-BoldItalic';
	src: url('../fonts/RobotoCondensed-BoldItalic.ttf');
}
@font-face {
	font-family: 'RobotoCondensed-Italic';
	src: url('../fonts/RobotoCondensed-Italic.ttf');
}
@font-face {
	font-family: 'RobotoCondensed-Light';
	src: url('../fonts/RobotoCondensed-Light.ttf');
}
@font-face {
	font-family: 'RobotoCondensed-LightItalic';
	src: url('../fonts/RobotoCondensed-LightItalic.ttf');
}
@font-face {
	font-family: 'Roboto Condensed';
	src: url('../fonts/RobotoCondensed-Regular.ttf');
}
/* cyrillic-ext */
@font-face {
	font-family: 'Play';
	font-style: normal;
	font-weight: 400;
	src: local('Play Regular'), local('Play-Regular'), url('../fonts/play-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
	font-family: 'Play';
	font-style: normal;
	font-weight: 400;
	src: local('Play Regular'), local('Play-Regular'), url('../fonts/play-cyrillic.woff2') format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek */
  @font-face {
	font-family: 'Play';
	font-style: normal;
	font-weight: 400;
	src: local('Play Regular'), local('Play-Regular'), url('../fonts/play-play-greek.woff2') format('woff2');
	unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
	font-family: 'Play';
	font-style: normal;
	font-weight: 400;
	src: local('Play Regular'), local('Play-Regular'), url('../fonts/play-vietnamese.woff2') format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
	font-family: 'Play';
	font-style: normal;
	font-weight: 400;
	src: local('Play Regular'), local('Play-Regular'), url('../fonts/play-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Play';
	font-style: normal;
	font-weight: 400;
	src: local('Play Regular'), local('Play-Regular'), url('../fonts/play-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
  }
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html, body {margin: 0; padding: 0; background: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 17px; color: #333; line-height: 22px}
header, section, footer, aside, nav, main, article, figure, figcaption, mark, summary, time, details {display: block; margin: 0}
h1, h2, h3, h4, h5, h6 {margin: 0; font-family: 'RobotoCondensed-Bold', sans-serif}
input, button, textarea, select {font-size: 15px; color: #333; background: transparent; border: none; padding: 0}
button {background: transparent; border: none}
img {max-width: 100%; display: inherit}
a {display: inherit}
.cf, .cf:after, .cf:before {content: ""; display: table; width: 100%}
.fl-left {float: left}
.fl-right {float: right}
.fix-clear {clear: both}
.container {max-width: 1170px; margin: 0 auto}
.b-shadow-1 {box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08)}
.b-shadow-2 {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)}
.bg-colors {background: #0288d1}


/* Icon font inline */
.service-hd ul:before, .menu-cate-main ul li a:after, .list-box-rows-10 ul li:before,
.slider-glr .bx-controls .bx-prev:before, .slider-glr .bx-controls .bx-next:before, .multiple-media-tab ul li a:before,
.panel-rows span a p:before, #bx-pager .active:after, .list-news-hl li:before, .control-hl a:before, .news-connective-hl:after
{
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;
}


/* Transition */
a, .fa, .trans, .thumb-img:before, .thumb-img:after, .sub-cate-main, .menu-cate-main ul li a:after, .navigation-hd > ul, .box-share-control,
.list-box-rows-10 ul li:before, .slider-glr .bx-prev, .slider-glr .bx-next, .multiple-media-tab ul li a:before, .panel-rows span a p,
.list-box-rows-6, .open-modal-box
{
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}


.fa-clock-o, .fa-play, .fa-camera
{
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
transition: all 0.6s linear;
}


/* Rotate 360 */
.list-box-rows ul li:hover .fa-clock-o, .col-big-news:hover .fa-clock-o, .thumb-big-news:hover .fa-clock-o,
.list-item:hover .fa-clock-o, .thumb-list-item:hover .fa
{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}

/* Scrollbar */
.scrollbar {overflow-y: auto; overflow-x: hidden}
.scrollbar::-webkit-scrollbar-track {border-radius: 3px; background-color: #eee}
.scrollbar::-webkit-scrollbar {width: 6px; border-radius: 3px; background-color: #eee}
.scrollbar::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #999}


/* Bắt đầu phần thân Website */
#header {}
.top-hd {padding: 10px 0}
.time-hd {font-size: 15px; color: #fff; font-family: 'RobotoCondensed-Light', sans-serif}
.lang-hd {}
.lang-hd ul {margin: 0; padding: 0}
.lang-hd ul li {display: inline; list-style: none; padding: 0 10px}
.lang-hd ul li:last-child {padding-right: 0}
.lang-hd ul li a {font-size: 15px; color: #fff; text-decoration: none; font-family: 'RobotoCondensed-Light', sans-serif}
.lang-hd ul li a:hover {color: #a3cce2}
.mid-hd {}
.mid-ct-hd {padding: 30px 0; border-bottom: solid 1px #eee}
.logo {padding: 5px 0}
.logo img {display: inline-block; max-width: 100%}
.control-hd {text-align: right}
.control-login {margin-bottom: 5px}
.control-login a {display: inline; margin-left: 15px; text-decoration: none; text-transform: uppercase; font-size: 13px; color: #999}
.control-login a:hover {color: #333}
.control-login a .fa {margin-right: 8px; font-size: 15px; color: #999}
.control-search {display: inline-block; width: 100%; max-width: 325px; border: solid 1px #eee; border-radius: 24px; position: relative}
.input-text {width: 100%; height: 32px; padding: 0 42px 0 15px}
.input-submit {position: absolute; top: 8px; right: 15px; font-size: 15px; color: #999}
.input-submit input {width: 15px; height: 15px; position: absolute; top: 0; right: 0; z-index: 20}
.bot-hd {}
.bot-ct-hd {}
.menu-hd {}
#header .scroll-to-fixed-fixed {height: 54px; z-index: 9999 !important; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.06); background: rgba(255, 255, 255, 0.98)}
.scroll-to-fixed-fixed .logo-sticky-hd {display: inline-block}
.logo-sticky-hd {padding: 10px 0; margin-right: 30px; display: none}
.cate-hd {margin-right: 15px; padding: 10px 0; position: relative}
.menu-cate-hd {padding: 0 10px; line-height: 34px; color: #fff; text-transform: uppercase; font-size: 15px; font-family: 'RobotoCondensed-Bold', sans-serif}
.icon-cate-hd {float: left; background: #0477b6; padding: 8px; margin: 0 10px 0 -10px}
.icon-line {display: block; background: #fff; margin: 3px 0; height: 2px}
.line-1 {width: 25px}
.line-2 {width: 20px}
.line-3 {width: 15px}
.cate-hd:hover ul {visibility: visible; opacity: 1; top: 44px}
.cate-hd ul {margin: 0; padding: 15px 0 5px; visibility: hidden; opacity: 0; position: absolute; top: 54px; left: 0; width: 280px; z-index: 50}
.cate-hd ul li {display: block; list-style: none; padding: 0 20px}
.cate-hd ul li a {font-size: 15px; color: #fff; line-height: 38px; text-decoration: none; text-transform: capitalize; border-bottom: solid 1px #489bc7}
.cate-hd ul li a:hover {padding-left: 5px}
.cate-hd ul li:last-child a {border-bottom: none}
.navigation-hd {position: relative}
.navigation-hd ul {margin: 0; padding: 0}
.navigation-hd ul li {display: inline-block; list-style: none; padding: 0 20px; position: relative}
.navigation-hd ul li a {font-size: 15px; color: #000; font-family: 'RobotoCondensed-Bold', sans-serif; text-transform: uppercase; text-decoration: none; line-height: 54px}
.navigation-hd ul li a .fa {margin-left: 5px}
.navigation-hd ul li:hover a {color: #0288d1}
.navigation-hd ul li:hover > ul {visibility: visible; opacity: 1; top: 54px}
.navigation-hd ul li > ul {visibility: hidden; opacity: 0; position: absolute; top: 64px; left: 0; width: 200px; padding: 5px 0; background: #fff; z-index: 50}
.navigation-hd ul li > ul > li {display: block}
.navigation-hd ul li > ul > li > a {line-height: 38px; text-transform: capitalize; font-family: 'Roboto Condensed', sans-serif; border-bottom: solid 1px #eee; color: #333 !important}
.navigation-hd ul li > ul > li > a:hover {padding-left: 5px}
.navigation-hd ul li > ul > li:last-child > a {border-bottom: none}
.service-hd {padding: 15px 0; position: relative}
.icon-service {display: inline-block; height: 24px; padding-left: 32px; background: url(../images/icon-service.png) no-repeat; color: #0288d1; font-size: 15px; font-family: 'RobotoCondensed-Bold', sans-serif; text-transform: uppercase; text-decoration: none; line-height: 24px}
.service-hd:hover ul {visibility: visible; opacity: 1}
.service-hd ul {margin: 0; padding: 0; visibility: hidden; opacity: 0; background: #fff; position: absolute; top: 54px; right: 0; width: 310px; border-top: solid 5px #0288d1; z-index: 50}
.service-hd ul:before {content: "\f0de"; color: #0288d1; position: absolute; top: -15px; right: 20px; font-size: 24px}
.service-hd ul li {float: left; padding: 15px 10px; width: 33.333%; list-style: none; text-align: center; border: solid 1px #eee; border-left: none; border-top: none}
.service-hd ul li:hover {background: #f9f9f9}
.service-hd ul li:nth-child(3n) {border-right: none}
.service-hd ul li a {font-size: 15px; color: #999; text-decoration: none; line-height: 20px; text-transform: capitalize}
.service-hd ul li:hover a {color: #333}
.service-hd ul li a .fa {display: block; font-size: 28px; margin-bottom: 10px; color: #999; position: relative; top: 0}
.service-hd ul li:hover a .fa {color: #333}
.service-hd ul li a:hover .fa {top: -5px}
.fl-center.rss-hd{float:right;margin:16px 0 0 15px;}
.rss-hd a{font-size: 15px;font-family: 'RobotoCondensed-Bold', sans-serif; text-decoration:none;color: #0288d1;}
.icon-rss{color: #E87E04!important;padding: 0 5px;font-size: 20px;}

#wrapper, .rows {padding: 15px 0}
.box-rows {float: left; position: relative}
.box-row-1 {width: 23.932%; margin-right: 2.5%; padding: 0 0 25px}
.box-row-1 .bx-wrapper .bx-controls {left: 50%; right: 50%; margin-left: -25px; bottom: -53px}
.change-col {}
.change-col ul {margin: 0; padding: 0}
.change-col ul li {display: block}
.box-row-1 .title-box-rows {padding-left: 20px; padding-bottom: 15px}
.title-box-rows {padding: 20px 0 15px}
.title-box-rows {padding: 20px 0; font-size: 20px; text-transform: uppercase}
.title-box-rows:before {content: ""; background: #0288d1; height: 30px; width: 5px; position: absolute; left: 0; top: 15px}
.list-box-rows {}
.list-box-rows ul {margin: 0; padding: 0}

.list-box-rows ul li {display: block; list-style: none; padding: 5px 0}
.list-box-rows ul li a {display: inline-block; width: 100%; color: #333; text-decoration: none}
.icon-buy {color: #c33; font-size: 16px; font-style: normal; padding: 2px 5px 1px; border-radius: 3px; margin-left: 5px; position: relative; top: -1px}
.list-box-rows-1 ul {padding: 0 20px}
.list-box-rows-1 ul li:last-child {padding-bottom: 0}
.panel-rows {margin-top: 5px}
.panel-rows > span {margin-right: 5px; color: #999; font-size: 15px; font-family: 'RobotoCondensed-Light', sans-serif}
.panel-rows > span > a {display: inline-block !important; color: #999 !important; text-decoration: none; position: relative; width: auto !important; text-transform: capitalize}
.panel-rows > span > a:hover > p {visibility: visible; opacity: 1; bottom: 25px}
.panel-rows > span > a > p {visibility: hidden; opacity: 0; position: absolute; left: -92px; bottom: 45px; background: #0288d1; width: 200px; padding: 10px; margin: 0; border-radius: 3px; color: #fff; font-size: 15px; line-height: 20px; font-family: 'RobotoCondensed-Light', sans-serif; text-align: center; z-index: 50}
.panel-rows > span > a > p:before {content: "\f0d7"; font-size: 24px; color: #0288d1; position: absolute; left: 50%; right: 50%; bottom: -14px; margin-left: -7px}
.panel-rows > span > a > p > em {font-style: normal; color: #ffb300}
.panel-rows > span .fa {margin-right: 8px; position: relative; bottom: 1px}
.box-row-2 {width: 73.505%}
.col-big-news {width: 63.955%}
.thumb-img {float: left; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; position: relative}
.thumb-img:before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: solid 3px rgba(255, 255, 255, 0.6); z-index: 20; visibility: hidden; opacity: 0}
.list-box-rows ul li:hover .thumb-img:before, .col-big-news:hover .thumb-img:before, .big-news-cate-main:hover .thumb-img:before, .list-item:hover .thumb-img:before,
.feature-list-news ul li:hover .thumb-img:before, .grp-list-news-2 ul li:hover .thumb-img:before
{visibility: visible; opacity: 1}
.thumb-big-news {width: 100%; height: 350px; margin-bottom: 20px}
.title-big-news {padding: 20px}
.title-big-news h2 a {font-size: 24px; color: #333; text-decoration: none; line-height: normal}
.col-mini-news {width: 36.047%; padding: 10px 0; border-left: solid 1px #eee}
.list-box-rows-2 {padding: 0 20px}
.list-box-rows-2 ul {height: 475px}
.list-box-rows-2 ul li {padding: 10px 0}
.thumb-mini-news {width: 110px; height: 75px; margin-right: 15px}
.thumb-mini-news .fa {position: absolute; top: 10px; right: 10px; background: rgba(0, 0, 0, 0.6); width: 26px; height: 26px; line-height: 26px; color: rgba(255, 255, 255, 0.95); font-size: 13px; text-align: center; border-radius: 50%}
.box-row-3 {width: 100%; margin-top: 15px; padding: 0 10px 20px}
.box-row-3 .title-box-rows, .box-row-4 .title-box-rows {padding: 20px 10px}
.list-box-rows-3 ul li {float: left; width: 25%; padding: 0 10px}
.list-box-rows-3 ul li .thumb-thematic {width: 100%; height: 180px; margin-bottom: 15px; position: relative}
.numb-count {position: absolute; bottom: 0; left: 0; background: #0288d1; width: 32px; height: 32px; text-align: center; line-height: 34px; color: #fff; font-family: 'RobotoCondensed-Bold', sans-serif; font-size: 15px; z-index: 50}
.grp-panel {}
.title-thematic {margin-bottom: 10px}
.title-thematic a {font-size: 13px !important; color: #0288d1 !important; text-transform: uppercase; text-decoration: none}
.title-thematic a:hover {text-decoration: underline}
.control-rows-2 {right: -26px; bottom: 48px; 
-webkit-transform: rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.main {width: 70.941%; min-height: 685px; margin-right: 2.5%; padding: 20px}
.ct-cate-main {float: left; width: 30.38%}
.menu-cate-main {}
.menu-cate-main > ul {margin: 0; padding: 0}
.menu-cate-main > ul > li {display: block; padding-right: 20px; margin-bottom: 2px; list-style: none}
.menu-cate-main > ul > li:last-child {margin-bottom: 0}
.menu-cate-main > ul > li:hover {padding-right: 0; background: #0288d1}
.menu-cate-main > ul > li:hover a {background: transparent; color: #fff}
.menu-cate-main > ul > li > a {display: block; padding: 10px 20px; text-transform: capitalize; color: #333; text-decoration: none; background: #f9f9f9; position: relative}
.menu-cate-main > ul > li > a:hover {color: #fff; background: transparent}
.menu-cate-main > ul > li > a:after {content: "\f105"; position: absolute; top: 8px; right: 50px; color: #fff; font-size: 24px; visibility: hidden; opacity: 0}
.menu-cate-main > ul > li:hover > a:after {right: 20px}
.menu-cate-main > ul > li:hover > .sub-cate-main, .menu-cate-main > ul > .act-cate-main > .sub-cate-main, .menu-cate-main > ul > .act-cate-main > a:after, .menu-cate-main > ul > li:hover > a:after {visibility: visible; opacity: 1} 
.sub-cate-main {position: absolute; top: 0; right: 20px; width: 66.266%; padding: 20px 0; background: #fff; visibility: hidden; opacity: 0; z-index: 50}
.big-news-cate-main {overflow: hidden; position: relative; margin-bottom: 20px}
.big-news-cate-main .thumb-big-news {margin-bottom: 0}
.title-bg-grd {position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; z-index: 20;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0+0,0.5+50,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.title-big-news-main {padding: 10px 20px; font-size: 22px; line-height: 28px}
.menu-cate-main > ul > .act-cate-main {padding-right: 0}
.menu-cate-main > ul > .act-cate-main > a {background: #0288d1; color: #fff}
.menu-cate-main > ul > .act-cate-main > a:after {right: 20px}
.list-box-rows-4 ul li {float: left; width: 48%; margin-right: 4%; padding: 0}
.list-box-rows-4 ul li:hover {background: transparent}
.list-box-rows-4 ul li a {padding: 0; background: transparent}
.list-box-rows-4 ul li:nth-child(2n) {margin-right: 0}
.menu-cate-main > ul > li:hover > .sub-cate-main .list-box-rows-4 ul li a {color: #333}
.thumb-cate-main {width: 100%; height: 180px; margin-bottom: 15px}
.adv {float: left; width: 100%; background: #f2f2f2; text-align: center; color: #999; text-decoration: none; font-size: 22px; font-family: 'RobotoCondensed-Light', sans-serif; position: relative}
.adv p {margin-top:-25px; position: absolute; width: 100%; top: 50%; bottom: 50%}
.adv span {display: block; font-size: 26px; margin-bottom: 10px; text-transform: uppercase; font-family: 'RobotoCondensed-Bold', sans-serif}
.adv-1 {max-width: 91.67%; height: 230px; margin-top: 20px}
.sidebar {width: 26.496%}
.sidebar-rows {display: inline-block; width: 100%; margin-bottom: 20px}
.fix-sidebar-rows {padding-bottom: 20px}
.sidebar-rows:last-child {margin-bottom: 0}
.sidebar-rows .title-box-rows {padding: 20px 0 15px 20px}
.list-box-rows-5 {padding: 0 20px}
.list-box-rows-5  ul {height: 608px}
.list-box-rows-5  ul li:nth-child(1) {margin-bottom: 5px; padding-bottom: 10px; border-bottom: solid 1px #eee}
.list-box-rows-5  ul li a .thumb-other-news {width: 100%; height: 180px; margin-bottom: 15px}
.multiple-media {padding: 10px 10px 400px 10px; position: relative}
.list-box-rows-6 {position: absolute; left: 0; padding: 0 10px; z-index: 20; visibility: hidden; opacity: 0}
.list-box-rows-6 ul li {float: left; width: 25%; padding: 10px}
.list-box-rows-6 ul li:nth-child(1) {width: 50%}
.list-box-rows-6 ul li .thumb-media {width: 100%; height: 180px}
.list-box-rows-6 ul li:nth-child(1) .thumb-media {height: 380px}
.list-box-rows-6 ul li .thumb-media .title-media {padding: 10px 15px}
.list-box-rows-6 ul li:nth-child(1) .title-media {padding: 20px; font-size: 19px}
.list-box-rows-6 ul li .thumb-media .title-media em {text-transform: capitalize; font-size: 15px; font-family: 'RobotoCondensed-Bold', sans-serif; margin-right: 5px; font-style: normal}
.list-box-rows-6 ul li:nth-child(1) .title-media em {text-transform: uppercase; font-size: 17px}
.mega-story {padding: 20px 20px 20px 172px; position: relative}
.title-mega-story {position: absolute; left: 50px; top: 50%; bottom: 50%; margin-top: -25px; font-size: 32px; text-transform: uppercase; color: #999; line-height: 34px}
/*.title-mega{color: #FFF!important;font-size: 36px;text-align: center;padding-top: 250px;}*/
.mega-title-bg{
	font-family: 'Play',Arial, Helvetica, sans-serif;
	padding:30px 0px;
	font-weight: 600;
	font-size: 32px;
	line-height: 1em;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.list-box-rows-7 ul li {height: 330px; padding: 0}
.thumb-mega {width: 100%; height: 330px}
.control-rows-3 {left: 60px; bottom: -25px}
.box-social-media {width: 70.941%; padding: 0 10px 15px; margin-right: 2.5%; margin-top: 15px}
.box-social-media .title-box-rows {padding: 20px 10px 15px}
.list-box-rows-8 ul li {float: left; width: 33.333%; padding-left: 10px; padding-right: 10px}
.title-social-media {line-height: 32px}
.title-social-media .fa {float: left; margin-right: 10px; width: 38px; height: 32px; text-align: center; color: #fff; line-height: 34px; text-transform: capitalize}
.title-fb {color: #3a5897; border-bottom: solid 5px #3a5897}
.title-fb .fa {background: #3a5897}
.title-tw {color: #01bbf6; border-bottom: solid 5px #01bbf6}
.title-tw .fa {background: #01bbf6}
.title-youtube {color: #c4302b; border-bottom: solid 5px #c4302b}
.title-youtube .fa {background: #c4302b}
.thumb-social-media {width: 100%; height: 180px; margin-bottom: 15px}
.adv-2  {height: 372px}


#footer {margin-top: 20px}
.top-ft {}
.logo-ft {padding: 30px 0; border-bottom: solid 1px #eee}
.list-box-rows-9 ul li {display: inline-block; padding: 0 15px}
.list-box-rows-9 ul li a img {max-height: 45px; width: auto; vertical-align: middle}
.mid-ft {padding: 15px 0}
.grp-col {}
.colx4 {display: inline-block; vertical-align: top; width: 24.7%; padding: 15px 10px}
.list-links-ft {}
.list-links-ft h4 {margin-bottom: 15px; text-transform: uppercase}
.list-links-ft h4 a {font-size: 15px; color: #333; font-family: 'RobotoCondensed-Bold', sans-serif; text-decoration: none}
.list-links-ft ul {margin: 0; padding: 0}
.list-links-ft ul li {display: block; margin: 5px 0}
.list-links-ft ul li a {text-decoration: none; text-transform: capitalize; color: #333; font-size: 15px}
.list-links-ft ul li a:hover {color: #0288d1; padding-left: 5px}
.bot-ft {background: #0288d1; padding: 30px 0}
.info-ft {}
.info-ft .logo-info {float: left; margin: 5px 15px 0 0}
.info-ft .logo-info img {display: inline-block}
.info-ft p {margin: 0; display: inline-block; color: #fff; font-size: 15px; font-family: 'RobotoCondensed-Light', sans-serif}
.info-ft p em {font-family: 'RobotoCondensed-Bold', sans-serif; font-style: normal}
.menu-ft {margin-top: 15px}
.menu-ft ul {margin: 0; padding: 0}
.menu-ft ul li {display: inline; list-style: none; margin: 0 2px; color: #fff; font-size: 15px}
.menu-ft ul li a {color: #fff; text-decoration: none; text-transform: capitalize; font-family: 'RobotoCondensed-Light', sans-serif}
.menu-ft ul li a:hover {color: #a3cce2}


/* Bắt đầu trang list news */
.fix-rows {padding: 0}
.main-details {width: 100%; margin: 0; padding: 0; min-height: auto}
.main-details h2.title-box-rows {padding: 20px 20px 10px}
.grp-list-news ul.grid {padding: 0; margin: 0}
.list-item {float: left; width: 25%; list-style: none}
.ct-list-item {float: left; margin: 10px; position: relative;background: #fff}
.thumb-list-item {width: 100%; height: 180px}
.thumb-list-item .fa {position: absolute; top: 10px; right: 10px; background: rgba(0, 0, 0, 0.6); width: 38px; height: 38px; line-height: 38px; color: rgba(255, 255, 255, 0.95); font-size: 16px; text-align: center; border-radius: 50%}
.fa-play {padding-left: 3px}
.control-list-item {display: inline-block; width: 100%; padding: 15px}
.control-list-item > a {margin-bottom: 10px; color: #333; text-decoration: none; text-transform: capitalize; min-height: 68px}
.sample-item {color: #999; font-family: 'RobotoCondensed-Light', sans-serif; margin: 0 0 15px; position: relative; padding-top: 14px; border-top: solid 1px #eee}
.sample-item:after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,0.5+50,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.list-item-width-1 {width: 50%}
.list-item-width-1 .ct-list-item {width: 46.5%}
.list-item-width-1 .ct-list-item:nth-child(1) {width: 96.5%}
.list-item-width-1 .ct-list-item:nth-child(1) .control-list-item {position: absolute; left: 0; bottom: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.list-item-width-1 .ct-list-item:nth-child(1) .thumb-list-item, .list-item-width-2 .thumb-list-item {height: 316px}
.list-item-width-1 .ct-list-item:nth-child(1) .control-list-item, .list-item-width-2 .control-list-item {padding: 20px}
.list-item-width-1 .ct-list-item:nth-child(1) .control-list-item a, .list-item-width-2 .control-list-item a {font-size: 24px; line-height: normal; color: #fff; min-height: auto}
.list-item-width-1 .ct-list-item:nth-child(1) .control-list-item a .icon-buy, .list-item-width-2 .control-list-item a .icon-buy {top: -3px}
.list-item-width-2 {width: 50%}


/* Bắt đầu trang chi tiết */
.box-row-4 {width: 100%; padding: 0 10px 20px}
.ct-post-details {}
.top-post-details {margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #eee}
.title-post-details {font-size: 28px; line-height: 34px}
.mid-post-details {position: relative}
.fix-post-details {position: absolute; top: 30px; left: -122px; text-align: center}
.ct-fix-post-details {background: #fff; overflow: hidden}
.fix-rows-post {padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #eee}
.fix-rows-post:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none}
.logo-post img {display: inline-block}
.name-post {display: block; background: #f9f9f9; padding: 5px 0; margin-top: 10px; font-size: 13px; font-family: 'RobotoCondensed-Bold', sans-serif; text-transform: uppercase}
.time-post {font-size: 15px; color: #999; font-family: 'RobotoCondensed-Light', sans-serif}
.time-post .fa {margin-right: 5px}
.grp-share-social {}
.grp-share-social ul {margin: 0; padding: 0}
.grp-share-social ul li {list-style: none; margin-bottom: 5px}
.grp-share-social ul li .btn-social-nw {display: block; padding: 6px 10px 3px; font-size: 13px; color: #fff; text-decoration: none; text-transform: uppercase; text-align: left;white-space:nowrap;}
.grp-share-social ul li .btn-social-nw i {display: inline-block; width: 20px; margin-right: 5px}
.btn-fb {background: #305c99}
.btn-tw {background: #00cdff}
.btn-yt {background: #e22b26}
.btn-g {background: #3f3d3e}
.btn-lk {background: #007bb6}
.btn-tu {background: #2c4762}
.btn-gi {background: #42c0fb}
.btn-pin {background: #dc0d0a}
.post-content {line-height: 24px}
.img-post {text-align: center; max-width: 500px; margin: 0 auto}
.img-post img {display: inline-block; width: 100%}
.caption-img {padding-top: 5px; font-style: italic; color: #999; font-family: 'RobotoCondensed-Light', sans-serif}
.post-author {display: inline-block; width: 100%; margin: 20px 0; text-align: right; font-family: 'RobotoCondensed-Bold', sans-serif; text-transform: capitalize}
.bot-post-details {padding-top: 20px; border-top: solid 1px #eee}
.colx2 {float: left; width: 50%; padding: 10px}
.pagination-control {color: #333; text-decoration: none}
.pagination-control span {text-transform: uppercase; font-size: 15px; font-family: 'RobotoCondensed-Bold', sans-serif; border: solid 2px #eee}
.pagination-control span .fa {padding: 0 5px}
.pagination-control em {display: block; margin-top: 20px; font-style: normal}
.pagination-prev {float: left; text-align: left}
.pagination-prev span {padding: 8px 10px 6px 5px}
.pagination-next {float: right; text-align: right}
.pagination-next span {padding: 8px 5px 6px 10px}


/* Bắt đầu trang videos */
.row-separator {background: #000; padding: 30px 0; margin-top: -15px}
.separator-ct {}
.separator-left {float: left; width: 65%}
.big-video {padding-right: 1px; border-right: solid 1px #222; position: relative}
.top-video-play {position: relative}
.top-video-play:before {content: ""; position: absolute; width: 100%; height: 75px; left: 0; bottom: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+25,000000+50,000000+75,000000+100&0+0,0.25+25,0.5+50,0.75+75,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 25%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.75) 75%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.top-video-play iframe {width: 100%; position: relative; z-index: 20}
.bot-control-video {padding: 20px 20px 0 0}
.top-ctr-video {padding: 0}
.top-ctr-video a {color: #fff; font-size: 24px; line-height: normal; margin-bottom: 5px}
.bot-ctr-video {margin-top: 20px; position: relative}
.bot-ctr-video:before {content: ""; position: absolute; top: 0; left: 0; width: 50px; height: 1px; background: #0288d1}
.description-video {margin: 0; padding: 20px 20px 20px 0; color: #fff; font-family: 'RobotoCondensed-Light', sans-serif; border-top: solid 1px #222}
.share-video {position: absolute; top: -23px; right: 0}
.share-video span {color: #fff; font-size: 15px; background: #0288d1; padding: 5px 10px 3px}
.share-video span .fa {font-size: 11px; margin-right: 5px; position: relative; top: -1px}
.share-video:hover .box-share-control {visibility: visible; opacity: 1}
.box-share-control {position: absolute; right: 0; top: 23px; width: 250px; background: #fff; padding: 10px; text-align: center; visibility: hidden; opacity: 0}
.box-share-control ul {margin: 0; padding: 0}
.box-share-control ul li {display: inline; margin: 0 5px}
.box-share-control ul li a {display: inline-block; color: #fff; width: 32px; height: 32px; line-height: 34px; text-align: center}
.separator-right {float: left; width: 35%}
.playlist-videos h2 {color: #fff; text-transform: uppercase; font-size: 17px; padding-left: 50px; margin-bottom: 10px}
.list-box-rows-10 {padding: 0 10px 0 0}
.list-box-rows-10 ul {height: 630px}
.list-box-rows-10 ul li {padding: 15px 10px 15px 50px; position: relative}
.list-box-rows-10 ul li:before {content: ""; display: inline-block; background: url(../images/icon-disc.png) no-repeat; width: 62px; height: 62px; position: absolute; left: 60px; top: 21%; visibility: hidden; opacity: 0;
	-webkit-animation:spin 5s linear infinite;
    -moz-animation:spin 5s linear infinite;
    -o-animation:spin 5s linear infinite;
    -ms-animation:spin 5s linear infinite;
    animation:spin 5s linear infinite;
}

@keyframes spin {
  100% {
    -webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);  	
  }
}
.list-box-rows-10 ul li:hover:before, .list-box-rows-10 ul .act-video:before {left: 19px; visibility:  visible; opacity: 1}
.list-box-rows-10 ul li:hover {background: #111}
.list-box-rows-10 ul li a {color: #fff; font-family: 'RobotoCondensed-Light', sans-serif}
.list-box-rows-10 .thumb-mini-news .fa {right: 0; bottom: 0; top: inherit; border-radius: 0}
.list-box-rows-10 ul .act-video, .list-box-rows-10 ul .act-video:hover {background: #fff}
.list-box-rows-10 ul .act-video {border-left: solid 5px #0288d1}
.list-box-rows-10 ul .act-video a {color: #333}


/* Bắt đầu trang gallery */
.fix-separator {background: #222; max-height: 480px; margin-bottom: 20px}
.slider-glr {overflow: hidden}
.slider-glr ul {margin: 0; padding: 0}
.slider-glr ul li {list-style: none}
.slider-glr .thumb-slider {width: 100%; height: 480px}
.slider-glr:hover .thumb-slider:before {visibility: visible; opacity: 1}
.caption-image-grl {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; margin: 0; padding: 20px; color: #fff; font-family: 'RobotoCondensed-Light', sans-serif;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0+0,0.5+50,0.9+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}

.caption-slider {padding: 30px}
.caption-slider .control-list-item {padding: 0; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #333}
.caption-slider .control-list-item a {color: #fff; font-size: 24px; line-height: normal; min-height: auto}
.sample-grl {height: 200px; padding-right: 20px; font-family: 'RobotoCondensed-Light', sans-serif; color: #fff}
.sample-grl p {margin: 0}

.slider-glr .bx-controls {top: 50%; bottom: 50%; margin-top: -26px; width: 100%}
.slider-glr .bx-controls .bx-controls-direction a {position: absolute; background: transparent; color: rgba(255, 255, 255, 0.8); height: 54px; width: 20px; text-indent: inherit}
.slider-glr .bx-controls .bx-prev {left: 0; visibility: hidden; opacity: 0}
.slider-glr:hover .bx-controls .bx-prev {left: 20px; visibility: visible; opacity: 1}
.slider-glr .bx-controls .bx-prev:before {content: "\f104"; font-size: 52px}
.slider-glr .bx-controls .bx-next {right: 0; visibility: hidden; opacity: 0}
.slider-glr:hover .bx-controls .bx-next {right: 20px; visibility: visible; opacity: 1}
.slider-glr .bx-controls .bx-next:before {content: "\f105"; font-size: 52px}
#bx-pager {text-align: center}
#bx-pager .thumb-mini-slider {float: none; display: inline-block; width: 110px; height: 75px; margin: 1.6px}
#bx-pager .thumb-mini-slider:hover:before {visibility: visible; opacity: 1}
#bx-pager .active {position: relative}
#bx-pager .active:after {content: "\f00c"; position: absolute; left: 10px; bottom: 10px; color: #fff; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.8);}


/* Bắt đầu trang list news 2 */
.main-2 {width: 67.1%; margin-right: 2.5%; padding: 0 20px 20px}
.feature-list-news {display: inline-block; width: 100%; padding-bottom: 20px; margin-bottom: 10px; border-bottom: solid 1px #eee}
.feature-list-news ul {margin: 0; padding: 0}
.feature-list-news ul li {list-style: none; float: left; width: 32%; margin-right: 2%; vertical-align: top}
.feature-list-news ul li:nth-child(1) {width: 100%; margin-bottom: 10px}
.feature-list-news ul li:nth-child(1), .feature-list-news ul li:nth-child(4) {margin-right: 0}
.feature-list-news ul li .thumb-ft-list-news {width: 100%; height: 160px; margin-bottom: 10px}
.feature-list-news ul li:nth-child(1) .thumb-ft-list-news {width: 62.5%; height: 310px; margin-right: 3%}
.feature-list-news ul li .grp-panel a {color: #333; text-decoration: none}
.feature-list-news ul li:nth-child(1) .grp-panel a {font-size: 20px; line-height: normal; font-family: 'RobotoCondensed-Bold', sans-serif;}
.sample-text-ft {margin: 10px 0}
.grp-list-news-2 {}
.grp-list-news-2 ul {margin: 0; padding: 0}
.grp-list-news-2 ul li {display: inline-block; width: 100%; list-style: none; margin: 10px 0}
.grp-list-news-2 ul li .thumb-item-news-2 {width: 235px; height: 160px; position: relative; margin-right: 20px}
.grp-list-news-2 ul li .thumb-item-news-2 em {position: absolute; left: 0; top: 0; background: #16bc89; width: 32px; height: 32px; text-align: center; line-height: 34px; color: #fff; font-style: normal}
.grp-list-news-2 ul li .grp-panel a {color: #333; text-decoration: none; font-family: 'RobotoCondensed-Bold', sans-serif; margin-top: 10px}
.grp-list-news-2 ul li .grp-panel .panel-rows {margin-top: 0}
.grp-list-news-2 ul li .grp-panel .panel-rows span:nth-child(1) {color: #16bc89; text-transform: uppercase; font-family: 'RobotoCondensed-Bold', sans-serif;}
.paging-list-news {padding: 20px 0 5px; text-align: center}
.paging-list-news ul {margin: 0; padding: 0}
.paging-list-news ul li {display: inline-block; margin: 5px 2px}
.paging-list-news ul li a {line-height: 32px; padding: 0 10px; border: solid 1px #eee; text-decoration: none; color: #2a2a2a}
.paging-list-news ul li:hover a, .paging-list-news ul .act-paging a {background: #0288d1; border: solid 1px #0288d1; color: #fff}
.sidebar-2 {width: 30.4%}
.list-news-dv {padding-top: 5px}
.list-news-dv ul {margin: 0; padding: 0}
.list-news-dv ul li {float: left; width: 100%; list-style: none; margin-bottom: 20px; border-bottom: solid 1px #eee; padding-bottom: 20px}
.list-news-dv ul li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none}
.list-news-dv ul li .thumb-item-news-2 {float: left; width: 188px; height: 125px; position: relative; margin-right: 20px}
.list-news-dv ul li .grp-panel a {text-decoration: none; color: #333}


/* Phần tin nội bộ */
.internal-news {width: 100%; padding: 0 10px 10px}
.internal-news .title-box-rows {padding: 20px 10px 10px}
.ct-internal-news ul {margin: 0; padding: 0}
.ct-internal-news ul li {display: inline-block; padding: 10px; width: 33.333%; vertical-align: top; margin-right: -3px}
.ct-internal-news ul li .thumb-internal-news {width: 110px; height: 75px; margin-right: 15px}
.ct-internal-news ul li .panel-news a {display: block}
.ct-internal-news ul li:nth-child(1) .panel-news, .ct-internal-news ul li:nth-child(2) .panel-news, .ct-internal-news ul li:nth-child(3) .panel-news {padding-bottom: 20px; border-bottom: solid 1px #eee}
.ct-internal-news ul li:nth-child(1) .thumb-internal-news, .ct-internal-news ul li:nth-child(2) .thumb-internal-news, .ct-internal-news ul li:nth-child(3) .thumb-internal-news {width: 100%; height: 250px; margin: 0 0 15px 0}


/* Phần Menu Tab */
.multiple-media-tab {margin-bottom: 10px; padding: 0 10px}
.multiple-media-tab > ul {margin: 0; padding: 0; background: #f9f9f9}
.multiple-media-tab > ul > li {float: left; list-style: none; padding: 0 20px; border: solid 1px #fff}
.multiple-media-tab > ul > li:hover .list-box-rows-6, .multiple-media-tab ul > .act-media-tab .list-box-rows-6 {visibility: visible; opacity: 1}
.multiple-media-tab > ul > li > a {color: #333; text-decoration: none; text-transform: capitalize; line-height: 48px; position: relative}
.multiple-media-tab > ul > li:hover > a, .multiple-media-tab ul > .act-media-tab > a {color: #fff}
.multiple-media-tab > ul > li > a:before {content: "\f0d7"; position: absolute; left: 0; bottom: 0; font-size: 24px; color: #0288d1; left: 50%; right: 50%; margin-left: -7px; visibility: hidden; opacity: 0}
.multiple-media-tab > ul > li:hover > a:before, .multiple-media-tab ul > .act-media-tab > a:before {bottom: -14px; visibility: visible; opacity: 1}
.multiple-media-tab > ul > li:hover, .act-media-tab {background: #0288d1; color: #fff !important}


/* News Feed */
.news-feed {position: fixed; width: 310px; bottom: 0; right: 0; background: #fff; border: solid 1px #eee}
.news-feed h3 {background: #0288d1; color: #fff; font-size: 15px; text-transform: uppercase; line-height: 38px; padding: 0 20px}
.news-feed ul {margin: 0; padding: 10px 20px;}
.news-feed ul li {display: inline-block; width: 100%; margin: 10px 0}
.news-feed ul li a {text-decoration: none; color: #333}
.hiden-news-feed {position: absolute; top: 6px; right: 20px}
.hiden-news-feed .fa {color: #fff; font-size: 24px}


/* Infographics */
.fix-wrapper {background: #d8f2ff}
.main-infographics .control-list-item > a {min-height: auto}
.ct-list-item:hover .open-modal-box {visibility: visible; opacity: 1}
.open-modal-box {position: absolute; top: 10px; right: 10px; visibility: hidden; opacity: 0}
.open-modal-box .fa {background: rgba(0, 0, 0, 0.6); width: 38px; height: 38px; line-height: 38px; color: rgba(255, 255, 255, 0.95); font-size: 16px; text-align: center; border-radius: 50%;}
.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:50;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}
.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}
.blocker.behind{background-color:transparent}
.modal{display:none;vertical-align:middle;position:relative;z-index:50;max-width:1170px;width:100%;background:#fff;text-align:left}
.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}
.img-modal-box {float: left; width: 60%; text-align: center}
.info-modal-box {float: left; width: 40%; padding: 30px}
.top-info-modal-box {margin-bottom: 20px}
.top-info-modal-box h1 {font-size: 32px; line-height: 34px; margin-bottom: 20px}
.top-info-modal-box p {margin: 0}
.mid-info-modal-box {padding: 20px; background: #f9f9f9}
.mid-info-modal-box ul {margin: 0; padding: 0}
.mid-info-modal-box ul li {display: inline-block; width: 100%; padding: 8px 0 8px 110px; border-bottom: solid 1px #eee; font-size: 15px; position: relative}
.mid-info-modal-box ul li:first-child {padding-top: 0}
.mid-info-modal-box ul li:last-child {padding-bottom: 0; border-bottom: none}
.mid-info-modal-box ul li .tt-info-modal {font-family: 'RobotoCondensed-Bold', sans-serif; margin-right: 10px; position: absolute; left: 0;}
.mid-info-modal-box ul li a {color: #0288d1; margin-right: 5px}
.fix-modal {margin: 10px 0; background: #fff; overflow: hidden}


/* Gallery Login */
.fix-row-separator {background: #0288d1}
.fix-separator-2 {background: #0477b6; margin-bottom: 0}
.fix-bx-pager {display: inline-block; width: 100%; padding: 30px; height: 407px; overflow-y: auto; overflow-x: hidden}
.fix-bx-pager .thumb-mini-slider {float: left !important; width: 31.333% !important; margin: 1% !important}
.fix-caption-slider {background: #222}
.fix-caption-slider .sample-grl {height: auto}
.btn-download-glr {text-align: center}
.btn-download-glr a {display: inline-block; padding: 0 20px; height: 38px; line-height: 40px; background: #c33; color: #fff; border-radius: 3px; text-decoration: none}
.btn-download-glr a .fa {margin-right: 10px}


/* Tin - ảnh */
.box-highlight {width: 100%; background: #0288d1; position: relative}
.tt-box-highlight {position: absolute; top: 0; left: 0; background: rgba(204, 51, 51, 0.9); font-size: 15px; color: #fff; text-transform: uppercase; padding: 0 15px; line-height: 32px; z-index: 20}
.left-highlight {float: left; width: 75%; max-height: 360px;}
.list-img-hl .divScrollBox { max-height: 360px;}
.list-img-hl ul li {float: left; width: 50%; padding: 8px 8px 0 0; position: relative}
.list-img-hl ul li .thumb-hl {width: 100%; height: 115px}
.list-img-hl .divBigBox {float: left; width: 50%; padding: 8px 8px 0 0; position: relative}
.list-img-hl .divBigBox {padding: 0 10px 0 0; width: 60%}
.list-img-hl .divBigBox .thumb-hl {height: 380px; width: 100%}
.caption-img-hl {position: absolute; left: 0; bottom: 0; width: 100%; padding-right: 10px}
.caption-img-hl p {text-align: center; margin: 0; padding: 20px; color: #fff; font-family: 'RobotoCondensed-Light', sans-serif;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0+0,0.5+50,0.9+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}
.right-highlight {float: left; width: 25%; background: #fff; padding: 10px 0}
.list-news-hl {position: relative; max-height: 360px; overflow-y: auto; overflow-x: hidden}
.list-news-hl li {padding: 5px 5px 5px 30px !important; position: relative}
.list-news-hl li:before {content: "\f0c1"; position: absolute; left: 0; top: 0; font-size: 12px; color: #fff; display: flex; justify-content: center; align-items: center; height: 100%; padding: 0 5px; background: #00649a; visibility: hidden; opacity: 0;}
.list-news-hl li:hover:before, .list-news-hl .hl-active:before {visibility: visible; opacity: 1}
.list-news-hl li:hover, .hl-active {background: #0288d1}
.list-news-hl li:hover a, .list-news-hl .hl-active a {color: #fff}
.list-item-hl ul li {float: left; width: 50%; padding: 10px}
.ct-list-item-hl {display: inline-block; width: 100%}
.control-hl {float: left; width: 55%; min-height: 180px; padding: 0 10px 0 40px; position: relative}
.control-hl:before {content: ""; position: absolute; left: 10px; top: 25px; width: 20px; border-top: dashed 1px #ccc}
.control-hl:after {content: ""; position: absolute; left: 10px; bottom: 25px; width: 20px; border-top: dashed 1px #ccc}
.control-hl > a {max-height: 46px; overflow-y: auto; overflow-x: hidden}
.control-hl > a:before {content: "\f0c1"; position: absolute; left: 0; top: 50%; bottom: 50%; margin-top: -11px; font-size: 12px; color: #fff; width: 22px; height: 22px; line-height: 24px; text-align: center; background: #0288d1; border-radius: 100%;}
.item-img-hl {float: left; width: 45%; padding: 10px; position: relative}
.item-img-hl:before {content: ""; position: absolute; top: 50%; right: -10px; width: 20px; border-top: dashed 1px #ccc}
.item-img-hl:after {content: ""; position: absolute; height: 70%; top: 15%; bottom: 15%; right: -10px; border-right: dashed 1px #999}
.thumb-item-hl {width: 100%; height: 160px}
.list-mini-img-hl {position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 5px 5px 35px}
.list-mini-img-hl ul li {padding: 5px}
.thumb-mini-item-hl {width: 100%; height: 80px}


/* List tin - ảnh */
.fix-paging-hl {display: inline-block; width: 100%}


/* Chi tiết tin - ảnh */
.grp-col-hl {padding: 0 10px}
.grp-img-hl {padding-right: 40px; position: relative}
.grp-img-hl:before {content: ""; position: absolute; right: 5px; top: 5%; bottom: 5%; height: 90%; border-right: dashed 1px #999}
.top-big-img-hl:before {content: ""; position: absolute; right: 5px; top: 5%; width: 20px; border-top: dashed 1px #ccc}
.top-big-img-hl .fa-arrows-alt {position: absolute; top: 10px; right: 10px; background: rgba(0, 0, 0, 0.6); width: 38px; height: 38px; line-height: 38px; color: rgba(255, 255, 255, 0.95); font-size: 16px; text-align: center; border-radius: 50%;}
.thumb-big-hl {width: 100%; height: 320px}
.bot-mini-img-hl {margin-top: 5px; overflow: hidden}
.bot-mini-img-hl:before {content: ""; position: absolute; right: 5px; bottom: 5%; width: 20px; border-bottom: dashed 1px #ccc}
.bot-mini-img-hl #bx-pager .thumb-mini-hl {float: left; width: 23%; height: 80px; margin: 1%}
.caption-img-separator-hl {border-bottom: dashed 1px #ccc; padding-bottom: 20px; margin-bottom: 20px}
.caption-img-separator-hl h3 {color: #0288d1; font-size: 15px; text-transform: uppercase}
.caption-img-separator-hl p {margin: 10px 0 0; overflow-y: auto; overflow-x: hidden;}
.news-connective-hl {margin-top: 20px; border-left: solid 5px #0288d1; padding-left: 20px; position: relative}
.news-connective-hl:after {content: "\f0c1"; position: absolute; left: -42px; top: 50%; bottom: 50%; margin-top: -11px; font-size: 12px; color: #fff; width: 22px; height: 22px; line-height: 24px; text-align: center; background: #0288d1; border-radius: 100%;}
.news-connective-hl:before {content: ""; position: absolute; left: -30px; top: 50%; width: 25px; border-top: dashed 1px #ccc}
.news-connective-hl h3 {color: #0288d1; font-size: 15px; text-transform: uppercase; margin-bottom: 5px}
.list-news-connective-hl ul li a {color: #333; text-decoration: none}
.modal-hl {max-width: 500px; text-align: center}


/*05/04/2018 -- hungnv -- Tabs cho trang PersonalProfile*/

.Form.Tabs .r-tabs-nav{list-style:none;margin:0;padding:0;border-bottom:2px #005296 solid }
.Form.Tabs .r-tabs-nav li{display:inline-block;padding:7px 15px;color:#fff;}
.Form.Tabs .r-tabs-nav li:first-child{/*padding-left:0;*/}
.Form.Tabs .r-tabs-nav li a{color:#333; text-decoration:none;font-size:14px}
.Form.Tabs .r-tabs-nav li.r-tabs-state-active{border: 1px #005296 solid;border-bottom: 0;}
.Form.Tabs .r-tabs-nav li.r-tabs-state-active a{font-weight:bold; color:#005296;}
.r-tabs .r-tabs-accordion-title{display:none;}
.r-tabs-panel{padding:10px;}
#tab-2{display:none;}
#tab-2 #divContractList{height:auto!important;}
.r-tabs-panel.r-tabs-state-active{border:1px #ccc solid;}
.r-tabs-panel .detail {border:0}
.r-tabs-panel .k-selectable{border:1px #ccc solid;}