:root{
    --font-family:gt-eesti, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --blue-color: #00aff5;
    --yello-color: #ffd700;
    --white-color:#e6e6e6;
    --black-color: #314150;
}









*{
margin:0px;
padding:0px;
box-sizing: border-box;
font-family:Verdana, Geneva, sans-serif;
}

.strip{
height:5px;
width: 100%;
background-color: var(--blue-color)/* #00a4d0 */;
top: 0px;
position: fixed;
}
.header{
/* box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1); */
box-sizing: border-box;
margin-bottom: 3px;
}
.parent{
height:65px;
width: 100%;
background-color: white;
box-sizing: border-box;
font-family:/* Verdana, Geneva, sans-serif */ var(--font-family);
font-size:18px;
font-weight:bold;
padding: 20px 25px;
}
.left{
float: left;
}
.logo img{
width: 125px;
float: left;
margin-top: -13px;
}
.right{
float: right;
}
.navbar-light .navbar-brand {
color: #ffd700  !important;
}
ul.menu{
list-style-type:none;
}
li.menu{
display: inline-block;
}
li a.logo {
/* color: #ffd700  !important ;*/
font-size: 30px  !important;
margin-top: -13px;
font-style: italic;
}
li a.menu{
font-family:/* sans-serif */var(--font-family);
font-weight: 500;
display: inline-block;
font-size: 22px;
line-height: 22px;
color: #00aff5/* #00a4d0 */;
padding: 15px;
z-index: -1;
}
a.menu{
text-decoration:none !important;
/*text-transform: uppercase;*/
}
.menu a:hover {
/* color: #00a4d0; */
font-size: 23px;
transition-duration: 1s;
}
.active{
color: ;
}
/* navbar toggler button */
.togbtn{
float: right;
margin-top: -13px;
}
.nav-btn{
margin: 10px;
} 
.login-btn
{
width:115px;
padding: 5px 0;
outline:none !important;
border:2px solid #00a4d0 ;
border-radius: 50px;
background: transparent;
color: var(--blue-color)/* #00a4d0 */;
float: right;
font-size: 22px;
}
/*======================================================navbar css code end============================================================== */















.wrapper{
        margin-top: 40px;
        min-height: 517px;
        height: auto;
        /* margin-top: 150px;
        font-family: var(--font-family-monospace); */
        /* height: 100%;
        width: 100%;
        padding: 8% 35%;
        padding-right: 0%;
        padding-bottom: 0%;
        margin-left: 35%; */


}
.loginbox{
   
    height: 478px;
    width: 378px;
   /* border: 1px solid rgba(0,0,0,0.1);*/
    /*margin: 140px 545px;*/
    border-radius: 10px;
    box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.1);
    box-sizing: border-box;
    margin: 0 auto;
}
.upperbox{
    background-color: #314150 ;
    height: 85px;
    width: 378px;
    border-radius: 10px 10px 0px 0px;
    box-sizing:border-box;
    font-family: gt-eesti, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:18px;
   /* background-color: #0ce846;
    border-bottom: 1px solid rgba(0,0,0,0.1); */
}
.headertext{
     color: #eee;
     line-height: 100px;
     text-align: center;
     /* padding-top: 25px; */
}
.mainbox{
        position: absolute;
        width: 330px;

   /*  height: 393px;
    
    background-color: #fff;
    border-radius: 0% 0% 3% 3%;
    box-sizing: border-box; */

    
}
.userin{

    height: 10px;
    width: 200px;
    border-radius: 50%;
    margin-left: 50px;

}
.input-group
{
    margin: 25px;
     width: 90%;
    /*max-width: 500px;
    border-radius: 35px;
    background-color: #fff;
    margin: auto;
    padding: 35px;
    padding-bottom: 0px!important;  */

}
.input-group-text 
{
    justify-content: center;
    /* margin: 0 auto; */
    margin-left: 58px;
    width: 270px;
    background-color: #314150!important;
    border: 0!important;
    color: #fff !important;
    border-radius:10px !important;
    /* box-shadow: none;
    margin-left: 35px;
    margin-top: 15px; 
    padding: 12px 140px !important;*/

}

.form-control
{
    color: #00a4d0!important;
    border-radius: 10px !important;
    /* margin: 2px; */
    /* border: none!important; */
    /* background-color: #ced4da!important; */
    /*border: 0 !important;*/
}


    .text{
            margin-left: 80px;
            font-size: 18px;
            font-family: unset;
            color:  #00a4d0;
      }                           
                                                                                



 /*linear-gradient(#00ff7e,#1f3d90);  */          
        /*#495057*/



        /* input::placeholder{
    color: red;
    opacity: 1;
}
 */

 /*======================================================footer code start============================================================== */
.footer {
position: absolute;
margin-top: 50px;
margin-bottom: 0px!important;
background-color: #314150!important;
color: #e6e6e6 !important;
box-sizing: border-box;
padding-top: 40px;
padding-left: 50px!important;
border-top: 5px solid rgba(255, 255, 255, 0.3);
border-bottom: 50px solid #293744;
}
.heading{
border-bottom: 3px solid  var(--blue-color)/* #00a4d0 */;
padding: 0px 0px 12px;
margin-bottom: 25px;
font-size: 15px;
color: #fff;
line-height: 20px;
font-style: italic;
}
ul.menu2{
list-style-type:none;
}
li.menu2{
padding: 2px 10px 10px 0;
font-size: 14px;
line-height: 20px;
font-family: var(--font-family);
/* padding: 10px 0px; */
/* border-bottom: 1px dashed rgba(255, 255, 255, 0.1); */
}
li a.menu2{
padding: 2px;
color: #cddeee;
}
a.menu2{
text-decoration:none !important;
/*text-transform: uppercase;*/
}
li a.menu2:hover {
color: var(--blue-color)/* #00a4d0 */;
}
/* first section in footer */
.frisec{
height: 50vh;
width: 515px;
margin-right: 50px;
line-height: 40px;
font-family: var(--font-family);
}
/* 1st 2nd and 3rd section in footer */
.disco,.info,.soicon {
margin-right: 50px;
}


@media only screen and (max-width: 600px) {
.parent{
height:325px;
}

.login-btn{
margin-right: 40px;
width: 80px;
padding: 0px 0;
}

.right{
margin-right: 240px;
}
.togbtn button:focus{
    
}




.art{
margin: 40px 0px;
}
}
/*#ffd700  yellow*/
/* #00a4d0  Primary Blue*/
/* #e6e6e6  Whitest Grey*/
/* #314150 footer black */
/* #708C91 grey svg */
/* #00aff5 light blue */