@charset "utf-8";
@charset 'UTF-8';
body,div,dl,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0;padding:0; box-sizing:border-box; -moz-box-sizing:border-box;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style: none;}
ol, ul, li {font-family: inherit;font-size: 100%;font-weight: inherit;font-style: inherit;vertical-align: baseline;white-space: normal;text-align: left;margin: 0;padding: 0;border: 0;outline: 0;background: transparent;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
input:focus{outline:none;}
textarea:focus{outline:none;}
button{appearance: none; background: transparent;}
    :root{
  --maxwidth:1440px;
  --gtime:0.4s;
}


.clearfix:after {visibility: hidden;display: block;font-size: 0; content:' '; clear: both; height: 0;}
.trans{transition:all var(--gtime);}
.transcolor{transition:color var(--gtime), background-color var(--gtime);}
.layer{display:block; position:absolute; top:0; right:0; bottom:0; left:0;}
.hidden{display:none;}
:root{
 --black:;
 --black:hsla(0,0%,0%,1);
 --white:;
 --white:hsla(0,0%,100%,1);
 --bgaccent:;
 --bgaccent:hsla(0,0%,93%,1);
 --blue:;
 --blue:hsla(198.95,100%,40.98%,1);
 --purple:;
 --purple:hsla(261.9,28.77%,57.06%,1);
 --pink:;
 --pink:hsla(340,71.31%,52.16%,1);
 --red:;
 --red:hsla(358.1,90.8%,34.12%,1);
 --orange:;
 --orange:hsla(35.02,100%,48.04%,1);
 --green:;
 --green:hsla(72.99,100%,38.04%,1);
 --gray:;
 --gray:hsla(31.2,10.04%,48.82%,1);
 --dark:;
 --dark:hsla(0,0%,20%,1);
 --paragraph:;
 --paragraph:hsla(0,0%,40%,1);
 --grayb5:;
 --grayb5:hsla(0,0%,71%,1);
}

@font-face {
  font-family: 'pfdintextpro';
  src: url('pfdintextpro_155f06cde2eeb5.woff2') format('woff2'),
  url('pfdintextpro_155f06cde2eeb5.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'pfdintextpro';
  src: url('pfdintextpro_155f06d1fdf4c8.woff2') format('woff2'),
  url('pfdintextpro_155f06d1fdf4c8.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'pfdintextpro';
  src: url('pfdintextpro_155f06d0cd4d35.woff2') format('woff2'),
  url('pfdintextpro_155f06d0cd4d35.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

:root{
  --pfdintextpro : 'pfdintextpro','Arial','Helvetica','Roboto',sans-serif;
}
div.xrtf{
  --g-fs:1em;
  --p-fs:0.875em; --p-lh:2.030em;  --p-m:2.030em 0 2.030em 0;
  --h1-fs:2.401em; --h1-lh:1.480em; --h1-m:1.480em 0 0.740em 0;
  --h2-fs:1.715em; --h2-lh:1.036em; --h2-m:2.071em 0 1.036em 0;
  --h3-fs:1.225em; --h3-lh:1.450em; --h3-m:1.450em 0 1.450em 0;
  --h4-fs:0.875em; --h4-lh:2.030em; --h4-m:2.030em 0 2.030em 0;
  --h5-fs:0.875em; --h5-lh:2.030em; --h5-m:2.030em 0 2.030em 0;
  --h6-fs:0.875em; --h6-lh:2.030em; --h6-m:2.030em 0 2.030em 0;
  --p-color:var(--dark);
  --h1-color:var(--dark);
  --h2-color:var(--dark);
  --h3-color:var(--dark);
  --h4-color:var(--dark);
  --h5-color:var(--dark);
  --h6-color:var(--dark);
  --link:var(--blue);
  --visited:var(--blue);
  --hover:var(--purple);
  --active:var(--blue);
  --global-fontfamily:'pfdintextpro';
  --h1-fontfamily:'pfdintextpro';
  --h2-fontfamily:'pfdintextpro';
  --h3-fontfamily:'pfdintextpro';
  --h4-fontfamily:'pfdintextpro';
  --h5-fontfamily:'pfdintextpro';
  --h6-fontfamily:'pfdintextpro';
  --indent:1em;
}

div.xrtf p{font-weight:normal; font-style:normal;}
div.xrtf h1{font-weight:100; font-style:normal;}
div.xrtf h2{font-weight:100; font-style:normal;}
div.xrtf h3{font-weight:100; font-style:normal;}
div.xrtf h4{font-weight:bold; font-style:normal;}
div.xrtf h5{font-weight:bold; font-style:normal;}
div.xrtf h6{font-weight:bold; font-style:normal;}
div.xrtf strong{font-weight:bold; font-style:normal;}
div.xrtf em{font-weight:normal; font-style:normal;}
div.xrtf b{font-weight:bold; font-style:normal;}
div.xrtf i{font-weight:normal; font-style:normal;}


div.xrtf{font-size:var(--g-fs); font-family:var(--global-fontfamily); color:var(--p-color); font-variant-ligatures:normal; font-optical-sizing:auto;}
div.xrtf p {font-size: var(--p-fs);  line-height:var(--p-lh);   margin: var(--p-m); hyphens:auto; text-align:justify;}
div.xrtf h1{font-size: var(--h1-fs); line-height: var(--h1-lh); margin: var(--h1-m); color:var(--h1-color); font-family:var(--h1-fontfamily); text-wrap:balance;}
div.xrtf h2{font-size: var(--h2-fs); line-height: var(--h2-lh); margin: var(--h2-m); color:var(--h2-color); font-family:var(--h2-fontfamily); text-wrap:balance;}
div.xrtf h3{font-size: var(--h3-fs); line-height: var(--h3-lh); margin: var(--h3-m); color:var(--h3-color); font-family:var(--h3-fontfamily); text-wrap:balance;}
div.xrtf h4{font-size: var(--h4-fs); line-height: var(--h4-lh); margin: var(--h4-m); color:var(--h4-color); font-family:var(--h4-fontfamily); text-wrap:balance;}
div.xrtf h5{font-size: var(--h5-fs); line-height: var(--h5-lh); margin: var(--h5-m); color:var(--h5-color); font-family:var(--h5-fontfamily); text-wrap:balance;}
div.xrtf h6{font-size: var(--h6-fs); line-height: var(--h6-lh); margin: var(--h6-m); color:var(--h6-color); font-family:var(--h6-fontfamily); text-wrap:balance;}

div.xrtf strong{font-family:var(--strong-fontfamily);}
div.xrtf b{font-family:var(--strong-fontfamily);}
div.xrtf em{font-family:var(--italic-fontfamily);}
div.xrtf i{font-family:var(--italic-fontfamily);}
div.xrtf a:link{color:var(--link);}
div.xrtf a:visited{color:var(--visited);}
div.xrtf a:hover{color:var(--hover);}
div.xrtf a:active{color:var(--active);}

div.xrtf ol {list-style-type: decimal; margin:var(--p-m); margin-left:var(--indent); font-size:var(--p-fs); line-height:var(--p-lh);}
div.xrtf ul {list-style-type: disc; margin:var(--p-m); margin-left:var(--indent); font-size:var(--p-fs); line-height:var(--p-lh);}
div.xrtf li ol{margin:0 0 0 var(--indent); font-size:1em;}
div.xrtf li ul{margin:0 0 0 var(--indent); font-size:1em;}

div.xrtf dl {margin:var(--p-m); font-size:var(--p-fs); line-height:var(--p-lh); color:var(--p-color);}
div.xrtf dt {font-weight:bold;}
div.xrtf dd {margin-left: var(--indent);}

div.xrtf blockquote{margin-left: var(--indent);}
div.xrtf blockquote p:first-child:before{content:open-quote;}
div.xrtf blockquote p:last-child:after{content:close-quote;}

div.xrtf hr{ border:0; height:1px; color:var(--border); background-color:var(--border); margin:-1px auto 0 auto; width:50%; }
div.xrtf hr:after {visibility: hidden;display: block;font-size: 0; content:''; clear: both; height: 0;}

div.xrtf table{width:100%; border-collapse:collapse; margin:var(--p-m); font-size:var(--p-fs); line-height:var(--p-lh);}
div.xrtf table caption{padding:0px 5px 0px 5px; font-weight:bold;}
div.xrtf th,td {padding:0px 5px 0px 5px; vertical-align:top;}
div.xrtf td {position:relative;}
div.xrtf td:before{content:''; display:block; background:var(--p-color); position:absolute; top:0; left:0; right:0; height:1px;}
div.xrtf th {font-weight:bold;}

div.xrtf sup, sub {vertical-align: baseline; position: relative; top: -0.4em;}
div.xrtf sub {top: 0.4em;}

div.xrtf address{font-size:var(--p-fs); line-height:var(--p-lh); margin:var(--p-m);}
div.xrtf pre{font-size:var(--p-fs); line-height:var(--p-lh); margin:var(--p-m);}
div.textbox{padding:0 10px 0 10px;}
div.textbox div.xrtf p{text-align:left;}

div.bigsearchframe{margin:0 0 10px 0;}
div.bigsearchframe h2{font-weight:bold; color:var(--white); font-size:0.9em; margin:5px 0 10px 0;}
input.bigsearch{width:100%; font-size:1.1em; padding:10px 10px 10px 40px; background:url(search.svg) no-repeat 7px 7px #ccc; background-size:30px;border:none; border-bottom:4px solid var(--bgaccent)}
input.bigsearch:focus{outline:none; border-bottom:4px solid var(--blue); color:var(--blue);}

div.box div.text{display:inline-block;}
div.box {position:absolute; top:5px; left:5px; right:5px; bottom:5px; background:var(--orange); color:var(--white); 
  padding:0 20px 20px 20px; overflow:hidden; transition: background 0.5s; -o-transition: background 0.5s; -ms-transition: background 0.5s; -moz-transition: background 0.5s; -webkit-transition: background 0.5s;}
div.box.archive {background:#666 !important;}
div.box div.img {position:relative; z-index:1; height:60%; margin:0 -20px 0 -20px; background-size:cover; background-position:center center;}
div.box h3 {margin:0; color:var(--white);}
div.box p {text-align:left; margin:15px 0; color:var(--white);}
div.box div.label {position:absolute; top:0; right:0; z-index:2; margin-top:0px; padding:5px 10px; font-size:0.7em; background:rgba(0,0,0,0.5); color:var(--white);}
div.box a {position:absolute; top:0; bottom:0; left:0; right:0; font-size:0; z-index:3;}
div.box a:link, div.box a:hover, div.box a:visited {border:0; }
div.box a:hover {background-color:rgba(255,255,255,0.15)}
div.box.archive a:link, div.box.archive a:hover, div.box.archive a:visited {border:0;background-color:rgba(255,255,255,0.15);}
div.box.archive a:hover {background-color:transparent;}

div.box div.text {position:relative; padding:20px 0 0 60px; transition:none;}
div.box div.text div.dates {position:absolute; top:0px; left:-20px; text-align:center;}
div.box div.text div.dates div.date {width:60px; height:60px; padding:5px; background:rgba(0,0,0,0.75);}
div.box div.text div.dates div.date.end {margin-top:1px;}
div.box div.text div.dates div.date.year {margin-bottom:1px; padding-top:20px;}
div.box div.text div.dates div.date span{display:inline-block; width:100%; font-size:0.9em; font-weight:100;}
div.box div.text div.dates div.date span.day{font-size:1.5em;}
div.box div.text div.dates div.date span.time{font-size:1.2em;}
div.box div.img   div.text div.dates {top:0;}
div.box div.img   div.text div.label {top:8px;}

div.box.link{text-align:center; padding:20px;}
div.box.link div.text{padding:0;}
div.box.link h3 {text-align:center; margin-top:10px; font-size:24px;}
div.box.link p {text-align:center;}

div.docitem{float:left; width:100%; background-color:#eee; margin:0 0 10px 0; position:relative; padding:10px;}
div.docitem a{display:block; position:absolute; top:0; right:0; left:0; bottom:0;}
div.docitem a:hover{background:rgba(255,255,255,0.3);}
div.docitem a span{display:none;}
div.docitem div.img{position:absolute; top:10px; left:10px; width:64px; height:64px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
div.docitem div.txt{margin-left:75px;}
div.docitem div.txt h4{margin-top:0; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
div.docitem:hover h4{color:var(--blue);}

div.search-result-item {position:relative; margin:10px 0; padding:10px 0; border-bottom:1px solid #ccc; min-height:140px;}
div.search-result-item div.pager {margin-top:10px;}
div.search-result-item div.img {position:absolute; top:20px; bottom:20px; left:0; right:0; width:150px; max-height:140px; background-size:cover;}
div.search-result-item div.img + div.text {padding-left:170px;}
div.search-result-item div.img.movie {background:url(play.svg) no-repeat center center; background-size:60px;}
div.search-result-item div.text div.label {color:#fff; background:#888; display:inline-block; padding:2px 10px; font-size:0.8em; margin-top:10px;}
div.search-result-item a.search-result-link {position:absolute; top:0; bottom:0; left:0; right:0;}

div#curtain {position:fixed; background:#000000; top:0; left:0; width:100%; height:100%; margin:0; z-index:100; display:none;}
div#gbase   {position:fixed; top:0; left:0; width:100%; height:100%; margin:0; z-index:100; display:none; background:url(gload.gif) no-repeat center center;}
a#gright{display:block; float:right; width:80px; height:100%; background:url(arrow_left.svg) no-repeat center center rgba(255,255,255,0); background-size:contain; cursor:pointer;
 transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s
}
a#gleft {display:block; float:left;  width:80px; height:100%; background:url(arrow_right.svg) no-repeat center center rgba(255,255,255,0); background-size:contain; cursor:pointer;
  transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s
}

@media only screen and (max-width: 800px) {
  a#gright{width:30px;}
  a#gleft{width:30px;}
}

a#gright:hover{background-color:rgba(255,255,255,0.1);}
a#gright:focus{background-color:rgba(255,255,255,0.1);}
a#gleft:hover{background-color:rgba(255,255,255,0.1);}
a#gleft:focus{background-color:rgba(255,255,255,0.1);}
div#gheader {position:fixed; background:#000000; height:30px; width:100%; top:0; left:0; z-index:105;}
div#gheader h1 {display:block; float:left; color:#cccccc; font-size:1em; font-weight:bold; padding:0; margin:5px;}
div#gheader h2 {display:block; float:right; color:#cccccc; font-size:1em; font-weight:bold; padding:0; margin:5px;}
a#gclose{display:block;float:right; width:30px; height:30px; background:url(close.svg) no-repeat center center; cursor:pointer; background-size:60%;}
a#gclose:hover {background-size:80%;}
a#gclose:focus {background-size:80%;}
div#gtitle {position:fixed; bottom:0; left:0; background:#000000; color:#cccccc; width:100%; text-align:center; font-size:0.9em; z-index:102; padding:10px;}
div#gtitle p{padding:0; margin:4px 40px 0 40px;}
a#gthumblink{display:block;position:absolute; right:0; bottom:0; width:30px; height:30px; background:url(grid.svg) no-repeat center center; cursor:pointer; background-size:60%;}
a#gthumblink:hover {background-size:80%;}
a#gthumblink:focus {background-size:80%;}
img#gimg{position:fixed; cursor:pointer;
	moz-box-shadow: 0 0 25px 5px #000000;
 -webkit-box-shadow: 0 0 25px 5px #000000;
   box-shadow: 0 0 25px 5px #000000;
	}
a.gthumb {display:block; width:50px; height:50px; background-repeat:no-repeat; background-position:center center; background-size:100%; margin:4px; float:left;}
a.gthumb.sel {outline:2px solid #fff;}
a.gthumb:hover {outline:2px solid #999;}
a.gthumb:focus {outline:2px solid #999;}
div#gthumbs {position:absolute; bottom:58px;text-align:center; background:rgba(0,0,0,0.5); width:100%;}
div#gthumbsinner {padding:4px; margin:auto; display:inline-block;}
div.gbase{}
div.gbase a.thumb{float:left; display:block; position:relative; padding:0; margin:0 10px 10px 0; background-position:center center; background-repeat:no-repeat; cursor:pointer; background-size:100%;}
div.gbase a.thumb:hover{background-size:105%;}
div.gbase a.thumb:focus{background-size:105%;}
div.gbase a.thumb:hover:after,div.gbase a.thumb:focus:after{content:''; display:block; position:absolute; bottom:0; right:0; width:20px; height:20px; background:url(plus.svg) no-repeat center center #0cf; background-size:contain;}

div.iso{float:left; position:relative;}
div.iso-trans {-webkit-transition: transform 0.5s ease-in; -moz-transition: transform 0.5s ease-in; -ms-transition: transform 0.5s ease-in; -o-transition: transform 0.5s ease-in; transition: transform 0.5s ease-in;}

div.isocontainer{margin:0 -5px 0 -5px;}

div.links1 div.item{float:left; position:relative; width:100%; min-height:100px; text-align:left; background:#eee; margin:0 0 10px 0; padding:10px;}
div.links1 div.item a{display:block; position:absolute; top:0; bottom:0; left:0; right:0;}
div.links1 div.item a span{display:none;}
div.links1 div.item a:link{}
div.links1 div.item a:visited{}
div.links1 div.item a:hover{background:rgba(255,255,255,0.3);}
div.links1 div.item a:focus{background:rgba(255,255,255,0.3);}
div.links1 div.img{width:60px; height:60px; float:left; margin:0 10px 0 10px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
div.links1 div.img.bigimg{width:200px; height:100px;}
div.links1 div.txt{padding:10px;}
div.links1 div.txt.bigimg{padding:10px 10px 10px 230px;}
div.links1 div.txt h4{font-weight:bold; font-size:0.9em; margin:0 0 5px 0;}
div.links1 div.txt p{font-size:0.8em;}
div.links1 div.item:hover div.txt h4 {color:var(--blue);}

div.links1.autowidth1 div.item{width:100%;}
div.links1.autowidth2 div.item{width:50%;}
div.links1.autowidth3 div.item{width:33.3333333333333333%;}
div.links1.autowidth4 div.item{width:25%;}
div.links1.autowidth5 div.item{width:20%;}
div.links1.autowidth6 div.item{width:16.6666666666666666%;}
div.links1.autowidth7 div.item{width:14.285714285714285714%;}
div.links1.autowidth8 div.item{width:12.5%}
div.links1.autowidth9 div.item{width:11.111111111111%}
div.links1.autowidth10 div.item{width:10%}

div.videoholder {text-align:left; box-sizing:border-box;}
div.videoholder.half{width:50%; float:left; padding:5px; }
div.videoholder div.video-inner {background:var(--black); width:100%; box-sizing:border-box;}
div.videoholder h4 {width:100%; color:var(--white); box-sizing:border-box; padding:20px; margin:5px 0;}
div.videoholder p {font-size:0.9em; color:#bbb; margin-top:0; padding:20px; box-sizing:border-box; width:100%;}
div.videoholder div.video-preview {float:left; position:relative; width:100%; height:400px; background-size:cover; background-position:center center; margin:0 0 40px 0;}
div.videoholder.half div.video-preview {height:200px;}
div.videoholder div.video-preview a.play-overlay {position:absolute; top:0; bottom:0; left:0; right:0;}
div.videoholder div.video-preview div.play-icon {position:absolute; top:50%; left:50%; margin:-32px 0 0 -32px; width:64px; height:64px; background:url(play.svg) no-repeat center center; background-size:contain; opacity:0.7;}
div.videoholder div.video-preview div.play-icon span {display:none;}
div.videoholder div.video-preview a.play-overlay:hover div.play-icon {opacity:0.9;}

div.msg{background:#eee; margin:0 0 10px 0; padding:2em 2em 2em 5em; position:relative;}
div.msg h4{font-size:1.3em; font-family:var(--pfdintextpro); font-weight:100;}
div.msg p{font-size:0.8em;}
div.msg.error{background:url(error.svg) no-repeat 1em #fee; background-size:3em;}
div.msg.info{background:url(info.svg) no-repeat 1em var(--blue); background-size:3em;}
div.msg.ok{background:url(ok.svg) no-repeat 1em #e5ffb8; background-size:3em;}
div.msg.question{background:url(question.svg) no-repeat 1em #fff1c1; background-size:3em;}
div.msg a.close{display:block; position:absolute; top:5px; right:5px; width:25px; height:25px; background:url(close.svg) no-repeat center center; background-size:contain;}
div.msg a.close span{display:none;}

div.msg a.btn{display:block; float:left; text-decoration:none; padding:5px 10px 5px 10px; font-size:0.9em; font-weight:bold; background:#eee; margin:30px 10px 0 0; border-bottom:2px solid #ccc;}
div.msg a.btn:link{background:#fff; color:#369;}
div.msg a.btn:visited{background:#fff; color:#369;}
div.msg a.btn:hover{background:#fff; color:#0cf;}
div.msg a.btn:active{background:#333;}

div.msg a.yes{border-bottom:2px solid #2b8d00;}
div.msg a.no{border-bottom:2px solid #f33;}
div.msg a.cancel{border-bottom:2px solid #26A1DC;}

div.pager{margin:0 0 10px 0; padding:5px 0 5px 0;}
div.pager a{text-decoration:none;}
div.pager div.buttons{float:left;}
div.pager div.buttons a{display:block; float:left; border-bottom: 2px solid rgba(0, 0, 0, 0.3); border-radius:2px; padding:10px 20px 10px 20px; margin:0 5px 0 0; font-size:0.75em;}
div.pager div.buttons a:link{background-color:#666; color:#fff;}
div.pager div.buttons a:visited{background-color:#666; color:#fff;}
div.pager div.buttons a:hover{background-color:var(--blue); color:#fff;}
div.pager div.buttons a:active{background-color:#333; color:#fff;}
div.pager div.buttons a.jump:link{background:#999;}
div.pager div.buttons a.jump:visited{background:#999;}
div.pager div.buttons a.jump:hover{background:var(--blue); color:#fff;}
div.pager div.buttons a.jump:active{background:#333; color:#fff;}
div.pager div.buttons a.next{background-image:url(arrow_left.svg); background-position:right center; background-repeat:no-repeat; background-size:20px; padding:10px 30px 10px 20px;}
div.pager div.buttons a.prev{background-image:url(arrow_right.svg); background-position:left center; background-repeat:no-repeat; background-size:20px; padding:10px 20px 10px 30px;}

div.pager div.num{float:right; padding:10px 20px 10px 0; font-size:0.9em; color:#666;}
div.pager div.steps{display:none; padding:10px 0 0 0; border-top:1px solid #ccc; margin:10px 0 0 0;}
div.pager div.steps a {display:block; float:left; font-size:0.75em; padding:5px 10px 5px 10px; margin:0 5px 5px 0;}
div.pager div.steps a:link{background:#eee; color:#369;}
div.pager div.steps a:visited{background:#eee; color:#036;}
div.pager div.steps a:hover{background:var(--blue); color:#fff;}
div.pager div.steps a:active{background:#333; color:#fff;}
div.pager div.steps a.sel{background:var(--blue); color:#fff;}

div.pcurtain {position:fixed; background:#000000; top:0; left:0; width:100%; height:100%; margin:0; z-index:100; display:none;}
div.pwindowholder {width:100%; height:100%; position:fixed; top:40px; left:0; z-index:101;}
div.pwindow {border:4px solid #000000; display:none; margin:auto;
box-shadow:0 0 15px #000000;
-webkit-box-shadow:0 0 15px #000000;
border-radius:0; position:relative;
}
iframe.piframe{border:0; width:100%; height:100%; margin:0; padding:0;}
div#popupframe{background:#ffffff; width:100%; height:100%;}
div#popuphead{width:100%;  background:#333333; height:30px; position:absolute; top:0; left:0; right:0;}
div#popuphead a{display:block; float:right; width:30px; height:30px; background:url(close.svg) no-repeat center center; background-size:60%;}
div#popuphead a:hover {background-size:80%;}
div.popupcontent{padding:50px 20px 40px 20px;}

iframe.piframe {background-color:#fff; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

div.publication {float:left; width:100%; margin:10px 0;}
div.publication div.img {float:left; width:20%; height:230px; background-size:cover; background-position: center center; box-shadow:0 0 1px 1px rgba(0,0,0,0.2)}
div.publication div.text {float:left; width:80%; padding:0 10px 20px 10px;}
div.publication div.text h2 {margin-top:0;}
div.publication div.text h4 {margin-top:0;}

div.albumframe{width:100%; height:405px; margin-bottom:5px; background:#eee; position:relative;}
div.albumframe:hover div.slide div.txt{background:#111;}
div.albumframe div.slide{position:absolute; top:0; left:0; bottom:0; right:0; background-size:cover; background-position:center center;}
div.albumframe div.slide div.txt{background:rgba(0,0,0,0.8); color:#fff; position:absolute; bottom:0; left:30%; right:0; padding:0 90px 10px 30px; text-align:left; min-height:141px;}
div.albumframe div.slide div.txt h1{color:var(--white); margin:20px 0 0 0;}
div.albumframe div.slide div.txt p{color:var(--white); font-size:1em; margin-top:10px;}
div.albumframe div.slide div.txt div.dates{position:absolute; top:0; right:0;}
div.albumframe div.slide div.txt div.dates div.date{width:70px; height:70px; padding:10px 5px; background:rgba(0,0,0,0.75); text-align:center;}
div.albumframe div.slide div.txt div.dates div.date.end{margin-top:1px;}
div.albumframe div.slide div.txt div.dates div.date span{display:inline-block; width:100%; font-weight:100;}
div.albumframe div.slide div.txt div.dates div.date span.day{font-size:1.5em;}
div.albumframe div.slide a{display:block; position:absolute; top:0; bottom:0; left:0; right:0;}
div.albumframe div.slide a span{display:none;}
div.albumframe div.button{display:none; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; background-color:rgba(0,0,0,0.3); cursor:pointer; background-repeat:no-repeat; background-position:center center; background-size:contain;}
div.albumframe div.button:hover{background-color:rgba(0,0,0,0.6);}
div.albumframe div.button span{display:none;}
div.albumframe div.button.next{right:0; background-image:url(arrow_left.svg);}
div.albumframe div.button.prev{left:0; background-image:url(arrow_right.svg);}
div.albumframe div.binkyholder{position:absolute; left:30px; bottom:5px;}
div.albumframe div.binky{width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,0.3); .boxShadow(inset 2px 3px 3px rgba(0,0,0,0.7)); float:left; margin:4px 4px 8px 4px;cursor:pointer; border:1px solid #eee;}
div.albumframe div.binky.sel{background:#222; .boxShadow(none)}

@media screen and (max-width:961px) {
  div.albumframe div.slide div.txt {left:0;}
  div.albumframe div.slide div.txt h1{font-size:1.1em;}
  div.albumframe div.slide div.txt p{font-size:0.8em;}
  
}

div.textframe{background:#eee; padding:40px;}

div.virtual_tour{background:#e5e5e5; margin:10px 0 10px 0; position:relative; padding:0 0 10px 170px;}
div.virtual_tour:hover{background:var(--blue);}
div.virtual_tour:hover h4 {color:var(--white);}
div.virtual_tour:hover h3 {color:var(--white);}
div.virtual_tour:hover p {color:var(--white);}
div.virtual_tour div.btn{color:var(--white); background:var(--grayb5); padding:10px 20px; display:inline-block;}
div.virtual_tour h4{margin:10px;}
div.virtual_tour h3{margin:0 10px 10px 10px;}
div.virtual_tour a{display:block; position:absolute; top:0; right:0; left:0; bottom:0;}
div.virtual_tour a span{display:none;}
div.virtual_tour div.img{position:absolute; top:0; bottom:0; left:0; width:150px; background-repeat:no-repeat; background-position:center center; background-size:cover;}

div.exxiteform{text-align:center;}
div.exxiteformitem{width:80%; margin:auto; border-bottom:1px solid #cccccc; padding:5px 0 5px 0;}
div.exxiteformitemer{width:80%; margin:auto; border-bottom:1px solid #cccccc; padding:5px 0 5px 0; background:#FFEAEA;}
div.exxiteformlabel{float:left; width:30%; text-align:right; font-size:0.9em; font-weight:bold; color:#999999;}
div.exxiteformcontrol{float:right; width:68%; text-align:left;}
div.exxiteformsubmit {text-align:left; padding:0 0  0 32% ;}
input.exxitesubmit {font-weight:bold; padding:4px 20px 4px 20px;}
.exxiteinput {font-size:0.8em; background:#eeeeee; width:100%; height:20px; border:1px solid #cccccc; border-radius:2px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.exxiteinput:focus {background:#ddeeff;}
.exxitefileinput {font-size:0.8em; background:#eeeeee; width:100%;  height:20px; border:1px solid #cccccc; border-radius:2px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.exxitefileinput:focus {background:#ddeeff;}
.exxiteformselect {font-size:0.8em;  background:#eeeeee; width:100%; border:1px solid #cccccc; border-radius:2px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.exxiteformselect:focus {background:#ddeeff;}
.date {width:auto; padding:0 5px 0 5px;}
.exxitetextarea{font-size:0.8em; font-family: Arial;  background:#eeeeee; width:100%; border:1px solid #cccccc; border-radius:2px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
}
.exxiteformselect {font-size:0.8em;  background:#eeeeee; width:100%; border:1px solid #cccccc; border-radius:2px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.exxiteformselect:focus {background:#ddeeff;}
.exxitetextarea:focus {background:#ddeeff;}
div.exxiteformerror {color:#ff3333; padding:5px; width:80%; font-size:0.7em; font-weight:bold;}
div.exxitecheckboxes {float:left; margin:0 0 0 20px;}
div.exxitecheckboxeslim {float:left; width:100%; max-height:200px; overflow:auto; border:1px solid #dddddd}
div.exxitecheckboxcontrol {float:left;}
div.exxitecheckboxlabel{float:left; font-size:0.75em; padding:4px 0 0 10px;}

div.exxiteformpaneltitle {width:80%; margin:20px auto 10px auto; font-size:1em; text-align:left;}
div.exxiteformpaneltitle ~ div.exxiteformpanel div.exxiteformpaneltitle ~ div.exxiteformpanel div.exxiteformpaneltitle {font-size:0.9em; padding-left:20px;}

select#archive-year-select {width:33.333%; margin-bottom:10px; font-size:1.1em; padding:10px; background:#ccc; color:#aaa; border:0; border-bottom:4px solid #eee;}
select#archive-year-select:focus {outline:none; border-color:var(--blue); color:var(--blue);}

@media screen and (max-width:961px) {
  select#archive-year-select {width:50%;}
}
@media screen and (max-width:641px) {
  select#archive-year-select {width:100%;}
}

div.archives div.archive-item {position:relative; float:left; width:100%; margin-bottom:10px; padding:0 20px; background-color:#eee;}
div.archives div.archive-item a {position:absolute; top:0; bottom:0; left:0; right:0;}

div.content {position:relative;  padding:10px;}

div.calendar {position:relative; float:left; width:100%; text-align:center;}

div.calendar div.calendar-navigation {position:absolute; top:10px; left:0; width:100%;}
div.calendar div.calendar-navigation span {display:none;}
div.calendar div.calendar-navigation a.calendar-nav-prev {position:absolute; top:0; left:-10px; width:96px; height:96px; background:url('arrow_left_green.svg') no-repeat center center; background-size:contain; cursor:pointer;}
div.calendar div.calendar-navigation a.calendar-nav-next {position:absolute; top:0; right:-10px; width:96px; height:96px; background:url('arrow_right_green.svg') no-repeat center center; background-size:contain; cursor:pointer;}

div.calendar div.calendar-tabs-wrapper {display:inline-block; width:320px; margin:0 auto;}
div.calendar div.calendar-tabs-wrapper ul.calendar-tabs-header {float:left; width:100%;}
div.calendar div.calendar-tabs-wrapper ul.calendar-tabs-header li {float:left; width:33.333%; background:var(--grayb5); }
div.calendar div.calendar-tabs-wrapper ul.calendar-tabs-header li a {float:left; width:100%; padding:10px; text-decoration:none; text-align:center; color:var(--white); font-size:0.9em; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
div.calendar div.calendar-tabs-wrapper ul.calendar-tabs-header li:hover {background:#ccc;}
div.calendar div.calendar-tabs-wrapper ul.calendar-tabs-header li.sel {background:var(--green);}
div.calendar div.calendar-tabs-wrapper div.calendar-tab-content {float:left; width:100%; padding:10px; background:var(--green); cursor:pointer;}
div.calendar div.calendar-tabs-wrapper div.calendar-tab-content div.date {float:left; width:100%; font-size:2.5em; font-weight:100; text-align:center; color:var(--white);}

div.datepicker-popover {opacity:0; position:absolute; top:100px; left:50%; width:320px; margin-left:-160px; padding:20px; background:var(--green); z-index:-1; .boxShadow(0 4px 4px rgba(0,0,0,0.2));}
div.datepicker-popover div.arrow {position:absolute; top:-7px; left:50%; width:14px; height:14px; margin-left:-7px; background:var(--green); .transform(rotate(45deg));}
div.datepicker-popover.open {opacity:1; top:120px; z-index:10;}
div.datepicker-popover input[type="number"], div.datepicker-popover select {width: 100%; font-size:1.1em; padding:10px; border:none; border-bottom:4px solid #eee; background-color:#ccc; color:#5c5c5c;}
div.datepicker-popover input[type="number"]:focus, div.datepicker-popover select:focus {border-color:var(--blue); color:var(--blue); outline:none;}
div.datepicker-popover select {margin-top:10px;}
div.datepicker-popover button {float:right; margin-top:10px; padding:10px 20px; border:0; color:var(--white); background-color:#888; font-size:1em; cursor:pointer;}
div.datepicker-popover button:hover {background-color:#999;}
div.datepicker-popover button:focuse {outline:none;}
div.morepropgram{}
@media screen and (max-width:481px){
  div.calendar div.calendar-navigation div.calendar-nav-prev {left:-20px;}
  div.calendar div.calendar-navigation div.calendar-nav-next {right:-20px;}
  
  div.calendar div.calendar-tabs-wrapper {width:280px;}
}

div.categories {float:left; margin:20px 10px 5px 0;}
div.categories a {float:left; text-decoration:none; text-transform:lowercase; font-size:0.9em; color:var(--white); background:#b5b5b5; padding:10px 20px;}
div.categories a:hover {background:#ccc;}
div.categories a.sel {background:var(--green);}

div.headerholder {position:fixed; top:0; left:0; right:0; z-index:100;  text-align:center;}
div.header {margin:0 auto; max-width:1240px; .boxShadow(0 4px 4px rgba(0,0,0,0.2)); position:relative;}
div.header div#logo-wrapper {height:140px; padding:20px; background:var(--red); text-align:center;}

/*div.header div#logo-wrapper div#logo {display:inline-block; width:170px; height:100px; background:url('mucsarnok.svg') no-repeat center center; background-size:contain;}
div.header.narrow div#logo-wrapper div#logo {width:150px; height:40px; background:url('mucsarnok_horizontal.svg') no-repeat center center; background-size:contain;}*/
div.header div#logo-wrapper{margin:auto;}
div.header div#logo-wrapper div#logo {position:absolute; top:23px; left:50%; width:30px; height:42px; margin-left:-15px; background:url('mucsarnok_logo.svg') no-repeat center center; background-size:cover;}
div.header div#logo-wrapper div#logotype {position:absolute; top:73px; left:50%; width:160px; height:34px; margin-left:-80px; background:url('mucsarnok_logotype.svg') no-repeat center center; background-size:cover;}
div.header.narrow div#logo-wrapper div#logo {top:17px; margin-left:-100px;}
div.header.narrow div#logo-wrapper div#logotype {top:25px; margin-left: -55px;}

div.header.narrow div#logo-wrapper {height:80px;}

div.header div.tools {position:absolute; top:140px; right:0;}
div.header div.tools div.lang a {display:block; float:left; padding:13px 10px; font-size:0.75em; text-decoration:none; height:40px; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; }
div.header div.tools div.lang a:link{color:#eee;}
div.header div.tools div.lang a:visited{color:#eee;}
div.header div.tools div.lang a:hover{color:#fff; border-bottom:4px solid var(--red);}
div.header div.tools div.lang a:active{color:#fff; border-bottom:4px solid var(--red); box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);}

div.header.narrow div.tools {top:80px;}

div.menu{background:rgba(0,0,0,0.8); padding:0 240px 0 0; margin:0 auto 0 auto; height:40px; position:relative;}
div.menu a{display:block; float:left; padding:13px 20px; font-size:0.75em; text-decoration:none; text-transform:uppercase; height:40px; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; }
div.menu a:link{color:#eee;}
div.menu a:visited{color:#eee;}
div.menu a:hover{color:#fff; border-bottom:4px solid var(--red);}
div.menu a:active{color:#fff; border-bottom:4px solid var(--red); box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);}

div.menu a.sel:link {color:#fff; border-bottom:4px solid var(--red);}
div.menu a.sel:visited {color:#fff; border-bottom:4px solid var(--red);}
div.menu a.sel:hover{color:#fff; border-bottom:4px solid var(--red);}
div.menu a.sel:active{color:#fff; border-bottom:4px solid var(--red); box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);}

div.popupmenubutton {position:absolute; right:190px; top:0; background:url(more.svg) no-repeat center center; background-size:80%; width:40px; height:40px; cursor:pointer;}
div.popupmenubutton:hover{background-size:90%}

div.popupmenu{background:rgba(0,0,0,0.8); position:absolute; top:40px; right:195px; min-width:100px; min-height:10px; display:none;}
div.popupmenu:after{position: absolute; display: block; content: ""; border-color: transparent transparent rgba(0,0,0,0.8) transparent; border-style: solid; border-width: 5px; height:0; width:0; position:absolute; top: -10px; right:10px;}

div.popupmenu a{display:block; float:none; padding:10px 20px 10px 20px; font-size:0.75em; font-weight:normal; text-decoration:none; height:35px; overflow:hidden; border-bottom:1px solid #666; box-sizing:border-box; -moz-box-sizing:border-box;}
div.popupmenu a:link{color:#eee;}
div.popupmenu a:visited{color:#eee;}
div.popupmenu a:hover{color:#fff;}
div.popupmenu a:active{color:#fff; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);}
div.popupmenu a.sel:link {background:rgba(255,255,255,0.2);}
div.popupmenu a.sel:visited {background:rgba(255,255,255,0.2);}
div.popupmenu a.sel:hover{color:#fff;}
div.popupmenu a.sel:active{color:#fff; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);}

div.exxite-cookie-consent{
	--background:#fff;
	--buttonlabel:#369;
	--buttonlabelhover:#fff;
	--link:#eee;
	--hover:#0cf;
	--on:#0c0;
	--off:#f99;
}
div.exxite-cookie-consent{position:fixed; bottom:10px; left:10px; background:var(--background); max-width:600px; padding:2em; box-shadow:0 0 5px rgba(0,0,0,0.5);}
div.exxite-cookie-consent div.hidden{display:none;}
div.exxite-cookie-consent div.ctext h6{font-size:1em; font-weight:bold;}
div.exxite-cookie-consent div.ctext p{font-size:0.8em;}
div.exxite-cookie-consent div.xbtns{padding:20px 0;}
div.exxite-cookie-consent div.xbtns a{text-decoration:none; display:inline-block; font-size:0.8em; padding:0.5em 1em; background:#eee; border-radius:5px;}
div.exxite-cookie-consent div.xbtns a:link{color:var(--buttonlabel); background-color:var(--link);}
div.exxite-cookie-consent div.xbtns a:visited{color:var(--buttonlabel); background-color:var(--link);}
div.exxite-cookie-consent div.xbtns a:hover{color:var(--buttonlabelhover); background-color:var(--hover);}
div.exxite-cookie-consent a.switch{text-decoration:none; display:block; font-size:0.8em; padding:0.5em 1em 0.5em 60px; position:relative; margin:0 0 20px 0; text-transform:uppercase; font-weight:bold; color:var(--buttonlabel);}
div.exxite-cookie-consent a.switch:hover{color:var(--hover);}
div.exxite-cookie-consent a.switch::before{content:''; display:block; position:absolute; left:0; top:50%; width:40px; height:20px; transform:translate(0,-50%); border-radius:5px;}
div.exxite-cookie-consent a.switch::after{content:''; display:block; position:absolute; left:0; top:50%; bottom:0; width:20px; height:20px;  background:#ccc; transform:translate(0,-50%);border-radius:5px;}
div.exxite-cookie-consent a.switch.on::before{background:var(--on);}
div.exxite-cookie-consent a.switch.off::before{background:var(--off);}
div.exxite-cookie-consent a.switch.on::after{transform:translate(20px,-50%);}

div.event-wrapper {margin:0 10px;}

div.person {position:relative; float:left; width:100%; background:#e5e5e5; margin-bottom:30px;}
div.person:first-of-type {margin-top:20px;}
div.person div.profile-img {float:left; width:200px; height:200px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
div.person div.person-text {float:left; padding:0 15px; width:70%; height:200px; overflow:hidden;}
div.person div.person-text:after {content:""; position:absolute; bottom:0; left:200px; right:0; height:50px; .gradientVertBg(rgba(0,0,0,0), rgba(229,229,229,0.9));}
div.person div.person-text.open:after {background:none;}
div.person div.person-text h4 {margin:10px 0;}
div.person div.person-text p {margin:10px 0;}
div.person a.plus-icon {display:block; width:32px; height:32px; border-radius:50%; position:absolute; bottom:-14px; right:10px; background-color:#ccc; background-image:url(plus.svg); background-repeat:no-repeat; background-position:top center; background-size:60%;}
div.person a.plus-icon.open {-ms-transform:rotate(223deg); -webkit-transform:rotate(223deg); transform:rotate(223deg);}
div.person a.plus-icon.open:hover {-ms-transform:rotate(493deg); -webkit-transform:rotate(493deg); transform:rotate(493deg);}
div.person a.plus-icon:hover {background-color:var(--red); -ms-transform:rotate(270deg); -webkit-transform:rotate(270deg); transform:rotate(270deg);}

div.person a.plus-icon span {display:none;}

div.sponsor{height:100px; margin:0 10px 10px 0; position:relative;}
div.sponsorimg{position:absolute;  top:0; left:0; width:100px; height:100px; background-repeat:no-repeat; background-position:center center; background-size:contain; position:relative}
div.sponsortxt{position:absolute; top:50%; left:110px; transform:translateY(-50%); font-size:0.8em;}
div.sponsortxt span{color:#999;}

div.sponsor a{display:block; position:absolute; top:0; bottom:0; left:0; right:0;}
div.sponsor a span{display:none;}

div.exh-news.links1 div.item {overflow:hidden;}
div.exh-news.links1 div.text h4 {margin:5px 0;}

div.info {position:relative; margin:10px 10px 100px 10px; padding:20px 20px 60px 20px; background:#666; color:var(--white); text-align:center;}
div.info div.date {font-size:1.5em; font-weight:100;}
div.info a.tickets {position:absolute; left:50%; bottom:-30px; display:block; text-decoration:none; background:var(--green); color:var(--white); width:80px; height:80px; margin-left:-40px; padding-top:30px; border-radius:50%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
div.info a.tickets:hover {.lightenBg(var(--green));}
div.info h2.place {font-size:1.5em; color:var(--white); margin:10px 0 0 0;}

div.event-nav {margin:60px 10px 0 10px;}
div.event-nav div.event-nav-item {position:relative; background:#999; color:var(--white); margin:0 0 20px 0; padding:10px 20px;}
div.event-nav div.event-nav-item:hover {.lightenBg(#999);}
div.event-nav div.event-nav-item h3 {color:var(--white);}
div.event-nav div.event-nav-item a {position: absolute; left:0; right:0;}
div.event-nav div.event-nav-item div.label {position:absolute; right:0; width:66.666%; padding:10px; background:var(--green); text-align:center;}
div.event-nav div.event-nav-item:hover div.label {.lightenBg(var(--green));}

div.event-nav div.event-nav-item.next-event div.label {top:-40px;}
div.event-nav div.event-nav-item.next-event a {top:-40px; bottom:0;}

div.event-nav-item.prev-event {margin-top:-40px;}

div.event-nav div.event-nav-item.next-event + div.event-nav.prev-event {margin-top:0;}
div.event-nav div.event-nav-item.prev-event div.label {bottom:-40px;}
div.event-nav div.event-nav-item.prev-event a {top:0; bottom:-40px;}

div.event-nav div.all-events {position: relative; float:right; width:66.666%; margin:0 0 40px 0; padding:20px; background:var(--green); text-align:center;}
div.event-nav div.all-events a {position: absolute; top:0; bottom:0; left:0; right:0; padding:10px; color:var(--white); text-decoration:none; text-transform:uppercase;}
div.event-nav div.all-events a:hover {.lightenBg(var(--green));}
div.event-nav div.event-nav-item.prev-event + div.all-events {margin-top:40px;}

ul.view-mode-switcher {float:right; margin:20px 0 5px 0;}
ul.view-mode-switcher li {float:left; background:#b5b5b5; width:37px; height:37px; padding:6px;}
ul.view-mode-switcher li:hover {background:#ccc;}
ul.view-mode-switcher li.sel {background:var(--green);}

ul.view-mode-switcher li a {display:inline-block; width:24px; height:24px;}
ul.view-mode-switcher li a.grid {background:url('grid.svg') no-repeat center center; background-size:contain;}
ul.view-mode-switcher li a.list {background:url('list.svg') no-repeat center center; background-size:contain;}

table.program-list div.color {width:65px; height:65px;}
table.program-list td a {display:inline-block; text-decoration:none; width:100%; padding:10px 0;}
table.program-list h3 {margin:15px 0 0 10px;}

table.program-list td a div.color-wrapper {position:relative;}
table.program-list td a div.color-wrapper div.cover {position:absolute; top:0; bottom:0; left:0; right:0;}

table.program-list td.program-list-item0,
table.program-list td.program-list-item1,
table.program-list td.program-list-item2 {width:66px;}

table.program-list td a div.color {margin:-10px 0;}
table.program-list td a div.date {background:rgba(0,0,0,0.75); color:var(--white); margin:-10px 0 0 -9px; padding:0 8px; width:65px; height:65px;}
table.program-list td a div.date span {display:inline-block; width:100%; text-align:center; font-weight:100;}
table.program-list td a div.date span.day {font-size:1.5em;}

table.program-list tr:hover h3 {color:var(--blue);}
table.program-list tr:hover td a div.color-wrapper div.cover {background:rgba(255,255,255,0.15)}
table.program-list tr:hover td a div.date {background:rgba(0,0,0,0.65);}

body{font-family:'pfdintextpro','Arial','Helvetica','Roboto',sans-serif;}
div.top{padding-top:180px;}
hr {clear:both;}
div.clear{clear:both;}

div.centerholder{text-align:center;}
div.fluidgridholder{max-width:1240px; min-width:300px; margin:auto; text-align:left;}
div.fluidgridholder:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
div.gridcol{box-sizing:border-box; float:left;}
div.gridcell{box-sizing:border-box; margin:0px}
  
  div.c_11 div.g1{width:100%;} 
  div.c_32_31 div.g1{width:66%;} 
  div.c_32_31 div.g2{width:33.33333%;} 
  div.c_21_21 div.g1{width:50%;} 
  div.c_21_21 div.g2{width:50%;} 

@media screen and (max-width:320px){
  div.fluidgridholder{max-width:none;min-width:0;margin:auto}
  div.c_11 div.g1{width:100%;} 
  div.c_32_31 div.g1{width:100%;} 
  div.c_32_31 div.g2{width:100%;} 
  div.c_21_21 div.g1{width:100%;} 
  div.c_21_21 div.g2{width:100%;} 
}

@media screen and (min-width:321px){
  div.fluidgridholder{max-width:none;min-width:0;margin:auto}
  div.c_11 div.g1{width:100%;} 
  div.c_32_31 div.g1{width:100%;} 
  div.c_32_31 div.g2{width:100%;} 
  div.c_21_21 div.g1{width:100%;} 
  div.c_21_21 div.g2{width:100%;} 
}

@media screen and (min-width:481px){
  div.fluidgridholder{max-width:none;min-width:0;margin:auto}
  div.c_11 div.g1{width:100%;} 
  div.c_32_31 div.g1{width:100%;} 
  div.c_32_31 div.g2{width:100%;} 
  div.c_21_21 div.g1{width:50%;} 
  div.c_21_21 div.g2{width:50%;} 
}

@media screen and (min-width:641px){
  div.fluidgridholder{max-width:none;min-width:0;margin:auto}
  div.c_11 div.g1{width:100%;} 
  div.c_32_31 div.g1{width:66.66666%;} 
  div.c_32_31 div.g2{width:33.33333%;} 
  div.c_21_21 div.g1{width:50%;} 
  div.c_21_21 div.g2{width:50%;} 
}

@media screen and (min-width:961px){
  div.fluidgridholder{max-width:none;min-width:0;margin:auto}
  div.c_11 div.g1{width:100%;} 
  div.c_32_31 div.g1{width:66.66666%;} 
  div.c_32_31 div.g2{width:33.33333%;} 
  div.c_21_21 div.g1{width:50%;} 
  div.c_21_21 div.g2{width:50%;} 
}

@media screen and (min-width:1025px){
  div.fluidgridholder{max-width:1240px;min-width:300px;}
  div.c_11 div.g1{width:100%;} 
  div.c_32_31 div.g1{width:66.66666%;} 
  div.c_32_31 div.g2{width:33.33333%;} 
  div.c_21_21 div.g1{width:50%;} 
  div.c_21_21 div.g2{width:50%;} 
}

@media screen and (min-width:1281px){
  div.fluidgridholder{max-width:1240px;min-width:300px;}
  div.c_11 div.g1{width:100%;} 
  div.c_32_31 div.g1{width:66.66666%;} 
  div.c_32_31 div.g2{width:33.33333%;} 
  div.c_21_21 div.g1{width:50%;} 
  div.c_21_21 div.g2{width:50%;} 
}

@media screen and (min-width:1600px){
  div.fluidgridholder{max-width:1240px;min-width:300px;}
  div.c_11 div.g1{width:100%;} 
  div.c_32_31 div.g1{width:66.66666%;} 
  div.c_32_31 div.g2{width:33.33333%;} 
  div.c_21_21 div.g1{width:50%;} 
  div.c_21_21 div.g2{width:50%;} 
}

div.xrtf span.object{display:block; box-sizing:border-box;}
div.xrtf span.object img {width:100%;}
div.xrtf span.object.w1{width:100%;}
div.xrtf span.object.w2{width:50%;}
div.xrtf span.object.w3{width:33.3333%;}
div.xrtf span.object.w4{width:25%;}
div.xrtf span.object.left {float:left; padding:5px 10px 5px 0;}
div.xrtf span.object.right {float:right; padding:5px 0 5px 10px;}
div.xrtf span.object span.label{display:block; background:#eee; padding:5px; line-height:1.1em;}
div.xrtf span.object span.label span.title{margin:0;display:block; font-weight:bold; font-size:0.7em;}
div.xrtf span.object span.label span.desc{margin:0;display:block;  font-size:0.7em;}

img.w1{width:100%;}
img.w2{width:50%;}
img.w3{width:33.3333%;}
img.w4{width:25%;}
img.left {float:left; margin:5px 10px 5px 0;}
img.right {float:right; margin:5px 0 5px 10px;}


@media screen and (max-width:1024px) {
	div.xrtf div.object.w2{width:50%;}
	div.xrtf div.object.w3{width:50%;}
	div.xrtf div.object.w3{width:25%;}
}

@media screen and (max-width:800px) {
	div.xrtf div.object.w2{width:50%;}
	div.xrtf div.object.w3{width:50%;}
	div.xrtf div.object.w4{width:50%;}
}
@media screen and (max-width:640px) {
	div.xrtf div.object.w2{width:100%;}
	div.xrtf div.object.w3{width:50%;}
	div.xrtf div.object.w4{width:50%;}
	div.xrtf div.object.w2.left {float:none; margin:5px 0 5px 0;}
  div.xrtf div.object.w2.right {float:none; margin:5px 0 5px 0;}
}
@media screen and (max-width:480px) {
	div.xrtf div.object.w2{width:100%;}
	div.xrtf div.object.w3{width:100%;}
	div.xrtf div.object.w4{width:100%;}
	div.xrtf div.object.left {float:none; margin:5px 0 5px 0;}
    div.xrtf div.object.right {float:none; margin:5px 0 5px 0;}
}
/*image styles end*/
div.left div.rtfimgframe{margin:0 20px 20px 0;}
div.rtf img.left {margin:0 20px 20px 0;}
div.rtf p.center{text-align:center;}

div.xgrid{display:grid; max-width:1240px; grid-template-columns:1fr 1fr; grid-gap:40px; margin:0 auto;}
div.xcol{padding:0 10px;}
@media only screen and (max-width: 800px) {
  div.xgrid{grid-template-columns:1fr;}
}
div.xxformitem {padding:4px 0 10px 0; margin:0; position:relative;}
div.xxformitem div.xxformlabel {font-family:@din; font-size:1em; color:#666; padding:0 10px 5px 0; cursor:default;}
div.xxformitem div.xxformlabel span{color:#666;}
div.xxformcontrol {box-sizing:border-box; margin:0;}

input.xxinput {font-size:1em; width:100%; border:none; border-bottom:1px solid @green; padding:10px;box-sizing: border-box;}
input.xxinput:focus {background:#ddeeff; outline:none;}
input.xxinput.file{padding:0; height:23px;}
textarea.xxtextarea{display: block; font-size:1em; font-family: @din; width:100%; border:none; border-bottom:1px solid @green; border-right:1px solid @green; resize:vertical; padding:10px; box-sizing: border-box;}
textarea.xxtextarea:focus {background:#ddeeff; outline:none;}
div.xxcheckboxes {padding:0 10px 10px 10px;}
div.xxcheckbox{padding:4px 4px 0 4px;}
div.xxcheckbox:hover{background:#eee; color:#369;}
div.xxcheckboxesslim {float:left; width:100%; max-height:200px; overflow:auto; border-bottom:1px solid #ddd}
div.xxcheckboxcontrol {float:left;}
div.xxcheckboxlabel{font-size:0.75em;}
div.xxcheckboxlabel label{display:block; width:100%; padding-left:20px; cursor:pointer;}

div.xxformfieldset fieldset {border:1px solid #ccc; padding:70px 20px 20px 20px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); margin:10px 0 10px 0; position:relative;}
div.xxformfieldset legend{-webkit-padding-start:0;-webkit-padding-end:0;padding-left:0; padding-right:0;}
div.xxformfieldset legend span{display:block; position:absolute; top:0; right:0; left:0; font-size:0.9em; padding:20px; background:#eee; color:#666;}

select.xxformselect {-moz-appearance: none; -webkit-appearance: none;  font-size:0.9em;  background:url(select.svg) no-repeat center right transparent; background-size:20px; width:100%; border:none; border-bottom:1px solid #ccc; 
  box-sizing: border-box; padding:10px 25px 10px 10px;}
select.xxformselect:focus {background-color:#ddeeff; outline:none;}
select.xxformselect::-ms-expand{display:none;}
select.xxformselect.date {width:auto;}
input.xxinputedited {font-size:0.9em; width:100%; border:none; border-bottom:1px solid #ccc; padding:10px;box-sizing: border-box; background:url(points.svg) no-repeat center right; cursor:pointer;}
input.xxinputedited:focus {background:#ddeeff; outline:none;}
img.xxuploadpreview{margin:5px 0 0 0; max-width:400px; display:none;}

.xxfileinput {font-size:0.8em; background:#eee; width:100%;  height:24px; border:1px solid #ccc; border-radius:2px; padding:4px 40px 4px 8px;box-sizing: border-box;  box-shadow: rgba(0, 0, 0, 0.1) 0 0 4px inset;}
.xxfileinput:focus {background:#ddeeff; outline:none;}
.xxinput.date {width:auto; margin:0 0 0 5px;}

div.xxformsubmit {padding:4px 10px 4px 10px; background-color:#eee; text-align:center;}
button.xxsubmit {font-weight:bold; font-size:0.7em; margin-right:15px; padding:12px 40px 12px 40px; border-right:0; border-left:0; border-top:0; border-radius:2px; cursor:pointer; color:#fff; background-color:#666; border-bottom:2px solid rgba(0,0,0,0.3);}
button.xxsubmit:focus,button.xxsubmit:hover{background-color:#0cf; outline:none;}
button.xxsubmit:active{background-color:#333; border-bottom:2px solid #333; padding:12px 40px 12px 40px;}


.xxformselectsug {font-size:0.8em;  background:#fff; color:#666; border:1px solid #ccc; width:100%; height:24px;}

/*switch styles begin*/
div.switch{float:left;border:1px solid #bbbbbb; background:#ccc; margin:0 0 10px 0; position:relative; height:18px; width:64px; overflow:hidden; position:relative;  cursor:pointer;}
div.switch div.knob{width:32px; height:18px; background:#eee; margin:0 0 0 32px;}
div.switch div.knob:hover {background:#cce0f5;}
div.switch div.knob:focus {background:#cce0f5;}
div.switch.sel{background:#0cf;}
div.switch.sel div.knob{margin:0;}
div.switchtxt{font-size:0.9em; margin:0 0 0 80px;}
div.switchtxt span.no{display:inline;}
div.switchtxt span.yes{display:none;}
div.switchtxt.sel span.no{display:none;}
div.switchtxt.sel span.yes{display:inline;}
/*switch styles end*/

/*slider styles begin*/
div.sliderleft{float:left; width:20%;}
div.sliderright{float:right; width:79%; padding: 6px 0 0 0;}
/*slider styles end*/
div.xxrange{height:24px; overflow:hidden;}
div.xxrange input[type=range]{height:24px;}
/*chrome*/
div.xxrange input[type=range] {-webkit-appearance: none; margin:0; width: 100%;}
div.xxrange input[type=range]:focus {outline: none;}
div.xxrange input[type=range]::-webkit-slider-runnable-track {width: 100%; height: 24px; cursor: pointer; animate: 0.2s; background: #ccc; border: 1px solid #bbb;}
div.xxrange input[type=range]::-webkit-slider-thumb {box-shadow: none;border: 0px solid #000000; height: 22px; width: 39px; background:#eee; cursor: pointer; -webkit-appearance: none; margin-top: 0;}
div.xxrange input[type=range]::-webkit-slider-thumb:hover{background:#cce0f5;}
div.xxrange input[type=range]:focus::-webkit-slider-runnable-track {background: #ccc;}

/*firefox*/
div.xxrange input[type=range]::-moz-range-track {width: 100%;height: 24px;cursor: pointer;animate: 0.2s;background: #ccc;border: 1px solid #bbb;}
div.xxrange input[type=range]::-moz-range-thumb {box-shadow: none;border: 0px solid #000000;height: 22px;width: 39px;background:#666;cursor: pointer; border-radius:0;}
div.xxrange input[type=range]::-moz-range-thumb:hover {background:#cce0f5;}

/*explorer*/
div.xxrange input[type=range]::-ms-track {width: 100%;height:24px;cursor: pointer;animate: 0.2s;background: transparent;border-color: transparent;border-width: 1px;color: #bbb;}
div.xxrange input[type=range]::-ms-fill-lower {background: #ccc;border: 0px solid #000101;}
div.xxrange input[type=range]::-ms-fill-upper {background: #ccc;border: 0px solid #000101;}
div.xxrange input[type=range]::-ms-thumb {box-shadow: none;border: 0px solid #000000;height: 22px;width: 39px;background:#666;cursor: pointer;}
div.xxrange input[type=range]::-ms-thumb:hover {background:#cce0f5;}
div.xxrange input[type=range]:focus::-ms-fill-lower {background: #ccc;}
div.xxrange input[type=range]:focus::-ms-fill-upper {background: #ccc;}
/*slider styles end*/

/*form loader style begin*/
div.xxloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255,255,255,0.6);}
div.xxloader div.loader{position:fixed; top:0; left:0; right:0; bottom:0;}
div.xxloader div.loader:before{content:''; position:absolute; display:block; width:0; height:0; top:50%; left:50%; border-radius:50%; transform:translate(-50%,-50%); border:4px solid rgba(0,0,0,0.01);animation: wav 2s linear infinite;}
div.xxloader div.loader:after {content:''; position:absolute; display:block; width:0; height:0; top:50%; left:50%; border-radius:50%; transform:translate(-50%,-50%); border:4px solid rgba(0,0,0,0.01);animation: wav 2s linear infinite; animation-delay:1s;}
@keyframes wav{
  0%   {width:0px; height:0px;     border-color:rgba(0,0,0,0.01);}
  50%  {width:25px; height:25px;   border-color:rgba(129,186,60,1);}
  100% {width:50px; height:50px;   border-color:rgba(0,0,0,0.01);}
}

/*Tooltip stuff begin*/
[data-tooltip],.tooltip {position: relative;}
[data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after {box-sizing: inherit;position: absolute;visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
  opacity: 0;
 -webkit-transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,
 -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
 -moz-transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,
 -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);-webkit-transform: translate3d(0, 0, 0);-moz-transform:    translate3d(0, 0, 0);transform:         translate3d(0, 0, 0);pointer-events: none;}
[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after {visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)opacity: 1;}
.tooltip:before,[data-tooltip]:before {z-index: 1001;border: 6px solid transparent;background: transparent;content: '';}
.tooltip:after,[data-tooltip]:after {z-index: 1000;padding: 8px;width: 160px;background-color: #000;background-color: hsla(0, 0%, 20%, 0.9);color: #fff;content: attr(data-tooltip);font-size: 12px;line-height: 1.2;}
[data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after,.tooltip-top:before,.tooltip-top:after {bottom: 100%;left: 50%;}
[data-tooltip]:before,.tooltip:before,.tooltip-top:before{margin-left: -6px;margin-bottom: -12px;border-top-color: #000;border-top-color: hsla(0, 0%, 20%, 0.9);}
[data-tooltip]:after,.tooltip:after,.tooltip-top:after {margin-left: -80px;}
[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,.tooltip-top:hover:before,.tooltip-top:hover:after,.tooltip-top:focus:before,.tooltip-top:focus:after {-webkit-transform: translateY(-12px);-moz-transform:    translateY(-12px);transform:         translateY(-12px);}
.tooltip-left:before,.tooltip-left:after{right: 100%;bottom: 50%;left: auto;}
.tooltip-left:before {margin-left: 0;margin-right: -12px;margin-bottom: 0;border-top-color: transparent;border-left-color: #000; border-left-color: hsla(0, 0%, 20%, 0.9);}
.tooltip-left:hover:before,.tooltip-left:hover:after,.tooltip-left:focus:before,.tooltip-left:focus:after {-webkit-transform: translateX(-12px);-moz-transform:    translateX(-12px);transform:         translateX(-12px);}
.tooltip-bottom:before,.tooltip-bottom:after{top: 100%;bottom: auto;left: 50%;}
.tooltip-bottom:before {margin-top: -12px;margin-bottom: 0;border-top-color: transparent;border-bottom-color: #000;border-bottom-color: hsla(0, 0%, 20%, 0.9);}
.tooltip-bottom:hover:before,.tooltip-bottom:hover:after,.tooltip-bottom:focus:before,.tooltip-bottom:focus:after {-webkit-transform: translateY(12px);-moz-transform:    translateY(12px);transform:         translateY(12px);}
.tooltip-right:before,.tooltip-right:after {bottom: 50%;left: 100%;}
.tooltip-right:before{margin-bottom: 0;  margin-left: -12px;border-top-color: transparent;border-right-color: #000;border-right-color: hsla(0, 0%, 20%, 0.9);}
.tooltip-right:hover:before,.tooltip-right:hover:after,.tooltip-right:focus:before,.tooltip-right:focus:after {-webkit-transform: translateX(12px);-moz-transform:    translateX(12px);transform:         translateX(12px);}
.tooltip-left:before,.tooltip-right:before {top: 3px;}
.tooltip-left:after,.tooltip-right:after {margin-left: 0;margin-bottom: -16px;}
/*Tooltip stuff end*/
/*Message styles begin
div.msg{font-family:@din; padding:20px 20px 20px 60px; color:@white; background-size:40px; background-position:10px 10px; background-repeat:no-repeat; }
div.msg.info{background-image:url(info.svg); class="property-name"> background-color:@green;}
div.msg.error{background-image:url(error.svg); class="property-name"> background-color:@purple;}
div.msg.question{background-image:url(question.svg); class="property-name"> background-color:@yellow;}
div.msg.ok{background-image:url(ok.svg); class="property-name"> background-color:@green;}
Message styles end*/
div.rtf a:link{color:#369; text-decoration:none;}
div.rtf a:visited{color:#369; text-decoration:none;}
div.rtf a:hover{color:var(--red); text-decoration:underline;}

div.scroll-up {height: 150px; overflow: hidden; position: relative; background:#eee; margin:10px 0 0 0; padding:10px;}
div.scroll-up p {position: absolute; width: 100%; height: auto; margin: 0; font-size:0.8em;
-webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px;  
 /* Starting position */
 -moz-transform:translateY(100%);
 -webkit-transform:translateY(100%);	
 transform:translateY(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-up 45s linear infinite;
 -webkit-animation: scroll-up 45s linear infinite;
 animation: scroll-up 45s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-up {
 0%   { -moz-transform: translateY(150px); }
 100% { -moz-transform: translateY(-100%); }
}
@-webkit-keyframes scroll-up {
 0%   { -webkit-transform: translateY(150px); }
 100% { -webkit-transform: translateY(-100%); }
}
@keyframes scroll-up {
 0%   { 
 -moz-transform: translateY(150px); /* Browser bug fix */
 -webkit-transform: translateY(150px); /* Browser bug fix */
 transform: translateY(150px); 		
 }
 100% { 
 -moz-transform: translateY(-100%); /* Browser bug fix */
 -webkit-transform: translateY(-100%); /* Browser bug fix */
 transform: translateY(-100%); 
 }
}

div.lang {height:40px; float:left;}

div.local-menu-icon {float:left; width:24px; height:40px; margin-right:20px; background:url('menu.svg') no-repeat center center; background-size:contain; cursor:pointer;}
div.local-menu-icon span {display:none;}

ul.local-menu {max-height:0; overflow:hidden; position:absolute; right:0; width:300px; margin-top:40px; .boxShadow(0 4px 4px rgba(0,0,0,0.2));}
ul.local-menu.open {max-height:1500px;}
ul.local-menu li {background:var(--red);}
ul.local-menu li a {display:inline-block; width:100%; padding:15px 20px; color:var(--white); text-decoration:none; text-transform:uppercase; font-size:0.75em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.local-menu li a:hover {background:rgba(255,255,255,0.15);}

div.map-wrapper {position:absolute; top:0; bottom:0; right:0; left:0;}
div.map-wrapper div#map {position:absolute; top:0; bottom:0; left:0; right:0;}

div.news-wrapper {margin:0 10px;}

div.news-header {position:relative;}
div.news-header div.head-img {position:relative; z-index:1; height:405px; background-size:cover; background-position:center center;}
div.news-header div.head-img  h1 {position:absolute; left:0; bottom:0; z-index:10; width:66.666%; margin: 0; padding:10px 40px; background:rgba(0,0,0,0.7); color:var(--white);}
div.news-header:hover div.head-img  h1 {background:#111;}

@media screen and (max-width:961px) {
  div.news-header div.head-img   h1 {width:100%;}
}

div.news-nav {margin:60px 10px 0 10px;}
div.news-nav div.news-nav-item {position:relative; background:#ccc; color:var(--white); margin:0 0 20px 0; padding:10px 20px;}
div.news-nav div.news-nav-item:hover {.lightenBg(#ccc);}
div.news-nav div.news-nav-item h3 {color:var(--white);}
div.news-nav div.news-nav-item a {position: absolute; left:0; right:0;}
div.news-nav div.news-nav-item div.label {position:absolute; right:0; width:66.666%; padding:10px; background:var(--green); text-align:center;}
div.news-nav div.news-nav-item:hover div.label {.lightenBg(var(--green));}

div.news-nav div.news-nav-item.next-news div.label {top:-40px;}
div.news-nav div.news-nav-item.next-news a {top:-40px; bottom:0;}

div.news-nav div.news-nav-item.next-news + div.news-nav.prev-news {margin-top:0;}
div.news-nav div.news-nav-item.prev-news div.label {bottom:-40px;}
div.news-nav div.news-nav-item.prev-news a {top:0; bottom:-40px;}

div.news-nav div.all-news {position: relative; float:right; width:66.666%; margin:1px 0 0 0; padding:20px; background:var(--green); text-align:center;}
div.news-nav div.all-news a {position: absolute; top:0; bottom:0; left:0; right:0; padding:10px; color:var(--white); text-decoration:none; text-transform:uppercase;}
div.news-nav div.all-news a:hover {.lightenBg(var(--green));}
div.news-nav div.news-nav-item.prev-news + div.all-news {margin-top:40px;}

div.places {float:left; margin:20px 0 5px 0;}
div.places a {float:left; text-decoration:none; text-transform:lowercase; font-size:0.9em; color:var(--white); background:#b5b5b5; padding:10px 20px;}
div.places a:hover {background:#ccc;}
div.places a.sel {background:var(--green);}

div.press-news-item div.movies {float:left; margin:0 -5px 10px -5px;}

div.related-programs {float:left; width:100%; margin:0 -10px;}
div.related-programs h3.title {margin-left:5px;}
div.related-programs div.related-program {position:relative; float:left; width:33.333%; height:260px;}

div.search {float:left;}
div.search form#search {float:left; position:relative;}
div.search form#search div.search-input-wrapper input#q {opacity:0; width:0; height:27px; background:transparent; color:var(--white); border:0; border-bottom:2px solid var(--white); text-align:center; padding:0; margin-top: 5px;}
div.search form#search div.search-input-wrapper.open input#q {opacity:1; width: 300px; padding:5px 25px 5px 15px;}
div.search form#search div.search-input-wrapper div.clear-input {display:none; position:absolute; top:9px; right:0; width:20px; height:20px; background:url('close.svg') no-repeat center center; background-size:contain; cursor:pointer;}
div.search form#search div.search-input-wrapper div.clear-input.visible {display:block;}
div.search div#search-button {float:left; width:24px; height:40px; margin:0 15px 0 10px; background:url('search.svg') no-repeat center center; background-size:contain; cursor:pointer;}
div.search div#search-button span {display:none;}

div.full-page-search {position:absolute; top:30%; left:5%; right:5%;}
div.full-page-search.has-result {top:5%;}
div.full-page-search div.pager {margin-top:10px;}
div.full-page-search input[name="query"] {position:relative; width:100%; font-size:2em; color:#666; border:0; border-bottom:2px solid rgba(0,0,0,0.2); padding:10px; font-family:'Roboto', 'Arial', 'Helvetica', sans-serif; font-weight:100}
div.full-page-search input:focus {border-color:var(--red); background-color:rgba(0,0,0,0.05);}
div.full-page-search input[type="submit"] {position:absolute; top:10px; right:10px; width:44px; height:44px; background-image:url(search.svg); background-size:contain; background-color:transparent; border:0; cursor:pointer;}

div.shareboxholder{position:absolute; bottom:210px; left:0; right:0; text-align:center;}
div.sharebox{margin:0 auto 0 auto; padding:0 20px 10px 25px; max-width:1240px;}
a.linkbutton {display:block; float:right; width:24px; height:24px; margin:1px;}
a.facebook{background:url(facebook.svg) no-repeat center center rgba(0,0,0,0.1); background-size:contain;}
a.googleplus{background:url(googleplus.svg) no-repeat center center rgba(0,0,0,0.1); background-size:contain;}
a.twitter{background:url(twitter.svg) no-repeat center center rgba(0,0,0,0.1); background-size:contain;}
a.tumblr{background:url(tumblr.svg) no-repeat center center rgba(0,0,0,0.1); background-size:contain;}
a.pinterest{background:url(pinterest.svg) no-repeat center center rgba(0,0,0,0.1); background-size:contain;}
a.linkbutton:hover{background-color:var(--blue);}

div.side-menu-wrapper {margin:0 0 0 20px;}
div.side-menu-wrapper ul.local-menu {position:static; width:100%; max-height:none; margin:0; .boxShadow(none);}
div.side-menu-wrapper ul.local-menu li {background:#666;}
div.side-menu-wrapper ul.local-menu li a.sel {background:rgba(255,255,255,0.15);}

div.sitemap{text-align:left;}
div.sitemapitem{margin:0 0 10px 0; font-size:0.8em;}
div.sitemapitem a:link {text-decoration:none;}
div.sitemapitem a:visited {text-decoration:none;}
div.sitemapitem a:hover {text-decoration:underline;}
div.sitemapitem a:avtive {text-decoration:none;}

div.sponsoritem{margin:10px 0 10px 0; position:relative; padding:10px 10px 10px 170px;}
div.sponsoritem:hover h4 {color:var(--blue);}
div.sponsoritem:hover h3 {color:var(--blue);}
div.sponsoritem:hover p {color:var(--blue);}
div.sponsoritem h4{margin:10px;}
div.sponsoritem h3{margin:0 10px 10px 10px;}
div.sponsoritem a{display:block; position:absolute; top:0; right:0; left:0; bottom:0;}
div.sponsoritem a span{display:none;}
div.sponsoritem div.img{position:absolute; top:0; bottom:0; left:0; width:150px; background-repeat:no-repeat; background-position:center center; background-size:contain;}

div.accordicon{margin-bottom:10px; position:relative;}
div.accordicon div.acc_label{background:rgba(0,0,0,0.4); color:var(--white); background-size:16px; padding:10px; cursor:pointer;
margin-bottom:1px;}
div.accordicon div.acc_label h3{font-size:0.9em; display:block;}
div.accordicon div.acc_label h3:before{content: ' '; display: inline-block; vertical-align: middle; background:url(arrow_left.svg) no-repeat center center; background-size:contain;  width:20px; height:20px; margin:0 10px 0 0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;
}
div.accordicon div.acc_label:hover{background-color:var(--blue);}
div.accordicon div.acc_label:hover h3:before, div.accordicon div.label.open h3:before{
	transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
div.accordicon div.acc_label.open{background-color:var(--blue);}
div.accordicon div.acc_item{display:none; padding:10px;}
div.accordicon div.acc_item.open{display:block;}
div.acc_button{background-color:#999; background-position:center center; background-size:50%; background-repeat:no-repeat; position:absolute; width:32px; height:32px; top:-40px; cursor:pointer; border-radius:50%;}
div.acc_button:hover{background-color:var(--blue);}
div.accordicon div.acc_openall{right:40px; background-image:url(plus.svg);}
div.accordicon div.acc_closeall{right:-2px; background-image:url(minus.svg);}
div.accordicon div.acc_openall:hover{color:var(--white);}
div.accordicon div.acc_closeall:hover{color:var(--white);}

html{position: relative; min-height: 100%;}
body {margin: 0 0 260px 0;} /* bottom = footer height */
div.footerholder {position: absolute; left: 0; bottom: 0;height: 260px; width: 100%; text-align:center;}
div.footer {background:var(--dark); padding:20px; max-width:1240px; margin:0 auto 0 auto; text-align:left; position:relative; height:260px;}
div.footer p{color:#ccc; margin:0 20px 10px 0; font-size:0.8em;}
div.footer p strong{font-weight:bold;}
div.footer a{margin:0 10px 10px 0; text-decoration:none;  font-size:0.7em;}
div.footer a:link{color:#ccc;}
div.footer a:visited{color:#ccc;}
div.footer a:hover{color:#fff;}
div.footer a.map{display:block; width:24px; height:24px; border-radius:50%; position:absolute; bottom:130px; right:10px; background-image:url(plus.svg); background-repeat:no-repeat; background-position:center center; background-size:60%;}
div.footer a.map span{display:none;}
div.footer a.map:link{background-color:rgba(255,255,255,0.3);}
div.footer a.map:visited{background-color:var(--red);}
div.footer a.map:hover{background-color:var(--red); -ms-transform: rotate(270deg);  -webkit-transform: rotate(270deg); transform: rotate(270deg);}
div.footer a.map:active{background-color:#000;}
div.footer div.mapholder{position:absolute; top:130px; left:0; right:0; height:400px; background:var(--dark);}
div.footer div.mapholder.closed{position:absolute; top:130px; left:0; right:0; height:0;}
div.footer div.mapholder iframe{width:100%; height:400px; border:none;}
div.footer div.maplabel{color: #ccc; font-size: 0.75em; position: absolute; bottom: 146px; right: 50px;}
div.footer div.sponsors{padding: 10px 0 0 0; border-top: 1px solid #666; margin: 15px 0 0 0; height:90px; overflow:hidden;}
div.footer div.sponsors a{display:block; float:left; width:80px; height:80px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
div.footer div.sponsors a span{display:none;}
div.footer div.sponsors a.right {float:right; text-align:right;}

div.treebase{background:#eee; padding:5px 10px 10px 10px; margin:0 0px 10px 10px}
ul.tree{display:block; margin:5px 0 0 0;}
ul.tree a.label{float:left;display:block; box-sizing:border-box; text-decoration:none; font-size:0.9em; height:25px; padding:5px 5px 5px 30px; background:url(folder.svg) no-repeat center left; background-size:25px; border-radius:2px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:300px;}
ul.tree a.label:link{color:#369;}
ul.tree a.label:visited{color:#369;}
ul.tree a.label:hover{color:#0cf; background-color:#fff;}
ul.tree a.label:focus{color:#0cf; background-color:#fff;}
ul.tree a.label:active{background-color:rgba(0,0,0,0.8); color:#fff;}
ul.tree a.label.sel{background-color:#0cf; color:#fff;}
ul.tree ul{margin:5px 0 0 0;}
ul.tree li{margin:0 0 5px 30px;}
ul.tree ul:before{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
ul.tree li:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
ul.tree ul.closed{display:none;}
ul.tree ul.open{display:block;}
ul.tree a.cross{float:left;display:block; margin:0 0 0 -30px; box-sizing:border-box; height:25px; width:25px; background:url(cross.svg) no-repeat center center; background-size:60%;border-radius:2px; transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;}
ul.tree a.cross:hover{background-color:#fff;}
ul.tree a.cross:focus{background-color:#fff;}
ul.tree a.cross.open{background-image:url(gminus.svg)}
ul.tree a.cross.closed{background-image:url(gplus.svg)}

div#video-isocontainer div.videoholder {opacity:0;}

@media screen and (max-width:961px) {
  div#video-isocontainer div.videoholder {width:100%;}
}