/*CUSTOM STYLE OVERIDES*/

.ug-lightbox .ug-lightbox-overlay {
	background-color: #212121;
}

.ug-lightbox .ug-lightbox-top-panel-overlay {
	background-color: rgba(255, 255, 255, 0.9);
    opacity: 1;
    filter: alpha(opacity=100);
}

.ug-lightbox .ug-textpanel-title, .ug-lightbox .ug-textpanel-description,
.ug-lightbox .ug-lightbox-numbers {
	font-family: 'Montserrat', serif;
    font-weight: 500;
    font-size: 16px;
    color: #4aa3d8;
}

.ug-lightbox .ug-textpanel-title, .ug-lightbox .ug-textpanel-description {
	font-family: 'Montserrat', serif;
    font-weight: 400;
    font-size: 16px;
}

.ug-lightbox .ug-lightbox-button-close {
	background-image: url(../../../images/blue-cross.png);
	background-size: 20px;
	background-position: 50% 50%;
	
    cursor: pointer;
	transition: transform 0.1s ease-in-out !important;
}

.ug-lightbox .ug-lightbox-button-close.ug-button-hover {
	background-position: 50% 50% !important;
}

.ug-lightbox .ug-lightbox-button-close:hover {
	transform: scale(0.9);
}


.ug-lightbox .ug-lightbox-arrow-right {
	background-image: url(../../../images/right-arrow.png);
	background-size: 30px;
	background-position: 50% 50%;
	background-color: rgba(0, 0, 0, 0.60);
    border-radius: 80px;
    padding: 0px 3px;
    cursor: pointer;
}

.ug-lightbox .ug-lightbox-arrow-right.ug-arrow-hover {
	background-position: 50% 50% !important;
}

.ug-lightbox .ug-lightbox-arrow-left {
	background-image: url(../../../images/left-arrow.png);
	background-size: 30px;
	background-position: 50% 50%;
	background-color: rgba(0, 0, 0, 0.60);
    border-radius: 80px;
    padding: 0px 3px;
    cursor: pointer;
}

.ug-lightbox .ug-lightbox-arrow-left.ug-arrow-hover {
	background-position: 50% 50% !important;
}


.ug-lightbox .ug-lightbox-arrow-right,
.ug-lightbox .ug-lightbox-arrow-left {
	transition: transform 0.1s ease-in-out !important;
}


.ug-lightbox .ug-lightbox-arrow-right:hover {
	transform: translate(5px, 0px);
}
.ug-lightbox .ug-lightbox-arrow-left:hover {
	transform: translate(-5px, 0px);
}


.ug-thumbs-grid-inner .ug-thumb-wrapper {
	border: none !important;
	box-shadow: none !important;
    background: none !important;
	
	transition: transform 0.15s ease-in-out !important;
}

.ug-thumbs-grid-inner .ug-thumb-wrapper:hover {
	transform: scale(0.95);
}

.ug-thumb-wrapper .ug-thumb-overlay {
	display: none !important;
}

#n_gallery {
	display: none;
}


@media all and (max-width: 600px) and (min-width: 0px) {

	.ug-lightbox .ug-lightbox-arrow-right,
	.ug-lightbox .ug-lightbox-arrow-left {
		display: none !important;
	}
	
}