/* 	PROPERTY OF METAVISUAL LTD All rights reserved. MetaVisual Limited, Finland, EU. For more information see: http://www.metavisual.fi */
/* all */ .contenttable.contenttable-zone-a-content-1, .contenttable.contenttable-zone-d-content-2, .contenttable.contenttable-zone-m1-content-1 { width: 1200px; margin: 0 auto; }
/* pgt1 */
body.pgt1 .zone-e-content.contentcell .render_block .render_block_inner, body.pgt1 .zone-b-content.contentcell .render_block .render_block_inner { margin-left: 0; }
/* Top (A,B) */
body.pgt1 .zone-a-content { width: 34%; }
body.pgt1 .contenttable-zone-a-content-1 { padding-bottom: 0.5em; }
/* Banner (C,D,E) */
body.pgt1 .contentcell.nc-zone-c-content { height: 500px; }
body.pgt1 .contentcell.nc-zone-c-content { background-image: url('../../../images/sysclient/header-water.jpg'); background-size: cover; height: 480px; clip-path: polygon(0 0, 0 90%, 66% 100%, 100% 90%, 100% 0); }
body.pgt1 .contentcell.nc-zone-c-content .contenttable.contenttable-zone-c-content-1 { height: 100%; box-sizing: border-box; background-color: rgba(232,46,154,0.7); }
/* ... left (D) */
body.pgt1 .zone-d-content { width: 66%; }
body.pgt1 .contenttable-zone-d-content-2 { height: 165px; margin-top: 185px; padding: 2em 0 0 0; box-sizing: border-box; }
body.pgt1 .contenttable-zone-d-content-2 .article .title h1 { color: #fff; font-weight: bold; font-size: 4em; margin: 0 0 0.25em 0; line-height: 0.9em !important; padding: 0; }
body.pgt1 .zone-d-content.contentcell .article .paragraph { color: #fff; padding-left: 0; font-size: 1em; }
body.pgt1 .contenttable-zone-d-content-2 .article .tb { font-size: 1.2em; font-weight: normal; }
/* ... right (E) */
body.pgt1 .zone-e-content.contentcell { font-size: 0.95em; }
/* Main (M) */
body.pgt1 .zone-m1-content { width: 66%; }
body.pgt1 .contenttable-zone-m1-content-2 { padding-top: 3em; padding-bottom: 4em; }
/* Form (F) */
body.pgt1 .zone-f1-content { width: 34%; color: #000; }
body.pgt1 .zone-f2-content { width: 66%; line-height: 1.25em; }
body.pgt1 .zone-f3-content { width: 50%; }
body.pgt1 .zone-f3-content.contentcell { color: #000; }
/* Bottom */
body.pgt1 .contenttable-zone-f1-content-3 h1 { color: rgb(232,46,154) !important; }
body.pgt1 .contenttable-zone-f1-content-3 { background-color: rgba(232,46,154,0);  color: rgb(232,46,154) !important; clip-path: polygon( /* bottom */ 0 0, 0 95%, 66% 100%, 100% 95%, 100% 0, /* top */ 100% 0%, 66% 5%, 0% 0% ); }
/* form */
body.pgt1 .zone-f-content.contentcell .render_block { padding: 3em 2em 2em 2em; background-color: rgba(232,46,154,0.2); border-radius: 4px; clip-path: polygon( /* bottom */ 0 0, 0 95%, 66% 100%, 100% 95%, 100% 0, /* top */ 100% 0%, 66% 5%, 0% 0% ); }
body.pgt1 .zone-f-content.contentcell .render_block:last-child { padding-bottom: 0; clip-path: polygon( /* bottom */ 0 0, 0 100%, 100% 100%, 100% 0, /* top */ 100% 0%, 66% 5%, 0% 0% ); }
body.pgt1 .zone-f-content.contentcell .render_block:last-child { background-color: rgb(232,46,154); color: #fff !important; }
body.pgt1 .zone-f-content.contentcell .render_block:last-child  h1, body.pgt1 .zone-f-content.contentcell .render_block:last-child  h2 { color: #fff !important; }
body.pgt1 .zone-f-content.contentcell .render_block_inner .articleGroup, body.pgt1 .zone-f-content.contentcell .render_block_inner form { margin: 2em auto; max-width: 800px; }
body.pgt1 .zone-f-content input[name='submit'] { font-size: 1.5em; color: rgb(232,46,154); }
body.pgt1 .zone-f-content input[name='submit'][disabled='disabled'] { color: #fff; }

/* pgt2 */
body.pgt2 .zone-e-content.contentcell .render_block .render_block_inner, body.pgt2 .zone-b-content.contentcell .render_block .render_block_inner { margin-left: 0; }
/* Top (A,B) */
body.pgt2 .zone-a-content { width: 34%; }
body.pgt2 .contenttable-zone-a-content-1 { padding-bottom: 0.5em; }
/* Banner (C,D,E) */
body.pgt2 .contentcell.nc-zone-c-content { height: 200px; }
body.pgt2 .contentcell.nc-zone-c-content { background-image: url('../../../images/sysclient/header-water.jpg'); background-size: cover; height: 200px; clip-path: polygon(0 0, 0 90%, 66% 100%, 100% 90%, 100% 0); }
body.pgt2 .contentcell.nc-zone-c-content .contenttable.contenttable-zone-c-content-1 { height: 100%; box-sizing: border-box; background-color: rgba(232,46,154,0.7); }
/* ... left (D) */
body.pgt2 .zone-d-content { width: 66%; }
body.pgt2 .contenttable-zone-d-content-2 { height: 165px; margin-top: 185px; padding: 2em 0 0 0; box-sizing: border-box; }
body.pgt2 .contenttable-zone-d-content-2 .article .title h1 { color: #fff; font-weight: bold; font-size: 4em; margin: 0 0 0.25em 0; line-height: 0.9em !important; padding: 0; }
body.pgt2 .zone-d-content.contentcell .article .paragraph { color: #fff; padding-left: 0; font-size: 1em; }
body.pgt2 .contenttable-zone-d-content-2 .article .tb { font-size: 1.2em; font-weight: normal; }
/* ... right (E) */
body.pgt2 .zone-e-content.contentcell { font-size: 0.95em; }
/* Main (M) */
body.pgt2 .zone-m1-content { width: 66%; }
body.pgt2 .contenttable-zone-m1-content-2 { padding-top: 3em; padding-bottom: 4em; }
/* Form (F) */
body.pgt2 .zone-f1-content { width: 34%; color: #000; }
body.pgt2 .zone-f2-content { width: 66%; line-height: 1.25em; }
body.pgt2 .zone-f3-content { width: 50%; }
body.pgt2 .zone-f3-content.contentcell { color: #000; }
/* Bottom */
body.pgt2 .contenttable-zone-f1-content-3 h1 { color: rgb(232,46,154) !important; }
body.pgt2 .contenttable-zone-f1-content-3 { background-color: rgba(232,46,154,0);  color: rgb(232,46,154) !important; clip-path: polygon( /* bottom */ 0 0, 0 95%, 66% 100%, 100% 95%, 100% 0, /* top */ 100% 0%, 66% 5%, 0% 0% ); }
/* form */
body.pgt2 .zone-f-content.contentcell .render_block { padding: 3em 2em 2em 2em; background-color: rgba(232,46,154,0.2); border-radius: 4px; clip-path: polygon( /* bottom */ 0 0, 0 95%, 66% 100%, 100% 95%, 100% 0, /* top */ 100% 0%, 66% 5%, 0% 0% ); }
body.pgt2 .zone-f-content.contentcell .render_block:last-child { background-color: rgb(232,46,154); color: #fff !important; }
body.pgt2 .zone-f-content.contentcell .render_block:last-child  h1, body.pgt2 .zone-f-content.contentcell .render_block:last-child  h2 { color: #fff !important; }
body.pgt2 .zone-f-content.contentcell .render_block_inner .articleGroup, body.pgt2 .zone-f-content.contentcell .render_block_inner form { margin: 2em auto; max-width: 800px; }
body.pgt2 .zone-f-content input[name='submit'] { font-size: 1.5em; color: rgb(232,46,154); }
body.pgt2 .zone-f-content input[name='submit'][disabled='disabled'] { color: #fff; }


/* General */ #bcframe { padding: 2em 0 0 0; }
/* multicol */ .articleGroup.multicol .article_unit { padding: 0 0.5em; } .articleGroup.multicol .article_unit.first_item { padding-left: 0; } .articleGroup.multicol .article_unit.last_item { padding-right: 0; }
/* bg images */ .render_block .render_block_inner { overflow: visible !important; margin: 0em 2em; }
/* Page menu (ff, ie, opera, chrome, safari compliant) */
.pagemenu { box-sizing: border-box; margin: 0; padding: 0; width: auto !important; font-weight: normal; } 
ul.pagemenu-inner { display: table; font-weight: normal; color: #000; margin: 0 auto; padding: 0; width: auto; } 
.pagemenu li { display: table-cell; text-align: center; width: auto; padding: 0 1.2em; white-space: nowrap; }
.pagemenu li.page.menuitemblock_down > a, 
.pagemenu li.page:hover > a { font-weight: bold; color: #939598; background-color: transparent; }
.pagemenu li .pmibefore, .pagemenu li .pmiafter { display: none; }
.pagemenu li .pmilabel .sgheb-l1 { display: block; text-align: center; position: relative !important; }
.pagemenu li .pmilabel .sgheb-l2 { display: block; height: 0px; }
.pagemenu a { text-decoration: none; margin: 2px; }
.pagemenu ul.slicknav_nav ul a:hover { color: #939598; }
/* */
.slicknav_menu { background: none; box-sizing: border-box; padding: 0; }
.slicknav_nav { color: inherit; }
.page > .slicknav_item:hover, .page > a.slicknav_item:hover { background-color: transparent;}
.slicknav_nav, body.standardVersion .slicknav_nav ul { overflow: visible; }
.pagemenu .slicknav_menu li.page { position: relative; padding: 0; text-transform: uppercase; }
.slicknav_nav ul { margin-left: 0; }
.pagemenu .slicknav_menu ul.subpagelevel { display: table; position: absolute; left: 0; z-index: 1000000; background-color: #fff; }
/* subpage bg color switch */ body.pgt2 .body-l2:not(#initial) .pagemenu ul.subpagelevel, body.pgt3 .body-l2:not(#initial) .pagemenu ul.subpagelevel { background-color: #f3f3f3; }
body.pgt3 .zone-g1-content { width: 50%; }
body.pgt3 .zone-g2-content { width: 50%; }
.pagemenu .slicknav_menu ul.subpagelevel li.subpage { display: table-row; padding: 0; text-align: left; color: #000; }
/* hairline */ .pagemenu .slicknav_menu ul.subpagelevel li.subpage:not(:last-child) a { border-bottom: 1px solid #fff; }
.pagemenu .slicknav_arrow { display: none; }
/* control width */ .pagemenu ul.slicknav_nav li { width: auto !important; }
.pagemenu .slicknav_nav a { /*padding-left: 0; padding-right: 0;*/ }
.pagemenu .slicknav_nav .slicknav_item { margin: 0; padding-left: 0; text-align: left; }
.pagemenu .slicknav_nav .slicknav_item:hover { color: #939598; background-color: transparent; }
/* vertically align 2nd level list */ .slicknav_menu ul.subpagelevel > li { display: table-row; text-transform: none; }
/* hide header */ .slicknav_menu .slicknav_menutitle, .slicknav_menu .slicknav_btn { display: none; }
/* force visible */ .slicknav_menu .slicknav_nav.slicknav_hidden { display: inline-table !important; width: 100%; box-sizing: border-box; }
/* hover action */ .pagemenu .slicknav_menu .slicknav_nav.slicknav_hidden .page:hover .subpagelevel.slicknav_hidden { display: block !important; } .slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: transparent; }
/* active page, subpage */
.slicknav_menu .subpage.level1.menuitemblock_down { background-color: rgba(255,255,255,0.1); }
.slicknav_menu .subpage.level1.menuitemblock_down > .slicknav_item,
.slicknav_menu .subpage.level1.menuitemblock_down > a.spmlink { font-weight: bold; color: #939598; }
.slicknav_menu .subpage.level1.menuitemblock_down .subpagelevel2.slicknav_hidden { display: block !important; }
.slicknav_menu li.subpage.level2.menuitemblock_down a { font-weight: bold; }
.pagemenu .slicknav_nav .spmilabel:after { content: " >"; }
/* */ul.subpagelevel2 { margin-left: 2em; }
/* a equivalent */ .slicknav_menu .spmlink { padding: 5px 10px !important; margin: 2px !important; }