@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&family=Suez+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');
body{
    background-color: #f4f4f9;
}
.textfont12{
    font-family:Arial,Helvetica, Sans-Serif;
	font-size : 12px;
	color : black;
	font-weight:bold;
}
.textfont12sta{
    font-family:Arial,Helvetica, Sans-Serif;
	font-size : 12px;
	color : black;	
}
.textfont12white{
    font-family:Arial,Helvetica, Sans-Serif;
	font-size : 12px;
	color : white;
	font-weight:bold;
}
.Textform12{
color:black;
padding:1px;
border:1px;
text-align:right;
font-weight:bold;
font-size : 12px;
font-family:Arial,Helvetica, Sans-Serif;
}
.Text12{
color:black;
font-size : 12px;
font-family:Arial,Helvetica, Sans-Serif;
}
.Text12footer{
color:black;
font-size : 10px;
font-family : arial !important;
font-weight:bold;
}
.titlefont20{
    font-family:Arial,Helvetica, Sans-Serif;
	font-size : 20px;
	color : white;
	text-decoration : none;	
}
.titlefont12{
    font-family:Arial,Helvetica, Sans-Serif;
	font-size : 12px;
	color : white;
}
.INPUT {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: black; font-family:Arial,Helvetica, Sans-Serif;
}
.TEXTAREA {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px; BORDER-LEFT: black 1px solid; COLOR: black; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Verdana, serif; BACKGROUND-COLOR: white
}
.SELECT {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px; BORDER-LEFT: black 1px solid; COLOR: black; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Verdana, serif; BACKGROUND-COLOR: white
}
.TD {
	FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica, sans-serif
}


.tblbtufilter{
     background-color: #f4f4f9;
}


#SerachPage{
    widows: 100%;
    position: relative;
    max-width: 880px;
    margin: 0 auto;
/*
    widows: 100%;
    position: relative;
    max-width: 880px;
    top:10%;
    left: 50%;
    transform: translate(-50%, 0);
  */  
}

.hotline{
border-bottom: 1px dashed #9b2424;
    height: 1px;
    width: 100%;
}
#mainHeaderPrice{
  margin: 0 auto;
    background: rgb(63,94,251);
    background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(9,5,102,1) 100%); 
    height: 100px;
    width: 100%;
    max-width: 880px;
    position: fixed;
    z-index: 900;
    box-shadow: 0px 6px 20px rgba(0,0,0,0.2);  
    left: 50%;
    transform: translate(-50%, 0);
      display:block;
   
}

.homebuttton{
    position: absolute;
    top:10px;
    right: 10px;
    border: 2px solid #fff;
    padding: 2px;
    border-radius: 5px;
    color: #fff;
    
}
.backbutton{
   position: absolute;
    top:10px;
    left: 10px;
    border: 2px solid #fff;
    padding: 2px;
    border-radius: 5px;
    color: #fff;  
    
}
.p3hotelimg{
    width: 80%;
    height: 180px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 10px 0px;
    border-radius: 10px;
    border: 3px solid rgb(9,5,102);
    box-shadow: 0px 6px 20px rgba(0,0,0,0.2);
    position: relative;
}
.openhotelimg{
    position: absolute;
    color: rgb(9,5,102);;
    bottom: 0px;
    width: 100%;
    font-size: 20px;
    line-height: 30px;
    background-color: rgba(255,255,255,.6);
    border-top:3px solid rgba(255,255,255,.3);
    border-bottom:3px solid rgba(255,255,255,.3);
    
}
.openhotelimg i{
    padding-left: 10px;
}
#mainHeader{
    margin: 0 auto;
    background: rgb(63,94,251);
    background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(9,5,102,1) 100%); 
    height: 100px;
    width: 100%;
    max-width: 880px;
    position: fixed;
    z-index: 999;
    box-shadow: 0px 6px 20px rgba(0,0,0,0.2);
   
}

.promotext{
   
    
    padding-left: 10px;
    padding-right: 10px;
    align-items: center;
    justify-content: center;
    font-size: 1.1em;
    color: #fff;
    text-shadow: 1px 0 0 #333;
    text-align: center;
    direction: rtl;
   text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    
   
}
@supports (display: -webkit-box) {
  .promotext {
    /* autoprefixer: off */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: normal;
  }
}
    
 .headerfoot{
    background-color: #ce223d;
    width: 100%;
   height: 30px;
    display:block;
 
    
}   
.logoimg{
    width: 60%;
    height: 70px;
    background-image: url("https://www.noapass.co.il/noapass/project/pics/220b125_lofohotel4u.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
}
.buttonline{
    margin:12px 0;
}
.buttonline a{
    text-decoration: none;
}
.buttonline div{
    width: 80%;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    border-radius: 30px;
    border: 2px solid #fff;
     box-shadow: 0px 6px 20px rgba(0,0,0,0.2);
    transition: .2s ease-in-out;
	font-size:13px;
}
.buttonline div:hover{
    transform: scale(1.03);
}
.buttonline div i{
    margin-right: 12px;   
}
.appdowonload_new{
    
     background: rgb(9,48,40);
    background: radial-gradient(circle, rgba(9,48,40,1) 0%, rgba(35,122,87,1) 100%);
    color: #fff;
    
}
.orderinfo_new{
    background: rgb(0,0,70);
    background: radial-gradient(circle, rgba(0,0,70,1) 0%, rgba(53,53,137,1) 100%);
    color: #fff;
}

.phonepush{
    width: 10%;
    background-image: url("https://www.noapass.co.il/noapass/project/pics/221b125_phonecon.png");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 10px;
    float: left;
    line-height: 30px;
}

.contactpush{
    width: 10%;
    background-image: url("https://www.noapass.co.il/noapass/project/pics/222b125_contactcon.png");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 10px;
    float: left;
    line-height: 30px;
}
#BigTable{
     width: 100%;
   position: absolute;
    top:120px;
   max-width: 880px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10;
    
}
.ButtonStyle
{
    BORDER-RIGHT: 1px ridge;
    PADDING-RIGHT: 5px;
    BORDER-TOP: 1px ridge;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E3DFD6', EndColorStr='#A4B1D9');;
    BORDER-LEFT: 1px ridge;
    CURSOR: hand;
    COLOR: black;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 1px ridge;
    font-family:Arial,Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #5a5a5a
}


.ButtonStyle_Highlight
{
    BORDER-RIGHT: 1px ridge;
    PADDING-RIGHT: 5px;
    BORDER-TOP: 1px ridge;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E3DFD6', EndColorStr='#A4B1D9');
    BORDER-LEFT: 1px ridge;
    CURSOR: hand;
    COLOR: black;
    BORDER-BOTTOM: 1px ridge;
   font-family:Arial,Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #545454
}
.font12black{
    font-family:Arial,Helvetica, Sans-Serif;
	font-size : 12px;
	color : black;	
}
.font12white{
    font-family:Arial,Helvetica, Sans-Serif;
	font-size : 12px;
	color : #ffffff;	
}
/* Right Bar */
	.RightBarLink{		
		font-size:12PX;
		color:#096FC3;
		font-weight:bold;
		text-decoration:none;
		font-family:Arial,Helvetica,Sans-Serif;
		cursor:hand;			
	}
	.RightBarTd{				
		width:210 px;
		padding-top:3px;
		padding-bottom:5px;
		text-align:right;		
		border-bottom: 1px solid #e5e5e5;
	}
/* Right Bar */
.footerlink{
	text-decoration:none;	
	font-size: 13px;
	line-height: 1.3em; 
	color: #242729;
	margin-bottom:1.5em;
	line-height:1.7em;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.htmltooltip{
    border-radius: 5px;
    border: 1px solid #ccc;
}
.pure-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}
.pure-table td,
.pure-table th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible; 
    padding: 0.5em 1em; 
}
.pure-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: right;
    vertical-align: bottom;
}
.pure-table td {
    background-color: transparent;
}
.pure-table-odd td {
    background-color: #f2f2f2;
}
/*Start tooltips*/
  .csstooltips{  
	    position: absolute;	
		/*
		right:40%;
		top:35%;
		*/
	    padding: 15px 35px;	   
	    background: rgba(255, 254, 226, 0.9);
	    color: #000;
	    border-radius: 10px;
        border: 1px solid #ccc;
        -moz-box-shadow:  3px 1px 3px #888888;
        -webkit-box-shadow:  3px 1px 3px #888888;
        box-shadow:  3px 1px 3px #888888;
        -webkit-animation-name: animate;
        -webkit-animation-duration: .5s;
        animation-name: animate;
	    animation-duration: .5s;
	    background-image: url(../img/bulb.png);
	    background-repeat: no-repeat;
	    background-position: right top;
	    background-size: 30px;    
		 direction: rtl;
  }
/* Add Animation */
@-webkit-keyframes animate {
    from { opacity:0}
    to { opacity:0.9}
}
@keyframes animate {
    from { opacity:0}
    to { opacity:0.9}
}
/*End tooltips*/
.btubar2off{
width:95%;
background:#0f7ed8;
padding: 3px 5px 3px 5px;
border-radius:5px;
border:1px solid #fff;
box-shadow:3px 1px 3px #ccc;
color:#fff;
font-size:13px;
white-space:inline-block;
}
.btubar2on{
width:95%;
background:#7bbbee;
padding: 3px 5px 3px 5px;
border-radius:5px;
border:1px solid #fff;
box-shadow:inset 3px 1px 3px #555;
color:#fff;
font-size:13px;
white-space:inline-block;
}
.bar2search{
width:95%;
background:#9a1611;
padding: 3px 5px 3px 5px;
border-radius:5px;
border:1px solid #fff;
box-shadow:3px 1px 3px #ccc;
color:#fff;
font-size:13px;
white-space:inline-block;
}
/*Page 2 loading*/
.waitingdiv{
    width: 95%;
    margin: 0 auto;
    border: 3px solid #ccc;
    border-radius: 10px;
    box-shadow: 5px 1px 5px #aaa;
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 1%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(1%, rgba(219,219,219,1)),                   color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 1%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 1%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 1%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 1%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );   
}
.waitingtext{
    width: 95%;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #184d85;
    line-height: 40px;
    text-shadow: 3px 1px 3px #ccc;
}
.comertialtext{
    text-align: center;
    font-size: 12px;
    color: #184d85;
    line-height: 40px;
}
.loader {
    margin: 0 auto;
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 6px solid #184d85; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin .7s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*Page 2 loading*/
.opensearchdiv{
    width: 95%;
    background-color: #ccc;
    box-shadow: 3px 1px 3px #555;
    margin: 0 auto;
    border-radius: 10px;
}
.ospheader{
    width: 100%; 
    background-color: #d11d38;
    margin-bottom: 10px;
    border-radius: 10px 10px 0 0;
}
.opensearchtitle{
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-shadow: 1px 0 1px #333;  
}
.closeosd{
    color: #fff;
    text-align: center;
}
.innerosd{
    width: 95%;
    margin: 0 auto;
}
.inputosd{
    width: 100%;
    background-color: #fff;
    line-height: 40px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 3px 1px 3px #888;
    margin-bottom: 10px;
    border: 1px solid #333;
}
.btnosd{
    width: 100%;
    background: rgba(52,101,247,1);
	background: -moz-linear-gradient(top, rgba(52,101,247,1) 0%, rgba(93,159,240,1) 50%, rgba(12,90,245,1) 51%, rgba(24,96,240,1) 71%, rgba(39,109,230,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,101,247,1)), color-stop(50%, rgba(93,159,240,1)), color-stop(51%, rgba(12,90,245,1)), color-stop(71%, rgba(24,96,240,1)), color-stop(100%, rgba(39,109,230,1)));
	background: -webkit-linear-gradient(top, rgba(52,101,247,1) 0%, rgba(93,159,240,1) 50%, rgba(12,90,245,1) 51%, rgba(24,96,240,1) 71%, rgba(39,109,230,1) 100%);
	background: -o-linear-gradient(top, rgba(52,101,247,1) 0%, rgba(93,159,240,1) 50%, rgba(12,90,245,1) 51%, rgba(24,96,240,1) 71%, rgba(39,109,230,1) 100%);
	background: -ms-linear-gradient(top, rgba(52,101,247,1) 0%, rgba(93,159,240,1) 50%, rgba(12,90,245,1) 51%, rgba(24,96,240,1) 71%, rgba(39,109,230,1) 100%);
	background: linear-gradient(to bottom, rgba(52,101,247,1) 0%, rgba(93,159,240,1) 50%, rgba(12,90,245,1) 51%, rgba(24,96,240,1) 71%, rgba(39,109,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3465f7', endColorstr='#276de6', GradientType=0 );
    line-height: 40px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 3px 1px 3px #888;
    margin-bottom: 10px;
    border: 1px solid #333;
    color: #fff;
    font-size: 20px;
    text-shadow: 1px 0 1px #333;
}
.comosd{
    direction: rtl;
    width: 100%;
    text-align: center;
    color: #d11d38;
    text-shadow: 1px 0 1px #333;
    background-color: #eee;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #888;
	padding-top: 10px;
	padding-bottom: 10px;
}
.recordttable{
    width: 100%;
    height: auto;
    background: rgba(204,204,204,1);
	background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,204,204,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(204,204,204,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0 );
    border-bottom: 2px solid #aaa;
    box-shadow: 5px 1px 5px #333;
    margin-bottom: 10px;
    
}
#HotelTopList .recordttable{
	background-color:aliceblue !important;
	background: rgb(111,111,111);
	border:3px solid #174c89;
	box-shadow: 0px 5px 3px #333;											
}
.box {
  position: relative;
}
.ribbon {
  position: absolute;
  right: -3px; top: -3px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 15px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 1);
  position: absolute;
  top: 15px; right: -25px;
}
.ribbon span::before {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-right: 3px solid #79A70A;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-right: 3px solid transparent;
  border-left: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
#hotelanswerimg{
    background-size: 72px 72px;
	background-position: right;
	float: right;
	margin-right: 1px;
	height: 70px;
	width: 70px;
	border: 2px solid #ccc;
	border-radius: 10px;
	transition: all .2s ease-in-out;
	opacity: 1;
	position: relative;
}
.p2mobilebtn p{
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    background: rgba(248,80,50,1);
	background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
	background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 );
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    text-shadow: 1px 0 1px #333;
    border: 1px solid #ccc;
}
.p2mobileimg{
	width: 90%;   
    margin-right: 5px;
    border-radius: 5px;
    border: 2px solid #fff;
    box-shadow: 3px 1px 3px #888;
}
/*Page LendPage*/
.p3ldownlinks{
 width: 100%;
    text-align: center;
    text-decoration: none;
    border:1px solid #333;
}

.p3ldownlinksheader a{
    line-height: 25px;
    text-decoration: inherit;
    color: #333;
}
.p3ldownlinkscontent a{
    line-height: 25px;
    text-decoration: inherit;
    color: #fff;
}
.p3ldownlinkscontent td{
    border: 1px solid #fff;
}
.p3ldownlinksheader {
 font-size: 18px; 
 background-color: #cbcbcb; 
}
.p3ldownlinkscontent {
    background-color: #333;
    color: #fff;
    font-size: 12px;
}
/*Page LendPage*/
/*Page 2 loading*/
.selectpagedilim {
    font-family:Helvetica,Arial,sans-serif;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    color:#000000;
    background:#ffffff none repeat scroll 0 0;
    border:1px solid #777777;
    font-size:17px;
    line-height: 16px;
    margin-bottom:2px;
    margin-right:6px;
    margin-top:2px;
    padding:6px;
    display: inline-block;
    width: 155px;	
}
/*Page Deal deal over*/
.dealover{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    height: 300px;
    border: 2px solid #4b63b1;
    border-radius: 10px;
    box-shadow: 3px 1px 3px #888;
    background-color: #fff;
}
.dealover p{
    color: #4b63b1;
    font-size: 20px;
    text-align: center;
    height: 100%;
	direction: rtl;    
}
/*Page Deal deal over*/
/*Page moadon*/
#moadon{

	width:100%;
	border-radius:6px;	
	margin-top:1px;
	border:1px solid #47719d;
	margin-bottom:2%;
}
#moadon button {
  width:90%;
  height:25px;
  display: inline-block;
  border-radius: 4px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  transition: all .2s ease-in-out;
  cursor:pointer;
  margin-top:2%;
  margin-bottom: 2%;
}

#moadon button:hover  {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
   -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari */
    transform: scale(1.05);
}
#moadon h5{
	font-size:14px;
	width:93.5%;
	height:24px;
	color:#fff;
    background: #184d85 ;
	margin-top:4px;
	padding-right:7%;
	padding-top:10px;
	text-align:right;
	float:right;
}
#moadon h11{
	font-size:14px;
	line-height:22px;
	color:#525252;
	text-align:center;
	font-weight:normal;
	margin-top:14px;
}
/*Page moadon*/
/*Page Footer*/
#footer{
	width:100%;
	height:auto;
	background-color:#144c87;
	display:inline-block;
	padding-bottom:14px;
    float: inherit;
   
}
 .share .face,  .share .twit,  .share .gplus,
 .share .you,  .share .instgram,  .share .pinterest {
    float: right;
    margin-top: 1%;
    margin-right: 20px;
    color: #f6f6f6;        
}
 .share a {
    opacity: .8;
}
 .share a:hover {
    opacity: 1;
}

 .share .text {
    float: left;
    color: #f6f6f6;
    margin-left: 5px;
}
 .share .face {
    width: 21px;
    height: 20px;
    background: url(https://www.hotel4u.co.il/images/286b121_footer-share-icons.png) no-repeat 0 0;
    cursor: pointer;
}
 .share .twit {
    width: 21px;
    height: 20px;
    background: url(https://www.hotel4u.co.il/images/286b121_footer-share-icons.png) no-repeat -27px 0;
    cursor: pointer;
}
 .share .gplus {
    width: 21px;
    height: 20px;
    background: url(https://www.hotel4u.co.il/images/286b121_footer-share-icons.png) no-repeat -56px 0;
    cursor: pointer;
}
 .share .you {
    width: 21px;
    height: 20px;
    background: url(https://www.hotel4u.co.il/images/286b121_footer-share-icons.png) no-repeat -85px 0;
    cursor: pointer;
}
 .share .instgram {
    width: 21px;
    height: 20px;
    background: url(https://www.hotel4u.co.il/images/286b121_footer-share-icons.png) no-repeat -142px 0;
    cursor: pointer;
}
 .share .pinterest {
    width: 21px;
    height: 20px;
    background: url(https://www.hotel4u.co.il/images/286b121_footer-share-icons.png) no-repeat -113px 0;
    cursor: pointer;
}
/*Page Footer*/
	.select_room_btn{    
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	width: 100%;
    padding: 3px 0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
/*Page Deal deal over*/
.dealover{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    height: 300px;
    border: 2px solid #4b63b1;
    border-radius: 10px;
    box-shadow: 3px 1px 3px #888;
    background-color: #fff;
}
.dealover p{
    color: #4b63b1;
    font-size: 20px;
    text-align: center;
    height: 100%;
	direction: rtl;    
}
/*Page Deal deal over*/
/*Page2 dealdiscount*/
.star-12{
 background-color: #dfc931;
    height: 50px;
    width: 50px;
    transform: rotateZ(45deg); 
    margin-bottom: 10px;
    box-shadow: 0px 0px 3px;
	float:right;
	margin-right:25px;
	margin-top:15px;
    
}
.star-12:before,.star-12:after{
    content: '';
    width: 50px;
    height: 50px;
    background-color: #dfc931;
    position: absolute ;
    top: 0;
    left: 0;
    box-shadow: 0px 0px 3px;
}
.star-12:before{
    transform: rotateZ(60deg); 
}
.star-12:after{
    transform: rotateZ(-60deg); 
}
.dealdiscount{
    position: absolute ;
    z-index: 1;
    transform: rotate(-45deg);
    top: -10;
    width: 100%;
    color: #a12022;
    font-weight: bold;   
}
.hotelpic{
	position:relative;
	width: 100%;
	height:160px;
}
.room-left {

bottom: 0;
line-height: 30px;

height: 30px;
background-color: rgba(1,1,1,.2);
width: 100%;

box-shadow: 0px 6px 20px rgba(0,0,0,0.2); 
color: #0c7f12;
direction: rtl;
    text-align: center;
font-size: 14px;
font-weight: bold;
}
.star-13{
 	background-color:#0c7f12;
    height: 50px;
    width: 50px;
	border-radius:100px;
	border:2px solid #fff; 
	float-left:20%;    
	margin-left: 10px;
	margin-bottom: 5px;
    box-shadow: 0px 0px 3px;
}
.dealdiscount13{  
    width: 100%;
    color: #fff;
    font-weight:bold;
	font-size:14px;
	line-height: 13px;
}
.backdeal{
    width: 99%;
    background-color: #fff;
    box-shadow: 0 3px 3px #333;
    border: 2px solid rgb(208, 29, 56);
	margin-bottom:6px;	
}
.wawebp2 {
	color: #fff;
	background-color: green;
	width: 100px;
	border-radius: 5px;
	margin-top: 2px;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	background-image: url("https://www.hotel4u.co.il/img/whshare_hotel4u.png");
	background-size: contain;
	background-repeat: no-repeat;
	text-decoration: none;
}
/*Page2 dealdiscount*/
/*Page3 Price*/
.p3tblbtn{
    width: 100%;
    direction: rtl;
}
.p3tblbtn td{
    width: 30%;
}
.p3tblbtn a{
    text-decoration: none; 
}
.p3tblbtn div{
    width: 90%;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    margin-right:5%;
    margin-top: 10px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    font-weight:bold;
	font-style:normal;
    color:#ffffff;
}
.more-details{
    -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	border-radius: 8px;
	border:1px solid #d83526;
	display:inline-block;
	text-shadow:1px 1px 0px #b23e35;  
}
.new-search{
    -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
    border-radius: 8px;
	text-indent:0;
	border:1px solid #337fed;
	display:inline-block;
	text-shadow:1px 1px 0px #1570cd;
}
.hotel-name{
    text-align: center ;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    text-shadow: -1px 0 #f3f3f3, 0 1px #f3f3f3, 1px 0 #f3f3f3, 0 -1px #f3f3f3;
	color: #0080ff;
}
.HText12_On{
	font-size : 12px;
	font-family:Arial,Helvetica, Sans-Serif;
	background-color: #4A94CF;
	color:#fffff;
	font-weight:bold;
	border: 1px solid #fff;				
}
.HText12_Off{
	font-size : 12px;
	font-family:Arial,Helvetica, Sans-Serif;
	background-color: #076FC3;
	color:#ffffff;
	border: 1px solid #fff;				
}
/*Page3 Price*/
/*MDiv*/
.side_div_main_tbl{
border: 2px solid #fff;
border-radius:10px;
color: #fff; 
width: 100%;
background: rgba(76,76,76,1);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,0.98) 12%, rgba(102,102,102,0.95) 25%, rgba(71,71,71,0.93) 33%, rgba(44,44,44,0.92) 41%, rgba(0,0,0,0.9) 51%, rgba(17,17,17,0.88) 60%, rgba(43,43,43,0.85) 76%, rgba(28,28,28,0.82) 91%, rgba(19,19,19,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,0.98)), color-stop(25%, rgba(102,102,102,0.95)), color-stop(33%, rgba(71,71,71,0.93)), color-stop(41%, rgba(44,44,44,0.92)), color-stop(51%, rgba(0,0,0,0.9)), color-stop(60%, rgba(17,17,17,0.88)), color-stop(76%, rgba(43,43,43,0.85)), color-stop(91%, rgba(28,28,28,0.82)), color-stop(100%, rgba(19,19,19,0.8)));
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,0.98) 12%, rgba(102,102,102,0.95) 25%, rgba(71,71,71,0.93) 33%, rgba(44,44,44,0.92) 41%, rgba(0,0,0,0.9) 51%, rgba(17,17,17,0.88) 60%, rgba(43,43,43,0.85) 76%, rgba(28,28,28,0.82) 91%, rgba(19,19,19,0.8) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,0.98) 12%, rgba(102,102,102,0.95) 25%, rgba(71,71,71,0.93) 33%, rgba(44,44,44,0.92) 41%, rgba(0,0,0,0.9) 51%, rgba(17,17,17,0.88) 60%, rgba(43,43,43,0.85) 76%, rgba(28,28,28,0.82) 91%, rgba(19,19,19,0.8) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,0.98) 12%, rgba(102,102,102,0.95) 25%, rgba(71,71,71,0.93) 33%, rgba(44,44,44,0.92) 41%, rgba(0,0,0,0.9) 51%, rgba(17,17,17,0.88) 60%, rgba(43,43,43,0.85) 76%, rgba(28,28,28,0.82) 91%, rgba(19,19,19,0.8) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,0.98) 12%, rgba(102,102,102,0.95) 25%, rgba(71,71,71,0.93) 33%, rgba(44,44,44,0.92) 41%, rgba(0,0,0,0.9) 51%, rgba(17,17,17,0.88) 60%, rgba(43,43,43,0.85) 76%, rgba(28,28,28,0.82) 91%, rgba(19,19,19,0.8) 100%);   
}
.side_div_main_tbl p {
text-align: center;
}
.side_div_img{
   width: 80px;
    height: 80px;
    border: 2px solid #fff;
    border-radius: 5px;
}
#side_div_button{
width: 80%;
display:inline-block;
 margin:0 0.3em 0.3em 0;
 border-radius:0.2em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:400;
 color:#FFFFFF;
 background-color:#3369ff;
 box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
 text-align:center;
 position:relative;
 background-color:#CCCCCC; 
 color:#000000;
font-size: 16px;
cursor: pointer;
}
#side_div_button active{
box-shadow:inset 0 0.6em 2em -0.3em rgba(0,0,0,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
}
@media all and (max-width:30em){
 #side_div_button{
  display:block;
  margin:0.4em auto;
 }
}
.noty_body{padding-bottom:10px;}
/*MDiv*/
/*p2lend*/
.p2-land-box{
background: #e8e9ea;
background: linear-gradient(162deg,#e8e9ea 30%, #ffffff 100%);
background: -webkit-linear-gradient(162deg,#e8e9ea 30%, #ffffff 100%);
background: -moz-linear-gradient(162deg,#e8e9ea 30%, #ffffff 100%);
    padding-bottom: 10px;
    direction: rtl;
}
.p2-land-box h3{
text-align: center;
    font-size: 16px;
    color: #156fbe;
    border-bottom: 1px solid #333;
    line-height: 25px;
}
.hotel-img{
    width: 70px;
    height: 70px;
    border-radius: 8px;
    border: 2px solid #fff;
    box-shadow: 3px 1px 3px #999;
    margin-right: 5px;
}
.tbl-mdl{
font-size:12px;
height:100%;
}
.tbl-left{
    width: 80px;
    margin-left: 5px;
	font-size:14px;
}
.box-grade{
    margin: 0 auto;
    border: 2px solid #fff;
    height: 50px;
    width: 50px;
    border-radius: 100px;
    box-shadow: 3px 1px 3px #999; 
    margin-bottom: 10px;
    background: #fa8e0f;
background: linear-gradient(233deg,#fa8e0f 0%, #ebbf21 80%);
background: -webkit-linear-gradient(233deg,#fa8e0f 0%, #ebbf21 80%);
background: -moz-linear-gradient(233deg,#fa8e0f 0%, #ebbf21 80%);
}
.box-grade p{
 width: 50px;
    height: 50px;
    text-align: center;
   margin-top: 8px;
    color: #a12123;
    font-weight: bold;
    text-shadow: 1px 1px 1px #fff;
}
.box-btn{
    -moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:3px 0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
    text-align: center;
    width: 100%;
}
.reviews{
    width: 25px;
    height: 25px;
}
.p2-zebra :nth-child(even) .p2-land-box { 
background: #ababab;
background: linear-gradient(200deg,#ababab 0%, #e6e8e6 80%);
background: -webkit-linear-gradient(200deg,#ababab 0%, #e6e8e6 80%);
background: -moz-linear-gradient(200deg,#ababab 0%, #e6e8e6 80%);
}
/*p2lend*/

/*p2price remark*/
.accordion {
    background: #eaeaea;
background: linear-gradient(186deg,#eaeaea 0%, #ffffff 80%);
background: -webkit-linear-gradient(186deg,#eaeaea 0%, #ffffff 80%);
background: -moz-linear-gradient(186deg,#eaeaea 0%, #ffffff 80%);
    color: #0066cc;
    cursor: pointer;
    text-align:right;
    direction:rtl;
    width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    font-weight:bold;
    transition: 0.4s;
    border-top:2px solid #fff;
    height:35px;
    line-height:35px;
}
.focus, .accordion {
    background-color: #eaeaea;
}
.accordion:after {
    content: '\002B';
    color: #0066cc;
    font-weight: bold;
    float: left;
    margin-left: 5px;
}
.panel {
	background: #eaeaea;
background: linear-gradient(186deg,#eaeaea 0%, #ffffff 80%);
background: -webkit-linear-gradient(186deg,#eaeaea 0%, #ffffff 80%);
background: -moz-linear-gradient(186deg,#eaeaea 0%, #ffffff 80%);
        border-top:1px dashed #ccc;
        padding: 0 18px;
        text-align:right;
        direction:rtl;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        font-size: 13px;
        color:#0066cc;
		 font-weight: bold;
}
/*p2price remark*/
.back {
color: #1a7dd2;
text-shadow: 1px 0px 1px #ccc;
border: 1px solid #fff;
padding: 0 8px;
border-radius: 5px;
box-shadow: 2px 0px 2px #333;
background-color: #fff;
}
.changebase{
    width: 100%;
    height: 30px;
    background-color: #dc4245;
    text-align: center;
    line-height: 30px;
    border: 1px solid #2f89e4;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 0 1px #333;
    background-image: url('https://www.hotel4u.co.il/images/r1.png'),  url('https://www.hotel4u.co.il/images/r1.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right,left;
}

.mobilebtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
    width: 65%;
}
.mobilebtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.mobilebtnmyButton:active {
	position:relative;
	top:1px;
}
/*Bannaer p2 price*/
.plswait{
    width: 90%;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #e8e9ea;
    text-align: center;
    margin: 0 auto ;
    color: #184d85;
    box-shadow: 3px 1px 3px #333;
}
.plswait h3{
    font-size: 14px;
}
.plswait h4{
    font-size: 12px;
    color: #9f2227;
}
.sk-circle {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #184d85;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*Bannaer p2 price*/
/* Start page 3 landing*/
.lp_hotelname{
    font-size: 20px;
    color: #2286de;
    text-shadow: 1px 1px 1px #ccc; 
}
.lp_hotelimg{
    width: 100%;
    height: 150px;
    
    background-size: cover;
    background-position: bottom;
    position: relative;
}
.lp_largeimg{
    position: absolute;
z-index: 1;
bottom: 10px;
    right: 10px;
    background-color: rgba(255,255,255, .4);
}
.lp_rating{  
    background: rgba(207,77,37,.8);
    width: 50px;
    height: 50px;
    border-radius: 50px;
    position: absolute;
    left: 10px;
    top: 10px;
    text-align: center;
    box-shadow: 3px 1px 3px #333;
    border: 1px solid #fff;
}
.lp_rating p{
    height: 50px;
    width: 50px;
    margin: 0 auto;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
.lp_rating:hover{
    transform: scale(1.3);
}
.lp_searchtbl{
    margin-top: 10px;
}
.lp_text{
    background-color: #fff;
}

.lp_text h2{
    padding: 0 10px;
    color: #2286de;
    font-size: 20px;
}
.lp_text p{
 font-size: 16px;
    padding:0 10px 10px 0;
}
.lp_searchtbl{
   
    width: 95%;
   background: rgb(242,153,74);
background: radial-gradient(circle, rgba(242,153,74,1) 0%, rgba(242,201,76,1) 100%);
    margin: 0 auto;
    border-radius: 20px;
    border: 1px solid #313a54;
    box-shadow: 0px 6px 20px rgba(0,0,0,0.2);
    transition: .2s ease-in-out;
    
}
.lp_searchtbl h3{
    margin-top: 10px;
    font-family: 'Arimo', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6em;
    color: #081a75;
    text-shadow: 1px 0 0 #fff;
    
}
.lp_searchtbl:hover{
transform: scale(1.03);
    
}
.tblsearch{
    width: 80%;
}
/*End page 3 landing*/
/*Start Map Press*/
.mappress{
    width: 100%;
    height: 255px;
    background: url("https://www.hotel4u.co.il/images/googlemapdeme.png") no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
    box-shadow: 3px 0px 3px #ccc;
    display: inline-block;
	cursor:pointer;cursor:hand;
}					
/*End Map Press*/
.button8on {
	background-color:#CE223D;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	line-height: 30px;
    width: 100%;
	text-decoration:none;
	border-left: 2px solid #333;
}
.button8off {
	background-color: #2dabf9;
	display:inline-block;
	cursor:pointer;
	color: #fff;
	font-family:Arial;
	font-size:15px;
	line-height: 30px;
    width: 100%;
	text-decoration:none;
}
.PlusMinAges{
    background-color: green ;
    border-radius: 30px;
 	 padding: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;   
}
#BTUMoreHotels{
    font-size:20px;
    cursor:pointer;
    border-style:solid;
    padding:5px;
    color:#fff;
    border-color:#fff;
    width:100%;
    background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
    background-size: 200% 100%;
    animation: gradient 5s ease infinite;
    
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.buttun_agho {
    font-size: 18px;
    color: #2070dd;
    height: 40px;
    width: 100%;
    text-align: center;
    line-height: 40px;
    border: 1px solid #949393;
    margin-top: 1px;
    margin-bottom: 10px;
    background-color: #ccc;
    border: 1px solid #2070dd;
    transition: all 0.5s;
    background: -moz-linear-gradient( top, #ffffff 0%, #ffffff 50%, #b5b5b5);
    background: -webkit-gradient( linear, left top, left bottom, from(#ccc), color-stop(0.50, #ffffff), to(#ccc));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 3px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 3px rgb(0 0 0 / 50%), inset 0px 0px 3px rgb(255 255 255);
    box-shadow: 0px 1px 3px rgb(0 0 0 / 50%), inset 0px 0px 3px rgb(255 255 255);
    text-shadow: 0px -1px 0px rgb(0 0 0 / 20%), 0px 1px 0px rgb(255 255 255);
	
}