body {
  font-family: 'Muli', sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Muli', sans-serif;
}

.nav-link {
  font-weight: 300;
  font-size: 18px;
}

.card-title {
  margin-top: 0;
  font-size: 20px;
}

.card-text {
  font-weight: 300;
  font-size: 16px;
  color: grey;
}

.card {
  -moz-box-shadow: 0px 0px 20px 1px #1d1d1d26;
  -webkit-box-shadow: 0px 0px 20px 1px #1d1d1d26;
  -o-box-shadow: 0px 0px 20px 1px #1d1d1d26;
  box-shadow: 0px 0px 20px 1px #1d1d1d26;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d26, Direction=NaN, Strength=20);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.card-icon {
  margin-bottom:20px;
}

.card-icon img {
  width: 120px;
  margin-bottom: 15px;
}

a .card {
  transition: 0.3s;
  text-decoration: none!important;
}

.brand-img {
  max-height: 100px;
  width: 100%;
}

a:hover {
  text-decoration: none!important;
}

a:hover .card {
  text-decoration: none!important;
  -moz-box-shadow: 0px 0px 20px 1px #1d1d1d4d;
  -webkit-box-shadow: 0px 0px 20px 1px #1d1d1d4d;
  -o-box-shadow: 0px 0px 20px 1px #1d1d1d4d;
  box-shadow: 0px 0px 20px 1px #1d1d1d4d;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d4d, Direction=NaN, Strength=20);
}

a .card img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;

}

a:hover .card img {
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.card-block {
  padding-bottom: 3.5rem;
}

.card  {
  position:relative;
  background-color: #ffffff;
  z-index: 2;
  margin-bottom: 45px;
}

a .card:after {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;

  top: 100%;
  margin-top: -30px;
  left: 50%;
  font-weight: 100;
  content: ">";
  text-align: center;
  line-height:55px;
  color: black;
  font-size: 30px;
  height: 60px;
  width: 60px;
  background: #ffffff;
  border-radius: 100px;
  margin-left: -30px;

  -moz-box-shadow: 0px 0px 15px 0px #1d1d1d26;
  -webkit-box-shadow: 0px 0px 15px 0px #1d1d1d26;
  -o-box-shadow: 0px 0px 15px 0px #1d1d1d26;
  box-shadow: 0px 0px 15px 0px #1d1d1d26;

  position: absolute;
  z-index: 1;  /* to be below the parent element */
}


a:hover .card:after {
  -moz-box-shadow: 0px 0px 15px 0px #1d1d1d4d;
  -webkit-box-shadow: 0px 0px 15px 0px #1d1d1d4d;
  -o-box-shadow: 0px 0px 15px 0px #1d1d1d4d;
  box-shadow: 0px 0px 15px 0px #1d1d1d4d;
}

b, strong{
  font-weight:600;
}

.page-login-v3 form .form-material label {
  font-weight: 300;
  color: #484848;
  font-weight: 500;
}

.brand {
  margin-bottom: 15px;
}

.panel {
-moz-box-shadow: 0px 0px 20px 1px #1d1d1d26;
  -webkit-box-shadow: 0px 0px 20px 1px #1d1d1d26;
  -o-box-shadow: 0px 0px 20px 1px #1d1d1d26;
  box-shadow: 0px 0px 20px 1px #1d1d1d26;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#1d1d1d26, Direction=NaN, Strength=20);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px!important;
}

.page-copyright {
  margin-top: 30px;
}

#title-connect {
  font-size: 3rem;
}

@media (max-width: 767px) {
  #title-connect {
      font-size: 1.5rem;
  }
}

#add-to-home-ios .triangle {
  left: auto;
}