/*================BEGIN SETUP==================*/
html.openmenu {
    overflow: hidden;
}
a, a:hover, a:visited, a:focus{
	text-decoration: none;
}
a{
	-webkit-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
}
body,html{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
}
*{
	outline: 0;
}
a{
	color:#333333;
}
a:hover{
	color:#74af05;
}
#vnt-container{
	max-width: 1920px;
	margin: 0 auto;
}
.wrapper{
	max-width:1200px;
	padding: 0 15px;
	margin:0 auto;
}
.list-inline{
    margin:0;
}
.list-inline>li{
    padding: 0;
}
/*================END SETUP==================*/
/*==============BEGIN : SELECT J==============*/
.select-j{
    margin-bottom: 20px;
    display: none;
}
.select-j .select-title {
    background: #f5f5f5;
    padding: 7px 13px;
    border: solid 1px #dddddd;
}
.select-j .select-title:hover {
    cursor: pointer;
}
.select-j .select-title p {
    float: left;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
}
.select-j .select-title i {
    float: right;
    line-height: 28px;
    font-size: 20px;
}
.select-j .select-content{
    display: none;
}
.select-j .select-content {
    position: absolute;
    left: 0;
    top: 104%;
    background: #fff;
    box-shadow: 0px 0px 12px #fff;
    border: solid 1px #d0d0d0;
    width: 100%;
    max-height: 200px;
    overflow: auto;
    z-index: 2;
}
.select-j .select-content ul li a {
    padding: 5px 12px;
    border-bottom: solid 1px #e2e2e2;
    display: block;
    color: #333;
}
.select-j .select-content ul li a:hover {
    color: #e32528;
}
/*==============BEGIN: SELECT J================*/
/*================BEGIN HEADER=================*/
div#vnt-header {
    padding-top: 15px;
}
div#vnt-header .wrapper {
    position: relative;
    z-index: 1;
}
.logo {
    width: 470px;
    float: left;
    margin-bottom: -38px;
    background: url(../images/bg_logo.png) no-repeat left bottom;
    background-size: contain;
    padding-bottom: 21px;
}
.header-tool {
    float: right;
    padding-top: 25px;
}
.header-tool ul li {
    float: left;
    margin: 0 15px;

}
.header-tool ul li.mc-regis {
    position: relative;
}
.mc-regis .mc-box {
    position: absolute;
    max-width: 270px;
    background: #ffffff;
    z-index: 1;
    right: -20px;
    border: solid 2px #74af05;
    top: 40px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.mc-regis.active .mc-box{
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    visibility: initial;
} 
.mc-regis .mc-box:before {
    content: "";
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    border-bottom: solid 10px #fff;
    z-index: 1;
    right: 14px;
}
.mc-regis .mc-box:after {
    content: "";
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
    border-bottom: solid 12px #74af05;
    right:12px;

}
.mc-regis .mc-box .mc-account {
    padding: 20px 10px;
    min-width: 270px;
}
.mc-regis .mc-box .mc-account .avatar {
    float: left;
}
.mc-regis .mc-box .mc-account .avatar a {
    display: block;
    background: #74af05;
    font-size: 12px;
    line-height: 20px;
    text-align: Center;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 0px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.mc-regis .mc-box .mc-account .avatar a:hover{
    background: #4e7700;
}
.mc-regis .mc-box .mc-account .info {
    float: right;
}
.mc-regis .mc-box .mc-account .info .title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #e5e5e5;
    font-weight: bold;
    text-transform: uppercase;
    color: #74af05;
}
.mc-regis .mc-box .mc-account .info ul {
    display: initial;
}
.mc-regis .mc-box .mc-account .info ul li {
    margin: 0;
    float: none;
}
.mc-regis .mc-box .mc-account .info ul li a {
    font-size: 14px;
    line-height: 22px;
    padding-left: 15px;
    position: relative;
}
.mc-regis .mc-box .mc-account .info ul li a:before{
    content:"\f0da";
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    left:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mc-regis .mc-box .mc-button {
    padding: 10px;
    background: #444444;
}
.mc-regis .mc-box .mc-button .btn-mc {
    padding: 4px 25px;
    background: #ffffff;
    font-size: 14px;
    line-height: 22px;
}
.mc-box .list-regis {
    padding: 10px;
}
.mc-box .list-regis ul {
    display: initial;
}
.mc-box .list-regis ul li {
    float: none;
    margin: 0;
}
.mc-box .list-regis ul li a {
    padding-left: 15px;
    position: relative;
}
.mc-box .list-regis ul li {
    float: none;
    margin: 0;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #e5e5e5;
}
.mc-box .list-regis ul li:last-child{
    padding-bottom:0;
    margin-bottom: 0;
    border-bottom:none;
}
.mc-box .list-regis ul li a:before{
    content:"\f0da";
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    left:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}



.header-tool ul li:last-child {
    margin-right: 0;
}
.header-tool ul li a {
    font-size: 15px;
    line-height: 23px;
}
.mc-user {
    padding-left: 25px;
    padding-right: 20px;
    position: relative;
    cursor: pointer;
}
.mc-user:hover{
    color:#74af05;
}
.mc-user:before {
    content: "\f007";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 20px;
    line-height: 28px;
    color: #74af05;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mc-user:after {
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header-tool .cart {
    width: 50px;
    height: 50px;
    background: #74af05;
    border-radius: 100%;
    position: relative;
}
.header-tool .cart:before{
	content: "\f291";
	font-family: FontAwesome;
	font-size: 18px;
	line-height: 26px;
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color:#ffffff;
}
.header-tool .cart .sl{
	position: absolute;
	top:-5px;
	right:-5px;
	height:24px;
	width:24px;
	background: #444444;
	color:#ffffff;
	border-radius: 100%;
	text-align: center;
}
.header-tool ul{
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	align-items: center;
	padding-bottom: 32px;
}
.icon_menu{
    display: none;
}
/*================END HEADER=================*/
/*==============BEGIN: MENU MOBILE========*/
.menu_mobile .icon_menu:after {
    position: absolute;
    font-family: "fontawesome";
    content: '\f0c9';
    top: 7px;
    left: 0;
    font-size: 35px;
    line-height: 43px;
    width: 100%;
    text-align: center;
}
.menu_mobile {
    float: right;
    display: none;
}
.menu_mobile .icon_menu {
    width: 70px;
    height: 70px;
    float: left;
    color: #74af05;
    text-align: Center;
    position: relative;
    padding-top: 40px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    border-left:solid 1px #cccccc;
}
.menu_mobile .icon_menu.show {
    font-size: 0px;
}
.menu_mobile .icon_menu.show:after {
    content: "\f00d";
}
.menu_mobile .icon_menu.show:before {
    content: "close";
    font-size: 12px;
}
.menu_mobile .icon_menu:hover {
    background: #74af05;
    cursor: pointer;
    color:#ffffff;
}
.menu_mobile.showmenu{
    position: static;
}
.menu_mobile_nav {
    background: #f5f5f5;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    z-index: 1001;
    display: none;
}
.menu_mobile_nav .form-search {
    padding-top: 20px;
    background: #333333;
}
form#global_search_form {
    position: relative;
    padding: 5px 5px 5px 5px;
}
form#global_search_form .bg-search input {
    border: none;
    height: initial;
    border-radius: 0;
    padding: 10px 0px 10px 10px;
}
form#global_search_form .icon-search {
    position: absolute;
    right: 15px;
    top: 50%;
    background: none;
    border: none;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color:#d70a5a;
}
.form-regis {
    text-align: center;
    border-bottom:solid 1px #dddddd;
    overflow: hidden;
}
.form-regis .form-con {
    font-size: 16px;
    line-height: 24px;
    padding: 14px 0px;
    display: block;
}
.form-regis .form-con:hover{
    color:#74af05;
}
.form-regis .form-con span{
    padding-left:30px;
    position: relative;
}
.form-regis .form-con span:before{
    position: absolute;
    left:0;
    top:50%;
    font-family: FontAwesome;
    font-size: 21px;
    line-height: 29px;
    color:#74af05;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.form-regis .row .col-sm-4:first-child {
    border-right: solid 1px #dddddd;
}
.form-regis .row .col-sm-4:nth-child(2) {
    border-right: solid 1px #dddddd;
}
/************************************************/
.menu-mobile-bg {
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    display: none;
}
.menu-mobile-wrap.show{
    display: block;
}
.menu_mobile_nav ul > li {
    display: block;
    border-bottom: solid 1px #d8d8d8;
}
.menu_mobile_nav ul > li > a, .menu_mobile_nav ul > li > .drop > a {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    padding: 13px 0px 13px 15px;
    position: relative;
    margin-left: 15px;
}
.menu_mobile_nav ul > li > a:before, .menu_mobile_nav ul > li > .drop > a:before {
    content:"\f111";
    font-family: FontAwesome;
    font-size: 5px;
    line-height: 13px;
    color:#74af05;
    position: absolute;
    top:50%;
    left:0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menu_mobile_nav ul > li .drop{
    position: relative;
}
.menu_mobile_nav ul > li .sub {
    position: absolute;
    right: 0;
    height: 100%;
    width: 50px;
    top: 0;
    border-left: solid 1px #d8d8d8;
    cursor: pointer;
}
.menu_mobile_nav ul > li .sub:before{
    content:"\f105";
    font-family: FontAwesome;
    font-size: 23px;
    line-height: 31px;
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.menu_mobile_nav ul > li .sub.show:before{
    content:"\f`";
}
.menu_mobile_nav .menu-drop {
    background: #dddddd;
    display: none;
}
.menu_mobile_nav .menu-drop li a:before {
    content: initial;
}
.menu_mobile_nav .menu-drop li a {
    font-size: 15px;
    line-height: 23px;
    font-weight: normal;
    padding: 13px 0px 13px 25px;
}
/*============END: MENU MOBILE=============*/
/*================BEGIN SLIDE======================*/
div#vnt-slide .slick-dots {
    position: absolute;
    width: 100%;
    bottom: 25px;
    text-align: center;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
div#vnt-slide .slick-dots li {
    display: inline-block;
    margin: 0 7px;
}
div#vnt-slide .slick-dots li button {
    width: 10px;
    height: 10px;
    font-size: 0;
    border: none;
    color: #d8d9da;
    border-radius: 100%;
    padding: 0;
}
div#vnt-slide .slick-dots li.slick-active button {
    background: #74af05;
    border: solid 2px #ffffff;
}
div#vnt-slide .slick-arrow {
    position: absolute;
    z-index: 1;
    right: 0;
    width: 50px;
    height: 50px;
    border: none;
    font-size: 0;
    background: rgba(116,175,5,0.8);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
div#vnt-slide .slick-arrow:hover{
	background: rgba(116,175,5,0.4);
}
div#vnt-slide .slick-arrow:before{
	font-family: FontAwesome;
	font-size: 16px;
	line-height: 24px;
	color:#ffffff;
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
div#vnt-slide .slick-next{
	top: calc(50% - 25px);
	top: -webkit-calc(50% - 25px);
	top: -moz-calc(50% - 25px);
	top: -ms-calc(50% - 25px);
}
div#vnt-slide .slick-next:before{
	content:"\f105";
}
div#vnt-slide .slick-prev{
	top: calc(50% + 26px);
	top: -webkit-calc(50% + 26px);
	top: -moz-calc(50% + 26px);
	top: -ms-calc(50% + 26px);
}
div#vnt-slide .slick-prev:before{
	content: "\f104";
}
/*================END SLIDE===================*/
/*================BEGIN MENU TOP=====================*/
div#vnt-menutop {
    background: #444444;
}
.menutop ul li {
    float: left;
}
.menutop ul li a {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    padding: 13px 20px;
    display: block;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.menutop ul li:hover a, .menutop ul li.current a{
    background: #74af05;
}
/*================END MENU TOP=======================*/
/*================BEGIN FORM SEARCH=================*/
div#vnt-menutop.fixed {
    position: fixed;
    top: 0;
    z-index: 1001;
    width: 100%;
}
.menutop .form-search {
    float: right;
    position: relative;
    margin-top: 4px;
}
.menutop .form-search input {
    position: absolute;
    height: 100%;
    right: 80%;
    border: none;
    background: #74af05;
    color: #ffffff;
    padding: 11px;
    font-style: italic;
    width: 0;
    padding: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.menutop .form-search input::-webkit-input-placeholder{
    color: #ddd;
}
.menutop .form-search input:-moz-placeholder{
    color: #ddd;
}
.menutop .form-search input:-ms-input-placeholder{
    color: #ddd;
}
.menutop .form-search:hover input, .menutop .form-search.active input{
    width:200px;
    padding:10px;
}
.menutop .form-search button {
    background: #74af05;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 0;
    border-radius: 10px;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.menutop .form-search:hover button, .menutop .form-search.active button{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.menutop .form-search:hover button{
    box-shadow: none;
}
.menutop .form-search button span {
    color: #ffffff;
    font-size: 22px;
    line-height: 31px;
}
/*================END FORM SEARCH==================*/
/*================BEGIN BOX MID====================*/
.box-mid{
    padding: 35px 0px;
}
.box-mid .mid_title{
    margin-bottom: 30px;
}
.box-mid .mid_title .titleL {
    text-align: center;
    padding-bottom: 12px;
    position: relative;
}
.box-mid .mid_title .titleL:after {
    position: absolute;
    content: "";
    bottom: 0;
    border-top: solid 1px #74af05;
    width: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.box-mid .mid_title .titleL h1, .box-mid .mid_title .titleL h2 {
    font-weight: normal;
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
}
/*================END BOX MID===================*/
/*================BEGIN BOX======================*/
.box .box-title .fTitle {
    margin: 0;
    padding: 0;
}
.box .box-title .fTitle h2 {
    font-size: 24px;
    line-height: 32px;
    color: #333333;
    text-transform: uppercase;
}
.box .box-title{
    margin-bottom: 30px;
}
/*================END BOX=======================*/
/*================BEGIN PAGINATION=================*/
.pagination ul li a:hover, .pagination ul li span.pagecur {
    background-color: #74af05;
    border-color: #74af05;
}
.pagination ul li a {
    border-color: #dfdedb;
}
/*================END PAGINATION==================*/
/*==================BEGIN BOT=====================*/
.vnt-bot {
    background: url(../images/bg-footer.png) no-repeat right;
    background-position: right bottom;
    padding: 35px 0px 45px 0px;
    border-top: solid 1px #f2f2f2;
    background-size: 10%;
}
.vnt-bot .wrapper {
    overflow: hidden;
}
.box .title{
    margin-bottom: 15px;
    position: relative;
}
.box .titlev1{
    font-size: 30px;
    line-height: 38px;
    font-weight: bold;
    text-transform: uppercase;
}
.box .titlev2{
    padding-left:30px;
    font-size:22px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: bold;
}
.title.titlev2.fa-newspaper-o:before {
    font-size: 23px;
    line-height: 31px;
}
.box .title:before{
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 32px;
    color:#74af05;
    position: absolute;
    top:50%;
    left:0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*==========ADDRESS=========*/
.address ul li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 20px;
}
.address ul li:before{
    font-family: FontAwesome;
    position: absolute;
    left:0;
    top:0;
    color:#55a32a;
    font-size: 18px;
    line-height: 26px;
}
.social ul li {
    float: left;
    margin-right: 20px;
}
.social ul li a {
    font-size: 26px;
    line-height: 34px;
}
.social ul li a i {
    color: #cacaca;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.social ul li:hover a i.fa-facebook{
    color:#3c5b9b;
}
.social ul li:hover a i.fa-twitter{
    color:#20b8ff;
}
.social ul li:hover a i.fa-google{
    color:#d44132;
}
.social ul li:hover a i.fa-youtube-play{
    color:#c8312b;
}
/*==========LIST TITLE=============*/
.list-title ul li{
    margin-bottom: 10px;
}
.list-title ul li a {
    font-size: 17px;
    line-height: 25px;
    color: #555555;
    padding-left: 15px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.list-title ul li:hover a{
    color:#74af05;
    padding-left: 20px;
} 
.list-title ul li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 50%;
    color: #888888;
    font-size: 13px;
    line-height: 23px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*===============CONTA============*/
.conta ul li{
    margin-bottom: 25px;
}
.conta ul li a {
    font-size: 22px;
    line-height: 30px;
    color: #74af05;
    font-weight: bold;
    padding-left: 32px;
    position: relative;
}
.conta ul li a.fa-volume-control-phone:before {
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.conta ul li a.fa-mee:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../images/icon-zalo.png) no-repeat;
    width:22px;
    height:22px;
}
/*==================END BOT=======================*/
.vnt-map-footer img{
    width:100%;
}
/*=================BEGIN COPYRIGHT====================*/
.copyright {
    float: left;
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    margin-right: 35px;
}
.copyright strong {
    font-style: initial;
    font-weight: bold;
    color:#74af05;
}
/*=================END COPYRIGHT================*/
/*==================BEGIN STATIS==========================*/
.footer {
    padding: 19px 0px;
}
ul.box_statistics {
    float: left;
}
ul.box_statistics li {
    float: left;
    font-size: 14px;
    line-height: 21px;
    position: relative;
    padding-left:25px;
    margin-right: 30px;
}
ul.box_statistics li:before{
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    top:50%;
    left:0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #74af05;
}   
ul.box_statistics li b{
    font-weight: normal;
}
/*=================END STATIS=============================*/
/*==================BEGIN LIST SUB MENU===================*/
.list-sub-menu{
    margin-bottom: 40px;
}
.list-sub-menu ul li {
    margin: 0 25px;
}
.list-sub-menu ul li a{
    position: relative;
}
.list-sub-menu ul li a:before{
    position: absolute;
    content: "";
    right:100%;
    bottom:-5px;
    left:0;
    border-bottom:solid 1px #74af05;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.list-sub-menu ul li:hover a:before{
    right:0;
}
/*================END LIST SUB MENU=======================*/
/*===============GO TOP================*/
a.go_top {
    width: 55px;
    height: 55px;
    position: fixed;
    background: #74af05;
    bottom: 90px;
    right: 20px;
    border-radius: 100%
}
a.go_top:before {
    content: "\f102";
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-animation: bounce 1.2s 500ms infinite;
    -o-animation: bounce 1.2s 500ms infinite;
    animation: bounce 1.2s 500ms infinite;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translate(-50%,-50%);}
    40% {transform: translate(-50%,-80%);}
    60% {transform: translate(-50%,-60%);}
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translate(-50%,-50%);}
    40% {-webkit-transform: translate(-50%,-80%);}
    60% {-webkit-transform: translate(-50%,-60%);}
}
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translate(-50%,-50%);}
    40% {-moz-transform: translate(-50%,-80%);}
    60% {-moz-transform: translate(-50%,-60%);}
}
@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translate(-50%,-50%);}
    40% {-o-transform: translate(-50%,-80%);}
    60% {-o-transform: translate(-50%,-60%);}
}
/*==================BEGIN FRAME CONTACT=====================*/
.frame-contact {
    /*==========*/
    display: none;
    /*==========*/
    position: fixed;
    bottom: 0;
    max-width: 250px;
    right: 35px;
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(calc(100% - 36px));
    -ms-transform: translateY(calc(100% - 36px));
    -o-transform: translateY(calc(100% - 36px));
    transform: translateY(calc(100% - 36px));
}
.frame-contact.active{
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}
.frame-contact .title {
    background: #74af05;
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    padding: 7px 0px 6px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    cursor: pointer;

}
.frame-contact .title:before {
    font-family: Fontawesome;
    content: "\f106";
    position: absolute;
    right: 20px;
    top: 50%;
    font-size: 19px;
    line-height: 27px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.frame-contact .content{
    padding:10px;
}
/*=================END FRAME CONTACT======================*/
/*==================BEGIN BUTTON==========================*/
.vnt-button {
    margin-bottom: 10px;
    display: none;
}
.vnt-button .button-wrap {
    margin: 0 -7px;
}
.vnt-button .buttons {
    width: 50%;
    display: block;
    float: left;
    padding: 0 7px;
}
.vnt-button .btn-mm {
    display: block;
    text-align: Center;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    padding: 7px 0px;
    background: #003b1a;
    color: #ffffff;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.vnt-button .btn-mm i {
    font-size: 30px;
    line-height: 38px;
    margin-right: 20px;
    color: #ffffff;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.vnt-button .btn-mm:hover{
    background: #ffffff;
    color:#003b1a;
}
.vnt-button .btn-mm:hover i{
    color:#003b1a;
}
/*====================END BUTTON==============================*/
/*===========================================================*/
/*===========================================================*/
/*========================RESPONSIVE=========================*/
@media all and (max-width: 1130px){
.menutop ul li a {
    padding: 13px;
}
}
@media all and (max-width: 1060px){
.header-tool ul li {
    margin: 0 10px;
}
}

@media all and (max-width:1024px){
.menu_mobile {
    display: block;
}
.list-sub-menu{
    display: none;
}
.vnt-slide {
    margin-bottom: 10px;
}
.select-j{
    display: block;
}
ul.box_statistics{
    display: none;
}
.copyright {
    float: none;
    text-align: center;
}
.vnt-button{
    display: block;
}
#vnt-menutop{
    display: none;
}
.box-mid .mid_title .titleL h1, .box-mid .mid_title .titleL h2 {
    font-size: 26px;
    line-height: 34px;
}

div#vnt-header{
    padding: 0;
    position: relative;
    z-index: 2;
}
div#vnt-header .wrapper {
    padding-right: 0;
}
.header-tool{
    display: none;
}
.icon_menu{
    display: block;
}
.logo {
    width: 270px;
    margin-top: 10px;
    background-size: 75px;
    background-position: 0px -2px;
    position: relative;
    z-index: 1002;
}
}

@media all and (max-width: 991px){
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    padding-left: 10px;
    padding-right: 10px;
}
.vnt-map-footer{
    display: none;
}
.vnt-bot {
    background: url(../images/bg-footer.png) no-repeat;
    background-position: right bottom;
    padding: 35px 0px 45px 0px;
    background-size: 25%;
}
}

@media all and (max-width: 768px){
.frame-contact{
    display: none;
}
}

@media all and (max-width: 460px){
div#vnt-slide .slick-arrow{
    display: none !important;
}
}

@media all and (max-width: 370px){
.logo {
    width: 200px;
    margin-bottom: 0;
    background-image: none;
    padding-bottom: 0;
}
.form-regis .form-con span:before{
    font-size: 14px;
    line-height: 22px;
    color:#74af05;
}
.form-regis .form-con {
    font-size: 12px;
    line-height: 20px;
}
.form-regis .form-con span {
    padding-left: 20px;
}
}

@media all and (max-width: 320px){
.vnt-button .btn-mm i{
    margin-right: 10px;
    font-size: 25px;
    line-height: 33px;
}
.vnt-button .btn-mm {
    font-size: 16px;
    line-height: 24px;
}

}