@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,500;1,200&family=Source+Sans+Pro:wght@200;300&display=swap');


#bgFondo
{
	/*background:url("./img/bg.jpeg");*/
	position: fixed;
	top:0px;
	left:0px;
	right: 0px;
	height: 50%;
	background-position: center center;
	/*background-size: cover;
	background-repeat: no-repeat;*/
	background: linear-gradient(rgba(0,0,0,.5),transparent), url("./img/bg.jpg");
	z-index:2;
	/*background: linear-gradient(#004092, #020202, transparent), url("./img/bg.jpg") no-repeat center; */
	background-size: cover; 
	/*box-shadow: 0px 10px 20px -5px rgba(0,0,0,.8); */

}

.dfBDQI
{
	display: none !important;
}

.btn-primary:hover {
  /*border: 5px solid #81D9FF;*/
  background-color: #C84687 !important;
  cursor: pointer;
}

.bttCambiaIndirizzo
{
  background-color: #C84687 !important;
  border-color: #C84687 !important
}

.bttCambiaIndirizzo:hover {
  /*border: 5px solid #81D9FF;*/
  background-color: #C84687 !important;
  cursor: pointer;
}

.boxSchermate
{
	position: fixed;
    top: calc(50% + 150px);
    left: 15%;
    width: 60%;
    height: 260px;
    border: 0px;
    z-index: 3;
}

#footer
{
	z-index: 2 !important;
}


.mainColor
{
	/*color: #C84687 !important;*/
}
.btn-secondary
{
	background-color: #C84687 !important;
	border-color: #C84687 !important ;
}
.labeltag
{
	margin-bottom:3px;background-color:#C84687 !important;
	margin-right: 7px;
}

.label.label-sm {
    font-size: 10px;
    font-weight: 600;
    padding: 3px 6px 3px 6px;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label {
    text-shadow: none !important;
    font-size: 13px;
    font-weight: 300;
    padding: 3px 6px 3px 6px;
    color: #fff;
    font-family: "Poppins", sans-serif;
}

.logoRisto
{
	width: 100px;
    position: relative;
    top: 35px;
    left: calc(100% - 70px);
    height: 80px;
    border-radius: 5px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-color: #ffffff !important;
    border: 1px #efefef solid;
}

#boxIniziale
{
	position: fixed;
	top:calc(50% - 200px);
	left:15%;
	width: 60%;
	height: 260px;
	border:0px;
	border-radius: 10px;
	box-shadow:
    inset 0 0em 0em rgba(0,0,0,0.1),
    0 0  0 2px rgb(255,255,255),
    0.3em 0.3em 1em rgba(0,0,0,0.3);
	background-color: #fff;
	z-index:3;
}

.clsRitoranteItem
{
	border:0px;
	border-radius: 10px;
	box-shadow:
    inset 0 0em 0em rgba(0,0,0,0.1),
    0 0  0 2px rgb(255,255,255),
    0.3em 0.3em 1em rgba(0,0,0,0.3);
	background-color: #fff;
}

#boxResults
{
	position: absolute;
	top:calc(50% + 200px);
	left:10%;
	width: 80%;
	height:auto;
	padding: 0px !important;
	z-index:1;
	
}

#boxWebApp
{
	position: absolute;
	top:120px;
	left:10%;
	width: 80%;
	height:auto;
	padding: 0px !important;
	text-align: center;
	/*border:0px;
	border-radius: 10px;
	box-shadow:
    inset 0 0em 0em rgba(0,0,0,0.1),
    0 0  0 2px rgb(255,255,255),
    0.3em 0.3em 1em rgba(0,0,0,0.3);
	background-color: #fff;*/

	z-index:1;
	
}

.iframeWebApp
{
	border:0px;
	border-radius: 10px;
	box-shadow:
    inset 0 0em 0em rgba(0,0,0,0.1),
    0 0  0 2px rgb(255,255,255),
    0.3em 0.3em 1em rgba(0,0,0,0.3);
	background-color: #fff;
	width: 100%;
	max-width: 770px;
	height:calc(100% - 60px);
	margin:auto;
}

.font1
{
	font-family: 'Poppins'
}
.font1-light
{
	font-family: 'Poppins';
	font-weight:200;
}

.linkMobile
{
	text-decoration: none;
	color:#111 !important;
}

.font2
{
	font-family: 'Source Sans Pro'
}

.hamburger
{
	font-size: 28px;
	color:#FFF;
}

.menuMob
{
	text-align: center !important;
	padding:10px !important;
}

@media only screen and (max-width: 600px) {
  #boxIniziale
  {
  	width: 94%;
  	left:3%;
  	top: 100px;
  }

  .searchBox
  {
  	margin-top:0px !important;
  	padding-left:20px;
  	padding-right: 20px

  }

  #searchTextField
  {
  	margin-bottom:10px !important;

  }

  .colFooter
  {
  	text-align: center !important;
  	margin-bottom: 15px !important;
  }

  .maintitle
  {
  	font-size:32px !important;

  }

  .submaintitle
  {
  	font-size:18px !important;
  }

  #boxWebApp
  {
  	top: 85px !important;
  	height: calc(100% - 110px) !important;
  	width: 96% !important;
  	left:2% !important;
  }

#footer
{
	margin-top: 400px !important;
}
  .space
  {
  	display: none !important;
  }

}