@import url('https://fonts.googleapis.com/css2?family=Girassol&family=Libre+Baskerville&family=Lobster&display=swap');

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://weloveiconfonts.com/api/?family=entypo);
 
 
 .nikku{
     width: 100%;
     text-align: center;
 }
 
 
 .rikku{
     margin-bottom:455px;
     text-align: center;
     font-family: Georgia, 'Times New Roman', Times, serif;
 }
.iet{
    width: 100%;
    height: 5px;
    background-color: rgb(141, 30, 52);
    display: inline-block;
}
 .madd{
    
     text-align:center;
     
     

 }
 .ma{
    font-family: 'Libre Baskerville', serif;
 }
 .address-group .md-heading i{
     display: inline-block;
 }
 .contact-form{
    padding: 0rem 0;
    background: #f7f7f7;
    

}
      
.form-wrapper::after{
    content: "";
    display: block;
    clear: both;
}
.form-wrapper .company-address{
    width: 49%;
     float: left;
     display: inline-block;
     background-color: rgb(255, 255, 255);
     padding: 1rem;
     height: 760px;
}
.form-wrapper .company-address i{
  display: inline-block;
  margin-right: 1rem;
}
.form-wrapper .company-address h2{
    display: inline-block;
    text-transform: uppercase;
}

.form-wrapper .form{
    
    width: 49%;
    float: right;
    background-color: rgb(255, 255, 255);
    font-size: 1.3rem;
    padding: 0.5rem;
    height: 760px;
}
.form-wrapper .address-group{
    margin-bottom: 0.5rem;
}
.form-wrapper .company-address img{
   max-width: 90%;
    min-height: 1rem;
    object-fit: cover;
    object-position:right ;
}
.form h2::after{
    content: "";
    display: block;
    border: 2px solid #e63946;
    width: 100%;
}
.form-wrapper label{
    display: block;
}
.form-wrapper .form input{
    padding: 0.5rem;
    width: 100%;

}
.form-wrapper .form .form-group{
    margin-bottom: 1.2rem;
}
.form-wrapper .form label::after{
    content: "*";
    color: #e63946;
}
.form-wrapper .form textarea{
    width: 100%;
    height: 100px;
    padding: 1rem;
}
.footer{
    background-color: #263228;
    color: #f4f4f4;
    padding: 0rem;
    text-align: center;
    
}

.social-media-links i{
    margin: 1rem;
}

[class^="entypo-"]:before {
 font-family: 'entypo', sans-serif;
}
body {
  background: #e6e6e6;
}
#social-sidebar {
 left: 0;
 position: fixed;
 top: 30%;
}
#social-sidebar li:first-child a { border-top-right-radius: 5px; }
#social-sidebar li:last-child a { border-bottom-right-radius: 5px; }
 
#social-sidebar a {
 background: rgba(0, 0, 0, .7);
 color: #fff;
    text-decoration: none;
 display: block;
 height: 50px;
 width: 50px;  
 font-size: 24px;
 line-height: 50px;
 position: relative;
 text-align: center;
    cursor: pointer;
}
#social-sidebar a:hover span {
 left: 120%;
 opacity: 1;
}
#social-sidebar a span {
  font: 12px "Open Sans", sans-serif;
  text-transform: uppercase;
 border-radius: 3px;
 line-height: 24px;
 left: -100%;
 margin-top: -16px;
 opacity: 0;
 padding: 4px 8px;
 position: absolute;
 transition: opacity .3s, left .4s;
 top: 50%;
 z-index: -1;
}
 
#social-sidebar a span:before {
 content: "";
 display: block;
 height: 8px;
  width: 8px;
 left: -4px;
 margin-top: -4px;
 position: absolute;
 top: 50%;
 transform: rotate(45deg);
}
 
#social-sidebar a[class*="twitter"]:hover,
#social-sidebar a[class*="twitter"] span,
#social-sidebar a[class*="twitter"] span:before {background: #00aced;}
 
#social-sidebar a[class*="facebook"]:hover,
#social-sidebar a[class*="facebook"] span,
#social-sidebar a[class*="facebook"] span:before {background: #3B5998;}
 
#social-sidebar a[class*="gplus"]:hover,
#social-sidebar a[class*="gplus"] span,
#social-sidebar a[class*="gplus"] span:before {background: #E34429;}
 
#social-sidebar a[class*="dribbble"]:hover,
#social-sidebar a[class*="dribbble"] span,
#social-sidebar a[class*="dribbble"] span:before {background: #ea4c89;}
 
#social-sidebar a[class*="dropbox"]:hover,
#social-sidebar a[class*="dropbox"] span,
#social-sidebar a[class*="dropbox"] span:before {background: #8DC5F2;}
 
#social-sidebar a[class*="github"]:hover,
#social-sidebar a[class*="github"] span,
#social-sidebar a[class*="github"] span:before {background: #9C7A5B;}
 
#social-sidebar a[class*="linkedin"]:hover,
#social-sidebar a[class*="linkedin"] span,
#social-sidebar a[class*="linkedin"] span:before {background:#0072b1 ;}

.hmm {
    background-color: DodgerBlue;
    border: none;
    color: white;
    margin-left: px;
    padding: 12px 30px;
    cursor: pointer;
    font-size: 20px;
  }
  
  
  .hmm:hover {
    background-color: RoyalBlue;
  }