body {
	margin: 0;
	padding: 0;
}
.large-image:hover .controls,
.controls:hover {
	opacity: 1;
}

.controls {
	opacity: 0.5;
	position: absolute;
	top: 50%;
	transform: translateY(-30px);
	transition: all .15s ease-in-out;
	width: 100%;
}
.controls .prev-button,
.controls .next-button {
	background-color: rgba(255,255,255,1);
	/*border-radius: 5px;
	-webkit-box-shadow: 0 0 10px #555;
	box-shadow: 0 0 10px #555;*/
	cursor: pointer;
	height: 30px;
	outline: none;
	
	position: absolute;
	transition: all .15s ease-in-out;
	width: 30px;
}
.controls .prev-button:hover,
.controls .next-button:hover {
	background-color: rgba(255,255,255,1);
}
.controls .prev-button {
	padding: 15px 15px 15px 10px; background-image:url(../images/gallery/prev-btn.png); width:36px; height:46px; font-size:0;
	left: 0;
}
.controls .next-button {
	padding: 15px 10px 15px 15px;background-image:url(../images/gallery/nxt-btn.png); width:36px; height:46px; font-size:0;
	right: 0;
}
.controls .prev-button.inactive,
.controls .next-button.inactive {
	background-color: rgba(220,220,220,1);/*rgba(123,123,123,.6)*/;
}
.controls .prev-button.inactive:hover,
.controls .next-button.inactive:hover {
	/*background-color: rgba(123,123,123,.7);*/
}
.controls svg {
	fill: transparent;
}
.thumbnails {
	cursor: grab;
	cursor: -o-grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
.thumbnails > div.active {
	border: 3px solid #ff7f00;
}


.gallery .large-image{ height:411px !important; float:left;border: 5px solid #ff7f00; margin-bottom:15px;}
.gallery .thmb-wrap{width:50%; float:right;}
.gallery .gallery-item{border: 3px solid #d8d8d8;  margin:0px 15px 15px 0;}

.thumbnails{width:100% !important;}
#gallery .large-image{height:431px !important; float:left;border: 5px solid #ff7f00;}
#gallery .thmb-wrap{width:68%; float:right;}
#gallery .gallery-item{ margin:0px 25px 15px 0;}