﻿.Product-block
{		
	background-color: #fff;	
}

.Product-block span
{
	display: block;
text-decoration: none;
padding: 0 1em;
width:calc(100% - 2em);
/*border-bottom: 1px solid #808080;*/
vertical-align: middle;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
text-align:center;
color: #000;
direction:rtl;
font-size: 15px;
    font-size: 1.5rem;
    text-overflow:ellipsis;
    overflow: hidden;      
    white-space: nowrap; 
	font-family:'yekan';
}
.Product-block span.namep
{

        font-size: 1.2rem;
    white-space: inherit;
    height: 30px;
    padding: 0 0.5em;
    width: calc(100% - 1em);
}
.Product-block span.CatProduct
{
    text-align:center;
    font-size:1.5rem;
    font-family:'yekan';
    height:40%;
    white-space:normal;
    /*background:transparent url('img/base/gras_cat.png') no-repeat center bottom;
    background-size:contain;*/
}
.Product-block span.groupname
{
        font-size: 2rem;
    margin-top: 1em;
     white-space:normal;
}
.Product-block span b
{
    width:100%;
    float:right;
    font-size: 1.2em; 
    font-weight: 300;
        color: #2b90c5;
}
.Product-block span i.note
{
    float:right;
    width:100%;
}

.list-block span i.takh
{
    width:100%;
    float:right;
    font-size:1.2rem !important;
    color:#ff5252  !important;
    text-decoration:line-through  !important;
}
#ItemList
{
    height:40%;
    overflow:auto;
}
.Product-block:hover span
{
    /*background: #333;
    color: #ffffff;*/
}
.Product-block .img_loaded
{
    background-image:none;
}
#dvDesc
{		

	float: right;	
	direction:rtl;
    position:relative;
    padding: 20px 20px;
    color: #676767;
       text-align: justify;
    width: Calc(100% - 40px);
    font-family: 'yekan';
    line-height: 1.3em;
}
#dvDesc table
{
    width:100%;
    max-width:800px;
}
#dvDesc table td 
{       
    text-align:center;
}
#dvDesc table td p
{
    padding:5px 10px;
    word-break:break-all;
}
#dvDesc ol
{
    list-style-type:disc;
}
#dvDesc ul
{
    list-style-type:arabic-indic;
}
.autoheight > .boxInfo
{
    margin-left:40px;
	float: right;	
	direction:rtl;
    position:relative;
        max-width: 600px;
}
#dvDesc div:first-child
{
	font-size:15px;
    font-size:1.5rem;
	float: right;
	width: 100%;
	text-align:justify;
}
#dvName h2
{
 color:#bc2e2d;
text-align:right;
direction:ltr;
line-height:1.0em;
padding:30px 15px 30px 0;
 text-overflow:ellipsis;
    overflow: hidden; 
    height:30px;   
    white-space: nowrap;   
    font-family:'yekan';
    font-size:1.2em;
 }
#dvName h2 b
{
    float:right;
}
#dvName h2 i.note
{
    font-size:20px;
font-size: 2rem;

}
.modelitem
{
    padding:1em;
    float:left;
}

.itemshow
{
		 
	display:block;
    vertical-align:middle;   	 
	width: 100%;
	height:60%;			
}
.fullimage
{
    height:100%;			
}
.itemhide
{
	display:none;
	
}
.extraNames
{
	display: none;
	position: absolute;
	background-color: #00b1ff;
	width:100%;	
}
.extraNames span
{
	direction:rtl;
	text-align:center;	
	
	
}
.serial
{
	color:#e30613;
	text-overflow:ellipsis;
    overflow: hidden; 
    height:30px;  
    min-height:30px; 
    white-space: nowrap; 
    /*border-left:1px solid #808080;
    border-right:1px solid #808080;*/
}
.Product-block span.serial
{
      font-size: 1.2rem;
      height:auto;
      padding-top:5px;
      min-height:inherit;
}
li i.deactive
{
   opacity:0; 
   font-size: 1.0em;   
   position:absolute;
    padding-left: 0.5em;
   
   -webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
li i.icon-checkmark {
    color: #7cb544;
    content: "\e074";
    width: 1.5em;
    margin: 0;
    padding: 0em;
    font-size: 1.0em;
    opacity: 1;
    right: 0;
}
li.activemodel i.icon {
      
    color: #7cb544;   
    content: "\e074";
    width: 1.5em;
    margin:0;
    top:0;
    padding-left: 0.1em;
    font-size: 2em;
    opacity:1;   
}
li.activeprice i.icon {
color: #7cb544;
    content: "\e074";
    width: 1.5em;
    margin:0;
    padding:0em;
    font-size: 1.0em;
    opacity:1;   
    
    top:auto;
    right:0;
}
li.price {
    clear:right;
    opacity: 0.5;
    border: 1px solid #9a9a9a;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);  
}
li.activepost
{
    opacity: 1;
    border:0;
    background:inherit;
     -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);   
}
li.price .products-price-bons {  
    padding:20px;
    display: inline-block;
    margin-right: 25px;
    color: #6d707d;
    font: 11px/14px "yekan";
    height: 31px;
    position: relative;
    top: -9px;
    float:right;
}

li.price .products-price-bons {
    top: -5px;
   
}
li.price .products-price-bons span
{
     color:#6d707d;
     border:none;
}
li.price .products-price-bons span:first-child {
    display: block;
    font-size: 16px;
    padding:0;
    width:auto;
    color:#6d707d;
}

li.price .products-price-bons span:first-child span {
        position: relative;
        top: 2px;
        padding:0;
         width:auto;
         color:#6d707d;
    }
li.price .products-price-bons span i {
    float: right;
    display: block;
    margin-left: 5px;   
    font-size:1.7rem;    
    position: relative;
    color:#6d707d;
    line-height:1.2em;

}



#products-price-status .products-price-coupon span i {
    float: right;
    display: block;
    margin-left: 5px;
}
.noresult {
  
      text-align: center;
    padding: 2px;
    position: relative;
    margin: 20px 5% 0 5%;
    width: calc(90% - 4px);
    direction: rtl;
}
.pishnahad
 {
     position:absolute;
     width:70px;
     height:70px;
     top:0;
     left:0;
     background:transparent url('img/base/pishsp.png') no-repeat center center;
     background-size:contain;
     z-index:2;
 }
 .newprod
 {
     position:absolute;
     width:50px;
     height:50px;
     top:0;
     right:0px;
     background:transparent url('img/base/newprod.png') no-repeat center center;
     background-size:contain;
     z-index:2;
 }
  .comsoon
 {
     position:relative;    
    height:5rem;
     width:calc(100% - 1em);
    margin:0.5em; 
    float:right;
     background:transparent url('img/base/comsoon.png') no-repeat right center;
     background-size:inherit;
     z-index:2;
 }
.notivt
 {
     position:relative;
    width:calc(100% - 1em);
    margin:0.5em; 
    height:5rem;
    float:right;
     background:transparent url('img/base/Not-Availablel.png') no-repeat right center;
         background-size:inherit;
     z-index:2;
 }
.itemnotinv
 {
     position:relative;      
    float:right;
     background:transparent url('img/base/Not-Availablel.png') no-repeat center center;
    background-size:contain;
     z-index:2;
 }
.itemnotinv div.text-only
{
   
    opacity:0.3;
}
 .stopprod
 {
     position:relative;
     width:calc(100% - 1em);
    margin:0.5em; 
     height:5rem;
    float:right;  
     background:transparent url('img/base/Stop-Production.png') no-repeat right center;
     background-size:contain;
     z-index:2;
 }
#btnbuy
 {
     background:#7cb544;
     background-size:contain;
     width:100%;
     height:100%;
     position:relative;
     top:0;
     display:none;
 }
#btnbuy span
{
       position: relative;
    width: Calc(100% - 1rem);
    padding: 0.5rem;
    float: right;
    clear: none;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    font-family: 'yekan';
    line-height: 2.5em;
}
#btnbuy span i
{
        font-size: 1.5em;
    color: #ffffff;
    padding: 0;
    margin: 0 !important;
    background: transparent url(img/base/shopping-cart-symbol.png) center center no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    top: 0;
    float: right;
}
.newbtn {
    height: 50px;
    width: 200px;
    position: relative;
    float: right;
    clear: none;
    font-size:1.5rem;
    margin-right: 20px;
    font-family: yekan;
    background: #9a8b97;
    display:none;
}
.newbtn a
{
   width:100%;
    height:100%;
    position: absolute;
    display: block;
    text-align: center;
    padding:0rem;
    color: #e6e6e6;
    left: 0;
    top: 0;
    background: transparent url(img/base/compare.png) center right no-repeat;
    background-size: contain;
       background-position-x: 95%;
    line-height: 3.3em;
}
 .sortframe {
    direction: rtl;
    float: right;
    font-size: 0.8em;
    clear: both;
        font-family: 'yekan';
}
 .sortDV
 {
      padding-bottom:10px;
      padding-right:10px;
 }
 #gallery
 {
    width: 400px;
    height: 500px;
    position: relative;
    float: right;
 }
  #gallery-toolbar-wrap
  {
      position:absolute;
      top: -1em;
    right: -1em;
    width: 25px;   
    background:#bc2e2d;
      display:none;
  }
 #gallery-toolbar-wrap > ul > li {
    float: left;
    margin-right:0px;
    margin-top:10px;
    padding:0 0.25em 0px 0.25em;
    position: relative;
    font-size: 0.8em;
     
}
 #gallery-toolbar-wrap > ul > li a::before
 {
     color:#fff;
     margin:0;
 }
 .greenback
 {
  
 }
 .productPercent
 {
     float:right;
     clear: right;
     font-size:1.5rem;
 }
  .productPercent b.ticket:before
  {
          border-bottom: 9px solid transparent;
    border-right: 9px solid #fff;
    border-top: 10px solid transparent;
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
  }
  .productPercent b.ticket
  {
    color: #fff;
    background: #ff7272;
    padding: 0 12px 0 10px;
    position: relative;
  }
   .productPercent b.red
  {
    color: #fff;
    background:#ff5252;  
     padding: 0 12px 0 8px;  
  }
   .tit
   {
       direction:rtl;
     background: #f5f5f5;
     margin-bottom:20px;
         margin-right: 15px;
   }
   #infoItem
   {
       background:none;
   }
   .wrapBox
   {
       width:100%;
       float:right;
       background:#fff;
        margin-bottom:20px;
   }
   .boxInfo
   {
       float:right;
      
   }
   .wrapBox.showmore
   {
       height:auto;       
   }
   .wrapboxitem
   {    float: right;
    clear: both;
    font-size: 1.5rem;
    font-family: 'yekan';
    padding: 10px 10px 10px 0;
    width: calc(100% - 25px);
    text-align: right;
    direction: rtl;
    margin-right: 15px;
    margin-bottom: 40px;
   }
   .garantee
   {
       color:#6b9c3b;
       font-size:1.3em;
       text-align:center;  
       
   }
   .innerblock
   {
       width:1024px;margin:0 auto;float:none;
   }
@media (min-width: 40em) {
    .tit {
        position:absolute;
        top:30px;
        left:0;
        width: 100%;
        height:auto;
    }
    #gallery {
        margin: 100px 20px 0 0;
        width:Calc(100% - 20px);
    }
}
@media (min-width: 58em) {
     #gallery {   
           
         margin: 50px 20px 0 0;   
         width:400px;
    }
    .tit {
         position:relative;
          float:right;
        width: calc(100% - 455px);    
        top:0;    
    }
}
   @media (min-width: 78.32em) {
       .Product-block span.namep {
        font-size: 1.5rem;
        height: 40px;
        white-space: inherit;
        padding: 0 1em;
        width: calc(100% - 2em);
    }
    .Product-block span.serial {
        font-size: 1.4rem;
        height: auto;
        padding: 5px 1em;
        width: calc(100% - 2em);
    }
       .innerblock
       {
           width:1190px;
       }
    .tit {
        width: calc(100% - 555px);
        top: 0;
    }
    #gallery {
        width:500px;
    }

    .Product-block span.CatProduct {
        font-size: 2.5rem;
        white-space:normal;
    }
}
   .descP
   {
           BACKGROUND: #e8e8e8;
    float: right;
    margin-right: 0.5em;
    font-size: 1.5rem !important;
    padding: 5px;
        color: #7b7b7b !important;
   }
   
  

