/***HOME***/

@font-face {
  font-family: Montserrat;
 src:  url('../fonts/Montserrat Regular.TTF');
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
	left:50px;
}
.lds-ring div {
  box-sizing: border-box;
    display: block;
    position: absolute;
    width: 150px;
    height: 150px;
    margin: 18px;
    border: 28px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

.lds-ring div.cornice {
     background: #0a4187; 
	background: #278bd3;
	
	 
}

.lds-ring div.cornice_interna {
    
    height: 100px;
    border: none;
    top: 26px;
    width: 100px;
    left:25px;
	background: #fff;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.preloader{
	
	
	    display: flex;
    align-items: center;
    justify-content: center;
	
	
	background: #5ca6d0;
	background: #fff;
	z-index:999999999;
	
}

.preloader img{
	
	width: 90px;
    position: relative;
    top: -44px;
   left: -59px;
	
	
}


.coming{
	
	    font-size: 4.3rem !important;
    font-style: italic;
    color: #094086;
}
	
	

#header{
	
	    background: #4d4d4d;
    border-bottom: 2px solid #333;
    transition: all 0.5s;
    z-index: 997;
    padding: 0;
	min-height: 45px;
    display: flex;
}

.nav-menu > ul{
    display: flex;
    align-items: center;
}
.nav-menu > ul > li {
    position: relative;
    white-space: nowrap;
    border-right: #28abe3 solid 2px;
    color: #000;
	height: 26px !important;
        padding: 3px 6px 10px 7px;
}

.nav-menu > ul > li:last-child {
 
    border-right: none;
    
}

.nav-menu a{
	
	color:#e8e3e3;
	
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
	color:#e8e3e3;

}

.nav-menu a:hover{
	
	color:#28abe3 !important;
	
}


.alert-error{
	
	width: 100%!important;
    color: #C21416;
    padding: 10px!important;
    text-align: center;
    background: #ffffff80!important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px!important;
}

.input-error,.input-error:focus,.input-error:active {
 border: solid 4px #b31111;
	outline: none;
}

.bg_top{
	
	min-height: 55vh;
	background:#edf6fd url('../img/cielo.jpg') center no-repeat;
    -webkit-background-size: cover;
    background-size: cover ;
	    display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: flex-end;
}

.bg_top img{
	
    max-width: 520px;
	height:auto;
	margin-bottom: 90px;
	
}

.bg_bottom{
	
	
	min-height: 45vh;
	background:#e9f6fe60 url('../img/back-background.png') center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}

.bg_bottom .row{
	
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1000px;
}
	


.bg_bottom .col-12{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	padding: 0px;
}


.bg_bottom ._col{ 

	width: 95%;
    height: 45vh;
    display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
}

.search_container {
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction:column; 
}

.bg_bottom .store_col{
   
	border-top:solid 2px #023f86;

}


.bg_bottom .food_col{
   
	border-top:solid 2px #008bd2;

}

.bg_bottom .booking_col{
   
	border-top:solid 2px #0071bc;

}

.bg_bottom  .header{
		
		min-height:95px;
	
	}



.bg_bottom .selector{
	
    height: 165px;
    width: 100%;
    border-radius: 30px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
	position: relative;
}

.bg_bottom .selector .overlay{
	 border-radius: 30px 0px 0px 0px;
    height: 100%;
    width: 100%;
    position: absolute;
    background: #00000060;	
	z-index: 1;
}


.bg_bottom .selector .hover_info{
	
	position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    flex-direction: column;
    z-index: 99;
	justify-content: center;
	align-items: center;
	
	
}

.bg_bottom .selector .hover_info .header{
	
	flex: 1;
    align-items: center;
    display: flex;
	width: 100%;
	justify-content: center;
	
}

.bg_bottom .selector .hover_info .header span{
	
	border:solid 2px #fff;
	width: 77%;
    text-align: center;
	
}

.bg_bottom .selector .hover_info .body {
    flex: 2;
    align-items: center;
    display: flex;
	flex-direction: column;
	justify-content: center;
}

.bg_bottom .selector .hover_info .body p{
	
	font-size:0.6rem;
}


.bg_bottom .store_col .hover_info{
   
	background: #023f86;
    color:#fff;
	opacity: 0.95;
}


.bg_bottom .food_col .hover_info{
   
	background:#008bd2;
   color:#fff;
	opacity: 0.95;
}

.bg_bottom .booking_col .hover_info{
   
	background: #0071bc;
   color:#fff;
	opacity: 0.95;
}



.bg_bottom .selector p{
	
       color:#fff;
	font-weight: 900;
	font-size: 1.3rem;
	text-align:center;
	 position: relative;
	z-index: 88;
}


.bg_bottom .selector.store{
	
     background:#edf6fd url('../img/store.png') center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.bg_bottom .selector.food{
	
     background:#edf6fd url('../img/mangiare-e-bere.png') center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.bg_bottom .selector.booking{
	
     background:#edf6fd url('../img/servizi-di-prenotazione.png') center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}


.box_search {
	
    min-height: 200px;
    width: 100%;
    background: #ffffff95;
    border-top: 0 !important;
    display: flex;
    flex-direction: column;
    padding: 15px 0px;
	position: relative;
	z-index: 10;
}

.bg_bottom .box_search.store_col{
   
	background: #023f8680;

}


.bg_bottom .box_search.store_col{
   
	border-bottom:solid 2px #023f86;

}


.bg_bottom .box_search.food_col{
   
	border-bottom:solid 2px #008bd2;

}

.bg_bottom .box_search.food_col{
   
	background:  #008bd280;

}


.bg_bottom .box_search.booking_col{
   
	border-bottom:solid 2px #0071bc;

}

.bg_bottom .box_search.booking_col{
   
	background:  #0071bc80;

}



.box_search .header{
	
    flex: 1;
    align-items: center;
    display: flex;
    justify-content: center;  
	
}

.box_search .header {
	
    flex: 1;
    align-items: center;
    display: flex;
    justify-content: center;  
	
}


.box_search .header h5{
	
	width:200px;
	text-align: center;
	font-weight: 100;
}


.box_search.food_col .header h5{
	
    border:solid 1px #fff;
	color:#fff;
	
}

.box_search.booking_col .header h5{
	
    border:solid 1px #fff;
	color:#fff;
	
}

.box_search.store_col .header h5{
	
    border:solid 1px #fff;
	color:#fff;
	
}


.box_search .body{
	
	flex:1;
	width:100%;
	align-items: center;
}


.input_container{
	
      display: flex;
    justify-content: flex-end;
    padding: 0px;
	

	
}

 .input_container .input{
	
	width:100%;
    background: #fff;
    height: 40px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-radius: 0px 40px 0px 0px;
	display: flex;
    align-items: center;
}

.input_container .input.position_search{
	 width: 100%;
    background: #fff;
    height: 40px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-radius: 0px 0px 40px 0px;
    display: flex;
    align-items: center;
    }
.input_container .input.position_search a{
	text-decoration: none;
	cursor: pointer;
    }
.box_search .body .date_search .input_container .input{
    border-radius: 0px 0px 40px 0px;
}

.box_search .body .date_search .input_container button{
    border-radius: 0px 0px 40px 0px;
}

.box_search .body  button{
    border: 0px;
    color: #fff;
    border-radius: 0px 0px 0px 50px;
    padding: 8px 20px;
    width: 100%;
    max-width: 123px;
    border-right: 1px transparent solid;
    border-top: 1px solid transparent;
}
	
.box_search .body .icon{
	
	   
    padding: 0px 5px;
    font-size: 1.2rem;
}

.box_search .body .icon:first-child{

 border-right: 1px solid #ccc;
	
	
}	


.box_search.food_col .body .icon{
	
  
	color:#008bd2;
	height: 73%;
}

.box_search.booking_col .body .icon{
	

	color:#0071bc;
	height: 73%;
}

.box_search.store_col .body .icon{
	
   
	color:#023f86;
	height: 73%;
}
.box_search .body #search,.box_search .body #search:focus{
    width: 65%;
    border: none;
	outline: none;
}


.form_datetime{
	
position: absolute;
    top: 0px;
    right: 0px;
    width: 110px;	
	
}


.form_datetime2{
	
padding-left:10px;
	
}

.address .col-9,.address .col-3{
	
	padding:2px;
	
}



#footer{
	
	    position: fixed;
    bottom: 0px;
    width: 100%;
    box-shadow: none;
    background: transparent;
}

#footer #copyright{
	
     background: transparent;
	bottom:0px;
	widows: 100%;
	color:#000;
	font-size: 11px;
	
}

#footer #copyright a{
	
  
	color:#000;

	
}


body{
	
	padding-top: 0;
     overflow: hidden;
}


.is-bg-blue, .is-bg-blue:hover {
    background-color: #278bd2;
    color: #FFF;
    border-color: #278bd2;
}


.is-bg-orange, .is-bg-orange:hover {
       background-color: #f36800;
    color: #fff;
    border-color: #f36800;
}

#header .logo  {
   
	padding:0px;
	
   }

#header .logo img {
    display: none;
		    max-height: 34px;
   }



/*
#hero .card{
	
	    background: #0080C8;
    color: #fff;
	min-height:314px;
	
}

#hero .card p.is-blue{ 
	

    color: #fff;
	
}

#hero .nav-tabs .nav-link {
    border: 0;
    border-bottom: 2px solid #efecec;
    color: #efecec;
    text-decoration: none;
    font-weight: 500;
}

#hero .nav-tabs .nav-item.show .nav-link, #hero .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
}
*/




/***FINE HOME***/

.load hr{
	    border: 0;
    margin: 0;
    width: 40%;
    height: 40%;
    position: absolute;
    border-radius: 50%;
    animation: spin 2s ease infinite;
    font-size: 2.5rem;
    color: #fff;
    background: transparent !important;
}


.form-group.captcha{
	
	justify-content: center;
    display: flex;
	
}

.loading-controller{
	
	 display: flex;
    justify-content: center;
	
}


.contact .php-email-form .loading {
   background: transparent;
}


.disabled{
	
	background:#ccc;
	opacity:0.2;
	
	
}


.hidedate .col-sm-10 {
	
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0px;

}



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

}

@media screen and (max-width: 992px) {
	
	#header{
		
	}
	
	header .logo {

	padding:0px !important; 
		
		
  }
	
	
	header .logo img{

	 display: block;
		max-height: 30px !important;
		
		
  }
	
	.mobile-nav-toggle{
		
		top:5px;
		color:#fff;
	}
	
	
		.mobile-nav-toggle i{
		
		color:#fff;
	}
	
	.bg_bottom{
		
		background: #edf6fd ;
	}
	
	.bg_bottom ._col {
    max-width: 385px;  
    }
}

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

	#header{
		
		
	}
	
	#footer{
		
		
		position: relative;
		
	}
	
	.bg_top{
		
		min-height: 35vh;
    justify-content: center;
    padding-top: 75px;
	}
	
	
	.bg_top img{
		
		    margin-bottom: 0px;
    width: 300px;
	}
	
	
	.bg_bottom ._col{
		
		    height: 210px;
		
	}
	
	
}


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

	
	body{
		
		overflow-y:auto;
	}
	
	
	#header .logo img {
    display: block;
		    max-height: 34px;
   }

	.input_container .input.position_search{

    border-radius: 0px 0px 0px 0px;
    
    }
	
	.bg_bottom{
		
		min-height:100vh;
		    align-items: flex-start;
        padding-top: 20px;
	}
	
	.bg_bottom > .row{
		
		min-height:100vh;
	}
	
	.bg_bottom ._col{
		
		max-width: 100%;
    width: 100%;
		min-height:100vh;
	}
	
	
	.bg_bottom ._col .row{
		
		margin:0px;
		
	}
	
	.bg_bottom  .box_search{
		
		min-height:100vh;
	}
	
	.bg_bottom  .body{
		
		flex:6;
	}
	
	
	
	.box_search .body #search,.box_search .body #search:focus{
    width: 90%;
    border: none;
	outline: none;
   }

	
	
	
	
	
	#hero .selector{
		
		height:180px;
	}

   #hero .container{
		
		padding-top: 50px;
	}
	
	#hero .card {
    width: 100%;
    padding: 30px 0 0px;
    border-radius: 0;
    background: rgba(255,255,255,.9);
    border: 0;
}
 
	#hero .img_container{
		
		padding-top:100px;
	}
	
	.hero_ristorazione{
	
	background: none !important;
}

.hero_spesa{
background: none !important;
}
	
	
	
}