@font-face {
  font-family: VAG_Rounded_Light;
  src: url(fonts/VAG_Rounded_Light.ttf);
}



* {margin:0; padding:0; border:0; outline:none; list-style-type:none;}


html, body {
	height: 100%;
}

body {margin: 0 25px; width:949px; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#a2958a; }

#wrapper {
	min-height: calc(100% - 98px); 
}

#wrapper #top { padding-top: 25px; }
#wrapper #main { margin-bottom: 25px; }

a { color:#d75ba1; }
a:hover { color:#c60b46; }

p { font-size: 1.2em; line-height:16px; margin-bottom:13px;  }

body#home p { /* width:385px; */ margin:3px 0 13px 0; }
table {font-size: 1.2em;}
table th {text-align:left;}
ul { margin-bottom:13px; }
li { font-size: 1.2em; line-height:16px; }
#content ul li { list-style:inside; list-style-type:disc; padding-left:10px; }

#top { position:relative; margin-bottom: 43px; }
#top h1 { width: 180px; height: 71px; background:url(../images/logo.gif) no-repeat; text-indent: -9999px; position: relative; z-index: 20; }
/*#top h2 { position:absolute; bottom:0; right:0; width: 449px; height: 17px; background:url(../images/strap.gif) no-repeat; text-indent: -9999px;  }*/
#top h2 { position:absolute; bottom: 1px; right:0; width: 650px; height: 17px; font-family: VAG_Rounded_Light; color: #c60b46; font-size: 16px; letter-spacing: 0.3px; text-indent: 0; background: none; text-align: right; }
h3 { color:#c60b46; font-size:1.4em; margin-bottom:13px; font-weight:normal; clear: both; }
h4 { color:#c60b46; font-size:1.2em;  font-weight:normal;}
.bullet { display: inline-block; background:url(../images/bullet.png) no-repeat;  background-position: top 8px center; width: 6px; height: 16px; }

#main { float: left; width:949px; }

#main #nav { float: left; width:180px; margin-right: 10px; border-top: 1px solid #d85aa2; padding: 8px 0 13px 0; /* height: 603px; */ position:relative;}
#main #nav ul li a { height:19px; display:inline-block; /* text-indent: -9999px; width: 96px; */ font-family: VAG_Rounded_Light; font-size: 14px; text-decoration: none; padding-right: 10px; }
#main #nav ul li a.selected,
#main #nav ul li a:hover { color:#c60b46; background-image:url(../images/mobile-arrow.png); background-position: top 4px right;background-repeat: no-repeat;background-size: 7px 7px; }
#main #nav #ombudsman { position:absolute; bottom:14px; }
#main #nav #nav-bottom { border-bottom: 1px solid #d85aa2; }

#main #content { float: left; width:759px; border-top: 1px solid #a2968a; padding: 7px 0 13px 0; /*min-height:604px; height:auto !important;height:604px;*/ }

#main #content #slideshow {margin: 7px 0 10px 0;}

#main #content #form .form-row { float:left; clear:both; margin-bottom:5px; width:559px; }
#main #content #form .form-row label { float:left; font-size: 1.2em; width:170px; display:block; }
#main #content #form .form-row input { float:left; width:220px; border:1px solid #a2958a; font-size: 1.2em; font-family:Arial, Helvetica, sans-serif; color:#a2958a;  }
#main #content #form .form-row input[type=checkbox] { width: auto; margin-right: 5px; } 
#main #content #form .form-row > div { margin-bottom: 5px; } 
#main #content #form .form-row select { float:left; width:222px; border:1px solid #a2958a; background-color: white; font-size: 1.2em; font-family:Arial, Helvetica, sans-serif; color:#a2958a;  }
#main #content #form .form-row select.double { width: 100px; }
#main #content #form .form-row p { float:left; width:10px; margin: 0 6px; }
#main #content #form .form-row textarea { float:left; width:220px; height:100px; border:1px solid #a2958a; font-size: 1.2em; font-family:Arial, Helvetica, sans-serif; color:#a2958a; }

#main #content #form .form-row input.error { border:1px solid red;}
#main #content #form .form-row label.error { width:150px; margin-left:5px; color:red; }

body#admin #main #content #form .form-row input, body#admin #main #content #form .form-row select, body#admin  #main #content #form .form-row textarea {width: 245px;}
body#admin #main #content #form .form-row .thumb {float:left; width:100px; margin-left:20px;}
body#admin #main #content #form .form-row .thumb img {width:55px; height:36px;}
body#admin #main #content #form #submit { clear:both; margin-left: 358px; }

#main #content #form #submit { clear:both; margin-left: 338px; }
#main #content #form #submit a {color:#d75ba1; text-decoration:none; font-size:1.4em; }
#main #content #form #submit a:hover {color:#c60b46; text-decoration:none;  font-size:1.4em;}

body#properties_page #main #content {padding-bottom:9px;}
#main #content #properties { width:559px; }
#main #content .property { clear:both; float:left; width:559px; padding-top:2px; padding-bottom:9px; margin-bottom:10px; border-bottom:1px solid #A2968A; }
#main #content .last { padding-bottom:0; margin-bottom:0; border-bottom:none; }
#main #content .left { float:left; width:232px; }
#main #content .left .main-image {position: relative; }
#main #content .left .let-icon { position: absolute; z-index: 2; top:0px; left:0px; width:160px; height:24px; }
#main #content .left .let-icon { width: auto; }
#main #content .left .let-icon-new {
	position: absolute;
    z-index: 2;
    /* background: #c60b46; */
	background: #df3439;
    color: white;
    font-size: 1.2em;
    line-height: 35px;
    text-transform: uppercase;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    top: 10px;
    left: 10px;
}
#main #content .left .main-image .main-image-2, #main #content .left .main-image .main-image-3 { display: none; }
#main #content .left .thumbs { margin-top: 4px; /*height:48px;*/ }
#main #content .left .thumbs .thumb-1, #main #content .left .thumbs .thumb-2, #main #content .left .thumbs .thumb-3 { float:left; width:74px; cursor:pointer; }
#main #content .left .thumbs .thumb-1, #main #content .left .thumbs .thumb-2 { margin-right: 5px; }
#main #content .right { float:left; margin-left: 10px; width:316px; min-height:206px; height:auto !important; height:206px; position:relative; }
#main #content .right p { width:316px; }
#main #content .right h3 { margin-bottom:2px; }
#main #content .right h4 { font-size: 1.4em; margin-bottom: 13px; }
#main #content .right .icons {position:absolute; bottom:0; right:0;}
#main #content .right .icons img#icon-bedroom {}
#main #content .right .icons span#number-bedroom {position: relative; top:-10px; margin-left: 2px; color:#c60b46; }
#main #content .right .icons img#icon-bathroom {margin-left: 10px;}
#main #content .right .icons span#number-bathroom {position: relative; top:-10px; margin-left: 2px;color:#c60b46;}
#main #content .right .icons .plan {margin-left: 10px; text-decoration:none; text-transform: uppercase; }
#main #content .right .icons .map {margin-left: 10px; text-decoration:none; text-transform: uppercase; }
/*#main #content .right .icons img#icon-bedroom {position:absolute; bottom:0; right:95px;}
#main #content .right .icons span#number-bedroom {position:absolute; bottom:7px; right:85px; color:#c60b46; }
#main #content .right .icons img#icon-bathroom {position:absolute; bottom:0; right:50px;}
#main #content .right .icons span#number-bathroom {position:absolute; bottom:7px; right:40px; color:#c60b46;}
#main #content .right .icons .map {position:absolute; bottom:0; right:0; text-decoration:none; }*/


#main #content #thankyou { display:none; }

.hamburger {display: none;}



body.privacy #main #content h3:not(:first-child) { padding-top: 13px; }

#footer { clear: both; }
#footer .left { float: left; width: 180px; margin-right: 10px; border-top: 1px solid #d85aa2; padding-top: 10px; }
#footer .left ul li a { height:19px; display:inline-block; /* text-indent: -9999px; width: 96px; */ font-family: VAG_Rounded_Light; font-size: 14px; text-decoration: none; padding-right: 10px; }
#footer .left ul li a.selected,
#footer .left ul li a:hover { color: #c60b46; background-image:url(../images/mobile-arrow.png); background-position: top 4px right;background-repeat: no-repeat;background-size: 7px 7px; }
#footer .right { float: left; width: 759px; border-top: 1px solid #a2968a; padding: 7px 0 13px 0; }
#footer .right .logos { margin-top: 20px; }
#footer .right .logos img { margin-right: 20px; height: 23px; width: auto; }
#footer .right .logos img:last-child { margin-right: 0; }

/* mobile and tablet (portrait) */

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

    body { width: auto; margin: 0 15px; }

/*	#footer {
		height: 120px;	
	}*/


    #wrapper #top { padding-top: 15px; }

	p { font-size: 16px; line-height: 22px; margin-bottom: 16px; } 

	#content ul li { font-size: 16px; line-height: 22px; }

	h3, h4 { font-size: 18px; }

	p.footer { font-size: 12px; line-height: 16px; margin-bottom: 13px; }  

	#main #content .right .icons a { font-size: 12px; }  

    #top { margin-bottom: 10px; }
    #top h1 { width: 150px; height: 58px; margin-bottom: 20px; background-image: url(../images/mobile-logo.png); background-repeat:  no-repeat; background-size: 150px auto; text-indent: -9999px; }
    #top h2 { position: relative; bottom: auto; right: auto; width: auto; height: auto; font-size: 14px; text-align: left; }


	#main #nav ul li a {
		font-size: 18px; height: 24px;
	}

    .hamburger {
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    position: absolute;
	    z-index: 20;
	    top: 27px;
	    right: 0;
	    padding: 10px 0;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
    }
	.hamburger-box {
	    width: 20px;
	    height: 16px;
	    display: inline-block;
	    position: relative;
	}
	.hamburger--stand .hamburger-inner {
	    -webkit-transition: background-color 0s .075s linear,-webkit-transform .075s .15s cubic-bezier(0.55,0.055,0.675,0.19);
	    transition: background-color 0s .075s linear,-webkit-transform .075s .15s cubic-bezier(0.55,0.055,0.675,0.19);
	    -o-transition: transform .075s .15s cubic-bezier(0.55,0.055,0.675,0.19),background-color 0s .075s linear;
	    transition: transform .075s .15s cubic-bezier(0.55,0.055,0.675,0.19),background-color 0s .075s linear;
	    transition: transform .075s .15s cubic-bezier(0.55,0.055,0.675,0.19),background-color 0s .075s linear,-webkit-transform .075s .15s cubic-bezier(0.55,0.055,0.675,0.19);
	}

	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	    width: 20px;
	    height: 2px;
	    background-color: #c60b46;
	    border-radius: 4px;
	    position: absolute;
	    -webkit-transition-property: -webkit-transform;
	    transition-property: -webkit-transform;
	    -o-transition-property: transform;
	    transition-property: transform;
	    transition-property: transform,-webkit-transform;
	    -webkit-transition-duration: .15s;
	    -o-transition-duration: .15s;
	    transition-duration: .15s;
	    -webkit-transition-timing-function: ease;
	    -o-transition-timing-function: ease;
	    transition-timing-function: ease;
	}

	.hamburger-inner {
	    display: block;
	    top: 50%;
	    margin-top: -1px; 

	}

	.hamburger-inner::before {
	    top: -7px;
	}

	.hamburger-inner::after {
	    bottom: -7px;
	}	

	.hamburger-inner::before, .hamburger-inner::after {
	    content: "";
	    display: block;
	}	

	.hamburger--stand.is-active .hamburger-inner {
	    -webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    transform: rotate(90deg);
	    background-color: transparent !important;
	    -webkit-transition: background-color 0s .15s linear,-webkit-transform .075s 0s cubic-bezier(0.215,0.61,0.355,1);
	    transition: background-color 0s .15s linear,-webkit-transform .075s 0s cubic-bezier(0.215,0.61,0.355,1);
	    -o-transition: transform .075s 0s cubic-bezier(0.215,0.61,0.355,1),background-color 0s .15s linear;
	    transition: transform .075s 0s cubic-bezier(0.215,0.61,0.355,1),background-color 0s .15s linear;
	    transition: transform .075s 0s cubic-bezier(0.215,0.61,0.355,1),background-color 0s .15s linear,-webkit-transform .075s 0s cubic-bezier(0.215,0.61,0.355,1);
	}	

	.hamburger--stand.is-active .hamburger-inner::after {
	    bottom: 0;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    -webkit-transition: bottom .075s .1s ease-out,-webkit-transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	    transition: bottom .075s .1s ease-out,-webkit-transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	    -o-transition: bottom .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	    transition: bottom .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	    transition: bottom .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	}

	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
	    background-color: #c60b46;
	}

	.hamburger--stand.is-active .hamburger-inner::before {
	    top: 0;
	    -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    -webkit-transition: top .075s .1s ease-out,-webkit-transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	    transition: top .075s .1s ease-out,-webkit-transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	    -o-transition: top .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	    transition: top .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	    transition: top .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	}

	.hamburger--stand.is-active .hamburger-inner::after {
	    bottom: 0;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    -webkit-transition: bottom .075s .1s ease-out,-webkit-transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	    transition: bottom .075s .1s ease-out,-webkit-transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	    -o-transition: bottom .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	    transition: bottom .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	    transition: bottom .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .075s .15s cubic-bezier(0.215,0.61,0.355,1);
	}

	#main #nav {
	    display: none;
	    width: 100%;
	    text-align: center;
	    background-color: white;
	    border: 0;
	}

	#main #nav ul {
		text-align: left;
		margin: 0 15px;
/*		border-top: 1px solid #d85aa2;
		padding-top: 7px;*/		
	}

	#main #nav ul li {
	}

	.panel-open {
		overflow: hidden;
	}

	.panel-open #main #nav {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	    position: fixed;
	    z-index: 10;
    	top: 146px;
	    bottom: 0;
	    left: 0;
	    background: #fff;
	    min-height: 100%;
/*	    padding-top: 100px;*/
	    -webkit-transition: -webkit-transform .25s ease-in-out;
	    transition: -webkit-transform .25s ease-in-out;
	    -o-transition: transform .25s ease-in-out;
	    transition: transform .25s ease-in-out;
	    transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
	}


	#main { float: none; width: auto; }
	#main #content { float: none; width: auto; }
	#main #content #slideshow img { width: 100%; height: auto; }

	body#home p { width: auto; }

	#main #content p { max-width: 95%; }

	#footer { clear: both; }
	#footer .left { display: none; }
	#footer .right { float: none; width: auto; }

}

/* mobile */

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

	#wrapper {
		min-height: calc(100vh - 120px);
	}	

	.hide-mobile { display: none; }
	#footer .right .logos img { margin-right: 10px; height: 13px; width: auto; }	

	#main #content { height: auto !important; min-height: 0 !important; }

	#main #content #form .form-row { float: none; width: auto; }
	#main #content #form .form-row label { float: none; font-size: 14px; margin-bottom: 5px; display: block; }

	#main #content #form .form-row input { float: none; width: auto; display: block;  font-size: 14px; width: calc(100% - 6px); padding: 5px 2px; margin-bottom: 10px; }

	#main #content #form .form-row select { width: 150px !important; font-size: 14px; margin-bottom: 10px; }

	#main #content #form .form-row textarea { float: none; width: auto; display: block;  font-size: 14px; width: calc(100% - 4px); margin-bottom: 10px;  }

	#main #content #form #submit { margin-left: 0; }

}

/* tablet */

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

	#top h2 br { display: none; }
	.panel-open #main #nav { top: 126px; }

/*	#wrapper {
		min-height: calc(100vh - 120px);
	}*/		

}

/* desktop */

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


	body:not(#home) #main #content p {max-width: 385px; }

	.hide-desktop { display: none; }
	#top h2 br { display: none; }

	#main #content p { max-width: 85%; }
	#footer .right p { max-width: 85%; }


/*	#footer {
		height: 98px;	
	}*/


}