/*********** KALA SANATI COLOR PALETTE ***********/
/*********** KALA SANATI COLOR PALETTE ***********/
/* Following media queries are based on Bootstrap 3.x breakpoints */
@media (min-width: 768px) {.toggle-compare:before {
    content: "\f03a";
    position: fixed;
    width: 46px;
    height: 46px;
    left: 20px;
    bottom: 20px;
    color: #fff;
    background-color: #2B66A2;
    border-radius: 50%;
    font-size: 23px;
    font-family: FontAwesome;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    z-index: 80;
  }
}.toggle-compare.active:before{content:"\f00d"}.toggle-compare.active:hover{color:#d52527}.toggle-compare.active+div{transform:translateX(0);opacity:1}.compare-preview{background-color:#2b66a2;border-radius:5px;bottom:83px;left:20px;position:fixed;z-index:2000000003;font-size:13px;font-weight:100;transform:translate3d(0,0,0);transform:translateX(-100%);transition:transform .5s , opacity .4s;opacity:0;overflow:hidden;padding:10px;height:200px;box-shadow:0 0 12px rgba(0,0,0,.4)}.compare-preview>a{position:absolute;bottom:10px;background-color:#fff;border:1px solid #fff;color:#111;padding:0 15px;border-radius:2px;line-height:2;height:30px;right:10px}.compare-preview>a:hover,.compare-preview>a:focus{text-decoration:none;background-color:#ddd;border-color:#ddd}.compare-preview i{color:#f55;cursor:pointer;margin-right:auto}.compare-preview i:hover,.compare-preview i:focus{color:#ff2c2c}.compare-preview #compare__handlebars-results>div{height:36px;border-bottom:1px solid #25578a;align-items:center}.compare-preview #compare__handlebars-results>div>div{color:#fff}body.rtl.page__compare .farashop{direction:rtl}