.card {
       border:0px;
        position: relative;
        display: inline-block;
    }
    .card .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
     
    }
    .card:hover .img-top {
     display: inline-block;
    }
 	  .link-active:before {
    	color: #FFFFFF;
    	width: 100% !important;
    }
    
     .section .custompadding{
   padding: 40px 0px !important;

   }
 
 
.spacing {
   
    width: 110px;
    height: 110px;
    margin: 0px auto;
    margin-bottom: 0px;
    text-align: center;
    display: block;
    border-radius: 50%;
    position: relative;
    margin-bottom: 25px; }
    
    
.social-connect-nav {
    max-width: 140px;
    margin: 5px 0 0;
    padding: 0;
    text-align: left;
}

/*modal box */

.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}
/*modal box */