:root {
	
	/* ----- font-family ----- */
	--primary-font: 'Cormorant Infant', serif;
	--secondary-font: 'Libre Franklin', sans-serif;
	
	/* ----- line-height ----- */
	--line-height: calc(1em + 8px);
	
	/* ----- font-size ----- */
	--font-size-h1: 3.55rem;
	--font-size-h2: 2.3rem;
	--font-size-h3: 1.7rem;
	--font-size-h4: 1.5rem;
	--font-size-h5: 1rem;
	--font-size-h6: 1.2rem;
	--font-size-p: 1.1rem;
	
	/* ----- color ----- */
	--primary-color: #ffffff;
	--primary-color-light: #ffffffcc;
	--secondary-color: #382f2d;
	--secondary-color-light: rgb(56, 47, 45, 90%);
	--decoration-color: #947c50;
	--decoration-color: #947c50;
	--black: #000000;
	--white: #ffffff;
	--superlight-grey: #f4f4f4;
	--light-grey: #eeeeee;
	--pink: #cc0066;
	--yellow-alert: #fed4a2;
	
}

[id^="animate"] * {
	
	/* Pause the animation */
	animation-play-state: paused !important;
	/* Bind the animation to scroll */
	/* animation-delay: calc(var(--scroll) * -1s) !important; */
	/* These last 2 properites clean up overshoot weirdness */
	animation-iteration-count: 1 !important;
	animation-fill-mode: both !important;
	
}


/* ------------------------- LANDING ------------------------- */
.landing-page #header {
  position: absolute !important;
	z-index: 100;
}
.landing-page #slider {
  top: 0 !important;
  margin-bottom: 0 !important;
}
.landing-page #slider:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.4;
  z-index: 50;
}
.landing-page .landing-content {
  position: absolute;
  min-height: 200px;
  top: calc(50% - 100px);
  z-index: 100;
}
.landing-page #footer {
  position: absolute;
  bottom: 0;
  z-index: 100;
  width: 100%;
}

/* ------------------------- TEXT ------------------------- */

/* ----- font - family ----- */
body, footer, h1, h2, .h2, h3, h4, h5, h6, #mainMenu a,
.news-filter li a, #cta form#newsletterFooter .input-group {
	font-family: var(--primary-font) !important;
}
p, span, li, a, label, [class*="btn"], .input-group, .news-title h5 {
	font-family: var(--secondary-font) !important;
}

/* ----- font - weight ----- */
h1, h2, .h2, h3, h4, h5, h6, .bold {
	font-weight: 700 !important;
}
.semibold {
	font-weight: 600 !important;
}
#mainMenu.menu-lines nav > ul > li > a, [class*="btn"] {
	font-weight: 400 !important;
}

/* ----- line height ----- */
h1, h2, .h2, h3, h4, h5, h6, p, span, li, a {
  line-height: var(--line-height) !important;
}

/* ----- letter spacing ----- */
h1 {
  letter-spacing: 10px;
}
h2, .h2 {
  letter-spacing: 8px;
}
h3 {
  letter-spacing: 6px;
}
[class*="btn"] {
  letter-spacing: 2px;
}

/* ----- font - size ----- */
html {
	font-size: 16px;
}
h1 {
  font-size: var(--font-size-h1) !important;
}
h2, .h2 {
  font-size: var(--font-size-h2) !important;
}
.grid-intro h2.big {
  font-size: 3rem;
  line-height: calc(1em + 32px) !important;
  letter-spacing: 15px;
}
h3 {
  font-size: var(--font-size-h3);
}
h4 {
  font-size: var(--font-size-h4);
}
h4.title-piatto {
  --title-line-height: calc(1em + 16px);
  letter-spacing: 6px;
  line-height: var(--title-line-height) !important;
  min-height: calc(var(--title-line-height) * 6) !important;
}
.form-area-utente #pswd_info h4 {
	font-size: 1.4rem;
}
h5 {
  font-size: var(--font-size-h5);
}
footer h5 {
  font-size: 1.2rem;
  letter-spacing: 4px;
}
.news-title h5 {
  font-size: 1.2rem;
}
h6 {
  font-size: var(--font-size-h6);
}
p {
  font-size: var(--font-size-p) !important;
}
p.big {
  font-size: 1.3rem !important;
}
p.small {
  font-size: 1rem !important;
}
p.small-xs {
  font-size: 0.9rem !important;
}
.news-text p {
  font-size: 1rem !important;
}
a {
  font-size: 1rem !important;
}
[class*="btn"] {
  font-size: 0.9rem !important;
}
#mainMenu nav > ul > li > a,
#mainMenu nav > ul.submenu > li > a {
  font-size: 3rem !important;
}
#mainMenu nav > ul > li > a.link-small,
#mainMenu nav > ul.submenu > li > a.link-small {
	font-size: 1.7rem !important;
}
.copyright-content span,
.copyright-content span a {
	font-size: 0.8rem !important;
}

/* ----- text transform ----- */
h2:not(.subtitle), .h2:not(.subtitle), [class*="btn"] {
	text-transform: uppercase;
}

/* ----- color ----- */
.color-primary {
	color: var(--primary-color) !important;
}
.color-secondary {
	color: var(--secondary-color) !important;
}
.color-decoration,
.subtitle {
	color: var(--decoration-color) !important;
}
.color-black {
	color: black !important;
}
a {
	color: var(--decoration-color) !important;
}
a:hover {
	color: var(--secondary-color) !important;
}
a.link-hover-decoration:hover,
a.link-hover-decoration:hover > * {
	color: var(--decoration-color) !important;
}
#contatti #contattiOrari a {
	color: var(--secondary-color) !important;
}
#contatti #contattiOrari a:hover {
	color: var(--decoration-color) !important;
}


/* ------------------------- BACKGROUND ------------------------- */
.bg-top-right { background-position: top right; }
.bg-center-right { background-position: center right; }
.bg-bottom { background-position: bottom; }

.bg-norepeat { background-repeat: no-repeat; }
.bg-contain { background-size: contain; }
.bg-cover { background-size: cover; }
.bg-10 { background-size: 10%; }
.bg-20 { background-size: 20%; }
.bg-30 { background-size: 30%; }
.bg-35 { background-size: 35%; }
.bg-40 { background-size: 40%; }
.bg-50 { background-size: 50%; }
.bg-60 { background-size: 60%; }
.bg-70 { background-size: 70%; }
.bg-80 { background-size: 80%; }
.bg-90 { background-size: 90%; }
.bg-center { background-position: center; }
.bg-center-top { background-position: center top; }
.bg-center-bottom { background-position: center bottom; }
.bg-left-center { background-position: left center; }
.bg-left-top { background-position: left top; }
.bg-left-bottom { background-position: left bottom; }
.bg-right-center { background-position: right center; }
.bg-right-top { background-position: right top; }
.bg-right-bottom { background-position: right bottom; }
.bg-primary { background-color: var(--primary-color) !important; }
.bg-primary-half-top { background: linear-gradient(to top, transparent 50%, var(--primary-color) 50%); }
.bg-primary-half-right { background: linear-gradient(to right, transparent 50%, var(--primary-color) 50%); }
.bg-primary-half-bottom { background: linear-gradient(to bottom, transparent 50%, var(--primary-color) 50%); }
.bg-primary-half-left { background: linear-gradient(to left, transparent 50%, var(--primary-color) 50%); }
.bg-primary-light { background-color: var(--primary-color-light) !important; }
.bg-primary-light-half-top { background: linear-gradient(to top, transparent 50%, var(--primary-color-light) 50%); }
.bg-primary-light-half-right { background: linear-gradient(to right, transparent 50%, var(--primary-color-light) 50%); }
.bg-primary-light-half-bottom { background: linear-gradient(to bottom, transparent 50%, var(--primary-color-light) 50%); }
.bg-primary-light-half-left { background: linear-gradient(to left, transparent 50%, var(--primary-color-light) 50%); }
.bg-secondary { background-color: var(--secondary-color) !important; }
.bg-secondary-half-top { background: linear-gradient(to top, transparent 50%, var(--secondary-color) 50%); }
.bg-secondary-half-right { background: linear-gradient(to right, transparent 50%, var(--secondary-color) 50%); }
.bg-secondary-half-bottom { background: linear-gradient(to bottom, transparent 50%, var(--secondary-color) 50%); }
.bg-secondary-half-left { background: linear-gradient(to left, transparent 50%, var(--secondary-color) 50%); }
.bg-secondary-light { background-color: var(--secondary-color-light) !important; }
.bg-secondary-light-half-top { background: linear-gradient(to top, transparent 50%, var(--secondary-color-light) 50%); }
.bg-secondary-light-half-right { background: linear-gradient(to right, transparent 50%, var(--secondary-color-light) 50%); }
.bg-secondary-light-half-bottom { background: linear-gradient(to bottom, transparent 50%, var(--secondary-color-light) 50%); }
.bg-secondary-light-half-left { background: linear-gradient(to left, transparent 50%, var(--secondary-color-light) 50%); }
.bg-decoration { background-color: var(--decoration-color) !important; }
.bg-decoration-half-top { background: linear-gradient(to top, transparent 50%, var(--decoration-color) 50%); }
.bg-decoration-half-right { background: linear-gradient(to right, transparent 50%, var(--decoration-color) 50%); }
.bg-decoration-half-bottom { background: linear-gradient(to bottom, transparent 50%, var(--decoration-color) 50%); }
.bg-decoration-half-left { background: linear-gradient(to left, transparent 50%, var(--decoration-color) 50%); }
.bg-white { background-color: var(--white) !important; }
.bg-black { background-color: var(--black) !important; }
.bg-light-grey { background-color: var(--light-grey) !important; }
.bg-light-grey-half-top { background: linear-gradient(to top, transparent 50%, var(--light-grey) 50%); }
.bg-light-grey-half-right { background: linear-gradient(to right, transparent 50%, var(--light-grey) 50%); }
.bg-light-grey-half-bottom { background: linear-gradient(to bottom, transparent 50%, var(--light-grey) 50%); }
.bg-light-grey-half-left { background: linear-gradient(to left, transparent 50%, var(--light-grey) 50%); }
#cta {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
body.webp-support #cta.bg-cta-home { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-01.webp); }
body:not(.webp-support) #cta.bg-cta-home { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-01.jpg); }
body.webp-support #cta.bg-cta-ristorante { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-02.webp); }
body:not(.webp-support) #cta.bg-cta-ristorante { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-02.jpg); }
body.webp-support #cta.bg-cta-academy-corsi { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-03.webp); }
body:not(.webp-support) #cta.bg-cta-academy-corsi { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-03.jpg); }
body.webp-support #cta.bg-cta-academy-corsi-dettaglio { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-04.webp); }
body:not(.webp-support) #cta.bg-cta-academy-corsi-dettaglio { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-04.jpg); }
body.webp-support #cta.bg-cta-academy-video { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-07.webp); }
body:not(.webp-support) #cta.bg-cta-academy-video { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-07.jpg); }
body.webp-support #cta.bg-cta-academy-video-dettaglio { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-13.webp); }
body:not(.webp-support) #cta.bg-cta-academy-video-dettaglio { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-13.jpg); }
body.webp-support #cta.bg-cta-bar { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-05.webp); }
body:not(.webp-support) #cta.bg-cta-bar { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-05.jpg); }
body.webp-support #cta.bg-cta-store { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-06.webp); }
body:not(.webp-support) #cta.bg-cta-store { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-06.jpg); }
body.webp-support #cta.bg-cta-contatti { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-08.webp); }
body:not(.webp-support) #cta.bg-cta-contatti { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-08.jpg); }
body.webp-support #cta.bg-cta-location { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-02.webp); }
body:not(.webp-support) #cta.bg-cta-location { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-02.jpg); }
body.webp-support #cta.bg-cta-location-matrimoni { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-14.webp); }
body:not(.webp-support) #cta.bg-cta-location-matrimoni { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-14.jpg); }
body.webp-support #cta.bg-cta-location-eventi-privati { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-15.webp); }
body:not(.webp-support) #cta.bg-cta-location-eventi-privati { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-15.jpg); }
body.webp-support #cta.bg-cta-location-eventi-aziendali { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-14.webp); }
body:not(.webp-support) #cta.bg-cta-location-eventi-aziendali { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-14.jpg); }
body.webp-support #cta.bg-cta-location-team { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-09.webp); }
body:not(.webp-support) #cta.bg-cta-location-team { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-09.jpg); }
body.webp-support #cta.bg-cta-location-sala { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-10.webp); }
body:not(.webp-support) #cta.bg-cta-location-sala { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-10.jpg); }
body.webp-support #cta.bg-cta-location-spot { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-09.webp); }
body:not(.webp-support) #cta.bg-cta-location-spot { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-09.jpg); }
body.webp-support #cta.bg-cta-prodotti { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-11.webp); }
body:not(.webp-support) #cta.bg-cta-prodotti { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-11.jpg); }
body.webp-support #cta.bg-cta-prodotti-dettaglio { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-12.webp); }
body:not(.webp-support) #cta.bg-cta-prodotti-dettaglio { background-image: url(/pages/_assets/nice/images/cta/gustincanto-cta-12.jpg); }
body.webp-support .bg-servizi-aziende-home,
body.webp-support .bg-location-eventi { background-image: url(/pages/_assets/nice/images/home/gustincanto-img-05.webp); }
body:not(.webp-support) .bg-servizi-aziende-home,
body:not(.webp-support) .bg-location-eventi { background-image: url(/pages/_assets/nice/images/home/gustincanto-img-05.jpg); }
body.webp-support .bg-ristorante-home { background-image: url(/pages/_assets/nice/images/home/gustincanto-img-06.webp); }
body:not(.webp-support) .bg-ristorante-home { background-image: url(/pages/_assets/nice/images/home/gustincanto-img-06.jpg); }
body.webp-support .bg-location-spot-tv { background-image: url(/pages/_assets/nice/images/academy/gustincanto-cooking-academy-img-03.webp); }
body:not(.webp-support) .bg-location-spot-tv { background-image: url(/pages/_assets/nice/images/academy/gustincanto-cooking-academy-img-03.jpg); }
body.webp-support .bg-location-matrimoni { background-image: url(/pages/_assets/nice/images/location/matrimoni/gustincanto-location-matrimoni-img-02.webp); }
body:not(.webp-support) .bg-location-matrimoni { background-image: url(/pages/_assets/nice/images/location/matrimoni/gustincanto-location-matrimoni-img-02.jpg); }
body.webp-support .bg-location-eventi-aziendali { background-image: url(/pages/_assets/nice/images/location/eventi-aziendali/gustincanto-location-eventi-aziendali-img-01.webp); }
body:not(.webp-support) .bg-location-eventi-aziendali { background-image: url(/pages/_assets/nice/images/location/eventi-aziendali/gustincanto-location-eventi-aziendali-img-01.jpg); }
body.webp-support .bg-intro-academy { background-image: url(/pages/_assets/nice/images/academy/gustincanto-cooking-academy-img-02.webp); }
body:not(.webp-support) .bg-intro-academy { background-image: url(/pages/_assets/nice/images/academy/gustincanto-cooking-academy-img-02.jpg); }
body.webp-support .bg-intro-location-eventi-privati { background-image: url(/pages/_assets/nice/images/location/eventi-privati/gustincanto-location-eventi-privati-img-01.webp); }
body:not(.webp-support) .bg-intro-location-eventi-privati { background-image: url(/pages/_assets/nice/images/location/eventi-privati/gustincanto-location-eventi-privati-img-01.jpg); }
body.webp-support .bg-intro-servizi { background-image: url(/pages/_assets/nice/images/servizi/gustincanto-servizi-per-aziende-img-02.webp); }
body:not(.webp-support) .bg-intro-servizi { background-image: url(/pages/_assets/nice/images/servizi/gustincanto-servizi-per-aziende-img-02.jpg); }
body.webp-support .bg-servizi-aziende { background-image: url(/pages/_assets/nice/images/servizi/gustincanto-servizi-per-aziende-img-06.webp); }
body:not(.webp-support) .bg-servizi-aziende { background-image: url(/pages/_assets/nice/images/servizi/gustincanto-servizi-per-aziende-img-06.jpg); }
body.webp-support .bg-area-utente { background-image: url(/pages/_assets/nice/images/areautente/background-area-utente-gustincanto.webp); }
body:not(.webp-support) .bg-area-utente { background-image: url(/pages/_assets/nice/images/areautente/background-area-utente-gustincanto.jpg); }
#contattiOrari:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 45%;
  height: 100%;
  background-image: url(/pages/_assets/nice/images/contatti/gustincanto-contatti-img-01.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
body.webp-support .bg-cta-tv { background-image: url(/pages/_assets/nice/images/tv/gustincanto-gustincantotv-img-03.webp); }
body:not(.webp-support) .bg-cta-tv { background-image: url(/pages/_assets/nice/images/tv/gustincanto-gustincantotv-img-03.jpg); }


/* ------------------------- BTN ------------------------- */
[class*="btn"] {
	display: inline-flex;
  align-items: center;
  text-decoration: none;
  padding: 7px 22px;
  cursor: pointer;
}
[class*="btn"]:focus {
	box-shadow: none !important;
}
.btn-primary {
	color: var(--secondary-color) !important;
	border: 2px solid var(--primary-color) !important;
	background-color: var(--primary-color) !important;
}
.btn-primary:hover {
	color: var(--primary-color) !important;
	background-color: transparent !important;
}
.btn-primary-transparent {
	color: var(--primary-color) !important;
	border: 2px solid var(--primary-color) !important;
	background-color: transparent !important;
}
.btn-primary-transparent:hover {
	color: var(--secondary-color) !important;
	background-color: var(--primary-color) !important;
}
.btn-secondary {
	color: var(--primary-color) !important;
	border: 2px solid var(--secondary-color) !important;
	background-color: var(--secondary-color) !important;
}
.btn-secondary:hover {
	color: var(--secondary-color) !important;
	background-color: transparent !important;
}
.btn-secondary-transparent {
	color: var(--secondary-color) !important;
	border: 2px solid var(--secondary-color) !important;
	background-color: transparent !important;
}
.btn-secondary-transparent:hover {
	color: var(--primary-color) !important;
	background-color: var(--secondary-color) !important;
}
.btn-footer {
	min-width: 200px;
	border: 2px solid var(--primary-color) !important;
}


/* ------------------------- OBJECT ------------------------- */

/* ----- object - general ----- */
html {
  scroll-behavior: smooth !important;
}

/* ----- object - scroll ----- */
.scroll {
  position: absolute;
  bottom: 20px;
  left: calc(50% - 17px);
  display: block;
  height: 55px;
  width: 34px;
  border: 3px solid rgba(255, 255, 255, 0.8);
  border-radius: 50px;
}
.scroll:before {
  content: '';
  position: absolute;
  left: calc(50% - 4px);
  top: 7px;
  display: block;
  width: 8px;
  height: 8px;
  background-color: white;
  border-radius: 50%;
	animation-name: scrollSlide;
	animation-delay: 0s;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@keyframes scrollSlide {

	0%, 10% {
		top: 7px;
		opacity: 0;
	}
	
	20% {
		top: 7px;
		opacity: 1;
	}
	
	70% {
		opacity: 0.9;
	}
	
	90%, 100% {
		top: calc(100% - 15px);
		opacity: 0;
	}
	
}

/* ----- object - effects ----- */
.el-sticky {
	position: sticky;
	top: 0;
}
.col-img-non-sticky {
  display: flex;
  height: 100%;
	z-index: 10;
}
.col-scroll-1,
.col-scroll-2,
.col-scroll-3 {
	transform: translate3d(0, 0, 0);
}
.col-scroll-1 {
  z-index: 0 !important;
}
.col-scroll-2 {
  z-index: 100 !important;
}
.col-scroll-3 {
  z-index: 200 !important;
}
.include-scroll-extra-div {
  display: grid;
  grid-template-columns: 30% 70%;
  grid-template-rows: 150px;
}
.include-scroll-extra-div .include-scroll-extra-img {
  display: flex;
  justify-content: center;
}
.include-scroll-extra-div .include-scroll-extra-text {
	display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 50px;
}

/* ----- object - news filter ----- */
.news-filter {
	position: relative;
	display: flex;
  align-items: center;
  justify-content: center;
}
.news-filter ul {
	position: relative;
	height: auto;
	list-style: none;
	padding: 0;
	margin: 0;
}
.news-filter li {
	position: relative;
	display: inline-block;
	border: 0;
	margin-bottom: 0;
}
.news-filter li:not(:last-child) {
	margin-right: 10px;
}
.news-filter li a {
	display: block;
	position: relative;
	font-size: 0.9rem !important;
	line-height: 1em !important;
	color: var(--primary-color) !important;
	background-color: transparent;
	padding: 7px 15px;
	border-radius: 0;
	border-width: 1px;
	border-style: solid;
	border-color: var(--primary-color);
	transition: all .3s ease;
}
.bg-primary .news-filter li a {
	color: var(--secondary-color) !important;
	border-color: var(--secondary-color);
}
.news-filter li.active a,
.news-filter li:hover a {
	color: var(--secondary-color) !important;
	background-color: var(--primary-color);
}
.bg-primary .news-filter li.active a,
.bg-primary .news-filter li:hover a {
	color: var(--primary-color) !important;
	background-color: var(--secondary-color);
}

/* ----- object - card ----- */
.card {
  border: none;
  border-radius: 0;
  background-color: var(--primary-color);
  margin-bottom: 0;
}
.card .card-body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 180px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 15px;
}
.card .card-body:before {
  content: '';
  position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 1;
}
.card .card-body * {
	position: relative;
	z-index: 10;
}
.card .card-body .card-title {
	display: flex;
	align-items: center;
  margin-bottom: 0;
}
.card .card-body .card-title img {
	max-width: 35px;
  border-radius: 50%;
	margin-right: 15px;
}
.card .card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--primary-color);
  border: none;
}

/* ----- object - tabs ----- */
.tabs ul.nav a.nav-link {
	border-radius: 0 !important;
	transition: 0.2s all ease-in-out;
}
.tabs ul.nav a.nav-link.active {
	color: var(--secondary-color);
	border-color: var(--light-grey) !important;
	border-bottom-color: white !important;
}
.tabs ul.nav a.nav-link:hover {
	color: var(--secondary-color);
}
.tabs .tab-content {
	border-color: var(--light-grey) !important;
	border-radius: 0 !important;
}
section.bg-secondary .tabs ul.nav a {
	color: white !important;
}
section.bg-secondary .tabs ul.nav a.nav-link.active {
	border-bottom-color: var(--secondary-color) !important;
}
section.bg-secondary .tabs ul.nav a.nav-link:hover {
	color: var(--decoration-color) !important;
}

/* ----- object - modal - strip ----- */
#modal-top .container {
  position: relative;
}
#modal-top .container .modal-strip-close-btn {
  position: absolute;
  top: 0;
  right: 0;
	padding: 0;
}
#modal-top .container .text-white-modal-stripe p {
  color: #aaaaaa;
}
#modal-top .container .modal-strip-close-btn a {
	color: var(--white) !important;
	transition: 0.3s all ease-in-out;
}
#modal-top .container .modal-strip-close-btn a:hover {
	color: var(--decoration-color) !important;
}

/* ----- object - modal - avviso ----- */
#modal-avviso.modal .modal-dialog .modal-content {
  border-radius: 0 !important;
}
#modal-avviso.modal .modal-dialog .modal-content .modal-header {
  border-bottom: 0 !important;
}

/* ----- object - modal - coming soon ----- */
#modalComingSoon.modal .modal-dialog {
  top: 25%;
}
#modalComingSoon.modal .modal-content {
  border: 0 !important;
  border-radius: 0 !important;
}
#modalComingSoon.modal .modal-content .modal-header {
  border-bottom: 0 !important;
}
#modalComingSoon.modal .modal-content .modal-footer {
  border-top: 0 !important;
}

/* ----- object - modal - gallery ristorante ----- */
#modalGalleryRistorante > .modal-dialog {
  max-width: 75vw;
  height: 95vh;
  margin: 2.5vh auto;
}
#modalGalleryRistorante > .modal-dialog .modal-content,
#modalGalleryRistorante > .modal-dialog .modal-content .modal-body .row,
#modalGalleryRistorante > .modal-dialog .modal-content .modal-body .carousel,
#modalGalleryRistorante > .modal-dialog .modal-content .modal-body .carousel .flickity-viewport,
#modalGalleryRistorante > .modal-dialog .modal-content .modal-body .carousel .flickity-viewport .polo-carousel-item {
  height: 100% !important;
}
#modalGalleryRistorante > .modal-dialog .modal-content .modal-body .carousel .flickity-viewport .polo-carousel-item {
  width: 100% !important;
	padding: 0 !important;
}
#modalGalleryRistorante > .modal-dialog .modal-content > button.close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
	background-color: rgba(210 210 210 / 60%);
  text-shadow: none;
  border-radius: 5px;
	transition: all 0.3s ease-in-out;
	z-index: 1000;
}
#modalGalleryRistorante > .modal-dialog .modal-content > button.close:hover {
	color: white !important;
	background-color: rgb(0 0 0 / 60%);
}
#modalGalleryRistorante > .modal-dialog .modal-content .modal-body {
  padding: 0;
}
#modalGalleryRistorante .carousel .img-carousel-gallery {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#modalGalleryRistorante .carousel .flickity-button {
  background-color: rgba(210 210 210 / 60%);
  border: none;
}
#modalGalleryRistorante .carousel .flickity-button.previous,
#modalGalleryRistorante .carousel:hover .flickity-button.previous {
  left: 40px !important;
}
#modalGalleryRistorante .carousel .flickity-button.next,
#modalGalleryRistorante .carousel:hover .flickity-button.next {
  right: 40px !important;
}

/* ----- object - go to top ----- */
#scrollTop {
  display: flex;
  justify-content: center;
  align-items: center;
}
#scrollTop:after,
#scrollTop:before {
  background-color: var(--decoration-color);
}
#scrollTop svg {
  line-height: 39px !important;
  width: 19px !important;
  height: 19px !important;
  font-size: 16px !important;
  top: 0px !important;
  left: 0px !important;
  text-align: center !important;
  position: relative;
  z-index: 10;
  background-color: transparent !important;
  transform: translate(0, 0px);
  transition: transform 0.2s ease;
}

/* ----- object - empty space ----- */
.empty-space-h1-line-1 { min-height: calc(var(--font-size-h1) + 8px); }
.empty-space-h1-line-2 { min-height: calc((var(--font-size-h1) + 8px) * 2); }
.empty-space-h1-line-3 { min-height: calc((var(--font-size-h1) + 8px) * 3); }

.empty-space-h2-line-1 { min-height: calc(var(--font-size-h2) + 8px); }
.empty-space-h2-line-2 { min-height: calc((var(--font-size-h2) + 8px) * 2); }
.empty-space-h2-line-3 { min-height: calc((var(--font-size-h2) + 8px) * 3); }

.empty-space-h3-line-1 { min-height: calc(var(--font-size-h3) + 8px); }
.empty-space-h3-line-2 { min-height: calc((var(--font-size-h3) + 8px) * 2); }
.empty-space-h3-line-3 { min-height: calc((var(--font-size-h3) + 8px) * 3); }

.empty-space-h4-line-1 { min-height: calc(var(--font-size-h4) + 8px); }
.empty-space-h4-line-2 { min-height: calc((var(--font-size-h4) + 8px) * 2); }
.empty-space-h4-line-3 { min-height: calc((var(--font-size-h4) + 8px) * 3); }

.empty-space-h5-line-1 { min-height: calc(var(--font-size-h5) + 8px); }
.empty-space-h5-line-2 { min-height: calc((var(--font-size-h5) + 8px) * 2); }
.empty-space-h5-line-3 { min-height: calc((var(--font-size-h5) + 8px) * 3); }

.empty-space-h6-line-1 { min-height: calc(var(--font-size-h6) + 8px); }
.empty-space-h6-line-2 { min-height: calc((var(--font-size-h6) + 8px) * 2); }
.empty-space-h6-line-3 { min-height: calc((var(--font-size-h6) + 8px) * 3); }

.empty-space-p-line-1 { min-height: calc(var(--font-size-p) + 8px); }
.empty-space-p-line-2 { min-height: calc((var(--font-size-p) + 8px) * 2); }
.empty-space-p-line-3 { min-height: calc((var(--font-size-p) + 8px) * 3); }

/* ----- object - others ----- */
body {
	overflow-x: hidden;
}
.full-height {
	height: 100vh;
}
.box-element-content {
	padding: 150px 150px 150px 250px;
}
.overflow-visible {
  overflow: visible;
}
.grecaptcha-badge { 
	visibility: hidden;
}
ul.list-style-none {
  list-style: none;
}


/* ------------------------- DIVIDER ------------------------- */

/* ----- divider - general ----- */
[class*="divider"] {
	position: relative;
}
[class*="divider"]:before {
	content: '';
	position: absolute;
	display: block;
	background-color: var(--decoration-color);
}
.divider-primary-color:before {
	background-color: var(--primary-color);
}
.divider-secondary-color:before {
	background-color: var(--secondary-color);
}
.divider-light-grey:before {
	background-color: var(--light-grey);
}

/* --- divider - vertical --- */
[class*="divider-vertical"]:before {
	width: 1px;
	height: 100%;
}
/* --- divider - vertical - x = center --- */
.divider-vertical-center:before { left: calc(50% - 0.5px); }

/* --- divider - horizontal --- */
[class*="divider-horizontal"]:before {
	width: 100%;
	height: 1px;
}
/* --- divider - horizontal - width --- */
[class*="divider-horizontal"][class*="divider-10"]:before { width: 10%; }
[class*="divider-horizontal"][class*="divider-20"]:before { width: 20%; }
[class*="divider-horizontal"][class*="divider-30"]:before { width: 30%; }
[class*="divider-horizontal"][class*="divider-40"]:before { width: 40%; }
[class*="divider-horizontal"][class*="divider-50"]:before { width: 50%; }
[class*="divider-horizontal"][class*="divider-60"]:before { width: 60%; }
[class*="divider-horizontal"][class*="divider-70"]:before { width: 70%; }
[class*="divider-horizontal"][class*="divider-80"]:before { width: 80%; }
[class*="divider-horizontal"][class*="divider-90"]:before { width: 90%; }
/* --- divider - horizontal - fullwidth - width --- */
[class*="divider-horizontal"][class*="divider-fullwidth-50"]:before { width: 50vw; }
[class*="divider-horizontal"][class*="divider-fullwidth-75"]:before { width: 75vw; }
/* --- divider - horizontal - y = unset --- */
.divider-horizontal:before { top: unset; }
/* --- divider - horizontal - y = top --- */
.divider-horizontal-top:before { top: -0.5px; }
/* --- divider - horizontal - y = center --- */
.divider-horizontal-center:before { top: calc(50% - 0.5px); }
/* --- divider - horizontal - y = bottom --- */
.divider-horizontal-bottom:before { top: calc(100% - 0.5px); }
/* --- divider - horizontal - y = top/center/bottom, x = center --- */
[class*="divider-horizontal"].divider-10-center:before { left: 45%; }
[class*="divider-horizontal"].divider-20-center:before { left: 40%; }
[class*="divider-horizontal"].divider-30-center:before { left: 35%; }
[class*="divider-horizontal"].divider-40-center:before { left: 30%; }
[class*="divider-horizontal"].divider-50-center:before { left: 25%; }
[class*="divider-horizontal"].divider-60-center:before { left: 20%; }
[class*="divider-horizontal"].divider-70-center:before { left: 15%; }
/* --- divider - horizontal - fullwidth - y = unset, x = right --- */
.divider-horizontal.divider-fullwidth-50-right:before,
.divider-horizontal.divider-fullwidth-75-right:before { right: calc(((100vw - 100%) / 2) * -1); }
/* --- divider - horizontal - fullwidth - y = unset, x = center --- */
.divider-horizontal.divider-fullwidth-50-center:before { left: calc(((100vw - 100%) / 2) * -1 + 25vw); }
.divider-horizontal.divider-fullwidth-75-center:before { left: calc(((100vw - 100%) / 2) * -1 + 12.5vw); }
/* --- divider - horizontal - fullwidth - y = unset, x = left --- */
.divider-horizontal.divider-fullwidth-50-left:before,
.divider-horizontal.divider-fullwidth-75-left:before { left: calc(((100vw - 100%) / 2) * -1); }
/* --- divider - horizontal - fullwidth - y = top, x = right --- */
.divider-horizontal-top.divider-fullwidth-50-right:before,
.divider-horizontal-top.divider-fullwidth-75-right:before { right: calc(((100vw - 100%) / 2) * -1); }
/* --- divider - horizontal - fullwidth - y = top, x = center --- */
.divider-horizontal-top.divider-fullwidth-50-center:before { left: calc(((100vw - 100%) / 2) * -1 + 25vw); }
.divider-horizontal-top.divider-fullwidth-75-center:before { left: calc(((100vw - 100%) / 2) * -1 + 12.5vw); }
/* --- divider - horizontal - fullwidth - y = top, x = left --- */
.divider-horizontal-top.divider-fullwidth-50-left:before,
.divider-horizontal-top.divider-fullwidth-75-left:before { left: calc(((100vw - 100%) / 2) * -1); }
/* --- divider - horizontal - fullwidth - y = center, x = right --- */
.divider-horizontal-center.divider-fullwidth-50-right:before,
.divider-horizontal-center.divider-fullwidth-75-right:before { right: calc(((100vw - 100%) / 2) * -1); }
/* --- divider - horizontal - fullwidth - y = center, x = center --- */
.divider-horizontal-center.divider-fullwidth-50-center:before { left: calc(((100vw - 100%) / 2) * -1 + 25vw); }
.divider-horizontal-center.divider-fullwidth-75-center:before { left: calc(((100vw - 100%) / 2) * -1 + 12.5vw); }
/* --- divider - horizontal - fullwidth - y = center, x = left --- */
.divider-horizontal-center.divider-fullwidth-50-left:before,
.divider-horizontal-center.divider-fullwidth-75-left:before { left: calc(((100vw - 100%) / 2) * -1); }
/* --- divider - horizontal - fullwidth - y = bottom, x = right --- */
.divider-horizontal-bottom.divider-fullwidth-50-right:before,
.divider-horizontal-bottom.divider-fullwidth-75-right:before { right: calc(((100vw - 100%) / 2) * -1); }
/* --- divider - horizontal - fullwidth - y = bottom, x = center --- */
.divider-horizontal-bottom.divider-fullwidth-50-center:before { left: calc(((100vw - 100%) / 2) * -1 + 25vw); }
.divider-horizontal-bottom.divider-fullwidth-75-center:before { left: calc(((100vw - 100%) / 2) * -1 + 12.5vw); }
/* --- divider - horizontal - fullwidth - y = bottom, x = left --- */
.divider-horizontal-bottom.divider-fullwidth-50-left:before,
.divider-horizontal-bottom.divider-fullwidth-75-left:before { left: calc(((100vw - 100%) / 2) * -1); }


/* ------------------------- HEADER ------------------------- */

#header:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, black -60%, transparent);
	z-index: 1;
}
#header.header-sticky.sticky-active .header-inner {
  background-color: var(--secondary-color);
}
#header .header-inner .header-extras.trigger-menu {
  z-index: 210 !important;
}
#header .header-inner .header-extras.trigger-menu .lines {
  top: 0;
}
#header .header-inner .header-extras {
  z-index: 190 !important;
}
#header .header-inner #logo {
  position: absolute !important;
	top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: center;
  float: none;
}
#header .header-inner #logo > a {
  display: inline-block;
}
.menu-overlay-active #header #mainMenu {
  position: relative;
}
.menu-overlay-active #header #mainMenu nav {
  background: var(--secondary-color);
}
#mainMenu nav > ul > li {
  max-width: calc(50% - 100px) !important;
  margin-left: 100px !important;
  text-align: left !important;
}
#mainMenu nav > ul > li a {
	display: block;
	color: white !important;
  padding: 0 !important;
  margin: 10px 0;
	opacity: 0.5 !important;
  transition: all 0.5s ease-in-out !important;
}
#mainMenu nav > ul > li:first-child a {
  margin-top: 0;
}
#mainMenu nav > ul > li:last-child a {
  margin-bottom: 0;
}
#mainMenu nav > ul > li > a.link-small {
  margin: 20px 0;
}
#mainMenu nav > ul > li:not(.lng-select):hover a {
	margin-left: 40px;
	opacity: 1 !important;
  transition: all 0.5s ease-in-out !important;
}
#mainMenu nav > ul > li.current a {
	opacity: 1 !important;
}
#mainMenu nav > ul > li.lng-select a:hover {
	color: var(--decoration-color);
	opacity: 1 !important;
}
#mainMenu nav > ul > li div a svg.fa-chevron-down {
	transform: none;
  transition: transform 0s ease-in-out;
}
#mainMenu nav > ul > li div:hover a svg.fa-chevron-down {
  transform: rotate(-90deg);
  transition: transform 1s ease-in-out;
}
#mainMenu nav > ul > li.lng-select ul.p-dropdown-content {
  background-color: transparent;
	border-width: 2px;
	border-radius: 0;
  left: 50px;
  top: calc(50% - 9px);
}
#mainMenu nav > ul > li.lng-select ul.p-dropdown-content > li > a {
  color: white !important;
  margin: 2px 0 !important;
}
#mainMenu nav > ul.menu-hide {
	display: none;
}
#mainMenu nav > .submenu {
	display: none;
}
#mainMenu nav > .submenu.submenu-show {
	display: block;
}
.img-menu-container {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50%;
  height: 100%;
}
.img-menu-container .img-menu {
	display: none;
  width: 100%;
  height: 100%;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
}
.img-menu-container .img-menu.img-menu-show {
	display: block;
}
body.webp-support .img-menu-container #img-menu-home.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-home.webp); }
body:not(.webp-support) .img-menu-container #img-menu-home.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-home.jpg); }
body.webp-support .img-menu-container #img-menu-ristorante.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-ristorante.webp); }
body:not(.webp-support) .img-menu-container #img-menu-ristorante.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-ristorante.jpg); }
body.webp-support .img-menu-container #img-menu-academy.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-cooking-academy.webp); }
body:not(.webp-support) .img-menu-container #img-menu-academy.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-cooking-academy.jpg); }
body.webp-support .img-menu-container #img-menu-academyCorsi.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-cooking-academy-corsi.webp); }
body:not(.webp-support) .img-menu-container #img-menu-academyCorsi.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-cooking-academy-corsi.jpg); }
body.webp-support .img-menu-container #img-menu-academyVideo.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-cooking-academy-videocorsi.webp); }
body:not(.webp-support) .img-menu-container #img-menu-academyVideo.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-cooking-academy-videocorsi.jpg); }
body.webp-support .img-menu-container #img-menu-bar.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-bar.webp); }
body:not(.webp-support) .img-menu-container #img-menu-bar.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-bar.jpg); }
body.webp-support .img-menu-container #img-menu-take-away.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-take-away.webp); }
body:not(.webp-support) .img-menu-container #img-menu-take-away.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-take-away.jpg); }
body.webp-support .img-menu-container #img-menu-store.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-store.webp); }
body:not(.webp-support) .img-menu-container #img-menu-store.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-store.jpg); }
body.webp-support .img-menu-container #img-menu-prodotti.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-prodotti.webp); }
body:not(.webp-support) .img-menu-container #img-menu-prodotti.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-prodotti.jpg); }
body.webp-support .img-menu-container #img-menu-servizi.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-servizi-aziende.webp); }
body:not(.webp-support) .img-menu-container #img-menu-servizi.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-servizi-aziende.jpg); }
body.webp-support .img-menu-container #img-menu-location.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-servizi-aziende.webp); }
body:not(.webp-support) .img-menu-container #img-menu-location.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-servizi-aziende.jpg); }
body.webp-support .img-menu-container #img-menu-locationEventiPrivati.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-location-per-eventi-privati.webp); }
body:not(.webp-support) .img-menu-container #img-menu-locationEventiPrivati.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-location-per-eventi-privati.jpg); }
body.webp-support .img-menu-container #img-menu-locationEventiAziendali.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-location-per-eventi-aziendali.webp); }
body:not(.webp-support) .img-menu-container #img-menu-locationEventiAziendali.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-location-per-eventi-aziendali.jpg); }
body.webp-support .img-menu-container #img-menu-locationTeam.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-location-per-eventi-team-building.webp); }
body:not(.webp-support) .img-menu-container #img-menu-locationTeam.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-location-per-eventi-team-building.jpg); }
body.webp-support .img-menu-container #img-menu-locationSala.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-location-per-eventi-saletta-conferenze.webp); }
body:not(.webp-support) .img-menu-container #img-menu-locationSala.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-location-per-eventi-saletta-conferenze.jpg); }
body.webp-support .img-menu-container #img-menu-tv.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-gustincantotv.webp); }
body:not(.webp-support) .img-menu-container #img-menu-tv.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-gustincantotv.jpg); }
body.webp-support .img-menu-container #img-menu-news.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-news.webp); }
body:not(.webp-support) .img-menu-container #img-menu-news.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-news.jpg); }
body.webp-support .img-menu-container #img-menu-contatti.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-contatti.webp); }
body:not(.webp-support) .img-menu-container #img-menu-contatti.img-menu { background-image: url(/pages/_assets/nice/images/menu/gustincanto-menu-img-contatti.jpg); }
#header.sticky-active,
#header.sticky-active > .header-inner,
#header.sticky-active > .header-inner #logo,
#header.sticky-active > .header-inner #logo img,
#header.sticky-active > .header-inner .header-extras {
	height: 60px;
}

/* --- header - user --- */
.p-dropdown-user .p-dropdown-content {
  border: none !important;
  border-radius: 0 !important;
}
.p-dropdown-user ul.p-dropdown-content {
  padding: 15px 20px;
}
.p-dropdown-user ul.p-dropdown-content > li {
  margin-bottom: 5px;
}
.p-dropdown-user ul.p-dropdown-content > li > a {
  padding: 0;
}
.p-dropdown-user ul.p-dropdown-content > li > a > * {
	color: var(--secondary-color) !important;
}
.p-dropdown-user ul.p-dropdown-content > li > a:hover > * {
	color: var(--decoration-color) !important;
}
.p-dropdown-user ul.p-dropdown-content > li > a > i {
	min-width: 20px;
  text-align: center;
}

/* --- header - cart --- */
.icon-carrello,
.icon-account {
  position: relative;
	padding: 0 !important;
}
/*
.icon-carrello:after,
.icon-account:after {
	color: var(--primary-color);
}
*/
.icon-carrello i,
.icon-account i {
  font-size: 20px;
  line-height: 20px;
}
.icon-carrello .badge-cart-header,
.icon-account .badge-cart-header {
  color: var(--decoration-color) !important;
  background-color: var(--primary-color);
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 16px;
  font-size: 11px !important;
  line-height: 10px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
}
.icon-account .badge-cart-header {
  left: 12px;
}
/*
#CartMini {
  min-width: 280px;
  padding: 15px 20px;
  border: none !important;
  border-radius: 0 !important;
	margin: 0;
}
#CartMini > ul {
	list-style: none;
	margin: 0;
}
#CartMini > ul > li:not(:last-child) {
	margin-bottom: 10px;
}
#CartMini > ul > li > a[class*="btn"] {
	display: block;
	text-align: center;
}
*/

/* ----- header - cart ----- */
.menu-cart {
	display: inline;
}
.menu-cart .icon-carrello {
	position: relative;
}
.menu-cart-container {
  position: absolute;
  z-index: 1000;
	transition: all 0.3s ease-in-out;
}
.menu-cart-container.hide-menu {
	opacity: 0;
	visibility: hidden;
}
.menu-cart-container.show-menu {
	opacity: 1;
	visibility: visible;
}
.menu-cart-container .menu-cart-close {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
	display: block;
  width: 100vw;
  height: 100vh;
  background-color: var(--black);
	opacity: 0.5;
  z-index: 0;
}
.menu-cart-container .menu-cart-content {
  position: fixed;
  top: 0;
  right: 0;
	display: block;
  width: 30vw;
  height: 100vh;
	text-align: left;
  background-color: var(--white);
	padding: 0 15px 20px 15px;
  overflow-y: scroll;
  z-index: 100;
	transition: all 0.3s ease-in-out;
}
.menu-cart-container.hide-menu .menu-cart-content {
  transform: translateX(30vw);
	opacity: 0;
}
.menu-cart-container.show-menu .menu-cart-content {
  transform: translateX(0);
	opacity: 1;
}
.menu-cart-container .menu-cart-content .menu-cart-header {
  position: sticky;
  top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
  background-color: var(--white);
	padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 0 solid var(--decoration-color);
  margin-bottom: 30px;
	z-index: 150;
}
.menu-cart-container .menu-cart-content .menu-cart-header a {
	color: var(--black) !important;
}
.menu-cart-container .menu-cart-content .menu-cart-header a:hover {
	color: var(--decoration-color) !important;
}
.menu-cart-container .menu-cart-content .menu-cart-header a i {
  transform: rotate(0deg);
  transition: all 0.25s ease-in-out;
}
.menu-cart-container .menu-cart-content .menu-cart-header a:hover i {
  transform: rotate(90deg);
}
.menu-cart-container .menu-cart-content .menu-cart-body {
	display: flex;
  flex-direction: column-reverse;
}
.menu-cart-container .menu-cart-content .menu-cart-body .menu-cart-spedizione {
  position: sticky;
  top: calc(var(--font-size-h4) + 48px);
  background-color: var(--white);
	padding-top: 10px;
  padding-bottom: 10px;
  border-top: 0 solid var(--decoration-color);
  border-bottom: 0 solid var(--decoration-color);
  margin-top: -10px;
  margin-bottom: 30px;
	z-index: 150;
}
.menu-cart-container .menu-cart-content .menu-cart-body .menu-cart-total {
	display: flex;
	justify-content: space-between;
	align-items: center;
  padding-top: 20px;
  border-top: 1px solid var(--decoration-color);
  margin-top: -20px;
  margin-bottom: 20px;
}
.menu-cart-container .menu-cart-content .menu-cart-body .menu-cart-total span {
  font-size: 20px;
  font-weight: 700;
}
.menu-cart-container .menu-cart-content input {
	color: var(--black) !important;
}
.menu-cart-container .menu-cart-content h4,
.menu-cart-container .menu-cart-content h5,
.menu-cart-container .menu-cart-content p,
.menu-cart-container .menu-cart-content span {
  color: var(--black) !important;
}
.menu-cart-container .menu-cart-content [class*="btn"] {
  justify-content: center;
}
.menu-cart-container .menu-cart-content .quantity-cart-checkout input {
  background-color: var(--light-grey);
  border: 0;
}

/* ------------------------- SUBHEADER ------------------------- */
#page-title {
	clear: both;
	position: relative;
	min-height:500px;
	padding: 250px 0 250px 0 !important;
}
#page-title:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);	
  z-index: 0;
}
#page-title .page-title {
	position: relative;
	text-align: center;
	padding: 0;
	z-index: 10;
}
#page-title .breadcrumb ul li a {
  color: var(--primary-color) !important;
}
#page-title .breadcrumb ul li + li:before {
	content: '>';
  color: var(--primary-color) !important;
}



/* ------------------------- SUBMENU ------------------------- */
#pageSubmenu ul {
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
  scroll-snap-type: x mandatory;
}
#pageSubmenu ul li {
	position: relative;
	padding: 0 15px;
}
#pageSubmenu ul li.loaded {
  scroll-snap-align: center;
}
#pageSubmenu ul li.loaded:first-child {
  scroll-snap-align: start;
}
#pageSubmenu ul li.loaded:last-child {
  scroll-snap-align: end;
}
#pageSubmenu ul li.active {
  scroll-snap-align: center;
}
#pageSubmenu ul li a {
	font-size: 14px !important;
	color: var(--secondary-color) !important;
  border: 1px solid var(--secondary-color);
  border-radius: 50px;
  padding: 10px 20px;
	transition: 0.2s all ease-in-out;
}
#pageSubmenu ul li a:hover {
	color: var(--primary-color) !important;
	background-color: var(--secondary-color) !important;
}
/*
#pageSubmenu ul li.active:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 5px;
	background-color: var(--secondary-color) !important;
}
*/
#pageSubmenu ul li.active a {
	color: var(--primary-color) !important;
	background-color: var(--secondary-color) !important;
}


/* ------------------------- FOOTER ------------------------- */
footer .row-footer-text h5 {
	min-height: calc(2em + 16px)
}
footer .row-footer-link a {
	display: block;
	color: white !important;
}
footer .copyright-content span a {
	color: white !important;
}
footer .row-footer-link a:not([class*="btn"]):hover,
footer .copyright-content span a:hover {
	text-decoration: underline !important;
}
footer .row-footer-link [class*="btn"] {
	display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
.footer-cart [class*="btn"] {
  display: inline-block;
}
.footer-cart .totale-carrello span {
	margin-bottom: 20px;
}


/* ------------------------- CTA ------------------------- */
#cta {
  display: flex;
  align-items: center;
	height: calc(100vh - 60px);
}
#cta h4 {
	letter-spacing: 5px;
  word-spacing: 5px;
}


/* ------------------------- FORM ------------------------- */

/* ----- form - general ----- */
form .input-group input,
form textarea,
form .input-group select {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-radius: 0 !important;
}
form.form-white .input-group input,
form.form-white textarea,
form.form-white .input-group select {
	color: white !important;
  border-color: white;
}
form.form-white .input-group input:focus-visible,
form.form-white textarea:focus-visible,
form.form-white .input-group select:focus-visible {
  outline: none !important;
  border-color: var(--decoration-color);
}
form.form-white .input-group input::placeholder {
  color: white;
}
form.form-secondary .input-group input,
form.form-secondary textarea,
form.form-secondary .input-group select {
	color: var(--secondary-color) !important;
	border-color: var(--secondary-color);
}
form.form-secondary .input-group input:focus-visible,
form.form-secondary textarea:focus-visible,
form.form-secondary .input-group select:focus-visible {
  outline: none !important;
  border-color: var(--decoration-color);
}
form.form-secondary .input-group input::placeholder {
  color: var(--secondary-color);
}
form .input-group input:focus,
form textarea:focus {
  background: transparent;
  box-shadow: none !important;
  border-color: var(--decoration-color);
}
.input-group .input-group-append {
  margin: 0 !important;
}
#academyCorsiDettaglio form#prenotaCorso .input-group input,
#academyCorsiDettaglio form#prenotaCorso .input-group select {
  padding: 7.5px 10px;
  line-height: 1em !important;
  font-size: 0.8rem;
  min-height: 30px;
  max-height: 30px;
}
#academyCorsiDettaglio form#prenotaCorso .input-group input {
	width: inherit;
}
#academyCorsiDettaglio form#prenotaCorso .input-group button {
  padding: 7.5px 10px !important;
  line-height: 1em !important;
}
#cta form#newsletterFooter .input-group input {
  border-width: 2px;
  border-right: 0;
}
#cta form[id^="contatti"] .input-group input {
  border-width: 1px;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}

/* ----- form - style ----- */
form.form-white .input-group select#teambuilding {
  border-top: none;
  border-right: none;
  border-left: none;
}
form.form-white .input-group select#teambuilding:focus {
  background-color: transparent;
  border-color: var(--decoration-color);
	box-shadow: none;
}

/* ----- form - floating ----- */
.form-floating {
	position: relative;
}
.form-floating > textarea,
.form-floating > input {
	height: 44px;
	padding: 20px 20px 10px !important;
	border-radius: 0 !important;
	font-size: 14px !important;
}
.form-floating > textarea::placeholder,
.form-floating > input::placeholder {
	color: transparent !important;
}
.form-floating > label {
	position: absolute;
	top: 15px;
	left: 20px;
	line-height: 12px;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0px;
	z-index: 100;
	transition: 0.3s;
}
.form-floating > textarea:focus ~ label,
.form-floating > textarea:not(:placeholder-shown) ~ label,
.form-floating > input:focus ~ label,
.form-floating > input:not(:placeholder-shown) ~ label {
	font-size: 10px;
	top: 3px;
	transition: 0.3s;
}

/* ----- checkbox privacy ----- */
.checkbox-form {
  display: flex;
  position: relative;
}
.checkbox-form input[id^="privacy"],
.checkbox-form input#regaloBiglietto,
.checkbox-form input[id*="Carrello_regalo_"] {
	position: relative;
	z-index: 10;
	opacity: 0 !important;
	margin-right: 10px;
}
.checkbox-form .privacyContatti,
.checkbox-form .regaloBigliettoModal,
.checkbox-form .Carrello_regalo {
	display: block;
	position: absolute;
	z-index: 5;
	top: 2px;
	width: 16px;
	height: 16px;
	background-color: transparent;
	border: 1px solid white;
}
#modal-avviso .checkbox-form .privacyContatti,
.checkbox-form .regaloBigliettoModal {
	border-color: var(--secondary-color);
}
.checkbox-form .privacyContatti:after,
.checkbox-form .regaloBigliettoModal:after,
.checkbox-form .Carrello_regalo:after {
	content: ' ';
	display: none;
	position: relative;
	top: 2px;
	left: 5px;
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 1.5px 1.5px 0;
	transform: rotate(45deg);
}
#modal-avviso .checkbox-form .privacyContatti:after,
.checkbox-form .regaloBigliettoModal:after {
	border-color: var(--secondary-color);
}
.checkbox-form input[id^="privacy"]:checked ~ .privacyContatti,
.checkbox-form input#regaloBiglietto:checked ~ .regaloBigliettoModal,
.checkbox-form input[id*="Carrello_regalo_"]:checked ~ .Carrello_regalo {
	background-color: transparent;
}
.checkbox-form input[id^="privacy"]:checked ~ .privacyContatti:after,
.checkbox-form input#regaloBiglietto:checked ~ .regaloBigliettoModal:after,
.checkbox-form input[id*="Carrello_regalo_"]:checked ~ .Carrello_regalo:after {
	display: block;
}
.checkbox-form label,
.checkbox-form label a {
  font-size: 12px !important;
	line-height: var(--line-height);
}
.checkbox-form label.text-white,
.checkbox-form label.text-white a {
	color: var(--white) !important;
}
.checkbox-form label > a:hover {
	color: var(--decoration-color) !important;
	text-decoration: underline !important;
}
.checkbox-form.checkbox-center {
  justify-content: center;
  align-items: center;
}
.checkbox-form.checkbox-center input[id^="privacy"],
.checkbox-form.checkbox-center input#regaloBiglietto,
.checkbox-form.checkbox-center input[id*="Carrello_regalo_"] {
  position: relative;
  margin-right: 0;
  right: -14px;
}
.checkbox-form.checkbox-center .privacyContatti,
.checkbox-form.checkbox-center .regaloBigliettoModal,
.checkbox-form.checkbox-center .Carrello_regalo {
  position: relative;
  top: -1px;
  margin-right: 8px;
}
.sale-condition .checkbox-form label,
.sale-condition .checkbox-form label > a {
	color: black;
}
.sale-condition .checkbox-form .privacyContatti,
.sale-condition .checkbox-form .privacyContatti:after,
.sale-condition .checkbox-form .regaloBigliettoModal,
.sale-condition .checkbox-form .regaloBigliettoModal:after,
.sale-condition .checkbox-form .Carrello_regalo,
.sale-condition .checkbox-form .Carrello_regalo:after {
	border-color: black;
}

/* --- form - check verification code --- */
#formLogin2,
#formLostPass .codeContainer {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 10px;
}
#formLostPass {
	justify-content: center;
}
#formLostPass .codeContainer {
	margin-bottom: 20px;
}
#formLogin2 .form-group input[id^="code"],
#formLostPass .form-group input[id^="code"] {
  padding-top: 40px;
  padding-bottom: 40px;
  height: auto;
}
#formLostPass .codeContainer .form-group input[id^="code"] {
  width: 100% !important;
  padding: 30px 10px !important;
}
#formLogin2 div:last-child,
#formLostPass .input-full-col {
  grid-column: 1 / 7;
}
/* Chrome, Safari, Edge, Opera */
input[id^="code"]::-webkit-outer-spin-button,
input[id^="code"]::-webkit-inner-spin-button {
	display: none;
}
/* Firefox */
input[id^="code"][type=number] {
	appearance: textfield;
}

/* ----- object - group input submit ----- */
.group-input-submit {
  display: flex;
}
.group-input-submit .input-group {
  border: 1px solid var(--white);
  border-radius: 0;
}
.group-input-submit .input-group:active,
.group-input-submit .input-group:focus,
.group-input-submit .input-group:focus-visible {
  outline: none !important;
  border-color: var(--primary-color) !important;
	box-shadow: none !important;
}
.group-input-submit .input-group {
	border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.group-input-submit [class*="btn"] {
	color: var(--white) !important;
	border: 1px solid var(--black) !important;
  border-radius: 0 !important;
	background-color: var(--black) !important;
	margin-bottom: 0 !important;
	transition: all 0.3s ease-in-out !important;
}
.group-input-submit [class*="btn"]:hover {
	color: var(--black) !important;
	background-color: white !important;
}

/* ----- form - carrello ----- */
.pag-carrello form:not(#formCondizioni) .checkbox-form .privacyContatti {
	border-color: var(--black) !important;
}
.pag-carrello form:not(#formCondizioni) .checkbox-form .privacyContatti:after {
	border-color: var(--black) !important;
}
.pag-carrello form:not(#formCondizioni) .checkbox-form label:not(.text-white) {
	color: var(--black) !important;
}
.pag-carrello .form-control {
	color: var(--black) !important;
  border: 1px solid var(--black);
  border-radius: 0 !important;
	background-color: var(--white) !important;
	transition: all 0.3s ease-in-out !important;
}
.pag-carrello tr .form-control {
  border-color: var(--light-grey);
}
.pag-carrello .form-control:active,
.pag-carrello .form-control:focus,
.pag-carrello .form-control:focus-visible {
  border-color: var(--decoration-color) !important;
	box-shadow: none !important;
	outline: none !important;
}
.pag-carrello input.form-control,
.pag-carrello select.form-control {
	font-family: var(--secondary-font) !important;
  line-height: 12px;
  font-size: 12px;
	padding-right: 20px;
	padding-left: 20px;
}
.input-group-append [class*="btn"],
.pag-carrello .input-group-append .input-group-text {
  color: var(--black) !important;
  background-color: var(--white) !important;
  border: 1px solid var(--black) !important;
	border-left: none !important;
  border-radius: 0;
	transition: all 0.3s ease-in-out !important;
}
.pag-carrello tr .input-group-append .input-group-text {
  border-color: var(--light-grey) !important;
}
.pag-carrello .form-control:active ~ .input-group-append .input-group-text,
.pag-carrello .form-control:focus ~ .input-group-append .input-group-text,
.pag-carrello .form-control:focus-visible ~ .input-group-append .input-group-text {
  color: var(--decoration-color) !important;
  border-color: var(--decoration-color) !important;
}
.input-group-append [class*="btn"]:hover {
  color: var(--white) !important;
  border-color: var(--decoration-color) !important;
  background-color: var(--decoration-color) !important;
}
.pag-carrello .row-single-el-cart h5,
.pag-carrello .row-single-el-cart span,
.pag-carrello .totale-carrello h4,
.pag-carrello .totale-carrello span {
	color: var(--white);
}
#btn-checkout {
  justify-content: center;
}


/* ------------------------- GENERAL ELEMENT PAGES ------------------------- */

/* ----- intro ----- */
.grid-intro {
  display: grid;
  grid-template-areas:
    ". . title title img2 img2"
    "img1 img1 . . img2 img2"
    "img1 img1 . text text .";
  grid-template-rows: 270px 60% auto;
  grid-template-columns: 1fr 1fr 0.5fr 0.5fr 1fr 1fr;
  justify-items: center;
  align-items: center;
}
.grid-intro h2 {
  grid-area: title;
}
.grid-intro .text-grid {
  grid-area: text;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
#bar .grid-intro .text-grid {
  justify-content: flex-end;
}
.grid-intro img:first-child {
  grid-area: img1;
}
.grid-intro img:not(:first-child) {
  grid-area: img2;
}

/* ----- staff ----- */
#staff .subtitle {
	font-size: 1.5rem !important;
}

/* ----- news ----- */
#news h2 {
	z-index: 100;
}
.elenco-img-news {
  position: sticky;
  top: 0;
  height: 100vh;
}
.elenco-img-news .singola-img-news {
  position: absolute;
  display: flex;
  max-height: 100%;
  height: 100%;
  width: 100%;
	z-index: 10;
}
.elenco-img-news .singola-img-news.active {
	z-index: 20;
}
.elenco-news {
	position: relative;
	z-index: 10;
}
.elenco-news .singola-news {
	padding-right: 30px;
	padding-left: 0;
	transition: padding-right 1s, padding-left 1s;
}
.elenco-news .singola-news:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.elenco-news .singola-news:hover {
	padding-right: 0;
	padding-left: 30px;
	transition: padding-right 1s, padding-left 1s;
}
.elenco-news .singola-news.divider-horizontal-bottom:last-child:before {
	content: none;
}


/* ------------------------- HOME ------------------------- */

/* ----- home - slide ----- */
#slide {
  height: 100vh;
}
#slide video {
  height: 100%;
  width: auto;
}

/* ----- home - struttura ----- */
#animateStruttura {
	overflow: visible;
}
.group-struttura {
	position: relative;
  height: 370vh;
}
.img-struttura-big {
  position: absolute;
  top: 0;
  left: 130%;
  display: block;
  width: 300%;
  height: 100%;
  animation: imgBig 1s linear;
	/* Bind the animation to scroll */
	animation-delay: calc(var(--scroll-struttura) * -3s) !important;
}
.img-struttura-big .img-struttura-big-content {
  position: sticky;
  top: 0;
  width: 100%;
}
.img-struttura-big .img-struttura-big-content img {
  position: absolute;
  left: 0;
  width: 100%;
	max-width: unset;
}
.img-struttura-big .img-struttura-big-content .img-struttura-big-descrizioni {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}
.img-struttura-big .img-struttura-big-content .img-struttura-big-descrizioni [id^="desc"] {
	position: absolute;
  width: 500px;
  text-align: left;
  padding: 40px;
}
.img-struttura-big .img-struttura-big-content .img-struttura-big-descrizioni #descAcademy {
	top: 25%;
	left: 25%;
}
.img-struttura-big .img-struttura-big-content .img-struttura-big-descrizioni #descRistorante {
	top: 20%;
	left: 65%;
}
.img-struttura-big .img-struttura-big-content .img-struttura-big-descrizioni #descTerrazza {
	top: 18%;
	left: 85%;
}
.img-struttura-big .img-struttura-big-content .img-struttura-big-descrizioni #descBar {
  bottom: 33%;
  left: 11%;
}
.img-struttura-big .img-struttura-big-content .img-struttura-big-descrizioni #descIngresso {
  bottom: 35%;
  left: 40%;
}
.img-struttura-big .img-struttura-big-content .img-struttura-big-descrizioni #descStore {
  bottom: 20%;
  left:53%;
}
.img-struttura-big .img-struttura-big-content .img-struttura-big-descrizioni #descTakeAway {
  bottom: 25%;
  left: 81%;
}
.grid-struttura {
  position: sticky;
  top: 10%;
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(24, 1fr);
  grid-row-gap: 40px;
  animation: imgSmall 0.16s linear;
	/* Bind the animation to scroll */
	animation-delay: calc(var(--scroll-struttura) * -2s) !important;
}
.grid-struttura [class*="el-struttura"] {
	position: relative;
}
.grid-struttura .el-struttura-e { grid-column: 5/10; }
.grid-struttura .el-struttura-f { grid-column: 13/17; }
.grid-struttura .el-struttura-g { grid-column: 18/22; }
.grid-struttura .img-struttura { grid-column: 1/25; }
.grid-struttura .el-struttura-a { grid-column: 3/8; }
.grid-struttura .el-struttura-b { grid-column: 9/12; }
.grid-struttura .el-struttura-c { grid-column: 14/17; }
.grid-struttura .el-struttura-d { grid-column: 18/22; }
.grid-struttura [class*="el-struttura"]:before {
  content: '';
  position: absolute;
	left: calc(50% - 1px);
  display: block;
  width: 2px;
  height: 170px;
  background-color: var(--decoration-color);
}
.grid-struttura .el-struttura-g:before { content: none; }
.grid-struttura .el-struttura-e:before,
.grid-struttura .el-struttura-f:before,
.grid-struttura .el-struttura-g:before {
  bottom: 0;
	transform-origin: calc(50% - 1px) 99%;
}
.grid-struttura .el-struttura-e:before { transform: rotate(185deg); }
.grid-struttura .el-struttura-f:before { transform: rotate(200deg); }
.grid-struttura .el-struttura-g:before { transform: rotate(155deg); }
.grid-struttura .el-struttura-a:before,
.grid-struttura .el-struttura-b:before,
.grid-struttura .el-struttura-c:before,
.grid-struttura .el-struttura-d:before {
	top: 0;
	transform-origin: calc(50% - 1px) 1%;
}
.grid-struttura .el-struttura-a:before { transform: rotate(220deg); }
.grid-struttura .el-struttura-b:before { transform: rotate(198deg); }
.grid-struttura .el-struttura-c:before { transform: rotate(145deg); }
.grid-struttura .el-struttura-d:before { transform: rotate(145deg); }
.grid-struttura [class*="el-struttura"] span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: 1.9rem;
  font-weight: 700;
	color: var(--primary-color);
  background-color: var(--decoration-color);
  border-radius: 50%;
}
.grid-struttura .el-struttura-e span,
.grid-struttura .el-struttura-f span,
.grid-struttura .el-struttura-g span {
	margin-top: 20px;
}
.grid-struttura .el-struttura-a span,
.grid-struttura .el-struttura-b span,
.grid-struttura .el-struttura-c span,
.grid-struttura .el-struttura-d span {
	margin-bottom: 20px;
}

/* ------------------------- RISTORANTE ------------------------- */

/* ----- ristorante - piatti ----- */
.carousel-text-container .carousel-text-piatto:not(.show) {
	display: none;
}
.carousel-text-container .carousel-text-piatto h4 {
	min-height: calc(4em + 64px);
}
.carousel-img-container {
  position: absolute;
  bottom: 0;
  width: 50vw;
  height: calc(100% + 50vw);
  z-index: -1;
}
.carousel-img-container:before {
  content: '';
  position: absolute;
  bottom: 25vw;
  left: -25vw;
  display: block;
  width: 50vw;
  height: 50vw;
  border-radius: 50%;
  box-shadow: 0 0 0 120px var(--light-grey);
}
.carousel-img-container .carousel-img-piatto {
	position: absolute;
	top: 0;
	left: 0;
	width: 50vw;
	height: 50vw;
  transform-origin: bottom left;
}
.carousel-img-container .carousel-img-piatto img {
  position: relative;
  top: calc(50% - 200px);
  left: calc(25% - 175px);
  width: 400px;
  height: 400px;
  transform: rotate(-90deg);
}
.piatto-in {
  transform: rotate(90deg);
  transition: transform 1s ease-in-out;
}
.piatto-out {
  transform: rotate(180deg);
  transition: transform 1s ease-in-out;
}

/* ----- ristorante - carousel - items ----- */
.carousel .polo-carousel-item [class*="carousel-piatto"] {
  margin: 0px 60px;
  padding: 20px 10px;
  border-radius: 25px;
}
.carousel .polo-carousel-item.is-selected [class*="carousel-piatto"] {
	background-color: var(--light-grey);
}
.carousel .polo-carousel-item [class*="carousel-piatto"] img {
  max-width: 100px;
  height: auto;
}
.carousel .polo-carousel-item [class*="carousel-piatto"] p {
  min-height: calc(2em + 16px);
}

/* ----- ristorante - carousel - buttons ----- */
.carousel .flickity-button {
  opacity: 1;
  border: 1px solid var(--decoration-color);
  border-radius: 50%;
}
.carousel .flickity-button.previous,
.carousel:hover .flickity-button.previous {
  left: -40px;
}
.carousel .flickity-button.previous:hover {
  background-color: var(--decoration-color);
}
.carousel .flickity-button.next,
.carousel:hover .flickity-button.next {
  right: -40px;
}
.carousel .flickity-button.next:hover {
  background-color: var(--decoration-color);
}
.carousel .flickity-button svg {
  fill: var(--decoration-color);
}
.carousel .flickity-button:hover svg {
  fill: white;
}
.carousel .flickity-button svg path {
  transform: translate(10px, 5px) scale(0.15) !important;
}
.carousel .flickity-button.previous svg path {
  d: path('M2.3 250.3c-3.1 3.1-3.1 8.2 0 11.3l152 152c3.1 3.1 8.2 3.1 11.3 0s3.1-8.2 0-11.3L27.3 264 504 264c4.4 0 8-3.6 8-8s-3.6-8-8-8L27.3 248 165.7 109.7c3.1-3.1 3.1-8.2 0-11.3s-8.2-3.1-11.3 0l-152 152z');
}
.carousel .flickity-button.next svg path {
  d: path('M509.7 261.7c3.1-3.1 3.1-8.2 0-11.3l-152-152c-3.1-3.1-8.2-3.1-11.3 0s-3.1 8.2 0 11.3L484.7 248 8 248c-4.4 0-8 3.6-8 8s3.6 8 8 8l476.7 0L346.3 402.3c-3.1 3.1-3.1 8.2 0 11.3s8.2 3.1 11.3 0l152-152z');
}


/* ------------------------- ACADEMY ------------------------- */

/* ----- academy - docenti ----- */
/*
.img-chef {
	position: relative;
	border-radius: 50%;
  overflow: hidden;
}
*/
.img-chef img {
	position: relative;
	display: block !important;
	border-radius: 50%;
	z-index: 10;
}
.img-chef.img-chef-bg-white img {
	background-color: var(--white);
}
.img-chef.img-chef-bg-secondary img {
	background-color: var(--secondary-color);
}
/*
.img-chef:before {
	content: '';
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	z-index: 0;
}
.img-chef.img-chef-bg-white:before {
	background-color: var(--white);
}
*/

/* ----- academy - corsi - tabella info corsi ----- */
.table-info-corsi {
	--font-size: 16px;
  display: grid;
  grid-template-columns: repeat(7, auto);
  border: 0.5px solid var(--light-grey);
}
.table-info-corsi .table-info-el {
  display: flex;
	align-items: center;
  border: 0.5px solid var(--light-grey);
}
.table-info-corsi .table-info-el.table-info-head {
	background-color: white;
	padding: 7px 10px;
}
.table-info-corsi .table-info-el.table-info-body {
	background-color: var(--superlight-grey);
	padding: 15px 10px;
}
.table-info-corsi .table-info-el p {
	font-size: var(--font-size) !important;
}
.table-info-corsi .table-info-el a[class*="btn"] {
	font-size: var(--font-size) !important;
	text-transform: none;
}

/* ----- academy - videocorsi - card videocorsi ----- */
.video-page-title {
  top: -80px !important;
  min-height: 100vh !important;
  margin-bottom: -80px !important;
}
.video-page-title .slide:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.video-page-title .slide .container {
  align-self: flex-end !important;
  padding-bottom: 200px !important;
}
.video-page-title .videocorso-group-img {
  display: flex;
  align-items: center;
}
.videocorso-group-img .img-chef {
  max-width: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 15px;
}
.video-page-title .videocorso-group-text h1 {
	font-size: 2rem !important;
}
.video-page-title .videocorso-group-text p {
	font-size: 1rem !important;
}
#acquistaCorso {
  position: sticky;
  top: 60px;
  z-index: 100;
}
a.videocorso-card {
	cursor: pointer;
}
a.videocorso-card .card {
  box-shadow: none;
}
a.videocorso-card .card-title .badge-prodotti {
  font-size: 0.7rem;
  text-transform: uppercase;
  color: var(--primary-color);
  background-color: var(--pink);
  border-radius: 0;
  padding: 3px 8px;
}
a.videocorso-card .card .card-title .top-corsi-banner {
  text-align: center;
  display: flex;
	flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: white;
  padding: 2.5px;
  border-radius: 10px;
}
a.videocorso-card .card .card-title .top-corsi-banner span {
	color: var(--secondary-color);
  font-size: 10px !important;
	line-height: calc(1em + 3px) !important;
}
a.videocorso-card .card .card-footer {
	color: var(--secondary-color);
	border-radius: 0;
	transition: all 0.3s;
}
a.videocorso-card:hover .card .card-footer {
	color: var(--primary-color);
	background-color: var(--secondary-color);
	transition: all 0.3s;
}
.card .card-footer .btn-videocorsi {
  font-size: 11px !important;
  color: var(--white) !important;
  border: 1px solid var(--secondary-color);
  background-color: var(--secondary-color);
  padding: 5px 15px !important;
  transition: 0.3s all ease-in-out;
}
.card .card-footer .btn-videocorsi:hover {
  color: var(--secondary-color) !important;
  background-color: var(--white) !important;
}

/* ----- academy - dettaglio videocorso - intro slide youtube ----- */
.youtube-background {
	/* position: relative; */
  background-color: transparent;
}
.youtube-background .ytplayer-container {
  max-width: 100%;
}
.youtube-background .ytplayer-container:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}
.youtube-background .container {
  position: relative;
  top: -80px;
	z-index: 20;
}

/* ----- academy - dettaglio - carousel corso ----- */
#carouselCorsoDettaglio .flickity-page-dots {
  bottom: 25px;
}
#carouselCorsoDettaglio .flickity-page-dots .dot {
  box-shadow: inset 0 0 0 1px #ffffff;
}
#carouselCorsoDettaglio .flickity-page-dots .dot:after {
  background-color: #ffffff;
  box-shadow: 0 0 1px #ffffff;
}

/* ------------------------- KITCHEN STORE ------------------------- */

/* ----- store - gallery carousel ----- */
#galleryStore .polo-carousel-item {
	padding-right: 0 !important;
}

/* ------------------------- TV ------------------------- */

/* ----- include - icons ----- */
#tv #includeIcons .row-icons i,
#tv #includeIcons .row-icons svg {
	color: var(--pink) !important;
}
#tv #includeIcons .row-icons [class*="divider"]:before {
	background-color: var(--pink);
}

/* ----- tv - gallery carousel ----- */
#galleryTv .polo-carousel-item {
	padding-right: 0 !important;
}


/* ------------------------- LOCATION PER EVENTI ------------------------- */

/* ----- location - general ----- */
#includeMenuLocation div.d-flex {
  scroll-snap-type: x mandatory;
}
#includeMenuLocation a {
	position: relative;
	color: white !important;
	padding: 0 15px;
}
#includeMenuLocation div.d-flex > a.loaded {
  scroll-snap-align: center;
}
#includeMenuLocation div.d-flex > a.loaded:first-child {
  scroll-snap-align: start;
}
#includeMenuLocation div.d-flex > a.loaded:last-child {
  scroll-snap-align: end;
}
#includeMenuLocation div.d-flex > a.active {
  scroll-snap-align: center;
}
#includeMenuLocation a.active,
#includeMenuLocation a:hover {
	color: var(--decoration-color) !important;
}

/* ----- location - team ----- */
.card-prova-team {
	height: 100%;
	padding: 30px 20px;
	border: 2px solid var(--secondary-color);
}
.card-prova-team > p:not(.num-attivita) {
	min-height: calc(var(--line-height) * 4);
}
.card-prova-team > p.num-attivita {
	font-family: var(--primary-font) !important;
	font-size: 90px !important;
  line-height: 1em !important;
}
.card-prova-team .group-icona-team {
  display: grid;
  grid-template-columns: 40px auto;
  grid-gap: 20px;
}
.card-prova-team .group-icona-team:not(:last-child) {
  margin-bottom: 30px;
}
.card-prova-team .group-icona-team i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25px !important;
}
.card-prova-team .group-icona-team p {
	font-size: 14px !important;
}

/* ----- location - spot ----- */
.logo-clienti-spot {
	max-width: 50%;
	margin: auto;
}

/* ------------------------- NEWS ------------------------- */
.news-data p,
.news-categoria p {
  font-size: 0.9rem !important;
}
.news-data p {
	min-height: 22px !important
}
.news-title h5 {
  min-height: calc(1em + 16px);
}
.news-text p {
  min-height: calc(4em + 32px);
}
.news-link a,
.news-icon a:hover {
	color: var(--decoration-color) !important;
}
.news-icon a,
.news-link a:hover {
	color: var(--secondary-color) !important;
}
.news-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: var(--decoration-color);
	color: var(--primary-color);
	padding: 3px 10px;
	border-radius: 10px;
}
.news-badge a {
	color: var(--primary-color) !important;
	font-size: 14px !important;
}
.row-archivio-news .news-card-archivio img {
  filter: grayscale(1);
}
.row-archivio-news .news-card-archivio .news-badge:not(.news-badge-archivio) {
  filter: grayscale(1);
}
.row-archivio-news .news-card-archivio .news-badge-archivio {
  right: unset;
  left: 10px;
}


/* ------------------------- NEWS - DETTAGLIO ------------------------- */

/* ----- news - dettaglio - content ----- */
.badge-categoria {
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: 2px;
	color: var(--decoration-color);
}
.social-share-blog .icon-social {
  padding-right: 10px;
  padding-left: 10px;
}

/* ----- news - dettaglio - sidebar ----- */
.sidebarBlog [class*="sidebar-el"] .sidebar-title-el {
  font-weight: 700;
  font-size: 1.2rem !important;
  letter-spacing: 2px;
	color: var(--secondary-color);
}
.sidebarBlog .sidebar-el-correlati .sidebar-title-news {
  font-weight: 700;
  font-size: 1.1rem !important;
	color: var(--secondary-color);
}
.sidebarBlog .sidebar-el-correlati .sidebar-text-news {
  font-size: 1rem !important;
}
.sidebarBlog .sidebar-el-correlati .sidebar-link-news {
  font-size: 0.8rem !important;
	color: var(--decoration-color);
}
.sidebarBlog .sidebar-el-correlati .sidebar-link-news:hover {
	color: var(--secondary-color);
}
.sidebarBlog .sidebar-el-cerca .input-group input {
  border: 1px solid var(--secondary-color);
  border-right-width: 0.5px;
}
.sidebarBlog .sidebar-el-cerca .input-group button {
  color: var(--secondary-color) !important;
  border: 1px solid var(--secondary-color) !important;
  border-left-width: 0.5px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sidebarBlog .sidebar-el-cerca .input-group button:hover {
  color: var(--primary-color) !important;
}


/* ------------------------- PRODOTTI ------------------------- */

/* ----- prodotti - sidebar ----- */
.switch-filter {
  display: flex;
}
.switch-label {
  position: relative;
  display: inline-block;
  width: 40px;
  min-width: 40px;
  height: 22px;
}
.switch-input {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--light-grey);
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .switch-input {
  background-color: var(--decoration-color);
}
.switch-input:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}
input:disabled + .switch-input {
  background-color: #e6e6e6;
}
input:focus + .switch-input {
  box-shadow: 0 0 1px #0073b2;
}
input:checked + .switch-input:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* ----- prodotti - griglia ----- */
.product-box {
  position: relative;
}
.product-box .product-title {
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 40px);
  padding: 0;
  z-index: 100;
}
.product-box .product-title .badge-prodotti {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: var(--primary-color);
  background-color: var(--decoration-color);
  border-radius: 0;
  padding: 5px 15px;
}
/*
.product-box .product-title .product-fav a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
  color: var(--primary-color) !important;
  background-color: var(--secondary-color);
  border-radius: 50%;
}
*/
.product-box .product-content .product-img {
  position: relative;
  border: 0 solid var(--light-grey);
	border-radius: 0;
  overflow: hidden;
}
.product-box .product-content .product-img .link-cart {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0;
  color: white !important;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
	transition: all 0.5s;
}
.product-box .product-content:hover .product-img .link-cart {
  height: 50px;
  opacity: 1;
}
.product-box .product-content:hover .product-img .link-cart:hover {
  background-color: var(--black);
}
.product-box .product-content {
  border: 1px solid var(--light-grey);
}
.product-box .product-content .product-desc {
	padding: 20px;
}
.product-box .product-content .product-desc p {
	min-height: calc(var(--line-height) * 2);
}
.product-desc .product-prezzo {
  position: relative;
  display: flex;
  align-items: center;
}
.product-desc .product-prezzo .prezzo-definitivo {
  font-size: 1.5rem;
  color: var(--decoration-color) !important;
}
.product-desc .product-prezzo .prezzo-barrato {
  font-size: 0.8rem;
  text-decoration: line-through;
	color: var(--secondary-color) !important;
	margin-left: 15px;
	opacity: 0.6;
}
.product-desc .product-prezzo .prezzo-barrato-desc {
  font-size: 0.8rem;
	color: var(--secondary-color) !important;
	opacity: 0.6;
}
.product-desc .product-prezzo .prezzo-sconto {
  position: absolute;
  right: 0;
  font-size: 0.8rem;
	color: var(--secondary-color) !important;
  background-color: var(--light-grey);
  border-radius: 7px;
  padding: 5px 10px;
}

/* ----- prodotti - dettaglio ----- */
.product-title h3 {
  letter-spacing: 0px;
  font-size: 26px !important;
}
.product-page .product-desc .product-prezzo {
  flex-direction: column;
  align-items: flex-end;
}
.product-page .product-desc .product-prezzo .prezzo-definitivo {
	order: 1;
	margin-bottom: 15px;
}
.product-page .product-desc .product-prezzo .prezzo-barrato-container,
.product-page .product-desc .product-prezzo .prezzo-barrato {
	order: 3;
}
.product-page .product-desc .product-prezzo .prezzo-barrato-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.product-page .product-desc .product-prezzo .prezzo-sconto {
  position: relative;
	order: 2;
	margin-bottom: 15px;
}
.product-page .carousel .flickity-button {
	background-color: var(--primary-color-light);
}
.product-page .carousel .flickity-button.previous,
.product-page .carousel:hover .flickity-button.previous {
  left: 20px;
}
.product-page .carousel .flickity-button.next,
.product-page .carousel:hover .flickity-button.next {
  right: 20px;
}
.prodotti-correlati .carousel .flickity-button.previous,
.prodotti-correlati .carousel:hover .flickity-button.previous {
  left: -60px;
}
.prodotti-correlati .carousel .flickity-button.next,
.prodotti-correlati .carousel:hover .flickity-button.next {
  right: -60px;
}
#tabProdottiContent .tabellaNutrizionale {
	font-family: var(--secondary-font) !important;
  border: 1px solid var(--light-grey);
  margin-bottom: 30px;
}
#tabProdottiContent .tabellaNutrizionale tr:nth-child(even) {
  background-color: var(--light-grey);
}
#tabProdottiContent .tabellaNutrizionale tr td {
  padding: 0 10px;
}
#tabProdottiContent .tabellaNutrizionale tr:nth-child(odd):not(:first-child) td:first-child {
  border-right: 1px solid var(--light-grey);
}
#tabProdottiContent .tabellaNutrizionale tr:nth-child(even) td:first-child {
  border-right: 1px solid white;
}
.loghi-pagamenti-sicuri {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.5fr;
  grid-column-gap: 35px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px 0 40px;
}
.cart-product-quantity .qty {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
}

/* ----- prodotti - carrello ----- */
tbody .cart-product-thumbnail {
  display: flex !important;
  align-items: center;
  border-top: 0;
}


/* ------------------------- CONTATTI ------------------------- */
.grid-group-icon-contatti {
  display: grid;
  grid-template-columns: 30px auto;
  grid-column-gap: 15px;
}
.grid-group-icon-contatti i {
	margin-top: 12px;
}
.gmap-contatti {
  height: calc(100vh - 60px);
}
.row-icons-contatti [class*="divider-horizontal"]:before {
  width: calc(100% - 30px);
}


/* ------------------------- AREA UTENTE ------------------------- */

/* ----- area utente - index ----- */

/* ----- area utente - index - griglia ----- */
.grid-tab-ac-intro {
	display: grid;
	grid-template-areas:
		'dati biglietti videocorsi'
		'dati newsletter newsletter'
		'ordini preferiti indirizzi';
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
}
.grid-tab-ac-intro > .tab-ac-dati {
	grid-area: dati;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.grid-tab-ac-intro > .tab-ac-biglietti { grid-area: biglietti; }
.grid-tab-ac-intro > .tab-ac-videocorsi { grid-area: videocorsi; }
.grid-tab-ac-intro > .tab-ac-newsletter { grid-area: newsletter; }
.grid-tab-ac-intro > .tab-ac-modifica { grid-area: modifica; }
.grid-tab-ac-intro > .tab-ac-ordini { grid-area: ordini; }
.grid-tab-ac-intro > .tab-ac-preferiti { grid-area: preferiti; }
.grid-tab-ac-intro > .tab-ac-indirizzi { grid-area: indirizzi; }

/* ----- area utente - index - style el generico ----- */
.grid-tab-ac-intro > [class*="tab-ac"] {
	position: relative;
	background-color: var(--light-grey);
	padding: 30px;
	border-radius: 25px;
}
.grid-tab-ac-intro > [class*="tab-ac"] > * {
	z-index: 10;
}

/* ----- area utente - index - style el link ----- */
.tab-link {
	position: relative;
	display: block;
	overflow: hidden;
  color: black !important;
}
.tab-link:hover {
  color: white !important;
}
.tab-link:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--secondary-color);
  clip-path: circle(0% at calc(100% - 42.5px) 42.5px);
	z-index: 0;
	transition: 0.4s all ease-in-out !important;
}
.tab-link:hover:before {
	clip-path: circle(150% at calc(100% - 42.5px) 42.5px);
}
.tab-link h3,
.tab-link h4,
.tab-link p,
.tab-link i,
.tab-link img {
	z-index: 10;
	transition: 0.2s all ease-in-out 0.15s !important;
}
.tab-link:hover h3,
.tab-link:hover h4,
.tab-link:hover p,
.tab-link:hover i {
  color: var(--white) !important;
}
.tab-link:hover img {
  filter: brightness(0) invert(1);
}

/* ----- area utente - index - style el titolo ----- */
.grid-tab-ac-intro > [class*="tab-ac"] .tab-ac-title-big {
  font-size: 60px;
  line-height: calc(1em + 10px) !important;
	position: relative;
}

/* ----- area utente - index - style el icona ----- */
.grid-tab-ac-intro > [class*="tab-ac"] .tab-link-dettaglio,
.grid-tab-ac-intro > [class*="tab-ac"] .tab-icon {
  position: absolute;
  top: 30px;
  right: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
	color: black;
  border-radius: 50%;
	z-index: 20;
	transition: 0.3s all ease-in-out !important;
}
.grid-tab-ac-intro > [class*="tab-ac"]:not(.tab-link) .tab-link-dettaglio {
	color: black !important;
}
.grid-tab-ac-intro > [class*="tab-ac"]:not(.tab-link) .tab-link-dettaglio:hover {
	color: var(--decoration-color) !important;
  background-color: var(--primary-color) !important;
}

/* ----- area utente - modifica dati ----- */
.form-area-utente #pswd_info {
  position: absolute;
  top: 0;
  right: -310px;
  max-width: 300px;
  background-color: var(--white);
  padding: 15px
}
.form-area-utente #pswd_info.pswd_info_absolute_change {
  right: -325px
}
#pswd_info .invalid,
#pswd_info .valid {
  padding-left: 22px;
  line-height: 24px;
}
#pswd_info .invalid {
  background: url(../images/icons-password/invalid.png) 0 50% no-repeat;
  color: #ec3f41
}
#pswd_info .valid {
  background: url(../images/icons-password/valid.png) 0 50% no-repeat;
  color: #3a7d34
}

/* ----- area utente - login ----- */
.form-area-utente .input-group input {
  border: 1px solid var(--light-grey);
}
.form-area-utente .input-group .input-group-append {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  border: 1px solid var(--light-grey);
  border-left: none;
}

/* ----- area utente - register ----- */
.form-area-utente .checkbox-form label,
.form-area-utente .checkbox-form label > a {
	color: unset;
}
.form-area-utente .checkbox-form .privacyContatti,
.form-area-utente .checkbox-form .privacyContatti:after {
	border-color: var(--secondary-color) !important;
}
.form-area-utente #pswd_info {
  position: absolute;
  top: 0;
  right: -310px;
  max-width: 300px;
  background-color: var(--primary-color);
  padding: 15px;
}
.form-area-utente #pswd_info ul {
	list-style: none;
}

/* ----- area utente - indirizzi ----- */
.indirizzi-sped-square {
	border: 1px solid #ced4da;
	border-radius: 10px;
	padding: 20px;
}
.indirizzi-sped-square-new {
    font-size: 20px;
    line-height: 40px;
    padding: 59px 20px;
}


/* ----- area utente - biglietti ----- */
.card-biglietto {
  border-radius: 15px;
	overflow: hidden;
}
.card-biglietto .card-biglietto-header {
	
}
.card-biglietto .card-biglietto-body {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(6, calc(1rem + 8px));
	grid-template-areas:
		"titolo titolo titolo titolo"
		"titolo titolo titolo titolo"
		"nome nome qrcode qrcode"
		"nome nome qrcode qrcode"
		"email email qrcode qrcode"
		"data data codice codice";
	grid-column-gap: 10px;
	grid-row-gap: 5px;
	background-color: var(--light-grey);
  padding: 10px 15px;
}
.card-biglietto .card-biglietto-body .biglietto-titolo { grid-area: titolo; }
.card-biglietto .card-biglietto-body .biglietto-nome { grid-area: nome; }
.card-biglietto .card-biglietto-body .biglietto-codice {
	grid-area: codice;
	text-align: right;
}
.card-biglietto .card-biglietto-body .biglietto-qrcode {
	grid-area: qrcode;
  display: flex;
  justify-content: end;
}
.card-biglietto .card-biglietto-body .biglietto-qrcode img {
  border-radius: 15px;
}
.card-biglietto .card-biglietto-body .biglietto-email { grid-area: email; }
.card-biglietto .card-biglietto-body .biglietto-email.btn-biglietto {
	font-size: 12px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
}
.card-biglietto .card-biglietto-body .biglietto-data { grid-area: data; }
.card-biglietto .card-biglietto-body .biglietto-nome .biglietto-modifica-dati {
	color: black !important;
}
.card-biglietto .card-biglietto-body .biglietto-nome .biglietto-modifica-dati:hover {
	color: var(--decoration-color) !important;
}
.card-biglietto .card-biglietto-body .biglietto-nome .biglietto-modifica-dati sup {
	font-size: 10px !important;
  top: -10px;
}
.card-biglietto .card-biglietto-body .biglietto-nome .btn-biglietto {
  font-size: 14px !important;
  letter-spacing: 0;
  padding: 5px 10px;
}
.card-biglietto.card-biglietto-archivio .card-biglietto-body {
	grid-template-rows: repeat(5, calc(1rem + 8px));
	grid-template-areas:
		"titolo titolo titolo titolo"
		"titolo titolo titolo titolo"
		"nome nome nome nome"
		"nome nome nome nome"
		"data data data data";
}
.card-biglietto.card-biglietto-archivio .card-biglietto-header img {
  filter: grayscale(1);
}

/* ----- area utente - carrello ----- */
.header-cart {
  border-bottom: 1px solid var(--black);
}
.header-cart img {
  padding: 10px 0;
  height: 80px;
}
.shop-cart .indirizzi-spezidione-elenco {
	border-bottom: 1px solid var(--light-grey);
  margin-bottom: 10px;
}
.shop-cart .indirizzi-spezidione-elenco .indirizzo-spezidione {
  padding-top: 10px;
  padding-bottom: 10px;
	border-top: 1px solid var(--light-grey);
}
.shop-cart .indirizzi-spezidione-elenco .indirizzo-spezidione > label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.shop-cart .indirizzi-spezidione-elenco .indirizzo-spezidione > label > input {
  margin-right: 10px;
}
.cart-img-prod {
	position: relative;
}
.cart-img-prod > a.cart-img-prod-del {
	position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  color: var(--white);
  background-color: var(--primary-color);
	border-radius: 50%;
	transition: all 0.2s ease-in-out;
}
.cart-img-prod > a.cart-img-prod-del:hover {
  color: var(--primary-color);
  background-color: var(--white);
}
.quantity-cart-checkout {
  display: flex;
  align-items: center;
  justify-content: end;
}
.quantity-cart-checkout input,
.quantity-cart-checkout .quantity-totale {
  min-height: unset !important;
  color: var(--black) !important;
  background-color: var(--white);
  padding: 5px 15px !important;
  border: 1px solid var(--white);
	margin: 0;
}
.quantity-cart-checkout input:focus-visible {
  outline: none;
  border: 1px solid var(--black);
}
.quantity-cart-checkout input.qty {
  text-align: center;
	max-width: 50px;
}
.text-data-spedizione-carrello {
	background-color: white;
	padding-top: 10px;
	padding-bottom: 10px;
  border-radius: 0;
	/*border-top: 1px solid var(--primary-color);
	border-bottom: 1px solid var(--primary-color);*/
}
.table-cart-new-style {
  border: 1px solid var(--light-grey);
  border-radius: 0;
  border-spacing: 0;
  border-collapse: separate;
}
.table-cart-new-style tr {
	height: 50px;
	min-height: 50px;
}
.table-cart-new-style tr.tr-active {
  background-color: var(--light-grey);
}
.table-cart-new-style tr td {
  border: 0;
}
.table-cart-new-style tr:not(:first-child) td {
  border-top: 1px solid var(--light-grey) !important;
}
.cart-logo-paypal {
	width: 80px;
}
.cart-icon-bonifico {
	font-size: 20px;
}
.cart-type-tab {
  position: absolute;
  top: 0;
  right: 0;
	display: flex;
	padding: 0;
}
.cart-type-tab .cart-type-el {
	text-align: center;
	width: 50%;
	background-color: var(--white);
	padding: 10px;
}
.cart-type-tab .cart-type-el.active {
	background-color: var(--decoration-color) !important;
}
.cart-type-tab .cart-type-el a,
.cart-type-tab .cart-type-el span {
	color: var(--decoration-color) !important;
}
.cart-type-tab .cart-type-el.active a,
.cart-type-tab .cart-type-el.active span {
	color: var(--white) !important;
}
.menu-cart-type-tab {
	display: flex;
	margin-bottom: 50px;
}
ul.menu-cart-type-tab li.nav-item {
  width: 50%;
}
.menu-cart-type-tab .menu-cart-type-el {
	text-align: center;
	width: 50%;
  padding: 10px 0;
  border: 1px solid var(--decoration-color) !important;
	border-radius: 0;
	background-color: transparent !important;
}
ul.menu-cart-type-tab li.nav-item .menu-cart-type-el {
	width: 100%;
}
.menu-cart-type-tab .menu-cart-type-el.active {
  border-bottom: none !important;
}
.menu-cart-type-tab div.menu-cart-type-el.active:first-child,
ul.menu-cart-type-tab li.nav-item:first-child .menu-cart-type-el.active {
  border-left: none !important;
}
.menu-cart-type-tab div.menu-cart-type-el.active:last-child,
ul.menu-cart-type-tab li.nav-item:last-child .menu-cart-type-el.active {
  border-right: none !important;
}
.menu-cart-type-tab .menu-cart-type-el:not(.active) {
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
}
.menu-cart-type-tab div.menu-cart-type-el:not(.active) a,
ul.menu-cart-type-tab li.nav-item a.menu-cart-type-el:not(.active) {
	color: var(--black) !important;
}

/* ----- area utente - videocorsi ----- */
.elenco-videocorsi-area-utente .card .card-footer {
  color: var(--white) !important;
  background-color: var(--secondary-color) !important;
}
.elenco-videocorsi-area-utente .card .card-footer .btn-videocorsi {
  color: var(--secondary-color) !important;
  border-color: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
}
.elenco-videocorsi-area-utente .card .card-footer .btn-videocorsi:hover {
  color: var(--primary-color) !important;
  background-color: var(--secondary-color) !important;
}

/* ----- area utente - riepilogo ordine ----- */
#dettaglioOrdine .table th {
	border-bottom-width: 1px !important;
}
#dettaglioOrdine .table tr.row-totale-ordine {
	background-color: transparent !important;
}
#dettaglioOrdine .table tr td {
  vertical-align: middle;
}
#dettaglioOrdine .table tr.row-totale-ordine td {
	padding-top: 15px;
	padding-bottom: 15px;
}
#dettaglioOrdine .table tr.row-totale-ordine td.no-border {
	border: none !important;
}
.group-riepilogo-ordine {
  margin-top: 15px;
}
.group-riepilogo-ordine input[type="text"],
.group-riepilogo-ordine input[type="text"]:active,
.group-riepilogo-ordine input[type="text"]:focus,
.group-riepilogo-ordine input[type="text"]:focus-visible {
  border: 1px solid var(--secondary-color) !important;
	border-right: none !important;
  background-color: transparent;
}
.group-riepilogo-ordine i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  border: 1px solid var(--secondary-color);
}

i[class*=icon-instock] {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 5px;
}
i.icon-instock-no {
	background-color: var(--yellow-alert);
}

/* ------------------------- ANIMATIONS ------------------------- */

/* ----- animation - circle ----- */
#animateCircle {
	position: relative;
	height: 250vh;
	background-image: url(/pages/_assets/nice/images/gustincanto-logo-g.svg);
  background-position: right 12%;
  background-repeat: no-repeat;
  background-size: 350px;
  overflow: visible !important;
}
#animateCircle.no-animation {
	height: 100vh;
  background-position: right 45%;
}
#animateCircle.bg-secondary {
	background-image: url(/pages/_assets/nice/images/gustincanto-logo-g-white.svg);
}
#tv #animateCircle.bg-primary {
	background-image: url(/pages/_assets/nice/images/gustincanto-logo-g-pink.svg);
}
#animateCircle .container {
  position: relative;
}
/*
#animateCircle .container {
  position: absolute;
	top: 0;
  left: calc((100% - 1320px) / 2);
  height: 250vh;
}
*/
#animateCircle .container > div {
  position: absolute;
  height: 250vh;
  width: calc(100% - 30px);
}
#animateCircle .container .row {
  position: sticky;
  top: 25vh;
  margin-top: 25vh;
}
#animateCircle.no-animation .container .row {
  position: absolute;
  margin-top: 0;
}
#animateCircle .circle {
	position: sticky;
	top: 0;
	display: block;
	width: 100%;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	clip-path: circle(20% at 70% 50%);
	animation: circle 0.15s linear;
	/* Bind the animation to scroll */
	animation-delay: calc(var(--scroll-circle) * -1s) !important;
}
#animateCircle.no-animation .circle {
	position: absolute;
  animation: unset;
	/* Bind the animation to scroll */
	animation-delay: unset !important;
}
#homepage.webp-support #animateCircle .circle { background-image: url(/pages/_assets/nice/images/home/gustincanto-home-animation-circle-01.webp); }
#homepage:not(.webp-support) #animateCircle .circle { background-image: url(/pages/_assets/nice/images/home/gustincanto-home-animation-circle-01.jpg); }
#ristorante.webp-support #animateCircle .circle { background-image: url(/pages/_assets/nice/images/ristorante/gustincanto-ristorante-img-animation-circle-01.webp); }
#ristorante:not(.webp-support) #animateCircle .circle { background-image: url(/pages/_assets/nice/images/ristorante/gustincanto-ristorante-img-animation-circle-01.jpg); }
#academy.webp-support #animateCircle .circle { background-image: url(/pages/_assets/nice/images/academy/gustincanto-cooking-academy-img-animation-circle-01.webp); }
#academy:not(.webp-support) #animateCircle .circle { background-image: url(/pages/_assets/nice/images/academy/gustincanto-cooking-academy-img-animation-circle-01.jpg); }
#academyCorsi.webp-support #animateCircle .circle { background-image: url(/pages/_assets/nice/images/academy/corsi/gustincanto-cooking-academy-i-nostri-corsi-img-animation-circle-01.webp); }
#academyCorsi:not(.webp-support) #animateCircle .circle { background-image: url(/pages/_assets/nice/images/academy/corsi/gustincanto-cooking-academy-i-nostri-corsi-img-animation-circle-01.jpg); }
#bar.webp-support #animateCircle .circle { background-image: url(/pages/_assets/nice/images/bar/gustincanto-bar-img-animation-circle-01.webp); }
#bar:not(.webp-support) #animateCircle .circle { background-image: url(/pages/_assets/nice/images/bar/gustincanto-bar-img-animation-circle-01.jpg); }
#store.webp-support #animateCircle .circle { background-image: url(/pages/_assets/nice/images/store/gustincanto-kitchen-store-img-animation-circle-01.webp); }
#store:not(.webp-support) #animateCircle .circle { background-image: url(/pages/_assets/nice/images/store/gustincanto-kitchen-store-img-animation-circle-01.jpg); }
#locationEventiAziendali.webp-support #animateCircle .circle { background-image: url(/pages/_assets/nice/images/location/eventi-aziendali/gustincanto-location-eventi-aziendali-img-animation-circle-01.webp); }
#locationEventiAziendali:not(.webp-support) #animateCircle .circle { background-image: url(/pages/_assets/nice/images/location/eventi-aziendali/gustincanto-location-eventi-aziendali-img-animation-circle-01.jpg); }
#locationSala.webp-support #animateCircle .circle { background-image: url(/pages/_assets/nice/images/location/sala/gustincanto-location-sala-img-animation-circle-01.webp); }
#locationSala:not(.webp-support) #animateCircle .circle { background-image: url(/pages/_assets/nice/images/location/sala/gustincanto-location-sala-img-animation-circle-01.jpg); }
#serviziCorsiFormazione.webp-support #animateCircle .circle { background-image: url(/pages/_assets/nice/images/servizi/corsi/gustincanto-servizi-aziende-corsi-formazione-img-animation-circle-01.webp); }
#serviziCorsiFormazione:not(.webp-support) #animateCircle .circle { background-image: url(/pages/_assets/nice/images/servizi/corsi/gustincanto-servizi-aziende-corsi-formazione-img-animation-circle-01.jpg); }
#tv.webp-support #animateCircle .circle { background-image: url(/pages/_assets/nice/images/tv/gustincanto-gustincantotv-img-animation-circle-01.webp); }
#tv:not(.webp-support) #animateCircle .circle { background-image: url(/pages/_assets/nice/images/tv/gustincanto-gustincantotv-img-animation-circle-01.jpg); }

/* ----- animation - keyframes ----- */
@keyframes circle {
  to {
    clip-path: circle(100% at 70% 50%);
  }
}

@keyframes imgBig {
  to {
    left: -225%;
  }
}

@keyframes imgSmall {
  to {
		opacity: 0;
    transform: scale(0.4);
  }
}


/* ------------------------- MARGIN E PADDING ------------------------- */

.ml-neg-13 { margin-left: -13px !important }

.m-0 { margin: 0px !important }
.m-5 { margin: 5px !important }
.m-10 { margin: 10px !important }
.m-15 { margin: 15px !important }
.m-20 { margin: 20px !important }
.m-25 { margin: 25px !important }
.m-30 { margin: 30px !important }
.m-35 { margin: 35px !important }
.m-40 { margin: 40px !important }
.m-50 { margin: 50px !important }
.m-60 { margin: 60px !important }
.m-70 { margin: 70px !important }
.m-80 { margin: 80px !important }
.m-90 { margin: 90px !important }
.m-100 { margin: 100px !important }
.m-110 { margin: 110px !important }
.m-120 { margin: 120px !important }
.m-130 { margin: 130px !important }
.m-140 { margin: 140px !important }
.m-150 { margin: 150px !important }
.m-200 { margin: 200px !important }

.mb-0 { margin-bottom: 0px !important }
.mb-5 { margin-bottom: 5px !important }
.mb-10 { margin-bottom: 10px !important }
.mb-15 { margin-bottom: 15px !important }
.mb-20 { margin-bottom: 20px !important }
.mb-25 { margin-bottom: 25px !important }
.mb-30 { margin-bottom: 30px !important }
.mb-35 { margin-bottom: 35px !important }
.mb-40 { margin-bottom: 40px !important }
.mb-50 { margin-bottom: 50px !important }
.mb-60 { margin-bottom: 60px !important }
.mb-70 { margin-bottom: 70px !important }
.mb-80 { margin-bottom: 80px !important }
.mb-90 { margin-bottom: 90px !important }
.mb-100 { margin-bottom: 100px !important }
.mb-110 { margin-bottom: 110px !important }
.mb-120 { margin-bottom: 120px !important }
.mb-130 { margin-bottom: 130px !important }
.mb-140 { margin-bottom: 140px !important }
.mb-150 { margin-bottom: 150px !important }
.mb-200 { margin-bottom: 200px !important }

.mt-0 { margin-top: 0px !important }
.mt-5 { margin-top: 5px !important }
.mt-10 { margin-top: 10px !important }
.mt-15 { margin-top: 15px !important }
.mt-20 { margin-top: 20px !important }
.mt-25 { margin-top: 25px !important }
.mt-30 { margin-top: 30px !important }
.mt-35 { margin-top: 35px !important }
.mt-40 { margin-top: 40px !important }
.mt-50 { margin-top: 50px !important }
.mt-60 { margin-top: 60px !important }
.mt-70 { margin-top: 70px !important }
.mt-80 { margin-top: 80px !important }
.mt-90 { margin-top: 90px !important }
.mt-100 { margin-top: 100px !important }
.mt-110 { margin-top: 110px !important }
.mt-120 { margin-top: 120px !important }
.mt-130 { margin-top: 130px !important }
.mt-140 { margin-top: 140px !important }
.mt-150 { margin-top: 150px !important }
.mt-200 { margin-top: 200px !important }

.ml-0 { margin-left: 0px !important }
.ml-5 { margin-left: 5px !important }
.ml-10 { margin-left: 10px !important }
.ml-15 { margin-left: 15px !important }
.ml-20 { margin-left: 20px !important }
.ml-25 { margin-left: 25px !important }
.ml-30 { margin-left: 30px !important }
.ml-35 { margin-left: 35px !important }
.ml-40 { margin-left: 40px !important }
.ml-50 { margin-left: 50px !important }
.ml-60 { margin-left: 60px !important }
.ml-70 { margin-left: 70px !important }
.ml-80 { margin-left: 80px !important }
.ml-90 { margin-left: 90px !important }
.ml-100 { margin-left: 100px !important }
.ml-110 { margin-left: 110px !important }
.ml-120 { margin-left: 120px !important }
.ml-130 { margin-left: 130px !important }
.ml-140 { margin-left: 140px !important }
.ml-150 { margin-left: 150px !important }
.ml-200 { margin-left: 200px !important }

.mr-0 { margin-right: 0px !important }
.mr-5 { margin-right: 5px !important }
.mr-10 { margin-right: 10px !important }
.mr-15 { margin-right: 15px !important }
.mr-20 { margin-right: 20px !important }
.mr-25 { margin-right: 25px !important }
.mr-30 { margin-right: 30px !important }
.mr-35 { margin-right: 35px !important }
.mr-40 { margin-right: 40px !important }
.mr-50 { margin-right: 50px !important }
.mr-60 { margin-right: 60px !important }
.mr-70 { margin-right: 70px !important }
.mr-80 { margin-right: 80px !important }
.mr-90 { margin-right: 90px !important }
.mr-100 { margin-right: 100px !important }
.mr-110 { margin-right: 110px !important }
.mr-120 { margin-right: 120px !important }
.mr-130 { margin-right: 130px !important }
.mr-140 { margin-right: 140px !important }
.mr-150 { margin-right: 150px !important }
.mr-200 { margin-right: 200px !important }


.p-0 { padding: 0px !important }
.p-5 { padding: 5px !important }
.p-10 { padding: 10px !important }
.p-15 { padding: 15px !important }
.p-20 { padding: 20px !important }
.p-25 { padding: 25px !important }
.p-30 { padding: 30px !important }
.p-35 { padding: 35px !important }
.p-40 { padding: 40px !important }
.p-50 { padding: 50px !important }
.p-60 { padding: 60px !important }
.p-70 { padding: 70px !important }
.p-80 { padding: 80px !important }
.p-90 { padding: 90px !important }
.p-100 { padding: 100px !important }
.p-110 { padding: 110px !important }
.p-120 { padding: 120px !important }
.p-130 { padding: 130px !important }
.p-140 { padding: 140px !important }
.p-150 { padding: 150px !important }
.p-200 { padding: 200px !important }

.pb-0 { padding-bottom: 0px !important }
.pb-5 { padding-bottom: 5px !important }
.pb-10 { padding-bottom: 10px !important }
.pb-15 { padding-bottom: 15px !important }
.pb-20 { padding-bottom: 20px !important }
.pb-25 { padding-bottom: 25px !important }
.pb-30 { padding-bottom: 30px !important }
.pb-35 { padding-bottom: 35px !important }
.pb-40 { padding-bottom: 40px !important }
.pb-50 { padding-bottom: 50px !important }
.pb-60 { padding-bottom: 60px !important }
.pb-70 { padding-bottom: 70px !important }
.pb-80 { padding-bottom: 80px !important }
.pb-90 { padding-bottom: 90px !important }
.pb-100 { padding-bottom: 100px !important }
.pb-110 { padding-bottom: 110px !important }
.pb-120 { padding-bottom: 120px !important }
.pb-130 { padding-bottom: 130px !important }
.pb-140 { padding-bottom: 140px !important }
.pb-150 { padding-bottom: 150px !important }
.pb-200 { padding-bottom: 200px !important }

.pt-0 { padding-top: 0px !important }
.pt-5 { padding-top: 5px !important }
.pt-10 { padding-top: 10px !important }
.pt-15 { padding-top: 15px !important }
.pt-20 { padding-top: 20px !important }
.pt-25 { padding-top: 25px !important }
.pt-30 { padding-top: 30px !important }
.pt-35 { padding-top: 35px !important }
.pt-40 { padding-top: 40px !important }
.pt-50 { padding-top: 50px !important }
.pt-60 { padding-top: 60px !important }
.pt-70 { padding-top: 70px !important }
.pt-80 { padding-top: 80px !important }
.pt-90 { padding-top: 90px !important }
.pt-100 { padding-top: 100px !important }
.pt-110 { padding-top: 110px !important }
.pt-120 { padding-top: 120px !important }
.pt-130 { padding-top: 130px !important }
.pt-140 { padding-top: 140px !important }
.pt-150 { padding-top: 150px !important }
.pt-200 { padding-top: 200px !important }

.pl-0 { padding-left: 0px !important }
.pl-5 { padding-left: 5px !important }
.pl-10 { padding-left: 10px !important }
.pl-15 { padding-left: 15px !important }
.pl-20 { padding-left: 20px !important }
.pl-25 { padding-left: 25px !important }
.pl-30 { padding-left: 30px !important }
.pl-35 { padding-left: 35px !important }
.pl-40 { padding-left: 40px !important }
.pl-50 { padding-left: 50px !important }
.pl-60 { padding-left: 60px !important }
.pl-70 { padding-left: 70px !important }
.pl-80 { padding-left: 80px !important }
.pl-90 { padding-left: 90px !important }
.pl-100 { padding-left: 100px !important }
.pl-110 { padding-left: 110px !important }
.pl-120 { padding-left: 120px !important }
.pl-130 { padding-left: 130px !important }
.pl-140 { padding-left: 140px !important }
.pl-150 { padding-left: 150px !important }
.pl-200 { padding-left: 200px !important }

.pr-0 { padding-right: 0px !important }
.pr-5 { padding-right: 5px !important }
.pr-10 { padding-right: 10px !important }
.pr-15 { padding-right: 15px !important }
.pr-20 { padding-right: 20px !important }
.pr-25 { padding-right: 25px !important }
.pr-30 { padding-right: 30px !important }
.pr-35 { padding-right: 35px !important }
.pr-40 { padding-right: 40px !important }
.pr-50 { padding-right: 50px !important }
.pr-60 { padding-right: 60px !important }
.pr-70 { padding-right: 70px !important }
.pr-80 { padding-right: 80px !important }
.pr-90 { padding-right: 90px !important }
.pr-100 { padding-right: 100px !important }
.pr-110 { padding-right: 110px !important }
.pr-120 { padding-right: 120px !important }
.pr-130 { padding-right: 130px !important }
.pr-140 { padding-right: 140px !important }
.pr-150 { padding-right: 150px !important }
.pr-200 { padding-right: 200px !important }
.pr-60 { padding-right: 60px !important }
.pr-70 { padding-right: 70px !important }
.pr-80 { padding-right: 80px !important }
.pr-90 { padding-right: 90px !important }
.pr-100 { padding-right: 100px !important }
.pr-110 { padding-right: 110px !important }
.pr-120 { padding-right: 120px !important }
.pr-130 { padding-right: 130px !important }
.pr-140 { padding-right: 140px !important }
.pr-150 { padding-right: 150px !important }
.pr-200 { padding-right: 200px !important }