/* box-news-top */
#box-news-top {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ebebeb;
}
#box-news-top .list_large {
	width: 85%;
	float: left;
	margin-left: -10px;
	margin-right: -10px;
}
#box-news-top .list_large::after {
	content: '';
	clear: both;
	display: table;
}
#box-news-top .list_large .news {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 33.33333333%;
}
#box-news-top .news .thumb {
	margin-bottom: 10px;
}
#box-news-top .news h2 {
	color: var(--c3);
	margin: 0 0 5px;
	font-size: 20px;
	line-height: 1.4;
	height: 60px;
	overflow: hidden;
}
#box-news-top .news .meta {
	margin-bottom: 5px;
}
#box-news-top .news .post-excerpt {
	font-size: 14px;
}
#box-news-top .news .readmore {
	overflow: hidden;
	margin-top: 10px;
}
#box-news-top .readmore a {
	float: left;
	width: 160px;
	height: 40px;
	color: var(--c3);
	display: block;
	font-size: 16px;
	padding: 0 10px;
	line-height: 36px;
	border: 1px solid var(--c3);
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}
#box-news-top .readmore a::after {
	content: "\f101";
	margin-left: 5px;
}
#box-news-top .readmore a:hover {
	color: white;
	background: var(--c3);
}
#box-news-top .list_small {
	float: left;
	width: 15%;
	padding-left: 20px;
}
#box-news-top .list_small li {
	padding: 5px 0;
}
#box-news-top .list_small li:not(:last-child) {
	border-bottom: 1px solid #ddd;	
}
#box-news-top .list_small li a {
	display: block;
	position: relative;
	padding-left: 15px;
}
#box-news-top .list_small li a::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #333;
    border-radius: 100%;
    left: 0;
    top: 7px;
}

ul.list-item {
	overflow: hidden;
}
ul.list-item li {
	float: left;
	width: 50%;
	padding: 0 10px;
}
ul.list-item li a {
	display: block;
	padding: 15px 0;
	position: relative;
	padding-left: 15px;
	border-bottom: 1px solid #ddd;
}
ul.list-item li a::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #333;
    border-radius: 100%;
    left: 0;
    top: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}
ul.list-item li .meta {
	color: #999;
}
.nav-page {
	margin-top: 30px;
}

/* breadrumb style */
#breadrumb {
	background:#fafafa;
}
.navation {
	float:right;
	overflow:hidden;
}
.navation>li {
	float:left;
	color:#666666;
	margin-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}
.navation>li:last-child {
	margin-right:0;
}
.navation>li>a {
	font-size:14px;
	color:#999999;
}
.navation>li>a:hover {
	color: var(--c3);
}
.navation>li>a::after {
	content: "\f101";
	margin-left:7px;
	color:#999999;
}

/* box-middle style */
.box-middle {
	padding-top:30px;
	padding-bottom:30px;
}

/* post-title style */
.post-title {
	font-size:25px;
	font-weight:700;
	margin:0 0 30px;
	text-align:center;
	position:relative;
	line-height: 1.5em;
	text-transform:uppercase;
}

/* box-sidebar style */
.box-sidebar {
	margin:0 0 20px;
	text-align: center;
}
.box-sidebar ul {
	display: inline-block;
	vertical-align: middle;
}
.box-sidebar ul>li {
	margin: 0 3px;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: middle;
}
.box-sidebar ul>li>a {
	display:block;
	background:#e8e8e8;
	height:40px;
	line-height:40px;
	padding:0 20px;
	border-radius:3px;
}
.box-sidebar ul>li>a:hover,
.box-sidebar ul>li>a.active {
	color:#FFF;
	background:var(--c3);
}

/* pagination style */
.nav-page {
	text-align:center;
}
.pagination {
	margin:0;
}
.pagination>li {
	margin:0 5px;
	display:inline-block;
	vertical-align:middle;
}
.pagination>li>a,
.pagination>li>span {
	padding:0;
	width:40px;
	height:40px;
	color:#666666;
	font-size:18px;
	line-height:38px;
	text-align:center;
	border:1px solid #666666;
	border-radius:4px !important;
}
.pagination>li>a:hover,
.pagination>li.active>span,
.pagination>li.active>span:hover {
	color:#FFF;
	background:var(--c3);
	border-color:var(--c3);
}

/* noitem style */
.noitem {
	border-radius:0;
	margin:0;
}

/* tools style */
.tools {
	padding:10px;
	overflow:hidden;
	background:#f2f2f2;
	margin-bottom:20px;
}
.tools li {
	float:left;
	overflow:hidden;
	height:20px;
	margin-right:10px;
}
.tools li:last-child {
	margin-right:0;
}

/* facebook-comment style */
.facebook-comment {
	margin-bottom:20px;
}

/* adv-right style */
.adv-right .adv-item {
	margin-bottom:30px;
}

/* box-views style */
.widget {
	margin-bottom:30px;
}
#box-views {
	padding:10px;
	border:1px solid var(--c3);
}
#box-views .widget-title {
	color:var(--c3);
	font-size:16px;
	font-weight:700;
	margin:0 0 10px;
	text-transform:uppercase;
}
#box-views li {
	padding:10px 0;
	border-bottom:1px solid #e9e9e9;
}
#box-views li a {
	display: block;
	position: relative;
}
#box-views li a::after {
	content: '';
	clear: both;
	display: table;
}
#box-views li .item-thumb {
	width: 60px;
	float: left;
	margin-right: 10px;
}
#box-views li .item-thumb img {
	max-width: 60px;
}
#box-views li:last-child {
	border:0;
	padding-bottom:0;
}

/* list-item style */
.post {
	margin-bottom:30px;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
}
.post:hover {
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1);
}
.post .inner {
	width:100%;
	display:table;
	border:1px solid #e9e9e9;
}
.post .post-thumb,
.post .post-text {
	display:table-cell;
	vertical-align:top;
}
.post .post-thumb a {
	display:block;
}
.post .post-thumb img {
	width:100%;
}
.post .post-thumb {
	width:400px;
}
.post .post-text {
	cursor:pointer;
	padding:15px 20px;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
}
.post:hover .post-text {
	background:#41973d;
}
.post:hover .post-text * {
	color:#FFF;
}
.post .post-text h2 {
	margin:0 0 10px;
	font-size:22px;
	line-height:1.3em;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
}
.post .meta {
	color:#999;
	margin-bottom:15px;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
}
.post .meta {
	color:#999;
	margin-bottom:10px;
}
.meta::before {
	margin-right:5px;
	font-family:FontAwesome;
}
.post-excerpt {
	color:#666;
	font-size:16px;
	line-height:1.6em;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
}

/* entry style */
.entry {
	font-size:16px;
	line-height:1.6em;
	padding-bottom:10px;
	border-bottom:1px solid #e9e9e9;
	margin-bottom:20px;
}
.entry-date {
	color:#666666;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:1px solid #e9e9e9;
}

/* related style */
.related {
	/* overflow:hidden; */
}
.related>h3{
	text-transform:uppercase;
	font-size:22px;
	font-weight:700;
	margin:0 0 20px;
}
.related .col-md-4 {
	margin-bottom:30px;
}
.related .col-md-4 .post-thumb {
	margin-bottom:10px;
}
.related .col-md-4 h2 {
	font-size:16px;
	line-height:1.5em;
	margin:0 0 5px;
}
.related .col-md-4 .meta {
	color:#999;
}

@media screen and (max-width: 1200px){
	.box-menu-product .box-title {
		font-size: 15px;
		padding-right:10px;
	}
	.entry img,
	.entry p img {
		height:initial !important;
	}
}

@media screen and (max-width: 1024px){
	.box-menu-product .box-title {
		font-size: 14px;
		padding-right:15px;
	}
	.box-menu-product .menu-item a {
		padding: 10px 0;
	}
	.post .post-thumb {
		width: 340px;
	}
}

@media screen and (max-width: 768px){
	.sticky-menu .wrapper {
		padding-left:5px;
		padding-right:5px;
	}
	.sticky-menu .col-sm-4,
	.sticky-menu .col-sm-8 {
		padding-left:10px;
		padding-right:10px;
	}
	.content-top {
		padding-left:5px;
		padding-right:5px;
	}
	.content-top .col-sm-4,
	.content-top .col-sm-8 {
		padding-left:10px;
		padding-right:10px;
	}
	.box-sidebar {
		margin-bottom:20px;
	}
	.post .post-thumb {
		width: 300px;
	}
	.post .post-text h2 {
		font-size:20px;
	}
	.related>h3 {
		font-size: 20px;
		margin: 0 0 15px;
	}
	.related .row {
		margin-left:-10px;
		margin-right:-10px;
	}
	.related .col-sm-4 {
		padding-left:10px;
		padding-right:10px;
	}
	.related .col-md-4 h2 {
		font-size: 14px;
		line-height: 1.4em;
	}
	.post-excerpt {
		font-size: 14px;		
	}
	.related .col-sm-4:nth-child(4),
	.related .col-sm-4:nth-child(5),
	.related .col-sm-4:nth-child(6) {
		margin-bottom:0;
	}
	
	
	#box-news-top .list_large {
		width: auto;
	}
}

@media screen and (max-width: 767px)
{
	.btn-search {
		width: 40px;
		padding: 0;
	}
	.btn-search::before {
		content: '\f002';
		font-family: FontAwesome;
	}
	.btn-search span {
		display: none;
	}
	.content-top {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0;
	}
	.content-top .col-sm-4 {
		display: none;
	}
	.formsearch {
		margin-left: -10px;
		margin-right: -10px;
		padding: 10px;
		background: #3eaa3a;
		margin-bottom: 0 !important;
	}
	.btn-search {
		top: 10px;
		right: 10px;
	}
	.btn-toggle {
		background: #3eaa3a;
		display: block;
		width: 100%;
		border: none;
		height: 40px;
		border-radius: 3px;
		text-align: left;
		padding: 0 10px;
		color: #FFF;
		font-size: 16px;
		position: relative;
	}
	.btn-toggle::after {
		content: "\f0d7";
		font-family: FontAwesome;
		font-weight: 400;
		right: 10px;
		position: absolute;
	}
	.box-sidebar.open .btn-toggle::after {
		content: "\f0d8";
	}
	.box-sidebar ul {
		display: block;
		padding:10px;
		border:1px solid #3eaa3a;
		margin-top:1px;
		border-radius: 3px;
	}
	.box-sidebar ul li {
		margin: 0;
		display: block;
	}
	.box-sidebar ul>li>a {
		text-align: left;
		background: none;
		border-radius: 0;
		height: initial;
		line-height: inherit;
		padding: 7px 5px 8px;
	}
	.box-sidebar ul>li>a:hover,
	.box-sidebar ul>li>a.active {
		color: #3eaa3a;
		background: none;
		
	}
	.box-sidebar ul>li>a::before {
		content:'\f0da';
		margin-right: 10px;
		color: #666;
	}
	.box-middle {
		margin-left: -5px;
		margin-right: -5px;
	}
	.post .inner {
		display: block;
	}
	.post .post-thumb,
	.post .post-text {
		display: block;
	}
	.post .post-thumb {
		width: 100%;
	}
	.post .meta {
		margin-bottom: 0;
	}
	.related .col-md-4 {
		margin-bottom: 20px !important;
	}
	.related .col-md-4:last-child {
		margin-bottom: 0 !important;
	}
	.related .inner {
		display: table;
		width: 100%;
		display: table;
	}
	.related .post-thumb,
	.related .post-text {
		display: table-cell;
		vertical-align: top;
	}
	.related .post-thumb {
		width: 160px;
	}
	.related .post-text {
		padding-left: 15px;
	}
	.post {
		margin-bottom: 20px;
	}
	.entry {
		padding-bottom: 0;
		border-bottom: none;
	}
	
	#box-news-top .list_large .news {
		float: left;
		padding-left: 10px;
		padding-right: 10px;
		width: 100%;
	}
	#box-news-top .list_large .news:not(:last-child) {
		margin-bottom: 10px;
	}
	#box-news-top .news .readmore {
		display: none;
	}
	#box-news-top .news img {
		width: 100%;
	}
	ul.list-item li {
		float: left;
		width: 100%;
		padding: 0 15px;
	}
}

@media screen and (max-width: 536px){
	
}

@media screen and (max-width: 480px){
	
}

@media screen and (max-width: 479px)
{
	.btn-search {
		border-radius: 0 3px 3px 0;
	}
	.content-bottom {
		padding-bottom: 20px;
	}
	.box-middle {
		padding-bottom: 20px;
	}
	.post {
		margin-bottom: 10px;
	}
	.post .inner {
		border-radius: 3px;
		overflow: hidden;
	}
	.post .post-text {
		padding: 15px;
	}
	.post .post-text h2 {
		font-size: 16px;
	}
	.related .col-md-4 {
		margin-bottom: 10px !important;
	}
	.nav-page {
		margin-top: 20px;
	}
}

@media screen and (max-width: 375px){
	
}

@media screen and (max-width: 320px)
{
	.related .post-thumb {
		width: 120px;
	}
	.related .col-md-4 .meta {
		display: none;
	}
}