@charset "iso-8859-1";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,400italic,300|Playfair+Display:400,700);


body{font-family: 'Raleway', sans-serif; font-size: 1.2rem; color:#5B5B5B}

a{
	color: #34D4FD;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	transition: all ease 0.2s;
}
a:hover{
	color: rgba(255,160,52,1.00);
	text-decoration: none;
}

a:focus {
	color: #B59F72;
}

.inline-block{ display:inline-block; vertical-align:middle}
.clearboth{ clear:both;}
.transition{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


/* colori */
.viola{color:#AF006C !important;} a.viola:hover{ color:#2BB7FD !important;}
.grigio{ color:#EAE9E6 !important;} a.grigio:hover{ color:#A69271 !important;}
.grigio2{ color:#696969 !important;} a.grigio:hover{ color:#A69271 !important;}
.nero{ color:#010101 !important;} a.nero:hover{ color:#A69271 !important;}
.bianco{ color:#fff !important;}


.violaBg{background-color:#AF006C !important;}
.grigioBg{ background-color:#EAE9E6 !important;}
.grigio2Bg{ background-color:#696969 !important;}
.neroBg{ background-color:#010101 !important;}
.biancoBg{  background-color:#fff !important;}


.violaBd{ border-color:#AF006C !important;}
.grigioBd{ border-color:#EAE9E6 !important;}
.grigio2Bd{ border-color:#696969 !important;}



.ratio {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.ratio::before {
    display: block;
    content: ""
}

.ratio .embed-responsive-item,.ratio embed,.ratio iframe,.ratio object,.ratio video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}
@media (max-width:991px){
	.embed-responsive-21by9::before {
		padding-top: 56.25%
	}
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}


/*========= loading ===========*/
#loading_screen{
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-color: #fff;
	color: #AF006C;
	font-size: 2rem;
	text-align: center;
	padding-top: 16%;
	opacity: 1;
	z-index: 1000000;
	-webkit-transition: all 1s ease-in-out 1s;
	-o-transition: all 1s ease-in-out 1s;
	transition: all 1s ease-in-out 1s;
}
#loading_screen span{font-size:80px; }

/*========= social icon ===========*/
.fb-like span {
  vertical-align: baseline !important;
}

.social{
	font-size:22px;
	display:inline-block;
	padding:8px 0px;
	text-align:right;
	margin-right:30px;
}
.social a{
	padding:3px;
	color: #AF006C;
	display:inline-block;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.social a:hover{color: #696969;}


/*========= form ===========*/
label {  font-weight: 600;}
.form-control {
    border: 2px solid #C7C5BC;
    border-radius: 0px;
	font-size:16px;
	box-shadow:none;
}
.input-group-addon {
    background-color: #FFFFFF;
    border: 2px solid #C7C5BC;
    border-radius: 0px;
    font-size: 16px;
	color:#AF006C
}
#prenota .form-control{ border-left:none;}
#formID .input-group  .form-control{ border-right:none;}

/*========= bottoni ===========*/
.btn-primary {
    color: #fff;
    background-color: #AF006C;
    border-color: #FFFFFF;
    font-size: 1.1rem;
	border-radius: 2px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #862661;
    border-color: #FFFFFF;
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #862661;
    border-color: #FFFFFF;
}
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
   color: #fff;
    background-color: #862661 !important;
    border-color: #FFFFFF !important;
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #922367;
    border-color: #FFFFFF;
}

.absolute-box{ position:absolute; width:100%; height:100%; top:0; left:0}
.tab-box{ display:table; width:100%; height:100%;}
.tab-cell{ display:table-cell; vertical-align:middle;}


/*========= titoli ===========*/
.tit-1{ font-size: 2.4rem;   font-family: 'Playfair Display', serif;}
.tit-2{ font-size: 2.6rem; font-weight:700; font-family: 'Playfair Display', serif;}
.tit-3{ font-size: 1.9rem; margin-top:0; font-family: 'Playfair Display', serif;}
.tit-4{ font-size: 1.31rem; font-family: 'Playfair Display', serif;}

blockquote {
	position:relative;
    padding: 10px 20px;
	padding-left: 3.2rem;
    margin: 0 0 20px;
    font-size: 1.36rem;
    border-left: none;
	font-family: 'Playfair Display', serif;
	font-style:italic
}
blockquote:before {
	content: '\e82f';
	font-family: "fontello";
    font-style: normal;
    font-weight: normal;
	position:absolute;
	left:0;
	color:#fff;
	font-size:3rem;
}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #BC3286;
    border-color: #82245D;
    cursor: default;
}
.pagination>li>a, .pagination>li>span {
    color: #BC3286;
    background-color: #fff;
    border: 1px solid #BC3286;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    z-index: 2;
    color: #BC3286;
    background-color: #FFEFF9;
    border-color: #EA9ACB;
}
.ui-widget-header {
    border: 1px solid #AF006C !important;
    background: #FBAEDD !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #AF006C !important;
    background: #FFC9EA !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #2196F3 !important;
    background: #00BCD4 !important;
    color: #FFFFFF !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #86135A !important;
    background: #AF006C !important;
	color:#fff !important
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #FDADDE !important;
    background: #AF006C !important;
    color: #fff !important;
}


/* =======  booking ======= */
.book-home .container{
	padding:13px 30px;
}
.linea2{ height:5px;  margin-bottom:5px; background-color: #AF006C;}



/** ======= header ======= **/
header{ padding-top: 142px;}
.menu-fisso{
	border-bottom:solid 5px #AF006C;
	width:100%;
	background:#FFFFFF;
	position:relative;
	z-index:1000;
	position:fixed;
	top:0
}

.affix.menu-fisso{border-bottom:none;}

header .container-fluid{
	position:relative;
	border-bottom:solid 5px #696969;
	margin-bottom:7px;
}
header .affix .container-fluid{ margin-bottom:0}

.topHeader{ height:40px;  margin-top: 5px; overflow:hidden}
.affix .topHeader{  height: 0px; opacity:0;}
.topHeader h1{ font-size:14px; margin:0; padding:5px 10px;}
.topHeader .link div{ display:inline-block;}
.topHeader .link{ text-align:right}
.topHeader .social {
    font-size: 18px;
    padding: 6px 0px;
	padding-top:3px;
}
.topHeader .contatti-top{ font-size:14px}

.lingua a{ display:inline-block; color:#5B5B5B}
.lingua .attivo{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-weight:600;
	border:solid 2px #AF006C;
	padding: 2px 4px 2px 9px;
	color: #5B5B5B
}
.lingua a:hover{ color:#A69271}

.logo {
    display: block;
    position: relative;
	text-align:center
}
.logo img{
	max-width: 250px;
}
.affix .logo img{ max-width:150px; margin-bottom:-30px;}


/** ===================== Menu ===================== **/
.navbar-default {
	margin-bottom: 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
}
.navbar{ min-height:inherit; position:relative;}


.navbar-default .navbar-nav>li>a {
	font-size: 1.3rem;
	color: #5B5B5B;
	padding-left: 1.1rem;
	padding-right: 1.1rem;
	padding-top: 8px;
    padding-bottom: 10px;
	text-align: center;
}
/*.navbar-default .navbar-nav>li:not(:first-child)>a:before{
	content:'|';
	position:absolute;
	left:0;
}*/
.navbar-default .col-sm-5{ margin-top:30px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{ color:#AF006C;}
.navbar-default .navbar-nav>li.active{
	position:relative;
}
.navbar-default .navbar-nav>li.active:before{
	content:'';
	bottom:0;
	left:50%;
	margin-left:-20px;
	position:absolute;
	border-bottom:solid 6px #AF006C;
	border-left:solid 20px transparent;
	border-right:solid 20px transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #AF006C;
	border: none;
	background-color: transparent;
	font-weight:600
}

.dropdown-menu {
    min-width: 116px;
    padding: 0px 0;
    font-size: 19px;
    text-align: center;
    border: 1px solid rgb(162, 144, 97);
}
.dropdown-menu>li>a {
    padding: 3px 20px;
    font-weight: 600;
    color: #FFF;
    background-color: #0681B4;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #A29061;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #A29061;
}





/*===== Toggle navigation =====*/

#hamburger {
    box-sizing: border-box;
    display: block;
    width: 70px;
    position: absolute;
    background-color: #AF006C;
    height: 60px;
    bottom: 0px;
    left: 0px;
    z-index: 10000;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
	background: #fff;
	content: '';
	display: block;
	width: 50px;
	height: 5px;
	position: absolute;
	left: 10px;
	border-radius: 15px;
}
#hamburger:before
{
	top: 18px;
}
#hamburger span
{
	top: 30px;
	 
}
#hamburger:after
{
	top: 42px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 28px;	
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before
{
	transform: rotate( 45deg );
}
html.mm-opening #hamburger:after
{
	transform: rotate( -45deg );
}
#page
{
	box-shadow: none;
	/*width: 100%;
	min-width: 320px;*/
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.mm-menu.mm-current {
  color: #4da7bf;
  display: block;
  background: #1a4d72;
}

/** menu **/
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.mm-menu.mm-current {
    color: #FFFFFF;
    display: block;
    background: #696969;
}
.mm-listview .mm-next, .mm-navbar .mm-btn:first-child {
    background: #008BD2;
}
.mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after, .mm-menu .mm-btn:after, .mm-menu .mm-btn:before{
    border-color: #003C68;
}

.mm-panels li.active{    background-color: #AF006C;}
.mm-listview {
    font-size: 16px;
}

		
.mm-navbar:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 1px;
}
.mm-navbar > * {
	display: inline-block;
	vertical-align: middle;
}
.mm-navbar img {
	width: 80px;
	background:white;
	margin: 0 10px;
	border-radius: 40px;
}
.mm-navbar a.glyphicon {
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 40px;
	color: rgba(255, 255, 255, 0.6) !important;
	font-size: 16px !important;
	line-height: 40px;
	width: 40px;
	height: 40px;
	padding: 0;
}
.mm-navbar a.glyphicon:hover {
	border-color: #fff;
	color: #fff !important;
}


		




/* =======  breadcrumb ======= */

.breadcrumb>.active {
    color: #fff;
} 
.breadcrumb a{ color:#FFF4DB;} .breadcrumb a:hover{	color: #DC3FA0;}
.breadcrumb {
	width: 100%;
    padding: 6px 0px;
    margin-bottom: 0px;
    list-style: none;
    border-radius: 0;
    position: absolute;
    bottom: 0;
	background: rgba(86, 13, 58, 0.25);
}
/* =======  slide-page ======= */

.ms-slide .text-box{ background-color:rgba(196,97,209,0.43); width:35%; height:40%;}
.ms-slide .tit-2{ font-size:60px;}


/* =======  Elementi Corpo ======= */



.linea1{ position:relative; text-align:center; text-transform:uppercase;}
.linea1 span{ position:relative; z-index:10px; padding:4px 15px;}
.linea{
	width:100%;
	height:3px;
	position:absolute;
	left:0;
	top: 20px;
}

 

.link-home  .tab-cell{ 
	position:relative; 
	padding:40px;
	 padding-bottom:10px;
	vertical-align: bottom
}

.link-home .box1{
	display:block;
	overflow:hidden;
	position:relative;
	min-height:410px;
}

.link-home .box1 img{
	position:absolute;
	height:100%;
	top:0;
	left:0;
	-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.link-home .box1:hover img{filter: grayscale(60%); -webkit-filter: grayscale(60%);}




.link-home .tab-cell .testo{ position:relative;}
.link-home .tab-cell .testo:after {
    content: '';
    position: absolute;
    top: 5px;
    right: -25px;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 20px solid rgba(255,255,255,0.00);
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.link-home .box1:hover .tab-cell .testo:after {border-left: 20px solid rgba(255,255,255,0.8);}


.link-home .box1 .over{
	position:absolute;
	width:100%;
	height:112px;
	mix-blend-mode: multiply;
	bottom:0;
	left:0;
	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-ms-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	transition: all 0.6s ease-in;
	opacity: 0.60;
}
.link-home .box1:hover .over{opacity: 0.4;}

.news-home{
	display:block;
	position:relative;
	
}
.news-home .img-box{ position:relative; overflow:hidden}
.news-home .text-box{
	padding:10px 20px;
}
.news-home .img-box .tab-cell .glyphicon{font-size:1.9rem}
.news-home .img-box .tab-cell { vertical-align:middle; text-shadow: -1px 1px 0px #363636; font-size:1.5rem}
.news-home .img-box .tab-cell:hover { background-color:rgba(175, 0, 108, 0.48);}

.list-icon li{ width: 13.6%; padding-left:8px; padding-right:8px; margin-bottom:15px; text-align:center}
.list-icon li img{ max-width:100%;}



.camere-link{ display:block; position:relative;  border: solid 2px #AF006C; overflow:hidden;}
.camere-link .line-ov{ height:2px; width:0%; margin-bottom:6px; background-color:#fff;}
.camere-link .over{
	mix-blend-mode: multiply;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(175, 0, 108, 0.60);
	opacity:0;
	-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.camere-link .cont-tab{position:absolute; color:#fff; padding:30px; width:100%; height:100%; top:0; left:0;}
.camere-link .tab-cell{ text-align:center;}
.camere-link .tit-3{
	opacity:1;
	font-size:3.4rem;
	text-shadow: 1px 1px 2px rgba(33, 31, 31, 0.70);
	-moz-transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}
.camere-link p{
	position:relative;
	opacity:0;
	-moz-transform: translateY(15px);
-webkit-transform: translateY(15px);
-o-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
	
}
.camere-link p:after{
    content: '';
    position: absolute;
	
    bottom: -30px;
    left: 50%;
	margin-left:-40px;
    width:80px;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 20px solid  rgba(255,255,255,0.70);
}

.camere-link:hover .over{ opacity:0.97;}
.camere-link:hover .tit-3{
	opacity:1;
	-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.camere-link:hover .line-ov{width:100%;}
.camere-link:hover p{
	opacity:1;
	-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}


.servizi-camera{
	padding:5px 10px;
	border-top:solid 4px #fff;
	border-bottom:solid 4px #fff; 
	background-color:rgba(255,255,255,0.31)
}
.servizi-camera ul{ margin-bottom:0}
.servizi-camera li{ border-bottom:dotted 1px #CC7EAD; padding-bottom:5px; margin-bottom:5px;}



.servizi-item{  position:relative}
.servizi-item .img-box{ position:absolute; height:100%; top:0; left:0; overflow: hidden;}
.servizi-item .img-box img{ width:100%;  position: absolute;}
.servizi-item .tit-1 img{  width: 3.8rem;}
.servizi-item .slide-page{border-top: solid 6px #C14691;}


.offerte-group .camere-link .tit-3{
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.item-eventi{
	position:relative; 
	display:block;
	border: solid 2px #B7ABAB; 
	overflow:hidden
}
.item-eventi:hover{ border-color:#AF006C;}
.item-eventi .img-box{ position:relative;}
.item-eventi .img-box:before{
	border: 0 solid rgba(255, 255, 255, 0.5);
    bottom: 0;
    box-sizing: border-box;
    content: "";
    left: 0;
    opacity: 0;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.4s ease-in-out 0s;
    z-index: 9;
}
.item-eventi:hover .img-box:before{
    border: 15px solid rgba(222, 113, 180, 0.30);
    box-sizing: border-box;
    opacity: 1;
    transition: all 0.3s ease 0s;
}


.recensioni-evidenza .media-object{ min-height:100px;}
.recensioni-evidenza .media-body{ padding:10px;}
.recensioni-evidenza .media-heading{font-size: 1.4rem; font-weight:600}


.indirizzo-box{
	max-width:440px;
	margin-left:auto;
	margin-right:auto;
	background-color: rgba(255, 255, 255, 0.40);
	border:solid 2px #fff;
	border-radius:5px;
	padding:15px;
}
.indirizzo-box img{ max-width:100%}

.info{
	font-size:40px;
	font-weight:600;
	padding:15px 10px;
	padding-right:5rem;
}

.info a{ position:relative; white-space: nowrap; line-height: 4rem;}
.info a:after {
    content: '';
    position: absolute;
    top: 5px;
    right: -30px;
    width: 0;
    height: 0;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-left: 1.2rem solid #fff;
	-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in
}
.info a:hover:after {right: -40px;}

.gallery2 li img{ border:solid 2px #fff;}
.gallery2 li:hover img{ border:solid 2px #AF006C}


/* =======  Footer ======= */
.footer { font-size:1rem}
.footer a{ color:#FFF0D8; font-size:1.2rem}


@media (min-width: 768px){
	html {  font-size: 65%;}
	

	.news-home, .link-home .box1{ min-height:250px;}	
	.contatti-top { margin-right:30px;}
	.offerte-back{ position:relative;}
	.back-off{ position:absolute; width:100%; left:0; top:0; height:73%; background-color: rgba(175,0,108,0.12);}
	.offerte-list.link-home .box1{ min-height:310px;}
	.servizi-item{ margin-left:0; margin-right:0;}
}
@media (min-width: 991px){
	.news-home, .link-home .box1{ min-height:280px;}
	html {  font-size: 70%;}
	
}

@media (min-width: 1200px){	
	.news-home, .link-home .box1 {  min-height: 336px;}
	.offerte-list.link-home .box1{ min-height:492px;}
	.camere-link .tit-3{ font-size:2.8rem; margin-top:30px;}
}

@media (min-width: 767px) and (max-width: 1200px){
	.recensioni-evidenza .media-object{ width:140px; min-height:auto;}
	
}

@media (min-width: 1357px){
	html {  font-size: 80%;}
	.container {
    	width: 1230px;
	}

	
}
@media (min-width: 1550px){
	html {  font-size: 100%;}
	.container {
    	width: 1500px;
	}	
	header{ padding-top: 160px;}
	.logo img {max-width: 300px;}
	.news-home, .link-home .box1{ min-height:400px;}
	.navbar-default .navbar-nav>li>a {font-size: 1.15rem; }
}
@media (max-width: 1199px){
	.navbar-collapse.collapse {
    	display: none !important;
	}
	header{ padding-top:104px;}
	#book-button {
		box-sizing: border-box;
		display: block;
		width: 70px;
		position: absolute;
		background-color: #AF006C;
		height: 60px;
		bottom: 0;
		right: 0px;
		z-index: 10000;
	}
	#book-button .tab{ display:table; width:100%; height:100%;}
	#book-button .tab div{ display:table-cell; text-align:center; vertical-align:middle;}
	.logo img {max-width: 220px;}
	.affix .logo img {
		max-width: 135px;
		 margin-bottom: 0px; 
	}
	.servizi-item .img-box img{ height:100%; width:auto; right: -40%; }
}
@media (max-width: 991px){
	
}
@media (max-width: 767px){
	html {  font-size: 80%;}	
	.affix .social, .affix .lingua{ opacity:0;}
	header { background: #010101 ;}
	.news-box .media img{ width: 100px !important;}
	header {  padding-top: 122px;}
	header .container-fluid {background: url(../images/icons/back-header.png) right no-repeat;}
	.back-topheader { height: 41px;}
	.contatti-top a{ display:inline-block; margin-top:10px;}
	.logo img {max-width: 170px;}
	.affix .logo img {
		max-width: 135px;
		 margin-bottom: 0px; 
	}
	.link-home .box1{ max-width:390px; margin-left:auto; margin-right:auto}
	.topHeader .link{ text-align:center}
	.servizi-item .tit-1{text-align:center}
	.ms-slide .text-box {width: 60%; }
	.recensioni-evidenza .media-object{ width:100%; min-height:auto;}
	.recensioni-evidenza .media-body{ width:100%; }
}

@media (max-width: 450px){
	.news-box .media {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 30px;
		text-align:center
	}
	.news-box .tit-3{ margin-bottom:20px;}
	.news-box .media-left, .news-box .media-body{ display:block; width:100%;}
	.news-box .media img{ width: 160px !important; margin:auto; margin-bottom:15px}
	.affix .logo img {max-width: 115px;}
	#book-button {
		width: 60px;
		height: 50px;
	}
	
	#hamburger {
		width: 60px;
		height: 50px;
	}
	#hamburger:before,
	#hamburger:after,
	#hamburger span
	{
		background: #fff;
		content: '';
		display: block;
		width: 40px;
		height: 5px;
		position: absolute;
		left: 10px;
		border-radius: 15px;
	}
	#hamburger:before
	{
		top: 11px;
	}
	#hamburger span
	{
		top: 23px;
		 
	}
	#hamburger:after
	{
		top: 35px;
	}
	html.mm-opening #hamburger:before,
	html.mm-opening #hamburger:after
	{
		top: 23px;	
	}
	.list-icon li{ width: 20%;}
	
	
}	

@media (max-width:338px ) {
	html {  font-size: 60%;}
	.servizi-item {
		min-height: 255px;
	}
}