/* SIMPLE */

.nscheckbox { display: none; 
	}

#social-div label.label {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch.png) 0 35px;
        }

.nscheckbox:checked + .label {
            background: url(../img/switch.png) 0 0;
        }
        
        
        
.nscheckbox1 { display: none; }

.label1 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch.png) 0 35px;
        }

.nscheckbox1:checked + .label1 {
            background: url(../img/switch.png) 0 0;
        }
      
    
        
.nscheckbox2 { display: none; }

.label2 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch.png) 0 35px;
        }

.nscheckbox2:checked + .label2 {
            background: url(../img/switch.png) 0 0;
        }
        


.nscheckbox3 { display: none; }

.label3 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch.png) 0 35px;
        }

.nscheckbox3:checked + .label3 {
            background: url(../img/switch.png) 0 0;
        }        
        
        
.nscheckbox4 { display: none; }

.label4 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch.png) 0 35px;
        }

.nscheckbox4:checked + .label4 {
            background: url(../img/switch.png) 0 0;
        }        




/* FUTURE */



.nscheckbox5 { display: none; }

.label5 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-future.png) 0 35px;
        }

.nscheckbox5:checked + .label5 {
            background: url(../img/switch-future.png) 0 0;
        }
        
.nscheckbox6 { display: none; }

.label6 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-future.png) 0 35px;
        }

.nscheckbox6:checked + .label6 {
            background: url(../img/switch-future.png) 0 0;
        }                
        
.nscheckbox7 { display: none; }

.label7 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-future.png) 0 35px;
        }

.nscheckbox7:checked + .label7 {
            background: url(../img/switch-future.png) 0 0;
        }        
        
.nscheckbox8 { display: none; }

.label8 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-future.png) 0 35px;
        }

.nscheckbox8:checked + .label8 {
            background: url(../img/switch-future.png) 0 0;
        }        


.nscheckbox9 { display: none; }

.label9 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-future.png) 0 35px;
        }

.nscheckbox9:checked + .label9 {
            background: url(../img/switch-future.png) 0 0;
        }




/* ROUND SHADOW */



.nscheckbox10 { display: none; }

.label10 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-round-shadow.png) 0 35px;
        }

.nscheckbox10:checked + .label10 {
            background: url(../img/switch-round-shadow.png) 0 0;
        }


.nscheckbox11 { display: none; }

.label11 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-round-shadow.png) 0 35px;
        }

.nscheckbox11:checked + .label11 {
            background: url(../img/switch-round-shadow.png) 0 0;
        }



.nscheckbox12 { display: none; }

.label12 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-round-shadow.png) 0 35px;
        }

.nscheckbox12:checked + .label12 {
            background: url(../img/switch-round-shadow.png) 0 0;
        }
        
        
        
.nscheckbox13 { display: none; }

.label13 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-round-shadow.png) 0 35px;
        }

.nscheckbox13:checked + .label13 {
            background: url(../img/switch-round-shadow.png) 0 0;
        }
        
        
        

.nscheckbox14 { display: none; }

.label14 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-round-shadow.png) 0 35px;
        }

.nscheckbox14:checked + .label14 {
            background: url(../img/switch-round-shadow.png) 0 0;
        }                



/* BLUE */

        
        
.nscheckbox15 { display: none; 
	}

.label15 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-blue.png) 0 35px;
        }

.nscheckbox15:checked + .label15 {
            background: url(../img/switch-blue.png) 0 0;
        }        
        
        
.nscheckbox16 { display: none; 
	}

.label16 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-blue.png) 0 35px;
        }

.nscheckbox16:checked + .label16 {
            background: url(../img/switch-blue.png) 0 0;
        }         
        
        

.nscheckbox17 { display: none; 
	}

.label17 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-blue.png) 0 35px;
        }

.nscheckbox17:checked + .label17 {
            background: url(../img/switch-blue.png) 0 0;
        }


.nscheckbox18 { display: none; 
	}

.label18 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-blue.png) 0 35px;
        }

.nscheckbox18:checked + .label18 {
            background: url(../img/switch-blue.png) 0 0;
        }


.nscheckbox19 { display: none; 
	}

.label19 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/switch-blue.png) 0 35px;
        }

.nscheckbox19:checked + .label19 {
            background: url(../img/switch-blue.png) 0 0;
        }


/* QUAD */


   
.nscheckbox20 { display: none; 
	}

.label20 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/quad.png) 0 35px;
        }

.nscheckbox20:checked + .label20 {
            background: url(../img/quad.png) 0 0;
        }   
   
   
.nscheckbox21 { display: none; 
	}

.label21 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/quad.png) 0 35px;
        }

.nscheckbox21:checked + .label21 {
            background: url(../img/quad.png) 0 0;
        }



.nscheckbox22 { display: none; 
	}

.label22 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/quad.png) 0 35px;
        }

.nscheckbox22:checked + .label22 {
            background: url(../img/quad.png) 0 0;
        }           
   
   
.nscheckbox23 { display: none; 
	}

.label23 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/quad.png) 0 35px;
        }

.nscheckbox23:checked + .label23 {
            background: url(../img/quad.png) 0 0;
        }   
   
   
.nscheckbox24 { display: none; 
	}

.label24 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/quad.png) 0 35px;
        }

.nscheckbox24:checked + .label24 {
            background: url(../img/quad.png) 0 0;
        }   
        

/* dark */
 
        
.nscheckbox25 { display: none; 
	}

.label25 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/dark.png) 0 35px;
        }

.nscheckbox25:checked + .label25 {
            background: url(../img/dark.png) 0 0;
        }  
   
   

.nscheckbox26 { display: none; 
	}

.label26 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/dark.png) 0 35px;
        }

.nscheckbox26:checked + .label26 {
            background: url(../img/dark.png) 0 0;
        }   
   

   
.nscheckbox27 { display: none; 
	}

.label27 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/dark.png) 0 35px;
        }

.nscheckbox27:checked + .label27 {
            background: url(../img/dark.png) 0 0;
        }   
   

   
.nscheckbox28 { display: none; 
	}

.label28 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/dark.png) 0 35px;
        }

.nscheckbox28:checked + .label28 {
            background: url(../img/dark.png) 0 0;
        }   
   


.nscheckbox29 { display: none; 
	}

.label29 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/dark.png) 0 35px;
        }

.nscheckbox29:checked + .label29 {
            background: url(../img/dark.png) 0 0;
        }   
   
   
   
/* GRAY */   
   
   
    
.nscheckbox30 { display: none; 
	}

.label30 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/gray.png) 0 35px;
        }

.nscheckbox30:checked + .label30 {
            background: url(../img/gray.png) 0 0;
        }     
    
    
.nscheckbox31 { display: none; 
	}

.label31 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/gray.png) 0 35px;
        }

.nscheckbox31:checked + .label31 {
            background: url(../img/gray.png) 0 0;
        }    
    
    
    
.nscheckbox32 { display: none; 
	}

.label32 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/gray.png) 0 35px;
        }

.nscheckbox32:checked + .label32 {
            background: url(../img/gray.png) 0 0;
        }    
    
    
    
.nscheckbox33 { display: none; 
	}

.label33 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/gray.png) 0 35px;
        }

.nscheckbox33:checked + .label33 {
            background: url(../img/gray.png) 0 0;
        }    
    
    


.nscheckbox34 { display: none; 
	}

.label34 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/gray.png) 0 35px;
        }

.nscheckbox34:checked + .label34 {
            background: url(../img/gray.png) 0 0;
        }



/* DARK SWITCH */

.nscheckbox35 { display: none; 
	}

.label35 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/dark-switch.png) 0 35px;
        }

.nscheckbox35:checked + .label35 {
            background: url(../img/dark-switch.png) 0 0;
        }



.nscheckbox36 { display: none; 
	}

.label36 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/dark-switch.png) 0 35px;
        }

.nscheckbox36:checked + .label36 {
            background: url(../img/dark-switch.png) 0 0;
        }



.nscheckbox37 { display: none; 
	}

.label37 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/dark-switch.png) 0 35px;
        }

.nscheckbox37:checked + .label37 {
            background: url(../img/dark-switch.png) 0 0;
        }


    
.nscheckbox38 { display: none; 
	}

.label38 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/dark-switch.png) 0 35px;
        }

.nscheckbox38:checked + .label38 {
            background: url(../img/dark-switch.png) 0 0;
        }    
    
    
.nscheckbox39 { display: none; 
	}

.label39 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/dark-switch.png) 0 35px;
        }

.nscheckbox39:checked + .label39 {
            background: url(../img/dark-switch.png) 0 0;
        }    
    
    

/* MINI QUAD */    
    
    
.nscheckbox40 { display: none; 
	}

.label40 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/mini-quad.png) 0 35px;
        }

.nscheckbox40:checked + .label40 {
            background: url(../img/mini-quad.png) 0 0;
        }    
    
    
.nscheckbox41 { display: none; 
	}

.label41 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/mini-quad.png) 0 35px;
        }

.nscheckbox41:checked + .label41 {
            background: url(../img/mini-quad.png) 0 0;
        }    
    
    
    
.nscheckbox42 { display: none; 
	}

.label42 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/mini-quad.png) 0 35px;
        }

.nscheckbox42:checked + .label42 {
            background: url(../img/mini-quad.png) 0 0;
        }    
    
    
    
    
.nscheckbox43 { display: none; 
	}

.label43 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/mini-quad.png) 0 35px;
        }

.nscheckbox43:checked + .label43 {
            background: url(../img/mini-quad.png) 0 0;
        }    
    
    
.nscheckbox44 { display: none; 
	}

.label44 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/mini-quad.png) 0 35px;
        }

.nscheckbox44:checked + .label44 {
            background: url(../img/mini-quad.png) 0 0;
        }    
    
    
    
/* GREEN RED */    
    
    
    
.nscheckbox45 { display: none; 
	}

.label45 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/greenred.png) 0 35px;
        }

.nscheckbox45:checked + .label45 {
            background: url(../img/greenred.png) 0 0;
        }    
    
    

.nscheckbox46 { display: none; 
	}

.label46 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/greenred.png) 0 35px;
        }

.nscheckbox46:checked + .label46 {
            background: url(../img/greenred.png) 0 0;
        }


.nscheckbox47 { display: none; 
	}

.label47 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/greenred.png) 0 35px;
        }

.nscheckbox47:checked + .label47 {
            background: url(../img/greenred.png) 0 0;
        }



.nscheckbox48 { display: none; 
	}

.label48 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/greenred.png) 0 35px;
        }

.nscheckbox48:checked + .label48 {
            background: url(../img/greenred.png) 0 0;
        }



.nscheckbox49 { display: none; 
	}

.label49 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/greenred.png) 0 35px;
        }

.nscheckbox49:checked + .label49 {
            background: url(../img/greenred.png) 0 0;
        }


/* EXAMPLE */

.nscheckbox50 { display: none; 
	}

.label50 {
            display: inline-block;
            width: 75px;
            height:35px;
            background-size: cover;
            background: url(../img/greenred.png) 0 35px;
        }

.nscheckbox50:checked + .label50 {
            background: url(../img/greenred.png) 0 0;
        }