@charset "UTF-8";
.main-search {
  padding: 15px 0px; }
  .main-search .search-icon {
    position: absolute;
    z-index: 1;
    color: #515254;
    margin-top: 5px;
    margin-left: 5px;
    font-size: 30px; }

.map-search-section .search-maps-table tr {
  display: block;
  float: left; }

.map-search-section md-table-pagination {
  border-top: none; }
  .map-search-section md-table-pagination .label {
    display: none; }

.layout-max-width {
  width: 100%;
  max-width: 1200px; }

.error-container {
  position: absolute;
  height: 100%;
  width: 100%; }
  .error-container .thin-text {
    font-size: 40px; }

#bookmarkflag {
  position: absolute;
  right: -140px;
  width: 250px;
  top: -80px;
  font-size: 12px;
  background: #1b4445;
  /* height: 200px; */
  padding: 200px 0px 9px 0px;
  transform: rotate(45deg);
  color: white;
  text-decoration: none;
  text-align: center;
  vertical-align: bottom;
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75); }
  #bookmarkflag .bookmarklink {
    line-height: 15px;
    font-weight: 900; }
    #bookmarkflag .bookmarklink .bookmarksub {
      font-weight: 400; }
  #bookmarkflag:hover {
    background: #215257; }

.main-container {
  background-color: #3e8c97;
  background-image: url("/modules/core/client/img/background_homepage.jpg");
  background-repeat: no-repeat;
  background-size: contain; }
  .main-container .main-texts {
    color: #FFFFFF;
    text-align: center; }
  .main-container .main-title {
    text-shadow: 2px 2px 7px #3a3a3a;
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    padding: 0px; }
    .main-container .main-title .thin-text {
      letter-spacing: 5px;
      font-weight: 100; }
    .main-container .main-title .thick-text {
      letter-spacing: 3px;
      font-weight: 500; }
  .main-container .splitter {
    background: #fff url("/modules/core/client/img/backgroundcube.gif");
    color: #515254;
    font-size: 15px;
    padding: 20px; }
    .main-container .splitter p {
      text-align: center; }
    .main-container .splitter .md-button {
      background-color: #3e8c97;
      color: #fff; }
      .main-container .splitter .md-button span {
        padding: 0px 15px; }
  .main-container .subtitle-text {
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 30px; }
  .main-container .text-divider {
    color: #FFFFFF;
    padding-bottom: 0px; }
    .main-container .text-divider p:before,
    .main-container .text-divider p:after {
      background-color: rgba(255, 255, 255, 0.5); }
  .main-container .carousel {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    height: 255px; }
    .main-container .carousel .slick-track {
      height: 100%; }
    .main-container .carousel .slick-list {
      height: 100% !important; }
    .main-container .carousel .slick-disabled {
      opacity: 0.5; }
    .main-container .carousel .slick-dots {
      position: absolute;
      bottom: -22px;
      display: block;
      width: 100%;
      padding: 0;
      list-style: none;
      text-align: center; }
    .main-container .carousel .slick-dots li {
      position: relative;
      display: inline-block;
      width: 20px;
      height: 20px;
      padding: 0;
      cursor: pointer; }
      .main-container .carousel .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent; }
      .main-container .carousel .slick-dots li button::before {
        font-family: slick;
        font-size: 36px;
        line-height: 20px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 20px;
        height: 20px;
        content: "•";
        text-align: center;
        opacity: 0.25;
        color: #ffffff;
        -webkit-font-smoothing: antialiased; }
    .main-container .carousel .slick-dots li.slick-active button:before {
      opacity: 1;
      color: #ffffff; }
    .main-container .carousel .carousel-content {
      height: 100%;
      max-height: 100%;
      box-sizing: border-box; }
      .main-container .carousel .carousel-content a {
        text-decoration: none; }
    .main-container .carousel .slick-slider {
      height: 100%; }
    .main-container .carousel .carousel-card {
      height: 195px;
      margin: auto;
      width: 210px !important;
      margin-top: 30px;
      transition: 0.1s linear all; }
      .main-container .carousel .carousel-card:hover {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        box-shadow: 0px 0px 15px 2px #184046; }
    .main-container .carousel a {
      position: relative; }
    .main-container .carousel .md-button {
      line-height: 26px;
      min-height: 26px;
      width: 40px;
      min-width: 40px; }
    .main-container .carousel .left-arrow {
      left: -35px !important; }
    .main-container .carousel .right-arrow {
      right: -35px !important; }
    .main-container .carousel .arrow-btn {
      position: absolute;
      cursor: pointer;
      top: 43%;
      bottom: 0; }
      .main-container .carousel .arrow-btn .btn-wrapper {
        position: relative;
        height: 100%;
        width: 100%;
        display: table; }
      .main-container .carousel .arrow-btn .carousel-arrow {
        -webkit-text-stroke: 3px #3e8c97;
        cursor: pointer;
        color: #FFFFFF;
        font-size: 60px;
        width: 100%;
        margin-left: -30px;
        display: table-cell;
        vertical-align: middle; }

.custom-error {
  color: red;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  opacity: 1;
  margin-top: 0;
  padding-top: 5px; }

.white-select:not([disabled]):focus .md-select-value {
  color: #fff;
  border-bottom-color: #fff; }

.white-select .md-select-value.md-select-placeholder {
  color: #fff; }

.white-select .md-select-value {
  border-bottom-color: #fff; }

.fade-carousel.ng-enter {
  transition: 0.5s linear all;
  opacity: 0; }

.fade-carousel.ng-enter.ng-enter-active {
  opacity: 1; }

.fade-carousel.ng-leave {
  transition: 0.5s linear all;
  opacity: 1; }

.fade-carousel.ng-leave.ng-leave-active {
  opacity: 0; }

.unofficial-maps-card {
  background: #2d2d2d !important; }

.more-maps-card {
  display: inline-block;
  height: 195px;
  line-height: 195px;
  margin-top: 30px;
  width: 210px !important;
  background: none;
  color: #FFFFFF;
  text-align: center; }

.map-display-infinite .repeated-item {
  padding: 20px;
  margin: 0 !important; }

.animate-show,
.animate-hide {
  transition: all linear .5s; }

.animate-show.ng-hide-remove,
.animate-hide.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  display: block !important; }

.animate-hide.ng-hide-add,
.animate-show.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  display: block !important; }

.virtualRepeatdemoDeferredLoading #vertical-container {
  height: 292px;
  width: 100%;
  max-width: 400px; }

.virtualRepeatdemoDeferredLoading .repeated-item {
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  height: 40px;
  padding-top: 10px; }

.virtualRepeatdemoDeferredLoading md-content {
  margin: 16px; }

.virtualRepeatdemoDeferredLoading md-virtual-repeat-container {
  border: solid 1px grey; }

.virtualRepeatdemoDeferredLoading .md-virtual-repeat-container .md-virtual-repeat-offsetter div {
  padding-left: 16px; }