@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	src: local("Open Sans"), local("OpenSans"), url("https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2") format("woff2"), url("https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff") format("woff");
}

@font-face {
    font-family: "CopperplateBold";
    font-style: normal;
    font-weight: 400;
    src: url("/static/fonts/copperplate-bold.woff2") format("woff2"), url("/static/fonts/copperplate-bold.woff") format("woff");
}

@import url(https://fonts.googleapis.com/css?family=Balthazar);

html, body, div, ul, li, header, footer, nav, main, figure, article {margin:0; padding: 0; border: none}

article {display: block}

body {font-family: "Open Sans",sans-serif; color: #777; font-size: 1em}

header {
	position: relative; z-index: 100; overflow: visible; background-color: white}

main, .main {margin: 4em 0 2em 0; margin: 5rem 0 2rem 0; padding: 1em; z-index: 10; background-color:  #fff;  position: relative; overflow: hidden}

#home-content {margin-top: 4em; margin-top: 4rem;}


h1 {text-align: center; margin: 0; padding: 0; font-size: 1.4rem; letter-spacing: 0.25em}

h1, h2, h3 {font-family: CopperplateBold; font-variant: small-caps; font-weight: normal}

a {text-decoration: none; color: rgb(114, 197, 197)}
a:hover {text-decoration: underline}

label {display: block}

hr {background-color: rgb(114, 197, 197); border:none; width: 60%; height: 5px;}

.required:after {content: '*'}

.subtitle {text-align:center; margin: 0;padding: 0}

.container {max-width: 90%; margin: 0 auto; padding: 0}

.select2-container{z-index: 3000}

.magnify {max-width: 90%;margin-left: 5%;margin-right: 5%}

.modal {
	display: none;
	position: absolute; top: 0; left: 0; height: 100%; width: 100%; margin: 0;
	background-color: white;opacity: 0.5;
}
.modal .loading-image {display: block; max-width: 100%; margin: 0 auto}

#messages {position: absolute; top: 0; width: 100%; z-index: 5000; text-align: center; padding: 0; margin: 0}
#messages li {list-style-type: none; padding: 0.25rem; margin: 0; background-color: #484}
#messages .info {color: white; background-color: #484}
#messages .success {color: white; background-color: #4a4}
#messages .warning {color: white; background-color: #a44}
#messages .error {color: white; background-color: #f44}

.error {color: #f44; background-color: white; border: 3px solid #f44; font-size: 2em; padding: 2em; margin: 2em; text-align: center}

.close-message {float: right; border-left: 1px solid white; width: 1rem; padding-left: 0.5em}

#topnav {background: rgb(89,89,89); position: fixed; top: 0; left: 0; right: 0; padding: 0; z-index: 2000;}
#topnav img {height: 3em; height: 3rem; vertical-align: middle; float:left; margin:0;  padding: 0.5em; padding: 0.5rem}
.inpage_target {position: relative; top: -4rem}
#topnav .container {height: 100%; text-align: right; overflow: visible}
#topnav hr {clear:both; width: 100%; color: white; height: 1px; margin-top: 1em}

form ul {list-style-type: none;}

#topmenu, #mobilemenu {padding-top: 1em}

#topmenu2 {clear: both; margin: 0; text-align: center}

#topmenu a, #topmenu2 a {
	display: inline; margin: 0 1em;
	text-transform: uppercase; font-weight:bold;
	color: white; text-decoration: none
}

#mobilemenu {margin-right: 2em; color:white; display: none;
text-transform: uppercase; font-weight:bold; cursor: pointer}

footer {background-color: #333; color: white; text-align: center; }

footer a {color: white}
footer .col {
	display: inline-block; width: 20%; min-width: 15em; vertical-align: top;
	text-align: left; margin: 0.5em 0; padding:0;  box-sizing: border-box;
}
footer h2 {font-size: 100%; font-weight: bold; margin: 0 0 0.5em 0; padding:0}
footer ul {list-style-type: none;}

.preload {display: none}

@media (min-width: 70em) {
	footer {height: 14rem; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1;}
	main, .main {margin: 4em 0 10em 0; margin: 5rem 0 14rem 0}
}

@media (max-width:60em) {
	#mobilemenu {display: inline}
	.full-menu {display: none}
	#topmenu a, #topmenu2 a {display: block; text-align: center; clear: both}
}

@media (min-width:50em) {
	#nav-enquiry {
		background-color: rgb(114, 197, 197); color: white;
		border-radius: 0.2em; padding: 0.5em;
		text-transform: uppercase;
		border: none;
	}
	.below-secondary {margin-top: 7em}
}

input[type=submit], button {
	height: 2.5rem; padding: 0 0.5em; vertical-align: top;
	background-color: rgb(114, 197, 197); color: white;
	border: none; border-radius: 0; text-transform: uppercase;
	cursor: pointer;
}

/*Back to top button*/
a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #72C5C5 url("/static/icons/up-arrow.png") no-repeat center 43%;
	border-radius: 30px;
}


a.facebookbutton {
	display: visible;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: relative;
	z-index: 999;
	right: 20px;
	float: left;
	bottom: 20px;
	background: #72C5C5 url("/static/icons/facebookcircular.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

a.twitterbutton {
	display: visible;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: relative;
	float: right;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #72C5C5 url("/static/icons/twittercircular.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}




/*home and search page*/

#home-cols {max-width: 1000px; margin: 0 auto; clear: both}
#home-cols .col {display: inline-block; width: 300px; max-width: 40%; vertical-align: top; margin: 10px}
@media (max-width: 700px) {
	#home-cols h2 {font-size: 1rem}
}
#home-cols .col img {max-width: 100%}
#home-cols .col a {display: block; color: rgb(75, 137, 137);}

#home-large-links {width: 100%; margin: 1em auto; padding: 0; text-align: center}
#home-large-links > a {display: inline-block; margin: 10px; max-width: 100%}
@media (min-width: 990px) {#home-large-links > a {margin: 0 10px}}

#home-large-links figure {position: relative;
	width: 300px; max-width: 100%}
#home-large-links img {width: 100%; height: 100%; vertical-align: bottom}
#home-large-links figcaption {display: block;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 0px;
	text-transform: uppercase;
	background-color: rgba(0,0,0,0.5);
	color: white;
}

#home-page-search, h1.slogan {
	font-weight: bold;
    font-family: "Open Sans";
    font-variant: small-caps;
	color: black;
	margin: 0; padding: 1.5rem 0.5em 0.5em 0.5em; clear: both; text-align: center
}

h1.slogan {font-size: 2rem; letter-spacing: 0.25em;}

#home-page-search {
	display: block;
	text-align: center;
	padding: 2rem 0 1rem 0;
	font-size: 1.5rem
}

#home-page-search label {display: inline; margin: 0}

#home-page-search input, #home-page-search select, #home-page-search button {
	display: inline-block;
	margin: 0 1em 0 0.25em;
	height: 2em;
	vertical-align: middle;
}
#home-page-search select {height: 2.2em}
#home-page-search button {
	border-radius: 0.2em;
	height: auto;
	font-size: inherit;
	padding: 0.1em 0.4em;
}
#home-page-search #id_sleeps {width: 4em}

#search-page-form {
	width: 12em;
	position: fixed;
}

#search-rent-results {margin-left: 14em}

#search-page-form select {width: 100%}

@media (max-width: 950px) {
	#home-page-search {display: none}
	#search-page-form {display: none}
	#search-rent-results {margin-left: 0}
}


#search-sales-form {
	padding: 0.5rem 0 0.5rem 0.75rem; margin:1em 0.6em 0 -0.6em; text-align: center;
}

#search-input-holder {
	display: inline-block; vertical-align: top;
	background-color: white; width: 1000px; max-width: 90%; height: 2.5rem;
	margin:0 auto; padding: 0;
}

.chosen-container-multi .chosen-choices {border: none; box-shadow: none; background: none}

#search-input-holder > .chosen-choices {width: 45%}

#search-sales-form ul {width: 100%}

#search-sales-form li {display: inline}
#search-sales-form input {display: inline; margin: 0; padding:0; }


#search-sales-form select {width: 49%; border: none}
#search-sales-form .divider {
	display: inline-block; vertical-align: middle; height: 2.5rem; width: 1%; border-right: 1px solid #aaa}

@media (max-width: 1000px) {
	#search-sales-form input {display: block; margin: 0 auto}
	#search-sales-form .divider {display: none}
	#search-input-holder {height: auto}
}

.home-header {
	position: relative;
	margin: 0 1%;
}
.home-header img {width: 100%; height: 100%}
.home-header a {color: white; text-decoration: none}
.home-header h2, .home-header p {text-align: left; margin: 0}
.home-header figcaption {position: absolute; bottom: 0.5em; left: 1em}
.home-header figure {
	background-size: cover;
	background-position: center;
}

#home-header::last-child::after {clear: both; content:' '}

@media (min-width: 1000px) {
	.home-header {
		margin-right: 0;
		float: left;
	}
	.main-header {
		width: 60%;
		margin-left: 0;
	}
	.main-header figure {padding-bottom: 66%}
	.main-header h2 {font-size: 2em}
	.medium-header {
		width: 37%;
	}
	.medium-header figure {padding-bottom: 40%}
	.small-header {
		width: 18%;
		margin-top: 1%;
	}
	.small-header figure {padding: 0 0 64% 0}
	.small-header h2 {font-size: 1em}
	.small-header img {position: absolute; top: 0; left: 0}
}

@media (min-width: 500px) and (max-width: 1000px) {
	.home-header {display: inline-block; float: left}
	.main-header {width: 60%; margin: 1%}
	.main-header figure {padding-bottom: 66%}
	.main-header h2 {font-size: 1em}
	.main-header p {font-size: 0.75em}
	.medium-header {width: 30%; margin: 1%}
	.medium-header figure {padding-bottom: 66%}
	.medium-header h2 {font-size: 0.75em}
	.medium-header p {display: none}
	.small-header {width: 30%; margin: 1%}
	.small-header figure {padding-bottom: 50%}
	.small-header h2 {font-size: 0.75em}
	.small-header p {display: none}
	.header-3 {width: 30%; margin: 1%}
	.header-3 figure {padding-bottom: 59%}
	.header-3 h2 {font-size: 0.75em}
	.header-3 p {display: none}
	.header-4 {clear: left}
}

@media (max-width: 500px) {
	#home-header-block {display: none}
}


.guest-comments h2 {background-color: rgb(69, 118, 118); color: white;}
.guest-comments .ticker-items {background-color: rgb(115, 196, 197); color: white}
.guest-comments a, .news a {color: white; text-decoration: underline}

.image-links {text-align: left; margin: 0 auto}
#sale-slogan {margin-top: 1em}
.image-link {
	display: inline-block; width: 250px; height: 167px;
	margin: 5px; padding: 0; overflow: hidden; vertical-align: bottom}
.image-link figure {position: relative; display: block; margin: 0; padding: 0; height: 167px; overflow: hidden}
.image-link img {width: 100%; height: 100%; margin: 0; padding: 0}
.image-link figcaption {
	display: block; text-align: center; width: 100%;
	position: absolute; bottom: 0; text-transform: uppercase}
.image-link figcaption span {color: white; background-color: rgba(0,0,0,0.5); padding: 0.25em 0.5em; border-top-right-radius: 0.5em; border-top-left-radius: 0.5em}
.image-link:hover img {opacity: 0.9}

.buttontext{
	color: white !important;
	margin-top: 9px;
	text-transform: uppercase;
	font-weight: bold;
}
.mobilebutton{display: none; text-align: -webkit-center}
.mobilevillasrent {
  width: auto;
  height: 40px;
  background-color: rgb(114, 197, 197);
  moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 5px;
  margin: 5px;
  border-radius: 15px;
  }
.mobilevlocation {
  width: auto;
  height: 40px;
  background-color: rgb(114, 197, 197);
  moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 5px;
  margin: 5px;
  border-radius: 15px;
  }
  .mobilevillassale {
  width: auto;
  height: 40px;
  background-color: rgb(114, 197, 197);
  moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 5px;
  margin: 5px;
  border-radius: 15px;
  }

#search-content {background-color: #eee; margin-top: 64px;}

#search-results {margin: 0 auto; text-align: left; position: relative}

#search-results h2 {font-size: 1rem}

.result-link {color: inherit; margin: 0 auto}
.results-image-holder {width:auto ;margin: 0; padding:0; position: relative; overflow: hidden;height: auto }
.results-image-holder img {width: 100%;height: auto}
.offer-snippet {
	margin: 0; padding: 0 2px 4px 0;
	text-align: center;
	color: white; background-color: rgba(0,0,0,0.5);
	height: 1.2em; overflow: hidden;
	position: absolute; top: -1.2em; right: -4em; width: 10em;
	transform: rotate(45deg);
	transform-origin: top left;
	cursor: pointer;
}
.villa-result {
	border: 1px solid #ccc; border-radius: 5px; margin: 7px; background-color: white; font-size: 15px;
	width: 100%; overflow: hidden;
}
.villa-result .price {
	float: right;
	padding: 5px 7px;
}

.keyinfo {margin: 0 10px}

.villa-result h2 a {text-decoration: none; color: rgb(114, 197, 197); }
.villa-result h2 {font-size: 20px; margin: 0; font-weight: normal; padding:0.25rem 0.5rem; vertical-align: top; margin-top: -0.3em}

.villa-result-subheader {overflow: hidden; width: 100%}
.results-text p {margin: 0 0 5px 0}
.results-text {overflow: hidden; padding: 0.25rem 0 2px 10px; font-size: 13px}

.rating {position: relative; width: 5em; height: 1.5em; margin: 0 0 0 10px; float: left}
.stars {position: absolute; top: 0; color: rgb(255, 209, 2); overflow: hidden}
.num_ratings {
	display: block; float: left; text-decoration: none;
	text-align: center;
	min-width: 1em;
	position: relative;
	padding: 0 2px;
	border: 3px solid rgb(114, 197, 197); border-radius: 7px;
	color: rgb(114, 197, 197); background-color: white;
	margin: 0 0px 5px;
}
.num_ratings::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 5px;
    border-width: 10px 0px 0px 10px;
    border-style: solid;
    border-color: rgb(114, 197, 197) transparent;
    display: block;
    width: 0px;
}

.view-details {
	display: block; float: right;
	background-color: rgb(114, 197, 197); color: white;
	border-radius: 0.2em; padding: 0.5em; margin: 5px 7px;
}
.view-details-sale {
	display: inline-block; float: right; clear: both;
	background-color: rgb(114, 197, 197); color: white;
	border-radius: 0.2em; padding: 0.5em; margin: 0.25em 10px 0.25em 0.25em
}
.view-details-modal {
	display: none;
	position: absolute;
	background-color: rgb(114, 197, 197); color: white;
	border-radius: 0.2em; padding: 0.5em; margin: 0.25em 10px 0.25em 0.25em;
	z-index:100000;
	top: 55px;left: 60px;
	text-align: center;
	vertical-align: bottom;
}

@media (max-width: 770px) {
    .villas-result {margin: 5px 0; width: 100%}
	.results-image-holder {display: inline-block; max-width: 50%; vertical-align: top;overflow: inherit; }
	.villa-result-text {display: inline-block; width:100%; vertical-align: top}
	.villa-result-text-sale {display: inline-block; vertical-align: top; max-width: 49%;}
	.results-text {display: inline-block; vertical-align: top}
	/*.villa-result h2{display: inline-block;}*/
	.results-image-sale{display: inline-block; max-width: 50%; vertical-align: top;overflow: inherit;}
	.result-link{width: 100%; display: block;}
    .keyinfo {display: block}
	.sleeps-nums {float: left}
	.list-extlink {height: 40px; float: right}

}
@media (max-width: 468px){
	.results-image-holder{display: block; max-width: 100%; width: auto;overflow: hidden;}
	.result-link{width:100%;}
	.results-image{display: block; max-width:100%; width: 100%;}
	.results-image-sale{display: block; max-width:100%; width: 100%;}
	.villa-result h2{display: block;}
	.villa-result-text-sale{max-width: 100%;}
	.results-text{display: block;width: 100%}
	.results-text p{display: block; max-width: 100%;}

}

@media (min-width: 770px) {
	.villa-result {width: 350px; display: inline-block; height: 385px; position: relative; vertical-align: top}
	.keyinfo {position: absolute; bottom: 1px; left: 0; right: 0}
	.list-extlink {position: absolute; bottom: 1px; right: 0; height: 50px; overflow: visible}
	.villa-result-text-sale h2 {display: inline-block; width:225px;}
	.results-text {display: block;}

}


/*villa page*/

#notavail {
	position: absolute; top: 0; left: 0; height: 100%; width: 100%; margin: 0;
	background-color: rgba(0,0,0,0.5);
	z-index:10000;
}

#notavail .popup {
	position: fixed;left: 0;right: 0;
	background-color: white;
	margin: 2em auto; max-width: 20em; padding: 3em;
	box-shadow: 0.25em 0.25em 1em black;
}

#scroll-popup {
	position: fixed;
	bottom: 14em; right: 4em;
	width: 15em; padding: 1em 0em 1em 1em; margin: 0;
	border: rgb(114, 197, 197) solid 1px; background-color: white;font-weight: bold;
	box-shadow: 2px 2px 10px;
	overflow: visible;
	border-radius: 1em;
	display: none;
	z-index: 1000;
}


.close-popup {
	position: absolute; display: block;
	top:-0.5em; right: -0.5em; padding: 0;
	width: 1.5em; height: 1.5em; border-radius: 1em;
	background-color: black; color: white;
	text-align: center;
	cursor: pointer;
}

#mobile-villa-nav {
	list-style-type: none;
	margin: 0;
	width: 100%;
	position: fixed;
	top: 4em;
	text-align: center;
	z-index: 2000;
	background-color: white;
}



#mobile-villa-nav li {display: inline-block; margin: 0 0.5em; position: static;}

#villa-essential {
	position: fixed; vertical-align: top; width: 15em; z-index: -2;
	padding: 0 0 1em 0; box-sizing: border-box;
}
#villa-menu ul {list-style: none; font-size: 1.3rem; margin: 0 0 0 1em}
#villa-menu li {position: relative; color: rgb(114, 197, 197);}
#villa-menu .active {text-decoration: underline}

#villa_offer {margin: 1em; color: rgb(180, 100, 100); text-align: center}

#villagallery {margin: 2em auto}
.gallerypic img {max-width: 100%}

.gallerypic {display: inline-block; text-align: center; padding: 5px 2px 2px 5px; width: 450px;max-width: 100%}

#slider-holder {margin: 20px 0 10px 30px;}

@media (max-width: 400px){
	.gallerypic{padding: 5px 0}
	.villasrent{
	display:none
	}
	.villasonsale{
		display: none;
	}
}

@media(max-width: 400px){
	.mobilebutton{
		display: block !important;
	}
}

#villagallery.uncentred {text-align: center}

.villa-facts {list-style: none;}
#villa-facts-essential {margin: 2em 0 0 1em; padding: 0.5em 0.5em 0.5em 3em; background-color: rgb(240, 240, 240); z-index: -1}
#villa-facts-main {width: 15em; display: inline-block; list-style: none; vertical-align: top; margin-left: 3em}
.modaltext{vertical-align:top;margin-top: 0.1px !important;}
.villa-facts .icon {height: 2em; max-width: 2em; vertical-align: middle; position: absolute; left: -2.5em}
.villa-facts li {position: relative; margin: 0.25em 0}
.villa-facts li span {vertical-align: middle}
.socialmedia{height: 2em; list-style: none; text-align: center; margin-top: 1em}
.socialmedia li {display:inline}
.socialmedia .icon {max-width: 2em}
#villa-details{margin-left: 5%}
#villa-description {width: 50%; display: inline-block; vertical-align: top; padding: 0 5% 0 5%}
#guestbook{margin-left: 5%}
@media (max-width:60em) {
	#villa-facts{width: 100%}
	#villa-description {width: 90%;margin-left: 5%;margin-right: 5%;padding: 0}
}

#show_reviews, #hide_reviews {
	background-color: rgb(114, 197, 197); color: white;
	border-radius: 0.2em; padding: 0.4em;
	text-transform: uppercase;
	width: 10em;
	border: none;
	margin: 7m 0;
	text-align: center;
	display: block;
	margin-left: 5%;
	cursor: pointer;
}

#more_reviews {display: none}
#hide_reviews {display: none}

#similarvillas {margin-left: 5%}
#similarvillas ul {list-style-type: none}
#similarvillas img {display: block}

/*location list page*/
.listing {display: inline-block; vertical-align: top; margin: 20px; width: 300px; max-width: 100%}
.listing img {max-width: 100%}

.offer-details-popup { position: absolute;
	top: 20px;left: 20px;
	text-align: center;
	width: 15em; padding: 1em 0em 1em 1em; margin: 0;
	height: 70px;
	border: rgb(114, 197, 197) solid 1px; background-color: white;font-weight: bold;
	box-shadow: 2px 2px 10px;
	overflow: visible;
	border-radius: 1em;
	display: none;
	z-index: 1000 }

#villa-map{margin-left: 5%;}
.starsback{height: 22px}
#pricetable {display: inline-block; vertical-align: top; margin: 1rem 5%; width: 15em}
#villa-rates {margin: 0 0 5rem 0}
#villa-calendar {margin-left: 5%;margin-right: 5%; box-shadow: 0 0 5px #ccc;}
#villa-calendar .cal-header {background-color: #777; color: white; margin: 1em 0 0 0}

.cal-header h2, .cal-header p {margin: 0 1rem}

@media (min-width: 70rem) {.cal-header h2, .cal-header p {display: inline}}

.cal-month {vertical-align: top; margin: 1em; border-collapse: collapse; width: inherit;
height: 13em}

#cal-months h4 {background-color: white; color: black; font-size: 1em; margin: 0; padding: 0; font-weight: normal}
.cal-rent {margin: 0 0 0 1em; padding: 0}

#villa-calendar .bx-wrapper {margin: 0 5px}
#villa-calendar .bx-viewport {box-shadow: none}
@media (min-width: 500px) {
	.cal-month {display: inline-block; width: auto;}
}
#villa-calendar td {width: 1.5em; text-align: center; vertical-align: middle; border-bottom: 1px solid white}
.sunday {color: red}
.booked {background-color: #aaa}
.bookingstart {background: linear-gradient(135deg, #fff 50%, #aaa 50%)}
.bookingend {
	background: linear-gradient(135deg, #aaa 50%, #fff 50%);
}



.rating_wrap {position: relative; padding: 0; margin-left:5%;}
.rating_stars {position: absolute; top: 0; left: 0; overflow: hidden; color: rgb(255, 210, 3)}
.reviewblock{margin-left: 5%}

#villa-container #map_canvas {margin: 0 5%}

#map_canvas {height: 500px}

#floorplan{margin-left: 5%}
.floorplan-container {margin: 0 5%}

/*easyzoom*/
.easyzoom-container {
	position: relative;
	overflow: hidden;
}

.easyzoom {
    float: left;
    background-size: cover;
}
.easyzoom img {
    display: block;
}

.easyzoom-flyout {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.easyzoom-small-img {
	width: 100%;
}
/*forms*/

#simple-contact-wrapper {
	margin: 2em auto;
	max-width: 30em
}

#simple-contact-wrapper ul {list-style-position: inside}

#simple-contact-wrapper button {display: block; margin: 5px}

.smallform {max-width: 30em; display:block; margin: 1em auto}

#main_contact_email {display: none}

.bigform {text-align: center}
.bigform fieldset {min-height: 22em; width: 24em; max-width: 100%; display: inline-block; vertical-align: top; text-align: left; margin: 0.5em; padding: 0.5em; box-sizing: border-box}
.bigform #id_type {display: inline; margin: 0 0 1em 0}
.bigform textarea {height: 95%; width: 90%; display: block; margin: 0 auto}
.bigform .buttons {margin: 1em 0; max-width: 70em}
.errorlist {color: rgb(181, 101, 101)}

.bigform fieldset.experiences-fieldset {
	min-height: 0; width: auto; display: block; max-width: 74em;
	margin: 0 auto}
.experiences-fieldset li {display: inline-block; width: 15em}
.experiences-fieldset > ul > li {display: block; width: 100%}
.experiences-fieldset .required:after {content: ''}

@media (min-width: 74em) {
	.bigform .buttons {text-align: right}
}

.experienceform {text-align: left; max-width: 500px; display: block; margin: 0 auto}
.experienceform #id_message {margin-top: 10px}

.experience-block {margin: 25px 0; clear: both; max-width: 1300px}
.video-container {float: left; width: 640px; max-width: 50%; padding: 0; margin: 0 25px 25px 0;}
.experience-pic {
	padding: 0; margin: 0 25px 25px 0; float: left;
	max-width: 50%;
}

.experience-header {overflow: hidden}

.experience-header h2 {margin-top: 0}

.experience-contact {
	display: block; float: right; margin: 0 0 0.5rem 0.5rem; padding: 0.5em;
	background-color: rgb(114, 197, 197); color: white;
	border-radius: 0.2em;
}

@media (min-width: 60rem) {
	.experience-contact {font-size: 1.5rem; font-weight: bold;}
}

.booknowbutton {
		background-color: rgb(114, 197, 197); color: white;
		border-radius: 0.2em; padding: 0.4em;
		text-transform: uppercase;
		border: none;
		margin: 1em 0;
		width: 100%;
		text-align: center;
		display: block;
	}

.booknowbutton:hover {text-decoration: none}

#sidebar-cards {height: 2em; display: block; margin: 1em auto}

#sidebar-extlink {width: 50%; display:block; margin: 0.5em auto}

.bookbutton{
	margin-left: 15px;
}

/*Team page*/

#team_main {margin-left: 0; margin-right: 0; padding: 0}

#team_text {max-width: 40em; margin: 2em auto 3em auto; padding: 0}

#team_main hr {width: 25%}

#team_list {
	list-style: none;
	margin: 0 0 5em 0; padding: 0;
	font-size: 14px
}

#team_list li {
	display: inline-block;
	box-sizing: border-box;
	margin: 0; padding: 0;
	width: 25%;
	vertical-align: top;
	position: relative;
	color: white;
	background-size: cover;
}

.team_info {
	position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	padding: 10px; box-sizing: border-box;
}

.team_large_img {
	width: 100%;
	margin: 0; padding: 0; vertical-align:bottom;
}

#team_list h2 {font-size: 15px; font-weight: bold}

@media (max-width: 1200px) {
	#team_list li {width: 33%}
}

@media (max-width: 1000px) {
	#team_list li {width: 50%}
}

@media (max-width: 700px) {
	#team_list li {width: 100%}
}

/*Blog*/

.blog-list {max-width: 1000px; margin: 2em auto}

.blog-post-wrapper {max-width: 850px; margin: 2em auto}

.blog-list article {margin: 1em 0; padding: 1em 0; border-bottom: 2px dotted #ccc}

.post-list-item {text-align: center}

.post-meta {text-align: center}

.post-meta a {color: rgb(119, 119, 119);}

.post-list-text, .post-list-item img {display: inline-block; vertical-align: top; text-align: left}
.blog-home-image, .post-header-image, .blog-section-image {border: solid 5px rgb(114, 197, 197)}

.post-header-image, .blog-home-image {max-width: 95%}
.blog-section-image {max-width: 90%}

.post-meta img {width: 30px}

#comment-form {display:block; border-bottom: 2px dotted #ccc; padding-bottom: 0.5em}
#comment-form #id_text {display: inline-block; width: 30em; height: 15em; margin: 0 2em 0 0; max-width: 100%}
#comment-form .user-details {display: inline-block; vertical-align:top; border: none; max-width: 100%}
#comment-form button {display:block; margin: 1em 0 0 0}
#comment-form label, #comment-form input {direction: block; margin: 0; width: 15em; max-width: 100%}
#comment-form label[for=id_email] {margin-top: 1em}
.blog-captcha {display: none}

.blog-comment {clear: both; border-bottom: 2px dotted #ccc}

@media (max-width: 17em) {
	#comment-form #id_text {height: 5em}
	#comment-form label {margin-top: 1em}
}

@media (min-width: 750px) {
	.blog-home-image {width: 350px}
	.post-header-image {width: 690px}
	.post-list-text {width: 330px; padding: 0 0 0 20px}
	.post-list-text h2 {margin-top: 0}
}

@media (min-width: 1000px) {
	.post-meta {display: inline-block; width: 120px; font-size: 14px; margin-right: 12px; vertical-align: top}
	.post-meta a, .post-date {display: block; padding: 12px 0}
	.post-meta img {display: block; margin: 0 auto}
	.post-meta-cat img {margin-bottom: 5px}
	.post-date {padding-top: 0}
	.post-date, .comments-link, .post-meta-cat {border-bottom: solid 1px #ccc}
	.post-list-text {width: 440px}
}

@media (max-width: 1000px) {
	.post-meta {display: block; margin-bottom: 10px}
	.post-meta a, .post-date {display: inline-block; margin: 0 10px; vertical-align: middle}
	.post-meta img {height: 14px; vertical-align: middle; margin: 0 5px}
	.post-header-image {display: block; margin: 10px auto}
}

@media (max-width: 700px) {
	.post-meta a {display: block}
}