/*
            =====
            LEVEL 1. RESET STYLES
            =====
            */

            .field{
                --uiFieldPlaceholderColor: var(--fieldPlaceholderColor, #767676);
            }

            .field__input{
                background-color: transparent;
                border-radius: 0;
                border: none;

                -webkit-appearance: none;
                -moz-appearance: none;

                font-family: inherit;
                font-size: 1em;
            }

            .field__input:focus::-webkit-input-placeholder{
                color: var(--uiFieldPlaceholderColor);
            }

            .field__input:focus::-moz-placeholder{
                color: var(--uiFieldPlaceholderColor);
                opacity: 1;
            }

            /*
            =====
            LEVEL 2. CORE STYLES
            =====
            */

            .a-field{
                display: inline-block;
            }

            .a-field__input{
                display: block;
                box-sizing: border-box;
                width: 100%;
            }

            .a-field__input:focus{
                outline: none;
            }

            /*
            =====
            LEVEL 3. PRESENTATION STYLES
            =====
            */

            /* a-field */

            .a-field{
                --uiFieldHeight: var(--fieldHeight, 40px);
                --uiFieldBorderWidth: var(--fieldBorderWidth, 2px);
                --uiFieldBorderColor: var(--fieldBorderColor);

                --uiFieldFontSize: var(--fieldFontSize, 1em);
                --uiFieldHintFontSize: var(--fieldHintFontSize, 1em);

                --uiFieldPaddingRight: var(--fieldPaddingRight, 15px);
                --uiFieldPaddingBottom: var(--fieldPaddingBottom, 15px);
                --uiFieldPaddingLeft: var(--fieldPaddingLeft, 15px);

                position: relative;
                box-sizing: border-box;
                font-size: var(--uiFieldFontSize);
                padding-top: 1em;
            }

            .a-field__input{
                height: var(--uiFieldHeight);
                padding: 0 var(--uiFieldPaddingRight) 0 var(--uiFieldPaddingLeft);
                border-bottom: var(--uiFieldBorderWidth) solid var(--uiFieldBorderColor);
            }

            .a-field__input::-webkit-input-placeholder{
                opacity: 0;
                transition: opacity .2s ease-out;
            }

            .a-field__input::-moz-placeholder{
                opacity: 0;
                transition: opacity .2s ease-out;
            }

            .a-field__input:not(:placeholder-shown) ~ .a-field__label-wrap .a-field__label{
                opacity: 0;
                bottom: var(--uiFieldPaddingBottom);
            }

            .a-field__input:focus::-webkit-input-placeholder{
                opacity: 1;
                transition-delay: .2s;
            }

            .a-field__input:focus::-moz-placeholder{
                opacity: 1;
                transition-delay: .2s;
            }

            .a-field__label-wrap{
                box-sizing: border-box;
                width: 100%;
                height: var(--uiFieldHeight);

                pointer-events: none;
                cursor: text;

                position: absolute;
                bottom: 0;
                left: 0;
            }

            .a-field__label{
                position: absolute;
                left: var(--uiFieldPaddingLeft);
                bottom: calc(50% - .5em);

                line-height: 1;
                font-size: var(--uiFieldHintFontSize);

                pointer-events: none;
                transition: bottom .2s cubic-bezier(0.9,-0.15, 0.1, 1.15), opacity .2s ease-out;
                will-change: bottom, opacity;
            }

            .a-field__input:focus ~ .a-field__label-wrap .a-field__label{
                opacity: 1;
                bottom: var(--uiFieldHeight);
            }

            /* a-field_a1 */

            .a-field_a1 .a-field__input{
                transition: border-color .2s ease-out;
                will-change: border-color;
            }

            .a-field_a1 .a-field__input:focus{
                border-color: var(--fieldBorderColorActive);
            }

            /* a-field_a2 */

            .a-field_a2 .a-field__label-wrap::after{
                content: "";
                box-sizing: border-box;
                width: 0;
                height: var(--uiFieldBorderWidth);
                background-color: var(--fieldBorderColorActive);

                position: absolute;
                bottom: 0;
                left: 0;

                will-change: width;
                transition: width .285s ease-out;
            }

            .a-field_a2 .a-field__input:focus ~ .a-field__label-wrap::after{
                width: 100%;
            }

            /* a-field_a3 */

            .a-field_a3{
                padding-top: 1.5em;
            }

            .a-field_a3 .a-field__label-wrap::after{
                content: "";
                box-sizing: border-box;
                width: 100%;
                height: 0;

                opacity: 0;
                border: var(--uiFieldBorderWidth) solid var(--fieldBorderColorActive);

                position: absolute;
                bottom: 0;
                left: 0;

                will-change: opacity, height;
                transition: height .2s ease-out, opacity .2s ease-out;
            }

            .a-field_a3 .a-field__input:focus ~ .a-field__label-wrap::after{
                height: 100%;
                opacity: 1;
            }

            .a-field_a3 .a-field__input:focus ~ .a-field__label-wrap .a-field__label{
                bottom: calc(var(--uiFieldHeight) + .5em);
            }

            /*
            =====
            LEVEL 4. SETTINGS
            =====
            */

            .field{
                --fieldBorderColor: #D1C4E9;
                --fieldBorderColorActive: #673AB7;
            }
            .pHead{
                background-color: #0d223f;
            }
            .phead1{
                margin-bottom:0px;padding:10px;color:#fff;padding-bottom: 10px;text-align: center;
            }
            .pBody{
                padding: 20px;
            }
            .dBtnBtn{
                padding: 6px;width:170px;background: rgba(13,34,63,0.5) !important;border-radius: 6px;color:#fff !important;
            }
            .facalender{
                cursor:pointer;position:absolute;right:3px;bottom: 10px;
            }
            .questionCircle{
                position: absolute;
                bottom: 12px;
                right: 3px;
                color: #b29042;
            }
            .verification{
                font-size: 32px;
                color: #0d223f;
            }
            .message{
                color: #b29042;
                font-size: 12px;
                text-transform: capitalize;
            }
            .footerModal button{
                background: rgba(13,34,63,0.5) !important;border-radius: 6px;color:#fff !important;
            }
            .footerModal{
                background: transparent !important;
            }

        .home_page{
            background-color: #0d223f;
            background-size: cover;
            background-position: center top;
            background-attachment: fixed;
            background-repeat: no-repeat;
            display: flex;
            min-height: 100vh;
            height: 100%;
            flex-direction: column;
            font-family: Arial,"Arial","Helvetica","sans-serif" !important;
            color: #000;
            font-size: 19px;
        }
        .home_page p,
        .home_page h1,
        .home_page h2,
        .home_page h3,
        .home_page h4,
        .home_page h5,
        .home_page h6{
            font-family: Arial,"Arial","Helvetica","sans-serif" !important;
        }
        .home_page h1,
        .home_page h2,
        .home_page h3{
            padding-top: 0px;
        }
        .home_page nav{
            background-color: #fff !important;
        }
        .home_page p{
            padding-bottom: 10px;
            line-height: 1.56em;
        }
        .content.container{
            padding-bottom: 20px;
           /*  background: #fff; */
            flex: 1 auto;
        }
        .container {
            width: 970px;
        }

        nav.navigation_top{
            background: url(/assets/images/bg-white-lock.png) repeat !important;
            font-size: 16px;
        }
        ul.navbar-nav li{
            list-style: none !important;
            margin-left: 10px;
            margin-top: 10px;
        }
        ul.navbar-nav li a{
            color: #000000 !important;
        }
        nav a {
            olor: #000000 !important;
        }
        .header-menu-hr{
            border-top: 1px solid #000;
            margin: 10px 0;
        }
        .content_cont{
            padding-bottom: 25px;
            margin-top:120px;
        }
        .content_entry_cont{
            padding-bottom: 25px;
            margin-top:40px;
        }
        .content_heading{
            color: #0d223f;
            font-weight: 600;
            margin: 0;
            font-size: 60px;
        }
        .footer {
            background-color: transparent;
            padding-bottom: 0px;
            margin-bottom: 0px;
            color: #646464;
            font-size: 16px;
        }
        .footer .container {
            padding-top: 15px !important;
            background-color: #fff;
        }
        .footer ul{
            list-style: none;
            padding: 0px;
            display: inline;
        }
        .footer ul li{
            display: inline;
            margin-left: 10px;
        }
        .footer ul li a{
            color: #b29042 !important;
        }
        .footer a.footer-a {
            color: #0d223f;
        }

        @media(max-width: 970px){
            .container{
                width: 100%;
            }
            .header-menu-hr{
                display: none;
            }
        }