/*
-----------------------------
    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; 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
-----------------------------
*/
* { font-family: 'Exo', sans-serif; }
body	{ background: ; }
div#headb,
div#head	{ background-color: ; }
div#foot	{ background: ; color: ; }
div#head .menu0		{ color: #8EC08E !important; }
div#head .menusel,
div#head .menusel0	{ color: #C3013B !important; }
.expandblock_title	{ background-color: #C3013B; }

a.button,a.button:hover,a.button:visited,a.button:active,
.btn:hover,.btn:active,.btn:visited,.btn { background-color: #C3013B; }
.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.wfull {
    max-width: 1920px;
    margin: auto;
}

div#foot {
   padding: 0;
   background: #373737;
   position: absolute;
    left:0;
    right:0;
    font-size: 10pt;
    max-width: 1920px;
    margin: auto;
}

div#head .blokk {
    position: absolute;
    top: 0;
    right: 0;
    width: 352px;
    height: 245px;
    display: block;
    background: transparent url(content/4/4_6.png)center center no-repeat;
    font-size: 0;
    overflow: hidden;
    text-indent: 500px;
    z-index: 100;
}

@media screen and (max-width: 1920px) {
    #head_menu {
        /*padding-right: calc(1920px - 100vw);*/
        padding-right: 350px;
    }
}