@charset "utf-8";

@font-face {
    font-family: 'utm-regular';
    src: url(fonts/UTM-Avo.woff);
}
@font-face {
    font-family: 'utm-bold';
    src: url('fonts/UTM-Avo-Bold.woff');
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url(fonts/Roboto-Regular.ttf);
}
@font-face {
    font-family: 'UTMThuPhapThienAn';
    src: url(fonts/UTMThuPhapThienAn.woff);
}
@font-face {
    font-family: 'UTMA-SSignwriter';
    src: url(fonts/UTMA-SSignwriter.woff);
}
@font-face{
	font-family:'FontAwesome';
	src:url('font-awesome/fonts/fontawesome-webfont.eot');
	src:url('font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('font-awesome/fonts/fontawesome-webfont.woff') format('woff'),
		url('font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'),
		url('font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
	font-weight:normal;
	font-style:normal
}
[class^="icon-"]:before,[class*=" icon-"]:before{
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	display:inline-block;
	text-decoration:inherit
}
body{font-size:14px; margin:0px; color:#333; background:#fff}
h1, h2, h3, h4, h5, h6, a, span, p, button, input, label, i,img, .header-menu .menu ul li{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
li{list-style-type:none;}
a{text-decoration:none;color:inherit}
a:hover{text-decoration:none}
.main{width:1000px;margin:auto;}
.clear{clear: both}
.clearfix:after{content:"";display:table;clear:both;}
input, input:hover, input:focus, textarea, textarea:hover, textarea:focus, button, button:hover, button:active, button:focus, select, select:active, select:hover, select:focus{outline:none;}
.left{float:left;}
.right{float:right;}
p{line-height:22px;}
ul{vertical-align:middle;}
img{vertical-align:middle;max-width:100%;}
*, *:before, *:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
*:focus{outline:none;}
button{cursor:pointer;}
table{border-collapse:collapse; max-width: 100%}
textarea{font-family:inherit;}
/*--------------------*/
.head-contact{background-color: #D0D2D3; padding: 5px 0}
.header-menu{ background-color: #0c6d45;border-top: 3px solid #D10909; box-shadow: 0px 2px 4px #043820}
.header-menu .logo>a{ position:absolute; bottom: 0; left: 50%; margin-left: -71px; z-index: 10}
.header-menu .logo>a img{width: 142px; height: 142px}
.header-menu .danhmuc{position:relative;z-index:1;padding:10px 0;}
.header-menu .danhmuc .menu-hover{border-radius:20px;display:inline-flex;align-items:center;padding:10px 20px 10px 120px;color:#fff;background:#0c6d45;cursor:pointer;}
.header-menu .danhmuc .menu-hover>a{margin-right:10px;display:inline-block;}
.header-menu .danhmuc .menu-hover>a span{display:block;width:28px;height:4px;border-radius:5px;background:#fff;margin-bottom:3px;vertiical-align:middle;}
.header-menu .danhmuc .menu-hover>a span:last-child{margin-bottom:0px;}
.header-menu .danhmuc .menu-hover>span{text-transform:uppercase;}
.header-menu .menu{margin: 0}
.header-menu .menu ul>li{float: left; position: relative}
.header-menu .menu>ul>li.menu-item-has-children a{padding: 0 25px 0 15px}
.header-menu .menu ul>li.menu-item-has-children:after{ content: '\f0d7'; font-family: 'FontAwesome'; float: right; position: absolute; bottom: 0; margin-bottom: 13px; right: 0; margin-right: 10px; color: #fff}
.header-menu .menu ul>li:last-child{margin-right:0px;}
.header-menu .menu ul>li>a{display:block;color:#fff; position:relative; line-height: 50px; padding: 0 15px}
.header-menu .menu ul>li:hover, .header-menu .menu li.current-menu-item, .header-menu li.current-menu-parent, .header-menu li.current-post-parent{background-color: #D10909}
.header-menu .menu .sub-menu {position: absolute; background-color: rgba(35, 138, 91, 0.8); width: 280px; display: none; z-index: 1}
.header-menu .menu .sub-menu li{width: 100%; border-bottom: 1px dotted #fff}
.header-menu .menu .sub-menu li.menu-item-has-children:after{content: '\f0da'; margin-bottom: 10px}
.header-menu .menu .sub-menu li:last-child{ border-bottom: none}
.header-menu .menu .sub-menu a{text-transform: inherit; line-height: 40px}
.header-menu .menu .sub-menu .sub-menu{top: 0; left: 280px}
.header-menu .menu ul>li:hover>.sub-menu{display: block}
.header-menu .danhmuc:hover nav{visibility:visible;opacity:1;z-index:9;top:100%;}
nav{position:absolute;top:130%;left:0;width:1000px;background:#fff;border-top: 2px solid #112f0f;visibility:hidden;opacity:0;z-index:-1;transition:0.3s ease-in-out;}
nav>ul{display:inline-block;width:100%;padding:30px 350px 10px 20px!important;background:url(images/bg-nav.jpg) center no-repeat;background-size:cover;box-shadow: 0px 2px 5px 0px #999;}
nav>ul>li:nth-child(3n){margin-right:0px;}
nav>ul>li{width:31%;float:left;margin-right:3.5%;}
nav>ul>li>a{color:#444;display:block;padding:10px 5px;border-bottom:1px solid #797979;font-size:14px;font-weight:500;font-family:Arial;}
nav>ul>li>a:hover{color:#112f0f;}
/*------------------------------*/
#wrapper{padding:30px 0;}
.trangchu .module{margin-bottom:30px;}
.trangchu .module:last-child{margin-bottom:0px;}
#banner .slider img{width:100%;}
#banner .search ul{background:#e7e7e7;padding:7px 0;position:relative;z-index:1;display:flex;align-items:center;}
#banner .search ul:before{content:"";position:absolute;bottom:5px;left:0;right:0;height:2px;background:#112f0f;}
#banner .search ul>li{width:27%;float:left;margin-left:2%;}
#banner .search ul>li:first-child{width:42%;margin-left:0;}
#banner .search ul>li.lh{background:#0c6d45;padding:5px;color:#fff;display:flex;align-items:center;position:relative;}
#banner .search ul>li.lh:after{content:"";position:absolute;left:100%;bottom:0;border-left:5px solid rgba(0,0,0,0.15);border-top:21px solid rgba(0,0,0,0.15);border-right:5px solid transparent;border-bottom:21px solid transparent;}
#banner .search ul>li.lh:before{content:url(images/icon-map.png);margin-right:10px;}
#banner .search ul>li:nth-child(2):before{content:url(images/icon-tuvan.png)}
#banner .search ul>li.tk{padding:0 10px 0 0;}
#banner .search ul>li.tk .form{position:relative;}
#banner .search ul>li.tk .form .input{padding:3px;border-radius:20px;background: rgba(199,200,202,1);
background: -webkit-linear-gradient(top, rgba(199,200,202,1) 0%, rgba(239,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(199,200,202,1) 0%, rgba(239,237,237,1) 100%);}
#banner .search ul>li.tk .form input{width:100%;line-height:32px;padding:0 20px;border-radius:20px;border:0px;background:#fff;}
#banner .search ul>li.tk .form .button{position:absolute;top:-3px;bottom:-3px;width:44px;right:0;padding:5px;background: rgba(199,200,202,1);
background: -webkit-linear-gradient(top, rgba(199,200,202,1) 0%, rgba(239,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(199,200,202,1) 0%, rgba(239,237,237,1) 100%);border-radius:50%;}
#banner .search ul>li.tk .form button{background:#019344;height:100%;width:100%;border:0px;border-radius:50%;color:#fff;font-size:20px;}
/*-------------------------------*/
#danhmuc .title{position: relative; font-size: 14pt; color: #0c6d45; margin-bottom: 30px}
#danhmuc .title:before, #danhmuc .title:after{position: absolute; bottom: 0; content: ''; height: 2px; left: 50%}
#danhmuc .title:before{width: 324px; background-color: #D9D9D9; margin-bottom: -10px; margin-left: -162px}
#danhmuc .title:after{width: 100px; background-color: #0c6d45; margin-bottom: -10px; margin-left: -50px}
#danhmuc ul li{margin-bottom: 1.5%; text-align: center}
#danhmuc ul>li>a{ background:#0c6d45; color:#fff; padding:0 20px; height: 80px; display:flex;align-items:center; justify-content: left}
#danhmuc ul>li>a .bg-cate{position: absolute; right: 0; margin-right: 30px}
#home_about{margin-bottom: 20px}
/*-------------------------*/
.danhmucbenh  .tab-list{margin-bottom:20px;}
.danhmucbenh  .tab-list>ul{display:table;width:100%;background:#0c6d45;padding-left:40px;position:relative;border-radius:20px 0 0 20px;}
.danhmucbenh  .tab-list>ul:before{content:"";position:absolute;z-index:1;width:50px;height:50px;background:url(images/logo.png) center no-repeat;background-size:100%;left:-1px;top:-8px;}
.danhmucbenh  .tab-list>ul>li{display:table-cell;border-right:1px solid #02863f;position:relative;}
.danhmucbenh  .tab-list>ul>li:last-child{border-right:0px;}
.danhmucbenh  .tab-list>ul>li>a{display:block;text-align:center;padding:10px 5px;color:#fff;font-size:13px;}
.danhmucbenh  .tab-list>ul>li:before{content:"";position:absolute;z-index:1;top:100%;left:50%;right:50%;height:2px;background:#f7941e;transition:0.3s;-webkit-transition:0.3s;}
.danhmucbenh  .tab-list>ul>li.active>a{color:#f7941e}
.danhmucbenh  .tab-list>ul>li.active:before{left:0;right:0;}
.danhmucbenh .content{display:flex;}
.danhmucbenh .content .left{width:70%;margin-right:3%;}
.danhmucbenh .content .right{width:27%;border:1px solid #ccc;position:relative;}
.danhmucbenh .tab-content{display:none;}
.danhmucbenh .tab-content.show{display:block;}
.danhmucbenh .tab-content article{width:48%;float:right;display:inline-block;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #0c6d45;}
.danhmucbenh .tab-content article:first-child{float:left;margin-right:4%;border-bottom:0px;margin-bottom:0px;padding-bottom:0px;}
.danhmucbenh .tab-content article .img{width:30%;float:left;margin-right:2%;}
.danhmucbenh .tab-content article .img img{height:70px;object-fit:cover;}
.danhmucbenh .tab-content article:first-child .img img{height:235px;object-fit:cover;}
.danhmucbenh .tab-content article:first-child .img{width:100%;float:none;margin-right:0px;}
.danhmucbenh .tab-content article h3{width:68%;float:right;text-transform:uppercase;font-size:12px;margin-bottom:10px;line-height:20px;height:34px;}
.danhmucbenh .tab-content article:last-child{border-bottom:0px;margin-bottom:0px;margin-bottom:0px;}
.danhmucbenh .tab-content article:first-child h3{width:100%;float:none;margin:10px 0;font-size:14px;color:#0c6d45;height:40px;}
.danhmucbenh .tab-content article:hover h3{color:#0c6d45;}
.danhmucbenh .tab-content article .time{color:#777;font-size:12px;font-style:italic;}
.danhmucbenh .tab-content article .xemthem{text-align:center;position:relative;margin-top:10px;}
.danhmucbenh .tab-content article .xemthem>a{padding:5px 15px;background:#fff;display:inline-block;background:#0c6d45;color:#fff;border-left:20px solid #fff;border-right:20px solid #fff;position:relative;z-index:2;}
.danhmucbenh .tab-content article .xemthem:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto 0;height:2px;background:#0c6d45;z-index:1;}
.danhmucbenh .tab-content article .xemthem>a:hover{background:#112f0f;}
.dm-benh1 .right>img{cursor:pointer;}
.dm-benh1 .right h4{font-size:20px;color:#112f0f;margin-bottom:10px;display:flex;align-items:Center;font-weight:400;margin-top:20px;}
.dm-benh1 .right h4 i{font-size:40px;font-weight:400;margin-right:10px;}
.dm-benh1 .right p{font-size:14px;padding:10px;text-align:justify;}
.danhmucbenh .content .right>a.hl{position:absolute;z-index:1;bottom:0;left:0;right:0;display:flex;align-items:center;padding:10px;background:#112f0f;font-size:25px;font-weight:bold;color:#fff;justify-content:center;}
.danhmucbenh .content .right>a.hl:before{content:url(images/icon-tuvan.png);margin-right:10px;margin-bottom:-5px;}
.dm-benh2{border:7px solid #efeaf4;background:#d7e1e2;padding:10px;text-align:center;position:relative;z-index:1;}
.dm-benh2:before{content:url(images/baomat.png);position:absolute;top:-7px;right:-7px;z-index:2;}
.dm-benh2 h4{font-size:25px;text-transform:uppercase;color:#112f0f;margin-bottom:15px;margin-top:40px;}
.dm-benh2>p{text-align:left;}
.dm-benh2>p>i{color:#f15a29}
.dm-benh2 input{width:100%;border-radius:15px;border:0px;line-height:30px;padding:0 10px;color:#f15a29}
.dm-benh2 input::placeholder{color:#f15a29}
.dm-benh2 input[type="submit"]{ border: 0px; background: #112f0f; color: #fff; padding: 0 20px; border-radius: 15px; text-transform: uppercase; width: inherit}
.dm-benh2 .content .right>a.hl{background:#0c6d45;font-size:20px;border-top:5px solid #efeaf4}
.dm-benh2 .content .right>a.hl:before{content:initial;}
.dm-benh3 .content .right{padding:20px;}
.dm-benh3 .content .right h4{text-align:center;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:23px;font-weight:400;color:#112f0f;}
.dm-benh3 .content .right h4:after{content:url(images/icon-cm.png);margin-left:15px;}
.dm-benh3 .slick-dots{bottom:-35px;}
.dm-benh3 .slick-dots li button:before{font-size:15px;color:#58595b;opacity:1;}
.dm-benh3 .slick-dots li.slick-active button:before{color:#112f0f;}
.dm-benh3 .slick-dots li{margin:0px;}
.dm-benh3 .slide-camnhan .item{padding:0 5px}
.dm-benh3 .slide-camnhan .item p{text-align:justify;}
.dm-benh3 .slide-camnhan .item p:before{content:url(images/nhay-mo.png);margin-right:7px;}
.dm-benh3 .slide-camnhan .item p:after{content:url(images/nhay-dong.png);margin-left:7px;}
.dm-benh3 .slide-camnhan .item span{display:block;text-align:center;margin-top:10px;font-weight:bold;color:#112f0f;}
/*---------------------------*/
#lido{margin-top:30px;display:inline-block;width:100%;}
#lido h2{text-align:center;margin-bottom:30px;font-size:22px;font-weight:400;text-transform:uppercase;color:#555;}
#lido .content{background:#e6e4e5;padding-bottom:20px;}
#lido .content .main{border-top:1px solid #112f0f;text-align:center;}
#lido .content .main>span{display:inline-block;padding:7px 20px;background:#112f0f;color:#fff;font-size:16px;position:relative;top:-16px;}
#lido .content ul{display:flex;flex-wrap:wrap;margin-top:15px;}
#lido .content ul>li{flex:15%;max-width:15%;text-align:center;background:#0c6d45;padding:15px 5px;}
#lido .content ul>li:nth-child(2n){flex:6%;max-width:6%;background:url(images/arrow-right.png) center no-repeat;}
#lido .content ul>li>img{width:80px;margin-bottom:10px;}
#lido .content ul>li>span{display:block;color:#fff;font-size:13px;}
/*-----------Môi trường------------*/
#moitruong {margin: 30px 0;}
#moitruong .title:before, #moitruong .title:after{content:''; position: absolute; top: 50%; width: 100%; height: 1px; background-color: #5D5D5D; z-index: 1}
#moitruong .title:before{left: 0;}
#moitruong .title:after{right: 0}
#moitruong .title{text-align:center; margin-bottom: 20px; position: relative}
#moitruong .title .box{display:inline-block;padding:0 50px 15px 50px;position:relative; background-color: #fff;z-index: 2; border-left: 10px solid #fff; border-right: 10px solid #fff;}
#moitruong .title .box:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #5d5d5d;z-index:1;}
#moitruong .title>.box>span{background:#fff;padding:0 15px;text-transform:uppercase;display:inline-block;font-size:15px;color:#5d5d5d;top:-8px;position:relative;z-index:2;}
#moitruong .title>.box>h2{text-transform:uppercase;font-size:35px;color:#112f0f; margin: 0}
#moitruong ul{text-align: center; margin-bottom: 30px}
#moitruong ul>li{display:inline-block;margin:0 5px;padding:10px 25px;background:#006838;color:#fff;}
#moitruong .slick-center img{transform:scale(1.4);border:5px solid #1d75b8;}
#moitruong .slick-list{padding:45px 0!important}
#moitruong .slick-slide{border:1px solid #1d75b8;}
#moitruong .slick-prev{right:0px;left:initial;background:#026839;}
#moitruong .slick-prev:before{content:'\f104';font-family:FontAwesome;color:#fff;font-size:20px;}
#moitruong .slick-next{right:-30px;background:#026839;}
#moitruong .slick-next:before{content:'\f105';font-family:FontAwesome;color:#fff;font-size:20px;}
#moitruong .slide-content button.slick-arrow{opacity:1;line-height:30px;}
#moitruong .slide-content button.slick-arrow:hover{background:#0c6d45}
.slick-slide img{margin: 0 auto}
/*--------------footer---------------*/
.footer-1{background:url('images/bg-footer-1.png') center no-repeat;background-size:100% 100%; margin-top: 20px}
.footer-1 .left{width: 60%}
.footer-1 .right{width: 40%;display:flex;align-items:center}
.footer-1 .left img{width:110px;margin-top:-10px;margin-right:10px;margin-bottom:5px;}
.footer-1 .left span{text-transform:uppercase;font-weight:400;font-size:23px;color:#fff;margin-bottom:-20px;position:relative;bottom:-10px;}
.footer-1 .right>i{width:60px;height:60px;min-width:60px;background:#fff;text-align:center;line-height:60px;font-size:30px;border-radius:50%;margin-right:10px;color:#0c6d45;}
.footer-1 .right form{padding:14px 0; position: relative}
.footer-1 .right form>p{margin-bottom:5px;font-size:14px;line-height:18px;}
.footer-1 .right form input{line-height:30px;padding:0 10px;border:0px;width:80%;}
.footer-1 .right form input[type="submit"]{ width: inherit; position: absolute; right: 0;}

/* .footer-2{background:#272727;}
.footer-2 .box-footer ul>li>a:hover{text-decoration:underline;}
.footer-2{padding:25px 0 10px 0;color:#fff;}
.footer-2 .title-widget-ft{font-size:16px;font-weight:400;margin-bottom:10px;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:10px; display: block}
.footer-2 .box-footer ul>li>a{display:block;padding:5px 0;font-size:14px;position:relative;}
.footer-2 .box-footer ul>li>a:before{content:"";width:7px;height:7px;margin-right:5px;background:#fff;border-radius:50%;display:inline-block;} */
/*footer>p{padding:10px 0;text-align:center;color:#fff;background:#3a7cec;font-style:italic;}
.footer-2 .right ul{display:inline-block;width:100%;background:#fff;padding:15px 5px;border-radius:5px;}
.footer-2 .right ul>li{float:left;display:flex;align-items:center;color:#0c6d45;}
.footer-2 .right ul>li>a{display:flex;align-items:center;}
.footer-2 .right ul>li:last-child{width:100%;}
.footer-2 .right ul>li:nth-child(1){width:40%;margin-right:2%;}
.footer-2 .right ul>li:nth-child(2){width:58%;font-size:13px;}
.footer-2 .right ul>li:nth-child(1) i{width:35px;height:35px;min-width:25px;border:1px solid #0c6d45;border-radius:50%;text-align:center;line-height:35px;color:#0c6d45;font-size:18px;margin-right:5px;}
.footer-2 .right ul>li:nth-child(2) img{width:35px;margin-right:5px;}
.footer-2 .right ul>li:nth-child(2) span strong{color:#112f0f;}
.footer-2 .right ul>li:nth-child(3){margin-top:15px;border:1px solid #003081;padding:5px 10px;border-radius:5px;}
.footer-2 .right ul>li:nth-child(3) img{width:35px;margin-right:10px;}
.footer-2 .right ul>li:nth-child(3) span{font-size:17px;font-family:Arial;}*/
/*------------Breadcrumb------------*/
.breadcrumb{margin-bottom:15px; border-radius: 0}
.breadcrumb>ul>li{display:inline-block;}
.breadcrumb>ul>li:last-child span{color:#0c6d45;}
.breadcrumb.chitiet{margin-bottom:0px;position:absolute;top:50%;left:0;right:0;text-align:center;transform:translate(0,-50%);}
/*Comment*/
ol.commentlist{float: left;width: 100%}
ol.commentlist li{border: 1px solid #e3e3e3;padding: 10px;margin-bottom: 10px;border-radius: 5px}
ol.commentlist li:last-child{margin-bottom: 0}
ol.commentlist img{float: left;margin-right: 10px}
ol.commentlist .fn{ line-height: 1;display: block; color: #D9534F}
b.fn { color: red; }
ol.commentlist .says{display: none}
ol.commentlist .reply a{color: blue}
/* ol.commentlist .depth-2{background-color: #e3e3e3}
ol.commentlist .depth-3{background-color: #d5d5d5}
ol.commentlist .depth-4{background-color: #b7b7b7}
ol.commentlist .depth-5{background-color: #9d9d9d} */
ol.commentlist .children{margin: 10px 0}
#comments{font-size: 18px}
.ew_product_tabs{margin-top:20px}
.ew_product_tabs .nav>li>a:hover{background-color: #fff; color: #555}
#respond{float: left;width: 100%; padding: 10px 0}
#respond h3{font-size: 18px}
#respond h3,#respond form p{margin-bottom: 15px}
#respond form input{margin: 0}
#respond form textarea{height: 100px}
#respond #submit{background: #046738;color: #fff;padding: 2px 20px;border-radius: 5px;float: left}
/*------------Right------------*/
.trangcon{padding:30px 0;}
.col-right .widget{margin-bottom: 20px}
.col-right .module .title-widget, #sidebar-left .title-widget{ text-transform:uppercase; background:#0c6d45;color:#fff; position:relative; display: block; line-height: 30px; margin-bottom: 10px; padding: 0 10px}
#sidebar-left .title-widget{margin-bottom: 0}
.col-right .module .content{padding-left:15px;}
.col-right .r-danhmuc>ul>li>a{display:block;padding:10px 5px 10px 20px;border-bottom:1px solid #0c6d45;transition:0.2s;position:relative;font-family:arial;font-size:15px;}
.col-right .r-danhmuc>ul>li>a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:transparent;transition:0.2s;z-index:2;}
.col-right .r-danhmuc>ul>li:hover>a{color:#0c6d45;}
.col-right .r-danhmuc>ul>li>a:hover:before{background:#0c6d45;}
.col-right .r-bvm .content article{margin-bottom:10px;}
.col-right .r-bvm .content article a{display:inline-block;width:100%;}
.col-right .r-bvm .content article img{width:30%;float:left;margin-right:3%;}
.col-right .r-bvm .content article h3{width:67%;float:right;font-size:13px;font-weight:400;font-style:italic;}
.col-right .r-bvm .content article:hover h3{color:#1b75bb}
#searchform{position: relative}
#searchform .text-search{ width: 100%; background-color: #fff; border: 1px solid rgba(191, 187, 187, 0.89); border-radius: 20px; display: block; line-height: 30px; padding: 0 15px; color: #777; margin-bottom: 0}
#searchform #searchsubmit{position: absolute; top: 0; margin-top: 0; right: 0; margin-right: 0; border: none; background-color: transparent; padding: 0}
#searchform #searchsubmit img{ width: 32px; height: 32px}
#sidebar .content-widget{margin-top:13px}

.r-cauhoi form input, .r-cauhoi form textarea{width:100%;margin-bottom:10px;line-height:30px;padding:0 10px;border:1px solid #ddd;background:#f1efef;font-family:inherit;resize:none;}
.r-cauhoi form{text-align:center;}
.r-cauhoi form button{padding:5px 20px;border:1px solid #099e09;background:#3ab14a;color:#fff;}
/*----------Trang loai------------*/
#slideshow>h1{position:absolute;z-index:2;top:50%;left:0;right:0;margin:0 auto;transform:translate(0,-50%);text-align:center;font-size:30px;text-transform:uppercase;color:#1f76b9;}
.col-left{width:70%;margin-right:2%;}
.col-left article{display:flex;margin-bottom:20px;}
.col-left article>.img{width:30%;margin-right:3%;overflow:hidden;}
.col-left article>.img img{transition:0.3s;-webkit-transition:0.3s;}
.col-left article:hover>.img img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.col-left article>.infor{width:67%;background:#fff;}
.col-left article>.infor .time{display:inline-block;width:100%;margin-bottom:5px;}
.col-left article>.infor .time span{color:#1b75bb;font-size:13px;}
.col-left article>.infor .time span:nth-child(1){float:left;}
.col-left article>.infor .time span:nth-child(2){float:right;}
.col-left article>.infor>h3{margin-bottom:10px;color:#0c6d45;}
.col-left article>.infor>p{font-size:14px;color:#777;font-style:italic;}
.col-left article>.infor>ul{text-align:right;margin-top:10px;}
.col-left article>.infor>ul>li{display:inline-block;margin-left:10px;}
.col-left article>.infor>ul>li>a{display:block;font-size:13px;padding:5px 10px;color:#112f0f;border:1px solid #112f0f;}
.col-left article>.infor>ul>li>a:hover{background:#112f0f;color:#fff;border:1px solid #112f0f;}
.phantrang {text-align: center;margin-top: 10px;}
.phantrang span, .phantrang a:hover {background: #112f0f;color: #fff;padding: 5px 10px;margin: 0 5px;border: 1px solid #112f0f;}
.phantrang a {background: #0c6d45;color: #fff;padding: 5px 10px;margin: 0 5px;border:1px solid #0c6d45;}
/*-------------Trang chi tiet---------------*/
.trangchitiet .col-left h1{text-transform: uppercase;border-bottom: 1px solid #0c6d45;color: #0c6d45;padding-top: 10px;line-height: 2;font-size: 18px;}
.trangchitiet .col-left .title>ul{padding:15px 0;}
.trangchitiet .col-left .title>ul>li{display:inline-block;margin-right:10%;color:#0c6d45;}
.trangchitiet .col-left .title>ul>li:last-child{margin-right:0px;}
.trangchitiet .col-left .content p{line-height:25px;margin-bottom:10px;}
.trangchitiet .col-left .title>ul>li:nth-child(1){padding-left:25px;background:url(images/icon-clock.png ) left center no-repeat;}
.trangchitiet .col-left .title>ul>li:nth-child(2){padding-left:30px;background:url(images/icon-hotline.png ) left center no-repeat;}
.trangchitiet .col-left .title>ul>li:nth-child(3){padding-left:25px;background:url(images/icon-bs.png ) left center no-repeat;}
.trangchitiet .col-left {font-family:Arial, Tahoma;}
.trangchitiet img.img-tuvan{display:block;margin:10px auto;}
.trangchitiet .col-left .content h2{padding: 2px 2px 2px 30px;color: #0c6d45;font-size: 15px;text-transform: uppercase;display: inherit;margin: 10px 0;background-image: url(images/logo-title.png);background-repeat: no-repeat;background-position: 3px center;border-bottom: 1px solid #0c6d45;}
.trangchitiet .col-left .content table td{padding:10px;}
.khungxanh {border: 2px solid #417394 !important;background: #f2f6f8 !important;border-radius: 5px !important;padding: 2% !important;width: 90% !important;margin: 10px auto!important;}
.khungxanh p{line-height:25px;font-size:14px;}
/* .trangchitiet .tinlienquan{margin-top:20px;} */
/* .trangchitiet .tinlienquan>h2{margin-bottom:10px;font-size:18px;} */
/* .trangchitiet .tinlienquan article{border:1px solid #ccc;padding:10px;margin-bottom:15px;} */
/* .trangchitiet .tinlienquan article>a{display:inline-block;width:100%;} */
/* .trangchitiet .tinlienquan article:hover>a>h3, .trangchitiet .tinlienquan article:hover>a>p{color:#019344;} */
/* .trangchitiet .tinlienquan article>a>img{width:20%;float:left;margin-right:2%;} */
/* .trangchitiet .tinlienquan article>a>h3{color:#5f5f5f;margin-bottom:5px;} */
/* .trangchitiet .tinlienquan article>a>p{color:#777;} */
.trangtimkiem h1{font-size:17px;text-transform:uppercase;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #112f0f;}

/* Banner Left & Right */
#banner-mid{position:fixed;z-index:99;top:50%;left:50%;transform:translate(-50%,-50%);display:none;}
#banner-mid>span.banner-right-close{position:absolute;z-index:2;top:9px;right:8px;width:24px;height:25px;cursor:pointer;}
#banner-left{left:0px;top:10%;position:fixed;z-index:1000;width:150px;}
#banner-left>span{position:absolute;bottom:100%;right:0;cursor:pointer;}
#banner-left>form{position:absolute;top:56%;left:0;right:0;padding:0 10px;}
#banner-left>form>input{line-height: 25px;width: 100%;border:1px solid #ddd;background: none;padding: 0 5px;border-radius: 5px;background: #fff;}
#banner-left>form>button{display: table;margin: 2px auto 0 auto;padding: 2px 7px;color: #fff;border: 0px;cursor: pointer;background: #ff2400;border-radius: 5px;}

#zoom{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:none;}
#zoom .bg-zoom{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:rgba(255,255,255,0.9);cursor:zoom-out;}
#zoom .content-zoom{display:inline-block;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;max-width:100%,max-height:100%;}
.img-zoom{cursor:zoom-in;}

#video{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:999999;display:none;}
#video .box{display:flex;align-items:Center;justify-content:center;height:100%;}
#video .content{display:inline-flex;align-items:center;width:900px;padding:30px;background:#fff;position:relative;-webkit-animation: fadeInScale 0.8s ease-in-out;animation: fadeInScale 0.8s ease-in-out;}
#video .content .left{width:40%;padding-right:30px;text-align:center;}
#video .content .left .text{padding:20px;background:rgba(27, 117, 186, 0.8);color:#fff;margin-bottom:20px;}
#video .content .left .text h3{text-align:center;margin-bottom:10px;text-transform:uppercase;}
#video .content .left .text p{text-align:justify;}
#video .content .right{width:60%;}
#video .content .right video{width:100%;height:100%;}
#video .content .left>a{position:relative;display:inline-block;background:rgba(27, 117, 186, 0.9);color:#fff;padding:15px;font-size:16px;text-transform:uppercase;width:70%;}
#video .close{position:absolute;top:-10px;right:-10px;z-index:1;cursor:pointer;}
#video .content .left>a:before{width: 150px;height: 18px;position: absolute;content: '';left: 0;right: 0;margin: 0 auto;bottom: -8px;background: url(../modules/video/bg-tuvanvideo.png) no-repeat;background-size:100% 100%;}
@-webkit-keyframes fadeInScale {
  0% { -webkit-transform: scale(0.6); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}
@keyframes fadeInScale {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
a{text-decoration: none}
a:hover{color: inherit}
.flw{float: left; width: 100%}
img{max-width: 100%; height: auto}
input, textarea{max-width: 100%; margin-bottom: 10px}
input, textarea {background-color: #F1EFEF; border: 1px solid #E3E3E3; line-height: 30px; padding: 0 10px; border-radius: 3px}
/*input[type="text"], input[type="email"], input[type="tel"], input[type="password"]{width: 100%}*/
input:not([type="submit"]), textarea{width: 100%}
input[type="checkbox"], input[type="radio"]{width: inherit; margin: 0 5px 0 0}
input[type="submit"]{background-color: #0c6d45; color: #fff; border-radius: 3px}
iframe{max-width: 100%}
a:active, a:focus{outline: none}
.avo{font-family: 'utm-regular'}
.avo-b{}
.rbt-regular{font-family: 'Roboto-Regular', sans-serif;}
.font14{font-size: 14px}
.font16{font-size: 16px}
.font18{font-size: 18px}
.font20{font-size: 20px}
.font22{font-size: 22px}
.font24{font-size: 24px}
.font26{font-size: 26px}
.green{color: #0c6d45}
.green2{color: #A7FDCE}
.bg-green{background-color: #0c6d45}
.bg-green2{background-color: #A7FDCE}
.blue{color: #1C531A}
.bg-blue{background-color: #0c6d45}
.orange{color: #F15A29}
.white{color: #fff}
.red{color: #9d0b0f}
.bold{font-weight: 700}
.block{display: block}
.thumbnail{margin-bottom: 10px; overflow: hidden}
.thumb-left{float: left; margin-right: 10px}
.rotate-img img {-webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s}
.rotate-img:hover img {transform: scale(1.1); -webkit-transform: scale(1.1)}
.title-module {position: relative; margin-bottom: 10px}
.title-module span{ background-color: #0c6d45; color: #fff; line-height: 30px; display: inline-block; padding: 0 20px; text-transform: uppercase; border-left: 20px solid #fff; border-right: 20px solid #fff; z-index: 2; position: relative}
.title-module:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto 0; height: 2px; background: #0c6d45; z-index: 1}
.title-module-left { margin-bottom: 15px; margin-top: 0; background-color: #0c6d45; padding: 0 15px; position: relative}
.title-module-left .widget-title{line-height: 30px}
.title-module-left .read-more{right: 0; top: 0; margin-right: 15px; line-height: 30px; color: #e8de7f; position: absolute}
.title-module-left .widget-title:hover{color: #fff}
.title-module-left .title-cate{ background-color: #0c6d45; position: relative; padding: 0 20px 0 40px; line-height: 40px; display: inline-block; border-radius: 20px}
.title-module-left .title-cate:hover{color: #fff}
.title-module-left .title-cate:before{content: ''; position: absolute; left: 0; margin-left: 10px; width: 20px; height: 20px; background: url('images/logo.png') no-repeat center center; background-size: cover; margin-top: 10px}
.title-module-left .title-cate:after {content:''; background: url('images/bg-boxtitle.jpg'); height: 40px; width: 58px; position: absolute; margin-right: -40px; right: 0; top: 0}
.wrap-post article{border-bottom: 1px solid #DCDCDC; margin-bottom: 10px}
.wrap-post:last-child article{border-bottom: none; margin-bottom: 0}
#col-large .widget{ margin-bottom: 15px}
.module-category.layout-2 .wrap-post article, .module-category.layout-3 .wrap-post article{border-bottom: none; margin-bottom: 0}
.module-category.layout-3 .wrap-post:nth-child(3n+1){clear: both}
.module-left .content-module .col-sm-6 .thumbnail{float: left; margin-right: 10px}
.module-left .content-module .col-sm-6:first-child .thumbnail{float: none; margin-right: 0}
.module-left .content-module .col-sm-6 .post{border-bottom: 1px solid #D9D9D9; margin-bottom: 10px}
.module-left .content-module .col-sm-6:first-child .post, .module-left .content-module .col-sm-6:last-child .post{border-bottom: none}
.module-left .content-module .post:first-child .post-title:before{content: ''; margin-right: 0;}
.title-module-right span{line-height: 30px}
.module-right .content-module ul{padding: 10px}
.module-right .content-module ul li{color: #777; border-bottom: 1px dotted #000; padding-bottom: 5px; margin-bottom: 5px}
.module-right .content-module ul li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0}
.module-right .content-module .post-title:before{content:'\f067'; float: left; margin-right: 5px; font-family: FontAwesome; color: #112f0f; font-size: 11px; margin-top: 5px}
.list-post-archive .post { margin-bottom: 15px; border-bottom: 1px solid #e4e4e4; padding: 5px 10px 15px 5px}
.list-post-archive .post h3{margin-top: 0}
.list-post-archive .post:last-child{margin-bottom: 0; border-bottom: none}
.readmore{ float: right; font-size: 13px; padding: 5px 10px; color: #fff; background: #D10909; border-radius: 3px}
.wp-pagenavi {clear: both; margin-top: 10px; float: left; width: 100%; text-align: right}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none; border: 1px solid #1A8B41; padding: 0 10px; margin-right: 5px; height: 30px; line-height: 30px; display: inline-block; background-color: #1A8B41; color: #fff}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #112f0f;background-color: #112f0f;}
.wp-pagenavi span.current {font-weight: bold; }
.section-related .thumbnail{float: left; margin-right: 10px}
.section-related .section-title{margin-bottom: 20px}
.fb-send, .fb-like, #twitter-widget-0, .zalo-share-button{ float: left;margin-right: 5px}
#___plusone_0{ float: left!important}
.share-send{margin-bottom: 15px}
.scrollTo{ width: 50px;height: 50px;display: block;text-align: center;line-height: 50px;position: absolute;right: 0; margin-right: 5%; z-index: 999; cursor: pointer}
.scrollTo{background: #D10909; position: fixed; bottom: 0; margin-bottom: 32px; opacity: 0; visibility: hidden; }
.scrollTo i{color: #fff}
.scrollTo.show{opacity: 1; visibility: visible }
.archive-title h1{margin: 0 0 20px}
.fbsocialwidget{width: 100%!important}
.module-mobile{margin-bottom: 10px}
.title-module-m{background-image: repeating-linear-gradient(-45deg, transparent, transparent 0.5px, #8cc7be 1px, #8cc7be 4px); margin-bottom: 10px}
.title-module-m span{display: inline-block; padding: 0 5px 0 10px; text-transform: uppercase; color: #fff; font-weight: 400; font-size: 13px; background: #029447; border-right: 5px solid #fff; line-height: 40px}
.module-mobile .slick-slide {margin: 0 2px; border: 1px solid #dddedf; background: #f5f4f4; }
.module-mobile .slide-dm .slick-slide a {display: block; padding: 5px 10px; }
.module-mobile .slide-dm li.active {background: #f15b2b; border: 1px solid #f15b2b; }
.module-mobile .slide-dm li.active a{color: #fff}
.module-mobile .nd-baiviet article {border-top: 1px dotted #ccc; float: left; width: 100%}
.module-mobile .nd-baiviet .noidung-show{display: none}
.module-mobile .nd-baiviet article:nth-child(1), .module-mobile .nd-baiviet article:nth-child(2){float: left; width: 49%; margin-bottom: 10px; border-top: 0}
.module-mobile .nd-baiviet article:nth-child(3){clear: both}
.module-mobile .nd-baiviet article:nth-child(1) {margin-right: 2%}
.module-mobile .nd-baiviet article h3{ margin: 0}
.module-mobile .nd-baiviet article:nth-child(1) h3 a, .module-mobile .nd-baiviet article:nth-child(2) h3 a{ color: #029447; padding: 0}
.module-mobile .nd-baiviet article:nth-child(1) h3 a:before, .module-mobile .nd-baiviet article:nth-child(2) h3 a:before{content: ''; width: 0; height: 0; background: transparent; min-width: 0; margin-right: 0; margin-top: 0}
.module-mobile .nd-baiviet article>h3>a {display: flex; align-items: center; padding: 10px 0; font-weight: 400; font-size: 16px; color: #333}
.module-mobile .nd-baiviet article>h3>a:before {content: ""; width: 7px; height: 7px; background: #1f76b9; min-width: 7px; margin-right: 5px; margin-top: 2px}
.xemthem {text-align: center; margin: 10px 0 20px 0; float: left; width: 100%}
.xemthem>a {display: inline-block; padding: 5px 15px; background: #3ab14a; color: #fff; position: relative}
#hoidap{margin-top: 20px;background: #f3f2f2; padding: 0 10px 10px; border-bottom: 10px solid #029447}
#hoidap .title-md5 {background: #029447; color: #fff; text-align: center; padding: 7px; font-size: 15px; text-transform: uppercase; margin: 0 0 10px}
#hoidap form input, #hoidap form textarea {width: 100%; background: none; border: 1px solid #666; margin-bottom: 10px; padding: 0 10px; border-radius: 15px; color: #333; }
#hoidap .btn {display: flex; align-items: Center; justify-content: space-between; padding: 0 }
#hoidap form .btn>.thongtin>* {display: block; }
#hoidap form .btn>.thongtin>span {text-transform: uppercase; font-size: 14px; }
#hoidap .btn>.thongtin>strong {font-size: 20px; color: #3ab14a; }
#hoidap form input[type="submit"] {background: #f04f23; color: #fff; padding: 0 10px; text-transform: uppercase; border: 0px; font-weight: bold; border-radius: 5px; }
.header-top{padding: 10px 0}
.header-top{background-color: #0c6d45 }
.header-top .toggle-mobile-menu .button:after {position: absolute; top: 13px; left: 5px; display: block; height: 8px; width: 28px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: ''; }
.header-top .toggle-mobile-menu .button:before {-webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 7px; left: 5px; display: block; height: 2px; width: 28px; background: #fff; content: ''; }
.header-top .wpcf7-form{position: relative}
.header-top .wpcf7-form input[type="submit"]{position: absolute; right: 0; background-color: #EB4E30}
.header-top .wpcf7-form .ajax-loader{display: none!important}
.header-top .wpcf7-form input{margin-bottom: 0}
.header-top p{margin-bottom: 0}
.header-top .button{ width: 40px; height: 30px; float: right; text-align: center; border-radius: 3px; position: relative; border: 1px solid #ddd}
.menu-text{margin-right: 10px; line-height: 30px}

/*Mobile Menu*/
body.menu-open .mobile-menu {z-index: 99999999; visibility: visible; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s; -moz-transition: -moz-transform .4s ease, visibility 0s ease .5s, z-index 0s ease 0s; -o-transition: -o-transform .4s ease, visibility 0s ease .5s, z-index 0s ease 0s; transition: transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s; }
.mobile-menu {background: rgba(51, 51, 51, 0.97); top: 0; bottom: 0; left: 0; height: 100%; overflow: hidden; position: fixed; visibility: hidden; z-index: -1; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; -moz-transition: -moz-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; -o-transition: -o-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; transition: transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; }
.mobile-menu ul {width: 250px; text-align: initial; list-style: none; }
.mobile-menu ul > li:last-child {border-bottom: none; }
.mobile-menu ul li {border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; float: left!important; width: 100%}
.mobile-menu ul li.menu-item-has-children::after {content: '\f078'; position: absolute; top: 0; right: 20px; font: 1em/46px 'FontAwesome'; pointer-events: none; -webkit-transition: -webkit-transform .5s ease-in-out; -moz-transition: -moz-transform .5s ease-in-out; -o-transition: -o-transform .5s ease-in-out; transition: transform .5s ease-in-out; color: #fff}
.mobile-menu ul li.menu-item-has-children.active::after {-webkit-transform: rotate(540deg); -moz-transform: rotate(540deg); -ms-transform: rotate(540deg); -o-transform: rotate(540deg); transform: rotate(540deg); }
.mobile-menu ul li a {padding: 1em; display: block; color: #fff; line-height: 20px; border-left: 2px solid transparent; }
.mobile-menu ul li:hover > a, .mobile-menu ul li.active > a, .mobile-menu ul li.current-menu-item > a {border-color: ##0766aa; }
.mobile-menu ul li.menu-item-has-children > a {display: inline-block; }
.mobile-menu .sub-menu a {padding-left: 20px; }
.mobile-menu .sub-menu a::before {content: '-'; display: inline-block; font-family: 'FontAwesome'; color: #999; margin: 0 5px 0 0; }
.mobile-menu .sub-menu .sub-menu a::before {content: '--'; } 
.mobile-menu .close-menu {text-align: center; display: block; color: #D10909; font-size: 28px; line-height: 50px; }

.head-mobile{display: none; position: relative;}
/*.head-mobile .toggle-mobile-menu .button{width: 55px; height: 46px; position: absolute; right: 0; top: 15px; cursor: pointer; z-index: 12399994;}*/
.head-mobile .toggle-mobile-menu .button:before{ -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 16px; right: 20px; display: block; height: 2px; width: 20px; background: #D10909; content: '';}
.head-mobile .toggle-mobile-menu .button:after{ position: absolute; top: 22px; right: 20px; display: block; height: 8px; width: 20px; border-top: 2px solid #D10909; border-bottom: 2px solid #D10909; content: '';}
.head-mobile .toggle-mobile-menu.active .button:before{top: 23px; background: #D10909; width: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.head-mobile .toggle-mobile-menu.active .button:after{ -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; top: 23px; border: 0; height: 2px; width: 19px; background: #D10909; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.logo-mobile{padding: 10px 0; margin-top: 42px}
.menu-mobile-2 { background: #f15b2b}
.menu-mobile-2 ul {display: table; width: 100%; margin-bottom: 0}
.menu-mobile-2 ul>li {display: table-cell; position: relative; padding: 3px 0; }
.menu-mobile-2 ul>li>a {display: block; text-align: center; padding: 7px 5px; color: #fff; border-right: 1px solid #fff; text-transform: uppercase; font-size: 12px; }
.menu-mobile-2 ul>li:last-child>a {border-right: 0px}
#search-mobile{background: #e7e6e6; padding: 10px 0; margin-bottom: 10px}
#ft-tuvan {position: fixed; bottom: 0; left: 0; right: 0; z-index: 99; max-width: 100%; width: 100%; margin: 0 auto}
#ft-tuvan img{width: 100%}
.widget-related-post .content-widget .thumbnail{float: left; max-width: 80px; margin-right: 10px}
.entry-content{margin-bottom: 15px}
.entry-content h1, .entry-content h2, .entry-content h3{font-size: 15px}
/* .entry-content h2{ padding: 2px 2px 2px 25px; color: #1A8B41; font-size: 15px; text-transform: uppercase; display: inherit; margin: 10px 0; background-image: url(images/logo-title.png); background-repeat: no-repeat; border-bottom: 1px solid #1A8B41; font-weight: 700; padding-bottom: 5px;} */
.box-for-post{background: #eee; border-left: 7px solid #3973b4; padding: 20px 20px 0; margin-top: 10px}
.box-for-post .group-button{margin-top: 10px}
.box-for-post input:not([type="submit"]){background-color: #fff}
.policy{margin-top: 50px}
.info-pk-left .info-line{float: left; width: 50%; color: #767676; margin-top: 10px}
.info-pk-left .info-line img{ width: 30px; margin-top: -15px; margin-right: 3px}
.info-pk-right #searchform{width: 50%; float: right}
.moi-truong-phong-kham{margin-bottom: 30px}
.moi-truong-phong-kham h3:after {display: inline-block; margin: 0 0 3px 20px; height: 1px; content: " "; text-shadow: none; background-color: #999; width: 700px; }
.moi-truong-phong-kham h3 {text-transform: uppercase; color: #999; }
.gallery-moi-truong {width: 100%; display: block; float: left; border: 1px solid #c4c4c4; }
.thumb-big {width: 40%; float: left; padding: 10px}
.gallery_carosel{float: left; width: 60%}
.gallery_carosel .thumb-small:nth-child(2n+1){clear: both}
.thumb-small {width: 50%; float: left; padding: 10px}
.box-anh {display: none; }
.box-anh.box-active {display: block; }
.tab-moitruong {text-align: center; position: relative; height: 50px; width: 100%; }
.center-btn {position: absolute; left: 46.5%; top: 1px; z-index: 10; width: auto; }
#btn-tab-mt {display: block; background-image: url('images/mt-btn.png'); float: left; background-size: 100%; height: 39px; position: absolute; right: 51%; width: 297px; background-repeat: no-repeat; }
#btn-tab-mt.active {display: block; background-image: url('images/mt-btn-active.png'); float: left; background-size: 100%; height: 39px; position: absolute; right: 51.5%; width: 297px; }
#btn-tab-csvc {display: block; background-image: url('images/csvc-btn.png'); float: left; background-size: 100%; height: 39px; position: absolute; left: 48%; width: 297px; background-repeat: no-repeat; }
#btn-tab-csvc.active {display: block; background-image: url('images/csvc-btn-active.png'); float: left; background-size: 100%; height: 39px; position: absolute; left: 49%; width: 297px; }
.footer-menu{clear: both}
.footer-menu .menu {margin: 0}
.footer-menu .menu li{display: inline-block}
.footer-menu .menu li a{ line-height: 40px; color: #fff; font-weight: 700; text-transform: uppercase; margin: 0 10px}
.footer-2{background: url('images/footer-left.png') no-repeat, center center; margin-top: -40px; padding-top: 80px;position: relative; z-index: 1; background-size: 50% 100%}
.box-footer .wpcf7-form{float: left; width: 80%; margin-bottom: 80px; padding-top: 40px}
.bg-form-footer{padding: 10px 20px 0 20px;background: rgba(255,255,255,.2); float: left; border-radius: 20px; margin-bottom: 10px; position: relative}
.bg-form-footer input{border-radius: 20px; border: inset}
.bg-form-footer input[type="tel"]{float: left; width: 78%}
.bg-form-footer input[type="submit"]{float: right}
.bg-form-footer .ajax-loader, .bg-form-footer span.wpcf7-not-valid-tip{ display: none!important}
.bg-form-footer .wpcf7-not-valid{border-color: red}
.box-footer .wpcf7-validation-errors{display: block; float: left; margin: 0; color: #fff; width: 100%;}
.footer-2 .col-md-6:nth-child(2n) .box-footer{display: block; margin: 0 auto; width: 80%;}
.footer-mxh{ position: absolute; right: 50%; bottom: 0; margin-right: -15px; margin-bottom: 1%}
.footer-mxh a{ display: block; margin-bottom: 10px; background-color: #c2c2c2; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px}
.footer-mxh a:nth-child(1){background-color: #4267B2}
.footer-mxh a:nth-child(2){background-color: #D6493C}
.footer-mxh a:nth-child(3){background-color: #1D9CEB}
.footer-mxh a:last-child{ margin-bottom: 5px}
.footer-mxh img{width: 50px}

.comment-metadata{display: none}
.fb-comments,
.fb-comments > span,
.fb-comments > span > iframe {max-width: 100%; width: 100% !important}

#banner{margin-bottom: 30px}
#banner-head{ padding: 30px 0}
#banner-head h1, #banner-head h2 {font-family: 'UTMThuPhapThienAn'; font-size: 60px; background: -webkit-linear-gradient(#fffc00, #feab00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #fed702; line-height: 1.6; margin-top: 15px; margin-bottom: 0; }
.hotline-head {background-image: url(images/bg-hotline.png); background-position: left bottom; background-repeat: no-repeat; background-size: 100%; background-attachment: scroll; position: absolute; right: 0; height: 140px; top: -37px; width: 300px; }
#banner-head .hotline-head div.text {margin-top: 57px; line-height: 1; text-shadow: 0.5px 0px 0px; }
#banner-head .hotline-head div, #banner-head .hotline-head div {font-family: 'UTMA-SSignwriter'; font-size: 30px; color: #fbe402; letter-spacing: 1px; }
#banner-head .hotline-head div.number a {color: #ffe200; font-weight: 700; font-size: 40px; float: left; line-height: 1; text-shadow: 0 2px 2px #333; text-decoration: none; }
#banner-head .site-description p {font-family: 'UTMA-SSignwriter'; font-size: 40px; color: #fff98d; line-height: 1; letter-spacing: 1px; margin-bottom: 0; text-shadow: 0 2px 3px #333; word-spacing: 5px; }
.hotline-head-mobile {display: block; text-align: center; font-size: 24px; color: #ffc400; }
/*#partner {margin-bottom: 30px}*/
#partner .owl-item img{max-height: 80px}
.title-module_home{ text-transform: uppercase; font-size: 24px; color: #0c6d45; margin-bottom: 20px; padding-bottom: 10px; position: relative; font-weight: 700}
.title-module_home:after{ content: ''; width: 50%; height: 2px; display: inherit; position: absolute; left: 50%; margin-left: -25%; background-color: #0c6d45; bottom: 0}
#footer{ padding: 20px 0 0; color: #fff; margin-top: 20px}
.footer-wrapper{background-color: #D10909; padding: 30px 0 10px}
.title-widget-ft{text-transform: uppercase; color: #fff; position: relative; padding-bottom: 10px ;margin-bottom: 20px}
.title-widget-ft:after{content: ''; position: absolute; bottom: 0; width: 100px; height: 2px; background-color: #fff; left: 0}
.content-page{margin-top: 20px}
.thumbnail-left{float: left; margin-right: 10px}
.widget_search{padding: 0}
#sidebar-left .widget{ box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12); margin-bottom: 20px}
#sidebar-left .widget .title-widget + div, #sidebar-left .widget .title-widget + ul{ padding: 10px }
#sidebar-left .widget_nav_menu .title-widget + div{padding: 0}
#sidebar-left .widget_nav_menu ul.menu{ margin-bottom: 0}
#sidebar-left .widget_nav_menu .menu li{padding: 0 10px}
#sidebar-left .widget_nav_menu li a{line-height: 40px; color: #fff}
#sidebar-left .widget .menu{ background: #D10909}
#sidebar-left li{margin-bottom: 10px; border-bottom: 1px dotted #DCDCDC; padding-bottom: 10px}
#sidebar-left li:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0}
.page-title{border-left: 4px solid #0c6d45; padding-left: 10px}
.nav-tabs>li>a{background-color: #eee; color: #333}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: #0c6d45; color: #fff}
.widget_media_image img{margin: 0 auto; display: block}

/*
Media Queries
-------------------------------------------------------------- */
@media screen and (max-width: 1366px) {
	
}
@media screen and (max-width: 1280px) {
	
}
/*col-md*/
@media screen and (max-width: 1199px) {
	#banner-head .site-description p{word-spacing: 0; letter-spacing: 0}
	#banner{margin-bottom: 0}
}
@media screen and (max-width: 1024px) {
	
}
/*col-sm*/
@media screen and (max-width: 991px) {
	#danhmuc ul li{padding-left: 5px; padding-right: 5px}
	.box-for-post .group-button .btn-group:first-child{margin-bottom: 5px}
	.footer-2{background: none; margin-top: 0; padding-top: 20px}
	.box-footer .wpcf7-form{width: 100%; padding-top: 0; margin-bottom: 0}
	.box-footer .wpcf7-form p{color: red!important}
	.bg-form-footer{background: rgba(0, 0, 0, 0.2)}
	.box-footer .wpcf7-validation-errors{color: red}
	.logo-mobile img{max-height: 86px}
	.gallery_carosel, .thumb-big{width: 100%}
	#banner-head h1, #banner-head h2{text-align: center; margin-top: 0}
	#banner-head .site-description p{text-align: center}
}
/*col-xs*/
@media screen and (max-width: 767px) {
	#footer{padding-bottom: 80px}
	#danhmuc{margin-top: 10px}
	#moitruong{margin: 0}
	#moitruong ul>li{margin: 0 3px; padding: 10px 6px; font-size: 13px}
	#moitruong .slick-prev{left: 0; margin-left: -15px}
	#moitruong .slick-next{right: -15px}
	#moitruong .title .box {padding: 0 10px 15px}
	#moitruong .title>.box>span{padding: 0 10px}
	#moitruong .title>.box>h2{font-size: 25px}
	#moitruong .slick-list{padding: 0!important}
	/*.header-top div[class*=col-xs]{padding: 0 5px}
	.header-top .wpcf7-form input{padding: 0 5px; font-size: 13px}*/
	.scrollTo{width: 40px; height: 40px; line-height: 40px; margin-bottom: 50px}
	#banner-head .site-description p{font-size: 24px}
	#banner-head h1, #banner-head h2{font-size: 32px}
    .module-category.layout-3 .wrap-post:nth-child(3n+1){clear: inherit}
    .module-category.layout-3 .wrap-post:nth-child(2n+1){clear: both}
    #banner-head{padding: 10px 0}
    .logo img{max-height: 80px}
}
@media screen and (max-width: 600px) {
	
}
@media screen and (max-width: 568px) {
	
}
@media screen and (max-width: 480px) {
	#footer{padding-bottom: 40px}
	.bg-form-footer input[type="tel"]{width: 70%}
}
@media screen and (max-width: 320px) {
	
}



#commentform textarea,
#commentform input[type="text"],
#commentform input[type="email"] {
  width:100%;
  margin-top:10px;
  margin-bottom:10px;
}

#commentform input[type="submit"] {
  margin-bottom:10px;
  background:green;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:15px;
  padding-right:15px;
  border:1px solid green;
  border-radius:5px;
  color:#fff;
  -moz-transition:all linear .3s;
  -o-transition:all linear .3s;
  -ms-transition:all linear .3s;
  -webkit-transition:all linear .3s;
  transition:all linear .3s;
}

#commentform input[type="submit"]:hover {
  background:#fff;
  color:green;
}

#commentform textarea:focus,
#commentform input[type="text"]:focus,
#commentform input[type="email"]:focus {
  border-color:rgba(102,233,106,0.85);
  */



    outline:0;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(34,99,20,0.67);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,233,106,0.85));
  transition:all 1s ease;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -ms-transition:all 1s ease;
  -o-transition:all 1s ease;
}

#comments-title {
  text-align:left;
  margin-bottom:10px;
  background-color:#06632e;
}

#comments-title > span {
  position:relative;
  display:inline-block;
  padding:10px 20px;
  background-color:#187909;
  z-index:1;
  position:relative;
  color:#fff;
  font-size:20px;
  line-height:20px;
}

#comments-title > span:after {
  position:absolute;
  content:"";
  width:0;
  height:0;
  border-top:20px solid #187909;
  border-left:20px solid #187909;
  border-bottom:20px solid transparent;
  border-right:20px solid transparent;
  display:inline-block;
  top:0;
  left:100%;
}

.commentlist {
  list-style:none;
}

.commentlist li {
  border:1px solid #ddd;
  border-radius:10px;
  margin-bottom:10px;
  padding:10px;
}

.commentlist .reply a {
  display:inline-block;
  margin-right:15px;
  color:#215A6E;
}

.comment-author img {
  width:auto !important;
}

.success.is-underline:hover, .success.is-outline:hover, .success {
    background-color: #1E73BE;
    padding: 5px;
    color: white;
}
            .call-mobile {background: #ED1C24;position: fixed;bottom: 10px;height: 40px;line-height: 40px;
                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;
                }
            .call-mobile1 {position: fixed;bottom: 30px;height: 50px;line-height: 10px;
                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;
                }
   .call-mobile2 {position: fixed;bottom: 93px;height: 40px;line-height: 40px;
                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;
                }
			.call-mobile i {font-size: 20px;line-height: 40px;background: #B52026;
                border-radius: 100%;width: 40px;height: 40px;
                text-align: center; float: right;
            }
            .call-mobile a {color: #fff;font-size: 18px;font-weight: bold; text-decoration: none;
                    margin-right: 10px; padding-left: 10px;}
	
	.mobile-hotline{display:none}
.hotline {position: fixed;
    left: 20px;
    bottom: 13px;
    z-index: 8000;
    display: block;
    background: #ff0000;
    color: white;
    padding-top: 0px;padding-bottom:-5px; padding-left:5px; padding-right: 15px;
    border-radius: 99px;}
.hotline .hotline-number{font-size:20px; color: #ffffff; font-weight: bold; line-height: 40px;}
 
@media  (max-width: 100px) {
 
    .hotline{
 
        display :none;}}