body 										{ margin:0px; padding:0px; font-family: 'Roboto Condensed'; }
#site										{ z-index:1; position:absolute; top:0px; left:0px; height:100%; width:100%; display:none; }
#dialog										{ z-index:222222; position:fixed; top:0px; left:0px; height:100%; width:100%; background:rgba(255,255,255,0.7); display:none;}

/* ---------------------------------------- GLOBALS */
.flex 										{ display:flex; justify-content:center; align-items:center; }
.flex_wrap									{ display:flex; justify-content:center; align-items:center; flex-wrap: wrap; }
.flex_space									{ display:flex; justify-content:space-around; align-items:center; flex-wrap: wrap; }
.box_w100									{ position:relative; width:100%; height:auto; overflow:hidden; }
.img_box									{ width:100%; height:60vh; z-index:0; align-items:center; } 
.img										{ width:100%; height:auto; min-width:1500px; vertical-align:bottom; }
.liner										{ width:100%; height:1px; background:#000;}
.layer										{ z-index:1000; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; background:rgba( 0, 0, 0, 0.2 );}
.gbl_trns									{ transition:0.5s; }
.glb_pointerOff								{ pointer-events:none; }
.glb_pointerOn								{ pointer-events:auto; }
.gbl_noselect								{ user-select:none; }
.gbl_btn									{ cursor:hand; cursor:pointer;}
/* ---------------------------------------- LOGO */
.logo_box									{ z-index:500; width:200px; padding:10px; color:#fff; display:flex; justify-content:center; align-items:center; border: 10px solid rgba(256,256,256,0.1); box-shadow: 0 0 100px 5px #000; text-shadow: 0 0 10px #aaa;}
.logo_text									{ font-size:46px; line-height:50px; color:rgba( 255, 255, 255, 0.8); }
.logo_line									{ width:100%; height:1px; background:rgba( 255, 255, 255, 0.8); margin: 10px 0 10px 0; }
.logo_subline								{ font-size:23px; line-height:27px; color:rgba( 255, 255, 255, 0.8); }
.logo_subline2								{ font-size:15px; line-height:27px; color:rgba( 255, 255, 255, 0.8); }
/* ---------------------------------------- EARTH  */
#particles-js								{ position:absolute; top:0px; left:0px; width:100%; height:100%; }
.typo_txt_poetry							{ font-size:26px; padding:10px; color:#fff; text-shadow: 0 0 15px #aaa; box-shadow: 0 0 100px 3px #000; text-shadow: 0 0 10px #aaa; border: 10px solid rgba(256,256,256,0.1);}
/* ---------------------------------------- CLOUDS */
.hClouds									{ height:460px;}
.typo_xl									{ font-size:41px; }
.typo_m_black								{ font-size:15px; line-height:27px; color:rgba( 0, 0, 0, 0.8);}
#clouds										{ z-index:300; width:100%; height:100%; }
/* ---------------------------------------- FOOTER */
.footer_box									{ width:100%; z-index:10; height:50px; background:#333; box-shadow: inset 0px 6px 5px -5px black; }
.footer_box_inner							{ width:100%; max-width:600px; }
.footer_text								{ font-size:13px; color:#000;}
.footer_link								{ font-size:13px; color:#111;}
.footer_link:hover							{ color:#fff;}
.footer_link:active							{ transition:0s;}
/* ---------------------------------------- TEXTLAYER */
.dg_box										{ background:#fff; padding:20px; max-width:800px;  color:#333; box-shadow: 0 0 5px 1px #aaa; display:none;}
.dg_title									{ width:100%; font-Size:21px; text-align:center; line-height:28px;}
.dg_text_center								{ width:100%; font-Size:15px; text-align:center; line-height:23px;}
.dg_text_scroll							{ width:100%; font-Size:15px; text-align:center; overflow-y:auto; max-height:600px;}
.dg_liner									{ width:100%; height:1px; background:#ccc; margin: 10px 0 10px 0; }
.dg_btn										{ width:100%; background:#333; color:#aaa; padding:10px 0 10px 0; font-Size:12px; text-align:center; margin-top:20px;}
.dg_btn:hover								{ background:#aaa; color:#fff;}
.dg_btn:active								{ transition:0s;}
.w300										{ width:300px; }
/* ---------------------------------------- PRELOADER BAR */
#preloader_04								{ position:absolute; height:100%; width:100%; display:flex; align-items:center; justify-content:center; transition:0.2s;}
#preloader_box_04							{ width:200px; height:12px; background:#aaa; text-align:center; display:none;}
#preloader_bar_04 							{ width:0px; height:100%; background:#000; }
/* ---------------------------------------- FONTS*/
.roboto										{ font-family: 'Roboto Condensed'; }
@font-face {								font-family: 'Roboto Condensed'; font-style:normal; font-weight:600;
											src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
											url('../gfx/fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'),
											url('../gfx/fonts/roboto-condensed-v16-latin-regular.woff') format('woff');}





.img_main_box								{ width:100%; z-index:10; overflow:hidden; height:80vh; }


.img_full_box								{ position:relative; width:100%; z-index:10; overflow:hidden;}
.img_full_box_overlay						{ position:absolute; top:0px; width:100%; height:100%; pointer-events: none;}
.gbl_imgFull								{ width: 100%; height:auto; vertical-align:bottom; min-width:800px; background:#f00; pointer-events:auto;}
.particles-js								{ pointer-events:auto; }
.vh80										{ height:80vh;}


/* ---------------------------------------- HEAD */
.head_menu_line								{ position:absolute; width:100%; z-index:100; background:rgba( 255, 255, 255, 0.7 ); box-shadow: 0 1px 3px 0px #000a;}
.head_menu_box								{ max-width:1200px; width:100%;  }
.head_menu_logo								{ font-size:30px; min-width:100px; margin-right:auto;  text-align:center; }
.head_menu_elem								{ font-size:15px;  color:#000; text-align:center; line-height:50px; padding:0 30px 0 30px;}
.head_menu_elem:hover						{ color:#fff;  background:rgba( 255, 255, 255, 0.2 );}
.head_menu_elem:active						{ transition:0s;}
/* ---------------------------------------- CONTENT background: linear-gradient(135deg, #aaa 0%,#eee 40%,#eee 60%,#aaa 100%); */
.content									{ width:100%; position:relative}
.txt_box_full								{ width:100%; z-index:30; overflow:hidden;  box-shadow: 0 0 4px 0 #000;  opacity:0.3;}
.txt_box2									{ max-width:1000px; width:100%; padding:10px; margin: 0px 0 20px 0;}
.txt_headline								{ width:100%; font-size:45px; line-height: 270px; color:#333;}
.txt_three_colums_box						{ width:100%;}
.txt_column_title							{ width:100%; font-size:21px; line-height:50px; font-family: 'Averia Serif Libre';}
.txt_column_box								{ flex-grow: 1;  width:calc(33% - 10px); min-width:300px; font-size:15px; line-height:17px; margin:5px; text-align:justify; font-family: 'Averia Serif Libre';}

.typo_overlay_xl							{ font-size:31px;  border:solid 2px #000; color:#000; opacity:0.7; padding:10px; }
.ig2										(margin-top:-100px;)


/* ---------------------------------------- SPECIFIC  STYLES */
.red_transparent							{ color: rgba( 255, 0, 0, 0.7 );} 
/* ---------------------------------------- FOOTER */
.footer_box2									{ bottom:0px; width:100%; z-index:30; overflow:hidden; height:30px; background: linear-gradient(135deg, #666 0%,#888 40%,#888 60%,#666 100%); box-shadow: 0 0 4px 0 #000; }
/* ---------------------------------------- GLOBALS */
.flex_nowrap 								{ display:flex; justify-content:center; align-items:center;}

.w100										{ width:100%;}
.gbl_btnHover								{ cursor:hand; cursor:pointer; }

.gbl_cto									{ display:none; }


.box 										{ position:relative; flex-grow:1; min-width:320px; }


.content_1									{ height:500px; }


.test2										{ position:absolute; bottom:0px; width:100%; z-index:115; height:3px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);}


















#site_container					{ z-index:1; position:absolute; top:0px; left:0px; height:100%; width:100%; background:#fff; display:none; transition:0.3s;}
#head							{ z-index:2; top:0px; left:0px; width:100%; min-width:320px;}
#head_resp						{ z-index:3; position:fixed; top:70px; left:0px; width:100%; bottom:0; background:rgba(235,235,235,0.5);  box-shadow: 0 1px 3px 0px #aaa; min-width:320px; transition:0.3s; }
#dialog2							{ z-index:4; position:fixed; top:0px; left:0px; height:100%; width:100%; background:rgba(0,0,0,0.7); display:flex; align-items:center; justify-content:center; display:none;}
#dialog_box						{ z-index:5; top:0px; left:0px; height:100%; width:100%; display:flex; align-items:center; justify-content:center; }
#loading						{ z-index:6; position:absolute; top:0px; left:0px; height:100%; width:100%; display:flex; align-items:center; justify-content:center; pointer-events:none;}
#console						{ z-index:1000; position:fixed; top:0px; left:0px; background:rgba(225,225,225,0.75); font-size:11px; color:#000;}

/* --------------------------- RESPONSIVE MENU */
#head_elem_resp					{ font-size:30px; display:none;}
.resp_box_menu_elem				{ font-size:14px; padding: 1% 10px 1% 10px; cursor:hand; cursor:pointer; transition:0.3s; color:#aaa; line-height:50px; }
.resp_box_menu_elem:hover		{ color:#000;}
.resp_box_menu_elem:active		{ transition:0s;}
/* ---------------------------------------- CONTENT */

.cto_elem									{ margin-top:20px; max-width:1200px; }

.flex_nowrap 								{ display:flex; justify-content:center; align-items:center;}
.box_noClick								{ position:relative; flex-grow:1; min-width:320px; }
.box 										{ position:relative; flex-grow:1; min-width:320px; }
.box:hover									{ transform: scale(1.009); cursor:hand; cursor:pointer; box-shadow:0 2px 5px 0px #666; }
.box:hover .img_txtbox_2					{ background:#000; color:#fff; opacity:1; }
.box:hover .img_txtbox_4					{ background:#000; color:#fff; opacity:1; }
.w100flex									{ width:100%; margin:0 0 20px 0;}
.w050flex_l									{ width:calc(50% - 20px);  margin:0 10px 20px 0;}
.w050flex_r									{ width:calc(50% - 20px);  margin:0 0 20px 10px;}
.img1										{ width: 100%; height:auto; vertical-align:bottom; z-index:10; }
.img_overlayBox								{ position: absolute;left: 0px; top: 0px; right:0px; bottom:0px; transition:0.5s; box-shadow: inset 0 0 0 5px rgba(255,255,255,0.5); }
.img_txtbox_1								{ position:absolute; background:rgba(245,245,245,0.5); top:10px; left:10px; padding:10px 30px 10px 10px; font-size:40px; border-radius: 0 0  30px 0; }
.img_txtbox_2								{ position:absolute; background:rgba(245,245,245,0.5); bottom:10px; right:10px; padding:10px 10px 10px 30px; font-size:17px; cursor:hand; cursor:pointer; border-radius: 30px 0 0 0; opacity:0.5;}
.img_txtbox_2:hover							{ background:#000; color:#fff;}
.img_txtbox_2:active						{ transition:0s;}
.img_txtbox_3								{ position:absolute; background:rgba(245,245,245,0.5); top:5px; left:5px; padding:10px 30px 10px 10px; font-size:20px; border-radius: 0 0  30px 0; }
.img_txtbox_4								{ position:absolute; background:rgba(245,245,245,0.5); bottom:10px; right:10px; padding:7px 7px 7px 20px; font-size:14px; cursor:hand; cursor:pointer; border-radius: 20px 0 0 0; opacity:0.5 }
@media only screen and (max-width: 660px) 	{ 
											.head_box_menu_elem	{ font-size:13px; }
											.w050flex_l 		{ width:100%;  margin:0 0 20px 0; } 
											.w050flex_r 		{ width:100%;  margin:0 0 20px 0; }
											.img_txtbox_1		{ padding:5px 15px 5px 5px; font-size:21px; }
											.img_txtbox_2		{ padding:5px 5px 5px 15px; font-size:13px; }
											.img_txtbox_3		{ padding:5px 15px 5px 5px; font-size:15px; }
											.img_txtbox_4		{ padding:5px 5px 5px 15px; font-size:13px; }
											}
/* ---------------------------------------- TYPOS*/
.typo_topnav								{ font-size:12px; line-height:30px; color:#666; }
.typo_toplogo								{ font-size:40px;}
.typo_logo_subtxt							{ font-size:11px; color:#aaa; }
.typo_headline								{ font-size:27px; line-height:100px; text-align:center; }
.typo_std									{ font-size:13px; }
@media only screen and (max-width: 660px) 	{ 
											.typo_toplogo		{ font-size:30px; line-height:60px;}
											.typo_headline		{ font-size:25px; line-height:50px;}
											}

											
.gbl_flex_space_around			{ display:flex; align-items:center; justify-content:space-around; width:100%; }											
											
											
											
											
											
											
											
											
.averia										{ font-family: 'Averia Serif Libre'; }
@font-face {
	font-family: 'Averia Serif Libre'; font-style:normal; font-weight:400;
	src: local('Averia Serif Libre Regular'), local('AveriaSerifLibre-Regular'),
	url('../gfx/fonts/averia-serif-libre-v7-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../gfx/fonts/averia-serif-libre-v7-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
.vintage									{ font-family: 'Vintage decorative'; }
@font-face {
	font-family: 'Vintage decorative'; font-style:normal; font-weight:400;
	src: local('Averia Serif Libre Regular'), local('AveriaSerifLibre-Regular'),
	url('../gfx/fonts/vintage_decorative_signs_02-webfont.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../gfx/fonts/vintage_decorative_signs_02-webfont.woff2') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}







/* --------------------------- LOADING ANIMATION */
#pre							{ position:absolute; top:calc(50% - 15px); left:calc(50% - 15px); opacity:0.75; width:30px; height:30px; background:#fff; border-radius:10px; border-top:30px solid rgba(0,0,0, 0);
								  border-bottom:30px solid rgba(0,0,0, 0); border-left:10px solid transparent; border-right:10px solid transparent; border-radius:50px; animation: preloader_5 1.5s infinite linear; display:none;}
@keyframes preloader_5 			{ 0% {transform: rotate(0deg);} 50% {transform: rotate(180deg);background:rgba(256,256,256,1);} 100% {transform: rotate(360deg);}}
@keyframes preloader_5_after    { 0% {border-top:10px solid rgba(256,256,256,1);border-bottom:10px solid rgba(256,256,256,1);} 50% {border-top:10px solid solid rgba(256,256,256,1);border-bottom:10px solid rgba(256,256,256,1);}
								  100% {border-top:10px solid rgba(256,256,256,1);border-bottom:10px solid rgba(256,256,256,1);}}