@font-face {
	        font-family: "Roboto-Light";
	        src: url("/fonts/Roboto-Light.woff") format("woff");
	        font-display:swap;
        }

        @font-face {
	        font-family: "Roboto-Regular";
	        src: url("/fonts/Roboto-Regular.woff") format("woff");
	        font-display:swap;
        }

        @font-face {
	        font-family: "Roboto-Medium";
	        src: url("/fonts/Roboto-Medium.woff") format("woff");
	        font-display:swap;
        }
          @font-face {
	        font-family: "Roboto-Medium";
	        src: url("/fonts/Roboto-Bold.woff") format("woff");
	        font-display:swap;
        }
             @font-face {
	        font-family: "Roboto";
	        src: url("/fonts/Roboto-Medium.woff") format("woff");
	        font-display:swap;
        }

            h1 {
            font-size: 22px;
        }

        h2 {
            font-size: 16px;
                margin: 0;
        }
h4 {
width:100%;
}
#BDate-Control select {
     padding-left: 10px;
     float:left;
     width: 89px;
}
.col-10-px {
padding:5px;
float:left;
}
.red {
color:red;
font-size:16px;
}
.header {
   border-bottom: 1px solid #f2f2f2;
    background-color: #fff;
    float: left;
    width: 100%;
   /* padding: 1% 2%;*/
    box-shadow: 0 0 10px #000;

}
.footer {
 background-color:#03567d;

 width:100%;
 text-align:center;
    padding: 10px 0;
 text-decoration:none;
  position:fixed;
  bottom:0;
}
 .footer  a{
     
     color:white;
    }
    .footer a:hover {
     text-decoration:underline;
     color:white;
    }
.grmcolor {
 background-color:#6AA730;
 width:100%;
 position:absolute;
 z-index:0;

}

h3 {
 font-family:'Comic Sans MS'; 
 font-weight:bold;
 color:#d2691e;

}

#Preview canvas {
margin:5px;
}

        .frmwrap {
         background-color: #fff;
         padding: 15px 30px;
         margin-top: 10px;
         box-shadow: 0px 0px 3px #808080;
        }
        body {
          font-family: "Roboto";
          font-size: 13px;
         background-color:#f5f5f4;
          /*background:#c4c4c4 url("images/FormBG.png") repeat left top;*/
        }
        /*.header { 
        background:lightblue url("images/RepetBG.jpg") repeat left top;
    
        }*/
.kalogowrap {
float:left;
width:520px;
font-weight:bold;
}
.kalogo {
float:left;
}
.newage {
    float:left;
    font-size:16px;
}
.IAFLogo {
    float:right;
}
.form-group h3 {
padding:10px 0;
margin:0px;
text-align:center;
    background-color: #e0e4e6;
    border: 1px solid #9a9a9a;
}
.emailicon {
    background:#FFF url("images/Email.jpg") no-repeat left center!important;
}

.phoneicon {
    background:#FFF url("images/Phone.jpg") no-repeat left center!important;
}

.Unameicon {
    background:#FFF url("images/Uname.jpg") no-repeat left center!important;
}

.Passwordicon {
    background:#FFF url("images/Password.jpg") no-repeat left center!important;
}

input[type=text] {
    padding: 6px 6px 6px 30px;
}
.col-sm-3 {
background-color:#fff;

}
.container {
   padding-bottom: 50px;
}
#UpdateProgress1 {
    top:0;
    left:0;
 position:fixed;
 width:100%;
 height:100%;
 background-color:#000;
 opacity:0.7;
 display:none;
}
.progressbarCss {
    width: 100%;
    display: none;
    position: fixed;
    top: 0;
    left:0;
    background-color: #fff;
    padding: 20px 0;
}
.loder,.success {
    display: none;
    width: 50%;
    margin: 0 auto;
    text-align:center;
}
@media only screen and (max-width:480px) {
    .newage {
     float: none; 
        width: 317px;
       margin: 0 auto;
       font-size:13px;
    }
  .loder,.success {
     
    width: 100%;
    margin: 0 auto;
}
    .header-continue img {
        
         margin:0 auto;
         float:none;
        }
    .kalogowrap {
    width:100%;
    }

    
    .header {
   border-bottom: 1px solid #f2f2f2;
    background-color: #fff;
    float: left;
    width: 100%;
    text-align:center;
    box-shadow: 0 0 10px #000;
     padding: 0% 3%;

  }
    .btn-primary {
    width:100%;
    }
}