a*{margin: 0; padding: 0;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 ,
.container-fluid{
    padding: 0 8px;
    position: relative;
}


.mm-menu--opened .mm-panel--opened .fa {
  color: var(--color-dark-bg);
}

.mm-menu__blocker,
.mm-panel__blocker {
  opacity: 0 !important;
}

.mm-panel--search .fa {
  display: none;
}

.mm-menu .mm-panel__splash {
  padding-left: 0;
  padding-right: 0;
}
.mm-menu .mm-panel__splash div {
  padding: 30px;
  text-align: center;
}
.mm-menu .mm-panel__splash h4 {
  margin: 0 0 10px;
  color: inherit;
}

#menu:not(.mm-menu) {
  display: none;
}

#menu {
  font-size: 16px;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

body:not(.docready) #menu {
  opacity: 0;
}
.mm-menu--opened .mm-panel--opened .fa {
  color: var(--color-dark-bg);
}

.mm-menu__blocker,
.mm-panel__blocker {
  opacity: 0 !important;
}

.mm-panel--search .fa {
  display: none;
}

.mm-menu .mm-panel__splash {
  padding-left: 0;
  padding-right: 0;
}
.mm-menu .mm-panel__splash div {
  padding: 30px;
  text-align: center;
}
.mm-menu .mm-panel__splash h4 {
  margin: 0 0 10px;
  color: inherit;
}

h1 [data-submenutext] {
  display: none;
}

.submenu {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5;
  height: 60px;
  margin-top: -60px;
  line-height: 20px;
  white-space: nowrap;
  font-size: 85%;
  font-weight: bold;
  opacity: 0;
  background: var(--color-dark-bg);
  -webkit-transition: opacity 1s ease 0.5s;
  -o-transition: opacity 1s ease 0.5s;
  transition: opacity 1s ease 0.5s;
}
.submenu:focus-within, .docready .submenu {
  opacity: 1;
}
.submenu .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.submenu nav {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 20px;
  -webkit-clip-path: polygon(-10px -10px, 100% -10px, 100% calc(100% + 10px), -10px calc(100% + 10px));
          clip-path: polygon(-10px -10px, 100% -10px, 100% calc(100% + 10px), -10px calc(100% + 10px));
}
.submenu ul,
.submenu li {
  padding: 0;
  list-style: none;
}
.submenu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 -20px;
}
.submenu li {
  position: relative;
  margin: 0;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.1, 1.1, 0.1, 1.1);
  transition: -webkit-transform 0.7s cubic-bezier(0.1, 1.1, 0.1, 1.1);
  -o-transition: transform 0.7s cubic-bezier(0.1, 1.1, 0.1, 1.1);
  transition: transform 0.7s cubic-bezier(0.1, 1.1, 0.1, 1.1);
  transition: transform 0.7s cubic-bezier(0.1, 1.1, 0.1, 1.1), -webkit-transform 0.7s cubic-bezier(0.1, 1.1, 0.1, 1.1);
}
.submenu li:nth-child(1) {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.submenu li:nth-child(2) {
  -webkit-transition-delay: 0.04s;
       -o-transition-delay: 0.04s;
          transition-delay: 0.04s;
}
.submenu li:nth-child(3) {
  -webkit-transition-delay: 0.08s;
       -o-transition-delay: 0.08s;
          transition-delay: 0.08s;
}
.submenu li:nth-child(4) {
  -webkit-transition-delay: 0.12s;
       -o-transition-delay: 0.12s;
          transition-delay: 0.12s;
}
.submenu li:nth-child(5) {
  -webkit-transition-delay: 0.16s;
       -o-transition-delay: 0.16s;
          transition-delay: 0.16s;
}
.submenu li:nth-child(6) {
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.submenu li:nth-child(7) {
  -webkit-transition-delay: 0.24s;
       -o-transition-delay: 0.24s;
          transition-delay: 0.24s;
}
.submenu li:nth-child(8) {
  -webkit-transition-delay: 0.28s;
       -o-transition-delay: 0.28s;
          transition-delay: 0.28s;
}
.submenu li:nth-child(9) {
  -webkit-transition-delay: 0.32s;
       -o-transition-delay: 0.32s;
          transition-delay: 0.32s;
}
.submenu a {
  display: block;
  padding: 20px;
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.submenu li.is-active a {
  color: var(--color-callout);
}
.submenu ul:hover li a {
  color: currentColor;
}
.submenu ul:hover li a:hover {
  color: var(--color-callout);
}
.submenu.is-sticky li {
  -webkit-transform: translateX(80px);
      -ms-transform: translateX(80px);
          transform: translateX(80px);
}

.submenu__contrast {
  margin-left: auto;
  margin-top: 18px;
  opacity: 0;
  -webkit-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
          transform: translateX(-40px);
  -webkit-transition: opacity 0.5s ease 0.2s, -webkit-transform 0.7s cubic-bezier(0.1, 1.1, 0.1, 1.1) 0.2s;
  transition: opacity 0.5s ease 0.2s, -webkit-transform 0.7s cubic-bezier(0.1, 1.1, 0.1, 1.1) 0.2s;
  -o-transition: opacity 0.5s ease 0.2s, transform 0.7s cubic-bezier(0.1, 1.1, 0.1, 1.1) 0.2s;
  transition: opacity 0.5s ease 0.2s, transform 0.7s cubic-bezier(0.1, 1.1, 0.1, 1.1) 0.2s;
  transition: opacity 0.5s ease 0.2s, transform 0.7s cubic-bezier(0.1, 1.1, 0.1, 1.1) 0.2s, -webkit-transform 0.7s cubic-bezier(0.1, 1.1, 0.1, 1.1) 0.2s;
}
.submenu:focus-within .submenu__contrast, .is-sticky .submenu__contrast {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
body {

    font-family:'Open Sans', sans-serif;
    font-size:14px;
    font-weight:400;
  
}
.row{margin: 0 -8px;}
h1, h2, h3, h4, h5, h6, a, p, span, div, text, input, textarea, button, li, label
{
    font-family: 'Arial', sans-serif;
    text-decoration: none;
    list-style: none;
    margin: 0;
    font-size: 14px;
    outline: none;
	color:#fff;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    letter-spacing: 0.2px;
}
ul{margin: 0;}
a:hover, a:visited, a:focus, a:active{text-decoration: none;}
img{max-width: 100%; text-align: center}
.container-fluid{max-width: 1000px;}

.bg_body{background: url("../images/body_bg.jpg")}


header{
    position: relative; z-index: 5;
    background-size: cover;
    padding: 0px  ;
}
.info-company{padding-top: 50px;}
.hotline{width: 100%; float: left; overflow: hidden}
.hotline img{float: left; margin-right: 15px;}
.hotline p{font-size: 16px; color: #777777}
.hotline p b{color: #333333; font-size: 25px; line-height: 16px;}
.search{position: relative; float:right}
.search input{height: 32px; border: 2px solid #cbcbcb; width: 30%; background: #fff; border-radius: 23px;
    text-indent: 20px; font-size: 20px; float:right
}
::-webkit-input-placeholder{
    color: #cbcbcb;
}
:-ms-input-placeholder{
    color: #cbcbcb;
}
::-moz-placeholder{
    color: #cbcbcb;
}
:-moz-placeholder{
    color: #cbcbcb;
}
.search button{position: absolute; z-index: 2; width: 46px; height: 32px; right: 5px; top: 0; font-size: 22px; border: none; background: none;
    color: #cbcbcb;
    outline: none;
}
 .navbar-brand {
  margin-left: 30px;
  margin-right:50px;
  height: 56px;
  font-size: 25px;
font-weight: 900;
color:#FFFFFF;
 
}
.menu-top ul {padding:5px 0}
.menu-top{ text-align: left;background: #fff; z-index: 9999999 }
.menu-top ul li{display: inline-block; padding:5px 5px 5px 0; position: relative;}
.menu-top ul li a{padding: 10px 10px; display: inline-block; font-size: 14px; color: #135D7A;  font-weight: bold; z-index: 999 ;text-transform: uppercase;}
.menu-top ul li:first-child a{border-left: none}
.menu-top ul li:hover a, .menu-top ul li.active a{border-bottom: 1px solid #e4e5e6 }
.menu-top li.last-child{float: right; color: #fbdc09; padding: 10px 16px; cursor: pointer}

.menu-top ul ul{position: absolute; width: 320px; background: #135D7A; top: 100%; padding: 5px 0;z-index: 999; display: none; }
.menu-top ul ul li{display: block; width: 100%;  text-align: left !important; padding: 5px 0;z-index: 999}
.menu-top ul ul li a{border-left: none;; color: #fff !important; font-size: 13px; z-index: 999;text-transform: uppercase; }
.menu-top ul ul li a:hover{color: #fff;}
.menu-top ul li:hover ul{display: block}


.form-search{position: absolute; z-index: 2; top: 0; height: 100%; right: 10px; left: 10px; background: #2692d2; display: none}
.form-search input{width: 100%; height: 100%; border: none; position: absolute; padding: 0 15px;}
.form-search button{font-size: 17px; background: none; border: none; position: absolute; right: 20px; top: 10px; outline: none}
.form-search p{position: absolute; z-index: 4; font-size: 20px; cursor: pointer; right: -25px; color: #fff; top: 5px;}

.title_h2{text-align: center; position: relative; margin-bottom: 25px;}
.title_h2 h2{padding: 10px 20px; background: #fff; display: inline-block; top: 15px; position: relative; font-size: 24px; font-weight: bold; color: #333; text-transform: uppercase}

.main-contain{background:#112C80}
.name-cat{background: url("../images/icon_carr.png") no-repeat left center #2692d2; min-height: 40px; margin-bottom: 15px; margin-top: 20px;}
.name-cat h2{display: inline-block; margin-left: 70px; line-height: 40px; font-size: 18px; text-transform: uppercase; color: #fbdc09; font-weight: 600;}
.name-cat a{float: right; line-height: 40px; display: inline-block; padding: 0 10px; color: #fff; font-size: 13px; text-transform: uppercase}

.owl-item{padding: 0 7px;}

.product{margin-bottom: 15px; border: 1px solid #eaeaea; padding: 7px; text-align: center;
    background: #fff;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.product:hover{background: #f8f8f8; border: 1px solid #2692d2}
.box-name-product{overflow: hidden; margin: 10px 0;}
.box-name-product a{ color:#000;}
.product h3{
    padding: 5px 7px;
    font-size: 13px;
    line-height: 1.4;
    margin-top: 5px;
    font-weight: 600;
    width: 50%;
    float: left;
    height: 26px;
    overflow: hidden;

 }
.product h3 a{font-size: 13px; color: #333}
.box-name-product a.views{float:center ; display: inline-block; background: #2692d2; padding: 7px 10px; color: #fff;}
.product p{font-size: 14px; font-weight: bold; color: #2692d2; margin-bottom: 10px;}
.product:hover h3 a{color: #2692d2}

.btn-product{overflow: hidden}
.btn-product a{width: 40px; height: 40px; font-size: 16px; color: #c2c2c2; display: inline-block; background: #f2f2f2; border-radius: 50%; line-height: 40px; }
.btn-product a.cart{width: 50px; height: 50px; font-size: 20px; color: #fff; display: inline-block; background: #2f2f2f; border-radius: 50%; line-height: 50px; }
.btn-product a:hover{background: #2692d2; color: #fff;}
.boder-right2{margin: 20px 0 30px 0;}
.boder-right{margin-top: 20px;}
.title-right{background: url(../images/bg_title_right.png) no-repeat right #e4e5e6; min-height: 40px;}
.title-right p{font-size: 14px; font-weight: bold; text-transform: uppercase; color: #2692d2; padding: 0 10px; line-height: 40px;}
.padding-5{padding: 5px; border: 1px solid #e4e5e6; overflow: hidden}

.helper{padding: 10px 0; border-bottom: 1px dotted #ccc;
    overflow: hidden; background: #fafafa;
}
.helper:last-child{border-bottom: none}
.helper img.user{float: left; margin-right: 6px;}
.helper h3{font-size: 14px; font-weight: 600;}
.helper p{font-size: 16px; font-weight: bold; color: #2692d2}
.helper a{font-size: 13px; margin-top: -5px;}

.box-whys{margin: 20px 0; background: url("../images/bg_top-footer.jpg"); background-size: cover; padding: 60px 0;}
.box-whys h2{font-size: 32px; text-transform: uppercase; color: #fff; font-weight: bold; text-align: center;}
.box-detailss{margin-top: 50px;}
.box-detailss h3{color: #fff; text-transform: uppercase; font-size: 16px; font-weight: bold;}
.box-detailss h3 img{margin-right: 5px;}
.box-detailss p{color: #fff; margin-top: 7px;}

.cat-product h2{background: #2692d2; line-height: 40px; padding: 0 10px;}
.cat-product h2 a{color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase;}
.cat-product h2 a span{color: #fbdc09; padding-right: 5px;}
.cat-product ul{background: #f1f1f1; padding: 5px 12px;}
.cat-product ul li{padding: 10px 0;}
.cat-product ul li a{color: #fff; font-weight: 600; font-size: 13px;    text-transform: uppercase;}
.cat-product ul li a i{padding-right: 5px;}
.cat-product ul li a:hover{color: #2692d2}

.service ul{background: none}
.service ul li{border-bottom: 1px dashed #ccc}
.service ul li:last-child{border-bottom: none}
.service ul li a{text-transform: none}


.news-right{overflow: hidden; margin-bottom: 10px; }
.news-right:last-child{margin-bottom: 0;}
.news-right img{width: 100px; float: left; margin-right: 10px;}
.news-right h3{font-weight: 600; margin: 5px 0;}
.news-right h3 a{color: #fff}
.news-right h3 a:hover{color: #2692d2}
.news-right p{color: #777; font-size: 13px;}

.tintuc{padding-top:35px}

.tintuc22{padding-top:35px}

.news-right2{overflow: hidden; margin:10px 0; border-bottom:1px solid #FF0000; padding-bottom:10px; width:200px}
.news-right2:last-child{margin-bottom: 0;}
.news-right2 img{ float: left; margin-right: 10px;}
.news-right2 h3{font-weight: bold; margin: 5px 0; font-family: 'Arial', sans-serif;padding-bottom:12px; line-height:20px}
.news-right2 h3  a{color: #fff; font-family: 'Arial', sans-serif;padding-bottom:10px}
.news-right2 h3 a:hover{color: #2692d2}
.news-right2 p{color: #B4BED0; font-size: 13px;}

.news-right22{overflow: hidden; margin:10px 0;background:#000; border:1px solid #fff; }
.news-right22:last-child{margin-bottom: 0;}
.news-right22 img{ float: left; margin-right: 10px;}
.news-right22 h3{font-weight: bold; margin: 5px 0; font-family: 'Arial', sans-serif;padding-bottom:12px; line-height:20px}
.news-right22 h3  a{color: #fff; font-family: 'Arial', sans-serif;padding-bottom:10px}
.news-right22 h3 a:hover{color: #2692d2}
.news-right22 p{color: #B4BED0; font-size: 13px;}

.news-right222{overflow: hidden; margin:6px 0; }
.news-right222:last-child{margin-bottom: 0;}
.news-right222 img{ float: left; margin-right: 10px;}
.news-right222 h3{font-weight: 600; margin: 5px 0; font-family: 'Arial', sans-serif; line-height:10px;}
.news-right222 h3  a{color: #fff; font-family: 'Arial', sans-serif;padding-bottom:10px; padding-left:10px;font-size: 13px; background: url(../images/list-arrow.gif)  0px 3px     no-repeat;}

.news-right222 h3 a:hover{color: #2692d2}
.news-right222 p{color: #B4BED0; font-size: 13px;}

.news-right3{overflow: hidden;   padding:15px; }
.news-right3:last-child{margin-bottom: 0;}
.news-right3 img{ float: left; margin-right: 10px;}
.news-right3 h3{font-weight: bold; margin: 5px 0; font-family: 'Arial', sans-serif;padding-bottom:12px; line-height:20px}
.news-right3 h3  a{color: #fff; font-family: 'Arial', sans-serif;padding-bottom:10px; font-size:22px; font-weight:bold;text-transform: uppercase; }
.news-right3 h3 a:hover{color: #2692d2}
.news-right3 p{color: #B4BED0; font-size: 13px;}

.counting p{padding: 5px 10px;}
.counting p span{color: #2692d2; padding-right: 4px;}
.footer{background:#F4F4F4;margin-top:20px;}
.footer1{background:#000;padding:60px 0; color:#fff;}
.footer1 a{color:#fff;}
footer{background:#F4F4F4; padding-bottom:50px; text-align:left; }

.footer2{background:#1CB88B}
footer h2{font-size: 20px; text-transform: uppercase; color: #40B0FF; font-weight: 500; margin-bottom: 5px; margin-top: 20px;
    margin-bottom: 15px; padding-bottom: 5px;
}
footer p{font-size: 14px; margin-top: 5px; color: #000}
footer p em{color: #40B0FF; font-weight: bold; width: 40px;font-size: 32px;}
footer p i{color: #FEC861; font-size: 22px; display: inline-block; width: 14px; padding-right: 5px;}

.bottom-footer{padding: 18px 0  ; font-size: 14px;  color: #fff; text-align: center;}
.bottom-footer img{margin-right: 5px;}
.bottom-footer b{font-size: 22px; color: #fff}

.text-right{text-align: right}

#mm-blocker{background: rgba(0,0,0,0.2)}

#menu-cl{background: #fbdc09; height: 40px; line-height: 40px; width: 40px; border-radius: 4px; text-align: center;
    position: fixed; color: #2692d2; z-index: 99999999;
    display: none; top: 10px; left: 20px;
}
.mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after{
    border: none;
}
.mm-navbar{border-bottom: 1px solid #ddd}
.mm-title{font-size: 14px; font-weight: bold; color: #fff !important; text-transform: uppercase}
a.mm-next{background: #197fbc !important; color: #fff !important;}
.mm-listview .mm-next+a, .mm-listview .mm-next+span{margin-right: 0;}
.mm-listview>li .mm-next:before, .mm-listview>li:after{display: none}
.mm-menu{background: #2692d2; z-index:999}
.mm-menu ul li a{color: #fff; text-transform: uppercase; border-bottom: 1px solid #35a0e0}
.mm-menu ul li{border: none}
.mm-listview>li:not(.mm-divider):after{display: none}

.mm-opened #menu-cl{display: none;}

.news{margin: 20px 0; overflow: hidden;}
.news img{width: 40%; float: left; margin-right: 10px;}
.news h3{font-weight: bold; margin-bottom: 5px;}
.news h3 a{color: #333; font-size: 16px;}
.news p{font-size: 14px; margin-top: 7px; color: #666666}
.news p.upload{font-size: 12px; color: #999999}
.news a.views{display: inline-block; padding: 7px 15px; background: #2692d2; color: #fff; margin-top: 10px;}

.slide{text-align: center}

@media screen and (max-width: 992px) {
    .helper{width: 48%; float: left; margin: 1%; border-bottom: none}
	
	
}
@media screen and (min-width: 992px) {
   
	
.nivoSlider img {
	
	min-height:400px;
	
}
}
@media screen and (max-width: 768px) {
    header{text-align: center}
    .menu-top ul{display: none}
	.menu-top2 ul{display: none}
    #menu-cl{display: inline-block}
    .form-search{position: relative; min-height: 40px; display: block;
        right: 0; left: 0;}
    .form-search p{display: none}
    .text-right{text-align: left; margin-top: 10px;}
    footer h2{font-size: 16px;}
    .info-company h2{font-size: 20px;}
    .helper{text-align: center}
    .helper img.user{float: none; margin-bottom: 5px;}
	.carousel-caption h1 {
        font-size: 12px;
    }
	 .carousel-caption {
        margin-top: -30px;
    }
}
@media screen and (max-width: 544px) {
    .info-company{padding-top: 0;}
    .info-company .hotline{display: none}
    .info-company .search{display: block; width: 100%; margin-top: 10px;}
	.carousel-caption h1 {
        font-size: 10px;
    }
	 .carousel-caption {
        margin-top: -30px;
    }
	.menu-top2{display: none}
}
@media screen and (max-width: 480px) {
    .hide-a-tag{display: none}
    .frm-login{display: none}
    .col-story-5{width: 100%}
    .cate-story li{max-width: 50%;}
    .cate-story li:nth-child(3n){border-right: 1px solid #ddd;}
    .cate-story li:nth-child(2n){border-right: none;}
    .helper{width: 100%; margin: 10px 0;}
    .fan-page{margin-top: 15px;}
    .cs-slide{display: none}
	.carousel-caption h1 {
        font-size: 8px;
    }
	 .carousel-caption {
        margin-top: -10px;
    }
	.menu-top2{display: none}
}
@media screen and (max-width: 355px) {
    .left-header img{max-width: 50%}
	.carousel-caption h1 {
        font-size: 6px;
    }
	 .carousel-caption {
        margin-top: 10px;
    }
	.menu-top2{display: none}
}
@media (max-width: 320px) and (max-width: 767px) {
  
	.carousel-caption h1 {
        font-size: 6px;
    }
	 .carousel-caption {
        margin-top: 30px;
    }
	.menu-top2{display: none}
}
.name-cat h1{
    line-height: 37px;
    font-size: 15px;
    color: #fff;
    padding-left: 14px;
    font-weight: bold;
    text-transform: uppercase;

}
/* --------------------- Phan trang ------------------*/
.phantrang {
    min-height: 32px;
    margin: 10px 0;
}
.phantrang a {
    text-align: center;
    display: inline-block;
    font-size: 12px;
    position: relative;
    float: left;
    padding: 5px 12px;
    margin-right: -1px;
    border: 1px solid #ddd;
    background: #fafafa;
    color: #666;
    cursor: pointer;
    height: 32px;
}
.phantrang span {
    text-align: center;
    display: inline-block;
    padding: 6px 12px;
    font-weight: bold;
    padding-bottom: 5px;
    position: relative;
    float: left;
    margin-right: -1px;
    text-decoration: none;
    border: 1px solid #ddd;
    z-index: 2;
    color: #333;
    cursor: default;
    background-color: #fedd04;
    /* border-color: #fedd04; */
    height: 32px;
}
.phantrang a:hover {
    text-align: center;
    display: inline-block;
    padding: 6px 12px;
    font-weight: bold;
    padding-bottom: 5px;
    position: relative;
    float: left;
    margin-right: -1px;
    text-decoration: none;
    border: 1px solid #ddd;
    z-index: 2;
    color: #333;
    cursor: default;
    background-color: #fedd04;
    /*border-color: #337ab7;*/
    height: 32px;
    cursor: pointer;
}
.new-info {
    margin-bottom: 15px;
	min-height:180px;
}

.title_news {
    margin-bottom: 15px;
}

.title_news a {
    font-size: 16px;
    font-weight: bold;
}
.mota_news p {
    font-size: 14px;
	
}
.cf-input {
    width: 100%;
    padding: 9px 15px;
    font-size: 13px;
    color: #222;
    background: none;
    border: 1px solid rgb(224,224,224);
    background: #fff;
    margin-bottom: 15px;
}
.cf-sub {
    color: #fff;
    background: #f1592a;
    padding: 10px 25px;
    margin-bottom: 25px;
    border: none;
}
.title_thongtin{
    text-transform: uppercase;
    line-height: 29px;
    margin: 15px 0px;
    border-bottom: 1px solid gainsboro;
    font-weight: bold;

}
#namepro{
    text-transform: uppercase;
    line-height: 29px;
    margin: 15px 0px;
    margin-top: 0;
    font-weight: bold;
}
.vk-video-grid-item {
    padding-bottom: 15px;
}
.vk-video-grid-item .vk-video-brief {
    padding-top: 15px;
}
.vk-video-grid-item .vk-title {
    font-size: 18px;
    margin-bottom: 7px;
}
.chiase{
        height: 41px;
    overflow: hidden;
}
.content{
    display: inline-block;
    width: 100%;
}
.muahang {
    color: #fff;
    background: #f1592a;
    padding: 10px 25px;
    margin-bottom: 25px;
    border: none;
}
.title-product {
    color: #f26840;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
}
#shopping-cart-table {
    margin-bottom: 20px;
}
#shopping-cart-table thead {
    background: #f26840;
    border: 1px solid #f26840;
    border-bottom: none;
}
#shopping-cart-table thead th {
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
.item-info td {
    border: 1px solid #ddd;
    vertical-align: middle !important;
}
#shopping-cart-table .price, #shopping-cart-table .subtotal {
    color: #f26840;
    text-align: center;
}
#shopping-cart-table .qty, .delete, .number_order {
    text-align: center;
}
.item-action {
    text-align: right;
}
.item-action a {
    padding: 10px 15px;
    margin-right: 5px;
    color: #fff;
    display: inline-block;
}
.delete-cart {
    background: #d9534f;
}
.exhibition h1 {
    color: #626262;
    font-size: 18px;
    margin-bottom: 20px;
}
.continue-cart {
    background: #5bc0de;
}
.title-product span {
    background: #fff;
    padding-right: 5px;
    position: relative;
    z-index: 2;
}
h1.title-product:after {
    content: "";
    width: 100%;
    border-bottom: 2px solid #d1d0ce;
    position: absolute;
    bottom: 4px;
    left: 0;
    z-index: 1;
}
.title-total {
    color: red;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}
.total {
    color: #d9534f;
    font-weight: bold;
    font-size: 16px;
}
.table{
    display: inline-table;
}
.hotline_bottom{
    background: url(../images/hotline-icon.png) no-repeat right;
    width: 242px;
    height: 44px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    color: #fff;
    font-size: 19px;
    line-height: 45px;
    text-indent: 8px;
    font-weight: bold;
    z-index: 9999;
}
.btn-call-now{
    display: block;
    height: 50px;
    position: fixed;
    bottom: 10px;
    background: #1CB88B;
    text-decoration: none;
    box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    z-index: 999999999;
    left: 0;
    font-weight: 700;
    font-size: 125%;
    border-radius: 25px;
    padding: 5px;
    -moz-animation-duration: 500ms;
    -moz-animation-name: calllink;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -webkit-animation-duration: 500ms;
    -webkit-animation-name: calllink;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-duration: 500ms;
    animation-name: calllink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    padding-right: 15px;
    text-decoration: none;
}
.btn-call-now a{
    color: #fff;
}
.btn-call-now a:hover{
    color: yellow;
}
.btn-call-now:hover{
color:#fff;
}
    .btn-call-now em{
        position:relative;
        color:#b70100;
        font-size:30px;
        background: #fff;
        width: 40px;
        height: 40px;
        border-radius: 20px;
    margin-right: 5px;
    }
    .btn-call-now em:before {
        position:absolute;
        top:5px;
        left:8px;
    }
@keyframes calllink {
  0%{
color:#eba11e;
  }

  50%{
color:#fff;
  }
  100%{
color:#ebfa48;
  }
}
@media screen and (max-width: 650px){
.btn-call-now{
width: 50px;
height: 50px; 
font-size: 100%;
bottom:0; 
border-radius: 30px;
}
}
@media screen and (max-width: 320px){
.btn-call-now{
font-size: 90%; 
}
.showtitle h3 {line-height:15px}
}
#at-cv-lightbox, .at-cv-lightbox-background{
    display: none !important;
}
#footer1 {
    z-index: 1000;
    position: fixed;
    bottom: 0;
    width: 100%;
    
    background: #1CB88B;
    display: none;
}
#footer1 table {
    width: 100%;
    text-align: center;
    margin: auto;
}
#footer1 a {
    color: #fff;
}
#footer1 img {
    width: 30%;
    max-width: 35px;
    vertical-align: middle;
}
@media(max-width:768px){
    .fb-chat-popup, .hotline_bottom{
        display: none;
    }
    #footer1{
        display: block;
    }
    #footer1 a {
        text-decoration: none;
    }
    .btn-call-now{
        display: none;
    }
	.showtitle h3 {line-height:25px}
}
.button33 {
    background-color: #EB8F2D; /* Green */
    border: none;
    color: white;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 2px 2px;
    cursor: pointer;
}
.button1 {
   
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	
}
.button3 {border-radius: 8px;}
.button2 {border-radius: 2px;}
.text-center h3 {
  text-align: center;
   font-weight:bold;
   font-size:18px;
 min-height:45px;
   
}
.text-center h4 {
  
   font-weight:bold;
   font-size:14px;
   padding-top:35px;
	color:#ffff;
	  text-transform: uppercase;
	 
}
.text-center h2 {
  text-align: left;
   font-weight:bold;
   font-size:16px;
   padding:15px 50PX;
	color:#1CB88B;
	  text-transform: uppercase;
	 
}
.text-center2 h2 {
  text-align: left;
   font-weight:bold;
   font-size:16px;
   padding:15px 50PX;
	color:#1CB88B;
	  text-transform: uppercase;
	 
}
.text-center p {
  text-align: left;
  
   font-size:12px;
   padding:8px 50PX;
	color:#FFF;
	
	 
}
.text-center a {
  
  
   font-size:12px;
   
	color:#333;
	display:both;
	float:left;
	 
}
.text-center2 p {
  text-align: left;
   font-weight:bold;
   font-size:12px;
   padding:0px 50PX;
	color:#868686;
	
	 
}
.text-center h1 {
  
   font-weight:bold;
   font-size:42px;
   padding-top:45px;
	color:#ffff;
	  text-transform: uppercase;
	  border-bottom:7px solid #ffff;
	 
}
.text-center   {
 
   float:left;
   
   
}
.text-center-sp   {
 text-align:center;
 background:#fff;
 line-height:40px;
 margin-bottom:20px; 
   
   
}

.text-center-sp img{width:300px;height:250px;}

.text-center-sp h3  a {
font-weight:bold;
 line-height:40px;
   color:#000;
   text-transform: uppercase;
}
.margin-top-20 {
    margin-top:20px;
}
.margin-top-202 {
    margin-top:20px;
	background:#F4F4F4;
	padding:40px 20px 20px 10px;
}
.margin-top-2023 {
   
	background:#D8D8D8;
	padding:15px 0;
}
.margin-top-100 {
    margin-top:20px;
	
	
	
}
.title_bg h1 {
text-align:center;
font-weight:bold;
   font-size:22px;
   padding-top:45px;
	color:#FFF;
	line-height:20px;
	  text-transform: uppercase;
	  padding-bottom:20px;
	 


	  }
 #fh5co-menus {
  padding: 7em 0;
}
@media screen and (max-width: 768px) {
  #fh5co-menus {
    padding: 5em 0;
  }
}
#fh5co-menus .fh5co-heading .heading {
  position: relative;
  padding-top: 30px !important;
}
#fh5co-menus .fh5co-heading .heading:before, #fh5co-menus .fh5co-heading .heading::before {
  height: 64px;
  width: 64px;
  position: absolute;
  content: "";
  background: url(../images/0401-vegan.png) no-repeat;
  top: 0;
  left: 50%;
  margin-top: -50px;
  margin-left: -32px;
}
#fh5co-menus .fh5co-heading .sub-heading {
  color: #a99c92;
}
#fh5co-menus .fh5co-food-menu {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
 
  #fh5co-menus .fh5co-food-menu ul li .fh5co-food-desc > div h3 {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 14px;
  color: #fff;
  font-weight:bold;
}
}
@media screen and (max-width: 768px) {
  #fh5co-menus .fh5co-food-menu {
    margin-bottom: 30px;
    float: left;
    width: 100%;
    clear: none !important;
  }
  #fh5co-menus .fh5co-food-menu ul li .fh5co-food-desc > div h3 {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 14px;
  color: #fff;
  font-weight:bold;
}
}
#fh5co-menus .fh5co-food-menu h2 {
  margin-bottom: 50px;
  font-style: italic;
  position: relative;
}
#fh5co-menus .fh5co-food-menu h2.fh5co-drinks {
  padding-left: 50px;
  font-size:24px;
   font-weight:bold;
  
}
#fh5co-menus .fh5co-food-menu h2.fh5co-drinks:before {
  background: url(../images/0301-pina-colada.png) no-repeat;
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 64px;
  height: 64px;
}
#fh5co-menus .fh5co-food-menu h2.fh5co-dishes {
  padding-left: 80px;
  font-size:24px;
   font-weight:bold;
  
}
#fh5co-menus .fh5co-food-menu h2.fh5co-dishes:before {
  background: url(../images/0302-steak.png) no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 45px;
}
#fh5co-menus .fh5co-food-menu ul {
  padding: 0;
  margin: 0;
}
#fh5co-menus .fh5co-food-menu ul li {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px dotted #ccc;
  display: block;
  float: left;
  width: 100%;
}
#fh5co-menus .fh5co-food-menu ul li .fh5co-food-desc {
  clear: both;
  float: left;
  width:100%;
}
#fh5co-menus .fh5co-food-menu ul li .fh5co-food-desc > figure {
  width: 20%;
  float: left;
  position: relative;
  margin-right: 4%;
}
@media (max-width: 560px) {
  #fh5co-menus .fh5co-food-menu ul li .fh5co-food-desc > figure {
  width: 100%;
  float: left;
  position: relative;
  margin-right: 4%;
  
}
#fh5co-menus .fh5co-food-menu ul li .fh5co-food-desc > div h3 {
  margin: 5px 0 10px 0;
 
 
  color: #fff;
  font-weight:bold;
}
}
#fh5co-menus .fh5co-food-menu ul li .fh5co-food-desc > figure img {
 
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 0;
}
#fh5co-menus .fh5co-food-menu ul li .fh5co-food-desc > div {
  width: 76%;
  float: left;
  position: relative;
  font-size: 14px;
  line-height: 1.5;
}
#fh5co-menus .fh5co-food-menu ul li .fh5co-food-desc > div p {
  margin: 0;
}

#fh5co-menus .fh5co-food-menu ul li .fh5co-food-pricing {
  float: right;
  width: 20%;
  text-align: right;
  font-size: 12px;
  color: #fb6e14;
}
.hotro {border-left: 1px solid #ccc }
.xahoi img{margin:20px 10px; width:40px }
.icon-round {
    margin-top: 30px;
    font-size: 24px;
    height: 68px;
    width: 68px;
    line-height: 68px;
    color: #fff;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    margin-bottom: 10px;
}
.bk-color {
    background-color: #1CB88B; border:2px solid #ffff; float:left;
}
.wrap-pad { background: #1CB88B; padding-bottom: 30px;}
.carousel-caption h1 {
    font-size: 32px;
    color: #ffff;
    text-transform: inherit;
    margin-bottom: 0;
	font-family: 'Aria';
	
}
.carousel-caption {
    position: absolute;
    text-align: center;
    left: 10%;
    line-height: 1;
    top: 40%;
    margin-top: -100px;
}

.panel > .panel-heading {
position: relative;
padding: 15px;
}
.panel-title > a.collapsed:after {
content: '+';
position: absolute;
right: 24px;
}

.panel-title > a:after {
 content: '-';
position: absolute;
right: 24px;

}
.panel-body {
  padding: 15px;
}
.panel {
color:#868686;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
 
  overflow: hidden;
  border-radius: 5px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #333;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #868686;
  background-color: #fff;
  border-color: #868686;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #333;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #ffff;
  border-color: #333;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}
.panel {
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #868686;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid #868686;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
 
}
.panel-title > a {
  color:#868686 ;
   font-size: 14px;
}
.dt{background-color:#7F7F7F;}
#demo { /*đối tác */

overflow:hidden;
text-align:center;
width:100%;

}
#demo img {

}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
} 
.slide-holder{
margin:0 auto;
}
.slide-container { /*slide-container là khối bao mà slide-stage có thể "trượt" bên trong */
height: 150px;
width: 100%;
overflow: hidden;
position:relative;
}
.slide-stage{
position: absolute;
width:100%;
}

.slide-image { /*Độ rộng của .slide-image có thể được thay đổi theo nhu cầu, ảnh hưởng đến độ rộng chung của slideshow*/
float:left;
width:180px;
height:150px;
text-align: center;
}
.slide-image img{
width:85%;
margin:30px auto;
}
.slide-pager{
position:relative;
}
.slide-control-prev {
position: absolute;
text-align: center;
width: 25px;
height: 80px;
background: #000;
line-height: 80px;
color: #fff;
cursor: pointer;
top: 0px;
left: -30px;
}
.slide-control-next{ /* end đối tác */
position: absolute;
text-align: center;
width: 25px;
height: 80px;
background: #000;
line-height: 80px;
color: #fff;
cursor: pointer;
right: -30px;
top: 0px;
}
.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
.form-control2 {
    display: block;
    width: 50%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: .25rem;
	float:left;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: .25rem;
	float:left;
	margin-top:15px;
}
.btn-primary {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
	float:left;
}
.btn {
    display: inline-block;
    padding: .375rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: .25rem;
	float:left;
}
.navbar-right {
    float: right !important;
}
.menu-top2 ul li {
    float: left;
    padding:  8px 0   ;
    position: relative;
	 text-align: center;
}
.menu-top2 ul li a {
    padding:  0  15px ;
    display: inline-block;
    font-size: 14px;
    color: #Fff;
   
    text-transform: uppercase;
}
.menu-top2 {
   width: 85%;
    overflow: hidden;
    position: absolute;
    display: block;
    top: 0px;
   
    
    left: 100px;
    z-index: 10;
    background-color: rgba(37,118,144,.7);
    background: rgba(37,118,144,.7);
}
.xahoi2 {padding-top:10px}
.xahoi22 {padding-top:6px}
.button {
	border: none;
	width:100px;
	height:30px;
      background:  #E30F15;
	 float:right;

    color: white; 
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 2px 2px;
    cursor: pointer;

	
}
.text-center21 {padding-top:40px}

.showtitle {
    width: 95%;
    overflow: hidden;
    position: absolute;
    display: block;
    bottom:0px;
    text-align: center;
    right: 0px;
    left: 10px;
    z-index: 10;
    background-color: rgba(237,243,238,.7);
    background: rgba(237,243,238,.7);
	
	
}
.showtitle h3 a {
    color: #000;
    font-size: 22px;
    text-align: center;
	line-height:35px;
}
.row23{background:#1C4795; padding-top:15px; margin-top:30px}	

.row232{ padding-top:25px; padding-bottom:40PX;}	
	
.menu-top22 {
    background: #1C4795;
    width: 100%;
	
}
.nav-container3 {
    text-align: center;
    width: 100%;
    margin: 0px auto 0 auto;
	
}
.menu-top22 ul li {
    float: left;
    padding: 12px 0;
    position: relative;
}	
.menu-top22 ul li:first-child a {
    border-left: none;
}
.menu-top22 ul li a {
    line-height: 20px;
    padding: 0 10px;
    display: inline-block;
    font-size: 14px;
    color: #Fff;
    border-left: 1px solid #4B6DAB;
    text-transform: uppercase;
}
.bottom-footer {
    padding: 10px 0;
    background: #2E2E2E;
    text-align: center;
    border-top: 1px solid #000;
}
.bottom-footer p {
    color: #fff;
    font-size: 13px;
}
.bottom-footer p b, .bottom-footer p a, .bottom-footer p i {
    color: #fbdc09;
    text-align: center;
}	
@media (max-width: 640px){
.menu-top22 {
    width: 100%;
    height: auto;
    background: #097ABE;
    margin-top: 5px;
}
.menu-top22 ul {
    list-style: none;
    width: 100%;
    margin: 0 auto 0 auto;
}
.menu-top22 ul li {
    float: none;
    
    text-align: left;
    border-bottom: 1px solid #52A2D5;
}
.menu-top22 ul li a {
    border-left: none;
    padding-left: 10px;
}
}

.button331 {
	border: none;
	width:50px;
	height:28px;
      background:  #E30F15;
	 float:right;

    color: white; 
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 0px 2px;
    cursor: pointer;

	
}	
	
.search2 input{color:#000;}