.gallery-page h1 {
    text-align: center;
    font-size: 30px;
    padding: 30px 0 40px;
}

.gallery-page .ug-gallery-wrapper.ug-theme-tiles {
	background: #333;
	padding: 10px 3px 70px;
}

.ug-thumb-wrapper {
    cursor: pointer;
    border-radius: 3px;
}

/*--------------TEXT_PANEL------------------*/

.ug-gallery-wrapper .ug-textpanel {
	position:absolute;
	overflow:hidden;
}
.ug-slider-wrapper .ug-textpanel {
	z-index:2;
}
.ug-gallery-wrapper .ug-textpanel-bg,
.ug-gallery-wrapper .ug-textpanel-title,
.ug-gallery-wrapper .ug-textpanel-description{
	display:block;
	position:absolute;
	margin:0px;
	padding:0px;
}
.ug-gallery-wrapper .ug-textpanel-bg{
	background-color:#000000;
	opacity:0.4;
	filter: alpha(opacity=40);
	z-index:1;
}
.ug-textpanel-textwrapper{
	overflow:hidden;
}

.ug-gallery-wrapper .ug-textpanel-title{
	font-size:16px;
	font-weight:bold;
	color:white;
	text-align:left;
	z-index:2;
}

.ug-gallery-wrapper .ug-textpanel-description {
	font-size:14px;
	color:white;
	text-align:left;
	z-index:3;
}
.ug-gallery-wrapper .ug-preloader-trans,
.ug-loader3 {
	width: 40px;
	height: 40px;
	margin: 35px auto 0;
    -o-animation: 		cssload-spin 2000ms infinite linear;
    -ms-animation: 		cssload-spin 2000ms infinite linear;
    -moz-animation: 	cssload-spin 2000ms infinite linear;
    -webkit-animation:  cssload-spin 2000ms infinite linear;
    animation: 			cssload-spin 2000ms infinite linear;
}
.ug-tiles-preloader.ug-preloader-trans {
	width: 40px;
	height: 40px;
}
.ug-tiles-preloader.ug-preloader-trans:before,
.ug-loader3:before {
    content: '\f1ce';
    font-family: "fontello";
    font-size: 40px;
    color: #17bbcf;
    opacity: .8;
    position: relative;
}

@-o-keyframes cssload-spin {
	100% {-o-transform:rotate(360deg)}
}
@-ms-keyframes cssload-spin {
	100% {-ms-transform:rotate(360deg)}
}
@-webkit-keyframes cssload-spin {
	100% {-webkit-transform:rotate(360deg)}
}
@-moz-keyframes cssload-spin {
	100% {-moz-transform:rotate(360deg)}
}
@keyframes cssload-spin {
	100% {transform:rotate(360deg)}
}


/*.--------------ZOOM_PANEL------------------*/

.ug-slider-wrapper .ug-zoompanel {
	position:absolute;
	top:200px;
	left:100px;
}

.ug-zoompanel .ug-zoompanel-button {
    background-repeat: no-repeat;
    cursor:pointer;
    display:block;
}


/*.--------------ZOOM_PANEL_BUTTONS------------------{}*/

.ug-gallery-wrapper .ug-arrow-left{
	position:absolute;
	background-repeat:no-repeat;
	display:block;
	cursor:pointer;
}

.ug-gallery-wrapper .ug-arrow-right{
	position:absolute;
	background-repeat:no-repeat;
	cursor:pointer;
}


/*--------------SLIDER------------------*/

.ug-gallery-wrapper .ug-slider-wrapper {
	position:absolute;
	overflow:hidden;
	z-index:1;
	background-color:#000000;
}
.ug-slider-wrapper .ug-slide-wrapper {
	position:absolute;
}
.ug-slide-wrapper.ug-slide-clickable {
	cursor:pointer;
}

.ug-slider-wrapper .ug-slider-inner {
	position:absolute;
	z-index:0;
}
.ug-slider-wrapper .ug-item-wrapper {
	position:absolute;
	overflow:hidden;
}
.ug-slider-wrapper,
.ug-item-wrapper img {
	-webkit-user-select: none;	/* make unselectable */
	-moz-user-select: none;
	-ms-user-select: none;
	max-width:none !important;
	box-sizing:border-box;
}
.ug-slider-preloader.ug-loader-nobg{
	background-color:transparent;
}

.ug-thumb-wrapper .ug-thumb-overlay{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
}




/*.--------------TILES------------------{}*/

.ug-thumb-wrapper.ug-tile{
	display:block;
	position:absolute;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	overflow:hidden;
	padding:0px;
	margin:0px;
}

.ug-tiles-transit.ug-tiles-transition-active .ug-thumb-wrapper.ug-tile,
.ug-tiles-transit.ug-tiles-transition-active .ug-thumb-wrapper.ug-tile .ug-trans-enabled{
	transition: left 0.7s ease 0s, top 0.7s ease 0s, width 0.7s ease 0s, height 0.7s ease 0s;
}

.ug-thumb-wrapper.ug-tile img.ug-thumb-image{
	-webkit-user-select: none;	/* make unselectable */
	-moz-user-select: none;
	-ms-user-select: none;
	max-width:none !important;
	max-height:none !important;

	display:block;
	border:none;
	padding:0px !important;
	margin:0px !important;

	width:auto;
	height:auto;
	position:absolute;
}
.ug-thumb-wrapper.ug-tile .ug-tile-image-overlay{
	position:absolute;
	z-index:2;
	/*xbackground-color:red;*/
	top:0px;
	left:0px;
}
.ug-thumb-wrapper.ug-tile .ug-tile-image-overlay img{
	width:100%;
	max-width:none !important;
}

.ug-tiletype-justified .ug-thumb-wrapper.ug-tile .ug-tile-image-overlay img{
	height:100%;
	max-width:none !important;
}

.ug-thumb-wrapper.ug-tile .ug-tile-icon{
	position:absolute;
	width:38px;
	height:38px;
	background-repeat:no-repeat;
	background-position:0 0;
	z-index:4;
	top:1px;
	left:1px;
	cursor:pointer;
}
/*
.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-link{
	background-image:url('../images/icon-link32.png');
}
*/

.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-zoom:before {
	content: '\f002';
	font-size: 24px;
	color: #00e0fb;
}
/*
.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-play{
	background-image:url('../images/icon-play32.png');
}
*/

.ug-thumb-wrapper.ug-tile .ug-tile-icon:hover{
	background-position:0 -38px;
}


.ug-thumbs-grid .ug-tile-image-overlay img{
	width:auto;
	height:auto;
	position:absolute;
	max-width:none !important;
}

/* text panel on tiles*/
.ug-tile .ug-textpanel{
	z-index: 5;
	cursor:default;
}

.ug-tile.ug-tile-clickable .ug-textpanel{
	cursor:pointer;
}

.ug-tile .ug-textpanel-title {
	font-size:12px;
	font-weight: normal;
	color: #06c8e0;
}


/*------------------LIGHTBOX---------------------*/
.ug-gallery-wrapper.ug-lightbox{
	display: none;
	position: fixed;
    border: none;
    padding:0px;
    margin:0px;
    outline: invert none medium;
    overflow: hidden;
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
	max-width:none !important;
	max-height:none !important;
    z-index: 999999;
}

.ug-lightbox .ug-lightbox-top-panel{
	position:absolute;
	z-index:2;
}

.ug-lightbox .ug-lightbox-top-panel-overlay{
	width:100%;
	height:100%;
	position:absolute;
	background-color:#000000;
	opacity:0.4;
	filter: alpha(opacity=40);
}
.ug-lightbox .ug-lightbox-overlay{
	z-index:1;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.7);
    /*background-color:#000000;*/
    /*opacity:1;*/
}
.ug-lightbox .ug-slider-wrapper{
	z-index:1;
	/*xbackground-color:green;*/
	background-color:transparent !important;
}

.ug-lightbox .ug-textpanel{
	z-index: 2;
}

.ug-lightbox .ug-lightbox-arrow-left,
.ug-lightbox .ug-lightbox-arrow-right {
	position:absolute;
	transition: .3s;
	z-index:3;
}
@media screen and (max-width: 650px) {
	.ug-lightbox .ug-lightbox-arrow-left,
	.ug-lightbox .ug-lightbox-arrow-right {
		display: none!important;
	}
}

.ug-lightbox .ug-lightbox-arrow-left:hover,
.ug-lightbox .ug-lightbox-arrow-right:hover {
	transform: scale(1.1);
	color: #f3540b;
}

.ug-lightbox .ug-lightbox-arrow-left:before,
.ug-lightbox .ug-lightbox-arrow-right:before {
	content:'';
	border-top: 2px solid #01c1d8;
    border-left: 2px solid #01c1d8;
    border-radius: 1px;
    padding: 20px;
    position: relative;
    width: 50px;
    height: 50px;
    z-index: 3;
    cursor: pointer;

}
.ug-lightbox .ug-lightbox-arrow-left:before {
	transform: rotate(-45deg);
	transform-origin: 100% 0 0;
}
.ug-lightbox .ug-lightbox-arrow-right:before {
	transform: rotate(135deg);
	transform-origin: 12px 52%;
}


.ug-lightbox .ug-lightbox-button-close {
	position:absolute;
	width:36px;
	height:36px;
	color: #01c1d8;
    font-size: 30px;
	z-index:4;
	cursor:pointer;
}
.ug-lightbox-compact .ug-lightbox-button-close {
	width:45px;
	height:41px;
}
.ug-lightbox .ug-lightbox-button-close:before,
.ug-lightbox-compact .ug-lightbox-button-close:before {
	content: '\e806';
}
.ug-lightbox .ug-lightbox-button-close:hover:before,
.ug-lightbox-compact .ug-lightbox-button-close:hover:before {
	transform: scale(1.2);
}

.ug-lightbox .ug-lightbox-arrow-left.ug-arrow-hover,
.ug-lightbox .ug-lightbox-arrow-right.ug-arrow-hover {
	background-position:0px -55px;
}
.ug-lightbox .ug-lightbox-button-close.ug-button-hover {
	background-position:0px -35px;
}
.ug-lightbox-compact .ug-lightbox-button-close.ug-button-hover {
	background-position:0px -40px;
}
.ug-lightbox .ug-lightbox-numbers {
	position:absolute;
	color:#01c1d8;
	font-size:12px;
	top:14px;
	left:8px;
	z-index:3;
}
.ug-lightbox-compact .ug-lightbox-numbers {
	font-size: 14px;
	padding-right:5px;
	padding-top:7px;
}

.ug-lightbox .ug-textpanel-title,
.ug-lightbox .ug-textpanel-description {
	font-size: 14px;
	font-weight: normal;
	color: #e5e5e5;
}
.ug-lightbox-compact .ug-textpanel-title,
.ug-lightbox-compact .ug-textpanel-description{
	color:#F3F3F3;
	font-size: 16px;
}



/* Style for mobile */
@media screen and (max-width: 860px) {
	.ug-lightbox .ug-lightbox-arrow-right::before {
	    transform-origin: 20px 55%;
	}
	.ug-lightbox .ug-lightbox-arrow-left::before {
	    transform-origin: 75% 20px 0;
	}
}