body{  background-color:#faf5ec;}

body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6{
	color: #333;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{color: #508484; 
font-family: "Literata", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;}
.display-1,.display-2,.display-3,.display-4, .display-5, .display-6 {font-weight:700;}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{color: #ffffff !important;}
.text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark p, .text-dark a{color: #333 !important;}
.text-gray h1, .text-gray h2, .text-gray h3, .text-gray h4, .text-gray h5, .text-gray h6{color: #666666;}
.text-gray h1 strong, .text-gray h2 strong, .text-gray h3 strong, .text-gray h4 strong, .text-gray h5 strong, .text-gray h6 strong{color: #508484;}
.text-white .btn{text-shadow:none !important;}

h1 {}
h2 {}
h3 {font-weight:400;}
h4 {}
h5 {}
h6 {}
h4.card-title  {color:#508484}

.linea h1::after, h2::after, h3::after, h4::after {
  content: '';
  display: block;
  width: 30px;
  margin-top: 10px;
  border-bottom: 2px solid #c2d4d4;
}

.border-bottom{border-color:#c2d4d4 !important;}

.bg-home {
	background-color: #508484;
	animation: gradient 10s ease infinite;
}

@keyframes gradient {
	50% {
		50% {opacity: 0;}
	}
}

.bg-dark{background-color:#508484 !important;}
.bg-light2{background-color:#c2d4d4 !important;}
.bg-light{background-color:#ffffff !important;}

.lastp-m0 p:last-child {
  margin:0;
} 
.link-arrow a::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    margin-left: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    vertical-align: -2px;
}

.radius-4 {border-radius:0.6rem !important;}

.radius-4 .card-img, .radius-4 .card-img-top {
  border-top-left-radius: .6rem;
  border-top-right-radius: .6rem;
}

/* Links */
a{
	color: #508484;
transition: all 0.3s ease 0s;	
text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color:#79C99E;
	text-decoration: none;
}


.text-content ul {
    padding:0;
}

.text-content li {
  margin: 0;
  padding:0;
  margin-bottom: 0.3rem;
  padding-left: 1.4rem;
  position: relative;
  list-style: none; 
}
  
.text-content li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 2px;
  width: 12px;
  background-color: #508484;
}
  
  

/* Header */

.navbar-brand img {
    margin: 10px 0;
}

.navbar-brand img{
    max-height: 50px;
    max-width: 100%;
    width: auto;
	/*filter: invert(48%) sepia(4%) saturate(3646%) hue-rotate(131deg) brightness(97%) contrast(80%);*/
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(91deg) brightness(103%) contrast(101%);
	}	

/*.home .navbar-container {
  position: absolute;
  width: 100%;
  z-index: 999;
}*/

.home .navbar-brand img{
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(91deg) brightness(103%) contrast(101%);
	}	

.home .flex-caption .container{margin-top:60px;}

.navbar {
  background: none;
  border-bottom:1px solid #dee2e6;
}

.home .navbar {
  background: none;
}

.navbar-nav li.special a {
  color: #ab2434 !important;
  background-color: #fff;
  border-radius: 0;
  margin: 0 0.5rem;
}

@media (max-width: 992px) {
.home .navigation-main{position:relative;} 
 .home .navbar-container {position:relative;}
 .home .navbar {background-color:#508484; }
 /*.home .navbar-brand img { filter: none; }*/
}

button.navbar-toggle{background:none !important; border:none; box-shadow:none;}
.navbar-toggle .navbar-toggler-icon{color:#508484;}

.navbar-nav .nav-link{position: relative;text-align: center; font-weight:bold; text-transform:uppercase; font-size:85%;}
/*.home .navbar-nav .nav-link{ color:#ffffff; }

.navbar-nav .current-menu-item a.nav-link, .navbar-nav a.nav-link:hover {
  color:#508484;
}
.home .navbar-nav .current-menu-item a.nav-link, .home .navbar-nav a.nav-link:hover { color:#ffffff; }*/


/*.navbar-nav .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0px;
  transition: all 0.5s;
  left: 8px;
  margin-left: 0;
  width: 0;
  border-bottom:2px solid #c2d4d4;
}

.home .navbar-nav .nav-link::after {

}

.navbar-nav .current-menu-item a.nav-link::after, .navbar-nav a.nav-link:hover::after {
  width: calc(100% - 16px);
}*/


@media (min-width: 992px) {
.navigation-main  .nav-link{}

}

.nav-link.dropdown-toggle:after{
content: "";
position:relative;
bottom: inherit;
left: inherit;
background-color: inherit;
height: inherit;
  margin-left: .255em;
 width: inherit; 
}

.current-menu-item a.nav-link.dropdown-toggle::after, a.nav-link.dropdown-toggle:hover::after {
  margin-left: .255em;
  width: inherit;
}

.menu-item {padding:0 0.5rem;}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2864, 104, 109, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


li.special a.nav-link {
	color: #ffffff !important ;
	background: none;
	border: 2px solid #ffffff;
	border-radius: 50rem;
	margin:0 0.5rem;
	transition: all 0.3s ease 0s;		
}

li.special a.nav-link:hover {
	color: #508484 !important;
	background-color: #ffffff;
}

/*.home li.special a.nav-link {
	color: #fff !important ;
	border: 1px solid #fff;	
}

.home li.special a.nav-link:hover {
	color: #508484 !important;
	background-color: #fff;
}*/

li.special .nav-link::after {
display:none;
}

/*#menu-main-menu .current-menu-item a.nav-link::after, #menu-main-menu a.nav-link:hover::after {
  margin-left: -10px;
    width: 20px;
}*/

@media (min-width: 768px) {
  .submenu .navbar-collapse {
    float: left;
    width: 100%;
    clear: both;
  }
  .submenu .navbar-default {
    border-bottom: 40px solid #333;
  }
  .submenu .navbar-main {
    margin-top: -80px;
  }
   .submenu .navbar-secondary {
    margin-bottom: -40px;
    clear: both;
  } 
  
}

.action a::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f0a9";
    display: inline-block;
    padding-right: 5px;
    font-weight: 900;
    font-size: 18px;
    line-height: 20px;
	vertical-align:middle;
}


.dropdown-menu a.dropdown-item {
  color: #508484;
}

.dropdown-menu {
  background-color: #f2f2f2;
  border:none;
  border-radius: 0;
}

.dropdown-menu > a, .dropdown-menu > .active > a {
    background:none;
    color: #508484;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, a.dropdown-item.active {
    background:none;
    color: #508484;
}

/* Homepage */

.div-table {
    display: table;
    margin: 0 auto;
}

.div-cell {
    display: table-cell;
    vertical-align: middle;
}


#fascia-slideshow{
    background-color: #fafafa;
    position: relative;
	overflow:hidden;
}

#fascia-slideshow.loading {min-height: 400px; background: url('images/preloader.gif') no-repeat center center !important;}



#slidebox .slides .container{position:relative;}
	
#slidebox .slides li{position:relative}

.flex-caption {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  text-align: left;
  text-shadow: none;
  top: 0;
  width: 100%;
  z-index: 10;
}


.caption-outer{
  display: table;
  height: 100%;
  width: 100%;
}

.caption-inner{
  display: table-cell;
  vertical-align: middle;
}
.text-shadow .caption-inner h2{ color:#fff; font-size:40px; text-shadow: 0 0 10px #333;}
.text-shadow .caption-inner h3{ color:#fff; font-size:28px; text-shadow: 0 0 10px #333;}
.text-shadow .caption-inner p{ color:#fff; font-size:22px; text-shadow: 0 0 10px #333;}
.text-shadow .caption-inner p .btn {text-shadow: none;}
.parallax-window {
 background-clip:border-box;
 background-origin:padding-box;
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
 position:relative;
min-height:350px;
}
.fullheight{position:relative;
    display: block;
    height: auto;}


.fullheight .slides {
    height: 100vh;
    max-height: 100%;
    overflow: hidden;
}

.fullheight .slides li {
    background-position: center center !important;
    background-size: cover !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
    width: 100%;
}

@media (max-width: 1199.98px) { .parallax-window {  min-height: 300px;} }

@media (max-width: 991.98px) { .parallax-window{  min-height: 250px;} }

@media (max-width: 767.98px) { .parallax-window {  min-height: 200px;} }

@media (max-width: 575.98px) { .parallax-window{  min-height: 150px;} }

.video-container.velo {
	background: #000 none repeat scroll 0 0;
	height: 100%;
	opacity: 0.2;
	filter: alpha(opacity=20);
	position: absolute;
	width: 100%;
	left:0; 
	top:0;
	z-index:10;
}

.testata-home .velo, #fascia-slideshow .velo, #parallax .velo{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+0,0+100 */
background: linear-gradient(to right,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
opacity: 1;
filter: alpha(opacity=100);
}

#parallax .velo {
	height: 100%;
	position: absolute;
	width: 100%;
	left:0; 
	top:0;
	z-index:10;
}

.velo-none .velo {display:none;}

.full-height {
  min-height:calc(100vh - 80px);
}

.clienti-container img {
  filter: grayscale(100%);
  transition: all 0.3s ease 0s;	
}

.clienti-container img:hover {
  filter:none;
}

.section-generic p {
    color: #666666;
	font-size:18px;
    text-align: left;	
}

.superfascia{position:relative;}
.content{position:relative; z-index:10;}

.bg-form{background:rgb(255,255,255,0.75);}

.bg-gradient {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#508484+0,508484+100&0.3+0,0.1+100 */
background: -moz-linear-gradient(left,  rgba(54,186,219,0.3) 0%, rgba(54,186,219,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(54,186,219,0.3) 0%,rgba(54,186,219,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(54,186,219,0.3) 0%,rgba(54,186,219,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d508484', endColorstr='#1a508484',GradientType=1 ); /* IE6-9 */
}

.gradiente-blu .velo {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#508484+0,508484+100&1+45,0+65 */
background: -moz-linear-gradient(left,  rgba(11,17,61,1) 0%, rgba(11,17,61,1) 45%, rgba(11,17,61,0) 65%, rgba(11,17,61,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(11,17,61,1) 0%,rgba(11,17,61,1) 45%,rgba(11,17,61,0) 65%,rgba(11,17,61,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(11,17,61,1) 0%,rgba(11,17,61,1) 45%,rgba(11,17,61,0) 65%,rgba(11,17,61,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#508484', endColorstr='#00508484',GradientType=1 ); /* IE6-9 */
}

.immagine-container{position:relative;}

/*Fascia Video*/

.homepage-hero-module {
  border-right: none;
  border-left: none;
  position: relative;
  height:60vh;
}
.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #eeeeee;
}
.video-container .poster {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center; 
display:none;  
}
.slideshow-container .velo {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+50 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}
.video-container .flex-caption{
  z-index: 100;
 height: 100%;
left: 0;
margin: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
color: #fff !important; 
z-index: 20;
}

.video-container .caption-outer {
    display: table;
    height: 100%;
    width: 100%;
}

.video-container .caption-inner {
  display: table-cell;
  vertical-align: middle;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display:block;
}


/*.no-video .video-container video,
.touch .video-container video {
  display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
  display: block !important;
}*/

/* 1. No object-fit support: */
@media (min-aspect-ratio: 16/9) {
  .video-container > video { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-container > video { width: 300%; left: -100%; }
}
/* 2. If supporting object-fit, overriding (1): */
@supports (object-fit: cover) {
  .video-container > video {
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
  }
}

.video-container h1, .video-container h2, .video-container h3, .video-container h4{color:white;  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}

.video-container .dropdown-menu {width:100%}

.card{overflow:hidden;}
.card-img-overlay{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+50,0.8+50 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


}

.card img {transition: all 0.3s ease 0s;}
.card:hover  img {scale:1.05;}


.news-container .img-container {
  overflow: hidden;
}
.news-container .img-container img {
  transition: all .4s;
}

.news-container a:hover img {
    transform: scale(1.05);
  }

  .news-container a:hover .project-box {
    opacity: 1;
  }
.news-container .project-box {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,.7);
  transition: all .4s;
}  
  
  
.hthumb {
    overflow: hidden;
    position: relative;
}
.hthumb img {
    display: block;
    transform: scale(1);
    transition: all 1s ease 0s;
    width: 100%;
}
a:hover .hthumb img {
    transform: scale(1.1);
}

.boxitem {
    background-position: center center;
    background-size: cover;
    margin-bottom: 30px;
    position: relative;
}

.boxitems{margin-top:67px;}


/*Pagination*/
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 0;
}
.page-item.active .page-link {
color:#ffffff;
background-color: #508484;
border: none;
}

.page-link, .page-link:visited, .page-link:hover {
	color: #508484;
	border: none;
	background:none;
}
.page-link:hover {
	color: #ffffff;
	background-color: #508484;
}

.form-control { border-radius: 0; border:none;}

button.close{color:#666 !important;}
button.close:hover{background:none !important;}
	
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.btn{
border-radius: 50rem !important;
font-weight:bold;
 transition: all 0.3s ease 0s;
padding: .5rem 2.5rem }


.btn-primary, .btn-primary:disabled{color: #fff !important;
  background-color: #508484;
  border-color: #508484;
  } 

.btn-primary:hover, .btn-primary:active,  .btn-primary:focus{
color: #508484 !important;
  background-color: #fff;
  border-color: #508484;
}

.btn:hover, .btn:active,  .btn:focus{
 box-shadow: 0 20px 38px rgba(0,0,0,.16);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-transform: translateY(-3px); 
}



/* Article */

article.post, article.page, section.error-404{
	margin-bottom: 20px;
}


.banner-caption{text-align:center; padding:100px 0;}

.entry-meta{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}

.img-header{margin-top:30px;}

.post h2.entry-title{text-transform:none;}
h1.entry-title{margin:0 0 30px 0;}
.entry-content .informazioni ul li{background:none; padding-left:0;} 


blockquote {
    float: left;
    width: 50%;
	font-style:italic;
	color:#666666;
	}


	
/* Search */

button#searchsubmit{margin-top:0;}

#comments{background-color:#f2f2f2; padding:10px; margin-top:30px;}

label {
    font-weight: normal;
    text-transform: uppercase;
  font-size:13px;
}


/* Widgets */
#secondary .widget {
	margin: 0 0px 30px 0px;
	
}
h3.widgettitle{margin-top:0;}

.widget ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.widget li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.widget ul ul {
    list-style-type: none;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}

.widget ul li {
    list-style-type: none;
    margin: 0px;
    margin: 0px 0px;
}


#secondary .sidemenu ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.widget li h3.rpwe-title {margin:0; font-weight:normal;}

#secondary .sidemenu li {
    padding: 10px 0px;
	border-bottom:2px solid #eeeeee;
}

#secondary .sidemenu li, .widget li h3.rpwe-title a {
    background-color: #ffffff;
    color: #666666;
    display: block;
	text-transform:none;
transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0s; 	
}


.sidemenu li a:hover span{background-color:#666666;}
.sidemenu li a:hover{color:#333333;}

.sidemenu li a:hover {
    color: #666666;
}

 
#secondary .sidemenu li h4.tab-title a, #secondary .sidemenu #accordion h4.tab-title a, .widget h3.widget-title{
    display: block;
    font-size: 18px;
border:none;
margin:0 0 15px 0;	
}
h4.tab-title {
	margin: 0 0 2px 0;
}


#secondary .sidemenu li a:hover, .widget li h3.rpwe-title a:hover, #secondary .widget li.current_page_item a{
    color: #666666;
}
#secondary .sidemenu li h4.tab-title a:hover, #secondary .sidemenu li.current_page_item h4.tab-title a, #secondary .sidemenu li h4.tab-title a:hover {
    background-color: #000000;
    color: #666666;
}
.widget .textwidget p {
    padding: 0px 0px;
}

#secondary .sidemenu #bookingmenu  li a, .col-descrizione #bookingmenu  li a{
	height:40px;
	line-height:40px;}
	
.col-descrizione #bookingmenu  li{
padding:0;
background:none;}	

#secondary .sidemenu #bookingmenucont,.col-descrizione #bookingmenucont {margin: 0 !important;}

/* Footer widgets */

#bottom{
background: #ffffff;
padding:40px 0;	
}

#bottom ul{
	margin:0px 0px;
	padding:0px;
}

	
.site-footer{background-color:#508484; padding:40px 0 20px 0;}
.fcred a {color:#fff;}
.fcred p{color:#c2d4d4; font-size:80%;}



.social a{
  width: 2.75rem;
  height: 2.75rem;
  line-height: 2em;
  border-radius: 50%;
}

#testata .box-content{margin-top:160px;}

@media screen and (max-width: 1200px) {
.navbar-brand img{ max-height: 40px !important; }
.home .flex-caption .container{margin-top:0px;}
}

@media screen and (max-width: 992px) {
.navbar-brand img{ max-height: 30px !important; }
.navbar-default .navbar-main > li > a, .navbar-default .navbar-main > .active > a {
  padding-bottom: 10px;
  padding-top: 10px;
}

.section-generic .container, .section-banner .container {
    padding-bottom: 20px;
    padding-top: 20px;
}
.fascia-immagine{background-image:none !important;}

#slidebox .caption-inner h2, #fascia-testata .caption-inner h2, #parallax .caption-inner h2, .section-generic h2 { font-size: 28px;line-height: 28px;}
#slidebox .caption-inner p, #fascia-testata .caption-inner p, #parallax .caption-inner p, .section-generic p, .section-generic li { font-size: 16px;}

.row-citta {  
display: inherit;
}


}


@media screen and (max-width: 576px) {
.immagine-container .caption-inner h1, .immagine-container .caption-inner h2 { font-size: 22px;line-height: 23px;}
.immagine-container .caption-inner p, h5{font-size: 17px;}
  #menu-contatti {
    flex-direction: column;
  }
  
 .project-box {display:none;} 
 button, html input[type="button"], input[type="reset"], input[type="submit"], .btn {
  font-size: 0.9rem;
} 
.velo-cont .velo {display:block; background-color:#fff;opacity: 1;filter: alpha(opacity=100);}
.immagine-container p{margin:0;}
}