﻿

.pointer {
    cursor: pointer;
}

.accfont {
    font-size: 13px;
}


.accicon {
    font-size: 16px !important;
    color: red
}


/*section1   CLASS ncssudhanshutopmostbar*/

.ncssudhanshutopmostbar {
}









/*footer CSS*/

.footerdiv {
    border-top: 2px solid grey;
    padding: 5px;
}

.lofofoot {
    text-align: center;
    width: 23%;
    float: left;
}

.fsecond {
    border: 1px solid white;
    outline: 2px solid darkred;
    margin-right: 40px;
    padding: 5px;
}









    /*footer CSS END HERE */
  
    
    @media screen and (min-width:601px) {
        body {
            margin: 0;
            padding: 0;
        }

        .navbar {
            width: 100%;
            height: 40px;
            clear: both;
            margin: 0px;
            padding: 0px;
            vertical-align: middle;
        }

        .top {
            width: 100%;
            float: left;
            margin: 0 auto;
            text-align: center;
            padding-bottom: 5px;
        }

        .hrr {
            display: none;
        }

        .first {
            /* font-size: larger; */
            float: left;
            margin: 0 auto;
            text-align: left;
            padding-left: 15px;
            width: 33%;
        }

        .second {
            /* font-size: larger; */
            float: left;
            text-align: center;
            width: 23%;
        }

        .mid {
            /* display: flex; */
            float: right;
            text-align: right;
            width: 33%;
            padding-right: 22px;
        }

        .inc, .dec {
            width: 5%;
            text-align: center;
            background-color: rgb(229,74,18);
            border: 1px solid white;
            outline-color: darkred;
            color: white;
            padding: 1px;
            outline: 2px solid darkred;
        }

        .dark, .act {
            width: 18%;
            text-align: center;
            background-color: rgb(229,74,18);
            border: 1px solid white;
            color: white;
            padding: 1px;
            outline: 2px solid darkred;
            outline-color: darkred;
        }

        .imgg {
            width: 3%;
            vertical-align: middle;
        }

        .clo {
            width: 4%;
            vertical-align: middle;
        }

        .logo {
            float: left !important;
            height: 100%;
            width: 20%;
            padding-left: 14px;
            background-color: white;
        }



        .menu {
            float: right !important;
            text-align: right;
            width: 77%;
            height: 0px;
            vertical-align: middle;
            padding-right: 50px;
        }


        li {
            display: inline;
            list-style: none;
            height: 60px;
            /*border-bottom: 1px solid darkorange!important;*/
            margin: 0px 15px;
            padding: 10px 10px;
        }

        ul {
            /*height: 10px;*/
            background-color: transparent
        }


        li a {
            vertical-align: middle;
            text-decoration: none;
            font-size: 13px !important;
            color: #0b0b0b;
            padding: 5px;
            border: none !important;
        }

        .backpic {
            /*background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('lence.jpg');*/
            /*background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../Content/lence.jpg');*/
            background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/lence.jpg');
            height: 500px;
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
        }

        .txt {
            width: 100%;
            text-align: left;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            padding: 0 12em;
        }

        strong {
            display: block;
        }

        .paid {
            border: 2px solid rgb(229,74,18);
            background-color: white;
            color: rgb(229,74,18);
            width: 150px;
            height: 30px;
            padding-top: 5px;
            padding-left: 2px;
            font-size: large;
        }

        .email {
            padding-left: 5px;
            padding-right: 5px;
        }


        h1 {
            /* line-height: -100px; */
            font-size: 70px;
        }

        #btn {
            padding: 7px;
            background-color: wheat;
            border: none;
            border-radius: 5px;
            font-weight: bolder;
            animation: colorchange 3s; /* animation-name followed by duration in seconds*/ /* you could also use milliseconds (ms) or something like 2.5s */
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
            animation-play-state: running;
        }

        @keyframes colorchange {
            0% {
                background: orangered;
                color: white;
            }
            /* 14% { background: white; }  */
            /* 28% { background: orangered; }  */
            /* 42% { background:   white; }  */
            56% {
                background: white;
                color: orangered;
            }
            /* 70% { background: white; }  */
            /* 84% { background:   orangered; }  */
            100% {
                background: orangered;
                color: white;
            }
        }

        .ffirst {
            /* margin: 8px auto; */
            padding-left: 35%;
            padding-top: 30px;
        }

        .fsecond {
            font-size: 15px;
        }

        footer {
            background-color: rgb(229,74,18);
        }

        strong {
            color: white;
        }

        #ffirst {
            color: white;
            font-weight: bolder;
            font-size: 30px;
        }


        .fmid {
            /* border: 2px solid red; */
            /* position: absolute; */

            margin-top: 25px;
            padding-top: 5px;
        }

        .fmid2 {
            /* border: 2px solid blue; */
            width: 23%;
            /* display: flex; */
            /* padding: 8px; */
            /* padding-right: 25px; */
            text-align: center;
            float: left;
            display: inline;
            height: 100%;
            /* width: 50%; */
        }

        .fmid3 {
            /* border: 2px solid yellow; */
            width: 23%;
            letter-spacing: 1px;
            color: white;
            float: left;
            display: inline;
        }

        .ads {
            margin-top: 20px;
        }

        .fmid4 {
            /* border: 2px solid green; */
            width: 22%;
            text-align: left;
            color: white;
            float: left;
        }

        #online {
            padding-left: 15%;
            color: white;
        }

        #legal {
            padding-left: 10px;
            color: white;
        }

        #legal2 {
            padding-left: 10px;
            color: white;
        }

        #copy {
            text-align: center;
            color: white;
            padding-bottom: 15px;
        }

        .onmobile {
            display: none
        }

        .ncssudhanshucolorwhite {
            color: white !important;
            line-height: 25px !important;
        }
    }


    /*mobile*/
    @media screen and (max-width:599px) {

        .logoheader {
            font-family: 'Times New Roman';
        }

        body {
            width: 99.5% !important
        }

        .ncssudhanshucolorwhite {
            color: white !important;
            line-height: 25px !important;
        }


        #ncssudhanshutopmostbar {
            height: 150px !important;
            background-color: white !important;
        }

        .ncssudhanshuframesetting {
            margin-top: -20px;
        }

        #ncssudhanshuaccessiblecontrols {
            clear: both;
        }

        body {
            margin: 0;
            padding: 0;
        }

        .top {
            width: 100%;
            float: left;
            margin: 0 auto;
            text-align: center;
            padding-bottom: 5px;
        }

        .first {
            float: left;
            margin: 0 auto;
            text-align: left;
            font-size: 11px;
            padding-bottom: 3px;
            padding-left: 8px;
            width: 48%;
        }

        #ffirst {
            color: white;
            font-weight: bolder;
            font-size: 30px;
        }

        .fsecond {
            font-weight: 500;
            font-size: 20px;
            margin-right: 5px !important;
            letter-spacing: .5px;
        }

        .second {
            /* font-size: larger; */
            float: right;
            margin: 0 auto;
            text-align: center;
            font-size: 12px;
            width: 48%;
            margin-right: 5px;
        }



        /*hamburger div*/
        .onmobile {
            height: 2vh;
        }

        .hrr {
            display: block;
        }

        .imgg {
            width: 8px !important;
            /* padding-top: 5px !important; */
        }

        .clo {
            width: 8% !important;
        }

        .mid {
            margin: 0 auto;
            text-align: center;
            float: left;
            padding: 10px 0 !important;
            width: 100%;
        }

        .inc, .dec, .dark, .act {
            background-color: rgb(229,74,18);
            border: none;
            padding: 5px;
            color: white;
            /*border-top: 2px solid gray;*/
        }

        .logo {
            width: 65%;
        }

        li {
            list-style: none;
            text-align: center;
            /*padding: 10px !important;*/
        }

            li a {
                display: block;
                border-bottom: 1px solid grey;
                text-decoration: none;
                padding: 5px;
            }

        #btn {
            padding: 7px;
            background-color: wheat;
            border: none;
            border-radius: 5px;
            font-weight: bolder;
            animation: colorchange 3s; /* animation-name followed by duration in seconds*/ /* you could also use milliseconds (ms) or something like 2.5s */
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
            animation-play-state: running;
        }

        @keyframes colorchange {
            0% {
                background: orangered;
                color: white;
            }
            /* 14% { background: white; }  */
            /* 28% { background: orangered; }  */
            /* 42% { background:   white; }  */
            56% {
                background: white;
                color: orangered;
            }
            /* 70% { background: white; }  */
            /* 84% { background:   orangered; }  */
            100% {
                background: orangered;
                color: white;
            }
        }

        #menu {
            display: none;
            color: #323438 !important;
            padding: 0px;
            margin-top: .2em !important;
            padding-bottom: 1px;
            background-color: white !important;
            border: 1px solid;
            margin-right: 0 !important;
        }

            #menu li a {
                padding: 10px;
            }



        .mid {
            border-bottom: 1px solid gray
        }
        /*register & Login btn;*/
        .navbar-right {
            border: none !important;
        }

            .navbar-right li {
                text-align: center !important;
                margin: 0 auto !important;
                margin-left: -38em !important;
                position: relative !important;
                top: -2.7em !important;
            }

                .navbar-right li a {
                    margin: 10px 0 0 0 !important;
                    padding: 0 !important;
                    color: white !important;
                    border: none !important;
                    font-weight: 500 !important;
                    letter-spacing: .3px !important
                }


        /*register & Login btn END HERE;*/



        a {
            color: #323438;
        }

        .backpic {
            width: 100%;
            /*background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('lence.jpg');*/
            background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('lence.jpg');
            /*background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../Views/Home/images/lence.jpg');*/
            /*background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/lence.jpg');*/
            height: 500px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
        }

        .txt {
            text-align: left;
            position: absolute;
            top: 50%;
            */ left: 50%;
            /* transform: translate(-50%, -50%);  */
            color: white;
            margin-top: -5em;
            padding: 0 1em;
        }

        .ffirst {
            padding-left: 95px;
            padding-top: 30px;
        }

        footer {
            background-color: rgb(229,74,18);
        }

        .fmain {
            color: white;
        }

        #ffirst {
            font-weight: bolder;
            font-size: 20px;
        }


        .fmid {
            margin-top: 25px;
            padding-top: 5px;
            padding-left: 110px;
        }

        .fmid2 {
            /* border: 2px solid blue; */
            text-align: left;
            margin-left: 8px;
            margin-right: 5px;
            height: 100px;
        }

        .fmid3 {
            margin-top: 20px;
            margin-right: 5px;
            padding-left: 5px;
            color: white;
        }

        .paid {
            /* border: 2px solid rgb(229,74,18); */
            background-color: white;
            color: rgb(229,74,18);
            width: 150px;
            height: 30px;
            padding: 5px;
            padding-left: 2px;
            font-size: large;
        }

        hr {
            width: 100%;
        }

        .ads {
            margin-top: 20px;
        }

        .fmid4 {
            margin-top: 20px;
            text-align: left;
            color: white;
        }

        .fl {
            /* padding-left: 15%; */
            color: white;
            text-align: justify;
            font-family: Arial;
            font-size: 14px;
            line-height: 20px;
        }

        #copy {
            text-align: center;
            color: white;
            padding-bottom: 15px;
        }

        .threelines, .cross {
            position: fixed;
            right: 8px;
            display: inline;
            top: 90px;
            border: 2px solid orangered;
        }

        .cross {
            display: none;
        }

        .ncssudhanshumobilehidden {
            display: none;
        }


        /*deepak coding as on 24-jan - 2023 */
        .accfont {
            font-size: 10.5px !important;
            font-family: 'Times New Roman'
        }

        .mid {
            border-top: 1px solid gray;
        }

        #btn {
            width: 50% !important
        }

        .fmain {
            width: 100% !important;
            float: left;
            text-align: center;
            margin: 0 auto;
            clear: both
        }


        .lofofoot {
            width: 100% !important;
            text-align: center;
            margin: 0 auto;
        }

        .divlogofooter {
            margin-top: -1em !important;
            text-align: center;
            margin: 0 auto;
            padding-bottom: 2em;
        }



        .divaddress {
            clear: both;
            margin-top: 20em !important;
        }

        .fmid4, .fmid3 {
            width: 100% !important;
            text-align: center;
            margin: 0 auto;
            clear: both;
        }


        .coninfo {
            width: 100%
        }

        .pointer {
            cursor: pointer;
            outline: 2px solid darkred;
            border: 3px solid white;
        }
    }
