@font-face {
    font-family: 'Libel Suit';
    src: url('assets/fonts/Libel/LibelSuit-Regular.eot');
    src: url('assets/fonts/Libel/LibelSuit-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Libel/LibelSuit-Regular.woff2') format('woff2'),
        url('assets/fonts/Libel/LibelSuit-Regular.woff') format('woff'),
        url('assets/fonts/Libel/LibelSuit-Regular.ttf') format('truetype'),
        url('assets/fonts/Libel/LibelSuit-Regular.svg#LibelSuit-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,*:hover,*:focus,div:focus,span:focus,img:focus{outline:0!important}

body{font-family: "Poppins",sans-serif;font-size:16px;line-height:1.5;font-weight:400;margin:0;overflow-x:hidden;min-height:100vh;text-rendering:optimizelegibility;-webkit-font-smoothing: subpixel-antialiased;color:#656565}
img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}

h1,h2,h3,h4,h5,h6{font-weight:400;font-family: 'Libel Suit',sans-serif;color:#FF8224}

h1{font-size:3.5rem}
h2{font-size:2.5rem}
h3{font-size:1.8rem}

h6{font-size:1.2rem}

.fs-7{font-size:0.9rem!important}
.fs-8{font-size:0.8rem!important}
.fs-9{font-size:0.7rem!important}

.w-500 {font-weight:500}
.w-600 {font-weight:600}

.text-shadow{text-shadow:1px 2px 1px #000}

.h-100svh{min-height:100svh}

/* COLORI VARI DEL SITO */

a,a:visited{color:#3AB6B0;text-decoration:none}
a:hover,a:focus{color:#FF8224;text-decoration:none}

.btn,a.btn,a.btn:visited{text-transform:uppercase;color:#fff;background-color:#FF8224;display:inline-block;padding:0.6rem 2.5rem;border-radius:30px;margin:0;font-size:1.3rem;line-height:1;vertical-align:middle;cursor:pointer;text-decoration:none;outline:0!important;border:0;transition:.5s;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;}
.btn:hover,.btn:focus,a.btn:hover,a.btn:focus{background: linear-gradient(151deg, rgba(219, 63, 27, 1) 0%, rgba(145, 39, 27, 1) 100%);color:#fff;}
.btn-grey {background:#FBFBFB!important;border:1px solid #C2C2C2!important;padding:0.5rem 1rem!important;color:#757575!important;font-size:0.9rem!important;}
.btn-grey:hover {background:#3AB6B0!important;color:#fff!important;border-color:#3AB6B0!important}
.btn-grey:hover svg path {fill:#fff;}
.btn-bordergreen {background:#FBFBFB!important;border:1px solid #3AB6B0!important;color:#3AB6B0!important;font-size:0.9rem!important;padding:0.7rem 2rem!important;}

.btn-ico {height:30px;}

.white {color:#ffffff;}
.green {color:#3AB6B0}
.orange {color:#FF8224}
.bg-green {background-color:#3AB6B0}
.bg-lightgreen {background-color:#E2F3F3}
.bg-orange {background-color:#FF8224}

/* STRUTTURA GENERALE*/

#landing-header {
	background: rgb(58,182,176);
	background: -webkit-linear-gradient(144deg, rgba(58,182,176,1) 0%, rgba(6,149,149,1) 100%);
	background: -o-linear-gradient(144deg, rgba(58,182,176,1) 0%, rgba(6,149,149,1) 100%);
	background: linear-gradient(234deg, rgba(58,182,176,1) 0%, rgba(6,149,149,1) 100%);
	position:relative;
}
.landing-header-bg {
	min-height:63vh;
	background:url("assets/images/bg-header-landing.jpg") no-repeat bottom right;
	background-size: contain;
	mix-blend-mode: multiply;
	opacity: 0.3;
}
.omino {
	position:absolute;
	bottom:0;
	left:5%;
	height:105%;
}
.logo {
	position:absolute;
	left:50%;
	top:38%;
	transform:translate(-50%,-50%);
}
.header-button {
	position:absolute;
	left:50%;
	top:67%;
	transform:translate(-50%,-50%);
}
.header-button a:visited {color:#fff;}
.nome {font-size:5rem;}
#footer-landing .nome {font-size:3rem;}
.payoff {font-family: "Poppins", serif;font-size:1.3rem;letter-spacing:0.3rem;}

.ico-contact {max-width:90px;}

.more-padding {padding-top:80px!important;}

.fumetto {
	max-width:400px;
	float:right;
}
.fumetto-line {
	color:#fff;
	border-top:2px solid #fff;
	opacity:1;
	position:relative;
}
.gianluca {
	position:absolute;
	bottom:0;
}
.elenco-servizi p {color:#000;font-weight:500}
.elenco-servizi img {max-width:100px;}

#footer-landing a {color:#fff;}
#footer-landing a:hover {text-decoration:underline;}

ul.social li {display:inline;}
ul.social li img {max-width:50px;}
ul.social li:hover img {transform:scale(1.2);}
ul.social {padding-left:0}

/* NAVIGATION */

#navigation{background-color:#3AB6B0;height:100vh;width:0;position:fixed;z-index:999999;top:0;right:0;margin:0!important;padding:0!important;overflow-x:hidden;text-align:right;padding-right:15px}
ul.nav > li{display:block;width:100%;padding:0.7em 1rem;}
ul.nav > li > a{color:#fff;font-size:1.4rem;border-bottom:1px solid #fff;white-space:nowrap;text-align:right;padding:0.2em 0}
ul.nav > li > a:before{color:#fff;margin-right:6px}
ul.nav > li > a:hover,ul.nav > li > a:hover:before,.nav > li > a:focus,.nav > li > a:focus:before,.nav > li.active > a,.nav > li.active > a:before{color:#ef6524}
#nav-open {background: #3AB6B0;padding: 8px 10px 10px 10px;}

/* PAGINATION */
.page-link{color:#ef6524;box-shadow:none!important}
.page-link:focus,.page-link:hover{color:#4f2905}
.active > .page-link, .page-link.active{background-color:#ef6524;border-color:#4f2905}

/* HTML5 */
article,aside,details,dialog,footer,header,hgroup,nav,section,main{display:block}
figcaption{display:table-caption;caption-side:bottom;}
figure{display:table;}
th{font-weight:400}

/* FORM */
form h4{position:relative;bottom:-0.5rem;line-height:1.75}
.form-floating > textarea.form-control{height:7.75rem}
.form-control:focus,.form-select:focus{border-color:#999;box-shadow:0 0 0 .15rem #33333340}
.calendar-container .buttons-wrapper{display:none!important}
.field-calendar input{padding-top:1.625rem;padding-bottom:.375rem;width:200px;display:inline-block}
.field-calendar+label{transform:scale(.85) translateY(-.5rem) translate(.15rem);z-index:5}
.js-editor-tinymce+label{display:none!important}
.form-control.currency:after{content:"";font-family:'IcoFont'!important}

label{color:#3AB6B0;font-family:'Poppins';margin-bottom:0.5rem;display:block}

.form-check-inline{vertical-align:middle;margin:0}
.form-check-inline+label{display:inline;vertical-align:middle;margin:0;cursor:pointer}
.form-check-inline+label .form-control-feedback{display:none!important}

/*chekcbox */
#jform_privacy{padding:10px}
#jform_privacy-lbl{font-size:1.25rem;color:#dc3545}
.form-check.form-check-inline{position:relative}
.form-check.form-check-inline.has-danger:before{content:"";animation: highlightAnimation 1s ease-in-out;animation-direction:alternate;animation-iteration-count: infinite;;position:absolute;top:-32px;left:-7px;height:35px;width:35px;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOS4wMDEgMTMuMDIyaC0zLjI1MWMtLjQxMiAwLS43NS4zMzUtLjc1Ljc1MiAwIC4xODguMDcxLjM3NS4yMDYuNTE4IDEuNjg1IDEuNzc1IDQuNjkyIDQuOTQ1IDYuMDY5IDYuMzk2LjE4OS4yLjQ1Mi4zMTIuNzI1LjMxMi4yNzQgMCAuNTM2LS4xMTIuNzI1LS4zMTIgMS4zNzctMS40NTEgNC4zODUtNC42MjEgNi4wNjgtNi4zOTYuMTM2LS4xNDMuMjA3LS4zMy4yMDctLjUxOCAwLS40MTctLjMzNy0uNzUyLS43NS0uNzUyaC0zLjI1MXYtOS4wMmMwLS41MzEtLjQ3LTEuMDAyLTEtMS4wMDJoLTMuOTk4Yy0uNTMgMC0xIC40NzEtMSAxLjAwMnoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==')}

@webkit-keyframes highlightAnimation{
    0% {top:-40px}
    100% {top:-32px}
}

@keyframes highlightAnimation{
    0% {top:-40px}
    100% {top:-32px}
}

label.invalid{color:#dc3545!important}
.form-control.invalid{color:#dc3545!important;border-color:#dc3545!important}

.green-labels label{color:#3AB6B0;text-align:center;}
.grey-labels label{color:#8D8D8D;text-align:center;}
.input-country-flag{bottom:7px;right:7px}
.iti{margin-top:0!important}

.date-dropdowns{display:flex;}
.date-dropdowns select{padding:0.375rem .75rem;border-radius:var(--bs-border-radius)!important; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.date-dropdowns select.day{flex:0 0 auto;width:24%;margin-right:1%}
.date-dropdowns select.month{flex:0 0 auto;width:50%}
.date-dropdowns select.year{flex:0 0 auto;width:24%;margin-left:1%}

.day-contents{width:40px;height:40px;line-height:40px;background-color:#f8f9fa;}
.day.inactive .day-contents{color:#dc3545;background-color:#f8d7da;text-decoration:line-through!important;;cursor:no-drop}
.day:not(.inactive) .day-contents{cursor:pointer;}
.day:not(.inactive) .day-contents:hover,.day.selected .day-contents{background-color:#3AB6B0;color:#fff}

/* Sabato e Domenica
.day.calendar-dow-5 > .day-contents,.day.calendar-dow-6 > .day-contents{background-color:#999;color:#fff;cursor:no-drop}
*/

#system-message-container > *{margin:0.625em}

.timeslot{background-color:#f8f9fa;cursor:pointer}
.timeslot:hover,.timeslot.selected{background-color:#3AB6B0;color:#fff}

.timeslot.booked{color:#dc3545;background-color:#f8d7da;cursor:no-drop}

.layout-prenota .timeslot.booked{display:none!important}

.form-control {
    border-radius: 30px;
	padding: 1rem 1.5rem;
}

.admin .js-stools-field-filter input,.admin form input[type='text'],.admin form input[type='email'],.admin form input[type='tel'],.admin form input[type='number'],.admin textarea{padding:.375rem 2.25rem .375rem .75rem;border-radius:.375rem}

.admin .field-calendar{position:relative}
.admin .field-calendar > input[type="text"]{text-align:center;padding:.375rem 0 .375rem 0rem;border-radius:.375rem}
.admin .field-calendar > #day_btn{position:absolute;left:0;top:0;width:200px;border-radius:0;opacity:0}

.toggle-editor{display:none!important}

/* UTILITIES */
.transition{transition:.5s;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;}
.uppercase {text-transform:uppercase;}
.underline {text-decoration:underline;}
.libel {font-family: 'Libel Suit',sans-serif;}
.poppins {font-family: "Poppins",sans-serif;}
.bold {font-weight:600}
.light {font-weight:300}

/*************************************
 *  COOKIES
 *  **********************************/
#cookie-banner{position:fixed;top:15px;left:50%;transform:translateX(-50%);width:90vw;z-index:99999999;}
#cookie-banner .cookie-accept:hover{background-color:#21a902}



/* Bootstrap Breakpoints */
@media (max-width: 1199px) { /* sm, md, lg   */

}

@media (max-width: 1024px) { 
	.gianluca {height: 420px;right: -24%;}
	.more-padding {padding-top:50px!important;}
	.fumetto {float: right;margin-top:0px;width:300px;}
	#footer-landing .nome {font-size: 2.3rem;}
	.logo, .header-button {transform: translate(-30%, -50%);}
	.gianluca {height: 560px;left: -3%;}
}

@media (max-width: 991px) { /* sm, md */
	.nome {font-size: 4rem;}
	.omino {left: 1%;}
	.landing-header-bg {background-size:cover;}
	.fumetto {margin-top: 0px;width:600px;}
	.bg-white-mobile {background:#fff;height:350px;}
	.gianluca {height: 375px;right: 2%;}
	.fumetto {max-width: 470px;}
}

@media (max-width: 768px) { /* sm */
	#cookie-banner{width:90%}
	#system-message{width:100%;}
	.btn, a.btn, a.btn:visited {padding: 0.6rem 1.5rem;font-size: 1.2rem;}
    .login{width:90%!important}
}

@media (max-width: 575px) { /* No infix */
	.bg-white-mobile {background:#fff;}
	.more-padding {padding-top:0px!important;}
	.elenco-servizi p {font-size: 0.9rem;}
	.landing-header-bg {background: none;min-height:40vh;}  
	.omino {left: 1%;height: 74%;top: -5%;}
	.nome {font-size: 4rem;line-height: 105%;}
	.logo {transform: translate(-20%, -70%);top:42%;}
	.payoff {font-size: 1rem;letter-spacing: 0.2rem;}
	.header-button {
        position: relative;
        transform: none !important;
        left: 0;
        top: 0;
        padding-bottom: 15px;
        border-top: 20px solid #fff;
    }
	#contatti p {font-size:1.15rem;}
	.gianluca {height: 310px;left: -13%;}
	.fumetto {max-width: 280px;font-size:1rem;text-align:center}
}@media (max-width: 375px) {	.gianluca {height: 280px;left: -15%;}	.fumetto {max-width: 260px;font-size:0.95rem;text-align:center}}@media (max-width: 320px) {	.gianluca {height: 250px;left: -15%;}	.fumetto {max-width: 250px;font-size:0.95rem;text-align:center;padding: 2rem 2rem 2rem 4rem !important;}}

@media print {
  *{text-shadow:none!important;box-shadow:none!important}
  aside,#sub-header,.single-action-column,#top-header a.btn{display:none!important}
  
}