﻿   .bg-home {
  /*  background: url('../images/insu.jpg');*/
   
  /* background-repeat: no-repeat;*/

   
}
 
 .bg-home1 {
    background-image: url('../images/insu1.jpg');
   
  /* background-repeat: no-repeat;*/

   
}  
   
    .loginWrapper {
        margin: 60px 0 0;
        padding: 17px 25px;
        float: right;
        position: static;
        list-style: none;
        width: 367px;
        height: auto !important;
        background: #fff;
        text-align: left;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-right: 70px;
    }
    
    .loginWrapper.aniLogin {
        position: relative;
        right: -481px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    
    .loginWrapper h4 {
        margin: 0 0 15px 0;
        padding: 0 0 0 21px;
        position: relative;
        top: 0;
        left: -25px;
        border-left: 4px solid #00b2ce !important;
        height: 29px;
        line-height: 29px;
        font-size: 19px;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        text-transform: uppercase;
        text-align: left;
        font-weight: 700;
    }
    
    .loginWrapper h4 i {
        font-style: normal;
        color: #00b2ce !important;
    }
    
    .loginWrapper .col {
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: left;
        min-height: 70px;
    }
    
    .loginWrapper .col.minHeight {
        min-height: 60px;
        height: 60px;
    }
    
    .loginWrapper .col input[type='text'] {
        background: none;
        border-bottom: 1px solid #999999;
        padding: 28px 0 5px;
        color: #242424;
        width: 99.9%;
        height: auto;
        border-top: 0;
        border-left: 0;
        float: left;
        outline: none;
        font-size: 14px;
        border-right: 0;
        box-shadow: inherit;
      
    }
    
    .loginWrapper .col input[type='number'] {
        background: none;
        border-bottom: 1px solid #999999;
        padding: 28px 0 5px;
        color: #242424;
        width: 99.9%;
        height: auto;
        border-top: 0;
        border-left: 0;
        outline: none;
        font-size: 14px;
        border-right: 0;
        box-shadow: inherit;
       
    }
    
    .loginWrapper .col input[type='email'] {
        background: none;
        border-bottom: 1px solid #999999;
        padding: 28px 0 5px;
        color: #242424;
        width: 99.9%;
        height: auto;
        border-top: 0;
        border-left: 0;
        outline: none;
        font-size: 14px;
        border-right: 0;
        box-shadow: inherit;
       
    }
    
    .loginWrapper .col label {
        color: #000;
        position: absolute;
        top: 26px;
        left: 0;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
        pointer-events: none;
       
        font-size: 14px;
        text-align: left;
        font-weight: 400;
        color: #000;
    }
    
    .loginWrapper .col input[type='text']~label~dd.errorMsg {
      
        font-size: 12px;
        text-align: left;
        font-weight: 400;
        color: #df3d11;
        margin: 0;
        padding: 0;
    }
    
    .loginWrapper .col input[type='number']~label~dd.errorMsg {
      
        font-size: 12px;
        text-align: left;
        font-weight: 400;
        color: #df3d11;
        margin: 0;
        padding: 0;
    }
    
    .loginWrapper .col input[type='email']~label~dd.errorMsg {
        
        font-size: 12px;
        text-align: left;
        font-weight: 400;
        color: #df3d11;
        margin: 0;
        padding: 0;
    }
    
    .loginWrapper .col input[type='text']~label~dd.errorMsg {
        display: none;
    }
    
    .loginWrapper .col input[type='number']~label~dd.errorMsg {
        display: none;
    }
    
    .loginWrapper .col input[type='email']~label~dd.errorMsg {
        display: none;
    }
    
    .loginWrapper .col input:focus~label,
    .loginWrapper .col input:valid~label {
        left: 0;
        top: 5px;
        color: #00b2ce !important;
        font-size: 13px;
    }
    
    .loginWrapper button {
        margin: 5px auto 0;
        padding: 0;
        width: 135px;
        height: 40px;
        background: #00b2ce !important;
        border: 0;
        color: #fff;
        outline: none;
        cursor: pointer;
        font-weight: normal;
       
        font-size: 14px;
    }
    
    .signUp,
    .login span {
        margin: 0;
        padding: 0;
        color: #000;
        font-weight: normal;
       
        font-size: 15px;
        width: 100%;
    }
    
    .topMargin {
        margin-top: 15px;
    }
    
    .signUp a,
    .login a {
        margin: 0;
        padding: 0;
        color: #00b2ce !important;
        text-decoration: none;
    }
    
    .signUp a:hover,
    .login a {
        text-decoration: underline;
    }
    
    .loginloader {
        display: table;
        float: left;
        min-height: 200px;
        text-align: center;
        width: 100%;
    }
    
    .loginloader #loader {
        display: table-cell;
        vertical-align: middle;
    }
    
    .loginloader #loader img {
        position: relative;
        top: 8px;
        margin-right: 5px;
    }
    
    .otpWrapper {}
    
    .otpText {
        margin: 0;
        padding: 0;
        color: #000;
        font-weight: normal;
      
        font-size: 14px;
        float: left;
        width: 100%;
        display: none;
    }
    
    .otpLink {
        margin: 16px 0 0 0;
        padding: 0;
        color: #000;
        font-weight: normal;
       
        font-size: 14px;
        width: 100%;
        text-align: center;
        float: left;
        display: none;
    }
    
    .otpLink a {
        margin: 0 0 0 0;
        padding: 0;
        color: #000;
        text-decoration: none;
    }
    
    .otpLink a:first-child:after {
        content: '';
        position: relative;
        top: 3px;
        right: 0px;
        background: #000;
        height: 15px;
        width: 2px;
        margin: 0 19px;
        padding: 0;
        display: inline-block;
        font-weight: normal;
     
        font-size: 15px;
    }
    
    .otpLink a:hover {
        text-decoration: underline;
    }
    
    .otpWrapper,
    .otpText,
    .otpLink,
    .verifybtn {
        display: none;
    }
    
    .emailWrapper,
    .otp,
    .signUp {
        display: block;
    }
    
    .emailWrapper {
        margin-bottom: 0 !important;
    }
    
    .verifybtnshow {
        display: block !important;
    }
    /* Start capcha */
    
    .catcha {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .catcha img.catchaImg {
        margin: 0;
        padding: 0;
        float: left;
        display: block;
    }
    
    .catcha .col.catchaCTRL {
        margin: -19px 0 0 0;
        padding: 0;
        float: right;
        display: block;
        width: 50%;
    }
    
    .catcha .col.catchaCTRL input[type='text'].errorBorder {
        border-bottom: 1px solid #df3d11;
    }
    
    .catcha .col.catchaCTRL input[type='number'].errorBorder {
        border-bottom: 1px solid #df3d11;
    }
    
    .catcha .col.catchaCTRL input[type='email'].errorBorder {
        border-bottom: 1px solid #df3d11;
    }
    
    .animateForm {
        -webkit-transition: height 0.5s ease;
        -moz-transition: height 0.5s ease;
        -o-transition: height 0.5s ease;
        transition: all 0.5s ease;
    }
    
    .submitBtn {
        margin: 15px 0 0 0 !important;
    }
    
    .loginWrapper.signUpTop {
        height: 306px;
    }
    
    .loginWrapper.signUpTop1 {
        top: 0;
        -webkit-transition: all 2s ease;
        -moz-transition: all 2s ease;
        -o-transition: all 2s ease;
        transition: all 2s ease;
    }
    /* Start Complete acreen */
    
    .doneWrapper {
        margin: 0;
        padding: 0;
        width: 100%;
        display: none;
        text-align: center;
    }
    
    .doneWrapper atricle {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
    }
    
    .doneWrapper atricle dd {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        text-align: center;
        color: #00b2ce !important;
        font-size: 24px;
        font-weight: normal;

    }
    
    .doneWrapper atricle p {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        text-align: center;
        color: #242424;
        font-size: 20px;
        font-weight: normal;
       
    }
    
    .signUp {
        text-align: center;
    }
    
    .doneWrapper img {
        margin-top: 28px;
    }
    
    .doneWrapper dd {
        margin: 11px 0 10px;
        font-size: 24px;
        font-weight: normal;
        color: #00b2ce !important;
      
        line-height: 1;
    }
    
    .doneWrapper p {
        font-size: 20px;
        color: #242424;
      
        line-height: 34px;
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
    }
    /* Start Error Message */
    
    .loginWrapper .col input[type='text'].errorBorder {
        border-bottom: 1px solid #df3d11;
    }
    
    .loginWrapper .col input[type='number'].errorBorder {
        border-bottom: 1px solid #df3d11;
    }
    
    .loginWrapper .col input[type='email'].errorBorder {
        border-bottom: 1px solid #df3d11;
    }
    /* Start Error Message */
    
    .loginWrapper .col input[type='text']~label~dd.errorMsg,
    .form-Ctrl-wrapper .row .col input[type='text'].errorBorder~label~dd.errorMsg {
       
        font-size: 12px;
        text-align: left;
        font-weight: 400;
        color: #df3d11;
        margin: 1px 0 0;
        padding: 0;
        float: left;
        text-transform: capitalize;
    }
    
    .loginWrapper .col input[type='number']~label~dd.errorMsg,
    .form-Ctrl-wrapper .row .col input[type='number'].errorBorder~label~dd.errorMsg {
      
        font-size: 12px;
        text-align: left;
        font-weight: 400;
        color: #df3d11;
        margin: 1px 0 0;
        padding: 0;
        float: left;
        text-transform: capitalize;
    }
    
    .loginWrapper .col input[type='email']~label~dd.errorMsg,
    .form-Ctrl-wrapper .row .col input[type='email'].errorBorder~label~dd.errorMsg {
       
        font-size: 12px;
        text-align: left;
        font-weight: 400;
        color: #df3d11;
        margin: 1px 0 0;
        padding: 0;
        float: left;
        text-transform: capitalize;
    }
    
    .loginWrapper .col input[type='text']~label~dd.errorMsg {
        display: none;
    }
    
    .loginWrapper .col input[type='number']~label~dd.errorMsg {
        display: none;
    }
    
    .loginWrapper .col input[type='email']~label~dd.errorMsg {
        display: none;
    }
    
    .loginWrapper .col input[type='text'].errorBorder~label~dd.errorMsg {
        display: block;
    }
    
    .loginWrapper .col input[type='number'].errorBorder~label~dd.errorMsg {
        display: block;
    }
    
    .loginWrapper .col input[type='email'].errorBorder~label~dd.errorMsg {
        display: block;
    }
    
    .loginWrapper .signUpAA {
        display: none;
    }
    
    .headings {
        padding-left: 70px;
    }
    
    .header header {
        padding: 29px 70px 36px;
    }
    
    #hamburger-nav {
        background: #969696;
    }
    
    .nav a:last-child dd:nth-child(1) {
        top: 15px;
    }
    
    .nav a:last-child dd:nth-child(2) {
        top: 23px;
    }
    
    .nav a:last-child dd:nth-child(3) {
        top: 31px;
    }
    
    @media screen and (max-width:1160px) {
        .loginWrapper {
            margin-right: 20px;
        }
    }
    
    @media screen and (max-width:1160px) {
        .loginWrapper {
            margin-top: 0px;
        }
    }