html, body{width:100%; height: 100%;}
body{color: #000;font-size: 1.5em;
background-image: url("data:image/svg+xml,")
;background-size: cover;}
h1,h2,h3,h4,h5,h6{text-transform: none;}
h1,h2,h3,h4,h5,h6, p{margin: 0; margin-bottom: 5px}
/** imposta i font-soze di partenza **/
h1{color: #797570;font-size: 35px;font-weight:200;letter-spacing:0.15em;text-transform: none;margin-bottom: 50px;margin-top: 40px;text-align: center}
h2{font-size: 2.3em;font-weight:200;font-family: italiana, sans-serif;color: #0D284A;}
h3{font-size: 16px;font-weight: 400;line-height: 30px;}
h4,h5,h6{font-size: 2.1em; color:#d0c9b1; font-weight:100;}
p{font-size: 1.1em;font-weight:100}
header{font-size: 1em;}
#footer{font-size: 0.8em;}
.small{font-size: 1.2em;}
/** imposta i font-soze di partenza **/
header nav.navbar-nav .largMenu{font-size: 0.8em;}
a, a:focus, a:hover {text-decoration:none;color: #ffffff;}
ul{list-style-type: none;}
strong{color: #DAAF6A;font-weight: 400;}
.colonna{padding: 0px 0px;}
.row{margin-left: 0; margin-right: 0}
.container-fluid {height: 100%; padding-left: 0; padding-right: 0}
article section {margin-top: 30px; margin-bottom: 30px; position:relative; /*float: left;*/ overflow: hidden}
body:not(#page_blog):not(#page_offerta) article section:nth-child(1),
body:not(#page_blog):not(#page_offerta) article section:nth-child(1) .custom-col{padding: 0; margin: 0; position: relative;}
.imgrespons{
background-repeat: no-repeat !important;
background-position: center;
background-size: cover !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-attachment: scroll;
height: 100%;
}
.backgroundcolor {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
}
#slideshow .backgroundcolorcarousel{
background-color: #0d284a69;
z-index: 2;
}
.backgroundcolorcarousel{
position: absolute;
width: 100%;
height: 100%;
/* background-color: rgba(0,0,0,0.5); */
z-index: 1;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
margin: 0;
z-index: 10;
height: 0;
background: #fff;
}
#lingue {
position: fixed;
top: 29px;
right: 15px;
font-weight: 300;
text-align: center;
color: #FFF;
width: 60px;
margin-top: 0;
height: 24px;
overflow: hidden;
padding: 0;
-moz-transition: height 1.2s ease;
-webkit-transition: height 1.2s ease;
-o-transition: height 1.2s ease;
transition: height 1.2s ease;
z-index: 4;
margin-bottom: 0;
}
#lingue li{
display: block;
margin: 0;
padding: 2px;
}
#freccialingua{
margin-left: 15px;
position: absolute;
top: 3px;
right: 5px;
color: #fff;
cursor: pointer;
}
#lingue a{
color: #fff;
display: block;
text-transform: none;
font-weight: normal;
padding: 0;
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
}
#lingue li:hover, #lingue li a:focus, #lingue li a:hover{
/* background-color: rgba(0, 0, 0, 0.5); */
color: #FFF;
}
#lingue li.flag{
/* background-color: rgba(0, 0, 0, 0.2); */
min-height: 24px;
}
#lingue li.flag:nth-child(1){
background-color: transparent;
}
.chiudi{
position: absolute;
right: 20%;
top: 5%;
cursor: pointer;
}
.menu-content {display: none}
#menu{
margin-bottom: 0;
top: 0;
z-index: 3;
/* background: rgb(0,0,0); */
/* background: linear-gradient(180deg, rgba(0,0,0,0.9) 15%, rgba(0,0,0,0) 100%); */
/* height: 150px; */
border: none;
padding-top: 15px;
padding-bottom: 15px;
}
#menu ul li{
/* display: inline-block; */
margin-top: 14px;
margin-bottom: 9px;
}
#menu ul li a{
color: #fff;
text-transform: uppercase;
font-weight: 500;
text-align: center;
padding-left: 10px;
padding-right: 10px;
letter-spacing: 0.05em;
border-right: none;
cursor: pointer;
padding-top: 5px;
font-size: 12px;
padding-bottom: 5px;
}
#menu ul li a:focus, #menu ul li a:hover{
/* color: #FFF; */
background-color: transparent;
/* border-radius: 5px; */
border-bottom: 2px solid #DAAF6A;
}
#menu #megamenu li:hover .sfondo-bg{
color: #FFF;
/*background-color: #0D284A;
border-radius: 5px;*/
background: none;
}
#menu #megamenu li a:hover{
border-bottom: none;
}
.navbar-nav {width: 100%;text-align: center;}
.navbar-nav a{border-right: 1px solid rgba(255, 255, 255, 0.42);}
.navbar-nav a{border-right: 1px solid rgba(255, 255, 255, 0.42);}
ul.navbar-nav ul {
visibility: hidden;
position: absolute;
top: 58px;
z-index: 598;
}
ul.navbar-nav ul li {
float: none;
width: 100%;
/* display: block !important; */
padding-top: 10px;
padding-bottom: 10px;
margin-right: 5px;
text-align: center;
margin: 0 !important;
}
ul.navbar-nav ul {width: 180px;/* background: #FFF; */text-transform: uppercase;padding-left: 0;}
ul.navbar-nav ul.active-submenu{visibility: visible; opacity:1; width: 100%;}
ul.navbar-nav a:link, ul.navbar-nav a:visited { color: #FFFFFF; text-decoration: none; }
ul.navbar-nav a:hover, ul.navbar-nav a:active { color: #FFFFFF; text-decoration: none; }
.sottomenu {display: block !Important;}
#megamenu{
position: fixed;
top: 80px;
padding-top: 0;
width: 100%;
left: 0;
/* -webkit-box-shadow: 0px 10px 53px -17px rgba(0,0,0,0.75); */
-moz-box-shadow: 0px 10px 53px -17px rgba(0,0,0,0.75);
/* box-shadow: 0px 10px 53px -17px rgba(0,0,0,0.75); */
padding-left: 4px;
padding-right: 5px;
background: rgb(255 255 255 / 25%);
}
#megamenu li{
float: left;
padding-right: 5px;
padding-left: 5px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
display: flex;
}
#megamenu .fotomenu{
margin-bottom: 0;
height: 250px;
position: relative;
display: inline-block;
width: 100%;
}
#megamenu li span {
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
/* border-bottom: 1px solid #ffffff; */
/* border-top: 1px solid #fff; */
padding-bottom: 5px;
padding-top: 5px;
font-size: 1.2em;
}
.sfondo-bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(51, 51, 51, 0.4);}
.menu-change ul.navbar-nav ul {background: #ffffff !important;}
.navbar-toggle {
width: 45px;
background-color: transparent;
float: left;
margin-left: 15px;
margin-right: 5px;
margin-top: 15px;
z-index: 5;
}
.navbar-toggle .icon-bar {
background-color: white;
}
.logo{
position: fixed;
z-index: 10;
/* border-radius: 50%; */
width: 300px;
height: auto;
/* padding: 10px!important; */
}
.logo-mobile{
display: none;
width: 100%;
position: absolute;
padding: 0;
top: 0;
right: 0;
left: 0;
text-align: center;
}
.logo-mobile img {
height: 50px;
width: auto;
display: inline-block;
}
.active a{
background: #97102F;
color: #FFF;
}
/*FOOTER*/
#footer{
background: #0D284A;
padding-top: 20px;
display: block;
width: 100%;
position: relative;
float: left;
padding-bottom: 70px;
margin-bottom: 90px;
background-image: url("data:image/svg+xml,");
}
#footer h4{
margin-bottom: 10px;
color: #FFF;
font-weight: 300;
text-transform: none;
font-size: 1.8em;
font-family: "Italiana", sans-serif;
}
#footer p{color: #FFF;text-align: center !important;text-transform: uppercase;font-weight: 500;}
#footer a {color: #FFF;font-weight: 500;font-family: 'montserrat', sans-serif;}
#footer .fa{border: 2px solid #FFF;/* margin-right: 5px; */border-radius: 50%;width: 70px;height: 70px;position: relative;display: inline-block;}
#footer .fa.fa-instagram{width: auto;height: auto;border: none;margin-right: 0;}
#footer .fa.fa-facebook{width: auto;height: auto;border: none;margin-right: 0;}
#footer .fa.fa-instagram::before{
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
#footer .fa.fa-facebook::before{
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
#footer .list-inline {
text-align: center;
margin-top: 1px;
margin-top: 20px;
margin-bottom: 20px;
z-index: 2;
float: none;
margin-right: auto;
}
#footer .footernamestr, #footer .small{font-family: sans-serif;}
#footer .footernamestr { margin-top: 15px;}
#footer .small {margin-top: 10px;font-size: 10px;}
._CookieScriptReportPageCheckboxes {
float: left;
width: 100%;
}
/******* CSS mappa ********/
/* regole generali */
[id^="mappa"]{height: 600px;}
[id^="map-canvas"]{position: relative; width: 100%; height: 100%; z-index: 1;}
article section:nth-child(1) [id^="mappa"]{height: 650px; margin-left: 0; margin-right: 0;}
/* regole leaflet */
.leaflet-control-layers-expanded {padding: 0 5px!important;}
.leaflet-control-layers-expanded input[type=radio]{display: none;}
/*.leaflet-control-layers-expanded input[type=checkbox]{display: none;}*/
.leaflet-control-layers-base label{margin: 0; padding: 0; text-align: center}
.leaflet-control-layers-base label div{cursor: pointer; padding: 15px; margin-top: 5px; margin-bottom: 5px; background-color: #e9e9e9; color:#4a4a4a}
.leaflet-control-layers-base label div:hover{background-color: #d6d6d6; color:#252525}
.leaflet-control-layers-base label div span{width: 100%; height: 100%; position: relative}
.leaflet-control-layers-expanded label .checklayout{font-size: 14px;}
.leaflet-control-layers-overlays{background-color: #e9e9e9; color:#4a4a4a}
.leaflet-control-layers-overlays label div{padding: 2px 5px; font-size: 12px; cursor: pointer}
.leaflet-control-layers-overlays label div span{vertical-align: text-bottom}
/******* CSS mappa ********/
.foto-gallery {
position: relative;
float: left;
display: flex;
margin: 0;
padding: 0;
}
.foto-gallery a{margin: 0;padding: 5px;}
.mask-gallery{
position: absolute;
top: 0;
left: 0;
padding: 5px;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.5s ease;
}
.mask-gallery div{
background: rgba(0,0,0,0.7);
height: 100%;
}
.mask-gallery img{
height: 32px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.foto-gallery span.mask-gallery:hover, .foto-gallery .mask-gallery:hover{
opacity: 1;
}
.carousel-claim-testo {
text-transform: none;
font-weight: 600;
color: #FFF;
text-transform: uppercase;
}
/*CONTATTI*/
form .row:first-child .floating-label-form-group {
border-top: 1px solid #e1e1e1;
}
.floating-label-form-group {
position: relative;
margin-bottom: 0;
padding-bottom: 0.5em;
border-bottom: 1px solid #e1e1e1;
}
.floating-label-form-group label {
display: block;
z-index: 0;
position: relative;
top: 2em;
margin: 0;
line-height: 1.764705882em;
vertical-align: middle;
vertical-align: baseline;
opacity: 0;
-webkit-transition: top 0.5s ease,opacity 0.5s ease;
-moz-transition: top 0.5s ease,opacity 0.5s ease;
-ms-transition: top 0.5s ease,opacity 0.5s ease;
transition: top 0.5s ease,opacity 0.5s ease;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
input[name=datepickerci].form-control, input[name=datepickerco].form-control {
background-color: transparent;
}
.floating-label-form-group input, .floating-label-form-group textarea {
z-index: 1;
position: relative;
padding-right: 0;
padding-left: 0;
border: none;
border-radius: 0;
background: none;
box-shadow: none !important;
resize: none;
font-weight: 300;
}
.floating-label-form-group-with-focus{
border-bottom-color: #cbaa5c;
}
.form-group {
margin-bottom: 20px;
padding-left: 0;
text-align: left;
}
.form-control {
color: #fff !important;
font-size: 1em !important;
}
#info .btn {
border-radius: 0;
padding: 10px 30px;
text-transform: uppercase;
font-weight: 900;
letter-spacing: 1px;
}
.btn-outline-dark {
color: #FFF;
background: #760404;
/* border: 1px solid #760404; */
background: #0D284A;
color: #614c19;
padding: 15px 20px !important;
font-weight: 500;
font-family: 'Poppins' !important;
border-radius: 4px !important;
}
.btn-outline-dark:hover, .btn-outline-dark:focus {
/* color: white; */
background: #ffc242;
background: #ffc242;
outline: none;
/* letter-spacing: 0.05em; */
font-weight: 500;
font-family: 'Poppins' !important;
}
.form-group p{
color: #fff;
}
.option {
margin-right: 10px;
}
/** allineamenti contenuti **/
.colonna.imgrespons div.custom-col{display: table;}
.custom-col div.contenitore.nessuno{}
.custom-col div.contenitore.centrale{display: table-cell;vertical-align: middle;text-align: center}
.custom-col div.contenitore.sinistra{display: table-cell;vertical-align: middle;text-align: left}
/** allineamenti contenuti **/
article section div.contenitore.centrale.contsingolo p {
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
font-weight: 300;
color: #fff;
}
label.labelallegato{
opacity: 1;
top: auto;
color: #9D9D9D;
font-weight: 500;
line-height: 40px;
}
form .checkprivacyform {padding-left: 0; padding-right: 0; font-style: italic;}
form .checkprivacyform .checkformm{position: relative; float: left; width: auto; display: inline-grid;}
form .checkprivacyform .checkformm input{display: inline;}
form .checkprivacyform .testo-infodatiform{position: relative;float: left;width: calc(100% - 21px);margin-left: 5px;text-align: justify;color: #fff;}
form .checkprivacyform .testo-infodatiform a, form .checkprivacyform .testo-infodatiform a:link, form .checkprivacyform .testo-infodatiform a:hover {color: #cbaa5c!important;text-decoration: underline;font-weight: 300;}
form .checkprivacyform .checkdaticomformm{position: relative;float: left;width: auto;display: inline-grid;}
form #leggiinfofinicomm{color: #cbaa5c!important;font-style: italic;text-decoration: underline;font-weight: 300!important;cursor: pointer}
form #divinfofinicomm{height: auto; overflow: hidden; background-color: #dedede; padding: 5px; display: none}
.claim {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-align: center;
color: #FFF;
text-transform: uppercase;
font-weight: 300;
z-index: 3;
width: 80%;
}
.titoloclaim {
font-weight: 300;
display: block;
margin-bottom: 10px;
/* text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.32); */
}
#page_privacy #privacy h3, #page_privacy #privacy p, #page_privacy #privacy span{padding-right: 0;padding-left: 0;}
#page_privacy #privacy h3{
margin-top: 20px;
margin-bottom: 10px;
font-weight: 600;
}
#page_privacy #slideshow div{
height: 100%;
width: 100%;
position: absolute;
color: #fff;
padding: 30px;
background-color: rgba(0,0,0,0.4);
}
#page_privacy article section:nth-child(1){height: 350px!important}
/** addthis **/
.atss {width: 2pc!important;}
.atss .at-share-btn, .atss a {width: 2pc!important;}
.atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper {padding: 2px 0!important;}
.atss .at-share-btn span .at-icon, .atss a span .at-icon {width: 1.5pc!important; height: 1.5pc!important;}
#page_404 article{/* position: absolute; *//* min-height: 200px; *//* width: 100%; *//* padding-top: 80px; */}
#page_404 footer{/* position: absolute; *//* bottom: 0; */}
/** Galleria con immagini a mosaico **/
#page_gallery #gallery-content .custom-col {padding: 0; margin: 0}
#page_gallery #gallery-content a.foto-singola picture{position: relative; overflow: hidden; width: 100%; height: auto;}
#page_gallery #gallery-content a.foto-singola picture img{ padding: 5px; width: 100%; height: 100%;}
#gallery-content a.foto-singola{margin:0; padding: 0}
#gallery-content a.foto-singola span.mask-gallery:hover{opacity: 1;}
/** Galleria con immagini a mosaico **/
#page_index #menu {
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#menu.menu-change {
height: auto;
border: none;
background: #0D284A;
min-height: inherit;
transition: all 0.5s ease 0s;
background-image: url("data:image/svg+xml,") !important;
}
#lingue {
transition: all 0.5s ease 0s;
}
#menu .navbar-nav>li {
float: none!important;
position: relative;
display: inline-block;
margin: 0;
margin-left: 3rem;
margin-right: 3rem;
}
p a {
color: #0D284A;
font-weight: 400;
}
p a:hover {
color: #79632d;
font-weight: 400;
}
/*404*/
#page_404 #slideshow h1 {
line-height: 1.5em;
position: absolute;
top: 45%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
color: #ffffff;
}
#page_404 #slideshow a.bottone {
position: absolute;
top: 55%;
left: 50%;
width: 300px;
margin-left: -150px;
text-align: center;
background: #DAAF6A;
}
#page_404 #slideshow .backgroundcolor {
background-color: #0000007d;
}
/*privacy*/
#page_privacy #slideshow h1 {
text-align: left;
position: absolute;
bottom: 20%;
left: 15px;
}
#page_privacy #slideshow h2 {
position: absolute;
bottom: 5%;
left: 15px;
}
#menu ul li:nth-child(6) a {
background-color: #DAAF6A;
border-radius: 5px;
padding-left: 10px;
padding-right: 10px;
text-transform: uppercase;
padding-top: 15px;
padding-bottom: 15px;
font-weight: 600;
}
#menu ul li:nth-child(6):hover a {
/* background: #ffc242; */
/* color: #614c19; */
border-bottom: none;
}
#menu ul li:nth-child(8) a span{
padding-bottom: 5px;
padding-top: 5px;
/* padding-left: 10px; */
/* padding-right: 10px; */
}
#menu ul li:nth-child(8):hover a span{
border-bottom: 2px solid #ffffff
}
#footer .fa::before{
position: absolute;
width: 100%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-align: center;
font-size: 24px;
}
#footer h4 span{
display: none;
}
a:focus, a:hover {
text-decoration: none !important;
}
#footer .col-sm-4 {
display: none;
}
/** responsive **/
@media(max-width: 1800px){
#menu .navbar-nav>li {
margin-left: 3rem;
margin-right: 3rem;
}
}
@media (max-width: 1600px){
body{font-size: 1.4em}
#menu .navbar-nav>li {
margin-left: 1.8rem;
margin-right: 1.8rem;
}
.logo {width: 250px;}
}
@media (max-width: 1400px){
body{font-size: 1.3em}
#menu .navbar-nav>li {
margin-left: .5rem;
margin-right: .5rem;
}
.navbar-nav {
text-align: right;
padding-right: 50px;
}
}
@media (max-width: 1200px){
body{font-size: 1.2em}
#footer {font-size: 12px;}
#menu ul li a {
font-size: 10px;
}
}
@media (max-width: 1024px){
header .navbar-header {float: none;}
header .navbar-toggle {display: block;}
header .navbar-collapse.collapse {display: none!important;max-height: 1000px;}
header .navbar-nav {float: none!important;margin-top: 10px;margin-bottom: 10px;padding-left: 5px;margin-left: 0!important;text-align: center;padding-right: 0;}
header .collapse.in{display:block !important;}
header .menu-content {width: 100% !important;}
header .navbar-toggle {top: -5px;}
header #freccialingua {top: 4px;}
#lingue {top: 30px;width: 50px;}
#menu ul li {display: block; width: 100% !important; margin-top: 0; margin-bottom: 0; padding-left: 15px;}
#menu ul li a {text-align: center;padding-bottom: 10px;padding-top: 10px;border-right: none;font-size: 1.3em;width: auto;display: inline-block;padding-left: 5px;padding-right: 5px;}
#menu .navbar-nav>li {
margin-left: 0;
margin-right: 0;
padding-left: 0;
/* text-align: left; */
}
ul.navbar-nav ul {display: none;}
ul.navbar-nav ul{position: relative !important;top: 0 !important;visibility: visible !important;background: transparent;opacity: 1;}
ul.navbar-nav ul li, ul.navbar-nav ul {width: 100% !important; text-align: left;}
#megamenu{position: relative; top: auto; padding-top: 0; width: 100%; left: auto;}
#megamenu .fotomenu{background: none !important; height: auto; padding: 0; margin-bottom: 12px;}
#megamenu li span {border: none;position: static;-webkit-transform: none;-ms-transform: none;transform: none;padding: 0;font-size: 1em;}
#megamenu .sfondo-bg{display: none}
.navbar-collapse.collapse {
/* background-color: #797570 !important; */
/* height: 100vh !important; */
/* max-height: fit-content; */
}
#page_index #menu {
/* background: #797570; */
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#menu.menu-change, #menu {background: #797570;height: auto;}
.menu-change ul.navbar-nav ul {background: transparent !important;}
#megamenu li {padding-left: 0 !important; padding-right: 0;}
p {font-size: 1.1em;}
.logo-mobile {display: inline-block;padding-top: 15px;}
#page_index .logo img {/* display: none; */}
.logo-mobile img {
padding-top: 0;
}
#menu ul li:nth-child(8) a {
width: fit-content;
float: none;
display: inline-block;
}
}
@media (max-width: 992px){
body{font-size: 1.1em}
#footer {font-size: 11px;}
#page_index .logo.logo-small, .logo.logo-small {
display: none !important;
}
header .navbar-collapse {
max-height: calc(100vh - 80px);
height: calc(100vh - 80px);
}
.navbar .collapse {
height: 100vh !important;
max-height: calc(100vh - 90px) !important;
}
header .navbar-nav {
margin-left: 0;
margin-right: 0;
padding-left: 0;
height: calc(100vh - 120px);
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
max-height: calc(100vh - 90px);
}
.gruppo-camere .row.rigarow:nth-child(1), .gruppo-camere .row.rigarow {
padding-left: 5px !important;
padding-right: 5px !important;
}
}
@media (max-width: 768px){
#footer h4{margin-top:15px;}
#logo-menu {left: 35px;}
#menu .navbar-nav>li {
margin-bottom: 1rem;
}
#footer .fa {
width: 40px;
height: 40px;
}
}
@media (max-width: 440px){
h3, h4 {/* line-height: 25px; */}
}
@media (max-width: 362px){}
p strong {
color: #0D284A;
font-weight: 600;
}