@import "font.css";
@charset "utf-8";
/* ================Hieu ung===========*/
@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);
	}
}

/*=================END hieu ung========*/
*, *:before, *:after {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

:root{
	--color-primary-2: #5abb49
}

body {
	margin: 0px auto;
	padding: 0px auto;
	font-size: 17px;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 400;
	line-height: 27px;
}
* {
	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%;
}
/*Alert*/
.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;
}
/*End Alert*/
.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);
	/* -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); */
	/* 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 p {
	text-transform: none;
	font-size: 20px;
	line-height: 40px;
	font-weight: 300;
	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;
	/* box-shadow: 0px 3px 0px #4e4c4c; */

	-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__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
}
.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: 27px;
    top: -13px;
    position: relative;
}
.section__price-service .list-service .service-item .price{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 40px;
    color: #ffff00;
}
.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: 165%;
}
.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: 25px;
    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: 25px;
    color: #cc1d62;
    width: 100%;
    padding-left: 15px;
}
.section__price-service .block-price-more-content img{
    width: 45px;
}
.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{
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: center;
    color: #f88534;
    font-size: 114%;
    position: relative;
    padding-bottom: 10px;
}
.section__procedure .list-items label:after{
    content: '';
    position: absolute;
    bottom: 0px;
    height: 4px;
    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{
    color: #00aa5c;
}
.section__procedure .list-items .item:nth-child(2) label:after{
    background: #00aa5c;
}
.section__procedure .list-items .item:nth-child(3) label{
    color: #00aff0;
}
.section__procedure .list-items .item:nth-child(3) label:after{
    background: #00aff0;
}
.section__procedure .list-items .item:nth-child(4) label {
    color: #453f99;
}
.section__procedure .list-items .item:nth-child(4) label:after{
    background: #453f99;
}
.section__procedure .list-items .item:nth-child(5) label {
    color: #ed2b72;
}
.section__procedure .list-items .item:nth-child(5) label: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{
	width: calc(100% / 5);
	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 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;
		width: calc(100% / 2);
	}
}
@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;

}
/*End banner*/
#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;
}
.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 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;
}
.wrapper-items-logo{
	display: flex;
	width: 290px;
	float: left;
	align-items: center;
	justify-content: space-between;
}

.box_menu.fixed .logo_top {
	top: -20px;
}
.menu.menu_pc {
	margin: auto;
	transform: translateY(-50%);
	/* height: 45px; */
	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: 105px;
	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: 17px;
	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 > li:hover > ul {
	opacity: 1;
	visibility: visible;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
}
.menu > li:hover > ul.menu-two-col{
	display: grid;
	/* flex-wrap: wrap; */
	width: 630px;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	grid-gap: 0px 20px;
	background: white;
	transform: translateX(-50%);
	left: 50%;
}
.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(4) {
	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;
	opacity: 0;
	visibility: hidden;
	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%);
}
.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: -20px;
	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: 17px;
}
.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 .desc_menu {
	padding-left: 55px;
	color: gray;
	font-size: 13px;
	line-height: 23px;
}
.menu > li > ul > 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 > 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 h3 {
	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 h3 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 h3: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;/* padding:10px 0; */
}
.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_rotateme {*/
	/*-webkit-animation-name: dv_rotateme;*/
	/*animation-name: dv_rotateme;*/
	/*-webkit-animation-duration: 20s;*/
	/*animation-duration: 20s;*/
	/*-webkit-animation-iteration-count: infinite;*/
	/*animation-iteration-count: infinite;*/
	/*-webkit-animation-timing-function: linear;*/
	/*animation-timing-function: linear;*/
/*}*/
/*@keyframes dv_rotateme {*/
	/*from {*/
		/*-webkit-transform: rotate(0deg);*/
		/*transform: rotate(0deg);*/
	/*}*/
	/*to {*/
		/*-webkit-transform: rotate(360deg);*/
		/*transform: rotate(360deg);*/
	/*}*/
/*}*/
/*@-webkit-keyframes dv_rotateme {*/
	/*from {*/
		/*-webkit-transform: rotate(0deg);*/
	/*}*/
	/*to {*/
		/*-webkit-transform: rotate(360deg);*/
	/*}*/
/*}*/

.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_web30s.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-web30s {
	background: url(../images/banner-page/gioithieu_web30s.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_web30s.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%;
}
.web30s_gt_1 {
	padding-top: 120px;
	background: linear-gradient(-47deg, #F956CB 0%, #F74B54 100%);
	position: relative;
	padding-bottom: 200px;
}
.web30s_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;
}
.web30s_gt_1 ul {
	float: left;
	width: 50%;
	color: #fff;
}
.web30s_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;
}
.web30s_gt_1 ul h3:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 20%;
	background: #ffffff;
	z-index: 2;
}
.web30s_gt_1 ul h3 span {
	color: #fff;
	text-transform: none;
	font-size: 20px;
	font-weight: 100;
	line-height: 25px;
	display: block;
	padding-top: 10px;
}
.web30s_gt_1 ul h2 i, .web30s_gt_2 ul h2 i {
	padding-left: 10px;
}
.web30s_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;
}
.web30s_gt_1 li img {
	width: 90%;
	height: auto;
}
.web30s_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;
}
.web30s_gt_2 li {
	list-style: none;
	line-height: 0;
	width: 40%;
	float: left;
	padding: 2%;
	text-align: center;
}
.web30s_gt_2 li img {
	width: 90%;
	height: auto;
}
.web30s_gt_2 ul {
	float: left;
	width: 52%;
	padding: 2%;
}
.web30s_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;
}
.web30s_gt_2 ul h3:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 20%;
	background: #dc1a5b;
	z-index: 2;
}
.web30s_gt_2 ul h3 span {
	color: #666;
	text-transform: none;
	font-size: 20px;
	font-weight: 100;
	line-height: 25px;
	display: block;
	padding-top: 10px;
}
.web30s_gt_2 ul p, .web30s_gt_1 ul p {
	padding-top: 15px;
}
.web30s_gt_2 ul h2 a, .web30s_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;
}
.web30s_gt_2 ul h2 a:hover, .web30s_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%);
}
.web30s_gt_2.web30s_gt_3 {
	background: url(../images/bg_01.png) center right no-repeat;
}
.web30s_gt_2.web30s_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;/* text-align: left; */
}
td {
	height: 30px; /* vertical-align: bottom; */
}
th {
	/* text-align: left; */
}
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;
	/* border-radius: 10px; */

	/* -webkit-border-radius: 10px; */

	-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;/* border-top: solid #eee 1px; */
}
.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;
}
.search a {
	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 a:hover {
	background: url(../images/icon-search_hover.png) no-repeat center center;
}
.menu_left_id ul h3 {
	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-bottom: 10px; */
	/* margin-top: 10px; */
	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;
}


/* ccs price table*/



.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;
}


/*///////////////// genaral*/

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;
}

/*
custom ta*/
.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;
	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%;
}
/* Trang chi tiết tiện ích*/
.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) {
	.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 ====== */
    .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{
        text-align: left;
        width: auto;
        padding-top:20px;
    }
    .section__procedure .list-items p{
        text-align: left;
    }
    .section__procedure .list-items label:after{
        top:0px;
        bottom:unset;
        right: unset;
    }
    .section__procedure .list-items .item:nth-child(5) label,
    .section__procedure .list-items .item:nth-child(3) label,
    .section__procedure .list-items .item:nth-child(1) label{
        padding-top: 0px;
    }
    .section__procedure .list-items .item:nth-child(3) label:after,
    .section__procedure .list-items .item:nth-child(5) label:after,
    .section__procedure .list-items .item:nth-child(1) label: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;}
.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;
	}
	.box_title_banner ul p {
		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;
}
/*.banggia_page_pro .list_box_service li:nth-child(34) {*/
	/*min-height: 105px;*/
/*}*/
.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 {
	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;
	}
}
.wrapper-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap:20px 20px;
}
.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;
}
.wrapper-items .item label:hover, .js-list-news-rela  label:hover{
	color: #dc1a5b;
}
.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;
}
.wrapper-items .item .wrapper-image img, .js-list-news-rela .wrapper-image img{
	width: 100%;
	height: auto;
}
.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;
}
.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;
}

@media screen and (max-width: 650px) {
	.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) {
	.wrapper-items {
		grid-template-columns: repeat(1, 1fr);
	}
}
.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;
}
/*.title_page h3 span {*/
	/*color: #dc1a5b;*/
/*}*/
/*.title_page h3{*/
	/*color: #333;*/
/*}*/
.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{
	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 {
	margin: unset;
}
@media screen and (max-width: 480px)	{
	.chitiet_ungdung .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;
    }
    .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{
		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:40px 0px;
	border-top: 1px solid #e8e8e8;
	width: 100%;
	float: left;
}
.bg-cl-k{
	background: #e04a6c80 !important;
	font-size: 15px!important;
}
/*
	Start breadcrumb
*/
.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;
}
.w30s__breadcrumb li:last-child, .w30s__breadcrumb li a:hover{
color: #dc1a5b;
}
.w30s__breadcrumb .page_conten{
	padding-top: 0px;
	padding-bottom: 0px !important;
}
/*
	End breadcrumb
*/
/*
Page table price V2
 */
.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{
	position: relative;
}
.page-table-price .table_price_v2 .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 {
	text-align: center;
	padding:20px;
}
.page-table-price .table_price_v2 .item: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 .table_price_v2 .wrapper-content .item-row{
	border-bottom: 1px dashed #ccc7c7;
	padding:10px 0px
}
.page-table-price .table_price_v2 .wrapper-content .item-row-price{
	color: #49b18c;
	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 {
	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;
}
.page-table-price .wrapper-features-detail{
	padding: 50px 0px;
	background: #eaeaea;
}
.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 {
    height:100%;
	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 .content_pover {*/
    /*transform: translate(0,-100%);*/
    /*left: calc(100% - 30px);*/
/*}*/
/*.page-table-price .content_pover:before{*/
    /*right: calc(100% - 30px);*/
    /*bottom: -5px;*/
/*}*/

.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 .page_conten {
	padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
    .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 {
        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;
    }
}
@media screen and (max-width: 650px) {

    .page-table-price .wrapper-tabs-content thead td{
        padding: 8px 10px;
        font-size: 14px;
    }
}
@media screen and (max-width: 414px) {
    .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;
    }
}
/*End page table price*/