/* Minification failed. Returning unminified contents.
(10,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26,20): run-time error CSS1039: Token not allowed after unary operator: '-light-grey'
(30,20): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(43,78): run-time error CSS1039: Token not allowed after unary operator: '-red'
(45,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(77,43): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
 */

/* WHITE MENU - SEARCH BLOCK */
.search-block {border-bottom: 1px solid #e6e6e6; padding-bottom: 30px; margin-bottom: 30px; display: flex; flex-wrap: nowrap; align-items: center;}
.search-block .header-resturant {width: 280px;}
.search-block .header-resturant > h2 {font-size: 1.5rem; font-weight: 700; }
.search-block .header-resturant > .tel-resturant {display: none;}
.search-block .comment-resturant {margin-right: 30px; flex: 1; }
.search-block .comment-resturant .comment-resturant-desc {flex: 1;}
    .search-block .comment-resturant .comment-resturant-desc > svg {
        fill: var(--primary-color);
        width: 1.125rem;
        position: relative;
        top: 2px;
    }
.search-block .search-resturant {background: #fff; border-radius: 5px; box-shadow: 0px 3px 0px 0px rgba(45, 45, 45, 0.08); padding: 5px; margin-right: 30px; width: 300px;}
.search-block .search-resturant .search-resturant-input {flex: 1;}
.search-block .search-resturant .search-resturant-input > input[type=text] {position: relative; top: -1px; padding: 0 10px; width: 150px;}
.search-block .search-resturant .search-resturant-input > input[type=text]::placeholder {color: #bdbdbd}
    .search-block .search-resturant .search-resturant-icon > span {
        padding: 0 5px;
        position: relative;
        top: 2px;
    }
    .search-block .search-resturant .search-resturant-icon > span > svg {
        cursor: pointer;
        fill: var(--light-grey);
        height: 1rem;
    }
    .search-block .search-resturant .search-resturant-icon > span:hover > svg:hover {
        fill: var(--dark-grey);
        transition: all .4s ease;
    }



@media screen and (max-width: 1023px) {
    /* WHITE MENU - SEARCH BLOCK - RESPONSIVE*/
.search-block {padding: 15px; margin-bottom: 0; border-bottom: none;}
.search-block .header-resturant {width: 100%;}
.search-block .header-resturant > h2 {font-size: 1.375rem;}
.search-block .header-resturant > .tel-resturant {margin-right: auto; display: block; }
.search-block .header-resturant > .tel-resturant > a > span {background: #fff; position: relative; top: 2px; border-radius: 50%; border: 1px solid #d9d9d9; display: inline-block; padding: 3px 5px; margin-right: 10px;}
.search-block .header-resturant > .tel-resturant > a > span > i {color: var(--red); font-size: 0.875rem; position: relative; top: -2px;}
    .search-block .header-resturant > .tel-resturant > .font-bold span svg {
        fill: var(--primary-color);
        font-size: 0.875rem;
        position: relative;
        height: 15px;
    }

    .search-block .header-resturant > .tel-resturant > div > span {
        background: #fff;
        position: relative;
        top: 2px;
        border-radius: 50%;
        border: 1px solid #d9d9d9;
        display: inline-block;
        padding: 3px 5px;
        margin-right: 10px;
    }


    .search-block .search-resturant {
        width: 100%;
        margin-right: auto;
        font-size: 1rem;
        padding: 8px 5px;
    }
.search-block .search-resturant .search-resturant-input ,.search-block .search-resturant .search-resturant-icon {margin-right: 0;}
.search-block .search-resturant .search-resturant-input {flex: 1;}
.search-block .search-resturant .search-resturant-input > input[type=text] {width: 100%;}
.search-block .comment-resturant {flex-direction: column; width: 100%; margin-right: 0;min-height:10px;}
.search-block .comment-resturant .coupon-resturant {margin: 15px 0;}
.search-block .comment-resturant .comment-resturant-desc {width: 100%; margin: 15px 0; font-size: 0.875rem;}
.search-block .comment-resturant .comment-resturant-desc > svg {width: 0.875rem;}
.search-block .search-resturant .search-resturant-input, .search-block .search-resturant .search-resturant-icon {margin-right: 0;}
.search-resturant-icon:hover {color: var(--dark-grey);}
}







