/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* --------------- Skelleton ---------------------------------------------------------------------------------------------------------------------------------------- */
.mobile														{ display: block; }
.desktop														{ display: none; }

/* --------------- End Skelleton ------------------------------------------------------------------------------------------------------------------------------------ */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* --------------- MAIN --------------------------------------------------------------------------------------------------------------------------------------------- */
#node_tree													{ padding-bottom: 30px; }

/* --------------- MAIN: Flex Boxes --------------------------------------------------------------------------------------------------------------------------------- */
.flex_box_25												{ width:  48.388%; max-width: none; }
.flex_box_50												{ width:  100.00%; max-width: none; }
.flex_box_75												{ width:  100.00%; max-width: none; }

/* --------------- END MAIN ----------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------- FROM ----------------------------------------------------------------------------------------------------------------------------------------- */
/*.form_box input											{ width: 90%; }
div.form_submit											{ width: 90%; }*/

/* --------------- END FROM ----------------------------------------------------------------------------------------------------------------------------------------- */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* --------------- HEADER ------------------------------------------------------------------------------------------------------------------------------------------- */
header .flex_container.flex_container_center		{ justify-content: space-between; }
header nav													{ display: none; position: fixed; left: 0; top: 60px; right: 0; bottom: 0; background: rgba( 0,0,0,0.8 ); }
header nav ul li											{ display: block; }
header nav ul li a										{ display: block; padding: 30px; line-height: 50px; font-size: 30px; color: #ef7c00; }

#hamburger													{ width: 60px; height: 60px; background: url("/pages/img/svg/hamburger_black.svg") no-repeat center; background-size: 40px 40px; }
.open #hamburger											{ transform: rotate(90deg); }
.open header nav											{ display: block; }


header .flex_container .banner						{ left: 76px; right: 152px; }
/* --------------- END HEADER --------------------------------------------------------------------------------------------------------------------------------------- */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* --------------- FOOTER ------------------------------------------------------------------------------------------------------------------------------------------- */
/*footer .footer2											{ position: static; }*/
/* --------------- END FOOTER --------------------------------------------------------------------------------------------------------------------------------------- */