/*
-----------------------------
    SITE GENERIC
-----------------------------
*/

/*GENERIC*/
*{ box-sizing: border-box; }

body { font-size: 13pt; color: #222222; text-align: center; padding: 0; margin: 0; }
body#tinymce { background: #ffffff !important; }

img { border: 0; }
a, a:visited { text-decoration: none; color: #222222; outline: none; }
a:hover { text-decoration: none; color: #666666; }
.content input { border: 1px solid #cccccc; font-size: 15pt; }
.btn:hover,.btn:active,.btn:visited,
.btn { border: 0 !important; color: #ffffff; background: #446688; padding: 3px 10px 3px 10px; text-align: center; display: inline-block; margin: 5px; font-size: 15pt; }
div.placeholder { height: 0px; font-size: 1px; clear: both; overflow: hidden;}

.b { font-weight: bold;  }
.i { font-style: italic; }
.u { text-decoration: underline !important; }
.r { text-align: right;  }
.l { text-align: left;   }
.c { text-align: center; }
.h { display: none; }
::selection      { background: #aaaaaa; }
::-moz-selection { background: #aaaaaa; }

.shame { background: #aa0000; color: #ffffff; text-align: center; padding: 15px; }
.shame a,.shame a:active,.shame a:visited,.shame a:hover { color: #ffffff; }

.content_version_list span.content_version_head { font-weight: bold; }
.content_version a,
.content_version span { display: inline-block; vertical-align: middle; padding: 3px 5px; width: 160px; }
.content_version:nth-child(2n+1) { background: #eeeeee; }
.content_version_current { font-weight: bold; }

div#cookie { width: 100%; padding: 5px; font-size: 10pt; position: fixed; left: 0; right: 0; bottom: 0; background: #000; background: rgba(0,0,0,.8); color: #ffffff; text-align: center; display: none; z-index:100; }
div#cookie a { color:#ffffff; text-decoration: underline; }
div#cookie input {  border: 0; background: #dd8a20; color: #ffffff; padding: 3px 10px; margin-left: 10px; }

#pop_menu { display: none; position: absolute; left: 0; right: 0; top: 0; z-index: 100; background: #565656 !important; color: #ffffff; zoom: 1; overflow: hidden; padding: 10px; }
#pop_menu a { display: block; color: #ffffff; padding: 10px 0; }
#pop_menu_close { color: #ffffff; position: absolute; top: 5px; right: 5px; display: block; width: 20px; height: 20px; font-weight: bold; font-size: 15pt; z-index: 105; }
#hamburger { display: none; position: absolute; right: 10px; top: 20px; background: transparent url('images/hamburger.png') center center no-repeat; background-size: contain; width: 25px; height: 25px;  z-index: 10; filter: invert(1); }
#hider { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(100,100,100,.5); z-index: 50; display: none; }


/* CONTENT */

.expandblock { margin-bottom: 15px; }
.expandblock_title { cursor: pointer; background: #888888 url('images/right.png') 5px center no-repeat; color: #FFFFFF; padding: 3px 5px 3px 25px; font-weight: bold; }
.expandblock_content { display: none; padding: 5px 10px 10px 10px; zoom: 1; overflow: hidden; }

h1.normalh1 { font-weight: normal !important; }

.vbox8020,
.vbox7030,
.vbox6040,
.vbox5050,
.vbox4060,
.vbox3070,
.vbox2080 {  display: flex; min-height: 10px; padding: 3px; flex-flow: center; align-items: flex-start; align-content: flex-start; }

.vbox8020 .vbox_l,
.vbox7030 .vbox_l,
.vbox6040 .vbox_l,
.vbox5050 .vbox_l,
.vbox4060 .vbox_l,
.vbox2080 .vbox_l { min-height: 10px; padding: 10px; }
.vbox8020 .vbox_r,
.vbox6040 .vbox_r,
.vbox5050 .vbox_r,
.vbox4060 .vbox_r,
.vbox3070 .vbox_r,
.vbox2080 .vbox_r { min-height: 10px; padding: 10px; }

.vbox2080 .vbox_l { flex-basis: 20%; }
.vbox2080 .vbox_r { flex-basis: 80%; }
.vbox3070 .vbox_l { flex-basis: 30%; }
.vbox3070 .vbox_r { flex-basis: 70%; }
.vbox4060 .vbox_l { flex-basis: 40%; }
.vbox4060 .vbox_r { flex-basis: 60%; }
.vbox5050 .vbox_l { flex-basis: 50%; }
.vbox5050 .vbox_r { flex-basis: 50%; }
.vbox6040 .vbox_l { flex-basis: 60%; }
.vbox6040 .vbox_r { flex-basis: 40%; }
.vbox7030 .vbox_l { flex-basis: 70%; }
.vbox7030 .vbox_r { flex-basis: 30%; }
.vbox8020 .vbox_l { flex-basis: 80%; }
.vbox8020 .vbox_r { flex-basis: 20%; }

@media screen and (max-width: 800px){
    .vbox8020, .vbox7030, .vbox6040, .vbox5050, .vbox4060, .vbox3070, .vbox2080 { display: block; padding: 0;}
}

div.simacenter  { text-align: center; }
div.inlineblock { display: inline-block; vertical-align: top; padding: 20px; margin-bottom: 10px; min-height: 10px; }
div.iconblock   { display: inline-block; vertical-align: top; padding: 20px; margin-bottom: 10px; min-height: 10px; }
div.iconblock img { margin-bottom: 10px; }

a.button:hover, a.button:active, a.button:visited,
a.button { border: 0 !important; color: #ffffff; background: #666666; padding: 5px 15px 5px 15px; text-align: center; margin: 5px; text-decoration: none; display: inline-block; }

a.rbutton:hover, a.rbutton:active, a.rbutton:visited,
a.rbutton { border: 0 !important; color: #ffffff; background: #666666; padding: 5px 15px 5px 15px; text-align: center; margin: 5px; text-decoration: none; display: inline-block; border-radius: 5px; }

.w30 { width: 100%; }
.w50 { width: 100%; }
.w100 { width: 100%; }

.onepage_page {
	width: 100%;
	/*min-height: 100vh;*/
}

a.minigallery {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}

/* RESPONSE */

@media screen and (max-width: 1000px){
    #hamburger { display: block; }
    div.inlineblock { padding: 10px; }
}

/*
-----------------------------
    TEMPLATE GENERIC
-----------------------------
*/
div#main { max-width: 1920px; margin: auto; }

div#head {
    background: #ffffff;
    overflow: hidden; zoom: 1;
    min-height: 100px;
    width: 100%;
    margin: auto;
}

div#headb {
    background: #ffffff;
    overflow: hidden; zoom: 1;
    min-height: 100px;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding: 0 15px 0 15px;
    display: flex; flex-flow: center; align-items: flex-start; align-content: flex-start;

}
#head_logo { background: transparent url('images/logo.png') center center no-repeat; width: 200px; height: 100px; background-size: contain; display: inline-block; margin-left: 5px; }
#head_menu { text-align: right; height: 100px; flex-grow: 1; }
div#head .menu0, div#head .menusel0 { color: #444444; display: inline-block; vertical-align: middle; padding: 10px 10px; margin-right: 5px; font-size: 16pt; height: 100%; line-height: 70px; }

#i_head { height: 400px; }
div#breadcrumbs { color: #666666; height: 20px; font-size: 9pt; line-height: 14pt; padding-left: 5px; }
div#breadcrumbs a { color: #666666; }

div.content  { width: 100%; background: #ffffff; text-align: left; max-width: 1000px; margin: auto; padding: 0 15px 0 15px; font-size: 15pt; }
div.contentb { padding: 30px; }

div.placeholder { height: 0px; font-size: 1px; clear: both; overflow: hidden; }

div#foot { clear: both; padding: 5px; }
div#foot a { color: #aaaaaa; }

.paralaximg { min-height: 100px; }

/* CONTENT */

div.col4321 { column-count: 4; column-gap: 20px; }
div.col321  { column-count: 3; column-gap: 20px; }
div.col21   { column-count: 2; column-gap: 20px; }
div.col4321 a,
div.col321  a,
div.col21   a { display: inline-block; break-inside: avoid; }


div.wfull  { left:0; right: 0; background: #ffffff; z-index: 5; }
div.wfullb { margin: auto; width: 100%; max-width: 1000px; padding: 10px; }

div.login { width: 100%; max-width: 500px; margin: auto; }
div.login .row { width: 100%; margin-bottom: 10px; display: flex; align-items: flex-start; }
div.login div.l { width: 40%; text-align: right; padding-right: 10px; }
div.login div.c { text-align: center; flex-grow: 1; }
div.login div.c .btn { margin: 10px auto 10px auto; }
div.login div.title { text-align: center; font-size: 25pt; padding-bottom: 10px; flex-grow: 1; }

.wfhh {
	left:0; right: 0; background: #ffffff; z-index: 5;
	display: flex;
	flex-wrap: wrap;
}

.wfhh_left {
	min-width: 150px;
	flex-grow: 1;
	width: 50%;
}

.wfhh_right {
	min-width: 150px;
	flex-grow: 1;
	width: 50%;
}


/* RESPONSE */
@media screen and (max-width: 1000px){
	#head_menu { display: none; }
    	div.contentb { padding: 20px; }
 	.paralaximg { height: 300px; }
}
@media screen and (max-width: 800px){
    div.contentb { padding: 10px; }
    .paralaximg { height: 200px; }
}




/*
-----------------------------
    TEMPLATE MODS
-----------------------------
*/
* { font-family: 'Poppins', sans-serif; }
body	{ background: ; }
div#headb,
div#head	{ background-color: ; }
div#foot	{ background: ; color: ; }
div#head .menu0		{ color:  !important; }
div#head .menusel,
div#head .menusel0	{ color:  !important; }
.expandblock_title	{ background-color: #8cb63c; }

a.button,a.button:hover,a.button:visited,a.button:active,
.btn:hover,.btn:active,.btn:visited,.btn { background-color: #8cb63c; }
.wfullbg1		{ background-color:  !important; }
.wfullbg2		{ background-color:  !important; }
.wfullbg3		{ background-color:  !important; }
.wfullbg4		{ background-color:  !important; }
.wfullbg5		{ background-color:  !important; }

div#headb {
    max-width: 100%;
}

div#breadcrumbs {
    display: none;
}

div.contentb{
    padding: 0 30px 0 30px;
}

div.wf1_main { background-image: url('content/3/3_14.jpg'); }
div.wf1 {
    background-size: cover;
    min-height: 50vh;
    background-attachment: fixed;
    }
    
div.wf1b {
    display: inline-block;
    /*border: 2px solid #ffffff;*/
    font-size: 40pt;
    color: #ffffff;
    font-weight: 300;
    padding: 20px 50px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    }

/*div.wf1k {
    background: rgba(0,0,0,0.4);
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    }*/
    
div.background {
    background: #E2E2E2;
    max-width: 100%;
}

#foot {
    background: #222222;
    color: #dddddd;
    position: absolute;
    left: 0;
    width: 100vw;
}

#foot a:hover,
#foot a:visited,
#foot a:active,
#foot a {
   color: #dddddd;
}

.langsel {
    color: #444444;
    position: absolute;
    right: 15px;
    top: 0;
}

.langsel a { color: #444444; }

.wfull  { 
    left:0; 
    right: 0; 
    background: #ffffff; 
    z-index: 5; 
}
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}