input[type=number].no-spinner::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
 	-webkit-appearance: none;
 	margin: 0;
 }
 @media only screen
 and (min-device-width:411px)
 and (max-device-width:411px)
 {
 	.input-chat{
 		width:78% !important;
 	}
 }

 @media only screen
 and (min-device-width:414px)
 and (max-device-width:414px)
 {
 	.input-chat{
 		width:78% !important;
 	}
 }

 @media only screen
 and (min-device-width:736px)
 and (max-device-width:736px)
 {
 	.input-chat{
 		width:79% !important;
 	}
 }

 @media only screen
 and (min-device-width:812px)
 and (max-device-width:812px)
 {
 	.input-chat{
 		width:76% !important;
 	}
 }


 /*IPHONE 5*/
 @media only screen
 and (min-device-width: 320px)
 and (max-device-width: 568px)
 and (-webkit-device-pixel-ratio: 2)
 and (device-aspect-ratio: 40/71)
 and (orientation:portrait)
 {
 	.list-total-item-2{
 		font-size:12px !important;
 		margin-left:2px !important;
 	}
 	.navtab-link{
 		font-size:12px !important;
 	}
 	.navtab-link-avtive{
 		font-size:12px !important;
 	}
 	.input-filter-price{
 		height: 30px !important;
 		margin-top:20px !important;
 	}
 	.input-filter-luas{
 		height: 30px !important;
 		margin-top:20px !important;
 	}
 	.input-chat{
 		width: 75% !important;
 	}
 	.btn-delete-no{
 		font-size:12px !important;
 	}
 	.btn-delete-yes{
 		font-size:12px !important;
 	}
 	.text-pesan-2{
 		font-size: 12px !important;
 	}
 	.text-fasilitas-upload{
 		font-size:12px !important;
 	}
 	.btn-privasi-properti-active{
 		font-size:10px !important;
 	}
 	.btn-privasi-properti{
 		font-size:10px !important;
 	}
 	.image-gallery-child{
 		width: 5.9rem !important;
 	}
 	.sidebar{
 		width: 70% !important;
 	}

 	.img-listing-detail{
 		top: 20px !important;
 		left:25px;
 		height:25px !important;
 	}

 	.input-detail-filter{
 		top:7px !important;
 		left:62px !important;
 	}

 	.btn-circle-minus{
 		right: 27% !important;
 		top:20px !important;
 		height:22px !important;
 		width: 22px !important;
 		padding-top:1px !important;
 		padding-left: 4px !important;
 		font-size:12px !important;
 	}
 	.btn-circle-minus-disabled{
 		right: 27% !important;
 		top:20px !important;
 		height:22px !important;
 		width: 22px !important;
 		padding-top:1px !important;
 		padding-left: 4px !important;
 		font-size:12px !important;
 	}

 	.btn-circle-plus{
 		right: 7% !important;
 		top:20px !important;
 		height:22px !important;
 		width: 22px !important;
 		padding-top:0px !important;
 		padding-left: 4px !important;
 		font-size:12px !important;
 	}
 	.btn-circle-plus-disabled{
 		right: 7% !important;
 		top:20px !important;
 		height:22px !important;
 		width: 22px !important;
 		padding-top:0px !important;
 		padding-left: 4px !important;
 		font-size:12px !important;
 	}

 }

 /*IPHONE 5 LANDSCAPE*/

 @media only screen
 and (min-device-width: 568px)
 and (max-device-width: 568px)
 {
 	.input-chat{
 		width: 75% !important;
 	}

 	.btn-delete-no{
 		font-size:12px !important;
 	}
 	.btn-delete-yes{
 		font-size:12px !important;
 	}
 	.btn-privasi-properti-active{
 		font-size:10px !important;
 	}
 	.btn-privasi-properti{
 		font-size:10px !important;
 	}
 	.sticky-navbar{
 		position: fixed; !important;
 		left:auto !important;
 		right:auto !important;
 		width: 58.333333% !important;
 	}


 	.image-gallery-child{
 		width: 6rem !important;
 	}
 	.gallery-photo-row{
 		bottom:10px !important;
 	}
 	.sidebar-li{
 		font-size:12px !important;
 	}
 	.sidebar-icon{
 		font-size:14px !important;
 	}
 	.container-full-height3{
 		width: 120% !important;
 	}
 }

 /* Landscape Common Phones*/
 @media only screen and (min-width : 550px) {
 	.sticky-navbar{
 		position: fixed; !important;
 		left:auto !important;
 		right:auto !important;
 		width: 58.333333% !important;
 	}
 	.sidebar{
 		right:20.50% !important;
 		width: 30% !important;
 	}
 	.class-content{
 		height:640px !important;
 	}
 	.image-gallery-child{
 		width: 6rem !important;
 	}

 	.container-full-height2{
 		height:100% !important;
 		overflow: scroll !important;
 	}
 	.container-full-height{
 		height:640px !important;
 		overflow: scroll !important;
 	}
 	.container-full-height3{
 		height:100% !important;
 		overflow: scroll !important;
 	}
 	.container-full-height{
 		height:640px !important;
 		overflow: scroll !important;
 	}
 	.text-fasilitas-upload{
 		font-size:12px !important;
 	}
 	.modal-content-promo{
 		min-height:100%!important;

 	}
 	.btn-promo{
 		position: fixed !important;
 		left: auto!important;
 		right: auto!important;
 		width:58.333333% !important;
 	}
 	.listing-fixed-container{
 		position: fixed !important;
 		right:auto !important;
 		left:auto !important;
 		width: 58.333333% !important;
 	}
 	.modal{
 		position: absolute !important;
 	}

 	.modal-edit{
 		margin-top:0 !important;
 		margin-bottom:0 !important;
 		width: 100% !important;
 		right: auto;
 		padding-left: 20px !important;
 		padding-right: 20px !important;
 		left: auto;
 	}
 }

 /*Potrait Ipad*/
 @media only screen and (min-width : 768px) {

 	.input-chat{
 		width: 75% !important;
 	}
 	.btn-delete-no{
 		font-size:12px !important;
 	}
 	.btn-delete-yes{
 		font-size:12px !important;
 	}
 	.text-pesan-2{
 		font-size: 12px !important;
 	}
 	.sticky-navbar{
 		position: absolute !important;
 		left:auto !important;
 		right:auto!important;
 		width: 100% !important;
 	}
 	.sidebar{
 		right:29% !important;
 		width: 30% !important;
 	}
 	.class-content{
 		height:640px !important;
 	}
 	.image-gallery-child{
 		width: 6rem !important;
 	}

 	.container-full-height2{
 		height:640px !important;
 		overflow: scroll !important;
 	}
 	.modal-dialog-promo{
 		height:100% !important;

 	}

 	.btn-privasi-properti-active{
 		font-size:10px !important;
 	}
 	.btn-privasi-properti{
 		font-size:10px !important;
 	}
 	.container-full-height{
 		height:640px !important;
 		overflow: scroll !important;
 	}
 	.container-full-height3{
 		height:640px !important;
 		overflow: scroll !important;
 	}
 	.container-full-height{
 		height:640px !important;
 		overflow: scroll !important;
 	}
 	.modal-content-promo{
 		min-height:100%!important;

 	}

 	.btn-promo{
 		position: absolute !important;
 		left:auto !important;
 		right:auto !important;
 		width: 100% !important;
 	}
 	.listing-fixed-container{
 		position: absolute !important;
 		right:0 !important;
 		width:100% !important;
 		left:0 !important;
 	}
 	.modal{
 		position: absolute !important;
 	}

 	.modal-edit{
 		margin-top:0 !important;
 		margin-bottom:0 !important;
 		width: 100% !important;
 		right: auto;
 		padding-left: 20px !important;
 		padding-right: 20px !important;
 		left: auto;
 	}
 }

 /*812 Width Destkop*/
 @media only screen
 and (min-width : 812px){

 	.btn-promo{
 		width: 41.666667% !important;
 		position: fixed !important;
 		left:auto !important;
 		right:auto !important;

 	}

 	.container-full-height2{
 		height:640px !important;
 		overflow: scroll !important;
 	}
 	.listing-fixed-container{
 		width: 100% !important;
 		right:0!important;
 		left:0!important;
 	}

 	.sticky-navbar{
 		width: 41.666667% !important;
 		left: auto !important;
 		right: auto !important;
 		position: fixed !important;
 	}

 	.modal-edit{
 		margin-top:0 !important;
 		margin-bottom:0 !important;
 		width: 41.666667% !important;
 		right: auto;
 		padding-left: 20px !important;
 		padding-right: 20px !important;
 		left: auto;
 	}

 	.sidebar{
 		right:29.0% !important;
 		width: 30% !important;
 		position: fixed !important;
 	}
 }

 /*Landscape XL Common Phones*/
 @media only screen
 and (min-width : 812px)
 and (max-height : 411px) {
 	.btn-promo{
 		width: 41.666667% !important;
 		position: fixed !important;
 		left:auto !important;
 		right:auto !important;

 	}

 	.container-full-height2{
 		height:100% !important;
 		overflow: scroll !important;
 	}
 	.listing-fixed-container{
 		width: 100% !important;
 		right:auto!important;
 		left:auto!important;
 	}

 	.sticky-navbar{
 		width: 41.666667% !important;
 		left: auto !important;
 		right: auto !important;
 		position: fixed !important;
 	}

 	.modal-edit{
 		margin-top:0 !important;
 		margin-bottom:0 !important;
 		width: 41.666667% !important;
 		right: auto;
 		padding-left: 20px !important;
 		padding-right: 20px !important;
 		left: auto;
 	}

 	.sidebar{
 		right:29.0% !important;
 		width: 30% !important;
 		position: fixed !important;
 	}
 }

 /*LG Resolutions*/
 @media only screen and (min-width : 1024px) {

 	.sticky-navbar{
 		position: absolute !important;
 		left:auto !important;
 		right:auto!important;
 		width: 100% !important;
 	}
 	.sidebar{
 		right:29% !important;
 		width: 30% !important;
 	}
 	.class-content{
 		height:640px !important;
 	}
 	.image-gallery-child{
 		width: 6rem !important;
 	}

 	.container-full-height2{
 		height:640px !important;
 		overflow: scroll !important;
 	}
 	.modal-dialog-promo{
 		height:100% !important;

 	}
 	.container-full-height{
 		height:640px !important;
 		overflow: scroll !important;
 	}
 	.container-full-height3{
 		height:640px !important;
 		overflow: scroll !important;
 	}
 	.container-full-height{
 		height:640px !important;
 		overflow: scroll !important;
 	}
 	.modal-content-promo{
 		min-height:100%!important;

 	}
 	.btn-promo{
 		position: absolute !important;
 		left:auto !important;
 		right:auto !important;
 		width: 100% !important;
 	}
 	.listing-fixed-container{
 		position: absolute !important;
 		right:auto !important;
 		left:auto !important;
 		width: 100% !important;
 	}
 	.modal{
 		position: absolute !important;
 	}

 	.modal-edit{
 		margin-top:0 !important;
 		margin-bottom:0 !important;
 		width: 100% !important;
 		right: auto;
 		padding-left: 20px !important;
 		padding-right: 20px !important;
 		left: auto;
 	}
 	.input-chat{
 		width: 76%!important;
 	}
 }
 @font-face {
 	font-family: "AvenirNext-Regular";
 	src: url(../fonts/Avenir/AvenirNextLTPro-Regular.otf) format("truetype");
 }

 @font-face {
 	font-family: "AvenirNext-BoldCond";
 	src: url(../fonts/Avenir/AvenirNextLTPro-BoldCond.otf) format("truetype");
 }
 @font-face {
 	font-family: "AvenirNext-Medium";
 	src: url(../fonts/Avenir/AvenirNextLTPro-Medium.otf) format("truetype");
 }
 @font-face {
 	font-family: "AvenirNext-Demi";
 	src: url(../fonts/Avenir/AvenirNextLTPro-Demi.otf) format("truetype");
 }
 @font-face {
 	font-family: "AvenirNext-Heavy";
 	src: url(../fonts/Avenir/AvenirNextLTPro-Heavy.otf) format("truetype");
 }
 @font-face {
 	font-family: "AvenirNext-Bold";
 	src: url(../fonts/Avenir/AvenirNextLTPro-Bold.otf) format("truetype");
 }
 @font-face {
 	font-family: "AvenirNext-Thin";
 	src: url(../fonts/Avenir/AvenirNextLTPro-Thin.otf) format("truetype");
 }

 @font-face {
 	font-family: "AvenirNext-Light";
 	src: url(../fonts/Avenir/AvenirNextLTPro-Light.otf) format("truetype");
 }
 .input-edit-profile{
 	border-radius:10px;
 	font-family: AvenirNext-Medium;
 	color:#000;
 	font-weight: 600;
 	font-size:15px;
 	height:45px;
 	border:solid 1px #cdcdcd;
 }
 .save-btn-edit-profile{
 	height:50px;
 	background: #076f4b;
 	border-radius:5px; color:#fff;
 	padding-left:50px;
 	padding-right:50px;
 	font-family: AvenirNext-Regular;
 	font-size:14px;
 	box-shadow: 0 1.5px 2px 0 rgba(7, 111, 75, 0.17);
 }
 .input-edit-label{
 	font-size:14px;
 }
 #close-gallery{
 	color:#000;
 	opacity: 1;
 	margin:-1rem auto -1rem -1rem;
 }
 .icon-edit-profile{
 	position: absolute;
 	bottom:0;
 	right: 0px;
 }
 .icon-share{
 	height:14px;
 	margin-top:-2px;
 	margin-right:10px;
 }
 .title-detail-properti{
 	font-size:13px;
 	border-bottom: 1px solid #ddd;
 	padding-bottom: 10px;
 }
 .icon-pdf{
 	height:20px;
 	margin-right:10px;
 }
 .link-properti-detail{
 	color:#076f4b;
 	text-decoration: none;
 }
 .border-hr{
 	background: #f2f2f2;
 }
 .btn-promo{
 	bottom:0px;
 	position: fixed;
 	z-index: 1;
 	background: #076f4b;
 	height:50px;
 	font-family: AvenirNext-Light;
 	font-weight: 600;
 	font-size:13px;
 	border:0;
 	border-radius:0;
 	color: #fff;
 }
 .btn-promo:focus{
 	box-shadow: 0px 0px 0px 0px;
 }
 .btn-promo:hover{
 	box-shadow: 0px 0px 0px 0px;
 }
 .btn-promo:active{
 	box-shadow: 0px 0px 0px 0px;
 }
 .navbar-row{
 	padding:0px;
 	z-index: 1;
 	top:0;
 }
 .navbar-title-text{
 	top: 50%;
 	position: absolute;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	font-size:14px;
 	font-family: AvenirNext-Regular;
 	font-weight: 600;
 }
 .home-col-menu{
 	padding-right: 0px;
 	padding-left: 0px;
 }

 .listing-fixed-container{
 	background: #fff;
 	bottom:0px;
 	position: fixed;
 	z-index: 1000;
 	height:72px;
 	font-family: AvenirNext-Light;
 	font-weight: 600;
 	font-size:13px;
 	width: 100%;
 	border:0;
 	border-radius:0;
 }
 .indicator-text{
 	position: absolute;
 	left:20px;
 	right:20px;
 	font-size:10px;
 	font-family: AvenirNext-Medium;
 	font-weight: bold;
 	margin-top:5px;
 }
 .indicator-text-active{
 	position: absolute;
 	left:20px;
 	right:20px;
 	font-size:10px;
 	font-family: AvenirNext-Medium;
 	font-weight: bold;
 	margin-top:5px;
 	color:#076f4b;
 }
 .indicator-1{
 	align-content: center;
 	height: 30px;
 	width: 30px;
 	border-radius: 50%;
 	background: #fff;
 	border:solid 1.2px #222;
 	line-height:30px;
 	font-size:14px;
 	font-family: AvenirNext-Bold;
 }
 .indicator-1::after{
 	position: absolute;
 	border-top:0px;
 	border-right:0px;
 	border-left:0px;
 	border-bottom:1px solid;
 	border-color: rgba(0, 0, 0, 0.49);
 	border-style: dashed;
 	width: 70%;
 	left:65%;
 	top:50%;
 	content: '';
 	background: transparent;
 }
 .indicator-1-active{
 	align-content: center;
 	height: 30px;
 	width: 30px;
 	border-radius: 50%;
 	background: #076f4b;
 	border:solid 1.2px #076f4b;
 	line-height:30px;
 	color: #fff;
 	font-size:14px;
 	font-family: AvenirNext-Medium;
 }
 .indicator-1-active::after{
 	position: absolute;
 	border-top:0px;
 	border-right:0px;
 	border-left:0px;
 	border-bottom:1.5px solid;
 	border-color: rgba(7, 111, 75, 0.49);
 	border-style: dashed;
 	width: 70%;
 	left:65%;
 	top:50%;
 	content: '';
 	background: transparent;
 }
 .indicator-2{
 	height: 30px;
 	width: 30px;
 	border-radius: 50%;
 	background: #fff;
 	border:solid 1.2px #222;
 	line-height:30px;
 	font-size:14px;
 	font-family: AvenirNext-Bold;
 }
 .text-fasilitas-upload{
 	font-size:13px;
 	margin-top:5px;
 }
 .indicator-2::after{
 	position: absolute;
 	border-top:0px;
 	border-right:0px;
 	border-left:0px;
 	border-bottom:1.5px solid;
 	border-color: rgba(0, 0, 0, 0.49);
 	border-style: dashed;
 	width: 70%;
 	left:65%;
 	top:50%;
 	content: '';
 	background: transparent;
 }
 .btn-privasi-properti-active{
 	background: #fff;
 	border: 1.3px solid #076f4b;
 	border-radius:10px;
 	color:#076f4b;
 	font-size:13px;
 	padding: 10px 10px 10px 10px;
 	font-family: AvenirNext-Medium;
 }
 .btn-privasi-properti{
 	background: #fff;
 	border: 1.3px solid #cdcdcd;
 	border-radius:10px;
 	color:#989898;
 	font-size:13px;
 	padding: 9px 10px 9px 10px;
 	font-family: AvenirNext-Medium;
 }
 .btn-privasi-properti-active:focus{
 	background: #fff;
 	border: 1.3px solid #076f4b;
 	border-radius:10px;
 	color:#076f4b;
 	font-size:13px;
 	padding: 10px 10px 10px 10px;
 	font-family: AvenirNext-Medium;
 }
 .btn-privasi-properti:focus{
 	background: #fff;
 	border: 1.3px solid #cdcdcd;
 	border-radius:10px;
 	color:#989898;
 	font-size:13px;
 	padding: 10px 10px 10px 10px;
 	font-family: AvenirNext-Medium;
 }
 .indicator-2-active{
 	align-content: center;
 	height: 30px;
 	width: 30px;
 	border-radius: 50%;
 	background: #076f4b;
 	border:solid 1.5px #076f4b;
 	line-height:30px;
 	color: #fff;
 	font-size:14px;
 	font-family: AvenirNext-Medium;
 }
 .indicator-2-active::after{
 	position: absolute;
 	border-top:0px;
 	border-right:0px;
 	border-left:0px;
 	border-bottom:1.5px solid;
 	border-color: rgba(7, 111, 75, 0.49);
 	border-style: dashed;
 	width: 70%;
 	left:65%;
 	top:50%;
 	content: '';
 	background: transparent;
 }
 .indicator-3{
 	height: 30px;
 	width: 30px;
 	border-radius: 50%;
 	background: #fff;
 	border:solid 1.2px #222;
 	line-height:30px;
 	font-size:14px;
 	font-family: AvenirNext-Bold;
 	}/* General CSS Setup */

 	/* CSS talk bubble */
 	.talk-bubble {
 		margin: 0px 25px 0px 0px;
 		display: inline-block;
 		position: relative;
 		width: 100%;
 		height: auto;
 		background-color: #e2f1f0;
 	}
 	.border{
 		border: 8px solid #666;
 	}
 	.round{
 		border-radius: 30px;
 		-webkit-border-radius: 30px;
 		-moz-border-radius: 30px;

 	}

 	/* Right triangle placed top left flush. */
 	.tri-right.border.left-top:before {
 		content: ' ';
 		position: absolute;
 		width: 0;
 		height: 0;
 		left: -40px;
 		right: auto;
 		top: -8px;
 		bottom: auto;
 		border: 32px solid;
 		border-color: #666 transparent transparent transparent;
 	}
 	.tri-right.left-top:after{
 		content: ' ';
 		position: absolute;
 		width: 0;
 		height: 0;
 		left: -20px;
 		right: auto;
 		top: 0px;
 		bottom: auto;
 		border: 22px solid;
 		border-color: #e2f1f0 transparent transparent transparent;
 	}

 	/* Right triangle, left side slightly down */
 	.tri-right.border.left-in:before {
 		content: ' ';
 		position: absolute;
 		width: 0;
 		height: 0;
 		left: -40px;
 		right: auto;
 		top: 30px;
 		bottom: auto;
 		border: 20px solid;
 		border-color: #666 #666 transparent transparent;
 	}
 	.tri-right.left-in:after{
 		content: ' ';
 		position: absolute;
 		width: 0;
 		height: 0;
 		left: -20px;
 		right: auto;
 		top: 38px;
 		bottom: auto;
 		border: 12px solid;
 		border-color: #e2f1f0 #e2f1f0 transparent transparent;
 	}
 	.label-radio{
 		position: absolute;
 		left:10px;
 		right:30px;
 		width: 92%;
 	}

 	/*Right triangle, placed bottom left side slightly in*/
 	.tri-right.border.btm-left:before {
 		content: ' ';
 		position: absolute;
 		width: 0;
 		height: 0;
 		left: -8px;
 		right: auto;
 		top: auto;
 		bottom: -40px;
 		border: 32px solid;
 		border-color: transparent transparent transparent #666;
 	}
 	.tri-right.btm-left:after{
 		content: ' ';
 		position: absolute;
 		width: 0;
 		height: 0;
 		left: 0px;
 		right: auto;
 		top: auto;
 		bottom: -20px;
 		border: 22px solid;
 		border-color: transparent transparent transparent #e2f1f0;
 	}

 	/*Right triangle, placed bottom left side slightly in*/
 	.tri-right.border.btm-left-in:before {
 		content: ' ';
 		position: absolute;
 		width: 0;
 		height: 0;
 		left: 30px;
 		right: auto;
 		top: auto;
 		bottom: -40px;
 		border: 20px solid;
 		border-color: #666 transparent transparent #666;
 	}
 	.tri-right.btm-left-in:after{
 		content: ' ';
 		position: absolute;
 		width: 0;
 		height: 0;
 		left: 38px;
 		right: auto;
 		top: auto;
 		bottom: -20px;
 		border: 12px solid;
 		border-color: #e2f1f0 transparent transparent #e2f1f0;
 	}

 	/*Right triangle, placed bottom right side slightly in*/
 	.tri-right.border.btm-right-in:before {
 		content: ' ';
 		position: absolute;
 		width: 0;
 		height: 0;
 		left: auto;
 		right: 30px;
 		bottom: -40px;
 		border: 20px solid;
 		border-color: #666 #666 transparent transparent;
 	}
 	.input-kuota{
 		width: 80px;
 		border-radius:20px;
 		border:solid 1px #cdcdcd;
 		background: transparent;
 		box-shadow: 0px 0px 0px 0px;
 		height:80px;
 		padding-left:30px;
 		font-size:24px;
 		font-family: AvenirNext-Bold;
 	}
 	.tri-right.btm-right-in:after{
 		content: ' ';
 		position: absolute;
 		width: 0;
 		height: 0;
 		left: auto;
 		right: 38px;
 		bottom: -20px;
 		border: 12px solid;
 		border-color: #e2f1f0 #e2f1f0 transparent transparent;
 	}
/*
	left: -8px;
  right: auto;
  top: auto;
	bottom: -40px;
	border: 32px solid;
	border-color: transparent transparent transparent #666;
	left: 0px;
  right: auto;
  top: auto;
	bottom: -20px;
	border: 22px solid;
	border-color: transparent transparent transparent #e2f1f0;

	/*Right triangle, placed bottom right side slightly in*/
	.tri-right.border.btm-right:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: auto;
		right: -8px;
		bottom: -40px;
		border: 20px solid;
		border-color: #666 #666 transparent transparent;
	}
	.tri-right.btm-right:after{
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: auto;
		right: 0px;
		bottom: -20px;
		border: 12px solid;
		border-color: #e2f1f0 #e2f1f0 transparent transparent;
	}

	/* Right triangle, right side slightly down*/
	.tri-right.border.right-in:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: auto;
		right: -40px;
		top: 30px;
		bottom: auto;
		border: 20px solid;
		border-color: #666 transparent transparent #666;
	}
	.tri-right.right-in:after{
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: auto;
		right: -20px;
		top: 38px;
		bottom: auto;
		border: 12px solid;
		border-color: #e2f1f0 transparent transparent #e2f1f0;
	}
	.box-shadow{
		position: absolute;
		width: 100%;
		height: 100%;
		box-shadow: inset  0px 175px 142px -157px  #000000;
		top: 0;
		left: 0;
	}
	/* Right triangle placed top right flush. */
	.tri-right.border.right-top:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: auto;
		right: -40px;
		top: -8px;
		bottom: auto;
		border: 32px solid;
		border-color: #666 transparent transparent transparent;
	}
	.tri-right.right-top:after{
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: auto;
		right: -20px;
		top: 0px;
		bottom: auto;
		border: 20px solid;
		border-color: #e2f1f0 transparent transparent transparent;
	}
	.input-chat{
		font-size:14px;
		color: #626262;
		height: 45px;
		border: 0.5px solid #626262;
		border-radius: 20px;
		position: absolute;
		bottom:20px;
		background: #fcfbfc;
		z-index: 2;
		padding-top:12px;
		overflow-x:hidden;
		overflow-y:auto;
		resize:none;
		width: 77%;
		left:15px;

	}
	.input-chat::-webkit-input-placeholder {
		margin-top:10px !important;

	}
	.input-chat:focus{
		box-shadow: 0px 0px 0px 0px;
		border-color:#076f4b;
	}
	.btn-give-notif{
		background: #fff !important;
		border:solid 1px #076f4b;
		padding-left:30px;
		font-size:14px;
		padding-right:30px;
		height: 40px;
		color:#076f4b;
	}
	/* talk bubble contents */
	.talktext{
		padding: 1em;
		text-align: left;
	}
	.talktext p{
		/* remove webkit p margins */
		-webkit-margin-before: 0em;
		-webkit-margin-after: 0em;
		font-size:14px;
		color: #4c4c4c;
		margin-bottom:5px;
	}
	.indicator-3-active{
		align-content: center;
		height: 30px;
		width: 30px;
		border-radius: 50%;
		background: #076f4b;
		border:solid 1.2px #076f4b;
		line-height:30px;
		color: #fff;
		font-size:14px;
		font-family: AvenirNext-Medium;
	}
	.home-welcome-row{
		margin-top:80px;
		margin-left:-15px;
		margin-right:-15px;
	}
	.home-welcome-card{
		background-image: url('../../assets/images/background@3x.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border:0;
		border-radius: 10px;
	}
	.image-profile{
		height: 60px
		width:60px;
		border: 3px solid #076f4b;
		box-shadow: 0 0 0 1.5px #fff;
	}
	.text-time-chat{
		font-size:10px;
		font-family: AvenirNext-Regular;
		margin-top:5px;
		color: #6b757d;
		margin-right:20px;
		font-weight: 500;
	}
	.row-chat{
		border-bottom: 1px solid #dbe2e8;
		margin-bottom:10px;
	}
	.text-pesan-1{
		margin-top:0px;
		font-family: AvenirNext-Bold;
		font-size: 14px;
	}
	.text-pesan-2{
		margin-top:-15px;
		font-family: AvenirNext-Regular;
		font-weight: 600;
		font-size: 14px;
	}
	.text-pesan-3{
		margin-right:5px;
		font-family: AvenirNext-Medium;
		font-size: 14px;
	}
	.home-company-name{
		font-family: AvenirNext-Light;
		font-size:12px;
		color:#ddd;
		margin-top:-12px;
	}
	.home-user-name{
		font-family: AvenirNext-Demi;
		font-size:16px;
		color:#fff;
		margin-top:-13px;
	}
	.input-get-notif{
		border-color: #cdcdcd;
		font-size:15px;
		font-family: AvenirNext-Regular;
		font-weight: bold;

		border-radius: 10px;
	}
	.btn-get-notif{
		background: #076f4b;
		color:#fff;
		font-size:14px;
		height:45px;
		padding-left:50px;
		padding-right:50px;
	}
	.btn-get-notif:focus{
		box-shadow: 0px 0px 0px 0px;
		color: #fff;
	}

	.input-get-notif::-webkit-input-placeholder {
		/* WebKit, Blink, Edge */
		color: #c0c0c0;
	}
	.input-get-notif:focus{
		box-shadow: 0px 0px 0px 0px;
		border-color:#cdcdcd;

	}
	.home-welcome-text{

		font-family: AvenirNext-Light;
		font-size:12px;
		color:#ddd;
	}
	.home-btn-profil-saya{
		font-family: AvenirNext-Light;
		font-size:13px;
		color:#eee;
		background: transparent;
		border:solid 1px #ddd ;
		border-radius:20px;
		padding-left:15px;
		padding-right:15px;
	}
	.home-btn-profil-saya:hover{
		box-shadow: 0px 0px 0px 0px;
		color:#fff;
	}
	.btn-options{
		background:transparent;
		border-color:transparent;
		top:10px;
		right: 10px;
		position: absolute;
	}
	.btn-fixed-bottom{
		position: absolute;
		bottom:15px;
		right:23px;
		height:55px;
		width: 55px;
		border-radius: 50%;
		background: #076f4b;
		color: #fff;
		z-index: 5000;
		margin-bottom:0;
		border:solid 0px;
		box-shadow: 0px 0px 2px 1px grey;
	}
	.btn-fixed-bottom:focus{
		color: #fff;
		outline: 0px;
	}
	.font-13{
		font-size:13px !important;
	}
	.btn-not-found{
		background: transparent;
		border: 1px solid #076f4b;
		color: #076f4b;
		box-shadow: 0 2px 3px 0 rgba(7, 111, 75, 0.17);
		font-family: AvenirNext-Regular;
		font-weight: 600;
		font-size: 14px;
		height:40px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.btn-not-found:focus{
		color: #076f4b;
		border: 1px solid #076f4b;
		box-shadow: 0 2px 3px 0 rgba(7, 111, 75, 0.17);
	}
	.btn-not-found-2{
		margin-top:10px;
		background: #076f4b;
		border: 1px solid #076f4b;
		color: #fff;
		box-shadow: 0 2px 3px 0 rgba(7, 111, 75, 0.17);
		font-family: AvenirNext-Regular;
		font-weight: 600;
		font-size: 14px;
		height:50px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.btn-not-found-2:focus{
		color: #fff;
		border: 1px solid #076f4b;
		box-shadow: 0 2px 3px 0 rgba(7, 111, 75, 0.17);
	}
	.font-12{
		font-size:12px !important;
	}
	.font-14{
		font-size:14px !important;
	}
	.font-16{
		font-size:16px !important;
	}
	.home-btn-profil-saya:focus{
		box-shadow: 0px 0px 0px 0px;
		background: transparent !important;
		color:#fff;
	}
	.text-navbar-gallery{
		position: absolute;
		left:45%;
		font-family: AvenirNext-Medium;
		font-weight: 600;
		font-size:14px;
	}
	.gallery-photo-row{
		margin-left:-5px;
		position: absolute;
		bottom:25px;
	}
	.container-full-height{
		height:100vh;
		background: #fff;
	}
	.container-full-height3{
		height:100vh;
		background: #fff;
	}
	.container-full-height2{
		height:100%;
		background: #fff;
	}
	.btn-delete-yes{
		background: #076f4b;
		color: #fff;
		border-radius:20px;
		font-family: AvenirNext-Medium;
		font-size:14px;
		font-weight: 600;
		height:40px;
	}
	.btn-delete-yes:focus{
		box-shadow: 0px 0px 0px 0px;
		text-decoration: none;
		color:#fff;
	}
	.btn-delete-no{
		background: #fff;
		color: #222;
		border-radius:20px;
		font-family: AvenirNext-Demi;
		font-size:14px;
		font-weight: 600;
		border: solid 1px #979797;
		height:40px;
	}
	.btn-delete-no:focus{
		box-shadow: 0px 0px 0px 0px;
		text-decoration: none;
	}
	.col-property-list{
		border-right:1px solid rgba(0,0,0,.1);
		margin-bottom:10px;
		padding-right:0px;
	}
	.separator{
		position: absolute;
		margin-top:40px;
		height:20px;
		background: #f7f7f7;
		width: 100%;
		left:0;
		right:0;
	}
	.text-delete-listing{
		font-size:14px;
		text-align: center;
		padding: 40px 40px 20px 40px;
	}
	body{
		font-family: AvenirNext-Regular !important;
		width: 100% !important;
	}
	.home-navbar{
		background: #222;
		height:40px;
		position: fixed;
		top:0;
		width: 100%;
	}
	.overlay{
		display: none;
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.3); /* Black background with opacity */
		z-index: 3; /* Specify a stack order in case you're using a different order for other elements */
		cursor: pointer; /* Add a pointer on hover */
	}
	.overlay2{
		display: none;
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.3); /* Black background with opacity */
		z-index: 3; /* Specify a stack order in case you're using a different order for other elements */
		cursor: pointer; /* Add a pointer on hover */
	}
	.overlay3{
		display: none;
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.3); /* Black background with opacity */
		z-index: 3; /* Specify a stack order in case you're using a different order for other elements */
		cursor: pointer; /* Add a pointer on hover */
	}
	.modal-dialog-promo{
		width: 100%;
		height: 100vh;
		margin: 0;
		padding: 0;
	}
	.modal-content-promo{
		height: auto;
		min-height: 100vh;
		border-radius: 0;
		border:0px;
		background: #fff;
	}
	.sidebar{
		overflow-y: scroll;
		height:100%;
		display: none;
		width: 70%;
		background: #fff;
		position: fixed;
		z-index: 4;
		right: 0;
	}
	.sidebar-link{
		color:#222;
		text-decoration: none;
	}
	.sidebar-link:focus{
		color:#222;
		text-decoration: none;
	}
	.sidebar-link:hover{
		color:#222;
		text-decoration: none;
	}
	.sidebar-link:active{
		color:#222;
		text-decoration: none;
	}
	.text-link{
		color:#222;
		text-decoration: none;
	}
	.text-link:focus{
		color:#222;
		text-decoration: none;
	}
	.text-link:hover{
		color:#222;
		text-decoration: none;
	}
	.text-link:active{
		color:#222;
		text-decoration: none;
	}
	.text-link-white{
		color:#222;
		text-decoration: none;
	}
	.text-link-white:focus{
		color:#222;
		text-decoration: none;
	}
	.text-link-white:hover{
		color:#222;
		text-decoration: none;
	}
	.text-link-white:active{
		color:#222;
		text-decoration: none;
	}
	.sidebar-link-logout{
		color:#222;
		text-decoration: none;
		bottom:20px !important;
		position: absolute;
	}
	.sidebar-link-logout:focus{
		color:#222;
		text-decoration: none;
	}
	.sidebar-link-logout:hover{
		color:#222;
		text-decoration: none;
	}
	.sidebar-link-logout:active{
		color:#222;
		text-decoration: none;
	}
	.link-text{
		color:#076f4b;
		font-size:12px;
		text-decoration: underline;
		font-family: AvenirNext-Medium;
		margin-left:10px;
	}
	.link-text:hover{
		color:#076f4b;
		font-size:12px;
		text-decoration: underline;
		font-family: AvenirNext-Medium;
		margin-left:10px;
	}
	.link-text:focus{
		color:#076f4b;
		font-size:12px;
		text-decoration: underline;
		font-family: AvenirNext-Medium;
		margin-left:10px;
	}
	.sidebar-li{
		margin-top:20px;
		font-size:17px;
	}
	.sidebar-menu{
		margin-top:20px;
		list-style-type: none;
		padding-left:20px;
		display: none;
	}
	.sidebar-icon{
		font-size:18px;
		color:#3d3d3d;
		padding-right: 20px;
	}
	.text-primary-menu{
		text-align: center;
		font-size: 10px;
	}
	.text-utama{
		color:#076f4b;
		cursor: pointer;
	}
	/*Detail*/
	.property-name-text{
		font-size:14px;
		font-family: AvenirNext-Demi;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.14;
		letter-spacing: normal;
		color: #1e1e1e;
	}
	.property-location-text{
		font-size:10px;
		margin-top:-8px;
		font-family: AvenirNext-Regular;
		font-weight: 500;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #838383;
	}
	.property-price-text{
		font-size:22px;
		font-family: AvenirNext-Bold;
		font-weight: bold;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: -0.5px;
		color: #1e1e1e;
		margin-top:-10px;
	}
	.property-category-text{
		font-size:22px;
		font-family: AvenirNext-Regular;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.14;
		letter-spacing: normal;
		color: #1e1e1e;
		margin-top:-12px;
	}
	.primary-container{
		background: #f7f7f7;
		padding-left:0px;
		padding-right: 0px;
	}
	.detail-card{
		border:0;
		border-radius: 0;box-shadow: 0 0.5px 7px 0 rgba(0, 0, 0, 0.04);
	}
	.secondary-container{
		padding-left: 0px;
		padding-right: 0px;
	}
	.success-message{
		display: none;
		position: absolute;left:25%;
		bottom:80px;
		height:50px;
		border-radius:30px;
		width: 180px;
		background: #3d3d3d;
		color: #fff;
		text-align: center;
		padding-top:15px;
		padding-bottom:15px;
	}
	.btn-add-kuota{
		background: #076f4b;
		color: #fff;
		width:150px;
		height:50px;
	}
	.btn-add-kuota:focus{
		color: #fff;
	}
	.btn-minus-2{
		margin-top:25px;
		height:35px;
		color: #bbb;
		width: 35px;
		border-radius:50%;
		background: #fff;
		box-shadow: 0px 0px 0px 0px;
		border:solid 2px #bbb;
	}
	.text-tambah-kuota{
		font-family: AvenirNext-Demi;
		font-size:14px;
	}
	.btn-minus-2-active{
		color: #076f4b !important;
		border-color: #076f4b !important;
	}
	.img-container{
		position: relative;
		padding-left: 0px;
		padding-right: 0px;
		color:#fff;
	}
	.crop-image{
		position: absolute;
		left:0;
		top:0;
		right: 0;
		display: inline-block;
		height: 150px;
		overflow: hidden;
		border-radius:20px 20px 0px 0px;
	}
	.btn-booked{
		height:30px;
		padding: 4px 12px 10px 12px;
		border-radius:30px;
		color: #fff;
		background: #515151;
		font-size:14px;
		font-family: AvenirNext-Light;
		font-weight: 500;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
	}
	.img-list-icon{
		height: 20px;
	}
	.list-total-item{
		font-family: AvenirNext-Bold;
		margin-left:8px;
		font-size: 16px;
	}
	.list-total-item-2{
		font-family: AvenirNext-Medium;
		margin-left:8px;
		font-size: 14px;
	}
	.list-item-name{
		font-family: AvenirNext-Regular;
		margin-top:5px;
		color: #838383;
		font-size: 10px;
		line-height: 0;
		margin-top:10px;
	}
	.list-item-name-2{
		font-family: AvenirNext-Regular;
		margin-top:5px;
		color: #838383;
		font-size: 10px;
		line-height: 0;
		margin-top:12px;
	}
	.komisi-box{
		height:42px;
		position: relative;
		background: #076f4b;
		width:65px;
	}
	.komisi-text{
		font-size:10px;
		color: #fff;
		position: absolute;
		top:6px;
		left:14px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: 1;
		letter-spacing: normal;
		font-family: AvenirNext-Thin;
	}
	.komisi-total-text{
		font-size:20px;
		color: #fff;
		position: absolute;
		bottom:-12px;
		left:10px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: 1;
		letter-spacing: normal;
		font-family: AvenirNext-Bold;
	}
	.btn-booked:focus{
		color:#fff;
		box-shadow: 0px 0px 0px 0px;
	}
	.btn-booked:hover{
		color:#fff;
		box-shadow: 0px 0px 0px 0px;
	}
	.icon-booked{
		height: 17px;
		margin-top:0;
		margin-right:2px;
	}
	.card-list{
		border-radius:20px;
		box-shadow: 0 0.5px 7px 0 rgba(0, 0, 0, 0.12);
	}
	.card-list-content{
		margin-top:150px;
	}

	.img-property{
		height:220px;
		width: 100%;
	}
	.top-left-control{
		position: absolute;
		top: 4px;
		left: 14px;
		width: 18px;
		height: 18px;
		object-fit: contain;
	}
	.top-right-control{
		position: absolute;
		top: 4px;
		right: 14px;
		width: 18px;
		height: 18px;
		object-fit: contain;
	}
	.list-col{
		padding-left:15px !important;
		padding-right:15px !important;
		padding-top:15px !important;
	}
	.list-col-2{
		padding-left:0px !important;
		padding-right:0px !important;
		padding-top:15px !important;
	}
	.top-center-control{
		position: absolute;
		top: 8px;
		left: 50%;
		font-weight: bold;
	}
	.top-center-control-text{
		color: #fff;
		font-family: AvenirNext-Demi;
		font-size: 14px;
		position: relative;
		left: -50%;
	}
	.bottom-right-control{
		position: absolute;
		opacity: 0.8;
		bottom: 14px;
		right: 14px;
	}
	button:disabled,
	button[disabled]{
		background: #eee;
	}

	.btn-telusuri{
		border-radius: 2.5px;
		background: #fff;
		font-weight:bold;
		padding:3px 10px 3px 10px;
		border-color: transparent;
	}
	.btn-telusuri:active{
		box-shadow: 0 1px 5.5px 0 rgba(0, 0, 0, 0.07);
		border-color: transparent;
	}
	.btn-telusuri:focus{
		box-shadow: 0 1px 5.5px 0 rgba(0, 0, 0, 0.07);
		border-color: transparent;
	}
	.icon-telusuri{
		height:14px;
	}

	.text-telusuri{
		font-size:13px;
		margin-left:8px;
	}

	.public-badge{
		background: #076f4b;
		font-family: AvenirNext-Thin;
		font-size:10px;
		padding-left:13px;
		padding-right:13px;
		border-radius: 15px;
		padding-top:4px;
		padding-bottom:4px;
	}
	.icon-marker{
		height:10px;
		margin-top:-3px;
	}
	.property-detail-text{
		color:grey; font-family: AvenirNext-Regular;
		font-size:14px;
		color:#838383;
		margin-top:-2px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
	}
	.property-detail-qty-text{
		font-family: AvenirNext-Demi;
		font-size:14px;
		margin-top:-4px;
	}
	.property-facility-text{
		color:#000;
		margin-top:10px;
		font-family: AvenirNext-Medium;
		font-weight: 500;
		font-size:13px;
	}
	.property-facility-text-2{
		color:#000;
		margin-top:10px;
		font-family: AvenirNext-Medium;
		font-weight: 500;
		font-size:13px;
	}
	.class-content{
		background: #222;
		height:100vh;
		position: relative;
		overflow: hidden;

	}
	.image-gallery-parent{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.image-gallery-child{
		height:70px;
		width: 6.3rem;
		display: inline;
		vertical-align: top;
		float: none;
		margin-right:10px;
		border-radius:5px;
		background: #000000;
		opacity: 0.6;
	}
	.upload-link-edit{
		text-decoration: none;
		color:#222;
		font-size:12px;
		font-family: AvenirNext-Regular;
	}
	.upload-link-edit:hover{
		text-decoration: none;
		color:#222;
		font-size:12px;
		font-family: AvenirNext-Regular;
	}
	.active{
		box-shadow: 0px 0px 0px 1px #076f4b;

		background: transparent;
		opacity: 1;
	}
	.property-image-facility{
		height:35px;
		width: 35px;
	}
	.property-image-facility-2{
		height:30px;
		margin-top:5px;
		width: 35px;
	}
	.absolute-moda{
		position: absolute;
	}
	.others-ul{
		list-style-type: none;
		padding-left:0;
		font-family: AvenirNext-Regular;
		font-size:13px;
	}
	.status-ul{
		list-style-type: none;
		padding-left:0;
		font-family: AvenirNext-Regular;
		font-size:16px;
		padding-bottom: 0px;

	}
	.text-title-promo{
		font-size:24px;
		font-family: AvenirNext-Heavy;
	}
	.text-promo{
		font-size:14px;
		margin-top:-10px;
	}
	.promo-link{
		font-size:14px;
		text-decoration: none;
		color:#222;
		font-family: AvenirNext-Demi;
	}
	.promo-link:hover,:focus{
		text-decoration: none;
	}
	.list-edit-link{
		font-size:14px;
		text-decoration: none;
		color:#222;
		font-family: AvenirNext-Regular;
	}
	.list-edit-link:hover,:focus{
		text-decoration: none;
	}
	.modal-custom-header{
		border-bottom:0;
		background: #fff;
		border-radius: 0;
		height:50px;
		padding:0.6rem;
		padding-left:15px;
		padding-right:15px;
	}
	.promo-ul{
		list-style-type: none;
		padding-left:0;
	}
	.list-edit-ul{
		list-style-type: none;
		padding-left:0;
	}
	.container-file-input {
		width: 100%;
		height: 45px;
		background-color: white;
		box-shadow: 1px 2px 3px #ededed;
		position:relative;
		border: 1px solid #d8d8d8;
		border-radius: 10px;
	}
	.file-input-5 {
		width: 100%;
		height: 45px;
		opacity:0
	}
	#val {
		width: 100%;
		height: 45px;
		position: absolute;
		top: 0;
		left: 0;
		font-size:14px;
		line-height: 25px;
		text-indent: 10px;
		pointer-events: none;
		margin-top:10px;
	}
	#button {
		cursor: pointer;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		display: block;
		width: 110px;
		background-color: #9a9a9a;
		height: 45px;
		color: white;
		position: absolute;
		right:0;
		top: 0;
		font-size: 14px;
		padding-top:12px;
		text-align: center;
		-webkit-transition: 500ms all;
		-moz-transition: 500ms all;
		transition: 500ms all;
	}

	.promo-li{
		/*border-top:solid 2px #f2f2f2;*/
		border-bottom:solid 2px #f2f2f2;
		padding-top:15px;
		padding-bottom: 15px;
	}
	.btn-upload{
		background: #9a9a9a;
		color:#fff;
		height:45px;
		position: absolute;
		padding: 12px 20px 5px 15px;
		font-size:12px;
		border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.file-input{
		position: absolute;
		z-index: 1000;
		opacity: 0;
		cursor: pointer;
		right: 0;
		top: 0;
		bottom:0;
		left: 0;
		height: 100%;
		font-size: 24px;
	}
	.sk-li{
		padding-top:15px;
		padding-bottom:35px;
		border-bottom:solid 1px #eaeaea;
	}
	.status-li{
	}
	.status-li-active{
		color: #076f4b;
		font-family: AvenirNext-Medium;
	}
	.status-li-last{
		border-top:solid 0px #eaeaea;
		padding-top:10px;
		padding-bottom: 0px;
	}
	.modal-edit{
		margin-top:50%;
		margin-bottom:50%;
	}
	.promo-li-after{
		border-top:solid 0;
		border-bottom:solid 2px #f2f2f2;
		padding-top:15px;
		padding-bottom: 15px;
	}
	.list-edit-li{
		border-bottom:solid 2px #f2f2f2;
		padding-top:20px;
		padding-bottom: 20px;
	}
	.list-edit-li-after{
		border-bottom:solid 2px #f2f2f2;
		padding-top:20px;
		padding-bottom: 20px;
	}
	.title-card{
		font-family: AvenirNext-Demi;
		font-weight: bold;
		font-size:14px;
	}
	.uploader-title{
		font-family: AvenirNext-Medium;
		font-size:12px;
		font-weight: 600;
	}
	.uploader-name{
		font-family: AvenirNext-Bold;
		font-size:14px;
		margin-top:-10px;
	}
	.uploader-phone{
		font-family: AvenirNext-Regular;
		color:#555555;
		font-weight:500;
		margin-top:-15px;
		font-size:15px;
	}
	.navbar-center-text{
		position: absolute;
		left: 40%;
		top:11px;
	}
	.badge-menu{
		position: absolute;
		top:0;
		right:2px;
		background: #d0021b;
		color:#fff;
		border-radius:50%;
		width:20px;
		height:20px;
		line-height: 20px;
		text-align: center;
		font-size:11px;
	}
	.badge-menu-2{
		position: absolute;
		bottom:10px;
		left:20px;
		background: #d0021b;
		color:#fff;
		border-radius:50%;
		width:20px;
		height:20px;
		line-height: 20px;
		text-align: center;
		font-size:11px;
	}
	.uploader-company{
		font-family: AvenirNext-Regular;
		color: #555555;
		margin-top:-15px;
		font-size:13px;
	}
	.uploader-btn{
		background-color:#fff;
		border:silver solid 1px;
		font-size:12px;
		border-radius:5px;
		font-family: AvenirNext-Regular;
		font-weight: 550;
		height:35px;
	}
	.text-note{
		font-family: AvenirNext-Medium;
		font-size:12px;
		font-weight: 500;
	}
	.text-start-form{
		color:#222;
		font-family: AvenirNext-Medium;
		font-size:13px;
		margin-top:-10px;
	}

	.no-side-margin{
		margin-left:0 !important;
		margin-right:0 !important;
	}
	.no-side-padding{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.no-border{
		border:0 !important;
	}
	.no-border-radius{
		border-radius: 0 !important;
	}
	.col-property-list-right{
		border-right:0;
	}
	.profile-image{
		height: 90px;
		width:90px;
		border: 3px solid #fff;
		box-shadow: 0 0 0 2px #076f4b;
		margin-top:50px;
	}
	.input-search-listing{
		border-radius:45px !important;
		border:solid 1.2px #076f4b;
		height:40px;
		font-size:14px;
		font-family: AvenirNext-Light;
	}
	.input-search-listing-2{
		border-radius:10px !important;
		border:solid 1.5px #cdcdcd;
		height:45px;
		font-size:16px;
		font-family: AvenirNext-Medium;
		color: #222;
	}
	.owl-item.active{
		box-shadow: 0px 0px 0px 0px;
	}
	.owl-carousel .owl-stage{
		padding-left: 0px !important;
	}
	.input-search-listing-2:focus{
		box-shadow: 0px 0px 0px 0px;
		border-color: #cdcdcd;
	}

	.btn-label {
		background: rgba(0, 0, 0, 0.05);
		display: inline-block;
		padding: 7px 10px;
		margin: -7px -13px;
		margin-right: 12px;
		background: #01452d;
		color: #fff;
		border-radius:5px;
	}
	.upload-container-image{
		width: 220px;
		height:120px;
		border-radius:10px;
		background: #fafafa;
		z-index: 1;
		border: solid 1px #cacaca;
	}
	.btn-label-right {
		margin-left: 12px;
		margin-right: -13px;
		font-size:13px;
		font-family: AvenirNext-Regular;
	}

	.upload-input-image{
		position: absolute;
		cursor: pointer;
		left:20px;
		z-index: 3;
		opacity: 0;
		right:0;
		top:0;
		bottom:0;
		width:200px;
		height: 120px;
	}
	.upload-image-container{
		height:120px;
		border-radius: 15px;
		background: #fafafa;
		border:solid 1px #cacaca;
	}
	.text-upload-3-bottom{
		font-size:16px;
		font-family: AvenirNext-Bold;
		font-weight: bold;  line-height: 1.13;
	}
	.input-image-upload{
		position: absolute;
		left:0;
		top:0;
		right:0;
		bottom: 0;
		width: 100%;
		opacity: 0;
		z-index: 5;
	}
	.text-upload-image{
		top:65%;
		text-decoration: underline;
		left:50%;
		transform: translate(-50%, -50%);
		position: absolute;
		font-size:12px;
	}
	.upload-image{
		height: 30px;
		top: 40%;
		position: absolute;
		left: 50%;
		width: 40px !important;
		transform: translate(-50%, -50%);
	}
	.btn-label-2{
		background: #076f4b;
		color: #fff;
		margin-right:5px;
		margin-bottom:10px;
		font-family: AvenirNext-Light;
		font-size:12px;
		font-weight: 500;
		border-radius:5px;
	}


	.input-search-listing-2::-webkit-input-placeholder{
		color: #cdcdcd;
	}

	.input-search-listing:focus{
		box-shadow: 0px 0px 0px 0px;
		border-color:#076f4b;
	}
	.text-green{
		color:#076f4b;
	}
	.btn-terapkan{
		color:#fff;
		font-size:16px;
		background: #076f4b;
		padding-left:40px;
		padding-right: 40px;
		margin-top:15px;
		height: 42px;
	}
	.progress-bar-green{
		border-radius:10px;
		width:10%;
		height:10px;
		background: #076f4b;
	}
	.text-agen-name{
		font-size:14px;
		font-family: AvenirNext-Bold;
		margin-top:10px;
	}
	.text-agen-join{
		font-size:10px;
		margin-top:-15px;
		color: #555555;
	}
	.card-agen{
		border-radius: 10px;
	}
	.quota-row{
		margin-top:17px;
		margin-left:0px;
		margin-right:0px;
	}
	.progress-back{
		background: #d8d8d8;
		height:10px;
		width: 100%;
	}
	.label-agen{
		font-family: AvenirNext-Medium;
		font-size:14px;
	}
	.quota-qty{
		position: absolute;
		right:15px;
		color:#076f4b;
		top:0;
		font-family: AvenirNext-Demi;
		font-size:14px;
	}
	.btn-utama{
		background: #076f4b;
		border-color: #076f4b;
		color:#fff;
		font-family: AvenirNext-Regular;
		font-size:14px;
		font-weight: 500;
		font-style: normal;
		font-stretch: normal;
		height:100%;
		line-height: normal;
		letter-spacing: normal;
		text-align: center;
	}
	.input-search-listing::-webkit-input-placeholder {
		/* WebKit, Blink, Edge */
		color: #c0c0c0;
	}
	.btn-search-listing{
		height:40px;
		position: absolute;
		background: #076f4b;
		color:#fff;
		right:0;
		border-radius: 45px;
		padding-left:25px;
		padding-right:25px;
		z-index: 5;
	}
	.btn-search-listing-2{
		height:45px;
		position: absolute;
		background: #fff;
		border:solid 1.5px #076f4b;
		font-size: 18px;
		color:#076f4b;
		right:0;
		border-radius: 10px;
		padding-left:25px;
		padding-right:25px;
		z-index: 5;
	}
	.profile-user-name{
		font-family: AvenirNext-Bold;
		font-weight: bold;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #000000;
		margin-top:20px;
	}
	.profile-user-email-phone{
		font-family: AvenirNext-Regular;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: center;
		color: #000000;
		font-size:13px;
		margin-top:-12px;
	}
	.profile-user-company{
		font-size:14px;
		font-family: AvenirNext-Medium;
		font-weight: 500;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #000000;
		margin-top:-10px;
	}
	.container-listing-filter{
		background: #fff;
		height:90px;
		width: 90px;
		border-radius:40px;
		border: solid 1px #d6d6d6;
		box-shadow: 0 3px 4px 0 rgba(7, 111, 75, 0.1);
	}
	.container-listing-filter2{
		background: #fff;
		height:70px;
		width: 70px;
		border-radius:25px;
		border: solid 1px #d6d6d6;
		box-shadow: 0 3px 4px 0 rgba(7, 111, 75, 0.1);
	}
	.filter-text{
		margin-left:20px;
		font-size:14px;
		font-family: AvenirNext-Medium;
		font-weight: 600;
	}
	.container-listing-filter-price{
		background: #fff;
		height:60px;
		width: 100%;
		border-radius:10px;
		border: solid 1px #d6d6d6;
	}
	.container-listing-filter-detail{
		background: #fff;
		height:75px;
		width: 100%;
		border-radius:10px;
		border: solid 1px #d6d6d6;
	}
	.btn-circle-minus{
		position: absolute;
		right: 25%;
		top:13px;
		border-radius: 50%;
		height:28px;
		width: 28px;
		background: transparent;
		border:2px solid #076f4b;
		color:#076f4b;
		font-size:13px;
		text-align: center;
		padding-top:3px;
	}
	.btn-circle-minus-disabled{
		position: absolute;
		right: 25%;
		top:13px;
		border-radius: 50%;
		height:28px;
		width: 28px;
		background: transparent;
		border:2px solid #dadada;
		color:#dadada;
		font-size:13px;
		text-align: center;
		padding-top:3px;
	}
	.btn-circle-plus{
		position: absolute;
		right: 5%;
		top:13px;
		border-radius: 50%;
		height:28px;
		width: 28px;
		background: transparent;
		border:2px solid #076f4b;
		color:#076f4b;
		font-size:13px;
		text-align: center;
		padding-top:3px;
	}
	.btn-circle-plus-disabled{
		position: absolute;
		right: 5%;
		top:13px;
		border-radius: 50%;
		height:28px;
		width: 28px;
		background: transparent;
		border:2px solid #dadada;
		color:#dadada;
		font-size:13px;
		text-align: center;
		padding-top:3px;
	}
	.img-listing-filter{
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		height:30px;
	}
	.img-listing-filter2{
		position: absolute;
		top: 50%;
		left: 35%;
		transform: translate(-50%, -50%);
		height:22px;
	}

	.input-upload-2{
		background: transparent;
		width: 70%;
		margin-top:15px;
		border-radius: 0;
		border: 0;
		border-bottom: solid 2px #c8c8c8;
		text-align: center;
		font-family: AvenirNext-Bold;
		font-size: 16px;
		padding-bottom: 0px;
		z-index: 0;
		color:#c8c8c8;
	}
	.input-upload-2:focus{
		box-shadow: 0px 0px 0px 0px;
		border-color: transparent;
		border-bottom: solid 2px #747474;
	}

	.text-listing-filter2{
		position: absolute;
		top: 50%;
		right: 17%;
		transform: translate(-50%, -50%);
		font-size:16px;
		font-family: AvenirNext-Bold;
	}
	.search-offers-name{
		font-size:14px;
		font-family: AvenirNext-Bold;
		font-weight: bold;
	}
	.search-offers-company{
		font-size:10px;
		color:#555555;
		margin-top:-15px;
	}
	.search-offers-image{
		height:50px;
		width: 50px;
		position: absolute;
		right:15px;
	}
	.search-offers-phone{
		font-size:12px;
		color:#555555;
		margin-top:-15px;
	}
	.img-listing-detail{
		position: absolute;
		top: 10px;
		left:25px;
		height:30px;
	}
	.text-filter{
		margin-top:10px;
		font-size:13px;
		color:#076f4b;
		font-family: AvenirNext-Medium;
	}
	.text-filter-listing{
		position: absolute;
		bottom:8px;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size:12px;
		font-weight: 600;
	}
	.text-filter-price{
		position: absolute;
		top:8px;
		left:25px;
		font-size:12px;
	}
	.text-filter-unit{
		position: absolute;
		bottom:9px;
		right:10px;
		font-size:15px;
	}
	.text-filter-detail{
		position: absolute;
		bottom:10px;
		color: #838383;
		left:25px;
		font-size:10px;
	}
	.input-detail-filter{
		border:0px;
		font-family: AvenirNext-Demi;
		font-size:18px;
		font-weight: 600;
		position: absolute;
		top:5px;
		left:62px;
		width: 18px;
		text-align: center;
		padding-left:3px;
		border-bottom:solid 2px #c9c9c9;
		border-radius: 0px;
		padding-bottom: 1px;
		padding-right:0px;
	}
	.form-control[readonly].input-detail-filter{
		background: transparent;
	}
	.input-detail-filter:focus{
		box-shadow: 0px 0px 0px 0px;
	}
	.input-filter-price{
		height:20px;
		margin-top:30px;
		border:0px;
		font-family: AvenirNext-Demi;
		font-size:14px;
		padding-left: 10px;
		font-weight: 600;
	}
	.input-filter-price:focus{
		box-shadow: 0px 0px 0px 0px;
	}
	.input-filter-luas{
		height:20px;
		margin-top:30px;
		border:0px;
		font-family: AvenirNext-Bold;
		font-size:15px;
		padding-left: 10px;
		font-weight: 600;
	}
	.input-filter-luas:focus{
		box-shadow: 0px 0px 0px 0px;
	}
	.filter-select-location{
		height:45px !important;
		border-radius:10px;
		font-size:14px;
		font-family: AvenirNext-Demi;
		font-weight: 600;
	}
	.append-text{
		padding-left:30px;
		padding-right:30px;
		border-radius: 10px;
		font-family: AvenirNext-Bold;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		font-size:16px;
		font-weight: bolder;
	}
	.no-side-border{
		border-top-right-radius: 10px !important;
		border-bottom-right-radius: 10px !important;
		border-top-left-radius: 10px !important;
		border-bottom-left-radius: 10px !important;
		z-index: 0 !important;
	}
	.filter-select-location:focus{
		box-shadow: 0px 0px 0px 0px;
		border-color: #ced4da;
	}
	.filter-select-location2{
		height:45px !important;
		border-radius:10px;
		font-size:16px;
		color: #222 !important;
		font-family: AvenirNext-Bold;
		font-weight: 600;
	}
	.text-title-upload-2{
		font-family: AvenirNext-Medium;
		font-weight: bold;
		font-size: 14px;
	}
	.filter-select-location2:focus{
		box-shadow: 0px 0px 0px 0px;
		border-color: #ced4da;
	}
	.filter-select-location3{
		height:45px !important;
		border-radius:10px;
		font-size:16px;
		color: #fff !important;
		font-family: AvenirNext-Regular;
		font-weight: 500;
		background: #8b8b8b;
	}
	.filter-select-location2:focus{
		box-shadow: 0px 0px 0px 0px;
		border-color: #ced4da;
	}
	.filter-select-text{
		height:45px !important;
		border-radius:10px;
		font-size:14px;
		font-family: AvenirNext-Demi;
		font-weight: 600;
	}
	.filter-select-text::-webkit-input-placeholder{
		color: #cccccc;
	}
	.filter-select-text:focus{
		box-shadow: 0px 0px 0px 0px;
		border-color: #ced4da;
	}
	.filter-select-text2{
		height:45px !important;
		border-radius:10px;
		font-size:16px;
		font-family: AvenirNext-Bold;
		font-weight: 600;
	}
	.filter-select-text2::-webkit-input-placeholder{
		color: #cccccc;
	}
	.filter-select-text2:focus{
		box-shadow: 0px 0px 0px 0px;
		border-color: #ced4da;
	}
	.profile-user-desc{
		font-size:14px;
		font-family: AvenirNext-Regular;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.43;
		letter-spacing: normal;
		text-align: center;
		color: #333333;
		margin-top:20px;
	}
	.btn-edit-profile{
		background: transparent;
		border-radius: 20px;
		border: solid 1px #dddddd;
		height:40px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: center;
		color: #000000;
		font-size:14px;
		padding-left:25px;
		padding-right:25px;
		margin-top:15px;
		margin-bottom: 80px;
	}
	.btn-edit-profile:focus{
		box-shadow: none;
	}
	.navtab{
		position: absolute;
		bottom:0;
		margin-bottom:0;
		padding: 0;
		list-style-type: none;
	}
	.navtab-item{
		border-bottom: solid transparent 2.2px;
		float:left;
		margin-right: 20px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom: 10px;
		text-decoration: none;
	}
	.navtab-link{
		font-family: AvenirNext-Medium;
		font-size:14px;  font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #7f7f7f;
		text-decoration: none;
	}
	.navtab-link:hover{
		color: #7f7f7f;
		text-decoration: none;
	}
	.navtab-item-active{
		border-bottom: solid #076f4b 2.2px;
	}
	.navtab-link-active{
		color: #076f4b !important;
	}
	.sticky-navbar{
		left:0;
		position: fixed;
		right:0;
		padding-top: 1px;
		padding-bottom: 1px;
		z-index: 3;
	}
	.static-navbar{
		left:0;
		position: absolute;
		right:0;
		padding-top: 1px;
		padding-bottom: 1px;
		z-index: 2;
	}

.whiteboard-page .container .list-whiteboard .justify-content-center center a {
	cursor: pointer;
}
.whiteboard-page .container .list-whiteboard .whiteboard-spec .line-bot {
	border-bottom: 1px solid #e9e9e9;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.whiteboard-page .container .list-whiteboard .whiteboard-spec .line-table {
	border-bottom: 1px solid #e9e9e9;
    margin-bottom: 1rem;
	padding-bottom: 1rem;
	display: block;
}

.btn-co-broking {
	font-size: 13px;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
}

.btn-co-broking:hover,
.btn-co-broking:active,
.btn-co-broking:focus {
	color: #fff;
}