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

.section {
	display: block;
	position: relative
}

.container {
	display: flex;
	max-width: 1170px;
	margin: 0 auto
}

.x-center {
	justify-content: center
}

.y-items-center {
	align-items: center
}

.y-center {
	align-content: center
}

.flex-col {
	flex-direction: column
}

.row-wrap {
	flex-flow: row wrap
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
	display: flex;
	padding: 0 15px;
}

.col-1 {
	width: 8.33333%;
}

.col-2 {
	width: 16.66666%;
}

.col-3 {
	width: 24.99999%;
}

.col-4 {
	width: 33.33332%;
}

.col-5 {
	width: 41.66665%;
}

.col-6 {
	width: 49.99998%;
}

.col-7 {
	width: 58.33331%;
}

.col-8 {
	width: 66.66664%;
}

.col-9 {
	width: 74.99997%;
}

.col-10 {
	width: 83.3333%;
}

.col-11 {
	width: 91.66663%;
}

.col-12 {
	width: 99.99996%;
}

@media(max-width: 1024px) {
	.col-md-1 {
		width: 8.33333%
	}
	.col-md-2 {
		width: 16.66666%
	}
	.col-md-3 {
		width: 24.99999%
	}
	.col-md-4 {
		width: 33.33332%
	}
	.col-md-5 {
		width: 41.66665%
	}
	.col-md-6 {
		width: 49.99998%
	}
	.col-md-7 {
		width: 58.33331%
	}
	.col-md-8 {
		width: 66.66664%
	}
	.col-md-9 {
		width: 74.99997%
	}
	.col-md-10 {
		width: 83.3333%
	}
	.col-md-11 {
		width: 91.66663%
	}
	.col-md-12 {
		width: 99.99996%
	}
}
@media(max-width: 768px){
	.col-sm-1 {
		width: 8.33333%
	}
	.col-sm-2 {
		width: 16.66666%
	}
	.col-sm-3 {
		width: 24.99999%
	}
	.col-sm-4 {
		width: 33.33332%
	}
	.col-sm-5 {
		width: 41.66665%
	}
	.col-sm-6 {
		width: 49.99998%
	}
	.col-sm-7 {
		width: 58.33331%
	}
	.col-sm-8 {
		width: 66.66664%
	}
	.col-sm-9 {
		width: 74.99997%
	}
	.col-sm-10 {
		width: 83.3333%
	}
	.col-sm-11 {
		width: 91.66663%
	}
	.col-sm-12 {
		width: 99.99996%
	}
	.mb-y-end {
		align-content: flex-end
	}
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Montserrat", sans-serif
}

.modal-active {
	overflow: hidden;
}

.text-center {
	text-align: center;
}

.color-highlight {
	color: #ff6969;
}

.color-navy {
	color: #274c5e;
}

#cookie-popup p{
	color: #103243 !important;
}

#cookie-popup {
	font-family: "Montserrat", sans-serif !important;
}

#cookie-popup .accept {
	background: #437B96 !important;
}

.lingerie {
	min-height: 94vh;
	background-image: url("/images/index/hero-img.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #042230
}

.lingerie .container {
	min-height: 100vh;
}

.center-block {
	display: block;
	margin: 0 auto
}

.hamburger {
	display: block;
	top: 20px;
	right: 30px;
	color: #fff;
}
.hamburger.active {
	z-index: 11;
}

.introHeader {
	font-size: 50px;
	color: #fff;
	font-family: "Vollkorn SC", sans-serif;
	margin: 0;
	text-transform: uppercase;
	line-height: 0.7;
}

.introHeader em {
	display: block;
	font-size: 30px;
	margin: 15px auto 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #ff6969;
	font-style: normal;
}

.lingerie .logo {
	max-width: 240px;
	margin: 30px auto 20px;
}

.btn,
.submit-group button {
	padding: 16px 70px;
	border-radius: 7px;
	border: solid 3px #ff6969;
	color: #ff6969;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	transition: .2s ease-in-out;
	cursor: pointer;
	box-shadow: none;
	white-space: normal;
	font-size: 16px;
}

.btn:hover,
.submit-group button:hover {
	background: #274c5e;
	color: #fff
}
.submit-group {
	margin-bottom: 15px;
}
.submit-group button {
	width: 100%;
}

.btn.intro {
	font-size: 30px;
	font-weight: 900;
	margin-top: 50px
}

.btn.highlight,
.submit-group button {
	background: #ff6969;
	border-color: #ff6969;
	color: #fff
}

.btn.highlight:hover,
.submit-group button:hover {
	background: #d42e2e;
	border-color: #d42e2e
}

.btn.join:hover {
	background: #ff6969
}

.btn.navy {
	background: #274c5e;
	color: #fff;
	border-color: #274c5e
}

.btn.navy:hover {
	background: #052232;
	border-color: #052232
}

.btn.register {
	width: 100%;
	margin-top: 20px;
}

.btn.login, .btn.forgotPass {
	width: 100%;
	background: #437B96;
	border: none;
	color: #fff;
	margin-bottom: 20px;
}

.btn.login:hover, .btn.forgotPass:hover {
	background: #fff;
	color: #ff6969
}

.perks {
	padding-bottom: 50px;
	background: #fff
}

.perk {
	margin-top: -100px;
	border-radius: 10px;
	background: rgba(255, 255, 255, .8);
	box-shadow: 0 6px 14px 0 rgba(11, 31, 43, .08);
	padding: 0 30px;
	margin-bottom: 15px;
	text-align: center;
	transition: .3s ease-in
}

.perk:hover {
	background: #fff;
	box-shadow: 0 6px 14px 0 rgba(11, 31, 43, .4)
}

.perk .perkHeader {
	display: flex;
	height: 100px;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	text-transform: uppercase;
	color: #274c5e;
	margin: 0 -30px 30px;
	border-radius: 10px 10px 0 0
}

.perk .perk-img {
	margin: 0 auto 40px;
	max-height: 90px
}

.perk p {
	margin-bottom: 30px;
	min-height: 170px;
	line-height: 1.75
}

.perk .btn {
	display: inline-block;
	margin-bottom: 50px
}

.description {
	padding: 60px 0;
	background-image: url("/images/index/text-block-img.jpg");
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #dedddb
}

.description p {
	margin-bottom: 10px
}

.description p:last-of-type {
	margin-bottom: 30px
}

.description .btn:hover {
	background: #ff6969;
	border-color: #ff6969
}

.descriptionHeader {
	font-size: 30px;
	line-height: 1.75;
	margin-bottom: 20px;
	font-family: "Vollkorn SC", sans-serif;
	text-transform: none
}

.modal {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100vw;
	min-height: 100vh;
	opacity: 0;
	transition: .3s ease-in-out;
	pointer-events: none;
	z-index: -1;
	overflow-y: auto;
}

.modal.active {
	opacity: 1;
	pointer-events: all;
	z-index: 10
}

.close:not(.btn) {
	position: absolute;
	cursor: pointer;
	top: 10px;
	right: 20px;
	font-size: 48px
}

.modalLogin {
	color: #fff;
	background-color: #274C5E;
}


.Registration,
.modalLogin form {
	position: relative;
	width: 100%
}

.Registration,
.modalLogin label {
	position: relative;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 15px;
	display: block;
}
.terms {
	display: block;
	padding-left: 40px;
	text-transform: none;
	font-weight: normal;
}
.terms-group .check {
	position: absolute;
}

.bd-group {
	display: flex;
	flex-wrap: wrap;
}
.bd-group label {
	width: 100%;
}
.bd-values select:nth-child(2) {
	margin: 0 6px 15px;
}

.reg-col {
	margin-top: -10%;
	justify-content: center;
}
.Registration {
	text-align: left;
	max-width: 400px;
	margin: 0 auto;
}
.Registration label {
	display: block;
	margin-bottom: 10px;
}

.Registration input:not([type=checkbox]):not([type=submit]),
.Registration select,
.modalLogin input:not([type=checkbox]):not([type=submit]),
.modalLogin select {
	background: #cdd3d5;
	padding: 15px 0 15px 25px;
	margin-bottom: 15px;
	color: #103243;
	height: auto;
	border-radius: 0;
	border: none;
	width: 100%;
}

.Registration input:not([type=checkbox]):not([type=submit])::placeholder,
.Registration select::placeholder,
.modalLogin input:not([type=checkbox]):not([type=submit])::placeholder,
.modalLogin select::placeholder {
	color: #103243;
}

.Registration input:not([type=checkbox]):not([type=submit]).invalid,
.Registration select.invalid,
.modalLogin input:not([type=checkbox]):not([type=submit]).invalid,
.modalLogin select.invalid {
	margin-bottom: 5px;
	border: 2px solid #ff6969;
}

.Registration input:not([type=checkbox]):not([type=submit])[name=login].invalid,
.Registration select[name=login].invalid,
.modalLogin input:not([type=checkbox]):not([type=submit])[name=login].invalid,
.modalLogin select[name=login].invalid {
	margin-bottom: 10px
}

.Registration input:not([type=checkbox]):not([type=submit])[name=login].invalid+[name=password],
.Registration select[name=login].invalid+[name=password],
.modalLogin input:not([type=checkbox]):not([type=submit])[name=login].invalid+[name=password],
.modalLogin select[name=login].invalid+[name=password] {
	margin-bottom: 5px
}

.Registration select,
.modalLogin select {
	padding-right: 22px;
	background: #cdd3d5 url(/images/index/caret.svg) calc(100% - 10px) center no-repeat;
	background-size: 15px;
}

.Registration .error,
.modalLogin .error {
	margin-bottom: 0;
	color: #ff6969;
	text-shadow: 0 0 2px #000; /* red is not readable on some backgrounds otherwise */
	font-weight: bold;
}

.modalLogin {
	width: 100%;
	max-width: 520px;
	left: 100%;
	transition: .5s;
}

.modalLogin.active {
	transform: translateX(-100%);
}

.modalLogin .login-logo {
	margin: 30px auto;
	opacity: 0;
	max-height: 20px
}

.modalLogin input:not([type=checkbox]):not([type=submit]),
.modalLogin select {
	margin-bottom: 25px;
	box-shadow: none;
}

.modalLogin .loginLocale {
	position: relative;
	width: 100%;
	overflow: visible
}

.modalLogin [data-dropdown=switch-locale] {
	display: block;
	position: relative;
	left: 0;
	top: 0;
	text-align: center
}

.modalLogin .SwitchLocale {
	padding: 0;
	width: 100% !important;
	max-width: 100% !important;
	top: 58px;
	left: 0;
}

.modalLogin .loginInputs {
	max-height: 0;
	overflow: hidden;
	transition: 1s ease;
	opacity: 0
}

.modalLogin [name=Login].active {
	background: transparent
}

.modalLogin [name=Login].active .loginInputs {
	max-height: 500px;
	opacity: 1
}

.modalLogin [name=Login].active~.forgottenPassTrigger {
	max-height: 200px;
	opacity: 1
}

.modalLogin input[name=rememberMe],
.modalLogin label[for=rememberMe],
.modalLogin .login-form #password+.second {
	opacity: 1;
	pointer-events: all;
	user-select: none;
}

.modalLogin input[name=login].invalid~[name=password] {
	margin-bottom: 0
}

.modalLogin input[name=login].invalid~[name=password]+.error.active {
	margin-bottom: 20px
}

.modalLogin #forgottenPassword {
	width: 100%;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: 1s ease;
}

.modalLogin #forgottenPassword.active {
	height: 100%;
	max-height: 350px;
	opacity: 1;
	overflow: visible;
	margin: 30px 0;
}
#forgottenPassword h3 {
	padding: 0 0 20px;
}

.modalLogin #forgottenPassword .passWillBeSent {
	color: #ffffff
}

.modalLogin [for=rememberMe] {
	display: inline-block;
	width: 50%
}

.modalLogin .forgottenPassTrigger {
	display: inline-block;
	position: relative;
	width: 49%;
	line-height: 26px;
	text-align: right;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}

#locale-toggle {
	position: absolute;
	width: 100%;
	padding: 20px 50px 20px 30px;
	background: #012130;
	color: #C4C4C4;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
}
#locale-toggle::after {
	content: "";
	position: absolute;
	right: 15px;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7.5px 0 7.5px;
	border-color: #C4C4C4 transparent transparent transparent;
	transition: .4s;
}
#locale-toggle.active::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 10px 7.5px;
	border-color: transparent transparent #C4C4C4 transparent;
}
#locale-toggle .short {
	display: none;
}

#locale-toggle:focus,
#locale-toggle:hover {
	background: #103243;
	color: rgba(255, 255, 255, .6)
}

#locale-list {
	width: 100%;
	padding: 30px 0 20px;
	background: #012130 !important;
	text-transform: uppercase;
	border: none !important;
	color: rgba(255, 255, 255, .6);
	overflow: hidden;
	display: none;
	position: absolute;
	top: 58px;
}
#locale-list.active {display: block;}

#locale-list a,
#locale-list span {
	display: inline-block;
	width: 50%;
	background: #012130;
	border: none;
	padding: 12px 0 12px 30px;
	font-size: 14px;
}

#locale-list span {
	background: #103243;
}

#locale-list a:hover {
	background: #103243;
}

.dots {
	display: none
}

.dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #deddd8;
	border-radius: 100%
}

.dots .dot.active {
	background: #274c5e
}

footer {
	padding: 20px 0;
	background: #fff;
	color: #c3c0b4;
	text-align: center;
}

footer nav {
	margin-bottom: 20px
}

footer a {
	display: inline-block;
	padding: 15px;
}
footer a:hover {
	color: #ff6969;
}

[class*=ui-loader] {
	display: none !important
}

@media(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.lingerie {
		background-image: url("/images/index/hero-img_2x.jpg");
		background-size: auto 100%;
		background-position: top left
	}
	.description {
		background-image: url("/images/index/text-block-img_2x.jpg");
		background-size: auto 100%;
		background-position: top right
	}
}

@media screen and (max-width: 768px) {
	.hamburger {
		top: 10px;
		right: 0;
	}
	p {
		font-size: 14px
	}
	.lingerie {
		background-image: url("/images/index/hero-img-mobile.jpg");
		background-size: 100%;
		background-position: top
	}
	.lingerie .intro-logo {
		display: block;
		max-width: 215px;
		margin-bottom: 30px
	}

	.introHeader {
		font-size: 40px
	}
	.introHeader em {
		font-size: 20px
	}
	.btn.intro {
		font-size: 18px;
		margin: 20px auto 60px;
		padding: 16px 58px;
	}
	.btn.register {
		margin-bottom: 20px;
		padding: 16px 0;
		-webkit-appearance: none;
	}
	.modalLogin [for=rememberMe],
	.modalLogin .forgottenPassTrigger {
		font-size: 11px
	}
	.perks {
		overflow: hidden;
		padding-top: 25px
	}
	.perks-container {
		position: relative;
		left: 0%;
		transition: .4s ease-in-out
	}
	.perk {
		margin: 0 auto;
		max-width: 90%
	}
	.perk .perkHeader {
		font-size: 18px;
		background: #deddd8
	}
	.perk p {
		min-height: 100px
	}
	.perk .btn {
		margin-bottom: 25px;
		padding: 16px 0;
		width: 100%;
		max-width: 320px
	}
	.perk-1,
	.perk-3 {
		position: absolute
	}
	.perk-1 {
		left: -89%
	}
	.perk-3 {
		right: -89%
	}
	.description {
		text-align: center;
		background-image: url("/images/index/text-block-img-mobile.jpg");
		background-size: 100%;
		background-position: top
	}
	.description .descriptionHeader {
		margin-top: 300px;
		font-size: 24px
	}
	.description .btn {
		margin: 0 auto
	}

	.ui-loader {
		display: none
	}

	.modalReg .logo,
	.modalLogin .login-logo {
		display: block;
		margin-top: 30px;
		opacity: 1;
		max-width: 240px;
	}
	.modalReg img {
		width: auto;
	    height: 100%;
	    max-height: 70px;
	}
	.modalReg .introHeader,
	.modalLogin .introHeader {
		margin-top: 0;
		font-size: 35px
	}

	.modalReg [data-dropdown=switch-locale] {
		display: none;
	}
	.modalReg input:not([type=checkbox]):not([type=submit]),
	.modalReg select,
	.modalLogin input:not([type=checkbox]):not([type=submit]),
	.modalLogin select {
		margin-bottom: 10px
	}
	.modalReg .close:not(.btn),
	.modalLogin .close:not(.btn) {
		top: 10px;
		right: 10px;
		font-size: 30px
	}
	[name=Login] {
		position: relative !important;
		display: block !important;
		height: auto !important;
		pointer-events: all !important
	}
	.dots {
		display: block;
		position: absolute;
		bottom: 20px;
		width: 100%;
		text-align: center;
	}
}
/*478358.1.512.1.fc81bce*/