#mc_embed_signup span.genericon.genericon-close-alt
{ 
width: 50px;
height: 35px;
display: block;
margin-top: -10px;
padding-top: 20px;
}
#mc_embed_signup h2
{ font-family:sans-serif!important; font-size:24px; font-weight:bold; margin-top:15px; margin-bottom:10px; }
#mc_embed_signup p
{ line-height:18px; color:#fff; font-size:16px; margin-bottom:10px; }
a.view-recent
{ float: right; padding-top: 12px; font-size: 12px; }
.stripe
{ width: 615px; position: fixed; height: 180px; bottom: 15px; right: 10px; z-index:100; }
.stripe-img
{ /*width:273px;*/ width: 44.390%; float: left; }
.stripe-form
{ /*width:312px;*/ width: 50.73%; float: left; background: #000; color: #FFF; display: block; height: 180px; padding: 0px 0 0 22px; }
/Clearing Floats/
.cf:before, .cf:after
{ content: ""; display: table; }
.cf:after
{ clear: both; }
.cf
{ zoom: 1; }
/* Form wrapper styling */
.form-wrapper
{ /*width: 297px;*/ width: 100%; margin-top: -6px; }
/* Form text input */
#mc_embed_signup input
{ /*width: 243px;*/ width: 76.1%; height: 20px; padding: 10px 5px; float: left; font: 15px 'Helvetica', 'Arial'; border: 0; color: #000; background: #FFF;/*border-radius: 3px 0 0 3px; */ }
.form-wrapper input:focus
{ outline: 0; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,.8) inset; }
.form-wrapper input::-webkit-input-placeholder
{ color: gray; font-weight: normal; }
.form-wrapper input:-moz-placeholder
{ color: gray; font-weight: normal; }
.form-wrapper input:-ms-input-placeholder
{ color: gray; font-weight: normal; }
/* Form submit button */
#mc_embed_signup button
{ overflow: visible; /*position: relative;*/ float: left; border: 0; padding: 0; cursor: pointer; height: 40px; width: 44px; /*width: 14.814%;*/ /*font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';*/ color: #fff; text-transform: uppercase; background: #ee8900;/*border-radius: 0 3px 3px 0; */ /*text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);*/ }
#mc_embed_signup button:hover
{ background: #e54040; }
#mc_embed_signup button:active, #mc_embed_signup button:focus
{ background: #c42f2f; outline: 0; }
#mc_embed_signup button:hover:before
{ border-right-color: #e54040; }
#mc_embed_signup button:focus:before, #mc_embed_signup button:active:before
{ border-right-color: #c42f2f; }
#mc_embed_signup button::-moz-focus-inner
{ /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; }
p.recent
{ font-size: 12px; text-align: right; margin-right: 7%; }
p.subscribe
{ margin-top: -10px; }
span.genericon.genericon-close
{ padding: 0.17em; margin-top: -2px; }
.genericon-close-alt
{ /* font-size: 21px; text-align: right; float: right; margin: 10px 10px 0 0;*/ 
position: absolute;
    top: 10px;
    right: 13px;
    cursor: pointer;
 }
.stripe-form a
{ color: #fff; text-decoration: none; display:block;overflow:hidden; display:block; overflow:hidden; }
.stripe-form a:hover
{ color: #ee8900; text-decoration: none; }
span.genericon.genericon-collapse
{ -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg); /*margin: 2px 10px 0 0;*/ /* width: 30px; */ /* height: 35px; */ }
@media screen and (max-width: 640px) {
.stripe-img
{ display: none; float:none; }
.stripe
{ width: 100%; position: fixed; height: 180px; bottom: 0px; right: 0px; }
.stripe-form
{ float:none; width: 100%; padding:2% 30% 2% 5%; /* margin-left: 0%; position:relative; display: block; margin-right: auto; margin-left: auto;*/ }
#mc_embed_signup input
{ width: 80%; }
.stripe-content
{ display: block; max-width: 640px; margin: 0 auto; padding: 0px 20px 20px 0px; position: relative; font-size: 0.875em; margin-top: 31px;}
.form-wrapper input
{ width:81.1%; }
p.recent
{ margin-right: 10%; text-align: right; }
}
@media screen and (max-width: 340px){
.form-wrapper input
{ width: 73.1%; }
}

a#close {
    display: block !important;
}