.bg {
    background: #f2f2f2;
}

.bg-white {
    background: #fff;
}

.form-group i {
    margin: -29px 18px 0 0px;
    cursor: pointer;
    position: relative;
    float: right;
    color: #c7c3c3;
}

.logo {
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
}

.hlp {
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
}

.had {
    text-align: center;
    font-weight: bolder;
}

.spn {
    text-align: center;
    width: 100%;
    float: left;
    margin: 0 auto;
}

.img-sec {
    margin: 0 auto;
    text-align: center;
    align-items: center;
}

.icn {
    width: 82%;
    margin: 0 auto;
    text-align: center;
    padding: 16px 0px 0 0;
}

.form-vertical.form-spacing-38 {
    padding: 6% 6% 0% 6%;
    width: 100%;
}

.form-vertical {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.clearfix:after, .clearfix:before {
    content: '';
    display: table;
}

.form-group {
    margin-bottom: 18px;
    padding-left: 0px;
    width: 100%;
    text-align: start;
}

.section-2 .input-1 {
    background-image: none;
}

.label {
    display: inline;
    padding: 0;
    font-size: 100%;
    font-weight: 400;
    text-align: center;
    white-space: normal;
    vertical-align: inherit;
    border-radius: 0;
    color: #000;
    margin: 0;
}

.grey-5, .body.grey-5, .grey-5 > .container-layout:before,
.container-style.grey-5:before,
.container-layout.container-layout.grey-5:before,
.table-alt-grey-5 tr:nth-child(even) {
    color: #111111;
    background-color: #f2f2f2;
}

.grey-5-disabled, .body.grey-5, .grey-5 > .container-layout:before,
.container-style.grey-5:before,
.container-layout.container-layout.grey-5:before,
.table-alt-grey-5 tr:nth-child(even) {
    color: #111111;
    background-color: #d5d4d4;
}

.section-2 .input-2 {
    background-image: none;
}

.input-rectangle {
    border-radius: 0;
}

.input {
    display: block;
    width: 100%;
    padding: 15px 12px;
    background-image: none;
    background-clip: padding-box;
    border: none;
    border-radius: 3px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    color: inherit;
    height: auto;
    margin: 4px 0 0 0;
}

button, input {
    overflow: visible;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

.btn-submit {
    background-color: #4f6aff;
    border-radius: 0;
    color: #fff;
    width: 100%;
    padding: 10px 0 10px 0;
    font-size: 19px;
    font-weight: 700;
}

.btn-validate {
    background-color: #4fc6ff;
    border-radius: 0;
    color: #fff;
    width: 49%;
    padding: 10px 0 10px 0;
    font-size: 19px;
    font-weight: 700;
}

.btn-resend {
    background-color: #4fffd6;
    border-radius: 0;
    color: #fff;
    width: 49%;
    padding: 10px 0 10px 0;
    font-size: 19px;
    font-weight: 700;
}

.btn-validate-success {
    background-color: #00ff00;
    border-radius: 0;
    color: #fff;
    width: 100%;
    padding: 10px 0 10px 0;
    font-size: 19px;
    font-weight: 700;
}

.mt-5 {
    margin-top: 5%;
}

.mb-5 {
    margin-bottom: 5%;
}

.mt-15 {
    margin-top: 15%;
}

.mt-25 {
    margin-top: 25%;
}

.mb-15 {
    margin-bottom: 15%;
}

.hd {
    font-size: 53px;
    color: #fff;
    font-weight: 600;
}

.mb-6 {
    margin-bottom: 7%;
}

.mt-6 {
    margin-top: 7%;
}

.forgot {
    text-align: center;
    margin: 0;
    padding: 0;
}

.blow {
    width: 100%;
    padding: 0px;
}

.forgot {
    text-align: center;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    padding: 3% 0% 2% 0%;
    color: #ccc;
}

    .forgot a {
        color: #ccc;
        text-decoration: none;
    }

        .forgot a:hover {
            color: #000;
            text-decoration: none;
        }

.mp-0 {
    margin: 0 !important;
    padding: 0 !important;
}

.bg-lft {
    background-image: url(../images/lft-bg.png);
    background-repeat: no-repeat;
    height: 100%;
    width: 42%;
    padding: 0;
    margin: 0 0 0 -4px;
}

.txt {
    width: 100%;
    color: #fff;
}

.socl {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-top: 9%;
    padding: 15px 0 15px 0;
    margin-bottom: 50px;
}

.inc {
    margin-right: 22px;
}

.inner {
    padding: 20px;
    background: #fff;
 /*   max-width: 556px;*/
    margin: 0 auto;
    padding: 0;
}

    .inner h3 {
        text-transform: uppercase;
        font-size: 25px;
        text-align: center;
        margin-bottom: 28px;
    }

.pl-30 {
    padding: 0px 0 0 36px;
    align-items: center;
    vertical-align: middle;
}

.pl-10 {
    padding: 0px 0 0 16px;
    align-items: center;
    vertical-align: middle;
}

.reg {
    text-decoration: underline;
    margin-bottom: 5%;
}

.form-group2 {
    display: flex;
    display: inline-block;
    width: 49%;
}

    .form-group2 input:first-child {
        margin-right: 25px;
    }

    .form-group2 input {
        width: 50%;
    }

.form-control2 {
    border: none;
    width: 100%;
    height: auto;
    padding: 15px 0 15px 8px;
    background-color: #f2f2f2;
}

.form-control3 {
    border: none;
    width: 100%;
    height: auto;
    padding: 15px 0 15px 8px;
    background-color: #f2f2f2;
}

.form-group2 input {
    width: 100%;
}

.form-wrapper {
    position: relative;
    margin: 10px 0 10px 0;
    width: 99%;
}

    .form-wrapper i {
        position: absolute;
        bottom: 15px;
        right: 15px;
        color: #ccc;
    }

.sub-reg {
    border: none;
    /* width: 164px; */
    height: 51px;
    cursor: pointer;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    padding: 0;
    /* background: #333; */
    font-size: 15px;
    color: #fff;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

input:focus-visible {
    outline-offset: 0px;
    outline: none;
}

.small-input {
    width: 78px;
    height: 57px;
    display: inline-block;
    background-color: #eee;
    border: none;
    padding: 29px;
    margin: 9px 0px 0 0px;
    font-size: 28px;
    font-weight: 700;
}

select:focus-visible {
    outline-offset: 0px;
}

:focus-visible {
    outline: none;
}

select:not(:-internal-list-box) {
    overflow: visible !important;
}

.chose {
    display: inline-block;
    background-color: #2bb4f5;
    color: white;
    padding: 4px 14px 4px 15px;
    /* font-family: sans-serif; */
    border-radius: 0;
    cursor: pointer;
    margin-top: 1rem;
    font-weight: normal;
    font-size: 14px;
}

input[type=file] {
    display: none;
}