/*

*/

html,body {position:relative;margin:0;padding:0;border:0;height:100%;}
html {overflow-y:scroll;overflow-x:hidden;height:100%;scroll-behavior:smooth;} 
body {font-family:greycliff-cf, sans-serif;font-weight:400;font-style:normal;font-size:1rem;background-color:#1C1915;color:white;display:flex;flex-direction:column;} 
input {font-family:"Century Gothic W05", sans-serif;}
input[type="text"], input[type="submit"], input[type="email"], input[type="number"], select {font-family:"Century Gothic W05", sans-serif;-webkit-appearance:none;border-radius:0;}
* {margin:0;padding:0;border:0;box-sizing:border-box;}
.js-focus-visible :focus:not(.focus-visible) {outline:none;}
.clear {clear:both;font-size:1%;overflow:hidden;width:100%;height:0;}
.clrfx:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.mclear {display:none;}
.space {clear:both;width:100%;height:30px;}
.rule {clear:both;width:100%;height:1px;font-size:1%;overflow:hidden;background-color:var(--keyline);margin-bottom:7px;margin-top:5px;}
hr {background-color:var(--keyline);height:0;overflow:hidden;width:100%;clear:both;border:0;border-bottom:1px solid var(--tertiary);margin:12px 0 12px 0;}
#skipnavigation {left:-5000px;position:absolute;display:none;}
a.skip-main {left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999;}
a.skip-main:focus, a.skip-main:active {color:var(--text);left:0;right:0;margin:0 auto;top:6px;width:240px;height:auto;overflow:auto;text-align:center;font-weight:700;z-index:100001;}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}
.sr-only-focusable:active,.sr-only-focusable:focus {position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;}
.hidden {display:none;}

.outer{flex:1 0 auto;background:url(images/page-bg.jpg) top center no-repeat;background-size:100%;}
.wrapper {position:relative;width:100%;}
.wrapper .inner {position:relative;z-index:2;padding:2rem 0;text-align:center;}
.inner {position:relative;z-index:3;width:92%;max-width:1080px;margin:0 auto;}
.inner.narrow {padding:0 4%;}

.header {padding:3rem 0;}
.logo {display:block;width:480px;height:auto;}

.content {position:relative;}
.content .inner {padding:2rem 0;}
h1 {color:white;font-size:1.4rem;font-weight:400;line-height:1.4em;padding:0 0 2.6rem 0;}
h2 {color:white;font-size:2.2rem;font-weight:400;line-height:1.2em;padding:0 10% 1rem 0;}
h3 {color:white;font-size:2.2rem;font-weight:300;line-height:1.2em;padding-right:10%;}
p {color:white;font-weight:400;line-height:1.5em;padding-bottom:2rem;}
p span {color:#DF0980}
p.sectiontitle {color:#00A5DC;font-size:1.2rem;font-weight:400;line-height:1.4em;padding:0;}
p.padl {padding:0 24% 1.2rem 0;}
p.qte {color:#00A5DC;font-size:1.3rem;font-weight:300;line-height:1.5em;padding-bottom:3rem;}
p.qte span {color:white}
p a {color:#00A5DC;text-decoration:underline;}
p a:hover, p a:focus {color:#00A5DC;text-decoration:none;}

.content .flash {position:absolute;bottom:0;right:0;width:300px;height:auto;}
.content .flash img {display:block;width:100%;height:auto;}

.grid2 {display:grid;grid-template-columns:1fr 1fr;gap:3.6rem 6%;}
.gridcol {position:relative;}
.gridcol img {display:block;width:100%;height:auto;}
.gridcol .cutout {position:relative;width:86%;margin:0 auto;}
.gridcol .cutout img {position:relative;display:block;width:100%;height:auto;z-index:2;}
.gridcol .cutout .imgflash {position:absolute;z-index:1;width:70%;left:50%;bottom:60%;height:auto;}
.gridcol .cutout .imgflash img {display:block;width:100%;height:auto;}
.gridcol .cutout .imgflashr {position:absolute;z-index:1;width:70%;right:50%;bottom:60%;height:auto;}
.gridcol .cutout .imgflashr img {display:block;width:100%;height:auto;}

.panel {background-color:#201C17;padding:2rem 3.6rem 2rem 2.8rem;border-radius:16px;margin-bottom:1.8rem;}
.panel h4 {color:#00A5DC;font-size:1.2rem;font-weight:300;line-height:1.4em;padding-bottom:1.2rem;}
.panel ul {list-style:none;margin-left:32px;}
.panel ul li {position:relative;padding:1rem 0;border-bottom:1px solid #312C25;vertical-align:middle;}
.panel ul li:last-child {border-bottom:0}
.panel ul li span {color:#00A5DC;}
.panel ul li::before {position:absolute;top:16px;left:-32px;width:18px;height:18px;content:'';background-image:url(images/star.png);background-size:100% 100%;}

.panel.trans {background-color:rgba(32, 28, 23, 0.66);padding:2rem 3.6rem 1.8rem 2.8rem;margin-bottom:0;}
.panel.trans ul {margin-bottom:1rem;}
.panel.trans p {padding:0 0 1rem 0;}
.panel.trans p a {position:relative;display:inline-block;color:#00A5DC;text-decoration:none;font-size:1.2rem;}
.panel.trans p a {color:#00A5DC;text-decoration:none;}
.panel.trans p a:hover, .panel.trans p a:active {color:#00A5DC;text-decoration:underline;}
.panel.trans p a:after {position:absolute;content:'';width:9px;height:15px;right:-19px;top:2px;background-image:url(images/arrow-right.png);background-size:100% 100%;}

.panelcols {display:flex;justify-content:space-between;}
.panelcol {width:48%;}
p.panelftr {color:#00A5DC;padding:0.4rem 0 0 0 !important;}

.imgrow {display:flex;justify-content:space-between;}
.imgrow img:first-child {width:36%;height:auto;}
.imgrow img:nth-child(2) {width:23.8%;height:auto;}
.imgrow img:last-child {width:37.5%;height:auto;}

.btn {display:inline-block;color:white;text-decoration:none;background-color:#DF0980;font-size:0.76rem;padding:0.2rem 1rem;border-radius:16px;vertical-align:middle;margin-left:0.4rem;}

.footer {background-color:#13120E;padding:4.6rem 0 5rem 0;}
.footer img.flogo {position:absolute;width:140px;height:auto;top:-3rem;right:-2.6rem;}
.footer .fsocial p {text-align:left;color:white;padding:1.4rem 0 1.2rem 0;font-size:1.0rem;line-height:1.1em;vertical-align:middle;}
.footer .fsocial img {position:relative;width:100px;height:auto;display:inline-block;vertical-align:middle;margin-left:6px;}
.footer a {color:#00A5DC;text-decoration:none;}
.footer a:hover, .footer a:focus {color:#00A5DC;text-decoration:underline;}
.footer p.sml {font-size:0.86rem;}
.footer p.xsml {font-size:0.7rem;}
.footer a.email {font-size:1.3rem;}

@media screen and (max-width: 1503px) {
	.content .flash {width:200px;height:auto;}
}
@media screen and (max-width: 1280px) {
	.content .flash {display:none;}
}
@media screen and (max-width: 768px) {
	.content .inner {padding:1rem 0;}
	.grid2 {display:block;}
	.gridcol {margin-bottom:1.8rem;}
	.gridcol .cutout .imgflash {width:50%;left:50%;bottom:70%;height:auto;}
	.gridcol .cutout .imgflashr {width:50%;right:50%;bottom:70%;height:auto;}
	.panelcols {display:block;}
	.panelcol {width:100%;}
	.panel ul {margin-bottom:1.4rem;}
	p.padl {padding:0 0 1.2rem 0;}
}
@media screen and (max-width: 600px) {	
	.imgrow {display:block;}
	.imgrow img:first-child {width:auto;max-width:100%;display:block;margin:0 auto;margin-bottom:1rem;}
	.imgrow img:nth-child(2) {width:auto;max-width:100%;display:block;margin:0 auto;margin-bottom:1rem;}
	.imgrow img:last-child {width:auto;max-width:100%;display:block;margin:0 auto;margin-bottom:1rem;}
}