/* general styles */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pride-logo{
    position: absolute;
    left: 0px;
    top: 15px;
    width: 94px;
    height: 24px;
}
.dots-above {
	border-top:2px dotted #000;
	padding-top:5px;
	padding-bottom:5px;
}
.yellow-dots-underline {
	border-bottom:2px dotted #ffed00;
}
.black-dots-underline {
	border-bottom:2px dotted #000;
}
.background-cover {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.vertically-centered {
	  position: absolute;
	  top: 50%;
      left: 50%;
	  transform: translateX(-50%) translateY(-50%);
}
.pointer {
	cursor:pointer;
}
@media (min-width:992px) {
	.md-vertically-centered {
	  position: relative;
	  top: 50%;
	  transform: translateY(-50%);
	}
}
.no-margin {
	margin:0;
}
.no-padding {
	padding:0;
}
@media(max-width:991px) {
	.padding-sm {
		padding:20px;
	}
	.margin-sm {
		margin:20px !important;
	}
	.margin-rbl-sm {
		margin:0 20px 20px 20px !important;
	}
}
@media(max-width:767px) {
	.padding-xs {
		padding:20px;
	}
	.margin-xs {
		margin:20px;
	}
}


/* 1 column width margin below !!! */
.mb-1-col { margin-bottom:20px }
@media (min-width:768px) { .mb-1-col { margin-bottom:32px; } }
@media (min-width:880px) { .mb-1-col { margin-bottom:36px; } }
@media (min-width:992px) { .mb-1-col { margin-bottom:41px; } }
@media (min-width:1140px) { .mb-1-col { margin-bottom:45px; } }
@media (min-width:1200px) { .mb-1-col { margin-bottom:50px; } }
@media (min-width:1350px) { .mb-1-col { margin-bottom:56px; } }
@media (min-width:1500px) { .mb-1-col { margin-bottom:62px; } }
@media (min-width:1650px) { .mb-1-col { margin-bottom:68px; } }
@media (min-width:1800px) { .mb-1-col { margin-bottom:75px; } }
@media (min-width:1950px) { .mb-1-col { margin-bottom:81px; } }
@media (min-width:2100px) { .mb-1-col { margin-bottom:87px; } }
@media (min-width:2250px) { .mb-1-col { margin-bottom:93px; } }
@media (min-width:2400px) { .mb-1-col { margin-bottom:100px; } }



/* numerical margins */
.m-10  {margin:10px;}
.m-20  {margin:20px;}
.m-30  {margin:30px;}
.m-40  {margin:40px;}
.m-50  {margin:50px;}
.m-60  {margin:60px;}
.m-70  {margin:70px;}
.m-80  {margin:80px;}
.m-90  {margin:90px;}
.m-100 {margin:100px;}

.p-10  {padding:10px;}
.p-20  {padding:20px;}
.p-30  {padding:30px;}
.p-40  {padding:40px;}
.p-50  {padding:50px;}
.p-60  {padding:60px;}
.p-70  {padding:70px;}
.p-80  {padding:80px;}
.p-90  {padding:90px;}
.p-100 {padding:100px;}

.mt-10  {margin-top:10px;}
.mt-20  {margin-top:20px;}
.mt-30  {margin-top:30px;}
.mt-40  {margin-top:40px;}
.mt-50  {margin-top:50px;}
.mt-60  {margin-top:60px;}
.mt-70  {margin-top:70px;}
.mt-80  {margin-top:80px;}
.mt-90  {margin-top:90px;}
.mt-100 {margin-top:100px;}

.mb-10  {margin-bottom:10px;}
.mb-20  {margin-bottom:20px;}
.mb-30  {margin-bottom:30px;}
.mb-40  {margin-bottom:40px;}
.mb-50  {margin-bottom:50px;}
.mb-60  {margin-bottom:60px;}
.mb-70  {margin-bottom:70px;}
.mb-80  {margin-bottom:80px;}
.mb-90  {margin-bottom:90px;}
.mb-100 {margin-bottom:100px;}

.pt-10  {padding-top:10px;}
.pt-20  {padding-top:20px;}
.pt-30  {padding-top:30px;}
.pt-40  {padding-top:40px;}
.pt-50  {padding-top:50px;}
.pt-60  {padding-top:60px;}
.pt-70  {padding-top:70px;}
.pt-80  {padding-top:80px;}
.pt-90  {padding-top:90px;}
.pt-100 {padding-top:100px;}

.pb-10  {padding-bottom:10px;}
.pb-20  {padding-bottom:20px;}
.pb-30  {padding-bottom:30px;}
.pb-40  {padding-bottom:40px;}
.pb-50  {padding-bottom:50px;}
.pb-60  {padding-bottom:60px;}
.pb-70  {padding-bottom:70px;}
.pb-80  {padding-bottom:80px;}
.pb-90  {padding-bottom:90px;}
.pb-100 {padding-bottom:100px;}


/* align images to bottom */
.images-align-bottom {
	/* give both columns this class */
}
@media (min-width:992px) {
	.sm-drop-bottom {
		/* give the content of the column which needs to drop this class */
		position:absolute;
		bottom:0;
	}
}
@media (min-width:992px) {
	.md-drop-bottom {
		/* give the content of the column which needs to drop this class */
		position:absolute;
		bottom:0;
	}
}
a {
	cursor: pointer;
}
p a {
	color:#000;
	font-family:"F37Ginger-Bold", sans-serif;
}
p a:hover {
	text-decoration:underline;
}
a.no-underline:hover {
	text-decoration:none;
}
img {
	max-width:100%;
}
.full-width {
	width:100%;
	height:auto;
}
/* text styles (see below for sizes and margins) */
h1 {
	line-height:1.1;
	font-family: 'F37Ginger';
	font-weight: normal;
	font-style: normal;
}
h2 {
	line-height:1.1;
	font-family: 'F37Ginger';
	font-weight: normal;
	font-style: normal;
}
h3 {
	line-height:1.1;
	font-family: 'F37Ginger';
	font-weight: normal;
	font-style: normal;
}
h4 {
	line-height:1.2;
	font-family: 'F37Ginger';
	font-weight: normal;
	font-style: normal;
}
h5 {
	line-height:1.2;
	font-family: 'F37Ginger';
	font-weight: normal;
	font-style: normal;
	border-bottom:2px #ffed00 dotted;
}
p {
	line-height:1.3;
}

/* responsive text sizes */
	h1 { font-size:30px; margin:0 0 15px 0; }
	h2 { font-size:30px; margin:0 0 15px 0; }
	h3 { font-size:24px; margin:0 0 15px 0; }
	h4 { font-size:20px; margin:0 0 15px 0; }
	h5 { font-size:16px; margin:0 0 15px 0; }
	p, .wpcf7-mail-sent-ok, .text_fix  { font-size:16px; margin:0 0 10px 0; }
@media (min-width:768px) {
	h1 { font-size:36px; margin-bottom:20px; }
	h2 { font-size:36px; margin-bottom:20px; }
	h3 { font-size:28px; margin-bottom:20px; }
	h4 { font-size:22px; margin-bottom:20px; }
	h5 { font-size:16px; margin-bottom:20px; }
	p  { font-size:16px; margin-bottom:15px; }
}
@media (min-width:992px) {
	h1 { font-size:44px; }
	h2 { font-size:44px; }
	h3 { font-size:32px; }
	h4 { font-size:26px; }
	h5 { font-size:16px; }
	p  { font-size:16px; }
}
@media (min-width:1200px) {
	h1 { font-size:50px; margin-bottom:25px; }
	h2 { font-size:50px; margin-bottom:25px; }
	h3 { font-size:36px; margin-bottom:25px; }
	h4 { font-size:30px; margin-bottom:25px; }
	h5 { font-size:18px; margin-bottom:25px; }
	p, .wpcf7-mail-sent-ok, .text_fix   { font-size:18px; margin-bottom:20px; }
}
@media (min-width:1500px) {
	p, .wpcf7-mail-sent-ok, .text_fix   { font-size:20px; }
}
@media (min-width:1800px) {
	p, .wpcf7-mail-sent-ok, .text_fix    { font-size:22px; margin-bottom:20px; }

}


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





/* homepage styles */
.homepage-video {
	display:block;
	width:100%;
	height:auto;
}
.homepage-video-text {
	position:absolute;
	z-index:1;
	white-space: nowrap;
	padding:20px;
	font-size:34px; 
	line-height:1em;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.homepage-video-play-button {
	cursor:pointer;
	z-index:2;
}
@media (min-width:768px) { .homepage-video-text { font-size:48px; } }
@media (min-width:992px) { .homepage-video-text { font-size:64px; } }
@media (min-width:1200px) { .homepage-video-text { font-size:80px; } }
@media (min-width:1500px) { .homepage-video-text { font-size:100px; } }
@media (min-width:1800px) { .homepage-video-text { font-size:120px; } }

.video-mute {
	position:absolute;
	top:12px;
	right:8px;
	z-index:1;
	cursor:pointer;
	display:none;
}
.video-mute img {
	width:30px;
	height:auto;
}
@media (min-width:768px) {
	.video-mute {
		display:block;
		top:30px;
		right:4.166%;
		margin-right:-12px;
	}
	.video-mute img {
		width:35px;
	}
}
@media (min-width:992px) {
	.video-mute img {
		width:40px;
	}
}

.homepage-yellow-box {
	background-color:#ffed00;
	transition:all 0.25s;
}
@media (min-width:992px) {
	.homepage-yellow-box {
		padding-left:7%;
		padding-right:7%;
		display: block;
	}
	.homepage-yellow-box .vertically-centered {
		width:70%;
	}
}
.homepage-yellow-box h4 {
	color:#000;
}
@media (min-width:415px)  {
	.homepage-yellow-box h4, .homepage-black-box h4 { font-size:23px; } 
}
@media (min-width:460px)  {
	.homepage-yellow-box h4, .homepage-black-box h4 { font-size:26px; } 
}
@media (min-width:640px)  { 	
	.homepage-yellow-box h4, .homepage-black-box h4 { font-size:36px; margin-bottom: 35px; } 
}
@media (min-width:992px)  { 	
	.homepage-yellow-box h4, .homepage-black-box h4 { font-size:24px; } 
}
@media (min-width:1200px) { 	
	.homepage-yellow-box h4, .homepage-black-box h4 { font-size:28px; } 
}
@media (min-width:1500px) { 	
	.homepage-yellow-box h4, .homepage-black-box h4 { font-size:35px; margin-bottom: 45px; }
}
@media (min-width:1800px) { 	
	.homepage-yellow-box h4, .homepage-black-box h4 { font-size:42px; margin-bottom: 55px; } 
}



.homepage-yellow-box .circle-button {
	background:#000;
	color:#ffed00;
}
.homepage-yellow-box .circle-button:after {
	   background: url("../img/right-arrow-yellow.svg") no-repeat;
}
/* whole box flips colour on hover */
.homepage-yellow-box:hover {
	background:#000;
}

.homepage-yellow-box:hover h4 {
	color:#fff;
}
.homepage-yellow-box:hover .circle-button {
	background:#ffed00;
	color:#000;
}
.homepage-yellow-box:hover .circle-button:after {
	   background: url("../img/right-arrow-black.svg") no-repeat;
}


.homepage-black-box {
	background:#000;
	transition:all 0.25s;
}
@media (min-width:992px) {
	.homepage-black-box {
		padding-left:7%;
		padding-right:7%;
	}
	.homepage-black-box .vertically-centered {
		width:70%;
	}
}
.homepage-black-box h4 {
	color:#fff;
}
.homepage-black-box .circle-button {
	background:#ffed00;
	color:#000;
}
.homepage-black-box .circle-button:after {
	   background: url("../img/right-arrow-black.svg") no-repeat;
}
/* whole box flips colour on hover */
.homepage-black-box:hover {
	background:#ffed00;
}

.homepage-black-box:hover h4 {
	color:#000;
}
.homepage-black-box:hover .circle-button {
	background:#000;
	color:#ffed00;
}
.homepage-black-box:hover .circle-button:after {
	   background: url("../img/right-arrow-yellow.svg") no-repeat;
}
.homepage-black-box:hover .sh_home .sh3 {
	fill: #000;
}




.circle-button {
	width:100px;
	height:100px;
	border-radius:50%;
	display:table-cell;
	vertical-align:middle;
	padding:15px;
	text-align:center;
}

@media (min-width:1200px) { 	
	.circle-button { width:125px; height:125px; font-size:18px; }
}
@media (min-width:1500px) { 	
	.circle-button { width:140px;  height:140px; font-size:22px; }
}




.circle-button-yellow {
	background:#ffed00;
	color:#000;
}

.circle-button-yellow:after {
	   background: url("../img/right-arrow-black.svg") no-repeat;
}
.circle-button:after {
	content:"";
	display: block;
	background-size: cover;
    width: 20px;
    height: 16px;
	margin:3px auto 0 auto;
}
@media (min-width:1200px) {
	.circle-button:after {
		width:25px;
		height:20px;
	}
}
@media (min-width:1500px) {
	.circle-button:after {
		width:30px;
		height:24px;
	}
}
.circle-button-yellow:hover {
	background-color:#000;
	color:#ffed00;
	text-decoration:none;
}
.circle-button-yellow:hover:after {
	   background: url("../img/right-arrow-yellow.svg") no-repeat;
}

/* this is just on the homepage */
.circle-button-bigger-wrapper {
	margin-left: auto;
	margin-right: auto;
	width:240px;
}
.circle-button-bigger {
	width:240px;
	height:240px;
	font-size:40px;
}
.circle-button-bigger .circle-button-head {
	color:#fff;
}
.circle-button-bigger:after {
    width: 40px;
    height: 30px;
}

/* circle blocks */
.circle-block-mask {
	height:100%;
	width:100%;
	transition:all 0.5s;
	overflow: hidden;
}
.circle-block-mask:hover {
	background:rgba(0,0,0,0.6);
}
.circle-block-black .circle-block-mask:hover .circle-block-circle-wrapper {
	background:rgba(0,0,0,1);
}
.circle-block-yellow .circle-block-mask:hover .circle-block-circle-wrapper {
	background:rgba(255,237,0,1);
}

.circle-block-circle-wrapper {
	width:260px;
	height:260px;
	padding:20px;
	display:block;
	border-radius:50%;
	margin:0 auto;
	transition:all 0.5s;
}
.circle-block-circle {
	display:table-cell;
	vertical-align:middle;
	width:220px;
	height:220px; /* note this from the previous style: 460 - 2 x 20 padding */
}
@media (min-width:414px) {
	.circle-block-circle-wrapper {	width: 320px; height: 320px; padding: 30px; }
	.circle-block-circle		 {  width: 260px; height: 260px; }
}
@media (min-width:768px) {
	.circle-block-circle-wrapper {	width: 400px; height: 400px; padding: 40px; }
	.circle-block-circle		 {  width: 320px; height: 320px; }
}
@media (min-width:1200px) {
	.circle-block-circle-wrapper {	width: 460px; height: 460px; padding: 40px; }
	.circle-block-circle		 {  width: 380px; height: 380px; }
}
@media (min-width:1800px) {
	.circle-block-circle-wrapper {	width: 600px; height: 600px; padding: 50px; }
	.circle-block-circle		 {  width: 500px; height:500px; }
}

.circle-block-mini-head {
	display:inline-block;
	font-size:14px;
	margin-bottom:20px;
}
.circle-block-head {
	font-size:24px;
}
.circle-block-body {
	font-size:16px;
}
.circle-block-link {
	display:inline-block;
	font-size:16px;
}
.circle-block-link:hover {
	text-decoration:none;
}
@media (min-width:768px) {
	.circle-block-mini-head { font-size: 18px; }
	.circle-block-head      { font-size: 30px; }
	.circle-block-body    	{ font-size: 20px; }
	.circle-block-link		{ font-size: 20px; }
}
@media (min-width:1200px) {
	.circle-block-mini-head { font-size: 18px; }
	.circle-block-head      { font-size: 36px; }
	.circle-block-body    	{ font-size: 24px; }
	.circle-block-link		{ font-size: 24px; }
}
@media (min-width:1800px) {
	.circle-block-mini-head { font-size: 22px; }
	.circle-block-head      { font-size: 42px; }
	.circle-block-body    	{ font-size: 30px; }
	.circle-block-link		{ font-size: 30px; }
}






.circle-block-yellow .circle-block-circle-wrapper {
	background:rgba(255,237,0,0.6);
}
.circle-block-yellow .circle-block-mini-head {
	border-bottom:2px dotted #000;
	color:#000;
}
.circle-block-yellow .circle-block-head {
	color:#000;
}
.circle-block-yellow .circle-block-body {
	color:#fff;
}
.circle-block-yellow .circle-block-link {
	border-bottom:2px dotted #000;
}
.circle-block-black .circle-block-circle-wrapper {
	background:rgba(0,0,0,0.6);
}
.circle-block-black .circle-block-head {
	color:#ffed00;
}
.circle-block-mini-head {
	color:#fff;
	border-bottom:2px dotted #fff;
}
.circle-block-black .circle-block-body {
	color:#fff;
}
.circle-block-black .circle-block-link {
	color:#fff;
	border-bottom:2px dotted #fff;
}






.homepage-social-logo {
	position:absolute;
	top:70px;
	right:70px;
	width:100px;
	height:100px;
}
.homepage-twitter-logo {
	right:auto;
	left:70px;
}
.homepage-instagram-hashtag {
	position:absolute;
	bottom:70px;
	left:0px;
	width:100%;
	text-align:center;
}
@media (max-width:400px) {
	.homepage-instagram-hashtag {
		font-size:20px;
	}
}
@media (max-width:1200px) {
	.homepage-instagram-hashtag {
		bottom:30px;
	}
	.homepage-social-logo {
		top:30px;
		right:30px;
		width:60px;
		height:60px;
	}
	.homepage-twitter-logo {
		top:30px;
		left:30px;
		right:auto;
		width:60px;
		height:60px;
	}
}

/* twitter section */
.twitter-feed .bx-wrapper {
	padding: 120px 30px 30px 30px;
	margin-bottom:20px;
    background: none;
}
.twitter-feed .bx-viewport {
	padding-bottom:70px;
	background:none;
}
.twitter-feed .bx-wrapper .bx-pager.bx-default-pager a {
	background:#ffed00;
}
.twitter-feed .bx-wrapper .bx-pager.bx-default-pager a:hover,
.twitter-feed .bx-wrapper .bx-pager.bx-default-pager a.active,
.twitter-feed .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}

@media (min-width:1200px) {
	.twitter-feed .bxslider {
		font-size:18px;
	}
	.twitter-feed .bx-wrapper {
		padding: 220px 70px 70px 70px;
		margin-bottom:20px;
		background: none;
	}
	.twitter-feed .bx-viewport {
		padding-bottom:20px;
		background:none;
	}
}

@media (min-width:1500px) {
	.twitter-feed .bxslider {
		font-size:24px;
	}
	.twitter-feed .bx-wrapper {
		padding: 240px 70px 70px 70px;
		margin-bottom:20px;
		background: none;
	}
	.twitter-feed .bx-viewport {
		padding-bottom:60px;
		background:none;
	}
}

@media (min-width:1800px) {
	.twitter-feed .bxslider {
		font-size:30px;
	}
	.twitter-feed .bx-wrapper {
		padding: 240px 70px 70px 70px;
		margin-bottom:20px;
		background: none;
	}
	.twitter-feed .bx-viewport {
		padding-bottom:60px;
		background:none;
	}
}






/* homepage form section */
.homepage-form {
	min-height:600px;
}
.homepage-form .vertically-centered {
	width:90%;
	max-width:400px;
}
.homepage-form-circle-wrapper {
	width:160px;
	height:160px;
	border-radius:50%;
	padding:20px;
	text-align:center;
	transition:all 0.5s;
	background:#000;
    margin: 0 auto 20px auto;
}
.homepage-form-circle {
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	width:120px;
	height:120px;
	font-size:26px;
	line-height:1.1;
}
.homepage-form-circle:after {
	background: url("../img/right-arrow-yellow.svg") no-repeat;
	content:"";
	display: block;
	background-size: cover;
    width: 40px;
    height: 30px;
	margin:10px auto 0 auto;
}
.form-circle-wrapper-yellow {
	background:#ffed00!important;
}
.form-circle-yellow {
	color:#000!important;
}
.form-circle-yellow:after {
	background: url("../img/right-arrow-black.svg") no-repeat!important;
}
@media (min-width:1200px) {
	.homepage-form-circle-wrapper {
		width:200px;
		height:200px;
		padding:30px;
	}
	.homepage-form-circle {
		width:140px;
		height:140px;
		font-size:32px;
	}
	.homepage-form-circle:after {
		width: 40px;
		height: 32px;
	}
}
@media (min-width:1500px) {
	.homepage-form-circle-wrapper {
		width:240px;
		height:240px;
		padding:40px;
	}
	.homepage-form-circle {
		width:160px;
		height:160px;
		font-size:40px;
	}
	.homepage-form-circle:after {
		width: 40px;
		height: 32px;
	}
}
@media (min-width:1800px) {
	.homepage-form-circle-wrapper {
		width:280px;
		height:280px;
		padding:40px;
		margin-top:0;
		margin-bottom:70px;
	}
	.homepage-form-circle {
		width:200px;
		height:200px;
		font-size:46px;
	}
}

.signup-form-wrapper input {
	width:100%;
	background:#000;
	border:none;
	color:#fff;
	padding:10px;
	margin-bottom:10px;
	font-family: 'F37Ginger-Bold';
	border-radius: 0px;
}
@media (min-width:1500px) {
	.signup-form-wrapper input {
		margin-bottom:15px;
	}
}

.signup-form-wrapper.clipper-form input[type=submit] {
	width:auto;
	background:#000;
	color:#fff;
	padding:5px 10px 5px 10px;
}
.signup-form-wrapper input[type=submit] {
	width:auto;
	background:#fff;
	color:#000;
	padding:10px 20px;
}
.signup-form-wrapper .wpcf7-response-output {
	display:none !important; /* suppress the extra error box */
}
.signup-form-wrapper .wpcf7-not-valid-tip {
	display:none !important; /* suppress this, just do by colour */
}
.signup-form-wrapper .wpcf7-not-valid {
	background:#d00;
}
.signup-form-wrapper input::placeholder {
	color:rgba(255,255,255,0.7);
}
.wpcf7-mail-sent-ok {
	border:none !important;
	padding:0 !important;
	margin:0 !important;
}

/* bx styles */

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.no-controls .bx-controls {
	display:none;
}
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
	background:#f7f7f7;
}
/** THEME
===================================*/
.bx-wrapper {
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  position:absolute;
  bottom:20px;
  left:0px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #f7f7f7;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #ffed00;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}


/* EVENT styles */

.pa-event {
    padding:0;
}
.event-active,
.event-nav:hover {
	border-bottom-color:#000;
}
.pa-event.old {
}
.pa-event.old:hover {
	opacity:1;
}

.pa-event-init-hidden {
	display:none;
}
.pa-event-bgd {
    max-width:100%;
    height:auto;
}
.pa-event-textbox {
    position:absolute;
    bottom:0;
    width:100%;
    z-index:1;
    background:rgba(0,0,0,0.7);
    padding:15px;
    transition: height 1s;
}
.pa-event-main {
	margin:0;
}
.pa-event-cat {
    display:block;
}
.pa-event-date, .pa-event-title {
    display:block;
}
.pa-event-extra {
    padding-top:10px;
    opacity:0;
    height:0;
	display:none;
    transition:all 1s;
}
.pa-event-read-more {
    position:absolute;
    bottom:15px;
    right:15px;
    width:80px;
    height:80px;
    text-align:center;
    z-index:2;
    border-radius:50%;
    background:#ffec38;
    padding-top:15px;
    opacity:0;
    transition:opacity 0.5s;
	color:#000;
	line-height:1.2;
	text-decoration:none;
}
.pa-event:hover .pa-event-extra {
    height:100px;
	display:block;
}
.pa-event:hover .pa-event-textbox {
    height:100%;
}
.pa-event:hover .pa-event-extra,
.pa-event:hover .pa-event-read-more {
    opacity:1;
}

.james-event:hover .pa-event-extra {
    height:100px;
	display:block;
}
.james-event:hover .pa-event-textbox {
    height:100%;
}
.james-event:hover .pa-event-extra,
.james-event:hover .pa-event-read-more {
    opacity:1;
}

.more-event:hover .pa-event-extra {
    height:100px;
	display:block;
}
.more-event:hover .pa-event-textbox {
    height:100%;
}
.more-event:hover .pa-event-extra,
.more-event:hover .pa-event-read-more {
    opacity:1;
}
.pa-event-slider-circle {
	position:absolute;
	left:50%;
	top:50%;
	width:280px;
	height:280px;
	margin-left:-140px;
	margin-top:-150px;
	border-radius:50%;
	background:rgba(0,0,0,0.7);
	padding: 40px;
}
@media (min-width:376px) {
	.pa-event-slider-circle {
		width:320px;
		height:320px;
		margin-left:-160px;
		margin-top:-170px;
		padding:60px;
	}
}
@media (min-width:600px) {
	.pa-event-slider-circle {
		width:400px;
		height:400px;
		margin-left:-200px;
		margin-top:-200px;
		padding:60px;
	}
	.pa-event-slider-circle .vertically-centered {
		width:80%;
	}
}
.pa-event-slider-circle .vertically-centered {
	width:90%;
}
.pa-event-slider-link {
	display:inline-block;
}
.pa-event-buttons {
	width:100%;
}
.pa-event-buttons div {
	display:inline-block;
	margin-right:20px;
}
@media (min-width:992px) {
	.pa-event-buttons div {
		margin-right:40px;
	}
}
.pa-event-buttons img {
	margin-bottom:20px;
	width:60px;
	height:60px;
}
@media (min-width:1200px) {
	.pa-event-buttons img {
		width:80px;
		height:80px;
	}
}
@media (min-width:1200px) {
	.pa-event-buttons img {
		width:90px;
		height:90px;
	}
}
@media (min-width:1800px) {
	.pa-event-buttons img {
		width:100px;
		height:100px;
	}
}
.cal-button a {
	color:#000;
}

/* FILM styles */

.pa-film {
    padding:0;
}
.pa-film-play-button {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    margin-top: -100px;
    z-index: 100;
}

.pa-film-bgd {
    max-width:100%;
    height:auto;
}
.pa-film-textbox {
    position:absolute;
    bottom:0;
    width:100%;
    z-index:1;
    background:rgba(0,0,0,0.7);
    padding:15px;
    transition: height 1s;
}
.pa-film-main {
	margin:0;
}

@media (min-width:992px) {
	.pa-film:nth-of-type(3n+1) {
		margin-left:8.333%;
	}
}

/* pa-gallery styles */
/* mobile is easy as they stack */
.pa-gallery .col-sm-8,
.pa-gallery .col-sm-11,
.pa-gallery .col-sm-12,
.pa-gallery .col-sm-13,
.pa-gallery .col-sm-16,
.pa-gallery .col-sm-24 {
	margin-bottom:10px;
	overflow-y:hidden;
}
/* bigger sizes we have to deal with the spaces */
@media (min-width:768px) {
	.pa-gallery .col-sm-8,
	.pa-gallery .col-sm-11,
	.pa-gallery .col-sm-12,
	.pa-gallery .col-sm-13,
	.pa-gallery .col-sm-16,
	.pa-gallery .col-sm-24 {
		margin-bottom:20px;
	}
	.pa-gallery-shiv {
		width:2%;
		height:1px !important;
		float:left;
	}
	/* layout of 13 and 11 */
	.pa-gallery .col-sm-13 {
		width:52%
	}
	.pa-gallery .col-sm-11 {
		width:46%
	}
	/* layout of 8 and 16, and 8 8 8 */
	.pa-gallery .col-sm-16 {
		width:66%
	}
	.pa-gallery .col-sm-8 {
		width:32%
	}
	/* layout of 12 and 12 */
	.pa-gallery .col-sm-12 {
		width:49%
	}
}
/* this is for hiding and showing */

.pa-gallery {
	position:absolute;
	left:9999px;
}
.pa-gallery.show-gallery {
	position:relative;
	left:0;
}


@media (min-width:992px) {
	.pa-gallery .col-sm-8,
	.pa-gallery .col-sm-11,
	.pa-gallery .col-sm-12,
	.pa-gallery .col-sm-13,
	.pa-gallery .col-sm-16,
	.pa-gallery .col-sm-24 {
		margin-bottom:24px;
	}
}
@media (min-width:1200px) {
	.pa-gallery .col-sm-8,
	.pa-gallery .col-sm-11,
	.pa-gallery .col-sm-12,
	.pa-gallery .col-sm-13,
	.pa-gallery .col-sm-16,
	.pa-gallery .col-sm-24 {
		margin-bottom:28px;
	}
}
@media (min-width:1500px) {
	.pa-gallery .col-sm-8,
	.pa-gallery .col-sm-11,
	.pa-gallery .col-sm-12,
	.pa-gallery .col-sm-13,
	.pa-gallery .col-sm-16,
	.pa-gallery .col-sm-24 {
		margin-bottom:35px;
	}
}
@media (min-width:1800px) {
	.pa-gallery .col-sm-8,
	.pa-gallery .col-sm-11,
	.pa-gallery .col-sm-12,
	.pa-gallery .col-sm-13,
	.pa-gallery .col-sm-16,
	.pa-gallery .col-sm-24 {
		margin-bottom:40px;
	}
}


/* LEISURE template styles */

.leisure-circle {
	border-radius:50%;
	padding:5%;
	width:280px;
	height:280px;
	position:relative;
	margin:0 auto;
}
.leisure-circle.black_background {
	color:#ffed00;
}
.leisure-circle.yellow_background {
	color:#000;
}
.leisure-circle p {
	font-size:15px;
	line-height:1.2;
	margin:10px 0;
}
.leisure-circle-text {
	width:200px;
}

@media (min-width:1200px) {
	.leisure-circle {
		width:320px;
		height:320px;
	}
	.leisure-circle-text {
		width:260px;
	}
	.leisure-circle p {
		font-size:17px;
	}
}
@media (min-width:1500px) {
	.leisure-circle {
		width:360px;
		height:360px;
	}
	.leisure-circle p {
		font-size:19px;
	}
}
@media (min-width:1800px) {
	.leisure-circle {
		width:420px;
		height:420px;
	}
	.leisure-circle-text {
		width:340px;
	}
	.leisure-circle p {
		font-size:22px;
	}
}



/* FITNESS ROUTE styles */

.fitness-route {
	background:#000;
	padding:5%;
}
.fitness-route:hover {
	background:#ffed00;
}
.fitness-route-basic {
	display:block;
}
.fitness-route-hover {
	display:none;
}
.fitness-route:hover .fitness-route-basic {
	display:none;
}
.fitness-route:hover .fitness-route-hover {
	display:block;
}
.fitness-route-text {
	position:absolute;
	left:5%;
	bottom:5%;
}
.fitness-route-text p {
	margin-bottom:0;
}
.fitness-route-circle {
	border-radius:50%;
	font-size:32px;
	line-height:1;
	width:120px;
	height:120px;
	position:absolute;
	top:45%;
	left:50%;
	margin-top:-60px;
	margin-left:-60px;
	padding-top:32px;
	padding-left:2px;
}
.fitness-route-download {
	display:block;
	border-radius:50%;
	font-size:16px;
	width:100px;
	height:100px;
	position:absolute;
	bottom:5%;
	right:5%;
	padding-top:28px;
}
@media (min-width:1800px) {
	.fitness-route-circle {
		width:180px;
		height:180px;
		font-size:44px;
		padding-top:52px;
		margin-top:-90px;
		margin-left:-90px;
	}
	.fitness-route-download {
		width:140px;
		height:140px;
		font-size:22px;
		padding-top:44px;
	}
}
.fitness-route-hover p {
	font-size:14px;
}
@media (min-width:1500px) {
	.fitness-route-hover p {
		font-size:18px;
	}
}
@media (min-width:1800px) {
	.fitness-route-hover p {
		font-size:20px;
	}
}





/* mouse styles */

.mouse_holder {
	position: absolute;
	z-index: 100;
	left: 50%;
	bottom: 20px;
	height: 90px;
}

.mouse {
  width: 26px;
  height: 42px;
  border: 2px solid #fff;
  border-radius: 24px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.mouse:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -2px;
  background-color: #fff;
  border-radius: 100%;
  width: 4px;
  height: 4px;
  opacity: 1;
  -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
  transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
  -webkit-animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
  animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
}

@-webkit-keyframes scroll {
  0%, 20% {
    -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
  }
  10% {
    -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    opacity: 0.01;
  }
}
@keyframes scroll {
  0%, 20% {
    -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
  }
  10% {
    -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    opacity: 0.01;
  }
}


.availability-table {
	width:100%;
	color:#fff;
}
.availability-table tr {
	border-top:1px solid #999;
}
.availability-table td {
	padding:5px 0 15px 0;
	font-size: 1.2vw;
}
.availability-table td.last {
	font-family:"F37Ginger-Bold", sans-serif;
}

@media (max-width: 767px) {
	.availability-table td {
		font-size: .8em;
		line-height: 1.2em;
	}
}
.non-slider li {
	list-style-type:none;
}

.top-story {
	color: #000;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
}
/* Fix Clipper Columns */

@media (min-width: 992px){
	.clipfix {
		width:54%;
	}
}
/* Events Headers */

.community_heading{font-size:30px; margin:0 0 15px 0; font-weight:normal;}
@media (min-width:768px) {.community_heading{font-size:36px; margin-bottom:20px;}}
@media (min-width:992px) {.community_heading{font-size:44px;}}
@media (min-width:1200px) {.community_heading{font-size:50px; margin-bottom:25px;}}

/* Clipper Tables */

.clipper-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.clipper-table th,
.clipper-table td {
  padding: 0.75rem;
  vertical-align: middle;
  border-top: 1px solid #eceeef;
  text-align: left;
}

.clipper-table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
}

.clipper-table tbody + tbody {
  border-top: 2px solid #eceeef;
}

.clipper-table .clipper-table {
  background-color: #fff;
}

.clipper-table-sm th,
.clipper-table-sm td {
  padding: 0.3rem;
}

.clipper-table-bordered {
  border: 1px solid #eceeef;
}

.clipper-table-bordered th,
.clipper-table-bordered td {
  border: 1px solid #eceeef;
}

.clipper-table-bordered thead th,
.clipper-table-bordered thead td {
  border-bottom-width: 2px;
}

.clipper-table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.clipper-table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.clipper-table-active,
.clipper-table-active > th,
.clipper-table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.clipper-table-hover .clipper-table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.clipper-table-hover .clipper-table-active:hover > td,
.clipper-table-hover .clipper-table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.clipper-table-success,
.clipper-table-success > th,
.clipper-table-success > td {
  background-color: #dff0d8;
}

.clipper-table-hover .clipper-table-success:hover {
  background-color: #d0e9c6;
}

.clipper-table-hover .clipper-table-success:hover > td,
.clipper-table-hover .clipper-table-success:hover > th {
  background-color: #d0e9c6;
}

.clipper-table-info,
.clipper-table-info > th,
.clipper-table-info > td {
  background-color: #d9edf7;
}

.clipper-table-hover .clipper-table-info:hover {
  background-color: #c4e3f3;
}

.clipper-table-hover .clipper-table-info:hover > td,
.clipper-table-hover .clipper-table-info:hover > th {
  background-color: #c4e3f3;
}

.clipper-table-warning,
.clipper-table-warning > th,
.clipper-table-warning > td {
  background-color: #fcf8e3;
}

.clipper-table-hover .clipper-table-warning:hover {
  background-color: #faf2cc;
}

.clipper-table-hover .clipper-table-warning:hover > td,
.clipper-table-hover .clipper-table-warning:hover > th {
  background-color: #faf2cc;
}

.clipper-table-danger,
.clipper-table-danger > th,
.clipper-table-danger > td {
  background-color: #f2dede;
}

.clipper-table-hover .clipper-table-danger:hover {
  background-color: #ebcccc;
}

.clipper-table-hover .clipper-table-danger:hover > td,
.clipper-table-hover .clipper-table-danger:hover > th {
  background-color: #ebcccc;
}

.thead-inverse th {
  color: #fff;
  background-color: #292b2c;
}

.thead-default th {
  color: #464a4c;
  background-color: #eceeef;
}

.clipper-table-inverse {
  color: #fff;
  background-color: #292b2c;
}

.clipper-table-inverse th,
.clipper-table-inverse td,
.clipper-table-inverse thead th {
  border-color: #fff;
}

.clipper-table-inverse.clipper-table-bordered {
  border: 0;
}

.clipper-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.clipper-table-responsive.clipper-table-bordered {
  border: 0;
}

.ticket {
    backface-visibility: hidden;
		width:90%;
    /* transform: rotate(16deg) translateY(25%) translateZ(0);
    transform-origin: 50% 50%;
    top: 50%;*/
    position: absolute;
    display: block;
    padding: 15px 25px;
    background-image:
        radial-gradient( ellipse closest-side at 50%  50%, hsla(0, 0%, 100%, 0.10), transparent 90%),
        radial-gradient( circle at 0    100%, transparent 14px, #ffed00 15px),
        radial-gradient( circle at 100% 100%, transparent 14px, #ffed00 15px),
        radial-gradient( circle at 100% 0, transparent 14px, #ffed00 15px),
        radial-gradient( circle at 0    0, transparent 14px, #ffed00 15px);
    background-position: center center, bottom left, bottom right, top right, top left;
    background-size: cover, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
    background-repeat: no-repeat;
    border-width: 0 4px;
    border-color: transparent;
    border-style: solid;
    border-image: radial-gradient(cover circle, #ffed00 0%, #ffed00 50%, transparent 51%) 0 39% / 15px 4px repeat;
    -webkit-filter: drop-shadow(hsla(0, 0%, 0%, 0.55) 1px 1px 2px);
}


.ticket > div {
    width: 100%;
    height: 43%;
    box-sizing: border-box;
    position:relative;
    border-color: #ddd609;
    border-style: solid;
    border-width: 2px;
    border-radius:5px;
  	text-align:center;
  	padding:30px;
}

.black-form-wrapper input {
	width:100%;
	background:#fff;
	border:none;
	color:#000;
	padding:10px;
	margin-bottom:10px;
	font-family: 'F37Ginger-Bold';
	border-radius: 0px;
	font-size:0.8em
}

@media (max-width: 767px) {
	.black-form-wrapper input{
		font-size:10pt;
	}
}
@media (min-width: 768px) {
	.black-form-wrapper input{
		font-size:11pt;
	}
}


.black-form-wrapper input[type=submit] {
	width:auto;
	background:#fff;
	color:#000;
	padding:10px 20px;
}

.black-form-wrapper .wpcf7-response-output {
	display:none !important; /* suppress the extra error box */
}
.black-form-wrapper .wpcf7-not-valid-tip {
	display:none !important; /* suppress this, just do by colour */
}
.black-form-wrapper .wpcf7-not-valid {
	background:#d00;
}
.black-form-wrapper ::-webkit-input-placeholder
 { 
color: #000 !important;
opacity: 1;
}

.black-form-wrapper .wpcf7-response-output{
	color:#fff;
}

.black-form-wrapper .mc4wp-checkbox{
	display:none
}

.cn-button.cookie-button {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-right: .3em;
    margin-bottom: 0;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    background-color: #000;
    font-size: 12px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}