/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@keyframes imgZoomer {
	0% {
		transform: scaleX(1) scaleY(1) translateZ(0)
	}

	50% {
		transform: scaleX(1.05) scaleY(1.05) translateZ(0)
	}

	100% {
		transform: scaleX(1) scaleY(1) translateZ(0)
	}
}

@keyframes imgZoomerIN {
	0% {
		transform: scaleX(1.05) scaleY(1.05) translateZ(0)
	}

	50% {
		transform: scaleX(1) scaleY(1) translateZ(0)
	}

	100% {
		transform: scaleX(1.05) scaleY(1.05) translateZ(0)
	}
}

::selection {
	background: #8e8d8e;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #8e8d8e; /* Firefox */
	color: #FFF;
	text-shadow: none;
}

#altea-cookiebox-wrapper {
	position: fixed !important;
	bottom: 0 !important;
	right: auto !important;
	left: 0 !important;
	text-align: center !important;
	width: 400px !important;
	background-color: #202121 !important;
	color: #8e8d8e !important;
}

#altea-cookiebox-wrapper .cookie_link:after {
	content: "";
	display: block;
	clear: right;
}

#altea-cookiebox-wrapper a {
	color: #ffffff !important;
}

#altea-cookiebox-close-button {
	background: #8e8d8e !important;
}

body.device-xs #altea-cookiebox-wrapper, body.device-sm #altea-cookiebox-wrapper {
	width: 100% !important;
}

a {
	text-decoration: none !important;
	color: #8e8d8e;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	color: #8e8d8e;
	font-family: 'Epilogue', sans-serif;
	font-weight: 200;
}

.font-primary {
	font-family: 'Epilogue', sans-serif;
	font-weight: 300;
}

.font-secondary {
	font-family: 'Epilogue', sans-serif;
	font-weight: 300;
}

.entry-link {
	font-family: 'Epilogue', sans-serif;
	font-weight: 300;
}

.entry.entry-date-section span {
	font-family: 'Epilogue', sans-serif;
	font-weight: 300;
}

.button-desc {
	font-family: 'Epilogue', sans-serif;
	font-weight: 300;
}

.fbox-content h3 {
	font-family: 'Epilogue', sans-serif;
	font-weight: 200;
}

.counter {
	font-family: 'Epilogue', sans-serif;
	font-weight: 300;
}

label {
	font-family: 'Epilogue', sans-serif;
	font-weight: 300;
}

body {
	background-color: #202121;
	font-family: 'Epilogue', sans-serif;
	font-weight: 300;
}

p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
	margin-bottom: 10px;
}

body.device-sm #wrapper {
	background-color: #202121;
}

.stretched .full-header #header-wrap > .container {
	margin: auto;
	width: 90%;
	padding: 0;
}

.stretched .device-xs .full-header #header-wrap > .container {
	margin: 30px 5%;
	width: 90%;
}

body.device-xs, body.device-md, body.device-xs #header, body.device-md #header, body.device-md #slider, body.device-md #content,
body.device-sm, body.device-sm #header, body.device-sm #slider, body.device-sm #content {
	background-color: #202121;
}

.swiper-slide:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	/* opacity: 0.4; */
	/* background-color: #000; */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 6px;
}

.lazy {
	position: relative;
}

.lazy:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	opacity: 0.2;
	background-color: #000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 6px;
}

.lazy {
	animation: imgZoomerIN 10s ease-in-out infinite
}

#header-wrap {
	background-color: transparent;
}


.svg-trigger {
	width: 60px;
	height: 60px;
}

.svg-trigger path {
	stroke: #ffffff;
}

.dark .section,
.section.dark {
	background: #202121;
	background: radial-gradient(circle at right bottom, #2a3436 0%, #202121 42%, #202121 100%)
}

.section#section-cook {
	background: #8e8d8e;
	background: radial-gradient(circle at left top, #c6c2c0 0%, #8e8d8e 42%, #8e8d8e 100%)
	/* url(../img/icons/pattern-bg2.svg) repeat */
}

body.device-md #wrapper, body.device-lg #wrapper, body.device-xl #wrapper {

	background-color: #2a1e14;
}
#wrapper {
	overflow-x: hidden;
}

#logo {
	border: none !important;
}

@media (max-width: 991.98px) {
	#logo {
		margin: 0 auto;
	}
}

#logo svg {
	height: 60px;
	-webkit-transition: height 0.4s ease, padding 0.4s ease, margin 0.4s ease, opacity 0.3s ease;
	transition: height 0.4s ease, padding 0.4s ease, margin 0.4s ease, opacity 0.3s ease;
	max-height: 140px !important;
}

body.device-xl #logo svg {
	height: 60px;
	margin: 30px 0;
}

body.device-xs #logo svg {
	width: 160px;
}
body.device-xs #logo svg path, body.device-sm #logo svg path, body.device-md #logo svg path {
	stroke: #fff;
}
body.device-xs #logo svg g, body.device-sm #logo svg g, body.device-md #logo svg g {
	fill: #fff;
}

/*.st0 {
	fill: #ffffff;
}

.st1 {
	fill: #8e8d8e;
}

.sticky-header .st0 {
	fill: #2a1e14;
}

.sticky-header .st1 {
	fill: #8e8d8e;
}

.sticky-header #logo svg {
	height: 60px;
	fill: aliceblue;
}*/

.device-xs #logo svg,
.device-sm #logo svg {
	height: 60px;
}


#header.transparent-header.full-header #header-wrap {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

#header.transparent-header {
	border-bottom: none;
}

.transparent-header.full-header .primary-menu .menu-container {
	border-right-color: rgba(0, 0, 0, 0.5);
}

.sticky-header .transparent-header.full-header .primary-menu .menu-container {
	border-right-color: rgba(0, 0, 0, 0.5);
}

.menu-link {
	color: #000;
	font-size: 1.25rem;
	font-weight: normal;
	letter-spacing: 2px;
	font-family: 'Epilogue', sans-serif;
}
body.device-xs .menu-link, body.device-sm .menu-link, body.device-md .menu-link {
	color: #fff;
}

#slider-gallery .owl-stage-outer {
	height: 100%;
}
#slider-gallery .owl-stage-outer .owl-stage {
	height: 100%;
}
#slider-gallery .owl-stage-outer .owl-stage .owl-item {
	height: 100%;
}
#slider-gallery.owl-carousel .owl-nav .owl-next {
	right: 7vw;
	opacity: 1;
	background-color: transparent;
	border-color: #fff;
	color: #fff;
	width: 226px;
	height: 226px;
	line-height: 222px;
	margin-top: 0;
	font-size: 89px;
	top: auto;
	bottom: -113px;
}
#slider-gallery.owl-carousel .owl-nav .owl-next:hover {
	background-color: rgba(21, 30, 36, 0.6) !important;
}
body.device-xs #slider-gallery.owl-carousel .owl-nav .owl-next {
	width: 86px;
	height: 86px;
	line-height: 82px;
	font-size: 59px;
	bottom: -41px;
}
.owl-carousel .owl-item img {
	height: 100%;
	object-fit: cover;
}
.owl-carousel .owl-nav .owl-prev {
	display: none;
}

.transparent-header .menu-link:hover {
	color: #8e8d8e !important;
}

.sticky-header .menu-link {
	color: #202121;
}

.sticky-header .menu-item:hover > .menu-link,
.sticky-header .menu-item.current > .menu-link {
	color: #8e8d8e;
}

.menu-item:hover > .menu-link,
.menu-item.current > .menu-link {
	color: #202121;
}

.svg-trigger path {
	stroke: #fff;
	stroke-width: 3px;
}

.languageswitch a {
	padding: 0 10px;
	font-size: 1.8rem;
	font-weight: 700;
	color: rgba(21, 30, 36, 0.6);
	/* font-family: "Italiana", sans-serif; */
}

.languageswitch a.active {
	color: #ffffff;
}

@media (min-width: 992px) {
	.languageswitch {
		position: absolute;
		right: 0;
		width: 5.5%;
		text-align: center;
		display: block;
	}
}

body.device-md header .languageswitch,
body.device-sm header .languageswitch,
body.device-xs header .languageswitch {
	margin: 20px 0;
}

.sticky-header .languageswitch a.active {
	color: #202121;
}

.sticky-header .languageswitch a {
	color: rgba(21, 30, 36, 0.6);
}


@media (max-width: 1300px) {
	.menu-link {
		font-size: 1rem;
		letter-spacing: 1px;
	}

	.languageswitch a {
		font-size: 1.8rem;
		letter-spacing: 1px;
	}
}

@media (max-width: 1040px) {
	.menu-link {
		letter-spacing: 0;
	}
}

.heading-block {
	margin-bottom: 0;
}

.page-section .heading-block h2 {

}

@media (max-width: 992px) {
	.swiper_wrapper {
		top: 0;
	}

	#slider {
		min-height: 80vh !important;
	}

	.languageswitch a {
		color: #fff;
	}
}

@media (max-width: 767.98px) {

	#slider {
		min-height: 50vh !important;
	}
}


.section#section-story li {
	color: #ffffff;
}

.section ul.nice-list {
	list-style-type: none;
	margin: 2em;
	padding: 0;
}


.section ul.nice-list li {
	position: relative;
	margin-bottom: 1em;
	padding-left: 1.5em;
	padding-bottom: 0.5em;
}

.section ul.nice-list li:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	height: 30px;
	width: 30px;
	background: url(../img/icons/pattern.svg) no-repeat;
	background-size: 44%;
}

.bigelement {
	position: absolute;
	top: -45px;
	right: -6%;
	z-index: 2;
}

.be-footer {
	top: 30px;
}

.logo-footer {
	padding: 8.2vh 0;
}
.logo-footer img {
	display: block;
	margin: 0 auto;
}

.one-page-arrow {
	display: block !important;
	width: 190px;
	height: auto;
	bottom: 50px;
	margin-left: -90px;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #ffffff;
	/* font-family: "Italiana", sans-serif; */
}

.one-page-arrow:hover {
	color: #000000;
}


.divider-up {
	z-index: 10;
	position: absolute;
	bottom: 0;
	left: 50%;
	content: "";
	width: 1px;
	height: 20px;
	background: #ffffff;

}

.divider-down {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 50%;
	content: "";
	width: 1px;
	height: 20px;
	background: #ffffff;
}

.button.button-dark:hover {
	background: #8e8d8e;
}

.button.button-dark:hover * {
	color: #202121;
}
.section {
	/*min-height: 80vh;*/
	border: none;
	margin: 0;
	padding: 16.3vh 0;
}
#content .content-wrap {
	padding: 0;
}

#content .item-page {
	padding: 2em 0;
}


@media (max-width: 991.98px) {


	.menu-item .menu-link {
		position: relative;
		padding: 14px 25px;
	}

	.menu-container {
		margin: 30px 0;
		border: none;
	}

	.menu-item:not(:first-child) {
		border-top: 1px solid #ffffff1f;
	}
}

#section-ambienti, #section-serate {
	min-height: 90vh;
	display: flex;
	align-items: flex-end;
	padding: 0 0 0 0;
	background-size: cover;
}


.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
	color: #acabd5;
	font-weight: 200;
}

.dark h1 {
	text-align: left;
}

.dark .heading-block:after {
	border-top-color: transparent;
}
.dark hr {
	border-top: 2px solid #acabd5;
}
.content-wrap .dark .subtitle {
	color: #acabd5;
}
section.min-vh-80 {
	min-height: 80vh;
}

.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4 {
	margin: 20px 0;
	text-transform: none
}

.heading-block h1,
.heading-block h2 {
	font-size: 80px;
	line-height: 105%;
	letter-spacing: normal;
}
.content-wrap .subtitle {
	text-transform: uppercase;
	font-size: 1.3em;
	letter-spacing: 0.108em;
	margin-bottom: 2.3em;
	text-align: center;
}

body.device-xs .heading-block h1,
body.device-xs .heading-block h2 {
	font-size: 8vw;
	margin-top: 1em;
}

.heading-block h1 + p {
	font-size: 1.1em;
	text-align: justify;
	text-justify: inter-word;
	color: #ffffff;
}

.heading-block p {
	font-size: 1.1em;
	text-align: justify;
	text-justify: inter-word;
	color: #ffffff;
}

body.device-xs .heading-block h1 + p,
body.device-xs .heading-block h2 + p {
	font-size: 100%;
}

#section-restaurant .heading-block h2 {
	font-size: 50px;
	color: #ffffff;
}

#section-cook .heading-block h2,
#section-cook .heading-block p,
#section-cook .heading-block * {
	color: #202121;
}
#section-cook hr {
	border-color: #202121;
}

.dark .heading-block > span:not(.before-heading) {
	color: #ffffff;
	line-height: 1.8;
	letter-spacing: 1px;
}

.button {
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 8px 22px;
	font-size: 0.875rem;
	line-height: 24px;
	background-color: #8e8d8e;
	color: #FFF;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
}

.button.button-desc {
	/* font-family: "Italiana", sans-serif; */
	letter-spacing: 2px;
}

.dark #footer, #footer.dark {
	color: rgba(255, 255, 255, 0.75);
	/*background-color: #202121;*/
	border-top-color: rgba(255, 255, 255, 0.15);
	background: radial-gradient(circle at 50% 100%, #3a3b3b 0%, #202121 42%, #202121 100%)
}

.logo-footer span {
	color: rgba(170, 137, 89, 0.6);
	/* font-family: "Italiana", sans-serif; */
	font-size: 1.25rem;
}

#footer p {
	line-height: 1.4em;
	margin: 1.8em 0;
	color: #acabd5;
}
#footer a {
	color: #acabd5;
}

.gmap-link i {
	font-size: 2em;
	color: #8e8d8e;
}

.gmap-link {
	margin: 1.2em auto;
}

.gmap-link * {
	text-transform: uppercase;
	display: block;
	text-align: center;
}

#copyrights {
	padding: 40px 0 110px 0;
}

.copyright-links a.logoAltea {
	border-bottom: none;
}

#copyrights .col-12 {
	padding-bottom: 10px;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 800px;
	}
}

.dark #copyrights, #copyrights.dark {
	color: #ffffff;
	background-color: transparent;
}

#copyrights a:hover {
	color: #8e8d8e;
}

#copyrights .close {
	color: #8e8d8e;
}

.widget p {
	font-size: 1.2rem;
}

.dark .footer-widgets-wrap a:hover {
	color: #8e8d8e;
}

.dark .modal-content {
	border-color: #555;
	background-color: #202121;
}

.dark .close {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.bottommargin-sm {
	margin-bottom: 1rem !important;
}

#gotoTop:hover {
	background-color: rgba(0, 0, 0, 1);
}

.logoAltea {
	display: inline-block;
	margin: 0 auto;
}

@media (min-width: 992px) {
	#copyrights {
		padding: 40px 0;
	}

	.logoAltea {
		position: absolute;
		right: 0;
		bottom: 30px;
		width: 6%;
		text-align: center;
		display: block;
		border-bottom: 0px dotted #444;
	}
}

.ds-mobile-cta {
	background: rgba(21, 30, 36, 0.6);
	bottom: 0;
	position: fixed;
	z-index: 99999;
	width: 100% !important;
	left: 0;
	display: block;
	padding: 24px 18px;
	text-align: center;
}

.ds-mobile-cta a {
	color: #FFF !important;
	font-size: 22px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	/* font-family: "Italiana", sans-serif; */
}

@media (min-width: 992px) {

	.ds-mobile-cta {
		display: none;
	}
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
	padding-right: 15px !important;
	padding-left: 15px !important;
}



.pop-up span {
	font-size: 37px;
	line-height: 3rem;
	color: #8e8d8e;
	/* font-family: "Italiana", sans-serif; */
	font-weight: 700;
	letter-spacing: 3px;
}
.pop-up p{
	font-size: 23px;
	line-height: 3rem;
}
.pop-up p strong{
	font-weight: 700;
}
.pop-up img {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 15px 0 0;
}
.pop-up img:hover {
	cursor: pointer;
}
.pop-up {
	position: absolute;
	width: 42vw;
	height: auto;
	background: #ffffff;
	padding: 8rem 2rem;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.not-display.pop-up, .not-display.pop-up>* {
	display: none;
}


@media (max-width: 991.98px){
	.pop-up {
		width: 80vw;
		height: auto;
		padding: 4rem 2rem;
	}
	.pop-up span {
		line-height: 4rem;
	}
}

@media (max-width: 400px){
	
	.pop-up {
		width: 90vw;
		height: auto;
		padding: 2rem;
	}
	.pop-up p {
		font-size: 18px;
		line-height: 2rem;
	}
}