#dots{background:#333 url("../../images/sediu1.jpg") no-repeat;background-size: cover;margin-bottom: 150px;}
#dots.is-loading{/* override background image when clip changes */background:#333}
/* override background image when clip changes */
#dots hgroup{/* info box */background-color:rgba(0,0,0,0.7);position:absolute;top:3%;left:2%;width:250px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:15px;margin:0;color:#999;display:none;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;z-index:1;}/* info box */
#dots hgroup h1{font-size:larger}
#dots hgroup h2{color:#fff;font-weight:bold;line-height:1.5}
#dots .fp-title{/* only show titles when player is embedded on other sites */display:none}

#dots.is-mouseover hgroup,
#dots.is-mouseover .fp-playlist{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}
#dots.video0 .info0{display:block}
#dots.video1 .info1{display:block}
#dots.video2 .info2{display:block}
#continut {margin: 10px auto; max-width:600px; width: 60%;}
@media (max-width:600px){#dots hgroup{width:300px;}#dots hgroup h1{font-size:25px}}

#dots .fp-playlist {
/* the playlist root element */
  position: absolute;
  bottom: -135px;
  left: 0;
  width: 100%;
  text-align: center;
}
/* the playlist root element */
#dots .fp-playlist a {
/* playlist entry */
  display: inline-block;
  width: 120px;
  height: 120px;
  margin: 0 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border: 4px solid #fff;
  background: url("../../images/thumbs-3.jpg") -1px -1px no-repeat;
}
/* playlist entry */
#dots .fp-playlist a:hover {
  border-color: #ccc;
}
#dots .fp-playlist a.is-active {
  border-color: #52b9e4;
}
.is-paused#dots .fp-playlist a.is-active {
  border-color: #1c87b4;
}
#dots .fp-playlist  [data-index="1"] {
  background-position: -140px -5px;
}
#dots .fp-playlist  [data-index="2"] {
  background-position: -280px -5px;
}
@media (max-width: 570px) {
  #dots .fp-playlist {
    bottom: -90px;
  }
  #dots .fp-playlist a {
    width: 55px;
    height: 55px;
  }
}