body {
    font-family: 'Raleway', sans-serif;
}
/* SWITCH */
.cube-switch, .cube-switch1, .cube-switch2, .cube-switch3, .cube-switch4, .cube-switch5 {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.42), 0 91px 35px rgba(244, 244, 250, 0.42) inset
  /* Prevents clics on the back */
  cursor: default;
  display: block;
  height: 76px;
  position: relative;
  margin: 270px auto 0;
  overflow: hidden;
  /* Prevents clics on the back */
  pointer-events: none;
  width: 76px;
  white-space: nowrap;
  background: rgba(244, 244, 250, 0.42);
  z-index:1;
}
.cube-switch1, .cube-switch3 {  margin:382px 56% 0;
height:65px; width:65px;
}
.cube-switch2 {  margin:381px 40% 0;
height:65px; width:65px;
}

/* The switch */
.cube-switch .switch, .cube-switch1 .switch, .cube-switch2 .switch, .cube-switch3 .switch, .cube-switch4 .switch    {
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 0.7em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -7px 0 rgba(0, 0, 0, 0.2), inset 0 50px 10px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
  display: block;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  background: #e00000;
  transition: all 0.2s ease-out;
  /* Allows click */
  cursor: pointer;
  pointer-events: auto;
}
.cube-switch1 .switch, .cube-switch2 .switch, .cube-switch3 .switch, .cube-switch4 .switch, .cube-switch2 .switch {
  height: 50px;
  width: 50px;
  margin-left: -25px;
  margin-top: -26px;  
}


/* SWITCH Active State */
.cube-switch.active, 
.cube-switch1.active, 
.cube-switch2.active, 
.cube-switch3 .active, 
.cube-switch4.active, 
.cube-switch5.active {
  /*background:#222;
  box-shadow:
  0 0 5px rgba(0,0,0,0.5),
  inset 0 50px 50px rgba(55,55,55,0.1);*/
}

.cube-switch.active .switch, 
.cube-switch1.active .switch, 
.cube-switch2.active .switch, 
.cube-switch3.active .switch, 
.cube-switch4.active .switch, 
.cube-switch5.active .switch {
  background: #333;
  box-shadow: inset 0 6px 0 rgba(255, 255, 255, 0.1), inset 0 7px 0 rgba(0, 0, 0, 0.2), inset 0 -50px 10px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(205, 205, 205, 0.1);
}

.cube-switch.active:after,.cube-switch.active:before, 
.cube-switch1.active:after,.cube-switch1.active:before, 
.cube-switch2.active:after,.cube-switch2.active:before, 
.cube-switch3.active:after,.cube-switch3.active:before, 
.cube-switch4.active:after,.cube-switch4.active:before, 
.cube-switch5.active:after,.cube-switch5.active:before {
  background: #333;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 1px 2px 1px rgba(0, 0, 0, 0.5), inset 3px 6px 2px rgba(200, 200, 200, 0.1), inset -1px -2px 1px rgba(0, 0, 0, 0.3);
}

.cube-switch.active .switch:after,.cube-switch.active .switch:before, 
.cube-switch1.active .switch:after,.cube-switch1.active .switch:before,
.cube-switch2.active .switch:after,.cube-switch2.active .switch:before,
.cube-switch3.active .switch:after,.cube-switch3.active .switch:before,
.cube-switch4.active .switch:after,.cube-switch4.active .switch:before,
.cube-switch5.active .switch:after,.cube-switch5.active .switch:before

{
  background: #222;
  border: none;
  margin-top: 0;
  height: 1px;
}

.cube-switch .switch-state, .cube-switch1 .switch-state, .cube-switch2 .switch-state, .cube-switch3 .switch-state, .cube-switch4 .switch-state, .cube-switch5 .switch-state {
  display: block;
  position: absolute;
  left: 40%;
  color: #FFF;
  font-size: .5em;
  text-align: center;
}
.cube-switch .switch-state.on, 
.cube-switch1 .switch-state.on,
.cube-switch2 .switch-state.on,
.cube-switch3 .switch-state.on,
.cube-switch4 .switch-state.on,
.cube-switch5 .switch-state.on
{
  bottom: 15%;
}
.cube-switch .switch-state.off, 
.cube-switch1 .switch-state.off,
.cube-switch2 .switch-state.off,
.cube-switch3 .switch-state.off,
.cube-switch4 .switch-state.off,
.cube-switch5 .switch-state.off
{
  top: 15%;
}
#light-bulb {
  position: absolute;
  width: 100%;
  height: 624px;
  top: 0%;
  left: 0%;
  background: url(../img/1.jpg) no-repeat top center;
  cursor: inherit;
  z-index: 1;
}
#light-bulb2 {
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;  
  background:url(../img/2.jpg) no-repeat top center;
  transition: all 0.5s;
}


#light-bulb3 {
  position: absolute;
  width: 100%;
  height: 840px;
  top: 0;
  left: 0%;
  background: url(../img/3.jpg) no-repeat top center;
  cursor: inherit;
  z-index: 1;
}
#light-bulb4 {
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;  
  background:url(../img/4.jpg) no-repeat top center;
  transition: all 0.5s;
}
#light-bulb5 {
  position: absolute;
  width: 100%;
  height: 598px;
  top: 80;
  left: 0%;
  background: url(../img/5.jpg) no-repeat top center;
  cursor: inherit;
  z-index: 1;
}
#light-bulb6 {
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;  
  background:url(../img/6.jpg) no-repeat top center;
  transition: all 0.5s;
}
#light-bulb7 {
  position: absolute;
  width: 100%;
  height: 840px;
  top: 0;
  left: 0%;
  background: url(../img/7.jpg) no-repeat top center;
  cursor: inherit;
  z-index: 0;
  
}
#light-bulb8 {
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;  
  background:url(../img/8.jpg) no-repeat top center;
  transition: all 0.5s;
}
#light-bulb4 h1 {
	color:red;
}
 
 .pro-set{z-index:1;text-align:center; padding-top:60px;}
.pro-set-left{text-align:left; margin: 57px 0 0 12%;}
.pro-set-right{text-align:left; margin: 57px 0 0 45%;}

.contentset{ text-align: left; }
.pro-contener h1{font-size: 63px; color:#dc0413; }
.pro-contener h3{font-family: 'Condiment', cursive; font-size: 43px; color:#dc0413;}
.pro-contener h1 span{font-size: 63px; color:#fff;}
h1 {
	font-family: 'Condiment', cursive;
}
h2 {
	font-family: 'Roboto', sans-serif;
	color:#fff; 
}
.pro-set-left li, .pro-set-right li { margin-top: 10px;}
.bigfont{font-size: 25px; color: #dc0413; list-style: none;}
.smallredfont{ line-height:0; margin:0 0 22px 0; font-size:15px; color: #dc0413; list-style: none;}
.smallfont{font-size: 12px; color: #000; list-style: none; line-height: 0;}
.textlink{font-size: 20px; margin: 13px 21px; color: #fff; position: absolute;}
.videolink{margin: 7px 42px; position: absolute;}
.navbar-brand span{ color: #dc0413;
}
.navbar-toggleable-md > .container{display: inline-block !important;}
.set{ margin:7px 23px; position: absolute;}
#pro1, #page-top{ height: 600px; background-color: #d7d7d6; padding: 0;}
.nextbtn{ margin: 0 56%;}
.center{ text-align: center;}
.nextbtn1{ margin:-55px 48%;}
.nextbtn2{ margin:-55px 41%;}
.cross{ text-decoration: line-through; font-size: 15px; color: gray; margin: 0;}



.bredc{color: #dc0413;}
.redc{color: #b3b3b3;}
.witec{color: white;}
h4{ font-size: 23px;}


#video_box{
    float:left;
}
#video_overlays {
position:absolute;
float:left;
    width:98%;
    min-height:370px;
    background-color:#000;
    z-index:300000;
	opacity: 0.80;
}
.col-xs-offset-right {
  margin-right: 10%;
}

#pro3{ margin: 0;  }
#pro2{ height: 591px; padding: 0;}
#laOIiIl-1497949114854{color:#fff; font-size: 1px; }
p:nth-child(even) {
  background: slategrey;
}
.setcon{list-style: none;  margin-left: 136px; height: 52px;}



























@media only screen and (max-width: 500px) {
    .pro-contener h1 {
    color: #dc0413;
    font-size: 63px;
    padding-top: 42px;
}
.seemore{z-index:9; position:relative; text-align:center; margin:0 30%; color:#F00; line-height:18px; padding-top:20px; font-size:13px;}
}