.footer-background {
    background-image: url('/images/footer_v1.jpg');
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100%;
    background-position: 80% 60%;
    z-index: 10;
    margin-top: 25px;
    padding-top: 50px;
    padding-bottom: 40px;
    border-top: 2px solid #000;
  }

.carousel-banner-sm {
      height: 560px;
      min-height: 350px;
    }


.input-group-text {
  padding:1rem;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

    .giveMeEllipsisa {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }

    .giveMeEllipsis {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }


/* Change navbar styling on scroll */
.navbar.active {
    background: #272B30;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

    .carousel-item {
      background: no-repeat center center scroll;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .card-title {
      min-height: 4rem;
    }

    .house-background {
      background-image: url('/images/house_background.jpg');
      background-size: cover;
      position: relative;
      width: 100%;
      height: 100%;
      background-position: 80% 60%;
      z-index: 10;
      padding-top: 30px;
      padding-bottom: 40px;
    }

    .carousel-caption {
      top: 50%;
      transform: translateY(-50%);
      bottom: initial;

    }

    .carousel-item {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
    }

    .sprites_misc {
      background-image: url(/images/sprites/sprites_misc.png);
      background-color: transparent;
      background-repeat: no-repeat;
    }

    #elephant_png {
      height: 48px;
      width: 48px;
      background-position: -0px -0px;
    }

    #hippo_png {
      height: 48px;
      width: 48px;
      background-position: -48px -0px;
    }

    #lamp_png {
      height: 48px;
      width: 48px;
      background-position: -96px -0px;
    }

    #mushroom_png {
      height: 48px;
      width: 48px;
      background-position: -144px -0px;
    }

    #onlamp_png {
      height: 48px;
      width: 48px;
      background-position: -192px -0px;
    }

    #penguine_png {
      height: 48px;
      width: 48px;
      background-position: -240px -0px;
    }

    #sheep_png {
      height: 48px;
      width: 48px;
      background-position: -288px -0px;
    }

    .carousel-indicators>li {
      border-radius: 50%;
      width: 22px;
      height: 22px;
      -webkit-text-stroke: 5px black;
      
    }

    .feature-banner-index:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.30) 20%);
    opacity: .9;
}
    
    .feature-banner-index:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.30) 20%);
    opacity: .9;
}
    
    body {
      font-size: 1.4rem;
      
    }
    
.carousel {
  
}
    
    .carousel-free {
      
    }

.carousel-cell {
  width: 70%;
  margin-right: 10px;
  
}
    
    
    @media screen and ( min-width: 768px ) {
  .carousel-cell {
   width: 40%;
  }
}
    
@media screen and ( min-width: 1100px ) {
  .carousel-cell {
   width: 22%;
  }
}
 
    
    
    @media screen and ( min-width: 1100px) {
      
      body {
        font: normal 16px/26px "Roboto", Arial, sans-serif;
        font-style: normal;
          
    }
    }
    
    
    

.carousel-cell-image {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
          transition: opacity 0.4s;
}

/* fade in lazy loaded image */
.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

    

    
    
.card-title{color:#3C4858;text-decoration:none;}
.card-description{color:#999999; }

.card{display:inline-block;position:relative;width:100%;margin-bottom:30px;border-radius:6px;color:rgba(0,0,0, 0.87);background:#fff;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.card .card-image{height:60%;position:relative;overflow:hidden;margin-left:15px;margin-right:15px;margin-top:-30px;border-radius:6px;box-shadow:0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);}
.card .content{padding:15px 30px;}
.card [class*="content-"]{color:#FFFFFF;}
.card [class*="content-"] .card-title{color:#FFFFFF;}
.card [class*="content-"] .author a,.card [class*="content-"] .footer .stats{color:rgba(255, 255, 255, 0.8);}
.card [class*="content-"] .author a:hover,.card [class*="content-"] .author a:focus,.card [class*="content-"] .author a:active{color:#FFFFFF;}
.card [class*="content-"]{border-radius:6px;}
.card img{width:100%;height:auto;}


.card-blog{margin-top:30px;}
.card-blog .card-title{margin-top:5px;}
.img-raised{box-shadow:0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);}