/* < 692-1192 < */

@media all and (max-width: 692px) {
	#content {
		padding: 200px 0 1rem 0 !important;
		width: 100%;
	}
	#header-images {
		display: none;
	} 
	#header-top {
		height: unset !important;
	}

	.page__title {
		/*margin-top: 200px;*/
	}
	.header, #header-wrapper {
		height: unset !important;
		max-height: unset !important;
		background-color: unset !important;
		width: 100%;
	}
	#header-fixedBg {
		border-top: 2px solid var(--dark);
		position: absolute !important;
	}
	#header-fixedBg img {
	left: 0.1rem;
    top: 0.1rem;
}
	.header__logo {
    	top: 0.3rem;
    	left: 0.3rem;
    	position: absolute;
	}
	.header__logo-image {
    	height: calc(115px - 2rem) !important;
    	width: auto !important;
    	/*filter: invert(1) grayscale(1);*/
	}
	
	.header__title {
		display: none;
	}
	.header__region .block {
		margin-bottom: 0;
	}
	.header__slogan  {
	position: absolute;
	z-index: 2;
	top: 0.5rem;
	left: 90px;
}
	.header__slogan p {
		color: var(--dark) !important;
		font-size: 2rem !important;
		line-height: 2rem !important;
	text-align: left;
	width: min-content;
}

.header__button-left-container {
	position: absolute;
	z-index: 2;
	top: 140px;
	left: 0.5%;
}
.header__button-left {
	padding: 0.2rem 0.5rem;
	width: max-content !important;
}
.header__button-right-container {
	position: absolute;
	z-index: 2;
	top: 120px;
	right: 0.5%;
}
.header__button-right {
	padding: 0.2rem 0.5rem;
	width: max-content !important;
}
	.gslogan {
		margin-bottom: 0;
		background-color: var(--blue);
		padding: 0.2rem 0.6rem;
		width: max-content;
		position: absolute;
		top: 1.5rem;
		left: 7rem;
	}
	.gslogan p {
		font-family: 'Gopher', sans-serif;
		margin: 0;
		font-weight: bold;
		font-size: 1.1rem;
		text-transform: uppercase;
		color: white;
	}
	.head_date {
		margin-bottom: 0;
		position: absolute;
	    top: 4.7rem;
	    left: 5.6rem;
	}
	.head_date p {
		font-family: 'Gopher', sans-serif;
		margin: 0;
		font-weight: bold;
		font-size: 1.2rem;
		text-transform: uppercase;
		color: var(--blue);
	}
	
	.mean-container .mean-bar {
    	position: fixed;
    	background: unset;
    	padding: 0;
    	width: 100%;
    	min-height: 0;
    	height: 0;
	}
	.mean-container a.meanmenu-reveal {
    	color: var(--dark);
    	padding: 0.6rem 0.7rem 0.4rem 0.7rem;
    	margin-right: 0.5rem;
    	margin-top: 0.5rem;
    	width: 1.5rem;
    	height: 2rem;
    	background-color: var(--light);
    }
    .mean-container a.meanmenu-reveal span {
    	background: var(--dark);
    	height: 4px;
    	margin-top: 4px;
	}
    .mean-container a.meanmenu-reveal.meanclose {
    	background-color: var(--light);
    	background-image: url(../images/logoB.png);
    	background-repeat: no-repeat;
    	background-position: left 0.18rem top 0.15rem;
    	background-size: 80.2px;
    	width: calc(100% - 4rem);
    	text-align: right !important;
    	padding: 1.2rem 1.2rem 2.5rem 2.8rem;
    	font-weight: 900;
    	height: 56px;
    	margin-right: 0;
    	margin-top: 0;
    	font-size: 2rem !important;
    }
    .mean-container a.meanmenu-reveal.meanclose:before {
		font-family: 'Gopher', sans-serif;
	    margin: 0;
	    font-weight: bold;
	    font-size: 1.1rem;
	    text-transform: uppercase;
	    color: white;
	    background-color: var(--dark);
	    padding: 0.3rem 0.6rem;
	    width: max-content;
	    position: absolute;
	    left: 7rem;
	    top: 1.5rem;
	}
    .mean-container .mean-nav {
    	background: var(--light);
    	margin-top: 115px;
    	box-shadow: 0 0 20px 0 var(--dark);
	}
	.mean-container .mean-nav ul li {
    	border-top: 1px solid var(--animBG);
	}
	.mean-container .mean-nav ul li:first-of-type {
    	border-top: 1px solid var(--pink);
	}
	.mean-container .mean-nav ul li ul li,
	.mean-container .mean-nav ul li ul li:first-of-type {
    	border-top: 0px none;
	}
	.mean-container .mean-nav ul li a {
    	padding: 0.7rem 1rem;
    	width: calc(100% - 2rem);
    	color: var(--dark);
    	font-weight: bold;
	}
	.mean-container .mean-nav ul li span {
    	display: block;
    	float: left;
    	width: calc(100% - 2rem);
    	padding: 0.7rem 1rem;
    	margin: 0;
    	text-align: left;
    	color: var(--dark);
    	text-decoration: none;
    	text-transform: uppercase;
    	font-weight: bold;
	}
	.mean-container .mean-nav ul li a.mean-expand {
 		height: unset;
    	padding: 0.6rem 0.7rem !important;
    	top: 0;
    	border-left: 1px solid var(--animBG) !important;
    	border-bottom: 0px none !important;
    	background: none;
    	font-size: 1.5rem !important;
    	font-weight: 100;
	}
	.mean-container .mean-nav ul li a.mean-expand:hover {
    	background: none;
	}
	.mean-container .mean-nav ul li li a,
	.mean-container .mean-nav ul li li span {
    	width: 80%;
    	padding: 0.5rem 5% 0.5rem 15%;
	}
	.mean-container .mean-nav ul li li span {
    	opacity: 0.2;
	}
	#footer {
		padding: 1rem 0 4rem 0;
	}
	#footer .footer-wrapper {
		width: 100%;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    grid-template-rows: auto 70px 70px 70px auto;
	    grid-template-areas:
	        "footimp footimp"
	        "footdon footdon"
	        "footsub footsub"
	        "footsoc footsoc"
	        "footaddr footaddr";
	}
	.footer-imp {
		padding: 0 1rem;
	}
	.footer-imp ul li {
		padding: 0.2rem 0;
	}
	.donate {
		padding-top: 1.5rem;
	}
	.subscribe {
		align-self: center;
	}
	.socialFooter {
		padding-bottom: 1.3rem;
		padding-left: 1rem;
		align-self: end
	}
	.socialFooter a {
		margin-right: 0.5rem;
	}
	#block-nice-menus-20,
	#block-nice-menus-21 {
		display: none;
	}
	.region-navigation {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "lang social";
		justify-items: end;
	}
	.social2021{
		display: none;
		visibility: hidden;
	}
	#navigation {
		padding-left: 0 !important;
		padding-right: 0 !important;
		background: none !important;
		position: fixed !important;
		top: 1.3rem;
		right: 3.6rem;
		z-index: 3;
		width: 100%;
	}
	.block-locale {
		justify-self: start;
	    position: absolute;
	    top: 0;
	    right: 0;
	    background-color: var(--light);
	}
	.language-link {
		padding: 0.8rem 0.8rem 0.7rem 0.8rem;
		font-size: 1rem;
		font-weight: bold;
		color: var(--dark);
		background-color: var(--light);
	}
	.view-news-archive .views-field-field-a-thumbnail {
		float: none !important;
	}
	.re2020 .view-content {
		grid-gap: 2rem;
	}
	.press2019 .view-content {
		grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
	}
	.sections2021 .view-content {
		grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
		grid-gap: 1rem;
	}
	.node-type-film .group-left {
		width: 100%;
	}
	.node-type-film .group-right {
		width: calc(100% - 1rem);
	}
	.node-type-film .player iframe {
		width: 100%;
		height: auto;
	}
	.group-filminfo,
	.group-right {
		padding: 0 0.5rem;
	}
	.field-name-field-long-text:before {
		content: "Synopsis ";
		padding-top: 2rem;
		text-transform: uppercase;
		display: block;
		font-weight: bold;
	}




	article .field-name-field-a-thumbnail {
    	height: auto !important;
    	background: none !important;
	}
	article .field-name-field-text-body,
	.discuss2019 .row-inner,
	.discuss2019s .view-content {
    	width: 90% !important;
    }
    .discuss2019 h3 {
    	padding: 0.5rem !important;
    	position: relative;
	}
	.discuss2019 h3 span {
    	width: 1rem;
    	position: absolute;
    	right: 0.5rem;
	}
	.ui-dialog {
		height: 90% !important;
		top: 5% !important;
	}
	.ui-dialog .ui-dialog-content {
		max-height: calc(100% - 1.5rem - 2em - 3px) !important;
	}
	.ui-dialog .group-left {
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		padding-bottom: 1rem;
	}
	.ui-dialog .group-right {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.ui-dialog .group-footer {
		width: 90% !important;
	}
	.node-film .player iframe {
		width: 100%;
	}
	.view-2021-schedule {
		margin-top: 0 !important;
	}
	.schedule2021 .view-header {
		position: fixed !important;
		top: 200px !important;
		padding-left: 3%;
		padding-right: 3%;
    	width: 93%;
    	z-index: 11 !important;
	}
	.schedule ul {
		grid-template-columns: repeat(5, minmax(9rem, 1fr));
		overflow-x: auto;
		justify-content: start !important;
	}
	.legend-wrapper {
		grid-template-rows: repeat(7, auto);
		margin-bottom: 0.5rem;
		justify-items: start;
	}
	.schedule2021 .view-content {
		top: 105px;
		margin-bottom: 7rem;
		overflow-x: scroll;
		z-index: 1;
	}
	.time {
		position: sticky !important;
    	left: 0;
    	z-index: 10;
    	background-color: rgba(255,255,255,0.9);
    	border-right: 1px solid rgba(240,240,240,0.8);
    	padding-right: 0.3rem !important;
	}
	.trackslot {
		top: 0 !important
	}
	.schedule2021 .grid-item {
		width: 50vw;
	}

	.legendexp {
		position: fixed;
		top: 270px;
		width: 100%;
		text-align: center;
		z-index: 13;
	}
	.legendexp i {
		font-size: 2rem;
		color: rgba(0,0,0,1);
    	filter: drop-shadow(0 0 4px #fff);
    	cursor: pointer;
    	transition: transform 0.4s;
	}
	.lopen i {
		transform: rotate(180deg);
	}
	.placescrollleft,
	.placescrollright {
		position: fixed;
		top: 303px;
		z-index: 11;
	}
	.placescrollleft {
		left: 6px;
	}
	.placescrollright {
		right: 6px;
	}
	.datescrollleft,
	.datescrollright {
		position: fixed;
		top: 215px;
		z-index: 12;
	}
	.datescrollleft {
		left: 6px;
	}
	.datescrollright {
		right: 6px;
	}
	.datescrollleft i,
	.datescrollright i,
	.placescrollleft i,
	.placescrollright i {
		font-size: 3rem;
		color: rgba(0,0,0,1);
    	filter: drop-shadow(0 0 4px #fff);
    	cursor: pointer;
	}
	.scrollup {
		position: fixed;
    	bottom: 1rem;
    	left: calc(50% - 1.125rem);
    	cursor: pointer;
	}
	.scrollup i {
		font-size: 2.3rem;
    	background-color: rgba(255,255,255,0.5);
    	border-radius: 1.25rem;
    	width: 2.25rem;
    	height: 2.25rem;
    	text-align: center;
    	border: 2px solid rgba(255,255,255,0.9);
    	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	}
	.region-highlighted {
		margin-top: 0;
		margin-bottom: -5rem;
	}
	.not-front #main {
		width: 100% !important;
		margin: 0 auto;
	}
	.node-type-photos article {
		grid-template-columns: repeat(auto-fill, minmax(40vw, 1fr));
	}
	.view-2019-gallery .view-content .views-row .views-field-title {
 		opacity: 1;
	}
	.view-2019-gallery .view-content .views-row .views-field-fid img {
  		filter: blur(1px);
	}
	.pgrid3 {
		grid-template-columns: 1fr;
	}
	.pgrid4 {
		grid-template-columns: repeat(2, 1fr);
	}
	.pgrid5 {
		grid-template-columns: repeat(3, 1fr);
	}
	.node-type-film .group-footer .field-name-field-director-photo {
		width: 25%;
		float: none;
		display: inline-block;
	}
	.node-type-film .group-footer .field-name-field-director-bio {
		display: inline-block;
		width: calc(75% - 1rem);
		vertical-align: top;
	}
	.sectionmenu li a {
		text-decoration: none;
	}
	.sectionmenu .menu-mlid-5025,
	.sectionmenu .menu-mlid-5035 {
		background-color: rgba(172,31,235,1);
	}
	.sectionmenu .menu-mlid-5026,
	.sectionmenu .menu-mlid-5036 {
		background-color: rgba(228,85,0,1);
	}
	.sectionmenu .menu-mlid-5027,
	.sectionmenu .menu-mlid-5037 {
		background-color: rgba(0,35,255,1);
	}
	.sectionmenu .menu-mlid-5028,
	.sectionmenu .menu-mlid-5038 {
		background-color: rgba(222,0,48,1);
	}
	.sectionmenu .menu-mlid-5029,
	.sectionmenu .menu-mlid-5039 {
		background-color: rgba(133,137,159,1);
	}
	.sectionmenu .menu-mlid-5030,
	.sectionmenu .menu-mlid-5040 {
		background-color: rgba(0,161,0,1);
	}
	.sectionmenu .menu-mlid-5031,
	.sectionmenu .menu-mlid-5041 {
		background-color: rgba(73,158,177,1);
	}
	.sectionmenu .menu-mlid-5032,
	.sectionmenu .menu-mlid-5042 {
		background-color: rgba(228,231,32,1);
	}
	.sections2021 .sectionName {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.sections2021 .sectionImage {
	    background-size: cover;
	}
	.filmCarousel2020 .owl-controls .owl-buttons div {
		display: none !important;
	}
	.vialogButton {
	    right: 1rem;
	    bottom: 1rem;
	    height: 2rem;
	    width: 2rem;
	}
	.vialogPopup {
	    right: 1rem;
	    max-width: calc(100% - 2rem);
	}
	.vialogPopup h2 {
	    background-color: white;
	    padding: 1rem 0.5rem 0 0.5rem;
	}
	.node-type-film .field-name-field-vialog-scroll {
		margin: 0 0.5rem 1.6rem 0.5rem;
	}
	.node-type-film .field-name-field-miscellaneous .field-item {
		margin: 0 0 0.5rem 0;
	}
	.liveStream {
		margin: 2rem 0.5rem;
	}
	.liveStream iframe{
		width: 100%;
		height: calc(100vw / 1.7777777778);
	}
	.liveChat {
		margin-left: -3%;
		margin-right: -3%;
	}

	.liveChat .field-item {
		height: 450px;
		border: 1px solid var(--light);
	}
	.articleGallery-carousel .owl-controls .owl-prev {
	    left: -1rem;
	}

	.articleGallery-carousel .owl-controls .owl-next {
	    right: -1rem;
	}
	.node-type-article .view-mode-article_w_gallery .field-name-field-video .field-items {
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
		grid-gap: 1rem;
	}
	.node-type-article .view-mode-article_w_gallery .field-name-field-video .field-items .video-js {
		width: 320px !important;
		height: 180px !important;
	}
	.gallery2021 ul {
		grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
	}

	.gallery2021 ul li.first {
		grid-column-start: 1;
	    grid-column-end: 3;
	}
	.gallery2021 ul li:nth-child(n + 5) {
		display: none;
	}
	.gallery2021 .imgCount {
    width: calc((100% - 1rem) / 2);
    height: calc((100% - 3.9rem) / 4);
}
	.sections2021 .sectionInfo {
		width: 90%;
	}
	.sections2021 .sectionInfoFoot {
		width: 90%;
	}
	.sections2021 .grid-item .views-field-nothing {
		position: fixed;
		z-index: 1000000;
		height: 100vh;
		width: 100%;
		backdrop-filter: saturate(180%) blur(20px);
    	top: 100vh;
    	left: 0;
    	transition: top 0.4s;
	}
	.sections2021 .grid-item .views-field-nothing span.field-content {
		font-size: 1rem;
		background-color: var(--light);
		padding: 1rem;
		display: block;
		position: absolute;
		bottom: 5rem;
		left: 0;
	}
	.sections2021 .grid-item .views-field-nothing span.field-content span {
		font-size: 1rem;
	}
	.sections2021 .grid-item .views-field-view-node-1 {
		position: fixed;
	    bottom: -100vh;
	    left: 0;
	    width: 50%;
	    height: 5rem;
	    z-index: 1000001;
	    background-color: var(--light);
	    transition: bottom 0.4s;
	    text-align: center;
	}
	.sections2021 .grid-item .views-field-field-stream-link {
		position: fixed;
	    bottom: -100vh;
	    left: 50%;
	    width: 50%;
	    height: 5rem;
	    z-index: 1000001;
	    background-color: var(--light);
	    transition: bottom 0.4s;
	    text-align: center;
	}
	.sections2021 .grid-item .views-field-title {
		transition: all 0.4s;
		transition-property: all;
	}
	.sections2021 .grid-item .views-field-title span {
		font-weight: bold;
		font-size: 1.1rem;
	}
	.sections2021 .grid-item .sheet-close {
	    position: fixed;
		z-index: 1000001;
    	top: calc(100vh + 1rem);
    	right: 0;
    	padding: 0.2rem 0.5rem;
    	transition: top 0.4s;
    	background: var(--light);
	}
	.sections2021 .grid-item .views-field-nothing .logline {
		border-top: 1px solid var(--pink);
		border-bottom: 1px solid var(--pink);
	    padding-bottom: 0.5rem;
	    padding-top: 0.5rem;
	    margin-top: 0.5rem;
	}
	.sections2021 .grid-item .views-field-nothing.sheet-open {
		top: 0;
	}
	.sections2021 .grid-item .views-field-title.sheet-open {
		position: fixed;
	    z-index: 1000001;
	    background-color: unset;
	    padding-top: 2rem;
	    width: 80%;
	    margin-left: 10%;
	    margin-right: 10%;
	    text-align: center;
	}
	.sections2021 .grid-item .views-field-title.sheet-open span {
		font-size: 3rem;
		line-height: 4rem;
	}
	.sections2021 .grid-item .views-field-title.sheet-open span a {
		font-weight: 900;
		text-shadow: 0 0 30px var(--light);
	}
	.sections2021 .grid-item .views-field-view-node-1.sheet-open {
	    bottom: 0;
	}
	.sections2021 .grid-item .views-field-field-stream-link.sheet-open {
	    bottom: 0;
	}
	.sections2021 .grid-item .sheet-close.sheet-open {
	    top: 0;
	}


	.sections2021 .grid-item .views-field-field-stream-link a,
	.sections2021 .grid-item .views-field-view-node-1 a {
		text-decoration: none;
		color: var(--dark);
	}
	.sections2021 .grid-item .views-field-field-stream-link span,
	.sections2021 .grid-item .views-field-field-stream-link i {
		color: var(--dark);
	}
	.sections2021 .grid-item .views-field-field-stream-link span,
	.sections2021 .grid-item .views-field-view-node-1 span {
		text-transform: uppercase;
		font-weight: bold;
	}
	.sections2021 .grid-item .views-field-field-stream-link span,
	.sections2021 .grid-item .views-field-field-stream-link i,
	.sections2021 .grid-item .views-field-view-node-1 span,
	.sections2021 .grid-item .views-field-view-node-1 i {
		display: block;
	}

.articleGallery-carousel .owl-pagination {
    display: none !important;
}
}

/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/


@media all and (min-width: 692px) and (max-width: 979px) {
	#content {
		padding: 200px 0 1rem 0 !important;
		width: 100%;
	}
	#header-images {
		display: none;
	} 
	#header-top {
		height: unset !important;
	}

	.page__title {
		/*margin-top: 200px;*/
	}
	.header, #header-wrapper {
		height: unset !important;
		max-height: unset !important;
		background-color: unset !important;
		width: 100%;
	}
	#header-fixedBg {
		border-top: 2px solid var(--dark);
		position: absolute !important;
	}
	#header-fixedBg img {
	left: 0.1rem;
    top: 0.1rem;
}
	.header__logo {
    	top: 0.3rem;
    	left: 0.3rem;
    	position: absolute;
	}
	.header__logo-image {
    	height: calc(115px - 2rem) !important;
    	width: auto !important;
    	/*filter: invert(1) grayscale(1);*/
	}
	
	.header__title {
		display: none;
	}
	.header__region .block {
		margin-bottom: 0;
	}
	.header__slogan  {
	position: absolute;
	z-index: 2;
	top: 0.5rem;
	left: 90px;
}
	.header__slogan p {
		color: var(--dark) !important;
		font-size: 2rem !important;
		line-height: 2rem !important;
	text-align: left;
	width: min-content;
}

.header__button-left-container {
	position: absolute;
	z-index: 2;
	top: 140px;
	left: 50%;
	transform: translateX(calc(-100% - 6rem));
}
.header__button-left {
	padding: 0.2rem 0.5rem;
	width: max-content !important;
}
.header__button-right-container {
	position: absolute;
	z-index: 2;
	top: 120px;
	left: 50%;
	margin-left: 7rem;
}
.header__button-right {
	padding: 0.2rem 0.5rem;
	width: max-content !important;
}
	.gslogan {
		margin-bottom: 0;
		background-color: var(--blue);
		padding: 0.2rem 0.6rem;
		width: max-content;
		position: absolute;
		top: 1.5rem;
		left: 7rem;
	}
	.gslogan p {
		font-family: 'Gopher', sans-serif;
		margin: 0;
		font-weight: bold;
		font-size: 1.1rem;
		text-transform: uppercase;
		color: white;
	}
	.head_date {
		margin-bottom: 0;
		position: absolute;
	    top: 4.7rem;
	    left: 5.6rem;
	}
	.head_date p {
		font-family: 'Gopher', sans-serif;
		margin: 0;
		font-weight: bold;
		font-size: 1.2rem;
		text-transform: uppercase;
		color: var(--blue);
	}
	
	.mean-container .mean-bar {
    	position: fixed;
    	background: unset;
    	padding: 0;
    	width: 100%;
    	min-height: 0;
    	height: 0;
	}
	.mean-container a.meanmenu-reveal {
    	color: var(--dark);
    	padding: 0.6rem 0.7rem 0.4rem 0.7rem;
    	margin-right: 0.5rem;
    	margin-top: 0.5rem;
    	width: 1.5rem;
    	height: 2rem;
    	background-color: var(--light);
    }
    .mean-container a.meanmenu-reveal span {
    	background: var(--dark);
    	height: 4px;
    	margin-top: 4px;
	}
    .mean-container a.meanmenu-reveal.meanclose {
    	background-color: var(--light);
    	background-image: url(../images/logoB.png);
    	background-repeat: no-repeat;
    	background-position: left 0.18rem top 0.15rem;
    	background-size: 80.2px;
    	width: calc(100% - 4rem);
    	text-align: right !important;
    	padding: 1.2rem 1.2rem 2.5rem 2.8rem;
    	font-weight: 900;
    	height: 56px;
    	margin-right: 0;
    	margin-top: 0;
    	font-size: 2rem !important;
    }
    .mean-container a.meanmenu-reveal.meanclose:before {
		font-family: 'Gopher', sans-serif;
	    margin: 0;
	    font-weight: bold;
	    font-size: 1.1rem;
	    text-transform: uppercase;
	    color: white;
	    background-color: var(--dark);
	    padding: 0.3rem 0.6rem;
	    width: max-content;
	    position: absolute;
	    left: 7rem;
	    top: 1.5rem;
	}
    .mean-container .mean-nav {
    	background: var(--light);
    	margin-top: 115px;
    	box-shadow: 0 0 20px 0 var(--dark);
	}
	.mean-container .mean-nav ul li {
    	border-top: 1px solid var(--animBG);
	}
	.mean-container .mean-nav ul li:first-of-type {
    	border-top: 1px solid var(--pink);
	}
	.mean-container .mean-nav ul li ul li,
	.mean-container .mean-nav ul li ul li:first-of-type {
    	border-top: 0px none;
	}
	.mean-container .mean-nav ul li a {
    	padding: 0.7rem 1rem;
    	width: calc(100% - 2rem);
    	color: var(--dark);
    	font-weight: bold;
	}
	.mean-container .mean-nav ul li span {
    	display: block;
    	float: left;
    	width: calc(100% - 2rem);
    	padding: 0.7rem 1rem;
    	margin: 0;
    	text-align: left;
    	color: var(--dark);
    	text-decoration: none;
    	text-transform: uppercase;
    	font-weight: bold;
	}
	.mean-container .mean-nav ul li a.mean-expand {
 		height: unset;
    	padding: 0.6rem 0.7rem !important;
    	top: 0;
    	border-left: 1px solid var(--animBG) !important;
    	border-bottom: 0px none !important;
    	background: none;
    	font-size: 1.5rem !important;
    	font-weight: 100;
	}
	.mean-container .mean-nav ul li a.mean-expand:hover {
    	background: none;
	}
	.mean-container .mean-nav ul li li a,
	.mean-container .mean-nav ul li li span {
    	width: 80%;
    	padding: 0.5rem 5% 0.5rem 15%;
	}
	.mean-container .mean-nav ul li li span {
    	opacity: 0.2;
	}
	#footer {
		padding: 1rem 0 4rem 0;
	}
	#footer .footer-wrapper {
		width: 100%;
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    grid-template-rows: auto 70px 70px 70px auto;
	    grid-template-areas:
	        "footimp footimp"
	        "footdon footdon"
	        "footsub footsub"
	        "footsoc footsoc"
	        "footaddr footaddr";
	}
	.footer-imp {
		padding: 0 1rem;
	}
	.footer-imp ul li {
		padding: 0.2rem 0;
	}
	.donate {
		padding-top: 1.5rem;
	}
	.subscribe {
		align-self: center;
	}
	.socialFooter {
		padding-bottom: 1.3rem;
		padding-left: 1rem;
		align-self: end
	}
	.socialFooter a {
		margin-right: 0.5rem;
	}
	#block-nice-menus-20,
	#block-nice-menus-21 {
		display: none;
	}
	.region-navigation {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "lang social";
		justify-items: end;
	}
	.social2021{
		display: none;
		visibility: hidden;
	}
	#navigation {
		padding-left: 0 !important;
		padding-right: 0 !important;
		background: none !important;
		position: fixed !important;
		top: 1.3rem;
		right: 3.6rem;
		z-index: 3;
		width: 100%;
	}
	.block-locale {
		justify-self: start;
	    position: absolute;
	    top: 0;
	    right: 0;
	    background-color: var(--light);
	}
	.language-link {
		padding: 0.8rem 0.8rem 0.7rem 0.8rem;
		font-size: 1rem;
		font-weight: bold;
		color: var(--dark);
		background-color: var(--light);
	}
	.view-news-archive .views-field-field-a-thumbnail {
		float: none !important;
	}
	.re2020 .view-content {
		grid-gap: 2rem;
	}
	.press2019 .view-content {
		grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
	}
	.sections2021 .view-content {
		grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
		grid-gap: 1rem;
	}
	.node-type-film .group-left {
		width: 100%;
	}
	.node-type-film .group-right {
		width: calc(100% - 1rem);
	}
	.node-type-film .player iframe {
		width: 100%;
		height: auto;
	}
	.group-filminfo,
	.group-right {
		padding: 0 0.5rem;
	}
	.field-name-field-long-text:before {
		content: "Synopsis ";
		padding-top: 2rem;
		text-transform: uppercase;
		display: block;
		font-weight: bold;
	}




	article .field-name-field-a-thumbnail {
    	height: auto !important;
    	background: none !important;
	}
	article .field-name-field-text-body,
	.discuss2019 .row-inner,
	.discuss2019s .view-content {
    	width: 90% !important;
    }
    .discuss2019 h3 {
    	padding: 0.5rem !important;
    	position: relative;
	}
	.discuss2019 h3 span {
    	width: 1rem;
    	position: absolute;
    	right: 0.5rem;
	}
	.ui-dialog {
		height: 90% !important;
		top: 5% !important;
	}
	.ui-dialog .ui-dialog-content {
		max-height: calc(100% - 1.5rem - 2em - 3px) !important;
	}
	.ui-dialog .group-left {
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		padding-bottom: 1rem;
	}
	.ui-dialog .group-right {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.ui-dialog .group-footer {
		width: 90% !important;
	}
	.node-film .player iframe {
		width: 100%;
	}
	.view-2021-schedule {
		margin-top: 0 !important;
	}
	.schedule2021 .view-header {
		position: fixed !important;
		top: 200px !important;
		padding-left: 3%;
		padding-right: 3%;
    	width: 93%;
    	z-index: 11 !important;
	}
	.schedule ul {
		grid-template-columns: repeat(5, minmax(9rem, 1fr));
		overflow-x: auto;
		justify-content: start !important;
	}
	.legend-wrapper {
		grid-template-rows: repeat(7, auto);
		margin-bottom: 0.5rem;
		justify-items: start;
	}
	.schedule2021 .view-content {
		top: 105px;
		margin-bottom: 7rem;
		overflow-x: scroll;
		z-index: 1;
	}
	.time {
		position: sticky !important;
    	left: 0;
    	z-index: 10;
    	background-color: rgba(255,255,255,0.9);
    	border-right: 1px solid rgba(240,240,240,0.8);
    	padding-right: 0.3rem !important;
	}
	.trackslot {
		top: 0 !important
	}
	.schedule2021 .grid-item {
		width: 50vw;
	}

	.legendexp {
		position: fixed;
		top: 270px;
		width: 100%;
		text-align: center;
		z-index: 13;
	}
	.legendexp i {
		font-size: 2rem;
		color: rgba(0,0,0,1);
    	filter: drop-shadow(0 0 4px #fff);
    	cursor: pointer;
    	transition: transform 0.4s;
	}
	.lopen i {
		transform: rotate(180deg);
	}
	.placescrollleft,
	.placescrollright {
		position: fixed;
		top: 303px;
		z-index: 11;
	}
	.placescrollleft {
		left: 6px;
	}
	.placescrollright {
		right: 6px;
	}
	.datescrollleft,
	.datescrollright {
		position: fixed;
		top: 215px;
		z-index: 12;
	}
	.datescrollleft {
		left: 6px;
	}
	.datescrollright {
		right: 6px;
	}
	.datescrollleft i,
	.datescrollright i,
	.placescrollleft i,
	.placescrollright i {
		font-size: 3rem;
		color: rgba(0,0,0,1);
    	filter: drop-shadow(0 0 4px #fff);
    	cursor: pointer;
	}
	.scrollup {
		position: fixed;
    	bottom: 1rem;
    	left: calc(50% - 1.125rem);
    	cursor: pointer;
	}
	.scrollup i {
		font-size: 2.3rem;
    	background-color: rgba(255,255,255,0.5);
    	border-radius: 1.25rem;
    	width: 2.25rem;
    	height: 2.25rem;
    	text-align: center;
    	border: 2px solid rgba(255,255,255,0.9);
    	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	}
	.region-highlighted {
		margin-top: 0;
		margin-bottom: -5rem;
	}
	.not-front #main {
		width: 100% !important;
		margin: 0 auto;
	}
	.node-type-photos article {
		grid-template-columns: repeat(auto-fill, minmax(40vw, 1fr));
	}
	.view-2019-gallery .view-content .views-row .views-field-title {
 		opacity: 1;
	}
	.view-2019-gallery .view-content .views-row .views-field-fid img {
  		filter: blur(1px);
	}
	.pgrid3 {
		grid-template-columns: 1fr;
	}
	.pgrid4 {
		grid-template-columns: repeat(2, 1fr);
	}
	.pgrid5 {
		grid-template-columns: repeat(3, 1fr);
	}
	.node-type-film .group-footer .field-name-field-director-photo {
		width: 25%;
		float: none;
		display: inline-block;
	}
	.node-type-film .group-footer .field-name-field-director-bio {
		display: inline-block;
		width: calc(75% - 1rem);
		vertical-align: top;
	}
	.sectionmenu li a {
		text-decoration: none;
	}
	.sectionmenu .menu-mlid-5025,
	.sectionmenu .menu-mlid-5035 {
		background-color: rgba(172,31,235,1);
	}
	.sectionmenu .menu-mlid-5026,
	.sectionmenu .menu-mlid-5036 {
		background-color: rgba(228,85,0,1);
	}
	.sectionmenu .menu-mlid-5027,
	.sectionmenu .menu-mlid-5037 {
		background-color: rgba(0,35,255,1);
	}
	.sectionmenu .menu-mlid-5028,
	.sectionmenu .menu-mlid-5038 {
		background-color: rgba(222,0,48,1);
	}
	.sectionmenu .menu-mlid-5029,
	.sectionmenu .menu-mlid-5039 {
		background-color: rgba(133,137,159,1);
	}
	.sectionmenu .menu-mlid-5030,
	.sectionmenu .menu-mlid-5040 {
		background-color: rgba(0,161,0,1);
	}
	.sectionmenu .menu-mlid-5031,
	.sectionmenu .menu-mlid-5041 {
		background-color: rgba(73,158,177,1);
	}
	.sectionmenu .menu-mlid-5032,
	.sectionmenu .menu-mlid-5042 {
		background-color: rgba(228,231,32,1);
	}
	.sections2021 .sectionName {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.sections2021 .sectionImage {
	    background-size: cover;
	}
	.filmCarousel2020 .owl-controls .owl-buttons div {
		display: none !important;
	}
	.vialogButton {
	    right: 1rem;
	    bottom: 1rem;
	    height: 2rem;
	    width: 2rem;
	}
	.vialogPopup {
	    right: 1rem;
	    max-width: calc(100% - 2rem);
	}
	.vialogPopup h2 {
	    background-color: white;
	    padding: 1rem 0.5rem 0 0.5rem;
	}
	.node-type-film .field-name-field-vialog-scroll {
		margin: 0 0.5rem 1.6rem 0.5rem;
	}
	.node-type-film .field-name-field-miscellaneous .field-item {
		margin: 0 0 0.5rem 0;
	}
	.liveStream {
		margin: 2rem 0.5rem;
	}
	.liveStream iframe{
		width: 100%;
		height: calc(100vw / 1.7777777778);
	}
	.liveChat {
		margin-left: -3%;
		margin-right: -3%;
	}

	.liveChat .field-item {
		height: 450px;
		border: 1px solid var(--light);
	}
	.articleGallery-carousel .owl-controls .owl-prev {
	    left: -1rem;
	}

	.articleGallery-carousel .owl-controls .owl-next {
	    right: -1rem;
	}
	.node-type-article .view-mode-article_w_gallery .field-name-field-video .field-items {
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
		grid-gap: 1rem;
	}
	.node-type-article .view-mode-article_w_gallery .field-name-field-video .field-items .video-js {
		width: 320px !important;
		height: 180px !important;
	}
	.gallery2021 ul {
		grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
	}

	.gallery2021 ul li.first {
		grid-column-start: 1;
	    grid-column-end: 3;
	}
	.gallery2021 ul li:nth-child(n + 5) {
		display: none;
	}
	.gallery2021 .imgCount {
    width: calc((100% - 1rem) / 2);
    height: calc((100% - 3.9rem) / 4);
}
	.sections2021 .sectionInfo {
		width: 90%;
	}
	.sections2021 .sectionInfoFoot {
		width: 90%;
	}
	.sections2021 .grid-item .views-field-nothing {
		position: fixed;
		z-index: 1000000;
		height: 100vh;
		width: 100%;
		backdrop-filter: saturate(180%) blur(20px);
    	top: 100vh;
    	left: 0;
    	transition: top 0.4s;
	}
	.sections2021 .grid-item .views-field-nothing span.field-content {
		font-size: 1rem;
		background-color: var(--light);
		padding: 1rem;
		display: block;
		position: absolute;
		bottom: 5rem;
		left: 0;
	}
	.sections2021 .grid-item .views-field-nothing span.field-content span {
		font-size: 1rem;
	}
	.sections2021 .grid-item .views-field-view-node-1 {
		position: fixed;
	    bottom: -100vh;
	    left: 0;
	    width: 50%;
	    height: 5rem;
	    z-index: 1000001;
	    background-color: var(--light);
	    transition: bottom 0.4s;
	    text-align: center;
	}
	.sections2021 .grid-item .views-field-field-stream-link {
		position: fixed;
	    bottom: -100vh;
	    left: 50%;
	    width: 50%;
	    height: 5rem;
	    z-index: 1000001;
	    background-color: var(--light);
	    transition: bottom 0.4s;
	    text-align: center;
	}
	.sections2021 .grid-item .views-field-title {
		transition: all 0.4s;
		transition-property: all;
	}
	.sections2021 .grid-item .views-field-title span {
		font-weight: bold;
		font-size: 1.1rem;
	}
	.sections2021 .grid-item .sheet-close {
	    position: fixed;
		z-index: 1000001;
    	top: calc(100vh + 1rem);
    	right: 0;
    	padding: 0.2rem 0.5rem;
    	transition: top 0.4s;
    	background: var(--light);
	}
	.sections2021 .grid-item .views-field-nothing .logline {
		border-top: 1px solid var(--pink);
		border-bottom: 1px solid var(--pink);
	    padding-bottom: 0.5rem;
	    padding-top: 0.5rem;
	    margin-top: 0.5rem;
	}
	.sections2021 .grid-item .views-field-nothing.sheet-open {
		top: 0;
	}
	.sections2021 .grid-item .views-field-title.sheet-open {
		position: fixed;
	    z-index: 1000001;
	    background-color: unset;
	    padding-top: 2rem;
	    width: 80%;
	    margin-left: 10%;
	    margin-right: 10%;
	    text-align: center;
	}
	.sections2021 .grid-item .views-field-title.sheet-open span {
		font-size: 3rem;
		line-height: 4rem;
	}
	.sections2021 .grid-item .views-field-title.sheet-open span a {
		font-weight: 900;
		text-shadow: 0 0 30px var(--light);
	}
	.sections2021 .grid-item .views-field-view-node-1.sheet-open {
	    bottom: 0;
	}
	.sections2021 .grid-item .views-field-field-stream-link.sheet-open {
	    bottom: 0;
	}
	.sections2021 .grid-item .sheet-close.sheet-open {
	    top: 0;
	}


	.sections2021 .grid-item .views-field-field-stream-link a,
	.sections2021 .grid-item .views-field-view-node-1 a {
		text-decoration: none;
		color: var(--dark);
	}
	.sections2021 .grid-item .views-field-field-stream-link span,
	.sections2021 .grid-item .views-field-field-stream-link i {
		color: var(--dark);
	}
	.sections2021 .grid-item .views-field-field-stream-link span,
	.sections2021 .grid-item .views-field-view-node-1 span {
		text-transform: uppercase;
		font-weight: bold;
	}
	.sections2021 .grid-item .views-field-field-stream-link span,
	.sections2021 .grid-item .views-field-field-stream-link i,
	.sections2021 .grid-item .views-field-view-node-1 span,
	.sections2021 .grid-item .views-field-view-node-1 i {
		display: block;
	}
.articleGallery-carousel .owl-pagination {
    display: none !important;
}

}

/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/


@media all and (min-width: 979px) and (max-width: 1192px) {
	#main {
		margin-top: 348px;
		padding-top: 50px;
		background-color: white;
		/*background-image: url(/sites/all/themes/v2021f/images/mainBg.png);*/
		background-repeat: no-repeat;
		background-position: center top;
	}
	.header {
		    width: 100%;
    	/*background-size: 100% 100%;*/
	}
	#header-wrapper {
	position: absolute;
}
#header-fixedBg {
	top: 0;
}
	#header-fixedBg img {
	left: 1rem;
    top: 1rem;
}
	.header-logo {
		position: fixed;
		left: 1rem;
		top: 1rem;
		opacity: 1;
	}
	.logo2fixed {
		opacity: 0 !important;
	}
	.header__logo-image {
		height: 90px;
	}
	.header__region {
		/*display: grid;
		grid-template-columns: 50% 50%;
		position: absolute;
    	width: calc(100% - 85px);
    	height: 325px;
    	top: 25px;*/
	}
	.header__title {
		position: absolute;
		top: 1.4rem;
		left: 6.4rem;
	}
	.header__title p {
		font-size: 1.4rem;
	}
	.header__slogan  {
   	position: fixed;
	right: 1rem;
	top: 1.4rem;
	}
	.header__slogan p {
	text-align: right;
}
.header__button-left-container {
	position: absolute;
	left: 6.4rem;
	top: 250px;
	min-width: 195px;
}
.header__button-left {
	padding: 0.5rem 1rem;
}
.header__button-right-container {
	position: absolute;
	top: 220px;
	right: 16rem;
	min-width: 130px;
}
.header__button-right {
	padding: 0.5rem 1rem;
}

.vic2fixed {
	position: fixed !important;
	top: 2rem !important;
}

.vo2fixed {
	position: fixed !important;
	top: 1.5rem !important;
}
	#navigation {
		padding-left: 0 !important;
		padding-right: 0 !important;
		height: 50px;
		width: calc(100% - 1rem);
		top: 10px;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}

	.nav2fixed {
		width: 97.5% !important;
	position: fixed !important;
	top: 7.7rem !important;
	}

	.language-link {
		font-size: 1.5rem;
		padding: 0.825rem;
		font-weight: 900;
		color: var(--dark);
		width: 50px;
		height: 50px;
	}
	article .field-name-field-text-body,
	article .field-name-field-text-frontpage-teaser,
	.ds-1col .field-name-field-text-frontpage-teaser,
	.ds-1col .field-name-field-text-body,
	.ds-1col .field-name-field-patricipant-s- {
		width: 80%;
	}



	.fphtsb #fpTickets,
	.fphtsb #fpSchedule {
		margin-bottom: 1.375rem;
	}
	.fphtsb a,
	.fphtsb span {
		font-size: 22px;
		padding: 15px 0;
		width: 216px;
	}
	.front .region-highlighted {
		grid-template-columns: repeat(5, minmax(13.75rem, 1fr));
		grid-template-rows: repeat(2, 13.75rem);
		grid-template-areas: "tsb newsW newsW newsW newsW"
		"newsN newsN newsN newsN newsA";
		grid-gap: 1rem;
		max-width: 72.75rem;
		margin: 0 auto;
	}
	.fphtsb {
		grid-area: tsb;
	}
	.fphnw {
		grid-area: newsW;
		grid-column-start: span 4;
	}
	.fphnn {
		grid-area: newsN;
		grid-column-start: span 4;
	}
	.fphna {
		grid-area: newsA;
		align-self: end;
		margin-bottom: 0;
	}
	.fphnw .view-content {
		display: grid;
		grid-gap: 1rem;
		grid-template-columns: repeat(2, 28.5rem);
		grid-template-areas: "newsWa newsWb";
	}
	.fphnw .view-content .rowno1 {
		grid-area: newsWa;
		position: relative;
	}
	.fphnw .view-content .rowno2 {
		grid-area: newsWb;
		position: relative;
	}
	.fphnn .view-content {
		display: grid;
		grid-gap: 1rem;
		grid-template-columns: repeat(4, 13.75rem);
		grid-template-areas: "newsNa newsNb newsNc newsNd";
	}
	.fphnn .view-content .rowno1 {
		grid-area: newsNa;
		position: relative;
	}
	.fphnn .view-content .rowno2 {
		grid-area: newsNb;
		position: relative;
	}
	.fphnn .view-content .rowno3 {
		grid-area: newsNc;
		position: relative;
	}
	.fphnn .view-content .rowno4 {
		grid-area: newsNd;
		position: relative;
	}
	.fpo .outreach {
		padding: 2.5rem 0.375rem;
	}
	.fpo .outreach a {
		padding: 1rem 0;
		width: 13.5rem;
	}
	.fpp .view-content {
		grid-template-columns: repeat(auto-fill, 13.75rem);
		max-width: 80%;
	}
	#footer {
		padding: 3rem 0 4rem 0;
	}
	#footer .footer-wrapper {
		width: 100%;
		display: grid;
		grid-template-columns: 250px auto 50%;
		grid-template-rows: auto 50px;
		grid-template-areas: "footaddr footaddr footimp"
		"footdon footsub footsoc";
		grid-gap: 2rem;
	}
	.socialFooter a {
		margin-right: 1rem;
	}
	.region-navigation {
		height: 50px;
		display: grid;
		grid-template-columns: auto 50px;
		grid-template-areas: "menu lang";
		align-items: center;
	}
	.social2021 {
		display: none;
	}
	
	#content {
		width: calc(100% - 5rem);
	}
	.press2019 .view-content {
		grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
	}
	.re2020 .view-content {
		grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
		grid-gap: 2rem 2rem;
	}
	.node-type-film .group-left {
		width: 39%;
		margin-right: 1%;
		margin-left: 10%;
		margin-bottom: 50px;
	}
	.node-type-film .group-right {
		width: 39%;
		margin-left: 1%;
		margin-right: 10%;
		margin-bottom: 50px;
	}
	.ui-dialog {
		height: 90vh !important;
		top: 5vh !important;
	}
	.ui-dialog .ui-dialog-content {
		max-height: calc(90vh - 1.5rem - 2em - 3px) !important;
	}
	.ui-dialog .group-left {
		text-align: right;
		width: 45%;
		margin-right: 1%;
		margin-left: 4%;
	}
	.ui-dialog .group-right {
		width: 45%;
		margin-left: 1%;
		margin-right: 4%;
	}
	.schedule2019 .view-header {
		position: sticky;
		top: 150px;
		margin-top: -50px;
		padding-top: 50px;
		backdrop-filter: saturate(180%) blur(20px);
		margin-left: -3%;
    	padding-right: 3%;
    	padding-left: 3%;
    	margin-right: -3%;
	}
	.schedule ul {
		grid-template-columns: repeat(5, auto);
	}
	.legend-wrapper {
		grid-template-columns: repeat(7, auto);
		margin-bottom: 0.5rem;
		justify-items: center;
		justify-content: center;
	}
	.placescrollleft,
	.placescrollright,
	.datescrollleft,
	.datescrollright,
	.legendexp,
	.scrollup {
		display: none;
	}
	.region-highlighted {
		margin-top: 3.125rem;
		margin-bottom: -6.250rem;
	}
	.node-type-photos article {
		grid-template-columns: repeat(auto-fill, minmax(17vw, 1fr));
	}
	.pgrid3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.pgrid4 {
		grid-template-columns: repeat(4, 1fr);
	}
	.pgrid5 {
		grid-template-columns: repeat(5, 1fr);
	}
	.sections2021 .view-content {
		grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
		grid-gap: 1.5rem 1rem;
	}
	.sectionInfo {
		/*margin-top: 3rem;*/
		margin-bottom: 3rem;
	}
	.sectionmenu li a,
	.sectionmenu li span {
		color: var(--dark) !important;
	}
	.sections2021 .sectionName {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
	.sections2021 .sectionImage {
	    background-size: 100%;
	}

	.sections2021.view-display-id-page_7 .view-content h3 {
	grid-column: span 3;
}
	.vialogButton {
	    right: 2rem;
	    bottom: 2rem;
	    height: 3rem;
	    width: 3rem;
	}
	.vialogButton:hover {
	    background-color: var(--green);
	    box-shadow: 0 0 10px 0 rgba(38,48,58,1);
	    border: 1px solid var(--blue);
	}
	.vialogPopup {
	    right: 2rem;
	    max-width: 70vw;
	    width: 70vw;
	}
	.node-type-film .field-name-field-vialog-scroll {
		margin: 1.6rem 0.5rem;
		margin-right: -3.5rem;
	}
	.node-type-film .group-footer {
		width: 80%;
		margin: 0 auto;
	}
	.node-type-film .field-name-field-miscellaneous .field-item {
		margin: 0 0.6rem 0 0;
	}
	.liveStream {
		margin: 2rem 0;
		padding: 2.5rem 0;
		background-color: var(--catGridBg);
	}
	.liveStream .field-item{
	    width: 800px;
		margin: 0 auto;
		max-height: 450px;
	}
	.liveStream.withChat {
		display: inline-block;
		width: 800px;
		margin-left: calc(-1* 10% - 1rem);
		vertical-align: top;
	}
	.liveStream .player {
		max-height: 450px;
	}
	.node-type-happening .view-mode-2021_event {
	width: 80%;
	margin: 0 auto;
	}
	.liveChat {
		display: inline-block;
		width: calc(var(--width) - 900px);
		margin-right: calc(-1* 10% - 1rem);
		vertical-align: top;
		box-shadow: 0 0 10px 0 var(--animBG);
	}
	.liveChat .field-item {
		height: 450px;
	}
	.articleGallery-carousel .owl-controls .owl-prev {
	    left: -3rem;
	}

	.articleGallery-carousel .owl-controls .owl-next {
	    right: -3rem;
	}
	.node-type-article .view-mode-article_w_gallery .field-name-field-video .field-items {
		grid-template-columns: repeat(auto-fill, minmax(520px, 1fr));
	}
	.gallery2021 ul {
		grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
	}

	.gallery2021 ul li.first {
		grid-column-start: 1;
	    grid-column-end: 3;
	    grid-row-start: 1;
	    grid-row-end: 3;
	}
	.gallery2021 ul li:nth-child(n + 7) {
		display: none;
	}
	.gallery2021 .imgCount {
    width: calc((100% - 2.5rem) / 5);
    height: calc((100% - 3.9rem) / 2);
}
	.sections2021 .sectionInfo {
		width: 70%;
	}
	.sections2021 .sectionInfoFoot {
		width: 70%;
	}
	.articleGallery-carousel .owl-pagination .owl-page {
  		width: 4rem;
	}

}


/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/


/*@media all and (min-width: 1192px) */
@media all and (min-width: 1192px) {

	#main {
		margin-top: 348px;
		padding-top: 50px;
		background-color: white;
		/*background-image: url(/sites/all/themes/v2021f/images/mainBg.png);*/
		background-repeat: no-repeat;
		background-position: center top;
	}
	.header {
		    width: 100%;
    	/*background-size: 100% 100%;*/
	}
	#header-wrapper {
	position: absolute;
}
#header-fixedBg {
	top: 0;
}
	#header-fixedBg img {
	left: calc((100% - var(--width)) / 2);
    top: 20px;
}
	.header-logo {
		position: fixed;
		left: calc((100% - var(--width)) / 2);
		top: 20px;
		opacity: 1;
	}
	.logo2fixed {
		opacity: 0 !important;
	}
	.header__logo-image {
		height: 90px;
	}
	.header__region {
		display: grid;
		grid-template-columns: 50% 50%;
		position: absolute;
    	width: calc(var(--width) - 85px);
    	height: 325px;
    	left: calc(((100% - var(--width)) / 2) + 85px);
    	top: 25px;
	}

	.header__title p {
		font-size: 1.4rem;
	}
	.header__slogan  {
   	position: fixed;
	right: calc((100% - var(--width)) / 2);
}
	.header__slogan p {
	text-align: right;
}

.header__button-left {
	position: absolute;
	bottom: 0;
	right: 50%;
	min-width: 195px;
	margin-bottom: 2rem;
	margin-right: 25%;
	padding: 0.5rem 2rem 0.5rem 1rem;
	clip-path: polygon(0% 0, 89% 0, 91% 25%, 93% 50%, 96% 75%, 100% 100%, 0% 100%);
}

.header__button-right {
	position: absolute;
	left: 50%;
	top: 60%;
	min-width: 130px;
	padding: 0.5rem 1rem 0.5rem 4rem;
	margin-left: 7rem;
	clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%, 20% 47%);
}
.vic2fixed {
	position: fixed !important;
	top: 7rem !important;
	left: 50%;
	margin-left: -14.7rem;
}

.vo2fixed {
	position: fixed !important;
	top: 1.5rem !important;
	left: 50%;
	margin-left: 3rem
}
.vo2fixed .header__button-right {
	clip-path: polygon(42% 0, 100% 0, 100% 100%, 0 100%, 19% 60%);
	transition: clip-path 0.4s;
}
	#navigation {
		padding-left: 0 !important;
		padding-right: 0 !important;
		height: 50px;
		width: var(--width);
		margin-left: calc((100% - var(--width)) / 2);
		top: 10px;
		left: 0;
	}

	.language-link {
		font-size: 1.5rem;
		padding: 0.825rem;
		font-weight: 900;
		color: var(--dark);
		width: 50px;
		height: 50px;
	}
	article .field-name-field-text-body,
	article .field-name-field-text-frontpage-teaser,
	.ds-1col .field-name-field-text-frontpage-teaser,
	.ds-1col .field-name-field-text-body,
	.ds-1col .field-name-field-patricipant-s- {
		width: 80%;
	}

.view-2021-guests.people-jury .grid-item .views-field-field-director-photo,
.view-2021-guests.people-guests .grid-item .views-field-field-director-photo,
.sections2021 .view-content .grid-item .views-field-field-a-thumbnail {
	overflow: hidden;
}

.view-2021-guests.people-jury .grid-item .views-field-field-director-photo img,
.view-2021-guests.people-guests .grid-item .views-field-field-director-photo img,
.sections2021 .view-content .grid-item img {
	transform: scale(1) translateY(0);
    transform-origin: 50% 16%;
    transition: transform 3s;
}

.view-2021-guests.people-jury .grid-item:hover .views-field-field-director-photo img,
.view-2021-guests.people-guests .grid-item:hover .views-field-field-director-photo img,
.sections2021 .view-content .grid-item:hover img {
	transform: scale(1.25) translateY(-15px);
	transition: transform 3s;
}

	.fphtsb #fpTickets,
	.fphtsb #fpSchedule {
		margin-bottom: 1.375rem;
	}
	.fphtsb a,
	.fphtsb span {
		font-size: 22px;
		padding: 15px 0;
		width: 216px;
	}
	.front .region-highlighted {
		grid-template-columns: repeat(5, minmax(13.75rem, 1fr));
		grid-template-rows: repeat(2, 13.75rem);
		grid-template-areas: "tsb newsW newsW newsW newsW"
		"newsN newsN newsN newsN newsA";
		grid-gap: 1rem;
		max-width: 72.75rem;
		margin: 0 auto;
	}
	.fphtsb {
		grid-area: tsb;
	}
	.fphnw {
		grid-area: newsW;
		grid-column-start: span 4;
	}
	.fphnn {
		grid-area: newsN;
		grid-column-start: span 4;
	}
	.fphna {
		grid-area: newsA;
		align-self: end;
		margin-bottom: 0;
	}
	.fphnw .view-content {
		display: grid;
		grid-gap: 1rem;
		grid-template-columns: repeat(2, 28.5rem);
		grid-template-areas: "newsWa newsWb";
	}
	.fphnw .view-content .rowno1 {
		grid-area: newsWa;
		position: relative;
	}
	.fphnw .view-content .rowno2 {
		grid-area: newsWb;
		position: relative;
	}
	.fphnn .view-content {
		display: grid;
		grid-gap: 1rem;
		grid-template-columns: repeat(4, 13.75rem);
		grid-template-areas: "newsNa newsNb newsNc newsNd";
	}
	.fphnn .view-content .rowno1 {
		grid-area: newsNa;
		position: relative;
	}
	.fphnn .view-content .rowno2 {
		grid-area: newsNb;
		position: relative;
	}
	.fphnn .view-content .rowno3 {
		grid-area: newsNc;
		position: relative;
	}
	.fphnn .view-content .rowno4 {
		grid-area: newsNd;
		position: relative;
	}
	.fpo .outreach {
		padding: 2.5rem 0.375rem;
	}
	.fpo .outreach a {
		padding: 1rem 0;
		width: 13.5rem;
	}
	.fpp .view-content {
		grid-template-columns: repeat(auto-fill, 13.75rem);
		max-width: 80%;
	}
	#footer {
		padding: 3rem 0 4rem 0;
	}
	#footer .footer-wrapper {
		width: var(--width);
		margin-left: calc((100% - var(--width)) /2);
		display: grid;
		grid-template-columns: 250px auto 50%;
		grid-template-rows: auto 50px;
		grid-template-areas: "footaddr footaddr footimp"
		"footdon footsub footsoc";
		grid-gap: 2rem;
	}
	.socialFooter a {
		margin-right: 1rem;
	}
	.region-navigation {
		height: 50px;
		display: grid;
		grid-template-columns: auto 250px 50px;
		grid-template-areas: "menu social lang";
		align-items: center;
	}
	.social2021 {
		height: 50px;
		justify-self: end;
	}
	#navigation {
		padding-left: 0 !important;
		padding-right: 0 !important;
		height: 50px;
		width: var(--width);
		/*margin-left: calc((100% - var(--width)) / 2);*/
		color: var(--blue);
	}
	
	#content {
		width: calc(var(--width) - 5rem);
	}
	.press2019 .view-content {
		grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
	}
	.re2020 .view-content {
		grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
		grid-gap: 2rem 2rem;
	}
	.node-type-film .group-left {
		width: 39%;
		margin-right: 1%;
		margin-left: 10%;
		margin-bottom: 50px;
	}
	.node-type-film .group-right {
		width: 39%;
		margin-left: 1%;
		margin-right: 10%;
		margin-bottom: 50px;
	}
	.ui-dialog {
		height: 90vh !important;
		top: 5vh !important;
	}
	.ui-dialog .ui-dialog-content {
		max-height: calc(90vh - 3.2rem - 2em - 3px) !important;
	}
	.ui-dialog .group-left {
		text-align: right;
		width: 435px;
		margin-right: 1%;
		margin-left: calc(50% - 435px - 1%);
	}
	.ui-dialog .group-right {
		width: 435px;
		margin-left: 1%;
		margin-right: calc(50% - 435px - 1%);
	}
	.ui-dialog .field-name-field-a-thumbnail img {
	width: 435px;
}
	.schedule2019 .view-header {
		position: sticky;
		top: 150px;
		margin-top: -50px;
		padding-top: 50px;
		backdrop-filter: saturate(180%) blur(20px);
		margin-left: -3%;
    	padding-right: 3%;
    	padding-left: 3%;
    	margin-right: -3%;
	}
	.schedule ul {
		grid-template-columns: repeat(5, auto);
	}
	.legend-wrapper {
		grid-template-columns: repeat(7, auto);
		margin-bottom: 0.5rem;
		justify-items: center;
		justify-content: center;
	}
	.placescrollleft,
	.placescrollright,
	.datescrollleft,
	.datescrollright,
	.legendexp,
	.scrollup {
		display: none;
	}
	.region-highlighted {
		margin-top: 3.125rem;
		margin-bottom: -6.250rem;
	}
	.node-type-photos article {
		grid-template-columns: repeat(auto-fill, minmax(17vw, 1fr));
	}
	.view-2019-gallery .view-content .views-row .views-field-title {
 		opacity: 0;
	}
	.view-2019-gallery .view-content .views-row .views-field-fid img {
  		filter: blur(1px);
	}
	.pgrid3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.pgrid4 {
		grid-template-columns: repeat(4, 1fr);
	}
	.pgrid5 {
		grid-template-columns: repeat(5, 1fr);
	}
	.sections2021 .view-content {
		grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
		grid-gap: 1.5rem 1rem;
	}
	.sectionInfo {
		/*margin-top: 3rem;*/
		margin-bottom: 3rem;
	}
	.sectionmenu li a,
	.sectionmenu li span {
		color: var(--dark) !important;
	}
	.sections2021 .sectionName {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
	.sections2021 .sectionImage {
	    background-size: 100%;
	}

	.sections2021.view-display-id-page_7 .view-content h3 {
	grid-column: span 3;
}
	.vialogButton {
	    right: 2rem;
	    bottom: 2rem;
	    height: 3rem;
	    width: 3rem;
	}
	.vialogButton:hover {
	    background-color: var(--green);
	    box-shadow: 0 0 10px 0 rgba(38,48,58,1);
	    border: 1px solid var(--blue);
	}
	.vialogPopup {
	    right: 2rem;
	    max-width: 70vw;
	    width: 70vw;
	}
	.node-type-film .field-name-field-vialog-scroll {
		margin: 1.6rem 0.5rem;
		margin-right: -3.5rem;
	}
	.node-type-film .group-footer {
		width: 80%;
		margin: 0 auto;
	}
	.node-type-film .field-name-field-miscellaneous .field-item {
		margin: 0 0.6rem 0 0;
	}
	.liveStream {
		margin: 2rem 0;
		padding: 2.5rem 0;
		background-color: var(--catGridBg);
	}
	.liveStream .field-item{
	    width: 800px;
		margin: 0 auto;
		max-height: 450px;
	}
	.liveStream.withChat {
		display: inline-block;
		width: 800px;
		margin-left: calc(-1* 10% - 1rem);
		vertical-align: top;
	}
	.liveStream .player {
		max-height: 450px;
	}
	.node-type-happening .view-mode-2021_event {
	width: 80%;
	margin: 0 auto;
	}
	.liveChat {
		display: inline-block;
		width: calc(var(--width) - 900px);
		margin-right: calc(-1* 10% - 1rem);
		vertical-align: top;
		box-shadow: 0 0 10px 0 var(--animBG);
	}
	.liveChat .field-item {
		height: 450px;
	}
	.articleGallery-carousel .owl-controls .owl-prev {
	    left: -3rem;
	}

	.articleGallery-carousel .owl-controls .owl-next {
	    right: -3rem;
	}
	.node-type-article .view-mode-article_w_gallery .field-name-field-video .field-items {
		grid-template-columns: repeat(auto-fill, minmax(520px, 1fr));
	}
	.gallery2021 ul {
		grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
	}

	.gallery2021 ul li.first {
		grid-column-start: 1;
	    grid-column-end: 3;
	    grid-row-start: 1;
	    grid-row-end: 3;
	}
	.gallery2021 ul li:nth-child(n + 9) {
		display: none;
	}
	.gallery2021 .view-grouping-content h3 {
	width: calc(var(--galleryItemWidth) * 3);
}
.gallery2021 .imgCount {
    width: calc((100% - 2.5rem) / 6);
    height: calc((100% - 3.9rem) / 2);
}
	.sections2021 .sectionInfo {
		width: 70%;
	}
	.sections2021 .sectionInfoFoot {
		width: 70%;
	}
	.nav2fixed {
	position: fixed !important;
	top: 7.7rem !important;
}
.articleGallery-carousel .owl-pagination .owl-page {
  		width: 4rem;
	}


/************ ONLINE ************/
/*
	.sections2021 .view-content .grid-item {
		transition: transform 0.4s;
	}
	.sections2021 .grid-item:hover {
	    transform: scale(1.2);
	    box-shadow: none;
	}
	.sections2021 .grid-item:hover .views-field-field-a-thumbnail img {
		filter: blur(2px);
	}
	.sections2021 .grid-item .views-field-nothing {
		background-color: var(--dark);
		color: var(--light);
		padding: 0.5rem;
		opacity: 0;
		position: absolute;
		transform: scale(0.5);
		transition: opacity 0.4s, transform 0.4s;
		transform-origin: top left;
		margin-top: -2px;
	}
	.sections2021 .grid-item:hover .views-field-nothing {
		opacity: 1;
		transform: scale(0.9);
		width: 106.6%;
		box-shadow: 0 0 10px 0 black;
	}
	.sections2021 .grid-item:hover .views-field-nothing .logline {
		border-top: 1px solid var(--pink);
		padding-top: 0.3rem;
	}
	.sections2021 .grid-item:hover {
	    z-index: 2;
	    box-shadow: 0 0 20px 0 grey;
	}
	.sections2021 .grid-item:first-of-type,
	.sections2021 .grid-item:nth-of-type(4),
	.sections2021 .grid-item:nth-of-type(7),
	.sections2021 .grid-item:nth-of-type(10),
	.sections2021 .grid-item:nth-of-type(13) {
	    transform-origin: left 140%;
	}
	.sections2021 .grid-item:nth-of-type(2),
	.sections2021 .grid-item:nth-of-type(5),
	.sections2021 .grid-item:nth-of-type(8),
	.sections2021 .grid-item:nth-of-type(11),
	.sections2021 .grid-item:nth-of-type(14) {
	    transform-origin: center 140%;
	}
	.sections2021 .grid-item:nth-of-type(3),
	.sections2021 .grid-item:nth-of-type(6),
	.sections2021 .grid-item:nth-of-type(9),
	.sections2021 .grid-item:nth-of-type(12),
	.sections2021 .grid-item:nth-of-type(15) {
	    transform-origin: right 140%;
	}
	.sections2021 .grid-item .views-field-field-stream-link,
	.sections2021 .grid-item .views-field-view-node-1 {
		position: absolute;
		top: 0;
		width: 50%;
	    height: 100%;
	    background-color: rgba(0,0,0,0.3);
	    display: grid;
	    align-content: center;
	    text-align: center;
	    opacity: 0;
	    transition: opacity 0.4s;
	}
	.sections2021 .grid-item .views-field-field-stream-link {
		left: 50%;
	}
	.sections2021 .grid-item .views-field-view-node-1 {
		left: 0;
	}
	.sections2021 .grid-item .views-field-field-stream-link a,
	.sections2021 .grid-item .views-field-view-node-1 a {
		text-decoration: none;
		color: var(--light);
		transition: color 0.4s;
	}
	.sections2021 .grid-item .views-field-field-stream-link a:hover,
	.sections2021 .grid-item .views-field-view-node-1 a:hover {
		color: var(--pink);
	}
	.sections2021 .grid-item .views-field-field-stream-link a div,
	.sections2021 .grid-item .views-field-view-node-1 a div {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.sections2021 .grid-item:hover .views-field-field-stream-link,
	.sections2021 .grid-item:hover .views-field-view-node-1 {
	    opacity: 1;
	}
	.sections2021 .grid-item .views-field-field-stream-link span,
	.sections2021 .grid-item .views-field-view-node-1 span {
		text-transform: uppercase;
		font-weight: bold;
		color: white;
	}
	.sections2021 .grid-item .views-field-field-stream-link a:hover span,
	.sections2021 .grid-item .views-field-view-node-1 a:hover span {
		color: var(--pink);
	}
	.sections2021 .grid-item .views-field-field-stream-link span,
	.sections2021 .grid-item .views-field-field-stream-link i,
	.sections2021 .grid-item .views-field-view-node-1 span,
	.sections2021 .grid-item .views-field-view-node-1 i {
		display: block;
	}
	.sections2021 .grid-item .views-field-title span {
		font-weight: bold;
		font-size: 1.1rem;
	}
	.sections2021 .grid-item .sheet-close {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	*/
}