.agentSignUp h1{margin: 0; padding-right: 10px;}
.agentSignUp p{margin: 10px 0;}
.agentSignUp p span{color: #00ABEF;}
.pageInfo{ float:left;}
.loginLink{ color: #00B4F1; cursor:pointer; }
.agentSignUpInfo > ul{margin:0; padding:0; list-style:none;}
.agentSignUpInfo > ul > li{margin:20px 0; padding:0; list-style:none; clear:both; box-shadow: 0 0 5px #808080; transition: all 0.2s ease-in-out;}
.agentSignUpInfo > ul > li > div{padding: 15px; }
.agentSignUpInfo > ul > li > div.s1{padding: 0 0; }
.agentSignUpInfo > ul > li h3{line-height: 28px; margin:0; font-size:1.5em;}

.agentSignUp ul li i.gicons{ float:left; margin-left:3px; line-height: 40px;}
.agentSignUp ul li .giconsDiv{ position: absolute; z-index: 1;}
.agentSignUp .nice-select .current{ margin-left: 20px;overflow: hidden; width: calc(100% - 50px); position: absolute; }
.agentSignUp ul li input[type=text],
.agentSignUp ul li input[type=email],
.agentSignUp ul li input[type=password]{ text-indent: 25px; height: 40px; padding:0; border-radius: 2px; width:100%;}
.agentSignUp ul { margin: 0; list-style: none; padding: 0; }
#uMenu{ margin:0; padding:0; list-style:none; }
#uMenu li{ margin:0; padding:0; list-style:none; }

.agentSignUp input[type=submit],
.agentSignUp input[type=button]{background: #44b3e6;border: 0 none;border-radius: 2px;color: #fff;cursor: pointer;display: inline-block;font-size: 1.1em;height: 40px;line-height: 40px;margin-right: 1%; margin-top: 5px; text-align: center;text-decoration: none; padding: 0 20px;}

.agentSignUpContainer{display:flex;max-width:100%;flex-flow: row nowrap;justify-content:space-between;}
.agentSignUpInfo .BLK_PIN > ul{display: flex;flex-wrap: wrap;column-gap: 10px;}
.agentSignUpInfo .BLK_PIN > ul > li{flex: 1 1 49%;}
.agentSignUpContainer .agentSignUpImg{padding-top:56px;}
@media only screen and (min-width: 0) and (max-width: 500px) {
    .agentSignUp ul li.NM{ width:calc(50% - 16px); float:left; margin-right:30px; } 
    .agentSignUpContainer{flex-flow: column;}
    .agentSignUpContainer .agentSignUpInfo{width:100%;}
    .agentSignUpContainer .agentSignUpImg{width:100%;}
    .agentSignUpContainer .agentSignUpImg{padding-top:25px;}
}
@media only screen and (min-width: 0) and (max-width: 800px) {
    .userInfo{clear:both;}
    .userInfo h2{margin: 0;}
    .userInfo div{float:left; }
    .userInfo div h2{margin: -5px 0 0 0; line-height: 35px;}
    .userInfo p{float:right; text-align:right; padding-left: 20px;}
    
    #uMenu li{ line-height: 40px; border-bottom:1px; cursor: pointer; transition: background color .5s; padding: 0 20px; }
    #uMenu li:hover{ background: #0099CC; color: #FFF;}
    #uMenu li.active{ background: #00B4F1; color: #FFF; }
    .agentSignUpContainer{flex-flow: column;}
    .agentSignUpContainer .agentSignUpImg{padding-top:25px;}

}
@media only screen and (min-width: 501px) and (max-width: 800px) {
    .agentSignUp ul li.NM{ width:calc(50% - 16px); float:left; margin-right:30px; } 
    .agentSignUp ul li.EM{ width:calc(50% - 16px); float:left; margin-right:30px; }
    .agentSignUpContainer{flex-flow: column;}
    .agentSignUpContainer .agentSignUpInfo{width:100%;}
    .agentSignUpContainer .agentSignUpImg{width:100%;}
    .agentSignUpContainer .agentSignUpImg{padding-top:25px;}
    
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
    .agentSignUp ul li.NM{ width:350px; float:left; margin-right:28px; } 
    .agentSignUp ul li.NM.LN{ margin-right:0; }
    .agentSignUp ul li.EM{ width:350px; float:left; margin-right:28px; } 
    .agentSignUp ul li.NP{ clear:left; }
    .agentSignUpContainer{flex-flow: column;}
    .agentSignUpContainer .agentSignUpInfo{width:100%;}
    .agentSignUpContainer .agentSignUpImg{width:100%;}
    .agentSignUpContainer .agentSignUpImg{padding-top:25px;}
    
}
@media only screen and (min-width: 801px) {
    .userInfo{float:right; text-align: right;}
    .userInfo h2{margin: 0;}
    
    #uMenu li{ float:left; margin-right: 20px; line-height:20px; margin-bottom: 10px; color: #09C; border-bottom: 2px solid #FFFFFF; cursor: pointer; transition: border-bottom .5s; }
    #uMenu li:hover{ border-bottom: 2px solid #09C; }
    #uMenu li.active{ border-bottom: 2px solid #00B4F1; color:#00B4F1; }
    .agentSignUpContainer .agentSignUpInfo{width:100%;}
    .agentSignUpContainer .agentSignUpImg{width:100%;}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .agentSignUp ul li.NM{ width:350px; float:left; margin-right:30px; } 
    .agentSignUp ul li.EM{ width:350px; float:left; margin-right:30px; } 
    .agentSignUp ul li.NP{ clear:left; }
    .agentSignUpContainer .agentSignUpInfo{width:49%;}
    .agentSignUpContainer .agentSignUpImg{padding-top:56px;width:48%;}
    
}
@media only screen and (min-width: 1281px) {
    .agentSignUp ul li.NM{ width:350px; float:left; margin-right:30px; } 
    
    .agentSignUp ul li.EM{ width:350px; float:left; margin-right:30px; } 
    .agentSignUp ul li.NP{ clear:left; }
    .agentSignUpContainer .agentSignUpInfo{width:49%;}
    .agentSignUpContainer .agentSignUpImg{width:48%;}
}