@import url('http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300');
@font-face {
    font-family: 'furute';
    src: url('../fonts/futurab.ttf');

}
@import "../fonts/open-sans/stylesheet.css";
@font-face {
    font-family: 'starwarsjs';
    src:  url('../fonts/starwarsjs.eot?szdw01');
    src:  url('../fonts/starwarsjs.eot?szdw01#iefix') format('embedded-opentype'),
    url('../fonts/starwarsjs.ttf?szdw01') format('truetype'),
    url('../fonts/starwarsjs.woff?szdw01') format('woff'),
    url('../fonts/starwarsjs.svg?szdw01#starwarsjs') format('svg');
    font-weight: normal;
    font-style: normal;
}
.rate_star:before {
    content: "\e902";
    font-family: 'starwarsjs' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.img-responsive{display: inline-block;}
@-moz-document url-prefix() { 
.text-main-slide{animation-fill-mode: none;}
 }
 body{font-family:Arial,Open Sans,tahoma;}
 li {list-style:none;}
 a {text-decoration:none;}
.clear {clear:both;}
.warp-body{overflow:hidden;}
 .logo{padding-top:4px;}
.languges {text-align: right;}

.languges a{font-weight:bold;color:#333;text-decoration:none;}
 .support{text-align:left;    margin-left: -20px;}
 .support .img-responsive {display:inline-block;}

.logo .img-responsive{display:inline-block;}
 .slogon{text-align: center;margin-top:10px;}
.slogon .img-responsive{display:inline-block;}
ul.bxslider{padding-left:0px;}
/**** menu****/
.menu-content{
	
	
}
.navbar-collapse{
	padding-left:0px;
	padding-right:0px
}
.navbar{
	margin:0px;
}
.navbar-default {
   background:none;
    border: none;
}
ul.navbar-nav{ display: inline-block;   }
.navbar-nav{/*float:none;*/}
.navbar-collapse{text-align:center;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	    border-right: none;
    border-left: none;
    color: #ffffff;
    background: #ec1f26;
}
.navbar {
	border-radius: 0;
	min-height:40px;
}
.navbar-default {
	border: none;
}


.navbar-nav {
	border-radius: 0;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.menu-content .navbar-nav .active {
	border-radius: 0;
    color:#fff;
    background: #0e79bf;
	
}
.navbar-nav > li {
	/*padding-left: 34px;
    padding-right: 34px;*/
}
.menu-content .navbar-nav > li > a {

    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
    font-family: Helvetica, Arial, sans-serif;
    color: #fff;
    padding: 29px 20px;
    font-weight: bold;
    
}
.menu-content .navbar-nav > li > a:hover {
	color:#eaeaea; 
	
}
.menu-content .navbar-nav .active:hover  {
	padding: 29px 20px;
    color:#fff;
    background: #0e79bf;
	
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-nav > li > a:hover,.navbar-nav > li > a:focus {
	color:#333333 ;
   padding-bottom: 6px;
        padding: 29px 20px;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	border-left: none;
}
.caret{position: absolute;color: #acacac;bottom: 18px;}
.dropdown-menu{}
.dropdown-menu > li {
	border-top: 1px solid #187fc4;
	border-radius:0px;
}
.dropdown-menu > li:last-child{
	border-bottom:none;
}
.dropdown-menu > li > a {
    padding: 10px 10px;
	font-family:Open Sans,Helvetica, Arial, sans-serif;

    font-size: 14px;
	color:#e6e5e5;
     transition: 0.5s;
	
}
.dropdown-menu {
    width: 250px;
}
.dropdown-menu > li > a:hover {
	color:#fff ;
	background:#1C64A2;
    padding-left: 15px;
	
}
.dropdown-menu,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color: #0168ad;
	border: none;
}

.navbar-nav > li > .dropdown-menu {
	padding: 0;
}
.menu-toggle{display:none;position:absolute;top:14px;left:10px;color:#656464;}

.navbar-default li .home-menu  {
	padding-top:5px !important;
	padding-bottom:7px !important;
	
	
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#989090;
}


/**** about***/
.title-bremcrum{
	background:url(../images/bg-breacrum.jpg) center top;
	margin-top:20px;
}
.h2-title{ color:#fff;font-size:20px;font-weight:blod;padding:20px;}
.main-detail{min-height:300px;padding:20px 0px;padding-bottom:110px;}

.warp-pd{ 
	border:1px solid #d7d6d6;
	padding:10px;
	margin-bottom:20px;
	}
.name-product{
	color:#333;
	font-size:14px;
	padding:5px;
	font-family:Open Sans,Helvetica,sans-serif;
	/*height:64px;*/
	overflow:hidden;
	font-weight:bold;
	margin-top:10px;
	text-align:center;
}
.img-product{text-align:center;}
.name-product a{
	color:#343333;
	text-decoration:none;
}
.name-product a:hover{
	color:#00b0ff;
}
.content-bnt-pd{text-align:center;margin-bottom:10px;}
.bnt-product{
	background:#00b0ff;
	padding:10px 20px;
	border:1px solid #fff;
	font-family:furute,Open Sans;
	font-weight:bold;
	border-radius:5px;
	color:#fff;
	
}
.bnt-product:hover{text-decoration:none;color:#fff;background:#099ddf;}
.img-product{overflow:hidden;}
.img-product img{
	display:inline-block;
	max-width: 99%;
    max-height: 99%;
    transition: all 1s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}
.img-product:hover  img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
/**** NEWS****/
.title-category{
	border-bottom: 2px solid #e1e1e1;
	padding-bottom: 10px;
	color:#00b0ff;
	font-size:16px;
	font-weight:bold;
   
}
.warp-news-title .line{
	width:30%;
	height:2px;
	background:#00b0ff;
	margin-top:-2px;
	
}
.category-nav{
	padding-left:0px;
	clear:both;
}
.category-nav li{
	
	padding:10px 0px;
	border-bottom:1px solid #e6e6e6;
	
}
.category-nav a{
	color:#888888;
	font-size:14px;
	text-decoration:none;
	padding:5px;
}
.category-nav a:hover{
	color:#00b0ff;
}
.category-nav i{color:#00b0ff;}
.round-img-list-new{
	border: solid 1px #acacac;
    border-radius: 100%;
   
    text-align: center;
    display: inline-block;
    overflow: hidden;
}
.list-news-repeat{padding:20px 0px;border-bottom:1px solid #e1e1e1;}
.title-list-news{padding-bottom:10px;}
.title-list-news a{color:#444;font-weight:bold;font-size:14px;}
.detail-list-news{color:#444;padding-bottom:10px;font-size:12px;}
.home-about{
    z-index: 9999;
    position: absolute;
    top: 10%;
    left: 57%;
    text-align: center;
	   width:48%;
	   margin-left:-30%;
	
	color:#fff;
	
}

.tp-banner{position:relative;}
.container-slide{position:relative;}
.bnt-about{margin-top:40px ;}
.bnt-about a{color:#fff;text-decoration:none;border:1px solid #fff;padding:10px 20px;border-radius: 5px;}

/**** sanpham***/
.title-main{font-size:26px;text-align:center;padding:20px 0px 10px 0px; margin-bottom:30px;margin-top:0px;text-transform:uppercase;line-height:56px;height: 56px;color: #ec1f26;font-family: Arial,tahoma;}
.text-title{border-bottom: 1px solid #ec1f26;}
.title-h2{font-size:20px;font-weight:bold;color:#00b0ff;margin-bottom:10px;text-align:center;}
.detail-pd-home{font-size:16px;line-height:40px;text-align:center;}
.bnt-pd-home{margin-top:30px;}
.bnt-pd-home a{color:#fff;text-decoration:none;background:#00b0ff;padding:10px 20px;border-radius: 5px;}
.img-pd-list{text-align:right;}
.img-pd-list .img-responsive{display:inline-block;}
.list-product{margin-bottom:40px;margin-top:40px;padding-bottom:10px;}

/**** service****/

.title-service {
	font-size:26px;
	font-weight:bold;
	text-align:center;
	padding:0px 0px 10px 0px;
	
	text-transform:uppercase;
	line-height:60px;
	color:#fff;
}
.title-service h2{
	font-size:26px;
	padding-top:0px;
}

.round-img{
	border: solid 5px #fff;
    border-radius: 100%;
    width: 250px;
    height: 250px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
}
.warp-img-center{  text-align: center;}
.title-sv a{font-weight:bold;color:#fff;text-decoration:none;}
.padding-service-1{padding:0px 20px;line-height:24px;}
/**** TUYEN DUNG********/
.content-section{
	padding:20px 20px;
	margin-bottom:100px;
}
/**** news***/
.content-news{
	padding:20px 0px;
	background:#069BDE;
}
.color-black {color:#333 !important;}
.round-img-news{
	border: solid 1px #acacac;
    border-radius: 100%;
    width: 160px;
    height: 160px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
	border:5px solid #fff;
}
.title-news-home a{color:#fff;text-decoration:none;}
.detail-news-home{color:#fff;}
.new-list{margin-bottom:10px;padding:10px;}
.carousel-control.left ,.carousel-control.right{background-image:none;}
.carousel-indicators li{border:#00b0ff 1px solid;}
.carousel-indicators .active{background:#00b0ff;}
.carousel-indicators{bottom:-10px;}
.owl-theme .owl-controls .owl-page span{background:#fff;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
	background:#096092;
}
.owl-theme .owl-controls{margin-top:0px;}
/** footer***/
.social-footer{text-align:right;}
.social-footer .img-responsive{display:inline-block}
footer{
	
	background:#fff;
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
	
	
	padding:0px 0px 5px 0px;
	}
.address{padding-left:40px;}
.address h4{color:#00b0ff;font-family:Open Sans;font-size:12px;font-weight:bold;}
.address p{font-size:10px;}
.tp-bannertimer{display:none;}

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.sroll-left a{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #000;
}

  .hotline{position:fixed;left:10px;bottom:0px;z-index:999;bottom: 138px;}
  
  /*** social button**/
.social-buttons{position:fixed;bottom:25%;width:45px;z-index:9999}
.button-left{left:0}
.button-right{right:0}
.social-buttons #twitter-btn .social-icon,.social-buttons #facebook-btn .social-icon,.social-buttons #google-btn .social-icon,.social-buttons #rss-btn .social-icon,.social-buttons #pinterest-btn .social-icon,.social-buttons #youtube-btn .social-icon{background-color:#1682B3;background-image:url(http://4.bp.blogspot.com/-azr59Nol-7I/VZDJ_-w90fI/AAAAAAAAA-8/P7KniRcVWP8/s1600/mas-icons.png)}
.button-left #facebook-btn span{background-position:right 10px}
.button-left #twitter-btn span{background-position:right -35px}
.button-left #google-btn span{background-position:right -127px}
.button-left #rss-btn span{background-position:right -80px}
.button-right #facebook-btn span{background-position:6px 6px}
.button-right #twitter-btn span{background-position:6px -39px}
.button-right #google-btn span{background-position:7px -131px}
.button-right #rss-btn span{background-position:11px -80px}
.social-buttons #facebook-btn:hover .social-icon{background-color:#3B5998}
.social-buttons #twitter-btn:hover .social-icon{background-color:#62BDB2}
.social-buttons #google-btn:hover .social-icon{background-color:#DB4A39}
.social-buttons #rss-btn:hover .social-icon{background-color:#FF8B0F}
.social-buttons #pinterest-btn:hover .social-icon{background-color:#D43638}
.social-buttons #youtube-btn:hover .social-icon{background-color:#C4302B}
.social-buttons a:hover .social-text{display:block}
.button-left .social-icon{-moz-transition:background-color .4s ease-in 0;-webkit-transition:background-color .4s ease-in 0;background-repeat:no-repeat;display:block;float:left;height:43px;margin-bottom:2px;width:43px}
.button-left .social-text{display:none;float:right;font-size:1em;font-weight:700;white-space:nowrap;margin:11px 40px 11px 0}
.button-right .social-icon{-moz-transition:background-color .4s ease-in 0;-webkit-transition:background-color .4s ease-in 0;background-repeat:no-repeat;display:block;float:right;height:32px;margin-bottom:2px;width:30px}
.button-right .social-text{display:none;float:left;font-size:80%;font-weight:700;white-space:nowrap;margin:11px 0 11px 40px}
.social-buttons .social-text{color:#FFF}
.button-left #pinterest-btn span,.button-right #pinterest-btn span{background-position:11px -177px}
.button-left #youtube-btn span,.button-right #youtube-btn span{background-position:9px -232px}
#list-testimonial{position:relative;}
.owl-controls .owl-prev{
	position:absolute;
	
	bottom:60%;
	font-size:16px !important;
 }
 .owl-controls .owl-next{
 	position:absolute;
	right:-26px;
	bottom:60%;
 	font-size:16px !important;
}
.navbar-fixed-top{border-bottom:1px solid #fff; }
/***parse*****/
#list-parse{padding:10px 0px;}
.block-pares{padding:10px 20px}
#vgc_bc_off{background:#00B0FF !important;border:1px solid #00B0FF !important;}
.vgc_control_send{background:#00B0FF !important;}
.margin-address{margin-left:50px;}
.bx-wrapper, .bx-viewport{
	
	position:relative;
	border-top:2px solid #ff0000;
}

.bx-controls{
	
	position: absolute;
    /* left: 20px !important; */
    top: 45px;
    right: 20px;
    margin-top: -65px;
    width: 20px !important;
    z-index: 1000;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{
	display: block !important;
	margin: 10px 0px !important;
	z-index: 99999;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom: auto !important;	
	top: 50% !important;
	padding-top: 0 !important;
}
.bx-wrapper .bx-viewport{
	border: none !important;
	box-shadow: 0 !important;
	left: 0 !important;
}
.bx-wrapper .bx-viewport {

    box-shadow:none;
    border: none;
    left: 0;
}
 .main_content {
    width: 100%;
    height: 100%;
    padding-top: 78px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
 	
}
.warpper-top{
	z-index:102;
	border: none;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #ec1f26;
}
.bxslider .item {
   
    height: 100% !important;
    overflow: hidden;
   
}
.bx-wrapper .bx-controls-direction a{z-index:8;}
.content-tuyendung{text-align: left;
    
   }
.short-tuyendung{text-overflow: ellipsis;
     white-space: nowrap; 
    overflow: hidden;}
.content-tuyendung h3 {text-align: left;margin-top:0px;padding-top:0px;}
.content-tuyendung p {text-align: left;}
.img-tuyendung {display: inline-block;}
/*.content-doitac{padding-left:30px;}*/
.block-pares{text-align: center;}
.block-pares .img-responsive{display:inline-block;}
.bando_footer{padding-left:40px;text-align: center;padding-bottom:5px;}
#list-about .item {width:100%;height:100%;display:block;}
/*** slide***/
.FlexEmbed {
  display: block;
  overflow: hidden;
  position: relative;
}

.FlexEmbed:before {
  content: "";
  display: block;
  width: 100%;
}

.FlexEmbed--3by1:before {
  padding-bottom: 33.33333%;
}

.FlexEmbed--2by1:before {
  padding-bottom: 40%;
}

.FlexEmbed--16by9:before {
  padding-bottom: 56.25%;
}

.FlexEmbed--4by3:before {
  padding-bottom: 75%;
}

.CoverImage {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto 1em;
  max-height: 100%;
  max-width: 100%;
}
/**** chứng chỉ ****/
img.grayscale{
/*filter: grayscale(100%);
-webkit-filter: grayscale(100%); 
filter: gray;  */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

    transition: all 0.5s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}


.warp-img{
	position:relative;
	overflow: hidden;
	
}

.classfade {
	background-color: rgba(20,20,20,.7);
   opacity: 0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    box-sizing: border-box;
	margin:10px;
}

.classfade:hover {
      opacity: 1;
}
.warp-img:hover img.grayscale{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
 transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}


.view-more{
position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);

}
.view-more-border{text-align:center;color:#fff;font-size:16px;    box-sizing: border-box;
    padding: 10px;
    background-size: cover;}
.view-more-warp{display: block;
    
    max-width: 100%;}
.view-more a{
	display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: transparent;
    color: #5472d2;
    border: 1px solid transparent;
    box-sizing: border-box;
    word-wrap: break-word;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: normal;
    font-size: 14px;
    padding: 14px 20px;
	
   
	
	font-family: "Montserrat", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-align: center !important;
    letter-spacing: 0.02em !important;
    border-radius: 0 !important;
    border: 3px solid #fff !important;
    transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    -webkit-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    color: #fff !important;
    background-color: #transparent !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
	}


.work-description {
  position: absolute;
  display: block;
  left: 8%;
  top: 8%;
  width: 80%;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}


.work-description h3 {
  font-size: 16px;
  margin-bottom: 5px;
  color: #fff;
  -webkit-transform: translateX(-360px);
  -moz-transform: translateX(-360px);
  -o-transform: translateX(-360px);
  transform: translateX(-360px);
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  text-transform:uppercase;
}
.warp-img:hover .work-description h3,
.warp-img:hover .work-description span {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.content-licen .col-md-4{
	padding-right: 0px;
    padding-left: 0px;
	
	
}
.content-licen{
	padding: 36px 0px 0 0px;
    clear: both;
}

.slide-link {
    width: 208px;
    height: 50px;
    margin: 41px auto;
    padding-top: 16px;
    background: url('../images/slide-btn.png');
    display: block;
    color: #fefefe;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Open Sans;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.slide-link:hover {
	text-decoration:none;
	color:#acacac;
}
.more-btn{ padding-top: 40px;text-align:center;}
.more-btn a {
    width: 208px;
    height: 50px;
   
    padding-top: 17px !important;
    color: #555555!important;
    background-color: transparent!important;
    background-image: url('../images/more-btn.png')!important;
    display: inline-block;
    font-size: 13px!important;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Open Sans';
	
    font-weight: 700;
    border: none!important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	
}
.bando_footer img{border:1px solid #acacac;}
.languges img{padding-right:0px;    padding-top: 20px;
    padding-left: 5px;}
#product{padding-bottom:50px;}
.content-top-menu{padding:0px 0px;border-bottom:1px solid #acacac;}
.holine-top{margin-top:10px;}
.img-top{text-align:righ;top: 61px;
    position: absolute;
    right: 0px;}
.img-top img{height:50px;}
.padding-left-none{padding-left:0px;}
.padding-right-none {padding-right:0px;}
.top-header{position:relative;}
.hotline li{padding:5px 0px;}
.hotline ul{padding-left:0px;}
/****** banner fixed bottom ****/
.info-bottom{position: fixed;left: 0;bottom: 0;background: #ec1f26;color: #fff;width: 100%;z-index: 102;text-align: center;}
.round-i {
    border-radius: 100%;
    padding: 2px 2px;
    margin: 0px 5px;
    background: #fff;
}
.round-i i{font-size: 14px;color:  #ec1f26;width: 20px;}
.info-bottom-ul { display: inline-block;margin: 0; padding: 0; /* For IE, the outcast */zoom:1;*display: inline;}
.info-bottom-ul li{padding: 10px 30px;}
/***** about *****/
.no-gutter>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.portfolio-box {
    position: relative;
    display: block;
    max-width: 650px;
    margin: 0 auto
}

.portfolio-box .portfolio-box-caption {
    color: #fff;
    opacity: 0;
    display: block;
    background: rgba(240, 95, 64, .9);
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    transition: all .35s
}

.btn-default.active,
.btn-default:active,
.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-default,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    padding: 0 15px
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1
}

.portfolio-box:focus {
    outline: 0
}

/*** footer***/
.content-footer{
	margin-top:20px;
	background:#466f71 center top;
}
.footer{
	
	color:#fff;
	padding:40px 0px 40px 0px;
}
.address{color:#fff;display:block;}
.address h2{margin-top:0px;font-size:24px;}
.address p{font-size:12px;}
.role-footer .title-role{ color:#fff;font-size:24px;}
.role-footer ul{
	padding-left:0px;
}
.role-footer ul li{
	padding:5px 0px 0px 10px ;
	color:#fff;
}
.role-footer ul li a i{
	color:#fff;
}
.role-footer a{
	font-size:12px;
	color:#fff;
	
}
.title-footer{font-size:20px;font-family:Open Sans;  padding-bottom:10px;text-transform:uppercase;margin-bottom:10px;font-weight: bold;}
.sub-title-footer{font-size:12px;color:#777171;padding-bottom:10px;}
.news-footer a{color:#999;}
.address-footer h4{font-size:14px;font-weight: bold;}
.activites-footer{background: #fff;padding: 5px;clear: both;}
.img-activites{float: left;width: 106px;padding: 5px;border:1px solid #acacac;margin:5px;}
/*** about *****/
.breacrum {
    padding: 10px 0px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    color: #888888;
}
.breacrum a {
    color: #888888;
    text-decoration: none;
    padding: 0px 5px;
}
.title-page {
    font-size: 20px;
    text-align: center;
    color: #e21319;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0px;
}
.menu-container #pull {
    display: block;
    background: url(../images/kieng.jpg) bottom center no-repeat;
    width: 100%;
    position: relative;
    color: #3c3a3a;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    padding-bottom: 29px;
}
/**** nav*****/
.menu-container a{
	text-decoration:none;
	
}
.subnav2 {
 
  display: none;
}
.navbar_content {
    margin-bottom:20px;
   
}
.navbar_content > ul{
	
	    padding-left: 0px;

}
.navbar_content ul > li{
	
	border-bottom: 1px solid #dec4d0;
	
	list-style:none;

}
.navbar_content ul > li:last-child{
	
}
.navbar_content li a{
	display:block;
	font-size:13px;
	color:#636363;
	    text-transform: uppercase;
	
	padding: 10px;
	padding-left:0px;
	
}
.navbar_content li.active a{
	font-weight: bold;
	color:#e21319;
	
	
}
.navbar_content li a:hover{
	
	color:#e21319;
	
	cursor: pointer;
}
.subnav{
	/*display:none;*/
	padding-left:10px;
}	
.navbar_content .subnav li{
	border:none;
	line-height: normal;
	
}
.navbar_content .subnav li a:first-child{
	padding-top:0px;
	
}
.navbar_content ul > li li:last-child{
	border-bottom:none;
}
.navbar_content .subnav li a{
	background:url(../images/arrow1.jpg) 10px 1px no-repeat;
	text-transform:capitalize;
	padding-left:20px;
}
.subnav li a:hover{
	color:#0072ab;
	    padding-right: 8px;
}
.fa-caret-right {
    color: #f00;
}
.menu-container #pull {
   display: block;
   
    width: 100%;
    position: relative;
    color: #3c3a3a;
    text-transform: uppercase;
    text-align: left;
    font-size: 16px;
   
    background: #ec1f26;
    color: #fff;
    padding: 10px;
   
}
.promotion-nav-right {margin-bottom: 20px;}
.warpper-top-page{border-bottom: 2px solid #ff0000;background: #ec1f26;    transition: all .35s; position: fixed;
    z-index: 102;
    top: 0;
    width: 100%;}
.footer-page{padding-bottom: 80px;}
.fixed {
   
}
.main-content-page {    padding-top: 80px;}
/***************** Service ***************/
.title-service{font-size:20px; text-align: center;color: rgb(226,19,25);text-transform: uppercase;font-weight: bold;}
.content-service{position: relative;overflow: hidden;margin-bottom: 25px;}
.text-item-service{position: absolute;bottom: 0px;left: 0px;width: 100%;padding: 10px 0px;text-align: center;background: rgba(0,0,0,0.6);color: #fff;transition: 0.5s;-webkit-transition-timing-function: ease;}
.content-service:hover .text-item-service{font-size: 12px;}
.content-service img{transform: scale1);transition: 0.4s;}
.content-service:hover img {
    transform: scale(1.1);
}


/****** related news *****/
.relate-news-detail{margin-top:20px;border-top: 1px solid #e1e1e1; }
.relate-news-detail a{font-size: 13px;color: #656666;text-decoration: none;}
.relate-news-detail a:hover{color: #e21319;}
.title-realte-new-detail{padding:5px 0; height: 62px; overflow: hidden;text-align: center;}
.news-other{display: block;border-top:1px solid rgb(226,19,25);float: left;padding: 10px 0;margin-top:-1px;font-weight: bold;}
.content-pd-member{
    border: 1px solid #e4e3e3;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 15px;
}
.content-pd-member a{
   text-decoration: none;
}
.text-pd-member{
   height: 40px;
    overflow: hidden;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    /*background: rgb(7, 119, 193);*/
    background: rgb(100, 104, 107);
    border-radius: 5px;
    
    color: #fff;
    transition: 0.5s;
    -webkit-transition-timing-function: ease;
}
.content-img-member{overflow: hidden;text-align: center;}
.content-pd-member img{transform: scale1);transition: 0.4s;display: inline-block;}
.content-pd-member:hover img {
    transform: scale(1.1);
}

.content-pd-video{
    margin-bottom: 15px;
    overflow: hidden;text-align: center;
    position: relative;
}
.text-pd-video{
    height: 60px;
    overflow: hidden;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    text-decoration: none;
    color: #acacac;
    text-transform: uppercase;
   
}
.content-pd-video .video-icon-specail i{font-size: 60px;}
.content-pd-video:hover .video-icon-specail i{color:#d62a2a;}
.content-pd-video .video-icon-specail{top:18%;left: 38%;}
.relate-news-detail {
    margin-top: 20px;
    border-top: 1px solid #e1e1e1;
}
#panel_chat_vatgia #vgc_bc_off{bottom:52px ;right:0px !important;}
.map {padding-top: 25px;}
.google-maps {
        position: relative;
        padding-bottom: 75%; 
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe,.google-maps embed  {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
.skype-row a{text-decoration: none;}
.skype-row {border-bottom: 1px solid #e4e1e1;padding-bottom: 10px;margin-bottom: 10px;text-align: center;}
.modal-header {
   
    background: #0777c7;
    color: #fff;
}
.hotline li{cursor: pointer;}
.img-hotline{position: relative;transition: 0.5s;}
.img-hotline:hover .number-hotline{left:40px;opacity: 1;}
.number-hotline{border-radius: 5px;background: #466f71;padding: 10px 20px;color: #fff;position: absolute;top:14px;transition: all 0.5s;left: 10px;opacity: 0;}
.height-min-about-home p{font-size:20px;text-align: center;}
.title-about-h2{margin:80px 0px 26px 0px;text-transform: uppercase;font-size: 40px;}
.detail-abus{padding-top:0px;}
.wanted{padding-top: 20px;}

.position-about{position: absolute;}
.about{position: relative;}
.h2-about{text-transform: uppercase;font-size:30px;}
.content-doitac{margin-top:20px;}
#chungchi{padding-bottom: 20px;}
.bx-wrapper{margin-bottom: 0px;}
.content-licen .col-md-3 ,.content-licen col-sm-6,.content-licen col-xs-12{padding: 5px}

/***** newsfeature *****/
.newsfeature{padding:20px 0;}
.newsfeature .col-md-3{padding-left:5px;padding-right:5px;}
.newsfeature .col-md-6{padding-left:5px;padding-right:5px;}
.img-newsfeature{
    margin-bottom:8px;position:relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    overflow: hidden;   
	border: 1px solid #ec1f26;
 }
.img-newsfeature img {
            max-width: 99%;
            max-height: 99%;
            transition: all 1s;
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
        }
.img-newsfeature:hover img {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
   }

.title-newsfeature {
    z-index: 99;
    position: absolute;
    bottom: 0px;
    padding: 5px;
    left: 0px;
    color: #fff;
   margin-bottom:0px;
    line-height: 18px;
    font-family: Helvetica, Arial, sans-serif;
    background: rgba(222, 9, 9, 0.9);
    width:100%;
}
.img-newsfeature-spcial{position:relative;transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    overflow: hidden;    
	border: 1px solid #ec1f26;
}
.img-newsfeature-spcial img {
            max-width: 99%;
            max-height: 99%;
            transition: all 1s;
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
        }
.img-newsfeature-spcial:hover img {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
   }



.title-newsfeature-spcial{ background: rgba(222, 9, 9, 0.9);padding:5px;z-index:99;position:absolute;bottom:0px; left:0px;color:#fff;line-height:18px;font-size:16px;font-family:Helvetica, Arial, sans-serif;margin-bottom:0px;width:100%;}
.img-promotion-newfeature{margin-bottom:5px; }
.title-block{
	font-size:16px;
	padding:10px 0px;
	margin-bottom:10px;
	border-bottom:1px solid #acacac;
	text-transform:uppercase;
}
.box-heading {
	color: #FFFFFF;
	position: relative;
	line-height: normal;
	text-transform: uppercase;
	font-family: "museo300", sans-serif;
	padding-top:20px;
	
	font-size: 16px;
}
.box-heading span {
	padding: 7px 20px 3px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background-color: #0088cc;
}
.box-content{
	margin-top: 1px;
	-webkit-border-radius: 0 2px 4px;
	-moz-border-radius: 0 2px 4px;
	-ms-border-radius: 0 2px 4px;
	-o-border-radius: 0 2px 4px;
	border-radius: 0 2px 4px;
	padding: 0;

	border-top: 2px solid #0088cc;
}
.border-content-none{


	border:none !important;
}
.page-nav .box-content{
	border: 1px solid #eee;
	border-top: 2px solid #0088cc;
	padding-bottom:10px;
}
.box-products{
	padding:10px 10px;
}
.name-product a{
	color:#3e474b;
	font-weight:bold;
	
}
.img_product{
	text-align: center;
}
.img-responsive {
	display: inline-block;
}
.name-product{
	text-align: center;
	/*min-height:40px;*/
}
/*product*/
.img_product{
	border-bottom:1px solid #e1e1e1;
	padding-bottom:10px;
	margin-bottom:10px;
}
.img_product img{
	
	padding-bottom:10px 0px;;
}

.img_product .line{
	width:20px;
	height:1px;
	background:#0088cc;
	margin:-1px 0 -11px 15px;
	
}
.img_product:hover .line{
	-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
	width:90%;
	z-index:99;
	
}
.name-product a {
    color: #3e474b;
    font-weight: bold;
}
/****** News ***/
.short-detail-news-block1 a{font-size:13px;color: #656666;text-decoration: none;}
.block-item-news{padding: 0px 0px;margin-bottom: 10px;}
.title-item-news{font-weight: bold;padding-bottom: 5px;padding-top:5px;}
.title-item-news a{font-weight: bold;color:#444444;text-decoration: none;font-size: 16px;}
.bnt-readmore {margin-top:10px;}
a.readmore-news{color: #fff;font-size: 12px;padding: 5px 10px;background: #cd2122;text-decoration: none;}
.readmore-news:hover{background: #a80e0f;}
.news-block-1 img{margin-bottom: 0px;}
.promotion-nav img {margin-bottom: 10px;}
.block-gray{background: #f3f3f3;}
/** phan trang**/
#phantrang{text-align:center; clear:both;margin-top:10px;}
#phantrang span{ 
font-weight: bold;
display: inline-block;
padding: 0px 2px;
background:#C1B0B3;
color: #FFFFFF;
width: 23px;
height: 21px;
line-height: 21px;
margin:0px 3px;
}
#phantrang a{
padding: 0px 2px;
display: inline-block;
text-decoration: none;
color: #fff;
font-weight: bold;
background: #E20E0E;
width: 23px;
height: 21px;
line-height: 21px;
margin:0px 3px;
}
.product-customer-col-2 .item {
    margin-bottom: 11px;
    text-align: left;
    font-size: 0;
}

.product-customer-col-2 .item .rating-num {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    width: 41px;
    line-height: 15px;
    vertical-align: middle;
    position: relative;
}
.product-customer-col-2 .item .progress {
    width: 282px;
    box-shadow: none;
    background: #efefef;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.product-customer-col-2 .item .rating-num:after {
    content: "\e924";
    font-family: icomoon;
    position: absolute;
    left: 13px;
    top: -2px;
    color: #484848;
}
.bnt-rangting {
    font-weight: 500;
    font-size: 13px;
    height: 40px;
    background: #fdd22f;
    border: 0;
    color: #4a4a4a;
    width: 229px;
    margin-top: 13px;
}
.total-review-point {
    margin: 20px 0 0;
    text-align: center;
    font-size: 47px;
    color: #fe302e;
    font-weight: 500;
}
.rate_row1 .rate_star.checked {
    color: #F9D932;
}
.rangting-content{padding:40px;border:1px solid #e1e1e1; background:#fff;clear:both;border-radius: 5px;}
/****** owl carousel ****/

#list-parse .owl-prev ,.owl-membership #list-parse .owl-prev {
    position: absolute;
   
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
}
#list-parse .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
}
#list-parse .owl-prev {
    right: 36px;
    top: -22px;
    font-size:12px;
    background: #e21319;
    color: #fff;
    width: 29px;
    height: 25px;
    text-align: center;
    position: absolute;
    border-radius: 0px;
}
#list-parse .owl-next {
       right: 0px;
    top: -23px;
    font-size: 12px;
    background: #e21319;
    color: #fff;
    width: 29px;
    height: 25px;
    text-align: center;
    border-radius: 0px;
    position: absolute;
}
.date-page{font-size:11px;color:#acacac;margin-bottom:5px;}


#logochange {
     
      -webkit-transition: -webkit-transform 1s;
         -moz-transition: -moz-transform 1s;
           -o-transition: -o-transform 1s;
              transition: transform 1s;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
    }

    #logochange.flipped:hover {
      -webkit-transform: rotateY( 180deg );
         -moz-transform: rotateY( 180deg );
           -o-transform: rotateY( 180deg );
              transform: rotateY( 180deg );
    }

    #logochange figure {
      display: block;
      height: 100%;
      width: 100%;
      
      color: white;
      text-align: center;
      font-weight: bold;
     
      
      -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
           -o-backface-visibility: hidden;
              backface-visibility: hidden;
    }


    #logochange .back {
     margin-top:-77%;
      -webkit-transform: rotateY( 180deg );
         -moz-transform: rotateY( 180deg );
           -o-transform: rotateY( 180deg );
              transform: rotateY( 180deg );
    }
 .navproduct{padding:20px 0px;margin-top:20px;position:relative;}
 .thumbnail-img{padding: 10px 0;}
 .thumbnail-img img-container{cursor: pointer;}
.shopee-product-info__header__real-price {
	font-size: 2.4rem;
	font-weight: 700;
	color: #ff5722;
	text-transform: capitalize;
}
.bnt-contact{
	margin-top: 13px;
}
.bnt-contact a{
	font-weight: 500;
	font-size: 13px;
	height: 40px;
	background: #ec1f26;
	border: 0;
	color: #fff;
	width: 229px;
	padding: 10px 40px;

}
.bnt-contact a:hover{
	text-decoration: none;
	background: #d81218;

}
.price-pd{margin-top: 5px;color: #ec1f26;}