/* INTER */
@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%;
}


/* NIMBUS */
/*@font-face {
  font-family: 'Nimbus';
  font-weight: 400;
  font-style:  normal;
  font-display: swap;
  src: url('../fonts/nimbus/NimbusSanL-Reg-webfont.woff') format('woff');
}

@font-face {
  font-family: 'Nimbus';
  font-weight: 400;
  font-style:  italic;
  font-display: swap;
  src: url('../fonts/nimbus/NimbusSanL-RegIta-webfont.woff') format('woff');
}

@font-face {
  font-family: 'Nimbus';
  font-style:  normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/nimbus/NimbusSanL-Bol-webfont.woff') format('woff');
}

@font-face {
  font-family: 'Nimbus';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/nimbus/NimbusSanL-BolIta-webfont.woff') format('woff');
}*/


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

					.stuck
					{overflow: hidden;}

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

*:focus 			{outline: none;}

h1,
h2,
h3,
h4,
input,
textarea,
select,
button 				{
					font-family: "Inter", Helvetica, Arial, sans-serif;
					font-weight: normal;
					}

video::-webkit-media-controls
{display: none;}

.red
{color: #ff5858;}

.hidden
{display: none;}

.modal-cover 		{
					position: fixed;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background: rgba(0,0,0,.5);
					display: none;
					z-index: 500;
					overflow-y: auto;
					padding: 0 15px;
					}

					.modal
					{
					max-width: 700px;
					padding: 30px;
					background: #fff;
					box-shadow: 0 0 10px rgba(0,0,0,.3);
					margin: 30px auto;
					position: relative;
					}

					.x-modal
					{
					position: absolute;
				    top: 10px;
				    right: 10px;
				    width: 30px;
				    height: 30px;
				    line-height: 25px;
				    text-align: center;
				    display: block;
				    cursor: pointer;
				    background: #eee;
				    color: #000;
				    font-size: 35px;
					}

					.x-modal:hover
					{opacity: .7;}

					.modal-title
					{color: #333;}

					.modal-title h1
					{font-size: 25px;}

					.modal-title h2
					{font-size: 14px;}

					.modal-data
					{font-family: "Inter", Arial, sans-serif;}

					.modal-data h2
					{
					margin-top: 20px;
					font-size: 14px;
					text-transform: uppercase;
					}

					.modal-data .single-screening
					{
					margin-top: 10px;
				    background: #eee;
				    padding: 5px 5px 5px 8px;
					}

					.single-screening
					{font-size: 0;}

					.single-screening h3
					{
					font-size: 18px;
					display: inline-block;
					vertical-align: middle;
					width: 37%;
					}

					.single-screening h3.smaller-sc
					{
					width: 26%;
					}

					.single-screening h3 span
					{
					text-transform: uppercase;
					font-size: 12px;
					font-weight: 400;
					display: block;
					}

					.single-screening a
					{
					display: inline-block;
					vertical-align: middle;
				    width: 26%;
				    background: #8982f0;
				    text-align: center;
				    padding: 10px 0;
				    color: #fff;
				    font-size: 16px;
			    	font-weight: 700;
			    	cursor: pointer;
					}

					.single-screening a:hover
					{opacity: .7}

					.ticket-message p
					{margin-top: 20px;}

					a.view-cart
					{
					display: inline-block;
					margin-top: 20px;
					color: #8982f0;
					font-weight: 700;
					}

					a.view-cart:hover
					{opacity: .7;}

.desktop-hide,
.top-menu-links a.desktop-hide
 		{display: none;}

.clear 				{clear:both;}

.hide 				{display: none;}

.edit-this 			{
					display: inline-block;
					padding: 1vw 1.5vw;
					font-size: 1vw;
					font-weight: 700;
					color: #000;
					background: yellow;
					text-decoration: none;
					margin: 3vw 0;
					}

					.edit-this:hover
					{
					background: #000;
					color: yellow;
					}

.selector 			{
					-webkit-transition: all .3s;
					-moz-transition: all .3s;
					transition: all .3s;
					}

.loader 			{
  					height: 50px;
  					width: 50px;
  					animation: rotate 0.8s infinite linear;
  					border: 10px solid #fff;
  					border-top-color: transparent;
  					border-radius: 50%;
					}

					.load-more .loader
					{
					margin: auto;
					height: 16px;
					width: 16px;
					border-width: 3px;
					}

					.modal .loader
					{
					border-color: #000;
					border-top-color: transparent;
					}		

					.search-results .loader
					{
					width: 30px;
					height: 30px;
					margin-top: 20px;
					border: 3px solid #000;
  					border-top-color: transparent;
					}

					.loader-abs
					{
					position: absolute;
					top: 20px;
					left: 20px;
					}

					@keyframes rotate {
					  	0%    {transform: rotate(360deg);}
						100%  {transform: rotate(0deg);}
					}								

/* BUILD */
.wrap 			{
				margin: auto;
				position: relative;
				z-index: 5;
				}

					.logo img
					{height: 4vw;}

					.footer .logo img
					{
					height: 2.5vw;
					margin-left: -.3vw;
					}

				.top-menu
				{
				max-width: 90vw;
				font-size: 0;
				padding: 1.5vw 0;
				margin: auto;
				display: flex;
				align-items: center;
				}

				.side 				{
									display: inline-block;
									vertical-align: middle;
									}

									.side-p
									{
									display: flex;
									align-items: center;
									justify-content: space-between;
									font-size: 21px;
									margin: 0 0 .3vw;
									gap: 20px;
									}

									.side-p span,
									.side-p em
									{font-size: 16px;}

									.side-p a
									{
									display: inline-block;
									text-decoration: none;
									color: #999;
									}

										.side-p a:hover
										{text-decoration: underline;}

				.side-left 		{
									display: flex;
									flex-grow: 1;
									align-items: center;
									gap: 20px;
									}

									.side-right-in
									{
									display: inline-block;
									position: relative;
									}

									.side-flex
									{
									display: flex;
									flex-wrap: nowrap;
									align-items: center;
									gap: 20px;
									}

				.tix-holder 		{
									/*height: 2.7vw;*/
									font-size: 0;
									min-height: 50px;
									text-align: left;
									}

				.my-tix 	{
									width: 48.5%;
									display: inline-block;
									box-sizing: border-box;
									color: #fff;
									padding: 13px 0;
									font-size: 13px;
									line-height: 100%;
									margin: 3% 1.5% 0 0;
									background: #000;
									text-decoration: none;
									text-align: center;
									}

									.tix-holder .my-tix:nth-child(2)
									{margin: 3% 0 0 1.5%;}

									.my-tix-lite
									{
									width: 100%;
									background: #111;
									margin: 3% 0 0 0;
									color: #fff;
									}

									.my-tix svg
									{
									width: 17px;
									display: inline-block;
									vertical-align: middle;
									margin-right: 5px;
									}

									.my-tix span
									{
									display: inline-block;
									vertical-align: middle;
									text-transform: uppercase;
									font-weight: 600;
									}

									.my-tix b
									{font-weight: 600;}

									.my-tix:hover
									{opacity: .7;}

									.donate-button
									{
									color: #fff;
									background: #8982f0;
									}






.newsletter		{
				margin-top: 2vw;
				position: relative;
				}

				.side-right .newsletter
				{
				margin-top: .5vw;
				text-align: left;
				}

				.newsletter h4 		{
									font-size: 13px;
									font-weight: 600;
									}

									.footer .newsletter h4
									{margin-bottom: 2px;}

				.newsletter-in 		{
									border: 2px solid #000;
									padding-right: 3px;
									width: 70%;				
									position: relative;	
									}

									.side-right .newsletter-in
									{width: auto;}
				
				.newsletter input#mce-EMAIL
									{
									display: inline-block;
									font-size: 16px;
									border: none;
									box-sizing: border-box;
									vertical-align: middle;
									padding: 0 10px;
									height: 36px;
									width: 70%;
									}

				.newsletter input#mc-embedded-subscribe,
				.side-right .newsletter h4
									{
									position: absolute;
									display: block;
									font-size: 13px;
									font-weight: 600;
									top: 0;
									right: 0;
									bottom: 0;
									border: none;
									-webkit-appearance: none;
									vertical-align: middle;
									width: 30%;		
									cursor: pointer;	
									transition: all .2s;						
									color: #fff;
									background: #000;
/*									text-shadow: 0 1px 3px rgb(0 0 0 / 70%);
									background-size: 200%;
									background-repeat: no-repeat;
									background-position: center;
									background-image: url(../images/back-2023.png);
*/									}

									.newsletter button:hover
									{opacity: .8;}

									.side-right .newsletter h4
									{
									width: auto;
									left: 0;
									z-index: 10;
									line-height: 40px;
									text-align: center;
									}




				.search-box 		{
									position: fixed;
									top: 0;
									right: -30vw;
									bottom: 0;
									width: 30vw;
									padding: 1.5vw 2vw;
									box-sizing: border-box;
									background: #fff;
									z-index: 100;
									transition: all .1s;
									overflow-y: scroll;
									}

									.search-box-show
									{
									opacity: 1;
									right: 0;
									box-shadow: -5vw 0 5vw rgba(0,0,0,.3);
									}

									.search-box h2
									{
									font-size: 1.5vw;
									margin-bottom: 1vw;
									}

									.search-box input[type=text]
									{
									display: block;
									width: 100%;
									border: none;
									border-bottom: 3px solid #777;
									font-size: 1vw;
									padding-bottom: .5vw;
									}

									.search-box input[type=text]:focus
									{border-color: #000;}

									.search-box button
									{
									display: block;
									font-size: 1vw;
									padding: .5vw .7vw;
									margin-top: 10px;
									border: none;
									-webkit-appearance: none;
									vertical-align: middle;
									background: #da7000;
									color: #fff;
									font-weight: 900;
									cursor: pointer;	
									transition: all .2s;	
									}

									.search-box button:hover
									{background: #da700099;}

									.x-search
									{
									display: block;
									width: 2.2vw;
									height: 2vw;
								    font-size: 2vw;
								    line-height: 1.7vw;
								    text-align: center;
								    position: fixed;
								    top: 1vw;
								    right: 1vw;
								    color: #fff;
								    background: #000;
								    cursor: pointer;
								    transition: all .2s;
								    opacity: 0;
								    pointer-events: none;
									}

										.search-box-show .x-search
										{
										opacity: 1;
										pointer-events: unset;
										}

										.x-search:hover
										{color: #ffffff90;}

									.search-results
									{margin-top: 2vw;}

									.all-results
									{display: none;}

									.search-results h3
									{
									font-size: 2vw;
									margin: 2.5vw 0 1vw;
									color: #ccc;
									}

									.one-search
									{margin-bottom: 1vw;}

									.one-search a
									{
									display: block;
									font-size: 1vw;
									color: #000;
									text-decoration: none;
									padding: .5vw .7vw .6vw;
									margin: -.5vw -.7vw;
									}

										.one-search a span
										{
										display: block;
										text-decoration: underline;
										font-size: 1.2vw;
										margin-bottom: .2vw;
										font-weight: 800;
										}

										.one-search a b
										{
										display: block;
										color: #777;
										margin-bottom: .2vw;
										}

									.one-search a:hover
									{background: #eee;}

									.returned p
									{font-size: .8vw;}









				

				.social-icons 	{
									display: flex;
									align-items: center;
									flex-wrap: nowrap;
									font-size: 0;
									gap: 8px;
									}

				.social-icons a,
				a.search 		 {
									display: inline-block;
									width: 16px;
									padding: 5px;
									vertical-align: middle;
									transition: all .2s;
									text-align: center;
									cursor: pointer;
									}

										.side-right .social-icons a:first-child
										{margin-left: 0;}									

										.social-icons a:hover,
										a.search:hover
										{background: #00000020;}

									.social-icons a img
									{
									width: 100%;
									display: inline-block;
									}

									.social-icons a.fb-icon img
									{width: 62%;}

									.footer .social-icons a
									{margin: 0 .5vw 0 -.4vw;}

				.top-links 			{
									float: right;
									line-height: 100%;
									vertical-align: middle;
									}

									.top-links a
									{
									display: inline-block;
									vertical-align: middle;
									text-decoration: none;
									color: #999;
									font-weight: 700;
									font-size: 16px;
									text-transform: uppercase;
									}

									.top-links a + a
									{margin-left: 10px;}

										.top-links a.orange
										{color: orange;}

									.top-links a:hover,
									.top-links a.current
									{text-decoration: underline;}

				.top-menu-links{
									display: flex;
									flex-wrap: nowrap;
									align-items: center;
									font-size: 0;
									gap: 8px;
									}

				.top-menu-links a
									{
									display: inline-block;
									font-size: 18px;
									font-weight: 700;
									line-height: 100%;
									padding: .2vw 0;
									color: #000;
									text-decoration: none;
									text-transform: uppercase;
									transition: all .2s;
									}

									.top-menu-links a + a
									{margin-left: 20px;}

									.top-menu-links a.hide
									{display: none;}

									.top-menu-links a.orange
									{color: orange;}

									.top-menu-links a:hover,
									.top-menu-links a.current
									{
									text-decoration: underline;
									text-decoration-thickness: 3px;
									text-underline-offset: 3px;
									}		

									.side-right .top-menu-links a
									{margin: 0;}

				.banner
				{
				display: block;
				font-size: 18px;
				line-height: 1;
				padding: 20px;
				color: #fff;
				font-weight: 700;
				text-decoration: none;
				text-align: center;
				background: rgb(240,132,130);
				background: linear-gradient(188deg, rgba(165,215,213,1) 0%, rgba(240,132,130,1) 100%);
				position: relative;
				z-index: 1;
				}

					.banner-in
					{
					max-width: 90vw;
					font-size: 0;
					margin: auto;
					}

					.banner span
					{
					display: block;
					font-size: 1vw;
					}

						.banner span img
						{height: 55px;}

				.banner b
				{
				display: inline-block;
				transition: all .2s;
				}

				.banner:hover b
				{margin-left: 30px;}

				.banner::before {
				position: absolute;
				content: "";
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: -1;
				background: linear-gradient(355deg, rgba(165,215,213,1) 0%, rgba(240,132,130,1) 100%);
				transition: opacity 0.5s linear;
				opacity: 0;
				}

				.banner:hover::before
				{opacity: 1;}

				.banner-blue
				{
				background: rgb(42,207,222);
				background: linear-gradient(166deg, rgba(42,207,222,1) 0%, rgba(77,149,227,1) 100%);
				}

				.banner-blue::before
				{
				background: rgb(42,207,222);
				background: linear-gradient(63deg, rgba(42,207,222,1) 0%, rgba(77,149,227,1) 100%);
				}







				.slide
				{
				position: relative;
				overflow: hidden;
				}	

									.slide-image
									{
									display: block;
									width: 100%;
									}

									.all-slides
									{
									height: 40vw;
									position: relative;
									}

										.all-slides video
										{
										width: 100%;
										height: auto;
										}

										.one-slide
										{
										position: absolute;
										top: 0;
										left: 0;
										right: 0;
										bottom: 0;
										text-decoration: none;
										background-size: cover;
										background-repeat: no-repeat;
										background-position: center;
										display: none;
										}

										.all-slides .one-slide:first-child
										{display: block;}

									.slide-block
									{
									position: absolute;
									left: 0;
									right: 0;
									top: 0;
									bottom: 0;
									color: #fff;
									z-index: 10;
									background: rgb(0,0,0);
									background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 70%);
									}

										.in-slide-block
										{
										width: 90%;
										position: absolute;
										left: 50%;
										margin-left: -30%;
										bottom: 4.5vw;
										box-sizing: border-box;
										padding-right: 30vw;
										opacity: 0;
										transition: all .2s;
										}

											.film-page .in-slide-block
											{bottom: 3.8vw;}

											.in-slide-show
											{
											opacity: 1;
											margin-left: -45%;
											transition: all .8s;
											}

										.slide-block-news
										{
										max-width: 80vw;
										margin: auto;
										padding-right: 30%;
										box-sizing: border-box;
										}

											.article-news
											{
											max-width: 70vw;
											padding: 0 20% 0 2vw;
											}

										.article-slide
										{padding-left: 12vw;}

										.slide-block .in-slide-block:first-child
										{display: block;}

										.slide-button
										{
										display: block;
										position: absolute;
										bottom: 3vw;
										right: 3vw;
										background: rgba(165,215,213);
										color: #000;
										padding: 1vw 2vw;
										font-size: 1vw;
										font-weight: 700;
										text-decoration: none;
										z-index: 20;
										transition: all .7s;
										}

										.slide-button:hover
										{
										background: rgb(240,132,130);
										transition: all .2s;
										}

									.slide-block h1
									{
									font-size: 4.5vw;
									font-weight: 830;
								  	color: #fff;
								    line-height: 110%;
									}

										.latest .slide-block h1
										{
										width: 80vw;
										margin: auto;
										}

									.all-films .slide-block h1,
									.slide-block h1
									{margin-bottom: 0;}

									.slide-block h1 a
									{
									color: #fff;
									}

										.slide-block h1:hover
										{text-decoration: underline;}

									.slide-block h2
									{font-size: 1.5vw;}

										.slide-block h2.title-original 
										{
										font-size: 2vw;
										margin-bottom: .5vw;
										}

										.latest .slide-block h2
										{width: 50%;}

									.slide-block h1 + h2
									{margin-top: 1vw;}

									.slide-block h3
									{font-size: 3vw;}

									.slide-controls
									{
									display: block;
									position: absolute;
									z-index: 20;
									top: 3vw;
									right: 3vw;
									color: #fff;
									font-size: 0;
									cursor: pointer;
									}

										.slide-controls p
										{
										display: inline-block;
										vertical-align: middle;
										font-size: 3vw;
										font-weight: 600;
										line-height: 100%;

										/* hiding for now, still remains in JS */
										display: none;										
										}

											.slide-controls em 
											{font-style: normal;}

										.slide-controls span
										{
										font-size: .7vw;
										font-weight: 600;
										}

										.slide-controls div
										{
										display: inline-block;
										vertical-align: middle;
										text-decoration: none;
										padding: 0 1vw 0 1vw;
										/*height: 2vw;
										line-height: 2vw;*/
										transition: all .2s;
										}

											.slide-controls:hover div
											{padding: 0 0 0 2vw;}

											.slide-controls div img
											{
											width: 2vw;
											display: inline-block;
											}



									.slide-dots
									{
									position: absolute;
									z-index: 20;
									right: 3vw;
									top: 3vw;
									font-size: 0;
									}

										.slide-dots a
										{
										display: inline-block;
									    width: 1vw;
									    height: 1vw;
									    border-radius: 100%;
									    border: .5vw solid #fff;
									    background: #fff;
									    cursor: pointer;
									    margin-left: 1vw;
									    transition: all .2s;
									    box-shadow: 0 0 50px rgba(0,0,0,.3);
										}

										.slide-dots a:hover
										{background: #ccc;}

										.slide-dots a.current
										{background: #000;}


					.slide-text
					{
				    width: 70vw;
				    position: absolute;
				    top: 0;
				    bottom: 0;
				    left: 50%;
				    margin-left: -35vw; 
				    font-size: 0;
				    box-sizing: border-box;
					}





										.talk-slide
										{
										background-size: cover;
										background-repeat: no-repeat;
										background-position: center;
										}

										.talk-block
										{
										padding: 3vw;
										color: #fff;
										z-index: 10;
										background: rgba(0,0,0,.7);
										transition: all .2s;											
										}

									.talk-block h1
									{
								    width: 60%;
									font-size: 4.5vw;
								    font-weight: 800;
								    line-height: 110%;
									}

									.all-films .talk-block h1
									{margin-bottom: 0;}

									.talk-block h2
									{
									width: 50%;
									font-size: 1.5vw;
									}

									.talk-block h1 + h2
									{margin-top: 1vw;}



.schedule 			{
					max-width: 92vw;
					margin: 2vw auto;
					font-size: 0;
					}

					.single-day
					{
					display: inline-block;
					vertical-align: top;
					width: 14.28%;
					margin-top: 15px;
					box-sizing: border-box;
					padding: 1vw;
					}

					.single-day h4
					{
					font-size: .85vw;
					padding-bottom: 3px;
					border-bottom: 3px solid #000;
					}

						.single-day h4 span
						{
						color: #777;
						font-size: .65vw;
						text-transform: uppercase;
						}

					.single-time
					{margin: .8vw 0;}

						.single-time span
						{
						display: inline-block;
						font-size: .7vw;
						font-weight: 600;
						line-height: 100%;
						margin: 0 0 5px -2px;
						border-radius: 50px;
						padding: 5px 13px 7px;
						background: #ddd;
						color: #000;
						}

						.single-time p
						{
						font-size: .7vw;
						font-weight: 600;
						}

						.single-time p.single-text a
						{color: #da7000;}

						.single-time a.single-time-button
						{
						display: inline-block;
						font-size: .7vw;
						margin-top: 5px;
						font-weight: 600;
						background: #da7000;
						padding: 7px 10px;
						text-decoration: none;
						color: #fff;
						}

							.single-time a.single-time-button:hover
							{background: #da700090;}

.shop 				{
					padding: 3vw;
					margin: 0 0 6vw;
					background: #000;
					color: #fff;
					text-align: center;
					position: relative;
					overflow: hidden;
					}

					.shop-back
					{
					position: absolute;
					top: 0; left: 0; right: 0; bottom: 0;				
					background: #000 url('../images/back-lines.svg');
					background-size: 100%;
					background-repeat: no-repeat;
					background-position: center;
					opacity: .25;
					transition: all .5s;
					}

					.shop:hover .shop-back
					{
					background-size: 120%;

					}

					.shop-half
					{
					position: absolute;
					width: 50%;
					top: 0;
					bottom: 0;
					}

						.shop-half-left
						{
						left: 0;
						background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
						}

						.shop-half-right
						{
						right: 0;
						background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
						}

					.shop-content
					{
					position: relative;
					z-index: 10;
					}

					.shop h2
					{
					font-size: 5vw;
					color: #fff;
					margin: 1.5vw 0;
					}

					.shop h3
					{
					font-size: 1.5vw;
					margin-bottom: 1vw;
					color: #fff;
					/*text-shadow: 0 0 10px #000;*/
					}

					.shop a
					{
					display: inline-block;
					text-decoration: none;
					font-size: 2vw;
					color: #000;
					background: #da7000;
					font-weight: 700;
					padding: 1vw 2vw;
					margin: 1vw auto 0;
					}

					.shop a:hover
					{
					background: #fff;
					color: #da7000;
					}

.image-link			{
					display: block;
					max-width: 90vw;
					margin: 2vw auto;
					text-decoration: none;
					}

					.image-link img
					{
					display: block;
					width: 100%;
					}


.home-title 		{
					font-size: 2vw;
					font-weight: 830;
					padding-left: 2vw;
					}

.day 				{
					display: block;
					position: relative;
					overflow: hidden;
					text-decoration: none;
					}

					.day-slide
					{
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center;	
					transition: all .3s;				
					}

						a.day:hover .day-slide
						{
						top: -5vw;
						left: -5vw;
						right: -5vw;
						bottom: -5vw;
						}

					.day + .day
					{margin-top: 5vw;}

					.day-block
					{
					display: table;
					width: 100%;
					height: 100%;
					color: #fff;
					position: relative;
					z-index: 10;
					}

						.day-block h2,
						.day-block h3
						{
						display: table-cell;
						width: 50%;
						padding: 4vw 5vw;
						box-sizing: border-box;
						vertical-align: middle;
						}

						.day-block h2
						{
						font-size: 10vw;
						}

						.day-block h3
						{
						font-size: 3vw;
						text-align: right;
						padding: 0 5vw;
						}














.big-block 			{
					display: block;
					max-width: 66vw;
					position: relative;
					margin: 5vw auto;
					box-sizing: border-box;
					padding: 2.5vw 3vw 3vw;
					color: rgba(255,255,255,.9);
					text-decoration: none;
					transition: all .2s;
					cursor: pointer;
					background: rgb(240,132,130);
					background: linear-gradient(-20deg, rgba(165,215,213,1) 0%, rgba(240,132,130,1) 100%);
					} 	

						.big-block:hover
						{padding-left: 4vw;}

					.big-block h2
					{
					font-size: 3.5vw;
					font-weight: 800;
					margin-bottom: .5vw;
					color: #000;
					}

					.big-block h3
					{font-size: 1.2vw;}








.all-articles	{	
					max-width: 90vw;
					position: relative;
					margin: 5vw auto 4vw;
					font-size: 0;
					}

					.all-articles-in
					{margin: 0 -2vw;}

					.one-article
					{
					width: 33.33%;
					display: inline-block;
					box-sizing: border-box;
					padding: 2vw;
					vertical-align: top;
					}

					.one-article a
					{
					display: block;
					text-decoration: none;
					position: relative;
					}

					.one-article-in
					{
					position: relative;
					height: 18vw;
					overflow: hidden;
					}

					.one-article-image
					{
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center;
					transition: all .2s;
					}	

						.one-article a:hover .one-article-image
						{
						top: -2vw;
						left: -2vw;
						right: -2vw;
						bottom: -2vw;
						}

					.one-article-title
					{
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);					
					}

						.one-article .title-in
						{
						position: absolute;
						left: 0;
						right: 0;
						bottom: 0;
						padding: 1vw 4vw 1.2vw 1.5vw;
						transition: all .2s;
						}

						.one-article a:hover .title-in
						{
						bottom: 1vw;
						left: 1vw;
						padding-right: 3vw;
						}

					.one-article-title h2
					{
					font-size: 1.9vw;
					line-height: 110%;
					font-weight: 830;
					letter-spacing: -.03vw;
					color: #fff;
					}

					.one-article p
					{
					margin: 1vw 2vw 0 1vw;
					font-size: .8vw;
					line-height: 130%;
					font-weight: 600;
					color: #000;
					transition: all .2s;
					background: #fff;
					position: relative;
					z-index: 10;
					box-sizing: border-box;
					}

						.one-article a:hover p
						{
						margin: -2vw 0 0 1vw;
						padding: 1vw 1vw 2vw 1vw;
						}


.load-more 		{
					display: block;
					width: 250px;
					text-align: center;
					margin: 30px auto;
					background: #000;
					color: #fff;
					font-size: 18px;
					font-weight: 700;
					text-transform: uppercase;
					padding: 15px 0;
					}

					.load-click
					{cursor: pointer;}

					.load-click:hover
					{background: #333;}







.new-talks		{	
					max-width: 90vw;
					position: relative;
					margin: auto;
					font-size: 0;
					}

					.new-talks-in
					{margin: 0 -2vw;}

					.new-talk
					{
					width: 33.33%;
					display: inline-block;
					box-sizing: border-box;
					padding: 0 2vw;
					margin-bottom: 4vw;
					vertical-align: top;
					}

					.image-hold
					{
					display: flex;
					height: 300px;
					align-items: center;
					overflow: hidden;
					}

					.new-talk a
					{
					display: block;
					text-decoration: none;
					position: relative;
					}

					.new-talk img
					{
					display: block;
					width: 100%;
					}

					.new-talk h2,
					.new-talk h3,
					.slide-text h1,
					.slide-text h2
					{
					font-size: 1.9vw;
					line-height: 110%;
					font-weight: 830;
					letter-spacing: -.03vw;
					color: #fff;
					position: absolute;
					padding: 1vw 4vw 1.2vw 1.5vw;
					transition: all .2s;
					left: 0;
					right: 0;
					}

						.new-talk h2
{
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}				

						.new-talk:hover h2
						{padding-bottom: 2vw;}

					.new-talk h2,
					.slide-text h1
					{bottom: 0;}

					.new-talk h3,
					.slide-text h2
					{
					top: 0;
					font-size: 1.25vw;
					padding-top: 1.5vw;
					text-transform: uppercase;
					}

					.slide-text h1
					{font-size: 6vw;}

					.slide-text h2
					{font-size: 3vw;}


					.home-info
					{
					text-align: center;
					margin: 2vw auto;
					}

						.home-info .new-talk
						{width: 50%;}

						.home-info .new-talk a
						{
						text-align: left;
						color: #000;
						}

						.home-info .new-talk-move
						{
						padding: .7vw 1vw 0;
						transition: all .15s;
						background: #fff;
						position: relative;
						z-index: 10;
						}

							.home-info .new-talk:hover .new-talk-move
							{margin: -2vw 0 2vw;}

						.home-info h4
						{
						font-size: 7vw;
						color: #fff;
						text-align: center;
						line-height: 20vw;
						position: absolute;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						transition: all .2s;
						}

							.home-info .new-talk:hover h4
							{
							font-size: 9vw;
							}

						.home-info p
						{font-size: 1.2vw;}

					.faux-image
					{
					height: 20vw;
					background: red;
					background: linear-gradient(-90deg, rgba(165,215,213,1) 0%, rgba(240,132,130,1) 100%);
					}

					.new-talks-in .new-talk:nth-child(2) .faux-image
					{background: linear-gradient(90deg, rgba(165,215,213,1) 0%, rgba(240,132,130,1) 100%);}

					.faux-back
					{
					position: absolute;
					top: 0; left: 0; right: 0; bottom: 0;
					background: url('../images/back-lines.svg');
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center;
					opacity: .3;
					pointer-events: none;
					}











.all-days 			{	
					max-width: 90vw;
					position: relative;
					margin: 3vw auto;
					font-size: 0;
					box-sizing: border-box;
					}

					.all-days-in
					{
					margin: 0 -1vw;
					}

					.one-day
					{
					display: inline-block;
					width: 50%;
					box-sizing: border-box;
					padding: 1vw;
					vertical-align: top;
					}

						.one-day-visible
						{opacity: .4;}

					.one-day a
					{
					display: block;
					text-decoration: none;
					position: relative;
					}

					.one-day-in
					{
					position: relative;
					overflow: hidden;
					}

					.one-day-image
					{
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center;
					transition: all .2s;
					}	

						.one-day a:hover .one-day-image
						{
						top: -2vw;
						left: -2vw;
						right: -2vw;
						bottom: -2vw;
						}

					.one-day-title
					{
					display: table;
					position: relative;
					width: 100%;
					height: 100%;
					z-index: 10;
					background: rgba(0,0,0,.5);			
					}

						.day-title-in
						{
						display: table-cell;
						width: 100%;
						height: 100%;
						vertical-align: middle;
						}

					.one-day-title h2
					{
					font-size: 3vw;
					padding: 3vw;
					line-height: 110%;
					letter-spacing: -.03vw;
					color: #fff;
					}















.talks 				{
					display: block;
					max-width: 90vw;
					position: relative;
					margin: 5vw auto;
					box-sizing: border-box;
					text-decoration: none;
					transition: all .2s;
					font-size: 0;				
					} 	

					.talks-half
					{
					width: 50%;
					padding-bottom: 2vw;
					box-sizing: border-box;				

					/* removing the gradient for now, using image below
					background: rgb(184,210,200);
					background: linear-gradient(150deg, rgba(240,132,130,1) 0%, rgba(165,215,213,1) 100%);
					*/ 

					position: relative;
					z-index: 30;

/*					background: #a5d7d5;

					background: linear-gradient(180deg, rgba(240,132,130,1) 0%, rgba(165,215,213,1) 100%);*/

					background-size: cover;
					background-repeat: no-repeat;
					background-position: center;	
					background-image: url('../images/back-big-2022.png');
					}

					.talks-back
					{
					width: 50%;
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					background-image: url('../images/dokutalks-2021.jpeg');						
					background-size: cover;
					background-repeat: no-repeat;
					background-position: left;	
					}

					.talks h2
					{
					font-size: 5vw;
					font-weight: 830;
					padding: 2.5vw 3vw 1vw;
					}

					.talk-links a,
					.talks a.talks-more,
					.talk-links p
					{
					display: block;
					font-size: 2vw;
					font-weight: 800;
					color: #e5a536;
					padding: 1vw 5vw 1vw 3vw;
					text-decoration: none;
					transition: all .2s;
					}

						.talk-links a
						{
						color: #000;
						text-decoration: underline;
						}

						.talks a:hover
						{
						text-decoration: underline;
						padding: 1vw 4vw 1vw 4vw;
						}

						.talks a.talks-more
						{
						width: auto;
						position: absolute;
						padding: 0;
						right: 3vw;
						bottom: 3vw;
						color: #fff;
						text-decoration: underline;
						z-index: 30;
						}

.talks-page .talks 		{
						max-width: 90vw;
						margin: 0 auto 5vw;
						}

						.talks-page .talks-half
						{width: 60%;}

						.talks-page .talks h2
						{font-size: 2.5vw;}



.dokudaily .talks 
{
color: #000;
}

.talks-wrap
{
position: relative;
padding: 1vw;
background: linear-gradient(90deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 70%);
}

.dokudaily .talks-half
{
width: 40%;
text-align: right;
float: right;
box-sizing: border-box;
padding: 1.9vw 2vw 2vw;
display: inline-block;
position: relative;
background: none;
transition: all .15s;
}	

	a.talks:hover .talks-half
	{
	padding: 1.9vw 3vw 2vw 1vw;
	transition: all .5s;
	}

	.dokudaily .talks:nth-child(2n+2):hover .talks-half
	{padding: 1.9vw 1vw 2vw 3vw;}

	.talks-half-text
	{
	position: relative;
	z-index: 10;
	}

	.talks-half-back
	{
	position: absolute;
	top: 0;
	left: 30%;
	right: 0;
	bottom: 0;
	background: #fff;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 70%);
	transition: all .25s;
	}

		a.talks:hover .talks-half-back
		{
		left: 0;
		transition: all 1s;
		}

		.dokudaily .talks:nth-child(2n+2) .talks-half-back
		{
		right: 30%;
		left: 0;
		background: linear-gradient(90deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 70%);
		}


		.dokudaily .talks:nth-child(2n+2):hover .talks-half-back
		{right: 0;}


	.dokudaily .talks:nth-child(2n+2) .talks-half
	{
	text-align: left;
	float: left;
	}

	.dokudaily .talks:nth-child(2n+2) .talks-wrap
	{background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 70%);}

.dokudaily .talks h2
{
padding: 0;
line-height: 110%;
}

.dokudaily .talks p
{
font-size: 1vw;
font-weight: 600;
}

.dokudaily .talks p.talk-date
{margin-bottom: 10px;}

.dokudaily .talks h2 + p
{margin-top: 1vw;}

.talks-category
{
position: absolute;
width: 60%;
top: 0;
left: 0;
bottom: 0;
}

	.dokudaily .talks:nth-child(2n+2) .talks-category
	{
	left: auto;
	right: 0;
	text-align: right;
	}

	.talks-cat-in
	{
	display: table;
	width: 100%;
	height: 100%;
	}

	.talks-cat-in h3
	{
	display: table-cell;
	width: 100%;
	height: 100%;
	font-size: 2vw;
	padding: 2vw;
	color: #fff;
	line-height: 100%;
	text-transform: uppercase;
	vertical-align: middle;
	transition: all .15s;
	letter-spacing: 3px;
	}

		.dokudaily a.talks:hover .talks-cat-in h3
		{
		letter-spacing: 20px;
		transition: all .5s;
		}


.top-categories  		{position: relative;}
						
						.top-categories a
						{
						display: inline-block;
						font-size: 1vw;
						font-weight: 700;
						color: #000;
						margin: 0 1vw 2vw 0;
						text-decoration: none;
						border-bottom: 4px solid transparent;
						}

						.new-talks .top-categories a
						{margin-bottom: 0;}

						.top-categories a:hover,
						.top-categories a.current
						{border-color: #000;}

.dokudaily-hold 		{position: relative;}
						
						.one-daily
						{
						display: block;
						text-decoration: none;
						color: #000;
						position: relative;
						margin-bottom: 5vw;
						}

						.daily-image
						{
						display: block;
						width: 60%;
						height: 25vw;
						float: left;
						background-size: cover;
						background-repeat: no-repeat;
						background-position: center;	
						transition: all .2s;					
						}

						.daily-half
						{
						width: 40%;
						float: left;
						box-sizing: border-box;
						padding: 1vw 3vw 0 3vw;
						transition: all .2s;
						}

							.daily-half h4
							{
							font-size: 1.5vw;
							font-weight: 500;
							}

							.daily-half h2
							{
							font-size: 3vw;
							font-weight: 830;
							line-height: 100%;
							margin: 1vw 0 .5vw;
							position: relative;
							}

							.daily-half h2 span
							{
							width: 0;
							display: block;
							height: 10px;
							background: #fff;
							position: absolute;
							bottom: 0;
							left: 0;
							transition: 2s;
							}

								.one-daily:hover h2 span
								{
								width: 5000px;
								left: -5000px;
								transition: 12s;
								}

							.daily-half p
							{font-size: 1.5vw;}

						.dokudaily-hold .one-daily:nth-child(2n+2) .daily-image
						{float: right;}

						.dokudaily-hold .one-daily:nth-child(2n+2) .daily-half
						{
						float: right;
						text-align: right;
						}

						.dokudaily-hold .one-daily:nth-child(2n+2) .daily-half h2 span
						{
						left: auto;
						right: 0;
						}

							.dokudaily-hold .one-daily:nth-child(2n+2):hover .daily-half h2 span
							{
							left: auto;
							right: -5000px;
							}

						.one-daily:hover .daily-image
						{width: 55%;}





.video-area 		{
						position: relative;
						margin: 4vw 0;
						font-size: 0;
						/*background: linear-gradient(190deg, rgba(165,215,213,1) 0%, rgba(240,132,130,1) 100%);*/
						background: url(../images/orange-pattern.png);
						background: #000;
						color: #fff;
						}

						.video-half
						{
						width: 50%;
						vertical-align: middle;
						display: inline-block;
						}

						.video-in
						{
						width: 100%;
						padding-top: 56.20608899297424%;
						position: relative;
						}

						.video-in iframe
						{
						position: absolute;
					    top: 0;
					    left: 0;
					    width: 100%;
					    height: 100%;
						}

						.video-text
						{
						display: table;
						width: 100%;
						height: 100%;
						}

						.video-text-in
						{
						display: table-cell;
						vertical-align: middle;
						padding: 5vw;
						color: #fff;
						}

						.video-text h2
						{
						font-size: 3vw;
						line-height: 120%;
						font-weight: 830;
						margin-bottom: 1vw;
						}

						.video-text h3
						{
						font-size: 1.5vw;
						margin-bottom: 2vw;
						font-weight: 600;
						}

						.video-text a
						{
						font-size: 1.5vw;
						font-weight: 800;
						color: #fff;
						}






.all-programmes 	{
					max-width: 90vw;
					margin: auto;
					position: relative;
					font-size: 0;
					}

						.all-programmes-in
						{margin: 0 -2vw;}

						.team-page .all-programmes-in
						{margin: 0 -5vw;}

					.all-programmes h2
					{
					font-size: 3vw;
					font-weight: 830;
					text-transform: uppercase;
					margin-bottom: 2vw;
					}

						.desc p
						{
						width: 80%;
						font-size: 1.5vw;
						margin-bottom: 2vw;
						}

						.all-programmes h2 + .desc
						{margin-top: -1vw;}

					.special-text 
					{
					font-size: 16px;
					margin-bottom: 50px;
					}

					.all-programmes h2 a
					{color: #000;}

					.all-programmes h3.text
					{
					font-size: 2vw;
					margin-bottom: 2vw;
					}

					.one-programme
					{
					width: 33.33%;
					display: inline-block;
					box-sizing: border-box;
					text-align: left;
					padding: 0 2vw 2vw;
					margin-bottom: 3vw;
					vertical-align: top;
					}

						.one-film
						{
						width: 33.33%;
						margin-bottom: 1vw;
						}

						.all-programmes + .all-programmes
						{margin-top: 5vw;}

						.one-programme a
						{
						display: block;
						cursor: pointer;
						text-decoration: none;
						}

						.one-programme-in
						{
						position: relative;
						height: 17vw;	
						overflow: hidden;
						}

							.film-programme
							{height: 12vw;}

							.jury-photo
							{height: auto;}

							.jury-photo img
							{
							display: block;
							width: 100%;
							}

							.one-programme-in div
							{
							position: absolute;
							top: 0;
							left: 0;
							right: 0;
							bottom: 0;
							background-size: cover;
							background-repeat: no-repeat;
							background-position: center;		
							transition: all .2s;					
							}

							.team-page .one-programme-in div
							{background-position: center top;}

							.one-programme a:hover .one-programme-in div
							{
							top: -2vw;
							left: -2vw;
							right: -2vw;
							bottom: -2vw;
							}

							.prog-people .one-programme a:hover .one-programme-in div
							{
							top: 0;
							left: 0;
							right: 0;
							bottom: 0;							
							}

					.one-programme h3
					{
					font-size: 18px;
					font-weight: 830;
					text-transform: uppercase;
					color: #000;
					transition: all .2s;
					position: absolute;
					padding-top: .3vw;
					/*padding-left: .6vw;*/
					left: 0;
					bottom: 0;
					right: 0;
					z-index: 10;
					background: #fff;
					}

							.prog-people .one-programme h3
							{
							position: relative;
							}


							.one-programme a:hover h3
							{
							left: 1vw;
							padding-left: .6vw;
							}

							.prog-people .one-programme a:hover h3
							{
							left: 0;
							padding-left: 0;
							}

.festival-in 	{
					display: table;
					width: 100%;
					height: 100%;
					}

					.one-programme h4.year-top
					{
					display: table-cell;
					vertical-align: middle;
					text-align: center;
					font-size: 7vw;
					color: #fff;
					text-shadow: 0 0 10px rgba(0,0,0,.5);
					font-weight: 700;
					position: relative;
					z-index: 10;
					}


.modal-in .person-pop-up
{font-size: 0;}

.modal-in .person-pop-up img
{
display: inline-block;
vertical-align: top;
width: 30%;
box-sizing: border-box;
padding-right: 15px;
}

.modal-in .person-text
{
display: inline-block;
vertical-align: top;
width: 70%;
}

.modal-in .person-text h3
{
font-size: 25px;
font-weight: 800;
margin-bottom: 10px;
}

.modal-in .person-text h3 span
{
display: block;
font-size: 18px;
color: #777;
margin-top: 3px;	
}

.modal-in .about-text
{
display: block;
font-size: 16px;
}

.about-text p+p
{margin-top: 10px;}

.all-films			{
					max-width: 90vw;
					position: relative;
					margin: 0 auto;
					font-size: 0;
					}

					.all-films h1,
					.all-films h2.specific-category
					{
					font-size: 3vw;
					font-weight: 830;
					text-transform: uppercase;
					margin-bottom: 10px;
					}			

					.all-films h2.sub-category
					{
					font-size: 2vw;
					font-weight: 830;
					margin: 1vw 0 1.5vw;
					text-transform: uppercase;
					}		

					p.no-content
					{
					font-size: 2vw;
					}

					.new-talks-in p.no-content
					{margin: 0 2vw;}

.all-films-wrap,
.all-films-side 	{
					display: inline-block;
					vertical-align: top;
					width: 85%;
					box-sizing: border-box;
					}

					.all-films-side .all-films-mobile
					{
					display: inline-block;
					width: 87%;
					margin-bottom: 35px;
					}

					.all-films-wide
					{
					display: block;
					width: auto;
					}

					.films-in
					{margin: 0 0 0 -2vw;}

					.one-programme-title 
					{
					display: inline-block;
					padding: 1vw 2vw 0 0;
					font-size: .9vw;
					color: #000;
					line-height: 150%;
					transition: all .2s;
					position: relative;
					background: #fff;
					z-index: 10;
					}

						.one-programme-title h2
						{
						font-size: 1.3vw;
						font-weight: 830;
						margin-bottom: .3vw;
						}

						.one-programme-title h4
						{font-weight: 500;}

						.one-programme-title h4.title-original
						{
						opacity: .5;
						font-size: 1vw;
						font-weight: 600;
						}

						.one-programme-title p
						{font-size: .75vw;}

						.one-programme-title .bigger p
						{font-size: 1vw;}

						.one-programme a:hover .one-programme-title
						{
						margin: -1.5vw 0 0 0;
						padding: 1vw 2vw 1.5vw 0;
						}



.all-films-side 	{
					width: 15%;
					padding: 0 0 5vw 0;
					text-align: right;
					}

					.all-films-side h2
					{
					font-size: 1vw;
					margin-bottom: .5vw;
					line-height: 1vw;
					text-transform: uppercase;
					}

					.all-films-side div
					{margin-bottom: .5vw;}

					.all-films-side a
					{
					font-size: .9vw;
					display: inline-block;
					font-weight: 800;
					color: #000;
					text-decoration: none;
					border-bottom: .1vw solid transparent;
					}

						.all-films-side a:hover,
						.all-films-side a.current
						{border-bottom-color: #000;}

						.all-films-side div + h2
						{margin-top: 2vw;}









.film-page 			{position: relative;}

					.film-data
					{
					margin-top: 3.5vw;
					font-size: 0;
					}

						.film-data-contain
						{
						max-width: 60vw;
					    margin: 3.5vw auto;
					    padding: 0 2vw;
					    font-size: 0;
					    box-sizing: border-box;
						}

						.film-info,
						.film-details
						{
						display: inline-block;
						width: 75%;
						box-sizing: border-box;
						vertical-align: top;
						}

						.article-page .film-info
						{
						width: 75%;
						padding: 0 100px 0 0;
						box-sizing: border-box;
						}

						.film-info
						{padding: 0 5vw 0 0;}

/*							.film-page .film-info
							{padding-left: 3vw;}
*/
							.talk-page .film-info
							{padding-left: 3vw;}

						.film-center
						{
						width: 80%;
						margin: auto;
						padding: 0;
						display: block;
						}

						.film-details
						{
						width: 25%;
						word-break: break-word;
						}


					.article-page .film-info h1,
					.article-page .film-info h2,
					.article-page .film-info h3,
					.film-data-contain h1
					{
					font-size: 3vw;
				    font-weight: 830;
				    line-height: 110%;	
				    margin-bottom: 1vw;
					}						

						.article-page .film-info h2
						{font-size: 2vw;}

						.article-page .film-info h3
						{font-size: 1.5vw;}

					.film-info p
					{
					font-size: 1.25vw;
					font-weight: 400;
					line-height: 155%;
					}

						.film-info p a
						{color: #da7000;}

						.film-info-bigger p
						{font-size: 1.1vw;}

						.film-info p + p
						{margin-top: 1vw;}

					.film-info h3
					{
					font-size: 2vw;
					margin-bottom: .75vw;
					}

						.film-info p+h3
						{margin-top: 3vw;}

						.team-page .one-programme h3
						{
						margin-bottom: 0;
						text-transform: unset;
						font-size: 25px;
						color: #000;
						}

						.team-page .one-programme h3 span
						{
						display: block;
						font-size: 18px;
						color: #777;
						margin-top: 3px;
						}

						.team-page .one-programme h3 b
						{
						display: block;
						font-size: 14px;
						color: #999;
						font-weight: 500;
						margin-top: 5px;
						}


						.trailer
						{margin: 3.5vw 0;}

						.trailer iframe
						{
						width: 100%;
						height: 25vw;
						}

						.trailer-hold
						{width: 89%;}

						.share
						{
						margin: 0 0 50px;
						font-size: 18px;
						line-height: 100%;
						}

						.share p
						{
						color: #999;
						margin-bottom: 7px;
						}

							.film-details .share p
							{
							font-size: 18px;
							font-weight: 700;
							}

						.share a
						{
						display: inline-block;
						text-transform: uppercase;
						font-weight: 700;
						font-size: 18px;
						color: #000;
						margin-bottom: 5px;
						text-decoration: none;
						padding-bottom: 3px;
						border-bottom: 3px solid transparent;
						}

							.share a:hover
							{border-color: #ccc;}

					.film-details h2
					{
					font-size: 2vw;
					font-weight: 700;
					margin-bottom: 10px;
					}			

					.film-details h3
					{
					font-size: 1.2vw;
					line-height: 150%;
					color: #999;
					}

					.film-details
					{
					font-size: 1.2vw;
					line-height: 150%;
					}

					.film-details p
					{
					font-size: 1vw;
					font-weight: 500;
					line-height: 150%;
					}

						.film-details p + p
						{margin-top: 10px;}

						.details-big p
						{font-size: 1.25vw;}

					a.view-online
					{
					display: block;
					font-size: 1vw;
					line-height: 100%;
					padding: 1.3vw 1.2vw;
					color: #fff;
					font-weight: 700;
					text-decoration: none;
					background: rgb(240,132,130);
					margin-bottom: 1vw;
					transition: all .2s;
					}

						a.buy-ticket
						{
						background: #8982f0;
						margin-bottom: 1vw;
						cursor: pointer;
						}

							a.buy-ticket.no-click
							{
							cursor: default;
							pointer-events: none;
							}

						a.shift-color
						{background: #df9f2f;}

						.detail a.view-online
						{color: #fff;}

						a.view-online:hover
						{padding: 1.3vw .4vw 1.3vw 2vw;}

						.film-info a.view-online
						{
						display: inline-block;
						margin-top: 2vw;
						}

						.film-info a.view-online-mobile
						{display: none;}

						.detail
						{margin-bottom: 1vw;}

						.detail a
						{
						color: #da7000;
						word-break: break-all;
						}

					.detail-menu
					{position: relative;}

						.detail-menu a
						{
						display: block;
					    padding-bottom: .2vw;
					    margin-bottom: 1vw;
					    font-size: 1.5vw;
					    font-weight: 700;
					    color: #000;
					    border-bottom: .2vw solid #fff;
					    text-decoration: none;					
						}

						.detail-menu a:hover
						{
						border-bottom-color: #ccc;
						}

						.detail-menu a.current
						{
						border-bottom-color: #000;
						}						





.image-credit 	{
					max-width: 60vw;
					margin: 10px auto;
					padding: 0 2vw;
					box-sizing: border-box;
					}

.article-page 	{
					max-width: 60vw;
					margin: 3.5vw auto;
					padding: 0 2vw;
					font-size: 0;
					box-sizing: border-box;
					text-align: center;
					}

					.article-page .film-info,
					.article-page .film-details
					{text-align: left;}

					.article-page h1
					{font-size: 3vw;}

					.article-page .film-center h1
					{margin-bottom: 1vw;}

					.article-description p
					{
					font-size: 1.25vw;
					line-height: 140%;
					text-align: left;
					}

						.desc-big p
						{font-size: 1.75vw;}

					.article-description + .article-text
					{margin-top: 2vw;}

					.article-text img
					{
					display: block;
					width: 100%;
					}

					.article-text p + img
					{margin: 2vw 0;}

					.article-text h2
					{font-size: 2vw;}

					.article-text h3
					{
					font-size: 1.5vw;
					color: #000;
					}

						.article-text p + h2,
						.article-text blockquote + h2
						{margin-top: 2vw;}

						.article-text div + h2
						{margin-top: 3vw;}

						.article-text p + h3,
						.article-text blockquote + h3
						{margin-top: 2vw;}

					.article-text p
					{
					min-height: 1.15vw;
					margin-bottom: 1vw;
					}

					.article-text ul
					{margin: 0 2vw;}

					.article-text li
					{
					font-size: 1.15vw;
				    font-weight: 400;
				    line-height: 180%;
					}

					.article-text iframe
					{
					width: 100%;
					height: 30vw;
					margin: 2vw 0;
					}



.passes 			{position: relative;}

					.single-pass
					{
					border: 20px solid #000;
					padding: 25px 35px 35px;
					box-sizing: border-box;
					margin-top: 50px;
					position: relative;
					}

					.single-pass h2,
					.single-pass h3
					{
					font-size: 5vw;
					font-weight: 900;
					margin-bottom: 20px;
					}

					.single-pass h2,
					.single-pass p
					{width: 60%;}

					.single-pass h3
					{
					font-size: 8vw;
					transform: rotate(5deg);
					position: absolute;
					top: 50px;
					right: 80px;
					color: #000
					}

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

					.single-pass p
					{font-size: 1.25vw;}

					.single-pass p strong
					{font-size: 2vw;}

					.single-pass a
					{
					display: block;
					background: #8982f0;
					padding: 30px;
					margin-top: 30px;
					color: #fff;
					text-decoration: none;
					font-size: 2vw;
					font-weight: 700;
					transition: all .15s;
					}

					.single-pass a:hover
					{padding-left: 50px;}









.donations		{position: relative;}

					.single-donation
					{
					border: 10px solid #000;
					padding: 25px 35px 35px;
					box-sizing: border-box;
					margin: 50px 0 70px 0;
					position: relative;
					border-radius: 20px;
					}

					.single-donation h2
					{
					font-size: 3vw;
					font-weight: 900;
					margin-bottom: 10px;
					}

					.single-donation p
					{font-size: 1.25vw;}

					.single-donation p strong
					{font-size: 2vw;}

					.single-donation a
					{
					display: block;
					background: #8982f0;
					padding: 30px;
					margin-top: 30px;
					color: #fff;
					text-decoration: none;
					font-size: 1.5vw;
					font-weight: 700;
					border-radius: 10px;
					transition: all .15s;
					}

					.single-donation a:hover
					{padding-left: 50px;}



























					.first 		{z-index: 100;}

					.hero,
					.daily,
					.container 	{
								position: relative;
								font-size: 0;
								}









									.half
									{position: relative;}

									.half-30,
									.half-40,
									.half-60,
									.half-70
									{
									display: inline-block;
									width: 40%;
									font-size: 12px;
									vertical-align: middle;
									box-sizing: border-box;
									}

									.half-30
									{width: 30%;}

									.half-70
									{
									width: 70%;
									padding-right: 100px;
									}

									.half-60
									{
									width: 60%;
									padding-right: 100px;
									}

									.half-top
									{vertical-align: top;}

										.round-links
										{
										text-align: right;
										margin-right: 50px;
										border-left: 1px solid rgba(255,255,255,.2);
										}

										.round-links a
										{
										display: block;
										font-size: 18px;
										color: #fff;
										text-decoration: none;
										}

										.round-links a+a
										{margin-top: 20px;}

										.round-links a span,
										.round-links a b
										{
										display: inline-block;
										vertical-align: middle;
										transition: all .2s;
										}

										.round-links a b
										{
										font-weight: 400;
										font-size: 12px;
										width: 25px;
										height: 25px;
										line-height: 25px;
										color: #151515;
										border: 2px solid #fff;
										margin-left: 10px;
										border-radius: 100%;
										text-align: center;
										transform: rotate(-60deg);
										}

										.round-links a:hover span
										{margin-right: 10px;}

										.round-links a:hover,
										.round-links a:hover b,
										.round-links a.clicked
										{
										border-color: yellow;
										color: yellow;
										transform: rotate(0deg);
										}

										.round-links a.clicked b
										{
										border-color: yellow;
										background: yellow;
										color: #000;
										transform: rotate(0deg);
										}

										.small-divider
										{
										display: block;
										height: 2px;
										width: 100px;
										background: #fff;
										margin: 20px 0;
										}

									.mid-page
									{
									margin: 100px 0 100px 145px;
									color: #fff;
									}

										.mid-page-padding
										{padding-right: 200px;}

										.mid-50
										{margin-right: 50px;}

									.mid-serif h2
									{
									font: italic 60px/120% 'Sorts Mill Goudy', serif;
									border-bottom: 2px solid #fff;
									padding-bottom: 7px;
									margin-bottom: 20px;
									}

									.mid-serif p
									{
									font: 23px 'Sorts Mill Goudy', serif;
									line-height: 150%;
									}

									.mid-sans h2
									{
									font-size: 27px;
									font-weight: 700;
									}

									.mid-sans p
									{
									font: 23px 'Sorts Mill Goudy', serif;
									}

									.mid-sans p:first-letter
									{
									float: left;
								    font-size: 73px;
								    line-height: 60px;
								    padding-top: 10px;
								    padding-right: 8px;
								    margin-bottom: -5px;
									}	

									.mid-full
									{
									margin: 50px 0 0 50px;
									color: #fff;
									}

									.mid-full h1
									{
									font-size: 50px;
									font-weight: 700;
									}

									.mid-full h3 p
									{
									font-size: 30px;
									color: #fff;
									margin-bottom: 30px;
									}

									.mid-full p
									{
									color: #999;
									font: 23px 'Sorts Mill Goudy', serif;
									}

									.mid-full blockquote p
									{
									border-left: 2px solid #ddd;
									color: #fff;
									margin: 50px 0;
									padding: 0 50px;
									}

									.mid-full img
									{
									width: 100%;
									display: block;
									margin: 20px 0 30px;
									}

.block 		{
			height: 5px;
			background: #fff;
			margin-bottom: 20px;
			}					

			.major-part
			{
			width: 70%;
			display: inline-block;
			}

			.major-menu
			{
			width: 30%;
			display: inline-block;
			text-align: right;
			vertical-align: top;
			margin-top: 25px;
			}

				.major-menu a
				{
				display: block;
				font-size: 21px;
				font-weight: 700;
				color: #fff;
				margin-bottom: 20px;
				text-decoration: none;
				}

				.major-menu a:hover,
				.major-menu a.current
				{text-decoration: underline;}

.major-text h1
{
color: #fff;
font-size: 70px;
font-weight: 700;
margin-bottom: 10px;
}					

.major-text p
{
font: italic 25px 'Sorts Mill Goudy', serif;	
color: #fff;
}			
			
			.button a
			{
			display: inline-block;
			font-size: 24px;
			font-weight: 700;
			padding: 20px 22px;
			margin: 50px 0;
			color: #000;
			background: #fff;
			text-decoration: none;
			}

			.button a:hover
			{background: yellow;}

.people 	{
			text-align: center;
			margin: 30px 0;
			}
		
			.person
			{
			width: 210px;
			display: inline-block;
			text-align: center;
			color: #fff;
			margin: 20px 0;
			}

			.person img
			{
			display: inline-block;
			width: 160px;
			height: 160px;
			border-radius: 100%;
			}

			.person h3
			{
			font-size: 16px;
			font-weight: 700;
			margin: 10px 0 3px; 
			}

			.person h4
			{font: italic 14px 'Sorts Mill Goudy', serif;}

.logos 		{
			margin-top: 1vw;
			font-size: 0;
			}

			.one-logo
			{
			display: inline-block;
			width: 20%;
			margin-bottom: 2.5vw;
			vertical-align: middle;
			}

			.row-2
			{
			width: 40%;
			margin-top: 2.5vw;
			}

			.row-3
			{
			width: 60%;
			margin-top: 3vw;
			}

			.logos a
			{
			display: block;
			text-align: center;
			background: #fff;
			white-space: nowrap;
			box-sizing: border-box;
			vertical-align: middle;
			margin: 1vw;
			position: relative;
			transition: all .2s;
			}

				.logos a:hover
				{background: rgba(255,255,255,.7);}

			.logos a img
			{
			width: 80%;
			display: inline-block;
			vertical-align: middle;
			}

			.logos span
			{
		    display: inline-block;
		    height: 100%;
		    vertical-align: middle;
			}

			.logos p
			{
			text-align: center;
			font-size: 16px;
			line-height: 120%;
			margin: 0 1vw;
			color: #777;
			}

.page-bar
{
color: #fff;
line-height: 100%;
font-size: 25px;
font-weight: 700;
padding: 20px 0;
margin-left: 145px;
text-transform: capitalize;
}

	.page-bar a
	{
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	}

								.page-bar a.link-rite
								{float: right;}

								.page-bar a:hover
								{text-decoration: underline;}

								.bar
								{
							    display: block;
							    position: absolute;
							    padding: 15px 0 15px;
							    top: 3px;
							    left: 145px;
							    right: 0;
							    text-decoration: none;
							    font-size: 15px;
							    font-weight: 400;
							    z-index: 100;
							    transition: all .2s;
								}

									.bar-copy
									{
									display: none;
									color: #000;
									}

									.bar p
									{
									display: inline-block;
									color: #fff;
									transition: all .2s;
									}

									.bar:hover
									{
									left: 135px;
									top: 5px;
									right: -10px;
									height: auto;
									line-height: 150%;
									padding: 30px 20px 30px 30px;
									background: yellow;
									color: #000;
									border-bottom: 5px solid #151515;
									}

										.bar:hover .bar-copy
										{display: block;}

										.bar:hover p
										{display: none;}

										.bar h2
										{font-weight: 700;}

									.bar:hover p
									{
									font-size: 21px;
									color: #000;
									}

								.bar span
								{
								width: 10px;
								height: 10px;
								line-height: 10px;
								font-size: 0px;
								margin-top: -5px;
								right: 25px;
								border-radius: 100%;
								text-align: center;
								text-decoration: none;
								background: yellow;
								color: #000;
								position: absolute;
								top: 50%;
								transition: all .2s;
								box-sizing: border-box;
								}

									.bar:hover span
									{
									width: 70px;
									height: 70px;
									line-height: 67px;
									font-size: 30px;
									margin-top: -35px;
									right: 30px;
									background: #000;
									}

									.bar:hover span
									{color: yellow;}

									.bar span:hover
									{padding-left: 10px;}

								.hero
								{min-height: 600px;}

								.hero-home
								{padding-top: 50px;}

								.hero-in
								{position: relative;}

									.hero-home .hero-in
									{
									border-top: 5px solid #000;
									margin-top: 2px;
									}

								.cover
								{
								position: absolute;
								top: 0;
								left: 0;
								right: 0;
								bottom: 0;
								background: rgba(0,0,0,.35);
								}

									.long-article .cover
									{background: rgba(0,0,0,.6);}

									.cover-dark
									{background: rgba(0,0,0,.5);}

								.static
								{
								position: absolute;
								top: 0;
								left: 0;
								right: 0;
								bottom: 0;
								opacity: .05;
								transition: all 2s;
								background: url(../images/static.gif);
								}


								.events
								{position: relative;}

									.round
									{
									width: 500px;
									height: 500px;
									border-radius: 100%;
									background-size: cover;
									background-repeat: no-repeat;
									background-position: center;
									margin: 150px auto;
									position: relative;
									}

									.shadow
									{
									position: absolute;
									top: -10px;
									left: -10px;
									right: -10px;
									bottom: -10px;
									border-radius: 100%;
									box-shadow: inset 0 0 70px 100px #151515;
									}

									.round a
									{
									display: block;
									width: 300px;
									height: 300px;
									border-radius: 100%;
									text-decoration: none;
									border: 3px solid #fff;
									text-align: center;
									color: #fff;
									font: italic 30px 'Sorts Mill Goudy', serif;
									line-height: 300px;
									position: absolute;
									background: rgba(0,0,0,.5);
									top: 50%;
									left: 50%;
									margin: -153px 0 0 -153px;
									z-index: 10;
									overflow: hidden;
									transition: all .2s;
									}

										.round a:hover
										{
										background: rgba(0,0,0,.7);
										}

.nights
{
position: relative;
margin: 4px 0;
}										

			.night-head			{
								padding: 30px;
								background-size: cover;
								background-repeat: no-repeat;
								background-position: center;
								position: relative;
								border-top: 2px solid #fff;
								}

								.night-head h2
								{
								width: 540px;
								display: inline-block;
								font-size: 55px;
								font-weight: 700;
								letter-spacing: -2px;
								word-spacing: 5px;
								text-transform: uppercase;
								border: 2px solid #fff;
								background: #000;
								color: #fff;
								padding: 2px 12px 2px 10px;
								box-sizing: border-box;
								position: relative;
								z-index: 10;
								}

			.night-text 		{
								margin: -30px 200px 0 300px;
								font-size: 14px;
								color: #fff;
								border-left: 2px solid #fff;
								padding: 80px 0 0 20px;
								position: relative;
								z-index: 20;
								}

								.night-text h3
								{
								float: left;
								width: 160px;
								font-size: 12px;
								font-weight: 700;
								margin-left: -190px;
								text-align: right;
								}

								.night-desc
								{margin-bottom: 50px;}

								.night-desc h2
								{
								font-weight: 700;
								font-size: 30px;
								line-height: 110%;
								margin: -2px 0 7px;
								letter-spacing: -1px;
								}

								.night-desc p
								{
								font-size: 14px;
								color: rgba(255,255,255,.7);
								}

								.daily-in
								{
								display: table;
								width: 100%;
								height: 100%;
								}

								.daily-center
								{
								display: table-cell;
								position: relative;
								width: 100%;
								height: 100%;
								text-align: center;
								vertical-align: middle;
								z-index: 10;
								}

									.daily-block
									{
									display: inline-block;
									padding: 25px 30px 30px;
									background: #000;
									}

									.daily-center h1,
									.daily-center h3
									{
									font-size: 50px;
									font-weight: 700;
									color: #fff;
									text-shadow: 0 0 20px #000;
									}

									.daily-center h3
									{font-size: 20px;}

.article 			{
					margin: -200px 200px 50px 100px;
					color: #fff;
					background: rgba(0,0,0,.7);
					position: relative;
					z-index: 10;
					}

						.long-article .article
						{
						display: inline-block;
						width: 60%;
						box-sizing: border-box;
						margin: 0;
						padding: 45px 50px 50px;
						vertical-align: top;
						}

					.article-hold .article
					{margin: 0;}

					.article-image
					{position: relative;}

						.long-article .article-image
						{
						display: inline-block;
						width: 40%;
						height: 600px;
						background-size: cover;
						background-repeat: no-repeat;
						background-position: center;
						box-sizing: border-box;
						border: 15px solid yellow;
						margin-top: 10px;
						}

							.article-long-image
							{
							display: table;
							width: 100%;
							height: 100%;
							}

						.article-hold .article-image
						{padding: 15px;}

						.article-film .article-image
						{padding: 5px;}

					.article-image img
					{
					width: 100%;
					display: block;
					}

					.article-title
					{
					padding: 38px 40px 50px;
					border-top: 10px solid #fff;
					border-bottom: 2px solid #fff;
					margin-bottom: 0;
					}

						.long-article .article-title
						{
						padding: 0;
						border: 0;
						}

						.article-hold .article-title
						{
						margin: 0 40px;
						padding: 50px 40px 70px;
						}

						.article-film .article-title
						{padding: 20px;}

						.article-hold .article-title-film
						{
						background: #fff;
						padding-bottom: 50px;
						margin: 0;
						}

							.article-film .article-title-film
							{padding-bottom: 35px;}

					.article-title h1
					{
					font-size: 50px;
					color: #fff;
					font-weight: 700;
					margin-bottom: 20px;
					}	

						.article-film .article-title h1
						{
						font-size: 30px;
						margin-bottom: 15px;
						}

					.article-title h2
					{
					font: italic 25px/120% 'Sorts Mill Goudy', serif;
					margin-bottom: 30px;
					color: #fff;
					}								

					.article-title h4
					{
					color: #fff;
					font-size: 14px;
					}

						.article-title-film h1,
						.article-title-film h3,
						.article-title-film p
						{color: #000;}

						.article-image h4
						{
						display: inline-block;
						line-height: 100%;
						padding: 15px;
						background: #fff;
						color: #000;
						font-size: 21px;
						font-weight: 700;
						position: absolute;
						bottom: 10px;
						left: 10px;
						border: 5px solid #000;
						}

						.article-title-film h3
						{
						font-size: 25px;
						font-weight: 700;
						margin-bottom: 25px;
						}

							.article-film .article-title-film h3
							{
							font-size: 18px;
							margin-bottom: 5px;
							}

						.article-title-film p
						{font-size: 21px;}

							.article-film .article-title-film p
							{font-size: 15px;}

					.article-content
					{
					padding: 40px;
					color: #fff;
					font-size: 16px;
					font-weight: 600;
					line-height: 140%;
					}

						.no-pad
						{padding: 0;}

					.article-content a
					{color: yellow;}

						.article-hold .article-content
						{margin: 40px;}

							.article-film .article-content
							{
							padding: 30px;
							margin: 0;
							}

					.article-content p+p
					{margin-top: 30px;}

					.article blockquote
					{
					font: italic 35px 'Sorts Mill Goudy', serif;
					margin: 50px 0 50px 50px;
					border-left: 2px solid #fff;
					padding: 0 30px;
					}

					.article-content h2
					{
					font-size: 27px;
					font-weight: 700;
					margin-bottom: 15px;
					}

					.article-content h3
					{
					font-size: 21px;
					font-weight: 700;
					margin-bottom: 13px;
					}

					.article-content p+h2,
					.article-content p+h3
					{margin-top: 30px;}

					.article-content ul
					{
					margin: 30px 20px;
					}

.article-back 		{
					background: rgba(0,0,0,.8);
					padding: 50px 20px;
					position: fixed;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					z-index: 1000;
					display: none;
					overflow-y: scroll;
					}

					.article-hold
					{
					max-width: 800px;
					margin: auto;
					background: #000;
					border: 15px solid #fff;
					position: relative;
					}			

						.article-film
						{max-width: 450px;}

						.article-hold-in
						{min-height: 300px;}

						.article-hold-in .loader
						{margin: 30px;}

					.article-hold .container
					{
					padding: 0;
					margin: 0;
					}		



								.films
								{
								padding: 150px 0;
								text-align: center;
								position: relative;
								}

								.films h2
								{
								font: italic 70px 'Sorts Mill Goudy', serif;
								color: #fff;
								}

								.films h3
								{
								color: #fff;
								font-size: 18px;
								}

								.films a
								{
								display: inline-block;
								border-radius: 100%;
								width: 170px;
								height: 170px;
								line-height: 170px;
								text-align: center;
								background: yellow;
								color: #000;
								text-decoration: none;
								text-transform: uppercase;
								font-size: 16px;
								font-weight: 700;
								margin-top: 30px;
								position: relative;
								}

									.films a span
									{
									display: block;
									height: 30px;
									line-height: 30px;
									position: absolute;
									top: 50%;
									opacity: 0;
									font-size: 15px;
									right: -100px;
									margin-top: -15px;
									transition: all .3s;
									}

									.films a:hover span
									{right: 23px;opacity: 1;}

								.hero-block
								{
								position: absolute;
								width: 500px;
								top: 50px;
								right: 30px;
								bottom: 50px;
								z-index: 10;
								background: rgba(0,0,0,.75);
								opacity: 0;
								transition: all .2s;
								}

									.hero-block-show
									{right: 50px;opacity: 1;}

								.hero-copy
								{
								position: absolute;
								top: 110px;
								left: 100px;
								right: 120px;
								color: #fff;
								z-index: 20;
								opacity: 0;
								transition: all .5s;
								}

								.hero-text h1
								{
								font-size: 39px;
								font-weight: 700;
								line-height: 110%;
								letter-spacing: -1px;
								margin-bottom: 10px;
								}

								.hero-text h1 a
								{
								color: #fff;
								text-decoration: none;
								transition: all .15s;
								}

								.hero-text h1:hover a
								{opacity: .8;}

								.hero-text
								{
								position: absolute;
								top: 100px;
								right: 120px;
								width: 400px;
								z-index: 20;
								color: #fff;
								opacity: 0;
								transition: all .5s;
								}

									.hero-text-show
									{right: 100px; opacity: 1;}

								.hero-text-in
								{
								border-top: 3px solid #fff;
								padding-top: 2px;
								margin-top: 30px;
								}

								.hero-text span
								{
								display: block;
								font-weight: 700;
								text-transform: uppercase;
								font-size: 12px;
								margin-bottom: 20px;
								}

								.hero-text p
								{
								font-size: 14px;
								line-height: 170%;
								color: #fff;
								}

/*								.hero-text a
								{
								color: #fff;
								font-size: 12px;
								}

								.hero-text a:hover {color: yellow;}
*/
								a.hero-more
								{
								display: inline-block;
								text-decoration: none;
								color: #000;
								background: yellow;
								line-height: 100%;
								font-size: 14px;
								padding: 10px 12px;
								font-weight: 600;
								margin: 30px 0 15px;
								}

								a.hero-more b
								{
								display: inline-block;
								margin-left: 10px;
								transition: all .2s;
								}

								.hero-text a.hero-more:hover b
								{margin-left: 15px;}

								p.hero-date
								{
								position: absolute;
								bottom: 20px;
								left: 20px;
								color: #fff;
								font-size: 16px;
								font-weight: 300;
								color: rgba(255,255,255,.5);
								z-index: 20;
								}


					.hero img 	{
								width: 100%;
								display: block;
					/*			image-rendering: pixelated;
								filter: grayscale(100%);*/
								}

.long 							{
								position: absolute;
								top: 0;
								bottom: 0;
								left: 0;
								right: 0;
								background-size: cover;
								background-repeat: no-repeat;
								background-position: center;
								background-attachment: fixed;
								transition: all .3s;}			

					.festival 	{
								padding: 150px 0 210px;
								color: #fff;
								font-size: 0;
								z-index: 500;
								position: relative;
								}

								.fest-h
								{position: relative;}

								.fest-more-hold
								{
								width: 200px;
								height: 200px;
								position: absolute;
								top: 50%;
								right: 0;
								margin-top: -80px;
								}

								.fest-more
								{
								width: 200px;
								height: 200px;
								line-height: 200px;
								font-weight: 100;
								border-radius: 100%;
								text-align: center;
								text-decoration: none;
								position: absolute;
								color: #fff;
								background: #000;
								font-size: 50px;
								top: 50%;
								right: 0;
								margin-top: -100px;
								transition: all .1s ease-in;
								box-sizing: border-box;
								}

								.fest-more-hold:hover .fest-more
								{
								width: 170px;
								height: 170px;
								font-size: 35px;
								line-height: 175px;
								margin-top: -85px;
								padding-left: 5px;
								color: yellow;
								}


								.festival h2
								{
								font-size: 100px;
								font-weight: 700;
								}

								.festival h3
								{
								font-size: 30px;
								margin-bottom: 50px;
								}

								.festival h4
								{
								display: block;
								font-size: 21px;
								vertical-align: top;
								box-sizing: border-box;
								padding-left: 5px;
								}

								.festival a
								{color: #fff;}

					.festival-menu
								{
								background: yellow;
								position: absolute;
								bottom: 0;
								left: 0;
								right: 0;
								font-size: 0;
								z-index: 1;
								font-size: 0;
								border-top: 5px solid yellow;
								border-bottom: 5px solid yellow;
								}

									.festival-menu a
									{
									display: inline-block;
									padding: 15px 15px;
									font-size: 18px;
									font-weight: 700;
									color: #000;
									text-decoration: none;
									text-decoration: none;
									}

									.festival-menu a:hover
									{
									background: #000;
									color: #fff;
									}



/* Floats */
.floats 			{
					margin: 20px -20px;
					font-size: 0;
					}

					.float-hold	{
								display: inline-block;
								padding: 20px;
								box-sizing: border-box;
								}

								.f-33
								{width: 33.33%}

					.float 		{
								height: 200px;
								background-size: cover;
								background-repeat: no-repeat;
								background-position: center;	
								text-align: center;
								line-height: 200px;
								font-size: 20px;					
								}

								.float a
								{color: #fff;}

.features 						{
								width: 100%;
								height: 500px;
								display: table;
								color: #fff;
								background-size: cover;
								background-repeat: no-repeat;
								background-position: center;	
								position: relative;
								}

								.links 
								{
								height: auto;
								border: 10px solid #fff;
								}

								.film-links
								{
								position: relative;
								z-index: 10;
								}

								.links a,
								.links h2
								{
								display: block;
								font-size: 30px;
								padding: 20px;
								color: #fff;
								text-decoration: none;
								font-weight: 700;
								border-bottom: 10px solid #fff;
								transition: all .15s;
								position: relative;
								}

									.links a:hover
									{
									background: rgba(255,255,255,.2);
									padding-left: 30px;
									}

									.links a span,
									.single-article span.arrow
									{
									display: block;
									width: 70px;
									height: 70px;
									line-height: 70px;
									text-align: center;
									color: #fff;
									font-size: 21px;
									font-weight: 700;
									border-radius: 100%;
									border: 10px solid transparent;
									position: absolute;
									top: 50%;
									right: 10px;
									margin-top: -45px;
									transition: all .1s;
									z-index: 10;
									}

										.links a:hover span,
										.single-article:hover span.arrow
										{
										width: 130px;
										height: 130px;
										right: 10px;
										font-size: 35px;
										background: yellow;
										color: #000;
										border-color: #fff;
										line-height: 130px;
										margin-top: -75px;
										}

										.single-article:hover span.arrow
										{right: 30px;}										

									.links h2
									{
									font-size: 50px;
									text-transform: uppercase;
									text-align: justify;
									}

								.links div a:last-child
								{border: none;}

								.features-text
								{
								display: table-cell;
								width: 100%;
								height: 100%;
								vertical-align: middle;
								text-align: center;
								position: relative;
								z-index: 50;
								}

								.features-text h3
								{
								font-size: 15px;
								letter-spacing: 10px;
								padding-left: 10px;
								margin-bottom: 10px;
								text-transform: uppercase;
								}

								.features-text h2
								{
								font-size: 50px;
								font-weight: 700;
								}

								.features-text span
								{
								display: block;
								margin: 5px auto 30px;
								font-size: 20px;
								color: #fff;
								}

								.features-text a,
								.daily-center a
								{
								display: inline-block;
								background: yellow;
								color: #000;
								padding: 15px 30px;
								line-height: 100%;
								font-size: 16px;
								margin-top: 20px;
								text-decoration: none;
								transition: all .2s;
								}

								.daily-center a
								{display: block;}

								.daily-center a:hover
								{background: #fff;}

								.features-text a:hover
								{
								padding-left: 60px;
								padding-right: 20px;
								margin-left: 20px;
								}

								.features img
								{
								width: 100%;
								display: block;
								}

								.film-grain
								{
								position: absolute;
								top: 0;
								left: 0;
								right: 0;
								bottom: 0;
								opacity: .1;
								transition: all 2s;
								background-image: url(../images/film-grain.gif);
								background-size: cover;
								}

/* Film filters, drop-downs */
.films-page			{
					position: relative;
					z-index: 1000;
					}

.filters 			{
					margin: 20px 0 0;
					position: relative;
					}

					.filters-line
					{
					position: absolute;
					left: 0;
					right: 0;
					height: 2px;
					background: #fff;
					top: 50%;
					margin-top: -1px;
					}

.filter 			{
					display: inline-block;
					margin-right: 20px;
					position: relative;
					z-index: 20;
					}

.filter-in
{
display: flex;
flex-wrap: wrap;
margin-bottom: 100px;

}

.filter span,
.filter-in a		{
					display: block;
					border: 5px solid #fff;
					padding: 10px 70px 10px 12px;
					font-size: 21px;
					color: #fff;
					font-weight: 700;
					position: relative;
					cursor: pointer;
					background: rgba(255,255,255,.1);
					}		

						.filter span.full
						{
						background: #fff;
						color: #000;
						}

					.filter-in p
					{
					font-size: 18px;
    				margin: 10px 60px 0 0;
					}

					.filter-in a
					{
					display: inline-block;
					width: 50%;
					color: #fff;
					font-size: 30px;
					padding: 27px 70px 28px 30px;
					box-sizing: border-box;
					margin-bottom: -5px;
					margin-right: -5px;
					transition: all .15s;
					}

						.filter-in a.prog-cats
						{
						background: rgba(255,255,255,.1);
						text-decoration: none;
						}

						.filter-in a:hover
						{
						background: yellow;
						color: #000;
						padding-left: 40px;
						}

						.filter-in a span
						{
						display: block;
						position: absolute;
						height: 30px;
						line-height: 30px;
						top: 50%;
						right: 50px;
						margin-top: -15px;
						color: #000;
						opacity: 0;
						transition: all .15s;
						}

						.filter-in a:hover span
						{right: 30px;opacity: 1;}

					.filter span:hover,
					.filter-clicked span	
					{
					background: #fff;
					color: #000;
					}

						.all-filters
						{
						display: none;
						position: absolute;
						left: 0;
						right: 0;
						}

						.filter-clicked .all-filters
						{display: block;}

						.all-filters span
						{
						background: yellow;
						font-size: 16px;
						margin-top: -5px;
						padding: 10px 15px 10px 12px;
						color: #000;
						}

							.all-filters span:hover
							{
							background: #000;
							color: yellow;
							}

							.all-filters span em
							{
							display: block;
							float: right;
							font-style: normal;
							}

						.filter span.full:hover
						{
						background: yellow;
						border-color: yellow;
						}

						.filters span b
						{
						display: block;
						position: absolute;
						top: 12px;
					    right: 12px;
					    font-size: 20px;
					    transition: all .15s;
						}

						.filter span.films:hover b
						{
						top: 7px;
						right: 7px;
						}

						.filter span.days:hover b
						{top: 15px;}

					.filters .filter:nth-child(2) span
					{margin: 0;}

					.filter-wrap
					{
					position: fixed;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background: #000;
					z-index: 1000;
					overflow-y: scroll;
					display: none;
					}

						.filter-wrap .container
						{margin-right: 145px;}

						.filter-wrap h2
						{
						font-size: 50px;
						font-weight: 700;
						color: #fff;
						margin: 35px 35px 38px 32px;
						}

						.x-close
						{
						position: absolute;
						top: -30px;
						right: -30px;
						color: #fff;
						background: #000;
						width: 55px;
						height: 55px;
						font-size: 30px;
						font-weight: 700;
						line-height: 55px;
						text-align: center;
						cursor: pointer;
						border: 5px solid #fff;
						z-index: 10;
						}

					h2.current-filter
					{
					font-size: 21px;
					font-weight: 700;
					color: #fff;
					margin-top: 20px;
					}

						h2.filter-size
						{
						font-size: 50px;
						margin: 35px 35px 38px 32px;
						}

						h2.filter-big
						{
						display: inline-block;
						text-transform: uppercase;
						letter-spacing: 5px;
						padding-right: 10px;
						font-size: 30px;
						background: #151515;
						position: relative;
						margin: 0;
						z-index: 10;
						}

							h2.filter-cinema
							{width: 110px;}

						h2.current-filter a
						{color: #fff;}

						h2.current-filter a:hover
						{opacity: .7;}

.all-cinema 		{margin: 0 -15px 0 105px;}		

					.all-cinema + .all-cinema
					{
					margin-top: 50px;
					border-top: 5px solid #fff;
					padding-top: 40px;
					}

					.cinema-films 	{
									display: inline-block;
									width: 85%;
									vertical-align: top;
									}

					.cinema 		{
									width: 20%;
									display: inline-block;
									vertical-align: top;
									padding: 15px;
									box-sizing: border-box;
									}

									h2.cinema
									{
									width: 15%;
									color: #fff;
									font-size: 45px;
									padding-top: 23px;
									font-weight: 700;
									}

									.cinema h3
									{
									font-size: 14px;
									font-weight: 700;
									margin-bottom: 5px;
									color: #fff;
									}

									.cinema a
									{
									display: block;
									margin-bottom: 3px;
									padding: 7px 20px 7px 8px;
									font-size: 12px;
									font-weight: 700;
									background: #fff;
									color: #000;
									cursor: pointer;
									position: relative;
									}		

										.all-cinema .cinema:nth-child(2n+1) .all-films a:nth-child(2n+2),
										.all-cinema .cinema:nth-child(2n+2) .all-films a:nth-child(2n+1)
										{background: rgba(255,255,255,.8);}

										.all-cinema .cinema:nth-child(2n+1) .all-films a:nth-child(2n+2):hover,
										.all-cinema .cinema:nth-child(2n+2) .all-films a:nth-child(2n+1):hover,
										.cinema a:hover
										{background: yellow;}	

										.category-description
										{
										font-size: 16px;
										margin-bottom: 30px;
										}	

										.cinema a b
										{
										position: absolute;
										display: block;
										color: #000;
										font-size: 12px;
										top: 8px;
										right: 8px;
										transition: all .1s;
										opacity: 0;
										}

										.cinema a:hover b
										{
										top: 5px;
										right: 5px;
										opacity: 1;
										}

					.diagonal-line
					{
					height: 1px;
					width: 100px;
					background: #fff;
					transform: rotate(-45deg);
					position: absolute;
					margin-left: -50px;
					left: 0;
					bottom: 0;
					z-index: 10;
					transition: all 3s;
					}

						.single-article-in:hover .diagonal-line
						{
						width: 1300px;
						margin-left: -650px;
						transition: all 1s;
						}




						.wide-articles
						{
						margin-top: 20px;
						border: 10px solid #fff;
						}

						.wide-articles .single-article
						{
						width: auto;
						display: block;
						padding: 0;
						border-bottom: 10px solid #fff;
						overflow: hidden;
						}

							.wide-articles .single-article:last-child
							{border: none;}

						.single-25
						{width: 25%;}

						.single-50
						{width: 50%;}

						.single-66
						{width: 66.66%;}

						.single-100
						{width: 100%;}

						.single-float
						{float: left;}

						.single-article-in
						{
						display: block;
						cursor: pointer;
						color: #fff;
						text-decoration: none;
						position: relative;
						}

							.latest .single-article-in
							{
							border-top: 5px solid #fff;
    						padding-top: 5px;
							}

							.latest:hover .single-article-in
							{border-top-color: yellow;}

							.wide-articles .single-article-in
							{box-sizing: border-box;}

							.article-number
							{
							display: table-cell;
							width: 100%;
							height: 100%;
							font-size: 200px;
							text-align: center;
							vertical-align: middle;
							font-weight: 700;
							color: #fff;
							position: relative;
							z-index: 10;
							transition: all .1s;
							}

								.long-article .article-number
								{font-size: 370px;}

								.single-article-in:hover .article-number
								{font-size: 70px;}

							.single-table .single-article-in
							{
							display: table;
							width: 100%;
							height: 400px;
							overflow: hidden;
							border: 10px solid #fff;
							box-sizing: border-box;
							transition: all .2s;
							}

								.single-table-350 .single-article-in
								{height: 350px;}

							.single-table .single-article-in:hover
							{border-width: 20px;}

							.single-film .single-article-in
							{
							border: 5px solid #fff;
							color: #000;
							}

						.single-film .single-article-in:hover
						{border-color: yellow;}

						.single-article-image
						{
						position: relative;
						background: #000;
						}

							.single-table .single-article-image,
							.wide-articles .single-article-image
							{
							position: absolute;
							top: 0;
							left: 0;
							right: 0;
							bottom: 0;
							background-size: cover;
							background-repeat: no-repeat;
							background-position: center;
							transition: all .25s;
							}

							.single-table .single-article-in:hover .single-article-image,
							.wide-articles .single-article:hover .single-article-image
							{
							top: -40px;
							left: -40px;
							bottom: -40px;
							right: -40px;
							}

							.single-film .single-article-image
							{
							margin: 5px;
							height: 200px;
							background-size: cover;
							background-repeat: no-repeat;
							background-position: center;							
							}

							.single-film .dokudaily-image
							{height: auto;}

							.single-article-image span
							{
							display: block;
							position: absolute;
							top: 4px;
							right: 4px;
							background: #fff;
							font-size: 12px;
							font-weight: 700;
							line-height: 100%;
							padding: 5px 7px 5px 9px;
							border: 4px solid #000;
							}

								.single-article-in:hover .single-article-image span
								{background: yellow;}

						.single-article-image img
						{
						width: 100%;
						display: block;
						}

							.latest .single-article-title
							{
							background: #fff;
							padding: 15px 16px;
							transition: all .15s;
							}

								.latest:hover .single-article-title
								{background: yellow;}

							.wide-articles .single-article-title
							{
							position: relative;
							z-index: 10;
							padding: 30px 200px 30px 37px;
							}

						.single-film .single-article-title
						{
						padding: 19px 15px 15px;
						background: #fff;
						}

							.single-film .single-article-in:hover .single-article-title
							{background: yellow;}

.pagination
{
margin: 5vw 0;
text-align: center;
}						
						
							.pagination a,
							.pagination strong
							{
							display: inline-block;
							padding: 1vw 1.5vw;
							margin: 0 2px;
							font-size: 1.5vw;
							font-weight: 700;
							background: rgba(165,215,213,.3);
							color: #000;
							text-decoration: none;
							}	

							.pagination a:hover
							{
							color: #fff;
							background: rgba(165,215,213,1);
							}

							.pagination strong
							{
							color: #fff;
							background: rgb(240,132,130);
							}

							.single-table .single-article-title
							{
							display: table-cell;
							width: 100%;
							height: 100%;
							vertical-align: middle;
							text-align: center;
							padding: 30px;
							background: rgba(0,0,0,.5);
							position: relative;
							transition: all .2s;
							z-index: 10;
							}

							.single-table .single-article-in:hover .single-article-title
							{background: rgb(0,0,0,.75);}

						.single-article-title h3,
						.single-article-title h4
						{
						font-size: 18px;
						font-weight: 700;
						}

							.latest .single-article-title h3
							{color: #000;}

							.wide-articles .single-article-title h3
							{font-size: 50px;}

							.single-float .single-article-title h3
							{font-size: 50px;}

							.single-table h3
							{font-size: 35px;}

							.single-table h3.single-title
							{
							position: absolute;
							top: 8px;
							left: 10px;
							color: #fff;
							font-size: 16px;
							font-weight: 700;
							z-index: 10;
							}							

							.single-article-title h4
							{
							font-size: 13px;
							margin: 6px 0 8px;
							}

								.wide-articles .single-article-title h4
								{
								font-size: 18px;
								margin-top: 33px;
								background: #fff;
							    font-size: 18px;
							    margin-top: 33px;
							    line-height: 100%;
							    display: inline-block;
							    padding: 8px 8px 6px;
							    color: #000;
								}

								.single-float .single-article-title
								{padding-right: 0;}

							.single-article-title p
							{font-size: 12px;}

								.wide-articles .single-article-title p
								{
								width: 70%;
								font-size: 18px;
								font-weight: 600;
								margin-top: 12px;
								}

.footer 			{
					position: relative;
					margin: 10vw 0 5vw;
					}

					.bottom-logo
					{
					width: 200px;
					display: block;
					position: absolute;
					right: 0;
					bottom: 0;
					}

							.footer .container
							{
							max-width: 90vw;
							margin: auto;
							}

					.footer-block
					{
					width: 20%;
					display: inline-block;
					vertical-align: top;
					}

							.footer-block-wide
							{width: 35%;}

							.footer-block-small
							{
							width: 5%;
							text-align: right;
							}

							.footer-block a
							{
							display: block;
							font-size: 13px;
							margin-bottom: .5vw;
							color: #000;
							text-decoration: none;
							}

							.footer-block a:hover
							{
							text-decoration: underline;
							}

					.square
					{
					display: inline-block;
					font-size: 2vw;
					margin-top: 70px;
					cursor: pointer;
					}

					.footer-symbol
					{
					font-size: 2vw;
					display: block;
					text-align: center;
					color: #000;
					margin: 3vw auto;
					}

					.footer .half-70,
					.footer .half-30
					{
					display: inline-block;
					vertical-align: top;
					}

					.footer .half-70
					{width: 70%;}


					.footer .half-30
					{
					width: 30%;
					vertical-align: top;
					text-align: right;
					}

					.footer h3
					{
					display: inline-block;
					text-transform: uppercase;
					font-size: 13px;
					font-weight: 600;
					margin-bottom: 10px;
					}

					.footer .half-30 a
					{
					display: block;
					color: #000;
					font-size: .7vw;
					margin-bottom: 7px;
					text-decoration: none;
					}

					.footer .half-30 a:hover
					{text-decoration: underline;}

					.half-30 .footer-pages a
					{
					font-size: 18px;
					line-height: 150%;
					margin-bottom: 5px;
					text-transform: uppercase;
					}

					.f-link
					{
					display: inline-block;
					color: #fff;
					background: #000;
					text-decoration: none;
					margin-top: 20px;
					font-size: 16px;
					line-height: 100%;
					padding: 15px 20px;
					}

					.f-link span
					{
					display: inline-block;
					margin-left: 10px;
					transition: all .2s;
					}

					.f-link:hover span
					{margin: 0 5px 0 20px;}

					.footer-division
					{height: 70px;}

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

					.footer-small p
					{
					line-height: 150%;
					}

						.footer-small p + p
						{margin-top: 1vw;}

					.footer-small a
					{
					display: inline-block;
					text-decoration: none;
					margin-right: .7vw;
					color: #000;
					}

					.footer-small a:hover
					{text-decoration: underline;}

.footer-block .back-top
					{
					display: inline-block;
				    width: 3vw;
				    height: 3vw;
				    line-height: 3vw;
				    font-size: 1.2vw;
				    border-radius: 100%;
				    text-align: center;
				    box-sizing: border-box;
				    color: #fff;
				    background: #000;
				    color: #fff;
				    cursor: pointer;
				    transition: all .2s;
					}

					.footer-block .back-top:hover
					{
					line-height: 2.5vw;
					text-decoration: none;
					}

.bring-top-20 		{margin-top: -20px;}




/* TABLE SCHEDULE, July 2022 */

/*.schedule-wrap
{
background: #312e81;
padding: 20px 20px 20px 0;
border-radius: 5px;
}
*/
	.schedule-wrap h2
	{
	font-size: 21px;
	margin: 0 20px 20px 0;
	}

/*	.schedule-in
	{
	display: inline-block;
	padding: 20px;
	}*/

	.schedule-day
	{
	background: #fff;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	}

	.schedule-wrap svg
	{width: 30px;}

/*	.schedule-night svg
	{color: #fff;}*/

	.schedule-night
	{margin-top: 50px;}

.table-schedule
{
width: 100%;
text-align: left;
border-spacing: 0;
padding: 0;
}

	.table-schedule th,
	.table-schedule td
	{
	width: 200px;
	font-size: 15px;
	box-sizing: border-box;
	vertical-align: top;
	}

		.schedule-day td:not(td.day-slot)
		{background: #fff;}

		.table-schedule th
		{
		padding-bottom: 3px;
		text-transform: uppercase;
		padding-left: 7px;
		}

/*		.schedule-night .table-schedule th
		{color: #fff;}*/

		.day-items
		{
		min-height: 150px;
		padding: 5px 7px;
		}

		.day-items p
		{
		line-height: 100%;
		margin-bottom: 8px;
		}

			.day-items p:last-child
			{margin-bottom: 20px;}

		.day-items a
		{
		text-decoration: none;
		color: #555;
		font-size: 15px;
		font-weight: 590;
		}

			.day-items a:hover
			{color: #000;}

/*			.schedule-night .day-items a
			{color: #ffffff90;}

			.schedule-night .day-items a:hover
			{color: #fff;}*/

		.table-schedule td
		{
		border-right: 2px solid #ddd;
		border-top: 2px solid #ddd;
		}

		.table-schedule tr:last-child td
		{border-bottom: 2px solid #ddd;}

/*		.schedule-night .table-schedule td
		{
		border-right: 2px solid #ffffff30;
		border-top: 2px solid #ffffff30;
		}

		.schedule-night .table-schedule tr:last-child td
		{border-bottom: 2px solid #ffffff30;}*/


	.table-schedule th.day-slot,
	.table-schedule td.day-slot
	{
	width: 50px;
	padding: 0;
	}

	.table-schedule td.day-slot p
	{
	background: #ddd;
	padding: 2px 5px 3px 6px;
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap;
	}

/*		.schedule-night .table-schedule td.day-slot p
		{
		background: #ffffff30;
		color: #fff;
		}
*/
	.table-schedule td.day-slot p span
	{
	display: inline-block;
	vertical-align: top;
	}

	.table-schedule td.day-slot p span:last-child
	{
	font-size: 12px;
	margin: 1px 0 0 1px;
	font-weight: 800;
	}

		.table-schedule tr:last-child td.day-slot
		{border-bottom: none;}


.days
{margin-bottom: 30px;}
	
	.days a
	{
	display: inline-block;
	font-size: 25px;
	font-weight: 700;
	padding: 5px 11px;
	color: #999;
	background: #eee;
	margin-right: 2px;
	text-decoration: none;
	}

		.days a.current
		{
		background: #ddd;
		color: #000;
		}

		.category-header
		{
		background: #999;
		color: #fff;
		margin: -3px -5px 9px -5px;
		font-size: 15px;
		font-weight: 500;
		text-transform: uppercase;
		line-height: 100%;
		padding: 5px;			
		}





/* SCHEDULE, pre July 2022 */
.new-schedule
{
font-size: 0;
margin: 30px;
}

.new-cinema
{
width: 250px;
padding-right: 30px;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
}

	.new-cinema h2
	{
	display: block;
	padding: 5px 9px;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 1px 3px rgb(0 0 0 / 70%);
	background: url(../images/back-2022.png);
	background-position: right center;
	}

	.timeslot
	{
	position: relative;
	margin-bottom: 20px;
	}

	.timeslot span
	{
	display: inline-block;
	vertical-align: middle;
	padding: 5px 9px;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 2px;
	background: #000;
	color: #fff;
	}

	.timeslot p
	{
	font-size: 16px;
	color: #777;
	font-weight: 500;
	margin-top: 10px;
	}

	.timeslot p b
	{
	display: block;
	font-size: 13px;
	margin: 3px 0;
	}

	.timeslot p a
	{
	font-weight: 400;
	color: #777;
	text-decoration: none;
	}

	.timeslot p a.film-link
	{color: #000;}

	.timeslot p a[href].film-link
	{text-decoration: underline;}

	.timeslot p a[href]:hover
	{opacity: .8;}



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




/* Laptop 15" */
@media only screen 
and (max-width : 1900px)  {

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

	.top-links a
	{font-size: 13px;}

	.top-categories a
	{
	font-size: 21px;
	margin: 0 15px 20px 0;
	}

}

/* Laptop 15" */
@media only screen 
and (max-width : 1550px)  {

	.single-day h4
	{font-size: 16px;}		

	.single-day h4 span
	{font-size: 14px;}		

	.single-time span
	{font-size: 14px;}

	.single-time a.single-time-button
	{font-size: 14px;}

	.single-time p
	{font-size: 14px;}

}

/* Laptop 13" */
@media only screen 
and (max-width : 1400px)  {

/*	.banner span
	{font-size: 18px;}*/

	.banner span img
	{height: 40px;}


	.top-categories a
	{
	font-size: 18px;
	margin: 0 15px 20px 0;
	}

	.single-day
	{width: 25%;}	

	.single-time
	{margin: 15px 0;}

	.article-page
	{
	max-width: none;
	padding: 0;
	}

	.all-films-side div
	{margin-bottom: 10px;}

	.all-films-side a
	{
	font-size: 18px;
	border-bottom-width: 2px;
	}

	.film-center
	{width: auto;}

	.one-logo
	{width: 25%;}

	.film-info
	{width: auto;}

	.film-info p
	{font-size: 13px;}

/*	.social-icons a,
	a.search
	{
	width: 20px;
	padding: 5px;
	}*/

	.footer .social-icons a
	{margin: 0 25px 0 -5px;}

	.footer h3
	{font-size: 18px;}

	.footer-block a
	{
	font-size: 18px;
	margin-bottom: 7px;
	}

	.footer-small
	{
	font-size: 14px;
	margin-right: 50px;
	}

	.footer-block .back-top
	{
	width: 50px;
	height: 50px;
	font-size: 25px;
	}

}


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

.mobile-show,
.top-menu-links a.hide
{display: block;}

					.banner-in
					{text-align: left;}

.top-menu 		{
					max-width: none;
					position: relative;
					padding: 20px;
					}

					.logo img
					{height: 40px;}

					.burger
					{
					display: inline-block;
					vertical-align: middle;
					cursor: pointer;
					}

					.burger img
					{
					display: block;
					height: 40px;
					}

					.tix-holder
					{
					height: auto;
					padding: 0 15px;
					margin-bottom: 15px;
					}

					.my-tix
					{
				    margin: 0 1.5% 0 0;
				    padding: 15px;
				    line-height: 100%;
				    height: auto;
				    font-size: 21px;
					}

					.tix-holder .my-tix:nth-child(2)
					{margin: 0 0 0 1.5%;}

					.my-tix svg
					{width: 32px;}

.side 			{display: block;}

					.side .top-menu-links
					{display: none;}

					.side-right .top-menu-links
					{display: inline-block;}

					.side-right .social-icons
					{display: none;}				

.top-menu-links 	{display: block;}

					.top-menu-links a,
					.top-menu-links a.desktop-hide
					{
					display: block;
					margin: 0;
					font-size: 21px;
					padding: 10px 0;
					border: 0;
					}

					.home-title
					{
					font-size: 21px;
					padding: 0 0 20px;
					}

	.daily-image,
	.dokudaily-hold .one-daily:nth-child(2n+2) .daily-image
	{
	float: none;
	width: auto;
	height: 30vw;
	}

	.daily-half,
	.dokudaily-hold .one-daily:nth-child(2n+2) .daily-half
	{
	float: none;
	width: auto;
	text-align: left;
	padding: 20px 50px 40px 0;
	}

	.daily-half h4
	{font-size: 16px;}

	.daily-half h2
	{
	font-size: 30px;
	margin: 10px 0 5px;
	}

	.daily-half p
	{
	font-size: 18px;
	line-height: 130%;
	}					

.all-articles 		{
					max-width: none;
					margin: 20px;
					}

					.all-articles-in
					{margin: 0;}

.one-article 		{
					display: block;
					width: auto;
					padding: 0;
					margin-bottom: 15px;
					} 

					.one-article-in
					{height: 50vw;}

					.one-article-title h2
					{
					font-size: 21px;
					padding: 15px;
					}

.talks 				{
					max-width: none;
					margin: 20px;
					}

					.talks-page .talks
					{
					max-width: none;
					margin: 0;
					}

					.dokudaily .talks-half
					{
					width: 100%;
					text-align: left;
					}

					.talks-half-back
					{
					background: rgba(255,255,255,.7);
					left: 0;
					}

					.dokudaily .talks:nth-child(2n+2) .talks-half-back
					{
					background: rgba(255,255,255,.7);
					right: 0;						
					}

					.dokudaily .talks
					{margin-bottom: 20px;}

					.dokudaily .talks p
					{font-size: 12px;}

					.talks-page .talks h2
					{font-size: 30px;}

					.dokudaily .talks h2
					{font-size: 21px;}

					.talks-half {
								width: auto;
								padding-bottom: 20px;
								}

								.talks-page
								{margin: 0 20px;}

								.talks-page .talks-half
								{
								width: auto;
								margin-bottom: 20px;
								}

								.talks-page .talk-links a
								{
								padding: 5px 30px 0 20px;
								line-height: 100%;
								}
								
								.talks h2
								{
								font-size: 40px;
								padding: 20px 20px 5px;
								}

								.talk-links a, .talks a.talks-more, .talk-links p
								{
								font-size: 24px;
								line-height: 80%;
								padding: 5px 10px 5px 20px;
								}

					.new-talks
					{
					width: auto;
					margin: 0 20px;
					}

					.new-talks-in
					{margin: 0;}

						.faux-image
						{
						height: 30vw;
						}

						.home-info
						{
						margin-top: 10px;
						max-width: none;
						}

						.home-info h4
						{
						font-size: 30px;
						line-height: 30vw;
						}

						.home-info .new-talk-move
						{padding: 7px 0;}

					.new-talk,
					.home-info .new-talk
					{
					width: auto;
					padding: 0;
					margin: 10px 0;
					}

					.home-info .new-talk
					{width: 100%;}

					.new-talk h2
					{
					font-size: 25px;
					padding: 15px;
					}

					.new-talk h3
					{
					font-size: 16px;
					padding: 15px;
					}


					.video-area
					{margin: 0;}

					.video-half
					{
					width: auto;
					display: block;
					}

					.video-text-in
					{padding: 20px;}

					.video-text h2
					{
					font-size: 30px;
					margin-bottom: 10px;
					line-height: 110%;
					}

					.video-text h3
					{
					font-size: 18px;
					margin-bottom: 20px;
					}

					.video-text a
					{font-size: 18px;}

.all-slides 		{height: 75vw;}

					.slide-block
					{padding: 100px 20px 20px;}

					.slide-block-news
					{
					margin: 0;
					max-width: none;
					}

					.slide-block h1
					{font-size: 30px;}

					.slide-block h2
					{font-size: 16px;}

					.slide-block h2.title-original
					{
					font-size: 18px;
					margin-bottom: 5px;
					margin-top: 0;
					}

					.slide-block h1 + h2
					{margin-top: 10px;}

					.slide-dots
					{
					top: 10px;
					right: 10px;
					}

					.slide-controls
					{
					bottom: auto;
					top: 20px;
					right: 20px;
					}	

							.slide-controls p
							{font-size: 40px;}

							.slide-controls p span
							{font-size: 14px;}

							.slide-controls div
							{
							width: 30px;
							height: 30px;
							line-height: 30px;
							}

							.slide-controls div img
							{width: 15px;}

					.slide-dots a
					{
					width: 12px;
					height: 12px;
					border-width: 6px;
					margin-left: 8px;
					}

					.slide-text
					{
					width: auto;
					margin: 20px;
					left: 0;
					right: 0;
					}

					.slide-text h1,
					.slide-text h2
					{padding: 0;}

					.slide-text h1
					{font-size: 25px;}

					.slide-text h2
					{font-size: 16px;}

					.article-page .film-info
					{
					display: block;
					width: auto;
					padding: 0;
					}

					.article-page
					{
					max-width: none;
					margin: 20px;
					padding: 0;
					}

						.dokudaily .article-page
						{margin: 0 20px;}

					.article-page .film-info h1
					{
					font-size: 30px;
					margin-bottom: 10px;
					}

					.article-text ul
					{margin: 0 30px;}

					.film-info p,
					.article-text li
					{font-size: 16px;}

					.article-description p
					{font-size: 21px;}

					.article-text p
					{
					min-height: 1.15vw;
					margin-bottom: 10px;
					}

					.article-description + .article-text
					{margin-top: 20px;}

					.film-details
					{
					width: auto;
					margin: 10px 0 50px;
					display: block;
					font-size: 16px;
					}

					.detail
					{margin-bottom: 10px;}

					.film-details h3
					{font-size: 21px;}

					.film-details p
					{font-size: 16px;}

					.detail-menu a
					{
					font-size: 18px;
					border-width: 2px;
					margin-bottom: 15px;
					padding: 0;
					}

					.film-info a.view-online
					{
					font-size: 18px;
					margin-top: 10px;
					padding: 15px 20px;
					}

					.film-details a.view-online
					{
					display: inline-block;
					font-size: 16px;
					padding: 15px 20px;
					}

.film-info a.view-online-mobile
{
display: inline-block;
margin: 0 0 5vw;
font-size: 16px;
}

.all-programmes 	{
					max-width: none;
					margin: 0 20px;
					}

					.all-programmes-in
					{margin: 0 -15px;}

					.all-programmes h2
					{
					font-size: 30px;
					margin-bottom: 20px;
					}

					.one-programme h3
					{font-size: 21px;}

					.one-programme
					{
					display: block;
					width: auto;
					padding: 0 15px 15px;
					margin-bottom: 0;
					}

					.films-in .one-programme
					{padding: 0 15px 30px;}

					.one-programme-in
					{height: 50vw;}

.all-films 			{
					max-width: none;
					margin: 0 20px;
					}

					.all-films h1
					{
					font-size: 30px;
					margin-bottom: 20px;
					}

					.all-films-wrap
					{
					display: block;
					width: auto;
					}

					.all-films h2.sub-category
					{
					font-size: 18px;
					margin: 10px 0;
					}

					.films-in
					{margin: 0 -15px;}

					.one-programme-title
					{padding: 7px 20px 0 0;}

					.one-programme-title h2
					{
					font-size: 21px;
					margin-bottom: 3px;
					line-height: 120%;
					}

					.one-programme-title h4.title-original
					{
					font-size: 16px;
					margin-bottom: 10px;
					}

					.one-programme-title h4
					{
					font-size: 14px;
					margin-bottom: 3px;
					line-height: 110%;
					}

					.one-programme-title p
					{
					font-size: 12px;
					line-height: 120%;
					}

.logos
{margin-top: 30px;}

.one-logo
{
width: auto;
display: block;
margin-bottom: 50px;
}

.logos a
{
height: auto;
margin: 10px;
}				

.film-info .logos p
{
text-align: center;
font-size: 14px;
margin: 10px 15px 0;
}	

/*.film-page,
.detail-menu,
.talk-page
{margin: 0 -20px;}*/

.talk-page .detail-menu
{margin: 0;}

					.all-films-side
					{
					display: block;
					width: auto;
					padding: 0;
					margin-top: 30px;
					}

					.all-films-side h2
					{
					font-size: 21px;
					margin-bottom: 15px;
					line-height: 120%;
					}

					.all-films-side div
					{margin-bottom: 15px;}

					.all-films-side a
					{
					font-size: 18px;
					display: block;
					border-width: 2px;
					}

/*					.film-data
					{margin: 20px;}*/

					.film-page .film-info
					{padding: 0;}

					.film-info h3
					{
					font-size: 24px;
					margin-bottom: 0;
					}

					.film-info p
					{text-align: left;}

					.trailer
					{margin: 20px 0;}

					.trailer-hold
					{width: 100%;}

					.trailer iframe
					{height: 55vw;}

					.talk-page .film-info
					{padding: 0;}

					.talk-block
					{padding: 20px;}

.search-box 		{
					width: auto;
					left: 100%;
					padding: 15px 20px;
					}

					.search-box-show
					{
					left: 30px;
					}

					.x-search
					{
					width: 40px;
					height: 40px;
					font-size: 40px;
					line-height: 33px;
					top: 10px;
					right: 20px;
					}

					.search-box h2
					{
					font-size: 21px;
					margin-bottom: 15px;
					}

					.search-box input[type=text]
					{
					width: 80%;
					font-size: 18px;
					padding-bottom: 7px;
					border-radius: 0;
					}

					.search-box button
					{
					font-size: 16px;
					padding: 10px 15px;
					}

					.search-results
					{margin-top: 30px;}

					.returned p
					{font-size: 16px;}

					.search-results h3
					{
					font-size: 21px;
					margin-bottom: 20px 0 10px;
					}

					.one-search
					{margin-bottom: 20px;}

					.one-search a
					{
					font-size: 15px;
					padding: 10px 15px;
					margin: -10px -15px;
					}

					.one-search a span
					{
					font-size: 18px;
					margin-bottom: 5px;
					}

.footer
{margin: 50px 0 30px;}

.footer .social-icons
{margin-bottom: 50px;}

.footer-hold
{position: relative;}

.footer-hold .bottom-logo
{
width: 130px;
right: 0;
bottom: auto;
}

.newsletter
{margin: 50px 0;}

.newsletter-in
{width: auto;}

.newsletter input#mce-EMAIL
{
font-size: 18px;
padding: 10px;
}

.newsletter input#mc-embedded-subscribe
{font-size: 16px;}

.footer h3,
.newsletter h4
{font-size: 21px;}

.footer h3
{
cursor: pointer;
margin-bottom: 10px;
}

.footer-block
{
width: auto;
display: block;
margin-bottom: 30px;
}

	.footer-block a
	{
	font-size: 18px;
	margin-bottom: 10px;
	}

.footer-block-wide
{
display: block;
width: auto;
}

.footer .container
{
max-width: none;
margin: 20px;
}

.footer-small
{font-size: 16px;}	

.footer-small p
{line-height: 140%;}

.footer-small p+p
{margin-top: 10px;}

.footer .logo
{margin-bottom: 20px;}	

.footer .logo img
{
height: 40px;
margin-left: -5px;
}			

.footer-block .back-top,
.mobile-hide,
.side-right .top-menu-links a.mobile-hide
{display: none;}


.social-icons a,
a.search
{
width: 30px;
padding: 5px;
}

.footer .social-icons a
{margin: 0 25px 0 -5px;}


}

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

	.single-day
	{width: 50%;}

	.banner-in span:nth-child(2)
	{
	width: 100%;
	text-align: center;
	}
/*
	.banner-in span:first-child
	{display: none;}*/

	.modal-in .person-pop-up img
	{
	display: block;
	margin: auto;
	width: 50%;
	padding: 0;
	margin-bottom: 20px;
	}

	.modal-in .person-text
	{
	display: block;
	width: auto;
	}

}


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

	.single-day
	{width: 100%;}

	.single-time
	{display: none;}

	.single-day h4
	{cursor: pointer;}

}