/* ========================================== */
/* FLEX_LP-theme.css - theme + colors + forms */
/* ========================================== */
/* v3.2.1 */
/* [1] theme.css  | framework, helpers, typography, responsive */
/* [2] colors.css | .primary, .secondary, .white, .light, .dark */
/* [3] forms.css  | Marketo form layout and fields */
/* ===================================================================================== */
/* ==================================[ [1] theme.css ]================================== */
/* ===================================================================================== */
/*/ ......((GLOBAL))...... /*/
/* custom fonts */
@font-face {
	font-family: 'MicronBasis';
	src: url('https://pages.micron.com/rs/482-WEJ-906/images/MicronBasis-Bold.otf') format('woff2');
	font-weight: 700;
}
@font-face {
	font-family: 'MicronBasis';
	src: url('https://pages.micron.com/rs/482-WEJ-906/images/MicronBasis-Medium.otf') format('woff2');
	font-weight: 500;
}
@font-face {
	font-family: 'MicronBasis';
	src: url('https://pages.micron.com/rs/482-WEJ-906/images/MicronBasis-Regular.otf') format('woff2');
	font-weight: 400;
}
@font-face {
	font-family: 'MicronBasis';
	src: url('https://pages.micron.com/rs/482-WEJ-906/images/MicronBasis-Light.otf') format('woff2');
	font-weight: 300;
}

/* order sections */
/* reorder sections up and down the layout using: #Sec_ {order:X;} where [-1 >= X <= 99] */
section {-ms-flex-order: 1; order: 1; z-index: 1;}
header {-ms-flex-order: 0; order: 0; z-index: 2;}
footer {-ms-flex-order: 100; order: 100; z-index: 2;}
/* for Section Gutters = OFF, remove padding from blocks */
/* use 1px offset to maintain box-model */
.container-fluid .block { padding-left: 1px; padding-right: 1px; }
.container-fluid .block > .mktoText, .container-fluid .block > .mktoForm, .container-fluid .block > .mktoSnippet { margin-right:-1px; margin-left:-1px; }
/* content-wrapper */
.content-wrapper {
	flex-grow:1;
	display: flex;
	flex-direction: column;
}
.content-wrapper.form-offset {position: relative; flex-grow: 0;}
.content-wrapper .mktoText, .content-wrapper .mktoForm {flex-grow:0;}
/* smooth scrolling */
html {scroll-behavior: smooth;}
/*/ ......((HELPER CLASSES))...... /*/
/* flex-grow */
.flex-grow-2 {-ms-flex-positive: 2 !important; flex-grow: 2 !important;}
.flex-grow-3 {-ms-flex-positive: 3 !important; flex-grow: 3 !important;}
.flex-grow-4 {-ms-flex-positive: 4 !important; flex-grow: 4 !important;}
.flex-grow-5 {-ms-flex-positive: 5 !important; flex-grow: 5 !important;}
/* show/hide toggle */
.on  {/* do nothing */}
.off {display:none !important;}
/* fluid images */
img {max-width: 100%; height:auto;}
/* responsive vertical spacers (mobile = 50% smaller than tablet +)*/
.spacer-0 {padding: 0;}
.spacer-1 {padding: .25rem 0;}
.spacer-2 {padding: .5rem 0;}
.spacer-3 {padding: .75rem 0;}
.spacer-4 {padding: 1rem 0;}
.spacer-5 {padding: 2rem 0;}
/* border radius */
.rounded {border-radius: 8px !important;}

/*/ ......((TYPOGRAPHY))...... /*/
html {
	font-size: 14px;
	line-height: 1.4;
}
body {
	font-family: 'MicronBasis', 'Helvetica', Arial, sans-serif;
	color:#0A0A0A;
	font-weight: 400;
	text-align: left;
	overflow-x: hidden;
}

/* half-containers */
@media (min-width: 992px) {
    .container-lg-half {
        max-width: 465px;
    }
}
@media (min-width: 1200px) {
    .container-lg-half {
        max-width: 555px;
    }
}

/* display headlines (XL+) */
.display-1 { font-size: 2.5rem; font-weight: 700; line-height: 1.1;}
.display-2 { font-size: 2.5rem; font-weight: 700; line-height: 1.1;}
.display-3 { font-size: 2.5rem; font-weight: 700; line-height: 1.1;}
.display-4 { font-size: 2.5rem; font-weight: 700; line-height: 1.1;}

/* headlines */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 20px;
	font-weight: 700;
	font-family: 'MicronBasis', 'Helvetica', Arial, sans-serif;
	line-height: 1.3;
}
/* headlines */
h1, .h1 {
	font-size:42px;
	line-height:52.5px;
	font-weight:700;
}
h2, .h2 {
	font-size:36px;
	line-height:45px;
	font-weight:700;
}
h3, .h3 {
	font-size:30px;
	line-height:37.5px;
	font-weight:700;
}
h4, .h4 {
	font-size:24px;
	line-height:30px;
	font-weight:700;
}
h5, .h5 {
	font-size:20px;
	line-height:25px;
	font-weight:700;
}
h6, .h6 {
	font-size:16px;
	line-height:20px;
	font-weight:700;
}

/* copy */
.large, .lead {
	font-size:1.125rem;
	line-height: 1.5;
	font-weight: 400;
	margin-bottom: 1rem;
}
p, .medium {
	font-size:1rem;
	line-height:1.5;
	font-weight:400;
	margin-bottom: 1rem;
}
small, .small {
	font-size: 0.875rem;
	line-height: 1.42rem;
	margin-bottom: 0.875rem;
}
.x-small {
	font-size: .7rem;
	line-height: 1.1rem;
}
.text-eyebrow {
    line-height: 1.333;
    margin-bottom: 0;
    font-size: 0.9375rem;
	letter-spacing: 1.05px;
	text-transform: uppercase;
}

b, strong {font-weight:700;}

/* Font Weight */
.thin {font-weight:300;}
.regular {font-weight:400;}
.semibold {font-weight:500;}
.bold {font-weight:700;}
.heavy {font-weight:900;}

/* text links */
a:not(.btn) {color:#BD03F7; font-weight:inherit; text-decoration: none;} /* primary color */
a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active {color:#8509B0; text-decoration: none; } /* primary-dk color */

/* text links w/ animated arrow */
.text-link-arrow {position: relative;}
.text-link-arrow::before {
	content: "";
	width: 18px;
	height: 2px;
	background-color: #BD03F7;
	position: absolute;
	right: -24px;
	top: calc(0.5em + 1.5px);
	transition: ease all 0.3s;
}
.text-link-arrow::after {
	content: "";
	height: 10px; width: 10px; border-right: 2px solid #bd03f7; border-top: 2px solid #bd03f7; transform: rotate(45deg); margin-left: -10px;
	position: absolute;
	right: -25px;
	top: calc(0.5rem - 2.5px);
	transition: ease all 0.3s;
}
/* reversed (white) arrows */
.text-link-arrow.text-white::before {background-color: #fff !important;}
.text-link-arrow.text-white::after {border-color: #fff !important;}

.text-link-arrow:hover::before, 
.text-link-arrow:active::before, 
.text-link-arrow:focus::before {
	width: 32px;
	right: -38px;
}
.text-link-arrow:hover::after, 
.text-link-arrow:active::after, 
.text-link-arrow:focus::after {
	right: -38px;
}

/* text-link-arrow inside feature box */
.feature-box-container:hover .text-link-arrow::before, 
.feature-box-container:active .text-link-arrow::before, 
.feature-box-container:focus .text-link-arrow::before {
	width: 32px;
	right: -38px;
}
.feature-box-container:hover .text-link-arrow::after, 
.feature-box-container:active .text-link-arrow::after, 
.feature-box-container:focus .text-link-arrow::after {
	right: -38px;
}
.feature-box :last-child {
    margin-bottom: 0px;
}

/* gated video mask link */
a.video-mask {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
}

/* footer link svg */
#FOOT a:hover > svg {fill: #BD03F7;}
/* footer social icons */
#FOOT-Snippet a i.fab {
	color: #fff;
	font-weight: 400;
}
#FOOT-Snippet a:hover i.fab {
	color: #BD03F7;
}

/* buttons */
button, .btn {
	outline: none; /* override :focus outlines */
	border: 2px solid #BD03F7;
	box-shadow: none;
	display: inline-block;
	font-weight: 500;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 14px 20px;
	font-size: 15px;
	line-height: 1;
	border-radius: 32px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	min-width: fit-content;
	text-transform: uppercase;
	letter-spacing: 2.1px;
}
.btn-sm {
	font-size: 14px;
	line-height: 1;
	padding: 8px 12px;
	letter-spacing: 1.3px;
}
hr {
	border-top: 1px solid #BD03F7;
	width:100%;
	margin:20px 0;
}

/* blockquote */
.blockquote {
	margin: 0px auto;
    width: 1066px;
    max-width: 100%;
    padding: 60px 20px;
}
.blockquote::before {
	content: "";
	border-top:  2px solid #BD03F7;
	width: 100%;
	display: block;
	margin-bottom: 40px;
}
.blockquote::after {
	content: "";
	border-top:  2px solid #BD03F7;
	width: 100%;
	display: block;
	margin-top: 40px;
}
.blockquote blockquote {
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
	margin-bottom: 40px;
}
.blockquote-caption {
	margin-bottom: 0px;
}
/* blockquote row w/ image */
.row.blockquote-row {
    width: 1059px;
    max-width: 100%;
    margin: auto;
    padding: 60px 20px;
}

/* tables */
.table-wrapper {
    max-width: 100%;
    overflow-x: auto;
}
table.table {
    width: 100%;
}
table.table thead tr {
    background-color: #f2f2f2;
}
table.table td, table.table th {
    white-space: nowrap;
    padding-left: 0.625rem;
    padding-right:1.25rem;
}


/* placeholder blocks */
.block-placeholder {outline:1px dashed rgba(0,0,0,0.3); min-height:90px; flex-grow:1; text-align:center;}

/* card containers */
.card-container-row {
	padding: 0 15px;
}
.card-container {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	margin:0 10px;
}
.card-container::before {
	display: block;
	content: "";
	padding-top: 100%;
}
.card-square {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left:0;
}
.card-square h5 {
	line-height: 1;
}

/* content tiles */
.content-tile {
	position: relative;
}
.content-tile-body {
	padding: 20px;
}
.tile-tag {
	position: absolute;
    padding-left: 20px;
    padding-right: 10px;
    border-radius: 8px 0 8px 0;
    font-size: 0.875rem;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 25px;
}

/*/ =======[Modal (Pop-Up) Styles]======= /*/
/* modal */
a.btn-close {
	position: absolute;
	right: -1em;
	top: -1em;
	border: 2px solid #fff;
	background-color: #0a0a0a;
	color: #fff !important;
	font-size: 1.3rem;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

/*/ =======[Responsive Styles]======= /*/
/*/ Small devices (landscape phones, 576px and up) /*/
@media (min-width: 576px) {
}
/*/ Medium devices (tablets, 768px and up) /*/
@media (min-width: 768px) {
	html {font-size:16px;}
	/* responsive vertical spacers (tablet+ = 2x larger than mobile)*/
	.spacer-0 {padding: 0;}
	.spacer-1 {padding: .5rem 0;}
	.spacer-2 {padding: 1rem 0;}
	.spacer-3 {padding: 1.5rem 0;}
	.spacer-4 {padding: 2rem 0;}
	.spacer-5 {padding: 3rem 0;}
}
/*/ Large devices (desktops, 992px and up) /*/
@media (min-width: 992px) {
	/* display headlines (XL+) */
	.display-1 { font-size: 6.0rem; line-height: 1.1;}
	.display-2 { font-size: 5.5rem; line-height: 1.1;}
	.display-3 { font-size: 4.5rem; line-height: 1.1;}
	.display-4 { font-size: 3.5rem; line-height: 1.1;}
	/* headlines */
	h1, .h1 {
		font-size:72px;
		line-height:90px;
		font-weight:700;
	}
	h2, .h2 {
		font-size:60px;
		line-height:75px;
		font-weight:700;
	}
	h3, .h3 {
		font-size:48px;
		line-height:60px;
		font-weight:700;
	}
	h4, .h4 {
		font-size:36px;
		line-height:45px;
		font-weight:700;
	}
	h5, .h5 {
		font-size:28px;
		line-height:35px;
		font-weight:700;
	}
	h6, .h6 {
		font-size:20px;
		line-height:25px;
		font-weight:700;
	}

	/* copy */
	.large, .lead {
		font-size:1.125rem;
		line-height: 1.5;
		font-weight: 400;
		margin-bottom: 1rem;
	}
	p, .medium {
		font-size:1rem;
		line-height:1.5;
		font-weight:400;
		margin-bottom: 1rem;
	}
	small, .small {
		font-size: 0.875rem;
		line-height: 1.42rem;
		margin-bottom: 0.875rem;
	}
	.x-small {
		font-size: .7rem;
		line-height: 1.1rem;
	}
	.text-eyebrow {
		line-height: 1.333;
		margin-bottom: 0;
		font-size: 0.9375rem;
	}
	.blockquote {
		padding:60px 80px;
	}
	.blockquote blockquote {
		font-size: 36px;
		line-height: 45px;
		font-weight: 400;
		margin-bottom: 40px;
	}
	.row.blockquote-row {
	    padding: 60px 80px;
	}
}
/*/ Extra large devices (large desktops, 1200px and up) /*/
@media (min-width: 1200px) {
	html {font-size: 16px;}
}

@media screen and (min-width:1500px){
	.container {max-width:1440px;}
	}


/* ====================================================================================== */
/* ==================================[ [2] colors.css ]================================== */
/* ====================================================================================== */

.bg-gradient-dark_purple {
    background: linear-gradient(45deg,#BD03F7,#0A0A0A,#4F5A6C) !important;
}
.bg-gradient-dark_blue {
    background: linear-gradient(45deg,#4F5A6C,#0A0A0A,#0068FF) !important;
}
.bg-gradient-bright_2 {
    background: linear-gradient(45deg,#0068FF,#3539F4,#BD03F7) !important;
}
.bg-gradient-bright_3 {
    background: linear-gradient(45deg,#E60177,#E81245,#BD03F7) !important;
}

/* :::::::::::::::::::::::: */
/* ::::::: primary :::::::: */
/* :::::::::::::::::::::::: */
.table-primary, .table-primary>td, .table-primary>th { background-color: #c821fc;}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #c821fc;}
.table-hover .table-primary:hover { background-color: #c821fc;}
.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #c821fc;}

.btn-primary { color: #0a0a0a; background-color: transparent; border-color: #BD03F7;}
.btn-primary:hover { color: #BD03F7; background-color: transparent; border-color: #BD03F7;}
.btn-primary.focus, .btn-primary:focus { box-shadow: none; color:#BD03F7; background-color: transparent; border-color: #BD03F7;}
.btn-primary.disabled, .btn-primary:disabled { color: #BD03F7; background-color: transparent; opacity: 0.6;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #BD03F7; background-color: transparent; border-color: #BD03F7;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none;}

.btn-outline-primary { color: #0a0a0a; background-color: transparent; border-color: #BD03F7;}
.btn-outline-primary:hover { color: #BD03F7; background-color: transparent; border-color: #BD03F7;}
.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: none; color:#BD03F7; background-color: transparent; border-color: #BD03F7;}
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #BD03F7; background-color: transparent; opacity: 0.6;}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: #BD03F7; background-color: transparent; border-color: #BD03F7;}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: none;}

.badge-primary { color: #fff; background-color: #BD03F7;}
a.badge-primary:focus, a.badge-primary:hover {color: #fff; background-color: #a203d4;}
a.badge-primary.focus, a.badge-primary:focus {outline: 0; box-shadow: 0 0 0 .2rem rgba(189, 3, 247, 0.5);}
.alert-primary {color: #a203d4; background-color: #c821fc; border-color: #c821fc;}
.alert-primary hr {border-top-color: #c821fc;}
.alert-primary .alert-link {color: #a203d4;}
.list-group-item-primary {color: #a203d4; background-color: #c821fc;}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {color: #a203d4; background-color: #c821fc;}
.list-group-item-primary.list-group-item-action.active {color: #fff; background-color: #a203d4; border-color: #a203d4}
.bg-primary {background-color: #BD03F7!important;}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #a203d4!important;}
.border-primary {border-color: #BD03F7!important;}
.text-primary {color: #BD03F7!important;}
a.text-primary:focus, a.text-primary:hover {color: #a203d4!important;}
ul.list-primary li::before {color: #BD03F7;}
/* :::::::::::::::::::::::::: */
/* ::::::: secondary :::::::: */
/* :::::::::::::::::::::::::: */
.table-secondary, .table-secondary>td, .table-secondary>th { background-color: #90d1ed;}
.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #90d1ed;}
.table-hover .table-secondary:hover { background-color: #90d1ed;}
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #90d1ed;}

.btn-secondary { color: #0a0a0a; background-color: transparent; border-color: #0a0a0a;}
.btn-secondary:hover { color: #BD03F7; background-color: transparent; border-color: #0a0a0a;}
.btn-secondary.focus, .btn-secondary:focus { box-shadow: none; color:#BD03F7; background-color: transparent; border-color: #0a0a0a;}
.btn-secondary.disabled, .btn-secondary:disabled { color: #BD03F7; background-color: transparent; opacity: 0.6;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #BD03F7; background-color: transparent; border-color: #0a0a0a;}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: none;}

.btn-outline-secondary { color: #0a0a0a; background-color: transparent; border-color: #0a0a0a;}
.btn-outline-secondary:hover { color: #BD03F7; background-color: transparent; border-color: #0a0a0a;}
.btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: none; color:#BD03F7; background-color: transparent; border-color: #0a0a0a;}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #BD03F7; background-color: transparent; opacity: 0.6;}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #BD03F7; background-color: transparent; border-color: #0a0a0a;}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: none;}

.badge-secondary { color: #fff; background-color: #71c5e8;}
a.badge-secondary:focus, a.badge-secondary:hover {color: #fff; background-color: #52b8e3;}
a.badge-secondary.focus, a.badge-secondary:focus {outline: 0; box-shadow: 0 0 0 .2rem  rgba(113, 197, 232, 0.5);}
.alert-secondary {color: #52b8e3; background-color: #90d1ed; border-color: #90d1ed;}
.alert-secondary hr {border-top-color: #90d1ed;}
.alert-secondary .alert-link {color: #52b8e3;}
.list-group-item-secondary {color: #52b8e3; background-color: #90d1ed;}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {color: #52b8e3; background-color: #90d1ed;}
.list-group-item-secondary.list-group-item-action.active {color: #fff; background-color: #52b8e3; border-color: #52b8e3}
.bg-secondary {background-color: #71c5e8!important;}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {background-color: #52b8e3!important;}
.border-secondary {border-color: #71c5e8!important;}
.text-secondary {color: #71c5e8!important;}
a.text-secondary:focus, a.text-secondary:hover {color: #52b8e3!important;}
ul.list-secondary li::before {color: #71c5e8;}
/* :::::::::::::::::::::: */
/* ::::::: white :::::::: */
/* :::::::::::::::::::::: */
.table-white, .table-white>td, .table-white>th { background-color: #fff;}
.table-white tbody+tbody, .table-white td, .table-white th, .table-white thead th { border-color: #fff;}
.table-hover .table-white:hover { background-color: #fff;}
.table-hover .table-white:hover>td, .table-hover .table-white:hover>th { background-color: #fff;}
.btn-white { color: #0A0A0A; background-color: #fff; border-color: #fff;}
.btn-white:hover { color: #0A0A0A; background-color: #ededed; border-color: #ededed;}
.btn-white.focus, .btn-white:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5); color:#0A0A0A; background-color: #ededed; border-color: #ededed;}
.btn-white.disabled, .btn-white:disabled { color: #0A0A0A; background-color: #fff; border-color: #fff;}
.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show>.btn-white.dropdown-toggle { color: #0A0A0A; background-color: #ededed; border-color: #ededed;}
.btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus, .show>.btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5);}
.btn-outline-white { color: #fff; border-color: #fff;}
.btn-outline-white:hover { color: #0A0A0A; background-color: #fff; border-color: #fff;}
.btn-outline-white.focus, .btn-outline-white:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5); color:#0A0A0A; background-color: #fff; border-color: #fff;}
.btn-outline-white.disabled, .btn-outline-white:disabled { color: #fff; background-color: transparent;}
.btn-outline-white:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, .show>.btn-outline-white.dropdown-toggle { color: #0A0A0A; background-color: #fff; border-color: #fff;}
.btn-outline-white:not(:disabled):not(.disabled).active:focus, .btn-outline-white:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-white.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5);}
/* for dark backgrounds */
.btn-outline-white-onDark { color: #fff; border-color: #BD03F7;}
.btn-outline-white-onDark:hover { color: #BD03F7; background-color: transparent; border-color: #BD03F7;}
.btn-outline-white-onDark.focus, .btn-outline-white-onDark:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5); color:#0A0A0A; background-color: #fff; border-color: #fff;}
.btn-outline-white-onDark.disabled, .btn-outline-white-onDark:disabled { color: #fff; background-color: transparent;}
.btn-outline-white-onDark:not(:disabled):not(.disabled).active, .btn-outline-white-onDark:not(:disabled):not(.disabled):active, .show>.btn-outline-white-onDark.dropdown-toggle { color: #0A0A0A; background-color: #fff; border-color: #fff;}
.btn-outline-white-onDark:not(:disabled):not(.disabled).active:focus, .btn-outline-white-onDark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-white-onDark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5);}

.badge-white { color: #0A0A0A; background-color: #fff;}
a.badge-white:focus, a.badge-white:hover {color: #0A0A0A; background-color: #ededed;}
a.badge-white.focus, a.badge-white:focus {outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5);}
.alert-white {color: #ededed; background-color: #fff; border-color: #fff;}
.alert-white hr {border-top-color: #fff;}
.alert-white .alert-link {color: #ededed;}
.list-group-item-white {color: #ededed; background-color: #fff;}
.list-group-item-white.list-group-item-action:focus, .list-group-item-white.list-group-item-action:hover {color: #ededed; background-color: #fff;}
.list-group-item-white.list-group-item-action.active {color: #0A0A0A; background-color: #ededed; border-color: #ededed}
.bg-white {background-color: #fff!important;}
a.bg-white:focus, a.bg-white:hover, button.bg-white:focus, button.bg-white:hover {background-color: #ededed!important;}
.border-white {border-color: #fff!important;}
.text-white {color: #fff!important;}
a.text-white:focus, a.text-white:hover {color: #ededed!important;}
ul.list-white li::before {color: #fff;}
/* ::::::::::::::::::::: */
/* ::::::: dark :::::::: */
/* ::::::::::::::::::::: */
.bg-dark {background-color: #0A0A0A!important;}
.border-dark {border-color: #0A0A0A!important;}
.text-dark {color: #0A0A0A!important;}
ul.list-dark li::before {color: #0A0A0A;}
/* ::::::::::::::::::::: */
/* ::::::: light :::::::: */
/* ::::::::::::::::::::: */
.bg-light {background-color: #bfbfbf!important;}
.border-light {border-color: #bfbfbf!important;}
.text-light {color: #bfbfbf!important;}
ul.list-light li::before {color: #bfbfbf;}

/* ===================================================================================== */
/* ==================================[ [3] forms.css ]================================== */
/* ===================================================================================== */
/*/ LP FLEX Marketo Forms Stylesheet /*/
/**************************************/
/* GLOBAL - Form Presets: Form element & children */
form.mktoForm, form.mktoForm * {
	font-size: 1em !important;
	font-family: inherit !important;
	color: inherit !important;
}
/* TRANSITIONS: ease color changes (optional) */
form.mktoForm * {
	transition: ease color .3s !important;
	transition: ease background-color .3s !important;
}
/* FORM OFFSET */
.form-offset::before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left:0;
	box-shadow: 6px 8px 15px rgba(0,0,0,0.15);
	z-index: -1;
}

/* :::::::::::::::::::::::::::::::::: */
/* :::::[ Architectural Styles ]::::: */
/* :::::::::::::::::::::::::::::::::: */
form.mktoForm {
	flex-direction: column; /* 'flex-direction: row;' for horizontal display */
	width: 100% !important; /* override fixed width on mktoForm */
	box-sizing: border-box;
}
form.mktoForm * {
	float: none !important; /* remove float on mktoForm elements */
	width: auto !important; /* remove fixed width on mktoForm elements */
}
form.mktoForm, form.mktoForm .mktoFormRow, form.mktoForm .mktoFieldWrap, form.mktoForm .mktoButtonRow {
	display:flex !important; /* flex these elements */
}
form.mktoForm .mktoOffset, form.mktoForm .mktoGutter, form.mktoForm fieldset legend, form.mktoForm .mktoAsterix {
	display:none !important; /* hide these elements */
}
form.mktoForm .mktoFormCol, form.mktoForm .mktoHtmlText {
	-ms-flex-positive: 1;
	flex-grow: 1; /* make these elements flex to full-width (100%) */
}
/* maintain font-size, line-height and input height for mobile */
form.mktoForm .mktoField {
	line-height: 1.4em !important; /*mktoOverride*/
	font-size: 1em !important; /*mktoOverride*/
	height: initial !important; /*mktoOverride*/
}
/* override marketo padding for mobile */
@media only screen and (max-width: 480px) {
    div.mktoForm, div.mktoForm * {padding: unset;}
}
/* :::::::::::::::::::::::::::::::: */
/* :::::[ Form Layout Styles ]::::: */
/* :::::::::::::::::::::::::::::::: */
/* Form Layout > Settings: LABELS-ABOVE ---------------- */
form.mktoForm.mktoLayoutAbove .mktoFieldWrap {
	flex-direction: column !important;
	align-items: flex-start !important;
}
form.mktoForm.mktoLayoutAbove label.mktoLabel {
	text-align: left !important;
	padding: .5em 0 !important;
	width: 100% !important;
}
/* Form Layout > Settings: LABELS-LEFT ------------------ */
form.mktoForm.mktoLayoutLeft fieldset .mktoFieldWrap {
	display: flex !important;
	flex-direction: row !important;
}
form.mktoForm.mktoLayoutLeft fieldset label.mktoLabel {
	display: block !important;
	text-align: right !important;
	padding: 0 !important;
	max-width: 120px; /* set width for labels left */
	width: 120px !important; /* set width for labels left */
	margin: auto 15px auto 0;
}
/* ::::::::::::::::::::::::::: */
/* :::::[ Form Elements ]::::: */
/* ::::::::::::::::::::::::::: */
/* ROWS ___________________ */
form.mktoForm .mktoFormRow,
form.mktoForm .mktoButtonRow {
	flex-wrap: wrap;
	flex-direction:row;
	min-width:unset;
}
form.mktoForm .mktoFormRow {
	margin: 0 -10px; /* offset .mktoFieldWrap padding (10px) */
}
/* COLUMNS ______________ */
form.mktoForm .mktoFormCol {
	flex-basis: 0; /* make columns in a row equal widths */
	min-height: 0px !important; /*mktoOverride*/
}
/* FIELDSET _________ */
form.mktoForm fieldset {
	padding: 0px 10px !important; /*mktoOverride*/
	margin: 0px !important; /*mktoOverride*/
	border: 0px !important; /*mktoOverride*/
}
/* FIELDWRAP ______________ */
form.mktoForm .mktoFieldWrap {
	padding: 0px 10px !important;
}
/* LABELS __________________ */
form.mktoForm label.mktoLabel {
	padding:.5rem !important;
	font-size:0.8em !important;
	font-weight: bold !important;
}
/* |>> Labels-Above ........................ */
form.mktoForm.mktoLayoutAbove label.mktoLabel {
	text-align: left !important;
}
/* |>> Labels-Left ........................ */
form.mktoForm.mktoLayoutLeft label.mktoLabel {
	text-align: right !important;
	min-width:120px;
}
/* INPUTS (ALL) ______________ */
/* excludes radio & checkboxes */
form.mktoForm input[type=url],
form.mktoForm input[type=text],
form.mktoForm input[type=date],
form.mktoForm input[type=tel],
form.mktoForm input[type=email],
form.mktoForm input[type=number],
form.mktoForm textarea.mktoField,
form.mktoForm select.mktoField  {
	color: #0A0A0A !important;
	padding: 8px 13px !important;
	-ms-flex-positive: 1;
	flex-grow:1;
	width:100% !important;
	min-height: 44px !important; /*mktoOverride*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color:#fff !important;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd !important;
	border-radius:0px;
	-webkit-border-radius: 0px;
}
/* SELECT ___________________ */
form.mktoForm select.mktoField {
	background-image: linear-gradient(135deg, #ddd 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #ddd 50%); /* downward triangle - match placeholder color */
	background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat !important;
	outline: 0 !important;
}
/* |>> Select not-valid states ............. */
form.mktoForm select.mktoField:not(.mktoValid),
form.mktoForm select.mktoField.mktoInvalid {
	color: #ddd !important;
}
/* |>> Select invalid states .................. */
form.mktoForm select.mktoField.mktoInvalid:active,
form.mktoForm select.mktoField.mktoInvalid:focus {
	color: initial !important;
}
/* |>> Select active states ........ */
form.mktoForm select.mktoField:focus,
form.mktoForm select.mktoField:active {
	background-image: linear-gradient(135deg, #BD03F7 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #BD03F7 50%); /* downard triangle - :focus-color */
}
/* LOGICAL FIELDS (parent) ___ */
form.mktoForm .mktoRadioList,
form.mktoForm .mktoCheckboxList {
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding:0px;
}
/* LOGICAL FIELDS (child) ______ */
form.mktoForm .mktoRadioList *,
form.mktoForm .mktoCheckboxList * {
	text-align: left !important;
}
/* |>> Checkbox & Radio Labels .... */
form.mktoForm .mktoCheckboxList label,
form.mktoForm .mktoRadioList label {
	margin-top: 0px !important;
	line-height: 1.25em !important;
	margin-left: 1.75em !important;
}
/* |>> Checkbox & Radio Inputs ....... */
form.mktoForm .mktoRadioList > input,
form.mktoForm .mktoCheckboxList > input {
	float: left !important;
	width: 1.25em !important;
	height: 1.25em !important;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd !important;
	background-color: #fff;
}
/* CHECKBOX _____________________ */
form.mktoForm input[type=checkbox] {
	-webkit-appearance: none !important;
	box-sizing: border-box !important;
	border-radius:0px;
	-webkit-border-radius: 0px;
}
/* |>> Checkbox :focus state .......... */
form.mktoForm input[type=checkbox]:focus {
	outline:0px !important;
}
/* |>> Checkbox :checked state .................. */
form.mktoForm input[type=checkbox]:checked::before {
	color: #0A0A0A !important;
	content:'\2713';
	font-weight:bold !important;
	width:1em !important;
	height:1em !important;
	text-align:center !important;
	display:block !important;
	margin-top:-2px;
	margin-left:1px;
}
/* RADIO _______________________________ */
form.mktoForm input.mktoField[type=radio] {
	-webkit-appearance:none !important;
	border-radius: 50%;
	height:17px !important;
	width: 17px !important;
}
/* |>> Radio :focus state .................... */
form.mktoForm input.mktoField[type=radio]:focus:checked,
form.mktoForm input.mktoField[type=radio]:focus {
	border-color: #BD03F7 !important;
	outline: none !important;
	border-width: 1px;
	border-style: solid;
}
/* |>> Radio :checked state ......................... */
form.mktoForm input.mktoField[type=radio]:checked::before {
	content:'';
	background-color: #0A0A0A !important;
	height:11px;
	width:11px;
	position:absolute;
	border-radius: 50%;
	margin-top:2px;
	margin-left:2px;
	box-sizing:border-box;
}
/* TEXTAREA ___________________ */
form.mktoForm textarea.mktoField {
	height: auto !important; /* override input fixed height */
}
/* INPUTS (ALL) :focus state ________ */
form.mktoForm input.mktoField:focus,
form.mktoForm select.mktoField:focus,
form.mktoForm textarea.mktoField:focus {
	outline: 0px !important;
	border-width: 1px;
	border-style: solid;
	border-color: #BD03F7 !important;
}
/* FORM BUTTON _____________ */
/* |>> Button wrapper ...... */
form.mktoForm .mktoButtonWrap {
	margin:20px auto 20px 0 !important; /* left align button */
}
/* |>> Button style .......... */
form.mktoForm button.mktoButton {
	color: #0a0a0a !important;
	background: transparent !important;
	border: 2px solid #BD03F7 !important;
	padding: 14px 20px !important;
	font-size: 1rem !important;
	line-height: 1 !important;
	font-weight: 500 !important;
	border-radius: 32px;
	min-width:180px;
	min-height: 0px !important;
	box-shadow:none !important; /*mktoOverride*/
	text-shadow:none !important; /*mktoOverride*/
	text-transform: uppercase;
	letter-spacing: 2.1px;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	outline: none !important;
}

/* |>> Button :active states .. */
form.mktoForm .mktoButton:hover,
form.mktoForm .mktoButton:focus,
form.mktoForm .mktoButton:active {
	color: #BD03F7 !important;
	background-color: transparent !important;
	border: 2px solid #BD03F7 !important;
}
form.mktoForm .mktoButton:focus {
	box-shadow: none !important;
}
/* RICH TEXT _____________ */
form.mktoForm .mktoHtmlText {
	padding: 0px !important;
	width: 100% !important;
}
/* PLACEHOLDERS ________________________ */
::-moz-placeholder{color: #ddd !important;}
::-webkit-input-placeholder{color: #ddd !important;}
:-ms-input-placeholder{color: #ddd !important;}
::placeholder{color: #ddd !important;}
/* ERROR MESSAGE _________________________ */
form.mktoForm input.mktoField.mktoInvalid,
form.mktoForm select.mktoField.mktoInvalid,
form.mktoForm textarea.mktoField.mktoInvalid,
.mktoLogicalField.mktoInvalid input {
	border-color: #dd0000 !important;
}
form.mktoForm select.mktoField.mktoInvalid {
	background-image: linear-gradient(135deg, #dd0000 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #dd0000 50%); /* downward triangle - error-red */
}
form.mktoForm .mktoError {
	width: 100% !important;
	left: 5%;
	bottom:30px !important;
	display:flex;
	max-width:90% !important;
}
form.mktoForm .mktoErrorMsg {
	max-width:90% !important;
	-ms-flex-positive: 1;
	flex-grow: 1 !important;
	margin:0px auto !important;
	width: 100% !important;
	font-size: .9em !important;
	background-image:none !important;
	box-shadow: none !important;
	text-shadow:none !important;
	background: #fff !important;
	color: red !important;
	border: 1px solid #dd0000 !important;
	outline: none !important;
}
form.mktoForm .mktoErrorDetail {
	font-size: inherit !important;
	display: inline-block !important;
}
/*/ ======== RESPONSIVE STYLES ========= /*/
/* twin styles: upto 576px, 768-991px || 1-column responsive */
@media screen and (max-width:576px) {
	form.mktoForm,
	form.mktoForm .mktoFormRow,
	form.mktoForm .mktoFieldWrap {
		display:block !important;
		text-align: left !important;
	}
	form.mktoForm, form.mktoForm * {
		padding:0px;
	}
	form.mktoForm label.mktoLabel, form.mktoForm .mktoHtmlText {
		padding-left:0px !important;
		padding-right: 0px !important;
	}
} /* end responsive 0-576px */
@media screen and (min-width:768px) and (max-width:991px) {
	form.mktoForm,
	form.mktoForm .mktoFormRow,
	form.mktoForm .mktoFieldWrap {
		display:block !important;
		text-align: left !important;
	}
	form.mktoForm, form.mktoForm * {
		padding:0px;
	}
	form.mktoForm label.mktoLabel, form.mktoForm .mktoHtmlText {
		padding-left:0px !important;
		padding-right: 0px !important;
	}
} /* end responsive 768-991px */