/* custom */

.page-wrapper{

  margin:0 auto;
  text-align:center;
}
.select-block {
  list-style:none;
  padding:0;
   cursor:default;
   -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
 
}

.select-block li{
  cursor:default;
  display: inline-block;
  width:50px;
  height:50px;
  line-height:50px;
  text-align: center;
  border: 2px solid #fff;
  border-radius:50%;
  
}
.select-block li.active{
  border-color:#ddd;
}
.bg-block img {
  max-width:100%;

}
/* musthave style */
.bg-container {

  
}
.bg-container:before{
  content: '';
  display: block;
  padding-top: 56.25%;
  height: 0;
}
.bg-block {
  position:absolute;
  top:0;
  left:0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.bg-block.active {
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity:1;
}