@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400,700,900); 

* {
    outline: 0!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body 
{ font:12px/1.6 'Open Sans', sans-serif;    font-weight: 400;    color:#222;    -webkit-font-smoothing: antialiased; z-index: 1;
	width: 1170px;
	max-width: 100%;
	margin: 10px auto;
}
h1,
h3 {	font-family: 'Open Sans', sans-serif;	text-transform: uppercase;}


.clear
{
	clear: both;
}

.flex
{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}



.righttextdetails
{
	width: 40%;
	padding: 10px 20px;
	position: relative;
	border-right: 1px solid #84c1d5;
	border-top: 1px solid #84c1d5;
	border-bottom: 1px solid #84c1d5;
}

.righttextdetails h1
{
	margin: 0px;
	padding: 0px;
	color: #2e97b8;
	font-weight: 500;
	font-size: 28px;
}

.righttextdetails h2
{
	margin: 0px;
	padding: 16px 0px 0px;
	color: #333;
	font-weight: 500;
	font-size: 20px;
}


.slidenumdetails
{
	width: 60%;
	position: relative;
}

.slidenumdetails .slider
{
	min-height: 393px;
	height: 393px;
	max-height: 100vh;
}

.slidenumdetails .slider>div
{
	height: 100%;
}

.slidenumdetails .slider img
{
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: center;
}

.slidenumdetails .slider_nav
{
	clear: both;
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	z-index: 10;
	display: none;
	background-color: #d1e9f1bb;
}

.numbericons {
    margin: 0px -20px;
    border-top: 1px solid #d1e9f1;
    border-bottom: 1px solid #d1e9f1;
    padding: 10px 12px 2px;
	background: #d1e9f1;
}

.numbericons span {
    display: inline-block;
    padding: 3px 10px;
    color: #58acc7;
    font-size: 16px;
    position: relative;
    top: -7px;
}

.inroom a
{
	text-decoration: none;
	color: #2e97b8;
	text-transform: uppercase;
	padding-top: 10px;
	display: inline-block;
}

.inroom img
{
	margin: 4px;
	width:16px;
	height:16px;
	display: inline-block;
	margin-right: 8px;
	position: relative;
	top: 6px;
}

.inroom span
{
	color: #666;
	position: relative;
	font-size: 16px;
}


.category
{
	text-align: right;
    padding: 3px 10px;
    color: #666;
    font-size: 16px;
    text-transform: lowercase;
}

.abouttext
{
	font-size: 16px;
	color: #666;
	padding: 0px 5px 0px 20px;
}

ul.nav
{
	display: flex;
    max-width: 100%;
    width: 100%;
    padding: 0px 20px 10px;
    margin: 0px;
    text-align: center;
    justify-content: space-between;
}

ul.nav img
{
	max-height: 100%;
	max-width: 100%;
}

.downtext
{
	background: #ddeef4;
	padding: 20px;	
}

.downtext h2
{
	color: #40a0be;
	font-weight: 400;
	padding: 0px 0px 10px;
	margin: 0px;
}

.aboutnumber span
{
	position: relative;
	top: -10px;
	font-size: 14px;
}

.aboutnumber>div
{
	padding: 0px 25px;
}

.aboutnumber>div:first-child
{
	border-right: 2px solid #b9d4eb;
	width: 100%;
}

.downtext img
{
    margin: 0px 6px 0px 0px;
    position: relative;
    width: 32px;
    top: 2px;
}

.innumber.flex,
.inbath.flex
{
	flex-wrap: wrap;
}

.innumber>div
{
	width: 33%;
	color: #666;
	padding: 1px 4px;
}

.inbath>div
{
	width: 50%;
	color: #666;
	padding: 1px 4px;
}

.brownbtn
{
	color: #fff;
	padding: 10px 18px;
	text-align: center;
	text-decoration: none;
	background: #8d6a2a;
	text-transform: uppercase;
	display: inline-block;
}


@media (max-height: 600px) and (min-width: 1000px)
{
/*	.slidenumdetails .slider_nav
	{
		margin: -61px -20% 0px;
		position: fixed;
	}

	.righttextdetails
	{
		width: calc(40% - 0px);
		padding: 12px;
		font-size: 11px;
	}

	.righttextdetails ul
	{
		line-height: 14px;
	}

	.righttextdetails p
	{
		margin: 0px;
		padding: 0px;
	}
	.righttextdetails h1
	{
		font-size: 14px;
		margin: 0px;
		padding: 0px;
	}


	.slidenumdetails
	{
		width: 60%;
		min-height: 100%;
		overflow: hidden;
	}

	.slidenumdetails .slider {
	    min-height: 100%;
	}*/
}

.slidenumdetails ul li
{
	list-style: none;
}

.slidenumdetails ul li a
{

}

.slidenumdetails ul li.activeSlide a 
{

}

.slidenumdetails ul li a img
{
	opacity: 0.5;
}

.slidenumdetails ul li.activeSlide a img
{
	opacity: 1;
}

.slidenumdetails .arrows.dx {
	background-position: -2px 0;
}

.slidenumdetails .arrows.dx:hover {
	opacity: 0.75;
}

.slidenumdetails .arrows.sx {
	background-position: -64px 0;
}

.slidenumdetails .arrows.sx:hover {
	opacity: 0.75;
}

.slidenumdetails .arrows {
	background: url(/themes/manotel-geneva/images/sprite_arrows30.png) no-repeat top left transparent;
	width: 18px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-top: 12px;
}
 
.button a { display: inline-block; clear: both;	letter-spacing: 1px; display: inline-block; color:#fff; background-color:#999999; padding: 6px 8px; font-size: 11px;    line-height: 1;  padding: 6px 8px; text-decoration: none !important; text-transform: uppercase; opacity:0.85; filter:alpha(opacity=85) 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.button a:hover {	background-color:#000;}	


@media (max-width: 980px)
{
	body
	{
        	margin: 0px auto;
	    padding: 10px;
	}

	.flex.mainflex
	{
	    display: flex;
	    flex-wrap: wrap;
	    flex-direction: column-reverse;
	    justify-content: space-between;
	}


	.righttextdetails
	{
		width: 100%;
		border-left: 1px solid #84c1d5;
	}

	.downtext h2 {
	    padding: 20px 0px 10px;
	}

	.slidenumdetails
	{
		display: block;
		width: 100%;
		margin: 0px auto;
		overflow: hidden;
		min-height: 300px;
		height: auto;
	}

	.righttextdetails h1 {
	    font-size: 16px;
	}
        .righttextdetails h2 {
	    font-size: 18px;
	}

	.numbericons {
	    margin: 0px -6px;
	}

	.numbericons span {
	    padding: 3px 6px 0px 0px;
	    font-size: 12px;
	    top: 0px;
	    display: block;
	}

	.inroom span {
	    font-size: 12px;
	}

	.slidenumdetails .slider {
	    min-height: 293px;
	    height: 293px;
	}

	ul.nav {
	    padding: 0px 4px 0px;
	}

	.abouttext {
	    font-size: 12px;
	}

	.aboutnumber.flex
	{
		display: block;
	}

	.innumber>div,
	.inbath>div {
	    width: 100%;
	}

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

	.slidenumdetails .slider_nav
	{
		clear: both;
		position: relative;
		height: auto;
	}

	.slidenumdetails .arrows
	{
		display: none;
	}


	.righttextdetails
	{
		width: auto;
		padding: 6px;
		float: none;
		height: auto;
		background: #ffffffdd;
		z-index: 10;
		position: relative;
	}

	h1
	{
		font-size: 16px;
		margin: 0px;
		padding: 0.5em 0;
	}
	.righttextdetails p
	{
		font-size: 11px;
		margin: 0px;
		padding: 2px 0px;
	}
	.righttextdetails ul
	{
		font-size: 11px;
	}

}