@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,latin-ext');
html { height: 100%; }
body { height: 100%; font-size: 0.9375em; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; background: #fff; color: #666; }
h1 { font-size: 1.23em; margin: 0; padding: .3em 1em; color: #666; position: absolute; top: .25em; right: 0; left: 0; text-align: right; background-color: rgba(255, 255, 255, .75) }
h2 { font-size: 1.385em; margin: 0; padding: .3em; color: #666; background-color: #fff }
h3 { font-size: 1.23em; margin: 0; padding: 0.25em; color: #666; }
.listing h3 { font-size: 1.077em; }
h4 { font-size: 1em; margin: 0 0 0.3em 0; color: #ccc; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
.logo { float: left; margin: 0 0 0 .5em; height: 100px; transition: 0.7s ease-out; }
.zgNav { padding-top: 1em; transition: 0.7s ease-out; }
.scrolled .logo { margin: 0; height: 50px; width: auto; }
.scrolled .zgNav { padding-top: 0; }
.pic_b { width: auto; margin: 0 auto; display: block; }
.pic_th { display: block; margin: 0; width: 100%; }
.picB { margin: 0 }
.page_resSag .picB, .resSag .picB { width: 49%; float: right; }
.picP { min-height: 42px; }
.picP .pic_b { width: 100%; height: auto; display: block; }
.pgHeader { position: fixed; z-index: 1111; top: 0; left: 0; right: 0; }
.pgPage { margin-top: 100px; }
.meddle { position: relative; }
.locationBox { position: absolute; top: .75em; left: .5em; color: #ccc; }
.locationBox a { color: #888 }
.locationBox a:hover { color: #666; }
.pgHome { box-sizing: border-box; position: relative; margin: 0 auto; min-width: 18em; font-size: 1em; }
.header, .page, .footer, .homeprom { max-width: 1680px; width: 100% }
.homeprom { box-sizing: border-box; position: relative; margin: 1em auto; clear: both; }
.page_home { max-width: 2400px; }
.pgPage.pg.mcat { margin-top: 0; height: 80%; min-height: 480px; max-width: 2400px; max-height: 1350px; }
.page_home, .page_home .content, .homeFull, .anime, .anime .zgSlider { height: 100%; max-width: inherit; }
.meddle { float: left; padding: 0; }
.home { padding: 0; }
.pgHeader, .zgSideBar { background-color: rgba(255, 255, 255, 0.75); }
.zgMobNav { color: #345; background-color: #fff; border: 1px solid #ccc; }
.zgMobNav:hover { color: #000; text-decoration: none; }
.listing > * { background-color: #fff; padding: 1em; margin: 0; }
.listing a { display: block; border: 4px solid transparent; box-sizing: border-box; height: 100%; overflow: hidden; transition: 0.4s ease-out; }
.act.col a { background-color: #eee; border-color: #eee; }
.listing .pic_th { transition: 0.4s ease-out; }
.listing a:hover { border-color: #eee; }
.listing a:hover h3, .listing a:hover .boxText { color: #234; transition: 0.4s ease-in; }
.listing a:hover .pic_th { -webkit-filter: contrast(150%); filter: contrast(150%); }
.boxText { font-size: 0.9333em; padding: 0.25em; color: #567; }
.boxItnsc, .boxSmry { position: relative; }
.boxCol { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; transition: 0.3s ease-out; padding: 3em 1em; }
.boxCol h3 { text-align: center; width: 100%; margin-left: -110%; box-sizing: border-box; transition: 0.3s ease-out; text-shadow: 1px 1px 2px #fff; }
.boxCol .boxText { text-align: center; width: 100%; margin-left: 110%; box-sizing: border-box; color: #ccc; transition: 0.3s ease-out; }
.boxCol:hover { background-color: rgba(50, 55, 60, 0.5); border-top-right-radius: 4em; }
.boxCol:hover h3, .boxCol:hover .boxText { margin-left: 0; }
.pageContent, .pageListing { padding: 0; position: relative; }
.homeFull .pageContent { display: none; }
.slider, .zgSlider, .slide, .slideText { height: 100%; }
.sliderNavi a { color: #000; }
.sliderNavi a.item { padding: 0.5em 0.4em; color: #333; border: 4px solid rgba(50, 55, 60, 0.5); background-color: transparent; }
.sliderNavi a.act { background-color: rgba(0, 0, 0, 0.5); }
.naviCust .sPrev, .naviImg .sPrev { bottom: 0.5em; width: 4em; }
.naviCust .sNext, .naviImg .sNext { bottom: 0.5em; width: 4em; }
.naviCust a.item { padding: 0.5em; margin: 0.25em; }
.naviCust .sNext a, .naviCust .sPrev a, .naviImg .sNext a, .naviImg .sPrev a { color: #ccc; padding: 1em 0; background-color: rgba(50, 55, 60, 0.5); box-shadow: 1px 1px 1px #000; }
.naviCust .sliderBar { width: auto; left: 5em; right: 5em; bottom: 1em; }
.naviImg a.item { padding: 0; }
.slideText { font-size: 2em; padding: 20px; box-sizing: border-box; color: #fff;}
.slideText a { color: #fff; }
.slideText a:hover { color: #c00; }
.slideText .title { font-weight: bold; }
.anime .slideText { display: table; }
.anime .slideText .title { display: none; }
.anime .slideText .desc { height: 100%; padding: 150px 100px; font-weight: bold; display: table-cell; vertical-align: middle; }
.slide.black .slideText { color: #234;}
.slide.dTx-R .slideText { right: 0; }
.slide.dTx-T .slideText .desc { vertical-align: top; }
.slide.dTx-M .slideText .desc { vertical-align: middle; }
.slide.dTx-B .slideText .desc { vertical-align: bottom; }
.subFooter { padding: 0.5em 1em; }
.footerNavi, .footerMenu, .footerLinks { text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; }
.footerNavi { background-color: #124; }
.footerMenu { font-size: 0.9em; }
.footerMenu a { color: #666; border-left: 1px solid #fff; border-right: 1px solid #ccc; }
.footerNavi a, .footerLinks a { color: #124; }
.summaryChilds { margin: 0.2em; padding: 0; }
.summaryChilds li { list-style-type: none; }
.summaryChilds a { color: #000; }
.summaryChilds li a:before { content: "› " }
.props { margin: 0; display: inline-block; clear: none; }
.lv0 { font-weight: bold; }
.props .button { background-color: #a23; }
.props .button:hover { background-color: #912; }
.props .button a { color: #fff; display: block; }
.siblings { clear: both; }
.page_dar .contNprop, .dar .contNprop { clear: left; padding: 1em 25% }
.pageProps { padding: 0 1em 1em 1em; }
.page_ilgSag .pageContent:after, .ilgSag .pageContent:after, .page_altSag .pageContent:after, .altSag .pageContent:after { content: ""; display: none; clear: none; }
.page_ilgSag .contNprop, .ilgSag .contNprop, .page_altSag .contNprop, .altSag .contNprop { width: 50%; clear: left; float: left; }
.page_ilgSag .related, .ilgSag .related, .page_altSag .pageListing.children, .altSag .pageListing.children { width: 49%; padding: 1em; clear: right; float: right; }
.pageText { padding: 1em }
.pageText iframe { min-height: 720px; }
.naviLng, .naviUsr, .naviHdr { float: right; margin: 0.25em; }
.navi_lng > li a, .navi_usr > li a, .button { padding: 0.6em 1em; text-align: center; color: #345; }
.navi_hdr > li a { color: #666; padding: 0; margin: 0 .25em }
.navi_hdr span { display: inline-block; }
.navi_hdr .name { padding: 0.75em 1.5em 0.75em 0.5em; display: none; }
.navi_hdr .icon { float: left; width: 36px; height: 36px; background: url("images/social.png") no-repeat top center /100% auto; }
.facebook .icon { background-position-y: -72px }
.instagram .icon { background-position-y: -144px }
.linkedin .icon { background-position-y: -216px }
.youtube .icon { background-position-y: -360px }
.navi_lng > li.act a, .navi_usr > li.act a, .navi_hdr > li.act a { }
.naviTop { font-size: 1em; font-weight: bold; padding: 0.25em 0; margin: 0; text-align: right; }
.navi_top > li { padding: 0; text-align: left; }
.navi_top > li a { padding: 0.6em 0.85em; margin: 0; display: block; color: #345; transition-duration: 0.3s; }
.navi_top > li.act a { background-color: #eee; }
.navi_top > li a:hover, a.hover, .zgDropDown ul { background-color: #fff; text-decoration: none; }
.navi_top > li li a { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; }
.naviCol { font-size: 1.077em; padding: 0; background-color: #fff }
.navi_col > li a { padding: 1em 1.5em; color: #666; border-bottom: 1px solid #ddd; transition-duration: 0.3s; }
.navi_col > li a:hover { background-color: #eee; }
.navi_col > li ul { margin-left: 0; }
.navi_col > li li.act a { color: #000; background-color: #fff }
.formRow { margin-bottom: 1em; }
.placeholder form { max-width: 28em; }
.placeholder input, .placeholder textarea { width: 100%; color: #345; background: #e4e6e8; padding: 1.1em 0.7em; border: none; box-sizing: border-box }
.i_select { overflow: hidden; background: #e4e6e8 url(images/select.jpg) no-repeat top right/auto 100% }
.placeholder .i_select select { padding: 1.1em 0.7em; background: transparent; border: none; width: calc(100% + 1.2em); }
.placeholder .i_select option { border: none; }
.placeholder .i_date select { padding: 1.1em 0.7em; border: none; margin-right: 0.2em; background: #e4e6e8 }
.placeholder .i_date option { border: none; }
.box.placeholder .input { float: none; width: auto; }
.box.placeholder .label { display: block; width: auto; text-align: left; }
.box.placeholder .form_radio, .box.placeholder .form_checkbox { display: block; }
.box.placeholder .form_radio label, .box.placeholder .form_checkbox label { color: #344; min-width: 60%; display: inline-block; background: #e4e6e8; padding: 0.8em 2em 0.8em 0.8em; margin: 0.2em 0.6em 0.4em 0; }
img.vvc { height: 4.2em; width: auto; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }
.formVvc .formNote { display: inline-block; }
.formVvc input { float: left; margin-top: 1.25em; }
.col.video { position: relative }
.col.video a[itemprop="url"]:before { content: ""; display: inline-block; position: absolute; top: 0; right: 0; width: 5em; height: 5em; background: url(images/video.png) no-repeat 0 0/100% auto }
.contactAdres { display: flex; flex-wrap: wrap; background-color: #f8f8f8; }
.contactAdres .itm { min-width: 280px; max-width: 560px; flex-grow: 1; margin: .25em; padding: .5em; background-color: #fff; }
.contactMap { box-sizing: border-box; width: calc(100% - 25em); padding: .25em; margin-top: 1em; float: right; clear: right; }
.contactMap iframe { min-height: 600px; }
.contactBox { box-sizing: border-box; width: 24em; padding: .25em; margin: 0 1em 1em 1em; clear: left; float: left; background-color: #fff; }
.tel { color: #fff; display: inline-block; padding: .25em .75em .25em 2em; margin: 0.2em; background: #2b0 url(images/phone.png) no-repeat left center / auto 100%; border-radius: 1em; }
.tel:hover{color:#000;}
.zgSuggest { float: right; background-color: rgba(220, 225, 230, 0.7); margin: 0.3em; padding: 0.5em; }
.suggestList { background-color: rgba(220, 225, 230, 0.7); color: #123 }
.suggestList img { max-width: 100%; height: auto; }
.prevNext { padding: 0.25em; }
.prevNext a { margin-right: 1em; }
.prevNext:after { content: ""; display: block; clear: both; }
.meddleBox { padding: 0 1em 1em 1em; }
.meddleBox .box-hide { display: none; }
@media only screen and (max-width: 960px) {
	img { max-width: 100%; }
	.picP { min-height: 42px; }
	.logo { margin: 0; height: 38px; max-height: none; }
	.scrolled .logo { margin: 0; height: 38px; width: auto; }
	h1 { display: none; }
	h2 { padding: 0.3em; }
	.paLink { margin: 0.15em; }
	.pgHeader { height: 0; position: relative }
	.pgPage { margin-top: 0; }
	.naviHdr { margin-top: 0; }
	.home, .meddle { width: 100%; float: none; }
	.column_left { display: none; }
	.zgNav { padding: .5em .25em; transition: none; background-color: rgba(255, 255, 255, .9); box-shadow: 1px 1px 4px #000; }
	.naviLng, .naviUsr, .naviHdr { float: none; display: block; margin: 0 0 0.5em 0; }
	.naviTop { float: none; padding: 0; text-align: left; }
	.navi_top { height: auto; }
	.navi_top ul { padding: 0 0 0 0.4em; }
	.navi_lng > * { width: 50%; }
	.navi_hdr > li a:after { content: ""; display: block; clear: both; }
	.navi_hdr .name { display: inline-block; }
	.page_dar .contNprop, .dar .contNprop { float: none; padding: 1em; width: inherit; }
	.page_altSag .contNprop, .altSag .contNprop, .page_ilgSag .contNprop, .ilgSag .contNprop { float: none; padding: 1em; width: inherit; }
	.page_altSag .pageListing.children, .altSag .pageListing.children, .page_ilgSag .related, .ilgSag .related { float: none; clear: both; width: inherit; }
	.boxContent {; padding: 1em; }
	.footerMenu { display: none; }
	.zgSuggest { top: auto; right: auto; }
	.slideText { font-size: 1.8em; }
	.anime .slideText .desc { padding: 100px 20px; }
	.pageText iframe, .contactMap iframe { min-height: 420px; }
	.slide.tTx-T .slideText .desc { vertical-align: top; }
	.slide.tTx-M .slideText .desc { vertical-align: middle; }
	.slide.tTx-B .slideText .desc { vertical-align: bottom; }
	.contactBox, .contactAdres, .contactMap { width: 100%; clear: both; float: none; }
	.tel { font-size: 1em; }
}
@media only screen and (max-width: 480px) {
	.pgPage.pg.mcat { height: 60%; min-height: 360px; }
	.slide.mTx-T .slideText .desc { vertical-align: top; }
	.slide.mTx-M .slideText .desc { vertical-align: middle; }
	.slide.mTx-B .slideText .desc { vertical-align: bottom; }
	.pic_b { width: 100%; height: auto; float: none; margin-left: 0; }
	.page_resSag .picB, .resSag .picB { width: inherit; float: none; margin: .25em }
	.footerNavi li, .footerMenu li, .footerLinks li { font-size: 1.2em; display: block; }
	.footerNavi a, .footerMenu a, .footerLinks a { border-top: 1px solid #fff; border-bottom: 1px solid #ccc; }
	.slideText { font-size: 1.6em; }
	.tel { font-size: 1em; }
}