* {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Lato', sans-serif;}
.clear {clear: both;}
body {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+0,303030+100 */ background: #666666; /* Old browsers */ background: -moz-linear-gradient(left,  #666666 0%, #333333 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  #666666 0%,#333333 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  #666666 0%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=1 ); /* IE6-9 */}
#form-wrapper {width: 960px; margin: 30px auto;}
.page-content {display: flex; flex-direction: row; justify-content: center; align-items: center; width: 960px; box-shadow: 5px 0px 10px #333; border-radius: 20px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left,  #ffffff 0%, #f3f3f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  #ffffff 0%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  #ffffff 0%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=1 ); /* IE6-9 */}
.slideshow, .form-content {flex-basis: 50%;}
.slideshow {padding: 200px 40px 30px; border-radius: 20px 0 0 20px;}
.infoGraphic {width: 100%; text-align: right;}
.infoGraphic img {width: 100%;}
.infoDiv h1 {text-align: right; font-weight: 300; margin: 10px 0 0; color: #333; font-size: 24pt;}
.infoDiv h1 span {display: block; font-size: 18pt;}
.infoDiv h2 {text-align: right; font-weight: 300; font-size: 18pt;}
.button-row {margin: 20px 0 0; text-align: right;}
.button-row button {cursor: pointer; width: 117px; border-radius: 20px; border: 0 none; padding: 8px 0; font-weight: 700; font-size: 10pt; text-align: center; margin: 0 20px 0 0; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #dddbdb 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#dddbdb 100%); background: linear-gradient(to bottom, #ffffff 0%,#dddbdb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddbdb',GradientType=0 ); box-shadow: 8px 0 13px #727373, 5px 0 13px #fff inset;}
.button-row button:hover {background: #66d1bf; background: -moz-linear-gradient(top, #66d1bf 0%, #3a9288 100%); background: -webkit-linear-gradient(top, #66d1bf 0%,#3a9288 100%); background: linear-gradient(to bottom, #66d1bf 0%,#3a9288 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66d1bf', endColorstr='#3a9288',GradientType=0 ); box-shadow: 8px 0 13px #125650; color: #fff;}
#ita, #noaa {margin: 0;}
#uspto {float: right; margin: 0;}
/*#ncua {width: 75px; background: url("../images/btn_ncua_piv.png") no-repeat; height: 25px; border: 0 none; margin: 0 20px 0 0; cursor: pointer;}
#sso {width: 75px; height: 25px; cursor: pointer; background: url("../images/btn_ssa.png"); border: 0 none;}*/
.need-help img {width: 120px;}
.form-content {padding: 130px 20px 30px 50px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a4c63+0,222e42+100 */ background: #23396B; /* Old browsers */ background: -moz-linear-gradient(left,  #23396B 0%, #18284B 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  #23396B 0%, #18284B 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  #23396B 0%, #18284B 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23396B', endColorstr='#18284B',GradientType=1 ); /* IE6-9 */ border-radius: 0 20px 20px 0;}
.top-logo {text-align: right; width: 100%; margin: 0 0 30px; display: none;}
.top-logo img {width: 220px;}
.location {margin: 0 0 30px 0;}
.location img {width: 30px;}
.login-txt {font-size: 24pt; font-weight: 400; color: #fff;	text-transform: uppercase;}
.login-txt span {display: block; font-size: 18pt;}
.customFormHR {margin: 5px 0 15px; background: #359846; width: 110px; height: 5px;}
.block1, .block2 {position: relative;}
.block1 label, .block2 label {color: #fff; display: block; font-size: 14px; margin: 0 0 3px;}
.block1::before, .block2::before {content: ""; width: 260px; height: 1px; background: #fff; position: absolute; bottom: 25px;}
.input {width: 260px; padding: 10px; font-size: 12pt; border: 0 none; margin: 0 0 30px; position: relative; color: #333;}
.buttonWrap {width: 120px; float: left;}
#LoginBtn {cursor: pointer; width: 100%; border: 0; color: #fff; font-weight: 700; font-size: 10pt; padding: 8px; border-radius: 20px; background: #3a4c63; background: -moz-linear-gradient(top, #3a4c63 0%, #243045 100%); background: -webkit-linear-gradient(top, #3a4c63 0%,#243045 100%); background: linear-gradient(to bottom, #3a4c63 0%,#243045 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a4c63', endColorstr='#243045',GradientType=0 ); box-shadow: 6px 0 13px #333;}
.cropbox {position: fixed; bottom: 0; left: 0;}
.forgotLink {float: left; font-size: 10pt; font-weight: 300; margin: 5px 0 0 30px;}
.forgot-pwd {color: #fff; text-decoration: none;}
.need-help {margin: 180px 0 0;}
.form-content .need-help {float: right; margin: 80px 0 0;}
.error {color: #ff0000; margin: 0 0 10px;}
.errorSign {position: absolute; right: 130px; top: 33px;}
.copyright {width: 95%; margin: 30px auto 20px; color: #fff; font-weight: 700; font-size: 10pt;	text-align: left;}
.customHR {width: 90%; margin: 0 auto 20px; background: #359846; height: 2px;}
.copyright ul {margin: 5px 0 0 20px;}