body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	padding: 0;
	margin: 0;
}

@font-face{font-family:"Smallholders";src:url('../fonts/Smallholders/Smallholders.eot');src:url('../fonts/Smallholders/Smallholders.eot?#iefix') format('eot'),url('../fonts/Smallholders/Smallholders.woff') format('woff'),url('../fonts/Smallholders/Smallholders.ttf') format('truetype'),url('../fonts/Smallholders/Smallholders.svg#Smallholders') format('svg');font-weight:400;font-style:normal}html:hover [class^="shs-icon"]{-ms-zoom:1}.shs-icon,[class^="shs-icon"]:before,[class*=" shs-icon"]:before,[class^="shs-icon"].shs-icon:before,[class*=" shs-icon"].shs-icon:before,[class^="shs-icon"].right:after,[class*=" shs-icon"].right:after,[class^="shs-icon"].shs-icon.right:after,[class*=" shs-icon"].shs-icon.right:after{font-family:"Smallholders";font-style:normal;font-weight:400;text-decoration:none;text-rendering:optimizeLegibility;white-space:nowrap;-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;-o-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}[class^="shs-icon"].right:before,[class*=" shs-icon"].right:before{display:none;content:''}.shs-icon-arrow:before,.shs-icon-arrow.right:after{content:"\E001"}.shs-icon-bars:before,.shs-icon-bars.right:after{content:"\E002"}.shs-icon-down:before,.shs-icon-down.right:after{content:"\E003"}.shs-icon-facebook-full:before,.shs-icon-facebook-full.right:after{content:"\E004"}.shs-icon-facebook:before,.shs-icon-facebook.right:after{content:"\E005"}.shs-icon-instagram-full:before,.shs-icon-instagram-full.right:after{content:"\E006"}.shs-icon-instagram:before,.shs-icon-instagram.right:after{content:"\E007"}.shs-icon-logo:before,.shs-icon-logo.right:after{content:"\E008"}.shs-icon-mail:before,.shs-icon-mail.right:after{content:"\E009"}.shs-icon-marker:before,.shs-icon-marker.right:after{content:"\E00A"}.shs-icon-phone:before,.shs-icon-phone.right:after{content:"\E00B"}.shs-icon-share:before,.shs-icon-share.right:after{content:"\E00C"}.shs-icon-twitter-full:before,.shs-icon-twitter-full.right:after{content:"\E00D"}.shs-icon-twitter:before,.shs-icon-twitter.right:after{content:"\E00E"}

header {
	text-align: center;
}

body.headerbar {
	padding-top: 50px;
}

form ul {
	list-style: none;
	padding: 0;
}

.hidden {
	display: none;
}

.headerbar label {
	display: block;
}

/* Fields
-------------------------------------------------------------------------------*/
.headerbar .field {
	padding: 5px;
	border-bottom: 1px solid #eee;
	clear: both;
	overflow: hidden;
}

.headerbar .field:nth-child(2n+1) {
	background: #eee;
}

.headerbar .field input {
	border: 1px solid #333;
	padding: 5px;
	font-size: 18px;
	margin-right: 20px;
	height: 40px;
	/*float: left;*/
}

.headerbar .field input.fieldname {
	border: 1px solid transparent;
	background: transparent;
}

.headerbar .field input.instructions {
	border: 1px solid transparent;
	font-size: 12px;
	height: 40px;
	width: 400px;
	background: transparent;
}

input:focus, textarea:focus {
	outline: none;
}

.subscription-selection {
	text-align: center;
}

.subscription {
	float: left;
	width: 200px;
	height: 165px;
	border: 1px solid #bbb;
	padding: 15px;
	margin: 0 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14px;
}

.subscription h2 {
	margin: 5px 0;
}

.subscription p {
	margin: 5px 0;
}

.subscription a.btn {
	text-decoration: none;
	padding: 7px 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #5cb85c;
	border-color: #4cae4c;
	color: #fff;
	display: block;
	margin: 10px 0 5px;
}

.subscription a.btn:hover {
	background-color: #47a447;
	border-color: #398439;
}

.public form {
	width: 590px;
	border: 1px solid #ddd;
	padding: 15px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
	margin: 10px auto;
}

.public form fieldset {
	border: none;
	border-top: 1px solid #ddd;
	margin: 0 0 5px 0;
}

.public form fieldset legend {
	padding: 0px 5px;
	font-weight: bold;
}

.public form fieldset label {
	font-size: 12px;
	width: 180px;
	text-align: right;
	display: block;
	float: left;
	margin-right: 10px;
	padding: 4px 0;
}

.public form fieldset input[type=text] {
	border: 1px solid #333;
	padding: 5px;
	margin: 3px 0;
}

.public form input[type=submit], .public form button[type=submit] {
	padding: 10px 20px;
	border: 1px solid #4cae4c;
	background-color: #5cb85c;
	color: #fff;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	transition: all 200ms;
	-webkit-transition: all 200ms;
	cursor: pointer;
}

.public form input[type=submit]:hover, .public form button[type=submit]:hover {
	background: #80c780;
}

.btn {
	padding: 10px 20px;
	border: 1px solid #ddd;
	background-color: #efefef;
	color: #333;
	text-decoration: none;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
}
.btn:hover {
	border: 1px solid #333;
	background: #ddd;
}

.btn.right {
	margin-left:10px; 
}
.btn i {
	margin-right: 5px;
}

.public form textarea {
	border: 1px solid #333;
	display: block;
	width: 200px;
	margin: 3px 0;
	height: 140px;
	padding: 5px;
}

.public form .field {
	position: relative;
	clear: both;
}

.public form .field .instructions {
	position: absolute;
	right: 10px;
	top: 0px;
	background: #f2f2f2;
	border: 1px solid #eee;
	padding: 15px;
	display: none;
	font-size: 12px;
	width: 150px;
	margin: -10px -90px 0 0;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-o-transition-delay: 2s;
	-ms-transition-delay: 2s;
	transition-delay: 2s;
	opacity: 0;
}

.public form .form-commands {
	padding: 0 15px;
	text-align: right;
}

.public form .field:hover .instructions {
	display: block;
	opacity: 1;
}

.public form h2 {
	font-weight: 100;
	margin: 0 15px 15px;
}

.cc_number_short {
	width: 30px;
	text-align: center;
}

.long {
	width: 200px
}

.short {
	width: 70px;
}

.secured {
	float: left;
	padding: 5px 10px;
	border: 1px solid #bbb;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 10px;
	color: #999;
	margin-top: 10px;
}

.errors {
	color: #b94a48;
	background-color: #f2dede;
	border-top: 1px solid #ebccd1;
	border-bottom: 1px solid #ebccd1;
	padding: 0 20px;
	font-size: 12px;
	margin-bottom: 15px;
}

.message {
	color: #3498db;
	background-color: #CBE5F6;
	border-top: 1px solid #3498db;
	border-bottom: 1px solid #3498db;
	padding: 0 20px;
	font-size: 12px;
	margin-bottom: 15px;
}

.message {
	color: #3a87ad;
	background-color: #d9edf7;
	border: 1px solid #bce8f1;
	padding: 20px 20px;
	text-align: center;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.warning {
	padding: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #ffd9d9;
	border: 1px solid #a11b1b;
	margin-bottom: 10px;
}

.card-indicators {
	padding: 0 0 0 10px;
	display: inline-block;
	height: 20px;
}

.card-indicators .card {
	display: inline;
	float: left;
	margin: 4px 5px 0 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity = 0);
}

.card-indicators img {
	height: 25px;
	width: auto;
}

.right {
	float: right;
}

.left {
	float: left;
}

.font-align-right {
	text-align: right;
}

table.total-table {
	font-size: 12px;
	width: 100%;
}

table.total-table b {
	display: block;
}

table.total-table th {
	text-align: left;
	border-bottom: 1px solid #999;
}

table.total-table td:last-child{
	text-align: right;
	padding-left: 10px;
}

.event {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	height: 70px;
	margin-top: 15px;
	font-size: 13px;
	overflow: hidden;
}

.event .date {
	float: left;
	font-size: 13px;
	width: 60px;
	text-align: center;
	padding: 15px 15px;
	color: #555;
	border-right: 1px solid #eee;
	background: #f5f5f5;
	color: #999;
}

.event .date strong {
	display: block;
	font-size: 18px;
}

.event .date span {
	display: block;
	margin-top: 10px;
}

.event .map {
	float: left;
	margin-right: 15px;
}

.events-listing .event h2 {
	margin: 0;
	padding: 2px 5px;
	font-size: 18px;
	position: relative;
	z-index: 99;
	background: rgba(255,255,255,0.9);
	text-shadow: 0 0 6px #fff;
}

.ticket-summary .event h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 18px;
	position: relative;
	z-index: 99;
	background: rgba(255,255,255,0.9);
	text-shadow: 0 0 6px #fff;
}

.event .location {
	font-size: 12px;
}

.event .price {
	float: right;
	padding: 25px 10px;
	border-left: 1px solid #eee;
	height: 20px;
	width: 80px;
	text-align: center;
}

.event .book-pane {
	float: right;
	padding: 25px 10px;
	border-left: 1px solid #eee;
	height: 20px;
	font-size: 18px;
	width: 60px;
	text-align: center;
	background: #f5f5f5;
}

.event .book-pane a {
	color: #999;
}

.event .book-pane .unavailable {
	padding: 5px 10px;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #999;
	opacity: 0.3;
}

.event .book-pane small {
	display: block;
	font-size: 11px;
	color: #999
}

.event .event-container {
	margin: 0 182px 0 90px;
	padding: 0 ;
	overflow: hidden;
	height: 100px;
	background-size: cover;
	position: relative;
}

.event .event-container p {
	margin: 0 5px 5px 5px;
	font-size: 12px;
}

.event .event-container .wrapper {
	height: 90px;
	overflow: hidden;
	position: relative;
	padding: 5px;
}

.event .event-container .map {
	display: block;
	margin-top: -100px;
	background-size: cover;
	width: 100%;
	height: 100px;
	z-index: 1;
	transition: all 200ms;
	-webkit-filter: blur(20px);
	opacity: 0;
	position: relative;
}

.event .event-container .map .location {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	padding: 5px 2px;
	font-size: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.additional-guests {
	border-bottom: 1px solid #eee;
	height: 30px;
	font-size: 13px;
	overflow: hidden;
}

.events-listing > p {
	padding: 0 15px;
}

.additional-guests .date {
	float: left;
	font-size: 13px;
	width: 60px;
	text-align: center;
	padding: 30px 15px;
	color: #555;
	border-right: 1px solid #eee;
	background: #f5f5f5;
	color: #999;
}

.additional-guests .date strong {
	display: block;
	font-size: 18px;
}

.additional-guests .map {
	float: left;
	margin-right: 15px;
}

.events-listing .additional-guests h2 {
	margin: 0;
	padding: 0px 5px;
	font-size: 14px;
	position: relative;
	z-index: 99;
	background: rgba(255,255,255,0.9);
	text-shadow: 0 0 6px #fff;
	font-weight: bold;
}

.ticket-summary .additional-guests h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 18px;
	position: relative;
	z-index: 99;
	background: rgba(255,255,255,0.9);
	text-shadow: 0 0 6px #fff;
}

.additional-guests .location {
	font-size: 12px;
}

.additional-guests .price {
	float: right;
	padding: 6px 10px;
	border-left: 1px solid #eee;
	height: 20px;
	width: 80px;
	text-align: center;
}

.additional-guests .book-pane {
	float: right;
	padding: 3px 10px 10px;
	border-left: 1px solid #eee;
	height: 20px;
	font-size: 18px;
	width: 60px;
	text-align: center;
	background: #f5f5f5;
}

.additional-guests .book-pane a {
	color: #999;
}

.additional-guests .book-pane .unavailable {
	padding: 5px 10px;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #999;
	opacity: 0.3;
}

.additional-guests .book-pane small {
	display: block;
	font-size: 11px;
	color: #999
}

.additional-guests .event-container {
	margin: 0 182px 0 90px;
	padding: 0 ;
	overflow: hidden;
	height: 100px;
	background-size: cover;
	position: relative;
}

.additional-guests .event-container p {
	margin: 0 5px 5px 5px;
	font-size: 12px;
}

.additional-guests .event-container .wrapper {
	height: 90px;
	overflow: hidden;
	position: relative;
	padding: 5px;
}

.event .event-container:hover .map {
	-webkit-filter: blur(0px);
	opacity: 1;
}

.total-summary {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 15px;
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.total-summary small {
	display: block;
	margin-top: 5px;
}

.thanks-wrapper, .borderbox {
	width: 590px;
	margin: auto;
	border: 1px solid #ddd;
	padding: 15px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
	padding: 10px;
	text-align: center;
	overflow: hidden;
}

.thanks-wrapper .icon {
	color: #24b70a;
	font-size: 10em;
}

form.login {
	text-align: center;
	width: 300px;
}

.login label{
	display: block;
}

.login .field {
	margin-bottom: 10px;
}

.login input[type=text], .login input[type=password]{
	padding: 5px 10px;
	border: 1px solid #ddd;
	font-size: 14px;
	width: 80%;
}

.login input[type=text]:focus, .login input[type=password]:focus{
	box-shadow: 0 0 4px #3498db;
	border-color: #3498db;
}

.description {
	display: none;
}

.map-view {
	height: 100px;
	width: 100%;
	background-size: cover;
	margin-bottom: 10px;
}

hr {
	border: 0;
	border-bottom: 1px solid #ddd;
}

form .wrapper {
	padding: 5px 15px;
}

th {
	text-align: left;
	background: #ddd;
	padding-bottom: 10px;
	border-bottom: #999 solid 1px;
}

.profile table td, .profile table th {
	padding: 5px 10px;
}

.profile a {
	color: #2980b9;
	text-decoration: none;
}

.profile table {
	margin-bottom: 10px;
}

.profile table a {
	font-size: 16px;
	padding: 0 3px;
	display: inline-block;
	margin-left: 3px;
}

.profile table a:hover {
	color: #fff;
	background: #2980b9;
}

.profile table td {
	border-bottom: #ddd solid 1px;
}

.profile table .actions {
	text-align: right;
	width: 85px;
}

.profile a:hover {
	text-decoration: underline;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}


.tooltipster-light {
	border-radius: 5px; 
	border: 1px solid #cccccc;
	background: #ededed;
	color: #666666;
}
.tooltipster-light .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}

.pulsate {
	animation-name: glow;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-name: glow;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
}

@keyframes glow {
	0% { box-shadow: 0 0 8px rgba(14,54,94,  0.0); }
	10% { box-shadow: 0 0 8px rgba(14,54,94, 0.20); }
	20% { box-shadow: 0 0 8px rgba(14,54,94, 0.40 ); }
	30% { box-shadow: 0 0 8px rgba(14,54,94, 0.60 ); }
	40% { box-shadow: 0 0 8px rgba(14,54,94, 0.80 ); }    
	50% { box-shadow: 0 0 8px rgba(14,54,94, 1.00); }
	60% { box-shadow: 0 0 8px rgba(14,54,94, 0.80); }
	70% { box-shadow: 0 0 8px rgba(14,54,94, 0.60); }
	80% { box-shadow: 0 0 8px rgba(14,54,94, 0.40); }
	90% { box-shadow: 0 0 8px rgba(14,54,94, 0.20); }
	100% { box-shadow: 0 0 8px rgba(14,54,94,0.0); }
}

@-webkit-keyframes glow {
	0% { box-shadow: 0 0 8px rgba(14,54,94,  0.0); }
	10% { box-shadow: 0 0 8px rgba(14,54,94, 0.20); }
	20% { box-shadow: 0 0 8px rgba(14,54,94, 0.40 ); }
	30% { box-shadow: 0 0 8px rgba(14,54,94, 0.60 ); }
	40% { box-shadow: 0 0 8px rgba(14,54,94, 0.80 ); }    
	50% { box-shadow: 0 0 8px rgba(14,54,94, 1.00); }
	60% { box-shadow: 0 0 8px rgba(14,54,94, 0.80); }
	70% { box-shadow: 0 0 8px rgba(14,54,94, 0.60); }
	80% { box-shadow: 0 0 8px rgba(14,54,94, 0.40); }
	90% { box-shadow: 0 0 8px rgba(14,54,94, 0.20); }
	100% { box-shadow: 0 0 8px rgba(14,54,94,0.0); }
}

/*

Smallholders themes

*/


header {
    padding: 10px;
    background: #163617;
    color: #fff;
    min-height: 3.25em;
    font-family: "bebas-neue", sans-serif;
    top: 0
}
header h1 {
    margin: 0;
    font-size: 1.5em;
    display: inline-block;
    float: left;
    height: 25px
}
header h1 a {
    color: #8ac37b
}
header h1 span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
header a {
    color: #fff;
    text-decoration: none
}
header nav {
    clear: both;
    margin-top: 5px
}
header nav.menu-open {
    display: block
}
header nav ul {
    display: none;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    background: #fff
}
header nav li {
    font-size: 1em;
    letter-spacing: 1px;
    border-bottom: 1px solid #e6e6e6
}
header nav li:last-child {
    border-bottom: 0
}
header nav a {
    padding: 10px;
    display: block;
    color: #163617
}
header nav .social {
    display: none;
    font-size: 1em;
    line-height: 1.4em;
    float: right
}
header nav .social a {
    color: #8ac37b
}
header nav .social span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
header nav .largepromo {
    background: #8ac37b;
    color: #163617;
    border-bottom: 0
}
header #toggle {
    display: none
}
header #toggle:checked+nav ul {
    display: block;
    opacity: 1
}
header .toggle {
    position: absolute;
    bottom: -58px;
    right: 15px;
    padding: 5px;
    font-size: 1.5em;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    z-index: 999;
    background: #163617;
    border: 2px solid #8ac37b;
    border-radius: 22px;
    height: 44px;
    width: 44px;
    line-height: 1.25em;
    text-align: center
}

@media all and (min-width: 30em) {
    .tablet {
        display: inline
    }
    h1,
    h2,
    h3,
    h4,
    h5 {
        margin-bottom: .75em
    }
    header {
        padding: 0 10px;
        min-height: 5em
    }
    header h1 {
        font-size: 1.125em;
        margin: 25px 0 0
    }
    header nav {
        margin-top: 0;
        clear: none;
        margin-left: 165px
    }
    header nav ul {
        display: block;
        list-style: none;
        margin: 0;
        background: 0 0
    }
    header nav li {
        border-bottom: 0;
        float: left;
        position: relative
    }
    header nav a {
        height: 10px;
        padding: 25px 10px;
        display: block;
        color: #fff;
        font-size: 1.125em
    }
    header nav a:hover {
        background: rgba(0, 0, 0, .2)
    }
    header nav .largepromo {
        float: right;
        width: 160px;
        height: 70px;
        margin-left: 5px
    }
    header nav .largepromo a {
        position: absolute;
        font-family: "brandon-grotesque", sans-serif;
        text-transform: uppercase;
        font-size: 1em;
        right: 0;
        top: -10px;
        width: 160px;
        padding: 20px;
        background: #8ac37b;
        color: #163617;
        text-align: center;
        height: 95px;
        z-index: 5;
        transition: all 200ms
    }
    header nav .largepromo a::before,
    header nav .largepromo a::after {
        content: "";
        display: block;
        background: #8ac37b;
        width: 83.8152730712px;
        height: 25px;
        position: absolute;
        right: 0;
        bottom: 0;
        transform: rotate(-17.35deg);
        -webkit-transform: rotate(-17.35deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    header nav .largepromo a::after {
        left: 0;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        transform: rotate(17.35deg);
        -webkit-transform: rotate(17.35deg)
    }
    header nav .largepromo a:hover {
        top: 0
    }
    header .toggle {
        display: none
    }
    .gallery[data-columns]::before {
        content: '2 .column.size-1of2';
        opacity: .001
    }
    .gallery .size-1of2 {
        width: 50%
    }
    .gallery .size-1of3 {
        width: 33.333%
    }
    .gallery img {
        padding-right: 10px;
        padding-bottom: 10px
    }
    .gallery .column {
        float: left
    }
    .btn {
        display: inline-block
    }
    .left {
        text-align: left
    }
    .center {
        text-align: center!important
    }
    .right {
        text-align: right
    }
    .block {
        min-height: 220px;
        position: relative;
        background-size: cover
    }
    .block.dh {
        height: 620px
    }
    .content .block {
        height: auto;
        min-height: 1px
    }
    .menu .block.col-3-2.dh {
        padding: 0
    }
    .block .text {
        text-align: left
    }
    .block.flex {
        height: auto;
        min-height: 0!important
    }
    .welcome {
        font-size: 1.875em
    }
    .content {
        clear: both;
        position: relative;
        text-align: left;
        text-align: left
    }
    .content [class^="col-"] {
        background-color: #fff;
        color: #163617;
        min-height: 100px;
        text-align: left
    }
    .content aside {
        background-color: #6d6e71;
        color: #fff
    }
    .content:after {
        content: "";
        display: table;
        clear: both
    }
    .content .price {
        float: right
    }
    footer {
        min-height: 5.625em
    }
    footer a,
    footer p {
        padding: 40px 20px
    }
    .columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 4em;
        -moz-column-gap: 4em;
        column-gap: 4em
    }
    .columns p {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid
    }
    .v-align {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0
    }
    .desktop {
        display: inline
    }
    .container {
        margin: auto
    }
    header nav a {
        padding: 25px 10px
    }
    [class^="col-"],
    [class^=" col-"] {
        float: left
    }
    .col-1-1 {
        width: 100%
    }
    .col-2-1 {
        width: 50%
    }
    .col-3-1 {
        width: 33.333333%
    }
    .col-3-2 {
        width: 66.666666%
    }
    .col-4-1 {
        width: 25%
    }
    .col-4-2 {
        width: 50%
    }
    .col-4-3 {
        width: 75%
    }
    .col-1-1 .col-2-1:first-child,
    .col-2-1 .col-2-1:first-child,
    .col-3-2 .col-2-1:first-child,
    .col-3-1 .col-2-1:first-child {
        padding-right: 10px
    }
    .col-1-1 .col-2-1:last-child,
    .col-2-1 .col-2-1:last-child,
    .col-3-2 .col-2-1:last-child,
    .col-3-1 .col-2-1:last-child {
        padding-left: 10px
    }
    .gallery[data-columns]::before {
        content: '3 .column.size-1of3'
    }
    .content aside {
        padding: 0 10px;
        overflow: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }
    .countdown .timer.fadeIn {
        display: inline-block
    }
    .countdown .btn {
        float: right
    }
}
@media all and (min-width: 75em) {
    .largedesktop {
        display: inline
    }
    header {
        padding: 0 10px
    }
    header .social {
        display: block
    }
    footer {
        padding: 0 10px
    }
    p.key {
        font-size: 21px;
        line-height: 1.3em
    }
    .block {
        padding: 45px 45px
    }
    .block.text {
        padding: 70px
    }
    .content aside {
        padding: 0 10px
    }
}