.compat-object-fit{
	background-size:cover;
}
.compat-object-fit img{opacity:0!important}

.rooms.individualtemplate{
	box-sizing: border-box;
	
}
.rooms.individualtemplate > div[id*='up1']{
	display: flex;
	flex-wrap: wrap;
}

.rooms.individualtemplate *,
.rooms.individualtemplate *:before,
.rooms.individualtemplate *:after{
	  box-sizing: border-box;
}

.rooms.individualtemplate .item:after,
.rooms.individualtemplate:after{
	content:'';
	display:block;
	clear:both;
}


.rooms.individualtemplate .item{
	flex-grow:1;
	width:50%;
	padding:0 60px 50px 0;
	box-sizing:border-box;
	position:relative;
}

.rooms.individualtemplate .item:after{
	content:'';
	background: url(i/bg-hr2.gif) repeat-x left bottom;    
    overflow: hidden;
	position:absolute;
	left:0;
	bottom:30px;
	height:2px;	
	width:100%;
}


.rooms.individualtemplate .gallery{
	width:50%;	
	float:left;
	padding:0 30px 0 0;	
	position:relative;
}



.rooms.individualtemplate .gallery .next,
.rooms.individualtemplate .gallery .prev {
    cursor: pointer;
    position: absolute;
    right: 30px;
    z-index: 999;
    top: calc(50% - 30px);
    width: 40px;
    height: 60px;
    background: rgba(0,0,0,.3);
	margin:0;
	padding:0;
	opacity:0;
	visibility:hidden;
	transition:all 400ms ease;
}
.rooms.individualtemplate .gallery:hover .next,
.rooms.individualtemplate .gallery:hover .prev{
	visibility:visible;
	opacity:1;
}


.rooms.individualtemplate .gallery .prev {
    left: 0;
    right: auto;
}

.rooms.individualtemplate .gallery  .next:before,
.rooms.individualtemplate .gallery  .prev:before {
    background: url(i/sp_neu.png) no-repeat 0 -116px;
    content: ' ';
    display: block;
    width: 18px;
    height: 29px;
    margin: 17px auto 0 auto;
}

.rooms.individualtemplate .gallery  .prev:before {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}



.rooms.individualtemplate .gallery .img{
	height:200px;	
}

.rooms.individualtemplate .gallery  a{
	display:block;
	width:100%;
	height:100%;
}

.rooms.individualtemplate .gallery img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.rooms.individualtemplate .txt h3{
	font-size:.9rem;
    margin-bottom: 3px;
    font-family: FuturaL,Calibri,Arial;
	font-weight: bold;
    text-transform: uppercase;
}
.rooms.individualtemplate .txt h3 span{
	text-transform:none;
	margin:0 0 0 8px;
	display:inline-block;
}

.rooms.individualtemplate .size,
.rooms.individualtemplate .guests,
.rooms.individualtemplate .type{
	display:list-item;
	margin:0 0 0 15px;
}


.rooms.individualtemplate .prev{
	font-size: 0.8em;
    color: #555;
    width: 85%;
    line-height: 130%;
    display: block;
    margin:15px 0 15px 0;
	
}

.rooms.individualtemplate .more:before{	
    content: ' ';
    background: url(i/sp_neu.png) no-repeat -43px -128px;
    width: 13px;
    height: 18px;
    margin: 0 4px;
    display: block;
    position: absolute;
    left: 4px;
    top: 5px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transform: translateZ(0);	
}
.rooms.individualtemplate .more {
	position: relative;
    font-size: .75rem;    
    background: #005E96;
    display: inline-block;
    margin: 4px 0 10px 0;
    white-space: nowrap;
    color: #fff;
    padding: 4px 15px 4px 26px;
	
}

.rooms.individualtemplate .more:hover:before {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


.rooms.individualtemplate .txt{
	width:50%;	
	float:left;
}


.room-detail.view3{
		
}
.room-detail.view3 .header .gallery{
	position:relative;
	text-align:center;
}

.room-detail.view3 .header{
	margin-bottom:60px;
}

.room-detail.view3 .room .back{
	display:none;
}

.room-detail.view3 .main{
	max-width:1300px;
	margin:0 auto;
	font-size:.9rem;
	line-height:140%;
	
}

.room-detail.view3 .view3-inner:after,
.room-detail.view3 .room .images:after{content:'';display:block;clear:both;}
.room-detail.view3 .room .images{
	float:left;
	width:32%;
	box-sizing:border-box;
	padding-right:30px;
	
}
.room-detail.view3 .room .txt{
	float:left;
	width:68%;
}


.room-detail.view3 .room .images .image{
	width:50%;
	float:left;
	display:block;
	height:125px;
	box-sizing:border-box;	
}

.room-detail.view3 .room .images img{
	width:100%;
	display: block;
	height:100%;	
	object-fit:cover;
}

.room-detail.view3 .room .images .image.img0{
	width: 100%;
	float:none;	
	height:auto;
}

.room-detail.view3 .room .images .image.img0 img{
	object-fit:unset;
	height:auto;
}
.room-detail.view3 .room .images .image:not(.img0){margin-top:4px;}
.room-detail.view3 .room .images .image.img1,
.room-detail.view3 .room .images .image.img3{margin-right:2px;width:calc(50% - 2px)}
.room-detail.view3 .room .images .image.img2,
.room-detail.view3 .room .images .image.img4{margin-left:2px;width:calc(50% - 2px)}

.room-detail.view3 .btn{
	display:block;
	margin:30px 0 0;
}

.room-detail.view3 .button{
	display:inline-block;
}


.tabmenus{
	list-style-type: none;
    font-size: .9rem;
    margin: 0 0 25px;
    padding: 0;
    border-bottom: 1px solid #EFEEEE;
	text-align:center;
	display:block;
	width:100%;
}

.tabmenus a:link,
.tabmenus a:visited{
	display: inline-block;
    text-decoration: none;
    color: #333;
    margin: 0 12px 0 0;
    padding: 7px 7px 5px 7px;
    position: relative;
	letter-spacing:-.5px;
}
.tabmenus a:last-child{margin-right:0;}

.tabmenus a.active,
.tabmenus a:hover{
	background: #f3f3f3;
    color: #333;
}