/*   
Theme Name: MES VIỆT NAM
Theme URI: http://www.mesvietnam.com
Description: theme được xây dựng bởi thubkit.hut dựa trên nền WORDPRESS 4.2.2
Author: THUBKIT
Author URI: http://www.hocweb123.com
Version: 1.0
*/

/*SYLE PAGE INDEX*/
#wrapper{max-width: 1005px; margin: 0 auto; padding: 0px;}
.row{margin: 0px;}
li{list-style-type: none;}
a, a:hover {text-decoration: none;}
a.more-link{padding-left: 10px!important;}
.add_glyphicon {position: absolute;right: 10px;top: 13px;color: #150FFC;}
.active .addSpan{position: absolute;right: 10px;top: 13px;color: #150FFC;transform:rotate(90deg);}
.sidebar_left li.current-menu-item{background-color: #d3d3d3;}
ul.menu li{background: url(images/icon_menu.png) no-repeat center left;   background-position: 15px; transition:all 0.5s;} 
/*#STYLE HEADER*/
#header{border-bottom: 2px solid #361FFF; padding-bottom: 35px; margin-bottom: 35px; position: relative;}
#header .company{position: absolute; top: 13px; left: 265px;}
#header .company h1{color: #361FFF}
#header .logo{width:200px; height: 100px; margin-top: 25px; margin-left: -20px;}
#header .logo img{width: 100%; height: auto;}
#header .lang{margin-top: 35px; margin-right: 20px;}
#header .lang .lang-item{width: 35px;}
#header .lang .lang-item img{width: 100%;}
#header .navbar{margin:-20px 20px 0 0; min-height: 30px; border: none; border-radius: none; background: none; box-shadow: none;}
#header .navbar ul.navbar-nav li a{padding: 5px 20px; transition:all 0.5s; border: 1px solid #fff; border-radius: 10px; color: #4b4b4b;}
#header .navbar ul.navbar-nav li a:hover{border: 1px solid #4b4b4b; border-radius: 10px;}
#header .navbar ul.navbar-nav{position: relative;}
#header .navbar ul ul.sub-menu{position: absolute; padding: 0; width: 400px; display: none; top: 36px;}
#header .navbar ul ul.sub-menu li{float: left;}
#header .navbar ul ul.sub-menu li a{margin-right: 2px;}
#header .navbar ul.navbar-nav>li:hover ul.sub-menu{display: block;}
#header .navbar ul li.current-menu-item a{border: 1px solid #4b4b4b; border-radius: 10px;}
/*STYLE #NEWS*/
#news{margin: 20px auto;}
#news .col-md-3{padding: 0px; max-width: 222px; margin-right: 39px;}
#news .col-md-3:last-child{margin-right: 0px;}
#news .col-md-3 .block .detail{min-height: 128px; padding-top: 30px;}
#news .col-md-3 .block{max-width: 222px;}
#news .col-md-3 .block p a{margin: 0; color: #fff; display: block;}
#news .col-md-3 .block .tit{opacity: 0.9; color: #fff; text-align: center; line-height: 25px;}
#news .col-md-3:first-child .block{background: url(images/lichsuhinhthanh.jpg) no-repeat;}
#news .col-md-3:first-child .block .detail ul li a{color:#1fa432; transition:all .5s;}
#news .col-md-3:first-child .block .detail ul li a:hover{color: #fff;}
#news .col-md-3:first-child .block .tit{background: #c62c66;}
#news .col-md-3:nth-child(2) .block{background: url(images/thuongmai.jpg) no-repeat;}
#news .col-md-3:nth-child(2) .block .tit{background: #4fc1cb;}
#news .col-md-3:nth-child(2) .block .detail ul li a{color:#fff; transition:all .5s;}
#news .col-md-3:nth-child(2) .block .detail ul li a:hover{color: #1fa432;}
#news .col-md-3:nth-child(3) .block{background: url(images/giacong.jpg) no-repeat;}
#news .col-md-3:nth-child(3) .block .tit{background: #fa50d4;}
#news .col-md-3:nth-child(3) .block .detail ul li a{color:#fff; transition:all .5s;}
#news .col-md-3:nth-child(3) .block .detail ul li a:hover{color: #1fa432;}
#news .col-md-3:last-child .block{background: url(images/lienket.jpg) no-repeat;}
#news .col-md-3:last-child .block .tit{background: #9f29d6;}
#news .col-md-3:last-child .block .detail ul li a{color:#de671e; transition:all .5s;}
#news .col-md-3:last-child .block .detail ul li a:hover{color: #fff;}
/*STYLE #SLIDER_BOX*/
#slider_box{margin: 0 auto;}
#slider_box .col-md-4{padding: 0px; max-width: 322px;margin-right: 19px;}
#slider_box .col-md-4:last-child{margin-right: 0px;}
#slider_box .box{width: 322px; height: 182px; border: 1px solid #a993ad; position: relative;}
#slider_box .box .title{background: #a993ad; text-align: center; color: #fff; line-height: 30px; position: absolute; top: 0; left: 0; width: 100%; z-index: 9999;}
#slider_box .box .title p{margin: 0px;}
.box .detail-home{margin-top: 50px !important;}
.box .detail{color: red; margin-top: 20px;}
.box .detail p img{padding-right: 10px;}
.box .detail p a{color: red;}
.box .detail p.text-center span{font-weight: bold;}
.box .detail p:nth-child(2),.box .detail p:nth-child(3){text-indent: 5px;font-size: 11.5px;}
#slider_box .box .video{margin-top: 30px; width: 321px; height: 151px;}
#slider_box .box .video iframe{width:100%!important; height: auto;}
#slider_box .box .tvo-carousel{height: 180px!important;}
#slider_box .col-md-4 .box .tvo-carousel ul li{width: 100%!important;}
#slider_box .col-md-4 .box .tvo-carousel ul li img{width: 100%;}
/*STYLE #FOOTER*/
#footer{background: #000; padding: 20px 20px; margin: 20px auto; color: #ddd6d6;}
#footer a{color: #ddd6d6;}
#footer .col-md-4{padding: 0px;}
#footer .col-md-4:first-child a>img{width:50%;}
#footer .col-md-4:first-child p{font-size: 18px;}
/*STYLE PAGE PRODUCT*/
/*STYLE #SIDEBAR_LEFT*/
#content{margin-top: 30px;}
#content .sidebar_left{margin-top: -10px;}
#content .sidebar_left .head_box{position:relative; background-color: #d3d3d3!important; border: 1px solid #d3d3d3; cursor: pointer;}
#content .sidebar_left .head_box p{margin: 0px; color: #000;}
#content .sidebar_left .head{background: #361FFF; line-height: 40px; text-align: center; color: #fff; font-size: 16px;}
#content .sidebar_left ul.menu{padding: 0px; border: 1px solid #d3d3d3;}
#content .sidebar_left .product{margin: 10px auto;}
#content .sidebar_left .about{margin: 10px auto;}
#content .sidebar_left ul.menu li a{display: block; line-height: 30px; padding-left: 30px; border-bottom: 1px solid #d3d3d3; color: #000;}
#content .sidebar_left ul.menu li:last-child a{border-bottom: none;}
#content .sidebar_left ul.menu li:first-child a{ border-top: 1px solid #fff;}
#content .sidebar_left .box_work{margin: 10px auto;}
#content .sidebar_left ul.menu li:hover{background-color: #d3d3d3; color: #fff;}
#content .sidebar_left .box{border: 1px solid #361FFF; margin: 10px auto;}
#content .sidebar_left .box .title{line-height: 40px; text-align: center; color: #fff; background-color: #361FFF;}
/*#content .sidebar_left .box .detail{text-align: center; color: red; margin-top: 20px;}*/
#content .sidebar_left .box .detail p img{padding-right: 10px;}
#content .sidebar_left .box .detail p a{color: red;}
/*#content .sidebar_left .list_chemistry,#content .sidebar_left .list_plastic{display: none;}*/
#content .sidebar_left .list_news{margin: -10px 0 0 0;}
#content .sidebar_left .product .none{display: none;}
/*STYLE ARCHIVE*/
#content .desc{margin-top: -25px;}
#content .content_archive .archive{margin-top: -20px; padding: 0px;}
#content .content_archive{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd;}
#content .content_archive:last-child{border-bottom: none;}
#content .content_archive .col-md-4{width: 100px; height: 100px;}
#content .content_archive img{width: 100%; height: auto;}
/*STYLE #MAIN_CONTENT*/
#content .main_content ul{padding: 0px 10px;}
#content .main_content ul li{width:160px;min-height: 200px ; float:left; border: 1px solid #361FFF; padding: 10px; margin-right: 4px; margin-bottom: 20px;}
#content .main_content ul li:nth-child(3n){margin-right: 0px;}
#content .main_content ul li a.button{border: 1px solid #361FFF; background: #361FFF; display: block; margin: 10px auto; text-align: center; color: #fff;padding: 5px; transition:all .5s;  font-size: 12px;}
#content .main_content ul li:hover a.button {background: #fff; color: #361FFF;}
#content .main_content ul li .thum{width: 110px; height: 135px;margin: 0 auto; overflow: hidden;}
#content .main_content ul li .thum img{width: 100%; height: auto;}
/*STYLE #SIDEBAR_RIGHT*/
#content .col-md-3{padding:0; width: 23%;}
#content .col-md-6{padding:10px; width: 53%; margin: 0 5px; border: 1px solid #808080; border-radius: 5px;}
#content .sidebar_right .add{background: #d6cfd7; padding: 10px;}
#content .sidebar_right .add .detail p{text-align: center; color: #575757;}
#content .sidebar_right .add .phone{background: url(images/phone.jpg) no-repeat left center; padding-left: 70px;}
#content .sidebar_right .add .phone p{word-wrap:break-word; color: #361FFF; font-size: 12px;}
#content .sidebar_right .box{min-height: 182px; border: 1px solid #361FFF; position: relative; margin: 10px auto;}
#content .sidebar_right .box .title{background: #361FFF; text-align: center; color: #fff; line-height: 30px; position: absolute; top: 0; left: 0; width: 100%; z-index: 9999;}
#content .sidebar_right .box .title p{margin: 0px;}
#content .sidebar_right .box .tvo-carousel ul li{height: 160px; margin-top: 20px;}
#content .sidebar_right .box .tvo-carousel{height: 180px!important;}
#content .sidebar_right .box .tvo-carousel img{width: 100%; height: auto;}

/*STYLE PAGENAVI*/
a.nextpostslink {
  padding-left: 20px;
  font-size: 20px;
}
a.previouspostslink {
  padding-right: 20px;
  font-size: 20px;
}
span.pages {margin-right: 20px;}
span.current{padding: 6px 10px; color: #fff; background: blue; margin: 0 5px; border-radius: 50%;}
a.page.larger{padding: 6px 10px; color: #000; background: yellow; margin: 0 5px;border-radius: 50%;}
a.page.smaller{padding: 6px 10px; color: #000; background: yellow; margin: 0 5px;border-radius: 50%;}
#footer img{width:120px!important;}