#container {
    padding: 0;
	margin: 0 20px;
    transition: all 0.45s;
    -webkit-transition: all 0.45s;
}

.demo {
	text-align: center;
	padding: 0 20px;
    margin-bottom: 25px;
}

@media (min-width: 1600px) {
    .col-xlg-col-5.demo  {
        width:20% !important;
    }
}

.demo p {
	font-size:14px;
	color:#0170b6;
	line-height:1.4;
	margin-bottom: 0;
}

.demo .demo-image-wrap {
	border: 1px solid #fff;
	background-color: #fff;
	padding:3px;
	position: relative;
	margin-right:1px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    border-radius:4px;
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	
}

.demo .demo-image-wrap:hover {
    background-color: #0170b6;
    border-color:#673AB7;
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 -4px 12px rgba(0, 0, 0, 0.4);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 -4px 12px rgba(0, 0, 0, 0.4);
}

.demo .demo-image {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin: 0 auto;
	height: 250px;
	-webkit-transition: background-position 0.5s linear 0s; /* Safari and Chrome */
	-moz-transition: background-position 0.5s linear 0s; /* Firefox 4 */
	-o-transition: background-position 0.5s linear 0s; /* Opera */
	transition: background-position 0.5s linear 0s;
	border-radius:4px;
}

@media (max-width: 1680px) {
	.demo .demo-image {
		height: 210px;
	}
}

@media (max-width: 1440px) {
	.demo .demo-image {
		height: 178px;
	}
}

@media (max-width: 1440px) {
	.demo .demo-image {
		height: 178px;
	}
}

@media (max-width: 1200px) {
	.demo .demo-image {
		height: 145px;
	}
}

.demo .demo-image.fixed-image {
	background-position: center;
}
.demo-image-wrap:hover .demo-image.fixed-image {
	background-position: center;
}
.demo-image-wrap:hover .demo-image {
	background-position: center bottom;
    -webkit-transition: background-position 3s linear 0s;
    transition: background-position 3s linear 0s;
}

.demo.coming .demo-image { background-image: url(../images/platzhalter1.jpg); background-position: center center; background-size: auto auto; background-color: #ddd; }

.demo .demo-link {
    display: block;
    position: relative;
	margin: 20px 0;
    text-decoration: none;
}

.demo h2 {
    font-size: 18px;
	color: #333;
	margin: 10px;
	 color: #0170b6;
}

.demo a:hover h2 {
    color: #2b3980;
}

.demo p {
	 color: #0170b6;
}

.demo a:hover p {
    color: #2b3980;
}