html {
     
 		 background-color: #FFFFFF;
}

body {
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
     tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
}


/* top site part */

/* top site part */
  
  header {
   padding-top: 39px;
    
  }
  
 .no-touch .top-wrapper {
     height: 39px;
     background: #333333; 
  	 position: fixed;
  	 width: 100%;
  	 z-index: 1000;
    }
  
 .touch .top-wrapper {
     height: 39px;
     background: #333333;          
            }
      
.top-wrapper.fancybox-margin {
     margin-left: -8px !important; 
    }

  

.top-phone {
     color: #797878;
     font-size: 18px;
     margin-top: 11px;
     margin-right: 15px; 
  
    }

.top-phone-link {
  display: block;
  background: #F4F4F4;
  color: #5C5C5C;
  font-size: 13px;          
  width: 145px;
  height: 23px;
  padding-top: 5px;
  margin-top: 8px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none; 
        }
 
.top-phone-link:hover {
  text-decoration: none;
      }

.top-menu {
  margin-top: 14px; 
  margin-right: 57px;
    }
    
.top-menu > li {
  float: left;
  color: #EBEBEB;
  font-size: 13px;
  margin-right: 6px        
        }
    
.top-menu > li a {
   color: #EBEBEB; 
   text-transform: uppercase;
            }
        
.top-right-menu {
    margin-right: 30px;              
                  
                }
 
.top-basket {
  	 margin-top: 8px;
     background: #F4F4F4;
     padding: 3px 10px 0 10px;
     font-size: 13px;
     color: #5C5C5C;  
     height: 23px;
     }

.top-basket > a {
  font-size: 13px;        
        }
        
.top-basket > a:hover {
  text-decoration: none;        
        }

.top-basket-title {
 text-transform: uppercase;  
  color: #5C5C5C; 
        }
    
.top-basket .cart_items_count {
  background: #F91E1E;
  color: #F4F4F4;
  width: 19px;
  height: 19px;
  border-radius: 9px;
  margin-right: 7px;            
  display:inline-block;  
  text-align: center;
  padding-top: 2px; 
  line-height: 14px;
            }
    
.top-basket .cart_total_price {
  color: #5C5C5C;  
  font-size: 14px; 
              }

.header-left, .header-right {
  display: inline-block;    
  vertical-align: middle;    
    }
    
        
.top-basket .fa-shopping-cart {
 color: #F91E1E; 
 font-size: 14px;  
    }
      
.header-left {
 margin: 0;
 width: 520px;
 margin-right: 26px;

    }

.header-right {
 width: 649px;     
 text-align: right;   
    }
    
.header-left > a {
    display: inline-block;
	padding: 24px 0; 
    }
.header-left > a img {
   display: block; 
    }
    
.shop-name {
   color: #232323;
   font-size: 26px;
   display: block;   
}


.search {
  height: 27px;
  border: 1px solid #5C5C5C;
  position: relative;
  padding-left: 11px;
    
    }
.top-search {
  width: 350px;     
  text-align: left;
  margin-right: 10px; 
      }
  
.search > input {
   height: 25px;
   color: #5C5C5C;
   border: none;
   background:none;	
   width: 89%;
    }    

.top-search {
  width: 300px; 
  
    }


.search > button {
  position: absolute;
  width: 18px;
  height: 13px;
  top: 6px;
  right: 8px;
  border: none;
  background:none;
  cursor: pointer;
    }

 .search > button i {
  color: #5C5C5C;
  font-size: 13px;    
    }

.soc-wrapper, .search {
  display: inline-block;  
  }


    
.soc-wrapper > p {
   display: inline-block;
   vertical-align: middle;
   width: 27px;
   height: 27px;  
   background: #333333;  
   text-align: center;
   line-height: 29px;   
    }

.soc-wrapper > p a {
    color: #F4F4F4;
    font-size: 13px;      
	position: relative;	
  	display: inline-block;
        }

.soc-wrapper > p a:hover {
   text-decoration: none;
   color: #F91E1E;   
  animation: animationFrames linear 1s;
  animation-iteration-count: 1;
  transform-origin: ;
  -webkit-animation: animationFrames linear 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: ;
  -moz-animation: animationFrames linear 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: ;
  -o-animation: animationFrames linear 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: ;
  -ms-animation: animationFrames linear 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: ;
}

@keyframes animationFrames{
  0% {
    left:0px;
    top:0px;
    opacity:1;
    transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  10% {
    transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  20% {
    transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  30% {
    transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  40% {
    transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  50% {
    transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  60% {
    transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  70% {
    transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  80% {
    transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  90% {
    transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    transform:  rotate(0deg) scaleX(1.2) scaleY(1.2) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    left:0px;
    top:0px;
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  10% {
    -moz-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  20% {
    -moz-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  30% {
    -moz-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  40% {
    -moz-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  50% {
    -moz-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  60% {
    -moz-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  70% {
    -moz-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  80% {
    -moz-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  90% {
    -moz-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1.2) scaleY(1.2) ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    left:0px;
    top:0px;
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  10% {
    -webkit-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  20% {
    -webkit-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  30% {
    -webkit-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  40% {
    -webkit-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  50% {
    -webkit-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  60% {
    -webkit-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  70% {
    -webkit-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  80% {
    -webkit-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  90% {
    -webkit-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1.2) scaleY(1.2) ;
  }
}

@-o-keyframes animationFrames {
  0% {
    left:0px;
    top:0px;
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  10% {
    -o-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  20% {
    -o-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  30% {
    -o-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  40% {
    -o-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  50% {
    -o-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  60% {
    -o-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  70% {
    -o-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  80% {
    -o-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  90% {
    -o-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1.2) scaleY(1.2) ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    left:0px;
    top:0px;
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;
  }
  10% {
    -ms-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  20% {
    -ms-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;
  }
  30% {
    -ms-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  40% {
    -ms-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  50% {
    -ms-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  60% {
    -ms-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  70% {
    -ms-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  80% {
    -ms-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;
  }
  90% {
    -ms-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1.2) scaleY(1.2) ;
  }
}

nav {
 background: #232323;                                                                          
 margin-bottom: 31px !important;                                                                         
}               
                                                                        
 .head-catalog {
  float: left;
                                                                       
   }
 
.header-wrapper {border: 1px solid #ddd;}                                                                

.head-catalog-sale {
	 width: 860px;                                                                          
}
   
.top-sale-button {
 color: #F91E1E;  
 text-transform: uppercase;  
 float: right;
 margin: 16px 19px 0 0;  
 font-size: 14px;                                                             
}
                                                                
.head-catalog li {
	display: inline;
	float: left;
	position: relative;	
}

.head-catalog a {
    color: #EBEBEB;
	font-size: 14px;
	line-height: 46px;
	height: 46px;
	padding: 0 14px;
	display: block;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
    text-transform: uppercase;                                                
}

.no-touch .head-catalog a.active, .head-catalog a:hover, .touch .touch-active > ul a.active{
    color: #232323;
	text-decoration: none;
    background: #F91E1E;
}


.head-catalog ul {
	position: absolute;
	left: 0;
	top: 46px;
	display: none;
	width: 130px;
	padding: 10px 13px;
	z-index: 1000;
    background: #F91E1E;
                                      
}

.head-catalog ul li {
	float: none;
	display: block;
}
.head-catalog ul li a {
	height: auto;
	line-height: 20px;
	font-size: 14px;
    text-transform:none;   
    color: #EBEBEB;                                  
}
                                    
              
.head-catalog ul ul {
    top: 0;                                       
	padding-left: 20px;
/*	position: static;*/
	display: block;
	width: 150px;
     left: 105px;
     display: none;                             
	/*padding: 0 0 0 13px;*/
    box-shadow: 0 0 10px rgba(0,0,0,0.5); 
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}
.no-touch .head-catalog li:hover > ul, .touch .touch-active > ul{
	display: block;
     transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}
                      
/* end top site */                      
                      
/* main-page */
.main-blocks {
 height: 200px;
 padding-top: 35px;     
 min-width: 1024px;                        
border: 1px solid #ddd;
}
                      
                      
.main-blocks-wrap {
 overflow: hidden;                       
   }
                     
.main-blocks-wrap > div{
  display: block;
  width: 390px;
  height: 131px;
  vertical-align: top;  
  margin-left: 15px;                
  border: 1px solid #ddd;
}
                      
.main-blocks-wrap > div:first-child {
  margin-left: 0;                      
                      }
                      
.main-blocks-item {
    position: relative;
                    
     }
          
.main-blocks-item a p {
 position: absolute;
 top: 20px;
 left: 0;
 background: #fff;
 min-width: 183px;
 max-width: 315px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap; 
 padding-right: 10px;       
 height: 29px;
 text-align: center;  
 text-transform: uppercase;       
 color: #232323;     
 line-height: 29px;  
 border-right:1px solid #ddd;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
        
 }
      
.main-blocks-item a p span {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 99%;          
          }
      
.main-blocks-item a p i {
   font-size: 10px;
   display: inline-block;
   padding-left: 5px; 
}
    
                
.prod-grid-wrapper {
   position: relative;               
   width: 1168px;
   margin: 47px auto;
   padding: 0 16px;                   
                    }
                    
.prod-grid-carousel-item {
  float: left;
  width: 220px;
  border: 1px solid #ddd;
  background: #FFFFFF;
  margin-right: 2px;    
 
    height: 380px; 
   padding: 20px 20px 35px;
margin: 6px;    
  
}
 
.prod-grid-col-item {
 	width: 220px; 
   
  	
}



.prod-grid-col-item .add_to_compare, .prod-grid-carousel-item .add_to_compare {
    float: left;
   // margin-left: 10px;
    //margin-top: -35px;
    font-size: 12px;   
    }

.prod-search-wrapper .prod-grid-carousel-item  {
     margin-bottom: 2px; 
    }

.prod-grid-carousel-item figure {
   text-align: center;                   
                    }

.prod-grid-carousel-item figure a {
     display: inline-block; 
    }

.prod-grid-carousel-item figure a p {
   width: 175px;
   height: 240px;
   line-height: 240px;   
   margin: 0 auto;
   margin-bottom: 8px;
                }
    
.prod-grid-col-item figure a p {
     width: 165px; 
    }

.prod-grid-carousel-item figure a:hover {
     text-decoration: none;           
              }
        
 .prod-grid-carousel-item figure a p img {
     vertical-align: middle;                 
                    }
.prod-grid-carousel-item figure figcaption {
     font-size: 16px;  
  color: #5C5C5C;       
        }
    
.prod-grid-title {
     margin-bottom: 7px;
     font-weight: bold;  
  	 height: 40px;
  	 overflow: hidden;
     line-height: 120%;
        }
        
 .prod-grid-text {
    margin-bottom: 12px; 
    height: 37px;
  	overflow: hidden;
    font-size: 12px;
  
            }
        
  .prod-grid-price {
   font-weight: bold;         
            }
            
  .prod-grid-price .old-price {
     font-weight: normal;
     text-decoration: line-through;             
                }
.main-news-wrapper {
     padding: 57px 0; 
  margin: 47px auto;
border: 1px solid #ddd;
 min-width: 1024px; 
    }

.blogs-wrapper {
    overflow: hidden;
    }
    
.blogs-item-2 {
  float: left;
  width: 445px;
          
        }
.blogs-item-2:first-child {
  margin-right: 76px;              
              }

.blogs-item > h1 {
     font-size: 24px;
     font-weight: bold;
     margin-bottom: 20px; 
    }
.blogs-item > h1 a {
 	 color: #F91E1E;
    font-size: 13px;
    float: right;
    font-weight: normal;       
        }
        
 .blogs-item > h1 a i {
       font-size: 9px;   
            }
            
 .blogs-item-date {
  font-size: 13px;
   margin-bottom: 12px;  
   color: #9A9999;               
            }
                
  .blogs-item-preview {
    font-size: 1.2em;                  
 
 }

 .blogs-item > article {
   margin-bottom: 35px;                   
 }

.wrapper-related-prod {
   margin-top: 60px;   
    }       

.dop-product-title {
     font-size: 20px;
  	 padding-bottom: 7px;
  	 margin-bottom: 20px;
  	border-bottom: 1px solid;
    }


                
/* end page*/
        
/* basket*/
.cart-table{
	margin-bottom:30px;
    }


.img a {
  display: block;
  }

.img img {
    max-width: 85px;
  	border-radius: 4px;
}

.cart-table td {
 vertical-align: middle;
  color:#5C5C5C;
  font-size:0.88em;
  width:25%;
  padding:10px;
}

.cart-table td.img {
     width: 10%; 
  	 padding-left: 0;
    }

.cart-table .item-title {
     font-size: 1.5em; 
     padding-right: 5%;	
  	 width: 30%;
    }

.cart-table .quantity, .cart-table .del {
    text-align: right;
  }
    
 

.cart-table td a:hover{
  color:#F91E1E;
}

.quantity-text{
	font-size: 16px;
  	vertical-align: middle;

}

.cart-table-discount > th {
     font-size: 1.5em;
     color: #F91E1E; 	
  	 line-height: 120%;
  	 padding: 45px 0 0 0;
    }

.cart-table-discount td {
     font-size: 1.5em; 
    }

 .cart-table-discount .discount-price {
    color: #F91E1E;   
        }
    
.qwnt-wrapper {
  display: inline-block;
  position: relative;    
    }

.qwnt-wrapper .plus, .qwnt-wrapper .minus {
    position: absolute;
    right: 8px;
    font-size: 0.8em;   
 	cursor: pointer; 
        }

 .qwnt-wrapper .plus {
     top: 6px;  
            }
 .qwnt-wrapper .minus {
  bottom: 6px;
                }
        
.qwnt-wrapper .qwnt {
    border: 1px solid #5C5C5C;
    font-size: 1.2em;
    margin-left: 0.4em;
    padding: 5px 25px 5px 8px;
  	color: #5C5C5C;
  	width: 60px;
    background: none;
}

.cart-table .price {
   text-align: right;   
    }

.cart-table .price div {
	font-size: 16px;
    text-align: right;
  	text-align: center;
  	color: #F91E1E; 
  	font-weight: bold;
    }


.cart-table td.del a {
  text-decoration: none;
  font-size: 1.2em;    
}

.basket-bottom {
    margin-top: 38px;
    border-top: 1px solid #5C5C5C; 
   	padding-top: 3em;
    }

.basket-bottom {
    overflow: hidden;
    }
    
    
.basket-bottom-left {
  width: 50%;
        }


.basket-kupon {
	position: relative;
    width: 400px;  
  	height: 35px;
          }

.basket-kupon > label {
    display: inline-block;
     margin-right: 0.5em; 
  	font-size: 16px;
    vertical-align: middle; 
    }

#kupon-number {
  border: 1px solid #5C5C5C;
  height: 35px;
  padding: 0 1em;
  padding-right: 2.6em;    
  width: 180px;	
  background: none;
          }
 
 .cuponButton {
   border: none;
   background: none;           
   position: absolute;
   top: 12px;
   right: 185px;    
   padding: 0;
  	width: 9px;
  height: 16px;
            }

      
.basket-bottom-left .invalid  {
     text-align: left;
  	 font-size: 14px;
  	 display: inline-block;
     color: #FF0000;
     margin: 10px 0;
      
    }

    .cart-buy-wrapper {
      text-align: right; 
  	  width: 50%;
        }
    
.cart-buy-wrapper > div {
  display: inline-block; 
  vertical-align: middle; 
  margin-left: 20px;    
    }

.cart-buy-itogo {
   font-size: 24px;  
   font-weight: bold;
   margin-right: 10px;
    }

  #total_price {      
  color: #F91E1E;
    display: inline-block;
    font-size: 16px;
   font-weight: bold;
 font-size: 24px;
        }

.cart-confirm-order {
     text-align: right; 
    }

  #create_order {
    text-transform: uppercase;
  	height: 35px;
  
  }

  #create_order i {
      font-size: 0.85em; 
  }

/* end basket */

/* inner page */
   .bottom-dop-block   {
     padding: 0px 0 47px 0;
 	 padding-bottom: 15px;
     margin-bottom: 41px;

            }

.bottom-dop-coll {
   margin-left: 230px;   
    }

.paginate-wrapper {
    overflow: hidden;  
    }
 
.paginate-wrapper li {
   float: left;     
        }
 
.paginate-wrapper li a, .paginate-wrapper li span {
   display: block;        
   font-size: 14px;  
   padding: 8px 12px;
   text-decoration: none;
}

.paginate-wrapper li a:hover {
 	color: #F91E1E;  
   
      }

.paginate-wrapper li span {
     border: 1px solid #F91E1E;
  	 color: #F91E1E;
 	 padding: 7px 11px;
    }


.collection-wrapper {
  overflow: hidden;
   
    }

aside {
   float: left;
    width: 220px; 
  
  }

.aside-menu {
   margin: 0px 0 19px; 
 border: 1px solid #ddd;
  padding: 15px 15px 0 15px;
  background:#F4F4F4;
    }
      
.aside-menu li {
	margin-bottom: 1em;      
        }
 
.aside-menu li a:hover {
       color: #F91E1E;
       text-decoration: underline; 
      }

.aside-menu li > a {
	font-size: 17px;
      } 
    
.aside-sub-menu,.aside-sub-sub-menu {
    margin: 12px 0 12px 22px;      
        }

	

.aside-sub-menu li a {
	font-size: 15px;      
    }


.collection-current, .filter-wrap li a:hover, .link-current {
    color: #F91E1E;      
        }
      
 .filter-wrap li a.active {
  border: 1px solid #F91E1E;
  color: #F91E1E;
    }
    
      
.filter-wrap {
 margin-bottom: 20px;   
  border: 1px solid #ddd;
  padding: 15px;
  background:#F4F4F4;
   }

.filter-wrap h2 {
   font-size: 17px;
   padding-bottom: 7px;
   border-bottom: 1px solid;  
   margin-bottom: 10px;
    }

.filter-wrap-price h2 {
  border: none;
  margin-bottom: 16px; 
    }

.filter-wrap li {
   position: relative;  
  margin: 4px 0;
    }

    
.filter-wrap li a {
  padding: 6px 13px 6px 16px;    
  display: block;
  font-size: 15px;
  text-decoration: none;  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
        }

.filter-wrap li a i {
    position: absolute;
    top:  5px;
    right: 10px;      
        }

.collection-main-side {
       width: 960px;
        float: right;
  border:1px solid #ddd;
 background:#F4F4F4;
  padding: 15px;

      }

.collection-description {
  background: #F4F4F4;
  padding: 20px;   
  margin-bottom: 24px;
        }
    
.collection-dop-side {
     margin-bottom: 25px; 
    }

.col-subcatalog {
   overflow: hidden;
    margin: 10px 0;   
    } 

.subcol-item {
      float: left; 
      border: 1px solid #B8B8B8;
      margin-right: 25px;
      padding: 10px;
      width: 220px;
      height: 280px;
      margin-bottom: 20px; 
 }
        
.subcol-item a {
  display: block;           
  text-align: center;  
  height: 220px;
  line-height: 220px;
  
 }
     
.subcol-item a img {
  max-width: 100%;
  max-height: 100%; 
  vertical-align: middle;
    }

.subcol-item span {
	display: block;
    font-size: 21px;
  	margin-top: 10px;
     }         

.subcol-item-last {
     margin-right: 0;  
}

.collection-dop-left {
  margin-left: 0px;
  width: 320px;
      
    }

 .collection-dop-left > span {
  display: inline-block;
  vertical-align: middle; 
  text-transform: uppercase;   
 }
    
.collection-dop-left > div {
     cursor: pointer;  
     width: 200px;
  	 border: 1px solid #5C5C5C;     
     margin-left: 9px;
     position: relative;
     height: 27px;   
     padding-left: 13px; 
     padding-top: 7px;
     font-size: 12px;  
     display: inline-block;
     vertical-align: middle;
  	 
        }
.collection-dop-left > div:after {
	content: "\e60d";
    position: absolute;
    font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;   
     display: block;
     top: 4px;
     font-size: 16px;   
     right: 20px;   
      }
      
      
.collection-dop-left > div > select {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;  
  cursor: pointer;    
   }

.collection-dop-left > div > span {
        text-transform: uppercase;  
  		overflow: hidden;
  		text-overflow: ellipsis;
      	white-space: nowrap;
  		display: block;
  		width: 83%;
        }

 .param-reset {
   border: 1px solid #5C5C5C;     
   padding: 10px;  
   font-size: 14px;
   -webkit-transition-duration: 1s;
  	 -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;   
    display: inline-block;
    width: 100%;  
    }
    
 .param-reset:hover {
    text-decoration: none;
    color: #F91E1E;      
    border-color: #F91E1E;        
          }

.collection-bottom-side {
 margin-top: 50px;   
        }
.product-container {
     margin-bottom: 68px; 
    }

.product-foto-wrapper {
   float: left;
   width: 400px;
    }


.product-big-foto {
   margin-bottom: 2px;    
    background: #F4F4F4;   
    height: 400px;   
        }

        
.product-big-foto a {
   width: 395px;
   height: 395px;
   line-height: 395px;
   text-align: center;  
   display: block;
        }
    
.product-big-foto a img {
 vertical-align: middle;  
  max-height: 100%;
  max-width: 100%;
            }

.preview-list {
  background: #F4F4F4;
  padding: 0 10px;
  position: relative;  
 height: 112px;  
    }
    
#preview-list-thumb a {
     display: block;
     width: 112px;
      height: 112px;
      line-height: 112px;
      text-align: center;
      float: left;
  	  margin-right: 10px;
    }
    
#preview-list-thumb a img {
     vertical-align: middle; 
  	max-height: 100%;
    }
   

.product-info {
  width: 760px;
  float: right;          
  }
        
.short-desck {
  font-size: 16px;
  margin-bottom: 38px;    
    }
    
.product-main-wrap {
     float: left;
     width: 100%; 
    }

.product-main-wrap-short {
    width: 590px;      
        }
    
.variants-main {
   margin-bottom: 20px;       
        }
 .selector-wrapper {
     margin-bottom: 10px;
 	 vertical-align: middle;	 
    }

.selector-wrapper label {
     font-size: 14px;
     margin-right: 5px;
     width: 120px;
     display: inline-block; 
  	 font-weight: bold;
    }

.selector-wrapper select {
     vertical-align: top; 
  
    }
    
.product-buy-zone {
	width: 110px;
	font-size: 30px;	
  	margin-right: 40px;
}

.product-qwnt {
	width: 42px;    
	margin-right: 8px;  
    }
    
.product-qwnt input {
     border: 1px solid #B8B8B8;
     text-align: center;
     width: 38px;
     height: 38px; 
  	 background: none;
      
    }

.button-zone {
   width: 136px;       
        }

.buy-button {
      
      background: #F91E1E;
      
      border: 1px solid #F28318;
      color: #FFFFFF;
     width: 133px;
     height: 37px;
     line-height: 37px; 
  	 display: block;
  	 text-align: center;
     font-size: 16px;
     -webkit-transition-duration: 1s;
  	 -moz-transition-duration: 1s;
   -o-transition-duration: 1s;
    transition-duration: 1s;
    }

#price-field {
 margin-bottom: 10px; 
 font-size: 24px; 
}

#old-field {
font-size: 16px;  
}

.buy-button:hover {
 text-decoration: none; 
  
  background: #F28318;
  
  border: 1px solid #F28318;
  color: #FFFFFF;
      }

.buy-button i {
   font-size: 11px;   
  color: #FFFFFF;
     -webkit-transition-duration: 1s;
  	 -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
    }
  
.buy-button:hover i {
    color: #FFFFFF;     
      }

  .recently-view-wrapper {
     float: right;
     margin-left: 34px;    
  	 width: 133px;
     position: relative;
            }

  .mod-recently-hide {
  color: #F91E1E;
  font-size: 24px;
    }
    
.disabled {
   cursor: default !important; 
  }

#recently_view h2{
  text-align: center;
  font-size: 18px;
  padding-bottom: 45px;
  padding-top: 20px;
  background: #F4F4F4;
}

#mod-recently-view div {
  background: #F4F4F4;
  text-align: center;
  padding: 10px;
  width: 133px;
  height: 133px;
}

#mod-recently-view div a {
 	display: block; 
    width: 100%;
  	height: 100%;
  	line-height: 113px;
    
}

#mod-recently-view div a img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.more-product-wrapper{
     margin-bottom: 50px; 
    }

.more-product-wrapper h2 {
  	margin: 0 auto;
     font-size: 20px;
	 color: #5C5C5C;
      padding-bottom: 15px;
      border-bottom: 1px solid #5C5C5C;
      margin-bottom: 30px;
    }

.more-product-grid {
      position: relative;
  padding-left: 20px;
    }

.product-compare-link {
     padding: 10px;
     font-size: 14px;
     color: #F91E1E;
     float: left; 
      
    }
.product-compare-link:hover {
    text-decoration: none;        
          }
          
.sku-wrapper {
 font-size: 16px;
 margin-bottom: 10px;
      
} 

/* end page*/        
        
/*footer*/
footer {
 padding: 38px 0; 
  min-width: 1024px;
border: 1px solid #ddd;

}

.nav-footer {
     float: left;
     width: 160px;
     margin-right: 7px; 
    }

.nav-footer > h1 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 16px;     
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 1px dotted;
  
        }
       
.nav-footer ul li {
     padding-bottom: 5px; 
    }

.nav-footer ul li a {
	font-size: 1.2em;
              
      }      
.nav-footer-subscribe {
  width: 285px;
  float: right; 
  text-align: right;    
    }
    
.bottom-search {
   float: right;
  width: 225px;
      
    }
.bottom-search input {
 	width: 208px;         
        }

.footer-bottom {
   clear: both;
   padding-top: 43px;   
   overflow: hidden;
  color: #9A9999;
   font-size: 14px;  
  line-height: 120%;
    }
    
.footer-bottom a {
   color: #9A9999;
   font-size: 14px;          
        }

/* end footer */
        
/* counter */
.counter-wrap {float:right; width:252px; height: 390px; background:#F4F4F4; border: 1px solid #ddd;}
.counter-wrap .c {padding:10px; text-align:center; height: 390px;}
.counter-wrap .img {margin-bottom:10px; height: 160px; overflow: hidden; line-height: 160px;}
.counter-wrap .img img {max-width: 213px; max-height: 158px; vertical-align: middle;}
.counter-wrap .price-wrap {font-size:20px; color:#5C5C5C;}
.counter-wrap .price-wrap .price {
  display: inline-block; 
  line-height:42px; 
  height:42px; 
  color:#5C5C5C; 
  border:1px solid #5C5C5C; 
  padding:0 10px; font-size:30px;
   }
.counter-wrap .price-wrap .price {margin-left:10px;}
.counter-wrap .price-wrap .button { margin:0 5px;display:block; padding:0px;}
.counter-wrap #countdown_dashboard {display: block; margin-bottom:13px; position:relative; height:85px; padding-top:18px; padding-left:5px;}
.counter-wrap #countdown_dashboard .d { display: block; line-height: normal; font-size: 18px; position: absolute; left: 0px; top: 0px; }
.counter-wrap #countdown_dashboard .d-days, .counter-wrap #countdown_dashboard .d-hours, .counter-wrap #countdown_dashboard .d-min, .counter-wrap #countdown_dashboard .d-sec { bottom: 0px; top: auto; }
.counter-wrap #countdown_dashboard .d-hours { left: 17px; }
.counter-wrap #countdown_dashboard .d-min { left: 90px; }
.counter-wrap #countdown_dashboard .d-sec { left: 153px; }
.counter-wrap .dash-wrapper {
  background: #aeaeae no-repeat left top;
  margin: 0 5px;
  overflow: hidden;    
  padding-left: 8px;
}
.counter-wrap .dash { width:69px; height:39px;float:left;}
.counter-wrap .dash .digit {font-size:24px;  color:#F4F4F4; height: 25; line-height:39px;  float: left; width: 29px; text-align: center; position: relative;}
.counter-wrap .dash .digit .top, .dash .digit .bottom { width: 29px; height: 39px; }
.counter-wrap .dash .digit .bottom  {float:right; background-position: right top;}
.counter-wrap .hours_dash, .minutes_dash { 
  padding-right:11px; 
  /*background:url(countdown_dots.png) no-repeat right top;*/
   position: relative; 
    }
.counter-wrap .hours_dash:after, .counter-wrap .minutes_dash:after {
   position: absolute;
   color: #232323;
    content: ":";
    font-size: 30px;
    height: 4px;
    left: 61px;
    position: absolute;
    top: 2px;
    width: 4px;
      }

.countdown-wrap .buy {
    margin-top: 9px;
    display: inline-block;  
  	font-size: 1em;
  	
    }
.countdown-wrap .buy:hover {
  text-decoration: none; 
 }

.countdown-wrap .buy i {
	font-size: 0.6em;
   margin-left: 0.5em;
}
    
.single-block a {
    display: block;
     width: 220px;   
  	 height: 370px;
  	 line-height: 370px;
        }

.single-block a img {
     vertical-align: middle;
     max-height: 100%; 
    }

.blogs-item {width: 590px;
float: left; padding: 0 40px; }
