: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;
}
.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============================================================== */


.main-div{
	min-height: 517px;
	height: auto;
	margin-top: 150px;
	font-family: var(--font-family-monospace);
}


































/*======================================================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 */