@font-face { font-family: 'roboto'; 		font-weight: 300; font-style: normal; src: url('../font/roboto-light-webfont.woff2') format('woff2'),			url('../font/roboto-light-webfont.woff') format('woff'),		url('../font/roboto-light-webfont.ttf') format('truetype'),			url('../font/roboto-light-webfont.svg#robotolight') format('svg'); }
@font-face { font-family: 'roboto'; 		font-weight: 400; font-style: normal; src: url('../font/roboto-regular-webfont.woff2') format('woff2'),			url('../font/roboto-regular-webfont.woff') format('woff'),		url('../font/roboto-regular-webfont.ttf') format('truetype'),		url('../font/roboto-regular-webfont.svg#robotoregular') format('svg'); }
@font-face { font-family: 'roboto'; 		font-weight: 500; font-style: normal; src: url('../font/roboto-medium-webfont.woff2') format('woff2'),			url('../font/roboto-medium-webfont.woff') format('woff'),		url('../font/roboto-medium-webfont.ttf') format('truetype'),		url('../font/roboto-medium-webfont.svg#robotomedium') format('svg'); }
@font-face { font-family: 'roboto'; 		font-weight: 700; font-style: normal; src: url('../font/roboto-bold-webfont.woff2') format('woff2'),			url('../font/roboto-bold-webfont.woff') format('woff'),			url('../font/roboto-bold-webfont.ttf') format('truetype'),			url('../font/roboto-bold-webfont.svg#robotobold') format('svg'); }
@font-face { font-family: 'roboto_slab';	font-weight: 400; font-style: normal; src: url('../font/robotoslab-regular-webfont.woff2') format('woff2'),		url('../font/robotoslab-regular-webfont.woff') format('woff'),	url('../font/robotoslab-regular-webfont.ttf') format('truetype'),	url('../font/robotoslab-regular-webfont.svg#robotoslabregular') format('svg'); }
@font-face { font-family: 'roboto_slab';	font-weight: 700; font-style: normal; src: url('../font/robotoslab-bold-webfont.woff2') format('woff2'),		url('../font/robotoslab-bold-webfont.woff') format('woff'),		url('../font/robotoslab-bold-webfont.ttf') format('truetype'),		url('../font/robotoslab-bold-webfont.svg#robotoslabbold') format('svg'); }


:root {
  --white:		#ffffff;
  --white2:		#f4f3ea;/* #f8f8f8 */
  --light:		#f4f3ea;/* #f5f4eb #e5f8fc */
  --light2:		#f4f3ea;/* #d1f7f3 */
  --light3:		#f4f3ea;/* #fff1e6 */
  
  --brown1:		#aea178;
  
  --gray:		#b4b4b4;
  --gray2:		#d8d8d8;
  --black:		#000000;
  --blue1:		#c8bb8f;/* #cfbd8e #01cbd5 #00bce5 */
  --blue2:		#c8bb8f;/* #ded1b1 #008d98 */
  --pink:		#eb5200;/* #ff7084 */
  --orange:		#eb5200;/* #ff7000 */
  --orange2:	#eb5200;/* #ff9b26 */
  --line:		#c8bb8f;/* #c5d3d6 */
  --positive:	#c8bb8f;/* #95be3c */
  --negative:	#eb5200;/* #ff4613 */
  --warning:	#ff7d37;/* #ffaa13 */
  --disabled:	#f4f3ea;/* #eef3f6 */
  --green-sea:	#00d0da;/* #00d0da #00dad2 */
  
}


* 		{ margin:0px; padding:0px; border:0px; outline-style: none; vertical-align:top; }
*:focus { outline:none; }
html	{ scroll-behavior: smooth; font-family:'roboto', Arial, Helvetica, sans-serif; font-size:1.25vw; line-height:1.2em; font-weight:400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background:var(--body); color:var(--black); }
html	{ min-height:100vh; overflow:hidden; overflow-x:hidden; overflow-y:auto; width:100vw; }
html.jump { scroll-behavior:auto; }

.fl 	{ float:left  !important; }		.tar	{ text-align:right   !important; }		.vat	{ vertical-align:top    !important; }
.fr 	{ float:right !important; }		.tac	{ text-align:center  !important; }		.vam	{ vertical-align:middle !important; }
.cb 	{ clear:both  !important; }		.taj	{ text-align:justify !important; }		.vab	{ vertical-align:bottom !important; }
.cl 	{ clear:left  !important; }		.tal	{ text-align:left    !important; }
.cr 	{ clear:right !important; }

.hidden, #email { display:none !important; }

h1,h2,h3,h4,h5,h6 { font-family:'roboto_slab'; font-weight:bold; color:inherit; margin:0 0 1em 0; padding:0; }
h1		{ font-size: 2.000rem; line-height:1.2em; }
h2		{ font-size: 2.000rem; line-height:1.2em; }
h3		{ font-size: 1.666rem; line-height:1.2em; }
h4		{ font-size: 1.400rem; line-height:1.4em; font-weight:bold; }
h5		{ font-size: 1.100rem; line-height:1.2em; margin-bottom:0.5rem; }
h6		{ font-size: 0.750rem; line-height:1.2em; margin-bottom:0.25rem; color:var(--black); }

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a,
p > a { color:var(--blue2); transition:color 0.3s; }
h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
h5 > a:hover,
h6 > a:hover,
p > a:hover { color:var(--blue1); }



a 			{ color:inherit; text-decoration:none; }
a:hover 	{ color:inherit; text-decoration:underline; } 
a[name]:empty { display:block; height:0; position:absolute; margin-top:-3rem; }


p 			{ margin:0 0 1rem 0; line-height:1.5em; }
p > a 		{ text-decoration:underline;  }
p:empty		{ display:none !important; }
hr 			{ display:block; width:100%; height:0; margin:1rem 0 1rem; border-bottom:1px solid var(--line); }
mark		{ display:inline-block; line-height:1.5rem; height:1.5rem; padding:0 1rem; font-size:0.75rem; border-radius:0.75rem; white-space:nowrap; background:var(--black); color:#fff; }
mark.warning	{ background-color:var(--warning); }
mark.positive	{ background-color:var(--positive); }
mark.negative	{ background-color:var(--negative); }

ul { display:block; padding:0; }
ul > li { display:block; padding-left:1rem; position:relative; margin-bottom:1rem; font-size:1.125rem; line-height:1.66rem; }
ul > li:before { content:''; display:block; position:absolute; left:0; top:0.5rem; width:0.4rem; height:0.4rem; border-radius:1rem; background:var(--blue2); }


table td {  padding:0 15px 10px; }
table td:first-child { padding-left:0; }
table td:last-child { padding-right:0; }
table td.null { color:#999; }


#body .wrapper { width:calc(100vw - 6rem); margin:0 auto; /*max-width:70rem;*/ }
#body .wrapper_auto { max-width:max-content; }

#body label,
#body input,
#body textarea,
#body select		{ display:inline-block; font-family: inherit; font-size:inherit; color:var(--text); background:var(--white); border:1px solid var(--blue1); height:3rem; padding:0 1rem; width:calc(100% - 2rem); line-height:3rem;  border-radius:0; margin:0 0 1.5rem; }
#body textarea		{ min-height:3rem; resize:vertical; }
#body label			{ width:100%; border:none; padding:1px 0; background:none; font-weight:normal; margin-left:0; }
#body select		{ padding:0 3rem 0 0; width:calc(100% - 3rem); text-indent:0.5rem; cursor:pointer; -webkit-appearance: none; appearance: none; box-sizing: content-box; text-overflow:ellipsis; }
#body select		{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path fill='rgb(  0,188,229)' d='m11.3 3.3c0.4 0.4 0.4 1 0 1.4l-4.6 4.6c-0.4 0.4-1 0.4-1.4 0l-4.6-4.6c-0.4-0.4-0.4-1 0-1.4 0.4-0.4 1-0.4 1.4 0l3.9 3.9 3.9-3.9c0.4-0.4 1-0.4 1.4 0z'/></svg>"); background-size:1rem 1rem; background-position:right 1rem top 1rem; background-repeat:no-repeat; }
#body select:hover	{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path fill='rgb(  0,  0,  0)' d='m11.3 3.3c0.4 0.4 0.4 1 0 1.4l-4.6 4.6c-0.4 0.4-1 0.4-1.4 0l-4.6-4.6c-0.4-0.4-0.4-1 0-1.4 0.4-0.4 1-0.4 1.4 0l3.9 3.9 3.9-3.9c0.4-0.4 1-0.4 1.4 0z'/></svg>"); background-size:1rem 1rem; background-position:right 1rem top 1rem; background-repeat:no-repeat; }
#body select::-ms-expand { display: none; }
#body select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--blue1); }
#body select::-moz-focus-inner { border:0; }
option { font-weight: normal; line-height:2em; }
option:not(:checked) { color: black; }


#body input[type="checkbox"], 						#body input[type="radio"]							{ display:none; }
#body input[type="checkbox"] + label, 				#body input[type="radio"] + label					{ position:relative; padding:0 0 0 1.5rem; min-height:1.33rem; height:auto; display:inline-block; width:auto; margin:0 0 0.5rem 0; line-height:1.33rem; font-size:inherit; cursor:pointer; text-align:left; margin-bottom:0; }
#body input[type="checkbox"] + label:before, 		#body input[type="radio"] + label:before,
#body input[type="checkbox"] + label:after,			#body input[type="radio"] + label:after				{ content:""; display:block; position:absolute; left:0; top:0; width:1rem; height:1rem; color:var(--blue1); font-family:'icomoon'; line-height:1.1rem; opacity:0; transition:opacity 0.3s, color 0.3s; font-style:normal !important; }
#body input[type="checkbox"]:hover + label:before,	#body input[type="radio"]:hover + label:before		{ color:var(--blue1); }
#body input[type="checkbox"] + label:before,		#body input[type="radio"] + label:before 			{ opacity:1; }
#body input[type="checkbox"]:checked + label:after,	#body input[type="radio"]:checked + label:after 	{ opacity:1; }
#body input[type="checkbox"] + label:before 	{ content:"\2610"; }
#body input[type="checkbox"] + label:after 		{ content:"\2611"; color:var(--blue1); }
#body input[type="radio"] + label:before 		{ content:"\25cb"; }
#body input[type="radio"] + label:after 		{ content:"\25c9"; color:var(--blue1); }



#body input + input,
#body .button + .button,
#body .button + input, 
#body input + .button,
#body input[type="checkbox"] + label + input[type="checkbox"] + label,
#body input[type="radio"] + label + input[type="radio"] + label { margin-left:2rem; }

#body input[type="date"] 		{ width:9em; padding-right:3em; cursor:pointer; }
#body input[type="date"]		{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='20'><path fill='rgb(149,190,60)' fill-rule='evenodd' d='m18 4v14c0 1.1-0.9 2-2 2h-14c-1.1 0-2-0.9-2-2v-14c0-1.1 0.9-2 2-2h1v-2h2v2h8v-2h2v2h1c1.1 0 2 0.9 2 2zm-2 3h-14v11h14zm-2 4h-2v-2h2zm-8 0h-2v-2h2zm4 0h-2v-2h2z'/></svg>"); background-size:1rem 1rem; background-position:right 1rem top 1rem; background-repeat:no-repeat; }
#body input[type="date"]:hover	{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='20'><path fill='rgb(  0, 80,97)' fill-rule='evenodd' d='m18 4v14c0 1.1-0.9 2-2 2h-14c-1.1 0-2-0.9-2-2v-14c0-1.1 0.9-2 2-2h1v-2h2v2h8v-2h2v2h1c1.1 0 2 0.9 2 2zm-2 3h-14v11h14zm-2 4h-2v-2h2zm-8 0h-2v-2h2zm4 0h-2v-2h2z'/></svg>"); background-size:1rem 1rem; background-position:right 1rem top 1rem; background-repeat:no-repeat; }

#body input[list] 				{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18'><path fill='rgb(149,190,60)' fill-rule='evenodd' d='m16.7 15.3c0.4 0.4 0.4 1 0 1.4-0.4 0.5-1 0.5-1.5 0l-4.2-4.2v-0.8l-0.3-0.3c-1.4 1.2-3.3 1.8-5.3 1.5-2.8-0.5-5-2.8-5.4-5.6-0.5-4.2 3.1-7.8 7.3-7.3 2.8 0.4 5.1 2.6 5.6 5.4 0.3 2-0.3 3.9-1.5 5.3l0.3 0.3h0.8zm-5.7-8.8c0-2.5-2.1-4.5-4.5-4.5-2.5 0-4.5 2-4.5 4.5 0 2.5 2 4.5 4.5 4.5 2.4 0 4.5-2 4.5-4.5z'/></svg>"); background-size:1rem 1rem; background-position:right 0.25rem top 50%; background-repeat:no-repeat; }
#body input[list]:hover 		{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18'><path fill='rgb(  0, 80,97)' fill-rule='evenodd' d='m16.7 15.3c0.4 0.4 0.4 1 0 1.4-0.4 0.5-1 0.5-1.5 0l-4.2-4.2v-0.8l-0.3-0.3c-1.4 1.2-3.3 1.8-5.3 1.5-2.8-0.5-5-2.8-5.4-5.6-0.5-4.2 3.1-7.8 7.3-7.3 2.8 0.4 5.1 2.6 5.6 5.4 0.3 2-0.3 3.9-1.5 5.3l0.3 0.3h0.8zm-5.7-8.8c0-2.5-2.1-4.5-4.5-4.5-2.5 0-4.5 2-4.5 4.5 0 2.5 2 4.5 4.5 4.5 2.4 0 4.5-2 4.5-4.5z'/></svg>"); background-size:1rem 1rem; background-position:right 0.25rem top 50%; background-repeat:no-repeat; }

#body #target_main input[type="number"]::-webkit-outer-spin-button, 
#body #target_main input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#body #target_main input[type="number"] { width:4rem; text-align:right; -moz-appearance: textfield; padding-right:2rem; }

#body #target_main input[type="number"]+label.inc,
#body #target_main input[type="number"]+label.inc+label.dec { display:inline-block; position:relative; width:1.5rem; height:1.5rem;  margin:0 0 0 -1.5rem; padding:0; background:#fff; color:var(--blue1); text-align:center; line-height:1.5rem; user-select: none; cursor:pointer; font-weight:bold; user-grab:none; }
#body #target_main input[type="number"]+label.inc+label.dec { margin-top:1.5rem; line-height:1.5rem; }
#body #target_main input[type="number"]+label.inc:hover  { z-index:100; color:var(--positive); }
#body #target_main input[type="number"]+label.inc+label.dec:hover { z-index:100; color:var(--negative); }
#body #target_main input[type="number"][disabled]+label.inc,
#body #target_main input[type="number"][disabled]+label.inc+label.dec { background:var(--disabled); color:var(--blue1); pointer-events:none; }



#body input.invalid, #body textarea.invalid, #body select.invalid,
#body input:invalid, #body textarea:invalid, #body select:invalid { color:var(--negative); }
#body label.invalid, #body input[type="checkbox"].invalid + label, 
#body input[type="radio"].invalid + label	{ color:var(--negative); }
#body input[type="checkbox"].invalid + label:before,
#body input[type="radio"].invalid + label:before { border-color:var(--negative); }
#body input.invalid,
#body input:invalid,
#body select.invalid { box-shadow:0.2rem 0.5rem 1rem rgba(255,70,19,0.3); color:var(--negative); }

/*
#body input[type="checkbox"] + label.button, 
#body input[type="radio"] + label.button {  }

#body input[type="checkbox"] + label.button, 
#body input[type="radio"] + label.button { display:inline-block; font-family: inherit; font-size:inherit; color:var(--input-text); background:var(--input-back); border:1px solid var(--input-line); height:3rem; padding:0 1rem; width:calc(100% - 2rem - 2px); line-height:3rem;  border-radius:0.2rem; margin:0 0 1rem; transition:color 0.3s, background-color 0.3s, border-color 0.3s; box-shadow:none; }
#body input[type="checkbox"] + label.button:before,
#body input[type="checkbox"] + label.button:after,
#body input[type="radio"] + label.button:before,
#body input[type="radio"] + label.button:after { display:none; content:none; }
*/

#body .button, 					
#body input[type="submit"],					
#body button { font-size:1.2rem; color:var(--white) !important; background-color:var(--blue2) !important; border:none; border-radius:0.5rem; display:inline-block; padding:1rem; height:auto; min-height:1.2rem; line-height:1.2rem; width:max-content; font-weight:700; text-align:center; box-sizing: content-box; cursor:pointer; text-decoration: none; font-style:normal; white-space:nowrap; transition:color 0.3s, background-color 0.3s, border-color 0.3s; cursor:pointer; }

#body .button.cta, 					
#body input[type="submit"].cta,	
#body button.cta { color:var(--white) !important; background-color:var(--orange) !important; }

#body .button.alt, 					
#body input[type="submit"].alt,					
#body button.alt { color:var(--white) !important; background-color:var(--brown1) !important; }

#body .button.negative, 					
#body input[type="submit"].negative,					
#body button.negative { color:var(--white) !important; background-color:var(--negative) !important; }

#body .button.border, 					
#body input[type="submit"].border,
#body button.border { padding:0.5rem; border:0.5rem solid var(--blue1) !important; background-color:var(--white) !important; color:var(--blue1) !important; }

#body .button:not([disabled]):hover, 			
#body input[type="submit"]:not([disabled]):hover,			
#body button:not([disabled]):hover,				
#body a:not([disabled]):hover .button,
#body input[type="checkbox"]:not([disabled]) + label.button:hover, 
#body input[type="radio"]:not([disabled]) + label.button:hover 				{ color:var(--white) !important; background-color:var(--blue1) !important; border-color:var(--black) !important; text-decoration: none; }

#body .button.cta:not([disabled]):hover, 					
#body input[type="submit"].cta:not([disabled]):hover,	
#body button.cta:not([disabled]):hover { color:var(--white) !important; background-color:var(--orange2) !important; }


#body .button.border:not([disabled]):hover, 					
#body input[type="submit"].border:not([disabled]):hover,
#body button.border:not([disabled]):hover { color:var(--black) !important; background-color:var(--white) !important; }

/*
#body input[type="checkbox"]:checked + label.button, 
#body input[type="radio"]:checked + label.button 			{ background:#fff !important; color:#000 !important; }
*/
#body .button[disabled], 					
#body input[type="submit"][disabled],					
#body button[disabled],
#body input[readonly],
#body textarea[readonly],
#body input[disabled],
#body textarea[disabled],
#body select[disabled],
#body input[readonly]:hover,
#body textarea[readonly]:hover,
#body input[disabled]:hover,
#body textarea[disabled]:hover,
#body select[disabled]:hover { background-color:var(--disabled) !important; color:var(--brown1) !important; border-color:var(--brown1) !important; cursor:default; }
#body input[disabled][type="checkbox"]+label,
#body input[disabled][type="radio"]+label { cursor:default; color:var(--blue1) !important; }
#body input[disabled][type="checkbox"]+label:before, 
#body input[disabled][type="radio"]+label:before,
#body input[disabled][type="checkbox"]+label:after, 
#body input[disabled][type="radio"]+label:after { color:var(--blue1) !important;  }
#body select[disabled]				{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path fill='rgb(124,169,174)' d='m11.3 3.3c0.4 0.4 0.4 1 0 1.4l-4.6 4.6c-0.4 0.4-1 0.4-1.4 0l-4.6-4.6c-0.4-0.4-0.4-1 0-1.4 0.4-0.4 1-0.4 1.4 0l3.9 3.9 3.9-3.9c0.4-0.4 1-0.4 1.4 0z'/></svg>"); background-size:1rem 1rem; background-position:right 1rem top 1rem; background-repeat:no-repeat; }
#body input[type="date"][disabled]	{ background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='20'><path fill='rgb(124,169,174)' fill-rule='evenodd' d='m18 4v14c0 1.1-0.9 2-2 2h-14c-1.1 0-2-0.9-2-2v-14c0-1.1 0.9-2 2-2h1v-2h2v2h8v-2h2v2h1c1.1 0 2 0.9 2 2zm-2 3h-14v11h14zm-2 4h-2v-2h2zm-8 0h-2v-2h2zm4 0h-2v-2h2z'/></svg>"); background-size:1rem 1rem; background-position:right 1rem top 1rem; background-repeat:no-repeat; }


#body #target_main input[type="number"] { margin-right:0; }
#body #target_main input[type="number"] + label,
#body #target_main input[type="number"] + label + label { display:inline-block; width:1.5rem; height:1.5rem; margin:0 0 1.5rem -1.5rem; cursor:pointer; transition:color 0.3s; }
#body #target_main input[type="number"] + label + label { margin:1.5rem 0 0 -1.5rem; }
#body #target_main input[type="number"] + label:before,
#body #target_main input[type="number"] + label + label:before { display:block; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; }
#body #target_main input[type="number"] + label + label:before { transform:rotate(180deg); }
#body #target_main input[type="number"]:not([disabled]) + label:hover:before,
#body #target_main input[type="number"]:not([disabled]) + label + label:hover:before { color:var(--blue1); }
#body #target_main input[type="number"][disabled] + label,
#body #target_main input[type="number"][disabled] + label + label { pointer-events:none; }

#body select.empty { color:var(--blue1) !important; }

/*
#body input,
#body textarea,
#body select,
#body .button, 					
#body input[type="submit"],					
#body button,
#body .shadow { box-shadow:0.2rem 0.5rem 1rem rgba(0,0,0,0.15); }
*/

#body .copy { cursor:copy; }
#body .copy.copied { text-decoration:underline; text-decoration-style:wavy; cursor:text; }


#body #colorbox,
#body #cboxWrapper { overflow:visible; }
#body #cboxPrevious, 
#body #cboxNext, 
#body #cboxSlideshow, 
#body #cboxClose { background:none !important; font-family:'icomoon' !important; text-indent:0; width:2rem; height:2rem; line-height:2rem; overflow:hidden; padding:0; }
#body #cboxPrevious:before, 
#body #cboxNext:before, 
#body #cboxSlideshow:before, 
#body #cboxClose:before { content:''; display:block; height:2rem; width:2rem; text-align:center; font-size:2rem; color:var(--black); text-shadow:0 0 0.1rem var(--white); }
#body #cboxPrevious:before { content:'<'; }
#body #cboxNext:before { content:'>'; }
#body #cboxClose:before { content:'×'; }
#body #cboxNext { right:0.5rem; left:auto; top:50%; }
#body #cboxPrevious { left:0.5rem; right:auto; top:50%; }
#body #cboxClose { right:1rem; top:-2.5rem; }