@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;600;700&display=swap');

body{ font-size:16px; font-family: 'Outfit', sans-serif !important; color:#000; min-height:100vh;}
body:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:#f7f7f7;}
body:after{ content:""; width:100%; height:50%; position:absolute; left:0px; bottom:0px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.mfp-bg{ z-index:999999; background:rgba(0,0,0,0.75);}
.mfp-wrap{ z-index:9999999;}
.mfp-arrow:hover{ background:var(--primary-color-website);}
.mfp-close:hover:before{ color:var(--primary-color-website);}
.mfp-counter{ display:none;}
.mfp-title{ width:100%; text-align:center;}
::selection{ background:var(--primary-color-website); color:#fff; -webkit-background-clip: unset; -webkit-text-fill-color:#fff;}
::-moz-selection{ background:var(--primary-color-website); color:#fff; -webkit-background-clip: unset; -webkit-text-fill-color:#fff;}
h1, h2, h3, h4, h5, h6{ font-family: 'Outfit', sans-serif; font-weight:700;}
a{ color:var(--primary-color-website); font-weight:400; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a:hover, a:focus{ color:var(--primary-color-website);}
p, li{ color:#000; font-size:17px; line-height:26px; font-weight:300;}
p{ margin-bottom:10px;}
p strong{ font-weight:700;}
strong{ font-weight:900;}
ul p{ line-height:26px;}
.container-fluid{ padding:0 60px;}
.container-fluid.container0{ padding:0px;}
.row{ margin:0 -20px;}
.row [class*="col-"]{ padding:0 20px;}
.row.row0{ margin:0px;}
.row.row0 > [class*="col-"]{ padding:0;}
.row.row01{ margin-left:-1px; margin-right:-1px;}
.row.row01 > [class*="col-"]{ padding:0 1px;}
.row.row05{ margin-left:-5px; margin-right:-5px;}
.row.row05 > [class*="col-"]{ padding:0 5px;}
.row.row10{ margin-left:-10px; margin-right:-10px;}
.row.row10 > [class*="col-"]{ padding:0 10px;}
.row.row15{ margin-left:-15px; margin-right:-15px;}
.row.row15 > [class*="col-"]{ padding:0 15px;}
.row.row40{ margin-left:-40px; margin-right:-40px;}
.row.row40 > [class*="col-"]{ padding:0 40px;}
.row.row30{ margin-left:-30px; margin-right:-30px;}
.row.row30 > [class*="col-"]{ padding:0 30px;}
.row.row60{ margin-left:-60px; margin-right:-60px;}
.row.row60 > [class*="col-"]{ padding:0 60px;}
.row.flex{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.row.flex > [class*="col-"]{ display:-webkit-box; display:-ms-flexbox; display:flex; }
.row.flex:before, .row.flex:after{ content:none;}
.row.center{ align-items: center;}
.row.bottom{ align-items: end;}
.row.flex [class*="col-"].pull-right{ order:2;}
.mt0{ margin-top:0px !important;}
.countup{ display:inline; font-size:inherit; font-weight:inherit; margin:0px; white-space:normal; color:inherit;}
.countup > *{ float:left; font-size:inherit; font-weight:inherit;}
hr{ max-width:100%; margin:20px auto;}
hr.site{ width:100%; max-width:100%; height:1px; margin:0px; border:0px; background:#e1e1e1;}
input[type=text], input[type=email], input[type=password], input[type=search], input[type=file], input[type=tel], textarea{ font-family: 'Outfit', sans-serif; height:50px; float:left; font-size:16px; font-weight:400; background:#fff; padding:10px 20px; border-radius:10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #c7c7c7;}
input[type=file]{ width:100%; height:auto; padding:12px 20px; font-size:14px;}
select{ width:100%; padding:10px; background:#fff; border:1px solid #e1e1e1; color:#000; -webkit-appearance:none;}
textarea{ height:100px; padding:20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form-group > label{ font-size:14px; text-align:left; font-weight:300; color:#000;}
.form-group > label span{ color:var(--primary-color-website); font-size:16px; line-height:24px; float:right; margin-left:5px;}
.chosen-container{ border-radius:0px; font-size:15px; background:#fff;}
.chosen-container-single .chosen-single{ height:48px; line-height:48px; padding-left:20px;}
.chosen-container-single .chosen-single span{ font-size:15px; font-weight:400; margin-right:35px;}
.chosen-container .chosen-drop{ border-radius:0px;}
.chosen-container .chosen-results{ border-radius:0px; padding:10px;}
.chosen-container .chosen-results li{ font-size:15px; line-height:30px; border-radius:0px; color:#1a1a1a;}
.chosen-container .chosen-results li:hover{ background:var(--primary-color-website); color:#fff; border-radius:0px;}
.chosen-container-single .chosen-single div:after{ line-height:43px; font-size:20px;}
.widget .chosen-single{ font-weight:400; background:#f7f7f7;}
.widget .chosen-drop{ background:#f7f7f7;}
input[type="submit"].btn{ height:50px;}
.form-group{ margin-bottom:25px;}
.preloader{ position: fixed; left: 0; top: 0; opacity: 1; z-index: 99999; width: 100%; height: 100%; background-image:url(../images/loading.gif); background-position:center center; background-size:200px 200px; z-index:99999999;}
.btn{ font-family: 'Outfit', sans-serif; font-size:17px; height:auto; padding:10px 30px; line-height:28px; font-weight:300; text-transform:none; border-radius:25px;}
.btn.btn-small{ font-size:15px; line-height:20px; padding:7px 15px;}
.btn.btn-input{ height:50px;}
.btn.btn-default{ background:#000; border:1px solid #000; color:#fff; vertical-align:top;}
.btn.btn-default:hover, .btn.btn-default:focus{ background:var(--primary-color-website); border-color:var(--primary-color-website); color:#fff;}
.btn.btn-primary{ background:var(--primary-color-website); border:1px solid var(--primary-color-website); vertical-align:top;}
.btn.btn-primary:hover, .btn.btn-primary:focus{ background:#000; border-color:#000;}
a.readmore{ font-family: 'Outfit', sans-serif; display:inline-block; font-size:17px; line-height:26px; position:relative; font-weight:700; color:var(--primary-color-website);}
a.readmore:before{ content:""; width:0px; height:2px; position:absolute; right:0px; bottom:-3px; background:var(--primary-color-website); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
a.readmore:after{ content:""; width:24px; height:24px; position:absolute; right:-30px; top:2px; background-image:url(../images/icon-arrow.png); background-size:100% auto; background-repeat:no-repeat; background-position:center center;}
a.readmore:hover:before{ width:100%;}
a.readmore.backpage{ margin-left:30px;}
a.readmore.backpage:after{ left:-30px; top:1px; transform: rotate(-180deg);}

.content .form .row{ margin:0 -10px;}
.content .form .row + .row{ margin-top:0px;}
.content .form .row [class*="col-"]{ padding:0 10px;}
.check{ width:100%; float:left;}
.check input[type=checkbox] {display: none;}
.check label{float:left; width:100%; position:relative; font-weight:400; color:#5c5c5c; vertical-align:top;}
.check label:before{ width:24px; height:24px; left:0px; background:#fff; border:1px solid #c7c7c7; content:""; position:absolute; margin-right:10px; cursor:pointer; border-radius:5px;}
.check input[type=checkbox]:checked + label:before { font-family:FontAwesome; content:"\f00c"; text-align: center; line-height:22px; font-size:14px; color:var(--primary-color-website);}
.check label span{ display:inline-block; padding-left:34px; font-size:14px; text-align:left; color:#000; font-weight:300; line-height:24px; float:left;}
.check label span a{ font-weight:700;}
.check + .check{ margin-top:5px;}

.navbar-toggle{ width:50px; height:50px; background:none; line-height:50px; position:absolute; right:30px; top:15px; background-color:var(--primary-color-website); border-radius:50%;}
.navbar-toggle i{ text-indent:-9999px; overflow:hidden; width:32px; height:32px; background-image:url(../images/icon-toggle.png); background-size:100% auto; background-position:center center; background-repeat:no-repeat;}
.navbar-toggle span{ font-size:20px; line-height:50px; color:#fff;}
.navbar-toggle:hover{ background:var(--primary-color-website);}
.navbar-toggle:hover i{ color:#fff;}
.check + input[type="submit"]{ margin-top:20px;}
.row.row-eq-height{display:flex}

.pagination{ text-align:center;}
.pagination li a:hover, .pagination li a:focus{ color:var(--primary-color-website);}
ul.pagination .prev, ul.pagination .next{ color:#000; border-color:#000;}
ul.pagination li.active a, ul.pagination li.active a:hover, ul.pagination li.active a:focus, ul.pagination .prev:hover, ul.pagination .prev:focus, ul.pagination .next:hover, ul.pagination .next:focus{ color:var(--primary-color-website); border-color:var(--primary-color-website);}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus, .pagination > .disabled > .next:hover, .pagination > .disabled > .prev:hover{ border-color:#e1e1e1; color:#e1e1e1; cursor:default;}


.languages-fixed{ position:fixed; right:0px; top:50%; transform: translateY(-50%); z-index:20;}
.languages-fixed ul{ width:100%; float:left; margin:0px; padding:10px; background:#fff; border:1px solid #e1e1e1; border-top-left-radius:10px; border-bottom-left-radius:10px}
.languages-fixed ul li{ clear:both; width:24px; float:left; margin-bottom:10px;}
.languages-fixed ul li:last-child{ margin-bottom:0px;}
.languages-fixed ul li a{ opacity:0.3;}
.languages-fixed ul li a:hover, .languages-fixed ul li.active a{ opacity:1;}

/* topbar */

.topbar{ width:100%; float:left; padding:10px 0;}
.topbar .row{ justify-content:space-between;}
.topbar .right{ display:flex; flex-wrap:nowrap; justify-content:right;}
.topbar .text{ width:auto; float:left;}
.topbar .text p{ font-size:13px; color:#000; line-height:24px;}
.topbar .text span{ margin:0 5px; color:#e1e1e1;}
.topbar .text a{ font-weight:700;}
.topbar .social{ width:auto; float:left; margin-left:30px;}
.topbar .social ul{margin:0; width:auto; display:flex; justify-content:center; display:flex; flex-wrap:wrap;}
.topbar .social li{ width:auto;float:left; padding:0px; margin:0 3px 0 0;}
.topbar .social li:last-child{ margin:0px;}
.topbar .social li:before{ display:none;}
.topbar .social li a{ float:left;position:relative;border-radius:50%;background:#707173;}
.topbar .social li a span.circle{width:24px;height:24px;float:left;color:#fff;text-align:center; margin:0px;}
.topbar .social li a span.circle i{font-size:10px;line-height:24px;vertical-align:top;}
.topbar .social li.facebook a{background:#3b5999}
.topbar .social li.instagram a{background:#E4405F}
.topbar .social li.linkedin a{background:#0A66C2}
.topbar .social li.youtube a{background:#cd201f}
.topbar .social li.vimeo a{background:#1AB7EA}
.topbar .social li.tripadvisor a{ background:#00af87;}
.topbar .social li.tiktok a{ background:#333;}
.topbar .social li a:hover{ background:#000;}

.fa-tripadvisor{ width:100%; height:100%; background: url('../images/tripadvisor.svg') no-repeat center center; background-size:60% auto;}

/* header */

.sticky-wrapper.is-sticky{ width:100%; position:absolute; z-index:999;}

.header{ width:100% !important; float:left; font-family: 'Outfit', sans-serif; background:none;}
.header a.navbar-brand{ float:left; font-size:0px; line-height:100px; padding:0 40px; padding-left:0px;}
.header a.navbar-brand img{ max-width:225px; max-height:65px; margin:0px;}
.header .navbar-collapse{ margin-top:25px; float:right; margin-right:0px !important;}
.header .navbar-nav > li{ position:relative;}
.header .navbar-nav > li > a{ font-family: 'Outfit', sans-serif; font-size:20px; color:#000; font-weight:300; padding:15px 0px; margin:0 10px; border:0px; line-height:20px;}
.header .navbar-nav > li > a:hover{ color:var(--primary-color-website);}
.header .navbar-nav > li.active > a{ font-weight:700; border:0px; color:var(--primary-color-website);}
.header .navbar-nav > li > a span { padding:0px;}
.header .navbar-nav > li > a span:before, .header .navbar-nav > li.active > a span:before { content: ""; width:0px; height:2px; position:absolute; right:0px; bottom:10px; background:var(--primary-color-website); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.header .navbar-nav > li > a:hover span:before, .header .sfHover > a:hover span:before, .header .sfHover a.sf-with-ul span:before, .header .navbar-nav > li.active > a span:before { width:100%; }
.header .navbar-nav > li.book{ margin-left:20px;}
.header .navbar-nav > li.book > a{ color:#fff; font-size:17px; padding:14px 30px; margin:0px; background:var(--primary-color-website); border:1px solid var(--primary-color-website); border-radius:25px;}
.header .navbar-nav > li.book > a:hover{ background:#000; border-color:#000; color:#fff;}

.sticky-wrapper.is-sticky .header{ background:#fff; background:rgba(256,256,256,0.95); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(5px); box-shadow:0px 0px 25px rgba(0,0,0,0.3);}
.sticky-wrapper.is-sticky .header a.navbar-brand img{ max-height:65px;}
.sticky-wrapper.is-sticky .header .navbar-collapse{ margin-top:25px;}

.wrapper{ overflow:unset;}
.content{ width:100%; float:left; overflow:hidden; background:#fff;}
.content .row + .row{ margin-top:60px;}

/* visual home page */

.visual-wrap{ width:100%; position:relative; overflow:hidden;}
.visual{ width:100%; height:auto; position:relative; padding:100px 0 160px 0; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.visual:after{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1;}
.visual .row{ margin:0px -30px;}
.visual [class*="col-"]{ position:inherit; padding:0px 30px; text-align:left;}
.visual .text{ width:100%; float:left;}
.visual .text h1{ color:var(--primary-color-website); font-size:55px; line-height:60px; font-weight:200; position:relative; z-index:2; margin-bottom:20px;}
.visual .text h1 strong{ font-weight:900;}
.visual .text h2{ font-size:24px; line-height:32px; color:#000; font-weight:300; position:relative; z-index:2; margin-bottom:30px; text-transform:none;}
.visual .text h2 strong{ font-weight:700;}
.visual .text p, .visual .text blockquote{ font-size:20px; line-height:28px; color:#000; position:relative; z-index:2; margin-bottom:20px;}
.visual .text blockquote{ padding:0px; border:0px; margin:0px; margin-bottom:20px; font-weight:300;}
.visual .text .btn{ position:relative; z-index:2; margin-top:0px;}
.visual .image{ position:relative;}
.visual .image img{ border-radius:20px; position:relative; z-index:2; box-shadow:10px 10px 20px rgba(0,0,0,0.3);}
.visual-wrap .swiper-prev{ left:40px; background:none; border-color:#fff;}
.visual-wrap .swiper-next{ right:40px; background:none; border-color:#fff;}
.visual-wrap .swiper-prev:hover{ background:var(--primary-color-website); border-color:var(--primary-color-website); color:#fff;}
.visual-wrap .swiper-next:hover{ background:var(--primary-color-website); border-color:var(--primary-color-website); color:#fff;}
.visual-wrap .down{ width:60px; height:60px; line-height:60px; border-radius:50%; position:absolute; z-index:2; left:50%; margin-left:-30px; bottom:0px; background-color:var(--primary-color-website); border:1px solid var(--primary-color-website);}
.visual-wrap .down:before{ content:"\f107"; width:100%; height:100%; position:absolute; left:0px; top:0px; font-family:FontAwesome; font-size:25px; text-align:center; line-height:inherit; color:#fff;}
.visual-wrap .down:hover{ background:#000; border-color:#000; color:#fff;}

/* titolo pagina */

.title{ padding-top:60px; padding-bottom:0px; position:relative; text-align:center; overflow:hidden; background-image:url(../images/title.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.title .text{ text-align:center; position:relative; z-index:3;}
.title .text h1, .title .text h2{ color:var(--primary-color-website); font-size:60px; line-height:65px; font-weight:700; position:relative; z-index:2;}
.title .breadcrumb{ width:100%; float:left; min-height:18px; position:relative; text-align:left; z-index:3; text-transform:none; margin-top:5px;}
.title .breadcrumb .box{ width:100%; display:flex; flex-wrap:nowrap; justify-content:center;}
.title .breadcrumb ul{ float:left; margin:0px; padding:0px;}
.title .breadcrumb li{ width:auto; float:left; display:inline-block; position:relative; font-size:13px; line-height:18px; padding:0px;}
.title .breadcrumb a{ color:#000; float:left; line-height:18px; position:relative;}
.title .breadcrumb li:after{ content:"/"; color:#e1e1e1; margin:0 5px; display:inline-block; vertical-align:middle;}
.title .breadcrumb li:last-child:after{ display:none;}

/* blocchi generale */

.block{ padding:80px 0; position:relative; z-index:2;}
.block.gray{ background:#f7f7f7;}
.block.pt0{ padding-top:0px !important;}
.block.pb0{ padding-bottom:0px !important;}
.block h1, .block h2{ font-size:55px; line-height:60px; color:var(--primary-color-website); margin-bottom:0px; font-weight:300;}
.block h1.alternate, .block h2.alternate{ color:#000;}
.block h1:last-child, .block h2:last-child{ margin-bottom:0px;}
.block h3{ font-size:24px; line-height:32px; color:#000; margin-bottom:15px; text-transform:none; font-weight:300;}
.block h3:last-child{ margin-bottom:0px;}
.block h4{ font-size:20px; line-height:28px; color:#000; margin-bottom:15px; text-transform:none; font-weight:300;}
.block h4:last-child{ margin-bottom:0px;}
.block ul{ margin:0px; padding:0px; margin-bottom:25px;}
.block ul:last-child{ margin-bottom:0px;}
.block li{ position:relative; margin-bottom:0px; padding-left:20px;}
.block li:last-child{ margin-bottom:0px;}
.block li:before{ content:"\f105"; font-family:FontAwesome; position:absolute; left:0px; font-size:15px; color:var(--primary-color-website);}
.block ul.check li:before{ content:"\f00c"; font-size:13px;}
.block h3 + a.readmore{ margin-top:20px;}
.block blockquote{ font-size:17px; line-height:26px; margin:0px; margin-bottom:10px; padding:0px; border:0px; font-weight:300;}

.block.presentation h2{ margin-bottom:10px;}
.block.presentation h2:last-child{ margin-bottom:0px;}
.block.presentation h2{ margin-bottom:0px;}
.block.presentation h2:last-child{ margin-bottom:0px;}
.block.presentation h2 + h3{ margin-top:10px;}
.block.presentation h2 + ul{ margin-top:20px;}
.block.presentation h3{ margin-bottom:0px;}
.block.presentation h2 + p{ margin-top:15px;}
.block.presentation h3 + p{ margin-top:15px;}
.block.presentation h3 + ul{ margin-top:15px;}
.block.presentation h3 + .btn{ margin-top:20px;}
.block.presentation h2 + .btn{ margin-top:30px;}
.block.presentation h3 + h2{ margin-top:30px;}
.block.presentation h1 + blockquote{ margin-top:15px;}
.block.presentation h2 + blockquote{ margin-top:15px;}
.block.presentation p{ }
.block.presentation p + h2{ margin-top:20px;}
.block.presentation p + h3{ margin-top:15px;}
.block.presentation p + .readmore{ margin-top:10px;}
.block.presentation p + .btn{ margin-top:20px;}
.block.presentation .video-wrap{ position:relative;}
.block.presentation .video-wrap .image{ width:100%; position: relative; padding-bottom:56.25%; height:0; margin:0; left:0px; top:0px; background-size:cover; background-position:center center; z-index:2; cursor:pointer;}
.block.presentation .video-wrap .image video{ width:100%; height:100%; position:absolute; top:0; left:0;}

/* intro */

.block.intro-page{ position:relative;}
.block.intro-page .image img{  border-radius:20px; position:relative; z-index:2; box-shadow:10px 10px 20px rgba(0,0,0,0.3);}
.block.intro-page .menu-list{ margin-top:20px;}
.block.intro-page .menu-list ul{ margin:0px; padding:0px; display:flex; flex-wrap:wrap;}
.block.intro-page .menu-list ul li{ display:inline-block; padding:0px; margin:5px;}
.block.intro-page .menu-list ul li:before{ display:none;}
.block.intro-page .menu-list ul li a{ font-size:17px; height:auto; padding:10px 30px; display:block; line-height:28px; font-weight:300; text-transform:none; border-radius:25px; background:var(--primary-color-website); border:1px solid var(--primary-color-website); vertical-align:top; color:#fff;}
.block.intro-page .menu-list ul li a:hover, .block.menulink .wrap ul li a:focus{ background:#000; border-color:#000;}

.block.intro-page + .block.menu{ padding-top:0px;}
.block.intro-page + .block.cta{ padding-top:0px;}

/* cta coupon */

.block.cta-coupon{ position:relative;}
.block.cta-coupon .image img{  border-radius:20px; position:relative; z-index:2; box-shadow:10px 10px 20px rgba(0,0,0,0.3);}

/* cta about */

.block.cta-about{ position:relative;}
.block.cta-about .images{ display:flex; flex-wrap:wrap; position:relative;}
.block.cta-about .images .image1{ width:70%; height:auto; float:left; padding-right:30px; }
.block.cta-about .images .image2{ width:30%; height:auto; float:left; margin-top:10%;}
.block.cta-about .images .image3{ width:30%; height:auto; float:left; margin-left:70%; padding-right:30px; margin-top:-110px;}
.block.cta-about .images img{ width:100%; height:auto; border-radius:20px; overflow:hidden;box-shadow: 10px 10px 20px rgba(0,0,0,0.3);}

/* cta menu */

.block.cta-menu{ position:relative;}
.block.cta-menu .images{ display:flex; flex-wrap:wrap; position:relative;}
.block.cta-menu .images .image1{ width:55%; float:left; padding-right:30px;}
.block.cta-menu .images .image2{ width:45%; float:left; margin-top:100px;}
.block.cta-menu .images .image3{ width:35%; float:right; margin-left:20%; padding-right:30px; margin-top:-30px;}
.block.cta-menu .images img{ width:100%; height:auto; border-radius:20px; overflow:hidden; box-shadow: 10px 10px 20px rgba(0,0,0,0.3);}

/* intro */

.block.intro{ padding-bottom:0px;}
.block.intro .row{ text-align:center;}
.block.intro hr.site{ margin:0 auto; margin-top:40px; max-width:100px; height:6px; background:var(--primary-color-website); border-radius:3px;}
.block.intro .text h2{ font-size:36px; line-height:40px;}

/* about */

.block.about .text{ text-align:center;}
.block.about .text h2{ font-size:36px; line-height:40px;}
.block.about .gallery{ margin-top:60px;}
.block.about .gallery .item img{ border-radius:20px; overflow:hidden; box-shadow: 10px 10px 20px rgba(0,0,0,0.3);}

.block.about + .block.cta{ padding-top:0px;}

/* fidelity */

.block.fidelity .row + .row{ margin-top:0px;}
.block.fidelity .intro{ text-align:center;}
.block.fidelity .intro h2{ font-size:34px; line-height:40px;}
.block.fidelity .item{ width:100%; background:#f7f7f7; padding:40px; padding-top:60px; text-align:center; position:relative; border-radius:20px; margin-top:40px; margin-top:80px;}
.block.fidelity .item .points{ width:80px; height:80px; background:var(--primary-color-website); position:absolute; top:0px; left:50%; margin-left:-40px; margin-top:-40px; border-radius:50%; display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; white-space:nowrap;}
.block.fidelity .item .points .number{ font-size:22px; line-height:1; color:#fff; font-weight:700;}
.block.fidelity .item .points .name{ width:100%; float:left; font-size:12px; line-height:1; font-weight:300; white-space:nowrap; color:#fff; text-transform:uppercase;}
.block.fidelity .item .text h2{ font-size:32px; line-height:36px; font-weight:700; margin:0px; margin-bottom:5px;}
.block.fidelity .item .text h2 + p{ margin-top:0px;}

.block.fidelity + .block.cta{ padding-top:0px;}

/* gif card*/

.block.gift{ padding-bottom:40px;}
.block.gift .intro{ text-align:center;}
.block.gift .intro h2{ font-size:36px; line-height:40px;}
.block.gift .row.row-gifts{ justify-content:center;}
.block.gift .item{ width:100%; float:left; text-align:center; position:relative; border-radius:20px; margin-bottom:40px;}
.block.gift .item .gifts{ margin-bottom:40px; }
.block.gift .item .gifts img{ border-radius:10px; box-shadow:5px 5px 15px rgba(0,0,0,0.15);}
.block.gift .item .text h2{ font-size:32px; line-height:36px; font-weight:700; margin:0px; margin-bottom:5px;}
.block.gift .item .text h2 + p{ margin-top:0px;}
.block.gift .item .link{ margin-top:20px;}
.block.gift + .block.cta{ padding-top:0px;}

/* menu */

.block.menu .section{ padding:40px 0; margin-bottom:40px 0; border-bottom:1px solid #e1e1e1;}
.block.menu .section:first-child{ padding-top:0px;}
.block.menu .section:last-child{ padding-bottom:0px; margin-bottom:0px; border:0px;}
.block.menu .section .section-title{ text-align:center; margin-bottom:20px;}
.block.menu .section .section-title h2{ font-size:36px; line-height:40px; font-weight:700;}
.block.menu .section .section-description{ text-align:center; margin-bottom:20px;}
.block.menu .section .section-description p{ font-size:22px; line-height:28px;}
.block.menu .section .section-subtitle{ text-align:center; margin-bottom:20px;}
.block.menu .section .section-subtitle h3{ font-weight:700;}
.block.menu .section .section-description + .item{ margin-top:40px;}
.block.menu .section .item{ text-align:center; margin-bottom:20px;}
.block.menu .section .item .head{ margin-bottom:10px;}
.block.menu .section .item .head .name h4{ font-weight:400;}
.block.menu .section .item .body .description{ padding:0 10%; margin-bottom:10px;}
.block.menu .section .item .body .description ul li{ padding-left:0px;}
.block.menu .section .item .body .description ul li:before{ display:none;}
.block.menu .section .item .body .total{ font-size:20px; line-height:26px; color:#666; font-weight:300;}

.block.menu + .block.cta{ padding-top:0px;}

/* testimonianze */

.block.testimonials .row + .row{ margin-top:30px;}
.block.testimonials .swiper-wrapper{ align-items:center;}
.block.testimonials .item{ text-align:center; padding:0 100px;}
.block.testimonials .item .text{ max-width:800px; display:inline-block; margin-bottom:20px; position:relative;}
.block.testimonials .item .text h2{ font-weight:700;}
.block.testimonials .item .text p{ font-size:20px; line-height:28px; font-weight:300;}
.block.testimonials .item .text p + h2{ margin-top:20px;}
.block.testimonials .item .rating{ width:100%; float:left; margin-bottom:0px;}
.block.testimonials .item .rating ul{ margin:0px; padding:0px;}
.block.testimonials .item .rating li{ width:21px; height:21px; display:inline-block; margin:0px 0.5px; border-radius:50%; padding:0px; padding:3px; background:#e1e1e1;}
.block.testimonials .item .rating li.active{ background:var(--primary-color-website);}
.block.testimonials .item .rating li:before{ display:none;}
.block.testimonials .item .rating li span{ width:15px; height:15px; background:#e1e1e1; float:left; border-radius:50%; border:2px solid #fff;}
.block.testimonials .item .rating li.active span{ background:var(--primary-color-website);}
.block.testimonials .item .bottom h3{ font-weight:700;}

.block.testimonials .item{ padding:40px 0; border-bottom:1px solid #e1e1e1;}
.block.testimonials .item:first-child{ padding-top:0px;}
.block.testimonials .item:last-child{ padding-bottom:0px; margin-bottom:0px; border:0px;}

/* blog */

.block.blog{ padding-bottom:0px;}
.block.blog .item{ margin-bottom:60px;}
.block.blog .item:last-child{ margin-bottom:0px;}
.block.blog .item .image img{  border-radius:20px; position:relative; z-index:2; box-shadow:10px 10px 20px rgba(0,0,0,0.3);}
.block.blog .item .text h2{ font-size:36px; line-height:40px;}

/* post */

.block.post .item{ width:100%; max-width:700px; margin:0 auto;}
.block.post .item .image{ margin-bottom:60px;}
.block.post .item .image img{  border-radius:20px; position:relative; z-index:2; box-shadow:10px 10px 20px rgba(0,0,0,0.3);}
.block.post .item .text{}
.block.post .item .text h2{ font-size:36px; line-height:40px;}

.block.post + .block.cta{ padding-top:0px;}


/* contatti footer */

.block.contacts-icon .row.flex [class*="col-"]:last-child .item{ border:0px;}
.block.contacts-icon .item{ width:100%; text-align:center; border-right:1px solid #e1e1e1;}
.block.contacts-icon .item .icon{ display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; margin-bottom:20px;}
.block.contacts-icon .item .icon i{ font-size:25px; line-height:1; color:var(--primary-color-website); margin:0px;}
.block.contacts-icon .item .icon span{ font-size:20px; font-weight:700; color:var(--primary-color-website); margin-left:10px;}
.block.contacts-icon .item .text .link{ font-size:24px; line-height:32px;}
.block.contacts-icon .item .text .link a{ color:#000; font-weight:300;}
.block.contacts-icon .item .text .social{ width:100%; float:left;}
.block.contacts-icon .item .text .social ul{margin:0; width:auto; display:flex; justify-content:center; display:flex; flex-wrap:wrap;}
.block.contacts-icon .item .text .social li{ width:auto;float:left; padding:0px; margin:0 5px 0 0;}
.block.contacts-icon .item .text .social li:last-child{ margin:0px;}
.block.contacts-icon .item .text .social li:before{ display:none;}
.block.contacts-icon .item .text .social li a{ float:left;position:relative;border-radius:50%;background:#707173;}
.block.contacts-icon .item .text .social li a span.circle{width:32px;height:32px;float:left;color:#fff;text-align:center; margin:0px;}
.block.contacts-icon .item .text .social li a span.circle i{font-size:14px;line-height:32px;vertical-align:top;}
.block.contacts-icon .item .text .social li.facebook a{background:#3b5999}
.block.contacts-icon .item .text .social li.instagram a{background:#E4405F}
.block.contacts-icon .item .text .social li.linkedin a{background:#0A66C2}
.block.contacts-icon .item .text .social li.youtube a{background:#cd201f}
.block.contacts-icon .item .text .social li.vimeo a{background:#1AB7EA}
.block.contacts-icon .item .text .social li.tripadvisor a{background:#00af87}
.block.contacts-icon .item .text .social li.tiktok a{background:#333;}
.block.contacts-icon .item .text .social li a:hover{ background:#000;}

/* dove */

.block.where{}
.block.where .iframe-wrap{ width:100%; float:left;}
.block.where .iframe{ width:100%; height:550px; border-radius:20px; position:relative; z-index:2; box-shadow:10px 10px 20px rgba(0,0,0,0.1);}
.block.where .iframe .map-content{ padding:10px; text-align:center;}
.block.where .iframe .map-content h2{ font-family: 'Outfit', sans-serif; font-size:20px; line-height:26px; color:var(--primary-color-website); font-weight:700; margin-bottom:5px;}
.block.where .iframe .map-content p{ font-family: 'Outfit', sans-serif; font-size:17px; line-height:24px; font-weight:300; margin:0px; margin-bottom:0px;}
.block.where .text{ width:100%;}
.block.where .text .place{ margin-bottom:40px;}
.block.where .text .opening-time ul{ margin-top:20px;}
.block.where .text .opening-time ul li{ padding:3px 0; display:flex; flex-wrap:nowrap; border-bottom:1px solid #e1e1e1; position:relative;}
.block.where .text .opening-time ul li:last-child{ border:0px;}
.block.where .text .opening-time ul li:before{ display:none;}
.block.where .text .opening-time ul li .day{ width:35%;}
.block.where .text .opening-time ul li .hours{ width:65%; font-weight:700;}
.block.where .text .opening-time ul li.active{}
.block.where .text .opening-time ul li.active .day{ color:var(--primary-color-website);}
.block.where .text .opening-time ul li.active .hours{ color:var(--primary-color-website);}

/* cta */

.block.cta .box{ padding:60px; background:#f7f7f7; border-radius:20px; text-align:center;}

/* contatti */

.block.contacts{ padding-top:0px; margin-top:40px;}
.block.contacts .box{ padding:60px 0; background:#f7f7f7; border-radius:20px;}
.block.contacts .form{ width:100%; float:left; text-align:center;}
.block.contacts .form .check{ width:auto; display:inline-block; float:none;}
.block.contacts .form .check label:before{ background:#f7f7f7;}
.block.contacts .form .form-group{ position:relative;}
.block.contacts .form .form-group > label{ position:absolute; top:0px; margin:0px; margin-top:-12px; background:#f7f7f7; padding:0 10px 0 0;}
.block.contacts .form .form-group input, .block.contacts .form .form-group textarea{ background:#f7f7f7;}
.block.contacts .form .item{ margin-top:30px;}
.block.contacts .form .item .btn{ margin-top:20px; height:60px; padding:0 50px; font-size:20px; border-radius:30px;}

/* swiper navigation */

.swiper-prev, .swiper-next{ width:48px; height:48px; line-height:48px; position:absolute; top:50%; margin-top:-24px; background:var(--primary-color-website); color:#fff; border:1px solid var(--primary-color-website); border-radius:50%; z-index:10; cursor:pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.swiper-next:before, .swiper-prev:before{ width:100%; height:100%; position:absolute; left:0px; top:0px; font-family:FontAwesome; font-size:20px; text-align:center; line-height:inherit;}
.swiper-prev{ left:0px;}
.swiper-next{ right:0px;}
.swiper-prev:before{ content:"\f104";}
.swiper-next:before{ content:"\f105";}
.swiper-next:hover, .swiper-prev:hover{ background:#000; border-color:#000; color:#fff;}


/* footer */

.footer{ width:100%; position:relative; z-index:2; display:inline-block; font-family: 'Outfit', sans-serif; width:100%; float:left; background:#fff; border-bottom:10px solid var(--primary-color-website);}
.footer .footer-row{ text-align:center; position:relative; z-index:3; padding-top:60px; padding-bottom:20px; overflow:hidden;}
.footer .footer-row .row{ display:flex; flex-wrap:nowrap; justify-content:center;}
.footer .footer-row .row [class*="col-"]{ width:auto; max-width:300px; text-align:center; display:inline-block;}
.footer .footer-row .widget{ width:100%; min-width:150px; float:left; text-align:center; margin-bottom:40px;}
.footer .footer-row .widget h4{ font-size:22px; line-height:26px; color:var(--primary-color-website); font-weight:400; margin-bottom:10px;}
.footer .footer-row .widget p + h4{ margin-top:20px;}
.footer .footer-row .widget p, .footer .footer-row .widget li{ font-family: 'Outfit', sans-serif; font-weight:300; font-size:15px; line-height:22px; margin-bottom:10px; color:#000;}
.footer .footer-row .widget p:last-child{ margin-bottom:0px;}
.footer .footer-row .widget p a{ color:var(--primary-color-website);}
.footer .footer-row .widget ul{ margin-bottom:0px;}
.footer .footer-row .widget li{ padding-left:0px; margin:0px;}
.footer .footer-row .widget li:before{ display:none; content:"\f105"; font-family:FontAwesome; position:absolute; left:0px; font-size:14px; color:var(--primary-color-website);}
.footer .footer-row .widget li a{ color:#000; font-weight:inherit;}
.footer .footer-row .widget li a:hover{ color:var(--primary-color-website);}
.footer .footer-row .social{ clear:both; width:100%; float:left;}
.footer .footer-row .social ul{margin:0; width:auto; max-width:160px; display:flex; justify-content:center; display:flex; flex-wrap:wrap;}
.footer .footer-row .social li{ width:auto;float:left; padding-left:0px; margin:5px;;}
.footer .footer-row .social li:before{ display:none;}
.footer .footer-row .social li a{float:left;position:relative;border-radius:50%; background:#707173;}
.footer .footer-row .social li a span.circle{width:40px;height:40px;float:left;color:#fff;text-align:center;}
.footer .footer-row .social li a span.circle i{font-size:16px;line-height:40px;vertical-align:top;}
.footer .footer-row .social li.facebook a{background:#3b5999}
.footer .footer-row .social li.instagram a{background:#E4405F}
.footer .footer-row .social li.linkedin a{background:#0A66C2}
.footer .footer-row .social li.youtube a{background:#cd201f}
.footer .footer-row .social li.vimeo a{background:#1AB7EA}
.footer .footer-row .social li.tripadvisor a{background:#00af87}

.footer .footer-extra{ padding:0px; padding-bottom:30px; background:none; text-align:center;}
.footer .footer-extra .row{ padding:0px;}
.footer .footer-extra .row p{ font-size:14px; line-height:22px; color:#000; font-weight:300;}
.footer .footer-extra .row p span{ margin:0 5px;}
.footer .footer-extra .row a{ color:#000; font-weight:inherit;}
.footer .footer-extra .row a:hover{ color:var(--primary-color-website);}

/* modal */

body.modal-open .header{ filter: blur(4px);}
body.modal-open .wrapper{ filter: blur(4px);}
body.modal-open .footer{ filter: blur(4px);}

.modal{ z-index:999999; border-radius:0px; padding:10px;}
.modal .modal-dialog{ width:800px; top:-100%; margin:0 auto; padding:0px;}
.modal.in .modal-dialog{ top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%);  -webkit-transition: -webkit-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; transition: transform 0.5s ease-out;}
.modal-backdrop{ background:#666; z-index:99999;}
.modal{ z-index:999999;}
.modal .row + .row{ margin-top:30px;}
.modal .modal-content{ border-radius:20px;}
.modal .modal-body{ border-radius:0px; padding:40px;}
.modal .close{ width:40px; height:40px; position:absolute; top:0px; right:0px; opacity:1; z-index:9999;}
.modal .close:before{ content:"\f00d"; font-family: 'FontAwesome'; width:100%; height:100%; position:absolute; left:0px; top:0px; font-size:20px; line-height:40px; text-align:center;}
.modal .image img{  border-radius:20px; position:relative; z-index:2; box-shadow:10px 10px 20px rgba(0,0,0,0.3);}
.modal .text h3{ font-size:16px; line-height:24px; color:#000; font-weight:300; margin:0px;}
.modal .text h2{ font-size:34px; line-height:40px; color:var(--primary-color-website); font-weight:300; margin:0px;}
.modal .text h3 + h2{ margin-top:5px;}
.modal .text p + .btn{ margin-top:20px;}

/* polioy */

body.body-policy{ background:#fff;}
body.body-policy:before{ display:none;}
body.body-policy .block.policy{ width:100%; float:left; padding:60px 0;}
body.body-policy .block.policy .container:before, body.body-policy .block.policy .container:after{ display:none;}
body.body-policy .block.policy .row:before, body.body-policy .block.policy .row:after{ display:none;}
body.body-policy .block.policy .wrap{ width:640px; margin:0 auto;}
body.body-policy .block.policy h1{ font-size:40px; line-height:1.1; color:#000; font-weight:700; margin:0px; margin-bottom:20px;}
body.body-policy .block.policy h2{ font-size:30px; line-height:1.1; color:#000; font-weight:400; margin:0px; margin-bottom:20px;}
body.body-policy .block.policy h3{ font-size:26px; line-height:1.1; color:#000; font-weight:400; margin:0px; margin-bottom:20px;}
body.body-policy .block.policy h4{ font-size:20px; line-height:1.1; color:#000; font-weight:400; margin:0px; margin-bottom:20px;}
body.body-policy .block.policy p, body.body-policy .block.policy li{ font-size:16px; line-height:24px; color:#000; margin:0px; margin-bottom:20px;}
body.body-policy .block.policy p:last-child{ margin-bottom:0px;}
body.body-policy .block.policy ul{ margin:0px; padding:0px; margin-bottom:20px;}
body.body-policy .block.policy ul:last-child{ margin-bottom:0px;}
body.body-policy .block.policy ul li{ list-style:none; position:relative; margin-bottom:0px; padding-left:25px;}
body.body-policy .block.policy ul li:last-child{ margin-bottom:0px;}
body.body-policy .block.policy ul li:before{ content:"\f105";  font-family:FontAwesome; position:absolute; left:0px; top:3px; font-size:13px; line-height:24px; color:#000;}
body.body-policy .block.policy ol{ margin:0px; padding:0px; margin-bottom:20px;}
body.body-policy .block.policy ol:last-child{ margin-bottom:0px;}
body.body-policy .block.policy ol li{ list-style:none; position:relative; margin-bottom:0px; padding-left:25px; counter-increment:counter;}
body.body-policy .block.policy ol li:before{ font-family: 'Outfit', sans-serif; width:25px; text-align:left; content:counter(counter) "."; font-weight:300; position:absolute; left:0px; font-size:16px; color:#000; font-weight:700;}
body.body-policy .block.policy .text.text-disiscriviti{ text-align:center; padding:20px; background:#ffddc3; border-radius:10px;}
body.body-policy .block.policy .text.text-disiscriviti p{ font-size:20px 40px; font-size:20px; line-height:1.4;}
body.body-policy .block.policy .text.text-disiscriviti a{ font-weight:700; text-decoration:underline;}
body.body-policy .block.policy .text.text-disiscriviti a:hover{ text-decoration:none;}

.whatsappfixed{ width:60px; height:60px; position:fixed; right:20px; bottom:20px; background:#25D366; border-radius:50%; font-size:30px; line-height:60px; text-align:center; color:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.2); z-index:200; animation: pulse 1.5s infinite;}
.whatsappfixed:hover, .whatsappfixed:focus{ background:#000; color:#fff;}

@media (min-width: 1500px) {
	
	.container{ width:1400px;}
	.visual .container{ width:1400px !important; padding:0px 30px !important;}
	
}

@media (max-width: 1499px) {
	
	.container{ width:1170px;}
	.visual .container{ width:1170px; padding:0 30px;}
	.btn{ font-size:16px;}
	p, li{ font-size:16px; line-height:24px;}

	.header .navbar-nav > li.homepage{ display:none;}
	.header .navbar-nav > li > a{ font-size:18px;}
	.header .navbar-nav > li.book > a{ font-size:16px;}
	
	.visual .text h1{ font-size:45px; line-height:50px;}
	.visual .text h2{ font-size:22px; line-height:30px;}
	.visual-wrap .down{ width:50px; height:50px; line-height:50px;}
	.visual-wrap .down:before{ font-size:20px;}
	
	.title .text h1, .title .text h2{ font-size:45px; line-height:50px;}
	
	.block h1, .block h2{ font-size:45px; line-height:50px;}
	.block h3{ font-size:22px; line-height:30px;}
	
	.block.intro-page .menu-list ul li a{ font-size:16px;}
	
	.block.intro .text h2{ font-size:32px; line-height:38px;}
	
	.block.contacts-icon .item .text .link{ font-size:22px; line-height:30px;}
	.block.contacts-icon .item .icon{ margin-bottom:10px;}
	
	.footer .footer-extra .row p{ font-size:13px; line-height:20px;}
	
	.block.gift .intro h2{ font-size:32px; line-height:38px;}
	
	.block blockquote{ font-size:16px; line-height:24px; text-align:inherit !important;}
	

}

@media (max-width: 1399px) {
	
	.header .navbar-nav > li > a{ font-size:17px; margin:0 7px;}
	
}


@media (max-width: 1200px) {

	.container{ width:970px;}
	.container-fluid{ padding:0 40px;}
	.visual .container{ width:970px;}
	
	.row.row40{ margin-left:-20px; margin-right:-20px;}
	.row.row40 > [class*="col-"]{ padding:0 20px;}
	
	.topbar .row{ flex-wrap:wrap;}
	.topbar .row > [class*="col-"]{ width:100%;}
	.topbar .left{ width:100%; float:left;}
	.topbar .left .text{ width:100%; text-align:center;}
	.topbar .right{ width:100%; float:left; text-align:center; justify-content:center;}
	.topbar .text span{ margin:0 3px;}
	
	.header .navbar-nav > li.homepage{ display:none;}
	.header .navbar-nav > li > a{ margin:0 5px; font-size:17px;}
	.header .navbar-nav > li.book{ margin-left:15px;}
	
	.visual{ padding:100px 0;}
	.visual .text h1{ font-size:40px; line-height:45px;}
	.visual .text h2{ font-size:20px; line-height:28px;}
	
	.block{ padding:60px 0;}
	
	.title{ padding-top:40px;}
	.title .text h1, .title .text h2{ font-size:40px; line-height:45px;}
	
	.block h1, .block h2{ font-size:40px; line-height:45px;}
	.block h3{ font-size:20px; line-height:28px;}
	.block h4{ font-size:18px; line-height:26px;}
	
	.block.intro .text h2{ font-size:28px; line-height:34px;}
	
	.block.contacts-icon .item .text .link{ font-size:20px; line-height:28px;}
	
	.block.about .gallery .row{ margin-left:-10px; margin-right:-10px;}
	.block.about .gallery .row > [class*="col-"]{ padding:0 10px;}
	
	.block.cta .box{ padding:40px;}
	
	.block.cta-about .images .image3{ margin-top:-60px;}
	
	
	.footer .footer-extra .row p{ font-size:12px; line-height:18px;}
	
	.block.gift{ padding-bottom:20px;}
	.block.gift .intro h2{ font-size:28px; line-height:34px;}
	
	.whatsappfixed{ width:48px; height:48px; line-height:48px; right:15px; bottom:15px; font-size:26px;}

	
}

@media (max-width: 1100px) {
	
	.header a.navbar-brand img{ max-width:190px; max-height:55px;}
	
	.header .navbar-nav > li > a{ font-size:16px;}
	
	.header .navbar-nav > li.book{ margin-left:7px;}
	.header .navbar-nav > li.book > a{ padding-left:20px; padding-right:20px;}
	
}

@media (max-width: 1008px) {
	
	.container-fluid{ padding:0 30px;}
		
}

@media (min-width: 992px) {
	
	.header .navbar-collapse{ display:block;}

}

@media (max-width: 992px) {
	
	.navbar-nav{ padding-bottom:0px;}	
	.footer-row [class*=col-]{ margin:0px;}
	
}

@media (max-width: 991px) {
	
	
	.container{ width:750px;}
	.visual .container{ width:750px !important;}
	
	.navbar-toggle{ display:block !important; z-index:2;}
	
	.hr-header{ display:none;}
	
	.header{}
	.header .navbar{}
	.header a.navbar-brand{ position:relative; border-radius:0px; padding-left:0px; padding-right:0px; line-height:80px !important; z-index:2;}
	.header a.navbar-brand img{ max-width:180px; max-height:50px;}
	.header .navbar-collapse{ background:#fff; padding:0px; float:none !important; clear: both; width: 100%; margin: 0 !important; position:absolute; left:0px; top:0px; box-shadow:0px 0px 25px rgba(0,0,0,0.2);}
	.header .navbar-collapse.in{ }
	.header .navbar-nav{ width:100%; float:left; padding:30px; padding-top:110px; display:inherit; vertical-align:inherit; margin-bottom:0px;}
	.header .navbar-nav > li.homepage{ display:block;}
	.header .navbar-nav > li{ clear:both; width:100%; padding:0px; border-bottom:1px solid #e1e1e1;}
	.header .navbar-nav > li:after{ display:none;}
	.header .navbar-nav > li:last-child{ border:0px;}
	.header .navbar-nav > li > a:after{ display:none;}
	.header .navbar-nav > li > a{ line-height:22px !important; font-size:18px; color:#000; text-align:center; padding:5px 0; border-left:0px !important; margin:0px;}
	.header .navbar-nav > li > a span:before, .header .navbar-nav > li.active > a span:before{ display:none;}
	.header .navbar-nav > li.active > a{ color:var(--primary-color-website);}
	.header .navbar-nav > li > a:hover{ color:var(--primary-color-website);}
	.header .navbar-nav > li.book{ padding-left:0px; margin-top:20px; margin-left:0px;}
	.header .navbar-nav > li.book > a{ text-align:center; font-size:17px;}
	
	.visual{ padding:60px 0; padding-bottom:0px;}
	.visual .image{ margin-bottom:40px;}
	.visual-wrap .down{ display:none;}
	
	.title{ padding-top:20px;}
	
	.block.cta-about .images .image2{ margin-top:5%;}
	.block.cta-about .images .image3{ margin-top:-20%;}
	
	.block.cta-coupon .image{ margin-bottom:40px;}
	.block.cta-about .images{ margin-bottom:40px;}
	
	.block.cta-menu .row.flex [class*="col-"].pull-right{ order:0;}
	.block.cta-menu .images{ margin-bottom:40px;}
	
	.block.testimonials.home .item{ padding-left:80px; padding-right:80px;}
	
	.block.intro-page .image{ margin-bottom:40px;}
	
	.block.about .text{ text-align:left;}
	.block.about .gallery{ margin-top:20px;}
	.block.about .gallery .item{ margin-top:20px;}
	
	.block.blog .item .image{ margin-bottom:40px;}
	
	.block.contacts-icon .item{ padding-bottom:20px; margin-bottom:20px; border:0px; border-bottom:1px solid #e1e1e1;}
	.block.contacts-icon .row.flex [class*="col-"]{ width:100%;}
	.block.contacts-icon .row.flex [class*="col-"]:last-child .item{ margin:0px; padding:0px;}
	
	.block.where .row > [class*="col-"]{ width:100%;}
	.block.where .text{ margin-bottom:40px;}
	.block.where .iframe{ height:450px;}
	.block.where .text .place{ text-align:center;}
	.block.where .text .opening-time{ text-align:center;}
	.block.where .text .opening-time ul li{ flex-wrap:wrap;}
	.block.where .text .opening-time ul li .day{ width:100%;}
	.block.where .text .opening-time ul li .hours{ width:100%;}
	
	.block.fidelity .intro{ margin-bottom:20px;}
	.block.fidelity .item{ margin-top:60px;}
	
	.block.gift .item .gifts{ margin-bottom:20px;}
	
	.footer .footer-extra .row p span{ margin:0 3px;}
	
	.modal .modal-dialog{ width:600px;}
	.modal .image{ margin-bottom:20px;}

}


@media (max-width: 768px){
	
	.content .row + .row{ margin-top:40px;}
	
	.container{ width:100%;}
	.visual .container{ width:100% !important;}
	
	.topbar .left{ display:none;}
	.topbar .right{ flex-wrap:wrap;}
	.topbar .right .text{ width:100%;}
	.topbar .right .social{ width:100%; margin-left:0px; margin-top:5px;}
	
	.visual .text h1{ font-size:36px; line-height:40px;}
	.visual .text h2{ font-size:18px; line-height:26px;}
	
	.block h1, .block h2{ font-size:36px; line-height:40px;}
	.block h3{ font-size:18px; line-height:26px;}
	.block h4{ font-size:17px; line-height:25px;}
	
	.block.cta-about .images .image1{ padding-right:20px;}
	.block.cta-about .images .image3{ padding-right:20px;}
	
	.block.cta-menu .images .image1{ padding-right:20px;}
	.block.cta-menu .images .image2{ margin-top:20%;}
	.block.cta-menu .images .image3{ padding-right:20px;}
	
	.block.testimonials .item .text p{ font-size:18px; line-height:26px;}
	.block.testimonials.home .item{ padding-left:42px; padding-right:42px;}
	
	.swiper-prev, .swiper-next{ width:32px; height:32px; line-height:32px;}
	.swiper-next:before, .swiper-prev:before{ font-size:16px;}
	
	.whatsappfixed{ right:10px; bottom:10px;}
	
}

@media (max-width: 640px){
	
	.container{ padding-left:25px; padding-right:25px;}
	
	.block{ padding:40px 0;}
	
	.visual{ padding-top:40px;}
	
	body.body-policy .block.policy{ padding:40px 0;}
	body.body-policy .block.policy .wrap{ width:100%;}
	
	.lingueattive_2 .footer .footer-extra,
	.lingueattive_3 .footer .footer-extra,
	.lingueattive_4 .footer .footer-extra,
	.lingueattive_5 .footer .footer-extra{ padding-bottom:50px;}

	.languages-fixed{ top:auto; bottom:0px; transform:none;}
	.languages-fixed ul{ border-bottom-left-radius:0px;}
	.languages-fixed ul li{ clear:none; width:20px; margin:0px; margin-right:10px;}
	.languages-fixed ul li:last-child{ margin:0px;}
	
	body.body-policy .block.policy h1{ font-size:36px; line-height:40px;}
	body.body-policy .block.policy h2{ font-size:28px; line-height:32px;}
	body.body-policy .block.policy h3{ font-size:24px; line-height:28px;}
	body.body-policy .block.policy h4{ font-size:20px; line-height:24px;}
	
	.block.gift{ padding-bottom:0px;}
	
	.modal.in .modal-dialog{ top:0px; transform:none;}
	.modal .modal-dialog{ width:100%;}
	.modal .text h2{ font-size:30px; line-height:36px;}
	.modal .row + .row{ margin-top:20px;}
	.modal .modal-body{ padding:30px;}
	.modal [class*=col-xs-]{ text-align:inherit;}
	
	.lingueattive_2 .whatsappfixed,
	.lingueattive_3 .whatsappfixed,
	.lingueattive_4 .whatsappfixed,
	.lingueattive_5 .whatsappfixed{ bottom:60px;}
	
	
}

@media (max-width: 479px) {
	
	.footer [class*=col-]{ text-align:center;}
	
	.block.about .gallery .row > [class*="col-"]{ width:50%; float:left;}

}

/* Accessibilità */

.header a.navbar-brand{ padding-right:0px;}

.visual-wrap{ overflow:visible;}
.title{ overflow:visible;}

.block.about .gallery .item a:focus img{ outline:var(--primary-color-website) solid 4px; outline-offset:4px;}
.modal .close:focus{ outline:var(--primary-color-website) solid 4px;}

a:focus{ outline:var(--primary-color-website) solid 4px; outline-offset:4px;}
.btn:focus{ outline:var(--primary-color-website) solid 4px !important; outline-offset:4px;}
.skip-link{ position: absolute; top: -40px; left: 20px; background:var(--primary-color-website); color: #fff; padding:5px 15px; z-index: 9999999; text-decoration: none; font-weight: bold; border-radius:25px; transition: top 0.3s ease;}
.skip-link:hover, .skip-link:focus{ background:var(--primary-color-website); color: #fff;}
.skip-link:focus{top: 20px;}

.languages-fixed ul li a:focus img{ outline:var(--primary-color-website) solid 4px; border-radius:50%;}

.swiper-prev{ left:8px;}
.swiper-next{ right:8px;}
.swiper-prev a, .swiper-next a{ width:100%; height:100%; float:left;}
.swiper-prev a:focus, .swiper-next a:focus{ outline:var(--primary-color-website) solid 4px;}