body{
  overflow-x: hidden;
  background: #eaeaea;
}

#configurator label{
  cursor: pointer;
}

#configurator img{
  display: block;
  width: 100%;
}

#configurator .selection a{
  text-decoration: none;
  color: #000;
}

#configurator .render{
  position: relative;
}

#configurator .render img{
  position: absolute;
  top: 0px;
  left: 0px;
}

#configurator .render img:first-child{
  position: relative;
}

#configurator .selection .thumb{
  float: left;
}

#configurator .selection .section{
  overflow-y: hidden;
  overflow-x: scroll;
}

#configurator .selection .thumb a{
  display: block;
  position: relative;
  border: 2px solid #fff;
}

#configurator .selection .thumb a .overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0,0,0,0.3);
  opacity: 0;
  transition: all 0.5s ease;
}

#configurator .selection .thumb a .overlay .table{
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
}

#configurator .selection .thumb a .overlay .td{
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  color: #fff;
  padding: 5px;

}

#configurator .selection .thumb a:hover .overlay{
  opacity: 1;
}

#configurator .selection .thumb a.active{
  border: 2px solid #48e006;
}

#configurator .r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    overflow: hidden;
    background: #ccc;
}

#configurator .r-tabs .r-tabs-tab {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #ccc;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

#configurator .r-tabs .r-tabs-tab a {
  border-bottom: none;
  display: block;
  padding: 10px;
  text-align: center;
}

#configurator .r-tabs .r-tabs-tab.r-tabs-state-active{
  background: #000;
}

#configurator .r-tabs .r-tabs-tab.r-tabs-state-active a{
  color: #fff;
}

#configurator .r-tabs .r-tabs-panel {
    display: none;
    padding-top: 2px;
}

#configurator .r-tabs .r-tabs-accordion-title {
    display: none;
}

#configurator .r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    #configurator .r-tabs .r-tabs-nav {
        display: none;
    }

    #configurator .r-tabs .r-tabs-accordion-title {
        display: block;
        background: #ccc;
        margin-bottom: 2px;
    }

    #configurator .r-tabs .r-tabs-accordion-title a{
      display: block;
      padding: 10px;
    }

    #configurator .r-tabs  .r-tabs-accordion-title.r-tabs-state-active{
      background: #000;
      margin-bottom: 2px;
    }

    #configurator .r-tabs  .r-tabs-accordion-title.r-tabs-state-active a{
      color: #fff;
    }

    #configurator .r-tabs .r-tabs-panel{
      margin-top: -2px;
      margin-bottom: 2px;
    }
}