/* ******************************************************************* PARTI COMUNI */
body, html {
	height: 100%;
}
body {
	padding: 0 0 0 0;
	margin: 0;
	font: 14px 'Merriweather Sans', sans-serif;
	color: #000;
	text-align: center;
}
p {
	margin: 0;
}
.box {
	width: 980px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
a:link, a:visited, a:hover, a:active {
	color: #000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.clear {
	clear: both;
	height: 0;
	visibility: hidden;
}
.scroll-to-top {
	background: url("../images/scroll-to-top.png") no-repeat scroll 0 0 transparent;
	bottom: 8%;
	cursor: pointer;
	display: none;
	width: 32px;
	height: 32px;
	position: fixed;
	right: 15px;
	z-index: 999;
}
.view_mobile, .view_ipad {
	display: none !important;
}
.hide_desktop {
	display: none;
}
img {
	border: 0;
}
#ui-datepicker-div {
	font-size: 13px;
	z-index: 551 !important;
}
figure { display:inline-block; }
/* ******************************************************************* FINE PARTI COMUNI */

/* ******************************************************************* ANIMAZIONI */
/* ******************************************************************* FINE ANIMAZIONI */

/* ******************************************************************* HEADER */
#header {
	display: block;
	background: url(../images/sfondo-header.jpg) repeat-y center top;
	z-index: 302;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#header #logo {
	margin: 0 auto;
	width: 212px;
	display: block;
}
#header #logo img {
	display: block;
	max-width: 100%;
	height: auto;
}
#header #bar {
	background-color: #363234;
	font-size: 0;
	position: relative;
	transition: all 0.2s ease;
}
#header #bar.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 35px;
}
#header #logoBar {
	position: absolute;
	bottom: 0;
	left: 60px;
	height: 0;
	width: 214px;
	overflow: hidden;
	transition: all 0.2s ease;
	z-index: 101;
}
#header #logoBar img {
	max-height: 100%;
	width: auto;
}
#header #bar.fixed #logoBar {
	height: 96px;
}
#header #extra {
	position: absolute;
	bottom: 8px;
	right: 60px;
}
#header #extra .booking {
	display: inline-block;
	vertical-align: top;
	margin-top: 6px;
	width: 46px;
	height: 46px;
	border: 1px solid #fff;
	border-radius: 23px;
	background: url(../images/sprite24.png) no-repeat 0px 0px;
	transition: background-color 0.2s ease;
}
#quick-request {
	display: none;
	position: absolute;
	top: 62px;
	right: 0;
	background-color: #363234;
	background-color: rgba(54, 50, 52, 0.9);
	width: 217px;
	border-top: 1px solid #fff;
	text-align: left;
	padding: 14px;
	color: #fff;
	font-size: 12px;
}
#quick-request .form_row {
	position: relative;
	margin: 0 3px 13px 3px;
}
#quick-request label {
	display: block;
	line-height: 1.4em;
	padding-bottom: 2px;
}
#quick-request input, #quick-request select {
	background-color: #fff;
	font: 14px 'Merriweather', serif;
	border: 0;
	height: 40px;
	width: 204px;
	text-align: left;
	padding-left: 15px;
	box-sizing: border-box;
}
#quick-request .form_row .fa {
	position: absolute;
	right: 19px;
	bottom: 11px;
	font-size: 18px;
	color: #363234;
}
#quick-request .row_invia .fa {
	color: #fff;
}
#quick-request .row_invia input {
	background-color: transparent;
	text-transform: uppercase;
	cursor: pointer;
	color: #fff;
	border: 1px solid #fff;
	border-width: 1px 0;
	text-align: center;
	padding: 0;
	font-size: 13px;
	transition: all 0.2s ease;
}
#quick-request .row_invia input:hover {
	background-color: #f77816;
	border-color: #f77816;
}
#header #extra .booking:hover {
	background-color: #f77816;
}
#header #extra #language {
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-size: 12px;
	margin-left: 11px;
	margin-top: 6px;
}
#header #extra #language #active-lang {
	width: 46px;
	height: 46px;
	line-height: 46px;
	border: 1px solid #fff;
	border-radius: 23px;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.2s ease;
}
#header #extra #language #active-lang:hover, #header #extra #language.sfhover #active-lang {
	background-color: #f77816;
}
#header #extra #language .mod-languages {
	display: none;
	margin: 1px 0 0 0;
	position: absolute;
	bottom: -40px;
	left: 50%;
	width: 100px;
	margin-left: -50px;
}
#header #extra #language .mod-languages:before {
	content: " ";
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 9px solid #494447;
}
#header #extra #language .lang-inline {
	margin: 9px 0 0 0;
	padding: 0;
	list-style: none;
	background-color: #494447;
}
#header #extra #language:hover .mod-languages {
	display: block;
}
#header #extra #language .lang-inline li {
	display: inline-block;
	width: 35px;
	text-align: center;
}
#header #extra #language .lang-inline a {
	color: #fff;
	line-height: 22px;
	text-decoration: none;
	display: block;
	padding: 9px 7px;
}
#header #extra #language .lang-inline a:hover {
	color: #f77816;
}
/* ******************************************************************* FINE HEADER */

/* ******************************************************************* MENU */
#nav {
	position: relative;
}
#mobile_nav {
	display: none;
	width: 66px;
	height: 66px;
	border-radius: 33px;
	background-color: #363234;
	color: #f77816;
	font-size: 33px;
	line-height: 66px;
	position: absolute;
	bottom: 15px;
	left: 30px;
	transition: all 0.2s ease;
}
#mobile_nav:hover {
	background-color: #f77816;
	color: #fff;
}
#menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu {
	font-size: 0;
}
#menu li {
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
	position: relative;
}
#menu li a, #menu li a:hover {
	text-decoration: none;
	display: table-cell;
	line-height: 19px;
	color: #fff;
	padding: 12px 18px;
	height: 38px;
	vertical-align: middle;
	transition: background-color 0.2s ease;
}
#menu li a:hover, #menu li.sfhover > a {
	background-color: #f77816;
}
#menu li.active > a {
	background-color: #f77816;
	
}

#menu ul {
	display: none;
	position: absolute;
	left: 0;
	top: 62px;
	width: 210px;
	background-color: #494447;
	padding-top: 19px;
}
#menu li.sfhover > ul, #menu li:hover > ul {
	display: block;
}
#menu li li {
	display: block;
	border-top: 1px solid #828081;
}
#menu li li:first-child {
	border-top: none;
}
#menu li li a, #menu li li a:hover {
	display: block;
	padding: 8px 16px;
	text-align: left;
	font-style: italic;
	height: auto;
	font-size: 13px;
}
/* ******************************************************************* FINE MENU */

/* ******************************************************************* FOTO */
#foto {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	z-index: 202;
	 overflow:hidden;
}
#foto.noPhoto {
	display: none;
}
#foto .inner {
	padding-top: 156px;
	height: 100%;
	box-sizing: border-box;
}
#foto .inner2 {
	height: 100%;
	position: relative;
}
#foto .ns_nerveSlider {
	position: absolute !important;
}
#foto .list img {
	width: 100%;
	height: auto;
	display: block;
}
#foto .list img:not(:first-child) {
	display: none;
}
.ns_nerveSlider .ns_dots .ns_dot {
	width: 12px;
	height: 12px;
}
#foto #slogan {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #333333;
	background-color: rgba(51, 51, 51, 0.7);
	z-index: 201;
	color: #fff;
}
#foto #slogan .text {
	font-size: 27px;
	padding: 19px 0;
	text-transform: uppercase;
}
#foto #slogan .booking {
	display: block;
	width: 157px;
	margin: 0 auto 14px auto;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #fff;
	border-width: 1px 0;
	line-height: 42px;
	font-size: 13px;
	transition: all 0.2s ease;
}
#foto #slogan .booking .fa {
	font-size: 16px;
	line-height: 38px;
	height: 38px;
	margin-left: 11px;
}
#foto #slogan .booking:hover {
	background-color: #f77816;
	border-color: #f77816;
}
#foto #scrollDown {
	position: absolute;
	left: 50%;
	bottom: -40px;
	margin-left: -20px;
	background-color: #363234;
	color: #000;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 28px;
	color: #fff;
	z-index: 191;
}
/* ******************************************************************* FINE FOTO */

/* ******************************************************************* CONTENT */
#content {
	display: block;
}
#content.noPhoto {
	padding-top: 156px;
}
#content #article {
	line-height: 1.5em;
    padding-bottom: 60px;
}
#content #article h1 {
	font-size: 27px;
	margin: 0 0 26px 0;
	padding-top: 75px;
	line-height: 1.5em;
	color: #8e8467;
	text-transform: uppercase;
	font-weight: 400;
}
#content #article h2 {
	font-size: 21px;
	margin: 13px 0;
	line-height: 1.5em;
	text-transform: uppercase;
	font-weight: 400;
}
#content #article h3 {
	font-size: 19px;
	margin: 26px 0 13px 0;
	line-height: 1.5em;
}
#content #article h4 {
	font-size: 16px;
	margin: 13px 0;
	line-height: 1.5em;
}
#content #article h3.hideSection:hover, #content #article h4.hideSection:hover {
	cursor: pointer;
}
#content #article h3.hideSection:after, #content #article h4.hideSection:after {
	content: "\f107";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding-left: 9px;
}
#content #article div.hideSection {
	overflow: hidden;
}
#content #article p {
	margin: 26px 0;
}
#content #article img {
	max-width: 100%;
	height: auto;
}
#content #article .imgCenter img {
	display: block;
	margin: 0 auto;
}
#content #article .simplebutton {
	display: inline-block;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 19px;
	border: 1px solid #000;
	border-width: 1px 0;
	line-height: 42px;
	font-size: 14px;
	transition: all 0.2s ease;
}
#content #article .simplebutton:hover {
	background-color: #f77816;
	border-color: #f77816;
	color: #fff;
}
#content #article .blockImageText .block {
	border-bottom: 1px solid #363234;
	overflow: hidden;
	padding: 19px 22px;
}
#content #article .blockImageText .block:last-child {
	border-bottom: none;
}
#content #article .blockImageText .image {
	float: left;
	width: 225px;
}
#content #article .blockImageText .image img {
	display: block;
	margin: 0 auto;
}
#content #article .blockImageText .text {
	margin-left: 245px;
}
#content #article .blockImageText h3 {
	margin-top: 0;
}
#content #article .blockImageText p {
	margin: 12px 0;
}
.ba-caption .ba-caption-content h3, .ba-caption .ba-caption-content .image-category, .ba-caption .ba-caption-content .short-description {
	margin: 15px !important;
}
.ba-caption-content p {
    line-height: normal !important;
    margin: 15px !important;
}
/* ******************************************************************* FINE CONTENT */

/* ******************************************************************* IMAGE BOX TEXT-ABSOLUTE */
.imgTextAbs {
	position: relative;
}
.imgTextAbs img {
	width: 100%;
	height: auto;
	display: block;
}
.imgTextAbs .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.imgTextAbs h1, .imgTextAbs .h1 {
	margin: 0;
	background-color: #363234;
	background-color: rgba(54, 50, 52, 0.6);
	font-size: 27px;
	color: #fff;
	font-weight: 400;
	line-height: 56px;
	padding: 30px 0;
}
.imgTextAbs.konzept {
	font-size: 0;
}
.imgTextAbs.konzept a {
	display: inline-block;
	font-size: 27px;
	color: #fff;
	text-decoration: none;
	margin: 5% 2% 0 2%;
	position: relative;
	transition: color 0.2s ease;
}
.imgTextAbs.konzept a:hover {
	color: #f77816;
}
.imgTextAbs.konzept a img {
	display: block;
	margin-bottom: 20px;
}
.imgTextAbs.konzept a img.hover {
	position: absolute;
	top: 0;
	left: 0;
}
.imgTextAbs.konzept a img.hover.hide {
	display: none;
}
.imgTextAbs.konzept a strong {
	font-weight: normal;
	color: #f77816;
}
/* ******************************************************************* FINE BOX IMAGE TEXT-ABSOLUTE */

/* ******************************************************************* BOX OFFERS */
#gridOffer {
	background-color: #877c61;
	font-size: 0;
	position: relative;
}
#gridOffer .offers .item {
	text-align: center;
}
#gridOffer .offers .offerImage {
	float: left;
	width: 50%;
	height: 449px;
	overflow: hidden;
	position: relative;
}
#gridOffer .offers .offerImage img {
	display: block;
    object-fit: cover;
}
#gridOffer .offers .offerImage .boxShadow:before {
	content: ' ';
    position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
}
#gridOffer .offers .offerTitle {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#gridOffer .offers .offerTitle:before {
	content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
#gridOffer .offers .offerTitle .inner {
	display: inline-block;
    vertical-align: middle;
	color: #fff;
	font-size: 34px;
	font-style: italic;
	width: 60%;
	font-family: 'Merriweather', serif;
	line-height: 1.6em;
	white-space: normal;
}
#gridOffer .offers .offerTitle .inner a {
	color: #fff;
	text-decoration: none;
}
#gridOffer .offers .offerTxt:before {
	content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
#gridOffer .offers .offerTxt .inner {
	display: inline-block;
    vertical-align: middle;
	white-space: normal;
}
#gridOffer .offers .offerTxt {
	float: left;
	width: 50%;
	height: 449px;
	overflow: hidden;
	color: #fff;
	font-family: 'Merriweather', serif;
	font-size: 14px;
	line-height: 1.7em;
}
#gridOffer .offers .offerTxt .offerText {
	padding-top: 22px;
	font-style: italic;
	margin: 0 24px;
}
#gridOffer .offers .offerTxt .offerText:before {
	content: " ";
	width: 130px;
	display: block;
	margin: 0 auto 33px auto;
	border-top: 1px solid #fff;
}
#gridOffer .offers .offerTxt .offerDate {
	padding: 4px 0;
	margin: 0 24px;
	font-style: italic;
	font-weight: 700;
}
#gridOffer .offers .offerTxt .offerPrice {
	font-size: 26px;
	font-style: italic;
	padding: 27px 0;
	margin: 0 24px;
}
#gridOffer .offers .offerTxt .offerService {
	max-height: 141px;
	overflow: hidden;
}
#gridOffer .offers .offerTxt .offerService ul {
	margin: 0 24px;
	padding: 0;
	list-style: none;
}
#gridOffer .offers .offerTxt .offerService ul li:before {
	content: "-";
	padding-right: 11px;
}
#gridOffer .offers .offerTxt .offerLink {
	margin-top: 26px;
}
#gridOffer .offers .offerTxt .offerLink a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 19px;
	border: 1px solid #fff;
	border-width: 1px 0;
	line-height: 42px;
	font-size: 14px;
	transition: all 0.2s ease;
	font-family: 'Merriweather Sans', sans-serif;
}
#gridOffer .offers .offerTxt .offerLink a .fa {
	font-size: 16px;
	line-height: 38px;
	height: 38px;
	margin-left: 11px;
}
#gridOffer .offers .offerTxt .offerLink a:hover {
	background-color: #f77816;
	border-color: #f77816;
}
#gridOffer #controls {
	position: absolute;
	left: 50%;
	bottom: 20px;
	margin-left: -180px;
	background-color: #fff;
	z-index: 202;
	font-size: 13px;
}
#gridOffer #controls.hide {
	display: none;
}
#gridOffer #controls a {
	float: left;
	width: 180px;
	color: #363234;
	text-decoration: none;
	line-height: 45px;
	font-family: 'Merriweather', serif;
	font-style: italic;
	transition: all 0.2s ease;
}
#gridOffer #controls a:hover {
	background-color: #f77816;
	color: #fff;
}
#gridOffer #controls .divider {
	float: left;
	width: 1px;
	background-color: #363234;
	height: 29px;
	border: 8px solid #fff;
	border-width: 8px 0;
}
/* ******************************************************************* FINE BOX OFFERS */

/* ******************************************************************* BOX SCENE */
.scene {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
#scene {
	margin: 0;
	padding: 0;
	list-style: none;
}
.scene img {
	width: 100%;
	height: auto;
	display: block;
}
.scene .layer {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.scene .layer .sky {
	position: relative;
}
.scene .layer .sky img {
	width: 130%;
	position: relative;
	left: -15%;
	top: -10px;
}
.scene .text {
	position: absolute;
	left: 50%;
	bottom: 10%;
	margin-left: -340px;
	width: 680px;
	z-index: 101;
	font-size: 27px;
	color: #fff;
	text-transform: uppercase;
}
.scene .text .link a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 29px;
	border: 1px solid #fff;
	border-width: 1px 0;
	line-height: 52px;
	font-size: 14px;
	transition: all 0.2s ease;
	margin: 32px 0;
}
.scene .text .link .fa {
	font-size: 16px;
	line-height: 38px;
	height: 38px;
	margin-left: 11px;
}
.scene .text .link a:hover {
	background-color: #f77816;
	border-color: #f77816;
}
.scene .text .logos {
	text-align: center;
	font-size: 0;
}
.scene .text .logos img {
	display: inline-block;
	margin: 0 23px;
	width: auto;
	vertical-align: middle;
}
/* ******************************************************************* FINE BOX SCENE */

/* ******************************************************************* CONTENT - HOMEPAGE */
body.homepage .articleSx {
	float: left;
	width: 50%;
}
body.homepage .articleDx {
	float: left;
	width: 50%;
	background-color: #363234;
	color: #fff;
}
body.homepage .articleSx .image {
	height: 410px;
}
body.homepage #content #article img {
	max-width: 6000px;
}
body.homepage #article .text {
	text-align: left;
	padding: 61px 95px;
}
body.homepage #content #article .text p:last-child {
	margin-bottom: 0;
}
body.homepage #content #article .text h1 {
	padding-top: 0;
}
body.homepage #content #article .text h2.likeH1 {
	padding-top: 0;
	font-size: 27px;
	margin: 0 0 26px 0;
	line-height: 1.2em;
	color: #8e8467;
	text-transform: uppercase;
	font-weight: 400;
}
body.homepage #content #article .text .link {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 19px;
	border: 1px solid #fff;
	border-width: 1px 0;
	line-height: 42px;
	font-size: 13px;
	margin-top: 16px;
	transition: all 0.2s ease;
}
body.homepage #content #article .text .link .fa {
	font-size: 16px;
	line-height: 38px;
	height: 38px;
	margin-left: 11px;
}
body.homepage #content #article .text .link:hover {
	background-color: #f77816;
	border-color: #f77816;
}
body.homepage #article .image {
	overflow: hidden;
	font-size: 0;
}
body.homepage #article .ns_nerveSlider {
	display: block;
}
body.homepage #article .image img {
	display: block;
	width: 100%;
	height: auto;
}
body.homepage #article .image img:not(:first-child) {
	display: none;
}
body.homepage #article .image .ns_nerveSlider .ns_dots {
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
body.homepage #article .image .ns_nerveSlider .ns_dots .ns_dot {
	display: inline-block;
	vertical-align: top;
	float: none;
}

body #article .item-page .link-pdf a {
	display: inline-block;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 29px;
	border: 1px solid #000;
	border-width: 1px 0;
	line-height: 52px;
	font-size: 14px;
	transition: all 0.2s ease;
	margin: 32px 0;
}
body #article .item-page .link-pdf a:hover {
	background-color: #f77816;
	border-color: #f77816;
	color: #fff;
}
/* ******************************************************************* FINE CONTENT - HOMEPAGE */

/* ******************************************************************* FOOTER */
#footer {
	background-color: #363234;
	font-size: 0;
	text-align: center;
}
#footer .inner {
	display: table;
	margin: 0 auto;
	padding-top: 38px;
	width: 90%;
}
#footer .inner > div {
	font-size: 12px;
	display: table-cell;
	vertical-align: top;
	width: 33%;
	text-align: left;
	color: #fff;
	box-sizing: border-box;
	padding: 0 2%;
}
#footer a, #footer a:hover {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .inner .address {
	font-size: 14px;
	border-right: 1px solid #737071;
}
#footer .address .title {
	text-transform: uppercase;
	font-size: 27px;
	color: #8e8467;
	margin-bottom: 26px;
}
#footer .address address {
	font-style: normal;
	line-height: 1.6em;
}
#footer .address address p {
	margin: 12px 0;
}
#footer .address address .email {
	font-size: 20px;
}
#footer .address address .tel {
	font-size: 20px;
}
#footer .address address .tel .text {
	display: none;
}
#footer .address .route {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 19px;
	border: 1px solid #fff;
	border-width: 1px 0;
	line-height: 42px;
	font-size: 14px;
	transition: all 0.2s ease;
	margin-top: 32px;
}
#footer .address .route .fa {
	font-size: 16px;
	line-height: 38px;
	height: 38px;
	margin-left: 11px;
}
#footer .address .route:hover {
	background-color: #f77816;
	border-color: #f77816;
}
#footer .award {
	border-right: 1px solid #737071;
}
#footer .award .title {
	text-transform: uppercase;
	font-size: 19px;
	color: #8e8467;
	margin-bottom: 26px;
}
#footer .award .loghi {
	overflow: hidden;
}
#footer .award .loghi img {
	float: left;
	margin-right: 17px;
}
#footer .award .link {
	display: block;
	text-align: center;
	background-color: #8e8467;
	line-height: 21px;
	padding: 15px 7px;
	font-size: 14px;
	margin-top: 38px;
	transition: all 0.2s ease;
}
#footer .award .link .evid {
	font-size: 18px;
}
#footer .award .link:hover {
	text-decoration: none;
	background-color: #f77816;
}
#footer .service {
}
#footer .service .title {
	text-transform: uppercase;
	font-size: 19px;
	color: #8e8467;
	margin-bottom: 26px;
}
#footer .service .social {
	float: left;
	width: 50%;
}
#footer .service .social a, #footer .service .social a:hover {
	float: left;
	width: 76px;
	height: 76px;
	border-radius: 38px;
	background-color: #fff;
	color: #8e8467;
	font-size: 42px;
	text-align: center;
	line-height: 76px;
	margin-right: 10px;
	transition: all 0.2s ease;
}
#footer .service .social a:hover {
	background-color: #f77816;
	color: #fff;
}
#footer .service .app {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-left: 14px;
}
#footer .service .app a, #footer .service .app a:hover {
	float: left;
	width: 76px;
	height: 76px;
	border-radius: 38px;
	background-color: #8e8467;
	color: #fff;
	font-size: 42px;
	text-align: center;
	line-height: 76px;
	margin-right: 10px;
	transition: all 0.2s ease;
}
#footer .service .app a:hover {
	background-color: #f77816;
	color: #fff;
}
#footer .service .app a.appIcon {
	background-image: url(../images/sprite24.png);
	background-position: 0 -50px;
	background-repeat: no-repeat;
}
#footer .service #menuServizi {
	clear: left;
	margin: 0;
	padding: 24px 0 0 0;
	list-style: none;
}
#footer .service #menuServizi li {
	float: left;
	width: 50%;
}
#footer .service #menuServizi li a, #footer .service #menuServizi li a:hover {
	font-size: 15px;
	display: block;
	border-bottom: 1px solid  #828081;
	text-decoration: none;
	margin-right: 14px;
	line-height: 18px;
	padding: 8px 0;
	transition: all 0.2s ease;
}
#footer .service #menuServizi li:nth-child(even) a {
    margin-left: 14px;
	margin-right: 0;
}
#footer .service #menuServizi li a:hover {
	border-color: #f77816;
	color: #f77816;
}
#footer .service #menuServizi li a:after {
	content: "\f105";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding-left: 9px;
}
#footer #footerLast {
	color: #fff;
	width: 90%;
	margin: 0 auto;
	padding: 23px 0 14px 0;
}
#footer #footerLast > div {
	font-size: 12px;
	display: inline-block;
	text-align: left;
	width: 33%;
	box-sizing: border-box;
    padding: 0 2%;
}
#footer #footerLast .colCenter {
	text-align: center;
}
#footer #footerLast #menuInfo {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
#footer #footerLast #menuInfo li {
	float: left;
}
#footer #footerLast #menuInfo li:before {
	content: "/";
	display: inline-block;
	padding: 0 3px;
}
#footer #footerLast #menuInfo li:first-child:before {
	content: "";
}
#footer #footerLast .colCenter {
	text-align: center;
}
#footer #footerLast .colDx {
	text-align: right;
}
#footer #footerLast .colDx #byaltea  {
	display: block;
	width: 133px;
	margin-left: auto;
}
#footer #footerLast .colDx #byaltea img {
	display: block;
}
/* ******************************************************************* FINE FOOTER */

/* ******************************************************************* CONTENT - ROOMS */
#room .room-preview {
	overflow: hidden;
	margin-bottom: 28px;
}
#room .room-preview .room-image {
	float: left;
}
#room .room-preview .room-image img {
	display: block;
}
#room .room-preview .room-info {
	margin-left: 480px;
	text-align: center;
	font-size: 18px;
	padding-top: 9px;
}
#room .room-preview .room-info .room-title {
	font: 28px 'Merriweather', serif;
	padding: 0 23px;
}
#room .room-preview .room-info .room-data {
	margin-bottom: 24px;
}
#room .room-preview .room-info .room-more {
	font-size: 0;
}
#room .room-preview .room-info .room-more a {
	width: 56px;
	height: 56px;
	line-height: 56px;
	background-color: #877c61;
    border-radius: 28px;
    color: #fff;
    transition: background-color 0.2s ease;
	font-size: 11px;
	display: inline-block;
	text-decoration: none;
	margin: 0 12px;
}
#room .room-preview .room-info .room-more a:hover {
	background-color: #f77816;
}
#room .room-preview .room-info .room-more .room-gallery {
	display: none;
}
#room .room-preview .room-info .room-btns {
	margin-top: 28px;
	font-size: 0;
}
#room .room-preview .room-info .room-btns a {
	display: inline-block;
	padding: 0 12px;
	margin: 0 8px;
	color: #363234;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #363234;
	border-width: 1px 0;
	line-height: 42px;
	font-size: 14px;
	transition: all 0.2s ease;
}
#room .room-preview .room-info .room-btns a:hover {
	background-color: #f77816;
	border-color: #f77816;
	color: #fff;
}
#room .room-preview .room-info .room-btns form {
	display: none;
}
#room .room-preview .room-desc {
	background-color: #363234;
	color: #fff;
	padding: 16px 32px;
}
#room .room-preview .room-desc .price {
	width: 100%;
}
#room .room-preview .room-desc .price td {
    background-color: #fff;
    color: #000;
}
#room .room-preview .room-desc .price tr:nth-child(odd) td {
	background-color: #877c61;
	color: #fff;
}
#room .room-preview .room-desc .price tr:hover td {
	background-color: #f77816;
}
/* ******************************************************************* FINE CONTENT - ROOMS */

/* ******************************************************************* CONTENT - RATES */
.price {
	border-spacing: 1px;
	margin-bottom: 46px;
	width: 100%;
	background-color: #363234;
}
.price td, .price th {
	text-align: center;
	font-size: 13px;
}
.price .date .period {
	white-space: nowrap;
}
.price .type {
	white-space: nowrap;
}
.price td {
	background-color: #8e8467;
	color: #fff;
	padding: 5px 8px;
	transition: all 0.2s ease;
}
.price th {
	font-size: 17px;
	text-align: left;
	padding: 13px 15px;
	background-color: #363234;
	color: #fff;
}
.price .room-desc th {
	font-size: 13px;
	font-weight: normal;
}
.price .room-desc .room-image {
	float: left;
	margin-right: 17px;
}
.price .room-desc .room-text p:first-child {
	margin-top: 0 !important;
}
.price .room-desc .room-text p {
	margin: 16px 0 !important;
}
.price th .moreInfo {
	display: inline-block;
	padding: 0 12px;
	margin: 0 8px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #fff;
	line-height: 32px;
	font-size: 14px;
	transition: all 0.2s ease;
	font-weight: normal;
}
.price th .moreInfo:hover {
	background-color: #f77816;
}
.price.kid th {
	font-size: 13px;
	text-align: center;
	padding: 6px 2px;
	background-color: #363234;
	color: #fff;
	font-weight: normal;
}
.price tr:nth-child(odd) td {
	background-color: #fff;
	color: #000;
}
.price tr:hover td {
	background-color: #f77816;
}
.price .room-btns {
	font-size: 0;
	text-align: right;
	font-weight: normal;
}
.price .room-btns a {
	display: inline-block;
	padding: 0 12px;
	margin: 0 8px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #f77816;
	line-height: 32px;
	font-size: 14px;
	transition: all 0.2s ease;
}
.price .room-btns a:hover {
	background-color: #8e8467;
}
.price .room-btns form {
	display: none;
}
.menu_interno {
	margin: 28px 0 0 0;
	font-size: 0;
	list-style: none;
	text-align: center;
}
.menu_interno li {
	display: inline-block;
}
.menu_interno li a {
	display: inline-block;
	padding: 0 12px;
	margin: 0 8px;
	color: #363234;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #363234;
	border-width: 1px 0;
	line-height: 42px;
	font-size: 14px;
	transition: all 0.2s ease;
}
.menu_interno li a:hover {
	background-color: #f77816;
	border-color: #f77816;
	color: #fff;
}
/* ******************************************************************* FINE CONTENT - RATES */

#stoerer {
	position: absolute;
    top: -135px;
    right: 60px;
    width: 242px;
    height: 242px;
	background:#fff;
    background: rgba(255, 255, 255, 0.36);	
	border-radius:50%;
}
.inner-stoerer {
	padding: 10px;
    background: #fff;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    display: block;
    margin: 11px auto 0 auto;
	font-size:17px;
	color:#363234;
}
.inner-stoerer img {margin-top:-15px; margin-bottom:2px;}
.yoga-title {font-size:24px; font-weight:bold; color:#f5782b;}
.yoga-txt {padding:5px 0;}
.inner-stoerer a {text-decoration:none; color:#f5782b; font-size:14px;}
/* ******************************************************************* CONTENT - OFFERS */
.pisa_package_content .offer {
	background-color: #877c61;
	color: #fff;
	margin-bottom: 24px;
}
.pisa_package_content .offer .offerImage {
	width: 50%;
	float: left;
}
.pisa_package_content .offer .offerImage img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 798 / 449;
	object-fit: cover;
}
.pisa_package_content .offer .offerTxt {
	margin-left: 50%;
	padding: 18px 23px;
	text-align: center;
	position:relative;
}

.pisa_package_content .offer .offerTxt img.highlight-image {position:absolute; top:-40px; right:-45px;}
.pisa_package_content .offer .offerTxt .title {
    color: #fff;
    font-size: 23px;
    font-style: italic;
    font-family: 'Merriweather', serif;
    line-height: 1.6em;
	text-align: center;
	margin-bottom: 16px;
}
.pisa_package_content .offer .offerTxt .rate {
    font-size: 19px;
    font-style: italic;
    padding: 27px 0;
    margin: 0 24px;
}
.pisa_package_content .offer .offerTxt .detail {
	text-align: left;
}
.pisa_package_content .offer form {
	display: none;
}
.pisa_package_content .offer .btns {
	font-size: 0;
}
.pisa_package_content .offer .btns a {
	display: inline-block;
	padding: 0 12px;
	margin: 0 8px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #fff;
	border-width: 1px 0;
	line-height: 42px;
	font-size: 14px;
	transition: all 0.2s ease;
}
.pisa_package_content .offer .btns a:hover {
	background-color: #f77816;
	border-color: #f77816;
}
/* ******************************************************************* FINE CONTENT - OFFERS */

/* ******************************************************************* CONTENT - TREATMENT */
/* ******************************************************************* FINE CONTENT - TREATMENT */

/* ******************************************************************* CONTENT - VOUCHER */
.form_buono .icontainer {
	text-align: center;
	margin-top: 33px;
}
.form_buono .icontainer input {
	background-color: transparent;
    text-transform: uppercase;
    cursor: pointer;
    color: #363234;
    border: 1px solid #363234;
    border-width: 1px 0;
    text-align: center;
    padding: 0;
    font: 14px 'Merriweather Sans', sans-serif;
    transition: all 0.2s ease;
	line-height: 40px;
	padding: 0 24px;
}
.form_buono .icontainer input:hover {
	background-color: #f77816;
    border-color: #f77816;
	color: #fff;
}
.voucherclass fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
.voucherclass .legend {
	color: #fff;
	background-color: #877c61;
	text-align: center;
	line-height: 1.2em;
	padding: 10px 0;
	font-size: 16px;
}
.voucherclass .image {
	text-align: center;
	padding: 11px 0;
}
.voucherclass .image img {
	display: block;
	margin: 0 auto;
}
.voucherclass .icon {
	text-align: center;
}
.voucherclass .icon input {
	border: 1px solid #000;
    font: 13px 'Merriweather Sans', sans-serif;
    color: #000;
    padding: 4px 3px;
    margin: 0;
}
.voucherclass .icon textarea {
	display: block;
	width: 80%;
	height: 105px;
	margin: 0 auto;
	border: 1px solid #000;
    font: 13px 'Merriweather Sans', sans-serif;
}
#richiesta.voucher .form_row {
	float: left;
	width: 48%;
}
#richiesta.voucher legend{
	color: #fff;
	background-color: #877c61;
	text-align: center;
	line-height: 1.2em;
	padding: 10px 0;
	font-size: 16px;
	margin-left: 0;
	width: 100%;
}
#richiesta.voucher .form_row.col1 {
	width: 99%;
}
#richiesta.voucher .form_row.inverti label {
	padding-left: 4px;
}
#richiesta.voucher .form_row.center {
	text-align: center;
}
#richiesta.voucher .form_row.center input, #richiesta.voucher .form_row.center select, #richiesta.voucher .form_row.center textarea {
	float: none;
}
/* ******************************************************************* FINE CONTENT - VOUCHER */

/* ******************************************************************* CONTENT - RICHIESTA */
#richiesta fieldset {
	border: 0;
	margin: 19px 0 0 0;
	padding: 0;
	text-align: left;
}
#richiesta legend, .titoloform  {
	padding: 0;
	font-size: 20px;
	margin: 22px 0 7px 152px;
	line-height: 1.2em;
}
#richiesta input, #richiesta textarea, #richiesta select {
	border: 1px solid #000;
	font: 13px 'Merriweather Sans', sans-serif;
	color: #000;
	padding: 2px 3px;
	width: 245px;
	margin: 0;
}

#richiesta textarea {
	width: 701px;
}
form.buonoform #richiesta input[type="text"], form.buonoform #richiesta select { width:150px; margin-left:10px;}
#richiesta input.no_color {
	border: 0;
	width: auto;
}
#richiesta select.no_color {
	width: auto;
}
#richiesta input.small {
	width: 60px;
}
#richiesta input.invia {
	background-color: transparent;
	color: #363234;
	padding: 13px 25px;
	font-size: 14px;
	border: 1px solid #363234;
	border-width: 1px 0;
	cursor: pointer;
	width: auto;
	transition: all 0.2s ease;
}
#richiesta input.invia:hover {
	background-color: #f77816;
	border-color: #f77816;
	color: #fff;
}

#richiesta input.red, #richiesta select.red, #richiesta textarea.red {
	border: 1px solid #eb3426;
}
#richiesta {
	-webkit-backface-visibility: hidden;
}
#richiesta .form_row span.divisore {
	float: left;
	line-height: 22px;
	margin-right: 4px;
	margin-left: 4px;
}
#richiesta .form_row {
	overflow: hidden;
	padding: 2px 0;
}
#richiesta .form_row label {
	float: left;
	width: 145px;
	text-align: right;
	padding-right: 7px;
	line-height: 22px;
}
#richiesta.newsletter .form_row label {
	width: 165px;
}
#richiesta .form_row input, #richiesta .form_row textarea, #richiesta .form_row select {
	float: left;
}
#richiesta .form_row label.testo {
	text-align: left;
	width: auto;
}
#richiesta .form_row.inverti .box_input {
	float: left;
	width: 145px;
	text-align: right;
	padding-right: 7px;
}
#richiesta .form_row.inverti .box_input input {
	float: none;
	margin-top: 5px;
}
#richiesta .form_row.inverti label {
	text-align: left;
	width: auto;
	padding-right: 0;
}
#ris_form {
	display: none;
	margin: 3px 3px 10px 0;
	border: 2px dotted #eb3426;
	padding: 7px 16px;
	text-align: left;
}
#ris_form p {
	margin: 2px 0 !important;
}
.privacytext, .privcacytextlast {
	font-size: 13px;
	padding: 5px;
	clear: left;
	margin: 6px 0;
	line-height: normal;
	max-height: 120px;
	overflow: auto;
	overflow-x: hidden;
	text-align: left;
}
.ui-datepicker-trigger {
	cursor: pointer;
	margin-left: 8px;
}
#richiesta #giorno_arrivo, #richiesta #mese_arrivo, #richiesta #anno_arrivo, #richiesta #giorno_partenza, #richiesta #mese_partenza, #richiesta #anno_partenza {
	width: auto;
}
#richiesta .col_sx {
	float: left;
	width: 48%;
	margin-right: 2%;
	padding: 11px 0;
	text-align: left;
}
#richiesta .col_dx {
	float: left;
	width: 48%;
	padding: 17px 0;
	text-align: left;
}

#richiesta.press .row_invia {
	text-align: center;
	margin-top: 24px;
}
#richiesta.press .row_invia a, #richiesta.press .row_invia a:hover {
	color: #363234;
	padding: 13px 25px;
	font-size: 14px;
	border: 1px solid #363234;
	border-width: 1px 0;
	transition: all 0.2s ease;
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	margin:0 16px;
}
#richiesta.press .row_invia a:hover {
	background-color: #f77816;
	border-color: #f77816;
	color: #fff;
}
#richiesta.press legend {
	margin-left: 162px;
}
#richiesta.press .form_row label {
	width: 155px;
}
/* ******************************************************************* FINE CONTENT - RICHIESTA */

@media only screen and (min-width: 1600px) {
	#header {
		background-size: cover;
	}
}

@media only screen and (max-width: 1531px) {
	#menu li a, #menu li a:hover {
		padding-left: 8px;
		padding-right: 8px;
	}
	#footer .address .title {
		font-size: 25px;
	}
	#footer .service #menuServizi li a, #footer .service #menuServizi li a:hover {
		font-size: 14px;
	}
}
@media only screen and (max-width: 1450px) {
	.imgTextAbs h1, .imgTextAbs .h1 {
		padding: 20px 0;
	}
	.imgTextAbs.konzept a {
		width: 190px;
		font-size: 21px;
	}
	#footer .address .title {
		font-size: 21px;
	}
	#footer .service .social a, #footer .service .social a:hover, #footer .service .app a, #footer .service .app a:hover {
	    width: 70px;
	    height: 70px;
    	border-radius: 35px;
	    font-size: 40px;
	    line-height: 70px;
	}
	#footer .service .app a.appIcon {
		background-size: 95px;
	}
	#footer .service #menuServizi li a, #footer .service #menuServizi li a:hover {
		font-size: 13px;
	}
	#footer #footerLast > div {
		font-size: 11px;
	}
}
@media only screen and (max-width: 1370px) {
	#menu li {
		font-size: 13px;
	}
	.imgTextAbs h1, .imgTextAbs .h1 {
		padding: 15px 0;
	}
	#footer .award .link {
		font-size: 13px;
	}
	#footer .award .link .evid {
		font-size: 16px;
	}
	#footer .service .social a, #footer .service .social a:hover, #footer .service .app a, #footer .service .app a:hover {
	    width: 64px;
	    height: 64px;
    	border-radius: 32px;
	    font-size: 37px;
	    line-height: 64px;
	}
	#footer .service .app a.appIcon {
		background-size: 85px;
		background-position: 0 -42px;
	}
	#footer .service #menuServizi li a, #footer .service #menuServizi li a:hover {
		font-size: 12px;
	}
	#footer #footerLast .colCenter {
		width: 43%;
		text-align: left;
	}
	#footer #footerLast .colDx {
		width: 23%;
	}
}
@media only screen and (max-width: 1280px) {
	#header #logoBar {
		left: 10px;
	}
	#header #extra {
		right: 30px;
	}
	#footer .inner {
		width: 97%;
	}
	#footer #footerLast {
		width: 97%;
	}
	
}

@media only screen and (max-width: 1210px) {
	#stoerer {top:-265px; right:30px;}
	.pisa_package_content .offer .offerTxt img.highlight-image {top:5px; right:auto; left:-100px;}
	#header #extra {
		bottom: 23px;
	}
	#header #extra .booking {
		background-color: #363234;
	}
	#header #extra #language #active-lang {
		background-color: #363234;
	}
	#header #bar.fixed {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		padding-top: 0;
	}
	#header #bar.fixed #logoBar {
		height: 0;
	}
	
	#mobile_nav {
		display: block;
	}	
	#menu {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 40%;
		background-color: #363234;
		padding-top: 13px;
		padding-bottom: 7px;
	}
	.hover_menu #menu {
		display: block;
	}
	#menu li {
		font-size: 16px;
		display: block;
	}
	#menu li a, #menu li a:hover {
		display: block;
		padding: 8px 28px;
		height: auto;
		line-height: 1.3em;
		text-align: left;
	}
	#menu li a .openicon {
		padding-left: 9px;
	}
	#menu li ul {
		display: block;
		position: static;
		width: auto;
		max-height: 0;
		box-sizing: border-box;
		transition: all 1.4s ease;
		overflow: hidden;
		padding-top: 0;
	}
	#menu li.opensubnav ul {
		max-height: 130em;
	}
	#menu li li a, #menu li li a:hover {
		padding-left: 38px;
		padding-right: 38px;
	}
	
	#foto .inner {
		padding-top: 95px;
	}
	#content.noPhoto {
		padding-top: 95px;
	}
	
	#gridOffer .offers .offerTitle .inner {
		width: 80%;
	}
}
@media only screen and (max-width: 1180px) {
	#footer .inner {
		width: 100%;
	}
	#footer .inner .award {
		width: 28%;
	}
	#footer .inner .service {
		width: 38%;
	}
	#footer #footerLast {
		width: 100%;
		text-align: left;
		position: relative;
	}
}
@media only screen and (max-width: 1100px) {
	.imgTextAbs.konzept a {
		margin-top: 3%;
	}
	
	#footer .inner > div {
		display: block;
		width: auto;
		text-align: center;
	}
	#footer .inner .address {
		border-right: none;
	}
	#footer .address .title {
		font-size: 27px;
	}
	#footer .inner .award {
		width: auto;
		border-right: none;
		padding-top: 60px;
	}
	#footer .award .loghi {
		font-size: 0;
	}
	#footer .award .loghi img {
		float: none;
		display: inline-block;
	}
	#footer .award .link {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
	#footer .inner .service {
    	width: 50%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 60px;
		font-size: 0;
	}
	#footer .service .social a, #footer .service .social a:hover, #footer .service .app a, #footer .service .app a:hover {
		float: none;
		width: 76px;
		height: 76px;
		border-radius: 38px;
		font-size: 42px;
		line-height: 76px;
		display: inline-block;
		margin-left: 10px;
		vertical-align: top;
	}
	#footer .service .app a.appIcon {
		background-size: auto;
		background-position: 0 -50px;
	}
	#footer .service #menuServizi li a, #footer .service #menuServizi li a:hover {
		font-size: 14px;
	}
	#footer #footerLast > div {
		display: block;
		width: auto;
		text-align: center;
		padding-top: 23px;
	}
	#footer #footerLast .colCenter {
		width: auto;
		text-align: center;
	}
	#footer #footerLast .colDx {
    	width: auto;
		text-align: center;
	}
	#footer #footerLast .colDx #byaltea {
		width: 133px;
		margin-right: auto;
	}
}

@media only screen and (max-width: 1000px) {
	.view_ipad {
		display: block !important;
	}
	span.view_ipad {
		display: inline !important;
	}
	.hide_ipad {
		display: none;
	}
	
	.box {
		width: 100%;
	}
	
	#content #article {
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	body.homepage .articleSx {
		float: none;
		width: auto;
	}
	body.homepage .articleDx {
		float: none;
		width: auto;
	}
	body.homepage #article .ns_nerveSlider {
		max-width: 7000px !important;
	}
	
	.imgTextAbs.konzept {
		height: 611px;
	}
	.imgTextAbs h1, .imgTextAbs .h1 {
		padding-left: 20%;
		padding-right: 20%;
		line-height: 36px;
	}
	.imgTextAbs.konzept a {
		margin-top: 10%;
	}
	
	#gridOffer .offers .offerTitle .inner {
		font-size: 25px;
	}
	#gridOffer .offers .offerTxt .offerService {
		display: none;
	}
	
	#footer .inner .service {
    	width: 70%;
	}
	#room .room-preview .room-image {
		float:none; margin:0 auto 10px; text-align:center; 
}
	#room .room-preview .room-info {
		 margin-left:0;}
		#room .room-preview .room-image img { margin:0 auto;}

	
}

@media only screen and (max-width: 767px) {
	#stoerer {display:none;}
	.pisa_package_content .offer .offerTxt img.highlight-image {
    top: -95px;
    right: 5px;
    left: auto;
}
	.view_mobile {
		display: block !important;
	}
	span.view_mobile {
		display: inline !important;
	}
	.hide_mobile {
		display: none;
	}
	.view_ipad {
		display: none !important;
	}
	span.view_ipad {
		display: none !important;
	}
	#header {
		position: relative;
	}
	#header #logo {
		width: 140px;
	}
	#header #extra {
		bottom: 9px;
	}
	#header #extra .booking {
		display: none;
	}
	
	#mobile_nav {
		width: 46px;
		height: 46px;
		line-height: 46px;
		border-radius: 23px;
		bottom: 9px;
		font-size: 24px;
	}
	#menu {
		width: 100%;
		background-color: #363234;
		background-color: rgba(54, 50, 52, 0.8);
	}
	#menu li a, #menu li a:hover {
		text-align: center;
		font-size: 15px;
	}
	#menu ul {
		background-color: transparent;
	}
	#menu li li a, #menu li li a:hover {
		text-align: center;
	}
	
	#foto {
		height: auto;
	}
	#foto .inner {
		padding-top: 0;
	}
	#foto .ns_nerveSlider {
		position: relative !important;
	}
	.ns_nerveSlider .ns_dots {
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		font-size: 0;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
	.ns_nerveSlider .ns_dots .ns_dot {
		float: none;
		display: inline-block;
	}
	#foto.noPhoto {
		height: 0;
		display: block;
	}
	#foto #slogan .text {
		display: none;
	}
	#foto #slogan .booking {
		position: fixed;
		right: 0;
		bottom: 0;
		width: 50%;
		background-color: #f77816;
		border: none;
		margin: 0;
	}
	#foto #scrollDown {
		display: none;
	}
	
	body.homepage #article .text {
		padding: 11px 26px;
	}
	
	#content.noPhoto {
		padding-top: 0;
	}
	#content #article.box {
		box-sizing: border-box;
		padding-left: 5%;
		padding-right: 5%;
	}
	#content #article h1 {
		font-size: 21px;
		line-height: 1.4em;
	}
	#content #article h2 {
		font-size: 18px;
	}
	#content #article h3 {
		font-size: 16px;
	}
	
	.imgTextAbs.konzept {
		height: 840px;
	}
	.imgTextAbs h1, .imgTextAbs .h1 {
		font-size: 21px;
		line-height: 1.3em;
		padding-left: 15px;
		padding-right: 15px;
	}
	.imgTextAbs.konzept a {
		width: 140px;
		font-size: 18px;
		display: block;
		margin: 25px auto;
	}
	.imgTextAbs.konzept a img {
		margin-bottom: 10px;
	}
	
	.scene {
		display: none;
	}
	
	#gridOffer .offers .offerImage {
		float: none;
		width: auto;
	}
	#gridOffer .offers .offerTxt {
		display: none;
	}
	#gridOffer #controls {
		display: none;
	}
	
	#footer .address .title {
    	font-size: 21px;
	}
	#footer .inner .address {
		font-size: 13px;
	}
	#footer .address address .tel, #footer .address address .tel:hover {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 50%;
		background-color: #363234;
		line-height: 42px;
		text-transform: uppercase;
		font-size: 13px;
		text-decoration: none;
		z-index: 202;
	}
	#footer .address address .tel .number {
		display: none;
	}
	#footer .address address .tel .text {
		display: block;
	}
	#footer .address address .tel .fa {
		    margin-left: 11px;
	}
	#footer .award .link {
		width: 90%;
	}
	#footer .award .link .evid {
		font-size: 14px;
	}
	#footer .inner .service {
		width: 90%;
	}
	#footer .service .social a, #footer .service .social a:hover, #footer .service .app a, #footer .service .app a:hover {
		width: 46px;
		height: 46px;
		border-radius: 23px;
		font-size: 22px;
    	line-height: 46px;
		margin-left: 3px;
		margin-right: 3px;
	}
	#footer .service .app a.appIcon {
		background-size: 53px;
		background-position: 4px -23px;
	}
	#footer .service #menuServizi li {
		float: none;
		width: auto;
	}
	#footer .service #menuServizi li a, #footer .service #menuServizi li a:hover {
		margin: 0 !important;
	}
	#footer #footerLast #menuInfo {
		font-size: 0;
	}
	#footer #footerLast #menuInfo li {
		float: none;
		display: inline-block;
		    font-size: 11px;
	}
	#footer #footerLast {
		padding-bottom: 66px;
	}
	
	#content #article .blockImageText .image {
		float: none;
		width: auto;
	}
	#content #article .blockImageText .text {
		margin-left: 0;
	}
	
	.price {
		display: block;
		width: 100%;
		overflow: auto;
		white-space: nowrap;
	}
	.price th {
		white-space: normal;
	}
	#content #article h1 { padding-top:30px;}
	
	.pisa_package_content .offer .offerImage {
		width: auto;
		float: none;
		margin: 0 auto;
	}
	.pisa_package_content .offer .offerTxt {
		margin-left: 0;
	}
	
	#richiesta.buonoregalo td {
		display: block;
		float: left;
		width: 100%;
	}
	#richiesta textarea {
		width: 80%;
	}
	.titoloform {
		margin-left: 0;
	}
	form.buonoform #richiesta input[type="text"], form.buonoform #richiesta select {
		margin-left: 0;
		width: 80%;
	}

}
@media screen and (max-width:500px) {
	#room .room-preview .room-info .room-btns a { display:block;  margin:0 auto 10px;}
	#room .room-preview .room-info .room-btns { margin-top:45px;}
}


.wellness-mainlist { position:relative;}
.wellness-mainlist .rateitem { position:relative; overflow:hidden; cursor:pointer; padding:8px 16px 8px 16px;background-color:rgba(54, 50, 52, 0.1); margin-bottom:2px;}
.wellness-mainlist .rateitem:hover { background-color:rgba(54, 50, 52, 0.22);}
.wellness-mainlist .rateitem .title { float:left; width:50%; font-size:13px; padding:4px 0;}
.wellness-mainlist .rateitem .duration { float:left; width:15%;text-align:right;font-size:13px; padding:4px 0;}
.wellness-mainlist .rateitem .rate { float:left; width:15%; text-align:right; padding:4px 0;}
.wellness-mainlist .rateitem .action { float:left; width:20%; text-align:right; position:relative;}
.wellness-mainlist button { outline:none;}
.wellness-mainlist .item-description { font-size:12px;}
.wellness-mainlist .category {}
.wellness-mainlist .item { padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted rgba(54, 50, 52, 0.38);}

#content #article .wellness-mainlist h2{ margin:0 0 0.75em;}
#content #article .wellness-mainlist h3 { font-size:16px; margin:0 0 1em;}
#content #article .wellness-mainlist h4 { font-size:14px; text-transform:uppercase; margin:0 0 0.5em;}
#content #article .wellness-mainlist p { margin-top:0; margin-bottom:0.75em;}
#content #article .wellness-mainlist .nrofitems { width:40px; height:30px; line-height:30px; border:none; background:#FFF; padding:0; margin:0; display:inline-block; text-align:center; padding-left:10px; -webkit-appereance:none;}
#content #article .wellness-mainlist .savetolist {width:40px; height:30px; line-height:30px; border:none; background:#363234; padding:0; margin:0; display:inline-block; text-align:center; -webkit-appereance:none; color:#FFF; cursor:pointer;}

#wellness-mainlist-cart { position:fixed; bottom:0; right:0; height:60px; width:100%; background-color:#8e8467; z-index:100000; margin:0; border-top: 2px solid #FFF; text-align:center; color:#FFF;}
#wellness-mainlist-cart.empty { display:none;}
#wellness-mainlist-cart.full { display:block;}
#wellness-mainlist-cart form {position:relative; padding:0;}
#wellness-mainlist-cart button, .gobackToTreatments {background-color: transparent;color: #FFF;padding: 13px 25px;font-size: 14px;border: 1px solid #FFF;border-width: 1px 0;cursor: pointer;width: auto;transition: all 0.2s ease; position:absolute; bottom: 8px;right: 10px; text-transform:uppercase;}
#wellness-mainlist-cart button:hover, .gobackToTreatments:hover {background-color: #f77816;border-color: #f77816;color: #fff;}
#wellness-mainlist-cart #massages-list { text-align:left; margin:0; padding:0; font-size:12px; line-height:12px; height:12px; height: auto;overflow: hidden; display:block; padding:25px; white-space:nowrap; margin-left:50px; margin-right:220px; text-overflow:ellipsis;}
#wellness-mainlist-cart #massages-list li { display:inline-block; margin:0 0 0 0; padding:0;}
#wellness-mainlist-cart #massages-list li:before { content:","; padding-right:10px;}
#wellness-mainlist-cart #massages-list li:first-child:before { display:none;}
.gobackToTreatments { position:relative; top:auto; right:auto; bottom:auto; color:#8e8467; border-color:#8e8467; display:inline-block; margin-bottom:10px;}

#richiesta.wellness  .form_row { margin-bottom:5px;}
#richiesta.wellness .form_row label { width:200px; padding-right:15px;}
.privacytext, .privcacytextlast { font-size:12px; line-height:130%;background: rgba(238, 238, 238, 0.62); padding:20px 0;}
.privacytext ol, .privcacytextlast ol { padding-left:18px;}
.privacytext li, .privcacytextlast li { margin-bottom:4px;}
#wellnessrequestbox { display:none;}

.countShopItems { display:none;}
.countShopItems.visible { display:inline;}
.countShopItems:before { content:" (";}
.countShopItems:after { content:")";}

.fa.shoppingCartIcon { position:absolute; left:0; top:0;top: 17px;font-size: 24px;left: 10px;}

.wellness-treatment-main-box > ul { display:block; margin:10px auto 40px auto; padding:0; font-size:0; text-align:center; border-bottom:2px solid #8e8467; padding-bottom:10px;    background: rgba(142, 132, 103, 0.1); padding-top:10px;}
.wellness-treatment-main-box > ul li { display:inline-block; margin:0 0 0 -1px; padding:0; font-size:16px; border:1px solid rgba(54, 50, 52, 0.1);}
.wellness-treatment-main-box > ul li a { text-decoration:none; display:block; font-size:13px; padding:10px 15px; text-transform:uppercase; background-color:#FFF;}
.wellness-treatment-main-box > ul li:hover a { background-color:rgba(54, 50, 52, 0.1);}
.wellness-treatment-main-box > ul li.current a {background-color:rgba(54, 50, 52, 0.4)!important; color:#FFF!important;}


.wellness-mainlist .category { display:none;}
.wellness-mainlist .category.current { display:block;}
.addToBasketAvviso {font-size: 11px;position: absolute;top: 0px;right: 0px;background: #ebebeb;height: 30px;line-height: 30px;padding: 0;width: 100%;box-sizing: border-box;font-style: italic;}

@media screen and (max-width:1050px) {
	.wellness-treatment-main-box>ul li { box-sizing:border-box; width:50%; margin-top:-1px;}
}
@media screen and (max-width:670px) {
	.wellness-treatment-main-box>ul li { box-sizing:border-box; width:100%; margin-top:-1px;}
	.wellness-mainlist .rateitem .title { width:100%;}
	.wellness-mainlist .rateitem .duration { width:28%; text-align:left; white-space:nowrap;font-size:11px;}
	.wellness-mainlist .rateitem .rate { width:28%; white-space:nowrap; font-size:11px;}
	.wellness-mainlist .rateitem .action { width:44%;}
	
}
@media screen and (max-width:400px) {
	#wellness-mainlist-cart #massages-list, .fa.shoppingCartIcon { display:none;}
	#wellness-mainlist-cart button { position:relative; margin:9px auto 0; top:auto; left:auto; bottom:auto; right:auto;}
}

.privacycheckboxes input { width:auto!important; margin-right:10px;}
.privacytext { padding:10px!Important;}
.privacytext * { margin:0!important;}


/* colors, fonts */
.picker__table, .picker { font-size: 16px;}
.picker__frame { max-width: 450px!important;}
.picker__footer, .picker__header, .picker__table { text-align: center!important;font-size: 16px!important;}
#alteaForm { font-size: 16px;}
#alteaForm * { font-family:'Merriweather Sans', sans-serif;}
/* COLOR */
#alteaForm, #alteaForm a, #alteaForm .af-error-messages, .alteaForms .af-error-messages, .af-error-messages, .af-form-control { color: #463c2a;}
#alteaForm .af-error-messages p, .alteaForms .af-error-messages p, .af-error-messages p { color: #E71A1A;}
.af-col-center button { color:#FFF; }
.af-required-field-message span, .af-label-required:after { color:#967529;}
.af-fake-input .af-fake-label { color: rgba(0,0,0,0.87);}
.af-fake-input.hover .af-fake-label, .af-fake-input.hoverx .af-fake-label { color: rgba(0,0,0,0.6); }
/* BACKGROUND-COLOR */
#alteaForm .af-error-messages, .alteaForms .af-error-messages, .af-error-messages, #alteaForm [type=checkbox], #alteaForm [type=radio] { background-color: #FFFFFF;}
.af-privacy {background-color: #F2F2F2;}
.af-form-control, .af-fake-input {background-color: #F5F5F5;}
.af-form-control.error, .af-form-check-inline.error, #alteaForm [type=checkbox].error, #alteaForm [type=radio].error { background-color: #ffd1d1; }
.af-col-center button { background-color: #ff8400; }
#alteaForm [type=checkbox]:checked:before, #alteaForm [type=radio]:checked:before {background-color: #463c2a;}
.af-fake-input.error {background: #fff0e2;}
/* BORDER-COLOR */
#alteaForm .af-error-messages, .alteaForms .af-error-messages, .af-error-messages, .af-form-control.error, .af-form-check-inline.error, #alteaForm [type=checkbox].error, #alteaForm [type=radio].error, .af-fake-input.error { border-color: #E71A1A; }
.af-form-control {border: 1px solid #ced4da;}
.af-form-dynamic-family-block { border-top: 1px solid #EEE;}
.af-form-block-border {  border-bottom: 1px solid #EEE;}
#alteaForm [type=checkbox], #alteaForm [type=radio] {border: 1px solid #ced4da;}
#alteaForm [type=checkbox]:checked, #alteaForm [type=radio]:checked { border-color: #463c2a;}
.af-fake-input {  border-bottom: 2px solid rgba(36, 40, 65, 0.34); }