/*	--------------------------------------------------
	:: Info-boxes
	-------------------------------------------------- */
	.infobox {
	    margin:0 auto;
	    position:relative;
		width:100%;
	    display:block;
		z-index:9999;
		padding:0;
		text-align:center;
		-webkit-box-sizing:border-box;
	       -moz-box-sizing:border-box; 
	            box-sizing:border-box;
	}
	
	.infobox .infobox-holder { 
	    position:relative;
		display:block;
		margin:0;
		-webkit-box-sizing:border-box;
	       -moz-box-sizing:border-box; 
	            box-sizing:border-box;
    }
	
	.infobox .infobox-holder h4{
		line-height:20px;
		font-style:normal; 
	    font-weight:normal; 
	    font-family:"Open Sans"; 
	    font-size:14px;
	    color:#000;
		margin:20px 0 10px 0;
		padding:0;
    }
	
	.infobox .infobox-holder p{
		line-height:20px;
		font-style:normal; 
	    font-weight:normal; 
	    font-family:"Open Sans"; 
	    font-size:13px;
	    color:#000;
    }

	.infobox .infobox-holder i {
	    position:relative;
	    background-color:#38332b;
		display:inline-block;
		width:100px;
		height:100px;
		font-style:normal; 
	    font-weight:normal; 
	    font-size:42px;
	    color:#fff;
		margin:0;
		padding:0;
		cursor:pointer;
		-webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
	}
	
	.infobox .infobox-holder i:before {
	    position:absolute;
		display:inline-block;
		top:50%;
		left:50%;
 margin-left: -18px;
    margin-top: -23px;
	}
	
	.infobox .infobox-holder i:after {
		content:"";
		display:inline-block;
		width:100%;
		height:100%;
	}
		
	.infobox .infobox-holder .dt-zoom-animation i {
	    font-size: 50px;
		-webkit-border-radius:50%;
           -moz-border-radius:50%;
                border-radius:50%;
	}
	
	.infobox .infobox-holder .dt-zoom-animation i:after {
	    opacity:0;
		-webkit-border-radius:50%;
           -moz-border-radius:50%;
                border-radius:50%;
	    -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
	}

	
	.infobox .infobox-holder .dt-zoom-animation i:hover:after {
	    opacity:1;
		-webkit-transform:scale(1.1);
		   -moz-transform:scale(1.1);
             -o-transform:scale(1.1);
                transform:scale(1.1);
	}
	