body {
	margin: 0;
	padding: 0;
	font-family: 'source-sans-pro', Helvetica, Arial, sans-serif;
	font-size: 14px;
}
.demo_wrapper {
	width: 50%;
	margin: 0 auto;
}
@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
  .demo_wrapper {
    width: 80%;
  }  
}
.demo_block {
	width: 100%;
}

/* Thumbnails */

.thumb-box{padding:1.4em 0 1em;margin-left:-1%;width:102%}
.thumb-box .thumbs{overflow:hidden;*zoom:1}
.thumb-box .thumbs li{float:left;width:20%;text-align:center;padding:0 1%}
.thumb-box .thumbs li img{
	width:100%;opacity:.8;-moz-transition:opacity 0.32s;-o-transition:opacity 0.32s;
	-webkit-transition:opacity 0.32s;transition:opacity 0.32s;
	/*border-bottom:4px solid transparent*/
	border:1px solid #777;
	    background: #fbfbfb;
	
	}
.thumb-box .thumbs li img.active{
	border-color:#31ace2;
	opacity:1;
	border-color:#e52d2f;
	}
.thumb-box .thumbs li:hover img{opacity:1;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}
.thumb-box >ul{list-style:none}


.sy-slide {
	
    position: relative;
    display: block;
    cursor: pointer;
    padding: 5px;
    border: 1px solid #dbdbdb;
    background: white;
}

.sy-slide img {
    background: #fbfbfb;
    width: 100%;
}


    border-color: #dbdbdb;