@charset "utf-8";
           .active{color:goldenrod;
                  border-bottom: 1px solid goldenrod;}
          
		body{
      background-color:#e2eced;
     }

		     .bg{
			          color:#021e2b;
		    }
		     .nav-link{
			         margin-left:20px;
		           }
		 
		     
             .home{
                      width:100%;
                      height:85px;
                      background-color:#021e2b;
                      top:0;
                      
				      
                  }
             .logo{
                      width:15%;
                      float:left; 
                      border:0px solid black; 
                  }
              li{                     
                      display:inline;
                      padding:10px;
                      margin-top:8px; 
                      color:white;
               }
             a{
                      color:white;
                      text-decoration:none;
             }
             a:hover{
                      color:lightgrey;
                      text-decoration:none;
                   }
             .list{
                      float:left; 
                      width:50%;
                      margin-top:15px;
                      margin-left:100px;
                 }  
            .homeicon{
                       width:15%;
                       color:#021e2b;
                       float:left;
                      }
             .search{
                       color:white;
                       padding:30px;
                       margin-left:30px;
                    }
             .opacity:hover{
                       opacity:0.6;
                           }
             .button{
                       background-color:white;
                       border:none;
                       border-radius:6px;
                       padding:5px 10px;
				      
                    }
             .button:hover{
                       background-color:lightgrey;
                          }
             .signin{
                       margin-top:25px;
                    }  
             
       		body {font-family: Arial;}


.tab {
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  text-align: center;	
}


.tab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
 	
}


.tab button:hover {
  background-color: #ddd;
}


.tab button.active {
  background-color: #ccc;
}


.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
     
.cl:hover{
	transform: scale(1.1);
}

.footer{
			width:100%;
			background-image:url("images/footer.jpg");
			min-height:400px;
			
			background-attachment: fixed;
		}
		.foot{
			margin-top:5%; 
            margin-bottom:30px; 
			float:left;
			height:200px;
			color:white;
			line-height:20px; 
			padding-left:5%; 
		}
		.vl {
			
               border-left:3px solid #515251;
                height: 250px;
            }
		
          .footer > p{
			display:inline;
				
		}
		.footer p:hover{
			color:lightgray;
		}
		
		#suscribe{
			width:216px;
			height:45px;
			border-radius:20px;
		}
		
		.fab:hover{
			background-color:blue;
			color:white; 
		}