@keyframes rotation {
  from {transform: rotate(0deg);
   -moz-transform:transform: rotate(0deg);
    -webkit-transform:transform: rotate(0deg);/* Chrome, Safari, Opera */
      -ms-transform:transform: rotate(0deg);/* IE 9 */
        -o-transform:transform: rotate(0deg);
  }
  to {transform: rotate(359deg);
 -moz-transform:rotate(359deg);
    -webkit-transform:rotate(359deg);/* Chrome, Safari, Opera */
      -ms-transform:rotate(359deg);/* IE 9 */
        -o-transform:rotate(359deg);
  }
}

#spinner{
  height:60px;
  width:60px;
  margin:150px auto;
  position:relative;
  animation: rotation .6s infinite linear;
  -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
    -ms-animation: rotation .6s infinite linear;
     -o-animation: rotation .6s infinite linear;
  border-left:6px solid rgba(0,174,239,.15);
  border-right:6px solid rgba(0,174,239,.15);
  border-bottom:6px solid rgba(0,174,239,.15);
  border-top:6px solid rgba(0,174,239,.8);
  border-radius:100%;
}



.da-thumbs {
	list-style: none;
	position: relative;
	margin: 40px auto 0 auto;
	padding: 0;
	opacity: 0
}
.da-thumbs li {
	float: left;
	position: relative;
	padding-left: 0;
	padding-right: 0;
	background: #000;
}

.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
	width: 100%
}
.da-thumbs img {
	display: block;
}


.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #000;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	color:#fff
}
.da-thumbs li a div h4 {
	display: block;
	top: 30%;
	text-align: center;
}
.da-thumbs li a div p {
    display: block;
    top: 60%;
    text-align: center;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
}





@media (min-width: 900px) {
.da-thumbs li.col-dt-3{
	width:19.9999%
}
}