@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,600,700,700i);

@import url(https://fonts.googleapis.com/css?family=Barlow:800i);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,500,600,600italic,700,700italic,800,800italic);

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Material.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}


* {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    word-wrap: break-word;
}

html, body {
    height: 100%;
    width: 100%;
    min-height: 100%;
}

.clearfix {
    clear: both;
}

.ie7 .clearfix {
    zoom: 1;
}

.clearfix:after {
    content: "";
    visibility: hidden;
    display: block;
    clear: both;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 100%;
    outline: 0;
}

::selection {
    background: #ccc;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #ccc;
    color: #fff;
}

:-moz-placeholder {
    color: #bbb;
}

::-webkit-input-placeholder {
    color: #bbb;
}

:-ms-input-placeholder {
    color: #bbb;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 1.2rem;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

li {
    line-height: 1.5;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

input:-moz-autofill, input:-moz-autofill:hover, input:-moz-autofill:focus, input:-moz-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

strong {
    font-weight: 600;
}

h1, h2, h3, h4, h5 {
    font-weight: 400;
    line-height: normal;
}

* html .clearfix {
    zoom: 1;
}

:first-child + html .clearfix {
    zoom: 1;
}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="file"] {
    outline: 0;
    width: 100%;
    outline: 0;
    height: 42px;
    font: 400 15px/20px"Inter", sans-serif;
    line-height: 20px;
    line-height: 1.5 !important;
    color: #000;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: .375rem .75rem;
    box-sizing: border-box;
}

input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=number]:hover, input[type=file]:hover {
    background: #f0f5ffe5;
    border: 1px solid #9aa7bf;
    box-shadow: 0 0 0 .2rem #007bff40;
}

input[type=text]:disabled {
    text-shadow: 1px 1px 0#fff;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
    color: #000;
}

    input[type=text]:disabled:hover {
        background: inherit;
        color: #9d9e9e;
    }


textarea {
    outline: 0;
    padding: 5px 1%;
    height: 60px;
    width: 32%;
    font: 400 14px/20px"Inter",sans-serif;
    color: #000;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    resize: none;
    box-shadow: 2px 2px 4px 0#eee;
}

    textarea:focus {
        color: #414848;
        outline: 0;
        border: 1px solid #95cb0a;
    }

    textarea:hover {
        color: #414848;
        border: 1px solid rgba(0,0,0,.8);
    }

select {
    outline: 0;
    padding: 5px 4px;
    height: 38px;
    width: 100%;
    font: 400 14px/20px"Inter",sans-serif;
    color: #000;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    box-shadow: 2px 2px 4px 0#eee;
}

    select:focus {
        background: #f0f5ffe5;
        border: 1px solid #9aa7bf;
        box-shadow: 0 0 0 .2rem #007bff40;
    }

    select:hover {
        background: #f0f5ffe5;
        border: 1px solid #9aa7bf;
        box-shadow: 0 0 0 .2rem #007bff40;
    }

input[type="submit"], button, input[type="button"], a.cancel-btn {
    font: 500 17px/22px Inter,sans-serif;
    line-height: 22px;
    cursor: pointer;
    display: inline-block;
    text-transform: capitalize;
    height: 42px;
    line-height: 40px;
    background: #1a73e8;
    background-color: rgb(26, 115, 232);
    background-color: #1a73e8;
    border: 1px solid #1a73e8;
    border-radius: .25rem;
    padding: 0 20px;
    color: #fff;
    vertical-align: top;
    -webkit-appearance: none;
    color: #fff !important;
}

    input[type=submit]:hover, button:hover, input[type=button]:hover, input[type=submit]:focus, button:focus, input[type=button]:focus, input[type=submit]:active, button:active, input[type=button]:active {
        text-decoration: none;
        color: #fff;
        background-color: #174ea6;
        border: 1px solid #174ea6;
    }

    input[type=submit].disable, button.disable, input[type=button].disable {
        border: 1px solid rgba(0,0,0,.1);
        cursor: pointer;
        color: rgba(0,0,0,.25);
        background: #e1e0e0;
        cursor: no-drop;
    }


    input[type=submit]:disabled, button:disabled, input[type=button]:disabled, input[type=image]:disabled {
        border: 1px solid rgba(0,0,0,.1);
        cursor: pointer;
        color: rgba(0,0,0,.25);
        background: #e1e0e0;
        cursor: no-drop;
        -webkit-appearance: none;
    }

        input[type=submit]:disabled:active, button:disabled:active, input[type=button]:disabled:active, input[type=image]:disabled:active {
            top: 0;
        }



.margin-bottom-20 {
    margin-bottom: 20px;
}

img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

body {
    background-color: #F1F5F7 !important;
    padding: 0;
    margin: 0;
    font-family: "Inter",sans-serif;
    overflow-x: hidden;
    font-weight: 400;
    line-height: 100%;
}

.outer-header {
    background: #fff;
    box-shadow: 0 4px 5px #ddd;
    margin-bottom: 20px;
}

    .outer-header + .outer-nav .breadcrum-outer, .outer-header + .outer-wrapper {
        margin-top: -20px;
    }

header {
    display: flex;
    background: #fff;
    position: relative;
    align-items: center;
    justify-content: space-between;
}

.logo {
    padding: 15px 0 16px 0;
}

.wrapper {
    max-width: 1170px;
    width: 1170px;
    margin: 0 auto;
    flex: 1;
}

.body-container {
    margin: 0;
}

.clearfix {
    clear: both;
}

.logo {
    padding: 15px 0 16px 0;
    text-align: center;
}

.outer-info {
    margin: 0 auto;
    max-width: 480px;
}

.infomessage {
    color: #000;
    background-color: #d1ecf1;
    box-shadow: 0 2px 4px #ccc;
    margin: 18px 0 20px 0;
    padding: 15px;
    width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
    clear: both;
}

    .infomessage p {
        font: 400 14px/24px "Inter",sans-serif;
    }

        .infomessage p a {
            color: #000;
            font-weight: 700;
        }

.loginpanel {
    max-width: 480px;
    margin: 3% auto 5%;
    padding: 0;
}

.loginpanelinner {
    background: #fff;
    display: inline-block;
    width: 100%;
    padding: 20px;
    box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    -moz-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    -webkit-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    -o-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
}

    .loginpanelinner h1 {
        color: rgba(0,0,0,.7);
        margin: 0;
        padding: 0 8px 8px;
        text-align: center;
        position: relative;
        font: 600 22px/40px"Open",sans-serif;
        line-height: normal;
    }

label {
    margin-bottom: .5rem;
    display: block !important;
    max-width: 100%;
    margin-bottom: .5rem;
    margin-top: 7px;
    font: 300 16px/20px "Inter", sans-serif;
    color: #111
}

.mws-inset a {
    color: #1a73e8;
    font: 500 15px/20px"Inter",sans-serif;
}

.mws-form-row input[type="submit"] {
    width: 100%;
    color: #fff;
    padding: 5px 0;
    text-transform: uppercase;
    height: auto;
}

.text-danger {
    color: #f00 !important;
}

footer {
    width: 100%;
    /*position: absolute;*/
    bottom: 0;
    margin: 15px 0 0;
    padding: 0;
    border: none;
}

.outerfooter-boot {
    background: #002b54;
    height: 45px;
}

    .outerfooter-boot p {
        float: left;
        margin-bottom: 0;
    }

    .footer-lnk, .outerfooter-boot p {
        font: 400 14px/45px Roboto,sans-serif;
        color: #fff;
    }

.footer-lnk {
    float: right;
    width: auto;
}

    .footer-lnk a {
        color: #fff;
    }

.errormsg {
    font: 400 13px/20px"Inter",sans-serif;
    color: red;
}

@media screen and (min-width: 1650px) and (max-width: 1920px) {
    .wrapper {
        max-width: 1130px;
        width: 1130px;
        margin: 0 auto;
    }
}

@media (max-width:767px) and (orientation:portrait) {
    footer {
        position: relative;
    }
}

@media (max-width:1024px) and (orientation:landscape) {
    footer {
        position: relative;
    }
}

/*form old login page design css start*/
.loginsec {
    background: transparent;
    padding: 0;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 765px;
}

.logincontant {
    max-width: 765px;
    background-color: #fff;
    padding: 25px;
    box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    -moz-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    -webkit-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    -o-box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}


aside.signfrom .btn {
    margin-left: 0;
}

.forgotsec {
    background: transparent;
    padding: 15px 15px 60px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
}

    .forgotsec .signfrom {
        width: 100%;
    }

@media all and (max-width: 1024px) {
    .loginsec, .signfrom, .signinmessage {
        width: 100%;
        box-shadow: none;
        padding: 0;
    }

    .class-toggle.class-toggle-open + div {
        display: block !important;
    }

    .signfrom {
        padding: 20px;
        background: #fff;
        box-shadow: 2px 2px 8px rgba(29,63,158,.25);
    }

    .signinmessage {
        color: #0c5460;
        background-color: #d1ecf1;
        border-color: #bee5eb;
        padding: .5rem !important;
        margin-bottom: 1rem !important;
        border-radius: .25rem !important;
        font-size: 0.9rem;
    }

    .logincontant {
        width: 98%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        background: none;
        box-shadow: none;
        padding: 0;
    }

    .btngroup {
        flex-direction: column;
        gap: 0;
    }

    .modalPopup {
        max-width: 90%;
        margin: 0 auto;
        position: fixed !important;
        width: 90% !important;
    }
}
/*form old login page design css end*/
.modalPopup {
    top: 20px !important;
}

.modal-body {
    background: #fff;
    /*width: min(45rem, 45rem, 90%);*/
    max-height: 90%;
    z-index: 734626274;
    border-radius: 5px;
    padding: 1rem;
    box-shadow: 4px 6px 8px #333;
    color: #111;
    font-size: 14px;
}

    .modal-body p {
        line-height: 22px;
    }

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    z-index: 995;
}

.btngroup {
    clear: both;
    text-align: center;
    margin: 15px 0 22px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 6px;
    flex-direction: row;
}

.cancel-btn {
    background: #df0e0e !important;
    color: #fff !important;
    border-color: #df0e0e !important;
}

input[type=checkbox] {
    appearance: none;
    border: 1px solid #cbd5e1; /* Default border color */
    border-radius: .375rem;
    background-color: white;
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    width: 22px !important;
    height: 22px;
    box-sizing: border-box;
}

    input[type=checkbox]:checked {
        border-color: #1a73e8;
        background-color: #1a73e8;
    }

        /* Add checkmark when checked */
        input[type=checkbox]:checked::after {
            content: '✔';
            font-size: 16px;
            color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    /* Border color on hover */
    input[type=checkbox]:hover {
        border-color: #1a73e8;
    }

    /* Border color on focus */
    input[type=checkbox]:focus {
        border-color: #1a73e8;
    }

input[type=radio] {
    appearance: none;
    border: 1px solid #cbd5e1; /* Default border color */
    border-radius: 100%;
    background-color: white;
    cursor: pointer;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 0;
    margin-right: 5px;
    width: 22px !important;
    height: 22px;
}

    /* Change border color when checked */
    input[type=radio]:checked {
        border-color: #1a73e8;
        background-color: #1a73e8;
    }

        /* Inner circle for checked radio */
        input[type=radio]:checked::after {
            content: '';
            width: 10px;
            height: 10px;
            background-color: white;
            border-radius: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    /* Border color on hover */
    input[type=radio]:hover {
        border-color: #1a73e8;
    }

    /* Border color on focus */
    input[type=radio]:focus {
        border-radius: 100%;
        outline: none;
        border-color: #1a73e8;
    }

@media screen and (min-width: 1650px) and (max-width: 1920px) {
    .wrapper {
        max-width: 1130px;
        width: 1130px;
        margin: 0 auto;
    }
}

.topnav {
    display: inline-flex;
    justify-content: center;
}

.dsknone, .leftnavtrigger {
    display: none;
}

.bar1, .bar2, .bar3 {
    width: 24px;
    height: 3px;
    background-color: #464646;
    margin: 4px 0;
    transition: .4s;
    display: block;
    border-radius: 2px;
}

.headnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .headnav ul li {
        float: left;
        position: relative;
    }

        .headnav ul li a, .smldevice a {
            height: auto;
            box-shadow: 0 0 0 transparent;
            transform: translateZ(0);
            vertical-align: middle;
            overflow: hidden;
        }

        .headnav ul li a {
            float: left;
            font: 500 16px/34px"Inter",sans-serif;
            padding: 0;
            margin: 0 10px;
            text-transform: uppercase;
            backface-visibility: hidden;
            box-shadow: 0 0 1px transparent;
            display: inline-block;
            overflow: hidden;
            position: relative;
            transform: translateZ(0);
            vertical-align: middle;
            color: #555;
        }

            .headnav ul li a:hover {
                text-decoration: none;
                color: #95cb0a;
            }

.loginsign {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .loginsign .signup {
        float: right;
    }

    .loginsign .signin {
        float: right;
        position: relative;
    }

        .loginsign .signin > a, .loginsign .signup a {
            font: 600 18px/22px Inter,sans-serif;
            align-items: center;
            appearance: none;
            -webkit-appearance: none;
            background-color: #1a73e8;
            border-radius: .375rem;
            color: #fff;
            cursor: pointer;
            display: inline-flex;
            justify-content: center;
            padding: 0 1.2rem;
            text-decoration: none;
            text-rendering: optimizeLegibility;
            transition: background-color .2s,box-shadow .2s,color .2s;
            vertical-align: top;
            height: 42px;
            box-sizing: border-box;
            position: relative;
        }

            .loginsign .signin > a::after {
                display: inline-block;
                width: 0;
                height: 0;
                margin-left: 5px;
                vertical-align: middle;
                content: "";
                border-top: 5px solid;
                border-right: 5px solid transparent;
                border-bottom: 0;
                border-left: 5px solid transparent;
            }

.loginDropdown {
    position: absolute;
    top: 37px;
    left: 0;
    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    width: 150px;
    z-index: 9999;
    display: none;
}

    .loginDropdown ul {
        list-style: none;
        margin: 0;
    }

        .loginDropdown ul li {
            border-bottom: 1px solid rgba(0,0,0,.15);
        }

            .loginDropdown ul li a {
                font: 600 14px/20px Roboto,sans-serif;
                color: #111;
                display: block;
                padding: 10px 15px;
            }

                .loginDropdown ul li a:hover {
                    text-decoration: none;
                }

.outer-header + .outer-nav .breadcrum-outer, .outer-header + .outer-wrapper {
    margin-top: -20px;
}

.breadcrum-outer {
    background: #002b54;
    padding: 7px 9px;
    box-shadow: 0 2px 4px #ccc;
    margin-bottom: 20px;
}

    .breadcrum-outer.clearfix > .wrapper {
        align-items: center;
        display: flex;
        flex: 1;
    }

.bread-left {
    float: left;
    vertical-align: top;
    padding: 10px 0;
    font: 500 15px/20px"Inter",sans-serif;
    color: #fff;
    margin-right: 20px;
    box-sizing: border-box;
}

    .bread-left a {
        color: #fff;
        /*! font-weight: 700; */
    }

.outer-wrapper {
    overflow: hidden;
}

.infomessage p {
    font: 300 15px/24px "Inter",sans-serif;
}

.alert {
    position: relative;
    padding: .8rem;
    margin: 5px 0;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
    font: 400 14px/20px"Inter",sans-serif;
    clear: both;
    z-index: 1 !important;
}

    .alert p {
        margin: 0 0 15px 0;
        line-height: 20px;
    }

.loginpanelinner h1 {
    color: rgba(0,0,0,.7);
    margin: 0;
    padding: 0 8px 8px;
    text-align: center;
    position: relative;
    font: 600 22px/40px "Inter", sans-serif;
}

.bar1, .bar2, .bar3 {
    width: 24px;
    height: 3px;
    background-color: #464646;
    margin: 4px 0;
    transition: .4s;
    display: block;
    border-radius: 2px;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px,6px);
    transform: rotate(-45deg) translate(-4px,6px);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-4px,-6px);
    transform: rotate(45deg) translate(-4px,-6px);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

footer {
    width: 100%;
    position: relative;
    margin-top: 15px;
}

.footer p, .footer a, .footer {
    font-size: 14px;
    text-decoration: none;
}

.outer-topfooter {
    background: #002b54;
    border-bottom: 1px solid #1e4f65;
    padding: 25px 0 0;
}

.topfooter-row {
    float: left;
    width: 24%;
}

    .topfooter-row h3 {
        color: #fff;
        font: 400 20px/40px Barlow,Arial,sans-serif;
    }

.social {
    margin: 0;
}

.contact-detail, .social {
    padding: 0;
    list-style: none;
}

    .social li {
        margin: 5px;
        display: inline-block;
    }

li {
    line-height: 1.5;
}

.social li i {
    font-size: 30px;
    color: #fff;
    transition: all ease .3s;
    opacity: .75;
    -moz-transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -ms-transition: all ease .3s;
}

.topfooter-row.mid {
    border-left: 1px solid #1e4f65;
    padding: 0 0 0 2%;
    margin-right: 2%;
    width: 47%;
}

.topfooter-row.mid {
    border-left: 1px solid #1e4f65;
    padding: 0 0 0 2%;
    margin-right: 2%;
    width: 47%;
}

.contact-detail li {
    color: #fff;
    font: 400 13px/20px Roboto,sans-serif;
    margin: 10px 0;
}

    .contact-detail li i {
        font-size: 13px;
        padding-right: 10px;
    }

    .contact-detail li a {
        color: #fff;
    }

.subscribe {
    padding-top: 10px;
    display: flex;
    align-content: center;
    justify-content: center;
}

.topfooter-row input[type="text"] {
    box-shadow: none;
    border-radius: 4px 0 0 4px;
}

.topfooter-row input[type="text"] {
    box-shadow: none;
    border-radius: 4px 0 0 4px;
}

.subscribe input[type="submit"], .subscribe a#btnGo {
    color: #fff;
    font: 600 15px/22px Roboto,sans-serif;
    border: 1px solid #93c501;
    background: #93c501;
    border-radius: 0 4px 4px 0;
    padding: 9px 18px;
    cursor: pointer;
    text-transform: uppercase;
}

.alert p:last-child {
    margin: 0;
}

.errorreportquery {
    color: #f00;
    font: 400 13px/18px"Inter",sans-serif !important;
}

.signinmessage {
    color: #0c5460;
    font-size: 0.9rem;
}

@media (max-width: 1024px) {
    .outer-header {
        height: 60px;
        margin-bottom: 0;
        padding: 10px 0;
        box-sizing: border-box;
    }

    .wrapper {
        max-width: 100%;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .logo {
        text-align: center;
        width: 60%;
        padding: 0;
        float: none;
        margin: 0 auto;
    }

        .logo a {
            min-width: 210px;
            display: inline-block;
        }

        .logo img {
            max-width: 10rem;
            width: 100%;
            padding: 0;
            max-height: 100%;
        }

    .leftnavtrigger {
        display: block !important;
        background: #fff;
        border: 1px solid #e5e5e5;
        margin: 0;
        cursor: pointer;
        padding: .25rem .45rem;
        border-radius: 5px;
        position: absolute;
        left: 0;
        top: 1px;
        z-index: 99;
    }

    .outerfooter-boot {
        height: auto;
        padding: 20px 0;
    }

    .topnav {
        float: none;
        margin: 0;
        padding: 0;
        flex: inherit;
    }

    .headnav ul {
        background: #002b54;
        box-shadow: 2px 1px 2px rgba(0,0,0,.1);
        position: fixed;
        top: 0;
        flex-direction: column !important;
        left: -280px;
        width: 250px;
        overflow-y: auto;
        bottom: 0;
        overflow-x: hidden;
        z-index: 98;
        padding-top: 60px;
    }

        .headnav ul li {
            width: 100%;
            padding-left: 10px;
        }

            .headnav ul li.active a, .headnav ul li a, .headnav ul li a:hover {
                color: #fff;
                font: 600 14px/40px"Inter",sans-serif;
            }

    .right-head, .bread-left {
        display: none;
    }

    .navoverlay::before {
        background: rgba(0,0,0,.5);
        position: fixed;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 97;
        content: "";
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        z-index: 90;
    }

    .leftnavtrigger.change {
        position: fixed;
        left: 10px;
        top: 11px;
    }

    .headnav ul.open {
        left: 0;
    }

    .outer-header + .outer-nav .breadcrum-outer, .outer-header + .outer-wrapper {
        margin-top: 0;
    }

    .footer-lnk, .outerfooter-boot p {
        float: none;
        font: 400 14px/24px Roboto,sans-serif;
        text-align: center;
    }

    .cover-box-new4, .loginpanelinner, .venue-body, .stablebooking {
        padding: 20px !important;
        min-height: 40vh;
    }

    input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="file"], select {
        height: 42px !important;
        line-height: 42px !important;
        box-sizing: border-box;
    }

    .outer-topfooter {
        padding: 20px 0;
        text-align: center;
        margin-top: 15px;
    }

    .topfooter-row, .topfooter-row.mid {
        width: 100%;
        border: none;
    }

        .topfooter-row h3 {
            font: 400 24px/32px Barlow,Arial,sans-serif;
        }
}

@media only screen and (max-width: 1400px) {
    .wrapper {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
}