.biorshop-subscribe {
    margin: 50px 0 50px;
}
.biorshop-subscribe div.biorshop-block-title {
    color: #343434;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 9px;
    font-weight: 600;
}
.biorshop-subscribe-desc {
    color: #aaa;
    font-size: 12px;
    position: relative;
    margin-top: -5px;
    margin-bottom: 3px;
}
.biorshop-subscribe .biorshop-input-group .biorshop-form-control {
    position: relative;
    margin-bottom: 5px;
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #F8FAFC;
    border: 1px solid #D5DADC;
    border-radius: 6px;
    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;
}
.biorshop-ios .biorshop-subscribe .biorshop-input-group .biorshop-form-control {
    /* Fix of input shadow for IOS browsers. */
    background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
    background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.btn-subscribe {
    cursor: pointer;
    text-align: center;
    background: #70bb18;
    border: none;
    color: #fff;
    font-size: 13px;
    position: relative;
    text-transform: uppercase;
    border-radius: 2px;
    line-height: 30px;
    height: 40px;
    padding: 5px 60px 5px 20px;
    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;
}
.btn-subscribe:hover {
    background: #7ec629;
}
.btn-subscribe:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40px;
    background-color: #5b9f0b;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYyNDcxQTFERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYyNDcxQTJERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjI0NzE5RkRGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjI0NzFBMERGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plv+rHwAAADiSURBVHjajNK9asJQFMDxG42KUqFx9kEcRO1UcBCHjh3q3NXHcBEcdHQQPxY7+AaS0a1v0UEhSlu/rv+jhxIlBQ/84OTmnHuSmzjW2qExpoK9ekDcXMcRAVw1d2hckjxqwQxTJJXEDj+ooa5rK+neoocMnvGB7s3EVxQwwhdeDBMDvEPylr3EBB6yGOhaGzE0cJ5o4enOTSzQgY8D8nhDX2ty0hPTCxt6LDmsMtb6fk+hpr9a10THJ4pw8BtVII0ydRNxb/vPplLrSGNKT/Pb3BdVpOU7jklKSNzZKD+JfxJgAAV0YSAU8mZTAAAAAElFTkSuQmCC");
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 0 2px 2px 0;
}
.btn-subscribe span {
    display: block;
}
.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%}}

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

.biorshop_subscribe_checkbox_container {
  line-height: 16px;
  font-size: 13px;
  margin-bottom: 3px;
  vertical-align: middle;
  color: #aaa;
}
.biorshop-sender-subscribe-container .biorshop_subscribe_submit_container .biorshop-btn-subscribe {
    border: none;
    width: 100%;
}

.biorshop-sender-subscribe-container > div.row {

    padding: 26px 10px 18px 0px;
}

.biorshop-sender-subscribe-container img {
    float: left;
    margin-right: 20px;
}
.biorshop-sender-subscribe-container .biorshop-subscribe-text {
    font-size: 14px;
}

.biorshop-sender-subscribe-container .biorshop-subscribe-motto {
    padding-left: 20px;
    padding-bottom: 10px;
}

.biorshop-sender-subscribe-container .biorshop_subscribe_submit_container > button {
    border: none;
    width: 100%;
}
.biorshop_subscribe_checkbox_container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.biorshop_subscribe_checkbox_container li {
    float: left;
    margin-right: 8px;
}

.biorshop-subscribe-rubrics {
    margin-top: 6px;
    padding-bottom: 7px;
}


.section-banner {
  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;
  position: relative;
  margin-bottom: 20px;
}

.section-banner::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 250px;
    background-image: linear-gradient(to left,#a1c4fd 16%,#c2e9fb 80%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    border-radius: 20px;
}
.section-banner__img {
  margin-right: 90px;
  /*height: 160px;*/
}
.section-banner__img::before {
  background: no-repeat url("/local/components/asd/subscribe.quick.form/templates/main_page/images/left.png");
  left: 0;
  width: 193px;
}
.section-banner__img::before, .section-banner__img::after {
  content: "";
  position: absolute;
  height: 250px;
  top: 30px;
}
.section-banner__img::after {
  background: no-repeat url("/local/components/asd/subscribe.quick.form/templates/main_page/images/right.png");
  right: 0;
  width: 138px;
}
.section-banner__text {
  max-width: 430px;
  width: 100%;
}
.section-banner__title {
  font-size: 26px;
  line-height: 18px;
  margin-bottom: 8px;
}
.section-banner__description {
  font-size: 22px;
  line-height: 18px;
  max-width: 290px;
  margin-bottom: 15px;
}
.section-banner__comment{
    font-size: 12px;
    color: #303030;
    margin-top: 10px;
}
@media (min-width: 768px){
    #unisenderForm {
      width: 100%;
    }
}
.section-banner__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.section-banner__form .input {
  margin-right: 4px;
}
.captcha-row .captcha_image {
    height: 36px;
    position: relative;
    width: auto;
}
.captcha-row .captcha_image img {
    height: 36px;
    border: none;
    vertical-align: top;
    width: 180px;
    border-radius: 6px;
}
.captcha_reload {
    border: 1px solid transparent;
    cursor: pointer;
    height: 35px;
    left: 179px;
    position: absolute;
    top: 0;
    width: 36px;
}
.captcha-row .captcha_image .captcha_reload {
    right: 0;
    text-indent: -9999px;
}
.captcha_reload::before {
    border-radius: 25px;
    height: 25px;
    left: 5px;
    top: 5px;
    width: 25px;
}
.captcha_reload::after, .captcha_reload::before {
    content: "";
    display: block;
    position: absolute;
}
.captcha_reload::before{
  color: #FFF;
  background: #0085c7;
}
.captcha_reload:hover:before {
    background: #383838;
}
.captcha_reload::after {
    background: url(/local/components/asd/subscribe.quick.form/templates/main_page/images/icons_wish.png) -67px -82px rgba(0,0,0,0);
    height: 13px;
    left: 10px;
    top: 11px;
    transition: background .7s ease-in-out;
    width: 15px;
}
.captcha_reload.loading:after {
    -webkit-animation: .5s linear infinite spinner!important;
    animation: .5s linear infinite spinner!important;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.captcha_reload:hover:after {
    -webkit-animation: .5s ease-out spinner;
    animation: .5s spinner;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.captcha-row .captcha_input {
    margin-left: 18px;
}
.captcha-row .captcha_input input{
    padding: 8px 10px;
}
.input--white {
  background: #FFFFFF;
  line-height: 18px;
}
.section-banner .input {
  background: #F4F4F4;
  color: #000000;
  padding: 2px 15px;
  border: 1px solid transparent;
  border-radius: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  font-size: 12px;
  line-height: 130%;
  width: 100%;
  -webkit-transition: background ease .3s, border ease .3s;
  -o-transition: background ease .3s, border ease .3s;
  transition: background ease .3s, border ease .3s;
}
.section-banner .input--white {
  background: #FFFFFF;
  line-height: 18px;
}
.input--white:hover:not(:disabled), .input--white:focus:not(:disabled) {
  border: 1px solid #459be1;
}
.input:hover:not(:disabled) {
  color: #000000;
}

.section-banner .btn {
  cursor: pointer;
  outline: none;
  background: none;
    background-color: rgba(0, 0, 0, 0);
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 9px 19px;
  font-size: 14px;
  line-height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.section-banner .btn--red {
  color: #FFFFFF;
  border-radius: 5px;
  padding: 15px 10px;
  background-color: #03a9f4;
}

.section-banner__form .btn .icon {
  font-size: 11px;
}
.section-banner__form .btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.btn--red:hover:not(:disabled), .btn--red:active {
  opacity: .7;
}
svg:not(:root) {
  overflow: hidden;
}
.icon-mail {
  font-size: 1.2rem;
  width: 1.83333em;
}
.section-banner .icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}
@media only screen and (max-width: 767px){
    .section-banner {
      height: 250px;
      padding: 0 16px;
      margin: 0 0px 30px;
    }
    .section-banner__title {
      font-size: 24px;
    }
}
@media only screen and (max-width: 1024px){
    .section-banner {
      padding: 0 15px;
    }
}
@media only screen and (max-width: 1240px){
    .section-banner::before {
      height: 250px;
    }
}
@media only screen and (max-width: 767px){
    .section-banner__img {
      display: none;
    }
    .section-banner__other{
        bottom: 5px;
    }
}
@media only screen and (max-width: 1024px){
    .section-banner__img {
      margin-right: 40px;
    }
}
@media only screen and (max-width: 1240px){
  .section-banner__img::before {
    display: none;
  }
  .section-banner__img::after {
    display: none;
  }
}