*    								{ box-sizing:border-box; }
html								{ overflow-y:scroll; overflow-x:hidden; scroll-behavior: smooth; }
body								{ margin:0; padding:105px 0 0 0; background-color:#fff; font-family:"Questrial",sans-serif; font-optical-sizing: auto; font-style: normal; font-size:18px; line-height:24px; color:#040707; -webkit-font-smoothing:antialiased; font-weight:400; text-align:center; letter-spacing:.05vw; }

.header-container   { background-color:rgba(255,255,255,.95); position:fixed; top:0; right:0; left:0; z-index:10000; transition-property:background; transition-duration:.5s; }
.page-container     { margin:0 auto; position:relative; text-align:left; max-width:1600px; padding:0 100px 50px 100px; }
.header-container .page-container { padding-bottom:0; }

.masthead-container { position:relative; line-height:12px; }
.masthead { width:100%; height:auto; position:relative; z-index:1; }

.show-mobile       { display:none !important; }

.img-stripes { position:absolute; right:0; width:25%; max-width:200px; height:300px; background-size:contain; background-repeat:no-repeat; background-position:bottom right; background-image:url(/images/image-stripes.svg); z-index:2; bottom:0; }

.highlighted { background-color:yellow; }

a                   { color:#333; }
a:hover             { }

hr.hr-divider       { border:0; border-bottom:1px solid #ccc; margin:20px 0; }

h1 { color:#0063a5; font-size:72px; font-weight:700; width:100%; margin:0; line-height:80px; position:absolute; left:0; bottom:0; padding:30px 40px 30px calc((100% - 1600px) / 2 + 90px); background-color:rgba(255,255,255,.75); z-index:1; text-align:left; box-shadow:inset rgba(255,255,255,.3) 0 100px 50px; }
h2 { margin:0; padding:40px 0 40px 0; color:#040707; font-weight:700; font-size:32px; line-height:36px; }
h2.accordion-header { margin:0; padding:35px 0 35px 60px; background-image:url(/images/icon-plus.svg); background-repeat:no-repeat; background-size:30px 30px; background-position:left center; color:#040707; font-weight:700; font-size:36px; line-height:40px; border-top:1px solid #ccc; cursor:pointer; }

h2.accordion-header.expanded { background-image:url(/images/icon-minus.svg); color:#040707; }

h3 { color:#e51d30; font-size:30px; line-height:36px; margin:40px 0 20px 0; font-weight:700; }
h3.no-top-margin { margin-top:0; }
h3.page-intro { color:#040707; font-size:30px; line-height:40px; margin:50px 0; font-weight:700; max-width:75%; padding-left:45px; border-left:10px solid #e51d30; }
p.footnote { color:#040707; font-size:13px; line-height:15px; }

h4 { font-size:20px; line-height:26px; margin:25px 0 5px 0; color:#0063a5; }
h5 { font-size:18px; line-height:22px; margin:25px 0 5px 0; color:#040707; }

a.accordion-header { margin:0; padding:15px 0 15px 35px; background-image:url(/images/icon-plus.svg); background-repeat:no-repeat; background-size:15px 15px; background-position:left 19px; font-size:20px; line-height:26px; color:#0063a5; border-top:1px solid #ccc; cursor:pointer; display:block; text-decoration:none; }

a.accordion-header.expanded { background-image:url(/images/icon-minus.svg); font-weight:600; }
div.accordion-section { position:relative; display:none; margin-bottom:0; padding:0 35px; }

div.accordion-section ul,
div.accordion-section ol { padding-left:20px; }

ul { margin:0 0 10px 0; padding-left:50px; }
ul li { font-size:18px; line-height:24px; padding-bottom:10px; } 
ol { margin:0 0 10px 0; padding-left:50px; }
ol li { font-size:18px; line-height:24px; padding-bottom:10px; }

img.full-width { width:100%; height:auto; }

header              { padding:40px 0 33px 0; }
.logo               { max-width:340px; width:340px; height:auto; vertical-align:middle; }
.header-links       { display:inline-block; white-space:nowrap; color:#333; background-color:#F2F2F2; border-radius:15px; padding:10px 10px; margin-left:40px; vertical-align:middle; cursor:default; }
.header-links img   { vertical-align:middle; margin-right:10px; }
.header-links span { display:inline-block; vertical-align:middle; color:#000; padding:5px 8px; line-height:14px; }
.header-links a     { display:inline-block; color:#333; margin-top:0; text-decoration:none; vertical-align:middle; padding:5px 8px; line-height:14px; }
.header-links a:hover  { text-decoration:underline; color:#000; }
section             { position:relative; display:none; padding-top:0; margin-bottom:0; }

.accordion-collapser { text-align:center; padding:20px 50px 50px 50px; clear:both; }
.accordion-collapser img { cursor:pointer; }

.three-column > div > p { margin-bottom:15px; }
.three-column > div > p:last-of-type { margin-bottom:0; }

sup { line-height:10px; font-size:14px; }

.safety-faqs { padding:25px 0; }
ul.safety-facts { padding:25px 0; list-style-type:none; display:flex; flex-flow:row; flex-wrap:wrap; gap:15px 2%; }
ul.safety-facts li { margin:0; padding:25px; display:inline-block; vertical-align:top; width:32%; background-color:#f3f3f3; border-radius:20px; text-align:center; align-content:center; font-size:20px; line-height:24px; font-weight:500; }

ul.safety-facts li span { display:inline-block; font-size:16px; line-height:20px; padding-top:10px; font-weight:400; }

h4.safety-facts-heading { font-size:14px; }
/*ul.safety-facts li:nth-last-of-type(1),
ul.safety-facts li:nth-last-of-type(2) { width:49%; }*/
ol.safety-facts-sources { padding-left:20px; }
ol.safety-facts-sources li { font-size:14px; line-height:20px; }

h5.safety-faq-heading { font-size:14px; }
ul.safety-faq-sources { padding-left:20px; margin-bottom:20px; }
ul.safety-faq-sources li { font-size:14px; line-height:16px; padding-bottom:2px; }


.commentform { display:block; background-color:#040707; position:relative; line-height:12px; min-height:200px; margin-bottom:35px; }
.commentform img { opacity:.25; width:100%; height:auto; position:relative; z-index:1; min-height:200px; }
.commentform .button { width:350px; left:50%; top:50%; padding:25px 15px; text-align:center; position:absolute; margin:-32px auto auto -175px; z-index:2; background-color:#fff; color:#040707; box-shadow:rgba(0,0,0,.5) 2px 2px 5px; line-height:24px; }
.commentform:hover .button { background-color:#f2f2f2; }
  
.button { display:inline-block; background-color:#f2f2f2; font-size:21px; border:1px solid #040707; text-align:center; padding:10px 30px; margin:0 5px 15px 0; text-decoration:none; font-weight:700; } 
 
.content            { font-size:18px; line-height:24px; padding-left:60px; padding-right:60px; }
.footnote           { font-size:12px; line-height:16px; display:block; padding:10px 0; text-align:center; }
  
.content p { margin-bottom:20px; font-size:18px; line-height:24px; }
  
ul.two-column { column-count:2; column-gap:60px; }
ul.two-column li { break-inside:avoid; }
ul.three-column { column-count:3; column-gap:60px; }
ul.three-column li { break-inside:avoid; }

div.two-column { display:table; width:100%; margin-top:30px; }
div.two-column > div { display:table-cell; vertical-align:top; width:50%; }
div.two-column > div:first-of-type { padding-right:30px; }
div.two-column > div:last-of-type { padding-left:30px; }

div.three-column { display:table; width:100%; margin-top:30px; }
div.three-column > div { display:table-cell; vertical-align:top; width:33.3%; padding-left:30px; padding-right:30px; }
div.three-column > div:first-of-type { padding-left:0; padding-right:30px; }
div.three-column > div:last-of-type { padding-left:30px; padding-right:0; }

.resources { float:right; margin:25px 0 40px 60px; width:450px; background-color:#f2f2f2; padding:25px 25px 35px 25px; }
.resources h3 { font-weight:bold; font-size:24px; margin:0 0 20px 0; color:#000; line-height:30px; }
.resources a { display:block; padding:5px 40px 20px 0; background-repeat:no-repeat; background-position:right top; background-image:url(/images/icon-link.svg); color:#040707; background-size:22px auto; }
.resources a.icon-document { background-image:url(/images/icon-document.svg?v3); background-position:right 3px; }
.resources a:last-of-type { padding-bottom:0; }
 
.nav-container { text-align:right; position:absolute; top:60px; right:0; margin-top:-5px; }
nav { display:inline-block; margin:0 auto; vertical-align:middle; }
nav a { display:inline-block; font-weight:700; padding:10px 15px; color:#000; text-decoration:none; font-size:14px; line-height:18px; text-align:center; vertical-align:middle; }
nav a:hover { text-decoration:underline; }

p { font-size:18px; line-height:24px; margin:0 0 30px 0; color:#040707; }
p.caption { text-align:center; font-size:16px; line-height:22px; margin:0 0 30px 0; color:#040707; font-style:italic; }
p.no-margin { margin:0; }

table { border-collapse:collapse; width:100%; }
table thead tr td { background-color:#e51d30; font-weight:700; font-size:33px; line-height:38px; padding:20px 25px; color:#fff; }
.content table thead tr td p { font-weight:700; font-size:16px; line-height:24px; padding:0; margin:0; color:#fff; }
table tbody tr td { border:1px solid #040707; padding:20px 25px; font-size:16px; line-height:24px; color:#040707; }
.content table tbody tr td p { font-size:16px; line-height:24px; color:#040707; padding:0; margin:0; }
table tbody tr td:first-of-type { border-left:0; }
table tbody tr td:last-of-type { border-right:0; }


.page-container > hr { border:0; border-top:1px solid #ccc; margin:60px 0; }
.page-container > hr.no-margin { margin:0; }

footer                        { position:relative; background-color:#F2F2F2; display:block; width:100%; z-index:1000; }
.footer-container { max-width:1600px; margin:0 auto; position:relative; text-align:left; padding:40px 100px;  }
.footer-container > div { display:inline-block; padding-right:80px; text-align:left; font-size:15px; line-height:18px; }
.footer-container > div:last-of-type { position:absolute; right:0; text-align:right; }

.modal-overlay { position:fixed; top:5vw; bottom:5vw; left:50%; width:800px; max-height:728px; margin-left:-400px; z-index:100000; box-shadow:rgba(0,0,0,.5) 2px 2px 5px; background-color:rgba(242,242,242,.85); }
.modal-background { background-color:rgba(255,255,255,.95); position:fixed; top:0; right:0; bottom:0; left:0; cursor:pointer; z-index:100000; }
.modal-overlay .modal-content li, 
.modal-overlay .modal-content p,
.modal-overlay .modal-content div { font-size:16px; line-height:24px; margin-bottom:15px; }
.modal-overlay .logo { margin-left:0; margin-bottom:20px; position:absolute; left:50px; top:40px; }
.modal-overlay .modal-close { font-size:40px; transform:rotate(45deg); position:absolute; top:30px; right:50px; cursor:pointer; z-index:2; }

.modal-content .button { background-color:#fff; border:2px solid #f2f2f2; box-shadow:rgba(0,0,0,.5) 2px 2px 5px; }

.modal-overlay .modal-content { position:absolute; top:120px; right:0; bottom:0; left:0; z-index:2; padding:0 50px 50px 50px; text-align:left; font-size:16px; line-height:24px; z-index:100001; overflow:auto; }

.modal-content h2 { font-size:30px; text-align:center; color:#e51d30; padding:0 0 20px 0; }
.modal-overlay .modal-content ul { padding-left:55px; }
.modal-overlay .modal-content ol li { margin-bottom:0; }
.modal-overlay .modal-content ul li { margin-bottom:0; padding-bottom:0; }

#language-modal-overlay { background-color:rgba(255,255,255,.95); position:fixed; top:0; right:0; bottom:0; left:0; cursor:pointer; z-index:100000; display:none; }

@keyframes zoom   { from {transform:scale(0)} to {transform:scale(1)} }


.close            { position:absolute; top:15px; right:35px; color:#ffffff; font-size:40px; font-weight:bold; transition:0.3s; }
.close:hover,
.close:focus      { color:#ccc; text-decoration:none; }


.language-modal { display:none; position:fixed; top:50%; left:50%; width:600px; height:350px; margin:-175px auto auto -300px; z-index:2000000; text-align:center; box-shadow:rgba(0,0,0,.5) 2px 2px 5px; background-color:rgba(242,242,242,.85);}
#btn-language { cursor:pointer; }
.btn-closemodal { position:absolute; top:15px; right:15px; cursor:pointer; height:40px; width:40px; padding:15px; border-radius:20px; z-index:10; }
.btn-closemodal span  { position:absolute; display:block; background-color:#040707; height:3px; width:20px; border-radius:3px; transition-property:transform, opacity; transition-duration:.5s; }
.btn-closemodal span:nth-of-type(1)     { transform:rotate(45deg); transform-origin:3px -1px; margin-top:0; }
.btn-closemodal span:nth-of-type(2)     { transform:rotate(-45deg); transform-origin:-4px 2px; margin-top:14px; }

.language-modal .button { background-color:#fff; border:2px solid #f2f2f2; box-shadow:rgba(0,0,0,.5) 2px 2px 5px; margin: 10px 20px 0 20px; width:150px; }
.language-modal h3 { font-weight:700; font-size:42px; line-height:46px; }

@media (max-width:1600px) {
	.page-container { padding:0 50px 50px 50px; }
	.nav-container { right:25px; }
	.logo           { width:293px; }
	.header-links { margin-left:25px; }
	nav a { padding:10px 15px; }
	h1 { padding:30px 40px; }
}

@media (max-width:1400px) {
	.footer-container { padding:40px 50px; }
	nav a br { display:block; }
	.nav-container { margin-top:-6px; }
		
	.content > div.two-column { display:block; width:auto; }
	.content > div.two-column > div { display:block; width:auto; }
	.content > div.two-column > div:first-of-type { padding-right:0; }
	.content > div.two-column > div:last-of-type { padding-left:0; }

	div.three-column { display:block; width:auto; }
	div.three-column > div { display:block; width:auto; padding-left:0; padding-right:0; }
	div.three-column > div:first-of-type { padding-left:0; padding-right:0; }
	div.three-column > div:last-of-type { padding-left:0; padding-right:0; }
	.three-column > div > p:last-of-type { margin-bottom:30px; }

	.header-links { position:absolute; border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; right:5px; top:-55px; padding:4px 8px; }
	

}
@media (max-width:1250px) {
	nav a { padding:10px; font-size:12px; line-height:14px; }
}

@media (max-width:1150px) {
	h1 { font-size:65px; line-height:68px; }
}

@media (max-width:1100px) {
	nav { display:none; }
}

@media (max-width:920px) {
	ul.safety-facts { padding:25px 0; list-style-type:none; display:flex; flex-flow:row; flex-wrap:wrap; gap:15px 2%; }
	ul.safety-facts li { padding:15px; width:49%; font-size:18px; line-height:22px; }
	
/*	ul.safety-facts li:nth-last-of-type(1) { width:auto; }*/
	
	div.two-column { display:block; width:auto; }
	div.two-column > div { display:block; width:auto; }
	div.two-column > div:first-of-type { padding-right:0; }
	div.two-column > div:last-of-type { padding-left:0; }
	
	ul.two-column { column-count:auto; }
	ul.three-column { column-count:auto; }
	
	h1 { font-size:55px; line-height:62px; }
	h2, h2.accordion-header { font-size:32px; line-height:36px; }
		
	.resources { float:none; margin:10px 0 40px 0; width:auto; }
	.resources h3 { font-size:24px; line-height:30px; }
	
	.footer-container > div { display:block; padding-right:0; padding-bottom:20px; }
	.footer-container > div:last-of-type { position:relative; right:auto; text-align:left; }
	
	.modal-overlay { left:5vw; right:5vw; width:auto; margin-left:0; }
	
	h3.page-intro { width:auto; }
	
}

@media (max-width:720px) {
	h1 { position:relative; }
	.img-stripes { bottom:auto; top:0; height:auto; padding-top:34.1%; }
	
}


@media (max-width:625px) {
	ul.safety-facts { padding:25px 0; list-style-type:none; display:flex; flex-flow:row; flex-wrap:wrap; gap:15px 2%; }
	ul.safety-facts li
	/*ul.safety-facts li:nth-last-of-type(1),
	ul.safety-facts li:nth-last-of-type(2) */{ width:auto; }
	
	.nav-container { right:0; }
	.logo               { margin-left:0; }
	body { padding-top:0; }
	.header-container { position:relative; background-color:#fff !important; }
	.page-container { padding:0 25px 25px 25px; }
	.footer-container { padding:40px 25px; }
	h1 { font-size:45px; line-height:48px; max-width:400px; padding-left:25px; }
	h2, h2.accordion-header { font-size:30px; line-height:34px; }
	h2 { padding:40px 0 20px 0; }
	.header-links { border-bottom-right-radius:10px; border-top-left-radius:0; border-top-right-radius:0; right:-20px; top:auto; padding:4px 8px; }
	.nav-container { right:25px; top:0 !important; margin-top:0; }
	#language-modal { top:50px; left:50px; right:50px; width:auto; height:auto; margin:0; padding:10px 20px 50px 20px; }
	.modal-content h2 { font-size:24px; line-height:30px; }
	.modal-overlay .modal-content { padding:0 25px 25px 25px; }
	.modal-overlay .logo { left:25px; }
	.modal-overlay .modal-close { right:15px; top:15px; }
	h3.page-intro { font-size:20px; line-height:30px; padding-left:25px; margin:10px 0 20px 0; max-width:none; }
	h2.accordion-header { padding:25px 0 25px 35px; background-size:20px 20px; }
	.content { padding-left:35px; padding-right:35px; }
	h3 { font-size:24px; line-height:28px; }
}

@media (max-width:425px) {
	.logo { width:100%; }
	table thead tr td p { font-size:16px; line-height:24px; }
	table thead tr td,
	table tbody tr td	{ padding:10px 15px; }
	#language-modal { top:25px; left:25px; right:25px; width:auto; }
	h2, h2.accordion-header { font-size:26px; line-height:30px; }
	.modal-overlay .logo { width:250px; }
	.content { padding-left:0; padding-right:0; }
}