cta.css

.promo_sec {
  padding: 20px 0 50px;
  text-align: center;
}
.promo_sec .promo_box {
  background-color: #cc1213;
  border-radius: 15px;
  color: #fff;
  margin: 0 auto;
  max-width: 800px;
  padding: 50px 50px 180px;
}
.promo_box .promo_head {
  padding-bottom: 30px;
}
.promo_box .promo_head h2 {
  color: #fff;
  font-size: 32px;
  padding-bottom: 15px;
}
.promo_box .promo_head > span {
  display: block;
  font-size: 20px;
  margin: 0 auto;
  max-width: 435px;
  padding-bottom: 25px;
}
.promo_box .promo_form {
  border: 2px solid #fff;
  margin: 0 auto;
  max-width: 530px;
  padding: 10px;
}
.promo_box .promo_form .user_mail {
  display: inline-block;
  width: calc(100% - 105px);
  vertical-align: top;
}
.promo_box .promo_form .user_mail input {
  background: #fff;
  border: medium none;
  color: #000;
  width: 100%;
  padding: 5px;
}
.promo_box .promo_form .data_submit {
  display: inline-block;
  width: 100px;
  vertical-align: top;
}
.promo_box .data_submit input {
  background-color: #ffc000;
  border: medium none;
  color: #000;
  font-weight: 400;
  padding: 5px;
  width: 100%;
}
.promo_sec .promo_img {
  margin-top: -145px;
}

CTA.html

<div class="promo_sec">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="promo_box">
          <div class="promo_head barley_hide_outline" data-barley="promo_head" data-barley-editor="advanced" contenteditable="false">
            <h2>
              SIGN UP TO RECEIVE DISCOUNTS
            </h2>
            <span>
              Get exclusive deals you wont find anywhere else straight to your inbox.
            </span>
            <img src="//d3a1v57rabk2hm.cloudfront.net/loljerky/bold-copy-2/images/lol-jerky-knife-small.png?ts=1490686547&amp;host=loljerky.cratejoy.com" alt="LOL Jerky KNIFE">
          </div>
          <div class="promo_form">
            <!-- Begin MailChimp Signup Form -->
            <div id="mc_embed_signup">
              <form action="//loljerky.us9.list-manage.com/subscribe/post?u=ef7400b1936c6f31f5246b8fb&amp;id=9838eb1e04" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="novalidate">
                <div id="mc_embed_signup_scroll">
                  <span class="user_mail">
                    <div class="mc-field-group">
                      <input type="email" value="" name="EMAIL" class="required email" placeholder="Enter Your Email" id="mce-EMAIL" aria-required="true">

                    </div>
                  </span>
                  <span class="data_submit">
                    <div style="position: absolute; left: -5000px;" aria-hidden="true">
                      <input type="text" name="b_ef7400b1936c6f31f5246b8fb_9838eb1e04" tabindex="-1" value="">

                    </div>
                    <div class="clear">
                      <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">

                    </div>
                  </span>
                  <div id="mce-responses" class="clear">
                    <div class="response" id="mce-error-response" style="display:none">
                    </div>
                    <div class="response" id="mce-success-response" style="display:none">
                    </div>
                  </div>
                </div>
              </form>
            </div>
            <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js">
            </script>
            <script type="text/javascript">
              (function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);
            </script>
            <!--End mc_embed_signup-->
          </div>
        </div>
        <div class="promo_img">
          <img src="//d3a1v57rabk2hm.cloudfront.net/loljerky/rapido-copy-1/images/lol-jerky-beef-cutting-board.png?ts=1547863553&amp;host=www.loljerky.com" alt="lol jerky">
        </div>
      </div>
    </div>
  </div>
</div>