.ug-gallery-wrapper, 
.ug-gallery-wrapper *{
	transition: all !important;
	-o-transition: all !important;
	-webkit-transition: all;
	-moz-transition: all !important;
	-ms-transition: all !important;
	max-width:none;
}

.ug-gallery-wrapper{
	z-index:0;
} 

.ug-item-wrapper img{
	width:auto;
	max-width:none;
	margin:0px;
	padding:0px;
}

.ug-videoplayer-wrapper video{
	height:100%;
	width:100%;
	visibility: visible !important;
}

.ug-rtl{
	direction:rtl;
}

.ug-gallery-wrapper{
	overflow:hidden;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
}

.ug-error-message{
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	font-size:20px;
	color:#F30D0D;
}

.ug-error-message-wrapper{
	width:100%;
	height:100%;
	border:1px solid black;
}

.ug-gallery-wrapper .ug-canvas-pie{
	position:absolute;
	z-index:4;
}

.ug-gallery-wrapper .ug-progress-bar{
	position:absolute;
	overflow:hidden;
	z-index:4;
}

.ug-gallery-wrapper .ug-progress-bar-inner{
	position:absolute;
}

.ug-gallery-wrapper.ug-fullscreen{
	height: 100% !important;
	width: 100% !important;
	max-width:none !important;
	max-height:none !important;
}

.ug-gallery-wrapper.ug-fake-fullscreen{
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	max-width:none !important;
	max-height:none !important;
	margin: 0px !important;
	padding: 0px !important;
	top: 0px !important;
	left: 0px !important;
	bottom: 0px !important;
	right: 0px !important;
	z-index: 999999 !important;
}

.ug-body-fullscreen{
	overflow: hidden !important;
	height: 100% !important;
	width: 100% !important;
	margin:0px !important;
	padding:0px !important;	
}

.ug-gallery-wrapper .ug-preloader-trans{
	display:block;
	height:35px;
	width:32px;
	height:32px;
	background-repeat:no-repeat;
}


.ug-gallery-wrapper .ug-slider-wrapper{
	position:absolute;
	overflow:hidden;
	z-index:1;
	background-color:#000;
}


.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-wrapper .ug-slider-preloader{
	position:absolute;
	z-index:1;
	border:2px solid #ffffff;
	border-radius:6px;
	background-color:#ffffff;
	background-position:center center;
	background-repeat:no-repeat;
}

.ug-slider-preloader.ug-loader1{
	width:30px;
	height:30px;
}

.ug-slider-preloader.ug-loader1.ug-loader-black{
}
	
.ug-slider-preloader.ug-loader2{
	width:32px;
	height:32px;
}

.ug-slider-preloader.ug-loader2.ug-loader-black{
}

.ug-slider-preloader.ug-loader3{
	width:38px;
	height:38px;
}

.ug-slider-preloader.ug-loader3.ug-loader-black{
}

.ug-slider-preloader.ug-loader4{
	width:32px;
	height:32px;
	background-color:white;
}

.ug-slider-preloader.ug-loader4.ug-loader-black{
}

.ug-slider-preloader.ug-loader5{
	width:60px;
	height:8px;
	background-color:white;
	border:none;
	border-radius:0px;
}

.ug-slider-preloader.ug-loader5.ug-loader-black{
	border:2px solid #fff;
}

.ug-slider-preloader.ug-loader6{
	width:32px;
	height:32px;
}

.ug-slider-preloader.ug-loader6.ug-loader-black{
}

.ug-slider-preloader.ug-loader7{
	width:32px;
	height:10px;
	border-width:3px;
	border-radius:3px;
}

.ug-slider-preloader.ug-loader7.ug-loader-black{
}

.ug-slider-preloader.ug-loader-black{
	border-color:#fff;
	background-color:#fff;
}

.ug-slider-preloader.ug-loader-nobg{
	background-color:transparent;
}

.ug-slider-wrapper .ug-button-videoplay{
	position:absolute;
	z-index:2;
	cursor:pointer;	
}

.ug-slider-wrapper .ug-button-videoplay.ug-type-square{	
	width:86px;
	height:66px;
	background-position:0px -66px;
}

.ug-slider-wrapper .ug-button-videoplay.ug-type-square.ug-button-hover{
	background-position:0px 0px;
}


.ug-slider-wrapper .ug-button-videoplay.ug-type-round{	
	width:76px;
	height:76px;
	opacity:0.9;
	filter: alpha(opacity = 90);
	transition: all 0.3s ease 0s !important;
}


.ug-slider-wrapper .ug-button-videoplay.ug-type-round.ug-button-hover{
	opacity:1;
	filter: alpha(opacity = 100);
	transition: all 0.3s ease 0s !important;
}

.ug-gallery-wrapper .ug-videoplayer{
	position:absolute;
	z-index:100;	
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.ug-videoplayer .ug-videoplayer-wrapper{
	width:100%;
	height:100%;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center center;
}


.ug-videoplayer .ug-videoplayer-button-close{
	position:absolute;
	height:64px;
	width:64px;
	cursor:pointer;
	z-index:1000;
}


.ug-videoplayer .ug-videoplayer-button-close:hover{
	background-position: 0px -64px;
}

.ug-gallery-wrapper .ug-thumbs-strip,
.ug-gallery-wrapper .ug-thumbs-grid{
	position:absolute;
	overflow:hidden;
	
	-webkit-user-select: none;	/* make unselectable */         
	-moz-user-select: none; 
	-ms-user-select: none;
	
	xbackground-color:green;
	z-index:10;
}

.ug-thumbs-strip.ug-dragging{
	xcursor: -webkit-grab;
	xcursor: -moz-grab;
}

.ug-gallery-wrapper .ug-thumbs-strip-inner,
.ug-gallery-wrapper .ug-thumbs-grid-inner{
	position:absolute;
}

.ug-thumb-wrapper.ug-thumb-generated{
	position:absolute;
	overflow:hidden;
	
	-webkit-user-select: none;	/* make unselectable */         
	-moz-user-select: none; 
	-ms-user-select: none;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}


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

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


.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;
}


.ug-gallery-wrapper .ug-strip-panel{
	position:absolute;
	background-color:#000;
	z-index:2;
}

.ug-strip-panel .ug-strip-arrow{
	position:absolute;	
	cursor:pointer;
}

.ug-strip-panel .ug-strip-arrow.ug-button-disabled{
	cursor:default;
}


.ug-strip-panel .ug-strip-arrow-tip{
	position:absolute;
}

/* --- arrows -- */

.ug-arrow-left.ug-skin-default:before,
.ug-arrow-right.ug-skin-default:before{
	cursor:pointer;
	content: "\f053";
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 40px;
    vertical-align: middle;
    width: 30px;
	height: 40px;
    color: #000;
}


.ug-arrow-right.ug-skin-default:before{
	content: "\f054";
}


.ug-arrow-left.ug-skin-default.ug-arrow-disabled,
.ug-arrow-right.ug-skin-default.ug-arrow-disabled{
	cursor:default;
}


/* --- play button -- */

.ug-button-play.ug-skin-default:before {
    cursor:pointer;
	content: '\f3aa';
	 display: inline-block;
	 font-family: 'Font Awesome 5 Free';
	 font-weight: 900;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 25px;
    vertical-align: middle;
    width: 25px;
	height: 25px;
    color: #000;
}



.ug-button-play.ug-skin-default.ug-stop-mode:before{
	    content: '\f3a7';
}

/* --- fullscreen button -- */

.ug-button-fullscreen.ug-skin-default:before {
    cursor:pointer;
	content: "\f31e";
	 display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 25px;
    vertical-align: middle;
    width: 25px;
	height: 25px;
    color: #000;
}
.ug-button-fullscreen.ug-skin-default.ug-fullscreenmode:before {
    content: "\f78c";
}


/* --- zoom panel --- */

.ug-zoompanel.ug-skin-default .ug-zoompanel-button{
    cursor:pointer;
    height: 20px;
    display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 20px;
    vertical-align: middle;
    margin-right: 10px;
    width: 20px;
    color: #000;
}

.ug-zoompanel.ug-skin-default .ug-zoompanel-plus:before{
	content: "\f067";
}

.ug-zoompanel.ug-skin-default .ug-zoompanel-minus:before {
    content: "\f068";
}

.ug-zoompanel.ug-skin-default .ug-zoompanel-return:before {
	content: "\f002";
}


.ug-zoompanel.ug-skin-default .ug-zoompanel-button-disabled{
    cursor:default;
	opacity: 0.3;
}

/* top and bottom handle */
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default{ top:0 !important;}
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default:before{	
	 cursor:pointer;
	content: "\f107";
	 display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 20px;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	color: #fff;
	background: #000;
	text-align: center;
	line-height: 30px;
	bottom: 0;
	position: absolute;
}


.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed:before{
	content: "\f106";
}

/* ----- Strip Panel ------- */

.ug-videoskin-right-thumb .ug-strip-panel{
	background-color:#232323;
}

/* ----- Thumb Wrapper ------- */

.ug-videoskin-right-thumb .ug-thumb-wrapper{
	background-color:#232323;
	border-bottom:1px solid #393939;
	width:320px;
	height:61px;
	cursor:pointer; 
    text-align:left;
}

.ug-videoskin-right-thumb .ug-thumb-wrapper:last-child{
	border-bottom:none;
}

/* - thumb selected and over - */

.ug-videoskin-right-thumb .ug-thumb-wrapper.ug-thumb-over{
	cursor:pointer;
	background-color:#1A1A1A;
}

.ug-videoskin-right-thumb .ug-thumb-wrapper.ug-thumb-selected{
	cursor:default;
	background-color:#525252;
}

/* ----- Thumb Inner data ------- */


.ug-videoskin-right-thumb .ug-thumb-icon{
	width:72px;
	height:40px;
	float:left;
	background-position:center center;
	background-size:cover;
}

.ug-videoskin-right-thumb .ug-thumb-selected .ug-thumb-icon{
	border:2px solid red;
	box-sizing: border-box;
}

.ug-videoskin-right-thumb .ug-thumb-right{
	float:left;
	padding-left:15px;
}


.ug-videoskin-right-thumb .ug-thumb-inner{
	padding-top:12px;
	padding-left:13px;
	padding-right:5px;
}

.ug-videoskin-right-thumb .ug-thumb-title{
	color:white;
	font-size:16px;
	overflow:hidden;
 	width:200px;
  	height:20px;
	line-height:normal;
}

.ug-videoskin-right-thumb .ug-thumb-desc{
	color:#999999;
	font-size:11px;
    width:200px;
	line-height:normal;
}

/* ----- Under 960 ------- */
.ug-under-960.ug-videoskin-right-thumb .ug-thumb-wrapper
{
  width:320px;
}

.ug-under-960.ug-videoskin-right-thumb .ug-thumb-title {
    width: 206px;
    height:18px;
  	font-size:14px;
}
.ug-under-960.ug-videoskin-right-thumb .ug-thumb-desc
{
  width:167px;
  padding-top:0px;
  line-height:normal;
}


/* ----- Under 780 ------- */

.ug-under-780.ug-videoskin-right-thumb .ug-thumb-wrapper
{
  width:240px;
}

.ug-under-780.ug-videoskin-right-thumb .ug-thumb-icon
{
  width:40px;
}

.ug-under-780.ug-videoskin-right-thumb .ug-thumb-title {
    width: 167px;
    height:18px;
  	font-size:14px;
}

.ug-under-780.ug-videoskin-right-thumb .ug-thumb-desc
{
  width:167px;
  padding-top:0px;
  line-height:normal;
}


/* ----- Under 480 ------- */

.ug-under-480.ug-videoskin-right-thumb .ug-thumb-wrapper
{
  width:56px;
}

.ug-under-480.ug-videoskin-right-thumb .ug-thumb-title {
  display:none;
}

.ug-under-480.ug-videoskin-right-thumb .ug-thumb-desc
{
  display:none;
}

.ug-under-480.ug-videoskin-right-thumb .ug-thumb-inner {
    padding-left: 8px;
    padding-right: 5px;
    padding-top: 12px;
}
      
.ug-under-480.ug-videoskin-right-thumb .ug-thumb-icon
{
  width:40px;
}