/*Visioni stylesheet*/
/*--------------------
-     VARIABLES	    -
---------------------*/
:root {
    --header-height: 120px;
    --text-color: #323232;
}


@font-face {
  font-family: 'Edosz';
  src: url('../fonts/edosz.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*--------------------
-       BODY	     -
---------------------*/
html {
    font-size: 18px;
}
body {
   font-size: 1rem;
    color: var(--text-color);
}
*, *:before, *:after {
	box-sizing: border-box;

}
body.site.fluid {

}
/*Loader*/
.sp-pre-loader {
    background: #036894;
}
.preview-area {
    position: absolute;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 60px;
    right: 0;
    margin: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #FFF;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*--------------------
-     CONTAINER      -
---------------------*/
.container-fluid {

}
.wrap {

}
    #slide {
        z-index: 2!important;
}
/*--------------------
-     TOP BAR        -
---------------------*/
.has-slideshow#sp-top-bar {
    background-color: #007BA5;;
}
#sp-top-bar a {
    color: #fff;
    line-height: 1;
}
/*--------------------
-     HEADER         -
---------------------*/
#sp-header {
    height: var(--header-height);
}
#sp-header .logo {
    height: var(--header-height);
}
.has-slideshow#sp-header {
    background-color: rgba(255,255,255,1);
}
.has-slideshow.menu-fixed#sp-header {
    background-color: #FFF !important;
}

/*--- Header's Container ---*/
header#sp-header:after {
    content: '';
    position: absolute;
    width: 100%;
    background-image: url(https://www.albachiararooms.it/images/bordo_albachiara.svg);
    /* background-color: #f00; */
    height: 24px;
    background-repeat: repeat;
    background-size: contain;
    top: 89%;
}
/*--- Logo ---*/

/*--------------------
-        MENU        -
---------------------*/
.sp-megamenu-parent >li {
/*    height: var(--header-height);*/
}
.has-slideshow#sp-header .sp-megamenu-parent >li >a {
    font-size: 1.3em;
    line-height: var(--header-height);
    color: var(--text-color);
    text-transform: capitalize;
}
#sp-header .sp-megamenu-parent >li:hover>a,
#sp-header .sp-megamenu-parent >li.active>a {
    color: #007ba5;
}


/*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 {

}
/*Offcanvas*/
.offcanvas-menu {
    background-color: #007ba5;
    
}
/*--------------------
-        MAIN        -
---------------------*/
#sp-main-body {
    padding: 0;
}

#scroll-section:before {
    content: '';
    position: absolute;
    width: 100%;
    background-image: url(https://www.albachiararooms.it/images/bordo_albachiara_blu.svg);
    /* background-color: #f00; */
    height: 30px;
    background-repeat: repeat;
    background-size: contain;
    background-position: 50% center;
    top: -20px;
}
.com-contact #sp-title .sp-page-title {
    text-align: center;
    padding: 290px 0 220px 0;
}
#sp-title .sp-page-title {
    text-align: center;
    padding: 15em 0 15em 0;
}
#sp-title .sp-page-title h1 {
    line-height: 1;
    color: #fff;
    margin: 0 0 40px;
    text-shadow: 3px 3px 10px #000;
}
#sp-title .sp-page-title p {
    font-size: 1.7em;
    line-height: 1;
    font-weight: 600;
    text-shadow: 3px 3px 10px #000;
    color: #fff;
    margin: 0;
}
.contact {
    margin-top: 60px;
}
/*--------------------
-        BOOKING BAR        -
---------------------*/
#my_bbar {
  background: unset!important;
  margin: 0 auto!important;
}
#my_bbar input{
  width: 112px;
}
.bmg-widget-bbar {
      display: flex;
    justify-content: center;
    align-items: center;
  height:80px;
}
.bmg-widget-bbar > .form-group {
  background: #ffffff;
    margin: 0 !important;
    padding: 0 15px;
    height: 100%;
  display: flex;
  align-items: center;
      border-width: 1px 0;
    border-style: solid;
    border-color: #007BA5;
}
.bmg-widget-bbar > .form-group:first-child{
   border-left-width: 1px;
}
.bmg-widget-bbar > .form-group:last-child{
  border-right-width: 1px;
  padding: 0px;
}
.bmg-widget-bbar button.btn {
      height: 100%;
    margin: 0 !important;
    border-radius: 0;
      outline: 0 !important;
}
.ui-datepicker select.ui-datepicker-month {
	display:inline-block;
	padding:0;
	height:auto;
	border-radius:0;
}
.ui-widget {
	font-size: 16px!important;
}
.ui-datepicker table {
	font-size: 14px!important;
}
.ui-datepicker th {
	padding: 4px!important;
}
.ui-datepicker td {
	padding: 0!important;
}
.ui-datepicker td span, .ui-datepicker td a {
	padding: 0px!important;
	text-align: center!important;
	line-height: 2!important;
}
@media screen and (max-width:767px) {
  .bmg-widget-bbar > .form-group {
    flex-direction: column;
  }
  .bmg-widget-bbar label {
    margin-bottom: 0;
  }
}
@media screen and (max-width:546px) {
  .bmg-widget-bbar.form-inline * + * {
    margin-left: 0!important;
   }
  .bmg-widget-bbar {
        height: auto;
    flex-direction: column;
  }
  #my_bbar input {
    width: 100%;
  }
  .bmg-widget-bbar > .form-group {
    border:0px;
    padding: 9px!important;
  }
}
@media (max-width:480px) {
	.ui-datepicker.ui-datepicker-multi {
		left:0!important;
		width: 100%!important;
		box-sizing: border-box;
	}
	.ui-datepicker-multi .ui-datepicker-group {
		float: none!important;
		width: 100%!important;
	}
}
/**/
.bar-home {
    position: absolute;
    padding-bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-120%);
}
.booking-title {
    background: #007ba5;
    align-self: stretch;
    margin: -1.1em;
    margin-right: 0;
    justify-self: center;
    margin-left: -4.4em;
    display: flex!important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.booking-title * {
    color: #fff!important;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 14px;
}
.inner-book {
    font-size: 80%;
}
.inner-book .booking-home .bmg-widget-bbar .ctrl-cont{
    height: 72px;
}
.inner-book .booking-home .book-button.btn {
    line-height: 72px;
}
.inner-book .booking-home .bmg-widget-bbar .ctrl-cont {
    line-height: 1;
}
/*Booking Inner*/

.bar-box {
    margin-top: -60px;
}
.bar-inner .bmg-widget-bbar {
    position: relative;
    width: 100%;
    margin: 0;
    text-align: center;
    background: transparent;
    z-index: 999;
    font-family: 'Montserrat', sans-serif;
}
.bar-inner  .bmg-widget-bbar label {
    font-weight: 400!important;
    color: #FFF;
}
.bar-inner .bmg-widget-bbar .input-group {
    border: 1px solid #FFF;
    margin-left: 0;
}
.bar-inner .bmg-widget-bbar input {
    color: #FFF;
    padding: 0;
    cursor: pointer;
    font-size: 1.6em;
}
.bar-inner .bmg-widget-bbar button.btn {
    margin: 0;
    color: #080D1E;
    background: #E8C547;
    border: 0;
    border-radius: 0;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.4s;
    font-size: 1.1em;
    /* line-height: 1; */
    padding: 0.2em 24px;
}
.bar-inner .input-group-addon span {
    color: #FFF;
}
/*--------------------
-        OFFERTE        -
---------------------*/
.offers .item {
    padding: 0;
    height: calc(90vw/3);
    min-height: 400px;
}
.offers .item-title {
    color: #FFF;
}

/*--------------------
-     RIGHT COLUMN   -
---------------------*/


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


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


/*--------------------
-       FOOTER       -
---------------------*/
#sp-footer {
    color: #4D4D4D;
    background: transparent!important;
    font-size: 1rem!important;
    padding: 0;
    
}
#sp-footer a {
    color: #888;    
}
#sp-footer a:hover {
    color: #3A9EAE!important;
}
#sp-footer1 .sppb-container-inner {
    max-width: 90%;
    margin: 0 auto;
}

	#sp-footer1 .sp-page-builder .page-content #section-id-1495116824811 {
    margin: 0px 0px 0px 0px;
    padding: 2em;
    color: #FFF;
    background-color: #457AA4 !important;
    background: -moz-linear-gradient(top, rgba(69,122,164,1) 0%, rgba(69,122,164,0.8) 8%, rgba(103,165,214,0.43) 60%, rgba(103,165,214,1) 100%);
    background: -webkit-linear-gradient(top, #457AA4 0%, rgba(69,122,164,0.8) 8%, rgba(103,165,214,0.43) 60%, #67A5D6 100%);
    background: linear-gradient(to bottom, #457AA4 0%, rgba(69,122,164,0.8) 8%, rgba(103,165,214,0.60) 60%, #67A5D6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#457aa4', endColorstr='#67a5d6',GradientType=0 );
    transition: background 2s;
}
/*Menu footer*/
.footer ul.nav {
	position: relative;
	width: 100%;
/*	padding-bottom: 0.5em;*/
    float: none;
}
.footer ul.nav li {
    display: inline-block;
    border: 0;

}
.footer ul.nav li a {
    padding: 0 0.5em;
    font-size: 1.5em;
    text-transform: lowercase;
}
.footer ul.nav li a:hover {
    color: #3A9EAE!important;
}
.footer.sp-module ul >li >a:before {
    display: none;
}
.footer .small ul.nav li a {
    font-size: 1em;
}
.footer1 {
    padding: 2em 0;
    max-width: 85%;
    margin: 0 auto;
    
}
.footer1 svg,
#bmgSym,
#bmgText {
    fill: #FFF!important;
}
.footer .alLeft{
    text-align: left;
}
.footer .alRight {
    text-align: right;
}
#sp-footer .bigContact a {
    font-size: 1.5em;
    color: #2154AC;
}
#sp-footer .social a {
    color: #2154AC;
}
#sp-footer .social-icons a + a {
    margin-left: 20px;
}

.bord {
    padding: 30px 0!important;
    border-bottom: 1px solid #EEE;
    border-top: 1px solid #EEE;
}
.bord .sppb-row {
    display: flex;
    align-items: center;
}
.contact .page-header + .infobox {
	margin-top: 3em !important;
}
.privacy {
    height: 120px;
    overflow: auto;
    font-size: 0.9em;
    padding: 10px;
    background-color: #EEE;
}
.contact label {
    top: 0;
    left: 0;
    font-size: 1em;
    text-transform: initial;
}
.privacy-box input,
.checkBox input {
    width: auto;
    vertical-align: baseline;
    margin: 0;
    margin-right: 1em;
}
.privacy h2 {
    font-size: 1.5em;
    border: 0;
}
/*--------------------
-        TYPO        -
---------------------*/
h1, h2, h3, h4, h5 {
    font-family: 'Edosz', cursive;
    line-height: 1;
}
/*Button*/
.myslide.sppb-carousel-pro .sppb-item .sppb-btn,
.vf-button {
    padding: 6px 40px;
    font-family: 'Edosz', cursive;
    font-size: 130%;
    color: #007ba5;;
    line-height:1.5;
    background: #FFF;
    box-shadow: 0 0 10px #333;
    border: 0;
    border-radius: 0;
}
.vf-btn-font {
    font-family: 'Edosz', cursive;
}
.ct.title {}
/*--------------------------
-     ARTICLE DEFINITION   -
--------------------------*/

/*--- Article ---*/
h1.sppb-addon-title {
    padding-bottom: 30px;
}
/*Background Header Article*/

/*Menu footer*/

/*Lingua*/
.mod-languages {
}
.moduletable.lang li a {

}
#sp-top-bar .mod-languages li a:hover {
    color: #ffc300
}
#sp-top-bar .mod-languages li.lang-active a {
    color: #ffc300
}
/*--------------------------
-   CATEGORY DEFINITION    -
--------------------------*/
.category-desc {
    margin: 60px 0;
}
.readmore .vf-button {
    font-size: 90%;
}
.readmore .vf-button:hover {
    background: #007ba5;
    color: #FFF;
}
.entry-header h2 {
    font-size: 36px;
}
.entry-header h2 a {
    color: #323232;
}
/*--------------------
-       BOX STYLE    -
---------------------*/
/*slideshow*/
.myslide.sppb-carousel-pro .sppb-item{
    height: calc(100vh - 162px);
}
.myslide.sppb-carousel-pro .sppb-item .sppb-carousel-pro-bg-image{
    height: 100%;
    object-fit: cover;
}
.myslide.sppb-carousel-pro .sppb-item:after{
	content:"";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color:#000000;
	z-index: 0;
	opacity:0.2
}
.myslide.sppb-carousel-pro .sppb-carousel-pro-inner-content{
	z-index: 1;
    position: relative;
}
.myslide.sppb-carousel-pro .sppb-item .sppb-col-sm-6{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}
.myslide.sppb-carousel-pro .sppb-item h2{
    position:relative;
    padding-bottom:67px;
    font-size:92px;
    font-weight: normal;
    text-shadow: 3px 3px 10px #000;
}
.myslide.sppb-carousel-pro .sppb-item .sppb-carousel-pro-content{
    font-size: 1.7em;
    line-height: 1;
    font-weight: 600;
    padding-bottom: 20px;
    text-shadow: 3px 3px 10px #000;
}
.myslide.sppb-carousel-pro .sppb-item h2:after {
    content:"-";
    font-family: 'Edosz', cursive;
    font-size: 90px;
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    /*transform: translateY(80%) scaleX(2);
    transform: translateY(0%) scaleX(2);*/
}
#slide .sppb-addon-wrapper.addon-root-module{
	z-index: 1;
    position: relative;
}

#sppb-slider-fullwidth  {
    height: 100vh;
}
#sppb-slider-fullwidth .item {
    padding: 0;
    background-color: #777;
    background-blend-mode: overlay;
}
#sppb-slider-fullwidth .item .caption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#sppb-slider-fullwidth .item .sp-slide-title {
    position: relative;
    line-height: 1;
    color: #fff;
    margin: 0 0 40px;
    text-shadow: 3px 3px 10px #000;
}
#sppb-slider-fullwidth .item .sp-slide-title:after,
h1.sppb-addon-title:after {
    content:"-";
    font-family: 'Edosz', cursive;
    font-size: 90px;
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(80%) scaleX(2);
}
h1.sppb-addon-title:after {
    transform: translateY(0%) scaleX(2);
}
#sppb-slider-fullwidth .item .sp-slide-subtitle {
    font-size: 1.7em;
    line-height: 1;
    font-weight: 600;
    text-shadow: 3px 3px 10px #000;
    color: #fff;
    margin: 0;
}
/*Topic*/
#topic {
    z-index: 2!important;
}
.sppb-addon-module.topic {
    position: relative;
}
.sppb-addon-module.topic:before {
    content: "";
    background-image: url(https://www.albachiararooms.it/images/bordo_albachiara.svg);
    position: absolute;
    top: -14px;
    width: 100%;
    height: 46px;
    z-index: 999999999;
    background-repeat: no-repeat;
    background-size: contain;
}
.sppb-addon-module.topic:after {
    content: "";
    background-image: url(https://www.albachiararooms.it/images/bordo_albachiara.svg);
    position: absolute;
    bottom: -45px;
    width: 100%;
    height: 55px;
    z-index: 999999999;
    /* background-color: #f00; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 20% center;
}
.topic .big-box {
    height: 40vh;
    padding-bottom: 30px;
}
.topic .small-box {
    height: 75vh;
}
/*Social Share*/
.helix-social-share {
    margin-top: 20px;
    float: none;
    text-align: center;
}
.helix-social-share .helix-social-share-icon ul li div a {
    background: #0b5563 none repeat scroll 0 0;
    color: #FFF;
}
.helix-social-share .helix-social-share-icon ul li div a:hover,
.helix-social-share .helix-social-share-icon ul li div a:focus {
    background: #F1B310;
    color: #222633;
}
/*Social Icons*/
.social-icons,
.mobiletoolbar .custom {
    margin: 0 auto;
    max-width: 80%;
    display: flex;
    justify-content: space-around;
    font-size: 80%;
}
.social-icons a {
    background: #e1e1e1;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    font-size: 90%;
}
.social-icons .fa {
    vertical-align: middle;
}
#sp-top-bar a.myicon {
    margin-right: 1em;
    display: inline-block;
    font-size: 1em;
    color: #FFF;
    line-height: 25px;
    transition: all 0.5s;
}
#sp-top-bar a.myicon:hover {
    color: #0b5563;
}
#sp-top-bar  a.myicon i {
    margin: 0;
    vertical-align: middle;
    width: auto;
    height: auto;
    font-size: 24px;
}
/*Gallery*/
.gallery-col * {
    height: 100%;
}
.gallery-col img {
    object-fit: cover;
}

div#services:before {
    content: '';
    position: absolute;
    background-image: url(https://www.albachiararooms.it/images/bordo_albachiara.svg);
    height: 30px;
    width: 100%;
    z-index: 2;
    background-size: contain;
    top: 0;
}
div#services:after {
    content: '';
    position: absolute;
    background-image: url(https://www.albachiararooms.it/images/bordo_albachiara.svg);
    height: 30px;
    width: 100%;
    z-index: 2;
    background-size: contain;
    bottom: 0;
}
/*General*/
.picdown {
    margin-top: -60px;
}
.picdown .pic-title {
    margin-bottom: -60px;
}
.picdown img {
    transform: translateY(120px);
}
.picup img {
    transform: translate(-60px,-60px);
    z-index: -1;
}
.move-front {
    z-index: 999;
}
.move-right {
    transform: translateX(30px);
}
/*-----------------------------
-     EFFECTS AND ANIMATIONS  -
-----------------------------*/
.effect-sadie .content-container::before {
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(0,78,104,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(0, 78, 104, 0.8) 75%);
}
.effect-sadie .item-title {
    font-size: 50px;
    color: #FFF;
}
.effect-sadie .description {
    color: #FFF;
}
#map {
    width: 100%;
    height: 500px;
}
/*-----------------------------
-     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) {
 
}
@media screen and (max-width:1366px) {
    html {
        font-size: 16px;
    }

    .bar-home {
        transform: translateY(-50%);
    }
    #sppb-slider-fullwidth .item .sp-slide-title {
        padding-top: 60px;
    }
    .myslide.sppb-carousel-pro .sppb-item{
       height: calc(100vh - 230px);
    }
}
@media screen and (max-width:1280px) {

}
@media screen and (max-width:1152px) {


 
}
@media screen and (max-width:1024px) {

}
@media screen and (min-width:768px) and (max-width:1024px) {

}
@media screen and (max-width:979px) {
    .myslide.sppb-carousel-pro .sppb-item {
        height: calc(70vw);
	min-height:500px
    }
}
@media screen and (max-width:768px) {
	.myslide.sppb-carousel-pro .sppb-item h2{
            padding-bottom:50px;
            font-size:50px;
       }

    header#sp-header:after {
            display: none;
    }
    .bar-home {
    position: relative;
    transform: translateY(0%);
    padding-bottom: 0;
    }
    h1.sppb-addon-title:after {
        transform: translateY(-30%) scaleX(2);
    }
    .booking-title {
        margin: 0!important;
    }
    .picdown img {
        transform: translateY(0)
    } 
    .picup img {
    transform: translate(0,0);
    z-index: -1;
    }
    footer {
        font-size: 75%!important;
    }
    h1 {
        font-size: 54px;
    }
    h2 {
        font-size: 40px;
    }
    .move-right {
        transform: translateX(0px);
    }
    .offers .item {
        height: auto;
    }
    footer .bord .sppb-col-md-4 {
        text-align: center;
        margin-bottom: 24px;
    }
    	/*Language*/
    .offcanvas-inner .language {
        float: none;
        margin: 0!important;
    }
    .offcanvas-inner .language select {
        margin: 0 auto;
        border-radius: 0;
        }
        .sp-module.language {
            padding: 45px 30px 15px!important;
        }
        #sp-footer2 > .row {
            margin: 0!important;
        }
}

@media screen and (max-width:640px) {

}
@media screen and (max-width:480px) {

}
@media screen and (max-width:320px) {

}

#cookiescript_badge {
  display: none!important;
}