html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
ins {
	text-decoration: none
}
del {
	text-decoration: line-through
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
@font-face {
	font-family: 'Avenir-Medium';
	src: url("../../assets/fonts/Avenir-Medium.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Avenir-Medium.woff") format("woff"), url("../../assets/fonts/Avenir-Medium.ttf") format("truetype"), url("../../assets/fonts/Avenir-Medium.svg#Avenir-Medium") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'Avenir-Light';
	src: url("../../assets/fonts/Avenir-Light.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Avenir-Light.woff") format("woff"), url("../../assets/fonts/Avenir-Light.ttf") format("truetype"), url("../../assets/fonts/Avenir-Light.svg#Avenir-Light") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'Avenir-Book';
	src: url("../../assets/fonts/Avenir-Book.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Avenir-Book.woff") format("woff"), url("../../assets/fonts/Avenir-Book.ttf") format("truetype"), url("../../assets/fonts/Avenir-Book.svg#Avenir-Book") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'Avenir-Heavy';
	src: url("../../assets/fonts/Avenir-Heavy.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Avenir-Heavy.woff") format("woff"), url("../../assets/fonts/Avenir-Heavy.ttf") format("truetype"), url("../../assets/fonts/Avenir-Heavy.svg#Avenir-Heavy") format("svg");
	font-weight: normal;
	font-style: normal
}
.saveButton, .postalButton, .customerServiceButton, .unsubscribeAllButton, .unsubscribeOneButton, .subscribeOneButton, .clickBackButton, .backButton, .homeButton, .linkOutButton {
	height: 48px;
	width: 288px
}
.saveButton, .clickBackButton {
	background-color: #9a8756;
	background-image: none;
	color: #FEFEFE;
	border: none;
	border-radius: 5px;
	margin: auto;
	display: block;
	margin: auto;
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out
}
.saveButton:hover, .clickBackButton:hover {
	background-color: #1271A9;
	color: #FEFEFE;
	border: none;
	transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in
}
.postalButton, .customerServiceButton, .unsubscribeAllButton, .unsubscribeOneButton, .subscribeOneButton, .backButton, .homeButton {
	background-color: #9a8756;
	background-image: none;
	color: #FEFEFE;
	border: none;
	border-radius: 5px;
	margin: auto;
	display: block;
	margin: auto;
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out
}
.postalButton:hover, .customerServiceButton:hover, .unsubscribeAllButton:hover, .unsubscribeOneButton:hover, .subscribeOneButton:hover, .backButton:hover, .homeButton:hover {
	background-color: #e0be65;
	color: #FEFEFE;
	border: none;
	transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.linkOutButton {
	background-color: #016CF9;
	background-image: none;
	color: #FEFEFE;
	border: none;
	border-radius: 5px;
	margin: auto;
	display: block;
	margin: auto;
	position: relative;
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out
}
.linkOutButton:hover {
	background-color: #07113E;
	color: #FEFEFE;
	border: none;
	transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in
}
.linkOutContainer:before, .smallGradient.subHelloTitle:after, .smallGradient.subHelloTitle.noTopMargin:after {
	background-image: linear-gradient(0deg, #07113E, #07113E);
	bottom: 0;
	content: "";
	display: block;
	height: 3px;
height:.1875rem;
	width: 100px
}
.footerContainer:after, .headerContainer:after {
	background-image: linear-gradient(0deg, transparent, #FEFEFE);
	bottom: 0;
	content: "";
	display: block;
	height: 5px;
height:.375rem;
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 3
}
.linkOutButton:after {
	border-radius: 0px 5px 5px 0px;
	align-items: center;
	bottom: 0;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
	background-color: #07113E;
	content: url("../../assets/img/arrow.svg");
	vertical-align: middle;
	-webkit-box-align: center;
	display: flex
}
.manageAllList {
	border-top: 1px solid #D0D7DE
}
.category .list .permissionList {
	border-bottom: 1px solid #D0D7DE
}
#successOval {
	fill: #63DC9F
}
#successIcon {
	fill: #FEFEFE
}
#errorOval {
	fill: #EE2357
}
#errorIcon {
	fill: #FEFEFE
}
.loadingContainer {
	background-color: #F8F8F8;
	max-width: 100%;
	width: 475px;
	padding: 40px 0px;
	margin: 25px auto;
	display: block;
	text-align: center
}
.loadingTextWrapper {
	display: inline-block;
	max-width: 100%;
	width: 170px
}
.loadingText {
	font-family: Avenir-Book;
	text-align: left;
	color: #8394A9;
	letter-spacing: -.5px
}
.loadingText:after {
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	-webkit-animation: ellipsis steps(4, end) 0.75s infinite;
	animation: ellipsis steps(4, end) 900ms infinite;
	content: "\2026"
}
@keyframes ellipsis {
0% {
width:0px
}
50% {
width:1.25em
}
100% {
width:0px
}
}
@-webkit-keyframes ellipsis {
0% {
width:0px
}
50% {
width:1.25em
}
100% {
width:0px
}
}
button:hover, a {
	cursor: pointer
}
.saveButton {
	margin: auto;
	margin-left: 10px
}
.unsubscribeAllButton {
	margin: auto
}
.clickBackButton {
	margin: 20px auto
}
.backButton {
	margin: 20px auto
}
.homeButton {
	margin: 20px auto
}
.unsubscribeAllButtonContainer {
	display: inline-block;
	position: relative;
	top: 50%;
	z-index: 1
}
.unsubscribeOneButtonContainer {
	margin: 30px auto
}
.subscribeOneButtonContainer {
	margin: 30px auto
}
.topButtons {
	text-align: center;
	margin: 10px auto 25px auto
}
@keyframes slideLeft {
from {
left:20%
}
to {
	left: 0%
}
}
@-webkit-keyframes slideLeft {
from {
left:20%
}
to {
	left: 0%
}
}
@keyframes slideRight {
from {
left:-20%
}
to {
	left: 0%
}
}
@-webkit-keyframes slideRight {
from {
left:-20%
}
to {
	left: 0%
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
	opacity: 1
}
}
@-webkit-keyframes fadeIn {
from {
opacity:0
}
to {
	opacity: 1
}
}
@keyframes fadeOut {
from {
opacity:1
}
to {
	opacity: 0
}
}
@-webkit-keyframes fadeOut {
from {
opacity:1
}
to {
	opacity: 0
}
}
@keyframes fadeLeft {
from {
left:0%
}
to {
	left: -22%
}
}
@-webkit-keyframes fadeLeft {
from {
left:0%
}
to {
	left: -22%
}
}
div.unsubscribeAllButtonContainer.showSave {
	-webkit-animation-name: doNothing;
	-moz-animation-name: doNothing;
	-o-animation-name: doNothing;
	animation-name: doNothing;
	animation-duration: .75s
}
div.saveButtonContainer {
	transition: top 0.75s;
	-o-transition: top 0.75s;
	-ms-transition: top 0.75s;
	-moz-transition: top 0.75s;
	-webkit-transition: top 0.75s;
	width: 100%;
	background-color: rgba(255,255,255,0.9);
	border-top: 1px solid #D0D7DE;
	position: fixed;
	height: 160px;
	z-index: 5
}
div.saveButtonContainer.hideSave {
	-webkit-animation-name: doNothing;
	-moz-animation-name: doNothing;
	-o-animation-name: doNothing;
	animation-name: doNothing;
	animation-duration: .75s;
	position: fixed;
	left: 0;
	width: 100%;
	top: 100%
}
div.saveButtonContainer.showSave {
	-webkit-animation-name: doNothing;
	-moz-animation-name: doNothing;
	-o-animation-name: doNothing;
	animation-name: doNothing;
	animation-duration: .75s;
	position: fixed;
	left: 0;
	width: 100%;
	top: calc(100% - 160px)
}
button.saveButton {
	-webkit-animation-name: doNothing;
	-moz-animation-name: doNothing;
	-o-animation-name: doNothing;
	animation-name: doNothing;
	animation-duration: .75s;
	margin: 60px auto;
	opacity: 1
}
div.saveCover {
	position: fixed;
	left: 0;
	width: 100%;
	height: 80px;
	background-color: #FEFEFE;
	top: 100%
}
@keyframes doNothing {
from {
opacity:1
}
to {
	opacity: 1
}
}
.logosBarContainer {
	text-align: center;
	display: inline-block;
	width: 100%
}
.waltDisneyLogo {
	width: auto;
	margin: auto;
	display: inline-block;
	vertical-align: middle
}
.abcLogo {
	margin: auto;
	display: inline-block;
	vertical-align: middle
}
.disneyLogo {
	margin: auto;
	display: inline-block;
	vertical-align: middle
}
.espnLogo {
	margin: auto;
	display: inline-block;
	vertical-align: middle
}
.natGeoLogo {
	margin: auto;
	display: inline-block;
	vertical-align: middle
}
svg.natGeoLogo {
	height: 23px !important;
	min-height: 23px !important
}
.freeformLogo {
	margin: auto;
	display: inline-block;
	vertical-align: middle
}
svg.freeformLogo {
	height: 28px !important;
	min-height: 28px !important
}
.makerLogo {
	margin: auto;
	display: inline-block;
	vertical-align: middle
}
.marvelLogo {
	display: inline-block;
	vertical-align: middle;
	padding-top: 10px
}
.fxLogo {
	margin: auto;
	display: inline-block;
	vertical-align: middle
}
.pixarLogo {
	margin: auto;
	display: inline-block;
	vertical-align: middle
}
svg.logo.lucasLogo {
	margin: auto;
	display: inline-block;
	vertical-align: middle
}
.dmcLogo .st0 {
	fill: #FEFEFE
}
.headerContainer .logosBarContainer svg.marvelLogo {
	height: 30px;
	min-height: 30px
}
.footerContainer .logosBarContainer svg.marvelLogo {
	height: 30px;
	min-height: 30px
}
.headerContainer .logosBarContainer span svg.dmcLogo {
	vertical-align: middle
}
.headerContainer .logosBarContainer span svg.fteLogo {
	fill: #000;
	width: auto;
	vertical-align: middle
}
.headerContainer .logosBarContainer span svg.fteLogo .st0 {
	fill: #ED713A
}
.headerContainer .logosBarContainer span svg.fteLogo .st1 {
	fill: #07113E
}
.footerContainer .logosBarContainer svg.fxLogo, .headerContainer .logosBarContainer svg.fxLogo {
	height: 25px;
	min-height: 20px
}
.messageContainer {
	text-align: center;
	margin: 30px auto
}
.messageContainer svg {
	margin-bottom: 12px
}
.messageContainer h3.noDataDescription {
	margin-bottom: 20px
}
.messageContainer.success h3 {
	color: #63DC9F
}
.messageContainer.error p {
	color: #EE2357
}
#emailSent {
	color: #63DC9F
}
.permissionList {
	background: #F8F8F8;
	border: 1px solid #ECF1F4;
	border-radius: 7px;
	margin: 20px auto;
	padding: 0px 20px;
	width: 100%;
	text-align: left
}
.list {
	max-width: 100%;
	width: 475px;
	margin: auto
}
.list.unsubscribe {
	margin: 25px auto
}
.permission {
	width: 100%;
	padding: 10px 0px
}
.permissionStatus {
	color: #8394A9;
	display: inline-block;
	min-width: 140px;
	max-width: 200px;
	vertical-align: top;
	line-height: 24px
}
.permissionStatus>label.checkboxStatus {
	cursor: pointer;
	padding: 0px 10px;
	color: #8394A9;
	display: inline-block;
	text-transform: none;
	min-width: 116px
}
.permissionCommunication {
	display: inline-block;
	min-width: 200px;
	max-width: 286px
}
.permissionCommunication>p {
	color: #333;
	text-transform: none
}
.permissionStatus {
	position: relative;
	margin: 0px;
	display: inline-block
}
.permissionStatus label.checkmark {
	width: 24px;
	height: 24px;
	cursor: pointer;
	display: inline-block;
	border: 1px solid #8394A9;
	border-radius: 3px;
	background-color: transparent
}
.permissionStatus label.checkmark span {
	content: '';
	width: 18px;
	height: 8px;
	display: inline-block;
	border: 3px solid #fff;
	border-top: none;
	border-right: none;
	background: transparent;
	opacity: 0;
	transform: rotate(-52deg) skewX(-10deg);
	margin: 0px 0px 3px 2px
}
.permissionStatus input[type=checkbox] {
	display: none
}
.permissionStatus input[type=checkbox]:checked+label.checkmark {
	background: #07113E;
	border: 1px solid #07113E
}
.permissionStatus input[type=checkbox]:checked+label.checkmark span {
	opacity: 1
}
.permissionStatement {
	display: block;
	position: relative
}
.expanded>p {
	height: 100%;
	line-height: 1.6em;
	opacity: 1
}
.collapsed>p {
	line-height: 0px;
	opacity: 0;
	height: 0px
}
.permissionStatement>p {
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	color: #C6C6C6
}
.linkOutContainer {
	margin: 60px 0px
}
.linkOutContainer:before {
	margin: 60px auto 50px auto
}
.linkOutTitle {
	text-align: center;
	color: #000
}
.linkOutDescription {
	margin: 30px;
	text-align: center
}
.linkOutButton {
	padding-right: -webkit-calc(48px + 7px);
	padding-right: -moz-calc(48px + 7px);
	padding-right: calc(48px + 7px)
}
.emailPreferencesTitle {
	margin: 40px auto;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.helloTitle, #legalCountry {
	text-align: center;
	color: #333;
	word-break: break-word;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#legalCountry {
	margin-top: 10px;
	color: #8394A9;
	font-size: 14px;
	font-weight: 100
}
#legalCountry #legalCountryLabel {
	color: #000
}
.smallGradient.subHelloTitle:after {
	margin: 40px auto 30px auto
}
.smallGradient.subHelloTitle.noTopMargin:after {
	margin: -10px auto 30px auto
}
.description {
	text-align: center;
	font-size: 16px
}
.description.all.top {
	margin: 30px auto 25px auto
}
.description.all.bottom {
	font-weight: 200
}
.description.all.bottom a {
	text-transform: none;
	font-size: 16px
}
.description.single {
	margin: 30px auto 40px auto;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.textUnderButton {
	color: #8394A9
}
.info-paragraph {
	margin: 40px 0px 0px 0px
}
.info-paragraph+p.info-paragraph {
	margin-top: 35px
}
.info-paragraph.single {
	margin-top: 60px
}
.centeredText {
	text-align: center
}
.manageAllLink {
	display: block;
	margin: 25px auto 40px auto
}
.manageAllLink.single {
	margin: 0px auto 60px auto
}
.topDisclaimer {
	margin-bottom: 40px
}
.disclaimerSenderName {
	font-weight: 600
}
html, body {
	height: 100%;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
body {
	height: 100%;
	background: #FEFEFE
}
.container {
	height: 100%
}
#masterLandingPage {
	height: 100%
}
.comp-app {
	height: 100%
}
div {
	height: 100%
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
div {
	height: auto
}
}
.page-content-wrapper {
	background: rgba(0,0,0,0);
	border: none;
	border-radius: none;
	width: auto;
	max-width: 100%;
	height: auto;
	padding: auto;
	margin: auto
}
h1 {
	font-family: Avenir-Book;
	font-size: 38px;
	font-weight: 500;
	letter-spacing: .01em;
	text-transform: none;
	color: #333
}
h2 {
	font-family: Avenir-Book;
	font-size: 28px;
	font-weight: 300;
	letter-spacing: 0em;
	text-transform: capitalize;
	color: #333
}
h3 {
	font-family: Avenir-Book;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0em;
	text-transform: none;
	color: #016CF9;
	line-height: 28px
}
h4 {
	font-family: Avenir-Book;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0em;
	text-transform: none;
	color: #016CF9
}
p, label {
	font-family: Avenir-Book;
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0em;
	line-height: 1.6em;
	color: #333
}
a {
	font-family: Avenir-Book;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	text-decoration: underline;
	letter-spacing: 0em;
	color: #016CF9
}
a:hover {
	color: #07113E;
	text-decoration: underline
}
footer a {
	text-transform: none !important
}
button, input[type="button"], input[type="submit"] {
	font-family: Avenir-Book;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .1em
}
.checkboxStatus {
	font-weight: 200;
	font-size: 16px
}
.permissionCommunication p {
	font-weight: 600;
	word-wrap: break-word;
	font-size: 16px
}
.topDisclaimer {
	color: #8394A9
}
.main-content {
	max-width: 100%;
	width: 634px;
	margin: auto
}
.checkbox-modules {
	max-width: 100%;
	min-width: 470px;
	margin: auto
}
.mobileMenu {
	display: none
}
.display-none {
	display: none
}
.hide-language-picker {
	height: 29px
}
.mobileAccountInfoContainer {
	display: none
}
.navLinksContainer {
	display: none;
	overflow: scroll
}
p.manageDisclaimer.description {
	margin-top: 60px
}
.footerContainer {
	width: 100%;
	display: block;
	/*margin-top: 80px;*/
	transition: margin-bottom 0.75s;
	-o-transition: margin-bottom 0.75s;
	-ms-transition: margin-bottom 0.75s;
	-moz-transition: margin-bottom 0.75s;
	-webkit-transition: margin-bottom 0.75s
}
.footerContainer.showSave {
	margin-bottom: 175px
}
.footerContainer.hideSave {
	margin-bottom: 0px
}
.footerContainer:after {
	bottom: auto;
	margin-bottom: 10px
}
.footerContainer .logosBarContainer {
	height: 110px;
	background-color: #F8F8F8;
	line-height: 110px
}
.footerContainer .logosBarContainer svg {
	fill: #A1AFBF;
	height: 40px;
	width: 12.5%;
	min-height: 40px
}
.footerContainer .logosBarContainer svg.abcLogo {
	min-height: 31px;
	height: 31px
}
.footerContainer .logosBarContainer svg.abcLogo .cls-1 {
	isolation: isolate
}
.footerContainer .logosBarContainer svg.abcLogo .cls-2, .footerContainer .logosBarContainer svg.abcLogo .cls-3 {
	fill: #A1AFBF
}
.footerContainer .logosBarContainer svg.abcLogo .cls-3 {
	mix-blend-mode: screen
}
.footerContainer .logosBarContainer svg.abcLogo .cls-4 {
	fill: #F8F8F8
}
.footerContainer .logosBarContainer svg.marvelLogo .cls-1 {
	fill: #A1AFBF
}
.footerContainer .logosBarContainer svg.marvelLogo .cls-2 {
	fill: #F8F8F8
}
.footerContainer .logosBarContainer svg .lucasPath {
	fill: #A1AFBF
}
.footerLinksContainer {
	margin: 40px auto;
	text-align: center;
	background-color: #999;
}
.footerLinksContainer span.footerPipe {
	margin: 40px 14px
}
.footerLinksContainer p {
	color: #263C55
}
.footerLinksContainer p a {
	color: #016CF9;
	text-decoration: underline
}
.footerLinksContainer p a:hover {
	color: #07113E;
	text-decoration: underline
}
.headerContainer {
	width: 100%;
	background-color: #07113E
}
.headerContainer:after {
	bottom: auto
}
.headerContainer .logosBarContainer {
	height: 100px;
	line-height: 100px
}
.headerContainer .logosBarContainer svg {
	height: 40px;
	width: 10.7%;
	min-height: 40px;
	fill: #D0D7DE
}
.headerContainer .logosBarContainer .primaryLogo {
	height: 50px;
	min-height: 50px;
	fill: #FEFEFE;
	margin-top: -30px
}
.headerContainer .logosBarContainer .abcLogo {
	height: 31px;
	min-height: 31px
}
.headerContainer .logosBarContainer .abcLogo .cls-1 {
	isolation: isolate
}
.headerContainer .logosBarContainer .abcLogo .cls-2, .headerContainer .logosBarContainer .abcLogo .cls-3 {
	fill: #D0D7DE
}
.headerContainer .logosBarContainer .abcLogo .cls-3 {
	mix-blend-mode: screen
}
.headerContainer .logosBarContainer .abcLogo .cls-4 {
	fill: #07113E
}
.headerContainer .logosBarContainer .marvelLogo .cls-1 {
	fill: #D0D7DE
}
.headerContainer .logosBarContainer .marvelLogo .cls-2 {
	fill: #07113E
}
.headerContainer .logosBarContainer .abcLogo.primaryLogo .cls-1 {
	isolation: isolate
}
.headerContainer .logosBarContainer .abcLogo.primaryLogo .cls-2, .headerContainer .logosBarContainer .abcLogo.primaryLogo .cls-3 {
	fill: #FEFEFE
}
.headerContainer .logosBarContainer .abcLogo.primaryLogo .cls-3 {
	mix-blend-mode: screen
}
.headerContainer .logosBarContainer .abcLogo.primaryLogo .cls-4 {
	fill: #07113E
}
.headerContainer .logosBarContainer .lucasPath {
	fill: #D0D7DE
}
.headerContainer .language-picker {
	float: right;
	background-color: #07113E;
	width: 100%
}
.headerContainer .language-picker select, .headerContainer .language-picker label {
	float: right;
	margin: 4px;
	font: Aramis W01;
	font-size: 12px
}
.headerContainer .language-picker label {
	color: #fff;
	font-size: 16px;
	margin: 2px
}
.subHeaderContainer {
	display: inline-block;
	min-height: 30px;
	width: 100%;
	background-color: #1F2F49;
	line-height: 29px;
	float: left;
	overflow: hidden
}
.subHeaderContainer div {
	margin: auto;
	color: #FEFEFE
}
.subHeaderContainer div.rightSubHeader {
	margin-right: 20px;
	float: right
}
.subHeaderContainer div.leftSubHeader {
	margin-left: 20px;
	float: left
}
.subHeaderContainer p {
	display: inline-block;
	margin: auto 12px;
	color: #8394A9
}
.subHeaderContainer a {
	display: inline-block;
	margin: auto 12px;
	color: #FEFEFE;
	text-decoration: none
}
.subHeaderContainer a:hover {
	text-decoration: underline
}
.subHeaderContainer .language-picker {
	float: right
}
.subHeaderContainer .language-picker select {
	float: right;
	margin: 6px
}
.subHeaderContainer .language-picker label {
	color: #fff
}
.headerContainer .logosBarContainer .disneyLogo.primaryLogo {
	height: 100px;
	width: auto
}
.headerContainer .logosBarContainer .espnLogo.primaryLogo {
	height: 100px;
	width: auto
}
.headerContainer .logosBarContainer .shopDisneyLogo.primaryLogo {
	margin-top: 25px
}
.singlePermissionName, .singlePermissionTitle {
	text-align: center;
	margin: 40px auto 30px auto;
	color: #333333;
}
.otherNLHeadline {
	margin-bottom: 30px
}
.clickBackContainer, .postalContainer, .customerServiceContainer {
	margin: 40px auto
}
.sectionTitle {
	text-align: center
}
.sectionDescription, .inputLabel {
	text-align: center;
	margin: 20px
}
.inputLabel {
	display: block;
	font-weight: bold
}
#clickBackInput, .text-input {
	display: block;
	margin: auto;
	width: 260px;
	height: 39px;
	font-size: 14px;
	padding-left: 15px;
	border-radius: 6px;
	border: 2px solid #C6C6C6;
	color: #333;
	font-family: Aramis W01;
	line-height: 1.6em;
	letter-spacing: 0em;
	font-weight: 400;
	text-transform: none
}
#clickBackInput ::placeholder, .text-input ::placeholder {
color:#C6C6C6
}
#oneIdSignInLink {
	display: block;
	text-align: center;
	margin: auto;
	margin-top: 10px;
	width: fit-content
}
#postalPage .text-input, #postalPage .inputLabel {
	display: inline-block
}
#postalPage .formField, #postalPage .inputLabel {
	text-align: left
}
#postalPage .inputLabel {
	width: 120px;
	margin-left: 38px
}
#postalPage select.text-input {
	width: 279px;
	height: 44px
}
#postalPage .g-recaptcha {
	margin: 20px auto;
	width: 302px
}
#postalPage .required {
	color: red;
	font-weight: 200
}
#postalPage .language-picker {
	background-color: #07113E
}
#postalPage .language-picker label {
	color: #FEFEFE
}
.categoryTitle {
	color: #000;
	margin: 15px 0px -5px 0px;
	line-height: 1.6em
}
.toggleAllLink {
	margin: 10px 0px 0px 0px;
	display: inline-block
}
.toggleAllLink:hover {
	cursor: pointer
}
.manageAllList.checkbox-modules {
	margin-top: 35px
}
.manageInfoParagraph {
	text-align: center
}
.description.all.top.manage {
	margin-top: 35px
}
.description.all.bottom.manage {
	margin-bottom: 30px
}
.unsubscribeAllButtonContainer.manage {
	display: block;
	margin: 35px auto 25px auto
}
.description.manageDisclaimer.manage {
	margin: 30px auto 0 auto;
	max-width: 634px;
	text-align: center
}
#unsubAllDisclaimer {
	max-width: 634px;
	text-align: center;
	margin: 0 auto 30px auto
}
#UnsubAllDisclaimer {
	max-width: 634px;
	margin: 30px auto 0 auto
}
.UnSubAllButtonWrapper {
	display: flex;
	justify-content: center
}
.ManageMoreEmailLink {
	text-align: center;
	margin-top: 3.5rem
}
.noDataDescription {
	text-align: center;
	margin: 20px auto 25px auto
}
.noDataLink {
	text-align: center;
	display: block;
	width: fit-content;
	margin: auto
}
.errorMessage {
	margin-top: 30px
}
.errorCode {
	font-size: 65px;
	margin: 60px 0px
}
.errorBar.smallGradient.subHelloTitle:after {
	background-image: linear-gradient(0deg, #EE2357, #EE2357);
	margin: 10px auto
}
#httpErrorText {
	margin-top: 20px
}
#httpPersistsErrorText {
	margin-top: 20px
}
.langPref {
	text-align: center;
	margin: 60px auto
}
.langPref h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript Required"
}
.langPref p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Please enable JavaScript to use this website."
}
.langPref.xx-XX {
	text-align: center;
	margin: 60px auto
}
.langPref.xx-XX h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "XXJavaScript RequiredXX"
}
.langPref.xx-XX p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "XXPlease enable JavaScript to use this website.XX"
}
.langPref.ar-AR {
	text-align: center;
	margin: 60px auto
}
.langPref.ar-AR h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "يلزم إتاحة JavaScript"
}
.langPref.ar-AR p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "الرجاء تمكين JavaScript لاستخدام موقع الويب هذا."
}
.langPref.bg-BG {
	text-align: center;
	margin: 60px auto
}
.langPref.bg-BG h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Изисква се JavaScript"
}
.langPref.bg-BG p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Моля, активирайте JavaScript, за да използвате този уеб сайт."
}
.langPref.cs-CZ {
	text-align: center;
	margin: 60px auto
}
.langPref.cs-CZ h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Vyžaduje JavaScript"
}
.langPref.cs-CZ p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Tato stránka vyžaduje povolený JavaScript."
}
.langPref.da-DK {
	text-align: center;
	margin: 60px auto
}
.langPref.da-DK h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript påkrævet"
}
.langPref.da-DK p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Du skal slå JavaScript til for at kunne bruge webstedet."
}
.langPref.de-DE {
	text-align: center;
	margin: 60px auto
}
.langPref.de-DE h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript erforderlich"
}
.langPref.de-DE p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Bitte aktivieren Sie zur Verwendung dieser Webseite JavaScript."
}
.langPref.el-GR {
	text-align: center;
	margin: 60px auto
}
.langPref.el-GR h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Απαιτείται JavaScript"
}
.langPref.el-GR p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Ενεργοποιήστε τη JavaScript για να χρησιμοποιήσετε αυτόν τον ιστότοπο."
}
.langPref.en-AU {
	text-align: center;
	margin: 60px auto
}
.langPref.en-AU h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript Required"
}
.langPref.en-AU p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Please enable JavaScript to use this website."
}
.langPref.en-UK {
	text-align: center;
	margin: 60px auto
}
.langPref.en-UK h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript Required"
}
.langPref.en-UK p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Please enable JavaScript to use this website."
}
.langPref.en-US {
	text-align: center;
	margin: 60px auto
}
.langPref.en-US h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript Required"
}
.langPref.en-US p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Please enable JavaScript to use this website."
}
.langPref.es-ES {
	text-align: center;
	margin: 60px auto
}
.langPref.es-ES h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Se requiere JavaScript"
}
.langPref.es-ES p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Habilita JavaScript para interactuar con este sitio web."
}
.langPref.es-LA {
	text-align: center;
	margin: 60px auto
}
.langPref.es-LA h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Se requiere JavaScript"
}
.langPref.es-LA p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Habilite JavaScript para usar este sitio web."
}
.langPref.fi-FI {
	text-align: center;
	margin: 60px auto
}
.langPref.fi-FI h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript vaaditaan"
}
.langPref.fi-FI p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Kytke JavaScript päälle sivuston käyttämiseksi."
}
.langPref.fr-CA {
	text-align: center;
	margin: 60px auto
}
.langPref.fr-CA h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript requis"
}
.langPref.fr-CA p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Veuillez autoriser JavaScript sur ce site internet."
}
.langPref.fr-FR {
	text-align: center;
	margin: 60px auto
}
.langPref.fr-FR h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript requis"
}
.langPref.fr-FR p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Veuillez autoriser JavaScript sur ce site internet."
}
.langPref.he-IL {
	text-align: center;
	margin: 60px auto
}
.langPref.he-IL h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "נדרש JavaScript"
}
.langPref.he-IL p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "אפשר JavaScript בדפדפן כדי להשתמש באתר זה."
}
.langPref.hi-IN {
	text-align: center;
	margin: 60px auto
}
.langPref.hi-IN h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript आवश्यक"
}
.langPref.hi-IN p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "कृपया इस वेबसाइट का उपयोग करने के लिए JavaScript का उपयोग करें."
}
.langPref.hu-HU {
	text-align: center;
	margin: 60px auto
}
.langPref.hu-HU h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript szükséges"
}
.langPref.hu-HU p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Engedélyezd a JavaScriptet a webhely használatához."
}
.langPref.id-ID {
	text-align: center;
	margin: 60px auto
}
.langPref.id-ID h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Diperlukan JavaScript"
}
.langPref.id-ID p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Silakan aktifkan JavaScript untuk menggunakan situs web ini."
}
.langPref.it-IT {
	text-align: center;
	margin: 60px auto
}
.langPref.it-IT h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript richiesto"
}
.langPref.it-IT p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Attiva JavaScript per accedere a questo sito."
}
.langPref.ja-JP {
	text-align: center;
	margin: 60px auto
}
.langPref.ja-JP h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScriptが必要です"
}
.langPref.ja-JP p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "このウェブサイトを利用するためにJavaScriptを有効にしてください。"
}
.langPref.ko-KR {
	text-align: center;
	margin: 60px auto
}
.langPref.ko-KR h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript 필요"
}
.langPref.ko-KR p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "이 웹사이트를 이용하려면 JavaScript를 사용함으로 설정하세요."
}
.langPref.ms-MY {
	text-align: center;
	margin: 60px auto
}
.langPref.ms-MY h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript Diperlukan"
}
.langPref.ms-MY p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Sila dayakan JavaScript untuk menggunakan laman web ini."
}
.langPref.nb-NO {
	text-align: center;
	margin: 60px auto
}
.langPref.nb-NO h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript påkrevd"
}
.langPref.nb-NO p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Aktiver JavaScript for å bruke nettsiden."
}
.langPref.nl-NL {
	text-align: center;
	margin: 60px auto
}
.langPref.nl-NL h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Vereist JavaScript"
}
.langPref.nl-NL p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Schakel JavaScript in voor het gebruik van deze website."
}
.langPref.pl-PL {
	text-align: center;
	margin: 60px auto
}
.langPref.pl-PL h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Wymagany JavaScript"
}
.langPref.pl-PL p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Włącz JavaScript, aby móc korzystać z tej strony."
}
.langPref.pt-BR {
	text-align: center;
	margin: 60px auto
}
.langPref.pt-BR h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript necessário"
}
.langPref.pt-BR p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Ative o JavaScript para usar este site."
}
.langPref.pt-PT {
	text-align: center;
	margin: 60px auto
}
.langPref.pt-PT h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Requer JavaScript"
}
.langPref.pt-PT p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Ative o JavaScript para utilizar este website."
}
.langPref.ro-RO {
	text-align: center;
	margin: 60px auto
}
.langPref.ro-RO h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Necesită JavaScript"
}
.langPref.ro-RO p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Activați JavaScript pentru a putea utiliza acest site."
}
.langPref.ru-RU {
	text-align: center;
	margin: 60px auto
}
.langPref.ru-RU h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Требуется JavaScript"
}
.langPref.ru-RU p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Пожалуйста, включите JavaScript для доступа к этой странице."
}
.langPref.sr-RS {
	text-align: center;
	margin: 60px auto
}
.langPref.sr-RS h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Potreban je JavaScript"
}
.langPref.sr-RS p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Omogućite JavaScript da biste koristili ovaj veb-sajt."
}
.langPref.sv-SE {
	text-align: center;
	margin: 60px auto
}
.langPref.sv-SE h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript krävs"
}
.langPref.sv-SE p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Aktivera JavaScript för att använda denna webbplats."
}
.langPref.th-TH {
	text-align: center;
	margin: 60px auto
}
.langPref.th-TH h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "ต้องใช้ JavaScript"
}
.langPref.th-TH p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "กรุณาเปิด JavaScript เพื่อใช้งานเว็บไซต์นี้"
}
.langPref.tr-TR {
	text-align: center;
	margin: 60px auto
}
.langPref.tr-TR h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "JavaScript Gerekiyor"
}
.langPref.tr-TR p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Lütfen bu web sitesini kullanmak için JavaScript'i etkinleştirin."
}
.langPref.vi-VN {
	text-align: center;
	margin: 60px auto
}
.langPref.vi-VN h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Cần có JavaScript"
}
.langPref.vi-VN p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "Vui lòng bật JavaScript để sử dụng trang web này."
}
.langPref.zh-CN {
	text-align: center;
	margin: 60px auto
}
.langPref.zh-CN h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "需要 JavaScript"
}
.langPref.zh-CN p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "请开启 JavaScript 以确保正常使用本网站。"
}
.langPref.zh-HK {
	text-align: center;
	margin: 60px auto
}
.langPref.zh-HK h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "需要 JavaScript"
}
.langPref.zh-HK p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "請啟用 JavaScript 才能使用此網站。"
}
.langPref.zh-TW {
	text-align: center;
	margin: 60px auto
}
.langPref.zh-TW h1.noscriptTitle:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "需要 JavaScript"
}
.langPref.zh-TW p.noscriptText:after {
	display: block;
	font-family: Avenir-Book, sans-serif;
	content: "請啟用 JavaScript 才能使用此網站。"
}
#confirmList {
	padding: 10px
}
.confirmListItem {
	padding: 10px
}
.text-input:focus {
	outline: 1px solid #aaa
}
button:focus, select:focus, #oneIdSignInLink, #myAccount-headerLink, #signOut-headerLink, #signOut-headerLink-clickback {
	outline: none
}
body.user-is-tabbing *:focus {
	outline: 2px solid #7AACFE !important;
	outline: 5px auto -webkit-focus-ring-color !important
}
body.user-is-tabbing input.checkbox[type="checkbox"]:focus+label {
	outline: 2px solid #7AACFE !important;
	outline: 5px auto -webkit-focus-ring-color !important
}
@media only screen and (max-width: 767px) {
.saveButton, .postalButton, .customerServiceButton, .unsubscribeAllButton, .unsubscribeOneButton, .subscribeOneButton, .clickBackButton, .linkOutButton {
	height: 48px
}
.linkOutButton:after {
	height: 40px;
	width: 40px
}
body {
	background: #FEFEFE
}
.stopScrolling {
	overflow: hidden;
	position: fixed
}
.main-content {
	max-width: 100%;
	width: calc(100% - 40px);
	margin: auto
}
.checkbox-modules {
	width: 100%;
	min-width: 280px;
	margin: auto
}
.page-content-wrapper {
	background: rgba(0,0,0,0);
	border: none;
	border-radius: none;
	width: auto;
	max-width: 100%;
	height: auto;
	padding: auto;
	margin: auto
}
.manageAllLink {
	margin: 30px auto 60px auto
}
.topDisclaimer {
	margin-bottom: 60px
}
.info-paragraph {
	margin: auto 25px 35px 25px
}
h4.categoryTitle {
	margin: 30px auto 15px auto
}
a.toggleAllLink {
	margin: 15px auto 30px auto
}
.linkOutContainer {
	margin: auto;
	margin-bottom: 60px
}
.linkOutContainer:before {
	margin: 40px auto 60px auto
}
.manageInfoParagraph {
	text-align: center;
	margin: 40px auto
}
label.inputLabel {
	margin: 35px auto 30px auto
}
p.sectionDescription {
	margin: 40px auto 35px auto
}
div.headerContainer, div.headerContainer div.logosBarContainer {
	height: auto;
	min-height: 85px;
	line-height: 85px
}
div.headerContainer span.mobileMenu, div.headerContainer div.logosBarContainer span.mobileMenu {
	display: inline-block
}
div.headerContainer svg.primaryLogo, div.headerContainer div.logosBarContainer svg.primaryLogo {
	display: inline-block;
	width: auto
}
div.headerContainer svg.menuIcon, div.headerContainer div.logosBarContainer svg.menuIcon {
	position: absolute;
	display: inline-block;
	height: 16px;
	max-width: 100%;
	width: 20px;
	left: 20px;
	top: 20px;
	float: left;
	margin: auto
}
div.headerContainer svg.closeIcon, div.headerContainer div.logosBarContainer svg.closeIcon {
	position: absolute;
	display: inline-block;
	height: 20px;
	max-width: 100%;
	width: 20px;
	left: 20px;
	top: 20px;
	float: left;
	margin: auto
}
div.logosBarContainer {
	background-color: #07113E
}
div.logosBarContainer svg {
	fill: #FEFEFE
}
div.logosBarContainer .abcLogo .cls-2, div.logosBarContainer .abcLogo .cls-3 {
	fill: #FEFEFE
}
div.logosBarContainer .abcLogo .cls-4 {
	fill: #07113E
}
div.logosBarContainer .marvelLogo .cls-1 {
	fill: #FEFEFE
}
div.logosBarContainer .marvelLogo .cls-2 {
	fill: #07113E
}
div.headerContainer .logo {
	display: none
}
div.headerContainer div.logosBarContainer svg.primaryLogo {
	transition: opacity 0.75s;
	-o-transition: opacity 0.75s;
	-ms-transition: opacity 0.75s;
	-moz-transition: opacity 0.75s;
	-webkit-transition: opacity 0.75s;
	height: 50px;
	fill: #FEFEFE
}
.subHeaderContainer {
	display: none
}
div.navLinksContainer {
	transition: height 0.75s;
	-o-transition: height 0.75s;
	-ms-transition: height 0.75s;
	-moz-transition: height 0.75s;
	-webkit-transition: height 0.75s;
	display: block;
	position: fixed;
	background-color: #FEFEFE;
	width: 100%;
	z-index: 90;
	top: 0;
	margin-top: 90px
}
div.navLinksContainer a {
	line-height: 75px;
	text-decoration: none;
	background-color: #FEFEFE;
	display: block;
	color: #667789;
	height: 75px;
	width: 100%;
	padding-left: 30px;
	border-bottom: 1px solid #D0D7DE;
	z-index: 99
}
div.navLinksContainer a:hover, div.navLinksContainer a :active {
	background-color: #D0D7DE;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.navLinks {
	height: 226px;
	overflow-y: scroll
}
div.mobileAccountInfoContainer {
	transition: opacity 0.75s;
	-o-transition: opacity 0.75s;
	-ms-transition: opacity 0.75s;
	-moz-transition: opacity 0.75s;
	-webkit-transition: opacity 0.75s;
	height: fit-content;
	display: inline-block;
	position: fixed;
	left: 60px;
	top: 18px;
	right: 20px;
	z-index: 1000
}
div.mobileAccountInfoContainer p {
	font-size: 14px;
	margin-bottom: 10px;
	color: #8394A9;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: right
}
div.mobileAccountInfoContainer a {
	text-decoration: none;
	display: inline-block;
	color: #FEFEFE;
	line-height: 12px
}
div.mobileAccountInfoContainer a:hover {
	text-decoration: underline
}
div.mobileAccountInfoContainer span.pipe {
	display: inline-block;
	color: #8394A9;
	margin: auto 12px;
	line-height: 12px
}
span.mobileAccountInfoLinks {
	display: flex;
	float: right
}
.fadein {
	opacity: 1
}
.fadeout {
	opacity: 0
}
.slideUp {
	height: 0%
}
.slideDown {
	height: 100%
}
h4.categoryTitle {
	margin: 20px 20px 5px 20px
}
a.toggleAllLink {
	margin: 5px 20px 5px 20px
}
div.permission {
	padding: 30px 0px
}
div.permissionList {
	border-radius: 0px
}
.permissionStatus input.checkbox {
	height: 28px
}
.permissionStatus label.checkmark {
	margin-top: 1px;
	margin-left: 25px;
	max-width: 100%;
	width: 30px;
	height: 30px
}
.permissionStatus label.checkmark span {
	max-width: 100%;
	border-width: 3px;
	width: 18px;
	margin: 0px 0px 0px 5px
}
.permissionStatus label.checkboxStatus {
	font-family: Avenir-Book;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	position: absolute;
	padding: 32px 100% 0px 80px;
	left: -20px;
	top: -35px;
	z-index: 2;
	height: 88px;
	width: 100vw
}
div.permissionCommunication {
	font-family: Avenir-Book;
	font-size: 16px;
	color: #333;
	display: block;
	width: auto;
	position: relative;
	height: auto;
	margin-left: 60px;
	margin-top: -20px;
	left: 0px;
	z-index: 1
}
footer.footerContainer {
	margin-top: 80px
}
footer.footerContainer .logosBarContainer {
	background-color: #F8F8F8;
	height: auto;
	min-height: 110px;
	max-height: calc(80px + 80px);
	line-height: 66px
}
footer.footerContainer .logosBarContainer svg.logo {
	height: 66px;
	max-width: 100%;
	width: 25%
}
footer.footerContainer .logosBarContainer svg {
	fill: #A1AFBF
}
footer.footerContainer .logosBarContainer svg.abcLogo .cls-2, footer.footerContainer .logosBarContainer svg.abcLogo .cls-3 {
	fill: #A1AFBF
}
footer.footerContainer .logosBarContainer svg.abcLogo .cls-4 {
	fill: #F8F8F8
}
footer.footerContainer .logosBarContainer svg.marvelLogo .cls-1 {
	fill: #A1AFBF
}
footer.footerContainer .logosBarContainer svg.marvelLogo .cls-2 {
	fill: #F8F8F8
}
footer.footerContainer .logosBarContainer svg.fxLogo {
	height: 40px
}
footer.footerContainer .footerLinksContainer {
	margin-top: 35px;
	margin-bottom: 40px
}
footer.footerContainer .footerLinksContainer span.footerPipe {
	display: none
}
footer.footerContainer .footerLinksContainer a {
	display: block;
	margin: 16px auto
}
footer.footerContainer .footerLinksContainer a.last {
	margin-bottom: 0px
}
footer.footerContainer .footerLinksContainer p {
	color: #1271A9
}
.footerLinksContainer p a {
	color: #016CF9;
	text-decoration: underline
}
.footerLinksContainer p a:hover {
	color: #07113E;
	text-decoration: underline
}
div.saveButtonContainer {
	height: 100px
}
div.saveButtonContainer.showSave {
	top: calc(100% - 100px)
}
div.saveButtonContainer button.saveButton {
	margin: 20px auto
}
footer.footerContainer.showSave {
	margin-bottom: 110px
}
footer.footerContainer.hideSave {
	margin-bottom: 0px
}
#postalPage .formField {
	margin: 0 auto 0 auto;
	width: 450px
}
#postalPage .inputLabel {
	margin: 20px auto 20px auto
}
}
@media only screen and (min-width: 768px) and (max-width: 1150px) {
span.block {
	display: block
}
span.footerPipe.pipe3 {
	display: none
}
}
@media only screen and (max-width: 500px) {
#postalPage .formField {
	margin: 0;
	width: 100%
}
#postalPage .formField, #postalPage .inputLabel {
	text-align: center
}
#postalPage .inputLabel {
	width: 110px;
	margin: 20px 0 20px 0
}
}
@media only screen and (max-width: 430px) {
#postalPage .inputLabel {
	margin: 20px 0 0 0
}
}
.headerContainer .logosBarContainer svg {
	height: 70px;
	margin-top: 20px
}