.Abba-Newsletter {
	margin-top: 130px;
	margin-bottom: 0
}

.quiz-active #components-wrapper .Abba-Newsletter {
	display: none !important
}

.Newsletter {
	margin: 0 auto;
	max-width: 1290px;
	padding: 0
}

@media (min-width: 768px) {
	.Newsletter {
		padding: 0 0 0 40px
	}
}

.Newsletter__hr {
	width: 100%;
	height: 1px;
	background: #BFD0D8;
	opacity: .47;
	margin: 0
}

.Newsletter h2 {
	color: #AAAFB5;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.1rem;
	line-height: 1.1rem;
	letter-spacing: .24rem;
	margin-bottom: -.33rem;
	color: #969696
}

@media (min-width: 768px) and (max-width: 991px) {
	.Newsletter h2 {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .24rem;
		margin-bottom: -.33rem
	}
}

@media (min-width: 992px) {
	.Newsletter h2 {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .24rem;
		margin-bottom: -.33rem
	}
}

.Newsletter h2::before {
	content: '';
	display: inline-block;
	background: #83734A;
	width: 20px;
	height: 1px;
	margin-right: 10px;
	margin-bottom: .25em
}

.Newsletter h3 {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #3B4450;
	max-width: 630px;
	margin: 30px auto 0
}

@media (min-width: 768px) and (max-width: 991px) {
	.Newsletter h3 {
		font-size: 3.2rem;
		line-height: 3.2rem;
		letter-spacing: -.089rem;
		margin-bottom: -.96rem
	}
}

@media (min-width: 992px) {
	.Newsletter h3 {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.15rem;
		margin-bottom: -1.34rem
	}
}

.Newsletter p {
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.032rem;
	margin-bottom: -1.28rem;
	color: #66686b;
	color: #66686b;
	max-width: 630px;
	margin: 30px auto 0
}

@media (min-width: 768px) and (max-width: 991px) {
	.Newsletter p {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.Newsletter p {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

.Newsletter__wrapper {
	margin: 0 auto;
	max-width: 1290px
}

.Newsletter__outer-grid {
	display: flex;
	align-items: center;
	margin: 40px 0;
	flex-wrap: wrap
}

@media (min-width: 768px) {
	.Newsletter__outer-grid {
		flex-wrap: nowrap
	}
}

.Newsletter__text-wrapper {
	width: 100%;
	padding: 0 20px
}

@media (min-width: 768px) {
	.Newsletter__text-wrapper {
		width: 30%;
		padding: 0
	}
}

.Newsletter__image-wrapper {
	width: 100%
}

@media (min-width: 768px) {
	.Newsletter__image-wrapper {
		width: 70%
	}
}

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

.Newsletter__link-wrapper {
	display: block;
	margin-top: 30px
}

.Newsletter__link-wrapper a {
	color: #83734A
}

.Newsletter__link-wrapper a:active,
.Newsletter__link-wrapper a:visited {
	color: #83734A
}

.Newsletter__link-wrapper a:hover {
	color: #83734A
}

.Newsletter__link-wrapper a:hover img {
	margin-left: 15px
}

.Newsletter__link-wrapper a img {
	transition: margin-left .2s ease-out;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -1px
}

.Newsletter__link-wrapper a {
	color: #83734A;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: .9rem;
	line-height: 1.1rem;
	letter-spacing: .215rem;
	margin-bottom: -.47rem
}

@media (min-width: 768px) and (max-width: 991px) {
	.Newsletter__link-wrapper a {
		font-size: .9rem;
		line-height: 1.1rem;
		letter-spacing: .215rem;
		margin-bottom: -.47rem
	}
}

@media (min-width: 992px) {
	.Newsletter__link-wrapper a {
		font-size: 1.3rem;
		line-height: 1.1rem;
		letter-spacing: .215rem;
		margin-bottom: -.19rem
	}
}

.Newsletter__link-wrapper a:hover {
	color: #83734A;
	text-decoration: none
}

.Newsletter__link-wrapper a:active {
	color: #83734A;
	text-decoration: none
}

.Newsletter__link-wrapper a:visited {
	color: #83734A;
	text-decoration: none
}

@media (min-width: 768px) {
	.Newsletter__link-wrapper {
		margin-top: 30px
	}
}

.Newsletter__buttonWrapper {
	margin-top: 30px
}

@media (min-width: 768px) {
	.Newsletter__buttonWrapper {
		margin-top: 30px
	}
}

.Newsletter__buttonWrapper button {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	text-transform: uppercase;
	color: #fff;
	height: 40px;
	padding: 0 14px;
	background: #67B8CF;
	border: 0;
	border-radius: 0;
	opacity: 1;
	transition: opacity .2s ease-out
}

@media (min-width: 768px) and (max-width: 991px) {
	.Newsletter__buttonWrapper button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.Newsletter__buttonWrapper button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.Newsletter__buttonWrapper button:hover {
	background: #73bdd3
}

.Newsletter__hr {
	width: calc(100% - 40px)
}

@media (min-width: 768px) {
	.Newsletter__hr {
		width: calc(100% - 40px)
	}
}

.Newsletter form {
	margin-top: 40px
}

.Newsletter form input[type=checkbox] {
	color: #66686b;
	position: absolute;
	left: -9999px
}

.Newsletter form input[type=checkbox]+label {
	position: relative;
	display: block;
	padding: 6px 10px 6px 30px;
	cursor: pointer
}

.Newsletter form input[type=checkbox]+label:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin: -10px 0 0;
	width: 20px;
	height: 20px;
	border: 1px solid #e6e6e6;
	background-color: transparent;
	background-size: 12px 12px;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.Newsletter form input[type=checkbox]+label.invalid:before {
	border-color: rgba(255, 0, 0, 0.3) !important
}

.Newsletter form input[type=checkbox]:disabled+label {
	cursor: not-allowed
}

.Newsletter form input[type=checkbox]:disabled+label:before {
	border: 1px solid #A2D9E8;
	background-color: #A2D9E8;
	background-image:url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128.39 100.12"><defs><style>.cls-1{fill:#fff;}</style></defs><title>icon__checkbox--black</title><polygon class="cls-1" points="114.22 0 44.25 72.24 13.64 43.14 0 57.09 44.25 100.13 128.39 14.17 114.22 0"/></svg>')
}

.Newsletter form input[type=checkbox]:disabled:checked+label:before {
	border: 1px solid #A2D9E8;
	background-color: #A2D9E8;
	background-image:url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128.39 100.12"><defs><style>.cls-1{fill:#fff;}</style></defs><title>icon__checkbox--black</title><polygon class="cls-1" points="114.22 0 44.25 72.24 13.64 43.14 0 57.09 44.25 100.13 128.39 14.17 114.22 0"/></svg>')
}

.Newsletter form input[type=checkbox]:checked+label:before {
	border: 1px solid #A2D9E8;
	background-color: #A2D9E8;
	background-image:url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128.39 100.12"><defs><style>.cls-1{fill:#fff;}</style></defs><title>icon__checkbox--black</title><polygon class="cls-1" points="114.22 0 44.25 72.24 13.64 43.14 0 57.09 44.25 100.13 128.39 14.17 114.22 0"/></svg>')
}

.Newsletter form label {
	color: #66686b;
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: .9rem;
	line-height: .9rem;
	letter-spacing: .06rem;
	margin-bottom: -.27rem
}

@media (min-width: 768px) and (max-width: 991px) {
	.Newsletter form label {
		font-size: .9rem;
		line-height: .9rem;
		letter-spacing: .06rem;
		margin-bottom: -.27rem
	}
}

@media (min-width: 992px) {
	.Newsletter form label {
		font-size: .9rem;
		line-height: .9rem;
		letter-spacing: .06rem;
		margin-bottom: -.27rem
	}
}

.Newsletter form label a {
	text-decoration: none;
	opacity: 1;
	color: #66686b
}

.Newsletter form label a:hover,
.Newsletter form label a:active,
.Newsletter form label a:visited {
	text-decoration: none;
	opacity: .8
}

.Newsletter form input[type=email],
.Newsletter form input[type=text],
.Newsletter form input[type=password] {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	box-shadow: none !important;
	color: #9c9c9c;
	height: 40px;
	padding: 0 14px;
	background: none;
	border: 1px #e6e6e6 solid;
	border-radius: 0
}

@media (min-width: 768px) and (max-width: 991px) {
	.Newsletter form input[type=email],
	.Newsletter form input[type=text],
	.Newsletter form input[type=password] {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.Newsletter form input[type=email],
	.Newsletter form input[type=text],
	.Newsletter form input[type=password] {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.Newsletter form input[type=email].invalid,
.Newsletter form input[type=text].invalid,
.Newsletter form input[type=password].invalid {
	border-color: rgba(255, 0, 0, 0.3) !important
}

.Newsletter form input[type=email]::placeholder,
.Newsletter form input[type=text]::placeholder,
.Newsletter form input[type=password]::placeholder {
	opacity: .3
}

.Newsletter form select {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	box-shadow: none !important;
	color: #9c9c9c;
	height: 40px;
	padding: 0 14px;
	background: none;
	border: 1px #e6e6e6 solid;
	border-radius: 0
}

@media (min-width: 768px) and (max-width: 991px) {
	.Newsletter form select {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.Newsletter form select {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.Newsletter form select.invalid {
	border-color: rgba(255, 0, 0, 0.3) !important
}

.Newsletter form select::placeholder {
	opacity: .3
}

.Newsletter form button {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	text-transform: uppercase;
	color: #fff;
	height: 40px;
	padding: 0 14px;
	background: #67B8CF;
	border: 0;
	border-radius: 0;
	opacity: 1;
	transition: opacity .2s ease-out
}

@media (min-width: 768px) and (max-width: 991px) {
	.Newsletter form button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.Newsletter form button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.Newsletter form button:hover {
	background: #73bdd3
}

@media (min-width: 768px) {
	.Newsletter form {
		margin-top: 0px
	}
}

.Newsletter__text-wrapper {
	order: 1;
	text-align: center;
	margin-top: 60px
}

@media (min-width: 768px) {
	.Newsletter__text-wrapper {
		margin-top: 0px;
		order: 0;
		text-align: left
	}
}

.Newsletter__image-wrapper {
	order: 0
}

@media (min-width: 768px) {
	.Newsletter__image-wrapper {
		order: 1;
		padding-left: 15%
	}
}

.Newsletter input[type=email] {
	width: 100%
}

.Newsletter button {
	min-width: 110px
}

.Newsletter form {
	opacity: 1;
	transition: opacity .5s ease-out;
	margin-bottom: 60px;
	text-align: left
}

.Newsletter--done form {
	opacity: .2;
	pointer-events: none
}

.Newsletter__input--invalid {
	border-color: rgba(255, 0, 0, 0.3) !important
}

.Newsletter__form-col {
	width: calc(50% - 12.5px);
	float: left
}

.Newsletter__form-col:not(:first-child) {
	margin-left: 25px
}

.Newsletter__form-row {
	overflow: hidden;
	margin: 25px 0;
	width: 100%
}

.Newsletter__form-row::after {
	content: "";
	clear: both;
	display: table
}

.Newsletter__post-message {
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.032rem;
	margin-bottom: -1.28rem;
	color: #66686b;
	margin: 0-2rem 0 0 0 !important
}

@media (min-width: 768px) and (max-width: 991px) {
	.Newsletter__post-message {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.Newsletter__post-message {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.Newsletter__post-message {
		margin: 0-2.4rem 0 0 0 !important
	}
}

.Newsletter__post-message--error {
	color: rgba(255, 0, 0, 0.3) !important
}

.newsletter-modal__wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background: rgba(0, 0, 0, 0.3);
	flex-direction: column;
	align-items: center;
	justify-content: center;
	display: none;
	padding: 20px
}

@media (min-width: 768px) {
	.newsletter-modal__wrapper {
		padding: 40px
	}
}

.newsletter-modal-open .newsletter-modal__wrapper {
	display: block
}

.newsletter-modal__wrapper .Newsletter__hr,
.newsletter-modal__wrapper .Newsletter__header {
	display: none
}

.newsletter-modal__wrapper .Newsletter__text-wrapper {
	text-align: left;
	margin-top: 0
}

.newsletter-modal__wrapper .Newsletter__text-wrapper p {
	margin: 30px 0 0
}

.newsletter-modal__wrapper .Newsletter__header,
.newsletter-modal__wrapper .Newsletter__text {
	width: 75%
}

@media (min-width: 768px) {
	.newsletter-modal__wrapper .Newsletter__header,
	.newsletter-modal__wrapper .Newsletter__text {
		width: 100%
	}
}

.newsletter-modal__wrapper .Abba-Newsletter {
	margin-top: 0
}

.newsletter-modal__wrapper .Newsletter {
	padding: 1px
}

@media (min-width: 768px) {
	.newsletter-modal__wrapper .Newsletter {
		padding: 0 0 1px 40px
	}
}

.newsletter-modal__inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto
}

.newsletter-modal__close-wrapper {
	width: 100%;
	position: relative
}

.newsletter-modal__close {
	position: absolute;
	cursor: pointer;
	right: 20px;
	top: 20px;
	z-index: 999999;
	opacity: .5;
	transform: scale3d(1, 1, 1);
	transition: transform .1s ease-out, opacity .1s ease-out;
	align-self: right
}

.newsletter-modal__close:hover {
	opacity: 1;
	transform: scale3d(1.05, 1.05, 1)
}

.newsletter-modal__close img {
	height: 20px
}

#newsletter-modal {
	width: 100%;
	background: #fff;
	padding-top: 20px
}

#newsletter-modal .Newsletter__image {
	display: none
}

@media (min-width: 768px) {
	#newsletter-modal .Newsletter__image {
		display: block
	}
}

.newsletter-modal__wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background: rgba(0, 0, 0, 0.3);
	flex-direction: column;
	align-items: center;
	justify-content: center;
	display: none;
	padding: 20px
}

@media (min-width: 768px) {
	.newsletter-modal__wrapper {
		padding: 40px
	}
}

.newsletter-modal-open .newsletter-modal__wrapper {
	display: block
}

.newsletter-modal__wrapper .Newsletter__hr,
.newsletter-modal__wrapper .Newsletter__header {
	display: none
}

.newsletter-modal__wrapper .Newsletter__text-wrapper {
	text-align: left;
	margin-top: 0
}

.newsletter-modal__wrapper .Newsletter__text-wrapper p {
	margin: 30px 0 0
}

.newsletter-modal__wrapper .Newsletter__header,
.newsletter-modal__wrapper .Newsletter__text {
	width: 75%
}

@media (min-width: 768px) {
	.newsletter-modal__wrapper .Newsletter__header,
	.newsletter-modal__wrapper .Newsletter__text {
		width: 100%
	}
}

.newsletter-modal__wrapper .Abba-Newsletter {
	margin-top: 0
}

.newsletter-modal__wrapper .Newsletter {
	padding: 1px
}

@media (min-width: 768px) {
	.newsletter-modal__wrapper .Newsletter {
		padding: 0 0 1px 40px
	}
}

.newsletter-modal__inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto
}

.newsletter-modal__close-wrapper {
	width: 100%;
	position: relative
}

.newsletter-modal__close {
	position: absolute;
	cursor: pointer;
	right: 20px;
	top: 20px;
	z-index: 999999;
	opacity: .5;
	transform: scale3d(1, 1, 1);
	transition: transform .1s ease-out, opacity .1s ease-out;
	align-self: right
}

.newsletter-modal__close:hover {
	opacity: 1;
	transform: scale3d(1.05, 1.05, 1)
}

.newsletter-modal__close img {
	height: 20px
}

#newsletter-modal {
	width: 100%;
	background: #fff;
	padding-top: 20px
}

#newsletter-modal .Newsletter__image {
	display: none
}

@media (min-width: 768px) {
	#newsletter-modal .Newsletter__image {
		display: block
	}
}

.Badge {
	display: flex;
	align-items: flex-start;
	max-width: 250px;
	text-align: left
}

.Badge__badgeImg {
	height: auto;
	width: 22px;
	margin: 0px 6px 0 0;
	vertical-align: middle
}

@media (min-width: 992px) {
	.Badge__badgeImg {
		width: 32px;
		margin: -5px 10px 0 0
	}
}

.Badge__badgeText {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.03rem;
	margin-bottom: -1.28rem;
	color: #3B4450
}

@media (min-width: 768px) and (max-width: 991px) {
	.Badge__badgeText {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.03rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.Badge__badgeText {
		font-size: 2.2rem;
		line-height: 2.4rem;
		letter-spacing: 0rem;
		margin-bottom: -.86rem
	}
}

.Badge__badgeDescription {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.1rem;
	line-height: 1.1rem;
	letter-spacing: .06rem;
	margin-bottom: -.33rem;
	margin-top: 12px
}

@media (min-width: 768px) and (max-width: 991px) {
	.Badge__badgeDescription {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .06rem;
		margin-bottom: -.33rem
	}
}

@media (min-width: 992px) {
	.Badge__badgeDescription {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .06rem;
		margin-bottom: -.33rem
	}
}

.ca-account-menu {
	order: 3;
	/*min-width: 170px;*/
	width: 100%;
}

.ca-account-menu:hover .AccountMenu__expandedContentWrapper{
	display: block;
	pointer-events:all;
}


@media (min-width: 768px) {
	.ca-account-menu {
		width: auto
	}
}

.AccountMenu__accountBtnWrapper,
.AccountMenu__signInBtn {
	width: 100%
}

@media (min-width: 768px) {
	.AccountMenu__accountBtnWrapper,
	.AccountMenu__signInBtn {
		width: initial;
		order: 3
	}
}

@media (min-width: 992px) {
	.AccountMenu__accountBtnWrapper,
	.AccountMenu__signInBtn {
		margin-left: 30px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.AccountMenu__accountBtnWrapper,
	.AccountMenu__signInBtn {
		margin-left: 30px
	}
}

.AccountMenu__accountBtnWrapper button,
.AccountMenu__signInBtn button {
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 1.6rem;
	letter-spacing: .06rem;
	margin-bottom: -.48rem;
	height: 48px;
	min-width: 192px;
	border: 1px solid #83734A;
	background: none;
	padding: 16px 26px
}

@media (min-width: 768px) and (max-width: 991px) {
	.AccountMenu__accountBtnWrapper button,
	.AccountMenu__signInBtn button {
		font-size: .9rem;
		line-height: .9rem;
		letter-spacing: .1rem;
		margin-bottom: -.27rem
	}
}

@media (min-width: 992px) {
	.AccountMenu__accountBtnWrapper button,
	.AccountMenu__signInBtn button {
		font-size: 1.3rem;
		line-height: 1.6rem;
		letter-spacing: .143rem;
		margin-bottom: -.69rem
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.AccountMenu__accountBtnWrapper button,
	.AccountMenu__signInBtn button {
		height: 48px;
		min-width: 120px
	}
}

@media (min-width: 992px) {
	.AccountMenu__accountBtnWrapper button,
	.AccountMenu__signInBtn button {
		height: 48px;
		min-width: 140px
	}
}

.AccountMenu__accountBtnWrapper button:hover,
.AccountMenu__signInBtn button:hover {
	border-width: 3px;
	padding: 13px 23px
}

.AccountMenu__accountBtnWrapper button,
.AccountMenu__signInBtn button {
	max-width: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

@media (max-width: 767px) {
	.AccountMenu__accountBtnWrapper button {
		padding: 0;
		height: auto;
		border: 0
	}
}

.AccountMenu__expandedContentInner {
	max-width: 1290px;
	width: 100%;
	margin: 0 auto;
	padding: 0 40px
}

@media (min-width: 768px) {
	.AccountMenu__expandedContentWrapper {
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: none
	}
}

.AccountMenu__expandedContentWrapper--open {
	display: block
}

.AccountMenu__expandedContent {
	pointer-events: auto;
	color: black;
	width: 100%;
	list-style-type: none;
	padding: 20px;
	margin: 0
}

@media (min-width: 768px) {
	.AccountMenu__expandedContent {
		background: white;
		float: right;
		max-width: 263px;
		z-index: 10;
		padding: 40px;
		margin: 120px 0 0 0;
		right: 0;
		box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.5), 0 51px 54px -10px rgba(0, 0, 0, 0.5)
	}
}

.AccountMenu__item {
	margin: 0 0 20px 0;
	padding: 0;
	pointer-events: auto;
	cursor: pointer;
	transition: opacity .2s ease-out;
	opacity: .7
}

.AccountMenu__item span {
	color: #3B4450;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 1.6rem;
	letter-spacing: .06rem;
	margin-bottom: -.48rem;
	color: #83734A
}

@media (min-width: 768px) and (max-width: 991px) {
	.AccountMenu__item span {
		font-size: .9rem;
		line-height: .9rem;
		letter-spacing: .1rem;
		margin-bottom: -.27rem
	}
}

@media (min-width: 992px) {
	.AccountMenu__item span {
		font-size: 1.3rem;
		line-height: 1.6rem;
		letter-spacing: .143rem;
		margin-bottom: -.69rem
	}
}

@media (min-width: 768px) {
	.AccountMenu__item span {
		color: #000
	}
}

.AccountMenu__item:last-child {
	margin-bottom: 0
}

.AccountMenu__item:hover {
	opacity: 1
}

.AccountModal {
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.032rem;
	margin-bottom: -1.28rem;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgba(0, 0, 0, 0.2);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 20px
}

.AccountModal h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450
}

@media (min-width: 768px) and (max-width: 991px) {
	.AccountModal h2 {
		font-size: 3.2rem;
		line-height: 3.2rem;
		letter-spacing: -.089rem;
		margin-bottom: -.96rem
	}
}

@media (min-width: 992px) {
	.AccountModal h2 {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.15rem;
		margin-bottom: -1.34rem
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.AccountModal {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.AccountModal {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

.AccountModal__hr {
	opacity: .07;
	background: #3B4450;
	height: 1px;
	margin: 20px 0;
	width: 100%
}

@media (min-width: 768px) {
	.AccountModal__hr {
		width: 100%
	}
}

.AccountModal form {
	margin-top: 40px
}

.AccountModal form input[type=checkbox] {
	color: #66686b;
	position: absolute;
	left: -9999px
}

.AccountModal form input[type=checkbox]+label {
	position: relative;
	display: block;
	padding: 6px 10px 6px 30px;
	cursor: pointer
}

.AccountModal form input[type=checkbox]+label:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin: -10px 0 0;
	width: 20px;
	height: 20px;
	border: 1px solid #e6e6e6;
	background-color: transparent;
	background-size: 12px 12px;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.AccountModal form input[type=checkbox]+label.invalid:before {
	border-color: rgba(255, 0, 0, 0.3) !important
}

.AccountModal form input[type=checkbox]:disabled+label {
	cursor: not-allowed
}

.AccountModal form input[type=checkbox]:disabled+label:before {
	border: 1px solid #A2D9E8;
	background-color: #A2D9E8;
	background-image:url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128.39 100.12"><defs><style>.cls-1{fill:#fff;}</style></defs><title>icon__checkbox--black</title><polygon class="cls-1" points="114.22 0 44.25 72.24 13.64 43.14 0 57.09 44.25 100.13 128.39 14.17 114.22 0"/></svg>')
}

.AccountModal form input[type=checkbox]:disabled:checked+label:before {
	border: 1px solid #A2D9E8;
	background-color: #A2D9E8;
	background-image:url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128.39 100.12"><defs><style>.cls-1{fill:#fff;}</style></defs><title>icon__checkbox--black</title><polygon class="cls-1" points="114.22 0 44.25 72.24 13.64 43.14 0 57.09 44.25 100.13 128.39 14.17 114.22 0"/></svg>')
}

.AccountModal form input[type=checkbox]:checked+label:before {
	border: 1px solid #A2D9E8;
	background-color: #A2D9E8;
	background-image:url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128.39 100.12"><defs><style>.cls-1{fill:#fff;}</style></defs><title>icon__checkbox--black</title><polygon class="cls-1" points="114.22 0 44.25 72.24 13.64 43.14 0 57.09 44.25 100.13 128.39 14.17 114.22 0"/></svg>')
}

.AccountModal form label {
	color: #66686b;
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: .9rem;
	line-height: .9rem;
	letter-spacing: .06rem;
	margin-bottom: -.27rem
}

@media (min-width: 768px) and (max-width: 991px) {
	.AccountModal form label {
		font-size: .9rem;
		line-height: .9rem;
		letter-spacing: .06rem;
		margin-bottom: -.27rem
	}
}

@media (min-width: 992px) {
	.AccountModal form label {
		font-size: .9rem;
		line-height: .9rem;
		letter-spacing: .06rem;
		margin-bottom: -.27rem
	}
}

.AccountModal form label a {
	text-decoration: none;
	opacity: 1;
	color: #66686b
}

.AccountModal form label a:hover,
.AccountModal form label a:active,
.AccountModal form label a:visited {
	text-decoration: none;
	opacity: .8
}

.AccountModal form input[type=email],
.AccountModal form input[type=text],
.AccountModal form input[type=password] {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	box-shadow: none !important;
	color: #9c9c9c;
	height: 40px;
	padding: 0 14px;
	background: none;
	border: 1px #e6e6e6 solid;
	border-radius: 0
}

@media (min-width: 768px) and (max-width: 991px) {
	.AccountModal form input[type=email],
	.AccountModal form input[type=text],
	.AccountModal form input[type=password] {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.AccountModal form input[type=email],
	.AccountModal form input[type=text],
	.AccountModal form input[type=password] {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.AccountModal form input[type=email].invalid,
.AccountModal form input[type=text].invalid,
.AccountModal form input[type=password].invalid {
	border-color: rgba(255, 0, 0, 0.3) !important
}

.AccountModal form input[type=email]::placeholder,
.AccountModal form input[type=text]::placeholder,
.AccountModal form input[type=password]::placeholder {
	opacity: .3
}

.AccountModal form select {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	box-shadow: none !important;
	color: #9c9c9c;
	height: 40px;
	padding: 0 14px;
	background: none;
	border: 1px #e6e6e6 solid;
	border-radius: 0
}

@media (min-width: 768px) and (max-width: 991px) {
	.AccountModal form select {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.AccountModal form select {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.AccountModal form select.invalid {
	border-color: rgba(255, 0, 0, 0.3) !important
}

.AccountModal form select::placeholder {
	opacity: .3
}

.AccountModal form button {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	text-transform: uppercase;
	color: #fff;
	height: 40px;
	padding: 0 14px;
	background: #67B8CF;
	border: 0;
	border-radius: 0;
	opacity: 1;
	transition: opacity .2s ease-out
}

@media (min-width: 768px) and (max-width: 991px) {
	.AccountModal form button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.AccountModal form button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.AccountModal form button:hover {
	background: #73bdd3
}

@media (min-width: 768px) {
	.AccountModal form {
		margin-top: 0px
	}
}

.AccountModal input,
.AccountModal select {
	width: 100%
}

.AccountModal__submit {
	margin-top: 30px
}

.AccountModal__input {
	width: 100%
}

.AccountModal__input:not(:first-child) {
	margin-top: 10px
}

.AccountModal a {
	color: #67B8CF;
	text-decoration: none
}

.AccountModal a:hover,
.AccountModal a:active,
.AccountModal a:visited {
	text-decoration: none
}

.AccountModal a:hover {
	color: #40a6c3
}

.AccountModal button {
	min-width: 110px
}

.AccountModal form {
	opacity: 1;
	transition: opacity .5s ease-out;
	margin: 60px 0 0px;
	text-align: left
}

.AccountModal--done form {
	opacity: .2;
	pointer-events: none
}

.AccountModal__input--invalid {
	border-color: rgba(255, 0, 0, 0.3) !important
}

.AccountModal__post-message {
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.032rem;
	margin-bottom: -1.28rem;
	color: #66686b;
	min-height: 2rem
}

@media (min-width: 768px) and (max-width: 991px) {
	.AccountModal__post-message {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.AccountModal__post-message {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.AccountModal__post-message {
		min-height: 2.4rem
	}
}

.AccountModal__post-message--error {
	color: rgba(255, 0, 0, 0.3) !important
}

@media (min-width: 768px) {
	.AccountModal {
		padding: 0
	}
}

.AccountModal>div {
	padding: 20px;
	margin: 0 auto;
	background: white;
	width: 100%;
	max-width: 470px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap
}

@media (min-width: 768px) {
	.AccountModal>div {
		padding: 40px;
		margin: 45px auto
	}
}

.AccountModal--loading .AccountModal__content {
	pointer-events: none;
	opacity: .6
}

.AccountModal__content {
	margin-top: 50px
}

.AccountModal__inner {
	width: 100%
}

.AccountModal__closeWrapper {
	width: 100%;
	position: relative
}

.AccountModal__close {
	position: absolute;
	cursor: pointer;
	right: -8px;
	top: -8px;
	z-index: 999999;
	opacity: .5;
	transform: scale3d(1, 1, 1);
	transition: transform .1s ease-out, opacity .1s ease-out;
	align-self: right
}

.AccountModal__close:hover {
	opacity: 1;
	transform: scale3d(1.05, 1.05, 1)
}

.AccountModal__close img {
	height: 16px
}

.AccountModal__form-col {
	float: left
}

.AccountModal__form-col:not(:first-child) {
	margin-left: 25px
}

.AccountModal__form-row {
	overflow: hidden;
	margin: 25px 0 0;
	width: 100%
}

.AccountModal__form-row::after {
	content: "";
	clear: both;
	display: table
}

.AccountModal__actions .AccountModal__p {
	margin-top: 5px
}