.panel {
    display: none;
    background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
    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);
        transition:800ms ease all;
    
}
.activepanel {
    display: block;
    
}
.rem1
{
    margin:0 auto;
    width:70%;
    min-height:200px;
    border:1px solid #808080;
    text-align:center;
}
.rem2
{
    height:175px;
}
.opbuttonwrapper {
    
    height:auto;
    clear:both;
    overflow:hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.slowGrow {
    animation: opmore 1s;
}
.slowShrink {
    animation: opless 1s;
}
@keyframes opmore {
    from {
        height: 25px;
    }

    to {
        height: 280px;
    }
}
@keyframes opless {
    from {
        height: 280px;
    }

    to {
        height: 25px;
    }
}


.opbutton {
	 background-color: #45912a;
    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);
    border-radius: 0.2em;
    margin-bottom: 10px;
    line-height: 30px;
    color: #fff;
	 cursor: pointer;
    text-align: center;
	
	/*
    background-color: #45912a;
    width: 100%;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    cursor: pointer;
	border-radius: 15px;
	*/
}
.opbutton_eh {
    background-color: #0172DF;
    width: 100%;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    cursor: pointer;
	border-radius: 15px;
}
.carimg
{
	 height:100%;
}
.flexable {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: stretch;
}
.map {
    height: 280px;
    background-color: #fff;
    flex: 1;
}
.intrest {
    height: 280px;
    
    color:blue;
    flex:1;
}
.inupdiv {
    
    font-size: 17px;
    color: #000;
    text-align:right;
    padding-right: 30px;
}
.btext
{
    color:#000;
    font-size: 20px;
    padding-right:30px;
    font-family: 'Varela Round', sans-serif;
}
.inlist {
    color: #000;
    list-style: none;
    padding-right: 30px;
}
.inlist li
{
    border-bottom:solid 1px #ccc;
    clear:both;
}
.gleft{
    float:left;
}
.gright {
    float: right;
}
.list-unstyled {
    padding-right: 30px;
    font-family: 'Varela Round', sans-serif;
    list-style: none;
    font-size: 16px;
    
    direction:rtl;
    text-align:right;
}
.facility-group--title {
    margin-bottom: 1px;
    padding-right: 40px;
    padding-left: 50px;
	font-weight: bold;
	width:100%;
}
.facility-item {
    padding-bottom: 1px;
    padding-right: 40px;
    font-size: 14px;
    padding-left: 20px;
	width:100%;
}
.bluet
{
    color:cornflowerblue;
}
.chk
{
    color:green;
    font-size:13px;
}
.whatinside {
   
}


/*tabs*/
.tab {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #cbc8c8;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: #d6d3d3;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0px 16px;
    height: 35px;
    transition: 0.3s;
    border-radius: 5px 5px 0px 0px;
    margin-left: 5px;
    border: 1px solid #cbc8c8;
    width: 20%;
    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);
    font-size: 16px;
     font-family: 'Oswald', sans-serif;
font-family: 'Varela Round', sans-serif;
}


        /* Change background color of buttons on hover */
.tab button:hover {
    background-color: #d24d4d;
	color:#fff;
}

        /* Create an active/current tablink class */
.tab button.active {
    background-color: #d24d4d;
	color:#fff;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 5px 0px;
    
    border-top: none;
    max-width:100%;
    overflow:hidden;
}
/*tabs*/

.container input{
    width: 100%;
    line-height: 30px;
    background-color: #fff;
    background-image: url("https://www.hotel4u.co.il/images/searchmapdrop.png");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left;
    font-size: 14px;
    
    border-radius: 5px;
}

.haatesinput{
    
    width: 95%;
    line-height: 30px;
    background-color: #fff;
    background-image: url("https://www.hotel4u.co.il/images/searchmapdatedrop.png");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left;
    font-size: 14px;
    padding-top: 5px;
    border-radius: 5px;

}
.hadatesinput{
    
    width: 95%;
    line-height: 30px;
    background-color: #fff;
    background-image: url("https://www.hotel4u.co.il/images/searchmapdatedrop.png");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left;
    font-size: 14px;
    padding-top: 5px;
    border-radius: 5px;
    
}
.hastart2adult{
    width: 95%;
    line-height: 30px;
    background-color: #fff;
    background-image: url("https://www.hotel4u.co.il/images/searchmapdatedrop.png");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left;
    font-size: 14px;
    
    border-radius: 5px;
}
.habutton{
    background-color: #3c9824;
    line-height: 30px;
    width: 80%;
    color: #fff;
    font-size: 18px;
    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;
    border: 1px solid #fff;;
    border-radius: 3px;
    margin-left: 10px;
    padding: 4px;
    
}

.habutton:hover{

 background-color: #54af3c;
    cursor: pointer;
}
.fa-star{
    color: #f6c20d;
}


.hap3ImporInfo{
    background-color: #3c9824;
    line-height: 20px;
    width: 100%;
    color: #fff;
    font-size: 18px;
    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;
    border: 1px solid #fff;;
    border-radius: 3px;
    margin-left: 10px;
    padding: 4px;
}