@media only screen and (min-width: 992px){
	 .container.carousel-offset {
	  	width: 100%;
	    max-width: 100%;
	    padding-left: calc((50% - 525px));
	    padding-right: 0px;
	  }

	.carousel-cell {
	  margin-right: 40px;
	}	   

}


.carousel {
  background: #FFF;
}


.carousel-cell {
	width: calc(960px / 1.5);	
  	height: calc(580px / 1.5);
  	margin-right: calc(40px / 1.5);
/*  	opacity: 0.75;
  	transition: all 0.3s ease-in;
  	filter: blur(3px);*/

} 

.carousel-cell.is-selected {
/*	opacity: 1;
	filter: none;*/
}

@media only screen and (max-width: 640px){
.carousel-cell {
  height: auto;
} 
}

.portfolio {
    margin-bottom: -60px;
}

.portfolio-item {
/*    margin-bottom: 40px;*/
    position: relative;
}

.archive .portfolio-item {
    margin-bottom: 100px;
}

@media only screen and (max-width: 991px){
	.archive .portfolio-item {
	    margin-bottom: 40px;
	}	
}

.portfolio-item .caption {
	position: absolute;
	bottom: 0px;
	left:40px;
/*	right:20px;*/
	background-color: rgba(0,0,0,.5);
	padding: 20px;
	color: #FFF;
	border-radius: 5px;
	transition: all 0.2s ease-out;
	backdrop-filter: blur(6px);
	opacity: 0;
}


/*.carousel-cell.is-selected .portfolio-item .caption,*/


.portfolio-item:hover .caption,
.portfolio-item .caption.visible{
	bottom: 40px;
	opacity: 100;
}


.carousel-cell .portfolio-item h3 {
	line-height: 100%;
    margin: 0px 0 6px 0;

}
.carousel-cell .portfolio-item h3 a,
.archive .portfolio-item h3 a{
	color: #FFF !important;

}

.portfolio-item p {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
}

.portfolio-item-img:hover img {
    transform: scale(1.05);
	 opacity: 1;
	 -webkit-animation: flash 1s;
	 animation: flash .3s ease-in-out;    
}

.portfolio-item-img img {
    transition: transform 0.25s ease-out;
    transform-origin: center center;
    max-height: calc(580px / 1.5);
    width: auto;

}

.archive .portfolio-item-img img {
    max-height: none;

}

.portfolio-item-img {
    overflow: hidden;
}

.portfolio-item a.button {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
}




.flickity-prev-next-button.previous {
	left: -80px !important;
}
.flickity-prev-next-button.next {
/*    left: 915px;*/
}

.flickity-page-dots {
	display: none;
}

/*.flickity-page-dots .dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 4px;
    background: #4d4d4d;
    border-radius: 50%;
    opacity: .25;
}*/


.flickity-page-dots .dot.is-selected{
    width: 30px;
    border-radius: 200px;
}




 @media only screen and (max-width: 991px){
	 .container.carousel-offset {
	    padding-right: 0;
	  }
  
	.flickity-prev-next-button.next,
	.flickity-prev-next-button.previous {
	    display: none;
	}

	.carousel-cell {
		width: 80%;	
		margin-right: 20px;
	} 	

	.portfolio-item .caption {
		display: none;
	}	

.flickity-page-dots	{
	display: inline-block;
	text-align: left !important;
	left: -5px;
	bottom: 10px;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 4px;
    background: #4d4d4d;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer;
    transition: all 0.25s ease-out;


}

.flickity-page-dots .dot.is-selected {
    width: 12px;
    border-radius: 200px;
}	
}


@-webkit-keyframes flash {
 0% { opacity: 1; }
 25% { opacity: .75; }
 100% { opacity: 1; }
}
@keyframes flash {
 0% { opacity: 1; }
 25% { opacity: .75; }
 100% { opacity: 1; }
}