/*
Theme Name: Bảo hộ lao động
Theme URI: http://www.bkweb.vn/
Author: TrungNQ
Author URI: http://www.bkweb.vn/
Description: Media Center theme is clean, blog-focused, and designed for clarity. Media Center's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: mediacenter

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* Header */
/* Site header */
/* Header */
.site-header {
	padding: 0;
	background: #fff;
}
.logo {
	display: inline-block;
	width: 100%;
	text-align: left;
}
.logo img {
	max-width: 100%;
}
.site-header .site-title:hover {
	text-decoration: underline;
}
.site-title {
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 10px 0;
}
.site-description {
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0;
}
.site-banner {
	width: 100%;
	padding: 10px 0;
	position: relative;
}
/* search group */
.search-area {
	border: 1px solid #ddd;
    border-radius: 7px;
    margin: 15px 0 0 0;
    position: relative;
}
.search-area .search-control-group .search-bar-controls {
    position: absolute;
    right: 0;
    top: 0;
}
.search-area .search-field {
    border-radius: 5px 0 0 5px;
    border: none;
    padding: 13px;
    box-shadow: none;
    height: 45px;
    margin: 0;
}
.search-area .categories-filter {
    line-height: 44px;
    padding-left: 7px;
    display: inline-block;
    border-left: 1px solid #e0e0e0;
}
.search-area .categories-filter .dropdown-toggle {
    color: #3d3d3d;
    padding: 0 14px 0 2px;
    display: inline-block;
}
.search-area .categories-filter .dropdown-toggle:after {
	content: "\f107";
	font-family: fontawesome;
	color: #e0e0e0;
	display: inline-block;
	font-size: 25px;
	line-height: 25px;
	margin: 12px 0 0 6px;
	float: right;
}
.search-area .search-button {
    display: inline-block;
    text-align: center;
    padding: 12px 15px 12px 15px;
    margin: -1px -1px 0 0;
    border-radius: 0 5px 5px 0;
    background-color: #C00;
}
.search-area .search-button i {
	font-size: 18px;
	color: #fff;
}
/* quick user */
.header-user {
	width: 100%;
	margin: 15px 0 0 0;
}
.user-login {
	float: left;
	width: 50%;
	border-right: solid 1px #ccc;
	height: 46px;
	padding-left: 40px;
	position: relative;
}
.user-login:after {
	content: "\f007";
    font: normal normal normal 14px/1 FontAwesome;
    color: #B3B3B3;
    display: inline-block;
    font-size: 30px;
    line-height: 25px;
    position: absolute;
    top: 5px;
    left: 10px;
}
.user-login a {
	color: #333;
}
.user-login p {
	margin: 0;
}
.user-cart {
	position: relative;
    padding-left: 45px;
    float: left;
    width: 50%;
    height: 46px;
    overflow: hidden;
}
.user-cart:after {
	content: "\f07a";
    font: normal normal normal 14px/1 FontAwesome;
    color: #B3B3B3;
    display: inline-block;
    font-size: 30px;
    line-height: 25px;
    position: absolute;
    top: 5px;
    left: 10px;
}
.user-cart a {
	color: #333;
}
.user-cart p {
	margin: 0;
}
/* top bar */
.site-topbar {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ddd;
}
.usp-block {
	text-align: left;
}
.usp-block .usp-item {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin: 0 10px;
	position: relative;
}
.usp-block .usp-item p.usp-name {
	margin: 0;
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
}
.usp-block .usp-item p.usp-caption {
	margin: 0;
	color: #333;
	font-size: 11px;
}
.usp-block .usp-item .usp-desc {
	display: none;
	position: absolute;
	background: #f5fdff;
    width: 205px;
    left: 0px;
    top: 100%;
    border: 1px solid #9cd7e8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin: 0;
    display: none;
    line-height: 15px;
    font-size: 11px;
    z-index: 99999999;
}
.usp-block .usp-item:hover .usp-desc {
	display: block;
}
@media (max-width: 991px) {
	.line-head-left,
	.line-head-right {
		float: none;
		width: 100%;
	}
	.top-contact label {
		display: none;
	}
	.top-contact i.fa {
		display: inline-block;
	}
	.top-social-share {
		display: none;
	}
	.logo {
		text-align: center;
	}
	.usp-block p {
		font-size: 11px;
	}
	.logo img {
		max-height: 50px;
	}
}
@media (max-width: 767px) {
	.usp-block {
		text-align: left;
	}
	.usp-block .usp-item {
		margin: 5px 0;
	}
	.usp-block p {
		font-size: 13px;
	}
}
/* Home */
.home-area {
	width: 100%;
}
.subscription {
	border: 1px solid #ddd;
	margin-top: 10px;
	padding: 15px;
	background: url(images/gift-card.gif) no-repeat right center;
}
.subscription div.es_caption {
	font-weight: bold;
}
.subscription div.es_lablebox {
	display: none;
}
.subscription div.es_button {
	float: left;
    margin-left: 10px;
    padding: 0;
}
.subscription div.es_textbox {
	float: left;
}
.subscription div.es_textbox input {
	border: 1px solid #ddd;
	padding: 5px;
}
.subscription div.es_button input {
	background: #E00;
	color: #fff;
	border: none;
	padding: 5px;
}
.home-header {
	margin-bottom: 15px;
}
.product-nav-wrap {
	width: 100%;
	border: 1px solid #ccc;
}
.product-nav-wrap h3 {
	background: #fbd626;
	color: #098b45;
	text-transform: uppercase;
	font-size: 15px;
	margin: 0;
    padding: 10px 0 10px 15px;
    font-weight: bold;
}
.product-nav-container {
	padding: 0;
}
.product-nav {
	padding: 0;
	margin: 0;
	list-style: none;
}
.product-nav > li {
	border-bottom: 1px dotted #ccc;
	padding: 0 10px;
	position: relative;
}
.product-nav > li > a {
	color: #333;
	display: inline-block;
	width: 100%;
	padding: 10px 0;
}
.product-nav > li .sub-menu {
	position: absolute;
	left: 100%;
	top: 0;
	min-width: 180px;
	background: #FFF;
    border: 1px solid #e3e3e3;
	list-style: none;
	margin: 0;
	padding: 0;
	clip: rect(1px, 1px, 1px, 1px);
	z-index: 9999;
}
.product-nav li:hover > ul,
.product-nav ul li:hover > ul,
.product-nav .focus > ul,
.product-nav .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}
.product-nav .sub-menu li {
	position: relative;
}
.product-nav .sub-menu li a {
	color: #333;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
    padding: 12px 30px 12px 30px;
	white-space: nowrap;
	text-align: left;
}
.product-nav .sub-menu li a:hover {
	background: #098B45;
	color: #fff;
}
@media (max-width: 767px) {
	.product-nav-wrap {
		margin-bottom: 15px;
	}
}
/* Content */
.site-content-wrap {
	background-image: url(images/shadow.png);
	background-repeat: repeat-x;
	background-position: top left;
}
.site-content {
	width: 100%;
	padding: 0;
}
.content-area {
	padding: 0;
	padding: 20px 0;
}
.site-main {
	width: 100%;
	margin-bottom: 15px;
}
/* Footer */
.site-footer {
	width: 100%;
    padding: 15px 0;
    overflow: hidden;
    background: url(images/footer-bg.png);

}
.widget-footer-area {
	margin: 0;
	padding: 0;
}
.widget-footer {
	margin: 0;
	color: #fff;
}
.widget-footer .widget-footer-title {
	color: #E00;
}
.widget-footer-fullwidth {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
.footer-menu {
	width: 100%;
	border-bottom: dashed 1px #ccc;
	text-align: center;
	padding: 10px 0;
}
.footer-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer-menu ul li {
	display: inline-block;
	padding: 0 10px;
	border-left: solid 1px #ccc;
}
.footer-menu ul li:first-child {
	border-left: none;
}
.footer-menu ul li a {
	font-weight: normal;
}
/* widget footer 1 */
.widget-footer-area-1 {
	padding: 15px 0;
}
.widget-footer-1 {
	width: 100%;
	margin-bottom: 15px;
}
.widget-footer-1 .widget-footer-title {
	font-size: 14px;
	margin: 0 0 5px 0;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
}
.widget-footer-1 ul {
	margin: 0;
	padding: 0;
}
.widget-footer-1 ul li {
	padding: 3px 0;
	list-style-position: inside;
}
.widget-footer-1 ul li a {
	color: #333333;
}
/* widget footer 2 */
.widget-footer-area-2 {
	padding: 15px 0;
	border-top: 1px solid #ccc;
}
.widget-footer-2 .widget-footer-title {
	border-bottom: 1px solid #fff;
	font-weight: bold;
}
.widget-footer-2 {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
.widget-footer-2 .widget-footer-title span {
	font-size: 14px;
    display: block;
    border-bottom: 1px solid #d3d3d3;
    padding: 3px 0;
    color: #333;
}
.widget-footer-2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget-footer-2 ul li {
	padding: 3px 0;
}
.widget-footer-2 ul li a {
	color: #333;
}
/* widget footer 3 */
.widget-footer-area-3 {
	padding: 15px 0;
	border-top: 1px solid #ccc;
}
.widget-footer-area-3 .widget-footer-title {
	font-weight: bold;
	color: #E00;
	margin: 0 0 15px 0;
	font-size: 15px;
}
.list-contents-item {
	width: 100%;
	margin-bottom: 15px;
}
.list-contents-item .list-contents-name {
	color: #004B94;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}
.list-contents-item .list-contents-desc {
	width: 100%;
}
/* footer line */
.line-footer {
	text-align: center;
	border-top: 1px solid #ccc;
	padding: 10px 0;
}
.line-footer p.copyright {
	font-weight: bold;
	margin: 0;
}
/* footer social */
.social-link {
	padding: 5px 0;
	text-align: center;
}
.social-link a {
	margin: 0 2px;
	background: #ffffff;
	display: inline-block;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	color: #fff;
	padding: 0;
}
.social-link a:hover {
	color: #454545;
	background: #ddd;
}
.social-link a i {
	font-size: 16px;
}
.social-link .btn-facebook {
	background: #3a589b;
}
.social-link .btn-rss {
	background: #fd9f13;
}
.social-link .btn-twitter {
	background: #28aae0;
}
.social-link .btn-youtube {
	background: #cf3427;
}
.social-link .btn-google-plus {
	background: #da6245;
}
.social-link .btn-flickr {
	background: #025FE0;
}
.social-link .btn-linkedin {
	background: #0085AF;
}
/* home */
.about-us {
	background: #2395ff;
	padding: 15px 0;
}
.about-us .about-us-title {
	background: url(images/line-2.png) repeat-x left center;
	text-align: center;
	margin-bottom: 15px;
}
.about-us .about-us-title h2 {
	color: #fff;
	margin: 0 auto;
	display: inline-block;
	padding: 0 20px;
	background: #2395ff;
	text-align: center;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 500;
	margin: 0;
}
.about-us .about-us-desc {
	padding: 0 15%;
	margin-bottom: 15px;
}
.about-us .about-us-desc h3 {
	background: rgba(255, 255, 255, 0.3);
	text-align: center;
	padding: 15px;
	margin: 0;
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
}
.about-us-content {
	padding: 15px 0;
}
.about-us-content .home-post-item {
	text-align: center;
	margin-bottom: 15px;
}
.about-us-content .home-post-thumb {
	display: inline-block;
	border-radius: 100%;
	border: 5px solid #f4772e;
	padding: 0px;
	background: #fff;
	overflow: hidden;
}
.about-us-content .home-post-thumb img {
	width: 100%;
	border-radius: 100%;
	border: 8px solid #fff;
}
.about-us-content h4 {
	font-size: 18px;
	color: #fff;
}
.about-us-content a {
	color: #fff;
}
.about-us-content .home-post-excerpt {
	background: rgba(255, 255, 255, 0.3);
	color: #fff;
	padding: 15px;
	font-size: 16px;
}
/**/
.service {
	background: #fff;
	padding: 15px 0;
}
.service .service-title {
	background: url(images/line-1.png) repeat-x left center;
	text-align: center;
	margin-bottom: 15px;
}
.service .service-title h2 {
	color: #2395ff;
	margin: 0 auto;
	display: inline-block;
	padding: 0 20px;
	background: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 500;
	margin: 0;
}
.service .service-desc {
	padding: 0 15%;
	margin-bottom: 15px;
}
.service .service-desc h3 {
	background: rgba(255, 255, 255, 0.3);
	text-align: center;
	padding: 15px;
	margin: 0;
	color: #2395ff;
	font-weight: 500;
	font-size: 20px;
    line-height: 30px;
}
.service-content {
	padding: 15px 0;
}
.service-content .home-post-item {
	text-align: center;
	margin-bottom: 15px;
}
.service-content .home-post-thumb {
	display: inline-block;
	border-radius: 100%;
	border: 5px solid #2395ff;
	padding: 0px;
	background: #fff;
	overflow: hidden;
}
.service-content .home-post-thumb img {
	width: 100%;
	border-radius: 100%;
	border: 8px solid rgba(244, 119, 46, 0.1);
}
.service-content h4 {
	font-size: 18px;
	color: #2395ff;
}
.service-content a {
	color: #2395ff;
}
.service-content .home-post-excerpt {
	background: #fbd2ba;
	color: #2395ff;
	padding: 15px;
	font-size: 16px;
}
/* */
.career {
	margin-bottom: 15px;
}
.career-content {
	padding: 15px 0;
}
.career-content .home-post-item {
	margin-bottom: 15px;
}
.career-content .home-post-thumb {
	display: inline-block;
	border: 5px solid #2395ff;
	padding: 0px;
	background: #fff;
	overflow: hidden;
}
.career-content .home-post-thumb img {
	width: 100%;
}
.career-content h4 {
	font-size: 18px;
	color: #2395ff;
}
.career-content a {
	color: #2395ff;
}
.career-content .home-post-excerpt {
	background: #fbd2ba;
	color: #333;
	padding: 15px;
	font-size: 16px;
}
.career-content .home-post-excerpt p.date {
	font-style: italic;
	color: #888;
}
/* home widgets */
.widget-home {
	width: 100%;
}
.content-area .widget-home:last-child {
	margin-bottom: 0;
}
.widget-home-title {
	background: #f7f7f7;
    border-bottom: 2px solid #C00;
    height: 36px;
    margin-top: 0;
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
}
.widget-home-title:after {
	content: " ";
    display: block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 18px solid transparent;
    border-left: 15px solid #C00;
    border-right: 0 solid transparent;
    border-bottom: 18px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}
.widget-home-title h3 {
    padding: 0 3px 0 9px;
    height: 100%;
    margin: 0;
    color: #C00;
    font-size: 15px;
    font-weight: bold;
    line-height: 34px;
    text-transform: uppercase;
    float: left;
}
.widget-home-title h3 a,
.widget-home-title h3 a:hover {
	color: #fff;
}
.widget-home-title a.view-all {
	float: right;
    color: #C00;
    text-decoration: none;
    margin: 8px 8px 0 0;
}
.widget-home a.thumbnail-image {
	display: inline-block;
	overflow: hidden;
	width: 100%;
}
.widget-home a.thumbnail-image img {
	width: 100%;
}
.widget-home h4 {
	font-size: 16px;
	font-weight: bold;
}
.widget-home h4 a {
	color: #333;
}
.widget-home p.caption {
	text-align: justify;
}
.widget-home a.view-more {
	color: #263472;
	text-transform: uppercase;
	font-weight: bold;
}
/* home full width */
.home-fullwidth {
	width: 100%;
	margin-bottom: 15px;
}
/* home news */
.home-news {
	background-image: url(images/bg-area.png);
	background-color: #f2f2f2;
	padding: 40px 0 30px 0;
	border-top: 1px solid #e6e6e6;
}
.home-news header h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}
.home-news header h3 a {
	color: #333;
	text-decoration: none;
}
.home-news article {
	width: 100%;
}
.home-news article ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.home-news article ul li {
	padding: 5px 0;
}
.home-news article ul li a {
	color: #454545;
}

/* gallery widget */
.gallery-widget {
	padding: 0 4px 4px 4px;
}
.gallery-widget a {
	display: inline-block;
	float: left;
	width: 50%;
	padding: 4px;
	overflow: hidden;
}
.gallery-widget a span {
	background: #fff;
	height: 80px;
	width: 100%;
	display: inline-block;
}
.gallery-widget a img {
	max-width: 100%;
}
/* -------------------------------------------------------------
--- Libs -------------------------------------------------------
---------------------------------------------------------------- */
.search-field {
    background: #f8f8f8;
    border: #e3e3e3 1px solid;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #333;
    margin: 0;
    padding: 5px;
}
::-webkit-input-placeholder {
   font-weight: normal;
}

:-moz-placeholder { /* Firefox 18- */
   font-weight: normal;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-weight: normal;
}

:-ms-input-placeholder {
   font-weight: normal;
}
.search-submit {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #7e7e7e;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
}