html {
    height: 100%;
    margin: 0;
    height: 100%;
}
body {
    background: #f8f8f8;
    margin: 0 auto;
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.s_1280 {
    display: block;
}

.s_768 {
    display: none;
}

#app {
    /*display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: -90px;*/
    min-height: 100%;
    margin-bottom: -90px;
}
.embr {
    height: 845px;
    margin: 0;
}
.navbar {
    padding-top: 0px;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
}

.registration {
    background-image: url(images/reg-bg-l.png);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #F8F8F8;
    background-position-y: 0px;
    background-size: 38% 100%;
    height: 100%;
    margin: 0;
}

.left-bg {
    background-image: url(images/reg-bg-l.png);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #F8F8F8;
    background-position-y: 0px;
    background-size: 100% 100%;
    position: fixed;
    left:0;
    width:25%;
    height: 100%;
}
.static-bg {
    background-image: url(images/static-bg.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #fff;
    background-size: 100% 40%;
    position: fixed;
    left: 0;
    width: 25%;
    height: 100%;
}
.status-box{
    margin:0 15%;
}

.reg-box {
    min-height:640px;
    margin-top: 80px;
}

    .reg-box .navigation {
        width: 100%;
        padding-left: 72px !important;
    }

    .reg-box h1 {
        font-size: 3vw;
        margin-top: 80px;
        float: left;
        width: 85%;
    }

    .reg-box p {
        font-size: 14px;
        width: 70%;
        margin-top: 44px;
        float: left;
    }

.full-width-reading p, .full-width-reading p a {
    width: 100%;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
    margin-top: 10px;
    text-align: justify;
}

.contact-us-small-text p, .contact-us-small-text p a {
    font-size: 15px; 
}

.full-width-reading h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

.full-width-reading li {
    line-height: 24px;
}

.full-width-reading h4 {
    font-size: 20px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.photoreq li {
    line-height: 30px;
    font-size: 16px;
}
.registration.app {
    /*background-image: url(images/reg-bg-a.png);
    background-position-y: 100px;*/
}

.menu-right {
}

.app {
    height: 100%;
    margin-bottom:28px;
}

.app .reg-box {
    height: 100% !important;
    padding-bottom: 48px;
    background-color:#f8f8f8;
}

html {
    scroll-behavior: smooth;
}

.white{
    background-color:#fff;
}

.wrapper {
    padding: 20px 60px 0px 60px;
    width: 100%;
}
.wrapper-bottom {
    padding: 20px 60px 20px 60px;
    width: 100%;
}

.block {
    margin: 40px 0;
}
    .block ul{
        padding-left:0;
    }
        .block ul li{
            margin:12px 0;
        }

    .block.req {
        margin: 40px 80px;
        font-size: 25px;
        line-height: 36px;
    }
        .block.req .submit-row button{
            float:left;
            margin-top:8px;
        }
        a {
            text-decoration: none;
            color: #000;
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            cursor: pointer;
        }

    a:active {
        text-decoration: underline;
    }

    a:hover {
        color: #5E9EEA;
        text-decoration: none;
    }

h1 {
    font-weight: bold;
    font-size: 70px;
    line-height: 56px;
    padding:0;
    margin:0;
}

h2 {
    font-size: 48px;
    font-weight: 700;
}

h3 {
    font-size: 24px;
    font-weight: bold;
}

.div-logo {
    float: left;
    width: 100%;
}

.logo-img {
    width: 122px;
    height: 94px;
    float: left;
    margin-top: 12px;
}

.k-item, .k-state-active {
    background-color: white !important;
    padding-left:0px;
}

.navigation {
    padding-top: 12px;
    float: right;
   width:100%;
    padding-left: 15px;
    margin-right: 20px;
}

    .navigation .top-menu {
        width: 80%;
        float: right;
    }
    .top-menu a{
        float:right;
    }
    .top-menu ul{
        float:right;
        margin:5px 4px;
        padding:0;
        border:0;
    }
        .top-menu ul li{
            border:0!important;
        }
        .top-menu ul span {
            margin: 0px 6px;
            font-size:14px;
        }
.k-animation-container {
    border: 0 !important;
}
    .k-animation-container ul {
        border: 0 !important;
        float:left;
    }
        .k-animation-container ul li a{
            text-align:left;
            float:left;
        }
        .navigation .apply-btn {
            float: left;
            width: 114px;
            height: 50px;
            background: linear-gradient(90deg, #5E9EEA 0%, #3374C0 100%);
            box-shadow: 0px 7px 30px #5FBCFF;
            border-radius: 50px;
            text-align: center;
            padding-top: 17px;
            color: #fff;
            margin-right: 8px;
            font-size: 16px;
        }
.k-icon.k-clear-value.k-i-close{
    display:none!important;
}
.btn-submit {
    float: left;
    height: 50px;
    background: linear-gradient(90deg, #5E9EEA 0%, #3374C0 100%);
    box-shadow: 0px 7px 30px #5FBCFF;
    border-radius: 50px;
    text-align: center;
    padding-top: 17px;
    color: #fff;
    border: 0;
}
.index .navigation {

}
.app-btn-proceed {
    border: 1px solid #5E9EEA;
    box-sizing: border-box;
    border-radius: 50px;
    width: 99px;
    height: 50px;
    padding-top: 17px;
    float: left;
    text-align: center;
    color: #5E9EEA;
}

.navigation .apply-btn:hover, .submit-row .btn-submit:hover {
    background: #6BAAF4;
    box-shadow: 0px 7px 30px #5FBCFF;
}

.btn-submit:hover, .btn-primary:hover {
    background: #6BAAF4 !important;
    box-shadow: 0px 7px 30px #5FBCFF !important;
}
.btn-submit:focus {
    background: linear-gradient(90deg, #5E9EEA 0%, #3374C0 100%);
    box-shadow: 0px 7px 30px #5FBCFF;
}
.comments {
    float: left;
    width: 100%;
    padding: 40px 0;
}

.status-box .reg-completed .submit-row a button{
    float:left;
}


.navigation nav {
    float: right;
    padding-top: 15px;
}

.nav-top a {
    padding: 0 5px;
}

a.nvg-link {
    font-size: 14px;

    margin-top:16px;

}

.k-menu-link{
    padding:4px !important;
}

.k-menu {
    font-family: 'Ubuntu', sans-serif !important;
}
.k-link.k-menu-link:hover {
    color: #5E9EEA;
    text-decoration: none;
}
.k-animation-container ul {
    /*background: #fff !important;
    box-shadow: -10px -10px 15px #FFFFFF, 10px 10px 15px #E9E9E9 !important;*/
    padding: 8px 8px 8px 0;
}
    .k-animation-container ul li {
        margin: 8px 0;
        background: #fff !important;
    }
    .left24 {
        margin-left: 24px;
    }
.k-menu-group .k-menu-link {
    padding-right: 24px !important;
    padding-left: 12px !important;
}
.nvg-link.k-link.k-menu-link{
    margin-top:4px!important;
}
.left32 {
    margin-left: 32px;
}

.left72 {
    margin-left: 72px;
}
.fullsize h2{
    margin-bottom:32px;
}
.fullsize h3 {
    margin-top: 16px;
    float:left;
}
.fullsize p {
    width: 100%;
    margin: 8px 0;
    font-size: 18px;
    line-height: 30px;
}
.terms-link{
  
}
.top98 {
    margin-top: 98px;
}
.vh{
    height:100vh;
}
.top1000 {
    margin-top: 1000px;
}

.top64 {
    margin-top: 64px!important;
}

.top16 {
    margin-top: 16px;
}
.top32 {
    margin-top: 32px !important;
}
.top124 {
    margin-top: 124px;
}
.bt-100 {
    padding-bottom: 100px;
}
.bt-24 {
    padding-bottom: 24px !important;
}
.bt-32 {
    padding-bottom: 32px !important;
    margin-bottom: 0 !important;
}
.bt32 {
    margin-bottom: 32px !important;float:left;
}
.bt48 {
    margin-bottom: 48px !important;
    float: left;
}
.div-br {
    border: 1px solid #DEDEDE;
    width: 100%;
    float: left;
    margin:48px 0;
}
.h100 {
    height: 100px;
}

.app.navigation {
    padding-left: 40px;
}

div.sticky {
    background-image: url(images/progress.png);
    background-repeat: no-repeat;
    position: -webkit-sticky;
    position: fixed;
    top: 256px;
    font-size: 20px;
    width: 110px;
    height: 110px;
}

.progress-lbl {
    font-size: 16px;
    color: #5E9EEA;
    position: relative;
    top: 20px;
    padding-left: 32px;
}
.static-content {
    float: left;
    width: 90%;
    margin: 48px 0;
    font-size: 25px;
    line-height: 36px;
}

    .static-content h1{
        margin-bottom:48px;
    }

    .static-content h2 {
       text-align:center;
    }
    .static-content p{
        font-size:16px;
        width:100%;
        float:left;
    }

    .static-image {
        margin-left: -188px;
        margin-right: -60px;
        margin-top: 48px;
    }
    .static-image img{
        width:100%;
    }
    .left-links {
        float: left;
        margin-top: 128px;
        width: 180px;
        margin-left: 45px;
    }

    .left-links a, .left-links label {
        float: left;
        font-size: 16px;
        line-height: 18px;
        width: 100%;
        margin-bottom: 30px;
    }

        .left-links ul {
            width: 100%;
            margin: 0;
            padding: 0;
            text-decoration: none;
            list-style-image: none;
            list-style-type: none;
        }
            .left-links ul li {
                width: 100%;
                float:left;
            }
                .left-links ul li a {
                    width: auto;
                }
                .left-links ul li a.active {
                    color: #5E9EEA;
                    border-bottom: 1px solid #5E9EEA;
                    padding-bottom: 4px;
                    width: auto;
                }

        .left-links .done {
            background-image: url(images/check.png);
            background-repeat: no-repeat;
            background-position: right;
            padding-right: 12px;
            width: 110px;
        }

    .left-links .active {
        color: #5E9EEA;
        border-bottom: 1px solid #5E9EEA;
        padding-bottom: 4px;
        width: 86px;
    }


    .left-links .passive {
        opacity: 0.3;
    }

    .left-links .system {
        margin-top: 72px;
    }

.visa-square h2 {
    font-weight: 500;
    font-size: 35px;
    line-height: 40px;
    color: #fff;
    padding-left: 30px;
}

.visa-square a {
    position: relative;
    font-weight: 500;
    margin-top: 30px;
    opacity: 0.5;
    float: left;
    padding: 0 0 0 30px;
    color: #fff !important;
    font-size: 13px;
}

.visa-square input {
    position: relative;
    border: 0;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}

    .visa-square input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #fff;
        opacity: 0.3; /* Firefox */
    }

    .visa-square input::-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #fff;
    }

    .visa-square input::-ms-input-placeholder { /* Microsoft Edge */
        color: #fff;
    }


.form-group.row input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #C8C8C8;
    opacity: 0.8; /* Firefox */
}

.form-group.row input::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #C8C8C8;
    opacity: 0.8;
}

.form-group.row input::-ms-input-placeholder { /* Microsoft Edge */
    color: #C8C8C8;
    opacity: 0.8;
}

.k-input.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #C8C8C8;
    opacity: 1; /* Firefox */
}

.k-input.form-control::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #C8C8C8;
}

.k-input.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #C8C8C8;
}

.visa-square button {
    position: relative;
    border: 0;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}

.visa-box {
    float: left;
    font-size: 13px;
    width:345px;
}

.btn-outline-info {
    border: 1px solid #5E9EEA;
    box-sizing: border-box;
    border-radius: 50px;
    height: 50px;
    width:180px;
}

    .btn-outline-info:hover {
        background: #5E9EEA;
        color: #fff;
    }

.width-s1 {
    width: 10%;
}

.width-s2 {
    width: 16%;
}
.country-list{
    float:left;
    width:32%;
    margin-bottom:64px;
}
.country-item {
    color: #170000;
    opacity:0.7;
}
    .country-item div{
        line-height:36px;
    }
    .static {
        width: 90%;
    }
    .static h3 {
        line-height: 36px;
        width:70%;
        margin:40px 0;
    }
    .zebrot {
        background-size: 100%;
        position: relative;
    }

    .zebrot .half {
        float: left;
        width: 50%;
    }

        .zebrot .half a {
            cursor: text;
        }

        .zebrot .half h1 {
            color: white;
            padding-left: 40px;
            padding-top: 38px;
        }

        .zebrot .half p {
            font-size: 16px;
            padding-left: 40px;
            color: white;
            padding-top: 20px;
        }

        .zebrot .half div.half-wrapper {
            color: #fff;
            padding-left: 32px;
            padding-top: 30px;
            float: left;
        }


            .zebrot .half div.half-wrapper div {
                float: left;
            }

                .zebrot .half div.half-wrapper div h2 {
                    float: left;
                }

                .zebrot .half div.half-wrapper div span {
                    font-size: 20px;
                    float: left;
                    color: white;
                    font-weight: 700;
                    line-height: 36px;
                    padding-left: 8px;
                }

                .zebrot .half div.half-wrapper div p.small-p {
                    font-size: 16px;
                    color: white;
                    font-weight: 400;
                    float: left;
                    padding-left: 18px;
                    padding-top: 6px;
                }

.ellipse {
    background-image: url(images/ellipse.png);
    height: 58px;
    width: 58px !important;
    border: 0;
    cursor: pointer;
}

.small-blue {
    color: #5E9EEA;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    padding-top: 20px;
    padding-left: 12px;
    cursor: pointer;
}

.btm-right-square a {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
}


    .btm-right-square a:hover, .btm-right-square a.active {
        color: #5E9EEA !important;
        text-decoration: none;
        padding-bottom: 10px;
        border-bottom: 1px solid #5E9EEA;
        padding-bottom: 4px;
    }


.btm-right-square .heading{
    font-weight: bold;
    font-size: 40px;
    line-height: 46px;
    color: #0B1E1F;
    margin-left: 12px;
    margin-top: 36px;
    margin-bottom:36px;
}

.btm-right-square h3 {
    margin-left: 12px;
    margin-top: 24px;
    margin-bottom:12px;
}

.btm-right-square p {
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    margin-left: 12px;
    margin-top: 12px;
    text-align:justify;
}

.ellipse-light {
    background-image: url(images/ellipse-light.png);
    height: 53px;
    width: 51px !important;
    border: 0;
    margin-left: 12px;
    margin-top: 36px;
    float: left;
    cursor: pointer;
}

.small-light-blue {
    color: #4A8AD6;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    padding-top: 56px;
    padding-left: 12px;
    float: left;
    cursor: pointer;
}

.auth {
    background: #4B8BD8 !important;
    width: 576px !important;
}

    .auth .form-group.row input {
        background: #5395E2;
        box-shadow: inset 2px 2px 5px #3E7CC8, inset -2px -2px 5px #539DF7;
        border-radius: 20px;
        font-size: 13px;
        line-height: 15px;
        color: #CBE3FF;
        border: 0;
        height: 50px;
        padding:0 20px;
        width:100%
    }

        .auth .form-group.row input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #CBE3FF;
            opacity: 1; /* Firefox */
        }

        .auth .form-group.row input:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #CBE3FF;
        }

        .auth .form-group.row input::-ms-input-placeholder { /* Microsoft Edge */
            color: #CBE3FF;
        }

    .auth .submit-row button {
        background: #4B8BD8;
        box-shadow: -5px -5px 20px #66A8F5, 5px 5px 20px #1C5C8A;
        border-radius: 20px;
        border: 0;
        font-size: 13px;
        line-height: 15px;
        color: #CBE3FF;
    }

    .auth .submit-row {
        text-align: right !important;
        padding-right: 0 !important;
        margin-top: 16px;
    }

.row.auth-box.reg-box {
    min-height: 700px;
}


.explore {
    position: absolute;
    width: 230px;
    height: 70px;
    top: 90%;
    left: 47%;
    z-index:999;
}

.elipse-white {
    background-image: url(images/wta.png);
    background-size: 40px;
    background-position-y: 14px;
    background-position-x: 10px;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
    border: 0;
    float: left;
    background-color: #3374C0;
    border-radius: 50%;
    cursor: pointer;
}

.explore .small-light-blue {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    line-height: 15px;
    padding-top: 25px;
    padding-left: 12px;
    float: left;
    cursor: pointer;
}

.reg-form {
    border-radius: 40px;
    background: #F3F3F3;
    float: left;
    padding: 72px;
}


.reg .reg-form {
    width: 100%;
}

.reg-completed {
    float: left;
    width: 100%;
}

    .reg-completed h2 {
        font-size: 40px;
        margin-bottom: 30px;
        width:100%;
    }

    .reg-completed h3 {
        width: 100%;
    }

    .reg-completed p {
        margin-top: 0;
    }

    .reg-completed .submit-row {
        text-align: left;
       margin-bottom:176px;
    }

    .left-float button{
        float:left;
        margin-left:30px;
    }

.left40 {
    padding-left: 40px;
}

.floatLeft{
    float:left;
}

.col-form-label {
    text-align: left;
    color: #848484;
    font-size: 16px;
    line-height: 20px;
}

.form-check-label {
    text-align: left;
    color: #B6B6B6;
    font-size: 18px;
    line-height: 13px;
}
.terms {
    width:100%;
    float: right;
    text-align: left;
    padding-left:46px;
}
input.form-control {
   
}

input.upper {
    text-transform: uppercase;
}

.terms input.form-check-input {
    height: 20px;
}
input.form-control, textarea.form-control {
    background: #F8F8F8;
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-sizing: border-box;
    box-shadow: inset -2px -2px 5px #FBFBFB, inset 2px 2px 5px #D0D0D0;
    border-radius: 15px;
    color: #376CAB;
    font-size: 14px;
    resize: none;
}

    input.form-control.left {
        float: left;
    }

    input.form-control.right {
        float: right;
    }
span.form-control.left {
float: left;
}

span.form-control.right {
    float: right;
}

.form-group.row div.left {
    float: left;
    width:50%;
}
    .form-group.row div.left h4{
        margin-bottom:32px
    }
    .form-group.row div.right {
        float: right;
        width: 50%;
    }
        .form-group.row div.right h4 {
            margin-bottom: 32px
        }

.k-combobox, .k-datepicker {
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-sizing: border-box !important;
    box-shadow: inset -2px -2px 5px #FBFBFB, inset 2px 2px 5px #D0D0D0 !important;
    border-radius: 15px !important;
    height: 42px !important;
}


span.k-dateinput-wrap input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #C8C8C8;
    opacity: 1; /* Firefox */
}

span.k-dateinput-wrap input::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #C8C8C8;
}

span.k-dateinput-wrap input::-ms-input-placeholder { /* Microsoft Edge */
    color: #C8C8C8;
}

.k-widget.k-datepicker{
    width:200px!important;
}

span.k-dateinput-wrap input {
    background: #F8F8F8;
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-sizing: border-box;
    box-shadow: inset -2px -2px 5px #FBFBFB, inset 2px 2px 5px #D0D0D0;
    border-radius: 15px;
    color: #376CAB;
    font-size: 14px;
    resize: none;
}

input.k-input.form-control, span.k-dateinput-wrap input {
    background: #F8F8F8 !important;
    color: #376CAB !important;
    font-size: 14px !important;
    resize: none !important;
    padding: 6px 12px !important;
    height: 40px !important;
}

.k-combobox .k-dropdown-wrap, span.k-picker-wrap {
    border: 0 !important;
}
.k-select{
    width:30px!important;
}
.width-200 {
    width: 200px;
}

input[type="date"].form-control {
    color: #C8C8C8;
    width: 200px;
}

input[type="checkbox"].form-check-input {
    color: #C8C8C8;
}

.app .reg-form form div.currency {
    width: 50%;
    float: left;
    padding: 6px 0;
}

    .app .reg-form form div.currency input[type="number"].form-control {
        width: 70%;
        float: left;
    }

.app .reg-form form label.curr-name {
    float: left;
    margin: 8px 8px 0 8px;
}

.reg-form form .btn-primary {
    border-radius: 50px;
    float: right !important;
    padding: 12px 32px;
    border:0;
}

.reg-form p.continue-msg {
    width:100%;
}

.reg-form p.continue-about {
    width:100%;
    font-size:14px;
    margin-top:10px;
}

.dec-label {
    font-size: 13px;
    color: #B6B6B6;
}

.captcha {
    border: 1px solid #DEDEDE;
    padding: 30px 48px;
    margin: 20px 20px 20px 0;
    background-color: #F8F8F8;
    background-image: url(images/captcha.png);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 10px;
    height: 90px;
}

.reg-div {
    border: 1px solid #DEDEDE;
    margin-bottom: 40px;
    margin-top: 40px;
    margin-left: -70px;
    margin-right: -70px;
}

.form-group.row label{
    width:100%;
    float:left;
    margin:4px 0;
}

.submit-row {
    text-align: center;
    margin-left: 0px;
    margin-bottom:32px;
}

    .submit-row .form-check-input {
        margin-top: 24px;
    }

    .submit-row .form-check-label {
        margin-top: 18px;
    }

    .submit-row button {
        background: linear-gradient(90deg, #5E9EEA 0%, #3374C0 100%);
        box-shadow: 0px 7px 30px #5FBCFF;
        border-radius: 50px;
        height: 50px;
        padding: 12px 32px;
        float:left;
    }

        .app-app-name {
            color: #5E9EEA;
            font-size: 13px;
            margin-top: 16px;
            margin-left: 32px;
        }

.app .reg-form {
    padding-top: 0px;
}

    .app .reg-form form label.col-form-label {
        text-align: left;
    }

    .app .reg-form form h2 {
        font-size: 40px;
        margin-bottom: 45px;
        margin-top: 60px;
    }

    .app .reg-form form h3 {
        font-size: 24px;
        margin-bottom: 30px;
        font-weight: 500;
    }

    .app .reg-form label.disabled {
        background: #F3F3F3;
        border: 0;
        font-size: 16px;
        color: #000;
    }

.form-group.row.remark {
    padding: 40px 0;
}

.form-group div.red-astr {
    background-image: url(images/red-asterisk.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 10px;
    height: 10px;
    float: left;
    margin-top: 12px;
}

.form-group div.error {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #B20B02;
    float: left;
    width: 80%;
    margin-left: 12px;
}

.reg-form.payment {
    width: 66.666666%;
}

.row.payment {
    height: 500px;
    background-color:#F3F3F3
}

.payment-box {
    margin-top: 48px;
    width: 100%;
}

    .payment-box p {
        width: 100%;
    }

    .submit-row .price, .payment-box .price {
        font-size: 40px;
        line-height: 46px;
        color: #0B1E1F;
        float: left;
        margin-right: 16px;
    }

    .submit-row p {
        width:auto
    }

    .payment-box.completed p {
        float: left;
        width: 144px;
        margin-top: 16px;
        background-image: url(images/check.png);
        background-position: right;
        background-repeat: no-repeat;
    }

    .payment-box.completed button {
        background: #F8F8F8;
        box-shadow: -3px -3px 5px #FFFFFF, 3px 3px 5px #DCDCDC;
        border-radius: 15px;
        font-size: 13px;
        line-height: 15px;
        color: #848484;
        height: 40px;
        border: 0;
        float: right;
        padding: 0 18px;
    }


.remark div.err-desc {
    border-left: 2px solid #B20B02;
    padding-left: 24px;
}

    .remark div.err-desc span {
        font-weight: normal;
        font-size: 13px;
        line-height: 15px;
        color: #000000;
        margin-right: 8px;
    }

    .remark div.err-desc h4 {
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
        text-align: left;
        color: #000000;
    }

.remark a.btn-secondary {
    background: #DFDFDF;
    border-radius: 50px;
    border: 0;
    padding: 16px 24px;
    font-size: 13px;
}

.app p.disabled {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    opacity: 0.3;
    margin: 15px;
    width: 100%;
}

.label-list {
    padding-left: 36px;
}

    .label-list label {
        font-size: 11px;
        line-height: 13px;
        color: #5E9EEA;
        background-image: url(images/blue-x.png);
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 12px;
        margin-right: 12px;
        cursor: pointer;
    }

        .label-list label.gray {
            color: #B2B2B2;
            background-image: url(images/gray-x.png);
            padding-right: 12px;
            margin-right: 0px;
            margin-left: 24px;
        }


.document {
}

    .document .document-block {
        float:left;
        width:100%;
    }

    .document div.document-block div.left {
        width: 50%;
        float: left;
        padding-right: 64px;
    }

        .document div.document-block div.left h3 {
            margin-bottom: 20px;
        }

        .document div.document-block div.left p {
            margin: 0;
            padding-bottom: 10px;
            width: 100%;
        }

    .document div.document-block div.right {
        width: 50%;
        float: left;
        height: 620px;
        border: 2px dashed #DEDEDE;
        border-radius: 15px;
        text-align: center;
        padding: 8px;
    }
    .document div.document-block div.portrait {
        width: 250px;
        float: left;
        height: 375px;
        border: 2px dashed #DEDEDE;
        border-radius: 15px;
        text-align: center;
        padding: 8px;
        margin-right:16px;
        background-color:#fff;
    }

    .document div.document-block div.portrait img{
        width:220px;
        height:294px;
    }

    .document div.document-block div.right p {
        margin: 0;
        padding-bottom: 10px;
        margin-top: 65px;
        font-weight: 300;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #000000;
        opacity: 0.3;
        width: 100%;
    }
    .document div.document-block div.right .pass-thumbnail{
        width:100%;
        height:500px;
    }
    .k-form-error {
        background-image: url(images/error-bg.png);
        background-repeat: no-repeat;
        width: 230px;
        padding: 6px 12px 4px 32px;
        height: 44px;
        position: absolute;
        left: 433px;
        top: 0;
        font-weight: 300;
        font-size: 13px;
        line-height: 15px;
        color: #777777 !important;
    }


.modal-form {
    padding: 16px 32px;
}
.temp h2, .temp h3 {
    text-align: center;
}
.temp p{
    font-size:18px; text-align:justify;margin-bottom:8px;
}
.temp .logo {
    width: 100%;
    height: 110px;
    text-align: center;
}
.temp .left {
    float: left;
    width: 50%;
    font-weight: bold;
    margin-bottom:16px;
}
.temp .right {
    float: right;
    width: 50%;
    text-align: right;
    font-weight: bold;
    margin-bottom: 16px;
}
.temp .submit-row{
    margin:8px 0;text-align:center;
}

.temp .submit-row .btn-submit{
    float:none!important;
}
.vm--modal {
    top: 36px !important;
    overflow-y: scroll !important;
}
    .modal-form h3{
        margin-bottom:16px;
    }
    .appterms li {
    }
.dz-message .dz-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    color: #0087F7;
    margin-top: 16px;
}

#vertical-navigation {
    list-style: none;
}

    /* CSS for each Parent Item */
    #vertical-navigation li {
        clear: both;
        height: 2em;
        margin-top:7px;
    }

        #vertical-navigation li a {
            float: right;
            display: block;
            text-decoration: none;
            margin-right: 10px;
            margin-top:11px;
            font-size:14px;
        }

            /* Change background color and font color
of parent items when mouse hover */
            #vertical-navigation li:hover a,
            #vertical-navigation li a:hover {
               
            }
#vertical-navigation ul {
    display: none;
    z-index:999;
}

/* Each Child Item will be visible if mouse hover */
#vertical-navigation li:hover ul {
    display: block;
}

    #vertical-navigation ul {
        list-style: none;
        float: none;
        margin: 0;
        padding: 4px 8px;
        position: absolute;
        top: 3em;
        background: #fff !important;
        box-shadow: -10px 5px 15px #FFFFFF, 5px 10px 15px #E9E9E9 !important;
    }

    #vertical-navigation ul li {
        float: left;
        clear: none;
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
        color: #999;
    }
        #vertical-navigation li:hover ul li a,
        #vertical-navigation ul li a {
            display: inline;
            padding: 8px 4px;
            float: left;
            color: #000;
            background: none;
        }

            #vertical-navigation li:hover ul li a:hover,
            #vertical-navigation ul li a:hover {
                background: none;
                color: #007bff;
            }

footer {
    color: #000;
    position: relative;
    width: 100%;
    /*bottom: 0;*/
}

    footer .navigation {
        width: 75%;
    }

    footer .btm-logo {
        padding-top: 28px;
        float: left;
    }


.footer.sticky{
    position:absolute;
    bottom:0;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="button"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
button:focus,
.uneditable-input:focus {
    box-shadow: 0 0 0 0.1rem rgba(0,123,255,.25);
    background: #F8F8F8;
    border: 1px solid rgba(255, 255, 255, 0.25);
    outline: 0 none !important;
}
input[type="text"].country-blue:focus {
    background-color: transparent;
    border: 0;
    box-shadow: 0 0 0 0rem #fff;
}
.no-blue input[type="text"]:focus {
    box-shadow: 0 0 0 0rem #fff;
    background: #F8F8F8;
    border: 0px solid rgba(255, 255, 255, 0.25);
    outline: 0 none !important;
}
button.check-btn:focus, .visa-square.checked button:focus {
    box-shadow: 0 0 0 0.1rem transparent;
    border: 1px solid transparent;
    background-color: transparent;
}
textarea.no-blue:focus {
    box-shadow: 0 0 0 0.1rem rgba(0,123,255,.25);
    background: #F8F8F8;
    border: 1px solid rgba(255, 255, 255, 0.25);
    outline: 0 none !important;
}

input[type="text"].k-input:focus {
    box-shadow: 0 0 0 0rem #fff;
    background: #F8F8F8;
    border: 0px solid #5e1515;
    outline: 0 none !important;
}

span.k-state-focused:focus-within {
    box-shadow: 0 0 0 0.1rem rgba(0,123,255,.25);
    background: #F8F8F8;
    border: 1px solid rgba(255, 255, 255, 0.25);
    outline: 0 none !important;
    border-radius: 15px;
}

.flags {
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px
}
.inner-banner-outer{
    float:left;
    width:100%;
    margin-top:40px;
}
.img-left, .img-right {
    border: 0 !important;
}

div.contact {
    margin: 72px;
}