/* Add here all your CSS customizations */

.section.section-height-2 {padding: 0;}
.map-overlay .parallax-background{z-index:9;}
.map-overlay-invisible:before{content: none;}
.google-map {transition: all 0.15s ease-out; height: 0;}
.google-map-visible {height: 700px;}
.container-map{position: absolute !important; top: 0;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:10 !important;}
.infoLocalita {
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    border-radius: 5px;
	padding: 0;
    border: 1px solid #92bd27;
}
.infoLocalita .info-localita-header{color:#fff;background:#92bd27;padding:5px 40px 5px 10px;font-size: 15px;}
.infoLocalita .info-localita-header-sm{font-size: 13px !important;padding:3px 40px 3px 10px;}
.containerBtnLocalita, .containerTextLocalita {padding: 10px;}
.containerBtnLocalita{text-align: center;}
.containerTextLocalita{text-align: left;}
.gm-ui-hover-effect{top: 8px !important;right: 40px !important;}


.datepicker.dropdown-menu{background: #e1e9cd;}
#datepickerS input{
	text-align: center;
    padding: 7px 0px;
    font-size: 16px;
    border-radius: 5px 0 0 5px;
    border: 1px solid #92bd27;
    background: #e1e9cd;
    color: #4f4f4f;
	outline: none;
	
}

.icon-calendar{
    font-size: 16px;
    border-radius: 0 5px 5px 0;
    border: 1px solid #92bd27;
    background: #92bd27;
    color: #ffffff;
    padding: 7px;
}

/*DATEPICKER*/
.datepicker{padding: 5px 10px; border-radius: 10px; box-shadow: none; border: 1px solid #93c329;box-shadow: 0 1px 6px rgba(134, 176, 19, 0.6);border: 1px solid rgba(134, 176, 19, 0.6);}
.datepicker-switch, .prev, .next{text-align:center;background: #93c329;color: #fff;}
.prev{border-radius:10px 0 0 10px;}
.next{border-radius:0 10px 10px 0;}

 .prev, .next, .day{cursor:pointer;}
 .day.active{font-weight:bold;background:#93c329;color:#fff !important;}
 .today{font-weight:bold;color:#93c329;}
 .day{text-align: center;padding: 6px 8px !important;border-radius: 10px;}
 .day:hover{background:#93c329;color:#fff !important;}
 .day.new, .day.old{font-style: italic;color: #b3b3b3;}
 
 .day.disabled{color: #b3b3b3 !important;text-decoration: line-through;cursor: not-allowed;}
 .day.disabled:hover{background:#fff;color: #b3b3b3 !important;}
 
 .search-error{border-color: #de6565 !important;}
 .top-sub-title-special{color: #fff !important;font-weight: 700;font-size: 14px;border-bottom: 3px solid #92bd27;}
 html .text-color-primary:not(.no-skin){color: #93c329 !important;}
 
 .login-error{margin: 0; color: #fff;background-color: #c23737; padding: 0 5px;}	
 
 .gm-style-iw-d{overflow: initial !important; max-height: initial !important;}
 .gm-style .gm-style-iw-c{padding:0 !important; max-height: initial !important;}
 /*.gm-ui-hover-effect {top: 1px !important;right: 5px !important;}*/
 .gm-ui-hover-effect {display: none !important;}
 .gm-style .gm-style-iw-t::after, .gm-style .gm-style-iw-t::before{content:none;}
 
 .page-header-response{padding: 200px 0 160px 0 !important;}
 .page-header-response h1{font-size: 2rem;}
 .page-header-response p{font-size: 17px !important;line-height: 30px;}
 .modal-cluster{background:#fff;} 
 .map_canvas{width:100%;height:500px;}
 .modal-info-container{padding: 10px;}
 textarea.form-control {font-size: 13px;}
 /*#portfolioLoadMoreWrapper{height: auto !important;overflow: auto;}*/
 
 html #header.header-with-borders .header-logo, html #header.header-with-borders .header-social-icons{border:none;}
 .button-mobile-container{padding-top: 25px;margin: 0 0 5px 0;text-align: center;display:none;}
 .button-mobile-container a {font-weight: bold;}
 
 .style-pointer{curson:pointer;}
 .style-margin{margin-top: 20px !important;}
 .style-color-font{color: #fff; font-size: 15px;}
 .style-color{color: #fff;}
 .style-background-img{background-image: url('https://niceweekend.s3.eu-west-3.amazonaws.com/TS_ImgPanel1.jpg');}
 
 /* HOVER CLUSTER HOME*/
 
 
 .view {
    width: 100%;
    height: 420px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #ededed;
	border: 5px solid #f1f3f7;
	padding: 0;
	margin-bottom: 5px;
	
}
.view .mask, .view .content {
    width: 100%;
    height: 420px;
    position: absolute;
    overflow: hidden;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
	padding: 30% 0;
	
}
.view img {
    display: block;
    position: relative;
	width: 100%;
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.view p {
    font-size: 20px;
    line-height: 25px;
    position: relative;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}


.view-tenth img { 
	transform: scaleY(1);
	transition: all 0.3s ease-in-out;
}
.view-tenth .mask { 
    background-color: rgba(55, 55, 55, 0.8);
    transition: all 0.5s linear;
    opacity: 0;
}	
.view-tenth h2{
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}
.view-tenth p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}
.view-tenth a.info { 
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-tenth:hover img { 
	transform: scale(3);
    opacity: 1;
}
.view-tenth:hover .mask { 
	opacity: 1;
}																			 
.view-tenth:hover h2,
.view-tenth:hover p,
.view-tenth:hover a.info{ 
    transform: scale(1);
    opacity: 1;
}
 

 
 /* FILTRI */
 
.view .active:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-color: #333 transparent transparent transparent;
}


 
@keyframes zoom-in {
  0% {
   transform: scale(.1);
  }
  100% {
    transform: none;
  }
}

@keyframes rotate-right {
  0% {
    transform: translate(-100%) rotate(-100deg);
  }
  100% {
    transform: none;
  }
}

.is-animated {
  animation: .6s zoom-in;
  // animation: .6s rotate-right; 
}

.descScelta{font-weight: bold;}
.descScelta b{font-weight: bold;color: #92bd27;}
 

 
 @media (max-width: 720px) {
    .button-mobile-container{display:block;}
    .button-mobile-container a{white-space: initial;}
    .button-mobile-header-container{display:none !important;}
}

.bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

