body {
    padding-top: 40px;
    padding-bottom: 40px;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
    
    

}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin input[type="text"],
.form-signin input[type="password"],
.form-signin input[type="email"] {
    position: relative;
    font-size: 13px;
   height: 40px!important;
    height: auto;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top:10px!important;
}
.form-signin input[type="text"]:focus,
.form-signin input[type="password"]:focus,
.form-signin input[type="email"]:focus  {
    z-index: 2;
}
.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-radius: 0;
}

.list-inline a {
    color:#000000 !important;
    font-size:13px !important;
}

.list-inline a:hover {
    color:#24a2f6!important;
    text-decoration:none;
}
.btn-lg {
    margin:0px!important;
}
.form-signin p {
    /*background-color:#000;*/
    font-size:16px !important;
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color:white;
    padding:8px 0px 8px 0px;
    border-radius:5px;
      -webkit-border-radius:5px;
    -moz-border-radius: 5px;

}
#login {
    margin-top:30px;
}

#forgot {
    margin-top:50px;
}

#signup {
    margin-top:30px;
}

#logoimg {
    //width: 315px;
    height: 200px;
    //padding-left: 33px
}



.SharedBy{
    position:fixed;
    right:10px;
    bottom:10px;
    padding:0px 10px;
    text-shadow: 0px 0px 5px #fff;
}
//Share Buttons
.myBtnShare, .soc-but {
  width: 5rem;
  height: 5rem;
}
.myBtnShare {
  background: #042037;
  position: fixed;
  perspective: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  color: white;
  padding:5px;
  right:20px;
  width: 50px;
  height: 50px;
  top:50%;
  border-radius:10px;
  transition: 1s transform;
  animation: 1s topbottom infinite;
}
.myBtnContact .back:hover{
    background: none;
    color: #042037;
    border: 2px #042037 solid;
}
@keyframes topbottom {
  0% {top: 50%;}
  50% {top: 52%;}
  100 {top: 50%;}
}
.myBtnShare:hover
{
    animation: none;
    transform: rotate(720deg);
    border-radius:0px;
}
.myBtnShare:hover .fb {
  transform: rotateY(180deg);
}
.myBtnShare:hover .tw {
  transform: rotateY(-180deg);
}
.myBtnShare:hover .gp {
  transform: rotateX(180deg);
}
.myBtnShare:hover .vk {
  transform: rotateX(-180deg);
}
.myBtnShare:hover .tw {
  top:-50px;
  left:-100px;
}

.soc-but {
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 0.4s ease;
  transform-style: preserve-3d;
  width: 50px;
  height: 50px;
}

.back {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  padding:5px;
  color: white;
  text-decoration: none;
}
.back:hover{
    text-decoration: none;
}
.tw{
    transition: 0.4s top;
    z-index:-2px;
}
.vk .back, .gp .back {
  transform: rotateX(180deg);
}
.tw .back, .fb .back {
  transform: rotateY(180deg);
}
.fb .back {
  background: #3b5998;
}
.vk .back {
  background: #0072BA;
}
.tw .back {
  background: #00aced;
}
.gp .back {
  background: #25D366;
}
.fb, .vk {
  transform-origin: 0% 0%;
}
.gp, .tw {
  transform-origin: 100% 100%;
}
.tw {
  transition-delay: 0.3s;
  transform: rotateY(-90deg);
}
.gp {
  transition-delay: 0.2s;
  transform: rotateX(90deg);
}
.vk {
  transform: rotateX(-90deg);
}
.fb {
  transition-delay: 0.1s;
  transform: rotateY(90deg);
}

.whatsapp-Icon
{
    position:fixed;
    bottom:70px;
    right:30px;
    height:50px;
}
.call-Icon
{
    position:fixed;
    bottom:70px;
    right:90px;
    height:50px;
}
.messsage-Icon
{
    position:fixed;
    bottom:70px;
    right:150px;
    height:45px;
}