/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,

button,

input,

select,

textarea {

    color: #222;

}

html {

	max-width: 100%;

  overflow-x: hidden;

    font-size: 1em;

    line-height: 1.4;

    -webkit-font-smoothing: antialiased !important;

    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

}

::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}

::selection {

    background: #b3d4fc;

    text-shadow: none;

}

hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}

audio,

canvas,

img,

video {

    vertical-align: middle;

}

fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}

textarea {

    resize: vertical;

}

.browsehappy {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}

/* ==========================================================================

   Author's custom styles

   ========================================================================== */

/* =========== STATIC PARTS =========== */

body{

	max-width: 100%;

  overflow-x: hidden;

	overflow-y: auto;

	text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

a{

	color:#666;

	text-decoration:none;

}

.overflowoff{

	overflow-y: hidden;

}

.text {

	opacity:0;

	z-index:1;

	letter-spacing: 1px;

}

#menuON div{

	opacity:0;

}

.headertablet { 
display: none;

}

@media screen and (max-width: 768px) {
	.headertablet { 
    display: block;
    background-color: #fff;}
}

nav.desktop{

	height:30px;

}

nav.desktop .adt{

	display: table;

	position:relative;

	margin: 0 auto;

	width: 100%;

}

nav.desktop .cont-menu{

	position:relative;

	margin: 0 auto;

	padding:0px;

	display: table-cell;

	text-align: center;

	vertical-align: middle;

}

nav.desktop .cont-menu li{

	height:100%;

    list-style: none;

	position: relative;

	transition: all 0.4s;

	background-size:100% 100%;

	background-position:0px -40px;

	border-left: solid 1px #666;

	padding: 0px 20px;

	display: inline-block;

}

nav.desktop .cont-menu {

}

nav.desktop .cont-menu li:first-child{

	border-left: 0px;

}

nav.desktop .cont-menu li:after{

	position:absolute;

	left: 20px;

	right: 20px;

	bottom:25%;

	transform: scale(0);

	-webkit-transform: scale(0);

	-mox-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	background:#fff;

	height:1px;

	transition:all 0.5s;

	-webkit-transition: all 0.4s;

	-o-transition: all 0.4s;

	-ms-transition: all 0.4s;

	-moz-transition: all 0.4s;

	content:'';

	}

nav.desktop .cont-menu li:hover:after{

	transform:scale(1);

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-ms-transform:scale(1);

	-o-transform:scale(1);

}

/* lightbox home page*/

.container-lightbox {

	background: transparent;

	position: fixed;

	top: 0;

	bottom: 0;

	right: 0;

	left: 0;

	z-index: 1000;

	height: 100%;

	width: 100%;

	/*display: none;*/

}

.lightbox-inner {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 70%;

	text-align: center;

	background: rgba(255,255,255,0.95);

	width: 26%;

	padding: 0 30px;

    -ms-transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);	

}

.lightbox-inner p{

	position: relative;

	top: 50%;

	width: 100%;

	font-family: Muli-Regular;

	font-weight: bold;

	color: #565655;

	-ms-transform: translate(0,-50%);

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    transform: translate(0,-50%);	

}

.lightbox-inner p a {

	text-transform: uppercase;

}

.lightbox-inner p a:hover {

	text-decoration: underline;

}

.img-chiudi {

	position: absolute;

	top: 0;

	right: 0;

	margin: 20px;

	cursor: pointer;

}

/*********************/

.mw.impiccio .rights:hover{

	cursor:pointer;

}

input[type=checkbox]:hover{

	cursor:pointer;

}

nav.desktop .cont-menu li span{

	position:relative;

	font-family: 'Muli-Light';

	color: #fff;

	font-size: 14px;

	text-transform: uppercase;

	text-align: center;

	line-height: 40px;

}

nav.desktop .cont-menu li span a{

	color:#fff;

	position:relative;

	width:100%;

	height:100%;

	box-sizing:border-box;

}

nav.desktop .cont-menu li:hover a{

	transition: all 0.4s;

	-webkit-transition: all 0.4s;

	-o-transition: all 0.4s;

	-ms-transition: all 0.4s;

	-moz-transition: all 0.4s;

}

.no-of{

	overflow:hidden!important;

	position:relative;

	-ms-overflow-style:none;

}

.butmenu{

	width:50px;

	height:50px;

	position:fixed;

	z-index: 9999;

	background: transparent url(../img/menustart.png) top left no-repeat;

	transition: all 0.4s;

	-webkit-transition: all 0.4s;

	-o-transition: all 0.4s;

	-ms-transition: all 0.4s;

	-moz-transition: all 0.4s;

}

.grigio{

	background-color:#444;

	transition: all 0.4s;

	-webkit-transition: all 0.4s;

	-o-transition: all 0.4s;

	-ms-transition: all 0.4s;

	-moz-transition: all 0.4s;

}

.transp{

	background:transparent url(../img/menustart2.png) top left no-repeat!important;

	transition: all 0.4s;

	-webkit-transition: all 0.4s;

	-o-transition: all 0.4s;

	-ms-transition: all 0.4s;

	-moz-transition: all 0.4s;

}

nav.responsive-nav {

	position:fixed;

	display:block;

	top:0px;

	width:50px;

	height:50px;

	/*z-index: 99;*/

	z-index: 400;

	overflow:hidden;

	background-color:#fff;

	opacity:0;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	-ms-transition: all 0.5s;

	-moz-transition: all 0.5s;

}

nav.responsive-nav .hidden-cont{

	position: relative;

	width: 80%;

	height: 100%;

	margin: 0 auto;

	min-width: 320px;

	display: table;

	top: 0;

	bottom: 0;

	right: 0;

	left: 0;

	overflow: hidden;

}

nav.responsive-nav .hidden-cont .cont-menu {

	width: 65%;

	margin: 0 auto;

	padding: 0px;

	display: table-cell;

	vertical-align: middle;

	padding: 0px 50px;

	opacity:0;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	-ms-transition: all 0.5s;

	-moz-transition: all 0.5s;

}

nav.responsive-nav .hidden-cont .cont-menu a{

	width:100%;

}

nav.responsive-nav .hidden-cont .cont-menu li{

	position: relative;

	width:100%;

	border:0px;

	border-bottom: solid #878787 1px;

	padding: 0px;

	padding-top: 10px;

	padding-bottom: 10px;

	font-family: Muli-Regular;

	font-size: 13px;

	color: #aaa;

	margin: 0 auto;

	text-align: center;

	line-height:200%;

	text-transform: uppercase;

}

nav.responsive-nav .hidden-cont .cont-menu a{

	color: #aaa;

}

nav.responsive-nav .hidden-cont .cont-menu .active{

	text-decoration: underline;

}

nav.responsive-nav .hidden-cont .cont-menu a:last-child li{

	border-bottom:0px;

}

nav.responsive-nav .vmd{

	display:table-cell;

	vertical-align:middle;

}

.active:after{

	transform:scale(1)!important;

}

.left, .right{

	width:0px;

	top:0px;

	bottom:0px;

}

.top, .bottom{

	height:0px;

	left:0px;

	right:0px;

	margin: 0 auto;

}

.homebut{

	position:fixed;

	display:none;

	width:100%;

	height:50px;

	background:#fff url(../img/small_logo_up.png) center center no-repeat;

	background-size:auto 46px;

	top:0;

	z-index:5;

	background-position-y:2px;

}

.left, .right, .top, .bottom{

	background: #fff;

	position:fixed;

	z-index:30;

}

#sm-logo {

	background: transparent url(../img/small_logo_up.png) center center no-repeat;

	background-size: 100% 90%;

	margin: 2px auto 0px auto;

	left:0;

	right:0;

	width: 15%;

	height: 46px;

	opacity:0;

	position:fixed;

	z-index:350

}

p.text{

	position: relative;

	width: 60%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle;

}

footer{

	position:fixed;

	z-index:50;

	color:#999;

	height:50px;

	bottom:0px;

	left:50px;

	right:50px;

	font-family:Muli-Regular;

}

footer .lang .active{

	font-weight:bold;

	line-height:50px;

}

footer .lang a{

	cursor: pointer;;

}

footer .lang a:hover{

	text-decoration: underline;

}

footer .webagency{

	position:absolute;

	height:50px;

	left:0px;

}

footer .link-credits {

	color:#999;

	font-weight: normal;	

}

footer .link-credits:hover {

	text-decoration: underline;	

}

footer .text{

	position:absolute;

	width:100%;

	height:50px;

	line-height:50px;

	text-align:center;

	font-size: 12px;

}

footer .lang{

	position:absolute;

	right:0px;

	line-height: 50px;

	font-size: 12px;

	z-index: 100;

}

footer .fb-footer{

	margin-left: 10px;

	width: 25px;

}

.lnk-locanda {

	color: #fff;

	text-decoration: underline;

}

.lnk-locanda:hover {

	text-decoration: none;

}

.right #cont-wp{

	position:absolute;

	top:50%;

	width: 100%;

	opacity:1;

}

.right #cont-wp ul{

	margin: 0 auto;

	padding:0;

	position:relative;

	width:100%;

	height:100%;

}

.right #cont-wp ul li {

	list-style-type:none;

	position: relative;

	margin: 0 auto;

	/*padding:20% 0px;*/

	height: 25px;

	width:100%;

	cursor: pointer;

}

.right #cont-wp ul li a{

	position: relative;

	width:100%;

	height: 11px;

}

.right #cont-wp ul li span{

	display: block;

	position:relative;

	margin: 0 auto;

	top:50%;

	background:#a6a6a6;

	border:0px;

	border-radius: 999px;

	-webkit-transition: width 100ms, height 100ms, background 100ms, linear;

	-moz-transition: width 100ms, height 100ms, background 100ms, linear;

	-o-transition: width 100ms, height 100ms, background 100ms, linear;

	-ms-transition: width 100ms, height 100ms, background 100ms, linear;

	transition: width 100ms, height 100ms, background 100ms, linear;

}

.right #cont-wp ul li:hover span{

	/*border:solid 2px #a6a6a6;*/

	background:#636363;

	box-sizing: border-box;

	width: 7px;

	height: 7px;

}

.right #cont-wp ul li#on span {

	background:#636363;

}

.no-scroll{

	overflow:hidden;

}

.mh{

	height:100%;

}

.mw{

	width:100%;

}

#loader{

	position:fixed;

	width:100vw;

	height:100vh;

	background:#e0e0e0;

	z-index:3000;

}

#loader #logocentr{

	position:fixed;

	width:100%;

	height:100%;

	z-index:3002;

	background:transparent url(../img/logo.png) no-repeat;

	background-size: 270px 485px;

	background-position: 50% 50%;

}

#loader #coprilogo{

	position:relative;

	width:100%;

	height:0%;

	z-index:3003;

	background: transparent url(../img/cover.png) no-repeat;

	background-size: 270px 485px;

	background-position: 50% 50%;

}

.half{

	width:85%!important;

}

::-webkit-scrollbar{

	display:none;

}

/* =========== HOME PAGE =========== */

.no-of{

	overflow:hidden;

}

/*.section1st div div a{

	left: 35%;

	right: 25%;

	margin: 0 auto;

	position: relative;

	padding-left: 30%;

	padding-bottom: 10%;

	z-index:2;

}*/

.section1st div div a{

	color: white;

}

.section1st div div a:hover{

	color: white;

}

.section1st .cen_cont span{

	/*font-size: 80px;*/

}

.mainhome{

	position:relative;

	height:100vh;

	width:100%;

	z-index:2;

}

.mainhome .little_cont{

	position: absolute;

	top: 20%;

	right: 0;

	bottom: 20%;

	margin: auto;

	left: 0;

	height: auto;

}

.section1st{

	position: relative;

	height:100vh;

	width:100%;

	z-index:1;

}

.section1st .rosa{

	background: #c99f9f;

}

.cen_cont div span:after{

	content:"";

	position:absolute;

	bottom:10%;

	width:90%;

	left:5%;

	height:1px;

	display: block;

	background:#fff;

}

.mainhome .marroncino{

	background: #CBBBA0;

}

.mainhome .slide1:before {

	content: "";

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba( 0 , 0 , 0 , 0.2 );

}

.mainhome .slide1:after {

	content: "";

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba( 0 , 0 , 0 , 0.2 );

}

.mainhome .slide1{

	width:100%;

	height:100vh;

	z-index:2;

	background: transparent url(../img/0_home.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	display:table;

}

.mainhome .slide1 .logo{

	background: url(../img/logo.png) center bottom no-repeat;

	background-size:contain;

	position:relative;

	height:150px;

	margin:10% auto;

	opacity:0;

	z-index: 2;

}

.mainhome .slide1 .logotext{

	position: relative;

	display:block;

	background: transparent url(../img/text_logo.png) center top no-repeat;

	background-size: contain;

	margin: 1% auto 0px auto;

	height: 18%;

	opacity:0;

	z-index: 2;

}

.section1st .slide2{

	width:100%;

	height:100vh;

	background: transparent url(../img/0_borgonuovo.jpg) center center no-repeat;

	background-size: cover;

	display:table;

}

.center{

	position:relative;

	margin:0 auto;

	width: 16%;

	height: 9%;

	margin-top:9%;

}

.center-tariffe {

	width: 100%!important;

	margin-top: 5%;

}

.tariffestagionalita {

	text-transform: uppercase;

	font-family: Muli-Light;

}

.section1st .home1{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/home_sl2.jpg) no-repeat!important;

	background-size: cover!important;

	background-position:50% 50%;

}

.section1st .home1 .text{

	position: relative!important;

	width: 60%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto!important;

	text-align: center!important;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle!important;

	top:0%!important;

	text-transform:none!important;

}

.section1st .home2{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/home_sl3.jpg) no-repeat!important;

	background-size: cover!important;

	background-position:50% 50%;

}

.section1st .home3{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/home_sl4.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section1st .home3 .text{

	position: relative!important;

	padding: 0 20%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto!important;

	text-align: center!important;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle!important;

	top:0%!important;

	text-transform:none!important;

}

.section1st .home4{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/home_sl5.jpg) no-repeat!important;

	background-size: cover!important;

	background-position:50% 50%;

}

.btn {

	border: solid 2px #fff;

	font-family: Muli-Light;

	color: inherit;

	background: none;

	cursor: pointer;

	display: inline-block;

	margin: 0 auto;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 300;

	line-height: 48px;

	outline: none;

	position: relative;

	box-sizing: border-box;

	width: 100%;

	color:#444;

	/*height: 100%;*/

	height: auto;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	z-index: 1;

}

.btn:after {

	content: '';

	position: absolute;

	z-index: -1;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}

.btn-1f {

	overflow: hidden;

	text-align: center;

}

.btn-1f:after {

	top:5px;

	bottom:5px;

	left:5px;

	right:5px;

	background: #fff;

	opacity: 1;

}

.btn-1f:hover,

.btn-1f:active {

	color:#fff;

	opacity:1;

}

.btn-1f a{

	position:absolute;

	z-index: 2;

	top:0;

	right:0;

	bottom:0;

	left:0;

}

.btn-1f:hover:after {

	opacity: 0;

}

.btnpacchetti {

	width: 440px;

	display: block;

	/*-ms-transform: translate(-50%, 0);

    -webkit-transform: translate(-50%, 0);

    -moz-transform: translate(-50%, 0);

    transform: translate(-50%, 0);*/

}

.atmosfera,

.eleganza,

.accoglienza,

.ricchezza,

.tariffe,

.magia,

.contattaci{

	position: relative;

	display:block;

	margin:0 auto;

	z-index: 1;

	width:35%;

}

.slide2 .text,

.section1st .slide3 .text,

.section1st .slide4 .text,

.section1st .slide5 .text,

.section1st .slide6 .text,

.section1st .slide7 .text,

.section1st .slide8 .text,

.section1st .slide9 .text{

	position: relative;

	display:block;

	margin: 0 auto;

	font-family: Muli-Light;

	text-transform: uppercase;

	text-align: center;

	color: #fff;

	z-index: 1;

	padding-top: 10px;

	font-weight: 500;

	font-size: 19px;

	padding: 0 20%;

}

.slide2tariffe {

	padding-bottom: 50px;

	/*min-height: 750px;*/

	overflow-y: scroll;

}

.slide2tariffe .sezn {

	border: 0!important;

}

.separator {

  width: 0px;

  border-bottom: 1px solid #fff;

  height: 1px;

  margin: 4px auto 20px;

  position: relative;

  opacity: 1;

  margin: 0 auto;

  box-sizing: border-box;

  text-align: center;

  display: table;

}

.slide2tariffe .text {

	padding: 0;

}

.section6th .slide2privacy {

	/*background: #000000!important;*/

	color: white;

	padding: 70px 50px 50px 50px !important;

	font-size: 13px;

	overflow-y: scroll;

}

.home1 .text,

.home2 .text,

.home3 .text,

.home4 .text{

	display:table-cell!important;

}

.section1st .slide3{

	width:100%;

	height:100vh;

	background: transparent url(../img/0_camere.jpg) center center no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	display:table;

}

.section1st .slide4{

	position:relative;

	width:100%;

	height:100vh;

	background: transparent url(../img/0_servizi.jpg) center center no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	display:table;

}

.section1st .slide5{

	position:relative;

	width:100%;

	height:100vh;

	background: transparent url(../img/home_sl4.jpg) center center no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	display:table;

}

.section1st .slide6 {

	position: relative;

	width:100%;

	height:100vh;

	background: transparent url(../img/0_eventi.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	display:table;

}

.section1st{

	position: relative;

	height:100vh;

	width:100%;

	z-index:1;

}

.section1stloghi{

	position: relative;

	height:50vh;

	width:100%;

	z-index:1;

}

.section1st .bluviola {

	background: #4a4aE0;

}

.section1st .slide7{

	width:100%;

	height:100vh;

	background: transparent url(../img/tariffe_sl2.jpg) center center no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	display:table;

}

.section1st .grazie{

	width:100%;

	height:100vh;

	background: transparent url(../img/tariffe_sl2.jpg) center center no-repeat;

	background-size: cover;

	display:table;

	font-size: 27px;

}

.section1st .borgonuovo-sl1 {

	background: url(../img/borgonuovo_sl0.jpg) center center no-repeat !important;

    background-size: cover !important;

    background-position: 50% 50% !important;

}

.section1st .borgonuovo-sl6 {

    background: url(../img/borgonuovo_sl5.jpg) center center no-repeat !important;

    background-size: cover !important;

    background-position: 50% 50% !important;

}

.section1st .borgonuovo-sl7 {

    background: url(../img/home_sl4.jpg) center center no-repeat !important;

    background-size: cover !important;

    background-position: 50% 50% !important;

}

.section1st .borgonuovo-sl8 {

    background: url(../img/borgonuovo_sl8.jpg) center center no-repeat !important;

    background-size: cover !important;

    background-position: 50% 50% !important;

}

.section1st .borgonuovo-sl9 {

    background: url(../img/borgonuovo_sl9.jpg) center center no-repeat !important;

    background-size: cover !important;

    background-position: 50% 50% !important;

}

.section1st .borgonuovo-sl10 {

    background: url(../img/borgonuovo_sl10.jpg) center center no-repeat !important;

    background-size: cover !important;

    background-position: 50% 50% !important;

}

.layer {

    background-color: rgba(0, 0, 0, 0.3);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

/*.section1st .slide7 .cont{

	position: relative;

	width: 100%%;

	color: #fff;

	font-family: Muli-Regular;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle;

	z-index: 1;

}

.section1st .slide7 .cont .condizioni-generali{

	text-transform: uppercase;

	position:relative;

	width:20%;

	margin:0 auto;

	border:0px;

	border-bottom: solid 1px #bbb;

	text-align:center;

	height:40px;

	margin-bottom:50px;

}

.section1st .slide7 .cont .condizioni-generali span{

	line-height:40px;

}

.section1st .slide7 .cont .list{

	height:auto;

	width:40%; 

	margin:0 auto;

}*/

.anim{

	position:absolute;

	top:0;

	left:0;

	right:0;

	bottom:0;

	line-height: 50px;

	z-index: 1;

	text-align: center;

	text-transform: uppercase;

	font-family:Muli-Light;

}

.cen_cont{

	display:table-cell;

	vertical-align:middle;

	overflow:hidden;

}

.section1st.face1 {

	z-index:3;

	opacity:1;

}

.section1st.face1 .yellow {

	background: #dfdfa0;

}

.section1st.face1 .slide8{

	width:100%;

	height:100vh;

	background: transparent url(../img/0_contatti.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	display:table;

}

.section1st.face1 .slide8 .cont-buttons{

	position: relative;

	width: 30%;

	margin: 0 auto;

	height: 50px;

	top:50%;

	text-align: center;

	color: #666;

	font-family: Muli-Regular;

	text-transform: uppercase;

	z-index: 3;

}

.contsup{

	width:60%;

	position:relative;

	overflow:hidden;

	z-index:2;

	opacity:1;

	margin: 0 auto;

	box-sizing: border-box;

	padding-top: 100px;

    padding-left: 12%;

    padding-right: 9%;

    padding-bottom: 0px;

}

.contsup .buttL{

	position:relative;

	width:50%;

	height:54px;

	top: 45%;

	z-index: 1;

	float:left;

}

.contsup .buttL .buttLM{

	position: relative;

	width:190px;

	margin: 0 auto;

	height: 40px;

	top:5px;

	background: #fff;

	line-height:40px;

	font-family:Muli-Regular;

	text-align:center;

	text-transform: uppercase;

	z-index: 1;

}

.contsup .buttR{

	position:relative;

	width:50%;

	height:54px;

	top: 45%;

	z-index: 1;

	float:left;

}

.section1st.face1 .slide8 .cont-trc {

	position:relative;

	width:200px;

	height:50px;

	background:transparent;

	border:solid 2px #fff;

	margin: 0 auto;

	z-index: 1;

}

.contsup .buttR .buttRM{

	position: relative;

	width:190px;

	margin: 0 auto;

	height: 40px;

	top:5px;

	background: #fff;

	line-height:40px;

	font-family:Muli-Regular;

	text-align:center;

	text-transform: uppercase;

	z-index: 1;

}

.footer-mobile {

	text-align: center;

	padding: 10px 10px;

	font-size: 10px;

	color: #999;

	background-color: #fff;

	/*position: fixed;

	bottom: 0;*/

	z-index: 4;

	/*margin-top: 125px;*/

	display: none;

}

.footer-mobile a{

	color: #999;

}

/* =========== CREDITS =================== */

.credits-container {

  height: 100vh;

  margin-top: 38px;

  width: 100%;

  margin: 0 auto;

  position: relative;

}

.credits-inner {

	position: absolute;

	top: 50%;

	left: 50%;

	text-align: center;

	width: 100%;

	-ms-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.credits-inner a { 

	color: #444444; float: left; width: 100%; line-height: 30px; font-size: 13px; font-family: 'Muli-Light';

}

.credits-inner a:hover { 

	color: #ccc; 

}

/* =========== CAMERE E SUITES =========== */

.section2nd{

	position: relative;

	height:100vh;

	width:100%;

	z-index:1;

}

.section2nd .azzurro{

	background: #9EAFC2;

}

.section2nd .slide2{

	width:100%;

	height:100vh;

	background: transparent url(../img/0_camere.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	display:table;

}

.section2nd .slide3{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/camere_sl2.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section2nd .slide3 .text{

	position: relative;

	padding: 0 20%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle;

	font-weight: 800;

}

.section2nd .slide4 {

	width:100%;

	height:100vh;

	background: transparent url(../img/camere_sl3.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

    display: table;

}

.section2nd .slide5 {

	width:100%;

	height:100vh;

	background: transparent url(../img/camere_sl4.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section2nd .slide6{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/camere_sl5.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section2nd .slide4 .text,

.section2nd .slide6 .text{

	position: relative;

	padding: 0 20%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align: middle;

	font-weight: 800;

}

.section2nd .slide7 .text{

	position: relative;

	padding: 0 20%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align: middle;

	font-weight: 800;

}

.section2nd .slide7 {

	width:100%;

	height:100vh;

	background: transparent url(../img/camere_sl6.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

    display: table;

}

.section2nd .slide8 {

	width:100%;

	height:100vh;

	background: transparent url(../img/camere_sl6.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

    display: table;

}

.section2nd .slide8 .text{

	position: relative;

	padding: 0 20%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align: middle;

	font-weight: 800;

}

.section2nd .slide9 {

	width:100%;

	height:100vh;

	background: transparent url(../img/camere_sl6.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

    display: table;

}

.section2nd .slide10 {

	width:100%;

	height:100vh;

	background: transparent url(../img/camere_sl6.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

    display: table;

}

.section2nd .slide11 {

	width:100%;

	height:100vh;

	background: transparent url(../img/camere_sl6.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

    display: table;

}

.section2nd .slide12 {

	width:100%;

	height:100vh;

	background: transparent url(../img/camere_sl6.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

    display: table;

}

    .section2nd .camere-sl2 {

        background: url(../img/camere_sl2_new.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section2nd .camere-sl3 {

        background: url(../img/camere_sl3_new.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section2nd .camere-sl4 {

        background: url(../img/camere_sl2.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section2nd .camere-sl5 {

        background: url(../img/camere_sl4_new.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section2nd .camere-sl6 {

        background: url(../img/camere_sl5_new.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section2nd .camere-sl7 {

        background: url(../img/camere_sl6_new.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section2nd .camere-sl8 {

        background: url(../img/camere_sl7.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section2nd .camere-sl9 {

        background: url(../img/camere_sl8.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section2nd .camere-sl10 {

        background: url(../img/camere_sl9.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section2nd .camere-sl11 {

        background: url(../img/camere_sl10.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section2nd .camere-sl12 {

        background: url(../img/camere_sl11.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

/* =========== SERVIZI =========== */

.section3rd{

	position: relative;

	height:100vh;

	width:100%;

	z-index:1;

}

.section3rd .marmo {

	background: #C1A99F;

}

.section3rd .slide2{

	width:100%;

	height:100vh;

	background: transparent url(../img/0_servizi.jpg) center center no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	display:table;

}

.section3rd .slide3{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/servizi_sl2.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section3rd .slide3 .text{

	position: relative;

	padding: 0 20%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle;

	font-weight: 800;

}

.section3rd .slide4 {

	width:100%;

	height:100vh;

    display: table;

	background: transparent url(../img/servizi_sl3.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section3rd .slide4 .text{

	position: relative;

	padding: 0 20%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle;

	font-weight: 800;

}

.section3rd .slide5{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/servizi_sl4.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 100%;

}

.section3rd .slide5 .text{

	position: relative;

	padding: 0 20%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle;

	font-weight: 800;

}

.section3rd .slide6 {

	width:100%;

	height:100vh;

	background: transparent url(../img/servizi_sl5.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section3rd .slide7{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/servizi_sl6.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section3rd .slide7 .text{

	position: relative;

	padding: 0 20%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle;

	font-weight: 800;

}

.section3rd .slide13{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/servizi1.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section3rd .slide14{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/servizi2.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section3rd .slide14 .text{

	position: relative;

	padding: 0 20%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle;

	font-weight: 800;

}

.section3rd .slide8,

.section3rd .slide9,

.section3rd .slide10,

.section3rd .slide11,

.section3rd .slide12{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/servizi_sl6.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section3rd .slide11 .text{

	position: relative;

	padding: 0 20%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle;

	font-weight: 800;

}

    .section3rd .servizi-sl3 {

        background: url(../img/servizi_sl3_new.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section3rd .servizi-sl4 {

        background: url(../img/servizi_sl2.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section3rd .servizi-sl5 {

        background: url(../img/servizi_sl3.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section3rd .servizi-sl6 {

        background: url(../img/servizi_sl6_new.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section3rd .servizi-sl7 {

        background: url(../img/servizi_sl4.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section3rd .servizi-sl8 {

        background: url(../img/servizi_sl8.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section3rd .servizi-sl9 {

        background: url(../img/servizi_sl9.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section3rd .servizi-sl10 {

        background: url(../img/servizi_sl10.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

    .section3rd .servizi-sl12 {

        background: url(../img/servizi_sl5.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

	.section3rd .servizi-sl13 {

        background: url(../img/servizi1.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

	.section3rd .servizi-sl14 {

        background: url(../img/servizi2.jpg) center center no-repeat !important;

        background-size: cover !important;

        background-position: 50% 50% !important;

    }

/* =========== TERRITORIO =========== */

.section4th{

	position: relative;

	height:100vh;

	width:100%;

	z-index:1;

}

.section4th .verde {

	background: #8FcF91;

}

.section4th .slide2{

	width:100%;

	height:100vh;

	background: transparent url(../img/locanda1.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	display:table;

}

.section4th .slide24{

	width:100%;

	height:100vh;

	background: transparent url(../img/locanda24.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	display:table;

}
.section4th .slide25{

	width:100%;

	height:100vh;

	background: transparent url(../img/locanda25.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	display:table;

}

.section4th .slide3{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/locanda2.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section4th .slide3 .text{

	position: relative;

	padding: 0px 20%;

	color: #fff;

	font-family: Muli-Light;	

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle;

	font-weight: 800;

}

.section4th .slide4{

	width:100%;

	height:100vh;

	background: transparent url(../img/locanda3.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section4th .slide5{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/locanda4.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section4th .slide5 .text{

	position: relative;

	width: 60%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle;

	font-weight: 800;

	padding: 0 20%;

}

.section4th .slide6{

	width:100%;

	height:100vh;

	background: transparent url(../img/locanda5.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

/* =========== EVENTI =========== */

.section5th{

	position: relative;

	height:100vh;

	width:100%;

	z-index:1;

}

.section5th .viola {

	background: #9F9FBA;

}

.section5th .slide2{

	width:100%;

	height:100vh;

	background: transparent url(../img/0_eventi.jpg) no-repeat;

	background-size: cover;

	display:table;

}

.section5th .slide3{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/eventi_sl2.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section5th .slide3 .text{

	position: relative;

	padding: 0 20%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle;

	font-weight: 800;

}

.section5th .slide4{

	width:100%;

	height:100vh;

	background: transparent url(../img/eventi_sl3.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section5th .slide5{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/eventi_sl4.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.section5th .slide5 .text{

	position: relative;

	padding: 0 20%;

	color: #fff;

	font-family: Muli-Light;

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle;

	font-weight: 800;

}

.section5th .slide6{

	width:100%;

	height:100vh;

	display:table;

	background: transparent url(../img/home_sl5.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

/* =========== TARIFFE =========== */

.section6th,.change{

	height:100vh;

	margin-top:38px;

	width:100%;

	margin:0 auto;

	position:relative;

}

.section6th .slide2{

	position:absolute;

	top: 5%;

	bottom: 5%;

	left: 3%;

	box-sizing: border-box;

	right: 3%;

	padding-top: 38px;

	background: #cbbba0 url(../img/tariffe_sl2.jpg) no-repeat;

	background-size:cover;

	background-position:50% 50%;

}

.section6th .slide2:before

{

	display:none;

}

.section6th .slide2:after

{

	display:none;

}

.section6th .slide2 .sezn

{

	position:relative;

	width:90%;

	padding:1% 2.5% 0px 2.5%;

	height:25%;

	margin: 0 auto;

	box-sizing:border-box;

	border-bottom:solid 1px #fff;

	color: #fff;

	text-align:center;

	display:table;

}

.section6th .slide2 .sezn:last-child

{

	border-bottom:0px;

}

.section6th .slide2 .sezn h2

{

	font-size:25px;

	position:relative;

	width:100%;

	height:auto;

	margin:0 auto;

	float:left;

	display:table-cell;

	vertical-align: middle;

	font-family:apple;

	transform: translateY(-25%);

	font-weight: normal;

}

.section6th .slide2 .sezn .text

{

	position:relative;

	float:left;

	width:100%!important;

	height:auto;

	margin:0 auto;

	font-size:13.5px;

	display:table-cell;

	vertical-align: middle;

	font-family:Muli-Light;

}

.section6th .sezn .abc

{

	display:table-cell;

	vertical-align: middle;

}

/* =========== CONTATTI =========== */

.anim{

	position:absolute;

	top:0;

	left:0;

	right:0;

	bottom:0;

	line-height: 50px;

	z-index: 1;

	text-align: center;

	text-transform: uppercase;

}

.face1 {

	z-index:3;

	opacity:1;

}

.face2 {

	z-index:-1;

	display:table;

	background: transparent url(../img/contatti_sl2.jpg) no-repeat;

	background-size:cover;/*

	background: rgb(104, 104, 86);*/

	opacity:0;

	top:0;

}

.formnatale {
		background: transparent url("../img/natale.jpg") no-repeat;
	    background-size: cover;
	padding-top: 100px;

}

.formlunch {
		background: transparent url("../img/lunch.jpg") no-repeat;
	    background-size: cover;
	padding-top: 100px;

}

.formdinner {
		background: transparent url("../img/dinner.jpg") no-repeat;
	    background-size: cover;
	padding-top: 100px;

}

.face22 {

	z-index:-1;

	display:table;

	background: transparent url(../img/riservatavolo.jpg) no-repeat;

	background-size:cover;/*

	background: rgb(104, 104, 86);*/

	opacity:0;

	top:0;

}

.face3 {

	z-index:-1;

	opacity:0;

	top:0;

}

.face3 .backbutton2{

	position:fixed;

	/*top:calc(50px + 4%);*/

	top: 80px;

	width:50px;

	right:50px;

	height:50px;

	background: rgba(0,0,0,.5);

	display: block;

	font-size: 36px; 

	box-sizing:border-box;

	padding: 23px 10px;

	transition: all 0.5s;

	-webkit-transition: all 0.4s;

	-o-transition: all 0.4s;

	-ms-transition: all 0.4s;

	-moz-transition: all 0.4s;

	cursor:pointer;

}

.face3 .backbutton2 span{

	background: #fff;

	display: block;

	position: relative;

	-webkit-transform: translate3d(0,0,0);

}

.face3 .backbutton2 span,

.face3 .backbutton2 span:before,

.face3 .backbutton2 span:after {

	width: 100%;

	height: 4px;

	-moz-transition:       all 0.4s;

	-o-transition:         all 0.4s;

	-webkit-transition:    all 0.4s;

	transition:            all 0.4s;

	-webkit-transform: translate3d(0,0,0);

	border-radius:10px;

}

.face3 .backbutton2 span:before,

.face3 .backbutton2 span:after {

	background: #fff;

	content: "";

	margin-top: 10px;

	position: absolute;

}

.face3 .backbutton2 span:after {

	margin-top: -10px;

}

.face3 .backbutton2.on span {

	background: transparent;

}

.face3 .backbutton2.on span:before {

	-moz-transform: rotate(45deg) translate(-8px,-7px);

	-ms-transform: rotate(45deg) translate(-8px,-7px);

	-o-transform: rotate(45deg) translate(-8px,-7px);

	-webkit-transform: rotate(45deg) translate(-8px,-7px);

	transform: rotate(45deg) translate(-8px,-7px);

}

.face3 .backbutton2.on span:after {

	-moz-transform: rotate(-45deg) translate(-8px,6px);

	-ms-transform: rotate(-45deg) translate(-8px,6px);

	-o-transform: rotate(-45deg) translate(-8px,6px);

	-webkit-transform: rotate(-45deg) translate(-8px,6px);

	transform: rotate(-45deg) translate(-8px,6px);

}

#comeraggiungerci {

    width: 33%;

    height: 100vh;

    position: fixed;

    top: 55px;

    right: 0%;

    background-color: rgba(204,204,204,0.9);

    vertical-align: middle;}

	#information {

    color: #222;

    display: table-cell;

    vertical-align: middle;

    padding: 55px 39px;

    font-size: 13px;}

.section7th{

	position: absolute;

	height:100vh;

	width:100%;

}

.face1 .yellow {

	background: #dfdfa0;

}

.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8,.slide9,.slide10,.slide11,.slide12{

	background-attachment: fixed;

}

.face1 .slide2{

	width:100%;

	height:100vh;

	background: transparent url(../img/0_contatti.jpg) no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}

.face2 .gr1{

	box-sizing:border-box;

}

.face1 .slide2 .text{

	position: relative;

	top:40%;

	height: 5%;

	margin: 0 auto;

	font-family: Muli-Light;

	text-align: center;

	color: #fff;

	z-index: 1;

}

.face1 .slide2 .cont-buttons{

	position: relative;

	width: 30%;

	margin: 0 auto;

	height: 50px;

	top:50%;

	text-align: center;

	color: #666;

	font-family: Muli-Regular;

	text-transform: uppercase;

	z-index: 3;

}

/*.face1 .slide2 .buttL{

	position:relative;

	width:50%;

	height:54px;

	top: 45%;

	z-index: 1;

	float:left;

}

.face1 .slide2 .buttL .buttLM{

	position: relative;

	width:190px;

	margin: 0 auto;

	height: 40px;

	top:5px;

	background: #fff;

	line-height:40px;

	font-family:Muli-Regular;

	text-align:center;

	text-transform: uppercase;

	z-index: 1;

}

.face1 .slide2 .buttR{

	position:relative;

	width:50%;

	height:54px;

	top: 45%;

	z-index: 1;

	float:left;

}*/

.face1 .slide2 .cont-trc {

	position:relative;

	width:200px;

	height:50px;

	background:transparent;

	border:solid 2px #fff;

	margin: 0 auto;

	z-index: 1;

}

/*.face1 .slide2 .buttR .buttRM{

	position: relative;

	width:190px;

	margin: 0 auto;

	height: 40px;

	top:5px;

	background: #fff;

	line-height:40px;

	font-family:Muli-Regular;

	text-align:center;

	text-transform: uppercase;

	z-index: 1;

}*/

.backbutton{

	position: fixed;

	width: 100px;

	height: 50px;

	left: 50px;

	top: 50vh;

	display: table-cell;

	background: #fff;

	line-height: 50px;

	text-align: center;

	font-family: Muli-Regular;

	color: #696969;

	text-transform: uppercase;

	font-size: 11px;

	transition: all 0.5s;

	-webkit-transition: all 0.4s;

	-o-transition: all 0.4s;

	-ms-transition: all 0.4s;

	-moz-transition: all 0.4s;

	vertical-align: middle;

}

.face2 .cont-align{

	display:table-cell;

	position:relative;

	height:auto;

	vertical-align: middle;

}

.contattiface2 .cont-align {

	padding-top: 100px;

	padding-bottom: 80px;

}

.face2 .cont-form{

	position: relative;

	margin: 0 auto;

	height: auto;

	padding: 0% 3%;

}

.face2 .cont-form input {

	background: rgba(0,0,0,0.4);

	font-size: 13px;

	color: #c3c3c3;

	width: 100%;

	border: 1px solid #fff;

	margin-bottom: 10px;

	height: 44px;

	padding-left: 15px;

	letter-spacing: 1px;

}

.face2 .cont-form .contA{

	position:relative;

	overflow: hidden;

	display: block;

	float: left;

}

.face2 .cont-form .contA .contB{

	float:left;

	width:50%;

}

.face2 .cont-form .contA .contC{

	float:right;

	width:50%;

}

.contA input:nth-child(2){

	margin-right: 0px!important;

}

.contA input {

	width: 51px!important;

}

.contA input:nth-child(2) {

	margin-right: 20px;

}

.face2 .cont-form .txt1{

	position:relative;

	width:70%;

	float: left;

	color: #fff;

	font-family: Muli-Light;

	margin-top:8px;

	line-height:auto;

}

.face2 .cont-form .txt2{

	position:relative;

	width:65%;

	float:left;

	margin-top:8px;

	padding-left: 20px;

	line-height:15px;

	color: #fff;

	font-family: Muli-Light

}

.face2 .cont-form #adulti{

	position:relative;

	width: 80px;

	float:right;

}

.face2 .cont-form #bimbi{

	position: relative;

	width: 80px;

	float: right;

}

.face2 .cont-form .notice {

	position: relative;

	font-family: Muli-Regular;

	font-size:12px;

	color:#fff;

	line-height:15px;

	overflow: hidden;

	float: left;

}

.face2 .cont-form  #txtarea{

	background: rgba(0,0,0,0.4);

	color: #fff;

	font-size: 13px;

	width: 100%;

	height: 170px;

	border: 1px solid #fff;

	padding-left: 30px;

	padding-top: 20px;

	letter-spacing: 1px;

	box-sizing: border-box;

}

.face2 .cont-form div .lefts{

	position:relative;

	float:left;

	margin-bottom:10px;

	width:48%;

}

.face2 .cont-form div .rights{

	background: rgba(0,0,0,0.4);

	position:relative;

	float:right;

	height:46px;

	width:48%;

	border:solid 1px #fff;

	line-height:46px;

	color:#fff;

	text-align:center;

	font-family:Muli-Regular;

}

.face2 .cont-form .btninvia{

	font-size: 17px;

}

.face2 #privacy {

	background: rgba(0,0,0,0.4);

	width:20px;

	margin: 0px;

	height: 20px;

	margin-top: 15px;

}

.cont-form-resp{

	display:none;

}

.error {

	border: 1px solid red !important;

}

.ck-privacy-container {

	height: 19px;

	width: 19px;

	float: left;

	background-color: transparent;

	margin-top: 15px;

	padding: 1px

}

.ck-privacy-container input[type=checkbox] {

		margin-top: 0!important;

} 

/* =========== font insert =========== */

@font-face {
    font-family: 'Muli-Regular';
    src: url('../font/muli-regular-webfont.woff2') format('woff2'),
         url('../font/muli-regular-webfont.woff') format('woff'),
         url('../font/muli-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Muli-Light';
    src: url('../font/muli-light-webfont.woff2') format('woff2'),
         url('../font/muli-light-webfont.woff') format('woff'),
         url('../font/muli-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'apple';
    src: url('../font/apple.woff2') format('woff2'),
         url('../font/apple.woff') format('woff'),
         url('../font/apple.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================

   Media Queries

   ========================================================================== */

@media only screen and (min-width: 1600px){

	.btn{

		font-size:17px;

	}

	.atmosfera,.eleganza,.accoglienza,.ricchezza,.magia,.tariffe{

		background-size:contain;

	}

	nav.desktop .cont-menu li span{

		font-size:13px;

	}

	.text{

		font-size:19px;

	}

	.sezn h2{

		font-size:26px!important;

	}

	.sezn h2 span{

		font-size:19px;

	}

	.contattaci,

	.eleganza,

	.atmosfera,

	.magia,

    .tariffe,

	.ricchezza,

	.accoglienza{

		font-size:100px!important;

		width: 35%!important;

	}

}

@media only screen and (min-width: 2248px){

	.btn{

		font-size:20px!important;

	}

	.text{

		font-size:24px!important;

		letter-spacing:2px;

	}

	footer div:first-child{

		font-size: 19px!important;

	}

	nav.desktop .cont-menu li{

		padding:0px 35px!important;

	}

	nav.desktop .cont-menu li:after{

		left:35px!important;

		right:35px!important;

	}

	nav.desktop .cont-menu li span{

		font-size:16px!important;

	}

	.sezn h2{

		font-size:36px!important;

	}

	.sezn h2 span{

		font-size:29px;

	}

	.contattaci,

	.eleganza,

	.atmosfera,

	.magia,

    .tariffe,

	.ricchezza,

	.accoglienza{

		font-size:140px!important;

	}

}

@media only screen and (min-width: 1025px) and (max-width:1600px){

	.section6th .slide2 .sezn .text{

		font-size:14px;

	}

	.sezn h2{

		font-size:30px!important;

	}

	.sezn h2 span{

		font-size:19px;

	}

	.section1st .contattaci,

	.section1st .eleganza,

	.section1st .atmosfera,

	.section1st .magia,

    .section1st .tariffe,

	.section1st .ricchezza,

	.section1st .accoglienza{

		font-size:80px!important;

	}

}

@media only screen and (min-width: 1023px) {

#loghimobile {    display: none;}

}

@media only screen and (max-width: 1000px) {

.slide9 {background:#000000!important;}

}

@media only screen and (min-width: 767px) and (max-width:1024px){

	.face3 #map-canvas {

    position: initial!important;

	}

	.face3 .backbutton2 {

		top: 50px;

	}

	.lightbox-inner {

		width: 50%;

	}

	body nav.desktop {

		display: none!important;

	}

	.headertablet {

		position:fixed;

		background: white;

		display: block;

		font-size: 36px; 

		width: 100%;

		height: auto;

		text-align: center;

		box-sizing:border-box;

		padding: 5 0;

		z-index:499;		

	}

	.headertablet img {

		width: 14%;

	}

	#menu {

		position:fixed;

		background: rgba(0,0,0,.5);

		display: block;

		font-size: 36px; 

		width: 50px;

		height: auto;

		box-sizing:border-box;

		padding: 23px 10px;

		z-index:500;

	}

	#menu span {

	  background: #fff;

	  display: block;

	  position: relative;

	  -webkit-transform: translate3d(0,0,0);

	}

	#menu span,

	#menu span:before,

	#menu span:after {

	  width: 100%;

	  height: 4px;

	  -moz-transition:       all 0.4s;

	  -o-transition:         all 0.4s;

	  -webkit-transition:    all 0.4s;

	  transition:            all 0.4s;

	  -webkit-transform: translate3d(0,0,0);

	  border-radius:10px;

	}

	#menu span:before,

	#menu span:after {

	  background: #fff;

	  content: "";

	  margin-top: 10px;

	  position: absolute;

	}

	#menu span:after {

	  margin-top: -10px;

	}

	#menu.on span {

	  background: transparent;

	}

	#menu.on span:before {

	  -moz-transform: rotate(45deg) translate(-8px,-7px);

	  -ms-transform: rotate(45deg) translate(-8px,-7px);

	  -o-transform: rotate(45deg) translate(-8px,-7px);

	  -webkit-transform: rotate(45deg) translate(-8px,-7px);

	  transform: rotate(45deg) translate(-8px,-7px);

	}

	#menu.on span:after {

	  -moz-transform: rotate(-45deg) translate(-8px,6px);

	  -ms-transform: rotate(-45deg) translate(-8px,6px);

	  -o-transform: rotate(-45deg) translate(-8px,6px);

	  -webkit-transform: rotate(-45deg) translate(-8px,6px);

	  transform: rotate(-45deg) translate(-8px,6px);

	}

	nav.desktop .cont-menu li{

		padding: 0px 1.0%;

	}

	.contattaci,

	.eleganza,

	.atmosfera,

	.magia,

    .tariffe,

	.ricchezza,

	.accoglienza{

		font-size:65px!important;

	}

	nav.desktop .cont-menu li span{

		padding:11px 0px;

		line-height: 30px!important; 

		font-size: 11px!important;

	}

	.section6th .slide2 .sezn h2{

		font-size:21px;

	}

	.section6th .slide2 .sezn h2 span{

		font-size:15px;

	}

	.contsup{

		    width: 100%;

			padding: 100px 0% 0px 9%;

	}

	.section6th .slide2 .sezn .text{

		font-size:11px;

	}

	.section6th .slide2{

		top:0px;

	}

	nav.desktop .adt{

		max-height: 30px;

	}

	footer,.bottom,.top,.left,.right,nav.desktop{

		display:none!important;

	}

	.btn{

		font-size:13px;

	}

	.atmosfera,.eleganza,.accoglienza,.ricchezza,.tariffe,.magia{

		background-size:35% 100%!important;

	}

	.backbutton{

		left:0px;

		text-align:right;

		border-right:0px;

		padding-right:20px;

		box-sizing:border-box;

		height:35px;

		cursor:pointer;

		width:20%;

		line-height: 35px;

		border-radius: 35px;

		transform: translateX(-10%);

		top:6vh;

	}

	.section7th .buttL button {

		width:70%!important;

		left:15%!important;

		right:15%!important;

	}

	.section7th .buttR button {

		width:70%!important;

		left:15%!important;

		right:15%!important;

	}

	html,body{

		overflow-y:none;

	}

    footer .text {

        font-size: 8px;

    }

    footer {

		width: 100%;

		background-color: white;

		left: 0;

		right: 0;

		position: static;    	

    }

    body .bottom {

    	display: none!important;

    }

    footer .lang {

        right: 20px;

    }

}

@media only screen and (min-width: 767px) {

	#arrow {

		opacity:0;

	}

	.cont-form{

		display:block!important;

	}

	.cont-form .txt1{

		line-height: 15px!important;

	}

	.butmenu{

		display: block;

	}

	.butmenu{

		display: none;

	}

	.face2 #priv{

		margin: 15px 0px 0px 10px!important;

		position: absolute;

		font-size: 15px!important;

	}

	.face2 #txtarea {

		height: 150px!important;

	}

	.face2 .cont-form input {

		height:40px;

	}

	.HoN{

		display:none;

	}

	div.list {

		width:60%!important;

	}

	.face1 .slide2 .text {

		font-size: 14px;

	}

	.bottom,footer{

		display: block!important;

		/*border-radius: 100px 100px 0px 0px;*/

	}

	nav.desktop {

		display:block!important;

		top:0;

		left:0;

		right:0;

		background: #444;

		position:fixed;

		z-index:60;

		/*border-radius: 0px 0px 100px 100px;*/

	}

	.bottom{

		left:0px;

		right:0px;

	}

	.contattaci{

		background-size: contain;

		background-position:top;

	}

	#sm-logo{

		background:none!important;

	}

    .atmosfera, .eleganza, .accoglienza, .ricchezza, .tariffe, .magia, .contattaci {

        /*width: 70%;*/

        width: 400px;

        margin-bottom: 10px;

    }

}

@media only screen and (min-width: 1025px) {

	footer,.bottom,.top,.left,.right{

		display:block!important;

		border-radius: 0px;

	}

	.backbutton:hover{

		cursor:pointer;

		background:transparent;

		color:#fff;

		transform: translateX(30%);

	}

	.btn{

		font-size:14px;

	}

	nav.desktop .cont-menu li span{

		font-size:12px;

	}

	#sm-logo{

		/*position:absolute;*/

		background:transparent url(../img/small_logo_up.png) center center no-repeat!important;

		background-size:contain!important;

	}

	.HoN{

		display:none;

	}

	.webagency{

		display:block;

	}

	.face1 .slide2 .text {

		font-size: 15px;

	}

	div.list {

		width:100%!important;

	}

	.face2 #primariga{

		margin-top:40px!important;

	}

	.face2 #testono{

		font-size: 15px!important;

		line-height:23px;;

	}

	.face2 .cont-form div .rights{

		line-height:46px;

	}

	.face2 .cont-form {

		width: 40%;

	}

	nav.desktop {

		background: #444;

		position:fixed;

		z-index:60;

		top:50px;

		left:50px;

		right:50px;

		border-radius: 0px 0px 0px 0px;

		display:none;

		opacity: 1;

		/*height:4%;*/

	}

	.face2 #txtarea {

		height: 200px!important;

	}

	.face2 .cont-form input {

		height:36px;

		float:right;

	}

	html{

		font-size:1.0em;

	}

}

@media only screen and (max-width: 767px) {

	.section4th .slide3 .text{

	position: relative;

	padding: 10px;

	color: #fff;

	font-family: Muli-Light;	

	margin: 0 auto;

	text-align: center;

	font-size: 20px;

	display:table-cell;

	vertical-align:middle;

	font-weight: 800;

}

#container5 {display:none;}

#maison {

    width: 200%;

    top: 60%!important;

    left: 2%!important;}

.section1stloghi{

	position: relative;

	height:60vh;

	width:100%;

	z-index:1;

}

	.lightbox-inner {

		width: 60%;

	}

	.lightbox-inner p{

		font-size: 12px;

	}	

	.footer-mobile {

		display: block;

	}

	#menu {

		position:fixed;

		background: rgba(0,0,0,.5);

		display: block;

		font-size: 36px; 

		width: 50px;

		height: auto;

		box-sizing:border-box;

		padding: 23px 10px;

		z-index:500;

	}

	#menu span {

	  background: #fff;

	  display: block;

	  position: relative;

	  -webkit-transform: translate3d(0,0,0);

	}

	#menu span,

	#menu span:before,

	#menu span:after {

	  width: 100%;

	  height: 4px;

	  -moz-transition:       all 0.4s;

	  -o-transition:         all 0.4s;

	  -webkit-transition:    all 0.4s;

	  transition:            all 0.4s;

	  -webkit-transform: translate3d(0,0,0);

	  border-radius:10px;

	}

	#menu span:before,

	#menu span:after {

	  background: #fff;

	  content: "";

	  margin-top: 10px;

	  position: absolute;

	}

	#menu span:after {

	  margin-top: -10px;

	}

	#menu.on span {

	  background: transparent;

	}

	#menu.on span:before {

	  -moz-transform: rotate(45deg) translate(-8px,-7px);

	  -ms-transform: rotate(45deg) translate(-8px,-7px);

	  -o-transform: rotate(45deg) translate(-8px,-7px);

	  -webkit-transform: rotate(45deg) translate(-8px,-7px);

	  transform: rotate(45deg) translate(-8px,-7px);

	}

	#menu.on span:after {

	  -moz-transform: rotate(-45deg) translate(-8px,6px);

	  -ms-transform: rotate(-45deg) translate(-8px,6px);

	  -o-transform: rotate(-45deg) translate(-8px,6px);

	  -webkit-transform: rotate(-45deg) translate(-8px,6px);

	  transform: rotate(-45deg) translate(-8px,6px);

	}

	body{

		overflow-x:hidden;

	}

	html{

		overflow-x: hidden;

	}

	#map-canvas{

		top:0!important;

		left:0!important;

		right: 0!important;

		bottom: 0!important;

	}

	#comeraggiungerci {

    width: 37%;

    position: absolute;

    top: 0px;

    right: 0%;

    background-color: rgba(204,204,204,0.9);

	}

	#information {

    margin-top:40px;

    color: #222;

    display: table-cell;

    vertical-align: middle;

    padding: 18% 10% 5% 10%;

    font-size: 9px;}

	.backbutton2{

		top: 0!important;

		width:50px!important;

		height:50px!important;

		background: #444 url(../img/menustart2b.png) no-repeat!important;

		background-size: cover;

		background-position: 50% 50%;

		padding:0;

	}

	.section6th .slide2 {

		bottom: 0;

		left: 0;

		right: 0;

	}

	.slide8 .layer	{

		padding: 60px 0!important;

	}

	.section7th.face3 {

		padding: 0!important;

	}

	.contattiface2 .cont-align {

		padding-bottom: 0;

		padding-top: 70px;

	}

	.backbutton2 span{

		display:none;

	}

	.gm-style .gmnoprint .gm-style-mtc{

		display:none!important;

	}

	.face2 .cont-form .contA .contB{

		width:100%;

		padding-right:0px;

	}

	.face2 .cont-form .contA .contB label{

		margin-top:0px;

	}

	.face2 .cont-form .contA .contC{

		width:100%

	}

	.btn{

		font-size:13px;

	}

	.section1st .slide7 .cont .list{

		font-size:13px;

	}

	.section1st .slide7 .cont .condizioni-generali span{

		font-size:16px;

	}

	.contsup{

		width:100%;

		padding: 100px 3% 0px 5%;

	}

	.section6th .slide2{

		top:0px;

	}

	.section6th .slide2 .sezn .text{

		font-size:10.5px!important;

		padding: 0;		

	}

	.section6th .slide2 .sezn h2{

		font-size:16px;

	}

	.section6th .slide2 .sezn h2 span{

		font-size:9px;

	}

	.text{

		font-size:12.5px!important;

		width:80%!important

	}

	.section3rd .slide2 .text,

	.section4th .slide2 .text,

	.section5th .slide2 .text{

		font-size:12px!important;

	}

	.section6th .slide4 .cont .list{

		font-size:12px!important;

	}

	.section6th .slide4 .cont{

		width:100%;

	}

	.section1st.face1 .slide8 .buttL{

		width:100%;

		height:50px;

		float:none;

		margin:0 auto;

		margin-bottom:10px;

		left:20%;

	}

	.section1st.face1 .slide8 .buttC{

		width:100%;

		height:50px;

		float:none;

		margin:0 auto;

		margin-bottom:10px;

		left:20%;

	}

	.face3 .backbutton2{

		right:0;

	}

	.section1st.face1 .slide8 .buttR{

		width:100%;

		height:50px;

		float:none;

		margin: 0 auto;

		left:20%;

	}

	.section1st .bottom-line{

		position: relative;

		bottom: -75%;

		border-bottom: solid #fff 1px;

		width: 450px;

		margin: 0 auto;

		z-index: 1;

	}

	.face2 .cont-form div .rights{

		font-size:12px;

	}

	.face2 .cont-form .txt1,

	.face2 .cont-form .txt2{

		font-size:13px;

		padding-left:0;

	}

	.section1st .text{

		font-size:12px;

	}

	.half{

		width:100%!important;

	}

	footer,.bottom,.top,.left,.right,nav.desktop{

		display:none!important;

	}

	.backbutton{

		width:100%;

		top:0px;

		left:0px;

		cursor:pointer;

	}

	.webagency{

		display:none;

	}

	div.list {

		width:80%!important;

	}

	.contattaci,

	.eleganza,

	.atmosfera,

	.magia,

    .tariffe,

	.ricchezza,

	.accoglienza{

		font-size:50px!important;

		width:100%!important;

	}

	.contattaci:after,

	.eleganza:after,

	.atmosfera:after,

	.magia:after,

    .tariffe:after,

	.ricchezza:after,

	.accoglienza:after{

		bottom:10px;

	}

	.face1 .slide2 .text {

		font-size: 12px;

	}

	.bottom-line{

		width: 310px!important;

	}

	#arrow {

		opacity:1;

	}

	.butmenu{

		display: block;

	}

	.face2 #txtarea {

		height: 70px!important;

	}

	.face2 .cont-form .notice{

		margin-top:1px!important;

	}

	.face2 .impiccio{

		margin-top:10px!important;

	}

	.face2 #testono{

		font-size: 11px!important;

		line-height:12px;

	}

	.face2 .cont-form input {

		height:35px;

		float:right;

	}

	.section6th .slide4 div.list{

		font-size: 19px!important;

	}

	.HoN{

		display:block;

	}

	.face2 #priv{

		margin: 10px 0px 0px 10px!important;

		font-size:13px!important;

		position: absolute;

		font-size: 11px!important;

	}

	.checkbox{

		width:10px;

	}

	.contA,.contB{

		z-index:99;

	}

	.face2 #privacy{

		float:left;

	}

	.mainhome .slide1 .logo{

		width:100%!important;

	}

	.mainhome .slide1 .logotext{

		width:30%!important;

	}

	.center{

		margin-top: 15%!important;

		width: 60%!important;

		height: 15%!important;

	}

	.center-tariffe {

		margin-top: 0!important;

		width: 100%!important;

		height: 9%!important;

	}

	.btnpacchetti {

		width: auto;

		margin: 10px;

	}

	.section6th .slide2, .section1st .slide7{

		padding-top:0px;

	}

	.ingr{

		font-size:17px!important;

	}

	.sezn{

		padding:20px 2.5%!important;

	}

	.cont-form-resp{

		position:relative;

		display:block;

		background:#E8B94E;

		width:400%;

		height:100%;

		margin-left:0%;

	}

	.cont-form-resp .first{

		float:left;

		position:relative;

		width:25%;

		height:100%;

		padding-top:5%;

		box-sizing: border-box;

	}

	.cont-form-resp .first input{

		position: relative;

		margin: 2.25% auto;

		width:50%;

		height:10%;

		left:25%;

		background: #fff;

		border: solid 0px #fff;

		box-sizing: border-box;

		font-family: Muli-Light;

		color:#000;

		font-style: italic;

		padding-left: 10px;

	}

	.cont-form-resp .frecce{

		position: fixed;

		height:10%;

		margin: 0 auto;

		right:35%;

		left:35%;

		bottom:12%;

		z-index: 1;

	}

	.cont-form-resp .frecce #annulla{

		position: absolute;

		float: left;

		background: transparent url(../img/annulla.png) no-repeat;

		background-position: top left;

		background-size: 35px 35px;

		width:50%;

		height:100%;

		z-index: 501;

	}

	.cont-form-resp .frecce #indietro{

		position: absolute;

		float: left;

		background: transparent url(../img/left-arrow.png) no-repeat;

		background-position: top left;

		background-size: 35px 35px;

		width:50%;

		height:100%;

		z-index: 500;

	}

	.cont-form-resp .frecce .prosegui{

		position: relative;

		float: right;

		background: transparent url(../img/right-arrow.png) no-repeat;

		background-position: top right;

		background-size: 35px 35px;

		width:50%;

		height:100%;

	}

	.cont-form-resp .quellacosacoicubi{

		position:fixed;

		padding: 4% 15% 0% 15%;

		bottom: 3%;

		height: 10%;

		left:10%;

		right: 10%;

		border-top: solid 1px #fff;

		box-sizing: border-box;

	}

	.cont-form-resp .quellacosacoicubi div{

		position:relative;

		width: 19%;

		margin:4%;

		margin-top:0px;

		float:left;

		border:solid 2px #888;

		color: #888;

		box-sizing: border-box;

		font-family: inherit;

		text-align:center;

		font-size: 14px;

	}

	.cont-form-resp .quellacosacoicubi div.acceso{

		background: #fff!important;

		border-color: #fff!important;

		color: #E8B94E!important;

	}

	.cont-form-resp .quellacosacoicubi div.fatto{

		background: #e8b94e;

		color:#fff;

		border-color: #fff;

	}

	.cont-form-resp .quellacosacoicubi div:first-child{

		margin-left:0%;

	}

	.cont-form-resp .quellacosacoicubi div:last-child{

		margin-right:0%;

	}

	.cont-form-resp .first .conttesto{

		position:relative;

		height:40%;

		width:80%;

		margin: 0 auto;

		background:#ffcf67;

		top:4%;

		text-align:center;

		font-size: 14px;

		color:#fff;

		font-family: Muli-Light;

	}

	.cont-form-resp .first .conttesto button{

		position:relative;

		width:60%;

		margin:0 auto;

		margin-top:15%;

		height:26%;

		box-sizing: border-box;

		border:solid 2px #fff;

		background: transparent;

		text-align:center;

		font-size: 18px;

		color:#fff;

		font-family: Muli-Regular;

	}

	.cont-form-resp .first .conttesto .testo{

		padding-top: 3%

	}

	.face2 .cont-form {

		width: 80%;

	}

	.cont-form-resp .second {

		float:left;

		position:relative;

		width:25%;

		height:100%;

		padding-top:5%;

		box-sizing: border-box;

	}

	.cont-form-resp .titolo{

		position:relative;

		width:70%;

		height:7%;

		text-align: center;

		margin:0 auto;

		font-family: Muli-Regular;

		color:#fff;

		border-bottom: solid 1px #fff;

	}

	.cont-form-resp .txt_p2{

		position:relative;

		width:70%;

		margin:0 auto;

		margin-top:10%;

		margin-bottom: 2%;

		font-family: Muli-Regular;

		color:#fff;

		text-align: center;

	}

	.cont-form-resp .second input{

		position:relative;

		width:50%;

		height:10%;

		margin: 0 25%;

		font-family: Muli-Light;

		color:#000;

		font-style: italic;

		text-align: center;

		border:0px;

	}

	.cont-form-resp .third {

		float:left;

		position:relative;

		width:25%;

		height:100%;

		padding-top:5%;

		box-sizing: border-box;

	}

	.cont-form-resp .third input{

		position:relative;

		width:70%;

		height:6%;

		margin: 0 15%;

		font-family: Muli-Light;

		color:#000;

		font-style: italic;

		text-align: left;

		border:0px;

		font-size: 14px;

	}

	.cont-form-resp .third textarea{

		position:relative;

		width:70%;

		height:25%;

		resize: none;

		margin: 0 15%;

	}

	.cont-form-resp .fourth {

		float:left;

		position:relative;

		width:25%;

		height:100%;

		padding-top:5%;

		box-sizing: border-box;

	}

	.cont-form-resp .fourth .privtxt{

		position:relative;

		width:50%;

		margin:0 25%;

		margin-top:10%;

		font-family: Muli-Light;

		color:#fff;

		font-style: italic;

		text-align: left;

		border:0px;

		font-size: 16px;

		text-transform: uppercase;

		text-align: center;

	}

	.cont-form-resp .fourth button{

		position:relative;

		width:60%;

		margin:0 20%;

		margin-top:10%;

		height:10%;

		box-sizing: border-box;

		border:solid 2px #fff;

		background: transparent;

		text-align:center;

		font-size: 18px;

		color:#fff;

		font-family: Muli-Regular;

	}

	.homebut{

		display:block;

	}

	.atmosfera:after,

	.eleganza:after,

	.accoglienza:after,

	.ricchezza:after,

	.magia:after,

    .tariffe:after,

	.contattaci:after{

		width:75%;

		margin:0 auto;

	}

    .section1st .cen_cont span {

        font-size: 54px;

    }

    .slide2 .text,

	.section1st .slide3 .text,

	.section1st .slide4 .text,

	.section1st .slide5 .text,

	.section1st .slide6 .text,

	.section1st .slide7 .text,

	.section1st .slide8 .text{

		padding: 0 10%;

	}

}

@media only screen and (max-width: 450px){

#maison {

    width: 340%;

    top: 80%!important;

    left: 5%!important;}

}

@media only screen and (max-width: 767px) and (orientation:landscape) {

	nav.responsive-nav .hidden-cont .cont-menu li{

		padding:5px 0px;

	}

}

@media only screen and (max-width: 1024px) and (min-width: 767px) and (orientation:landscape) {

	.btnbooknow {

		line-height: 40px;

	} 

}

@media print,

       (-o-min-device-pixel-ratio: 5/4),

       (-webkit-min-device-pixel-ratio: 1.25),

       (min-resolution: 50dpi) {

}

/* ==========================================================================

   Helper classes

   ========================================================================== */

.ir {

    background-color: transparent;

    border: 0;

    overflow: hidden;

    *text-indent: -9999px;

}

.ir:before {

    content: "";

    display: block;

    width: 0;

    height: 150%;

}

.hidden {

    display: none !important;

    visibility: hidden;

}

.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}

.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}

.invisible {

    visibility: hidden;

}

.clearfix:before,

.clearfix:after {

    content: " ";

    display: table;

}

.clearfix:after {

    clear: both;

}

.clearfix {

    *zoom: 1;

}

/* ==========================================================================

   Print styles

   ========================================================================== */

@media print {

    * {

        background: transparent !important;

        color: #000 !important;

        box-shadow: none !important;

        text-shadow: none !important;

    }

    a,

    a:visited {

        text-decoration: underline;

    }

    a[href]:after {

        content: " (" attr(href) ")";

    }

    abbr[title]:after {

        content: " (" attr(title) ")";

    }

    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }

    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }

    thead {

        display: table-header-group;

    }

    tr,

    img {

        page-break-inside: avoid;

    }

    img {

        max-width: 100% !important;

    }

    @page {

        margin: 0.5cm;

    }

    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }

    h2,

    h3 {

        page-break-after: avoid;

    }

}
/* ---- form contatti: placeholder e banner di esito invio ---- */

.face2 .cont-form input::placeholder,
.face2 .cont-form textarea::placeholder {
    color: #c3c3c3;
    opacity: 1;
}

.face2 .cont-form input::-webkit-input-placeholder,
.face2 .cont-form textarea::-webkit-input-placeholder {
    color: #c3c3c3;
}

.face2 .cont-form input.error,
.face2 .cont-form textarea.error {
    border: 1px solid #c00;
}

#form-esito {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    padding: 16px 20px;
    text-align: center;
    font-family: Muli-Regular, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    background: #1c1c1c;
    border-bottom: 1px solid #444;
}

#form-esito a {
    color: #fff;
    text-decoration: underline;
}

#form-esito .esito-ok,
#form-esito .esito-ko {
    display: none;
}

#form-esito.ok .esito-ok,
#form-esito.ko .esito-ko {
    display: inline;
}