<style type="text/css" media="all">

.spinner {
	border:6px #666;
	with: 100px;
	height: 100px;
	border-radius: 50%;
	boder-left-color: #000;
	animation:spinner 1s ease-in-out infinite;

}

@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
s
#portfolio-sort {
        list-style: none;
        font-style: normal;
        margin: 0 0 10px;
        padding: 0;
        font-size: 16px;
        
    }
    
#portfolio-sort li a {
        color: #969799;
        padding: 8px 20px 0px 0px;
        font-weight: 380;
    }

   
.overlay-caption span {
        
        text-transform: capitalize;
        font-size: 15px;
        font-weight: 350;
        line-height: 1.2em;
        letter-spacing: .5px;
        padding: 0 0px;
        margin:0px 10px 10px 0px;
    }

.overlay-caption h2 {
        font-weight: 550;
        font-size: 20px;
        line-height: 1em;
        margin: 25% 0 5px;
        padding: 0 20px;
        text-transform: normal;
    }
	
	/* Loader overlay */
#page-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: opacity 0.5s ease;
}

.div1 { float: left;}

@media screen and (max-width:320px){
  .div1 { float: left;
  display: none; }
   }

	
</style>