/**{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"REM", sans-serif;
}
body{
    background:#dddddd !important;
    padding-top:10px;
}
.signup-first{
   margin:0px auto;
   text-align:center;
   width:40%;
   background:#dddddd !important;
   padding:10px 0 10px 0;
   border-radius:10px;
}
.signup-first img{
    height:190px;
    width:340px;
}
.signup-first h2{
    color:#002659;
    font-size:22px;
    font-weight:bold;
    display:inline-block;
    border-bottom:2px solid #002659;
    font-family:"REM", sans-serif;
}
.signup-first h1{
    color:#002659;
    font-size:30px;
    font-weight:bold;
    margin-top:15px;
    font-family:"REM", sans-serif;
}

.signup-first .main-first{
    padding:20px 20px 0 20px;
    width:auto;
  
}
.signup-first .main-first .input-div{
    display:flex;
    flex-wrap:wrap;
}

.signup-first .main-first .input-div .inp-2{
 width:50%;
 text-align-last:left;
 margin-top:20px;
 padding:0 0 0 20px;
}

.signup-page .main-first .input-div .inp-2 i{
    font-size:20px;
    margin-right:10px;
    color:#002659;
}
.signup-first .main-first .input-div .inp-2 .label{
      font-size:18px;
      letter-spacing:1px;
      font-weight:bold;
      color:#002659;
}

.signup-first .main-first .input-div .inp-2  .input-2{
    outline:none;
    padding:0 0 0 10px;
    border:none;
    height:35px;
    border-radius:5px;
    width:90%;
    color:#002659;
    font-size:15px;
    border:1px solid #002659;
    margin-left:0px;
    letter-spacing:1px;
    background:inherit;
    margin-top:5px;
       transition:1s;
}
.signup-first .main-first .input-div .inp-2  .input-2:hover{
    outline:1px solid #002659;
 
}
.signup-first .main-first  .inp-2 .btn-2{
     
     align-items:center;
    background:#002659;
    color:#dddddd;
    border:none;
    font-size:20px;
    letter-spacing:1px;
    border-radius:5px;
    padding:5px 150px 5px 150px;
    margin:20px 0 0 30px;
}
.signup-first .main-first  .capcha{
    margin-top:20px;
    text-align-last:center;
}
.signup-first .main-first  .capcha .p1>p{
    color:#002659;
    letter-spacing:1px;
}
.signup-first .main-first .capcha .p1 .g1{
    margin-top:5px;
}
.signup-first .main-first  .capcha .p1 .g1 .fa-chrome{
    color:#f80e0e;
    margin-right:15px;
    font-size:30px;
}
.signup-first .main-first .capcha .p1 .g1 .fa-facebook{
      color:#003278;
       margin-right:15px;
    font-size:30px;
}
.signup-first .main-first  .capcha .p1 .g1 .fa-twitter{
   color:#0070dc;
    margin-right:15px;
   font-size:30px;
}

.signup-first .main-first .inp-2>p{
     font-size:15px;
    text-align:center;
    color:#444444;
}
.signup-first .main-first .inp-2 a {
    color:#002659;
}






/*capcha css*/
.signup-first .main-first  .inp-2 #captchaBackground {
   margin-top:20px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}
.signup-first .main-first  .inp-2 #captcha {
  margin-bottom:0.5em;
  font-size: 22px;
  color:#dddddd;
  padding:3px 6px 3px 6px;
  border-radius:6px;
  user-select: none;
  background:radial-gradient( rgb(30, 144, 231) 0%, #002659 22.9%, #002659 76.7%, #002659 100.2%);
  letter-spacing: 3px;
}
.signup-first .main-first  .inp-2 .center {
display: flex;
flex-direction: column;
align-items: center;
}
 .signup-first .main-first  .inp-2 #btnsubmit{
  margin-top: 1em;
  background:#002659 !important;
  color:#dddddd !important;
  border:none;
  font-size:20px;
  padding:3px 8px 3px 8px;
  border-radius:5px;
  margin-bottom: 1em;
}
  .signup-first .main-first  .inp-2 #btnrefresh {
  margin-top: 1em;
  background:#002659 !important;
  color:#dddddd !important;
  border:none;
  font-size:20px;
  padding:3px 8px 3px 8px;
  border-radius:5px;
  margin-bottom: 1em;
}
.signup-first .main-first  .inp-2 #captchaBackground #txtcap{
  height: 25px;
  outline:none;
  margin-top:0px;
  color:#002659;
  font-size:17px;
  background:inherit;
  text-align:center;
  border:none;
  border-bottom:2px solid #002659;
}
.redText {
  color: #a03146;
  font-weight: bold;
}
.greenText {
  color: #1a3815;
  font-weight: bold;
}


@media (max-width: 1023px) and (min-width: 768px){
    .signup-first{
    margin:0px auto;
    text-align:center;
   width:100%;
   background:#dddddd;
   padding:10px 0 10px 0;
   border-radius:10px;
 
    
}

}




@media (max-width: 1024px) {
     .signup-first{
    margin:0px auto;
    text-align:center;
   width:100%;
   background:#dddddd;
   padding:10px 0 10px 0;
   border-radius:10px;
 
    
}
}
@media (max-width:767px) {

    body{
    background:#dddddd;
    padding-top:20px;
} 

    .signup-first{
         width:100%;
    margin:0px 0px 0px 0px;
   padding:10px 0 10px 0;
   }

    .signup-first img{
     height:100px;
    width:340px;
   }

    .signup-first h2{
    font-size:20px;
   }

    .signup-first h1{
    font-size:25px; 
    }

    .signup-first .main-first{
    padding:0px 20px 0 20px;
    width:auto;
  
}
    .signup-first .main-first .input-div .inp-2{
         width:100%;
         text-align-last:left;
         margin-top:15px;
        }
         .signup-page .main-first .input-div .inp-2 i{
            font-size:17px;
            margin-right:10px;
           color:#002659;
        }
        .signup-first .main-first .input-div .inp-2 .label{
              font-size:15px;
        }

        .signup-first .main-first .input-div .inp-2  .input-2{
            outline:none;
            padding:0 0 0 10px;
            border:none;
            height:30px;
            border-radius:5px;
            width:85%;
            color:#002659;
            font-size:15px;
            border:1px solid #002659;
            margin-left:0px;
            letter-spacing:1px;
            background:inherit;
            margin-top:3px;
            transition:1s;
        }

          signup-first .main-first .capcha .p1 .g1{
            margin-top:2px;
        }
        .signup-first .main-first  .capcha .p1 .g1 .fa-chrome{
            color:#f80e0e;
            margin-right:15px;
            font-size:20px;
        }
        .signup-first .main-first .capcha .p1 .g1 .fa-facebook{
              color:#003278;
               margin-right:15px;
            font-size:20px;
        }
        .signup-first .main-first  .capcha .p1 .g1 .fa-twitter{
           color:#0070dc;
            margin-right:15px;
           font-size:20px;
        }

        .signup-first .main-first  .capcha{
            margin-top:10px;
            text-align-last:center;
        }


        .signup-first .main-first .inp-2>p{
             font-size:13px;
            text-align:center;
            color:#444444;
        }



       /* capcha media query*/

       .signup-first .main-first  .inp-2 #captchaBackground {
           margin-top:10px;
        }

       .signup-first .main-first  .inp-2 #captcha {
          margin-bottom:8px;
          font-size: 22px;
          color:#dddddd;
          padding:3px 6px 3px 6px;
          border-radius:6px;
          background:radial-gradient( rgb(30, 144, 231) 0%, #002659 22.9%, #002659 76.7%, #002659 100.2%);
          letter-spacing: 3px;
        }
        .signup-first .main-first  .inp-2 #btnsubmit {
              margin-top:5px;
              background:#002659;
              color:#dddddd;
              border:none;
              font-size:20px;
               padding:3px 8px 3px 8px;
               border-radius:5px;
              margin-bottom:5px;
            }
         .signup-first .main-first  .inp-2 #btnrefresh {
              margin-top:5px;
              background:#002659;
              color:#dddddd;
              border:none;
              font-size:20px;
               padding:3px 8px 3px 8px;
               border-radius:5px;
              margin-bottom:5px;
            }


}



/*pop-up css*/
/*pop-up css*/
/* Popup container */
.popup,.termpopup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
   
    overflow:auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Popup content */
.popup-content{
     border-top:20px solid #002659;
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
   text-align:center;
    width: 20%; /* Could be more or less, depending on screen size */
}
.popup-con
{
     margin: 5% auto; 
    height:600px;
    width:80%;
    text-align:left;
    overflow:auto;

}
.popup-content h4{
    font-size:20px;
    color:#002659;
}
.popup-content p{
    margin-top:20px;
    font-size:13px;
   
    color:#444444;
}
.p-shadow{
            margin:20px 20px 0 20px;
            padding: 20px 0 30px 20px;
             box-shadow: rgba(204, 219, 232, 0.71) 3px 3px 3px 6px inset, rgba(255, 255, 255, 0.5) -3px -3px 3px 1px inset;
        }
  .popup .checkbox-p{
           color:#002659;
           font-weight:bold;
           font-size:17px;
            margin-top:30px;
            margin-left:26px;
            letter-spacing:1px;
        }
       .popup .checkbox-p #Checkbox1 {
         
             accent-color:#002659;
        }
       .centered-btn{
           text-align:center;
       }
.popup-content .otp-1{
    height:30px;
    width:150px;
    text-align:center;
    letter-spacing:3px;
    outline:none;
    border:none;
    border-bottom:2px solid #002659;
    margin-top:15px;
}
.popup-content button,#btntermPopup{
    padding:5px 20px 5px 20px;
    background:#002659;
    margin-top:10px;
    color:#dddddd;
    font-size:15px;
    border:none;
    border-radius:6px;
   
}

/* Close button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


/*modal-2 css*/
/*body {
   background:#dddddd !important;
    text-align:center;
    
   
}
.input-div{
   padding:0 30px 30px 30px;
    border-radius:16px;
    background:#002659 !important;
      margin-top:50px;
      margin-left:30px;
   display:inline-block;
    box-shadow:0 0 10px #808080;
  
}
 .input-div>img{
    height:150px;
    width:160px;
    margin-top:50px;
}
.input-div .inp-1{
  
    text-align-last:left;
    margin-top:20px;
   display:inline-block; 
}
.input-div .inp-1 .lbl-1{
     color:#dddddd;
     font-size:15px;
   
     font-weight:bold;
}
.input-div .inp-1 .input-f{
    height:30px;
    width:300px;
    padding:10px;
    font-size:13px;
   background:#dddddd;
    letter-spacing:1px;
    outline-color:#002659;
    border:none;
    margin-top:6px;
    border-radius:10px;
    box-shadow:0 0 4px #002659;
}
 .input-div .btn-f{
    background:#dddddd;
    color:#002659;
    font-size:15px;
    letter-spacing:1px;
    font-weight:bold;
   margin-top:20px;
    padding:7px 40px 7px 40px;
    border:none;
      border:2px solid #dddddd;
    border-radius:9px;

}
.input-div .btn-f:hover{
    background:#002659;
    border:2px solid #dddddd;
    color:#dddddd;
}*/*/





*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"REM", sans-serif;
}
body{
    background:#dddddd !important;
    padding-top:10px;
}
.signup-first{
   margin:0px auto;
   text-align:center;
   width:40%;
   background:#dddddd !important;
   padding:10px 0 10px 0;
   border-radius:10px;
}
.signup-first img{
    height:100px;
    width:340px;
}
.signup-first h2{
    color:#002659;
    font-size:22px;
    font-weight:bold;
    display:inline-block;
    border-bottom:2px solid #002659;
    font-family:"REM", sans-serif;
}
.signup-first h1{
    color:#002659;
    font-size:30px;
    font-weight:bold;
    margin-top:15px;
    font-family:"REM", sans-serif;
}

.signup-first .main-first{
    padding:20px 20px 0 20px;
    width:auto;
  
}
.signup-first .main-first .input-div{
    display:flex;
    flex-wrap:wrap;
}

.signup-first .main-first .input-div .inp-2{
 width:50%;
 text-align-last:left;
 margin-top:20px;
 padding:0 0 0 20px;
}

.signup-page .main-first .input-div .inp-2 i{
    font-size:20px;
    margin-right:10px;
    color:#002659;
}
.signup-first .main-first .input-div .inp-2 .label{
      font-size:18px;
      letter-spacing:1px;
      font-weight:bold;
      color:#002659;
}

.signup-first .main-first .input-div .inp-2  .input-2{
    outline:none;
    padding:0 0 0 10px;
    border:none;
    height:35px;
    border-radius:5px;
    width:90%;
    color:#002659;
    font-size:15px;
    border:1px solid #002659;
    margin-left:0px;
    letter-spacing:1px;
    background:inherit;
    margin-top:5px;
       transition:1s;
}
.signup-first .main-first .input-div .inp-2  .input-2:hover{
    outline:1px solid #002659;
 
}
.signup-first .main-first  .inp-2 .btn-2{
     
     align-items:center;
    background:#002659;
    color:#dddddd;
    border:none;
    font-size:20px;
    letter-spacing:1px;
    border-radius:5px;
    padding:5px 150px 5px 150px;
    margin:20px 0 0 30px;
}
.signup-first .main-first  .capcha{
    margin-top:20px;
    text-align-last:center;
}
.signup-first .main-first  .capcha .p1>p{
    color:#002659;
    letter-spacing:1px;
}
.signup-first .main-first .capcha .p1 .g1{
    margin-top:5px;
}
.signup-first .main-first  .capcha .p1 .g1 .fa-chrome{
    color:#f80e0e;
    margin-right:15px;
    font-size:30px;
}
.signup-first .main-first .capcha .p1 .g1 .fa-facebook{
      color:#003278;
       margin-right:15px;
    font-size:30px;
}
.signup-first .main-first  .capcha .p1 .g1 .fa-twitter{
   color:#0070dc;
    margin-right:15px;
   font-size:30px;
}

.signup-first .main-first .inp-2>p{
     font-size:15px;
    text-align:center;
    color:#444444;
}
.signup-first .main-first .inp-2 a {
    color:#002659;
}






/*capcha css*/
.signup-first .main-first  .inp-2 #captchaBackground {
   margin-top:20px;
   display: flex;
   align-items: center;
    justify-content: center;
   flex-direction: column;
}
.signup-first .main-first  .inp-2 #captcha {
  margin-bottom:0.5em;
  font-size: 22px;
  color:#dddddd;
  padding:3px 6px 3px 6px;
  border-radius:6px;
  user-select: none;
  background:radial-gradient( rgb(30, 144, 231) 0%, #002659 22.9%, #002659 76.7%, #002659 100.2%);
  letter-spacing: 3px;
}
.signup-first .main-first  .inp-2 .center {
display: flex;
flex-direction: column;
align-items: center;
}
 .signup-first .main-first  .inp-2 #btnsubmit{
  margin-top: 1em;
  background:#002659 !important;
  color:#dddddd !important;
  border:none;
  font-size:20px;
  padding:3px 8px 3px 8px;
  border-radius:5px;
  margin-bottom: 1em;
}
  .signup-first .main-first  .inp-2 #btnrefresh {
  margin-top: 1em;
  background:#002659 !important;
  color:#dddddd !important;
  border:none;
  font-size:20px;
  padding:3px 8px 3px 8px;
  border-radius:5px;
  margin-bottom: 1em;
}
.signup-first .main-first  .inp-2 #captchaBackground #txtcap{
  height: 25px;
  outline:none;
  margin-top:0px;
  color:#002659;
  font-size:17px;
  background:inherit;
  text-align:center;
  border:none;
  border-bottom:2px solid #002659;
}
.redText {
  color: #a03146;
  font-weight: bold;
}
.greenText {
  color: #1a3815;
  font-weight: bold;
}


@media (max-width: 1023px) and (min-width: 768px){
    .signup-first{
    margin:0px auto;
    text-align:center;
   width:100%;
   background:#dddddd;
   padding:10px 0 10px 0;
   border-radius:10px;
 
    
}
   
}




@media (max-width: 1024px) {
     .signup-first{
    margin:0px auto;
    text-align:center;
   width:100%;
   background:#dddddd;
   padding:10px 0 10px 0;
   border-radius:10px;
 
    
}
}
@media (max-width:767px) {

    body{
    background:#dddddd;
    padding-top:20px;
} 

    .signup-first{
         width:100%;
    margin:0px 0px 0px 0px;
   padding:10px 0 10px 0;
   }

    .signup-first img{
     height:100px;
    width:340px;
   }

    .signup-first h2{
    font-size:20px;
   }

    .signup-first h1{
    font-size:25px; 
    }

    .signup-first .main-first{
    padding:0px 20px 0 20px;
    width:auto;
  
}
    .signup-first .main-first .input-div .inp-2{
         width:100%;
         text-align-last:left;
         margin-top:15px;
        }
         .signup-page .main-first .input-div .inp-2 i{
            font-size:17px;
            margin-right:10px;
           color:#002659;
        }
        .signup-first .main-first .input-div .inp-2 .label{
              font-size:15px;
        }

        .signup-first .main-first .input-div .inp-2  .input-2{
            outline:none;
            padding:0 0 0 10px;
            border:none;
            height:30px;
            border-radius:5px;
            width:85%;
            color:#002659;
            font-size:15px;
            border:1px solid #002659;
            margin-left:0px;
            letter-spacing:1px;
            background:inherit;
            margin-top:3px;
            transition:1s;
        }

          signup-first .main-first .capcha .p1 .g1{
            margin-top:2px;
        }
        .signup-first .main-first  .capcha .p1 .g1 .fa-chrome{
            color:#f80e0e;
            margin-right:15px;
            font-size:20px;
        }
        .signup-first .main-first .capcha .p1 .g1 .fa-facebook{
              color:#003278;
               margin-right:15px;
            font-size:20px;
        }
        .signup-first .main-first  .capcha .p1 .g1 .fa-twitter{
           color:#0070dc;
            margin-right:15px;
           font-size:20px;
        }

        .signup-first .main-first  .capcha{
            margin-top:10px;
            text-align-last:center;
        }


        .signup-first .main-first .inp-2>p{
             font-size:13px;
            text-align:center;
            color:#444444;
        }
         .signup-first .main-first  .inp-2 .btn-2{
     
     align-items:center;
    background:#002659;
    color:#dddddd;
    border:none;
    font-size:20px;
    letter-spacing:1px;
    border-radius:5px;
    padding:5px 90px 5px 100px;
    margin:20px 0 0 0px;
}



       /* capcha media query*/

       .signup-first .main-first  .inp-2 #captchaBackground {
           margin-top:10px;
        }

       .signup-first .main-first  .inp-2 #captcha {
          margin-bottom:8px;
          font-size: 22px;
          color:#dddddd;
          padding:3px 6px 3px 6px;
          border-radius:6px;
          background:radial-gradient( rgb(30, 144, 231) 0%, #002659 22.9%, #002659 76.7%, #002659 100.2%);
          letter-spacing: 3px;
        }
        .signup-first .main-first  .inp-2 #btnsubmit {
              margin-top:5px;
              background:#002659;
              color:#dddddd;
              border:none;
              font-size:20px;
               padding:3px 8px 3px 8px;
               border-radius:5px;
              margin-bottom:5px;
            }
         .signup-first .main-first  .inp-2 #btnrefresh {
              margin-top:5px;
              background:#002659;
              color:#dddddd;
              border:none;
              font-size:20px;
               padding:3px 8px 3px 8px;
               border-radius:5px;
              margin-bottom:5px;
            }


}



/*pop-up css*/
/*pop-up css*/
/* Popup container */
.popup,.termpopup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
   
    overflow:auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Popup content */
.popup-content{
     border-top:20px solid #002659;
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
   text-align:center;
    width: 20%; /* Could be more or less, depending on screen size */
}
.popup-con
{
     margin: 5% auto; 
    height:600px;
    width:80%;
    text-align:left;
    overflow:auto;

}
.popup-content h4{
    font-size:20px;
    color:#002659;
}
.popup-content p{
    margin-top:20px;
    font-size:13px;
   
    color:#444444;
}
.p-shadow{
            margin:20px 20px 0 20px;
            padding: 20px 0 30px 20px;
             box-shadow: rgba(204, 219, 232, 0.71) 3px 3px 3px 6px inset, rgba(255, 255, 255, 0.5) -3px -3px 3px 1px inset;
        }
  .popup .checkbox-p{
           color:#002659;
           font-weight:bold;
           font-size:17px;
            margin-top:30px;
            margin-left:26px;
            letter-spacing:1px;
        }
       .popup .checkbox-p #Checkbox1 {
         
             accent-color:#002659;
        }
       .centered-btn{
           text-align:center;
       }
.popup-content .otp-1{
    height:30px;
    width:150px;
    text-align:center;
    letter-spacing:3px;
    outline:none;
    border:none;
    border-bottom:2px solid #002659;
    margin-top:15px;
}
.popup-content button,#btntermPopup{
    padding:5px 20px 5px 20px;
    background:#002659;
    margin-top:10px;
    color:#dddddd;
    font-size:15px;
    border:none;
    border-radius:6px;
   
}

/* Close button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


/*modal-2 css*/
/*body {
   background:#dddddd !important;
    text-align:center;
    
   
}
.input-div{
   padding:0 30px 30px 30px;
    border-radius:16px;
    background:#002659 !important;
      margin-top:50px;
      margin-left:30px;
   display:inline-block;
    box-shadow:0 0 10px #808080;
  
}
 .input-div>img{
    height:150px;
    width:160px;
    margin-top:50px;
}
.input-div .inp-1{
  
    text-align-last:left;
    margin-top:20px;
   display:inline-block; 
}
.input-div .inp-1 .lbl-1{
     color:#dddddd;
     font-size:15px;
   
     font-weight:bold;
}
.input-div .inp-1 .input-f{
    height:30px;
    width:300px;
    padding:10px;
    font-size:13px;
   background:#dddddd;
    letter-spacing:1px;
    outline-color:#002659;
    border:none;
    margin-top:6px;
    border-radius:10px;
    box-shadow:0 0 4px #002659;
}
 .input-div .btn-f{
    background:#dddddd;
    color:#002659;
    font-size:15px;
    letter-spacing:1px;
    font-weight:bold;
   margin-top:20px;
    padding:7px 40px 7px 40px;
    border:none;
      border:2px solid #dddddd;
    border-radius:9px;

}
.input-div .btn-f:hover{
    background:#002659;
    border:2px solid #dddddd;
    color:#dddddd;
}*/
/*popup media query*/
@media only screen and (max-width: 600px) 
{
    .popup-content{
     border-top:20px solid #002659;
    background-color: #fefefe;
    margin:100px 10px 0 20px; /* 15% from the top and centered */
    padding:10px;
   text-align:center;
    width:90%; /* Could be more or less, depending on screen size */
}
    .popup-con
{
     margin:100px 20px 0 020px; 
    height:400px;
    width:90%;
    text-align:left;
    overflow:auto;

}
    .p-shadow{
            margin:10px 7px 0 7px;
            padding: 20px 0 20px 10px;
             box-shadow: rgba(204, 219, 232, 0.71) 3px 3px 3px 6px inset, rgba(255, 255, 255, 0.5) -3px -3px 3px 1px inset;
        }

    .inp-2{
        color:#002659;
        background-color:#002659;
    }
}