/*hover carousal*/
.carousel-inner 
        {
          position: relative;
          /*width: 50%;*/
        }

        .image 
        {
          display: block;
          /*width: 100%;*/
          /*height: auto;*/
        }
    .template-background
        {
    background:url("../img/logo/content.png") repeat scroll 0 0 transparent;
           }

    .overlay
    {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      transition: .5s ease;
      background-color: #01552b;
    }

    .carousel-inner:hover .overlay 
    {
      opacity: 0.9;
    }

    .text 
    {
      color: white;
      font-size: 15px;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
    }
/*//hover carosual*/
/*collapisble*/
.collapsible:before {
          content: '\002B';
          padding: 3px 10px;
          background:#76b947;
          color: white;
          /*font-weight: bold;*/
          /*float: left;*/
          /*margin-left: 5px;*/
        }
        
        .add .active:before {
          content: "\2212";
        }
        .object{
            object-fit: cover;
            object-position: 20% 28%;
        }
/*collapisble*/