@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@100;300;400;500;600&display=swap');




* {box-sizing:border-box; /* padding:0; margin:0; */}




:root {
	--corner:.25rem;
	--pagewidth:100rem;
	/* --pagewidth:75rem; */
	--pagewidthmini:24rem;
	--black:#110F10;
	--blacktr:#110F10CC;
	--green:#22D764;
	--greentr:#22D76444;
	--blacksheet:#000A;
	--blackglass:#0004;
	--whitesheet:#FFFD;
	--whitesheet2:#FFF8;
	--whiteglass:#FFF1;
	--red:#FF4D28;
	--blue:#279CC9;
	--orange:#FF9828;
	--grey:#AAA;
	--darkgrey:#777;
}




html,
body {background-color:var(--green); font-family:Nunito,sans-serif; margin:0;}




/* General Container */
div#container {background-color:var(--black); color:white; min-height:100vh; text-align:center; /* padding:1rem; */}
div#container {display:flex; flex-direction:column; align-items:stretch; justify-content:space-between;}
div#container a {color:var(--green); text-decoration:none;}
div#container ::selection {background-color:var(--green); color:var(--black); color:white;}




/* Header Section */
/* div#container header#header {display:none;} */
div#container header#header {position:absolute; top:0; left:0; right:0; width:100%; z-index:99;}
/* div#container header#header {background-color:transparent; background-color:var(--blackglass);} */
/* div#container header#header {background-image:linear-gradient(black,var(--black));} */
div#container header#header div.grid {/* background-color:var(--blackglass); */ max-width:calc(1.5*var(--pagewidth)); max-width:var(--pagewidth); padding:.5rem 2rem; margin:0 auto;}
div#container header#header div.grid {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
div#container header#header nav.navmenu {flex-grow:1;}
/* Header Section: Brand Link */
div#container header#header a.brand {margin-right:4.6875rem;}
div#container header#header a.brand img.logo {background-color:var(--black); display:block; padding:.5rem; border-radius:.5rem;}
div#container header#header a.brand img.logo {height:4.5rem; max-width:100%; object-fit:contain; transition:.5s;}
/* Header Section: Navigation Menu */
div#container header#header nav.navmenu {display:flex; flex-direction:row; align-items:center; /* margin-top:1rem; */}
div#container header#header nav.navmenu ul.navlist {flex-grow:1;}
div#container header#header nav.navmenu ul.navlist {display:flex; flex-direction:row; justify-content:center; list-style:none; padding:0; margin:0;}
div#container header#header nav.navmenu ul.navlist {max-height:100vh; overflow:auto; transition:.5s;}
/* div#container header#header nav.navmenu ul.navlist li.navitem {} */
div#container header#header nav.navmenu ul.navlist li.navitem a.navlink {display:flex; flex-direction:row; justify-content:center; /* justify-content:space-between; */ align-items:center; transition:.25s;}
/* div#container header#header nav.navmenu ul.navlist li.navitem a.navlink {background-color:var(--whiteglass); color:white;} */
div#container header#header nav.navmenu ul.navlist li.navitem a.navlink {background-color:var(--black); color:var(--green); color:white; user-select:none; min-width:8rem; padding:.625rem 1rem; border:.125rem solid black; border-radius:var(--corner); margin:0 .25rem;}
/* div#container header#header nav.navmenu ul.navlist li.navitem a.navlink:hover {background-color:var(--green); color:var(--black);} */
div#container header#header nav.navmenu ul.navlist li.navitem a.navlink:hover {/* background-color:var(--green); */ color:white; color:var(--green); /* border-color:var(--green); */}
/* div#container header#header nav.navmenu ul.navlist li.navitem a.navlink:hover {background-color:var(--black); color:var(--green);} */
div#container header#header nav.navmenu ul.navlist li.navitem a.navlink svg.icon {display:none; font-size:1.25em;}
div#container header#header nav.navmenu ul.navlist li.navitem a.navlink span.caption {text-decoration:none; text-transform:uppercase; /* margin-left:.5rem; */}
div#container header#header nav.navmenu a.ctaprimary {background-color:var(--green); color:var(--black); padding:.75em 1.5em; border-radius:var(--corner); margin:0 .25em; transition:.125s;}
div#container header#header nav.navmenu a.ctaprimary {display:flex; flex-direction:row; justify-content:center; align-items:center; text-decoration:none;}
div#container header#header nav.navmenu a.ctaprimary:hover {color:white; transform:scale(1.05);}
div#container header#header nav.navmenu a.ctaprimary svg.icon {display:none;}
div#container header#header nav.navmenu a.ctaprimary svg.icon {font-size:1.75rem; margin-right:.5rem;}
div#container header#header nav.navmenu a.ctaprimary span.caption {text-transform:uppercase; /* margin-left:.5rem; */ margin-top:.15rem;}
div#container header#header div.navtoggler {display:none;}
div#container header#header div.navtoggler {color:var(--black); font-size:2rem; cursor:pointer; padding:.25rem; margin:0 .625rem;}
div#container header#header div.navtoggler:hover {color:var(--green);}
div#container header#header div.navtoggler svg.icon {display:block;}




/* Main Content */
div#container main.pagecontent {flex-grow:1; /* padding:1rem; border-radius:.5rem; box-shadow:var(--boxshadow); */}
/* General Section */
div#container main.pagecontent section {margin-bottom:6rem;}
div#container main.pagecontent section div.grid {width:100%; max-width:var(--pagewidth); padding:0/* 2rem */ 1rem; margin:0 auto;}
div#container main.pagecontent section div.grid h1.head {color:var(--black); /* color:var(--green); */ font-size:3.5rem; /* text-transform:capitalize; */ margin:0;}
/* div#container main.pagecontent section div.grid h1.head.special {text-align:left; padding-bottom:1rem; border-bottom:1px solid var(--green);} */
div#container main.pagecontent section div.grid h2.head {color:var(--darkgrey); color:white; font-size:2.5rem; margin:0; margin:1em 0 .5em;}


/* Hero Section */
div#container main.pagecontent section.hero {background-image:url('../media/screenwatcher.jpg');}
div#container main.pagecontent section.hero {background-size:cover; background-repeat:no-repeat; background-position:center 10%;}
div#container main.pagecontent section.hero {position:relative; color:var(--black,black);}
div#container main.pagecontent section.hero::before {display:block; background-color:var(--whitesheet); content:'';}
/* div#container main.pagecontent section.hero::before {background-color:var(--green); opacity:.5;} */
div#container main.pagecontent section.hero::before {position:absolute; height:100%; width:100%;}
div#container main.pagecontent section.hero div.grid {display:flex; flex-direction:column; justify-content:center; align-items:center; padding:0 1rem;}
div#container main.pagecontent section.hero div.grid {position:relative; min-height:10rem; /* max-height:99vh; */ transition:.125s; padding:10rem 2rem;}


/* CTA Section */
/* div#container main.pagecontent section.ctablock {padding:1rem 2rem;} */
/* div#container main.pagecontent section.ctablock div.grid {} */
div#container main.pagecontent section.ctablock div.grid div.ctabox {display:flex; flex-direction:row; justify-content:center; flex-wrap:wrap; /* grid-gap:1rem; */}
div#container main.pagecontent section.ctablock div.grid div.ctabox a.btn {font-size:1.25rem; /* font-weight:900; */ white-space:nowrap; min-width:12rem;}
div#container main.pagecontent section.ctablock div.grid div.ctabox a.btn {display:flex; flex-direction:row; justify-content:center; align-items:center; padding:.425rem 1.5rem .375rem; border:solid var(--green); border-radius:var(--corner); margin:0 .5rem;}
div#container main.pagecontent section.ctablock div.grid div.ctabox a.btn.naked {border-color:transparent; background-color:transparent; font-size:3em;}
div#container main.pagecontent section.ctablock div.grid div.ctabox a.btn.primary {background-color:var(--green); color:black; transition:.125s;}
div#container main.pagecontent section.ctablock div.grid div.ctabox a.btn.secondary {background-color:var(--black); /* background-color:#FFF3; */ color:var(--green);}
div#container main.pagecontent section.ctablock div.grid div.ctabox a.btn.primary:hover {color:white; transform:scale(1.05);}
/* div#container main.pagecontent section.ctablock div.grid div.ctabox a.btn svg.icon {font-size:.875em;} */
div#container main.pagecontent section.ctablock div.grid div.ctabox a.btn span.caption {text-transform:uppercase; padding-top:.125rem;}
/* div#container main.pagecontent section.ctablock div.grid div.ctabox a.caption,
div#container main.pagecontent section.ctablock div.grid div.ctabox span.caption {width:100%;} */
/* div#container main.pagecontent section.ctablock div.grid div.ctabox span.caption.fine {font-size:.75em; font-weight:100; margin:1rem 0;} */




/* Footer Section */
div#container footer.footer {background-color:black; color:var(--green); /* background-image:linear-gradient(var(--black), black); */ /* padding-top:1rem; */ padding-bottom:1rem;}
div#container footer.footer div.grid {max-width:var(--pagewidth); padding:4rem 2rem 1rem; padding:2rem 1.5rem 1rem; margin:0 auto;}
/* Footer Section: Location */
div#container footer.footer section.location {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding:.5rem 0;}
div#container footer.footer section.location svg.icon {font-size:1.25rem; opacity:.5; margin:0 .5rem;}
div#container footer.footer section.location a.home {display:flex;}
div#container footer.footer section.location a.home img.logo {height:2rem;}
div#container footer.footer section.location a.node {font-size:.875rem;}
div#container footer.footer section.location {display:none;}
/* Footer Section: Foot Brand */
/* div#container footer.footer section.footbrand {padding:4rem;} */
div#container footer.footer section.footbrand {display:flex; flex-direction:row; justify-content:center; justify-content:space-between; align-items:center;}
div#container footer.footer section.footbrand div.brand {display:flex; flex-direction:column; justify-content:center; align-items:center;}
/* div#container footer.footer section.footbrand div.brand a.brand {margin-bottom:1rem;} */
div#container footer.footer section.footbrand div.brand a.brand img.logo {display:none; height:6rem; max-width:100%; object-fit:cover;}
div#container footer.footer section.footbrand div.brand a.brand video.logo {display:block; max-width:100%; width:24rem; height:24rem; object-fit:cover; border:1px solid transparent;}
div#container footer.footer section.footbrand div.brand p.textcopy {font-size:.75rem; display:flex; flex-direction:column; align-items:center; margin:.5rem 0;}
/* div#container footer.footer section.footbrand div.brand p.textcopy {display:none;} */
div#container footer.footer section.footbrand div.sitemap {/* flex-grow:1; */ padding:0 1rem;}
div#container footer.footer section.footbrand div.sitemap {display:flex; flex-direction:row; align-items:flex-start; flex-wrap:wrap;}
div#container footer.footer section.footbrand div.sitemap div.linkbox {flex-grow:1; flex-shrink:1; flex-basis:0; padding:.5rem 4rem;}
div#container footer.footer section.footbrand div.sitemap div.linkbox h3.head {color:white; font-size:1.125em; font-weight:200; margin:0;}
div#container footer.footer section.footbrand div.sitemap div.linkbox ul.linklist {list-style:none; max-height:100vh; overflow:auto; padding:0; margin:0;}
div#container footer.footer section.footbrand div.sitemap div.linkbox ul.linklist li.linkitem {display:flex; flex-direction:row; justify-content:center; align-items:center; margin:.75em 0;}
div#container footer.footer section.footbrand div.sitemap div.linkbox ul.linklist li.linkitem a.link {font-weight:200; white-space:nowrap;}
div#container footer.footer section.footbrand div.sitemap div.linkbox ul.linklist li.linkitem a.link:hover {color:white;}
div#container footer.footer section.footbrand div.sitemap div.linkbox ul.linklist li.linkitem a.link:active {color:var(--blue); color:var(--orange);}
/* div#container footer.footer section.footbrand div.sitemap div.linkbox ul.linklist li.linkitem a.link svg.icon {} */
/* div#container footer.footer section.footbrand div.sitemap div.linkbox ul.linklist li.linkitem a.link span.caption {} */
/* Footer Section: Social */
/* div#container footer.footer section.social {} */
div#container footer.footer section.social ul.social {display:flex; flex-direction:row; justify-content:center;}
div#container footer.footer section.social ul.social {list-style:none; padding:0; margin:0; /* margin-top:1rem; */}
div#container footer.footer section.social ul.social li.item {user-select:all; margin:0 1em;}
div#container footer.footer section.social ul.social li.item a.socialbtn:visited,
div#container footer.footer section.social ul.social li.item a.socialbtn {color:var(--green); font-size:1.5rem; transition:.5s;}
div#container footer.footer section.social ul.social li.item a.socialbtn:hover {color:white;}
div#container footer.footer section.social ul.social li.item a.socialbtn:active {color:var(--blue); color:var(--orange);}
/* div#container footer.footer section.social ul.social li.item a.socialbtn:link, */
/* div#container footer.footer section.social ul.social li.item a.socialbtn:visited {color:var(--green);} */
/* div#container footer.footer section.social ul.social li.item a.socialbtn svg.icon {} */
/* Footer Section: Legal */
/* div#container footer.footer section.legal {display:none;} */
div#container footer.footer section.legal p.textcopy {color:white; font-size:.75rem; letter-spacing:1px; margin:.75rem 0;}
/* div#container footer.footer section.agreements {display:none;} */
div#container footer.footer section.agreements a.agrbtn {font-size:.75rem;}
div#container footer.footer section.agreements span.space {color:white;}




@keyframes throb {
	0% {transform:scale(1);}
	50% {transform:scale(1.0625);/*  letter-spacing:1px; */}
	100% {transform:scale(1);}
}






@media screen and (max-width:64rem) {

	/* Header Section */
	/* div#container header#header {background-color:var(--black); --l:calc(50vw + 3.5rem)} */
	/* div#container header#header {background-image:linear-gradient(black var(--l),var(--black));} */
	/* div#container header#header div.grid {background-color:var(--blackglass); flex-direction:column; align-items:stretch; max-width:var(--pagewidthmini);} */
	div#container header#header div.grid {padding:var(--edgespace); --edgespace:1rem; --edgespace:.75rem; /* padding-top:2.5rem; */}
	/* Header Section: Brand Link */
	div#container header#header a.brand {margin-right:0;}
	/* div#container header#header a.brand img.logo {width:50vw; height:auto;} */
	/* Header Section: Navigation Menu */
	/* div#container header#header nav.navmenu {flex-direction:column; align-items:stretch;} */
	div#container header#header nav.navmenu {position:absolute; top:100%; left:0; /* width:100%; */ /* margin-top:1rem; */}
	div#container header#header nav.navmenu {flex-direction:column; align-items:stretch; padding:0 var(--edgespace);}
	div#container header#header nav.navmenu {font-size:1.25rem;}
	div#container header#header nav.navmenu ul.navlist {flex-direction:column; align-items:stretch;}
	div#container header#header nav.navmenu/*  ul.navlist */ {max-height:0; overflow:hidden;}
	div#container header#header nav.navmenu.open/*  ul.navlist */ {max-height:none;}
	div#container header#header nav.navmenu ul.navlist li.navitem a.navlink {/* justify-content:space-between; */ margin:.25rem 0;}
	/* div#container header#header nav.navmenu ul.navlist li.navitem a.navlink span.caption {flex-grow:1; margin-right:1.25rem;} */
	div#container header#header nav.navmenu a.ctaprimary {margin:.25rem 0;}
	div#container header#header nav.navmenu a.ctaprimary svg.icon {display:block;}
	div#container header#header div.navtoggler {display:block;}

	/* Hero Section */
	/* div#container main.pagecontent section.hero {} */
	/* div#container main.pagecontent section.hero div.grid {} */

	/* CTA Section */
	/* div#container main.pagecontent section.ctablock {} */
	/* div#container main.pagecontent section.ctablock div.grid {} */
	div#container main.pagecontent section.ctablock div.grid div.ctabox a.btn {font-size:1.25rem;}

	/* Footer Section */
	/* div#container footer.footer {} */
	div#container footer.footer div.grid {padding:1.25rem 1.5rem 1.25rem;}
	div#container footer.footer section.footbrand {flex-direction:column; align-items:center; margin-bottom:1.5rem;}
	/* div#container footer.footer section.footbrand div.brand {} */
	/* div#container footer.footer section.footbrand div.brand a.brand {} */
	div#container footer.footer section.footbrand div.brand a.brand img.logo {display:block; height:6rem;}
	div#container footer.footer section.footbrand div.brand a.brand video.logo {display:none;}
}


@media screen and (max-width:40rem) {

	/* Header Section */
	/* div#container header#header {} */
	/* div#container header#header div.grid {} */

	/* Hero Section */
	/* div#container main.pagecontent section.hero {} */
	/* div#container main.pagecontent section.hero div.grid {} */
	div#container main.pagecontent section.hero div.grid h1.head {font-size:2.5rem;}
	div#container main.pagecontent section.hero div.grid h2.head {font-size:1.75rem;}

	/* CTA Section */
	/* div#container main.pagecontent section.ctablock {} */
	/* div#container main.pagecontent section.ctablock div.grid {} */

	/* Footer Section */
	/* div#container footer.footer {} */
	/* div#container footer.footer div.grid {} */
}


/* @media screen and (max-width:32rem) { */
@media screen and (max-width:36rem) {

	/* Header Section */
	/* div#container header#header {} */
	/* div#container header#header div.grid {} */
	/* div#container header#header a.brand img.logo {width:60vw;} */

	/* Hero Section */
	/* div#container main.pagecontent section.hero {} */
	/* div#container main.pagecontent section.hero div.grid {} */

	/* CTA Section */
	/* div#container main.pagecontent section.ctablock {} */
	div#container main.pagecontent section.ctablock div.grid {flex-direction:column;}
	div#container main.pagecontent section.ctablock div.grid div.ctabox a.btn {margin:.5rem 0;}
	div#container main.pagecontent section.ctablock div.grid div.ctabox a.btn span.caption {margin-right:1rem;}

	/* Footer Section */
	/* div#container footer.footer {} */
	/* div#container footer.footer div.grid {} */
	div#container footer.footer section.footbrand {align-items:stretch;}
	/* div#container footer.footer section.footbrand div.brand {} */
	/* div#container footer.footer section.footbrand div.brand a.brand img.logo,
	div#container footer.footer section.footbrand div.brand a.brand video.logo {display:none;} */
	div#container footer.footer section.footbrand div.sitemap {flex-direction:column; flex-wrap:nowrap; align-items:center; align-items:stretch; padding:0;}
	div#container footer.footer section.footbrand div.sitemap div.linkbox {text-align:left; padding:.5rem 0; border-bottom:1px solid /* #CCC3 */ var(--greentr);}
	div#container footer.footer section.footbrand div.sitemap div.linkbox h3.head {cursor:pointer; font-size:.875rem; user-select:none;}
	div#container footer.footer section.footbrand div.sitemap div.linkbox h3.head:hover {color:var(--green);}
	div#container footer.footer section.footbrand div.sitemap div.linkbox ul.linklist {max-height:0; overflow:hidden; transition:.25s;}
	div#container footer.footer section.footbrand div.sitemap div.linkbox ul.linklist.active {max-height:100vh; overflow:auto;}
	div#container footer.footer section.footbrand div.sitemap div.linkbox ul.linklist li.linkitem {justify-content:stretch; font-size:.875rem;}
}