@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Luckiest+Guy&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: #38b6ff;
--color-red: #cc0000;
--font-bold: 'Heebo';
--font: 'Heebo';
--font2: 'Rubik';
}
* {
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;
padding: 80px 0 0;
} h1,
h2,
h2 a,
h3,
h3 a,
h4 {
width: 100%;
float: right;
font-family: var(--font2);
font-weight: 700;
}
body.home h1{
padding: 0 0 2rem;
margin: 0;
line-height: 1;
}
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%; 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; }
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: 0 50px 0 10px;
height: 20px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 24px 0 0 0;
}
.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; 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 .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.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(//www.inisrael.com/main/wp-content/themes/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; 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.bylistscircle_location ul{
height: 115px;
overflow: hidden;
}
.tp_all_lists{
}
.tp_hide_lists{
display: none;
}
.tp_all_lists,
.tp_hide_lists{
float: right;
width: 100%;
color: var(--color-blue);
text-align: right;
text-decoration: underline;
padding: 10px;
}
.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; }
.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;
} .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; 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 h1.archive-title {
margin: 0 0 1rem;
}
#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;
position: relative;
}
.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: 180px;
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 .cat_icons {
margin: 25px 0;
}
.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;
}
#map{
height: 300px !important;
}
.enjoy_israel li{
list-style-type: square;
margin: 0 0 0 20px !important;
}
.by_post_text_single h3{
font-size: 2.5rem;
margin: 0;
padding: 0;
}
.clock {
float: left;
padding: 2px 5px 0 0;
}
.opening_hours {
display: flex;
flex-direction: column;
width: 100%;
float: left;
background: #f5f5f5;
padding: 30px;
max-width: 500px;
margin: 25px 0 0;
}
.opening_hours h2 {
padding:0 0 25px;
}
.opening_hours p {
display: flex;
justify-content: space-between;
padding: 10px 0;
margin: 0;
border-bottom: 1px solid #ccc;
}
.opening_hours p:last-child {
padding: 10px 0 0;
border-bottom: none;
}
.header_width {
max-width: 1600px;
margin: 0 auto;
position: relative;
}
.cat_icons {
grid-template-columns: repeat(3,auto);
display: grid;
width: 100%;
justify-items: center;
align-items: center;
grid-gap: 1px;
text-align: center;
margin: 25px 0 5px;
background: #ccc;
border: 1px solid #ccc;
}
.cat_icons li {
width: 100%;
margin: 0;
padding: 0;
background: #fff;
min-height: 60px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
}
.cat_icons li a {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 70px;
background: #fff;
font-size: 12px;
line-height: 1;
padding: 0;
}
.cat_icons li:hover,
.cat_icons li a:hover{
background: #f5f5f5;
}
.material-symbols-outlined {
width: 100%;
font-size: 30px;
padding: 0 0 5px;
}
.btn.all{
text-decoration: underline;
margin: 0 0 20px;
cursor: pointer;
}
footer#by_footer .menu_footer.menu_footer2 ul{
padding: 0 0 2rem;
}
footer#by_footer .menu_footer.menu_footer2 ul li{
width: 100%;
}
.cat_description{
width: 100%;
float: left;
padding: 0 0 2rem;
}
.cat_description p {
font-size: 1.8rem !important;
}
.dddddd{
width: 100%;
float: left;
}
.search_mobile {
position: absolute;
right: 105px;
top:12px;
font-size: 23px;
z-index: 999;
}
#by_search_top_select2-selectized{
direction: ltr;
}
.promouted_box{
}
.by_posts.by_posts_1 .promouted_box .by_post_text{
width: 100% !important;
}
.promouted_box .by_post_img .by_post_img_single{
border-radius: 17px 17px 0 0;
overflow: hidden;
}
.promouted_box .by_post_img {
width: 100% !important;
}
.promouted_box .by_post_img .by_post_img_single img {
}
.promouted_box .by_post_text{
}
.promouted_box .by_post_img .play {
width: auto !important;
height: auto !important;
left: calc(50% - 160px);
top: calc(50% - 90px);
}
.post_name_on_img {
position: absolute;
padding: 20px;
font-size: 25px;
font-weight: 900;
color: var(--color-wheat);
text-shadow: 0 0 4px #000;
text-transform: uppercase;
line-height: 1;
}
p.tags {
width: 100%;
float: left;
font-size: 1rem;
padding: 10px 0 0 20px !important;
font-weight: bold;
}
p.tags a{
font-weight: normal;
}
.inisrael_footer_top {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
}
.inisrael_footer_top h2 {
text-transform: uppercase;
width: auto;
margin: 0 0 5px;
padding: 5px 60px;
font-size: 23px;
color: var(--color-wheat);
font-weight: 400;
background: url(//www.inisrael.com/main/images/top_title.jpg) no-repeat center center;
}
.inisrael_footer_top h2 a{
color: var(--color-wheat) !important;
text-decoration: none;
font-weight: 400;
}
.inisrael_footer_top a{
text-decoration: none;
color: var(--color);
}
.inisrael_footer_links {
font-size: 15px;
}
@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: 15px;
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: 16px;
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;
} .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);
} .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; 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;
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; 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 {
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;
}  .by_breadcrumb {
float: left;
padding: 1rem 0 3em;
width: 100%;
font-size: 1.15em;
display: none;
}
.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;
}  #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);
font-family: var(--font2);
}
#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; }
#by_content h1 {
font-size: 2rem;
line-height: 1; margin: 0;
}
#by_content h2 { font-size: 1.5rem;
margin: 0rem 0 1rem;
line-height: 1;
}
.byn-carousel {
float: right;
width: 100%;
margin: 2rem 0;
} .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; padding: 1em;
width: 25%;
}
.by_all_hotels_in_area table tr:nth-child(1) td {
padding: 1em;
} footer#by_footer {
background: url(//www.inisrael.com/main/images/bg_left.jpg) no-repeat -89px 0;
width: 100%; display: inline-block;
padding: 0 20px;
overflow: hidden;
position: relative;
}
footer#by_footer::before {
content: '';
background: url(//www.inisrael.com/main/images/bg_right.jpg) no-repeat 100% 100%;
right: 0;
bottom: 0;
z-index: -1;
position: absolute;
width: 430px;
height: 525px;
background-size: 100%;
}
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;
margin: 0;
color: var(--color-blue);
font-size: 50px;
border: none;
font-weight: 400;
background: none;
font-family: 'Luckiest Guy', cursive;
letter-spacing: 4px;
width: 100%;
max-width: 230px;
line-height: 1;
float: left;
}
footer#by_footer .menu_footer h2 a{
font-family: 'Luckiest Guy', cursive;
color: var(--color-blue);
text-decoration: none;
}
footer#by_footer .menu_footer ul {
float: right;
width: 100%;
padding: 30px 0px 0;
margin: 0;
list-style-type: none;
}
footer#by_footer .menu_footer ul li {
float: left;
width: 100%;
font-size: 1.2em;
line-height: 1;
margin: 0;
}
footer#by_footer .menu_footer ul li a {
float: left;
width: 100%;
color: var(--color);
text-decoration: none;
padding: 0 0 0px 0px;
line-height: 20px;
margin: 0 0 10px;
}
footer#by_footer .menu_footer ul li a:hover {
color: var(--color-blue);
}
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;
} .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(//www.inisrael.com/main/wp-content/themes/inisrael.com/images/loader_inbox.jpg) no-repeat scroll center center;
border-radius: 20px;
box-shadow: 0 0 10px #000;
color: #002c5c;
direction: ltr;
font-weight: bold; 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(//www.inisrael.com/main/wp-content/themes/inisrael.com/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(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -142px transparent;
}
#hotels_chain .isrotel {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -228px transparent;
width: 100%;
}
#hotels_chain .orchid {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -68px transparent;
}
#hotels_chain .astral {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center 10px transparent;
}
#hotels_chain .chotels {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -297px transparent;
}
#hotels_chain .holitel {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -517px transparent;
}
#hotels_chain .arcadia {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -375px transparent;
}
#hotels_chain .tamares {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -597px transparent;
}
#hotels_chain .olive {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -448px transparent;
}
#hotels_chain .inofash {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -670px transparent;
}
#hotels_chain .rimonim {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -757px transparent;
}
#hotels_chain .prima {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -828px transparent;
}
#hotels_chain .atlas {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -905px transparent;
}
#hotels_chain .caesar {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -995px transparent;
}
#hotels_chain .zivootel {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -1069px transparent;
}
#hotels_chain .dan {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -1160px transparent;
}
#hotels_chain .crowne-plaza {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -1243px transparent;
}
#hotels_chain .behotels {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -1335px transparent;
}
#hotels_chain .travelhotels {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -1450px transparent;
}
#hotels_chain .goldencrown {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -1527px transparent;
}
#hotels_chain .havayaa {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -1595px transparent;
}
#hotels_chain .smarthotels {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -1675px transparent;
}
#hotels_chain .grandhotels {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -1744px transparent;
}
#hotels_chain .ibis {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -1828px transparent;
}
#hotels_chain .israelcanada {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -1900px transparent;
}
#hotels_chain .rich {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -1990px transparent;
}
#hotels_chain .brownhotels {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -2072px transparent;
}
#hotels_chain .jacobhotels {
background: url(//www.inisrael.com/main/images/logos.png) no-repeat scroll center -2166px transparent;
}
#hotels_chain .leshemhotels {
background: url(//www.inisrael.com/main/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; 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 .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 { }
.by_posts {
width: 100%;
float: left;  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: none;
color: var(--color-orange);
font-size: 1.5em;
text-decoration: none;
margin: 2em 0 0;
border-radius: 65px;
border: 1px solid;
}
.by_post {
width: calc(100% - 0px);
float: left;
margin: 0 0 10px;
}
.by_post_img_single .price,
.by_post_img  .price {
position: absolute;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
padding: 10px 15px;
border-radius: 0px;
color: #878787;
letter-spacing: 2px;
}
.by_post .price {
position: absolute;
right: 10px;
bottom: 10px;
background: rgba(255,255,255,0.85);
padding: 8px 12px;
border-radius: 0px;
color: #c3c3c3;
letter-spacing: 2px;
z-index: 1;
font-weight: bold;
font-size: 15px;
line-height: 1;
}
.dolar{
color: #000;
}
.by_post_img {
width: 100%;
float: right;
height: 220px;
margin: 0 0 1em;
position: relative;
border-radius: 17px 17px 0 0;
overflow: hidden;
}
.by_post_img .play {
position: absolute;
width: 100%;
}
.by_post_img img {
width: 100%;
float: left;
height: 220px;
object-fit: cover;
}
.by_post_text {
width: 100%;
float: left;
padding: 20px;
}
.by_post_text h3 {
font-size: 2rem;
margin: 0 0 0.5em;
text-transform: uppercase;
}
.by_post_text h3 a{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.by_post_text .address{
font-size: 13px;
padding: 0 0 10px;
color: #878787;
}
.by_post_text p {
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
width: 100%;
padding: 0 0 0 20px;
}
.single h1 {
font-size: 3rem;
margin: 0 0 2rem;
}
.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 4rem;
padding: 0; border: 2px solid #000;
border-radius: 20px; position: relative;
background: #fff;
}
.by_posts.by_posts_1 .by_post::after {
content: '';
background: var(--color-blue);
width: calc(100% - 30px);
float: left;
height: 40px;
position: absolute;
bottom: -17px;
left: 0;
z-index: -1;
border-radius: 0 0 15px 15px;
margin: 0 15px 0;
}
.bytech {
float: left;
width: 100%;
padding: 20px 0 30px;
}
.bytech a {
float: left;
width: 100%;
font-family: 'Luckiest Guy', cursive !important;
letter-spacing: 4px;
font-weight: 400;
text-transform: uppercase;
font-size: 20px;
text-align: center;
color: var(--color-blue) !important;
}
.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;  text-align: center;
line-height: 1;
margin: 0 0 1em; position: relative; }
.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) {
footer#by_footer .menu_footer ul li {
width: 50%;
}
footer#by_footer .menu_footer ul li a {
padding: 0 20px 0px;
}
footer#by_footer .menu_footer ul {
width: calc(100% - 230px);
padding: 0 0 0 30px;
}
.promouted_box .by_post_img {
height: 400px !important;
}
.promouted_box .by_post_img .by_post_img_single img {
max-height: 400px !important;
height: 400px;
}
.search_mobile {
display: none;
}
.by_breadcrumb{
display: block;
}
body{
padding: 0;
}
.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 .promouted_box .by_post_img{
border-radius: 17px 17px 0 0 !important;
}
.by_posts.by_posts_1 .by_post_img {
width: 40%;
margin: 0;
border-radius: 0 17px 17px 0;
overflow: hidden;
}
.by_posts.by_posts_1 .by_post_text {
width: 60%;
padding: 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;
}
.by_highlights h4{
margin: 2rem 0 0;
padding: 0;
}
.advanced_search {
height: auto;
margin: 0 0 10px;
padding: 0;
height: auto;
position: relative;
border-radius: 5px; 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 { padding: 0 10px;
} .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: #ececec; }  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 { padding: 5em 0 0;
}
footer#by_footer .share_icons {
width: 30%;
}
footer#by_footer .members_club p {
width: 50%;
} .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;
} .by_type_review {
width: 50%;
padding: 0 2em 10px 0;
}
.by_review {
width: 50%;
} }
@media(min-width: 1024px) {
#map{
height: 500px !important;
}
.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) {
.post_name_on_img {
padding: 40px;
font-size: 30px;
}
#by_sidebar_left{
width: 250px;
}
#by_sidebar_right {
width: 300px;
}
#by_content_area {
width: calc(100% - 550px);
padding: 0 40px;
}
.single h1 {
font-size: 4rem;
}
.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 { }
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);
}
}