.master-slider {
  height: 100%;
  font-family: Lato, arial, sans-serif;
}

.ms-overlay-layers-template .slide-pattern {
  background: url(../img/pattern.png) scroll;
  width: 100%;
  height: 100%;
  z-index: 8;
  -webkit-transform: translateZ(0.4px);
  -moz-transform: translateZ(0.4px);
  -ms-transform: translateZ(0.4px);
  -o-transform: translateZ(0.4px);
  transform: translateZ(0.4px);
  position: absolute;
  top: 0;
}

.bold-text-white {
  color: #FFF;
  font-weight: 600;
  font-size: 2.8em;
  text-shadow: -1px 1px black;
  margin: 0;
  white-space: nowrap;
}

.bold-text-white.med-text {
  font-size: 1.87em;
}

.tp-gradientstyle {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.75) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.83)), color-stop(100%, rgba(0, 0, 0, 0.75)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.85) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.75) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.75) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d9000000', GradientType=0)
}

.gyges .tp-thumb {
  opacity: 1
}

.gyges .tp-thumb-img-wrap {
  padding: 3px;
  background-color: #fff;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  box-sizing: border-box;
  transition: all .3s;
  -webkit-transition: all .3s
}

.gyges .tp-thumb-image {
  padding: 3px;
  display: block;
  box-sizing: border-box;
  position: relative;
  /*-
  -webkit-box-shadow: inset 5px 5px 10px 0 rgba(17, 17, 17, 1);
  -moz-box-shadow: inset 5px 5px 10px 0 rgba(17, 17, 17, 1);
  box-shadow: inset 5px 5px 10px 0 rgba(17, 17, 17, 1)
  -*/
}

.gyges .tp-thumb:hover .tp-thumb-img-wrap, .gyges .tp-thumb.selected .tp-thumb-img-wrap {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%)
}

.gyges .tp-tab {
  opacity: 1;
  padding: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.gyges .tp-tab-image {
  width: 60px;
  height: 60px;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  display: inline-block;
  float: left
}

.gyges .tp-tab-content {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  padding: 15px 15px 15px 85px;
  left: 0;
  overflow: hidden;
  margin-top: -15px;
  box-sizing: border-box;
  color: rgba(51, 51, 51, 0);
  display: inline-block;
  width: 100%;
  height: 100%;
}

.gyges .tp-tab-date {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 500;
  font-size: 0.75em;
  margin-bottom: 0;
}

.gyges .tp-tab-title {
  display: block;
  text-align: left;
  color: rgba(255, 255, 255, 1);
  font-size: 0.87em;
  font-weight: 500;
  text-transform: none;
  line-height: 17px;
}


/*- custom style-*/
.gyges .tp-tab {
  background: rgba(0, 0, 0, 0.1);
}
.gyges .tp-tab:hover, .gyges .tp-tab.selected {
  /*-background: rgba(0, 0, 0, .51);-*/
  background: rgb(55 208 242 / 80%);
  -webkit-box-shadow: 0 0 20px 0px rgb(0 0 0 / 50%);
  box-shadow: 0 0 20px 0px rgb(0 0 0 / 50%);
}
.gyges .tp-tab:hover .tp-tab-date,
.gyges .tp-tab.selected .tp-tab-date {
  color: #fff;
}

.gyges .tp-thumb:hover .tp-thumb-img-wrap, .gyges .tp-thumb.selected .tp-thumb-img-wrap {
  background: linear-gradient(to bottom, rgb(55 208 242) 0%, rgb(55 208 242) 100%);}