.custom-btn {
  width: 190px;
  height: 55px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  font-family: 'Montserrat';
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  background-color: #4E1F6E;
  border-radius: 25px 25px 25px 25px;
}
.top-mrg-contact {
    margin-top: 41px;
}

.btn-login-sec{
	margin: 0;
    position: absolute;
    top: 106%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	}
button.custom-btn.mis-ftr {
    width: 40%;
}
button.custom-btn:hover {
    background-color: #000000;
    border: 2px solid #000;
}

/*box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
   */

/* 7 */
.btn-7 {
    background-color: #4E1F6E;
    background-image: linear-gradient(315deg, #4E1F6E 0%, #4E1F6E 74%);
    line-height: 54px;
    padding: 0;
    border: none;
    border-radius: 30px;
}
.btn-7 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  font-weight: 600;
  font-size: 15px;
}
.btn-7:before,
.btn-7:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background: #4E1F6E;
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-7:before{
   height: 0%;
   width: 2px;
}
.btn-7:after {
  width: 0%;
  height: 2px;
}
.btn-7:hover{
  color: #4E1F6E;
  background: transparent;
}
.btn-7:hover:before {
  height: 100%;
}
.btn-7:hover:after {
  width: 100%;
}
.btn-7 span:before,
.btn-7 span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: #4E1F6E;
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-7 span:before {
  width: 2px;
  height: 0%;
}
.btn-7 span:after {
  height: 2px;
  width: 0%;
}
.btn-7 span:hover:before {
  height: 100%;
}
.btn-7 span:hover:after {
  width: 100%;
}

@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.top-mrg-login {
    margin-top: 3%;
}
.top-mrg-subscribe{margin-top: 4%;}