@charset "utf-8";
/* CSS Document */


body{ font-family: quicksand, sans-serif;
	font-weight: 400;
	font-style: normal;
	background: #ffffff;
	font-size:1.2rem;
	overflow-wrap: break-word;
	color: #0f0f0f;	
}

p{ font-family: quicksand, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.2rem;	
	line-height: 1.8rem;
}

li { font-family: quicksand, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.2rem;
	overflow-wrap: break-word;
}

h1, h2, h3, h4, h5 {
	font-family: catamaran, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	margin: 10px 0px 25px 0px;	
	overflow-wrap: break-word;
}

h1{font-size: 2.7rem;}
h2{font-size: 2.1rem;}
h3{font-size: 1.9rem;}
h4{font-size: 1.7rem;}
h5{font-size: 1.5rem;}

a {
  transition-duration: 0.3s;
  text-underline-offset: 0.4rem;
}

iframe{
	max-width:100%;
}

img {max-width:100%;}

.bold{font-weight: bold;}

strong {
    font-weight: bold;
}

hr{
	margin-left: 0;
}

.hr-left {margin-left: 0;}
.hr-title {max-width: 250px !important;}

.side-padding {
    padding: 5px 30px !important;
}

.cta{
	text-transform: none;
	font-size:1.1rem;
	display:inline-block;
	text-decoration: none;
	font-family: catamaran, sans-serif;
	border-radius: 30px;
}

/**TOP ROW**/
.logo {
  width: 250px;
  max-width: 100%;
  transition: 0.5s;
  margin-top: -75px;
  box-shadow: 0 4px 15px -6px #123c1e;
  z-index: 50;
  position: fixed;
}

.smaller-logo{
	width: 100px;
	max-width: 100%;
	transition: 0.5s;
	margin-top: 20px;
	border: none;	
	box-shadow:none;
}

/******* menu bar ********/

.menu-bar {
    background: #ffffff;
	height: 95px;
}

.menu-bar-on-scroll {
    margin-top: -100px;
    position: fixed;
    width: 100%;
    z-index: 500;
	box-shadow: 0 4px 45px -6px #123c1e;
	height: initial;
	
}

.menu-bar-on-scroll .lbm-column {
	padding:10px 20px;
}

.menu-bar-on-scroll .p7AMM {
	margin-top:10px;
}

.top-row {color:#602E60;}
.top-row a {color: #602E60; text-decoration: none;}
.top-row a:hover {color: #6C5E6E;}

.social-icons {
	font-size:1.5rem;
	margin-top: 18px;
margin-bottom: 18px;
}

.menu-column {margin-top: 15px;}


/**MAIN HOMEPAGE IMAGE**/
.home-main-image {
    color: #FFFFFF;
    background-image: url(../images/main-image.jpg);
    background-size: cover;
    height: 80vh;
    min-height: 600px;
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
}

/* Property List */ 


.property-image-tile-image{
	padding: 0px;
    width: 100%;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    height: 15rem;
}


.property-image-tile-image img{
	width: 100% !important;
	height:100% !important;
	-o-object-fit: cover !important;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	/*-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .5s;*/
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;	
	
}

.property_features {
	width:100%;
	display: inline-block;
	margin-top:25px;
}

.property_features div{
	width:33.333%;
	float:left;
	padding-top:25px;
	
}

.tile-image-link:hover img{
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}


.tile-image-link{
	text-decoration: none;
}

.tile-image-link-container{
	transition: box-shadow .5s,transform .5s,-webkit-box-shadow .5s,-webkit-transform .5s;
	-webkit-box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);
	box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);	
}

.property-description{
	padding:5px 15px 15px 20px;
	height: 170px !important;
}

.property-description h2{font-size:1.2rem;}
.property-description p{font-size:1.1rem;}

.property-description p {
font-weight:500;
}


/**WHITE PURPLE GRADIENT BACKGROUND**/
.white-purple-gradient {
	background: rgb(251,252,250);
background: linear-gradient(164deg, rgba(251,252,250,1) 0%, rgba(223,215,222,1) 57%, rgba(204,189,204,1) 100%);
}
.white-purple-gradient p, .white-purple-gradient h1, .white-purple-gradient h2, .white-purple-gradient h3, .white-purple-gradient h4 {color: #0f0f0f;}

.white-purple-gradient .cta {
	padding:30px 60px 40px 60px;
	background: #602E60;
	color:#FFF;
	transition: 0.5s;
	display: inline-block;
	font-size: 2rem;
	text-transform: uppercase;
	border-radius: 0px;
	border: 20px solid rgba(255, 255, 255, 0.8);
}
.white-purple-gradient .cta:hover{
	background: #783A78;
	color:#FFF;
	transition: 0.5s;	
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	text-shadow: 1px 1px #796D7B;
}


/**CTA SLIDESHOW ROW**/
.form-column {margin-top: -440px;}


/**SEARCH FORM ROW**/
/*.form-column {margin-top: -450px;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.8);}*/


/**WELCOME MESSAGE BACKGROUND IMAGE**/
.welcome-background-image {
    color: #FFFFFF;
    background-image: url(../images/eiddo-llun-hafan.jpg);
    background-size: cover;
    /*height: 91vh;*/
    min-height: 600px;
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
}


/**WHITE BACKGROUND**/
.white-background {
color:#0f0f0f;
background-color:#ffffff;
}

.white-background h1, .white-background h2, .white-background h3, .white-background h4, .white-background h5 {color:#602E60;/*text-shadow: 1px 1px 2px #000, 1px 1px 2px #000;*/}

.white-background .cta {
	padding:3px 18px 12px 18px;
	background: #602E60;
	color:#FFF;
	transition: 0.5s;
	display: inline-block;
}
.white-background .cta:hover{
	background: #783A78;
	color:#FFF;
	transition: 0.5s;	
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.white-background a {color: #602E60; text-decoration: none;}
.white-background a:hover {color: #554D56;}

.white-background hr {
    color: #343b42 !important;
    border: solid 2px;
    margin-top: -12px;
	max-width: 380px;
}


/**WHITE SHAPES IMAGE BACKGROUND**/
.white-shapes-background {
    color:#474148;
    background-color:#FBFCFA;
    background-image: url(../images/white-background-image.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.white-shapes-background h1, .white-shapes-background h2, .white-shapes-background h3, .white-shapes-background h4, .white-shapes-background h5 {color:#602E60;/*text-shadow: 1px 1px 2px #000, 1px 1px 2px #000;*/}

.white-shapes-background .cta {
	padding:6px 21px 16px 21px;
	background: #602E60;
	color:#FFF;
	transition: 0.5s;
	display: inline-block;
	font-size: 2rem;
	text-transform: uppercase;
	margin-top: 60px;
	margin-bottom: 60px;
}
.white-shapes-background .cta:hover{
	background: #783A78;
	color:#FFF;
	transition: 0.5s;	
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	text-shadow: 1px 1px #796D7B;
}
.white-shapes-background a {color: #602E60; text-decoration: none;}
.white-shapes-background a:hover {color: #8A6A8A;}


/**PURPLE SHAPES IMAGE BACKGROUND**/
.purple-shapes-background {
    color:#FFF;
    background-color:#602E60;
    background-image: url(../images/purple-background-image.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
.purple-shapes-background .cta {
	padding:6px 21px 16px 21px;
	background: #602E60;
	color:#FFF;
	transition: 0.5s;
	display: inline-block;
	font-size: 2rem;
	text-transform: uppercase;
	margin-top: 60px;
	margin-bottom: 60px;
}
.purple-shapes-background .cta:hover{
	background: #783A78;
	color:#FFF;
	transition: 0.5s;	
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	text-shadow: 1px 1px #796D7B;
}

.map{
     width: 100%;
	 height:250px;
      }

.map_thumbnail {
  width: 250px ;
	max-width: 100% !important;;
}

.map-property {
  width: 100%;
  height: 500px;
}

.price{
	float:right;
	
	font-size:1.5em !important;
}

.property-tag{
	margin-top: 0px;
	font-size:1.5em !important;
}


.property_details_tile{
	transition: box-shadow .5s,transform .5s,-webkit-box-shadow .5s,-webkit-transform .5s;
	-webkit-box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);
	box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);	
	padding:25px;
}
	


/***** Online Form ******/

/* responsive form */

label{
	display: inline-block;
	width:100%;
}

input[type=text],
input[type=email],
input[type=url],
input[type=tel]
 {
	max-width:500px;
	width: 90%;
	padding: 15px 25px;	
	border: 1px solid rgba(17, 17, 17, 0.2);
	font-family:quicksand, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem; 
	margin-bottom:15px;
    display: inline-block;
	background: transparent;
	border-radius: 30px;
}

textarea{
	max-width:500px;
	width: 90%;
	padding: 15px 25px;	
	border: 1px solid rgba(17, 17, 17, 0.2);	
	font-family: quicksand, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem; 
	margin-bottom:15px;
	resize: none;
	display: inline-block;
	border-radius: 30px;
  }

select {
	max-width:500px;
	width: 90%;
	border: 1px solid rgba(17, 17, 17, 0.2);	
	font-family: quicksand, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem; 
	margin-bottom:15px;
	padding:10px;	
	color:#191010;
	display: inline-block;
	background: #ffffff;
	background: transparent;
	border-radius: 30px;
}


select[multiple] option:checked { background: none; }

select option:focus,
select option:hover,
select option:active ,
select option {
	background:#191010;
	color: #fff;
}

input[type=submit]{
	font-family:quicksand, sans-serif;
	font-weight: 400;
	font-style: normal;	
	font-size:1rem;
	margin-top:15px;
	display:inline-block;
	border:none;
	padding:12px 31px;
	border-radius: 30px;
	border-color: rgba(0, 0, 0, 0);
	color: rgb(255, 255, 255);
	/*font-family: inherit;*/
	background-color: rgb(96, 46, 96);
	/*color:#fff;*/
	transition: 0.5s;
}

input[type=submit]:hover{
	background: #783A78;
color: #FFF;
transition: 0.5s;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #191010;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #191010;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #191010;
}

.name_2{
	display: none !important;
}




/**PROJECT SEVEN**/
/*.p7ISM img:hover {
  box-shadow: 0 8px 6px 0 rgba(0,0,0,0.24);
  transition: 0.5s;
}*/


a.p7AP4-01 {
  background-color: rgb(159, 96, 158);
  color: #FFF !important;
  background-image: url(../p7ap4/img/p7AP4_east_white.png);
  box-shadow: inset 0px 4px 4px rgba(255,255,255,0.02);
}


/**FOOTER (and header, 131022**/
.footer, .header {color: #fff;}
.footer h2, .header h2 {font-size: 1.9rem;}
.footer a , .header a {color: #fff; text-decoration: none;}
.footer a:hover, .header a:hover  {color: #fff; text-decoration: underline;text-underline-offset: 5px;}
.footer p, .footer li , .header p, .header li {font-size:18px; margin-bottom: 0px;}
.footer hr , .header hr{
    color: #FFF !important;
    border: solid 2px;
    margin-top: -15px;
	max-width: 225px;
}

.footer-col-pad {padding: 10px 30px 5px 30px !important;}

/**COPYRIGHT**/
.copyright p {margin:0px;}

.sub-page-body{min-height:75vh;}



/**IMAGE TITLE**/

.image-tile-margin {
  margin-top: 30px;
}

.image-tile-image-left {
padding: 0px;
width: 100%;
  margin: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  height: 37rem;
}

.image-tile-image-left img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;
}

.image-tile-image-right {
	padding: 0px;
width: 100%;
  margin: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
 height: 26rem;
margin-bottom: 0px;
}

.image-tile-image-right img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;
}

.tile-image-link:hover img{
 -webkit-transform:scale(1.1);
 transform:scale(1.1);

	
}

/**RESPONSIVE**/
@media only screen and (max-width:1400px){

.form-column {
	margin-top: -350px;}
.white-purple-gradient .cta {
      font-size: 1.9rem;
	border: 15px solid rgba(255, 255, 255, 0.8);}
}

@media only screen and (min-width:1200px){
	.hide-on-desktop {display:none;}

}

@media only screen and (max-width: 1400px) {
	.home-main-image {background-image: url(../images/main-image-tablet.jpg); height: 60vh; min-height: 500px;}
	.white-shapes-background {background-image: url(../images/white-background-image-tablet.jpg);}
.image-tile-image-left {
  height: 34rem;
}	
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
	.hide-on-tablet {display:none !important;}
	.welcome-background-image {min-height: 500px; background-attachment: inherit !important;}
	.home-main-image, .white-shapes-background {background-attachment: inherit !important;}
	.top-row .width-60 {width: 80% !important;}
	.logo{
		z-index: auto;
		position: inherit;
	}
	.property_features div{
		float:inherit;
		width:100%;
	}
}

@media only screen and (min-width: 0px) and (max-width: 1250px) {
	.property-description h2 {
  font-size: 1.1rem;
}
}

@media only screen  and (max-width: 1200px) {	
	 .news-grid {
	  flex-basis: 25% !important;}

	
}


@media only screen and (min-width: 0px) and (max-width: 1100px) {
.footer .width-25 {width: 50% !important;}
.property-image-tile-image {
  height: 11rem;
}	
.property-description h2 {
  font-size: 1.0rem;
}
.image-tile-image-left {
  height: 30rem;
}	
}


@media only screen and (max-width: 1100px){
	
	.news-grid .hmy-section{
	  flex-basis: 33% !important;}	
}


@media only screen and (max-width: 1000px){
	
	
.white-purple-gradient .cta {
    padding: 25px 50px 35px 50px;
    font-size: 1.7rem;
    border: 15px solid rgba(255, 255, 255, 0.8);
	
}
}

@media only screen and (min-width: 0px) and (max-width: 900px) {
	.top-row .width-20 {width: 100% !important; text-align: center !important;}
	.top-row .width-80 {width: 100% !important;}
	.image-tile-image-left {
  height: 28rem;
}	
}

@media only screen and (max-width: 810px) {
.news-grid .hmy-section{
	  flex-basis: 50% !important;}
}


@media only screen and (max-width: 800px) {
	.logo{
		width:100px;
		box-shadow:initial;
		margin-top:auto;
	}
}

@media only screen and (min-width: 0px) and (max-width: 750px) {
	.top-row .width-20 {text-align: center;}
	.menu-column{margin-top:initial;}
	/*.top-row .width-20 {width: 40% !important; float: left !important;}
	.top-row .width-60 {width: 60% !important; float: left !important;}
	/*.top-row .width-60 {width: 100% !important; text-align: left !important;}*/
	h1{font-size: 2.5rem;}
	h2{font-size: 1.9rem;}
	h3{font-size: 1.7rem;}
	h4{font-size: 1.5rem;}
	h5{font-size: 1.3rem;}
	.footer h2, .header h2 {font-size: 1.8rem;}
	
}


@media only screen and (max-width: 700px) {
	.hide-on-mobile {display:none;}
	.home-main-image {background-image: url(../images/main-image-phone.jpg);min-height: 250px;height: initial;}
	.sub-page-heading {background-image: url(../images/main-image-phone.jpg);min-height: initial !important;height: initial;}
	.white-shapes-background {background-image: url(../images/white-background-image-phone.jpg);min-height: 250px; height: initial;}
	.footer .width-25 {width: 100% !important;}
	.form-column {margin-top: 0px;}
	/*.menu-column {margin-top: 0px;}*/
	.copyright p {text-align: left;}
	.footer h2 {font-size: 1.5rem;}
	.footer p, .footer li {font-size:16px;}
	.welcome-background-image {min-height: 300px; background-attachment: inherit !important;}
		.image-tile-image-left {
  height: 22rem;
}	
.white-purple-gradient .cta {
  	padding: 15px 40px 20px 40px;
    font-size: 1.5rem;
		border: 0px solid rgba(255, 255, 255, 0.8);}
.form-column .p7HMY .hmy-content p:first-child {
	margin: 5px;}
}

@media only screen and (max-width: 600px) {	
	.news-grid .hmy-section{flex-basis: 100% !important;}
	.image-tile-image-left {
  height: 17rem;
}
	   .form-column .p7HMY .hmy-section {
        flex-basis: 50% !important;
    }
}

@media only screen and (max-width: 500px) {
			.image-tile-image-left {
  height: 14rem;
}
	    .white-purple-gradient .cta {
        padding: 15px 30px 20px 30px;
			font-size: 1.3rem;}
}
@media only screen and (max-width: 408px) {
    .white-purple-gradient .cta {
       padding: 10px 25px 15px 25px;
		font-size: 1.1rem;}
}


@media only screen and (max-width: 380px) {
			.image-tile-image-left {
  height: 12rem;
}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: none;
     }
}