/*@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('otf'),
		url('fonts/Inter-VariableFont_slnt,wght.ttf') format('woff2-variations');
	font-weight: 100 1000;
	font-stretch: 25% 151%;
}*/

/* Globals */
body 				{
					margin: 0;
					padding: 0;
					font-family: 'Hanken Grotesk', 'Inter', Helvetica, Arial, sans-serif;
                    -webkit-font-smoothing: antialiased;
                    text-rendering: optimizeLegibility;
					}

					.stuck
					{overflow: hidden;}

html * 				{
					margin: 0;
					padding: 0;
					}

h1, h2, h3
{font-family: 'Bricolage Grotesque', Georgia, serif;}

input,
select,
button
{font-family: 'Hanken Grotesk', 'Inter', Helvetica, Arial, sans-serif;}

a  				{color: #5800ff; transition: all .2s;}
a:hover 			{opacity: .8;}

*:focus 			{outline: none;}

.desktop-hide 		{display: none;}

.clear 				{clear:both;}

.hide 				{display: none;}

/* Cart Menu */
.cart-head 		{
					display: flex;
					align-items: center;
					justify-content: space-between;
					max-width: 500px;
					margin: 35px auto 10px;
					padding: 15px;
					font-size: 0;
					}

					.cart-head a.logo
					{display: inline-block;}

					.cart-head a.logo img
					{
					display: block;
					height: 50px;
					margin-left: -8px;
					}

					.cart-menu 
					{
					display: flex;
					align-items: stretch;
					white-space: nowrap;
					border: 2px solid #ddd;
					border-radius: 5px;
					overflow: hidden;
					}

					.cart-menu a
					{
					display: flex;
					align-items: center;
					gap: 7px;
					color: #999;
					border-right: 2px solid #ddd;
					font-size: 14px;
					font-weight: 700;
					padding: 0 10px;
					text-transform: uppercase;
					text-decoration: none;
					}

						.cart-menu a.no-pad
						{padding-right: 0;}

						.cart-menu a:last-child
						{border-right: 0;}

						.cart-menu a:hover
						{color: #555;}

						.cart-menu a.current,
						.cart-menu a.current:hover
						{
						background: #eee;
						color: #000;
						opacity: 1;
						}

					.cart-menu a svg
					{
					width: 20px;
					display: inline-block;
					vertical-align: middle;
					}

					.cart-menu a span,
					.cart-menu a b
					{
					display: inline-block;
					vertical-align: middle;
					}

					.cart-menu b
					{
					padding: 10px 15px;
					background: #00000015;
					margin-left: 5px;
					}


/* Tickets */
.all-hold		{
 					max-width: 500px;
 					margin: 0 auto 100px;
 					padding: 15px;
 					}

 					.all-hold h1
 					{
 					width: 500px;
 					margin: 20px auto;
 					}

.cart-note	 	{
					border: 2px solid orange;
					border-radius: 10px;
					padding: 13px 15px;
					color: #ff7600;
					font-weight: 500;
					background: #fff7e9;
					margin-bottom: 30px;
					} 						

.one-ticket 	{
 					width: 500px;
 					margin: 10px auto;
 					border: 10px solid #000;
 					box-sizing: border-box;
 					position: relative;
 					} 

 					.ticket-padding
 					{padding: 20px;}

 					.ticket-wrap
 					{display: flex;}

 					.ticket-left
 					{
 					width: 60%;
 					padding: 20px;
 					box-sizing: border-box;
 					}

 					.ticket-left p.break
 					{word-break: break-word;}

 					.ticket-right
 					{width: 40%;}

 					.ticket-logo
 					{margin: 0 0 15px -7px;}

 					.ticket-qr
 					{
 					display: block;
 					width: 100%;
 					}

 					.inside-ticket
 					{width: 59%;}

 					.inside-ticket h2
 					{line-height: 1.1;}

 					.inside-ticket h2
 					{line-height: 1.1;}

 					.one-ticket h2
 					{font-size: 23px;}

 					.one-ticket h3
 					{
 					font-weight: 400;
 					word-break: break-all;
 					margin: 3px 0;
 					}

 					.one-ticket table
 					{width: 100%;}

 					.one-ticket a
 					{display: block;}


.pos-ticket 		{
/*					width: 620px;
					height: 260px;
*/					font-size: 0;
					box-sizing: border-box;
					background: #eee;
					position: relative;
					}

					.pos-ticket div
					{
					display: inline-block;
					vertical-align: top;
					}

					.pos-text
					{
					width: 510px;
					box-sizing: border-box;
					font-size: 10px;
					padding: 20px;
					}

 					.pos-ticket .barcode-img
 					{
 					width: 170px;
 					height: auto;
 					transform: rotate(90deg);
 					position: absolute;
 					top: 65px;
 					right: -75px;
 					}

.more-films 		{margin: 10px 0;} 					

.more-films p 		{
					display: inline-block;
					width: 45%;
					}





.bank-logos 		{
					max-width: 500px;
					margin: 10px auto;
					padding: 0 15px;
					font-size: 0;
					} 				

					.bank-logos div
					{
					display: inline-block;
					width: 50%;
					vertical-align: middle;
					}

					.bank-logos div:nth-child(2)
					{text-align: right;}

					.bank-logos img
					{
					height: 30px;
					display: inline-block;
					vertical-align: middle;
					margin-right: 20px;
					}	

					.bank-logos .pcb
					{
					height: 30px;
					margin: 0;
					}

					.pcb-tix img
					{
					display: block;
					height: 35px;
					margin-top: 20px;
					}

					.pcb-tix p
					{
					margin: 0 0 0 50px;
					font-size: 12px;
					}

.copy 				{
					max-width: 500px;
					margin: auto;
					padding: 10px 0;
					}

					.copy p a
					{color: #000;}		

					.copy p + p
					{margin-top: 15px;}		

.all-tix 		{position: relative;}

					.tix-note
					{
					margin: 10px 0 30px;
					font-size: 16px;
					line-height: 150%;
					}

					.tix-note p + p
					{margin-top: 10px;}						

.one-cart 		{
					border: 2px solid #ccc;
					border-radius: 5px;
					margin-bottom: 20px;
					box-sizing: border-box;
					}

					.cart-red
					{
					border-color: #d90000;
					background: #d9000010;
					}

					.one-cart-in
					{
					position: relative;
					padding: 20px 110px 20px 20px;
					}

					.cart-remove
					{
					display: inline-block;
					padding: 5px 9px;
					margin-bottom: 17px;
					background: #d90000;
					color: #fff;
					border-radius: 4px;
					cursor: pointer;
					}

					.cart-remove:hover
					{opacity: .7;}

					.one-cart p.text + p
					{margin-top: 20px;}

					.one-total
					{
					background: #f3f3f3;
					padding: 20px;
					}

					.one-cart h2
					{
					margin-bottom: 15px;
					line-height: 120%;
					}

					.one-cart h3
					{
					font-size: 18px;
					font-weight: 600;
					margin-bottom: 15px;
					}

						.one-cart h2 + h3
						{margin-top: -12px;}

					.one-cart a.film-title
					{
					color: #000;
					text-decoration: none;
					}

/*					.one-cart a.film-title:hover
					{opacity: .7;}*/

					.one-cart a.x-film
					{
					display: block;
					width: 30px;
					height: 30px;
					background: #eee;
					text-align: center;
					font-size: 30px;
					line-height: 25px;
					color: #999;
					text-decoration: none;
					position: absolute;
					top: 10px;
					right: 10px;
					border-radius: 3px;
					cursor: pointer;
					}

						.cart-red.one-cart a.x-film
						{
						background: #d90000;
						color: #fff;
						}

					.one-cart a.x-film:hover
					{opacity: .7;}

					.price 
					{
					display: block;
					position: absolute;
					bottom: 20px;
					right: 20px;
					font-size: 21px;
					font-weight: 700;
					}

					.total-tix td
					{
					font-size: 30px;
					padding: 5px 0;
					font-weight: 700;
					}

.form		
{margin: 20px 0;}

					.form label
					{
					display: block;
					font-size: 15px;
					font-weight: 500;
					margin-bottom: 2px;
					color: #6960eb;
					}

					.form input
					{
					display: block;
					width: 100%;
					box-sizing: border-box;
					font-size: 16px;
					padding: 10px;
					color: #6960eb;
					background: #fff;
					border-radius: 3px;
					border: 1px solid #8982f0;
					}			

					.form input:focus
					{box-shadow: 0 0 10px rgba(0,0,0,.15);}

					.form input + label
					{margin-top: 15px;}

					.form p
					{margin-top: 15px;}

					.form p.mb
					{margin-bottom: 15px;}

					.form p strong
					{font-weight: 500;}

					.form button
					{
					color: #fff;
					background: #8982f0;
					font-size: 15px;
					margin-top: 10px;
					padding: 15px 30px;
					border: none;
					border-radius: 3px;
					font-weight: 600;
					cursor: pointer;
					transition: all .2s;				
					}

					.form button:hover
					{opacity: .8}

.cart-note 
{position: relative;}

.cart-note h3,
.cart-note p 
{color: red;}

	.cart-note p + p
	{margin-top: 7px;}

.note-violet h3,
.note-violet p
{color: #6960eb;}

.note-default h3,
.note-default p
{color: #000;}

.note-default p a
{color: #6960eb;}

.hilite
{
display: inline-block;
padding: 3px 8px;
background: #ffd943;
border-radius: 3px;
margin: 3px 0;
}

.small
{
margin-top: 10px;
font-size: 14px;
color: #b7862b;
}

.red
{color: red;}

.cart-toggle
{
display: flex;
gap: 5px;
margin: 20px 0;
border: 2px solid #ddd;
border-radius: 5px;
padding: 5px;
}

	.cart-toggle a
	{
	width: 50%;
	height: 50px;
	font-size: 14px;
	color: #999;
	font-weight: 550;
	border: 1px solid #00000015;
	box-sizing: border-box;
	border-radius: 3px;
	background: #ffff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	}

	.cart-toggle a.selected
	{
	color: #555;
	background: #ddd;
	}

	.cart-toggle a.pcb-card.selected
	{
	color: #000;
	background: #ffd943;
	}

	.cart-toggle a:hover
	{color: #777;}

.checkout
{
display: block;
max-width: 500px;
margin: 0 auto;
}

					.checkout input[type=submit]
					{
					display: inline-block;
					-webkit-appearance: none;
					border: none;
					width: 100%;
					box-sizing: border-box;
					border-radius: 5px;
					font: 600 25px 'Hanken Grotesk', "Inter", Helvetica, Arial, sans-serif;
					text-align: center;
					text-decoration: none;
					padding: 20px;
					background: #8982f0;
					color: #fff;
					cursor: pointer;						
					}

					.checkout:hover
					{opacity: .7;}

					.cart-pass
					{
					padding-top: 14px;
					border-radius: 0;
					border: 9px solid #000;
					}

						.cart-pass h2
						{
						font-size: 50px;
						font-weight: 900;
						}

						.cart-pass h3
						{
						font-size: 50px;
						font-weight: 900;
						transform: rotate(5deg);
						position: absolute;
						top: 10px;
						right: 25px;
						color: #000
						}

						.cart-pass h3 span
						{color: #999;}

						.cart-pass p strong
						{
						font-size: 21px;
						font-weight: 700;
						display: inline-block;
						margin-bottom: 15px;
						}

.text 				{
					width: 500px;
					font-size: 21px;
					font-weight: 600;
					margin: auto;
					}

					.bot-hold .text
					{width: auto;}

					.text a
					{color: #000;}		

					.text a:hover
					{opacity: .7;}		

.kupon-link
{
display: inline-block;
margin: 10px 0 0;
font-size: 16px;
font-weight: 600;
color: #b7862b;
text-decoration: underline;
cursor: pointer;
}

	.kupon-link:hover
	{opacity: .7;}

.kupon
{
margin: 0 20px 20px;
display: none;
}	

.kupon-hold
{position: relative;}

.kupon input,
.kupon span
{
width: 100%;
border: 1px solid #ddd;
font-size: 15px;
padding: 10px;
box-sizing: border-box;
border-radius: 3px;
}

.kupon span
{
background: #eee;
border: none;
position: relative;
padding: 10px 38px 10px 15px;
display: inline-block;
width: auto;
}

	.kupon span b
	{
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
	position: absolute;
	background: #ddd;
	border-radius: 2px;
	top: 9px;
	right: 9px;
	cursor: pointer;;
	}

	.kupon span b:hover
	{background: #fff;}

.all-kupons input:last-child
{margin-bottom: 15px;}

.kupon-button
{
display: inline-block;
background: orange;
color: #fff;
font-size: 15px;
line-height: 32px;
padding: 0 30px;
border-radius: 3px;
font-weight: 600;
position: absolute;
top: 3px;
bottom: 3px;
right: 3px;
cursor: pointer;
}

.kupon-button:hover
{opacity: .7;}

.kupon .coupon-error
{
color: red;
margin-bottom: 10px;
}

.w-40p
{width: 40% !important;}

.w-50p
{width: 50% !important;}

.w-60p
{width: 60% !important;}

/* Mobile */
@media only screen 
and (max-width : 700px)  {

.barcode-img
{width: 100%;}

.cart-head
{width: auto;}

	.cart-head
	{margin: 0;}

	.cart-head a.logo img
	{
	margin: 0;
	height: 40px;
	}

	.cart-menu a svg
	{margin: 0;}

	.cart-menu a span
	{display: none;}

	.all-hold h1
	{
	width: auto;
	margin: auto;
	font-size: 25px;
	}	

	.one-ticket
	{
	width: auto;
	}

	.one-ticket p strong
	{display: block;}


}


.print-page-break
{
page-break-before: always;
}



/* PRINT */					
@media print {

	/* for tickets */
	.cart-head,
	h1,
	.all-hold.bot-hold
	{display: none;}

	.one-ticket + .one-ticket
	{margin-top: 50px;}

	@page
	{
	size: A4 portrait;
	margin: 20px 0 25px;
	}	


/* THIS IS FOR PASSES
	@page
	{
	size: 6.3in 2.5in;
	size: landscape;
	//padding: 0;
	//margin: 0;
	padding-right: 0;
	}	
*/


	body
	{
	padding: 0;
	margin: 0;
	zoom: 55%;
	}

/*	.pos-ticket
	{padding: 0;}*/

}