Mockup Kit Demo & Tutorials
Mockup Kit Demo & Tutorials
Want to test our products for free?
Download your FREE image mockup kit!
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');
#mlb2-6986216,
#mlb2-6986216 *,
#mlb2-6986216 a:hover,
#mlb2-6986216 a:visited,
#mlb2-6986216 a:focus,
#mlb2-6986216 a:active {
overflow: visible;
position: static;
background: none;
border: none;
bottom: auto;
clear: none;
cursor: default;
float: none;
letter-spacing: normal;
line-height: normal;
text-align: left;
text-indent: 0;
text-transform: none;
visibility: visible;
white-space: normal;
max-height: none;
max-width: none;
left: auto;
min-height: 0;
min-width: 0;
right: auto;
top: auto;
width: auto;
z-index: auto;
text-shadow: none;
box-shadow: none;
outline: medium none;
}
#mlb2-6986216 a:hover {
cursor: pointer !important;
}
#mlb2-6986216 h4 {
font-weight: normal;
}
#mlb2-6986216 .subscribe-form {
padding: 20px;
width: 800px !important;
border: 2px solid #EBBA7B !important;
background: #EBBA7B none !important;
border-radius: 0px !important;
box-sizing: border-box !important;
}
#mlb2-6986216 .ml-block-form {
margin-bottom: 0px;
}
#mlb2-6986216 .subscribe-form .form-section {
margin-bottom: 20px;
width: 100%;
}
#mlb2-6986216 .subscribe-form .form-section.mb10 {
margin-bottom: 10px;
float: left;
}
#mlb2-6986216 .subscribe-form .form-section.mb0 {
margin-bottom: 0px;
}
#mlb2-6986216 .subscribe-form .form-section h4 {
margin: 0px 0px 10px 0px !important;
padding: 0px !important;
color: #ccaf9e !important;
font-family: 'Lato', sans-serif !important;
font-size: 32px !important;
line-height: 100%;
text-align: left !important;
}
#mlb2-6986216 .subscribe-form .form-section p,
#mlb2-6986216 .subscribe-form .form-section li {
line-height: 150%;
padding: 0px !important;
margin: 0px 0px 10px 0px;
color: #000000 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
}
#mlb2-6986216 .subscribe-form .form-section a {
font-size: 14px !important;
}
#mlb2-6986216 .subscribe-form .form-section .confirmation_checkbox {
line-height: 150%;
padding: 0px !important;
margin: 0px 0px 15px 0px !important;
color: #000000 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 12px !important;
font-weight: normal !important;
}
#mlb2-6986216 .subscribe-form .form-section .confirmation_checkbox inputtype="checkbox" {
margin-right: 5px !important;
}
#mlb2-6986216 .subscribe-form .form-section .form-group {
margin-bottom: 15px;
}
#mlb2-6986216 .subscribe-form .form-section .form-group label {
float: left;
margin-bottom: 10px;
width: 100%;
line-height: 100%;
color: #000000 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
}
#mlb2-6986216 .subscribe-form .form-section .checkbox {
width: 100%;
margin: 0px 0px 10px 0px;
}
#mlb2-6986216 .subscribe-form .form-section .checkbox label {
color: #000000 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
}
#mlb2-6986216 .subscribe-form .form-section .checkbox input {
margin: 0px 5px 0px 0px;
}
#mlb2-6986216 .subscribe-form .form-section .checkbox inputtype=checkbox {
-webkit-appearance: checkbox;
opacity: 1;
}
#mlb2-6986216.ml-subscribe-form .form-group .form-control {
width: 100%;
font-size: 13px;
padding: 10px 10px;
height: auto;
font-family: Arial;
border-radius: 0px;
border: 1px solid #cccccc !important;
color: #000000 !important;
background-color: #FFFFFF !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: left;
}
#mlb2-6986216.ml-subscribe-form button {
border: none !important;
cursor: pointer !important;
width: 100% !important;
border-radius: 0px !important;
height: 40px !important;
background-color: #e98449 !important;
color: #FFFFFF !important;
font-family: 'Arial', sans-serif !important;
font-size: 16px !important;
text-align: center !important;
padding: 0 !important;
margin: 0 !important;
position: relative!important;
}
#mlb2-6986216.ml-subscribe-form button.gradient-on {
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}
#mlb2-6986216.ml-subscribe-form button.gradient-on:hover {
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
#mlb2-6986216.ml-subscribe-form buttondisabled {
cursor: not-allowed!important;
}
#mlb2-6986216.ml-subscribe-form .form-section.ml-error label {
color: red!important;
}
#mlb2-6986216.ml-subscribe-form .form-group.ml-error label {
color: red!important;
}
#mlb2-6986216.ml-subscribe-form .form-group.ml-error .form-control {
border-color: red!important;
}
@media (max-width: 768px) {
#mlb2-6986216 {
width: 100% !important;
}
#mlb2-6986216 form.ml-block-form,
#mlb2-6986216.ml-subscribe-form .subscribe-form {
width: 100% !important;
}
}
#mlb2-6986216 .subscribe-form.horizontal {
padding-bottom: 0px;
}
#mlb2-6986216 .subscribe-form .form-section.horizontal {
float: left;
margin-bottom: 5px;
width: 70%;
}
#mlb2-6986216 .subscribe-form .form-section.horizontal .form-group {
float: left;
width: 50%;
padding-right: 10px;
box-sizing: border-box;
}
#mlb2-6986216 .subscribe-form .form-section.horizontal .form-group .form-control {
height: 40px;
}
#mlb2-6986216 .subscribe-form .form-section.horizontal.ml-button-position {
width: 30%;
padding: 0;
}
#mlb2-6986216 .subscribe-form .form-section.horizontal.ml-button-position.top-padding {
padding-top: 24px;
}
@media (max-width: 800px) {
#mlb2-6986216.ml-subscribe-form.ml-subscribe-form-6986216 {
width: 100%;
}
#mlb2-6986216.ml-subscribe-form form.ml-block-form {
width: 100%;
margin: 0 auto;
}
#mlb2-6986216 .subscribe-form {
width: 100%!important;
margin: 0 auto;
}
}
@media (max-width: 768px) {
#mlb2-6986216.ml-subscribe-form .subscribe-form .form-section.horizontal {
float: none;
}
#mlb2-6986216.ml-subscribe-form .subscribe-form .form-section.horizontal,
#mlb2-6986216.ml-subscribe-form .subscribe-form .form-section.horizontal.ml-button-position,
#mlb2-6986216.ml-subscribe-form .subscribe-form .form-section.horizontal .form-group {
width: 100%;
padding: 0;
}
#mlb2-6986216 .subscribe-form .form-section.horizontal.ml-button-position {
margin-bottom: 20px;
}
}
function ml_webform_success_6986216() {
var $ = ml_jQuery || jQuery;
$('.ml-subscribe-form-6986216 .ml-block-success').show();
$('.ml-subscribe-form-6986216 .ml-block-form').hide();
};
Thank you! You have successfully subscribed to our newsletter.
Want to test our products for free?
Download your FREE image mockup kit!
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');
#mlb2-6986216,
#mlb2-6986216 *,
#mlb2-6986216 a:hover,
#mlb2-6986216 a:visited,
#mlb2-6986216 a:focus,
#mlb2-6986216 a:active {
overflow: visible;
position: static;
background: none;
border: none;
bottom: auto;
clear: none;
cursor: default;
float: none;
letter-spacing: normal;
line-height: normal;
text-align: left;
text-indent: 0;
text-transform: none;
visibility: visible;
white-space: normal;
max-height: none;
max-width: none;
left: auto;
min-height: 0;
min-width: 0;
right: auto;
top: auto;
width: auto;
z-index: auto;
text-shadow: none;
box-shadow: none;
outline: medium none;
}
#mlb2-6986216 a:hover {
cursor: pointer !important;
}
#mlb2-6986216 h4 {
font-weight: normal;
}
#mlb2-6986216 .subscribe-form {
padding: 20px;
width: 800px !important;
border: 2px solid #EBBA7B !important;
background: #EBBA7B none !important;
border-radius: 0px !important;
box-sizing: border-box !important;
}
#mlb2-6986216 .ml-block-form {
margin-bottom: 0px;
}
#mlb2-6986216 .subscribe-form .form-section {
margin-bottom: 20px;
width: 100%;
}
#mlb2-6986216 .subscribe-form .form-section.mb10 {
margin-bottom: 10px;
float: left;
}
#mlb2-6986216 .subscribe-form .form-section.mb0 {
margin-bottom: 0px;
}
#mlb2-6986216 .subscribe-form .form-section h4 {
margin: 0px 0px 10px 0px !important;
padding: 0px !important;
color: #ccaf9e !important;
font-family: 'Lato', sans-serif !important;
font-size: 32px !important;
line-height: 100%;
text-align: left !important;
}
#mlb2-6986216 .subscribe-form .form-section p,
#mlb2-6986216 .subscribe-form .form-section li {
line-height: 150%;
padding: 0px !important;
margin: 0px 0px 10px 0px;
color: #000000 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
}
#mlb2-6986216 .subscribe-form .form-section a {
font-size: 14px !important;
}
#mlb2-6986216 .subscribe-form .form-section .confirmation_checkbox {
line-height: 150%;
padding: 0px !important;
margin: 0px 0px 15px 0px !important;
color: #000000 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 12px !important;
font-weight: normal !important;
}
#mlb2-6986216 .subscribe-form .form-section .confirmation_checkbox inputtype="checkbox" {
margin-right: 5px !important;
}
#mlb2-6986216 .subscribe-form .form-section .form-group {
margin-bottom: 15px;
}
#mlb2-6986216 .subscribe-form .form-section .form-group label {
float: left;
margin-bottom: 10px;
width: 100%;
line-height: 100%;
color: #000000 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
}
#mlb2-6986216 .subscribe-form .form-section .checkbox {
width: 100%;
margin: 0px 0px 10px 0px;
}
#mlb2-6986216 .subscribe-form .form-section .checkbox label {
color: #000000 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
}
#mlb2-6986216 .subscribe-form .form-section .checkbox input {
margin: 0px 5px 0px 0px;
}
#mlb2-6986216 .subscribe-form .form-section .checkbox inputtype=checkbox {
-webkit-appearance: checkbox;
opacity: 1;
}
#mlb2-6986216.ml-subscribe-form .form-group .form-control {
width: 100%;
font-size: 13px;
padding: 10px 10px;
height: auto;
font-family: Arial;
border-radius: 0px;
border: 1px solid #cccccc !important;
color: #000000 !important;
background-color: #FFFFFF !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: left;
}
#mlb2-6986216.ml-subscribe-form button {
border: none !important;
cursor: pointer !important;
width: 100% !important;
border-radius: 0px !important;
height: 40px !important;
background-color: #e98449 !important;
color: #FFFFFF !important;
font-family: 'Arial', sans-serif !important;
font-size: 16px !important;
text-align: center !important;
padding: 0 !important;
margin: 0 !important;
position: relative!important;
}
#mlb2-6986216.ml-subscribe-form button.gradient-on {
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}
#mlb2-6986216.ml-subscribe-form button.gradient-on:hover {
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
#mlb2-6986216.ml-subscribe-form buttondisabled {
cursor: not-allowed!important;
}
#mlb2-6986216.ml-subscribe-form .form-section.ml-error label {
color: red!important;
}
#mlb2-6986216.ml-subscribe-form .form-group.ml-error label {
color: red!important;
}
#mlb2-6986216.ml-subscribe-form .form-group.ml-error .form-control {
border-color: red!important;
}
@media (max-width: 768px) {
#mlb2-6986216 {
width: 100% !important;
}
#mlb2-6986216 form.ml-block-form,
#mlb2-6986216.ml-subscribe-form .subscribe-form {
width: 100% !important;
}
}
#mlb2-6986216 .subscribe-form.horizontal {
padding-bottom: 0px;
}
#mlb2-6986216 .subscribe-form .form-section.horizontal {
float: left;
margin-bottom: 5px;
width: 70%;
}
#mlb2-6986216 .subscribe-form .form-section.horizontal .form-group {
float: left;
width: 50%;
padding-right: 10px;
box-sizing: border-box;
}
#mlb2-6986216 .subscribe-form .form-section.horizontal .form-group .form-control {
height: 40px;
}
#mlb2-6986216 .subscribe-form .form-section.horizontal.ml-button-position {
width: 30%;
padding: 0;
}
#mlb2-6986216 .subscribe-form .form-section.horizontal.ml-button-position.top-padding {
padding-top: 24px;
}
@media (max-width: 800px) {
#mlb2-6986216.ml-subscribe-form.ml-subscribe-form-6986216 {
width: 100%;
}
#mlb2-6986216.ml-subscribe-form form.ml-block-form {
width: 100%;
margin: 0 auto;
}
#mlb2-6986216 .subscribe-form {
width: 100%!important;
margin: 0 auto;
}
}
@media (max-width: 768px) {
#mlb2-6986216.ml-subscribe-form .subscribe-form .form-section.horizontal {
float: none;
}
#mlb2-6986216.ml-subscribe-form .subscribe-form .form-section.horizontal,
#mlb2-6986216.ml-subscribe-form .subscribe-form .form-section.horizontal.ml-button-position,
#mlb2-6986216.ml-subscribe-form .subscribe-form .form-section.horizontal .form-group {
width: 100%;
padding: 0;
}
#mlb2-6986216 .subscribe-form .form-section.horizontal.ml-button-position {
margin-bottom: 20px;
}
}
function ml_webform_success_6986216() {
var $ = ml_jQuery || jQuery;
$('.ml-subscribe-form-6986216 .ml-block-success').show();
$('.ml-subscribe-form-6986216 .ml-block-form').hide();
};
Thank you! You have successfully subscribed to our newsletter.