.subscribe-wrapper{position: fixed; top: 50%; transform: translateY(-50%); right: -420px; max-width: 414px; width: 100%; transition: all 0.2s linear; background-color: #383838; border-radius: 8px; text-align: center; z-index: 99; padding: 45px 25px 20px;}
body.opened-subscribe .subscribe-wrapper{right: 16px;}
.subscribe-wrapper .item-badge{position: absolute; top: -36px; left: 50%; transform: translateX(-50%); width: 72px; height: 72px; border-radius: 72px; background-color: #147CD2; z-index: 1; display: flex; align-items: center; justify-content: center;}
.subscribe-wrapper .item-badge img{width: 36px;}
.subscribe-wrapper .close-toggle{border: solid 1px white; border-radius: 20px; color: white; position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;}
.subscribe-wrapper .close-toggle span{position: absolute; width: 12px; height: 1px; background-color: white;}
.subscribe-wrapper .close-toggle span:nth-of-type(1){transform: rotate(45deg);}
.subscribe-wrapper .close-toggle span:nth-of-type(2){transform: rotate(-45deg);}
.subscribe-wrapper h3, .subscribe-wrapper h4{color: white; margin-bottom: 8px;}
.subscribe-wrapper h3{font-size: 26px;}
.subscribe-wrapper h4{font-size: 20px;}
.subscribe-wrapper p{color: white; line-height: 1.35;}
.subscribe-wrapper form{width: 100%;}
.subscribe-wrapper button{font-weight: 700; font-size: 16px; line-height: 38px; width: 100%;}
.subscribe-wrapper .ctrl-holder.error label.error{padding: 0 16px; text-align: left;}

.subscribe-blocks-container{display: flex; align-items: center; justify-content: center; height: 216px; position: relative;}

.form-block, .thanks-block{background-color: #383838; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: auto; opacity: 1; transition: all 0.4s linear;}
.thanks-block{z-index: 2;}
.form-block.hidden-block, .thanks-block.hidden-block{pointer-events: none; opacity: 0;}
.thanks-block h4{margin-bottom: 16px;}
.thanks-block img{width: 160px;}

.subscribe-toggle{position: fixed; top: 50%; right: 0; background-color: #147CD2; border-radius: 8px 0 0 8px; color: white!important; font-size: 14px; font-weight: 700; transform: translateY(-50%); transform-origin: left center; padding: 20px 0; width: 40px; display: flex; justify-content: center; z-index: 19; opacity: 1; pointer-events: auto; transition: all 0.2s linear;}
body.opened-subscribe .subscribe-toggle{opacity: 0; pointer-events: none;}
.subscribe-toggle:hover, .subscribe-toggle:focus{box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); text-decoration: none;}
.subscribe-toggle span{display: inline-block;writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap;}

@media only screen and (max-width: 767px) {
	.subscribe-wrapper{border-radius: 0px; top: auto; bottom: 0; right: -100%; transform: none; max-width: 100%; padding: 40px 20px 30px;}
	body.opened-subscribe .subscribe-wrapper{right: 0;}
	.subscribe-wrapper .item-badge{position: absolute; top: -30px; width: 60px; height: 60px;}
	.subscribe-wrapper .item-badge img{width: 30px;}

	.subscribe-toggle{top: auto; bottom: 30px; transform: none; right: -40px;}
	.subscribe-toggle.toggle-up{right: 0;}
}