/* ========== DEFAULT & GENERAL =========== */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

.bg_background	 			{ background-color: #FFFFFF; }
.bg_accent1					{ background-color: #3D5B4E; color: #FFFFFF; }
.bg_accent2					{ background-color: #A83E3E; color: #FFFFFF; }
.bg_dark					{ background-color: #282828; color: #FFFFFF; }
.bg_middle					{ background-color: #9B9B9B; color: #282828; }
.bg_light					{ background-color: #F3F3F3; color: #282828; }

.fn_text					{ color: #000000; }
.fn_accent1					{ color: #3D5B4E; }
.fn_accent2					{ color: #A83E3E; }
.fn_dark					{ color: #282828; }
.fn_middle					{ color: #9B9B9B; }
.fn_light					{ color: #F3F3F3; }
.fn_on_accent1				{ color: #FFFFFF; }
.fn_on_accent2				{ color: #FFFFFF; }
.fn_error					{ color: #D30000; }								 
.fn_error_ok				{ color: #3D5B4E; }				   

.bu_hover:hover				{ opacity: 0.75; }

.fn_zero					{ font-size: 0px; }
.fn_size0					{ font-size: 0px; }
.fn_bold					{ font-weight: bold; }
.fn_nobold					{ font-weight: normal; }

.tx_left					{ text-align: left;}
.tx_right					{ text-align: right;}
.tx_center					{ text-align: center;}
.tx_justify					{ text-align: justify;}
.tx_uppercase				{ text-transform: uppercase; }
.tx_normalcase				{ text-transform: none; }

.bo_middle					{ border: 1px solid #9B9B9B; }
.bo_top_mid					{ border-top: 2px #3D5B4E solid; }
.bo_bottom_mid				{ border-bottom: 2px #3D5B4E solid; }
.bo_top						{ border-top: 5px #3D5B4E solid; }
.bo_bottom					{ border-bottom: 5px #3D5B4E solid; }

.scale_picture				{ transition: 0.2s; }
.scale_picture:hover		{ transform: scale(1.1); }


/* ========== LINKS =========== */

A 							{ text-decoration: none; color: #000000; }
A:hover						{ text-decoration: none; color: #3D5B4E; }
A.link_on_accent1			{ text-decoration: none; color: #FFFFFF; }
A.link_on_accent1:hover		{ text-decoration: none; color: #9B9B9B; }
.link						{ text-decoration: underline; color: #000000; }

/* ========== FRAMES & SPACES =========== */

.frame_null		 			{ padding: 0px;}
.frame_null_left 			{ padding-left: 0px;}
.frame_null_right 			{ padding-right: 0px;}
.frame_null_top 			{ padding-top: 0px;}
.frame_null_bottom			{ padding-bottom: 0px;}

.frame_2px		 			{ padding: 2px;}
.frame_2px_left 			{ padding-left: 2px;}
.frame_2px_right 			{ padding-right: 2px;}
.frame_2px_top 				{ padding-top: 2px;}
.frame_2px_bottom			{ padding-bottom: 2px;}

.frame_extrasmall 			{ padding: 5px;}
.frame_extrasmall_left 		{ padding-left: 5px;}
.frame_extrasmall_right 	{ padding-right: 5px;}
.frame_extrasmall_top 		{ padding-top: 5px;}
.frame_extrasmall_bottom	{ padding-bottom: 5px;}

.frame_small 				{ padding: 10px;}
.frame_small_left 			{ padding-left: 10px;}
.frame_small_right 			{ padding-right: 10px;}
.frame_small_top 			{ padding-top: 10px;}
.frame_small_bottom			{ padding-bottom: 10px;}

.frame_smallmedium 			{ padding: 15px;}
.frame_smallmedium_left 	{ padding-left: 15px;}
.frame_smallmedium_right	{ padding-right: 15px;}
.frame_smallmedium_top 		{ padding-top: 15px;}
.frame_smallmedium_bottom	{ padding-bottom: 15px;}

.frame_medium	 			{ padding: 20px;}
.frame_medium_left			{ padding-left: 20px;}
.frame_medium_right			{ padding-right: 20px;}
.frame_medium_top 			{ padding-top: 20px;}
.frame_medium_bottom		{ padding-bottom: 20px;}

.frame_big	 				{ padding: 30px;}
.frame_big_left 			{ padding-left: 30px;}
.frame_big_right 			{ padding-right: 30px;}
.frame_big_top 				{ padding-top: 30px;}
.frame_big_bottom			{ padding-bottom: 30px;}

.frame_big40	 			{ padding: 40px;}
.frame_big40_left 			{ padding-left: 40px;}
.frame_big40_right 			{ padding-right: 40px;}
.frame_big40_top 			{ padding-top: 40px;}
.frame_big40_bottom			{ padding-bottom: 40px;}
.frame_extrabig	 			{ padding: 60px;}
.frame_extrabig_left 		{ padding-left: 60px;}
.frame_extrabig_right 		{ padding-right: 60px;}
.frame_extrabig_top 		{ padding-top: 60px;}
.frame_extrabig_bottom		{ padding-bottom: 60px;}

.margin_null	 			{ margin: 0px;}
.margin_null_left 			{ margin-left: 0px;}
.margin_null_right 			{ margin-right: 0px;}
.margin_null_top 			{ margin-top: 0px;}
.margin_null_bottom			{ margin-bottom: 0px;}								

.margin_2px	 				{ margin: 2px;}
.margin_2px_left 			{ margin-left: 2px;}
.margin_2px_right 			{ margin-right: 2px;}
.margin_2px_top 			{ margin-top: 2px;}
.margin_2px_bottom			{ margin-bottom: 2px;}								

.margin_extrasmall 			{ margin: 5px;}
.margin_extrasmall_left 	{ margin-left: 5px;}
.margin_extrasmall_right 	{ margin-right: 5px;}
.margin_extrasmall_top 		{ margin-top: 5px;}
.margin_extrasmall_bottom	{ margin-bottom: 5px;}

.margin_small 				{ margin: 10px;}
.margin_small_left 			{ margin-left: 10px;}
.margin_small_right 		{ margin-right: 10px;}
.margin_small_top 			{ margin-top: 10px;}
.margin_small_bottom		{ margin-bottom: 10px;}

.margin_smallmedium 		{ margin: 15px;}
.margin_smallmedium_left	{ margin-left: 15px;}
.margin_smallmedium_right	{ margin-right: 15px;}
.margin_smallmedium_top 	{ margin-top: 15px;}
.margin_smallmedium_bottom	{ margin-bottom: 15px;}

.margin_medium	 			{ margin: 20px;}
.margin_medium_left			{ margin-left: 20px;}
.margin_medium_right 		{ margin-right: 20px;}
.margin_medium_top 			{ margin-top: 20px;}
.margin_medium_bottom		{ margin-bottom: 20px;}

.margin_big	 				{ margin: 30px;}
.margin_big_left 			{ margin-left: 30px;}
.margin_big_right 			{ margin-right: 30px;}
.margin_big_top 			{ margin-top: 30px;}
.margin_big_bottom			{ margin-bottom: 30px;}

.margin_big40 				{ margin: 40px;}
.margin_big40_left 			{ margin-left: 40px;}
.margin_big40_right 		{ margin-right: 40px;}
.margin_big40_top 			{ margin-top: 40px;}
.margin_big40_bottom		{ margin-bottom: 40px;}

.margin_extrabig	 		{ margin: 60px;}
.margin_extrabig_left 		{ margin-left: 60px;}
.margin_extrabig_right 		{ margin-right: 60px;}
.margin_extrabig_top 		{ margin-top: 60px;}
.margin_extrabig_bottom		{ margin-bottom: 60px;}

.wi_20px					{ width: 20px }
.wi_30px					{ width: 30px }
.wi_40px					{ width: 40px }
.wi_50px					{ width: 50px }
.wi_60px					{ width: 60px }

.wi_260px_mobile			{ width: 260px }
.wi_600px_mobile			{ width: 600px }

.hi_10px					{ height: 10px }
.hi_20px					{ height: 20px }
.hi_30px					{ height: 30px }
.hi_40px					{ height: 40px }
.hi_50px					{ height: 50px }
.hi_60px					{ height: 60px }
.hi_160px					{ height: 160px }

/* ========== POSITIONING =========== */

.fl_right					{ float: right; }
.fl_left					{ float: left; }
.nospace					{ font-size: 0px; }
.po_relative				{ position: relative }
.po_absolute				{ position: absolute }

.di_inline_block			{ display: inline-block; box-sizing: border-box; }
.di_block					{ display: block; box-sizing: border-box; }
.di_none					{ display: none; box-sizing: border-box; }
.di_table_cell				{ display: table-cell; box-sizing: border-box; }

.va_top						{ vertical-align: top; }
.va_bottom					{ vertical-align: bottom; }
.va_middle					{ vertical-align: middle; }
.va_absmiddle				{ vertical-align: absmiddle; }

.bg_img_normal				{ background-position: right bottom; center middle; background-size: 100% auto; }
.bg_img_sticky				{ background-attachment: fixed; background-position: right bottom; center middle; background-size: 100% 100%; }

/* ========== OPACITY =========== */

.op_0						{ opacity: 0; }
.op_10						{ opacity: 0.1; }
.op_20						{ opacity: 0.2; }
.op_30						{ opacity: 0.3; }
.op_40						{ opacity: 0.4; }
.op_50						{ opacity: 0.5; }
.op_60						{ opacity: 0.6; }
.op_70						{ opacity: 0.7; }
.op_80						{ opacity: 0.8; }
.op_90						{ opacity: 0.9; }
.op_100						{ opacity: 1; }

/* ========== OTHER =========== */

.cu_pointer					{ cursor: pointer; }
.cu_default					{ cursor: default; }
.worker						{ display: none; }
.availability_bullit		{ border-radius: 90% }


/* ========== COOKIE =========== */

#cookiebar
{
        color: #000000;
        background-color: #FFFFFF;
        position: fixed;
        bottom: 0px;
        width: 100%;
}

/* ========== INFOWINDOW =========== */

#fadeout
{
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #000000;
        width: 100%;
        height: 100%;
        z-index: 60001;
        opacity: 0.4;
}

#infowindow
{
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
		background-color: #3D5B4E;
		color: #FFFFFF;
		border: 0px solid #000000;
        width: 600px;
        padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
        z-index: 60001;
}

#infowindow #infocontent
{
        width: 600px;
        text-align: center;
		color: #FFFFFF;
}

#infowindowclose
{
        position: relative;
        float: right;
        left: +10px;
        top: -10px;
        cursor: pointer;
		z-index: 60002;
}