/*
@font-face { font-family: Montserrat; font-weight: normal; font-style: normal; font-display: swap;  unicode-range: U+000-5FF; 
	src: url('/assets/css/fonts/Montserrat-woff/Montserrat-Regular.woff2') format('woff2'), 
	url('/assets/css/fonts/Montserrat-woff/Montserrat-Regular.woff') format('woff');
}

@font-face { font-family: Montserrat; font-weight: lighter; font-style: normal; font-display: swap;  unicode-range: U+000-5FF; 
	src: url('/assets/css/fonts/Montserrat-woff/Montserrat-Light.woff2') format('woff2'), 
	url('/assets/css/fonts/Montserrat-woff/Montserrat-Light.woff') format('woff');
}

@font-face { font-family: Montserrat; font-weight: bold; font-style: normal; font-display: swap;  unicode-range: U+000-5FF; 
	src: url('/assets/css/fonts/Montserrat-woff/Montserrat-Bold.woff2') format('woff2'), 
	url('/assets/css/fonts/Montserrat-woff/Montserrat-Bold.woff') format('woff');
}
*/

*{
	margin: 0px;
	border: 0px;
	padding: 0px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

html, body{
	margin: auto;
	
	width: 100%;
	height: 100%;

	min-width: 320px !important;
	max-width: 1920px !important;

	/*background: #f1f1f1;*/ /* #f2f4f9 */

	background-image: linear-gradient(#f1f1f1, #f1f1f1); background-color: #000000;
}

h1, h2,
p, b, i, u, s, a, li, pre, span, input, textarea, select{
	color: #212529;
	font-size: 16px;
	font-family: Arial; /* font-family: Montserrat, Arial; */
	font-weight: normal;

	text-decoration: none;
}

a:visited, a:active{ color: #333333; }
h1, h2{ display: none; }

.outer_section{
	margin: auto;
	width: 100%;
	height: auto;
}

.outer_section .inner_section{
	margin: auto;
	width: 100%;
	max-width: 85%;
	height: auto;
}

.outer_section .inner_section .section_container{
	margin: auto;
	width: 100%;
	height: auto;
}

.section_table{
	margin: auto;
	width: 100%;
	height: auto;

	display: table;
	border-collapse: collapse;
}

.section_table.st_fixed{ table-layout: fixed; }
.section_table.st_full{ height: 100%; }

.section_table .section_row{ display: table-row; }
.section_table .section_cell{ display: table-cell; vertical-align: middle; }

.section_table .section_cell.sc_ta_left, 	.ta_left{ 	text-align: left; }
.section_table .section_cell.sc_ta_center, 	.ta_center{ text-align: center; }
.section_table .section_cell.sc_ta_right, 	.ta_right{ 	text-align: right; }
.section_table .section_cell.sc_va_top, 	.va_top{ 	vertical-align: top; }
.section_table .section_cell.sc_va_middle, 	.va_middle{ vertical-align: middle; }
.section_table .section_cell.sc_va_bottom, 	.va_bottom{ vertical-align: bottom; }

.section_table .section_cell.st_content{ /*padding-top: 62px;*/ height: 100%; }

/* ---------------------------------------------------- */ /* duagibak div */
.box_filter{
	width: 100%;
	height: 100%;

	background-color: rgba(1,1,1, 0.5);

	position: absolute;
	top: 0px;
	left: 0px;
}

.bg_main{ background: #92bb44; }
.bg_main.bg_hover:hover{ background: #92bb44; }
.cl_main, .cl_main:visited, .cl_main:active{ color: #92bb44; }

.bg_secondary{ background: #6d2818; }
.bg_secondary.bg_hover:hover{ background: #6d2818; }
.cl_secondary, .cl_secondary:visited, .cl_secondary:active{ color: #6d2818; }

.bg_elements{ background: #212529; }
.bg_elements.bg_hover:hover{ background: #212529; }
.cl_elements, .cl_elements:visited, .cl_elements:active{ color: #212529; }

.bg_white{ background: #ffffff; }
.bg_white.bg_hover:hover{ background: #ffffff; }
.cl_white, .cl_white:visited, .cl_white:active{ color: #ffffff; }

.bg_lighter_grey{ background: #e0e0e0; }
.bg_lighter_grey.bg_hover:hover{ background: #e0e0e0; }
.cl_lighter_grey, .cl_lighter_grey:visited, .cl_lighter_grey:active{ color: #e0e0e0; }

.bg_green{ background: #3dbd83; }
.bg_green.bg_hover:hover{ background: #3dbd83; }
.cl_green, .cl_green:visited, .cl_green:active{ color: #3dbd83; }

.bg_blue{ background: #1b4aa6; }
.bg_blue.bg_hover:hover{ background: #1b4aa6; }
.cl_blue, .cl_blue:visited, .cl_blue:active{ color: #1b4aa6; }

.cl_black, .cl_black:visited, .cl_black:active{ 						color: #000000; }
.cl_grey, .cl_grey:visited, .cl_grey:active{ 							color: #737373; }
.cl_light_grey, .cl_light_grey:visited, .cl_light_grey:active{ 			color: #c3c3c3; }
.cl_yellow, .cl_yellow:visited, .cl_yellow:active{ 						color: #f5de3f; }
.cl_red, .cl_red:visited, .cl_red:active{ 								color: #ff5f5f; }

.bg_ok{ background: #fd3b8c; }
.bg_attention{ background: #ff5f5f; }

/* ---------------------------------------------------- */ /* header */
#header{}

/* ---------------------------------------------------- */ /* footer */
#footer img{
	margin: 0px 0px 30px 0px;
	
	width: 100%;
	max-width: 100px;
	height: auto;
}