@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%; } }