div.slider {
  height: 300px;
	margin-left: 10px;
	margin-right: 10px;
  display: none;
}

div.top {
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 375px;
}
div.top-placeholder {
  height: 0px;
}
@media (min-width: 1024px) {
  div.top {
    position: fixed;
  }
  div.top-placeholder {
    height: 375px;
  }
}
.tooltip {
  max-width: 400px !important;
}

.label {
  margin-bottom: 10px;
}
h5 {
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: mediumblue;
}

.thumbnail-list {
  margin:0px auto;
  text-align:center;
}

li {
  list-style-type: none;
}
li.thumbnail {
  margin-left: 10px;
}
.thumbnail img {
  height: 150px;
}

div.guestbook {
  padding-top: 20px;
}
div.slider img {
  margin-left: auto;
  margin-right: auto;
	margin-top: 10px;
	margin-bottom: 25px;
  height: 275px;
  -webkit-box-shadow:
     0px 0px 0px 1px rgba(0,0,0,0.6),
                0px 0px 0px 7px #fff,
                0px 0px 0px 9px rgba(0,0,0,0.2),
                3px 3px 4px 8px #555;

     -moz-box-shadow:
     0px 0px 0px 1px rgba(0,0,0,0.6),
                0px 0px 0px 7px #fff,
                0px 0px 0px 9px rgba(0,0,0,0.2),
                3px 3px 4px 8px #555;

          box-shadow:
     0px 0px 0px 1px rgba(0,0,0,0.6),
                0px 0px 0px 7px #fff,
                0px 0px 0px 9px rgba(0,0,0,0.2),
                3px 3px 4px 8px #555;
}

body, .top {
  background: rgba(179,220,237,1);
  background: -moz-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(179,220,237,1)), color-stop(50%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1)));
  background: -webkit-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
  background: -o-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
  background: -ms-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
  background: linear-gradient(to right, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=1 );
}

.slider {
  background: transparent;
}

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

.card {
  font-family: 'Roboto', sans-serif;
  background-color: rgba(50, 50, 200, 0.10);
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  color: mediumblue;
  border-radius: 5px; }
  .card .title {
    line-height: 3rem;
    font-size: 1.5rem;
    font-weight: 300; }
  .card .content {
    padding: 1.3rem;
    font-weight: 300;
    border-radius: 0 0 2px 2px; }
  .card p {
    margin: 0; }
  .card .action {
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 1.3rem; }
  .card a {
    color: #ffab40;
    margin-right: 1.3rem;
    transition: color 0.3s ease;
    text-transform: uppercase;
    text-decoration: none; }
  .card .image {
    position: relative; }
    .card .image .title {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 1.3rem;
      color: #fff; }
    .card .image img {
	  height: 150px;
	  margin: auto;
	  -webkit-box-shadow:
	     0px 0px 0px 2px rgba(0,0,0,0.6),
			0px 0px 0px 14px #fff,
			0px 0px 0px 18px rgba(0,0,0,0.2),
			6px 6px 8px 17px #555;

	     -moz-box-shadow:
	     0px 0px 0px 2px rgba(0,0,0,0.6),
			0px 0px 0px 14px #fff,
			0px 0px 0px 18px rgba(0,0,0,0.2),
			6px 6px 8px 17px #555;

		  box-shadow:
	     0px 0px 0px 2px rgba(0,0,0,0.6),
			0px 0px 0px 14px #fff,
			0px 0px 0px 18px rgba(0,0,0,0.2),
			6px 6px 8px 17px #555;
	}