a:hover{
	text-decoration: none;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

header .info .col-md-6 p:last-child{
	margin-bottom: 0;
}

@media (min-width: 1200px){
	.container {
	    width: 1250px;
	}

	.top-header .container, header .container{
		width: 1200px;
	}

	#crumbs{
		width: 1250px !important;
	}
}

.news-by-categories h3 a:hover, .news-by-categories .news-wrapper a:hover, .box-news-content a:hover, .box-content a:hover, .news-list-item .name a:hover, .desc a:hover, .inner-crumbs a:hover{
	text-decoration: underline;
}

/*Header*/
.top-header {
    background: none repeat scroll 0 0 #e8e8e8;
    padding: 15px 0 15px;
    width: 100%;
}

.top-header li a{
	border-right: 1px solid #999999;
	padding-right: 15px;
	padding-left: 10px;
}

.top-header li:last-child a{
	border-right: none;
}

.top-header .menu{
	text-align: right;
}

.top-header .menu ul{
	margin-bottom: 0;
}

.top-header .menu li{
	display: inline-block;
}

header .info{
	padding: 15px 0;
}

header .info{
	text-align: right;
}

header .info .col-md-6 p:first-child{
	margin-bottom: 0;
}

header .menu{
	padding: 0 30px;
	z-index: 1;
}

header .menu ul.menu-all{
	margin-bottom: 0;
	float: left;
}

header .menu ul.menu-all li{
	padding: 15px;
	position: relative;
}

header .menu li, .search{
	display: inline-block;
}

header .search{
	float: right;
	padding: 13px 10px;
}

header input, header #button-search-header{
	display: inline-block;
	width: auto;
}

header #button-search-header i{
	padding-left: 15px;
}

header .mb-toggle:before{
	content: '\f107';
	font-family: FontAwesome;
}

header li ul{
	position: absolute;
	left: 0;
    width: 330px;
    top: 100%;
    padding: 0px 0px;
    opacity: 0;
    z-index: 100;
    background: rgba(24,144,28,.90);
    visibility: hidden;
    transition: all 100ms linear;
}

header li:hover ul{
	display: inline-block;
	opacity: 1;
	visibility: visible;
}

header li:hover li {
    display: block;
}

header li li{
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.10);
    margin-left: 0;
}

header li li a{
	padding-left: 10px;
}


/*Slide*/
section.slideshow{
	margin-top: -30px; 
	position:relative; 
	overflow:hidden; 
	float: left; 
	width: 100%;
}

section.slideshow .slideshow-home{
	text-align: center;
}

.owl-theme .owl-controls .owl-buttons div{
	background: unset;
}

.owl-carousel:hover .owl-buttons .owl-prev, .owl-carousel .owl-buttons .owl-prev{
	left: 18%
}

.owl-carousel:hover .owl-buttons .owl-next, .owl-carousel .owl-buttons .owl-next{
	right: 18%
}

/*News*/
.news-by-categories:nth-child(2n){
	clear: both;
}

.news-by-categories h2, .box-heading h2, h1.title-page{
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 25px;
	padding: 10px;
	padding-left: 25px;
	position: relative;
	display: inline-block;
}

.news-by-categories h2:before, .box-heading h2:before, h1.title-page:before{
	content: "";
    position: absolute;
    top: 0;
    right: -16px;
    bottom: 0;
    width: 30px;
    transform: skew(30deg);
    border-radius: 0 5px 0 0;
    background: #39c13b;
    color: #FFF;
    z-index: -1;
}

/*.news-by-categories h2:after, .box-heading h2:after, h1.title-page:after{
	content: '';
	width: 3px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 25px;
}
*/
.news-by-categories h3{
	font-size: 16px;
	margin-top: 0;
	line-height: 25px;
}

.news-by-categories p{
	font-size: 13px;
	text-align: justify;
}

.box-content{
	padding: 20px;
}

.news-by-categories .item-news-first{
	margin-bottom: 20px;
	float: left;
}

.text-right{
	padding-top: 20px;
}

.news-by-categories a.title-news-right, .news-by-cat .box-content .image a:before{
	padding-left: 30px;
	display: inline-block;
	position: relative;
	text-align: justify;
	padding-right: 10px;
}

.news-by-categories a.title-news-right:before, .news-by-cat .box-content .image a:before{
	content: '\f111';
	font-family: FontAwesome;
	font-size: 5px;
	position: absolute;
	left: 0;
	top: 5px;
}

.news-by-cat .box-content .image a{
	margin-bottom: 10px;
	float: left;
}

.news-by-cat .box-content .image a:before{
	left: -15px;
}

ul.box-news-content, .news-by-cat .box-content .image a{
	padding-left: 15px;
}

ul.box-news-content li{
	padding-bottom: 10px;
}

.box-content, #banner0 img{
	margin-bottom: 30px;
}

.support-online-col .box-content{
	padding: 30px;
}

.support-online-col .owl-carousel:hover .owl-buttons .owl-prev, .support-online-col .owl-carousel .owl-buttons .owl-prev{
	left: -30px;
}

.support-online-col .owl-carousel:hover .owl-buttons .owl-next, .support-online-col .owl-carousel .owl-buttons .owl-next{
	right: -30px;
}

.fb-box{
	padding: 0;
	margin-top: 10px;
}

footer{
	background: #181818 url(footerbg.png)!important;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 30px 0;
}

footer .colum-footer li{
	margin-bottom: 15px;
}

footer .colum-footer span{
	padding-left: 20px;
}

footer h3{
	margin-bottom: 40px;
	position: relative;
	padding-bottom: 15px;
}

footer h3:before{
	content: '';
	height: 2px;
	width: 100px;
	position: absolute;
	left: 0;
	bottom: 0;
}

ul.footer-social{
	padding-top: 10px;
}

footer .footer-social li{
	float: left;
	padding-right: 20px;
}

footer .footer-menu li{
	margin-bottom: 10px;
}

#powered{
	background-color: #111111;
	padding-top: 20px;
	padding-bottom: 20px;
}

#powered ul.footer-menu{
	float: right;
}

#powered .pull-right .footer-menu li{
	float: left;
	position: relative;
	padding-left: 30px;
}

#powered .pull-right .footer-menu li:first-child{
	padding-left: 0;
}

#powered .pull-right .footer-menu li a:before {
    content: '\f111';
    font-family: FontAwesome;
    font-size: 5px;
    position: absolute;
    right: -15px;
    top: 0;
}

#powered .pull-right .footer-menu li:last-child a:before{
	display: none;
}

.news-list-item{
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

.news-list-item .name{
	margin-bottom: 20px;
	display: block;
}

.news-list-item a.view{
	display: block;
	text-align: right;
	margin-top: 20px;
}

#crumbs{
	width: 100%;
	margin: auto;
	background-color: #fff;
	padding: 10px;
	margin-top: -25px;
	margin-bottom: 30px;
}

#crumbs .inner-crumbs{
	margin-top: 25px;
}


h1.title-page{
	margin-bottom: 20px;
}

.md-box7{
	margin-bottom: 30px;
	float: initial;
}

.md-box7 span{
	display: inline-block;
	margin-top: 30px;
}

.mar-15{
	margin-right: 15px;
	margin-left: 15px;
}

.hot-support span{
	display: block;
}

.hot-support a{
	display: block;
}

.news-description{
	padding: 30px;
}

.item-box7 .clearfix .gif{
	padding: 0;
}

.contact-bg .row{
	padding: 45px;
	padding-top: 0;
}

.contact-bg .note{
	padding-bottom: 15px;
}

.owl-carousel{
	margin: 0;
}

p.job{
	white-space: pre-wrap;
}

.sup-item{
	text-align: center;
}

.facebook-like-box iframe{
	width: 100%;
	height: 300px;
}

input, textarea{
	width: 100%;
}

.menu-mb {
    display: inline-block;
    text-align: left;
    margin-top: 20px;
}

.navbar-toggler span:before {
    content: "";
    height: 2px;
    width: 25px;
    display: block;
    left: 0px;
    top: -7px;
    position: absolute;
    transition: top .3s .3s, -webkit-transform .3s 0s;
}

.navbar-toggler span:after {
    content: "";
    height: 2px;
    width: 25px;
    display: block;
    left: 0px;
    bottom: -7px;
    position: absolute;
    transition: bottom .2s .3s, -webkit-transform .3s 0s;
}

@media (max-width: 768px){

	.top-header{
		display: none;
	}

	.logo img{
		width: 40%;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 20px;
	}

	header .nav-bar {
	    display: none;
	}

	header{
		position: relative;
	}

	.main-menu .nav-bar {
	    border-top: #138dff 1px solid;
	}

	.header-fix {
	    position: fixed;
	    z-index: 101;
	    top: 0;
	    width: 100%;
	    background-color: #fff;
	}
	.navbar-toggler {
	    position: relative;
	    border: none;
	    outline: none;
	}

	.navbar-toggler span {
	    height: 2px;
	    width: 25px;
	    position: absolute;
	    left: 0px;
	    top: 50%;
	}

	#crumbs, #crumbs .inner-crumbs{
		margin-top: 0;
	}

	footer h3{
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	#powered{
		text-align: center;
	}

	.contact-bg .row{
		padding: 20px;
		margin-bottom: 30px;
	}

	.contact-bg{
		margin-right: 0;
		margin-left: 0;
	}

	.md-box7{
		margin: 0;
		padding: 0;
		margin-bottom: 30px;
	}

	.contact-bg p.note{
		padding-left: 10px;
		padding-right: 10px;
		text-align: justify;
	}

	.contact-content{
		margin-top: 30px;
	}

	.md-box7 span {
	    margin-top: 45px;
	}

	#powered ul.footer-menu{
		float: unset;
		display: inline-block;
		text-align: center;
		margin-bottom: 0;
	}

	section.slideshow{
		margin-top: 0;
	}

	.owl-carousel:hover .owl-buttons .owl-prev, .owl-carousel .owl-buttons .owl-prev {
	    left: 0;
	}

	.owl-carousel:hover .owl-buttons .owl-next, .owl-carousel .owl-buttons .owl-next {
	    right: 0;
	}

	.news-by-categories h3{
		margin-bottom: 5px;
		margin-top: 10px;
	}

	header .menu-all li{
		display: block;
	}

	header .menu .search{
		float: left;
		display: block;
	}

	.news-list-item .name{
		margin-top: 20px;
	}

	.mar-15{
		margin: 0;
	}

	header .menu ul.menu-all{
		width: 100%;
	}

	header .menu-all li ul{
		display: none;
	}

	header .menu-all li ul.open{
		display: block;
		position: unset;
		width: 100%;
	}

	header span.mb-toggle{
		position: absolute;
		top: 10px;
		right: 0;
	}

	.news-by-categories.float-all {
	    padding-left: 0;
	    padding-right: 0;
	}
}

.iframe-map iframe{
	width: 100%;
	height: auto;
}