@import url("setup.min.3178d936ba91.css");

/* Webfonts */

@font-face {
	font-family: 'FFBauWebProRegular';
	src: url("../webfonts/BauWebPro.e1e9d8b29884.eot");
	src: url("../webfonts/BauWebPro.e1e9d8b29884.eot?#iefix") format('embedded-opentype'),
		url("../webfonts/BauWebPro.3b8530155acb.woff") format('woff'),
		url("../webfonts/BauWebPro.7298a3ae47d4.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FFBauWebProItalic';
	src: url("../webfonts/BauWebPro-Italic.dfb1c2b5c852.eot");
	src: url("../webfonts/BauWebPro-Italic.dfb1c2b5c852.eot?#iefix") format('embedded-opentype'),
		url("../webfonts/BauWebPro-Italic.f2fd6bdf863d.woff") format('woff'),
		url("../webfonts/BauWebPro-Italic.fafbf0942c42.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FFBauWebMedium';
	src: url("../webfonts/BauWeb-Medium.047eb2bc4d95.eot");
	src: url("../webfonts/BauWeb-Medium.047eb2bc4d95.eot?#iefix") format('embedded-opentype'),
		url("../webfonts/BauWeb-Medium.8eaf73c05ce1.woff") format('woff'),
		url("../webfonts/BauWeb-Medium.cdf5d93f0f10.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Cafe Oto';
	src: url("../webfonts/oto-regular-webfont.25f5cae0d7e5.eot");
	src: url("../webfonts/oto-regular-webfont.25f5cae0d7e5.eot?#iefix") format('embedded-opentype'),
		url("../webfonts/oto-regular-webfont.d29ca038edad.woff") format('woff'),
		url("../webfonts/oto-regular-webfont.05ad83ae7d16.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Global */

body {
	font-family: 'FFBauWebProRegular', sans-serif;
	max-width: 1170px;
	margin-left: 15px;
}

a,
a:hover,
a:focus,
:focus {
	color: #000000;
	text-decoration: none;
	outline: 0;
	-moz-outline-style: none;
}

a:active {
	outline: none;
}

body p {
	line-height: 1.4em;
}

img {
	display: block;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: normal;
}

strong,
b {
	font-family: 'FFBauWebMedium';
	font-weight: normal;
}

.content-container {
	margin-top: 160px;
}

#overlay-preload {
	background: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
}

.section-title {
	font-family: 'Cafe Oto';
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

.section-title a:hover {
	color: #8459a5 !important;
	;
}

.section-title+p {
	margin-bottom: 20px;
	text-align: justify;
}

html.overlay-active,
html.overlay-active body {
	overflow: hidden;
	width: 100%;
}

.content-push {
	margin-top: 160px;
}

.oto-dropdown {
	background: #c3c3c3 url("../img/dd-arrow.c2bdd4989781.png") 100% 50% no-repeat;
	font-size: 14px;
	padding: 12px 65px 8px 10px;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: window;
	appearance: none;
	outline: none;
	cursor: pointer;
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.oto-dropdown {
		background: #c3c3c3 url("../img/dd-arrow_x2.7e37f650cd69.png") 100% 50% no-repeat;
		-webkit-background-size: 45px;
		-moz-background-size: 45px;
		background-size: 45px;
	}
}

@-moz-document url-prefix() {
	.select-moz {
		background: #c3c3c3 url("../img/dd-arrow.c2bdd4989781.png") 100% 50% no-repeat;
		font-size: 14px;
		padding: 0;
		border: 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		outline: none;
		cursor: pointer;
		display: inline-block;
	}
}

(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi),
@-moz-document url-prefix() {
	.select-moz {
		background: #c3c3c3 url("../img/dd-arrow_x2.7e37f650cd69.png") 100% 50% no-repeat;
		-webkit-background-size: 45px;
		-moz-background-size: 45px;
		background-size: 45px;
	}
}

.placeholder {
	color: #cccccc;
}

/* Header */

.top-navigation {
	z-index: 999;
	position: fixed;
	width: 100%;
	max-width: 1170px;
	top: 30px;
	/*left: 10px;*/
}

.top-navigation .menu-trigger-container {
	float: left;
	margin-right: 15px;
	margin-left: 5px;
}

.top-navigation .menu-trigger-container-inner .menu-container,
.top-navigation .menu-trigger-container-inner .signup-container {
	float: left;
}

.top-navigation .menu-trigger-container-inner .menu-container {
	margin-right: 15px;
}

.top-navigation .menu-container .menu-trigger {
	display: inline-block;
	padding: 8px 12px 4px 12px;
	font-size: 24px;
	border: 1px solid #000000;
	color: #000000;
	position: relative;
	z-index: 99;
	display: inline-block;
	line-height: 24px;
	text-transform: uppercase;
	display: none;
}

.top-navigation .menu-container .menu-trigger.active,
.top-navigation .menu-container .menu-trigger:hover {
	color: #000000;
	background: #ffffff;
}

.top-navigation .menu-container .menu {
	background: #000000;
	padding: 30px;
	min-width: 600px;
	position: absolute;
	z-index: 99999;
	top: -15px;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	max-height: 100vh;
	overflow-y: auto;
}

.top-navigation .menu-container .menu-inner {
	float: left;
}

.top-navigation .menu-container .menu ul,
.top-navigation .menu-container .menu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.top-navigation .menu-container .sub-menu li {
	margin-left: 25px !important;
}

.top-navigation .menu-container .menu ul li {
	text-transform: uppercase;
	margin-bottom: 3px;
	font-size: 21px;
}

.top-navigation .menu-container .menu ul li:last-of-type {
	margin-bottom: 0;
}

.top-navigation .menu-container .menu ul li a {
	color: #ffffff;
	border-bottom: solid 1px white;
}

.top-navigation .menu-container .menu ul.right-menu {
	margin-top: 25px;
}

.top-navigation .menu-container .menu ul.shop-menu,
.top-navigation .menu-container .menu ul.blog-menu {
	padding-bottom: 30px;
	display: none;
}

.top-navigation .menu-container .menu ul.shop-menu li,
.top-navigation .menu-container .menu ul.blog-menu li {
	font-size: 16px;
}

body.shop .top-navigation .menu-container .menu ul.shop-menu {
	display: block;
}

body.blog .top-navigation .menu-container .menu ul.blog-menu {
	display: block;
}

.top-navigation .sub-menu-container {
	position: relative;
	top: 5px;
}

.top-navigation .sub-menu-container .menu-trigger {
	display: inline-block;
	padding: 8px 12px 4px 12px;
	font-size: 24px;
	border: 1px solid #000000;
	color: #000000;
	position: relative;
	z-index: 99;
	display: inline-block;
	line-height: 24px;
	text-transform: uppercase;
}

.top-navigation .sub-menu-container .menu-trigger.active,
.top-navigation .sub-menu-container .menu-trigger:hover {
	color: #000000;
	background: #ffffff;
}

.top-navigation .sub-menu-container .menu {
	background: #42acc4;
	padding: 15px;
	min-width: 500px;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

.top-navigation .sub-menu-container .menu ul,
.top-navigation .sub-menu-container .menu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.top-navigation .sub-menu-container .menu ul li {
	text-transform: uppercase;
	margin-bottom: 10px;
}

.top-navigation .sub-menu-container .menu ul li:last-of-type {
	margin-bottom: 0;
}

.top-navigation .sub-menu-container .menu ul li a {
	color: #ffffff;
}

.top-navigation .menu-container .menu ul li a:focus {
	color: gray !important;
}

.top-navigation .sub-menu-container .menu ul li a:hover {
	border-bottom: 1px solid;
}

.top-navigation .sub-menu-container .menu ul.left-menu,
.top-navigation .sub-menu-container .menu ul.right-menu {
	float: left;
}

.top-navigation .sub-menu-container .menu ul.left-menu {
	margin-right: 75px;
}

.top-navigation .sub-menu-container .menu ul.right-menu {
	margin-right: 25px;
}

.top-navigation .menu-container .menu .close {
	filter: invert(100%);
	position: absolute;
	top: 15px;
	right: 15px;
}

.top-navigation .logo-container {
	float: left;
	margin-top: 0;
	z-index: 9999;
	position: relative;
}

html.overlay-active .top-navigation .logo-container,
html.overlay-active .top-navigation .search-container {
	display: block !important;
}

.top-navigation .logo-container a {
	font-family: 'Cafe Oto';
	font-size: 58px;
	text-transform: uppercase;
	position: relative;
	z-index: 99;
	line-height: 42px;
}

.top-navigation .signup-container {
	text-align: right;
	margin-right: 30px;
}

.top-navigation .signup-container .close {
	background: url("../img/close.c3f3deea279b.png") no-repeat;
	position: fixed;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	text-align: center;
	cursor: pointer;
	z-index: 99;
	display: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (max--moz-device-pixel-ratio: 2) {
	.top-navigation .signup-container .close {
		background: url("../img/close_x2.17e3f830332f.png") no-repeat;
		-webkit-background-size: 40px;
		-moz-background-size: 40px;
		background-size: 40px;
	}
}

.top-navigation .signup-container .signup-trigger {
	text-transform: uppercase;
	display: inline-block;
	padding: 8px 12px 4px 12px;
	line-height: 18px;
	font-size: 18px;
	position: relative;
	z-index: 99;
	/* colours.css background: #42acc4; */
	/* colours.css  color: #6044cd; */
}

.top-navigation .signup-container .signup-trigger.logged-in {
	background: #000000 !important;
	color: #ffffff !important;
}

.top-navigation .signup-container .signup-trigger.logged-in:hover {
	/* colours.css background: #42acc4; */
}

.top-navigation .signup-container .signup-trigger.logged-in span {
	font-size: 12px;
	position: relative;
	top: -2px;
	left: 2px;
}

.top-navigation .signup-container .signup-trigger {
	text-transform: uppercase;
	display: inline-block;
	padding: 8px 12px 4px 12px;
	line-height: 18px;
	font-size: 18px;
	position: relative;
	z-index: 99;
	/* colours.css background: #42acc4; */
	/* colours.css color: #6044cd; */
}

.top-navigation .signup-container .log-out {
	text-transform: uppercase;
	display: inline-block;
	padding: 8px 12px 4px 12px;
	line-height: 18px;
	font-size: 18px;
	position: relative;
	z-index: 99;
	background: none;
	color: #000000;
}

.top-navigation .signup-container .log-out:hover {
	text-decoration: underline;
}

.top-navigation .search-container {
	float: left;
	margin-top: 0;
	margin-left: 15px;
	position: relative;
	z-index: 9999;
}

.top-navigation .search-container .search-trigger {
	background: url("../img/lens.e7702ae314c6.png") no-repeat;
	display: block;
	width: 27px;
	height: 27px;
	cursor: pointer;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}

.top-navigation .search-container input {
	font-family: 'FFBauWebProRegular', sans-serif;
	border: 0;
	font-size: 32px;
	text-indent: 10px;
	color: #ffffff;
	width: 400px;
	position: fixed;
	left: 50%;
	margin-left: -200px;
	top: 15px;
	padding: 10px 0;
	outline: none;
	z-index: 9999;
	display: none;
}

/* New menu (21/07/15) */

.new-menu-container {
	position: fixed;
	z-index: 500;
	top: 100px;
	display: block;
}

body.loginscreen .new-menu-container {
	display: none;
}

.new-menu-container ul.new-menu,
.new-menu-container ul.new-menu li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.new-menu-container ul.new-menu li {
	font-size: 22px;
	text-transform: uppercase;
	display: inline-block;
}

.new-menu-container ul.new-menu>li a {
	border: 1px solid #000000;
	background-color: #ffffff;
	padding: 7px 8px 2px 8px;
	font-size: 21px;
}

.new-menu-container ul.new-menu>li a:hover {
	background-color: lightgrey;
}

.new-menu-container ul.new-menu>li.has-menu>ul a:hover {
	background-color: black;
}

.new-menu-container ul.new-menu>li.has-menu>ul img {
	float: left;
	max-height: 40px;
	padding: 10px 10px 0px 0px;
}

.new-menu-container ul.new-menu>li {
	position: relative;
	margin-right: 10px;
}

.new-menu-container ul.new-menu>li:last-child {
	margin-right: 0;
}

.new-menu-container ul.sub-menu,
.new-menu-container ul.sub-menu li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.new-menu-container ul.sub-menu {
	background-color: #000000;
	position: absolute;
	top: 38px;
	left: 0;
	padding: 15px 15px 50px 15px;
	z-index: 999;
	width: 330px;
	display: none;
}

.new-menu-container ul.sub-menu>li {
	display: block;
	font-size: 19px;
	line-height: 1.4em;
}

.new-menu-container ul.sub-menu>li.calendar {
	margin-top: 20px;
}

.new-menu-container ul.sub-menu>li a {
	color: #ffffff;
	background: none;
	padding: 0;
	font-size: 18px;
}

.new-menu-container ul.sub-menu>li a:hover {
	border-bottom: 1px solid;
}

.new-menu-container ul.sub-menu.programme {
	height: 270px;
}

.new-menu-container .calendar-container {
	background: #000000 !important;
	height: 270px !important;
	position: absolute;
	z-index: 99;
	left: 330px;
	top: 38px;
	padding: 15px;
	display: none;
}

.new-menu-container .calendar-container .c-month-view,
.new-menu-container .calendar-container .c-month-view p {
	font-size: 19px !important;
}

.new-menu-container .calendar-container .date-holder {
	font-size: 19px !important;
}

/* Basket */

.top-navigation. basket-trigger {
	display: block;
}

.top-navigation .basket-trigger span {
	text-transform: uppercase;
	display: inline-block;
	border: 1px solid #000000;
	padding: 5px 7px 0 7px;
	font-size: 18px;
	z-index: 9999;
	position: relative;
	color: #fff;
}

.top-navigation .basket-trigger span:hover {
	background: #000;
	color: #fff;
}

.top-navigation .basket-container {
	position: fixed;
	/* colours.css background: #beded7; */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	z-index: 999;
	padding: 15px 15px 15px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.top-navigation .basket-container .close-this {
	font-size: 18px;
	text-transform: uppercase;
	cursor: pointer;
	position: absolute;
	top: 22px;
	left: 550px;
}

.top-navigation .basket-container .close-this span {
	position: relative;
	top: 1px;
	padding-right: 5px;
	display: inline-block;
}

.top-navigation .basket-container .logo {
	font-family: 'Cafe Oto';
	font-size: 52px;
	text-transform: uppercase;
	position: relative;
	z-index: 99;
	line-height: 42px;
	top: 15px;
	left: 188px;
}

.top-navigation .basket-container .basket-title {
	font-family: 'Cafe Oto';
	font-size: 44px;
	text-transform: uppercase;
	line-height: 34px;
	position: absolute;
	top: 30px;
	left: 295px;
	margin: 0;
}

.credits-meta {
	font-size: 18px;
	left: 50px;
	position: relative;
	z-index: 9999;
	float: left;
	text-transform: uppercase;
	display: none;
}

/* Login */

#edit {
	text-align: center;
	font-size: 12px;
	position: fixed;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

#edit span {
	background-color: yellow;
	padding: 7px;
}

#edit a {
	border-bottom: 1px solid #000;
}

.login-container .login {
	height: 100%;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.login-container .login p {
	font-size: 14px;
}

.login-container .login form {
	font-size: 12px;
}

.login-container .login ul.memberships-list,
.login-container .login ul.memberships-list li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.login-container .login ul.memberships-list {
	margin-bottom: 15px;
}

.login-container .login ul.memberships-list li {
	background: url("../img/no-icon.29b18706d887.png") no-repeat;
	padding-left: 30px;
	margin-bottom: 5px;
	color: #777777;
	-webkit-background-size: 17px;
	-moz-background-size: 17px;
	background-size: 17px;
}

.login-container .login ul.memberships-list li:last-child {
	margin-bottom: 0;
}

.login-container .login ul.memberships-list li.active {
	background: url("../img/yes-icon.fdc6447cc051.png") no-repeat;
	color: #000000;
	-webkit-background-size: 17px;
	-moz-background-size: 17px;
	background-size: 17px;
}

.form-highlight,
.card-brand {
	/* colours.css color: #42acc4; */
}

.membership-choice-container {
	margin: 10px 0 20px 0;
}

.membership-choice-container input,
.membership-choice-container label {
	font-size: 14px;
}

.membership-choice-container input {
	margin-right: 5px;
}

.membership-choice-container>div {
	margin-bottom: 5px;
}

p.sep {
	display: block;
	border-bottom: 1px dotted;
	font-size: 14px;
}

.login-container .login a {
	border-bottom: 1px solid #000;
}

.login-container .login h1 {
	font-family: 'FFBauWebMedium';
	font-size: 22px;
	text-transform: uppercase;
	padding-top: 0;
	margin-top: 0;
}

.login-container .login h1.membership-title {
	margin-top: 100px;
}

.login-container .login p.first {
	margin-top: 0;
}

.login-container .login input[type=text],
.login-container .login input[type=email],
.login-container .login input[type=password] {
	background: #ffffff;
	border: 0;
	padding: 7px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	outline: none;
	margin-bottom: 20px;
	margin-right: 10px;
}

.login-container .login input {
	font-size: 14px;
}

.login-container .login form span:not(#m_cost):not(.select-moz):not(.card-name) {
	width: 90%;
	float: left;
	font-size: 14px;
	margin-bottom: 5px;
}

.login-container .login .row:last-of-type {
	margin-bottom: 25px;
}

.login-container .login input[type=checkbox] {
	float: left;
	margin: 1px 10px 0px 0px;
}

.login-container .login input#mailing_list,
.login-container .login input#terms {
	margin-right: 10px;
}

.login-container .login input[disabled] {
	background: #d6d6d6;
}

.login-container .login input::-webkit-input-placeholder {
	color: #cccccc;
}

.login-container .login input:-moz-placeholder {
	color: #cccccc;
}

.login-container .login input::-moz-placeholder {
	color: #cccccc;
}

.login-container .login input:-ms-input-placeholder {
	color: #cccccc;
}

.login-container .login select:focus {
	outline: none;
}

.login-container .login input[type=submit] {
	text-transform: uppercase;
	display: inline-block;
	padding: 8px 12px 4px 12px;
	background: #000000;
	border: 0;
	position: relative;
	-webkit-appearance: none;
	outline: none;
	font-size: 18px;
	line-height: 18px;
	margin-right: 3px;
	border-radius: 0;
	color: #ffffff;
}

.login-container .login .cancel-button {
	background: #aaaaaa;
	text-transform: uppercase;
	display: inline-block;
	padding: 8px 12px 4px 12px;
	border: 0;
	position: relative;
	-webkit-appearance: none;
	outline: none;
	font-size: 18px;
	line-height: 18px;
	margin-right: 3px;
	border-radius: 0;
	color: #ffffff;
}

.login-container .login input[type=submit].more {
	margin-top: 20px;
}

body.loginscreen {
	background: #e1e1e1;
	font-size: 12px;
}

body.registration {
	background: #e1e1e1;
}

.larger-text {
	font-size: 16px;
}

.larger-text a {
	border-bottom: 1px solid;
}

a.button,
.membership-container button {
	display: inline-block;
	padding: 7px 10px 5px 10px;
	background: #000000;
	border: 0;
	position: relative;
	-webkit-appearance: none;
	outline: none;
	font-size: 14px;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0 10px 10px 0;
}

a.button:hover {
	color: #ffffff;
}

a.button.yes {
	background: #239f23 url("../img/yes-icon-white.06712ab44354.png") 10px 50% no-repeat;
	padding-left: 35px;
	-webkit-background-size: 17px;
	-moz-background-size: 17px;
	background-size: 17px;
	border: solid 1px #239f23;
}

a.button-large {
	text-transform: uppercase;
	display: inline-block;
	padding: 7px 12px 4px 12px;
	background: #000000;
	border: 0;
	position: relative;
	-webkit-appearance: none;
	outline: none;
	font-size: 20px;
	color: #ffffff;
}

a.button-large:hover {
	color: #ffffff;
}

#cost_div {
	margin: 30px 0;
}

#cost_div p,
.calculation #total_sub {
	margin: 0;
	border: 1px solid #000;
	padding: 12px 12px 10px 12px;
	display: inline-block;
	color: #fff;
	font-size: 24px;
}

.calculation #total_sub p {
	font-size: 24px;
	margin: 0;
}

.calculation #total_sub {
	margin: 20px 0;
}

.calculation .small p {
	font-size: 12px;
}

/* Basket */

.basket-container {
	display: none;
	background-color: #fff;
}

.basket-container table.basket {
	width: 100%;
	text-align: left;
}

.basket-container table.basket tr.list td {
	vertical-align: top;
	padding-bottom: 30px;
}

.basket-container table.basket tr.list td.title {
	width: 50%;
}

.basket-container table.basket tr.list td.title .meta {
	font-family: 'FFBauWebMedium';
	text-transform: uppercase;
	font-size: 14px;
	display: inline-block;
	margin-top: 5px;
}

.basket-container table.basket tr.list td.update {
	width: 20%;
	text-align: center;
}

.basket-container table.basket tr.list td.price {
	width: 20%;
	text-align: right;
}

.basket-container table.basket tr.list td.img {
	width: 60px;
	height: 60px;
}

.basket-container table.basket tr.list td.img .image-container {
	width: 60px;
	height: 60px;
	position: relative;
	overflow: hidden;
}

.basket-container table.basket tr.list td.img img {
	width: auto;
	height: 60px;
}

.basket-container table.basket tr.list td.title {
	font-size: 18px;
	line-height: 1.2em;
}

.basket-container table.basket tr.list td.quantity input {
	background: none;
	border: 1px solid #000000;
	font-size: 14px;
	padding: 13px;
	width: 20px;
	height: 20px;
}

.basket-container table.basket tr.list td.price {
	font-size: 24px;
}

.basket-container table.basket tr.list td.price span {
	font-family: 'FFBauWebProRegular';
	font-size: 14px;
	display: block;
	margin-top: 5px;
}

.basket-container table.basket tr.list td.price div {
	font-size: 16px;
	margin-top: 5px;
}

.basket-container table.basket tr.list td.icon span {
	width: 30px;
	height: 30px;
	background: #000000;
	display: inline-block;
}

.basket-container table.basket tr td.shipping {
	padding: 20px 0 0 0;
	font-size: 18px;
}

.basket-container table.basket tr td.shipping .select-container {
	float: left;
	margin-left: 10px;
	position: relative;
	top: -5px;
}

.basket-container table.basket tr td.shipping span {
	float: left;
}

.basket-container table.basket tr td.shipping .shipping-total {
	font-size: 24px;
}

.basket-container table.basket .select-container select {
	background: url("../img/down-arrow.dd5a457a58a8.png") 95% 4px no-repeat;
	font-size: 16px;
	padding: 10px 65px 10px 10px;
	border: 1px solid #000000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (max--moz-device-pixel-ratio: 2) {
	.basket-container table.basket .select-container select {
		background: url("../img/down-arrow_x2.5f9c5f77b013.png") 95% 4px no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		background-size: contain;
	}
}

.basket-container table.basket .select-container select:focus {
	outline: none;
}

.basket-container table.basket tr td .proceed {
	background: #000000;
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 15px 5px 10px;
	letter-spacing: 1px;
	margin-top: 10px;
}

.basket-container table.basket .calculate-title {
	font-size: 16px;
	display: inline-block;
	margin-bottom: 10px;
}

.basket-container table.basket .total-container {
	text-align: right;
}

.basket-container table.basket .total-container br {
	line-height: 30px;
}

.basket-container table.basket .total-container .total-title {
	font-size: 16px;
}

.basket-container table.basket .total-container .total {
	font-size: 32px;
}

/* Home (featured) */

.featured-container {
	margin-top: 100px;
	min-height: 580px;
	margin-bottom: 50px;
}

.featured-container .each-feature .each-header {
	text-transform: uppercase;
	font-size: 21px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.featured-container .each-feature .each-header p {
	margin: 0;
}

.featured-container .each-feature .each-meta {
	position: relative;
	text-transform: uppercase;
	font-size: 21px;
	margin-bottom: 10px;
}

.featured-container .each-feature .each-meta p {
	margin: 0;
}

.featured-container .each-feature .each-meta span {
	display: inline-block;
	padding: 5px 3px 1px 3px;
	font-size: 16px;
	margin-right: 15px;
}

.featured-container .each-feature .each-image-container .each-image {
	margin-bottom: 20px;
	overflow: hidden;
}

.featured-container .each-feature .each-image-container .each-image a {
	display: block;
	width: 100%;
}

.featured-container .each-feature .each-image-container .each-image img {
	display: inline-block;
	width: auto;
	max-height: 400px;
}

.featured-container .each-feature .each-description {
	font-size: 14px;
	width: 70%;
}

.featured-container .each-feature .each-description p {
	margin: 0;
}

.featured-container .each-feature .each-description p a {
	border-bottom: 1px solid;
}

.featured-slider-container {
	position: relative;
	overflow: hidden;
}

.featured-slider-container .featured-slider .each-slide {
	width: 100%;
}

.featured-slider-container .featured-slider .each-slide img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.featured-slider-container .featured-slider .each-slide p {
	margin: 0;
	margin-left: 50px;
}

body.about .featured-slider-container .featured-slider .each-slide p {
	margin-left: 0;
}

.featured-slider-container .featured-slider-navigation a {
	position: absolute;
	display: block;
	width: 50%;
	top: 0;
	height: 100%;
	z-index: 9999;
}

.featured-slider-container .featured-slider-navigation a.prev {
	left: 0;
	cursor: w-resize;
}

.featured-slider-container .featured-slider-navigation a.next {
	right: 0;
	cursor: e-resize;
}

.featured-slider-container .featured-slider-caption {
	position: absolute;
	bottom: 0;
}

/* Membership */

body.membership {
	background-color: #fbfce7;
}

.membership-intro p {
	font-size: 20px;
}

.membership-container p a {
	border-bottom: solid 1px #000;
}

.membership-container .each-item.membership h2 {
	font-family: 'Cafe Oto';
	font-size: 38px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.membership-container .each-item.membership h3 {
	font-size: 21px;
}

.membership-container.options {
	margin: 75px 0 50px 0;
}

.membership-container .membership-option {
	float: left;
	text-align: center;
}

.membership-container .each-item {
	margin-bottom: 30px;
	padding: 20px;
}

.membership-container .intro ul {
	padding: 0px;
	text-indent: -27px;
	margin: 0 0 0 27px;
	line-height: 1.7em;
}

.membership-container .each-text .intro li {
	list-style-type: none;
}

.membership-container .each-text .intro li::before {
	content: '';
	background-color: #008109;
	mask-image: url("../img/yes-icon.fdc6447cc051.png");
	mask-size: 20px;
	mask-repeat: no-repeat;
	padding: 3.5px 12px;
	margin-right: 3px;
}

.membership-container .each-item.memberships {
	background-color: rgb(247, 233, 182);
	background-size: cover;
}

.membership-container .each-item.patronages {
	background-color: rgb(229, 219, 201);
}

.membership-container .proceed-button {
	margin-top: 0 !important;
	float: right;
}

.membership-container .amount-container {
	height: 34px;
}

form .login-container .membership-container .amount-container {
	display: none;
}

form#membership-form #update-membership {
	display: none;
	margin-bottom: 50px;
}

.membership-container .arrow-container {
	margin-left: 125px;
	padding: 6px;
	max-width: 100px;
}

.membership-container .arrows {
	background: #c1c1c1;
	width: 20px;
	float: left;
	height: inherit;
	position: relative;
}

.membership-container .arrows div {
	width: 100%;
	height: 50%;
}

.membership-container .arrows img {
	position: absolute;
	margin: 6px;
}

.membership-container .arrows img.up {
	transform: rotate(180deg);
}

.membership-container .arrows img.down {
	bottom: 0;
}

.membership-container .arrows:hover {
	cursor: pointer;
}

.membership-container label[for="id_amount"] {
	background-color: white;
	padding: 8px 0 6px 8px;
	float: left;
}

.membership-container input#id_amount {
	padding: 7px 5px 5px 0px;
	border: solid 1px white;
	float: left;
	width: 100px;
}

.membership-container #id_membership div {
	padding: 3px 0;
}

.membership-container .each-item .each-text a {
	margin: 0 5px 5px 0;
}

.membership-container .intro {
	margin-bottom: 30px;
}

.membership-container h2 {
	font-family: 'Cafe Oto';
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 15px;
}

.membership-container .each-item.memberships h2.concessions {
	float: right;
	margin-top: 8px;
	font-size: 15px;
}

.membership-container .each-item.memberships h2.concessions:hover {
	border-bottom: solid 1px;
	cursor: pointer
}

.membership-container .event-detail-meta {
	margin-bottom: 10px;
}

.membership-container .each-item .book-long-meta {
	width: calc(100% + 2px);
	margin: -1px;
	line-height: 1em;
}

.membership-container .membership-option .inner {
	border: 1px solid #000000;
	background-color: #ffffff;
	padding: 30px;
}

.membership-container .membership-option h2 {
	font-family: 'Cafe Oto';
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 15px;
}

.membership-container .event-detail-meta .book-long {
	background-color: white;
}

.membership-container .each-text a {
	border-bottom: solid 1px;
}

.membership-container a.button:not(.yes),
.membership-container button {
	background-color: white;
	color: black;
	border: 1px solid;
}

.membership-container a.button:hover,
.membership-container button:hover {
	background-color: black;
	color: white;
	border-color: black;
}

.membership-container .each-item.membership h2.sub {
	font-size: 28px;
	margin-bottom: 35px;
}

.membership-container .membership-option h3,
.membership-container .membership-option-trigger h3 {
	font-family: 'Cafe Oto';
	text-transform: uppercase;
	margin-bottom: 0;
}

.membership-container .membership-option ul,
.membership-container .membership-option ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.membership-container .membership-option ul li {
	margin-bottom: 15px;
}

.membership-container .membership-option ul li:last-child {
	margin-bottom: 0;
}

.membership-container .membership-option.venue,
.membership-container .membership-option.digital {
	width: 25%;
}

.membership-container .membership-option.venue {
	margin-left: 15px;
}

.membership-container .membership-option.venue .inner {
	border-right: 0;
}

.membership-container .membership-option.digital .inner {
	border-left: 0;
}

.membership-container .membership-option.full {
	width: 30%;
	margin-top: -40px;
}

.membership-container .membership-option.full .inner {
	background-color: #F7F6CB;
}

p.membership-buttons {
	margin-top: 20px;
	line-height: 1.5em;
}

p.membership-buttons br {
	line-height: 3em;
}

p.membership-buttons a {
	border: 1px solid #000000;
	display: inline-block;
	text-transform: uppercase;
	padding: 5px 20px 3px 20px;
	background-color: #FFF;
}

p.membership-buttons a:hover {
	background-color: #F7F6CB;
}

.membership-container.faq {
	margin: 50px 0;
	margin-top: 0px
}

.membership-container.faq .each-item.membership .each-faq {
	margin-bottom: 25px;
}

.membership-container.faq .each-item.membership .each-faq p:first-of-type {
	font-family: 'Cafe Oto';
	text-transform: uppercase;
}

.membership-option-trigger {
	display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type=number] {
	-moz-appearance: textfield;
	padding: 7px;
	border: none;
}

/* Support page */

.support-container h1 {
	font-family: 'Cafe Oto';
	font-size: 32px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 10px;
}

.support-container h2 {
	font-family: 'Cafe Oto';
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 10px;
}

.support-container h3 {
	font-family: 'Cafe Oto';
	text-transform: uppercase;
	margin-bottom: 0;
}

.support-container a {
	border-bottom: 1px solid;
}

.support-container img {
	width: 100%;
}

.support-container .membership-buttons a {
	margin: 0px 10px 5px 0px;
}

.support-container ul,
.support-container .row,
.support-container .intro {
	margin-bottom: 30px;
}

.support-container .each-item {
	padding: 15px 15px 15px 20px;
	width: inherit;
}

.support-container .patron {
	background-color: #efebe3;
	padding: 25px;
	border: solid 1px;
}

.support-container .patron ul {
	padding-left: 15px;
}

.support-container .donate-buttons a {
	border-bottom: none;
}

.support-container .donate-buttons span {
	display: inline-block;
	width: 90px;
	padding: 10px;
	margin: 10px 10px 10px 0px;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid;
	cursor: pointer;
}

.support-container .donate-buttons span:hover {
	background-color: #F7F6CB;
}

.support-container.donate-buttons:after {
	content: ' ';
	display: inline-block;
	width: 100%;
	height: 0;
}

#donate-checkout {
	font-size: 14px;
	display: none;
	position: fixed;
	background: rgba(125, 125, 125, .5);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	text-transform: uppercase;
}

#donate-checkout div {
	background-color: #eee;
	border: solid 1px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 350px;
	height: auto;
	margin: -125px 0 0 -175px;
	border-radius: 25px;
	padding: 20px;
}

#donate-checkout table {
	margin-left: auto;
	margin-right: auto;
}

#donate-checkout table td {
	padding: 8px 5px;
	text-align: right;
}

#donate-checkout button[type=submit] {
	font-size: 18px;
	border: none;
	background: #000;
	padding: 7px 14px;
	color: #ffffff;
}

#donate-checkout tr td:first-child {
	text-align: right;
}

#donate-checkout tr td:last-child {
	text-align: left;
}

#donate-checkout #terms {
	text-transform: none;
}

#donate-checkout tr:last-child td,
#form-error {
	text-align: center !important;
}

form#donate-form .error {
	font-size: 10px;
	color: #ff0000;
	display: none;
}

@media (min-width: 768px) {
	.support-container .row.equal {
		display: flex;
		flex-wrap: wrap;
	}
}

/* Auction */

body.auction {
	background-color: #ffd076;
}

.auction span.textbox {
	background-color: #fff;
	font-size: 16px;
	width: 35%;
	margin-right: 5px;
}

.auction span.textbox input {
	border: 0px;
	background-color: #FFF;
	width: 80%;
}

.auction input[type=submit] {
	text-transform: uppercase;
	display: inline-block;
	padding: 7px 12px 5px 12px;
	background: black;
	border: 0;
	position: relative;
	-webkit-appearance: none;
	outline: none;
	font-size: 18px;
	line-height: 18px;
	margin-right: 3px;
	border-radius: 0;
	color: white;
}

.auction label {
	display: inline-block;
	padding-left: 5px;
}

.auction #id_terms {
	vertical-align: middle;
}

.auction label[for="id_terms"] span {
	vertical-align: middle;
}

.auction p span.down {
	background: url("../img/down-arrow_x2.5f9c5f77b013.png") 100% 50% no-repeat;
	vertical-align: middle;
	cursor: pointer;
	padding: 8px 10px 0px 8px;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	background-size: 10px 10px;
}

.auction #terms {
	display: none;
	font-size: 13px;
	text-transform: none;
}

/* Plain page */

.plain-page-container {
	margin-bottom: 50px;
}

.plain-page-container h2 {
	font-family: 'Cafe Oto';
	font-size: 32px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 10px;
}

.plain-page-container h3 {
	text-transform: uppercase;
	font-size: 21px;
	margin-bottom: 10px;
}

.plain-page-container a {
	border-bottom: 1px solid;
}

.about .logos,
.support .logos {
	display: block;
	margin-bottom: 30px;
}

.about .logos a,
.support .logos a {
	display: inline-block;
	margin: 0 15px 15px 0;
	border: 0 !important;
}

.about .logos a img,
.support .logos a img {
	height: 70px;
	width: auto;
	mix-blend-mode: multiply;
}

.about .logos .small a img,
.support .logos .small a img {
	height: 35px;
	width: auto;
}

.membership .logos {
	display: block;
	margin-bottom: 30px;
}

.membership .logos a {
	display: inline-block;
	margin: 0 15px 15px 0;
	border: 0 !important;
}

.membership .logos a img {
	height: 60px;
	width: auto;
}

.membership .logos .small a img {
	height: 35px;
	width: auto;
}

/* Terms */

.terms-conditions-container {
	margin-bottom: 50px;
}

.terms-conditions-container h2 {
	font-family: 'Cafe Oto';
	font-size: 32px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 10px;
}

.terms-conditions-container a {
	border-bottom: 1px solid;
}

/* About */

.about-container .each-item {
	margin-bottom: 50px;
	padding-right: 50px;
}

.about-container .each-item .each-header {
	text-transform: uppercase;
	font-size: 21px;
	margin-bottom: 10px;
}

.about-container .each-item .each-header p {
	margin: 0;
}

.about-container .each-item .each-image {
	margin-bottom: 15px;
}

.about-container .each-item .each-image img {
	width: 100%;
	height: auto;
}

.about-container .each-item .each-text p .about-container .each-item .each-text ul {
	font-size: 16px;
}

.about-container .each-item .each-text ul {
	list-style-position: inside;
	padding-left: 1em;
}

.about-container .each-item .each-text ul li {
	text-indent: -1em;
}

.about-container .each-item .each-text p:first-of-type {
	margin-top: 0;
}

.about-container .each-item .each-text p:last-of-type {
	margin-bottom: 0;
}

.about-container .each-item .each-text p a {
	border-bottom: 1px solid;
}

.about-container .each-item .each-map {
	margin-bottom: 15px;
}

.about-container .each-item .each-map iframe {
	width: 100%;
	height: 400px;
}

.about-container .each-item .each-interim-header,
.about-container .each-item .each-text h2 {
	font-family: 'Cafe Oto';
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.about-container .each-item .featured-slider-container .featured-slider .each-slide {
	width: 100%;
}

.about-container .each-item .each-text b,
.about-container .each-item .each-text strong {
	font-family: 'FFBauWebMedium';
	font-style: normal;
	font-weight: normal;
}

/* Home (activity) */

.activity-container {
	padding-top: 30px;
	margin-bottom: 5px;
}

.activity-container .each-activity {
	margin-bottom: 50px;
}

.activity-container .each-activity .each-header,
.activity-container .each-activity .each-description h2 {
	text-transform: uppercase;
	font-size: 21px;
	margin-bottom: 10px;
}

.activity-container .each-activity .each-header p {
	margin: 0;
}

.activity-container .each-activity.showseries .each-header span a {
	border-bottom: 1px solid #000;
}

.activity-container .each-activity .each-header .prefix,
.activity-container .event-detail-each-artist .prefix {
	font-size: 12px;
	font-family: 'Cafe Oto';
	display: block;
	line-height: 15px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.activity-container .each-activity .each-header .suffix,
.activity-container .event-detail-each-artist .suffix {
	font-size: 16px;
	display: block;
	line-height: 18px;
	margin: 5px 0px;
	text-transform: uppercase;
}

.activity-container .each-activity .each-meta {
	position: relative;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 10px;
}

.activity-container .each-activity .each-meta p {
	margin: 0;
}

.activity-container .each-activity .each-meta p.note {
	text-transform: none !important;
	margin: 10px 0 20px 3px;
	font-size: 14px;
	line-height: 20px;
}

.activity-container .each-activity .each-meta span,
.event-detail-meta .book-long span {
	display: inline-block;
	padding: 5px 3px 1px 0px;
	font-size: 16px;
	margin-right: 15px;
}

.activity-container .each-activity .each-meta .book-long,
.event-detail-meta .book-long {
	background: url("../img/down-arrow.dd5a457a58a8.png") 93% 50% no-repeat;
	background-color: rgba(0, 0, 0, 0);
	font-size: 14px;
	color: #000000;
	display: inline-block;
	line-height: 17px;
	padding: 4px 60px 1px 5px;
	border: 1px solid;
	cursor: pointer;
	position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

	.activity-container .each-activity .each-meta .book-long,
	.event-detail-meta .book-long {
		background: url("../img/down-arrow_x2.5f9c5f77b013.png") 93% 50% no-repeat;
		-webkit-background-size: 7px 5px;
		-moz-background-size: 7px 5px;
		background-size: 7px 5px;
	}
}

.out-of-stock {
	text-decoration: line-through;
	text-transform: uppercase !important;
}

.activity-container .each-activity .each-meta .book-long span,
.event-detail-meta .book-long span {
	display: inline-block;
	border-left: 1px solid;
	height: 100%;
	position: absolute;
	right: 15px;
	top: 0;
	display: none;
}

.activity-container .each-activity .each-meta span.out-of-stock div.out-of-stock {
	text-decoration: line-through;
}

.download-format-btn,
.activity-container .each-activity .each-meta span .active,
.activity-container .each-activity .each-meta a.active,
.event-detail-meta .book-long span .active,
.event-detail-meta span .active {
	border: 1px solid #000000;
	padding: 4px 4px 1px 4px;
	color: #000000;
	white-space: nowrap;
	margin-right: 5px;
	line-height: 1.8em;
}

.download-format-btn:hover,
.activity-container .each-activity .each-meta span .active:hover,
.activity-container .each-activity .each-meta a.active:hover,
.event-detail-meta .book-long span .active:hover,
.event-detail-meta span .active:hover {
	border: 1px solid #000000;
	background: #000000;
	color: #ffffff;
}

.activity-container .each-activity .each-meta .book-long-meta,
.event-detail-meta .book-long-meta {
	position: absolute;
	top: 0;
	left: 0;
	background: #000000;
	font-size: 21px;
	padding: 10px;
	z-index: 99;
	width: auto;
	white-space: nowrap;
	overflow: visible;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

.activity-container .each-activity .each-meta .book-long-meta ul,
.activity-container .each-activity .each-meta .book-long-meta ul li,
.event-detail-meta .book-long-meta ul,
.event-detail-meta .book-long-meta ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.activity-container .each-activity .each-meta .book-long-meta ul li,
.event-detail-meta .book-long-meta ul li {
	text-transform: uppercase;
	color: #ffffff;
	font-size: 14px;
	margin-bottom: 5px;
}

.activity-container .each-activity .each-meta .book-long-meta ul li a,
.event-detail-meta .book-long-meta ul li a {
	color: #ffffff;
	border: 0;
	padding: 0;
}

.activity-container .each-activity .each-meta .book-long-meta ul li a:hover,
.event-detail-meta .book-long-meta ul li a:hover,
.event-detail-meta .book-long-meta ul a:hover>li {
	background: none;
	color: #fff;
	border: 0;
	border-bottom: 1px solid;
}

.activity-container .each-activity .each-meta .book-long-meta ul li:last-child,
.event-detail-meta .book-long-meta ul li:last-child {
	margin-bottom: 0;
}

.activity-container .each-activity .each-meta .book-long-meta ul li span,
.event-detail-meta .book-long-meta ul li span {
	text-transform: lowercase;
}

.activity-container .each-activity .each-image {
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}

.activity-container .each-activity .each-image img {
	width: auto;
	max-height: 350px;
}

.activity-container .each-activity .each-image.member-preview .flag,
.activity-container .each-activity .each-shop-image.member-preview .flag {
	display: block;
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.activity-container .each-activity .each-image.member-preview .flag span,
.activity-container .event-detail-image.member-preview .flag span,
.activity-container .each-activity .each-shop-image.member-preview .flag span {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 3px 5px 1px 5px;
	color: #de4058;
	letter-spacing: 0.02em;
	font-size: 12px;
	text-align: center;
	background-color: #fbfce7;
	text-transform: uppercase;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.activity-container .each-activity .each-shop-image.member-preview:hover>.flag {
	opacity: 0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.activity-container .each-activity .each-shop-image.member-preview:hover>.each-shop-image-overlay {
	opacity: 1;
}

.activity-container .each-activity .each-image.featured img {
	width: 100%;
	height: auto;
	max-height: 100%;
}

body.shop .activity-container .each-activity .each-image img {
	width: 100%;
	height: auto;
}

.activity-container .each-activity .each-video {
	margin-bottom: 20px;
}

.activity-container .each-activity .each-description {
	font-size: 14px;
	width: 70%;
}

.activity-container .each-activity.large .each-description {
	font-size: 14px;
	width: 90%;
}

.activity-container .each-activity .each-description.small {
	width: 95%;
}

.activity-container .each-activity .each-description p a {
	border-bottom: 1px solid;
}

.stream-player {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

/* Shop */

.activity-container .each-activity .each-shop-header,
.activity-container .each-activity .each-shop-description h2 {
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 5px;
}

.activity-container .each-activity .each-shop-header p {
	margin: 0px;
	padding: 0px;
	width: 100%;
	max-height: 3em;
}

.activity-container .each-activity.showseries .each-shop-header span a {
	border-bottom: 1px solid #000;
}

.activity-container .each-activity .each-shop-header .prefix {
	font-size: 12px;
	font-family: 'Cafe Oto';
	display: block;
	line-height: 15px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.activity-container .each-activity .each-shop-meta {
	position: relative;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 10px;
}

.activity-container .each-activity .each-shop-meta p {
	margin: 0;
}

.activity-container .each-activity .each-shop-meta p.note {
	text-transform: none !important;
	margin: 10px 0 20px 3px;
	font-size: 14px;
	line-height: 20px;
}

.activity-container .each-activity .each-shop-meta span {
	display: inline-block;
	padding: 2px 20px 1px 0px;
	font-size: 12px;
	margin-right: 15px;
}

.activity-container .each-activity .each-shop-meta .book-long {
	background: url("../img/down-arrow.dd5a457a58a8.png") 100% 50% no-repeat;
	background-position-x: calc(100% - 5px);
	font-size: 12px;
	color: #000000;
	display: inline-block;
	line-height: 15px;
	padding: 2px 20px 1px 3px;
	border: 1px solid;
	cursor: pointer;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.activity-container .each-activity .each-shop-meta .book-long {
		background: url("../img/down-arrow_x2.5f9c5f77b013.png") 100% 50% no-repeat;
		-webkit-background-size: 7px 5px;
		-moz-background-size: 7px 5px;
		background-size: 7px 5px;
		background-position-x: calc(100% - 5px);
	}
}

.activity-container .each-activity .each-shop-meta .book-long span {
	display: inline-block;
	border-left: 1px solid;
	height: 100%;
	position: absolute;
	right: 15px;
	top: 0;
	display: none;
}

.activity-container .each-activity .each-shop-meta span.out-of-stock div.out-of-stock {
	text-decoration: line-through;
}

.activity-container .each-activity .each-shop-meta span .active,
.activity-container .each-activity .each-shop-meta a.active {
	border: 1px solid #000000;
	padding: 3px 5px 3px 3px;
	color: #000000;
	white-space: nowrap;
}

.download-format-btn:hover,
.activity-container .each-activity .each-shop-meta span .active:hover,
.activity-container .each-activity .each-shop-meta a.active:hover {
	border: 1px solid #000000;
	background: #000000;
	color: #ffffff;
}

.activity-container .each-activity .each-shop-meta .book-long-meta {
	position: absolute;
	top: 0;
	left: 0;
	background: #000000;
	font-size: 21px;
	padding: 7px;
	z-index: 99;
	width: auto;
	white-space: nowrap;
	overflow: visible;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

.activity-container .each-activity .each-shop-meta .book-long-meta ul,
.activity-container .each-activity .each-shop-meta .book-long-meta ul li,
.event-detail-meta .book-long-meta ul,
.event-detail-meta .book-long-meta ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.activity-container .each-activity .each-shop-meta .book-long-meta ul li {
	text-transform: uppercase;
	color: #c1c1c1;
	font-size: 12px;
	margin-bottom: 5px;
}

.activity-container .each-activity .each-shop-meta .book-long-meta ul li a {
	color: #ffffff;
	border: 0;
	padding: 0;
}

.activity-container .each-activity .each-shop-meta .book-long-meta ul li a:hover {
	background: none;
	color: #ffffff;
	border: 0;
	border-bottom: 1px solid;
}

.activity-container .each-activity .each-shop-meta .book-long-meta ul li:last-child {
	margin-bottom: 0;
}

.activity-container .each-activity .each-shop-meta .book-long-meta ul li span {
	text-transform: lowercase;
}

.activity-container .each-activity .each-shop-image {
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	/*box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);*/
	border-style: solid;
	border-width: 1px;
	border-color: #666;
}

.activity-container .each-activity .each-shop-image img {
	width: 100%;
	max-height: 350px;
	z-index: -1;
	position: relative;
}

body.shop .activity-container .each-activity .each-shop-image img {
	width: 100%;
	height: auto;
}

.activity-container .each-activity .each-shop-image-overlay {
	position: absolute;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	font-size: 12px;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
}

.activity-container .each-activity .each-shop-image-overlay:hover {
	opacity: 1;
}

.activity-container .each-activity .each-shop-image-overlay p {
	margin: 0px;
	padding: 7px;
	height: inherit;
}

.see-all {
	font-size: 17px;
	text-align: right;
	margin: -50px 0px;
}

.see-all a {
	border-bottom: 1px solid;
}

.activity-container .each-label {
	margin-bottom: 50px;
	line-height: 200px;
}

.activity-container .each-label img {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
}

.shop-title {
	text-transform: uppercase;
}

.shop-title h1 {
	font-size: 28px;
	margin-top: 0;
}

.shop-title h2 {
	font-size: 22px;
}

.shop-tags-container {
	margin-bottom: 30px;
}

.shop-tags {
	display: inline-block;
	background: grey;
	padding: 4px 7px 0px 6px;
	margin: 10px 10px 0 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.shop-tags a {
	color: white !important;
}

.shop-tags:hover {
	color: white !important;
	background-color: black;
}

/* Downloads */

.label-carousel.slick-initialized .slick-slide {
	float: inherit;
	display: inline-block !important;
	vertical-align: middle;
	cursor: pointer;
}

.slick-slide img {
	width: 100%;
}

.label-carousel .slick-slide img {
	padding: 5px;
}

.slick-slide p {
	text-align: center;
	text-transform: uppercase;
}

.label-carousel .slick-list {
	margin: 0px 15px !important;
	padding: 0px !important;
}

.scroll-top {
	float: right;
	cursor: pointer;
}

.scroll-top:before {
	content: '\002B06 \FE0E';
	font-size: 18pt;
}

.scroll-top:hover {
	color: #8459a5;
}

.label-carousel {
	margin-bottom: 50px;
	padding: 0px 30px;
}

/* Archive */

.inset {
	float: right;
	margin: 0px 0px 30px 50px;
	padding: 0px;
}

.carousel-container,
.carousel-container-fullscreen {
	padding: 10px 10px 15px 10px;
	background-color: #222;
	color: white;
	font-size: 12px;
}

#carousel img {
	width: auto;
	max-width: inherit;
	max-height: 350px;
	margin-left: auto;
	margin-right: auto;
}

#carousel.slick-initialized .slick-track,
#carousel-fullscreen .slick-track {
	display: flex;
	align-items: center;
}

.carousel-controls {
	background-color: rgba(50, 50, 50, 0.5);
	padding: 5px;
	opacity: 0;
	cursor: pointer;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.archive-arrows {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	padding-left: 10px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 1000;
}

.archive-arrows#prev {
	left: 10px;
	z-index: 1000;
}

.archive-arrows#prev-fs {
	left: 25px;
	z-index: 1001;
}

.archive-arrows#next {
	right: 10px;
	z-index: 1000;
}

.archive-arrows#next-fs {
	right: 25px;
	z-index: 1001;
}

.carousel-container:hover>.carousel-controls {
	opacity: 1;
}

.carousel-container-fullscreen:hover>.carousel-controls {
	opacity: 1;
}

.carousel-container-fullscreen {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.carousel-container-fullscreen.active {
	opacity: 1;
	z-index: 1000;
}

.carousel-container-fullscreen div {
	z-index: 1000;
}

.carousel-container-fullscreen .slick-slide {
	text-align: center !important;
}

.carousel-container-fullscreen img {
	width: auto;
	display: inline-block !important;
	vertical-align: middle;
}

.fullscreen {
	z-index: 1000;
	position: absolute;
	right: 10px;
	opacity: 0;
}

#fullscreen-close {
	padding: 5px;
	background-color: rgba(50, 50, 50, 0.5);
	z-index: 1001;
	width: 40px;
	position: fixed;
	right: 10px;
	top: 10px;
}

/* Home (other) */

.other-container {
	margin-top: 50px;
	margin-bottom: 120px;
}

.other-container .each-other.third {
	width: 30%;
	float: left;
	padding-right: 3.333%;
}

.other-container .each-other .each-header {
	font-family: 'FFBauWebMedium';
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 10px;
}

.other-container .each-other .each-news p {
	margin: 0 0 10px 0;
}

.other-container .each-other.third .each-header p {
	line-height: 1.4em;
	margin-bottom: 0;
}

.other-container .each-other .each-shop-meta {
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 25px;
}

.other-container .each-other .each-shop-meta span {
	display: inline-block;
}

.other-container .each-other .each-image {
	margin-left: 40px;
}

.other-container .each-other .each-image img {
	width: 90%;
	height: auto;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}

.other-container .each-other .each-description {
	font-size: 14px;
}

.other-container .each-other .each-description a {
	border-bottom: 1px solid #fe4f54;
}

/* Shop filter */

#filter-row {
	position: relative;
}

#filter {
	color: green;
	position: absolute;
	right: 0;
	font-family: 'Cafe Oto';
	font-size: 30px;
	line-height: 35px;
	z-index: 1;
}

#filter:hover {
	color: #8459a5;
	cursor: pointer;
}

#filter-container {
	display: none;
}

#filter {
	width: auto;
	float: right;
}

#filter_results {
	display: none;
	min-height: 500px;
}

.filter {
	text-transform: uppercase;
	font-size: 12px;
	position: relative;
}

.filter-overlay {
	display: none;
	position: absolute;
	z-index: 500;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #fff;
	opacity: .5;
}

.filter-overlay img {
	margin: auto;
	margin-top: 90px;
	width: 100px;
	height: 100px;
}

.filter-box {
	background-color: #eeddcc;
	overflow: hidden;
	padding: 10px 10px 15px 10px;
	border: solid 1px #777;
	min-height: 175px;
}

.filter-box ol {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	column-width: 100px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.filter-box ol.columns-1 {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

.filter-box ol.columns-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.filter-box ol.columns-3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

@media (min-width:992px) {
	.col-md-2 .filter-box ol li:nth-child(n+9) {
		display: none;
	}
}

.col-md-2 .filter-box {
	max-height: 175px;
}

.filter-box div {
	background-color: inherit;
}

.filter input[type=checkbox],
.filter input[type=radio] {
	display: none;
}

.filter p {
	margin: 0px;
	padding-bottom: 3px;
	width: 100%;
	max-height: 1.5em;
	overflow: hidden;
	text-overflow: hidden;
}

.filter label {
	display: inline-block;
	position: relative;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}

.filter label:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	background-color: #aaa;
	vertical-align: text-bottom;
	border-radius: 2px;
}

.filter input[type=checkbox]:checked+label:before,
.filter input[type=radio]:checked+label:before {
	font-size: 15px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	background-color: #239f23 !important;
	color: white;
	text-align: center;
}

.filter input[type=checkbox]:checked+label:after,
.filter input[type=radio]:checked+label:after {
	content: "";
	padding: 2px;
	text-align: center;
	position: absolute;
	height: 10px;
	border: solid palegoldenrod;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	-webkit-backface-visibility: hidden;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	top: 1px;
	left: 4px;
}

.filter table {
	float: left;
	background-color: #eeddcc;
}

.filter td div {
	max-height: 18px;
}

#reset {
	height: 75px;
	display: table-cell;
	vertical-align: bottom;
}

.filter input[type=reset] {
	background: #000000;
	text-transform: uppercase;
	padding: 8px 12px 4px 12px;
	border: 0;
	font-size: 14px;
	line-height: 14px;
	margin: 5px 0px 2px 0px;
	color: #ffffff;
}

/* Home triggers */

span.book-trigger {
	position: relative;
	border: 1px solid;
}

.book-container {
	background: #5e5e5e;
	color: #ffffff;
	padding: 15px;
	min-width: 400px;
	min-height: 200px;
	position: absolute;
	z-index: 999;
	top: 71px;
	left: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform: none;
	display: none;
}

.book-container.single-event {
	top: 49px;
	left: 40px;
}

.book-container p:first-of-type,
.book-container p:last-of-type {
	margin-top: 0;
}

.book-container form input[type=email],
.book-container form input[type=password] {
	border: 1px solid #ffffff;
	background: none;
	width: 50%;
	margin-bottom: 10px;
	padding: 5px;
	color: #ffffff;
	-webkit-appearance: none;
	outline: none;
	margin-right: 15px;
}

.book-container form input[type=submit] {
	border: 1px solid #ffffff;
	background: none;
	padding: 8px 5px 5px 5px;
	color: #ffffff;
	outline: none;
	margin-bottom: 20px;
}

.book-container form select {
	border: 1px solid #ffffff;
	background: none;
	color: #ffffff;
	-webkit-appearance: none;
	outline: none;
	padding: 8px 25px 5px 5px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.book-container form p {
	font-size: 13px;
}

.book-container form p:first-of-type {
	margin-top: 0;
}

.book-container form p:last-of-type {
	margin-bottom: 0;
}

.book-container form p a {
	color: #ffffff;
	border-bottom: 1px solid;
}

/* About */

body.about {
	/* colours.css background: #d6e2db; */
}

body.about .section-title {
	margin-top: 120px;
}

.about-intro {
	font-size: 21px;
	margin-bottom: 50px;
}

.about-intro a {
	border-bottom: 1px solid;
}

.about-slider {
	margin-bottom: 40px;
}

.about-slider .each-slide {
	width: 100%;
	text-align: center;
}

.about-slider .each-slide img {
	display: inline-block;
	max-height: 365px;
	width: auto;
	max-width: 100%;
	height: auto;
}

.about-slider .each-slide-caption {
	text-align: left;
	font-size: 14px;
	margin-top: 25px;
	margin-left: 75px;
}

.about-slider-navigation {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 365px;
	z-index: 999;
}

.about-slider-navigation .prev {
	position: absolute;
	left: 0;
	width: 50%;
	height: 100%;
	top: 0;
}

.about-slider-navigation .prev:hover {
	cursor: w-resize;
}

.about-slider-navigation .next {
	position: absolute;
	left: 50%;
	width: 50%;
	height: 100%;
	top: 0;
}

.about-slider-navigation .next:hover {
	cursor: e-resize;
}

.about-slider-count {
	position: absolute;
	font-size: 14px;
	bottom: 43px;
}

.about-map-canvas {
	margin-bottom: 25px;
}

.about-text {
	font-size: 21px;
}

.about-text a {
	border-bottom: 1px solid;
}

.about-text h3 {
	font-size: 21px;
	color: #fe4f54;
	margin-bottom: -15px;
}

.about-text p strong {
	font-family: 'FFBauWebMedium';
}

.about-text.address {
	margin-top: 50px;
}

.about-text.contact {
	margin-bottom: 120px;
}

/* Events (landing) */

.activity-container.events {
	margin-top: 50px;
}

/* Events (detail) */

.event-detail-date {
	font-size: 21px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.event-detail-date.blog {
	font-size: 14px;
	padding-bottom: 15px;
}

.event-detail-date.blog span {
	display: inline-block;
	margin-right: 5px;
}

.event-detail-date.blog span:last-of-type {
	margin-right: 0;
}

.event-detail-date.blog span a {
	border-bottom: 1px solid;
	display: inline-block;
	margin-right: 15px;
}

.event-detail-date.blog span a:last-of-type {
	margin-right: 0;
}

.event-detail-date p {
	margin: 0;
}

.event-detail-slider {
	margin-bottom: 20px;
}

.event-detail-slider .each-slide {
	width: 100%;
}

.event-detail-slider .each-slide img {
	display: inline-block;
	max-height: 465px;
	width: auto;
	max-width: 100%;
	height: auto;
}

.event-detail-slider .each-slide-caption {
	text-align: left;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 75px;
}

.event-detail-slider .each-slide-caption p {
	margin: 0;
}

.event-detail-slider .single-slide-caption {
	text-align: left;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 0;
}

.event-detail-slider .single-slide-caption p {
	margin: 0;
}

.event-detail-slider-navigation {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 365px;
	z-index: 999;
}

.event-detail-slider-navigation .prev {
	position: absolute;
	left: 0;
	width: 50%;
	height: 100%;
	top: 0;
}

.event-detail-slider-navigation .prev:hover {
	cursor: w-resize;
}

.event-detail-slider-navigation .next {
	position: absolute;
	left: 50%;
	width: 50%;
	height: 100%;
	top: 0;
}

.event-detail-slider-navigation .next:hover {
	cursor: e-resize;
}

.event-detail-slider-count {
	position: absolute;
	font-size: 14px;
	bottom: 43px;
}

.event-detail-title {
	margin-bottom: 0;
}

.event-detail-title h1 {
	font-size: 32px;
	text-transform: uppercase;
	line-height: 1.2em;
	margin: 0;
}

.event-detail-title .prefix {
	font-size: 18px;
	font-family: 'Cafe Oto';
	display: block;
	line-height: 24px;
	margin-bottom: 5px;
}

.event-detail-title .suffix {
	font-size: 18px;
	display: block;
	line-height: 24px;
	margin: 10px 0px;
}

.event-detail-ticket-info.each {
	margin-bottom: 50px;
}

.event-detail-ticket-info.each .sub-title,
.event-detail-each-artist .sub-title {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1.2em;
	margin: 0 0 0 0;
	word-wrap: break-word;
}

.event-detail-each-artist .date {
	white-space: nowrap;
}

.event-detail-each-artist .video-container {
	margin-bottom: 20px;
}

.event-detail-each-artist .video-container.last {
	margin-bottom: 0;
}

.video-container video {
	width: 100%;
	object-fit: initial;
}

.event-detail-ticket-info.each .sub-title a {
	border-bottom: 1px solid black;
}

.event-detail-meta {
	position: relative;
	text-transform: uppercase;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 25px;
}

.event-detail-meta span {
	display: inline-block;
	padding: 0px 5px 5px 0px;
}

.event-detail-meta span.members a:hover {
	border-bottom: 1px solid;
}

.event-detail-image {
	margin: 10px 0;
	position: relative;
}

.event-detail-image.member-preview .flag {
	display: block;
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.event-detail-image img {
	width: 100%;
	height: auto;
}

.event-detail-text-container {
	font-size: 16px;
	margin-bottom: 50px;
}

.event-detail-text-container p a {
	border-bottom: 1px solid;
}

.event-detail-each-artist {
	margin-bottom: 25px;
}

.event-detail-each-artist-container {
	margin-bottom: 50px;
}

.event-detail-each-artist-container .event-detail-each-artist h1 {
	font-size: 28px;
	text-transform: uppercase;
	line-height: 1.2em;
	margin-bottom: 20px;
}

.event-detail-each-artist-container .event-detail-each-artist .event-detail-each-artist-image img {
	width: 100%;
	height: auto;
}

.event-detail-each-artist-container .event-detail-each-artist .event-detail-each-artist-image .caption {
	margin: 8px 0 0 0;
	font-size: 14px;
}

.event-detail-each-artist-container p a {
	border-bottom: 1px solid;
}

.otoroku-container {
	margin-bottom: 50px;
}

.otoroku-container .otoroku-each h3 {
	text-transform: uppercase;
	font-size: 21px;
	line-height: 1.3em;
	margin: 0 0 10px 0;
}

.otoroku-container .otoroku-each img {
	width: 100%;
	height: auto;
}

.otoroku-container .otoroku-each .caption {
	font-size: 14px;
}

/* blog */

.blog-tag-left {
	float: left;
	width: 65%;
	border: none;
	font-size: 12px;
	padding-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
}

.blog-tag-right {
	float: right;
	width: 35%;
	border: none;
	font-size: 12px;
	padding-bottom: 5px;
	text-align: right;
}

.blog-clear {
	clear: both;
}

@media (min-width:1200px) {
	.auto-clear .col-lg-1:nth-child(12n+1) {
		clear: left;
	}

	.auto-clear .col-lg-2:nth-child(6n+1) {
		clear: left;
	}

	.auto-clear .col-lg-3:nth-child(4n+1) {
		clear: left;
	}

	.auto-clear .col-lg-4:nth-child(3n+1) {
		clear: left;
	}

	.auto-clear .col-lg-6:nth-child(odd) {
		clear: left;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.auto-clear .col-md-1:nth-child(12n+1) {
		clear: left;
	}

	.auto-clear .col-md-2:nth-child(6n+1) {
		clear: left;
	}

	.auto-clear .col-md-3:nth-child(4n+1) {
		clear: left;
	}

	.auto-clear .col-md-4:nth-child(3n+1) {
		clear: left;
	}

	.auto-clear .col-md-6:nth-child(odd) {
		clear: left;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.auto-clear .col-sm-1:nth-child(12n+1) {
		clear: left;
	}

	.auto-clear .col-sm-2:nth-child(6n+1) {
		clear: left;
	}

	.auto-clear .col-sm-3:nth-child(4n+1) {
		clear: left;
	}

	.auto-clear .col-sm-4:nth-child(3n+1) {
		clear: left;
	}

	.auto-clear .col-sm-6:nth-child(odd) {
		clear: left;
	}
}

@media (max-width:767px) {
	.auto-clear .col-xs-1:nth-child(12n+1) {
		clear: left;
	}

	.auto-clear .col-xs-2:nth-child(6n+1) {
		clear: left;
	}

	.auto-clear .col-xs-3:nth-child(4n+1) {
		clear: left;
	}

	.auto-clear .col-xs-4:nth-child(3n+1) {
		clear: left;
	}

	.auto-clear .col-xs-6:nth-child(odd) {
		clear: left;
	}
}

/* People (detail) */

.single-artist .page-media-container {
	margin-bottom: 80px !important;
}

.people-detail-slider {
	margin-bottom: 40px;
}

.people-detail-slider .each-slide {
	width: 100%;
	text-align: center;
}

.people-detail-slider .each-slide img {
	display: inline-block;
	max-height: 365px;
	width: auto;
	max-width: 100%;
	height: auto;
}

.people-detail-slider .each-slide-caption {
	text-align: left;
	font-size: 14px;
	margin-top: 25px;
	margin-left: 75px;
}

.people-detail-slider .single-slide-caption {
	text-align: left;
	font-size: 14px;
	margin-top: 25px;
	margin-left: 0;
}

.each-artist-biography {
	margin-bottom: 100px;
}

.each-artist-biography p {
	font-size: 21px;
}

.watch-listen-container {
	margin-bottom: 120px;
}

/* Checkout */

body.checkout {
	background: #e1e1e1;
	font-size: 12px;
}

.checkout-left-container {
	width: 45%;
	padding-right: 5%;
	float: left;
}

.checkout-right-container {
	width: 45%;
	padding-right: 5%;
	float: left;
}

form#checkout-form .billing-address {
	margin-top: -25px;
	margin-bottom: 40px;
}

form#checkout-form .shipping-address {
	margin-bottom: 40px;
}

form#checkout-form .order-container {
	margin-bottom: 40px;
}

form#checkout-form .order-container .separator {
	margin: 10px 0 10px 6%;
	display: inline-block;
}

form#checkout-form .header {
	margin-bottom: 42px;
}

form#checkout-form .header.small {
	margin-bottom: 26px;
}

form#checkout-form h1 {
	font-size: 24px;
	text-transform: uppercase;
	display: block;
}

form#checkout-form .error,
form.cart-form .error {
	color: #f00000;
	margin: 2px;
}

form#checkout-form input {
	font-size: 14px;
}

form#checkout-form fieldset input[type] {
	border: 0;
	background: #ffffff;
	padding: 10px 5px;
	width: 95%;
	margin-bottom: 15px;
}

form#checkout-form fieldset select {
	width: 135%;
}

form#checkout-form fieldset input[name=use_for_shipping] {
	float: left;
	width: auto;
	margin-right: 10px;
	position: relative;
	top: 3px;
}

form#checkout-form fieldset {
	padding: 0;
	border: 0;
}

form#checkout-form fieldset.small {
	float: left;
	width: 48%;
}

form#checkout-form fieldset.large {
	width: 99.5%;
}

form#checkout-form fieldset.country {
	display: block;
	width: 70%;
}

form#checkout-form fieldset.change-shipping {
	width: 100%;
	float: none;
	padding-top: 20px;
}

form#checkout-form fieldset label {
	display: block;
	font-size: 12px;
	margin-bottom: 4px;
}

form#checkout-form .invoice-container fieldset.large.street label[for=id_street] {
	width: 25%;
	float: left;
	margin-bottom: 10px;
}

form#checkout-form .invoice-container fieldset.large.street fieldset.change-shipping {
	width: 60%;
	margin-top: 10px;
}

form#checkout-form .invoice-container fieldset.large.street fieldset.change-shipping input {
	float: left;
	width: auto;
}

form#checkout-form .invoice-container fieldset.large.street fieldset.change-shipping label[for=id_use_for_shipping] {
	float: left;
	margin-right: 10px;
}

form#checkout-form .order-container .checkout-table {
	width: 97%;
}

form#checkout-form .order-container .checkout-table tr.spacer td {
	padding: 10px;
}

form#checkout-form .order-container .checkout-table tr.list {
	background: #c3c3c3;
}

form#checkout-form .order-container .checkout-table tr.list td {
	vertical-align: top;
	padding: 15px;
}

form#checkout-form .order-container .checkout-table tr.list td.check-update {
	width: 5%;
}

form#checkout-form .order-container .checkout-table tr.list td.check-title {
	width: 80%;
	line-height: 1.4em;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
}

form#checkout-form .order-container .checkout-table tr.list td.check-title span {
	text-transform: none;
	font-size: 12px;
	color: #000000;
	display: inline-block;
}

form#checkout-form .order-container .checkout-table tr.list td.check-total {
	width: 15%;
}

form#checkout-form .order-container .checkout-table tr.list td.check-total {
	text-align: right;
}

form#checkout-form .order-container .calculation-table {
	width: 97%;
}

form#checkout-form .order-container .calculation-table tr {
	background: #ffffff;
}

form#checkout-form .order-container .calculation-table tr.grand-total {
	border-top: 1px dotted #000000;
	border-bottom: 2px solid #000000;
}

form#checkout-form .order-container .calculation-table tr.grand-total td {
	padding: 15px;
}

form#checkout-form .order-container .calculation-table td {
	padding: 5px 15px;
	text-transform: uppercase;
	width: 80%;
}

form#checkout-form .order-container .calculation-table td.second {
	width: 60%;
}

form#checkout-form .order-container .calculation-table td.third {
	width: 40%;
	text-align: right;
}

form#checkout-form .order-container .promotion-table {
	width: 97%;
	margin-top: -10px;
	border-bottom: 1px dotted #000000;
}

form#checkout-form .order-container .promotion-table td.second {
	width: 75%;
}

form#checkout-form .order-container .promotion-table td.third {
	width: 35%;
	text-align: right;
}

form#checkout-form .order-container .promotion-table td.bottom {
	padding-bottom: 15px;
}

form#checkout-form .order-container .promotion-table tr td input[type=text],
form#checkout-form .order-container table.donation tr td input[type=number] {
	border: none;
	padding: 10px;
	width: 80%;
	line-height: 1.4em;
	margin-left: auto;
}

form#checkout-form .order-container table.donation tr td input:invalid {
	color: red;
}

form#checkout-form .order-container table.donation td.third div {
	display: flex;
}

form#checkout-form .order-container table.donation td.second input {
	float: left;
	margin: 1px 10px 0px 0px;
}

form#checkout-form .order-container table.donation td.third span {
	background: white;
	font-size: 14px;
	padding: 12px 0px 12px 12px;
	margin-left: 10px;
}

form#checkout-form .order-container table.donation td.second span {
	width: 90%;
	float: left;
}

form#checkout-form .card-details-container .credit-card-table {
	width: 97%;
	margin-top: -10px;
}

form#checkout-form .card-details-container .credit-card-table td.second {
	width: 50%;
	padding: 15px 0;
	border-bottom: 1px solid #000000;
}

form#checkout-form .card-details-container .credit-card-table td.third {
	width: 50%;
	text-align: right;
	padding: 15px 0;
	border-bottom: 1px solid #000000;
}

form#checkout-form .card-details-container .credit-card-table select {
	font-size: 10px;
}

form#checkout-form .card-details-container .credit-card-table tr.cvv td.second,
form#checkout-form .card-details-container .credit-card-table tr.cvv td.third {
	border-bottom: 2px solid #000000;
}

form#checkout-form .card-details-container .credit-card-table fieldset.cc,
form#checkout-form .card-details-container .credit-card-table fieldset.cc input[type] {
	width: 100%;
	margin-bottom: 0;
}

form#checkout-form .card-details-container .credit-card-table tr td input[type=text] {
	border: none;
	padding: 10px;
	width: 50%;
}

form#checkout-form .card-details-container .expiry div {
	float: left;
}

form#checkout-form .card-details-container .expiry div {
	width: 60%;
}

form#checkout-form .card-details-container .expiry .date {
	width: 35%;
	text-align: right;
}

form#checkout-form .card-details-container .show-cvv {
	color: #9a9a9a;
}

form#checkout-form .card-details-container fieldset.cvn {
	margin-top: 10px;
}

form#checkout-form .card-details-container fieldset.cvn input[type=text] {
	width: 10%;
}

form#checkout-form .card-details-container .credit-card-table tr.save-card td {
	padding: 20px 0 5px 0;
}

form#checkout-form .card-details-container fieldset.accept input[type=checkbox] {
	width: auto;
}

form#checkout-form .card-details-container fieldset.accept label {
	display: inline-block;
}

form#checkout-form .card-details-container fieldset.accept a {
	border-bottom: 1px solid #000000;
}

form#checkout-form .card-details-container .card-name {
	text-transform: uppercase;
}

form#checkout-form .card-details-container input.existing-card {
	border: none;
	padding: 10px 5px;
	width: 97%;
}

form#checkout-form .card-details-container .existing-meta {
	border-bottom: 2px solid #000000;
	width: 97%;
}

form#checkout-form .card-details-container .existing-expiry {
	float: left;
	width: 50%;
}

form#checkout-form .card-details-container .use-other {
	float: left;
	width: 50%;
	text-align: right;
}

form#checkout-form .card-details-container .pay-now {
	background: #000000;
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 15px 5px 10px;
	letter-spacing: 1px;
	font-size: 21px;
	border: 0;
	width: 97%;
	text-align: left;
	margin: 15px 15px 50px 0;
	cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

form#checkout-form .card-details-container .pay-now.false {
	background: #d1d1d1;
}

form#checkout-form .card-details-container .pay-now.true {
	background: #000000;
}

form#checkout-form .card-details-container .shipping-total {
	display: inline-block;
	padding: 0;
	margin: 0;
	position: relative;
	top: 3px;
}

/* Profile Billing Info */

form#billing-form .billing-address {
	margin-top: -25px;
	margin-bottom: 40px;
}

form#billing-form .shipping-address {
	margin-bottom: 40px;
}

form#billing-form .order-container {
	margin-bottom: 40px;
}

form#billing-form .order-container .separator {
	margin: 10px 0 10px 6%;
	display: inline-block;
}

form#billing-form .header {
	margin-bottom: 42px;
}

form#billing-form .header.small {
	margin-bottom: 26px;
}

form#billing-form h1 {
	font-size: 24px;
	text-transform: uppercase;
	display: block;
}

form#billing-form .error {
	color: #f00000;
	margin: 2px;
}

form#billing-form input {
	font-size: 14px;
}

form#billing-form fieldset input[type] {
	border: 0;
	background: #ffffff;
	padding: 10px 5px;
	width: 95%;
	margin-bottom: 15px;
}

form#billing-form fieldset select {
	width: 95%;
}

form#billing-form fieldset input[name=use_for_shipping] {
	float: left;
	width: auto;
	margin-right: 10px;
	position: relative;
	top: 3px;
}

form#billing-form fieldset {
	padding: 0;
	border: 0;
}

form#billing-form fieldset.small {
	float: left;
	width: 48%;
}

form#billing-form fieldset.large {
	width: 99.5%;
}

form#billing-form fieldset.country {
	display: block;
	width: 70%;
}

form#billing-form fieldset.change-shipping {
	width: 100%;
	float: none;
	padding-top: 20px;
}

form#billing-form fieldset label {
	display: block;
	font-size: 12px;
	margin-bottom: 4px;
}

form#billing-form .invoice-container fieldset.large.street label[for=id_street] {
	width: 25%;
	float: left;
	margin-bottom: 10px;
}

form#billing-form .invoice-container fieldset.large.street fieldset.change-shipping {
	width: 60%;
	margin-top: 10px;
}

form#billing-form .invoice-container fieldset.large.street fieldset.change-shipping input {
	float: left;
	width: auto;
}

form#billing-form .invoice-container fieldset.large.street fieldset.change-shipping label[for=id_use_for_shipping] {
	float: left;
	margin-right: 10px;
}

form#billing-form .invoice-container fieldset.country select {
	width: 65%;
}

form#billing-form .order-container .checkout-table {
	width: 97%;
}

form#billing-form .order-container .checkout-table tr.spacer td {
	padding: 10px;
}

form#billing-form .order-container .checkout-table tr.list {
	background: #c3c3c3;
}

form#billing-form .order-container .checkout-table tr.list td {
	vertical-align: top;
	padding: 15px;
}

form#billing-form .order-container .checkout-table tr.list td.check-update {
	width: 5%;
}

form#billing-form .order-container .checkout-table tr.list td.check-title {
	width: 60%;
	line-height: 1.4em;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
}

form#billing-form .order-container .checkout-table tr.list td.check-title span {
	text-transform: none;
	font-size: 12px;
	color: #000000;
	display: inline-block;
}

form#billing-form .order-container .checkout-table tr.list td.check-total {
	width: 35%;
}

form#billing-form .order-container .checkout-table tr.list td.check-total {
	text-align: right;
}

form#billing-form .order-container .calculation-table {
	width: 97%;
}

form#billing-form .order-container .calculation-table tr {
	background: #ffffff;
}

form#billing-form .order-container .calculation-table tr.grand-total {
	border-top: 1px dotted #000000;
	border-bottom: 2px solid #000000;
}

form#billing-form .order-container .calculation-table td {
	padding: 15px;
	text-transform: uppercase;
}

form#billing-form .order-container .calculation-table td.second {
	width: 60%;
}

form#billing-form .order-container .calculation-table td.third {
	width: 40%;
	text-align: right;
}

form#billing-form .order-container .promotion-table {
	width: 97%;
	margin-top: -10px;
	border-bottom: 1px dotted #000000;
}

form#billing-form.order-container .promotion-table td.second {
	width: 75%;
}

form#billing-form .order-container .promotion-table td.third {
	width: 35%;
	text-align: right;
}

form#billing-form .order-container .promotion-table td.bottom {
	padding-bottom: 15px;
}

form#billing-form .order-container .promotion-table tr td input[type=text] {
	border: none;
	padding: 10px;
	width: 60%;
}

form#billing-form.card-details-container .credit-card-table {
	width: 97%;
	margin-top: -10px;
}

form#billing-form .card-details-container .credit-card-table td.second {
	width: 70%;
	padding: 15px 0;
	border-bottom: 1px solid #000000;
}

form#billing-form. .card-details-container .credit-card-table td.third {
	width: 30%;
	text-align: right;
	padding: 15px 0;
	border-bottom: 1px solid #000000;
}

form#billing-form .card-details-container .credit-card-table select {
	display: block;
	float: right;
}

form#billing-form .card-details-container .credit-card-table tr.cvv td.second,
form#billing-form .card-details-container .credit-card-table tr.cvv td.third {
	border-bottom: 2px solid #000000;
}

form#billing-form .card-details-container .credit-card-table fieldset.cc,
form#billing-form .card-details-container .credit-card-table fieldset.cc input[type] {
	width: 100%;
	margin-bottom: 0;
}

form#billing-form .card-details-container .credit-card-table tr td input[type=text] {
	border: none;
	padding: 10px;
	width: 50%;
}

form#billing-form .card-details-container .expiry div {
	float: left;
}

form#billing-form .card-details-container .expiry div {
	width: 60%;
}

form#billing-form .card-details-container .expiry .date {
	width: 35%;
	text-align: right;
}

form#billing-form .card-details-container .show-cvv {
	color: #9a9a9a;
}

form#billing-form .card-details-container fieldset.cvn {
	margin-top: 10px;
}

form#billing-form .card-details-container fieldset.cvn input[type=text] {
	width: 10%;
}

form#billing-form .card-details-container .credit-card-table tr.save-card td {
	padding: 20px 0 5px 0;
}

form#billing-form .card-details-container fieldset.accept input[type=checkbox] {
	width: auto;
}

form#billing-form .card-details-container fieldset.accept label {
	display: inline-block;
}

form#billing-form .card-details-container fieldset.accept a {
	border-bottom: 1px solid #000000;
}

form#billing-form .card-details-container .card-name {
	text-transform: uppercase;
}

form#billing-form .card-details-container input.existing-card {
	border: none;
	padding: 10px 5px;
	width: 97%;
}

form#billing-form .card-details-container .existing-meta {
	border-bottom: 2px solid #000000;
	width: 97%;
}

form#billing-form .card-details-container .existing-expiry {
	float: left;
	width: 50%;
}

form#billing-form .card-details-container .use-other {
	float: left;
	width: 50%;
	text-align: right;
}

form#billing-form .card-details-container .pay-now {
	background: #000000;
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 15px 5px 10px;
	letter-spacing: 1px;
	font-size: 21px;
	border: 0;
	width: 97%;
	text-align: left;
	margin: 15px 15px 50px 0;
	cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

form#billing-form .card-details-container .pay-now.false {
	background: #d1d1d1;
}

form#billing-form .card-details-container .pay-now.true {
	background: #000000;
}

form#billing-form .card-details-container .shipping-total {
	display: inline-block;
	padding: 0;
	margin: 0;
	position: relative;
	top: 3px;
}

.each-order-history {
	background-color: #c3c3c3;
	text-transform: uppercase;
	padding: 10px;
	margin-bottom: 30px;
}

.each-order-history .each-order-history-header .order-no {
	float: left;
}

.each-order-history .each-order-history-header .order-total {
	position: absolute;
	right: 25px;
}

.each-order-history-items {
	clear: both;
}

.each-order-history-items a {
	background-color: black;
	padding: 5px;
	color: white
}

.each-order-history span,
.each-order-history span a {
	color: #fff;
}

.each-order-history p {
	margin-top: 0;
	font-size: 13px;
	line-height: 18px;
	max-width: 290px;
}

/* Edit Card Form */

body.checkout {
	background: #e1e1e1;
	font-size: 12px;
}

.checkout-left-container {
	width: 45%;
	padding-right: 5%;
	float: left;
}

.checkout-right-container {
	width: 45%;
	padding-right: 5%;
	float: left;
}

form#edit-card-form .billing-address {
	margin-top: -25px;
	margin-bottom: 40px;
}

form#edit-card-form .shipping-address {
	margin-bottom: 40px;
}

form#edit-card-form .order-container {
	margin-bottom: 40px;
}

form#edit-card-form .order-container .separator {
	margin: 10px 0 10px 6%;
	display: inline-block;
}

form#edit-card-form .header {
	margin-bottom: 42px;
}

form#edit-card-form .header.small {
	margin-bottom: 26px;
}

form#edit-card-form h1 {
	font-size: 24px;
	text-transform: uppercase;
	display: block;
}

form#edit-card-form .error {
	color: #f00000;
	margin: 2px;
}

form#edit-card-form input {
	font-size: 14px;
}

form#edit-card-form fieldset input[type] {
	border: 0;
	background: #ffffff;
	padding: 10px 5px;
	width: 95%;
	margin-bottom: 15px;
}

form#edit-card-form fieldset select {
	width: 165%;
}

form#edit-card-form fieldset input[name=use_for_shipping] {
	float: left;
	width: auto;
	margin-right: 10px;
	position: relative;
	top: 3px;
}

form#edit-card-form fieldset {
	padding: 0;
	border: 0;
}

form#edit-card-form fieldset.small {
	float: left;
	width: 48%;
}

form#edit-card-form fieldset.large {
	width: 99.5%;
}

form#edit-card-form fieldset.country {
	display: block;
	width: 70%;
}

form#edit-card-form fieldset.change-shipping {
	width: 100%;
	float: none;
	padding-top: 20px;
}

form#edit-card-form fieldset label {
	display: block;
	font-size: 12px;
	margin-bottom: 4px;
}

form#edit-card-form .invoice-container fieldset.large.street label[for=id_street] {
	width: 25%;
	float: left;
	margin-bottom: 10px;
}

form#edit-card-form .invoice-container fieldset.large.street fieldset.change-shipping {
	width: 60%;
	margin-top: 10px;
}

form#edit-card-form .invoice-container fieldset.large.street fieldset.change-shipping input {
	float: left;
	width: auto;
}

form#edit-card-form .invoice-container fieldset.large.street fieldset.change-shipping label[for=id_use_for_shipping] {
	float: left;
	margin-right: 10px;
}

form#edit-card-form .order-container .checkout-table {
	width: 97%;
}

form#edit-card-form .order-container .checkout-table tr.spacer td {
	padding: 10px;
}

form#edit-card-form .order-container .checkout-table tr.list {
	background: #c3c3c3;
}

form#edit-card-form .order-container .checkout-table tr.list td {
	vertical-align: top;
	padding: 15px;
}

form#edit-card-form .order-container .checkout-table tr.list td.check-update {
	width: 5%;
}

form#edit-card-form .order-container .checkout-table tr.list td.check-title {
	width: 60%;
	line-height: 1.4em;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
}

form#edit-card-form .order-container .checkout-table tr.list td.check-title span {
	text-transform: none;
	font-size: 12px;
	color: #000000;
	display: inline-block;
}

form#edit-card-form .order-container .checkout-table tr.list td.check-total {
	width: 35%;
}

form#edit-card-form .order-container .checkout-table tr.list td.check-total {
	text-align: right;
}

form#edit-card-form .order-container .calculation-table {
	width: 97%;
}

form#edit-card-form .order-container .calculation-table tr {
	background: #ffffff;
}

form#edit-card-form .order-container .calculation-table tr.grand-total {
	border-top: 1px dotted #000000;
	border-bottom: 2px solid #000000;
}

form#edit-card-form .order-container .calculation-table td {
	padding: 15px;
	text-transform: uppercase;
}

form#edit-card-form .order-container .calculation-table td.second {
	width: 60%;
}

form#edit-card-form .order-container .calculation-table td.third {
	width: 40%;
	text-align: right;
}

form#edit-card-form .order-container .promotion-table {
	width: 97%;
	margin-top: -10px;
	border-bottom: 1px dotted #000000;
}

form#edit-card-form .order-container .promotion-table td.second {
	width: 75%;
}

form#edit-card-form .order-container .promotion-table td.third {
	width: 35%;
	text-align: right;
}

form#edit-card-form .order-container .promotion-table td.bottom {
	padding-bottom: 15px;
}

form#edit-card-form .order-container .promotion-table tr td input[type=text] {
	border: none;
	padding: 10px;
	width: 60%;
}

form#edit-card-form .card-details-container .credit-card-table {
	width: 97%;
	margin-top: -10px;
}

form#edit-card-form .card-details-container .credit-card-table td.second {
	width: 50%;
	padding: 15px 0;
	border-bottom: 1px solid #000000;
}

form#edit-card-form .card-details-container .credit-card-table td.third {
	width: 50%;
	text-align: right;
	padding: 15px 0;
	border-bottom: 1px solid #000000;
}

form#edit-card-form .card-details-container .credit-card-table select {
	font-size: 10px;
}

form#edit-card-form .card-details-container .credit-card-table tr.cvv td.second,
form#edit-card-form .card-details-container .credit-card-table tr.cvv td.third {
	border-bottom: 2px solid #000000;
}

form#edit-card-form .card-details-container .credit-card-table fieldset.cc,
form#edit-card-form .card-details-container .credit-card-table fieldset.cc input[type] {
	width: 100%;
	margin-bottom: 0;
}

form#edit-card-form .card-details-container .credit-card-table tr td input[type=text] {
	border: none;
	padding: 10px;
	width: 50%;
}

form#edit-card-form .card-details-container .expiry div {
	float: left;
}

form#edit-card-form .card-details-container .expiry div {
	width: 60%;
}

form#edit-card-form .card-details-container .expiry .date {
	width: 35%;
	text-align: right;
}

form#edit-card-form .card-details-container .show-cvv {
	color: #9a9a9a;
}

form#edit-card-form .card-details-container fieldset.cvn {
	margin-top: 10px;
}

form#edit-card-form .card-details-container fieldset.cvn input[type=text] {
	width: 10%;
}

form#edit-card-form .card-details-container .credit-card-table tr.save-card td {
	padding: 20px 0 5px 0;
}

form#edit-card-form .card-details-container fieldset.accept input[type=checkbox] {
	width: auto;
}

form#edit-card-form .card-details-container fieldset.accept label {
	display: inline-block;
}

form#edit-card-form .card-details-container fieldset.accept a {
	border-bottom: 1px solid #000000;
}

form#edit-card-form .card-details-container .card-name {
	text-transform: uppercase;
}

form#edit-card-form .card-details-container input.existing-card {
	border: none;
	padding: 10px 5px;
	width: 97%;
}

form#edit-card-form .card-details-container .existing-meta {
	border-bottom: 2px solid #000000;
	width: 97%;
}

form#edit-card-form .card-details-container .existing-expiry {
	float: left;
	width: 50%;
}

form#edit-card-form .card-details-container .use-other {
	float: left;
	width: 50%;
	text-align: right;
}

form#edit-card-form .card-details-container .pay-now {
	background: #000000;
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 15px 5px 10px;
	letter-spacing: 1px;
	font-size: 21px;
	border: 0;
	width: 97%;
	text-align: left;
	margin: 15px 15px 50px 0;
	cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

form#edit-card-form .card-details-container .pay-now.false {
	background: #d1d1d1;
}

form#edit-card-form .card-details-container .pay-now.true {
	background: #000000;
}

form#edit-card-form .card-details-container .shipping-total {
	display: inline-block;
	padding: 0;
	margin: 0;
	position: relative;
	top: 3px;
}

/* CARD FAILURE */

.failed-feedback h1 {
	font: 25px 'Cafe Oto';
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
}

.failed-feedback p {
	font-size: 18px;
	line-height: 26px;
}

.failed-feedback a {
	border-bottom: 1px solid #000;
}

/* Change password */

form#checkout-form label[for=id_old_password],
form#checkout-form label[for=id_new_password1],
form#checkout-form label[for=id_new_password2] {
	display: block;
	font-size: 12px;
	margin-bottom: 4px;
}

form#checkout-form input#id_old_password,
form#checkout-form input#id_new_password1,
form#checkout-form input#id_new_password2 {
	width: 46%;
}

/* Booking list */

.booking-list {
	margin-top: -75px;
}

.booking-list h2 {
	font-family: 'Cafe Oto';
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 50px 0;
	text-transform: uppercase;
	width: 70%;
	display: inline-block;
}

.booking-list h3 {
	font-size: 21px;
	font-weight: normal;
	margin: 0 0 50px 0;
	text-transform: uppercase;
	width: 70%;
	display: inline-block;
}

.booking-list table {
	text-align: left;
	width: 100%;
}

.booking-list table.tickets {
	text-align: left;
	width: 400px;
}

.booking-list table.tickets tbody tr td.total {
	border-top: 2px solid !important;
	padding-top: 30px;
}

.booking-list table thead {
	font-family: 'FFBauWebMedium';
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	border-bottom: 2px solid;
}

.booking-list table thead tr th {
	padding-bottom: 10px;
	font-weight: normal;
}

.booking-list table tbody tr {
	font-size: 16px;
	border-bottom: 1px dotted;
}

.booking-list table tbody tr:last-child {
	border-bottom: 0;
}

.booking-list table tbody tr td {
	padding: 5px 0 5px 0;
}

table.booking-list {
	border-collapse: collapse;
}

td.booking-list {
	position: relative;
	padding: 5px 10px;
}

td.strikeout {
	position: relative;
	padding: 5px 10px;
	color: #AAAAAA;
}

tr.strikeout td:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 0;
	border-bottom: 1px solid #777;
	width: 100%;
}

/* Order */

.order-confirmation-container {
	border-bottom: 1px dotted #000000;
	font-size: 16px;
}

.order-confirmation-container h3,
.order-confirmation-container strong {
	font-family: 'FFBauWebMedium';
	font-weight: normal;
	font-size: 16px;
}

@media only screen and (max-width: 768px) {
	.order-confirmation-container img {
		width: 50%;
	}
}

@media only screen and (min-width: 768px) {
	.order-confirmation-container img {
		width: 100%;
	}
}

.order-confirmation-container .downloads span {
	text-transform: uppercase;
}

.order-confirmation-container .processing {
	visibility: hidden;
	position: absolute;
}

.order-confirmation-container .status {
	margin: 5px 0;
	font-size: 13px;
	display: none;
}

/* Cart update 25/09/14 */

.cart-content {
	margin: 100px 0;
}

.cart-content .cart-form .each-item {
	margin-bottom: 30px;
}

.cart-form .cart-item-header input.cart-count {
	border: 0;
	background: none;
	outline: none;
	margin-right: 0;
	float: left;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.cart-form .cart-item-header .each-price {
	text-transform: uppercase;
}

.cart-form .cart-item-header .cart-item-update-remove {
	text-transform: uppercase;
	font-size: 10px;
}

.cart-form .cart-item-header .cart-item-update-remove .updated {
	display: none;
}

.cart-form .cart-item-header .cart-item-update-remove .updated span {
	vertical-align: middle;
}

.cart-form p {
	margin: 5px 0 0 0;
}

.cart-form .cart-item-image img {
	width: 100%;
}

.cart-form .savings h2 {
	background: rgb(255, 254, 195);
	padding: 10px;
	text-transform: uppercase;
	text-align: center;
	float: left;
}

.cart-form .savings a {
	color: #d94738;
	text-decoration: underline;
	text-underline-offset: 5px;
}

.cart-form .cart-item-meta h1 {
	font-size: 18px;
	text-transform: uppercase;
}

.cart-form .cart-item-meta h1 span {
	font-size: 12px;
	font-family: 'FFBauWebMedium';
	text-transform: uppercase;
}

.cart-form .proceed-button,
.cart-form .proceed-button,
.cart-form .proceed-button,
.cart-form .return-button {
	margin-top: 5px;
	text-transform: uppercase;
	display: inline-block;
	background: #000000;
	border: 0;
	position: relative;
	-webkit-appearance: none;
	outline: none;
	font-size: 18px;
	color: #ffffff;
}

.cart-form .proceed-button {
	padding: 7px 30px 4px 12px;
}

.cart-form .return-button {
	padding: 7px 12px 4px 30px;
}

.cart-form .proceed-button span {
	position: absolute;
	right: 7px;
	top: 8px;
}

.cart-form .return-button span {
	position: absolute;
	left: 7px;
	top: 8px;
}

.mobile-checkout {
	display: none;
}

.cart-item-header .plus,
.cart-item-header .minus {
	position: relative;
	top: 1px;
	display: inline-block !important;
	width: 17px;
	height: 18px;
	float: left;
	margin-right: 2px;
	text-indent: -9999px;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}

.cart-item-header .plus {
	background-image: url("../img/more.37ea79f46bd3.gif");
	background-repeat: no-repeat;
	margin-right: 7px;
}

.cart-item-header .minus {
	background-image: url("../img/less.8dc954195f5e.gif");
	background-repeat: no-repeat;
}

/* Calendar */

.calendar-container {
	background: none !important;
	margin: 0;
	width: 300px;
	float: left;
	text-align: center;
	text-transform: uppercase;
	height: 400px !important;
}

body .calendar-container:hover .c-month-view {
	background: none !important;
}

.calendar-container .c-month-view,
.calendar-container .c-day,
.calendar-container .specific-day,
.calendar-container .s-event {
	background: none !important;
}

.calendar-container .c-month-view {
	height: auto !important;
	margin-bottom: 0 !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: color 0 ease-in !important;
	transition: none !important;
}

.calendar-container .c-month-view,
.calendar-container .c-month-view p {
	font-size: 21px !important;
	color: #ffffff !important;
	text-align: left;
	padding-left: 4px;
}

.calendar-container .c-row {
	height: auto !important;
	padding: 0;
}

.calendar-container .c-month-view .c-month-arrow-left,
.calendar-container .c-month-view .c-month-arrow-right {
	color: #ffffff !important;
	top: -10px !important;
	height: auto !important;
}

.calendar-container .c-month-view .c-month-arrow-left:hover,
.calendar-container .c-month-view .c-month-arrow-right:hover {
	background: none !important;
}

.calendar-container .date-holder {
	position: relative !important;
	right: 0 !important;
	bottom: 0 !important;
	font-size: 21px !important;
	line-height: 21px !important;
	padding: 4px 0 1px 0 !important;
	color: #000;
}

.calendar-container .have-events .event-n-holder {
	display: none !important;
}

.calendar-container .c-row .c-day.c-l .date-holder {
	color: #ffffff;
}

.calendar-container .c-row .c-day .date-holder {
	color: #000 !important;
}

.calendar-container .have-events .date-holder {
	color: #ffffff;
}

.calendar-container .this-day .date-holder {
	color: #ffffff;
	border: 1px solid #fff;
}

.calendar-container .date-holder.viewed {
	color: #000 !important;
	background-color: #fff;
	border: 1px solid #fff;
}

.calendar-container .other-month .date-holder {
	color: #ffffff;
}

.calendar-container.spec-day .c-specific {
	display: none !important;
}

.calendar-container.spec-day .c-grid,
.calendar-container.spec-day .c-month-arrow-left,
.calendar-container.spec-day .c-month-arrow-right {
	display: block !important;
}

.calendar-container .c-month-view .c-month-arrow-left {
	right: 45px !important;
	left: auto !important;
}

/* Pay with Credits buttons */

.cb-enable span,
.cb-disable span {
	line-height: 30px;
	background-repeat: no-repeat;
	font-weight: bold;
}

.cb-disable span {
	color: #ffffff;
	background: #cccccc;
}

.cb-enable {
	margin-right: -3px;
}

.cb-enable span {
	background-position: left -90px;
	padding: 2px 5px;
	color: #ffffff;
	background: #cccccc;
}

.cb-disable span {
	background-position: right -180px;
	padding: 2px 5px;
}

.cb-disable.selected {
	background-position: 0 -30px
}

.cb-disable.selected span {
	background-position: right -210px;
	color: #fff;
	background: #000000;
}

.cb-enable.selected {
	background-position: 0 -60px;
}

.cb-enable.selected span {
	background-position: left -150px;
	color: #fff;
	background: #38dc2b;
}

.switch label {
	cursor: pointer;
}

.switch input {
	display: none;
}

.hide_for_member {
	display: none !important;
}

/*
NEW PAYMENT SYSTEM 
*/

.processing-order {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 14px;
	line-height: 28px;
}

.processing-order .processing-message {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 350px;
	height: 250px;
	margin: -125px 0 0 -175px;
}

.processing-order .processing-message p,
.processing-order .processing-message h2 {
	margin: 0 0 15px 0;
	text-align: center;
}

.processing-order .processing-message img {
	width: 60px;
	height: 60px;
	display: inline-block;
}

/* Show Order / Download zip */

.download a {
	border-bottom: 1px solid;
}

.product-info-container {
	overflow: visible !important;
}

.product-info-container .progress-bar,
.order-confirmation-container .progress-bar {
	visibility: hidden;
}

.product-info-container .status {
	margin: 5px 0;
	font-size: 13px;
	visibility: hidden;
}

.product-info-container .status.error,
.order-confirmation-container .status.error {
	color: red;
	margin: 5px 0 5px 0px !important;
}

.progress-bar {
	height: 4px;
	background-color: lightgray;
	width: 200px;
	overflow: hidden;
	margin-bottom: 20px;
}

.progress-bar-value {
	width: 100%;
	height: 100%;
	background-color: lightcoral;
	animation: indeterminateAnimation 1s infinite linear;
	transform-origin: 0% 50%;
}

@keyframes indeterminateAnimation {
	0% {
		transform: translateX(0) scaleX(0);
	}

	40% {
		transform: translateX(0) scaleX(0.4);
	}

	100% {
		transform: translateX(100%) scaleX(0.5);
	}
}

body.black {
	background: #000 !important;
}