@font-face {
	font-family: 'Arizona DB';
	src: url('ArmWrestler.eot');
	src: local('Arizona-Regular DB'), url('../../../fonts/Arizona-Regular DB.ttf') format('truetype');
	}
	
 #sp-main-body {
     padding: 0; /*levo lo spazio tra il menù ed il corpo*/
}
 #banner-home {
 	height: 70vh;
 	/*background-image: url('../../../images/logo-FHP.png'), url('../../../images/foto-home.jpg'); */
 	background-image: url('../../../images/foto-home.jpg');
 	background-position: left top;
 	background-repeat: no-repeat;
 	background-size: 100% auto;

 	height: 99vh;
 	width: 100%;
 	/*display: -webkit-flex;
 	display: -moz-flex;
 	display: -ms-flex;
 	display: flex;*/
 	-webkit-justify-content: center;
 	justify-content: center;
 	-webkit-align-items: center;
 	align-items: center;
 }

 #home {
 	margin-top: -300px;
 }
 
 @media only screen and (max-width: 600px) {
	#home {
		margin-top: -500px;
	}
	.box-top-home{
		margin:0 auto 5px!important;
	}
}

 #home-parte1 {	
	text-align: center;
 }

 .box-top-home {
 	-webkit-box-shadow: 5px 5px 10px 0px #000000;
 	-moz-box-shadow: 5px 5px 10px 0px #000000;
 	-o-box-shadow: 5px 5px 10px 0px #000000;
 	box-shadow: 5px 5px 10px 0px #000000;

 	margin: 0%;
 	margin-right: 20px;
 	padding: 40px 20px 20px 20px;
 	width: 370px;
 	height: 370px;
 	text-align: justify;
 	/*float: left;*/	

	display: inline-grid;

 }

 #home-parte2 {
 	background-color: #fcfaf7;
	margin-top: 50px;
	width: 100%;
	padding:50px;
 }
 
 .cornice {
  --s: 10px; /* control the size */
  padding: var(--s);
  border: calc(2*var(--s)) solid #0000;
  outline: 1px solid #000;
  outline-offset: calc(-1*var(--s));
  background: conic-gradient(from 90deg at 1px 1px,#0000 25%,#000 0);
}
 
 #home-mission{
	height:200px;
	background: url('../../../images/header-bg.jpg') repeat-x left top;
	position: relative;	
 }
 
 #home-commenti{
	background-color: #fcfaf7;
	margin-top: -50px;
	width: 100%;    
	padding:50px;
 }
 #home-commento{
	 margin-top:10px;
	 display: flex;

 }
 #home-commenti img{
	width:160px;
	height:160px; 
 }
 
 blockquote {
	font-weight: 100;	
	max-width: 800px;	
	position: relative;
	margin: 0;
	padding: .5rem;
	text-align:justify;
}

blockquote:before,
blockquote:after {
	position: absolute;
	color:gray;	
}

blockquote:before {
	content: '❝';
	font-size:36px;	
	margin-left:-18px;
	margin-top:-18px;
}

blockquote:after {
	content: '❞';
	font-size:36px;	
}

  /* slider commenti */

#home-commenti{
  input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
  }

  /* Base styles for this example */

  .wrapper {   
    max-width:50vw;
    /* unfortunately width has to be set to some hard value */
    display: flex;
  }
  
  .wrapper:hover { 
	cursor: grab;
  }

  .slide {
    width: 0;
  }

  .content {
    width: 50vw;
    height: 100%;
    /* this is optional if you want every slide to have same height as the highest one */
  }

@media only screen and (max-width: 600px) {
	.wrapper {   
		max-width:100%;		
  }
	.content {
		width: 80vw;
  }
    }
  /* Additional styling */  

  .content {    
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s;
    max-height: 90vh;
    overflow-y: auto;
  }

  #i_1:checked~.wrapper .content1,
  #i_2:checked~.wrapper .content2,
  #i_3:checked~.wrapper .content3,
  #i_4:checked~.wrapper .content4,
  #i_5:checked~.wrapper .content5,
  #i_6:checked~.wrapper .content6,
  #i_7:checked~.wrapper .content7,
  #i_8:checked~.wrapper .content8,
  #i_9:checked~.wrapper .content9,
  #i_10:checked~.wrapper .content10,
  #i_11:checked~.wrapper .content11,
  #i_12:checked~.wrapper .content12{
    opacity: 1;
    pointer-events: auto;
  }

  label {
    color: #E0E0E0;
    transition-duration: .6s;
    cursor: pointer;
  }

  #i_1:checked~.controls label[for="i_1"],
  #i_2:checked~.controls label[for="i_2"],
  #i_3:checked~.controls label[for="i_3"],
  #i_4:checked~.controls label[for="i_4"],
  #i_5:checked~.controls label[for="i_5"],
  #i_6:checked~.controls label[for="i_6"],
  #i_7:checked~.controls label[for="i_7"],
  #i_8:checked~.controls label[for="i_8"],
  #i_9:checked~.controls label[for="i_9"],
  #i_10:checked~.controls label[for="i_10"],
  #i_11:checked~.controls label[for="i_11"],
  #i_12:checked~.controls label[for="i_12"] {
    color: #424242;
  }
}

.content {
  transition: all 0.5s ease-out;
}


/* inizio configurazione footer */
#footer {}

#footer2 {
	padding: 3rem;
	margin-top: 0px;
	/* padding-top: 5rem; */
	padding-top: 7rem;
	padding-bottom: 80px;
}

.logo-footer {
	/* max-width: 300px; */
}

.social-links, .use-link, .partners-links, .address {
	/* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */
}

.social h2, .use h2, .partners h2, .address h2 {
	padding-bottom: 15px;
	font-size: 20px;
	font-weight: 600;
}

.social img, .use img, .partners img, .address img {
	padding-bottom: 25px;
}


.social li i, .use li i, .partners li i, .address li i {
	font-size: 14px;
	padding-right: 8px;
}

.social li a, .use li a, .partners li a, .address li a {
	font-size: 15px;
	font-weight: 500;
}

.social li a:hover, .use li a:hover, .partners li a:hover, .address li a:hover {
	color: #ffff00;
}

.address li i:nth-child(1) {
	padding-top: 9px;
}

.address .address1 {
	font-weight: 500;
	font-size: 15px;
	display: flex;
}

.use, .partners, .social, .address {
	/*line-height: 32px;/*spazio tra le righe*/
	display: grid;
}

.use-links, .partners-links, .social-links, .address-links {
	/* display: flex;
    gap: 3rem; */
	flex-direction: column;
	/*gap: 1rem;/*spazio tra le righe*/
	display: grid;
}

.social-icons a {
	/* font-size: 18px; */
	/* background: #ffffff; */
	/* box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    padding: 0.4rem 1rem 0.4rem 1rem;
    border-radius: 3px;
	color: #82074a; */
	/* margin-right: 18px; */
}

.social-icons a:hover {
	color: #ffff00;;
}

.social-icons a i {
	box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
	padding: 0.4rem 1rem 0.4rem 1rem;
	border-radius: 3px;
	color: #82074a;
	font-size: 16px;
	margin-right: 12px;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

#sp-footer a,
#sp-bottom a {
	color: #daa520;
}

#footer .container .row div * {
	width: fit-content;
	/*adatta la larghezza del contenitore al contenuto.*/
}

#footer h2{
	padding-bottom:0px;
	
}
/* fine configurazione footer */
/*Dove siamo*/
.dove_siamo{
	margin-bottom:-15px;
}

.dove_siamo h3{
	color:#daa520;
}

#cornice-mappa {
	background: #fefefe;
	padding: 25px 25px 30px 25px; 	
	box-shadow: 0px 10px 10px rgba(0,0,0,.3); 
	position: relative;
}
#come-raggiungerci{
	padding-top:30px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:20px;
	/*background: url('../../../images/carta.jpg') repeat left top;*/
	background-color:
}


/*cornice foto dove siamo*/
.frame {
  border:25px solid #c8c6c4;
  /*height:276px;
  width:350px;*/
   height:fit-content;
	width: fit-content;
  -webkit-box-shadow:  px 2px 3px 1px rgba(0, 0, 0, .7);
  box-shadow:  0px 3px 10px 4px rgba(0, 0, 0, .7);
}
@media only screen and (max-width: 600px) {
    #come-raggiungerci {  	
	padding-left: 10px;
	padding-right: 10px;
	}
	.frame {
		width: -webkit-fill-available;	
		margin-right: 0!important;	
		margin-bottom:30px;		
	}    
}
  
.border {  
  height:100%;
  width:100%;
  -webkit-box-shadow: inset 10px 10px 10px 4px rgba(0, 0, 0, .4);
  box-shadow: inset 3px 7px 2px 5px rgba(0, 0, 0, .4);
}

.imageslider-item .image {
 /* height:226px;
  width:300px;*/
    height:fit-content;
	width: fit-content;
  -webkit-box-shadow: inset 10px 10px 10px 4px rgba(0, 0, 0, .6);
  box-shadow: inset 3px 7px 2px 5px rgba(0, 0, 0, .1);
  border:2px inset #c9c9c9;
}


/*finee cornice foto dove siamo*/
#ais_112_wrapper {
	z-index:-1;
}
/*#ais_112{
width:300px!important;
height:200px!important;	
}*/

#galleria img {
	border-radius: 8px;
	-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.75); 
}


#cameradaletto, #bagno, #cucina, #aereaesterna, #chi-siamo, #regole, #prenotazioni{
	padding:0 50px 50px 50px;
	text-align: justify;
}

#table {
    display: table;
    padding: 5px;
     border-collapse:collapse;
}
.tr {
    display: table-row;
    padding: 5px;     
    border:#f0f0f0 1px solid;
}
.td {    
    display: table-cell;
    padding:1em;
	text-align:justify;
	vertical-align:top;  
}

.nome_regola{
	font-weight:bold;
	margin-left:5px;
	float:left;
	padding-right:20px;
	text-align: left;
}

@media only screen and (max-width: 600px) {
    .td {    
      display: contents;  
}
  
.nome_regola{
	 width: 65vw;
	 float:none;
}
    }
	
.icon_nome_regola{
	float: left;
    margin-right: 10px;
    margin-top: 4px;
}

#opzioni{
  /*  margin-bottom: 180px;*/
  max-width: 100em;
}

#opzioni div{	
	margin-right:88px;
	margin-bottom:30px;
    white-space: nowrap;
    float:left;
}
@media only screen and (max-width: 600px) {
    #opzioni div{		
    white-space: normal;  
	display: grid;  
	float:none;
	margin:0;
		}
    }
#opzioni p{	
	margin-top:5px;
}

#opzioni img{
	float:left;
	margin-right:10px;
}

#galleria{
	width: 100%;
	float:left;
}

.fascia-superiore{
	overflow: hidden;
    position: relative;
}

#fascia-superiore-img{
  opacity: 0.15;
  position: absolute;
  width: -webkit-fill-available;
  height: -webkit-fill-available;
}

.titolo{
	color: #ffffff;
	font-family: "Varela Round", Sans-serif;
	font-size: 60px;
	text-align:center;
}

.fascia-superiore .titolo{
	position: relative;
	height: 350px;
    top: 20px;       
}

#chi-siamo {
	text-align:justify;
}

#chi-siamo #foto1{
	margin-top: -20px;
	margin-left:10px;
	margin-bottom:10px;
	border-radius: 200px 100px 100px 100px;
	-webkit-box-shadow: 5px 5px 10px 0px #000000;
 	-moz-box-shadow: 5px 5px 10px 0px #000000;
 	-o-box-shadow: 5px 5px 10px 0px #000000;
 	box-shadow: 5px 5px 10px 0px #000000;
	width:30%;	
	/*max-height:417px;*/
	float:right;	
}

@media only screen and (max-width: 600px) {
   #chi-siamo #foto1{
	margin-top: 0;
}

    }
	
.sfondo1{	
 /*	background-image: url('../../../images/bg-chisiamo-1.png');
	background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    object-fit: cover;*/
	position: relative; 
}

.sfondo1::before {    
    content: "";
    background-image: url('../../../images/bg-chisiamo-1.png');
    background-position: left top;
 	background-repeat: no-repeat;
	background-size: contain;	
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.3;
}

#onda{
    background-image: url(../../../images/onda.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
    width: 100%;
    height: 180px;
    margin-top: -130px;
}

/*.sfondo2{
 	background-image: url('../../../images/bg-chisiamo-0.png');
 	background-position: left top;
 	background-repeat: no-repeat;
	background-size: cover;	
	object-fit: cover; 	
}*/

.sfondo2 {
    position: relative; 
}

.sfondo2::before {    
    content: "";
    background-image: url('../../../images/bg-chisiamo-0.png');
    background-position: left top;
 	background-repeat: no-repeat;
	background-size: cover;	
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.2;
}

#servizi{
	padding:50px;
	text-align:justify;
}

#servizi div{	
	margin-right:70px;
	margin-bottom:30px;
    white-space: nowrap; 
    display:inline-block;
}

@media only screen and (max-width: 600px) {	
   #servizi div{		
    white-space: normal;
    display: grid;  
	margin:0;
		}
    }
	
#servizi p{	
	margin-top:5px;
}

#servizi img{
	float:left;
	margin-right:10px;
}

.video{
    color: black;
    display: table;
    margin-left: auto;
    margin-right: auto;
    background: black;
    text-align: center;
    padding: 5px;
    border-radius: 8px;
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(125,126,125,1) 50%,rgba(14,14,14,1) 100%);
	border: 5px ridge black;
	-webkit-box-shadow: 5px 5px 10px 0px #000000;
	-moz-box-shadow: 5px 5px 10px 0px #000000;
	-o-box-shadow: 5px 5px 10px 0px #000000;
	box-shadow: 5px 5px 10px 0px #000000;
	margin:10px;
}

#sp-left .sp-module, #sp-right .sp-module {/*rimuove bordi layout moudli*/
     border:none;
}

#prenotazioni{
	text-align:center;		
} 

#prenotazioni p{
	position: relative;
}

#prenotazioni .moduletable {
	z-index:10;
}

#mod{
	 display: inline-flex;
}

@media only screen and (max-width: 600px) {
    #mod{    
      display: grid;
}
    }

/*inizo pulsanti*/
.btng {
    padding: 12px 16px;
    cursor: pointer;
    border-width: 1px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
    position: relative;
    margin-bottom: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
	background: #e3b04b !important;
    border-color: #e3b04b !important;
    color: #fff;
  }

  @media (prefers-reduced-motion: reduce) {
    .btng {
      -webkit-transition: none;
      -o-transition: none;
      transition: none;
    }
  }

  .btng:hover,
  .btng:active,
  .btng:focus {
    outline: none !important;
    -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;
    -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;
    box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;
	border-color: #d99c22 !important;
    background: #d99c22 !important;
  }
/*fine pulsanti*/