@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800&display=swap");
.stul-item-flex, .stul-form-wrap .both-fields-wrap, .stul-popup-innerwrap .stul-popup-wrapper {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.stul-hidden-item {
display: none;
}
.stul-rounded {
border-radius: 68px !important;
}
.stul-edge-curve {
border-radius: 4px !important;
}
.uppercase {
text-transform: uppercase;
}
.stul-pos-rel {
position: relative;
}
.stul-z-i {
z-index: 9;
}
.has-pre-icon {
position: relative;
}
.has-pre-icon i {
position: absolute;
top: 15px;
right: 15px;
font-size: 18px;
color: inherit;
opacity: 0.48;
}
.has-pre-icon input[type="text"],
.has-pre-icon input[type="email"] {
padding-right: 34px !important;
color: inherit;
}
#svg-filter {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.stul-form-submit {
width: 100%;
transition: all .3s ease !important;
border: none !important;
cursor: pointer;
}
.stul-main-outer-wrap .stul-blur-overlay {
position: absolute;
top: 100px;
left: 0;
z-index: 8;
width: 100%;
text-align: center;
}
.stul-content-locked {
position: relative;
max-height: 680px;
min-height: 680px;
overflow: hidden;
}
.stul-content-locked:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.94));
z-index: 4;
}
.stul-content-locked .stul-lock-content {
-webkit-filter: url(#svg-blur);
filter: url(#svg-blur);
}
.stul-unlock-label {
margin-bottom: 20px;
}
.stul-unlock-form-wrap {
padding: 0 20px 40px;
}
.stul-unlock-button {
margin-top: 15px;
}
.stul-form-wrap {
padding: 0;
margin: 0;
font-size: 16px;
font-family: "Poppins", sans-serif;
width: 100%;
max-width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: inline-block;
vertical-align: top;
box-shadow: rgba(0, 0, 0, 0.24) 0 0 24px;
}
.stul-form-wrap * {
box-sizing: border-box;
}
.stul-form-wrap img {
box-shadow: none !important;
}
.stul-form-wrap form {
padding: 0;
border: none;
margin: 0;
}
.stul-form-wrap input[type="submit"],
.stul-form-wrap input[type="text"],
.stul-form-wrap input[type="email"],
.stul-form-wrap input[type="checkbox"] {
margin: 0;
box-shadow: none;
text-shadow: none;
outline: none;
border: none;
border-radius: 0;
}
.stul-form-wrap .stul-icon-holder img {
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
max-width: 144px;
height: auto;
}
.stul-form-wrap h2.stul-heading-text {
font-family: "Poppins", sans-serif !important;
font-weight: 400;
font-size: 2.1rem;
margin: 0 0 20px 0;
line-height: 1;
color: inherit !important;
}
.stul-form-wrap h2.stul-heading-text:before, .stul-form-wrap h2.stul-heading-text:after {
display: none;
}
.stul-form-wrap p.stul-heading-paragraph {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 1em;
margin: 0 0 20px 0;
line-height: 1.4;
}
.stul-form-wrap p.stul-check-box-text {
font-weight: 400;
font-size: 0.9em;
}
.stul-form-wrap .stul-check-box-text {
margin-bottom: 20px;
line-height: 1.4;
}
.stul-form-wrap .stul-check-box-text label {
color: inherit;
font-weight: 300;
font-size: 12px;
}
.stul-form-wrap p.stul-note,
.stul-form-wrap .stul-footer-text {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 0.8em;
line-height: 1.4;
}
.stul-form-wrap .stul-footer-text {
margin-top: 20px;
padding: 0 20px;
font-size: 12px;
}
.stul-form-wrap input[type="text"],
.stul-form-wrap input[type="email"] {
font-family: "Poppins", sans-serif;
font-size: 1em;
width: 100%;
line-height: 1;
padding: 15px 18px;
border: solid 1px black;
transition: all .3s ease;
color: inherit;
height: 48px;
box-shadow: none;
}
.stul-form-wrap input[type="text"]:focus,
.stul-form-wrap input[type="email"]:focus {
outline: none;
}
.stul-form-wrap input[type="text"].stul-underline,
.stul-form-wrap input[type="email"].stul-underline {
background-color: transparent;
border: none;
border-bottom: solid 1px rgba(0, 0, 0, 0.28);
}
.stul-form-wrap ::placeholder { color: inherit;
opacity: 0.68; }
.stul-form-wrap :-ms-input-placeholder { color: inherit;
opacity: 0.68;
}
.stul-form-wrap ::-ms-input-placeholder { color: inherit;
opacity: 0.68;
}
.stul-form-wrap .both-fields-wrap {
margin-bottom: 20px;
}
.stul-form-wrap .stul-field-wrap {
flex: 1;
}
.stul-form-wrap .stul-btn-parent {
flex: 1;
max-width: 80%;
}
.stul-form-wrap .stul-check-box-text {
margin-bottom: 20px;
}
.stul-form-wrap .stul-form-submit {
margin-bottom: 20px;
border-radius: 0;
background-color: #32a6ff;
color: inherit;
font-size: 14px !important;
font-weight: 600;
text-transform: uppercase;
text-shadow: none;
width: auto;
}
.stul-form-wrap .stul-form-submit:hover {
background-color: inherit;
color: inherit;
}
.stul-form-wrap .stul-footer-text {
font-style: italic;
color: inherit;
}
.stul-form-wrap .stul-form-message {
padding: 0 20px;
line-height: 34px;
font-size: 0.9em;
text-align: center;
}
.stul-form-wrap .stul-form-message.stul-error {
background-color: #c45151;
color: white;
font-size: 12px;
}
.stul-form-wrap .stul-form-message.stul-success {
background-color: #74ba55;
color: white;
}
.stul-form-wrap .stul-form-submit {
margin-bottom: 0;
}
.stul-form-wrap .stul-terms-agreement {
width: 14px;
height: 13px;
vertical-align: middle;
margin-top: -3px !important;
}
.stul-form-wrap .button,
.stul-form-wrap button,
.stul-form-wrap input[type="button"],
.stul-form-wrap input[type="reset"],
.stul-form-wrap input[type="submit"] {
height: 48px;
line-height: 48px;
padding: 0 20px;
}
.stul-form-wrap.stul-template-1, .stul-form-wrap.stul-template-2, .stul-form-wrap.stul-template-3, .stul-form-wrap.stul-template-4, .stul-form-wrap.stul-template-5, .stul-form-wrap.stul-template-6, .stul-form-wrap.stul-template-7, .stul-form-wrap.stul-template-8, .stul-form-wrap.stul-template-9, .stul-form-wrap.stul-template-10 {
background-color: white;
text-align: center;
max-width: 680px;
}
.stul-form-wrap.stul-template-1 img, .stul-form-wrap.stul-template-2 img, .stul-form-wrap.stul-template-3 img, .stul-form-wrap.stul-template-4 img, .stul-form-wrap.stul-template-5 img, .stul-form-wrap.stul-template-6 img, .stul-form-wrap.stul-template-7 img, .stul-form-wrap.stul-template-8 img, .stul-form-wrap.stul-template-9 img, .stul-form-wrap.stul-template-10 img {
border: none;
}
.stul-form-wrap.stul-template-1 h2.stul-heading-text, .stul-form-wrap.stul-template-2 h2.stul-heading-text, .stul-form-wrap.stul-template-3 h2.stul-heading-text, .stul-form-wrap.stul-template-4 h2.stul-heading-text, .stul-form-wrap.stul-template-5 h2.stul-heading-text, .stul-form-wrap.stul-template-6 h2.stul-heading-text, .stul-form-wrap.stul-template-7 h2.stul-heading-text, .stul-form-wrap.stul-template-8 h2.stul-heading-text, .stul-form-wrap.stul-template-9 h2.stul-heading-text, .stul-form-wrap.stul-template-10 h2.stul-heading-text {
color: inherit;
font-weight: 600;
}
.stul-form-wrap.stul-template-1 p.stul-heading-paragraph,
.stul-form-wrap.stul-template-1 .stul-check-box-text, .stul-form-wrap.stul-template-2 p.stul-heading-paragraph,
.stul-form-wrap.stul-template-2 .stul-check-box-text, .stul-form-wrap.stul-template-3 p.stul-heading-paragraph,
.stul-form-wrap.stul-template-3 .stul-check-box-text, .stul-form-wrap.stul-template-4 p.stul-heading-paragraph,
.stul-form-wrap.stul-template-4 .stul-check-box-text, .stul-form-wrap.stul-template-5 p.stul-heading-paragraph,
.stul-form-wrap.stul-template-5 .stul-check-box-text, .stul-form-wrap.stul-template-6 p.stul-heading-paragraph,
.stul-form-wrap.stul-template-6 .stul-check-box-text, .stul-form-wrap.stul-template-7 p.stul-heading-paragraph,
.stul-form-wrap.stul-template-7 .stul-check-box-text, .stul-form-wrap.stul-template-8 p.stul-heading-paragraph,
.stul-form-wrap.stul-template-8 .stul-check-box-text, .stul-form-wrap.stul-template-9 p.stul-heading-paragraph,
.stul-form-wrap.stul-template-9 .stul-check-box-text, .stul-form-wrap.stul-template-10 p.stul-heading-paragraph,
.stul-form-wrap.stul-template-10 .stul-check-box-text {
color: inherit;
opacity: 0.88;
}
.stul-form-wrap.stul-template-1 p.stul-heading-paragraph label,
.stul-form-wrap.stul-template-1 .stul-check-box-text label, .stul-form-wrap.stul-template-2 p.stul-heading-paragraph label,
.stul-form-wrap.stul-template-2 .stul-check-box-text label, .stul-form-wrap.stul-template-3 p.stul-heading-paragraph label,
.stul-form-wrap.stul-template-3 .stul-check-box-text label, .stul-form-wrap.stul-template-4 p.stul-heading-paragraph label,
.stul-form-wrap.stul-template-4 .stul-check-box-text label, .stul-form-wrap.stul-template-5 p.stul-heading-paragraph label,
.stul-form-wrap.stul-template-5 .stul-check-box-text label, .stul-form-wrap.stul-template-6 p.stul-heading-paragraph label,
.stul-form-wrap.stul-template-6 .stul-check-box-text label, .stul-form-wrap.stul-template-7 p.stul-heading-paragraph label,
.stul-form-wrap.stul-template-7 .stul-check-box-text label, .stul-form-wrap.stul-template-8 p.stul-heading-paragraph label,
.stul-form-wrap.stul-template-8 .stul-check-box-text label, .stul-form-wrap.stul-template-9 p.stul-heading-paragraph label,
.stul-form-wrap.stul-template-9 .stul-check-box-text label, .stul-form-wrap.stul-template-10 p.stul-heading-paragraph label,
.stul-form-wrap.stul-template-10 .stul-check-box-text label {
float: none;
}
.stul-form-wrap.stul-template-1 .stul-field-wrap.name-field, .stul-form-wrap.stul-template-2 .stul-field-wrap.name-field, .stul-form-wrap.stul-template-3 .stul-field-wrap.name-field, .stul-form-wrap.stul-template-4 .stul-field-wrap.name-field, .stul-form-wrap.stul-template-5 .stul-field-wrap.name-field, .stul-form-wrap.stul-template-6 .stul-field-wrap.name-field, .stul-form-wrap.stul-template-7 .stul-field-wrap.name-field, .stul-form-wrap.stul-template-8 .stul-field-wrap.name-field, .stul-form-wrap.stul-template-9 .stul-field-wrap.name-field, .stul-form-wrap.stul-template-10 .stul-field-wrap.name-field {
margin-right: 1px;
}
.stul-form-wrap.stul-template-1 input[type="text"],
.stul-form-wrap.stul-template-1 input[type="email"], .stul-form-wrap.stul-template-2 input[type="text"],
.stul-form-wrap.stul-template-2 input[type="email"], .stul-form-wrap.stul-template-3 input[type="text"],
.stul-form-wrap.stul-template-3 input[type="email"], .stul-form-wrap.stul-template-4 input[type="text"],
.stul-form-wrap.stul-template-4 input[type="email"], .stul-form-wrap.stul-template-5 input[type="text"],
.stul-form-wrap.stul-template-5 input[type="email"], .stul-form-wrap.stul-template-6 input[type="text"],
.stul-form-wrap.stul-template-6 input[type="email"], .stul-form-wrap.stul-template-7 input[type="text"],
.stul-form-wrap.stul-template-7 input[type="email"], .stul-form-wrap.stul-template-8 input[type="text"],
.stul-form-wrap.stul-template-8 input[type="email"], .stul-form-wrap.stul-template-9 input[type="text"],
.stul-form-wrap.stul-template-9 input[type="email"], .stul-form-wrap.stul-template-10 input[type="text"],
.stul-form-wrap.stul-template-10 input[type="email"] {
color: inherit;
font-weight: 400;
font-size: 13px;
text-align: inherit;
background-color: rgba(0, 0, 0, 0.08);
border: none;
}
.stul-form-wrap.stul-template-1 input[type="text"]:focus,
.stul-form-wrap.stul-template-1 input[type="email"]:focus, .stul-form-wrap.stul-template-2 input[type="text"]:focus,
.stul-form-wrap.stul-template-2 input[type="email"]:focus, .stul-form-wrap.stul-template-3 input[type="text"]:focus,
.stul-form-wrap.stul-template-3 input[type="email"]:focus, .stul-form-wrap.stul-template-4 input[type="text"]:focus,
.stul-form-wrap.stul-template-4 input[type="email"]:focus, .stul-form-wrap.stul-template-5 input[type="text"]:focus,
.stul-form-wrap.stul-template-5 input[type="email"]:focus, .stul-form-wrap.stul-template-6 input[type="text"]:focus,
.stul-form-wrap.stul-template-6 input[type="email"]:focus, .stul-form-wrap.stul-template-7 input[type="text"]:focus,
.stul-form-wrap.stul-template-7 input[type="email"]:focus, .stul-form-wrap.stul-template-8 input[type="text"]:focus,
.stul-form-wrap.stul-template-8 input[type="email"]:focus, .stul-form-wrap.stul-template-9 input[type="text"]:focus,
.stul-form-wrap.stul-template-9 input[type="email"]:focus, .stul-form-wrap.stul-template-10 input[type="text"]:focus,
.stul-form-wrap.stul-template-10 input[type="email"]:focus {
background-color: rgba(0, 0, 0, 0.1);
}
.stul-form-wrap.stul-template-1 .stul-footer-text, .stul-form-wrap.stul-template-2 .stul-footer-text, .stul-form-wrap.stul-template-3 .stul-footer-text, .stul-form-wrap.stul-template-4 .stul-footer-text, .stul-form-wrap.stul-template-5 .stul-footer-text, .stul-form-wrap.stul-template-6 .stul-footer-text, .stul-form-wrap.stul-template-7 .stul-footer-text, .stul-form-wrap.stul-template-8 .stul-footer-text, .stul-form-wrap.stul-template-9 .stul-footer-text, .stul-form-wrap.stul-template-10 .stul-footer-text {
opacity: 0.6;
}
.stul-form-wrap.stul-template-1 .stul-heading-text, .stul-form-wrap.stul-template-2 .stul-heading-text, .stul-form-wrap.stul-template-3 .stul-heading-text, .stul-form-wrap.stul-template-4 .stul-heading-text, .stul-form-wrap.stul-template-5 .stul-heading-text, .stul-form-wrap.stul-template-6 .stul-heading-text, .stul-form-wrap.stul-template-7 .stul-heading-text, .stul-form-wrap.stul-template-8 .stul-heading-text, .stul-form-wrap.stul-template-9 .stul-heading-text, .stul-form-wrap.stul-template-10 .stul-heading-text {
font-size: 26px !important;
margin-bottom: 5px;
}
.stul-form-wrap.stul-template-1 .stul-heading-paragraph, .stul-form-wrap.stul-template-2 .stul-heading-paragraph, .stul-form-wrap.stul-template-3 .stul-heading-paragraph, .stul-form-wrap.stul-template-4 .stul-heading-paragraph, .stul-form-wrap.stul-template-5 .stul-heading-paragraph, .stul-form-wrap.stul-template-6 .stul-heading-paragraph, .stul-form-wrap.stul-template-7 .stul-heading-paragraph, .stul-form-wrap.stul-template-8 .stul-heading-paragraph, .stul-form-wrap.stul-template-9 .stul-heading-paragraph, .stul-form-wrap.stul-template-10 .stul-heading-paragraph {
font-size: 14px !important;
margin-bottom: 24px;
}
.stul-form-wrap.stul-template-1 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-2 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-3 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-4 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-5 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-6 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-7 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-8 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-9 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-10 .stul-unlock-form-wrap {
padding: 40px;
max-width: 60%;
margin: 0 auto;
text-align: center;
}
.stul-form-wrap.stul-template-1 {
color: rgba(0, 0, 0, 0.6);
position: relative;
padding: 0;
}
.stul-form-wrap.stul-template-1 .top-lines {
position: absolute;
top: 0;
left: 0;
height: 6px;
display: flex;
width: 100%;
}
.stul-form-wrap.stul-template-1 .top-lines span {
display: block;
flex: 0 0 33.33%;
}
.stul-form-wrap.stul-template-1 .top-lines span:nth-child(1) {
background-color: #d9a86f;
}
.stul-form-wrap.stul-template-1 .top-lines span:nth-child(2) {
background-color: #8fc972;
}
.stul-form-wrap.stul-template-1 .top-lines span:nth-child(3) {
background-color: #45b1e4;
}
.stul-form-wrap.stul-template-1 .stul-icon-holder {
text-align: center;
margin-bottom: 28px;
}
.stul-form-wrap.stul-template-1 .stul-icon-holder i {
font-size: 38px;
color: inherit;
opacity: 0.6;
}
.stul-form-wrap.stul-template-1 .stul-form-submit {
background-color: gray;
color: white;
width: auto;
max-width: 80%;
margin-left: auto;
margin-right: auto;
min-width: 40%;
}
.stul-form-wrap.stul-template-1 .stul-form-submit:hover {
background-color: black;
color: white;
}
.stul-form-wrap.stul-template-1 input[type="text"],
.stul-form-wrap.stul-template-1 input[type="email"] {
text-align: inherit;
background-color: transparent;
border: solid 1px rgba(0, 0, 0, 0.1);
}
.stul-form-wrap.stul-template-1 input[type="text"]:focus,
.stul-form-wrap.stul-template-1 input[type="email"]:focus {
background-color: rgba(0, 0, 0, 0.04);
}
.stul-form-wrap.stul-template-1 .stul-form-loader-1 {
color: inherit;
}
.stul-form-wrap.stul-template-1 .stul-footer-text {
background-color: rgba(0, 0, 0, 0.08);
padding: 15px 20px;
border-top: solid 1px rgba(0, 0, 0, 0.1);
}
.stul-form-wrap.stul-template-1 .padding {
padding: 40px 24px 15px;
}
.stul-form-wrap.stul-template-1 .stul-icon-holder {
padding-top: 30px;
}
.stul-form-wrap.stul-template-2 {
position: relative;
padding: 40px 0 0;
}
.stul-form-wrap.stul-template-2 .top-lines {
position: absolute;
top: 0;
left: 0;
height: 6px;
display: flex;
width: 100%;
}
.stul-form-wrap.stul-template-2 .top-lines span {
display: block;
flex: 0 0 33.33%;
}
.stul-form-wrap.stul-template-2 .top-lines span:nth-child(1) {
background-color: #d9a86f;
}
.stul-form-wrap.stul-template-2 .top-lines span:nth-child(2) {
background-color: #8fc972;
}
.stul-form-wrap.stul-template-2 .top-lines span:nth-child(3) {
background-color: #45b1e4;
}
.stul-form-wrap.stul-template-2 .both-fields-wrap .stul-field-wrap:first-child {
margin-bottom: 5px;
}
.stul-form-wrap.stul-template-2 .both-fields-wrap input[type="text"],
.stul-form-wrap.stul-template-2 .both-fields-wrap input[type="email"] {
text-align: left;
}
.stul-form-wrap.stul-template-2 .stul-form-loader-1 {
color: inherit;
}
.stul-form-wrap.stul-template-2 .stul-form-submit {
background-color: #32a6ff;
color: white;
}
.stul-form-wrap.stul-template-2 .stul-form-submit:hover {
background-color: black;
color: white;
}
.stul-form-wrap.stul-template-2 .stul-form-submit {
width: 100%;
}
.stul-form-wrap.stul-template-2 .stul-heading-text {
margin-bottom: 5px;
}
.stul-form-wrap.stul-template-2 .stul-heading-text span {
opacity: 0.6;
color: inherit;
margin: 0 15px;
font-size: 18px;
}
.stul-form-wrap.stul-template-2 .stul-heading-paragraph {
margin-bottom: 24px;
}
.stul-form-wrap.stul-template-2 .padding {
padding: 40px 24px 0;
}
.stul-form-wrap.stul-template-2 .stul-footer-text {
background-color: rgba(0, 0, 0, 0.08);
padding: 15px 20px;
border-top: solid 1px rgba(0, 0, 0, 0.1);
}
.stul-form-wrap.stul-template-2 .stul-unlock-form-wrap {
padding: 0 40px 40px;
max-width: 60%;
margin: 0 auto;
}
.stul-form-wrap.stul-template-3 {
text-align: center;
background-color: white;
}
.stul-form-wrap.stul-template-3 .stul-subscription-form{
max-width: 500px;
margin: 0 auto;
}
.stul-form-wrap.stul-template-3 .both-fields-wrap {
display: block;
}
.stul-form-wrap.stul-template-3 .both-fields-wrap .name-field {
margin: 0 0 5px 0;
}
.stul-form-wrap.stul-template-3 .form-contents-wrap {
display: flex;
}
.stul-form-wrap.stul-template-3 .form-contents-wrap .stul-icon-holder {
flex: 1;
max-width: 168px;
background-color: #df6767;
}
.stul-form-wrap.stul-template-3 .form-contents-wrap .form-holder {
flex: 2;
padding: 40px 28px;
}
.stul-form-wrap.stul-template-3 .stul-form-loader-1 {
color: inherit;
}
.stul-form-wrap.stul-template-3 .stul-footer-text {
padding: 10px;
margin-top: 0;
}
.stul-form-wrap.stul-template-3 .stul-form-submit {
background-color: #df6767;
color: white;
width: auto;
}
.stul-form-wrap.stul-template-3 .stul-form-submit:hover {
background-color: black;
color: white;
}
.stul-form-wrap.stul-template-3 .stul-btn-parent {
max-width: 100%;
text-align: center;
}
.stul-form-wrap.stul-template-3 .icon {
margin-top: 100%;
display: inline-block;
text-align: center;
height: 74px;
width: 74px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.18);
}
.stul-form-wrap.stul-template-3 .icon i {
color: white;
line-height: 74px;
font-size: 24px;
}
.stul-form-wrap.stul-template-3 input[type="text"],
.stul-form-wrap.stul-template-3 input[type="email"] {
text-align: left;
}
.stul-form-wrap.stul-template-3 .stul-unlock-form-wrap {
padding: 40px;
max-width: 60%;
margin: 0 auto;
}
.stul-form-wrap.stul-template-3 .right-holder{padding: 40px;}
.stul-form-wrap.stul-template-4 {
text-align: left;
background-color: #df6767;
color: white;
}
.stul-form-wrap.stul-template-4 .both-fields-wrap {
display: block;
}
.stul-form-wrap.stul-template-4 .both-fields-wrap .name-field {
margin: 0 0 5px 0;
}
.stul-form-wrap.stul-template-4 .form-contents-wrap {
display: flex;
}
.stul-form-wrap.stul-template-4 .form-contents-wrap .stul-icon-holder {
flex: 1;
max-width: 240px;
text-align: center;
align-self: center;
}
.stul-form-wrap.stul-template-4 .form-contents-wrap .form-holder {
flex: 2;
padding: 40px 28px;
}
.stul-form-wrap.stul-template-4 .stul-form-loader-1 {
color: inherit;
}
.stul-form-wrap.stul-template-4 .stul-footer-text {
padding: 0;
}
.stul-form-wrap.stul-template-4 .stul-form-submit {
text-align: left;
background-color: white;
color: #df6767;
border-radius: 3px;
width: auto;
}
.stul-form-wrap.stul-template-4 .stul-form-submit:hover {
background-color: black;
color: white;
}
.stul-form-wrap.stul-template-4 .stul-btn-parent {
max-width: 100%;
}
.stul-form-wrap.stul-template-4 .icon {
display: inline-block;
text-align: center;
height: 150px;
width: 150px;
line-height: 110px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.18);
padding-top: 12px;
}
.stul-form-wrap.stul-template-4 .icon img {
display: inline-block;
max-width: 90px;
}
.stul-form-wrap.stul-template-4 input[type="text"],
.stul-form-wrap.stul-template-4 input[type="email"] {
text-align: left;
}
.stul-form-wrap.stul-template-4 .stul-unlock-form-wrap {
padding-top: 40px;
}
.stul-form-wrap.stul-template-5 {
text-align: center;
background-color: #3d3e40;
color: white;
padding: 24px 34px;
position: relative;
}
.stul-form-wrap.stul-template-5 form {
max-width: 458px;
margin: 0 auto;
}
.stul-form-wrap.stul-template-5 .top-lines {
position: absolute;
bottom: 0;
left: 0;
height: 6px;
display: flex;
width: 100%;
}
.stul-form-wrap.stul-template-5 .top-lines span {
display: block;
flex: 0 0 33.33%;
}
.stul-form-wrap.stul-template-5 .top-lines span:nth-child(1) {
background-color: #d9a86f;
}
.stul-form-wrap.stul-template-5 .top-lines span:nth-child(2) {
background-color: #8fc972;
}
.stul-form-wrap.stul-template-5 .top-lines span:nth-child(3) {
background-color: #45b1e4;
}
.stul-form-wrap.stul-template-5 .stul-form-loader-1 {
color: inherit;
}
.stul-form-wrap.stul-template-5 .both-fields-wrap {
display: block;
}
.stul-form-wrap.stul-template-5 .both-fields-wrap .stul-field-wrap:first-child {
margin-bottom: 5px;
}
.stul-form-wrap.stul-template-5 .stul-form-submit {
width: auto;
border-radius: 3px;
}
.stul-form-wrap.stul-template-5 h2.stul-heading-text {
color: inherit;
margin-bottom: 5px;
}
.stul-form-wrap.stul-template-5 p.stul-heading-paragraph,
.stul-form-wrap.stul-template-5 .stul-check-box-text {
color: inherit;
}
.stul-form-wrap.stul-template-5 input[type="text"],
.stul-form-wrap.stul-template-5 input[type="email"] {
background-color: rgba(0, 0, 0, 0.14);
color: inherit;
text-align: left;
}
.stul-form-wrap.stul-template-5 .stul-form-submit {
background-color: white;
color: #df6767;
}
.stul-form-wrap.stul-template-5 .stul-form-submit:hover {
background-color: rgba(0, 0, 0, 0.68);
color: white;
}
.stul-form-wrap.stul-template-5 .stul-footer-text {
color: inherit;
}
.stul-form-wrap.stul-template-5 .icon {
display: inline-block;
text-align: center;
height: 100px;
width: 100px;
line-height: 84px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.18);
padding-top: 18px;
margin-bottom: 24px;
}
.stul-form-wrap.stul-template-5 .icon img {
display: inline-block;
max-width: 50px;
width: 100%;
height: auto;
}
.stul-form-wrap.stul-template-6 {
color: white;
background-color: #3c6065;
position: relative;
padding: 40px 0 0;
text-align: left;
}
.stul-form-wrap.stul-template-6 .both-fields-wrap .stul-field-wrap:first-child {
margin-bottom: 5px;
}
.stul-form-wrap.stul-template-6 .both-fields-wrap input[type="text"],
.stul-form-wrap.stul-template-6 .both-fields-wrap input[type="email"] {
text-align: left;
background-color: rgba(255, 255, 255, 0.24);
}
.stul-form-wrap.stul-template-6 .stul-form-loader-1 {
color: inherit;
}
.stul-form-wrap.stul-template-6 .stul-form-submit {
background-color: #ecc45c;
color: white;
}
.stul-form-wrap.stul-template-6 .stul-form-submit:hover {
background-color: black;
color: white;
}
.stul-form-wrap.stul-template-6 .stul-form-submit {
width: 100%;
}
.stul-form-wrap.stul-template-6 .stul-heading-text {
margin-bottom: 5px;
}
.stul-form-wrap.stul-template-6 .stul-heading-text span {
opacity: 0.6;
color: inherit;
margin: 0 15px;
font-size: 18px;
}
.stul-form-wrap.stul-template-6 .stul-heading-paragraph {
margin-bottom: 24px;
}
.stul-form-wrap.stul-template-6 .padding {
padding: 40px 24px 40px;
}
.stul-form-wrap.stul-template-6 .stul-footer-text {
padding: 15px 20px;
margin: 0;
}
.stul-form-wrap.stul-template-6 .bottom-wrap {
background-color: rgba(0, 0, 0, 0.24);
}
.stul-form-wrap.stul-template-6 .stul-terms-agreement-wrap {
margin-bottom: 0;
}
.stul-form-wrap.stul-template-6 .two-col-head {
display: flex;
align-items: center;
max-width: 500px;
margin: 0 auto;
}
.stul-form-wrap.stul-template-6 .two-col-head .left-col {
flex: 1;
max-width: 108px;
}
.stul-form-wrap.stul-template-6 .two-col-head .left-col .icon {
display: inline-block;
text-align: center;
height: 100px;
width: 100px;
line-height: 84px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.18);
padding-top: 18px;
margin-bottom: 24px;
}
.stul-form-wrap.stul-template-6 .two-col-head .left-col .icon img {
display: inline-block;
max-width: 50px;
width: 100%;
height: auto;
}
.stul-form-wrap.stul-template-6 .two-col-head .right-col {
flex: 2;
text-align: center;
}
.stul-form-wrap.stul-template-6 .stul-unlock-button {
max-width: 40%;
}
.stul-form-wrap.stul-template-6 .stul-unlock-form-wrap {
padding: 0 40px 40px;
max-width: 60%;
margin: 0 auto;
}
.stul-form-wrap.stul-template-7 {
text-align: center;
background-color: #1f4e68;
color: rgba(255, 255, 255, 0.68);
padding: 20px 0;
}
.stul-form-wrap.stul-template-7 .stul-form-loader-1 {
color: inherit;
}
.stul-form-wrap.stul-template-7 .stul-form-content-wrap {
margin: 0 auto;
max-width: 500px;
}
.stul-form-wrap.stul-template-7 .both-fields-wrap {
width: 100%;
}
.stul-form-wrap.stul-template-7 .both-fields-wrap > div {
flex: 1;
}
.stul-form-wrap.stul-template-7 .both-fields-wrap > div.stul-submit-btn-wrap {
max-width: 48px;
height: 48px;
margin-left: 15px;
}
.stul-form-wrap.stul-template-7 .both-fields-wrap > div.stul-submit-btn-wrap button {
width: 48px;
height: 48px;
line-height: 46px;
padding: 0;
text-align: center;
border-radius: 50%;
}
.stul-form-wrap.stul-template-7 .both-fields-wrap .stul-field-wrap:first-child {
margin-right: 15px;
}
.stul-form-wrap.stul-template-7 h2.stul-heading-text {
color: inherit;
}
.stul-form-wrap.stul-template-7 p.stul-heading-paragraph,
.stul-form-wrap.stul-template-7 .stul-check-box-text {
color: inherit;
}
.stul-form-wrap.stul-template-7 .stul-title-wrap {
padding-left: 40px;
text-align: left;
}
.stul-form-wrap.stul-template-7 input[type="text"],
.stul-form-wrap.stul-template-7 input[type="email"] {
text-align: left;
background-color: transparent;
color: inherit;
border-bottom-color: rgba(255, 255, 255, 0.24);
border-bottom-style: solid;
border-bottom-width: 1px;
}
.stul-form-wrap.stul-template-7 input[type="text"]:focus,
.stul-form-wrap.stul-template-7 input[type="email"]:focus {
background-color: transparent;
border-bottom-color: rgba(0, 0, 0, 0.68);
}
.stul-form-wrap.stul-template-7 .stul-form-submit {
background-color: #ecc45c;
color: white;
}
.stul-form-wrap.stul-template-7 .stul-form-submit:hover {
background-color: rgba(0, 0, 0, 0.68);
color: white;
}
.stul-form-wrap.stul-template-7 .has-pre-icon {
position: relative;
}
.stul-form-wrap.stul-template-7 .has-pre-icon i {
position: absolute;
top: 15px;
right: auto;
left: 0;
font-size: 18px;
color: inherit;
}
.stul-form-wrap.stul-template-7 .has-pre-icon input[type="text"],
.stul-form-wrap.stul-template-7 .has-pre-icon input[type="email"] {
padding-left: 34px !important;
padding-right: 10px !important;
}
.stul-form-wrap.stul-template-7 .icon {
display: inline-block;
text-align: center;
height: 100px;
width: 100px;
line-height: 84px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.18);
padding-top: 18px;
margin-bottom: 24px;
}
.stul-form-wrap.stul-template-7 .icon img {
display: inline-block;
max-width: 50px;
width: 100%;
height: auto;
}
.stul-form-wrap.stul-template-7 .heading-wrap {
margin-bottom: 24px;
padding: 20px 40px;
text-align: center;
background-color: rgba(255, 255, 255, 0.14);
}
.stul-form-wrap.stul-template-7 .heading-wrap h2.stul-heading-text {
margin-bottom: 4px;
}
.stul-form-wrap.stul-template-7 .heading-wrap p.stul-heading-paragraph {
margin-bottom: 0;
}
.stul-form-wrap.stul-template-8 {
text-align: left;
background-color: #a84141;
color: white;
}
.stul-form-wrap.stul-template-8 .both-fields-wrap {
display: block;
}
.stul-form-wrap.stul-template-8 .both-fields-wrap .name-field {
margin: 0 0 5px 0;
}
.stul-form-wrap.stul-template-8 .form-contents-wrap {
display: flex;
}
.stul-form-wrap.stul-template-8 .form-contents-wrap .stul-icon-holder {
flex: 1;
max-width: 240px;
text-align: center;
}
.stul-form-wrap.stul-template-8 .form-contents-wrap .form-holder {
flex: 2;
padding: 40px 28px;
}
.stul-form-wrap.stul-template-8 .stul-form-loader-1 {
color: inherit;
}
.stul-form-wrap.stul-template-8 .stul-footer-text {
padding: 0;
}
.stul-form-wrap.stul-template-8 .stul-form-submit {
text-align: left;
background-color: white;
color: #df6767;
border-radius: 3px;
width: auto;
}
.stul-form-wrap.stul-template-8 .stul-form-submit:hover {
background-color: black;
color: white;
}
.stul-form-wrap.stul-template-8 .stul-btn-parent {
max-width: 100%;
}
.stul-form-wrap.stul-template-8 .stul-icon-holder {
background-color: rgba(0, 0, 0, 0.24);
padding: 40px;
}
.stul-form-wrap.stul-template-8 .icon {
margin-bottom: 20px;
display: inline-block;
text-align: center;
height: 100px;
width: 100px;
line-height: 84px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.18);
padding-top: 18px;
margin-bottom: 24px;
}
.stul-form-wrap.stul-template-8 .icon img {
display: inline-block;
max-width: 50px;
width: 100%;
height: auto;
}
.stul-form-wrap.stul-template-8 input[type="text"],
.stul-form-wrap.stul-template-8 input[type="email"] {
text-align: left;
background-color: rgba(255, 255, 255, 0.24);
border-radius: 64px;
color: inherit;
}
.stul-form-wrap.stul-template-8 .stul-unlock-form-wrap {
padding-top: 40px;
}
.stul-form-wrap.stul-template-8 .stul-heading-text {
margin-bottom: 5px;
}
.stul-form-wrap.stul-template-8 .stul-heading-paragraph {
margin-bottom: 24px;
}
.stul-form-wrap.stul-template-8 .stul-form-submit {
border-radius: 64px;
padding: 0 40px;
background-color: #ecc45c;
color: white;
}
.stul-form-wrap.stul-template-9 {
text-align: center;
background-color: #d64141;
color: white;
}
.stul-form-wrap.stul-template-9 .both-fields-wrap {
display: block;
}
.stul-form-wrap.stul-template-9 .both-fields-wrap .name-field {
margin: 0 0 5px 0;
}
.stul-form-wrap.stul-template-9 .form-contents-wrap {
position: relative;
display: flex;
}
.stul-form-wrap.stul-template-9 .form-contents-wrap .form-holder {
flex: 2;
padding: 40px 28px;
}
.stul-form-wrap.stul-template-9 .form-contents-wrap .white-bg {
position: absolute;
top: 0;
right: 0;
background-image: url(//bdoadvisory.pl/wp-content/plugins/subscribe-to-unlock-lite//images/temp-9-bg.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: 34px 0;
height: 100%;
width: 300px;
}
.stul-form-wrap.stul-template-9 .stul-form-loader-1 {
color: inherit;
}
.stul-form-wrap.stul-template-9 .stul-footer-text {
padding: 0;
}
.stul-form-wrap.stul-template-9 .stul-form-submit {
color: white;
width: auto;
}
.stul-form-wrap.stul-template-9 .stul-form-submit:hover {
background-color: black;
color: white;
}
.stul-form-wrap.stul-template-9 .stul-btn-parent {
max-width: 100%;
text-align: center;
}
.stul-form-wrap.stul-template-9 .icon {
margin-top: 100%;
display: inline-block;
text-align: center;
height: 74px;
width: 74px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.18);
}
.stul-form-wrap.stul-template-9 .icon i {
color: rgba(0, 0, 0, 0.88);
line-height: 74px;
font-size: 24px;
}
.stul-form-wrap.stul-template-9 input[type="text"],
.stul-form-wrap.stul-template-9 input[type="email"] {
text-align: left;
border-radius: 64px;
background-color: white;
color: rgba(0, 0, 0, 0.68);
}
.stul-form-wrap.stul-template-9 input[type="text"]:focus,
.stul-form-wrap.stul-template-9 input[type="email"]:focus {
background-color: rgba(255, 255, 255, 0.88);
}
.stul-form-wrap.stul-template-9 .stul-form-submit {
border-radius: 64px;
background-color: white;
color: #d64141;
}
.stul-form-wrap.stul-template-9 .stul-heading-text {
margin-bottom: 5px;
}
.stul-form-wrap.stul-template-9 .stul-heading-paragraph {
margin-bottom: 20px;
}
.stul-form-wrap.stul-template-9 .form-holder {
max-width: 60%;
}
.stul-form-wrap.stul-template-9 .has-pre-icon i {
color: black;
}
.stul-form-wrap.stul-template-9 .stul-unlock-form-wrap {
padding: 40px;
max-width: 60%;
margin: 0 auto;
}
.stul-form-wrap.stul-template-10 {
color: rgba(0, 0, 0, 0.6);
position: relative;
padding: 0;
text-align: left;
}
.stul-form-wrap.stul-template-10 .top-lines {
position: absolute;
top: 0;
left: 0;
height: 6px;
display: flex;
width: 100%;
}
.stul-form-wrap.stul-template-10 .top-lines span {
display: block;
flex: 0 0 33.33%;
}
.stul-form-wrap.stul-template-10 .top-lines span:nth-child(1) {
background-color: #d9a86f;
}
.stul-form-wrap.stul-template-10 .top-lines span:nth-child(2) {
background-color: #8fc972;
}
.stul-form-wrap.stul-template-10 .top-lines span:nth-child(3) {
background-color: #45b1e4;
}
.stul-form-wrap.stul-template-10 .stul-icon-holder {
text-align: center;
margin-bottom: 28px;
}
.stul-form-wrap.stul-template-10 .stul-icon-holder i {
font-size: 38px;
color: inherit;
opacity: 0.6;
}
.stul-form-wrap.stul-template-10 .stul-form-submit {
background-color: gray;
color: white;
width: auto;
max-width: 80%;
margin-left: auto;
margin-right: auto;
min-width: 40%;
}
.stul-form-wrap.stul-template-10 .stul-form-submit:hover {
background-color: black;
color: white;
}
.stul-form-wrap.stul-template-10 input[type="text"],
.stul-form-wrap.stul-template-10 input[type="email"] {
text-align: inherit;
background-color: transparent;
border: solid 1px rgba(0, 0, 0, 0.1);
}
.stul-form-wrap.stul-template-10 input[type="text"]:focus,
.stul-form-wrap.stul-template-10 input[type="email"]:focus {
background-color: rgba(0, 0, 0, 0.04);
}
.stul-form-wrap.stul-template-10 .stul-form-loader-1 {
color: inherit;
}
.stul-form-wrap.stul-template-10 .stul-footer-text {
background-color: rgba(0, 0, 0, 0.08);
padding: 15px 20px;
border-top: solid 1px rgba(0, 0, 0, 0.1);
}
.stul-form-wrap.stul-template-10 .two-col {
display: flex;
}
.stul-form-wrap.stul-template-10 .two-col .left-holder {
align-self: center;
padding: 40px;
flex: 0 0 40%;
max-width: 40%;
}
.stul-form-wrap.stul-template-10 .two-col .right-holder {
padding: 40px 24px 0;
flex: 0 0 60%;
max-width: 60%;
}
.stul-form-wrap.stul-template-10 .both-fields-wrap {
display: block;
}
.stul-form-wrap.stul-template-10 .both-fields-wrap .stul-name {
margin-bottom: 10px;
}
.stul-popup-innerwrap {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
z-index: 99999;
}
.stul-popup-innerwrap .stul-popup-wrapper {
background-color: rgba(0, 0, 0, 0.88);
height: 100vh;
width: 100%;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.stul-popup-innerwrap .stul-form-wrap {
width: auto;
height: auto;
min-width: 748px;
max-width: 748px !important;
}
.stul-popup-innerwrap .stul-form-wrap.stul-template-8 {
padding: 0;
max-width: 480px !important;
}
.stul-popup-innerwrap .stul-form-wrap.stul-template-8 .stul-content-wrap {
padding: 0 34px 34px;
}
.stul-popup-innerwrap .stul-main-outer-wrap:after {
display: none;
}
.stul-popup-innerwrap .stul-main-outer-wrap .stul-blur-overlay {
position: static;
}
.stul-popup-innerwrap .stul-popup-content-wrap {
position: relative;
}
.stul-popup-innerwrap .stul-popup-content-wrap .stul-popup-close {
position: absolute;
top: -34px;
right: -34px;
color: white;
background: rgba(255, 255, 255, 0.14);
height: 34px;
width: 34px;
border-radius: 50%;
line-height: 30px;
padding-top: 2px;
text-align: center;
font-size: 18px;
display: block;
}
.stul-popup-innerwrap .stul-popup-content-wrap .stul-popup-close:hover {
text-decoration: none;
box-shadow: none;
color: white;
background: rgba(255, 255, 255, 0.18);
border: none;
height: 34px;
width: 34px;
}
.stul-popup-innerwrap .stul-popup-content-wrap .stul-popup-close:hover i {
color: white;
}
@media all and (min-width: 768px) and (max-width: 1200px) {
.stul-form-wrap.stul-template-4 .both-fields-wrap {
display: block;
}
.stul-form-wrap.stul-template-4 .both-fields-wrap .name-field {
display: block;
width: 100%;
margin-bottom: 8px;
}
.stul-form-wrap.stul-template-4 .stul-btn-parent {
margin-top: 15px;
}
.stul-form-wrap.stul-template-6 .two-col-head {
padding: 0 15px;
}
.stul-form-wrap.stul-template-7 .stul-form-content-wrap {
padding: 0 15px;
}
.stul-form-wrap.stul-template-9 .form-contents-wrap .white-bg {
width: 240px;
}
.stul-popup-innerwrap .stul-form-wrap.stul-template-11, .stul-popup-innerwrap .stul-form-wrap.stul-template-12 {
max-width: 500px !important;
}
.stul-popup-innerwrap .stul-form-wrap.stul-template-11 .stul-subs-img-hold, .stul-popup-innerwrap .stul-form-wrap.stul-template-12 .stul-subs-img-hold {
max-width: 100%;
width: 100%;
}
.stul-popup-innerwrap .stul-form-wrap.stul-template-11 .stul-subs-img-hold img, .stul-popup-innerwrap .stul-form-wrap.stul-template-12 .stul-subs-img-hold img {
vertical-align: top;
}
.stul-popup-innerwrap .stul-form-wrap.stul-template-19 {
max-width: 600px !important;
}
.stul-popup-wrapper {
max-height: 100vh;
overflow-y: auto;
padding: 30px 0;
}
.stul-form-wrap {
max-width: 68% !important;
}
}
@media all and (min-width: 0px) and (max-width: 767px) {
.stul-content-locked {
position: relative;
max-height: 800px;
min-height: 800px;
overflow: hidden;
}
.stul-form-wrap {
padding: 20px;
}
.stul-form-wrap .both-fields-wrap {
display: block;
}
.stul-form-wrap .both-fields-wrap .name-field {
display: block;
width: 100%;
margin-bottom: 8px;
}
.stul-form-wrap p.stul-heading-paragraph,
.stul-form-wrap p.stul-check-box-text,
.stul-form-wrap .stul-check-box-text {
line-height: 1.4;
font-size: 14px;
}
.stul-form-wrap.stul-template-1, .stul-form-wrap.stul-template-2, .stul-form-wrap.stul-template-3, .stul-form-wrap.stul-template-4, .stul-form-wrap.stul-template-5, .stul-form-wrap.stul-template-6, .stul-form-wrap.stul-template-7, .stul-form-wrap.stul-template-8, .stul-form-wrap.stul-template-9, .stul-form-wrap.stul-template-10 {
padding: 34px 20px;
}
.stul-form-wrap.stul-template-1 .padding, .stul-form-wrap.stul-template-2 .padding, .stul-form-wrap.stul-template-3 .padding, .stul-form-wrap.stul-template-4 .padding, .stul-form-wrap.stul-template-5 .padding, .stul-form-wrap.stul-template-6 .padding, .stul-form-wrap.stul-template-7 .padding, .stul-form-wrap.stul-template-8 .padding, .stul-form-wrap.stul-template-9 .padding, .stul-form-wrap.stul-template-10 .padding {
padding: 0;
}
.stul-form-wrap.stul-template-1 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-2 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-3 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-4 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-5 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-6 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-7 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-8 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-9 .stul-unlock-form-wrap, .stul-form-wrap.stul-template-10 .stul-unlock-form-wrap {
padding: 20px;
max-width: 100%;
margin: 0 auto;
}
.stul-form-wrap.stul-template-1 .stul-unlock-form-wrap .stul-unlock-button, .stul-form-wrap.stul-template-2 .stul-unlock-form-wrap .stul-unlock-button, .stul-form-wrap.stul-template-3 .stul-unlock-form-wrap .stul-unlock-button, .stul-form-wrap.stul-template-4 .stul-unlock-form-wrap .stul-unlock-button, .stul-form-wrap.stul-template-5 .stul-unlock-form-wrap .stul-unlock-button, .stul-form-wrap.stul-template-6 .stul-unlock-form-wrap .stul-unlock-button, .stul-form-wrap.stul-template-7 .stul-unlock-form-wrap .stul-unlock-button, .stul-form-wrap.stul-template-8 .stul-unlock-form-wrap .stul-unlock-button, .stul-form-wrap.stul-template-9 .stul-unlock-form-wrap .stul-unlock-button, .stul-form-wrap.stul-template-10 .stul-unlock-form-wrap .stul-unlock-button {
margin-top: 15px;
}
.stul-form-wrap.stul-template-2 .stul-heading-text span {
display: none;
}
.stul-form-wrap.stul-template-2 .stul-form-submit {
margin-top: 5px;
}
.stul-form-wrap.stul-template-3 {
padding: 0;
}
.stul-form-wrap.stul-template-3 .form-contents-wrap {
display: block;
}
.stul-form-wrap.stul-template-3 .form-contents-wrap .stul-icon-holder {
max-width: 100%;
padding: 24px;
}
.stul-form-wrap.stul-template-3 .icon {
margin-top: 0;
}
.stul-form-wrap.stul-template-4 .form-contents-wrap {
display: block;
}
.stul-form-wrap.stul-template-4 .form-contents-wrap .stul-icon-holder {
max-width: 100%;
}
.stul-form-wrap.stul-template-4 .form-contents-wrap .form-holder {
flex: 2;
padding: 20px 0 0;
text-align: center;
}
.stul-form-wrap.stul-template-4 .icon {
margin-top: 0;
}
.stul-form-wrap.stul-template-6 {
padding: 0;
}
.stul-form-wrap.stul-template-6 .top-wrap {
padding: 15px 15px 0;
}
.stul-form-wrap.stul-template-6 .bottom-wrap {
padding: 24px;
}
.stul-form-wrap.stul-template-6 .stul-form-submit {
margin-top: 5px;
}
.stul-form-wrap.stul-template-7 {
padding: 0;
}
.stul-form-wrap.stul-template-7 .heading-wrap {
margin-bottom: 0;
}
.stul-form-wrap.stul-template-7 .icon {
margin-bottom: 0;
}
.stul-form-wrap.stul-template-7 .stul-icon-holder {
padding: 0;
}
.stul-form-wrap.stul-template-7 .stul-form-content-wrap {
padding: 24px;
}
.stul-form-wrap.stul-template-7 .stul-form-submit {
margin-top: 5px;
}
.stul-form-wrap.stul-template-7 .stul-submit-btn-wrap {
margin-left: 0 !important;
margin-top: 10px;
}
.stul-form-wrap.stul-template-8 {
padding: 0;
}
.stul-form-wrap.stul-template-8 .form-contents-wrap {
display: block;
}
.stul-form-wrap.stul-template-8 .form-contents-wrap .stul-icon-holder {
max-width: 100%;
padding: 15px;
}
.stul-form-wrap.stul-template-9 {
padding: 0;
}
.stul-form-wrap.stul-template-9 .form-holder {
max-width: 100%;
}
.stul-form-wrap.stul-template-9 .white-bg {
display: none;
}
.stul-form-wrap.stul-template-10 {
padding: 0;
}
.stul-form-wrap.stul-template-10 .two-col {
display: block;
}
.stul-form-wrap.stul-template-10 .two-col .left-holder,
.stul-form-wrap.stul-template-10 .two-col .right-holder {
max-width: 100%;
}
.stul-form-wrap.stul-template-10 .two-col .left-holder {
padding: 15px;
text-align: center;
}
.stul-form-wrap.stul-template-10 .two-col .left-holder img {
max-width: 128px;
}
.stul-form-wrap.stul-template-10 .two-col .right-holder {
padding: 0 20px 20px;
}
.stul-popup-innerwrap .stul-form-wrap {
min-width: 200px;
margin: 0 20px;
}
.stul-popup-innerwrap .stul-form-wrap.stul-template-7 {
padding: 40px 20px;
}
.stul-popup-innerwrap .stul-popup-content-wrap .stul-popup-close {
top: -22px;
right: 0;
background-color: black;
z-index: 9;
}
.stul-popup-wrapper {
max-height: 100vh;
overflow-y: auto;
padding: 30px 0;
}
.stul-form-wrap {
max-width: 100% !important;
}
}
.stul-form-loader-wraper {
display: none;
text-align: center;
margin-top: -14px;
margin-bottom: 28px;
}
.stul-form-loader {
display: inline-block;
}
.stul-form-loader-1,
.stul-form-loader-1:before,
.stul-form-loader-1:after {
border-radius: 50%;
width: 10px;
height: 10px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: load7 1.4s infinite ease-in-out;
animation: load7 1.4s infinite ease-in-out;
}
.stul-form-loader-1 {
font-size: 10px;
margin: 0;
position: relative;
text-indent: -9999em;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.14s;
animation-delay: -0.14s;
}
.stul-form-loader-1:before,
.stul-form-loader-1:after {
content: '';
position: absolute;
top: 0;
}
.stul-form-loader-1:before {
left: -12px;
-webkit-animation-delay: -0.28s;
animation-delay: -0.28s;
}
.stul-form-loader-1:after {
left: 12px;
}
@-webkit-keyframes load7 {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em;
}
40% {
box-shadow: 0 2.5em 0 0;
}
}
@keyframes load7 {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em;
}
40% {
box-shadow: 0 2.5em 0 0;
}
}
.stul-download-button {
font-family: "Poppins", sans-serif;
font-size: 15px;
font-weight: 500;
color: rgba(0, 0, 0, 0.68);
text-decoration: none;
line-height: 68px;
padding: 0 48px;
background: rgba(0, 0, 0, 0.08);
display: inline-block;
box-shadow: rgba(0, 0, 0, 0.08) 0 0 10px;
transition: all .3s ease;
border-radius: 2px;
}
.stul-download-button i {
margin-right: 14px;
}
.stul-download-button:hover {
background-color: rgba(0, 0, 0, 0.8);
color: white;
}
.stul-terms-agreement-wrap label a {
color: inherit;
text-decoration: underline;
}
.stul-form-loader-wraper {
text-align: center;
}
.stul-countdown-timer-message {
flex: 0 0 100%;
position: absolute;
color: rgba(255, 255, 255, 0.8);
text-align: center;
left: 0;
top: 0;
width: 100%;
padding: 40px;
background: rgba(0, 0, 0, 0.88);
font-family: "Poppins", sans-serif;
}
.stul-countdown-number {
color: yellow;
font-weight: 700;
}
.stul-content-unlocked {
margin: 0;
padding: 0;
}
.stul-unlock-error-message {
padding: 8px 15px;
text-align: center;
background-color: #df6767;
color: white;
font-size: 14px;
margin: 14px 0;
}
.stul-content-locked .stul-lock-content {
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.stul-unlock-form-wrap {
display: none;
}
.stul-unlock-error-message {
display: none;
}