@charset 'utf-8';
 /* css document */
 

		*{
			margin: 0px;
			padding: 0;
		}
		
        body {
            font-family: Arial, sans-serif;           
			
        }
		
        .header {          
						
			border-bottom: solid thin #18e1463b;			
            width: 100%;
            height: 80px;
            margin: 0px auto;
			background-color: #18e146f5;	
				
				
        }
		
        nav {
            //background-color: #f3f3f3;
            overflow: hidden;
            text-align: right;
		    width: 70%;
            display: inline-block;
			position: relative;
            right: -95px;
        }
		
        nav a {
            /* //color: #143a9f; */
            /* //color: #1850e1; */
            /* color: #434959; */
            color: #fff;
            text-decoration: none;
            padding: 14px 20px;
            display: inline-block;
        }
		
		
      #nav-icon.nav-icon {
        bottom: 9px;
        margin: 0px 5px;
        position: absolute;
        }

        /* nav a:hover {
            background-color:#fff ;
			color: #009900 ;
        } */
		
 .logo{
      width: 120px;
      height: 64px;
	  display: inline-block;
      //border: solid thin #009900;      
      border: solid thin #1850e13b;      
      border-radius: 100%;
      padding: 31px 2px;
	  position: relative;
      top: 5px;
      left: 10px;
	  background-color: #fff;
  }
  

 .logo img{		
    /* border: solid thin; */
    border-radius: 6px;
    position: relative;
    top: 8px;
  }
	



 
	  
  /*  *** tablet and mobile styles *** */
  
  /* Styles for medium devices */
 @media (min-width: 1200px) {
 .mobile-menu {
	display: none; 
	}
 .close-icon{
	display: none; 
 }
	
 }
 
 
 @media (min-width: 768px) and (max-width: 1199px) {
    
  nav{
      border: solid thin #085be530;
      flex-direction: column;
      align-items: flex-start;
      position: fixed;
      right: 2px;
      top: 0px;
      width: 42%;
      background-color: #fff;
      line-height: 2em;
      height: 600px;
      z-index: 2;	
      display: none;	
      border-top-left-radius: 10px;	  
		
	 }
		
  nav a {
        color: #434959;
        text-decoration: none;
        padding: 14px 20px;
        display: inline-flex;
        top: 47px;
        position: relative;
        margin: 1px auto;
		position: relative;
        border: solid thin #ccc;
        width: 87%;
   }
	
	
 .nav-icon {
    border: solid thin transparent;
    height: 40px;
    width: 20px;
	position: absolute;
    right: 40px;
   }
	
 .mobile-menu {
    /* border: solid 1px transparent; */
    position: absolute;
    right: 10%;
    top: 26px;
    width: 4%;
    height: 7%;
}	
  	
 
 .close-icon{
 	border: solid thin transparent;
	position: inherit;
	margin: 7px 0;
 }	
	

	
	
	
}
	
	
	
 




  /* Styles for small devices */
 @media  (max-width: 767px) {
  .mobile-menu {
    /* border: solid 1px transparent; */
    position: absolute;
    right: 10%;
    top: 26px;
    width: 4%;
    height: 7%;
 }	
 
   
 nav{
      border: solid thin #085be5;
      flex-direction: column;
      align-items: flex-start;
      position: fixed;
      right: 2px;
      top: 0px;
      width: 42%;
      background-color: #fff;
      line-height: 2em;
      height: 513px;
      z-index: 2;	
      display: none;	  
		
	 }
		
  nav a {
        color: #434959;
        text-decoration: none;
        padding: 14px 20px;
        display: inline-flex;
        top: 47px;
        position: relative;
        margin: 1px auto;
		position: relative;
        border: solid thin #ccc;
        width: 87%;
   }
	
	
 .nav-icon {
    border: solid thin transparent;
    height: 40px;
    width: 20px;
	position: absolute;
    right: 40px;
   }	   
   	
 .mobile-menu {
    /* border: solid 1px transparent; */
    position: absolute;
    right: 10%;
    top: 26px;
    width: 4%;
    height: 7%;
}	
  	
 .close-icon{
 	border: solid thin transparent;
	position: inherit;
	margin: 7px 0;
 }	
		
	
	
 }
	
	
	
	
	/* Styles for extra small devices */
	@media (max-width: 575px) {
    
    }