﻿          @font-face {
    font-family: "BYekan";
    font-style: normal;
    font-weight: normal;
    src: url("../Font/web_Yekan.eot?#iefix") format("embedded-opentype"),
         
      
        url("../Font/web_Yekan.svg#BYekan") format("svg");
}



/*set a border on the images to prevent shifting*/
 #gallery_01 img{border:2px solid white;}
 
 /*Change the colour*/

.zoom-wrapper {
    background-color: #F7F7F7;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    padding: 10px;
    float:right;
}


.zoom-left {
    float: left;
    /*width: 400px;*/
    width:350px;
     /*width:100%;*/
}

a {
    color: #1982D1;
    text-decoration: none;
}


a img {
    border: 0 none;
}


.zoom-right {
    float: left;
    padding: 20px;
    width: 320px;
}


h3 {
    font-size: 25px;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
}

p {
    margin-bottom: 1.625em;
}


.view_source {
    background: -moz-linear-gradient(center top , #129948 5%, #076A39 100%) repeat scroll 0 0 #129948;
    border: 1px solid #DCDCDC;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 #FFFFFF inset;
    color: #FFFFFF;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
}

#Parent {
  background: rgba(0, 0, 0, 0) url("point.png") no-repeat scroll right 7px center;
  padding-right: 20px;
}



.prodt-tit {
  float: right;
  margin-left: 5px;
}














/*#ContentPlaceHolder2_divoff { 
    width: 0; 
    height: 0; 
    border-left: 50px solid transparent;
     border-right: 50px solid transparent; 
     border-bottom: 100px solid red;
      position: relative;

}
#ContentPlaceHolder2_divoff:after {
      width: 0; height: 0;
       border-left: 50px solid transparent;
        border-right: 50px solid transparent;
         border-top: 100px solid red;
          position: absolute; content: "";
           top: 30px; left: -50px;

 }*/










/*.prodt-tit { 
     width: 120px; 
     height: 80px; 
     background: red; 
     position: relative; 
     -moz-border-radius: 10px; 
     -webkit-border-radius: 10px; 
     border-radius: 10px; 

 } 
 
 .prodt-tit:before { 
     content:""; 
     position: absolute; 
     right: 100%; 
     top: 26px; 
     width: 0; 
     height: 0; 
     border-top: 13px solid transparent; 
     border-right: 26px solid red; 
     border-bottom: 13px solid transparent; 

 }*/ 

.prodt-tit {
  background: #ff5252 none repeat scroll 0 0;
  border-radius: 0 2px 2px 0;
  -o-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;

  color: white;
  height: 23px;
  padding-top: 2px;
   padding-bottom: 1px;
  position: relative;
  text-align: center;
  width:auto;
  min-width: 25px;
  padding-right: 5px;

}
.prodt-tit::before {
  border-bottom: 13px solid transparent;
  border-right: 13px solid #ff5252;
  border-top: 13px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 0;
  width: 0;
}










.offtag{
  background: #ff5252 none repeat scroll 0 0;
  border-radius: 0 2px 2px 0;
  -o-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  float:right;
  color: white;
  height: 23px;
  padding-top: 3px;
  position: relative;
  text-align: center;
  width: 40px;
  padding-right: 5px;
  direction:rtl;
}
.offtag::before {
  border-bottom: 13px solid transparent;
  border-right: 13px solid #ff5252;
  border-top: 13px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 0;
  width: 0;
}


.left-off:hover .offtag::before{
   border-right:13px solid #fa3b3b !important;
}

.left-off:hover .offtag {
    background-color:#fa3b3b !important;
}





/*.lblprice{
  background: #ff5252 none repeat scroll 0 0;
  border-radius: 0 2px 2px 0;
  -o-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  float:right;
  color: white;
  height: 23px;
  padding-top: 3px;
  position: relative;
  text-align: center;
  width:40px;
  padding-right: 5px;
  direction:rtl;
}
.lblprice::before {
  border-bottom: 13px solid transparent;
  border-right: 13px solid #ff5252;
  border-top: 13px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 0;
  width: 0;
}*/

.lblprice {
  direction: rtl;
  float: right;
  height: 23px;
  padding-right: 5px;
  padding-top: 5px;
  font-size: 16px;
  font-family:BYekan;
}
#lblprice {
     font-size: 18px;
     color:#46A349;
      font-family:BYekan;
}
#ContentPlaceHolder2_lblPriceUnit {
    font-size: 11px;
         color:#46A349;
          font-family:BYekan;
}

#lblprice , #lblOff {
float:right;
margin-right:15px;
margin-top:5px;
margin-left:3px;
}
#ContentPlaceHolder2_lblPriceUnit {
  float: right;
  margin-left: 3px;
  margin-top: 10px;
  margin-right: 2px;
}


.keyword {
  direction: rtl;
}

 #PanelBuy {
  float: right;
  width: 100%;
  margin-top:10px;
}

.error {
  background-color: rgba(255,82,82,0.1);
  border-color: #f97272;
  color: #FF5252;
  float: right;
  width:360px;
  margin-top: 15px;
  padding: 7px;
  border-radius: 5px;
  border: solid 1px ;
}


.colorss > li:hover .prodt-tit  {
    background-color:#fa3b3b !important;
}
    .colorss > li:hover .prodt-tit::before {
        border-right-color:#fa3b3b !important;
    }






.prodt-dc {
  margin-right: 15px;
  font-family:BYekan;
}

.off-price {
  margin: 10px 0 0;
  float: right;
  width: 100%;
}

.summeryy {
  float: right;
  width:100%;
  max-width:1175px;
  background: white;
  /*margin-bottom: 15px;*/
 
    border: 1px solid #ebeced;
  border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;

  box-shadow: 0 1px 2px #edeef0;
  -o-box-shadow: 0 1px 2px #edeef0;
  -ms-box-shadow: 0 1px 2px #edeef0;
  -moz-box-shadow: 0 1px 2px #edeef0;
  -webkit-box-shadow: 0 1px 2px #edeef0;

}






.sp { background: #f73434; width: 60px; height: 60px; position: relative; text-align: center;position:absolute;left:0;top:0;z-index:9;transform:rotate(-30deg); } 
 .sp:before, .sp:after { content: ""; position: absolute; top: 0; left: 0; height: 60px; width: 60px; background: #f73434; }
  .sp:before { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); } 
  .sp:after { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); }


.spicial {
  color: yellow;
  font-size: 25px;
  left: -3px;
  position: relative;
  top: 7px;

  z-index: 9;
}

.summary {
  /*padding: 10px;*/
  direction:rtl;
  color:#555;
   padding:5px;
    font-family:BYekan;
}

.zoominner {
overflow:hidden;
margin:0 auto 10px;
text-align:center;
width:300px;
height:300px;
}

    .zoominner img {
    width:300px !important;
    height:300px !important;
    margin-top:5px;
    }
.zoominner > img {
  width: 300px;
  height:300px;
}
.product-right {
position:relative;
}


.elevatezoom-gallery {
  float: left;
  margin-right: 5px;
}



.Sp {
  float: right;
  margin:0 2px;
}
.paginationn.dark1 a {
  float: right;
   font-family:BYekan;
   font-weight:normal;
}


.alldata th {
  background-color: #f7f9fa;
  color: #666666;
  font-size: 17px;
  height: 48px;
  font-family:"B Yekan";
  font-weight:normal !important;
}
body {
font-family:'B Yekan';
}



.product-detaitp {
    width:100%;
max-width:1190px;
margin:0 auto;
position:relative;
}


.zoom-wrapper {

  margin-top: 10px;
}

.zoomContainer {
  height: 300px !important;
}