/* Стили для превью */
.product-catalog { 
  box-sizing: border-box;
  margin-left: 30px;  
}
.product-item {
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
  border-bottom: 2px solid #F5F5F5;
  background: white;
  transition: .3s ease-in;
  border: 2px solid rgba(0,0,0,.08);
  margin: 10px 10px 0px 0px;
  float:left;
  -font-family: "Open Sans";
  -padding: 10px 10px 10px 10px;
  -padding: 15px 0;
  -margin: 0 auto;
  -width: 100%;
}
.product-item:hover {
  box-sizing: border-box;
  border-bottom: 2px solid #fc5a5a;
}
.product-item img {
  box-sizing: border-box;
  display: block;
  -width: 100%;
}
.product-list {
  box-sizing: border-box;
  background: #fafafa;
  padding: 15px 0;
}
.product-list h3 a {
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  color: #444444;
  margin: 0 0 10px 0;
  -font-family: "Open Sans";
}

#product-list-center{
  text-align: center !important;
}

.product-list a:hover {
box-sizing: border-box;
text-decoration: none;
}

.product-list-price {
  box-sizing: border-box;
  font-size: 16px;
  color: #fc5a5a;
  display: block;
  margin-bottom: 12px;
}
.product-list-button {
  box-sizing: border-box;
  text-decoration: none;
  display: inline-block;
  padding: 0 12px;
  background: #cccccc;
  color: white !important;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 28px;
  transition: .3s ease-in;
}

.product-item:hover .product-list-button {
  box-sizing: border-box;
  background: #fc5a5a;
  color: white;
  text-decoration: none;
}






/* Стили для товара */
.product-item-catalog {
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
  padding: 0 auto;
  transition: .3s ease-in;
  border: 1px solid rgba(0,0,0,.08);
  margin: 10px 10px 0px 0px;
  background: white;
  background: url(img_js/bg.jpg);  
  -font-family: "Open Sans";
  -border-bottom: 2px solid #F5F5F5;
  -float:left;
  -padding: 10px 10px 10px 10px;
  -padding: 15px 0;
  -margin: 0 auto;
}
.product-item-catalog:hover {
  box-sizing: border-box;
  -border-bottom: 2px solid #fc5a5a;
}
.product-item-catalog img {
  -box-sizing: border-box;
  -max-width: 100%;
  -text-align: center; 
  -display: block;
  -padding: 20px 20px 20px 20px;
}
.product-list-catalog p {

}
.product-list-catalog {
  box-sizing: border-box;
  background: #fafafa;
  text-align: left;
  padding: 10px 10px 10px 10px;
  -padding: 15px 0;
}
.product-list-catalog a:hover {
  box-sizing: border-box;
  background: #fc5a5a;
  color: white;
  text-decoration: none;
}
.product-list-price-catalog {
  box-sizing: border-box;
  font-size: 22px;
  font-weight: 700;
  color: #444444; 
  display: block;
  -text-shadow: 1px 1px 0 lightgrey, -1px -1px 0  lightgrey;
  -text-align: left;
  -margin-bottom: 12px;
}
.product-list-button-catalog {
  box-sizing: border-box;
  text-decoration: none;
  display: inline-block;
  padding: 0 12px;
  background: #cccccc;
  color: white !important;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 28px;
  transition: .3s ease-in;
}
.caption-bottom-catalog {
  box-sizing: border-box;
  margin: 0px auto 0;
  position: relative;
  text-align: center;
  -width: 400px;
  -border: 1px solid hsla(21, 37%, 15%, 0.3);
}
.caption-bottom-catalog img {
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  padding: 20px 20px 20px 20px;
  box-shadow: -18px 0 20px -20px #333, 
               18px 0 20px -20px #333;
  -display: block;
}
.caption-bottom-catalog h3 {
  box-sizing: border-box;
  margin: 0;
  line-height: 1.1;
  left: 0;
  bottom: 0;
  padding: 6px 20px 6px 10px;
  background: hsla(21, 37%, 15%, 0.2);
  font-size: 16px;
  font-weight: 400;
  color: #444444;
  margin: 0 0 10px 0;
  text-align: center; 
  -max-width:200px;
  -font-family: "Open Sans";
  -position: absolute;
}






/* Стили для навигации */
.page_catalog{
text-align:center;
padding: 10px 15px;
font-size: 1em;
text-align: center;
margin-top: 0px;
color: black;
-font-family: "Open Sans";
-text-shadow: -0.05em 0px 0.07em #000000;
-font-weight: bold;
}
.num_page{
width:155px;
text-align:center;
padding:3px 0 3px 0; /*отступы нумерации*/
margin:0;
}
.num_page a{
border: 1px solid #ff4a4a;
background-color: #ff4a4a;
border-radius: 2px;
font: 12px Helvetica, Arial, sans-serif;
padding: 4px 12px; /*размер нумерации*/
color: white;
text-decoration: none;
-font-family: "Open Sans";
}
.num_page a:hover{
border: 1px solid #444;
background-color: #444;
color: white;
text-decoration: none;
}
.num_page_active {
border: 1px solid #444;
background-color: #444;
border-radius: 2px;
font: 12px Helvetica, Arial, sans-serif;
padding: 4px 12px;
color: white;
text-decoration: none;
}





	
  /* Landscape - телефоны */
  @media (max-width: 480px) {
	   .product-catalog { margin: 0px; }
	   .product-item { width:100%; }
	   .product-item img { width:100%; }
  }
 
  /* От ландшафтного экрана телефона до потретного планшета */
  @media (max-width: 767px) {  
       .product-catalog { margin: 0px; }
       .product-item { width:100%; }
	   .product-item img { float:left; }
  }
 
  /* От портретного планшета до ландшафтного экрана и настольных дисплеев */
  @media (min-width: 768px) and (max-width: 979px) { 
       .product-catalog { margin: 0px; }
	   .product-item { width:100%; }
	   .product-item img { float:left; }
  }
  
  /* Большой дисплей */
  @media (min-width: 1200px) { 
  
  }