html {
    font-family: Heebo, Arial, sans-serif;
    background-color: #ffffff;
    direction: rtl
}

.header {
    display:none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 69px;
    background: #f4f4f4;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}

.header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1000px;
    height: 69px;
    padding: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e37a05;


}

@media (min-width:900px) {
  .header {
    position: static;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f4f4f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

    .header-inner {
        background: #f4f4f4;
    }
}

.header_menu {
    width: 30px;
    height: 26px;
    padding: 0;
    font-size: 26px;
    color: #fff;
    background: none;
    border: 0
}

@media (min-width:900px) {
    .header_menu {
        display: none;
        visibility: hidden;
        opacity: 0
    }
}

.header .logo {
    display: block;
    text-align: center;
    color: #fff
}

@media (min-width:900px) {
    .header .logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: #e57b05
    }
}

.header .logo .icon-wlogo {
    display: inline-block;
    font-size: 49px
}

@media (min-width:900px) {
    .header .logo .icon-wlogo {
        margin-left: 30px;
        font-size: 3.9rem
    }
}

.header .back_logo {
    display: block;
    height: auto;
    color: #fff;
    font-size: 1.5rem
}

@media (min-width:900px) {
    .header .back_logo {
        display: none
    }

}

.two-buttons {
    width: 40%;
    display: none
}

@media (min-width:900px) {
    .two-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between
    }

}

a.lastminute {

    display: inline-block;
    vertical-align: middle;
    color: #555;
}

a.lastminute span {

    display: inline-block;
    vertical-align: middle;
}

a.lastminute span.icon-clock {
    color: #e83f0b;
    font-size: 1.8rem;
    margin-left: 0.3rem
}

a.lastminute span.icon-megaphone {
    color: #2c86cc;
    font-size: 1.8rem;
    margin-left: 0.3rem
}

.sub-nav-cont {
    display: none
}

@media (min-width:900px) {
    .sub-nav-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #fff;
        border-bottom: 1px solid #e57b05;
        margin-top: 10px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center
    }

}

.sub-nav {
    width: 100%;
    max-width: 1000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

}

.sub-nav ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 1rem 0;
}

.sub-nav ul a {
    color: #333;
    padding: 0 25px;
    border-left: 1px dotted #888;
    text-decoration: none
}
.sub-nav ul li:last-child a{
  border-left: 0;
}
.sub-nav ul a:hover {
    color: #e57b05
}

.title_container {
    width: 100%;
    max-width: 1000px;
    background-color: #ffffff;
    border-bottom: 3px solid #e57b05;
    padding-top: 10px;
}

@media (min-width:900px) {
    .title_container {
        background-color: #f4f4f4;
    }

}

.main {
    display: block;
    padding-top: 15px !important;
    direction: rtl;
    background-color: #f4f4f4
}

@media (min-width:900px) {
    .main {
        margin: 0;
        padding: 0;
        background-color: #ffffff;
        padding-top: 80px;
    }
}












.main .centered_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1000px;
    margin: 2rem auto;
}

.main .btn_load_more {
    display: block;
    padding: 0 25px;
    height: 30px;
    width: auto;
    background: #525252;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    border: 0;
    border-radius: 3px;
    margin: 15px 0;
    cursor: pointer
}

.main .btn_goto_top {
    display: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: fixed;
    bottom: 10px;
    right: 0;
    z-index: 999999;
    border: 0;
    background: transparent;
    cursor: pointer
}

.main .btn_goto_top .box_wrapper,
.main .btn_goto_top.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main .btn_goto_top .box_wrapper {
    margin: 20px;
    width: 28px;
    height: 28px;
    background: #727879;
    border: 1px solid #fff
}

.main .btn_goto_top .box_wrapper svg {
    display: block;
    width: 18px;
    height: auto;
    fill: #fff;
    margin: auto
}






.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    direction: rtl;
    margin: 0 0 15px 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    background-color: #f4f4f4;
    padding-right: 0.5rem;
}



@media (min-width:900px) {
    .breadcrumbs {
        margin: 5px auto;
        max-width: 1000px;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        background-color: #ffffff
    }
}

.breadcrumbs .sections_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    list-style: none;
    padding: 0;
    margin: 0 5px;
    align-items:center;
}

  .breadcrumbs .sections_list .section a { color: #3e6ca5; font-size: 14px; font-weight: 400 }

.breadcrumbs .sections_list .section:hover {
    text-decoration: underline;
    color: #cb893f;
    cursor: pointer
}

.breadcrumbs .sections_list .section:not(:last-child):after {
    content: ">";
    display: inline-block;
    margin: 0 4px;
    text-decoration: none !important;
    color: #333 !important
}

  .breadcrumbs .sections_list .section.active { color: #696969; font-size: 14px }
    .breadcrumbs .sections_list .section.active:hover { text-decoration: none; cursor:unset}

.footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative;
    background: #525252;
    direction: rtl;
    padding-top: 1rem
}

@media (min-width:900px) {
    .footer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse nowrap;
        flex-flow: row-reverse nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #ffffff;
        border-top: 2px solid #e37a05;
        padding-top: 1rem;
        margin-top: 3rem;
        padding-bottom: 1rem


    }
}

.footer_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    list-style: none;
    padding-right: 15px
}

@media (min-width:900px) {
    .footer_list {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-width: 1000px;
        margin: 0 auto

    }
}

.footer_list_item {
    margin-left: 15px;
    margin-bottom: 10px;
    width: 40%
}
@media (min-width:600px) {
    .footer_list_item {
      width: 30%
    }
    .footer_list_item .footer_link {
     color: #ffffff !important;

    }
}

@media (min-width:900px) {
    .footer_list_item {
      width: 18%
    }
    .footer_list_item .footer_link {
     color: #333333 !important;

    }
}

.footer_list_item .footer_link {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-decoration: none
}

.footer_list_item .footer_link:hover {
    text-decoration: underline;
    color: #cb893f;
    cursor: pointer
}

.footer .footer_facebook {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    border: 3px solid #fff;
    color: #fff;
    border-radius: 50%;
    text-decoration: none;
    margin-left: 0;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 15px
}

@media (min-width:900px) {
    .footer .footer_facebook {
        position: static;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .phone_number {
        color: #e05f09;
    }

    .main .btn_load_more {

    }

    .main .text_block .btn_read_all {
        padding-right: 270px;
    }
}

.footer .footer_facebook:hover {
    border: 3px solid #cb893f;
    color: #cb893f
}

.footer .footer_facebook:hover .icon-facebook {
    fill: #cb893f
}

.footer .footer_facebook .icon-facebook {
    fill: #fff;
    margin: auto;
    font-size: 26px
}
/*side nav*/
.sidenav {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: -250px;
  background-color: #e37a05;
  overflow-x: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-top: 90px;
}

.sidenav a, .dropdown-container a {
  padding: 8px 28px 8px 32px;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  display: block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}



@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 16px;}
}
/* Add an active class to the active dropdown button */
.dropdown-btn a {
  direction: rtl;
  text-align: right;
}
.icon-caret-down{
  font-size: 60%;
  margin-right: -1rem;
  margin-left: 0.2rem;
}
.menulist .dropdown-btn.active {
  background-color: #e37a05;
  color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #e7e7e7;
  padding-left: 8px;
}
.dropdown-container li a{
color:#333333;
border-bottom: 1px solid #fff;
}
.menulist li{
  border-bottom: 1px solid #fff;
}
.menulist li.available{
  background-color: #bc5704;
}
.menulist li.available.first{
  border-top: 1px solid #fff
}
.menulist li.available.last{
  border-bottom: 2px solid #fff !important
}
.menulist li.extra{
  background-color: #eb5c16;
}
.menulist li.extra.first{
  border-top: 2px solid #fff;

}
.menulist li.side-footer-link{
  color:#eb5c16 ;
  border-bottom: 1px solid #eb5c16;
  background-color: #FFF;
}
.menulist li.side-footer-link a{
    color:#eb5c16 ;
}

.sidenav_show { height: 100%; width: 250px; position: fixed; z-index: 1; top: 0; left: 0; background-color: #e37a05; overflow-x: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; padding-top: 90px; }

a:hover { color: #d75904 !important; }

html { scroll-behavior: smooth; }

img { aspect-ratio: attr(width) / attr(height); }

.ui-menu {
  width: 200px;
  margin-bottom: 2em;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-corner-all {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url("images/ui-bg_glass_75_ffffff_1x400.png") 50% 50% repeat-x;
  color: #404040;
}

.ui-widget {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}

.ui-front {
  z-index: 99999;
}
.ui-helper-hidden-accessible {
  display: none !important;
}

.ui-autocomplete.ui-front.ui-menu ui-widget.ui-widget-content.ui-corner-all {
  left: 4px !important;
  top: 180px !important
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  font-size: 16px;
  /*support: IE10, see #8844;*/
}

  .ui-menu .ui-menu-item a.ui-corner-all {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }

  .ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    support: IE7;
    font-weight: normal;
  }

.ui-corner-all {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
input[type="number"], input[type="text"], input[type="email"], textarea {
  width: 90%;
  padding: 12px 29px 8px 15px;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-right: 5%;
  outline: none;
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 3px rgb(0 0 0 / 20%);
  box-shadow: inset 0 1px 3px rgb(0 0 0 / 20%);
}
#searchbutton {
  position: absolute;
  right: 18px;
  top: 100px;
}

.discount {
  background-color: #be0e0e !important;
  border-top: 1px solid #fff;
  border-bottom: none;
}

.discount a {
  color: #fff !important;
}