/* Slideshow container */
.ta-slideshow-container *{
	-webkit-user-select: none;
	user-select:none;
}
.ta-slideshow-container{
  max-width: 100%;
  max-height:100vh;
  position: relative;
  margin: auto;
  width:100vw;
  height:45vw;
  background-color:#fff;
}
.ta-slideshow-container.full{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100000000;
	margin:0;
	width:100vw;
	height:100vh;
	max-width:none;
	max-height:none;
}
.ta-slideshow-buttons{
 position:absolute;
	top:0;
	right:0;
	margin:8px;
	z-index:1000;
	display:none;
}
.ta-slideshow-button{
 display:inline-block;
 margin-left:5px;
 background-color:#2c33384f;
 border-radius:50%;
 color:#fff;
 cursor:pointer;
 z-index:1000;
 width:26px;
 text-align:center;
}
.ta-slideshow-button .fa{
 line-height:14px;
}
.ta-slideshow-button.enabled{
 background-color:#3799ef;
}
/*.ta-slideshow-full{
	position:absolute;
	top:0;
	right:0;
	padding-left:6px;
	padding-right:6px;
	margin:8px;
	background-color:#2c33384f;
	border-radius:50%;
	color:#fff;
	cursor:pointer;
	z-index:1000;
	display:none;
}*/
.ta-slide{
	position:relative;
	height:100%;
	width:auto;
	max-width:100%;
	max-height:100%;
	display:none;
	text-align:center;
}
.ta-slide-id{
	position:absolute;
	padding:4px;
	top:0;
	left:0;
	margin-top:8px;
	margin-left:8px;
	color:#fff;
	text-shadow:0 0 5px #000;
	display:none;
}
.ta-slide-effect{
	position:absolute;
	padding:4px;
	bottom:0;
	right:0;
	margin-bottom:8px;
	margin-right:8px;
	color:#fff;
	text-shadow:0 0 5px #000;
	z-index:10000;
	display:none;
}
.ta-slide-image,.ta-slide-video{
	vertical-align: middle;
	width:auto;
	max-width:100%;
	height:100%;
	max-height:100%;
}
/* Next & previous buttons */
.ta-slide-prev, .ta-slide-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top:-22px;
  color: white;
  background-color:#2c33384f;
  font-weight: bold;
  transition: 0.6s ease;
  user-select: none;
  text-decoration:none;
  display:none;
  line-height:18px;
  font-size:18px;
  padding:8px;
  /*padding: 16px;
  font-size: 18px;
  border-radius: 0 3px 3px 0;*/
}
/*.ta-slideshow-container:hover .ta-slide-prev,
.ta-slideshow-container:hover .ta-slide-next,
.ta-slideshow-container:hover .ta-slide-id,
.ta-slideshow-container:hover .ta-slideshow-zones,
.ta-slideshow-container:hover .ta-slideshow-full{
	display:block;
}*/
.ta-slide-play {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top:-22px;
  left:50%;
  margin-left:-22px;
  width: auto;
  color: white;
  background-color:#2c33384f;
  font-weight: bold;
  transition: 0.6s ease;
  text-decoration:none;
  display:none;
  line-height:18px;
  font-size:18px;
  padding:8px;
 }
.ta-slide-play .fa-play{
	display:block;
}
.ta-slide-play .fa-pause{
	display:none;
}
.ta-slideshow-container.play .ta-slide-play .fa-play{
	display:none;
}
.ta-slideshow-container.play .ta-slide-play .fa-pause{
	display:block;
}
.ta-slideshow-container.controls .ta-slide-prev,
.ta-slideshow-container.controls .ta-slide-next,
.ta-slideshow-container.controls .ta-slide-id,
.ta-slideshow-container.controls .ta-slideshow-zones,
.ta-slideshow-container.controls .ta-slideshow-buttons,
.ta-slideshow-container.controls .ta-slide-play,
.ta-slideshow-container.controls .ta-slide-effect{
	display:block;
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1s;
	animation-name: fade;
	animation-duration: 1s;
}

/* Position the "next button" to the right */
.ta-slide-prev {
  left: 0;
  /*border-radius:0 3px 3px 0;*/
}
.ta-slide-next {
  right: 0;
  /*border-radius: 3px 0 0 3px;*/
}

/* On hover, add a black background color with a little bit see-through */
.ta-slide-prev:hover, .ta-slide-next:hover {
  background-color: rgba(0,0,0,0.8);
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
.ta-zone-toggle-container{
	text-align:center;
}
.ta-zone-toggle,.ta-zone-toggle:focus{
	padding:8px;
	text-decoration:none!important;
	border-radius:4px;
	background-color:#32373c;
	outline:none!important;
	color:#fff;
	margin-inline-start:8px;
}
.ta-zone-toggle:hover{
	background-color:#fff;
	color:#32373c;
}
.ta-zone-toggle.active{
	background-color:#04AA6D!important;
	color:#fff;
}
.ta-slideshow-zones{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	background-color:#2c33384f;
	display:none;
}
.ta-slideshow-zone{
	color:#fff;
	outline:none!important;
	text-decoration:none!important;
	margin-inline-start:8px;
	padding:4px;
	font-size:14px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.ta-slideshow-zone:hover{
	background-color:#fff;
	color:#32373c;
}
.ta-slideshow-zone.active{
	background-color:#04AA6D;
}
#ta-clock{
	text-align:center;
	width:auto;
	margin:0 auto;
	background-color:#04AA6D;
	color:#fff;
	font-weight:bold;
	padding:8px;
}
#ta-current-zone-log{
	background-color:#fff;
	padding:8px;
	border:1px solid #eaeaea;
	border-radius:4px;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@-webkit-keyframes fadeOut {
  from {opacity: 1} 
  to {opacity: .4}
}

@keyframes fadeOut {
  from {opacity: 1} 
  to {opacity: .4}
}