body{background:url(../images/bg_body.png)}
#box-wrapper{background:transparent;}
.container{max-width:1010px}

/*--------------Menu Responsive----------------*/
.click-nav, .click-mobile{display:none}
#overlay_nav{display:none}
.click-nav, .click-mobile{position:fixed !important; width:100%; height:40px; position:absolute; text-align:left; top:0; left:0; z-index:9999999; padding:0 0 0 15px; background:#005a79}
.click-nav p, .click-mobile p{width:40px; height:40px; padding:7px 5px 5px; position:relative; display:inline-block; background:none}
.click-nav p span, .click-mobile p span{display:block; width:30px; height:5px; background:#fff; position:absolute; left:0; transition:all 0.3s linear}
span.icon_nav{top:7px}
span.icon_nav2{top:17px}
span.icon_nav3{top:27px}
.click-nav p.action, .click-mobile p.action{z-index:999999;}
p.action span.icon_nav{transform:rotate(45deg); top:18px}
p.action span.icon_nav2{display:none}
p.action span.icon_nav3{transform:rotate(-45deg); top:18px}
img.img-responsive.center-block.resize {
    width: 55%;
    margin: 55px;
}
.back-img {
    width: 150px;
    background: #e1e1e1;
    padding: 15px;
}.
.d_page b {
    background: #21759b;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
}
.d_page a {
    background: #e7e7e7;
    text-align: center;
    padding: 5px 10px;
    color: #626262;
    transition: all 0.3s linear;
}
div#doitac
{
    margin-bottom: 30px;
	margin-left: 10px;
}
/*-------------- HEADER CONTENT ----------------*/
#header {
    position: relative;
    height: 130px
}
.block-image{position:absolute; top:0; left:0}

.logo{
	padding-top:10px;
}
.logo img{height:110px}
.banner-header{padding:15px 10px 0}
.banner-header img{display:block; margin:0 auto}
.text-header{padding-top:15px;}

.lang{position:absolute; top:10px; right:5px}
.lang img{width:30px; margin-bottom:10px; display:block;}
/*-------------- NAVIGATION ----------------*/
.navigation{position:relative; background:#fff;  margin-bottom: 20px; box-shadow: 0px 2px 5px rgba(0,0,0,0.8);}
.navigation nav ul li{display:block; float:left; position:relative}
.navigation nav ul li a{display:block; padding:15px 20px; font-size:15px; font-weight:bold;transition: all 0.3s linear; color:#333;}
.navigation nav ul li a:hover {background:#005a79; color:#fff }
.navigation nav ul ul{position:absolute; top:100%; left:0; width:250px; z-index:1000000; background:#fff; border:1px solid #d6d6d6; display:none}
.navigation nav ul ul li{width:100%; text-align:left; border-bottom:1px solid #d6d6d6}
.navigation nav ul ul li a{padding:10px 15px}
.navigation nav ul ul ul{top:-1px; left:100%}
.navigation nav ul li:hover > ul{display:block}

/*-------------- SEARCH ----------------*/
#search{float:right; padding: 5px 0; margin-right: 5px;}
#search div{position:relative}
#search input{outline:none; border:none; background:none; padding:10px 20px; color:#005a79}
#search input[type=text]{width:200px; background:#fff; border:1px solid #d6d6d6}
#search input[type=image]{ position:absolute; top:0; right:0; font-size:22px; padding: 5px 10px; line-height:26px}
@media (max-width: 767px)
{	
	#slider
	{
		height: auto !important;
	}
	#wrapper {
    	padding-top: 0 !important;
	}
	.resize {
    margin: 0 auto !important;
	}
    #search input[type=text]
    {
        width: 345px;
    }
    .navigation nav ul li a
    {
        color: #fff;
    }
}
.breadcrumb{
	background:#fff;
}
/*-------------- SIDEBAR ----------------*/
.sidebar{padding-right:15px}
.box{margin-bottom:20px}
.box h3{display:block; padding:15px 10px; text-transform:uppercase; font-size:18px; line-height:20px; color:#fff; background:#005a79; text-align:center}
.wrap-box{padding:15px; background:#fff;}

.box-menu .wrap-box{background:#fff; padding:0; border:1px solid #d6d6d6; border-top:none; }
.box-menu ul li{ position:relative; padding:0 10px; border-bottom:1px solid #f2f2f2;}
.box-menu ul li a{display:block; padding:10px 15px 10px 35px; color:#333; position:relative}
.box-menu ul li a:after{position:absolute; top:10px; left:10px; content:"\f0fa"; font-family:'FontAwesome'; color:#f00}
.box-menu ul li span{position:absolute; display:block; width:15px; height:18px; top:13px; right:5px; font-weight:normal; display:none}
.box-menu ul li span:after{content:'+'; position:absolute; top:0; right:0; bottom:0; left:0; font-size:20px; color:#999; transition:all 0.4s linear}
.box-menu ul ul{position:absolute; top:0; left:100%; width:100%; display:none; background:#05759b}

.box-menu ul li:hover > ul{display:block}
.box-menu ul li a:hover{color:#005a79}


.tag-cloud{display:inline-block; background: #f6fbff; font-size: 13px; margin:5px 3px; padding: 5px 10px; color:#005a79}
.tag-cloud:hover{background:#005a79; color:#fff}

.box-newsletter{margin-bottom:10px}
.box-newsletter input{outline:none; border:1px solid #05759b; border-radius:3px; margin:5px 0; padding:10px 15px; width:100% }
.box-newsletter input[type=submit]{border-color:#005a79; color:#005a79; text-transform:uppercase; background:none; font-size:17px; width:auto; padding:10px 25px}

.box-news ul li{padding:10px 0;}
.box-news img{width:72px; height:72px; border-radius:50%; float:left; margin-right:10px}
.box-news h4{font-weight:600; font-size:13px; text-align: justify; line-height:18px; color:#3f3f3f; margin-bottom:15px}
.box-news h4:hover{color:#005a79}
.box-news span{color:#005a79}

.box-support{margin-bottom:10px}
.box-support section{padding:10px 0; border-bottom:1px solid #d3d3d3}
.box-support section:last-child{border-bottom:none; padding:10px 0 20px}
.box-support p{padding:4px 0; font-size: 14px;}
.box-support i{margin-right:5px}
.box-support span{ width:100%; margin-bottom:10px}
.box-support span a{display:inline-block; border:1px solid #e3e3e3; background:#f2f2f2; padding:4px; border-radius:2px}
.box-support img{margin:0 5px}

.box-banner{margin-bottom:0}

.box-brand{text-transform:uppercase; font-size:16px; font-weight:500; margin-bottom:15px;}
.box-brand .wrap-box{padding:15px}
.box-brand h4{margin:15px 0;font-weight:bold;}
.box-brand a{ display: flex; align-items: center; justify-content: center; width:100%; padding:10px;  margin:5px 0; border:1px solid #d6d6d6;}
.box-brand img{height:55px;}
.box-brand h3 a{ padding:0; border:none; }
/*-------------- WRAPPER - MAIN CONTENT ----------------*/
/*#wrapper{padding-top:25px;}*/
.main-content{float:right;}
.product-category .main-content, .category .main-content{background:#fff}

/*-------------Slide-----------*/
#slideshow{ position:relative; border:1px solid #d6d6d6;}

#slideshow .customNavigation{ bottom:60%;}
#slideshow .btn{color: #005a79;}

#slider{height:350px; overflow:hidden}
#slider .owl-item{padding:0 !important}
#slider .owl-item .item{border:none !important}
#slider.owl-carousel .owl-wrapper-outer,
#slider.owl-carousel .owl-wrapper, #slider.owl-carousel .owl-item
{height:100%}
.item, .item img{width:100%; height:100% !important;}

/*------------- ABOUT -----------*/
.block .products{ background:#fff; }
.block .wrap-block{ padding:0 15px 20px;}
.about{margin:20px 0; border:1px solid #e3e3e3; color:#3f3f3f; border-radius:5px; padding:15px}
.text-about h2{font-size:22px; line-height:28px; text-transform:uppercase; font-weight:500}
.img-about{padding-left:40px}
.about .desc{color:#3f3f3f; font-size:14px;}

/*------------- PRODUCT -----------*/
.block-products .main-content{float:left}
.block-products .sidebar{padding-left:15px; padding-right:0}
.products{margin-bottom:25px}
.title-block h2, .title-block h1{display:block; line-height: 24px; padding:15px; border-left:5px solid #005a79; border-bottom:1px solid #005a79; text-transform:uppercase; font-weight:bold; font-size:18px; color:#005a79; text-align:left; margin-bottom:5px}
.item-post:nth-child(3n+1){padding-left:0; padding-right:10px}
.item-post:nth-child(3n+3){padding-left:10px; padding-right:0}
.post{border:1px solid #e3e3e3; padding:5px; box-shadow: 2px 3px 5px rgba(0,0,0,0.4);}
.img-post{height:150px}

/*-------------- FOOTER----------------*/
#footer{
	border-top:2px solid #d6d6d6;
}
h3.title-dt
{
    text-align: center;
}
    h3.title-dt:after {
        content: '';
        border: 1px solid #dddddd;
        float: left;
        width: 100%;
        margin-top: -10px;
    }
    h3.title-dt span {
        background: #fff;
        padding: 0 20px;
        color: #347ac8;
        font-weight: bold;
        
    }
    .top-footer {
        padding: 35px 0 20px;
        background: #fff;
        color: #333
    }
.top-footer h3{display:block; padding:0 0 25px; font-size:22px; font-weight:500; text-transform:uppercase;}
.col-footer{padding:0 15px; line-height:23px}
.left-footer{text-align:center;}
.left-footer img{margin-bottom:5px}
.left-footer p{margin:20px 0 10px}
.social{padding:10px 0}
.social a{display:inline-block; width:40px; height:40px; padding-top:9px; font-size:22px; color:#fff; border-radius:50%; margin:0 5px}
.social a.facebook{background:#3b579d}
.social a.gplus{background:#e46044}
.social a.twitter{background:#5ea9dd}
.social a.ytube{background:#d62422}
.social a.rss{background:#f60}
.tag-cloud a{display:inline-block; margin:5px; padding:5px 7px; text-align:center; border:1px solid #e3e3e3; border-radius:5px}
.col-footer ul li{padding:10px 0 5px; /*border-bottom:1px dashed #e3e3e3;*/}
.col-footer ul li:first-child{padding-top:0; font-size:16px}
.col-footer ul li:last-child{border-bottom:none; padding-bottom:0}
.col-footer i{width:30px; font-size:18px;}
.copyright {
    padding: 10px 20px;
    text-align: center;
    background: #3173bc;
    color: #fff
}.map iframe{	max-width: 100%;    height: 280px;}

.banner{position: absolute; top: 20px;}
#banner_l{	left: 0;}
#banner_r{right: 0;}
.zindex{z-index: -999;}
.banner a{display: block;width: 100%;height: 100%; border:0;text-indent: -9999px}

#wrapper .title-block{margin-bottom:20px}
/*---Phân trang---*/
.wp-pagenavi{display:block; padding:15px 0; text-align:center; font-size:14px}
.wp-pagenavi ul li{display:inline-block; margin:5px 0 }
.wp-pagenavi ul li a{display:block; background:#e7e7e7; text-align:center; padding:5px 10px; color:#626262; transition:all 0.3s linear}
.wp-pagenavi span{background:#21759b; color:#fff}
.wp-pagenavi a:hover, .wp-pagenavi a.current{background:#21759b; color:#fff}

/*----------- DANH MỤC BÀI VIẾT ------- c3e8f8 - 21759b ----*/
.article{padding:15px 0; border-bottom:1px solid #e3e3e3}
.thumbnail-article{overflow:hidden}
.thumbnail-article img{width:100%; min-height:185px;}
.info-article{padding-left:25px}
.info-article h4{font-size:18px; line-height:20px; font-weight:500; margin-bottom:10px}
.desc{font-size:13px; font-style:italic; padding:5px 0; line-height:18px}
.viewdetail{display:inline-block; padding:10px 20px; border:1px solid #c3e8f8; text-transform:uppercase; font-size:17px; color:#21759b; margin-top:15px}
.viewdetail:hover{background:#21759b; color:#fff}

/*-------------- CHI TIẾT BÀI VIẾT-------- c3e8f8 - 21759b --------*/
.single .content img{display:block; margin:15px auto; max-width:100%}

.related-post{margin:40px 0 0;}
.related-post h3{text-transform:uppercase; font-weight:500; margin-bottom:10px; font-size:18px}
.related-post ul li a{display:block; padding:10px 0; border-bottom:1px solid #e3e3e3; font-size:14px; font-weight:500; position:relative; padding-left:20px}
.related-post ul li:last-child a{border-bottom:none}
.related-post ul li a:after{position:absolute; top:10px; left:0; content:"\f192"; font-family:'FontAwesome'}

.comments{padding:20px 0}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}

/*----------------- LIÊN HỆ ------------ c3e8f8 - 21759b -----------*/
.maps{height:400px}
.maps iframe{width:100%; height:100%}
.form-lien-he{background:url(../images/bg-intro.jpg) no-repeat; background-size:cover; padding:30px 0 20px}
.form-lien-he div{padding:20px 0; text-align:center; width:75%; margin:0 auto;  color:#fff;}
.form-lien-he input{width:48%; float:left; margin-right:2%; margin-bottom:20px; background:none}
.form-lien-he input:nth-child(2n+2){margin-right:0; float:right}
.form-lien-he textarea{width:100%; min-height:180px; max-height:300px; max-width:100%;  background:none}
.form-lien-he input, .form-lien-he textarea{padding:10px 20px; outline:none; border:1px solid #e2dbcf; transition:all 0.3s linear; font-weight:normal}
.form-lien-he input:nth-child(5n){width:100% !important; margin-right:0}
.form-lien-he input[type=submit]{margin:20px auto; float:none; background:none; color:#d5d5d5; text-transform:uppercase; font-weight:600}
.form-lien-he input[type=submit]:hover{color:#fff; border-color:#ed1b24; cursor:pointer; background:#ed1b24}
.form-lien-he input::-webkit-input-placeholder, .form-lien-he textarea::-webkit-input-placeholder { color: #fff;}
.form-lien-he input:-moz-placeholder, .form-lien-he textarea:-moz-placeholder {color: #fff  }
.form-lien-he input:-ms-input-placeholder, .form-lien-he textarea:-ms-input-placeholder  {color: #fff; }

/*DANH MỤC SẢN PHẨM*/
.product-category .item-post:nth-child(2n+1){padding-left:5px; padding-right:5px}
.product-category .item-post:nth-child(2n+2){padding-left:5px; padding-right:5px}
.product-category .item-post:nth-child(3n+1){padding-left:0; padding-right:10px}
.product-category .item-post:nth-child(3n+3){padding-left:10px; padding-right:0}

/*--------------- CHI TIẾT SẢN PHẨM ----------------*/
.single .main-content{
	padding:0 15px 30px;
}
.single .main-content .title-block{
	margin-left: -15px;
    margin-right: -15px;
} 
.box-product{padding:0 15px 15px}
.thumbnail-product{margin-bottom:15px}
.info-product{font-size:16px; padding-left:20px}
.info-product ul li{display:block; margin-bottom:8px}
.info-product .desc{font-size:15px}
.hotline{float:left; display:block; text-align:center; padding:15px; font-size:20px; text-transform:uppercase; color:#fff; background:#e46044; margin:20px 0}
.hotline b{font-size:20px;}

.title-single{margin:10px 0 20px; border-bottom:1px solid #d6d6d6; font-size:18px; text-transform:uppercase; font-weight:600;}
.title-single h2{display:inline-table; padding:10px 20px; padding-left:0; margin-bottom:-2px; border-bottom:3px solid #21759b}

.nav-tabs>li>a{border-radius:0; background:#fff; color:#333;  border: 1px solid #ddd;}
.nav-tabs>li.active>a{
	color:#fff;
	background:#005a79;
	border-color:#005a79;
}
.tab-content{border:1px solid #ddd; border-top:none; padding:20px}