@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

/*@font-face {
	font-family: 'SocialType';
	font-style: normal;
	src: url('../fonts/SocialType.ttf');
}*/

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('../lib/slick-1.8.1/fonts/slick.eot');
    src: url('../lib/slick-1.8.1/fonts/slick.eot?#iefix') format('embedded-opentype'), url('../lib/slick-1.8.1/fonts/slick.woff') format('woff'), url('../lib/slick-1.8.1/fonts/slick.ttf') format('truetype'), url('../lib/slick-1.8.1/fonts/slick.svg#slick') format('svg');
}

* {
	margin:0; 
	padding:0;
	box-sizing:border-box;
	}

html, body {
	margin:0;
	padding:0;
	background:#fff;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-weight:300;
	font-style:normal;
	font-size:16px;
	color:#4f4f4f;
	/*display:flex;*/
	min-height:100vh;
	overflow-x:hidden;
	}

h1 {
	font-family:'Oswald', 'Arial Black', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-style:normal;
	font-size:3em;
}

h2 {
	font-family:'Oswald', 'Arial Black', Arial, Helvetica, sans-serif;
	font-weight:300;
	font-style:normal;
	font-size:2.5em;
}

h3 {
	font-family:'Oswald', 'Arial Black', Arial, Helvetica, sans-serif;
	font-weight:200;
	font-style:normal;
	font-size:2.5rem;
}

h3::after {
	display:block;
	content:'';
	height:3px;
	width:30px;
	margin-top:5px;
	background:#5f8dd3;
}

p {
	font-size:1.2rem;
}

ul.lista {
	font-size:1.2rem;
	list-style-type: square;
	margin-left:20px;
}

a {
	background:#f5f5f5;
	color:#2c5aao;
	text-decoration:none;
	padding:3px;
	border-radius:4px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover {
	background:#b6cce3;
	color:#333333;
	text-decoration:none;
}

a#up {
	position:fixed;
	bottom:3%;
	right:3%;
	z-index:99999;
	width:2.5rem;
	height:2.5rem;
	line-height:2.0rem;
	font-size:1.6rem;
	border-radius:100%;
	background:rgba(0,0,0,0.3);
	text-align:center;
	color:#ffffff;
	transition:all 0.3s ease-in-out;
}

a#up span {
	display:block;
}

a#up:hover {
	background:#084e99;
}

a#up:hover span {
	animation:TopFromBottom 0.8s infinite;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.no-padding {
	padding:0;
}

.no-margin {
	margin:0;
}

.padding-l {
	padding-left:5%;
}

.padding-r {
	padding-right:5%;
}

.padding-t {
	padding-top:30px;
}

.padding-b {
	padding-bottom:30px;
}

.padding-all {
	padding:30px 5%;
}

.padding-t-15 {
	padding-top:15px;
}

.padding-b-15 {
	padding-bottom:15px;
}

.padding-l-15 {
	padding-left:15px;
}

.padding-r-15 {
	padding-right:15px;
}

.margin-t-60 {
	margin-top:60px;
}

.margin-b-60 {
	margin-bottom:60px;
}

.text-center {
	text-align:center;
}

.text-right {
	text-align:right;
}

.t-note {
	font-size:0.8rem;
}

.t-white {
	color:#fff;
}

.bg-blue {
	background:#084e99;
}

.bg-grey {
	background:#f5f5f5;
}

.button {
	background:#084e99;
	border-radius:5px;
	padding:15px 15px;
	color:#ffffff;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.button:hover {
	text-decoration:none;
	background:#b6cce3;
	color:#333333;
}

.button .reverse,
.btn-primary.reverse {
	background:#b6cce3;
	color:#333;
	border-color:#b6cce3;
}

.ver-mobile {
	display:none  !important;
}

ul.t-list li {
	margin-bottom:15px;
}

ul.t-list-s li {
	list-style-type:disc;
	margin-bottom:15px;
	margin-left:5%;
}

.v-hide {
	visibility:hidden;
}

.d-none {
	display:none;
}

.btn-primary {
    color:#fff;
    background-color:#084e99;
    border-color:#084e99;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-primary:hover {
	color:#333333;
	background:#b6cce3;
	border-color:#b6cce3;
}

.t-success {
	color:#b6cce3;
}
.t-error {
	color:#ff0000;
}

.input-errors {
	color:#ff0000;
	font-size:0.7rem;
}

label {
	font-weight:bold;
}

/*loading*/
.loader {
	display:block;
	margin:0 auto;
	border-radius:50%;
	-webkit-animation:spin 2s linear infinite;
	animation:spin 2s linear infinite;
	border-color:rgba(243,243,243,0.3);
	border-style:solid;
	border-top-color:#084e99;
	width:100%;
	height:100%;
	border-width:3px;
	border-top-width:3px;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/*Slick slide*/
.img-anima-zoom.slick-active {
	animation:ImgZoom 5s linear forwards;
}

/*Slick - Dots*/
.slick-dots {
	position:relative;
	width:100%;
    padding:10px 0;
    margin:0;
    list-style:none;
    text-align:center;
}

.slick-dots li {
    position:relative;
    display:inline-block;
    width:30px;
    height:30px;
    margin:0 5px;
    padding:0;
    cursor:pointer;
}

.slick-dots li button {
    font-size:0;
    line-height:0;
    display:block;
    width:30px;
    height:30px;
    padding:5px;
    cursor:pointer;
    color:transparent;
    border:0;
    outline:none;
    background:transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline:none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity:1;
}

.slick-dots li button:before {
	position:absolute;
    top:0;
    left:0;
    width:30px;
    height:30px;
    content: '•';
    font-family:'slick';
    font-size:1vw;
    line-height:30px;
    text-align:center;
    opacity:.25;
    color:#333333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color:#084e99;
}

/*Slick - arrows*/
.slick-prev,
.slick-next {
	display: block;
	position:absolute;
	top:50%;
    width: auto;
    height: auto;
    padding: 0;
    font-size: 0;
    line-height: 0;
	color: transparent;
    border: none;
    outline: none;
    background: transparent;
	cursor: pointer;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
    opacity: 1;
}
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
    opacity: .25;
}

.slick-prev::before,
.slick-next::before {
	font-family: 'bootstrap-icons';
    font-size:3.5rem;
    line-height:1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left:30px;
}

.slick-prev::before {
	content: "\f284";
}

.slick-next {
	right:30px;
}

.slick-next::before {
    content: "\f285";
}

.slick-track {
	display: flex !important;
	flex-flow:row wrap;
}

/*.slick-slide { -------------------problemi con banner-slide 
    height: inherit !important;
}*/


/*effect img hover*/
.img-hover-zoom {
	/*overflow:hidden;*/
	backface-visibility:hidden;
}

.img-hover-zoom img {
	transition:transform .1s ease;
}

.img-hover-zoom:hover img {
	transform:scale(1.2);
}

.img-hover-zoom--slowmo img {
	transform-origin:50% 65%;
	transition:transform 1s, filter 1s ease-in-out;
}

.img-hover-zoom--slowmo:hover img {
	transform:scale(1.2);
}

/*animation img*/
/*.img-anima-zoom {
	transform:scale(1.2);
}*/

.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/*lente per foto*/
a .overlay {
	position:absolute; 
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(255,255,255, 0.3);
	font-size:3vw;
	transition:all 0.5s ease-in-out 0.2s;
	opacity:0;
}

a:hover .overlay {
	opacity:1;
}

a .bi-zoom-in::before {
	position:absolute;
	top:40%;
	left:42%;
	color:#ffffff;
	opacity:1;
	-webkit-transform:translateY(20vh);
	-moz-transform:translateY(20vh);
	-ms-transform:translateY(20vh);
	-o-transform:translateY(20vh);
	transform:translateY(20vh);
	-webkit-transition:all 0.5s ease-in-out 0.2s;
	-moz-transition:all 0.5s ease-in-out 0.2s;
	-ms-transition:all 0.5s ease-in-out 0.2s;
	-o-transition:all 0.5s ease-in-out 0.2s;
	transition:all 0.5s ease-in-out 0.2s;
}

a:hover .bi-zoom-in::before {
	opacity:1;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
}

a .bi-plus::before {
	position:absolute;
	width:40px;
	height:40px;
	top:50%;
	left:50%;
	margin-left:-20px;
	margin-top:-20px;
	color:#ffffff;
	opacity:1;
	-webkit-transform:translateY(20vh);
	-moz-transform:translateY(20vh);
	-ms-transform:translateY(20vh);
	-o-transform:translateY(20vh);
	transform:translateY(20vh);
	-webkit-transition:all 0.5s ease-in-out 0.2s;
	-moz-transition:all 0.5s ease-in-out 0.2s;
	-ms-transition:all 0.5s ease-in-out 0.2s;
	-o-transition:all 0.5s ease-in-out 0.2s;
	transition:all 0.5s ease-in-out 0.2s;
}

a:hover .bi-plus::before {
	opacity:1;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
}

img.captchacode {
	width:100%;
}

a.captcha_button_reload {
	font-size:1.5rem;
}

/*PRELOADER*/
.preloader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:1s;
	z-index:99999;
	text-align:center;
}

.preloader.complete {
	opacity:0;
	visibility:hidden;
	pointer-events:none;
}

.preloader:before {
	position:absolute;
	content:'';
	left:0;
	width:50%;
	height:100%;
	background:#ffffff;
	transition:1s;
}

.preloader.complete:before {
	left:-50%;
}

.preloader:after {
	position:absolute;
	content:'';
	right:0;
	width:50%;
	height:100%;
	background:#ffffff;
	transition:1s;
}

.preloader.complete:after {
	right:-50%;
}

.loader-cust {
	position:absolute;
	top:50%;
	left:50%;
	width:10vw;
	height:10vw;
	margin-left:-5vw;
	margin-top:-5vw;
	z-index:99999;
	/*animation: spin 2s infinite;*/
	animation:ImgZoom 2s infinite;
}

.loader-cust img {
	position:relative;
	width:100%;
}

@media screen and (max-width:992px) {
	.loader-cust {
		width:18vw;
		height:18vw;
		margin-left:-9vw;
		margin-top:-9vw;
	}
}

@media screen and (max-width:576px) {
	.loader-cust {
		width:24vw;
		height:24vw;
		margin-left:-12vw;
		margin-top:-12vw;
	}
}

/*HEADER*/
#mainheader {
    position:fixed;
	z-index:1000;
    top:0;
    left:0;
	width:100vw;
	height:17vh;
	line-height:17vh;
	padding:0 4vw;
	/*background:rgba(44,90,160,0.6);*/
	background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));
    color:#fff;
}

#mainheader.shrink {
    height:10vh;
    line-height:10vh;
	background:rgba(8,78,153,0.9);
}

#mainheader.opacity {
	background:rgba(8,78,153,1);
	/*border-bottom:1px dotted #5f8dd3;*/
}

#mainheader a {
	background:none;
}

/*logo*/
#mainheader #logo {
	float:left;
	width:30vw;
	height:17vh;
}
#mainheader.shrink #logo {
	width:15vw; /*per ridurre img a sx*/
	height:10vh;
}

#mainheader #logo img {
	float:left;
	padding:3vh;
	max-width:90%;
	height:17vh;
	background:#084e99;
}

#mainheader.shrink #logo img {
	padding:2vh;
	height:10vh;
	background:none;
}

/*mainav*/
#mainheader #mainnav {
	position:relative;
	float:right;
	width:50vw; /*60*/
	margin-right:2vw;
}

#mainheader #mainnav ul {
	position:absolute;
	right:0;
	height:17vh;
	list-style:none;
}

#mainheader.shrink #mainnav,
#mainheader.shrink #mainnav ul {
	height:10vh;
}

#mainheader #mainnav ul li {
	display:block;
	float:left;
	height:17vh;
	line-height:17vh;
	margin:0 0 0 2vw;
	text-transform:uppercase;
}

#mainheader.shrink #mainnav ul li {
	height:10vh;
	line-height:10vh;
}

#mainheader #mainnav ul li a {
	text-decoration:none;
	color:#ffffff;
	font-family:'Oswald', Arial, sans-serif;
	font-weight:300;
	font-size:1.4vw;
	padding:5px 0px;
	height:17vh;
	line-height:17vh;
}

#mainheader.shrink #mainnav ul li a {
	height:10vh;
	line-height:10vh;
	font-size:1.2vw;
}

/*animazione link menu*/
#mainheader #mainnav ul li::after {
	content: '';
	display:block;
	border-bottom:2px solid #ffffff;
	margin-top:-6vh;
	transform:scaleX(0);
	transition:transform 250ms ease-in-out;
}
#mainheader.shrink #mainnav ul li::after {
	margin-top:-3vh;
}
#mainheader #mainnav ul li:hover::after,
#mainheader #mainnav ul li.mm-active::after {
	transform:scaleX(1);
}

#mainheader #mainnav ul li.nobottomline:hover::after {
	transform:scaleX(0);
}

#mainheader #mainnav ul li a.prenota {
	background:#084e99;
	border-radius:5px;
	padding:5px 15px;
}

#mainheader #mainnav ul li a.prenota:hover {
	background:#ffffff;
	color:#084e99;
}

#mainheader.shrink #mainnav ul li a.prenota {
	background:#ffffff;
	color:#084e99;
}

#mainheader.shrink #mainnav ul li a.prenota:hover {
	background:#5f8dd3;
	color:#ffffff;
}

#mainheader #mainnav ul li a.social {
	font-family:'SocialType';
	font-size:2.1em;
	padding:5px 0;
	margin:0 0 0 -1.5vw;
}

#mainheader #mainnav ul li a.social:hover {
	color:#084e99;
}

#mainheader.shrink #mainnav ul li a.social:hover {
	color:#5f8dd3;
}

/*Menu Hamburger*/
#mainheader .btn-responsive-menu {
	display:none;
	position:absolute;
	width:auto;
	height:auto;
	right:13vw; /*4*/
	top:8.5vh;
	margin-top:-7px;
	cursor:pointer;
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

#mainheader.shrink .btn-responsive-menu {
	top:5vh;
}

#mainheader .icon-bar {
	display: block;
	width:35px;
	height:2px;
	margin:6px;
	background-color: #f5f5f5;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

#mainheader .icon-bar::before,
#mainheader .icon-bar::after {
	content:'';
	position:absolute;
	width:35px;
	height:2px;
	background-color: #f5f5f5;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

#mainheader .icon-bar::before {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
#mainheader .icon-bar::after {
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

/*animation icon-bar*/
#mainheader .btn-responsive-menu.open .icon-bar {
	background:transparent;
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	transform: translateX(-50px);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

#mainheader .btn-responsive-menu.open .icon-bar::before {
	-webkit-transform: rotate(45deg) translate(35px, -35px);
	-moz-transform: rotate(45deg) translate(35px, -35px);
	transform: rotate(45deg) translate(35px, -35px);
}

#mainheader .btn-responsive-menu.open .icon-bar::after {
	-webkit-transform: rotate(-45deg) translate(35px, 35px);
	-moz-transform: rotate(-45deg) translate(35px, 35px);
	transform: rotate(-45deg) translate(35px, 35px);
}

/*animation*/
#mainheader,
#mainheader #logo,
#mainheader #logo img,
#mainheader #mainnav,
#mainheader #mainnav ul,
#mainheader #mainnav ul li,
#mainheader #mainnav ul li a,
#mainheader .btn-responsive-menu,
#mainheader .icon-bar,
#mainheader .icon-bar::before,
#mainheader .icon-bar::after {
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*lang menu*/
.lang-menu {
	position:relative;
	float:right;
	width:auto;
	text-align:center;
}

.lang-menu .btn {
	color:#fff;
	border-radius:0;
	min-width:auto;
	width:100%;
	border:1px solid #fff;
}

.lang-menu .btn:focus {
	color:#fff;
	box-shadow:none;
}

.lang-menu .dropdown-menu {
	min-width:auto;
	width:100%;
	line-height:4vh;
	background:rgba(255,255,255,0.5);
	border-radius:0;
	margin:0;
	padding: 0.375rem 0.75rem;
	border:0px;
}

.lang-menu .dropdown-item {
	padding: 0.25rem 0rem 0.25rem 0rem;
	text-align:center;
}

.lang-menu .dropdown-item::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
	color:transparent;
}

/*FOOTER*/
#main-footer {
	background:#333333;
	/*background:#084e99;*/
	color:#ffffff;
	font-size:0.9em;
	box-shadow:0px 5px 5px rgba(0,0,0,0.3) inset;
}

#main-footer a {
	background:none;
	color:#fff;
}

#main-footer a:hover {
	background:#084e99;
}

#main-footer ul li {
	padding:5px 0;
	margin-bottom:4px;
}

#f-contact figure {
	padding-bottom:10px;
	border-bottom:1px solid #666666;
}

#f-contact figure a:hover {
	background:none;
}

#f-contact img {
	width:100%;
}

#f-contact .r-contact {
	margin-left:4.5%;
}

#f-contact .r-contact span {
	font-size:1.3em;
}

#f-newload {
	position:relative;
	width:3vw;
	height:3vw;
	margin-left:50%;
	left:-1.5vw;
	margin-bottom:1rem;
}

#f-copy {
	font-size:0.8em;
}

/*SINGLE PAGE*/
.page-banner {
	position:relative;
	width:100%;
	height:60vh;
	background:#084e99;
	overflow:hidden;
	background-size:cover;
	background-position: center bottom;
	background-attachment:fixed;
}

.page-banner figure {
	margin:0;
	height:60vh;
	overflow:hidden;
}

.page-banner-lg, 
.page-banner-lg figure {
	height:75vh;
}

.page-banner-fs, 
.page-banner-fs figure {
	height:100vh;
	overflow:hidden;
}

.page-banner figure img {
    width: 100%;
	height:100%;
	object-fit:cover;
	object-position: center center;
}

.page-banner figcaption {
	position:absolute;
	background:rgba(255,255,255,0.5);
	color:#333;
	bottom:10px;
	right:25px;
	padding:0 2px;
	font-size:0.6rem;
	transform: rotate(90deg);
	transform-origin: bottom right;
}

.title-banner {
	position:absolute;
	width:100%;
	bottom:5vh;
	text-align:center;
	color:#fff;
	z-index:5;
	text-shadow:0px 0px 15px rgba(0,0,0,0.8);
}

.no-tshadow {
	text-shadow:none;
}

.title-banner h1 {
	text-transform:uppercase;
	font-size:8vw;
	animation:fadeInDown;
	animation-duration:4s;
}

.title-banner h2 {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:2vw;
	animation:fadeInUp;
	animation-duration:4s;
}

@media screen and (max-width:1024px) {
	.title-banner h1 {
		font-size:10vw;
	}

	.title-banner h2 {
		font-size:4vw;
	}
}

@media screen and (max-width:600px) {
	.title-banner h1 {
		font-size:15vw;
	}

	.title-banner h2 {
		font-size:5vw;
	}
}

/*BANNER*/
#video-mobile {
	display:block;
	position:relative;
	z-index:2;
}

#video-mobile figure {
	height: 100vh;
	margin:0;
}

/*Slick slide*/
#video-mobile img.img-anima-zoom {

}
#video-mobile .slick-active img.img-anima-zoom {
	animation:ImgZoom 10s linear forwards;
	/*animation: zoomslideShow 25s linear infinite 0s;
	-o-animation: zoomslideShow 25s linear infinite 0s;
	-moz-animation: zoomslideShow 25s linear infinite 0s;
	-webkit-animation: zoomslideShow 25s linear infinite 0s;*/
}

#video-mobile figure img,
#video-desktop,
#video-alternative {
	position:relative;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    z-index:2;
}

/*@keyframes zoomslideShow {
	0% {
	opacity: 0;
	transform:scale(1);
	-ms-transform:scale(1);
	}
	5% {
		opacity: 1
	}
	25% {
		opacity: 1;
	}
	30% {
		opacity: 0;
		transform:scale(1.3);
		-ms-transform:scale(1.3);
	}
	100% {
		opacity: 0;
		transform:scale(1.3);
		-ms-transformm:scale(1.3);
	}
}
@-o-keyframes zoomslideShow {
0% {
	opacity: 0;
	-o-transform:scale(1);
}
	5% {
		opacity: 1
	}
	25% {
		opacity: 1;
	}
	30% {
		opacity: 0;
		-o-transform:scale(1.2);
	}
	100% {
		opacity: 0;
		-o-transformm:scale(1);
	}
}
@-moz-keyframes zoomslideShow {  0% {
	opacity: 0;
	-moz-transform:scale(1);
}
	5% {
		opacity: 1
	}
	25% {
		opacity: 1;
	}
	30% {
		opacity: 0;
		-moz-transform:scale(1.2);
	}
	100% {
		opacity: 0;
		-moz-transformm:scale(1);
	}
}
@-webkit-keyframes zoomslideShow {  0% {
	opacity: 0;
	-webkit-transform:scale(1);
}
	5% {
		opacity: 1
	}
	25% {
		opacity: 1;
	}
	30% {
		opacity: 0;
		-webkit-transform:scale(1.2);
	}
	100% {
		opacity: 0;
		-webkit-transformm:scale(1);
	}
}*/

/*STRUTTURA*/
.home-box {
	overflow:hidden;
}
.home-box figure {
	margin:0;
}

.home-box figure img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.home-box-text {
	position:relative;
	top:30px;
	width:100%;
	z-index:2;
	background:#ffffff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}

.slide-left {
	margin-left:8%;
	margin-bottom:60px;
}
.slide-right {
	margin-left:-8%;
	margin-bottom:60px;
}

.slide-fade .slick-prev {
	z-index:2;
}

.slide-fade .slick-next {
	z-index:2;
}

/*lightbox*/
.lb-data .lb-close {
    background:url('../media/images/template/close.png') top right no-repeat;
}

.lb-nav a.lb-prev {
	background:url('../media/images/template/prev.png') left 48% no-repeat;
}

.lb-nav a.lb-next {
    background: url('../media/images/template/next.png') right 48% no-repeat;
}

.lb-cancel {
    background: url('../media/images/template/loading.gif') no-repeat;
}

@keyframes ImgZoom {
	0% {transform:scale(1);}
	100% {transform:scale(1.3);}
}

/*slideInUp*/
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*up*/
@keyframes TopFromBottom {
	50% {
		transform:translateY(-25%);
	}
}

/*move up*/
@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); visibility: visible; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; }
}


/*MEDIA QUERY*/
@media screen and (max-width:1024px) { 
	#video-preload {
		width:10vw;
		height:10vw;
		left:-5vw;
		top:-10vh;
	}
	
	.slick-dots li button:before {
		font-size:1.5vw;
	}
	
	#f-newload {
		width:14vw;
		height:14vw;
		left:-7vw;
	}
	
	/*visualizzo menu hamburger a 1024px*/
	#mainheader {
		background:rgba(8,78,153,0.6);
	}
	#mainheader #logo {
		width:80vw;
	}
	#mainheader.shrink #logo {
		width:70vw;
	}

	#mainheader #logo img {
		background:none;
	}
	
	#mainheader #mainnav,
	#mainheader.shrink #mainnav	{
		width:100vw;
		margin-right:-4vw;
		box-shadow: 0 4px 8px -4px rgba(0,0,0,0.5);
		overflow:hidden; /* Hide the element content, while height = 0 */
		height:0;
		opacity:0;
		-webkit-transition: opacity 0.5s ease-in-out;
		-moz-transition: opacity 0.5s ease-in-out;
		transition: opacity 0.5s ease-in-out;
		line-height:3em;
	}
	
	#mainheader #mainnav.show, 
	#mainheader.shrink #mainnav.show {
		background:#084e99;
		height:auto; 
		opacity:1;
		-webkit-transition:opacity 0.5s ease-in-out;
		-moz-transition:opacity 0.5s ease-in-out;
		transition:opacity 0.5 ease-in-out;
	}
	
	#mainheader #mainnav ul,
	#mainheader.shrink #mainnav ul {
		position:relative;
		height:auto;
		background:#ffffff;
		background:#084e99;
		text-align:center;
		padding:0 4vw;
	}
	
	#mainheader #mainnav ul li {
		display:block;
		float:none;
		height:auto;
		line-height:3em;
		margin:0;
		
	}
	#mainheader.shrink #mainnav ul li {
		height:auto;
		line-height:3em;
	}
	#mainheader #mainnav ul li::after {
		display:none;
	}
	
	#mainheader #mainnav ul li a {
		display:inline-block;
		color:#ffffff;
		width:100%;
		padding:0;
		font-size:1.1em;
		height:10vh;
		line-height:10vh;
	}
	#mainheader.shrink #mainnav ul li a {
		font-size:1.1em;
	}
	#mainheader .btn-responsive-menu {
		display:block;
	}
	
	#mainheader #mainnav ul li a.prenota {
		background:#ffffff;
		color:#084e99;
		padding:0;
	}
	
	#mainheader #mainnav ul li.mn-social {
		display:inline-block;
		padding:0 2vw;
	}
	
	#mainheader.shrink #mainnav ul li a.social {
		font-size:3.0em;
	}
}


@media screen and (max-width:991px) {
	.slide-left, 
	.slide-right {
		margin-left:0;
		margin-bottom:0;
	}
	.slide-right {
		top:-30px;
	}
}

@media screen and (max-width:768px) {
	#video-mobile {
		display:block;
	}
	
	#video-desktop {
		display:none !important;	
	}
	
	.ver-mobile {
		display:inline-block !important;
	}
	
	.ver-desktop {
		display:none !important;
	}

	#mainheader .btn-responsive-menu {
		right:15vw;
	}

}

@media screen and (max-width:601px) {
	#mainheader #logo {
		width:70vw;
	}
	#mainheader.shrink #logo {
		width:60vw;
	}
	#mainheader .btn-responsive-menu {
		right:18vw; /*4*/
	}
}

@media screen and (max-width:480px) {
	.slick-dots li button:before {
		font-size:3vw;
	}
	#mainheader .btn-responsive-menu {
		right:22vw; /*4*/
	}
}

@media screen and (max-height:414px) {
	#mainheader {
		height:22vh;
		line-height:22vh;
	}

	#mainheader.shrink {
		height:15vh;
		line-height:15vh;
	}
	
	#mainheader #logo {
		height:22vh;
		background:none;
	}
	#mainheader.shrink #logo {
		height:15vh;
	}
	
	#mainheader #logo img {
		height:22vh;
		background:none;
	}

	#mainheader.shrink #logo img {
		height:15vh;
	}
	
	#mainheader .btn-responsive-menu {
		top:11vh;
	}

	#mainheader.shrink .btn-responsive-menu {
		top:7.5vh;
	}
}

@media screen and (max-width:370px) {
	#mainheader .btn-responsive-menu {
		right:25vw; /*4*/
	}
}