/**
* 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: 0px;
	/* border: 1px solid red;  */
}


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

  margin-bottom: 0px;
 /*     box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    margin-top: 2rem;
    background: #fff;
    padding: 1.25rem 1.875rem; */ /* this is  for the shadow box which is now required */
}

.tabshpms 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*/
	.tabshpms li
{
	  width:100%

}
}

.tabshpms li:hover
{

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

.tabshpms 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
{


}


.tabshpms > li:first-child {

}

.tabshpms  li.selected {
    background-color: rgb(76, 76, 76);
  text-decoration: none;

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

}

.butt_ajax_ani
{
    display :block;
}
.ani_ms
{
        display: inline-block;
        margin-left: 10px;
}
.ani_ms_img
{
    display: none;
}
.l_more_btt{
    
cursor: pointer;
/*  background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#e3e3e3)) repeat scroll 0 0 transparent;
  border-color: #ccc #bbb #a0a0a0;
  border-left: 1px solid #bbb;*/
  border-radius: 7px;
 /* border-right: 1px solid #bbb;
  border-style: solid;
  border-width: 1px;*/
  color: #000;
  margin: 5px 0;
 /* outline: medium none;*/
    padding: 5px 20px 5px 20px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 1px 0 #fff;
  text-decoration: none;
    font-weight: 300;
  font-size: 17px;
  /*width: 142px;*/
}