@font-face {
	font-family: 'Montserrat-Bold';
	src: url('css/Montserrat-Bold.eot');
	src: url('css/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
		url('css/Montserrat-Bold.woff2') format('woff2'),
		url('css/Montserrat-Bold.woff') format('woff'),
		url('css/Montserrat-Bold.ttf') format('truetype'),
		url('css/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-BoldItalic';
	src: url('css/Montserrat-BoldItalic.eot');
	src: url('css/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('css/Montserrat-BoldItalic.woff2') format('woff2'),
		url('css/Montserrat-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Montserrat-Light';
	src: url('css/Montserrat-Light.eot');
	src: url('css/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
		url('css/Montserrat-Light.woff2') format('woff2'),
		url('css/Montserrat-Light.woff') format('woff'),
		url('css/Montserrat-Light.ttf') format('truetype'),
		url('css/Montserrat-Light.svg#Montserrat-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-LightItalic';
	src: url('css/Montserrat-LightItalic.eot');
	src: url('css/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('css/Montserrat-LightItalic.woff2') format('woff2'),
		url('css/Montserrat-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Montserrat-Regular';
	src: url('css/Montserrat-Regular.eot');
	src: url('css/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('css/Montserrat-Regular.woff2') format('woff2'),
		url('css/Montserrat-Regular.woff') format('woff'),
		url('css/Montserrat-Regular.ttf') format('truetype'),
		url('css/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Italic';
	src: url('css/Montserrat-Italic.eot');
	src: url('css/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
		url('css/Montserrat-Italic.woff2') format('woff2'),
		url('css/Montserrat-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#222;
	line-height: 1.6;
	letter-spacing: -0.022rem;
}

body {
  font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
  font-size: 15px;
	color:#222;
	letter-spacing: -0.022rem;
	line-height: 1.6;
	background:#f7f7f7 url("layout/netticket-bg.png") repeat left -32px;
}

body.is-gf-service,
body.is-ticket-reader,
body.is-video-stream-service {
	background:#fff;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
}
body.is-ticket-reader,
body.is-video-stream-service{
		background:#f5f5f5;
}

body.is-video-stream-service.embed-mode {
		background:#fff;
}

body.is-donate-service {
	background:transparent;
	-webkit-tap-highlight-color: transparent;
}


body.is-gf-service.gc-loading,
body.is-ticket-reader.gc-loading,
body.is-video-stream-service.gc-loading,
body.is-donate-service.gc-loading {
	opacity: 0.5;
}
body.has-overlay,
body.mm-body--open {
	height: 100vh;
	overflow-y: hidden;
	 -webkit-overflow-scrolling: touch;
}

::selection {
    background-color: #4197d9;
    color: #fff;
}

a {
	color:#004987;
	text-decoration: none;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mm--open a {
	transition:none;
	-webkit-transition: none;
}

.guest_req_error_link {
	cursor: pointer;
}

i, em {
	font-family: 'Montserrat-Italic', Arial, Helvetica, sans-serif;
	font-style: italic;
}

a.button:hover, .page-header a:hover {
	text-decoration: underline;
}

h2 a:hover {
	text-decoration: none;
}

b, strong {
	font-weight:normal;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

b > i, i > b, strong > i, i > strong, em > strong, strong > em, em > b, b > em {
	font-family: 'Montserrat-BoldItalic', Arial, Helvetica, sans-serif;
	font-style: italic;
}

p {
    padding: 2px 0;
}

p.small {
    font-size: 13px;
}

/* Main properties */
#wrapper {
    margin: 0 auto;
    width: 100%;
}

body.is-gf-service #wrapper {
	position: relative;
	min-height: 100vh;
}

body.is-ticket-reader #wrapper,
body.is-video-stream-service #wrapper,
body.is-donate-service #wrapper {
	position: relative;
	min-height: 100%;
}

#content_wrapper {
    margin: 0 auto;
    width: 1200px;
}

body.is-gf-service #content_wrapper,
body.is-ticket-reader #content_wrapper,
body.is-video-stream-service #content_wrapper,
body.is-donate-service #content_wrapper {
	padding-bottom: 4.5rem;
	min-height: 600px;
}

@media only screen and (max-width: 550px) {
	body.is-gf-service #content_wrapper,
	body.is-ticket-reader #content_wrapper,
	body.is-video-stream-service #content_wrapper,
	body.is-donate-service #content_wrapper {
		min-height: 450px;
	}
}

body.is-gf-service #footer,
body.is-ticket-reader #footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 4.5rem;
	background-color: #222;
	color:#fff;
	text-align: center;
	display: flex;
	justify-content: space-between;
}
body.is-video-stream-service #footer {
	position: relative;
	bottom: 0;
	width: 100%;
	height: 3.5em;
	background: #222;
	text-align: center;
}

body.is-donate-service #footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 3.5em;
	background: transparent;
	text-align: left;
	display:none;
}

body.is-gf-service #footer span,
body.is-ticket-reader #footer span {
		margin:auto 0 auto 20px;
		color: #fafafa;
		font-size: 14px;
}

body.is-video-stream-service #footer span {
	margin: auto;
	color: #efefef;
	font-size: 1em;
	line-height: 3.5em;
}

body.is-donate-service #footer span {
	margin: auto;
	color: #efefef;
	font-size: 1em;
	line-height: 3.5em;
}

body.is-ticket-reader #footer {
		position: fixed;
}

#header {
	height: auto;
	width: 100%;
	background: #fafafa;
	margin-bottom: 40px;
	border-bottom: 1px solid #ebebeb;
	-webkit-box-shadow: 0px 3px 7px 1px rgba(204,200,204,0.35);
	-moz-box-shadow: 0px 3px 7px 1px rgba(204,200,204,0.35);
	box-shadow: 0px 3px 7px 1px rgba(204,200,204,0.35);
	position: relative;
}

body.is-gf-service #header,
body.is-ticket-reader #header {
	background-color: #4197d9;
	margin-bottom: 0px;
	border-bottom: 0px solid #ebebeb;
}

body.is-video-stream-service #header {
	background-color: transparent;
	margin-bottom: 0px;
	border-bottom: 0px solid #ebebeb;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

body.is-video-stream-service.is-video-mode #header {
	position: relative;
	background: linear-gradient(0deg, #fff, #fff);
	width: 100%;
	height: auto;
	margin: 0 auto 2px;
}

body.is-donate-service #header {
	border-bottom: 1px solid #ffffff00;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: relative;
	/*background: linear-gradient(0deg, #fff, #fff);*/
	background: #06000000;
	width: 100%;
	height: auto;
	margin: 0 auto 2px;
}

@media only screen and (max-width: 768px) {
	body.is-donate-service #header {
		/*background:#ffffffad;*/
	}
}

body.is-video-stream-service.is-video-mode #header::before,
body.is-video-stream-service.is-video-mode #header::after {
	content: '';
	position: absolute;
	top: -2px;
	background: linear-gradient(45deg, #fb0094, #0000ff, #ffff00);
	background-size: 100%;
	width: calc(100%);
	height: calc(100% + 4px);
	z-index: -1;
}
/*
@media only screen and (max-width: 1024px) {
	body.is-donate-service #header::before,
	body.is-donate-service #header::after {
		content: '';
		position: absolute;
		top: -2px;
		background: linear-gradient(45deg, #3C72F0, #6bcaba);
		background-size: 100%;
		width: calc(100%);
		height: calc(100% + 4px);
		z-index: -1;
	}
}*/

#header .header-main {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	padding:20px 25px;
}

body.is-gf-service #header .header-main h1,
body.is-ticket-reader #header .header-main h1,
body.is-video-stream-service #header .header-main h1 {
	color:#fff;
	font-size: 20px;
}

body.is-donate-service #header .header-main h1 {
	color:#fff;
	font-size: 20px;
}

body.is-gf-service #header .header-main .header-left,
body.is-gf-service #header .header-main .header-right,
body.is-ticket-reader #header .header-main .header-left,
body.is-ticket-reader #header .header-main .header-right,
body.is-video-stream-service #header .header-main .header-left,
body.is-video-stream-service #header .header-main .header-right,
body.is-donate-service #header .header-main .header-left,
body.is-donate-service #header .header-main .header-right {
	justify-content: center;
	align-items: center;
	display: flex;
	flex-basis: 0;
}
body.is-gf-service #header .header-main .header-left,
body.is-ticket-reader #header .header-main .header-left,
body.is-video-stream-service #header .header-main .header-left,
body.is-donate-service #header .header-main .header-left {
	flex-grow: 3;
	justify-content: start;
}
body.is-gf-service #header .header-main .header-right,
body.is-ticket-reader #header .header-main .header-right,
body.is-video-stream-service #header .header-main .header-right,
body.is-donate-service #header .header-main .header-right {
	flex-grow: 3;
	justify-content: flex-end;
}
body.is-gf-service #header .header-main .header-middle,
body.is-ticket-reader #header .header-main .header-middle,
body.is-video-stream-service #header .header-main .header-middle,
body.is-donate-service #header .header-main .header-middle {
	flex-grow: 3;
}

body.is-ticket-reader #header .header-main .header-middle a {
	display:none;
}

body.is-video-stream-service #header .header-main .header-middle a{
	color:#fff;
}

body.is-video-stream-service.is-video-mode #header .header-main .header-middle a {
	color:#fff;
}

body.is-donate-service #header .header-main .header-middle a {
	color:#222;
}

body.is-donate-service #header .header-main .header-middle a:hover {
	text-decoration: none;
}

body.is-ticket-reader #header .header-main .header-title,
body.is-video-stream-service #header .header-main .header-title,
body.is-donate-service #header .header-main .header-title {
	display:none;
}

body.is-ticket-reader.check-in-active #header .header-main .header-middle a,
body.is-ticket-reader.check-in-active #header .header-main .header-title,
body.is-video-stream-service.check-in-active #header .header-main .header-middle a,
body.is-video-stream-service.check-in-active #header .header-main .header-title{
	display:inline-block;
}

body.is-ticket-reader.check-in-active #header .header-main .header-title,
body.is-video-stream-service.check-in-active #header .header-main .header-title {
	margin: 0 0 0 20px;
	color: #fff;
	font-size: 16px;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

body.is-ticket-reader.check-in-active #header .header-main .header-middle ._logo,
body.is-video-stream-service.check-in-active #header .header-main .header-middle ._logo {
	display:none;
}

body.is-gf-service #header .header-main .header-right ul,
body.is-ticket-reader #header .header-main .header-right ul,
body.is-video-stream-service #header .header-main .header-right ul,
body.is-donate-service #header .header-main .header-right ul {
		padding:0;
		font-size: 16px;
}
body.is-gf-service #header .header-main .header-right ul li,
body.is-ticket-reader #header .header-main .header-right ul li,
body.is-video-stream-service #header .header-main .header-right ul li,
body.is-donate-service #header .header-main .header-right ul li {
	padding:0;
	display:inline;
	margin-right: 10px;

}
body.is-gf-service #header .header-main .header-right ul li:last-child,
body.is-ticket-reader #header .header-main .header-right ul li:last-child,
body.is-video-stream-service #header .header-main .header-right ul li:last-child {
	padding:0;
	margin-right: 0;
}

body.is-gf-service #header .header-main .header-right ul li a,
body.is-ticket-reader #header .header-main .header-right ul li a,
body.is-video-stream-service #header .header-main .header-right ul li a {
	padding:0;
	color: #fff;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

body.is-video-stream-service.is-video-mode #header .header-main .header-right ul li a{
	padding:0;
	color: #000;
}

body.is-donate-service #header .header-main .header-right ul li a {
	padding:0;
	color: #002638;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

body.is-gf-service #header .header-main .header-right ul li a.current,
body.is-ticket-reader #header .header-main .header-right ul li a.current,
body.is-video-stream-service #header .header-main .header-right ul li a.current,
body.is-donate-service #header .header-main .header-right ul li a.current {
	padding:0;
	cursor:default;
	text-decoration: underline;
}

body.is-gf-service #header .header-main ._logo,
body.is-ticket-reader #header .header-main ._logo,
body.is-video-stream-service #header .header-main ._logo,
body.is-video-stream-service #footer span {
	background-image: url(layout/nt-wlogo.png);
	background-size: 34px 34px;
	background-repeat: no-repeat;
	height: 34px;
	width: 34px;
	display: table;
	background-position: left center;
	-webkit-transition-duration: unset;
	transition-duration: unset;
	line-height: 22px;
	font-size: 14px;
	width: auto;
	padding-left: 48px;
	color: #fff;
}

body.is-donate-service #header .header-main ._logo,
body.is-donate-service #footer span {
	background-image: url(layout/nt-wlogo.png);
	background-size: 34px 34px;
	background-repeat: no-repeat;
	height: 34px;
	width: 34px;
	display: table;
	background-position: left center;
	-webkit-transition-duration: unset;
	transition-duration: unset;
	line-height: 22px;
	font-size: 14px;
	width: auto;
	padding-left: 48px;
	color: #fff;
}

@media only screen and (max-width: 550px) {
	body.is-video-stream-service #header .header-main ._logo,
	body.is-donate-service #header .header-main ._logo {
		background-size: 30px 30px;
		padding-left: 39px;
	}
}

body.is-video-stream-service.is-video-mode #header .header-main ._logo{
	background-image: url(layout/nt-blogo.png);
}

body.is-donate-service #header .header-main ._logo {
	background-image: url(layout/nt-wlogo.png);
}

body.is-video-stream-service #footer span,
body.is-donate-service #footer span {
	background-position: left 13px;
	height: 3.8em;
	padding-left: 40px;
	background-size: 28px 28px;
	line-height: 3.7em;
}

body.is-gf-service #header .header-main ._logo span,
body.is-ticket-reader #header .header-main ._logo span {
		display:block;
		font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

body.is-video-stream-service #header .header-main ._logo span {
	display:block;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	line-height: 34px;
	font-size: 20px;
}

body.is-donate-service #header .header-main ._logo span {
	display: block;
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
	line-height: 34px;
	font-size: 20px;
	color: #fff;
	text-shadow: -1px -1px 0 #002638, 1px -1px 0 #002638, -1px 1px 0 #002638, 1px 1px 0 #002638;
}

@media only screen and (max-width: 500px) {
	body.is-donate-service #header .header-main ._logo span {
		font-size:14px;
	}
}

@media only screen and (max-width: 550px) {
	body.is-video-stream-service #header .header-main ._logo span {
		font-size: 18px;
	}
}

body.is-video-stream-service.is-video-mode #header .header-main ._logo span {
	color:#000;
}

@media only screen and (max-width: 550px) {
	body.is-video-stream-service.is-video-mode #header .header-main ._logo span {
		font-size: 18px;
	}
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	body.is-gf-service #header .header-main ._logo,
	body.is-ticket-reader #header .header-main ._logo,
	body.is-video-stream-service #header .header-main ._logo,
	body.is-video-stream-service #footer span{
		background-image: url(layout/nt-wlogo@2x.png);
	}
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	body.is-donate-service #header .header-main ._logo,
	body.is-donate-service #footer span {
		background-image: url(layout/nt-wlogo@2x.png);
	}
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	body.is-video-stream-service.is-video-mode #header .header-main ._logo{
		background-image: url(layout/nt-blogo@2x.png);
	}
}

/* Header main areas */
#header .logo {
	flex-grow:4;
	flex-basis: 0;
	margin:auto 0;
}

#header .search {
	flex-grow:7;
	flex-basis: 0;
}

#header .navigation {
	flex-grow:4;
	flex-basis: 0;
	text-align: right;
	margin:auto;
}

@media only screen and (max-width: 1200px) {
	#header .search {
		flex-grow:5;
	}
}

@media only screen and (max-width: 1024px) {
	#header .logo {
		flex-grow:1;
	}
	#header .search {
		flex-grow:4;
	}
	#header .navigation {
		flex-grow:1;
	}
}

/* Header links */
#header .navigation a.header-main-link {
	margin:4px 0 0 30px;
}

#header .logo a.header-logo {
	background-image: url(layout/netticket-logo.png);
	background-size: 240px 33px;
	background-repeat: no-repeat;
	height:33px;
	width: 240px;
	display:table;
	background-position: left center;
	-webkit-transition-duration:unset;
	transition-duration: unset;
}

@media only screen and (max-width: 1024px) and (min-width:768px) {
	#header .logo a.header-logo {
		/*background-size: 34px 33px;*/
	}
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#header .logo a.header-logo {
	    background-image: url(layout/netticket-logo@2x.png);
	}
}

/* Header search */
#header .search .search-container {
	padding:0;
	position: relative;
}

#header .search .search-container #search-field {
	border-radius: 6px;
	-moz-appearance: none;
	border-width: 2px;
	border-color: #efeff0;
	border-style: solid;
	outline-offset: -2px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	-moz-box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	padding: 7px 23px;
	width: -moz-calc(100% - 46px);
	width: -webkit-calc(100% - 46px);
	width: -o-calc(100% - 46px);
	width: calc(100% - 46px);
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	outline:0;
}

#header .search .search-container #search-field::-webkit-input-placeholder,
#header .search .search-container #search-field:-ms-input-placeholder,
#header .search .search-container #search-field::placeholder { /* Edge */
  color: #aeaeae;
}

#header .search .search-container button.search-button {
	background-image: url(layout/search.svg);
	height: 53px;
	border: none;
	width: 67px;
	display: table;
	background-size: 22px;
	position: absolute;
	top: 0px;
	right: -4px;
	background-repeat: no-repeat;
	opacity: 1;
	background-color: #69c9b9;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background-position: 20px center;
	cursor: pointer;
	border-width: 2px;
	border-style: solid;
	border-color: #efeff0;
	border-left: none;
}

/* Header top bar */
.header-top {
	display:flex;
	justify-content: space-between;
	flex-direction: row;
	background: #E6E6E6;
	padding:5px 25px;
}
.header-top p {
	line-height: 1.5;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}
.header-top p span {
	display:block;
	font-size: 12px;
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
}

.header-top .header-customer-support, .header-top .header-right {
	margin:auto 0;
}

a.header-top-ol-link {
	padding: 4px 0px 4px 27px;
	color: #222;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
	background-image: url('layout/location.svg');
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: left center;
	margin: auto;
	display: inline-block;
}

.header-organizers.header-top-ol-link {
	background-image: url('layout/organizers.svg');
	margin-right: 40px;
}
.header-live.header-top-ol-link {
/*	background-image: url(layout/nt-blogo@2x.png);*/
		background-image: url(layout/play-button-black.svg);
	margin-right: 40px;
}
.header-contact.header-top-ol-link {
	background-image: url('layout/phone.svg');
}

#lang-switcher-button {
	background-image: url('layout/language-simple.svg');
	margin-left:40px;
}

.header-contact.header-top-ol-link {
	margin-left: 0;
}

a.header-top-ol-link:hover {
	color: #000;
}

.header-main-link-icon {
	background-repeat: no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	position: relative;
	margin: 0 auto 2px auto;
	background-position: center center;
	background-size: 20px;
}

.burger-icon {
	width: 23px;
}

.burger-icon::after, .burger-icon::before, .burger-icon span {
	background-color: #000;
	border-radius: 2px;
	content: '';
	display: block;
	height: 3px;
	margin: 5px 0;
	transition: all .2s ease-in-out;
}

#header .search .search-container button.search-button-cancel {
	display:none;
}

@media only screen and (min-width: 1200px) {
	#mmenu-clone {
		display:none;
	}
}

.mm--main > ul > li.burger-item:not(.mm-some) {
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 20px center;
	text-indent: 32px;
	transition: none;
}

.mm--main > ul > li.mm-browse-link {
	background-image: url(layout/events.svg);
}

.mm--main > ul > li.mm-organizers-link {
	background-image: url(layout/organizers.svg);
}

.mm--main > ul > li.mm-locations-link {
	background-image: url(layout/location.svg);
}

.mm--main > ul > li.mm-contact-link {
	background-image: url(layout/phone.svg);
}

.mm--main > ul > li.mm-info-right-link {
	background-image: url(layout/info.svg);
}

.mm--main > ul > li.mm-info-left-link {
	background-image: url(layout/question.svg);
}

.mm--main > ul > li.mm-lang-link {
	background-image: url(layout/language-simple.svg);
}

.mm--main > ul > li.mm-login-link {
	background-image: url(layout/login.svg);
}

.mm--main > ul > li.mm-account-link {
	background-image: url(layout/user-linear.svg);
}

.mm--main > ul > li.mm-logout-link {
	background-image: url(layout/logout.svg);
}

/* Header cart count/badge */
.header-cart span.cart-icon span.qty {
	float: right;
	text-align: center;
	border-radius: 50%;
	background-color: #FC6A6E;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	color: #fff;
	width: 20px;
	height: 20px;
	font-size: 0.9rem;
	position: absolute;
	right: -16px;
	line-height: 19px;
	top: -6px;
	letter-spacing: -0.8px;
}
.header-cart span.cart-icon span.qty.products-cart {
	background-color: #4187B0;
	left:-16px;
}
#header .navigation a.header-language.header-main-link,
#header .navigation a.header-live.header-main-link {
	display:none;
}

@media only screen and (max-width: 1024px) {
	a.header-top-ol-link {
		display:none;
	}
	#header .logo {
		position: absolute;
		top: 13px;
		left: 15px;
		overflow-x: hidden;

	}

	@media only screen and (max-width: 500px) {
		#header .logo a.header-logo {
			/*background-size: 62%;*/
			width: 34px;
		}
	}

	#header .navigation {
		right: 15px;
		top: 7px;
		flex-grow:0;
	}

	#header .header-main {
		padding:10px 15px;
	}
	#header .navigation a {
		margin:0;
	}

	#header .navigation a.header-main-link {
		margin: 6px 0 0 20px;
	}

	#header .navigation .header-main-link-text {
		display:none;
	}

	#header .navigation a.header-cart.header-main-link {
		position: absolute;
		top:11px;
		right: 67px;
		margin-left:0;
	}

	#header .navigation a.header-language.header-main-link {
		position: absolute;
		display:inline;
		top: 11px;
		right: 119px;
		margin-left: 0;
	}
	#header .navigation a.header-live.header-main-link {
		position: absolute;
		display:inline;
		top: 11px;
		right: 169px;
		margin-left: 0;
	}

	.navigation .dropdown {
		position: absolute;
		display: inline-block;
		top: 11px;
		right: 14px;
	}

	.header-main-link-icon {
		width: 26px;
		height: 26px;
		background-size: 26px;
	}
	.header-top {
		height:48px;
		background:#fff;
	}
	.burger-icon {
		width: 26px;
	}
	.burger-icon::after, .burger-icon::before, .burger-icon span {
		height: 3px;
		margin:7px 0;
	}
	#header .search .search-container #search-field {
		border-radius: 45px;
		border-width: 1px;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		outline-offset: 0;
		-webkit-appearance:none;
		padding:5px 23px;
		height: 33px;
		line-height: 33px;
		margin:3px 0;
	}
	#header .search .search-container #search-field:focus {
		border-color: #d3d3d3;
	}

	#header .search .search-container button.search-button {
		background-image: url(layout/search-grey.svg);
		background-color: #fff;
		border-top-right-radius: 45px;
		border-bottom-right-radius: 45px;
		border-width: 1px;
		height: 51px;
		display:none;
	}
	#header .search .search-container button.search-button-cancel {
		background-image: url(layout/search-grey.svg);
		background-color: transparent;
		height: 51px;
		border: none;
		width: 67px;
		display: table;
		background-size: 22px;
		position: absolute;
		top: 0px;
		right: 0px;
		background-repeat: no-repeat;
		opacity: 1;
		background-position: 25px center;
		cursor: pointer;
	}
	#header .search .search-container button.search-button-cancel.show {
		background-image: url(layout/cancel-grey.svg);
	}
	.header-cart span.cart-icon span.qty {
		width: 18px;
		height: 18px;
		right: -8px;
		line-height: 16px;
		top: -8px;
	}
	.header-cart span.cart-icon span.qty.products-cart {
		left: -7px;
	}
	.mobile-lang-switcher {
		display: table;
		position: absolute;
		background-size: 26px 26px;
		top: 13px;
		left: 15px;
		height: 29px;
		color: #333;
		background-repeat: no-repeat;
		font-size: 18px;
		line-height: 28px;
		text-decoration: underline;
		background-position: left 2px;
	}
}

.mm--open .liputamme {
	background-image: url(layout/netticket-liputamme-tapahtumasi.png);
	background-size: 172px 83px;
	width: 172px;
	height: 83px;
	display: block;
	margin: auto;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

@media only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	.mm--open .liputamme {
		background-image: url(layout/netticket-liputamme-tapahtumasi@2x.png);
	}
}

.mm--open .social-media {
	margin:17px 0 40px 0;
}

.mm--open .social-media a {
	display: inline-block;
	background-size: 30px 30px;
	height: 30px;
	width: 30px;
	text-indent: -9999px;
	margin: 0 20px;
	background-repeat: no-repeat;
}

.mm--open .social-media a.fb_ {
	background-image: url(layout/header-fb.svg);
}

.mm--open .social-media a.twitter_ {
	background-image: url(layout/header-twitter.svg);
}

.mm--open .social-media a.instagram_ {
	background-image: url(layout/header-instagram.svg);
}

/* Header cart link */
.header-main-link {
	position: relative;
	width: auto;
	display: inline-block;
	transition: all .2s ease-in-out;
	color:#222;
}

.header-main-link-text {
	color:#222;
	font-size: 13px;
}

.header-cart span.cart-icon {
	background-image: url(layout/shopping-bag.svg);
}

.header-language span.language-icon {
	background-image: url(layout/language-simple.svg);
}

.header-live span.live-icon {
	background-image: url(layout/play-button-black.svg);
}

.header-pcart span.pcart-icon {
	background-image: url(layout/shopping-bag.svg);
}

/* Header account link */
.header-account span.account-icon {
	background-image: url(layout/user-linear.svg);
}

.header-organizers {
	float:left;
}

.header-live {
	float:left;
}

.header-organizers span.organizers-icon {
	background-image: url(layout/organizers.svg);
}

.header-locations {
	float:left;
}

.header-locations span.locations-icon {
	background-image: url(layout/location.svg);
}

.header-burger {
	cursor: pointer;
}

@media only screen and (min-width: 1200px) {
	.header-burger {
		display:none;
	}
}

body.mm-body--open {
	overflow:hidden;
}

body.mm-body--open .burger-icon:before {
  transform: translateY(10px) rotate(135deg);
}

body.mm-body--open .burger-icon:after {
  transform: translateY(-10px) rotate(-135deg);
}

@media only screen and (min-width: 1024px) {
	body.mm-body--open .burger-icon:before {
		transform: translateY(10px) rotate(135deg);
	}

	body.mm-body--open .burger-icon:after {
		transform: translateY(-6px) rotate(-135deg);
	}
}

body.mm-body--open .burger-icon span {
	transform: scale(0);
	z-index:1000;
}


/* Categories nav */
@media only screen and (min-width: 1200px) {
	.header-categories {
		padding:0px 25px;
		border-top:1px solid #e2e2e2;
		background-color: #fff;
	}

	nav#menu {
		max-width: 1400px;
		margin:0 auto;
	}
	@media only screen and (min-width: 1024px) {
		nav#menu .nav-header {
			display:none;
		}
	}
	nav#menu > ul > li.nav-item-organizers,
	nav#menu > ul > li.nav-item-locations {
		display:none;
	}

	#menu > ul {
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		  align-items: stretch;
		  overflow: hidden;
	}

	#menu ul li > ul {
		display:none;
		position: absolute;
	}

	#menu > ul > li {
		display: flex;
	    flex-direction: column;
	}

	#menu ul li > span {
		font-size: 12px;
		text-transform: uppercase;
		padding: 8px 11px;
		float: left;
		position: relative;
		cursor: pointer;
		white-space:nowrap;
	}

	/* experimental ul */
	#menu ul li ul.show {
		background: #fff;
		display: flex;
		flex-wrap: wrap;
		z-index: 10000;
		left: 0;
		margin-top: 35px;
		flex-direction: column;
		padding: 90px 15px 30px 15px;
		width: -moz-calc(1400px - 30px);
		width: -webkit-calc(1400px - 30px);
		width: -o-calc(1400px - 30px);
		width: calc(1400px - 30px);
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
		height: auto;
		max-height: 170vh;
		margin-left: calc(50% - 700px);
		border-bottom: 1px solid #ebebeb;
	}

	@media only screen and (min-width: 1400px) {
		#menu ul li ul.show::before {
			content: "";
			position: absolute;
			right: 100%;
			width: 50vw;
			height: 100%;
			margin-top: -90px;
			background: #fff;
			overflow: hidden;
			border-bottom: 1px solid #ebebeb;
		}
		#menu ul li ul.show::after {
			content: "";
			position: absolute;
			left: 100%;
			width: calc(50vw - 710px);
			height: 100%;
			margin-top: -90px;
			background: #fff;
			overflow: hidden;
			border-bottom: 1px solid #ebebeb;
		}
	}

	@media only screen and (max-width: 1400px) {
		#menu ul li ul.show {
			background: #fff;
			display: flex;
			flex-wrap: wrap;
			z-index: 10000;
			left: 0;
			margin-top: 35px;
			flex-direction: column;
			padding: 90px 40px 30px 40px;
			width: -moz-calc(100% - 80px);
			width: -webkit-calc(100% - 80px);
			width: -o-calc(100% - 80px);
			width: calc(100% - 80px);
			-webkit-column-count: 4;
			-moz-column-count: 4;
			column-count: 4;
			height: auto;
			max-height: 170vh;
			margin-left:0;
		}
	}

	#menu ul li ul.show > li {
		padding-right:15px;
	}

	#menu ul li ul.show a {
		color: #222;
		font-size: 14px;
		cursor: pointer;
		display: block;
		margin: 0 0 13px 0;
		width: auto;
		float: left;
		line-height: 1.5;
		font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
		max-width: 300px;
	}

	#menu ul li ul.show .heading {
		float: left;
		display: block;
		color: #333;
		z-index: 10001;
		position: absolute;
		left: 0;
		margin-top: -55px;
		margin-left: 15px;
	}

	@media only screen and (max-width: 1400px) {
		#menu ul li ul.show .heading {
			margin-left: 40px;
		}
	}

	#menu ul li ul.show .heading h2 {
		color: #222;
		display: inline;
		margin: 0 40px 0 0;
		vertical-align: middle;
		text-transform: uppercase;
	}

	#menu ul li ul.show .heading a {
		font-size: 14px;
		cursor: pointer;
		background: #fff;
		color:#69c9b9;
		border: 1px solid #69c9b9;
		border-radius: 98px;
		padding: 5px 15px 5px 15px;
		position: relative;
		display: inline;
		float: none;
		margin: 0;
		line-height: 1;
		font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
		vertical-align: middle;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	#menu ul li ul.show .heading a:hover,
	#menu ul li ul.show .heading a:active {
		text-decoration: none;
		color:#fff;
		border: 1px solid #69c9b9;
		background: #69c9b9;
	}

	#menu ul li ul.show a div {
		font-size:12px;
		color:#444;
	}

	#menu > ul > li {
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	#menu > ul > li:hover, #menu > ul > li:active {
		background: #69c9b9;
		color: #fff;
	}
}

@media only screen and (max-width: 1200px) {
	.header-categories {
		display:none;
	}
}

header .logo h1 {
	display:none;
}

/* Header dropdown link */
@media only screen and (min-width: 1024px) {
	.dropbtn::after {
		padding-left: 2px;
		content: "\25be";
		margin: 0 0 0 4px;
	}
}
.navigation .dropbtn::after {
	margin: 0 0 0 0;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 9996;
	right: -5px;
	border: 1px solid #d3d3d3;
	margin-top: 4px;
	border-radius: 5px;
	width: 90px;
	padding: 10px 15px 11px 21px;
}

.arrow_box {
	position: relative;
	background: #ffffff;
	border: 2px solid #d3d3d3;
}

.dropdown-content:after, .dropdown-content:before {
	bottom: 100%;
	left: 76%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.dropdown-content:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}

.dropdown-content:before {
	border-color: rgba(211, 211, 211, 0);
	border-bottom-color: #d3d3d3;
	border-width: 8px;
	margin-left: -8px;
}

.dropdown-content a {
  color: #444;
  padding: 2px 0px;
  text-decoration: none;
  display: block;
  font-size: 13px;
  text-align: left;
}

.dropdown-content a:hover {background-color: none; text-decoration: underline;}
a.dropbtn:hover {background-color:none;text-decoration: none;}
.show {display: block;}

/* Fullscreen overlay */
.overlay {
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255, 0.96);
	overflow: auto;
}

.overlay-bg {
	background-color: #00B285;
	width: 30%;
	height: 100%;
	position: fixed;
	transform: skew(0.38turn, 94deg);
	top: 0%;
	left: -12%;
	overflow: hidden;
}

.overlay-bg.overlay-blue {
	background-color: #17A9E5;
}
.overlay-bg.overlay-dark {
	background-color: #E5173B;
}
.overlay-content {
	position: relative;
	width: 100%;
	text-align: center;
	height: auto;
	float: none;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #444;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #999;
  text-decoration: none;
}

.overlay .closebtn {
	position: fixed;
	top: -13px;
	right: 45px;
	font-size: 60px;
	z-index: 1;
	color: #000;
}



/* organizers and locations */
#overlay-organizers ul, #overlay-locations ul, #overlay-contact ul, #overlay-language ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 150px 0 50px 0;
	max-width: 1400px;
	justify-content: center;
	margin: auto;
}

#overlay-organizers .overlay-heading, #overlay-locations .overlay-heading, #overlay-contact .overlay-heading, #overlay-language .overlay-heading {
	color: #fff;
	display: block;
	font-size: 30px;
	text-align: center;
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
	letter-spacing: -0.03rem;
	float: left;
	width: 100%;
	position: relative;
	padding: 21px 0 0 0;
	background-repeat: no-repeat;
	overflow-x: hidden;
	position: absolute;
}

@media only screen and (max-width: 768px) {
	#overlay-organizers .overlay-heading, #overlay-locations .overlay-heading, #overlay-contact .overlay-heading, #overlay-language .overlay-heading {
		font-size: 22px;
		padding: 28px 0 0 0;
	}
}

@media only screen and (max-width: 500px) {
	.overlay .closebtn {
		right: 20px;
	}
	#overlay-organizers .overlay-heading, #overlay-locations .overlay-heading, #overlay-contact .overlay-heading, #overlay-language .overlay-heading {
		font-size: 18px;
		text-align: left;
		text-indent: 20px;
		line-height: 39px;
	}
}

.overlay-heading {
	width: 100%;
	content: "";
	display: table;
	background-color: #00B285;
	height: 70px;
	position: absolute;
	background-size: 29px;
	margin: auto;
}

#overlay-contact .overlay-heading {
	background-color: #00B285;
}

#overlay-organizers .overlay-heading {
	background-color: #17A9E5;
}

#overlay-locations .overlay-heading {
	background-color: #E5173B;
}

#overlay-language .overlay-heading {
	background-color: #4187B0;
}

#overlay-organizers ul li,
#overlay-locations ul li,
#overlay-contact ul li,
#overlay-language ul li {
	padding:0;
}

#overlay-organizers ul li a,
#overlay-locations ul li a,
#overlay-contact ul li a,
#overlay-language ul li a {
	padding: 6px 0;
	font-size: 22px;
	display: block;
	text-decoration: none;
	margin: 0 0 5px 0;
	color: #202121;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}
#overlay-language ul li a:not(.current) {
	text-decoration: underline;
	color: #4187B0;
}
#overlay-language ul li a.current {
	text-decoration: none;
}
#overlay-language ul li a.current::after {
	background-image: url(layout/tick.svg);
	background-size: 20px 20px;
	display: inline-block;
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	margin: 9px 0 0 18px;
}
@media only screen and (max-width: 768px) {
	#overlay-organizers ul li a, #overlay-locations ul li a {
		padding: 6px 15px;
		font-size: 16px;
		display: block;
		text-decoration: none;
		margin: 0 0 2px 0;
		color: #202121;
		font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	}
}

#overlay-contact ul li {
	font-size: 22px;
}

#overlay-contact ul li a {
	color: #fff;
	display: inline;
	background: #00B285;
	padding: 8px 22px;
	text-decoration: underline;
}
#overlay-contact ul li a:hover {
	text-decoration: underline;
}
#overlay-contact ul li.phone {
	margin-bottom: 20px;
}
#overlay-contact ul li.email {
	margin:20px 0;
}
#overlay-contact ul li.item {
	font-size:18px;
}
#overlay-organizers ul li a:hover, #overlay-organizers ul li a:active {
	color:#17A9E5;
}

#overlay-locations ul li a:hover, #overlay-locations ul li a:active {
	color:#E5173B;
}

/* Fullscreen overlay end */


#search-form-result {
	display:none;
}

@media only screen and (min-width: 1024px) {
	#search-loading {
		background: url(layout/ajax-loader1.gif) no-repeat left top;
		position: absolute;
		height: 16px;
		width: 16px;
		right: 82px;
		top: 18px;
		display: none;
	}
	#search-loading.waiting {
		display:block;
	}
}
#search-form-result.has-content {
	position: absolute;
	z-index: 999999;
	background: #fff;
	margin: -4px 0 0 1px;
	border: 1px solid #f2f2f2;
	width: 100%;
	border-top: none;
	display: block;
}

@media only screen and (max-width: 1024px) {
	#search-form-result.has-content {
	position: absolute;
	z-index: 999999;
	background: #fff;
	margin: -4px 0 0 1px;
	border: 1px solid #f2f2f2;
	width: calc(100% + 85px);
	width: -moz-calc(100% + 85px);
	width: -webkit-calc(100% + 85px);
	width: -o-calc(100% + 85px);
	display: block;
	margin-left: -25px;
	margin-top: 10px;
	border-right: none;
	border-left: none;
}
}

#search-form-result #search_result_area {
	padding:0;
	position: relative;
	overflow: hidden;
	margin-top: 0;
}
#search-form-result .additional-event-search-info {
	display:none;
}
#search-form-result .search_item:first-child {
	border-top: none;
}
#search-form-result .search_item {
	padding:12px 0;
	cursor: pointer;
	letter-spacing: -0.2px;
}
#search-form-result .search_item:hover {
	background: #f2f2f2;
}
#search-form-result .search_item.show_all_results:hover {
	background: #fff;
}

#search-form-result .search_item.show_all_results a {
	background: #fff;
	color: #565656;
	text-decoration: underline;
	margin-left: 7px;
	cursor: pointer;
}
#search-form-result .search_item_image {
	width: 13%;
	display:inline;
	margin-right: 3%;
	margin-left: 3%;
	padding-right: 0;
}
#search-form-result .search_item_image a {
	padding:0;
	margin:0;
	line-height: 0;
	display:inline-block;
	vertical-align: top;
}
#search-form-result .search_item_name {
	width: 78%;
	display:inline;
	margin-right: 3%;
}
#search-form-result .search_item_name a {
	font-size: 14px;
	line-height: 18px;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

#search-form-result .search-manufacturers-name {
	padding: 5px 0 0 0;
	line-height: 1.4;
	font-size: 11px;
}
#search-form-result .search_item_actions {
display:none;
width: 100%;
}
#search-form-result .search_item_actions div {
	width: 40%;
	display:inline;
}

#search-form-result .no_events_found {
	padding:15px;
}
#content {
	float: left;
	background: #fff;
	width:1200px;
	padding:20px 0px 60px 0px;
	position:relative;
}

body.is-ticket-reader #content,
body.is-video-stream-service #content {
	background:#f5f5f5;
}

body.is-donate-service #content {
	background:transparent;
}

.content-inner {
min-height:400px;
width:1200px;
float:left;
display:block;
}
#content-page-inner {
	padding:10px 30px 10px 30px;
}
@media only screen and (max-width: 1200px) {
	#content-page-inner {
		padding:10px 20px 10px 20px;
	}
}
@media only screen and (max-width: 768px) {
	#content-page-inner {
		padding:10px 15px 10px 15px;
	}
}

#liputamme {
padding-left:10px;
padding-bottom:30px;
}

/* Buttons */
a.button {
	display: block;
	float: left;
	line-height: 2.5rem;
	height: 40px;
	text-decoration: none;
	font-size: 14px;
	white-space: nowrap;
	position: relative;
	cursor: pointer;
	color: #fff;
	font-weight: normal;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	min-width: 110px;
	text-align: center;
	padding: 0 10px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

a.button.video-blocked-button {
	background-color: #f5f5f5;
	float: none;
	display: inline-block;
	margin-top: 20px;
	color: #222;
}

a.button.video-blocked-button:hover {
	background-color: #000;
	color: #f5f5f5;
	text-decoration: none;
}

a.button-small {
	display: block;
	float:left;
	line-height: 26px;
	height:26px;
	text-decoration: none;
	font-size:11px;
	white-space:nowrap;
	position:relative;
	cursor: pointer;
	color:#fff;
	font-weight: normal;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	min-width: 60px;
	text-align: center;
	padding:0 8px;
}

a.button.right {
float:right;
}
a.button-left {
float:left;
}
a.button.large-button {
	line-height: 46px;
height:46px;
font-size:16px;
padding:0 15px;
}
a.button.large-button.confirm-order-button {
	padding:0 30px;
	float:none;
}
a.button.large-button.confirm-order-button:hover {
	text-decoration: none;
	opacity: 0.91;
}
@media only screen and (max-width: 980px) {
	.order_submit_area .button,
	.order_submit_area .button.right {
		margin:10px 0;
	}

	.order_submit_area a.button.red {
		background: none;
		color:#004987;
		font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
		text-decoration: underline;
		margin:20px 0 0 0;
		padding:0;
		font-size: 14px;
		min-width: auto;
	}
	.order_submit_area a.button.red:hover {
		color:#e84064;
	}

	.order_submit_area .checkout-accept-terms {
		text-align:left;
	}
}

a.button.wider-button {
	padding:0 20px;
}

a.button-vs {
	background: #e5007d;
	color: #fff;
	line-height: 43px;
	height: 44px;
	font-size: 16px;
	padding:0 4px;
}

a.button-generic_campaign_popup {
	background: #111;
	color: #fff;
	line-height: 43px;
	height: 44px;
	font-size: 16px;
	padding:0 4px;
}

a.button-op {
	background: #f36f21;
	color: #fff;
	line-height: 43px;
	height: 44px;
	font-size: 16px;
	padding:0 4px;
}

/* Button colors */
a.button.blue {
background:#004b87;
}
a.button.blue-light {
background:#4187B0;
}
a.button.white {
background: #969696;
}

a.button.red {
background: #e84064;
}
a.button-small.red {
background: #e84064;
}
a.button.red span {

}
a.button.buy-button,
a.button.green-button {
	background:#6bcaba;
}
a.button.default-button {
	background:#004b87;
}
a.button.button-disabled {
	background: #e6e6e6;
	color: #c3c3c3;
	cursor:not-allowed;
}
/* #015896; */
a.gf-account.button {
	background-color: none;
	color:#fff;
	border:2px solid #fff;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

a.gf-account.button:hover {
		text-decoration: none;
		background-color: #fff;
		color: #015896;
}

a.gf-account.button.logout-button {
		border:2px solid #fff;
		color:#fff;
		float: right;
		margin:auto 20px auto 0;
}

a.gf-account.button.logout-button:hover {
	background-color: #fff;
	color:#222
}

.toggle-seating-map-inner {
	display:block;
	width: 100%;
	margin:20px 0;
	float: left;
	position: relative;
}

/* product info ticket type availability */
td.ticketsAvailability {
	vertical-align:middle;
}

.ticket-type-availability {
	float: left;
	font-size: 14px;
	margin-right: 10px
}

.ticket-type-availability span {
	font-size: 14px;
	color: #e84064;
}

.ticket-type-availability span._status_avail_ {
	color:#75d158;
}

.ticket-type-availability span._status_some_ {
	color:#f69d06;
}

.ticket-type-availability span._status_soldout_ {
	color: #e84064;
}


/* Qty input */
.qty-input-container {
	float:right;
	background: #fafafa;
}
.qty-input {
	display:block;
	position: relative;
}
.qty-input input {
	border:1px solid #dadada;
	font-size: 20px;
	height: 33px;
	padding: 0 10px;
	text-align: center;
	vertical-align: top;
	width: 50px;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

.inactive-qty-input input{
	color:#8a8a8a;
}

.qty-input span.minus,
.qty-input span.plus {
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
	font-size: 20px;
	height: 33px;
	line-height: 31px;
	text-align: center;
	width: 40px;
	display:inline-block;
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.inactive-qty-input span.minus,
.inactive-qty-input span.plus {
	color:#8a8a8a;
}

.qty-input span::-moz-selection { background: none;}
.qty-input span::selection {  background: none; }

.qty-input span.plus {
	border-right: 1px solid #dadada;
	margin-left: -4px;
}
.qty-input span.plus:hover {
	color: #fff;
	background: #6bcaba;
}
.qty-input span.minus {
	border-left: 1px solid #dadada;
	margin-right: -3px;
}
.qty-input span.minus:hover {
	color: #fff;
	background: #e84064;
}

.inactive-qty-input span.minus:hover {
	opacity: 0.2;
	cursor:not-allowed;
}

.inactive-qty-input span.plus:hover {
	opacity: 0.2;
	cursor:not-allowed;
}

.ticket-type-qty-error {
	display:none;
}

.ticket-type-qty-error.show,
.seats-left-error {
	display: block;
	/* width: 100%; */
	/* float: right; */
	background-color: #e84064;
	color: #fff;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	position: relative;
	margin: 15px auto 0px auto;
	padding: 3px 10px;
	text-align: center;
}
.seats-left-error {
	padding: 10px 10px;
}
/* Footer */
#footer {
height:auto;
background:#fff;
display:block;
width: 100%;
float: left;
}
#footer-content, #footer-service-costs-content, #footer-paymentmethods-content {
width: 100%;
margin:0 auto;
display:block;
text-align: center;
clear:left;
}
#footer-content {
	background:#f2f2f2;
	padding:72px 0 66px 0;
}
#footer-content:after {
	content:"";
	display:table;
}
#footer-service-costs-content {
	background:#004b87;
	padding:72px 0 80px 0;
}

#footer-service-costs-content.site-alert-footer {
	background:#e84064;
	padding:25px 0 25px 0;
}

/* Footer payment methods area */
#footer-paymentmethods-content {
background:#fff;
padding:60px 0 0px 0;
}
#footer-paymentmethods img {
vertical-align:middle;
margin-right:13px;
padding-bottom:7px;
padding-top:7px;
}
#footer-paymentmethods img.mb_ {
margin-top:-1px;
}
#footer-paymentmethods img.sppop_ {
margin-left:-4px;
}

/* Footer navigation and info content */
#footer-bottom {
	width:827px;
	padding:29px 41px 0px 41px;
	height:100%;
	float:left;
}
#footer-nav, #footer-service-costs, #footer-paymentmethods {
	width:1200px;
	display:block;
	text-align: center;
	margin:0 auto;
	clear:left;
}

@media only screen and (max-width: 1200px) {
	#footer-nav, #footer-service-costs, #footer-paymentmethods {
		width:980px;
	}
}
@media only screen and (max-width: 980px) {
	#footer-nav, #footer-service-costs, #footer-paymentmethods {
		width:768px;
	}
	#header-bottom {
		width:768px;
	}
}
@media only screen and (max-width: 768px) {
	#footer-nav, #footer-service-costs, #footer-paymentmethods {
		width:96%;
		padding-left:2%;
		padding-right:2%;
	}
	#header-bottom {
		width:100%;
	}
}
.footer-logo {
	padding-bottom: 60px;
}
.footer-social {
	padding-top:72px;
}
.footer-social a {
	width: 27px;
	height: 27px;
	display:inline-block;
	text-indent: -9999px;
}

.footer-social a.fb_ {
background:rgba(0, 0, 0, 0) url("layout/sprite_icons.png") no-repeat scroll left -254px;
margin:0 24px 0 0;
}
.footer-social a.twitter_ {
background:rgba(0, 0, 0, 0) url("layout/sprite_icons.png") no-repeat scroll left -172px;
margin:0 24px 0 0;
}
.footer-social a.instagram_ {
background:rgba(0, 0, 0, 0) url("layout/sprite_icons.png") no-repeat scroll left -550px;
margin:0 24px 0 0;
}
.footer-social a.rss_ {
background:rgba(0, 0, 0, 0) url("layout/sprite_icons.png") no-repeat scroll left -109px;
}
#footer-info {
width:436px;
float:left;
display:inline;
}
.footer-nav-item {
display:inline-block;
position:relative;
width: 33%;
}
@media only screen and (max-width: 768px) {
	.footer-nav-item {
		display:block;
		width: 100%;
	}
	#footer-nav .footer-nav-item.i {
		margin: 30px 0;
	}
	.footer-social {
		padding-top:50px;
	}

}
.footer-nav-item:after {
	content: "";
	display:table;
}
.footer-nav-item li {
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
}
.footer-nav-item li.heading {
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#004b87;
	letter-spacing:0.8px;
	padding-bottom:11px;
	font-size: 14px;
}
.footer-nav-item li.item {
line-height: 23px;
}
.footer-nav-item li.item a {
font-size:14px;
color:#000;
}
.footer-nav-item li.item a:hover {
color:#004b87;
}
#footer-info .col-left {
width:248px;
margin-right:55px;
float:left;
}
#footer-info .col-right {
max-width:132px;
width:100%;
float:left;
}
#footer-info .col-right a {
color:#646464;
}
#footer-info .col-right a:hover {
color:#166db3;
}
#footer-info {
color:#646464;
line-height:1.5;
}
#footer-info .heading {
text-transform:uppercase;
color:#000;
letter-spacing:0.3px;
padding-bottom:16px;
display:block;
line-height:1;
}
#footer-contact {
display:block;
float:left;
width:100%;
margin-top:65px;
font-size:10px;
color:#818285;
position:relative;
}
#footer-contact .item {
margin-right:24px;
}
#footer-contact .item.pipe {
margin-right:6px;
margin-left:-18px;
}

#footer-service-costs .heading{
	text-transform:uppercase;
	color:#fff;
	letter-spacing:0.8px;
	padding-bottom:11px;
	font-size: 14px;
}
#footer-service-costs .content {
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
	color:#fff;
	line-height: 23px;
	font-size: 14px;
}

.site-alert-footer #footer-service-costs .content {
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	line-height: 1.8;
}

.site-alert-footer #footer-service-costs .content a {
		color:#fff;
		text-decoration: underline;
}

.site-alert-footer #footer-service-costs .content a:hover {
		opacity: 0.9;
}

#footer-service-costs .content p.subtext {
	padding-top:10px;
}
#footer-liputamme {
	padding: 150px 0;
	margin-top: 56px;
	background: url(layout/NETTICKET_heart.jpg) no-repeat left top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#footer-liputamme a {
	background-image: url(layout/netticket-liputamme-tapahtumasi-white.png);
	background-size: 172px 83px;
	width: 172px;
	height: 83px;
	display: block;
	margin: auto;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#footer-liputamme a {
		background-image: url(layout/netticket-liputamme-tapahtumasi-white@2x.png);
	}
}

/* Header logo */
#company-logo {
width:auto;
float:left;
display:inline;
margin-top:2px;
}


/* Header rightside links */


/* account page */
.main.account_heading {
background:#f9f9f9;
  line-height:20px;
  font-size:12px;
  font-weight:normal;
}
tr.account_row_content{
border-top:1px solid #aaa;
}
tr.account_row_content.account_row_even td,
tr.account_row_even td.main {
background:#f6f6f6;
}
tr.account_row_content.account_row_odd td,
tr.account_row_odd td.main{
background:#f2f2f2;

}
.account_row_button {
	height:36px;
}
.main.account_row_padding {
	padding-top:10px !important;
	padding-bottom:7px !important;
}
.account_row_padd {
	line-height:0px;
display:none;
}


.cancel_booking_message_success {
background:#f9f9f9 url('layout_images/tick.png') no-repeat 10px;
  padding:10px 30px;
  display:block;
  border:1px dotted #aaa;
}
.cancel_booking_message_error {
background:#f9f9f9 url('layout_images/exclamation.png') no-repeat 10px;
  padding:10px 30px;
  display:block;
  border:1px dotted #aaa;
}

.checkout_error_msg {
	background:#E84064;
  padding:7px 30px 7px 30px;
  display:block;
   border:none;
  margin-bottom:20px;
  text-align: center;
  color: #fff;
 font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
}

.checkout_notice_msg {
	background:#ECE45A;
  padding:7px 30px 7px 30px;
  display:block;
   border:none;
  margin-bottom:20px;
  text-align: center;
  color: #000;
 font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
}

.checkout_success_msg {
	background:#0C9B23;
  padding:5px 30px 5px 30px;
  text-align: center;
  color: #fff;
  display:block;
  border:none;
  margin-bottom:20px;
  font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
}

.general-notice {
  text-align: left;
  color: #000;
  display:block;
  border:none;
  margin:0px 0 30px 0;
	font-size: 14px;
  font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
}

.pageContent.payment .general-notice {
	float:left;
	background:#ECE45A;
	padding:15px 20px;
  text-align: left;
  color: #000;
  display:block;
  border:none;
  margin:40px 0 20px 0;
  font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
}


.general-notice.allergies {
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -o-calc(100% - 40px);
	width: calc(100% - 40px);
	float:left;
	background:#ECE45A;
	padding:15px 20px;
  text-align: left;
  color: #000;
  display:block;
  border:none;
  margin:40px 0 20px 0;
  font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
}


@media only screen and (max-width: 550px) {
	.pageContent.confirm .general-notice {
		font-size: 14px;
	}
}

/* checkout campaign */
.order-code-view {
	padding:15px;
}

.order-code-header {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ea5297;
}

.order-code-view.op .order-code-header {
	border-bottom: 1px solid #f36f21;
}

.generic_campaign_popup .order-code-header {
	border-bottom: 1px solid #111;
}

.order-code-header .logo {
	background:url('layout/vaasan-sahko-campaign.png') no-repeat center top;
	height:90px;
	width:264px;
	display:table;
	background-size: 58%;
	margin:auto;
}

.generic_campaign_popup .order-code-header .logo {
	background:url('layout/campaign-popup-generic.png') no-repeat center top;
	height:85px;
	width:85px;
	display:table;
	background-size: 78%;
	margin:auto;
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.generic_campaign_popup .order-code-header .logo {
	    background-image: url('layout/campaign-popup-generic@2x.png');
	}
}

.order-code-view.op .order-code-header .logo {
	background:url('layout/OP_Keski-Pohjanmaa_4v_vasen.png') no-repeat center top;
	height:72px;
	width:400px;
	display:table;
	background-size: 70%;
	margin:auto;
}

.order-code-header p {
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	line-height: 1.4;
}

.order-code-view.op .order-code-header p {
	font-size: 16px;
	line-height: 1.8;
}

.order-code-view .input {
	padding:0;
	text-align: center;
}
.order-code-view .form-area {
	margin: 0 auto;
	text-align: center;
	display:table;
}

.order-code-view.generic_campaign_popup .form-area {
	margin-top:15px;
}

.order-code-view .input label {
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.order-code-view.op .input label {
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	font-size: 18px;
	display:block;
	margin-bottom:15px;
}

.order-code-view .input label span {
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
	display: block;
	line-height: 1;
	font-size: 14px;
	margin: 10px 0 20px 0;
}
.order-code-view .input input#order-code {
	width: 120px;
	font-size: 20px;
	padding: 0 10px;
	margin:0;
	height: 44px;
	text-align: center;
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
	color: #e5007d;
	display: table-cell;
	outline: 0;
	outline-width: 0;
	box-sizing: border-box;
}
.order-code-view.generic_campaign_popup .input input#order-code {
	width: 170px;
	font-size: 16px;
	padding: 0 10px;
	margin:0;
	height: 44px;
	text-align: center;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	color: #111;
	display: table-cell;
	outline: 0;
	outline-width: 0;
	box-sizing: border-box;
}

.order-code-view.op .input input#order-code {
	width: 170px;
	font-size: 16px;
	padding: 0 10px;
	margin:0;
	height: 44px;
	text-align: center;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	color: #f36f21;
	display: table-cell;
	outline: 0;
	outline-width: 0;
	box-sizing: border-box;
	text-transform: uppercase;
}

.order-code-view .button {
	display: table-cell;
	box-sizing: border-box;
}

input#order-code:focus,
input#order-code:-moz-focusring {
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}


input#order-code::-webkit-input-placeholder {
    text-transform: none;
    font-size: 20px;
    font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
    color: #999;

}
input#order-code:-moz-placeholder {
    text-transform: none;
    font-size: 20px;
    font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
    color: #999;
}
input#order-code::-moz-placeholder {
    text-transform: none;
    font-size: 20px;
    font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
    color: #999;
}
input#order-code:-ms-input-placeholder {
    text-transform: none;
    font-size: 20px;
    font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
    color: #999;
}
input#order-code::placeholder {
    text-transform: none;
    font-size: 20px;
    font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
    color: #999;
}


.order-code-view.op input#order-code::-webkit-input-placeholder,
.order-code-view.generic_campaign_popup input#order-code::-webkit-input-placeholder  {
    text-transform: none;
    font-size: 16px;
    font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
    color: #999;

}
.order-code-view.op input#order-code:-moz-placeholder,
.order-code-view.generic_campaign_popup input#order-code:-moz-placeholder {
    text-transform: none;
    font-size: 16px;
    font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
    color: #999;
}
.order-code-view.op input#order-code::-moz-placeholder,
.order-code-view.generic_campaign_popup input#order-code::-moz-placeholder {
    text-transform: none;
    font-size: 16px;
    font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
    color: #999;
}

.order-code-view.op input#order-code:-ms-input-placeholder,
.order-code-view.generic_campaign_popup input#order-code:-ms-input-placeholder {
    text-transform: none;
    font-size: 16px;
    font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
    color: #999;
}
.order-code-view.op input#order-code::placeholder,
.order-code-view.generic_campaign_popup input#order-code::placeholder {
    text-transform: none;
    font-size: 16px;
    font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
    color: #999;
}


/* Front page slider */
.front_page_slider {
	position: relative;
	width: 1200px;
	height: auto;
	margin: -20px 0 0 0px;
}

.front_page_slider .bx-wrapper {
	padding-bottom: 30px;
	margin-bottom: 35px;
}

.front_page_slider.padding {
margin-bottom:15px;
}

/* front page event tabs */
.events.front {
width:100%;
}
.events.front > ul {
margin-bottom:40px;
margin-top:0px;
text-align: center;
}
.events.front ul li.event-nav-li {
display:inline;
line-height:39px;
}
.events.front ul li > a.event-nav-link,
.events.front ul li > a.clicked {
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	cursor:pointer;
	letter-spacing:0.3px;
	padding:11px 7px;
	white-space: nowrap;
	font-size: 14px;
	color:#000;
}
@media only screen and (max-width: 768px) {
.events.front ul li > a.event-nav-link,
.events.front ul li > a.clicked {
	font-size: 12px;
}
}
.events.front ul li > a.event-nav-link.clicked,
.events.front ul li > a.clicked {
background:#f2f2f2;
color:#000;
}
.events.front ul li > a.event-nav-link:hover {
background:#f2f2f2;
color:#000;
}
.events.front ul li > a.event-nav-link.clicked:hover {
background:#f2f2f2;
color:#000;
}

/* Event/item list */
.playsBoxTable {
width:373px;
display:inline;
float:left;
position:relative;
border:1px solid #ddd;
margin-right:9px;
padding:19px 18px 16px 18px;
}
.playsBoxTable.even {
margin-right:0px !important;
}

.playsBoxTable .playsImage,
.playsBoxTable .playsRight {
display:inline;
float:left;
position:relative;
}
.playsBoxTable .playsImage {
width:164px;
}
.playsBoxTable .playsRight {
width:209px;
height:100%;
}
.playsBoxTable a.playsName {
font-size:18px;
letter-spacing:0.1px;
line-height:1.1;
padding-bottom:14px;
display:block;
}
.playsBoxTable .playsText {
line-height:1.4;
padding-bottom:10px;
font-size:12px;
}
.playsBoxTable .playsRight .playsActions {
margin-left:-6px;
width:235px;
position:absolute;
bottom:0px;
}
.playsBoxTable .playsActions a {
margin-left:5px;
}

.event-item-list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.event-item-list > li {
	-webkit-flex: 0 0 21%;
	flex: 0 0 21%;
	display: flex;
	padding: 2% 2% 6% 2%;
	margin:0 auto;
}

.event-item-list > li .event-item-container {
	position: relative;
	height: 100%;
	text-align: center;
	display: flex;
	flex-flow: row wrap;
}

@media only screen and (max-width: 1024px) {
	.event-item-list > li .event-item-container {
		padding:5px;
	}
}

@media only screen and (max-width: 1200px) {
	.event-item-list > li {
		-webkit-flex: 0 0 33%;
		flex: 0 0 33%;
		display: flex;
		padding: 2% 0% 6% 0%;
	}
}

.org_events #indexproducts ul li.event-item {
width:46%;
}

@media only screen and (max-width: 1200px) {
	.org_events #indexproducts ul li.event-item {
	width:29%;
	}
}
@media only screen and (max-width: 980px) {
	.org_events #indexproducts ul li.event-item {
	width:29%;
	}
}

@media only screen and (max-width: 900px) {
	.org_events #indexproducts ul li.event-item {
	width:46%;
	}
}


@media only screen and (max-width: 440px) {
	#indexproducts ul li.event-item .actions a.button,
	.filter-giftcards ul li.event-item .actions a.button {
		min-width: 0px;
	}
	#indexproducts ul li.event-item img,
	.filter-giftcards ul li.event-item img {
		max-width: 150px;
		height: auto;
	}
}

#indexproducts ul li.event-item:hover,
.filter-giftcards ul li.event-item:hover {
	background: #fafafa;
}


#indexproducts ul li .event-organizer,
#indexproducts ul li .event-name,
#indexproducts ul li .event-image,
.filter-giftcards ul li .event-organizer,
.filter-giftcards ul li .event-name,
.filter-giftcards ul li .event-image {
	display:block;
	position: relative;
	width: 100%;
	float:left;
}
@media only screen and (min-width: 440px) {
	#indexproducts ul .event-image,
	.filter-giftcards ul .event-image {
		margin:0;
		height: 300px;
	}
}
#indexproducts ul.product-item-list .event-image,
.filter-giftcards ul.product-item-list .event-image {
	height: auto;
}
#indexproducts ul .event-image img,
.filter-giftcards ul .event-image img {
	margin:0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: 0px 0px 9px 3px rgba(168,168,168,0.34);
	-moz-box-shadow: 0px 0px 9px 3px rgba(168,168,168,0.34);
	box-shadow: 0px 0px 9px 3px rgba(168,168,168,0.34);
	overflow: hidden;
	max-height: 296px;
	width: auto;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#indexproducts ul .event-image img.lazy {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	opacity: 0;
}

.filter-giftcards ul .event-image img {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-box-shadow: 0px 0px 9px 3px rgba(168,168,168,0);
	-moz-box-shadow: 0px 0px 9px 3px rgba(168,168,168,0);
	box-shadow: 0px 0px 9px 3px rgba(168,168,168,0);
}

#indexproducts ul li .event-info,
.filter-giftcards ul li .event-info {
	padding: 0;
	display: flex;
	width: 100%;
	float: left;
	flex-flow: row wrap;
}
#indexproducts ul li.absolute .event-info,
.filter-giftcards ul li.absolute .event-info {
	position: absolute;
	bottom: 0;
}
#indexproducts ul li .event-organizer,
.filter-giftcards ul li .event-organizer {
	padding: 12px 0 0 0;
	font-size: 13px;
}
#indexproducts ul li h2.event-name {
	font-size: 18px;
	line-height: 24px;
	padding:6px 0 0 0;
}

.filter-giftcards ul li h2.event-name {
	font-size: 14px;
	line-height: 24px;
	padding:6px 0 0 0;
}

#indexproducts ul li h2.event-name a,
.filter-giftcards ul li h2.event-name a {
	color: #222;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

#indexproducts ul li h2.event-name a:hover,
.filter-giftcards ul li h2.event-name a:hover {
	color: #004987;
}

@media only screen and (max-width: 768px) {
	#indexproducts ul li h2.event-name {
		font-size: 16px;
		line-height: 20px;
	}
	.filter-giftcards ul li h2.event-name {
		font-size: 14px;
		line-height: 20px;
	}
}

#indexproducts ul li .actions,
.filter-giftcards ul li .actions {
	display: block;
	position: relative;
	width: 100%;
	float: left;
	padding: 20px 0 0 0;
	margin-top: auto;
}

#indexproducts ul li .actions a,
.filter-giftcards ul li .actions a {
	float:left;
	width:48%;
	display:table-cell;
	padding:0;
	margin:0 1%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

@media only screen and (max-width: 980px) {
	#indexproducts ul li .actions a {
		width:98%;
		display:block;
		margin:1%;
	}
	.filter-giftcards ul li .actions a {
		width:98%;
		max-width: 150px;
		display:inline-block;
		margin:1% auto;
		float:none;
		text-align: center;
	}
}

@media only screen and (max-width: 550px) {
	.filter-giftcards ul .event-image img {
		max-width: 180px;
		height: auto;
	}
	.filter-giftcards ul li .actions a.default-button {
		display:none;
	}
	.filter-giftcards ul li .actions a {
		margin-bottom: 20px;
	}
}

#indexproducts ul li.product-item .actions a,
.filter-giftcards ul li.product-item .actions a {
	width:100%;
}

.pageHeading.filter-gc-main h1{
		text-align: center;
}

.pageHeading.filter-gc h2 {
	color: #222;
	padding-left: 60px;
}

.pageHeading.filter-gc {
	width: calc(100% + 60px);
	width: -moz-calc(100% + 60px);
	width: -webkit-calc(100% + 60px);
	width: -o-calc(100% + 60px);
	margin-left: -30px;
	border-top: 1px solid #e2e2e2;
	margin-top: 40px;
	padding: 30px 0;
}

@media only screen and (max-width: 768px) {
	.pageHeading.filter-gc h2 {
		text-align: center;
		padding-left:0;
	}

}

@media only screen and (max-width: 1200px) {
	.pageHeading.filter-gc {
		width: calc(100% + 40px);
		width: -moz-calc(100% + 40px);
		width: -webkit-calc(100% + 40px);
		width: -o-calc(100% + 40px);
		margin-left: -20px;
	}
}

@media only screen and (max-width: 980px) {
	.pageHeading.filter-gc {
		width: 100%;
		margin-left: 0px;
	}
}

.pageHeading.filter-gc.filter-gc-first {
		border:none;
}

.giftcard-hero {
	position: relative;
	width: 100%;
	margin-top: -20px;
	line-height: 0;
}

.giftcard-hero img {
	max-width: 100%;
	height: auto;
	opacity: 1;
}
.giftcard-hero h1 {
	position: absolute;
	top: 38%;
	width: 100%;
	text-align: center;
	font-size: 2em;
	text-transform: uppercase;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	color: #004b87;
	/* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
	background: rgba(255, 255, 255, 0.7);
	padding: 10px 0;
}

@media only screen and (max-width: 768px) {
	.giftcard-hero h1 {
		top: 34%;
		font-size: 1.1em;
	}
}

/* org tabs and events */
.org_tabs {
float:left;
position:relative;
display:inline;
width:240px;
margin-right:20px;
  margin-bottom:15px;
}
.orgtabcontent {
	float:left;
	padding:20px 15px;
	display:block;
}
.org_events {
position:relative;
display:inline;
width:880px;
}

.org_events .playsBoxTable .playsRight .playsActions {
	position:relative;
}

.org_tabs li {
	margin-bottom:1px;
	background:#ececec;
}

.org_tabs li:hover {
	background:#aaa;
}

.org_tabs li a {
padding:6px 10px;
position:relative;
display:block;

}
.org_tabs li.active {
background:#3b3b3f;
}
.org_tabs li.active a {
color:#fff;
}
.org_tabs li:hover {
}
.org_tabs li.active:hover {
	background:#3b3b3f;
}

@media only screen and (min-width: 1226px) {
	.org_events {
		float:left;
	}
	.org_events .playsBoxTable {
		width:523px;
	}
    .org_events .playsBoxTable .playsRight{
		width:358px;
	}
}

@media only screen and (min-width:980px) and (max-width: 1225px) {
	.org_tabs {
		float:left;
		position:relative;
		display:block;
		width:100% !important;
		margin-right:20px;
	}
	.org_events {
		float:left;
		position:relative;
		display:inline;
		width:100%;
	}
}

@media only screen and (max-width: 980px) {
	.org_tabs {
		float:left;
		position:relative;
		display:block;
		width:100% !important;
		margin-right:20px;
	}
}

#main-nav-m {
	display:none;
}


/* Right column calendar plays list */
.event-calendar-inner {
	width:100%;
	float:left;
	display:block;
	border-top:1px solid #cccccc;
	padding:50px 0;
}
.event-picker {
	width:320px;
	margin-right: 60px;
	float: left;
}

#PlaysOnDate {
	width:820px;
	float:left;
}
@media only screen and (max-width: 1200px) {
#PlaysOnDate {
	width:600px;
}
}
@media only screen and (max-width: 980px) {
#PlaysOnDate {
	width:100%;
}
.event-picker {
	width:320px;
	margin:0 auto 50px auto;
	float: none;
}
}
#PlaysOnDate,
#PlaysOnDate a {
font-size:14px;
}

#PlaysOnDate .calendarchosendate {
font-size:20px;
padding:3px 0 16px 10px;
line-height:1;
}
@media only screen and (max-width: 768px) {
	#PlaysOnDate .calendarchosendate {
	font-size:20px;
	padding:3px 0 16px 0px;
	text-align: center;
	}
}
#PlaysOnDate .calendartime{
font-size:14px;
padding-bottom:3px;
padding-right:7px;
}



/* Right column upcoming plays */
#upcoming-plays {
margin-top:50px;
float:left;
position:relative;
margin-bottom:19px;
}
#upcoming-plays-cal {
	width: 100%;
margin-top:0px;
float:left;
position:relative;
margin-bottom:0px;
}
#PlaysOnDate ul li {
font-size:12px !Important;
font-weight:normal;
}
#upcoming-plays .content,
#upcoming-plays-cal .content {
clear:both;
}
#upcoming-plays .heading,
#upcoming-plays-cal .heading {
color:#010101;
text-align:left;
font-size:16px;
line-height:1.3;
padding-bottom:10px;
}
#upcoming-plays .item,
#upcoming-plays-cal .item {
display:block;
float:left;
vertical-align:middle;
line-height: 36px;
padding:3px 2% 2px;
position:relative;
width: 96%;
font-size: 16px;
}
@media only screen and (max-width: 1200px) {
#upcoming-plays .item,
#upcoming-plays-cal .item {
	font-size: 14px;
}
}
#upcoming-plays .item:nth-child(odd),
#upcoming-plays-cal .item:nth-child(odd) {
	background:#f2f2f2;
}
#upcoming-plays .upcomingboxName,
#upcoming-plays .upcomingboxDate,
#upcoming-plays .upcomingboxStatus,
#upcoming-plays .upcomingboxAction,
#upcoming-plays-cal .upcomingboxName,
#upcoming-plays-cal .upcomingboxDate,
#upcoming-plays-cal .upcomingboxAction,
#upcoming-plays-cal .upcomingboxStatus {
float:left;
display:inline;
}

#upcoming-plays-cal .upcomingboxName {
	width:38%;
	padding-right:1%;
}

#upcoming-plays-cal .upcomingboxName a {
	line-height: 1.4;
	text-decoration: underline;
	color: #000;
	font-size: 16px;
}
@media only screen and (max-width: 1200px) {
	#upcoming-plays-cal .upcomingboxName a {
		font-size: 14px;
	}
}
#upcoming-plays-cal .upcomingboxDate {
	width:23%;
	padding-right:1%;
}
#upcoming-plays-cal .upcomingboxAction {
	width:14%;
	padding-right:1%;
}
#upcoming-plays-cal .upcomingboxAction a.button {
	padding:0;
}
#upcoming-plays-cal .upcomingboxAction .button {
	width:100%;
}

#upcoming-plays .upcomingboxStatus,
#upcoming-plays-cal .upcomingboxStatus {
	width:22%;
}

#upcoming-plays-cal .upcomingboxName .upcomingboxDate {
	display:none;
}

@media only screen and (max-width: 1200px) {
	#upcoming-plays-cal .upcomingboxDate {
		display:none;
	}
	#upcoming-plays-cal .upcomingboxName .upcomingboxDate {
		display:block;
		width: 100%;
		padding:0;
	}
	#upcoming-plays-cal .upcomingboxName {
		width: 50%;
		padding-right: 2%;
	}
	#upcoming-plays-cal .upcomingboxAction {
		width: 47%;
	}
	#upcoming-plays .upcomingboxStatus,
	#upcoming-plays-cal .upcomingboxStatus {
		width:32%;
	}
}

#upcoming-plays-cal .upcomingboxStatus ._status_avail_,
.sectionAvailability ._status_avail_ {
	color:#75d158;
}
#upcoming-plays-cal .upcomingboxStatus ._status_some_,
.sectionAvailability ._status_some_ {
	color:#f69d06;
}
#upcoming-plays-cal .upcomingboxStatus ._status_soldout_,
.sectionAvailability ._status_soldout_ {
color: #e84064;
}
#upcoming-plays-cal .upcomingboxStatus ._status_cancelled_,
#upcoming-plays-cal .upcomingboxStatus ._status_noinfo_,
.sectionAvailability ._status_cancelled_,
.sectionAvailability ._status_noinfo_ {
color: #e84064;
}


.availability-right ul li {
color:#646464;
}

.availability-right
{
float:left;
    padding: 18px 0px 0px 0px;

}

.availability-right li
{
    margin-bottom: 7px;
    float: left;
width:50%;

}
.availability-right li img {
margin-right:3px;
}



/* Sign up form */
.show_report_link {
float:right;
  position:relative;
  padding-right:10px;
}
.show_report_link a {
	background:url(layout/report.png) no-repeat left 2px;
	color:#fff;
  padding-left:24px;
 font-size:12px;
  padding-top:2px;
  padding-bottom:2px;
 text-indent:-2222px;
}

.sign-up-form {
	width:97.7%;
}
.sign-up-heading {
	padding:0;
	background: #166db3;
	margin-left:2%;
	margin-bottom: 10px;
	clear:both;
}
.sign-up-info {
	margin-top: 10px;
	margin-left:2%;
	clear:both;
}
.sign-up-info span {
	font-size: 14px;
}
.sign-up-heading span {
	padding:3px 0 3px 10px;
	font-size: 14px;
	color: #fff;
}

.sign-up-form .sign-up-form-row {
	display: block;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	width:100%;
}
.sign-up-form .sign-up-form-row.first-signup-row {
	margin-top:5px;
}
.sign-up-form .sign-up-box {
	display:inline;
	width:29.3%;
	float:left;
	padding:5px 2%;
}

.sign-up-form .sign-up-box label {
	display:block;
}
.sign-up-form .sign-up-box.field-required label:after {
	content:" *";
}
.sign-up-form .sign-up-box input {
	width:100%;
	height:22px;
	line-height: 22px;
	padding:4px;
	display:block;
	font-size: 14px;
	margin-top:-3px;
}
.sign-up-form .sign-up-box select {
	width:99%;
	height:27px;
	line-height: 27px;
	font-size: 14px;
}
.sign-up-form .sign-up-box select.required-error {
	color: #ee0000;
}
.sign-up-form .sign-up-box input.required-error {
	border:1px solid #ee0000;
	height:26px;
	line-height: 26px;
}

.sign-up-form .sign-up-box.field-yob input {
	width:100%;
	max-width:100px;
	padding:4px;
}

.sign-up-form .sign-up-box.field-personal_best input {
	max-width:100px;
}

.sign-up-form .sign-up-box.field-compound {
	clear:left;
}
.sign-up-form label {
	padding:1px;
}

@media only screen and  (max-width: 980px) {
.sign-up-form .sign-up-box {
	width:46%;
	float:left;
	padding:5px 2%;
}
}
@media only screen and  (max-width: 600px) {
.sign-up-form .sign-up-box {
	width:95%;
	float:left;
	padding:5px 2%;
}
}

/* Sign up form cart page */
.show-participants {
padding:10px 0 10px 22px;
  display:block;
  font-size: 12px !important;
  background:url(layout_images/group.png) no-repeat left center;
}
.show-participants:hover {
	text-decoration: underline;
}

.multiple-carts-notifications {
	width: 100%;
	display:block;
	float: left;
	margin-bottom: 30px;
}
.cart_item .item_prod .participant-item {
	padding:0;
	position: relative;
	display:block;
	width:100%;
	margin-bottom:20px;
	float:left;
}
.cart_item .item_prod .participant-item-heading {
padding:5px;
background:#e2e2e2;
}

.cart_item .item_prod .participant-data-field {
	display:inline;
	float:left;
	width:46%;
	padding:2% 0;
}
.cart_item .item_prod .participant-data-field .label {
	display:block;
	font-size: 14px;
}
.cart_item .item_prod .participant-data-field .value {
font-size: 12px;
}

@media only screen and (max-width: 1024px) {
	.cart_item .item_prod .participant-data-field {
		width:96%;
		padding:2% 0;
		display:block;
	}
}

/* participant report on event page */
.participants-table {
	position: relative;
	display:table;
	width:100%;

}
.participants-row {
	display:table-row;
}
.participants-row .participants-heading {
	background:#f9f9f9;
}

.participants-row div {
	display:table-cell;
	padding:4px;
}
.participants-row:hover {
	background:#f9f9f9;
}

/* cart notify text */
.cart_notify_ {
	color: #e84064;
}

/* Content pages */
h1 	{
font-size:30px;
font-family: 'Montserrat-Light';
color:#000;
line-height:1.5;
}
h2 	{
font-size:20px;
color:#004b87;
}
h3 	{
font-size:18px;
}
h4 	{
font-size:14px;
}
h5 	{
font-size:12px;
}
h6 	{
font-size:12px;
}
._output_ {
line-height:1.6;
font-size:16px;
}
.pageHeading {
width:100%;
display:block;
padding-bottom:20px;
}
.pageHeading.org-page {
	text-align: center;
}
h2.org-page {
	font-size:22px;
	color:#000;
	text-align: center;
}
h2.products-section {
	margin:55px 0 40px 0;
}
.pageContent {
	width:100%;
	display:block;
	clear:both;
	padding-bottom:20px;
}

body.is-video-stream-service .pageContent,
body.is-donate-service .pageContent {
		padding-bottom: 0;
}

.pageContent img {
	max-width: 100%;
	height: auto !important;
}
.pageContent.playsinfo {
padding-top:30px;
}
.pageContent.playsinfo span.tabtext,
.heading-tab span,
#physical_pinfo .read_more_tab_class {
width:100%;
background:#2E607D;
text-indent:15px;
padding:6px 0;
display:block;
outline:none;
color:#fff;
font-size:16px;
font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.heading-tab span {
	clear:left;
}

.organizer-event-calendar {
	float: left;
	display:block;
	width: -moz-calc(100% + 60px);
	width: -webkit-calc(100% + 60px);
	width: -o-calc(100% + 60px);
	width: calc(100% + 60px);
	margin: 10px 0 50px -30px;
	border-top: 1px solid #dadada;
	padding-top:45px;

}

.event-list-filtered.organizer-page {
	margin-top:40px;
}

@media only screen and (max-width: 1200px) {
	.organizer-event-calendar {
		width: -moz-calc(100% + 40px);
		width: -webkit-calc(100% + 40px);
		width: -o-calc(100% + 40px);
		width: calc(100% + 40px);
		margin: 10px 0 50px -20px !important;
	}
}
@media only screen and (max-width: 980px) {
	.organizer-event-calendar {
		width: 100%;
		margin: 10px 0 50px 0 !important;
	}
}
.heading-tab {
	float:left;
	display:block;
	width: 100%;
	margin-top:20px;
}
.heading-tab.additional-tab {
	margin-top:30px;
}
.pageContent.playsinfo .tabcontent {
padding:10px 10px 20px 10px;
}
.pageContent.playsinfo .tabcontent.no-padding {
padding:10px 0px 20px 0px;
}
.pageContent.playsinfo .tabcontent.participants {
	padding-left: 0;
	padding-right: 0;
}

.playsInfoBuyTickets {
	width: 100%;
	display:inline;
}

/* Pinfo page */
#event_product_page {
/*line-height:1.3;*/
}
.pageHeading h1 span {
color:#3b3b3f;
font-size:19px;
}
#event_product_page .pageHeading h1 span {
line-height:20px;
}
.event_page_url {
	position: absolute;
	top:-10000px;
}
#event_product_page .event-heading-date {
	padding:10px 0 20px 0;
	font-size:22px;
	color:#3b3b3f;
	display: block;
}

.pinfo_sales_info {
	padding-bottom:12px;
}
span.pInfoSpecific {
	color:#e84064;
	font-size:16px;
	background:url(layout_images/information.png) no-repeat left 3px;
	padding-left:22px;
}


#physical_pinfo .pInfoName{
	padding-bottom:10px;
}
#physical_pinfo .pInfoImage {
	float: left;
	margin-right: 50px;
	width: 320px;
	margin-top: 0;
}

.custom-price-form {
	display: block;
	margin: 30px 0 0 0;
	width: 100%;
	float: left;
	padding: 20px 0;
	border-top: 1px solid #e6e6e6;
}
.custom-price-form label {
	display: block;
	margin: 4px 0 20px 0;
}
.custom-price-form .buy{
	float:left;
	display:inline;
	width: 100%;
}
.custom-price-form input.custom-price {
	float: left;
	border-radius: 3px;
	-moz-appearance: none;
	border-width: 1px;
	border-color: #E6E6E6;
	border-style: solid;
	outline-offset: -2px;
	background-color: #fff;
	padding: 7px 18px 7px 18px;
	width: 115px;
	color:#444;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	outline: 0;
	position: relative;
	display: inline-block;
	margin: 0 20px 10px 0;
	text-align: left;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	font-family:"Montserrat-Regular", Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	-moz-box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
}
.custom-price-form input.custom-price-symbol {
	font-family: "Montserrat-Regular", Arial, Helvetica, sans-serif;
	float: left;
	-moz-appearance: none;
	border-width: 1px;
	border-color: #E6E6E6;
	border-style: solid;
	outline-offset: -2px;
	background-color: #fff;
	padding: 7px;
	width: 36px;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	outline: 0;
	position: relative;
	display: inline-block;
	background-image: url('layout/euro-currency-symbol.svg');
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 14px center;
	margin-right: -4px;
	border-right: none;
}

.custom-price-form input.custom-price::-webkit-input-placeholder {
    font-family:"Montserrat-Light", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.custom-price-form input.custom-price:-moz-placeholder {
    font-family:"Montserrat-Light", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.custom-price-form input.custom-price::-moz-placeholder {
    font-family:"Montserrat-Light", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.custom-price-form input.custom-price:-ms-input-placeholder {
   font-family:"Montserrat-Light", Arial, Helvetica, sans-serif;
   font-size: 14px;
}
.custom-price-form input.custom-price::placeholder {
   font-family:"Montserrat-Light", Arial, Helvetica, sans-serif;
   font-size: 14px;
}

.custom-price-form input.custom-price:focus, .custom-price-form input.custom-price:hover, .custom-price-form input.custom-price:active, custom-price-form input.custom-price:valid,
.custom-price-form input.custom-price:not(:placeholder-shown) {
	border-color: #6bcaba;
}

.custom-price-form .custom-price.invalid {
	border-color: #e84064 !important;
}

@media only screen and (max-width: 550px) {
	.custom-price-form a.button{
		width: calc(100% - 30px);
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: -o-calc(100% - 30px);
	}
	.custom-price-form .buy {
		float:none;
	}
	.custom-price-form .buy a:hover {
		text-decoration: none;
	}
}

._prod_attr_.custom-sum {
	font-size: 14px;
}

.pinfo-details-table{
    width: 100%;
    background: #EAEAEA;
}

.pInfoImage {
	text-align:center;
}

.pinfo-web-sale-begins {
color:#005ba2;
font-size:14px !important;
margin-top:4px;
margin-bottom:8px;
background:url(layout_images/information.png)no-repeat 0 3px;
padding-left:20px;
}
.pinfo-web-sale-ends {
color:#ee0000;
font-size:14px !important;
margin-top:10px;
margin-bottom:8px;
background:url(layout_images/exclamation.png) no-repeat 0;
padding-left:23px;
}

.pinfo_booking_price_diff {
color:#000;
font-size:12px;
}

#physical_pinfo .price {
	font-size:26px;
	color:#004b87;
	padding-bottom:20px;
	padding-top:10px;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

.pinfo_read_more {
	float: left;
	width: 100%;
	margin-top: 50px;
}

#physical_pinfo #pinfo_read_more_area {
padding:10px;
float:left;
font-size:14px;
line-height:1.3;
}

/* Product listing */
.productListing-heading{
font-size:14px;
color:#fff;
}
.productListing-heading:hover {
color:#166db3;
}
.listing_heading {
background: #3b3b3f;
color:#fff;
display:inline;
float:left;
font-size:14px;
padding:10px 1% 10px 1%;
}

.listing_heading.cart {
float:left;
width:100%;
padding:6px 0;
margin: 4px 0 10px;
font-size:14px;
color:#fff;
padding-left:10px;
font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
text-transform: uppercase;
background:#6591b6;
}

.listing_heading.date {
width:13.3%;
}
.listing_heading.name {
width:38.5%;
}
.listing_heading.price {
width:10.0%;
text-align:right;
}
.listing_heading.avail {
width:11.2%;
text-align:center;
}
.listing_heading.action {
width:17.0%;
text-align:center;
}
.listing_item {
display:block;
position:relative;
float:left;
border-bottom:1px solid #d4d4d4;
padding-bottom:15px;
padding-top:15px;
width:100%;
}
.listing_item .item_date {
display:inline;
width:13.3%;
padding-right:1%;
padding-left:1%;
float:left;
}
.listing_item .item_name {
display:inline;
width:38.5%;
padding-right:1%;
padding-left:1%;
float:left;
}
.listing_item .item_name a {
display:block;
padding-bottom:5px;
}
.listing_item .item_action span._expired_ {
background:url(layout_images/exclamation.png) no-repeat;
padding-left:22px;
color: #e84064;
font-size: 12px;
}
.listing_item .item_action span._upcoming_ {
background:url(layout_images/information.png) no-repeat;
padding-left:20px;
}
.listing_item .item_price {
display:inline;
width:10.0%;
padding-right:1%;
padding-left:1%;
float:left;
text-align:right;
}
.listing_item .item_avail {
display:inline;
width:11.0%;
padding-right:1%;
padding-left:1%;
float:left;
text-align:center;
}
.listing_item .item_action {
display:inline;
width:17%;
padding-right:1%;
padding-left:1%;
float:right;
}
.listing_item .item_action a.button {
float:left;
}
.listing_item .item_spec {
float:left;
display:block;
clear:both;
margin-top:18px;
padding-left:10px;
}
.listing_item .item_name span {
background:url(layout_images/arrow_right.png) no-repeat left;
padding-left:20px;
}

.listingAmount {
    padding: 15px 0 !important;
	float:left;
}

.listingResult {
    padding: 15px 0 !important;
	float:right;
	display:none;
}

#slider .listingAmount {
	float:none;
	padding:10px 0 17px 1px !important;
	margin-left:1px;
}

.listingResult u {
    text-decoration: none;
}

.availability-explain li{
    float: left;
	font-size:11px;
    margin-right: 20px;
    text-transform: uppercase;
	color:#646464;
}

#slider .availability-explain li {
	color:#000;
	line-height: 2;
}

.availability-explain li img {
margin-right:2px;
}

.listingResult b {
text-decoration:underline;
color:#166db3;
}

.playsListPrint {
    text-align: right;
    padding-bottom: 5px;
}

.playsListPrint a {
    color: #166db3;
    font-weight: normal;
}

.playsListPrint a:hover {
    color: #333;
    font-weight: normal;
    text-decoration: underline;
}

.playsListPrint img {
    padding-right: 5px;
margin-bottom:-1px;
}

/* shopping cart */
.listing_heading.cart {
padding:10px 1% 10px 1%;
}
.listing_heading.remove {
width:10.4%;
}
.listing_heading.product {
width:52.6%;
}
.listing_heading.qty {
width:14.8%;
text-align:center;
}
.listing_heading.total {
width:14.2%;
text-align:center;
}
.cart_item {
display:block;
position:relative;
float:left;
border-bottom:1px solid #dadada;
padding-bottom:15px;
padding-top:15px;
width:99.9%;
}
.cart_item .item_remove {
float:left;
display:inline;
width:10.4%;
padding-left:1%;
padding-right:1%;
}
.cart_item .item_prod {
float:left;
display:inline;
width:50.8%;
padding-left:1%;
padding-right:1%;
}
.cart_item .item_qty {
float:left;
display:inline;
width:14.8%;
padding-left:1%;
padding-right:1%;
text-align:center;
}
.cart_item .item_qty img {
margin-bottom:-3px;
padding:0 3px;
}
.cart_item .item_qty input {
width:30px;
font-size:14px;
text-align:center;
}
.cart_item .item_total {
float:left;
display:inline;
width:14.2%;
text-align:right;
font-size:14px;
padding-left:1%;
}
.cart_item .item_prod a {
font-size:14px;
line-height:24px;
}
.cart_item .item_prod span {
display:block;
}
.cart-show-seats-image {
margin-bottom:3px;
margin-top:4px;
}
.cart-show-seats-image a {
text-decoration:none;
font-weight:normal;
font-size:12px !important;
background:url(layout_images/zoom.png) no-repeat 0 0;
padding-left:22px;
padding-top:1px;
padding-bottom:2px;
}

.cart-show-seats-image a:hover {
text-decoration:underline;
}
.cart_top_area {
clear:both;
float:left;
width:100%;
margin-bottom:20px;
margin-top:16px;
}
.main_total {
float:left;
width:100%;
text-align:right;
margin-top:12px;
margin-bottom:12px;
font-size:20px !important;
border-bottom:none !important;
}

.countdown-area {
padding:20px 0 5px;
border-top:1px solid #ccc;
float: left;
width: 100%;
display:block;
margin-top:25px;
}
/* Login page */
.pageContent .heading {
float:left;
width:100%;
padding:6px 0;
margin: 4px 0 10px;
background: #6591b6;
}
.pageContent .heading span {
font-size:14px;
color:#fff;
padding-left:10px;
font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

.pageContent .content,
.pageContent .content-fb {
padding:10px 10px 20px 10px;
float:left;
}

.pageContent #login_box .info,
.pageContent #guest_box .info {
padding-bottom:10px;
}
.pageContent #login_box .input,
.pageContent #guest_box .input {
display:block;
width:100%;
}

.pageContent #login_box .input.submit.fp {
	display:flex;
	margin-bottom: 15px;
}


.pageContent #login_box .forgot,
.pageContent #guest_box .forgot {
padding-bottom:10px;
}
.pageContent #login_box .input .label,
.pageContent #guest_box .input .label {
}
.pageContent #login_box .input input,
.pageContent #guest_box .input input {
padding:3px;
width:300px;
margin-bottom:16px;
font-size:14px;
}

.pageContent #login_box {
	width:100%;
}

.pageContent #login_box .login-content-wrapper {
	width: 50%;
	display:table-cell;
	vertical-align: top;
	float: left;
}

@media only screen and (max-width: 768px) {
	.pageContent #login_box .login-content-wrapper {
		width: 100%;
		display:block;
		vertical-align: top;
		float: left;
	}
	.pageContent #login_box .login-content-wrapper.fb-wrap {
		padding-top:20px;
	}
}

.pageContent #guest_box .input.country select {
padding:3px;

}
.pageContent #guest_box .input.country {
  padding-bottom:15px;
}
.pageContent #register_box .to_reg_page {
padding-top:10px;
}
.pageContent.create_account .heading{
margin-bottom:15px;
margin-top:24px;
}
.pageContent.create_account .input_area span.label,
.pageContent.create_account .input_area span.input {
display:block;
padding-left:10px;
}
.pageContent.create_account .input_area.submit {
margin-top:40px;
}
.pageContent.create_account .input_area span.label {
padding-top:10px;
}
.pageContent.create_account .input_area .input input {
width:260px;
padding:2px;
}
.pageContent.create_account .input_area .input.newsletter input{
width:20px;
padding:2px;
margin-left:-4px;
}

.pageContent.create_account .input_area .input.newsletter {
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
}

.pageContent.create_account .mobilephone-sms-notice,
.pageContent.login .mobilephone-sms-notice,
.pageContent.confirm .mobilephone-sms-notice {
	display:block;
	padding-left:10px;
	line-height: 1.8;
	font-size: 12px;
}
.pageContent.login .mobilephone-sms-notice {
	padding-left: 0px;
}
.account_edit_page .mobilephone-sms-notice {
	padding-left: 5px;
}
.pageContent.confirm .mobilephone-sms-notice {
	padding-left:0px;
}
.pageContent.confirm .delivery-phone-number {
	font-size:14px;
}
.pageContent.create_account .message font small b,
.pageContent.create_account .message,
.pageContent.login .message font small b,
.pageContent.login .message font b,
.pageContent.login .message {
color:#e84064 !important;
font-size:14px;
font-family:"Montserrat-Bold", Arial, Helvetica, sans-serif !important;
padding:0;
margin-bottom:10px;
}
.pageContent.login .message.guest {
float:left;
  display:block;
  width:100%;
  padding:15px 0 0 8px;
}
.message td.messageStackError img {
	display:none;
}
td.messageStackError {
	background-color: #FC5F80;
	color:#fff;
	padding:4px 10px;
}

/* Giftcard styles */
.giftcard-method {
	position: relative;
	width: auto;
	display: table;
	float: left;
	margin:20px 0 20px 0px;
}

.payment-method-gf {
	background:url(layout/payments/methods/gf-method-icon.png) no-repeat 0 0;
	height: 30px;
	width: 170px;
	display:block;
	position: relative;
}

.payment-method-st {
	background:url(layout/payments/methods/st-method-icon.png) no-repeat 0 0;
	height: 30px;
	width: 170px;
	display:block;
	position: relative;
}

.primary-method-image {
	padding:0;
	vertical-align: top;
}

.payment-method-combined {
	display:block;
	position: relative;
	padding:0px;
	font-size: 28px;
	color: #555;
	margin: 2px 0 7px 0;
}

#giftcard_code_area .content-gf {
	width:100%;
	position: relative;
	display: table;
	height:100%;
	margin-top:20px;
	border-top:1px solid #D8D8D8;
}

.content.payment-method-content {
	width: 100%;
	display:table;
	padding:10px 0px 20px 0px;
	float: none;
}

.content.payment-method-content .payment-content-inner {
	padding-left:5px;
}

.giftcard-method label {
	float: left;
	display:block;
	width: 100%;
	padding:0 0 10px 0;
}

.giftcard-method .giftcard-input {
	position: relative;
}

.giftcard-method input {
	box-sizing: border-box;
	position: relative;
	height:40px;
	padding:0 10px;
	width: 200px;
	line-height: 20px;
	margin:0px 0 0 0px;
	font-size: 14px;
	text-transform: uppercase;
	float:left;
	display:inline;
}
input#giftcard-code::-webkit-input-placeholder {
    text-transform: none;
    font-size: 12px;
}
input#giftcard-code:-moz-placeholder {
    text-transform: none;
    font-size: 12px;
}
input#giftcard-code::-moz-placeholder {
    text-transform: none;
    font-size: 12px;
}
input#giftcard-code:-ms-input-placeholder {
    text-transform: none;
    font-size: 12px;
}
input#giftcard-code::placeholder {
    text-transform: none;
    font-size: 12px;
}
.giftcard-method .button {
	position: relative;
	margin-top:0 !important;
	vertical-align: bottom;
	display:inline;
	margin-left:10px;
	float: left;
	background: #50978B !important;
}

.giftcard-list {
	float:left;
	width: 100%;
}
.giftcard-list table {
	width:100%;
	margin-top:10px;
}
@media only screen and (max-width: 980px) {
	.giftcard-list table {
		width: 100%;
	}
}

.giftcard-list td, .giftcard-list th {
	text-align: left;
	padding:5px 3px 5px 10px;
	font-size: 12px;
	font-family: 'Montserrat-Light';
	color:#565655;
	width: 20%;
	vertical-align: middle;
}

.giftcard-list.serial-ticket-list td, .giftcard-list.serial-ticket-list th {
	text-align: left;
	padding:5px 3px 5px 10px;
	font-size: 12px;
	font-family: 'Montserrat-Light';
	color:#565655;
	width: 18%;
	vertical-align: middle;
}

.giftcard-list .checkout-gf-mobile {
		display:none;
	}

@media only screen and (max-width: 768px) {
	.giftcard-list .checkout-gf-desktop {
		display:none;
	}
	.giftcard-list td, .giftcard-list th {
		width:50%;
	}
	.giftcard-list .checkout-gf-mobile {
		display:block;
	}
}


.giftcard-list td {
	padding:5px 3px 5px 10px;
}

.giftcard-list td.code {
	font-family: 'Montserrat-Light';
}

.giftcard-list th {
background:#f2f2f2;
}
.giftcard-list th.emptys {
	background: none;
}
.giftcard-list td.remove {
	width: 10%;
	text-align: right;
	padding-right: 0px;
}

.giftcard-list td.remove .button-small {
	float:right;
}

/* shipping/payment/confirmation page */
.pageContent.shipping .heading,
.pageContent.payment .heading{
width:100%;
}
.pageContent .inner {
padding:15px;
}
.pageContent.shipping .sub-heading,
.pageContent.payment .sub-heading {
padding-top:15px;
display:block;
width:100%;
float:left;
color:#004b87;
margin-bottom: 15px;
}

.pageContent.shipping a.button,
.pageContent.payment a.button {
float:right;
margin-top:20px;
}
.pageContent.shipping .left_,
.pageContent.payment .left_ {
float:left;
margin-top:20px;
}
.module_error {
float:left;
color:#ee0000;
margin-bottom:10px;
}
.module_item {
display:block;
float:left;
width:100%;
border-bottom:1px solid #d4d4d4;
padding-bottom:15px;
padding-top:15px;

}

.module_item.payment_item_checkout .module_name,
.module_item .module_title,
.module_item .module_radio,
.module_item .module_cost {
display:inline;
float:left;
}

.module_item .module_title.shipping-title {
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.module_item .module_title,
.module_item.payment_item_checkout .module_name {
width:68%;
padding-left:2%;

}

.module_name.__aktia {
	background:url(layout/payments/methods/aktia.png) no-repeat 3%;
	text-indent: -9999px;
	height:22px;
}
.module_name.__epassi {
	background:url(layout/payments/methods/epassi-logo.png) no-repeat 3%;
	text-indent: -9999px;
	height:30px;
	width: 50% !important;
}
.module_name.__smartum,
.module_name.__smartumcheckout {
	background:url(layout/payments/methods/smartum-payment-logo.png) no-repeat 3%;
	text-indent: -9999px;
	height:26px;
	width: 50% !important;
}
.module_name.__eazybreak {
	background:url(layout/payments/methods/eazybreak.png) no-repeat 3%;
	text-indent: -9999px;
	height:32px;
	width: 50% !important;
}
.module_name.__nordeasolo,
.module_name.__nordea {
	background:url(layout/payments/methods/nordea.png) no-repeat 3%;
	text-indent: -9999px;
	height:32px;
}
.module_name.__handelsbanken {
	background:url(layout/payments/methods/handelsbanken.png) no-repeat 3%;
	text-indent: -9999px;
	height:30px;
}
.module_name.__alandsbanken{
	background:url(layout/payments/methods/alandsbanken.png) no-repeat 3%;
	text-indent: -9999px;
	height:30px;
}
.module_name.__mobilepay{
	background:url(layout/payments/methods/mobilepay.png) no-repeat 3%;
	text-indent: -9999px;
	height:52px;
}
.module_name.__cod,
.module_name.__ecod {
	background:url(layout/payments/methods/netticket-payment-method.png) no-repeat 3% top;
	text-indent: 0px;
	height: auto;
	background-size: 178px;
	padding-top:25px;
	color: #005897;
}

.primary-method-image.cod img,
.primary-method-image.ecod img{
	padding:0;
	width: 178px;
}
.module-confirmation-cod {
	color: #005897;
	display:block;
}
.cod-module-title {
	margin:10px 0 0 -4px;
	float:left;
}

/* company invoice style properties */
.selection-form-cod-container {
	padding:20px 2% 10px 2%;
	width: 100%;
	display:table;
	box-sizing: border-box;
	float: left;
	margin-left:-4px;
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
}
#selection-form-ecod {
	padding:20px 2% 0px 2%;
}
#ecod_service_id {
	margin:-19px 0 0 7px;
	width: 100%;
	font-size: 13px;
	vertical-align: top;
	padding:5px;
}
.selection-form-cod-container .cod-payment-desc {
	display: block;
	margin-bottom: 20px;
}

.selection-form-cod-container label {
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	line-height: 36px;
	float: left;
	font-size: 13px;
}
table.ecod-fields td {
	padding-bottom: 15px;
}
.ecod-select {
	width: 100%;
	position: relative;
	margin-bottom: -4px;
	display: block;
}
.selection-form-cod-container input {
	box-sizing: border-box;
	position: relative;
	height:36px;
	padding:0 10px;
	width: 160px;
	margin:0px 0 0 10px;
	font-size: 14px;
	text-transform: none;
	float:left;
	display:inline;
}
input#business_id {
	z-index:100;
}
.ecod-fields input {
	width: 220px;
}

input#business_id::-webkit-input-placeholder,
input#ecod_business_id::-webkit-input-placeholder,
.ecod-fields input::-webkit-input-placeholder {
    text-transform: none;
    font-size: 12px;
}
input#business_id:-moz-placeholder,
input#ecod_business_id:-moz-placeholder,
.ecod-fields input:-moz-placeholder {
    text-transform: none;
    font-size: 12px;
}
input#business_id::-moz-placeholder,
input#ecod_business_id::-moz-placeholder,
.ecod-fields input::-moz-placeholder {
    text-transform: none;
    font-size: 12px;
}
input#business_id:-ms-input-placeholder,
input#ecod_business_id:-ms-input-placeholder,
.ecod-fields:-ms-input-placeholder {
    text-transform: none;
    font-size: 12px;
}
input#business_id::placeholder,
input#ecod_business_id::placeholder,
.ecod-fields::placeholder {
    text-transform: none;
    font-size: 12px;
}
.ecod-input-section {
	display:table;
}

.module_name.__luottokunta,
.module_name.__creditcards {
	background:url(layout/payments/methods/creditcards.png) no-repeat 3%;
	text-indent: -9999px;
	height:30px;
}

.module_name.__op,
.module_name.__osuuspankki {
	background:url(layout/payments/methods/op.png) no-repeat 3%;
	text-indent: -9999px;
	height:30px;
}
.module_name.__sampo,
.module_name.__danskebank {
	background:url(layout/payments/methods/danskebank.png) no-repeat 3%;
	text-indent: -9999px;
	height:30px;
}
.module_name.__sp,
.module_name.__saastopankki {
	background:url(layout/payments/methods/sp.png) no-repeat 3%;
	text-indent: -9999px;
	height:30px;
}
.module_name.__omasp,
.module_name.__omasaastopankki {
	background:url(layout/payments/methods/omasp.png) no-repeat 3%;
	text-indent: -9999px;
	height:30px;
}
.module_name.__spankki {
	background:url(layout/payments/methods/spankki.png) no-repeat 3%;
	text-indent: -9999px;
	height:30px;
}
.module_name.__pop,
.module_name.__paikallisosuuspankki {
	background:url(layout/payments/methods/pop.png) no-repeat 3%;
	text-indent: -9999px;
	height:30px;
}
.module_name.__klarna_invoice {
	background:url('https://cdn.klarna.com/1.0/shared/image/generic/badge/en_us/pay_later/descriptive/pink.svg') no-repeat 3% top;
	text-indent: 0px;
	padding-top:55px;
	background-size: 70px;
	margin-left:-6px;
}
.module_name.__klarna_partpayment {
	background:url('https://cdn.klarna.com/1.0/shared/image/generic/badge/en_us/slice_it/descriptive/pink.svg') no-repeat 3% top;
	text-indent: 0px;
	padding-top:55px;
	background-size: 70px;
	margin-left:-6px;
}

.module_item.payment_item_checkout .module_title {
	display:none;
}
.module_item.shipping_item_checkout {
	padding:2%;
  width:96%;
}
.module_item.payment_item_checkout:hover,
.module_item.shipping_item_checkout:hover {
	background:#f8f8f8;
	cursor: pointer;
}
.module_item.payment_item_checkout.methodselected,
.module_item.shipping_item_checkout.methodselected {
	background:#f8f8f8;
}
.module_item.shipping_item_checkout.methodselected {
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}
.module_item .module_radio {
width:10%;
float:right;
text-align:right;
padding:0;
max-height:100px;
min-height:100%;
}.module_radio:focus-visible{
	outline: 2px dotted #002638;
	outline-offset: 4px;
}
.module_item.payment_item_checkout .module_radio {
	width:8%;
	padding-right:2%;
}
.module_item .module_radio input {
padding:0;
}
.module_item .module_radio.not-available {
color:#565655;
width: 46%;
float: right;
line-height: 30px;
}
.module_item .module_cost {
width:20%;
float:left;
text-align:right;
}
/* klarna selection */
.k_selected .klarna_box_container {
padding:40px 28px 0 20px;
}
#order_products {
float:left;
width:100%;
display:block;
margin-bottom:10px;
}
#order_products .order_item {
display:block;
float:left;
width:100%;
border-top:1px solid #d4d4d4;
padding-top:5px;
padding-bottom:5px;
margin:5px 0;
}
#order_products .order_item.first {
border:none;
}
#order_products .heading a span{
font-size:12px;
color:#f4f4f4;
}
#order_products .order_item_name {
float:left;
display:inline;
width:70%;
}
#order_products .order_item_tax {
float:left;
display:inline;
width:10%;
text-align:right;
}
#order_products .order_item_price {
float:left;
display:inline;
width:20%;
text-align:right;
}

#order_products .order_item_price .order_item_price_before_discount {
display:block;
text-decoration: line-through;
font-size: 11px;
}

#order_products .order_item .discount-combine-error {
		text-align: center;
		padding:3px 0 5px;
		background: #FC5F80;
		color: #fff;
		clear:both;
}

.order_email,
.order_email_content {
display:block;
}
.order_email {
padding-top:15px;
}

.order_email_label {
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
}
.checkout-address-row,
.checkout-address-row-content {
display:block;
}
.checkout-address-row {
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
	padding-top:15px;
}
.checkout-address-row.first {
	padding-top:0;
}

.checkout-delivery-field {
	padding:10px;
	border:1px solid #e84064;
	font-size: 14px;
	width: 260px;
	margin-top:10px;
	transition: border-width 0.2s linear;
}

.checkout-delivery-field.not-valid {
	border:3px solid #e84064;
}

.checkout-delivery-field.is-valid {
	border:1px solid #6bcaba;
}

#save-checkout-address {
	margin-top:40px;
}

.order_submit_area {
float:left;
display:block;
width:100%;
margin-top:20px;
}

.checkout-actions {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	float: left;
	align-items: flex-end;
}

.checkout-complete-order {
	padding:20px;
	box-sizing: border-box;
	border:1px solid #d4d4d4;
	border-radius: 4px;
	width: 55%;
}

.checkout-cancel-order {
	width:45%;
	padding-bottom: 20px;
}

@media only screen and (max-width: 1200px) {
	.checkout-complete-order {
		width: 70%;
	}
	.checkout-cancel-order {
		width:30%;
		padding-bottom: 20px;
	}
}

@media only screen and (max-width: 980px) {
	.checkout-actions {
		flex-direction: column-reverse;
	}
	.checkout-complete-order, .checkout-cancel-order {
		width: 100%;
		padding-bottom: 0px;
	}
}
.order_submit_area .checkout-accept-terms {
	display:flex;
	flex-direction: row;
	align-items: flex-start;
	text-align: left;
	width:100%;
	padding:0 0 30px 0;
}

.order_submit_area .checkout-accept-terms label {
	font-weight: bold;
	font-size: 14px;
}

.order_submit_area .checkout-accept-terms input {
	margin-right: 16px;
	margin-left:0;
	padding-left: 0;
	margin-top:5px;
	transform: scale(1.3);
	-moz-transform:scale(1.3);
	-webkit-transform:scale(1.3);
}

.order_submit_area .checkout-accept-terms a {
	text-decoration: underline;
}

.order_submit_area .align_right {
	float:right;
}

#order_total {
float:left;
width:100%;
display:block;
text-align:right;
border-top:1px solid #d4d4d4;
border-bottom:1px solid #d4d4d4;
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;
}
#order_total table {
width:100%;
}

#order_total tr:nth-child(odd) {
	background: #f2f2f2;
}
#order_total td {
width:auto;
text-align:right;
padding:5px 10px 5px 10px;
font-size:14px;
}
#order_total tr td p {
	word-break: keep-all;
}
@media only screen and (min-width: 1024px) {
	#order_total tr td:first-child {
		width: 66%;
	}
}
@media only screen and (max-width: 1024px) {
	#order_total tr td:first-child {
		text-align: left
	}
}

#order_total tr:last-child td.main {
	font-size: 16px;
}



.pageContent.success span.success_,
.pageContent.success span.thanks_ {
display:block;
line-height:25px;
font-size:16px;
font-family: 'Montserrat-Light';
}
.pageContent.success span.main_summary_success {
	display:block;
	width:100%;
	border:none;
	font-size:16px;
	padding-left:23px;
}
.pageContent.success .seat-info-wrapper,
.pageContent.success .extra-info-wrapper {
	float:left;
	display:block;
	width:100%;
}

.pageContent.success .extra-info-wrapper,
.pageContent.success .share-extra-info {
	margin-bottom: 50px;
}

.pageContent.success .seat-info-wrapper, .pageContent.success .share-extra-info {
	width: -moz-calc(100% + 60px);
	width: -webkit-calc(100% + 60px);
	width: -o-calc(100% + 60px);
	width: calc(100% + 60px);
	margin: 30px 0 70px -30px;
	background: #f1f1f130;
	overflow: hidden;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.seat-info-item {
	display: flex;
	width: 100%;
	justify-content: space-between;
	border-bottom: 1px solid #e8e8e8;
	padding: 26px 30px 23px 30px;
	box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
	.seat-info-item {
		flex-direction: column;
	}
}

.seat-info-item:last-child {
	border-bottom: none;
}

.seat-info-left, .seat-info-right {
	display:inline-block;
	vertical-align: top;
}

@media only screen and (max-width: 768px) {
	.seat-info-right {
		margin:20px 0 12px 0;
	}
}



@media only screen and (max-width: 1200px) {
.pageContent.success .seat-info-wrapper,
.pageContent.success .share-extra-info {
	width: -moz-calc(100% + 40px);
	width: -webkit-calc(100% + 40px);
	width: -o-calc(100% + 40px);
	width: calc(100% + 40px);
	margin: 30px 0 50px -20px;
}
}
@media only screen and (max-width: 980px) {
.pageContent.success .seat-info-wrapper,
.pageContent.success .share-extra-info {
	width: -moz-calc(100% + 60px);
	width: -webkit-calc(100% + 60px);
	width: -o-calc(100% + 60px);
	width: calc(100% + 60px);
	margin: 30px 0 50px -30px;
}
}
@media only screen and (max-width: 768px) {
.pageContent.success .seat-info-wrapper, .pageContent.success .share-extra-info {
	width: -moz-calc(100% + 60px);
	width: -webkit-calc(100% + 60px);
	width: -o-calc(100% + 60px);
	width: calc(100% + 40px);
	margin: 20px 0 50px -20px;
}
}
.pageContent.success .share-extra-info-container {
	width: 100%;
	float: left;

}
.pageContent.success .share-extra-info-container .email {
	background:#f1f1f1;
	width: calc(50% - 60px);
	width: -moz-calc(50% - 60px);
	width: -webkit-calc(50% - 60px);
	width: -o-calc(50% - 60px);
	float: left;
}
.pageContent.success .share-extra-info-container .print {
	background:#f8f8f8;
	width: calc(50% - 60px);
	width: -moz-calc(50% - 60px);
	width: -webkit-calc(50% - 60px);
	width: -o-calc(50% - 60px);
	float: right;
}
.pageContent.success .share-extra-info-container label {
	font-size: 14px;
	display:block;
	margin-bottom: 7px;
	font-family: "Montserrat-Regular", Arial, Helvetica, sans-serif;
}
.pageContent.success .share-extra-info-container .email,
.pageContent.success .share-extra-info-container .print {
	display:inline;
	padding:20px 20px;
	text-align: center;
}

@media only screen and (max-width: 1024px) {
	.pageContent.success .share-extra-info-container .email, .pageContent.success .share-extra-info-container .print {
		display: block;
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		text-align: left;
		padding: 20px 20px;
	}
	.pageContent.success .share-extra-info-container .print {
		float: left;
	}
}

.pageContent.success .share-extra-info-container .email input {
	border-radius: 3px;
	-moz-appearance: none;
	border-width: 1px;
	border-color: #E6E6E6;
	border-style: solid;
	background-color: #fff;
	padding: 7px 13px 7px 13px;
	width: 255px;
	color: #111;
	font-size: 14px;
	height: 41px;
	line-height: 29px;
	outline: 0;
	position: relative;
	display: inline-block;
	margin: auto 0;
	text-align: left;
	font-family: "Montserrat-Light", Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	-moz-box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	box-sizing: border-box;
	vertical-align: middle;
}

.pageContent.success .share-extra-info-container .email .button, .pageContent.success .share-extra-info-container .print .button {
	display: inline-block;
	float: none;
	line-height: 39px;
	height: 41px;
	text-decoration: none;
	font-size: 14px;
	white-space: nowrap;
	position: relative;
	cursor: pointer;
	color: #fff;
	font-weight: normal;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	min-width: 110px;
	text-align: center;
	padding: 0px 7px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-sizing: border-box;
	vertical-align: middle;
	margin-top: 0px;
}

.pageContent.success .share-extra-info-container .email .email-button {
	background-image: url(layout/email.svg);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 19px center;
	padding-left: 54px;
	background-color: #111;
	padding-right: 21px;
}


.pageContent.success .share-extra-info-container .email .email-button.sent {
	background-color: #6bcaba;
	cursor: default;
	pointer-events: none;
}
.pageContent.success .share-extra-info-container .email .email-button.sent:hover {
	text-decoration: none;
}

.pageContent.success .share-extra-info-container .print .print-button {
	background-image: url(layout/printer.svg);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 19px center;
	padding-left: 54px;
	background-color: #111;
	padding-right: 21px;
}

.button.button-intermission {
	background-image: url(layout/intermission.svg);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 29px 12px;
	background-color: #222;
	padding: 3px 30px 3px 68px;
	border-radius: 42px;
	margin-right: 0px;
	border: 1px solid #222;
	color: #fff;
	font-size: 14px;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	line-height: 2.53rem;
}

.button.button-intermission:hover {
	background-image: url(layout/intermission-hover.svg);
	text-decoration: none;
	background-color: #fff;
	color: #222;
}

@media only screen and (max-width: 550px) {
	.seat-info-right .button.button-intermission {
		width: -moz-calc(100% - 60px);
		width: -webkit-calc(100% - 60px);
		width: -o-calc(100% - 60px);
		width: calc(100% - 60px);
		padding: 3px 30px 3px 30px;
	}
}

.pageContent.success .share-extra-info-container .email .email-button:hover,
.pageContent.success .share-extra-info-container .print .print-button:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 550px) {
	.pageContent.success .share-extra-info-container .email .email-button {
		width: 100%;
		display:block;
		margin-top:10px;
		padding-left:16px;
	}
	.pageContent.success .share-extra-info-container .print .print-button {
		width: 100%;
		padding-left:16px;
		display:block;
	}
	.pageContent.success .share-extra-info-container .email input {
		width: 100%;
		display:block;
	}
}

.pageContent.success .seat-info-container {
	padding: 0px 0px 0px 0px;
	float: left;
	display: block;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.pageContent.success .seat-info-container h2 {
	font-size:22px;
	font-family: 'Montserrat-Light';
	color:#000;
	line-height:1.5;
	padding-left: 30px;
}

.order-summary-heading {
	font-size:22px;
	margin-top: 60px;
	color:#000;
	line-height:1.5;
}

.pageContent.success .extra-info-wrapper {
	font-family: 'Montserrat-Light';
}

.pageContent.success .large-button {
	margin-top: 30px;
	float: left;
	border-radius: 37px;
	padding: 0 30px;
	line-height: 43px;
}

/* Discount codes */

a#discount_code_cancel {
	float:left;
	display: block;
	font-size: 12px;
	width: 100%;
	cursor: pointer;
	margin-left:1px;
}
a#discount_code_cancel:hover {
	text-decoration: underline;
}

#discount_code_area label{
display:block;
  padding-bottom:10px;
}
#discount_code_area input,
#discount_code_area a.button {
float:left;
  display:inline;
}
#discount_code_area #discount_code_submit {
	cursor: pointer;
	background: #50978B;
}

#discount_code_area input {
height:40px;
  margin-right:10px;
  width:220px;
 padding:0px 10px;
  font-size:14px;
  text-align:left;
  box-sizing: border-box;
  line-height: 20px;
}

input#discount_code::-webkit-input-placeholder {
    text-transform: none;
    font-size: 12px;
}
input#discount_code:-moz-placeholder {
    text-transform: none;
    font-size: 12px;
}
input#discount_code::-moz-placeholder {
    text-transform: none;
    font-size: 12px;
}
input#discount_code:-ms-input-placeholder {
    text-transform: none;
    font-size: 12px;
}
input#discount_code::placeholder {
    text-transform: none;
    font-size: 12px;
}

.order_item_discount_info {
	display:block;
	font-weight: normal;
	font-size: 11px;
}

.order_item_servicefee_info {
	display:block;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 7px;
}

.order_item_attr {
	display:block;
	font-weight: normal;
}

.confirm .order_item_attr {
	font-family:'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

/* order item seats info */
.order-item-seats {
	float:none;
}

.confirm ._pre_order_row_ {
	display:block;
	font-weight: normal;
}

/* search results */
#search_result_area {
float:left;
width:100%;
display:block;
margin-top:10px;
}
.search_result_pages {
float:left;
width:100%;
display:block;
margin-top:30px;
margin-bottom:30px;
}
.search_item {
display:block;
float:left;
width:100%;
border-top:1px solid #d4d4d4;
padding-top:12px;
padding-bottom:10px;
}

.search-manufacturers-name {
	padding-bottom: 10px;
}
.search-manufacturers-name.product-page {
	display:block;
	margin-top:-10px;
	padding-bottom: 20px;
}
.search-manufacturers-name.cart-page {
	display:block;
	margin-top:5px;
	padding-bottom: 10px;
}
.search_item_image {
float:left;
display:inline;
width:11%;
padding-right:2%;
}
.search_item_image img {
width:100%;
height:auto;
}
.search_item_name {
width:62%;
float:left;
display:inline;
}
.search_item_name a {
font-size:16px;
line-height:30px;
}
.search_item_name span {
display:block;
}
.search_item_actions {
width:25%;
float:left;
display:inline;
}

@media only screen and (max-width: 768px) {
.search_item_actions {
	width:100%;
	display:block;
}
.search_item_image {
	width:22%;
}
.search_item_name {
	width: 76%;
}
}
.search_item_actions .search_item_buy,
.search_item_actions .search_item_read_more{
display:block;
float:right;
clear:both;
padding-bottom:10px;
}
._back_ {
margin-top:25px;
float:left;
display:block;
width:100%;
}

/* campaign page */

.main.campaign_area .main.campaigninput {
text-align:left;
padding-top:30px;
padding-bottom:31px;
border:1px solid #f1f1f1;
background:#f9f9f9;
padding-left:10px;
position:relative;
float:left;
width:99%;
}
.main.campaign_area .main.campaigninput label {
padding-right:3px;
}
.main.campaign_area .main.campaigninput input#order_number_input {
height:20px;
font-size:13px;
text-transform:uppercase;
width:65px;
padding:2px;
text-align:left;
margin-right:15px;
}

.main.campaign_area .main.campaigninput input#seats_input {
height:20px;
font-size:13px;
text-transform:uppercase;
width:31px;
padding:2px;
text-align:left;
margin-right:15px;
}

.main.campaign_area .main.campaigninput .field{
display:inline;
float:left;
padding-left:30px;
}
.main.campaign_area .main.campaigninput .field.seats {
padding-left:30px;
}
.main.campaign_area .main.campaigninput ._submit_ {
float:left;
padding-left:40px;
}
#campaign_data_result,
#campaign_data_result_loading {
padding:10px;
float:left;
}

#campaign_data_result span.ok {
background:url(layout_images/tick.png) no-repeat left 3px;
padding:1px 0 1px 24px;
font-size:14px;
display:block;
color:#333;
}

#campaign_data_result span.price-info {
background:url(layout_images/money_euro.png) no-repeat left 3px;
padding:1px 0 1px 24px;
font-size:14px;
display:block;
color:#333;
margin-top:5px;
}
#campaign_data_result span.price-info span {
text-decoration:underline;
}
#campaign_data_result span.ok.warning{
background:url(layout_images/error.png) no-repeat left 3px !important;
}

#campaign_data_result span.fail {
background:url(layout_images/cross.png) no-repeat left 3px;
padding:1px 0 1px 22px;
font-size:14px;
display:block;
color:#333;
}
#campaign_data_result span.ok-info {
display:block;
padding:10px 0 15px 0;
}
#campaign_data_result span.ok .underlined {
text-decoration:underline !important;
}

/* cookie bar */
#bar__ {
padding:10px 10px 10px 20px;
height:auto;
min-height:35px;
line-height:35px;
}
#bar__ .bar__content {
color:#fff;
width:100%;
font-size:14px;
display:table;
}
#bar__ .bar__content span {
display:table-cell;
}
#bar__ .bar__content span.barcenter {
text-align:center;
width:50%;
font-size:16px;
}
#bar__ .bar__content span.barright {
text-align:right;
width:25%;
}
#bar__ .bar__content span.barleft {
width:25%;
}
#bar__ .bar__content span a {
color:#fff;
font-size:14px;
}
#bar__ .bar__content span.barright a {
background:url(layout/cookiebar/bar-close.png) no-repeat left;
padding:12px 20px 12px 20px;
}
#bar__ .bar__content span.barleft a {
padding:12px 20px 12px 20px;
}

/* back to referer (success page) */
#backto_wt {
	position: relative;
	display: block;
	background: #000;
	clear: both;
	width: -moz-calc(100% + 0px);
	width: -webkit-calc(100% + 0px);
	width: -o-calc(100% + 0px);
	width: calc(100% + 0px);
	margin: 0px 0px -30px 0px;
	border-radius: 6px;
}

/*@media only screen and (max-width: 1200px) {
#backto_wt {
	width: -moz-calc(100% + 40px);
	width: -webkit-calc(100% + 40px);
	width: -o-calc(100% + 40px);
	width: calc(100% + 40px);
	margin: 0px 0 -30px -20px;
}
}
@media only screen and (max-width: 990px) {
#backto_wt {
	width: -moz-calc(100% + 60px);
	width: -webkit-calc(100% + 60px);
	width: -o-calc(100% + 60px);
	width: calc(100% + 60px);
	margin: 0px 0 -30px -30px;
}
}*/


.backto_wt_wrapper {
	float:left;
	display:block;
	width: 100%;
	margin-top:30px;
}

.backto_wt_inner {
	background:url(layout/cookiebar/bar-wt.png) no-repeat left;
	padding-left:100px;
	height:70px;
}
.backto_wt_inner a {
	color:#fff;
	text-decoration:underline;
	line-height:67px;
	font-size:14px;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}
.main_summary_success,
.main_summary_success_data {
/*max-width:90%;*/
}
#trig_tip {
position:relative;
display:inline;
}
#trig_tip .popup {
left:-26px !important;
}

/* checkout comments */
.checkout_comments,
.order-comments-container {
width:100%;
display:block;
position:relative;
float:left;
margin:30px 0 10px 0;
}
.checkout_comments_label, .order-comments-container label {
	width: 100%;
	display: block;
	padding-bottom: 10px;
	background-image: url(layout/info.svg);
	background-size: 20px 20px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.pageContent.confirm .order-comments-container {
	margin:30px 0 30px 0;
}

.checkout_comments_field textarea,
.order-comments-container textarea,
.greeting-field textarea{
	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: -o-calc(100% - 30px);
	width: calc(100% - 30px);
	line-height: 1.5;
	padding: 4px;
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 10px 14px;
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	color: #444;
	background: #fafafa;
	resize: none;
}

.greeting-field {
		margin: 0 0 30px 0;
}

.greeting-field textarea {
	color: #000;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

.greeting-field textarea.invalid {
	border-color: #e84165;
}

.cart-greeting {
	padding:16px;
	float: left;
	display:block;
	width: -moz-calc(100% - 32px);
	width: -webkit-calc(100% - 32px);
	width: -o-calc(100% - 32px);
	width: calc(100% - 32px);
	font-size: 14px;
}

.cart-greeting p {
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	padding: 0 0 7px 1px;
}


.cart-greeting span {
	background-color: #fafafa;
	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: -o-calc(100% - 30px);
	width: calc(100% - 30px);
	display: block;
	padding: 10px 15px;
	border-radius: 3px;
	border: 1px solid #e6e6e6;
}

.order-comments-container textarea:focus,
.greeting-field textarea:focus {
	background: #fff;
}
.order-comment-content {
	padding:10px;
}
.order-comment-content .button {
	margin:15px 0;
}

.checkout_comments_field p{
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
	float: left;
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 10px;
	padding:10px 14px 12px 14px;
	background:#ECE45A;
}

@media only screen and  (max-width: 1420px) {
#trig_tip .popup {
left:-33px !important;
}
}

@media only screen and (min-width: 1202px) and (max-width: 1345px) {

#trig_tip .popup {
left:-34px !important;
}
}

@media only screen and (min-width: 980px) and (max-width: 1200px) {
	#content_wrapper {
	width:980px;
	}
	#content {
	width:980px;
	background:#fff;
	}
	body.is-ticket-reader #content,
	body.is-video-stream-service #content {
		background:#f5f5f5;
	}
	.content-inner {
	width:980px;
	}

	#trig_tip .popup {
	left:-35px !important;
	}

	#main-nav {
	width:750px;
	}
	#main-nav ul.sf-menu li a {
	font-size:12px !important;
	line-height:20px;
	}



	#footer-paymentmethods img{
	margin-bottom:10px;
	text-align:center;
	padding-bottom:0px;
	}
	.front_page_slider {
	width:980px;
	}
	.playsBoxTable {
	width:575px;
	}
	.playsBoxTable {
	height:auto !important;
	}
	.playsBoxTable .playsActions {
	position:relative !important;

	}
	.playsBoxTable .playsImage {
	width:164px;
	}
	.playsBoxTable .playsRight {
	width:407px;
	}

}
@media only screen and (min-width: 980px) and (max-width: 1077px) {
	#trig_tip .popup {
	left:-56px !important;
	}
}

@media only screen and (min-width: 160px) and (max-width: 980px) {
	body {
		background:#fff;
	}
	body.is-ticket-reader,
	body.is-video-stream-service{
		background:#f5f5f5;
	}
	#content_wrapper {
		width:100%;
	}
	#content {
		width:100% !important;
		max-width:980px;
		padding-left:0;
		padding-right:0;
		background:#fff none;
	}
	body.is-ticket-reader #content,
	body.is-video-stream-service #content {
		background:#f5f5f5;
	}
	#liputamme {
		display:none;
	}
	#liputamme-m {
		display:block !important;
		padding-top:20px;
		padding-bottom:10px;
	}

	.content-inner {
		width:98%;
		padding:1%;
	}

	body.is-gf-service .content-inner,
	body.is-ticket-reader .content-inner,
	body.is-video-stream-service .content-inner,
	body.is-donate-service .content-inner {
		width: 100%;
		padding:0;
	}

	#header {
	height:auto;
	}
	#header-links {
		float:left;
	}
	#main-nav-m .sf-menu, .header-bottom-left, .header-bottom-right{
		display:none;
	}
	#header-top-mobile {
		display:block;
		width: 96%;
		padding:10px 2%;
		float:left;
	}
	#header-top-mobile #logo,
	#header-top-mobile #header-search-button{
		float:left;
		width:50%;
		display:inline;
	}
	#header-top-mobile #header-search-button {
		float:right;
		margin:0;
		padding:0;
		border:none;
	}
	#header-top-mobile #header-search-button a {
		background:url(layout/search.png) no-repeat top left;
		height:30px;
		width: 30px;
		float: right;
		text-indent: -9999px;
	}
	#header-top-mobile #header-search {
		float:left;
		width:100%;
		display:block;
		margin:10px 0 0 0;
		border:none;
		height:50px;
	}
	#header-top-mobile #header-search input {
		border: 1px solid #ccc;
		width:98%;
		font-size: 14px;
		height: 26px;
		line-height: 26px;
		padding:1%;
	}
	#header #main-nav {
		width:100%;
		clear:both;
		margin:0;
		padding:0;
		height:47px;
	}
	#header-bottom #main-nav ul,
	#header-social {
		display:none;
	}

	#header-bottom {
		display:block;
		padding:0 50px;
		height:auto;
		margin:0 auto;
		position:relative;
		padding:0;
		width:100%;
		clear:left;
	}
	#main-nav-m {
		padding-top:0px;
	}
	#footer-paymentmethods {
		text-align:center;
		padding:10px 0;
		margin:auto;
	}
	#footer-paymentmethods img{
		margin-bottom:10px;
		text-align:center;
	}
	#rightcolumn {
	display:none;
	}
	#company-logo {
	margin-top:13px;
	margin-left:5px;
	}
	#company-logo img{
	width:116px;
	height:auto;
	}
	#header #languages {
	margin:0;
	padding:0;
	}
	#header-search {
	width:317px;
	margin-top:0px;
	margin-right:10px;
	border-right:0px solid #a8a8a8;
	padding-top:0px;
	padding-bottom:0px;
	height:60px;
	float:left;
	display:inline;
	position:relative;
	}

	#header-search .search-form input#search-field {
	padding:0;
	width:260px;
	padding:4px;
	margin:12px 0 0 4px;
	padding-left:4px;
	font-weight:normal;
	border:0px solid #ee0000;
	}
	#header-search .search-form .search-icon {
	float:right;
	margin:10px 10px 0 0;
	}
	#header-search .search-form .search-icon-m {
	display:none !important;
	float:right;
	margin:3px 5px 0 0;
	}
	#header-search .search-form #search-field {
	width:100px;
	}

	#trig_tip .popup {
	left:-42px !important;
	}

	.front_page_slider {
	width:100%;
	margin-left:0;
	}
	.front_page_slider img {
	width:100%;
	}
	.playsBoxTable {
	width:100%;
	height:auto !important;
	}
	.playsBoxTable .playsActions {
	position:relative !important;
	}

	#languages {
	display:none;
	}

	#languages-m-s {
	display:inline !important;
	float:right;
	position:relative;
	margin-top:12px;
	margin-right:10px;
	}
	#languages-m-s select {
	padding:2px;
	font-size:14px;
	width:70px;
	}
	#header-content {
	padding-top:0;
	border-top:0px solid #fff;
	padding-right:0;
	padding-left:0;
	}
	#header-top {
		border:none;
		float:left;
		width:100%;
		display:block;
		position:relative;
		height:50px;
		background:#f2f2f2;
	}


	select#events_dd,
	select#manuf_dd {
	display:inline !important;
	width:45%;
	padding:2px;
	font-size:14px;
	margin-top:10px;
	}
	select#events_dd{
	margin-left:2.5%;
	float:left;
	}
	select#manuf_dd {
	float:right;
	margin-right:2.5%;
	}

	.events.front ul {
	text-align:center;
	}
	.playsBoxTable {
	width:90%;
	margin-left:2.5%;
	position:relative;
	}
	.org_events .playsBoxTable {
		width:95%;
		margin-left:0%;
	}

	#bar__ .bar__content span {
	font-size:14px;
	}
	#bar__ .bar__content span a {
	color:#fff;
	font-size:14px;
	}
	#bar__ .bar__content span.barleft,
	#bar__ .bar__content span.barright  {
	width:99%;
	float:left;
	text-align:left;
	}
	#bar__ .bar__content span.barright {
		position: absolute;
		float: none !important;
		right: 1px;
		top:1px;
		width: auto !important;
		display: block;
	}
	#bar__ .bar__content span.barcenter {
	width:99%;
	text-align:center;
	display:none;
	}
	#bar__ .bar__content span.barcenter-m {
	display:block !important;
	padding-top:0px;
	margin-top:-5px;
	line-height:20px;
	padding-bottom:10px;
	padding-right:40px;
	}


	#bar__ .bar__content span.barright a {
	background:url(layout/cookiebar/bar-close.png) no-repeat left;
	padding:5px 0 5px 30px;
	}
	#bar__ .bar__content span.barleft a {
	background:url(layout/cookiebar/bar-back.png) no-repeat left;
	padding:5px 0 5px 30px;
	}
}


.tabcontent #eventsListing .listing_heading {
	display:none;
}

.pInfoDesc {
	float:left;
	width: -moz-calc(100% - 370px);
	width: -webkit-calc(100% - 370px);
	width: -o-calc(100% - 370px);
	width: calc(100% - 370px);
}
@media only screen and (min-width: 160px) and (max-width: 768px) {

	/* CHECK___ */
	.content-inner {
	width:98% !important;
	padding:1% !important;
	}

	body.is-gf-service .content-inner,
	body.is-ticket-reader .content-inner,
	body.is-video-stream-service .content-inner,
	body.is-donate-service .content-inner {
		width: 100% !important;
		padding:0 !important;
	}

	#header {
	height:auto;
	margin-bottom:15px;
	}


	.checkout_dd {
	display:none !important;
	margin-top:20px;
	float:left;
	width:100%;

	}
	.checkout_dd select {
	font-size:16px;
	padding:4px;
	width:auto;
	max-width:99%;
	}

	.main_total {
	padding:0;
	width:99%;
	}

	.playsBoxTable {
	width:99% !important;
	margin-left:0 !important;
	margin-right:0 !important;
	padding-right:0 !important;
	padding-left:0 !important;
	height:auto !important;
	}
	.playsBoxTable .playsImage{
	width:30%;
	max-width:150px;
	}
	.playsBoxTable .playsImage img {
	width:90%;
	max-width:140px;
	height:auto;
	}
	.playsBoxTable .playsRight {
	width:70%;
	}
	.playsBoxTable .playsActions {
	width:auto !important;
	position:relative !important;
	margin-top:10px;
	}

	.listing_heading.cart.total {
	display:none;
	}
	.listing_heading.cart.qty {
	width:31%;
	text-align:right;
	}

	.playsBoxTable .playsActions .button {
	display:block;
	float:left;
	width:auto;
	clear:both;
	margin-top:7px;
	min-width:120px;
	text-align:center;
	}
	#cart_item_right_m {
	display:inline;
	float:left;
	width:31%;
	}
	#cart_item_right_m .item_qty,
	#cart_item_right_m .item_total {
	display:block;
	width:100%;
	padding-left:0;
	text-align:right !important;
	}
	#cart_item_right_m .item_total {
	font-size:16px;
	line-height:30px;
	}
	#cart_item_right_m input {
	font-size:16px;
	width:40px;
	}
	#cart_item_right_m img {
	display:none;
	}

	#button_set_{
	margin:0 auto;
	float:left;
	position:relative;
	width:100%;
	display:block;
	}


	/* listing props */
	#eventsListing .listing_heading.date,
	#eventsListing .listing_heading.price,
	#eventsListing .listing_heading.avail  {
	display:none;
	}
	#eventsListing .listing_heading.name {
	width:60%;
	}
	#eventsListing .listing_heading.action {
	width:38%;
	text-align:left;
	padding-left:0%;
	padding-right:0;
	}
	#eventsListing #item_left_m {
	width:61%;
	display:inline;
	float:left;
	}
	#eventsListing #item_right_m {
	width:36%;
	display:inline;
	float:left;
	}
	#eventsListing #item_left_m .item_date {
	display:none;
	}
	#eventsListing #item_left_m .item_date.m,
	#eventsListing #item_left_m .item_name{
	display:block !important;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	}
	#eventsListing #item_left_m .item_name span {
	font-weight:normal;
	}
	#eventsListing #item_left_m .item_date.m {
	padding-bottom:5px;
	}
	#eventsListing #item_right_m .item_price,
	#eventsListing #item_right_m .item_avail,
	#eventsListing #item_right_m .item_action{
	display:block;
	float:left;
	width:100%;
	text-align:left;
	}
	#eventsListing #item_right_m .item_price {
	font-size:14px;
	}
	#eventsListing #item_right_m .item_action .button {
	float:left;
	display:block;
	clear:both;
	margin-top:6px;
	margin-left:-2px;
	}
	#eventsListing #item_right_m .item_action.text span {
	margin-left:-1px;
	line-height:30px;
	}
	.playsListPrint {
	display:none;
	}
	#event_product_page .pInfoImage img {
	max-width:99%;
	height:auto;
	}

	.pageContent #login_box .input input,
	.pageContent #guest_box .input input {
		max-width:250px;
	}

	.pageContent img,
	#physical_pinfo img {
		max-width:99%;
		height:auto !important;
	}

	#physical_pinfo iframe {
		max-width: 100%;
	}

	#physical_pinfo .pInfoImage {
		text-align:left;
		width:99%;
	}

	#physical_pinfo .pInfoDesc {
		width:100%;
	}

	/* campaign properties */
	.pageContent.campaign {
	max-width:99%;
	}
	.main.campaign_area .field {
	display:block !important;
	width:100%;
	margin-bottom:15px;
	padding-left:0 !important;
	}
	.main.campaign_area ._submit_ {
	padding:0 !important;
	}
}
@media only screen and (min-width: 319px) and (max-width: 321px) {
textarea {
width:200px !important;
}
}
@media only screen and (min-width: 479px) and (max-width: 481px) {
	#company-logo {
		margin-top:16px !important;
	}
	textarea {
		width:350px !important;
	}

}
@media only screen and (max-width: 576px) {
	.create-form-buttons {
		width:100% !important;
	}
	.create-form-buttons td {
		display:block;
		float:left;
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	.create-form-buttons td a.button {
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	.create-form-buttons td a.booking {
		margin-top:10px;
	}
}
.red__ #bar__{
	background:#ee0000 !important;
}
/* Bubble pop-up */

        .popup {
        	position: absolute;
        	display: none;
        	z-index: 50;
        	border-collapse: collapse;
        	min-width:190px;
        }

        .popup td.corner {
        	height: 15px;
        	width: 19px;
        }

        .popup td#topleft { background-image: url(layout/tip/bubble-8-1.png); }
        .popup td.top { background-image: url(layout/tip/bubble-7-1.png); }
        .popup td#topright { background-image: url(layout/tip/bubble-6-1.png); }
        .popup td.left { background-image: url(layout/tip/bubble-5-1.png); border:none;}
        .popup td.right { background-image: url(layout/tip/bubble-4-1.png); }
        .popup td#bottomleft { background-image: url(layout/tip/bubble-3-1.png); }
        .popup td.bottom { background-image: url(layout/tip/bubble-2-1.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td.top img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(layout/tip/bubble-1-1.png); }

        .popup table.popup-contents {
        	font-size: 14px;
        	line-height: 1.2em;
        	background-color: #fff;
        	color: #666;

        	}

        table.popup-contents th {
        	text-align: right;
        	text-transform: lowercase;
        	}

        table.popup-contents td {
        	text-align: left;
padding:3px 20px;
font-size:14px;

        	}
table.popup-contents td a {
color: #3b3b3f !important;
margin:0 !important;
padding:0 !important;
font-size:14px !important;
}

.checkout_wait_ span{
display:block;
width:100%;
font-size:14px;
margin-top:10px;
}



/* Bookingstyles css begin */
.seatbooking .seat {
 border-radius: 50%;
  width:30px;
  padding:0px;
  margin:3px;
  line-height:30px;
  font-size:12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
position:relative;
cursor:pointer;
  white-space:nowrap;
}
.seat_dummy {
	width:10px;
}
.seatbooking .seat.rowname,
.seatbooking.section_disabled .seat.rowname{
	background:#222;
  color:#fff;
  font-size:12px;
  text-align:center;
  border-radius: 20%;
  -webkit-border-radius: 20%;
  -moz-border-radius: 20%;

  vertical-align:middle;
text-align:center;
}
.seatbooking .seat.rowname span {
font-size:8px;
  display:block;
  clear:both;
  float:left;
  margin-left:2px;
  position:relative;
text-align:center;
}

.seatbooking .seat.active {
background: #009900;
  text-align:center;
  font-size:12px;
  color:#fff;
  z-index:9999;
}
.seatbooking .seat.active:hover {
	background: #00aa00;
}
.seatbooking .seat.inactive {
background: none;
  text-indent:-9999px;
}

.seatbooking.section_disabled,
.seatbooking.section_enabled{
padding-bottom:20px;
}

.seatbooking.section_disabled .seat,
.seatbooking.section_disabled .seat.active,
.seatbooking.section_enabled .seat.non-current,
.seatbooking.section_disabled .seat.non-current{
  border-radius: 50%;
  padding:0px;
  line-height:15px;
  width:15px;
  border:7px solid #fff;
  font-size:12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
margin:3px;
position:relative;
cursor:pointer;
  text-indent:-9999px;
  opacity:0.4;
  background: #aaa;
}

/* seat select classes */
.seatbooking .seat.picked,
.seatbooking .seat.picked:hover {
background:#166db3;
}

.seatbooking .seat.picked, .seatbooking .seat.picked:hover {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.4; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.4; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.4; }
    100% { opacity: 1.0; }
}



.seatbooking .seat.taken,
.seatbooking .seat.taken:hover{
background:#dd0000;
  cursor:default;
}

.seatbooking .seat.removed,
.seatbooking .seat.removed:hover,
.seatbooking .seat.taken.removed,
.seatbooking .seat.taken.removed:hover{
	background:#777;
  cursor:default;
}

.seatbooking.section_enabled tr.unavailable .seat,
.seatbooking.section_disabled tr.unavailable .seat,
.seatbooking.section_enabled .seat.disabled,
.seatbooking.section_disabled .seat.disabled{
opacity:0.2;
text-indent:-9999px;
   background: #aaa;
  line-height:15px;
  width:15px;
  border:7px solid #fff;
}
.seatbooking.section_enabled tr.unavailable .seat.rowname,
.seatbooking.section_disabled tr.unavailable .seat.rowname {
border-radius: 20%;
  -webkit-border-radius: 20%;
  -moz-border-radius: 20%;
  width:30px;
  line-height:30px;
  border:none;
}

.seatbooking .stage_section {
background:#9D0000;
  color:#fff;
  font-size:16px;
  text-align:center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin:20px 12px 20px 40px;
  line-height:30px;
}


.seatbooking .has-inline-stage  .stage_section {
	text-indent: -9999px;
	background:none;
}
/* Hidden cells in map */
.seatbooking td.td_inactive div {
  line-height:30px;
  margin:0px;
  padding:0px;
  cursor: default;
}

/* Additional SType items */
.seatbooking .stype-rect-grey .seat.active{
	background-color: #555;
	opacity: 1;
	border-radius: 0%;
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
	border-color: #555;
	cursor: default;
}

.seatbooking .stype-rect-grey .seat.active::before {
	content: "";
	position: absolute;
	display: table;
	width: 42px;
	height: 37px;
	background-color: #555;
	margin: -11px -12px;
	cursor: default;
}

.seatbooking .stype-rect-red .seat.active{
	background-color: transparent;
	opacity: 1;
	border-radius: 0%;
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
	border-color: transparent;
	cursor: default;
}

.seatbooking .stype-rect-red .seat.active::before {
	content: "";
	position: absolute;
	display: table;
	width: 42px;
	height: 37px;
	background-color: transparent;
	margin: -11px -12px;
	cursor: default;
}

.seatbooking .stype-rect .seat.active{
	background-color: transparent;
	opacity: 1;
	border-radius: 0%;
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
	border-color: transparent;
	cursor: default;
}
.title_tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:5px 10px;
	color:#fff;
	font-size:12px;
	max-width:300px;
  z-index:20000;
}


a.select-seats-heading {
background: url(layout_images/seat-select-icon.png) no-repeat 4px 2px;
padding:2px 0 2px 43px;
  font-size:16px;
margin:5px 0 7px;
text-decoration:underline;
cursor: pointer;
width:auto;
  display:block;
}
h3.select-seats-heading:hover {
	color:#166db3;
}
h3.select-tickets-heading {
background: url(layout_images/tickets-select-icon.png) no-repeat 4px 5px;
padding:2px 0 2px 43px;
  font-size:16px;
margin:5px 0 8px;
}
h3.select-section-heading {
background: url(layout_images/section-select-icon.png) no-repeat 4px 2px;
padding:2px 0 2px 43px;
  font-size:16px;
margin:5px 0 8px;
}

h3.tickets_summary_heading {
background: url(layout_images/summary-select-icon.png) no-repeat 2px 5px;
padding:2px 0 5px 48px;
  font-size:16px;
margin:5px 0 8px;
}
.seat_pick_heading {
font-size:25px;
  padding:0px 0 20px 0;
  color:#004b87;
}

.seat_pick_info {
font-size:16px;
  padding-bottom:10px;
}

.seat-select-cancel {
	float:right;
}

.seat_pick_instructions {
font-style:italic;
  font-size:12px;
  padding-bottom:10px;
  line-height:1.4;
}

table.stageSeatsTable {
width:100%;
}


/* icon info */
.reserve-seat-area-left {
float:left;
  width:100%;
}
td.seat_pick_reserve {
padding-top:0px;
}
.stageSeatsInfoHolder {
	width:auto;
	padding:0px 10px 0px 10px;
	background: none;
	border:0px solid #eaebed;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-left:-5px;
	text-align:left;
}
table.stageSeatsTableInfo {
	width:auto;
}
.stageSeatsTableInfo .row_label_icon .row_label {
	background:#222;
	color:#fff;
	font-size:12px;
	text-align:center;
	border-radius: 20%;
	-webkit-border-radius: 20%;
	-moz-border-radius: 20%;
	margin-right:20px;
	vertical-align:middle;
	text-align:center;
	height:20px;
	width:20px;
	line-height:20px;
}
.stageSeatsTableInfo .row_label_info {
vertical-align:middle;
  line-height:20px;
  padding-bottom:10px;
}
.stageSeatsTableInfo .seat_label_icon .seat_active_label,
.stageSeatsTableInfo .seat_label_icon .seat_inactive_label,
.stageSeatsTableInfo .seat_label_icon .seat_removed_label,
.stageSeatsTableInfo .seat_label_icon .seat_selected_label {
	border-radius: 50%;
	height:20px;
	width:20px;
	padding:0px;
	line-height:20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position:relative;
	cursor:pointer;
	background: #009900;
	text-align:center;
	font-size:12px;
	color:#fff;
}
.stageSeatsTableInfo .seat_label_icon .seat_inactive_label {
	background:#dd0000;
}
.stageSeatsTableInfo .seat_label_icon .seat_removed_label {
	background:#777;
}
.stageSeatsTableInfo .seat_label_icon .seat_selected_label {
background:#166db3;

    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

}

.stageSeatsTableInfo .seat_label_icon .seat_selected_label._incart {
	background:#061F33;
}

.stageSeatsTableInfo .seat_label_info {
vertical-align:middle;
  line-height:20px;
   padding-bottom:10px;
}

.seat-select-summary-area {
padding:15px 15px 15px 15px;
  background:#fff;
 border:2px solid #eaebed;
    border-radius:4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-bottom:5px;
 margin-top:15px;
}
.seat-select-summary-area .select-seats-info {
display:block;
  clear:left;
  margin:0 0 0 3px;
  padding-top:15px
}

.summary-step-text,
.create-form-buttons td {
padding-left:0px;
}

.can_be_booked {
text-decoration:underline;
  padding-left:4px;
}
#reserve-seat-area {
margin-top:10px;
  margin-bottom:7px;
display:block;
  float:left;
  padding:10px 10px 13px 10px;
  background: #fff;
  border:1px solid #eaebed;
   border-radius:4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width:97%;
  text-align:left;
}
#reserve-seat-button {

}
#reserve-seat-area #picked_seats_status {
  font-size:16px;
  padding:3px 0 10px 1px;
}

.book-reserved-seats-area {
  clear:left;
  display:block;
  padding-top:10px;
}


#reserving_seats_loader,
#bookreserving_seats_loader{
padding:5px 0 0 0px;
  margin-left:5px;
  float:left;
  line-height:20px;
  height:20px;
  font-size:14px;
}
#reserving_seats_loader img,
#bookreserving_seats_loader img{
float:left;
  margin-top:2px;
  margin-right:6px;
}

.number-of-seats-left {
margin-right:10px;
  font-size:12px;
}


/**
 * BxSlider
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 8px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
	height:auto !important;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	border: solid #fff 0px;
	left: 0px;
	background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(layout/bx/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(layout/bx/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(layout/bx/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -37px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 2;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(layout/bx/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(layout/bx/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/* EBS standard Begin */

TD {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.pageHeading {
	font-size: 20px;
	color: #878787;
	text-decoration: none;
	vertical-align: top;
}

a.plink {
	font-size: 12px;
	color: #E31C28;
	text-decoration: underline;
}

a.plink:hover {
	font-size: 12px;
	color: #9D1500;
	text-decoration: underline;
}

.infoHeading {
	font-size: 14px;
	color: #000000;
}

.left {
	border-bottom: 1px solid #E31C28;
}

.middle {
	border-right: 1px solid #E31C28;
	border-left: 1px solid #E31C28;
	border-bottom: 1px solid #E31C28;
}

.middle1 {
	border-right: 1px solid #E31C28;
	border-left: 1px solid #E31C28;
}

.topborder {
	border-top: 1px solid #E31C28;
}

.productcode {
	font-size: 14px;
	color: #C0C0C0;
}

.productleft{
	border-right: 1px solid #E31C28;
	border-left: 1px solid #E31C28;
	border-bottom: 1px solid #E31C28;
}

td.cont {
	background-image: url(images/box/corner_cont.gif);
	background-repeat: repeat-y;
}

.whitecont {
	background-color: #FFFFFF;
}


/*--- INFOBOX ----*/

.infoBoxHeading{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	color: #FEFEFF;
	background: url(images/infobox/info_bg.gif);
	text-transform: uppercase;
  	vertical-align: middle;

}
.infoBox{background-color: #ffffff;}
.infoBoxGrey{background-color: #FBF6EB;}
tr.infoBoxContents td {
	font-size: 12px;
	color: #000000;
	background-color: #f2f2f2;
    padding: 7px !important;
}
table.infoBoxContents td {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #eaebed;
    padding: 10px 10px !important;
}
.infoBoxContentsGrey{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FBF6EB ;
}

.infoBoxContentsWhite{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
border: 1px solid #FBF6EB;
}

.boxText {
width:165px;
font-size:12px;
line-height:1.2;
text-align:left;
}


.boxText p {
font-size:11px;
line-height:1.3;
}

.boxText p a{
font-size:11px;
line-height:1.3;
text-decoration:underline;
color:#3399CC;
}
.boxText p a:hover {
font-size:11px;
line-height:1.3;
text-decoration:underline;
color:#1155CC;
}

.boxText span {
font-weight:normal;
}

.catDesc {padding: 10px 40px 40px 5px; color: #373737;}
.reviewsSeparator {background: #D0D0D0;height:1px;}
.smallTextDate {color:#555555;}
td.stars {padding-top:5px;padding-bottom:5px;}

.pressImage {width:100px;}
.pressName {width:90px;}
.pressDesc {width:100px;}


/* Comments Box */

.commentBoxTop {
background: url(layout_images/bubble_top.gif) no-repeat top;
height:14px;
width:169px;
}

.commentBoxBottom {
background: url(layout_images/bubble_bottom.gif) no-repeat bottom;
height:7px;
}

.commentsBoxName {
font-weight:normal;
font-size:14px;
text-align:left;
}

.commentsBoxName a{
font-weight:normal;
font-size:14px;
text-align:left;
}

.commentsBoxText {
font-weight:normal;
background:#FFFFFF url(layout_images/bubble_right.gif) repeat-y right;
width:155px;
padding:10px;
text-align:left;
border-left:1px solid #E6E2D8;
border-bottom:1px solid #E6E2D8;
}

.commentsBoxText a {
font-weight:normal;
background:#FFFFFF;
text-align:left;

}

.commentsBoxInfo {
background:#FFFFFF;
width:155px;
padding:10px;
text-align:left;
border-left:1px solid #E6E2D8;
background:#FFFFFF url(layout_images/bubble_right.gif) repeat-y right;
}

.commentsBoxProduct {
width:150px;
text-align:left;
}

.commentsBoxDate {
font-weight:normal;
text-align:left;
font-size:10px;
}

.commentsBoxDate a{
text-align:left;
font-size:11px;
color:#666666;
}

.commentsBoxRating {
font-weight:normal;
text-align:right;
}


.productListing-odd {background:#F6F6F6;}
.productListing-even {background:#E4E4E4;}
.productListing-data {padding: 5px 0 5px 0; vertical-align:top;}


.category_desc ul {
list-style-type: disc;
padding-left:15px;
}



td.productListing-heading-cart {
background:#d3d3d3;
border-bottom:2px solid #fff;
line-height:20px;
padding:4px !important;
font-size:13px;
}

.main_total {
font-size:16px;
border-bottom:1px solid #aeaeaf;
padding-bottom:10px;
padding-right:2px;
}

.adjacent_warning {
background:#fff url(layout_images/user_orange.png) no-repeat 7px 12px;
line-height:19px;
font-size:16px;
padding:10px 0;
text-indent: 33px;
float:left;
width:93%;
margin-top:10px;
margin-bottom:25px;
color: #e84064;
}
.stock_warning {
background:#fdeeef;
line-height:19px;
font-size:16px;
border:1px dotted #f9858a;
padding:1%;
margin-top:10px;
margin-bottom:25px;
float:left;
display:block;
width:98%;
}
.main_checkout_products {
padding:2px !important;
background:#f9f9f9 !important;
font-size:14px;
}

/* seat info */
.cart-item-price {
font-size:14px;
margin-right:5px;
}
.cart-item-qty {
margin-right:4px;
margin-top:-7px;
}
.cart-item-qty img{
padding:0 1px 0 1px;
vertical-align:top;
}
.productListing-data .name {
width:100%;
}

.ticker-text {
font-size:14px;
background:url(layout_images/information.png) no-repeat 0px;
padding-left:37px;
}

.pre_book_countdown {
margin-top:10px;
font-size:22px;
background:url(layout_images/clock.png) no-repeat 0px;
padding-left:37px;
color:#666;
letter-spacing:2px;
}



.main_summary_success {
	font-size:14px;
	background:url(layout_images/information.png) no-repeat 0px;
	padding-left:20px;
	border-top:1px dotted #333;
	line-height:40px;
	margin-bottom:-5px;
	position:relative;
	float:left;
	width:465px;
}

.pageContent.success span.main_summary_success {
	background:none;
	padding-left:0;
}

.main_summary_success_data {
	margin-left:10px;
	position:relative;
	float:left;
	line-height:18px;
	margin-bottom:20px;
	width: 100%;
}

.pageContent.success .main_summary_success_data {
	margin-left:0;
	margin-bottom: 0;
}

.pageContent.success .main_summary_success_data span {
	padding-bottom: 7px;
	display:block;
}

@media only screen and (max-width: 550px) {
	.pageContent.success .main_summary_success_data span {
		font-size: 14px;
	}
}

.pageContent.success .main_summary_success_data small {
	display:block;
	padding-bottom: 3px;
}

.pageContent.success .main_summary_success_data .seat_info_pname {
	padding-top: 0px;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

.pageContent.success .main_summary_success_data .seat_info_pname:first-child {
	padding-top:0px;
}

.playsActions form {
	display:inline !important;
}



.ship_method_waytext {
font-weight:normal;
font-size:11px;
max-width:300px;
}
#liputamme-tapahtumasi {
background:url(layout_images/liputamme-tapahtumasi.png) no-repeat left top;
width:251px;
height:44px;
position:absolute;
left:340px;
top:30px;
}


/* Mew styles begin */
.infoBoxHeading
{
    background: url(layout_images/box-heading-bg-new.gif) no-repeat 0 0;
    height: 30px;
    line-height: 30px;
    padding-left: 0px;
text-align:center;
color:#fff;
}

.events_list_heading {
padding:5px 0 5px 1px;
font-size:19px;
color:#000;
    color: #000;
}


td.playsName
{
    padding-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
}


#wrap_press ul
{
    display: inline;
    width: 500px;
}
#wrap_press a
{
    display: inline;
    width: 500px;
}



/* this makes it possible to add next button beside scrollable */
div.scrollable
{
    float: left;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage
{
    display: block;
    width: 18px;
    height: 18px;
    background: url(../img/arrow/left.png) no-repeat;
    float: left;
    margin: 43px 10px;
    cursor: pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover
{
    background-position: 0px -18px;
}

/* disabled navigational button */
a.disabled
{
    visibility: hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage
{
    background-image: url(../img/arrow/right.png);
    clear: right;
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi
{
    margin-left: 328px;
    width: 200px;
    height: 20px;
}


/* items inside navigator */
div.navi a
{
    width: 8px;
    height: 8px;
    float: left;
    margin: 3px;
    background: url(../img/navigator.png) 0 0 no-repeat;
    cursor: pointer;
}

/* mouseover state */
div.navi a:hover
{
    background-position: 0 -8px;
}

/* active state (current page state) */
div.navi a.active
{
    background-position: 0 -16px;
}

div.scrollable
{
    position: relative;
    overflow: hidden;
    width: 400px;
    height: 430px;
}

/*
	root element for scrollable items. It is
	absolutely positioned with large width.
*/
#thumbs
{
    position: absolute;
    width: 20000em;
    clear: both;
    border: 1px solid #222;
}

/* custom positioning for navigational links */
a.prev, a.next
{
    margin-top: 118px;
}



/* single item */
#thumbs div
{
    float: left;
    width: 214px;
    height: 300px;
    color: #fff;
    border-left: 1px solid #333;
    cursor: pointer;
}

/* style when mouse is over the item */
#thumbs div.hover
{
    background-color: #444;
}

/* style when element is active (clicked) */
#thumbs div.active
{
    background-color: #066;
    cursor: default;
}

#thumbs h3, #thumbs p, #thumbs span
{
    margin: 13px;
    font-family: "bitstream vera sans";
    font-size: 13px;
    color: #fff;
}

#thumbs h3 em
{
    font-style: normal;
    color: yellow;
}


/* Reviews */

#playsReviewsArea table
{
    width: 100%;
}

#playsReviewsArea .playsReviewsHead
{
    padding: 5px 0px 15px 0px;
}

#playsReviewsArea td.playsReviewsWrite
{
    text-align: left;
    padding-left: 0px;
}

#playsReviewsArea .playsReviewsHeading
{
    font-size: 14px;
    color: #666;
}

#playsReviewsArea .playsReviewsContentTop
{
    background: #efefef;
}

#playsReviewsArea .playsReviewsContentName
{
    padding: 4px;
    color: #666;
}

#playsReviewsArea .playsReviewsContentDate
{
    text-align: right;
    padding: 4px;
    color: #666;
}

#playsReviewsArea .playsReviewsContentRating
{
    padding: 4px;
}

#playsReviewsArea .playsReviewsContentText
{
    padding: 10px;
    background: #e9e9e9;
    border-top: 1px solid #fefefe;
}

#playsReviewsArea .playsReviewsContent
{
    padding-bottom: 13px;
}

#playsReviewsArea .playsReviewsWrite
{
    padding-left: 0px;
}

#playsReviewsArea div.playsReviewsWriteLink
{
    color: #000;
    background: #f9f9f9;
    font-size: 12px;
    cursor: pointer;
    padding: 5px 0px 5px 10px;
}

#playsReviewsArea div.playsReviewsWriteLink:hover
{
    color: #666;
    background: #f9f9f9;
    font-size: 12px;
    cursor: pointer;
}

#playsReviewsArea div.playsReviewsWriteLink img
{
    padding-right: 5px;
    vertical-align: middle;
    cursor: pointer;
}

#playsReviewsArea .playsReviewsWriteSend
{
    color: #000;
    background: #f9f9f9;
    font-size: 12px;
    cursor: pointer;
    float: left;
    padding: 5px 0px 5px 10px;
    width: 100%;
}

#ratingstars
{
    text-align: left;
    width: 430px;
    padding-bottom: 10px;
}

#playsReviewsArea div.playsReviewsWriteSend:hover
{
    color: #666;
    background: #f9f9f9;
    font-size: 12px;
    cursor: pointer;
}

#playsReviewsArea div.playsReviewsWriteSend img
{
    padding-right: 5px;
    vertical-align: middle;
    cursor: pointer;
}

.ratingstarstext
{
    color: #000;
    background: #fff;
    font-size: 12px;
    width: 45px;
}

#playsReviewsArea .reviewsInputName
{
    padding-top: 10px;
}

input#reviewerName
{
    width: 160px;
}

#playsReviewsArea .reviewsInputText
{
    padding-top: 10px;
    padding-bottom: 10px;
}

#playsReviewsArea table.reviewsLoginTable
{
    margin-top: 13px;
}

#playsReviewsArea .reviewsLogin
{
    padding: 5px 0px 10px 13px;
    background: #FDE8E8;
    color: #666;
    border: 1px dotted #666;
}

#playsReviewsArea a.reviewsLoginLink
{
    background: none;
    font-size: 12px;
    line-height: 1;
    padding: 0px;
    margin: 0px;
    color: #666;
}

#playsReviewsArea a.reviewsLoginLink:hover
{
    color: #000;
}

#reviewsent .reviewsentcontent
{
    padding: 10px 0px 10px 13px;
    background: #EBFDE8;
    color: #666;
    border: 1px dotted #666;
}

#playsReviewsArea .playsReviewsNoComments
{
    padding-left: 15px;
}



.playsBoxTable
{
    margin-bottom: 9px;
}

.weekday:hover, .weekend:hover
{
    background: #fff;
    color: #000;
}


.playsButtonReadmore
{
    color: #FFF;
}


.playsButtonTrailer
{
    color: #FFF;
}
.playsButtonBuytickets
{
    color: #FFF;
}


a.group {
font-size: 12px;
font-weight: bold;
}

a.group:hover {
font-size: 12px;
font-weight: bold;
color: #fff;
}

#PlaysOnDate table td
{
    padding: 2px !important;
}

#calendar-70
{
    padding-bottom: 10px;
}

#playListMain
{
    background: #fff;
    padding: 30px;
}

.pjasSummaryAddToCart
{
    padding-top: 5px !important;
}




#index-plays-desc h3 {
font-size:13px;
}

.payment-logos-heading {
background:url(layout_images/box-heading-bg-cal-new.gif) no-repeat top center;
font-size:12px;
    height: 30px;
    line-height: 30px;
    padding-left: 0px;
text-align:center;
color:#fff;
    font-size: 15px;
font-weight:normal;
}



.plays-images-text {
font-size:11px;
padding:0 0 0 10px;
}

.plays-images-thumb {
display:inline;
line-height:2.3;
}

.adjacentWarning {
font-size:14px;
font-weight:normal;
background:#e4e4e4;
padding:5px;
}

.adjacentWarning img{
padding-right:6px;
vertical-align:top;
padding-top:2px;
}
.markProductAdjacent img {
vertical-align:top;
padding-left:3px;
}


.plays-trailer-area {
text-align:center;
}

.mainLogin {
font-size:14px;
color:#333;
padding-bottom:6px;
}

.main_normal {
font-weight:normal !important;
}

td.smallText a {
color:#005ba2;
}



#pre_loader {
float:left;
position:absolute;
width:50px;
left:230px;
margin-top:7px;
}

.listing-avail-for-sale {
padding-top:0px;
background:url(layout_images/information.png)no-repeat 0 12px;
padding-left:20px;
color:#005ba2;
font-weight:bold;
height:30px !important;
vertical-align:bottom !important;
}
.listing-avail-end-sale {
padding-top:0px;
background:url(layout_images/exclamation.png)no-repeat 0 12px;
padding-left:20px;
color:#ff0000;
font-weight:bold;
height:30px !important;
vertical-align:bottom !important;
}

.create-form-buttons {
margin:20px 0;
width:auto;
}
.create-form-buttons td.pjasSummaryAddToBookingCart {
padding-right: 15px;
}
.listing-desc.spec {
max-width:70px;
}

.tick_name, .tick_price, .tick_diff {
display:inline;
float:left;
}

.tick_name {
width:250px;
font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
}

.tick_diff {
padding-left:10px;
}
.ticketsName .tick_price{
font-size: 14px;
margin-right: 10px;
}
.booking_price_diff_info {
background:url(layout_images/information.png) no-repeat left;
line-height:29px;
}


@media only screen and (max-width: 768px) {
	.tick_name {
		width:auto;
		margin-right: 10px;
	}
	.qty-input input {
		width: 30px;
		padding:0 10px;
		-webkit-appearance: none;
		-webkit-border-radius:0px;
	}
	.qty-input {
		width: 140px;
		float: right;
	}
	.ticketsName .tick_price {
		clear: left;
	}
	.ticketsAmount {
		vertical-align: middle;
	}
}

.listing-desc {
max-width:100px;
padding:15px 0 10px 10px;
font-weight:bold;
}
.listing-date {
padding-left:10px;
}

.listing_short_desc {
max-width:200px;
display:block;
padding-top:10px;
}

#physicalProductsListing .prod_name_link {
font-weight:bold;
}
#physicalProductsListing img {
border:2px solid #fff;
}

#physicalProductsListing .prod_listing_price {
font-size:12px;
font-weight:bold;
color:#333;
}



span.index_prod_p_price {
display:block;
color:#B41912;
font-size:16px;
padding-top:10px;
font-weight:bold;
}

.add_images_holder {
display:block;
text-align:left;
}
.add_images_holder img {
border:2px solid #f8f8f8;
margin-right:8px;
}
.add_images_holder img:hover {
border:2px solid #e1e1e1;
}



/* vote */

.playsBoxTable.vote .whiteButton,
.voteprod .whiteButton
{
    color: #ffffff !important;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 0px;
    text-align: center;
    width: 95px;

    float: left;
}
.playsBoxTable.vote .whiteButton a,
.voteprod .whiteButton a {
color: #FFF !important;
}

.playsBoxTable.vote.odd {
background:#f9f9f9 !important;
}
.playsBoxTable.vote h3 {
color:#003059;
font-size:20px;
}
.playsBoxTable.vote .playsText-inner {
color:#333;
}
.playsBoxTable.vote .whiteButton.vote,
.voteprod .whiteButton {
width:120px;
}


.playsBoxTable.vote .index_prod_p_price {
display:none;
}

.playsBoxTable.vote .playsImage {
height:200px;
overflow-y:hidden;
}
#votebox__ {
position:fixed;
top:35%;
z-index:1000000;
left:50%;
width:500px;
height:200px;
background:#fff;
margin-left:-275px;
border:8px solid #f3f3f3;
}


#votebox__ #content_ {
padding:10px;
}
#votebox__close {
float:right;
position:absolute;
right:-22px;
top:-20px;
}
#votebox__close img {
cursor:pointer;
}
.blurcontrollClass{
filter:alpha(opacity=40)!important;
KHTMLOpacity:.4;
MozOpacity:.4;
opacity:.4;
position:fixed;
width:100%;
height:500%;
top:0;
left:0;
background:#000;
z-index:100000;
}


#votebox__ #content_ .heading {
font-size:18px;
}
#votebox__ #content_ .heading span {
color:#003059;
font-size:22px;
line-height:20px;
}
#votebox__ #content_ .info {
font-size:12px;
padding-top:5px;
}
#votebox__ #content_ .input {
margin-top:20px;
width:480px;
float:left;
}
#votebox__ #content_ .input .label_area{
display:block !important;
float:left;
margin-right:10px;
height:23px;
width:100%;
}
#votebox__ #content_ .input .input_area_ {
display:inline !important;
float:left;
height:40px;
width:467px;
}
#votebox__ #content_ .hit_vote {
display:block;
float:right;
position:relative;
margin-right:-1px;
}
#votebox__ #content_ .input .label_area label {
font-size:14px !Important;
line-height:16px !important;
color:#444;
}

#votebox__ #content_ .input .input_area_ input {
font-size:16px;
padding:4px;
width:100%;
}

#votebox__ #content_ .hit_vote .whiteButton a.playsButtonVote {
color: #fff !important;
cursor:pointer;
}
.vote_loading {
display:inline;
float:left;
margin-left:2px;
margin-top:10px;
font-size:12px;
color:#666;
font-style:italic;
}
.vote_error {
display:inline;
float:left;
margin-left:2px;
margin-top:10px;
font-size:12px;
color:#ee0000;
font-style:italic;
}

input.qtyfield {
border:none;
width:17px;
font-weight:bold;
}





#slider {
  width: 620px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}


.pinfoTable a {display:block;}
.pinfoSectionTable-row a {display:block;}
tr.trclick a {display:block;}


/* style css begin */



#wrapper___ {
    width: 100%;
}

#pjasImage {
    background: #FFF7E6;
}


#pjasSection {
    background: #f2f2f2;
  border-top:2px solid #ccc;
    width: 100%;
    margin-top: 12px;
margin-bottom: 12px;
}

.event_info_text {
background: #f2f2f2;
  border:2px solid #eaebed;
padding:10px 20px;
margin-top:15px;
margin-bottom:25px;
color:#000;
   border-radius:4px;
   -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width:94%;
}

.event_discount-types-info {
	display:block;
	width: 85%;
	max-width: 460px;
	padding:0 0 15px 45px;
	margin-top:-4px;
	background:rgba(0, 0, 0, 0) url("layout_images/information.png") no-repeat scroll 15px top;
	color:#e84064;
}
.pinfoinfotext {
font-weight:bold;
padding:10px 20px;
background: #f2f2f2;
  border:2px solid #eaebed;
  border-radius:4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

margin-top:18px;

}

#pjasSection h3,
.panel h3 {
padding-bottom:15px;
}
#pjasSection .inner {
    padding: 8px 20px 17px 20px;
}

#pjasTickets {
    background: #FFF7E6;
    width: 100%;
    margin-top: 12px;
}

#pjasTickets .inner {
    padding: 2px 12px 12px 12px;
}

#pjasSummary {
    background: #f2f2f2;
  border-top:2px solid #ccc;
    width: 100%;
    margin-top: 12px;
}

#pjasSummary .inner {
    padding: 12px 20px 12px 20px;

}

.sectionAvailability {
    text-align: right;
    font-size: 14px;
    padding-right: 5px;
}

.summary {
width: 100%;
}

.sectionCheckbox {
    width: 30px;
}

.sectionColor {
    width: 25px;
    text-align: center;
}
.sectionName {
	font-size: 14px;
}

.pinfoTicketsTable {
    width: 100%;
}

.pinfoTable {
    width: 100%;
}

.pinfoSectionTable {
    width: 100%;
}

.pinfoSectionTable a {
    cursor:pointer;
}



.pinfoTicketsTable-row {
    background: #fff;
    border: 1px solid #ccc;
padding:15px;
  line-height:28px;
vertical-align:middle;
display:block;
margin-bottom:10px;
}
.pinfoTicketsTable-row:hover {
	border: 1px solid #166db3;
}
.pinfoTicketsTable-row .ticketsName {
vertical-align:middle;
font-size: 14px;
}
.ticketsAmount {
    text-align: right;
}
.ticketsAmount * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.ticketsAmount select {
    width: 83px;
  margin-right:5px;
}

.ticketsAmount h3 {
    padding: 0;
    margin: 0;
    line-height: 2;
}

.pjasSummaryTable {
    width: 100%;
}

.pjasSummaryTable-row {
    background: ;
    border: 0px solid #999;
}

.pjasSummaryTable-row td {
color:#000;
font-size:14px;
}


.pjasSummaryAddToCart {
    text-align: left;
}

.pinfoSectionTable-row {
    background: #fff;
    border: 1px solid #ccc;
padding:15px;
line-height:28px;
display:block;
margin-bottom:10px;

}
.pinfoSectionTable-row input {
margin-left:7px;
}
.pinfoSectionTable-row a {
vertical-align:middle;
padding-left:10px;
}
.pinfoSectionTable-row img,
.pinfoSectionTable-row-selected img {
margin-bottom:-4px;
  margin-right:4px;
}
.pinfoSectionTable-row:hover {
background:#fafafa;
}
.pinfoSectionTable-row-selected {
	background:#336d9f;
	color: #fff !important;
	border: 1px solid #ccc;
	padding:15px;
	line-height:28px;
	display:block;
	margin-bottom:10px;
}
.pinfoSectionTable-row-selected a:hover {
	color:#fff;
  opacity:1;
}
.pinfoSectionTable-row-selected input {
margin-left:7px;
}
.pinfoSectionTable-row-selected a {
	color:#fff;
	vertical-align:middle;
	padding-left:10px;
}

a.radioclick img{
border:none;
}

#slider {
width: 100%;
margin: 0 auto;
position: relative;

}
.scroll {
height: auto;
overflow: auto;
position: relative;
clear: right;
background: #FFFFFF;
width:100%;

}
.scrollContainer div.panel {
padding: 0px;
height: auto;
min-height:100px;
width: 100%;
  background: #f2f2f2;
  border-top:2px solid #ccc;
}
.scrollContainer .inner {
padding: 8px 20px 17px 20px;
}

.signup-accept-terms-block {
	margin-bottom:15px;
}
.signup-accept-terms-block input {
	height: 18px;
	width: 18px;
}
.signup-accept-terms-block label {
	color: #e84064;
	font-size: 14px;
}
.signup-accept-terms-block label a{
	color: #e84064;
	font-size: 14px;
	text-decoration: underline;
}

#site-alert-container-success,
.checkout-address-alert,
#site-alert-container-error,
#site-alert-container-success-plain {
	width: 100%;
	clear: both;
	margin:10px auto 20px;
	max-width: 1200px;
	display:block;
	background: #e84165;
	padding:12px 0 14px;
}

#site-alert-container {
	width: 100%;
	clear: both;
	margin: 0px auto 0px;
	/* max-width: 1200px; */
	display: block;
	background: #3c72f0;
	padding: 12px 0px 14px;
}

#site-alert-container b,
#site-alert-container strong {
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
}

@media only screen and (max-width: 768px) {
	#site-alert-container {
		margin: 0px auto 0px;
	}
}

body.is-gf-sservice #site-alert-container {
	margin:1px auto 20px;
	max-width:100%;
}

#site-alert-container-success {
	background: #0C9B23;
}


#site-alert-container-error,
#site-alert-container-success-plain {
	background:none;
	margin-bottom: 0;
}
.checkout-address-alert {
	padding:3px 0 5px;
	background: #FC5F80;
}

#site-alert-container-success .site-alert-message,
#site-alert-container-error .site-alert-message,
#site-alert-container-success-plain .site-alert-message,
.checkout-address-alert .checkout-address-alert-message {
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 1.5;
}

#site-alert-container .site-alert-message {
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 1.8;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	padding:0 15px;
}

#site-alert-container .site-alert-message a {
		color: #fff;
		text-decoration: underline;
}
#site-alert-container .site-alert-message a:hover {
		opacity: 0.9;
}

#site-alert-container-error .site-alert-message {
	color: #e84064;
}
#site-alert-container-success-plain .site-alert-message {
	color: #0C9B23;
}

.is-video-stream-service #site-alert-container-error,
.is-donate-service #site-alert-container-error {
	width: 100%;
	clear: both;
	margin: 0px auto 0px;
	display: block;
	background: #e84165;
	padding: 12px 0 15px;
	max-width: 100%;
}

.is-video-stream-service #site-alert-container-error.notice {
	background: #F0DE30;
}

.is-video-stream-service #site-alert-container-error.notice .site-alert-message {
	background: #F0DE30;
	color:#222;
}

.is-video-stream-service #site-alert-container-error.video-avail,
.is-donate-service #site-alert-container-error.video-avail {
	background: #3C72F0;
}

.is-video-stream-service #site-alert-container-error.video-avail-to,
.is-donate-service #site-alert-container-error.video-avail-to {
	background: #F0DE30;
}

.is-video-stream-service #site-alert-container-error .site-alert-message,
.is-donate-service #site-alert-container-error .site-alert-message {
		color:#fff;
}

.is-video-stream-service #site-alert-container-error.video-avail .site-alert-message,
.is-donate-service #site-alert-container-error.video-avail .site-alert-message {
	background: #3C72F0;
	font-size: 16px;
}

.is-video-stream-service #site-alert-container-error.video-avail-to .site-alert-message,
.is-donate-service #site-alert-container-error.video-avail-to .site-alert-message {
	background: #F0DE30;
	font-size: 16px;
	color:#222;
}

@media only screen and (max-width: 550px) {
	.is-video-stream-service #site-alert-container-error .site-alert-message,
	.is-donate-service #site-alert-container-error .site-alert-message {
		padding:0 15px;
	}
}

.is-gf-service #content-page-inner,
.is-ticket-reader #content-page-inner,
.is-video-stream-service #content-page-inner,
.is-donate-service #content-page-inner {
	text-align: center;
}

.is-gf-service #content_wrapper,
.is-gf-service #content,
.is-gf-service .content-inner,
.is-gf-service #content-page-inner,
.is-ticket-reader #content_wrapper,
.is-ticket-reader #content,
.is-ticket-reader .content-inner,
.is-ticket-reader #content-page-inner,
.is-video-stream-service #content_wrapper,
.is-video-stream-service #content,
.is-video-stream-service .content-inner,
.is-video-stream-service #content-page-inner,
.is-donate-service #content_wrapper,
.is-donate-service #content,
.is-donate-service .content-inner,
.is-donate-service #content-page-inner {
		width: 100vw;
		max-width: 100%;
}
.is-gf-service #content-page-inner,
.is-ticket-reader #content-page-inner {
	padding:10px 0 10px 0;
}

.is-video-stream-service #content-page-inner,
.is-donate-service #content-page-inner {
	padding:10px 0 0px 0;
}
.is-video-stream-service.is-video-mode #content-page-inner,
.is-donate-service #content-page-inner {
	padding:15px 0 0px 0;
}
body.is-video-stream-service #content,
body.is-donate-service #content {
	padding-bottom: 0;
}
.gc-actions.bg-type-success {
	background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 86%);
	padding-top: 20px;
	margin-top: -30px;
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

.gc-actions.bg-type-success p#gc-message {
	width: 300px;
	display: table;
	margin: 0 auto;
	background-color: #336597;
	width: 350px;
	box-sizing: border-box;
	padding: 0;
	overflow: hidden;
	position: relative;
	height: 221px;
	border-radius: 22px;
	background:linear-gradient(135deg, #336597 0%,#224363 100%);
	-webkit-box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	-moz-box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
}

.gc-actions.bg-type-success p#gc-message::before {
	background-image: url(layout/nt-logo@2x.png);
	background-repeat: no-repeat;
	background-size: 50px;
	position: absolute;
	display: table;
	content: "";
	width: 50px;
	height: 50px;
	opacity: 0.05;
	top: 15px;
	right: 150px;
}

.gc-actions.bg-type-success p#gc-message > div {
	position: absolute;
	color: #d1e4f3;
	text-align: left;
}

.gc-actions.bg-type-success p#gc-message #card-info-code {
	top: 60px;
	line-height: 27px;
	left: 19px;
	font-size: 14px;
	display: table;
}
.gc-actions.bg-type-success p#gc-message #card-info-code span {
	letter-spacing: 10px;
	color: #fff;
}

.gc-actions.bg-type-success p#gc-message #card-info-balance {
	bottom: 14px;
	line-height: 23px;
	left: 19px;
}
.gc-actions.bg-type-success p#gc-message #card-info-balance span {
		font-size: 20px;
		color: #fff;
}

.gc-actions.bg-type-success p#gc-message #card-info-exp {
	right: 19px;
	line-height: 23px;
	bottom: 14px;
}

.gc-actions.bg-type-success p#gc-message #card-info-exp span {
font-size: 20px;
color: #fff;
}

.gc-actions.bg-type-success p#gc-message div span {
	font-family: Courier, Consolas, "Lucida Console";
	color:#d1e4f3;
	display:block;
}

.gc-actions.bg-type-success p#gc-message span {
	margin:0;
}

#gc-use {
		padding-top:10px;
}

body.is-gf-service,
body.is-ticket-reader,
body.is-video-stream-service,
body.is-donate-service {
	letter-spacing: -0.039rem;
}

.is-gf-service .gf-content,
.is-ticket-reader .gf-content,
.is-video-stream-service .gf-content,
.is-donate-service .gf-content {
	margin:auto;
}

.is-video-stream-service.is-video-mode .gf-content{
	max-width: 1200px;
	text-align: left;
}

.is-donate-service .gf-content {
	/*max-width: 100%;*/
	max-width: 1920px;
	text-align: left;
	box-sizing: border-box;
	padding: 0 100px;
}

@media only screen and (max-width: 1440px) {
	.is-donate-service .gf-content {
		padding: 0 40px;
	}
}

/*@media only screen and (max-width: 1550px) {
	.is-donate-service .gf-content {
		max-width: 1200px;
		text-align: left;
	}
}

@media only screen and (max-width: 1310px) {
	.is-donate-service .gf-content {
		max-width: 1024px;
		text-align: left;
	}
}
*/
@media only screen and (max-width: 1260px) {
	.is-video-stream-service.is-video-mode .gf-content{
		padding: 0 30px;
	}
}

@media only screen and (max-width: 768px) {
	.is-video-stream-service .gf-content {
		padding: 0 30px;
	}
}

@media only screen and (max-width: 1024px) {
	.is-donate-service .gf-content {
		padding: 0 0px;
	}
}

.is-gf-service h2,
.is-ticket-reader h2,
.is-video-stream-service h2,
.is-donate-service h2 {
	padding-bottom: 20px;
	color:inherit;
	font-size: 22px;
	display: inline-block;
	margin-left:34px;
}

.is-video-stream-service .gf-content h1 {
		font-size: 3.5em;
		color: #4b4849;
}

.is-video-stream-service.is-video-mode .gf-content h1 {
	font-size: 2.0em;
	margin-bottom: 5px;
}

.is-donate-service .gf-content h1 {
	font-size: 2.0em;
	margin: 20px 0 60px 0;
	color: #002638;
	text-align: center;
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
}

.is-donate-service .gf-content h1#heading-step-one span {
	color: #e93e40;
	font-family: 'Montserrat-BoldItalic', Arial, Helvetica, sans-serif;
	font-style: italic;
}

.is-donate-service .gf-content #donate-form h1 {
	color: #002638;
}

.is-video-stream-service.is-video-mode .gf-content p {
		font-size: 14px;
}

@media only screen and (max-width: 1024px) {
	.is-video-stream-service .gf-content h1,
	.is-donate-service .gf-content h1 {
		font-size: 2em;
	}

	.is-donate-service .gf-content h1 {
		font-size: 1.7em;
	}
}

@media only screen and (max-width: 550px) {
	.is-video-stream-service.is-video-mode .gf-content h1/*,
	.is-donate-service .gf-content h1*/ {
		font-size: 1.4em;
		margin: 15px 0 17px 0;
		line-height: 1.2em;
	}
}

.is-video-stream-service .gf-content p {
	color: #4b4849;
}

.is-video-stream-service .gf-content p.start-watching-info {
	margin: 15px auto 35px auto;
	max-width: 600px;
}

.is-video-stream-service .gf-content p.video-exp-date {
	background-color: #F0DE30;
	color:#222;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 3px;
	margin: 20px 0 8px 0;
	display: table;
}

.is-gf-service .gf-content h2::before,
.is-ticket-reader .gf-content h2::before,
.is-video-stream-service .gf-content h2::before {
	background-image: url(layout/user-linear.svg);
	display: table;
	content: "";
	width: 22px;
	height: 22px;
	margin: 5px 0 0 -34px;
	position: absolute;
	background-size: 22px;
}
.is-gf-service .gf-content h2.gf-heading::before,
.is-ticket-reader .gf-content h2.gf-heading::before,
.is-video-stream-service .gf-content h2.gf-heading::before {
	background-image: url(layout/gift-card.svg);
	margin: 8px 0 0 -34px;
}

.is-gf-service h2.gf-heading,
.is-ticket-reader h2.gf-heading,
.is-video-stream-service h2.gf-heading {
display:none;
}

.is-gf-service .gf-content .field,
.is-ticket-reader .gf-content .field,
.is-video-stream-service .gf-content .field {
	margin: 10px 0 20px 0;
	display:block;
	position: relative;
	clear: both;
}

.is-ticket-reader .gf-content .check-in-manual.field,
.is-video-stream-service .gf-content .check-in-manual.field,
.is-donate-service .gf-content .check-in-manual.field {
	margin: 0px 0 0px 0;
}

.is-ticket-reader .gf-content .field.event-selection,
.is-video-stream-service .gf-content .field.event-selection {
	margin: 10px 0 20px 0;
}

.is-gf-service .gf-content .field .button,
.is-gf-service .gf-content .field .button.gc-check-button,
.is-gf-service .button.gc-close-button,
.is-ticket-reader .gf-content .field .button,
.is-ticket-reader .gf-content .field .button.gc-check-button,
.is-ticket-reader .button.gc-close-button,
.is-ticket-reader .button.back-button,
.is-video-stream-service .gf-content .field .button,
.is-video-stream-service .gf-content .field .button.gc-check-button,
.is-video-stream-service .button.gc-close-button,
.is-video-stream-service .button.back-button,
.is-donate-service .gf-content .field .button,
.is-donate-service .gf-content .field .button.gc-check-button,
.is-donate-service .button.gc-close-button,
.is-donate-service .button.back-button,
.button.gc-pay-confirm-button {
	display:inline-block;
	float:none;
	background-color: #4197d9;
	width: 150px;
	border-radius: 44px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	border:2px solid #4197d9;
}

.is-video-stream-service .gf-content .field .button.vs-watch-button,
.is-video-stream-service .video-timer .button.vs-watch-button,
.is-donate-service .gf-content .field .button.vs-watch-button {
	background-color: #3C72F0;
	border: 2px solid #3C72F0;
	background-image: url(layout/play-button.svg);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: 13px center;
	height: 50px;
	line-height: 50px;
	min-width: 200px;
}

.is-video-stream-service .video-timer .button.vs-watch-button {
	margin: 10px auto 0 auto; 
	display: inline-block;
	float: none;
	background-color: #222;
	border-color: #222;
	border-radius: 28px;
}

.is-video-stream-service .video-timer .button.vs-watch-button:hover {
	text-decoration: none;
}

.is-video-stream-service .gf-content .field .button.vs-watch-button:hover,
.is-video-stream-service .video-timer .button.vs-watch-button:hover,
.is-donate-service .gf-content .field .button.vs-watch-button:hover {
	opacity: 0.9;
	background-color: #3C72F0;
	border:2px solid #3C72F0;
}


.is-video-stream-service .std-button {
	background-color: #3C72F0;
	border: 2px solid #3C72F0;
	min-width: 140px;
	border-radius: 44px;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	margin:auto;
}
.is-video-stream-service .std-button:hover {
	text-decoration: none;
	opacity: .9;
}

.is-video-stream-service .gf-content .field .button.vs-watch-button.loading,
.is-video-stream-service .gf-content .field .button.vs-watch-button.loading:hover,
.is-donate-service .gf-content .field .button.vs-watch-button.loading,
.is-donate-service .gf-content .field .button.vs-watch-button.loading:hover  {
	cursor: not-allowed;
	background-color: #bbb;
	color: #e2e2e2;
	border-color: #bbb;
}

.button.gc-pay-confirm-button.button-disabled {
	border:2px solid #e6e6e6;
	color:#aaa;
}

.is-ticket-reader .gf-content .field .button.gc-check-button,
.is-video-stream-service .gf-content .field .button.gc-check-button,
.is-donate-service .gf-content .field .button.gc-check-button {
	min-width: 150px;
	line-height: 2.52rem;
	background-image: url(layout/qr-code-white.svg);
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: 24px 7px;
	padding-left: 37px;
	-webkit-box-shadow: 0px 0px 16px 5px rgba(200,200,200,0.6);
	-moz-box-shadow: 0px 0px 16px 5px rgba(200,200,200,0.6);
	box-shadow: 0px 0px 16px 5px rgba(200,200,200,0.6);
}

.is-ticket-reader .button.back-button,
.is-video-stream-service .button.back-button,
.is-donate-service .button.back-button {
	background-color: #fff;
	color: #4197d9;
	border: 2px solid #fff;
	background-image: url(layout/left-arrow-blue.svg);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 17px 10px;
	padding-left: 26px;
	padding-right: 0px;
	-webkit-box-shadow: 0px 0px 16px 5px rgba(255,255,255,0.2);
	-moz-box-shadow: 0px 0px 16px 5px rgba(255,255,255,0.2);
	box-shadow: 0px 0px 16px 5px rgba(255,255,255,0.2);
}

.is-ticket-reader .button.back-button:hover,
.is-ticket-reader .button.back-button:active,
.is-video-stream-service .button.back-button:hover,
.is-video-stream-service .button.back-button:active,
.is-donate-service .button.back-button:hover,
.is-donate-service .button.back-button:active {
	background-position: 12px 10px;
	text-decoration: none;

}

.is-ticket-reader .gf-content .field .button.manual-checkin,
.is-video-stream-service .gf-content .field .button.manual-checkin,
.is-donate-service .gf-content .field .button.manual-checkin {
	background-color: #fff;
	border:2px solid #3C72F0;
	color:#3C72F0;
	float: right;
	margin-right: 11px;
}
.is-ticket-reader .gf-content .field .button.manual-checkin:hover,
.is-ticket-reader .gf-content .field .button.manual-checkin:active,
.is-video-stream-service .gf-content .field .button.manual-checkin:hover,
.is-video-stream-service .gf-content .field .button.manual-checkin:active,
.is-donate-service .gf-content .field .button.manual-checkin:hover,
.is-donate-service .gf-content .field .button.manual-checkin:active {
	background-color: #3C72F0;
	border:2px solid #3C72F0;
	color:#fff;
}

.is-ticket-reader .gf-content .field .button.gc-check-button.button-disabled,
.is-ticket-reader .gf-content .field .button.gc-check-button.button-disabled:hover,
.is-video-stream-service .gf-content .field .button.gc-check-button.button-disabled,
.is-video-stream-service .gf-content .field .button.gc-check-button.button-disabled:hover,
.is-donate-service .gf-content .field .button.gc-check-button.button-disabled,
.is-donate-service .gf-content .field .button.gc-check-button.button-disabled:hover {
	background-image: url(layout/qr-code-white.svg);
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: 24px 7px;
	padding-left: 37px;
	background-color: #e6e6e6;
	border: 2px solid #e6e6e6;
	color:#c1c1c1;
	-webkit-box-shadow: 0px 0px 16px 5px rgba(200,200,200,0.3);
	-moz-box-shadow: 0px 0px 16px 5px rgba(200,200,200,0.3);
	box-shadow: 0px 0px 16px 5px rgba(200,200,200,0.3);
}

.is-gf-service .gf-content .field .button.gc-check-button,
.is-gf-service .button.gc-close-button,
.is-ticket-reader .gf-content .field .button.gc-check-button,
.is-ticket-reader .button.gc-close-button,
.is-video-stream-service .gf-content .field .button.gc-check-button,
.is-video-stream-service .button.gc-close-button,
.is-donate-service .gf-content .field .button.gc-check-button,
.is-donate-service .button.gc-close-button {
	background-color: #222;
	border:2px solid #222;
}

.is-gf-service .gf-content .field .button:hover,
.is-gf-service .button.gc-close-button:hover,
.is-ticket-reader .gf-content .field .button:hover,
.is-ticket-reader .button.gc-close-button:hover,
.is-video-stream-service .gf-content .field .button:hover,
.is-video-stream-service .button.gc-close-button:hover,
.is-donate-service .gf-content .field .button:hover,
.is-donate-service .button.gc-close-button:hover {
		text-decoration: none;
		background-color: #336597;
		border:2px solid #336597;
}

.is-gf-service .gf-content .field .button.gc-check-button:hover,
.is-gf-service .button.gc-close-button:hover,
.is-ticket-reader .gf-content .field .button.gc-check-button:hover,
.is-ticket-reader .gf-content .field .button.gc-check-button:active,
.is-ticket-reader .button.gc-close-button:hover,
.is-video-stream-service .gf-content .field .button.gc-check-button:hover,
.is-video-stream-service .gf-content .field .button.gc-check-button:active,
.is-video-stream-service .button.gc-close-button:hover,
.is-donate-service .gf-content .field .button.gc-check-button:hover,
.is-donate-service .gf-content .field .button.gc-check-button:active,
.is-donate-service .button.gc-close-button:hover  {
	background-color: #336597;
	border:2px solid #336597;
}

.is-gf-service .gf-content .field .button.gc-pay-button,
.is-ticket-reader .gf-content .field .button.gc-pay-button,
.is-video-stream-service .gf-content .field .button.gc-pay-button,
.is-donate-service .gf-content .field .button.gc-pay-button,
.button.gc-pay-confirm-button {
	background-color: #DF5D59;
	border: 2px solid #DF5D59;
	height: 45px;
	line-height: 45px;
	padding: 0px 30px;
}
.is-gf-service .gf-content .field .button.gc-pay-button:hover,
.is-ticket-reader .gf-content .field .button.gc-pay-button:hover,
.is-video-stream-service .gf-content .field .button.gc-pay-button:hover,
.is-donate-service .gf-content .field .button.gc-pay-button:hover,
.gc-pay-confirm-button:hover {
	background-color: #912F2C;
	border:2px solid #912F2C;
	text-decoration: none;
}

.is-gf-service .gc-cancel-button,
.is-ticket-reader .gc-cancel-button,
.is-video-stream-service .gc-cancel-button,
.is-donate-service .gc-cancel-button {
	color: #444;
	text-decoration: underline;
	line-height: 3;
}

.is-gf-service .gc-cancel-button:hover,
.is-ticket-reader .gc-cancel-button:hover,
.is-video-stream-service .gc-cancel-button:hover,
.is-donate-service .gc-cancel-button:hover {
	color: #222;
}

.is-gf-service .gf-content label,
.is-ticket-reader .gf-content label,
.is-video-stream-service .gf-content label{
	display:block;
	margin-bottom: 10px;
	color: #666;
}

.is-ticket-reader .gf-content .ticket-type-validation label,
.is-video-stream-service .gf-content .ticket-type-validation label,
.is-donate-service .gf-content .ticket-type-validation label,
.is-ticket-reader .gf-content .ticket-checkin-username label {
	font-size: 14px;
	margin-bottom: 0;
	text-align: left;
	width: 360px;
	margin: 0 auto 0 auto;
}

.is-ticket-reader .gf-content #tr-checkin-username{
	padding: 2px 5px;
	font-size: 13px;
	margin-top: 10px;
	width: 350px;
}

.is-ticket-reader .gf-content #tr-error-input-username{
	display: none;
	font-size: 14px;
	color: red;
}

.is-ticket-reader .gf-content .check-in-manual label,
.is-video-stream-service .gf-content .check-in-manual label,
.is-donate-service .gf-content .check-in-manual label {
	display: block;
	margin: 0 0 8px 2px;
	color: #666;
	font-size: 14px;
}

.is-gf-service .gf-content p,
.is-ticket-reader .gf-content p,
.is-video-stream-service .gf-content p{
	font-size: 16px;
}

.is-video-stream-service .gf-content p{
		font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
		color:#6b6b6b;
}

.is-gf-service .gf-content input,
.is-ticket-reader .gf-content input[type=text],
.is-ticket-reader .gf-content input[type=email],
.is-ticket-reader .gf-content input[type=password],
.is-video-stream-service .gf-content input[type=text],
.is-video-stream-service .gf-content input[type=email],
.is-video-stream-service .gf-content input[type=password] {
	border-radius: 6px;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-width: 2px;
	border-color: #efeff0;
	border-style: solid;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	-moz-box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	padding: 7px 23px;
	width: 250px;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	outline: 0;
	text-align: center;
	color: #111;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.is-video-stream-service .gf-content input.validation-fail{
	-webkit-box-shadow: 0px 0px 16px 5px rgba(255, 11, 11, 0.4);
	-moz-box-shadow: 0px 0px 16px 5px rgba(255, 11, 11, 0.4);
	box-shadow: 0px 0px 16px 5px rgba(255, 11, 11, 0.4);
}

.is-ticket-reader .gf-content input[type=checkbox],
.is-video-stream-service .gf-content input[type=checkbox],
.is-donate-service .gf-content input[type=checkbox] {
	width: 18px;
	height: 18px;
	margin-right: 5px;
}

.is-ticket-reader .gf-content input#ticket-id,
.is-video-stream-service .gf-content input#ticket-id,
.is-donate-service .gf-content input#ticket-id {
	text-align: left;
	width: -moz-calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: -o-calc(100% - 60px);
	width: calc(100% - 60px);
	margin:0 0 20px 0;
	border-color:#dfdfdf;
}

.is-gf-service .gf-content input#gf-login-email,
.is-gf-service .gf-content input#gf-login-password,
.is-ticket-reader .gf-content input#gf-login-email,
.is-ticket-reader .gf-content input#gf-login-password,
.is-video-stream-service .gf-content input#ticket-code,
.is-video-stream-service .gf-content input#gf-login-password,
.is-donate-service .gf-content input#ticket-code,
.is-donate-service .gf-content input#gf-login-password {
	text-align: left;
}

.is-gf-service .gf-content input#gc-code,
.is-ticket-reader .gf-content input#ticket-id,
.is-video-stream-service .gf-content input#gc-code,
.is-donate-service .gf-content input#gc-code {
	text-transform: uppercase;
}

@media only screen and (max-width: 550px) {
	.is-gf-service .gf-content input#gc-code,
	.is-ticket-reader .gf-content input#gc-code,
	.is-video-stream-service .gf-content input#gc-code,
	.is-donate-service .gf-content input#gc-code {
		width:200px;
		margin-left:-41px;
		text-align: left;
	}
	.is-video-stream-service .gf-content input#ticket-code,
	.is-donate-service .gf-content input#ticket-code {
		width: 190px;
	}
}


.is-ticket-reader .gf-content .qr-button,
.is-video-stream-service .gf-content .qr-button,
.is-donate-service .gf-content .qr-button {
	background-image: url(layout/qr-code.svg);
	background-repeat: no-repeat;
	background-size: 41px 41px;
	background-position: 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	margin: 6px 0 0 12px;
	height: 41px;
	width: 41px;
}

.is-gf-service .gf-content .qr-button {
	background-image: url(layout/qr-code-white.svg);
	background-repeat: no-repeat;
	background-size: 50px 50px;
	background-position: 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	margin: 6px 0 0 12px;
	height: 50px;
	width: 50px;
}

.is-gf-service .gf-content .keyboard-button,
.is-ticket-reader .gf-content .keyboard-button,
.is-video-stream-service .gf-content .keyboard-button,
.is-donate-service .gf-content .keyboard-button {
	background-image: url(layout/keyboard-key.svg);
	background-repeat: no-repeat;
	background-size: 41px 41px;
	background-position: 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	margin: 6px 0 0 12px;
	height: 41px;
	width: 41px;
}

.is-gf-service .gf-content .qr-button.hideit,
.is-gf-service .gf-content .keyboard-button.hideit,
.is-ticket-reader .gf-content .qr-button.hideit,
.is-ticket-reader .gf-content .keyboard-button.hideit,
.is-ticket-reader .gf-content .hideit,
.is-video-stream-service .gf-content .qr-button.hideit,
.is-video-stream-service .gf-content .keyboard-button.hideit,
.is-video-stream-service .gf-content .hideit,
.is-donate-service .gf-content .qr-button.hideit,
.is-donate-service .gf-content .keyboard-button.hideit,
.is-donate-service .gf-content .hideit {
	display:none;
}

.is-gf-service .gf-content input#gc-code::-moz-placeholder,
.is-gf-service .gf-content input#gc-code:-moz-placeholder,
.is-gf-service .gf-content input#gc-code:-ms-input-placeholder,
.is-gf-service .gf-content input#gc-code::placeholder,
.is-ticket-reader .gf-content input#gc-code::-moz-placeholder,
.is-ticket-reader .gf-content input#gc-code:-moz-placeholder,
.is-ticket-reader .gf-content input#gc-code:-ms-input-placeholder,
.is-ticket-reader .gf-content input#gc-code::placeholder,
.is-ticket-reader .gf-content input#ticket-id:-ms-input-placeholder,
.is-ticket-reader .gf-content input#ticket-id::placeholder,
.is-video-stream-service .gf-content input#gc-code::-moz-placeholder,
.is-video-stream-service .gf-content input#gc-code:-moz-placeholder,
.is-video-stream-service .gf-content input#gc-code:-ms-input-placeholder,
.is-video-stream-service .gf-content input#gc-code::placeholder,
.is-video-stream-service .gf-content input#ticket-id:-ms-input-placeholder,
.is-video-stream-service .gf-content input#ticket-id::placeholder,
.is-donate-service .gf-content input#gc-code::-moz-placeholder,
.is-donate-service .gf-content input#gc-code:-moz-placeholder,
.is-donate-service .gf-content input#gc-code:-ms-input-placeholder,
.is-donate-service .gf-content input#gc-code::placeholder,
.is-donate-service .gf-content input#ticket-id:-ms-input-placeholder,
.is-donate-service .gf-content input#ticket-id::placeholder  {
	text-transform: none !important;
	font-size: 14px;
}
.is-gf-service .gf-content input#gc-code::-moz-placeholder,
.is-gf-service .gf-content input#gc-code:-moz-placeholder,
.is-ticket-reader .gf-content input#gc-code::-moz-placeholder,
.is-ticket-reader .gf-content input#gc-code:-moz-placeholder,
.is-ticket-reader .gf-content input#ticket-id::-moz-placeholder,
.is-ticket-reader .gf-content input#ticket-id:-moz-placeholder,
.is-video-stream-service .gf-content input#gc-code::-moz-placeholder,
.is-video-stream-service .gf-content input#gc-code:-moz-placeholder,
.is-video-stream-service .gf-content input#ticket-id::-moz-placeholder,
.is-video-stream-service .gf-content input#ticket-id:-moz-placeholder,
.is-donate-service .gf-content input#gc-code::-moz-placeholder,
.is-donate-service .gf-content input#gc-code:-moz-placeholder,
.is-donate-service .gf-content input#ticket-id::-moz-placeholder,
.is-donate-service .gf-content input#ticket-id:-moz-placeholder {
	text-transform: none !important;
	font-size: 14px;
}

.is-gf-service .gf-content input#gc-code::-webkit-input-placeholder,
.is-ticket-reader .gf-content input#gc-code::-webkit-input-placeholder,
.is-ticket-reader .gf-content input#ticket-id::-webkit-input-placeholder,
.is-video-stream-service .gf-content input#gc-code::-webkit-input-placeholder,
.is-video-stream-service .gf-content input#ticket-id::-webkit-input-placeholder,
.is-donate-service .gf-content input#gc-code::-webkit-input-placeholder,
.is-donate-service .gf-content input#ticket-id::-webkit-input-placeholder {
	text-transform: none !important;
	font-size: 14px;
}

.qrscanner {
	max-width: 100%;
	width: 100%;
	position: absolute;
	top: 10%;
	z-index:111;
}

canvas.qrPreviewVideo {
	max-width: 90%;
	height: auto;
	max-height:380px;
	border-color: #fff;
	border-style: solid;
	border-width: 0px;
	border-radius: 7px;
}

#gc-amount-container {
		position: relative;
		width:auto;
		display: inline-block;
}

#gc-amount-container::after {
	content: '€';
	position: absolute;
	display: table;
	top: 9px;
	color: #666;
	left: 15px;
	font-size: 20px;
}

.scanner-close.hideit {
	display:none;
}

.hide-scanner {
	background-image: url(layout/close-white.svg);
	background-repeat: no-repeat;
	background-size: 41px 41px;
	background-position: 0 0;
	text-indent: -9999px;
	position: fixed;
	height: 41px;
	width: 41px;
	z-index: 112;
	bottom: 10%;
	margin-left:-20px;
}

.hide-scanner.hideit {
	display:none;
}

.is-gf-service .front_page_slider,
.is-ticket-reader .front_page_slider,
.is-video-stream-service .front_page_slider,
.is-donate-service .front_page_slider  {
	display:none;
}

#gc-message.error {
	color:#e84064;
	margin:0 auto;
}
#gc-message span {
	font-size: 30px;
	margin-left:10px;
	color: #60c3b1;
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
}
#gc-success-content span.success-tick {
	background-color: #5FD9A0;
	display: inline-block;
	height: 200px;
	width: 200px;
	border-radius: 100px;
	background-image: url(layout/tick-green.svg);
	background-repeat: no-repeat;
	background-size: 100px;
	background-position: center center;
	margin-top: 40px;
}
#gc-success-content h3 {
	line-height: 4;
	font-size: 16px;
}
#gc-success-content h3 span {
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
}
#loader,
.loader-elm {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 25;
	margin: -81px 0 0 -55px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 80px;
	height: 80px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 1.6s linear infinite;
}

body.is-donate-service #loader,
body.is-donate-service .loader-elm {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 25;
	margin: -99px 0 0 -55px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #f380b9;
	width: 80px;
	height: 80px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 1.6s linear infinite;
}

#loader-container.loader-elm {

	border: 9px solid #fff;
	border-top:9px solid #3C72F0;
	width: 46px;
	height: 46px;
	margin:-32px 0 0 -33px;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#gc-overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.7;
	display: table;
	top: 0;
	left: 0;
	z-index: 10;
}
#gc-dialog {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 20;
	margin: -145px 0 0 -175px;
	background-color: #fff;
	border-radius: 15px;
	width: 350px;
	height: auto;
}
.gc-dialog-content {
	padding: 20px 15px 15px 15px;
	position: relative;
	display: table;
}
.gc-dialog-content p {
	display:block;
	width: 100%;
	float: left;
}
.gc-dialog-content label {
	margin-bottom: 10px;
	display: table;
	margin: 0 auto 19px;
	background-color: #f1f1f1;
	padding: 10px 0;
	width: -moz-calc(100% + 30px);
	width: -webkit-calc(100% + 30px);
	width: -o-calc(100% + 30px);
	width: calc(100% + 30px);
	margin-left: -15px;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}
.gc-dialog-content label input {
	width: 23px;
	height: 23px;
	margin-right: 6px;
	vertical-align: middle;
	margin-top: -1px;
}
.gc-dialog-content p a {
	margin:0 auto;
}
#gc-dialog-msg {
	margin: 0 0 30px 0;
	display: table;
}
#gc-dialog-msg p {
	font-size: 14px;
}
#gc-dialog-msg p:first-child {
	margin-bottom: 7px;
	font-size: 16px;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

.is-ticket-reader select,
.is-video-stream-service select,
.is-donate-service select {
	padding: 5px 5px;
	font-size: 13px;
	width: 360px;
}

.check-in-area {
	display:none;
}

body.check-in-active .gc-actions-top {
	display:none;
}

body.check-in-active .check-in-area {
	display: flex;
	width: 100%;
	height: auto;
	flex-direction: row;
}

.check-in-panel {
	width: 100%;
	text-align: left;
	padding: 30px 15px 0px 30px;
	flex-basis: 0;
	flex-grow: 2;
}

.check-in-panel .event-name-date {
	color: #444;
	font-size: 16px;
	display: none;
}

.scanner-area {
	width: 100%;
	text-align: right;
	padding: 30px 30px 0px 15px;
	flex-basis: 0;
	flex-grow: 4;
}

body.check-in-active canvas.qrPreviewVideo {
	max-width: 100%;
	width: 100%;
	height: auto;
	max-height: calc(100vh - 280px);
	max-height: -moz-calc(100vh - 280px);
	max-height: -webkit-calc(100vh - 280px);
	max-height: -o-calc(100vh - 280px);
	border-color: #fff;
	border-style: solid;
	border-width: 0px;
	border-radius: 7px;
	position: relative;
}

.check-in-status {
	display:none;
	width: auto;
	text-align: center;
	margin: 0 auto 60px auto;
	background-color: #fafafa;
	border-radius: 50%;
	height: 200px;
	width: 200px;
	-webkit-box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	-moz-box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
	box-shadow: 0px 0px 16px 5px rgba(219,219,219,0.4);
}

.check-ins {
	margin:30px 0 60px 0;
	text-align: center;
}

.check-ins p {
	display: inline-block;
	width: auto;
	color: #444;
	font-size: 13px;
}

.checkin-count {
		display:block;
}

.check-ins .checkin-count span {
	border-radius: 6px;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding: 4px 6px;
	font-size: 30px;
	line-height: 37px;
	outline: 0;
	text-align: center;
	color: #111;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	margin: 0 0px;
	display: inline-block;
	letter-spacing: 0.2rem;
}

.check-ins-progress {
	padding: 0;
	position: relative;
	margin: 20px 0 0 0;
}

.check-ins-progress progress {
	width:100%;
	height:30px;
}

#close-ticket-checkin-mobile {
	display:none;
}

.check-ins-control-manual,
.check-ins-control-cancel {
		display:none;
}

.cancel-manual-checkin {
	display:none;
}

/* Ticket reader in small viewports */
@media only screen and (max-width: 1024px) {
	body.check-in-active .check-in-area {
		display: flex;
		width: 100%;
		height: auto;
		flex-direction: column-reverse;
	}
	body.check-in-active #footer {
		display:none;
	}

	.check-ins {
		margin:0px 0 0px 0;
		text-align: center;
	}

	body.is-ticket-reader.check-in-active .pageContent,
	body.is-video-stream-service .pageContent,
	body.is-donate-service .pageContent {
			padding-bottom: 0;
	}

	body.is-ticket-reader.check-in-active #wrapper,
	body.is-video-stream-service.check-in-active #wrapper,
	body.is-donate-service.check-in-active #wrapper {
		min-height: auto;
	}

	body.is-ticket-reader.check-in-active,
	body.is-video-stream-service.check-in-active {
		background: #f5f5f5;
		max-height: 100vh;
		overflow-y: hidden;
	}

	.check-in-panel {
		padding: 0px 0px 0px 0px;
		height: 30vh;
	}

	.scanner-area {
		padding: 0px 0px 0px 0px;
	}

	.check-in-status {
		display:none;
	}

	body.check-in-active #header {
		display:none;
	}

	.check-ins p {
		display: inline-block;
		width: 100%;
		left:0;
		bottom:16px;
		left:0;
		position: fixed;
		text-align: center;
	}

	body.check-in-active #close-ticket-checkin-mobile {
		display: none;
		position: fixed;
		z-index: 999;
		opacity: 0.8;
		top: 10px;
		left: 10px;
	}

	body.check-in-active #close-ticket-checkin-mobile:hover,
	body.check-in-active #close-ticket-checkin-mobile:active {
			opacity: 1;
	}

	body.is-ticket-reader.check-in-active #content-page-inner,
	body.is-video-stream-service.check-in-active #content-page-inner,
	body.is-donate-service.check-in-active #content-page-inner {
		padding:0;
	}

	body.is-ticket-reader.check-in-active #content,
	body.is-video-stream-service.check-in-active #content,
	body.is-donate-service.check-in-active #content {
		padding:0;
	}

	body.check-in-active canvas.qrPreviewVideo {
		max-width: 100%;
		width: 100%;
		height: auto;
		max-height: 100%;
		background-color: white;
		border: 0px solid rgba(0,0,0,0.2);
		box-sizing: border-box;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
		position: relative;
		object-fit: fill;
		display:block;
		margin-top:-6vh;
	}


	body.check-in-active.device-a canvas.qrPreviewVideo {
		height: 62vh;
	}

	body.check-in-active.checkin-warning .ticket-scanner {
		background-color: #F0BA3C;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}

	body.check-in-active.checkin-error .ticket-scanner {
		background-color: #F27055;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}

	body.check-in-active.checkin-success .ticket-scanner {
		background-color: #81BD1C;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}

	body.check-in-active.checkin-warning canvas.qrPreviewVideo,
	body.check-in-active.checkin-error canvas.qrPreviewVideo,
	body.check-in-active.checkin-success canvas.qrPreviewVideo {
		opacity: 0.5;
	}

	body.check-in-active.checkin-warning #checkin-status-message{
		background-color: #F0BA3C;
		border-radius: 16px;
		margin: 0% 1% 0% 1%;
		width: 98%;
	}

	body.check-in-active.checkin-error #checkin-status-message{
		background-color: #F27055;
		border-radius: 16px;
		margin: 0% 1% 0% 1%;
		width: 98%;
	}

	body.check-in-active.checkin-success #checkin-status-message{
		background-color: #81BD1C;
		border-radius: 16px;
		margin: 0% 1% 0% 1%;
		width: 98%;
	}

	.is-ticket-reader .gf-content input#ticket-id,
	.is-video-stream-service .gf-content input#ticket-id {
		text-align: left;
		width: -moz-calc(100% - 50px);
		width: -webkit-calc(100% - 50px);
		width: -o-calc(100% - 50px);
		width: calc(100% - 50px);
		margin: 15px 0px 10px 0;
		border-color: #dfdfdf;
	}

	.is-ticket-reader .gf-content .check-in-manual label,
	.is-video-stream-service .gf-content .check-in-manual label {
			display:none;
	}

	.is-ticket-reader .gf-content .check-in-manual.field,
	.is-video-stream-service .gf-content .check-in-manual.field {
		margin: 0px 0 0px 0;
		padding: 0 30px;
		display: none;
	}

	.is-ticket-reader .gf-content .manual-checkin-active .check-in-manual.field,
	.is-video-stream-service .gf-content .manual-checkin-active .check-in-manual.field {
		display: block;
	}

	.is-ticket-reader .gf-content .manual-checkin-active .check-ins,
	.is-video-stream-service .gf-content .manual-checkin-active .check-ins {
		display: none;
	}

	.is-ticket-reader .button.back-button,
	.is-video-stream-service .button.back-button,
	.is-donate-service .button.back-button {
		background-size: 15px 15px;
		background-position: 14px 12px;
		padding-left:10px;
		padding-right: 0;
	}

	.check-ins-progress {
		display:inline-block;
		width: 30%;
	}

	.check-ins-control-manual, .check-ins-control-cancel {
		display: inline-block;
		width: 33%;
		text-align: center;
		position: relative;
		margin: 0;
		vertical-align: top;
		margin-top: 39px;
		line-height: 65px;
	}

	.check-ins-control-manual .manual-checkin-button,
	.check-ins-control-cancel .cancel-checkin-button {
	background-color: #3C72F0;
	background-image: url(layout/pencil-edit-button.svg);
	background-size: 26px 26px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 70px;
	color: #222;
	text-align: center;
	padding-top: 0;
	font-size: 12px;
	-webkit-box-shadow: 0px 0px 16px 5px rgba(165,165,165,0.4);
	-moz-box-shadow: 0px 0px 16px 5px rgba(165,165,165,0.4);
	box-shadow: 0px 0px 16px 5px rgba(165,165,165,0.4);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	text-indent: -9999px;
}

	.check-ins-control-manual .manual-checkin-button:hover,
	.check-ins-control-manual .manual-checkin-button:active {
		-webkit-box-shadow: 0px 0px 16px 5px rgba(60,114,240,0.5);
		-moz-box-shadow: 0px 0px 16px 5px rgba(60,114,240,0.5);
		box-shadow: 0px 0px 16px 5px rgba(60,114,240,0.5);
	}

	.check-ins-control-cancel .cancel-checkin-button {
		background-color: #929292;
		background-image: url(layout/left-arrow.svg);
		background-size: 26px 26px;
	}

	.check-ins-control-cancel .cancel-checkin-button:hover,
	.check-ins-control-cancel .cancel-checkin-button:active {
		-webkit-box-shadow: 0px 0px 16px 5px rgba(146,146,146,0.5);
		-moz-box-shadow: 0px 0px 16px 5px rgba(146,146,146,0.5);
		box-shadow: 0px 0px 16px 5px rgba(146,146,146,0.5);
	}

	.check-in-panel .event-name-date {
		display: block;
		text-align: center;
		padding: 10px 0px 10px 0px;
		font-weight: bold;
	}

	.cancel-manual-checkin {
		display:inline-block;
		line-height: 40px;
		margin-left: 7px;
		font-size: 14px;
	}
}

/* Video stream style properties */
.vs-hero {
	background-image: url(layout/jonas-z.jpg);
	background-color: #05163b;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
	position: relative;
	height: 32em;
	max-width: 100%;
	width: 100%;
	background-position: center;
	max-height: 50vh;
}


.vs-hero::before {
	content: ' ';
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
	width: 100%;
	height:100%;
}
.vs-tagline {
	position: absolute;
	width: 100%;
	top: 30%;
	text-align: center;
}
.vs-tagline h1 {
	font-size: 3.5em;
	color: white;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
  text-shadow:
   -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.vs-tagline p {
	margin: 2em auto 0 auto;
	color: #fff;
	font-size: 1.5em;
	text-shadow: -1px -1px 5px rgba(0,0,0,0.55);
	max-width: 600px;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

@media only screen and (max-width: 1024px) {
	.vs-tagline h1 {
		font-size: 2.5em;
	}
	.vs-tagline p {
		font-size: 1.5em;
		padding: 0 30px;
	}
	.vs-hero {
		height:29em;
	}
}
@media only screen and (max-width: 768px) {
	.vs-tagline p {
		margin:1em auto 0 auto;
		font-size: 1.2em;
	}
	.vs-hero {
		height:24em;
	}
}

@media only screen and (max-width: 550px) {
	.vs-hero {
		background-size: 600px;
		height: 20em;
	}
}

.vs-additional {
	border-top: 1px solid #c3c3c3;
	padding: 40px 0;
	background-color: #e8e8e8;
	border-bottom: 1px solid #c3c3c3;
	width: 100%;
}

.vs-additional-container {
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
	display: table;
}

#_video-collection-set_ {
	border-top: 1px solid #c3c3c3;
	margin-top: 50px;
	padding: 40px 0 80px 0;
	background-color: #efefef;
	position: relative;
}

@media only screen and (max-width: 1280px) {
	.vs-additional-container {
		width: calc(100% - 80px);
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
	}
}

.vs-additional span.resp {
	background-image: url(layout/responsive.png);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: right;
	position: relative;
	display: block;
	width: 50%;
	opacity: 0.2;
	background-color: transparent;
	display: table-cell;
	text-align: right;
	height: 150px;
}

.vs-additional ul {
	display: table-cell;
	width: 50%;
	text-align: left;
	vertical-align: middle;
}
.vs-additional ul li {
	margin-bottom: 15px;
}

.vs-additional a,
.vs-additional ul li p {
	font-size: 14px;
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
	color:#6b6b6b;
	padding: 0;
}

.vs-additional a {
	text-decoration: underline;
}

.vs-additional a:hover {
	opacity: 0.9;
}

.vs-additional .vs-fb {
	display: inline-block;
	background-size: 30px 30px;
	height: 30px;
	width: 30px;
	text-indent: -9999px;
	margin: 0 20px 0 0;
	background-repeat: no-repeat;
	background-image: url(layout/header-fb.svg);
}
.vs-additional .vs-instagram {
	display: inline-block;
	background-size: 30px 30px;
	height: 30px;
	width: 30px;
	text-indent: -9999px;
	margin: 0 20px;
	background-repeat: no-repeat;
	background-image: url(layout/header-instagram.svg);
}
.vs-additional .vs-twitter {
	display: inline-block;
	background-size: 30px 30px;
	height: 30px;
	width: 30px;
	text-indent: -9999px;
	margin: 0 20px;
	background-repeat: no-repeat;
	background-image: url(layout/header-twitter.svg);
}
.vs-some {
	display:inline-block;
}
@media only screen and (max-width: 768px) {
	.vs-additional span.resp {
		display:none;
	}
	.vs-additional ul {
		width: 100%;
		text-align: center;
	}
	.vs-additional .vs-fb {
		margin: 0 20px;
	}
}

.vs-collection .flex {
	display: none;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1200px;
	margin: 0 auto;
}

.vs-collection .flex.active {
	display:flex;
}

.vs-collection .flex > section {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: normal;
  max-width: 260px;
	margin:20px 20px 40px 20px;
}

.is-video-stream-service .vs-collection h1 {
	font-size: 1.5em;
	color: #5e5b5c;
	display: inline;
	cursor: pointer;
}

.is-video-stream-service .vs-collection h1:hover {
	color: #4b4849;
}

.is-video-stream-service .vs-collection h1.active {
	border-bottom: 2px solid #4b4849;
	color: #4b4849;
	cursor: default;
}

.is-video-stream-service .vs-collection h1.active.no-border {
		border:none;
}

@media only screen and (max-width: 768px) {
	.is-video-stream-service .vs-collection h1 {
		font-size: 1.2em;
	}
}

.tabbed-collection-nav {
	width: 100%;
	display: flex;
	justify-content: space-around;
	max-width: 600px;
	text-align: center;
	margin: 0 auto 40px auto;
}

.vs-collection .flex > section h2 {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	margin: 10px 0 2px 0;
}

.vs-collection .flex > section > p {
  flex-grow: 0;
	font-size: 14px;
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
	color:#6b6b6b;
}

.vs-collection .flex > section > p.live-tag span {
	background-color: #ff3c3c;
	color: #fff;
	padding: 1px 10px 2px 19px;
	font-size: 14px;
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
	letter-spacing: 0.02rem;
	border-radius: 2px;
	position: relative;
}

.vs-collection .flex > section > p.live-tag span::before {
	content: "•";
	font-size: 25px;
	position: absolute;
	left: 7px;
	top: -12px;
}

.vs-collection .flex > section > a {
		opacity: 0.9;
}

.vs-collection .flex > section > a:hover {
	opacity: 1;
}

.vs-collection .flex > section > a > img {
		border-radius: 6px;
}

.vs-collection ul {
  display: flex;
  justify-content: space-between;
}

.vs-collection a.button.vs-watch-button {
	background-color: #222;
	width: 100%;
	max-width: 210px;
	padding: 0;
	border-radius: 44px;
	margin-top: 12px;
	display: inline-block;
	float: none;
	background-image: url(layout/play-button.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 13px center;
}

.vs-collection a.button.vs-watch-button:hover {
	text-decoration: none;
	background-color: #333;
}

#video-stream-container {
	margin: 0 auto;
	background-color: #e8e8e8;
	width: auto;
	display: flex;
	justify-content: center;
	padding: 10px;
	border-bottom: 1px solid #c3c3c3;
}

body.is-live-event .video-stream-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: #e8e8e8;
	border-bottom: 1px solid #c3c3c3;
}

body.is-live-event #video-stream-container,
body.is-live-event #video-stream-container.multiple-videos {
	border:none;
	margin:0;
	width: 65%;
	background-color: #131415;
}

.video-stream-wrapper #chat-embed-elm {
	/*display:none;*/
	height: 100%;
}

body.is-live-event .chat-toggle-btn {
	height: 100%;
	/*display: flex;*/
	display: none;
}
body.is-live-event .video-stream-chat {
	border:none;
	margin:0;
	justify-content: flex-end;
	width: 35%;
	background-color: #f5f5f5;
}
@media only screen and (max-width: 1280px) {
	body.is-live-event .video-stream-wrapper {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background-color: #e8e8e8;
		border-bottom: 1px solid #c3c3c3;
	}
	body.is-live-event #video-stream-container {
		border:none;
		margin:0;
		width: 100%;
		background-color: #000;
	}
	body.is-live-event .video-stream-chat {
		height: 600px;
		width: 100%;
	}
}

body.embed-mode #video-stream-container {
	background-color: #fff;
	border-bottom: none;
	justify-content: flex-start;
}

@media only screen and (min-width: 1060px) {
	body.embed-mode #video-stream-container {
		padding: 0;
	}
}

#video-stream-container.block-info {
	position: relative;
}

@media only screen and (max-width: 1060px) {
	#video-stream-container.no-cards > iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#video-stream-container.no-cards {
		position: relative;
		padding:56.25% 0 0 0;
	}
}

@media only screen and (min-width: 1060px) {
	#video-stream-container.enhance > div {
		padding:0 !important;
	}

	#video-stream-container.enhance > div#video-blocked-info {
		padding:10px 20px !important;
	}

	#video-stream-container.enhance > div > iframe {
		width: 800px !important;
		height: 500px !important;
		position: relative !important;
		max-width: 100%;
		max-height: 100%;
	}
}

@media only screen and (max-width: 1060px) {
	#video-stream-container {
		margin: 0 auto;
		background-color: #222;
		width: auto;
		display: block;
		padding: 2px;
		border-bottom: 1px solid #c3c3c3;
	}
}

.video-container-multiple {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	background-color: #f5f5f5;
	border-bottom: 1px solid #c3c3c3;
}

.video-container-multiple.display-column {
	flex-direction: column;
}

.related-videos {
	width: 30%;
	background-color: #f5f5f5;
	padding: 20px;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
}

.video-container-multiple.display-column .related-videos {
	width: 100%;
	text-align: left;
}

.related-videos h2 {
	margin:0;
}

@media only screen and (min-width: 1330px) {
	.related-videos ul {
		max-height: 465px;
		overflow-y: scroll;
		box-sizing: border-box;
		scrollbar-width: none;
		scroll-behavior: smooth;
		overflow: -moz-scrollbars-none;
	}

	.related-videos ul::-webkit-scrollbar {
		width: 0px;
		background:transparent;
		scroll-behavior: smooth;
	}
	.video-container-multiple.display-column .related-videos ul{
		max-height: 100%;
	}
}

.related-videos ul li {
	padding: 15px 15px 11px 15px;
	width: auto;
	display: block;
}

.related-videos ul li.active,
.related-videos ul li:hover {
	background-color: #e8e8e891;
	border-radius: 4px;
}

.related-videos ul li.is-streaming .img-link::after {
	background-color: #ff3c3c;
	border-radius: 15px;
	position: absolute;
	content: "";
	display: table;
	height: 10px;
	width: 10px;
	bottom: 8px;
	right: 6px;
}

.related-videos ul li img {
	max-width: 180px;
	border-radius: 6px;
}

.related-videos ul li a {
	vertical-align: top;
	font-size: 14px;
	color: #070707;
	text-decoration: none;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	outline: none;
	position:relative;
}

.related-videos ul li ._left,
.related-videos ul li ._right {
	display:table-cell;
	text-align: left;
	vertical-align: top;
}

.related-videos ul li ._left {
	padding: 0 14px 0 0;
}

.video-container-multiple #video-stream-container.multiple-videos {
	margin: 0 auto;
	background-color: #e8e8e8;
	width: 70%;
	display: flex;
	justify-content: center;
	border-bottom: none;
	border-right: 1px solid #c3c3c3;
	box-sizing: border-box;
}

.video-container-multiple #video-stream-container.multiple-videos.display-column {
width: 100%;
}

.video-container-multiple #video-stream-container.multiple-videos.has-cards {
	display:block;
}

@media only screen and (max-width: 1440px) {
	.related-videos ul li img {
		max-width: 160px;
	}
}

@media only screen and (max-width: 1330px) {
	.video-container-multiple #video-stream-container.multiple-videos {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #c3c3c3;
	}
	.related-videos {
		width: 100%;
		text-align: left;
	}
	.video-container-multiple {
		flex-direction: column;
		background-color: #e8e8e8;
	}
	.related-videos ul li {
		display: block;
	}
	.related-videos ul li img {
		max-width: 140px;
	}
}

.vs-back-link {
	color: #4b4849;
	font-size: 14px;
	height: 34px;
	float: left;
	position: relative;
	line-height: 34px;
}

.vs-back-link:hover {
	text-decoration: underline;
}

.is-video-stream-service .gf-content p.vs-tag {
	background: #c0c0c0;
	width: auto;
	display: inline-block;
	padding: 3px 11px;
	color: #303030;
	font-size: 12px;
	border-radius: 2px;
	margin-bottom: 17px;
}

.vs-video-specs {
	margin-top:12px;
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
	color: #4b4849;
	font-size: 14px;
}

.vs-video-specs li {
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
}
.vs-video-specs li strong {
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

.ticket-code-scan {
	background-image: url(layout/qr-code.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 45px 45px;
	text-indent: -9999px;
	height: 45px;
	width: 45px;
	display: inline-block;
	/*display:none;*/
	line-height: 45px;
	margin-left: 10px;
}

.video-scanner-area {
	position: fixed;
	top: 70px;
	margin-left: 5vw;
	width: 90vw;
	z-index: 999;
}

.video-scanner-area canvas.qrPreviewVideo {
	max-width: 100%;
	height: auto;
	max-height: 580px;
	border-color: #fff;
	border-style: solid;
	border-width: 0px;
	border-radius: 7px;
}

body.is-video-stream-service .hide-scanner {
	background-image: url(layout/close-white.svg);
	background-repeat: no-repeat;
	background-size: 41px 41px;
	background-position: 0 0;
	text-indent: -9999px;
	position: fixed;
	height: 41px;
	width: 41px;
	z-index: 112;
	top: 15px;
	margin-left: -20px;
}

.vs-collection .flex > section > p.tag-available-from {
	background-color: #3C72F0;
	color: #fff;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0;
	border-radius: 3px;
	margin-top: 5px;
}

.vs-collection .flex > section > p.tag-available-to {
	background-color: #F0DE30;
	color:#222;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0;
	border-radius: 3px;
	margin-top: 5px;
}

img.video-unavailable,
img.video-blocked {
	opacity: 0.6;
	cursor: not-allowed;
	width: 100%;
	height:100%;
	max-width: 1060px;
}

.site-alert-message #_cd_ {
	font-size: 16px;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0;
	display: block;
}

.video-timer {
	position: relative;
	width: 100%;
	text-align: center;
	margin: 0px auto 0px auto;
	display: block;
	height: 100%;
	padding: 15px 0 30px 0;
}

.video-timer table {
	margin:0 auto;
	width: 100%;
	max-width: 350px;
	text-align: center;
}
.video-timer table td {
	font-size: 40px;
  width: 25%;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
  color:#222;
}
.video-timer table th {
	font-size: 12px;
	width: 25%;
	color: #222;
	line-height:10px;
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
}

#video-blocked-info {
	position: absolute;
	margin: auto;
	display: inline-block;
	z-index: 12;
	color: #fff;
	top: 31%;
	text-align: center;
	padding: 10px 20px !important;
	background: rgba(0,0,0,0.8);
	font-size: 14px;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -o-calc(100% - 40px);
	width: calc(100% - 40px);
}

@media only screen and (max-width: 550px) {
	#video-blocked-info {
		top: 16%;
	}
}
.video-toolbar {
	width: 100%;
	display: flex;
	/* float: left; */
	margin: -25px auto 26px;
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 8px;
	max-width: 1200px;
	clear: both;
	justify-content: space-between;
}

.video-share {
	float: right;
	height: 34px;
}

/* Donate service */
.is-donate-service .gf-content {
	width: 100%;
	position: relative;
	display:block;
}

.donate-content {
	width: 100%;
	display: table;
	margin: 0 0 110px 0;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
	padding: 0 55px 30px 55px;
	box-sizing: border-box;
	background-color: #ffffffe8;
	border-radius: 50px;
}

@media only screen and (max-width: 1440px) {
	.donate-content {
		padding: 0 25px 30px 25px;
	}
}
@media only screen and (max-width: 1440px) {
	.donate-content {
		background-color: #ffffffed;
	}
}
@media only screen and (max-width: 1024px) {
	.donate-content {
		margin: 0 0 0px 0;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		padding-bottom: 0;
		height: calc(100vh - 92px);
	}
}

.donate-content iframe {
	max-width: 100%;
}

.donate-message textarea {
	width: 100%;
	line-height: 1.5;
	padding: 4px;
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 10px 14px;
	border: 1px solid #9a9a9a3b;
	border-radius: 11px;
	color: #002638;
	background-color: #f5f5f5;
	resize: none;
	box-sizing: border-box;
	height: 100px;
	outline:none;
	-webkit-appearance: none;
}

.donate-message textarea:focus {
	border-color: #a7cdec;
}

.is-donate-service .gf-content input[type="text"], .is-donate-service .gf-content input[type="email"], .is-donate-service .gf-content input[type="password"] {
	border-radius: 11px;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-width: 1px;
	border-color: #9a9a9a3b;
	border-style: solid;
	background-color: #f5f5f5;
	padding: 3px 18px;
	width: 100%;
	font-size: 14px;
	height: 42px;
	line-height: 1;
	outline: 0;
	text-align: left;
	color: #002638;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	box-sizing: border-box;
}

.is-donate-service .gf-content input[type="text"]:focus,
.is-donate-service .gf-content input[type="email"]:focus,
.is-donate-service .gf-content input[type="password"]:focus {
	border-color: #a7cdec;
}

.is-donate-service .gf-content input.validation-fail {
	border-color: #e84064;
}

.is-donate-service .gf-content label {
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	margin: 0 0 1px 1px;
	color: #002638;
	font-size: 14px;
}

#donate-info, #donate-form {
	display: table-cell;
	vertical-align: top;
	padding: 15px 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#donate-info {
	padding-right: 55px;
	width: calc(50%);
}

#donate-form {
	width: calc(50%);
	padding-left:55px;
}

#donate-form form {
	position: relative;
}

body.is-donate-service a#to-payment {
	display:none;
}

@media only screen and (max-width: 1440px) {
	#donate-info {
		padding-right: 25px;
	}
	#donate-form {
		padding-left: 25px;
	}
}

@media only screen and (max-width: 1024px) {
	#donate-info.mobile-hide {
		display:none;
	}
	#donate-form.mobile-hide {
		display:none;
	}
}

@media only screen and (max-width: 1024px) {
	body.is-donate-service a#to-payment {
		display:inline-block;
	}

	#donate-info {
		height: calc(100vh - 112px);
		max-width: 600px;
		margin:0 auto;
	}
	#donate-info, #donate-form {
		padding: 0 0px 0 0px;
		width: 100%;
		display: block;
		box-sizing: border-box;
	}
	#donate-form {
		background-color: transparent;
		/*padding-top: 50px;*/
		border-top: 0px solid #f380b9;
		padding-bottom: 100px;
	}
	#donate-form.visible {
		display: block;
	}
}

.gradient {
	position: fixed;
	z-index: -1;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 1;
	background-color: #0075d60a;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background-image: url(layout/hands-hearts.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

/* bg tests */
.teodor .gradient{
	background-image: url(layout/teodor.jpg);
}

.taylor .gradient{
	background-image: url(layout/taylor.jpg);
}

.resul .gradient{
	background-image: url(layout/resul.jpg);
}

.matthew .gradient{
	background-image: url(layout/matthew.jpg);
}

.hearts-stone .gradient{
	background-image: url(layout/hearts-stone.jpg);
}

.hands-hearts .gradient{
	background-image: url(layout/hands-hearts.jpg);
}

.gradiento .gradient{
	background-image: url(layout/gradient.jpg);
}

.gradient-reverse .gradient{
	background-image: url(layout/gradient-reverse.jpg);
}

.asoggetti .gradient{
	background-image: url(layout/asoggetti.jpg);
}

.asoggetti2 .gradient{
	background-image: url(layout/asoggetti2.jpg);
}

.aissa .gradient{
	background-image: url(layout/aissa.jpg);
}

.fabrizio .gradient{
	background-image: url(layout/fabrizio.jpg);
}

.stroessel .gradient{
	background-image: url(layout/stroessel.jpg);
}

.spratt .gradient{
	background-image: url(layout/spratt.jpg);
}

.sharonm .gradient{
	background-image: url(layout/sharonm.jpg);
}

.gradient-r {
	position: fixed;
	z-index: -1;
	background: rgba(255, 255, 255, 0.85);
	height: 100%;
	top: 0;
	right: 0;
	width: 50%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

@media only screen and (max-width: 1024px) {
	.gradient {
		height: 100vh;
		width: 100%;
	}
	.gradient-r {
			background: rgba(255, 255, 255, 0);
	}
}

.is-donate-service .gf-content p.donate-desc {
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	color: #002638;
	padding: 0;
	/* margin: 0; */
	font-size: 16px;
	text-align: center;
	margin: 0 0 34px 0;
}

.is-donate-service .gf-content p.donate-desc span {
	height: 34px;
	width: 34px;
	background-color: #002638;
	border-radius: 50%;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 32px;
	margin: 0px auto 7px auto;
	box-sizing: border-box;
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
	font-size: 20px;
	border: 0px solid #28619e2e;
}

.is-donate-service .fieldset {
	display:table;
	width: 100%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.is-donate-service .fieldset .row {
	display:table-row;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.is-donate-service .fieldset .field {
	width: 50%;
	display: table-cell;
	box-sizing: border-box;
	padding-bottom: 20px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.is-donate-service .fieldset .row.street-row .field {
	display: block;
	width: 200%;
	padding-right: 0 !important;
}


@media only screen and (min-width: 768px) {
	.is-donate-service.not-anonymous .fieldset .field:nth-child(odd) {
		padding-right: 10px;
	}

	.is-donate-service .fieldset .field:nth-child(even) {
		padding-left: 10px;
	}
}

@media only screen and (max-width: 768px) {
	.is-donate-service .fieldset .field {
		width: 100%;
		display: table;
	}
	.is-donate-service .fieldset .row.street-row .field {
		display: block;
		width: 100%;
	}
	.is-donate-service .fieldset .field:nth-child(odd) {
		padding-right: 0px;
	}

	.is-donate-service .fieldset .field:nth-child(even) {
		padding-left: 0px;
	}
}

a.button.button-select-organizer {
	background-color: #002638;
	padding: 3px 0px;
	border-radius: 44px;
	margin: 40px auto 0 auto;
	display: table;
	float: none;
	position: relative;
	line-height: 41px;
	font-size: 16px;
	color: #fff;
	width: auto;
	box-sizing: border-box;
	height: 50px;
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
	border: none;
	box-shadow: 0px 0px 13px 6px rgba(0, 38, 56, 0.2);
	min-width: 310px;
	max-width: 100%;
}

a.button.button-select-organizer::before {
	background-image: url(layout/hand.svg);
	background-repeat: no-repeat;
	background-size: 29px;
	background-position: center;
	position: absolute;
	display: table;
	width: 29px;
	height: 29px;
	content: "";
	top: 10px;
	margin-left: 29px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

a.button.button-select-organizer:hover {
	text-decoration: none;
}

a.button.button-select-organizer:hover::before {
	text-decoration: none;
	margin-left: 32px;
}

a.button.button-donate {
	background-color: #00000078;
	width: auto;
	padding: 3px 0;
	border-radius: 44px;
	margin: 41px auto 0 auto;
	display: table;
	float: none;
	position: relative;
	line-height: 42px;
	font-size: 16px;
	box-sizing: border-box;
	height: 50px;
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
	box-shadow: 0px 0px 13px 5px rgba(219,219,219,0.6);
	color: #ffffffa1;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	cursor: not-allowed;
	min-width: 310px;
	max-width: 100%;
}

a.button.button-donate.active {
	background: linear-gradient(45deg, #fb0094b3, #00f, #0075d6b8);
	color: #fff;
	cursor: pointer;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

a.button.button-donate::before {
	background-image: url(layout/heart.svg);
	background-repeat: no-repeat;
	background-size: 27px;
	background-position: center;
	position: absolute;
	width: 29px;
	height: 29px;
	display: table;
	content: "";
	top: 11px;
	left: 22px;
	opacity: 0.5;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

a.button.button-donate.active::before {
	opacity: 1;
}

a.button.button-donate:hover {
	text-decoration: none;
}

a.button.button-donate.active:hover::before {
	background-size: 29px;
}

a.button.button-donate-back {
	display:none;
}

@media only screen and (max-width: 1024px) {
	a.button.button-donate-back {
		display:block;
		margin: 10px auto 0 auto;
		color: #3f8be5e8;
		float: none;
		font-size: 16px;
		font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
	}
}

a.go-back-button, a.proceed-button {
	background-color: #fff;
	width: auto;
	padding: 3px 0;
	border-radius: 44px;
	margin-top: 50px;
	display: inline-block;
	float: none;
	line-height: 30px;
	font-size: 14px;
	box-sizing: border-box;
	height: 40px;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	color: #fff;
	min-width: 145px;
	text-align: center;
	border:1px solid #fff;
}

@media only screen and (max-width: 400px) {
	a.go-back-button, a.proceed-button {
		min-width: 130px;
	}
}

a.go-back-button {
	background-color: transparent;
	float: left;
	color: #002638;
	border: 1px solid #002638;
}

a.go-back-button:hover {
	background-color: #fff;
	color: #002638;
}

a.proceed-button {
	float: right;
	background-color: #002638;
	color: #fff;
	border: 1px solid #002638;
	position: relative;
}

a.proceed-button.to-payment::after {
	content: "\2192";
	right: 0;
	position: absolute;
	margin-right: 19px;
	font-size: 21px;
	line-height: 27px;
	color: #fff;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

a.proceed-button.to-payment {
	text-align: left;
	padding-left: 20px;
	padding-right: 57px;
}

a.proceed-button:hover {
	cursor: not-allowed;
}

a.proceed-button.active {
	color: #fff;
	background-color: #002638;
	cursor: pointer;
}

a.go-back-button:hover,
a.proceed-button:hover {
	text-decoration: none;
}

.donate-label {
	color: #002638;
	padding: 0px 0 7px 1px;
	font-size: 14px;
	text-align: center;
}

#donees-list-container {
	max-height: 493px;
	overflow-y: scroll;
	box-sizing: border-box;
	scrollbar-width: none;
	scroll-behavior: smooth;
	overflow: -moz-scrollbars-none;
}

#donees-list-container::-webkit-scrollbar {
	width: 0px;
	background:transparent;
	scroll-behavior: smooth;
}

#donees-list-container ul {
	scroll-behavior: smooth;
}

#donees-list ul,
#donation-amount ul,
.donation-type {
	margin-bottom: 15px;
}

.donation-type {
	margin-top:17px;
}

@media only screen and (max-width: 1024px) {
	.donation-type {
		margin-top:37px;
	}
}

#donees-list ul li,
#donation-amount ul li,
.donation-type li {
	padding: 17px 20px 17px 28px;
	color: #002638;
	margin: 0 0 8px 0;
	background: #fff;
	border: 1px solid rgba(1, 0, 0, 0.11);
	border-radius: 33px;
	cursor: pointer;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	font-size: 14px;position: relative;
	user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
	outline:none;
}

.donation-type li {
	display: table;
	padding: 17px 28px 17px 55px;
	box-sizing: border-box;
	color: #002638d6;
	font-size: 14px;
	margin: 0 auto 50px auto;
	width: auto;
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}

.donation-type li:hover {
	color:#002638;
}

#donees-list ul li.selected,
#donation-amount ul li.selected {
	border: 1px solid rgba(246, 133, 182, 1);
	color: #002638;
	box-shadow:0px 0px 15px 0px rgba(0, 38, 56, 0.2);
}

.donation-type li.selected {
	border: 1px solid #a7cdec;
	color: #002638;
	box-shadow: 0px 0px 15px 0px rgba(0, 38, 56, 0.2);
}

#donees-list ul li::after,
#donation-amount ul li::after {
	height: 20px;
	width: 20px;
	background-color: rgba(85, 85, 85, 0.04);
	border-radius: 50%;
	display: inline-block;
	border: 1px solid rgba(167, 166, 166, 0.39);
	cursor: pointer;
	position: absolute;
	content: "";
	margin-right: 16px;
	top: 17px;
	right: 0px;
}

.donation-type li::after {
	height: 20px;
	width: 20px;
	background-color: rgba(85, 85, 85, 0.04);
	border-radius: 50%;
	display: inline-block;
	border: 1px solid rgba(167, 166, 166, 0.39);
	cursor: pointer;
	position: absolute;
	content: "";
	margin-left: 16px;
	top: 17px;
	left: 0px;
}

.donation-type li::after {
	top: 18px;
}

.donation-type li::before {
	height: 10px;
	width: 10px;
	background-color: transparent;
	position: absolute;
	content: "";
	display: inline-block;
	margin-left: 16px;
	top: 24px;
	left: 6px;
	z-index: 1;
	border-radius: 50%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.donation-type li.selected::before {
	height: 10px;
	width: 10px;
	background-color: #73b2e6;
	position: absolute;
	content: "";
	display: inline-block;
	margin-left: 16px;
	top: 24px;
	left: 6px;
	z-index: 1;
	border-radius: 50%;
}

.device-u .donation-type li.selected:hover::before,
.device-u .donation-type li:hover::before {
	/*background-color: #73b2e696;*/
}

#donees-list ul li:hover,
#donation-amount ul li:hover {
	background: #fff;
	border: 1px solid #f380b9;
}

.donation-type li:hover {
	background: #fff;
}

#donees-list ul li.selected::after,
#donation-amount ul li.selected::after {
	background-color: #f380b9;
	border: 1px solid #f380b9;
	background-image: url(layout/heart.svg);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
}

.donation-type li.selected::after {
	background-color: #fff;
	border: 1px solid rgb(217, 216, 216);
}


.is-donate-service .go-back-button span{
	display:block;
}

p.message-info {
	font-size: 14px;
	background: #fff;
	padding: 8px 10px 10px;
	margin-top: -4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	text-align: center;
	color: #002638;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

@media only screen and (max-width: 1024px) {
	p.message-info {
		background:transparent;
	}
}

.donate-action {
	margin: 30px auto 0 auto;
}

.donate-methods {
	background-image: url(layout/donate-methods.png);
	background-repeat: no-repeat;
	background-size: 76%;
	width: 100%;
	height: 138px;
	opacity: 0.45;
	margin: 33px auto 0 auto;
	background-position: center;
	max-width: 650px;
}

@media only screen and (max-width: 550px) {
	.donate-methods {
		background-size: 85%;
	}
}

#donation-summary #summary p {
	font-size: 14px;
	padding: 0;
	margin-bottom: 20px;
}

#donation-summary #summary p span {
	font-size: 24px;
	display: block;
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
	color: #002638;
	line-height: 1;
}

@media only screen and (max-width: 1024px) {
	#donation-summary #summary p span {
		font-size: 20px;
	}
}

#donation-summary p.summary-instructions {
	font-size: 14px;
	margin: 35px 0 30px -55px;
	background: #e93e4030;
	text-align: center;
	padding: 29px 10px;
	color: #002638;
	width: calc(100% + 110px);
	box-sizing: border-box;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	position: relative;
}

p.start-desc {
	text-align: center;
	font-family: Montserrat-Regular;
	color: #002638;
}

#donation-summary {
	text-align: center;
}

@media only screen and (max-width: 1440px) {
	#donation-summary p.summary-instructions {
		margin: 35px 0 30px -25px;
		width: calc(100% + 50px);
	}
}

#donation-summary p.summary-instructions::before {
	background-image: url(layout/hand-dark.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
	/*display: inline-block;*/
	display:none;
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	margin-left: -41px;
}

@media only screen and (max-width: 1024px) {
	#donation-summary p.summary-instructions::before {
		display: none;
	}
}

#action-result {
	padding: 11px 17px;
	background: #f380b912;
	color: #002638;
	font-size: 12px;
	width: ;
	border-radius: 4px;
	border-left: 13px solid #f380b9;
	margin: 0 0 8px 0;
}

#action-result p {
	margin-left:10px;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}
#action-result p:first-child {
	margin-left:0;
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
}

.fullscreen {
	position: absolute;
	background: transparent;
	left: 0;
	width: 100%;
	z-index: 1;
}

.fullscreen > div {
	padding: 0;
	margin: 100px auto 0 auto;
	text-align: center;
}

.fullscreen > div > p {
	color: #002638;
	max-width: 550px;
	display: block;
	margin: 0 auto 0 auto;
}

.is-donate-service .gf-content .fullscreen h1 {
	font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif;
	color: #002638;
	font-size: 35px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
	.is-donate-service .gf-content .fullscreen h1 {
		font-size: 28px;
	}
}

.fullscreen h1::before {
	background-image: url(layout/heart.svg);
	background-repeat: no-repeat;
	background-size: 38px;
	background-position: center;
	display: table;
	content: "";
	position: relative;
	width: 77px;
	height: 77px;
	background-color: #f380b9;
	border-radius: 56px;
	margin: 0 auto 20px auto;
	text-align: center;
}

.fullscreen.donation-cancel h1::before {
	content: "\0021";
	font-size: 70px;
	color: #fff;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	background-color: #f380b9;
	line-height: 69px;
	background-image: none;
}

.fullscreen.donation-error h1::before {
	content: "\00D7";
	font-size: 79px;
	color: #fff;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	background-color: #f380b9;
	line-height: 65px;
	background-image: none;
}

.close-screen {
	position: absolute;
	top: 4vh;
	right: 30px;
	font-size: 80px;
	color: #002638;
	font-family: 'Montserrat-Light', Arial, Helvetica, sans-serif;
	line-height: 0;
	text-align: right;
	display: block;
}

/*body.d-fullscreen #donate-info,
body.d-fullscreen #donate-form {
	opacity:0;
}*/

.fullscreen a.proceed-button {
	float: none;
	background-color: #002638;
	color: #fff;
	border: 1px solid #002638;
	position: relative;
	margin: 40px auto 0 auto;
	display: table;
}

.fullscreen a.proceed-button:hover {
	text-decoration: none;
	cursor: pointer;
}

body.d-fullscreen .donate-content {
	position: relative;
}

@media only screen and (max-width: 1024px) {
	body.d-fullscreen {
		overflow: hidden;
	}
	.fullscreen > div {
		margin: 100px auto 0 auto;
		padding:0 15px;
	}
	.fullscreen h1 {
		font-size: 24px;
	}
}

#custom-amount-container {
	margin: 23px 0px -17px -28px;
	width: calc(100% + 48px);
	background-color: rgba(8, 0, 0, 0.02);
	padding: 26px 0px 28px 0;
	border-radius: 0px 0px 33px 33px;
	display: block;
	border-top: 1px solid #c3c3c35c;
}

#custom-amount-container input {
	max-width: 130px;
	margin: 0px auto 0px auto;
	display: block;
	height: 46px;
	background: #fff;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	font-size: 18px;
	position: relative;
	border: 1px solid #7f7f7f66;
	border-radius: 24px;
	text-align: center;
}

#custom-amount-container input:focus {
	border-color: #f380b9;
}

#custom-amount-field {
	width: auto;
	display: block;
	max-width: 180px;
	position: relative;
	margin: auto;
}

#custom-amount-field::after {
	content: "\20AC";
	position: absolute;
	display: table;
	top: 0;
	left: -10px;
	text-align: right;
	line-height: 44px;
	font-size: 26px;
	color: #a6a6a6;
	margin-right: 10px;
}

#custom-amount-container label {
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
	margin: 3px auto 0px auto;
	display: block;
	text-align: center;
	width: 180px;
	font-size: 12px;
	color: #878787;
}

#donate-form-receiver {
	margin-top:20px;
}

#donate-form-amount {
	margin-bottom: 25px;
}

#donate-form-receiver, #donate-form-amount {
	border-bottom: 1px dotted #e2e2e2;
	display: block;
	width: 100%;
	font-size: 14px;
	position: relative;
	box-sizing: border-box;
	float: left;
	padding: 10px 16px;
}

#donate-form-amount {
	 border-bottom: none;
}

#donate-form-receiver span,
#donate-form-amount span {
	float: right;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}
#donate-form-receiver span:first-child,
#donate-form-amount span:first-child {
	float: left;
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif;
}

.is-donate-service:not(.not-anonymous) .fieldset .row.anonymously-hide,
.is-donate-service:not(.not-anonymous) .fieldset .field.anonymously-hide {
	display:none;
}

#anonymous-max-amount {
	position: absolute;
	top: 65px;
	text-align: center;
	font-size: 12px;
	width: 100%;
	margin: 0 auto;
	color: #002638;
}