/*@font-face {
  font-family: 'MyriadWebPro';
  src: url('../fonts/Myriad Web Pro.ttf') format('embedded-opentype');
  font-weight: bold;
  font-style:normal;
}*/
@font-face {
  font-family: 'Cucho';
  src:  url('../fonts/iCielCucho.ttf') format('truetype');
  font-weight: normal;
  font-style:normal;
}
@font-face {
  font-family: 'VNF';
  src:  url('../fonts/VNF-VAGRoundedStd-Black.ttf') format('truetype');
  font-weight: normal;
  font-style:normal;
}
@font-face {
  font-family: 'Mont';
  src:  url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style:normal;
}

br {
clear:both;
}
h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    text-align:left;
    text-rendering: optimizelegibility;  
}
#page {
    float: left;
    width:100%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html,
html a {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}
html,
body,
div,
span,
applet,
object,
iframe,

p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,

caption,
tfoot,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  outline: none;
  vertical-align: baseline;
}
input {
  outline: none;
}


a {
    text-decoration:none;
}

blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: none;
}
body {
    TEXT-ALIGN: JUSTIFY;
    LINE-HEIGHT: 35PX!important; color:#474747;
    font:16px 'Mont',Arial;
}
.left {
    float:left;
}
.container{
    width:1170px;
    float:none;
    margin:auto; clear:both;
}
#header {
    float:left;
    background-color:#fff; width:100%; z-index:999999;
    padding-bottom:5px;
}
#header .container {
     position:relative;
}

.logo {
    float:left;margin-right:14px;
}
.tile_page {
    float: left;
    color: #f7412d;
    font-size: 23px;    padding-top: 12px; margin-top:16px;
}
.tile_page a{
    color: #f7412d;
    font-size: 23px;    font-family: 'MyriadWebPro', Arial;
}
.wrap_Slider {
    background-image: url(../images/bg_main.png); float:left;
    width:100%;
}
.nav-parent li a {
    display: block;
    padding: 12px 0 12px 15px;
    color: #fff;
    position: relative;
    text-decoration:none;
    font-size:16px;
    font-family:'vni', Arial;
    
}
.nav-parent li a:hover {
    text-shadow:0 0 9px #716C2F;
    transition: all .5s linear;
    
}
.nav-parent li a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -6px;
}


.nav-parent li {
    font-size: 13px;
    color: #fff;
    background-color: #f44336;
}

.nav-parent{
  
}

.header_menu {
    position: fixed;
    top:0px;
    padding: 0;
    background: url(../images/btn_menu.png)  center no-repeat;
    border: none;
    outline: none;
    text-indent: -9999px;
    z-index: 10;
    cursor:pointer;
}
.active_menu {
     background: url(../images/btn_menu1.png)  center no-repeat #f6422c!important;
}
#menu {
    position: absolute;
    z-index: 12;
    top: 70px;
    width: 226px; left:0;
    height: 100%;
    background-color:#f6422c;
    display:none;
}
.header_menu {
    width: 53px;
    height: 70px;
    background-size: 20px auto;
}
.nav_menu {
    display: none;
}
.nav_menu {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    width: 48px;
    height: 48px;
    background: url(../images/btn_menu.png)  center no-repeat;
    background-size: 17px 15px;
    border: none;
    outline: none;
    text-indent: -9999px;
    z-index: 10;
}
.nav_active {
    right: auto;
    left: 0;
}
.language {
    position: absolute;
    bottom: 14px;
    left: 50%;
    margin-left: 15px;
    padding: 0 12px;
    border-right: 1px solid #ef3638;
    border-left: 1px solid #ef3638;
    color: #b8b8b8;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
}
.language {
    float: right;
    position: relative;
    left: auto;
    bottom: auto;
    margin: 0px 0px 0 0;
    padding: 0;
    border-width: 2px;
    font-size: 14px;
    line-height: 1.2;
}
.language-link {
    display: block;
    padding:3px 5px;
    background-color: #f5f5f5;
    color: #8f8f8f;
}

.language-text {
    position: relative;
    padding-right: 15px;    font-size: 18px;
    cursor: pointer;
}
.language-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 0px;
}
.slider-full img{
    cursor:pointer;
}
.slider-full iframe{
    float:left;
    width:100%;
}
.language-item:last-child {
    border-radius: 0 0 4px 4px;
}
.language-link {
    display: block;
    
    background-color: #f5f5f5;
    color: #8f8f8f;
}
.language-link--current {
    background-color: #f44336;
    color: #fff;
}

.language1 {width:170px;
    float:left;
    padding:2px 5px;
    border-right: 1px solid #f4d2d3;
    border-left: 1px solid #f4d2d3;

}
.language-text:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -2px;
    border: 4px solid transparent;
    border-top: 4px solid #b8b8b8;
}
.group_main {
    float:left;
    width:100%;
    background-color:#faf3f0; 
}
.group_main_in {
     padding-bottom:100px;
}
.group_light {
    float:left; margin:65px 0 32px 0;
    width:100%;
}
.group_light li {
    list-style:none;
    float:left;
    width:367px;
    background-color:#fff;
    padding-bottom:17px;
}
.group_light .li2 {
    margin:0 33px;
}
.group_light .thum {
    padding:4px 55px;float:left;
    width:357px;
    background:url('../images/bg_grid.png') center repeat;
}
.group_light .thum img{
   width:100%;    transition: opacity 1s, transform 1s;
}
.group_light li h2 {
    float:left; margin-left:20px; margin-top:15px;
}
.group_light li h2 a{
    float:left;font-size:18px; color:#d50913;
}
.group_light li .thum a {
       float:left;    border: solid 3px #EA0A0A;
       overflow:hidden;
}
.group_light li:hover img {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    -o-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}
#slideshow {
        float: left;
    width: 100%;
    margin-top: 2px; position:relative;
}
.title_main {
    font:25px'MyriadPro-bold', Arial;
    text-transform:uppercase;
    color:#e82028;
    padding:20px 0;
    float:left;
    width:100%;
}


.content .item_Group {
    float:left;
    width:100%; 
    margin-bottom:128px; 
    position: relative;
}
.last {
    margin-bottom:0px!important; 
}
.group_left {
    width:619px;
    float:left;
}
.group_right {
    width:395px; position:relative;
    float:right;
}
.group_left h3 {
    font:25px'MyriadPro-bold', Arial;
    text-transform:uppercase;
    color:#000000;
    float:left;
    margin-bottom:30px;
    width:100%;
}
.group_left p{
    font:20px 'MyriadPro', Arial;
    color:#000000;
    float:left;
}
.img_main {
    float:left; overflow: hidden;
    border:solid 4px #e82028;
}
.img_main img{
    width:100%; float:left;    transition: opacity 1s, transform 1s;
}
.img_main:hover img{
        opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    -o-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}
.img_sub{
   margin-top:37px;
   float:left;
   width:100%;
}
.sub3 .img_sub3 {
    float:left;
    text-align:center;
    width:33%;
}
.sub2 .img_sub3 {
    float:left;
    text-align:center;
    width:50%;
}
.img_sub3 img{
    float:none;
    margin:auto;
    max-width:100%;
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}
/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

.control-owl.prev {
  left: 0;
  background: url(../images/arrow-left.png) center center no-repeat;
}
.control-owl.prev:hover {
      text-shadow: 0 0 9px #716C2F;
    transition: all .5s linear;
}
.control-owl.next {
  right: 0px;
  background: url(../images/arrow-right.png) center center no-repeat;
}
.control-owl.next:hover {
      text-shadow: 0 0 9px #716C2F;
    transition: all .5s linear;
}

.control-owl {
    position: absolute;
    width: 35px;
    height: 90px;
    top: 31%;
    z-index: 9999;
    cursor: pointer;
    margin: -45px 0 0 0;
    
}
.control-owl {
    display:none;
}
.control-owl1 {
    top:85%;
}

  .prev1 {
  left: -11px!important;
  background: url(../images/prev1.png) center center no-repeat!important;
}

 .next1 {
  right: -10px!important;
  background: url(../images/next1.png) center center no-repeat!important;
}
.group_right:hover>.control-owl {
    display:block!important;
}
.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}
.loai2 .control-owl{
    top:35%;
}
.loai2 .control-owl1{
    top:90%;
}

.img_sub  {
    padding:0 15px;
}
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.3;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 0;
    background: #F26522;
}
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    right: 10px;
    bottom: 25px;
}
.item {
        float: left;
    width: 100%;
    padding: 0 0 40px 0;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.btn-back-top {
    right: 0px;
    bottom: 100px;
    color:#e82028;
    float:right;
    text-transform:uppercase;
    padding:5px;    border: solid 2px #e82028; z-index:999999; font-size:20px;font-family:'MyriadPro', Arial;
}
.fixed {
    position:fixed;
    top:0;
    background: #4bb148;
}
 .fixed li a {
    min-height: 116px!important;
    background-size: 60px auto!important;
    color: #fff!important;
    /* padding-top: 50px!important; */
    /* font-size: 14px!important; */
}
  /*.fixed li a:hover {
  background-size:80px auto!important;
 
}*/
  .fixed .familly a {
    background: url(../images/icon_DongHanh.png) center top no-repeat;
    width: 200px!important;
    BACKGROUND-SIZE: 70PX auto !IMPORTANT;
}
  .fixed .contact a{
    background:url('../images/icon_Contact.png') center top no-repeat;BACKGROUND-SIZE: 70PX auto !IMPORTANT;
}
.tile_detail {
    color:#000;
    font-size:33px; margin-bottom:20px;
    font-weight:bold;
}
.share_social {
    float:right;   
    margin-top:0px; margin-right:10px;
}
.share_social li {
    float:left; margin:0px 7px; padding:2px 5px;
}
.share_social li:first-child {
       border-right: 2px solid #d3d3d3; height:20px;
}
.group_language {
    float:right;
    margin-top:20px;
}


.group_left p {
    font: 15px/1.7 'MyriadWebPro', Arial;
    color: #000000;
    float: left;
}

.tile_detail {
        font: 25px/1.7 'MyriadWebPro', Arial!important;
}
.nav-links {
    float:left;
    width:100%;
    text-align:center;  
   
}
.nav-links>li {
    float: left;
    display: inline-table;
    vertical-align: top;
    padding: 0 14px;
    margin-left: 29px;

}
.nav-links > li:first-child {
    margin-left:0;
    }

.nav-links > li:nth-of-type(5) a{
    width: 221px!important
    }
.nav-links>li a {
     display: block;
    font: 18px 'VNF', Arial;
    color: #4bb148;
    float: left;
    width: 100%;
    text-align: center;
    min-height: 126px;
    padding-top: 72px;
    /*font: 20px 'Cucho', Arial;*/
    FONT-WEIGHT: BOLD;
}
.nav-links>li:last-child a {
    border: 0;
}

.about a{
    background:url('../images/icon_about.png') center 7px no-repeat;BACKGROUND-SIZE: 60PX auto !IMPORTANT;
}
.program a{
    background:url('../images/icon_ChuongTrinhHoc.png') center 10px no-repeat;BACKGROUND-SIZE: 60PX auto !IMPORTANT;
}
.why a{
    background:url('../images/icon_why.png') center top no-repeat;BACKGROUND-SIZE: 70PX auto !IMPORTANT;
}
.price a{
    background:url('../images/icon_ghiDanh.png') center 7px no-repeat;BACKGROUND-SIZE: 60PX auto !IMPORTANT;
}
.familly a {

    background:url('../images/icon_DongHanh.png') center top no-repeat; width: 200px!important;
      BACKGROUND-SIZE: 70PX auto !IMPORTANT;
}
.contact a{
    background:url('../images/icon_Contact.png') center top no-repeat;BACKGROUND-SIZE: 70PX auto !IMPORTANT;
}
.about:hover, #about .CMSListMenuHighlightedLI {
    background:url('../images/icon_about_hover.png') center 0px no-repeat;
    background-size:100% auto;
}
 .program:hover,#program .CMSListMenuHighlightedLI {
    background:url('../images/cth_hover.png') center 0px no-repeat;
    background-size:80% auto;
}
 .why:hover,#why .CMSListMenuHighlightedLI{
    background:url('../images/why.png') center -5px no-repeat;
}
 .price:hover,#price .CMSListMenuHighlightedLI{
    background:url('../images/ghi.png') center 5px no-repeat;
       background-size:80% auto;
}
 .familly:hover,#familly .CMSListMenuHighlightedLI {
    background:url('../images/dong_hanh.png') center top no-repeat; 
    background-size:55% auto;
}
 .contact:hover{
    background:url('../images/lh.png') -5px top no-repeat;
    BACKGROUND-SIZE: 100% auto !IMPORTANT;
}

#group {
    padding:0px 0 0 0; float:left; width:100%;
}
.ftc56 {
    background-color:#fff; border-radius:10px;
}
.c54 * {
    color:#fff!important;
}
#page, .site-header {
    background-color: #fbfbfa;
}
.pp, .cc,.dh {
    float:left;
    width:100%; padding:20px 0 40px 0;
}
.cc h2 {
    float:right;
    width:500px; text-align:right;
      /*background:url('../images/cauchuyen.jpg') right top no-repeat; padding-right:123px;*/
      font:60px 'Cucho', Arial;
      padding-top:50px;
      min-height:108px;
      color:#4bb148;
      font-weight:bold;
      line-height:70px;
}
.cc h2 a{
      font:60px 'Cucho', Arial;
      color:#4bb148;
      font-weight:bold;
}
.dh .head {
   float:left;
   width:100%;
   margin-bottom:20px;
}
.dh .head img{
   float:left;
   width:20%;
   margin-top:30px;
}
.dh h2 {
    float:left;
    width:60%;
    font:60px 'Cucho', Arial;
    font-weight:bold;
    text-align:center;
    color:#ff57a3; 
    line-height:70px;
}
.dh h2 a{
    font:60px 'Cucho', Arial;
    font-weight:bold;
    color:#ff57a3; 
}
.dh div {
    font:17px 'Mont', arial ; color:#474747; 
    clear:both;
    font-weight:normal;line-height:40px; 
}
.category ul {
    float:left;
    width:100%; 
    padding:0;
}
.category ul li{
    float:left;
    width:16%; margin:10px 2%; list-style:none;  
}
.category ul li:nth-of-type(4)
{
    margin-right:7%;
}
.category ul li:nth-of-type(5),.category ul li:nth-of-type(6),.category ul li:nth-of-type(7),.category ul li:nth-of-type(8){
    float:right;
}
.category ul li h4{
   
    width:94%;  
    text-align:center;color:#474747; font:23px 'Mont', arial ;font-weight:bold;
}
.category ul a{
    color:#474747; font:23px 'Mont', arial ;font-weight:bold;
}
.cc div>div {
    font:17px 'Mont', arial ; color:#474747; 
    font-weight:normal;line-height:40px;
}
.pp div {
    font:17px 'Mont', arial ; color:#474747; 
    font-weight:normal;line-height:40px;
    float:left;
    margin-top:20px;
}
.pp h2 {
     font:60px 'Cucho', Arial;
      color:#5f36a8;
      font-weight:bold; float:left;
}
.pp h2 a{
     font:60px 'Cucho', Arial;
      color:#5f36a8;
      font-weight:bold;
}
.category {

    float:left;
    width:100%;
    text-align:center;
}
.category h3 {
    font:32PX 'Cucho', arial ; color:#31b4d2;  font-weight:bold;
}
.start a:last-child {
    padding-left:20px!important;
}

.see-more-at a {
    padding: 10px 33px;
    background: #f26522;
    color: #fff!important;
    line-height: 16px; border-radius:8px; text-transform:uppercase; font-weight:bold;    text-shadow: 0 0 5px #716C2F;
    transition: all .5s linear;
}
.c30 {
    float:left;
    width:30%;
}
.see-more-at a:hover {
    color:#000!important;
}
.tim a {
    padding: 10px 33px;
    background: #650a1b; color:#fff;
    line-height: 16px; border-radius:8px; text-transform:uppercase; font-weight:bold;    text-shadow: 0 0 5px #716C2F;
    transition: all .5s linear;
}
.tim a:hover {
    color:yellow!important;
}
.group_taitro {margin-top:50px;
    float:left;
    width:100%; text-align:center;
}
.group_taitro li{
    display:inline-table;
}
    .group_taitro span{

        text-transform: uppercase; color:#4d4d4f; font-size:16px;
    }
    .group_taitro span:first-child {
        float: left;
        margin-left: 325px;
        text-transform: uppercase;
    }
    .group_taitro ul {
        margin-top:20px; float:left; text-align:center; width:100%;
    }
.c50 {
    float:left;
    width:48%; text-align:justify; color:#000000;
}

.p1 {
    float:left;
    font-weight:bold; color:#000;  font-style:italic;   margin-left:50px; margin-bottom:15px;
}
.p2 {
    float:left; margin-left:150px;
    font-weight:bold; color:#000; font-style:italic;
}

#Div1{
    float:left;
    width:100%;  padding:20px 0;
}
#hoidong {
    background:#efeeed; 
}
.BOLD {
    font-weight:bold;
    margin-top:5px;
}
.title-h2 {
    font-size: 20px;
    padding: 10px 0px 0px 0px;
    color: #3C6E89;
    width: 100%;
    float: left;
    font-weight: normal;
    border-left: solid 5px #650a1b;
    /* height: 30px; */
    -moz-box-shadow: 0 2px 0px rgba(230, 230, 230, 0.75);
    -webkit-box-shadow: 0 2px 0px rgba(230, 230, 230, 0.75);
    box-shadow: 0 2px 1px rgba(230, 230, 230, 0.75);margin-bottom:20px;
}
.title-h2 h2 {
    font-size: 15px;
    color: #650a1b; text-transform:uppercase;
    font-weight: bold;
    float: left;
    padding: 0 0 5px 15px;
    margin: 0;
}
.c40 {
    float:left; margin-right:4%;
    width:44%;
}
.c56 {
    float:left;
    width:55%;
}
    .c56 p {
        margin-top:20px;
    }
.img_p {
    width:30%; float:right;
}
.title-category {
    background: url('../images/line.png') repeat-x 0px 0px;
    text-align: center;
    margin-bottom: 25px;
}
.title-category a {
font-size: 30px;
    color: #f16122;
    line-height: 30px;
    padding: 0px 10px;
    font-weight: bold; text-transform:uppercase;
}
.nav {
    float:left;
    width:100%; z-index:9999999;
}
.c70 {
    float:left;
    width:70%;
}
.c85 { float:left;
    width:85%;
}
.groupchungnhan {
    float:left;
    width:100%;
}
.groupchungnhan li{
    display:inline-table;
     list-style:none; padding:50px; text-align:center;    vertical-align: top;
}
.groupchungnhan li h2{
    font-size:15px;  float:left; width:100%;
    font-weight:bold; clear:both;
    margin-top:15px;
}
.groupchungnhan li img {
    transition: opacity 1s, transform 1s;
    }
.groupchungnhan li img:hover {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    -o-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
    }

.groupchungnhan1 li h2{
    font-size:15px;  float:left; width:100%;
    font-weight:bold;
    margin-top:5px;
}
.groupchungnhan1 li span{
    font-size:15px;  float:left; width:100%;
    margin-top:10px;
}


.groupchungnhan1 li { margin-top:35px;
    float: left;
    list-style: none;
    padding: 0px!IMPORTANT;
    text-align: center;
    width: 20%;
    
}
.footer {
    position:relative;
    float: left;
    width: 100%;
    background: url(../images/bg_footer.png) left bottom no-repeat;
    background-size: 100% auto;
}
.license { position:absolute; bottom:10px; left:600px; font: 20px 'Cucho', Arial;
    color:#6d922e;
}
.lienlac {
    float:left;
    min-height:80px;
    margin:50px 0 0 150px;
}
.lienlac a {
    font: 60px 'Cucho', Arial;
    color: #ff671e;
    font-weight: bold;
}
.lienlac img{
    float:left;
    margin-top:-20px;  margin-right:20px;
}
.banquyen {
    float: left;
    text-align: center;
    width: 100%;
    background-color: #555555;
    padding: 20px 0;
    color: #fff;
}

.c46 {
    width:46%;float:left;
}


.c54 {
    width:54%; float:left
}


.c36 {
    width:36%; float:left;
}
.c60 {
    width:61%; float:left;
}
img {
    max-width:100%;
}
/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}
/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

.control-owl.prev {
  left: 0;
  background: url(../images/arrow-left.png) center center no-repeat;
}
.control-owl.prev:hover {
      text-shadow: 0 0 9px #716C2F;
    transition: all .5s linear;
}
.control-owl.next {
  right: 0px;
  background: url(../images/arrow-right.png) center center no-repeat;
}
.control-owl.next:hover {
      text-shadow: 0 0 9px #716C2F;
    transition: all .5s linear;
}

.control-owl {
    position: absolute;
    width: 35px;
    height: 90px;
    top: 31%;
    z-index: 9999;
    cursor: pointer;
    margin: -45px 0 0 0;
    
}
.control-owl {
    display:none;
}
.control-owl1 {
    top:85%;
}

  .prev1 {
  left: -11px!important;
  background: url(../images/prev1.png) center center no-repeat!important;
}

 .next1 {
  right: -10px!important;
  background: url(../images/next1.png) center center no-repeat!important;
}
.group_right:hover>.control-owl {
    display:block!important;
}
.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

.title-category h4 {
    float:left;
    width:100%; text-align:center;
    font-style:italic;
}
#logo {
    text-align: center;
}
.social {
    margin-top: 34px;
}

.img-article-top h3 a{
    font:36px 'VNF', Arial; 
    color:#4bb148;
}
.img-article-top span{
    font:17px 'VNF', Arial; 
    color:#4bb148;
    margin-right:20px;
}

.img-article-top h4{
    font:17px 'Mont', Arial; 
    color:#474747;
    font-weight:normal;
    line-height:35px;
}
.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 0px;
}
.connect {
    float:left;
    font:18px 'Cucho', Arial; color:#f04f28; margin:13px 0 0 10px!important; text-shadow:0 0 0;

}
.regist a{
    font:18px 'Cucho', Arial; color:#f04f28; text-shadow:0 0 0;
    background:url('../images/dangky.png') right center no-repeat;
    padding:12px 55px 0 0;
    text-align:right;
    float:right;
    min-height:53px;
}
a.thumbnail:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #555555;
}

.thumbnails {
    list-style: none;
}
#logo {
    width:400px;
    margin:auto;
}
.logop {
    float:left;
    position:relative;

}
.logop  img {
    margin-top: -23px!important;
}
.logopshrm {
        float:right;
}
.honeHeader {
    padding:0px 0 0 0;
    /*background:url('../images/bg_header.jpg') left top no-repeat;
    background-size:100% 100%;*/
    background:#f6f7f9;
}
.banner {
    float:left;
    width:100%;
}
.title-category h3 {
       color: #414042;
    font-size: 29.5px;
    font-weight: bold;
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}


  .breakumb_timer {
position: relative;
    z-index: 9;
    clear: both;
    width: 100%;
    padding:40px 0 20px 0;
    float: left;
}
    .timer_header {
    font: 400 11px arial;
    float: left;
}.breakumb_timer .timer_header ul li a {
    height: 34px;
    float: left;
    display: block;
    font: 700 14px/34px arial;
    padding: 0 0 0 15px;
    background: #eceeed;
    color: #000;
    white-space: nowrap;
}
    .breakumb_timer .timer_header ul li.start a {
    border-left: 3px solid #005387;
    color: #025484;
}
.alasst {
    border-left:none!important;
}
    .breakumb_timer .timer_header ul li .arrow_breakumb {
    display: block;
    float: left;
    height: 34px;
    width: 20px;
    background: url(../images/icon_total_01.png) no-repeat 0 -325px;
}   .chinh_hide {
    display:none;
    }
.menu-content {
    float:left; margin-bottom:50px;
    width:100%;
    text-align:center;
}
.menu-content li{
    float:none;
    display:inline-block;
    width: 121px;
    margin: 10px 35px;
    list-style: none;
}
.gioithieu li{
    width: 24.5%;
    margin: 10px 0;
    text-align:center;
    list-style: none;
    vertical-align:top;
}
.gioithieu  .thumm {
    text-align:center;
    float:left;
    width:100%;
}
.content {
    background: #f6f7f9 url(../images/bgtop.png) center top no-repeat;
    background-size: 100% auto;
    float: left;
    width: 100%;
    padding-top:30px;
}
.content1 {
    background: #f6f7f9 url(../images/bgbottom.png) center bottom no-repeat;
    background-size: 100% auto;
    float: left;
    width: 100%;
    padding-bottom: 80px;
}
.home {
     background: url(../images/bgtop.png) center bottom no-repeat;
    background-size:100% auto;
    float:left;
    padding-bottom:80px;
    width:100%;
}
.menu-content li {
    text-align:center;
}

   .menu-content li a {
    color:#4bb148;
    font:20px 'VNF', Arial;
    margin-top:10px;
    float:left; width:100%; text-align:center; text-shadow:0 0 0;
}

.menu-content li:hover a,.menu-content .active a  {
    color:#f67355;
}
.bo-chuong-trinh-title {
    border-left: 3px solid #005b99;
    color: #005b99;
    font-size: 17px;
    font-weight: bold;
    line-height: 27px;
    padding-left: 15px;
    float:left;  margin:0 0 20px 0;
    text-transform: uppercase;
}
.group_kg {
    float:left;
    width:100%;
    margin:0px 0 30px 0;
}
.dangkytd {
    float:right; 
    padding:3px 20px; 
    text-align:center; 
    border-radius:7px; 
    background:#005387; 
    margin-top:5px;
}
.dangkytd a {
        color:#f16122;
}
.listkg {
    float:left;
    background:#d7d7d7;
    width:100%; 
    padding:20px 3%; 
    border-radius:15px;
}
.listkg li {
    float:left; 
    list-style:none;
    margin-bottom:5px;
    width:50%;
}
.fa-check-square {
color:#f16122;
margin-right:5px;
    }
.nav .active a{
    color:#f16122;
}
.nav li:hover a{
    color:#f16122;
}
.Content_view {
    float:left;
    width:100%;
    padding-bottom:30px;
}
.Content_page {
    float:left;
    width:100%;
    padding-bottom:30px;
}
.Content_view h2 {
    font-weight:bold;        
    font-size:25px;        
    color:#005387;        
    text-transform:uppercase;        
    margin-bottom:15px;
}
.Content_view p{
    margin-bottom:10px;
    float:left;
    width:100%;
    
}
/*====REVOLUTION SLIDER LAYER STYLES
=======================================================*/
.tp-rightarrow,
.tp-leftarrow {
  display: block;
  width: 50px;
  height: 50px;
  font-size: 60px;
  text-align: center;
  line-height: 50px;
  color: #ccc;
  position: absolute;
  z-index: 100;
  cursor: pointer;
  top: 50%;
  margin-top: -25px;
  border-radius: 5px;
  -webkit-transition: all linear .2s;
  -moz-transition: all linear .2s;
  -o-transition: all linear .2s;
  -ms-transition: all linear .2s;
  transition: all linear .2s;
}

.slider-bg-color {
  background: #f37021;
}
.tp-bullets.simplebullets.round .bullet {
  background: #ededed !important;
  border-radius: 50%;
  width: 13px !important;
  height: 13px !important;
  margin: 0 3px !important;
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover {
  background: #78b458 !important;
}
.Content_view div {
    margin-bottom:10px;
    float:left;
    width:100%;
}
.Content_view UL li {
    float:left;
    width:100%;
}
.Content_view UL {
        MARGIN-LEFT: 20PX;
}
.Content_view img{
     float:none; margin:auto;
}
.CMSListMenuHighlightedLI a {
    color:#f16122!important; 
}
ul {
    clear:both!important;
}
.lh-left {
    float:left;
    width:43%; margin-right:4%;
}
.lh-right {
    float:left;
    width:53%;
}
.FormButton {
    color:#fff!important; margin-left:45%; width:150px;  
}
#ctl00_plcMain_cmsContact_ctl00_Captcha_lblSecurityCode {
    display:none;
}
span label {
    float:left;
    min-width:25%;
    font-weight:bold;
}
span .EditingFormControlNestedControl {
    float:left;
    width:75%;
}
.frm span {
    float:left;
    width:100%; margin:10px;
}
.h4_lh {
    color:#005b99; font-weight:bold; margin:10px 0 10px 25%;
}
.info-contact {
    width:100%;
    float:left;
    margin-top:20px;
}
p {
    margin-bottom:10px;
    float:left;
    width:100%;
}
.EditingFormErrorLabel {
    margin:0; padding:0!important; color:red;
}
.ErrorLabel {
    color:red;
}
#ctl00_plcMain_cmsContact_ctl00_GioiTinh_list tr{
    float:left!important; margin-right:20px;
}
.ct-shrm {
    float:left;
    width:100%;
    padding:0;  margin:20px 0!important;
}
.ct-shrm li{
    margin-bottom:5px;
    float:left;
    width:100%;
    list-style:none;
    background:#ebebeb url('../images/icon2.png') 15px 15px no-repeat; padding:10px 10px 10px 35px;
}
.chuong-trinh-pace {
    float:left;
    width:100%;
    padding-left:20px; color:#005387!important;
   
}
.chuong-trinh-pace  span{
    color:#333333!important;
   
}
.chuong-trinh-pace a span{
    color:#005387!important;
   
}
.chuong-trinh-pace a{
    color:#005387!important;
   
}
.chuong-trinh-pace li{
    float:left;
    clear:both;
    list-style-type:decimal;  
    /*background:url('../images/icon2.png') 5px 10px no-repeat;*/
     padding:5px 10px 5px 0px;
    width:100%;
}
/*.chuong-trinh-pace li:nth-child(odd)  {
    background-color:#ebebeb;
}*/
.content-page .span4 {
    width: 30.5%;
    float: left;
    margin-left: 0;
}
.content-page .span8 {
    width: 67%;
    float: right;
}
.menu-right-tab{padding:0px}
.menu-right-tab ul{margin:0px;}
.menu-right-tab ul li 
{
    list-style: none; float:left; width:100%;
    border-bottom: 1px solid #a1a1a1;
    background: #cccccc;
}
.menu-right-tab ul li a {
         color: #005b99;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    margin-left: 3px;
    padding: 0 15px;
    margin-bottom: 10px;
    float: left;
    width: 344px;
}
.menu-right-tab ul li div{padding:0px 0px;color:#333; padding:10px 0}
.menu-right-tab ul li div span{color:#333;font-size:14px;line-height:30px;margin-left:3px;}
.menu-right-tab ul li.active div{  background: #005387; text-align:center}
.menu-right-tab ul li.active a{color:#fff;}
.subcon  {
    display:none;
}
.subcon li {
    background:none!important;
}
.menu-right-tab ul .activeqq .subcon a {
    color: #000;
    padding-left: 23px;
    text-align: left;
    font-weight: normal;
    font-style: italic;
}         
.subcon li {
    background: #f3f3f3!important;
    border:0!important;
    border-top: 1px solid #d4dfe6!important;
    float: left;
    width: 100%;
}    
.subcon li div{
    background: none!important;
    padding-left:5px;

}      
.activeqq .subcon  {
    display:block; padding:0;
}
.subcon .active  a,.activeqq>div>a, .activenn>div>a{
    color:#F37021!important;
}
.span6:first-child{
    margin-right:4%;
}
.span6 {
    float:left;
    width:48%; 
}


.article-item {
    margin-bottom:30px;
}
.NoiDungChiTiet {
    float:left;
    width:100%;
}

.article:nth-child(odd) {
    margin-right:4%;
}
.thumbnail {
    float:left;
    margin-right:25px;
}
.backgr {
    float:left;
    width:100%;
    padding:40px  0;
}
.PagerControl {
    float:left;
    width:100%;
}
.PagerNumberArea {
    text-align:center;
}
.PagerControl span {
    padding: 18px 0px;
    color: #f16122;
    display: inline-block;
    margin: 1px;
    font-weight: bold;
    font:26px 'VNF', arial ;
    background: url(../images/page.png) center center no-repeat;
}
.PagerControl a{padding:1px 9px;color:#4bb148;display:inline-block;margin:1px; font:26px 'VNF', arial ;}
.PagerControl span {
    background: none;
}

.SelectedPage {
       background:url('../images/page.png') center center no-repeat!important;     padding: 18px 25px!important;
}
.NoiDungChiTiet {
    float:left;
    width:100%;
    margin-top:20px;
}
.title_chitiet {
    font:36px 'VNF', arial;
    color:#4bb148;
    text-align:left;
}
.NoiDungChiTiet div{
    float:left;
    width:100%;
}
.share-likes .tintucshare iframe {
    height:20px!important;
}
.share-likes {
    float: right;
    margin-right: 13px;
    padding: 10px 20px 5px 20px;
    background-color: #F1F1F1;
}
.share-likes li {
    float: left;
    list-style: none;
    margin-right: 5px;
}
.lasttt {
    padding-right:30px!important;border-left:0!important;
}
.downd>a {
    background:url(../images/d.png) right 5px no-repeat;
}
.content-page {
    float:left;
    width:100%; margin-bottom:30px;
}
.activeqq>a {
    color:#f16122!important;
}
.subcon1 {
    float:left; padding-left:30px;
}
.subcon1 a{
   font-style:italic;
   padding-left:0!important;
}
.subcon1 li{
   background:url(../images/n1.png) left center no-repeat!important;
   padding-left:15px;
}
.IHRM-left {
    float:left;
    width:60%;
    margin-right:5%;
}
.IHRM-right {
    float:left;
    width:35%;
}
.IHRM-right h2 {
    font-size:15px;
    color:#000;
    font-weight:bold;
}

.mtsh li {
        float: left;
    width: 100%;
    list-style: none;
    background:  url(../images/icon2.png) left 5px no-repeat;
    padding-left:20px;
    margin-bottom:10px;
}
.dkyhthu {
    float:left;
}



.article {
    float:left;
    width:100%;
    padding-left:0;
    list-style:none;
}
.article li{
    float:left;
    width:100%;
    margin-top:30px;
}
.article  .THUMM {
    float:left;
}
.article-item-sumary {
    float:right;
    width:770px;

}
.article-item-sumary h2 {
    float:left;
    width:100%;
   margin:0 0 10px 0;
}
.article-item-sumary h3 {
    float:left;
    width:100%;
    color:#474747;
    font:17px 'Mont',Arial;    
    line-height: 30px!important;
}

.Content_group {
    float:left;
    width:100%;
}
.article-title {
    color:#4bb148;
    float:left;
    width:100%;
    margin-bottom:20px;
    font: 26px 'VNF', Arial ;
}
.article span {
    float:left; 
    margin-right:20px;
    color:#4bb148;
    font:17px 'VNF', Arial ;
}
red {
    color:#f16122;
}
.linkmore {
    float:right; font-style:italic!important; color:#f05631!important;
}
.linkmore i{
    margin-left:5px;
}

.article-item-sumary a:hover {
    color:#f16122
}
.visao  li {
        float: left;
    width: 100%;
    list-style: none;
    background:  url(../images/g.jpg) left 0px no-repeat;
    padding-left:45px;
    margin-bottom:20px;
    min-height:35px;
}
.ngoai_khoa li{
    display:inline-block;
    width:370px;
    padding:25px;
        border: 2px dashed #f04f28;
    list-style:none;
    vertical-align:top;
    margin: 30px 0 0 20px;
}
.ngoai_khoa li:nth-of-type(1),.ngoai_khoa li:nth-of-type(4),.ngoai_khoa li:nth-of-type(7){
    margin-left:0px; 
}
.ngoai_khoa h3 {
    min-height:150px;font-size:17px;
    text-align:center;
    float:left;
    width:100%;
}
.ngoai_khoa li h2 {
     float:left;
    width:100%;
    margin:0 0 20px 0;
}
.ngoai_khoa li h2 a{
    font:20px 'Mont', Arial ;
    color:#60b85d;
    font-weight:bold;
    text-align:center;
    float:left;
    width:100%;
}
.form_register .boxi textarea {
    /*background-image: -webkit-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -moz-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -ms-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -o-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-size: 100% 31px;
    border:none;
    line-height: 31px;
    padding: 8px;*/
   
    background-image: linear-gradient(to bottom, #AAA 1px, transparent 1px), linear-gradient(to right, #AAA 1px, transparent 1px), radial-gradient(1px 1px at center, #AAA .5px, transparent 1px), radial-gradient(1px 1px at center, #AAA .5px, transparent 1px);
    background-size: 70px 0px, 0px 0px, 0px 0px, 6px 31px;
    background-position: 0px 0px, 0px 0px, 0px -10px, 0px 15px;
    line-height: 31px;
    padding: 8px;
    width:100%!important;
    background-color: transparent;
    border:none;
       


    /*border: 1px solid #EEEEEE;
        box-shadow: 1px 1px 0 #DDDDDD;
        display: block;
        font-family: 'Marck Script',cursive;
        font-size: 22px;
        line-height: 50px;
        margin: 2% auto;
        padding: 11px 20px 0 70px;
        resize: none;
        height: 689px;
        width: 530px;

        background-image: -moz-linear-gradient(top , transparent, transparent 49px,#E7EFF8 0px), -moz-radial-gradient(4% 50%, circle closest-corner, #f5f5f5, #f5f5f5 39%, transparent 0%), -moz-radial-gradient(3.9% 46% , circle closest-corner, #CCCCCC, #CCCCCC 43.5%, transparent 0%); 
        background-image: -webkit-linear-gradient(top , transparent, transparent 49px,#E7EFF8 0), -webkit-radial-gradient(4% 50%, circle closest-corner, #f5f5f5, #f5f5f5 39%, transparent 0%), -webkit-radial-gradient(3.9% 46%, circle closest-corner, #cccccc, #cccccc 43.5%, transparent 0%);

        -webkit-background-size:  100% 50px;
        background-size: 100% 50px;*/
}
.form_register {
    float:none;margin:auto;
    width:650px;
}
.Groupboxi {   
    border: 2px dashed #f04f28;
    padding:30px 30px 15px 30px;
}
.Groupboxi, .boxi {
    float:left;
    width:100%;
    margin-bottom:25px;
}


.boxi input ,.boxi select{
     border: 2px dashed #f04f28;
     width:100%;
     background:none;
     padding:8px;
    }
/*div.ten:before {
    content: "";
    position: absolute;
    border: 10px dashed #FF0000;
    top: -8px;
    bottom: -8px;
    left: -8px;
    right: -8px;
}*/

.boxi label {
    float:left;
    text-align:left;
    width:100%;
}
.Groupboxi .boxi {
    margin-bottom:0;
}
    .Groupboxi .boxi label {
        margin-top:15px;
    }
.Artists {
    position:relative;
    float:left;
    width:100%;
}
.Artistsleft {
    position:absolute;
    bottom:120px;
    left:0;
}
.Artistsright {
    position:absolute;
    bottom:120px;
    right:0;
}
.form_register1 {
    float:left;
}
.phright {
    position:absolute;
    bottom:-120px;
    right:0;
}
.phleft {
        position:absolute;
    bottom:120px;
    left:0;
}
.tdleft {
        position:absolute;
    top:20px;
}
.tintuc {
    float:left;
    width:100%;
    text-align:center;
    padding-left:0;
}
.tintuc li{
    float:none;
    width:31%;
    margin-right:2%;
    display:inline-block;
    list-style:none;
    margin-bottom:25px;
    vertical-align:top;
}
.tintuc .no-margin-right{
    margin-right:0%;
}
.tintuc .article-item-sumary {
    float:left;
    width:100%;
    text-align:justify;
    margin-top:20px;
}
.tintuc .article-title {
    color: #4bb148;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font: 26px 'VNF', Arial;
}
.tintuc span {
   margin-right:20px;
   text-align:left;
    font: 15px 'VNF',Arial;
}
.tintuc  .article-item-sumary h3 {
    float: left;
    width: 100%;
    color: #474747;
    font: 17px 'Mont',Arial;
    line-height: 30px!important;
}
    .tintuc li .THUMM img {
    
        width:100%;
    }
.right-content {
    float:right;
    width:400px;
}
.left-content {
    float:left;
    width:720px;
}
.ct span{ margin-right:20px;  font: 17px 'VNF',Arial;
}
.box-right .navv li{
    float:left;
    width:100%;
    list-style:none;
}
.box-right{
    float:left;
    width:100%;
    margin-bottom:40px;
}
    .box-right>h2 {
        background:  url(../images/linel.png) left bottom no-repeat;
        padding-bottom:30px;
        margin-bottom:10px;
        font:40px 'cucho', Arial;
        color:#4bb148;
    }
.tintin {
    float:left;
    margin-top:30px;
}
.tintin li{
    float:left;
    width:100%;list-style:none;margin-bottom:25px;
}
.tinthumn {
    float:left;margin-right:15px;
}
.tintin h2{
    margin-top:0;
}
.tintin h2 a{
    font: 20px 'VNF', Arial;
    color: #4bb148;margin-top:0; text-align:left;
}
.tintin h3 {
    font:17px 'Mont', Arial;
    color:#474747;
    font-weight:normal;
    line-height:30px;
    text-align:left;
}
.frm {
    float:left;
    width:100%; margin:20PX 0;
}
.frm UL{
    float:left;
   padding:0;
   width:100%;
}
.frm UL LI{
    float:left;
   list-style:none;
   margin-bottom:10PX;
   width:100%;
   text-align:left;
}
.frm UL LI IMG{
    float:left;
  margin:2PX 10PX 0 0;
  width:35PX;
}
.frm H2 {
        font:24PX 'VNF', arial;
        color:#4bb148;
}
.frm H3 {
     font:20px 'Mont', arial;
        color:#347294;
        font-weight:bold;
        margin-bottom:15px;
        float:left;
        width:100%;
}
.frm textarea{
    float:left;   color:#474747;
    width:100%!important;
    border: 2px dashed #f04f28;    padding-top:10px;
    background:none!important;
}
.EditingFormControlNestedControl {
    float:left;width:100%;
    position:relative;
}
.lh-right .frm input ,.boxi input, .boxi select{
    font:17px 'Mont', Arial ;
    color:#474747;
    padding-top:10px;

}
.lh-right #ctl00_plcMain_cmsContact_ctl00_btnOK {
    float:right;margin-left:initial;
}
.lh-right .frm span {
   margin:0;
}
.frm input::-webkit-input-placeholder ,.boxi input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
   color:#474747!important;
}
.frm input::-moz-placeholder ,.boxi input::-moz-placeholder{ /* Firefox 19+ */
   color:#474747!important;
}
.frm input:-ms-input-placeholder,.boxi input:-ms-input-placeholder { /* IE 10+ */
   color:#474747!important;
}
.frm input:-moz-placeholder,.boxi input:-moz-placeholder { /* Firefox 18- */
 color:#474747!important;
}
.RadioButtonList  input{
    width:initial!important;
    margin-right:10px;
    float:left;
    margin-top:10px;

}
.RadioButtonList  label{
    width:initial!important;
    float:left;

}
.UploaderLabel ,.HiddenButton{
    display:none;
}

.Uploader {
width:100%;
}
.UploaderTable {
    width:100%;
    background-color:transparent!important;
    border:none!important;
}
.mnDanhMuc {
    display:none;
}
#ctl00_plcMain_cmsContact_ctl00_KhungGio_list tr td{
    padding-right:15px;
}
#ctl00_plcMain_cmsContact_ctl00_NgaySinh_timePicker_btnNow {
    display:none;
}
#ctl00_plcMain_cmsContact_ctl00_NgaySinh_timePicker_imgCalendar {
    width: 35px;
    position: absolute;
    right: 5px;
    top: 3px;
    cursor:pointer;
}
.CalendarIcon {
    width: 35px;
    position: absolute;
    right: 5px;
    top: 3px;
    cursor:pointer;
}
.SelectedPrev ,SelectedPage,.UnselectedNext{
    color:#474747!important;
        font: 17px 'VNF', arial!important;
    font-weight:normal!important;
}

#prepend-alpha {
    float:left;
    width:100%; text-align:center;
}
#alpha {
    margin:auto;
    clear:both;
    width:96%;
}
.centered { margin: 0 auto; }

.box {
  margin: 5px 0.5%;
  float: left;
}
.col1 { width: 23.5%; }
.col2 { width: 48.5%; }

.col1 img { width: 100%; }
.col2 img { width: 100%; }

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

#alpha .box p {
    float: left;
    width: 100%;
    position: relative;
    text-align: CENTER;
}
#alpha .box p span {
    float: none;
    width: 142px;
    position: relative;
    bottom: 24px;
    padding: 5px 10px;
    text-align: center;
    z-index: 99;
    background: #fff;
    margin: auto;
    font-size: 13px;
}
.pp_bottom {
    display:none!important;
}
.pp_gallery {
    display:none!important;
    }
div.pp_overlay {
    z-index: 9999999!important;
}
div.pp_pic_holder {
    z-index: 999999999!important;
}
.pp_nav p {
    float: left;
    white-space: nowrap;
    margin: 2px 4px;
    width: initial;
    margin-top: -5px;
}
.THUMM {float: left;
    overflow: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.THUMM:hover img {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
     -webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
.img-article-top .thumbnail:hover {
  background:#000;
}
.img-article-top .thumbnail:hover img {
    opacity: 0.4;
}
.img-article-top {
    padding:0 15px;
}
/* ==== Form PHP thay cho form ASP.NET cu (mamnon-v2) ==== */
.tomato-form{max-width:560px}
.tomato-form p{margin:0 0 12px}
.tomato-form label{display:block;font-size:14px;color:#444}
.tomato-form .req{color:#c0392b}
.tomato-form input[type=text],.tomato-form input[type=tel],.tomato-form input[type=email],.tomato-form textarea{
  display:block;width:100%;margin-top:4px;padding:9px 11px;border:1px solid #cfcfcf;border-radius:4px;
  font:inherit;background:#fff;box-sizing:border-box}
.tomato-form textarea{resize:vertical}
.tomato-form .btn-dangky{background:#e2001a;color:#fff;border:0;border-radius:4px;padding:11px 26px;
  font:inherit;font-weight:600;cursor:pointer}
.tomato-form .btn-dangky:hover{opacity:.9}
.form-msg{padding:10px 14px;border-radius:4px;margin-bottom:14px;font-size:14px}
.form-msg.ok{background:#e8f4e9;border:1px solid #b9dcbb;color:#2f7d32}
.form-msg.err{background:#fdecea;border:1px solid #f5b7b1;color:#c0392b}

/* Form ung tuyen: nhom chon vi tri */
.tomato-form .nhom-chon{border:1px solid #cfcfcf;border-radius:4px;padding:12px 14px;margin:0 0 14px}
.tomato-form .nhom-chon legend{font-size:14px;color:#444;padding:0 6px}
.tomato-form .chon{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:14px}
.tomato-form .chon input{width:auto;margin:0}
.tomato-form .ghi-chu{color:#777;font-weight:400}
.tomato-form input[type=file]{display:block;margin-top:4px;font:inherit}
.tomato-form-ngan{max-width:420px}

/* ============================================================
   FORM ĐĂNG KÝ kiểu tomato.edu.vn (.tmt-register-form)
   Bê từ site.css của tomato v2 sang để 2 site dùng chung một mẫu form.
   Khác bản gốc: đổi font SVN-GothamRounded (mamnon không có) sang font
   sẵn có của theme mầm non ('Cucho' cho nút, 'Mont' cho chữ thường).
   ============================================================ */
.tmt-register-form .md-row {
    display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 15px; width: 100%;
}
.tmt-register-form .md-row .md-col {
    flex: 1 1 0 !important; min-width: 0; width: auto !important;
    float: none !important; margin-right: 0 !important;
}
.tmt-register-form .md-row input,
.tmt-register-form .md-row select {
    width: 100%; box-sizing: border-box; height: 50px;
    padding: 0 16px; border: 1px solid #cfcfcf; border-radius: 6px;
    font: 15px 'Mont', Arial; color: #444; background: #fff;
}
.tmt-register-form .md-row select { cursor: pointer; }
.tmt-register-form .md-row input:focus,
.tmt-register-form .md-row select:focus { outline: none; border-color: #6d922e; }

/* Nút "Đăng ký ngay" — giữ nút đỏ thương hiệu như bên tomato */
.tmt-register-form input[type=submit] {
    width: auto !important; background: #EA351A; border: 3px solid #F7A376; color: #FFF;
    padding: 12px 34px; border-radius: 60px; display: table; margin: 25px auto 0 auto;
    cursor: pointer; font: 22px 'Cucho', Arial; transition-duration: .5s;
}
.tmt-register-form input[type=submit]:hover { background: #d1513d; color: yellow; }
.tmt-register-form input[type=submit]:disabled { opacity: .6; cursor: not-allowed; }

/* Báo lỗi validate — hiện ngay dưới ô nhập */
.tmt-register-form .tmt-error { color: #EA351A; font: 13px 'Mont', Arial; margin: 6px 0 0 4px; }
.tmt-register-form .tmt-invalid { border-color: #EA351A !important; background: #fff6f4; }

@media screen and (max-width: 767px) {
    .tmt-register-form .md-row { display: block; }
    .tmt-register-form .md-row .md-col { width: 100%; margin-bottom: 12px; }
}

/* Khối thông tin liên hệ ở trang "Làm việc cùng TOMATO" (thay cho form ứng tuyển) */
.tomato-lienhe .loi-moi { margin: 6px 0 14px; font: 15px 'Mont', Arial; color: #555; line-height: 1.6; }
.tomato-lienhe ul { list-style: none; padding: 0; margin: 0; }
.tomato-lienhe ul li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px;
    font: 15px 'Mont', Arial; color: #444; line-height: 1.55; }
.tomato-lienhe ul li img { width: 26px; height: auto; flex: none; margin-top: 2px; }
.tomato-lienhe ul li a { color: #6d922e; }
.tomato-lienhe ul li a:hover { text-decoration: underline; }
.tomato-lienhe ul li img.ic-fb { width: 24px; }

/* ============================================================
   POPUP BÁO GỬI FORM THÀNH CÔNG (.tmt-modal-*)
   Bê từ site.css của tomato.edu.vn v2, đổi font SVN-GothamRounded
   (mamnon không có) sang 'Cucho'/'Mont' của theme mầm non.
   ============================================================ */
.tmt-modal-overlay {
    position: fixed; inset: 0; background: rgba(20,20,20,.55);
    display: flex; align-items: center; justify-content: center;
    padding: 20px; z-index: 99999; animation: tmtFade .25s ease;
}
.tmt-modal-overlay.tmt-dong { display: none; }
.tmt-modal {
    background: #fff; border-radius: 28px; max-width: 520px; width: 100%;
    padding: 44px 38px 34px; text-align: center; position: relative;
    box-shadow: 0 18px 50px rgba(0,0,0,.25);
    animation: tmtZoom .3s cubic-bezier(.2,.9,.3,1.2);
}
.tmt-modal-x {
    position: absolute; top: 14px; right: 20px; background: none; border: 0;
    font-size: 30px; line-height: 1; color: #b9b9b9; cursor: pointer; padding: 4px 8px;
}
.tmt-modal-x:hover { color: #707070; }
.tmt-modal-icon { margin-bottom: 14px; }
.tmt-modal-title { font: 30px 'Cucho', Arial; color: #2BA84A; margin: 0 0 14px; }
.tmt-modal-text  { color: #4a4a4a; font: 16px/1.6 'Mont', Arial; margin: 0 0 16px; }
.tmt-modal-note  { color: #707070; font: 15px 'Mont', Arial; margin: 0 0 26px; }
.tmt-modal-note a { color: #EA351A; font-weight: 700; text-decoration: none; white-space: nowrap; }
/* Theme mầm non có rule `p { float:left }` -> 2 thẻ <p> trong popup bị float,
   đẩy khối nút sang bên và đè lên chữ. Ép bỏ float cho mọi thứ bên trong popup. */
.tmt-modal p, .tmt-modal h2, .tmt-modal div, .tmt-modal button {
    float: none !important;
}
.tmt-modal-actions {
    display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;
    clear: both; width: 100%;
}
.tmt-btn {
    display: inline-block; padding: 12px 34px; border-radius: 60px;
    font: 20px 'Cucho', Arial; cursor: pointer; border: 2px solid transparent;
    text-decoration: none; transition-duration: .3s;
}
.tmt-btn-main { background: #2BA84A; color: #fff; border-color: #2BA84A; }
.tmt-btn-main:hover { background: #24913f; color: #fff; }

/* Vẽ dấu tích chạy từ từ cho cảm giác "xong việc" */
.tmt-icon-circle { stroke-dasharray: 160; stroke-dashoffset: 160; animation: tmtVeVong .5s ease forwards; }
.tmt-icon-check  { stroke-dasharray: 48;  stroke-dashoffset: 48;  animation: tmtVeTich .35s .45s ease forwards; }
@keyframes tmtVeVong { to { stroke-dashoffset: 0; } }
@keyframes tmtVeTich { to { stroke-dashoffset: 0; } }
@keyframes tmtFade   { from { opacity: 0; } to { opacity: 1; } }
@keyframes tmtZoom   { from { opacity: 0; transform: translateY(18px) scale(.94); } to { opacity: 1; transform: none; } }

@media screen and (max-width: 600px) {
    .tmt-modal { padding: 36px 22px 26px; border-radius: 22px; }
    .tmt-modal-title { font-size: 24px; }
    .tmt-modal-actions .tmt-btn { width: 100%; }
}