/* BARRIOTHEME > STANDAR CSS  */

/* GENERALI */

.transition-fade {
  transition: 0.4s;
  opacity: 1;
}

html.is-animating .transition-fade {
  opacity: 0;
}

html,
body {
	position: relative;
	height: 100%;
	min-height: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	outline: none;
}

html, body {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    -moz-osx-font-smoothing: grayscale;
}

.openMenu {
    overflow: hidden;
}

* {
	outline: none !important;
}

.row {
	position:relative;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	margin: 0px 0px 30px 0px;
}

dl, ol, ul {
	font-size: 1.4rem;
	font-weight: 400;
	color: #000;
    margin: 0 0 30px 16px;
	padding: 0;
}

p {
	font-size: 1.4rem;
	font-weight: 400;
	color: #000;
	margin: 0px 0px 30px 0px;
}

p a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* END GENERALI */


/* BROWSER ALERT */

.browserAlert {
	position: fixed;
	display: none;
	width: 100%;
	top: 0px;
	left: 0px;
	background: #d70b0b;
	margin: 0px;
	padding: 15px 0px;
	text-align: center;
	z-index: 2000;
}

.ie .browserAlert {
	display: block;
}

.browserAlert p {
	color: #fff;
	padding: 0px;
	margin: 0px;
}

.browserAlert p a,
.browserAlert p a:visited,
.browserAlert p a:focus {
	color: #fff;
	border-bottom: 1px solid transparent;
}

.browserAlert p a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.browserAlert p span {
	margin: 0px 10px 0px 0px;
}

/* END BROWSER ALERT */


/* COOKIE BAR */

#catapult-cookie-bar {
	font-size: 1.4rem;
}

#catapult-cookie-bar a,
#catapult-cookie-bar a:visited,
#catapult-cookie-bar a:focus {
	border-bottom-color: #fff;
}


/* IMMAGINI */

figure {
	position: relative;
	width: auto;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	background: #efefef;
}


header figure::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 1;
}

figure figcaption {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	padding: 60px 20px 20px 20px;
	background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 40%,transparent);
	color: #fff;
	z-index: 2;
}

figure .lazyload + figcaption {
	opacity: 0;
	transition: opacity .6s ease-in-out;
}

figure .lazyloaded + figcaption {
	opacity: 1;
}

.cover {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.cont-v-align {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
}

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

/* END IMMAGINI */


/* LAZYLOAD */

.lazyload,
.lazyloading {
	opacity: 0;
}

.lazyloaded {
	opacity: 1;
	transition: opacity .6s ease-in-out;
}

/* END LAZYLOAD*/


/* JARALLAX */

.jarallax {
    position: relative;
	display: block;
    z-index: 0;
}

.jarallax-img source,
.jarallax-img img {
    position: absolute;
    object-fit: cover;
    font-family: 'object-fit: cover;';
	background-size: cover;
	background-position: center center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* END JARALLAX */


/* STICKY */

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 200px;
}

/* END STICKY */

/* SWIPER */

.swiper-container {
	position: relative;
	width: 100%;
}

.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 20px;
}

.swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background: none;
}

.swiper-button-next::before,
.swiper-container-rtl .swiper-button-prev::before,
.swiper-button-prev::before,
.swiper-container-rtl .swiper-button-next::before {
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.swiper-button-next::before,
.swiper-container-rtl .swiper-button-prev::before {
    font-family: "Font Awesome 5 Pro";
	font-size: 3rem;
	font-weight: 300;
	content: "\f054";
	color: #fff;
}

.swiper-button-prev::before,
.swiper-container-rtl .swiper-button-next::before {
    font-family: "Font Awesome 5 Pro";
	font-size: 3rem;
	font-weight: 300;
	content: "\f053";
	color: #fff;
}

/* FINE SWIPER */


/* ANIMATION */

.animation {
	opacity: 0;
}

.animation.start {
	-webkit-animation: fadeIn .6s ease-in-out;
	animation: fadeIn .6s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

/* END ANIMATION */


/* WRAPPER */

.wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

/* END WRAPPER */


/* NAV */

nav {
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	background: transparent;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 101;
}

.openMenu nav {
	background: none !important;
}

.pageScroll nav {
	background: #efefef;
}

.logo,
.logo:visited,
.logo:focus,
.logo:hover {
	display:block;
	width:250px;
	height:50px;
	padding:0px;
	margin:25px auto;
	border:none;
	background:url(../img/logo-hellobarrio.png);
	background-position:center center;
	background-repeat:no-repeat;
	opacity:1;
	text-indent: -9000px;
	-webkit-background-size: cover;
	background-size: cover;
}

.home .logo,
.home .logo:visited,
.home .logo:focus,
.home .logo:hover {
	background:url(../img/logo-hellobarrio-bianco.png);
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.pageScroll .logo,
.pageScroll .logo:visited,
.pageScroll .logo:focus,
.pageScroll .logo:hover {
	background:url("../img/logo-hellobarrio.png");
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.openMenu .logo,
.openMenu .logo:visited,
.openMenu .logo:focus,
.openMenu .logo:hover {
	background:url("../img/logo-hellobarrio-bianco.png") !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
}

.lang_selector {
	position: relative;
	float: right;
	font-size: 1.4rem;
	margin: 0px 30px 0px 0px;
}

.lang_selector li {
	display: inline;
	margin: 0px;
}

.lang_selector li a,
.lang_selector li a:visited,
.lang_selector li a:focus,
.lang_selector li a:hover {
	color: #000;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 10px;
	text-shadow: none;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}

.lang_selector li a:hover {
	border-bottom: 2px solid #000;
}

.home .lang_selector li a,
.home .lang_selector li a:visited,
.home .lang_selector li a:focus,
.home .lang_selector li a:hover {
	color: #fff;
	border-bottom: 2px solid transparent;
}

.home .lang_selector li a:hover {
	border-bottom: 2px solid #fff;
}

.lang_selector li a.active,
.lang_selector li a.active:visited,
.lang_selector li a.active:focus,
.lang_selector li a.active:hover {
	color: #000;
	border-bottom: 2px solid #000;
	background: none !important;
	text-decoration: none;
}

.home .lang_selector li a.active,
.home .lang_selector li a.active:visited,
.home .lang_selector li a.active:focus,
.home .lang_selector li a.active:hover {
	color: #fff;
	border-bottom: 2px solid #fff;
}

.pageScroll .lang_selector li a,
.pageScroll .lang_selector li a:visited,
.pageScroll .lang_selector li a:focus,
.pageScroll .lang_selector li a:hover {
	color: #000;
}

.pageScroll .lang_selector li a:hover {
	border-bottom: 2px solid #000;
}

.pageScroll .lang_selector li a.active,
.pageScroll .lang_selector li a.active:visited,
.pageScroll .lang_selector li a.active:focus,
.pageScroll .lang_selector li a.active:hover {
	color: #000;
	border-bottom: 2px solid #000;
	background: none !important;
	text-decoration: none;
}

.openMenu .lang_selector li a,
.openMenu .lang_selector li a:visited,
.openMenu .lang_selector li a:focus {
	color: #fff !important;
}

.openMenu .lang_selector li a.active,
.openMenu .lang_selector li a:hover {
	color: #fff !important;
	border-bottom: 2px solid #fff !important;
}

/* END NAV */


/* HEADER */

header {
	position: relative;
    width: 100%;
	background: #efefef;
}

.fullScreen {
	height: 100vh;
	background: transparent;
}

.fullWidth {
	height: 60vh;
	min-height: 600px;
	background: transparent;
}

.fullScreen .jarallax,
.fullWidth .jarallax {
    width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: -1;
}

.title {
	padding: 150px 0px 5px 0px;
}

.title h1 {
	color: #000;
}

.fullScreen .title,
.fullWidth .title {
	position: absolute;
	top: 50%;
	left: 0;
	padding: 0px;
	transform: translateY(-50%);
	width: 100%;
}

.fullScreen .title h1,
.fullWidth .title h1{
	color: #fff;
}

/* END HEADER */


/* SECTION */

section {
	position: relative;
	width: 100%;
}

.contentTesto figure {
	margin-bottom: 30px;
}
.contentTesto figure img {
	height: auto;
}

.contentTesto *:last-child {
	margin-bottom:0px !important;
}

/* END SECTION */


/* FOOTER */

footer {
	position: relative;
	width: 100%;
	padding: 100px 0px;
	background: #efefef;
}

.credits {
	display: block;
	float: right;
	width: 86px;
	height: 12px;
	text-indent:-9000px;
	background: #000;
	margin-top: 30px;
	border: none !important;
	-webkit-mask: url(../img/logo-hellobarrio.svg) no-repeat 50% 50%;
	mask: url(../img/logo-hellobarrio.svg) no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
}

.ie .credits {
	width: 86px;
	height: 12px;
	background: url(../img/logo-hellobarrio.svg) no-repeat center center;
	background-size: cover;
	-webkit-mask: none;
	mask: none;
}

/* END FOOTER */