@import url('https://fonts.googleapis.com/css?family=Poppins:100,300,400,500,700,900');

body {
  font-family: 'Poppins', sans-serif;
  /*background: #eee url(../images/bg.png);
  background-attachment: fixed;*/
  padding: 10px 0;
  background:#f7f7f7;
}

h1, h2, h3, h4, h5, h6{ margin-top: 0; }
.card h5{ font-weight: 500;  }
.full{ width: 100%; }
.panel-list{ padding: 16px; color: #fff; border-top: 1px solid rgba(255, 255, 255, .1); }
.panel-list i{ float: left; margin-right:10px; }
.card{ border-radius: 5px; overflow: hidden; position: ; }
.card-pad{ padding: 10px; }
.cyan.lighten-4 {
    background-color: #00a6dd; !important;
}
.icon-box{
position: absolute;
right: 10px;
bottom: 10px;
z-index: 1;}

.icon-box a{
background-color: #00a6dd;
display: inline-block;
border-radius: 100%;
height: 40px;
width: 40px;
text-align: center;
line-height: 55px;}

.icon-box a:hover{ background-color: #00a6dd;}
.icon-box a:hover i{ color: #fff; }

.icon-box a i{ color: #333;}
.buttons{padding:0px 0px; }
.buttons .btn{ margin: 5px 0; }
.card.horizontal{ position: relative; }
.card {margin: 5px 0 5px 0;}
.help-icon{ margin: 0; padding: 0; }
.help-icon li{ display: inline-block; margin: 15px 26px; }
.help-icon li a{ color: #fff; opacity: 1;}
.help-icon li a:hover{ opacity: 1; }

@media (max-width: 600px) {
/*.card.horizontal{ display: block; }*/
.card.horizontal .card-image { max-width: 25%;}
}

@media (max-width: 481px) {
.card-content img{ width: 100%; }
  }
#modal1 .modal-content h4 a{
    color:#000;
}