.sliderwrap {
      position: relative;
		z-index:1;
		display: none;
    }
	.sliderwrap {
	  width: 382px; 
	  height: 390px;
	  margin-bottom: 1em;
	  overflow: hidden;
	  box-shadow: 0 0 20px #efefef;
	  border-radius: /*5px 5px 0 */0;
	  background:rgba(255,255,255,1);
	}
	
	.sliderwrap:hover  {
			  color: #5c635f;
			  box-shadow: 0 0 20px #979e9a;
		}

	.sliderwrap .contract {width: 50px; float: left; margin: 0 0 0.5em 1em;}
	.sliderwrap .expand {width: 96%; float: left; margin: 0 0 0.5em 1em;}
	.sliderwrap .expand img {	float: right;	margin-top: 5px;}
	a.expand {color:#76a59d;}
	.sliderwrap .contract {display: none;}

	.sliderwrap.expanded {position: absolute; box-shadow: 0 0 20px #a6a6a6; background:#f1f8f5; z-index:10}
	.sliderwrap.expanded .nomargin {display:none;}
	.sliderwrap.expanded .expand {display: none;}
	.sliderwrap.expanded .contract {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		font-size:1.7em;
		text-align:right;
		background:#fff;
		border: #fff 10px solid;
		border-bottom-left-radius:100%;
		color: #76a59d;
		height:57px; width:57px;
		cursor:pointer;
	}	
#feature-backdrop {z-index:9;background:rgba(0,0,0,0.25);position:fixed;top:0;left:0;width:100%;bottom:0;right:0;}
@media only screen and (max-width: 79.999em) { /*1280px*/
	.sliderwrap {
	  margin-left: 50px;
	}
	.sliderwrap:nth-of-type(2n+1){
		margin-left: 50px;
	}
}
	.sliderwrap {
	  float: left;
	}
	.sliderwrap .slides div {
	  display: /*inline-*/block; float:left;
	  width: 382px; background:white;height: 300px; margin-bottom:1em;
	}
	.sliderwrap .slides div.nomargin {height: 332px; margin-bottom:1px; overflow:hidden;}
	.sliderwrap.expanded .slides div {
	  margin: 0.5em 0.45em; overflow:hidden;
	}
	.sliderwrap h3 {font-size: 1.3em; text-align:center; padding:0 10px;}
	.sliderwrap p { font-size:0.9em; text-align:center; padding:0 10px;}
	.sliderwrap a.more {  display: table-cell;  height: 299px;  margin: auto;  text-align: center;  vertical-align: middle;  width: 382px;}
	.sliderwrap a.moreinfolink { display:block; text-align:center; background:#fff; color:#76a59d; padding:0.4em 0.5em 0.6em 0.5em; text-decoration:none; font-size:2em; border-radius:/*3px 3px 0 */0;}
	.sliderwrap a.moreinfolink:hover { background:#76a59d; color:#fff;}
	.sliderwrap.expanded a.moreinfolink { background:#76a59d; color:#fff;}
	/*.sliderwrap.even {margin-left: 85px;}*/
    .slides {
      display: none;
	  width: 100%;
	  height: 300px;
	  border-radius: 0;
	  margin-top:0px;
	  z-index:3;
    }
	.slides div .thumb {
	  background-color: #fff;
	  background-position: center center;
	  background-repeat: no-repeat;
	  background-size: contain;
	  border: 0 none;
	  display: block;
	  height: 160px;
	  margin: 0 !important;
	  padding: 0;
	}
	.slides .slidesjs-navigation {
	  margin-top: 0;
	  position: absolute;
	  right: 0;
	  bottom: 0;
	  z-index: 2;
	  display: none;
	}
    .slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    .slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
	  position: absolute;
	  bottom:0;
	  background-color:#76a59d; width:100%; padding:0.3em;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
	  background-color: rgba(255, 255, 255, 0.6);
	  border-radius: 15%;
	  display: inline-block;
	  height: 20px;
	  margin: 0 2px;
	  width: 20px;
	}
   .slidesjs-pagination li a {
      display: block;
      width: 20px;
      height: 20px;
      /*background-image: url(../images/layout/pagination.png);*/
      background-position: 0 0;
      float: left;
      overflow: hidden;
 	  color: rgba(255, 255, 255, 0) !important;
   }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    .slides a:link,
    .slides a:visited {
      color: #43966c; text-decoration:none;
    }

    .slides a:hover,
    .slides a:active {
      color: #000
    }

    .navbar {
      overflow: hidden
    }

    .container {
      margin: 0 auto
    }

@media only screen and (min-width: 80em) { /*1280px*/
	.sliderwrap {margin-left: 19px;}
	.sliderwrap:nth-of-type(3n+1){
		margin-left: 0px;
	}
}
    /* For tablets & smart phones */
    @media (max-width: 767px) {
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1170px
      }
    }