@import url(https://fonts.googleapis.com/css?family=Muli);
body{margin: 0px; padding: 0; 
  background: #FBF9F2;
}

/*
body{margin: 0px; padding: 0; 
  background: #ffffff url("/images/sfondo.jpg") no-repeat top center fixed;
  background-size: cover;  
   -webkit-background-size: cover;
   -moz-background-size: cover;  
   -o-background-size: cover;}     

.container{
  background: #ffffff;
  border-left: 0px solid #ffffff;
  border-right: 0px solid #ffffff;
}
*/

.Testo {
	font-family: Muli, Verdana, Arial, Helvetica, sans-serif; 
  text-decoration: none;
	font-size: 18px;
	color: #000000;
}

.Collegamento {
	font-family: Muli, Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none;
	font-size : 18px;
	color: #000000;
}

.Collegamento:hover{
	color : #FF0000;
	text-decoration : underline;
}

.CollegamentoAR {
	font-family: Muli, Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none;
	font-size : 16px;
	color: #000000;
  text-decoration : underline;
}

.CollegamentoAR:hover{
	color : #FF0000;
	text-decoration : underline;
}

.Titolo {
	font-family: Muli, Verdana, Arial, Helvetica, sans-serif; 
  text-decoration: none;
	font-size: 28px;
	color: #000000;
  font-weight: bold;
}

.TitoloAR {
	font-family: Muli, Verdana, Arial, Helvetica, sans-serif; 
  text-decoration: none;
	font-size: 20px;
	color: #000000;
  font-weight: bold;
}

.TestoInput {
	padding: 6px;
	font-family: Muli, Arial, Verdana, Helvetica, sans-serif; 
  text-decoration: none;
	font-size: 18px;
	/* decoration */
	border: solid 1px #DDDDDD;
	background: -o-linear-gradient(top, #f8f8f8, #fff  30px);
	background: -moz-linear-gradient(top, #f8f8f8, #fff  30px);
	background: -webkit-linear-gradient(top, #f8f8f8, #fff  30px);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	/*border radius */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.Pulsante {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 15px;
  padding-left: 15px;
  padding:10px;
  text-align: center;
  background: #808080;
  color: white;
  border: 1px dotted black;
  cursor: pointer;
  text-decoration: none;  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 0px;
	font-family: Muli, Arial, Verdana, Helvetica, sans-serif; 
  text-decoration: none;
	font-size: 18px;
}

.Pulsante:hover {
  background: #777777;
  color: white;
}

.Btn-SF {
  border:0px;
  width:40px;
}
.Btn-SF:hover {
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  cursor: pointer;
}

/*479px*/
@media only screen and (max-width: 576px) {
  .mobile-hide{ display: none !important; }
}

.thumb1 img {
  /*width: 128px;*/
  border: 0px dotted gray;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -ms-transition: all 1s ease; /* IE 9 */
  -o-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
}
.thumb1 img:hover {
  border: 0px solid black;
  -webkit-transform:scale(1.1); /* Safari and Chrome */
  -moz-transform:scale(1.1); /* Firefox */
  -ms-transform:scale(1.1); /* IE 9 */
  -o-transform:scale(1.1); /* Opera */
  transform:scale(1.1);
}

.table-responsive{display:block;width:100%;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 577px) {
  .HomeDesk{display:inline !important;}
	.HomeMobile{display:none !important;}
}
  
/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 576px) {
	.HomeDesk{display:none !important;}
	.HomeMobile{display:inline !important;}
}

.back-to-top {
  position: fixed;
  bottom: 15px;
  right: 20px;
  display: none;
}

.chat-wa {
  position: fixed;
  bottom: 3px;
  right: 55px;
  cursor: pointer;
}

img.scala {max-width:100%; height:auto;}
iframe.scala {max-width:100%; height:auto;}

/* ---- start slide partner ------------ */
.slider{
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
}
@keyframes scroll{
  0%{transform: translateX(0);}
  100%{transform: translateX(calc(-200px*14));}      
}
.slider .slide-track{
  animation: scroll 70s linear infinite;
  display: flex;
  width: calc(200px*19);
}    
.slider .slide{
  width: 200px;
  height: 200px;
  line-height: 200px;
}    
/* ---- end slide partner ------------ */

/* ---- start responsive video ------------ */
.rwd-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* ---- end responsive video ------------ */

/* ---- start cambia colore pulsanti ------------ */
.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}
.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
/* ---- end cambia colore pulsanti ------------ */

/* ---- start fotogallery scroll ------------ */
#SFwrapper {
  width: 100%; max-width: 100%; position: relative;
}

#SFcarousel {
  overflow: auto; scroll-behavior: smooth; scrollbar-width: none;
}

#SFcarousel::-webkit-scrollbar {
  height: 0;
}

#prev,
#next {
  display: flex; justify-content: center; align-content: center; background: white; border: none; padding: 0px; border-radius: 50%; outline: 0; cursor: pointer; position: absolute;
}

#prev {
  top: 50%; left: 0; transform: translate(50%, -50%); display: none;
}

#next {
  top: 50%; right: 0; transform: translate(-50%, -50%);
}

#SFcontent {
  display: grid; grid-gap: 16px; grid-auto-flow: column; margin: auto; box-sizing: border-box;
}

.SFitem {
  width: 200px; height: 200px; object-fit:cover; background: #ffffff;
}
/* ---- end fotogallery scroll ------------ */