/* Image Box Style */
#homemainwrapper .homebox {
	cursor: pointer;
	height: 200px;
	float: left;
	
	position: relative;
	overflow: hidden;
	width: 313px; 
}

#homemainwrapper .homebox3 {
	cursor: pointer;
	height: 200px;
	float: left;
	
	position: relative;
	overflow: hidden;
	width: 312px;   text-align:center!important; border:1px solid #fff; margin:10px 0 10px 13px; border-radius:0px;
border-color:#ddd; padding:20px;
}

#homemainwrapper .homebox4 {
	cursor: pointer;
	height: 200px;
	float: left;
	
	position: relative;
	overflow: hidden;
	width: 234px;   text-align:center!important; border:1px solid #fff; margin:10px 0 10px 13px; border-radius:0px;
border-color:#ddd;
}

#homemainwrapper .homeboxinterni {
	cursor: pointer;
	height: 225px;
	float: left;
	
	position: relative;
	overflow: hidden;
	width: 313px; text-align:center!important; border:1px solid #fff; margin:10px 0 10px 13px; border-radius:0px;
border-color:#ddd;
}



#homemainwrapper .homebox img {
 opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
	
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	max-width: 313px; height:auto!important;
}



#homemainwrapper .homebox4 img {
 opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
	
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	max-width: 313px; height:auto!important;
}

#homemainwrapper .homebox3 img {
 opacity: 0.1;
    filter: alpha(opacity=10); /* For IE8 and earlier */
	
	
	
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	max-width: 100px; height:auto!important; 
}



#homemainwrapper .homeboxinterni img {

	left:50px;

	
		

	max-width: 200px; height:auto!important; 
	
	 
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 10px;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}



#homemainwrapper .homeboxinterni i { color:#0d4c5f; font-size:70px; padding-top:20px;}
#homemainwrapper .homebox4 i { color:#ddd; font-size:70px; padding-top:20px;}

#homemainwrapper .homebox img:hover {
 opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#homemainwrapper .homebox4 img:hover {
 opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
#homemainwrapper .homebox3 img:hover {
 opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}


#homemainwrapper .homeboxinterni img:hover {
 opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}


#homemainwrapper .homebox:hover img {
 opacity: 1!important;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#homemainwrapper .homebox4:hover img {
 opacity: 1!important;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	-ms-transform: scale(1.1, 1.1); 
   -webkit-transform: scale(1.1, 1.1); 
 transform: scale(1.1, 1.1);
}
#homemainwrapper .homebox3:hover img {
 opacity: 0.2!important;
    filter: alpha(opacity=20); /* For IE8 and earlier */
	-ms-transform: scale(1.1, 1.1); 
   -webkit-transform: scale(1.1, 1.1); 
 transform: scale(1.1, 1.1);
}


#homemainwrapper .homeboxinterni:hover img {
 opacity: 1!important;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}



/* Caption Common Style */
#homemainwrapper .homebox .homeboxcaption {
	background-color: rgba(255,255,255,0.4);
	position: absolute;
	color: #666;
	z-index: 100;
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;	
		transition: all 200ms ease-out;
	left: 0; 
}

#homemainwrapper .homebox4 .homeboxcaption {
	
	position: absolute;
	color: #0d4c5f;
	z-index: 100;
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;	
		transition: all 200ms ease-out;
	left: 0; 
}

#homemainwrapper .homebox3 .homeboxcaption {
	
	position: absolute;
	color: #0d4c5f;
	z-index: 100;
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;	
		transition: all 200ms ease-out;
	left: 0; 
}


#homemainwrapper .homeboxinterni .homeboxcaption {
	
	position: absolute;
	color: #0d4c5f;
	z-index: 1;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
text-align:center;

}


#homemainwrapper .homebox h2{
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;	
		transition: all 200ms ease-out;
}


#homemainwrapper .homebox4 h2{
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;	
		transition: all 200ms ease-out; font-weight:500; font-size:16px!important;
}

#homemainwrapper .homebox3 h2{
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;	
		transition: all 200ms ease-out; font-weight:300; font-size:16px!important;
}


#homemainwrapper .homeboxinterni h2{
		
}






/** Caption 1: Simple **/
#homemainwrapper .homebox .simple-caption {
	height: 90px;!important;
	width: 313px!important;
	display: block;
	bottom: -35px;
	line-height: 15pt;
	text-align: center;
	padding:0px!important;
	padding-top:18px!important;
}

#homemainwrapper .homebox4 .simple-caption {
	height: 70px;!important;
	width: 234px!important;
	display: block;
	bottom: -1px;
	line-height: 17pt;
	text-align: center;
	
	padding:12px!important;
}

#homemainwrapper .homebox3 .simple-caption {
	height: 70px;!important;
	width: 312px!important;
	display: block;
	bottom: -1px;
	line-height: 17pt;
	text-align: center;
	
	padding:12px!important;
}



#homemainwrapper .homeboxinterni .simple-caption {
	height: 50px;!important;
	width: 313px!important;
	display: block;
	bottom: -10px;
	line-height: 15pt;
	text-align: center;
	
	padding:10px 8px!important; background-color: rgba(255,255,255,1);
}



/** Simple Caption :hover Behaviour **/
#homemainwrapper .homebox:hover .simple-caption {
	-moz-transform: translateY(-30px);
	-o-transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
	opacity: 1;
	transform: translateY(-30px);
}

#homemainwrapper .homebox4:hover .simple-caption {
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	transform: translateY(0px); 
}
#homemainwrapper .homebox3:hover .simple-caption {
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	transform: translateY(0px); 
}


#homemainwrapper .homeboxinterni:hover .simple-caption {
	opacity: 1; background-color:#0d4c5f; color:#FFFFFF;
}

#homemainwrapper .homebox:hover h2 {
	-moz-transform: translateY(40%);
	-o-transform: translateY(40%);
	-webkit-transform: translateY(40%);
	opacity: 1;
	transform: translateY(40%);
	color:#0d4c5f; font-weight:700!important; font-size:14px!important;
}
#homemainwrapper .homeboxinterni:hover h2 {
	
	opacity: 1;
	
	color:#ffffff; 
}

#homemainwrapper .homebox4:hover h2 {
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1;
	transform: translateY(0);
	color:#0d4c5f;  font-weight:700!important; font-size:16px!important; font-size:16px!important;
}
#homemainwrapper .homebox4:hover i {
	color:#0d4c5f;
}

#homemainwrapper .homebox3:hover h2 {
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1;
	transform: translateY(0);
	color:#0d4c5f;  font-weight:700!important; font-size:16px!important; font-size:16px!important;
}
#homemainwrapper .homebox3:hover i {
	color:#0d4c5f;
}


#homemainwrapper .homeboxinterni:hover img {
	/** Simple Caption :hover Behaviour 
	-ms-transform: scale(1.2, 1.2); /* IE 9 */
   /**  -webkit-transform: scale(1.2, 1.2); /* Safari */
   /**  transform: scale(1.2, 1.2);*/
   opacity: 1;
}


#homemainwrapper .homeboxinterni:hover  {
border-color:#ddd; border-radius:0px; 
}
#homemainwrapper .homebox4:hover  {
border-color:#0d4c5f; border-radius:0px;
}
#homemainwrapper .homebox3:hover  {
border-color:#0d4c5f; border-radius:0px;
}

#homemainwrapper .homebox4 p {
	font-size:16px!important;line-height:20px!important; color:#333; text-align: center;
}
#homemainwrapper .homebox3 p {
	font-size:16px!important;line-height:20px!important; color:#333; text-align: center;
}

#homemainwrapper .homebox p {
	font-size:16px!important;line-height:20px!important; color:#333; text-align: center;
}
#homemainwrapper .homeboxinterni p {
	font-size:16px!important;line-height:20px!important; color:#333; text-align: center;
}
#homemainwrapper .homebox h2 {
	font-size:14px!important; line-height:17px!important; font-weight:300;
}
#homemainwrapper .homeboxinterni h2 {
	font-size:17px!important; line-height:21px!important; font-weight:500; 
}




.homeboxes_button { clear:left; text-align:center!important; background-color:#333;  font-weight:500; 
  color:#fff; font-size:14px; line-height:20px; width:150px; padding:5px; margin:0 auto;
}

.homeboxes_button:hover {  background-color:#fff!important;   color:#333!important; cursor:pointer; }


 @media ( max-width : 1020px ) {
	 .span_4 { width: 100%!important; float:none!important; text-align:center!important; margin:0 auto!important;}
	 
	 
	 #homemainwrapper .homebox{ width: 100%!important; float:none!important; text-align:center!important; margin:0 auto!important; margin-bottom:20px!important;}
	 #homemainwrapper .homebox img { float:none!important; text-align:center!important; margin:0 auto!important;}
	 
	#homemainwrapper .homebox4{ width: 100%!important; float:none!important; text-align:center!important; margin:0 auto!important; margin-bottom:20px!important;}
	 #homemainwrapper .homebox4 img { float:none!important; text-align:center!important; margin:0 auto!important;}
	 
	 #homemainwrapper .homebox3{ width: 100%!important; float:none!important; text-align:center!important; margin:0 auto!important; margin-bottom:20px!important;}
	 #homemainwrapper .homebox3 img { float:none!important; text-align:center!important; margin:0 auto!important;}


  #homemainwrapper .homeboxinterni{ width: 600px!important; float:none!important; text-align:center!important; margin:0 auto!important; margin-bottom:20px!important;}
	 #homemainwrapper .homeboxinterni img { float:none!important; text-align:center!important; margin:0 auto!important;}
	 
	#homemainwrapper .homebox .simple-caption { height:60px; bottom: 0px;  width: 100%!important;text-align:center!important; float:none!important;margin:0 auto!important;}
	#homemainwrapper .homeboxinterni .simple-caption { height:50px; bottom: 0px;  width: 100%!important;text-align:center!important; float:none!important;margin:0 auto!important;}
#homemainwrapper .homebox4 .simple-caption { height:70px; bottom: 0px;  width: 100%!important;text-align:center!important; float:none!important;margin:0 auto!important;}
#homemainwrapper .homebox3 .simple-caption { height:70px; bottom: 0px;  width: 100%!important;text-align:center!important; float:none!important;margin:0 auto!important;}
	
	#homemainwrapper .homebox img {	margin:0 auto; position:relative;}
			#homemainwrapper .homeboxinterni img {

    top: 0;  
   
}
		#homemainwrapper .homebox4 img {	margin:0 auto; position:relative;}
	 #homemainwrapper .homebox3 img {	margin:0 auto; position:relative;}
	
			
			
			
			
			
}

	
	
	






 @media ( max-width : 750px ) {


	#homemainwrapper .homebox .simple-caption { height:50px; }

#homemainwrapper .homebox p {
	font-size:14px!important;line-height:18px!important; 
}
#homemainwrapper .homeboxinterni img {
 
	max-width: 250px; 
}

#homemainwrapper .homebox4 .simple-caption { height:70px; }
	 #homemainwrapper .homebox3 .simple-caption { height:70px; }

	  #homemainwrapper .homeboxinterni{ width: 480px!important;}

 #homemainwrapper .homeboxinterni h2 {
	 line-height:30px!important; font-size:16px!important;  font-weight:700!important; 
}


}

 @media ( max-width : 500px ) {
 #homemainwrapper .homebox .simple-caption { height:40px; }
  #homemainwrapper .homebox4 .simple-caption { height:50px; }
#homemainwrapper .homebox3 .simple-caption { height:50px; }
 
  #homemainwrapper .homeboxinterni{ width: 100%!important;}
  
  
 #homemainwrapper .homeboxinterni h2 {
	 line-height:30px!important; font-size:16px!important;  font-weight:700!important; 
}

#homemainwrapper .homebox:hover h2 {
	
}
#homemainwrapper .homebox4:hover h2 {
	 font-weight:700!important; font-size:16px!important;
}
#homemainwrapper .homebox4 p {
	display:none; 
}

	 #homemainwrapper .homebox3:hover h2 {
	 font-weight:700!important; font-size:16px!important;
}
#homemainwrapper .homebox3 p {
	display:none; 
}
	 
#homemainwrapper .homebox p {
	display:none; 
}

#homemainwrapper .homebox img {
	max-width:50%;}

#homemainwrapper .homebox:hover .simple-caption {
	-moz-transform: translateY(-10%);
	-o-transform: translateY(-10%);
	-webkit-transform: translateY(-10%);
	opacity: 1;
	transform: translateY(-10%);
}
#homemainwrapper .homebox:hover h2 {
	-moz-transform: translateY(-20%);
	-o-transform: translateY(-20%);
	-webkit-transform: translateY(-20%);
	opacity: 1;
	transform: translateY(-20%);

}
#homemainwrapper .homebox4:hover h2 {
	

}
}