.bx-subscribe {
}
.bx-subscribe .bx-input-group {
	position: relative;
}
.bx-subscribe .bx-input-group .form-control {
	position: relative;
	display: block;
	width: 100%;
	color: #ffffff;
	background-color: var(--color-dark);
	border: 2px solid #717680;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-subscribe .bx-input-group .form-control::placeholder { color: #717680; }

.btn-subscribe {
	cursor: pointer;
	border: none;
	position: absolute;

	vertical-align: middle;
	outline: none;
	-webkit-transition: width 5s linear;
	-moz-transition: width 5s linear;
	-ms-transition: width 5s linear;
	-o-transition: width 5s linear;
	transition: width 5s linear;

	background: url(images/icon-right.svg) no-repeat center center;
	margin: auto;
	top: 0;
	bottom: 0;
	right: var(--padding-xxs);
	width: var(--icon-size-md);
	height: var(--icon-size-md);
}
.btn-subscribe span {
	display: none;
}

.btn-subscribe.send {
	padding: 5px 40px;
	-webkit-animation-name: MeilSend;
	animation-name: MeilSend;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	outline: none;
	color: #fff;
}
.btn-subscribe:hover, .btn-subscribe:active{color: #fff;}
.btn-subscribe.send:before {
	width: 0;
	background-position: 100px 50%;
	-webkit-animation-name: MeilSendButton;
	animation-name: MeilSendButton;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}
@keyframes MeilSend {0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}}
@-webkit-keyframes MeilSend {0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}}
@keyframes MeilSendSpan {0%{color:transparent;}100%{color:#fff;}}
@-webkit-keyframes MeilSendSpan {0%{color:transparent;}100%{color:#fff;}}
@keyframes MeilSendButton {0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}
@-webkit-keyframes MeilSendButton {0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}

.bx_subscribe_response_container {
	padding: 40px;
	color: #35414E;
}

.bx_subscribe_checkbox_container {
  line-height: 16px;
  font-size: 13px;
  margin-bottom: 3px;
  vertical-align: middle;
  color: #aaa;
}

.bx-sender-subscribe-agreement .main-user-consent-request a {
	font: 11px/10px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-subscribe .subscribe-description {
	color: #ffffffb3;
	font-size: var(--font-size-s);
}
.bx-subscribe .subscribe-privacy {
	color: #717680;
	font-size: var(--font-size-xs);
	line-height: 1.25;
}