@charset "utf-8";
.active{color:goldenrod;
         border-bottom: 1px solid goldenrod;}
 body{
                     background-image:url("images/pearl.jpg");
	                
                 }
             .navigation{
                      width:100%;
                      height:700px;
                       background-image:url("images/kdmdimg1.jpg");
                 }
		 .bg{
			          color:#021e2b;
		    }
		 .nav-link{
			         margin-left:20px;
		           }
		 
		     
             .home{
                      width:100%;
                      height:85px;
                      background-color:#021e2b;
                      position:sticky;
                      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;
                    }  
             .form{
                       width:20%;
                       height:260px;
                       color:white;
                       background-color:#732335;
                       margin-right:90px;
                       float:right;
                       margin-top:150px;
                       opacity:0.8;
                       cursor:pointer;
                  }
                     
               .fluid{
				          border-radius:26px;
                      }
                 .bn:hover{
	                             animation:rotateIn 0.5s;
                              }
                  
                .bn1:hover{
	                             animation:rotateIn 0.5s;
                              }
                 .lr:hover{
	                             animation:tada 0.8s;
                              }
                .lr1:hover{
	                             animation:shake 0.8s;
                              }
               .lr2:hover{
	                             animation:bounce 0.5s;
                              }
               .collimg:hover{
	                             animation:flash 0.5s;
                              }
              

             .container{
                       margin-left:20px;
                       }                           
             .banners{
                       margin-top:20px;
                    }
             
             .bannerimage:hover{
                       opacity:0.8;
                               }
              
             .imagecontainer{
                       width:90%;
                       height:640px;
                       margin-left:6%;
                            }
             .imageplace{
                       width:50%;
                       height:63px;
                       float:left;
                       padding:12px;
                      
                        }
             .collections{
                       width:100%;
                       height:350px;
                       text-align:center;
                       color:white;
				        }

                 .find{
	                     color: white;
                       }
             .collimg{
                       width:20%;
                       height:250px;
                       float:left;
                       margin-left:120px;
				        border-radius:26px;
                     }
             .collimg1{
                       background-image:url("images/greneck1.jpg");
				       
                      }
            
             .collimg2{
                       background-image:url("images/lipink1.jpg");
                      }
            
             .collimg3{
                       background-image:url("images/erblck.jpg");
                      }
            
             .viewmore{
                       padding:5px 10px;
                       background-color:white;
                       color:#021e2b; 
                       border-radius:5px;
                       border:none;
                      }
             .viewmore:hover{
                       background-color:lightgrey;
                      }
             .engagement{
                       width:100%;
                       height:500px;
                       background-image:url("images/parallax1.jpg");
                       background-attachment:fixed;
                        }
             .content{
                       width:100%;
                       height:300px;
                       background-color:#021e2b;
                       color:white;
                       text-align:center;
                       padding-top:20px;
                       opacity:0.9;
                     }
             
             
		      .btn{
			         background-color:white;
				     color:blue;
				     padding:5px 10px;
				     border-radius:5px;
				     padding-bottom:2px;
				     margin-right:40px;
				    
				     
		          }
		 .btn:hover{
			         color:black;
			         background-color:lightblue;
		            }
		 .part{
			     width:20%;
			     float:left;
			     
			    
		       }
		 .logo1{
			       padding-left:10px; 
		        }
		
		 
        
              
                  .liki{
                        display:block;
                        width:100%;
                        height:500px;
                        border: 4px solid #021e2b;
					    border-radius:26px;
					  
                        }
                 .wedding{
                         width:100%;
                          height:520px;

                         }
                 .marriage{
                           width:50%;
                           height:70px;
                           
                           float:left; 
                           padding:15px;
                           }
                      
                 .lr{
                      width:380px;
                      height:220px;
                      margin-top:10px;
                      margin-left:70px;
					  border-radius:26px;
					  animation: slideInDown 0.5s;
                     } 
               .lr1{
                      width:380px;
                      height:220px;
                      margin-left:70px;
				      margin-top:10px;
				      border-radius:26px;
                     } 
                 .wed{
                       width:45%;
                       float:right;
                       margin-right:55px;
                      }
                   .lr2{
                      width:100%;
                      height:450px;
                       border-radius:26px;
                     }
		 
		             .bn1{
                      width:380px;
                      height:220px;
                      margin-top:32px;
                      border-radius:26px;
                     } 
		         
		                 
                  .bn{
                      width:380px;
                      height:220px;
                      margin-left:5px;
					  margin-top:37px;
					  border-radius:26px;
                     } 
		          .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; 
		}