@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,vietnamese);
/***
  font-face
****/
@font-face {
  font-family: "Myriad Pro Cond";
  src: url('../font/669311524-MyriadPro-Cond.eot');
  src: url('../font/669311524-MyriadPro-Cond.eot?#iefix') format('embedded-opentype'), url('../font/669311524-MyriadPro-Cond.svg#Myriad Pro Cond') format('svg'), url('../font/669311524-MyriadPro-Cond.woff') format('woff'), url('../font/669311524-MyriadPro-Cond.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.myriadpro-cond {
  font-family: Myriad Pro Cond, Tahoma, Arial;
}
.opensan-cond {
  font-family: "Open Sans Condensed", Myriad Pro Cond, Arial, sans-serif;
}
.box-sizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.absolute-full {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.center-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.title {
  font-weight: bold;
  color: #0d8ccf;
  font-size: 1.39em;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.head-title {
  font-weight: bold;
  color: #0d8ccf;
  font-size: 1.39em;
  padding-bottom: 5px;
  margin-bottom: 20px;
  margin-bottom: 0;
}
.page-title {
  font-weight: bold;
  color: #0d8ccf;
  font-size: 1.39em;
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid #acacac;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
a {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del,
ins {
  text-decoration: line-through;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
legend {
  color: #000;
}
input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
sup,
sub {
  line-height: 0;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0 1px;
}
em,
i {
  font-style: normal;
}
textarea {
  overflow: auto;
}
header,
nav,
footer,
section,
figure,
aside,
hgroup,
session,
main {
  display: block;
  margin: 0;
  padding: 0;
}
center {
  text-align: left;
}
a {
  color: #cb0424;
  text-decoration: none;
  outline: 0 none;
}
a:hover {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.hide {
  display: none;
}
.clearfix {
  content: "";
  clear: both;
  display: table;
}
.clear-left {
  clear: left;
}
input:focus {
  outline: 0 none;
}
[type="submit"],
[type="button"] {
  border: 0 none;
}
textarea:focus {
  outline: 0 none;
}
strong,
b {
  font-weight: 700;
}
.center {
  text-align: center;
}
body {
  font: 14px/1.5 Arial, Tahoma, Verdana;
  background: #fff;
  color: #464646;
  overflow: auto;
}
.container {
  width: 1030px;
  margin: 0 auto;
}
.header {
  position: relative;
  z-index: 2;
}
.header:after {
  content: "";
  clear: both;
  display: table;
}
.tophead {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  background: #f7f7f7;
  border-top: 4px solid #0d8ccf;
}
.tophead:after {
  content: "";
  clear: both;
  display: table;
}
.language {
  float: right;
}
.language li {
  font-family: Myriad Pro Cond, Tahoma, Arial;
  float: left;
  margin-right: 18px;
  line-height: 16px;
  padding: 4px 10px;
  cursor: pointer;
  color: #3a3a3a;
}
.language li.current {
  background: #eee;
}
.language li img {
  margin: 2px 5px 0 0;
  display: inline-block;
  vertical-align: top;
}
.logo {
  float: left;
  padding: 15px 0;
}
.logo a {
  display: block;
  width: 180px;
  height: 67px;
  background: url(../image/logo.png) no-repeat;
  text-indent: -999em;
}
.form-search {
  float: right;
  position: relative;
  margin: 30px 28px 30px 0;
}
.form-search input[type="submit"] {
  display: block;
  width: 18px;
  height: 15px;
  background: url(../image/search.png) no-repeat;
  text-indent: -999em;
  position: absolute;
  top: 8px;
  right: 12px;
}
.form-search input[type="text"] {
  border: 1px solid #b7b7b7;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  height: 20px;
  padding: 5px 30px 5px 10px;
  width: 157px;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.form-search input[type="text"]:focus {
  border-color: #0d8ccf;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.navigation {
  clear: both;
  background: #0d8ccf;
}
.navigation ul li {
  float: left;
  position: relative;
  font-size: 1.1em;
}
.navigation ul li a {
  display: block;
  color: #fff;
  font-weight: bold;
  padding: 16px 20px;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.navigation ul li:hover a {
  color: #fff;
  text-decoration: none;
  background: #000;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.navigation ul li:hover ul {
  display: block;
}
.navigation ul li:hover ul ul {
  display: none;
}
.navigation ul li:hover li a {
  color: #000;
  background: none;
}
.navigation ul li:hover li:hover a {
  color: #fff;
  background: #0d8ccf;
}
.navigation ul li ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0px;
  background: #fff;
  min-width: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.navigation ul li ul li {
  float: none;
  border-top: 1px solid #e1e1e1;
}
.navigation ul li ul li a {
  color: #000;
  font-size: 15px;
  font-weight: 400;
  padding: 6px 12px;
}
.navigation ul li ul li:first-child {
  border-top: 0 none;
}
.navigation ul li ul li ul {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
}
.navigation ul li ul li ul li a {
  bakground: none;
}
.navigation ul li ul li:hover ul {
  display: block;
}
.navigation ul:after {
  content: "";
  clear: both;
  display: table;
}
.navigation.affix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 12;
}
.navi-toggle {
  width: 34px;
  display: none;
  float: right;
  cursor: pointer;
  margin-top: 24px;
}
.navi-toggle span {
  height: 4px;
  width: 100%;
  background: #0d8ccf;
  margin: 8px 0;
  display: block;
}
.footer {
  color: #fff;
}
.footer-top {
  background: #0d8ccf;
}
.footer-api {
  display: table;
  width: 100%;
  position: relative;
}
.footer-api li {
  display: table-cell;
  padding: 6px 3% 6px 1%;
}
.footer-api li span {
  background: url(../image/icon-dcna.png) no-repeat;
  display: inline-block;
  line-height: 30px;
  padding-left: 38px;
}
.footer-api li span[data-toggle="dropdown"] {
  cursor: pointer;
}
.footer-api li .down {
  display: inline-block;
  width: 10px;
  height: 11px;
  background: url(../image/down.png) no-repeat;
  margin: 0 0 0 8px;
}
.footer-api li .dropdown {
  display: none;
  position: absolute;
  background: #fff;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 270px;
  color: #333;
  padding: 15px;
}
.footer-api li.open .dropdown {
  display: block;
}
.footer-api li:last-child {
  text-align: right;
}
.footer-api:after {
  content: "";
  clear: both;
  display: table;
}
.footer-info {
  background: #4d4d4d;
  padding: 25px 0;
}
.footer-info .foot-col {
  float: left;
  width: 68%;
  padding: 0 1% 0 1%;
}
.footer-info .footer-logo {
  float: left;
  margin-right: 20px;
}
.footer-info .company-info {
  overflow: hidden;
}
.footer-info .company-info h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: inherit;
}
.footer-info .company-desc {
  clear: both;
  padding-top: 20px;
}
.footer-info .foot-link {
  float: left;
  width: 14%;
  padding-left: 1%;
}
.footer-info .foot-link li {
  margin-bottom: 4px;
}
.footer-info .foot-link li a {
  color: inherit;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.footer-info .foot-link li a:hover {
  color: #0d8ccf;
  text-decoration: none;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.footer-info:after {
  content: "";
  clear: both;
  display: table;
}
.footer-copyright {
  background: #343434;
}
.footer-copyright .copyright {
  font-size: 0.93em;
  color: #fff;
  padding: 25px 25px 30px;
}
.scroll-top {
  display: none;
  background: #343434;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: #fff;
  font-size: 19px;
  line-height: 35px;
  text-align: center;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 15;
  cursor: pointer;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.scroll-top:hover {
  background: #0d8ccf;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.owl-customer .item {
  text-align: center;
}
.owl-customer .item a {
  display: inline-block;
  max-width: 100%;
}
.owl-customer .item img {
  max-width: 100%;
  display: block;
}
.customer {
  clear: both;
}
.customer .title {
  border-bottom: 1px solid #e4e4e4;
}
.slider {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.ls-nav-prev {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 5%;
  margin-top: -20px;
  background: url(../image/slider/prev.png) no-repeat;
  z-index: 10;
}
.ls-nav-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 5%;
  margin-top: -20px;
  background: url(../image/slider/prev.png) no-repeat;
  z-index: 10;
  background: url(../image/slider/next.png) no-repeat;
  right: 5%;
  left: auto;
}
.ls-layer {
  font-size: 1.14em;
}
.ls-layer .ls-s1 {
  font-size: 20px;
  font-weight: 700;
}
.ls-layer .ls-s2 {
  width: 405px;
}
.ls-layer a {
  color: #0d8ccf;
}
.job-top {
  background: #0d8ccf;
  padding: 20px 0 25px;
}
.job-top .left {
  float: left;
  color: #fff;
  font-size: 1.07em;
  width: 70%;
  padding: 0 1%;
}
.job-top .left h2 {
  font-size: 1.33em;
  font-weight: 700;
  margin-bottom: 4px;
}
.job-top .left h2 a {
  color: inherit;
}
.job-top .button {
  float: right;
  display: inline-block;
  color: #fff;
  font-size: 15px;
  padding: 10px 38px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  overflow: hidden;
  background-color: #0e8dcf;
  background: -moz-linear-gradient(top, #40aff0, #0e8dcf);
  background: -o-linear-gradient(top, #40aff0, #0e8dcf);
  background: -ms-linear-gradient(top, #40aff0, #0e8dcf);
  background: -webkit-gradient(linear, left top, left bottom, from(#40aff0), to(#0e8dcf));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#40aff0, endColorstr=#0e8dcf);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  margin: 35px 62px 0 0;
  border: 1px solid #dbf5f6;
}
.job-top .button:hover {
  background: -moz-linear-gradient(bottom, #40aff0, #0e8dcf);
  background: -o-linear-gradient(bottom, #40aff0, #0e8dcf);
  background: -ms-linear-gradient(bottom, #40aff0, #0e8dcf);
  background: -webkit-gradient(linear, left bottom, left top, from(#40aff0), to(#0e8dcf));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0e8dcf, endColorstr=#40aff0);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  text-decoration: none;
}
.job-top:after {
  content: "";
  clear: both;
  display: table;
}
.owl-service {
  width: auto;
  margin-left: -10px;
  margin-right: -10px;
}
.owl-service .item {
  position: relative;
  margin: 0 10px;
  border-top: 3px solid #0d8ccf;
}
.owl-service .item .item-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.owl-service .item .item-inner h3 {
  vertical-align: middle;
  font-family: "Open Sans Condensed", Myriad Pro Cond, Arial, sans-serif;
  font-weight: 700;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
  text-align: center;
  margin-top: 23%;
  font-size: 1.14em;
}
.owl-service .item .item-inner h3 a {
  color: #fff;
}
.owl-service .item .item-inner h3 a:hover {
  text-decoration: none;
}
.owl-service .item .item-image {
  display: block;
  max-width: 100%;
}
.owl-service .item:hover .item-inner {
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.owl-service .owl-buttons {
  position: static;
  text-align: center;
  border-top: 1px solid #0d8ccf;
  margin: 25px 10px 0;
  width: auto;
}
.owl-service .owl-buttons div {
  position: relative;
  top: -15px;
  left: auto;
  right: auto;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: -15px 3px 0;
}
.owl-service .owl-buttons div.owl-prev {
  background: url(../image/service-prev.png) no-repeat;
}
.owl-service .owl-buttons div.owl-next {
  background: url(../image/service-next.png) no-repeat;
}
.owl-service .owl-buttons div:before {
  display: none;
}
.main {
  padding: 0 0 25px;
  clear: both;
}
.main:after {
  content: "";
  clear: both;
  display: table;
}
.image-border {
  display: block;
  padding: 4px;
  border: 1px solid #cbcbcb;
  max-width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.image-border img {
  max-width: 100%;
  vertical-align: top;
  display: block;
  margin: 0 auto;
}
.image-border-courses  img {
  width:160px;
}
.text-content .image-border {
  display: inline-block;
  margin-bottom: 10px;
}
.course {
  width: 48%;
  padding-right: 4%;
  float: left;
}
.course .article {
  margin-bottom: 20px;
}
.course .article h3 {
  font-size: 1.14em;
  font-weight: bold;
  margin-bottom: 6px;
}
.course .article h3 a {
  color: #363636;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.course .article h3 a:hover {
  color: #0d8ccf;
  text-decoration: none;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.course .article .button {
  display: inline-block;
  color: #fff;
  font-size: inherit;
  padding: 3px 12px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
  background-color: #0e8dd0;
  background: -moz-linear-gradient(top, #41baff, #0e8dd0);
  background: -o-linear-gradient(top, #41baff, #0e8dd0);
  background: -ms-linear-gradient(top, #41baff, #0e8dd0);
  background: -webkit-gradient(linear, left top, left bottom, from(#41baff), to(#0e8dd0));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#41baff, endColorstr=#0e8dd0);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  float: right;
}
.course .article .button:hover {
  background: -moz-linear-gradient(bottom, #41baff, #0e8dd0);
  background: -o-linear-gradient(bottom, #41baff, #0e8dd0);
  background: -ms-linear-gradient(bottom, #41baff, #0e8dd0);
  background: -webkit-gradient(linear, left bottom, left top, from(#41baff), to(#0e8dd0));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0e8dd0, endColorstr=#41baff);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  text-decoration: none;
}
.course h3 {
  font-size: 1.14em;
  font-weight: bold;
  margin-bottom: 6px;
}
.course h3 a {
  color: #363636;
}
.course h3 a:hover {
  color: #0d8ccf;
  text-decoration: none;
}
.course .image-border {
  float: left;
  margin-right: 15px;
}
.course .content {
  overflow: hidden;
}
.course .content p {
  text-align: justify;
  margin-bottom: 10px;
  line-height: 1.3;
}
.course .meta {
  font-style: italic;
  font-size: 0.86em;
  color: #666;
  margin-bottom: 5px;
}
.course .meta .fa {
  margin-right: 2px;
}
.course .meta .date {
  margin-right: 12px;
}
.lastest-news {
  overflow: hidden;
}
.lastest-news .title {
  border-bottom: 1px solid #e4e4e4;
}
.article .image-border {
  margin-bottom: 8px;
}
.article .content h3 {
  margin-bottom: 4px;
}
.article .content h3 a {
  font-weight: bold;
  color: inherit;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.article .content h3 a:hover {
  color: #0d8ccf;
  text-decoration: none;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.article .content p {
  margin-bottom: 10px;
  text-align: justify;
}
.article .content .button {
  display: inline-block;
  color: #fff;
  font-size: inherit;
  padding: 3px 12px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
  background-color: #0e8dd0;
  background: -moz-linear-gradient(top, #41baff, #0e8dd0);
  background: -o-linear-gradient(top, #41baff, #0e8dd0);
  background: -ms-linear-gradient(top, #41baff, #0e8dd0);
  background: -webkit-gradient(linear, left top, left bottom, from(#41baff), to(#0e8dd0));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#41baff, endColorstr=#0e8dd0);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  float: right;
}
.article .content .button:hover {
  background: -moz-linear-gradient(bottom, #41baff, #0e8dd0);
  background: -o-linear-gradient(bottom, #41baff, #0e8dd0);
  background: -ms-linear-gradient(bottom, #41baff, #0e8dd0);
  background: -webkit-gradient(linear, left bottom, left top, from(#41baff), to(#0e8dd0));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0e8dd0, endColorstr=#41baff);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  text-decoration: none;
}
.article:after {
  content: "";
  clear: both;
  display: table;
}
.testimonial {
  clear: both;
  margin-bottom: 30px;
}
.testimonial article {
  padding: 0 6% 0 4%;
}
.testimonial .image {
  position: relative;
  float: left;
  width: 153px;
  height: 151px;
  overflow: hidden;
}
.testimonial .image .front-img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 153px;
  height: 151px;
  background: url(../image/front-img.png) no-repeat;
}
.testimonial .image img {
  position: relative;
  z-index: 0;
}
.testimonial .content {
  overflow: hidden;
  padding-left: 30px;
}
.testimonial .content blockquote {
  background: #44a5da;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  padding: 15px 20px;
  color: #fff;
  margin: 18px 0 8px;
  position: relative;
}
.testimonial .content blockquote:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-width: 18px 28px 18px 0;
  border-color: transparent #44a5da transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: -28px;
}
.testimonial .content .author {
  font-family: "Open Sans Condensed", Myriad Pro Cond, Arial, sans-serif;
  font-size: 1.14em;
}
.testimonial:after {
  content: "";
  clear: both;
  display: table;
}
.bread-crumb {
  background: #e2e1e1;
  padding: 10px 0;
  margin-bottom: 20px;
}
.bread-crumb:after {
  content: "";
  clear: both;
  display: table;
}
.bread-crumb ul li {
  display: inline;
}
.bread-crumb ul li h1 {
  display: inline;
  font-size: inherit;
}
.bread-crumb ul li a {
  color: inherit;
}
.bread-crumb ul li a:hover {
  color: #0d8ccf;
  text-decoration: none;
}
.bread-crumb ul li:before {
  content: "/";
  margin-right: 4px;
}
.bread-crumb ul li:first-child:before {
  display: none;
}
.page-content {
  margin-bottom: 25px;
  padding-bottom: 30px;
  border-bottom: 1px solid #acacac;
}
.page-content:after {
  content: "";
  clear: both;
  display: table;
}
.image-border.left {
  float: left;
  margin: 0 20px 20px 0;
}
.image-border.right {
  float: right;
  max-width: 45%;
  margin: 0 0 20px 5%;
}
.text-content p {
  margin-bottom: 15px;
}
.list-article li {
  float: left;
  width: 45%;
  margin: 0 2% 20px;
  padding-top: 20px;
  border-top: 1px solid #e4e4e4;
}
.list-article li:first-child,
.list-article li:first-child + li{
  border-top: 0 none;
  padding-top: 0;
}
.list-article:after {
  content: "";
  clear: both;
  display: table;
}
.list-program li {
  border-top: 0 none;
}
.list-program .front-image-ct {
  width: 93px;
  height: 93px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-right: 12px;
}
.list-program .front-image-ct:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../image/front-img-ct.png) no-repeat;
  z-index: 1;
}
.list-program .front-image-ct img {
  position: relative;
  z-index: 0;
}
.list-program .content {
  overflow: hidden;
  padding-right: 10%;
}
.list-program .content h3 {
  margin-bottom: 0;
  padding-top: 10px;
}
.list-program .content h3 a {
  color: #0d8ccf;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.list-program .content h3 a:hover {
  color: inherit;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.list-program .content p {
  margin-bottom: 0;
}
.list-program .content > a {
  float: right;
  color: #0d8ccf;
  margin-right: 20px;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.list-program .content > a:hover {
  text-decoration: none;
  color: inherit;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.pager {
  text-align: center;
  padding: 20px 0 0;
}
.pager li {
  display: inline-block;
  border: 1px solid #c7c7c7;
  padding: 2px 6px;
  cursor: pointer;
}
.pager li.current,
.pager li:hover {
  color: #0d8ccf;
}
.page-left {
  float: left;
  width: 47%;
  margin-right: 3%;
}
.page-register .page-left {
  width: 52%;
}
.form .action {
  text-align: center;
}
.form .action p {
  color: #5d5c5c;
}
.form .button {
  display: inline-block;
  color: #fff;
  font-size: inherit;
  padding: 2px 8px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  overflow: hidden;
  background-color: #dedede;
  background: -moz-linear-gradient(top, #f6f6f6, #dedede);
  background: -o-linear-gradient(top, #f6f6f6, #dedede);
  background: -ms-linear-gradient(top, #f6f6f6, #dedede);
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#dedede));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f6f6f6, endColorstr=#dedede);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  border: 1px solid #a5a5a5;
  color: #000;
  margin-bottom: 10px;
  cursor: pointer;
}
.form .button:hover {
  background: -moz-linear-gradient(bottom, #f6f6f6, #dedede);
  background: -o-linear-gradient(bottom, #f6f6f6, #dedede);
  background: -ms-linear-gradient(bottom, #f6f6f6, #dedede);
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#dedede));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#dedede, endColorstr=#f6f6f6);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  text-decoration: none;
}
.form-row {
  margin-bottom: 15px;
}
.form-row .form-label {
  float: left;
  font-weight: 700;
  min-width: 140px;
}
.form-row .form-row-right {
  overflow: hidden;
}
.form-row .code {
  display: block;
  margin-bottom: 10px;
}
.form-row:after {
  content: "";
  clear: both;
  display: table;
}
.form input[type="text"] {
  border: 1px solid #a9a9a9;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.form input[type="text"]:focus {
  border-color: #0d8ccf;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.form textarea {
  height: 95px;
  border: 1px solid #a9a9a9;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.form textarea:focus {
  border-color: #0d8ccf;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.page-right {
  overflow: hidden;
}
.list-company {
  font-size: 0.93em;
  padding-top: 10px;
}
.list-company h2 {
  font-family: "Open Sans Condensed", Myriad Pro Cond, Arial, sans-serif;
  text-transform: uppercase;
  color: #0d8ccf;
  font-size: 1.46em;
  line-height: 1.2;
  font-weight: bold;
}
.list-company li {
  margin-bottom: 5px;
}
.list-company li.width50 {
  width: 48%;
  float: left;
  padding-right: 2%;
}
.aside {
  float: left;
  width: 215px;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #acacac;
}
.aside .form {
  margin-bottom: 20px;
}
.aside .form label {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
}
.aside .form input[type="text"] {
  width: 100%;
  margin-bottom: 10px;
}
.aside .form select {
  border: 1px solid #bababa;
  padding: 5px;
  width: 100%;
  margin-bottom: 8px;
}
.aside .form select option {
  padding: 2px 0;
}
.aside .form .button {
  display: inline-block;
  color: #fff;
  font-size: inherit;
  padding: 3px 12px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
  background-color: #0e8dd0;
  background: -moz-linear-gradient(top, #41baff, #0e8dd0);
  background: -o-linear-gradient(top, #41baff, #0e8dd0);
  background: -ms-linear-gradient(top, #41baff, #0e8dd0);
  background: -webkit-gradient(linear, left top, left bottom, from(#41baff), to(#0e8dd0));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#41baff, endColorstr=#0e8dd0);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  border: 0 none;
  float: right;
  margin-top: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.aside .form .button:hover {
  background: -moz-linear-gradient(bottom, #41baff, #0e8dd0);
  background: -o-linear-gradient(bottom, #41baff, #0e8dd0);
  background: -ms-linear-gradient(bottom, #41baff, #0e8dd0);
  background: -webkit-gradient(linear, left bottom, left top, from(#41baff), to(#0e8dd0));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0e8dd0, endColorstr=#41baff);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  text-decoration: none;
}
.aside .form:after {
  content: "";
  clear: both;
  display: table;
}
.aside .banner {
  margin-bottom: 5px;
}
.aside .banner a {
  display: block;
}
.aside .banner img {
  max-width: 100%;
  display: block;
}
.title-work {
  font-size: 16px;
  color: #0d8ccf;
  font-weight: bold;
}
.title-work-black {
  font-size: 16px;
  color: #0d8ccf;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
}
.col-main {
  overflow: hidden;
}
.table {
  font-size: 0.93em;
  color: #333333;
  border-bottom: 1px solid #f2f2f2;
  width:100%;
}
.table thead th {
  font-weight: bold;
  white-space: nowrap;
  padding: 6px 3px;
}
.table thead th select {
  background: transparent;
  border: 0 none;
}
.table tbody tr td {
  border-right: 2px solid #fff;
  padding: 10px 5px;
}
.table tbody tr:nth-child(2n+1) {
  background: #f2f2f2;
}
.table .name-work {
  font-weight: bold;
  color: inherit;
}
.table .name-work:hover {
  color: #0d8ccf;
  text-decoration: none;
}
.work-detail {
  padding-top: 15px;
  padding-left: 10px;
}
.work-detail .text-blue {
  color: #0d8ccf;
}
.list-gallery {
  margin: 0 -0.5%;
}
.list-gallery li {
  float: left;
  width: 19%;
  margin: 0 0.5% 10px;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
  text-align:center;
}
.list-gallery li img {
  max-width: 100%;
  vertical-align: top;
  padding: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #d6d6d6;
  max-height:150px;
}
.list-gallery li .inner {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  padding: 10px 5px;
  color: #fff;
  text-align: center;
  background: #136ca2;
  background: rgba(19, 108, 162, 0.84);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.list-gallery li .inner h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: inherit;
}
.list-gallery li:hover .inner {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.list-gallery li:hover .lightbox-image {
  position: relative;
  display: block;
}
.list-gallery li:hover .lightbox-image img {
  vertical-align: top;
}
.list-gallery li:hover .lightbox-image:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  background: #136ca2;
  background: rgba(19, 108, 162, 0.84);
}
.list-gallery li .album-name {
  color: #0d8ccf;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
.list-gallery li .album-name a {
  color: inherit;
}
.list-gallery li .album-name a:hover {
  text-decoration: none;
}
.list-gallery:after {
  content: "";
  clear: both;
  display: table;
}
.list-video li {
  float: left;
  width: 29.33%;
  margin: 0 2%;
  padding: 10px 0;
}
.list-video li img {
  max-width: 100%;
}
.list-video li .content {
  text-align: center;
}
.list-video li .content a {
  color: #0d8ccf;
}
.list-video li .content h3 {
  font-weight: 700;
  font-size: inherit;
  line-height: 1.3;
  margin-bottom: 8px;
}
.list-video li .content .info {
  font-size: 0.93em;
}
.list-video:after {
  content: "";
  clear: both;
  display: table;
}
.box-video {
  border: 1px solid #c7c7c7;
  padding: 15px 10px;
  margin-bottom: 25px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.video-detail {
  width: 640px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 34.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-detail iframe,
.video-detail object,
.video-detail embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
  height: 360px;
}
@media screen and (min-width: 1025px) {
  .list-gallery li:nth-child(5n+1) {
    clear: left;
  }
}
.tab-menu li {
  float: left;
  width: 50%;
}
.tab-menu li a {
  display: block;
  background: #c4c3c3;
  color: #000;
  text-align: center;
  font-weight: 700;
  font-size: 1.285em;
  padding: 12px;
  border-left: 1px solid #c4c3c3;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.tab-menu li.current a,
.tab-menu li:hover a {
  background: #0d8ccf;
  color: #fff;
  text-decoration: none;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
.tab-menu li:first-child a {
  border-left: 0 none;
}
.tab-wrap {
  clear: both;
}
.tab-wrap .tab-content {
  display: none;
  padding: 16px 0;
}
.tab-wrap .tab-content#tab-gallery {
  display: block;
}
.lightbox .lb-outerContainer {
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.lightbox .lb-data {
  color: #fff;
  padding: 5px;
}
.lightbox .lb-data .lb-caption {
  font-size: inherit;
  margin-bottom: 6px;
}
.lightbox .lb-data .lb-number {
  padding-top: 5px;
}
.lightbox .lb-image {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.related {
  border-top: 1px solid #e4e4e4;
  padding-top: 15px;
  margin-top: 20px;
}
.related-list {
  padding-top: 5px;
}
.related-list li {
  list-style: none;
  font-weight: bold;
  margin-bottom: 4px;
}
.related-list li a {
  color: inherit;
}
.related-list li a:hover {
  color: #0d8ccf;
  text-decoration: none;
}
a.linkNews {
  color: #0d8ccf;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
a.linkNews:hover {
  color: #0d8ccf;
  text-decoration: none;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
}
/*# sourceMappingURL=style.css.map */
.slogan {
    width: 60%; 
    float: left;
    margin-top:35px;
    text-align:center;
}
.slogan span {
    color:#fff;
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: bolder;
    cursor:pointer;
    
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
    
    /***** 3D TRANSFORMATION *****/
    text-shadow: 0px 0px 2px #0d8ccf,
                 0px 1px 1px #0d8ccf,
                 0px 2px 1px #d6d6d6,
                 0px 3px 1px #ccc,
                 0px 4px 1px #c5c5c5,
                 0px 5px 1px #c1c1c1,
                 0px 6px 1px #bbb,
                 0px 7px 1px #777,
                 0px 8px 3px rgba(100, 100, 100, 0.4),
                 0px 9px 5px rgba(100, 100, 100, 0.1),
                 0px 10px 7px rgba(100, 100, 100, 0.15),
                 0px 11px 9px rgba(100, 100, 100, 0.2),
                 0px 12px 11px rgba(100, 100, 100, 0.25),
                 0px 13px 15px rgba(100, 100, 100, 0.3);  
}
                     
.slogan span:hover {
    text-shadow: 0px 0px 2px #0d8ccf;    
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}