: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============================================================== */
/*======================================================top-bar style start============================================================== */
/*
.top-bar {
background: #f4f4f4;
padding: 10px 0 9px;
font-size: 15px;
height: 55px;
}
.top-bar .cnt-account {
float: left;
padding: 7px 0px;
}
ul.sub-menu {
padding-left: 0;
margin: 0px;
}
.top-header{
color: #888888;
padding: 0px;
font-weight: 400;
transition: all 0.2s linear 0s;
}
li.sub-menu {
display: inline-block;
line-height: 12px;
padding: 3px 12px;
border-left: 1px solid #e2e2e2;
}
a.top-header {
color: #888888;
padding: 0px;
font-weight: 400;
transition: all 0.2s linear 0s;
outline: none!important;
}
.top-bar .cnt-block {
float: right;
}
li a.top-header:hover {
color: #ffd700;
text-decoration: none;
}
*/
/*=====================================================background image section code start============================================================== */
.bgimg{
height: 100vh;
/*width: 100px;*/
/* background-color: red; */
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),url(../img/driver.jpg);
background-size: cover;
/*   background-position: center; */
/* background-attachment: fixed;
padding-top: 20px; */
text-align: center;
color: #fff;
}
.title-info{
padding-top: 150px;
}
.ride-btn{
position: absolute;
display: inline-grid;
margin-left: -70px;
}

button.find-me-btn{
/*  margin-right: 600px;
margin-top:  20px;  */
padding: 11px 0;
width: 150px;
margin-bottom: 15px;
font-family: var(--font-family);
background-color: #00aff5;
color: #fff;
font-size: 18px;
}

button.find-me-btn:hover{
background: /* var(--blue-color) */#00a4d0 ;
color: white;
font-size: 19px;
transition-duration: 1s;
}
/*=====================================================article code start============================================================== */
.art-heading{
padding: 24px 0px;
margin: 0px;
font-size: 30px;
font-weight: 700;
line-height: 32px;
font-family:var(--font-family) ;
color: #054752;
}
.art-ul{
display: flex;
flex-direction: row;
list-style: none;
padding: 0px;
font-weight: 400;
line-height: 20px;
margin: 0px;
font-size: 16px;
vertical-align: baseline;
--webkit-font-smoothing: antialiased;
}
.art-li-header{
font-family: var(--font-family);
font-size: 18px;
line-height: 20px;
padding-top: 8px;
font-weight: 700;
padding-bottom: 4px;
margin: 0px;
}
.art-li-p{
color: rgb(112, 140, 145);
font-size: 16px;
line-height: 20px;
font-weight: 400;
margin: 0px;
}
.art{
margin: 40px 40px;
}
/*======================================================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 */