/* visioni personal css*/
/*
#eceff1 Grigio chiaro
#b0bec5	Grigio scuro
#203c82 Booking button
#00a9a9 Hover Booking button
#bd1c35 Enchanted button
#e62241 Hover Enchanted button
*/
/*#navigationHotel .showbb{
  opacity:0;
}
#navigationHotel .showbb.viewBtn{
  opacity:1;
}*/
.applsdu a[href=''],.applsdu a:not([href]),.applsdu a:[href='#']{
  color:black!important;
}
.applsdu:not(.pageapp) a.sppb-btn.extbtn {
  /*display:none;*/
}
.applsdu .noapp {
  display:none!important;
}
.applsdu .stoplink {
  color:black!important;
  cursor: default!important;
}
/*rassegnastampa*/
.sppb-addon-accordion.rass .sppb-panel-modern .sppb-panel-title {
      font-size: 25px;
    font-weight: 300;
}
.sppb-addon-accordion.rass .sppb-panel-modern>.sppb-panel-heading {
  background:#203c82;
  color: #ffffff;
}
.incolonna .qwertycol > .sppb-column-addons{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.incolonna .qwertycol > .sppb-column-addons > .sppb-addon-wrapper {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	padding: 15px;
}
.incolonna .qwertycol > .sppb-column-addons > .sppb-addon-wrapper > div {
  border: 1px solid rgba(0,0,0,0.2);
  height: 100%;
	padding:10px;
}
.incolonna .qwertycol .sppb-addon-image-layouts,
.incolonna .qwertycol .sppb-addon-content,
.incolonna .qwertycol .sppb-addon-image-layout-wrap {
  height:100%;
}
.incolonna .qwertycol .sppb-addon-image-layout-content {
  padding: 15px 0 0;
}
.incolonna .qwertycol .sppb-addon-image-layout-image {
  height: 54px;
  width: 100%;
}
.incolonna .qwertycol .sppb-addon-image-layout-image img {
  max-height: 54px;
}
.incolonna .qwertycol .sppb-addon-image-layout-text {
  padding-bottom: 57px!important;
}
.incolonna .qwertycol .sppb-addon-image-layout-content .sppb-btn {
    position: absolute;
  bottom: 0;
}
@media (max-width:1399px) {
  .incolonna .qwertycol > .sppb-column-addons > .sppb-addon-wrapper {
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
  }
}
@media (max-width:991px) {
  .incolonna .qwertycol > .sppb-column-addons > .sppb-addon-wrapper {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
  }
}
@media (max-width: 767px) {
    .incolonna .qwertycol > .sppb-column-addons > .sppb-addon-wrapper {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
  }
}
/**/
.entry-header + .icons,
.entry-header + .icons + a {
  display:none;
}
/**/
.videorow{
  min-height: 40vw;
  height: 56.25vw;
}
.audiooff{
  display:none;
}
.audioon, .audiooff{
  text-align: left;
  color:white;
}
.videocontrol {
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    padding-left: 50px;
}
.videocontrol .sppb-icon-inner{
  width: 165px!important;
  text-transform: uppercase;
  text-shadow: 0px 0px 5px rgba(0,0,0,0.7);
}
.audioon i:after{
  content:"audio on";
  font-size:20px;
  font-weight:bold;
  padding-left:5px;
      font-family: Roboto, sans-serif;
}
.audiooff i:after{
  content:"audio off";
  font-size:20px;
  font-weight:bold;
  padding-left:5px;
      font-family: Roboto, sans-serif;
}
/**/
.modalvideo{
    position: absolute;
    bottom: 203px;
   /* right: 50%;
    transform: translateX(50%);*/
  	left: 0;
   	width:30%;
    text-align: right;

}
.modalvideo a{
     background: transparent!important;
     font-family: Arapey,sans-serif;
     font-size: 30px;
     letter-spacing: 3px;
     border: 0;
     text-transform: uppercase;
     color: #ffffff!IMPORTANT;
     padding: 0;
     display: flex;
     width: 100%;
     text-shadow: 0px 0px 10px #000000, 0px 0px 20px #000000, 0px 0px 30px #000000;
     outline: unset!important;
     box-shadow: none!important;
	transition:all 0.5s;
}
.modalvideo a:before {
    content: "";
    border-top: 1px solid;
    flex: 1 0 20px;
}
.modalvideo a:hover{
   letter-spacing: 5px;
}
/**/
.main_iframe {
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.main_iframe iframe {
	width: 100vw;
	height: 56.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
}
@media (max-width:991px) {
	.videoheader:before,
	.videoheader:after {
		display:none!important;
	}
	.sp-page-builder .page-content .videoheader {
      height: unset!important;
      padding-top: 86px!important;
    background-position: 50% 86px!important;
    background-size: 100vw 56.25vw!important;
	}
	.main_iframe {
		height: 56.25vw;
	}
	.main_iframe iframe {
		min-height: unset;
		min-width: unset;
		bottom: 50%;
		left: 50%;
		transform: translate(-50%, 50%);
	}
  /**/
  .modalvideo{
    bottom: 164px;
    width: 58%;
  }
}
@media (max-width:767px) {
    .videocontrol {
    bottom: -65px;
    padding-left:0;
  }
  .audioon i:after{
    font-size:14px;
  }
  .audiooff i:after{
    font-size:14px;
  }
  .sp-page-builder .page-content .videoheader {
      height: calc(56.25vw + 330px)!important;
      padding-top: 0!important;
      background-position: 50% 90px!important;
  }
  .modalvideo {
     bottom: unset;
     top: calc(56.25vw - 36px);
     width: 80%;
  }
  .modalvideo a{
    font-size: 20px;
    letter-spacing: 2px;
  }
  .modalvideo a:hover{
   letter-spacing: 4px;
  }
}
/**/
.fa-twitter:before {
    content: "\e61b";
}
/**/
.sppb-addon-articles.simplelist .sppb-addon-article {
    margin-bottom: 0px;
}
.simplelist .sppb-addon-content{
  padding-left:18px;
      margin-bottom: 15px;
}
.simplelist .sppb-addon-content h3{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
   margin-bottom: 0px;

}
.coverfile img{
	object-fit: contain;
}
/**/
#sp-main-body .sppb-addon-text-block h4,
#sp-main-body .sppb-addon-text-block h5,
#sp-main-body .sppb-addon-raw-html h5,
#sp-main-body .sppb-person-name,
#sp-main-body .sppb-addon-text-block h3.sppb-addon-title{
  color: #203c82!important;
}
.mod-list.sppb-row{
  margin:0 -15px;
}
.mod-list.sppb-row > li{
  padding:15px;
}
.mod-list.sppb-row > li .img-list{
      position: relative;
}
.mod-list.sppb-row > li .img-list img{
	object-fit: cover;
	width: 100%;
	height: 14vw;
}
.mod-list.sppb-row > li .img-list:before{
  content:"";
  display:block;
  opacity: 0;
    transition: opacity .4s;
    -webkit-transition: opacity .4s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px;
    background: rgba(0,0,0,.5);
    color: #fff;
    z-index: 2;
}
.mod-list.sppb-row > li:hover .img-list:before{
   opacity: 1;
}
.mod-list.sppb-row > li .mod-articles-category-readmore{
  position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
      justify-content: center;
  z-index:99;
}
.mod-list.sppb-row > li .mod-articles-category-readmore a.mod-articles-category-title {
  display: inline-block;
    padding: 7px 12px;
    margin: 3px;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100px;
    text-decoration: none;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s;
    transition: all .4s;
}
.mod-list.sppb-row > li:hover .mod-articles-category-readmore a.mod-articles-category-title {
  opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.mod-list.sppb-row > li:hover .mod-articles-category-readmore a.mod-articles-category-title:hover{
  background: #203c82;
    border-color: #203c82;
}
.mod-list.sppb-row > li .txt-list{
      background: #f5f5f5;
    padding: 20px;
    font-size: 13px;
    line-height: 13px;
      -webkit-transition: all .4s;
    transition: all .4s;
}
.mod-list.sppb-row > li:hover .txt-list{
   background: #203c82;
  color:#ffffff;
}
.mod-list.sppb-row > li .txt-list .mod-articles-category-title {
      color: #000;
    font-size: 25px;
    line-height: 1;
      font-family: Arapey,sans-serif;
    -webkit-transition: color .4s;
    transition: color .4s;
  margin-bottom:15px;
  display:block;
}
.mod-list.sppb-row > li:hover .txt-list .mod-articles-category-title {
    color:#ffffff;
}
.mod-list.sppb-row > li .txt-list p{
  margin-bottom:0;
}
.mod-list.sppb-row > li .txt-list hr {
  margin: 5px 0;
}
.txt-list .appbtns{
    display: none;
	margin: 20px -20px -20px -20px;
}
.txt-list  .appbtns > a{
  display:inline-block;
      padding: 6px;
    border: 1px solid;
    background: #203c82;
    color: white;
    font-weight: 400;
  width:50%;
      text-align: center;
      font-size: 16px;
      line-height: 28px;
}
.txt-list .appbtns > a{
  width:100%;
}
@media (max-width: 767px) {
  
}
.applsdu .txt-list .appbtns{
    display:flex
}

/**/
.form-control[disabled]{
      opacity: 0.7;
}
/**/
.shortheader.eventi .sp-page-title {
      display: flex;
    align-items: flex-end;
    background-position: 50% 28%;
}
.shortheader.eventi .sp-page-title .container{
      height: auto;
    transform: unset;
}
/**/
.applsdu #sp-header,
.applsdu #sp-loghi-partner,
.applsdu #sp-section-7,
.applsdu #sp-footer,
.applsdu #navigationHotel,
.applsdu #navigationRestaurant,
.applsdu .logo-hotel,
.applsdu #slider_header .sppb-addon-raw-htm,
.applsdu .sp-simpleportfolio-btns .btn-view,
.applsdu .sp-simpleportfolio-overlay,
.applsdu .bmgrow{
  display:none!important;
}
/**/
.touchscreen .sppb-section,
.touchscreen .sppb-column{
  background-attachment: scroll!important;
}
/**/
#navigationHotel ul, 
#navigationRestaurant ul{
      display: flex;
}
#navigationHotel ul a, 
#navigationRestaurant ul a{
      margin-right: 80px;
}
/*popup*/
.sp-module.modulo-popup{
  display:none;
}
.logopopup1 img{
  margin: 0 auto;
    max-height: 110px;
}
.white-popup-block{
  border:2px solid #203c82;
  
}
.mfp-close{
  /*color:#fff!important;*/
}
.linkapp{
  display: inline-block;
}
.linkapp img{
  height: 32px;
}
/* NEWSLETTER */
#subscribeform{
	display:flex;
	position: relative;
	flex-wrap: wrap;
}
#subscribeform #result{
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
	bottom: 0;
    transform: translateY(100%);
    font-size: 13px;
    background: rgba(255,255,255,0.8);
}
#subscribeform #result h3{
  font-size: 24px;
  margin-top: 16px;
}
#subscribeform #result .error{
  text-transform: uppercase;
  /* background: rgba(255,255,255,0.8); */
  color: red;
  height: 100%;
  margin: 0;
  padding: 4px;
}
#subscribeform #result .success h3{
  font-size: 21px;
  margin-top: 11px;
}
#subscribeform #result .success p{
  line-height:1;
}
#subscribeform input{
	width: calc(100% - 150px)!important;
    padding: 20px 20px 20px 20px;
    border-radius: 0;
    line-height: 1.25;
    font-size: 16px;
    height: inherit;
}
#subscribeform button{
      color: #ffffff;
    background-color: #203c82;
    border: 0;
    padding: 15px 18px;
	width: 150px;
}
/* Customize the label (the container) */
.privacyblock {
  display: block;
  position: relative;
  padding-left: 21px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  line-height: 1.2;
	color:#ffffff;
      margin-top: 10px;
}
.privacyblock a{
		color:#ffffff;
	text-decoration:underline;
}
/* Hide the browser's default checkbox */
#subscribeform .privacyblock input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
      left: 0;
    width: 15px !important;
  /*display:none*/
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: transparent;
  border:1px solid #ffffff;
}
/* Create the checkmark/indicator (hidden when not checked) */
.privacyblock:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.privacyblock input:checked ~ .checkmark:after {
  display: block;
  content:"";
}
/* Style the checkmark/indicator */
.privacyblock .checkmark:after {
       position: absolute;
       left: 4px;
       top: 0px;
       width: 5px;
       height: 11px;
       border: solid #ffffff;
       border-width: 0 2px 2px 0;
       -webkit-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
       transform: rotate(45deg);
}
/**/
.form-builder-checkbox-item input:checked+label::before, .form-builder-radio-item input:checked+label::before, .sppb-addon-form-builder .sppb-form-check-input:checked+label::before{
  background:#203c82;
}
.form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before{
  border-color:#203c82;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
    background: #203c82;
	color: #ffffff;
}
/**/
.page-header {
    visibility: hidden;
    /*height: 0px;*/
}
.logo-hotel{
    position: absolute;
    bottom: 116px;
    right: 0;
    background: #203c82;
    padding: 20px;
}
.logo-hotel img{
    height: 150px;
}
/**/
.bt-row-separate{
      border: none;
    margin: 0px;
}
.mod-languages ul >li{
  border:0;
}
/**/
#sp-loghi-partner{
  max-width: 1600px;
    margin: 0 auto;
  overflow:hidden;
}
#sp-position8{
  text-align: center;
  margin-top:50px;
}
#sp-position8 img{
  display:inline-block;
  width: 14%;/*15%;/*11%*/
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transition: all 0.5s;
  padding: 0 54px; /*0 25px;*/
  min-width: 193px;/*213px;*/
}
#sp-position8 a:hover img{
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}
.rid_a{
  padding: 0 50px!important; /*0 32px!important;*/
}
.rid_b{
  padding: 0 68px!important; /*0 40px!important;*/
}
.rid_c{
  padding: 0 0px!important; /* 0 0px!important;*/
}
.rid_d{
  padding: 0 33px!important; /* 0 0px!important;*/
}
@media (min-width: 1367px){
  #sp-position8 img{
    /*max-width: 154px;*/
  }
}
@media (max-width: 1024px) {
  #sp-position8 img{
        width: 25%;
        padding: 0 60px;
  }
  .rid_a{
    padding: 0 61px!important;
  }
  .rid_b{
    padding: 0 8%!important;
  }
}
@media (max-width: 768px) {
  #sp-position8 img{
        width: 25%;
        padding: 0 5%;
  }
  .rid_a{
    padding: 0 7%!important;
  }
  .rid_b{
    padding: 0 8%!important;
  }
}
@media (max-width: 575px){
	#sp-position8 img{
    	width: 50%;
    	padding: 10px 70px;
	}
    .rid_a{
    padding: 10px 18%!important;
  }
  .rid_b{
    padding: 10px 18%!important;
  }
  .rid_d{
    padding: 10px 10%!important;
  }
}
@media (max-width: 375px){
	#sp-position8 img{
    	width: 50%;
    	padding: 10px 40px;
	}
}
/**/
body{
  color:black;
}
a{
  color:#203c82;
  outline:0!important;
}
a:hover{
  color:inherit;
}
.scrollup {
  z-index: 98!important;
}
.bilbotxt{
      font-family: Bilbo;
}
.underlinetitle h6 {
  text-decoration: none;
  position: relative;
  width: max-content;
  margin: 0 auto!important;    
  padding: 0px 0px 4px 0px!important;
}
.underlinetitle h6:after {
 content: '';
 width: 100%;
 position: absolute;
 left: 0;
 bottom: 1px;
 border-width: 0 0 1px;
 border-style: solid;
 border-color:#203c82;
}

.underlinetitle.sidepos h6 {
   margin: 0!important; 
}
.underlinetitle.sidepos h6:after {
 width: calc( 100% + 30px );

 left: -30px;
}
.nav-placeholder {
    height: auto!important;
}
/* marker google map nascosto */
.gm-style > div > div > div > div > img{
  display:none;
}
/**/
.contact_form button{
      border: 1px solid #203c82;
    outline: none;
}
/* MENU*/
#sp-header .sp-megamenu-parent >li >a, #sp-header .sp-megamenu-parent >li >span {
    display: inline-block;
  padding: 0px 18px;
}
#sp-header{
  height:auto;
  position:fixed;
      transition: all 0.5s;
}
#sp-header .sp-megamenu-parent >li >a:after, #sp-header .sp-megamenu-parent >li.active >a:after {
    content: "";
    position: absolute;
    top: 20%;
    left: 15px;
    width: calc(100% - 30px);
    height: 2px;
    margin: 0;
    background: #203c82;
    display: block!important;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
#sp-header .sp-megamenu-parent >li:hover >a:after, #sp-header .sp-megamenu-parent >li.active >a:after {
 	opacity:1
}
#sp-header .row{
  position:static!important;
}
#sp-header #sp-top3{
      position: absolute;
    right: 0;
      padding-right: 0;
}
#sp-logo .logo img{
  height:75px;/*65px;/*50%;*/
  width:auto;
  max-width:none;
}
#sp-menu .sp-megamenu-parent{
  margin-top: 40px;
}
#sp-menu .sp-dropdown.sp-dropdown-main{
  transform: translateY(-40px);
      z-index: -1;
}
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span{
  text-transform: capitalize;
      font-size: 17px;
  line-height:50px;
}
.hidedropdown .offcanvas-menu-toggler,
.hidedropdown .collapse,
.hidedropdown .sp-dropdown{
  display:none!important;
}
.down{
  transform:translateY(-100%);
      background: none!important;
      box-shadow: 0 3px 3px rgba(0,0,0,0)!important;
}
/*switch lingua*/
.chzn-container.chzn-container-single.chzn-container-single-nosearch{
  width:auto!important;
  font-family: Arapey, sans-serif;
    font-size: 15px;
    font-weight: normal;
}
.mod-languages{
      margin-top: 53px;
}
.chzn-container-single .chzn-single{
      border: 0;
    background: none;
    box-shadow: none;
    text-transform: uppercase;
    color: #203c82;
}
.chzn-container-active.chzn-with-drop .chzn-single{
  border:0;
  background-image:none;
  box-shadow:none;
}
.chzn-container .chzn-drop{
  border:0;
  box-shadow:none;
}
.result-selected{
  display:none!important;
}
.chzn-results li:hover{
  background: #203c82!important;
}
/* enchanted button */

#sp-top3 .sppb-addon-single-image-container{
  display:block;
}
#sp-top3 img {
    height: 90px;
    object-fit: contain;
    padding: 15px;
  transition: all 400ms;
}
#sp-top3 p{
  margin:0;
}
#sp-top3 a{
  width: 100%;
    height: 100%;
    display: block;
  letter-spacing: 2px;
}
#sp-top3 a:hover{
  background:#a5bad5;
  color:#203c82;
}
#sp-top3 a:hover img{
  -webkit-filter: brightness(0%) invert(100%); /* Safari 6.0 - 9.0 */
    filter: brightness(0%) invert(100%);   
}
/* gift card button*/
.sp-module.menu-btn{
  height: 100%;
    background: #203c82;
}
.sp-module.menu-btn .custom.menu-btn a{
    color: #ffffff;
    height: 90px!important;
    line-height: 1;
    text-align: center;
    display: flex!important;
    align-items: center;
    justify-content: center;
}
/* regole comuni */
#enchantedjoin-bar1 img{
  width:146px;
}
/* home */
/* SLIDER HEADER */
#slider_header{
      z-index: 5!important;
}
#slider_header .sppb-carousel-pro .sppb-item {
    height: 100vh ; /*calc(100vh - 76px);*/
    min-height: 413px;
}
#slider_header.home_header h1, #slider_header.home_header h2{
   text-shadow: 0px 0px 10px #000000, 0px 0px 20px #000000,0px 0px 30px #000000;
}
#slider_header.home_header p{
  text-shadow: 0px 0px 10px #000000, 0px 0px 20px #000000,0px 0px 30px #000000;
}

#slider_header h1, #slider_header h2{
  font-size: 60px;
  line-height:1;
  margin:0;
  position:relative;
  margin-top: 90px;
}
#slider_header p{
  font-weight: normal;
  margin-top: 30px;
}
#slider_header h1:before, #slider_header h2:before {
    content: "";
    border-top: 1px solid;
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -100%;
}
#slider_header .sppb-carousel .sppb-carousel-pro-inner-content .sppb-row{
	padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px){
	#slider_header .sppb-carousel .sppb-carousel-pro-inner-content .sppb-row{
      width: 750px;
  }
}
@media (min-width: 992px){
	#slider_header .sppb-carousel .sppb-carousel-pro-inner-content .sppb-row{
      width: 970px;
  }
}

@media (min-width: 1200px){
	#slider_header .sppb-carousel .sppb-carousel-pro-inner-content .sppb-row{
		width: 1170px;
	}
}

/*@keyframes fadein  {
  0% {opacity: 1;}
  30% {opacity: 0;}
  100% {opacity: 1;}

}*/
/*-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
/*       -moz-animation: fadein 2s; /* Firefox < 16 */
/*        -ms-animation: fadein 2s; /* Internet Explorer */
/*         -o-animation: fadein 2s; /* Opera < 12.1 */
/*            animation: fadein 2s;
*/

/* tre valli */
#row3valli.sppb-row-container{
      margin-left: auto!important;
      margin-right: auto!important;
}
#row3valli {    
  /*transition: background-image 0s;
  transition-delay: 0.3s;*/
      background-image: url(/images/cover/valdimazara_licciardello.jpg)!important;
}
#row3valli.mazara{
      background-image: url(/images/cover/valdimazara_licciardello.jpg)!important;
}
#row3valli.noto{
      background-image: url(/images/cover/valdinoto_licciardello.jpg)!important;
}
#row3valli.demone{
      background-image: url(/images/cover/valdemone_licciardello.jpg)!important;
}
#row3valli .sppb-row > div{
      padding: 0;
    border-right: 3px solid white; /*10px solid white;*/
  transition: all 0.5s;
}
#row3valli .sppb-row > div:hover{
  background: rgba(0,0,0,0.5);
}
#row3valli .sppb-row{
  height:100vh;
}
.colonna3valli .sppb-addon-header h4{
  color: #203c82;
}
.colonna3valli > div{
  height:100%;
}
.colonna3valli > div  div:nth-child(1) div{
  height:100%;
}
.colonna3valli > div > div:nth-child(1){
  position: absolute;
  width: 100%;
   height:100%;
}
.link a{
      display: block;
    height: 100%;
}
.txt3valli .sppb-addon-title{
  position:relative;
   margin: 50% 0 20% 0;
    z-index:-1;
      display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
      text-shadow: 0px 0px 10px #000000, 0px 0px 20px #000000, 0px 0px 30px #000000;
}
#sp-main-body .sppb-addon-text-block.txt3valli h3.sppb-addon-title{
color: #ffffff!important;
}
.txt3valli .sppb-addon-title:before{
  content:"";
  /*border-top: 1px solid white;
  width:50%;
  height:0;
  position:absolute;
  top:50%;
  left:-60px;*/
      border-top: 1px solid;
    flex: 1 0 20px;
}
.colonna3valli h4{
  position: absolute;
    top: 0;
    right: 0;
  z-index: 99999;
  background: #ffffff;
}

.txt3valli .sppb-addon-content{
  color:transparent;
  transition: all 0.5s;
  padding-left: 60px;
}
.colonna3valli:hover .txt3valli .sppb-addon-content{
  color:inherit;
}

/* distretti */
.slides_container {
  overflow: visible!important;
}
.bt-cs .bt-row {
    overflow: visible; 
}
.bt-cs .bt-inner /*img*/{
  width:100%!important;
  border:0;
   transform: scale(0.9); 
  transition:  all 0.5s;
  padding: 0px 15px;
  overflow:hidden;
}
.bt-cs .bt-inner .bt-center .bt-image-link{
	background: black;
    display: block; 
}
.bt-inner:hover/* img*/{
  transform: scale(1.1); 
}
.bt-inner:hover img{
      opacity: 1!important;
}
.bt-inner:hover .bt-title{
     opacity: 0!important;
}
.bt-inner:hover .bt-center .bt-image-link{
     background: white;
}
.bt-cs .bt-inner img{
  outline:0;
  border:0;
      max-width: 100%;
    margin: 0;
  opacity:0.7;
  transition:  opacity 0.5s;
}
.bt-cs .bt-inner .bt-title{
  position:absolute;
  bottom:10%;
  right:10%;
  color:white;
  z-index:1;
      font-family: Arapey, sans-serif;
      font-size: 40px;
    font-weight: normal;
    text-transform: capitalize;
	display: flex;
    width: 86%;
    justify-content: flex-end;
    align-items: center;
  transition:  opacity 0.5s;
}
.bt-cs .bt-inner .bt-title:before {
    content: "";
    border-top: 1px solid;
    flex: 1 0 20px;
}
.shortheader .sp-page-title{
  height: calc(80vh - 90px);
}
.supershortheader .sp-page-title{
  height: calc(60vh - 90px);
}
#sp-title{
  position:relative;
}
#sp-title .sp-module {
    margin-top: 0px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .bt-cs .bt-inner .bt-title{
    line-height:1;
    font-size:1.4em;
  }
}
/* inner ristorante */
#navigationRestaurant{    
    z-index: 99!important;
    position: fixed!important;
    bottom: 0;
}
.sp-page-title{
    /*height: calc(80vh - 90px);*/
  height: 100vh;
      min-height: 290px;
      background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.sp-page-title .container{
	color:white;
  height:100%;
      transform: translateY(50%);
}

.sp-page-title h1{
  position: relative;
      margin-top: 0;
      text-shadow: 0px 0px 10px #000000, 0px 0px 20px #000000, 0px 0px 30px #000000;
}
.sp-page-title h1:before{
    content: "";
    border-top: 1px solid;
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left:  calc(-100% - 15px);
}
.subtitleheader{
  font-weight:normal;
      text-shadow: 0px 0px 10px #000000, 0px 0px 20px #000000, 0px 0px 30px #000000;
}
.sppb-link-list-nav ul > li > a{
  position:relative;
}
.sppb-link-list-nav ul > li > a:after{
      content: "";
      position: absolute;
      top: 10%;
      left: 0;
      width: 100%;
      height: 2px;
      margin: 0;
      background: #203c82;
      display: block!important;
      opacity: 0;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
      width: 100%;
}
.sppb-link-list-nav ul  >li:hover > a:after{
  opacity: 1;
}
/*#navigationRestaurant */.btn-b{
  /*padding:18px;*/
  padding: 5px 25px;
  font-size:22px;
  margin-right:0px!important;
}
.btn-b{
  border:1px solid #203c82!important; /* #203c82 */
  color:#ffffff; /* #203c82 */
  background: #203c82;
  text-transform: uppercase;
      border-radius: 0;
  cursor:pointer;
}
.btn-b:hover{
  background: #ffffff;
  color: #203c82; /* #203c82 */;
}

#restaurant .phototitle .sppb-addon-title{
      position: absolute;
    bottom: 0;
    right: 0;
   /* background:rgba(255,255,255,0.5); */
      /*text-shadow: -4px 0px 0px white;*/
      /* -webkit-text-stroke: 1px #fff; */
      text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
.gradientphoto > .sppb-column-addons{
	background-image: linear-gradient(to bottom , rgba(255,255,255,0), rgba(255,255,255,0.4));
}
.phototitle .sppb-addon-title{
    z-index: 1;
     /* width: 100%;
    text-align: left;*/
  
  
      display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    /* text-align: center; */
}
.phototitle .sppb-addon-title:before{
  content:"";
  border-top: 1px solid;
  /*width:170%;
  height:0;
  position:absolute;
  top:50%;
  left:-350px;*/
  
      flex: 1 0 20px;
    /*margin: 0 20px 0 0;*/
      box-shadow: 0px 1px 0px white;
}
.noborderlato{
  border-right: 0!important;
    border-left: 0!important;
}
.incolonna .sppb-addon-image-layouts .sppb-btn,
.btn-a{
  border:1px solid #203c82!important;
  background:transparent;
  text-transform: uppercase;
  border-radius:0;
}
.incolonna .sppb-addon-image-layouts .sppb-btn:hover,
.btn-a:hover{
  background: #203c82;
  color:white;
}
.wrap{
      max-width: 600px;
    margin: 0 auto;
}
/**/
.scalehover .phototitle{
  transition: all 0.5s;
}
.scalehover .phototitle:hover{
  transform: scale(1.1);
}
.scalehover .phototitle a:hover{
  color:white!important;
}
/* person */
.staffrow{
  border-top:1px solid black;
  border-bottom:1px solid black;
}
.sppb-person-image{
  height: 234px;/*190px;*/
} 
.sppb-person-image img{
  width: 65%;
      object-fit: cover;
    height: 100%;
} 

/*djimageslider*/
.slider_semi_statico .djslider-loader{
  padding-bottom: 0!important;
}
.mfp-counter{
  display:none;
}
.djslider-default .navigation-container .next-button{
    right: -16px;
    background: rgba(255,255,255,0.7);
    padding: 21px 8px;
    width: 41px;
      outline: none;
}
.djslider-default .navigation-container .prev-button{
  left: -16px;
    background: rgba(255,255,255,0.7);
    padding: 21px 8px;
    width: 41px;
      outline: none;
}
.navigation-container{
      top: 36%!important;
}
.djslider-default img.dj-image{
      width: 100%!important;
    height: 100%!important;
    object-fit: cover;
}
.slide-title{
  position: absolute;
    bottom: 50px;
    right: 5%;
    color: white;
    z-index: 1;
    font-family: Arapey, sans-serif;
    font-size: 35px!important;
    font-weight: normal!important;
    text-transform: capitalize;
    display: flex;
    width: 95%;
    justify-content: flex-end;
    align-items: center;
    text-shadow: 0px 0px 10px #000000, 0px 0px 20px #000000, 0px 0px 30px #000000;
}
.djslider-default .slider-container, .djslider-loader-default{
  /*    overflow: visible;*/
  outline:none;
}
.djslider-loader .slider-container li{
  transition:  all 0.5s;
}
.djslider-loader .slider-container li:hover{
  transform: scale(1.16);
}
.slide-title:before {
    content: "";
    border-top: 1px solid;
    flex: 1 0 20px;
}
.slide-desc-text-default{
  padding:0;
}
.slide-text{
  display:none;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: default;
}
.mfp-image-holder .mfp-content{
      vertical-align: unset;
  box-shadow: 0 0 100px rgba(0,0,0,.6);
}
.mfp-bg {
    background: white;
    opacity: .4;
}
img.mfp-img {
    width: 100%;
    height: 303px;
  object-fit: cover;
      padding: 0px;
}
.mfp-bottom-bar{
      background: #eceff1;
      margin-bottom: 25px;
    box-shadow: 0 0 100px rgba(0,0,0,.6);
}
.mfp-figure:after{
  box-shadow:0;
}
.mfp-title{
  color:black;
      padding: 0 36px;
}
.mfp-title .mjtitle{
    position: absolute;
    top: -125px;
    right: 5%;
    color: white;
    z-index: 1;
    font-family: Arapey, sans-serif;
    font-size: 40px;
    font-weight: normal;
    text-transform: capitalize;
    display: flex;
    width: 95%;
    justify-content: flex-end;
    align-items: center;
      text-shadow: 0px 0px 10px #000000, 0px 0px 20px #000000, 0px 0px 30px #000000;
}
.mfp-title .mjtitle:before {
    content: "";
    border-top: 2px solid;
    flex: 1 0 20px;
}
.mfp-title .mjpopup{
  padding-top:20px;
}
button.mfp-arrow{
  display:none!important;
}
button.mfp-close{
      top: 0px;
    right: 0px!important;
  opacity:1;
}
.mfp-title ul{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.mfp-title ul li {
    margin-bottom: 3px;
    font-size: 17px;
    font-weight: 400;
}
.mjpopup a{
  display: block;
    text-align: center;
}
#book_btn{ 
	background: #203c82;
    color: white;
    display: block;
    text-align: center;
    padding: 8px 0;
    font-family: "Arapey";
    text-transform: uppercase;
    margin-bottom: 16px;
}
/**/
/*innerhotel*/
.halfback{
      background-size: 50%!important;
}
#hotelinfo .sppb-col-md-6{
   background: #eceff1;
}
 .infobox > div{
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
#intropagehotel .sppb-container-inner .sppb-row .sppb-col-md-5 > div.sppb-column{
          margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
#intropagehotel .sppb-container-inner .sppb-row .sppb-col-md-5{
  background-color: #eceff1;
}

@media (min-width: 768px){
	.infobox{
      display:block;
    }
    .infobox > div{
      width: 750px;
      padding:0px;
          margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    }
  #intropagehotel .sppb-container-inner .sppb-row .sppb-col-md-5 > div.sppb-column{
      width: 750px;
     padding:0px;
          margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px){
	.infobox{
      display:block;
    }
    .infobox > div{
      width: 470px;
        float: right!important;
      padding:30px 0px
    }
  #intropagehotel .sppb-container-inner .sppb-row .sppb-col-md-5 > div.sppb-column{
      width: 405px;
    float: right!important;
    padding: 30px 15px;
  }
}

@media (min-width: 1200px){
	.infobox{
      display:block;
    }
    .infobox > div{
      width: 570px;
        float: right!important;
      padding:30px 0;
      
    }
  
  #intropagehotel .sppb-container-inner .sppb-row .sppb-col-md-5 > div.sppb-column{
      width: 487px;
    float: right!important;
    /*padding: 30px 15px;*/
    padding: 30px 30px 30px 0;
  }
}
/*

sppb-col-md-6{
    background: #eceff1;
}
sppb-column-addons {
    width: 585px;
    float: right!important;
}*/
#navigationHotel{
   z-index:99!important;
  position: fixed!important;
    bottom: 0;
}
#navigationHotel.fixedmenu{
  position:fixed!important;
  top:90px!important;
}
#navigationHotel.absmenu, #navigationRestaurant.absmenu{
  position: absolute!important;
  /*bottom: -464px;*/
}
#slider_header.page_header .sppb-carousel-pro .sppb-item {
    /*height: calc(80vh - 90px);
    min-height: 290px;*/
}
#slider_header h1{
  text-shadow: 0px 0px 10px #000000, 0px 0px 20px #000000, 0px 0px 30px #000000;
}
#slider_header.page_header .bilbotxt{
  font-weight:600;
  font-size: 23px;
      text-shadow: 0px 0px 10px #000000, 0px 0px 20px #000000, 0px 0px 30px #000000;
}
.long-list ul{
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}
.long-list ul li{
  margin-bottom: 14px;
}
.double-list ul{
      columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.double-list ul li{
  margin-bottom: 20px;
  margin-right: 80px;
}
ul {
  list-style: none; /* Remove default bullets */
  padding-inline-start: 18px;
}
.long-list ul li::before, .double-list ul li::before, .mfp-title ul li::before{
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #b0bec5	; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}


#location{
      border-top: 1px solid black;
}
.title-image > div > div{
      width: max-content;
    display: inline-block;
}
.title-image img{
      vertical-align: unset;
}
/* footer le soste  */
#sp-footer2 .sp-module ul >li >a:before{
  display:none;
}
#sp-footer2 .sp-module ul >li{
  border:0;
  padding: 7px 0;
}
#sp-footer2 .sp-module ul >li >a{
  font-size: 18px;
  line-height: 1;
}
#sp-footer2 .menu-privacy ul >li >a{
    font-size: 15px;
  line-height: 1;
}
.footer-sito{    
  border-top: 5px solid #203c82;
    margin: 50px 0 0 0;
  overflow: hidden;
}
.sppb-addon-icons-group{
  width:60%;
}
.sppb-icons-group-list{
      margin: 0 auto!important;
}
.sppb-icons-group-list a:hover{
  color:#203c82!important;
}
.logo-footer-soste{
  width: 60%;
  /*margin: 0 auto!important;*/
}

/* footer visioni */
#sp-footer{
  background:#ffffff;
  color:#000000;
}
#sp-footer a {
    color: #000000!important;
}
/**/
.footer-visioni-row {
    text-align: center;
}
.footer-visioni-row #svg2{
  width: 62px;
  height: 24px;
}
.footer-visioni-row #bmg-logo{
  width: 117px;
  height: 27px;;
}
.footer-visioni-row .logo, .footer-visioni-row .copy{
  padding: 16px;
}
.footer1 {
    padding: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
    font-size: 14px;
}

/* off-canvas */
.offcanvas-menu .offcanvas-inner .sp-module:first-child{
	padding-bottom: 0px;
	padding-top: 70px;
}
.offcanvas-menu .offcanvas-inner .sp-module{
  border:0;
      margin-bottom: 30px;
}
.offcanvas-menu{
  background-color: white;
}
.close-offcanvas{
  color: #203c82;
  border-color: #203c82;
}
.close-offcanvas:hover{
    background: #203c82;
}
#offcanvas-toggler >i {
    color: #203c82;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a{
  color: #203c82;
}
.offcanvas-inner li:hover{
 /* background:#203c82;*/
}
.offcanvas-inner a:before{
 display:none;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  #navigationRestaurant a {
    margin-right: 84px!important;
  }
  #navigationRestaurant .btn-b {
    padding: 12px;
  }
}

/* popup ristorante */
.popup-form label{
  color: white;
    font-size: 0.7em;
}
/*#sp-popup-*/#form-ristorante{
      position: fixed!important;
    z-index: 9999!important;
    top: 0px;
    /* margin: 0 auto; */
    width: 100%;
    display: none;
}
#form-ristorante{
       background: rgba(0,0,0,.8);
    /*width: 80%;*/
    margin: 0 auto;
    padding: 50px;
    /*border: 1px solid black;
    border-radius: 25px;*/
  height: 100vh;
      overflow-y: auto;
    overflow-x: hidden;
}
#form-ristorante .close-popup{
      position: fixed;
    right: 0;
}
#form-ristorante .sppb-addon-form-builder-form .sppb-form-group{
      /*padding: 0!important;*/
}
#form-ristorante .sppb-addon-form-builder-form .input, .sppb-addon-form-builder-form textarea{
      background: rgba(255,255,255,0.8);
}
#form-ristorante form .sppb-btn-default {
    color: #ffffff;
    background-color: #203c82;
  text-transform:uppercase;
    border: 0;
      padding: 15px 18px;
  margin-top: 1px!important;
    margin-left: -1px!important;
}
#form-ristorante form .sppb-btn-default:hover {
    color: #203c82;
    background-color: #ffffff;
  text-transform:uppercase;
    border: 0;
      padding: 15px 18px;
  margin-top: 1px!important;
    margin-left: -1px!important;
}
#form-ristorante form{
  width: 50%;
    margin: 0 auto!important;
}
#form-ristorante .sppb-form-group{
  /*width: 100%!important;*/
}
#form-ristorante .sppb-form-builder-btn{
  margin-right:0!important;
}
#form-ristorante > .sppb-container-inner > .sppb-row > .sppb-col-md-12:nth-child(2) > .sppb-column{
      z-index: 0;
}
/* vista blog */
/*.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title{
      font-size: 25px;
}*/
.sp-simpleportfolio .sp-simpleportfolio-filter>ul {
	display: flex;
	flex-wrap: wrap;
}
.sp-simpleportfolio .sp-simpleportfolio-filter>ul li[data-group="moscow-russia"],
.sp-simpleportfolio .sp-simpleportfolio-filter>ul li[data-group="mosca-russia"] {
	order: 1;
}
.sp-simpleportfolio .sp-simpleportfolio-filter>ul li[data-group="moscow-russia"] a,
.sp-simpleportfolio .sp-simpleportfolio-filter>ul li[data-group="mosca-russia"] a {
	background: #d8dee3;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info{
      padding: 0;
      padding-bottom: 10px;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {
    font-size: 25px;
    line-height: 1;
    min-height: 50px;
  height:auto;
      padding: 20px 20px 0;
}
.sp-simpleportfolio-desc{
  font-size:1em;
      height: 60px;
}
.sp-simpleportfolio-desc p{
  margin: 5px 0!important;
      padding: 0 20px;
}
.sp-simpleportfolio-desc p:nth-child(3){
  padding-bottom:10px;
}
.sp-simpleportfolio-desc hr{
  margin-top: 0px;
  margin-bottom: 0px;
}
.sp-simpleportfolio-tags{
  font-size:0.8em;
	    padding: 0 20px;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
  background: #203c82;
  border-color: #203c82;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {
    margin: 5px 5px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a{
  background: transparent;
    color: #203c82;
    border: 1px solid #203c82;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a, .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover{
  background: #203c82;
  color:#ffffff;
}


.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover {
  background: #203c82;
}


/*gallery spimagegallery*/
.speasyimagegallery-gallery-item-content{
  opacity: 1;
}
.speasyimagegallery-gallery-item-title{
      font-family: Arapey, sans-serif;
    font-size: 35px!important;
    font-weight: normal!important;
    text-align: center;
}

#navigationRestaurant a {
    margin-right: 116px!important;
}

/* galleria statica */
.static-gallery .sppb-addon-image-content .sppb-image-holder{
  width:100%;
}
.static-gallery .sppb-addon-image-content .sppb-col-sm-6{
    max-width: none;
    -ms-flex: none;
    flex: none;
  margin:0;
  padding: 0;
}
.static-gallery .sppb-content-holder {
    padding: 10px 20px 10px 0px!important;
      background: rgba(0,0,0,0.4);
}
.static-gallery .sppb-image-content-title{
    color: white;
    z-index: 1;
    font-size: 35px!important;
    display: flex;
    width: 100%;
      margin: 50% 0 10% 0;
    justify-content: flex-end;
    align-items: center;
    text-shadow: 0px 0px 10px #000000, 0px 0px 20px #000000, 0px 0px 30px #000000;
}
.static-gallery .sppb-image-content-title:before {
    content: "";
    border-top: 1px solid;
    flex: 1 0 20px;
}
.static-gallery .sppb-image-content-text{
  text-align:right;
  padding-left:20px;
  font-size: 17px;
    font-weight: 500;
  line-height: 1.3;
  height: 163px;
      text-shadow: 0px 0px 10px #000000, 0px 0px 20px #000000, 0px 0px 30px #000000;

}
.speasyimagegallery-gallery-item > div:after{
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%);
}

.list-exp > .sppb-row-container > div{
  display:block;
}
.list-exp .sppb-column-addons > div {
  flex: unset;
  max-width: none;
  height: max-content;
  float: left;
  display: inline-block;
}
.list-exp   .sppb-addon-overlay-image-content{
  height:250px!important;
}

@media (max-width: 1366px){
  .txt3valli .sppb-addon-title {
    position: relative;
    margin: 20% 0 10% 0;
  }
  .noborderlato{
    padding-right: 40px!important;
  }
}
@media (min-width: 992px){
 /*.speasyimagegallery-col-md-4 {
     width: 25%;
 }
  .speasyimagegallery-col-md-4:nth-child(5n+1){
     width: 50%;
 }
   .speasyimagegallery-col-md-4:nth-child(10n+6){
     float: right;
 }*/

    .list-exp > .sppb-row-container > div{
    display:block;
  }
 .list-exp .sppb-column-addons > div {
     width: 25%;
     flex: unset;
     max-width: none;
     height: max-content;
     float: left;
     display: inline-block;
 }

   .list-exp .sppb-column-addons > div:nth-child(5n+1){
     width: 50%;
     max-width:none;
 }
   .list-exp .sppb-column-addons > div:nth-child(10n+6){
     float: right;
 }
  .list-exp   .sppb-addon-overlay-image-content{
    height:250px!important;
  }
  .list-exp .sppb-column-addons > div:nth-child(5n+1)  .sppb-addon-overlay-image-content{
    height:500px!important;
  }
  .list-exp .overlay-image-title{
     /*   position: absolute;
    bottom: 25px;*/
  }
  
  
}
@media (min-width: 696px){
  .slider_semi_statico .navigation-container{
    display:none;
  }
}
@media (max-width: 1199px){
  #sp-header .sp-megamenu-parent >li >a, #sp-header  .sp-megamenu-parent >li >span {
    padding: 0px 14px;
  }
}
@media (max-width: 991px){
  .safari_only {
  background-attachment: scroll!important;
}
  #slider_header .sppb-carousel-pro .sppb-item,
  .sp-page-title{
        height: 46vh;
  }
    #offcanvas-toggler{
      font-size: 25px;
  }
  #sp-header #sp-top3 {
    position: relative;
    right: unset;
    padding-right: 0px;
  }
 /* #sp-logo .logo img{
  height:auto;
}*/
  #navigationRestaurant a {
      margin-right: 0px!important;
  }
  .underlinetitle.sidepos h6:after {
    width: calc( 100% + 20px );
    left: -20px;
  }
  #slider_header h1, #slider_header h2{
    font-size: 50px;
  }
  #row3valli .sppb-row {
    height: 60vw;
    margin: 0 -3px;
  }
  #row3valli .link a{
    height: auto;
    width: auto;
    background: #ffffff;
    position: absolute;
    bottom: 15px;
    visibility:hidden;
    opacity:0;
    padding: 7px 12px 3px;
    right: 10px;
    transition:all 0.5s;
  }
  #row3valli .colonna3valli:hover .link a{
        visibility:visible;
    opacity:1;
  }
  html[lang="it-it"] #row3valli .link a:before{
    content:"SCOPRI";
  }
   html[lang="en-gb"] #row3valli .link a:before{
    content:"DISCOVER";
  }
  .txt3valli .sppb-addon-title {
    margin: 25% 0 10% 0;
  }
  .txt3valli .sppb-addon-content{
    padding-left: 25px;
        font-size: 80%;
    line-height: 1.3;
  }
  .sppb-addon-image-content {
    overflow: hidden;
  }
  .sppb-addon-image-content .sppb-image-holder{
    position:absolute;
    height:100%;
  }
  .mod-languages {
    margin: 0 50px;
  }
  /*static gallery */
  .static-gallery .sppb-col-sm-12 .sppb-image-content-title{
    margin: 15% 0 2% 0;
  }
  .static-gallery .sppb-col-sm-12 .sppb-image-content-text{
    height: 140px;
  }
  .sppb-person-image{
    height:auto;
  }
  /**/
   .list-exp .sppb-column-addons > div {
     width: 33.333%;
  }
  /**/
  .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {
    font-size: 25px;
    line-height: 1;
    min-height: 70px;
  }
  /**/
  .mod-list.sppb-row > li .img-list img {
        height: 27vw;
  }
}
@media (max-width: 767px) {
  #offcanvas-toggler{
    margin-left: 0;
    float: unset;
    text-align: center;
  }
  .sp-page-title .container {
    height: auto;
    transform: translateY(90px); /*30%*/
  }
    #sp-logo .logo img{
  /*height:50%;*/
  }
  .shortheader .sp-page-title {
    /*height: calc(90vh - 90px);*/
    height:60vh;
  }
  h1{
    font-size: 40px;
  }
  #slider_header h1, #slider_header h2{
    font-size: 30px; /*40px*/
  }
  #slider_header.home_header p{
        font-size: 16px;
  }
  #row3valli .sppb-row {
    height: auto;
  }
  .txt3valli .sppb-addon-title {
    margin: 10% 0 5% 0;
	}
  
  #row3valli .sppb-row > div {
    border-bottom: 3px solid white; /*10px solid white;*/
  }
  .txt3valli .sppb-addon-content{
    display:none;
  }
  #row3valli .link a{
    bottom: 12px;
    right: 29px;
  }
  .bt-cs .bt-row {
    width: 50%!important;
  }
	#form-ristorante form{
  		width: 90%;
	}  
  
  .bt-cs .bt-inner {
    transform: scale(1);
  }
  .bt-inner:hover/* img*/{
    transform: scale(1.1); 
  }
  .bt-cs .bt-inner .bt-title {
    font-size: 29px;
    line-height: 1;
  }
  .logo-footer-soste{
    margin: 0 auto!important;
  }
  .logo-footer-soste img{
	max-width:200px;    
  }
  .logo-footer-soste > div {
	text-align: center;  
  }
  .sppb-addon-icons-group{
     margin: 0 auto!important;
  }
  #sp-footer2 .sp-module ul >li >a {
    width: max-content;
    margin: 0 auto;
  }
  #sp-footer2 .menu-privacy ul >li >a {
       width: auto;
    margin: 0 16px;
  }
  #sp-footer2 .sppb-addon-title{
    text-align: center;
  }
  .menu-privacy ul{
        text-align: center;
  }
  /*static gallery*/
  #lista-card-distretti .static-gallery{
    padding:0!important;
  }
  .static-gallery .sppb-col-md-4{
        height: 98vw;
    margin: 7px 0!important;
  }
  .static-gallery .sppb-image-content-title {
   /* margin: -52px 0 0px 0!important;
    position: absolute;
    left: -91px;
    width: calc( 100% + 76px);*/
    margin:0!important
  }
  .static-gallery .sppb-image-content-text {
    height: auto;
    /*color: black;*/
    margin: 10px 0px 20px 0px;
    /*text-shadow:none;*/
  }
  .static-gallery .sppb-content-holder {
    /*padding: 0px!important;
    background: none;
    padding-right: 15px!important;*/
  }
  .list-exp .sppb-column-addons > div {
     width: 50%;
  }
  .list-exp .sppb-addon-title{
    font-size: 1.2em!important;
	}
  /**/
  #sp-footer1 .logo a {
    display:block;
  }
    /**/
  .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {
    min-height: 50px;
  }
  .mod-list.sppb-row > li .img-list img {
        height: 58vw;
  }
}

/* necessario per articoli con Editor PageBuilder */
/*.body-wrapper{
  overflow-x: hidden;
}*/
.body-innerwrapper{
      /*overflow-x: unset;*/
}
.sppb-row-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .sppb-row-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .sppb-row-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .sppb-row-container {
    width: 1170px;
  }
}
.entry-header{
  margin-bottom:0px!important;
}

/* form newsletter finto */
.tempform.sppb-addon-form-builder-form{
  margin: 0 auto!important;
  width: 50%;
}
.tempform .sppb-form-builder-btn {
  width: auto;
  margin: 0!important;
}
.tempform .sppb-form-group.sppb-form-builder-field-0 {
    padding: 0!important;
  width: 80%!important;
}
.tempform .sppb-form-group.sppb-form-builder-field-0 input{
  border-radius:0;
}
.tempform .sppb-btn-default {
    color: #ffffff;
    background-color: #bd1c35;
    border: 0;
      padding: 15px 18px;
  margin-top: 1px!important;
    margin-left: -1px!important;
}
@media (max-width: 767px) {
  #people.staffrow .sppb-col-md-9.sppb-col-xs-6{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
 .tempform .sppb-form-group.sppb-form-builder-field-0 {
    width: 68%!important;
  } 
  .speasyimagegallery-gallery-item-title {
    font-size: 1.2em!important;
  }
  
  .mfp-title {
    padding: 0px 6px;
  }
  .mfp-title ul li {
    margin-bottom: 2px;
    font-size: 12px;
  }
  
  .long-list ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
  .long-list ul li {
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 1.2;
  }
  
  .double-list ul {
    columns: 2;
    -webkit-columns: 1;
    -moz-columns: 2;
  }
  .double-list ul li {
    font-size: 90%;
    margin-bottom: 20px;
    margin-right: 0px;
  }
  .title-image > div > div {
    width: auto;
  }
}
@media (max-width: 360px) {
  .bt-cs .bt-inner .bt-title{
    display:none;
  }
}
@media (min-width: 341px) and (max-width: 480px) {
  .slide-title {
    font-size: 25px!important;
        bottom: 20px;
  }
}

/*calendario jquery*/
.ui-widget-header, .ui-widget.ui-widget-content {
  background:white!important;
}
.ui-widget.ui-widget-content{
    background: #ffffff;
    color: black;
  	z-index: 999999999!important;
}
.ui-datepicker{
    z-index: 10!important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    display: inline-block;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 0.9em!important;
    margin: -4px 0!important;
  	padding: 0!important;
      color: black;
}
.ui-state-focus{
  background: #203c82!important;
  color:white!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background:none!important;
}
.ui-widget{
  font-family: none!important
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #203c82!important;
	background: #203c82!important;
  color:white!important;
}
.ui-datepicker.ui-datepicker-multi {
    font-size: 0.9em;
}

/* booking bar */
.bookingbar_box{
    position: absolute;
    top: -193px;
    right: 0;
    background-color: white;
    box-shadow: -2px 2px 15px #888888;
    color: #203c82;
    text-align:center;
  height:0;
  overflow:hidden;
}
.bookingbar_box.openbbar{
  height:auto;
}
.bookingbar_box > div > a{
  margin: 11px 0;
    display: block;
      font-weight: 600;
}
/*.fxm*/ #ui-datepicker-div{
  /*z-index: 9999!important;
  top: unset!important;
  position: fixed!important;
  bottom: 234px;*/
}
.offers_col{
  padding:0 15px;
}
#my_bbar .ui-datepicker-trigger{
  visibility: hidden;
  height: 0;
}
#my_bbar label, #my_bbar button{
  /*font-size: 15px;*/
      color: #555555;
}
#my_bbar .hiddendiv{
  width: 0!important;
  display: inline-block;
  position: absolute!important;
  bottom: 0px;
  left: 5px;
}
#my_bbar{
  box-sizing: border-box;
  max-width: 100%;
  width: fit-content;
  width: -moz-max-content;
  text-align: center;
  margin: auto;
  
  text-transform: uppercase;
  /* height: 90px; *//*116px;*/
  /* display: flex; */
  width: 257px;
}
#my_bbar .box-bar.arrival, #my_bbar .box-bar.departure{
  border: 1px solid #b0bec5;
   width: 110px;
  margin: 10px 3px;
}
#my_bbar .box-bar{
 
  height: 100%;
  display: inline-block;
  position: relative;
  margin: 0px;
  box-sizing: border-box;
  padding: 0px;
  width:100%;
}
#my_bbar .box-bar label{
    display: block;
    padding-top: 10px;
    /*text-align: left;*/
      margin-bottom: 0;
}
#my_bbar hr{
    /*display: inline-block;
    border: 1px solid;
    width: 18px;
    margin: 5px;*/
  display:none;
}
#my_bbar .box-bar > div {
    position: relative;
    /*width: 70%;*/
  margin: 0 auto;
}
#my_bbar .box-bar div div{
    display: block;
}
#my_bbar .giorno{
  font-size: 40px;
    line-height: 1;
  font-family: Arapey, sans-serif;
}
#my_bbar .mese{
    position:relative;
    text-transform: uppercase;
  font-weight: 600;
  font-size: 17px;
  color: #b0bec5;
  padding-bottom: 23px;
}
#my_bbar .mese:after{
    content:"";
    position: absolute;
    top: 20px;
    left: 50%;
    width: 15px;
    height: 15px;
    margin-left: -8px;
    border-left: 4px solid;
    border-bottom: 4px solid;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-sizing: border-box;
    border-color: #203c82;
}
#my_bbar .opencal:hover .mese:after, #my_bbar .openguest:hover .mese:after{
  /*top: 44px;*/
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  animation-iteration-count:infinite;
  
}
#my_bbar .box-bar.guest{
  display:none;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%   {top:20px; opacity:1}
  30%   {opacity:1}
  80%   {opacity:0}
  100%  {top:35px; opacity:0}
}

/* Standard syntax */
@keyframes example {
  0%   {top:20px; opacity:1}
  30%   {opacity:1}
  80%   {opacity:0}
  100%  {top:35px; opacity:0}

}
#my_bbar .custom-combobox input{
  width: 50px;
  border-radius: 0;
  border: none!important;
  outline: none;
  font-size: 40px!important;
  line-height:1;
  text-align: center;
  padding:0!important;
  color:inherit;
  font-family: inherit!important;
  font-weight: 300;
  font-style: normal;
  margin-top: -5px;
  background-color: rgba(255,255,255,0)!important;
}
#my_bbar .ui-button{
  display: none;
}
#my_bbar .ui-menu{
  width: 50px;
}


#my_bbar button{
    border: 0;
    width: calc( 100% - 24px );
    height: 100%;
    padding: 9px 0;
    background: #203c82;
    cursor: pointer;
    color: white;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 3px;
    -webkit-transition: background 0.5s;
  	-moz-transition: background 0.5s;
    transition: background 0.5s;
  font-family: Arapey, sans-serif;
}
#my_bbar button:hover{
	color: #203c82; /*#00a9a9;*/
  background: #a5bad5;
}
#my_bbar .vl{
  display:none;
}
#my_bbar .fa {
    font-size: 23px;
}


.openguest{
  cursor: pointer;
}
#booking-row{
    transform: translateY(-35px);
    z-index: 10!important;
}
@media screen and (max-width:991px) {
  .bookingbar_box {
        right: 50%;
    transform: translateX(50%);
  }
  /* regola temporanea per posizionare l'icona hamburger prima dell'attivazione di ENCHANTED */
  #sp-menu{
    float: right;
  }
}
@media (max-width: 767px) {

}
@media (max-width: 575px) {

  	.ui-datepicker.ui-datepicker-multi{
    	left:0!important;
      	width: 100%!important;
  	}
}
@media screen and (max-width:480px) {
  	.ui-datepicker-multi .ui-datepicker-group {
    	float: none!important;
    	width: 100%!important;
	}
 	 .ui-datepicker.ui-datepicker-multi {
    	width: auto;
    	font-size: 1.1em;
	}
  .fxm #ui-datepicker-div {

    top: 0px!important;

  }
  .sppb-addon-icons-group {
      width: 70%;
  }
}
/*#lista-card-distretti .sppb-section.static-gallery .sppb-col-md-4.sppb-col-sm-6 .sppb-column-addons div*/
#lista-card-distretti .sppb-section.static-gallery .sppb-col-md-4 .sppb-column-addons div{
  height:100%;
}
/**/
.bmgrow{
  position:absolute;
  bottom:70px;
  width: 100%;
  max-width: 100vw;
}
.shortheader .bmgrow{
  bottom: 5px;
}
#my_bbar.bcluster{
  width:100%;
}
#my_bbar.bcluster .form-inline.bmg-widget-bbar * + * {
    margin-left: 0;
  flex-wrap: unset;/**/
}
#my_bbar.bcluster .form-inline.bmg-widget-bbar{
      display: flex;
      align-items: center;
  justify-content: center;
      font-family: Arapey, sans-serif;
    text-transform: none;
}
#my_bbar.bcluster  .form-inline.bmg-widget-bbar > .form-group{
  background: white;
    border-left: 1px solid #b0bec5;
  padding: 0px 12px;
      height: 70px;
    align-items: center;
  margin-bottom: 0;
     display: flex!important;
  transition:all 0.5s;/**/
  /*overflow:hidden;/**/
}
#my_bbar[data-module=ibe].bcluster  .form-inline.bmg-widget-bbar > .form-group[data-if-not-module=toggle-hide]{
      max-width: 143px;
}
#my_bbar[data-module=res].bcluster  .form-inline.bmg-widget-bbar > .form-group[data-if-not-module=toggle-hide]{
  display: none!important;
     /* display: flex!important;
      max-width: 0;
      padding: 0;
      border: 0;*/
}
#my_bbar.bcluster  .form-inline.bmg-widget-bbar > .form-group:first-child{
  background:#eceff1;
  border: 0;
}
#my_bbar.bcluster  .form-inline.bmg-widget-bbar > .form-group:last-child{
  padding: 0px;
}
#my_bbar.bcluster .form-group .form-control{
        background: unset;
    border: 0;
    box-shadow: unset;
   /* height: 70px;*/
  height: auto;
  padding: 0;
      font-size: 20px;
}
#my_bbar.bcluster .form-group .form-control.hasDatepicker{
  width:100px;
}
#my_bbar.bcluster .input-group-addon{
      background-color: unset;
    border: 0;
    border-radius: 0px;
      color: #203c82;
}
#my_bbar.bcluster .form-group b {
    font-weight: normal;
}
#my_bbar.bcluster button{
  width: auto;
    border-radius: 0;
    padding: 0 10px;
    height: 70px;
    font-family: Josefin Sans, sans-serif;
    font-weight: 300;
    font-size: 20px;
  letter-spacing: 1px;
}
#my_bbar.bcluster .form-group.guests-select-detail{
    bottom: 58px;
    top: unset!important;
    border-radius: 0!important;
    box-shadow: unset!important;
    left: 0;
    right: 0;
    width: 100%;
}
.guests-select-detail:before, .guests-select-al{
  display:none!important;
}
#my_bbar_guests-select > .form-group{
  display: flex;
}
#my_bbar .form-control {
    -webkit-appearance: auto;
    -moz-appearance: auto;
	appearance: auto;
}
#my_bbar.bcluster #my_bbar_guests-select > .form-group:nth-child(2){
  display:none!important;
}
#my_bbar.bcluster .glyphicon{
    font-family: 'Font Awesome 5 Free';
      font-weight: 600;
  color: #203c82;
}
#my_bbar.bcluster .glyphicon:before{
      content: "\f073";
}
@media screen and (max-width:1330px) {/*1024px*/
  .bmgrow {
    bottom: 16px;
  }
  #my_bbar.bcluster .form-inline.bmg-widget-bbar{
    display: block;
    width: auto;
  }
  #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group{
    /*display: block;
    width: 50%;
    min-width: 340px;*/
    width: 50%;
    float: left;
  }
  #my_bbar.bcluster  .form-inline.bmg-widget-bbar > .form-group{
    height: 46px;
    border:0;
  }
  #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:nth-child(-n+3){
        width: 33.3333%;
    background: #eceff1;
  }
  #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:nth-child(n+4){
    width: 33.33333%;
  }

  #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:nth-child(2n+2),
  #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:nth-child(5){
    border-left: 1px solid #b0bec5;
  }
  #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:last-child{
    width:100%;
    border:0;
  }
  #my_bbar[data-module=ibe].bcluster .form-inline.bmg-widget-bbar > .form-group[data-if-not-module=toggle-hide] {
    max-width: unset;
}
  #my_bbar.bcluster button{
        height: 46px;
        width: 100%;
  }
  #my_bbar.bcluster .form-group .form-control{
    width: 100%;
  }
  #my_bbar.bcluster .form-inline .input-group{
    width: 100%;
  }
  #my_bbar.bcluster #my_bbar_guests-select{
        width: 100%;
  }
  #my_bbar.bcluster #my_bbar_guests-select .form-group{
        width: 100%;
        display: flex;
    align-items: center;
  }
  #my_bbar.bcluster #my_bbar_guests-select .form-group label,
  #my_bbar.bcluster #my_bbar_guests-select .form-group select{
        width: 50%;
    float: left;
  }
  .bmg_hotel #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:nth-child(n+2){
     width: 33.33333%;
      background: #ffffff;
  }
  .bmg_hotel #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:nth-child(2),
  .bmg_hotel #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:last-child{
    width: 100%!important;
  }
}
@media (max-width: 991px) {
    .bmgrow {
    position: relative;
    bottom: unset;
  }
  .bmgrow.view{
        bottom: 7px;
  }
  #sp-page-title #sp-title > .sp-column {
    display: flex;
    flex-wrap: wrap;
        flex-direction: column;
  }
  #sp-page-title #sp-title > .sp-column .sp-page-title{
    order: 1;
  }
  #sp-page-title #sp-title > .sp-column .bmgrow{
        order: 3;
  }
}
@media (max-width: 767px) {
    #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group{
      transition:unset;
      
    border-left: 1px solid #b0bec5!important;
    border-bottom: 1px solid #b0bec5!important;

    }
  #my_bbar[data-module=res].bcluster .form-inline.bmg-widget-bbar > .form-group:nth-child(-n+3),
  #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:first-child,
  #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:nth-last-child(2){
    width: 100%!important;
  }
  #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:nth-child(-n+3),
  #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:nth-child(n+4) {
    width: 50%;
  }
  #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:nth-child(5){
    display:none;
  }
  #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:last-child {
    width: 100%;
  }
  #my_bbar.bcluster .form-group .form-control {
    font-size: 18px;
  }
  .bmg_hotel #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:nth-child(n+2){
     width: 50%;
      background: #ffffff;
  }
  .bmg_hotel #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:first-child{
    width: 100%;
  }
  .bmg_hotel #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:last-child{
    display:block;
     width: 100%;
  }
  .bmg_hotel #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:nth-child(4){
    display:none;
  }
  .bmg_hotel #my_bbar.bcluster .form-inline.bmg-widget-bbar > .form-group:nth-child(2n+2){
    border-left: 0px;
  }
}
#sp-bottom4{
  position: fixed;
    bottom: 100px;
    right: 0;
    z-index: 99;
    width: auto;
}
#sp-bottom4 .showbb, .bmgrow .showbb{
    transition:all 0.5s;
  width: 129px;
      transform: translateX(calc(100% + 15px));
      transition:all 0.5s;
      background:#203c82;
      color: #fff;
      border: 0;
      height: 60px;
      outline: none;
    box-shadow: none;
}
#sp-bottom4 .showbb:hover{
  
}
.bmgrow .showbb{
  height: 44px;
      visibility: hidden;
    opacity: 0;
  position: absolute;
    right: 15px;
    top: -44px;;
    transform: translateX(0px);
    z-index: 999;
    transition: all 0.5s;
  cursor:pointer;
}
.bmgrow.view .showbb{   
    visibility: visible;
    opacity: 1;
}

#sp-bottom4 .showbb.viewBtn, .bmgrow .showbb.viewBtn{
  transform: translateX(0%);
}
.bmgrow.view {
  position: fixed!important;
  z-index: 999999999!important;
}
@media screen and (min-width:769px) {
  
}
@media (max-width: 767px) {
  #sp-bottom4{
    bottom: 0px;
    right: 0;
    left: 0;
    padding: 0;
  }
  #sp-bottom4 .showbb{ /*, .bmgrow .showbb*/
    width: 100%;
    transform: translateY(100%);
    height: 50px;
  }
  #sp-bottom4 .showbb.viewBtn, .bmgrow .showbb.viewBtn{
    transform: translateY(0%);
  }
  .bmgrow .showbb {
    width: 44px;
}
  #sp-footer {
    padding-bottom: 30px;
  }
}
/**//**//**/
/* popup login */
.popuprow {
   z-index: -1;
}
.openpopup.hideiflogged .sppb-addon-title{
      cursor: pointer;
    display: inline-block;
      background: #203c82;
    padding: 7px!important;
    color: #ffffff;
}
.openpopup.hideiflogged .sppb-addon-title:hover{
      background: #a5bad5;
    color: #203c82;
}
#userpopuprow{
  border-bottom: 1px solid #203c82;
}
.popuprow.opened{
  z-index: 9999!important;
}
.userpopup_jmod{
      position: fixed!important;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(32, 60, 130, 0.87);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
      display: flex;
    align-items: center;
}
.popuprow.userlogged{
      z-index: 0!important;
}
.popuprow.userlogged .userpopup_jmod{
  opacity: 1;
    visibility: visible;
}
.popuprow.opened .userpopup_jmod{
  opacity: 1;
    visibility: visible;
    z-index: 9999;
      overflow-x: hidden;
}
.popuprow.userlogged .userpopup_jmod{
  background-color: unset;
    position: relative!important;
    top: unset;
    bottom: unset;
    right: unset;
    left: unset;
      display: block;
}
.popuprow.userlogged .mod-login-logout__login-greeting.login-greeting img{
  /*display: inline-block;
    padding-right: 15px;*/
}
.loginlogo{
  margin-bottom: 15px;
    height: 82px;
}
.popuprow.userlogged .mod-login-logout__button.logout-button{
      position: absolute;
    top: 0;
    right: 0;
      bottom: 0;
    display: flex;
    align-items: center;
}
.popuprow.userlogged .mod-login-logout__button.logout-button .btn{
	background: #203c82;
    border: 0;
    color: #ffffff;
    font-size: 20px;
    border-radius: 0;
      text-transform: uppercase;
    font-family: "Arapey";
}
.popuprow.userlogged .mod-login-logout__button.logout-button .btn:hover{
     background: #a5bad5;
    color: #203c82;
}
.popuprow.userlogged .mypopup1 > div{
  padding:0;
   width: auto;
  max-width: 100%;
  margin: 0;
}
.mypopup1 > div{
	padding: 30px;
    background-color: #ffffff;
    border-radius: 0;
    width: 700px;
    max-width: 90%;
    margin: 0 auto;
}
.mypopup1 form{
  position:relative
}
.mypopup1 .pretext.mb-2{
  color: #203c82;
    font-size: 2.19vw;
    font-family: "roc-grotesk",sans-serif;
    font-weight: 500;
    letter-spacing: 0.12vw;
}
.mypopup1 .pretext.mb-2 > div{
      display: flex;
    align-items: center;
  border-bottom: 0.16vw solid #203c82;
}
.mypopup1 .pretext.mb-2 img{    height: 2vw;
    height: 2.5vw;
    width: 2.5vw;
    padding: 0.2vw;
    border: 1px solid #203c82;
    border-radius: 50%;
    margin-right: 1vw;
}
.mypopup1 .input-group>.form-control{
      border: solid #000000;
    border-width: 1px;
    border-radius: 0;
    background-color: white!important;
      height: 40px;
}
.mypopup1 .input-group-text{
    border: 1px solid #000000!important;
    border-radius: 0;
    width: 159px;
    display: flex;
    justify-content: left;
    background-color: white!important;
    padding: 0px 12px;
}
.mypopup1 .input-group-text > span{
      padding-right: 5px;
}
.form-check-input{
      border: 2px solid black;
}
.form-check-input:checked {
    background-color: black;
    border-color: black;
}
.mypopup1 button.btn.login-button{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #203c82;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
  font-family: "Arapey";
    font-size: 22px;
}
#form-registrazione .close-reg .fa-close,
.mypopup1 .openpopup{
	height: 40px;
	width: 40px;
	padding:5px;
    border: 1px solid #203c82;
    border-radius: 50%;
	position:absolute;
	right:0;
    top: 0;
      transform: rotate(45deg);
}
#form-registrazione .close-reg .fa-close:before,
#form-registrazione .close-reg .fa-close:after,
.mypopup1 .openpopup:before,
.mypopup1 .openpopup:after{
	content:"";
	display: block;
	background: #203c82;
	position: absolute;
}
#form-registrazione .close-reg .fa-close:before,
.mypopup1 .openpopup:before{
	width: 30px;
	height: 2px;
	top: 50%;
	left: auto;
	right: auto;
}
#form-registrazione .close-reg .fa-close:after,
.mypopup1 .openpopup:after{
  width: 2px;
  height:30px;
  top: auto;
  bottom: auto;
  left: 50%;
}
.sppb-nav-tabs {
    border-bottom: 1px solid #203c82;
}
.sppb-nav-tabs>li>a{
      border: 1px solid #203c82;
}
.sppb-nav-tabs>li.active>a, .sppb-nav-tabs>li.active>a:focus, .sppb-nav-tabs>li.active>a:hover {
    background-color: #203c82;
    color: #ffffff;
}
/* popup registrazione */
#form-registrazione{
  display:none;
  align-items: center;
    justify-content: center;
      position: fixed!important;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(32, 60, 130, 0.87);
    transition: all 0.5s;
    z-index: 999!important;
}
.popupregistrazione{
    width: 700px;
    background: #ffffff;
      padding: 30px;
}
#form-registrazione.popup-form label{
  color:#000000;
}
#form-registrazione .sppb-addon-form-builder-form > .sppb-form-group{
      display: flex;
}
#form-registrazione .sppb-addon-form-builder-form > .sppb-form-group label{
    width: 200px;
    border: 1px solid black;
    min-height: 40px;
    padding: 6px 8px;
}
#form-registrazione .sppb-addon-form-builder-form > .sppb-form-group input{
      height: 40px;
    padding: 0 8px ;
}

#form-registrazione .close-reg {
    position: absolute;
  top:0;
    right: 0;
}
.switchlogin,
.openreg{
  font-size:18px;
  font-weight: 600;
}
#form-registrazione form .sppb-btn-default {
    color: #ffffff;
    background-color: #203c82;
    text-transform: uppercase;
}
@media (max-width: 767px) {
  .mypopup1 > div {
    padding: 15px;
  }
  .mypopup1 .input-group-text{
    width:100%;
  }
  /**/
  .popupregistrazione{
    width:100%;
        height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
  #form-registrazione .sppb-addon-form-builder-form > .sppb-form-group{
        flex-wrap: wrap;
  }
  #form-registrazione .sppb-addon-form-builder-form > .sppb-form-group label {
    width: 100%;
    border:0px;
        padding: 0;
    min-height: unset;
  }
}
/**/
/*.sp-simpleportfolio-item{
  position:relative;
}*/
.sp-simpleportfolio-item .appbtns{
  /*position: absolute;
    bottom: 0;
    right: 0;
  left:0;*/
    display: none;

}
.pageapp .sp-simpleportfolio-item .appbtns{
  /*display:flex*//*11-11-24*/
}
.sp-simpleportfolio-item .appbtns > a{
  display:inline-block;
      padding: 6px;
    border: 1px solid;
    background: #203c82;
    color: white;
    font-weight: 400;
  width:50%;
      text-align: center;
      font-size: 16px;
      line-height: 28px;
}
.sp-simpleportfolio-item .appbtns > a{
  width:100%;
}
.shortheader.pageapp .sp-page-title {
  height: 46vh;
}
.pageapp #slider_header,
.pageapp #sp-header,
.pageapp #sp-loghi-partner,
.pageapp #sp-section-7,
.pageapp #sp-footer{
  display:none;
}
.app-btn{
  display:block;
      font-size: 24px;
    padding: 24px;
}
.app-btn i{
      float: right;
  color: #203c82;
}
.pageapp .sp-simpleportfolio-tags{
  display:none;
}
.pageapp .sp-simpleportfolio-desc {
    height: 40px;
}
@media (max-width: 767px) {
  .sp-simpleportfolio-item .appbtns{
    /*display: flex;*//*11-11-24*/
  }
}