/**
 * Fonts
 */
@font-face {
  font-family: 'UVNTinTucHepThemBold';
  src: url('../fonts/UVNTinTucHepThemBold.eot');
  src: url('../fonts/UVNTinTucHepThemBold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/UVNTinTucHepThemBold.woff') format('woff'), 
  url('../fonts/UVNTinTucHepThemBold.ttf')  format('truetype'), 
  url('../fonts/UVNTinTucHepThemBold.svg#UVNTinTucHepThemBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: "Myriad Pro Regular";
    src: url('../fonts/myriadpro/984405518-MyriadPro-Regular.eot');
    src: url('../fonts/myriadpro/984405518-MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/myriadpro/984405518-MyriadPro-Regular.svg#Myriad Pro') format('svg'),
    url('../fonts/myriadpro/984405518-MyriadPro-Regular.woff') format('woff'),
    url('../fonts/myriadpro/984405518-MyriadPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Myriad Pro Bold";
    src: url('../fonts/myriadpro/173889161-MyriadPro-Bold.eot');
    src: url('../fonts/myriadpro/173889161-MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/myriadpro/173889161-MyriadPro-Bold.svg#Myriad Pro') format('svg'),
    url('../fonts/myriadpro/173889161-MyriadPro-Bold.woff') format('woff'),
    url('../fonts/myriadpro/173889161-MyriadPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
        font-family: "VNI-Redrock";
        src: url('../fonts/303741456-vniredrock.eot');
        src: url('../fonts/303741456-vniredrock.eot?#iefix') format('embedded-opentype'),
        url('../fonts/303741456-vniredrock.svg#VNI-Redrock') format('svg'),
        url('../fonts/303741456-vniredrock.woff') format('woff'),
        url('../fonts/303741456-vniredrock.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
@font-face {
    font-family:'UVNTinTuc';
    src: url('../fonts/uvntintuchepthem_b-swiss.ttf');
}
.roboto {
  font-family: "Roboto Condensed",sans-serif;
}
body {
   /* font-family: "Myriad Pro Regular"; */
   font-family: "arial";
   color: #666766;
   font-size: 16px;
}
a {
  color: #666766;
}
h1 {
  color: #222222;
  /* font-family: "Roboto Condensed",sans-serif; */
  font-family: "arial";
  font-size: 26px;
  font-weight: normal;
  text-transform: uppercase;
}
.header {
  /*background: url("../img/pt.png") repeat scroll 0 0 #ca2026;*/
  background: url("../img/pt.png") repeat scroll 0 0 #27ccc0;
  position: relative;
}
.header .header-bg {
  height: 100%;
  position: relative;
}
/*
body.home .header .header-bg {
  background: url("../img/bg-white.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.header:after {
  background: url("../img/bg-white.png") no-repeat scroll center bottom  rgba(0, 0, 0, 0);
  bottom: 0;
  content: " ";
  height: 184px;
  left: 0;
  position: absolute;
  right: 0;
}
*/
.event{
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9999;
}
.event img{
  width: 60%;
}
.navbar {
  border-radius: 0px;
  font-size: 16px;
}
.navbar-brand {
	height: auto;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
  font-family: "Myriad Pro Regular";
  font-size: 13px;
}
.navbar {
	margin-top: 26px;
}
ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;    
}
.navbar-nav > li > a {
  line-height: 50px;
}
.navbar-default .navbar-nav > li > ul.dropdown-menu li a {
	color: #000;
  font-family: "Myriad Pro Regular";
  /*font-size: 16px;*/
  font-size: 13px;
}
/*
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background: none repeat scroll 0 0 #fff;
  border-radius: 4px;
  color: #181D1E;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-bottom: 3px solid #fff;
  border-radius: 0;
  color: #fff;
}
*/
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
  background: none;
  color: #fff;
  white-space: nowrap;
}
.navbar-default .navbar-nav > li {
	padding: 15px 0;
	min-height: 50px;
	line-height: 50px;
}
.navbar-default .navbar-nav > li > a, 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #fff;
  display: inline-block;
  line-height: normal;
  padding: 10px 15px;
  font-family: "Myriad Pro Regular";
  white-space: nowrap;
}
.navbar-default ul.navbar-nav > li > a:after, .navbar-default .navbar-nav > li.active > a:after{
  content:'';
  width: 0;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
      -o-transition: all 0.4s linear 0s;
        transition: all 0.4s linear 0s;
}
.navbar-default ul.navbar-nav > li > a:hover:after, .navbar-default .navbar-nav > li.active > a:after  {
  width: 100%;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	background: none;
	color: #fff;
}
.dropdown-menu {
	top: 70%;
}
#main-menu-bar.in .navbar-nav > li {
  line-height: 30px;
  min-height: 30px;
  padding: 0;
}
#main-menu-bar.in .navbar-nav > li > a, 
#main-menu-bar.in .navbar-nav > li > a:hover, 
#main-menu-bar.in .navbar-nav > li > a:focus {
  color: #181d1e;
  width: 100%;
}
.navbar-toggle {
  background-color: #f8f8f8;
}
.navbar-nav > li > .dropdown-menu {
  border-radius: 0;
  margin-top: 0;
}
.noel{
  position: fixed;
  left: 0px;
  bottom: 0;
  z-index: 99999;
}
/**
 * Search
 *
 * 
 */
.header .container {
    position: relative;
}
.search {
    position: absolute;
    right: 14px;
    top: 4px;
}
.search .s {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-appearance: none;
  color: #999;
  border: medium none;
  border-radius: 50px;
  height: 25px;
  width: 25px;
  text-indent: 5px;
  font-size: 13px;
  padding: 0 0 0 4px;
  /*
  -webkit-transition: .3s ease;
 -moz-transition: .3s ease; 
 */
}
.search .cms_button {
  display: block;
  background: url("../img/search-icon.png") no-repeat scroll right center #fff;
  border: medium none;
  border-radius: 50px;
  font-size: 0;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
}
.search a.icon{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../img/search-icon.png") no-repeat scroll right center #fff;
  height: 25px;
  width: 25px;
  font-size: 0;
  border-radius: 50px;
  outline: none;
}
/**
 * Header Slider
 */
.header-slider {
  color: #fff;
  margin: 70px 0 0;
  /*max-height: 460px;*/
  overflow: hidden;
}
.header-slider img {
  width: 100%;
  height: 100%;
}
.header-slider ul {
  list-style: none;
  padding: 0;
}
.header-slider .title {
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  margin: 58px 0 15px;
  font-family: "Myriad Pro Bold";
}
.header-slider .des {
  font-size: 16px;
}
.header-slider .view-btn {
  margin: 50px 0 0;
  text-align: center;
}
.header-slider .view-btn a {
  background: none repeat scroll 0 0 #fff;
  border-radius: 14px;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 25px;
}
.header-slider .view-btn a:hover {
  text-decoration: none;
}
.header .bottom-bg {
  background: url("../img/bg-white.png") no-repeat scroll center bottom / cover  rgba(0, 0, 0, 0);
  bottom: 0;
  height: 211px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1000;
}
.header .slider-pagination {
  list-style: none;
  position: absolute;
  right: 15px;
  top: 52px;
}
.header .slider-pagination li {
  display: inline-block;
}
#overlay {
  display: none;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}
/*
.search .s:focus {
	width: 200px;
	text-indent: 10px;
}
*/
.carousel {
  padding: 0 0 20px;
}
.carousel-caption {
  z-index: 10;
}
.carousel-indicators {
  width: auto;
  bottom: 0;
  margin: 0;
  right: 0;
  text-align: right;
}
.carousel-control.right, .carousel-control.left {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  bottom: auto;
  top: 30%;
  width: 5%;
}
/**
 * Info
 */
.intro {
  background: none repeat scroll 0 0 #fff;
}
.intro .title {
  font-size: 22px;
  text-transform: uppercase;
}
/**
 * Services
 */
.services {
  /*background: url("../img/services-bg.png") no-repeat scroll center top #fff;*/
  padding: 0;
}
.services .text {
  font-size: 13px;
  height: 140px;
  line-height: 20px;
  margin: 0 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.readmore a {
  background: none repeat scroll 0 0 #d89c3c;
  border-radius: 11px;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  text-align: center;
  width: 100%;
}
/**
 * Demand
 */
.demand {
  background: #053d5d;
  color: #fff;
  font-family: arial;
  max-height: 901px;
  padding: 0 0 70px;
}
.demand .main-title {
  color: #f9fafb;
  font-family: "Myriad Pro Regular";
  font-size: 40px;
  margin: 40px auto 0;
  text-align: center;
  text-transform: uppercase;
}
.demand .title_bottom_bg {
  margin: 10px 0 30px;
}
.demand .item {
  text-align: center;
}
.demand .item .title {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 14px;
}
.demand .text {
  margin: 0 0 26px 0;
}
/**
 * Portfolio
 */
.portfolio {
  background: none repeat scroll 0 0 #e1e1e1;
  padding: 35px 0 70px;
  position: relative;
}
/*
.portfolio:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #053d5d transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 40px;
  content: " ";
  height: 80px;
  left: 50%;
  margin: 0 0 0 -40px;
  position: absolute;
  top: -10px;
}
*/
.portfolio:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 40px;
  content: " ";
  height: 80px;
  left: 50%;
  margin: 0 0 0 -40px;
  position: absolute;
  top: 0px;
}
/*.portfolio:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #397a2a transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 40px;
  content: " ";
  height: 80px;
  left: 50%;
  margin: 0 0 0 -40px;
  position: absolute;
  bottom: -80px;
  z-index: 10;
}*/
.portfolio .nst {
  top: -75px;
}
.stroke {
    width: 50%;
    height: 1px;
    background-color: #959595;
    font-size: 0;
    display: block;
    position: relative;
    margin: 0 auto 15px;
}
.stroke:after, .stroke:before {
    content: "";
    width: 50%;
    height: 1px;
    display: block;
    background-color: #959595;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.stroke:before {
    top: -4px;
}
.stroke:after {
    top: 4px;
}
.portfolio .main-title-des {
	text-align: center;
    color: #000;
    margin-bottom: 20px;
	font-style: italic;
}
.portfolio .main-title:hover {
	color: #fff;
	background: url(../img/2000.png) no-repeat center center;
	background-size: 60%;
}
.portfolio .main-title {
	color: #000;
	/*font-family: "Myriad Pro Regular";*/
	font-size: 30px;
	margin: 10px 0 0;
	text-align: center;
	text-transform: uppercase;
	line-height: 70px;
	background: url(../img/200.png) no-repeat center center;
	background-size: 60%;
}
.portfolio .title_bottom_bg {
  margin: 0 0 30px 0;
}
.wagwep-container ul#portfolio-filter a {
  background: none repeat scroll 0 center #fff;
}
/*
.portfolio ul.filters, #portfolio-filter {
  border: 1px solid #669a99;
  border-radius: 4px;
  height: 60px;
  background: url(../img/portfolio-filter.png) repeat-x;
  color: #fff;
  font-family: "Myriad Pro Bold";
  list-style: none;
  padding: 0;
}
.portfolio ul.filters li, #portfolio-filter li {
  float: left;
  font-size: 15px;
  height: 100%;
  line-height: 60px;
  text-transform: capitalize;
  padding: 0 32px;
  cursor: pointer;
}
.portfolio ul.filters li.is-checked, #portfolio-filter li.current {
  background: url(../img/portfolio-filter-active.png) repeat-x;
}
.portfolio ul.filters li:hover, #portfolio-filter li:hover {
  background: url(../img/portfolio-filter-hover.png) repeat-x;
}
#portfolio-filter li a, #portfolio-filter li a:hover {
  background: none;
}
.wagwep-container ul#portfolio-filter {
  padding: 0;
}
.wagwep-container ul#portfolio-filter li {
  padding: 0;
  height: 100%;
  line-height: 60px;
}
.wagwep-container ul#portfolio-filter li.current a {
  background: none;
}
.wagwep-container ul#portfolio-filter a {
  padding: 0 32px;
  margin: 0;
  display: block;
  height: 100%;
  line-height: 60px;
  color: #fff;
}
*/
/*
#og-grid > li {
  max-height: 150px;
  overflow: hidden;
  width: 150px;
}
*/
/*
.wagwep-container ul#portfolio-filter li:last-child {
  padding: 0 32px;
}
*/
/**
 * Team
 */
.team-topbg {
  background: url("../img/team-bg-top.png") no-repeat scroll center top rgba(0, 0, 0, 0);
  height: 44px;
  left: 0;
  position: absolute;
  right: 0;
  top: -42px;
}
.nst {
  background: url("../img/nst.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 130px;
  left: 50%;
  position: absolute;
  top: -65px;
  width: 30px;
  z-index: 10;
}
.team {
  background: none repeat scroll 0 0 #fff;
  padding: 30px 0 30px;
  position: relative;
}
.team .main-title {
  color: #111212;
  font-family: "Myriad Pro Regular";
  font-size: 30px;
  font-weight: normal;
  margin: 20px 0 0;
  text-align: center;
  text-transform: uppercase;
  line-height: 40px;
}
.team .title_bottom_bg {
  margin: 0 0 30px 0;
}
.team .carousel-control.left {
  background: url(../img/team-slider-prev.png) no-repeat;
  width: 22px;
  height: 42px;
}
.team .intro {
  color: #191818;
  font-family: "Myriad Pro Regular";
  font-size: 18px;
  text-align: center;
}
.hidden{display:none;}
#owl-teams .avatar {
  width: 174px;
  height: 174px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #6bc4a0;
}
#owl-teams .avatar img {
  width: 100%;
}
#owl-teams .avatar img.lazy-unload {
  display: block;
  margin: 62px auto;
  width: auto;
}
#owl-teams .owl-pagination {
  display: none;
}
#owl-teams .owl-prev, #owl-teams .owl-next {
  left: 0;
  position: absolute;
  top: 80px;
  background: url(../img/team-slider-prev.png) no-repeat;
  width: 22px;
  height: 42px;
  font-size: 0;
}
#owl-teams .owl-next {
  left: auto;
  right: 0px;
  background: url(../img/team-slider-next.png) no-repeat;
}
#owl-teams .item .avatar, 
#owl-teams .item .name, 
#owl-teams .item .yahoo, 
#owl-teams .item .phone {
  color: #333333;
  font-family: "Myriad Pro Regular";
  font-size: 16px;
  font-weight: normal;
  text-align: center;
}
#owl-teams .item .avatar {
  margin: 5px auto;
}
#owl-teams .item .name {
  margin: 0 0 6px;
}
#owl-teams .item .yahoo {
  margin: 0 0 6px;
}
#owl-teams .item .phone {
  background: none repeat scroll 0 0 #d3d3d3;
  border-radius: 5px;
  color: #343534;
  display: inline-block;
  margin: 6px 0 0;
  padding: 1px 8px;
}
#owl-teams .item .skype {
}
#owl-teams .item {
  text-align: center;
}
/**
 * Footer
 */
.footer {
  background: #191919;
  border-top: 5px solid #75af3f;
  /* border-bottom: 5px solid #79d336; */
  position: relative;
  padding: 20px 0 0 0;
}
.footer:before {
  position: absolute;
  content: "";
  left: 50%;
  top: -2px;
  background: url(../img/footer-bg-top.png) no-repeat;
  width: 42px;
  height: 22px;
}
.footer .copyright {
  border-top: 1px solid #000;
  color: #898989;
  font-family: "Arial";
  font-size: 12px;
  padding: 0 0 5px;
  text-align: center;
}
.footer .copyright .border {
  background: #343434;
  height: 1px;
  margin-bottom: 5px;
}
.footer .rows {
	display: table;
    padding: 20px 0 0 0;
}
.footer .rows .fcol .title {
  color: #fcfdfe;
  font-size: 15px;
  text-transform: uppercase;
  margin-top: 0;
}
.footer .rows .fcol .content, .footer .rows .fcol .content a {
  color: #fff;
}
.footer .rows .fcol {
  border-left: 1px solid #000;
  border-right: 1px solid #343434;
  /*float: left;
  height: 230px;*/
  display: table-cell;
  max-width: 25%;
  padding: 0 15px;
  vertical-align: top;
}
.footer .rows .fcol:first-child {
  border-left:none;
}
.footer .rows .fcol:last-child {
  border-right:none;
}
.footer .rows .fcol ul {
  list-style-image: url("../img/list.png");
  padding: 0 0 0 5px;
}
/**
 * Back to top
 */
#back-to-top {
	bottom: 10px;
	display: none;
	position: fixed;
	right: 20px;
	border-radius: 50%;
	z-index: 1000;
	background: #117a65;
}
#back-to-top a {
  border: 2px solid #68c39f;
  color: #68c39f;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 50px;
  text-align: center;
  width: 50px;
}
#back-to-top a:hover {
  text-decoration: none;
}
#back-to-top a i {
  font-size: 30px;
  font-weight: bold;
  line-height: 45px;
}
/**
 * Html Page
 */
.ccontent {
  background: #fff;
}
/**
 * Single News
 */
.container.news .news_description {
    margin: 10px 0;
}
.container.news .news_content {
    margin: 10px 0 0 0;
}
ul.list_news_other {
  list-style-image: url("../img/list.png");
  margin: 0 0 10px 13px;
  padding: 0;
}
/**
 * Portfolio
 */
.og-details .related_photo {
  height: 60px;
  width: 60px;
}
.og-details a:hover {
  text-decoration: none;
}
.wagwep-container ul#portfolio-filter a {
  border-radius: 0;
}
.archive-list-portfolio li .title {
  text-align: left;
}
.archive-list-portfolio li .title a {
  color: #444;
  font-size: 22px;
  font-weight: bold;
  line-height: 22px;
}
.archive-list-portfolio li {
  margin-bottom: 20px;
  position: relative;
}
.single-featured-image {
  margin: 20px 0 0;
  padding: 0 10px;
}
.archive-list-portfolio .thumbnail {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.view .mask {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
}
.view a.info {
  background: none repeat scroll 0 0 #000;
  box-shadow: 0 0 1px #000;
  color: #fff;
  display: inline-block;
  padding: 7px 14px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 20px 0 0 0;
}
.view h2 {
  color: #fff;
  text-align: center;
}
/**
 *
 * Search
 */
.search-news {
  padding: 20px 0 0 0;
}
/**
 * .contact-form
 */
#contact-form label.error {
  color: #c92026;
  font-weight: normal;
}
.container.ccontent.contact img {
  max-width: 100%;
}
/**
 * Flip
 */
/* entire container, keeps perspective */
.flip-container {
  perspective: 1000;
}
  /* flip the pane when hovered */
  .flip-container:hover .flipper, .flip-container.hover .flipper {
    transform: rotateY(180deg);
  }
.flip-container, .front, .back {
  height: 180px;
  margin: 0 auto;
  width: 180px;
}
/* flip speed goes here */
.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);
}
/**
 * End flip
 */
.ccontent {
  padding-top: 100px;
}
/**
 * Gallery
 */
.ccontent.gallery {
  padding-top: 100px;
}
.oneAlbum {
  margin-bottom: 20px;
}
.oneAlbum .description {
  background: none repeat scroll 0 0 #f5f5f5;
  border-bottom: 1px solid #27ccc0;
  height: 66px;
  padding: 10px;
}
.oneAlbum .description:hover {
  background-color: #E5E5E5;
}
/* .oneAlbum a.thumb {
  display: block;
  position: relative;
} */
.oneAlbum a.thumb {
  display: block;
  height: 450px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.oneAlbum a.thumb:hover img {
	transform: translateY(-50%);
}
.oneAlbum a.thumb img {
	transition: all 2s linear;
}
#list_news .oneAlbum {
  height: auto;
  overflow: hidden;
}
#list_news .oneAlbum a.thumb {
  height: 191px;
  padding: 10px 0 10px 0;
}
#list_news .oneAlbum a.thumb img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: unset;
  
}
body.home .portfolio .oneAlbum a.thumb img.lazy, 
#owl-other-gallery .oneAlbum a.thumb img.lazy,
.ccontent.gallery .oneAlbum a.thumb img.lazy {
  margin: 0 auto;
}
body.home .portfolio .oneAlbum a.thumb img.lazy.lazy-loaded, 
#owl-other-gallery .oneAlbum a.thumb img.lazy.lazy-loaded,
.ccontent.gallery .oneAlbum a.thumb img.lazy.lazy-loaded {
  width: 100%;
}
.oneAlbum .thumb span {
  background: url("../img/DCAA64-30.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
 /* background: #27ccc0;*/
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  transition: all 0.2s ease 0s;
}
.oneAlbum .thumb span label{
  background-color: #fff;
  background-image: url("../img/icon+.png");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 0;
  left: 50%;
  margin: 0;
  opacity: 0;
  position: inherit;
  top: 50%;
  width: 0;
  border-radius: 100px;
  -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
}
#list_news .oneAlbum .thumb span label {
  background-image: url("../img/news-over.png");
}
.oneAlbum .thumb:hover span {
  visibility: visible;
  opacity: 1;
}
.oneAlbum .thumb:hover span label{
  height: 46px;
  width: 46px;
  margin: -23px 0 0 -23px;
  opacity: 1;
}
.oneAlbum .title {
  margin: 0;
}
.oneAlbum .title a {
  background: none repeat scroll 0% 0% #00000012;
  color: #000;
  text-align: center;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 17px;
  padding: 13px 12px;
  -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
}
.oneAlbum .title a:hover {
  text-decoration: none;
  padding-left: 15px;
}
#albumView {
  min-height: 300px;
  margin-left: -10px;
}
#albumView .galleria-thumbnails .galleria-image { width: 23.3%;}
.clear {
  clear: both;
}
.other-gallery > .main-title {
  font-family: "arial";
  color: #222;
}
#news_share * {
  box-sizing: content-box !important;
}
.form-control-feedback {
  height: 34px;
  line-height: 34px !important;
  top: 0;
}
.gtab .nav-tabs {
  border-bottom: none;
      display: flex;
    justify-content: space-between;
}
.gtab .tab-content {
  margin: 55px 0 0;
}
.gtab .nav-tabs > li {
  background-position: center 5px;
  background-repeat: no-repeat;
  min-height: 90px;
  width: 108px;
}
.gtab .nav-tabs > li > a:hover, .gtab .nav-tabs > li > a:focus {
  background-color: transparent;
  outline: none;
}
.gtab .nav-tabs > li > a {
  background-color: transparent;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  color: #fff;
  font-family: "Myriad Pro Regular";
  font-size: 15px;
  padding: 70px 0 0;
  text-align: center;
  outline: none;
  border: none;
}
.gtab .nav-tabs > li:hover > a, .gtab .nav-tabs > li.active > a {
  color: #000;
  border: none;
}
.skype {
  text-align: center;
}
/*
.gtab .tab-content .tab-pane {
  display: none;
}
.gtab .tab-content .tab-pane.active {
  display: block;
}
.gtab ul.nav-tabs {
  float: left;
  list-style: none;
}
*/
.portfolio-readmore {
  text-align: center;
  text-transform: uppercase;
}
.portfolio-readmore a {
  color: #fff;
  font-size: 18px;
}
.portfolio-readmore a {
  color: #fff;
}
.portfolio-readmore a:hover {
  text-decoration: none;
  color: #E9E9E9;
}
/**
 * Header
 */
header {
  width: 100%;
  height: 0;
  background: #79D336;
  background-color: #75af3f;
  position: fixed;
  z-index: 100;
-webkit-transition: height .25s ease-in-out;
        transition: height .25s ease-in-out;
}
header .back_top_mobile {display: none;}
.logo_main {float: left; margin-top:5px;
-webkit-transition: padding .25s ease-in-out;
        transition: padding .25s ease-in-out;
}
.logo_main a {display: inline-block;color: #fffcf5;}
.logo_main a:hover {color: #68c39f;}
.logo_main a span {vertical-align: middle;margin: 0 0 0 10px;font: 700 30px "Noto Sans";}
.logo_main a img {vertical-align: middle;}
header.stuck .logo_main a img {
  height: 40px;
  vertical-align: middle;
  width: auto;
}
#menu_main {
  float: right;
  position: relative;
}
#menu_main ul {font-size: 0; margin-bottom: 0}
#menu_main li {
        display: inline-block;
        padding: 32px 0 0 0;
        position: relative;
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        letter-spacing: 1px;
}
#menu_main li a {
  position: relative;
  -webkit-transition: color .4s ease-in-out, background .4s ease-in-out, border-color .4s ease-in-out;
  transition: color .4s ease-in-out, background .4s ease-in-out, border-color .4s ease-in-out;
}
#menu_main li ~ li {margin: 0 0 0 1px;}
#menu_main li ~ li a:before {content: '\2022'; content: ''; font-size: 17px;line-height: 1em;color: #fffcf5;position: absolute;left: -23px;top: -1px;
opacity: .1;
}
#menu_main li li a:before {
  content: "";
}
/*#menu_main a {font: 700 12px "Noto Sans";color: #fffcf5;text-transform: uppercase;}*/
#menu_main a {
  color: #000;
  font: 400 17px "UVNTinTucHepThemBold";
  text-transform: uppercase;
}
#menu_main a:hover {
  color: #fff;
  text-decoration: none;
}
#menu_main > ul > li > a {
  display: block;
  height: 100%;
  width: 100%;
}
#menu_main li ul.menu-child {
  background: none repeat scroll 0 0 #75af3f;
  display: none;
  min-width: 150px;
  opacity: 1;
  padding: 0 0px;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
#menu_main li ul.menu-child li {
  display: block;
  height: 45px;
  margin-left: 0;
  padding-bottom: 0;
  padding-top: 5px;
}
#menu_main li ul.menu-child li a {
  display: block;
  padding: 7px 0 8px 8px;
}
#menu_main li ul.menu-child li a:hover {
  background: none repeat scroll 0 0 #6a6a6a;
  color: #fff;
  text-decoration: none;
}
@-moz-keyframes anime {
  from {
    opacity: 0;
    -moz-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -moz-transform: scaleY(1);
    transform: scaleY(1);
  }
  }
  
  @-webkit-keyframes anime {
  from {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  }
  @keyframes anime {
  from {
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
  }
}
/* ACTIVE ITEM */
#menu_main li:after {content: '';width: 16px;height: 16px;display: block;margin: 0 0 0 -8px;border: 8px solid transparent;position: absolute;left: 50%;bottom: 0;
opacity: 0;
-webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}
#menu_main li.active > a {
  color: #fff;
}
#menu_main li.active:after {
  bottom: 0;
  opacity: 1;
  z-index: 1;
}
header.normal {
    border-bottom: 2px solid #f90909;
    height: 92px;
}
header.stuck {
    border-bottom: 2px solid #f90909;
    height: 50px;
top: 0;
}
header.stuck .logo_main {
  /* padding: 4px 0 0; */
}
header.stuck #menu_main li {height: 50px;padding: 10px 0 0 0;}
/* 4.2. MAIN SLIDER ********************************************************************************/
.slider_main__wrapper {overflow: hidden;}
#slider_main {
  overflow: hidden;
}
#slider_main .container {position: relative;}
#slider_main .slide {padding: 100px 0 0 0;}
/*
#slider_main .slide__1 {background: #68c39f;}
#slider_main .slide__2 {background: #449bb5;}
#slider_main .slide__3 {background: #eb5055;}
*/
/* IMAGES */
.slide_img__1 {position: relative;z-index: 1;
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
-webkit-transition: transform .6s ease-in-out, opacity .6s ease-in-out;
        transition: transform .6s ease-in-out, opacity .6s ease-in-out;
}
.slide_img__2 {position: absolute;left: 0;top: 0;z-index: 10;
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
-webkit-transition: transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
        transition: transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
}
/* IMAGES ANIMATION */
.flex-active-slide .slide_img__1,
.flex-active-slide .slide_img__2 {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
}
/* CAPTIONS */
.slider_main__caption {position: absolute;z-index: 100;}
.slider_main__caption h3 {padding: 135px 0 0 0;font: bold 40px/1em "Noto Sans";color: #fff;text-transform: uppercase;}
.slider_main__caption h4 {width: 700px;padding: 5px 0 0 0;font: bold 90px/80px "Noto Sans";color: #fff;text-transform: uppercase;}
.slider_main__caption h5 {padding: 31px 0 0 0;font: normal 22px/1em "Noto Sans";color: #043d5d;}
.slider_main__caption h5:before {content: "";width: 70px;height: 20px;display: inline-block;vertical-align: top;margin: 2px 20px 0 0;background: #043d5d;}
.slider_main__caption .btn_wrapper {padding: 73px 0 0 0;}
.slider_main__caption .btn {padding: 21px 43px;}
/* CAPTIONS ANIMATION */
.slider_main__caption h3 {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
}
.flex-active-slide .slider_main__caption h3 {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
-webkit-transition: transform .6s ease-in-out .3s, opacity .6s ease-in-out .3s;
        transition: transform .6s ease-in-out .3s, opacity .6s ease-in-out .3s;
}
.slider_main__caption h4 {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
}
.flex-active-slide .slider_main__caption h4 {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
-webkit-transition: transform .6s ease-in-out .5s, opacity .6s ease-in-out .5s;
        transition: transform .6s ease-in-out .5s, opacity .6s ease-in-out .5s;
}
.slider_main__caption h5 {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
}
.flex-active-slide .slider_main__caption h5 {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
-webkit-transition: transform .6s ease-in-out .6s, opacity .6s ease-in-out .6s;
        transition: transform .6s ease-in-out .6s, opacity .6s ease-in-out .6s;
}
.slider_main__caption .btn_wrapper {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
}
.flex-active-slide .slider_main__caption .btn_wrapper {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
-webkit-transition: transform .6s ease-in-out .7s, opacity .6s ease-in-out .7s;
        transition: transform .6s ease-in-out .7s, opacity .6s ease-in-out .7s;
}
/* CONTROLS */
.slider_main_nav {width: 100%;position: absolute;left: 0;bottom: 50px;z-index: 100;}
.flex-direction-nav {font-size: 0;}
.flex-direction-nav li {display: inline-block;}
.flex-direction-nav a {width: 50px;height: 50px;display: block;border: 2px solid #043d5d;position: relative;}
.flex-direction-nav a:before,
.flex-direction-nav a:after {display: block;font: bold 30px/43px "ElegantIcons";color: #043d5d;text-align: center;position: absolute;left: 0;top: 0;bottom: 0;right: 0;
-webkit-transition: padding .3s ease-in-out;
        transition: padding .3s ease-in-out;
}
a.flex-prev:before {content: '4';}
a.flex-prev:after {content: '4';}
a.flex-prev:hover:before {padding: 0 0 0 8px;}
a.flex-prev:hover:after {padding: 0 8px 0 0;}
a.flex-next:before {content: '5';}
a.flex-next:after {content: '5';}
a.flex-next:hover:before {padding: 0 0 0 8px;}
a.flex-next:hover:after {padding: 0 8px 0 0;}
#slider_main a.flex-prev {}
#slider_main a.flex-next {margin: 0 0 0 -2px; outline: none;}
/****************************************************************************************************
FLEXSLIDER DEFAULT STYLES
****************************************************************************************************/
.flexslider {}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {/*width: 100%;*/ display: block;}
.flex-control-thumbs img {cursor:pointer;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {overflow:hidden; position: relative; z-index:2;}
.flex-viewport {max-height: 2000px;
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1; padding-left: 0;}
.carousel li {margin-right: 5px;}
.title_bottom_bg {
  background: url(../img/title_bg_bottom.png) no-repeat center center;
  height: 20px;
}
.slide__1 {
  background: #043d5d;
}
/* 4.3. ABOUT US ************************************************************************************/
.about_us {}
.about_us__text h2 {}
.about_us__text .row {padding: 22px 0 0;}
.about_us__text h3 {margin: 27px 0 0 0;font: normal 35px/46px "Noto Sans";color: #333;}
.about_us__text p {margin: 28px 0 0 0;font: normal 16px/28px "Noto Sans";}
.about_us__item {overflow: hidden;margin: 0 0 0 0;padding: 25px 0 10px 0;text-align: center;position: relative;}
.about_us__item i {display: block;font-size: 60px;color: #68c39f;cursor: default;
-webkit-transform: rotate3d(0,100,0,0deg);
        transform: rotate3d(0,100,0,0deg);
-webkit-transition: none;
        transition: none;
}
.about_us__item h4 {padding: 30px 0 0 0;font-weight: bold;font-size: 20px;color: #333;text-transform: uppercase;}
.about_us__item p {padding: 16px 15px 0 15px;line-height: 22px;}
.about_us__item .btn { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 24px 0 0 0;padding: 16px 17px;border-color: #68c39f;color: #fff;
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
-webkit-transition:
border-color .4s ease-in-out, 
transform .4s ease-in-out .2s, 
opacity .4s ease-in-out .2s;
transition:
border-color .4s ease-in-out, 
transform .4s ease-in-out .2s, 
opacity .4s ease-in-out .2s;
}
.about_us__item .btn:hover {border-color: #fff;}
/* HOVER */
.about_us__item .item_hover {background: #397a2a;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;
-webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
}
.about_us__item .item_hover:before {content: '';width: 30px;height: 30px;border: 15px solid transparent;border-color: #fff #fff transparent transparent;position: absolute;right: 0;top: 0;}
.about_us__item .item_hover:after {content: '';width: 30px;height: 30px;border: 15px solid transparent;border-color: transparent transparent rgba(0,0,0,.2) rgba(0,0,0,.2);position: absolute;right: 0;top: 0;}
.about_us__item:hover .item_hover {
-webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
}
.about_us__item:hover i {
-webkit-transform: rotate3d(0,100,0,360deg);
        transform: rotate3d(0,100,0,360deg);
-webkit-transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
}
.about_us__item:hover h4 {color: #fff;}
.about_us__item:hover p {color: #ccc;}
.about_us__item:hover .btn {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
}
.about_us__item:hover:before {display: block;}
.about_us__item:hover:after {display: block;}
.about_us__item .i {
  height: 104px;
  margin: 0 auto;
  width: 120px;
}
.about_us__item .i img {
  width: 100%;
  height: 100%;
}
/* #home_adv_popup{display:none}
#simplemodal-overlay{background-color:#000}
#simplemodal-container{height:auto;width:auto;color:#bbb;background-color:#333;border:4px solid #444;padding:12px}
#simplemodal-container .simplemodal-data{padding:8px}
#simplemodal-container code{background:#141414;border-left:3px solid #65b43d;color:#bbb;display:block;font-size:12px;margin-bottom:12px;padding:4px 6px 6px}
#simplemodal-container a{color:#ddd}
#simplemodal-container a.modalCloseImg{background:url(../img/simplemodal/x.png) no-repeat;width:25px;height:29px;display:inline;z-index:3200;position:absolute;top:-15px;right:-16px;cursor:pointer}
#simplemodal-container h3{color:#84b8d9}
#simplemodal-container img{max-width:100%} */
/* Slimbox 2.05 */
#lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer}
#lbCenter,#lbBottomContainer{position:absolute;z-index:9999;overflow:hidden;background-color:#fff}
.lbLoading{background:#fff url(../img/slimbox/loading.gif) no-repeat center}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat}
#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:0}
#lbPrevLink{left:0}
#lbPrevLink:hover{background:transparent url(../img/slimbox/prevlabel.gif) no-repeat 0 15%}
#lbNextLink{right:0}
#lbNextLink:hover{background:transparent url(../img/slimbox/nextlabel.gif) no-repeat 100% 15%}
#lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none}
#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url(../img/slimbox/closelabel.gif) no-repeat center;margin:5px 0;outline:0}
#lbCaption,#lbNumber{margin-right:71px}
#lbCaption{font-weight:bold}
.breadcrumbs ul {
    float: left;
    list-style: outside none none;
    margin: 10px 0;
    padding: 0;
}
.breadcrumbs ul li {
  /*background: url("../img/arrow.png") no-repeat scroll 1px center rgba(0, 0, 0, 0);*/
  float: left;
  padding: 0 10px;
  position: relative;
}
.breadcrumbs ul li:after {
  content: "\35";
  display: block;
  font-family: "ElegantIcons";
  position: absolute;
  right: -6px;
  top: -1px;
}
.breadcrumbs ul li:last-child:after {
  content: "";
}
.breadcrumbs ul li:first-child {
  background-image: none;
}
#html_page_content img {
  height: auto;
  max-width: 100%;
}
.panel.news_panel ul {
    margin: 0;
    padding: 0 0 0 16px;
}
h3.panel_header {
    font-family: "Roboto Condensed",sans-serif;
}
#adv_right a {
    background: none repeat scroll 0 0 #ccc;
    display: block;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 3px;
    text-align: center;
}
#adv_right a img {
    max-width: 100%;
}
.gtab.gallery {
  background: none repeat scroll 0 0 #67c39f;
  margin: 0 0 20px 0;
}
.gtab.gallery ul li {
  margin-right: 10px;
}
.gallery-28 {
  margin-bottom: 20px;
}
.gallery-28 #main-image {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.gallery-28 #main-image .notice {
  background-color: #00923f;
  color: #ffffff;
  display: inline-block;
  left: 0;
  padding: 5px;
  position: absolute;
  top: 0;
  z-index: 1;
}
.gallery-28 #main-image img {
  max-width: 100%;
  width: 100%;
}
.gallery-28 #other-images {
  float: none;
  height: 100px;
  list-style: outside none none;
  margin: 10px 0 0;
  max-width: 900px;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 0;
  white-space: nowrap;
  width: auto;
}
.gallery-28 #other-images li {
  border: 1px solid transparent;
  display: inline-block;
  float: none;
  height: 100%;
  padding: 2px;
  white-space: nowrap;
  width: 100px;
}
.gallery-28 #other-images li.current {
  border-color: #ccc;
}
.gallery-28 #other-images li img {
  cursor: pointer;
  max-height: 100%;
}
/**
 * Info gallery
 */
.gallery-info {
  border: 1px solid #ccc;
  padding: 10px 0;
}
.gallery-info h1 {
  padding: 0 0 0 8px;
}
#tb-detail {
  color: #717171;
  table-layout: fixed;
  width: 100%;
}
#tb-detail tr td {
  padding: 5px 10px;
}
#tb-detail tr td.label {
  font-weight: bold;
  width: 130px;
  color: #717171;
}
#tb-detail tr td {
  padding: 5px 10px;
}
#tb-detail .brand .value a {
  color: #009cff;
  display: block;
  font-weight: bold;
}
#tb-detail .price .value, #tb-detail .promotion .value {
  color: #ff0000;
  font-family: impact;
  font-size: 19px;
}
#tb-detail .price .label, #tb-detail .promotion .label {
  font-size: 13px;
}
#tb-detail tr td {
  box-sizing: content-box;
  display: table-cell;
  font-size: 13px;
  text-align: left;
  width: 100%;
}
#tb-detail tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #f9f9f9;
}
#tb-detail .demo-link.btn {
  background: none repeat scroll 0 0 #75af3f;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  color: #fff;
  font-size: 17px;
  height: 40px;
  line-height: 30px;
  outline: medium none;
  text-transform: uppercase;
  width: auto;
}
#tb-detail .demo-link.btn i {
  display: inline-block;
  margin: 0 7px 0 0;
  -webkit-transform: rotate3d(0,100,0,0deg);
        transform: rotate3d(0,100,0,0deg);
  -webkit-transition: none;
  transition: none;
}
#tb-detail .demo-link.btn:hover i {
-webkit-transform: rotate3d(0,100,0,360deg);
        transform: rotate3d(0,100,0,360deg);
-webkit-transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
}
#main-image > a {
  cursor: zoom-in;
}
p {
  margin: 0;
}
table p {
  line-height: 26px;
}
h4 {
    margin: 0;
}
h2 {
    margin: 0 0 5px;
}
body {
	line-height: 18px;
}
#html_page_content span {
  line-height: 25px;
}
#search-form {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
#search-form .search-field {
  background: none repeat scroll 0 0 #00923f;
  border: medium none;
  color: #ffffff;
  font-size: 16px;
  height: 88px;
  min-width: 100%;
  outline: medium none;
  position: relative;
  width: 100%;
}
#search-form .close-search {
  color: #363d40;
  line-height: 88px;
  display: block;
  position: absolute;
  right: 26px;
  top: 0;
  z-index: 5;
  font-size: 14px;
}
#search-form .close-search:hover {
  color: #363d40;
}
#search-form .close-search i {
  color: #ffffff;
  font-size: 14px;
}
header.stuck #search-form .search-field {
    height: 48px;
}
header.stuck #search-form .close-search {
    line-height: 48px;
}
#search-form-inline {
  border-top: 1px solid rgba(102, 114, 121, 0.1);
}
#search-form-inline .search-field {
  border: medium none;
  font-size: 1.4rem;
  outline: medium none;
  padding: 1.5rem 4.8rem 1.5rem 2rem;
  width: 100%;
}
body.html .news_content {
  margin-bottom: 100px;
}
/**
 * Plans
 */
.plans ol, .plans ul {
  list-style: none;
}
.plans blockquote, .plans q {
  quotes: none;
}
.plans blockquote:before, .plans blockquote:after,
.plans q:before, .plans q:after {
  content: '';
  content: none;
}
.plans table {
  border-collapse: collapse;
  border-spacing: 0;
}
.plans .about {
  margin: 70px auto 40px;
  padding: 8px;
  width: 260px;
  font: 10px/18px 'Lucida Grande', Arial, sans-serif;
  color: #bbb;
  text-align: center;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  background: #383838;
  background: rgba(34, 34, 34, 0.8);
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.4);
}
.plans .about a {
  color: #eee;
  text-decoration: none;
  border-radius: 2px;
  -webkit-transition: background 0.1s;
  -moz-transition: background 0.1s;
  -o-transition: background 0.1s;
  transition: background 0.1s;
}
.plans .about a:hover {
  text-decoration: none;
  background: #555;
  background: rgba(255, 255, 255, 0.15);
}
.plans .about-links {
  height: 30px;
}
.plans .about-links > a {
  float: left;
  width: 50%;
  line-height: 30px;
  font-size: 12px;
}
.plans .about-author {
  margin-top: 5px;
}
.plans .about-author > a {
  padding: 1px 3px;
  margin: 0 -1px;
}
.plans .plans {
  width: 836px;
  margin: 50px auto;
  overflow: hidden;
}
.plans .plan {
  float: left;
  width: 150px;
  margin: 20px 2px;
  padding: 15px 25px;
  text-align: center;
  background: white;
  background-clip: padding-box;
  border: 2px solid #e5ded6;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.plans .plan-title {
  margin-bottom: 12px;
  font-size: 24px;
  color: #36bce6;
}
.plans .plan-price {
  margin-bottom: 20px;
  line-height: 1;
  font-size: 28px;
  font-weight: bold;
  color: #fd935a;
}
.plans .plan-unit {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  font-weight: normal;
  color: #aaa;
}
.plans .plan-features {
  width: 120px;
  margin: 20px auto 15px;
  padding: 15px 0 0 15px;
  border-top: 1px solid #e5ded6;
  text-align: left;
}
.plans .plan-feature {
  line-height: 20px;
  font-size: 24px;
  font-weight: 500;
  color: #333;
}
.plans .plan-feature + .plan-feature {
  margin-top: 5px;
}
.plans .plan-feature-unit {
  margin-left: 2px;
  font-size: 16px;
}
.plans .plan-feature-name {
  font-size: 13px;
  font-weight: normal;
  color: #aaa;
}
.plans .plan-button {
  position: relative;
  display: block;
  line-height: 40px;
  font-size: 16px;
  font-weight: 500;
  color: white;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  background: #fd935c;
  border-bottom: 2px solid #cf7e3b;
  border-color: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.plans .plan-button:active {
  top: 2px;
  margin-bottom: 2px;
  border-bottom: 0;
}
.plans .plan-highlight {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  width: 170px;
  border: 4px solid #37bbe6;
}
.plans .plan-highlight .plan-button {
  font-size: 18px;
  line-height: 49px;
  background: #37bce5;
  border-color: #3996b3;
  border-color: rgba(0, 0, 0, 0.15);
}
.plans .plan-recommended {
  width: 160px;
  margin: -15px auto 15px;
  padding-bottom: 2px;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.05);
  background: #37bbe6;
  border-radius: 0 0 4px 4px;
}
tr.display110 {
  display: none;
}
#tree-noel{
  background: url(../img/cay-thong-noel.gif) no-repeat;
  background-size: 100%;
  width: 290px;
  height: 300px;
  position: fixed;
  bottom: -10px;
  left:-45px;
  z-index: 9999;
}
#cfacebook {
    position: fixed;
    bottom: 0px;
    right: 8px;
    z-index: 999999999999999;
    width: 250px;
    height: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}
#cfacebook a.chat_fb {
    cursor: pointer;
    float: left;
    padding: 0 25px;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    height: 35px;
    line-height: 35px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background-color: #008ec7;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #008ec7;
    z-index: 9999999;
    font-size: 16px;
}
#cfacebook .fchat {
    width: 100%;
    height: 270px;
    overflow: hidden;
    display: none;
    background-color: #fff;
}
.widget-support {
    position: fixed;
    z-index: 9999;
    right: -301px;
    top: 50%;
    transition: 300ms;
}
.widget-name {
    width: 50px;
    height: 139px;
    cursor: pointer;
    float: left;
    padding-top: 20px;
    color: #ec6f00;
}
.widget-content {
    background-color: white;
    float: left;
    padding: 10px 0px;
    width: 300px;
    margin-top: 18px;
    border-top: 1px solid #ec6f00;
    border-bottom: 1px solid #ec6f00;
    border-left: 1px solid #ec6f00;
    text-align: center;
}
img{
    max-width: 100%;
}
.widget-support.show {
    right: 0;
}
.support-phone{
    color: red;
    font-weight: bold;
}
.support-name{
    color: #397a2a;
    font-size: 20px;
}
.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 15px;
/*  left: 15px; */
  z-index: 999999;
}
.hotline-phone-ring {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}
.hotline-phone-ring-circle {
	width: 85px;
  height: 85px;
  top: 10px;
  left: 10px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #ff0000;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
  width: 55px;
  height: 55px;
  top: 25px;
  left: 25px;
  position: absolute;
  background-color: #ff0000;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
	background-color: #ff0000;
	width: 40px;
  height: 40px;
  top: 27px;
  left: 33px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
	/*width: 30px;
	height: 30px;*/
}
.hotline-bar {
  position: absolute;
  background: rgb(255 0 0);
  height: 50px;
  width: 205px;
  line-height: 50px;
  border-radius: 3px;
  padding: 0 10px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
  /*border-radius: 50px !important;
   width: 175px !important; */
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
  left: 33px;
  bottom: 37px;
}
.hotline-bar > a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  text-indent: 50px;
  display: block;
  letter-spacing: 1px;
  line-height: 50px;
  font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
  color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}
/* @media (max-width: 768px) {
  .hotline-bar {
    display: none;
  } */
}
.thumb {
    width: 100%;
    height: auto;
    background-color: #3e3e3e;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
} 
.support-zalo{
    position: fixed;
    left: 33px;
    bottom: 110px;
    z-index: 9999999;
    max-width: 60px;	    
}
	.blink_me {
    /* -webkit-animation-name: blinker; */
    /* -webkit-animation-duration: 1s; */
    /* -webkit-animation-timing-function: linear; */
    /* -webkit-animation-iteration-count: infinite; */
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    /* animation-name: blinker; */
    /* animation-duration: 1s; */
    /* animation-timing-function: linear; */
    /* animation-iteration-count: infinite; */
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.b-button-5{display:inline-block;font-size:12px;position:relative;text-align:center;border-radius:0;margin:.92em 1em .92em 1em;background-color:#f00;border-color:#f00;line-height:1.3}
.b-button-5.none{display:none}.b-button-5:before{width:110%;height:140%;top:50%;left:50%;background-color:inherit;opacity:.5;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-name:animatebutton;animation-name:animatebutton}
.b-button-5:after,.b-button-5:before{content:'';display:block;position:absolute;z-index:0;border-radius:inherit;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.b-button-5:after{width:100%;height:100%;top:50%;left:50%;opacity:0;border-width:1px;border-style:solid;border-color:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-name:animateborder;animation-name:animateborder}
.b-button-5 div{color:#fff;position:relative;background-color:inherit;padding:.5em 1.42em .5em 1.42em;z-index:11;letter-spacing:1px;text-transform:uppercase;border-radius:inherit;-webkit-transition:all .2s linear;transition:all .2s linear}
.b-button-5{color:#222;text-decoration:none;-webkit-transition:.3s all ease-in-out;transition:.3s all ease-in-out}@-webkit-keyframes animatebutton{0%{width:110%;height:140%}50%{width:120%;height:170%}100%{width:110%;height:140%}}@keyframes animatebutton{0%{width:110%;height:140%}50%{width:120%;height:170%}100%{width:110%;height:140%}}@-webkit-keyframes animateborder{0%{width:100%;height:100%;opacity:0}100%{width:120%;height:170%;opacity:1}}@keyframes animateborder{0%{width:100%;height:100%;opacity:0}100%{width:120%;height:170%;opacity:1}}
.b-button-5>div {
    color: #fff;;
    position: relative;
    background-color: inherit;
    padding: 0.5em 1.42em 0.5em 1.42em;
    z-index: 11;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: inherit;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.gt_container--rvaygv a.glink span {
    display: none;
}
.packed-web{
	padding: 50px 0px;
	/* background: #ffe5e6; */
}
.packed-title{
	text-align: center;
}
.packed-title h2{
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.packed-title p{
	font-size: 16px;
}
.packed-desc{
	margin-top: 20px;
}
.full-package-web{
	background: #f7f7f7;
	margin-top: 40px;
	padding-bottom: 70px;
}
.list-package{
	list-style: none;
	display: flex;
	justify-content: center;
	top: -12px;
	position: relative;
	margin-bottom: 40px;
}
.list-package li{
	min-width: 294px;
	margin: 0px 2px;
	height: 65px;
	background: url('../img/noactive-package.png') no-repeat center;
	background-size: cover;
	padding: 10px 0px;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 45px;
	cursor: pointer;
	transition: all 0.2s;
}
.list-package li.active,.list-package li:hover{
	background: url('../img/active-package.png') no-repeat center;
	color: #FFF;
}
.content-package{
	max-width: 1090px;
	margin: 0 auto;
	display: none;
}
.content-package.active{
	display: block;
}
.content-package *{
	box-sizing: border-box;
}
.row-package{
	margin: 0px -25px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.col-package{
	width: calc(100% / 3);
	padding: 0px 25px;
}
.wrap-package{
	background: #FFF;
	border-radius: 20px;
	overflow: hidden;
}
.wrap-package ul{
	padding: 23px 23px;
}
.wrap-package ul li{
	display: flex;
	padding: 11px 0px 10px;
	justify-content: space-between;
}
.wrap-package ul li:not(:last-child){
	border-bottom: 1px solid #e0e2e6;
}
.wrap-package ul li span{
	display: inline-block;
	width: 28px;
	text-align: center;
	margin-right: 5px;
}
.wrap-package ul li h3{
	width: calc(100% - 33px);
	font-size: 16px;
}
/*header-package-one.png*/
.wrap-package .header-title{
	width: 100%;
	text-align:center;
	padding: 43px 0px;
	font-size: 30px;
	color: #FFF;
	text-transform: uppercase;
}
.wrap-package .header-title.cl-1{
	background: url('../img/header-package-one.png') no-repeat center;
	background-size: cover;
}
.wrap-package .header-title.cl-2{
	background: url('../img/header-package-two.png') no-repeat center;
	background-size: cover;
}
.wrap-package .header-title.cl-3{
	background: url('../img/header-package-three.png') no-repeat center;
	background-size: cover;
}
.btn-support{
	width: 100%;
	height: 83px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn-support.cl-1{
	background: url('../img/footer-package-one.png') no-repeat center;
	background-size: cover;
}
.btn-support.cl-2{
	background: url('../img/footer-package-two.png') no-repeat center;
	background-size: cover;
}
.btn-support.cl-3{
	background: url('../img/footer-package-three.png') no-repeat center;
	background-size: cover;
}
.btn-support .btn-views{
	color: #FFF;
	padding: 7px 20px;
	border: 1px dashed #FFF;
	border-radius: 30px;
	margin-top: 10px;
}
.packed-sub {
	margin-top: 60px;
}
.packed-sub h2{
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	color: #cb1e1e;
}
.package-tab{
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
.package-tab li{
	padding: 10px 20px 8px;
	margin: 0px 10px;
	border: 1px solid #c30e13;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
	line-height: 22px;
	min-width: 120px;
	text-align: center;
	transition: all 0.3s;
	position: relative;
	background: #c30e13;
	color: #FFF;
	border-radius: 40px;
}
.package-tab li:hover{
	
}
.package-tab li:before {
    content: "";
    border-radius: 45px;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.04);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.package-tab li:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.package-box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.package-box .package-col{
	width: 22%;
}
.package-box .package-col:nth-child(1){
	width: 34%;
}
.package-box ul{
	list-style: none;
}
.package-box li{
	padding: 7px 20px;
	border-bottom: 1px solid #FFF;
	height: 25px;
	font-size: 14px;
	line-height: 25px;
}
.package-box li:nth-child(1){
	padding: 20px 20px;
	text-align: center;
	font-size: 20px;
}
.package-box li:nth-child(1) h2{
	font-size: 20px;
}
.package-box .package-col:nth-child(1) {
	background: #F5F5F5;
}
.package-box .package-col:nth-child(1) .bg-odd{}
.package-box .package-col:nth-child(1) .bg-even{}
.package-box .package-col:nth-child(1) li:nth-child(1){
	background: #31b406;
	color: #FFF;
}
.package-box .package-col:nth-child(2) {
	background: #FFF3E3;
}
.package-box .package-col:nth-child(2) .bg-odd{
    background: #FFF3E3;
}
.package-box .package-col:nth-child(2) .bg-even{
    background: #FFF7EC;
}
.package-box .package-col:nth-child(2) li:nth-child(1){
	background: #FCAF42;
	color: #FFF;
}
.package-box .package-col:nth-child(3) {
	background: #E9F3FA;
}
.package-box .package-col:nth-child(3) .bg-odd{
    background: #DEEDF7;
}
.package-box .package-col:nth-child(3) .bg-even{
    background: #E9F3FA;
}
.package-box .package-col:nth-child(3) li:nth-child(1){
	background: #2189C7;
	color: #FFF;
}
.package-box .package-col:nth-child(4) {
	background: #DCE5ED;
}
.package-box .package-col:nth-child(4) .bg-odd{
    background: #ffe4e4;
}
.package-box .package-col:nth-child(4) .bg-even{
    background: #fff0f0;
}
.package-box .package-col:nth-child(4) li:nth-child(1){
	background: #cb1e1e;
	color: #FFF;
}
.package-box .text-left{
	text-align: left;
}
.package-box .text-center{
	text-align: center;
}
.package-box li:last-child{
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.package-box .package-col a{
	padding: 5px 20px;
	color: #FFF;
	display: block;
	width: 100%;
	border: 1px dashed #cb1e1e;
	background: #cb1e1e;
	border-radius: 30px;
}
.nina-popup-info-over {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: -1;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.6s;
}
.nina-popup-info-over.opacity {
    opacity: 0;
    z-index: -1
}
.nina-popup-info-over.opacity.on {
    opacity: 1;
    z-index: 99909
}
.nina-popup-info-over.opacity .nina-popup-info-form {
    transform: translateY(-100px)
}
.nina-popup-info-over.opacity.on .nina-popup-info-form {
    transform: translateX(0px)
}
.nina-popup-info-form {
    background: #FFF;
    max-width: 520px;
    position: relative;
    transition: all 1.3s;
    margin: 70px 10px;
}
.nina-popup-header-info {
    padding: 10px 20px;
    background: #c5122a;
    display: flex;
    justify-content: space-between;
    color: #FFF;
    align-items: center;
    position: relative;
}
.nina-popup-header-info .close-info {
    cursor: pointer
}
.nina-popup-content-info {
    padding: 30px;
    min-height: 150px;
    max-height: calc(100% - 62px);
    overflow: auto;
    line-height: 25px;
}
.name-send {
    cursor: pointer;
    display: inline-block;
    font-size: 20px
}
.close-send {
    padding: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 30px;
    position: absolute;
    right: -10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    border-radius: 50%;
    top: -10px;
}
.nina-popup-content-info::-webkit-scrollbar {
    width: 10px
}
.nina-popup-content-info::-webkit-scrollbar-track {
    background: #f1f1f1
}
.nina-popup-content-info::-webkit-scrollbar-thumb {
    background: #888
}
.nina-popup-content-info::-webkit-scrollbar-thumb:hover {
    background: #555
}
.nina-popup-content-info table {
    width: 100%;
    border-collapse: collapse
}
.nina-popup-content-info table td {
    border-bottom: 1px dotted #ddd;
    padding: 8px 0px
}
.row-package-x input[type="text"]{
	height: 40px;
	padding: 5px 10px;
	font-size: 14px;
}
.row-package-x textarea.noidung{
	height: 90px;
	padding: 5px 10px;
	font-size: 14px;
}
.row-package-x input[type="text"]::-webkit-input-placeholder,.row-package-x textarea.noidung::-webkit-input-placeholder { /* Edge */
  font-size: 14px;
}
.row-package-x input[type="text"]:-ms-input-placeholder , .row-package-x textarea.noidung:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 14px;
}
.row-package-x input[type="text"]::placeholder ,.row-package-x textarea.noidung::placeholder {
  font-size: 14px;
}
.row-package-x label{
	font-size: 14px;
	margin-bottom: 10px;
}
.row-package-x label span{
	color: #FF0000;
}
input.submit-package {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    padding: 6px 20px 5px;
    border: 1px solid #c5122a;
    border-radius: 4px;
    cursor: pointer;
    background: #c5122a;
    text-transform: uppercase;
}
@media screen and (max-width: 1090px){
	.row-package{
		margin: 0px -10px;
	}
	.col-package {
	    padding: 0px 10px;
	}
}
@media screen and (max-width: 992px){
	.list-package li {
	    min-width: auto;
	    height: 45px;
	    padding: 10px 20px;
	    font-size: 24px;
	    line-height: 45px;
	    margin: 0px 10px;
	    border-top-left-radius: 20px;
	    border-bottom-right-radius: 20px;
	}
}
@media screen and (max-width: 890px){
	.content-package{
		max-width: 600px;
	}
	.col-package {
		width: calc(100% / 1);
		padding: 0px 25px;
		margin-bottom: 30px;
	}
	.btn-support.cl-1{
		background: rgb(87,94,168);
        background: linear-gradient(90deg, rgba(87,94,168,1) 0%, rgba(87,109,205,1) 50%, rgba(87,94,168,1) 100%);
	}
	.btn-support.cl-2{
		background: rgb(56,159,197);
        background: linear-gradient(90deg, rgba(56,159,197,1) 0%, rgba(50,191,243,1) 50%, rgba(56,159,197,1) 100%);
	}
	.btn-support.cl-3{
		background: rgb(255,76,35);
        background: linear-gradient(90deg, rgba(255,76,35,1) 0%, rgba(255,171,73,1) 50%, rgba(255,76,35,1) 100%);
	}
	.btn-support .btn-views {
    margin-top: 0px;
}
}
@media screen and (max-width: 769px){
	.package-box li{
		padding: 7px 10px;
	}
	.package-box li:nth-child(1){
		padding: 15px 10px;
	}
	.package-box li h3{
		font-size: 14px;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.package-box .package-col a {
		padding: 1px 10px;
	}
	.list-package li {
	    min-width: auto;
	    height: 30px;
	    padding: 10px 20px;
	    line-height: 30px;
	    margin: 0px 10px;
	    font-size: 18px;
	    border-top-left-radius: 20px;
	    border-bottom-right-radius: 20px;
	}
	.wrap-package .header-title{
		width: 100%;
		text-align:center;
		padding: 33px 0px;
		font-size: 30px;
		transition: all 0.3s;
		color: #FFF;
		text-transform: uppercase;
	}
	.list-package{
		margin-bottom: 20px;
		width: 100%;
		justify-content: space-around;
	}
}
@media screen and (max-width: 600px){
	.package-box .package-col a span:nth-child(2){
		display: none;
	}
	.package-box .package-col a {
		padding: 1px 5px;
		font-size: 12px;
	}
	.list-package {
	    margin-bottom: 10px;
	}
	.list-package li {
	    min-width: auto;
	    height: 30px;
	    padding: 5px 10px;
	    font-size: 15px;
	    line-height: 30px;
	    margin: 0px 5px;
	    border-top-left-radius: 20px;
	    border-bottom-right-radius: 20px;
	}
	.wrap-package .header-title {
	    padding: 20px 0px;
	    font-size: 24px;
	}
	.name-send {
	    cursor: pointer;
	    display: inline-block;
	    font-size: 18px;
	}
	#design .items {
	    width: calc(100% / 2);
	}
}
@media screen and (max-width: 420px){
	.list-package li {
	    height: auto;
	    padding: 5px 10px;
	    font-size: 13px;
	}
}