@font-face { font-family:'headline'; font-style:normal; font-weight:normal; src:url('../font/ubuntu-m-webfont.woff') format('woff'); } 
@font-face { font-family:'headline'; font-style:normal; font-weight:light; src:url('../font/ubuntu-r-webfont.woff') format('woff'); }
@font-face { font-family:'headline'; font-style:normal; font-weight:bold; src:url('../font/ubuntu-b-webfont.woff') format('woff'); } 
/*
@font-face { font-family:'headline'; font-style:normal; font-weight:normal; src:local('Lemon/Milk Regular'), url('../font/LemonMilk.woff') format('woff'); } 
@font-face { font-family:'headline'; font-style:normal; font-weight:light; src:local('Lemon/Milk light Regular'), url('../font/LemonMilklight.woff') format('woff'); }
@font-face { font-family:'headline'; font-style:normal; font-weight:bold; src:local('Lemon/Milk Bold'), url('../font/LemonMilkbold.woff') format('woff'); } 
*/
/* @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: normal; 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: bold; 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'); }

:root {
  --white:		#ffffff;
  --pink:		#db017d;/*c21c7c;*/
  --black:		#000000;
  --dark:		#232323;
  --light:		#efe9de;
  --gray:		#666;

/*
  --line:		#c8bb8f;
  --positive:	#c8bb8f;
  --negative:	#eb5200;
  --warning:	#ff7d37;
  --disabled:	#f4f3ea;
*/ 
  
}


* 		{ 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.333vw; 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:'headline'; font-weight:bold; color:inherit; margin:0 0 1em 0; padding:0; text-transform:uppercase; }
h1		{ font-size: 2.666rem; line-height:1.2em; }
h2		{ font-size: 2.666rem; 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); }

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; }
h1 > a:hover { text-decoration:none; }


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); }
segment		{ display:block; padding:2rem 0; }
article		{ display:block; padding:2rem 0; }

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 1rem; }
table td:first-child { padding-left:0; }
table td:last-child { padding-right:0; }


#body .wrapper { width:60rem; margin:0 auto; position:relative;/*max-width:70rem;*/ }
#body .wrapper_auto { max-width:max-content; }


.dark { color:var(--white); background:var(--dark); }

.pink_img { color:var(--white); background:var(--pink) url('../img/pink_bg.jpg') 50% 50% no-repeat; background-size:cover;}




#body label,
#body input,
#body textarea,
#body select		{ display:inline-block; font-family:inherit; font-size:inherit; color:inherit; background:var(--white); border:1px solid var(--gray); height:1.2rem; padding:calc(0.4rem - 1px) 0.5rem; width:calc(100% - 1rem - 2px); line-height:1.2rem; vertical-align:top; }
#body textarea	{ min-height:1.2rem; margin-bottom:1rem; resize:vertical; }
#body input		{ margin-bottom:10px; }
#body label		{ border:none; width:calc(100% - 0.5rem); padding-left:0; background:none; font-variant: small-caps; letter-spacing:inherit; }
#body legend { font-variant: small-caps; }
#body select		{ height:calc(2em - 2px); line-height:calc(2em - 2px);  color:inherit; padding:0 2em 0 0; text-indent:0em; cursor:pointer; -webkit-appearance: none; appearance: none; box-sizing: content-box; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><rect width="512" height="512" style="fill:rgb(99,99,99);" /><g transform="translate(128 128) scale(0.5)"><path fill="rgb(255,255,255)" d="m481 231l-212 212c-4 3-8 5-13 5-5 0-9-2-13-5l-212-212c-3-4-5-8-5-13 0-5 2-10 5-13l48-47c3-4 7-6 12-6 5 0 10 2 13 6l152 151 152-151c3-4 8-6 13-6 5 0 9 2 12 6l48 47c3 3 5 8 5 13 0 5-2 9-5 13z"></path></g></svg>'); background-size:auto 100%; background-position:100% 50%; background-repeat:no-repeat; }
#body select:hover	{ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><rect width="512" height="512" style="fill:rgb(0,0,0);" /><g transform="translate(128 128) scale(0.5)"><path fill="rgb(255,255,255)" d="m481 231l-212 212c-4 3-8 5-13 5-5 0-9-2-13-5l-212-212c-3-4-5-8-5-13 0-5 2-10 5-13l48-47c3-4 7-6 12-6 5 0 10 2 13 6l152 151 152-151c3-4 8-6 13-6 5 0 9 2 12 6l48 47c3 3 5 8 5 13 0 5-2 9-5 13z"></path></g></svg>');  }
#body select::-ms-expand { display: none; }
#body select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--black); }
#body select::-moz-focus-inner { border:0; }
#body select:focus { color:var(--black); }
option:not(:checked) { color:var(--black); }
#body input[readonly],
#body textarea[readonly] { background:var(--light); color:var(--gray); }

#body input[type="checkbox"], #body input[type="radio"]													{ display:none; }
#body input[type="checkbox"] + label, #body input[type="radio"] + label									{ position:relative; padding:0.5rem 0 0.5rem 2rem; min-height:1rem; height:auto; display:inline-block; width:auto; margin:0 0 1rem 0; line-height:1rem; font-size:inherit; cursor:pointer; text-align:left; margin-bottom:0; }
#body input[type="checkbox"] + label:before, #body input[type="radio"] + label:before					{ content:' '; display:block; position:absolute; left:0.3rem; top:0.3rem; width:0.6rem; height:0.6rem; border:1px solid var(--black); background:transparent; border-radius:0; }
#body input[type="checkbox"] + label:after,	#body input[type="radio"] + label:after						{ content:' '; display:block; position:absolute; left:0.4rem; top:0.4rem; width:0.4rem; height:0.4rem; background-color:transparent; -webkit-transition:background-color 0.3s; transition:background-color 0.3s;  }
#body input[type="checkbox"]:hover + label:after, 	#body input[type="radio"]:hover + label:after		{ background-color:var(--gray); }
#body input[type="checkbox"]:checked + label:after,	#body input[type="radio"]:checked + label:after 	{ background-color:var(--pink); }
#body input[type="radio"] + label:before, #body input[type="radio"] + label:after { border-radius:1rem; }


#body input.invalid:not([disabled]), #body textarea.invalid:not([disabled]), #body select.invalid:not([disabled]) { border-color:var(--pink); color:var(--pink); }
#body label.invalid, #body input[type="checkbox"].invalid:not([disabled]) + label, #body input[type="radio"].invalid:not([disabled]) + label	{ color:var(--pink); }
#body input[type="checkbox"].invalid + label:before,
#body input[type="radio"].invalid + label:before { border-color:var(--pink); }

#body input[disabled], #body textarea[disabled], #body select[disabled] { border-color:var(--gray); color:var(--gray); }
#body input[type="checkbox"][disabled] + label, #body input[type="radio"][disabled] + label	{ color:var(--gray); }

/*
#body input[readonly], #body textarea[readonly], #body input[disabled], #body textarea[disabled] { background:#222; }
#body label.invalid, #body input.invalid, #body textarea.invalid, #body select.invalid, #body input[type="checkbox"].invalid + label, #body input[type="radio"].invalid + label	{ border-color:#f00; color:#f00; }
#body input[type="checkbox"].invalid + label:before { border-color:#f00; }
#body select.invalid { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><rect width="512" height="512" style="fill:rgb(255,204,204);" /><g transform="translate(128 128) scale(0.5)"><path fill="rgb(255,0,0)" d="m481 231l-212 212c-4 3-8 5-13 5-5 0-9-2-13-5l-212-212c-3-4-5-8-5-13 0-5 2-10 5-13l48-47c3-4 7-6 12-6 5 0 10 2 13 6l152 151 152-151c3-4 8-6 13-6 5 0 9 2 12 6l48 47c3 3 5 8 5 13 0 5-2 9-5 13z"></path></g></svg>');  }
*/

#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:1rem;  margin:0 0 0 -1.5rem; padding:0; background:var(--gray); color:var(--white); text-align:center; line-height:1rem; user-select: none; cursor:pointer; font-weight:bold; user-grab:none; transition:background-color 0.3s; }
#body #target_main input[type="number"]+label.inc+label.dec { margin-top:1rem; line-height:1rem; }
#body #target_main input[type="number"]+label.inc:hover,
#body #target_main input[type="number"]+label.inc+label.dec:hover { z-index:100; background-color:var(--black); }
#body #target_main input[type="number"][disabled]+label.inc,
#body #target_main input[type="number"][disabled]+label.inc+label.dec { background:var(--gray); color:var(--dark); pointer-events:none; }


#body .button, 					#body input[type="submit"] 					#body button, 					#body button.CTA 																{ color:var(--white) !important; background-color:var(--dark) !important; border:1px solid var(--dark); display:inline-block; padding:0.3rem 1rem; height:1.4rem; line-height:1.4rem; width:max-content; font-weight:700; text-align:center; box-sizing:content-box; cursor:pointer; text-decoration: none; font-style:400; -webkit-transition:color 0.3s, background-color 0.3s; transition:color 0.3s, background-color 0.3s; text-transform:uppercase; }
#body .button:hover, 			#body input[type="submit"]:hover,			#body button:hover,				#body button:hover.CTA,				#body a:hover .button 						{ color:var(--dark) !important; background-color:var(--white) !important; text-decoration: none; }
#body .button.disabled, 		#body input[type="submit"].disabled,		#body button[disabled],			#body button[disabled].CTA,			#body input[type="submit"][disabled],		
#body .button.disabled:hover, 	#body input[type="submit"].disabled:hover,	#body button[disabled]:hover,	#body button[disabled].CTA:hover,	#body input[type="submit"][disabled]:hover	{ color:var(--white) !important; background-color:var(--light) !important; border-color:var(--light); cursor:default; }

#body .button.alt { background-color:var(--gray) !important; color:var(--white) !important; border-color:var(--gray); width:auto; }
#body .button.alt:hover { background-color:var(--white) !important; border-color:var(--gray); color:var(--gray) !important; }

#body .button.CTA { background-color:var(--pink) !important; color:var(--white) !important; border-color:var(--pink); width:auto; }
#body .button.CTA:hover { background-color:var(--white) !important; border-color:var(--pink); color:var(--pink) !important; }

#email { display:none !important; }