/*سلکتور وسط چین کردن افقی عکس*/
.Centerer {
    display: block;
    margin: auto auto;
    text-align: center;
}


/*سلکتور انداختن کادر دور*/
.box2 {
    /*width:600px;
			height: 200px;*/
    margin: 0px;
    border: 1px solid black;
    background-color: #f1f1f1;
    /*font-size: 30px;*/
    text-align: center;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
}

/*سلکتور دور گرد کردن کامل*/
.rounded-corners {
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari and chrome */
    -khtml-border-radius: 15px; /* KHTML/Konqueror (Linux browsers) */
    -o-border-radius: 15px; /* Opera 10.x */
    -icab-border-radius: 15px; /* iCab */
    behavior: url(border-radius.htc); /* IE6, IE7 and IE8 */
    border-radius: 15px; /* CSS3 and .htc */
}

/*سلکتور تنظیم متن فارسی*/
.rastchin {
    text-align: right;
    direction: rtl;
    background-color: white;
}


/*رنگ زمینه همه ی صفحات*/
.backcolorpages {
    background-color: rgba(228, 228, 228, 0.41);
}


/*دور گرد کردن از چهار گوشه*/
.rounded-cornersok {
    -moz-border-radius: 11px; /* Firefox  */
    -webkit-border-radius: 11px; /* Safari and chrome */
    -khtml-border-radius: 11px; /* KHTML/Konqueror (Linux browsers) */
    -o-border-radius: 11px; /* Opera 10.x */
    -icab-border-radius: 11px; /* iCab */
    behavior: url(border-radius.htc); /* IE6, IE7 and IE8 */
    border-radius: 11px; /* CSS3 and .htc */
}

/*انداختن کادر و وسط چین کردن*/
.boxmaster {
    margin: 0px 0px 0px 0px;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    /*background-color: ;*/
    /*-moz-border-radius: 15px;*/ /* Firefox  */
    /*-webkit-border-radius: 5px;*/ /* Safari and chrome */
    /*-khtml-border-radius: 5px;*/ /* KHTML/Konqueror (Linux browsers) */
    /*-o-border-radius: 5px;*/ /* Opera 10.x */
    -icab-border-radius: 5px; /* iCab */
    behavior: url(border-radius.htc); /* IE6, IE7 and IE8 */
    /*border-radius: 5px;*/ /* CSS3 and .htc */
}

/*حذف فاصله اضافی div*/
.hazfefasele {
    margin-left: -14px;
    margin-right: -14px;
}

/*رفع ایراد اضافه شدن اسکرول با row*/
.row {
    margin-left: 0px;
    margin-right: 0px;
}

/*اسلایدشو افقی صفحه اصلی*/
.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.img-responsive {
    width: 100%;
    height: auto;
}

/*رنگ بک گراند محصولات ویژه و پر فروش و ...*/
.mahsoolatback {
    background-color: rgba(194, 193, 193, 0.15);
}


.shadow3
{
  position: relative;
}
.shadow3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.navaronvan {
    background-color:#808080;
    text-align:center;
    color:white;
    font-size:18px;
    padding:7px;
}

/*چسباندن footer به پایین صفحه*/
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}
#header {
   background:#ff0;
   padding:10px;
}
#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   /*height:60px;*/   /* Height of the footer */

}
.kadr {
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-style: solid;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-width: thin;
    border-right-color: #d2dce3;
    border-bottom-color: #d2dce3;
    border-left-color: #d2dce3;
    border-top-color: #d2dce3;
    background-color:white;
    margin-top:10px;
    /*margin:10px;*/
    padding:5px;
    border-radius:3px;
    
}

 .saye {
        margin-bottom: 10px;
        margin-top: 10px;
        box-shadow: 2px 2px 5px 1px rgba(158, 158, 158, 0.9);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
 h3 {
    position: relative;
    margin-top: 20px;
    text-align: center;
  }
  
  h3.one {
    margin-top: 0;
  }
  
  h3.one:before {
    content: "";
    display: block;
    border-top: solid 1px #bfc2c5;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
  }
  
  h3.one span {
    background: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 5;
  }

/*سایز کامپیوتر*/
@media (min-width: 992px ) {
    .panelfont {
        font-size: 20px;
    }

    .picheight {
        height:250px;
    }
}

/*سایز تبلت*/
@media (min-width: 768px) and (max-width: 991px ) {
   .panelfont {
        font-size: 15px;
        height:200px;
    }  
}

/*سایز گوشی*/
@media (max-width: 767px) {
     .panelfont {
        font-size: 15px;
    }  
}

.underline {
    border-bottom:inset;
    border-bottom-color:#bfc2c5;
    border-bottom-width:thin;
}
.producttitr {
    padding:20px;
    font-size:medium;
    color:#514d4d;
}
.productspace {
    padding:10px;
    color:rgba(124, 122, 122, 0.90);
}

.fasele {
        padding-left: 10px !important;
         padding-right: 10px !important;

}

.sabad {
    padding:10px;
    /*color:rgba(124, 122, 122, 0.90);*/
    color:#514d4d;
}


.borderimage {
    border:solid thin black;
}

        #my-div {

}
a.fill-div {
    display: block;
    /*height: 100%;*/
    width: 100%;
    text-decoration: none;
}