/**
* 2007-2015 Mack Stores
*
* NOTICE OF LICENSE
*
* This code is a property of MackStores. In No way any one is authorised to use this code  or modify this code and redistribute without prior
* permission from the authour i.e MackStores
*
*
*  @author    Mack Stores contact:-sales@mackstores.com
*  @copyright 2007-2015 Mack Stores
*  International Registered Trademark & Property of Mack Stores
*/

/* css for boxes */

.main_hpm
{
	position:relative;
	width:100%;
	height:auto;
	margin-top: 20px;
	margin-bottom: 20px;

	clear: both;
}

.row_cont_hpm
{
	position:relative;
	width: 100%;
	/*border: 1px solid grey; */
	/*display: inline-block;*/
	font-size: 0;

}

.prd_cont_hpm
{
	position:relative;
	display: inline-block;  /* For IE7 */
	  vertical-align: top;


	text-align: center;

	padding:15px;

}



@media only screen and (min-width:1200px){
	/* styles for browsers larger than 960px; */
	.prd_cont_hpm { width: calc(100%/4);  }

}

@media only screen and (max-width:1200px) and (min-width:992px){
	/* styles for browsers smaller than 960px;  and  larger than 762px*/
	.prd_cont_hpm { width: calc(100%/4)  }
}

@media only screen and (max-width:992px) and (min-width:762px){
	/* styles for browsers smaller than 960px;  and  larger than 762px*/
	.prd_cont_hpm { width: calc(100%/3)  }
}

@media only screen and (max-width:762px) and (min-width:462px){
	/* styles for browsers smaller than 762x;  and  larger than 462px*/
	.prd_cont_hpm { width: calc(100%/2)  }
}

@media only screen and (max-width:462px) {
	/* styles for browsers smaller than 762x;  and  larger than 462px*/
	.prd_cont_hpm { width: calc(100%/1)  }
}

.prd_ech_hpm:hover
{

	box-shadow: 0 0 10px #AAAAAA;
	transition: all .9s ease 0s;
	/*  border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;*/
}


.prd_ech_hpm
{
	position:relative;
	margin-bottom: 25px;
	/* border: 1px solid red;  */
}


.tabs
{
	width:100%;
	  border: none;

  margin-bottom: 0px;
}

.tabs li
{
	  display: inline-block;
  padding: 15px;
  transition: all .9s ease 0s;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #BAB9B9;
    text-align: center;

}

@media only screen and (max-width:462px) {
	/* styles for browsers smaller than 762x;  and  larger than 462px*/
	.tabs li
{
	  width:100%

}
}

.tabs li:hover
{

  box-shadow: 0 0 10px  rgb(210, 210, 210);
  transition: all .9s ease 0s;
}

.tabs li:active
{

  box-shadow: 0 0 10px #202020;
  transition: all .9s ease 0s;
  text-decoration: none;
}

.title_hpm
{

	      font: 600 21px/24px "Open Sans", sans-serif;
 color: #555454;
  text-transform: uppercase;
  border: none;
  outline: none;
  margin: 0;
  padding :14px;
}

.title_hpm_each
{
	width:100%;
	display: inline-block;
  padding: 15px;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #BAB9B9;
	font: 600 21px/24px "Open Sans", sans-serif;
 color: #555454;
  text-transform: uppercase;



}

.title_hpm:active
{


}


.tabs > li:first-child {

}

.tabs  li.selected {
    background-color: rgb(8, 79, 145);
  text-decoration: none;

}
.tabs  li.selected a{
  color:white;
  text-decoration: none;

}