/*main,*/
	.property-listing,
	.property-card,
	.property-info/*,
    .property-card assist*/ {
		display: flex;
		display: -webkit-flex;    
    }

    .property-card assist {
		display: none;    
    }


	header {
		text-align: center;
		padding: 0px 0px 10px 0px;
	}
    
    
 
	.property-card {
		flex-direction:column;
		-webkit-flex-direction:column;
	}

	.property-card {
		background-color: var(--white);
		border-radius: 3px;
		overflow: hidden;
		position: relative;
		margin: 20px 0px;
		width: calc(32% - 20px);
	}
    
	.property-card .property-info .rooms beds:after,
	.property-card .property-info .rooms baths:after {
		color: #999;
		font-weight: bold; 
		padding: 0px 5px; 
	}
	
	
	.property-card {
		color:var(--text);
			width: 100%;
	}	


	.property-card .go {
		background-color: #fcf4ff;
		border-radius: 10px;
		box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
		color: #1c2732;
		font-weight: 600;
		height:30px;
		margin: 25% calc(50% - 50px) 30px calc(50% - 50px);
		opacity: 0;
		padding:5px 15px;
		position: absolute;
		text-align:center;
		transition-property: background border box-shadow;
		transition-duration: 0.3s;
		width:100px;
	}
		

	.property-card:hover .go {
		border-radius:4px;
		opacity: 1;
	}
	

	.property-card img {
		width: 100%;
		height: calc(200px + 1vw);
		object-fit: cover;
	}

	.property-info {
		flex: 1;
		-webkit-flex: 1;
		padding: 0px 20px 10px 20px;
        position: relative;
        width: 100%;
	}

	.property-info h4 {
		margin-top:15px;
		margin-bottom: 5px;
	}
    
    .property-card assist {
        background-color: var(--white);
        border-radius: 50%;
        -webkit-align-items: center;
        align-items: center;
        height: 35px;
		width: 35px;
		padding: 7px;
        position: absolute;
    }
    
    .property-card assist {
        top: 15px;
    }
    
    .property-card assist.heart {
		padding-top: 9px;
        right: 65px;
    }
    
    .property-card assist.forward {
        right: 15px;
    }
    
    .property-card assist svg {
        fill: none;
		stroke: var(--grey-dark);		
    }

	.location {
		color: #767676;
		font-size: 20px;
		margin: auto 0px 5px 0px;
	}

	.price {
		font-weight: 600;
	}

	.price span:before {
		content: '\00a3';
		font-size: 14px;
		font-weight: normal;
		margin-right: 1px;
	}

	.price span:after {
		content: 'pcm';
		font-size: 14px;
		font-weight: normal;
		margin-left: 2px;
		margin-right: 2px;
	}
	
	.property-info beds svg,
	.property-info baths svg,
	.property-info receptions svg {
		vertical-align: text-bottom;
	}
	
		
	
	#enquire.testimonials {
		background-color:var(--white);
	}
	
	
	#telecoms-notes {
		grid-template-columns: repeat(3, 33%);
	}
	
	
	#telecoms-notes {
		display: grid;
		column-gap: 20px;
	}
	
	
	#telecoms-notes a,
	#telecoms-notes span {
        transition-property: background, border, color;
        transition-duration: .3s;
	}	
	
	#telecoms-notes a {
		border: 1px solid transparent;
		background-color: var(--indigo);
		border-radius: 5px;
		color: var(--white);
		padding: 15px;
	}
		
	#telecoms-notes a:hover {
        background-color: var(--grey-dark);
		text-decoration: none;
	}	
		
	#telecoms-notes a:hover span {
        background-color: var(--muted);
	}
	
	#telecoms-notes a > svg {
		height: 60px;
		margin-bottom: 10px;
	}
	
	#telecoms-notes h4 {
		color: var(--yellow-warm);
		font-size: 1.4em;
		font-weight: 600;
		margin-bottom: 15px;
	}
	
	#telecoms-notes p {
		font-size: var(--type-sm, 0.9rem);
		margin-bottom: 15px;
	}

	#telecoms-notes span {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		font-weight: 600;
		background-color: #41516e;
		border-radius: 4px;
		line-height: 1.5rem;
		padding: 4px 12px;
		display: flex;
		align-items: center;
	}

	#telecoms-notes a span svg.arr-right {
		fill: rgb(255 216 12);
		height: 12px;
	}
	


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

		.property-info h4 {
			font-size: 1.2em;
		}

		.location {
			font-size: 16px;
		}

		.property-card assist {
			height: 40px;
			width: 40px;
			padding: 9px;
		}

		.property-listing.pl-contain .property-card .property-info {
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}

		.property-listing.pl-contain .property-card {
			height: auto;
			margin: 20px 0px 0px 0px;
			width: calc(50% - 10px);
		}

		.property-listing.pl-contain .property-card img {
			height: 220px;
		}
	}
	
	
	
	@media screen and (min-width:992px) {
		
		.property-card assist,
		.property-card assist svg {
            transition-property: background, stroke;
            transition-duration: 0.3s;
		}

        
        .property-card assist:hover {
            background-color: #F3E6FB;
        }
        
        .property-card assist:hover svg {
			stroke: #8717B3;
        }
		
		
		.property-listing,
        .property-listing.pl-contain {
			-webkit-justify-content: space-between;
			justify-content: space-between;
        }

        .property-listing.pl-contain .property-card {
            border: 1px solid #e7e7e7;
			border-radius: 5px;
			height: 18vw;
			transition-property: box-shadow;
            transition-duration: 0.3s;
			width: calc(32% - 15px);
        }
        
        .property-listing.pl-contain .property-card img {
            height: 100%;
        }
        
        .property-listing.pl-contain .property-card:hover,
        .property-listing.pl-contain .property-card:hover * {    
            cursor: pointer;
            text-decoration: none;
        }
		
        .property-listing.pl-contain .property-card .property-info svg.arr-right {  
			transition-property: transform;
            transition-duration: .5s;
			background-color: transparent;
			border-radius: 3px;
			bottom: 55px;
			height: 24px;
			left: 12px;
			padding: 3px 10px;
			position: absolute;
      	}
		
        .property-listing.pl-contain .property-card:hover img {    
            transform: scale(1.1);
        }
		
        .property-listing.pl-contain .property-card:hover .property-info svg.arr-right {    
            background-color: var(--purple-darkest); 
            border-color: var(--purple-darkest);
			transform: translateX(5px);
        }						
	}
	
	
	@media (min-width: 1600px) {
		
		.property-card img {
			height: calc(250px + 2vw);
		}

	}
	
	
	@media (min-width: 2200px) {
		
		.property-card img {
			height: calc(300px + 5vw);
		}

	}