#services .onboarding form .group {
		width: 50%;
	}


	#sign-up {
		background-color: #f5f2e8;
		padding-bottom: calc(15px + 2vw);
	}
	
	#sign-up p {
		text-align: center;
	}
	
	

	body > section,
	#services h3,
	#services #learn > *,
	#services #learn a,
	#compare-all > div,
	#compare-all #next-level,
	#all-plans table th.col_a div,
	#all-plans table th p span.btn {
		display:flex;
		display:-webkit-flex;
	}

	#services {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}

	#services .brief,
	#services #learn,
	#services #learn a,
	#compare-all,
	#all-plans {
		flex-direction: column;
		-webkit-flex-direction: column;
	}

	#services #intro {
		margin-bottom: calc(2vw + 10px);
		text-align: center;
		width:100%;
	}
	
	
	#banner-intro,
	#l-enquire {
		display:flex;
		display:-webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
	}
	
	
	#banner-intro {
		color: #fff;
		height: 60vh;
		max-height: 550px;
		padding: 0px;
		position: relative;
	}
	
	#banner-intro > div {
		position: absolute;
	}
	
	#banner-intro h1 {
		letter-spacing: 0.4px;
		text-transform: none;
		width: auto;
	}
	
	#banner-intro h1:after {
		border: none;
		margin: unset;
	}
	
	
	.bg_fade {
		display:flex;
		display:-webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
		flex: 1;
		-webkit-flex: 1;
		background: linear-gradient(0deg, rgb(31 24 16) 0, rgba(31, 24, 16, 0) 100%);
		backdrop-filter: brightness(0.7);
		height: 100%;
		width: 100%;
		z-index: 1;
	}

	#l-enquire {
		margin-bottom: 20px;
		width: 100%;
	}
	
	#services {
		background-color: rgb(31 24 16);
		color: #fff;
	}
	
	
	#services .brief {
		border-radius: 5px;
		margin-bottom: 30px;
	}

	
	#services .brief {
		padding-bottom: 20px;
		padding-top: 10px;
		width: calc(30% - 10px);
	}
	
	
	
	#services > div {
		opacity: 0;
		transition-property: opacity, transform, color;
		transition-duration: 1.5s;
		transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	}
	
	
	#services #intro {
		transform: translateY(15px);
		-webkit-transform:translateY(15px);
	}
	
	
	#services #fully-managed {		transform: translateX(-45px); }
	#services #rent-collection {	transform: translateX(-30px); }
	#services #tenant-finder {		transform: translateX(-15px); }

	#services.fade-in > div {
		opacity: 1;
		transform: translateX(0px) translateY(0px) !important;
		-webkit-transform: translateX(0px) translateY(0px) !important;
	}
	
	
	#services h3 {
		align-items: center;
		-webkit-align-items: center;
		color: #fff;
		font-weight: 600;
		margin-bottom: 10px;
	}
	
	#services h3 + p {
		margin-bottom: 5px;
		min-height: 3em;
		padding-left: 30px;
	}
	
	#services h3 + p,
	#services price:after {
		font-size: 16px;
		font-weight: 300;
	}

	#services h3 svg,
	#services h3 img {
		height: 1em;
		margin: 0px 5px 0px 0px;
	}

	#services h4 {
		border-top: 1px solid #c986eb54;
		font-size: 22px;
		font-weight: 400;
		line-height: normal;
		margin: 1.5rem 0px 30px 0px;
		padding: 25px 12px 0px 30px;
	}

	#services price {
		border-bottom: 1px solid #ddd;
		font-size: 2.4em;
		font-weight: 300;
		padding-bottom: 0.3rem;
	}
	
	#services price:before {
		content: '\00a3';
	}
	
	#services price:after {
		content: '/ month';
	}
	
	
	
	
	#services ul,
	#services #learn a,
	#fee-notes .col_a ul {
		font-size: 16px;
	}
	
	.fillsvg {
		fill:red !important;
	}
		
	#services ul li {
		color: #f8f8f7;
		list-style: none;
		margin-bottom: 10px;
		padding-left: 30px;
		position: relative;
	}

	#services ul li::before {
		content: "";
		position: absolute;
		left: 0;
		top: 5px;
		width: 16px;
		height: 12px;
		background-color: #f0c8ff;
		mask-image: url('/_images/icons/tick.svg');
		-webkit-mask-image: url('/_images/icons/tick.svg');
		mask-size: cover;
		-webkit-mask-size: cover;
	}
	
	
	#services #learn {
		background-color: var(--pale-sky);
		color: #433;
	}
	
	#services #learn a {
		border-radius: 5px;
		color: inherit;
		margin-bottom: 15px;
		padding: 15px 25px;
	}
	
	#services #learn a label {
		color: #240033;
		/*
		font-weight: 400;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		*/
	}
	
	#services #learn a label:after {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 8px solid var(--pink);
        content: '';
		display: inline-block;
        font-size: .3em;
        margin-left: 10px;
		margin-top: 0px;
        vertical-align: middle;
    }
	
	
	
	#compare-all {
		justify-content: center;
		-webkit-justify-content: center;
		background-color: var(--stone);
		padding-bottom: 30px;
	}
	
	#compare-all > div {
		background-color: var(--white);
		border-radius: 0px 0px 5px 5px;		
		margin: 0px auto calc(2vw + 15px) auto;
	}
	
	#compare-all h3,
	#fee-notes h3 {
		color: var(--purple-darkest);
	}
	
	#compare-all h3 + p {
		font-size: 1.6em;
	}
	
	#compare-all picture,
	#compare-all video {
		border-radius: 5px;	
		overflow: hidden;
		z-index: 1;
	}
	
	#compare-all picture {
		border-radius:5px;
		overflow: hidden;
	}
	
	#compare-all #next-level {
		justify-content: space-around;
		-webkit-justify-content: space-around;
		margin-top: 3vw;
	}
	
	
	
	#all-plans h2 {
		margin-bottom: 30px;
		margin-top: 30px;
	}
	
	#all-plans h2:after {
		border-color: #d5ccc4;
	}

	#all-plans table tr:not(:last-of-type) {
		border-bottom: 1px solid #ddd4;
	}

	#all-plans table tr:not(.row_a, .row_x):hover > * {
		background-color: var(--pale-sky);
		color: #431e52;
	}
	
	#all-plans table tr > * {
		padding-bottom:5px;
		padding-top:10px;
		transition: 0.3s background;
		vertical-align: top;
	}
	
	#all-plans table tr > td {
		padding: 10px 25px 5px 0px;
	}
	
	#all-plans table tr.top_a > td {
		padding-top: 21px;
	}
	
	#all-plans table .col_a {
		padding-left:20px;
		width: 35%;
	}
	
	#all-plans table .col_a div {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		align-items: baseline;
		-webkit-align-items: baseline;
	}
	
	
	
	
	#all-plans table .txt,
	#all-plans table .row_a > .col_a {
		text-align: left;
	}
	
	#all-plans table .exp svg,
	#all-plans table td svg {
		height:100%;
		margin:0px;
		width:100%;
	}
	
	#all-plans .row_x th img {
		height: 1.2em;
	}
	
	#services h3::before {	
		background-color: #f0c8ff;
		content: '';
		display: inline-block;
		height: 1em;
		margin-right: 5px;
		-webkiot-mask-size: cover;
		mask-size: cover;
		width: 30px;
	}
	
	#services #fully-managed h3::before {	mask-image: url('/_images/icons/rocket.svg');	}
	#services #rent-collection h3::before {	mask-image: url('/_images/icons/rent-collection.svg');	}
	#services #tenant-finder h3::before {	mask-image: url('/_images/icons/tenant-finder.svg');	}
	
	#services h3 img,
	#all-plans table td svg {
		max-height: 1em;
		max-width: 40px;
	}
	
	#all-plans table td .svg_ptick {
		fill: #575d;
	}
	
	#all-plans table td .svg_pcross {
		fill: #5559;
	}
	
	
	#all-plans table th,
	#all-plans table tr.row_a th {
		font-weight: 600;
	}
	
	#all-plans table tr.row_x {
		border: none;
	}
		
	#all-plans table tr.row_x th {
		padding-bottom: 20px;
		padding-left: 20px;
		padding-top: 20px;
	}

	#all-plans table th p {
		font-size: 14px;
		font-weight: 300;
		width: calc(100% - 30px);
	}

	#all-plans table th h4 {
		/*font-family: 'Gowun Batang';*/
		font-weight: 600;
		width: 100%;
	}
	
	#all-plans .col_a h4 + div {
		padding-left:30px;
	}
	
	
	#all-plans table th .exp,
	#all-plans table th .exp svg,
	#all-plans table .row_enq .btn {
		cursor: pointer;
		transition-duration: .3s;
		transition-property: color, border, background;
	}
	
	#all-plans table th .exp svg {
		transition-property: color, transform, border, background;
	}
	
	
	#all-plans table th .exp {
		display: inline-flex;
		-webkit-display: inline-flex;
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
		border:1px solid #eee;
		border-radius: 3px;
		height:18px;
		padding:3px;
		margin:0px 8px 0px 0px;
		text-align:center;
		width:18px;
	}
	
	
	#all-plans table th .exp:hover,
	#all-plans table .reveal_exp .exp,
	#all-plans table .row_enq .btn:hover {
		background-color: #C1E0FF !important;
		border-color: #90c8ff;
		color: #2058bf;
	}
	
	#all-plans table th p a:hover {
		color: #2058bf;
	}
	
		
	#all-plans table .reveal_exp .exp svg {
		transform: rotateZ(45deg);
	}
	

	#all-plans table .row_enq .btn {
		border-color: var(--steam);
		border-radius: 5px;
		font-size: 1.5rem;
		padding: 10px;
		width: calc(100% - 15px);
	}
	
	
	
	#fee-notes .col_a {
		background-color: var(--pale-sky);
		border-radius: 5px;
		padding: 10px 35px 30px 35px;
	}
		
	#fee-notes ul {
		margin-bottom: 30px;
	}

	#fee-notes ul li {
		margin-left: 40px;
	}	
	

	h3 {
		margin-bottom:35px;
	}
	
	

	#sign-up-b {
		background-color: #fff;
		padding: 3vw 10vw 4vw 10vw;
	}
	
		
	@media (max-width: 2048px) {
		#landlords #header {			
			min-height: 50vh;
		}
	}

	
	@media (max-width: 1599px) {
		#all-plans h2 {
			padding-left: calc(7vw + 30px);
		}
	}
	
	
	@media (max-width: 991px) {
		body#landlords #header {
			-webkit-justify-content:center;
			justify-content:center;
		}
		
		body#landlords.tony #header h1 {
			font-size: 2rem;
		}
		
		body#landlords.tony #header h1 + p {
			font-size: 1.2rem;
			padding-left: 20px;
			padding-right: 20px;
		}
		
		#services {
			-webkit-flex-direction:column;
			flex-direction:column;
			padding: calc(2vw + 15px) 0px 0px 0px;
		}
		
		#services .brief,
		#services .brief .srv_list,
		#services .brief .srv_list .button {
			display: -webkit-flex;
			display: flex;
		}
		
		#services .brief {
			-webkit-flex-direction:column;
			flex-direction:column;
			width: calc(100% - 40px);
			margin: 0px 20px 0px 20px;
		}
		
		#services .brief h3 {
			margin: 0px;
		}
		
		#services .brief h4 {
			margin: 10px 0px 10px 0px;
			padding: 10px 10px 0px 30px;
		}
		
		#services .brief .srv_list {
			-webkit-flex-direction: column;
			flex-direction: column;
			border-radius: 5px;
			margin: 0px auto 20px auto;
			padding: 15px 15px 0px 15px;
		}
		
		#services .brief .srv_list ul {
			max-height: 0;
			overflow: hidden;
			margin-top: 0;
			margin-bottom: 0;
			transition: max-height 0.35s ease, margin-top 0.35s ease;
		}

		#services .srv_list.reveal_exp ul {
			max-height: unset; /* safely higher than the real list height */
			margin-top: 20px;
		}
		
		#services .brief .srv_list .button {
			-webkit-align-items: center;
			align-items: center;
			border-radius: 4px;
			font-weight: 600;
			margin: 0px auto;
			padding: 10px 20px;
			transition-property: background, color;
			transition-duration: .3s;
			width: calc(100% - 50px);
		}

		#services .brief .srv_list.reveal_exp {
			background-color: var(--indigo);
		}	

		#services .brief .srv_list .button:after {
			background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100%' viewBox='0 0 15.6 25.8'><g fill-rule='evenodd'><path fill-rule='evenodd' clip-rule='evenodd' fill='%23C1A0E3' d='M14.2,14L3,25.2l-2.1-2.1s0,0,4.9-4.9S.9,2.8.9,2.8L3,.6l11.2,11.2c.7.7.8,1.4,0,2.1Z'/></g></svg>");
			background-position: center;
			background-repeat: no-repeat;
			border-radius: 4px;
			content: ' ';
			display: inline-block;
			height: 1em;
			margin-left: auto;
			transform: rotate(90deg);
			transition-property: transform;
			transition-duration: .3s;
			width: 1em;
		}

		#services .brief .srv_list.reveal_exp .button:after {
			transform: rotate(-90deg);
		}

		#services .brief .srv_list.reveal_exp .button {
			background-color:var(--stone);
			color:var(--indigo);
		}

		#services .brief .srv_list.reveal_exp .button:after {
			transform: rotate(-90deg);
		}
		
		
		#services #learn {
			padding-left: 20px;
			padding-right: 20px;
		}
				
		#services #learn h2 {
			margin-bottom: 15px;
			padding-left: 30px;
		}
		
		#services #learn a {
			padding: 5px 30px;
		}
		
		#services #learn .col_b,
		#services #l-enquire {
			-webkit-flex-direction: column;
			flex-direction: column;
		}
		
		#services #l-enquire {
			margin-bottom: 0px;
			padding: 0px;
		}
		
		#services #l-enquire a {
			background-color: var(--white);
			bottom: 20px;
			color: var(--purple-dark);
			margin-bottom: 20px;
			margin-top: 20px;
			position: absolute;
			width: calc(100% - 120px);
		}
		
		#services #l-enquire a svg {
			fill: var(--pink);
			margin-left: auto;
		}
		
		#services #l-enquire picture,
		#fee-notes picture {
			margin: 20px;
			width: calc(100% - 40px);
			border-radius: 5px;
		}	
		
		#services #l-enquire picture img {
			filter: saturate(0) sepia(1) hue-rotate(-125deg) brightness(0.8);
		}
		
		#compare-all {
			padding-top: 20px;
			padding-bottom: 0px;
		}
		
		#compare-all > div {
			border-radius: 0px;
		}
		
		#compare-all .vp {
			margin: 20px;
		}
		
		#compare-all h3 {
			font-weight: 600;
			line-height: normal;
			margin-bottom: 10px;
			margin-top: 12px;
		}
		
		#compare-all .asset.button {
			margin: 15px 20px 20px 0px;
			width: calc(100% - 20px);
		}
		
		#compare-all h3 + p {
			font-size: 22px;
			padding-right: 20px;
		}
		
		
		
		#fee-notes {
			-webkit-flex-direction: column-reverse;
			flex-direction: column-reverse;
		}
		
		#fee-notes h3 {
			font-weight: 600;
			margin: 10px auto 20px auto;
		}
		
		#fee-notes ul li {
			margin-bottom: 10px;
			margin-left: 30px;
			padding-right: 10px;
		}
		
		#fee-notes .testimonial_highlight {
			padding: 10px 20px 30px 20px;
		}
		
		#fee-notes .testimonial_highlight blockquote {
			font-size: 2rem;
		}
		
		#all-plans,
		#fee-notes .testimonial_highlight #svgh-quote-b {
			display: none;
		}
		
		#fee-notes .asset.button {
			width: 100%;
		}
	}
	
	
	@media (min-width: 991px) {
		
		#landlords #header {
			-webkit-justify-content: center;
			justify-content: center;
			background: linear-gradient(0deg, rgb(31 24 16) 0, rgba(31, 24, 16, 0) 100%);
		}
		
		#services .brief:hover {
			background-color: rgba(50, 45, 40, 0.4);
		}
		
		
		#services .brief .srv_list .button,
		#l-enquire picture {
			display: none;
		}
		
		#services .brief .srv_list {
			display: flex;
			display: -webkit-flex;
		}
		
		#services,
		#compare-all,
		#all-plans {
			padding-left:30px;
			padding-right:30px;
		}
						

		#compare-all .vp {
			border-radius: 5px;
			margin: 3vw 3vw -3vw 3vw;
			overflow: hidden;
			width: 32%;
		}
		


		#all-plans {
			padding-bottom: 40px;
		}
		
		
		#fee-notes .col_a {
			margin: calc(30px + 2vw) auto auto auto;
		}


		.testimonial_highlight {
			backdrop-filter: blur(10px) brightness(0.95) contrast(1.3);
			border-radius: 10px;
			padding: 20px 30px;
		}

		.testimonial_highlight svg,
		.testimonial_highlight label {
			color: #956cad;
			font-size: 16px;
		}
	}
		
	
	
	@media (min-width: 1200px) {
		
		#services,
		#services #learn,
		#services #learn .col_b {
			justify-content: space-evenly;
			-webkit-justify-content: space-evenly;
		}

		#services {
			margin-top: 0px;
		}
		
		#services .brief {			
			margin-top: 0vw;
			padding-left: 2%;
			padding-right: 2%;
			width: 30%;
		}
		
		
		#services .brief,			
		#services #learn a {
			transition-duration: .4s;
			transition-property: background, border;
		}
						
		#services #learn,
		#compare-all > div/*,
		#fee-notes > div*/ {
			width: calc(100% - 14vw);
		}
						
		#services #learn {
			border-radius: 5px 5px 0px 0px;
			margin-top: calc(20px + 1vw);
			padding: 0px 20px 0px 20px;
		}
					
		#services #learn .col_a {
			justify-content: space-evenly;
			-webkit-justify-content: space-evenly;
			align-items: center;
			-webkit-align-items: center;
			width: 100%;
		}		
			
		#services #learn .col_b {
			flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			justify-content: space-evenly;
			-webkit-justify-content: space-evenly;
			padding-top: 20px;
			width: 100%;
		}
		
		#services #learn h2 {
			margin: 20px auto auto auto;
		}
		
		#services #learn h2:after {
			border-color: #d5ccc4;
		}
		
		#services #learn a {
			border: 1px solid transparent;
			border-radius: 5px;
			margin:0px 1px 20px 0px;
			width: 30%;
		}
		#services #learn a p {
			margin-bottom: 0px;
		}
		
		#services #learn a:hover {
			border-color: #4333;
			cursor: pointer;
			text-decoration: none;
		}
		
		#compare-all > div > .vp + div {
			margin: auto;
			width:calc(67% - 4vw);
		}
		
		#compare-all > div > .vp + div {
			padding-right:4vw;
		}		
		
		#compare-all h3,
		#fee-notes h3 {
			margin-bottom:15px;
		}		
		
		#compare-all h3,
		#fee-notes h3 {
			font-size:3rem;
		}
		
		#compare-all #next-level {
			justify-content: flex-start;
			-webkit-justify-content: flex-start;
			margin-top: 3vw;
		}
		
		#compare-all #next-level > * {
			width: 45%;
		}
		
		
		#fee-notes {
			background:linear-gradient(0deg, rgb(243 243 251) 0, rgba(31, 24, 16, 0) 100%);
			padding: 0px 7vw;
			position: relative;
			z-index: auto;
		}
		
		#fee-notes .col_a,
		#fee-notes .col_b {
			max-width: 50%;
			z-index: 1;
		}

		#fee-notes .col_a {
			background-color: #fcfcffdd;
			backdrop-filter: blur(20px);
			border-radius: 5px;
			box-shadow: 0px 0px 100px #fffa;
			margin: calc(30px + 2vw) auto auto auto;
			padding: 10px 35px 30px 35px;
			z-index: 1;
		}
		
		#fee-notes ul li {
			padding-bottom: 10px;
			margin-bottom: 10px;
			padding-right: 15px;
			padding-left: 10px;
		}
		
		#fee-notes ul li:not(:last-of-type) {
			border-bottom: 1px solid #431e5212;
		}
		
		#fee-notes .col_b {
			padding: 40vw 0vw 4vw 7vw
		}
		
		#fee-notes .col_b .testimonial_highlight blockquote {
			color: #2a0738;
			font-size: 2rem;
			padding: 0px calc(20px + 2vw);
		}
		
		
		#fee-notes picture {
			left: 0px;
			position: absolute;
			top: 0px;
			width: 100%;
			z-index: -1;
		}

		
		#fee-notes picture img {
			object-position: bottom;
		}


		#sign-up-b #onboarding-email--b {
			margin: auto 10vw;
		}
		
	}
	
	

	
	@media (min-width: 1600px) {
				
		#services,
		#fee-notes {
			padding: 0px 7vw;
		}
		
		#services #learn {
			width: calc(100% - 60px);
		}
		
		#all-plans {
			padding: calc(2vw + 15px) 10vw;
		}
		
		#all-plans table tr td {
			padding-right: 2vw;
		}
	}
	
	

	
	@media (min-width: 2048px) {
		#landlords #header {
			min-height: 60vh;
		}

				
		#services {
			padding: 0px 12vw;
		}
		
		#compare-all > div {
			width: calc(100% - 24vw);
		}
		
		#all-plans,
		#fee-notes {
			padding: calc(2vw + 15px) 12vw;
		}

		#all-plans table {
			margin: 0px 4vw;
		}

		#all-plans table tr td {
			padding-right: 4vw;
		}
		
		
		#fee-notes {
			
		}
	}