/*
Theme Name: MosaicRoom
Description:  official website
Design by Eli Naghilou [Studio Kargah]
Designer URI: 
Author: Farzin Mojaver
Author URI: https://www.linkedin.com/in/farzin-mojaver-a687871a7/
Version: 1.0
*/
@font-face {
    font-family: 'TheWClan';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/TheWClan-ODB-WebS.ttf') format('truetype');	 
}
@font-face {
    font-family: 'TheWClanGZA';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/TheWClan-GZA-WebS.ttf') format('truetype');	 
}

/***************************************************
				General
***************************************************/
body {
    width: 100%;
	padding:0;
	margin:0;
	-webkit-font-smoothing: antialiased;
    font-family: 'TheWClan', sans-serif;
	font-size:16px;
	background:#F2F2F2;
	color:#185F5F;
	-webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}
* {
    outline: none;
}
ul {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
a {
    font-family: 'TheWClan', sans-serif;
    font-size:16px;
    color:#000;
}
a:link {
	text-decoration: none;
    color:#185F5F;
}
a:visited {
	text-decoration: none;
    color:#185F5F;
}
a:focus,
a:hover {
	text-decoration: none;
    color:#A8C6B3;
}
a:active {
	text-decoration: none;
    color:#185F5F;
}
a[href^=tel]{
	color:inherit;
	text-decoration:none;
}
input, textare{
    font-family: 'TheWClan', sans-serif;
    font-size:1em;
}
textarea:focus, input:focus{
	outline: 0;
    font-family: 'TheWClan', sans-serif;
}
::-webkit-input-placeholder {
	color: #A8C6B3;
    font-family: 'TheWClan', sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
	color: #A8C6B3;
    font-family: 'TheWClan', sans-serif;
}
::-moz-placeholder {/* Firefox 19+ */
	color: #A8C6B3;
    font-family: 'TheWClan', sans-serif;
}
:-ms-input-placeholder {
	color: #A8C6B3;
    font-family: 'TheWClan', sans-serif;
}
figure {
    margin: 0;
}
img {
	border:0;
	border:none;
    outline: none;
}
figure img {
	width: 100%;
    height: auto;
}
span,
p {
    font-family: 'TheWClan', sans-serif;
    font-size:16px;
    color: #014242;
	text-align:left;
}
span {
    font-family: 'TheWClan', sans-serif;
    font-size:16px;
}
iframe {
	border:none;
}
.clear{
	clear:both;
}
.loader {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	right:0;
	z-index:999999;
	background:#f2f2f2;
    display: block;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.js {
    width:100%;
    height: auto;
    display: inline-block;
    overflow: hidden;
} 
.loader:before {
    content: '';
    width: 100%;
    height: 5px;
    background: #185F5F;
    position: absolute;
    top:0;
    left: 0;
    transform: scaleX(0);
}
body.loaded .loader:before {
    animation: scaleIn 1.3s ease-in 0.2s forwards;
}
@keyframes scaleIn {
  100% {
      transform: scaleX(1);
  }
}
body.loaded .loader {
    animation: fadeOut 1s ease-in 1.3s forwards;
}
@keyframes fadeOut {
  100% {
      opacity: 0;
      z-index: -1;
  }
}
body.loaded main {
    animation: fadeIn 1s ease-in 0.7s forwards;
}
@keyframes fadeIn {
  0% {
      opacity: 0;
      transform: translateY(40px);
  }
  100% {
      transform: translateY(0);
      opacity: 1;
  }
}
.loader-wrap {
    width: 200px;
    height: auto;
}
.loader-wrap svg {
    margin-bottom: 40px;
}
/***************************************************
				header
***************************************************/
header {
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
	position:fixed;
	top:0;
	left:0;
	padding:15px 30px;
	z-index:99;
	background:#014242;
    display: inline-block;
	transition:all .3s ease;
}
header.header-up {
    transform: translatey(-100%);     
	margin-top: 5px;
}
header.header-down {
    transform: translatey(0);     
	margin-top: 0;
}
header #logo {
	width:10vw;
	height:auto;
	display:block;
	float:left;
	margin-right:2vw;
}
header nav {	
    width: -moz-calc(100% - 17vw);
    width: -webkit-calc(100% - 17vw);
    width: -o-calc(100% - 17vw);
	width: calc(100% - 17vw);
	float:left;
	display:flex;
	justify-content:space-between;
}
header nav a {
	font-size:1.5vw;
	color:#A8C6B3!important;
	border-top:1px solid #014242;
	transition:all .3s ease;
}
header nav li.actv a,
header nav a:hover,
header nav a:focus {
	color:#fff!important;
	border-top:1px solid #fff;
    font-family: 'TheWClanGZA', sans-serif;

}
header nav a.deactv:hover,
header nav a.deactv:focus,
header nav a.deactv {
	cursor:default!important;
	color:#A8C6B3!important;
	border-top:1px solid #014242!important;
    font-family: 'TheWClan', sans-serif;
}
header .lang {
	width:3vw;
	height:auto;
	display:block;
	float:left;
	margin-left:2vw;
	border-top:1px solid #014242;
}
.wpml-ls-legacy-list-horizontal {
	padding:0 !important;
}
header .lang .wpml-ls-legacy-list-horizontal .wpml-ls-item {
	display:block;
	float:right;
}
header .lang a {
	font-size:1.5vw;
	text-align:right;
	margin:0;
	padding:0;
}
header .lang a span {
	font-size:1.5vw;
	color:#A8C6B3!important;
	transition:all .3s ease;
}
header .lang a:hover span,
header .lang a:focus span {
	color:#fff!important;
    font-family: 'TheWClanGZA', sans-serif;
}
.overlay {
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);
    height: -moz-calc(100vh - 100px);
    height: -webkit-calc(100vh - 100px);
    height: -o-calc(100vh - 100px);
    height: calc(100vh - 100px);
	position:fixed;	
	top:0;
	left:0;
	z-index:98;
	padding:80px 20px 20px 20px;
	background:#F2F2F2;
	transform:translateY(-120vh);
	transition:all .3s ease;
}
.overlay a {
	font-size:44px;    
}
.overlay li a:hover,
.overlay li a:focus {
	color:#A8C6B3!important;
    font-family: 'TheWClanGZA', sans-serif;
}
.overlay li.actv a,
.overlay li.actv a:hover,
.overlay li.actv a:focus {
	color:#A8C6B3!important;
    font-family: 'TheWClanGZA', sans-serif;
}
#ham {
	width:24px;
	height:24px;
	position:absolute;
	top:16px;
	right:20px;
	display:none;
}
#ham::before,
#ham::after {
	content:'';
	width:100%;
	height:2px;
	position:absolute;
	background:#fff;
	right:0;
	transition:all .3s ease;
}
#ham::before {
	top:2px;
	margin-top:-1px;
}
#ham::after {
	bottom:2px;
	margin-top:1px;
}
#ham.actv::before {
	top:50%;
}
#ham.actv::after {
	bottom:50%;
}
/***************************************************
				home
***************************************************/
#home {
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
    min-height: -moz-calc(100vh - 170px);
    min-height: -webkit-calc(100vh - 170px);
    min-height: -o-calc(100vh - 170px);
    min-height: calc(100vh - 170px);
	margin:20px 30px;
}
.home-logo {
	width:18vw;
	height:auto;
	margin-bottom:20px;
}
.home-nav {
	width:100%;
	display:inline-block;
}
.home-nav li {
	float:left;
	clear:left;
}
.home-nav li a {
	font-size:3.8vw;
	transition:all .3s ease;
    font-family: 'TheWClan', sans-serif;
}
.home-nav li a:focus,
.home-nav li a:hover {
    font-family: 'TheWClanGZA', sans-serif;
}
.home-nav li a.deactv:hover,
.home-nav li a.deactv:focus,
.home-nav li a.deactv {
	cursor:default!important;
	color:#185F5F!important;
    font-family: 'TheWClan', sans-serif;
}
/***************************************************
				about
***************************************************/
#about {
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
	min-height: -moz-calc(100vh - 100px);
    min-height: -webkit-calc(100vh - 100px);
    min-height: -o-calc(100vh - 100px);
    min-height: calc(100vh - 100px);
	margin:80px 30px 20px 30px;
	display:flex;
	flex-direction: column-reverse;
	justify-items:flex-end;
}
#about p span,
#about p {
	font-size:2vw;
	margin-bottom:0;
}
#about .about-img {
	width:100%;
	text-align:center;
}
#about .about-img img {
	max-width:40vw;
}
.about-slider {
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);
    height: 60vh;
    position: relative;
    margin: 40px auto;
}
.slider .slick-list,
.slider .slick-track {
    height: 60vh;
}
.about-slider a {
    height: 60vh;
    display:flex !important;
	align-items:center;
	text-align:center;
}

.about-slider  a video,
.about-slider  a img {
    height: 100%;
    width: auto;
	margin: 0 auto;
}	


.about-slider  .slick-next:before,
.about-slider  .slick-prev:before {
    color: #014242 !important;
}
/***************************************************
				news
***************************************************/
#news {
    width: 100%;
	min-height: -moz-calc(100vh - 220px);
    min-height: -webkit-calc(100vh - 220px);
    min-height: -o-calc(100vh - 220px);
    min-height: calc(100vh - 220px);
	margin:80px auto 20px auto;
}
#news h1{
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
	margin:80px 30px 20px 30px;
}
/***************************************************
				exhibition
***************************************************/
#exhibition {
    width: 100%;
	min-height: -moz-calc(100vh - 220px);
    min-height: -webkit-calc(100vh - 220px);
    min-height: -o-calc(100vh - 220px);
    min-height: calc(100vh - 220px);
	margin:80px auto 20px auto;
}
#exhibition h1{
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
	margin:80px 30px 20px 30px;
}
/***************************************************
				bar
***************************************************/
#bar {
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
	min-height: -moz-calc(100vh - 220px);
    min-height: -webkit-calc(100vh - 220px);
    min-height: -o-calc(100vh - 220px);
    min-height: calc(100vh - 220px);
	margin:80px 30px 20px 30px;
	display:flex;
	justify-content:center;
    flex-direction: column;
}
#bar p span,
#bar p {
	font-size:2vw;
}
/***************************************************
				Partners
***************************************************/
#partners {
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
	min-height: -moz-calc(100vh - 220px);
    min-height: -webkit-calc(100vh - 220px);
    min-height: -o-calc(100vh - 220px);
    min-height: calc(100vh - 220px);
	margin:80px 30px 20px 30px;
	display:flex;
	justify-content:center;
	align-items:flex-start;
}
.partnersd,
.partnersm {
	width:100%;
	height:auto;
}
.partnersm {
	display:none;	
}
.partners-wrap {    
	width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);
	margin:0 auto;
}
.partners {
	max-width: 480px;
	display:flex !important;
	flex-wrap:wrap;
	justify-content:space-between;
	
}
.partners .part {
	flex:0 0 calc(33.33% - 15px);
	height:150px;
	margin-top:20px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.partners .part img {
	object-fit:contain;
	max-width:120px;
	max-height:100%;
}
/***************************************************
				program
***************************************************/
#program {
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
	min-height: -moz-calc(100vh - 220px);
    min-height: -webkit-calc(100vh - 220px);
    min-height: -o-calc(100vh - 220px);
    min-height: calc(100vh - 220px);
	margin:80px 30px 20px 30px;
}
#program li {
    width:30%;
	display:block;
	float:left;
	margin-bottom:60px;
}
#program li:nth-child(3n+1) {
	clear:left;
}
#program li:nth-child(3n+2) {
	margin-left:5%;
	margin-right:5%;
}
#program li p,
#program li a,
#program li span,
#program li label {
	display:block;
	float:left;
	clear:left;
}
#program.press li a label {
	cursor:pointer;
}
#program-single .h1 span,
#program li span {
	color:#A8C6B3;
    font-family: 'TheWClanGZA', sans-serif;
	font-size:1.3vw;
}
#program-single .h1 h1,
#program li label {
	font-size:2.2vw;
}
#program-single .h1 h1 {
	margin:0 auto;
	font-weight:normal;
}
#program-single .h1 p,
#program li p {
	margin:0 auto;
	font-size:1.1vw;
}

#program li a.more {
	color:#B3B3B3;
	font-size:1.1vw;
}
#program-single .content-main:after,
#program li:after {
	content:'';
	width:60px;
	height:3px;
	display:block;
	float:left;
	clear:left;	
	background:#A8C6B3;
	margin-top:40px;
}
#program-single {
    width: 100%;
	margin:80px auto 20px auto;
}
#program-single .h1 {
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
	margin:80px 30px 20px 30px;
}
/***************************************************
				menu
***************************************************/
#menu {
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
	min-height: -moz-calc(100vh - 220px);
    min-height: -webkit-calc(100vh - 220px);
    min-height: -o-calc(100vh - 220px);
    min-height: calc(100vh - 220px);
	margin:80px 30px 20px 30px;
}
.menu-wrap .wp-block-image img {
	width:100%;
	max-width:400px !important;
}
.menu-wrap .wp-block-columns {
	margin-top:10vh;
}
.menu-wrap .wp-block-columns h3 {
	color: #A8C6B3;
    float: left;
	clear:left;
	margin-bottom:0;
}
.menu-wrap .wp-block-columns p {
    float: left;
	clear:left;
}
.menu-wrap .wp-block-columns .wp-block-separator {
	width:60px;
	height:2px;
    border-top:none !important;
    border-bottom: none !important;
    float: left;
    background: #014242;
}
/***************************************************
				contact
***************************************************/
#contact {
    width: 100%;
	min-height: -moz-calc(100vh - 220px);
    min-height: -webkit-calc(100vh - 220px);
    min-height: -o-calc(100vh - 220px);
    min-height: calc(100vh - 220px);
	margin:0 0 20px 0;
}
#contact img {
	width:100%;
	height:auto;
}
#contact .mlocation {
	display:none;
}
/***************************************************
				single
***************************************************/
.exhibition-post-wrap h1 {
	font-size:5.2vw;
	color:#000;
	text-align:center;
    font-family: 'TheWClanGZA', sans-serif;
	font-weight:normal;
}
.exhibition-post-wrap h2 {
	font-size:1.1vw;
	color:#999;
	text-align:center;
    font-family: 'TheWClanGZA', sans-serif;
	font-weight:normal;
}
.single-img {
    width: -moz-calc(100% + 60px);
    width: -webkit-calc(100% + 60px);
    width: -o-calc(100% + 60px);
    width: calc(100% + 60px);
	margin-left:-30px;
}
.exhibition-list .single-img {
	height:50vh;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}
.single-img img {
	width:100%;
	height:auto;
}
.content-wrap {
    width: -moz-calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    width: -o-calc(100% - 120px);
    width: calc(100% - 120px);
	margin:40px auto 40px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#program-single .content-wrap {
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
	flex-direction:column-reverse;
}
#program-single .content-main {
	margin-bottom:20px;
}
.content-side {
	flex: 0 0 calc(30% - 30px);
	margin-bottom:20px;
}
.content-side p {
	font-size:1.1vw;
    font-family: 'TheWClanGZA', sans-serif;
	font-weight:normal;
	color:#999;
	margin-top:0;
}
#program-single .content-side label {
	font-size:1.2vw;
}
#program-single .content-side p {
	color:#A8C6B3;
	font-size:1.2vw;
	margin-top:0;
}
.content-main {
	flex: 0 0 calc(65% - 30px);
}
.content-main p a,
.content-main p li,
.content-main p span,
.content-main p {
	font-size:2vw;
    font-family: 'TheWClanGZA', sans-serif;
	font-weight:normal;
}
.content-side a,
.content-main p a {
	color:#A8C6B3 !important;
}
.content-side a:hover,
.content-side a:focus,
.content-main p a:focus,
.content-main p a:hover {
	color:#014242 !important;	
}
.content-main p {
	margin-top:0;
}

/***************************************************
				Fancy box
***************************************************/
.wp-block-gallery figure.wp-block-image figcaption {
	display:none !important;
}
.fancybox-button, 
.fancybox-infobar__body,
.fancybox-slider,
.fancybox-bg {
	opacity:1 !important;
	background:#fff !important;
}
.fancybox-controls {
	opacity:0.8;
}
.fancybox-button--play,
.fancybox-button--thumbs {
	display:none !important; 	
}
.fancybox-button--left:after,
.fancybox-button--right:after {
    top: 15px !important;
    width: 10px !important;
    height: 10px !important;
}
.fancybox-caption {
	border:none !important;
    padding: 0 0 10px 0 !important;
    font-size: 12px !important;
    line-height: 16px !important;
	opacity:0.8;
}
.fancybox-placeholder {
	display:flex;
	justify-content:center;
	align-items:center;
}
.fancybox-image {
    width: 90% !important;
    height: 90% !important;
    margin:5% !important;
}
.fancybox-caption-wrap {
	text-align:center;
}
.fancybox-slider,
.fancybox-bg {
	background:#fff !important;
}
.fancybox-caption-wrap {
	background:transparent !important;
}
.fancybox-caption {
	color:#000 !important;
}
.fancybox-button {
	color: #014242 !important;
}
.fancybox-button--close:after,
.fancybox-button--close:before {
	background: #014242 !important;
}
/***************************************************
				footer
***************************************************/
footer {
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: calc(100% - 60px);
	margin:20px 30px;
	float:left;
	clear:both;
	display:flex;
	justify-content:space-start;
	align-items:flex-start;
}
footer ul.social-media,
footer div.footer-col {
	min-width:150px;
	margin-right:5vw;
}
.footer-col-lang a span,
footer a,
footer p {
	font-size:1.1vw;
	color:#A8C6B3 !important;
	transition:all .3s ease;
}
.footer-col-lang a {
	padding:0 !important;
}
.footer-col-lang a:hover span,
.footer-col-lang a:focus span,
footer a:hover,
footer a:focus {
	color:#185F5F !important;
}
footer p {
	margin:0;
}
footer p label {
	font-size:.9vw;
	color:#999999 !important;
}
.tag-line {
    font-family: 'TheWClanGZA', sans-serif;
	display:none;
}
.rotate {
    width:100%;
    height: 100vh;
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
	background:#F2F2F2 !important;
	color: #185F5F;
    z-index: 99999;
    top:0;
    left: 0;
    font-family: 'TheWClan';
    font-size: 24px;
}

@media screen and (max-width: 1200px) {
	header #logo {
    	width: 140px;
	}
	.home-logo {
    	width: 300px;
	}
	.home-nav li a {
		font-size: 40px;
	}
	#program-single .h1 h1,
	#program li label {
    	font-size: 26px;
	}
	#about p span,
	#about p {
    	font-size: 24px;
	}
	#exhibition h1,
	#news h1 {
		font-size:32px;	
	}
	.content-wrap {
		width: -moz-calc(100% - 60px);
		width: -webkit-calc(100% - 60px);
		width: -o-calc(100% - 60px);
		width: calc(100% - 60px);
	}
	.content-side p,
	.exhibition-post-wrap h2 {
		font-size:14px;
	}
	#program-single .content-side label,
	#program li span,
	.content-side a,
	#bar p span, 
	#bar p,
	.content-main p a,
	.content-main p span,
	.content-main p {
		font-size:20px;
	}
	#program-single .h1 span,
	#program-single .h1 p,
	#program-single .content-side a,
	#program-single .content-side p,
	#program li p,
	#program li a.more {
		font-size:18px;
	}
	#program li {
		width: -moz-calc(33.3% - 10px);
		width: -webkit-calc(33.3% - 10px);
		width: -o-calc(33.3% - 10px);
		width: calc(33.3% - 10px);
	}
	#program li:nth-child(3n+2) {
		margin-left:15px;
		margin-right:15px;
	}

	footer p label,
	.footer-col-lang a span,
	footer a,
	footer p {
    	font-size: 16px;
	}
	footer ul.social-media,
	footer div.footer-col {
    	margin-right: 20px;
	}
}
@media screen and (max-width: 1000px) {
	header nav {	
		display:none;
	}
	header .lang {
    	width: 30px;
	    float: right;
		margin-right:40px;
		margin-top:-3px;
	}
	header .lang a span {
		font-size:28px;
	}
	.overlay.actv {
		transform:translateY(0);
	}
	#ham {
		display:block;
	}
	.exhibition-list .single-img {
		height:80vh;
	}
	footer {
		flex-wrap:wrap;
		justify-content:space-between;
	}
	footer div.footer-col-lang,
	footer ul.social-media,
	footer div.footer-col {
		flex: 0 0 calc(50% - 20px);
    	margin-right: 0;
    	margin-bottom: 20px;
	}
}

@media screen and (max-width: 960px) {
	#program,
	#bar {
		min-height:inherit;
	}
	#program .video-wrap {
	    flex-direction: column;
	}
	#program .video-wrap label {
		width:100%;
		position:relative;
		display:block;
		text-align:center;
		margin-bottom: 20px;
	}
	.partnersd {
		display:none;	
	}
	.partnersm {
		display:block;	
	}
	
	#program li {
		width: -moz-calc(50% - 10px);
		width: -webkit-calc(50% - 10px);
		width: -o-calc(50% - 10px);
		width: calc(50% - 10px);
	}
	#program li:nth-child(3n+1) {
		clear: inherit;
	}
	#program li:nth-child(3n+2) {
		margin-left:0;
		margin-right:0;
	}
	#program li:nth-child(even) {	
		margin-left:20px;
	}
}
@media screen and (max-width: 640px) {
	#program-single .content-wrap,
	#program-single .h1,
	#menu,
	#partners,
	#program,
	#bar,
	#home,
	#exhibition h1
	#news h1,
	footer,
	header {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	#home {
		margin:20px;
	}
	header {
		padding:15px 20px;
	}
	#program-single .h1,
	#menu,
	#partners,
	#program,
	#bar {
		margin:80px 20px 20px 20px;
	}
	#program-single .content-wrap {
		margin:20px;
	}
	#bar p {
		width:100%;
	}
	#about {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		margin: 200px 20px 20px 20px;
	}
	#about .about-img img {
		width:100%;
	    max-width: inherit;
	}
	#news h1,
	#exhibition h1 {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		margin: 80px auto 20px auto;
	}
	#exhibition h2 {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		margin:20px auto;
	}
	.exhibition-list .single-img {
		height:auto;
	}
	#program li {
		width:100%;
	}
	#program li:nth-child(even) {	
		margin-left:0;
	}
	.content-main,
	.content-side {
		flex: 0 0 100%;
	}
	#news .content-wrap {
		flex-direction: column-reverse;
	}
	#news .content-side  {
		margin-top:20px;
	}
	#contact {
		min-height:inherit;
	}
	#contact .dlocation {
		display:none;
	}
	#contact .mlocation {
		display:block;
	}
	#partners {
		min-height: 85vh;
	}
	#program-single .content-wrap {
		flex-direction: column-reverse;
	}
	#program-single .content-main:after {
		margin-bottom:80px;
	}
	footer {
		margin:20px;
	}
	footer div.footer-col-lang,
	footer ul.social-media,
	footer div.footer-col {
		flex: 0 0 100%;
    	margin-bottom: 20px;
	}
	.about-slider  a {
		
	}
	.about-slider  a video,
	.about-slider  a img {
    	height: auto;
    	width: 100%;
	}
}
@media only screen and (max-device-width: 680px) and (orientation: landscape) {
	.rotate {
		display:flex;
	}
}