/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root {
    --color: #222;
    --color-grayish: #ececec;
    --color-wheat: #fff;
    --color-gray: #a2a2a2;
    --color-gray2: #d4d4d4;
    --color-gray3: #f7f7f7;
    --color-yellow: #f1bb22;
    --price: green;
    --old-price: #999;
    --color-orange: #ff5722;
    --color-blue: #2487ce;
    --color-red: #cc0000;
    --font-bold: 'Heebo';
    --font: 'Heebo';
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font);
    outline: none;
}

html {}

body {
    font-size: 12px;
    overflow-x: hidden;
    background: #fff !important;
}

h1,
h2,
h3,
h4 {
    width: 100%;
    float: right;
}

address {
    font-size: 1.3em;
}

.members_club,
#by_sidebar_left .email,
#sidebar .email {
    display: none !important;
}

.right_banners img {
    width: 100%;
}

a {
    color: var(--color);
}

.by_night_hotel {
    text-align: left;
    font-size: 1.2em;
    color: var(--color-orange);
    font-weight: 800;
}

.by_sp {
    width: auto;
    line-height: 1.2;
    padding: 0 0 0 10px;
}

.by_percent {
    font-size: 0.5em;
    color: var(--color-red);
    font-weight: 900;
}

.view_dates {}

.by_daydeal_right {}

.by_tabs {
    width: 100%;
    float: right;
}

.by_tabs ul {
    padding: 2em 0;
    list-style-type: none;
    width: 100%;
}

.by_tabs ul li {
    display: inline-block;
}

.by_tabs ul li a {
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    color: #000;
    height: 35px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 8px 20px;
    border-bottom: 2px solid transparent;
    font-size: 1.3em;
    flex-shrink: 0;
}

.by_tabs ul li.active a {
    color: var(--color-orange);
    border-bottom: 2px solid var(--color-orange);
    font-family: var(--font);
    font-weight: 800;
}

.width {
    width: 100%;
    max-width: 1600px;
    padding: 0 2em;
    margin: 0 auto;
}

.by_container {
    width: 100%;
    /* float: right; */
    display: inline-block;
}

.by_area_info,
#by_info {
    width: 100%;
    float: right;
    padding: 0 0 2rem;
}

.by_area_info h1,
#by_info h1 {
    font-size: 3em;
}

.page.width {
    padding: 20px;
    width: 100%;
}

.BannerType1,
.BannerType2,
.BannerType3,
.BannerType4,
.BannerType5 {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.page.width p {
    font-size: 1.3em;
    /* padding: 0 0 1rem; */
}

body>.over-menu {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: fixed;
    height: 100%;
    content: "";
    width: 100%;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9;
}

body.open-menu {
    left: -100%;
}

body.open-menu>.over-menu {
    visibility: visible;
    opacity: 1;
}

body.open-menu .menu-container {
    right: 0 !important;
}

.bby_header {
    float: left;
    width: 100%;
    font-size: 14px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background: #fff;
}

.by_search_top .selectize-control {
    top: -14px;
    width: 250px;
    right: 0;
    background: none;
    position: absolute;
}

.by_search_top .selectize-control.single .selectize-input {
    background: none;
    border: none;
    padding: 22px 0 0 10px;
    height: 55px;
}

.by_search_top .selectize-input,
.by_search_top .selectize-control.single .selectize-input.input-active {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.by_search_top .selectize-control.rtl.single .selectize-input:after {
    display: none !important;
}

.by_search_top .demo-icon {
    position: absolute;
    right: 15px;
    top: 9px;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
}

#by_search_top_select-selectized {
    direction: ltr;
}

.by_header a {
    text-decoration: none !important;
    outline: none;
}

.by_header .hidden {
    display: none;
}

.by_header section {
    position: relative;
    width: 100%;
    float: left;
}

.by_header {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: transparent;
    width: 100%;
    float: left;
    position: relative;
    z-index: 10;
}

.by_header::before {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform-origin: 0;
    background: #FFF;
    position: absolute;
    width: 100%;
    content: "";
    top: 0;
    right: 0;
    height: 0;
}

.by_header .desk-menu {
    position: relative;
    width: 100%;
    float: left;
}

.by_header .desk-menu .logo {
    position: absolute;
    float: left;
}

.by_header .desk-menu .logo-adn {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 20px 0 0;
    position: relative;
    display: table;
    z-index: 1;
}

.by_header .desk-menu .logo-adn a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-image: url("https://seeklogo.com/images/G/google-logo-28FA7991AF-seeklogo.com.png");
    background-position: 0;
    color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
}

.by_header .desk-menu .box-menu {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    padding: 0;
    display: block;
    margin: 0 auto;
    float: left;
    text-align: center;
}

.by_header .desk-menu .menu-container {
    float: left;
}

.by_header .desk-menu .menu-container .menu-head,
.by_header .desk-menu .menu-container .menu-foot {
    width: 100%;
    float: left;
    display: none;
}

.by_header .desk-menu .menu-container .menu-head {
    background: #4285f4;
    padding: 16px 10px;
}

.by_header .desk-menu .menu-container .menu-head .e1 {
    padding: 3px 0;
    float: left;
}

.by_header .desk-menu .menu-container .menu-head .e1 img {
    width: 29px;
    float: left;
    height: 29px;
}

.by_header .desk-menu .menu-container .menu-head .client {
    color: #FFF;
    float: right;
}

.by_header .desk-menu .menu-container .menu-head .client span {
    font-family: "Ubuntu", sans-serif;
    text-transform: uppercase;
    padding: 5px 42px 5px 0;
    position: relative;
    line-height: 100%;
    font-size: 9px;
    display: block;
}

.by_header .desk-menu .menu-container .menu-head .client i {
    position: absolute;
    font-size: 30px;
    right: 0;
    top: 0;
}

.by_header .desk-menu .menu-container .menu-foot {
    position: absolute;
    bottom: 0;
    padding: 15px 0;
}

.by_header .desk-menu .menu-container .menu-foot .social {
    display: table;
    margin: 0 auto;
}

.by_header .desk-menu .menu-container .menu-foot .social a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    position: relative;
    margin: 0 5px 0 0;
    color: #FFF;
    font-size: 13px;
    text-align: center;
    padding: 5px 0;
    border-radius: 50%;
    background: #797c82;
    width: 29px;
    height: 29px;
}

.by_header .desk-menu .menu-container .menu-foot .social a:last-child {
    margin: 0;
}

.by_header .desk-menu .menu-container .menu-foot .social a:hover {
    background: #a4a7ac;
}

.by_header .desk-menu .menu-container .menu-foot hr {
    margin: 15px auto 20px;
    display: table;
    width: calc(100% - 20px);
}

.by_header .desk-menu .menu-container .menu-foot address {
    position: relative;
    text-align: left;
    padding: 0 15px;
    margin: 0;
}

.by_header .desk-menu .menu-container .menu-foot address i {
    position: absolute;
    left: 0;
    top: 0;
}

.by_header .desk-menu .menu-container .menu-foot address span {
    padding: 0 0 0 20px;
    position: relative;
    margin-bottom: 5px;
    font-size: 12px;
    display: block;
}

.by_header .desk-menu .menu-container .menu {
    float: left;
    padding: 0;
    margin: 0 20px 0 0;
    list-style: none;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.by_header .desk-menu .menu-container .menu li.back {
    display: none;
}

.by_header .desk-menu .menu-container .menu>li {
    -webkit-transition: all 0.33s ease;
    -moz-transition: all 0.33s ease;
    -ms-transition: all 0.33s ease;
    -o-transition: all 0.33s ease;
    transition: all 0.33s ease;
    margin: 0 0 0 10px;
    float: left;
    cursor: pointer;
    position: relative;
    overflow: inherit;
    line-height: 12px;
}

.by_header .desk-menu .menu-container .menu>li a {
    position: relative;
    /* text-transform: uppercase; */
    font-family: "Ubuntu", sans-serif;
    font-size: 13.9px;
    padding: 19px 8px;
    display: block;
    color: #4e4e4e;
    text-align: right;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children>a {
    padding: 19px 25px 19px 8px;
    position: relative;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children>a::before,
.by_header .desk-menu .menu-container .menu>li.menu-item-has-children>a::after {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #4e4e4e;
    position: absolute;
    content: "";
    height: 1px;
    width: 7px;
    top: 26px;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children>a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: calc(100% - 10px);
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children>a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: calc(100% - 6px);
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu::-webkit-scrollbar {
    width: 5px;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu {
    box-shadow: 1px 2px 4px rgba(46, 61, 73, 0.2);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-overflow-scrolling: touch;
    min-width: 200px;
    position: absolute;
    list-style: none;
    background: #FFF;
    padding: 0;
    display: table;
    left: 0;
    width: 100%;
    float: right;
    display: none;
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li {
    width: 100%;
    -webkit-transition: all 0.33s ease;
    -moz-transition: all 0.33s ease;
    -ms-transition: all 0.33s ease;
    -o-transition: all 0.33s ease;
    transition: all 0.33s ease;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li>a {
    color: #4e4e4e;
    padding: 12px;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li .sub-menu {
    display: none;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children>a::before,
.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children>a::after {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #4e4e4e;
    position: absolute;
    content: "";
    height: 1px;
    width: 7px;
    top: 24px;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children>a::before {
    transform: rotate(45deg);
    left: calc(100% - 15px);
    top: 23px;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children>a::after {
    transform: rotate(-45deg);
    left: calc(100% - 15px);
    top: 19px;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children:hover>a {
    display: block;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu {
    display: block;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li:hover>a {
    color: #4285f4;
    background-color: #eeeff1;
}


/* .by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li:hover>a::before {
    -webkit-transform: rotate(142deg);
    -moz-transform: rotate(142deg);
    -ms-transform: rotate(142deg);
    -o-transform: rotate(142deg);
    transform: rotate(142deg);
    top: 23px;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li:hover>a::after {
    -webkit-transform: rotate(42deg);
    -moz-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    -o-transform: rotate(42deg);
    transform: rotate(42deg);
    right: 11px;
} */

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu .sub-menu {
    right: -100%;
    margin-top: -43px;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children a {
    text-align: left;
}

.by_header .desk-menu .menu-container .menu>li.menu-item-has-children a:hover {
    margin-top: 0;
}

.by_header .desk-menu .menu-container .menu>li.line {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    bottom: 11px;
    right: 0;
    height: 0px;
    pointer-events: none;
    border: 1px solid #4285f4;
    background: #4285f4;
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
    transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
    opacity: 0;
    display: block;
}

.by_header .desk-menu .menu-container .menu>li:hover>a {
    color: #4285f4;
}


/* .by_header .desk-menu .menu-container .menu>li:hover>a::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
    width: 10px;
    right: 12px;
}

.by_header .desk-menu .menu-container .menu>li:hover>a::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    right: 7px;
} */

.by_header .desk-menu .menu-container .menu>li:hover.menu-item-has-children .sub-menu {
    display: block;
}

.by_header .hamburger-menu {
    display: none;
}

.by_header.small::before {
    box-shadow: 0px 5px 25px 0 rgba(46, 61, 73, 0.2);
    height: 100%;
}

.by_header.small .desk-menu .menu-container .menu>li.menu-item-has-children>a::before,
.by_header.small .desk-menu .menu-container .menu>li.menu-item-has-children>a::after {
    background-color: #4e4e4e;
}

.by_header.small .desk-menu .logo-adn {
    margin-top: 14px;
}

.by_header.small .desk-menu .logo-adn a {
    background-image: url("../img/empresa-1-logo.svg");
    height: 30px;
    width: 140px;
}

.by_header.small .desk-menu .box-menu {
    padding: 0;
}

.by_header.small .desk-menu .box-menu ul li a {
    color: #4e4e4e;
}

.ImageURL {
    float: l;
    width: 100%;
    padding: 2rem 0;
}

.ImageURL img {
    float: right;
    width: 100%;
}

.roomCarousel .bytech-nav {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
}

.roomCarousel .bytech-prev,
.roomCarousel .bytech-next {
    line-height: 76px !important;
    background: none !important;
    height: 76px;
    width: 50px;
    border-radius: 3px !important;
    margin: -38px 0px 0 0 !important;
    padding: 0 !important;
    font-size: 76px !important;
    border: none !important;
    color: #fff !important;
}

.roomCarousel .bytech-prev.disabled,
.roomCarousel .bytech-next.disabled {
    color: rgba(255, 255, 255, 0.5) !important;
}

.roomCarousel .bytech-item img {
    display: block;
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.roomCarousel .bytech-next {
    float: left;
}

.bygs_hotel {
    background: #fff;
    border-radius: 10px;
    float: left;
    margin: 0 0 15px;
    padding: 30px;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #ccc;
    position: relative;
}

.bygs_hotel_info {
    float: right;
    width: 50%;
}

.bygs_hotel_img {
    float: left;
    width: 50%;
    position: relative;
}

.bygs_hotel_img img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.by_finish {
    top: 50%;
    right: 50%;
    position: absolute;
    margin: -115px -247px 0 0;
    z-index: 1;
}

.bygs_right {
    float: right;
    width: 60%;
}

.bygs_left {
    float: left;
    width: 35%;
}

.bygs_comments_deal {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 1;
    background: var(--color-orange);
    padding: 10px 20px;
    color: var(--color-wheat);
    font-size: 1.2em;
}

.bygs_free_child {}

.bygs_percent,
.bygs_exclusive {
    position: absolute;
    left: 30px;
    top: 0;
    padding: 25px;
    background: #cc0000;
    color: #fff;
    font-size: 1.5em;
    line-height: 1;
    font-family: 'Heebo';
    font-weight: 800;
    text-align: center;
}

.load_promotions_and_events {
    width: 100%;
    float: right;
    margin: 0 0 25px;
}

.count_promotions_1 .lpae_box {
    width: 100% !important;
    float: right;
    margin: 0 0 20px;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.lpae_image {
    width: 100%;
    float: right;
}

.count_promotions_2 .lpae_image {
    width: 100%;
    float: right;
    /* height: 300px; */
    object-fit: cover;
}

.lpae_cont {
    background: #fff;
    padding: 20px;
    width: 100%;
    float: right;
}

.lpae_title {
    color: #0061a9;
    font-family: var(--font);
    font-weight: 900;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1;
    padding: 0 0 5px;
}

.lpae_text {
    text-align: center;
    font-size: 1.07rem;
}

.lpae_textdeal {
    float: right;
    width: 100%;
    color: var(--color-orange);
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1;
    margin: 0 0 5px;
}

.lpae_button {
    width: 100%;
    border-radius: 5px;
    float: right;
    padding: 10px;
    text-align: center;
    background: #0061a9;
    color: #fff !important;
    text-decoration: none;
    font-size: 15px;
    margin: 15px 0 0;
}

.by_israel_hotels {
    width: 100%;
    display: none;
}

.by_israel_hotels ul {
    width: 100%;
}

.by_israel_hotels ul li {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 700;
    list-style-type: none;
}

.by_israel_hotels ul ol {
    width: 100%;
    padding: 0 0 1rem;
}

.by_israel_hotels ul ol li {
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
}

.bylistscircle {
    float: right;
    width: 100%;
}

.bylistscircle ul {
    float: right;
    width: 100%;
    padding: 2rem 0;
}

.bylistscircle ul li {
    display: inline-flex;
    list-style-type: none;
}

.bylistscircle ul li a {
    border: 1px solid var(--color-gray2);
    border-radius: 25px;
    padding: 5px 15px;
    text-decoration: none;
    margin: 0 0 10px 5px;
    font-size: 0.9rem;
}

.bylistscircle ul li a:hover {
    color: var(--color-orange);
    border: 1px solid var(--color-orange);
}

.by_special_dates {
    float: right;
    width: 100%;
    padding: 2rem 0;
}

.by_special_dates ul {
    list-style-type: none;
}

.by_special_dates ul li {
    float: right;
    width: 100%;
    margin: 0 0 5px;
    text-align: center;
}

.by_special_dates ul li a {
    border-radius: 5px;
    border: 1px solid var(--color-gray2);
    padding: 1rem;
    float: right;
    width: 100%;
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1;
    text-decoration: none;
}

.by_special_dates ul li a:hover {
    border: 1px solid var(--color-orange);
    color: var(--color-orange);
}

.by_special_dates span {
    font-weight: 400;
    font-size: 0.9rem;
}

.by_special_dates h3 {
    font-size: 1.2rem;
    padding: 0 0 1rem;
}

#hotel21 .loc_search {
    display: none;
}

#sendgroup table,
.contactus_form table {
    margin: 2rem 0;
    padding: 1rem;
    background: var(--color-gray3);
    font-size: 0.9rem;
}

#sendgroup tr,
.contactus_form tr {}

#sendgroup td,
.contactus_form td {
    padding: 5px;
    font-size: 0.9rem;
}

#sendgroup table input,
.contactus_form table input {
    width: 100%;
    padding: 5px;
    border: 1px solid var(--color-gray2);
    border-radius: 5px;
}

#sendgroup table select,
.contactus_form table select {
    width: 100%;
    padding: 5px;
    border: 1px solid var(--color-gray2);
    border-radius: 5px;
}

#sendgroup table textarea,
.contactus_form table textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid var(--color-gray2);
    border-radius: 5px;
}

form .by_submit_form {
    float: left;
    width: 200px;
    padding: 10px;
    font-size: 1.3rem;
    background: var(--color-blue);
    border: none;
    border-radius: 5px;
    color: var(--color-wheat);
    margin: 0 0 2rem;
}

.by_text_image {
    float: right;
    width: 100%;
    padding: 2rem 0;
    /* border-bottom: 1px solid var(--color-gray3);
    margin: 0 0 2rem; */
}

.by_text_image h2 {
    font-size: 1.8rem !important;
    margin: 0 0 5px !important;
    padding: 0;
}

.by_text_image:nth-child(2n+2) {
    float: left;
}

.by_text_image:nth-child(3n+3) {
    clear: both;
}

.text_form {
    float: right;
    width: 100%;
    padding: 4rem 0 0;
}

.text_form h2 {
    font-size: 1.8rem !important;
    margin: 0 0 5px !important;
    padding: 0;
}

.text_form p {
    padding: 0 0 2rem;
}


/* .gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
    clear: both;
} */

.by_pic {
    float: right;
    width: 100%;
}

.by_pic img {
    float: right;
    width: 100%;
    height: 300px;
    margin: 0 0 1rem;
    border-radius: 5px;
    object-fit: cover;
}

.by_text {
    float: right;
    width: 100%;
}

.by_form {
    height: 250px;
}

.by_bottom_page {
    width: 100%;
    float: right;
    padding: 3rem 2em;
    background: var(--color-gray3);
}

.by_bottom_page_lists {
    width: 100%;
    float: right;
    padding: 0 0 2rem;
}

.by_bottom_page_lists h2 {
    font-size: 2em;
    line-height: 1;
    margin: 0 0 1rem;
}

.by_bottom_page_lists.by_ltr {
    text-align: left;
    direction: ltr;
}

.by_bottom_page_lists ul {
    list-style-type: square;
    margin: 0;
    padding: 0;
}

.by_bottom_page_lists ul li {
    margin: 0 15px 0 0;
    padding: 0;
    font-size: 1rem;
}

.by_bottom_page_lists ul li a {
    font-size: 1rem;
}

.by_bottom_page_lists.by_ltr ul li {
    margin: 0 0 0 15px;
}

.by_gs_hotel_deal_bottom {
    width: 100%;
    float: right;
    padding: 2rem 0;
}

.by_gs_color {
    color: var(--color-orange);
}

.by_gs_hotel_deal {
    width: 100%;
    float: right;
    border-radius: 10px;
    margin: 0 0 15px;
    box-sizing: border-box;
    padding: 2rem;
    border-radius: 5px!important;
    box-shadow: 0 0 5px #ccc;
    position: relative;
}

.by_gs_highlights {
    width: 100%;
    float: left;
    background: var(--color-gray3);
    padding: 2rem;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    margin: 0 2rem 2rem 0;
}

.by_gs_highlights ul {
    margin: 0 0 1rem;
    list-style-type: none;
    padding: 0 0 0px;
    width: 100%;
    float: right;
}

.by_gs_highlights ul li {
    float: right;
    width: 100%;
    position: relative;
    padding: 0 30px 5px 0;
    font-size: 1.2em;
}

.by_gs_highlights ul li svg {
    fill: var(--color-blue);
    position: absolute;
    right: 0;
    top: 0;
}

.by_gs_important {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    color: var(--color);
    border-bottom: 2px groove #fff;
    padding: 0 0 1rem;
    margin: 0 0 1rem;
}

.by_gs_important span {
    font-size: 1rem;
    font-weight: normal;
}

.by_gs_hotel_img {
    float: left;
    position: relative;
    width: 100%;
    padding: 0 0 2rem;
    box-sizing: border-box;
}

.by_gs_hotel_img img {
    width: 100%;
}

.by_gs_details {
    float: right;
    width: 100%;
    font-size: 1.3rem;
    font-weight: bold;
    color: var(--color-orange);
    line-height: 1;
}

.by_gs_info {
    float: right;
    width: 100%;
    padding: 0;
}

.by_gs_info h3 {
    margin: 1rem 0 0;
    font-size: 1.2rem;
}

.by_gs_info ul {
    margin: 0 0 1rem;
    font-size: 0.9rem;
}

.by_gs_info ul li {
    list-style-type: none;
}

.by_gs_comments_deal_text {
    background: var(--color-orange);
    color: var(--color-wheat);
    padding: 1% 3%;
    position: absolute;
    font-weight: 400;
    top: 50px;
    right: 0;
    z-index: 99;
}

.by_gs_free_childrens {
    background: var(--color-orange);
    color: var(--color-wheat);
    padding: 1% 3%;
    position: absolute;
    font-weight: 400;
    top: 100px;
    right: 0;
    z-index: 100;
}

.by_gs_percent {
    font-size: 28px;
    padding: 15px;
    position: absolute;
    line-height: 25px;
    background: var(--color-yellow);
    left: 40px;
    top: 0;
    text-align: center;
    /* color: var(--color-wheat); */
    font-weight: bold;
}

.by_gs_reserve {
    float: left;
    height: auto;
    overflow: hidden;
    width: 100%;
}

.by_gs_AdultChild {
    font-size: 16px;
    float: right;
    width: 100%;
    line-height: 23px;
    font-weight: bold;
}

.by_gs_totle_big {
    color: #f35b18;
    width: 100%;
    float: left;
    font-size: 15px;
    font-family: var(--font-bold);
    font-weight: 700;
    text-align: left;
    padding: 1rem 0 0;
}

.by_gs_price_res {
    color: green;
    float: left;
    font-size: 40px;
    padding-right: 0;
    margin-top: 0;
    width: 100%;
    text-align: left;
    line-height: 40px;
}

.by_gs_button_res {
    background: var(--color-orange);
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 25px !important;
    margin: 1rem 0 0;
    padding: 0;
    text-align: center;
    top: 0;
    width: 100%;
    border-radius: 5px;
    text-decoration: none;
}

.mct_whatsapp_btn {
    line-height: 29px;
    font-size: 12px;
    margin: 10px 0;
    float: left;
    background: #008a12;
    padding: 0 10px;
    color: #fff;
    border-radius: 25px;
    text-decoration: none;
}

.mct_telegram_btn {
    line-height: 29px;
    font-size: 12px;
    margin: 10px 0;
    float: right;
    background: #1fa1d8;
    padding: 0 10px;
    color: #fff;
    border-radius: 25px;
    text-decoration: none;
}

.mct_whatsapp_btn .fa,
.mct_telegram_btn .fa {
    padding: 0 0 0 5px;
}

.by_finish {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -115px 0 0;
    width: 100%;
    text-align: center;
    z-index: 100;
}

#by_content_area .banner {
    float: left;
    width: calc(33.33% - 20px);
    padding: 0;
    margin: 0 10px 10px;
    position: relative;
    overflow: hidden;
}

#by_content_area .banner img {
    width: 100%;
    min-height: 180px;
}

#by_content_area .banner h2 {
    font-size: 15px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px 0;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    text-align: center;
}

.luxury_hotel {
    position: absolute;
    left: -40px;
    top: 20px;
    background: #cc0000;
    color: #fff;
    padding: 5px;
    text-align: center;
    width: 180px;
    float: left;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate( -45deg);
    transform: rotate( -32deg);
}

.by_open_nav_description {
    float: right;
    width: 100%;
}

.tp_more_info,
.tp_hide_info {
    float: right;
    width: 100%;
    text-decoration: underline;
    padding: 0;
    margin: 0px 0 1rem;
    color: var(--color-blue);
    font-size: 1rem;
}

.by_post_img_single {
    float: right;
    width: 100%;
    margin: 0px 0 2rem;
}

.by_post_img_single img {
    float: right;
    width: 100%;
    object-fit: cover;
}

.by_posts_box_img {
    float: right;
    width: 100%;
    padding: 0 0 1em;
    position: relative;
}

.by_posts_box_img::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 10px;
    background: #fff;
    left: calc(33.33% - 10px);
    z-index: 1;
}

.by_posts_box_img::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 10px;
    background: #fff;
    right: 33.33%;
    z-index: 1;
}

.by_posts_box_img img {
    float: right;
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.category_video {
    float: right;
    width: 100%;
    margin: 0 0 20px;
}

.category_video iframe {
    float: right;
    width: 100%;
    height: 250px;
}

.category .search_hotel {
    margin: 0 0 2em;
}

.category .search_hotel {
    margin: 0 0 2em;
}

.category_video {
    margin: 0 0 40px;
}

.by_bars_left {
    left: 0;
    top: 0;
    position: fixed;
    z-index: 9999;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 110px rgb(0 0 0 / 50%);
    height: 100%;
    overflow-y: scroll;
    display: none;
    padding: 20px;
}

.by_bars_left h2 {
    margin: 0;
    padding: 0;
    font-size: 2rem;
}

.by_close {
    position: fixed;
    padding: 0;
    text-align: center;
    font-size: 25px;
    left: calc(50% - 20px);
    bottom: 10px;
    background: #404040;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 38px;
    box-shadow: 0 0 5px rgb(0 0 0 / 50%);
    opacity: 0;
    animation: fadeIn 2s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

.by_bars_left .by_top_container {
    padding: 0 0 4em;
}

.by_bars_left .bylistscircle ul {
    margin: 0;
}

.by_bars_left .bylistscircle ul li {
    padding: 0;
    margin: 0;
}

.by_bars_left .bylistscircle ul li a {
    border-radius: 3px;
    padding: 5px 10px;
    margin: 0 0 5px 5px;
    font-size: 1.2rem;
}

.by_bars_left .bylistscircle {
    padding: 0 0 1em;
}

.by_bars_left .travel_guide {
    font-size: 20px;
    padding: 1em;
    text-align: center;
    margin: 0 0 1em;
}

.by_bars_left .travel_guide span {
    width: auto;
    float: none;
    font-size: 20px;
    font-weight: normal;
}

.loc_search.by_search_mobile {
    display: block;
    margin: 0 0 20px;
}

.loc_search.by_search_mobile .by_search_top {
    margin: 0;
}

.loc_search.by_search_mobile .by_search_top .selectize-control {
    width: 100%;
    margin: 0;
    padding: 0 0 0 5px;
}

.more_about_cat {
    font-size: 1.5rem;
    padding: 0;
    float: left;
    width: 100%;
    margin: -10px 0 2rem;
    text-transform: capitalize;
}

@media (max-width: 991px) {
    .by_header .hamburger-menu {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        display: block;
        position: absolute;
        top: 45px;
        bottom: 0;
        margin: auto;
        width: 40px;
        height: 40px;
        cursor: pointer;
        right: 0;
        z-index: 11;
    }
    .by_header .hamburger-menu span {
        text-transform: uppercase;
        left: calc(-100% + -5px);
        padding: 8px 9px 8px 0;
        top: calc(50% - 18px);
        position: absolute;
        font-size: 13px;
        color: #FFF;
    }
    .by_header .hamburger-menu .bar,
    .by_header .hamburger-menu .bar::after,
    .by_header .hamburger-menu .bar::before {
        width: 35px;
        height: 3px;
    }
    .by_header .hamburger-menu .bar {
        position: relative;
        -webkit-transform: translateY(25px);
        -moz-transform: translateY(25px);
        -ms-transform: translateY(25px);
        -o-transform: translateY(25px);
        transform: translateY(25px);
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
        background: #4e4e4e;
        top: -7px;
    }
    .by_header .hamburger-menu .bar::before,
    .by_header .hamburger-menu .bar::after {
        position: absolute;
        background: #4e4e4e;
        content: "";
        left: 0;
        border-radius: 5px;
    }
    .by_header .hamburger-menu .bar::before {
        bottom: 10px;
        -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -ms-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .by_header .hamburger-menu .bar::after {
        top: 10px;
        -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -ms-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .by_header .hamburger-menu .bar.animate {
        background: rgba(255, 255, 255, 0);
    }
    .by_header .hamburger-menu .bar.animate::after {
        top: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .by_header .hamburger-menu .bar.animate::before {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .by_header .desk-menu .box-menu ul li a {
        color: #FFF !important;
        border-bottom: 1px solid #eaeaea;
    }
    .by_header .desk-menu .menu-container {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background: #FFF;
        position: fixed;
        height: 100vh;
        width: 100%;
        right: -100%;
        top: 0;
        padding: 60px 0 0;
    }
    .by_header .desk-menu .menu-container .menu-header-container {
        position: relative;
        float: left;
    }
    .by_header .desk-menu .menu-container .menu-header-container ul {
        padding: 10px !important;
    }
    .by_header .desk-menu .menu-container .menu {
        margin: 0;
    }
    .by_header .desk-menu .menu-container .menu li.back {
        position: relative;
        display: block;
    }
    .by_header .desk-menu .menu-container .menu li.back a {
        padding: 12px 12px 12px 35px !important;
    }
    .by_header .desk-menu .menu-container .menu li.back a::before,
    .by_header .desk-menu .menu-container .menu li.back a::after {
        background-color: #4e4e4e;
        position: absolute;
        content: "";
        height: 2px;
        width: 7px;
        top: 23px;
    }
    .by_header .desk-menu .menu-container .menu li.back a::before {
        -webkit-transform: rotate(-45deg) !important;
        -moz-transform: rotate(-45deg) !important;
        -ms-transform: rotate(-45deg) !important;
        -o-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        top: 20px !important;
        right: inherit !important;
        left: 15px !important;
    }
    .by_header .desk-menu .menu-container .menu li.back a::after {
        -webkit-transform: rotate(45deg) !important;
        -moz-transform: rotate(45deg) !important;
        -ms-transform: rotate(45deg) !important;
        -o-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        top: 24px !important;
        left: 15px !important;
    }
    .by_header .desk-menu .menu-container .menu li.line {
        display: none !important;
    }
    .by_header .desk-menu .menu-container .menu>li {
        width: 100%;
        float: left;
        margin: 0;
        text-align: left;
    }
    .by_header .desk-menu .menu-container .menu>li a {
        font-family: "Ubuntu", sans-serif;
        padding: 12px;
        color: #4e4e4e !important;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children {
        position: initial;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children a {
        padding: 12px;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children a::before,
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children a::after {
        background: #4e4e4e;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children a::before {
        right: 6px !important;
        top: 13px !important;
        width: 7px !important;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children a::after {
        top: 17px !important;
        width: 7px !important;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu {
        box-shadow: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        display: block !important;
        background: #FFF;
        z-index: 1;
        top: 0;
        left: 100%;
        right: auto;
        height: 100%;
        overflow-y: inherit;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu .sub-menu {
        margin-top: 0;
        left: 100%;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu.open-sub {
        left: 0%;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children>a::before,
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children>a::after {
        background-color: #4e4e4e;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children>a::before {
        -webkit-transform: rotate(45deg) !important;
        -moz-transform: rotate(45deg) !important;
        -ms-transform: rotate(45deg) !important;
        -o-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        right: 6px !important;
        top: 22px !important;
        width: 7px !important;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children>a::after {
        -webkit-transform: rotate(-45deg) !important;
        -moz-transform: rotate(-45deg) !important;
        -ms-transform: rotate(-45deg) !important;
        -o-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        right: 6px !important;
        top: 26px !important;
        width: 7px !important;
    }
    .by_header .desk-menu .menu-container .menu>li:hover a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 6px;
        top: 22px;
    }
    .by_header .desk-menu .menu-container .menu>li:hover a::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 6px;
        top: 26px;
    }
    .by_header .desk-menu .menu-container .menu-head {
        display: block;
    }
    .by_header .desk-menu .menu-container .menu-foot {
        display: block;
    }
    .by_header.small .hamburger-menu {
        top: 31px;
    }
    .by_header.small .hamburger-menu span {
        color: #4e4e4e;
    }
    .by_header.small .hamburger-menu .bar {
        background: #4e4e4e;
    }
    .by_header.small .hamburger-menu .bar::before,
    .by_header.small .hamburger-menu .bar::after {
        background: #4e4e4e;
    }
    .by_header.small .hamburger-menu .bar.animate {
        background: rgba(255, 255, 255, 0);
    }
}

@media (max-width: 767px) {
    .by_header .desk-menu .menu-container .menu li a {
        padding: 8px 12px;
    }
    .by_header .desk-menu .menu-container .menu li.back a {
        padding: 8px 20px 8px 35px !important;
    }
    .by_header .desk-menu .menu-container .menu li.back a::before {
        top: 13px !important;
    }
    .by_header .desk-menu .menu-container .menu li.back a::after {
        top: 17x !important;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children a {
        padding: 8px 25px 8px 12px;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children a::before {
        top: 18px;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children a::after {
        top: 17px;
        right: 6px;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li>a {
        padding: 8px 20px;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children>a::before {
        top: 18px;
    }
    .by_header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children>a::after {
        top: 22px;
    }
}

@media (max-width: 481px) {
    .by_header .desk-menu .logo-adn a {
        width: 100px;
        height: 30px;
    }
    .by_header .hamburger-menu {
        top: 15px !important;
        right: 10px;
        position: fixed;
        z-index: 100000;
        left: auto;
        bottom: auto;
    }
    .by_header .hamburger-menu .bar,
    .by_header .hamburger-menu .bar::after,
    .by_header .hamburger-menu .bar::before {
        width: 30px;
        height: 3px;
    }
    .by_header .hamburger-menu .bar::before {
        bottom: 9px;
    }
    .by_header .hamburger-menu .bar::after {
        top: 9px;
    }
    .by_header.small .desk-menu .logo-adn a {
        width: 100px;
        height: 30px;
    }
}

@media (max-height: 550px) {
    .by_header .desk-menu .menu-container .menu-foot hr,
    .by_header .desk-menu .menu-container .menu-foot address {
        display: none;
    }
}

.by_bars {
    position: absolute;
    right: 15px;
    top: 25px;
    width: 25px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.by_bars span {
    width: 100%;
    height: 3px;
    background: var(--color);
    margin: 2px 0;
    border-radius: 5px;
}

.by_hotels_support {
    position: fixed;
    width: calc(100% - 20px);
    right: 10px;
    left: 10px;
    top: 80px;
    background: var(--color);
    padding: 20px;
    border-radius: 5px;
    z-index: 5;
    color: #fff;
    box-shadow: 0 5px 10px rgb(0 0 0 / 50%);
    text-align: right;
    display: none;
}

.by_support {
    float: right;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 70px;
    top: 20px;
}

.by_lang {
    float: right;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 25px;
    right: 55px;
}

.by_logo {
    float: left;
    text-align: left;
    margin: 0 20px 0 0;
}

.by_logo img {
    width: 100%;
    max-width: 135px;
}

.by_top_header {
    float: right;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.by_location {
    height: 35px;
    width: 35px;
    background: var(--color-grayish);
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    padding: 9px 5px;
    color: #000;
    box-sizing: border-box;
}

.by_location .demo-icon {
    font-size: 18px;
    line-height: 18px;
    display: block;
}

.by_sub_header {
    float: right;
    width: 100%;
    padding: 0;
    display: none;
}

.loc_search {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    float: left;
    margin: 15px 0 0;
    direction: rtl;
    display: none;
}

.by_search_top {
    float: left;
    height: 35px;
    width: 100%;
    background: var(--color-grayish);
    border-radius: 50px;
    margin: 0 0 0 10px;
    position: relative;
    z-index: 9970;
}

address {
    font-style: normal;
    padding: 0 0 1em;
}

.bytech-carousel {
    width: 100%;
    float: right;
}

.by_width {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}


/* REVIEWS */

.by_type_reviews {
    float: right;
    width: 100%;
    padding: 3em 0 0;
}

.all_type_reviews {
    float: left;
    width: 100%;
    padding: 0;
}

.by_type_reviews_top {
    float: left;
    width: 100%;
    padding: 0 0 2em;
}

.by_type_review {
    float: left;
    width: 100%;
    padding: 0 0 10px 0;
}

.by_type_review span {
    float: left;
    width: 100%;
    background: #ff5722;
    height: 5px;
}

.by_type_review_num {
    float: right;
    width: calc(100% - 100px);
    height: 5px;
    margin: 10px 0 10px 0;
    line-height: 5px;
}

.by_type_review_num .num_1,
.by_type_review_num .num_2,
.by_type_review_num .num_3,
.by_type_review_num .num_4,
.by_type_review_num .num_5,
.by_type_review_num .num_6,
.by_type_review_num .num_7,
.by_type_review_num .num_8,
.by_type_review_num .num_9,
.by_type_review_num .num_10 {
    float: left;
    width: calc(100% - 20px);
    background: #d4d4d4;
    margin: 0;
}

.l_num {
    float: right;
}

.by_type_review_num .num_1 span {
    width: 10%;
}

.by_type_review_num .num_2 span {
    width: 20%;
}

.by_type_review_num .num_3 span {
    width: 30%;
}

.by_type_review_num .num_4 span {
    width: 40%;
}

.by_type_review_num .num_5 span {
    width: 50%;
}

.by_type_review_num .num_6 span {
    width: 60%;
}

.by_type_review_num .num_7 span {
    width: 70%;
}

.by_type_review_num .num_8 span {
    width: 80%;
}

.by_type_review_num .num_9 span {
    width: 90%;
}

.by_type_review_num .num_10 span {
    width: 100%;
}

.by_review2 {
    float: right;
    width: 100%;
    padding: 2em 0 0;
}

.by_review2 h4 {
    font-size: 1.5em;
}

.by_reviews {
    float: right;
    width: 100%;
    padding: 2em 0 0;
}

.by_review .icon-user {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid;
    text-align: center;
    font-size: 1.5em;
    color: var(--color-orange);
    display: flex;
    align-items: center;
    justify-content: center;
}

.by_review {
    position: relative;
    float: right;
    width: 100%;
    padding: 0 40px 2em 60px;
    border-bottom: 1px solid var(--color-gray3);
    margin: 0 0 2em;
}

.by_review h4 {
    font-size: 1.5em;
}

.by_review_button {
    float: right;
    width: 100%;
    text-align: right;
    font-size: 1.2em;
}

.by_review_button .icon-left-open-big {
    font-size: 1.2em;
}

.by_review_button a {
    color: var(--color-orange);
    font-family: var(--font);
    font-weight: 900;
    text-decoration: none;
}

.lg-outer {
    direction: ltr;
}

.by_review_date {
    position: relative;
    padding: 0 0 10px;
}

.by_review_date::after {
    content: '';
}

.by_review_star {
    font-size: 1.4em;
    padding: 0.5em 0;
    color: var(--color-orange);
    line-height: 1.4em;
}

.by_review_star a {
    font-size: 1em;
    color: var(--color);
}


/* END REVIEWS */

.hotels_carousel .item {}

.hc_item {
    float: right;
    width: calc(100% - 14px);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    margin: 7px 7px;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}

.by-carousel-center .hc_item {
    text-align: center;
}

.by-carousel-center .hc_item .hc_img img {
    object-fit: contain;
}

.by_hotel_deal .hc_item {
    width: calc(100% - 20px);
    margin: 10px;
}

.hc_img {
    width: 100%;
    position: relative;
    float: right;
}

.hc_img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.hc_info {
    width: 100%;
    float: right;
    padding: 2em;
}

.hc_info h3 {
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.hc_info p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hc_reviews_top {
    width: auto !important;
    float: left !important;
    padding: 0.5em !important;
    text-align: center;
    border-radius: 5px;
    font-size: 0.8em;
    /* position: absolute; */
    right: 0;
    top: 0;
    font-size: 0.8em;
}

.hc_reviews {
    width: 100%;
    float: right;
    padding: 0.5em 0;
}

.hc_reviews_top span {
    background: var(--color-yellow);
    border-radius: 5px;
    padding: 2px 5px;
    color: var(--color-wheat);
    font-size: 2em;
    width: 100%;
    float: right;
}

.hc_reviews span {
    background: var(--color-yellow);
    border-radius: 5px;
    padding: 0px 5px;
    color: var(--color-wheat);
}


/* .hc_price {
    width: 100%;
    float: right;
    text-align: left;
    color: var(--price);
    direction: ltr;
    font-size: 2em;
    font-family: var(--font);
    font-weight: 900;
} */

.hc_price {
    width: 100%;
    float: right;
    text-align: left;
    color: var(--price);
    direction: ltr;
    font-size: 2em;
    font-family: var(--font);
    font-weight: 900;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.by_group_deals {
    width: 100%;
    float: right;
}

.by_group_deals h2 {
    padding: 1em 0 0;
}

.by_group_deals .by_info {
    width: 100%;
    float: right;
}

.by_group_deals .hc_price {
    width: 100%;
    float: right;
    text-align: left;
    color: var(--price);
    direction: ltr;
    font-size: 3em;
    font-family: var(--font);
    font-weight: 900;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.by_group_deals select,
.by_group_deals .by_date {
    background: #fff;
    border-radius: 0;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0;
    width: 100%;
    font-size: 1.2em;
}

.hc_price s {
    color: var(--old-price);
    font-size: 0.5em;
    font-family: var(--font);
    font-weight: 400;
}

.hc_location {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    color: var(--color-wheat);
    font-size: 1.2em;
    text-shadow: 0 0 6px rgba(0, 0, 0, 1);
}

.hc_click {
    width: 100%;
    text-align: center;
    padding: 2em 0 0;
}

.hc_click a {
    color: var(--color-orange);
    border: 1px solid var(--color-orange);
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-family: var(--font);
    font-weight: 900;
}

.by_box_deal {
    width: 100%;
    float: right;
    padding: 0;
}

.by_box_deal .byb {
    padding: 10px 0 0;
}

.byb {
    width: 100%;
    text-align: left;
    color: var(--color-orange);
    font-family: var(--font);
    font-weight: 900;
    font-size: 1.15em;
    padding: 2em 0 0;
}

.by_more {
    float: left;
    width: 170px;
    text-align: center;
    background: var(--color-orange);
    padding: 1em;
    margin: 1em 0 0;
    border-radius: 3px;
    color: var(--color-wheat);
    font-size: 1.4em;
}

.by_dates {
    width: 100%;
    float: right;
    font-size: 1.2em;
    color: var(--color);
    margin: 1rem 0 0;
}

.by_room_name {
    width: 100%;
    float: right;
    font-size: 1.2em;
    color: var(--color);
}

.by_rooms {
    float: right;
    width: 100%;
}

.by_room {
    float: right;
    width: 100%;
    padding: 0 0 5em;
}

.by_room .room_image {
    float: left;
    width: 100%;
    border-radius: 5px;
    padding: 0 0 2em;
}

.by_rooms .room_text {
    float: right;
    width: 100%;
}

.by_rooms .room_text h3 {
    font-size: 2em;
    line-height: 1;
    margin: 0;
    padding: 0 0 0.5em;
}

.by_room .room_image img {
    width: 100%;
    border-radius: 5px;
}

.bytech-prev,
.bytech-next {
    font-size: 25px !important;
    line-height: 25px !important;
    background: rgba(255, 255, 255, 0.8) !important;
    height: 45px;
    width: 35px;
    border-radius: 3px !important;
    margin: -25px 5px 0 0 !important;
    /* box-shadow: 0 0 10px rgb(0 0 0 / 20%); */
    padding: 0 !important;
    font-size: 3em !important;
    border: 1px solid !important;
}

.bytech-prev:focus,
.bytech-next:focus {
    outline: none;
    border: none;
}

.bytech-prev {}

.bytech-next {}

.bytech-nav {
    position: absolute;
    left: 0;
    top: -30px;
    width: 85px;
}


/* by_highlights */

.by_highlights {
    float: right;
    width: 100%;
    display: none !important;
    padding: 1rem 0 0;
}

.by_highlights h3 {
    float: right;
    width: 100%;
    padding: 2em 0 1em;
    font-size: 1.5em;
}

.by_highlights ul {
    float: right;
    width: 100%;
    padding: 0 0 2em;
    margin: 0;
    list-style-type: none;
}

.by_highlights ul li {
    float: right;
    width: 100%;
    position: relative;
    padding: 0 0 5px 30px;
    font-size: 1.2em;
}

.by_highlights ul li svg {
    fill: var(--color-blue);
    position: absolute;
    left: 0;
    top: 0;
}


/* end by_highlights */


/* by_breadcrumb */

.by_breadcrumb {
    float: left;
    padding: 1rem 0 3em;
    width: 100%;
    font-size: 1.15em;
}

.by_breadcrumb .icon-angle-double-left {
    font-size: 1.15em;
}

.by_breadcrumb_left {
    float: left;
    color: var(--color);
}

.by_breadcrumb a {
    color: var(--color);
    font-family: var(--font);
    font-weight: 600;
    font-size: 1em;
    padding: 0 5px 0 0;
}


/* end by_breadcrumb */


/* #sidebar, */

#by_sidebar_left {
    float: left;
    width: 20%;
    display: none;
}

#by_sidebar_right h2,
#by_sidebar_right h4,
#by_sidebar_left h2,
#by_sidebar_left h4,
#sidebar h2,
#sidebar h4 {
    font-size: 2.5em;
    line-height: 1.5;
    padding: 0 0 0.5em;
}

#by_sidebar_left ul,
#sidebar ul {
    list-style-type: none;
    padding: 0 0 2em;
    margin: 0;
}

#by_sidebar_left ul li,
#sidebar ul li {
    font-size: 1.3em;
    line-height: 1.5;
    margin: 0;
}

#by_sidebar_left ul li a,
#sidebar ul li a {
    color: var(--color);
    text-decoration: none;
}

#by_sidebar_left ul li a:hover,
#sidebar ul li a:hover {
    text-decoration: underline;
}

#by_sidebar_right {
    float: right;
    width: 100%;
}

#by_sidebar_right a {
    color: var(--color);
}

#by_content_area {
    float: left;
    width: 100%;
    padding: 0;
}

#by_sidebar {
    float: left;
    width: 100%;
    padding: 0 0 2rem;
}

.by_content p {
    padding: 0 0 1rem;
}

#by_content {
    padding: 0 0 1em 0;
    width: 100%;
    float: left;
    /* position: relative;
    z-index: -1; */
}

#by_content h1 {
    font-size: 2rem;
    line-height: 1;
    /* margin: 0 0 1rem; */
    margin: 0;
}

#by_content h2 {
    /* font-size: 2.2rem; */
    font-size: 1.5rem;
    margin: 0rem 0 1rem;
    line-height: 1;
}

.byn-carousel {
    float: right;
    width: 100%;
    margin: 2rem 0;
}


/* AREA PAGE */

.by_all_hotels_in_area {
    float: right;
    width: 100%;
    padding: 3em 0;
    font-size: 1.2em;
}

.by_all_hotels_in_area h2 {
    padding: 0 0 1em;
    border: none;
    font-size: 2em;
    color: var(--color);
}

.by_all_hotels_in_area table {
    width: 100%;
    padding: 0 0 3em;
    margin: 0;
    border: none;
}

.by_all_hotels_in_area table td {
    border-bottom: 1px solid var(--color-grayish) !important;
    border: none;
    /* border-left: 1px solid var(--color-grayish); */
    padding: 1em;
    width: 25%;
}

.by_all_hotels_in_area table tr:nth-child(1) td {
    padding: 1em;
}


/* FOOTER */

footer#by_footer {
    background: var(--color);
    width: 100%;
    /* float: right; */
    display: inline-block;
    padding: 0 20px;
}

footer#by_footer .top_line {
    width: 100%;
    float: right;
    border-bottom: 1px solid #403f3f;
    padding: 2em 25px;
}

footer#by_footer .share_icons {
    float: left;
    width: 100%;
}

footer#by_footer .members_club {
    float: left;
    width: 100%;
}

footer#by_footer #members {
    float: right;
    width: 100%;
    background: var(--color-orange);
    padding: 3px;
}

footer#by_footer .members_club .email_line {
    float: right;
    width: 100%;
    padding: 0;
}

footer#by_footer .menu_footer {
    float: left;
    width: 100%;
    padding: 2em 25px;
}

footer#by_footer .menu_footer h2 {
    padding: 0 0 1em;
    margin: 0;
    color: var(--color-gray);
    font-size: 1.9em;
    border: none;
    font-family: var(--font);
    font-weight: 400;
    background: none;
}

footer#by_footer .menu_footer ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

footer#by_footer .menu_footer ul li {
    float: left;
    width: 50%;
    font-size: 1.2em;
    line-height: 1;
    margin: 0;
}

footer#by_footer .menu_footer ul li a {
    float: left;
    width: 100%;
    color: var(--color-gray);
    text-decoration: none;
    padding: 0.2em 0;
}

footer#by_footer a {
    color: var(--color-gray);
}

footer#by_footer .share_icons {
    float: right;
    width: 100%;
}

footer#by_footer .share_icons a {
    color: var(--color-wheat);
    padding: 11px;
    float: left;
    font-size: 2em;
}

footer#by_footer .members_club p {
    float: right;
    color: var(--color-wheat);
    text-align: center;
    padding: 0px 20px;
    width: 100%;
    font-size: 1.5em;
}


/* END FOOTER */

.by_hotel_deal.item {
    width: 100%;
    float: right;
}

.bby_header .icon-support {
    color: var(--color);
    margin: 0 0 0 10px;
    font-size: 25px;
    float: right;
    position: absolute;
    right: 100px;
    top: 22px;
}

#waitDiv {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    display: none;
    padding: 0 20px;
    box-sizing: border-box;
}

.waitDivIn {
    background: url(images/loader_inbox.jpg) no-repeat scroll center center;
    border-radius: 20px;
    box-shadow: 0 0 10px #000;
    color: #002c5c;
    direction: rtl;
    font-weight: bold;
    /* height: 280px; */
    margin: 90px auto;
    overflow: hidden;
    padding: 25px;
    box-sizing: border-box;
    text-align: center;
    max-width: 530px;
}

.waitDivIn strong {
    font-size: 20px;
}

.waitDivIn .loader_inbox_img {
    padding: 15px 0 0;
    width: auto;
}

.please_wait {
    float: right;
    font-size: 18px;
    padding: 0px 0 0;
    text-align: center;
    width: 100%;
}

.waitDivIn ul {
    padding: 0;
    margin: 0;
    width: 100%;
    float: right;
}

.waitDivIn li {
    float: right;
    line-height: 20px;
    text-align: center;
    width: 100%;
    list-style-type: none;
}

.waitDivIn ul li.first {
    font-size: 18px;
    padding: 15px 0;
}

#loading {
    z-index: 9999;
    width: 650px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 20%;
    margin-top: -50px;
    margin-left: -325px;
    text-align: center;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    direction: rtl;
    color: #3E98C7;
    border: 1px solid #51ABD9;
    padding: 10px 0 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 3px 3px 3px #bbe0f3;
    -webkit-box-shadow: 3px 3px 3px #bbe0f3;
    box-shadow: 3px 3px 3px #bbe0f3;
    background: #fff url('images/loader.gif') no-repeat center 62px;
    display: none;
}

#loading img {
    position: absolute;
    top: 62px;
    left: 215px;
}

#loading h1 {
    margin: 50px 0 20px;
    font-size: 1.5em;
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #338ae0;
    margin: -3px 0 0 -3px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 50px;
    left: 50px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#loading p {
    color: #0079b7;
    text-align: center;
}

.BannerType3 img {
    height: auto !important;
}

.BannerType1 img,
.BannerType2 img {
    height: 180px !important;
}

#area .item,
#home .item {
    width: 100%;
    float: right;
}

.selectize-dropdown::-webkit-scrollbar {
    width: 5px;
}

.selectize-dropdown::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.selectize-dropdown::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

#hotels_chain {
    width: 100%;
    float: left;
}

#hotels_chain li {
    color: var(--color);
    float: right;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 5%;
    padding: 0 0 0;
    text-align: center;
    width: 50%;
    list-style-type: none;
}

#hotels_chain li a {
    font-weight: normal;
    padding: 58px 0 0;
    float: right;
    text-align: center;
    width: 100%;
    font-size: 0.9rem;
}

#hotels_chain .fattal {
    background: url("/images/logos.png") no-repeat scroll center -142px transparent;
}

#hotels_chain .isrotel {
    background: url("/images/logos.png") no-repeat scroll center -228px transparent;
    width: 100%;
}

#hotels_chain .orchid {
    background: url("/images/logos.png") no-repeat scroll center -68px transparent;
}

#hotels_chain .astral {
    background: url("/images/logos.png") no-repeat scroll center 10px transparent;
}

#hotels_chain .chotels {
    background: url("/images/logos.png") no-repeat scroll center -297px transparent;
}

#hotels_chain .holitel {
    background: url("/images/logos.png") no-repeat scroll center -517px transparent;
}

#hotels_chain .arcadia {
    background: url("/images/logos.png") no-repeat scroll center -375px transparent;
}

#hotels_chain .tamares {
    background: url("/images/logos.png") no-repeat scroll center -597px transparent;
}

#hotels_chain .olive {
    background: url("/images/logos.png") no-repeat scroll center -448px transparent;
}

#hotels_chain .inofash {
    background: url("/images/logos.png") no-repeat scroll center -670px transparent;
}

#hotels_chain .rimonim {
    background: url("/images/logos.png") no-repeat scroll center -757px transparent;
}

#hotels_chain .prima {
    background: url("/images/logos.png") no-repeat scroll center -828px transparent;
}

#hotels_chain .atlas {
    background: url("/images/logos.png") no-repeat scroll center -905px transparent;
}

#hotels_chain .caesar {
    background: url("/images/logos.png") no-repeat scroll center -995px transparent;
}

#hotels_chain .zivootel {
    background: url("/images/logos.png") no-repeat scroll center -1069px transparent;
}

#hotels_chain .dan {
    background: url("/images/logos.png") no-repeat scroll center -1160px transparent;
}

#hotels_chain .crowne-plaza {
    background: url("/images/logos.png") no-repeat scroll center -1243px transparent;
}

#hotels_chain .behotels {
    background: url("/images/logos.png") no-repeat scroll center -1335px transparent;
}

#hotels_chain .travelhotels {
    background: url("/images/logos.png") no-repeat scroll center -1450px transparent;
}

#hotels_chain .goldencrown {
    background: url("/images/logos.png") no-repeat scroll center -1527px transparent;
}

#hotels_chain .havayaa {
    background: url("/images/logos.png") no-repeat scroll center -1595px transparent;
}

#hotels_chain .smarthotels {
    background: url("/images/logos.png") no-repeat scroll center -1675px transparent;
}

#hotels_chain .grandhotels {
    background: url("/images/logos.png") no-repeat scroll center -1744px transparent;
}

#hotels_chain .ibis {
    background: url("/images/logos.png") no-repeat scroll center -1828px transparent;
}

#hotels_chain .israelcanada {
    background: url(/images/logos.png) no-repeat scroll center -1900px transparent;
}

#hotels_chain .rich {
    background: url(/images/logos.png) no-repeat scroll center -1990px transparent;
}

#hotels_chain .brownhotels {
    background: url(/images/logos.png) no-repeat scroll center -2072px transparent;
}

#hotels_chain .jacobhotels {
    background: url(/images/logos.png) no-repeat scroll center -2166px transparent;
}

#hotels_chain .leshemhotels {
    background: url(/images/logos.png) no-repeat scroll center -2255px transparent;
}

.by_areas {
    float: right;
    width: 100%;
    padding: 5rem 0;
}

.by_areas h2 {
    margin: 0 0 3rem;
}

.by_area {
    float: right;
    width: 100%;
    margin: 0 0 2rem;
}

.by_area .img_area {
    float: right;
    width: 100px;
    background: #ececec;
    height: 80px;
    border-radius: 10px;
    margin: 0 0 0 10px;
    overflow: hidden;
}

.by_area .img_area img {
    width: 100%;
    height: 80px;
    object-fit: cover;
}

.by_banner_box {
    float: right;
    width: 100%;
    padding: 5rem 0 2rem;
    font-size: 2em;
}

.by_banner {
    background: var(--color-gray);
    color: var(--color-wheat);
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
}

.by_banner_1 {
    width: 100%;
    margin: 0 0 2rem;
    float: right;
    font-size: 2rem;
}

.by_banner_2 {
    width: 100%;
    margin: 0 0 1rem;
}

.by_banner_3 {
    width: 100%;
    margin: 0 0 1rem;
}

.by_lists {
    list-style-type: square;
    padding: 0 0 2rem 0;
}

.by_lists li {
    margin: 0 20px 0 0;
    padding: 0;
    font-size: 1rem;
}

.by_lists_bottom {
    float: right;
    width: 33.33%;
    padding: 5em 0;
}

.by_lists_bottom h2 {
    font-size: 2em;
    line-height: 1;
    padding: 0 0 0.5em;
}

.by_lists_bottom ul {
    float: right;
    width: 100%;
    list-style-type: none;
}

.by_lists_bottom ul li {}

.by_lists_bottom ul li a {}

.by_lists_bottom ul li a:hover {}

.hotels_en {
    text-align: left;
    direction: ltr;
}

#lightgallery_dynamic {
    background: rgba(255, 255, 255, .7);
    padding: 20px 0px;
    position: absolute!important;
    bottom: 0;
    right: 0;
    /* top: 0; */
    border-radius: 0!important;
    border: none!important;
    text-decoration: none;
    color: #16406b;
    font-size: 20px;
    cursor: pointer;
    width: 50%;
    max-width: 100%;
    text-align: center;
    opacity: 0;
    animation: fadeIn 2s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.gallery_image_hotel {
    float: left;
    width: 100%;
}

.gallery_image {
    float: left;
    width: 100%;
    position: relative;
}

.by_image {
    float: left;
    width: 50%;
    position: relative;
}

.by_image img {
    width: 100%;
    object-fit: cover;
}

.by_image:nth-child(1) {
    width: 100%;
    height: 250px;
}

.by_image:nth-child(1) img {
    height: 250px;
    object-fit: cover;
}

.by_image:nth-child(2),
.by_image:nth-child(3) {
    width: 25%;
    height: 70px;
}

.by_image:nth-child(2) img,
.by_image:nth-child(3) img {
    height: 70px;
    object-fit: cover;
}

.by_image:nth-child(4) img {
    height: 70px;
    object-fit: cover;
    width: 100%;
}

.play-btn {
    width: 75px;
    height: 75px;
    background: radial-gradient(var(--color-blue) 50%, rgba(36, 135, 206, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: calc(50% - 35px);
    top: calc(50% - 35px);
    overflow: hidden;
}

.play-btn::before {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(36, 135, 206, .7);
    top: -18px;
    left: -18px;
    background: transparent;
}

.play-btn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid var(--color-wheat);
    z-index: 100;
    transition: all 400ms cubic-bezier(.55, .055, .675, .19);
}

.hotels_carousel {
    width: 100%;
    float: right;
}

.by_container h2 {
    font-size: 2.5rem;
    margin: 0;
}

.by_corona {
    margin: 1rem 0;
    padding: 1rem;
    background: var(--color-gray3);
    border: 1px solid var(--color-gray2);
    width: 100%;
    display: inline-block;
    font-size: 1.2rem;
    border-radius: 5px;
}

.by_corona img {
    width: 80px;
    float: right;
    padding: 0 0 0 20px;
}

#terms_conditions_content {
    background: var(--color-wheat);
    padding: 5rem;
    text-align: right;
    max-width: 600px;
    width: calc(100% - 40px);
    margin: 0px 20px;
    font-size: 1.2rem;
}

#terms_conditions_content h2 {
    font-size: 2rem;
}

.provider_txt {
    position: absolute;
    right: 15px;
    top: 40px;
    background: var(--color-yellow);
    color: var(--color-wheat);
    padding: 3px 10px;
    border-radius: 5px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: var(--color-wheat);
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 5px);
    background-position-y: center;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    margin-right: 0;
    padding: 0.5rem;
    padding-right: 2rem;
    width: 100%;
    margin: 5px 0;
}

.loc_search select {
    background: none;
    background-image: none;
    border: none;
    border-radius: 0;
    margin-left: 0;
    padding: 8px 15px;
    margin: 0;
    direction: ltr;
}

.event_box select {
    margin: 0 !important;
}

.bytech-prev.disabled,
.bytech-next.disabled {
    color: var(--color-gray) !important;
    cursor: pointer;
    user-select: none !important;
}

.bytech-prev.disabled:hover,
.bytech-next.disabled:hover,
.bytech-prev.disabled:active,
.bytech-next.disabled:active {
    color: var(--color-gray) !important;
    cursor: no-drop !important;
}

.by_all_servicess {
    width: 100%;
    float: right;
    padding: 3em 0;
}

.by_all_servicess ul {
    list-style-type: none;
}

.by_all_servicess ul li {
    float: right;
    width: calc(33.33% - 10px);
    padding: 10px;
    text-align: center;
    background: var(--color-gray3);
    margin: 5px;
    height: 76px;
    line-height: 1;
}

.by_all_servicess ul li .material-icons {
    width: 100%;
    font-size: 2rem;
}

.by_all_servicess h3 {
    width: 100%;
    float: right;
    margin: 0;
    padding: 30px 5px;
    font-size: 2rem;
}

.by_compo_close {
    position: fixed;
    top: 1rem;
    z-index: 999;
    right: 1rem;
    font-size: 2.5em;
    height: 1.5em;
    display: none;
    width: 1.5em;
    border: 2px solid;
    border-radius: 50%;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
}

.by_compo_fixed_bottom {
    right: 0;
    left: 0;
    bottom: 0;
    padding: 1em;
    z-index: 998;
    background: var(--color-wheat);
    position: fixed;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.by_compo_fixed_bottom2 .by_show_compo {
    width: auto;
    float: right;
    padding: 10px 50px;
    border-radius: 30px;
    color: var(--color-wheat);
    background: var(--color-orange);
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
}


/* .advanced_search {
    float: left;
    height: auto;
    margin: 0;
    padding: 60px 25px 25px;
    width: 100%;
    position: relative;
    border-radius: 0;
    background: var(--color-wheat)!important;
    position: fixed;
    bottom: 0;
    right: 0;
    height: 100%;
    z-index: 999;
    display: none;
} */

.advanced_search .material-icons {
    display: none;
}

.message_credit2000,
.by_highlights {
    display: none;
}

.by_sub_header.by_sub_header_hide {
    position: static;
    z-index: 2;
}

.bybutton {
    float: left;
    background: var(--color-orange);
    color: var(--color-wheat);
    padding: 10px 0;
    width: 150px;
    text-align: center;
    font-size: 1rem;
    margin: 1rem 0 0;
    border-radius: 5px;
    font-weight: bold;
}

.by_top_container {
    width: 100%;
    float: right;
    padding: 3rem 0 0;
}

.by_top_container h1 {
    font-size: 2rem;
    line-height: 1;
    margin: 0 0 1rem;
}

.content_h {
    float: right;
    width: 100%;
}

.pax {
    width: 100%;
    float: right;
}

.pax select {
    width: calc(100% - 5px);
    margin: 5px 5px 0 0;
    float: right;
    padding: 5px 30px 5px 5px;
    border: 1px solid var(--color-gray2);
    border-radius: 3px;
    direction: ltr;
    text-align: right;
    font-size: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 5px);
    background-position-y: center;
    font-family: var(--font)!important;
    font-weight: 700;
    height: 50px;
}

.pax_in {
    width: 33.33%;
    float: left;
    font-size: 15px;
    position: relative;
}

.pax_in span {
    font-size: 11px;
    width: 100%;
    float: left;
}

.pax_in label {
    width: 30px;
    float: left;
    top: 18px;
    left: 10px;
    position: absolute;
    line-height: 14px;
}

.by_search {
    width: calc(100% - 5px);
    font-size: 23px;
    background: var(--color-orange);
    border: none;
    border-radius: 5px;
    padding: 10px 0;
    color: var(--color-gray3);
    margin: 5px 0 0;
    font-weight: 800;
    font-family: var(--font);
}

#search_hotels .t-check-in {
    float: left;
    box-shadow: none !important;
}

#search_hotels .t-check-out {
    float: right;
    box-shadow: none !important;
    width: calc(50% - 0px) !important;
}

#search_hotels .t-datepicker {
    width: calc(100% - 5px);
    float: left;
}

.by_hotel_description {
    float: left;
    width: 100%;
    padding: 0 0 2rem;
}

#search_hotels .t-year-check-out,
#search_hotels .t-year-check-in,
#search_hotels .t-day-check-in,
#search_hotels .t-day-check-out {
    float: left;
}

#search_hotels .t-month-check-in,
#search_hotels .t-month-check-out {
    padding: 0 5px 0 0;
    float: left;
}

#search_hotels .t-day-check-in,
#search_hotels .t-day-check-out {
    font-family: 'Heebo';
    font-weight: bold;
}

.sidebar__inner.is-affixed .by_show_box_compo {
    display: none;
}

.advanced_search.advanced_search_fixed {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.95);
    height: 100%;
    width: 100%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advanced_search.advanced_search_fixed .t-datepicker {
    max-width: 100%;
}

.by_compo_fixed_bottom2 {
    right: 0;
    left: 0;
    bottom: 0;
    padding: 1em;
    z-index: 998;
    background: var(--color-wheat);
    position: fixed;
    box-shadow: 0 0 3px rgb(0 0 0 / 20%);
    display: none;
}

.by_compo_fixed_bottom2.showw {
    display: block;
}

.hotel_compo_title {
    display: none;
    font-size: 1rem;
    padding: 0 0 1rem;
}

.is-affixed .hotel_compo_title {
    display: block;
}

.by_note_composition {
    display: none;
    width: 100%;
    padding: 2rem 0 0;
    float: right;
    font-size: 1rem;
    text-align: center;
}

.advanced_search.advanced_search_fixed .by_note_composition,
.advanced_search.advanced_search_fixed .by_online {
    display: block;
}

.advanced_search.advanced_search_fixed .hotel_compo_title {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    padding: 0 0 2rem;
}

.advanced_search.advanced_search_fixed .hotel_compo_title {
    display: block !important;
}

.by_top_title {
    float: left;
    width: 100%;
    position: relative;
}

.by_open_nav_description {
    float: right;
    width: 100%;
}

.by_open_nav_description p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tp_more_info,
.tp_hide_info {
    float: left;
    width: 100%;
    text-decoration: underline;
    padding: 0;
    margin: 0px 0 1rem;
    color: var(--color-blue);
    font-size: 1rem;
}

.tp_hide_info {
    display: none;
}

.by_facilities {
    width: 100%;
    float: left;
    padding: 3em 0;
}

.by_facilities ul {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    padding: 2em 0 0;
}

.by_facilities ul li {
    width: calc(50% - 10px);
    float: left;
    text-align: center;
    padding: 15px;
    background: var(--color-gray3);
    margin: 5px;
    border-radius: 5px;
    line-height: 1.2;
    font-size: 1.3em;
    list-style-type: none;
}

.by_facilities .demo-icon {
    width: 100%;
    float: left;
    font-size: 2em;
    padding: 0 0 10px;
}

.category .by_container {
    /* padding: 5rem 0 0; */
}

.by_posts {
    width: 100%;
    float: left;
    padding: 0 0 4em;
    border-bottom: 1px solid #f5f5f5;
    margin: 0 0 4em;
}

.by_posts_box {
    width: 100%;
    float: left;
}

.by_posts h2 {
    font-size: 4em;
    margin: 0 0 0.5em;
}

.by_post_link {
    padding: 15px 20px;
    float: right;
    background: var(--color);
    color: var(--color-wheat);
    font-size: 1.5em;
    text-decoration: none;
    margin: 2em 0 0;
    border-radius: 5px;
}

.by_post {
    width: calc(100% - 0px);
    float: left;
    margin: 0 0 10px;
}

.by_post_img {
    width: 100%;
    float: left;
    height: 220px;
    background: #ccc;
    margin: 0 0 1em;
}

.by_post_img img {
    width: 100%;
    float: left;
    height: 220px;
    object-fit: cover;
}

.by_post_text {
    width: 100%;
    float: left;
}

.by_post_text h3 {
    font-size: 2em;
    margin: 0 0 0.5em;
}

.by_post_text p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
}

.single h1 {
    font-size: 4rem;
    margin: 0 0 1rem;
}

.by_posts.by_posts_1 .more_posts_title {
    border-top: 1px solid #ededed;
    margin: 1em 0 0;
    padding: 1em 0;
    float: left;
    width: 100%;
    font-size: 3.2em;
}

.by_posts.by_posts_1 .by_post {
    width: 100%;
    margin: 0 0 3rem;
    padding: 0 0 3rem;
    border-bottom: 1px solid #f5f5f5;
}

.bytech {
    float: left;
    width: 100%;
    padding: 20px 0 30px;
    border-top: 1px solid #282828;
}

#by_sidebar_right #booking .checkdates {
    width: 100%;
    margin: 0 0 5px;
}

#by_sidebar_right #booking .destination {
    width: 100%;
}

#by_sidebar_right #booking #run {
    width: 100%;
    margin: 5px 0 0;
}

#by_sidebar_right #booking .out_composition {
    width: 100%;
}

#by_sidebar_right .search_hotel {
    margin: 0 0 20px;
}

#by_sidebar_right .checkout .t-check-out {
    float: right;
    width: 100%;
}

.is-search-form.is-form-style {
    width: 100%;
    float: left;
    margin: 0 0 2em;
}

.travel_guide {
    width: 100%;
    float: left;
    font-size: 2.2em;
    font-weight: bold;
    padding: 1em;
    background: #e8f3ff;
    text-align: center;
    line-height: 1;
    margin: 0 0 1em;
    border: 1px solid #ccc;
    position: relative;
    border-radius: 5px;
}

.travel_guide span {
    width: 100%;
    float: left;
    font-size: 0.8em;
    font-weight: normal;
}

.travel_guide:hover {
    background: #e8f3ff;
    border: 1px solid #ccc;
}

.travel_guide .icon-right-open-big {
    position: absolute;
    right: 8px;
    height: 100%;
    top: 0;
    display: flex;
    align-content: center;
    align-items: center;
}

@media (max-width: 480px) {
    .t-check-out .t-datepicker-day {
        left: auto !important;
        right: 0 !important;
    }
    .t-arrow-top {
        display: none !important;
    }
}

@media(min-width: 910px) {
    .by_bars_left {
        display: none;
    }
    .loc_search {
        display: flex;
        max-width: 305px;
    }
    .bby_header {
        position: static;
    }
    .by_logo img {
        max-width: 160px;
    }
    .category_video iframe {
        height: 300px;
        object-fit: cover;
    }
    .by_posts.by_posts_1 .by_post_img {
        width: 40%;
        margin: 0;
    }
    .by_posts.by_posts_1 .by_post_text {
        width: 60%;
        padding: 0 0 0 25px;
    }
    .by_posts_box_img::before {
        left: calc(33.33% - 20px);
        width: 20px;
    }
    .by_posts_box_img::after {
        width: 20px;
    }
    .by_posts_box_img img {
        height: 300px;
    }
    .by_facilities ul li {
        width: calc(33.33% - 10px);
        padding: 30px;
    }
    .hc_reviews_top {
        position: absolute;
    }
    .content_h {
        width: 70%;
    }
    .by_gs_info {
        width: 40%;
        padding: 0 0 0 2rem;
    }
    .mct_whatsapp_btn,
    .mct_telegram_btn {
        display: none;
    }
    .by_gs_totle_big {
        width: 38%;
        padding: 0;
    }
    .by_gs_AdultChild {
        width: 50%;
    }
    .by_gs_highlights {
        width: 40%;
        padding: 3rem;
    }
    .by_gs_reserve {
        width: 60%;
    }
    .by_gs_hotel_img {
        width: 60%;
    }
    .by_form {
        height: 350px;
    }
    .by_israel_hotels {
        display: block;
    }
    .lpae_textdeal {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .count_promotions_1 .lpae_button a {
        width: auto;
        float: left;
        padding: 10px 25px;
    }
    .count_promotions_1 .lpae_title,
    .count_promotions_1 .lpae_text {
        text-align: right;
    }
    .count_promotions_1 .lpae_cont {
        float: left;
        width: 50% !important;
        padding: 30px;
    }
    .count_promotions_1 .lpae_image {
        width: 50% !important;
        float: right;
        position: absolute;
        top: 0;
        right: 0;
        object-fit: cover;
        height: auto !important;
    }
    .lpae_box {
        width: calc(50% - 20px);
        float: right;
        margin: 0 10px 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    #lightgallery_dynamic {
        top: auto;
        max-width: 200px;
    }
    .by_image:nth-child(2),
    .by_image:nth-child(3) {
        height: 250px;
    }
    .hc_info h3 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1;
    }
    .booking_res,
    .message_credit2000,
    .by_highlights {
        display: block;
    }
    .advanced_search {
        height: auto;
        margin: 0 0 10px;
        padding: 0;
        height: auto;
        position: relative;
        border-radius: 5px;
        /* border: 2px solid var(--color-orange); */
        display: block;
    }
    #by_content h1 {
        font-size: 3rem;
    }
    .by_compo_fixed_bottom,
    .by_compo_close {
        display: none;
    }
    #by_content h2 {
        font-size: 2rem;
    }
    .by_header.small {
        position: fixed;
        top: 0;
    }
    .by_review {
        position: relative;
        float: left;
        width: 100%;
        padding: 0 40px 2em 0;
        min-height: 165px;
        border-bottom: none;
        margin: 0;
    }
    .by_all_servicess ul li {
        width: calc(33.33% - 10px);
        padding: 25px;
        height: auto;
    }
    .by_all_servicess ul li .material-icons {
        font-size: 2rem;
    }
    .by_room .room_image {
        width: 40%;
    }
    .by_rooms .room_text {
        float: right;
        width: 60%;
    }
    .by_room .room_image {
        padding: 0 2em 0 0;
    }
    .by_corona {
        width: auto;
    }
    #by_sidebar {
        width: 30%;
    }
    .hc_item.hc_item_1 .hc_img img {
        height: 250px !important;
    }
    .play-btn {
        width: 94px;
        height: 94px;
        left: calc(50% - 47px);
        top: calc(50% - 47px);
    }
    .by_image:nth-child(1) {
        width: 50%;
        height: 500px;
    }
    .by_image:nth-child(1) img {
        height: 500px;
    }
    .by_image:nth-child(2) img,
    .by_image:nth-child(3) img {
        height: 250px;
    }
    .by_image:nth-child(4) img {
        height: 250px;
    }
    .by_banner_2 {
        width: calc(50% - 1rem);
        margin: 0 0 2rem 1rem;
    }
    .by_banner_2:nth-child(2n+0) {
        margin: 0 1rem 2rem 0rem;
    }
    .by_banner_3 {
        width: calc(33.33% - 2rem);
        margin: 0 0 2rem 2rem;
    }
    .by_banner_3:nth-child(3n+0) {
        width: calc(33.33% - 0px);
        margin: 0 0 2rem 0;
    }
    .by_area {
        width: 33.33%;
    }
    #area .item {
        width: 50%;
    }
    #by_sidebar_left,
    #sidebar {
        width: 20%;
        display: block;
    }
    #by_sidebar_right {
        width: 20%;
    }
    #by_sidebar_right ul {
        list-style-type: none;
    }
    #by_sidebar_right ul li {
        font-size: 1.3em;
        line-height: 1.5;
    }
    #by_sidebar_right ul li a {
        color: var(--color);
        text-decoration: none;
    }
    #by_content_area {
        width: 60%;
        padding: 0 2rem;
    }
    .by_group_deals .by_info {
        min-height: 110px;
    }
    .by_group_deals .hc_price {
        font-size: 3em;
    }
    .hc_price s {
        /* font-size: 0.7em; */
        padding: 0 10px;
    }
    /* .by_percent {
        font-size: 1.2em;
    } */
    .waitDivIn {
        margin: 200px auto;
    }
    .bby_header .icon-support {
        display: none;
    }
    .by_hotel_deal.item {
        width: 33.33%;
    }
    .width {
        padding: 0 5em;
    }
    .by_bars {
        display: none;
    }
    .by_hotels_support {
        display: block;
        position: relative;
        right: auto;
        left: auto;
        top: auto;
        background: 0 0;
        color: var(--color);
        padding: 0;
        width: auto;
        box-shadow: none;
        direction: rtl;
    }
    .by_support {
        right: 90px;
    }
    .by_lang {
        right: 10px;
    }
    .by_sub_header {
        display: block;
        position: sticky;
        top: 0;
        z-index: 9960;
        background: #fff;
        box-shadow: 0 7px 5px rgba(0, 0, 0, 0.1);
    }
    /* .by_box_deal {
        width: 52%;
    } */
    /* FOOTER */
    footer#by_footer .top_line {
        padding: 2em 0;
    }
    footer#by_footer .share_icons {
        width: 30%;
    }
    footer#by_footer .members_club {
        width: 70%;
    }
    footer#by_footer #members {
        width: 50%;
    }
    footer#by_footer .menu_footer {
        width: 50%;
        padding: 5em 0;
    }
    footer#by_footer .share_icons {
        width: 30%;
    }
    footer#by_footer .members_club p {
        width: 50%;
    }
    /* END FOOTER */
    .hc_item.hc_item_1 .hc_img {
        width: 40%;
    }
    .hc_item.hc_item_1 .hc_info {
        width: 60%;
        float: left;
        padding: 2em;
    }
    .hc_item.hc_item_1 .hc_info h3 {
        font-size: 1.8em;
        margin: 0 0 1em;
    }
    .hc_item.hc_item_1 .hc_info p,
    .hc_item.hc_item_1 .hc_info .by_room_name,
    .hc_item.hc_item_1 .hc_info .by_dates {
        font-size: 1.35em;
        line-height: 1.5;
    }
    /* REVIEWS */
    .by_type_review {
        width: 50%;
        padding: 0 2em 10px 0;
    }
    .by_review {
        width: 50%;
    }
    /* END REVIEWS */
}

@media(min-width: 1024px) {
    .by_post_img_single img {
        max-height: 300px;
    }
    .by_compo_fixed_bottom2 {
        display: none!important;
    }
    .advanced_search.advanced_search_fixed .hotel_compo_title {
        text-align: center;
        font-size: 2rem;
        font-weight: bold;
    }
    .advanced_search.advanced_search_fixed .pax {
        display: block !important;
    }
    .sidebar__inner.is-affixed .by_show_box_compo {
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 9999;
        width: 100%;
    }
    .sidebar__inner.is-affixed .pax {
        display: none;
    }
    .hc_reviews_top {
        font-size: 1em;
    }
    .hc_reviews_top span {
        font-size: 2em;
    }
    #by_content {
        padding: 0 0 1em 3em;
        width: 70%;
    }
    .by_bottom_page_lists {
        width: 33.33%;
        padding: 0;
    }
    .by_top_container h1 {
        font-size: 2.5rem;
    }
    .by_text_image {
        width: 49%;
    }
    .by_form {
        height: 500px;
    }
    #sendgroup table,
    .contactus_form table {
        padding: 2rem;
        font-size: 1rem;
    }
    #sendgroup td,
    .contactus_form td {
        padding: 10px;
        font-size: 1rem;
    }
    #sendgroup table input,
    .contactus_form table input {
        padding: 10px;
    }
    #sendgroup table select,
    .contactus_form table select {
        padding: 10px;
    }
    #sendgroup table textarea,
    .contactus_form table textarea {
        padding: 10px;
    }
    #hotel21 .loc_search {
        display: flex;
    }
    .by_highlights {
        display: block !important;
    }
    .sidebar__inner.is-affixed .composition {
        display: none;
    }
    .sidebar__inner.is-affixed #booking_res {
        padding: 0 0 3em;
        border: none;
        margin: 0 0 1em;
    }
    #area .item {
        width: 33.33%;
    }
    .by_lang {}
    .loc_search {
        max-width: 305px;
    }
    .by_hotel_deal.item {
        width: 25%;
    }
    .page.width {}
}

@media(min-width: 1600px) {
    .home .page.width {
        padding: 4em 20px 20px;
    }
    .page.width {
        padding: 20px;
    }
    .by_post_img_single img {
        max-height: 400px;
    }
    footer#by_footer .menu_footer.menu_footer1 {
        width: 65%;
    }
    footer#by_footer .menu_footer.menu_footer1 ul li {
        width: 33.33%;
    }
    footer#by_footer .menu_footer.menu_footer2 {
        width: 35%;
    }
    .category_video iframe {
        height: 400px;
    }
    .by_post {
        width: calc(33.33% - 20px);
        float: left;
        margin: 0 10px;
    }
    .by_posts.by_posts_2 .by_post {
        width: calc(50% - 20px);
    }
    .by_posts.by_posts_2.by_posts .by_posts_box_img::before {
        left: calc(50% - 20px);
    }
    .by_posts.by_posts_2.by_posts .by_posts_box_img::after {
        display: none;
    }
    #by_sidebar {
        width: 25%;
    }
    #by_content {
        width: calc(75% - 3em);
        margin: 0 0 1em 3em;
        padding: 0 0 1em;
    }
    .by_all_servicess ul li {
        width: calc(20% - 10px);
    }
}