.essb-subscribe-form-overlay {
background-color: rgba(255, 255, 255, 0.9);
position: fixed;
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: -26px;
top: -26px;
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;
cursor: pointer;
}
.essb-subscribe-form-close svg {
fill: #212121;
width: 18px;
}
.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 {
background: transparent;
outline: none;
} .essb-subscribe-form-content {
clear: both;
line-height: 1;
}
.essb-subscribe-form-content .essb-subscribe-form-content-title {
font-size: 21px;
line-height: 1;
margin: 0px;
padding: 5px 0;
position: relative;
display: block;
font-weight: bold;
}
.essb-subscribe-form-content p {
margin: 10px 0;
line-height: 1.5em;
}
.essb-subscribe-form-content 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;
font-weight: bold;
-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 input::-webkit-input-placeholder,
.essb-subscribe-form-content input::-moz-input-placeholder,
.essb-subscribe-form-content input::placeholder {
color: inherit;
opacity: 0.7;
font-weight: 400;
}
.essb-subscribe-form-content input:focus::-webkit-input-placeholder,
.essb-subscribe-form-content input:focus::-moz-input-placeholder,
.essb-subscribe-form-content input:focus::placeholder {
color: transparent !important;	
}
.essb-subscribe-form-content input:focus {
outline: none;
} 
.essb-subscribe-form-content .essb-subscribe-form-content-footer {
margin-top: 10px;
font-size: 12px;
text-align: center;
margin-bottom: 0px;
}
.essb-subscribe-form-content .essb-subscribe-form-result-message {
margin-top: 10px;
font-size: 12px;
font-weight: bold;
display: none;
}
.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-loader svg path,
.essb-subscribe-loader svg rect {
fill: #FF6700;
}
.essb-subscribe-form-content .essb-subscribe-form-inputwidth1 {
width: 67%;
margin-right: 5px;
}
.essb-subscribe-form-content .essb-subscribe-form-inputwidth2 {
width: 33.5%;
margin-right: 5px;
}
.essb-subscribe-form-content .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content .essb-subscribe-form-submitwidth2 {
width: 33%;
}
.essb-subscribe-form-content.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth1,
.essb-subscribe-form-content.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth2,
.essb-subscribe-form-content.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth1,
.essb-subscribe-form-content.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth2 {
width: 100%;
display: block;
margin-right: 0px;
margin-top: 5px;
} .essb-subscribe-form-content.essb-subscribe-from-design1 {
background-color: #f6f5f4;
padding: 15px;
color: #282828;
border-top: 3px solid #f05a28;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 .essb-subscribe-form-content-title {
text-transform: uppercase;
font-size: 18px;
}
.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-from-design1 input {
color: inherit;
}
.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:not(.submit) {
color: #454545;
background: #e3e3e3;
border: 3px solid #e3e3e3;
}
.essb-subscribe-form-content.essb-subscribe-from-design1 input:focus
{
border-bottom: 3px solid #b0b0b0;
outline: none;
} .essb-subscribe-form-content.essb-subscribe-from-design2 {
padding: 15px;
color: #282828;
line-height: 1;
border: 2px solid #ededed;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 form {
display: flex;
align-items: center;
}
.essb-subscribe-form-content.essb-subscribe-from-design2.essb-subscribe-form-inwidget form {
flex-direction: column;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input.submit {
background: #f05a28;
color: #ffffff;
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:not(.submit) {
color: #454545;
background: #e3e3e3;
border: 3px solid #e3e3e3;
}
.essb-subscribe-form-content.essb-subscribe-from-design2 input:focus
{
border-bottom: 3px solid #b0b0b0;
outline: none;
} .essb-subscribe-form-content.essb-subscribe-from-design3 {
color: #ffffff;
}
.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 form {
display: flex;
align-items: center;
}
.essb-subscribe-form-content.essb-subscribe-from-design3.essb-subscribe-form-inwidget form {
flex-direction: column;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input:not(.submit) {
color: #ffffff;
background: #404c5d;
}
.essb-subscribe-form-content.essb-subscribe-from-design3 input.submit {
background: #f05a28;
color: #ffffff;
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:hover {
background: #d6410f;
} .essb-subscribe-form-content.essb-subscribe-from-design4 {
background-color: #ffffff;
color: #232323;
line-height: 1;
vertical-align: top;
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: 10px;
}
.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-subscribeholder {
padding-top: 0px;
}
.essb-subscribe-form-content.essb-subscribe-from-design4 input:not(.submit) {
margin-top: 10px;
color: #ffffff;
background: #404c5d;
}
.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:hover {
background: #d6410f;
} .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;
text-align: center;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-content-title {
font-size: 28px;
padding: 20px 0;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 form {
display: flex;
align-items: center;
}
.essb-subscribe-form-content.essb-subscribe-from-design5.essb-subscribe-form-inwidget form {
flex-direction: column;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input:not(.submit) {
color: #454545;
background: #e3e3e3;
border-bottom: 3px solid #e3e3e3;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input:not(.submit):focus {
border-bottom: 3px solid #b0b0b0;
outline: none;
}
.essb-subscribe-form-content.essb-subscribe-from-design5 input.submit {
background: #4251db;
color: #ffffff;
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:hover {
background: #1b268c;
} .essb-subscribe-form-content.essb-subscribe-from-design6 {
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 .essb-subscribe-form-content-title {
text-transform: uppercase;
display: inline-block;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 form {
display: flex;
align-items: center;
}
.essb-subscribe-form-content.essb-subscribe-from-design6.essb-subscribe-form-inwidget form {
flex-direction: column;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input:not(.submit) {
color: #303133;
background: #f5f7f9;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 input.submit {
background: #fbb429;
color: #ffffff;
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:hover {
background: #f5a209;
}
.essb-subscribe-form-content.essb-subscribe-from-design6 .essb-subscribe-form-content-footer {
text-align: left;
} .essb-subscribe-form-content.essb-subscribe-from-design7 {
background-color: #fff;
color: #303133;
}
.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 .essb-subscribe-form-content-title {
display: inline-block;
text-transform: uppercase;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 form {
display: flex;
align-items: center;
}
.essb-subscribe-form-content.essb-subscribe-from-design7.essb-subscribe-form-inwidget form {
flex-direction: column;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input:not(.submit) {
color: #303133;
background: #fff;
border-radius: 3px;
}
.essb-subscribe-form-content.essb-subscribe-from-design7 input.submit {
background: #5dddd3;
color: #ffffff;
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:hover {
background: #20d0c2;
}
.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 .essb-subscribe-form-content-title {
font-size: 24px;
text-transform: uppercase;
color: #fff;
}
.essb-subscribe-form-content.essb-subscribe-from-design8 input:not(.submit) {
color: #fff;
background: rgba(0,0,0,0.4);
border-radius: 5px;
-webkit-border-radius: 5px;
border: 0px solid #fff;
margin-bottom: 10px;
}
.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:hover {
background: #ed829d;
} .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-subscribe9-icon i { fill: currentColor; color: inherit; width: 80px; height: 80px; }
.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 .essb-subscribe-form-content-title {
font-size: 24px;
color: #222;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input:not(.submit) {
color: #222;
background: rgba(0,0,0,0.05);
border-radius: 5px;
-webkit-border-radius: 5px;
border: 0px;
font-size: 14px;
margin-bottom: 5px;
}
.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;
border-radius: 5px;
cursor: pointer;
}
.essb-subscribe-form-content.essb-subscribe-from-design9 input.submit:hover {
background: #ed829d;
} .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 svg {
width: 18px;
height: 18px;
color: inherit;
fill: currentColor;
} .essb-optinbooster,
.essb-optinlocker {
display: none;
position: fixed;
z-index: 1001000;
width: 700px;
max-width: 90%;
}
.essb-optinbooster-overlay,
.essb-optinlocker-overlay {
position: fixed;
_position: absolute; height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.9);
z-index: 1000000;
display: none;
}
.essb-optinbooster-overlay .promo,
.essb-optinlocker-overlay .promo {
position: fixed;
bottom: 20px;
left: 20px;
font-weight: bold;
font-size: 13px;
color: #777;
}
.essb-optinbooster .essb-optinbooster-closetext,
.essb-optinlocker .essb-optinlocker-closetext {
font-size: 14px;
text-align: center;
cursor: pointer;
text-decoration: underline;
}
.essb-optinbooster .essb-optinbooster-closeicon,
.essb-optinlocker .essb-optinlocker-closeicon {
float: right;
cursor: pointer;
}
.essb-optinbooster .essb-optinbooster-closeicon svg,
.essb-optinlocker .essb-optinlocker-closeicon svg {
width: 18px;
height: 18px;
color: inherit;
fill: currentColor;
} .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;
}
.essb-subscribe-form-content .essb-subscribe-confirm .confirmation-link-after {
margin-left: 5px;
} .essb-userform .essb-subscribe-form-result-message { display: none; }
.essb-userform .essb-subscribe-form-content-footer { font-size: 0.8em; }
.essb-userform .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-userform .essb-subscribe-loader svg path,
.essb-userform .essb-subscribe-loader svg rect {
fill: #fff;
}
.essb-userform .essb-subscribe-form-content-title,
.essb-userform .essb-subscribe-form-content-text {
margin: 0 0 1em 0;
}
.essb-userform .essb-userform-field, .essb-userform .essb-userform-button {
width: 100%;
margin: 0 0 10px 0;
padding: 8px;
font-size: 1em;
}
.essb-userform .essb-subscribe-form-content-footer {
margin: 1em 0 0 0;
}
.essb-userform .essb-userform-imagearea { text-align: center; vertical-align: middle; }
.essb-userform.essb-subscribe-image-left .essb-userform-imagearea { margin-right: 1%; }
.essb-userform.essb-subscribe-image-right .essb-userform-imagearea { margin-left: 1%; }
.essb-userform.essb-subscribe-image-left,
.essb-userform.essb-subscribe-image-right { display: flex; }
.essb-userform.essb-subscribe-image-left.essb-imagearea-30 .essb-userform-imagearea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-30 .essb-userform-imagearea {
width: 30%;
display: inline-block;
margin: 0;
}
.essb-userform.essb-subscribe-image-left.essb-imagearea-30 .essb-userform-contentarea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-30 .essb-userform-contentarea {
width: 69%;
display: inline-block;
margin: 0;
}
.essb-userform.essb-subscribe-image-left.essb-imagearea-25 .essb-userform-imagearea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-25 .essb-userform-imagearea {
width: 25%;
display: inline-block;
margin: 0;
}
.essb-userform.essb-subscribe-image-left.essb-imagearea-25 .essb-userform-contentarea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-25 .essb-userform-contentarea {
width: 74%;
display: inline-block;
margin: 0;
}
.essb-userform.essb-subscribe-image-left.essb-imagearea-40 .essb-userform-imagearea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-40 .essb-userform-imagearea {
width: 40%;
display: inline-block;
margin: 0;
}
.essb-userform.essb-subscribe-image-left.essb-imagearea-40 .essb-userform-contentarea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-40 .essb-userform-contentarea {
width: 59%;
display: inline-block;
margin: 0;
}
.essb-userform.essb-subscribe-image-left.essb-imagearea-50 .essb-userform-imagearea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-50 .essb-userform-imagearea {
width: 49%;
display: inline-block;
margin: 0;
}
.essb-userform.essb-subscribe-image-left.essb-imagearea-50 .essb-userform-contentarea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-50 .essb-userform-contentarea {
width: 50%;
display: inline-block;
margin: 0;
}
.essb-userform .essb-subscribe-form-content-bottom { margin-top: 10px; }
.essb-userform.essb-subscribe-linefields .essb-subscribe-from-content-form {
display: flex;
align-items: center;
}
.essb-userform.essb-subscribe-linefields .essb-userform-button {
width: 33%;
margin-left: 10px;
}
.essb-userform.essb-subscribe-linefields .essb-subscribe-from-content-form .essb-userform-field {
flex: 1;
}
@media screen and (max-width: 1024px) {
.essb-userform.essb-subscribe-image-left,
.essb-userform.essb-subscribe-image-right { display: block; }
.essb-userform.essb-subscribe-image-left.essb-imagearea-30 .essb-userform-imagearea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-30 .essb-userform-imagearea,
.essb-userform.essb-subscribe-image-left.essb-imagearea-30 .essb-userform-contentarea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-30 .essb-userform-contentarea,
.essb-userform.essb-subscribe-image-left.essb-imagearea-25 .essb-userform-imagearea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-25 .essb-userform-imagearea,
.essb-userform.essb-subscribe-image-left.essb-imagearea-25 .essb-userform-contentarea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-25 .essb-userform-contentarea,
.essb-userform.essb-subscribe-image-left.essb-imagearea-40 .essb-userform-imagearea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-40 .essb-userform-imagearea,
.essb-userform.essb-subscribe-image-left.essb-imagearea-40 .essb-userform-contentarea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-40 .essb-userform-contentarea,
.essb-userform.essb-subscribe-image-left.essb-imagearea-50 .essb-userform-imagearea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-50 .essb-userform-imagearea,
.essb-userform.essb-subscribe-image-left.essb-imagearea-50 .essb-userform-contentarea,
.essb-userform.essb-subscribe-image-right.essb-imagearea-50 .essb-userform-contentarea {
width: 100%;
display: block;
}
.essb-userform.essb-subscribe-linefields .essb-subscribe-from-content-form {
display: block;
width: 100%;
}
.essb-userform.essb-subscribe-linefields .essb-userform-button {
width: 100%;
margin-left: 0;
}
}
.essb-subscribe-poweredby {
font-size: 12px; text-align: center;
}
body.removeScroll {
overflow: hidden !important;
}
@media screen and (max-width: 768px) {
.essb-subscribe-mobile-hidden {
display: none !important;
}
}
@media screen and (min-width: 1024px) {
.essb-subscribe-desktop-hidden {
display: none !important;
}
}