/*
-----------------------------
    FONT
-----------------------------
*/
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:300,400,700&subset=latin-ext');
* { font-family: 'Barlow Semi Condensed', sans-serif; }

/*
-----------------------------
    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; }
body.embed { 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, .content textarea { border: 1px solid #cccccc; font-size: 15pt; }
.btn { border: 0 !important; color: #ffffff; background: #446688; padding: 3px 10px 3px 10px; text-align: center; display: inline-block; margin: 5px; font-size: 15pt; }
.btn:hover,.btn:active,.btn:visited,
.btn { color: #ffffff; background: #446688; text-decoration: none; }
.txt { border: 1px solid #cccccc; background: #ffffff; color: #444444; padding: 3px; }
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, div.resetpassword { width: 100%; max-width: 500px; margin: auto; }
div.login .row, div.resetpassword .row { width: 100%; margin-bottom: 10px; margin-top: 10px; display: flex; align-items: flex-start; }
div.login div.l, div.resetpassword div.l { width: 40%; text-align: right; padding-right: 10px; }
div.login div.c, div.resetpassword div.c { text-align: center; flex-grow: 1; }
div.login div.f, div.resetpassword div.f { flex-grow: 1; }
div.login div.f input[type=text], div.resetpassword input[type=text] { width: 100%; }
div.login div.c .btn , div.resetpassword div.c .btn { margin: 10px auto 10px auto; }
div.login div.title , div.resetpassword 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
-----------------------------
*/
* {  }
body	{ background: #ffffff; }
div#headb,
div#head	{ background-color: #ffffff; }
div#foot	{ background: #ffffff; color: #ffffff; }
div#head .menu0		{ color: #444444 !important; }
div#head .menusel,
div#head .menusel0	{ color: #FF5E54 !important; }
.expandblock_title	{ background-color: #FF5E54; }

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

.csearch{ width: 75%; margin-left: auto; margin-right: auto; margin-top: 35px; }

.btn { padding: 10px 20px; }
.txt { border: 1px solid #aaaaaa; color: #444444; font-size: 15pt; padding: 4px; background: #ffffff; }
.csearch_q { margin: 10px 0; display: flex; }
.csearch_q .ff_row_input input { width: 100%; }
.csearch_q .ff_row_title { flex: 1 0 250px; max-width: 250px; }
.csearch_q .ff_row_input { flex: 1; }
.csearch_q .ff_row_input .btn { width: 200px; }
a.profile_head { display: block; padding: 10px; margin: 10px 0; font-size: 20pt; font-weight: bold; background: #dddddd; }
.f_info { padding: 10px; background: #ddffdd; color: #000000; text-align: left; margin: 10px 0; border-left: 10px solid #00aa00; }
.btngg { background: #888888 !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_1.jpg'); }
div.wf1 { background-size: cover; min-height: 60vh; background-attachment: fixed; }

div.wf1b {
    display: inline-block;
    font-size: 48pt;
    color: #ffffff;
    font-weight: 700;
    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; }
.container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; }
.item { flex-grow: 1;  }
.error { color: #aa0000; background: #ffeeee; padding: 10px; text-align: center; display: block; margin: 10px; }
.login input[type=text],
.login input[type=password] { width: 100%; }
div.contentb { padding-bottom: 50px; }
div#foot { position: absolute; left: 0; right: 0; text-align: right; padding-right: 20px; }

.infoblock { text-align: center; padding: 10px; background: #eeeeee; }

.eszaph {
    display: inline-block;
    width: 244px;
}
.esza {
    background: transparent url('content/3/3_7.png') center center no-repeat;
    background-size: contain;
    height: 171px;
    width: 244px;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 15;
}

@media screen and (max-width: 1280px){
    div#head .menu0, div#head .menusel0 {
        font-size: 14pt;
        margin-right: 0;
        padding: 10px 6px;
    }
    .eszaph {
        width: 180px;
    }
    .esza {
        height: 150px;
        width: 210px;
    }
}
@media screen and (max-width: 1020px){
    div#head .menu0, div#head .menusel0 {
        font-size: 12pt;
    }
}

@media screen and (max-height: 630px){
    div.wf1 { min-height: 300px; }
    div.wf1b { font-size: 30pt; }
}

@media screen and (max-width: 800px){
    div.wf1 { min-height: 300px; }
    div.wf1b { font-size: 30pt; }
}

@media screen and (max-width: 350px){
    div.wf1 { min-height: 300px; }
    div.wf1b { font-size: 20pt; }
}