#results img { 
	        display: block;
	        margin: 0 auto;
	        margin-left: auto;
			margin-right: auto;
			
	        /*
	        vertical-align: middle
            float:right; margin:20px; padding:20px; border:1px solid; background:#ccc; */
        
         }

 
 #my_popup {
    transition: all 0.3s ease-out;
    margin-top: 15px;
    }
    #my_popup {
    transform: translateX(0) translateY(-40%);
    }

    #juke {
    transition: all 0.3s ease-out;
    }
    #juke {
    transform: translateX(0) translateY(-40%);
    }
    .popup_visible #my_popup {
    transform: translateX(0) translateY(0);
    }
    .popup_visible #juke {
    transform: translateX(0) translateY(0);
    }
	
	#upload_image input {
	  margin: 0 auto;
	  width: 100%;
	  display: block;
	  
	}
	
	#my_camera {
		 margin: 0 auto;
		 height: 240px;
		 width: 320px;
	}
	
	#button_loading input {
		display: inline-block;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	
	#button_loading {
		width: 50%;
		margin: 0 auto;
		margin-top: 20px;
	}
	
	#button_take_snap {
		margin: 0 auto;
	}

    .grid-container-juke{
        width: 900px; 
        box-sizing: border-box; 
        max-width: 800px;      
        margin: 0 auto;
        
    }


    /*-- our cleafix hack -- */ 
    .jukerow:before, 
    .jukerow:after {
        content:"";
          display: table ;
        clear:both;
    }

    [class*='colj-'] {
        float: left; 
        min-height: 370px;
        max-height: 370px;
        overflow: hidden;
        /*-- our gutter -- */
        padding: 11px; 
		background-color: rgba(15, 15, 15, 0.97); 
		
    }
    
    .jukewindow {
	    
	    width: 100%;
	    box-sizing: border-box; 
	    
    }

    .colj-1{ width: 16.66%; }
    .colj-2{ width: 33.33%; }
    .colj-3{ width: 47%;    }
    .colj-4{ width: 66.66%; }
    .colj-5{ width: 83.33%; }
    .colj-6{ width: 100%;   }
    
    .jukewindow .left {
	    
	
	 border-bottom: 5px solid #e21261;
	
	  
    } 
    
    .jukewindow .right {
		
		
		border-bottom: 5px solid #e21261;	    
		
	    
    } 
    

    .outlinej, .outlinej div{
       /* outline: 1px solid black; */
    }

    /*-- some extra column content styling --*/
    [class*='colj-'] > p {
     background-color: #FFC2C2; 
     padding: 0;
     margin: 0;
     text-align: center; 
     color: white; 
     
    }    

	
	.placeholder {
	filter:	grayscale(0.8);
	filter: hue-rotate(8deg);
	filter: brightness(0.6);
	-webkit-filter:	grayscale(0.8);
	-webkit-filter: hue-rotate(8deg);
	-webkit-filter: brightness(0.6); 
	cursor: wait;
	}

	.loadinggif {
		position: absolute;
		top: 22%;
		left: 19%;
		vertical-align: middle;
		height: 100px;
		
	filter: brightness(0.8);
	-webkit-filter: brightness(0.8); 
	-webkit-opacity: 0.7;
	opacity: 0.7;
	}
	
	#left_juke_footer p {
		
		color:white; text-align: justify; line-height: 1.3em; padding-top: 0.7em;
		font-size: 15px;
	}
	
	
	
	#left_juke_footer a {
		color: #e21261;
	}


	#left_juke_footer .pinkloading {
		text-align: center;
		font-size: 20px;
		color: #e21261;
	}