@charset "utf-8";

@keyframes pulsing {
	0% {
		opacity: 1;
		transform: scaleY(1) scaleX(1);
	}
	20% {
		opacity: 0.5;
	}
	70% {
		opacity: 0.2;
		transform: scaleY(1.8) scaleX(1.4);
	}
	80% {
		opacity: 0;
		transform: scaleY(1.8) scaleX(1.4);
	}
	90% {
		opacity: 0;
		transform: scaleY(1) scaleX(1);
	}
}
@keyframes pulsing1 {
	0% {
		opacity: 1;
		transform: scaleY(1) scaleX(1);
	}
	20% {
		opacity: 0.5;
	}
	70% {
		opacity: 0.2;
		transform: scaleY(1.3) scaleX(1.15);
	}
	80% {
		opacity: 0;
		transform: scaleY(1.3) scaleX(1.15);
	}
	90% {
		opacity: 0;
		transform: scaleY(1) scaleX(1);
	}
}

*, *:before, *:after {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

:root{
	--color-primary-2: #5abb49
}
.text-center {
	text-align: center;
}
.w30s-radio input[type=radio]:checked + .w30s-radio-label:before {
	background-color: #dc1a5b;
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color:#dc1a5b;
}
.w30s-radio input[type=radio] + .w30s-radio-label:before {
	content: "";
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	position: relative;
	margin-right: 1em;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
}
.w30s-radio input[type=radio] {
	position: absolute;
	opacity: 0;
}

body {
	margin: 0px auto;
	padding: 0px auto;
	font-size: 15px;
	/*font-family: 'Roboto Condensed', sans-serif !important;*/
	font-family: 'Open Sans' !important;
	font-weight: 300;
	line-height: 22px;
}
* {
	margin: 0px auto;
	padding: 0px auto;
	outline: none;
}


.no_style {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flex {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -15px;
}

.clr {
	clear: both;
}
ul {
	padding: 0px;
}
img {
	border: 0;
	max-width: 100%;
}

.w30s-alert{
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	position: fixed;
	z-index: 99;
	top: 100px;
	max-width: 500px;
	width: 100%;
	left: 0px;
	right:0px;
	display: none;
}
.w30s-alert-warning{
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.w30s-alert .close-alert {
	position: absolute;
	right:10px;
	top:15px;
	bottom: 0px;
}

.pagewrap {
	position: relative;
	max-width: 1250px;
	margin: 0 auto;
	padding: 0px 15px;
}
.showText {
	padding: 20px 0px;
}
.showText p, .chitiet_ungdung ul p {
	padding-bottom: 15px;
}
.showText img {
	display: block;
	margin: 0 auto;
	height: auto;
	max-width: 100%;
	height: auto !important;
}
.showText ul {
	padding-bottom: 15px;
}
.showText ul li {
	margin-left: 35px;
	line-height: 1.45;
}
.bannerInside {
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: calc(100vh - 0px);
}
.bannerMain {
	position: relative;
	overflow: hidden;
	height: calc(100vh - 0px);
}
.banner li {
	float: left;
	width: 100%;
	height: calc(100vh - 0px);
	list-style: none;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	cursor: default;
	position: relative;
}

.posBL {
	left: 0px;
	bottom: 0px;
}
.pagiBanner {
	position: relative;
	left: 0;
	right: 0;
	bottom: 120px;
	margin: auto;
	width: auto;
	text-align: center;
	z-index: 10;
}
.pagiBanner a {
	display: inline-block;
	vertical-align: text-top;
	width: 15px;
	height: 15px;
	background: #00000091;
	text-indent: -100000px;
	margin: 0 5px;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	border: solid #fff 4px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.pagiBanner a.selected {
	background: #EC1726;
}
.pagiBanner_2, .pagiBanner_3 {
	position: relative;
	left: 0;
	right: 0;
	bottom: -20px;
	margin: auto;
	width: auto;
	text-align: center;
	z-index: 10;
}
.bannerMain .placeNav.prev1, .bannerMain .placeNav.next1 {
	top: 50%;
	z-index: 9999;
	opacity: 1;
	left: 10px
}
.bannerMain .placeNav.prev1 i, .bannerMain .placeNav.next1 i {
	top: 4px;
	position: relative;
}
.bannerMain .placeNav.next1 {
	right: 10px;
	left: auto
}
.bannerMain .placeNav.prev1, .bannerMain .placeNav.next1 {
	top: 50%;
	z-index: 9999;
	opacity: 1;
	left: 10px
}
.bannerMain .placeNav.prev1 i, .bannerMain .placeNav.next1 i {
	top: 4px;
	position: relative;
}
.bannerMain .placeNav.next1 {
	right: 10px;
	left: auto
}
.box_title_banner {
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 2;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 70%;
}
.box_title_banner.box_title_banner_3 {
	right: 0;
	text-align: right;
	left: inherit;
}
.box_title_banner.box_title_banner_2 {
	left: 0;
	right: 0;
	text-align: center;
}
.box_title_banner ul h3 {
	text-transform: none;
	font-size: 40px;
	line-height: 50px;
	font-weight: 500;
	color: #cd1d62;
	font-family: 'Roboto Slab', serif;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 15px;
	letter-spacing: 3px;
}
.box_title_banner ul h3 span {
	text-transform: uppercase;
	display: block;
	font-size: 25px;
	line-height: 40px;
	margin: 5px 0px;
	font-weight: 300;
	color: #333;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 1px;
}
.box_title_banner ul h3:before {
	content: "";
	position: absolute;
	left: 40%;
	bottom: 0;
	height: 4px;
	width: 20%;
	background: #dedede;
	z-index: 2;
}

.box_title_banner ul h1 {
	text-transform: none;
	font-size: 40px;
	line-height: 50px;
	font-weight: 500;
	color: #cd1d62;
	font-family: 'Roboto Slab', serif;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 15px;
	letter-spacing: 3px;
}
.box_title_banner ul h2 {
	text-transform: uppercase;
	display: block;
	font-size: 25px;
	line-height: 40px;
	margin: 5px 0px;
	font-weight: 300;
	color: #333;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 1px;
}
.box_title_banner ul h1:before {
	content: "";
	position: absolute;
	left: 40%;
	bottom: 0;
	height: 4px;
	width: 20%;
	background: #dedede;
	z-index: 2;
}
.box_title_banner ul p, .box_title_banner ul h3{
	text-transform: none;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	color: #5abb49;
}
.box_title_banner ul h4 a {
	text-transform: uppercase;
	color: #ffffff;
	padding: 5px 50px;
	font-size: 19px;
	line-height: 35px;
	font-weight: 300;
	display: inline-block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	letter-spacing: 1px;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	position: relative;
	margin-top: 15px;
	border: double #ffffff 6px;
	background: #dc1a5b;
}
.box_title_banner ul h4 a.btn-sale{
	background-color: var(--color-primary-2);
}
.box_title_banner ul h5 a {
	float: left;
	background: #00000057;
	font-size: 18px;
	color: #ffffff;
	padding: 5px 30px;
	margin-top: 30px;
	line-height: 35px;
	border-radius: 5px;
	font-weight: 500;
	text-transform: uppercase;

	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	border: solid 2px #fff;
	webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.button__wrapper-sale{
	position: relative;
	justify-content: center;
	align-items: center;
	height: 57px;
	width: 200px;
	display: inline-block;
}
.box_title_banner .js-btn-try{
	height: 57px;
}
.box_title_banner .js-btn-try{
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
	z-index: 2;
	position: relative;
	margin-right: 40px;
}
.box_title_banner ul h4 a.btn-sale{
	background-color: var(--color-primary-2);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
	height: 100%;
	margin-top: 0;

}
.box_title_banner .wrapper-btn {
	margin-top: 37px
}
.pulsing:before, .pulsing:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border: inherit;
	top: 0;
	left: 0;
	z-index: 0;
	background: #5abb49;
	border-radius: inherit;
	animation: pulsing 0.8s linear infinite;

}
.box_title_banner ul h4 .button__wrapper-sale:hover .btn-sale,
.box_title_banner ul h4 .button__wrapper-sale:hover .pulsing:before,
.box_title_banner ul h4 .button__wrapper-sale:hover .pulsing:after {
	background: #f60;
}


.page__design-logo .section__about{
    background-image: url(../images/design-logo/dvtk_logo_gioithieu.png);
    background-position: center right;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
}
.page__design-logo .block-about .content{
    width: 60%;
    float: left;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.page__design-logo .block-about .content p {
    line-height: 32px;
    font-size: 120%;

}
.page__design-logo .pagewrap {
    padding-top: 30px;
    padding-bottom: 30px;
}
.page__design-logo .section__about .block-why-business{
    width: 60%;
    float: left;
}
.page__design-logo .section__about .block-why-business .title{
    font-size: 30px;
    color: #dc1a5b;
    margin-bottom: 20px;
    line-height: 40px;
	background-image: unset;
	padding-bottom: 0px;
}
.page__design-logo .section__about .block-why-business .content {
    padding-left: 20px;
}
.page__design-logo .section__about .block-why-business li{
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}
.page__design-logo .section__about .block-why-business li img{
    width: 25px;
}

.page__design-logo .section__about .block-why-business li span{
    width: calc(100% - 25px);
    padding-left: 10px;
    color: #545454;
}
.section__price-service{
    padding-top: 40px;
    width: 100%;
    float: left;
}
.page__design-logo .section__price-service .title,
.page__design-logo .section__procedure .title,
.page__design-logo .section__abouts-wyc .title-page,
.page__design-logo .section__about .title,
.page__design-logo .section__project .title{
    text-align: center;
    font-size: 35px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-weight: 200;
    background: url(../images/bg_line.png) center bottom no-repeat;
    line-height: 45px;
}
.section__about .title,.section__abouts-wyc .title-page {
    text-align: left;
    background: url(../images/bg_line.png) left bottom no-repeat;
}
.section__abouts-wyc h3.title-page {
	padding-bottom: 20px;
}
.section__price-service .title span,
.section__procedure .title span,
.section__about .title span,
.section__abouts-wyc .title-page span,
.page__design-logo .section__project .title span{
    color: #dc1a5b;
}
.section__price-service .list-service{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    grid-gap: 30px 30px
}
.menu_custom .logo-pa-20years{
	padding-left: 30px;
	margin-left: 30px;
	border-left: 1px solid #634e32;
}
.section__price-service .service-item-1{
    background: #f23a9c;
    border: 1px solid #f23a9c;
}
.section__price-service .service-item-2{
    background: #49b18c;
    border: 1px solid #49b18c;
}
.section__price-service .service-item-2 .title {
    color: #49b18c;
}
.section__price-service .service-item-3 .title {
    color: #3194d7;
}
.section__price-service .service-item-3{
    background: #3194d7;
    border: 1px solid #3194d7;
}
.section__price-service .list-service .service-item-2 .list-option li {
    background-color: #3e9777;
}
.section__price-service .list-service .service-item-3 .list-option li {
    background-color: #297eb7;
}
.section__price-service .list-service .service-item{
    width: 100%;
    padding: 10px 15px;
    border-radius: 30px;
}
.section__price-service .list-service .service-item .wrapper-border{
    width: 100%;
    float: left;
    border: 1px solid white;
    border-radius: 19px;
    padding: 0px 20px 20px;
}
.section__price-service .service-item-1 .title{
    color: #f23a9c;
}
.section__price-service .list-service .service-item .title{
    background-image: url(../images/design-logo/bg_banggia.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 17px 0px;
    display: block;
    width: 82%;
    font-size: 20px;
    top: -13px;
    position: relative;
	font-weight: 600;
}
.section__price-service .list-service .service-item .price{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 30px;
    color: #ffff00;
	font-weight: 600;
}
.section__price-service .list-service .service-item .list-point {
    display: flex;
    width: 70%;
    justify-content: space-between;
    padding: 30px 0;
    align-items: center;
}

.section__price-service .list-service .service-item .list-point li{
    list-style: none;
    margin: 0px;
    padding: 0px;
    background: white;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    color: white;

}
.section__price-service .list-service .service-item .list-point li:first-child,
.section__price-service .list-service .service-item .list-point li:last-child{
    width: 2px;
    height: 2px;
}

.section__price-service .list-service .service-item .list-point li:nth-child(2),
.section__price-service .list-service .service-item .list-point li:nth-child(8){
    width: 3px;
    height: 3px;
}
.section__price-service .list-service .service-item .list-point li:nth-child(3),
.section__price-service .list-service .service-item .list-point li:nth-child(7){
    width: 4px;
    height: 4px;
}
.section__price-service .list-service .service-item .list-option{
    width: 100%;
    margin-bottom: 20px;
    float: left;
}
.section__price-service .list-service .service-item-1 .list-option li {
    background-color:#cf3186 ;
}
.section__price-service .list-service .service-item .list-option li{
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
    color: white;
    padding: 10px;;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
}
.section__price-service .list-service .service-item .list-option li i{
    font-size: 16px;
	margin-bottom: 3px;
}
.section__price-service .list-service .service-item .list-option li span{
    width: 100%;
    padding-left: 10px;
}
.section__price-service .list-service .service-item .btn-reg{
    width: 100%;
    float: left;
    padding: 10px 0px;
    font-size: 20px;
    text-align: center;
    background: white;
    border-radius: 10px;
}
.section__price-service .list-service .service-item-1 .btn-reg {
    color: #f23a9c;
}
.section__price-service .list-service .service-item-2 .btn-reg {
    color: #49b18c;
}
.section__price-service .list-service .service-item-3 .btn-reg {
    color: #3194d7;
}
.section__price-service .content {
    background: #e2e2e2;
    padding-top: 30px;
    width: 100%;
    float: left;
    padding-bottom: 40px;
}
.section__price-service .block-price-more{
    width: 100%;
    float: left;
    margin-top: 30px;
}
.section__price-service .block-price-more span{
    font-size: 20px;
    color: #cc1d62;
    width: 100%;
    padding-left: 15px;
}
.section__price-service .block-price-more-content img{
    width: 40px;
}
.section__price-service .block-price-more-content {
    display: flex;
    justify-content: center;
    align-items: center;
}
.section__procedure .list-items{
    background-image:url(../images/design-logo/bg_quytrinh.png) ;
    background-size: contain;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 2px;
    padding: 0 30px;
}
.section__procedure .list-items img{
    display: block;
    margin: auto;
    position: relative;
    max-width: 100%;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    margin-top: 20px;
}
.section__procedure .list-items label, .section__procedure .list-items h3 {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: center;
    color: #f88534;
    font-size: 15px;
    position: relative;
    padding-bottom: 10px;
	font-weight: 600;
}
.section__procedure .list-items label:after , .section__procedure .list-items h3:after {
    content: '';
    position: absolute;
    bottom: 0px;
    height: 3px;
    background: #f88534;
    width: 80%;
    left: 0px;
    right: 0px;
    margin: auto;
}
.section__procedure .list-items p{
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: center;
    color: #949494;
}
.section__procedure .list-items .item:first-child,
.section__procedure .list-items .item:nth-child(3),
.section__procedure .list-items .item:nth-child(5){
    padding-top:150px
}
.section__procedure .list-items .item:nth-child(2) label ,
.section__procedure .list-items .item:nth-child(2) h3{
    color: #00aa5c;
}
.section__procedure .list-items .item:nth-child(2) label:after,
.section__procedure .list-items .item:nth-child(2) h3:after{
    background: #00aa5c;
}
.section__procedure .list-items .item:nth-child(3) label,
.section__procedure .list-items .item:nth-child(3) h3{
    color: #00aff0;
}
.section__procedure .list-items .item:nth-child(3) label:after ,
.section__procedure .list-items .item:nth-child(3) h3:after{
    background: #00aff0;
}
.section__procedure .list-items .item:nth-child(4) label ,
.section__procedure .list-items .item:nth-child(4) h3 {
    color: #453f99;
}
.section__procedure .list-items .item:nth-child(4) label:after,
.section__procedure .list-items .item:nth-child(4) h3:after{
    background: #453f99;
}
.section__procedure .list-items .item:nth-child(5) label,
.section__procedure .list-items .item:nth-child(5) h3 {
    color: #ed2b72;
}
.section__procedure .list-items .item:nth-child(5) label:after,
.section__procedure .list-items .item:nth-child(5) h3:after{
    background: #ed2b72;
}

.page__design-logo .section__project .list-logo{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
}
.page__design-logo .section__project .list-logo .item{
	padding: 0px 20px;
	margin: unset;
}
.page__design-logo .section__project .list-logo .item img{
	border: 1px solid #ccc;
	background: #fff;
}
.page__design-logo .section__project .logo_list .item{
	width: calc(100% / 6 - 20px);
	margin: 0px 10px 20px;
}
.page__design-logo .section__project img {
	width: 100%;
}
.section__project{
	background: #e2e2e2;
	padding: 40px 0px;
}
.page__design-logo .section__project .pagewrap {
	padding-top:0px;
	padding-bottom:0px;
}

@media screen and (max-width: 580px) {
	.section__project{
		padding:20px 0px;
	}
	.box_title_banner .js-btn-try{
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.page__design-logo .section__project .list-logo{
		display: flex;
		flex-wrap: wrap;
	}
	.page__design-logo .section__project .list-logo .item{
		padding: 10px 10px;
	}
}
@media screen and (max-width: 375px) {
	.box_title_banner .wrapper-btn{
		margin-top: 10px;
	}

}
.pulsing:after {

	animation: pulsing1 2.5s linear infinite;

}
.pulsing {

	width: 99%;
	height: 99%;
	border-radius: 50px;
	z-index: 1;
	position: relative;

}

#downButton {
	background: #00000026 url(../images/direction_down.png) center 6px no-repeat;
	background-size: 14px 14px !important;
	border: 3px solid rgba(255,255,255, 1);
	border-radius: 30px;
	height: 30px;
	width: 30px;
	position: absolute;
	bottom: 20px;
	z-index: 2;
	text-indent: -9999 !important;
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: left !important;
	cursor: pointer;
}
.services_home {
	padding: 40px 0;
}
.services_colum ul {
	width: 25%;
	text-align: center;
	margin-top: 0;
	padding: 15px 0px;
}

.services_colum ul li.bg_cl_1 {
	background: #db1a5b;
}
.services_colum ul li.bg_cl_2 {
	background: #24c19b;
}
.services_colum ul li.bg_cl_3 {
	background: #656dee;
}
.services_colum ul li.bg_cl_4 {
	background: #0095ef;
}
.services_colum ul p {
	color: gray;
	font-size: 16px;
	text-transform: none;
}
.services_colum ul h3 {
	color: #333;
	text-transform: uppercase;
	font-size: 21px;
	font-weight: 400;
	padding-top: 15px;
	padding-bottom: 10px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
.services_colum ul:hover h3 {
	color: #f60;
}
.title_page {
	padding-bottom: 34px;
	text-align: center;
	width: 100%;
}
.title_page ul h3 {
	color: #333;
	text-transform: uppercase;
	font-size: 35px;
	font-weight: 100;
	line-height: 50px;
	padding-bottom: 20px;
	background: url(../images/bg_line.png) center bottom no-repeat;
	margin-bottom: 16px;
}
.title_page ul h3 span {
	color: #dc1a5b;
}
.title_page ul h2 {
	color: #333;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 100;
	line-height: 50px;
	padding-bottom: 20px;
	background: url(../images/bg_line.png) center bottom no-repeat;
	margin-bottom: 16px;
}
.title_page ul h2 span {
	color: #dc1a5b;
}
.title_page ul p {
	color: gray;
	font-size: 20px;
	line-height: 30px;
}
.botom_free {
	text-align: center;
	padding-top: 30px;
}
.botom_free.botom_free_2 {
	padding-top: 0;
}
.botom_free ul h3 a {
	background: #db1a5b;
	text-transform: uppercase;
	color: #ffffff;
	padding: 5px 40px;
	font-size: 18px;
	line-height: 35px;
	font-weight: 100;
	display: inline-block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	letter-spacing: 1px;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	position: relative;
	margin-top: 0;
	border: double #ffffff 8px;
}
.botom_free.botom_free_2 ul h3 a {
	background: #dc1a5b;
}
.botom_free ul h3 i {
	padding-left: 10px;
}
.botom_free ul h3 a:hover, .box_title_banner ul h4 a:hover, .total_parter ul h4 a:hover, .chitiet_ungdung ul h4 a:hover, .chitiet_ungdung ul h2 a:hover, .dangky_id ul li a:hover, .dangky_id ul li a.color_id_2:hover {
	background: #f60;
}
.services_colum, .colum_id_3 {
	margin: 0 -15px;
	display: flex;
	flex-wrap: wrap;
}
.colum_id_3 ul {
	float: left;
	width: 50%;
	padding: 25px 15px;
}
.colum_id_3 ul li {
	float: left;
	width: 15%;
	list-style: none;
	text-align: center;
	line-height: 0;
	color: #666;
}
.colum_id_3 ul li img {
	width: 80px;
	height: 80px
}
.colum_id_3 ul h3 {
	float: right;
	width: 80%;
	font-weight: 500;
	font-size: 25px;
	text-transform: uppercase;
	color: #fff;
}
.colum_id_3 ul h3 span {
	font-weight: 100;
	font-size: 18px;
	text-transform: none;
	display: block;
	padding-top: 10px;
}
.colum_id_box {
	padding-top: 270px;
	padding-bottom: 60px;
	position: relative;
	margin-top: 280px;
}
.colum_id_box:before {
	content: '';
	position: absolute;
	top: -10px;
	left: -100%;
	right: -100%;
	bottom: -10px;
	background: url(../images/bg_3.jpg) center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
}
.services_home_3 {
	padding-bottom: 80px;
	padding-top: 100px;
	background: url(../images/sh-bg.svg) center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	z-index: -1;
	position: relative;
}


.left_temp {
	width: calc((100% - 270px)/2);
	padding: 30px 35px 30px 30px;

}
.left_temp ul {
	padding-top: 60px;
}
.left_temp ul li {
	list-style: none;
	float: left;
	width: 70px;
	background: #dc1a5b;
	color: #fff;
	font-size: 35px;
	height: 70px;
	text-align: center;
	margin-left: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.right_temp ul li {
	margin-right: 20px;
	margin-left: 0;
}
.left_temp ul h3 {
	float: left;
	width: calc(100% - 90px);
	color: #dc1a5b;
	font-size: 24px;
	line-height: 35px;
	font-weight: 500;
	text-transform: uppercase;
}
.left_temp ul p {
	color: #666;
	font-size: 17px;
	line-height: 27px;
	padding-top: 15px;
}
.left_temp.right_temp {
	text-align: left;
}
.center_temp {
	float: left;
	width: 270px;
	height: 540px;
	background: url(../images/bg_mobile.png) center center no-repeat;
	position: relative;
	padding: 15px;
}
.box_menu {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	z-index: 10;
}
.box_menu.fixed {
	position: fixed;
	top: 0 !important;
	z-index: 4;
	background: #ffffff;
	width: 100%;
	-webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
	z-index: 9999;
}
.logo_top{
	padding: 10px 0;
	margin: 0;
}
.wrapper-items-logo{
	display: flex;
	width: 290px;
	float: left;
	align-items: center;
	justify-content: flex-start;
}

.box_menu.fixed .logo_top {
	top: -20px;
}
.menu.menu_pc {
	margin: auto;
	transform: translateY(-50%);
	top: 50%;
}
.box_menu.fixed .logo_top img {
	height: 45px;
	padding: 0;
	background: no-repeat;
}
.box_menu.fixed .right_header ul li a, .right_header ul li {
	color: #333;
}

.box_menu.fixed .menu > li:hover > a, .box_menu.fixed .right_header ul li a:hover {
	color: #db1a5b;
}
.box_menu.fixed .menu > li > a {
	line-height: 40px;
	color: #333;
}

.box_menu.fixed .menu li.homepage a {
	top: -2px;
}
.box_menu.fixed .openBtn {
	margin-top: 10px;
}
.box_menu.fixed .dropdown {
	position: absolute;
	top: 7px;
}
.box_menu:after, .box_menu:before {
	content: "";
	position: inherit;
	top: 0px;
	left: 0;
	right: 0;
}
.box_menu.fixed:after, .box_menu.fixed:before {
	position: absolute;
}
.box_menu:before {
	top: auto;
	bottom: 0px;
}
.menu li.homepage a i {
	font-size: 25px;
	margin: 0;
	padding: 0;
}
.menu li.homepage a {
	padding-right: 10px;
	top: -2px;
}
.menu li.homepage a:hover {
	color: #dc1a5b;
	background: none;
}
.right_header ul li:first-child{
	padding-left: 6px;
}
.menu {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	right: 0px;
	z-index: 3;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
.menu * {
	list-style: none;
}
.menu > li + li {
	margin-left: 0;
}
.menu > li {
	float: left;
	position: relative;
}
.menu > li > a {
	display: block;
	line-height: 45px;
	position: relative;
	z-index: 2;
	font-size: 15px;
	text-decoration: none;
	text-transform: capitalize;
	color: #333;
	font-weight: 500;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	padding: 0 14px;
}
.menu > li > a i {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 0 0 7px;
	color: inherit;
	font-size: 11px;
}
.menu > li > a:after {
	content: "";
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: 0px;
	height: 2px;
	background: #ed1c24;
	opacity: 0;
	z-index: 2;
	display: none;
}
.menu > li:hover > a {
	color: #db1a5b;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.menu > li:hover > a:after {
	left: 0;
	right: 0;
	opacity: 1;
}
.menu > .searchli:hover > ul {
	display: block;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
}

.menu > li > ul.menu-two-col{
	display: grid;
	width: 645px;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	grid-gap: 0px 20px;
	background: white;
	transform: translateX(-50%);
	left: 50%;
	transition: unset;
	-moz-transition: unset;
	-webkit-transition: unset;
}
.menu > li:hover > ul.menu-two-col {

}
.menu > li:hover > ul.menu-two-col:before {
	left:50%;
	transform: translateX(-50%);
}
.menu > li:hover > ul.menu-two-col:after {
	top:-26px;
}
.menu > li > ul li:nth-child(5),
.menu > li > ul li:nth-child(6) {
	border-bottom: 0px;
}
.menu > li.active > a {
	color: #EF1E23;
}
.menu > li.active > a:after {
	left: 0;
	right: 0;
	opacity: 1;
}
.menu > li > ul {
	position: absolute;
	top: 90%;
	left: 0;
	display: none;
	width: 320px;
	z-index: 2;
	margin-top: 19px;
	padding: 0;
	display: block;
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	transform-origin: center top 0px;
	-moz-transform-origin: center top 0px;
	-webkit-transform-origin: center top 0px;
	transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
	-moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
	-webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
	border-top: 2px #dc1a5b solid;
	box-shadow: 0px 5px 18px 0px rgb(0 0 0 / 10%);
}
.menu > li.searchclick > .search{
	display: none;
	transform: none;
	transform-origin: center;
	cursor: pointer;
	transition: auto;
}
.menu > li.searchclick > a{
	cursor: pointer;
}
.box_menu.fixed .menu > li > ul{
	margin-top: 13px;
}
.menu > li > ul:before {
	content: "";
	border: solid 10px transparent;
	border-bottom-color: #db1a5b;
	width: 22px;
	height: 20px;
	position: absolute;
	top: -21px;
	left: 40px;
	z-index: 2;
}
.menu > li > ul .img_menu {
	width: 45px;
	position: absolute;
	top: 13px;
}
.menu > li > ul:after {
	content: "";
	position: absolute;
	top: 12px;
	left: 3px;
	right: -3px;
	bottom: -3px;
	z-index: 0;
	background: rgba(0, 0, 0, 0);
}
.menu > li > ul li {
	z-index: 2;
	position: relative;
	margin: 0;
	color: #333;
	font-weight: 500;
	font-size: 14px;
	padding: 10px 15px;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.menu > li > ul > li:first-child {
	padding-top: 10px;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
}
.menu > li > ul > li:last-child {
	padding-bottom: 10px;
	border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-o-border-radius: 0 0 3px 3px;
	-ms-border-radius: 0 0 3px 3px;
}
.menu > li > ul > li:last-child > a {
	border: none;
}
.menu > li > ul > li  a {
	display: inline-block;
	white-space: nowrap;
	color: inherit;
	line-height: 27px;
	background: rgba(255, 255, 255, 0);
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
	padding: 0 24px 0 55px;
	text-decoration: none !important;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}
.menu > li > ul > li > a > span {
	display: none;
}
.menu > li > ul > li:hover>a{
	z-index: 3;
}
.menu > li > ul > li a {
	transition: 0.25s all ease-in-out;
}
.menu > li > ul > li .href_menu{
	padding: 0;
}
.menu > li > ul > li .desc_menu {
	padding-left: 60px;
	color: gray;
	font-size: 13px;
	line-height: 23px;
	margin-bottom: 0px;
}
.menu > li > ul:not(.menu-two-col) > li:hover>a {
	padding: 0 12px 0 55px;
	background: rgba(255, 255, 255, 0.2);
	border-color: transparent;
}
.menu > li > ul > li >ul li:hover>a {
	padding: 0 12px 0 12px;
	background: rgba(255, 255, 255, 0.2);
	border-color: transparent;
}
.menu > li > ul:not(.menu-two-col) > li:hover>a.href_menu {
	padding: 0;
}
.menu > li > ul > li > a {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.logo_top img {
	height: 60px;
	width: auto;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
.right_header {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	line-height: 30px;
	right: 15px;
}
.right_header ul li {
	list-style: none;
	float: left;
	color: #333;
	font-size: 14px;
	text-transform: uppercase;
	border-left: solid #333 1px;
	padding-left: 10px;
	margin-left: 10px;
	line-height: 20px;
}

.right_header ul li i {
	padding-right: 10px;
	font-size: 15px;
}
.right_header ul li a:hover {
	color: #db1a5b;
	text-decoration: underline;
}
.total_parter {
	padding-top: 100px;
	text-align: center;
	background: url(../images/bg_6.png) center top no-repeat #dc1a5b;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	position: relative;
	color: #fff;
	padding-bottom: 150px;
}
.total_parter_2:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #dc1a5be8;
	transition: .3s all ease;
	z-index: 0;
}
.total_parter:before {
	background: url(../images/bg_5.png) center top no-repeat;
	content: "";
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 2;
	width: 100%;
	height: 40px;
}
.total_parter:after {
	background: url(../images/bg_4.png) center bottom no-repeat;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 2;
	width: 100%;
	height: 40px;
}
.total_parter ul h2 {
	text-transform: uppercase;
	font-size: 80px;
	line-height: 120px;
	font-weight: 500;
	color: #ffc520;
	font-family: 'Roboto Slab', serif;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 21px;
	letter-spacing: 3px;
}
.total_parter ul h2 span {
	text-transform: uppercase;
	display: block;
	font-size: 30px;
	line-height: 40px;
	font-weight: 300;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0;
}
.total_parter ul h2:before {
	content: "";
	position: absolute;
	left: 45%;
	bottom: 0;
	height: 4px;
	width: 10%;
	background: #ffffff;
	z-index: 2;
}
.total_parter ul p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	width: 50%;
}
.total_parter ul h4 a {
	text-transform: uppercase;
	color: #ffffff;
	padding: 5px 50px;
	font-size: 19px;
	line-height: 35px;
	font-weight: 300;
	display: inline-block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	letter-spacing: 1px;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	position: relative;
	margin-top: 30px;
	border: double #ffffff 6px;
	background: #dc1a5b;
}
#particles-js {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	z-index: 1;
}
[data-x-mode] #particles-js {
	pointer-events: none;
}
.dv-content-partoc {
	position: relative;
}
.dv-content-partoc:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.temp_mau_home {
	padding: 40px 0;
}
.temp_id {
	margin: 0 -15px;
	display: flex;
	flex-wrap: wrap;
}
.temp_id ul {
	width: 25%;
	text-align: center;
	position: relative;
	padding: 15px;
}
.temp_id ul li, .temp_id ul li img {
	list-style: none;
	line-height: 0;
	position: relative;
	overflow: hidden;
	display: block;
	height: auto;
	width: 100%;
	webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}
.temp_id ul h3 {
	float: left;
	font-size: 20px;
	color: #333;
	font-weight: 400;
	text-align: left;
	padding-top: 15px;
}

.temp_id ul h3 span {
	display: block;
	font-size: 17px;
	color: #666;
	font-weight: 300;
}

.temp_id ul:hover li:before {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: '';
	z-index: 1;
	transition: all 600ms ease;
	background: rgba(0,0,0,.28);
}
.temp_id ul:hover .more_temp {
	opacity: 10;
}
.more_temp {
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
	text-align: center;
	z-index: 2;
	opacity: 0;
	transition: all 600ms ease;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.more_temp h2 {
	display: inline-table;
	margin: 5px;
}

.swap li {
	float: right !important;
}

.more_temp h2 a {
	display: block;
	color: #fff;
	padding: 0 20px;
	font-size: 15px;
	font-weight: 300;
	text-transform: capitalize;
	background: #dc1a5b;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	line-height: 40px;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.more_temp h2 a.colortemp_2 {
	background: #5ABB49;
}
.more_temp h2 a:hover {
	background: #f60;
}
.box_review {
	padding: 100px 0;
	text-align: center;
	background: url(../images/bg_2.jpg) center center no-repeat fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	position: relative;
}

.list_review ul li {
	list-style: none;
	line-height: 0;
}

.video_home ul {
	background: url(../images/block-video-870x500.png) center center no-repeat;
	max-width: 870px;
	height: 500px;
	background-size: 100% 500px;
}
.video_home ul li {
	list-style: none;
	padding: 36px 12%;

}
.video_home ul li iframe {
	width: 100%;
	height: 409px;
}
.video_home {
	position: absolute;
	left: 0;
	right: 0;
	top: -550px;
	z-index: 3;
	padding: 15px;
}
.services_home_2 {
	padding-top: 0;
	position: relative;
}
*:after, :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.conten {
	overflow: hidden;
}
.right_fix {
	position: fixed;
	right: 20px;
	bottom: 100px;
	z-index: 9999;
}
.right_fix ul li {
	list-style: none;
	line-height: 0;
	margin-bottom: 15px;
}
.right_fix ul li img {
	width: auto;
	height: auto;
	border: double #ffffff 6px;
	padding: 5px;
	box-sizing: border-box;
	background: #d92e62;
	bottom: -100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: 0.1s background-color linear, 0.1s color linear;
	-moz-transition: 0.1s background-color linear, 0.1s color linear;
	-o-transition: 0.1s background-color linear, 0.1s color linear;
	transition: 0.1s background-color linear, 0.1s color linear;
}
.right_fix ul li:hover img {
	background: #5abb49;
}
.chamsoc_kh {
	background: #dc1a5b;
	color: #FFF;
	text-align: center;
}
.chamsoc_kh ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0px auto;
	max-width: 1100px;
}

.chamsoc_kh ul>h3 {

	font-size: 17px;
	font-weight: 300;
	padding: 10px 25px;
	border-right: solid #FFF 1px;
	line-height: 1.6;
	width: 33.3336%;
	text-align: center;
}

.chamsoc_kh ul>h3:last-child {
	border-right: none;
}
.chamsoc_kh ul h3 span {
	font-size: 22px;
	font-weight: 500;
	padding-left: 5px;
}
.footer {
	background: #888888;
	text-align: center;
	padding: 30px 0;
}
.box_home_3 {
	padding-top: 40px;
	padding-bottom: 130px;
	position: relative;
	background: #f5f5f5;
}
.box_home_3:after {
	background: url(../images/bg_7.png) center bottom no-repeat;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 1;
	width: 100%;
	height: 215px;
}
.images_box3 {
	position: absolute;
	right: 2%;
	bottom: 10px;
	float: right;
	z-index: 2;
	max-width: 48%;
	padding: 15px;
}
.images_box3 img {
	width: 100%;
	height: auto;
}
.conent_box3 {
	float: left;
	width: 50%;
}
.conent_box3 ul {
	padding-top: 20px;
	position: relative;
}
.conent_box3 ul li {
	float: left;
	list-style: none;
	line-height: 0;
	height: 60px;
	width: 60px;
	padding: 15px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: double #ffffff 9px;
	background: #969696;
	position: relative;
}
.conent_box3 ul.bosung_line:before {
	content: "";
	position: absolute;
	left: 50px;
	top: 125px;
	height: 80px;
	width: 5px;
	background: #969696;
	z-index: 1;
}
.conent_box3 ul.bosung_line:after {
	content: "";
	position: absolute;
	left: 50px;
	top: -57px;
	height: 80px;
	width: 5px;
	background: #969696;
	z-index: 1;
}
.conent_box3 ul li img {
	width: 100%;
	height: auto;
}
.conent_box3 ul h3 {
	float: right;
	width: 78%;
	color: #545454;
	font-size: 25px;
	line-height: 35px;
	font-weight: 500;
	text-transform: uppercase;
}
.conent_box3 ul h3 span {
	color: #666;
	font-size: 17px;
	line-height: 27px;
	padding-top: 10px;
	display: block;
	text-transform: none;
}
.dv-hinh-anh-quay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.div_slider_banner_shap3 {
	position: absolute;
	left: 0;
	-webkit-animation: dv_rotate3d 4s linear infinite;
	animation: dv_rotate3d 4s linear infinite;
	opacity: .4;
	top: 0;
	display: none;
}

.dv_single_slider_rot_inner {
	position: absolute;
	top: 9%;
	left: 20%;
}
@-webkit-keyframes dv_rotate3d {
	0% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	100% {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
}
@keyframes dv_rotate3d {
	0% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	100% {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
}
.img_wrapper_ring {
	position: absolute;
	top: 62%;
	z-index: -2;
	margin: 0 auto;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-animation: rotate-m 4s linear infinite;
	-o-animation: rotate-m 4s linear infinite;
	animation: rotate-m 4s linear infinite;
	display: block;
}
.img_wrapper_ring img {
	animation: floating2 7s infinite;
	-webkit-animation: floating2 7s infinite;
	-webkit-animation-name: dv_rotateme;
	animation-name: dv_rotateme;
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	width: 100%;
	height: auto;
}
.w3-section, .w3-code {
	margin-top: 16px!important;
	margin-bottom: 16px!important;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	z-index: -1;
	top: 0;
	width: 240px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.w3-section img {
	width: auto;
	height: 510px;
}
.bg_link {
	color: #fff;
	padding-top: 230px;
	padding-bottom: 50px;
	background: url(../images/bg_8.jpg) center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	position: relative;
}
.bg_link.bg-banner-price {
	background: url(../images/banner-page/bangia_WebDEMO.jpg) center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}
.bg_link.bg-banner-blog {
	background: url(../images/banner-page/blog_kientrhuc.jpg) center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}
.bg_link.bg-banner-care-website {
	background: url(../images/banner-page/chamsoc_website.jpg) center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}
.bg_link.bg-banner-about-WebDEMO {
	background: url(../images/banner-page/gioithieu_WebDEMO.jpg) center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}
.bg_link.bg-banner-web-custom {
	background: url(../images/banner-page/gioithieu_webtheoyeucau.jpg) center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}
.bg_link.bg-banner-web-response-theme {
	background: url(../images/banner-page/kho_giaodien.jpg) center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}
.bg_link.bg-banner-extension {
	background: url(../images/banner-page/tienich_WebDEMO.jpg) center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}
.bg_link ul h3{
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 35px;
	font-weight: 200;
	line-height: 45px;
	padding-bottom: 25px;
	background: url(../images/bg_line.png) center bottom no-repeat;
	margin-bottom: 30px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	letter-spacing: 1px;
	z-index: 2;
}
.bg_link:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../images/pattern.png) repeat center center rgba(0, 0, 0, 0.6);
	transition: .3s all ease;
	z-index: 0;
}
.bg_link ul h3 span {
	color: #ffc520;
}
.page_conten {
	padding-top: 50px;
	padding-bottom: 30px;
}
.box_yc_1 {
	padding-top: 30px;
	background: url(../images/right_bg.jpg) right top no-repeat #fff;
	padding-bottom: 30px;
	position: relative;
}
.left_noidung_gt {
	float: left;
	width: 50%;
}
.WebDEMO_gt_1 {
	padding-top: 120px;
	background: linear-gradient(-47deg, #F956CB 0%, #F74B54 100%);
	position: relative;
	padding-bottom: 200px;
}
.WebDEMO_gt_1:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 0;
	border-right: 100vw solid #fff;
	border-top: 200px solid transparent;
	width: 0;
	z-index: 0;
}
.WebDEMO_gt_1 ul {
	float: left;
	width: 50%;
	color: #fff;
}
.WebDEMO_gt_1 ul h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 35px;
	font-weight: 200;
	line-height: 45px;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 30px;
}
.WebDEMO_gt_1 ul h3:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 20%;
	background: #ffffff;
	z-index: 2;
}
.WebDEMO_gt_1 ul h3 span {
	color: #fff;
	text-transform: none;
	font-size: 20px;
	font-weight: 100;
	line-height: 25px;
	display: block;
	padding-top: 10px;
}
.WebDEMO_gt_1 ul h2 i, .WebDEMO_gt_2 ul h2 i {
	padding-left: 10px;
}
.WebDEMO_gt_1 li {
	position: absolute;
	width: 45%;
	list-style: none;
	line-height: 0;
	right: 0;
	bottom: -220px;
	z-index: 2;
	text-align: right;
	padding: 15px;
}
.WebDEMO_gt_1 li img {
	width: 90%;
	height: auto;
}
.WebDEMO_gt_2 {
	padding: 20px 0;
	background: url(../images/sh-bg.svg) center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}
.WebDEMO_gt_2 li {
	list-style: none;
	line-height: 0;
	width: 40%;
	float: left;
	padding: 2%;
	text-align: center;
}
.WebDEMO_gt_2 li img {
	width: 90%;
	height: auto;
}
.WebDEMO_gt_2 ul {
	float: left;
	width: 52%;
	padding: 2%;
}
.WebDEMO_gt_2 ul h3 {
	color: #dc1a5b;
	text-transform: uppercase;
	font-size: 35px;
	font-weight: 200;
	line-height: 45px;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 15px;
}
.WebDEMO_gt_2 ul h3:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 20%;
	background: #dc1a5b;
	z-index: 2;
}
.WebDEMO_gt_2 ul h3 span {
	color: #666;
	text-transform: none;
	font-size: 20px;
	font-weight: 100;
	line-height: 25px;
	display: block;
	padding-top: 10px;
}
.WebDEMO_gt_2 ul p, .WebDEMO_gt_1 ul p {
	padding-top: 15px;
}
.WebDEMO_gt_2 ul h2 a, .WebDEMO_gt_1 ul h2 a, .css__btn-mul-color {
	float: left;
	display: block;
	background: #dc1a5b;
	color: #fff;
	padding: 5px 40px;
	font-size: 17px;
	line-height: 35px;
	font-weight: 100;
	margin-top: 30px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-image: -webkit-linear-gradient(left, #da1a5a 0%, #7450fe 51%, #db1a5b 100%);
	background-image: linear-gradient(to right, #db1a5b 0%, #7450fe 51%, #dc1a5b 100%);
	-webkit-transition: all 500ms;
	transition: all 500ms;
	border: solid #FFF 2px;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-webkit-transition: 0.1s background-color linear, 0.1s color linear;
	-moz-transition: 0.1s background-color linear, 0.1s color linear;
	-o-transition: 0.1s background-color linear, 0.1s color linear;
	transition: 0.1s background-color linear, 0.1s color linear;
}
.WebDEMO_gt_2 ul h2 a:hover, .WebDEMO_gt_1 ul h2 a:hover {
	background: #dc1a5b;
	background-image: -webkit-linear-gradient(left, #7450fe 0%, #db1a5b 51%, #7450fe 100%);
	background-image: linear-gradient(to right, #7450fe 0%, #db1a5b 51%, #7450fe 100%);
}
.WebDEMO_gt_2.WebDEMO_gt_3 {
	background: url(../images/bg_01.png) center right no-repeat;
}
.WebDEMO_gt_2.WebDEMO_gt_4 {
	background: url(../images/bg_02.png) center left no-repeat;
}
th {
	background-color: #5a008b;
	color: white;
	line-height: 45px;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
}
tr:hover {
	background-color: #f5f5f5;
}
th, td {
	border-bottom: 1px solid #ddd;
}
th, td {
	padding: 5px 10px;
}
td {
	height: 30px;
}

table {
	border: 1px solid black;
}
table {
	width: 100%;
}
table {
	border-collapse: collapse;
}
table, th, td {
	border: 1px solid #ccc;
}
tr:nth-child(even) {
	background-color: #f2f2f2;
}
.timkiem_top {
	border-bottom: solid #eee 1px;

	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	background: #fff;
	margin-bottom: 20px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	float: left;
	width: 100%;
	text-align: left;
}
.input_search {
	padding: 0px 10px;
	height: 35px;
	width: auto;
	color: #666;
	background: none;
	border: none;
	width: 100%;
	font-size: 13px;
	padding-right: 45px;
}
.search {
	position: relative;
}
.input_search:focus {
	color: #333;
}
.btn_ser{
	width: 50px;
	height: 30px;
	text-indent: -10000px;
	background: url(../images/icon-search.png) no-repeat center center;
	border-left: 0px;
	position: absolute;
	right: 0;
}
.search li a{
	width: 50px;
	height: 30px;
	border-left: 0px;
	position: absolute;
	right: 0;
}
.search a:hover , .btn_ser:hover{
	background: url(../images/icon-search_hover.png) no-repeat center center;
}
.btn_ser:hover{
	background: url(../images/icon-search_hover.png) no-repeat center center;
}
.menu_left_id ul h3, .menu_left_id ul h2 {
	color: #333;
	font-size: 22px;
	text-transform: capitalize;
	font-weight: 400;
	border-bottom: solid #eee 1px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.menu_left_id ul li {
	list-style: none;
}
.menu_left_id ul li i {
	padding-right: 10px;
}
.menu_left_id ul li a {
	display: block;
	padding: 5px 0;
	line-height: 30px;
	color: #666;
	font-size: 17px;
	text-transform: capitalize;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	transition: text-indent 0.2s;
}
.menu_left_id ul li a:hover {
	color: #dc1a5b;
	transition: text-indent 0.2s;
	text-indent: 6px;
}

.left_conten_id {
	width: 22%;
	padding: 15px;
}

.right_conten_id {
	width: 78%;
	padding: 15px;
}
.part_list, .tienich_id {
	margin: 0 -1%;
}
.part_list ul {
	float: left;
	width: 21%;
	margin: 0 1% 2% 1%;
	text-align: center;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	padding: 1%;
}
.part_list ul li {
	list-style: none;
	line-height: 0;
}
.part_list ul li img {
	width: 100%;
	height: auto;
}
.part_list ul h3 {
	font-size: 18px;
	color: #333;
	font-weight: 400;
	padding-top: 20px;
	text-transform: uppercase;
	padding-bottom: 0;
}
.part_list ul p {
	font-size: 16px;
	color: #666;
	font-weight: 300;
}
.part_list ul:hover h3 {
	color: #dc1a5b;
}
.titile_page {
	color: #333;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 100;
	line-height: 40px;
	padding-bottom: 20px;
	background: url(../images/bg_line.png) left bottom no-repeat;
	margin-bottom: 0px;
}
.titile_page span {
	color: #dc1a5b;
}
.tienich_id {
	display: flex;
	flex-wrap: wrap;
	margin:0px -15px;
	align-items: left;
}
.tienich_id>li {
	width: 25%;
	padding: 15px;
	margin: 0;
}
.tienich_id ul li, .tienich_id ul li img {
	list-style: none;
	line-height: 0;
	width: 100%;
	height: auto;
}
.box_content {
	padding: 45px 0px 25px 0px;
}
.tienich_id ul {

	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	padding: 10px;
}
.tienich_id ul h3 {
	font-size: 18px;
	color: #333;
	font-weight: 400;
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
	text-transform: uppercase;
}
.tienich_id ul h3 span {
	display: block;
	color: #f60;
	font-size: 20px;
	text-transform: capitalize;
}
.tienich_id ul p {
	padding-left: 5px;
	padding-right: 5px;
	color: #666;
	padding-top: 10px;
	line-height: 24px;
}
.boder_page_id {
	margin-bottom: 0;
	padding:0px 0px 25px 0px;
}
.chitiet_ungdung {
	margin-bottom: 30px;
	padding: 25px 0px;
}
.chitiet_ungdung li {
	float: left;
	width: 40%;
	list-style: none;
	line-height: 0;
}
.chitiet_ungdung li img {
	width: 100%;
	height: auto;
}
.chitiet_ungdung ul {
	float: right;
	width: 57%;
}
.chitiet_ungdung ul h3 {
	font-size: 25px;
	color: #333;
	font-weight: 300;
	text-transform: uppercase;
	border-bottom: double #CCCCCC 4px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	line-height: 35px;
}
.chitiet_ungdung ul h3 span {
	display: block;
	color: #F63;
	font-size: 20px;
	text-transform: capitalize;
	padding-top: 5px;
	font-weight: 500;
}
.chitiet_ungdung ul h4 a {
	background: #db1a5b;
	text-transform: uppercase;
	color: #ffffff;
	padding: 5px 40px;
	font-size: 18px;
	line-height: 35px;
	font-weight: 300;
	display: inline-block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	letter-spacing: 1px;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	position: relative;
	margin-top: 0;
	border: double #ffffff 8px;
}
.chitiet_ungdung ul h4 i {
	font-size: 24px;
	padding-right: 10px;
}
.chitiet_ungdung ul h2 a {
	text-transform: none;
	color: #fff;
	padding: 5px 25px;
	font-size: 18px;
	line-height: 35px;
	font-weight: 300;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	border: dashed #ffffff 1px;
	margin-bottom: 20px;
	display: block;
	text-align: center;
	background: #5abb49;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}
.dangky_tt ul h4 a:hover {
	background: #dc1a5b;
}
.dangky_tt {
	padding: 100px 0;
	text-align: center;
	background: url(../images/bg_9.jpg) center center fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	color: #fff;
	position: relative;
}
.dangky_tt:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #0000006e;
	transition: .3s all ease;
	z-index: 0;
}
.dangky_tt ul h3 {
	padding-bottom: 20px;
	font-size: 35px;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 40px;
	color: #ffc520;
	background: url(../images/bg_line.png) center bottom no-repeat;
	margin-bottom: 20px;
}
.dangky_tt ul p {
	padding-bottom: 30px;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 30px;
}
.dangky_tt ul h4 a {
	display: inline-table;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 33px;
	padding: 5px 40px;
	background: #FF9800;
	border: double #ffffff 8px;
	font-weight: 100;
	color: #fff;
	border-radius: 50px;
	-webkit-transition: 0.1s background-color linear, 0.1s color linear;
	-moz-transition: 0.1s background-color linear, 0.1s color linear;
	-o-transition: 0.1s background-color linear, 0.1s color linear;
	transition: 0.1s background-color linear, 0.1s color linear;
	margin-top: 30px;
	letter-spacing: 3px;
}
.col-md-7 {
	width: 26.5%;
	display: inline-table;
	margin-left: 10px;
	color: #666;
	margin-right: 10px;
}
.col-md-3 {
	width: 100%;
	margin-bottom: 15px;
}
.form-control_3 {
	display: block;
	width: 100%;
	height: 45px;
	padding: 5px 15px;
	font-size: 17px;
	line-height: 1.42857143;
	color: #999;
	background: f2f2f2;
	background-image: none;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border: 1px solid #ccc;
	font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;
	resize: vertical;
	box-sizing: border-box;
}
.form-control {
	display: block;
	width: 100%;
	height: 45px;
	padding: 6px 25px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #666;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #ffffff;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	resize: vertical;
	box-sizing: border-box;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
}
.form-control:focus {
	border-color: #000000;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #000000bf;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #000000ba;
}
.row-frm select {
	height: 45px !important;
	width: 100%;
	margin: 0;
}
.banggia_page {
	margin-bottom: 30px;
	text-align: center;
}
.box_ct_list {
	margin-bottom: 30px;
}
.left_hinh_ct {
	width: 60%;
	position: relative;
	padding: 15px 167px 15px 15px;
}

.left_hinh_ct li {
	list-style: none;
	line-height: 0;
}
.left_hinh_ct ul {
	position: absolute;
	bottom: 60%;
	right: 15px;
	z-index: 1;
	transform: translateY(50%);
	width: 232px;
	height: 463px;
	background: url(../images/phone_bg.png) center center no-repeat;
}
.left_hinh_ct ul img {
	border: none;
	width: 196px;
	margin-top: 51px;
	margin-left: 23px;
}
.left_hinh_ct li img {
	width: 100%;
	height: auto;
}
.right_noidung_ct {
	width: 40%;
	padding: 15px;
}
.row_1 h3 {
	font-size: 30px;
	color: #333;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 15px;
	margin-bottom: 15px;
	line-height: 35px;
	border-bottom: double #ccc 4px;
}
.row_1 ul li {
	list-style: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: dotted #ccc 1px;
	color: #666;
}
.row_1 ul li span {
	padding-left: 20px;
	color: #f63;
	font-size: 20px;
}
.dangky_id {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}
.dangky_id ul li {
	list-style: none;
	margin-right: 15px;
	float: left;
}
.dangky_id ul li a {
	display: block;
	background: #DC1A5B;
	color: #fff;
	font-size: 17px;
	padding: 5px 30px;
	line-height: 30px;
	text-transform: capitalize;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.dangky_id ul li a.color_id_2 {
	background: #5ABB49;
}
.dangky_id ul li i {
	font-size: 20px;
	padding-right: 10px;
}
.row_1 ul p {
	color: #f60;
	font-size: 20px;
	text-transform: uppercase;
}
.row_2 ul h3, .row_3 ul h3 {
	font-size: 25px;
	color: #333;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 15px;
}
.row_2 ul li {
	list-style: none;
	float: left;
}
.row_2 ul li a {
	display: block;
	background: #eee;
	font-size: 14px;
	padding: 0px 10px;
	margin: 5px;
	line-height: 30px;
	text-transform: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	color: #666;
}
.row_2 ul li a:hover {
	background: #ccc;
	color: #333;
}
.row_3 {
	margin-top: 20px;
	border: dashed #f63 2px;
	padding: 20px;
	color: #666;
	position:relative;
	padding-bottom: 10px;
}
.row_3 ul p span.phone_company {
	line-height: 35px;
	color: #f60;
	font-size: 22px;
}
.row_3 ul p span:nth-child(1) {
    width: 160px;
    font-size: 16px;
}
.row_3 ul p span {
	color: #666;
	font-size: 17px;
	float: left;
	line-height: 36px;
}
.row_3 ul {
	padding-right: 110px;
}
.row_3 ul li {
	list-style:none;
	line-height:0;
	position:absolute;
	bottom: 0px;
	right: 10px;
	z-index:0;
	text-align: right;
}
.row_3 ul li img{
	width:80%;
	height: auto;
	text-align: right;

}
.right_hinh{
	position:absolute;
	right: 10%;
	bottom: -30px;
	z-index: 1;
	text-align: right;
	width: 40%;
}
.right_hinh img{
	width: 90%;
	height:auto;
}
.box_yc_2{
	padding:30px 0;
	background: #f8f8f8;
	position: relative;
}
.box_yc_3{
	padding-top: 30px;
	background: url(../images/sh-bg.svg) center center no-repeat fixed;
	position: relative;
	padding-bottom: 100px;
}
.left_hinh_id {

	width: 40%;
	float: left;
	padding: 2%;
	text-align: center;
}
.left_hinh_id img {
	width: 90%;
	height: auto;
}
.right_noidung_t {
	float: left;
	width: 52%;
	padding: 2%;
}
.hinh_chuanseo{
	text-align:center;
	position:absolute;
	left:0;
	right:0;
	top: -140px;
}
.hinh_chuanseo img{
	width: 510px;
	height: auto;
}
.box_yc_4{
	padding-top: 130px;
	background:#f8f8f8;
	position:relative;
}
.tbl_quytrinhthietke_rps {
	overflow: scroll;
}

.tbl_quytrinhthietke_rps table {
	min-width: 768px;
}

#footer {
	background: #888;
	padding: 15px 0;
	color: #FFF;
}
.box_header_top,
.footer_bottom,
.list_col_ft {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	padding: 0px 0px 15px 0px;
}
.box_header_top .left_header_top,
.box_header_top .right_header_top {
	width: 50%;
	padding: 15px;
}
.title_footer {
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 18px;
}

.list_adress li {
	margin: 10px 0;
	font-size: 15px;
	line-height: 1.45;
}
.list_adress li:last-child {margin-bottom: 0}
.left_header_bottom {
	width: 73%;
	padding: 15px;
}
.right_header_bottom {
	width: 27%;
	padding: 15px;
}
.list_col_ft>li {
	width: 25%;
	padding: 15px;
}
.footer_bottom .title_footer {font-size: 16px}
.list_link_ft li:last-child {margin-bottom: 0}
.list_col_ft>li {padding: 0 15px}
.list_link_ft li a {
	color: #FFF;
	font-size: 15px;
	line-height: 1.6;
	transition: 0.25s all ease-in-out;
}

.list_link_ft li a:hover{
	color: #db1a5b
}

.form_newsletter {
	margin: 15px 0;
	position: relative;
}
.submit_email {
	position: absolute;
	right: 0;
	width: 35px;
	font-size: 21px;
	color: #999;
	height: 33px;
	cursor: pointer;
	border: none;
	top: 1px;
	padding: 0;
}
.input_email {
	width: 100%;
	height: 35px;
	padding: 0 50px 0 5px;
}
.title_connect_pa {
	font-size: 14px;
	color: #FFF;
	margin: 10px 0;
}
.list_img_ft {
	display: flex;
	flex-wrap: wrap;
}
.list_img_ft>li {
	width: 50%;
	padding: 5px;
	margin: 0;
}

.mobile-menu-area{
	display: none;
}
.btn_menu {
	position: absolute;
	color: #333;
	z-index: 999;
	right: 116px;
	top: 50%;
	font-size: 24px;
	transform: translateY(-50%);
}

.fixed .right_header ul li {
	border-left: solid #333 1px;
}
.mm-wrapper__blocker.mm-slideout {
	background: #000;
	opacity: 0.45;
}

.flex_temp {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -15px
}



.left_temp {
	padding: 35px 15px;
}



.box_table>li{
	width: 25%;
	padding: 15px;
}
.item_price  {
	height: 100%;
	padding-bottom: 90px;
	position: relative;
	padding-top: 105px;
}

.header_price {
	color: #FFF;
	position: relative;
	padding-top: 105px;
}
.register_box {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}


.price_month {
	width: 180px;
	height: 180px;
	background: #FFF;
	padding: 15px;
	position: absolute;
	top: -90px;
	left: 0;
	right: 0;
	border-radius: 50%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.price_month>div {
	width: 100%;
}
.price_month hr {
	border:none;
	height: 1px;
}
.price_unit , .month_unit{
	width: 100%;
}

.price_unit{
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 10px;
}
.month_unit {
	font-size: 20px;
	margin-top: 10px;
}

.name_box {
	color: #ffff00;
	font-size: 22px;
	text-transform: uppercase;
	padding: 0px 15px 30px 15px;
}
.des_box {
	padding: 25px 15px 15px 15px;
	position: relative;
}

.img_dowm {
	position: absolute;
	width: 30px;
	height: 30px;
	transform: rotate(45deg);
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0px;
	right: 0px;
	top: -15px;
}
.img_hot {
	position: absolute;
	right: -4px;
	top: -5px;
}
.img_dowm img{
	transform: rotate(-45deg);
}

.list_box_service ul li{
	padding: 10px;
	font-size: 15px;
	color: #333;
	cursor: pointer;
}
.list_box_service ul li:nth-child(2n-1) {
	background: #f5f5f5;
}
.register_box>a.btn_register {
	padding: 10px 15px;
	color: #FFF;
	font-size: 21px;
	text-transform: uppercase;
}
.register_box>a.view_more_box {
	padding: 5px 15px;
}
.register_box>a {
	display: block;
}

.popover_box {
	color: #fff;
	background-color: #dc1a5b;
	border-radius: 50%;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.content_pover {
	position: absolute;
	padding: 10px 15px;
	background: #dc1a5b;
	width: 200px;
	border-radius: 5px;
	top: -20px;
	left:18px;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	transform: translate(-100%,-100%);
	text-align: left;
}
.content_pover:before{
	width: 0;
	height: 0;
	content: '';
	border-left: 14px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #dc1a5b;
	position: absolute;
	right: 0px;
	bottom: -7px;
	margin:auto
}
.popover_box:hover  .content_pover{
	opacity: 1;
	visibility: visible;
}




body {


	--blue_color: #00a6d9;
	--blue_clor_second: #0ac4fc;
	--blue_clor_opacity: rgba(10,196,252,0.2);
	--blue_clor_hover:  #55d8ff;

	--green_color_first:#5ABB49;
	--green_color_first_second: #9de290;
	--green_color_first_opacity: #b8d8b3;
	--green_color_first_hover:  #7fde6d;

	--orange_color: #f24e49;
	--orange_color_second: #f08275;
	--orange_color_opacity: rgba(242,78,73,0.2);
	--orange_color_hover:  #f08275;

	--green_color_second: #179c76;
	--green_color_second_second: #1bb589;
	--green_color_second_opacity: rgba(23, 156, 118, 0.2);
	--green_color_second_hover:  #1bb589;

}


.green_color_second .price_month {
	border: solid 2px var(--green_color_second);
	color: var(--green_color_second);
}
.green_color_second .price_month hr {
	background: var(--green_color_second);
	color: var(--green_color_second);
}
.green_color_second .img_dowm {
	background:var(--green_color_second);
	border:solid 1px var(--green_color_second_second);
}
.green_color_second .header_price {
	background:var(--green_color_second);

}
.green_color_second .list_box_service ul li:hover, .green_color_second .register_box>a.view_more_box:hover{
	background:var(--green_color_second_hover);
	color: #FFF;
}
.green_color_second .register_box>a.btn_register {
	background:var(--green_color_second);
}
.green_color_second .register_box>a.view_more_box {
	color: var(--green_color_second);
	background:  var(--green_color_second_opacity);
}

.green_color_second .des_box {
	background: var(--green_color_second_second);
}


.orange_color .price_month {
	border: solid 2px var(--orange_color);
	color: var(--orange_color);
}
.orange_color .price_month hr {
	background: var(--orange_color);
	color: var(--orange_color);
}
.orange_color .img_dowm {
	background:var(--orange_color);
	border:solid 1px var(--orange_color_second);
}
.orange_color .header_price {
	background:var(--orange_color);

}
.orange_color .list_box_service ul li:hover, .orange_color .register_box>a.view_more_box:hover{
	background:var(--orange_color_hover);
	color: #FFF;
}
.orange_color .register_box>a.btn_register {
	background:var(--orange_color);
}
.orange_color .register_box>a.view_more_box {
	color: var(--orange_color);
	background:  var(--orange_color_opacity);
}

.orange_color .des_box {
	background: var(--orange_color_second);
}




.green_color_first .price_month {
	border: solid 2px var(--green_color_first);
	color: var(--green_color_first);
}
.green_color_first .price_month hr {
	background: var(--green_color_first);
	color: var(--green_color_first);
}
.green_color_first .img_dowm {
	background:var(--green_color_first);
	border:solid 1px var(--green_color_first_second);
}
.green_color_first .header_price {
	background:var(--green_color_first);

}
.green_color_first .list_box_service ul li:hover, .green_color_first .register_box>a.view_more_box:hover{
	background:var(--green_color_first_hover);
	color: #FFF;
}
.green_color_first .register_box>a.btn_register {
	background:var(--green_color_first);
}
.green_color_first .register_box>a.view_more_box {
	color: var(--green_color_first);
	background:  var(--green_color_first_opacity);
}

.green_color_first .des_box {
	background: var(--green_color_first_second);
}



.blue_color .price_month {
	border: solid 2px var(--blue_color);
	color: var(--blue_color);
}
.blue_color .price_month hr {
	background: var(--blue_color);
	color: var(--blue_color);
}
.blue_color .img_dowm {
	background:var(--blue_color);
	border:solid 1px var(--blue_clor_second);
}
.blue_color .header_price {
	background:var(--blue_color);

}
.blue_color .list_box_service ul li:hover, .blue_color .register_box>a.view_more_box:hover{
	background:var(--blue_clor_hover);
	color: #FFF;
}
.blue_color .register_box>a.btn_register {
	background:var(--blue_color);
}
.blue_color .register_box>a.view_more_box {
	color: var(--blue_color);
	background:  var(--blue_clor_opacity);
}

.blue_color .des_box {
	background: var(--blue_clor_second);
}



.box_testimonial .prev, .box_testimonial .next  {
	margin: 10px 0px;
	border:solid 1px #CCC;
	padding: 15px;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #CCC;
}
.caroufredsel_wrapper {
	margin: 0 auto;
}

ul.menu_pc li {
	position: relative;
}
ul.menu_pc li ul li ul {
	position: absolute;
	left: 100%;
	width: 230px;
	top: 0px;
	padding: 10px;
	background: #db1a5b;
	border-radius: 3px;
	border: solid 1px rgba(255, 255, 255, 0.2);
	opacity: 0;
	visibility: hidden;
	transform: translateX(25px);
	transition: 0.25s all ease-in-out;
}

ul.menu_pc li ul li:hover>ul {
	opacity: 1;
	visibility: visible;
	transform: none;
}

ul.menu_pc li ul li ul>li:last-child a{
	border-bottom: none;
}


.js-wrapper-input-search {
	position: absolute;
	right: 0px;
	top: 150%;

}
.js-wrapper-input-search i {
	position: absolute;
	right: 0px;
	color: #c7c7c7;
	top: 7px;
}
.js-wrapper-input-search input{
	width: 300px;
	border-radius: 10px;
	border: 1px solid #e4e4e4;
	padding: 7px 10px;
}
.temp_id ul h3 {
	width: 100%;
	float: left;
}
.temp_id ul .item-left,.temp_id ul .item-right {
	width: calc(100% - 30px);
	display: inline-block;
	text-align: left;
	font-size: 17px;
	color: #666;
	font-weight: 400;
}
.temp_id ul .wrapper-item {
	display: flex;
	align-items: flex-end;
	width: 100%;
}
.temp_id ul .item-right{
	text-align: right;
	width: 30px;
}

.menu_left_id ul li a.active {
	color: #dc1a5b;
}

.right_noidung_ct .showText{
	padding: 0;
	text-align: left;
	padding-top: 20px !important;
	color: #333;
	font-weight: normal;
}
.content_pover{
	width: 330px;
	padding: 6px 8px;
}
.list_box_service ul li {
	padding: 8px 10px;
}
.popover_box{
	width: 15px;
	height: 15px;
}
.tienich_id ul p.text-des{
	height: 60px;
    overflow: hidden;
}
.box_home_3 .conent_box3 ul li{
	height: 108px;
	width: 108px;
}

.temp_id ul{
	margin:unset;
}
.menu_left_id ul li.active a{
	color:#cd1d62;
}
.page_conten{
	padding-top:50px;
	padding-bottom:30px;
}

.right_conten_id{
	width: 74%;
	margin: 0 2%;
}
.col-contact ul p {
	font-size: 16px;
}
.tienich_id ul h3{
	min-height: 101px;
}
.right_conten_id{
	padding: 15px 0px;
}
.tienich_id>li{
	padding: 15px 8px;
}
.tienich_id ul h3{
	padding-left: 0px;
	padding-right: 0px;
	min-height: 101px;
}
.chitiet_ungdung .dv-li{
	border-bottom:1px dotted #ccc;
	padding:5px 0;
	color: #333;
}
.chitiet_ungdung .dv-li-nd{
	color: #333;
}
.chitiet_ungdung .dv-li p{
	display: inline-block;
	width: 90px;
	color: #333;
	bottom: 0px;
}
.left_conten_id{
	padding-right: 0px;
}

.box_title_banner ul li {
	color: white;
}
.page_conten .flex{
	margin:0px;
}
.page_conten {
	padding-left:2%;
	padding-right:2%;
}
.page_conten .left_conten_id{
	padding-left:0px;
}
.page_conten .right_conten_id {
	padding-right:0px;
	margin-right:0px;
}
.page_conten .box_content {
	padding:0px;
}
.page_conten .tienich_id{
	margin:0px;
}
.box_title_banner{
    width: 100%;
	top:5%;
}


#in_menu_dkid_km .margintop50 {
	margin-top: 20px !important;
}
.taoweb_class {
	width: 490px !important;
	padding: 0 20px;
	max-width: 100%;
}

.page_conten .list-template-application {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: auto;
	grid-gap: 36px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.list-template-application li {
	position: relative;
	width: 100%;
	padding: 0px;
}
.list-template-application li:hover a:before {
	content: '\f00e';
	display: inline-block;
	font-family: FontAwesome;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	color: white;
	font-size: 30px;
	transform: translateX(-50%) translateY(-50%);
}
.list-template-application li:hover a:after{
	position: absolute;
	top:0px;
	bottom: 0px;
	width: 100%;
	left: 0px;
	content: '';
	background: #00000045;
}
.list-template-application li img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 1024px) {
	.tienich_id ul h3,.tienich_id ul h3 span {
		font-size: 16px;
	}
	.page_conten{
		padding-left: 15px;
		padding-right: 15px;
	}

	.right_conten_id{
		padding-right: 0;
	}

    .section__price-service .list-service .service-item .title {
        width: 100%;
    }
    .section__price-service .list-service .service-item .wrapper-border{
        padding: 0px 10px 20px;
    }
    .section__price-service .list-service{
        grid-gap: 20px;
    }
    .section__price-service .list-service .service-item{
        padding: 10px;
    }
    .section__price-service .list-service{
        grid-gap: 15px;
    }
    .page__design-logo .section__about .block-why-business,.page__design-logo .block-about .content{
        width: 80%;
    }
    .section__price-service .title, .section__procedure .title, .section__about .title{
        padding-bottom: 25px;
    }

    .section__price-service .list-service{
        grid-template-columns: repeat(2, 1fr);
    }
    .section__price-service .service-item-3{
        transform: translateX(50%);
    }

    .section__procedure .list-items{
        grid-template-columns: repeat(1, 1fr);
        background-image: unset;
    }
    .section__procedure .list-items .item {
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 50px;
    }
    .section__procedure .list-items .item img{
        order:1;
        width: 142px;
        margin: unset;
        left: 0;
        transform: none;
    }

    .section__procedure .list-items .item:first-child,
	.section__procedure .list-items .item:nth-child(3),
	.section__procedure .list-items .item:nth-child(5){
        padding-top: 0px;
    }
    .section__procedure .list-items .item .wrapper-info{
        order:2;
        width: 60%;
        padding-left: 30px;
        margin: unset;
        float: left;
    }
    .section__procedure .list-items label ,.section__procedure .list-items h3{
        text-align: left;
        width: auto;
        padding-top:20px;
    }
    .section__procedure .list-items p{
        text-align: left;
    }
    .section__procedure .list-items label:after, .section__procedure .list-items h3{
        top:0px;
        bottom:unset;
        right: unset;
    }
    .section__procedure .list-items .item:nth-child(5) label,
    .section__procedure .list-items .item:nth-child(5) h3,
    .section__procedure .list-items .item:nth-child(3) label,
    .section__procedure .list-items .item:nth-child(3) h3,
    .section__procedure .list-items .item:nth-child(1) label,
    .section__procedure .list-items .item:nth-child(1) h3{
        padding-top: 0px;
    }
    .section__procedure .list-items .item:nth-child(3) label:after,
    .section__procedure .list-items .item:nth-child(3) h3:after,
    .section__procedure .list-items .item:nth-child(5) label:after,
    .section__procedure .list-items .item:nth-child(5) h3:after,
    .section__procedure .list-items .item:nth-child(1) label:after,
    .section__procedure .list-items .item:nth-child(1) h3:after{
        bottom: 0px;
        top:unset;
    }
    .page__design-logo .section__about{
        position: relative;
    }
    .page__design-logo .section__about:before{
        content: '';
        background-color: #ffffffab;
        width: 100%;
        height: 100%;
        float: left;
        position: absolute;
        left:0px;
    }
    .page__design-logo .section__about > * {
        position: relative;
    }
	.page__design-logo .section__about .block-why-business li span{
		color: black;
	}
}
@media screen and (max-width: 850px) {
	.taoweb_class {
		width: 100% !important;
	}
}

.services_home_3{
	z-index:0;
}
.left_temp{
	text-align: right;
}

.temp_home_box{padding:50px 0;background:#fff;}
.temp_home ul { float: left; width: 372px; margin: 14px; list-style: none; border: solid #eee 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.temp_home ul:hover, .khoungdung_id ul:hover{-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);box-shadow:0 0 8px rgba(0,0,0,0.5);}
.temp_home ul li, .temp_home ul li img{width:370px;height:450px;line-height:0;}
.temp_home ul h1, .temp_home ul h4{float:left;font-size:20px;color:#333;font-weight:normal;padding:20px;}
.temp_home ul h4{width:65%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.temp_home ul h4 p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.temp_home ul h2 {width:35%; text-align: right; -moz-box-sizing: border-box; box-sizing: border-box;  }
.temp_home ul:hover h1, .temp_home ul:hover h4{color:#DC1A5B;}
.temp_home ul h2{float:right;padding:20px;font-size:18px;color:#999;font-weight:normal;}
.temp_home h3{padding:15px 20px;width:24%;margin-top:20px;text-align:center;font-size:18px;color:#fff;background:#2EA5CC;font-weight:normal;text-align:center;outline:1px solid #2EA5CC;outline-offset:2px;}
.temp_home h3:hover{background:#DC1A5B;outline:1px solid #DC1A5B;outline-offset:2px;}

.div-aj-seacrh{text-align:right;padding:0 15px;margin-top:-7px; position: absolute; z-index: 2; top: calc(100% - 27px);}
.div-aj-seacrh a{font-size:13px;color:#333;font-weight:500;}
.div-aj-seacrh a:hover{color:#DC1A5B;}
.chamsoc_kh {
	position: fixed;
	width:100%;
	left: 0px;
	bottom: 0px;
}
#footer{
	padding-bottom: 60px;
}
.right_hinh {
	z-index: 0;
}
.chamsoc_kh ul{
	z-index: 9;
}
.chamsoc_kh {
	z-index:11;
}
.banner li {
	background-color: #f7f6f0;
	background-size: contain;
	background-position: center bottom;
}
.banner li {
	height: 650px;
}
.bannerMain {
	height: auto;
	overflow: hidden;
}
@media screen and (max-width: 1280px) {
	.banner li {
		height: 600px;
	}

}
@media screen and (max-width: 1024px) {
	.banner li{
		height:550px ;
	}
	.bannerMain {
		height: auto ;
	}
}
@media screen and (max-width: 768px) {
	.banner li{
		height:460px ;
	}
    .page__design-logo .section__about .block-why-business, .page__design-logo .block-about .content{
        width: 100%;
    }
	.page_conten .list-template-application {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 22px;
	}
	.page_conten .list-template-application>li {
		width: 100%;
	}
}

@media screen and (max-width: 414px) {
	.title_page ul h3 span{
		display: block;
	}
	.w30s__breadcrumb ul {
		flex-wrap: wrap;
	}
	.w30s__breadcrumb li{
		margin:unset;
	}
	.box_title_banner ul p, .box_title_banner ul h3 {
		padding: 0 10%;
	}

	.banner li{
		height:520px ;
	}
	.box_title_banner{
		width: 90%;
	}
}
.box_table>li{
	padding: 15px 10px;
}
.box-reg-custom a{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.box-reg-custom{
	font-size: 18px;
	line-height: 37px;
}

.content_pover{
	top: -7px
}

.title_web_id ul h2{
	margin-top: 5%;
}
.total_parter ul p {
	width: 70%;
}
.pageload_id.page_conten{
	padding-top: 50px;
}
.list_box_service {
	text-align: left;
}
.banggia_page_pro .list_box_service li:nth-child(24),
.banggia_page_pro .list_box_service li:nth-child(25),
.banggia_page_pro .list_box_service li:nth-child(19),
.banggia_page_basic .list_box_service li:nth-child(24),
.banggia_page_basic .list_box_service li:nth-child(16),
.banggia_page_basic .list_box_service li:nth-child(15){
	min-height: 70px;
}
.banggia_page_pro .list_box_service li:nth-child(3),
.banggia_page_pro .list_box_service li:nth-child(2),
.banggia_page_pro .list_box_service li:nth-child(4),
.banggia_page_basic .list_box_service li:nth-child(2) {
	min-height: 97px;
}

.box_table > li:first-child .content_pover{
	transform: translate(100%,-100%);
	right:18px;
	left: unset;
}
.box_table > li:first-child .content_pover:before {
	left: 0px;
	right: unset;
}

.wrapper-item-ws .text-des {
	word-break: break-all;
	min-height: 58px;
	overflow: hidden;
}
.list_box_service .popover_box {
	float: right;
	margin-top:6px;
	margin-right:6px;
}
.list_box_service ul li > div.cur a {
    text-decoration: underline;
}
.list_box_service ul li > a.cur,.list_box_service ul li > div.cur{
	width: calc(100% - 21px);
	display: inline-block;
}

.menu > li > a {
	font-size: 15px !important;
	line-height: 44px;
}
.list_box_service ul li {
	padding-right: 0;
}
.menu > li > ul {
	width: 320px;
}
.content_pover a {
	text-decoration: underline;
}
.content_pover{
	cursor: auto
;
}
.js-level-package{
	display: none;
}
.js-level-package.active{
	display: block;
}
.taoweb_class .note-payment p {
	color: white;
	padding-top: 15px;
}

.taoweb_class .note-payment p a{
	color: #007aff;
	text-decoration: underline;
}
.taoweb_class .label-packagename {
	color: #FF3;
	font-size: 22px;
	margin-bottom: 10px;
}
.taoweb_class .taoweboption{
	color: white;
}

#in_menu_dkid_km #actiontaoweb_id{
	margin-top: 0;
}

.fullbackground {
	z-index: 99999 !important;
}
.js-btn-payment-pa {
	display: inline-block;
}

#in_menu_dkid_km .khungdeptaoweb.btn-contact {
	display: inline-block;
	margin-left: 50px;
}

.menu >  li > a {
	font-size: 17px;
}
.more_temp h2 a {
	cursor: pointer;
}
.dangky_id a{
	cursor: pointer;
}
.dv-bangsosanh-webshop .content_pover:before {
	left: 5px;
	right:unset;
}
.dv-bangsosanh-webshop .content_pover {
	transform: translate(-30px,-100%)
}
.carousel_testiomnial {
    width: 100%;
    float: left;
}
.box_testimonial .prev {
	left:0px;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	margin:0px;
	z-index: 9;
}

.box_testimonial .next {
	right:0px;
	position: absolute;
	top:50%;
	margin:0px;
	transform: translateY(-50%);
	z-index: 9;
}
.box_testimonial {
	padding: 0 50px;
	width: 100%;
	float: left;
	position: relative;
}
.box_review{
	width: 100%;
	float: left;
}
.box_testimonial .prev:hover, .box_testimonial .next:hover {
	border: solid 2px #dc1a5b;
	color: #dc1a5b;
}
.box_testimonial .swiper-slide img {
	width: 100%;
}
.box_testimonial .swiper-slide{
	border:1px solid #ccc;
	padding: 5px;
	background: white;
}
.mm-menu_offcanvas {
	z-index:99 !important;
}
.box_testimonial .prev, .box_testimonial .next {
	background: white;
	border: solid 2px #CCC;
}
.km_store_online_1 p.since {
	margin-bottom: 15px;
}
.note-template-detail {
	font-size:90%;
	font-style: italic;
	color:#999;
	line-height:20px;
}
.wrapper-themes{
	display: inline-block;
}

.wrapper-themes .item{
	display: inline-block;
	background-color: #efefef;
	border:1px solid darkgrey;
	padding: 3px 8px;
	cursor: pointer;
}

.wrapper-themes .item.active{
	color: #dc1a5b;
	border: 1px solid #dc1a5b;
}
.right_noidung_ct ul li label {
	width: 100px;
	display: inline-block;
}
.right_noidung_ct ul li .wrapper-themes {
	padding-left: 20px;
}
.banggia_page.full__package ul.box_table > li {
	display: none;
	width: 100%;
}
.banggia_page.full__package ul.box_table > li.is__full {
	display: block;
}
.banggia_page.full__package ul.box_table > li.is__full .popover_box {
	display: inline-flex;
	float: none;
}
.banggia_page.full__package ul.box_table > li.is__full li > a.cur, .banggia_page.full__package ul.box_table > li.is__full li > div.cur {
	width: auto;
}

@media screen and (max-width: 768px) {
	.banggia_page.full__package ul.box_table > li.is__full li .popover_box {
		display: inline-flex;
		float: right;
	}
	.banggia_page.full__package ul.box_table > li.is__full li > a.cur, .banggia_page.full__package ul.box_table > li.is__full li > div.cur {
		width: calc(100% - 21px);
	}
}
@media screen and (max-width: 375px) {
	.temp_id ul .item-left, .temp_id ul .item-right {
		font-size: 16px;
	}
}
.page-type-0 .wrapper-items, .page-blog-kienthuc .wrapper-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap:20px 20px;
}
.page-blog-kienthuc .wrapper-items .item label, .page-type-0 .wrapper-items .item label, .js-list-news-rela label{
	width: 100%;
	float: left;
	font-size: 20px;
	line-height: 30px;
	padding: 10px;
	padding-top: 15px;
	display: block;
	text-transform: uppercase;
	transform: all 0.3s ease-in-out;
	-webkit-transform: all 0.3s ease-in-out;
	color: #333;
	overflow: hidden;
}
.page-blog-kienthuc .wrapper-items .item label:hover, .page-type-0 .wrapper-items .item label:hover, .js-list-news-rela  label:hover{
	color: #dc1a5b;
}
.page-blog-kienthuc .wrapper-items .item .text-desc, .page-type-0 .wrapper-items .item .text-desc,.js-list-news-rela .text-desc{
	width: 100%;
	float: left;
	color: #333;
	font-size: 17px;
	line-height: 27px;
	padding: 0px 10px 10px 10px;
}
.page-blog-kienthuc .wrapper-items .item .wrapper-image img,
.page-type-0 .wrapper-items .item .wrapper-image img,
.js-list-news-rela .wrapper-image img{
	width: 100%;
	height: auto;
}
.page-blog-kienthuc .wrapper-items .item .btn-aboutus,
.page-type-0 .wrapper-items .item .btn-aboutus,
.js-list-news-rela .btn-aboutus{
	float: right;
	color: #4CAF50;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 30px;
	padding-right: 10px;
	transform: all 0.3s ease-in-out;
	-webkit-transform: all 0.3s ease-in-out;
}
.page-blog-kienthuc .wrapper-items .item .btn-aboutus:hover ,
.page-type-0 .wrapper-items .item .btn-aboutus:hover ,
.js-list-news-rela .btn-aboutus:hover{
	color: #dc1a5b;
}
.dv-phantrang .vuong_3{
	width: 36px;
	height: 36px;
	background: #888888;
	color: white;
	margin-right:6px;
	border-radius: 50%;
	line-height: 36px;
	text-align: center;
	display: inline-block;
}
.dv-phantrang .vuong_3.vuong2{
	background: #dc1a5b;
}
.wrapper-pagging {
	display: flex;
	justify-content: center;
}
.page-table-price .table_price_v2 .item:first-child .content_pover,
.page-table-price-v2 .wrapper-table-suggest .item-table:first-child .content_pover {
	transform: translate(0%,-100%);
	left: -5px;
}
.page-table-price .table_price_v2 .item:first-child .content_pover:before {
	left: 2px;
	right:unset;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .left{
	width: 80%;
	padding-right:0px;
	padding-bottom:20px;
	border-bottom:1px dashed #e8e8e8;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn{
	display: flex;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn .btn-selection {
	background: #888888;
	margin-right: 10px;
	color: white;
	font-weight: 500;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn .btn-selection:hover,
.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn .btn-selection.active{
	background: #339933;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn .btn-support-selection {
	background: #d91a5d;
	color:white;
	border:1px solid  #d91a5d;
	font-weight: 500;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn .btn-support-selection:hover{
	color: #d91a5d;
	border:1px solid  #d91a5d;
	background: white;
}
.page-table-price-v2 .section_advise {
	padding-top: 50px;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn .btn-support-selection:hover .st0{
	fill:#d91a5d;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .left .wrapper-btn svg .st0{
	fill:white;
	font-weight: 500;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .right .wrapper-image:hover{
	border: 1px solid #d91a5d;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .right .wrapper-image:hover label{
	color:#d91a5d;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .right .wrapper-image:hover .st0{
	fill:#d91a5d;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .left .btn {
	margin: unset;
	padding: 5px 14px;
	border-radius: 3px;
	cursor: pointer;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .left .btn svg{
	width: 18px;
	top: 5px;
	position: relative;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .left .btn-support-selection svg {
	width: 22px;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .right{
	width: 20%;
	padding-left: 30px;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .row{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .row:last-child{
	margin-bottom: 0px;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .row:last-child .left,
.page-table-price-v2 .section_advise-content .wrapper-cols .row:nth-last-child(2) .left{
	border-bottom: 0px;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .row .w30s-radio {
	margin: unset;
}
.page-table-price-v2 .content-suggest {
	padding-top: 50px;
	width: 100%;
	float: left;
	overflow: unset !important;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .right .wrapper-image{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border:1px solid #dbdbdb;
	padding: 10px;
	font-weight: 500;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;

}
.page-table-price-v2 .section_advise-content .wrapper-cols .right  .wrapper-image svg{
	width: 30px;
	max-width: 100%;
}
.page-table-price-v2 .section_advise-content .wrapper-cols .right  .wrapper-image label {
	text-transform: uppercase;
	margin-top:10px;
	color:#333;
	width: 100%;
	text-align: center;
}

.page-table-price-v2 .section_advise-content {
	background: #eaeaea;
	width: 100%;
	float: left;
	padding:30px 0px;
}
.page-table-price-v2 .section__wrapper-all-feature ,.page-table-price-v2 .section__template{
	padding: 50px 0px;
}

.page-table-price-v2 .section_advise-content .content_section {
	padding:30px;
	background: white;
	width: 100%;
	float: left;
	border: 1px solid #bcbcbc;
	border-radius: 10px;
}
.page-table-price-v2 .section_advise-content .selections{
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: auto;
	grid-gap: 20px 10px;
	display: grid;
}
.page-table-price-v2 .wrapper-table-suggest {
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: auto;
	grid-gap: 20px 20px;
	display: grid;
}
.page-table-price-v2 .wrapper-table-suggest .item-table{
	border: 5px solid #339933;
	width: 100%;
	border-radius: 20px;
}
.page-table-price-v2 .section_advise-content .title-item{
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 500;
}
.page-table-price-v2 .page_conten .title_page{
	width: 100%;
	float: left;
}

.clearfix {
	clear: both;
}
.page-table-price-v2 .tab-content-all-item .table_price_v2 {
    padding-bottom: 50px;
}
@media screen and (max-width: 650px) {
	.page-table-price-v2 .section__wrapper-all-feature, .page-table-price-v2 .section__template,.page-table-price .wrapper-features-detail {
		padding: 30px 0px;
	}
	.table_price_v2 .wrapper-content .content_pover,
	.page-table-price .table_price_v2 .item:first-child .content_pover,
	.page-table-price-v2 .wrapper-table-suggest .content_pover,
	.page-table-price-v2 .wrapper-table-suggest .item-table:first-child .content_pover{
		left: 50%;
		transform: translate(-80%,-100%);
	}
	.table_price_v2 .wrapper-content .content_pover:before,
	.page-table-price-v2 .wrapper-table-suggest .content_pover:before,
	.page-table-price-v2 .wrapper-table-suggest .item-table:first-child .content_pover:before{
		right: 20%;
		transform: translateX(50%);
	}
	.page-table-price .table_price_v2 .item:first-child .content_pover:before {
		right: 20%;
		left:unset;
	}
	.page-type-0 .wrapper-items, .page-blog-kienthuc .wrapper-items {
		grid-template-columns: repeat(2, 1fr);
	}
    .section__price-service .list-service {
        grid-template-columns: repeat(1, 1fr);
    }
    .section__price-service .service-item-3 {
        transform: translateX(0%);
    }
}
@media screen and (max-width: 500px) {
	.page-blog-kienthuc .wrapper-items, .page-type-0 .wrapper-items {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media screen and (max-width: 375px) {
	.page-table-price-v2 .section_advise-content .content_section {
		padding:15px
	}
	.page-table-price-v2 .section_advise-content .title-item {
		font-size: 20px;
	}
}

.title_news h2{
	font-size: 25px;
	line-height: 30px;
	font-weight: 500;
	color: #d92e62;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.title_news .date {
	font-size: 17px;
	color: #666;
	margin-bottom: 10px;
	font-style: italic;
}
.title_news p {
	line-height: 32px;
	color:#171c2b;
	font-size: 21px;
	font-style: italic;
	padding-bottom: 15px;
	font-weight: normal;
}
.title_news{
	border-bottom: solid 1px #E6E6E6;
	margin-bottom: 15px;
}
.w100{
	width: 100%;
	float: left;
}
.box_page{
	background: #f5f5f5;
	padding: 30px 0;
}

.js-list-news-rela .swiper-button-next,.js-list-news-rela .swiper-button-prev{
	width: 35px;
	height: 35px;
	color: white;
	background:#4CAF50;
	padding: 5px;
	border-radius: 50%;
}
.js-list-news-rela .swiper-button-next:after,.js-list-news-rela .swiper-button-prev:after {
	font-size: 18px;
}
.js__item-screen-webiste .wrapper-image-temp {
	position: relative;
	height:335px;
	overflow: hidden;
}
.js__item-screen-webiste:hover .wrapper-image-temp:before {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: '';
	z-index: 1;
	transition: all 600ms ease;
	background: rgba(0,0,0,.28);
}
.js__item-screen-webiste:hover{
	cursor: pointer;
}
.js__item-screen-webiste .wrapper-image-temp img {
	position: absolute;
	top:0px;
	left: 0px;
	right:0px;
	-webkit-transition: all 7s ease-in-out;
	-moz-transition: all 7s ease-in-out;
	transition: all 7s ease-in-out;
}
.menu_left_id .submenu{
	padding-left: 22px;
	display: none;
}

.menu_left_id .submenu.active{
	display: block;
}

.menu_left_id ul li {
	position: relative;

}
.menu_left_id ul li .js-achor-show-menu{
	position: absolute;
	top: 11px;
	right: 5px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	font-size: 125%;
	color: #666;
}
.menu_left_id ul li .js-achor-show-menu.active{
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
}
a{
    text-decoration: none;
}
.page_conten .showText{
    color: #333;
}
.page_conten .showText a{
    text-decoration: underline;
}
.chitiet_ungdung .wrapper-checkbox, .W30s_21 .page_top_pro .with_poup .wrapper-checkbox{
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: auto;
	grid-gap: 20px 20px;
	display: grid;
	margin-bottom: 20px;
}

.chitiet_ungdung .wrapper-checkbox .pretty.p-svg.p-curve, .W30s_21 .page_top_pro .with_poup .wrapper-checkbox .pretty.p-svg.p-curve {
	margin: unset;
	position: relative;
	display: inline-block;
	margin-right: 1em;
	white-space: nowrap;
	line-height: 1;
}
.W30s_21 .page_top_pro .with_poup .wrapper-checkbox .pretty input {
	position: absolute;
	left: 0;
	top: 0;
	min-width: 1em;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

@media screen and (max-width: 480px)	{
	.chitiet_ungdung .wrapper-checkbox , .W30s_21 .box_poup .with_poup .wrapper-checkbox{
		grid-template-columns: repeat(3, 1fr);
	}
	.wrapper-items-logo{
		width: 210px;
	}
	.wrapper-items-logo .logo_top{
		padding-left: 0px;
		margin-left: 0px;
	}
	.wrapper-items-logo .logo_top img{
		width:100px;
	}
	.wrapper-items-logo .logo-pa-20years img{
		width:100px;
	}
    .page__design-logo .section__about .block-why-business .title{
        font-size: 25px;
        line-height: 30px;
    }
	.page__design-logo .section__project .logo_list .item {
		width: calc(100% / 2 - 20px);
	}
    .section__price-service .title, .section__procedure .title, .section__about .title{
        font-size: 30px;
        line-height: 35px;
    }
    .section__price-service .content{
        padding-top: 0px;
        padding-bottom: 30px;
    }
    .section__price-service .list-service .service-item .btn-reg{
        font-size: 25px;
        padding: 12px 0px;
    }
    .section__procedure .list-items{
        padding: 0px;
    }
    .section__procedure .list-items .item .wrapper-info{
        width: 100%;
        padding-left: 20px;
    }
    .section__procedure .list-items .item img{
        width: 120px;
    }
    .section__procedure .list-items .item{
        margin-bottom: 30px;
    }
    .page__design-logo{
        padding: 20px 0px 0px;
    }
}
@media screen and (max-width: 375px)	{
	.wrapper-items-logo{
		width: 180px;
		padding-right: 20px;
	}
	.wrapper-items-logo .logo_top{
		padding-left: 0px;
		margin-left: 0px;
	}
	.wrapper-items-logo .logo_top img{
		width:70px;
	}
	.wrapper-items-logo .logo-pa-20years img{
		width:70px;
	}
}
@media screen and (max-width: 320px)	{
	.chitiet_ungdung .wrapper-checkbox , .W30s_21 .box_poup .with_poup .wrapper-checkbox{
		grid-template-columns: repeat(2, 1fr);
	}

}
.orange_color .wrapper-btn-reg-top>a.btn_register{
	background: var(--orange_color);
}
.blue_color .wrapper-btn-reg-top>a.btn_register{
	background: var(--blue_color);
}
.green_color_second .wrapper-btn-reg-top>a.btn_register{
	background: var(--green_color_second);
}


.green_color_first .wrapper-btn-reg-top>a.btn_register{
	background: var(--green_color_first);
}
.wrapper-btn-reg-top{
	padding: 0px !important;
}
.wrapper-btn-reg-top>a.btn_register{
	padding: 10px 15px;
	color: #FFF;
	font-size: 21px;
	text-transform: uppercase;
	width: 100%;
	float: left;
}
.list_box_service ul li:first-child > div.cur{
padding-top: 10px;
}
.wrapper-note-mtk{
	color: red;
	max-width: 720px;
	width: 100%;
	font-style: italic;
	text-align: center;
	font-style: 12px;
}
.page__design-logo{
	padding-top: 40px;
	border-top: 1px solid #e8e8e8;
	width: 100%;
	float: left;
}
.bg-cl-k{
	background: #e04a6c80 !important;
	font-size: 15px!important;
}

.w30s__breadcrumb{
	background:#eaeaea;
	padding: 10px 0px;
}
.w30s__breadcrumb ul {
	display: inline-flex;
	justify-content: start;
	align-items: start;
}
.w30s__breadcrumb li{
	list-style: none;
	padding-right: 5px;
	color: #333;
	font-size: 13px;
}
.w30s__breadcrumb li:last-child, .w30s__breadcrumb li a:hover{
color: #dc1a5b;
}
.w30s__breadcrumb .page_conten{
	padding-top: 0px;
	padding-bottom: 0px !important;
}

.page-table-price .table_price_v2{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: auto;
	grid-gap: 30px 30px;
}
.page-table-price .table_price_v2 .item{
	width: 100%;
	border: 8px solid #49b18c;
	width: 100%;
	border-radius: 20px;
}

.page-table-price .table_price_v2 .item.table_price_w30s_2 {
	border-color: #ff4b64;
}
.page-table-price .table_price_v2 .item.table_price_w30s_3 {
	border-color: #0095ef;
}
.page-table-price .table_price_v2 .wrapper-title,.page-table-price .wrapper-table-suggest .item-table .wrapper-title{
	position: relative;
}
.page-table-price .table_price_v2 .wrapper-title span, .page-table-price .wrapper-table-suggest .item-table .wrapper-title span{
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	color: white;
	font-size: 30px;
	top:50%;
    text-align:center;
    line-height:30px;
}
.page-table-price .table_price_v2 .wrapper-content , .page-table-price .wrapper-table-suggest .item-table .wrapper-content{
	text-align: center;
	padding:20px;
}

.page-table-price .table_price_v2 .wrapper-content .item-row, .page-table-price .wrapper-table-suggest .item-table .item-row{
	border-bottom: 1px dashed #ccc7c7;
	padding:10px 0px
}
.page-table-price .table_price_v2 .wrapper-content .item-row:last-child,
.page-table-price .table_price_v2 .wrapper-content .item-row:nth-last-child(2){
	border-bottom: 0px;
}
.page-table-price .table_price_v2 .wrapper-content .item-row-price{
	color: #49b18c;
	padding-bottom: 20px;
}
.page-table-price .wrapper-table-suggest .item-table .item-row-price {
	color: #339933;
	padding-bottom: 20px;
}
.page-table-price .table_price_v2 .item.table_price_w30s_2 .item-row-price {
	color: #ff4b64;
}


.page-table-price .table_price_v2 .item.table_price_w30s_3 .item-row-price {
	color: #0095ef;
}
.page-table-price .table_price_v2 .wrapper-content .item-row-price .currency_number ,
.page-table-price .wrapper-table-suggest .item-table .wrapper-content .item-row-price .currency_number{
	font-size: 220%;
	font-weight: bold;
}
.page-table-price .btn_reg_package{
	display: inline-flex;
	background: #49b18c;
	width: 100%;
	padding: 12px;
	text-align: center;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
}
.page-table-price .table_price_v2 .item.table_price_w30s_2 .btn_reg_package {
	background: #ff4b64;
}
.page-table-price .table_price_v2 .item.table_price_w30s_3 .btn_reg_package {
	background: #0095ef;
}

.page-table-price .btn_reg_package img {
	width: 30px;
	margin: auto 0;
}
.page-table-price .btn_reg_package span{
	display: inline-block;
	color: white;
	margin: auto 0;
	margin-left: 10px;
	top: 2px;
	position: relative;
}
.page-table-price .wrapper-tabs-header {
	display: inline-flex;
	justify-content: start;
	border-bottom: 4px solid #dc1a5b;
	width: 100%;
	align-items: flex-end;
}
.page-table-price .wrapper-tabs-header .nav-item-header{
	flex: auto;
	background: #888888;
	border-right: 1px solid #eaeaea;
	padding: 20px 8px;
	border-radius: 10px 10px 0px 0px;
	color:white;
	cursor: pointer;
    text-align:center
}
.page-table-price .wrapper-tabs-header .nav-item-header.active {
	padding: 30px 15px; background: #dc1a5b;
	position: relative;
}
.page-table-price .wrapper-features-detail{
	padding: 50px 0px;
	background: #eaeaea;
	width: 100%;
	float: left;
}
.page-table-price .wrapper-features-detail .page_conten {
    padding-top: 0px;
    padding-bottom: 0px;
}
.page-table-price  .wrapper-tabs-content{
	margin-top: 30px;
	background: white;
}
.page-table-price  .wrapper-tabs-content thead,.page-table-price  .wrapper-tabs-content tfoot{
	background: #339933;
	color: white;
	text-transform: uppercase;
}

.page-table-price  .wrapper-tabs-content thead tr,.page-table-price  .wrapper-tabs-content tfoot tr{
	background: #339933;
}
.page-table-price  .wrapper-tabs-content tbody tr td:first-child{
	padding-left: 30px;
	padding-right: 0px;
    text-align: left;
}
.page-table-price  .wrapper-tabs-content td{
	border: 1px solid #c5c5c5;
}
.page-table-price  .wrapper-tabs-content td{
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}
.page-table-price  .wrapper-tabs-content tbody tr td .wrapper-border-bottom {
	border-bottom: 1px dashed #c5c5c5;
	padding: 10px 0px;
}
.wrapper-tabs-content .tab-content-item{
    display: none;
}
.wrapper-tabs-content .tab-content-item table{
    width: 100%;
}
.wrapper-tabs-content .tab-content-item.active{
    display: block;
}
.page-table-price .wrapper-tabs-content tr,.page-table-price .wrapper-tabs-content tr td {
    border-bottom: 0px;
    border-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.page-table-price  .wrapper-tabs-content thead td{
    padding: 15px 20px;
}
.page-table-price  .wrapper-tabs-content tr:nth-child(even) {
    background-color: white;
}

.page-table-price .wrapper-tabs-content .btn.btn-reg {
    display: inline-flex;
    width: 100%;
    padding: 12px;
    text-align: center;
    justify-content: center;
    align-items: center;
    border:1px solid #339933;
}

.page-table-price .wrapper-tabs-content .btn.btn-reg img{
    width: 30px;
    margin: auto 0;
}
.page-table-price .wrapper-tabs-content .btn.btn-reg span{
    display: inline-block;
    color: white;
    margin: auto 0;
    margin-left: 10px;
    top: 2px;
    position: relative;
}
.page-table-price .wrapper-features-detail {
    background:#eaeaea ;
}
.page-table-price .wrapper-tabs-content thead td {
    min-width:190px;
}
.page-table-price .wrapper-tabs-content .content_pover {
    left: -5px;
    transform: translate(0%,-100%);
}
.page-table-price .wrapper-tabs-content .content_pover:before {
    left: 0px;
    bottom: -7px;
    right:unset;
}

.page-table-price .navs-panel-all {
	display: flex;
	width: 100%;
	float: left;
    justify-content: center;
    border-bottom: 4px solid #dc1a5b;
    margin-bottom: 40px;
}
.page-table-price .navs-panel-all .wrapper-flex {
	display: flex;
	justify-content: flex-start;
}
.page-table-price .navs-panel-all .wrapper-flex svg,.page-table-price .navs-panel-all .wrapper-flex > div {
	margin: unset;
}
.page-table-price .navs-panel-all .wrapper-flex > div label{
	font-size: 20px;
}
.page-table-price .navs-panel-all .wrapper-flex > div  p{
	font-size: 17px;
}
.page-table-price .navs-panel-all .nav-item{
    cursor: pointer;
	background: #eaeaea;
    margin: unset;
    padding: 10px 15px;
    margin-right: 4px;
    border-radius: 8px 8px 0 0;
}
.page-table-price .navs-panel-all .nav-item.active{
    background: #dc1a5b;
    color: white;
	position: relative;
}
.page-table-price .navs-panel-all .nav-item .st0 {
    fill:white;
}
.page-table-price .navs-panel-all .nav-item .st1 {
    fill:black;
}
.page-table-price .navs-panel-all .nav-item.active  .st0 {
    fill: white;
}
.page-table-price .navs-panel-all .nav-item.active  .st1{
    fill: #dc1a5b;
}
.page-table-price .navs-panel-all .nav-item p {
    font-size: 90%;
	line-height: 16px;
}

.page-table-price .navs-panel-all .nav-item:last-child{
    margin-right:0px;
}
.page-table-price .navs-panel-all .nav-item svg{
	width: 45px;
    margin-right: 10px;
}
.page-table-price .tab-content-all-item {
    display: none;
}
.page-table-price .tab-content-all-item.active {
    display: block;
}
.page-table-price {
	color: #333;
}
.page-table-price .w30s-radio input[type=radio] +  .w30s-radio-label:before {
	width: 1.1em;
	height: 1.1em;
	margin-right: 5px;
	top:5px;
}
.page-table-price .wrapper-table-suggest .btn_reg_package {
	background: #339933;
}
.page-table-price .btn-jump-view-feature img{
	width: 15px;
	margin: unset;
	margin-right: 10px;
}
.page-table-price .btn-jump-view-feature {
	display: flex;
	justify-content: center;
	cursor: pointer;
}
.page-table-price .btn-jump-view-feature span{
	margin: unset;
	font-style: italic;
}
.page-table-price .wrapper-table-suggest .item-table .item-row.no-border{
	border-bottom: 0px;
}
.page-table-price-v2 .wrapper-table-suggest .item-table .wrapper-border {
	width: 100%;
	float: left;
	background: white;
	padding: 15px;
	border-radius: 13px;
}
.page-table-price-v2 .wrapper-table-suggest .item-table .wrapper-border .wrapper-bg{
	background: #eaeaea;
	border-radius: 13px;
	width: 100%;
	float: left;
}
.page-table-price .wrapper-table-suggest .item-table .wrapper-title {
	top:-16px;
}
.page-table-price .wrapper-table-suggest .item-table .wrapper-content {
	padding-top: 5px;
}
.page-table-price-v2 .wrapper-tabs-content {
	float:left;
	width: 100%;
}

.page-table-price .navs-panel-all .nav-item.active:after{
	width: 0px;
	height: 0px;
	border-top: 15px solid #dc1a5b;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	content:'';
	bottom: -14px;
	position: absolute;
	left: 50%;
}
.page-table-price .wrapper-tabs-header .nav-item-header.active:after{
	width: 0px;
	height: 0px;
	border-top: 15px solid #dc1a5b;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	content:'';
	bottom: -16px;
	position: absolute;
	left: 50%;
}
@media screen and (max-width: 768px) {
	.page-table-price-v2 .section_advise-content .wrapper-cols .left {
		width: 100%;
		padding-right: 0px;
	}
	.page-table-price-v2 .section_advise-content .wrapper-cols .right {
		display: none;
	}
    .page-table-price .wrapper-tabs-header {
        display: block;
    }
    .page-table-price .wrapper-tabs-header .nav-item-header {
        display: block;
        float:left;
        width: calc(100% / 3);
        padding: 10px 5px;
        background: white;
        border-bottom: 1px solid #dedede;
        color: #333;
        border-radius: 0px;
    }
    .page-table-price .wrapper-tabs-header .nav-item-header.active{
        padding: 10px 5px;
        color: #dc1a5b;
        background: white;
    }
	.page-table-price .wrapper-tabs-header .nav-item-header.active:after {
		display: none;
	}
    .page-table-price .wrapper-tabs-header {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    .page-table-price .table_price_v2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .page-table-price .wrapper-tabs-content thead td {
        min-width: auto;
    }
    .page-table-price .wrapper-tabs-content .btn.btn-reg {
        flex-wrap: wrap;
    }
	.page-table-price-v2 .wrapper-table-suggest {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media screen and (max-width: 650px) {
	.page-table-price-v2 .section_advise {
		padding-top: 30px;
	}
	.page-table-price-v2 .section_advise-content .content_section {
		padding-bottom: 0px;
	}
	.page-table-price-v2 .section_advise-content .selections {
		grid-template-columns: repeat(1, 1fr);
	}
    .page-table-price .wrapper-tabs-content thead td{
        padding: 8px 10px;
        font-size: 14px;
    }
	.page-table-price .wrapper-tabs-content .btn.btn-reg img {
		width: 20px;
	}
	.page-table-price .wrapper-tabs-content .btn.btn-reg span {
		font-size: 14px;
		margin-left :0px;
	}
	.page-table-price .wrapper-tabs-content .btn.btn-reg {
		padding: 5px;
	}

	.page-table-price .navs-panel-all{
		flex-wrap: wrap;
	}
	.page-table-price .navs-panel-all .nav-item {
		width: 100%;
		border-bottom: 1px solid #b1b1b1;
		border-radius: 0px;
	}
	.page-table-price .navs-panel-all {
		border-bottom: 0px;
	}
}
@media screen and (max-width: 414px) {
	.page-table-price .wrapper-tabs-content .content_pover ,.table_price_v2 .wrapper-content .content_pover{
		width: 280px;
	}
    .page-table-price .wrapper-tabs-header .nav-item-header {
        width: calc(100% / 2);
    }
    .page-table-price .wrapper-tabs-content tbody tr td:first-child{
        padding-left: 10px;
    }

    .page-table-price .wrapper-tabs-content .btn.btn-reg {
        flex-wrap: wrap;
        padding: 2px;
    }
    .page-table-price .wrapper-tabs-content .btn.btn-reg img {
        width: 20px;
    }
    .page-table-price .wrapper-tabs-content .btn.btn-reg span {
        font-size: 14px;
    }
    .page-table-price .table_price_v2 .wrapper-title span {
        font-size: 23px;
    }
}

.tongquan_tinhnang .home .container {
	margin: 0 auto;
	max-width: 1200px;
	padding-top: 50px;
}
.tongquan_tinhnang .title_page ul h1 {
	color: #333;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 100;
	line-height: 40px;
	padding-bottom: 20px;
	background: url(../images/bg_line.png) center bottom no-repeat;
}
.tongquan_tinhnang .title_page ul h1 span {
	color: #dc1a5b;
}
.tongquan_tinhnang .section-feature-12{
	padding-bottom: 30px;
}
.tongquan_tinhnang .home .title_page ul h3 {
	margin-bottom:0px;
}
.tongquan_tinhnang .home img {
	max-width: 100%;
	display: block;
}
.tongquan_tinhnang .home p {
	font-size: 16px;
	color: #323232;
	font-weight: normal;
	line-height: 1.6;
}

.tongquan_tinhnang .home ul {
	list-style: none;
	padding: 0;
}
.tongquan_tinhnang .home a {
	text-decoration: none;
}
.tongquan_tinhnang .home .flex{
	margin: 0;
}

.tongquan_tinhnang {
	border-top: 1px solid #e8e8e8;
}

.tongquan_tinhnang .home .sidebar_menu {
	width: 30%;
	float:left;
}
.tongquan_tinhnang .home .section-item.section-feature-1 {
	padding-top: 0px;
}
.tongquan_tinhnang .home .sticky {
	position: fixed;
	top: 80px;
	width: 100%;
}
.tongquan_tinhnang .home .tikciy {
	position: absolute;
	top: calc(100% - 630px);
}
.tongquan_tinhnang .home .sidebar_menu ul {
	width: 100%;
	padding: 10px 0;
}
.tongquan_tinhnang .tikci {
	margin-left: 30% !important;
}
.tongquan_tinhnang .home .noi-dung {
	width: 70%;
	padding: 15px;
	margin-left: auto;
	position: relative;
	float: right;
}

.tongquan_tinhnang .home .sidebar_menu ul li a {
	display: block;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 15px;
	border-left: solid 3px #fff;

}
.tongquan_tinhnang #menu-center ul li a.active,
.tongquan_tinhnang #menu-center ul li a:hover  {
	border-left: solid 3px #dd1b5c;
	color: #dd1b5c;
}
.tongquan_tinhnang .home .section-item {
	margin-bottom: -20px;
	padding-top: 70px;
}
.tongquan_tinhnang .home .noi-dung h2 {
	color: #dd1b5c;
	font-size: 22px;
	margin-bottom: 10px;
}
.tongquan_tinhnang .home .noi-dung h3 {
	font-size: 17px;
	font-weight: 600;
}
.tongquan_tinhnang .home .noi-dung h3,
.tongquan_tinhnang .home .noi-dung p,
.tongquan_tinhnang .home .noi-dung img {
	margin-bottom: 10px;
}
.tongquan_tinhnang .home .section-feature-1 .flex {
	align-items: center;
}
.tongquan_tinhnang .home .noi-dung .left,
.tongquan_tinhnang .home .noi-dung .right {
	width: 100%;
}


.tongquan_tinhnang .menu-bar {
	padding: 5px 10px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	z-index: 2;
	left: 10px;
	top: 10px;
	font-weight: bold;
	background: #dd1b5c;
	color: #fff;
	border: none;
}
.tongquan_tinhnang #mySidebar {
	position: fixed;
	top: 63px;
	left: 0;
	z-index: 999;
	width: 300px;
	overflow-y: scroll;
	height: 100%;
	padding-top: 40px;
	background: #dd1b5c;
	box-shadow: -10px 0 10px rgba(0, 0, 0, 0.2) inset;
}
.tongquan_tinhnang #mySidebar .menu-bar {
	z-index: 3;
	position: relative;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	position: fixed;
	z-index: 2;
	left: 10px;
	top: 10px;
	background: none;
}
.tongquan_tinhnang #mySidebar .x-close {
	width: 20px;
	height: 20px;
	border: none;
	background: #000;
	border-radius: 100%;
	color: #fff;
	position: fixed;
	top: 75px;
	left: 10px;
}
.tongquan_tinhnang #mySidebar a {
	width: 100%;
	display: block;
	padding: 10px;
	color: #fff;
	line-height: 1.6;
}
.tongquan_tinhnang .lnk-menu {
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin: 0 10px;
	padding: 10px;
	color: #fff;
	text-decoration: none;
}
.tongquan_tinhnang .lnk-menu:hover {
	color: #399;
}
.tongquan_tinhnang #menu {
	transform: translate3d(0, 0, 0) translateX(-300px);
	transition: all 0.25s cubic-bezier(0.16, 0.63, 0.45, 0.98);
}
.tongquan_tinhnang #menu:target {
	transform: translate3d(0, 0, 0) translateX(0);
}
.tongquan_tinhnang #menu .sidenav {
	height: 100%;
	overflow-x: hidden;
}


.tongquan_tinhnang #menu a {
	color: #fff;
	display: block;
	cursor: pointer;
	outline: none;
	margin: 0;
}
.tongquan_tinhnang #menu .dropdown-btn {
	padding: 10px 0 10px 10px;
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	display: block;
	text-align: left;
	cursor: pointer;
	outline: none;
	margin: 0;
}
.tongquan_tinhnang #menu > .dropdown-container > .dropdown-btn > a {
	text-transform: capitalize;
}
.tongquan_tinhnang #menu .dropdown-btn.active a {
	color: #fff;
}
.tongquan_tinhnang #menu a.icon {
	padding-right: 20px;
}
.tongquan_tinhnang #menu .dropdown-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: dotted 1px #666;
}
.tongquan_tinhnang #menu .dropdown-btn.single > a {
	width: 100%;
}
.tongquan_tinhnang #menu .dropdown-container > a {
	padding-left: 15px;
	border-bottom: dotted 1px #ddd;
}
.tongquan_tinhnang #menu > .dropdown-container > .dropdown-btn > a,
.tongquan_tinhnang #menu > .dropdown-container > .dropdown-container > .dropdown-btn > a,
.tongquan_tinhnang .tin_right > .dropdown-container > .dropdown-btn > a,
.tongquan_tinhnang .tin_right > .dropdown-container > .dropdown-container > .dropdown-btn > a {
	text-transform: capitalize;
}

.tongquan_tinhnang #menu > a:hover {
	color: #44a649;
}

.tongquan_tinhnang #menu .dropdown-container {
	display: none;
	padding: 0;
	padding-left: 8px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
.tongquan_tinhnang #menu .sidenav i {
	float: right;
	padding: 5px 5px 5px 0;
}
.tongquan_tinhnang .mobile-menu-area {
	position: fixed;
	top: 80px;
	z-index: 2;
	width: 100%;
}
.tongquan_tinhnang .mobile-menu-area .header_top_mobile {
	background: #2ecc71;
	border-bottom: solid 1px #fff;
}
.tongquan_tinhnang .mobile-menu-area.header_mid_mobile {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	background: #dd1b5c;
	border-top: solid 1px #ccc;
}
.tongquan_tinhnang .mobile-menu-area .logo-mobile {
	width: 25%;
	text-align: center;
}
.tongquan_tinhnang .mobile-menu-area .logo-mobile > ul {
	width: 80%;
	padding-left: 10px;
}
.tongquan_tinhnang .mobile-menu-area .logo-mobile > ul > h3 > a {
	color: #ED1C24;
}
.tongquan_tinhnang .mobile-menu-area .logo-mobile > ul > h4 > a {
	color: #167ac6;
	text-transform: uppercase;
}
.tongquan_tinhnang .mobile-menu-area .header_top_mobile ul {
	list-style: none;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 5px 0;
}
.tongquan_tinhnang .mobile-menu-area .header_top_mobile ul li {
	margin: 0 10px;
	color: #fff;
	text-align: center;
	position: relative;
}
.tongquan_tinhnang .mobile-menu-area .header_top_mobile ul li i {
	border-radius: 3px;
	text-align: center;
	margin-bottom: 3px;
	font-size: 16px;
	color: #fff;
}
.tongquan_tinhnang .mobile-menu-area .header_top_mobile ul li h3 {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}
.tongquan_tinhnang .mobile-menu-area .header_top_mobile h3 span {
	font-size: 15px;
	color: #fff;
	background: #000;
	height: 20px;
	width: 20px;
	padding: 4px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50px;
	position: absolute;
	top: -5px;
	right: 2px;
	text-align: center;
	line-height: 12px;
}
.tongquan_tinhnang .mobile-menu-area .language {
	width: 10%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	margin: 0;
}
.tongquan_tinhnang .mobile-menu-area .language a {
	display: block;
	margin: 0;
	margin-left: 5px;
}
.tongquan_tinhnang .mobile-menu-area .language a img {
	max-width: 20px;
}

.tongquan_tinhnang #panel-menu .search form {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.tongquan_tinhnang .mobile-menu-area .header-main {
	width: 100%;
}
.tongquan_tinhnang #panel-menu input[type="text"] {
	width: 80%;
	height: 40px;
	border: solid 1px #ccc;
	padding: 10px;
}
.tongquan_tinhnang #panel-menu button[type="submit"] {
	width: 20%;
	border: none;
	background: #65c178;
	color: #fff;
	padding: 0 20px;
	height: 40px;
}

.tongquan_tinhnang .mobile-menu-area .header_menu_mobile {
	width: 10%;
	margin: 0;
}
.tongquan_tinhnang .mobile-menu-area .header_menu_mobile > a.btn_menu {
	font-size: 20px;
	color: #fff;
	background: #8cbc43;
	padding: 5px 10px;
}
.tongquan_tinhnang .mobile-menu-area .header-main .nav-danh-muc {
	width: 95%;
	margin: auto;
}
.tongquan_tinhnang .mobile-menu-area .nav-danh-muc {
	position: relative;
}
.tongquan_tinhnang .mobile-menu-area .nav-danh-muc .fa-caret-down {
	position: absolute;
	right: 0;
	top: 14px;
}


@media screen and (min-width: 1280px ){

}

@media screen and (min-width: 993px) {

	.tongquan_tinhnang .mobile-menu-area{
		display: none;
	}


}

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

	.tongquan_tinhnang .home {
		padding: 20px 10px;
	}
	.tongquan_tinhnang .tikci{
		margin-left: 0 !important;
	}
	.tongquan_tinhnang .home .noi-dung .section-item {
		padding: 10px;
	}
	.tongquan_tinhnang .home .sidebar_menu ul {
		width: 295px;
	}
	.tongquan_tinhnang .home .noi-dung {
		padding: 0 0 0 15px;
	}

}


@media screen and (max-width: 992px) {
	.page-table-price .table_price_v2 .wrapper-title span {
		font-size:28px;
	}
	.page-table-price .table_price_v2 {
		grid-gap: 20px;
	}
	.tongquan_tinhnang .sidebar_menu  {
		display: none;
	}
	.tongquan_tinhnang .mobile-menu-area {
		display: block;
	}
	.tongquan_tinhnang .home .noi-dung {
		width: 100%;
		padding: 0;
	}
	.tongquan_tinhnang .home .noi-dung .section-item {
		padding-top: 60px;
		margin-bottom: 0;
	}
	.tongquan_tinhnang .home .noi-dung .section-item {
		padding-left: 0;
		padding-right: 0;
	}
	.tongquan_tinhnang .home .noi-dung .section-feature-1 {
		padding-top:0px;
	}
}

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


}

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


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




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


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



}

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

	.tongquan_tinhnang .home .noi-dung h2 {
		font-size: 20px;
	}
	.tongquan_tinhnang .home .noi-dung h3 {
		font-size: 18px;
	}
	.tongquan_tinhnang .home .noi-dung p {
		font-size: 16px;
	}

}


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

	.tongquan_tinhnang .home .noi-dung .left,
	.tongquan_tinhnang .home .noi-dung .right {
		width: 100%;
		padding: 0;
	}
	.tongquan_tinhnang .home .noi-dung h3 {
		line-height: 1.4;
	}
	.tongquan_tinhnang .home .noi-dung p {
		text-align: justify;
	}

}

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


}

.cong-tac-vien ul {
	padding: 0px;
	list-style: none;
}
.cong-tac-vien{
	border-top: 1px solid #e8e8e8;
}
.cong-tac-vien .dv-home-gioithieu {
	padding: 50px 0 60px;
	background: #0c0367;
}
.cong-tac-vien .dv-home-dichvu .flex,.dv-home-gioithieu .flex {
	align-items: center;
}
.cong-tac-vien .provide {
	padding: 65px 0 60px;
	background: #eaeff1;

}
.cong-tac-vien .dv-home-dichvu div .col-lg-6:last-child {
	margin:  70px 0;
}
.cong-tac-vien .col-lg-6 ul li {
	margin-bottom: 10px;
	text-align: center;
}
.cong-tac-vien .col-lg-6 ul li a {
	color: #dd1a5b;
	font-weight: bold;
}
.cong-tac-vien .col-lg-6 ul li i {
	color: #dd1a5b;
	padding-right: 5px;
	font-size: 20px;
	position: relative;
	top: 2px;
}
.cong-tac-vien .provide .col-lg-6 {
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
	padding: 30px;
	text-align: center;
}
.cong-tac-vien .sec-title h3, .cong-tac-vien .sec-title h2 {
	text-align: center;
	position: relative;
	font-size: 26px;
	font-weight: 600;
	color: #dd1a5b;
	margin: 0px 0 30px;
	line-height: 40px;
	text-transform: uppercase;
	border-bottom: 4px double #bbbbbb;
	padding-bottom: 15px;
}
.cong-tac-vien .provide .col-lg-6 {
	width: calc(100% / 4 - 20px);
}
.cong-tac-vien .col-lg-12 {margin: 0 -10px;width: 100%;}
.cong-tac-vien .col-lg-6 {float: left;
	margin: 0px 10px 20px;
	width: calc(100% / 2 - 20px);
	position: relative;
}
.cong-tac-vien .col-lg-12.flex .col-lg-6 {
	color: #fff;
	border-radius: 4px;
}
.cong-tac-vien .col-lg-6 img {
	width: 100%;
}
.cong-tac-vien .col-lg-6 .scale_hover img {
	width: auto;
	height: 130px;
}
.cong-tac-vien .align-center {
	text-align: center;
}
.cong-tac-vien .dv-home-dichvu .scale_hover {
	float: left;
}
.cong-tac-vien .dv-home-dichvu .info {
	width: calc(100% - 170px);
	float: right;
	padding-right: 50px;
}
.cong-tac-vien .dv-home-dichvu .scale_hover_img {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.cong-tac-vien .dv-home-dichvu .col-lg-6 .scale_hover img {
	height: 100px;
}
.cong-tac-vien .dv-home-sosanh {
	background: #ececec;
	padding: 70px 0;
}
.cong-tac-vien .info h3 {
	color: rgb(34, 34, 34);
	margin: 20px 0 5px;
	font-size: 15px;
	font-weight: 600;
}
.cong-tac-vien .col-lg-4 {
	margin: 0px 0 20px;
	width: calc(100% / 3);
	position: relative;
	text-align: center;
}
.cong-tac-vien .col-lg-4 h1 {
	color: #db1c5d;
	border: 1px solid;
	display: table;
	font-size: 45px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%;
	margin: 60px auto;
}
.cong-tac-vien .col-lg-4 img {
	height: 180px;
}
.cong-tac-vien .dv-home-sosanh .pagewrap {
	width: 850px;
}
.cong-tac-vien .col-lg-5 {
	width: 45%;
	float: left;
	border-top: 2px dashed #3c3c3c;
	padding-top: 20px;
}
.cong-tac-vien .dv-home-sosanh ul li {
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	text-align: center;
}
.cong-tac-vien .dv-home-sosanh .col-lg-2 ul li {
	border-bottom: none;
}
.cong-tac-vien .col-lg-2 {
	width: 10%;
	float: left;
	text-align: center;
	background: #db1c5d;
	color: #fff;
	border-top: 2px dashed #3c3c3c;
}
.cong-tac-vien .col-lg-2 ul {
	margin-top: 20px;
}

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


	.cong-tac-vien .dv-home-gioithieu,
	.cong-tac-vien .provide {
		padding: 40px 10px;
	}
	.cong-tac-vien .col-lg-12 {
		margin: 0;
	}
	.cong-tac-vien .sec-title h3 br, .cong-tac-vien .sec-title h2 br {
		display: none;
	}
	.cong-tac-vien .dv-home-dichvu .col-lg-6:first-child {
		margin-left: 0;
	}

}

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

	.cong-tac-vien .sec-title h3 , .cong-tac-vien .sec-title h2 {
		font-size: 24px;
	}
	.cong-tac-vien .dv-home-gioithieu .sec-title h3,
	.cong-tac-vien .dv-home-dichvu .sec-title h3 {
		margin: 0 0 15px;
		padding-bottom: 10px;
	}
	.cong-tac-vien .provide .col-lg-6 {
		padding: 20px 10px;
	}
	.cong-tac-vien .dv-home-dichvu div .col-lg-6:last-child {
		margin: 20px 0;
	}
	.cong-tac-vien .dv-home-dichvu .scale_hover_img {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.cong-tac-vien .dv-home-dichvu .scale_hover {
		float: none;
		width: 30%;
	}
	.cong-tac-vien .dv-home-dichvu .info {
		width: 70%;
		padding-right: 0;
		padding-left: 10px;
	}
	.cong-tac-vien .dv-home-dichvu .info h3 {
		margin: 0;
	}

}


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

	.cong-tac-vien .dv-home-gioithieu .col-lg-6,
	.cong-tac-vien .dv-home-dichvu .col-lg-6 {
		width: calc(100% / 1 - 0px);
		float: none;
		margin: 0;
	}
	.cong-tac-vien .provide .col-lg-6 {
		width: calc(100% / 2 - 20px);
	}
	.cong-tac-vien .dv-home-dichvu div .col-lg-6:last-child {
		padding: 0 10px;
	}
	.cong-tac-vien .dv-home-dichvu .scale_hover {
		width: 20%;
	}
	.cong-tac-vien .dv-home-dichvu .info {
		width: 80%;
	}
	.cong-tac-vien .dv-home-dichvu .scale_hover_img {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

}

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


}

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



}

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

	.cong-tac-vien .sec-title h3, .cong-tac-vien .sec-title h2 {
		line-height: 1.4;
	}
	.cong-tac-vien .provide .col-lg-6 {
		width: calc(100% / 1 - 20px);
	}
	.cong-tac-vien .dv-home-dichvu .info {
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
		text-align: center;
	}
	.cong-tac-vien .dv-home-dichvu .scale_hover {
		width: 40%;
	}
	.cong-tac-vien .info h3 {
		font-size: 20px;
		line-height: 1.7;
	}

}

.banggia_new .table_price_v2 .item{
	position: relative;
}
.banggia_new .tab-content-item-WebDEMO-normal .desc_bang_gia{
	text-align: center;
	padding: 20px;
}
.banggia_new .tab-content-item-WebDEMO-normal .table_price_w30s_1 .desc_bang_gia , .banggia_new .table_price_w30s_1 .wrapper-title{
	background-color: #d8eee8;
}
.banggia_new  .wrapper-title{
	text-align: center;
	border-radius: 8px 8px 0px 0px;
}
.banggia_new  .wrapper-title>img{
	max-width: 85%;
}
.banggia_new .tab-content-item-WebDEMO-normal .table_price_w30s_2 .desc_bang_gia , .banggia_new .table_price_w30s_2 .wrapper-title{
	background-color: #ffdbdf;
}
.banggia_new .tab-content-item-WebDEMO-normal .table_price_w30s_3 .desc_bang_gia, .banggia_new .table_price_w30s_3 .wrapper-title{
	background-color: #cdeafc;
}
.banggia_new .tab-content-item-WebDEMO-normal .desc_bang_gia p{
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.banggia_new .tab-content-item-WebDEMO-normal .desc_bang_gia .item-row-price .currency_number{
	font-size: 220%;
	font-weight: bold;
	margin-bottom: 20px;
}
.banggia_new .tab-content-item-WebDEMO-normal .desc_bang_gia .item-row-price{
	margin-bottom: 20px;
}
.banggia_new .tab-content-item-WebDEMO-normal .table_price_w30s_1 .desc_bang_gia .item-row-price{
	color: #49b18c;
}
.banggia_new .tab-content-item-WebDEMO-normal .table_price_w30s_2 .desc_bang_gia .item-row-price{
	color: #ff4b64;
}
.banggia_new .tab-content-item-WebDEMO-normal .table_price_w30s_3 .desc_bang_gia .item-row-price {
	color: #0095ef;
}

.banggia_new .tab-content-item-WebDEMO-normal .wrapper-content .item-row-top>li{
	list-style: none;
	text-align: left;
	line-height: 33px;
}
.banggia_new .tab-content-item-WebDEMO-normal .wrapper-content .item-row-top>li>ul{
	margin-left: 30px;
}
.banggia_new .tab-content-item-WebDEMO-normal .wrapper-content{
	text-align: left;
	position: relative;
}
.banggia_new .tab-content-item-WebDEMO-normal .wrapper-content .item-row{
	border-bottom: 1px solid #ccc7c7;
}
.banggia_new .tab-content-item-WebDEMO-normal .row_dang_ky{
	position: absolute;
	top: calc(100% - 25px);
	transform: translateY(-100%);
	width: calc(100% - 40px);
	left: 20px;
}
.banggia_new .table_price_v2 .wrapper-content .item-row:nth-last-child(1) {
	border-top: 1px solid #ccc7c7;
	margin-bottom: 60px;
}
.banggia_new .section__wrapper-all-feature{
	padding: 50px 0px 20px 0px;
}


.so_sanh_tinh_nang_new .dv-bangsosanh-webshop {
	font-size: 16px;
	margin: 15px;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-1 .l{
	padding-top: 55px;
	text-align: left;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header h3.big{
	margin-top: 0;
	height: 52px;
	line-height: 52px;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-row-bg-hd{
	background: #e6e6e6;
	text-align: left;
	padding: 10px 20px;
	color: #000;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-1{
	padding: 0px 20px;
}

.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-2{
	background: #d8eee8;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-3{
	background: #ffdbdf;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-4{
	background: #cdeafc;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-4 h3, .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header .bg-col-4 .btn-reg-page-full-feature{
	background: #0095ef;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-3 h3, .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header .bg-col-3 .btn-reg-page-full-feature{
	background: #ff4b64;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-2 h3, .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header .bg-col-2 .btn-reg-page-full-feature{
	background: #49b18c;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-4 a{
	background: rgba(0, 166, 217, 0.86);
	border: 1px solid #0d9eca;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-2 a{
	background: rgb(23, 156, 118);
	border: 1px solid #108b68;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-2 a:hover {
	background: #108b68;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-row-bg-dangky .bg-col-4 a:hover {
	background: #0d9eca;
}
.so_sanh_tinh_nang_new .row-goi-dv>span{
	text-transform: uppercase;
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: 16px;
}
.so_sanh_tinh_nang_new .row-goi>span{
	font-weight: bold;
	padding: 5px 0px;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-row-bg:last-child .bg-col-1{
	background: #e6e6e6;
	border: none;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header .bg-col-1{
	position: relative;
}
.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-1 .img_ong{
	position: absolute;
	right: 20px;
	top: 30px;
	width: 30%;
}
.so_sanh_tinh_nang_new .content_pover_right{
	transform: translate(-100%,-100%);
}
.so_sanh_tinh_nang_new .content_pover_right:before{
	left: initial;
	right: 0;
}
.css__page-sale-10-6-2022 .banner-sale {
	height: 300px;
	background-image: url('../images/bang-gia/sale/BANER_KM30S-1920x300.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.css__page-sale-10-6-2022 .banner-sale-mobile{
	display: none;
}

.css__page-sale-10-6-2022 .note-table-price{
	color:#727171;
	padding-left:20px
}
.css__page-sale-10-6-2022 .gia_top_30s {
	margin-top: 20px;
}
.W30s_21.css__page-sale-10-6-2022 .code-coupon {
	background-color: #f2f2f2;
	border-top:0px;
	padding-bottom:10px;
	color:#6e6e6e;
}
.W30s_21.css__page-sale-10-6-2022 .code-coupon-2 {
	background-color: #f7f7f7;
	border-top:0px;
	padding-bottom:10px;
	color:#6e6e6e;
	margin-top: 30px;
	font-size: 15px;
}
.W30s_21.css__page-sale-10-6-2022 p.note-table-price{
	border-top:0px;
	color:#9f9f9f;
	font-size: 15px;
	margin-top: 0px;
	padding-bottom: 40px;
	position: relative;
}
.W30s_21.css__page-sale-10-6-2022 p.note-table-price:not(.no-line-bottom):after{
	content: "";
	width: 170px;
	height: 1px;
	background-color: black;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
}
.W30s_21.css__page-sale-10-6-2022 .code-coupon span{
	color:#f49020;
	display: inline-block;
	font-size: 100%;
	font-weight: bold;
}
.W30s_21.css__page-sale-10-6-2022 .code-coupon span.color-primary-2 {
	color: #24c19b;
}
.W30s_21.css__page-sale-10-6-2022 .code-coupon span.color-primary-3{
	color: #656dee;
}
.W30s_21.css__page-sale-10-6-2022 .code-coupon-2 span{
	color:#f49020;
	display: inline-block;
	font-size: 100%;
	font-weight: bold;
}
.W30s_21.css__page-sale-10-6-2022 .code-coupon-2 span.color-primary-2 {
	color: #24c19b;
}
.W30s_21.css__page-sale-10-6-2022 .code-coupon-2 span.color-primary-3 {
	color: #656dee;
}
.W30s_21.css__page-sale-10-6-2022 .name-offer-2 {
	border-top: 0px;
	padding-top: 40px;
	color:#4c4c4c;
	font-size: 22px;
}
.W30s_21.css__page-sale-10-6-2022 .css-tri-gia {
	border-top:none;
}
.W30s_21.css__page-sale-10-6-2022 .css-tri-gia span{
	background-color: #f2f2f2;
	padding: 6px 28px;
	font-size: 20px;
	display: inline-block;
	border-radius: 8px;
	color: #626262;
}
.W30s_21.css__page-sale-10-6-2022 .value-tri-gia-2 {
	font-weight: 500;
	border-top:0px;
	padding-top: 30px;
	color: #5c5c5c;
	font-size: 30px;
}
.W30s_21 .gia_top_30s h4.row-btn-reg-package {
	margin-top: 0px;
}
.W30s_21 .gia_top_30s h4.button_custom {
	margin-top: 20px;
}
.W30s_21.css__page-sale-10-6-2022 .pri_list_page {
	min-height: 1730px;
}
@media screen and (max-width: 1024px) {
	.so_sanh_tinh_nang_new{
		padding-left: 0;
		padding-right: 0;
	}
	.so_sanh_tinh_nang_new .dv-bangsosanh-webshop{
		margin: 0;
	}
	.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-1 .l{
		padding-top: 30px;
	}
	.css__page-sale-10-6-2022 .banner-sale {
		height: 260px;
	}
}
@media screen and (max-width: 820px) {
	.css__page-sale-10-6-2022 .banner-sale {
		height: 220px;
	}
}

@media screen and (max-width: 812px) {
	.banggia_new .tab-content-item-WebDEMO-normal .desc_bang_gia p{
		height: 178px;
	}
	.css__page-sale-10-6-2022 .banner-sale {
		height: 220px;
	}
}
@media screen and (max-width: 768px) {
	.banggia_new .tab-content-item-WebDEMO-normal .desc_bang_gia p{
		height: auto;
	}
	.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-1 .img_ong{
		right: 0px;
	}
	.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header h3.big{
		height: 48px;
		line-height: 48px;
	}
	.banggia_new .table_price_v2 .item{
		width: 80%;
	}
	.css__page-sale-10-6-2022 .banner-sale {
		height: 200px;
	}
}
@media screen and (max-width: 640px) {
	.css__page-sale-10-6-2022 .banner-sale {
		height: 160px;
	}
}
@media screen and (max-width: 480px) {
	.css__page-sale-10-6-2022 .banner-sale {
		display: none;
	}
	.css__page-sale-10-6-2022 .banner-sale-pc {
		display: none;
	}
	.css__page-sale-10-6-2022 .banner-sale-mobile {
		display: block;
	}
	.banggia_new  .table_price_v2 .item{
		width: 100%;
	}
	.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header h3.big{
		height: 65px;
	}
	.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header .bg-col-2 p , .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header .bg-col-3 p , .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .dv-bg-header .bg-col-4 p{
		line-height: 65px;
		padding: 0px 5px;
	}
	.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-1{
		width: 100%;
	}
	.so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-2, .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-3, .so_sanh_tinh_nang_new .dv-bangsosanh-webshop .bg-col-4{
		width: 33.333%;
	}
	.so_sanh_tinh_nang_new .content_pover{
		width: 190px;
		transform: translate(-100%,-100%);
	}
	.so_sanh_tinh_nang_new .content_pover_db{
		transform: translate(-20px,-100%);
	}

	.so_sanh_tinh_nang_new .bg-col-1 span{
		text-align: center;
	}
	.so_sanh_tinh_nang_new .content_pover:before {
		left: unset;
		right: 0px;
	}
	.so_sanh_tinh_nang_new .content_pover_db:before {
		left: 0px;
		right: unset;
	}
}

.copyright .left .text-email{
	display: none;
}


.no_search .conten_img {
	text-align: center;
	padding: 0px 0px 80px 0px;
	position: relative;
}
.no_search .conten_img img{
	width: 40%;
	margin-bottom: 30px;
}
.no_search .conten_img .title_contend{
	font-size: 25px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #dd1a5b;
	text-align: center;
}
.no_search .conten_img .desc_contend a{
	font-size: 18px;
	font-weight: 600;
	color: #000;
}
.no_search .conten_img .desc_contend{
	width: 65%;
	text-align: center;
}
.no_search .box_sahdow {
	height: 390px;
	box-shadow: rgb(0 0 0 / 15%) 0px 5px 18px 0px;
	width: 75%;
	margin: 0 auto;
	position: absolute;
	top: 260px;
	left: 50%;
	transform: translateX(-50%);
}

@media only screen and (max-width: 1024px) {
	.no_search .conten_img .desc_contend{
		width: 70%;
	}
}

@media only screen and (max-width: 768px) {

	.no_search .box_sahdow {
		width: calc(100% - 30px);
		height: 340px;
		top: 220px;
	}

	.Wr_30s .banner-top {
		min-height: auto;
		background-size: cover;
		background-attachment: fixed;
	}

}



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

	.no_search .conten_img img {
		width: 60%;
	}
	.no_search .box_sahdow {
		height: 360px;
		top: 280px;
	}
	.no_search .conten_img {

		padding: 50px 15px 100px 15px;
	}
	.no_search .conten_img .title_contend {
		line-height: 35px;
		font-size: 25px;
	}
	.no_search .conten_img .desc_contend{
		width: 100%;
	}
	}

.thank_you{
	text-align: center;
	max-width: 800px;
	margin: 50px auto;
	position: relative;
	background: #fff;
	padding: 20px;
}
.thank_you .thank_img{
	margin-top: -50px;
}
.thank_you .thank_img>a{
	margin-top: 50px;
	display: block;
	text-decoration: underline;
}

.thank_you .thank_contend{
	padding: 40px;
	border: 3px dashed #dd1a5c;
}

.thank_you .thank_contend .contend_1{
	text-align: center;
	margin-bottom: 15px;
}

@media only screen and (max-width: 480px) {
	.thank_you .thank_contend{
		padding: 20px;
		border: 3px dashed #dd1a5c;
	}
	.thank_you .thank_img{
		margin-top: -25px;
	}
	.thank_you{
		padding: 30px 0;
	}
}

.text_mtk_ct{
	font-size: 15px;
	font-style: italic;
	color: #999;
	line-height: 20px;
	text-transform: initial;
}

/* ============ BANG_GIA_T8 =============== */

.bang_gia_WebDEMOt8 .pri_list_page{
	float: left;
	width: calc(100% / 3 - 0px);
	background-color: #fff;
	position: relative;
}
.bang_gia_WebDEMOt8 .pri_list_page.pri_list_page_home{
	box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
	transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow;
	background-image: linear-gradient(#eee, #fff);
}

.bang_gia_WebDEMOt8 .note_pri {
	padding: 30px;
	background: #f2f2f2;
	color: #000;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	padding-bottom: 25px;
	padding-top: 0;
}
.bang_gia_WebDEMOt8 .pri_list_page h2 {
	background: transparent;
	padding: 20px 30px;
	color: #f49020;
	font-size: 25px;
	font-weight: 600;
	/* -webkit-border-radius: 10px 10px 0 0; */
	-moz-border-radius: 10px 10px 0 0;
	/* border-radius: 10px 10px 0 0; */
	text-transform: capitalize;
	text-align: center;
	/* background-image: linear-gradient(to right, #dc1a5b , #88002e); */
	padding-top: 0;
	padding-bottom: 35px;
}
.bang_gia_WebDEMOt8 .pri_list_page h2 span{
	/* float: left; */
	margin-right: 10px;
	position: relative;
	top: 20px;
}
.bang_gia_WebDEMOt8 .pri_list_page h2 span img{
	height: 60px;
	width: auto;
}

.bang_gia_WebDEMOt8 .gia_top_30s {
	padding: 30px;
	background: #ffffff;
}
.bang_gia_WebDEMOt8 .gia_top_30s h3 {
	color: #737373;
	font-size: 25px;
	font-weight: 500;
	text-align: center;
}


.bang_gia_WebDEMOt8 .gia_top_30s h5 {
	color: #333;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	padding-top: 10px;
	border-top: solid #b0b0b0 1px;
	margin-top: 10px;
}
.bang_gia_WebDEMOt8 .gia_top_30s h5 span {
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #999;
}

.bang_gia_WebDEMOt8 .gia_top_30s h3 span{
	border-top: solid 1px #49b18c;
	/* padding-top: 9px; */
	/* margin-top: 10px; */
	/* display: block; */
	font-size: 17px;
	font-weight: 400;
	border: none;
}
.bang_gia_WebDEMOt8 .gia_top_30s ul{
	float: right;
	width: 48%;
	border-left: solid #333 1px;
	padding-left: 10px;
	margin-left: 10px;
}
.bang_gia_WebDEMOt8 .gia_top_30s ul p{
	color: #000;
	font-size: 17px;
	line-height: 22px;
}
.bang_gia_WebDEMOt8 .ct_pri_30s{
	padding: 20px;
	height: 520px;
}
.bang_gia_WebDEMOt8 .ct_pri_30s p {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: dotted 1px #ccc;
	font-size: 15px;
	line-height: 24px;
}


.bang_gia_WebDEMOt8 .ct_pri_30s ul{
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: dotted 1px #ccc;
}
.bang_gia_WebDEMOt8 .ct_pri_30s ul li{
	margin-right: 15px;
	list-style: none;
	padding-bottom: 5px;
	font-size: 16px;
	padding-left: 0;
}
.bang_gia_WebDEMOt8 .ct_pri_30s ul li i{
	font-size: 14px;
	padding-right: 8px;
}
.bang_gia_WebDEMOt8 .ct_pri_30s p i{
	padding-right: 8px;
}
.bang_gia_WebDEMOt8 .ct_pri_30s p a,
.bang_gia_WebDEMOt8 .pri_list_page p.view-more a {
	color: #333;
	transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
	-moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
}
.bang_gia_WebDEMOt8 .ct_pri_30s p a:hover,
.bang_gia_WebDEMOt8 .pri_list_page p.view-more a:hover {
	color: #dc1a5b;
}

.bang_gia_WebDEMOt8 .ct_pri_30s h4,
.bang_gia_WebDEMOt8 .gia_top_30s h4 {
	text-align: center;
	background: #f49020;
	padding: 5px 20px;
	line-height: 30px;
	transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
	-moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	margin-top: 20px;
	width: 60%;
}

/*.bang_gia_WebDEMOt8 .pri_list_page h4:hover,*/
/*.bang_gia_WebDEMOt8 .gia_top_30s h4:hover,*/
/*.bang_gia_WebDEMOt8 .pri_list_page h4.color_pri_2:hover,*/
/*.bang_gia_WebDEMOt8 .gia_top_30s h4.color_pri_2:hover,*/
/*.bang_gia_WebDEMOt8 .pri_list_page h4.color_pri_3:hover,*/
/*.bang_gia_WebDEMOt8 .gia_top_30s h4.color_pri_3:hover{*/
/*	background: #dc1a5b;*/

/*}*/

.bang_gia_WebDEMOt8 .ct_pri_30s h4 a, .gia_top_30s h4 a {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.bang_gia_WebDEMOt8 .pri_list_page h4 img, .gia_top_30s h4 img {
	display: inline-table;
	width: 20px;
	height: auto;
	margin-right: 10px;
}
.bang_gia_WebDEMOt8 .pri_list_page h4.bottom_pri {
	position: relative;
}

.bang_gia_WebDEMOt8 .ct_pri_30s h4.color_pri_2,
.bang_gia_WebDEMOt8.gia_top_30s h4.color_pri_2 {
	background: #24c19b;
}
.bang_gia_WebDEMOt8 .ct_pri_30s h4.color_pri_3,
.bang_gia_WebDEMOt8 .gia_top_30s h4.color_pri_3 {
	background: #656dee;
}

.bang_gia_WebDEMOt8 .pri_list_page h2.color_pri_2{
	color: #24c19b;
}
.bang_gia_WebDEMOt8 .pri_list_page h2.color_pri_3 {
	color: #656dee;
}



.bang_gia_WebDEMOt8 .home_uudai {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
	background: #eaeaea;
}
.bang_gia_WebDEMOt8 .home_uudai .box_pri_list_page {
	margin: 0 -10px;
}
/* ========= Style Popup ========= */

.bang_gia_WebDEMOt8 .popup_view {
	background: #eaeaea;
	padding: 30px;
}

.bang_gia_WebDEMOt8 .popup_view .price-start .gia_top_30s {
	background: url("../images/popup1.png") no-repeat center;
	background-size: cover;
}
.bang_gia_WebDEMOt8 .popup_view .price-grow .gia_top_30s {
	background: url("../images/popup2.png") no-repeat center;
	background-size: cover;
}
.bang_gia_WebDEMOt8 .popup_view .price-pro .gia_top_30s {
	background: url("../images/popup3.png") no-repeat center;
	background-size: cover;
}

.bang_gia_WebDEMOt8 .popup_view .pri_list_page {
	float: left;
	width: calc(100% / 3 - 20px);
	margin: 0 10px;
	background-color: #fff;
	position: relative;
	border-radius: 0;
}
.bang_gia_WebDEMOt8 .popup_view h2,
.bang_gia_WebDEMOt8 .popup_view h2.color_pri_2,
.bang_gia_WebDEMOt8 .popup_view h2.color_pri_3 {
	color: #fff;
	text-align: left;
	padding: 0 0 10px 0;
	font-size: 32px;
}
.bang_gia_WebDEMOt8 .popup_view .note_pri {
	color: #fff;
	text-align: left;
	padding: 0;
	font-size: 16px;
	background: transparent;
}

.bang_gia_WebDEMOt8 .popup_view h3 {
	color: #fff;
	background: transparent;
	margin-left: auto;
	margin-right: 0;
	margin-top: 50px;
	position: relative;
	border-bottom: solid 1px #fff;
	padding: 0;
	font-size: 32px;
	padding-bottom: 5px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
}

.bang_gia_WebDEMOt8 .popup_view h3 sup {
	position: absolute;
	top: -10px;
	font-weight: 400;
	font-size: 18px;
}

.bang_gia_WebDEMOt8 .popup_view h3 .color_pri_3 {
	position: absolute;
	right: 0;
	bottom: -30px;
}

.bang_gia_WebDEMOt8 .popup_view .gia_top_30s {
	border-radius: 10px 10px 0 0;
	height: 250px;
	padding-top: 45px;
}

.bang_gia_WebDEMOt8 .popup_view h5 {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 27px;
	padding-top: 30px;
	padding-bottom: 10px;
}
.bang_gia_WebDEMOt8 .popup_view h5 span {
	display: block;
	text-transform: initial;
	font-size: 16px;
	font-weight: 500;
	color: #000;
}

.bang_gia_WebDEMOt8 .popup_view p.code-uu-dai {
	background: url("../images/uu-dai.png") no-repeat center;
	background-size: cover;
	width: 250px;
	padding: 10px 0;
	text-align: center;
	font-size: 14px;
}
.bang_gia_WebDEMOt8 .popup_view p.code-uu-dai span {
	border: dashed 1px #333;
	padding: 5px 8px;
}
.bang_gia_WebDEMOt8 .popup_view .loa {
	background: url("../images/bg-loa.png") no-repeat center;
	background-size: cover;
	width: 320px;
	height: 290px;
	padding: 20px;
	text-align: center;
	margin: 40px auto 50px auto;
	position: relative;
}
.bang_gia_WebDEMOt8 .popup_view h6 {
	font-size: 20px;
	line-height: 30px;
}
.bang_gia_WebDEMOt8 .popup_view h6 span {
	display: block;
	text-transform: initial;
	font-size: 15px;
	font-weight: 500;
	color: #000;
}
.bang_gia_WebDEMOt8 .popup_view p.gia-loa strong {
	color: #dd1a5c;
	font-size: 24px;
}
.bang_gia_WebDEMOt8 .popup_view .loa p.code-uu-dai {
	position: absolute;
	left: 50%;
	bottom: -20px;
	transform: translateX(-50%);
}
.bang_gia_WebDEMOt8 .popup_view .pri_list_page h4 {
	text-align: center;
	background: #f49020;
	padding: 15px 20px;
	line-height: 30px;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 0 0 7px 7px;
	width: 100%;
}
.bang_gia_WebDEMOt8 .popup_view .price-start h4,
.bang_gia_WebDEMOt8 .popup_view .price-start h4:hover {
	background: rgb(254,159,0);
	background: linear-gradient(90deg, rgba(254,159,0,1) 0%, rgba(238,36,36,1) 100%);
}
.bang_gia_WebDEMOt8 .popup_view .price-grow h4,
.bang_gia_WebDEMOt8 .popup_view .price-grow h4:hover {
	background: rgb(0,170,115);
	background: linear-gradient(90deg, rgba(0,170,115,1) 0%, rgba(0,119,140,1) 100%);
}
.bang_gia_WebDEMOt8 .popup_view .price-pro h4,
.bang_gia_WebDEMOt8 .popup_view .price-pro h4:hover {
	background: rgb(103,0,255);
	background: linear-gradient(90deg, rgba(103,0,255,1) 0%, rgba(80,101,255,1) 100%);
}
.bang_gia_WebDEMOt8 .popup_view h4 a {
	display: block;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
}
.bang_gia_WebDEMOt8 .popup_view h4 img {
	width: 26px;
}

/*======== Custom CSS ============*/
.page_banggia .box_pri_list_page {
	margin: 0 -20px;
}
.page_banggia .pri_list_page {
	float: left;
	width: calc(100% / 3 - 40px);
	margin: 0 20px;
	background-color: #fff;
	position: relative;
}
.page_banggia .pri_list_page h2 {
	text-align: left;
	padding-top: 40px;
	padding-bottom: 10px;
	font-size: 32px;
}
.page_banggia .note_pri {
	background: transparent;
	text-align: left;
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 10px;
}
.page_banggia .gia_top_30s {
	padding: 0;
	background: transparent;
}
.page_banggia .gia_top_30s h3 {
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	padding: 15px 18px;
	text-align: left;
	line-height: 1;
}
.page_banggia h3 span.color_pri_3 {
	margin-left: 10px;
	font-weight: 300;
}
.page_banggia h3 span.color_pri_2 {
	margin-right :10px;
	font-weight: 300;
}
.page_banggia .pri_sale {
	display: block;
	width: 270px;
	height: 145px;
	padding-top: 40px;
	-ms-transform: rotate(47deg);
	transform: rotate(47deg);
	position: absolute;
	right: -104px;
	top: -33px;
}
.price-start .pri_sale {
	background: url(../images/bg-orange.svg) no-repeat center;
	background-size: cover;
}
.price-grow .pri_sale {
	background: url(../images/bg-green.svg) no-repeat center;
	background-size: cover;
}
.price-pro .pri_sale {
	background: url(../images/bg-violet.svg) no-repeat center;
	background-size: cover;
}
.page_banggia .pri_sale a {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 15px;
	width: 150px;
}
.page_banggia .pri_sale img {
	width: 40px;
	margin: 0;
	margin-right: 8px;
}
.page_banggia .pri_sale h5 {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	line-height: 30px;
	margin-right: 10px;
}
.page_banggia .pri_sale h5 span {
	display: block;
	font-size: 22px;
	font-weight: 600;
	color: #fff200;
}
.page_banggia .pri_list_page p.view-more {
	font-size: 18px;
	text-align: center;
	padding: 12px 10px;
	border: none;
	color: #fff;
}
.page_banggia .price-start p.view-more {
	background: rgb(244 133 32 / 20%);
}
.page_banggia .price-grow p.view-more {
	background: rgb(36 193 155 / 20%);
}
.page_banggia .price-pro p.view-more {
	background: rgb(101 109 238 / 20%);
}
.page_banggia .pri_list_page h4 {
	text-align: center;
	background: #f49020;
	padding: 15px 20px;
	line-height: 30px;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 0 0 7px 7px;
	width: 100%;
}

.page_banggia .price-start h3 {
	background: rgb(254,159,0);
	background: linear-gradient(90deg, rgba(254,159,0,1) 0%, rgba(238,36,36,1) 100%);
}
.page_banggia .price-grow h3 {
	background: rgb(0,170,115);
	background: linear-gradient(90deg, rgba(0,170,115,1) 0%, rgba(0,119,140,1) 100%);
}
.page_banggia .price-pro h3 {
	background: rgb(103,0,255);
	background: linear-gradient(90deg, rgba(103,0,255,1) 0%, rgba(80,101,255,1) 100%);
}
.page_banggia .price-start h4,
.page_banggia .price-start h4:hover {
	background: rgb(254,159,0);
	background: linear-gradient(90deg, rgba(254,159,0,1) 0%, rgba(238,36,36,1) 100%);
}

.page_banggia .price-grow h4,
.page_banggia .price-grow h4:hover {
	background: rgb(0,170,115);
	background: linear-gradient(90deg, rgba(0,170,115,1) 0%, rgba(0,119,140,1) 100%);
}
.page_banggia .price-pro h4,
.page_banggia .price-pro h4:hover {
	background: rgb(103,0,255);
	background: linear-gradient(90deg, rgba(103,0,255,1) 0%, rgba(80,101,255,1) 100%);
}
.page_banggia .pri_list_page h4 a {
	display: block;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
}
.page_banggia .pri_list_page h4 img {
	width: 26px;
}

ul.menu_pc>li:nth-child(4) {
	display: flex;
	align-items: center;
}
ul.menu_pc>li:nth-child(4) a {
	padding: 0 5px;
	margin: 0;
}
#menu .dropdown-btn span.tag-menu,
ul.menu_pc li span.tag-menu {
	width: auto;
	background: #ff0100;
	text-align: left;
	padding-left: 5px;
	padding-right: 20px;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	position: relative;
	display: inline-block;
	line-height: 1.4;
	margin: 0;
	animation-name: stretch;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-delay: 0;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-fill-mode: none;
	animation-play-state: running;
}

#menu .dropdown-btn span.tag-menu:before,
ul.menu_pc li span.tag-menu:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid white;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
#menu .dropdown-btn span.tag-menu {
	margin-left: 5px;
	margin-top: -20px;
}

@keyframes stretch {
	0% {
		background-color: red;
	}
	50% {
		background-color: orange;
	}
	100% {
		background-color: #24c19b;
	}
}


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

	.bang_gia_WebDEMOt8 .popup_view .box_pri_list_page {
		margin: 0 -10px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.bang_gia_WebDEMOt8 .popup_view .pri_list_page {
		width: calc(100% / 2.2 - 40px);
		margin: 20px;
		float: none;
	}
	.bang_gia_WebDEMOt8 .popup_view .box_pri_list_page .clr {
		display: none;
	}
	.bang_gia_WebDEMOt8 .popup_view .gia_top_30s {
		height: auto;
		padding: 40px 30px;
	}
	.bang_gia_WebDEMOt8 .box_pri_list_page {
		margin: 0 -10px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	/* ========= Style bang gia ========= */
	.page_banggia .pri_list_page{
		width: calc(100% / 2.2 - 40px);
		margin: 20px;
		float: none;
	}


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

	.bang_gia_WebDEMOt8 .popup_view .pri_list_page {
		width: calc(100% / 2 - 40px);
	}

	.page_banggia .note_pri {
		height: auto;
		padding: 0 30px 10px 30px;
	}

}

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

	.bang_gia_WebDEMOt8 .popup_view .pri_list_page {
		width: calc(100% / 2 - 20px);
		margin: 20px 10px;
	}
	.page_banggia .pri_list_page h2,
	.page_banggia .note_pri {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (max-width: 768px) {

	.bang_gia_WebDEMOt8 .popup_view .loa {
		width: 310px;
		height: 280px;
		padding: 15px;
	}
	.page_banggia .note_pri {
		height: auto;
		padding: 0 0 10px 15px;
		width: 80%;
		margin: 0;
	}
	.bang_gia_WebDEMOt8 .ct_pri_30s {
		height: auto;
	}
	.page_banggia .ct_pri_30s {
		height: 520px;
	}

}

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

	.bang_gia_WebDEMOt8 .popup_view {
		padding: 30px 15px;
	}
	.bang_gia_WebDEMOt8 .popup_view .gia_top_30s {
		padding: 40px 20px;
	}

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

	.bang_gia_WebDEMOt8 .popup_view .pri_list_page {
		width: calc(100% / 1.5 - 20px);
		margin: 10px;
	}
	.page_banggia .pri_list_page {
		width: calc(100% / 2 - 20px);
		margin: 20px 10px;
	}

}

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

	.bang_gia_WebDEMOt8 .pri_list_page,
	.page_banggia .pri_list_page {
		width: calc(100% / 1.5 - 20px);
		margin: 20px 10px;
	}
	.bang_gia_WebDEMOt8 .note_pri,
	.page_banggia .note_pri {
		height: auto;
		padding-top: 0;
	}
	.bang_gia_WebDEMOt8 .ct_pri_30s {
		height: auto;
		padding: 20px;
	}
	.bang_gia_WebDEMOt8 .pri_list_page h2 {
		padding-bottom: 20px;
	}

}

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

	.bang_gia_WebDEMOt8 .popup_view .pri_list_page {
		width: calc(100% / 1 - 20px);
		margin: 10px;
	}
	.bang_gia_WebDEMOt8 .popup_view .loa {
		width: 90%;
		height: auto;
		margin-top: 20px;
		padding-top: 20px;
		background: none;
		border-top: double;
	}
	.bang_gia_WebDEMOt8 .popup_view .loa p.code-uu-dai {
		position: relative;
	}

	.bang_gia_WebDEMOt8 .pri_list_page {
		width: calc(100% / 1 - 20px);
		margin: 10px;
	}
	.page_banggia .pri_list_page {
		width: calc(100% / 1.1 - 20px);
		margin: 20px 10px;
	}
	.bang_gia_WebDEMOt8 .home_uudai .pri_list_page {
		width: calc(100% / 1 - 0px);
		margin: 10px 0;
	}


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

	.bang_gia_WebDEMOt8 .popup_view h3 {
		margin-top: 25px;
	}
	.bang_gia_WebDEMOt8 .popup_view p.code-uu-dai {
		width: fit-content;
		padding: 0;
		text-align: center;
		background: #eee;
		font-size: 14px;
	}
}


/* ============ END POPUP =============== */
/*-----------16/11--------------------*/
.WebDEMO_banner.box_home_page_banner {
	background: url(../images/images2021/WebDEMO_home_banner.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	padding-top: 60px;
	padding-bottom: 60px;
	font-family: 'Open Sans';
	color: #fff;
	position: relative;
}
.WebDEMO_banner.box_home_page_banner:before {
	display: none;
}
.WebDEMO_banner.box_home_page_banner .pagewrap {
	display: flex;
	flex-wrap: wrap;
}
.WebDEMO_banner .banner_bs_mid {
	width: 25%;
	margin: 0;
}
.WebDEMO_banner .banner_bs_mid img {
	height: 340px;
	position: absolute;
	left: 51%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.WebDEMO_banner .banner_bs_right {
	width: 35%;
	margin: 0;
	text-align: left;
	padding-left: 15px;
}
.WebDEMO_banner .banner_bs_right img {
	width: auto;
	height: auto;
}
.WebDEMO_banner .banner_bs_left {
	width: 40%;
	position: relative;
	margin: 0;
}
.WebDEMO_banner .banner_bs_left h1 {
	color: #dd1b5c;
	font-weight: 800;
	font-size: 35px;
}
.WebDEMO_banner .banner_bs_left h2 {
	font-size: 28px;
	font-weight: 500;
	margin: 25px 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	height: 35px;
	position: relative;
	color: #000;
}
.WebDEMO_banner .banner_bs_left h2:before {
	content: "";
	width: 100%;
	height: 2px;
	background: rgb(221,27,92);
	background: linear-gradient(90deg, rgba(221,27,92,1) 0%, rgba(221,27,92,0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
}
.WebDEMO_banner .banner_bs_left h2 span {
	font-size: 70px;
}
.WebDEMO_banner .banner_bs_left h3 {
	font-size: 28px;
	line-height: 50px;
	font-weight: 500;
	text-transform: uppercase;
	padding-bottom: 10px;
	color: #dd1b5c;
}
.WebDEMO_banner .banner_bs_left h3 strong {
	font-weight: 800;
}
.WebDEMO_banner.box_home_page_banner p {
	font-size: 20px;
	line-height: 40px;
	font-weight: 500;
	color: #333;
}
.WebDEMO_banner.box_home_page_banner p img {
	height: 15px;
	vertical-align: middle;
}
.WebDEMO_banner .banner_bs_right p {
	font-size: 14px;
	line-height: 1.6;
	margin-top: 12px;
}
.WebDEMO_banner .banner_bs_left > a {
	text-transform: capitalize;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
	background: url(../images/images2021/WebDEMO-banner-btn.png) no-repeat center;
	background-size: 98%;
	margin-top: 10px;
	width: 180px;
	text-align: center;
	height: 45px;
	line-height: 45px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	box-shadow: rgb(0 0 0) 0px 20px 15px -20px;
}

.WebDEMO_banner.box_home_page_banner .iconplay {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	position: absolute;
	left: 200px;
	top: 85%;
	right: auto;
}
.WebDEMO_banner.box_home_page_banner .iconplay a {
	width: 50px;
	height: 50px;
	display: -webkit-box;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	border: 2px solid #dd1b5c;
	border-radius: 50%;
	background-size: 200% auto;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	font-size: 22px;
	background: transparent;
	color: #dd1b5c;
	margin-top: 0;
	box-shadow: none;
}
.WebDEMO_banner.box_home_page_banner .iconplay a:hover{
	border: 2px solid #f8c735;
	background: #fff;
	color: #f8c735;
}
.WebDEMO_banner.box_home_page_banner .e-commerce {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 250px;
	margin: 0;
	margin-top: 10px;
}
.WebDEMO_banner.box_home_page_banner .e-commerce .e-item {
	width: calc(100% / 2);
	padding: 10px 0;
}
.WebDEMO_banner.box_home_page_banner .e-commerce img {
	height: 26px;
}

@media screen and (max-width: 1024px) {
	.WebDEMO_banner .banner_bs_left,
	.WebDEMO_banner .banner_bs_right {
		width: 50%;
		order: 1;
	}
	.WebDEMO_banner .banner_bs_mid {
		width: 100%;
		order: 2;
		padding-top: 20px;
		text-align: center;
	}
	.WebDEMO_banner .banner_bs_mid img {
		height: auto;
		position: unset;
		left: 0;
		top: 0;
		transform: translate(0, 0);
	}
	.WebDEMO_banner.box_home_page_banner .pagewrap {
		align-items: flex-start;
	}
}

@media screen and (max-width: 992px) {
	.WebDEMO_banner .banner_bs_left h1 {
		font-size: 30px;
	}
	.WebDEMO_banner .banner_bs_left h2 {
		font-size: 25px;
		margin: 15px 0;
	}
}

@media screen and (max-width: 812px) {
	.WebDEMO_banner .banner_bs_left h1 {
		line-height: 1.4;
	}
}
@media screen and (max-width: 768px) {

	.WebDEMO_banner.box_home_page_banner {
		background: url(../images/images2021/WebDEMO_home_banner.jpg) no-repeat;
		background-position: left top;
		background-size: cover;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.WebDEMO_banner .banner_bs_left,
	.WebDEMO_banner .banner_bs_right {
		width: 100%;
		text-align: center;
	}
	.WebDEMO_banner .banner_bs_left h2,
	.WebDEMO_banner.box_home_page_banner .e-commerce {
		margin: 10px auto;
	}
	.WebDEMO_banner.box_home_page_banner .iconplay {
		left: 65%;
		top: 83%;
	}
	.WebDEMO_banner .banner_bs_right {
		padding-top: 30px;
	}

}

@media screen and (max-width: 768px) {
	.WebDEMO_banner.box_home_page_banner .iconplay {
		left: 65%;
		top: 84%;
	}
}

@media screen and (max-width: 600px) {
	.WebDEMO_banner.box_home_page_banner .iconplay {
		left: 70%;
	}
}

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

	.WebDEMO_banner.box_home_page_banner .iconplay {
		left: 80%;
		top: 88%;
	}
	.WebDEMO_banner.box_home_page_banner .iconplay a {
		width: 40px;
		height: 40px;
	}
	.WebDEMO_banner .banner_bs_left h2 {
		font-size: 22px;
	}
}
@media screen and (max-width: 320px) {
	.WebDEMO_banner .banner_bs_left h2 {
		font-size: 22px;
		height: 70px;
		line-height: 1.4;
	}
	.WebDEMO_banner.box_home_page_banner .e-commerce .e-item {
		padding: 10PX;
	}
	.WebDEMO_banner.box_home_page_banner .e-commerce img {
		height: 30px;
	}
	.WebDEMO_banner.box_home_page_banner .iconplay {
		left: 82%;
	}
}
/*----------- ket thuc 16/11--------------------*/