/**THE SAME CSS IS USED IN ALL 3 DEMOS**/    
/**gallery margins**/  

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap');

body, p, label, div{
	font-family: 'Open Sans', sans-serif !important;
}

.zoom {      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;  
}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(5.5);    
-moz-transform: scale(5.5);  
-webkit-transform: scale(5.5);  
-o-transform: scale(5.5);  
transform: scale(5.5);    
position:relative;      
z-index:100;  
}


.bg_green{
	background-color: #a1c93a!important;
}
.text_green{
	color: #a1c93a!important;
}
.bg_purple{
	background-color: #ba24a2!important;
}
.text_purple{
	color: #ba24a2!important;
}
.bg_grey{
	background-color: #393937!important;
}
.text_grey{
	color: #393937!important;
}
.bg_black{
	background-color: #000000!important;
}