/* Form */
.formbox p {
margin:0 0 35px;
font-size: 19px;
line-height:26px;
color: #024456;
padding: 0;
}
.formbox label.mktoLabel,
.formbox .mktoForm .mktoGutter,
.formbox .mktoForm .mktoClear,
.formbox .mktoForm .mktoRequiredField .mktoAsterix,
.formbox .mktoForm .mktoOffset { display: none !important;}
.formbox { float:left; width:350px; padding:20px 15px; border-radius: 5px; background:#FFF; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.formbox .mktoFormRow { margin-bottom: 11px !important; float: left; width: 100% !important;}
.formbox .mktoButtonRow {width: 100% !important;}
.formbox form,
.formbox input[type="text"],
.formbox input[type="email"],
.formbox select,
.formbox .mktoFieldWrap,
.formbox .mktoForm .mktoFormCol,
.formbox .mktoButtonWrap { width: 100% !important; margin: 0 !important;}
.formbox input[type="text"]:focus,
.formbox input[type="email"]:focus,
.formbox button[type="submit"]:focus {
outline:0 !important;
}
.formbox h3 { font-family:'AvenirNextLTPro-Regular' !important; font-size:20px !important; color:#024456 !important; padding:0px 0px 20px !important; }
.formbox h3 strong {
font-weight: bold;
}
.formbox input[type="text"],
.formbox input[type="email"] {border:none !important; width:100% !important; height: 43px !important; padding: 6px 9px !important; font-size:13px !important; color:#003d4c !important; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#eef0f1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 1px 1px 1px #d0dadc; -moz-box-shadow: inset 1px 1px 1px #d0dadc; box-shadow: inset 1px 1px 1px #d0dadc; margin:0 !important; }
.formbox input::-webkit-input-placeholder { color: #003d4c; }
.formbox input:-moz-placeholder { color: #003d4c; }
.formbox input::-moz-placeholder { color: #003d4c; }
.formbox input:-ms-input-placeholder { color: #003d4c; }
.select_option_box,
.formbox .mktoFormRow:nth-of-type(n+5) .mktoFieldWrap { position: relative; cursor: pointer; margin-bottom: 0;}
.formbox .mktoFormRow:nth-of-type(n+5) select {
background: #eef0f1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 1px 1px 1px #d0dadc;
-moz-box-shadow: inset 1px 1px 1px #d0dadc;
box-shadow: inset 1px 1px 1px #d0dadc;
cursor: pointer;
}
.select_option_box:before,
.formbox .mktoFormRow:nth-of-type(n+5) .mktoFieldWrap:before { z-index: 1000; content: ''; position: absolute; right: 10px; top: 17px; line-height: 43px; border-top:9px solid #143d49; border-left:6px solid rgba(0,0,0,0); border-right:6px solid rgba(0,0,0,0); }
.select_option_box select,
.formbox .mktoFieldWrap select { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; cursor: pointer; position: relative; text-align: right; width: 100%; z-index: 10; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; height: 43px; padding: 6px 9px; font-size:13px; color:#003d4c; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.button,
.formbox button[type="submit"] {border:none; width: 100% !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color:#57068c; width: 100%; min-height: 52px; padding:10px; font-size:20px; color:#FFF; text-align:center; cursor:pointer; }
a.button {
display: block;
box-sizing:border-box;
text-decoration: none;
padding-top: 13px;
}
.select_option_box select,
.formbox .mktoFieldWrap select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
padding: 0 6px !important;
}
/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width: 0\0) {
.select_option_box select,
.formbox .mktoFieldWrap select {
padding: 0 6px !important;
}
}
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.