@charset "utf-8";
/* CSS Document */
html, body {
margin: 0;
padding: 0;
height: 100%;
font-family: Arial, sans-serif;
font-size: 12px;
color: #333333;
}
h1, h2, h3, p, input {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
a {
color: #333333;
text-decoration: underline;
}
sup {
font-size: 0.5em;
}
input:focus {
outline:none;
border:none;
}
.header {
background: #001e3e;
display: -webkit-flexbox !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-align: top;
-ms-flex-align: top;
-webkit-align-items: top;
align-items: top;
}
.logo {
text-align:center;
}
.mainWrapper {
background: #fff;
background:url(https://image.exacttarget.com/lib/fe8b137277610c7e7c/m/1/NWNA_C6_160829_background.jpg) no-repeat;
background-size:cover;
}
.content {
max-width:1200px;
margin:0 auto;
}
.mainWrapper .content {
min-height: 250px;
}
.form {
margin-left:130px;
padding:90px 25px 120px 25px;
color: #001e3e;
width: 420px;
background-color:rgba(255,255,255,0.8);
}
.form form {
width:300px;
}
.form h1, .form h2{
color: #001e3e;
font-weight:normal;
}
.form h1 {
font-size:30px;
line-height:40px;
padding-bottom:25px;
}
.form h2 {
font-size:18px;
line-height:20px;
padding-bottom:10px;
}
.form label {
display:inline-block;
font-size:14px;
padding-bottom:8px;
}
.form label.error {
color:#ed1c24;
float:right;
font-weight:bold;
}
.form input[type=text] {
display:block;
font-size:16px;
font-weight:normal;
width:268px;
border:1px solid #5a5a5a;
border-radius:5px;
padding:0 15px;
height:43px;
line-height:43px;
margin-bottom:12px;
-webkit-box-shadow:inset 0px 3px 5px #cacaca;
-moz-box-shadow:inset 0px 3px 5px #cacaca;
box-shadow:inset 0px 3px 5px #cacaca;
background:#fff;
}
.form input.errorName {
margin-bottom:28px;
}
.form input.red {
border:2px solid #ed1c24;
}
.signUpCheckbox {
padding-bottom:22px;
}
.signUpCheckbox label {
height:28px; line-height:28px;
background:url(https://image.exacttarget.com/lib/fe8b137277610c7e7c/m/1/NWNA_C6_20160621_signUp_icons.png) no-repeat 0 -16px;
padding-left:20px;
font-weight:bold;
}
.signUpCheckbox input[type="checkbox"] {
width:0;
height:0;
opacity:0;
}
.signUpCheckbox input[type="checkbox"]:checked + label {
background-position:0 -74px;
}
.signUpBtn input {
font-size:16px;
height:38px;
line-height:38px;
border:none;
background:none;
display:inline-block;
float:left;
}
.signUpCheckbox label.error {
background:none;
}
.signUpBtn input.JoinBtn, #thankYou .backBtn {
width:140px;
background:url(https://image.exacttarget.com/lib/fe8b137277610c7e7c/m/1/NWNA_C6_160829_button.jpg) 0 0 no-repeat;
color:#ffffff;
font-weight:bold;
margin-right:20px;
}
.signUpBtn input.JoinBtn:hover {
/*background:url(../images/NWNA_D7_LP_160826_Button.jpg) 0 -62px no-repeat;*/
}
.signUpBtn input.ClearBtn {
width:136px;
border:2px solid #ed1c24;
border-radius:5px;
color:#ed1c24;
}
.signUpBtn input.ClearBtn:hover {
font-weight:bold;
}
.footerLinks {
text-align:center;
padding-top:8px;
}
.footerLinks a{
display:inline-block;
text-decoration:underline;
font-size:12px;
color:#ffffff;
margin-right:8px;
}
.footer {
height: 56px;
line-height:20px;
background: #001e3e;
}
.footer .content {
text-align:center;
font-size:12px;
color:#bcbdbd;
}
.canImgMobile {
display:none;
}
.mask {
position: fixed;
background-color: rgba(0,30,62, .5);
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
z-index: 9999;
overflow-y:auto;
}
.displyFlex {
display: -webkit-flexbox !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#thankYou {
width:320px;
min-height:116px;
background:#fff;
border-radius:5px;
margin:0 auto;
text-align:center;
padding-bottom:30px;
-webkit-box-shadow: 0 0 10px #001e3e;
-moz-box-shadow: 0 0 10px #001e3e;
box-shadow: 0 0 10px #001e3e;
}
#thankYou p {
font-size:35px;
line-height:35px;
color:#001e3e;
padding-top:45px;
padding-bottom:22px;
}
#thankYou .backBtn {
display:inline-block;
height: 38px;
line-height:38px;
text-decoration:none;
font-size:15px;
margin-right:0;
}
@media only screen and (min-width : 320px) and (max-width:768px), only screen and (min-device-width : 320px) and (max-device-width : 768px) {
.hide{
display:none;
}
.mainWrapper .content {
background:none;
}
.logo img {
width:90%;
height:auto;
}
.form {
margin:0 auto;
padding:40px 3% 80px 3%;
width:94%;
}
.form form {
width:100%;
}
.form h1 {
line-height:34px;
}
.form input[type=text] {
width:90%;
}
.form label.error {
margin-right:1%;
}
.signUpBtn input.JoinBtn {
margin-right:10px;
}
.canImgMobile {
display:block;
}
.canImgMobile img {
width:100%;
height:auto;
}
#thankYou {
width:90%;
}
}
@media only screen and (min-width : 375px) and (max-width:413px), only screen and (min-device-width : 375px) and (max-device-width : 413px) {
.form label.error {
margin-right:1%;
}
}
@media only screen and (min-width : 414px) and (max-width:766px), only screen and (min-device-width : 414px) and (max-device-width : 766px) {
.form label.error {
margin-right:2%;
}
}
@media only screen and (min-width : 768px) and (max-width:768px), only screen and (min-device-width : 768px) and (max-device-width : 768px) {
.form label.error {
margin-right:6%;
}
}