html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,section,header,footer,article,nav,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquotebefore,blockquoteafter,qbefore,qafter{content:'';content:none}
focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a img{padding:0;margin:0;border:0}
html {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
*,*:before,*:after{box-sizing: inherit;}
div,section,header,footer,aside,nav,article,ol,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,textarea,input,select,label,blockquote,form,fieldset,legend{position:relative;float:left;width:100%}
input,textarea,select,button{width:auto;font-size:100%}
input{border:none;}
input:focus{outline:none}
a img{padding:0;margin:0;border:0}
a,button,input[type=submit],input[type=button]{cursor:pointer}
/*@font-face{font-family:'Roboto';src:url("fonts/Roboto-Regular-webfont.eot");src:url("fonts/Roboto-Regular-webfont.eot?#iefix") format('embedded-opentype'),url("fonts/Roboto-Regular-webfont.woff") format('woff'),url("fonts/Roboto-Regular-webfont.ttf") format('truetype'),url("fonts/Roboto-Regular-webfont.svg#robotoregular") format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'Roboto';src:url("fonts/Roboto-Bold-webfont.eot");src:url("fonts/Roboto-Bold-webfont.eot?#iefix") format('embedded-opentype'),url("fonts/Roboto-Bold-webfont.woff") format('woff'),url("fonts/Roboto-Bold-webfont.ttf") format('truetype'),url("fonts/Roboto-Bold-webfont.svg#robotobold") format('svg');font-weight:bold;font-style:normal}
@font-face{font-family:'Roboto';src:url("fonts/Roboto-Light-webfont.eot");src:url("fonts/Roboto-Light-webfont.eot?#iefix") format('embedded-opentype'),url("fonts/Roboto-Light-webfont.woff") format('woff'),url("fonts/Roboto-Light-webfont.ttf") format('truetype'),url("fonts/Roboto-Light-webfont.svg#robotolight") format('svg');font-weight:300;font-style:normal}
@font-face{font-family:'Roboto';src:url("fonts/Roboto-Italic-webfont.eot");src©:url("fonts/Roboto-Italic-webfont.eot?#iefix") format('embedded-opentype'),url("fonts/Roboto-Italic-webfont.woff") format('woff'),url("fonts/Roboto-Italic-webfont.ttf") format('truetype'),url("fonts/Roboto-Italic-webfont.svg#robotoitalic") format('svg');font-weight:normal;font-style:italic}
@font-face{font-family:'Roboto';src:url("fonts/Roboto-BoldItalic-webfont.eot");src:url("fonts/Roboto-BoldItalic-webfont.eot?#iefix") format('embedded-opentype'),url("fonts/Roboto-BoldItalic-webfont.woff") format('woff'),url("fonts/Roboto-BoldItalic-webfont.ttf") format('truetype'),url("fonts/Roboto-BoldItalic-webfont.svg#robotobolditalic") format('svg');font-weight:bold;font-style:italic}
@font-face{font-family:'Roboto';src:url("fonts/Roboto-LightItalic-webfont.eot");src:url("fonts/Roboto-LightItalic-webfont.eot?#iefix") format('embedded-opentype'),url("fonts/Roboto-LightItalic-webfont.woff") format('woff'),url("fonts/Roboto-LightItalic-webfont.ttf") format('truetype'),url("fonts/Roboto-LightItalic-webfont.svg#robotolightitalic") format('svg');font-weight:300;font-style:italic}*/
a.button,a.button:link,a.button:visited,button{display:inline-block;line-height:1}
div.single button{line-height:1}
a.button span,button span{line-height:1;vertical-align:bottom;display:inline-block;font-weight:bold}
button{display:inline-block;padding:0;margin:0;border:none;background:#fff}
*:focus{outline:none;border:none}
.hidden{display:none}
strong{font-weight:bold}
em{font-style:italic}
p.success{font-weight:bold}
em{font-weight:inherit}
.style1 div.content a,.style1 div.content ul.module li a{color:#25a6e4;}
.style1 div.content a:link,.style1 div.content ul.module li a:link,.style1 div.content a:visited,.style1 div.content ul.module li a:visited{color:#25a6e4}
.style1 div.content a:hover,.style1 div.content ul.module li a:hover,.style1 div.content a.active,.style1 div.content ul.module li a.active{color:#000}
.style2 div.content a,.style2 div.content ul.module li a{color:#fcb040;}
.style2 div.content a:link,.style2 div.content ul.module li a:link,.style2 div.content a:visited,.style2 div.content ul.module li a:visited{color:#fcb040}
.style2 div.content a:hover,.style2 div.content ul.module li a:hover,.style2 div.content a.active,.style2 div.content ul.module li a.active{color:#000}
.style2 .gallery div.content a,.style2 .gallery div.content ul.module li a{color:#fbaf3f;}
.style2 .gallery div.content a:link,.style2 .gallery div.content ul.module li a:link,.style2 .gallery div.content a:visited,.style2 .gallery div.content ul.module li a:visited{color:#fbaf3f}
.style2 .gallery div.content a:hover,.style2 .gallery div.content ul.module li a:hover,.style2 .gallery div.content a.active,.style2 .gallery div.content ul.module li a.active{color:#000}
.style3 div.content a,.style3 div.content ul.module li a{color:#3cbc8a;}
.style3 div.content a:link,.style3 div.content ul.module li a:link,.style3 div.content a:visited,.style3 div.content ul.module li a:visited{color:#3cbc8a}
.style3 div.content a:hover,.style3 div.content ul.module li a:hover,.style3 div.content a.active,.style3 div.content ul.module li a.active{color:#000}
.style1 div.wrapper > header nav.languages ul a,.style1 div.wrapper > header nav.languages li a,.style1 div.wrapper > article div.articleContent section.list li a,.style1 div.wrapper > article > aside a,.style1 section div.tabs ul.ui-tabs-nav li a,.style1 section div.tabs div ul li a,.style1 article div.wrapper aside section a,.style1 section.featured a,.style1 section.groupedResults ul li a,.style1 nav.mainNavigation > div > ul > li a{color:#000;}
.style1 div.wrapper > header nav.languages ul a:link,.style1 div.wrapper > header nav.languages li a:link,.style1 div.wrapper > article div.articleContent section.list li a:link,.style1 div.wrapper > article > aside a:link,.style1 section div.tabs ul.ui-tabs-nav li a:link,.style1 section div.tabs div ul li a:link,.style1 article div.wrapper aside section a:link,.style1 section.featured a:link,.style1 section.groupedResults ul li a:link,.style1 nav.mainNavigation > div > ul > li a:link,.style1 div.wrapper > header nav.languages ul a:visited,.style1 div.wrapper > header nav.languages li a:visited,.style1 div.wrapper > article div.articleContent section.list li a:visited,.style1 div.wrapper > article > aside a:visited,.style1 section div.tabs ul.ui-tabs-nav li a:visited,.style1 section div.tabs div ul li a:visited,.style1 article div.wrapper aside section a:visited,.style1 section.featured a:visited,.style1 section.groupedResults ul li a:visited,.style1 nav.mainNavigation > div > ul > li a:visited{color:#000}
.style1 div.wrapper > header nav.languages ul a:hover,.style1 div.wrapper > header nav.languages li a:hover,.style1 div.wrapper > article div.articleContent section.list li a:hover,.style1 div.wrapper > article > aside a:hover,.style1 section div.tabs ul.ui-tabs-nav li a:hover,.style1 section div.tabs div ul li a:hover,.style1 article div.wrapper aside section a:hover,.style1 section.featured a:hover,.style1 section.groupedResults ul li a:hover,.style1 nav.mainNavigation > div > ul > li a:hover,.style1 div.wrapper > header nav.languages ul a.active,.style1 div.wrapper > header nav.languages li a.active,.style1 div.wrapper > article div.articleContent section.list li a.active,.style1 div.wrapper > article > aside a.active,.style1 section div.tabs ul.ui-tabs-nav li a.active,.style1 section div.tabs div ul li a.active,.style1 article div.wrapper aside section a.active,.style1 section.featured a.active,.style1 section.groupedResults ul li a.active,.style1 nav.mainNavigation > div > ul > li a.active{color:#25a6e4}
.style2 div.wrapper > header nav.languages ul,.style2 div.wrapper > header nav.languages li,.style2 div.wrapper > article div.articleContent section.list li,.style2 div.wrapper > article > aside,.style2 section div.tabs ul.ui-tabs-nav li,.style2 section div.tabs div ul li,.style2 article div.wrapper aside section,.style2 section.featured,.style2 section.groupedResults ul li,.style2 nav.mainNavigation > div > ul > li{border-color:#000}
.style2 div.wrapper > header nav.languages ul a,.style2 div.wrapper > header nav.languages li a,.style2 div.wrapper > article div.articleContent section.list li a,.style2 div.wrapper > article > aside a,.style2 section div.tabs ul.ui-tabs-nav li a,.style2 section div.tabs div ul li a,.style2 article div.wrapper aside section a,.style2 section.featured a,.style2 section.groupedResults ul li a,.style2 nav.mainNavigation > div > ul > li a{color:#000;}
.style2 div.wrapper > header nav.languages ul a:link,.style2 div.wrapper > header nav.languages li a:link,.style2 div.wrapper > article div.articleContent section.list li a:link,.style2 div.wrapper > article > aside a:link,.style2 section div.tabs ul.ui-tabs-nav li a:link,.style2 section div.tabs div ul li a:link,.style2 article div.wrapper aside section a:link,.style2 section.featured a:link,.style2 section.groupedResults ul li a:link,.style2 nav.mainNavigation > div > ul > li a:link,.style2 div.wrapper > header nav.languages ul a:visited,.style2 div.wrapper > header nav.languages li a:visited,.style2 div.wrapper > article div.articleContent section.list li a:visited,.style2 div.wrapper > article > aside a:visited,.style2 section div.tabs ul.ui-tabs-nav li a:visited,.style2 section div.tabs div ul li a:visited,.style2 article div.wrapper aside section a:visited,.style2 section.featured a:visited,.style2 section.groupedResults ul li a:visited,.style2 nav.mainNavigation > div > ul > li a:visited{color:#000}
.style2 div.wrapper > header nav.languages ul a:hover,.style2 div.wrapper > header nav.languages li a:hover,.style2 div.wrapper > article div.articleContent section.list li a:hover,.style2 div.wrapper > article > aside a:hover,.style2 section div.tabs ul.ui-tabs-nav li a:hover,.style2 section div.tabs div ul li a:hover,.style2 article div.wrapper aside section a:hover,.style2 section.featured a:hover,.style2 section.groupedResults ul li a:hover,.style2 nav.mainNavigation > div > ul > li a:hover,.style2 div.wrapper > header nav.languages ul a.active,.style2 div.wrapper > header nav.languages li a.active,.style2 div.wrapper > article div.articleContent section.list li a.active,.style2 div.wrapper > article > aside a.active,.style2 section div.tabs ul.ui-tabs-nav li a.active,.style2 section div.tabs div ul li a.active,.style2 article div.wrapper aside section a.active,.style2 section.featured a.active,.style2 section.groupedResults ul li a.active,.style2 nav.mainNavigation > div > ul > li a.active{color:#fcb040}
.style2 .gallery div.wrapper > header nav.languages ul,.style2 .gallery div.wrapper > header nav.languages li,.style2 .gallery div.wrapper > article div.articleContent section.list li,.style2 .gallery div.wrapper > article > aside,.style2 .gallery section div.tabs ul.ui-tabs-nav li,.style2 .gallery section div.tabs div ul li,.style2 .gallery article div.wrapper aside section,.style2 .gallery section.featured,.style2 .gallery section.groupedResults ul li,.style2 .gallery nav.mainNavigation > div > ul > li{border-color:#fff}
.style2 .gallery div.wrapper > header nav.languages ul a,.style2 .gallery div.wrapper > header nav.languages li a,.style2 .gallery div.wrapper > article div.articleContent section.list li a,.style2 .gallery div.wrapper > article > aside a,.style2 .gallery section div.tabs ul.ui-tabs-nav li a,.style2 .gallery section div.tabs div ul li a,.style2 .gallery article div.wrapper aside section a,.style2 .gallery section.featured a,.style2 .gallery section.groupedResults ul li a,.style2 .gallery nav.mainNavigation > div > ul > li a{color:#000;}
.style2 .gallery div.wrapper > header nav.languages ul a:link,.style2 .gallery div.wrapper > header nav.languages li a:link,.style2 .gallery div.wrapper > article div.articleContent section.list li a:link,.style2 .gallery div.wrapper > article > aside a:link,.style2 .gallery section div.tabs ul.ui-tabs-nav li a:link,.style2 .gallery section div.tabs div ul li a:link,.style2 .gallery article div.wrapper aside section a:link,.style2 .gallery section.featured a:link,.style2 .gallery section.groupedResults ul li a:link,.style2 .gallery nav.mainNavigation > div > ul > li a:link,.style2 .gallery div.wrapper > header nav.languages ul a:visited,.style2 .gallery div.wrapper > header nav.languages li a:visited,.style2 .gallery div.wrapper > article div.articleContent section.list li a:visited,.style2 .gallery div.wrapper > article > aside a:visited,.style2 .gallery section div.tabs ul.ui-tabs-nav li a:visited,.style2 .gallery section div.tabs div ul li a:visited,.style2 .gallery article div.wrapper aside section a:visited,.style2 .gallery section.featured a:visited,.style2 .gallery section.groupedResults ul li a:visited,.style2 .gallery nav.mainNavigation > div > ul > li a:visited{color:#000}
.style2 .gallery div.wrapper > header nav.languages ul a:hover,.style2 .gallery div.wrapper > header nav.languages li a:hover,.style2 .gallery div.wrapper > article div.articleContent section.list li a:hover,.style2 .gallery div.wrapper > article > aside a:hover,.style2 .gallery section div.tabs ul.ui-tabs-nav li a:hover,.style2 .gallery section div.tabs div ul li a:hover,.style2 .gallery article div.wrapper aside section a:hover,.style2 .gallery section.featured a:hover,.style2 .gallery section.groupedResults ul li a:hover,.style2 .gallery nav.mainNavigation > div > ul > li a:hover,.style2 .gallery div.wrapper > header nav.languages ul a.active,.style2 .gallery div.wrapper > header nav.languages li a.active,.style2 .gallery div.wrapper > article div.articleContent section.list li a.active,.style2 .gallery div.wrapper > article > aside a.active,.style2 .gallery section div.tabs ul.ui-tabs-nav li a.active,.style2 .gallery section div.tabs div ul li a.active,.style2 .gallery article div.wrapper aside section a.active,.style2 .gallery section.featured a.active,.style2 .gallery section.groupedResults ul li a.active,.style2 .gallery nav.mainNavigation > div > ul > li a.active{color:#fbaf3f}
.style3 div.wrapper > header nav.languages ul a,.style3 div.wrapper > header nav.languages li a,.style3 div.wrapper > article div.articleContent section.list li a,.style3 div.wrapper > article > aside a,.style3 section div.tabs ul.ui-tabs-nav li a,.style3 section div.tabs div ul li a,.style3 article div.wrapper aside section a,.style3 section.featured a,.style3 section.groupedResults ul li a,.style3 nav.mainNavigation > div > ul > li a{color:#000;}
.style3 div.wrapper > header nav.languages ul a:link,.style3 div.wrapper > header nav.languages li a:link,.style3 div.wrapper > article div.articleContent section.list li a:link,.style3 div.wrapper > article > aside a:link,.style3 section div.tabs ul.ui-tabs-nav li a:link,.style3 section div.tabs div ul li a:link,.style3 article div.wrapper aside section a:link,.style3 section.featured a:link,.style3 section.groupedResults ul li a:link,.style3 nav.mainNavigation > div > ul > li a:link,.style3 div.wrapper > header nav.languages ul a:visited,.style3 div.wrapper > header nav.languages li a:visited,.style3 div.wrapper > article div.articleContent section.list li a:visited,.style3 div.wrapper > article > aside a:visited,.style3 section div.tabs ul.ui-tabs-nav li a:visited,.style3 section div.tabs div ul li a:visited,.style3 article div.wrapper aside section a:visited,.style3 section.featured a:visited,.style3 section.groupedResults ul li a:visited,.style3 nav.mainNavigation > div > ul > li a:visited{color:#000}
.style3 div.wrapper > header nav.languages ul a:hover,.style3 div.wrapper > header nav.languages li a:hover,.style3 div.wrapper > article div.articleContent section.list li a:hover,.style3 div.wrapper > article > aside a:hover,.style3 section div.tabs ul.ui-tabs-nav li a:hover,.style3 section div.tabs div ul li a:hover,.style3 article div.wrapper aside section a:hover,.style3 section.featured a:hover,.style3 section.groupedResults ul li a:hover,.style3 nav.mainNavigation > div > ul > li a:hover,.style3 div.wrapper > header nav.languages ul a.active,.style3 div.wrapper > header nav.languages li a.active,.style3 div.wrapper > article div.articleContent section.list li a.active,.style3 div.wrapper > article > aside a.active,.style3 section div.tabs ul.ui-tabs-nav li a.active,.style3 section div.tabs div ul li a.active,.style3 article div.wrapper aside section a.active,.style3 section.featured a.active,.style3 section.groupedResults ul li a.active,.style3 nav.mainNavigation > div > ul > li a.active{color:#3cbc8a}
.style1 section.gallery div.tabs div ul li a,.style1 section.gallery div.listing section li article a{color:#fff;}
.style1 section.gallery div.tabs div ul li a:link,.style1 section.gallery div.listing section li article a:link,.style1 section.gallery div.tabs div ul li a:visited,.style1 section.gallery div.listing section li article a:visited{color:#fff}
.style1 section.gallery div.tabs div ul li a:hover,.style1 section.gallery div.listing section li article a:hover,.style1 section.gallery div.tabs div ul li a.active,.style1 section.gallery div.listing section li article a.active{color:#25a6e4}
.style2 section.gallery div.tabs div ul li a,.style2 section.gallery div.listing section li article a{color:#fff;}
.style2 section.gallery div.tabs div ul li a:link,.style2 section.gallery div.listing section li article a:link,.style2 section.gallery div.tabs div ul li a:visited,.style2 section.gallery div.listing section li article a:visited{color:#fff}
.style2 section.gallery div.tabs div ul li a:hover,.style2 section.gallery div.listing section li article a:hover,.style2 section.gallery div.tabs div ul li a.active,.style2 section.gallery div.listing section li article a.active{color:#fcb040}
.style2 .gallery section.gallery div.tabs div ul li a,.style2 .gallery section.gallery div.listing section li article a{color:#fff;}
.style2 .gallery section.gallery div.tabs div ul li a:link,.style2 .gallery section.gallery div.listing section li article a:link,.style2 .gallery section.gallery div.tabs div ul li a:visited,.style2 .gallery section.gallery div.listing section li article a:visited{color:#fff}
.style2 .gallery section.gallery div.tabs div ul li a:hover,.style2 .gallery section.gallery div.listing section li article a:hover,.style2 .gallery section.gallery div.tabs div ul li a.active,.style2 .gallery section.gallery div.listing section li article a.active{color:#fbaf3f}
.style3 section.gallery div.tabs div ul li a,.style3 section.gallery div.listing section li article a{color:#fff;}
.style3 section.gallery div.tabs div ul li a:link,.style3 section.gallery div.listing section li article a:link,.style3 section.gallery div.tabs div ul li a:visited,.style3 section.gallery div.listing section li article a:visited{color:#fff}
.style3 section.gallery div.tabs div ul li a:hover,.style3 section.gallery div.listing section li article a:hover,.style3 section.gallery div.tabs div ul li a.active,.style3 section.gallery div.listing section li article a.active{color:#3cbc8a}
div.wrapper > section > h1{margin:.9em 0 .7em 10px;font-size:2.25em;line-height:1.1;font-weight:lighter;color:#25a6e4;}
.style1 div.wrapper > section > h1{color:#25a6e4}
.style2 div.wrapper > section > h1{color:#fcb040}
.style2 .gallery div.wrapper > section > h1{color:#fbaf3f}
.style3 div.wrapper > section > h1{color:#3cbc8a}
article div.wrapper aside a.button{padding:1ex 0;width:100%;float:left;display:block}
a{color:#25a6e4;font-weight:bold;text-decoration:none;}
a:link,a:visited{color:#25a6e4}
a:hover,a.active{color:#000}
a img{display:block}
.style1 a{color:#25a6e4;}
.style1 a:link,.style1 a:visited{color:#25a6e4}
.style1 a:hover,.style1 a.active{color:#000}
.style2 a{color:#fcb040;}
.style2 a:link,.style2 a:visited{color:#fcb040}
.style2 a:hover,.style2 a.active{color:#000}
.style2 .gallery a{color:#fbaf3f;}
.style2 .gallery a:link,.style2 .gallery a:visited{color:#fbaf3f}
.style2 .gallery a:hover,.style2 .gallery a.active{color:#000}
.style3 a{color:#3cbc8a;}
.style3 a:link,.style3 a:visited{color:#3cbc8a}
.style3 a:hover,.style3 a.active{color:#000}
input::-webkit-input-placeholder{-webkit-transition:color .3s ease-in;-moz-transition:color .3s ease-in;-o-transition:color .3s ease-in;transition:color .3s ease-in;color:#25a6e4;}
.style1 input::-webkit-input-placeholder{color:#25a6e4}
.style2 input::-webkit-input-placeholder{color:#fcb040}
.style2 .gallery input::-webkit-input-placeholder{color:#fbaf3f}
.style3 input::-webkit-input-placeholder{color:#3cbc8a}
input:-moz-placeholder{-webkit-transition:color .3s ease-in;-moz-transition:color .3s ease-in;-o-transition:color .3s ease-in;transition:color .3s ease-in;color:#25a6e4;}
.style1 input:-moz-placeholder{color:#25a6e4}
.style2 input:-moz-placeholder{color:#fcb040}
.style2 .gallery input:-moz-placeholder{color:#fbaf3f}
.style3 input:-moz-placeholder{color:#3cbc8a}
input::-moz-placeholder{-webkit-transition:color .3s ease-in;-moz-transition:color .3s ease-in;-o-transition:color .3s ease-in;transition:color .3s ease-in;color:#25a6e4;}
.style1 input::-moz-placeholder{color:#25a6e4}
.style2 input::-moz-placeholder{color:#fcb040}
.style2 .gallery input::-moz-placeholder{color:#fbaf3f}
.style3 input::-moz-placeholder{color:#3cbc8a}
input:-ms-input-placeholder{-webkit-transition:color .3s ease-in;-moz-transition:color .3s ease-in;-o-transition:color .3s ease-in;transition:color .3s ease-in;color:#25a6e4;}
.style1 input:-ms-input-placeholder{color:#25a6e4}
.style2 input:-ms-input-placeholder{color:#fcb040}
.style2 .gallery input:-ms-input-placeholder{color:#fbaf3f}
.style3 input:-ms-input-placeholder{color:#3cbc8a}
input:focus::-webkit-input-placeholder{color:#fff !important}
input:focus:-moz-placeholder{color:#fff !important}
input:focus::-moz-placeholder{color:#fff !important}
input:focus:-ms-input-placeholder{color:#fff !important}
div.wrapper > article h1,div.wrapper > article h1 + h2,body > article header h1{font-size:2.25em;font-weight:lighter;line-height:1.1}
section.events article a h1,section.activities article a h1,section.movies article a h1,section.related article a h1{color:#000 !important}
a.button,button{font-size:1.125em;padding:1ex;text-align:center;background-color:#25a6e4;color:#000;font-family:Roboto;}
.style1 a.button,.style1 button{background-color:#25a6e4}
.style2 a.button,.style2 button{background-color:#fcb040}
.style2 .gallery a.button,.style2 .gallery button{background-color:#fbaf3f}
.style3 a.button,.style3 button{background-color:#3cbc8a}
a.button:link,button:link,a.button:visited,button:visited{color:#000}
a.button:hover,button:hover,a.button.active,button.active{color:#fff}
a.button:hover,button:hover{background-color:#000}
button{padding:0}
article a:first-child{width:100%}
body{font-family:Roboto;font-size:1em;line-height:1.5;padding:35px 0;}
body > div[class*="style"]{float:none;}
body > div[class*="style"]:before,body > div[class*="style"]:after{content:"";display:table}
body > div[class*="style"]:after{clear:both}
body > div.lastWrapper{margin-top:2em}
body input{font-family:Roboto}
div.wrapper{float:none;width:940px;margin:0 auto;}
div.wrapper:before,div.wrapper:after{content:"";display:table}
div.wrapper:after{clear:both}
div.wrapper > header{margin-bottom:30px;}
div.wrapper > header.mainHeader > div:first-child{margin-bottom:50px}
div.wrapper > header a.logo{color:#000;float:left;width:auto;}
div.wrapper > header a.logo:link,div.wrapper > header a.logo:visited{color:#000}
div.wrapper > header a.logo:hover,div.wrapper > header a.logo.active{color:#000}
div.wrapper > header a.logo.invert{color:#fff;color:#fff;}
div.wrapper > header a.logo.invert:link,div.wrapper > header a.logo.invert:visited{color:#fff}
div.wrapper > header a.logo.invert:hover,div.wrapper > header a.logo.invert.active{color:#fff}
div.wrapper > header a.logo img{float:left;width:178px;margin-right:62px}
div.wrapper > header a.logo div{width:160px;}
div.wrapper > header a.logo div h1,div.wrapper > header a.logo div small{width:100%;float:left}
div.wrapper > header a.logo div h1{font-size:1.25em;font-weight:bold;line-height:1}
div.wrapper > header a.logo div small{font-size:.75em;line-height:1.4}
div.wrapper > header nav.languages{font-size:1.0625em;float:right;width:auto;}
div.wrapper > header nav.languages ul,div.wrapper > header nav.languages li{width:auto;}
div.wrapper > header nav.languages ul:before,div.wrapper > header nav.languages li:before{content:'•';margin:0 .4ex}
div.wrapper > header nav.languages ul:first-child:before,div.wrapper > header nav.languages li:first-child:before{content:none}
div.wrapper > header nav.languages ul.accesibilityMenu:before,div.wrapper > header nav.languages li.accesibilityMenu:before{content:' ';margin:0 .4ex}
div.wrapper > header nav.languages ul.accesibilityMenu:first-child:before,div.wrapper > header nav.languages li.accesibilityMenu:first-child:before{content:none}
div.wrapper > header nav.languages ul.accesibilityMenu span,div.wrapper > header nav.languages li.accesibilityMenu span{text-indent:-9999px;background:url("/img/icon-accesibility.svg") no-repeat center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;display:inline-block;width:35px;height:25px;cursor:pointer}
div.wrapper > header nav.languages ul.accesibilityMenu div,div.wrapper > header nav.languages li.accesibilityMenu div{width:auto;float:none;display:none;}
div.wrapper > header nav.languages ul.accesibilityMenu div a.contrast,div.wrapper > header nav.languages li.accesibilityMenu div a.contrast{text-indent:-9999px;background:url("/img/icon-accesibility-contrast.svg") no-repeat center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;display:inline-block;width:35px;height:25px}
div.wrapper > header nav.languages ul.accesibilityMenu div a.type,div.wrapper > header nav.languages li.accesibilityMenu div a.type{text-indent:-9999px;background:url("/img/icon-accesibility-type.svg") no-repeat center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;display:inline-block;width:35px;height:25px}
div.wrapper > header nav.languages ul.accesibilityMenu.open div,div.wrapper > header nav.languages li.accesibilityMenu.open div{display:inline-block}
div.wrapper > header nav.languages ul span,div.wrapper > header nav.languages li span{font-weight:bold;color:#25a6e4}
div.wrapper > header nav.languages ul a,div.wrapper > header nav.languages li a{font-weight:bold}
div.wrapper > header form.inline{position:absolute;bottom:0;right:0;}
div.wrapper > footer{border-top:8px solid #000;padding-top:2em;margin-top:30px;}
div.wrapper > footer div.info,div.wrapper > footer form{z-index:1}
div.wrapper > footer div.info{position:absolute;left:0;bottom:0;width:auto;font-size:.875em;}
div.wrapper > footer div.info small{display:block}
div.wrapper > footer div.info ul,div.wrapper > footer div.info li{width:auto;}
div.wrapper > footer div.info ul:before,div.wrapper > footer div.info li:before{content:'•';margin:0 .4ex}
div.wrapper > footer div.info ul:first-child:before,div.wrapper > footer div.info li:first-child:before{content:none}
div.wrapper > footer div.info ul{margin-bottom:-5px}
div.infoen {margin-bottom:40px;}
div.wrapper > footer form.inline{position:absolute;right:0;bottom:0;}
div.wrapper > footer form.inline fieldset{width:auto;}
div.wrapper > footer form.inline fieldset legend{font-size:.875em;width:auto}
div.wrapper > footer form.inline input,div.wrapper > footer form.inline button{border:none !important;font-size:.875em}
div.wrapper > footer form.inline button{width:70px;padding:0 1em}
div.wrapper > footer form.inline input{width:226px}
div.wrapper > footer div.social{text-align:center;}
div.wrapper > footer div.social a{font-size:1.375em;display:inline-block;margin:0 .2em;color:#fff !important;background:#000;width:1.75em;height:1.75em;line-height:1.75;}
div.wrapper > footer div.social a:hover{background:#25a6e4;}
.style1 div.wrapper > footer div.social a:hover{background:#25a6e4}
.style2 div.wrapper > footer div.social a:hover{background:#fcb040}
.style2 .gallery div.wrapper > footer div.social a:hover{background:#fbaf3f}
.style3 div.wrapper > footer div.social a:hover{background:#3cbc8a}
div.wrapper > article{padding-bottom:40px;border-bottom:8px solid #000;}
div.wrapper > article.calendar{border-bottom:none;padding-bottom:0}
div.wrapper > article h1:last-child{margin-bottom:1em}
div.wrapper > article h1 + h2{margin-top:10px;font-size:1.25em}
div.wrapper > article ul.info{margin-bottom:3px}
div.wrapper > article ul.info:last-child{margin-bottom:1.5em}
div.wrapper > article.page > header,div.wrapper > article.page > h1{max-width:620px;margin-left:240px}
div.wrapper > article:last-child{border-bottom:none}
div.wrapper > article div.articleContent{width:700px;float:right;}
div.wrapper > article div.articleContent div.content.hasMargin{margin-top:20px}
div.wrapper > article div.articleContent section.list{width:540px;margin:2em 0;}
div.wrapper > article div.articleContent section.list h1{font-size:1.5em;font-weight:bold;padding-bottom:.75ex;border-bottom:8px solid #000;margin:0;max-width:100%}
div.wrapper > article div.articleContent section.list ul{border-top:3px solid #000}
div.wrapper > article div.articleContent section.list h1 + ul{border-top:0}
div.wrapper > article div.articleContent section.list li{border-bottom:3px solid #000;padding:1ex 0;font-size:1.125em;font-weight:bold;line-height:1.3;}
div.wrapper > article div.articleContent section.list li a{display:block}
div.wrapper > article div.articleContent section.list li small{font-size:14px;display:block;color:#000}
div.wrapper > article > aside{width:220px;}
div.wrapper > article > aside li{margin-bottom:1em;line-height:1.1}
div.wrapper > section{border-top:8px solid #000;}
div.wrapper > section > h1{margin-left:0}
section div.tabs ul.ui-tabs-nav{position:absolute;top:-42px;right:0;width:auto;}
section div.tabs ul.ui-tabs-nav li{font-size:.875em;width:auto;margin-left:1em;text-transform:lowercase;}
section div.tabs ul.ui-tabs-nav li a{display:inline-block;padding:0 1ex}
section div.tabs ul.ui-tabs-nav li.ui-tabs-active a{background-color:#25a6e4;}
.style1 section div.tabs ul.ui-tabs-nav li.ui-tabs-active a{background-color:#25a6e4}
.style2 section div.tabs ul.ui-tabs-nav li.ui-tabs-active a{background-color:#fcb040}
.style2 .gallery section div.tabs ul.ui-tabs-nav li.ui-tabs-active a{background-color:#fbaf3f}
.style3 section div.tabs ul.ui-tabs-nav li.ui-tabs-active a{background-color:#3cbc8a}
section div.tabs ul.ui-tabs-nav li.ui-tabs-active a:hover{color:#000}
section div.tabs div{margin:.5em 0;width:960px;}
section div.tabs div ul{margin-bottom:40px;margin-left:-10px;}
section div.tabs div ul li{font-size:1.125em;margin:0 10px;width:300px;border-bottom-width:1px;border-bottom-style:solid;padding:10px 0;}
section div.tabs div ul li:first-child,section div.tabs div ul li:first-child + li,section div.tabs div ul li:first-child + li + li{border-top-width:1px;border-top-style:solid}
section.gallery div.tabs ul.ui-tabs-nav{top:-36px;}
section.gallery div.tabs ul.ui-tabs-nav li a,section.gallery div.tabs ul.ui-tabs-nav li a:link{color:#fff !important}
section.gallery div.tabs ul.ui-tabs-nav li a:hover{color:#25a6e4;}
.style1 section.gallery div.tabs ul.ui-tabs-nav li a:hover{color:#25a6e4}
.style2 section.gallery div.tabs ul.ui-tabs-nav li a:hover{color:#fcb040}
.style2 .gallery section.gallery div.tabs ul.ui-tabs-nav li a:hover{color:#fbaf3f}
.style3 section.gallery div.tabs ul.ui-tabs-nav li a:hover{color:#3cbc8a}
section.gallery div.tabs ul.ui-tabs-nav li.ui-tabs-active a{background-color:#25a6e4;color:#000 !important;}
.style1 section.gallery div.tabs ul.ui-tabs-nav li.ui-tabs-active a{background-color:#25a6e4}
.style2 section.gallery div.tabs ul.ui-tabs-nav li.ui-tabs-active a{background-color:#fcb040}
.style2 .gallery section.gallery div.tabs ul.ui-tabs-nav li.ui-tabs-active a{background-color:#fbaf3f}
.style3 section.gallery div.tabs ul.ui-tabs-nav li.ui-tabs-active a{background-color:#3cbc8a}
section.gallery div.tabs ul.ui-tabs-nav li.ui-tabs-active a:hover{color:#000}
header ul.info,header ul.categories{width:auto;clear:left;}
header ul.info li,header ul.categories li{font-size:.875em;width:auto;font-weight:bold;}
header ul.info li:before,header ul.categories li:before{content:'|';margin:0 .4ex}
header ul.info li:first-child:before,header ul.categories li:first-child:before{content:none}
div.wrapper.home1:before,div.wrapper.home2:before,div.wrapper.home3:before{content:'';width:231px;height:160px;position:absolute;bottom:0;left:-261px;background:url("/img/homeNumbers.png") 100% 0 no-repeat transparent}
div.wrapper.home2:before{background-position:100% 50%;bottom:auto;top:72px}
div.wrapper.home3:before{background-position:100% 100%;bottom:auto;top:10px}
body > article{float:none;}
body > article:before,body > article:after{content:"";display:table}
body > article:after{clear:both}
body > article div.info{width:700px;}
body > article div.info > div{margin-bottom:1em}
body > article dl.credits,body > article div.director{font-size:.875em}
body > article dl.credits{width:300px;margin-top:-.3em;padding-right:20px;margin-bottom:1em;}
body > article dl.credits dt{display:inline;float:none;width:auto;clear:left;font-weight:bold;}
body > article dl.credits dt:after{content:': '}
body > article dl.credits dt:before{content:none;white-space:pre;line-height:1.75}
body > article dl.credits dt:first-child:before{content:none}
body > article dl.credits dd{float:none;display:inline;width:auto;}
body > article dl.credits dd:after{content:"\0000a0";display:block;height:10px}
body > article div.director{width:380px}
article div.wrapper aside{float:right;width:220px;margin-top:-60px;font-size:.875em;}
article div.wrapper aside > *{margin-bottom:30px}
article div.wrapper aside ul.social li{width:auto;font-size:2.2857142857142856em;margin-right:.5em;line-height:1;}
article div.wrapper aside ul.social li a{display:inline-block}
article div.wrapper aside section{line-height:1.29;}
article div.wrapper aside section.listing{width:100%;}
article div.wrapper aside section.listing div{width:100%;margin:0}
article div.wrapper aside section.listing div.wrap{height:200px;-webkit-transition:height .3s ease-in;-moz-transition:height .3s ease-in;-o-transition:height .3s ease-in;transition:height .3s ease-in;width:100%;overflow:hidden;}
article div.wrapper aside section.listing div.wrap.closed:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:30px;background:url("/img/fadeBg.png") left top repeat-x transparent;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%}
article div.wrapper aside section a.showMore{clear:both;float:left;margin-top:1ex;color:#fcb040;}
article div.wrapper aside section a.showMore:link,article div.wrapper aside section a.showMore:visited{color:#fcb040}
article div.wrapper aside section a.showMore:hover,article div.wrapper aside section a.showMore.active{color:#000}
article div.wrapper aside section h1{font-size:1.2857142857142858em;font-weight:bold;margin-bottom:.75em;line-height:1.1}
article div.wrapper aside section ul{padding-left:1.5em;margin-bottom:1em;}
article div.wrapper aside section ul:last-child{margin-bottom:0}
article div.wrapper aside section ul li{margin-bottom:.35em;line-height:1.2;}
article div.wrapper aside section ul li:before{position:absolute;left:-22px;content:'•';font-size:2.5714285714285716em;line-height:16px;color:#25a6e4;}
.style1 article div.wrapper aside section ul li:before{color:#25a6e4}
.style2 article div.wrapper aside section ul li:before{color:#fcb040}
.style2 .gallery article div.wrapper aside section ul li:before{color:#fbaf3f}
.style3 article div.wrapper aside section ul li:before{color:#3cbc8a}
article div.wrapper aside section p{margin-bottom:1em;}
article div.wrapper aside section p:last-child{margin-bottom:0}
article div.wrapper aside a.button{font-size:1.2857142857142858em;}
div.wrapper section.about > div.featured article.side img.wide{display:none}
div.wrapper section.about > div.featured article.leftBig img{display:none}
div.wrapper section.about > div.featured article.leftBig img.tall{display:block;height:302px;object-fit:cover}
section.listing,section.events,section.activities,section.movies,section.related{width:940px;}
section.listing a.more,section.events a.more,section.activities a.more,section.movies a.more,section.related a.more{float:right;margin-right:10px;margin-bottom:.75em;font-size:.875em;color:#000;}
section.listing a.more:link,section.events a.more:link,section.activities a.more:link,section.movies a.more:link,section.related a.more:link,section.listing a.more:visited,section.events a.more:visited,section.activities a.more:visited,section.movies a.more:visited,section.related a.more:visited{color:#000}
section.listing a.more:hover,section.events a.more:hover,section.activities a.more:hover,section.movies a.more:hover,section.related a.more:hover,section.listing a.more.active,section.events a.more.active,section.activities a.more.active,section.movies a.more.active,section.related a.more.active{color:#000}
section.listing a.more:hover,section.events a.more:hover,section.activities a.more:hover,section.movies a.more:hover,section.related a.more:hover{color:#25a6e4;}
.style1 section.listing a.more:hover,.style1 section.events a.more:hover,.style1 section.activities a.more:hover,.style1 section.movies a.more:hover,.style1 section.related a.more:hover{color:#25a6e4}
.style2 section.listing a.more:hover,.style2 section.events a.more:hover,.style2 section.activities a.more:hover,.style2 section.movies a.more:hover,.style2 section.related a.more:hover{color:#fcb040}
.style2 .gallery section.listing a.more:hover,.style2 .gallery section.events a.more:hover,.style2 .gallery section.activities a.more:hover,.style2 .gallery section.movies a.more:hover,.style2 .gallery section.related a.more:hover{color:#fbaf3f}
.style3 section.listing a.more:hover,.style3 section.events a.more:hover,.style3 section.activities a.more:hover,.style3 section.movies a.more:hover,.style3 section.related a.more:hover{color:#3cbc8a}
section.listing h1 + a.more,section.events h1 + a.more,section.activities h1 + a.more,section.movies h1 + a.more,section.related h1 + a.more{position:absolute;right:0;bottom:0;margin-bottom:1.25em}
section.listing > div,section.events > div,section.activities > div,section.movies > div,section.related > div,section.listing > header,section.events > header,section.activities > header,section.movies > header,section.related > header{width:960px;margin:0 -10px}
section.listing > h1,section.events > h1,section.activities > h1,section.movies > h1,section.related > h1,section.listing > div > h1,section.events > div > h1,section.activities > div > h1,section.movies > div > h1,section.related > div > h1,section.listing > header > h1,section.events > header > h1,section.activities > header > h1,section.movies > header > h1,section.related > header > h1{margin:.75em 0 .5em 10px;font-size:2.25em;line-height:1.1;font-weight:lighter;color:#25a6e4;width:auto}
.style1 section.listing > h1,.style1 section.events > h1,.style1 section.activities > h1,.style1 section.movies > h1,.style1 section.related > h1,.style1 section.listing > div > h1,.style1 section.events > div > h1,.style1 section.activities > div > h1,.style1 section.movies > div > h1,.style1 section.related > div > h1,.style1 section.listing > header > h1,.style1 section.events > header > h1,.style1 section.activities > header > h1,.style1 section.movies > header > h1,.style1 section.related > header > h1{color:#25a6e4}
.style2 section.listing > h1,.style2 section.events > h1,.style2 section.activities > h1,.style2 section.movies > h1,.style2 section.related > h1,.style2 section.listing > div > h1,.style2 section.events > div > h1,.style2 section.activities > div > h1,.style2 section.movies > div > h1,.style2 section.related > div > h1,.style2 section.listing > header > h1,.style2 section.events > header > h1,.style2 section.activities > header > h1,.style2 section.movies > header > h1,.style2 section.related > header > h1{color:#fcb040}
.style2 .gallery section.listing > h1,.style2 .gallery section.events > h1,.style2 .gallery section.activities > h1,.style2 .gallery section.movies > h1,.style2 .gallery section.related > h1,.style2 .gallery section.listing > div > h1,.style2 .gallery section.events > div > h1,.style2 .gallery section.activities > div > h1,.style2 .gallery section.movies > div > h1,.style2 .gallery section.related > div > h1,.style2 .gallery section.listing > header > h1,.style2 .gallery section.events > header > h1,.style2 .gallery section.activities > header > h1,.style2 .gallery section.movies > header > h1,.style2 .gallery section.related > header > h1{color:#fbaf3f}
.style3 section.listing > h1,.style3 section.events > h1,.style3 section.activities > h1,.style3 section.movies > h1,.style3 section.related > h1,.style3 section.listing > div > h1,.style3 section.events > div > h1,.style3 section.activities > div > h1,.style3 section.movies > div > h1,.style3 section.related > div > h1,.style3 section.listing > header > h1,.style3 section.events > header > h1,.style3 section.activities > header > h1,.style3 section.movies > header > h1,.style3 section.related > header > h1{color:#3cbc8a}
section.listing article,section.events article,section.activities article,section.movies article,section.related article{width:300px;margin:0 10px 1.25em;padding-top:1.25em;}
section.listing article.introContent,section.events article.introContent,section.activities article.introContent,section.movies article.introContent,section.related article.introContent{max-height:145px}
section.listing article a *,section.events article a *,section.activities article a *,section.movies article a *,section.related article a *{color:#000}
section.listing article a h1,section.events article a h1,section.activities article a h1,section.movies article a h1,section.related article a h1{font-size:1.25em;font-weight:bold;line-height:1.1;margin-bottom:.5ex;margin-left:0;color:#25a6e4;}
.style1 section.listing article a h1,.style1 section.events article a h1,.style1 section.activities article a h1,.style1 section.movies article a h1,.style1 section.related article a h1{color:#25a6e4}
.style2 section.listing article a h1,.style2 section.events article a h1,.style2 section.activities article a h1,.style2 section.movies article a h1,.style2 section.related article a h1{color:#fcb040}
.style2 .gallery section.listing article a h1,.style2 .gallery section.events article a h1,.style2 .gallery section.activities article a h1,.style2 .gallery section.movies article a h1,.style2 .gallery section.related article a h1{color:#fbaf3f}
.style3 section.listing article a h1,.style3 section.events article a h1,.style3 section.activities article a h1,.style3 section.movies article a h1,.style3 section.related article a h1{color:#3cbc8a}
section.listing article a h1:hover,section.events article a h1:hover,section.activities article a h1:hover,section.movies article a h1:hover,section.related article a h1:hover{color:#000}
section.listing article time,section.events article time,section.activities article time,section.movies article time,section.related article time{float:left;width:70px;height:70px;margin-right:10px;background:#25a6e4;text-transform:uppercase;font-size:1.1875em;text-align:center;line-height:1.05;padding-top:5px;}
.style1 section.listing article time,.style1 section.events article time,.style1 section.activities article time,.style1 section.movies article time,.style1 section.related article time{background:#25a6e4}
.style2 section.listing article time,.style2 section.events article time,.style2 section.activities article time,.style2 section.movies article time,.style2 section.related article time{background:#fcb040}
.style2 .gallery section.listing article time,.style2 .gallery section.events article time,.style2 .gallery section.activities article time,.style2 .gallery section.movies article time,.style2 .gallery section.related article time{background:#fbaf3f}
.style3 section.listing article time,.style3 section.events article time,.style3 section.activities article time,.style3 section.movies article time,.style3 section.related article time{background:#3cbc8a}
section.listing article time + div,section.events article time + div,section.activities article time + div,section.movies article time + div,section.related article time + div{width:220px}
section.listing article time span,section.events article time span,section.activities article time span,section.movies article time span,section.related article time span{display:block;font-size:1.8421052631578947em;font-weight:bold}
section.listing article small,section.events article small,section.activities article small,section.movies article small,section.related article small{float:left;clear:both;font-size:.875em}
section.listing article h1 + small,section.events article h1 + small,section.activities article h1 + small,section.movies article h1 + small,section.related article h1 + small{margin-top:-.5em;margin-bottom:.5em}
section.listing article small + small,section.events article small + small,section.activities article small + small,section.movies article small + small,section.related article small + small{margin-top:-.75em}
section.listing article.film,section.events article.film,section.activities article.film,section.movies article.film,section.related article.film{padding-top:0;}
section.listing article.film div,section.events article.film div,section.activities article.film div,section.movies article.film div,section.related article.film div{width:auto;max-width:80%;position:absolute;bottom:10px;left:10px;}
section.listing article.film div h1,section.events article.film div h1,section.activities article.film div h1,section.movies article.film div h1,section.related article.film div h1,section.listing article.film div span.caption,section.events article.film div span.caption,section.activities article.film div span.caption,section.movies article.film div span.caption,section.related article.film div span.caption{position:relative;line-height:1;float:none;width:auto;font-size:1.125em;margin:0;left:.25em;display:inline;white-space:pre-wrap;border:0 solid #000;border-width:.15em 0;background:#000;color:#fff;}
section.listing article.film div h1:after,section.events article.film div h1:after,section.activities article.film div h1:after,section.movies article.film div h1:after,section.related article.film div h1:after,section.listing article.film div span.caption:after,section.events article.film div span.caption:after,section.activities article.film div span.caption:after,section.movies article.film div span.caption:after,section.related article.film div span.caption:after{content:"";position:absolute;top:-.13em;right:100%;bottom:-.13em;width:.25em;background:#000}
section.listing article.film div h1 span,section.events article.film div h1 span,section.activities article.film div h1 span,section.movies article.film div h1 span,section.related article.film div h1 span,section.listing article.film div span.caption span,section.events article.film div span.caption span,section.activities article.film div span.caption span,section.movies article.film div span.caption span,section.related article.film div span.caption span{position:relative;color:#fff;z-index:1;font-weight:bold}
section.listing article.film img,section.events article.film img,section.activities article.film img,section.movies article.film img,section.related article.film img{max-width:100%;height:auto}
section.listing article.event,section.events article.event,section.activities article.event,section.movies article.event,section.related article.event{border-top:8px solid #000 !important;padding:35px 0 34px !important;background:#25a6e4;}
.style1 section.listing article.event,.style1 section.events article.event,.style1 section.activities article.event,.style1 section.movies article.event,.style1 section.related article.event{background:#25a6e4}
.style2 section.listing article.event,.style2 section.events article.event,.style2 section.activities article.event,.style2 section.movies article.event,.style2 section.related article.event{background:#fcb040}
.style2 .gallery section.listing article.event,.style2 .gallery section.events article.event,.style2 .gallery section.activities article.event,.style2 .gallery section.movies article.event,.style2 .gallery section.related article.event{background:#fbaf3f}
.style3 section.listing article.event,.style3 section.events article.event,.style3 section.activities article.event,.style3 section.movies article.event,.style3 section.related article.event{background:#3cbc8a}
section.listing article.event time,section.events article.event time,section.activities article.event time,section.movies article.event time,section.related article.event time,section.listing article.event h1,section.events article.event h1,section.activities article.event h1,section.movies article.event h1,section.related article.event h1{vertical-align:middle;display:inline-block;height:100%}
section.listing article.event time,section.events article.event time,section.activities article.event time,section.movies article.event time,section.related article.event time{font-size:1.3125em;width:140px;text-align:center;float:left;text-transform:uppercase;}
section.listing article.event time span,section.events article.event time span,section.activities article.event time span,section.movies article.event time span,section.related article.event time span{display:block;font-size:5.238095238095238em;line-height:.75;margin-bottom:10px}
section.listing article.event h1,section.events article.event h1,section.activities article.event h1,section.movies article.event h1,section.related article.event h1{float:right;color:#fff !important;font-size:1.3125em;font-weight:normal;width:110px;margin-right:30px}
section.listing > div:first-child article,section.events > div:first-child article,section.activities > div:first-child article,section.movies > div:first-child article,section.related > div:first-child article{border-top:0;padding-top:0}
section.events{margin-bottom:35px;}
section.events:first-child{border-top:none !important}
section.movies{margin-bottom:35px;}
section.activities + section.movies{border-top:0 !important}
section.related{border-top:none !important;}
section.related article{border-top:8px solid #000;}
section.related article.film img{width:300px;height:auto}
section.related article.introContent{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;max-height:145px}
section.related.featured{border-top:8px solid #000 !important;}
section.related.featured h1 + div article{border-top:none}
section.related.featured article h1{color:#25a6e4;}
.style1 section.related.featured article h1{color:#25a6e4 !important}
.style2 section.related.featured article h1{color:#fcb040 !important}
.style2 .gallery section.related.featured article h1{color:#fbaf3f !important}
.style3 section.related.featured article h1{color:#3cbc8a !important}
section.related.featured article a:hover h1{color:#000 !important}
div.wrapper > section:first-child{border-top:none}
div.wrapper section.events > h1{font-size:1.875em;font-weight:bold;color:#000}
div.wrapper section.events article.event{height:292px;padding:0;text-align:center;}
div.wrapper section.events article.event time{width:100%;height:auto;margin-top:30px;}
div.wrapper section.events article.event time span{font-weight:normal}
div.wrapper section.events article.event h1{position:absolute;bottom:20px;left:0;width:100%;height:auto}
section.feature{padding-bottom:50px;}
section.feature > div{width:960px;margin:0 -10px;}
section.feature > div > div,section.feature > div > article{width:300px;margin:0 10px}
section.feature div.highlights{color:#959595;}
section.feature div.highlights strong{color:#bcbcbc;display:block;font-size:2.25em;font-weight:bold;line-height:1.19}
section.feature article.related div{width:auto;max-width:80%;position:absolute;bottom:10px;left:10px;}
section.feature article.related div h1,section.feature article.related div span.caption{position:relative;line-height:1;float:none;width:auto;font-size:1.125em;margin:0;left:.25em;display:inline;white-space:pre-wrap;border:0 solid #000;border-width:.15em 0;background:#000;color:#fff;}
section.feature article.related div h1:after,section.feature article.related div span.caption:after{content:"";position:absolute;top:-.13em;right:100%;bottom:-.13em;width:.25em;background:#000}
section.feature article.related div h1 span,section.feature article.related div span.caption span{position:relative;color:#fff;z-index:1;font-weight:bold}
section.featured{margin-bottom:70px;}
section.featured:first-child{border-top:none;margin-top:-20px}
section.featured div.slides{width:636px;margin-left:-400px}
section.featured div.lead{float:left;border-left:none;padding:0;font-size:1.3125em;font-weight:lighter;width:460px;margin:0 20px;}
section.featured div.lead a.more{font-size:.7619047619047619em;font-weight:bold}
section.featured div.contact{width:190px}
section.featured div.intro{width:400px}
section.featured div.highlights{width:510px;float:right;font-size:1.125em;color:#959595;}
section.featured div.highlights strong{color:#bcbcbc;display:block;font-size:3.3333333333333335em;font-weight:bold;line-height:1.19}
a.movieMode{float:right;line-height:22px;padding-right:31px;-webkit-background-size:21px 73px;-moz-background-size:21px 73px;-o-background-size:21px 73px;background-size:21px 73px;background-position:right bottom;background-repeat:no-repeat;background-image:url("/img/movieModeBg@2x.png");}
a.movieMode:hover{background-position:right top;color:#fff !important}
div.videoIcon{background:url("/img/ytplaysmall.png") 0 0 no-repeat;width:26px;height:18px;position:absolute;top:4px;left:4px}
section.gallery{float:none;background:#000;margin:40px 0 10px;padding-bottom:50px;}
section.gallery a:hover,section.gallery a:visited,section.gallery a:active{color:#fff}
section.gallery:before,section.gallery:after{content:"";display:table}
section.gallery:after{clear:both}
section.gallery h1{width:auto;font-weight:bold;font-size:1.5em;margin-top:20px;line-height:20px;color:#25a6e4;}
.style1 section.gallery h1{color:#25a6e4}
.style2 section.gallery h1{color:#fcb040}
.style2 .gallery section.gallery h1{color:#fbaf3f}
.style3 section.gallery h1{color:#3cbc8a}
section.gallery h1.featured{font-size:2.25em;margin-top:43px}
section.gallery a.movieMode{float:right;margin-top:50px}
section.gallery .mainClip,section.gallery .altClip{float:left;overflow:hidden;}
section.gallery .mainClip img,section.gallery .altClip img{width:100%;height:auto;display:block}
section.gallery .mainClip > a,section.gallery .altClip > a{display:block;overflow:hidden;height:100%}
section.gallery .mainClip{width:710px;height:400px;margin-bottom:10px}
section.gallery .altClip{position:relative;overflow:hidden;width:230px;height:195px;margin:0 0 10px 10px;}
section.gallery .altClip.clipped{width:220px;}
section.gallery .altClip.clipped img{width:230px;margin:0 -5px}
section.gallery .altClip.first{margin-left:0}
section.gallery section h1{font-size:1.5em;font-weight:bold}
section.gallery div._separator{width:300px;margin-left:20px;height:8px;background:#fff;}
section.gallery div._separator:first-child{margin-left:0}
section.gallery div.films{float:none;width:100%;overflow:hidden;margin-top:30px;margin-bottom:40px;}
section.gallery div.films div.cont{min-width:100%;width:9999px;height:403px;}
section.gallery div.films div.cont div.itemGroup{width:480px;}
section.gallery div.films div.cont div.itemGroup:first-child{margin-left:10px}
section.gallery div.films div.cont div.itemGroup div:first-child{margin-bottom:10px}
section.gallery div.films div.cont div.item11{width:230px;margin-right:10px;height:127px;background-color:#050505;opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);overflow:hidden;}
section.gallery div.films div.cont div.item11:hover{opacity:1;-ms-filter:none;filter:none}
section.gallery div.films div.cont div.item22{width:470px;margin-right:10px;height:266px;background-color:#050505;opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);overflow:hidden;}
section.gallery div.films div.cont div.item22:hover{opacity:1;-ms-filter:none;filter:none}
section.gallery div.films div.cont img{display:block;width:100%;height:auto}
section.gallery div.films div.cont span.tag{position:absolute;right:0;bottom:0;height:auto;padding-left:4px;background-color:#000;color:#25a6e4;}
.style1 section.gallery div.films div.cont span.tag{color:#25a6e4}
.style2 section.gallery div.films div.cont span.tag{color:#fcb040}
.style2 .gallery section.gallery div.films div.cont span.tag{color:#fbaf3f}
.style3 section.gallery div.films div.cont span.tag{color:#3cbc8a}
section.gallery div.films div.cont span.tag span{font-weight:bold;font-size:.75em;float:right}
section.gallery div.listing{width:960px;}
section.gallery div.listing > article{width:300px;margin-left:10px;padding-bottom:0;border-top:8px solid #fff;}
section.gallery div.listing > article h1{font-size:1.5em;font-weight:bold;margin-bottom:.5em}
section.gallery div.listing > article p{color:#fff;font-size:.875em;line-height:1.45;}
section.gallery div.listing > article p strong{display:block;font-size:2.142857142857143em;line-height:1.2}
section.gallery div.listing > article > ul li{width:auto;}
section.gallery div.listing > article > ul li:before{color:#fff;content:'•';margin:0 .4ex}
section.gallery div.listing > article > ul li:first-child:before{content:none}
section.gallery div.listing section{width:300px;margin:0 10px;border-top:8px solid #fff;}
section.gallery div.listing section:first-child{margin-left:0}
section.gallery div.listing section a.more{float:left;clear:both}
section.gallery div.listing section a.more:hover{color:#fff}
section.gallery div.listing section li{margin-bottom:10px;}
section.gallery div.listing section li time{position:relative;float:left;top:3px;width:30px;height:30px;background:#fff;color:#000;font-size:.6875em;font-weight:bold;line-height:1;text-align:center;text-transform:uppercase;}
section.gallery div.listing section li time span{font-size:1.7272727272727273em;line-height:.95;font-weight:bold}
section.gallery div.listing section li time + div{width:252px;margin-left:10px}
section.gallery div.listing section li h1{line-height:1.1;font-size:1.125em;font-weight:bold;color:inherit;width:100%;margin:0;margin-bottom:2px}
section.gallery div.listing section li small{line-height:1.1;font-size:.875em;display:block}
form.catalogue,form.calendar{margin-bottom:50px;margin-top:20px;}
form.catalogue div.select,form.calendar div.select{width:auto;margin-right:10px;}
form.catalogue div.select label,form.calendar div.select label{width:auto;float:left;font-weight:bold;font-size:1.125em}
form.catalogue select.category,form.calendar select.category{width:310px}
form.catalogue select.year,form.calendar select.year,form.catalogue select.phase,form.calendar select.phase{width:230px}
form.catalogue button,form.calendar button{position:absolute;right:0;bottom:0;height:49px;width:140px;font-size:1.5em}
form.catalogue div.chosen-container,form.calendar div.chosen-container{border-bottom:4px solid #000;clear:both}
form.catalogue a.chosen-single,form.calendar a.chosen-single{color:#000;background:#25a6e4;height:45px;line-height:45px;}
.style1 form.catalogue a.chosen-single,.style1 form.calendar a.chosen-single{background:#25a6e4}
.style2 form.catalogue a.chosen-single,.style2 form.calendar a.chosen-single{background:#fcb040}
.style2 .gallery form.catalogue a.chosen-single,.style2 .gallery form.calendar a.chosen-single{background:#fbaf3f}
.style3 form.catalogue a.chosen-single,.style3 form.calendar a.chosen-single{background:#3cbc8a}
form.catalogue a.chosen-single span,form.calendar a.chosen-single span{font-size:1.5em;font-weight:bold}
form.catalogue > fieldset > button{background-color:#000;color:#fbaf3f}
form.catalogue > fieldset > button:hover{background-color:#000;color:#fff}
form.calendar > fieldset > button{background-color:#000;color:#3cbc8a}
form.calendar > fieldset > button:hover{background-color:#000;color:#fff}
form.calendar button{position:relative}
form.calendar div.chosen-drop{background:#25a6e4;}
.style1 form.calendar div.chosen-drop{background:#25a6e4}
.style2 form.calendar div.chosen-drop{background:#fcb040}
.style2 .gallery form.calendar div.chosen-drop{background:#fbaf3f}
.style3 form.calendar div.chosen-drop{background:#3cbc8a}
form.calendar div.chosen-drop li.highlighted{background:#000;color:#fff}
section.groupedResults{margin-bottom:50px;}
article section.groupedResults h1{font-size:1.5em;font-weight:bold;padding:10px 0;border-bottom:8px solid #000;margin-bottom:0}
section.groupedResults ul{width:960px;margin:0 -10px;}
section.groupedResults ul li{width:460px;margin:0 10px;line-height:1.2;max-height:66px;border-bottom:3px solid #000}
section.groupedResults ul li a{display:block;width:auto;font-size:1.125em;min-height:3.5em;padding:10px 0;}
section.groupedResults ul li a span{font-size:.8888888888888888em}
div.wrapper section.about{border-top:none;}
div.wrapper section.about div.intro{width:590px;font-size:1.3125em;margin-bottom:30px;}
div.wrapper section.about div.intro h1{font-size:1.7142857142857142em;font-weight:bold;color:#25a6e4;}
.style1 div.wrapper section.about div.intro h1{color:#25a6e4}
.style2 div.wrapper section.about div.intro h1{color:#fcb040}
.style2 .gallery div.wrapper section.about div.intro h1{color:#fbaf3f}
.style3 div.wrapper section.about div.intro h1{color:#3cbc8a}
div.wrapper section.about div.intro nav{font-size:.7619047619047619em;}
div.wrapper section.about div.intro nav styledLinks li,div.wrapper section.about div.intro nav ul li{width:auto;}
div.wrapper section.about div.intro nav styledLinks li:before,div.wrapper section.about div.intro nav ul li:before{content:'•';margin:0 .4ex}
div.wrapper section.about div.intro nav styledLinks li:first-child:before,div.wrapper section.about div.intro nav ul li:first-child:before{content:none}
div.wrapper section.about div.intro div.content *{font-weight:lighter;}
div.wrapper section.about div.intro div.content *:last-child{margin-bottom:0}
div.wrapper section.about > div{width:640px;margin-right:-20px;}
div.wrapper section.about > div.featured{margin-top:40px;width:940px;}
div.wrapper section.about > div.featured article{border-top:8px solid #000;padding-top:20px;}
div.wrapper section.about > div.featured article div{width:auto;max-width:80%;position:absolute;bottom:10px;left:10px;}
div.wrapper section.about > div.featured article div h1,div.wrapper section.about > div.featured article div span.caption{position:relative;line-height:1;float:none;width:auto;font-size:1.125em;margin:0;left:.25em;display:inline;white-space:pre-wrap;border:0 solid #000;border-width:.15em 0;background:#000;color:#fff;}
div.wrapper section.about > div.featured article div h1:after,div.wrapper section.about > div.featured article div span.caption:after{content:"";position:absolute;top:-.13em;right:100%;bottom:-.13em;width:.25em;background:#000}
div.wrapper section.about > div.featured article div h1 span,div.wrapper section.about > div.featured article div span.caption span{position:relative;color:#fff;z-index:1;font-weight:bold}
div.wrapper section.about > div.featured article div h1{font-weight:bold;font-size:1.5em;}
div.wrapper section.about > div.featured article div h1:after{top:-.13em}
div.wrapper section.about > div.featured article.main{width:620px}
div.wrapper section.about > div.featured article.side{float:right;width:300px}
div.wrapper section.about > div.featured article.leftBig{width:620px}
div.wrapper section.about > div.featured article.rightSmallOne{float:right;width:300px}
div.wrapper section.about > div.featured article.rightSmallTwo{float:right;width:300px;border-top:8px solid #fff}
div.wrapper section.about > div .introContent{max-height:160px}
div.wrapper section.about > div article.lead{border-top:8px solid #000;padding-top:10px;width:270px;margin-right:50px;}
div.wrapper section.about > div article.lead h1{font-size:1.25em;font-weight:bold;line-height:1.1;margin-bottom:.25em}
div.wrapper section.about > div article.lead p{color:#000 !important}
div.wrapper section.about aside{float:right;width:300px}
div.wrapper.home3 section.info{margin-bottom:20px}
div.wrapper.home1 section.info{margin-bottom:0;}
div.wrapper.home1 section.info h1{margin-top:0}
div.wrapper section.info{border-top:none;margin-bottom:60px;}
div.wrapper section.info > h1{font-size:2.25em;font-weight:bold;color:#25a6e4;}
.style1 div.wrapper section.info > h1{color:#25a6e4}
.style2 div.wrapper section.info > h1{color:#fcb040}
.style2 .gallery div.wrapper section.info > h1{color:#fbaf3f}
.style3 div.wrapper section.info > h1{color:#3cbc8a}
div.wrapper section.info article.featured{width:380px;border-top:none;padding-top:0;}
div.wrapper section.info article.featured div{width:auto;max-width:80%;position:absolute;bottom:10px;left:10px;}
div.wrapper section.info article.featured div h1,div.wrapper section.info article.featured div span.caption{position:relative;line-height:1;float:none;width:auto;font-size:1.125em;margin:0;left:.25em;display:inline;white-space:pre-wrap;border:0 solid #000;border-width:.15em 0;background:#000;color:#fff;}
div.wrapper section.info article.featured div h1:after,div.wrapper section.info article.featured div span.caption:after{content:"";position:absolute;top:-.13em;right:100%;bottom:-.13em;width:.25em;background:#000}
div.wrapper section.info article.featured div h1 span,div.wrapper section.info article.featured div span.caption span{position:relative;color:#fff;z-index:1;font-weight:bold}
div.wrapper section.info article{border-top:8px solid #000;padding-top:20px;}
div.wrapper section.info article h1{font-size:1.25em;font-weight:bold;margin-bottom:10px;line-height:1.1;margin-top:-5px}
div.wrapper section.info article p{color:#000;line-height:1.2;height:80px;overflow:hidden}
div.wrapper section.info article img{float:left;max-width:140px;}
div.wrapper section.info article img + div{float:right;width:220px}
div.wrapper section.info article.featured img{max-width:100%}
div.wrapper section.info div.wrap{float:right;width:540px;}
div.wrapper section.info div.wrap article{margin-top:10px;}
div.wrapper section.info div.wrap article.introContent{height:145px;max-height:145px}
div.wrapper section.info div.wrap article:first-child{border-top:none;padding-top:0;margin-top:0}
div.wrapper section.info div.wrap div.articles{width:220px}
div.wrapper section.info .bx-wrapper{float:right;width:300px;height:300px;border-top:8px solid #000;}
div.wrapper section.info .bx-wrapper .bx-viewport{-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;-o-box-shadow:0 0 0 0;box-shadow:0 0 0 0;left:0;border:none}
div.wrapper section.info .bx-wrapper .bx-prev,div.wrapper section.info .bx-wrapper .bx-next{background-image:url("/img/controls.png")}
div.wrapper section.info div.events{overflow:hidden;background:#25a6e4;}
.style1 div.wrapper section.info div.events{background:#25a6e4}
.style2 div.wrapper section.info div.events{background:#fcb040}
.style2 .gallery div.wrapper section.info div.events{background:#fbaf3f}
.style3 div.wrapper section.info div.events{background:#3cbc8a}
div.wrapper section.info div.events article{width:300px;height:292px;text-align:center;border-top:none;margin-top:0;padding-top:0;}
div.wrapper section.info div.events article span.title{color:#000;float:left;width:100%;font-weight:bold;font-size:1.25em;margin:20px 0}
div.wrapper section.info div.events article time{display:block;color:#000;font-size:1.3125em;text-transform:uppercase;}
div.wrapper section.info div.events article time span{display:block;font-size:5.238095238095238em;line-height:.9}
div.wrapper section.info div.events article h1{padding:0 1.5em;margin-top:10px;font-weight:normal;font-size:1.3125em;color:#fff}
div.wrapper section.info div.press + div.featured{margin-top:0 !important}
div.wrapper section.info div.featured{margin-top:35px;}
div.wrapper section.info div.featured article{width:380px;margin-right:20px}
div.wrapper section.info div.featured nav.categories{border-top:8px solid #000;padding-top:15px;width:140px;}
div.wrapper section.info div.featured nav.categories li{font-size:1.125em;line-height:1.1;margin-bottom:10px}
div.wrapper section.info.center article{min-height:190px}
div.wrapper section.info.center article.featured{width:620px}
div.wrapper section.info.center div.featured.multiple{width:620px;}
div.wrapper section.info.center div.featured.multiple div{margin-bottom:25px;}
div.wrapper section.info.center div.featured.multiple div article{width:220px;margin-right:0;}
div.wrapper section.info.center div.featured.multiple div article:first-child{width:380px;margin-right:20px}
div.wrapper section.info div.press{margin-top:35px;float:right;width:300px;}
div.wrapper section.info div.press article{padding:20px;background:#25a6e4;height:190px;}
.style1 div.wrapper section.info div.press article{background:#25a6e4}
.style2 div.wrapper section.info div.press article{background:#fcb040}
.style2 .gallery div.wrapper section.info div.press article{background:#fbaf3f}
.style3 div.wrapper section.info div.press article{background:#3cbc8a}
div.wrapper section.info div.press article h1{color:#000;font-weight:bold;font-size:2.25em}
div.wrapper section.info div.press article p{position:absolute;left:20px;bottom:16px;font-size:1.3125em;color:#fff;width:80%}
div.wrapper section.info div.press article > span{height:100%;width:29px;position:absolute;top:0;right:-29px;background:url("/img/pressCornerBg@2x.png") top right no-repeat transparent;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
div.wrapper section.info div.press form.inline{margin-top:40px;background:#25a6e4;padding:10px 20px 15px;border-bottom:none;}
.style1 div.wrapper section.info div.press form.inline{background:#25a6e4}
.style2 div.wrapper section.info div.press form.inline{background:#fcb040}
.style2 .gallery div.wrapper section.info div.press form.inline{background:#fbaf3f}
.style3 div.wrapper section.info div.press form.inline{background:#3cbc8a}
div.wrapper section.info div.press form.inline legend{margin-bottom:15px;font-size:1.25em;font-weight:bold}
div.wrapper section.info div.press form.inline div.input{border-bottom:4px solid #000}
div.wrapper section.info div.press form.inline input{width:195px;padding:0 10px}
div.wrapper section.info div.press form.inline button{background:#000;width:64px;margin-left:-4px;font-size:.875em;font-weight:bold;border-left:none}
div.calendar{width:945px;margin-right:-5px;}
div.calendar > div{width:130px;margin-bottom:5px;margin-right:5px;height:95px;border-top:4px solid #000;background:#f0f0f0;}
div.calendar > div time{position:absolute;top:0;right:0;width:100%;height:100%;line-height:95px;font-size:1.875em;text-align:center}
div.calendar > div.otherMonth time{color:#c7c7c7}
div.calendar > div ul.events + time{position:absolute;top:5px;right:5px;font-size:14px;line-height:1;width:auto;height:auto}
div.calendar > div ul.events{width:100%;height:100%;overflow:hidden;background:#25a6e4;padding:1ex 1ex 0 1ex;}
.style1 div.calendar > div ul.events{background:#25a6e4}
.style2 div.calendar > div ul.events{background:#fcb040}
.style2 .gallery div.calendar > div ul.events{background:#fbaf3f}
.style3 div.calendar > div ul.events{background:#3cbc8a}
div.calendar > div ul.events:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:url("/img/calendarFadeBg.png") bottom left repeat-x transparent;z-index:1}
div.calendar > div ul.events a{color:#fff;}
div.calendar > div ul.events a:link,div.calendar > div ul.events a:visited{color:#fff}
div.calendar > div ul.events a:hover,div.calendar > div ul.events a.active{color:#000}
div.calendar > div ul.events li{width:90%;line-height:1;margin-bottom:1ex;}
div.calendar > div ul.events li strong{display:block}
div.calendar > div ul.events li small{font-size:.75em}
div.calendar > div:hover{overflow:visible;z-index:10;}
div.calendar > div:hover ul.events{position:absolute;top:0;left:0;width:235px;height:auto;min-height:100%;-webkit-box-shadow:4px 4px 0 #000;-moz-box-shadow:4px 4px 0 #000;-o-box-shadow:4px 4px 0 #000;box-shadow:4px 4px 0 #000;}
div.calendar > div:hover ul.events:after{content:none}
div.calendar > div:hover ul.events + time{right:-100px}
a.home{display:none;}
.sticky a.home{display:block;position:relative;height:auto;width:70px;height:0;top:14px;margin-left:-90px;}
.sticky a.home img{width:70px;height:auto}
.sticky nav.mainNavigation > div{margin:0 -9999px;padding:0 9999px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;background:#fff;max-height:56px}
nav.mainNavigation{background:#fff;border-bottom:8px solid #000;height:64px;overflow:visible;z-index:10000;}
nav.mainNavigation > div > ul > li{width:300px;}
nav.mainNavigation > div > ul > li + li{margin-left:20px}
nav.mainNavigation > div > ul > li > a{font-size:2.25em;font-weight:bold;line-height:1;display:block;margin:10px 0}
nav.mainNavigation > div > ul > li > ul{display:none;margin-top:15px;}
nav.mainNavigation > div > ul > li > ul li{line-height:1.2;margin-bottom:.65em}
nav.mainNavigation.hover > div > ul{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;margin:-10px -25px 0;padding:10px 25px 80px;background-color:#000;background-image:url("/img/navBg@2x.png");background-position:0 bottom;background-repeat:repeat-x;-webkit-background-size:auto 43px;-moz-background-size:auto 43px;-o-background-size:auto 43px;background-size:auto 43px;}
nav.mainNavigation.hover > div > ul > li + li a{padding-left:20px;margin-left:-20px}
nav.mainNavigation.hover > div > ul > li > a{padding-bottom:10px;margin-bottom:0;border-bottom:8px solid #fff}
nav.mainNavigation.hover > div > ul > li.style1 a{color:#fff;}
nav.mainNavigation.hover > div > ul > li.style1 a:link,nav.mainNavigation.hover > div > ul > li.style1 a:visited{color:#fff}
nav.mainNavigation.hover > div > ul > li.style1 a:hover,nav.mainNavigation.hover > div > ul > li.style1 a.active{color:#25a6e4}
nav.mainNavigation.hover > div > ul > li.style2 a{color:#fff;}
nav.mainNavigation.hover > div > ul > li.style2 a:link,nav.mainNavigation.hover > div > ul > li.style2 a:visited{color:#fff}
nav.mainNavigation.hover > div > ul > li.style2 a:hover,nav.mainNavigation.hover > div > ul > li.style2 a.active{color:#fcb040}
nav.mainNavigation.hover > div > ul > li.style3 a{color:#fff;}
nav.mainNavigation.hover > div > ul > li.style3 a:link,nav.mainNavigation.hover > div > ul > li.style3 a:visited{color:#fff}
nav.mainNavigation.hover > div > ul > li.style3 a:hover,nav.mainNavigation.hover > div > ul > li.style3 a.active{color:#3cbc8a}
nav.mainNavigation.hover > div > ul > li > ul{display:block}
form.inline{width:auto;border-bottom:4px solid #000;}
form.inline div.inline{clear:left;width:auto;}
form.inline div.inline + div.inline{clear:none;border-left:4px solid #000}
form.inline div.inline input,form.inline div.inline button{height:34px;line-height:20.4px;padding:6.800000000000001px 0;font-size:.875em;border:none !important;-webkit-appearance:none}
form.inline div.inline input{width:259.9998px}
form.inline div.inline button{width:34px;color:#fff;background:#25a6e4;font-size:1.25em;}
.style1 form.inline div.inline button{background:#25a6e4}
.style2 form.inline div.inline button{background:#fcb040}
.style2 .gallery form.inline div.inline button{background:#fbaf3f}
.style3 form.inline div.inline button{background:#3cbc8a}
form.inline div.inline button:hover{background:#000}
div.nivo-directionNav{position:absolute;top:50%;left:0;height:0;}
div.nivo-directionNav > a{position:relative;display:block;width:31px;height:34px;margin-top:-17px;text-align:center;vertical-align:middle;background-image:url("/img/slideArrows@2x.png");background-repeat:no-repeat;-webkit-background-size:200% 300%;-moz-background-size:200% 300%;-o-background-size:200% 300%;background-size:200% 300%;background-position:0 50%;}
div.nivo-directionNav > a:hover{background-position:0 100%}
div.nivo-directionNav > a.nivo-prevNav{float:left;margin-left:10px}
div.nivo-directionNav > a.nivo-nextNav{margin-right:10px;background-position:100% 50%;float:right;}
div.nivo-directionNav > a.nivo-nextNav:hover{background-position:100% 100%}
div.bx-wrapper *{width:auto;position:static;float:none}
div.checkboxGroup{margin-bottom:.2em}
div.checkbox{width:auto;margin-right:10px;margin-bottom:1ex;}
div.checkbox label{line-height:20px;font-weight:bold;cursor:pointer}
section.cinema{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;background:#000;}
section.cinema h1{font-size:1.5em;font-weight:bold;color:#fcb040;margin-bottom:40px}
section.cinema a.filmLink{float:left;margin-top:-2em;color:#fcb040;}
section.cinema a.filmLink:link,section.cinema a.filmLink:visited{color:#fcb040}
section.cinema a.filmLink:hover,section.cinema a.filmLink.active{color:#fff}
section.cinema > div.wrapper{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity ease-in .5s;-moz-transition:opacity ease-in .5s;-o-transition:opacity ease-in .5s;transition:opacity ease-in .5s;padding:20px 0}
section.cinema div.media{height:580px;margin-bottom:20px;}
section.cinema div.media iframe{width:100%;height:100%}
section.cinema div.media img{width:100%;max-height:100%;max-width:940px;height:auto;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity ease-in .15s;-moz-transition:opacity ease-in .15s;-o-transition:opacity ease-in .15s;transition:opacity ease-in .15s;object-fit:cover}
section.cinema div.media div{width:auto;max-width:80%;position:absolute;bottom:10px;left:10px;}
section.cinema div.media div h1,section.cinema div.media div span.caption{position:relative;line-height:1;float:none;width:auto;font-size:1.125em;margin:0;left:.25em;display:inline;white-space:pre-wrap;border:0 solid #000;border-width:.15em 0;background:#000;color:#fff;}
section.cinema div.media div h1:after,section.cinema div.media div span.caption:after{content:"";position:absolute;top:-.13em;right:100%;bottom:-.13em;width:.25em;background:#000}
section.cinema div.media div h1 span,section.cinema div.media div span.caption span{position:relative;color:#fff;z-index:1;font-weight:bold}
section.cinema div.media div{bottom:35px}
section.cinema a.toggleSlides{float:right;clear:both;}
section.cinema a.toggleSlides:after{content:'';width:11px;height:15px;margin-left:.5ex;margin-bottom:-2px;display:inline-block;background-image:url("/img/openCloseArrow@2x.png");-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;background-position:0 0;background-repeat:no-repeat}
section.cinema a.toggleSlides:hover{color:#fff;}
section.cinema a.toggleSlides:hover:after{background-position:0 -30px}
section.cinema a.toggleSlides.closed{opacity:.25;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter:alpha(opacity=25);}
section.cinema a.toggleSlides.closed:after{background-position:0 -60px}
section.cinema a.toggleSlides.closed:hover:after{background-position:0 -90px}
section.cinema a.movieMode{position:absolute;right:0;top:30px;}
section.cinema .bx-wrapper{margin-top:.5ex !important}
section.cinema .bx-viewport{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;left:0;background:transparent;border:none}
section.cinema .bx-controls-direction a{width:31px;height:34px;margin-top:-17px;background-image:url("/img/slideArrows@2x.png");-webkit-background-size:200% 300%;-moz-background-size:200% 300%;-o-background-size:200% 300%;background-size:200% 300%;background-repeat:no-repeat;}
section.cinema .bx-controls-direction a.bx-prev{left:-50px;background-position:0 0;}
section.cinema .bx-controls-direction a.bx-prev:hover{background-position:0 50%}
section.cinema .bx-controls-direction a.bx-next{right:-50px;background-position:100% 0;}
section.cinema .bx-controls-direction a.bx-next:hover{background-position:100% 50%}
section.cinema ul.slides img{width:100%;height:auto}
section.cinema ul.slides a{display:none}
section.cinema ul.slides li{overflow:hidden;width:140px;height:78px}
section.cinema ul.slides li:hover a,section.cinema ul.slides li.active a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;z-index:1;background:#fcb040;line-height:1.3;}
section.cinema ul.slides li:hover a strong,section.cinema ul.slides li.active a strong{white-space:nowrap;overflow:hidden;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:block;font-size:.875em;font-weight:bold}
section.cinema ul.slides li:hover a small,section.cinema ul.slides li.active a small{white-space:nowrap;overflow:hidden;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:block;font-size:.75em}
.icheckbox{display:inline-block; vertical-align:middle;margin:0;margin-right:.25em;padding:0;width:20px;height:20px;background:url("/img/check.png") no-repeat;border:none;cursor:pointer;background-position:0 0;}
.icheckbox.hover{background-position:-24px 0}
.icheckbox.checked{background-position:-48px 0}
.icheckbox.disabled{background-position:-72px 0;cursor:default}
.icheckbox.checked.disabled{background-position:-96px 0}

div.second-home1 p.dateNews, div.third-home2 p.dateNews {margin:6px 0 0 0; font-size:14px !important; color:#999;}
div.third-home2 p.dateNews.noLead {margin-top:-14px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5){.icheckbox{background-image:url("/img/check@2x.png");-webkit-background-size:240px 24px;-webkit-background-size:240px 24px;-moz-background-size:240px 24px;-o-background-size:240px 24px;background-size:240px 24px}
}section.publications{border-top:8px solid #000;margin-top:15px;}
section.publications h1{font-size:2.25em;color:#25a6e4;font-weight:lighter;line-height:1.1;margin:30px 0}
.style1 section.publications h1{color:#25a6e4}
.style2 section.publications h1{color:#fcb040}
.style2 .gallery section.publications h1{color:#fbaf3f}
.style3 section.publications h1{color:#3cbc8a}
section.publications h2{font-size:1.75em;font-weight:lighter;line-height:1.1;margin:20px 0}
section.publications ul li{width:140px;margin-right:20px;line-height:1.2;}
section.publications ul li:last-child{margin-right:0}
section.publications ul li a{font-size:.875em;margin-top:1ex}
section.publications ul img{width:100%;height:auto;margin-bottom:1em;-moz-box-shadow:5px 6px 0 0 #c7c7c7;-webkit-box-shadow:5px 6px 0 0 #c7c7c7;-webkit-box-shadow:5px 6px 0 0 #c7c7c7;-moz-box-shadow:5px 6px 0 0 #c7c7c7;-o-box-shadow:5px 6px 0 0 #c7c7c7;box-shadow:5px 6px 0 0 #c7c7c7}
body.microSite header.mainHeader,body.microSite > .wrapper{z-index:1}
body.microSite div.cover{position:absolute;top:0;left:0;width:100%;background:#000;}
body.microSite div.cover img{display:block;margin:0 auto;height:500px;width:auto;max-width:100%;object-fit:contain}
body.microSite article{padding-top:300px;}
body.microSite article header{position:absolute;left:0;top:0;}
body.microSite article header div{width:auto;max-width:80%;position:absolute;bottom:10px;left:10px;}
body.microSite article header div h1,body.microSite article header div span.caption{position:relative;line-height:1;float:none;width:auto;font-size:1.125em;margin:0;left:.25em;display:inline;white-space:pre-wrap;border:0 solid #000;border-width:.15em 0;background:#000;color:#fff;}
body.microSite article header div h1:after,body.microSite article header div span.caption:after{content:"";position:absolute;top:-.13em;right:100%;bottom:-.13em;width:.25em;background:#000}
body.microSite article header div h1 span,body.microSite article header div span.caption span{position:relative;color:#fff;z-index:1;font-weight:bold}
body.microSite article header div{bottom:auto;top:10px;left:0;font-size:2em}
body.microSite article div.articleContent{padding:40px;margin-right:10px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;background:#fff}
body.microSite footer{border-top:none}
div.content + div.content{margin-top:1em}
div.content *{float:none;max-width:620px}
div.content p{line-height:24px;clear:left}
div.content p,div.content ul,div.content ol{margin-bottom:1em}
div.content ul,div.content ol{margin-left:2em;list-style-position:outside}
div.content ul{list-style-type:disc}
div.content ol{list-style-type:decimal}
div.content h2{font-size:1.5em;font-weight:bold;margin-bottom:.6666666666666666em;line-height:1.1}
div.content h3{font-size:1.25em;font-weight:bold;margin-bottom:.25em;line-height:1.1}
div.content h4{font-size:1.125em;font-weight:bold;margin-bottom:.15em;line-height:1.1}
div.content span.highlighted{background-color:#25a6e4;}
.style1 div.content span.highlighted{background-color:#25a6e4}
.style2 div.content span.highlighted{background-color:#fcb040}
.style2 .gallery div.content span.highlighted{background-color:#fbaf3f}
.style3 div.content span.highlighted{background-color:#3cbc8a}
div.content span.highlightedStrong{background-color:#25a6e4;font-weight:bold;float:left;clear:right;margin-bottom:5px}
.style1 div.content span.highlightedStrong{background-color:#25a6e4}
.style2 div.content span.highlightedStrong{background-color:#fcb040}
.style2 .gallery div.content span.highlightedStrong{background-color:#fbaf3f}
.style3 div.content span.highlightedStrong{background-color:#3cbc8a}
div.content .modulesContainer{float:right;margin-left:20px;width:220px}
div.content .module{border-top:3px solid #000;border-bottom:3px solid #000;padding:10px 0;float:right;width:220px;margin:0 0 20px 20px;z-index:1;}
div.content .module h3{color:#25a6e4;}
.style1 div.content .module h3{color:#25a6e4}
.style2 div.content .module h3{color:#fcb040}
.style2 .gallery div.content .module h3{color:#fbaf3f}
.style3 div.content .module h3{color:#3cbc8a}
div.content .module *:last-child{margin-bottom:0}
div.content img.module{border:none;float:left;padding:3px 0;margin:0 20px 10px 0;margin-left:-60px}
div.content ul.module{padding:0;list-style:none;border-bottom:0;}
div.content ul.module li{float:left;border-bottom:3px solid #000;padding:10px 0;font-size:.875em;line-height:1.14;}
div.lead{float:right;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;width:620px;padding-left:20px;border-left:8px solid #25a6e4;font-size:1.3125em;font-weight:lighter;margin-bottom:1.5em;border-color:#25a6e4;}
div.gallery + div.lead{margin-top:2em}
.style1 div.lead{border-color:#25a6e4}
.style2 div.lead{border-color:#fcb040}
.style2 .gallery div.lead{border-color:#fbaf3f}
.style3 div.lead{border-color:#3cbc8a}
div.lead *{font-weight:inherit}
.newsletterWrapper div.articleContent{margin-top:20px;}
.newsletterWrapper div.articleContent p{margin-bottom:20px}
.newsletterWrapper .extraMargin{margin-top:20px}
.newsletterWrapper .changeList.hrv label{width:144px !important}
.newsletterWrapper .changeList .chosen-container{width:133px !important}
.newsletterWrapper div.input.inline{margin-bottom:5px;}
.newsletterWrapper div.input.inline label{width:auto;border-bottom:4px solid #000;border-right:4px solid #000;background:none repeat scroll 0 0 #000;color:#fff;font-size:.875em;font-weight:bold;padding:6.8px 4px 2.8px 8px;min-width:83px}
.newsletterWrapper div.input.inline input{height:35px;border-bottom:4px solid #000;font-size:.875em;padding-top:6px;padding-left:10px;width:187px}
.newsletterWrapper div.input.inline div.chosen-container{margin-top:5px}
.newsletterWrapper div.input.eng div.chosen-container{width:190px !important}
.newsletterWrapper div.input.checkbox{margin-left:0;margin-bottom:20px;}
.newsletterWrapper div.input.checkbox div.icheckbox{background:url("/img/checkBlue.png") no-repeat scroll 0 0 rgba(0,0,0,0);}
.newsletterWrapper div.input.checkbox div.icheckbox.checked{background-position:-48px 0}
.newsletterWrapper button{color:#fff;font-size:.875em;height:35px;width:80px}
div.loadMoreContainer{margin-top:20px;text-align:center;}
div.loadMoreContainer button.loadMoreNews{display:inline-block;color:#fff}
aside > nav.sideNav{max-width:180px}
section.feature a > img{clear:both}
article.page > h1{margin-bottom:25px}
article.page > header > h1{margin-bottom:10px}
article.page div.articleContent div.content img:first-child:not(.module){margin:0 1em .5em 0;float:left}
section.gallery > div.listing > article > p > a:hover,body > div.sectionWrapper > section > div.listing > article > ul > li > a:hover{color:#fff}
article.movie div#filmMedia{margin-top:30px}
li.filmPhase{background-color:#fcb040;padding:0 5px;margin-right:5px}
li.filmPhase a{color:#000 !important}
li.filmPhase:hover{background-color:#000}
li.filmPhase:hover a{color:#fcb040 !important}
li.filmPhase:before{content:"" !important;margin:0 !important}
article.movie div header > h1{padding-bottom:10px}
section.gallery > div.wrapper > section > h1 > a:hover{color:#fcb040}
body > section.gallery.keyFilms{margin-top:-10px}
li.impressum:before{content:none !important;margin-left:0 !important}
li.impressum{clear:left}
li.fiktivSite a{font-weight:bold;color:#000 !important}
li.fiktivSite a:hover{background:#f2ff00}
article.movie section.gallery div.wrapper > h1{margin-top:50px}
.keypublications .publications{border-top:none;margin-top:25px}
.keypublications .publications ul li{margin-bottom:20px}
article.movie > div.wrapper > header > h1{max-width:680px}
span.newsItemCategorySmall{display:block;clear:both;font-size:.45em;font-weight:400;padding-top:.2em}
li[class*="pageDepth"]{background-color:rgba(0,0,0,0);background-image:url("/img/admin/pageTreeBg.png");background-position:0 -5px;background-repeat:no-repeat}
li.pageDepth0{padding-top:.1em;padding-bottom:.3em;background-image:none}
li.pageDepth1{padding-left:1.8em;padding-top:.1em;padding-bottom:.3em;background-position:-155px -5px}
li.pageDepth1.last{background-position:-155px -45px}
li.pageDepth2{padding-left:3.2em;padding-top:.1em;padding-bottom:.3em;background-position:-131px -5px}
li.pageDepth2.last{background-position:-131px -45px}
li.pageDepth3{padding-left:4.8em;padding-top:.1em;padding-bottom:.3em;background-position:-107px -5px}
li.pageDepth3.last{background-position:-107px -45px}
li.pageDepth4{padding-left:6.2em;padding-top:.1em;padding-bottom:.3em;background-position:-83px -5px}
li.pageDepth4.last{background-position:-83px -45px}
li.pageDepth5{padding-left:7.6em;padding-top:.1em;padding-bottom:.3em;background-position:-59px -5px}
li.pageDepth5.last{background-position:-59px -45px}
li.pageDepth6{padding-left:9em;padding-top:.1em;padding-bottom:.3em;background-position:-35px -5px}
li.pageDepth6.last{background-position:-11px -45px}
li.pageDepth7{padding-left:10.4em;padding-top:.1em;padding-bottom:.3em;background-position:-11px -5px}
li.pageDepth7.last{background-position:-35px -45px}
li.inLast3{background-position:-83px -85px}
li.last.inLast3{background-position:-83px -125px}
li.inLast4{background-position:-59px -105px}
li.last.inLast4{background-position:-59px -125px}
li.inLast5{background-position:-35px -105px}
li.last.inLast5{background-position:-35px -125px}
li.inLast5.inLast4{background-position:-35px -165px}
li.last.inLast5.inLast4{background-position:-35px -205px}
nav.mainNavigation.blackNavigation > div > ul > li > a{color:#000}
.newsletterMessage{position:absolute;left:0;top:0;display:none;font-size:.875em;background:#fff}
.newsletterMessage.alternativePosition{left:20px;top:110px}
section.about div.intro header div.content p{line-height:1.5;padding-bottom:10px}
section.groupedResults > h1 > a:link{color:#000}
section.groupedResults > h1 > a:hover{color:#fcb040}
article.page div.articleContent div.loadMoreContainer button.loadMoreNews{height:38px;padding:0 1ex}
.introContent a p{visibility:hidden}
div.wrapper.home3 section.info > h1{margin-top:14px}
section.gallery div.listing.home2 > article > a > h1{margin-top:22px}
section.gallery img.noise{margin-top:22px}
.style3 section.related:not(.events) article a h1:hover,.style3 section.related:not(.events) article a h1:hover em{color:#3cbc8a !important}
div.wrapper section.related.events article.event h1{padding:0 9px}
a.sideLink{display:inline-block;line-height:1.5em;padding:0 1ex;font-size:.875em;color:#000 !important;float:right;clear:both;margin-top:-31px}
a.sideLink:hover{color:#fbaf3f !important}
div.calendar > div.hover{overflow:visible;z-index:10}
div.wrapper > header.mobileHeader{display:none}

@media only screen and (max-width : 965px){
  div.wrapper{width:740px}
  nav.mainNavigation > div > ul > li{width:28%}
  nav.mainNavigation > div > ul > li + li{width:36%;margin-left:0}
  div.wrapper section.info article.featured{width:100%}
  div.wrapper section.info article.featured img{display:none}
  div.wrapper section.info article.featured div{max-width:50%}
  div.wrapper section.info div.wrap{float:left;width:48%;margin:35px 4% 0 0}
  div.wrapper section.info div.featured{width:48%}
  div.wrapper section.info div.wrap div.articles{width:100%}
  div.wrapper section.info div.featured article{width:100%;margin-right:0}
  div.wrapper section.info article img + div{float:right;width:180px}
  div.wrapper section.info div.featured article:first-child{border:none;padding-top:0;margin-bottom:20px}
  div.wrapper section.info div.wrap article.introContent{height:100px;padding-top:30px;margin-bottom:20px}
  div.wrapper section.info div.wrap article:first-child{margin-bottom:0;padding-top:0}
  div.wrapper section.info .bx-wrapper{float:left;width:100%;margin-top:40px}
  div.wrapper section.info div.featured nav.categories{width:100%;margin-top:20px}
  div.wrapper section.about > div.featured{width:100%}
  div.wrapper section.about > div.featured article.main{width:420px;overflow:hidden}
  section.gallery div.listing{width:740px}
  section.gallery div.listing section{width:32%;margin:0 2% 0 0}
  section.gallery div.listing > article{width:32%;margin-left:0}
  section.gallery div.listing section li time + div{width:182px}
  div.wrapper section.about div.intro{width:420px}
  div.wrapper section.about > div article.lead{width:190px;margin-right:20px}
  div.wrapper section.about > div{width:420px}
  div.wrapper section.about > div article.lead p{display:none}
  div.wrapper > footer form.inline input{width:166px}
  div.wrapper > footer div.social{margin-left:20px; width: calc(100% - 20px);}
  section.about div.intro header div.content p{font-size:.9em}
  div.wrapper > article.page > header,div.wrapper > article.page > h1{max-width:500px}
  div.wrapper > article div.articleContent{width:520px}
  section.listing > div,section.events > div,section.activities > div,section.movies > div,section.related > div,section.listing > header,section.events > header,section.activities > header,section.movies > header,section.related > header{width:740px}
  section.related > div{margin:0}
  section.related article.film,section.events article,section.related article,section.gallery div._separator,section.feature > div > article,section.movies article{width:32%;margin:0 0 0 2%}
  section.related article.film:first-child,section.events article:first-child,section.related article:first-child,section.feature > div > article:first-child,section.movies article:first-child{margin:0}
  div.wrapper > article div.articleContent section.list{width:520px}
  div.lead{width:460px}
  div.calendar{width:740px}
  section.listing,section.events,section.activities,section.movies,section.related{width:740px}
  section.publications ul div{display:none}
  section.publications ul li:nth-child(4n+0){clear:both}
  div.content *{max-width:520px}
  div.content ul{max-width:490px}
  section.featured div.contact{margin-top:-120px}
  div.wrapper > section.featured img{width:100%}
  section.featured div.highlights{width:310px}
  section.featured div.highlights strong{font-size:2.1em}
  div.wrapper section.info.center article.featured{width:100%;margin-bottom:30px}
  div.wrapper section.info.center div.featured.multiple{width:440px;margin-top:0}
  section.info.center div.featured.multiple div article{width:50%}
  section.info.center div.featured.multiple div article:first-child{width:50%}
  div.wrapper section.info.center .bx-wrapper{width:300px;float:right}
  div.wrapper section.info.center div.featured.multiple div article,div.wrapper section.info.center div.featured.multiple div article:first-child{width:400px}
  div.wrapper section.info.center div.featured.multiple div article div{width:240px;margin-bottom:10px}
  div.wrapper section.info.center div.featured.multiple div article:nth-child(2) div{width:100%;border-bottom:8px solid #000;padding:10px 0 20px 0}
  div.wrapper section.info.center div.featured{width:400px}
  div.wrapper section.info.center section.publications ul li:nth-child(2n+0){margin-left:20px}
  div.wrapper section.info.center section.publications ul li:nth-child(4n+0){clear:none}
  section div.tabs div{width:740px}
  section div.tabs div ul li{width:226px}
  section.movies article time + div,section.events article time + div{width:150px}
  section.feature > div > article{overflow:hidden}
  section.feature > div{margin:0}
  section.feature > div > div{width:400px;margin-bottom:20px}
  form.catalogue select.year,form.catalogue select.phase,form.catalogue select.category{width:190px}
  section.groupedResults ul{width:100%;margin:0}
  section.groupedResults ul li{width:48%;margin:0}
  section.groupedResults ul li:nth-child(odd){margin:0 4% 0 0}
  body > article div.info{width:510px}
  div.wrapper section.related{margin-bottom:20px}
  div.content span.highlightedStrong{margin-bottom:0}
  nav.mainNavigation{font-size:.9em}
  div.wrapper section.info article.featured{-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%}
  section.feature > div{width:100%}
  div.content iframe{width:100%;height:auto}
  div.wrapper > article.page div.articleContent div.gallery img{width:100%}
  section.gallery .altClip.clipped{width:230px}
  section.gallery .altClip{margin:0 10px 10px 0 !important}
  section.gallery .altClip.clipped img{margin:0}
  article.page div.articleContent div.content img {height:auto !important; width:100% !important;}
}

@media only screen and (max-width : 767px){div.wrapper > header{display:none}
div.wrapper > header.mobileHeader{display:block;position:static;width:100%;margin:30px 0}
div.wrapper > header.mobileHeader div button{float:right;font-size:2.6em;background-color:#fff}
div.wrapper > header.mobileHeader div button:hover{background-color:#fff;color:#666}
div.wrapper > header a.logo img{width:78px;height:27px;margin-right:22px}
div.wrapper > header.mobileHeader nav.mobileNavigation{display:none}
div.wrapper > header.mobileHeader nav.mobileNavigation.on{display:block;background:#000;position:absolute;top:1px;left:-5%;z-index:12111;width:110%;padding:80px 0 0 0}
div.wrapper > header.mobileHeader form.inline{position:relative;width:90%;margin:0 5% 0 5%}
div.wrapper > header.mobileHeader form.inline div.inline{width:100%}
div.wrapper > header.mobileHeader form.inline div.inline input{width:100%}
div.wrapper > header.mobileHeader form.inline i{position:absolute;top:0;right:0%;background:#25a6e4;font-size:1.5em;padding:5px}
div.wrapper > header.mobileHeader ul{margin:20px 5% 20px 0;float:right}
div.wrapper > header.mobileHeader ul li ul{margin:5px 0 20px 0}
div.wrapper > header.mobileHeader ul li a{color:#fff;font-size:2em;border-bottom:10px solid #fff;width:90%;display:block;float:right}
div.wrapper > header.mobileHeader ul li ul li a{font-size:1em;border-bottom:none}
div.wrapper > header.mobileHeader nav.languages{color:#fff;font-size:1em;margin-right:5%}
div.wrapper > header.mobileHeader nav.languages ul li a{color:#fff !important;font-size:1em;border:none}
div.wrapper > header.mobileHeader nav.languages ul{width:auto;margin-right:0}
div.wrapper > header.mobileHeader nav.languages ul li{width:auto;margin:0 5px 0 0}
div.wrapper > header.mobileHeader nav.languages ul li a{padding-left:5px}
div.wrapper > header.mobileHeader nav.languages ul li.accesibilityMenu{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}
div.wrapper > header.mobileHeader nav.languages ul li.accesibilityMenu span{background:url("/img/icon-accesibility-white.svg") no-repeat center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}
div.wrapper > header.mobileHeader nav.languages ul li.accesibilityMenu div a.contrast{background:url("/img/icon-accesibility-contrast-white.svg") no-repeat center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin-left:5px}
div.wrapper > header.mobileHeader nav.languages ul li.accesibilityMenu a.type{background:url("/img/icon-accesibility-type-white.svg") no-repeat center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin-left:5px}
div.wrapper > header nav.languages ul:before,div.wrapper > header nav.languages li:before{margin:0}
div.wrapper > header.mobileHeader nav.mobileNavigation button{margin-right:5%;margin-top:-51px;font-size:2.6em;color:#fff;background:#000}
body{padding:0}
div.wrapper{width:90%}
div.wrapper section.info article.featured div{max-width:80%}
div.wrapper section.info div.wrap{width:100%}
div.wrapper section.info div.wrap div.articles{width:48%}
div.wrapper section.info .bx-wrapper{width:48%;float:right;height:auto}
div.wrapper section.info article img{width:30%}
div.wrapper section.info article img + div{width:66%}
div.wrapper section.info div.featured{width:100%}
div.wrapper section.about > div.featured article.main,div.wrapper section.about > div.featured article.side{width:100%}
div.wrapper section.about > div.featured article.side.rightSmallOne,div.wrapper section.about > div.featured article.side.rightSmallTwo{margin-top:20px}
div.wrapper section.about > div.featured article.side.rightSmallOne img.wide,div.wrapper section.about > div.featured article.side.rightSmallTwo img.wide{display:block}
div.wrapper section.about > div.featured article.side.rightSmallOne img.short,div.wrapper section.about > div.featured article.side.rightSmallTwo img.short{display:none}
div.wrapper section.about > div.featured article.leftBig img,div.wrapper section.about > div.featured article.leftBig img.tall{display:none}
div.wrapper section.about > div.featured article.leftBig img.wide{display:block}
div.wrapper section.about > div.featured article.side.rightSmallTwo{border-top:8px solid #000}
div.wrapper section.about > div.featured article.side{overflow:hidden}
div.wrapper section.about > div,div.wrapper section.about div.intro{width:100%}
div.wrapper section.about div article.lead{width:48%;margin-right:0}
div.wrapper section.about div article.lead:nth-child(2){margin-right:4%}
div.wrapper section.about aside{float:left}
div.wrapper > footer{height:240px}
div.wrapper > footer div.info{left:0;top:120px;bottom:auto}
div.wrapper > footer div.social{margin-left:0;position:absolute;top:38px;left:0;bottom:auto;width:150px}
div.wrapper > footer form.inline{position:absolute;right:0;top:20px;height:58px}
section.gallery div.listing{width:90%}
section.gallery div.listing section{width:100%;margin:0 0 30px 0}
section.gallery div.listing section li time + div{width:80%}
section.gallery div.listing > article{width:100%}
section.gallery div.films div.cont{display:none}
section.gallery div a.movieMode{display:none}
section.gallery .altClip,section.gallery .altClip.clipped{width:100%;height:auto;margin-left:0}
section.gallery .altClip img,section.gallery .altClip.clipped img{width:100%;height:auto;margin:0}
div.wrapper section.info div.events article h1{font-size:1.1em}
nav.sideNav{display:none}
div.wrapper > article.page > header,div.wrapper > article.page > h1{width:98%;float:right;margin-left:0}
div.wrapper > article div.articleContent{width:98%}
div.lead{width:92%;max-width:420px}
div.content p,div.content div,div.content h2,div.content h3,div.content ul,div.content ol{max-width:520px;float:right}
div.wrapper > article div.articleContent section.list{max-width:520px;float:right;width:100%}
section.featured div.slides{display:none}
section.featured div.lead{max-width:660px;width:90%}
section.featured div.contact{clear:both;margin:20px 0 0 20px}
section.featured div.intro{max-width:660px;width:90%;margin-bottom:20px}
section.listing,section.events,section.activities,section.movies,section.related{width:100%}
section.listing > div,section.events > div,section.activities > div,section.movies > div,section.related > div,section.listing > header,section.events > header,section.activities > header,section.movies > header,section.related > header{width:100%}
section.related article{width:100%;margin:0}
section.related article.introContent p{display:none}
section.gallery.keyFilms div._separator{display:none}
section.gallery{padding-bottom:20px}
section div.tabs div{width:100%}
section.gallery div.films{display:none}
section div.tabs div ul{margin-bottom:0}
section div.tabs div ul li,section.events article{width:48%;min-height:49px;margin:0 0 0 2%}
section.events article:first-child{margin:0 0 0 2%}
section.feature > div > div{width:100%;margin-bottom:20px}
form.catalogue > fieldset > button{position:relative;margin-top:20px;clear:both;float:left}
article.movie div.wrapper > header{display:block}
body > article div.info{width:100%}
body > article div.info div.content p{width:100%;float:left}
article div.wrapper aside{float:none}
body > article dl.credits{width:100%;max-width:520px}
section.gallery .mainClip{width:100%;height:auto}
div.wrapper section.related article,div.wrapper section.related article.film{width:100%;border:none;margin:0 0 20px 0}
div.calendar{width:100%}
div.calendar > div{width:19%;margin-bottom:1%;margin-right:1%}
form.calendar select.category{width:230px}
.keypublications .publications ul li{min-height:252px}
section.publications ul li:nth-child(4n+0){float:left;clear:none}
div.wrapper section.info.center .bx-wrapper{width:48%}
div.wrapper section.info.center div.featured.multiple{width:48%}
div.wrapper section.info.center div.featured.multiple div article,div.wrapper section.info.center div.featured.multiple div article:first-child{width:100%}
div.wrapper section.info.center div.featured.multiple div article div{width:64%}
div.wrapper section.info div.press{width:48%}
div.wrapper section.info.center div.featured{width:100%;border-top:8px solid #000;padding-top:30px}
div.wrapper section.info.center div.featured.multiple{border-top:none;padding-top:0}
div.wrapper section.info.center section.publications{margin-top:15px;width:100%;margin-left:0;border-top:8px solid #000}
div.wrapper section.info.center section.publications ul li:nth-child(2n+0){margin-left:0}
div.wrapper section.info.center div.featured.multiple div:last-child article:last-child{border-bottom:none}
div.wrapper section.info.center div.featured.multiple div article:nth-child(2) div{border-bottom:none}
div.wrapper section.info.center div.featured.multiple div:first-child{border-bottom:8px solid #000}
section.gallery h1.featured{margin-bottom:30px}
section.feature > div > div.intro.content{width:90%}
section.featured div.lead{width:98%;margin:0}
section.featured div.contact{margin-left:0}
article.page div.articleContent div.content ul{padding-left:20px}
div.wrapper section.info.center div.featured.multiple div article img{display:none}
div.wrapper section.info.center div.featured.multiple div article div{width:96%}
.style3 div.wrapper section.info div.press form.inline{width:100%}
form.catalogue div.select label{width:65px}
a.sideLink{float:left;margin:10px 0 20px 0}
section div.tabs ul.ui-tabs-nav{top:-22px}
section.movies article:last-child{display:none}
section.movies article{width:48%}
section.movies article:first-child{margin-left:2%}
}

@media only screen and (max-width : 703px){div.wrapper section.info article.featured{-webkit-background-size:auto;-moz-background-size:auto;-o-background-size:auto;background-size:auto;background-position:center}
div.wrapper section.about > div.featured article.main.leftBig,div.wrapper section.about > div.featured article.side.rightSmallOne,div.wrapper section.about > div.featured article.side.rightSmallTwo{clear:both;width:300px;margin:20px auto;float:none}
div.wrapper section.about > div.featured article.side.rightSmallOne img{display:none !important}
div.wrapper section.about > div.featured article.side.rightSmallTwo img{display:none !important}
div.wrapper section.about > div.featured article.side.rightSmallOne img.short,div.wrapper section.about > div.featured article.side.rightSmallTwo img.short{display:block !important}
div.wrapper section.about > div.featured article.leftBig img{display:none !important}
div.wrapper section.about > div.featured article.leftBig img.short{display:block !important}
}

@media only screen and (max-width : 600px){section.gallery.keyFilms div.wrapper section h1{margin-bottom:50px}
section.movies a.more:link{display:none}
}

@media only screen and (max-width : 550px){section.events article,section.movies article{width:100%}
section.movies article:first-child{margin-left:2%}
section.events article time + div,section.movies article time + div{width:265px}
div.calendar > div{width:24%;margin-bottom:1%;margin-right:1%}
}

@media only screen and (max-width : 500px){div.wrapper section.info div.events article time{font-size:1em}
div.lead,section.featured div.lead{font-size:1em}
section.events a.more:link{display:none}
section.feature div article.related{width:97%}
}

@media only screen and (max-width : 459px){div.wrapper > footer{height:330px}
div.wrapper > footer div.info{left:0;top:220px;bottom:auto}
div.wrapper > footer form.inline{position:absolute;right:auto;left:0;top:120px;height:58px}
form.calendar > fieldset > button{margin-top:10px}
div.wrapper section.info div.featured.multiple{width:100%}
div.wrapper section.info.center .bx-wrapper,div.wrapper section.info .bx-wrapper{width:100%;height:320px}
div.wrapper section.info div.bx-wrapper div.events article time{font-size:1.3125em}
div.wrapper section.info div.bx-wrapper div.events article h1{font-size:1.3125em}
div.wrapper section.info div.wrap div.articles{width:100%}
div.wrapper section.info.center article{min-height:0 !important}
div.wrapper section.info div.featured article:first-child{margin-bottom:0}
div.wrapper section.info.center div.featured.multiple{width:100%}
div.wrapper section.info.center div.featured.multiple div article div{width:100%}
div.wrapper section.info div.press{width:100%;margin-top:0}
div.wrapper section.info div.wrap article.introContent{height:auto}
}

@media only screen and (max-width : 410px){section.groupedResults ul li{width:100%;height:auto;max-height:200px}
body > article div.director{width:100%}
body > article div.director ul{padding-left:20px}
}

@media only screen and (max-width : 400px){div.wrapper section.about > div.featured article.main div,div.wrapper section.about > div.featured article.side div{font-size:.8em}
section.events article time + div,section.movies article time + div{width:194px}
div.calendar > div{width:32%;margin-bottom:1%;margin-right:1%}
}

@media only screen and (max-width : 381px){section.publications ul li{width:100%}
section.publications ul li img{width:50%}
section.publications ul li a{width:45%;float:right}
section.info.center section.publications ul li img{width:40%;float:left;margin-right:20px}
section.info.center section.publications ul li a{width:100%;float:right}
}

@media only screen and (max-width : 369px){section.publications ul li{clear:both}
div.wrapper > header a.logo img{width:58px;height:auto;margin-right:18px}
div.wrapper > header.mobileHeader div div{width:130px}
div.wrapper > header.mobileHeader div div h1{font-size:1em}
section.featured div.highlights{width:280px}
}div.events.bxslider{visibility:hidden}
.lead-with-image{max-width:none !important;}

@media screen and (max-width: 767px){.lead-with-image{float:none !important}
}.lead-with-image .lead-image{float:left !important;width:31.42857142857143%;margin-right:20px;margin-left:-80px;background:transparent url("/img/placeholder220x320.png") no-repeat scroll 0 0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

@media screen and (max-width: 767px){.lead-with-image .lead-image{max-width:300px;width:100% !important;margin-left:0;margin-bottom:30px}
}.lead-with-image .lead-description{clear:none !important;}

@media screen and (max-width: 767px){.lead-with-image .lead-description{float:none !important;clear:left !important}
}

@media screen and (max-width: 420px){.lead-with-image .module{width:auto !important;margin-left:0 !important}
}.movie-image{float:left !important;width:31.42857142857143%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

@media screen and (max-width: 767px){.movie-image{float:none !important;max-width:300px !important;width:100% !important}
}.movie-description{float:left !important;clear:none !important;width:60%;padding-left:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}

@media screen and (max-width: 767px){.movie-description{width:100% !important;float:none !important;padding-left:0 !important}
}
.clearfix{clear:both}
#cookieBanner{display:none;position:fixed;z-index:10002;bottom:0;left:50%;font-size:14px;width:90%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);padding:12px;background-color:#ddd;max-width:700px}
#cookieBannerClose{float:right;width:48px;height:48px;font-weight:bold;padding:4px;font-size:32px;line-height:32px;text-align:center}

@media only screen and (min-width : 1440px){div.wrapper{width:1380px}
nav.mainNavigation > div > ul > li{width:446px}
div.wrapper section.info article.featured{width:580px;height:300px}
div.wrapper section.info article.featured img{display:block;object-fit:cover;width:100%;}
div.wrapper section.info div.featured article{width:580px;margin-right:30px}
div.wrapper section.info article img + div{width:410px}
div.wrapper section.info div.featured nav.categories{width:160px}
div.wrapper section.info div.wrap{width:770px}
div.wrapper section.info div.wrap div.articles{width:440px}
div.wrapper section.about > div.featured{width:100%}
div.wrapper section.about > div.featured article.main{width:675px}
div.wrapper section.about > div.featured article.side{width:675px !important;margin-left:30px}
div.wrapper section.about > div.featured article.side img.short{display:none}
div.wrapper section.about > div.featured article.side img.wide{display:block}
div.wrapper section.about > div.featured article.leftBig img{display:none}
div.wrapper section.about > div.featured article.leftBig img.tall{display:block;height:330px}
div.wrapper section.about > div.featured article.leftBig img.short,div.wrapper section.about > div.featured article.rightSmallTwo img.short,div.wrapper section.about > div.featured article.rightSmallOne img.short{display:none}
div.wrapper section.about > div.featured article.main img,div.wrapper section.about > div.featured article.side img{width:100%;height:auto}
div.wrapper.home2:before{left:-470px}
div.wrapper section.about > div{width:1090px}
div.wrapper section.about > div article.lead{margin:30px 0 30px 45px;width:440px}
div.wrapper section.about > div article.lead h1{margin-top:5px}
div.wrapper section.about > div article.lead h1{line-height:1.3em}
div.wrapper > article > aside{clear:left}
div.wrapper > article div.articleContent{float:left;margin-left:50px}
div.wrapper > article.page > header,div.wrapper > article.page > h1{margin-left:267px}
section.featured div.lead{width:590px;margin:0 50px}
section.featured img.structure{width:1024px;height:auto;margin-left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
section.featured div.slides{margin-left:-200px}
section.featured div.intro{width:600px}
section.related.featured{width:100%}
section.related.featured div{width:100%}
section.related article.introContent{width:30%;margin:0 0 1.25em 0}
section.related article.introContent:nth-of-type(2){margin:0 5% 1.25em 5%}
section.publications ul li{margin-right:100px}
div.wrapper section.info .bx-wrapper{float:left;margin-left:80px !important}
div.wrapper.home1 section.info .bx-wrapper{float:left;margin-left:30px !important}
div.wrapper section.info div.press{position:absolute;right:0;top:-35px}
div.wrapper section.info div.press form.inline{margin-top:20px}
.style3 div.wrapper section.info div.press article{height:172px;min-height:172px}
div.wrapper section.info.center div.featured.multiple{width:100%}
div.wrapper section.info.center div.featured.multiple div article:first-child{width:580px;margin-right:30px}
div.wrapper section.info.center div.featured.multiple div:nth-of-type(1){width:auto}
div.wrapper section.info.center div.featured.multiple div:nth-of-type(1) div{width:415px}
div.wrapper section.info.center div.featured.multiple div:nth-of-type(1) article:nth-of-type(2){width:160px;margin-right:30px}
div.wrapper section.info.center div.featured.multiple div:nth-of-type(1) article:nth-of-type(2) div{width:auto}
div.wrapper section.info.center div.featured.multiple div:nth-of-type(2){width:580px}
div.wrapper section.info.center div.featured.multiple div:nth-of-type(2) article:nth-of-type(2){display:none}
div.wrapper section.info.center div.featured.multiple div:nth-of-type(2) article:nth-of-type(1) div{width:415px}
div.calendar{width:100%}
section.publications{min-width:1200px}
section.events,section.activities,section.movies,section.events > header,section.events > div,section.feature > div,section.movies > div,section.movies > header,section.related > div,section.related{width:100%}
section.events article,section.movies article,section.feature > div > article,section.feature > div > div,section.feature > div > article{width:440px}
section.events article time + div,section.movies article time + div{width:360px}
section.groupedResults ul{width:100%}
section.groupedResults ul li{width:440px}
body > article div.info{width:1100px}
div.content p,div.content ul,div.content ol{max-width:900px}
body > article dl.credits{width:500px}
section.gallery .altClip.clipped{width:230px}
section.gallery .altClip{margin:0 10px 10px 0 !important}
section.gallery .altClip.clipped img{margin:0}
section.gallery .mainClip{margin-right:10px}
}
#map{width:100%;height:300px;border-top:6px solid #000;margin-bottom:30px; -webkit-box-sizing: initial;-moz-box-sizing: initial;-o-box-sizing: initial;box-sizing: initial;}
#map * {min-height:2px;width:auto;max-width:auto;}
#map div {position: static;}
p.catalogueInfo{display:none;max-width:760px;margin:20px 0 10px 0;background:#ddd;padding:0 20px 20px 20px}
p.catalogueInfo span{width:100%;text-align:right;display:inline-block;font-size:32px;font-weight:bold;color:#fcb040;cursor:pointer}
p.catalogueInfo span:hover{color:#000}
div.filming-banner{display:none;position:relative;width:100%;background:#ddd;padding:30px 0 30px 0;max-width:1380px;margin:-35px 0 35px 0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
div.filming-banner a.filming-logo{text-indent:-9999px;background:url("/img/filming-in-croatia.png") no-repeat center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;display:block;float:left;width:16%;height:65px;margin-left:5%}
div.filming-banner h4{margin-top:22px;font-weight:bold;font-size:18px;line-height:18px;width:66%;text-align:center;float:left}
div.filming-banner a.filming-link{margin-top:14px;color:#fff;background:#d53440;padding:6px 0;text-align:center;float:left;display:block;width:8%;margin-right:5%}
div.filming-banner div#doma-banner-close,div.filming-banner div#filming-banner-close{position:absolute;top:0%;left:97%;font-size:28px;cursor:pointer;width:28px}
div.filming-banner div#doma-banner-close:hover,div.filming-banner div#filming-banner-close:hover{color:#d53440}

@media only screen and (min-width : 1440px){div.filming-banner{width:100%;background:#ddd;padding:30px 0 30px 0;max-width:1380px;margin:-35px 0 35px 0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
div.filming-banner a.filming-logo{text-indent:-9999px;background:url("/img/filming-in-croatia.png") no-repeat center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;display:block;float:left;width:16%;height:65px;margin-left:5%}
div.filming-banner h4{margin-top:18px;font-weight:bold;font-size:25px;line-height:25px;width:64%;text-align:center;float:left}
div.filming-banner a.filming-link{margin-top:18px;color:#fff;background:#d53440;padding:6px 0;text-align:center;float:left;display:block;width:5%;margin-right:10%}
}

@media only screen and (max-width: 965px){
  div.filming-banner h4{margin-top:12px;font-size:18px;line-height:22px;width:62%;padding:0 2%}
  div.filming-banner div#filming-banner-close,div.filming-banner div#doma-banner-close{top:2%;left:95%}
}

@media only screen and (max-width: 767px){
  div.filming-banner{padding:15px 0 20px 0;margin:0 0 10px 0}
div.filming-banner a.filming-logo{display:block;clear:both;width:120px;margin-left:5%}
div.filming-banner h4{clear:both;width:90%;margin-left:5%;padding:0 0 20px 0;text-align:left}
div.filming-banner a.filming-link{clear:both;width:50px;margin-left:5%;font-size:14px}
div.filming-banner div#filming-banner-close,div.filming-banner div#doma-banner-close{top:9%;left:91%}
}

p.catalogueContact{font-size:21px;margin:60px 0 0 0}
div.wrapper > section.structure{overflow:hidden}


/* FACEUP 2021 */

img.with-border {border-bottom:8px solid #000;}
div.wrapper.home1 section.info{display: block;}
div.wrapper.home1 section.info h1{color: #000 !important;}
div.wrapper.home1 section.info a h1:hover{color:#3cbc8a !important; }
div.wrapper section.info article.featuredN{margin-bottom: 30px;float:left;width: 100%; padding-top: 0!important;}
div.wrapper section.info article.featuredN img{max-width:100%; width: 100%;padding-top: 0 !important;height: auto; object-fit: contain;}
div.wrapper section.info article.featuredN img:hover{filter:brightness(110%);}
div.blue_bg_titles{width:100%; flex: 1;display: flex; flex-wrap: wrap; justify-content:space-between; }
div.blue_bg_titles:last-child{margin-bottom: 0!important;}
div.blue_bg_titles div.box{overflow: hidden;width: calc(50% - 15px);background-color: #25a6e4;min-height: 135px; margin-bottom: 30px;}
div.blue_bg_titles div.box h3 {color: #fff; padding: 0 20px 10px 20px; font-size: 20px;font-weight: 600;}
div.blue_bg_titles div.box a:first-of-type h3 {padding-top: 20px;}
div.blue_bg_titles div.box a:last-of-type h3 {padding-bottom: 20px;}
div.blue_bg_titles div.box:hover{background-color:#28B2F5;}
div.wrapper section.info div.wrap {width: 100%; display: block; flex-wrap: wrap; flex:1;}
div.wrapper section.info div.wrap div.articles p{padding-right: 10px;}
div.wrapper section.info div.wrap div.articles{margin-bottom: 30px;justify-content: space-between;flex-wrap: wrap;display: flex; width: 100%;flex:1;}
div.wrapper section.info div.wrap article.introContent{width: calc(50% - 15px); padding-top: 0!important;  height: auto; max-height: none; overflow-wrap: break-word;}
div.wrapper section.info div.wrap article.introContent h3{font-size: 1.25em;font-weight: bold;margin: 0 0 10px 0;line-height: 1.1; color:#000 !important;}
div.wrapper section.info div.wrap article.introContent:hover h3{color: #3cbc8a !important; }
div.wrapper section.info .articles article.introContent p{height: auto !important; visibility: visible; overflow-wrap: break-word;}
div.wrapper section.info div.wrap article:last-child{margin-top: 0;margin-right: 0 !important;}
div.wrapper section.info article{border-top: none; }
div.second-home1{/*margin-top: 40px; padding-top: 20px;border-top: 8px #000 solid;*/display: flex;width: 100%;}
div.second-home1 p{line-height: 1.2;}
div.second-home1 article.big-article:hover img{filter: brightness(110%);}
div.second-home1 article.big-article .img-title{position: relative; text-align:left;margin-bottom: 20px;}
div.second-home1 article.big-article .shadow-h1{z-index: 10;bottom: 0;padding: 20px; position: absolute;background: linear-gradient(0.1deg, #000000d6, transparent)}
div.second-home1 article.big-article .shadow-h1.no-shadow{background:none;}
div.second-home1 article.big-article .shadow-h1 h3{color: #fff; font-size: 28px; font-weight: bold;line-height: 30px;}
div.second-home1 article.big-article a img{position: relative;display: block;width: 100%; max-height:380px;object-fit:cover;}
div.second-home1 article.big-article{width: calc( 50% - 15px);display: block;margin-right: 30px;margin-bottom:40px;}
div.second-home1 article.big-article a{color: #000!important;}
div.second-home1 div.block-articles{width: calc(50% - 15px); display: flex;}
div.second-home1 div.block-articles article{width:calc(50% - 15px);margin-right: 30px;margin-bottom:40px;}
div.second-home1 div.block-articles article:hover h3{color: #3cbc8a !important;}
div.second-home1 div.block-articles article:hover img{filter: brightness(110%);}
div.second-home1 div.block-articles article:last-child{margin-right: 0;}
div.second-home1 div.block-articles article a{color: #000 !important;}
div.second-home1 div.block-articles article a h3{ line-height: 26px;font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 12px;}
div.second-home1 div.block-articles article img{display: block;width: 100%; height: auto; object-fit: cover;}
div.third-home1{width: 100%;display: flex;margin: 0 0 40px 0;}
div.third-home1 p{line-height: 1.4;}
div.third-home1 .articles{width: calc(50% - 15px); margin-right:30px }
div.third-home1 .articles:last-child{margin-right: 0;}
div.third-home1 article a{color: #000!important;}
div.third-home1 article a h3{line-height: 26px;font-size: 20px; color: black; font-weight: bold;margin: 20px 0;}
div.third-home1 article a h3 i{font-weight: bold;}
div.third-home1 article img{width: 100%; object-fit: cover;height:auto;}
div.third-home1 .articles article{width: calc( 50% - 15px); margin-right: 30px;}
div.third-home1 .articles article:hover a h3{color: #3cbc8a !important;}
div.third-home1 .articles article:hover img{filter: brightness(110%);}
div.third-home1 .articles article:last-child{margin-right: 0;}
article.no-img{border-top: 8px #000 solid;width: 100%; }
article.no-img h1{line-height: 26px;margin-bottom: 10px;}
div.wrapper.home3 {display: flex;}
div.wrapper.home3 section.about {display: flex;}
div.wrapper.home3 section.about div.chart{width: calc(100% - 709px); display: block;}
div.wrapper.home3 section.about aside:last-child{margin-bottom: 0!important;}
div.wrapper.home3 section.about aside{ float: none;width:100%; margin-right: 0;margin-bottom: 30px;}
div.wrapper.home3 section.about aside img{width: 100%;}
div.wrapper.home3 section.about .about-wrapper{position: relative;width: 679px;margin-right: 30px;height: 100%;background-color: #004593;display: block;margin-bottom: 0;}
div.wrapper.home3 section.about .about-wrapper.intro a{bottom: 40px;left: 20px;position: absolute;color: #fff; font-weight: bold;font-size: 24px; line-height: 34px;}
div.wrapper.home3 section.about .about-wrapper.intro  a:hover{filter:  invert(54%) sepia(32%) saturate(3945%) hue-rotate(189deg) brightness(110%) contrast(92%);}
div.wrapper.home3 section.about .about-wrapper.intro a img{ width: auto;position: absolute; top: 0; right: -40px;margin: 10px;height: 18px; filter: invert(84%) sepia(100%) saturate(0%) hue-rotate(210deg) brightness(109%) contrast(101%);}
div.wrapper.home3 section.about .intro{ display: block;width: 679px;background-color: #004593; margin-bottom: 25px;}
div.wrapper.home3 section.about .intro .content{position: static;padding: 20px;}
div.wrapper.home3 section.about .intro .content h1{width: 100%;margin: 12px 0 !important;font-size: 28px; font-weight: bold; line-height: 34px;color: #fff !important;}
div.wrapper.home3 section.about .intro .content p{ margin-bottom:0;font-weight: 100;font-size: 21px; line-height: 32px;color: #fff;}
div.wrapper.home3 section.about .intro .content p.mediadesk{ margin-bottom:0;font-weight: 100;font-size: 18px; line-height: 25px;color: #fff;}
div.wrapper.home3 section.about .intro .rel-content{margin-bottom: 48px;margin-top: 30px;background-color: #003e85; width: 679px; display: block;padding: 20px;}
div.wrapper.home3 section.about .intro .rel-content >article:hover p{color: #28B2F5 !important;}
div.wrapper.home3 section.about .intro .rel-content article{ width: calc(50% - 15px); margin: 0 30px 30px 0;}
div.wrapper.home3 section.about .intro .rel-content article:last-child{ margin-right: 0;}
div.wrapper.home3 section.about .intro .rel-content article a{width: auto; display: contents;}
div.wrapper.home3 section.about .intro .rel-content time{color: white;font-size: 16px;}
div.wrapper.home3 section.about .intro .rel-content p{margin-top: 5px;padding-top: 10px;border-top: white 3px solid; font-size: 16px; line-height: 19px;}

div.wrapper section.info article.featuredN{
  width: calc(50% - 15px);
  margin-left: 30px;
}
div.wrapper section.info .articles article.introContent p{
  display: none;
}
div.wrapper section.info .articles article.introContent p.show{ display:block;}

div.wrapper section.info div.wrap article.introContent{
  border-top: 8px solid #000;
  padding-top: 15px !important;
}
div.wrapper section.info div.wrap{
  width: calc(50% - 15px)
}
div.wrapper.home1 section.info{
  display: flex;
}
div.blue_bg_titles div.box{
  min-height: 50%;
}
/*Events*/
div.event-box{margin-bottom: 40px; float:none; position: relative;padding: 0 15px;overflow: hidden;width: 100%; border-top: 8px black solid;height: 40px; background-color: #3cbc8a; margin-top: 10px;}
div.event-box div.inner{ overflow: hidden;min-width: 1350px;display: flex;padding-top: 3px; margin-right: 20px; width:auto;}
div.event-box a{width: fit-content;display: flex;color: #000!important;}
div.event-box a time span{margin-right: 5px;}
div.event-box article{margin-right: 20px;width: fit-content;display: flex; flex: none;}
div.event-box div.inner {min-width: 900px !important;}
div.event-box article:last-child{margin-right: 0;}
div.event-box article:hover h5{color: #000 !important; }
div.event-box article h5{ line-height: 26px;margin-left: 10px;color: #FFF !important;}
/* NOvosti */
div.wrapper.home1 h1.page-title{font-size: 36px;}
.chosen-container-single .chosen-single div b{background: url("/img/chosen-sprite.png") no-repeat left center}
div.loadMoreContainer{text-align: center;}
.style3 form.calendar div.chosen-drop{background-color: #fff!important;}
div.loadMoreContainer button{color: #fff; padding: 12px 16px;}
div.loadMoreContainer button:hover{color: #3cbc8a;}
div.third-home2{width: 100%;display: flex; margin: 0;}
div.third-home2 p{line-height: 1.4;}
div.third-home2 .articles{width: 100%; display: flex; flex-wrap: wrap;}
div.third-home2 article a{color: #000!important;}
div.third-home2 article a h3{line-height: 26px;font-size: 20px; color: black; font-weight: bold;margin: 20px 0;}
div.third-home2 article a h3 i{font-weight: bold;}
div.third-home2 article img{max-height: 180px; width: 100%; object-fit: cover;height:auto;}
div.third-home2 .articles article{width: calc( 25% - 30px); margin: 0 40px 40px 0;}
div.third-home2 .articles article:nth-of-type(4n){margin-right:0;}
div.third-home2 .articles article:hover a h3{color: #3cbc8a !important;}
div.third-home2 .articles article:hover img{filter: brightness(110%);}
div.third-home2 .articles article:last-child{margin-right: 0;}

/*homepage english*/
div.intro.En{background-color: #fff !important;}
div.intro.En .content{padding: 0 !important;}
div.intro.En .content p{color: #000 !important;}
div.red-banner{position: relative;margin-right: 30px;display: block;padding: 20px;width: calc(64% - 15px); /*height: 320px;*/ background-color: #ed1c24;}
div.red-banner .content img{width: 150px; margin-bottom: 30px;}
div.red-banner .content h1{position: absolute; width: 355px; margin-bottom: 50px;color: #fff; font-weight: bold; line-height: 34px; font-size: 28px;}
div.red-banner a{display: flex !important;position: absolute;left: 20px; top: 80%;color: #fff !important; line-height: 34px; font-size: 24px;}
div.red-banner a::after{content: ""; display: block;height: 18px; background: url('/img/arrows.png');}
div.red-banner a:hover{color: #000!important; }
div.red-banner a:hover img{filter: none;}
div.red-banner a img{margin: 10px;height: 18px; filter: invert(84%) sepia(100%) saturate(0%) hue-rotate(210deg) brightness(109%) contrast(101%);}
div.red-banner div.red-wrapper{display: flex;}
/*div.red-banner div.red-wrapper .media{height: 320px;}*/
div.red-banner div.red-wrapper .media img.square.f{position: absolute;top: -20px; right: -20px;}
div.red-banner div.red-wrapper .media img.square.s{display: none;}
div.red-banner div.red-wrapper .media img.square.t{position: absolute;top: 220px; right: 60px;}
div.red-banner div.red-wrapper .media img.square{width: 80px; height: 80px; object-fit: cover;}
div.red-banner div.red-wrapper .media img.big-square{position: absolute;right: -20px; top:60px;width: 160px; height:160px; object-fit: cover;}
div.red-banner div.red-wrapper .media img.rectangle{position: absolute;top: -20px; right: 140px;width:160px; height: 80px; object-fit: cover;}
div.info div.call{padding:20px; display: block;width: 320px; /*height: 320px;*/background-color: #25a6e4; }
div.info div.call h1, div.info div.call h2 {color: #fff; font-weight: bold; line-height: 34px; font-size: 28px;}
div.info div.call p{padding-top: 50px;color: #fff; font-size: 18px; line-height: 22px; font-weight: normal;}
div.info div.call div{background: #fff; height:20px; width: calc(100% + 40px); margin: 20px 0 20px -20px;}
div.wrapper.home3 section.about.En div.chart{display: flex; width: 100%; margin-right:0;}
div.wrapper section.about.En > div{width: calc(50% - 15px); margin-right: 30px;}
div.wrapper section.about.En .intro{width: 100%;}
div.wrapper section.about div.chart a{width: 100% !important; display: contents!important;}
div.wrapper.home3 section.about.En aside{width:calc(50% - 15px); margin-right: 30px;}
div.wrapper.home3 section.about.En aside:last-child{margin-right: 0;}
div.wrapper.home1:before, div.wrapper.home2:before, div.wrapper.home3:before{display: none !important;}
div.calendar_list {display:flex; flex-wrap:wrap;}
div.calendar_list div {margin:0px 20px 20px 0; width:calc(25% - 15px); background:#3cbc8a; border-top:4px solid #000; padding:20px;}
div.calendar_list div:nth-of-type(4n) {margin-right:0px;}
div.calendar_list div a{color:#fff !important;}
div.calendar_list div a:hover{color:#000 !important;}
div.calendar_list div time {font-weight:bold; margin-bottom:20px; padding-bottom:10px;  width:100%; display:block; text-align:right;}
div.calendar_list div small {width:100%; font-size:14px;display: block;}
div.calendar_list div ul li {margin-bottom:20px;}
div.calendar_list div.empty {background:#f0f0f0;}
div.calendar_list div.empty time {font-size:5em;height:100%; color:#999; font-weight:100; text-align:center !important;width:100%; display: block;}
section.gallery div.listing > article a{display:block; width:fit-content;}
div.wrapper.home3 section.about .intro .content p.mediadesk , div.wrapper.home3 section.about .intro .rel-content p , div.info div.call p , div.second-home1 p , section.info div.articles p{font-size: 16px !important; line-height: 1.4 !important;}
div.calendar_list div time{text-align: left !important;}
div.calendar_list div.empty time{font-size: 5em !important;}
div.wrapper.home3 section.about.En div.chart{width: calc(50% - 15px);}

div.allNewsButton {text-align:center; margin-bottom:30px;}
div.allNewsButton a.button {color:#fff;}
.style2 .gallery a:hover{color:#fff !important;}
div.second-home1{ margin-bottom: 0px;}


/* filming banner*/
@media only screen and (min-width: 1440px){
  div.red-banner {
    padding:0 !important;
  }
  div.red-banner .content h1{
    margin-top: 70px;
  }
  div.red-banner a .media img{
    position: static !important;
    width: 100%;
  }
  div.red-banner .red-wrapper{
    width: 61%;
  }
  div.red-banner a .media{
    position: static !important;
    width: 100%!important;
  }
  div.red-banner , div.info div.call{
    height: 320px !important;
  }
}
@media only screen and (max-width: 965px){
  div.red-banner{
    height: 100% !important;
  }
  div.red-banner a{
    flex-direction: column;
  }
  div.red-banner a .media{
    position: static !important;
    width: 100% !important;
  }
  div.red-banner .content h1{
    position: static !important;
    margin-bottom: 20px !important;
    margin-top: 40px !important;
  }
}
@media only screen and (max-width: 667px){
  div.red-banner a {
    margin: 0 !important;
  }
}
div.red-banner div.red-wrapper{display: block;}
div.red-banner .red-wrapper h1{
  width: calc(100% - 40px) !important;
  right: 20px;
  margin-top: 65px;
}
div.red-banner a::after{display: none !important;}
div.red-banner {
  padding:0 !important;
  height: 260px;
}
div.red-banner .content{
  padding: 20px;
}
div.red-banner .content img{
  width: 200px !important;
}
div.red-banner a{
  height: 100%;
  position: static !important;
  filter: none;
}
div.red-banner .content img{
  filter: none;
  height: auto;
}
div.red-banner a .media{position: absolute;
    width: 50%;
    right: 0;}
div.red-banner a .media img{
  filter: none;
  margin:0;
  width: 100%;
  height: auto;
}
div.info div.call p{
  padding-top: 18px !important;
}
div.info div.call{
  height: 260px;
}

/* infocentar */
div.wrapper.home1 article div.infocenter.press{padding:20px;background:#3cbc8a;height:140px;}
div.wrapper.home1 article div.infocenter.press h1{color:#000;font-weight:bold;font-size:2.25em}
div.wrapper.home1 article div.infocenter.press p{position:absolute;left:20px;bottom:16px;font-size:1.3125em;color:#fff;width:80%}
div.wrapper.home1 article div.infocenter.press > span{height:100%;width:29px;position:absolute;top:0;right:-29px;background:url("/img/pressCornerBg@2x.png") top right no-repeat transparent;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
div.wrapper.home1 article form.inline{margin-top:20px;background:#3cbc8a;padding:10px 20px 20px;border-bottom:none;width:100%;}
div.wrapper.home1 article form.inline legend {margin-bottom: 15px;font-size: 1.25em;font-weight: bold;}
div.wrapper.home1 article form.inline div.input input {padding-left:6px; border-bottom:4px solid #000 !important;width:100%;}
div.wrapper.home1 article form.inline div.input button {font-size: .875em; font-weight: bold; background:#000; width:100%; padding:0 8px;}


@media only screen and (min-width: 1440px){
  div.event-box div.inner{min-width: 1350px;}
  div.wrapper.home3 section.about .intro .content p{margin-bottom: 30px;}
  div.wrapper section.about.En > div{width: calc(50% - 15px); margin-right: 30px;}
  div.red-banner .content h1{position: static; width: auto; max-width: 400px;margin-bottom: 50px;color: #fff; font-weight: bold; line-height: 34px; font-size: 28px;}
  div.red-banner div.red-wrapper .media img.square.f{position: absolute;top: -20px; right: -20px;}
  div.red-banner div.red-wrapper .media img.square.s{display: block;position: absolute;top: 86px; right:193px;}
  div.red-banner div.red-wrapper .media img.square.t{position: absolute;top: 86px; right: 407px;}
  div.red-banner div.red-wrapper .media img.square{width: 107px; height: 107px; object-fit: cover;}
  div.red-banner div.red-wrapper .media img.big-square{position: absolute;right: -20px; top:86px;width: 214px; height: 214px; object-fit: cover;}
  div.red-banner div.red-wrapper .media img.rectangle{position: absolute;top: -20px; right: 193px;width: 214px; height: 107px; object-fit: cover;}
  div.red-banner .content img{width: 250px; margin-bottom: 30px;}
  div.red-banner a{position: absolute;color: #fff !important; line-height: 34px; font-size: 24px; top: 80%; left: 20px;}
  div.red-banner{position: relative;margin-right: 30px;display: block;padding: 20px;width: 1030px; height: 320px; background-color: #ed1c24;}
  div.red-banner div.red-wrapper{display: flex;}
  div.event-box{margin-top: 10px;}
  div.wrapper.home3 section.about .about-wrapper{height: auto;margin-bottom:30px;}
  div.wrapper.home3 section.about .intro .content h1{width: 340px;margin: 12px 0 !important;font-size: 28px; font-weight: bold; line-height: 34px;color: #fff !important;}
  div.wrapper.home3 section.about .intro .rel-content{ margin-bottom: 0;margin-top: 0;background-color: #003e85; width: 335px; display: block;padding: 20px;}
  div.wrapper.home3 section.about .intro .rel-content article{width: 100%;}
  div.wrapper.home3 section.about .intro{ margin-bottom: 0;display: flex;}
  div.wrapper.home3 section.about aside:last-child{margin: 0;}
  div.wrapper.home3 section.about aside{ float: none;width:calc(50% - 15px); margin-right: 30px;}
  div.wrapper.home3 section.about div.chart{width: calc(50% - 15px); display:flex;}
  div.second-home1 div.block-articles article img{height: 180px;}
  div.third-home1 article img{height: 180px;}
  div.blue_bg_titles div.box h3 {font-size: 20px;}
  div.blue_bg_titles div.box{ width: 320px;}
  div.wrapper section.info div.wrap{display: flex;}
  div.wrapper section.info div.wrap article.introContent{ margin-bottom: 30px;min-height: 135px;width: 320px;margin-top: 0;padding-top: 10px !important;}
  div.wrapper section.info article.featuredN{width: calc(50% - 15px); margin-left: 30px;padding-top: 0;}
  div.wrapper section.info div.wrap{width: unset !important; flex: 1;}
  div.wrapper.home1 section.info{display: flex; justify-content: space-between;}
  div.wrapper section.info div.wrap div.articles article:last-child{margin-right: 0; padding-top: 10px!important;}
  div.wrapper section.info div.wrap div.articles{margin-left: 30px;display: flex; flex-wrap: wrap;width: unset !important;flex:1;}
  div.wrapper section.info div.wrap div.articles article.frame { padding-top: 20px !important; }

  div.wrapper section.info .articles article.introContent p{
    display: block;
  }
  div.wrapper section.info div.wrap article.introContent{
    border-top: none;
  }
  div.blue_bg_titles div.box{
    min-height: 135px;
  }
}

@media only screen and (max-width: 1440px){
  div.calendar_list div {width:calc(50% - 10px);}
  div.calendar_list div:nth-of-type(2n) {margin-right:0px;}

  /* infocentar */
  div.wrapper.home1 article div.infocenter.press{height:200px;}
  div.wrapper.home1 article div.infocenter.press h1 {line-height:1em}
  div.wrapper.home1 article form.inline legend {line-height:1em}
  div.wrapper.home1 article form.inline div.input input {width:100%}
}

@media only screen and (min-width: 967px)  and (max-width: 1440px){
  .wrapper.home1.hr .second-home1 p {max-height:200px; overflow:hidden;}
}

@media only screen and (max-width: 965px){
  div.event-box div.inner{min-width: 100% !important;}
  div.wrapper section.info div.wrap div.articles{margin-bottom: 10px;}
  div.wrapper section.about.En > div{width: 100%; margin-right: 0; margin-bottom: 60px;}
  div.wrapper section.about.En div.content p{max-width: 100% !important;}
  div.red-banner .content h1{width: 390px;margin-bottom: 30px;}
  div.info div.call{margin-top: 30px;padding:20px; display: block;width: 100%; height: auto;background-color: #25a6e4; }
  div.info div.call p{padding-top: 30px;}
  div.red-banner{position: relative;margin-right: 30px;display: block;padding: 20px;width: 100%; height: 320px; background-color: #ed1c24;}
  div.second-home1{display: block;}
  div.second-home1 article.big-article{width: 100%; margin-right: 0;margin-bottom: 40px;}
  div.second-home1 div.block-articles{width: 100%;}
  div.third-home1{display: block;margin: 0;}
  div.third-home1 .articles{width: 100%;margin-right: 0; margin-bottom: 40px;}
  div.third-home2 .articles article{width: calc( 50% - 15px); margin: 0 30px 40px 0;}
  div.third-home2 .articles article:nth-of-type(2n){margin-right:0;}
  div.wrapper.home3 section.about{display: block;}
  div.wrapper.home3 section.about .about-wrapper{height:auto;width: 100%;}
  div.wrapper.home3 section.about .about-wrapper{margin-bottom: 40px;}
  div.wrapper.home3 section.about .about-wrapper.intro a{bottom: 10px !important;}
  div.wrapper.home3 section.about .intro .content h1{width: 340px;margin: 12px 0 !important;font-size: 28px; font-weight: bold; line-height: 34px;color: #fff !important;}
  div.wrapper.home3 section.about .intro.En .content p{margin-bottom: 0 !important;}
  div.wrapper.home3 section.about .intro .content p{margin-bottom: 40px !important;}
  div.wrapper.home3 section.about .intro .content p
  div.wrapper.home3 section.about .intro .rel-content{margin-top: 0;margin-bottom: 0 !important;background-color: #003e85; width: 335px; display: block;padding: 20px;}
  div.wrapper.home3 section.about .intro .rel-content article{width: 100%;}
  div.wrapper.home3 section.about .intro.En{margin-bottom: 0!important;}
  div.wrapper.home3 section.about .intro{ margin-bottom: 30px;display: flex;width: 100%;}
  div.wrapper section.about aside:last-child{margin: 0!important;}
  div.wrapper section.about aside{ width: calc(50% - 15px)!important; margin:0 30px 0 0 !important;}
  div.wrapper.home3 section.about div.chart{display: flex;width:100%;}
  div.wrapper section.publications ul{display: flex; width: 108%; flex-flow: row wrap; margin: 0 -7%;}
  div.wrapper section.publications ul li{ margin: 10px 7% !important;}
  div.wrapper section.publications ul li:nth-child(2n+0){margin-left: 7% !important;}
  section.publications ul li{width: 17%;min-width: 90px;}
  section.publications ul li a{width: 140px; display: block;}
  div.wrapper.home3 section.about.En div.chart{width: 100%;}
  div.articleContent section.publications ul li img{width:140px !important}
  div.wrapper.home1 section.info{
    display: block;
  }
  div.wrapper section.info div.wrap{
    width: 100%;
  }
  div.blue_bg_titles div.box{
    min-height: 135px;
  }
  div.wrapper section.info div.wrap article.introContent{
    border-top: none;
    padding-top: 0 !important;
  }
  div.wrapper section.info .articles article.introContent p{
    display: block;
  }
  div.wrapper section.info article.featuredN{
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 667px){
  div.wrapper section.info .articles article.introContent p{height: auto !important}
  div.wrapper.home3 section.about .intro{display: block;}
  div.wrapper section.info div.wrap article.introContent{ height: auto;max-height: auto;margin-bottom: 40px;}
  div.wrapper section.info div.wrap article.introContent:last-child{margin-bottom: 0;}
  div.red-banner a{position: relative; margin:0 20px 20px 0; width: fit-content; height: 100%;}
  div.media div.container.rectangle{width: 40% !important;}
  div.media div.container.big-square{width: 40% !important;}
  div.red-banner div.red-wrapper .media{height: auto !important;}
  div.red-banner div.red-wrapper .media img.square.s{display: block;}
  div.red-banner div.red-wrapper .media div.container.f{}
  div.red-banner div.red-wrapper .media div.container.s{margin-left: 20%;}
  div.red-banner div.red-wrapper .media div.container.t{display: none;}
  div.red-banner div.red-wrapper .media img.rectangle{width: 234px; height: 117px; object-fit: cover;}
  div.red-banner div.red-wrapper .media img.big-square{width: 234px; height: 234px;object-fit: cover;}
  div.red-banner div.red-wrapper .media img.square{width: 117px; height: 117px; object-fit: cover;}
  div.red-banner div.red-wrapper .media div.container.big-square{}
  div.red-banner div.red-wrapper .media div.container.rectangle{ margin-left: 20%;}
  div.red-banner{height: auto;}
  div.red-banner{padding: 0;}
  div.red-banner .content img{margin: 20px 0;}
  div.red-banner div.red-wrapper .media img.square.f{position: absolute;top:0; right: 0;}
  div.red-banner div.red-wrapper .media img.square.s{display: block;position: absolute;top:0; right:0;}
  div.red-banner div.red-wrapper .media img.square.t{position: absolute;top:0; right: 0;}
  div.red-banner div.red-wrapper .media img.square{width: 117px; height: 117px; object-fit: cover;}
  div.red-banner div.red-wrapper .media img.big-square{position: absolute;left:0 !important; top:0;width: 234px; height: 234px; object-fit: cover;}
  div.red-banner div.red-wrapper .media img.rectangle{position: absolute;top: 0; right: 0;width: 234px; height: 117px; object-fit: cover;}
  div.red-banner{height: auto;}
  div.red-banner div.red-wrapper{display: block;}
  div.red-banner .content h1{padding-right: 20px;position: static;width: 100%;}
  div.red-banner div.red-wrapper .media{margin-bottom: 30px;}
  div.media div.container{position: relative;width: 20%;}
  div.media div.container.rectangle::after{padding-top: 50% !important;}
  div.media div.container::after{content: ""; display: block;padding-top: 100%;}
  div.media div.container img{position: absolute; width: 100% !important; height: 100% !important;}
  div.blue_bg_titles div.box{margin-left: 30px !important;}
  div.blue_bg_titles div.box:first-child{margin-left: 0!important}
}
@media only screen and (max-width: 767px){
  div.wrapper.home3 section.about .intro .content p{margin-bottom: 0 !important;}

  div.wrapper.home3 section.about .intro p{max-width: 100%;}
  div.wrapper section.info div.wrap div.articles{display: flex;}
  div.wrapper.home3 section.about .about-wrapper{ display: block;padding-bottom: 40px;height: auto;}
  div.wrapper.home3 section.about .intro .rel-content{margin-bottom: 40px !important;margin-top: 20px;width: 100%;display: flex;}
  div.wrapper.home3 section.about .intro .content h1{width: 100%;}
  div.calendar_list div {width:100%;}
  div.calendar_list div {margin-right:0px;}
  div.calendar_list div.empty time {font-size:3em;}
}
@media only screen and (max-width: 550px){
  section.publications ul li{width: 33%;}
}
@media only screen and (max-width: 470px){
  div.wrapper.home3 section.about .about-wrapper .content img{width: 90%;}
  div.wrapper.home3 section.about .about-wrapper.intro a{font-size: 20px;}
  div.wrapper.home3 section.about.En div.chart{display: block;}
  div.wrapper.home3 section.about aside img{max-width: 321px; max-height: 395px;}
  div.wrapper.home3 section.about aside:last-child{margin-bottom: 40px!important;}
  div.red-banner a{font-size: 20px;}
  div.wrapper.home3 section.about .intro .rel-content , div.wrapper.home3 section.about div.chart{display: block;}
  div.wrapper section.about aside{width: 100%!important; margin-bottom: 60px !important;}
  div.third-home1{margin: 0;}
  div.third-home2 .articles article{width: 100%; margin: 0 0 40px 0;}
  div.second-home1 div.block-articles , div.third-home1 .articles{display: block;}
  div.second-home1 div.block-articles article , div.third-home1 .articles article{width: 100%;margin-right: 0;margin-bottom: 40px;}
  div.second-home1 article.big-article .shadow-h1{ padding: 20px 0 0 0; background:none !important; position:static !important;}
  div.second-home1 article.big-article .shadow-h1 h3{color: black;}
  div.wrapper.home3 section.about aside:last-child{display: none;}
  div.blue_bg_titles div.box{width: 100%;margin-left: 0 !important;}
  div.wrapper section.info div.wrap div.articles{display: block;}
  div.wrapper section.info div.wrap article.introContent{width: 100%;}
  div.wrapper section.info div.wrap article.introContent:last-child{margin-bottom: 40px !important;}
  .wrapper.home1.hr {display: flex;flex-direction: column;}
  .wrapper.home1.hr .second-home1{order: -4;}
  .wrapper.home1.hr .third-home1{order: -3;margin-top:0;}
  .wrapper.home1.hr .allNewsButton{order: -2;}
  .wrapper.home1.hr .event-box{order: -1;}
  .wrapper.home1.hr .second-home1{margin-top: 20px;margin-bottom: 0;}
  .wrapper.home1.hr div.third-home1 .articles article{margin-bottom: 20px !important;}
  .wrapper.home1.hr div.third-home1 .articles{margin-bottom: 0;}
}

@media only screen and (max-width: 400px){
  div.red-banner a img{height: 15px;}
  div.wrapper.home3 section.about .about-wrapper.intro a img{ right:-35px; height: 15px;margin-left: 5px;}
  div.red-banner a , div.wrapper.home3 section.about .about-wrapper.intro a{font-size: 16px;}
}

@media only screen and (max-width: 381px){
  div.wrapper section.publications ul{width:100%; margin:0 !important;}
  div.articleContent section.publications ul li a{width: 45% !important;}
  div.articleContent section.publications ul li img{margin-right: 0 !important;width: 50% !important;}
  div.wrapper section.publications ul li{margin: 0 20px 20px 0 !important; width: 100%; clear:both;}
  div.wrapper section.publications ul li a{width: 100%; float: right !important;}
  div.wrapper section.publications ul li img{width: 40%; margin-right: 20px;float: left;}
  div.wrapper section.publications ul li:nth-child(2n+0){margin-left: 0 !important;}
  div.wrapper section.info.center section.publications ul li{margin: 0 20px 20px 0 !important;}
}


/* accesibility */

a.skip-main{left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}
a.skip-main:focus,a.skip-main:active{background-color:#ddd;left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;text-align:center;font-size:1.2em;z-index:999}
body.black div.wrapper > header nav.languages li.accesibilityMenu span{background:url("/img/icon-accesibility-white.svg") no-repeat center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}
body.black div.wrapper > header nav.languages li.accesibilityMenu div a.contrast{background:url("/img/icon-accesibility-contrast-white.svg") no-repeat center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}
body.black div.wrapper > header nav.languages li.accesibilityMenu div a.type{background:url("/img/icon-accesibility-type-white.svg") no-repeat center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}
body.black{color:#fff !important;background:#000}
body.black a{color:#fff !important}
body.black header img,body.black section.about aside.chart img,body.black section.featured img.structure{filter:invert()}
body.black div.wrapper section.about > div article.lead p,body.black.style1 section.related.featured article h1,body.black h1,body.black h2,body.black h3,body.black h4,body.black section.featured div.highlights,body.black section.featured div.highlights strong{color:#fff !important}
body.black div.wrapper section.info div.events article span.title,body.black div.wrapper section.info div.events article time,body.black div.wrapper > header nav.languages ul span,body.black div.wrapper > header nav.languages li span{color:#fff}
body.black nav.mainNavigation{background:#000;border-bottom:8px solid #fff}
body.black section.publications,body.black div.wrapper > footer,body.black section.related.featured,body.black div.wrapper > section:not(:first-of-type),body.black div.wrapper section.about > div.featured article,body.black div.wrapper section.info div.featured nav.categories,body.black div.wrapper section.info article{border-top:8px solid #fff !important}
body.black div.wrapper > footer div.social a,body.black div.wrapper > footer div.social a i{background:#fff;color:#000}
body.black div.wrapper > footer div.social a:hover{background:#fff}
body.black .sticky nav.mainNavigation > div{background:#000}
body.black div.wrapper > article div.articleContent section.list ul{border-top:3px solid #fff}
body.black div.wrapper > article div.articleContent section.list li{border-bottom:3px solid #fff}
body.black div.content a{text-decoration:underline}
body.black div.wrapper section.info div.wrap article:first-child,body.black div.wrapper section article.featured{border-top:none !important}
body.black.style3 form.calendar div.chosen-drop,body.black.style3 form.catalogue a.chosen-single,body.black.style3 form.calendar a.chosen-single,body.black.style3 section.listing article time,body.black.style3 section.events article time,body.black.style3 section.activities article time,body.black.style3 section.movies article time,body.black.style3 section.related article time,body.black.style3 section.listing article.event,body.black.style3 section.events article.event,body.black.style3 section.activities article.event,body.black.style3 section.movies article.event,body.black.style3 section.related article.event,body.black.style3 div.content span.highlightedStrong,body.black.style3 a.button,body.black.style3 button,body.black.style3 form.inline div.inline button,body.black.style3 div.wrapper section.info div.press article,body.black.style3 div.wrapper section.info div.press form.inline,body.black div.wrapper section.info div.events{background:#174835 !important}
body.black.style3 div.wrapper section.info div.press form.inline button{background:#000}
body.black div.calendar > div{background:#303030;border-top:4px solid #fff}
body.black div.calendar > div.otherMonth time{color:#676767}
body.black form.calendar > fieldset > button,body.black.style3 section.listing article time span,body.black.style3 section.events article time span,body.black.style3 section.activities article time span,body.black.style3 section.movies article time span,body.black.style3 section.related article time span,body.black.style3 section.listing article time,body.black.style3 section.events article time,body.black.style3 section.activities article time,body.black.style3 section.movies article time,body.black.style3 section.related article time{color:#fff}
body.black p.catalogueInfo{border:3px solid #fff;background:#000}
body.black p.catalogueInfo span:hover{color:#fff}
body.black form.catalogue > fieldset > button{color:#000;background:#fbaf3f}
body.black form.catalogue div.chosen-container,body.black form.calendar div.chosen-container{border-bottom:4px solid #fff}
body.black form.catalogue a.chosen-single{color:#000}
body.black .chosen-container .chosen-drop{background:#000}
body.black article section.groupedResults h1{border-bottom:8px solid #fff}
body.black div.wrapper section.about > div article.lead,body.black section.related article{border-top:8px solid #fff}
body.black section.groupedResults ul li{border-bottom:3px solid #fff}
body.black article div.wrapper aside section.listing div.wrap.closed:after{background-image:url("/img/fadeBgInverse.png")}
body.black section.listing article a *,body.black section.events article a *,body.black section.activities article a *,body.black section.movies article a *,body.black section.related article a *,body.black section.events article a h1,body.black section.activities article a h1,body.black section.movies article a h1,body.black section.related article a h1{color:#fff !important}
body.black.style2 div.wrapper > header nav.languages ul,body.black.style2 div.wrapper > header nav.languages li,body.black.style2 div.wrapper > article div.articleContent section.list li,body.black.style2 div.wrapper > article > aside,body.black.style2 section div.tabs ul.ui-tabs-nav li,body.black.style2 section div.tabs div ul li,body.black.style2 article div.wrapper aside section,body.black.style2 section.featured,body.black.style2 section.groupedResults ul li,body.black.style2 nav.mainNavigation > div > ul > li{border-color:#fff;}
body.black div.wrapper section.info div.wrap article.introContent h3,body.black div.wrapper section.info div.wrap article.introContent p {color:#fff !important;}
body.black div.second-home1 div.block-articles article a {color:#fff !important;}
body.black div.calendar_list div,body.black div.event-box {background:#174835 !important;}
body.black div.calendar_list div.empty {background:#333 !important;}
body.black div.calendar_list div.empty time {color:#fff;}

body.altType{font-family:'Verdana',sans-serif !important}
body.altType h1,body.altType h2,body.altType h3,body.altType h4,body.altType h5,body.altType h6,body.altType strong,body.altType bold{font-family:'Verdana',sans-serif !important;font-weight:bold}
body.altType a{font-family:'Verdana',sans-serif !important}

@media only screen and (min-width: 967px)  and (max-width: 1440px){
  body.altType nav.mainNavigation ul li {font-size:13px;}
}
@media only screen and (min-width: 767px)  and (max-width: 966px){
  body.altType nav.mainNavigation ul li {font-size:12px;}
}


/* navigation, filmska pismenost */

nav.mainNavigation.hrv ul {
  display: flex;
  justify-content: space-between;
}

nav.mainNavigation.hrv ul li ul {
  display: none;
}

nav.mainNavigation.hrv>div>ul>li {
  width: auto;
  margin-left: 0;
}

nav.mainNavigation.hrv>div>ul>li:nth-of-type(1) {
  width: 23%;
}

nav.mainNavigation.hrv>div>ul>li:nth-of-type(2) {
  width: 28%;
}

nav.mainNavigation.hrv>div>ul>li:nth-of-type(3) {
  width: 26%;
}

nav.mainNavigation.hrv>div>ul>li:nth-of-type(4) {
  width: 24%;
}

nav.mainNavigation.eng>div>ul>li:nth-of-type(4) {
  display: none;
}

nav.mainNavigation.hrv>div>ul>li>div {
  width: 100%;
  display: none
}

nav.mainNavigation.hover.hrv>div>ul>li>div {
  width: 100%;
  display: block;
  margin-top: 15px;
  color: #fff;
}

nav.mainNavigation.hover.hrv>div>ul>li>div>p {
  font-weight: 700;
}

nav.mainNavigation.hover.hrv>div>ul>li>div a {
  display: block;
  clear: both;
  padding-top: 10px;
  text-decoration: underline;
}

nav.mainNavigation.hover.hrv>div>ul>li>div a img {
  margin-top: 10px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 6px;
}

nav.mainNavigation.hover.hrv>div>ul>li>div a img:hover {
  border-radius: 16px;
}

@media only screen and (max-width: 1439px) {
  nav.mainNavigation>div>ul>li>a {
    font-size: 1.6em;
  }
}

@media only screen and (max-width: 965px) {
  nav.mainNavigation>div>ul>li>a {
    font-size: 1.4em;
  }
}

div.wrapper>header.mobileHeader ul li div {
  color: #fff;
}

div.wrapper>header.mobileHeader ul li div p {
  float: right;
  width: 90%;
  padding-top: 10px;
}

div.wrapper>header.mobileHeader ul li div a {
  margin-top: 15px
}

div.wrapper>header.mobileHeader ul li div a img {
  margin-bottom: 20px
}

div.wrapper>header.mobileHeader div ul li div {
  width: 100%;
}