/*
Theme Name: Transmeco
Theme URI: http://thts.com.vn
Author: Nguyễn Văn Hậu
Author URI: http://thts.com.vn
Description: 
Version: 1.0
License: GNU General Public License
License URI: license.txt

Tags: black,gray,pink,white,dark,light,one-column,two-columns,right-sidebar,responsive-layout,custom-background,custom-colors,custom-menu,sticky-post,theme-options,threaded-comments

*/

body{ background-color:#fff; margin:0; padding:0;line-height:20px; font-size:16px; color:#5d5c5c;font-family: 'Roboto', sans-serif;/* font-family:Arial, Helvetica, sans-serif;*/}
*{ margin:0; padding:0; outline:none;}
img{ border:none; margin:0; padding:0; height:auto}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#c34370;}
a:hover{ color:#ff6565;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3,h4,h5,h6{ color:#484f5e; font-family: sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:300; }
h1{ font-size:36px;}
h2{ font-size:30px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
.clear{ clear:both;}
.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
img.aligncenter, .aligncenter{ text-align:center; display:block; margin: 0 auto 20px; padding:5px; /*border:1px solid #cccccc;*/}

.left{ float:left;}
.right{ float:right;}
.space10{clear:both; height:10px;}
.space50{ clear:both; height:50px;}

.section_title{font: 400 52px/52px 'Great Vibes', cursive; background:url(images/section-title-bg.png) no-repeat center bottom; padding-bottom:40px; margin-bottom:35px; text-align:center;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#646262; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}

#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}
.header{position:relative; background:/*url("images/1924_Fix2.jpg")*/ #fff no-repeat 0px center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;overflow:auto;padding: 3px 0px 0px 0px;}
.header .header-inner .logo{ z-index:999; text-align:center;height: 80px;width: 130px;float:left;margin: -8px 0px 0px 10px;}
.header .header-inner{ margin:18px auto; padding: 0px; position:relative;max-width: 1200px; width:100%}
.header .header-inner .logo h1{font-weight:400; margin:0px; line-height:36px; color:#c34370;}
.header span.tagline{ font-size:14px; text-transform:uppercase; font-weight:600; color:#333;}
.header .header-inner .logo img{ }
.container{ max-width:1200px; margin:0 auto; position:relative; width:100%;}


/* = innerbanner css
-------------------------------------------------------------- */
.innerbanner{ text-align:center; margin-top:-30px;}
.innerbanner img{ position: relative; background-size:cover; width:100%; display:block; }
.nivoSlider, .innerbanner { border-bottom: 8px solid #efefef; }

.logo span.textlogo{ background:url(images/leftstyle.png) no-repeat left bottom; text-align:center; padding:8px 0 8px 115px; font-size:55px; line-height:80px;}
.logo span.textlogo span.rightstyle{ background:url(images/rightstyle.png) no-repeat right bottom; padding:8px 115px 8px 0;}

/*header menu css*/
.toggle{display:block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #007399; padding:10px 0px; margin-top:5px; font-size:16px;}
.toggle a:hover{color:#ffffff !important;}
.nav{display:none;}


#innerPage .header{ position:relative;}
.header .header-inner .nav{ display:none; margin:20px 0px 0px 60px; padding: 0px 21px 0px 0px; float:right; background-color: /*#00ace6*/ #fff;border-bottom:0px solid #c34370;border-radius: 5px;font:400 15px/30px "Roboto Condensed",sans-serif; position:relative;z-index: 999; text-transform:uppercase; overflow:hidden;}
.header .header-inner .nav ul { }
.header .header-inner .nav ul li{ display:inline-block; margin:0; position:relative; text-align:center;}
.header .header-inner .nav ul li a{ padding:2px 8px;; display:block; color:#464646; font-weight:600; text-shadow: 0 1px 0 rgba(255,255,255,0.25); }
.header .header-inner .nav ul li.search-menu a{ padding:0px; display:none; }
.header .header-inner .nav ul li.search-menu input{padding: 0.375rem 0.55rem;font-size: 1rem;line-height: 0.7;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}
.header .header-inner .nav ul li ul li{display:block; position:relative; float:none; top:-1px;}
.header .header-inner .nav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px; text-align:left; border-top:1px solid #f181a8;}
.header .header-inner .nav ul li a:hover{ border-bottom:5px solid  #464646;background:transparent !important;}
.header .header-inner .nav ul li.current_page_item a{background-color:none;}

.header .header-inner .nav ul li ul{ display:none; z-index:9999999; position:relative; padding:0;}
.header .header-inner .nav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color:#007399; padding:0;}
.header .header-inner .nav ul li:hover ul li ul{display:none; position:relative;}
.header .header-inner .nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px;}


/* = header top sign in  css
-------------------------------------------------------------- */
section#home_slider{ padding:0; margin:0px auto;}
#FrontBlogPost, #wrapsecond{ padding:50px 0;}
h2.section-title {color:#454545; font:300 36px/40px 'Roboto Condensed',san-serif; text-align: center; text-transform:uppercase;}


/* = Services section css
-------------------------------------------------------------- */
#wrapsecond{ background:url(images/body_bg.jpg) repeat center top;}
.services-wrap, #FrontBlogPost .BlogPosts{ visibility:hidden;}
.services-wrap{ text-align:center;}
.services-wrap .one_half{ width:48%; margin:0 4% 0 0; float:left;}
.services-wrap .one_half h4{font:400 22px/22px 'Roboto Condensed',san-serif; margin:0 0 20px; text-transform:uppercase; }
.services-wrap .one_half h4 span{ color:#c34370; font-weight:600;}
.services-wrap .one_half p{ margin-bottom:30px; }
.last_column{clear:right; margin-right:0 !important; }


a.more-button{font:400 22px/24px 'Roboto Condensed',san-serif; background-color:#efefef; color:#3b3b3b; padding:10px 20px; text-transform:uppercase; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline-block; margin-top:25px;}
a.more-button span{color:#c34370; font-weight:600;}
a.more-button:hover{background-color:#d5d5d5;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ width:100%; margin:0; padding:0; float:left;}
#sitefull{ width:100%; float:none;}
#sitefull p{ margin-bottom:15px;}
.page_content{ padding:25px 0; min-height:600px}
.page_content p{ margin-bottom:20px; line-height:20px;}

.blog_lists{ margin-bottom:30px; }
.blog_lists h2{ margin-bottom:10px;}
.blog_lists h2 a{ color:#000;font-weight:400;}
.blog_lists h2 a:hover{ color:#34c6f6;}
.blog_lists p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#000000;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0; text-align:center;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0; font-size:20px;}
.MoreLink{ background-color:transparent; color:#5d5c5c ;display: inline-block; border:2px solid #c34370; padding:5px 10px; border-radius:3px; -moz-border-radius:3px; -moz-border-radius:3px;}
.MoreLink:hover{ background-color:#c34370; color:#fff; }

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:330px; float:right;}
aside.widget{margin-bottom:30px; background-color:#f6f4f4; padding:20px; border:1px solid #edecec;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ background-color:#c34370; padding:12px 15px; margin-bottom:1px; color:#fff;}
#sidebar ul li{list-style:none; border-bottom:1px dashed #d0cfcf; display:block; padding:10px 0;}
#sidebar ul li a{ font:300 14px/18px "Roboto Condensed",sans-serif; background:url(images/sidebar-arrow.png) no-repeat 0 14px; padding:10px 0 10px 20px; color:#3b3b3b; word-wrap:break-word;}
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child a{ border:none;}



/* = Footer css
-------------------------------------------------------------- */

#footer-wrapper{ background-color: #ccc;  border:none;  color: #111; padding:0px; width:100%; text-align:left; overflow:auto;}
#footer-wrapper .footer-inner{
	max-width:1200px;
	margin:auto;
}
.col-sm-4 {
    /*width: 33.33333333%;*/
	width:50%;
	position: relative;
	float:left;
	min-height: 1px;
	padding: 0px;
}
.cols-4{width:30%; float:left; margin:0 5% 0 0; }
.widget-column-3 { margin-right:0px !important;}
.cols-4 h5{ font-weight:600; font-size:22px; color:#fff; margin-bottom:25px; text-transform:uppercase;  }
.cols-4 h5 span{ font-weight:300; color:#c34370; }
.cols-4 ul{ margin:0; padding:0; list-style:inside disc;}
.cols-4 ul li { display:block; padding:0;}
.cols-4 ul li a { color:#fff; font:normal 12px/24px Arial, Helvetica, sans-serif; background:url(images/list-arrow.png) no-repeat 0 2px; padding:0 0 0 20px;}
.cols-4 ul li a:hover, .cols-4 ul li.current_page_item a { color:#dd5145; }

.cols-4 span{ color:#c34370;}
.cols-4 p{ margin-bottom:15px;}
.cols-4 h1, .cols-4 h2, .cols-4 h3, .cols-4 h4, .cols-4 h5, .cols-4 h6{color:#fff;}

.cols-last{float:right; padding-top:13px;}

/* Buttons */
.button{ background-color:#ff6565; border-bottom:4px solid #e44545; color:#fff; padding:8px 20px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:san-serif; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;
	font-size: 14px;font-size: 0.875rem;font-weight: bold;	height: auto;left: 5px;	line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#c34370; width:auto; border:none; cursor:pointer; text-transform:uppercase; font:18px 'Roboto Condensed',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'Roboto Condensed',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'Roboto Condensed',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}

#sidebar table{width:100%; text-align:center;}
#prev{text-align:left;}
#next{text-align:right;}
#sidebar select{width:100%; height:30px;}
.recentcomments a{background:none !important;}
#sidebar a{word-wrap:break-word;} 
#sidebar h3 a{color:#FFF;}
#sidebar input[type="search"]{width:100%; margin-bottom:10px; height:30px;}

/* Transmeco Style*/
.home-info .header { width: 100%;margin: 10px auto;height: 125px;position: relative;}

.home-info .header .logo {position: absolute;left: 20px;height: 113px;width: 165px;}

.home-info .header .Support {top: -12px;position: absolute;right: 20px;padding: 5px;}

.home-info .header .Support input {padding: 0.375rem 0.75rem;font-size: 1rem;line-height: 0.7;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}
.home-info .header .menu {position: absolute;top: 30px;right: 20px;background: #ddd;max-width: 900px;height: 45px;border: 1px solid #ddd;border-radius: 5px;}

.home-info .header .menu  {padding:0px 10px;list-style: none;}

.home-info .header .menu  li { margin-top: -1px;float: left;}

.home-info .header .menu  li:hover {background: #ccc;}

.home-info .header .menu  li a {font-size: 16px;font-weight: 600;color: #78B825;padding: 0px 10px;line-height: 45px;text-decoration: none;}

.home-info .header .menu  li a:hover {text-decoration: none;}
.BusinessAreas {   margin: 0px;  overflow: auto;  width:100%;}
.BusinessAreas .content{
	margin: 18px auto;
	padding: 0px;
	position: relative;
	max-width: 1200px;
	width: 100%;
	overflow:auto;
}
.BusinessAreas .content .col-content-3{	
	width: 33.333%;
	overflow:auto;
	position:relative;
	float:left;
}
.BusinessAreas .item {  width: 95%;    margin:0px auto;  padding: 0px;    position: relative;}
.BusinessAreas .item:hover{
	background:#b3d9ff;
}
.BusinessAreas .item img {height: 320px;width: 100%; margin:auto;}
.BusinessAreas .item .text { font-weight: 600;font-size: 16px;line-height: 1.5em; position:relative;padding-left:22px; margin:0px 0px 5px 0px;}
.BusinessAreas .item span.cbox{width:18px;height:18px;display:block;position:absolute;top:50%;left:0;margin-top:-9px;background:blue;}

.BusinessAreas .content .showtext{
	 position: absolute;
	top: 0px;
	color: #000;
	font-weight: 600;
	font-size: 18px;
	width:100%;
	height:100%;
	vertical-align: middle;
	text-align:center;
	display: flex;
	background:none;
    align-items: center;
    justify-content: center;
	white-space: normal;
	z-index: 9999;
}
.BusinessAreas .content .showtext span.text{	
	color:#fff;
	padding:30px 0px ;
	width:90%;
	 font:600 22px 'Great Vibes Fix', sans-serif;  text-shadow:1px 1px 1px #000; background:#000;
    opacity: 0.7;
}
.BusinessAreas .content .col-content-3:hover .showtext{
	display:none;
	-webkit-transition: 1s ease-in-out;  transition: 1s ease-in-out; 
}
.News{
	position:relative;
	padding: 30px 0px;
	margin:0px;
	min-height: 100px;
	background: #fff; 
	overflow: auto;
 }
.News .container {
	width: 90%;
	margin:auto;
	max-width:1200px;	
	text-align: center;
}
.News .container .content{
	margin:12px auto;
}
.News .title {
	font-weight: 600;font-size: 26px; color: #78B825; 
	padding: 5px;
	border-bottom: 3px solid  #78B825;
	display: inline;
}
.News .item{
	cursor:pointer;
	position: relative;
	height: 320px;
	width : 320px;
	margin:5px 10px 5px 0px;
	padding: 0px;
	border-radius:1px;
	overflow:hidden;
}
.News .item .image{
	width:100%;
	height:100%;
}
.News .item .image img{
 	width:100%;
	height:100%;
	position: absolute;
	margin:0px;
	top: 0;
 }
.News .item .text{
	position: absolute;
	top: 0px;
	color: #000;
	font-weight: 600;
	font-size: 18px;
	width:100%;
	height:100%;
	vertical-align: middle;
	text-align:center;
	/*display: none;*/
	background:#001427;
    align-items: center;
    justify-content: center;
	white-space: normal;
	display:flex;
	-webkit-transition: 1s ease-in-out;  transition: 1s ease-in-out;   color: #fff;  opacity: 0.6; 
 }
.News .item h3.text{
	opacity:1;
	background:transparent;
}
.News .item :hover .text{
	border:1px solid red;
}
.fixduan .item .text{
	display: flex;	
	background:none;
	/*background:#001427;*/
	width:100%;
	height:100%;
    opacity: 1;
}
.fixduan .item .text span.color{
	position:absolute;
	bottom:0px;
	color:#fff;
	 font:600 18px 'Great Vibes Fix', sans-serif;  text-shadow:1px 1px 1px #ccc; 
	z-index:999;
	padding:15px;
	background: #0085ba;
	border-color: #0073aa #006799 #006799;
	width:100%;
}
.fixduan .item .text:hover span.color:after{	
    width: 60px;
}
/*
.fixduan .item .text span.color:after{	
    content: '';
    position: relative;
    height: 2px;
    width: 30px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    z-index: 1;
    -webkit-backface-visibility: hidden;
	background-color: #fc3;
}
*/
.news .owl-carousel .owl-nav.disabled{
	display:block !important;
}
.owl-carousel .owl-nav{
	position:absolute;
	top:40%;
	width:100%;
}

.owl-carousel .owl-nav span {
    font-size: 50px;
    color: #fff;
}
.owl-carousel .owl-nav button{
	width:44px;
	height:44px;
	background-color:rgba(0,0,0, 0.7 ) !important;
	padding:8px 0px 0px 0px !important;    
	transition: all 200ms ease-in-out 0s;
}
.owl-carousel .owl-nav .owl-next{
	float: right;
}
.owl-carousel .owl-nav .owl-prev{	
    float: left;
}
#gioi-thieu .content{
	width:100%;
	margin-top:20px;
	white-space: normal;
    height: auto;
    overflow-x: auto;
    overflow-y: auto;
	text-align:left;
}
#gioi-thieu .col-2{
	margin:0px;
	padding:10px;
	width:47%;
	float:left;
}
.contact{
	font-size:16px;
	padding:9px 0px 1px;
	background:#3b9cbc ;
}
.contact .container{
	text-align: center;
}
.contact .title {
	text-align:center;
	font-weight: 600;font-size: 26px; color: #fff; 
	padding: 5px;
	border-bottom: 3px solid  #78B825;
	display: inline;
} 
.contact tr td{
	padding:0px;
}
.contact tr td:first-child{
	/*border-right: 1px  dashed #ccc;*/
}
.contact tr td:last-child{	
	padding-left:10px;
}
.contact img.icon{
	width:24px;
	height:24px;
}
.word-justify{
	 text-align: justify;
    text-justify: inter-word;
}
 .InfoCompany{
 	text-align: center;
 	margin: 12px auto;
 }

.InfoCompany .CompanyName{
	text-align: center;
	color:#1a4fac;
	font-weight: 600;
	font-size: 26px;
	margin: 5px auto;
	line-height:initial;
	
}

.InfoCompany .CompanySlogan{
	text-align: center;
	color: red;
	font-weight: 600;
	font-size: 22px;
	margin: 5px auto;
	line-height:initial;
}
.InfoCompany .CompanyAddress,.InfoCompany .CompanyPhone,.InfoCompany .CompanyPhone{
	margin: 15px auto;
	font-weight: 600;
	font-size: 18px;

}
h3.widget-title{ background-color:#E88D1E; padding:12px 15px; margin-bottom:1px; color:#fff;}
.post-categories{
	padding: 5px;
}
.post-categories a{
	padding: 5px;
}
.content-cols-4{
	width: 25%  !important;
	float: left;
} 
.content-cols-4 .item{
	margin:auto;
}
.content-cols-2{
	width: 50%  !important;
	float: left;
} 
.CompanyInfoFooter{
	padding:10px;
}
.CompanyInfoFooter .title{
	color:#78B825;
	font-weight:600;
}
.Copyright{
	text-align: left;
    line-height: 2.1;
    background: #1a4fac;
    color: #fff;
	padding:0px 20px;
}
.Copyright span{
	padding:0px 10px;
}
.fancy {
  line-height: 0.5;
  text-align: center;
	margin-bottom:30px;
}
.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
 	content: "";
	position: absolute;
	height: 8px;
	border-bottom: 5px solid #78B825;
	border-top: 5px solid #78B825;
	top: 0;
	width: 49px;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}
.page_content .post-thumb{
	width:320px;
	height:auto;
	float:left;
	margin-right:5px;
}
.page_content .blog_lists{
	overflow:auto;
	min-height:300px;
	margin:5px auto;
}
.nivoSlider{
	max-height:350px;
}

#btnGoTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 5px;
  z-index: 999999;
  font-size: 16px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

#btnGoTop:hover {
  background-color: #555;
}
.menu-language-container{
	position:absolute;
	top:-15px;
	right:10px;
	list-style:none;
}
.menu-language-container li{
	float:left;
	margin:5px;
}
.titlePage {
    font-weight: 600;
    font-size: 26px;
    color: #78B825;
    padding: 5px;
    border-bottom: 3px solid #78B825;
    display: inline;
}
.entry-content{
	margin-top:20px;
}

/* = social icons css
-------------------------------------------------------------- */
.social-copyright a.icon{background-color:#000; width:28px; height:28px; line-height:28px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%;-ms-border-radius:50%; text-align:center;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:14px;  color:#fff; margin:0 3px; padding:0;}
.social-copyright br{ display:none;}
.social-copyright span a{color:#f97e87; font-size:14px; padding:18px 5px}
 
.social-copyright a:hover{
	background:#007399;
}
.option2{
	
}
.option2 {   margin: 0px;  overflow: auto;  width:100%;}
.option2 .content{
	margin: 18px auto;
	padding: 0px;
	position: relative;
	max-width: 1200px;
	width: 100%;
	overflow:auto;
}
.option2 .content .col-content-3{	
	width: 33.333%;
	overflow:auto;
	position:relative;
	float:left;
}
.option2 .item {  position: relative; padding-top: 60%; width:94%;margin:auto; overflow:hidden;}
.option2 .item:hover,.option2 .item:active {
	border:1px solid rgba(255, 24, 2, 0.83);
	cursor:pointer;
}
.option2 .item .img-bg {    
	width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}
.option2 .item .bg-mask {
	width: 100%;
	height: 100%;
	/*object-fit: cover;*/
	position: absolute;
	top: 0;
	left: 0;
	background-color: #001427;
	/* background-color: rgba(0, 20, 39, 0.64);*/
	z-index: -1;
	opacity: 0.7;
}
.option2 .item .info{
	position:absolute;
	width:100%;
	top:50%;
	text-align: center;	
	-webkit-transition:  1s; /* For Safari 3.1 to 6.0 */
    transition: 1s;
}
.option2 .item:hover .info ,.option2 .item:active.info{		
	top:10%;
}
.option2 .item:hover .description ,.option2 .item:active .description{
	top:20%;
}
.option2 .item:hover .link ,.option2 .item:active .link{
	top:85%;
}
.option2 .item .info .title{
    font-size: 18px;
    color: white;
    width: 100%;
	-webkit-transition:  1s; /* For Safari 3.1 to 6.0 */
    transition: 1s;
}
.option2 .item .link{
	position:absolute;	
	top:100%; 
	width:100%;
	text-align:center;
	color:white !important;
	padding-top:5px;
	border-top:2px solid white;
	-webkit-transition:  1s; /* For Safari 3.1 to 6.0 */
    transition: 1s;
}
.option2 .item .description { left:1%;
color:white; position:absolute;	top:100%; width:98%;-webkit-transition:  1s; /* For Safari 3.1 to 6.0 */
    transition: 1s;}

@media screen and (max-width: 980px){
	.InfoCompany .CompanyName{
		font-size:14px;		
	}
	.InfoCompany .CompanySlogan{
		font-size:13px;
	}
.option2 .item .info .title{
	font-size: 16px;
	}
	
.option2 .content .col-content-3{
	margin:10px auto;
	width: 100%;
}
	.BusinessAreas .content{
		margin:10px auto;
	}
	.BusinessAreas .content .col-content-3{	
		width: 100%  !important;
		margin:auto;
	}
.content-cols-4{
	width: 100%  !important;
	float: left;
}
	
.News{
	padding: 10px;
	margin: 10px auto;
	min-height: 80px;
 }
 .News .title {
	padding: 10px;
}
	.News .content{
		margin-top:40px;
	}
.News .item{
	height: 320px;
	width : 320px;
	margin:auto;
}
.News .item .image img{
 	height: 320px;
	width : 320px;
	position: absolute;
	margin:0px 10px;
	top: 0;
 }
.News  .item .text{
	position: absolute;
	top: 272px;
	color: #000;
	font-weight: 200;
	font-size: 14px;
 }

.container{
		width:auto;
}
.header .header-inner .logo{ float:none; text-align:center; margin:0; padding:0px 15px 0px 0px; position:relative; width: auto; display:table;}
	.header .header-inner .logo img{margin-top:0px !important;margin-left: 14px;}
.logo span.textlogo, .logo span.textlogo span.rightstyle{ background:transparent !important; padding:0 !important;}
	.menu-language-container{
		top:-7px;
	}

.col-sm-4 {
    width: 100%;
	position: relative;
	float:left;
	min-height: 1px;
	padding: 0px 10px;
}
.toggleMenu{display: block;}
	.toggle a{
		margin-top:3px;
	}
.header{padding: 0px;}
.header .header-inner{ width:100%; padding:0;max-width:auto; margin:17px 0px 0px 0px;}
.header .header-inner .nav{float:none; margin:0; position:relative; overflow-x:hidden; background-color:#00ace6; border-radius:0; }
.header .header-inner .nav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
.header .header-inner .nav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left;}
.header .header-inner .nav ul li a{padding:5px 10px !important; display:block; color:#000;}
.header .header-inner .nav ul li a:hover{color:#ffffff;}
.header .header-inner .nav ul.sub-menu{}
.header .header-inner .nav ul li ul, .header .header-inner .nav ul li ul ul{ display:block !important;}
.header .header-inner .nav ul li ul li a:before{content:"\00BB \00a0";}
.header .header-inner .nav ul li ul li a{padding-left:20px !important; }
.header .header-inner .nav ul li ul li a{ border:none;}
.header .header-inner .nav ul li ul li ul li a{padding-left:30px !important;}
.header .header-inner .nav ul li ul li ul li ul li a{padding-left:40px !important;}
.header .header-inner .nav ul li:hover > ul{ background:none !important; box-shadow:none;}


.header .header-inner .nav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0;}
.header .header-inner .nav ul li:hover ul li ul, .header .header-inner .nav ul li:hover ul li:hover > ul, .header .header-inner .nav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.header .header-inner .nav ul li:hover ul li:hover ul, .header .header-inner .nav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
	
	#gioi-thieu .col-2{
		width:100%;
	}
	.slide_info p{
		font-size:1px;
	}
}