/*!
    * Atomx modal v1.0
*/.modal{font-family:"frutiger", Arial, sans-serif}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal__container{margin:15px;padding-bottom:20px;background-color:#fff;max-width:560px;max-height:80vh;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 768px){.modal__container{max-height:50vh;padding-bottom:40px}}.modal__header{padding:20px 35px 20px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:solid 2px #e1e1e1}@media screen and (min-width: 768px){.modal__header{padding:20px 40px}}.modal__title{margin-top:0;margin-bottom:0;font-family:"frutiger", Arial, sans-serif;font-size:22px;line-height:26px;font-weight:300;color:#1a1a1a}@media screen and (min-width: 768px){.modal__title{font-size:26px}}.modal__close{position:absolute;top:10px;right:10px;background:transparent;border:0;padding:0;outline:none}@media screen and (min-width: 768px){.modal__close svg{width:30px;height:30px}}.modal__content{position:relative;padding:20px;font-size:1rem;color:#1a1a1a;overflow-y:scroll;max-height:60vh;background-image:-o-linear-gradient(top, transparent, rgba(255,255,255,0.8));background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255,255,255,0.8)));background-image:linear-gradient(to bottom, transparent, rgba(255,255,255,0.8))}@media screen and (min-width: 768px){.modal__content{max-height:30vh;padding:20px 40px 0}}.modal__content:after{content:"";display:block;height:50px;left:20px;right:20px;bottom:20px;position:fixed;background:-o-linear-gradient(top, rgba(255,255,255,0) 0%, white 100%);background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(white));background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 100%)}@media screen and (min-width: 768px){.modal__content:after{left:40px;right:40px;bottom:40px}}.modal__content p{margin:0}-webkit-keyframes mmfadeIn{opacity:0}to{opacity:1}keyframes mmfadeIn{opacity:0}to{opacity:1}-webkit-keyframes mmfadeOut{opacity:1}to{opacity:0}keyframes mmfadeOut{opacity:1}to{opacity:0}-webkit-keyframes mmslideIn{-webkit-transform:translateY(15%);transform:translateY(15%)}to{-webkit-transform:translateY(0);transform:translateY(0)}keyframes mmslideIn{-webkit-transform:translateY(15%);transform:translateY(15%)}to{-webkit-transform:translateY(0);transform:translateY(0)}-webkit-keyframes mmslideOut{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10%);transform:translateY(-10%)}keyframes mmslideOut{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10%);transform:translateY(-10%)}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden="false"] .modal__overlay{-webkit-animation:mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);animation:mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide[aria-hidden="false"] .modal__container{-webkit-animation:mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);animation:mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide[aria-hidden="true"] .modal__overlay{-webkit-animation:mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);animation:mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide[aria-hidden="true"] .modal__container{-webkit-animation:mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);animation:mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}


.atomx-modal {
	font-family: "frutiger", Arial, sans-serif;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.atomx-modal__overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; 
	z-index: 1001;
}

.atomx-modal__container {
	margin: 15px;
	padding-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fff;
	width: 100%;
	max-width: 560px;
	max-height: 80vh;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	scrollbar-width: thin; }
@media screen and (min-width: 768px) {
	.atomx-modal__container {
		max-height: 80vh;
		padding-bottom: 40px; } }

.atomx-modal__header {
	position: relative;
	padding: 20px 35px 20px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: solid 2px #e1e1e1;
	border-radius: 4px 4px 0 0;
	background-color: transparent; }
@media screen and (min-width: 768px) {
	.atomx-modal__header {
		padding: 20px 40px; } }
.atomx-modal__header.atomx-modal__header--img {
	padding: 0;
	border-bottom: none; }
.atomx-modal__header.atomx-modal__header--img img {
	width: 100%;
	height: 130px; }
.atomx-modal__header.atomx-modal__header--ico {
	height: 110px;
	border-bottom: none; }
@media screen and (min-width: 768px) {
	.atomx-modal__header.atomx-modal__header--ico {
		height: 120px; } }

.atomx-modal__header.atomx-modal__header--primary {
	background-color: #006DFF; }

.atomx-modal__header.atomx-modal__header--secondary {
	background-color: #666666; }

.atomx-modal__header.atomx-modal__header--success {
	background-color: #00C172; }

.atomx-modal__header.atomx-modal__header--warning {
	background-color: #FE5815; }

.atomx-modal__header.atomx-modal__header--danger {
	background-color: #F23037; }

.atomx-modal__header.atomx-modal__header--orange-light {
	background-color: #FFA02F; }

.atomx-modal__header.atomx-modal__header--blue-dark {
	background-color: #09357A; }

.atomx-modal__header.atomx-modal__header--blue-light {
	background-color: #005BBB; }

.atomx-modal__header.atomx-modal__header--green-light {
	background-color: #C4D600; }

.atomx-modal__header.atomx-modal__header--green-dark {
	background-color: #509E2F; }

.atomx-modal__header__ico {
	margin: 0 auto;
	display: block;
	color: #fff; }

.atomx-modal__title {
	margin-top: 0;
	margin-bottom: 0;
	font-family: "frutiger", Arial, sans-serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: 300;
	color: #1a1a1a; }
@media screen and (min-width: 768px) {
	.atomx-modal__title {
		font-size: 26px; } }
.atomx-modal__title h1, .atomx-modal__title h2, .atomx-modal__title h3, .atomx-modal__title h4, .atomx-modal__title h5, .atomx-modal__title h6 {
	margin: 0;
	padding: 0; }

.atomx-modal__content .atomx-modal__title {
	margin-top: 0;
	font-family: "frutiger-light", Arial, sans-serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: 300;
	color: #1a1a1a; }
@media screen and (min-width: 768px) {
	.atomx-modal__content .atomx-modal__title {
		margin-top: 20px;
		font-size: 26px;
		line-height: 30px; } }
.atomx-modal__content .atomx-modal__title h1, .atomx-modal__content .atomx-modal__title h2, .atomx-modal__content .atomx-modal__title h3, .atomx-modal__content .atomx-modal__title h4, .atomx-modal__content .atomx-modal__title h5, .atomx-modal__content .atomx-modal__title h6 {
	margin: 0;
	padding: 0; }

.atomx-modal__description, .atomx-modal_description p, p.atomx-modal__description {
	margin: 15px 0 0;
	font-family: "frutiger", Arial, sans-serif;
	font-size: 16px;
	line-height: 26px;
	color: #1a1a1a; }

.atomx-modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	background: transparent;
	border: 0;
	padding: 0;
	outline: none; }
@media screen and (min-width: 768px) {
	.atomx-modal__close svg {
		width: 30px;
		height: 30px; } }

.atomx-modal__content {
	position: relative;
	padding: 20px 20px 0;
	font-size: 1rem;
	color: #1a1a1a;
	overflow-y: auto;
	max-height: 40vh;
	overflow-x: hidden; }
.atomx-modal__content:after {
	content: "";
	display: block;
	height: 30px;
	left: 20px;
	right: 20px;
	bottom: 0;
	position: -webkit-sticky;
	position: sticky;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }
@media screen and (min-width: 768px) {
	.atomx-modal__content:after {
		left: 40px;
		right: 40px;
		bottom: 0; } }
@media screen and (min-width: 768px) {
	.atomx-modal__content {
		padding: 20px 40px 0; } }
.atomx-modal__content p {
	margin: 0; }

.atomx-modal__footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 0 20px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	height: auto;
	background-color: #ffffff; }
@media screen and (min-width: 768px) {
	.atomx-modal__footer {
		padding: 10px 40px 0;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end; } }
.atomx-modal__footer .atomx-btn + .atomx-btn {
	margin: 0 0 15px; }
@media screen and (min-width: 768px) {
	.atomx-modal__footer .atomx-btn + .atomx-btn {
		margin: 0 0 0 15px; } }
.atomx-modal__footer.atomx-modal__footer--bordered {
	margin-top: 1px;
	padding-top: 20px;
	border-top: solid 1px #e1e1e1; }
@media screen and (min-width: 768px) {
	.atomx-modal__footer.atomx-modal__footer--bordered {
		padding-top: 40px; } }

@-webkit-keyframes mmfadeIn {
	from {
		opacity: 0; }
	to {
		opacity: 1; } }

@keyframes mmfadeIn {
	from {
		opacity: 0; }
	to {
		opacity: 1; } }

@-webkit-keyframes mmfadeOut {
	from {
		opacity: 1; }
	to {
		opacity: 0; } }

@keyframes mmfadeOut {
	from {
		opacity: 1; }
	to {
		opacity: 0; } }

@-webkit-keyframes mmslideIn {
	from {
		-webkit-transform: translateY(15%);
		transform: translateY(15%); }
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0); } }

@keyframes mmslideIn {
	from {
		-webkit-transform: translateY(15%);
		transform: translateY(15%); }
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0); } }

@-webkit-keyframes mmslideOut {
	from {
		-webkit-transform: translateY(0);
		transform: translateY(0); }
	to {
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%); } }

@keyframes mmslideOut {
	from {
		-webkit-transform: translateY(0);
		transform: translateY(0); }
	to {
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%); } }

.micromodal-slide {
	display: none; }

.micromodal-slide.is-open {
	display: block; }

.micromodal-slide[aria-hidden="false"] .atomx-modal__overlay {
	-webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
	animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="false"] .atomx-modal__container {
	-webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
	animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .atomx-modal__overlay {
	-webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
	animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .atomx-modal__container {
	-webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
	animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide .atomx-modal__container,
.micromodal-slide .atomx-modal__overlay {
	will-change: transform; }