.essb-click-to-tweet{display:block;background:#60A8DC;position:relative;-moz-border-radius:4px;border-radius:4px;padding:15px 15px 15px 30px;margin-bottom:1em;color:#fff;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.essb-click-to-tweet.essb-click-to-tweet-light{background:0 0;border-left:5px solid #888;border-radius:0}.essb-click-to-tweet.essb-click-to-tweet-qlite{background:0 0;border:1px solid #efefef;border-radius:0}.essb-click-to-tweet.essb-click-to-tweet-light:hover{background-color:rgba(88,88,88,.05);border-left:5px solid #555}.essb-click-to-tweet.essb-click-to-tweet-qlite:hover{background-color:rgba(88,88,88,.02);border:1px solid #e1e1e1}.essb-click-to-tweet.essb-click-to-tweet-dark{background:#333;border-left:5px solid #999;border-radius:0}.essb-click-to-tweet.essb-click-to-tweet-dark:hover{background:#111;border-left:5px solid #cdcdcd}.essb-click-to-tweet:hover{background-color:#2a7fbd;border-left:3px solid #4499d6}.essb-click-to-tweet:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.essb-click-to-tweet-quote{position:relative;color:#fff!important;font-size:18px;line-height:21px;font-weight:100;text-decoration:none!important;text-transform:none!important;word-wrap:break-word;border-bottom:none!important}.essb-click-to-tweet.essb-click-to-tweet-light .essb-click-to-tweet-quote{color:#555!important}.essb-click-to-tweet.essb-click-to-tweet-qlite .essb-click-to-tweet-quote{color:#333!important;font-style:italic}.essb-click-to-tweet.essb-click-to-tweet-dark .essb-click-to-tweet-quote{color:#fff!important}.essb-click-to-tweet-button{margin:0;display:block;text-transform:uppercase;font-size:.7em;font-weight:700;color:#fff;text-align:right;text-decoration:none!important}.essb-click-to-tweet-light .essb-click-to-tweet-button,.essb-click-to-tweet-qlite .essb-click-to-tweet-button{color:#555}.essb-click-to-tweet-button-icon{background-size:21px 21px;background-repeat:no-repeat;width:21px;height:21px;display:inline-block;float:right;margin-top:-3px;margin-left:5px;font-size:16px}.essb-ctt-text a:hover{text-decoration:none;color:#fff!important}.essb-click-to-tweet-qlite .essb-click-to-tweet-button-icon{color:#60A8DC}.essb-subscribe-form-overlay {
background-color: rgba(255, 255, 255, 0.9);
position: fixed;
_position: absolute; height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 100000;
display: none;
}
.essb-subscribe-form-popup {
z-index: 100001;
}
.essb-subscribe-form-inline {
margin-bottom: 15px;
}
.essb-subscribe-form-close {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.essb-subscribe-form-close {
width: 26px;
height: 26px;
line-height: 26px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity = 65);
padding: 0px;
color: #212121;
font-style: normal;
font-size: 18px;
font-family: Arial, Baskerville, monospace;
font-weight: bold;
border: 0px;
background: transparent;
}
.essb-subscribe-form-close:hover,.essb-subscribe-form-close:focus {
opacity: 1;
filter: alpha(opacity = 100);
background: transparent;
outline: none;
}
.essb-subscribe-form-close:active {
top: 1px;
background: transparent;
outline: none;
} .essb-subscribe-form-content.essb-subscribe-from-design1 {
background-color: #f6f5f4;
clear: both;
padding: 15px;
color: #282828;
line-height: 1;
border-top: 3px solid #f05a28;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 h4 {
font-size: 16px;
line-height: 1;
margin: 0px;
padding: 5px 0;
text-transform: uppercase;
position: relative;
display: inline-block;
font-weight: bold;
}
.essb-subscribe-from-design1 .essb-subscribe-form-content-title:after {
content: '';
background: #f05a28;
position: absolute;
left: 0px;
right: 0px;
margin: 0;
margin-top: 2px;
height: 2px;
width: 45px;
top: 100%;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 p {
margin: 10px 0;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input {
border: none;
width: 100%;
box-sizing: border-box;
padding: 10px 0;
margin: 0;
box-shadow: none;
border-radius: 0;
height: 45px;
text-indent: 10px;
text-align: center;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input.submit {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 .essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design1 .essb-subscribe-form-content-name-field {
margin-top: 10px;
font-weight: bold;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 .essb-subscribe-form-content-email-field:focus,
.essb-subscribe-form-content.essb-subscribe-from-design1 .essb-subscribe-form-content-name-field:focus
{
border-bottom: 3px solid #b0b0b0;
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input.essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design1 input.essb-subscribe-form-content-name-field
{
color: #454545;
background: #e3e3e3;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input::-webkit-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input:-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input::-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input::-ms-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input:focus::-webkit-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input:focus::-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input:focus:-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input:focus::input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input.submit {
background: #f05a28;
color: #ffffff;
margin-top: 5px;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
cursor: pointer;
border-bottom: 3px solid #d6410f;
border-radius: 3px;
cursor: pointer;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input.submit:focus {
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input.submit:hover {
background: #d6410f;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 .essb-subscribe-form-content-footer {
margin-top: 10px;
font-size: 12px;
text-align: center;
margin-bottom: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 .essb-subscribe-form-result-message {
margin-top: 10px;
font-size: 12px;
font-weight: bold;
display: none;
}
.essb-subscribe-from-design1 .essb-subscribe-loader {
margin: 0 0 2em;
height: 35px;
width: 20%;
text-align: center;
padding: 1em;
margin: 0 auto 1em;
display: none;
vertical-align: top;
} .essb-subscribe-from-design1 .essb-subscribe-loader svg path,
.essb-subscribe-from-design1 .essb-subscribe-loader svg rect {
fill: #FF6700;
} .essb-subscribe-form-content.essb-subscribe-from-design2 {
clear: both;
padding: 15px;
color: #282828;
line-height: 1;
border: 2px solid #ededed;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 h4 {
font-size: 21px;
line-height: 1;
margin: 0px;
padding: 5px 0;
position: relative;
display: inline-block;
font-weight: bold;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 p {
margin: 10px 0;
font-size: 15px;
line-height: 1.5em;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input {
border: none;
box-sizing: border-box;
padding: 10px 0;
margin: 0;
box-shadow: none;
border-radius: 0;
height: 45px;
text-indent: 10px;
text-align: center;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 .essb-subscribe-form-inputwidth1 {
width: 67%;
display: inline-block;
margin-right: 5px;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 .essb-subscribe-form-inputwidth2 {
width: 33%;
display: inline-block;
margin-right: 5px;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design2 .essb-subscribe-form-submitwidth2 {
width: 30%;
display: inline-block;
}
.essb-subscribe-form-content.essb-subscribe-from-design2.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design2.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth2,
.essb-subscribe-form-content.essb-subscribe-from-design2.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design2.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth2 {
width: 100%;
display: block;
margin-right: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input.submit {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 .essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design2 .essb-subscribe-form-content-name-field {
margin-top: 10px;
font-weight: bold;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 .essb-subscribe-form-content-email-field:focus,
.essb-subscribe-form-content.essb-subscribe-from-design2 .essb-subscribe-form-content-name-field:focus
{
border-bottom: 3px solid #b0b0b0;
outline: none;
background-color: transparent;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input.essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design2 input.essb-subscribe-form-content-name-field
{
color: #454545;
background: #e3e3e3;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input::-webkit-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input:-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input::-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input::-ms-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input:focus::-webkit-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input:focus::-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input:focus:-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input:focus::input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input.submit {
background: #f05a28;
color: #ffffff;
margin-top: 5px;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
cursor: pointer;
border-bottom: 3px solid #d6410f;
border-radius: 3px;
cursor: pointer;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input.submit:focus {
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input.submit:hover {
background: #d6410f;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 .essb-subscribe-form-content-footer {
margin-top: 10px;
font-size: 12px;
text-align: center;
margin-bottom: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 .essb-subscribe-form-result-message {
margin-top: 10px;
font-size: 12px;
font-weight: bold;
display: none;
}
.essb-subscribe-from-design2 .essb-subscribe-loader {
margin: 0 0 2em;
height: 35px;
width: 20%;
text-align: center;
padding: 1em;
margin: 0 auto 1em;
display: none;
vertical-align: top;
} .essb-subscribe-from-design2 .essb-subscribe-loader svg path,
.essb-subscribe-from-design2 .essb-subscribe-loader svg rect {
fill: #FF6700;
} .essb-subscribe-form-content.essb-subscribe-from-design3 {
clear: both;
color: #ffffff;
line-height: 1;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 .essb-subscribe-form-content-top {
padding: 25px;
background-color: #FF6700;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.essb-subscribe-form-content.essb-subscribe-from-design3.essb-subscribe-form-inwidget .essb-subscribe-form-content-top {
padding: 15px;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 .essb-subscribe-form-content-top-image-left {
float: left;
display: block;
padding: 10px;
margin-right: 10px;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 .essb-subscribe-form-content-top-image-right {
float: right;
display: block;
padding: 10px;
margin-left: 10px;
}
.essb-subscribe-form-content.essb-subscribe-from-design3.essb-subscribe-form-inwidget .essb-subscribe-form-content-top-image-left,
.essb-subscribe-form-content.essb-subscribe-from-design3.essb-subscribe-form-inwidget .essb-subscribe-form-content-top-image-right {
float: none;
text-align: center;
margin: 0 auto;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 .essb-subscribe-form-content-bottom {
padding: 25px;
background-color: #2c3644;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.essb-subscribe-form-content.essb-subscribe-from-design3.essb-subscribe-form-inwidget .essb-subscribe-form-content-bottom {
padding: 15px;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 h4 {
font-size: 21px;
line-height: 1;
margin: 0px;
padding: 5px 0;
position: relative;
display: inline-block;
font-weight: bold;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 p {
margin: 10px 0;
font-size: 15px;
line-height: 1.5em;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input {
border: none;
box-sizing: border-box;
padding: 10px 0;
margin: 0;
box-shadow: none;
border-radius: 0;
height: 45px;
text-indent: 10px;
text-align: center;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 .essb-subscribe-form-inputwidth1 {
width: 67%;
display: inline-block;
margin-right: 5px;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 .essb-subscribe-form-inputwidth2 {
width: 33%;
display: inline-block;
margin-right: 5px;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design3 .essb-subscribe-form-submitwidth2 {
width: 30%;
display: inline-block;
}
.essb-subscribe-form-content.essb-subscribe-from-design3.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design3.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth2,
.essb-subscribe-form-content.essb-subscribe-from-design3.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design3.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth2 {
width: 100%;
display: block;
margin-right: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input.submit {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 .essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design3 .essb-subscribe-form-content-name-field {
margin-top: 10px;
font-weight: bold;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 .essb-subscribe-form-content-email-field:focus,
.essb-subscribe-form-content.essb-subscribe-from-design3 .essb-subscribe-form-content-name-field:focus
{
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input.essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design3 input.essb-subscribe-form-content-name-field
{
color: #ffffff;
background: #404c5d;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input::-webkit-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input:-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input::-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input::-ms-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input:focus::-webkit-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input:focus::-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input:focus:-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input:focus::input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input.submit {
background: #f05a28;
color: #ffffff;
margin-top: 5px;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
cursor: pointer;
border-bottom: 3px solid #d6410f;
border-radius: 3px;
cursor: pointer;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input.submit:focus {
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input.submit:hover {
background: #d6410f;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 .essb-subscribe-form-content-footer {
margin-top: 10px;
font-size: 12px;
text-align: center;
margin-bottom: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 .essb-subscribe-form-result-message {
margin-top: 10px;
font-size: 12px;
font-weight: bold;
display: none;
}
.essb-subscribe-from-design3 .essb-subscribe-loader {
margin: 0 0 2em;
height: 35px;
width: 20%;
text-align: center;
padding: 1em;
margin: 0 auto 1em;
display: none;
vertical-align: top;
} .essb-subscribe-from-design3 .essb-subscribe-loader svg path,
.essb-subscribe-from-design3 .essb-subscribe-loader svg rect {
fill: #ffffff;
} .essb-subscribe-form-content.essb-subscribe-from-design4 {
clear: both;
background-color: #ffffff;
color: #232323;
line-height: 1;
vertical-align: top;
display: block;
width: 100%;
display: flex;
}
.essb-subscribe-form-content.essb-subscribe-from-design4.essb-subscribe-form-inwidget {
display: block;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 .essb-subscribe-form-content-subscribeholder {
width: 40%;
float: left;
text-align: center;
margin: 0;
padding: 0;
padding-top: 10%;
background-color: #2c3644;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 .essb-subscribe-form-content-subscribeholder form {
padding: 20px;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 .essb-subscribe-form-content-contentholder {
width: 60%;
margin: 0;
padding: 0;
float: left;
text-align: center;
padding: 20px;
}
.essb-subscribe-form-content.essb-subscribe-from-design4.essb-subscribe-form-inwidget .essb-subscribe-form-content-contentholder,
.essb-subscribe-form-content.essb-subscribe-from-design4.essb-subscribe-form-inwidget .essb-subscribe-form-content-subscribeholder {
width: 100%;
float: none;
display: block;
padding: 0px;
margin-bottom: 10px;
}
.essb-subscribe-form-content.essb-subscribe-from-design4.essb-subscribe-form-inwidget .essb-subscribe-form-content-contentholder h4,
.essb-subscribe-form-content.essb-subscribe-from-design4.essb-subscribe-form-inwidget .essb-subscribe-form-content-contentholder p {
padding: 0px 10px;
}
.essb-subscribe-form-content.essb-subscribe-from-design4.essb-subscribe-form-inwidget .essb-subscribe-form-content-subscribeholder {
padding-top: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design4.essb-subscribe-form-inwidget .essb-subscribe-form-content-subscribeholder form {
padding: 10px !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 h4 {
font-size: 21px;
line-height: 1;
margin: 0px;
padding: 5px 0;
position: relative;
display: inline-block;
font-weight: bold;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 p {
margin: 10px 0;
font-size: 15px;
line-height: 1.5em;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input {
border: none;
box-sizing: border-box;
padding: 10px 0;
margin: 0;
box-shadow: none;
border-radius: 0;
height: 45px;
text-indent: 10px;
text-align: center;
width: 100%;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input.submit {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 .essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design4 .essb-subscribe-form-content-name-field {
margin-top: 10px;
font-weight: bold;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 .essb-subscribe-form-content-name-field {
margin-top: -10%!important;
}
.essb-subscribe-form-content.essb-subscribe-from-design4.essb-subscribe-form-inwidget .essb-subscribe-form-content-name-field {
margin-top: 0px !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 .essb-subscribe-form-content-email-field:focus,
.essb-subscribe-form-content.essb-subscribe-from-design4 .essb-subscribe-form-content-name-field:focus
{
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input.essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design4 input.essb-subscribe-form-content-name-field
{
color: #ffffff;
background: #404c5d;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input::-webkit-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input:-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input::-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input::-ms-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input:focus::-webkit-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input:focus::-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input:focus:-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input:focus::input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input.submit {
background: #f05a28;
color: #ffffff;
margin-top: 5px;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
cursor: pointer;
border-bottom: 3px solid #d6410f;
border-radius: 3px;
cursor: pointer;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input.submit:focus {
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input.submit:hover {
background: #d6410f;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 .essb-subscribe-form-content-footer {
margin-top: 10px;
font-size: 12px;
text-align: center;
margin-bottom: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 .essb-subscribe-form-result-message {
margin-top: 10px;
font-size: 12px;
font-weight: bold;
display: none;
}
.essb-subscribe-from-design4 .essb-subscribe-loader {
margin: 0 0 2em;
height: 35px;
width: 20%;
text-align: center;
padding: 1em;
margin: 0 auto 1em;
display: none;
vertical-align: top;
} .essb-subscribe-from-design4 .essb-subscribe-loader svg path,
.essb-subscribe-from-design4 .essb-subscribe-loader svg rect {
fill: #ffffff;
} .essb-subscribe-form-content.essb-subscribe-from-design5 {
clear: both;
padding: 15px;
color: #282828;
line-height: 1;
background: repeating-linear-gradient( 135deg, #4251db, #4251db 10px, #fff 10px, #fff 20px, #f84d3b 20px, #f84d3b 30px, #fff 30px, #fff 40px ) !important;
padding: 6px;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-forced {
background-color: #fff;
padding: 10px 20px;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 h4 {
font-size: 28px;
line-height: 1;
margin: 0px;
padding: 20px 0;
font-weight: bold;
text-align: center;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 p {
margin: 10px 0;
font-size: 15px;
line-height: 1.5em;
text-align: center;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input {
border: none;
box-sizing: border-box;
padding: 10px 0;
margin: 0;
box-shadow: none;
border-radius: 0;
height: 45px;
text-indent: 10px;
text-align: center;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-inputwidth1 {
width: 67%;
display: inline-block;
margin-right: 5px;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-inputwidth2 {
width: 33%;
display: inline-block;
margin-right: 5px;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-submitwidth2 {
width: 30%;
display: inline-block;
}
.essb-subscribe-form-content.essb-subscribe-from-design5.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design5.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth2,
.essb-subscribe-form-content.essb-subscribe-from-design5.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design5.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth2 {
width: 100%;
display: block;
margin-right: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input.submit {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-content-name-field {
margin-top: 10px;
font-weight: bold;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-content-email-field:focus,
.essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-content-name-field:focus
{
border-bottom: 3px solid #b0b0b0;
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input.essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design5 input.essb-subscribe-form-content-name-field
{
color: #454545;
background: #e3e3e3;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input::-webkit-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input:-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input::-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input::-ms-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input:focus::-webkit-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input:focus::-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input:focus:-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input:focus::input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input.submit {
background: #4251db;
color: #ffffff;
margin-top: 5px;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
cursor: pointer;
border-bottom: 3px solid #1b268c;
border-radius: 3px;
cursor: pointer;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input.submit:focus {
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input.submit:hover {
background: #1b268c;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-content-footer {
margin-top: 10px;
font-size: 12px;
text-align: center;
margin-bottom: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-result-message {
margin-top: 10px;
font-size: 12px;
font-weight: bold;
display: none;
}
.essb-subscribe-from-design5 .essb-subscribe-loader {
margin: 0 0 2em;
height: 35px;
width: 20%;
text-align: center;
padding: 1em;
margin: 0 auto 1em;
display: none;
vertical-align: top;
} .essb-subscribe-from-design5 .essb-subscribe-loader svg path,
.essb-subscribe-from-design5 .essb-subscribe-loader svg rect {
fill: #FF6700;
} .essb-subscribe-form-content.essb-subscribe-from-design6 {
clear: both;	
background-color: #fff;
color: #303133;
line-height: 1;
border-top: 5px solid #fbb429;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-content-top {
padding: 25px;
background-color: #fff;
}
.essb-subscribe-form-content.essb-subscribe-from-design6.essb-subscribe-form-inwidget .essb-subscribe-form-content-top {
padding: 15px;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-content-top-image-left {
float: left;
display: block;
padding: 10px;
margin-right: 10px;
max-width: 30%;
box-shadow: none;
margin-bottom: 10px;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-content-top-image-right {
float: right;
display: block;
padding: 10px;
margin-left: 10px;
max-width: 30%;
box-shadow: none;
margin-bottom: 10px;
}
.essb-subscribe-form-content.essb-subscribe-from-design6.essb-subscribe-form-inwidget .essb-subscribe-form-content-top-image-left,
.essb-subscribe-form-content.essb-subscribe-from-design6.essb-subscribe-form-inwidget .essb-subscribe-form-content-top-image-right {
float: none;
text-align: center;
margin: 0 auto;
max-width: 60%;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-content-bottom {
padding: 25px;
background-color: #5dddd3;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
clear: both;
display: block;
}
.essb-subscribe-form-content.essb-subscribe-from-design6.essb-subscribe-form-inwidget .essb-subscribe-form-content-bottom {
padding: 15px;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 h4 {
font-size: 21px;
line-height: 1;
margin: 0px;
padding: 5px 0;
position: relative;
display: inline-block;
font-weight: bold;
text-transform: uppercase;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 p {
margin: 10px 0;
font-size: 15px;
line-height: 1.5em;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input {
border: none;
box-sizing: border-box;
padding: 10px 0;
margin: 0;
box-shadow: none;
border-radius: 0;
height: 45px;
text-indent: 10px;
text-align: center;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-inputwidth1 {
width: 67%;
display: inline-block;
margin-right: 5px;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-inputwidth2 {
width: 33%;
display: inline-block;
margin-right: 5px;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-submitwidth2 {
width: 30%;
display: inline-block;
}
.essb-subscribe-form-content.essb-subscribe-from-design6.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design6.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth2,
.essb-subscribe-form-content.essb-subscribe-from-design6.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design6.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth2 {
width: 100%;
display: block;
margin-right: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input.submit {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-content-name-field {
margin-top: 10px;
font-weight: bold;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-content-email-field:focus,
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-content-name-field:focus
{
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input.essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design6 input.essb-subscribe-form-content-name-field
{
color: #303133;
background: #f5f7f9;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input::-webkit-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input:-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input::-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input::-ms-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input:focus::-webkit-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input:focus::-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input:focus:-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input:focus::input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input.submit {
background: #fbb429;
color: #ffffff;
margin-top: 5px;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
cursor: pointer;
border-bottom: 3px solid #f5a209;
border-radius: 3px;
cursor: pointer;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input.submit:focus {
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input.submit:hover {
background: #f5a209;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-content-footer {
margin-top: 10px;
font-size: 12px;
text-align: center;
margin-bottom: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-result-message {
margin-top: 10px;
font-size: 12px;
font-weight: bold;
display: none;
}
.essb-subscribe-from-design6 .essb-subscribe-loader {
margin: 0 0 2em;
height: 35px;
width: 20%;
text-align: center;
padding: 1em;
margin: 0 auto 1em;
display: none;
vertical-align: top;
} .essb-subscribe-from-design6 .essb-subscribe-loader svg path,
.essb-subscribe-from-design6 .essb-subscribe-loader svg rect {
fill: #ffffff;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-content-footer { text-align: left; } .essb-subscribe-form-content.essb-subscribe-from-design7 {
clear: both;	
background-color: #fff;
color: #303133;
line-height: 1;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 .essb-subscribe-form-content-top {
padding: 25px;
background-color: #fff;
text-align: center;
vertical-align: middle;
padding-left: 180px;
}
.essb-subscribe-form-content.essb-subscribe-from-design7.essb-subscribe-form-inwidget .essb-subscribe-form-content-top {
padding: 15px;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 .essb-subscribe-form-content-top-image-left {
display: block;
width: 150px;
box-shadow: none;
margin: 25px 10px;
position: absolute;
}
.essb-subscribe-form-content.essb-subscribe-from-design7.essb-subscribe-form-inwidget .essb-subscribe-form-content-top-image-left,
.essb-subscribe-form-content.essb-subscribe-from-design7.essb-subscribe-form-inwidget .essb-subscribe-form-content-top-image-right {
float: none;
text-align: center;
margin: 0 auto;
max-width: 60%;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 .essb-subscribe-form-content-bottom {
padding: 15px;	
background-color: #ffca4f;
border-radius:5px;
display: block;
}
.essb-subscribe-form-content.essb-subscribe-from-design7.essb-subscribe-form-inwidget .essb-subscribe-form-content-bottom {
padding: 15px;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 h4 {
font-size: 21px;
line-height: 1;
margin: 0px;
padding: 5px 0;
position: relative;
display: inline-block;
font-weight: bold;
text-transform: uppercase;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 p {
margin: 10px 0;
font-size: 15px;
line-height: 1.5em;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input {
border: none;
box-sizing: border-box;
padding: 10px 0;
margin: 0;
box-shadow: none;
border-radius: 0;
height: 45px;
text-indent: 10px;
text-align: center;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 .essb-subscribe-form-inputwidth1 {
width: 67%;
display: inline-block;
margin-right: 5px;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 .essb-subscribe-form-inputwidth2 {
width: 33%;
display: inline-block;
margin-right: 5px;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design7 .essb-subscribe-form-submitwidth2 {
width: 30%;
display: inline-block;
}
.essb-subscribe-form-content.essb-subscribe-from-design7.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design7.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth2,
.essb-subscribe-form-content.essb-subscribe-from-design7.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design7.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth2 {
width: 100%;
display: block;
margin-right: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input.submit {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 .essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design7 .essb-subscribe-form-content-name-field {
font-weight: bold;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 .essb-subscribe-form-content-email-field:focus,
.essb-subscribe-form-content.essb-subscribe-from-design7 .essb-subscribe-form-content-name-field:focus
{
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input.essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design7 input.essb-subscribe-form-content-name-field
{
color: #303133;
background: #fff;
border-radius: 3px;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input::-webkit-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input:-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input::-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input::-ms-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input:focus::-webkit-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input:focus::-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input:focus:-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input:focus::input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input.submit {
background: #5dddd3;
color: #ffffff;
margin-top: 5px;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
cursor: pointer;
border-bottom: 3px solid #20d0c2;
border-radius: 3px;
cursor: pointer;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input.submit:focus {
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input.submit:hover {
background: #20d0c2;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 .essb-subscribe-form-content-footer {
margin-top: 10px;
font-size: 12px;
text-align: center;
margin-bottom: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 .essb-subscribe-form-result-message {
margin-top: 10px;
font-size: 12px;
font-weight: bold;
display: none;
}
.essb-subscribe-from-design7 .essb-subscribe-loader {
margin: 0 0 2em;
height: 35px;
width: 20%;
text-align: center;
padding: 1em;
margin: 0 auto 1em;
display: none;
vertical-align: top;
} .essb-subscribe-from-design7 .essb-subscribe-loader svg path,
.essb-subscribe-from-design7 .essb-subscribe-loader svg rect {
fill: #ffffff;
} .essb-subscribe-form-content.essb-subscribe-from-design8 {
clear: both;	
color: #fff;
line-height: 1;
background-size: cover;
background-position: center center;
background: #c91a78; background: -moz-linear-gradient(top, #c91a78 0%, #35398f 100%); background: -webkit-linear-gradient(top, #c91a78 0%,#35398f 100%); background: linear-gradient(to bottom, #c91a78 0%,#35398f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c91a78', endColorstr='#35398f',GradientType=0 ); border-radius: 5px;
-webkit-border-radius: 5px;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 .essb-subscribe-form-content-top {
padding: 25px 50px;
text-align: center;
vertical-align: middle;
padding-bottom: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design8.essb-subscribe-form-inwidget .essb-subscribe-form-content-top {
padding: 15px;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 .essb-subscribe-form-content-bottom {
padding: 15px 50px;	
display: block;
}
.essb-subscribe-form-content.essb-subscribe-from-design8.essb-subscribe-form-inwidget .essb-subscribe-form-content-bottom {
padding: 15px;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 h4 {
font-size: 24px;
line-height: 1;
margin: 0px;
padding: 5px 0;
position: relative;
display: inline-block;
font-weight: bold;
text-transform: uppercase;
color: #fff;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 p {
margin: 10px 0;
font-size: 15px;
line-height: 1.5em;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input {
border: none;
box-sizing: border-box;
padding: 12px 20px;
margin: 0;
box-shadow: none;
border-radius: 0;
text-indent: 10px;
text-align: center;
box-sizing: border-box;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 .essb-subscribe-form-inputwidth1 {
width: 100%;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 .essb-subscribe-form-inputwidth2 {
width: 100%;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design8 .essb-subscribe-form-submitwidth2 {
width: 100%;
}
.essb-subscribe-form-content.essb-subscribe-from-design8.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design8.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth2,
.essb-subscribe-form-content.essb-subscribe-from-design8.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design8.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth2 {
width: 100%;
display: block;
margin-right: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input.submit {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 .essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design8 .essb-subscribe-form-content-name-field {
font-weight: bold;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
margin-bottom: 10px;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 .essb-subscribe-form-content-email-field:focus,
.essb-subscribe-form-content.essb-subscribe-from-design8 .essb-subscribe-form-content-name-field:focus
{
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input.essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design8 input.essb-subscribe-form-content-name-field
{
color: #fff;
background: rgba(0,0,0,0.4);
border-radius: 5px;
-webkit-border-radius: 5px;
border: 0px solid #fff;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input::-webkit-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input:-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input::-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input::-ms-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input:focus::-webkit-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input:focus::-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input:focus:-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input:focus::input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input.submit {
background: #E6567A;
color: #ffffff;
margin-top: 5px;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
cursor: pointer;
border-radius: 3px;
cursor: pointer;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input.submit:focus {
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input.submit:hover {
background: #ed829d;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 .essb-subscribe-form-content-footer {
margin-top: 10px;
font-size: 12px;
text-align: center;
margin-bottom: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 .essb-subscribe-form-result-message {
margin-top: 10px;
font-size: 12px;
font-weight: bold;
display: none;
}
.essb-subscribe-from-design8 .essb-subscribe-loader {
margin: 0 0 2em;
height: 35px;
width: 20%;
text-align: center;
padding: 1em;
margin: 0 auto 1em;
display: none;
vertical-align: top;
} .essb-subscribe-form-content.essb-subscribe-from-design9 {
clear: both;	
color: #222;
line-height: 1;
background-color: #fff;
box-shadow: 0 0px 15px 0 rgba(0,0,0,0.1);
position: relative;
}
.essb-subscribe9-icon { color: #E6567A; font-size: 80px; position: absolute; top: 0; right: 0; width: 70px; height: 70px; overflow: hidden; }
.essb-subscribe9-icon i { position: absolute; top: -24px; right: -20px; transform: rotate(25deg); -webkit-transform: rotate(25deg);}
.essb-subscribe-form-content.essb-subscribe-from-design9 .essb-subscribe-form-content-top {
padding: 25px 50px;
text-align: left;
vertical-align: middle;
padding-bottom: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design9.essb-subscribe-form-inwidget .essb-subscribe-form-content-top {
padding: 25px;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 .essb-subscribe-form-content-bottom {
padding: 15px 50px;	
display: block;
}
.essb-subscribe-form-content.essb-subscribe-from-design9.essb-subscribe-form-inwidget .essb-subscribe-form-content-bottom {
padding: 0 25px 25px 25px;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 h4 {
font-size: 24px;
line-height: 1;
margin: 0px;
padding: 5px 0;
position: relative;
display: inline-block;
font-weight: bold;
color: #222;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 p {
margin: 10px 0;
font-size: 15px;
line-height: 1.5em;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input {
border: none;
box-sizing: border-box;
padding: 12px 20px;
margin: 0;
box-shadow: none;
border-radius: 0;
text-indent: 10px;
text-align: center;
box-sizing: border-box;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 .essb-subscribe-form-inputwidth1 {
width: 100%;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 .essb-subscribe-form-inputwidth2 {
width: 100%;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design9 .essb-subscribe-form-submitwidth2 {
width: 100%;
}
.essb-subscribe-form-content.essb-subscribe-from-design9.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design9.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth2,
.essb-subscribe-form-content.essb-subscribe-from-design9.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-from-design9.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth2 {
width: 100%;
display: block;
margin-right: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input.submit {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 .essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design9 .essb-subscribe-form-content-name-field {
font-weight: bold;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
margin-bottom: 10px;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 .essb-subscribe-form-content-email-field:focus,
.essb-subscribe-form-content.essb-subscribe-from-design9 .essb-subscribe-form-content-name-field:focus
{
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input.essb-subscribe-form-content-email-field,
.essb-subscribe-form-content.essb-subscribe-from-design9 input.essb-subscribe-form-content-name-field
{
color: #222;
background: rgba(0,0,0,0.05);
border-radius: 5px;
-webkit-border-radius: 5px;
border: 0px solid #fff;
font-size: 14px;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input::-webkit-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input:-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input::-moz-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input::-ms-input-placeholder {
color: inherit;
opacity: 0.9;
font-weight: 400;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input:focus::-webkit-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input:focus::-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input:focus:-moz-input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input:focus::input-placeholder {
color: transparent !important;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input.submit {
background: #E6567A;
color: #ffffff;
margin-top: 5px;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
border-radius: 5px;
cursor: pointer;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input.submit:focus {
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input.submit:hover {
background: #ed829d;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 .essb-subscribe-form-content-footer {
margin-top: 10px;
font-size: 12px;
text-align: left;
margin-bottom: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 .essb-subscribe-form-result-message {
margin-top: 10px;
font-size: 12px;
font-weight: bold;
display: none;
}
.essb-subscribe-from-design9 .essb-subscribe-loader {
margin: 0 0 2em;
height: 35px;
width: 20%;
text-align: center;
padding: 1em;
margin: 0 auto 1em;
display: none;
vertical-align: top;
} .essb-subscribe-from-design8 .essb-subscribe-loader svg path,
.essb-subscribe-from-design8 .essb-subscribe-loader svg rect {
fill: #ffffff;
} .essb-optinflyout {
display: none;
position: fixed;
z-index: 1001;
width: 500px;
max-width: 90%;
bottom: 5px;
right: 5px;
}
.essb-optinflyout.essb-optinflyout-bottom-left {
right: auto;
left: 5px;
} 
.essb-optinflyout.essb-optinflyout-top-left {
right: auto;
left: 5px;
bottom: auto;
top: 5px;
}
.essb-optinflyout.essb-optinflyout-top-right {
bottom: auto;
top: 5px;
} 
.essb-optinflyout .essb-subscribe-form-inline {
margin-bottom: 0px;
}
.essb-optinflyout-overlay {
position: fixed;
_position: absolute; height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.9);
z-index: 1000;
display: none;
}
.essb-optinflyout .promo {
font-weight: bold;
font-size: 12px;
color: #777;
background: rgba(255,255,255,0.9);
padding: 5px;
text-align: center;
}
.essb-optinflyout .essb-optinflyout-closetext {
font-size: 14px;
text-align: center;
cursor: pointer;
text-decoration: underline;
padding: 10px;
}
.essb-optinflyout .essb-optinflyout-closeicon {
float: right;
cursor: pointer;
}
.essb-optinflyout .essb-optinflyout-closeicon i:before {
font-size: 18px;
} .essb-optinbooster {
display: none;
position: fixed;
z-index: 1001;
width: 700px;
max-width: 90%;
}
.essb-optinbooster-overlay {
position: fixed;
_position: absolute; height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.9);
z-index: 1000;
display: none;
}
.essb-optinbooster-overlay .promo {
position: fixed;
bottom: 20px;
left: 20px;
font-weight: bold;
font-size: 13px;
color: #777;
}
.essb-optinbooster .essb-optinbooster-closetext {
font-size: 14px;
text-align: center;
cursor: pointer;
text-decoration: underline;
}
.essb-optinbooster .essb-optinbooster-closeicon {
float: right;
cursor: pointer;
}
.essb-optinbooster .essb-optinbooster-closeicon i:before {
font-size: 18px;
} .essb-subscribe-form-content .essb-subscribe-confirm input {
width: auto;
height: auto;
margin-right: 5px;
}
.essb-subscribe-form-content .essb-subscribe-confirm {
margin: 10px 0;
font-size: 13px;
}