@charset "UTF-8";
/*********** KALA SANATI COLOR PALETTE ***********/
/*********** KALA SANATI COLOR PALETTE ***********/
/* Following media queries are based on Bootstrap 3.x breakpoints */
/*********** KALA SANATI COLOR PALETTE ***********/
/*********** KALA SANATI COLOR PALETTE ***********/
/* Following media queries are based on Bootstrap 3.x breakpoints */
.header__search-box-wrapper {display:block;visibility:hidden;position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:rgba(0,0,0,.8);opacity:0;transition:visibility 400ms , opacity 400ms;z-index:100}.header__search-box-wrapper.active{visibility:visible;opacity:1}.header__search-box-wrapper .header-search-box__close-btn{display:block;text-align:end;margin:15px 10px 10px}.header__search-box-wrapper .header-search-box__close-btn span{padding:5px;background:#2196d9;border-radius:5px;color:#efc531;font-size:15px;font-weight:600}.header__search-box{position:relative;width:98%;padding:12px 20px;margin:15px auto 0;background-color:#ececec;border-radius:15px}.header__search-box.search-box__open .search-box__result{display:block}.header__search-box.search-box__open .search-box__result #handlebars-result__header-search{transform:translateY(0);opacity:1;box-shadow:0 8px 6px rgba(0,0,0,.2)}.header__search-box.search-box__open.search-box__empty #handlebars-result__header-search:before{content:"محصولی یافت نشد.";display:block;text-align:center;color:#e71516;position:relative;top:-10px}.header__search-box.search-box__loading:before{content:"";width:18px;height:18px;border-radius:50%;border-top:2px solid #999;border-right:2px solid transparent;animation:loading-spin .6slinear infinite;display:inline-block;margin:0;position:absolute;top:14px;left:20px;z-index:9}.header__search-box .input-group{justify-content:space-between;overflow:hidden}.header__search-box .search-box__result{display:none;position:absolute;width:102%;top:80%;right:-1%;overflow:hidden;z-index:800}.header__search-box .search-box__result #handlebars-result__header-search{background-color:#fdfdfd;transform:translate3d(0,0,0);transform:translateY(-120%);transition:transform .4s , opacity .3s;opacity:0;padding-top:20px;margin:0 1% 15px 1%}.header__search-box .search-box__result #handlebars-result__header-search>div{max-height:50vh;overflow:auto}.header__search-box .search-box__result #handlebars-result__header-search .clearfix [class*="col-"]:first-child{max-height:60px;overflow:hidden}.header__search-box .search-box__result #handlebars-result__header-search .clearfix [class*="col-"] a{color:#292929;font-size:14px}.header__search-box .search-box__result #handlebars-result__header-search .clearfix small{display:inline-block;width:100%;color:#b0b0b0;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:767px){.header__search-box .search-box__result #handlebars-result__header-search .clearfix small{display:none}}.header__search-box .search-box__result i{position:absolute;width:20px;height:20px;cursor:pointer;left:0;top:0;z-index:999}.header__search-box .search-box__result i:before,.header__search-box .search-box__result i:after{position:absolute;top:50%;left:0;content:"";display:block;width:20px;height:2px;background-color:#333}.header__search-box .search-box__result i:before{transform:rotate(-45deg)}.header__search-box .search-box__result i:after{transform:rotate(45deg)}.header__search-box input{width:calc(100% - 32px);height:20px;background-color:transparent;border:none;font-size:12px;line-height:20px}.header__search-box input::placeholder{color:#a5a5a5}.header__search-box input+span{display:none;cursor:pointer;background-color:#12a8db;border:0!important;border-radius:4px 0 0 4px;padding:0 20px}.header__search-box input+span:hover,.header__search-box input+span:focus{background-color:#1095c3}.header__search-box input+span i{color:#bbb;font-size:20px;position:relative;top:-1px;right:2px;cursor:pointer;line-height:48px;color:#fff}.header__search-box input+span span{font-size:18px;position:relative;top:-4px;margin-right:2px;display:inline-block;color:#fff}.header__search-box img{font-size:8px;text-align:center;color:#8e8e8e}.header__search-box img:hover,.header__search-box img:focus{text-decoration:none;color:#5d5d5d}@media (min-width:1366px){.header__search-box-wrapper{display:block;visibility:visible;position:initial;width:initial;height:initial;background-color:initial;opacity:initial;transition:initial}.header__search-box-wrapper .header-search-box__close-btn{display:none}.header__search-box{width:243px;margin:0;background-color:#fff;border:1px solid #ececec}.header__search-box .search-box__result{min-width:100%;width:fit-content;top:100%}#handlebars-result__header-search .clearfix{display:inline-flex;width:49%;margin:0 auto}}@media (min-width:1700px){.header__search-box{width:362px}.header__search-box .search-box__result{width:102%;top:80%}}