/**
* DA GALLERY style
* mobile first
**/

.da-gallery{
	margin: 0;
	padding: 0;
	width: 100%;
}



.da-gallery .main-image{
	width: 100%;
	height: 200px;
	margin-bottom: 10px;
	overflow: hidden;
	/*background-color: #d1d1d1;*/
	background-color: #FFF;
	
}

.da-gallery .main-image a{
	border: none;
	width: 100%;
height: 100%;
display: block;
position: relative;
text-align: center;
}

.da-gallery .main-image a:hover,
.da-gallery .main-image a:focus{
	border: none;
}

.da-gallery .main-image img{
	visibility: hidden;
	
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
	position: absolute;
	z-index: 1;
	max-width: none;
		margin: auto;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
}

.da-gallery .main-image img.active{
	visibility: visible;
	
}

.da-gallery .main-image:hover img{
	opacity: 0.7;
	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

.da-gallery .main-image img.vertical{
	height: 100%;
	width: auto;

}
.da-gallery .main-image img.horizontal{
	width: 100%;
	height: auto;

}

.da-gallery .thumbs{
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
			align-items: center;
			-webkit-flex-wrap: wrap;
			    -ms-flex-wrap: wrap;
					flex-wrap: wrap;
					-webkit-box-pack: center;
					-webkit-justify-content: center;
					    -ms-flex-pack: center;
					        justify-content: center;
}

.da-gallery .thumb{
	
	width: -webkit-calc(33.333333% - 1%);
	width: calc(33.333333% - 1%);
	margin-bottom: 5px;
	position: relative;
	overflow: hidden;
	height: 70px;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

.da-gallery .thumb .credits{
	right: auto;
	left: 50%;
	transform: translatex(-50%);
	text-align: centerju;
}

.da-gallery .thumb.active {
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	border:3px #ffe200 solid;

	
}

.da-gallery .thumb:not(:last-of-type){
	margin-right: 1%;
}

.da-gallery .thumb:nth-child(3){
	margin-right: 0;
}

.da-gallery .thumb:hover{
	cursor: pointer;
	opacity: 0.7;
	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

.da-gallery .thumb img{
	max-width: none;
	position: relative;
	min-width: 1px;
	min-height: 100%;
	width: auto;
	height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.da-gallery .thumb.active img{
	height: -webkit-calc(100% + 6px);
	height: calc(100% + 6px);
}




/** exceptions only for xs and small */
@media screen and (max-width:991px) {
}


/** SM **/
@media screen and (min-width:768px) {}

/** MD **/
@media screen and (min-width:992px) {
	.da-gallery .main-image{
		height: 450px;
	}

	
	
	.da-gallery .thumbs {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.da-gallery .thumb{
		height: 90px;
		width: -webkit-calc(20% - 1%);
		width: calc(20% - 1%);
		
	}
}
/** LG **/
@media screen and (min-width:1200px) {
}