/*Visioni stylesheet*/
.fa, .far, .fas{
      font-family: "Font Awesome 5 Free";
    font-weight: 600;
}
.sppb-addon-articles .sppb-col-sm-3 .sppb-addon-article img{
  object-fit: cover;
    height: 18vw;
  width: 100%;
}
@media (max-width:991px){

    .sppb-addon-articles .sppb-col-sm-3  {
        -ms-flex: 0 0 25%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width:768px){
    .sppb-addon-articles .sppb-col-sm-3 .sppb-addon-article img{
        height: 40vw;
    }
    .sppb-addon-articles .sppb-col-sm-3  {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
/**/
.sp-module-content .mod-languages ul.lang-inline li {
    margin: 0 7px 0 7px;
    border: 1px solid white;
    padding: 8px;
      width: 80px;
}
/*--------------------
-       BODY	     -
---------------------*/
html {
    font-size: 18px!important;
}
body {

}
*, *:before, *:after {
	box-sizing: border-box;
}

body {
  font-family: Montserrat,sans-serif !important;
}
section,
header {
    font-size: 1rem;
}
/*--------------------
-     CONTAINER      -
---------------------*/
.container-fluid {
	max-width: 100%;
}
.wrap {
    max-width: 1366px;
    margin: 0 auto!important;
    padding: 1em!important;
}
#sp-bottom { 
    padding: 0;
}
#sp-bottom1 {
    background: #F0F0F0;
}
#sp-slider-home {
    margin-bottom: 1em;
}
/*--------------------
-     TOP BAR        -
---------------------*/
#sp-top-bar a.myicon i {
	font-size:1.4em;
	transition:all ease-in-out .4s;
	-moz-transition:all ease-in-out .4s;
	-ms-transition:all ease-in-out .4s;
	-o-transition:all ease-in-out .4s;
	-webkit-transition:all ease-in-out .4s;
}

#sp-top-bar a.myicon i:hover {
	color:#e3940f;
}

#sp-top-bar .sp-module, #sp-top-bar .sp-module-content, #sp-top-bar .mod-languages, #sp-top-bar .mod-languages form, #sp-top-bar .chzn-container, #sp-top-bar .chzn-single, #sp-top-bar .chzn-single span{
	background:#0E1E2A;
	color:#fff;
      transition: all 0.5s;
	}

/*--------------------
-     HEADER         -
---------------------*/
#sp-header {
	padding: 0;
}
.view-page #sp-header {
	box-shadow: none;
}
#sp-header > .row {
    max-width: 90%;
    margin: 0 auto;
    
}
.nav-placeholder {
	height: inherit !important;
}
/*--- Header's Container ---*/
#sp-header{
   background: rgba(255,255,255,.85);
   box-shadow: none;
}
#sp-header.menu-fixed-out {
    box-shadow: none;
}
#sp-top-bar {
    position:absolute;
    top:0;
    height:41px;
    width:100%;
    z-index:9998;
}

#sp-header{
    position:absolute;
    top:41px;
}

.menu-fixed{top:0 !important;}

#sp-top1 .mod-languages .chzn-container, #sp-top1 .mod-languages .chzn-container a, #sp-top1 .mod-languages .chzn-container li{
    background:#0E1E2A;
    color:#fff;
    border-radius: 0;
    box-shadow: none;
      transition: all 0.5s;
}
#sp-top-bar .mod-languages .chzn-container a:hover,
#sp-top-bar .mod-languages .chzn-container a:hover span,
#sp-top-bar .mod-languages .chzn-container li:hover{
    background: #fff;
    color: #0E1E2A;
}
/*--- Logo ---*/

/*--------------------
-        MENU        -
---------------------*/
.sp-megamenu-parent >li {
    padding: 0;
}
.sp-megamenu-parent >li >a {
    font-size: 1em;
}
.sp-megamenu-parent >li:hover>a,
.sp-megamenu-parent >li.active>a {

}


/*Dropdown style*/

/*Sub Menu*/
.navigation .nav-child {

}
.navigation ul.nav-child > li {

}
.navigation .nav-child:before {

}
.navigation .nav-child a {

}
.navigation .nav-child li > a:hover, 
.navigation .nav-child li > a:focus,
.navigation .nav-child:hover > a {

}
.sp-megamenu-parent .sp-dropdown {
    margin-left: -60px;
}
/*menu hover link*/

.sp-megamenu-parent > li > a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 35px;
	height: 35px;
	background-color:rgba(204,204,204,0.3);
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

.sp-megamenu-parent > li > a::after {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
    transform: translateY(30%) scale(0.8);
}

.sp-megamenu-parent > li > a:hover::before,
.sp-megamenu-parent > li > a:focus::before {
	opacity: 0.9;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}
.sp-megamenu-parent > li.active > a::after,
.sp-megamenu-parent > li:hover > a::after {
        opacity: 1;
}
.sp-megamenu-parent > li.active > a::before,
.sp-megamenu-parent > li.active > a::after {
	opacity: 0.9;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}

/*menu hover link*/

/*--------------------
-        MAIN        -
---------------------*/
.box-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
/*--------------------
-     RIGHT COLUMN   -
---------------------*/


/*--------------------
-     LEFT COLUMN    -
---------------------*/


/*--------------------
-       BOTTOM       -
---------------------*/


/*--------------------
-       FOOTER       -
---------------------*/
#sp-footer {
    padding: 1.5em;
}
footer a {
    font-size: 1em;
}
.contact-block > div > div {
    display: flex;
    
}
.contact-block a + a:before,
.contact-block a + a:after {
    content: "|";
    margin: 0 6px;
    
}
.footer1 {
    font-size: 90%;
}
/*--------------------
-        TYPO        -
---------------------*/
a {
	color: #82358C;
}
a:hover {
	color: #4D4D4D;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-weight: 400;
}
h1 {
  font-size: 4.4em;
}
h2 {
    font-size: 3em;
}
b, strong {
    font-weight: 400!important;
}
.scrollup:hover {
    text-decoration: none;
}
/*--------------------------
-     ARTICLE DEFINITION   -
--------------------------*/

/*--- Article ---*/
article .entry-header {
    display: none;
}
/*Background Header Article*/
.item-page .page-header {
	background-size: cover;
	background-position: center center;
	height: 0;
	padding-bottom: 50%;
}
/*Background Header Article*/
.category-img {
  	background-size: cover;
	background-position: center center;
	height: 0;
	padding-bottom: 50%;
}
/*ROOM PAGE*/
.intro-text-art h2 {
    color: #2D83BA;
}
.room-services {
    height: 55vh;
}
.room-services .sppb-container-inner,
.room-services .sppb-row {
    height: 100%;
}
.room-services .sppb-row {
    display: flex;
    align-items: center;
    justify-content: center;
}
.room-services h2 {
    color: #FFF;
}
.circle-media .room-service {
    margin-bottom: 1em;
}
/*Common Page*/
.intestazione-general .sppb-section-title{
	bottom:-1px;
	position: absolute !important;
	text-align: center;
	z-index: 999 !important;
	width:100%;
	left:0;
}
.intestazione-general .sppb-section-title h1 {
	font-size: 5em !important;
}
.intro-text-art {
    padding: 0 0 0 5em;
}
.art-text {
    margin-right: 6em;
}
.art-text.lt {
        margin-left: 5em;
        margin-right: 0
    }
/*Thumbnail*/

/*Menu footer*/

.footer ul.nav {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 0.5em;
}
footer ul.nav li {
    text-align: right;
}
footer ul.nav li a {
    font-size: 0.9em;
    line-height: 1.5;

}
.footer ul.nav li a:hover {
}
/*Lingua*/
.chzn-container .chzn-results {
    margin: 0;
    padding: 0;
}
.mod-languages {
}
.moduletable.lang li a {

}
.moduletable.lang li a:hover {

}
.moduletable.lang li.lang-active a {

}
/* ROOM CATEGORY PAGE */
.room-button .sppb-column-addons > div {
    display: inline-block;
}
.room-button .sppb-column-addons > div:first-child {
    margin-bottom: 2em;
    width: 100%;
}
.room-button .sppb-column-addons > div:last-child {
    margin-left: 2em;
}
.room-button .room-btn {
    font-size: 1.5em;
}
.room-img div,
.room-img img {
    width: 100%;
}
/*--------------------------
-   CATEGORY DEFINITION    -
--------------------------*/
.blog .page-header {
  	position: relative;
	height: 0;
	padding-bottom: 35%;
	background-size: cover;
    background-position: center center;
    z-index: 1;
}
.blog .intestazione-general .sppb-section-title {
    bottom: /*-18px;*/37px;
}
.blog .intestazione-general:after {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    content: "";
    z-index: 9;
    display: block;
    transition: all .3s ease;
    background: #e4f5fc;
    background: -moz-linear-gradient(top, rgba(228,245,252,0) 0%, rgba(159,216,239,0) 53%, rgba(42,176,237,.7) 100%);
    background: -webkit-linear-gradient(top, rgba(228,245,252,0) 0%,rgba(159,216,239,0) 53%,rgba(42,176,237,.7) 100%);
    background: linear-gradient(to bottom, rgba(228,245,252,0) 0%,rgba(159,216,239,0) 53%,rgba(42,176,237,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 );
}
/*.blog .page-header:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}*/
/* .blog .page-header .header-container {
	position: absolute;
	padding: 1em;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
        display: flex;
	align-items: center;
	justify-content: center;
}
*/
.blog .page-header .item-title,
.blog .page-header .category-desc {
	color: #FFF;
}
.blog .category-desc {
	margin: 1em auto 0;
	font-weight: 400;
	max-width: 1280px;
    padding: 0 1em;
}
.blog article .intro-image {
	width: 100%;
    height: 300px;
	margin: 0;
	background-color: #444;
	overflow: hidden;
}
.blog article .intro-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.8;
	transform: scale(1);
	transition: all 0.3s;
	will-change: opacity, transform;
}
.blog article:hover .intro-image img {
	opacity: 0.65;
	transform: scale(1.1);
}
.blog article .entry-header h3:before {
      display: none;
}
.blog article .entry-header p {
	font-weight: 400;
	
}
.items-leading {
	padding: 1em;
	background: #F0F0F0;
}

.items-leading article {
      display: flex;
      margin: 0 auto 1em;
      max-width: 1366px;
}
.items-leading .entry-header {
      margin: 0;
      background: #FFF;
      padding: 1em 1em 2em;
      flex-basis: 50%;
}
.items-leading .entry-image {
      flex-basis: 50%;
}
.blog .items-leading .entry-header h3 {
	color: #333;
	font-size: 1.5em;
	margin: 0;
	font-weight: 600;
}
.blog .items-leading .entry-header p {
	color: #333;
}
.blog .items-leading .entry-header .readmore {
	position: relative;
	line-height: 1em;
}
.blog .items-leading .entry-header .readmore a {
	color: #FFF;
	border: 0;
	border-radius: 0;
	background: #2D83BA;
	text-transform: uppercase;
	transition: all 0.4s;
}
.blog .items-leading .entry-header .readmore a:hover {
	background: #0E1E2A;
}
.blog .items-leading .subtitle-date {
	position: relative;
	width: 100%;
	background: rgba(0, 0, 0, 0);
	font-size: 1em;
	width: auto;
	height: auto;
	display: inline-block;
}



/*Secondary Row*/
.row-container {
      background: #F0F0F0;
}
.items-row-cont {
	padding: 1em;
	background: #F0F0F0;
}
.items-row {
      max-width: 1366px;
      margin: 0 auto;
      padding: 1em;
      display: flex;
      align-items: stretch;
      justify-content: space-between;
}

.blog .items-row article {
	position: relative;
	display: flex;
	align-items: stretch;
	justify-content: center;
	background: #FFF;
    flex-direction: column;
    flex-basis: 32%;
}
.blog .items-row article .thumbnails {
	position: absolute;
	padding: 15px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.blog .items-row article .entry-header {
/*	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;*/
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content:  center;
	padding: 2em;
	margin: 0;
}
.blog .items-row .entry-header h3 {
	font-size: 2em;
	font-weight: 600;
}
.blog .items-row .readmore {
	position: relative;
	background: transparent;
	border: 0;
}
.blog .items-row .readmore a {
    color: #2D83BA;
	padding: 0;
	border: 0;
}
.blog .items-row .readmore a:hover {
    color: #0E1E2A;
    background: transparent;
}
/*Contact Form*/
.contact h2,
.contact h3,
.contact h4 {
    color: #2D83BA;
}
.contact h4 {
    font-weight: 300;
    line-height: 1;
}
.contact .textarea {
    display: block;
}
.contact-form button {
    background: #2D83BA;
    width: auto;
    margin: 28px 0;
    margin-left: 0;
    transition: all 0.3s;
    border-radius: 0;
}
.contact-form button:hover {
    background: #0E1E2A;
}
.privacy {
    height: 120px;
    overflow: auto;
    font-size: 0.9em;
    padding: 10px;
    background-color: #EEE;
}
.contact label {
    top: 0;
    left: 0;
    font-size: 1em;
}
.privacy-box input,
.checkBox input {
    width: auto;
    vertical-align: baseline;
    margin: 0;
    margin-right: 1em;
}
.view-contact #system-message-container {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 50%;
}
.view-contact #system-message-container #system-message { 
    max-width: 45%;
    margin: 0 auto;
}
#map {
    width: 100%;
    height: 500px;
}
/*--------------------
-    SOCIAL MOBILE   -
---------------------*/
.header-mobile {
    width: 100%;
    float: none;
    margin: 0 !important;
    text-align: center;
}
a.myicon {
    margin-right: 1em;
    display: inline-block;
    font-size: 1em;
    color: #FFF;
    line-height: 1;
}
a.myicon i {
    margin: 0;
    vertical-align: middle;
    width: auto;
    height: auto;
    font-size: 2em;
}
/*--------------------
-       BOX STYLE    -
---------------------*/
/*Slideshow*/
/*#slides .flex-caption {
	bottom: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
#slides .flex-caption h1{
    color: #fff;
    font-size: 7em;
    margin: 0;
    line-height: 0.7;
    font-weight: 600;
}
.linear-wipe {
  text-align: center;
    color: #000;
    background: linear-gradient(0deg, #f8b131, #4682b4);
    background-size: 100% 500%;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: scrollUp 8s ease infinite;
    -moz-animation: scrollUp 8s ease infinite;
    animation: scrollUp 8s ease infinite;
}
@-webkit-keyframes scrollUp {
    0%{background-position:52% 0%}
    50%{background-position:49% 100%}
    100%{background-position:52% 0%}
}
@-moz-keyframes scrollUp {
    0%{background-position:52% 0%}
    50%{background-position:49% 100%}
    100%{background-position:52% 0%}
}
@keyframes scrollUp { 
    0%{background-position:52% 0%}
    50%{background-position:49% 100%}
    100%{background-position:52% 0%}
}
    

@keyframes shine {
  from {background-position: 0 center;}
    to {background-position: 100% -50px;}
}*/

#slides .flex-caption {
    top: 0;
	bottom: 0;
	position: absolute;
	text-align: center;
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#slides .flex-caption .text {
    max-width: 30%;
    padding: 2em;
    text-align: right;
}
#slides .flex-caption h1 {
    color: #fff;
    font-size: 5em;
    margin: 0;
    line-height: 1;
    font-weight: 200;
    text-transform: uppercase;
}
.button-scroll {
    margin-top: 1em;
    display: inline-block;
}
.button-scroll a {
    color: #FFF;
    padding: 12px;
    background: #f8b131;
    font-weight: 400;
    text-transform: uppercase;
    transition: all 0.5s;
}
.button-scroll a:hover {
    color: #FFF;
    background: #dc8e00;
    text-decoration: none;
}
/*Intro Home*/
.intro-text > .sppb-container-inner .sppb-row {
    display: flex;
    align-items: stretch;
}
.intro-text .sppb-addon-text-block {
    padding-bottom: 1em;
}
.full-height,
.full-height div {
    width: 100%;
    height: 100%;
}
.full-height img {
    object-fit: cover;
    /*width: 100%;
    height: 100%;*/
}

/*Booking Row Home*/
#booking-row > .sppb-container-inner > .sppb-row {
    margin: 0;
    display: flex;
    align-items: stretch;
}
/*.booking-col,
.booking-col div:not(.form-group) {
    height: 100%;
}*/
#booking-row .sppb-col-md-6 {
    padding: 0;
    background-color: #f6f7f9;
}
.booking-row .custom {
    padding: 1em;
    text-align: center;
}
.booking-title {
    font-size: 2em;
    font-weight: 400;
    color: #F8B131;
}
.booking-row,
.offers-row{
    padding: 0!important;
}
.booking-row ul {
    margin: 2em 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    list-style: none;
}
.booking-row ul > li {
    text-align: center;
    font-size: 1.5em;
}
.booking-row ul > li img {
    height: 30px;
    margin: 0 auto 12px;
}
.card-box {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
}
/*Booking Home*/
.bar-home .bmg-widget-bbar {
    display: flex;
    flex-wrap: wrap;
}
.bar-home .bmg-widget-bbar .form-group {
    padding: 6px;
    flex-basis: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #AAA;
}
.bar-home .bmg-widget-bbar .form-group.button {
    margin-left: 0;
    border: 0;
    padding: 0;
    margin-top: 1em;
}
.bar-home .form-inline .input-group>.form-control {
    max-width: 55%!important;
    float: none;
    display: inline-block;
    text-align: left;
}
.bar-home .bmg-widget-bbar .form-inline .input-group {
    display: inline-block;
    vertical-align: middle;
}
.bar-home .bmg-widget-bbar .form-group.button {
    flex-basis: 100%;
}
.bar-home .bmg-widget-bbar .input-group-addon {
    display: inline-block;
}
.bar-home .bmg-widget-bbar .input-group-addon,
.bar-home .bmg-widget-bbar .input-group-addon img {
    width: 35px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    display: inline-block;
}
/*Booking Inner*/
.bar-inner .bmg-widget-bbar {
    position: absolute;
    top: 131px;
    width: 100%;
    margin: 0;
    text-align: center;
    background: rgba(255,255,255,0.85);
    z-index: 999;
    font-family: 'Montserrat', sans-serif;
}
.bar-inner .bmg-widget-bbar .input-group {
    border: 1px solid #AAA;
    margin-left: 0;
}
/*Slider Vertical Home*/
#mySingleVertCarousel {
    background-color:#F8B131;
}
#slider-verticale .content-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
    }
	
#slider-verticale .letter-container {
	font-size:35em;
	font-weight:bold;
    line-height: 1;
	background-clip:text;
	-moz-background-clip:text;
	-ms-background-clip:text;
	-o-background-clip:text;
	-webkit-background-clip:text;
	text-fill-color:transparent;
	-moz-text-fill-color:transparent;
	-ms-text-fill-color:transparent;
	-o-text-fill-color:transparent;
	-webkit-text-fill-color:transparent;
	word-break:break-all;
	-moz-word-break:break-all;
	-ms-word-break:break-all;
	-o-word-break:break-all;
	-webkit-word-break:break-all;
	}

#slider-verticale .content {
    text-align: right;
    max-width: 500px;
}
#slider-verticale .newsflash-title {
		color: #fff;
		font-size: 6em;
		font-weight: 500;
		text-transform: uppercase;
	}
	
#slider-verticale .readmore {
        position: relative;
		background-color: #0c1e2a;
		color: #fff;
		font-size: 1.7em;
		font-weight: 300;
		padding: 8px 35px;
		text-transform: uppercase;
        transition: all 0.4s;
	}
#slider-verticale .readmore:hover {
        color: #4682b4;
}
#slider-verticale .content-container .content > p{
		font-size: 1.6em;
		font-weight: 300;
		max-width: 600px;
        margin: 12px 0;
	}
.carousel-toggles {
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    position: absolute;
    width: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.carousel-toggles .carousel-control {
    position: relative;
    width: auto;
}
/*Flex gallery*/
.flex-gallery .sppb-gallery {
    display: flex;
    flex-wrap: wrap;
}
.flex-gallery .sppb-gallery li {
    flex-basis: 25%;
}
.flex-gallery .sppb-gallery li img {
    width: 100%!important;
    height: 100%;
    object-fit: cover;
}
/*Inner Offers*/
.inner-offers .thumbnails {
    display: flex;
}
.inner-offers .thumbnails .item {
    margin: 0 1em;
}
/*Come Arrivare*/
.flexbox .sppb-row {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*Custom Accordion*/
.custom-acc .sppb-panel {
    background-color: transparent;
    border: 0;
}
.custom-acc .sppb-panel + .sppb-panel {
    border-top: 1px solid #D9D9D9;
}
.custom-acc .sppb-panel-default > .sppb-panel-heading {
    background: transparent;
    transition: all 0.4s;
}
.sppb-panel-default > .sppb-panel-heading.active {
    background: #2D83BA;
    color: #FFF!important;
}
.custom-acc .sppb-panel-default > .sppb-panel-heading:hover {
    background: #2D83BA;
    color: #FFF!important;
    overflow: hidden;
}
.custom-acc .sppb-panel-title {
    font-size: 1.4em;
}
.custom-acc .sppb-panel-default .sppb-panel-body {
    border: 0;
}
.custom-acc .sppb-panel-default > .sppb-panel-heading.active .sppb-toggle-direction,
.custom-acc .sppb-panel-default > .sppb-panel-heading:hover .sppb-toggle-direction {
    color: #FFF;
}

/*-----------------------------
-     EFFECTS AND ANIMATIONS  -
-----------------------------*/
.effect-chico img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
}
.effect-chico .item {
    height: 54vh;
    
}
.effect-chico .item .thumbnail {
    width: 100%;
    height: 100%;
    background: #4682b4;
}
.effect-chico .item .img-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.effect-chico .item-title {
    color: #FFF;
    font-weight: 200;
    font-size: 3em;
}
.effect-chico a.press-link {
    padding: 4px 8px;
    color: #FFF;
    font-weight: 300;
    background: #f8b131;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s;
}
.effect-chico .item:hover a.press-link {
    opacity: 1;
    visibility: visible;
}
.effect-chico .description {
    display: none;
}
#col-vacanza:after {
    content:"";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
    background-color: #EFEFEF;
}
/*Complex Chainable Animation*/
.cont {
	position: relative;
	height: 50vh;
}
.cont__inner {
	position: relative;
	height: 100%;
	display: flex;
}
.cont__inner:hover .el__bg:after {
	opacity: 1;
}
.el {
	flex: 1;
	height: 100%;
	/*background: #252525;*/
    z-index: 1;
	transition: opacity 0.6s 0.7s, transform 0.6s 0.7s;
	-webkit-transition: opacity 0.6s 0.7s, -webkit-transform 0.6s 0.7s;
	will-change: opacity, z-index, transform;
}
.el:hover {
    z-index: 99;
}
.el__overflow {
/*	position: relative;*/
	height: 100%;
}
.el__inner {
	position: relative;
	height: 100%;
}
.el__bg {
/*	position: relative;*/
	/*width: calc(100vw - 140px);*/
	height: 100%;
}
.el__bg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}
.cont__inner:hover .el__bg:before {
    filter: blur(2px);
}
.el:hover .el__bg:before {
    filter: saturate(200%)!important;
}
.el__bg:after {
	content: "";
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.el__preview-cont {
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s 1.2s;
	transition: all 0.3s 1.2s;
}
.el__preview-cont .item-title {
	padding: 0.5em;
    text-transform: uppercase;
    color: #fff;
    /* transition: all ease-in-out .3s; */
    font-size: 4em;
    font-weight: 800;
    z-index: -1;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
}
.el:hover .el__preview-cont .item-title {
    opacity: 0;
    visibility: hidden;
}
.cont__inner:hover .el__preview-cont .item-title {
    color: rgba(0,0,0,0.3);
}
.el__index {
    position: absolute;
    left: 0;
    top: calc(50% - 50px);
    width: 100%;
    height: 100%;
    max-height: 100px;
    text-align: center;
    font-size: 6em;
    line-height: 0.85;
    text-transform: uppercase;
    -webkit-transition: opacity 0.3s 1.4s, -webkit-transform 0.5s;
    transition: opacity 0.3s 1.4s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.3s 1.4s;
    transition: transform 0.5s, opacity 0.3s 1.4s, -webkit-transform 0.5s;
    -webkit-transform: translate3d(0, 1vw, 0);
    transform: translate3d(0, 1vw, 0);
    right: 0;
    margin: 0 auto;
    font-weight: 900;
}
.el:hover .el__index {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.el__index-back,
.el__index-front {
	position: absolute;
	left: 0;
    right: 0;
	bottom: 0;
	/*width: 100%;*/
	z-index: 5;
	text-align: center;
}
.el__index-back {
	color: transparent;
	opacity: 0;
	-webkit-transition: opacity 0.25s 0.25s;
	transition: opacity 0.25s 0.25s;
}
.el:hover .el__index-back {
	-webkit-transition: opacity 0.25s;
	transition: opacity 0.25s;
	opacity: 1;
}
.el:nth-child(4) .el__index-back,
.el:nth-child(4) .el__index-front,
.el:nth-child(5) .el__index-back,
.el:nth-child(5) .el__index-front {
	left: -130px;
}
.el__index-overlay {
	overflow: hidden;
	position: relative;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: -webkit-transform 0.5s 0.1s;
	transition: -webkit-transform 0.5s 0.1s;
	transition: transform 0.5s 0.1s;
	transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
	color: transparent;
}
.el__index-overlay:before {
	content: attr(data-index);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: rgba(255,255,255,0.5);
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: -webkit-transform 0.5s 0.1s;
	transition: -webkit-transform 0.5s 0.1s;
	transition: transform 0.5s 0.1s;
	transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
}
.el:hover .el__index-overlay {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.el:hover .el__index-overlay:before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.el:hover .el__bg:after {
	opacity: 0;
}

.h2-sky h2{
color:#4682b4;
}

.h2-sky2 h2{
color:#4682b4;
font-weight:200;
}


/*-----------------------------
-     DEVICES METRICS STYLE   -
-----------------------------*/

/*--- Devices Metrics Style ---*/
@media screen and (max-width:2880px) { /*Display retina*/
 
}
@media screen and (max-width:2540px) {
 
}
@media screen and (max-width:1920px) {
 
}
@media screen and (max-width:1600px) {
 
}
@media screen and (max-width:1440px) {
    #slides .flex-caption h1 {
        font-size: 4em;
    }
 
}
@media screen and (max-width:1366px) {
    html {
        font-size: 13px!important;
    } 
    .intestazione-general .sppb-section-title h1 {
        line-height: 0.30em!important;
    }
 
}
@media screen and (max-width:1280px) {
    html {
        font-size: 12px!important;
    } 
}
@media screen and (max-width:1152px) {
    #slides .flex-caption h1 {
        font-size: 5em;
    }
 
}
@media screen and (max-width:1024px) {

}

@media screen and (min-width:980px)  {
    .menu-footer h3 {
        text-align: right;
    }
}
@media screen and (min-width:768px) and (max-width:1024px) {
 
}
@media screen and (max-width:979px) {
		/*Menu*/
		.sp-megamenu-parent >li {
            padding: 0;
        }
        .sp-megamenu-parent >li a {
            padding: 0 6px;
        }
        /*Slideshow*/
        #slides .flex-caption h1 {
            font-size: 5em;
        }
}
@media screen and (max-width:768px) {
        /*Header*/
        body:not(.view-page) #sp-top-bar,
        body:not(.view-page) #sp-header,
        body:not(.view-page) .bar-inner .bmg-widget-bbar {
            position: relative;
            top: 0;
        }
        
        #sp-top-bar {
            padding: 0;
        }
        
        .intro-text > .sppb-container-inner .sppb-row {
            display: block;
        }
        
        #slides .flex-caption {
            align-items: flex-end;
            justify-content: center;
        }
        #slides .flex-caption .text {
            max-width: 100%;
            text-align: center;
        }
        #slides .flex-caption h1 {
            font-size: 4em!important;

        }
    #slider-verticale .letter-container{
            font-size: 28em;
    } 
    .carousel.vertical .carousel-inner .item {
            padding-right: 70px;
            padding-left: 20px;
    }
    a.myicon {
    margin-right: 1em;
    display: inline-block;
    font-size: 1.5em;
    color: #FFF;
    line-height: 40px;
    }
    /*Booking*/
    
    .bar-home .bmg-widget-bbar {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .bar-home .bmg-widget-bbar .form-group {
        flex-basis: 48%;
        margin-left: 0;
        display: flex;
        flex-direction: column;
        margin: 0;
    }
    .bar-home .input-group {
        display: flex;
        flex-direction: column;
        margin: 0!important;
        justify-content: center;
        align-items: center;
    }
    .bar-home .bmg-widget-bbar .input-group-addon {
        width: 50px!important;
        margin-top: 8px;
    }
    .bar-home .form-inline .input-group>.form-control {
        max-width: 55%!important;
        float: none;
        display: inline-block;
        text-align: center;
        margin: 0;
        font-size: 2em;
    }
    #ui-datepicker-div {
        width: 20em!important;
    }
    #ui-datepicker-div  .ui-datepicker-group {
        width: 100%;
    }
    .card-box {
        display: block;
    }
    .card-box img {
        display: inline-block;
        max-width: 50px;
    }
    .bar-inner .bmg-widget-bbar .form-group {
        margin-left: 0;
    }
    /*Intro Text Home*/
    .intro-text .sppb-addon-text-block {
        padding: 1em;
    }
    /*Slider*/
    #slider-verticale .content {
    text-align: center;
    padding-bottom: 2em;
    }
    /*Menu Footer*/
    .menu-footer {
        padding: 0;
    }
    footer ul.nav {
        margin-top: 1em;
    }
    footer ul.nav li {
        text-align: center;
    }
    /*Footer Contact*/
    .contact-block > div > div {
        flex-direction: column;
    }
    .contact-block a + a:before,
    .contact-block a + a:after {
        display: none;
    }
    /*Offcanvas Menu*/
    .full-screen .offcanvas-menu {
        background-color: rgba(70, 130, 180, 0.8)
    }
    .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a {
        padding: 10px;
    }
    .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler {
        padding: 10px;
        position: relative;
    }
    /*Inner Page camere*/
    .room-button {
        text-align: center;
        padding: 1em;
    }
    /*Inner Page*/
    .intestazione-general > section {
        padding: 0;
    }
    .intestazione-general > section .sppb-column {
        padding: 0 1em;
    }
    .intro-text-art {
        padding: 1em;
    }
    .art-text {
        margin: 0!important;
        padding: 1em
    }
    .room-services {
        padding: 5em 0!important;
    }
    .room-services .sppb-row {
        display: block;
    }
    .room-services .sppb-media {
        display: flex;
        align-items: center;
    }
    .room-services .sppb-media h4 {
        font-size: 1em!important;
    }
    .flex-gallery .sppb-gallery {
        flex-direction: column;
    }
    /*Inner Offers*/
    #offerte-secondarie,
    #offerte-secondarie .sppb-col-md-12 {
        padding: 0!important;
    }
    .inner-offers .thumbnails {
        flex-direction: column;
    }
    .inner-offers .thumbnails .item {
        margin: 0;
    }
    .effect-chico .item {
        height: 35vh;
        padding: 0;
    }
    .effect-chico .content-container {
        padding: 1em;
    }
    .effect-chico .item-title {
        font-size: 2em;
        padding: 1em 0;
    }
    /*Social Icons*/
    .article-footer-top {
        text-align: center;
    }
    .helix-social-share {
        float: none;
    }
    /*Footer*/
    .footer-logo img {
        max-width: 80%;
    }
    .footer1 > a {
        display: block;
    }
    .flexbox .sppb-row {
        flex-direction: column;
    }
    .logos {
        width: 100%;
        display: block;
        margin: 20px 0;
    }
}

@media screen and (max-width:640px) {
    .intestazione-general .sppb-section-title h1 {
        font-size: 3em!important;
    }
    #slider-verticale .content-container .content > p{
    font-size:1.2em !important;
    }
}
@media screen and (max-width:480px) {
        h1.linear-wipe {
            font-size: 2em!important;
            line-height: 1!important;
        }
        #booking-row > .sppb-container-inner > .sppb-row {
            flex-direction: column;
        }
        .cont__inner {
            display: block;
        }
        .intro-text {
            padding: 12px;
        }
        #slider-verticale .content-container {
            display: block;
        }
}
@media screen and (max-width:320px) {

}


#sp-top2 .sp-module {
	float:right;
	}
	
#sp-top2 .sp-module a.myicon {
	margin-left:15px;
	}
	
#scopri-baia a.sppb-readmore {
  background-color: #0e1e2a;
  color: #fff;
  left: 50%;
  margin-left:-45px;
  padding: 10px 20px;
  position: relative;
  text-align: center;
  width: 90px;
}
	
#scopri-baia h3{
	text-align:center;
	}
	
#scopri-baia h3 a{
	text-transform:uppercase;
	}
	
#scopri-baia .sppb-article-introtext p{
	text-align:center;
	padding:0 30px;
	}
	
#scopri-baia .sppb-article-introtext{
	padding-bottom:15px;
	}
	
#scopri-baia .sppb-addon-article{
	margin:0 auto;
	max-width:90%;
	transition:all ease-in-out .4s;
	-moz-transition:all ease-in-out .4s;
	-ms-transition:all ease-in-out .4s;
	-o-transition:all ease-in-out .4s;
	-webkit-transition:all ease-in-out .4s;
	padding-bottom:40px;
	}
	
#scopri-baia .sppb-addon-article:hover{
	-webkit-box-shadow: 0px 0px 12px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 12px -5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 12px -5px rgba(0,0,0,0.75);
	}
	
.riga-grigio{
	background-color:#F6F7F9;
	}
	
#eventi-home h4{
	color:#e3940f;
	font-size:2.1em;
	text-transform:uppercase;
	}
	
#eventi-home .press-link{
	background-image: url("../images/right-arrow.png");
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 20px 14px;
	color: #0e1e2a;
	float: right;
	font-size: 1.3em;
	padding-right: 30px;
	}
	
#eventi-home .subtitle-date{
	color:#e3940f;
	font-size:1.5em;
	}
	
#eventi-home .content-container {
	margin: 10px auto 0;
	max-width: 90%;
	padding-bottom: 20px;
	}
	
#eventi-home .thumbnail{
	margin:0 auto;
	max-width:90%;
	padding-bottom:20px;
}

#eventi-home .subtitle-date{
	overflow: hidden;
	}

	
#baia-capitano .sppb-addon-single-image-container, #baia-capitano .sppb-addon-single-image-container img{
	width:100%;
	}
	
	





#col-vacanza .thumbnail img{
	transition:all ease-in-out .4s;
	-moz-transition:all ease-in-out .4s;
	-ms-transition:all ease-in-out .4s;
	-o-transition:all ease-in-out .4s;
	-webkit-transition:all ease-in-out .4s;
    filter:brightness(50%);
	-moz-filter:brightness(50%);
	-ms-filter:brightness(50%);
	-o-filter:brightness(50%);
	-webkit-filter:brightness(50%);
}

#col-vacanza .thumbnail img:hover{
 filter:brightness(100%);
 -moz-filter:brightness(100%);
 -ms-filter:brightness(100%);
 -o-filter:brightness(100%);
 -webkit-filter:brightness(100%);
}

#sp-footer .social-icons a{
	font-size: 1.7em;
	margin-right: 10px;
	}
	
.sppb-instagram-images li{

content: '\f0da';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 10px;
   text-decoration:none;
   
}

.sp-loader-with-logo img {
	
	max-width:350px;
	}
	

#sp-footer1 .social-icons i{
	transition:all ease-in-out .4s;
	-moz-transition:all ease-in-out .4s;
	-ms-transition:all ease-in-out .4s;
	-o-transition:all ease-in-out .4s;
	-webkit-transition:all ease-in-out .4s;
	}
	
#sp-footer1 .social-icons i:hover{
	color:#E3940F;
	}
	
.chzn-container-single-nosearch{
	width:100px !important;
	}

#sp-top1 .sp-module {
	float: right;
	margin-right: 35px;
}

#sp-top2 .sp-module {
margin-right: 39px;
margin-top: 2px;
}

/*.sppb-instagram-gallery-btn img:before {
	 content: "";
    display: block;
    background: url("http://demo.visioni.info/baiadelcapitano.it/images/favicon.png") no-repeat;
    width: 17px;
    height: 36px;
	position:absolute;
	top:20px;
	left:20px;
}*/

.intestazione-general .sppb-column-addons > .sppb-addon-wrapper > .clearfix{
	height:500px;
	}
	
.intestazione-general .sppb-column-addons > .sppb-addon-wrapper > .clearfix:after{ 
    width: 100%;
	height:100%;
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
   content:"";
  z-index:100;
  display:block;
  transition:all .3s ease;
background: rgb(228,245,252);
background: -moz-linear-gradient(top,  rgba(228,245,252,0) 0%, rgba(159,216,239,0) 53%, rgba(42,176,237,.7) 100%);
background: -webkit-linear-gradient(top,  rgba(228,245,252,0) 0%,rgba(159,216,239,0) 53%,rgba(42,176,237,.7) 100%);
background: linear-gradient(to bottom,  rgba(228,245,252,0) 0%,rgba(159,216,239,0) 53%,rgba(42,176,237,.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 );
}
	

	
.titolo-h2-blu h2{
	color:#2D83BA !important;
	}