@font-face { font-family:"romeasans"; src:url("../sans.woff2") format("woff2"),url("../sans.woff") format("woff"); font-style:normal;font-weight:400; }

body, p, h1, h2, h3 { font-family: romeasans, "Helvetica Neue", Helvetica; font-weight: 400 !important; font-style: normal !important; }
body, p, h2, h3, p.p1 { font-size: 14px; line-height: 1.25rem; }
h1 { font-size: 18px; line-height: 1.6rem; margin: 0; padding: 0; }
h2 { text-transform: uppercase; margin: 0; }
p { margin: 0; padding: 0; }

body { margin: 0; overflow-x: hidden; }
body, html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.container { margin-left: 15px; margin-right: 15px; }
.container { display: flex; flex-direction: column; }
.container.home { margin-top: 105px; }



.project { display: flex; margin-top: 5px; }
.project > div { display: flex; flex-direction: column; justify-content: center; flex-basis: 25%; position: relative; text-align: center; padding: 42px 0 48px; }
.container.newswrap { margin-top: 53px; }

.news { display: flex; flex-direction: column; flex-basis: 25%; }
.news .date { text-align: center; position: relative; padding: 0 0 8px; }
.news .content { position: relative; height: 100%; padding: 12px 8px 8px 8px; }
.news .content p { margin: 0; padding: 4px 0 14px; }
.news-list { display: flex; margin-top: 5px; }

li.date p { font-size: 10px; }
.tog li.date p { padding-bottom: 0 !important; }

span.tiny { font-size: 10px; line-height: 20px; text-transform: uppercase; padding-top: 2px; letter-spacing: 0.2px; }
span.link { font-size: 10px; line-height: 20px; text-transform: uppercase; letter-spacing: 0.2px; text-align: left; }

.subsections > .column ul > li.links { padding: 0 8px 12px; position: relative; border-bottom: 0px !important; }

.heading { display: flex; justify-content: space-between; flex-direction: row; margin-top: 68px; margin-bottom: 22px; }
.heading .half { flex: 1; }

ul.exhibitions-mobile-list li p { padding-bottom: 0; }
ul.exhibitions-mobile-list li  { padding-bottom: 12px; }

.non-scroll { margin-bottom: 12px; }
.tog p,
/* .non-scroll p {padding-bottom:12px;} */
.tog .date { font-size: 10px; padding: 4px 0 6px; margin-bottom: 4px; }
.noscroll { overflow: hidden; }

.non-scroll ul { list-style: none; margin: 0; padding: 0; }

.tog div { height:0px; max-height:0px; overflow:hidden; }
/* .tog.active div{height:inherit;max-height:1000px;padding-bottom:8px;} */
.tog.active div{height:inherit;max-height:1000px;}

.tog ul { list-style: none; margin: 0; padding: 0; }
.tog h2 span { padding-left: 8px; }

.subsections { display: flex; flex-direction: row;}
.subsections > .column {  flex-basis: 33.3333333333%; overflow: auto; }
.subsections > .column { margin-top: 6px;  cursor : -webkit-grab; cursor : -moz-grab; cursor : -o-grab; cursor : grab; }
.subsections > .column:active { cursor : -webkit-grabbing; cursor : -moz-grabbing; cursor : -o-grabbing; cursor : grabbing; }
.subsections > .column ul { margin: 0; padding: 0; list-style-type: none; }
.subsections > .column ul > li { padding: 14px 8px 20px 8px; position: relative; }
.subsections > .column ul > li:last-child { border-bottom: 0; }
.subsections > .column ul > li:first-child { padding: 8px 8px 20px 8px; }
.subsections > .column ul > li.date { text-align: center; font-size: 10px; padding: 4px 0 7px; }
.subsections > .column ul > li.date:first-child { text-align: center; font-size: 10px; padding: 0 0 7px; }

.titles { display: flex; }
.titles > div { flex: 1; position: relative; text-align: center; padding: 14px 0 18px }

a { border: 0; text-decoration: none; font-weight:normal !important;  /* -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .s ease-in-out; transition: all .3s ease-in-out; */ }
a:hover { border: 0; text-decoration: none;  }

header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; margin: 0 15px 0 15px; text-transform: uppercase; box-sizing: border-box; animation: navFadeDown 600ms; -webkit-overflow-scrolling: touch; }

header .romea,
header .mid-title,
header .right-nav { padding: 14px 0 18px 0; }

.home-titles { display: block; height: inherit; }
.home-titles ul { list-style: none;  list-style-type: none; text-align: center; }
.home-titles ul li { display: block; float: left;  width: 25%; }

.romea,
.menu-icon,
.right-nav,
.mid-title { float: left; width: 33.33%; }
.mid-title { text-align: center; }

.right-nav ul { text-align: right; float: right; }
.right-nav ul { list-style: none; padding: 0; margin: 0; list-style-type: none; overflow: hidden; }
.right-nav ul li { float: left; display: block; padding-left: 10px; }

.romea { float: left; position: relative; }

.project-mobile-title { margin: 68px 15px 0;  }
.project-mobile-title p { text-transform: uppercase; padding-bottom: 18px; }
.project-mobile { margin: 0 15px; }
.project-mobile ul { list-style-type: none; padding: 0; }

.project-mobile-title,
.project-mobile { display: none; }

.subnav { width: 100%; display: block; height: 50px; z-index: 10;  }
.subnav > div { width: 25%; position: relative; float: left; display: block; text-align: center; padding: 14px 0 18px; }

#home-container { margin-top: 200px; }

footer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; text-transform: uppercase; padding: 14px 0 17px; margin: 0 15px; }
footer .infocounter { text-align: center; }
footer .infonext { text-align: right; }
footer .footerchild { width: 33.33%; float: left; position: relative; }
footer ul { list-style-type: none; padding: 0; margin: 0;  }
footer ul li { text-transform: none; }

footer .info-grid { display: flex; }
.block:nth-child(1) { flex-grow: 1; }

.info { display: none; width: 100%; height: auto; bottom: 0; padding-bottom: 40px; }
.responsive { max-width: calc(100vh - 20px); max-height: calc(100vh - 150px); }

div.slide-right:focus,
div.slide-left:focus,
.swiper-play span:focus,
.swiper-play a:focus { outline:none !important; }

@keyframes navFadeDown {
  0% { opacity: 0; -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } 
}

/* filter pop-up */

nav { display: block; max-height: 0; overflow-y: hidden; margin-top: -1px; -moz-transition: max-height 200ms; -ms-transition: max-height 200ms; -webkit-transition: max-height 200ms; transition: max-height 200ms; }

.menu-open nav { max-height: 46px; }

@media (max-width: 760px) { header nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; margin-top: -1px;  } }
@media (min-width: 1360px) and (max-width: 1800px) { .menu-open nav { max-height: 50px; } }
@media (min-width: 1800px) { .menu-open nav {  max-height: 59px; } }
@media (max-width: 760px) { .menu-open nav {  max-height: 100vh; } }

ul.filterlist li { padding-left: 4px; padding-right: 4px; }
ul.filterlist li:hover { cursor: pointer; }

nav ul { display: block; text-align: center; margin: 0 auto; }
nav li { display: inline-block; text-align: center; }
nav ul li { padding-top: 14px; padding-bottom: 18px; }

@media (max-width: 1000px) { nav ul { width: 80%; } }
@media (max-width: 900px) { nav ul { width: 90%; } }
@media (max-width: 760px) { nav ul { width: auto; } }

.menu-icon { display: block; z-index: 10; width: 100%; }
.menu-icon:hover { cursor: pointer; }

.non-scroll { display: none; }
.open { padding-bottom: 12px; }
.non-scroll h2 { padding-top: 14px; padding-bottom: 18px; border-bottom: 1px solid; }

.date.s01:after { bottom: -6px; content: "\00a0"; height: 12px;  position: absolute; width: 6px; right: -1px; }
.date.s02:before { bottom: -6px; content: "\00a0"; height: 12px; position: absolute; width: 6px; left: -1px; }

.s01:after { bottom: -1px; content: "\00a0"; height: 6px; position: absolute; width: 6px; }
.s01:after { right: -1px; }

.s02:before { bottom: -1px; content: "\00a0"; height: 6px; position: absolute; width: 6px; }
.s02:before { left: -1px; }

div.subsections ul li.s01:after { right: 0; }
div.subsections ul li.s02:before { left: 0; }

.subsections > .column::-webkit-scrollbar { display: none; }
.info p { text-transform: none; }

/* Modal popup for videos */

@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0,100px)}to{transform:translate(0,0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0,100px);-moz-transform:translate(0,100px);-ms-transform:translate(0,100px);-o-transform:translate(0,100px);transform:translate(0,100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:0 0}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:after,.modal-video-close-btn:before{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}

/* Responsive features */

@media only screen and (max-width : 992px) {
	.heading { flex-direction: column; margin: 53px 0 0; padding-bottom: 20px; }
	.heading .half { padding-top: 14px; }
	.heading .half:first-child { text-align: center; }
	h1 { font-size: inherit; line-height: inherit; }
	.noscroll { overflow: auto; }
}
@media only screen and (max-width : 768px) {
	.container.home { margin-top: 53px; margin-bottom: 12px; }
	.container.home a div.project { border-bottom: 1px solid; }
	.project span.tiny { font-size: inherit; line-height: inherit; text-transform: inherit; padding-top: 0; letter-spacing: 0.2px; }
	.project span.tinysub { display: none !important; letter-spacing: 0.2px; }
	.mid-title, .subnav { display: none !important; }
	.project > div { display: block; text-align: left; padding: 0; border-bottom: 0; }
	.project { flex-direction: column; padding: 12px 0 14px; margin-top: 0;  }
	.project .b01 { border: 0; }
	.romea, .menu-icon, .right-nav{ float: left; width: 50%; }
	
	.tog div { border-bottom: none !important; }
	
	.news-list { flex-direction: column; }
	.news .date { text-align: left; border-bottom: 0; padding: 8px 0 0; }
	.news .content { padding: 2px 0 16px; }
	.news .content p { padding: 0; }
	.news.b01 { border-right: 0; }
	.container.newswrap { margin-bottom: 12px; }
	.titles,
	.subsections { display: none !important; }
	.non-scroll { display: block !important; }
	.heading .half:first-child { text-align: left; }
	.s01:after, .s02:after, .s01:before, .s02:before { display: none !important; }
	.slide-left,
	.slide-right, footer { display: none; }
	.responsive { max-width: calc(100% - 30px) }
	.swiper-container { width: auto; height: auto; position: relative }
	.project-mobile-title,
	.project-mobile { display: block; }
	.tog .date { border-bottom: 0; margin-bottom: 0; padding: 12px 0 0; }
	.open .date { border-bottom: 0; margin-bottom: 0; padding: 12px 0 0; margin-bottom: 4px; }
	.project-mobile-next { padding-bottom: 12px; margin-bottom: 12px; }
	.tog.active div { max-height: none; }
} 

@media only screen and (max-width : 480px) {
}