/*
Theme Name: Dinh Gia Truc Tuyen
Theme URI: https://dinhgiatructuyen.com
Author: Ngoc Thuy Do
Author URI: https://ngocthuydo.com


*/
/*FONTS*/

@font-face {
	font-family: 'DGTT';
	src: url('../fonts/DGTT-Medium.eot');
	src: local('☺'), url('../fonts/DGTT-Medium.woff') format('woff'), url('../fonts/DGTT-Medium.ttf') format('truetype'), url('../fonts/DGTT-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'DGTT';
	src: url('../fonts/DGTT-Bold.eot');
	src: local('☺'), url('../fonts/DGTT-Bold.ttf') format('truetype'), url('../fonts/DGTT-Bold.svg') format('svg');
	font-weight: bold;
}

@font-face {
	font-family: 'DGTT-Light';
	src: url('../fonts/DGTT-Light.eot');
	src: local('☺'), url('../fonts/DGTT-Light.woff') format('woff'), url('../fonts/DGTT-Light.ttf') format('truetype'), url('../fonts/DGTT-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* =Global
----------------------------------------------- */
html {
	height: 100%;
	min-height: 100%;

}

body {
	color: #4e6263;
	background: #f5f5f5;
	word-wrap: break-word;
	font-family: 'DGTT', Arial;
	font-size: 14px;
	min-height: 100%;
	margin: 0;
}

a:not(.ui-slider-handle) {
	color: inherit;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

a:hover,
a:focus {
	color: #f5891f;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn [class^="icon-"], .btn [class*=" icon-"] {
	vertical-align: middle;
}

.btn-icon [class^="icon-"], .btn-icon [class*=" icon-"], .btn-icon .fa {
	font-size: 1.6em;
	vertical-align: sub;
	line-height: 1em;
	margin-right: 3px;
}

.maincont {
	position: relative;
	padding-bottom: 60px;
	min-height: 100vh;
}

.formcol .row {
	margin-right: -7px;
	margin-left: -7px;
}

.formcol [class^="col-"], .formcol [class*=" col-"] {
	padding-left: 7px;
	padding-right: 7px;
}


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

	.container {
		padding-left: 85px;
	}

	.container.bodycont {
		margin-top: 60px !important;
	}

	.container-fluid {
		width: 100%;
		padding-left: 85px;
		padding-right: 15px;
	}
}

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

	.container.bodycont {
		margin-top: 30px !important;
	}


}

.blockcont {
	margin-top: 30px;
}

.popover {
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
	border: 1px solid rgba(0, 0, 0, .05);
	width: auto;
	max-width: 100%;
	font-family: 'DGTT', Arial;

}

.title {
	font-family: 'DGTT-Light', Arial;
	color: #999;
	font-size: 3em;
	font-weight: normal;
	text-transform: none;
}

.title strong {
	font-family: 'DGTT', Arial;
}

.smalltitle {
	text-transform: uppercase;
	font-size: 22px;
	position: relative;
	margin-bottom: 20px;
	font-family: 'DGTT', Arial;
	font-style: normal;
	color: #04757a;
}

.smalltitle:after {
	content: "";
	border-top: 3px solid #f5891f;
	width: 80px;
	position: absolute;
	bottom: -8px;
	left: 0;
}

.smalltitle.text-center {
	text-align: center;
}

.smalltitle.text-center:after {
	display: block;
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -40px;
	content: "";
	width: 80px;
	height: 3px;
	background-color: #04757a;
}

.smalltitle.lg {
	font-size: 35px;
}

.darkbg .smalltitle {
	color: #fff;
}

.highlight {
	color: #f5891f;
}

.modal-backdrop {
	z-index: 1070;
	opacity: .5;
}

.modal {
	z-index: 1080;
}

.modal-header {
	border-bottom: 0;
	background: #04757a;
	color: #fff;
	border-radius: 6px 6px 0 0;
}

.modal-open .wrapper {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	filter: blur(5px);
}

.modal-header .smalltitle {
	color: #fff;
	font-size: 25px;
	line-height: 1;
}

.locationinfo .smalltitle {
	line-height: 1;
	padding-right: 30px;
	max-width: 100%;
}

.modal-header .close {
	color: #fff;
	z-index: 9999;
}

.modal-content {
	border: 0;
	box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08), 0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);
}


.modal-body .nopadding, .modal-header .nopadding, .popover .nopadding {
	margin-left: -15px;
	margin-right: -15px;
}


.modal-body .nopaddingtop {
	margin-top: -15px;
}

.panel-heading {
	text-transform: uppercase;
}

.hozform label.control-label {
	padding-top: 8px;
}

.hozform .checkbox, .hozform .radio {
	margin-top: 8px;
}

.selectwrap {
	position: relative;
	overflow: hidden;
}

.selectwrap.form-control {
	padding: 0 0 0 0 !important;
}

select, select:focus, select.form-control {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 0 !important;
	margin: 0;
	height: 43px;
	outline: 0;
	background: transparent !important;
	padding-right: 20px;
	width: 115% !important;
	font-size: 16px;
	line-height: 18px;
	transform-origin: left center;
	transform: scale(0.875);
}

.selectwrap:after {
	content: "\f0d7";
	font-family: "FontAwesome";
	position: absolute;
	right: 5px;
	top: 10px;
	line-height: 1;
	font-size: 16px;
	pointer-events: none;
}

.formcol .form-control, .formcol .form-control:focus {
	border: 0;
	border-bottom: 1px solid #E5E5E5;
	padding: 8px 0 10px 0;
	border-radius: 0;
	margin: 0
}

textarea {
	resize: vertical;
	overflow: auto;
}

.box {
	background: #fff;
	border-radius: 6px;
	padding: 15px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.box .nopadding {
	margin-left: -15px;
	margin-right: -15px;
}

.box .nopaddingtop {
	margin-top: -15px;
}

.box .nopaddingbottom, .modal-body .nopaddingbottom {
	margin-bottom: -15px;
}

.btn-facebook {
	background: #4267b2;
	border-color: #4267b2;
	color: #fff !important;
}

@media screen and (max-width: 699px) {
	.login-social .col-md-6 {
		width: 50%;
	}
}


.btn-google {
	background: #dd4b39;
	border-color: #dd4b39;
	color: #fff !important;
}

.normallist {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

/* =Navigation
----------------------------------------------- */

header {
	position: fixed;
	top: 0;
	background: #fff;
	width: 70px;
	height: 100%;
	z-index: 1060;
}

.navigation {
	width: 100%;
	height: 100%;
}

.toolbar, .toolbar>li {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.toolbar>li>a, #logo>a {
	display: block;
	margin: 10px;
	padding: 5px 5px 10px 5px;
	border-bottom: 1px solid #e9e9e9;
	font-size: 26px;
	line-height: 26px;
	vertical-align: middle;
}

.toolbar>li:last-child>a {
	border: 0;
}

#logo img {
	width: 55px;
	max-width: 55px;
	margin: 5px -8px;
	height: auto;
}

.toolbar>li .icon-countprice, .toolbar>li .icon-cen, .toolbar>li .icon-cenvalue, .toolbar>li .icon-houseprice {
	font-size: 28px;
}

.toolbar.top {
	position: absolute;
	left: 0;
	top: 90px;
	width: 100%;
	color: #04757a;
}

.toolbar>li a, .toolbar>li a:hover, .toolbar>li a:focus {
	color: #04757a;
}

.toolbar.bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #f5891f;
}

@media screen and (max-height: 700px) {
	.toolbar.bottom {
		display: none;
	}
}

.toolbar.bottom>li a, .toolbar.bottom>li a:hover, .toolbar.bottom>li a:focus {
	color: #f5891f;
}


.toolbarpopholder .popover.right {
	margin-left: 30px !important;
}

.toolbar .popper, #logo .popper {
	display: none;
}

.toolbarpop {
	text-transform: uppercase;
	color: #04757a;
	font-weight: bold;
	line-height: 14px;
}

.toolbarpop.bottom, .toolbarpop.bottom a {
	color: #f5891f;
}

.toolbarpop.bottom a:hover, .toolbarpop.bottom a:focus {
	color: #04757a;
}

.toolbarpop.snspop {
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
	font-family: 'DGTT-Light', 'DGTT', Arial;
}

.toolbarpop.snspop a {
	padding: 0 10px;
}

.toolbarpop.flex-item {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 15px;
}

.topmenu {
	padding-top: 20px;
	position: relative;
	z-index: 1060;
}

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

.topmenulist>li, #menutrigger {
	list-style: none;
	padding-left: 15px;
	font-size: 26px;
	display: inline-block;
	position: relative;
	text-align: right;
}

#menutrigger {
	display: none;
}

.loggedin>li .num {
	position: absolute;
	top: 0;
	right: -8px;
	font-size: 10px;
	text-align: center;
	padding-top: 3px;
	width: 20px;
	height: 20px;
	background: #04757a;
	border-radius: 50%;
	color: #fff;
}

.membermenu {
	background: #fff;
	text-align: left;
	list-style: 0;
	padding: 0 15px;
}
.membermenu li{
    color: #4e6263;
}
.membermenu li a{
	color: #04757a;
}
.topmenu .membermenu {
	display: none;
}

.membermenu>li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 10px 0;
	font-size: 14px;
	border-bottom: 1px solid #e9e9e9;
}

.membermenu>.alllink {
	text-transform: uppercase;
	text-align: center;
}

.membermenu.main>li>a>span:first-child {
	display: inline-block;
	width: 18px;
	font-size: 18px;
	vertical-align: middle;
	margin-right: 5px;
}

/* =Footer
----------------------------------------------- */

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 998;
}

.footercont {
	padding: 15px 0;
	background: #04757a;
	color: #fff;
	vertical-align: middle;
	display: none;
}

.footertrigger {
	width: 100%;
	position: relative;
	text-align: center;
	margin-bottom: -1px;
}

.nav-footer{
	display: flex;
}
.nav-footer-left{
	display: flex;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}

.nav-footer-left a{
	display: flex !important;
    flex-direction: column;
    justify-content: center;
    text-align: center;
	gap: 3px;
}
.nav-footer-left > a > i, .nav-footer-left > a > [class*="icon-"]{
	font-size: 2rem;
}
.trigger {
	background: url(../img/trigger2.png) 100% no-repeat;
	width: 114px;
	height: 27px;
	margin: 0 auto;
	cursor: pointer;
	-webkit-transition: background 1s linear;
	-moz-transition: background 1s linear;
	-o-transition: background 1s linear;
	transition: background 1s linear;
}

.trigger .thearrow {
	font-size: 22px;
	color: #fff;
	text-align: center;
	-webkit-animation: jump 1.5s ease 0s infinite normal;
	animation: jump 1.5s ease 0s infinite normal;
}

.thearrow:after {
	content: "\f106";
	font-family: 'dgtticon' !important;
	line-height: 1;
}

.open .thearrow:after {
	content: "\f107";
}

.footertrigger.open .trigger {
	background: url(../img/trigger3.png) 100% no-repeat;
}


.brandgroup {
	display: inline-block;
	vertical-align: central;
	padding: 0 15px;
	border-left: 1px solid #fff;
	text-align: center;
}

.footercont .brandgroup:first-child {
	padding-left: 0;
	border-left: none;
}

.footercont .brandgroup:last-child {
	padding-right: 0;
}

.brandgroup img {
	height: 37px;
	width: auto;
	vertical-align: middle;
	margin: 0 auto;
}

.copyright {
	margin-top: 15px;
}


/* =Homepage
----------------------------------------------- */

.homecont {
	background: #04757a;
	color: #fff;
	min-height: 100vh;
}

.homecont .smalltitle {
	color: #fff;
}

.homecont .h3 {
	line-height: 1.4;
}

@media only screen and (min-width: 1200px) {
	.homecont h1 {
		font-size: 65px;
	}
}
@media screen and (max-width: 699px) {
	.toolbarpop.flex-item {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		gap: 15px;
		width: 100%;
		font-size: 14px;
		font-weight: 600;

	}
	.toolbarpop.flex-item  a{
		color: #04757a;
	}
}


.mapview, .mapoverlay {
	background: url(../img/map.png);
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.mapoverlay {
	background: #004f53;
	opacity: 0.1;
	filter: alpha(opacity=10);
	pointer-events: none;
}

#homepage .mapoverlay {
	opacity: 0.85;
	filter: alpha(opacity=85);
	pointer-events: auto;
}

.mapicon {
	position: fixed;
	z-index: 100;
	bottom: 15px;
	right: 15px;
	text-align: center;
	width: 50px;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;

}

.mapicon a, .mapicon a:focus, .mapicon a:visited {
	color: #04757a;
	font-size: 20px;
	display: inline-block;
}

#homepage .mapicon a, #homepage .mapicon a:focus, #homepage .mapicon a:visited {
	color: #fff;
}

.mapicon a:hover {
	color: #f5891f;
}

.mapicon a.getlocation {
	text-shadow: 1px 1px 2px #fff;
	font-size: 55px;
}

.mapicon a.zoomin {
	margin-top: 5px;
	border-radius: 4px 4px 0 0;
}

.mapicon a.zoomout {
	border-radius: 0 0 4px 4px;
}

.mapicon a.buticon {
	padding: 0 8px;
	background: #fff;
	height: 36px;
	line-height: 36px;
}

#homepage .getlocation {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}


.features {
	font-size: 1.5em;
	font-family: 'DGTT-Light', 'DGTT', Arial;
	font-style: italic;
}

.features .carousel-indicators {
	right: 0;
	bottom: 0px;
	left: auto;
	text-align: right;
}

.features .carousel-inner {
	padding-bottom: 30px;
}

.features .carousel-indicators li {
	background-color: #fff;
	width: 14px;
	height: 15px;
	border-radius: 50%;
}

.features .carousel-indicators li.active {
	background-color: #f5891f;
	border-color: #f5891f;
	border-top: indianred;
	border-bottom: indianred;
	margin-top: 10px;
}

.featureani {
	width: 100%;
	height: 0px;
	padding-bottom: 70%;
	position: relative;
	margin-bottom: 10px;
}

.featureani>div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: 100%;
	background-repeat: no-repeat;
}

.feature3 {
	-webkit-animation: jump3 3s ease 0s infinite normal;
	-moz-animation: jump3 3s ease 0s infinite normal;
	animation: jump3 3s ease 0s infinite normal;
	top: 10px;
}

.feature2>.ele1 {
	background-image: url(../img/feature_02_01.png);
}

.feature2>.ele2 {
	background-image: url(../img/feature_02_02.png);
	-webkit-animation: feature2ele2 3s ease 0s infinite normal;
	-moz-animation: feature2ele2 3s ease 0s infinite normal;
	animation: feature2ele2 3s ease 0s infinite normal;
}

.feature2>.ele3 {
	background-image: url(../img/feature_02_03.png);
	-webkit-animation: feature2ele3 3s ease 0s infinite normal;
	-moz-animation: feature2ele3 3s ease 0s infinite normal;
	animation: feature2ele3 3s ease 0s infinite normal;
}

@keyframes feature2ele2 {
	0% {
		top: 0;
		left: -15%;
	}

	25% {
		top: 0;
		left: -15%;
	}

	50% {
		top: 12%;
		left: 30%
	}

	75% {
		top: 12%;
		left: 30%
	}

	100% {
		top: 0;
		left: -15%;
	}
}

@keyframes feature2ele3 {
	0% {
		top: 0;
		left: -15%;
		opacity: 0;
	}

	25% {
		top: 0;
		left: -15%;
		opacity: 1;
	}

	50% {
		top: 12%;
		left: 30%;
		opacity: 0;
	}

	75% {
		top: 12%;
		left: 30%;
		opacity: 1;
	}

	100% {
		top: 0;
		left: -15%;
		opacity: 0;
	}
}

.feature1>.ele1 {
	background-image: url(../img/feature_01_01.png);
}

.feature1>.ele2 {
	background-image: url(../img/feature_01_02.png);
	top: -5%;
	left: 7.5%;
	-webkit-animation: feature1ele2 3s linear infinite;
	-moz-animation: feature1ele2 3s linear infinite;
	animation: feature1ele2 3s linear infinite;
}

.feature1>.ele3 {
	background-image: url(../img/feature_01_03.png);
	top: -5%;
	left: 7.5%;
	-webkit-animation: feature1ele3 3s linear infinite;
	-moz-animation: feature1ele3 3s linear infinite;
	animation: feature1ele3 3s ease linear infinite;
}

@keyframes feature1ele2 {
	from {
		-webkit-transform: rotate(0deg) translateX(15%) rotate(0deg);
		-moz-transform: rotate(0deg) translateX(15%) rotate(0deg);
		transform: rotate(0deg) translateX(15%) rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg) translateX(15%) rotate(-360deg);
		-moz-transform: rotate(360deg) translateX(15%) rotate(-360deg);
		transform: rotate(360deg) translateX(15%) rotate(-360deg);
	}
}

@keyframes feature1ele3 {
	0% {
		-webkit-transform: rotate(0deg) translateX(15%) rotate(0deg);
		-moz-transform: rotate(0deg) translateX(15%) rotate(0deg);
		transform: rotate(0deg) translateX(15%) rotate(0deg);
		opacity: 0
	}

	50% {
		-webkit-transform: rotate(180deg) translateX(15%) rotate(-180deg);
		-moz-transform: rotate(180deg) translateX(15%) rotate(-180deg);
		transform: rotate(180deg) translateX(15%) rotate(-180deg);
		opacity: 1
	}

	100% {
		-webkit-transform: rotate(360deg) translateX(15%) rotate(-360deg);
		-moz-transform: rotate(360deg) translateX(15%) rotate(-360deg);
		transform: rotate(360deg) translateX(15%) rotate(-360deg);
		opacity: 0
	}
}

.feature3>.ele1 {
	background-image: url(../img/feature_03_01.png);
}

.feature3>.ele2 {
	background-image: url(../img/feature_03_02.png);
	-webkit-clip-path: polygon(59% 50%, 71% 46%, 71% 47%, 62% 51%, 59% 52%);
	clip-path: polygon(59% 50%, 71% 46%, 71% 47%, 62% 51%, 59% 52%);
	-webkit-animation: feature3ele2 3s alternate infinite;
	-moz-animation: feature3ele2 3s alternate infinite;
	animation: feature3ele2 3s alternate infinite;
}

.feature3>.ele3 {
	background-image: url(../img/feature_03_03.png);
	width: 0%;
	background-size: cover;
	-webkit-animation: feature3ele3 3s linear infinite;
	-moz-animation: feature3ele3 3s linear infinite;
	animation: feature3ele3 3s ease linear infinite;
}

@keyframes feature3ele2 {
	0% {
		-webkit-clip-path: polygon(59% 50%, 71% 46%, 71% 47%, 62% 51%, 59% 52%);
		clip-path: polygon(59% 50%, 71% 46%, 71% 47%, 62% 51%, 59% 52%);
	}

	7% {
		-webkit-clip-path: polygon(59% 50%, 71% 46%, 76% 70%, 73% 92%, 69% 95%);
		clip-path: polygon(59% 50%, 71% 46%, 76% 70%, 73% 92%, 69% 95%);
	}

	30% {
		-webkit-clip-path: polygon(59% 50%, 71% 46%, 96% 59%, 100% 84%, 72% 100%);
		clip-path: polygon(59% 50%, 71% 46%, 96% 59%, 100% 84%, 72% 100%);
	}

	80% {
		-webkit-clip-path: polygon(59% 50%, 71% 46%, 96% 59%, 100% 84%, 72% 100%);
		clip-path: polygon(59% 50%, 71% 46%, 96% 59%, 100% 84%, 72% 100%);
	}

	90% {
		-webkit-clip-path: polygon(59% 50%, 71% 46%, 76% 70%, 73% 92%, 69% 95%);
		clip-path: polygon(59% 50%, 71% 46%, 76% 70%, 73% 92%, 69% 95%);
	}
}

@keyframes feature3ele3 {
	0% {
		width: 0%;
	}

	30% {
		width: 100%
	}

	80% {
		width: 100%
	}
}

/*--------------------
SEARCH
--------------------*/

.searchform {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.searchform .smalltitle {
	color: #04757a;
	font-size: 1em;
	margin-bottom: 10px;
}

.searchform .smalltitle:after {
	bottom: -8px;
}

.searchform .thearrow {
	-webkit-animation: jump 1.5s ease 0s infinite normal;
	animation: jump 1.5s ease 0s infinite normal;
	display: inline-block;
}

.searchform .form-control {
	border-color: #fff;
	border-width: 2px;
}

.searchform .input-group-lg>.form-control, .searchform .input-group-lg>.input-group-addon, .searchform .input-group-lg>.input-group-btn>.btn {
	height: 60px;
	font-size: 20px;
	line-height: 1;
}

.searchform .input-group-lg>.input-group-btn>.btn:not(.btn-default) {
	border-right: 1px solid #e9e9e9 !important;
}

.searchform .input-group-lg>.input-group-btn>.btn-default {
	font-size: 42px;
	padding-top: 5px;
}

.search-options {
	background: #fff;
	padding-left: 5px;
	color: #999;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;

}

.input-group-lg .search-options {
	padding-left: 10px;
	display: flex;
	align-items: center;
}

.search-option {
	display: inline-block;
	margin-left: 5px;
	height: 100%;
}

.search-option input {
	display: none;
}

.search-option label {
	margin: 0;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.search-option i {
	font-size: 25px;
	line-height: 1;
	vertical-align: middle;
}

.search-option span {
	display: none;
}

.search-option input:checked+label i {
	color: #f5891f;
}

.searchpopholder .popover, .bdsgdlistpopholder .popover {
	white-space: nowrap;
	color: #f5891f;
	text-transform: uppercase;
	font-weight: bold;
}

.bdsgdlistpopholder .popover .popover-title {
	display: none;
}

.bdsgdlistpopholder .popover {
	-ms-transform: translate(250px, 0);
	-webkit-transform: translate(250px, 0x);
	transform: translate(250px, 0);
}

.searchsuggest {
	position: relative;
	width: 100%;
	height: 0;
	color: #1c2e2f;
	z-index: 1061;
	text-align: left;
	display: none;

}

.locationlistwrapper {
	position: absolute;
	top: 5px;
	left: 0;
	width: 100%;
	padding: 10px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.searchsuggest .result {
	display: none;
}

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

.locationlist li {
	margin: 0;
	padding: 5px;
	list-style: none;
	display: block;
	cursor: pointer;
}

.locationlist li:before {
	content: "\f041";
	font-size: 1.2em;
	line-height: 1;
	margin-right: 10px;
	font-family: 'dgtticon' !important;
	speak: none;
	vertical-align: middle;
}

.locationlist li:hover {
	background: #e9e9e9;
}

.locationlist.apartmentlist li:before {
	content: "\f084";
	font-family: 'FontAwesome' !important;
}

/*MAP*/

.gmnoprint {
	content: "";
	background: url(../img/locationpoint.png) no-repeat;
	background-size: 100%;
	width: 0px;
	height: 0px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	/*margin-top: 30px !important;*/
}

.gmnoprint img {
	z-index: 9999;
}

.locationinfowrapper {
	display: none;
}

.locationinfo, .bigpopover {
	position: relative;
}

.pricelist {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	border: 1px solid #e9e9e9;
	border-left: 0;
	border-right: 0;
	text-transform: uppercase;

}

.pricelist>div>div {
	padding: 10px 0;
	text-align: center;
}

.pricelist>div>div:first-child {
	border-right: 1px solid #e9e9e9;
}

.price {
	text-transform: uppercase;
	font-size: 28px;
	font-family: 'DGTT-Light', sans-serif;
	font-weight: 200;
	color: #04757a;
	display: block;
	white-space: nowrap;
	letter-spacing: -1px;

}

.price .small {
	font-size: 14px;
	font-weight: normal;
	font-family: 'DGTT', Arial;
	letter-spacing: 0;
}

.actioncall {
	text-align: center;
}


.popover.top {
	margin-top: -15px;
}

.popover.bottom {
	margin-top: 15px;
}

.popoverclose {
	position: absolute;
	top: -5px;
	right: 5px;
	font-size: 35px;
	line-height: 35px;
	z-index: 1060;
	color: #04757a;
}

.close {
	font-size: 35px;
	line-height: 10px;
	color: #04757a;
	filter: alpha(opacity=100);
	opacity: 1;
	font-weight: normal;
}

.form-control.withslider {
	border-radius: 4px 4px 0px 0px;
}

.form-control.error {
	border-color: #f5891f;
	-webkit-animation: flash 1.5s ease 0s 1 normal;
	-moz-animation: flash 1.5s ease 0s 1 normal;
	animation: flash 1.5s ease 0s 1 normal;
}

.submitholder {
	text-align: right;
}

.errormes {
	margin-bottom: 30px;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	border-radius: 4px;
	background: #ffe8d2;
}

.errormes .head {
	color: #f5891f;
	text-transform: uppercase;
}

.errormes .head:before {
	content: "\f071";
	vertical-align: middle;
	font-size: 1.5em;
	line-height: 1;
	margin-right: 10px;

	font-family: "FontAwesome" !important;
}

.modal-footer .errormes {
	margin-top: 8px;
}

.sliderinput {
	border-radius: 4px;
	margin-top: -4px;
}

.ctxdform, .hiddenform {
	display: none;
}

.bigtext {
	color: #04757a;
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.form-group {
	margin-bottom: 30px;
}

.formcol .bigtext {
	margin-top: 0;
	margin-bottom: 20px;
}

.otherele .form-control {
	text-align: left;
}

.dropdown-menu>li:not(.divider) {
	padding: 5px 10px;
}

.ctxdpreset {
	position: relative;
}

.ctxdpreset .close {
	position: absolute;
	top: 0;
	right: 0;
}

.ctxdpresetwrapper .close {
	display: none;
}

.listitem, .listitem>li, .otheele, .otheele>li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.listitem>li {
	border-top: 1px solid #e9e9e9;
	padding: 15px 0 15px 135px;
	text-align: right;
	position: relative;
	min-height: 51px;
	line-height: 25px;
}

.gianhanuoc {
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

.quyhoachimg {
	border-top: 1px solid #e9e9e9;
	padding: 15px 0;
}

.listitem>li>strong {
	position: absolute;
	left: 0;
	text-transform: uppercase;
	opacity: 0.8;
	font-weight: normal;
}

.listitem>li>strong>[class^="icon-"], .listitem>li>strong>[class^="fa"] {
	font-size: 2em;
	margin-right: 5px;
	vertical-align: middle;
	color: #ccc;
	width: 28px;
	text-align: center;
	display: inline-block
}

.otheele>li {
	display: block;
}

#bdsdetailda .bigtext, #bdsdetail .bigtext, #bdsdetailnc .bigtext {
	font-weight: bold;
}

.listitem>li.longitem {
	padding-left: 0;
	text-align: left;
}

.listitem>li.longitem>strong {
	position: relative;
}

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

.pricelistitem>li {
	text-transform: uppercase;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	list-style: none;
	text-align: center;
	padding: 30px 10px;
	max-height: 430px;
}

.pricelistitem>li>.fadeInDownSmall>strong {
	white-space: nowrap;
}

.pricelistitem>li:last-child {
	border-right: 1px solid #fff;
}

.pricelistitem>li>div {
	opacity: 0;
}

.pricelistitem .pricethumb {
	background: url(../img/resulticon_bg.png) no-repeat center;
	background-size: 100%;
	padding: 19%;
	display: block;
	margin: 20px 10px;
}

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

.pricelisticon>li {
	text-transform: uppercase;
	/*border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;*/
	list-style: none;
	text-align: center;
	padding: 10px;
	max-height: 430px;

}

.pricelisticon>li>.fadeInDownSmall>strong {
	white-space: nowrap;
}

.pricelisticon>li:last-child {
	border-right: 1px solid #fff;
}

.pricelisticon>li>div {
	opacity: 1;
	cursor: pointer;
}

.pricelisticon .pricethumb {
	background: url(../img/resulticon_bg.png) no-repeat center;
	background-size: 100%;
	padding: 19%;
	display: block;
	margin: 10px;
}

.pricelisticon .pricethumb img {
	max-width: 100% !important;
}


.totaleprice .price {
	color: #f5891f;
}

.pricelistitem .price .small {
	display: block;
}

.quyhoachmap {
	width: 100%;
	min-height: 100vh;
	background: #e9e9e9;
	position: absolute;
	top: 0;
	left: 0;
}

.small.twolines {
	display: inline-block;
}

.small.twolines>span {
	display: block;
	line-height: 15px;
}

.kqdgaction {
	position: relative;
	width: 100%;
}

.moredetail {
	width: 30px;
	height: 30px;
	border: 1px solid #e9e9e9;
	border-radius: 50%;
	margin: 0 auto;
	cursor: pointer;
	padding: 0;
	display: inline-block;
	-webkit-animation: jump 1.5s ease 0s infinite normal;
	animation: jump 1.5s ease 0s infinite normal;
	background: #fff;

}

.moredetail .thearrow {
	font-size: 22px;
	text-align: center;

}

.thearrowwrap {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}

.thearrowwrap:before, .thearrowwrap:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 45%;
	left: 0px;
	border-top: 1px solid #e9e9e9;
}

.thearrowwrap:after {
	left: auto;
	right: 0;
}

.thearrowwrap.open:before, .thearrowwrap.open:after {
	border-top: 0;
}

/*QUY HOACH*/

#xemquyhoach .modal-dialog {
	width: 100% !important;
	margin: 0;
	padding: 0;
}

#xemquyhoach .modal-content {
	min-height: 100vh;
	position: relative;
}

#xemquyhoach .modal-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}


.quyhoachform {
	position: absolute;
	top: 100px;
	right: 0px;
	padding: 15px;
	background: transparent;
	width: 680px;
	max-width: 100%;

}

.quyhoachform .inlineform {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}


/*DỰ ÁN*/

.nav-tabs>li>a {
	border-radius: 0;
	border: 0;
	text-transform: uppercase;
	margin-bottom: 0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	border: 0;
	border-bottom: 2px solid #f5891f;
	margin-bottom: 0;
}

.thumbcarousel {
	padding: 5px;
	background: #fff;
}

.thumbcarousel .item>div {
	width: 20%;
	padding: 5px;
	float: left;
}

.duangallery .thumbcarousel .item>div {
	width: 25%;
}

.thumbcarousel .item .thumb {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-color: #e9e9e9;
	cursor: pointer;
	background-position: center;

}

.galleryview .item {
	width: 100%;
	height: 0;
	padding-bottom: 66.66666666%;
	background-color: #e9e9e9;
	background-size: contain;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}

.duangallery {
	background-color: #e9e9e9;
	overflow: hidden;
	width: 100%;
}


a.carousel-control {
	width: 50px;
	color: #fff;
}

.duanthumb {
	width: 100%;
	height: 0;
	padding-bottom: 33.333333%;
	background-color: #e9e9e9;
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
}

.chgallerymenu {
	margin-top: 10px;
	text-align: center;
}

.chgallerymenu a {
	display: inline-block;
	padding-right: 15px;
}

.chgallerymenu a:last-child {
	padding-right: 0;
}

.chgallerymenu a:before, .otheele>li:before {
	content: "\e90a";
	line-height: 1;
	color: #f5891f;
	margin-right: 5px;
	font-family: 'dgtticon' !important;
	speak: none;
	vertical-align: middle;
}

.duaneader {
	position: relative;
}

.duaneader>a {
	position: absolute;
	right: 15px;
	bottom: 15px;
	opacity: 0.3;
}

.inlinelist {
	list-style: none;
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 92px;
}

.inlinelist>li {
	list-style: none;
	display: table-cell;
	position: relative;
	width: 25%;
	padding: 15px 0;
	border-left: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	white-space: nowrap;

}

.inlinelist>li>.prothumb {
	text-align: center;
	font-size: 40px;
	line-height: 40px;
	color: #e4e4e4
		/*#f5891f*/
	;
	display: block;

}

.inlinelist>li:first-child {
	border-left: 0;
}

.inlinelist>li>strong {
	text-transform: uppercase;
}

.listitem>li.loaicanho>strong {
	position: static;
	display: block;
}

.listitem>li.loaicanho {
	text-align: left;
	padding-left: 0;
}


.sodogallery {
	position: relative;
}

.sodomenu {
	position: absolute;
	top: 0px;
	right: 0;
}

.sodogallery .bigtext {
	margin-top: 0;
	margin-bottom: 30px;
}

.sodomenu .dropdown-menu {
	max-height: 70vh;
	overflow: auto;
}

.line {
	border-bottom: 1px solid #e9e9e9;
	margin: 20px 0;
}

.duanpop .inlinelist {
	border-top: 1px solid #e9e9e9;
	margin: 20px 0;
}

.duanpop .inlinelist>li {
	padding: 10px;
	text-align: center;
}

.duanpop .inlinelist>li .prothumb {
	position: relative;
	top: 0;
	left: 0;
	text-align: center;
	display: block;
	width: auto;
}

.pricelistitem.duan .pricethumb {
	padding: 9%;
	margin: 0 30%;
}

.duanpop .inlinelist:before, .duanpop .inlinelist:after {
	content: "";
	display: table;
	clear: both;
	visibility: hidden;
}

.hiddenform {
	display: none;
}

.duanform .searchsuggest .result {
	display: block
}

.duanmenu {
	background: #fff;
}

.duanmenu.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2000;
}

/*Dang ky*/
.package {
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	padding: 25px;
	text-align: center;
	position: relative;
	overflow: hidden;
	background: #fff;
}

.package:hover {
	margin-top: -20px;
	-webkit-transition: margin-top 0.3s linear;
	transition: margin-top 0.3s linear;
}

.btn-default:hover, .btn-default:focus {
	border: 1px solid #fff;
}

.package .name {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	opacity: 0.5;
	margin-bottom: -10px;
}

.package .toppanel {
	background: #04757a;
	color: #fff;
	margin: -25px -25px 0 -25px;
	padding: 25px 25px 0 25px;
	border-radius: 6px 6px 0 0;
}

.package .price {
	margin-top: 7px;
	font-size: 40px;
	margin-bottom: -15px;
	color: #fff
}

.package hr {
	background-color: #e9e9e9;
	border: none;
	margin-left: -25px;
	margin-right: -25px;
	height: 1px;
}

.package .trial {
	font-weight: 600;
	padding: 2px 21px 2px 21px;
	color: #fff;
	border: 1px solid #f5891f;
	display: inline-block;
	border-radius: 15px;
	background-color: #f5891f;
	position: relative;
	bottom: -32px;
}

.package ul {
	list-style: none;
	padding: 0;
	text-align: left;
	margin-top: 29px;
}

.package li {
	margin-bottom: 15px;
}

.package li.off {
	opacity: 0.5;
}

.package .checkIcon {
	font-family: "FontAwesome";
	content: "\f00c";
}

.package li:before {
	font-family: "FontAwesome";
	content: "\f00c";
	font-size: 1.5rem;
	color: #04757a;
	margin-right: 10px;
}

.package li.off:before {
	content: "\f00d";
	color: #f5891f;
}

.package.selected, .package:hover {
	background: #04757a;
	color: #fff;
}

.package.selected .price, .package:hover .price, .package.selected li:before, .package:hover li:before {
	color: #fff;
}

.package.selected .trial, .package:hover .trial {
	background: #04757a;
	color: #fff;
	border-color: #e9e9e9;
}

.package.selected::before, .package:hover:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 64px 64px 0 0;
	border-color: #f5891f transparent transparent transparent;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
}

.package.selected::after, .package:hover:after {
	font-family: "FontAwesome";
	content: "\f00c";
	color: white;
	position: absolute;
	left: 9px;
	top: 6px;
	text-shadow: 0 0 2px #f5891f;
	font-size: 1.4rem;
}

.hr {
	background-color: #e9e9e9;
	border: none;
}

.middleofline {
	position: relative;
	text-align: center;
	display: inline-block;
	bottom: -30px;
	background: #fff;
	text-transform: uppercase;
	padding: 0 15px;
}

.packagelist td {
	vertical-align: middle !important;
}

.packagelist tr>td:nth-child(2) {
	font-weight: bold;
}

.packagelist>tbody>tr:not(.active) input[type="number"] {
	pointer-events: none;
}

.packagelist tr>th:last-child {
	width: 90px;
}


.table .total td:first-child {
	font-weight: bold;
}

.table>thead>tr>th, .thead {
	border-bottom: 4px solid #f5891f;
	color: #04757a;
	text-transform: uppercase;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
}

.table .form-control {
	background: transparent;
	border: 0;
	padding: 0;
	font-weight: normal;
}

.note {
	font-size: 1.5em;
}

.payments {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	width: 100%;
}

.payments>li {
	list-style: none;
	display: table-cell;
	width: 33.3333%
}

.payments label {
	width: 100%;
	padding: 0;
}

.payments label>a {
	width: 100%;
	padding: 10px;
	border: 1px solid #e9e9e9;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
	color: #4e6263
}

.payments label>.icons {
	display: none;
}

.payments>li>label>a:hover, .payments>li.active>label>a {
	background: #f5f5f5;
	color: #4e6263;
}

.smscard {
	border: 3px dashed #e9e9e9;
	padding: 15px;
	font-size: 1.5em;
	text-align: center;
}

.completionwrap {
	width: 300px;
	max-width: 100%;
	margin: auto;
	display: block;
}

.completion {
	width: 100%;
	height: 100%;
	visibility: hidden;
}

.completion .st0 {
	fill: #04757a;
	fill-opacity: 0.4;
}

.completion .st1 {
	fill: #04757a;
	fill-opacity: 0.1;
}

.completion .st2 {
	fill: #04757a;
}

@keyframes hideshow {
	0% {
		opacity: 0.2;
	}

	10% {
		opacity: 0.2;
	}

	15% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}

.animatenow .completion {
	visibility: visible;
}

.animatenow .cirkel {
	animation: hideshow 0.4s ease;
}

.animatenow .check {
	animation: hideshow 0.4s ease;
}

.animatenow .stars {
	animation: hideshow 1.0s ease;
	opacity: 0.9;
}

@keyframes hideshow {
	0% {
		transform: scale(0.2);
		transform-origin: initial;

	}

	100% {
		transform: scale(1.0);
		transform-origin: initial;
	}
}

@keyframes draaien {
	0% {
		transform: rotate(40deg);
		transform-origin: initial;

	}

	100% {
		transform: scale(0deg);
		transform-origin: initial;
	}
}

.animatenow .check {
	animation: draaien 0.8s ease;
}


@keyframes transparant {
	0% {
		opacity: 0;

	}

	100% {
		opacity: 1;
	}
}

.animatenow .check {
	animation: transparant 2s;
}

/*MEMBER PAGE*/

.membercard {
	background: #04757a url(../img/memberbg.jpg) no-repeat bottom right;
	color: #fff;
}

.membercard a, .membercard a:visited, .darkbg a, .darkbg a:visited {
	color: #fff;
}

.membercard a:hover, .darkbg a:hover {
	color: #f5891f
}

.avatarwrap {
	width: 90%;
	border-radius: 50%;
	background: #248d92;
	margin: 10px auto;
	padding: 5px;
}

.avatar {
	background: #e9e9e9 url("assets/img/avatar.png");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	border-radius: 50%;

}

.memberdetail {
	border-right: 1px solid #;
}

.membercard .name {
	font-size: 2em !important;
	line-height: 1;
	color: #fff;
	text-align: center;
}

.memberdetail>div {
	margin-bottom: 5px;
}

.membertitle {
	font-style: italic;
}

.userstatlist>li {
	border-bottom: 0;
	border-top: 1px solid #248d92;
	border-color: #248d92;
	overflow: hidden;
}

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

.memberdetaillist>li {
	list-style: none;
	padding: 10px 0;
	border-bottom: 1px solid #248d92
}

.btn.btn-trans, a.btn.btn-trans {
	background: transparent;
	color: #fff !important;
	border-color: #248d92;
}

.btn.btn-trans:hover, a.btn.btn-trans:hover {
	background: #fff;
	color: #04757a !important
}

.inlinelist.userstatlist>li>.prothumb {
	color: #fff;
	font-family: "DGTT-Light", Arial;
	letter-spacing: -1px;
}

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

.bdslist>li {
	list-style: none;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #e9e9e9;

}

.bdslist>li:before, .bdslist>li:after {
	display: table;
	clear: both;
	content: '';
	visibility: hidden;
}

.bdslist>li>div {
	float: left;
	width: 22%;
	padding: 0 5px;
}

.bdslist>li>div:first-child {
	width: 53%
}

.bdslist>li>div:nth-child(3) {
	font-weight: bold;
	text-align: right;
	width: 25%
}

.bdslist>li>div:first-child:before {
	content: "\f041";
	font-size: 1.2em;
	line-height: 1;
	margin-right: 10px;
	font-family: 'dgtticon' !important;
	speak: none;
	vertical-align: middle;

}

.bdslist.newslist>li>div:first-child:before {
	content: "\f0f6";
}


.listfulllink {
	margin-top: 10px;
	text-transform: uppercase;
	text-align: right
}

.linklist>li:hover {
	color: #fff;
	background: #04757a;
	cursor: pointer;
}

.newslist>li>div:first-child {
	width: 78%;
}

.newslist>li>div:last-child {
	text-align: right;
}

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

.biglist>li {
	list-style: none;
	display: block;
	padding: 20px 40px 20px 100px;
	position: relative;
	border-top: 1px solid #e9e9e9;
	overflow: hidden;
}

.biglist>li:before, .thamdinhlist>li:after {
	clear: both;
	display: table;
	content: "";
	visibility: hidden;
}

.biglist>li>.address {
	width: 60%;
	float: left;
}

.biglist>li>.price {
	width: 40%;
	text-align: right;
	float: right;
}

.biglist>li>.date, .biglist>li>.source {
	width: 60%;
	float: left;
	opacity: 0.6;
	font-style: italic;
}

.biglist>li>.delete {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 40px 40px 0;
	border-color: transparent #f5891f transparent transparent;
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	cursor: pointer;
	display: none;
}

.biglist>li>.delete:after {
	font-family: "FontAwesome";
	content: "\f00d";
	color: white;
	position: absolute;
	right: -35px;
	top: 3px;
	text-shadow: 0 0 2px #f5891f;
	font-size: 1.4rem;
}

.thamdinhlist>li:hover {
	background: #04757a;
	color: #fff;
	cursor: pointer;
}

.thamdinhlist>li:hover>.price {
	color: #fff;
}

.thamdinhlist>li:hover>.delete {
	display: block;
}

.thamdinhlist>li>.date {
	width: 40%;
	text-align: right;
	float: right;
}

.thamdinhlist>li>.thumb:before {
	font-family: 'dgtticon' !important;
	content: "\e90b";
	opacity: 0.25;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 0;
	width: 100px;
	text-align: center;
	font-size: 40px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.thamdinhlist>li>.thumb:after {
	content: "CƠ BẢN";
	font-weight: bold;
	opacity: 0.3;
	position: absolute;
	top: 50%;
	margin-top: 10px;
	left: 0;
	width: 100px;
	text-align: center;
}

.thamdinhlist>li.nangcao>.thumb:before {
	content: "\e90b";
}

.thamdinhlist>li.nangcao>.thumb:after {
	content: "NÂNG CAO";
}

.thamdinhlist>li.duan>.thumb:before {
	content: "\e90c";
}

.thamdinhlist>li.duan>.thumb:after {
	content: "DỰ ÁN";
}

.biglist>li>.action {
	float: left;
	width: 100%;
	text-align: left;
	padding-top: 10px;
}

.tingiaodichlist>li, .tinthitruonglist>li {
	padding-left: 140px;
	min-height: 140px;
}

.tingiaodichlist .thumb, .tinthitruonglist .thumb {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 100px;
	height: 100px;
	background: #e9e9e9 url("assets/img/nothumbnail.png") center no-repeat;
	background-size: cover;
}

.tingiaodichlist>li.waiting>.price:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 40px 40px 0;
	border-color: transparent #04757a transparent transparent;
	position: absolute;
	right: 0;
	top: 0;
	content: "";
}

.tingiaodichlist>li.waiting>.price:after {
	font-family: "FontAwesome";
	content: "\f250";
	color: white;
	position: absolute;
	right: 5px;
	top: 3px;
	font-size: 1.4rem;
}

.tinthitruonglist>li>.name, .tinthitruonglist>li>.desc, .tinthitruonglist>li>.date, .tinthitruonglist>li>.source {
	width: 80%;
}

.tinthitruonglist>li>.source, .tinthitruonglist>li>.date {
	margin-top: 5px;
}

.tinthitruonglist .name {
	font-weight: bold;
}

.tinthitruonglist>li>.action {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 20%;
	text-align: right;
	padding-right: 20px;
}

.inlineform {
	display: table;
	width: 100%;
}

.inlineflexform {
	display: flex;
	gap: 10px;
	width: 100%;
	margin-top: 1rem;
}

.inlineform>.forminput {
	display: table-cell !important;
	margin: 0;
	height: 43px;
	border-right: 0;
	width: auto;
	vertical-align: top;
}

.inlineflexform>.forminput .type .selectwrap {
	border-left: 0;
}

.inlineform .form-control:not(select), .inlineform .btn {
	border-radius: 0;
	width: 100%;
	display: block;
}

.inlineform .btn {
	border-width: 1px;
	height: 43px;
}

.inlineform .btn:hover {
	border-color: #04757a
}

.inlineform .form-control {
	border-right: 0
}

.inlineform>.forminput:first-child>.form-control, .inlineform>.forminput:first-child>.btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;

}

.inlineform>.forminput:last-child>.form-control, .inlineform>.forminput:last-child>.btn {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-left: 0
}

.inlineform>.forminput:last-child {
	width: 10%;
}

.top10 .no {
	color: #f5891f;
	border: 1px solid #e9e9e9;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
}

.top10 .co {
	color: #f5891f;
	border: 1px solid #e9e9e9;
	border-radius: 50%;
	width: 42px;
	height: 22px;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	float: right;
}

.top10>li {
	padding: 8px 0;
}


/*Content pages*/

.faqlist, .faqlist>li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.faqlist>li {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e9e9e9;
}

.faqlist>li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.faqlist .ques {
	color: #04757a;
	cursor: pointer;
	padding-left: 30px;
	position: relative;
}

.faqlist .ques.active {
	font-weight: bold;
}

.faqlist .ques:hover {
	color: #f5891f;
}

.faqlist .ans {
	padding-left: 30px;
	position: relative;
	display: none;
}

.faqlist .ques:before {
	font-family: FontAwesome;
	content: '\f128';
	position: absolute;
	background: #04757a;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	top: 0;
	left: 0;
	font-weight: normal;
}

/*BDS GIAO DICH*/
.locationinfo.bdsgdpop {
	min-width: 420px;
	max-width: 420px;
}

.bdsgdpop .nopadding {
	border-top: 1px solid #e9e9e9;
	/*border-bottom: 1px solid #e9e9e9;*/
	margin-top: 20px;
	/*margin-bottom: 20px;*/
}

.bdsgdlist, .bdsgdlist>li {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;

}

.bdsgdlist>li {
	display: block;
	padding: 15px 20px 15px 130px;
	border-bottom: 1px solid #e9e9e9;
	position: relative;
	cursor: pointer;
	min-height: 130px;
}

.bdsgdlist>li.counted:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 40px 40px 0;
	border-color: transparent #f5891f transparent transparent;
	position: absolute;
	right: 0;
	top: 0;
	content: "";
}

.bdsgdlist>li.counted:after {
	font-family: 'dgtticon' !important;
	content: "\e90a";
	color: white;
	position: absolute;
	right: 5px;
	top: 3px;
	font-size: 1.5rem;
}

.bdsgdlist>li.counted:hover .thumb:after {
	content: "Đã thẩm định giá";
	background-color: rgba(0, 0, 0, 0.6);
	color: #f5891f;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	padding: 30px 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
}

.proinfo .counted {
	color: #f5891f;
	font-size: 12px;
	text-transform: uppercase;

}

.proinfo .counted:before {
	font-family: 'dgtticon' !important;
	content: "\e90a";
	font-size: 1.5rem;
	vertical-align: middle;
	margin-right: 5px;
}

.navbar-nav {
	display: flex;
	flex-direction: inherit;
	background-color: #0c569f;
}

.navbar-nav>li {
	border-right: 1px solid #20466d;
	border-left: 1px solid #4a84b5;
}

.navbar-nav>li>a {
	padding: 12px 10px;
	color: #fff;
	font-weight: 600;
	font-family: 'Roboto Condensed', sans-serif;
}

/* .bdsgdlist > li:hover{
	background: #04757a;
	color: #fff;
} */
.bdsgdlist>li:last-child {
	border: 0;

}

.bdsgdpop .bdsgdlist>li:last-child {
	padding-bottom: 0;
	min-height: 115px;
}

.bdsgdlist .thumb {
	position: absolute;
	top: 15px;
	left: 20px;
	width: 100px;
	height: 100px;
	background: #e9e9e9 url(assets/img/nothumbnail.png) center no-repeat;
	background-size: cover;
}

.bdsgdlist .title {
	font-size: 20px;
	line-height: 30px;
	color: #ff0d17;
	text-transform: uppercase;
}

.bdsgdlist .title a {
	color: inherit;
}

.bdsgdlist .address {
	color: #657786;
	font-weight: bold;
}

.bdsgdlist .desc {
	text-align: justify;
	line-height: 20px;
	margin-top: 0.7rem;
}

.bdsgdlist .price {
	font-size: 18px;
	font-weight: bold;
	line-height: 27px;
}

.bdsgdlist .price i, .bdsgdlist .date i {
	padding-right: 5px;
}

/* .bdsgdlist > li:hover .price{
	color: #fff;
} */

#detail .h1 {
	font-size: 20px;
	font-weight: bold;
	color: #055699;
	text-align: justify;
}

#detail .info {
	clear: both;
	overflow: hidden;
	margin: 10px 0 15px 0;
	padding: 10px;
	background: #f6f6f6;
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

#detail .nav-pl li {
	width: 48%;
	width: 48%;
	min-width: 48%;
	height: 30px;
}

#detail .nav-pills li i {
	padding-right: 5px;
}

#detail .info li {
	list-style-type: none;
}

#detail .listItems .tl span, .wg-hd h3 {
	background: #0c569f;
	padding: 10px 15px;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

#detail .listItems .tl, .wg-hd h3 {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	border-bottom: 1px solid #0c569f;
	height: 40px;
}

#detail #detailButton {
	gap: 5px;
}

#detail #detailButton .btn {
	color: #000 !important;
	background-color: #fff;
	border-radius: 5px;
	height: 43px;
	font-weight: 100;
}

#detail #detailButton .btn i {
	padding-right: 5px;
}

#detail .item {
	border: 1px solid #0c569f;
	padding: 10px;
	overflow: hidden;
	margin-top: 10px;
	text-align: justify;
}

#container img {
	max-width: 100%;
}

#detail .item img {
	float: left;
	width: 145px;
	margin-right: 15px;
}

#detail .item h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#detail .link {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	max-width: 200px;
}

.product-gallery {
	position: relative;
	overflow: hidden;
	background: #f8f8f8;
	padding: 1rem 1rem 0 1rem;
}

.product-gallery .product-gallery__image {
	max-height: 500px;
	height: 500px;
	display: flex;
	justify-content: center;
}

.product-gallery .image_thumb {
	padding-left: 40px;
	padding-right: 40px;
}

.product-gallery .img-thumb {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	justify-items: flex-start;
	gap: 10px;

}

.product-gallery .img-panel {
	width: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-gallery .carousel-control-prev {
	left: -50px;
	width: 41px;
	background: #7e7272;
	height: 40px;
	border-radius: 50%;
	top: 17px;
}

.product-gallery .carousel-control-next {
	right: -50px;
	width: 41px;
	background: #7e7272;
	height: 40px;
	border-radius: 50%;
	top: 17px;
}

#boxSearch {
	border: 1px solid #0c569f;
	margin-bottom: 15px;
}

#boxSearch h3 {
	background: #0c569f;
	padding: 10px;
	color: #fff;
	margin: 0;
	font-size: 18px;
	text-transform: uppercase;
}

#boxSearch .btn {
	font-size: 18px;
	font-weight: bold;
	background: #0c569f;
	border-color: #00478d;
}

.rnbox-search div, #boxSearch.widget .wg-ct>div {
	margin-bottom: 10px;
}

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

.categoriesList li {
	list-style: none;
	margin-bottom: 7px;
	line-height: 30px;
}

.widget {
	margin-bottom: 15px;
}

.widget .newsList {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.widget .newsList li {
	margin-left: 15px;
	list-style: square;
	list-style-position: outside;
	color: #333;
	margin-bottom: 10px;
}

.widget .newsList li.newsFocus {
	font-weight: bold;
	list-style: none;
	margin-left: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	color: #333;
}

.widget .newsList li.newsFocus img {
	float: none;
	margin-bottom: 10px;
	margin-right: 0;
	display: block;
}

.widget .wg-ct, #newsletter {
	border: 1px solid #ddd;
	padding: 15px;
}

#newsletter input {
	border-radius: 0;
	font-size: 12px;
}

#newsletter button {
	border-radius: 0;
	height: 43px;
	font-size: 14px;
}

.w-100 {
	width: 100% !important;
	max-width: 100% !important;
}

.h-100 {
	height: 100% !important;
	max-height: 100% !important;
}

.nav>li.active {
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	cursor: default;
}

.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px;
}

.pull-right {
	float: right !important;
}

.featlist .listitem {
	margin: 10px 0 0 0;
	display: table;
}

.featlist .listitem>li {
	display: table-cell;
	border: 0;
	padding: 0 10px;
	border-right: 1px solid #999;
	min-height: 10px;
	opacity: 0.6;
}

.featlist .listitem>li:first-child {
	padding-left: 0;
}

.featlist .listitem>li:last-child {
	padding-right: 0;
	border: 0;
}

.featlist .listitem>li>span {
	font-size: 1.5em;
	vertical-align: middle;
}

.row.tienichlist {
	margin-left: 0;
	margin-right: 0;
	/*border-top: 1px solid #e9e9e9;*/
	padding: 0 0 15px 0;
}

.tienichlist>div {
	padding: 5px 0;
}

.checklist label {
	margin: 5px 0;
}

.upload-drop-zone {
	color: #ccc;
	border-style: dashed;
	border-color: #e9e9e9;
	padding: 100px 0;
	text-align: center;
	cursor: pointer;
}

.upload-drop-zone.drop {
	color: #222;
	border-color: #e9e9e9;
}

.filethumb {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: #e9e9e9;
	background-size: cover;
	background-position: top center;
	display: inline-block;
	vertical-align: middle;
	border: 2px solid #fff;
	position: relative;
}


.progress-bar {
	background: #85bbbd;
}

.upload-drop-zone .bigicon {
	font-size: 50px;
}

.uploadinglist, .uploadinglist>li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.listtable>li.head {
	font-weight: bold;
	text-transform: uppercase;
}

.listtable>li {
	display: block;
	border-bottom: 1px solid #e9e9e9;
}

.listtable>li>div {
	display: inline-block;
	float: left;
}

.listtable>li:before, .listtable>li:after {
	content: "";
	display: table;
	clear: both;
	visibility: hidden;
	height: 0;
}

.uploadinglist input {
	display: none;
}

.uploadinglist label {
	display: block;
	width: 100%;
	cursor: pointer
}

.uploadinglist input:checked+.filethumb {
	border-color: #f5891f
}

.uploadinglist input:checked+.filethumb:before {
	content: "Ảnh bìa";
	color: #fff;
	background: #f5891f;
	padding: 2px 4px;
	position: absolute;
	top: 0;
	left: 0;
}



.progress {
	height: 6px;
	margin-bottom: 10px;
}

.uploadinglist .action {
	text-align: center;
	margin-bottom: 10px;
}

.stepmenu {}

.stepmenu>li {
	display: table-cell;
	width: 25%;
	text-align: center;
}

.stepmenu .num {
	display: inline-block;
	padding: 3px 0;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: #f5891f;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	border-radius: 50%;
}


#step1 textarea {
	height: 120px;
}


.tienichlist>.content>libefore {
	content: "\e909";
	line-height: 1;
	font-size: 1.2em;
	color: #ccc;
	margin-right: 5px;
	font-family: 'dgtticon' !important;
	speak: none;
	vertical-align: middle;
	opacity: 0.8;
}

.tindangdetail .body {
	display: none;
}

.tindangdetail .blockcont {
	margin-top: 20px;
}

.tindangdetail .head {
	position: relative;
	padding-bottom: 15px;
	border-bottom: 1px solid #e9e9e9;
	cursor: pointer;
}

.tindangdetail .listitem {
	margin-top: -15px;
}

.tindangdetail .listitem>li:first-child {
	border: 0;
}

.tindangdetail .head:after {
	content: "\f078";
	vertical-align: middle;
	font-size: 1em;
	line-height: 1;
	margin-right: 10px;
	font-family: "FontAwesome" !important;
	position: absolute;
	right: 0;
	top: 0;
}

.tindangdetail .head.active:after {
	content: "\f077";
}

.tindangdetail .listitem>li>strong>[class^="icon-"], .tindangdetail .listitem>li>strong>[class^="fa"] {
	font-size: 1.5em;
}

.gmnoprint2 {
	background: url(../img/locationpoint2.png) no-repeat;
	background-size: 200%;
	background-position: top left;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	padding-top: 14px;
	width: 45px;
	height: 60px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	white-space: nowrap;
}

.gmnoprint2:hover {
	background-position: top right;
}

.gmnoprint2>span {
	display: block;
	margin-top: 35px;
	font-size: 10px;
	font-weight: bold;
	background: #04757a;
}

.tindanglist .tindangitem {
	display: block;
	width: 25%;
	float: left;
	position: relative;
	padding: 5px;
	cursor: pointer
}

.tindangitem .price {
	color: #fff;
	background: #04757a;
	position: absolute;
	top: 15px;
	right: 0px;
	padding: 3px;
	display: inline-block;
	text-transform: lowercase;
	line-height: 1;
}

.tindanglist:before, .tindanglist:after {
	clear: both;
	content: "";
	height: 0;
	display: table;
	visibility: hidden;
}

.tindangitem .thumb {
	background: #e9e9e9 url(assets/img/nothumbnail.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 0;
	padding-bottom: 100%;

}

.tindangitem .address {
	font-weight: bold;
	margin-top: 5px;
}

.moneylist li:before {
	content: "\f155";
}

@media screen and (max-width: 699px) {
	#detail .nav-pl li {
		width: 100%;
		min-width: 100%;
		height: 20px;
	}
}

/*ABOUT*/

.section {
	padding: 50px 0;
	position: relative;
	background-size: cover;
	background-repeat: none;
}

.section#intro {
	padding-top: 0;
}

.section#what {
	background-image: url(../img/aboutbg_01.jpg);
	background-position: bottom center;
}

.darkbg {
	background-color: #04757a;
	background-image: url(../img/aboutbg_01.jpg);
	background-position: bottom center;
	color: #fff;
}

.darkbg .highlight {
	color: #69eff5;
}

.darkbg .title {
	color: #fff;
}

.introvisualwrap {
	margin-top: -60px;
}

.introvisual {
	-webkit-transform: translatey(0px);
	-webkit-animation: float 5s ease-in-out infinite;
	transform: translatey(0px);
	animation: float 5s ease-in-out infinite;

}

.points .highlight {
	color: #fff;
	background: #04757a;
	padding: 5px;
	border-radius: 50%;
	font-size: 19px;
	line-height: 1;
	text-align: center;
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: -3px;
	left: 0;
}

.points>p {
	padding: 0 0 10px 40px;
	position: relative;
	font-size: 16px;
	border-bottom: 1px solid #e9e9e9;
}

.whatlist {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	margin-bottom: -20px;

}

.whatlist:before, .whatlist:after {
	display: table;
	content: "";
	clear: both;
	visibility: hidden;
	height: 0;
}

.whatlist>li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 50%;
	float: left;
	text-align: left;
	position: relative;
	margin-bottom: 20px;
	padding-right: 20px;
}

.whatlist>li>.visual {
	display: inline-block;
	width: 30%;
	padding-right: 10px;
	float: left;

}


.howlist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 0 auto;
	margin-left: 10%;
}

.howlist .step {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
	width: 20%;
}

.step-progress {
	width: 100%;
	height: 0.25em;
	background: #04757a;
}

.icon-wrapper {
	text-align: center;
	display: inline-block;
}

.animated.howlist .step.done .step-progress:after {
	position: absolute;
	content: '';
	height: 0.25em;
	width: 0;
	background-color: #f5891f;
	-webkit-animation: growLine 1s linear forwards;
	animation: growLine 1s linear forwards;
}

.icon-checkmark {
	position: absolute;
	top: -0.75em;
	left: -0.75em;
	border: 0.125em solid #04757a;
	background: #04757a;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	padding: 0.125em;
	border-radius: 50%;
	-webkit-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

.animated.howlist .step.done .icon-checkmark {
	background: #f5891f;
	border-color: #f5891f;
}

.icon-checkmark .path1 {
	stroke-linecap: square;
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	fill: #04757a;
}

.animated.howlist .step.done .icon-checkmark .path1 {
	-webkit-animation: dash 5s linear forwards;
	animation: dash 5s linear forwards;
	fill: #fff;
}

.howlist .step-text {
	position: relative;
	margin-left: -50%;
	margin-top: 0;
	opacity: 0;
	width: 100%;
	padding: 10px;
	font-family: "DGTT";
	line-height: 1.4;
	font-size: 16px;
}

.howlist .step-text .num {
	color: #04757a;
	font-family: "DGTT-Light";
	font-size: 50px;
}

.animated.howlist .step.done .step-text {
	-webkit-animation: dropText 0.3s linear forwards;
	animation: dropText 0.3s linear forwards;
}

.howlist .step-text img {
	width: 80%;
	height: auto;
	border-radius: 50%;
	display: block;
	margin: 10px auto;
}

/* News */
.newsDetail .h1 {
	color: #055699;
	text-align: justify;
	font-size: 36px;
}

.newsDetail .post-meta {
	margin-bottom: 15px;
}

.newsDetail iframe {
	width: 100%;
	height: 500px;
}

.newsOther {
	padding: 15px;
	background: #f6f6f6;
}

.newsOther h3 {
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 120%;
}

.newsOther li {
	list-style: circle;
	margin-bottom: 10px;
	margin-left: 15px;
}

.tags {
	display: flex;
	gap: 10px;
	margin: 1rem 0;
}

.tag-item {
	background: #F5881F;
	border-radius: 20px;
	border: none;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	height: 40px;
	padding: 5px 10px;
}

.tag-item a:hover {
	color: #FFFFFF;
}
.short_text{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* End Screen Desktop */
@-webkit-keyframes dash {
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes dash {
	to {
		stroke-dashoffset: 0;
	}
}

@-webkit-keyframes growLine {
	to {
		width: 100%;
	}
}

@keyframes growLine {
	to {
		width: 100%;
	}
}

@-webkit-keyframes dropText {
	to {
		padding-top: 1em;
		opacity: 1;
	}
}

@keyframes dropText {
	to {
		padding-top: 1em;
		opacity: 1;
	}
}

.section#how {
	background-color: #fff;
}

.section#how .container {
	overflow: hidden;
}

.section#who {
	background-color: #fff;
	background-image: url(../img/aboutbg_02.jpg);
	background-size: cover;
	padding-bottom: 110px;
	margin-bottom: -60px;
}

.wholistwrap {
	position: relative;
	min-height: 600px;
}

.wholist {
	position: absolute;
	left: 50%;
	margin-left: -150px;
	top: 150px;
	width: 280px;
	height: 280px;
	z-index: 98;
	transition: all .4s;
}


.wholist .centerpoint {
	position: relative;
	top: 65px;
	left: 32px;
	width: 77%;
	height: 77%;
	background: #fff url(../img/biglogo.png) no-repeat center;
	background-size: 90%;
	border-radius: 50%;
	transition: all .1s;
	display: block;
	/*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);*/
}

.wholist ul {
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0;
	top: 50px;
	right: -20px;
	bottom: -20px;
	left: -20px;
}

.wholist li {
	position: absolute;
	width: 0;
	height: 100%;
	margin: 0 50%;
	-webkit-transform: rotate(-360deg);
	transition: all 1s ease-in-out;
}

.wholist li>div {
	position: absolute;
	left: 50%;
	bottom: 90%;
	width: 0;
	height: 0;
	line-height: 1px;
	margin-left: 0;
	background: #04757a;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	font-size: 1px;
	overflow: hidden;
	box-shadow: none;
	transition: all 0.8s ease-in-out, color 0.1s, background 0.1s;
}

.wholist li .text {
	display: block;
}

.wholist li .visual {
	display: block;
	padding: 10px 20px 0px 20px;
}

.animated.wholist.open li>div {
	padding: 10px;
	width: 150px;
	height: 150px;
	line-height: 1.3;
	margin-left: -225px;
	/*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);*/
	font-size: 14px;
}



/*LOADER*/

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4000;
}


/* Estate */
.forminput .keyword {
	width: 250px;
}

.search-dropdown .btn-group, .filter-dropdown .btn-group {
	width: 100%;
	border: 1px solid #d0d6e0;
	border-radius: 8px;
	height: 43px;
}

.search-dropdown .btn-search-dropdown {
	border: none;
	padding: 0 15px;
	margin: 0;
	background-color: transparent !important;
	box-shadow: none;
	color: #000 !important;
	font-size: 15px;
	line-height: 42px;
	width: 170px;
	text-align: left;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.filter-dropdown .btn-filter-dropdown {
	padding: 0 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: transparent;
	border: 0;
	white-space: nowrap;
	gap: 5px;
}

.open>.dropdown-menu {
	display: flex;
}

.price-dropdown.hide {
	display: none;
}

.mg-dropdown {
	background: #fff;
	border: 1px solid #dfdfe1;
	margin: 0;
	list-style: none;
	padding: 0;
	width: 240px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.btn-search-dropdown>svg {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
}

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

.price-list:first-child {
	border-right: 1px solid #dfdfe1;
}

.price-list>li.price-list-title {
	background-color: #f0f2f5;
	border-left: none;
	font-weight: 600;
}

.price-list>li {
	font-size: 15px;
	line-height: 24px;
	color: #3c4146;
	cursor: pointer;
	padding: 6px 12px;
}

.bg-none {
	background: transparent;
}

@media screen and (max-width: 699px) {
	.bdsgdlist>li {
		padding: 15px;
	}

	.bdsgdlist .thumb {
		width: 100%;
		height: 200px;
		position: initial;
		display: inline-block;
	}

	.featlist .listitem {
		width: 100%;
	}

	.inlineflexform {
		display: block;
	}

	.forminput .keyword {
		width: 100%;
	}

	.search-dropdown .btn-search-dropdown {
		width: 100%;
	}
}

/* Estate */
/* Paging */
.paging {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 699px) {
	.pagination {
		flex-flow: wrap;
		justify-content: center;
		gap: 10px 0px;
	}
}


/* Project */

.layout-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.layout {
	display: grid;
	/* grid-template-columns: column-size column-size .... ; */
	grid-template-columns: 200px 200px 100px;
	grid-template-columns: calc(50% - 40px) calc(20% - 40px) 30%;
	grid-template-columns: 33.33% 33.33% 33.33%;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 40px;
	grid-row-gap: 20px;
	grid-gap: 20px;
	grid-template-rows: 200px 600px;
	grid-template-rows: auto auto;
	/* fr = free space */
	/* grid-column-gap: 40px; */
	/* gap count: column count - 1 */
	/* grid-gap: grid-row-gap grid-column-gap */
	/* track line bắt đầu từ số 1*/
	/* Số cột 3 -> track line = số cột + 1 */
}

/* 4 columns
800px
row1: 350
row2: 100
row3: 350
*/
.layout2 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 350px 100px 350px;
	grid-gap: 30px;
	padding: 30px;
	grid-template-areas:
		"h1 h1 h2 h3"
		"h4 h5 h2 h3"
		"h4 h5 h6 h6";
}

.layout-item {
	border-radius: 10px;
	overflow: hidden;
}

.layout-item:first-child {
	grid-area: h1;
}

.layout-item:nth-child(2) {
	grid-area: h2;
}

.layout-item:nth-child(3) {
	grid-area: h3;
}

.layout-item:nth-child(4) {
	grid-area: h4;
}

.layout-item:nth-child(5) {
	grid-area: h5;
}

.layout-item:last-child {
	grid-area: h6;
}

/* span 2 */
/* .layout-item:first-child {
grid-column: 1/3;
grid-column: 1 / span 2;
grid-row: 1 / span 1;
}
.layout-item:nth-child(2),
.layout-item:nth-child(3) {
grid-row: 1 / span 2;
grid-row: 1 / span 2;
}
.layout-item:nth-child(4),
.layout-item:nth-child(5) {
grid-row: 2 / span 2;
grid-row: 2 / span 2;
}
.layout-item:last-child {
grid-column: 3 / span 2;
} */
/* grid-template-areas: dùng cho phần tử cha
grid-area: dùng cho phần tử con

"h1 h1 h2 h3"
"h4 h5 h2 h3"
"h4 h5 h6 h6"
*/
.post-grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-gap: 25px;
	grid-template-areas:
		"h1 h2 h3"
		"h1 h4 h5";
	padding: 25px;
}

.post-item:first-child {
	grid-area: h1;
}

.post-item:nth-child(2) {
	grid-area: h2;
}

.post-item:nth-child(3) {
	grid-area: h3;
}

.post-item:nth-child(4) {
	grid-area: h4;
}

.post-item:nth-child(5) {
	grid-area: h5;
}

.post-image {
	border-radius: 12px;
	width: 100%;
	object-fit: cover;
	height: 200px;
	flex-shrink: 0;
}

.post-content {
	font-weight: 300;
	padding: 25px 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.post-image--large {
	height: auto;
}

.post-item {
	display: flex;
	flex-direction: column;
}

.post-title {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #3f2a78;
}

.post-time {
	color: #ccc;
	text-transform: uppercase;
}

.cards {
	--spacing: 25px;
	--columns: 3;
	display: flex;
	flex-wrap: wrap;
	margin-left: calc(-1 * var(--spacing));
}

@media screen and (max-width: 1023px) {
	.cards {
		--columns: 2;
	}
}

@media screen and (max-width: 767px) {
	.cards {
		--spacing: 15px;
		--columns: 1;
	}
}

.card {
	border-radius: 20px;
	overflow: hidden;
	background-color: white;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	width: calc(calc(100% / var(--columns)) - var(--spacing));
	margin-left: var(--spacing);
	margin-bottom: var(--spacing);
}

.card-image {
	height: 200px;
	width: 100%;
	object-fit: cover;
	flex-shrink: 0;
}

.card-top {
	padding: 15px 20px 20px
}

.card-title {
	font-size: 18px;
	line-height: 26px;
	align-items: center;
	letter-spacing: 0;
	display: block;
	color: #333333;
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 600;

	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
}

.card-user {
	display: flex;
	align-items: center;
}

.card-user-avatar {
	width: 40px;
	height: 40px;
	border-radius: 100rem;
	object-fit: cover;
	flex-shrink: 0;
}

.card-user-info {
	flex: 1;
	display: flex;
}

.card-user-top {
	display: flex;
	align-items: center;
	margin-bottom: 2px;
}

.card-user-name {
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
}

.card-user-top ion-icon {
	color: #20e3b2;
	margin-left: 5px;
}

.card-user-game {
	color: #999;
	font-weight: 300;
	font-size: 13px;
}

.card-bottom {
	padding: 25px;
	border-top: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.card-live {
	margin: 0;
	color: #888888;
	font-size: 14px;
	line-height: 20px;
	display: flex;
	align-items: baseline;
}

.card-live b {
	color: #333333;
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	margin-left: 10px;
}

.card-live span {
	margin-left: 10px;
	font-size: 14px;
}

.card-watching {
	font-size: 13px;
	color: #999;
	font-weight: 300;
}

.card-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.card-top {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.card-user, .card-bottom {
	/* margin-top: auto; */
	margin-top: 0;
	flex-shrink: 0;
}

.card {
	display: flex;
	flex-direction: column;
}

.boxsliderdetail {
	background: #14142B none;
	height: 450px;
	width: 100%;
	padding-left: 70px;
}

.boxsliderdetail .slidetop {
	height: 350px;
	overflow: hidden;
	width: 100%;
}

.boxsliderdetail .slidebot {
	padding: 10px 5px;
}

.boxsliderdetail .gallery-slide .item {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.boxsliderdetail .gallery-slide .item img {
	width: 100%;
	display: block;
	height: 350px;
	object-fit: cover;
}

.boxsliderdetail .slidebot .control {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.boxsliderdetail .slidebot .control .icon-control.icon-map, .boxsliderdetail .slidebot .control .icon-control.icon-3d {
	background-color: #163668;
}

.boxsliderdetail .slidebot .control .icon-control {
	width: 80px;
	height: 80px;
	background: #333333;
	color: #FFFFFF;
	cursor: pointer;
	text-align: center;
	margin: 0 10px 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	line-height: 16px;
	border-radius: 15px;
}

.head-content {
	display: flex;
	justify-content: space-between;
}

.b__breadcrumb {
	margin: 0;
	padding: 20px 0;
}

.breadcrumb a {
	color: inherit;
}

.b__breadcrumb .breadcrumb {
	padding: 0;
	margin: 0;
	background: transparent none;
}

.b__iconSocial {
	display: flex;
	align-items: center;
	margin: 0;
}

.b__iconSocial a {
	display: flex;
	align-items: center;
	color: #333333;
	margin-left: 8px;
	line-height: 20px;
	padding: 8px;
	height: 36px;
}

.b__iconSocial a::before {
	border: none;
	content: "";
	display: block;
	width: 20px;
	height: 17px;
	margin-right: 8px;
}

.b__iconSocial a.icon_save::before {
	background-image: url(../img/icon_save.svg);
	background-size: cover;
	background-position: center;
}

.b__iconSocial a.icon_share::before {
	mask: url(../img/icon_share.svg) no-repeat center;
	-webkit-mask: url(../img/icon_share.svg) no-repeat center;
	background-color: #333333;
}

.basic-info {
	display: flex;
	justify-content: space-between;
}

.basic-info .basic-info-right {
	display: block;
	text-align: right;
}

.left-content .page-title {
	font-weight: bold;
	font-size: 32px;
	line-height: 40px;
	color: #333333;
	margin: 0 0 20px;
}

.basic-info .basic-info-right .price {
	font-weight: bold;
	font-size: 36px;
	line-height: 44px;
	text-align: right;
	color: #333333;
	display: block;
	margin: 0 0 10px;
}

.basic-info .basic-info-right .unit-price {
	color: #4E4B66;
	font-size: 14px;
	line-height: 16px;
}

.left-content .address {
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 20px;
	display: flex;
}

.left-content .tab-information {
	margin-bottom: 20px;
	margin-top: 20px;
}

.left-content .tab-information .info-nav {
	padding: 10px 0 0;
	margin: 0 0 24px;
}

.left-content .tab-information .info-nav a.active {
	border-bottom: 2px solid #F5881F;
}

.left-content .tab-information .info-nav a {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	margin: 0 30px 0 0;
	color: #333333;
	padding: 0 0 10px;
	border-bottom: 2px solid transparent;
	cursor: pointer;
}

.left-content .tab-information .content {
	padding: 15px 20px;
	background: #F0F2F6;
	border-radius: 10px;
}

.left-content .tab-information .content .properties.active {
	display: flex;
}

.left-content .tab-information .content .properties p {
	flex: 0 0 50%;
	line-height: 40px;
	margin: 0;
	padding: 0 15px;
	display: flex;
}

.left-content .tab-information .content .properties p.mb-16 {
	margin: 0 0 16px;
}

.left-content .tab-information .content .properties p.mb-16 span.real-status {
	height: 32px;
	border-radius: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 15px;
}

.left-content .tab-information .content .properties p.mb-16 span.real-status.open {
	background-color: #f5881f1a;
	color: #F5881F;
}

.left-content .tab-information .content .properties p.mb-16 span.real-status.pre-open {
	background-color: #3393ca1a;
	color: #3393CA;
}

.left-content .tab-information .content .properties p.mb-16 span.real-status.new-open {
	background-color: #27ae601a;
	color: #27AE60;
	;
}

.left-content .tab-information .content .properties p.mb-16 span.real-status.closed {
	background-color: #ee3d481a;
	color: #EE3D48;
}

.wrap-description {
	line-height: 1.86;
	letter-spacing: 0.12px;
	text-align: left;
	color: #2b2b2b;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

.wrap-description.min .description {
	max-height: 150px;
}

.wrap-description .description {
	max-height: 240px;
}

.wrap-description.expand .description {
	height: auto;
	max-height: none;
}

.wrap-description.min.expand .description {
	height: auto;
	max-height: none;
	margin-bottom: 50px;
}

.wrap-description .block-expand {
	height: 130px;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 3%, #fff 57%);
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	padding: 81px 0 15px;
}

.wrap-description.expand {
	overflow: unset;
	height: unset;
	padding-bottom: 25px;
	margin: 0;
}

.wrap-description .block-expand .btn {
	background: #FFFFFF;
	box-sizing: border-box;
	border: 1.5px solid #F5881F;
	border-radius: 20px;
	height: 40px;
	width: 174px;
	color: #F5881F !important;
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	text-align: center;
}

.left-content .tab-information .content .properties p label {
	font-weight: bold;
	margin: 0 16px 0 0;
	padding: 0;
	min-width: 120px;
}

.left-content .tab-information .content .properties div.mb-16 {
	margin: 0 0 16px;
	flex: 0 0 100%;
	line-height: 24px;
	margin: 0;
	padding: 21px 15px 15px 15px;
	display: flex;
	position: relative;
}

.left-content .tab-information .content .properties div.mb-16 label {
	font-weight: bold;
	margin: 0 16px 0 0;
	padding: 0;
	min-width: 120px;
}

.left-content .tab-information .content .properties div.mb-16 .list-policy .btn-register-policy {
	background: #163668;
	border-radius: 20px;
	height: 40px;
	font-weight: 500;
	font-size: 14px;
	color: #FFFFFF !important;
	padding: 0 20px;
}

.left-content .tab-information .content .properties {
	color: #333333;
	display: none;
}

#investor-tab {
	flex-wrap: wrap;
}

#investor-tab .investor-title {
	flex-wrap: wrap;
	font-size: 18px;
	padding-bottom: 9px;
	border-bottom: 1px solid #DDDEE6;
	width: 100%;
	margin-bottom: 20px;
}

#investor-tab .investor-content {
	font-family: 'Roboto' !important;
	overflow: hidden;
}

#calculation-tab .calculation-title {
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #333333;
	margin-bottom: 10px;
}

#calculation-tab .calculation-col-left .calculation-item {
	margin-bottom: 15px;
}

#calculation-tab .calculation-col-left .calculation-item label {
	font-weight: normal;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.75px;
	color: #333333;
	margin-bottom: 4px;
}

#calculation-tab .calculation-col-left .calculation-item .wrappercal {
	display: flex;
	align-items: center;
}

#calculation-tab .calculation-col-left .calculation-item .wrappercal .boxrange {
	flex: 0 0 70%;
	max-width: 70%;
	margin-bottom: 0px;
}

#calculation-tab .calculation-col-left .calculation-item .wrappercal .boxrange .range {
	-webkit-appearance: none;
	width: 100%;
	height: 5px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

#calculation-tab .calculation-col-left .calculation-item .wrappercal .snumber {
	width: 80px;
	height: 38px;
	min-width: 76px;
	overflow: hidden;
	margin-left: 20px;
	background: linear-gradient(0deg, rgba(247, 249, 252, 0.56) 0%, #fff 100%);
	border: 1px solid #6E7191;
	box-sizing: border-box;
	border-radius: 4px;
}

#calculation-tab .calculation-col-left .calculation-item .wrappercal .snumber {
	width: 80px;
	height: 38px;
	min-width: 76px;
	overflow: hidden;
	margin-left: 20px;
	background: linear-gradient(0deg, rgba(247, 249, 252, 0.56) 0%, #fff 100%);
	border: 1px solid #6E7191;
	box-sizing: border-box;
	border-radius: 4px;
}

#calculation-tab .calculation-col-left .calculation-item .wrappercal .snumber input {
	height: 100%;
	width: calc(100% - 12px);
	display: block;
	visibility: visible;
	border: 0;
	outline: 0;
	font-size: 15px;
	padding: 10px;
}

#calculation-tab .calculation-col-left .calculation-item .wrappercal .snumber label {
	position: absolute;
	right: 6px;
	top: 0;
	font-size: 15px;
	height: 34px;
	line-height: 34px;
	color: #838790;
}

#calculation-tab .calculation-col-left .row label.block-radio {
	margin: 0;
	position: relative;
	display: block;
	width: 100%;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 15px);
	word-break: break-word;
	-webkit-line-clamp: 1;
	padding: 5px 0px 5px 31px;
	cursor: pointer;
}

#calculation-tab .calculation-col-left .row label.block-radio .checkmark {
	position: absolute;
	left: 18px;
	top: 30%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
}

#calculation-tab .calculation-col-left .row label.block-radio .checkmark::before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: -14px;
	top: 4px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	background: #fff;
	border-radius: 50%;
	border: 2px solid #626262;
}

#calculation-tab .calculation-col-left .row label.block-radio input:checked~.checkmark::before {
	border: 2px solid #F5881F;
}

#calculation-tab .calculation-col-left .row label.block-radio input:checked~.checkmark::after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	left: -10px;
	top: 4px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #F5881F;
	border: none;
	border-radius: 50%;
	z-index: 2;
}

#calculation-tab .calculation-col-left .row label.block-radio input[type="radio"] {
	position: absolute;
	left: 18px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
}

#calculation-tab .calculation-col-left .row label.block-radio .checkmark {
	position: absolute;
	left: 18px;
	top: 30%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
}

#calculation-tab .calculation-col-right .calmonth #viewLabelLai {
	color: #333333;
	font-size: 16px;
	background: #F7F9FC;
	height: 100%;
	line-height: 40px;
}

#calculation-tab .calculation-col-right .calmonth p {
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	padding-left: 24px;
	background: #F7F9FC;
	height: 100%;
	line-height: 40px;
}

#calculation-tab .calculation-col-right {
	flex: 0 0 65%;
	padding-left: 30px;
}

#calculation-tab .calculation-col-right .calculation-text-result {
	flex: 0 0 50%;
}

#calculation-tab .calculation-col-right .calculation-text-result .item {
	font-size: 16px;
	color: #6E7191;
	margin-bottom: 30px;
}

#calculation-tab .calculation-col-right .calculation-text-result .item p#viewCanTraTruoc {
	color: #36a2eb;
	font-weight: bold;
}

#calculation-tab .calculation-col-right .calculation-text-result .item p#viewGocCanTra {
	color: #ffce56;
	font-weight: bold;
}

#calculation-tab .calculation-col-right .calculation-text-result .item p#viewLaiCanTra {
	color: #ff6384;
	font-weight: bold;
}

.tab-title.tab-articles h4::before {
	content: "";
	position: absolute;
	bottom: -5px;
	width: 90px;
	height: 1.5px;
	background-color: #F5881F;
}

.left-content .tab-extension {
	padding-top: 20px;
	margin-bottom: 10px;
}

.tab-title {
	margin: 0;
	padding: 30px 0 30px;
	display: flex;
	align-items: center;
	position: relative;
}

.tab-title:before {
	content: "";
	position: absolute;
	bottom: 15px;
	width: 90px;
	height: 1.5px;
	background-color: #F5881F;
}

.tab-title .spin {
	font-size: 14px;
	line-height: 24px;
	margin: 12px 0 0;
	color: #6E7191;
}

.left-content .block-extension p {
	line-height: 18px;
	margin: 0 0 20px 0;
	display: flex;
	align-items: center;
	padding-left: 20px;
	position: relative;
	text-transform: capitalize;
}

.left-content .block-extension p::before {
	content: "";
	width: 30px;
	height: 18px;
	margin-right: 5px;
	background: url(../img/icon-checkbox-checked.svg) no-repeat;
}

.left-content .block-extension .btn-show-all {
	margin: 30px 0 0;
}

.left-content .btn-show-all {
	background: #FFFFFF;
	box-sizing: border-box;
	border: 1.5px solid #F5881F;
	border-radius: 20px;
	height: 40px;
	width: 174px;
	color: #F5881F;
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	text-align: center;
}

.sidebar-document.sidebar-document-register {
	padding: 15px;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.75px;
	font-weight: 700;
	background: linear-gradient(141.08deg, #0A69DA 32.24%, #0856C8 115.93%, #0231A5 164.9%);
	box-shadow: 0px 4px 10px rgb(51 51 51 / 15%);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.sidebar-document.sidebar-document-register::before {
	content: '';
	display: block;
	width: 30px;
	height: 33px;
	margin: 0 12px 0 0;
	mask: url(../img/icon-document-register.svg) no-repeat center/auto 100%;
	-webkit-mask: url(../img/icon-document-register.svg) no-repeat center/auto 100%;
	background-color: #FFFFFF;
}

.item-sidebar {
	background: #FFFFFF;
	box-shadow: 0px 4px 10px rgb(51 51 51 / 15%);
	border-radius: 10px;
	padding: 24px;
	margin: 0 0 20px;
}

.item-sidebar.register-view-home .actions {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.item-sidebar .sidebar-title {
	font-weight: bold;
	font-size: 18px;
	line-height: 26px;
	color: #333333;
	padding: 0;
	margin: 0 0 15px;
}

.item-sidebar.register-view-home .actions .btn.btn-view-offline, .item-sidebar.register-view-home .actions .btn.btn-view-online {
	width: calc(50% - 5px);
	padding: 0;
	margin: 0 0 6px;
}

.item-sidebar.register-view-home .actions .btn {
	background: transparent none;
	border: none;
	box-shadow: none;
}

.item-sidebar.register-view-home .actions .btn .checkmark {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;
	border-radius: 5px;
	height: 40px;
	padding: 1px;
	font-size: 12px;
	line-height: 26px;
	font-weight: 500;
	color: #333;
}

.item-sidebar.register-view-home .actions .btn.btn-view-offline input:checked~.checkmark {
	border: 2px solid #F5881F;
}

.item-sidebar.register-view-home .actions .btn.btn-view-online .checkmark {
	border: 1px solid #27AE60;
	color: #27AE60;
}

.item-sidebar .sidebar-title {
	font-weight: bold;
	font-size: 18px;
	line-height: 26px;
	color: #333333;
	padding: 0;
	margin: 0 0 15px;
}

.agency-sidebar.agency-sidebar-new .item-agency {
	padding-bottom: 0;
	margin-bottom: 20px;
}

.agency-sidebar .item-agency .basic-info {
	display: flex;
	align-items: center;
	margin: 0 0 15px;
	justify-content: flex-start;
}

.agency-sidebar .item-agency .avatar {
	width: 90px;
	height: 90px;
	display: block;
	margin-right: 10px;
	position: relative;
	border-radius: 50%;
	border: 4px solid #FFF;
	box-shadow: 0px 3px 8px rgb(16 20 38 / 8%);
	z-index: 2;
	padding-bottom: 0;
}

.agency-sidebar .item-agency .avatar img {
	display: inline-block;
	vertical-align: middle;
	width: 82px;
	height: 82px;
	object-fit: cover;
	overflow: hidden;
	border-radius: 50%;
}

.agency-sidebar .item-agency .basic-info .right .fullname {
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	display: flex;
	align-items: center;
	margin: 0 0 5px;
	padding: 0;
}

.agency-sidebar.agency-sidebar-new .btn-phone {
	display: flex;
	width: 100%;
	max-width: 230px;
	background: #F5881F;
	border-radius: 20px;
	border: none;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	height: 40px;
}

.modal-contact-agency .modal-content {
	padding: 30px;
	background: #ffffff;
	box-sizing: border-box;
	box-shadow: 0px 10px 50px rgb(13 38 59 / 10%);
	border-radius: 20px;
	margin: 0 10px;
	position: relative;
}

.modal-contact-agency .modal-content h3 {
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	padding: 0 0 30px 0;
	margin: 0;
	position: relative;
}

.modal-contact-agency .modal-content h3 span {
	color: #F5881F;
}

.modal-contact-agency .modal-content h3:after {
	content: "";
	position: absolute;
	width: calc(100% + 60px);
	bottom: 0;
	left: -30px;
	height: 1px;
	background-color: #AAAAAA;
}

.modal-contact-agency .modal-content .btn-close {
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	right: 30px;
	top: 30px;
	padding: 0;
	margin: 0;
	border: none;
	background: #FFF;
	z-index: 1;
}

.modal-contact-agency .modal-content .btn-close::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #333333;
	-webkit-mask: url(../img/close.svg) no-repeat center center/100% auto;
	mask: url(../img/close.svg) no-repeat center center/100% auto;
}

.modal-contact-agency .modal-content .contact-form .right-title {
	margin: 40px 0 20px 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	text-transform: uppercase;
	color: #333333;
	padding-top: 0;
}

.contact-form .form-group input.form-control, .contact-form .form-group textarea {
	padding-left: 0;
	border: none;
	border-bottom: 1px solid #AAA;
	border-radius: 0;
	font-size: 14px;
	color: #333333;
}

.modal-contact-agency .modal-content .contact-form .right-title {
	margin: 40px 0 20px 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	text-transform: uppercase;
	color: #333333;
	padding-top: 0;
}

.modal-contact-agency .modal-content .contact-form .list-checkbox-options {
	padding: 0;
}

.contact-form .list-checkbox-options {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 12px 0 0;
}

.contact-form .list-checkbox-options .block-checkbox {
	flex: 0 0 25%;
}

label.block-checkbox {
	margin: 0;
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 15px);
	word-break: break-word;
	-webkit-line-clamp: 1;
	padding: 5px 0px 5px 31px;
	cursor: pointer;
}

label.block-checkbox .checkmark {
	position: absolute;
	left: 18px;
	top: 13px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.list-checkbox-options label.block-checkbox .checkmark:before {
	background-color: transparent;
	border: 1.5px solid #a0a3bd;
}

label.block-checkbox .checkmark::before {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	left: -14px;
	top: 2px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	border: 2px solid #DDDEE6;
	background: #FFFFFF none;
	border-radius: 2px;
}

label.block-checkbox input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	left: 18px;
	top: 15px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.contact-form .btn-send {
	width: 230px;
	background: #F5881F;
	color: #fff;
	border-radius: 20px;
	font-weight: 500;
	font-size: 16px;
	height: 40px;
	margin-top: 20px;
}

.contact-form .btn-send:disabled {
	opacity: 1;
	background: #FFF1E0;
	color: rgba(246, 137, 31, 0.3);
	cursor: not-allowed;
}

.modal-contact-agency .modal-content .contact-form .contact-form-note {
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: #888888;
	margin-top: 15px;
}

#design_project .item img {
	height: 544px;
	object-fit: contain;
}

.tab {
	margin-bottom: 20px;
	margin-top: 20px;
}

.tab .info-nav {
	padding: 10px 0 0;
	margin: 0 0 24px;
}

.tab .info-nav a.active {
	border-bottom: 2px solid #F5881F;
}

.tab .info-nav a {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	margin: 0 30px 0 0;
	color: #333333;
	padding: 0 0 10px;
	border-bottom: 2px solid transparent;
	cursor: pointer;
}

.tab .content {
	padding: 15px 20px;
	border-radius: 10px;
}

.tab .content.no-padding {
	padding: 0px;
}

.tab.content .properties.active {
	display: flex;
}

.tab .content .properties p {
	flex: 0 0 50%;
	line-height: 40px;
	margin: 0;
	padding: 0 15px;
	display: flex;
}

.tab .content .properties.active {
	display: flex;
	flex-direction: column;
}

.tab .content .properties {
	color: #333333;
	display: none;
	width: 100%;
}

.tab .content .properties [class*="col-"] {
	margin-bottom: 1rem;
}


.block-near-project .tab-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    text-transform: uppercase;
    color: #333333;
}
.block-near-project .box-spin {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 23px;
}
.block-near-project .box-spin .spin {
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    margin: 0;
}
.block-near-project .box-spin .box-paging {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.block-near-project .box-spin .box-paging .btn-see-more-project {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #F5881F;
    box-sizing: border-box;
    border-radius: 20px;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    color: #F5881F;
    padding: 0 20px;
    height: 40px;
}

.project-item {
    background: #ffffff;
    box-sizing: border-box;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0px 4px 10px rgb(51 51 51 / 15%);
}
.project-item .b__mainImage {
    position: relative;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.project-item .b__mainImage .b_main-image-head a {
    display: block;
    width: 100%;
    height: 210px;
    overflow: hidden;
}
.project-item .b__mainImage .b_main-image-head img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 20px 20px 0 0;
}
.project-item .b__tags--items .block-top {
    position: absolute;
    top: 14px;
    left: 0;
    z-index: 0;
    display: flex;
    width: 100%;
    padding: 0 15px 0 13px;
    justify-content: space-between;
}
.project-item .b__tags--items span {
    padding: 0 12px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    display: block;
    height: 24px;
    line-height: 24px;
}
.project-item .b__tags--items span.monopoly {
    background: #F6891F;
    color: #fff;
}
.project-item .b__tags--items span.new {
    background: #14142b;
    color: #fff;
    margin: 0 auto 0 7px;
}
.project-item .b__tags--items .btn__heart {
    background: transparent url(../images/icon-heart.svg) no-repeat center/24px auto;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    background-color: transparent;
    padding: 0px;
    width: 32px;
    height: 32px;
    margin-top: -5px;
    margin-left: auto;
}
.project-item .b__tags--items .b__time {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
    color: #fff;
    margin-bottom: 0;
}
.project-item .b__mainProduct--content {
    border: none;
    border-radius: 0 0 20px 20px;
    border-top: none;
}
.project-item .b__mainProduct--desc {
    padding: 15px 20px 20px;
    height: calc(100% - 210px);
}
.project-item .b__mainProduct--desc h3 {
    font-size: 18px;
    line-height: 26px;
    align-items: center;
    letter-spacing: 0;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-weight: 500;
    color: #333333;
    margin-bottom: 10px;
}
.project-item .b__main--rows {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 15px;
}
.project-item .b__main--rows .b__address {
    margin-bottom: 0;
    min-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #888888;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
}
.project-item .b__main--rows .b__species {
    margin-bottom: 0;
    box-sizing: border-box;
    padding: 0px 0 0px 12px;
    color: #888888;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    min-width: 100px;
    max-width: 45%;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
}
.project-item .b__main--rows.cen-mb-3 {
    margin-bottom: 3px;
}
.project-item .b__main--rows {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 15px;
}
.project-item .b__main--rows p {
    margin: 0;
    color: #888888;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: baseline;
}
.project-item .b__main--rows p b {
    color: #333333;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    margin-left: 10px;
}
/* End Project */


/* Schedule */
.schedule label,.work label{
	margin-bottom: 0;
}

.schedule input {
	border: 0;
}

.schedule #search-schedule-btn {
	background: transparent;
	border: 0;
	color: #ccc !important;
}

.schedule-lable {
	width: 100%;
	background: #EAEBEF;
	height: 50px;
	line-height: 35px;
	padding: 10px;
}

.schedule-content {
	padding: 10px;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

.schedule-item {
	background: #F65E62;
	color: #fff;
	display: flex;
	height: 100px;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	border-radius: 5px;
	padding: 9px;
	min-width: 49%;
}
.schedule-item > div:nth-child(1){
	width: 10%;
    justify-content: center;
    text-align: center;
}
.schedule-item > div:nth-child(2){
	width: 70%;
}
.schedule-item > div:nth-child(3){
	width: 20%;
    justify-content: center;
    text-align: center;
}
.schedule-item i {
	font-size: 24px;
}

.schedule-item .title {
	width: 100%;
	font-size: 18px;
	color: #fff;
	margin-bottom: 4px;
}

.schedule-item .desc {
	width: 100%;
	display: block;
}
.schedule-item .date{
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

.list-action{
	position: fixed;
	bottom: 50px;
	right: 10px;
	display: flex;
    gap: 1rem;
}
#add-reminder{
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding: 10px;
	cursor: pointer;
}
#assing-job{
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding: 10px;
	cursor: pointer;
}
#add-schedule-btn {
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

#customers .customer{
	display:flex;
	gap: 10px;
	margin-bottom: 1rem;
	cursor: pointer;
}
#customers .customer .avatar{
    width: 64px;
    height: 64px;
    padding: 0;
}
#customers .customer .info{
	display:flex;
	gap: 10px;
	line-height: 64px;
}
.reminder .row [class^="col-"]{
	margin-bottom: 1rem;
}
.reminder .tags{
	display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.reminder .tags span{
	display: block;
    border-radius: 15px;
    background: #E9EAEF;
    color: #000;
    padding: 10px 20px;
    border: 0;
}
.cancel{
	background: #E9EAEF;
	color: #3D4955 !important;
}

.appointment .row [class^="col-"]{
	margin-bottom: 1rem;
}
.appointment .joiner{
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
	gap: 10px;
}
.appointment .joiner li {
	line-height: 30px;
}
.appointment .joiner li img{
	height: 32px;
	width: 32px;
}
@media screen and (max-width: 699px) {
	.schedule-content{
		flex-direction: column;
	}
	.schedule-item{
		width: 100%;
	}
}
/* Schedule */

#loader {
	display: block;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	z-index: 1001;
	background-image: url(../img/loader.png);
	background-size: 100%;
	-webkit-animation: jump2 1s ease 0s infinite normal;
	animation: jump2 1s ease 0s infinite normal;
}

#loader:after {
	content: "ĐANG TẢI";
	color: #fff;
	text-align: center;
	position: absolute;
	top: 90px;
	width: 100%;
	left: 0;
}

#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #04757a;
	z-index: 1000;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

#loader-wrapper .loader-section.section-left {
	left: 0;
}

#loader-wrapper .loader-section.section-right {
	right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
	visibility: hidden;

	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);

	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}




/*Responsive*/
@media only screen and (min-width: 768px) and (min-height: 725px) {
	#homepage .footercont {
		background: transparent;

	}

	.footertrigger:before, .footertrigger:after {
		content: "";
		position: absolute;
		bottom: 0px;
		width: 50%;
		left: -57px;
		border-top: 1px solid #508f93;
	}

	.footertrigger:after {
		left: auto;
		right: -57px;
	}

	#homepage .footertrigger.open .trigger {
		background: url(../img/trigger.png) 100% no-repeat;
	}

	.mapicon.footeropen {
		bottom: 120px;
	}
}

/*@media only screen and (min-width: 768px) and (min-height: 768px){
	.bdsgdpop .nopadding{
		max-height: 100px;
		overflow: auto;
	}
}
@media only screen and (min-width: 768px) and (min-height: 900px){
	.bdsgdpop .nopadding{
		max-height: 200px;
		overflow: auto;
	}
}*/


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

	.footertrigger {
		left: 35px;
	}

	.modal-lg {
		width: 700px;
	}

	.modal-body {
		padding: 40px;
	}

	.modal-body .nopadding {
		margin-left: -40px;
		margin-right: -40px;
	}

	.modal-body .nopaddingtop {
		margin-top: -40px;
	}

	.box {
		padding: 40px;
	}

	.box .nopadding {
		margin-left: -40px;
		margin-right: -40px;
	}

	.box .nopaddingtop {
		margin-top: -40px;
	}

	.box .nopaddingbottom, .modal-body .nopaddingbottom {
		margin-bottom: -40px;
	}

	.insidesearch {
		position: absolute;
		top: 23px;
		left: 100px;
		margin-top: 0;
		z-index: 1061
	}

	.pricelist .price .small {
		display: block;
	}

	.actioncall:before, .actioncall:after {
		display: table;
		content: "";
		visibility: hidden;
		clear: both;
	}

	.actioncall .btn {
		width: 49%;
		float: right
	}

	.actioncall .btn:first-child {
		float: left;
	}

	.locationinfo {
		min-width: 530px;
		max-width: 800px;
	}

	.kqdgaction>.btn {
		width: 250px;
		-webkit-transition: width 1s;
		transition: width 1s;
		overflow: hidden;
	}

	.actionop {
		position: absolute;
		left: 0;
		top: 0;
		width: 59px;
		-webkit-transition: width 1s;
		transition: width 1s;
		overflow: hidden;
		white-space: nowrap;
	}

	.actionop .btn-group {
		width: 300px;
	}

	.btn.actionopcall {
		border-top-right-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
	}

	.actionop .btn:not(.actionopcall) {
		display: none;
	}

	.actionop:hover {
		width: 300px;
	}

	.actionop:hover .btn:not(.actionopcall) {
		display: block;
	}

	.actionop:hover .btn.actionopcall {
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}

	.shortbnt .btn {
		width: 53px;
		white-space: nowrap;
		overflow: hidden;

	}

	.shortbnt .btn i.fa, .shortbnt span {
		display: inline-block;
		width: 23px;
		text-align: center;
		margin-right: 50px !important;
	}

	.pricelistitem.duan>li {
		padding: 30px;
	}

	.locationinfo, .bigpopover {
		padding: 10px 5px;
	}

	.popover .nopadding {
		margin-left: -20px;
		margin-right: -20px;
	}

	header {
		-webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.05);
		box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.05);
	}

	.loggedin>li>a {
		background: #f5891f;
		padding: 5px 0;
		color: #fff;
		border-radius: 50%;
		width: 42px;
		height: 42px;
		text-align: center;
		cursor: pointer;
		margin-bottom: 30px;
		display: inline-block;
	}

	.loggedin>li>a:hover, .loggedin>li>a:focus, .loggedin>li>a:active {
		background: #04757a;
	}

	.membermenu {

		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	}

	.topmenu .membermenu {
		margin: 0;
		padding: 0 15px;
		border-radius: 6px;
		position: absolute;
		top: 60px;
		right: -20px;
		width: 200px;
	}

	.topmenu .membermenu:after {
		content: "";
		position: absolute;
		top: -10px;
		right: 30px;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #fff;


	}

	.membermenu>li:last-child {
		border-bottom: 0;
	}

	.loggedin>li:first-child {
		width: 200px;
	}


	.inlinelist.userstatlist>li>* {
		position: relative;

	}

	.inlinelist.userstatlist>li:before {
		content: "\e900";
		font-family: "dgtticon";
		color: #0f8186;
		position: absolute;
		right: 20px;
		top: 0px;
		font-size: 100px;

	}

	.inlinelist.userstatlist>li:last-child:before {
		content: "\f044";
		font-family: "FontAwesome";
	}


	.loggedin {
		position: fixed;
		top: 20px;
		right: 20px;
	}

	.loggednone {
		position: inherit !important;
	}

	.bdsgdlist.modallist>li {}


}

@media only screen and (min-width: 992px) {
	.insidesearch {
		position: absolute;
		top: 23px;
		left: 100px;
		width: 300px;
		margin-top: 0;
		-webkit-transition: width 0.8s ease;
		-moz-transition: width 0.8s ease;
		-o-transition: -width 0.8s ease;
		transition: width 0.8s ease;
	}

	.insidesearch:hover {
		width: 650px;
	}

	.loggedin>li:hover .membermenu, .membermenu.show {
		display: block;
	}

	.modal-lg {
		width: 940px;
	}

	.inlinelist>li {
		padding: 15px 0 15px 70px;
		text-align: left;
	}

	.inlinelist>li>.prothumb {
		position: absolute;
		top: 25px;
		left: 15px;
		width: 40px;
	}

	.inlinelist.userstatlist>li {

		padding: 30px;
		padding-left: 120px;
	}

	.inlinelist.userstatlist>li>.prothumb {
		top: 30px;
		width: 100px;
	}

	.whatlist>.bg {
		width: 30%;
		height: 100%;
		background: url(../img/whatlist_00.png) no-repeat center;
		background-size: 100%;
		margin: auto;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);

	}

	.whatlist>li {
		width: 35%;
		float: left;
		text-align: right;
		position: relative;
		padding-right: 0;
	}

	.whatlist>li>.visual {
		display: inline-block;
		width: 30%;
		padding-left: 10px;
		padding-right: 0;
		float: none;

	}

	.whatlist>li>.text {
		display: inline-block;
		padding-right: 30%;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.whatlist>li:nth-child(odd) {
		text-align: left;
		float: right;

	}

	.whatlist>li:nth-child(odd)>.visual {
		padding-left: 0;
		padding-right: 10px;
	}

	.whatlist>li:nth-child(odd)>.text {
		padding-right: 0;
		padding-left: 30%;
	}

	.whatlist>.bg {
		width: 30%;
		height: 100%;
		background: url(../img/whatlist_00.png) no-repeat center;
		background-size: 100%;
		margin: auto;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);

	}
}


@media only screen and (max-width: 699px) {
	.inlinelist {
		display: block;
	}

	.inlinelist:before, .inlinelist:after {
		display: table;
		clear: both;
		content: "";
		height: 0;
		visibility: hidden;
	}

	.inlinelist>li {
		width: 50%;
		float: left;
		height: 130px;
	}

	.inlinelist>li:nth-child(3) {
		border-left: 0;
	}
}


@media only screen and (max-width: 991px) {
	.modal-footer .btn {
		padding: 6px 9px;
	}

	.kqdgaction {
		margin-left: 0;
		margin-right: 0;
	}

	.kqdgaction .btn {
		width: auto;
	}

	.kqdgaction>[class^="col-"] {
		padding-left: 0;
		padding-right: 0;
	}


	.pricelistitem>li:nth-child(2) {
		border-right: 1px solid #fff;
	}

	.pricelistitem>li:first-child, .pricelistitem>li:nth-child(2) {
		border-bottom: 1px solid #e9e9e9;

	}



}

@media only screen and (max-width: 767px) {
	.title {
		font-size: 2.5em
	}

	.blockcont {
		margin-top: 20px !important;
	}

	.toolbarpopholder {
		display: none;
	}

	header {
		width: 100%;
		height: auto;

	}

	.toolbar>li {
		text-align: left;
		border-bottom: 1px solid #e9e9e9;
	}

	#logo {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		width: 100%;
		border-bottom: 1px solid #e9e9e9;
		width: 100%;
		background: #fff;
	}

	#logo>a {
		border-bottom: 0;
		padding: 0;
		width: 160px;
		display: flex;
	}

	#logo img {
		margin: 0;
		width: auto;
	}

	.toolbar>li>a {
		margin: 0;
		padding: 10px;
		padding-right: 0;
		border-bottom: 0;
		display: inline-block
	}

	.navigation {
		position: fixed;
		left: 0;
		top: 0;
		padding-top: 60px;
		width: 100%;
		color: #04757a;
		background: #fff;
		display: none;
		overflow: auto;
	}

	.toolbarpop {
		width: 200px;
	}

	.toolbar.top, .toolbar.bottom {
		position: relative;
		text-align: left;
		top: 0;
	}

	.toolbar .popper, #logo .popper {
		display: inline-block;
		font-size: 14px;
		margin-left: 10px;
		vertical-align: middle;
	}

	.topmenu {
		position: fixed;
		top: 12px;
		right: 65px;
		z-index: 99999;
		margin: 0;
		padding: 0;
		width: 90px;
	}

	#menutrigger {
		display: block;
		position: fixed;
		top: 12px;
		right: 15px;
		z-index: 1000;
	}

	.topmenu .membermenu {
		position: fixed;
		top: 62px;
		left: 0;
		width: 100%;
		height: calc(100% - 62px);
		padding: 0;
		overflow: auto;
	}

	.topmenu .membermenu>li {
		padding: 10px;
	}

	.topmenu .membermenu.main {
		text-transform: uppercase;
		font-weight: bold;
	}

	.topmenu .membermenu.main>li>a>span:first-child {
		width: 24px;
		font-size: 24px;
	}

	.toolbar>li>a>span {
		font-size: 24px;
	}

	.maincont {
		padding-top: 60px;
	}

	.homecont h1 {
		font-size: 28px;
	}

	.homecont .h3 {
		font-size: 18px;
	}

	.features {
		font-size: 1.2em;
	}


	.brandgroup img {
		height: 34px !important;
	}

	.locationpopholder .popover {
		position: absolute !important;
		top: 145px !important;
		left: 5% !important;
		width: 90%;
	}

	.locationpopholder .popover .arrow {
		display: none;
	}

	.locationpopholder .popover.top {
		margin-top: 0;
	}

	.pricelistitem .pricethumb {
		padding: 0%;
		margin: 20px 25%;
	}

	.pricelist>div>div:first-child {
		border: 0;
		border-bottom: 1px solid #e9e9e9;
		margin: 0 15px;
	}


	.actioncall .btn {
		display: block;
		margin-bottom: 5px;
		width: 100%;
	}

	.actionopcall {
		display: none !important;
	}

	.actionop>.btn-group>.btn:nth-child(2) {
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
	}

	.modal-footer .btn, .modal-footer .btn-group {
		width: 100%;
		display: block;
		margin-top: 5px;
		margin-left: 0 !important;
	}

	.modal-footer .btn-group:first-child {
		margin-top: -5px;
	}

	.modal-footer>.btn:first-child {
		margin-top: 0;
	}

	.modal-footer .btn-group {
		display: table;
		width: 100%;
	}

	.modal-footer .btn-group .btn {
		width: auto;
		display: table-cell;
	}

	.modal-footer .kqdgaction .btn-group .btn {
		width: 25%;
	}

	.quyhoachform {
		top: auto;
		bottom: 0;
	}

	.marginbot [class*="col-"] {
		margin-bottom: 20px;
	}

	.container.bodycont {
		margin-top: 15px;
	}

	.inlinelist.userstatlist:before, .inlinelist.userstatlist:after {
		content: "";
		clear: both;
		visibility: hidden;
		display: table;
	}

	.bdslist>li>div {
		display: block;
		float: none;
		width: 100% !important;
	}

	.bdslist>li>div:nth-child(2) {
		opacity: 0.6;
	}

	.biglist>li>div:not(.thumb) {
		display: block;
		float: none;
		width: 100% !important;
		position: static;
		top: 0;
		text-align: left;
	}

	.biglist>li {
		padding-left: 80px
	}

	.thamdinhlist>li>.thumb:before, .thamdinhlist>li>.thumb:after {
		width: 80px;
	}

	.thamdinhlist>li>.thumb:after {
		font-size: 0.8em;
	}

	.biglist>li>.price {
		text-align: left;
		font-size: 1.5em;
		margin: 10px 0;
	}

	.tingiaodichlist>li, .tinthitruonglist>li {
		padding-left: 120px;
	}

	.tingiaodichlist .thumb, .tinthitruonglist .thumb {
		width: 80px;
		height: 80px;
	}

	.tingiaodichlist .action {
		min-width: 250px;
		margin-left: -100px;
	}

	.howlist {
		display: block;
		margin: 0;
	}

	.howlist .step {
		display: block;
		width: 100%;
	}

	.howlist .step-text {
		margin: 0;
		padding-left: 90px;
		text-align: left;
		min-height: 80px;
		margin-bottom: 20px;
		opacity: 1;
	}

	.howlist .step-text .num, .howlist .step-text img {
		width: 80px;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		color: #fff;

	}

	.howlist .step-text .num {
		z-index: 2;
		text-align: center;
		padding-top: 12px;
	}

	.howlist .step-progress, .howlist .icon-checkmark {
		display: none !important;
	}

	.wholistwrap {
		min-height: auto;
	}

	.wholist, .wholist ul {
		min-height: 400px;
		height: auto;
		position: relative;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin-left: 0;
		z-index: auto;
		width: 100%;

	}

	.wholist .centerpoint {
		display: none;
	}

	.wholist li, .wholist li div {
		display: block;
		transform: none !important;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 80px;
		background: none;
		margin: 0;
	}

	.wholist li div {
		padding-left: 90px;
		overflow: visible;
	}

	.wholist li {
		margin-bottom: 20px;
	}

	.wholist li .visual {
		width: 80px;
		height: 80px;
		position: absolute;
		top: 0;
		left: 0;
		padding: 7px;
		border-radius: 50%;
		background: #04757a;
		display: block;
		overflow: hidden;
		text-align: center;
	}

	.wholist li .text {
		font-size: 15px;
		line-height: 1.4;
		text-align: left;
		color: #4e6263;
		padding-top: 30px;
	}

	.smalltitle.lg {
		font-size: 28px;
	}

	.whatlist>li {
		width: 100%;
		padding-right: 0;
	}

	.tindanglist .tindangitem {
		width: 50%;
	}

	.hozform label.control-label {
		padding-top: 0px;
	}

	.form-group {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 767px) and (min-width: 359px) {
	.toolbar.bottom>li {
		display: inline-block;
		border-bottom: 0;

	}

	.toolbar.bottom>li:first-child .popper {
		display: none;
	}

	.toolbar.bottom>li#sns .icon-share {
		display: none;
	}

	.toolbar.bottom>li#sns .popper .snspop {
		margin-left: 0;
		position: absolute;
		right: 10px;
		top: 15px;
	}
}


@media only screen and (min-width: 535px) and (max-width: 991px) {
	.copyright {
		margin-top: 0;
	}

	.copyright .brandgroup {
		text-align: right;
	}

	.pricelistitem .pricethumb {
		margin: 20px 10%;
	}

	.mbshow {
		display: none;
	}
}


@media only screen and (max-width: 534px) {
	.copyright, .brandlogo {
		width: 100%
	}

	.copyright {
		border-top: 1px solid #508f93;
		padding-top: 10px;
		text-align: left;
	}

	.brandgroup {
		width: 50%;
		box-sizing: border-box;
		float: left;

	}

	.copyright .brandgroup {
		text-align: left;
		width: 60%;
	}

	.mbhide {
		display: none;
	}

	.mbshow {
		display: block;
	}

	.footercont {
		font-size: 0.9em;
	}

	.footermenu {
		width: 40%;
		box-sizing: border-box;
		float: left;
		text-align: right;
		padding-top: 7px;
	}

	.footermenu a {
		font-size: 30px;
		color: #fff;
		margin-left: 15px;
		font-weight: normal;
		line-height: 1;
	}
}

@media only screen and (max-width: 520px) {
	.features .desc {
		clear: both;
		width: 100%;
	}

	.pricelistitem.duan .pricethumb {
		padding: 0%;
		margin: 20px 25%;
	}

	.pricelistitem .price {
		font-size: 22px;
		line-height: 22px;
	}

	.featlist .listitem>li {
		display: block;
		float: left;
		width: 50%;
		padding: 0;
		border: 0;
		text-align: left;
	}

	.featlist .listitem>li:nth-child(3), .featlist .listitem>li:nth-child(4) {
		padding-top: 10px;
	}
}

@media only screen and (max-width: 358px) {
	.homecont .smalltitle {
		margin-top: 0;
	}

	.homecont h1 {
		font-size: 22px;
	}

	.homecont .h3 {
		font-size: 14px;
		font-family: 'DGTT', Arial;
	}

	.features {
		font-size: 1em;
		font-family: 'DGTT', Arial;
	}

	.smalltitle {
		font-size: 18px;
	}

	.locationpopholder .popover {
		top: 138px !important;
	}

	.price {
		line-height: 0.9;
	}

	.mbbreak {
		display: block;
	}

	.pricelistitem .pricethumb {
		padding: 0%;
		margin: 10px 30%;
	}

	.pricelistitem .price {
		font-size: 18px;
	}
}