/* Top area overlay
		------------------------------------------------- */
				#wi-top-area .overlay {
			opacity:0.4;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
			filter: alpha(opacity=40);
			}
		
		/* Header top black line
		------------------------------------------------- */
				
		/* Logo
		------------------------------------------------- */
				
		#wi-logo img {
			margin-top:10px;			
		}
		@media (max-width: 767px) {
			#wi-logo img {
				margin-bottom:10px;			
			}
		}
						#wi-logo img {
			margin-left:0px;
		}
				
		/* Footer pattern
		------------------------------------------------- */
				#wi-footer {
			background-image:url(pw_maze_black.png)/*tpa=wp-content/themes/mbm004/images/sidrbg/pw_maze_black.png*/;
			background-size:46px 23px;
		}
		@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
			#wi-footer {
				background-image:url(pw_maze_black_@2X.png)/*tpa=wp-content/themes/mbm004/images/sidrbg/pw_maze_black_@2X.png*/;
				}
		}
				
		/* Footer custom pattern
		------------------------------------------------- */
						/* Footer use color instead of pattern
		------------------------------------------------- */
				
		/* Body background color
		------------------------------------------------- */
				body,
		#wi-content,
		#wi-header {
			background-color:#fff;
			}
				
		/* Primary Color
		------------------------------------------------- */
				a, 
		a:hover,
		blockquote em,
		blockquote cite,
		blockquote em a,
		blockquote em a:hover,
		blockquote cite a,
		blockquote cite a:hover,
		.page-links > a:hover,
		.authorbox .text h4 a,
		
		.widget_recent_entries ul li a:hover,
		.widget_archive ul li a:hover,
		.widget_categories ul li a:hover,
		.widget_meta ul li a:hover,
		.widget_pages ul li a:hover,
		.widget_nav_menu ul li a:hover,
		.widget_recent_comments ul li a:hover,
		.widget_rss ul li a:hover,
		
		.wi-member .role,
		.wi-testimonial .author .name,
		
		.wi-portfolio-filter ul li.active a,
		
		/* WooCommerce */
		.woocommerce .star-rating span:before, 
		.woocommerce-page .star-rating span:before
		{
			color:#f57828;
		}
		ul#slide-list li.current-slide a,
		ul#slide-list li.current-slide a:hover,
		.gallery-icon:hover,
		.header-slider .flex-control-paging li a.flex-active,
		.text-slider .flex-control-paging li a.flex-active,
		#respond #submit:hover,
		.wpcf7 .wpcf7-submit:hover,
		
		.progress .fore .bar,
		.testimonial-slider .flex-control-paging li a.flex-active,
		.wi-button .btn-primary,
		.wi-pricing .pricing-column.featured,
		.wi-flexslider .flex-control-paging li a.flex-active,
		
		.portfolio-thumb-slider .flex-control-paging li a.flex-active,
		
		.dark-skin .wi-tab .tabnav ul li.active a,
		
		/* WooCommerce */
		.woocommerce span.onsale, 
		.woocommerce-page span.onsale,
		.woocommerce a.button.alt:hover,
		.woocommerce button.button.alt:hover,
		.woocommerce input.button.alt:hover,
		.woocommerce #respond input#submit.alt:hover,
		.woocommerce-page a.button.alt:hover, 
		.woocommerce-page button.button.alt:hover, 
		.woocommerce-page input.button.alt:hover,
		.woocommerce-page #respond input#submit.alt:hover,
		.woocommerce #review_form #respond .form-submit input:hover, 
		.woocommerce-page #review_form #respond .form-submit input:hover,
		.woocommerce #review_form #respond .form-submit input:focus,
		.woocommerce-page #review_form #respond .form-submit input:focus,
		.woocommerce #review_form #respond .form-submit input:active,
		.woocommerce-page #review_form #respond .form-submit input:active	
		{
			background-color:#f57828;
		}		
		.wi-portfolio-filter ul li.active a,
		
		/* WooCommerce */
		.woocommerce #review_form #respond .form-submit input:hover, 
		.woocommerce-page #review_form #respond .form-submit input:hover,
		.woocommerce #review_form #respond .form-submit input:focus,
		.woocommerce-page #review_form #respond .form-submit input:focus,
		.woocommerce #review_form #respond .form-submit input:active,
		.woocommerce-page #review_form #respond .form-submit input:active
		{
			border-color:#f57828;
		}
		
		.woocommerce ul.products li.product.featured, 
		.woocommerce-page ul.products li.product.featured {
			box-shadow:0 3px 0 #f57828;
		}
				
		/* Link Color
		------------------------------------------------- */
				a,
		a:hover,
		.authorbox .text h4 a,
		blockquote em a,
		blockquote em a:hover,
		blockquote cite a,
		blockquote cite a:hover,
		.page-links > a:hover,
		.authorbox .text h4 a,
		
		.widget_recent_entries ul li a:hover,
		.widget_archive ul li a:hover,
		.widget_categories ul li a:hover,
		.widget_meta ul li a:hover,
		.widget_pages ul li a:hover,
		.widget_nav_menu ul li a:hover,
		.widget_recent_comments ul li a:hover,
		.widget_rss ul li a:hover,
		
		.close-portfolio a:hover,
		.portfolio-navi ul li a:hover
		{
			color:#f57828;
		}
				
		/* Selection Color
		------------------------------------------------- */
				
		/* Header background color dark skin
		------------------------------------------------- */
				
		/* Typography
		------------------------------------------------- */
			/* Body */
				body {
			font-size:14px;			
		}
							h1 {
				font-size:30px;
			}
							h2 {
				font-size:26px;
			}
							h3 {
				font-size:22px;
			}
							h4 {
				font-size:16px;
			}
							h5 {
				font-size:13px;
			}
							h6 {
				font-size:13px;
			}
							/* Blog Title */
				.article .title {
			font-size:28px;
		}
				@media (min-width: 768px) and (max-width: 979px) {
			.article .title {
				font-size:19px;
			}
		}
		@media (max-width: 768px) {
			.article .title {
			}
		}
		@media (max-width: 480px) {
			.article .title {
				font-size:19px;
			}
		}
							/* Single Title */
				.single .post-title {
			font-size:40px;
		}
				@media (min-width: 768px) and (max-width: 979px) {
			.single .post-title {
				font-size:32px;
			}
		}
		@media (max-width: 768px) {
			.single .post-title {
				font-size:28px;
			}
		}
		@media (max-width: 480px) {
			.single .post-title {
				font-size:24px;
			}
		}
							/* Page title */
				.page-title,
		.wi-page .title-area .title {
			font-size:54px;
		}
				@media (min-width: 768px) and (max-width: 979px) {
			.page-title,
			.wi-page .title-area .title {
				font-size:43px;
			}
		}
		@media (max-width: 768px) {
			.page-title,
			.wi-page .title-area .title {
				font-size:43px;
			}
		}
		@media (max-width: 480px) {
			.page-title,
			.wi-page .title-area .title {
				font-size:35px;
			}
		}
							/* Toparea Big Heading */
				#wi-top-area .heading-text {
			font-size:100px;
		}
				@media (min-width: 768px) and (max-width: 979px) {
			#wi-top-area .heading-text {
				font-size:80px;
			}
		}
		@media (max-width: 768px) {
			#wi-top-area .heading-text {
				font-size:65px;
			}
		}
		@media (max-width: 480px) {
			#wi-top-area .heading-text {
				font-size:50px;
			}
		}
						
				body,
		.page-subtitle,
		#wi-top-area .small-text,
		.wi-page .title-area .subtitle,
		.headline .meta,
		#respond input[type="text"], 
		#respond input[type="text"]:focus, 
		#respond textarea, 
		#respond textarea:focus,
		.searchform .s, .searchform .s:focus,
		.wpcf7 input[type=text],
		.wpcf7 input[type=text]:focus,
		.wpcf7 input[type=email],
		.wpcf7 input[type=email]:focus,
		.wpcf7 textarea,
		.wpcf7 textarea:focus,
		
		.wi-testimonial .content
		{
			font-family:Arial, Helvetica, sans-serif;
		}
						h1, h2, h3, h4, h5, h6, dl dt,
		#wi-top-area .wi-button .btn,
		.text-slider,
		#wi-logo a,
		.page-separator .wi-button .btn,
		.link-area .link-button,
		.post-nav .ele a,
		.tags,
		.commentlist .fn,
		#respond .comment-ele label,
		#respond #submit,
		.tagcloud a,
		
		.widget_recent_entries ul li,
		.widget_archive ul li,
		.widget_categories ul li,
		.widget_meta ul li,
		.widget_pages ul li,
		.widget_nav_menu ul li,
		.widget_recent_comments ul li,
		.widget_rss ul li,
		
		#wp-calendar caption,
		#wp-calendar th,
		#wp-calendar td,
		.wpcf7 p,
		.wpcf7 .wpcf7-submit,
		div.wpcf7-response-output,
		
		.recent-item .meta,
		.recent-item .readmore-link,
		.progress .fore .name,
		.wi-count .name,
		.wi-member .name,
		.bigtext,
		.wi-pricing .pricing-column .title-row,
		.wi-toggle .toggle-title,
		.wi-tab .tabnav ul li a,
		.wi-piechart .number,
		.wi-piechart-container .name,
		
		.wi-portfolio-filter ul li a,
		.portfolio-item .thumb .name,
		.portfolio-navi ul li a,
		
		/* woocommerce */
		.woocommerce .woocommerce-breadcrumb, 
		.woocommerce-page .woocommerce-breadcrumb,
		.woocommerce-result-count,
		.woocommerce-ordering select,
		.woocommerce span.onsale, 
		.woocommerce-page span.onsale,
		.woocommerce a.button, 
		.woocommerce button.button, 
		.woocommerce input.button, 
		.woocommerce #respond input#submit, 
		.woocommerce-page a.button, 
		.woocommerce-page button.button, 
		.woocommerce-page input.button, 
		.woocommerce-page #respond input#submit,
		.woocommerce a.wc-forward,
		.woocommerce-page a.wc-forward,
		.woocommerce a.button.wc-forward,
		.woocommerce-page a.button.wc-forward,
		.woocommerce div.product .woocommerce-tabs ul.tabs li,
		.woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
		.woocommerce-page div.product .woocommerce-tabs ul.tabs li, 
		.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
		.woocommerce table.shop_attributes th, 
		.woocommerce-page table.shop_attributes th,
		#commentform label,
		.woocommerce #review_form #respond .form-submit input, 
		.woocommerce-page #review_form #respond .form-submit input,
		.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,
		.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta,
		div.ppt,
		div.pp_woocommerce .pp_description, 
		div.pp_woocommerce .pp_nav p,
		.woocommerce table.shop_table th, 
		.woocommerce-page table.shop_table th,
		.shipping-calculator-form select,
		.woocommerce .cart-collaterals .cart_totals table th,
		.woocommerce-page .cart-collaterals .cart_totals table th,
		.woocommerce form .form-row label,
		.woocommerce #payment ul.payment_methods li label, 
		.woocommerce-page #payment ul.payment_methods li label,
		.woocommerce ul.cart_list li.empty, 
		.woocommerce ul.product_list_widget li.empty, 
		.woocommerce-page ul.cart_list li.empty, 
		.woocommerce-page ul.product_list_widget li.empty,
		.woocommerce ul.cart_list li a,
		.woocommerce ul.product_list_widget li a, 
		.woocommerce-page ul.cart_list li a, 
		.woocommerce-page ul.product_list_widget li a
		
		{
			font-family:Arial, Helvetica, sans-serif		}		
						#wi-mainnav .menu > ul > li > a
		{
			font-family:Arial, Helvetica, sans-serif;
		}
				
		/* Portfolio
		------------------------------------------------- */
									@font-face {
    font-family: 'utm_daxline';
    src: url("UTMDaxline.eot")/*tpa=http://fonts.matbaomedia.com/fonts-library/utm_daxline/UTMDaxline.eot*/;
    src: url("UTMDaxline.eot")/*tpa=http://fonts.matbaomedia.com/fonts-library/utm_daxline/UTMDaxline.eot?#iefix*/ format('embedded-opentype'),
         url("UTMDaxline.woff")/*tpa=http://fonts.matbaomedia.com/fonts-library/utm_daxline/UTMDaxline.woff*/ format('woff'),
         url("UTMDaxline.ttf")/*tpa=http://fonts.matbaomedia.com/fonts-library/utm_daxline/UTMDaxline.ttf*/ format('truetype'),
         url("UTMDaxline.svg")/*tpa=http://fonts.matbaomedia.com/fonts-library/utm_daxline/UTMDaxline.svg*/ format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'utm_daxline';
    src: url("UTMDaxlineBold.eot")/*tpa=http://fonts.matbaomedia.com/fonts-library/utm_daxline/UTMDaxlineBold.eot*/;
    src: url("UTMDaxlineBold.eot-#iefix")/*tpa=http://fonts.matbaomedia.com/fonts-library/utm_daxline/UTMDaxlineBold.eot?#iefix*/ format('embedded-opentype'),
         url("UTMDaxlineBold.woff")/*tpa=http://fonts.matbaomedia.com/fonts-library/utm_daxline/UTMDaxlineBold.woff*/ format('woff'),
         url("UTMDaxlineBold.ttf")/*tpa=http://fonts.matbaomedia.com/fonts-library/utm_daxline/UTMDaxlineBold.ttf*/ format('truetype'),
         url("UTMDaxlineBold.svg#utm_daxlinebold")/*tpa=http://fonts.matbaomedia.com/fonts-library/utm_daxline/UTMDaxlineBold.svg#utm_daxlinebold*/ format('svg');
    font-weight: bold;
    font-style: normal;
}

@media (min-width: 1200px) {
	.container {
		width:1170px;
	}
}

@media (min-width: 979px)  and (max-width: 1199px){
	.container {
		width:940px;
	}
}

body{
color: #222;
}

#wi-header-sticky-wrapper{
height: auto !important;
}

#wi-logo p{
margin: 0;
}

#wi-header{
z-index: 9999;
}

#wi-mainnav .menu > ul > li > a{
font-family: 'utm_daxline';
font-size: 15px;
color: #f57828;
}

.page-title, .wi-page .title-area .title{
color: #f57828;
}

#wi-mainnav .menu > ul > li > a:hover, .wi-onepage #wi-mainnav .menu > ul > li.active > a, .wi-not-onepage #wi-mainnav .menu > ul > li.current-menu-item > a{
color: #6db33f;
}

.page-title, .wi-page .title-area .title,
.wi-center-heading .h,
.wi-divider .title,
#lien-he .wi-heading .h,
.single .post-title,
.widget-title,
.article .title{
    font-family: utm_daxline;
    font-weight: normal;
}

.widget-title{
color: #f57828;
font-size: 24px;
}

.wi-page .title-area .subtitle, 
.headline .meta{
font-family: Open Sans;
color: #6db33f;
}

.btn.btn-bg{
background: #f57828;
}

#top .wi-divider {
    background: url("bg-divider3.jpg")/*tpa=bg-divider3.jpg*/ repeat;
margin: 0;
}

#top .wi-divider .title {
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: 0;
}

#top .wi-divider .wi-button{
margin-bottom: 0;
}

#top .wi-divider .wi-column.column-5-6{
padding: 8px 0 !important;
}

.wi-page .title-area,
.headline {
	background:url("divider.png")/*tpa=divider.png*/ no-repeat center bottom;
	padding-bottom:45px;
	}

#chuong-trinh-dao-tao .wi-recent-posts.style-2 .recent-item .sc-title a {
    font-size: 100%;
    font-weight: bold;
    color: #000;
}

.testimonial-slider{
   border: none;
}

.testimonial-slider .flexslider {
    background: none;
    padding-top: 30px;
   border: none;
}


#page-separator-lien-he .container {
    width: 100%;
}

#page-separator-lien-he{
    padding: 0 !important;
   background: none !important;
}

#page-separator-lien-he .mapp-layout{
margin: 0;
}

#lien-he .wi-heading{
margin-top: 30px;
}

#wi-footer {
    padding: 20px 0 20px;
    background: #f57828;
}

#wi-footer p{
margin-bottom: 10px;
}

#top.wi-page{
padding: 0;
}

#top.wi-page .title-area{
display: none;
}

#top.wi-page .container{
width: 100%;
}

#wi-header {
    border-top: 3px solid #f57828;
}

.wi-iconbox .desc {
    color: #222;
}

#gioi-thieu .content-area .align-center h2{
    font-family: utm_daxline;
    font-size: 32px;
  color: #f57828;
}

.article .post-thumbnail a img {
    width: 100%;
}
/*new css*/
@media screen and  (min-width: 645px) and (max-width: 768px){
#wi-mainnav{display:block !important}
}