@page {
  size: A4 landscape;
}
	
		@page :blank {
  @top-center { content: "This page is intentionally left blank." }
}

.boxX .box1, .boxX .box11, .boxX .box111{
	float:left;
	width:33%;

	line-height: 220%;
}

.boxX .box1 img, .boxX .box11 img , .boxX .box111 img{
	float:left;


}


.boxX .box1 .product-fields, .boxX .box11 .product-field, .boxX .box111 .product-field{
	
	float:left;

}


/************************************************************************************************************************************/







.boxX{
	
}


.boxX .box1 .product-fields{
	

}

.boxX .box1 .product-fields .product-field{
	
    float: left;
    width: 33%;
    clear: inherit;
}

.boxX .box1 .product-fields .product-field img{
	
max-width:100%;
}


.boxX .box1 .product-fields .product-field .product-field-display{
	
	
    font-size: 25pt;
    color: #000;
}

/************************************************************************************************************************************/


.boxX{
	
}


.boxX .box11 .product-fields{
	

}

.boxX .box11 .product-fields .product-field{
	
    float: left;
    width: 33%;
    clear: inherit;
}

.boxX .box11 .product-fields .product-field img{
	
max-width:100%;
}


.boxX .box11 .product-fields .product-field .product-field-display{
	 font-size: 25pt;
    color: #000;
	
}

/************************************************************************************************************************************/


.boxX{
	
}


.boxX .box111 .product-fields{
	

}

.boxX .box111 .product-fields .product-field{
	
    float: left;
    width: 100%;
    clear: inherit;
}

.boxX .box111 .product-fields .product-field img{
	
max-width:100%;
}


.boxX .box111 .product-fields .product-field span .product-fields-title {
	 font-size: 25pt;
    color: #000;
	float:left;
	 /*! width: 100%; */
}



.boxX .box111 .product-fields .product-field .product-field-display{
	 font-size: 25pt;
    color: #000;
	float:left;
	 margin-left: 15px;
}





/************************************************************************************************************************************/


.boxXX{
	
    float: left;
    width: 100%;
}


.boxXX .box3, .boxXX .box2{
	float:left;
	width:50%;

}



.boxXX .box2 .product-fields{
	
margin: 0;

}

.boxXX .box2 .product-fields .product-field{
	
    float: left;
    width: 100%;
    clear: inherit;
	border:1px solid #B0B0B0;
    padding: 0;
    color: #fff;
    font-size: 12pt;
}

.boxXX .box2 .product-fields .product-field .product-fields-title-wrapper{

background:#01059a;
float:left;
width:66%;

padding-left: 4%;
}

.boxXX .box2 .product-fields .product-field .product-field-display{
	float:left;
width:30%;

	color: #000;
	text-align: center;
	font-weight: bold;
	padding: 0;
}

/************************************************************************************************************************/

.boxXX .box3{
	float:left;
	width:50%;

	text-align: center;
}


.boxXX .box3 .product-fields .product-field{
	
    float: left;
    width: 100%;
    clear: inherit;
	/*! border:1px solid #000; */
    padding: 0;
    /*! color: #fff; */
    font-size: 32pt;
    font-weight: bold;
}


.boxXX .box3 .product-fields .product-field .product-fields-title-wrapper{


float:left;
width:100%;


}

.boxXX .box3 .product-fields .product-field .product-field-display{

}


/************************************************************************************************************************/

.boxX .box4 .product-fields .product-field{
	
    float: left;
    width: 100%;
    clear: inherit;
	border:1px solid #B0B0B0;
    padding: 0;
    color: #fff;
    font-size: 12pt;
}

.boxX .box4 .product-fields .product-field .product-fields-title-wrapper{

background:#01059a;
float:left;
width:46%;

padding-left: 4%;
}

.boxX .box4 .product-fields .product-field .product-field-display{
	float:left;
	width:50%;

	color: #000;
	text-align: center;
	font-weight: bold;
	padding: 0;
}



/************************************************************************************************************************/

.boxX .box44{
margin-top:2%;

}


.boxX .box44 .product-fields .product-field{
	
    float: left;
    width: 100%;
    clear: inherit;
	border:1px solid #B0B0B0;
    padding: 0;
    color: #000;
    font-size: 12pt;
}

.boxX .box44 .product-fields .product-field .product-fields-title-wrapper{

background:#fff;
float:left;

padding: 0% 2%;
margin-top: -18px;
margin-left: 2%;
font-variant: small-caps;
font-size: 15pt;
}

.boxX .box44 .product-fields .product-field .product-field-display{
	float:left;
	/*! width:100%; */

	color: #000;
	text-align: center;
	font-weight: bold;
	padding: 2%;
	margin-top: 0%;
}



/************************************************************************************************************************/


.boxXX .box5, .boxXX .box6{
	float:left;
	width:50%;

}


/************************************************************************************************************************/



.boxXX .box5 .product-fields{
	

}

.boxXX .box5 .product-fields .product-field{
	
    float: left;
    width: 50%;
    clear: inherit;
}

.boxXX .box5 .product-fields .product-field img{
	
max-width:100%;
}


.boxXX .box5 .product-fields .product-field .product-field-display{
	
	
}


/************************************************************************************************************************/

.boxXX .box6 .product-fields{
	

}

.boxXX .box6 .product-fields .product-field{
	
    float: left;
    width: 100%;
    clear: inherit;
}

.boxXX .box6 .product-fields .product-field img{
	
width:100%;
}


.boxXX .box6 .product-fields .product-field .product-field-display{
	
	
}




/***********************************************************************************/

.vm-categories-wall-catwrapper{
	position:relative; 
	
margin-top: 1% !important;
	
	/* box-shadow: 0px 0px 18px #000; */
}


.vm-categories-wall-img {

  width: 100%;
  height: auto;
}



.vm-categories-wall img {

  width: 100%;
  height: auto;
}



.conttainer img{

  width: 100%;
  height: auto;
}










.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background: rgba(0,0,0,0.70);
}

.vm-categories-wall-catwrapper:hover .overlay {
  opacity: 1;
}

.vm-categories-wall-catname {
  color: #81bb1a;
  font-size: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index:9999;
  font-weight:bold;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  /* text-shadow: 0px 0px 5px rgba(255,255,255,0.5); */
}


.vm-categories-wall {
	
	/* margin-top:65%; */
	
}




#content-handler.container{
	
 width: 90% ;
	max-width:1400px;

}

/***********************************************************************************/
.catcat{

    background: url('../images/occa.png');
	
width:7%;
height:93%;

float:left;

    position: absolute;
}