.tallships hr {
  border-color: #acacac;
}

.tallships .carousel {
  border: 10px solid #FFF;
  margin: 10px auto;
}

.tallships .carousel .carousel-indicators {
  margin-bottom: 0;
}

.tallships .carousel .item img {
  width: 100%;
}

.tallships .carousel .carousel-caption h1,
.tallships .carousel .carousel-caption h2,
.tallships .carousel .carousel-caption p {
  line-height: 1.1;
  margin: 0;
  text-align: left;
}

.tallships .carousel .carousel-caption p {
  font-size: 22px;
  margin-top: 15px;
}

.tallships .carousel #slide1 h1,
.tallships .carousel #slide1 h2,
.tallships .carousel #slide1 p {
  text-shadow: 0 1px 2px black !important;
}

.tallships #slide1-caption-desktop {
  left: 5%;
  top: 10%;
  width: 80%;
}

.tallships #slide1-caption-mobile {
  height: 100%;
  left: 0;
  padding: 0;
  top: 0;
  width: 200px;
}

.tallships #slide1-caption-mobile h2 {
  font-size: 26px;
  margin-left: 5%;
  margin-top: 5%;
}

.tallships .carousel #slide2 h1,
.tallships .carousel #slide2 h2,
.tallships .carousel #slide2 p {
  color: #0b4061;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .2) !important;
}

.tallships #slide2-caption-desktop {
  left: 63%;
  top: 5%;
  width: 30%;
}

.tallships #slide2-caption-mobile {
  height: 100%;
  left: 60%;
  padding: 0;
  top: 5%;
  width: 40%;
}

.tallships .carousel #slide3 h1,
.tallships .carousel #slide3 h2,
.tallships .carousel #slide3 p {
  text-shadow: 0 1px 2px black !important;
}

.tallships #slide3-caption-desktop {
  left: 5%;
  top: 50%;
  width: 90%;
}

.tallships #slide3-caption-mobile {
  left: 5%;
  top: 30%;
  width: 40%;
}

.tallships .ts-details .ts-details-title {
  color: #063f62;
  display: block;
  font-size: 32px;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 0;
  text-align: center;
}

.tallships .ts-details .ts-details-img-wrapper {
  margin-top: 10px;
}

.tallships .ts-details .ts-details-img {
  border: 10px solid #fff;
  display: inline-block;
  width: 100%;
}

.tallships .ts-details .ts-details-img img {
  width: 100%;
}

.tallships .ts-details .ts-details-dates {
  border: 6px solid #fff;
  display: table;
  margin-top: 10px;
  width: 100%;
}

.tallships .ts-details .ts-details-date-1 {
  border: 3px solid #fff;
  display: table-cell;
  width: 100%;
}

.tallships .ts-details .ts-details-date-title {
  background: #fff;
  font-weight: bold;
  font-size: 18px;
  padding: 10px;
  text-align: center;
}

.tallships .ts-details .ts-details-date-info {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}

.tallships .ts-details .ts-details-date-spacer {
  background: #fff;
  height: 10px;
}

.tallships .ts-details .ts-details-date-price {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}

.tallships .ts-details .ts-info-copy {
  margin-bottom: 20px;
  margin-top: 20px;
}
.tallships .ts-details .ts-info-copy p {
  margin: 0;
}

.tallships .ts-details .ts-cruises-include {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 20px;
}

.tallships .ts-details .ts-cruises-include ul li {
  padding: 0;
}

.tallships .ts-details .ts-purchase-button {
  text-align: center;
}

.tallships .ts-details .ts-btn {
  width: 200px;
}

/* .row */
.tallships .ts-details-row {
  margin-right: -15px;
  margin-left: -15px;
}
.tallships .ts-details-row:before,
.tallships .ts-details-row:after {
  display: table;
  content: " ";
}
.tallships .ts-details-row:after {
  clear: both;
}

/* .col */
.tallships .ts-details-img-wrapper,
.tallships .ts-details-info,
.tallships .ts-info-copy,
.tallships .ts-cruises-include {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .tallships .ts-details-img-wrapper,
  .tallships .ts-details-info,
  .tallships .ts-info-copy,
  .tallships .ts-cruises-include {
    float: left;
  }

  .tallships .ts-details-img-wrapper {
    width: 33.33333333%; /* .col-4 */
  }
  .tallships .ts-details-info {
    width: 66.66666667%; /* .col-8 */
  }
  .tallships .ts-info-copy {
    width: 66.66666667%; /* .col-8 */
    padding-right: 40px;
  }
  .tallships .ts-cruises-include {
    border-left: 1px solid #063f62;
    padding-left: 15px;
    width: 33.33333333%; /* .col-4 */
  }
}