@font-face {
  font-family: "OpenSans-extrabold";
    src: url(../tools/font/open-sans.extrabold.ttf) format("truetype");
}
@font-face{
	font-family: "OpenSans-bold";
	src: url(../tools/font/OpenSans-Bold.ttf)format("truetype");
}
@font-face{
	font-family: "OpenSans-semiboldItalic";
	src: url(../tools/font/OpenSans-semiboldItalic.ttf)format("truetype");
}
@font-face{
	font-family: "OpenSans-regular";
	src:url(../tools/font/OpenSans-Regular.ttf)format("truetype");
}
.content{
	width: 100%;
}

.carousel_top>p{
	display: none;
}
.carousel-costume{
	top: 0px;
	z-index: 1;
}
.item-caption{
position: absolute;
display: block;
top:0;
margin-top: 20%;
width: 100%;
}
.item-caption>h1{
	font-family: "OpenSans-bold";
	font-size: 48px;
	letter-spacing: 0.02em;
	color: #fff;
	margin-top: 21px;
	margin-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
	text-transform: uppercase;
	text-align: center;
}
.item-caption>p{
	text-align: center;
	font-family: "OpenSans-semiboldItalic";
	font-size: 20px;
	letter-spacing: 0.02em;
	color: #fff;
	margin-bottom: 89px;
	padding-left: 23px;
	margin-top: 0px;
}
.ui-datepicker{
  position: absolute !important;
  left: 0;
  top:0;
}

@media only screen and (max-width: 767px){
.item-caption{
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
.item-caption>h2{
font-size: 15px;
margin-top: 50px;
}
.item-caption>h1{
	font-size: 27px;
}
.item-caption>h3{
	font-size: 13px;
	margin-bottom: 45px;
}
}
@media only screen and (max-width: 520px){
.item-caption>h1{
	font-size: 19px;
}
.item-caption>p{
	font-size: 15px;
}
}
@media only screen and (max-width: 400px){
	.item-caption>h1{
	font-size: 15px;
}
.item-caption>p{
	font-size: 11px;
}
}




.head-simple-page>img{
	width: 100%;
}
.container-simple-page>h1{
	   color: #0071b9;
    font-family: "Opensans-extrabold";
    font-size: 40px;
    margin-bottom: 37px;
    text-align: center;
    text-transform: uppercase;
}


/*----------------------------------------------Benvenuto-Section----------------------------*/



.row-costume{



margin: 0px;



position: relative;



}



.carousel_2{



    margin-left: auto;



    margin-right: auto;



    max-width: 600px;



    margin-top: 20px;



    margin-bottom: 20px;



}



.benvenuto-section{



	position: relative;



	height: 556px;



}



.benvenuto-txt{



	float: left;



	margin-left: 73px;



	max-width: 417px;



	height: 500px;



}



.title-style{



	font-family: "OpenSans-extrabold";



	font-size: 40px;



	text-transform: uppercase;



	color: #B6004D;



	margin-bottom: 0px;



	margin-top: 22px;



	margin-bottom: 40px;



}







.paragraph-style{



	font-family: "OpenSans-extrabold";



	font-size: 12px;



	color: #a7a7a7;



	letter-spacing: 0.07em;



	line-height: 20px;



	float: left;



	text-transform: uppercase;



	max-width: 417px;







}



.saunaimg{



	max-width: 878px;



}



.costume-col{



	padding: 0px;



}







.left-cost-col{



	padding: 0px;



}



.cam-caption{



	position: absolute;



	top: 4.6%;



	left: 3.2%;



	color: #fff;



	font-family: "OpenSans-bold";



	font-size: 13.04px;



	text-transform: uppercase;



}



.carousel_2 .carousel .carousel-inner .item{



	height: 400px;



	max-width: 600px;



	overflow: hidden;



}



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



	.costume-col{



		margin-bottom: 15px;



	}



	.welcome-txt{



	float: none;



	max-width: 417px;



	height: 500px;



	margin-left: auto;



	margin-right: auto;



	padding-left: 10px;



	padding-right: 10px;



}



	.welcome-txt>h2{



		font-size: 30px;



	}



 







}



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



.carousel_2 .carousel .carousel-inner .item{



	height: auto;



}



}



/*----------------------------------------------------Kitchen-Section---------------------*/



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







.kitchen_background{



	position: relative;



}



.kitchen_background>img{



	position: relative;



	width: 100%;



	height: auto;



}



.backcolor{



 	background-color: rgba(242,167,167,.6);#a7daf2;



    height: 100%;



    left: 0;



    mix-blend-mode: screen;



    position: absolute;



    top: 0;



    width: 100%;



    z-index: 98



}



.caption{



	position: absolute;



	top: 0;



	left: 0;

	text-align: center;



	width: 66%;



	margin-left: 17%;



	margin-top: 8%;



	}



.caption>h1{



	font-family: "OpenSans-extrabold";



	font-size: 25px;



	line-height: 0.02em;



	text-transform: uppercase;



	color:#fff;



	margin-top: 89px;



	padding-left: 6px;



}



.caption>h2{



	font-family: "OpenSans-bold";



	font-size: 31px;



	letter-spacing: 0.02em;



	text-transform: uppercase;



	color: #fff;



	padding-left: 17px;



	margin-top: 35px;



	margin-bottom: 0px;



} 



.caption>h3{



 font-family: "OpenSans-semiboldItalic";



 font-size: 20px;



 letter-spacing: 0.02em;



 color: #fff;



 margin-bottom: 87px;



 padding-left: 7px;



}



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



.caption {



    margin-left: 10%;



    width: 80%;



}



.caption>h1{



	margin-top: 20px;



}



}



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



.caption {



 border: 0px;



}



.content-cucina{



top: 74%;



width: 80%;



margin-left: 10%;



margin-top: 0px;



}



.content-cucina>h4{



font-size: 23px;



margin-top:20px;



}



.content-cucina>h1{



	font-size: 33px;



}



.content-cucina>p{



 font-size: 13px;



 margin-bottom: 30px;



}



}



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



.caption > h1 {



    font-size: 20px;



}



.caption > h2 {



	font-size: 25px;



}



.caption >h3{



	font-size: 16px;



}



.caption {



    margin-left: 0;



    width: 100%;



}







}







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



.caption > h1 {



    font-size: 17px;



    margin-top: 0px;



}



.caption > h2 {



	font-size: 20px;



	margin-top: 30px;



}



.caption >h3{



	font-size: 13px;



}



}



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



.caption > h1 {



    font-size: 13px;



    margin-top: 0px;



}



.caption > h2 {



	font-size: 15px;



	margin-top: 20px;



}



.caption >h3{



	font-size: 10px;



	margin-top: 10px;



	margin-bottom: 0px;



}	



}



/* -----------------------------------------------Room Section -----------------------------*/







.room-text{



	width: 840px;



	margin-left: auto;



	margin-right: auto;



	padding-top: 88px;



}



.room-text>h1{



	font-family: "OpenSans-bold";



	font-size: 48px;



	letter-spacing: 0.02em;



	text-transform: uppercase;



	color: #fff;



	margin-top: -1px;



	text-align: center;







	padding-left: 13px;



	margin-bottom: 16px;







}



.room-text>p{



	font-family: "OpenSans-extrabold";



	font-size: 12px;



	letter-spacing: 0.07em;



	line-height: 18.96px;



	text-transform: uppercase;



	color: #fff;



	text-align: center;



	max-width: 840px;



	margin-top: 10px;



	margin-bottom: 83px;



	padding-left: 9px;



}



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



.room-text{



	width: 90%;



	margin-left: auto;



	margin-right: auto;



}



.room-text>h1{



	font-size: 29px;







}



.room-text>p{



	font-size: 10px;



}		



}



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



.room-headtxt{



	width: 90%;



	margin-left: auto;



	margin-right: auto;



}



.room-text>h1{



	font-size: 21px;



}



.room-text>p{



	font-size: 8.53px;



	margin-bottom: 60px;



	max-width: 100%;



}	



}







/************************Room***************************/



.left-carousel{



border: 2px solid #fff;	



max-width: 500px;



margin-left: auto;



margin-right: auto;



}



.right-text{



	border: 2px solid #fff;



	max-width: 536px;



	height: auto;



	background-color: #1377ba;



}



.right-text>h3{



	font-family: "OpenSans-extrabold";



	font-size: 30px;



	color: #fff;



	text-transform: uppercase;



	width: 425px;



	margin-top: 28px;



	margin-bottom: 30px;



	margin-left: auto;



	margin-right: auto;



	padding-left: 8px;



 



}



.right-text>p{



	font-family: "OpenSans-extrabold";



	font-size: 12px;



	color: #fff;



	text-transform: uppercase;



	letter-spacing: 0.07em;



	line-height: 20px;



	width: 425px;



	margin-left: auto;



	margin-right: auto;



	margin-bottom: 18px;



	padding-left: 8px;







} 















.rom1-row{



	margin-top: 48px;



	padding-bottom: 40px;



	max-width: 1100px;



	padding-left: 34px;



	margin-right: auto;



	margin-left: auto;



}







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



	.rom1-row{



	padding-left: 0px;



}



}



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



.right-text{



	width: 100%



}



}



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



.right-text{



	max-width: 500px;



	margin-left: auto;



	margin-right: auto;



	margin-top: 20px;



}



.costume-col-txt{



	margin-left: 0px;



}



}







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



.right-text>h3{



	font-size: 25px;



	width: 95%;



}



.right-text>p{



	font-size: 12px;



	width: 95%;



} 



	



}



/*--------------------------------------------------------Subscribe Section ----------------------------------*/



.newsletter-section{



	padding-bottom: 150px;



	padding-top: 200px;







}



.subscribe-color{



	background-color: rgba(208,255,250,.5);



}



.subscribe-color>h1{



	font-family: "OpenSans-bold";



	font-size: 30px;



	text-transform: uppercase;



	color: #fff;



	margin-top: 0px;



	text-align: center;



	padding-top: 45px;



	letter-spacing: 0.002em;



}



.es_lablebox{



	font-family:"OpenSans-bold"; 



	font-size:16px;



	color: #fff;



	text-transform: uppercase;



}



.es_textbox>input{



	width: 100%;



	height: 45px;



}



.subscribe_form{



	width: 38%;



	margin-left: auto;



	margin-right: auto;



	margin-bottom: 10px;

	padding-bottom: 45px;



}







.es_button{



	width: 38%;



	margin-left: auto;



	margin-right: auto;







}



.es_button>input{



	width: 100%;



	height: 49px;



	background-color: transparent;



	border-radius: 0px;



	border: 1px solid #fff;



	font-family: "OpenSans-extrabold";



	font-size: 17px;



	color: #fff;



	letter-spacing: 0.03em;



}



.es_button>input:hover{



	background:#fff;



 	color: #000;



 	-moz-transition: all .3s ease-in;



    -o-transition: all .3s ease-in;



    -webkit-transition: all .3s ease-in;



    transition: all .2s ease-in;



}



.check-costume{



	width: 38%;



	margin-left: auto;



	margin-right: auto;



	text-align: center;



	margin-top:20px;



	margin-bottom: 0px;	



}



.check-costume>label{



	color: #fff;



	font-family: "OpenSans-bold";



	font-size: 14px;



	text-transform: uppercase;



	letter-spacing: 0.03em;



	padding-bottom: 200px;



}



.privacy-underline{



	text-decoration: underline;



}



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



.subscribe_form{



	width: 70%;







}







.es_button{



	width: 100%;



}



}



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



.subscribe_form{



	width: 75%;







}



	



}



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



.subscribe_form{



	width: 85%;







}



.subscribe-color>h1{



	font-size: 30px;



}







}



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



.subscribe-color>h1{



	font-size: 19px;



}	



}



/*--------------------------------------------------recapi-contacti Section -----------------------------*/



.recapi-contacti{



	background-color: #1377BA;







}



.left-col{



	max-width: 1000px;



	position: relative;



	margin-left: auto;



	margin-right: auto;



	float: none;	



}



.social-contact-footer{



	font-family: "OpenSans-bold";



	font-size: 20px;



	text-transform: uppercase;



	color: #fff;



	margin-top: 100px;



	margin-bottom: 50px;



}



.col-contact{



	padding: 0px;



	height: 165px;



}



.col-contact>i{



font-size: 30px;



color: #fff;



margin-bottom: 24px;



}



.col-contact>h4{



	font-family: "OpenSans-regular";



	font-size: 14px;



	color: #fff;



	text-transform: uppercase;



}



.col-contact>p{



	font-family: "OpenSans-regular";



	font-size: 13px;



	color: #fff;



}



.col-contact>p>a{



	font-family: "OpenSans-regular";



	font-size: 13px;



	color: #fff;



}



.contact-row{



	margin-left: 0px;



	margin-right:0px;



	margin-bottom: 34px;



}



.right-col{



	max-width: 1000px;



	position: relative;



	margin-left: auto;



	margin-right: auto;



	float: none;	



}



.left-col .widget_text .textwidget .wpcf7 .wpcf7-form>p{



	font-family: "OpenSans-regular";



	font-size: 14px;



	color: #fff;



	text-transform: uppercase;



}



.left-col .widget_text .textwidget .wpcf7 .wpcf7-form .wpcf7-form-control-wrap .wpcf7-text{



	background: transparent!important;



    border: 1px solid #fff;



    border-radius: 0;



    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;



    color: #fff;



    height: 46px;



    width: 100%



}



.left-col .widget_text .textwidget .wpcf7 .wpcf7-form .wpcf7-form-control-wrap .wpcf7-textarea{



	background: transparent!important;



    border: 1px solid #fff;



    border-radius: 0;



    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;



    color: #fff;



    height: 146px;



    width: 100%



}



.left-col .widget_text .textwidget .wpcf7 .wpcf7-form  .wpcf7-submit{



	background-color: #fff;



    border: 1px solid #fff;



    border-radius: 0;



    color: #1377BA;



    font-family: "OpenSans-bold";



    font-size: 17px;



    height: 42px;



    letter-spacing: 0.03em;



    width: 28.7%;



}



.left-col .widget_text .textwidget .wpcf7 .wpcf7-form  .wpcf7-submit:hover{



	background:#1377BA;



 	color: #fff;



 	-moz-transition: all .3s ease-in;



    -o-transition: all .3s ease-in;



    -webkit-transition: all .3s ease-in;



    transition: all .2s ease-in;



}



.contact-row-costume{



	margin: 0px;



	padding-bottom: 84px;



}



.input-group-contat{



	width: 90%;



	margin-bottom: 10px;



}



.form-contat{



	background:transparent;



	border: 1px solid #fff;



	border-right: 0px;



	border-radius: 0px;



	box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;



	height: 46px;



	color: #fff;



}



.form-contat:focus{



	box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;



	border-color: #fff;



}



.form-contat::-moz-placeholder {



  color: #fff;



  opacity: 1;



}



.form-contat:-ms-input-placeholder {



  color: #fff;



}



.form-contat::-webkit-input-placeholder {



  color: #fff;



}



.addon-contat{



	background: transparent;



	border: 1px solid #fff;



	border-left: 0px;



	border-radius: 0px;



	color: #fff;



}







.right-col>h3{



	font-family: "OpenSans-bold";



	font-size: 20px;



	text-transform: uppercase;



	color: #fff;



	letter-spacing: 0.02em;



	margin-top: 30px;



	margin-bottom: 50px;



}



.group-mesagio{



	width: 90%;



}



.form-mesagio{



	background:transparent;



	border: 1px solid #fff;



	border-radius: 0px;



	box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;



	color: #fff;



}



.form-mesagio:focus{



	box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;



	border-color: #fff;



}



.form-mesagio::-moz-placeholder {



  color: #fff;



  opacity: 1;



}



.form-mesagio:-ms-input-placeholder {



  color: #fff;



}



.form-mesagio::-webkit-input-placeholder {



  color: #fff;



}



.btn-messaggio>button{



	height: 42px;



	width: 28.7%;



	background-color:#fff;



	border-radius: 0px;



	border: 1px solid #fff;



	font-family: "OpenSans-bold";



	font-size: 17px;



	color: #e3004a;



	letter-spacing: 0.03em;



}



.btn-messaggio>button:hover{



	background:#e3004a;



 	color: #fff;



 	-moz-transition: all .3s ease-in;



    -o-transition: all .3s ease-in;



    -webkit-transition: all .3s ease-in;



    transition: all .2s ease-in;



}



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



.right-col{



	width: 100%;



	padding-left: 11.7%;



}



.right-col>h3{



	margin-top: 25px;



}



.btn-messaggio>button{



	width: 50%;



}



	}



/*--------------------------------------------------Google Map-----------------------------*/



#googleMap{



	width: 100%;



	height: 400px;



}



.title-costume{



	color: #e3004a;



}



.contatti-head{



	text-align: center;



}



.contatti-head>img{



	width: 100%;



}



.contatti-text{



	position: absolute;



	top: 120px;



	z-index: 9999;



	width: 210px;



	margin-left: 42%;



	margin-right: 42%;



}