.adv-middle-wrap {
	background:#eef8ff;
	padding-bottom:40px;
}
.middle-large .advertise img {
	margin:auto;
}
.nivo-prevNav {
    width: 12px;
    height: 30px;
    text-indent: 31px;
    overflow: hidden;
    left: 10px;
    color: #707070;
}
.nivo-nextNav::before {
    content: "\f105";
    font-size: 30px;
    margin-left: -30px;
}
.nivo-nextNav {
    width: 12px;
    height: 30px;
    text-indent: 31px;
    overflow: hidden;
    right: 10px;
    color: #707070;
}
.nivo-prevNav::before {
    content: "\f104";
    font-size: 30px;
    margin-left: -30px;
}
#brand-wrap {
	background:#eef8ff;
	padding-bottom:60px;
}
.box-title h3 {
	margin:0;
	text-align:center;
	font-size:30px;
	text-transform:uppercase;
	font-weight:700;
	position:relative;
	padding-bottom:10px;
}
.box-title h3::after {
	content:'';
	display:block;
	width:45px;
	height:4px;
	background:#008848;
	position:absolute;
	left:0;
	right:0;
	top:100%;
	margin:auto;
}
.list-brand {
	margin-top:30px;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
}
.list-brand .brand:last-child a {
	border-right:none;
}
.list-brand .brand {
	float:left;
	border-bottom: 1px solid #e5e5e5;
}
.list-brand .brand a {
	display:block;
	position:relative;
	padding-top:90px;
	width:130px;
	background:#FFF;
	border-right:1px solid #e6e6e6;
}
.list-brand .brand img {
	position:absolute;
	top:50%;
	left:50%;
	max-width: 80%;
    max-height: 80%;
	transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}

#about-wrap {
	padding:60px 0;
	font-size:16px;
	background:#FFF;
	text-align:justify;
	line-height:25px;
}
.about-title {
	font-size:32px;
	margin:0 0 15px;
	padding-bottom: 13px;
	position:relative;
}
.about-title::after {
	content:'';
	display:block;
	position:absolute;
	top:100%;
	left:0;
	width:46px;
	height:4px;
	background:#008848;
}
p.readmore a {
	color:#FFF;
	display:inline-block;
	background:#008848;
	font-weight:700;
	text-transform:uppercase;
	font-size:14px;
	padding:10px 20px;
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}
p.readmore a::after {
	content: '\f105';
    font-weight: 400;
    padding-left: 5px;
}
p.readmore a:hover {
	background: #2b54c2;
}
#about-wrap p {
	margin-bottom:30px;
}
#about-wrap p:last-child {
	margin-bottom:0;
}
#product-wrap {
	padding-top:60px;
	padding-bottom:60px;
	background:#eef8ff;
}
.list-product {
	background:#FFF;
}
.list-product .group-item {
	position:relative;
	border-bottom:1px solid #e5e5e5;
}
.list-product .group-item:last-child {
	border-bottom:none;
}
.list-product .group-item::after {
	content:'';
	display:table;
	clear:both;
}
.product {
	width:25%;
	float:left;
	padding:20px 15px;
	position:relative;
	border-right:1px solid #e5e5e5;
	min-height:320px;
}
.product:nth-child(4n) {
	border-right:none;
}
.product .inner {
	position:relative;
}
.product .thumb {
	position:relative;
	text-align:center;
	margin:auto;
}
.product .thumb a {
	display:block;
	position:relative;
	padding-top:200px;
}
.product .thumb a img {
	position:absolute;
	top:50%;
	left:50%;
	max-width:90%;
	max-height:90%;
	transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}
.product .text {
	margin-top:10px;
}
.product .text h2 {
	font-size:16px;
	margin:0 0 4px;
	line-height:22px;
}
.product .text .price {
	font-size:16px;
	font-weight:700;
	color:#ee0c0c;
}
.product .icon {
	z-index:999;
	display:block;
	position:absolute;
}
.product .icon img {
	max-height:20px;
	max-width:80px;
	width:auto;
	height:auto;
}
.product .brand-logo {
	top:0;
	left:0;
}
.product .type-logo {
	bottom:0;
	right:0;
}
.power-name {
	left:0;
	bottom:0;
	color:#4ebff6;
	font-weight:700;
}
.search-product {
	margin-top:30px;
	padding:15px;
	background:#008848;
	border-radius:5px 5px 0 0;
}

.search-product .input-group {
	display:table-cell;
	vertical-align:middle;
	padding-right:10px;
}
.search-product .input-group.last {
	padding-right:0;
}
.search-product .form-control {
	height:30px;
	box-shadow:none;
	border:1px solid #FFF;
	padding-top:3px;
	padding-bottom:3px;
}
.search-product .form-control:focus {
	border:1px dotted #d10000;
}
#box-search-btn button {
	width:95px;
	outline:none;
	background:#48b865;
	font-weight:700;
	border:none;
	height:30px;
	text-transform:uppercase;
	color:#FFF;
}

#service-wrap {
	overflow:hidden;
	margin-bottom:50px;
}
#service-wrap>.inner {
	margin-left:-2px;
	margin-right:-2px;
}
.service {
	width:33.33333333%;
	float:left;
	padding:2px;
}
.service .inner {
	position:relative;
}
.service .thumb a {
	display:block;
	position:relative;
	padding-top: 66.77%;
}
.service .thumb img {
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	max-width:100%;
	max-height:100%;
	transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}
.service .thumb a::after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	z-index:1;
}
.service .text {
	left:0;
	right:0;
	bottom:20px;
	z-index:2;
	position:absolute;
}
.service .text h2 {
	margin:0;
	color:#FFF;
	font-size:24px;
	font-weight:700;
	padding:0 25px;
	text-transform:uppercase;
}
.service .text h2 a {
	display:block;
	padding: 2px 0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.service .text a:hover {
	color:#FFF;
}
#project-wrap {
	margin-bottom:60px;
}
.project {
    padding: 10px;
}
.box-project {
    margin-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
}
.project .inner {
    background: #eef8ff;
    border-radius: 10px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}
.project .thumb {
    overflow: hidden;
    border-radius: 10px;
}
.project .text {
    text-align: center;
    padding: 15px;
}
.project .text h3 {
    margin: 0 0 10px;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 25px;
    min-height: 50px;
}
.project .excerpt {
    color: #666;
    line-height: 25px;
}
.list-project .owl-nav div {
    color: #333;
    font-size: 20px;
    width: 50px;
    height: 50px;
    background: #FFF;
    border-radius: 100%;
    border: 1px solid #e5e5e5;
    position: absolute;
    padding: 10px;
    text-align: center;
    top: 50%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}
.list-project .owl-nav .owl-prev {
    left: -50px;
}
.list-project .owl-nav .owl-next {
    right: -50px;
}
.list-project .owl-nav div:hover {
    color: #FFF;
    background: #008848;
    border-color: #008848;
}
.list-project .project .inner:hover {
    background: #fff;
    -webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.1);
}
#project-wrap .view-all {
	text-align:center;
	margin-top:20px;
}
#project-wrap .view-all a {
	color:#FFF;
	font-weight:700;
	padding:10px 25px;
	background:#008848;
	display:inline-block;
	text-transform:uppercase;
}
#project-wrap .view-all a::after {
	content:'\f105';
	font-weight:400;
	padding-left:5px;
}
#dealer-wrap {
	text-align:center;
	margin-bottom:60px;
	position:relative;
}
#dealer-wrap .bg-left {
	width: -webkit-calc((100% - 770px) / 2);
    width: -moz-calc((100% - 770px) / 2);
    width: calc((100% - 770px) / 2);
	position: absolute;
    height: 100%;
	left:0;
}
#dealer-wrap .bg-left::before {
    right: -90px;
	position: absolute;
	content: url(../images/bg_dealer_left.png);
}
#dealer-wrap .bg-right {
	width: -webkit-calc((100% - 770px) / 2);
    width: -moz-calc((100% - 770px) / 2);
    width: calc((100% - 770px) / 2);
	position: absolute;
    height: 100%;
	right:0;
}
#dealer-wrap .bg-right::before {
    left: -90px;
	position: absolute;
	content: url(../images/bg_dealer_right.png);
}
.box-dealer {
	width:770px;
	margin:0 auto;
	color:#FFF;
	min-height:335px;
	padding:40px 0;
	background:url(../images/bg_dealer.png) no-repeat;
	background-size:cover;
	position:relative;
	z-index:100;
}
.box-dealer>.inner {
	max-width:510px;
	margin:auto;
}
.box-dealer .item-title {
	font-size:30px;
	font-weight:700;
	margin:0 0 15px;
	text-transform:uppercase;
}
.box-dealer .excerpt {
	font-size:16px;
	font-weight:700;
	line-height:1.8em;
	margin-bottom:20px;
}
.box-dealer .call-now {
	width:400px;
	margin:auto;
	background:#FFF;
	color:#333;
	border-radius:5px;
	text-align:left;
	position:relative;
	padding-left:70px;
	padding-bottom:5px;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
}
.box-dealer .call-now::before {
	content:'\f095';
	font-family:FontAwesome;
	position:absolute;
	font-size:50px;
	color:#008848;
	left:20px;
	top:50%;
	transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
}
.box-dealer .call-now span {
	display:block;
}
.box-dealer .call-now span:first-child {
	font-size:26px;
}
.box-dealer .call-now span:first-child b {
	color:#008848;
}
.box-dealer .call-now span:last-child {
	font-size:13px;
}
.adv-partner a {
	display:block;
	position:relative;
	padding-top:113px;
}
#partner-wrap {
	padding:60px 0;
	background:#eef8ff;
}
#box-partner h4 {
	margin:0 0 15px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:700;
	color:#008848;
}
#box-partner .excerpt {
	font-size:16px;
	line-height:25px;
}
.adv-partner .adv-item {
	border-right:1px solid #d6dfe5;
	border-bottom:1px solid #d6dfe5;
}
.adv-partner a img {
	position:absolute;
	top:50%;
	left:50%;
	max-width:100%;
	max-height:100%;
	transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}
.adv-partner .owl-prev,
.adv-partner .owl-next {
	top:50%;
	font-size:20px;
	position:absolute;
	transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
}
.adv-partner .owl-prev {
	left:10px;
}
.adv-partner .owl-next {
	right:10px;
}
#service-0 .inner {
	width:100%;
	display:block;
	position:relative;
	padding-top: 66.77%;
	background:#008848;
}
#service-0 .thumb {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	margin-top:-30px;
}
#service-0 .thumb::before {
	content:url(../images/icon-service.png);
}
#service-0 .text {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	margin-top:100px;
	text-align:center;
	transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}
#news-wrap {
	margin-bottom:60px;
}
.box-news {
	margin-top:30px;
}
#product-wrap .view-all {
    text-align: center;
    margin-top: 30px;
}
#product-wrap .view-all a {
    color: #FFF;
    font-weight: 700;
    padding: 10px 25px;
    background: #008848;
    display: inline-block;
    text-transform: uppercase;
}
#product-wrap .view-all a::after {
    content: '\f105';
    font-weight: 400;
    padding-left: 5px;
}
.news-right>.inner {
	border-left:1px solid #008848;
	border-right:1px solid #008848;
	border-bottom:1px solid #008848;
}
.news-right .nav-tabs {
	border:none;
	display:table;
	width:100%;
}
.news-right .nav-tabs>li {
	float:none;
	display:table-cell;
	vertical-align:middle;
}
.news-right .nav-tabs>li>a{
	margin:0;
	border-radius:0;
	border:none;
	border-right:1px solid #FFF;
	background:#008848;
	font-size:12px;
	color:#FFF;
	text-transform:uppercase;
	white-space:nowrap;
	font-weight:500;
	padding: 16px 10px 17px;
    text-align: center;
}
.news-right .nav-tabs>li:last-child>a{
	border:none;
}
.news-right .tab-content {
	position:relative;
}
.news-right .nav-tabs>li:first-child>a {
	background:#008848 url(../images/arrow-up.png) bottom center no-repeat;
}
.news-right .tab-content li {
	padding:20px 15px;
	overflow:hidden;
	border-bottom:1px solid #e1e1e1;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
}
.news-right .tab-content li:hover {
	background: #eef8ff;
}
.news-right .tab-content .thumb {
	float:left;
	margin-right:15px;
}
.news-right .text a {
	font-weight:700;
}
.news-right .view-all {
	text-align:center;
	text-transform:uppercase;
	font-weight:500;
	color:#008848;
	padding:18px 15px;
}
.news-right .view-all a::after {
	content: '\f105';
    font-weight: 400;
    padding-left: 5px;
}
.news-right .view-all a:hover {
	color:#008848;
	background:none;
}
#adv-news_top-wrap {
	margin-bottom:30px;
}
.adv-news_top .text {
	padding:11px 20px;
	background:#eef8ff;
}
.adv-news_top .text h4 {
	font-size:16px;
	margin:5px 0 10px;
}
.adv-news_top .owl-prev,
.adv-news_top .owl-next {
	width:30px;
	height:30px;
	position:absolute;
	background:#FFF;
	top:50%;
	font-size:20px;
	text-align:center;
	border-radius:100%;
	transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
}
.adv-news_top .owl-prev {
	left:10px;
}
.adv-news_top .owl-next {
	right:10px;
}
#conso-wrap {
	background:url(../images/bg_conso.jpg) no-repeat;
	background-size:cover;
}
#conso-wrap ul {
	display:table;
	width:100%;
	padding:60px 0;
}
#conso-wrap li {
	display:table-cell;
	width:25%;
	text-align:center;
}
#conso-wrap li span.number {
	display: block;
    width: 165px;
    height: 166px;
    margin: auto;
    color: #323b97;
    font-size: 36px;
    font-weight: 700;
    padding: 60px 0px;
    background: url(../images/bg_item_conso.png) no-repeat;
}
#conso-wrap li span.item-text {
	font-size:20px;
	color:#FFF;
	display:block;
	font-weight:700;
	margin-top:10px;
	padding: 0 50px;
}
.view-all a {
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}
.view-all a:hover {
	background: #2b54c2;
}
#video-home .adv-item a {
	display:block;
	position:relative;
}
#video-home .adv-item a::after {
	content:url(../images/video-play.png);
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	z-index:100;
}









































/* Hover sản phẩm */
.product {
	overflow:hidden;
	position:relative;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
}

.product:hover::before,
.product:hover::after {
	width:100%;
}

.product::before,
.product::after {
	content:'';
	position:absolute;
	left:50%;
	transform:translate(-50%, 0);
	-moz-transform:translate(-50%, 0);
	-webkit-transform:translate(-50%, 0);
	height:1px;
	background: #008848;
	z-index:10;
	width:0;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
}

.product::before {
	top:0;
}
.product::after {
	bottom:0;
}

.product>.inner {
	position:initial;
}

.product:hover>.inner::before,
.product:hover>.inner::after {
	height:100%;
}

.product>.inner::before,
.product>.inner::after {
	content:'';
	position:absolute;
	height:0;
	transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	background: #008848;
	top:50%;
	z-index:100;
	width:1px;
	transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
	display:block;
}

.product>.inner::before {
	left:0;
}
.product>.inner::after {
	right:0;
}

.product .thumb .effect img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    -moz-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    -o-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    -ms-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    -moz-transition: opacity 1s, -moz-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.product:hover .thumb .effect img {
    -webkit-transform: translate(-50%, -50%) scale3d(1.12, 1.12, 1.12);
    -moz-transform: translate(-50%, -50%) scale3d(1.12, 1.12, 1.12);
    -o-transform: translate(-50%, -50%) scale3d(1.12, 1.12, 1.12);
    -ms-transform: translate(-50%, -50%) scale3d(1.12, 1.12, 1.12);
    transform: translate(-50%, -50%) scale3d(1.12, 1.12, 1.12);
}