@charset "UTF-8";
/* CSS Document */

/* Safari font fix - add this at the top of your CSS */
* {
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Ensure consistent font sizes across browsers */
html {
	font-size: 16px;
}

/* Menu specific fix */
.menu, .menu li, .menu a {
	-webkit-text-size-adjust: none !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
}

/* Mobile menu fix */
#mobilemenu {
	-webkit-text-size-adjust: none !important;
	font-size: 15px !important;
}

	body {
		background: black;
	}
	video, img {
		filter: brightness(0.8);
	}
	video {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	p {
		width: calc(100% - 40px);
		max-width: 450px;
		margin: 0.5rem 0;
	}
	h3, h4 {
		width: calc(100% - 40px);
		max-width: auto;
		margin: 0 0 1rem 0;
	}
	* {
		margin:0;
		padding:0;
	}
	.cane, .spot {
		opacity: 1;
		position: relative;
		left: 0;
		width: 100%;
		height: 100vh;
		object-fit: cover;
		overflow: hidden;
	}
	.cane {
		top: 0;
		position: absolute;
	}
	ul {
		position: absolute;
		display: inline-block;
		width: calc(790px - -20px);
		margin-left: 50%;
		transform: translateX(-50%);
	}
	li {
		display: inline-block;
		margin: 5px 10px;
		list-style-type: none;
	}

	p a{
		text-transform: none;
		text-decoration: underline;

	}

/* Newsletter --------------------------------------------- */
	
	form {
		width: calc(100% - 40px);
		max-width: 400px;
	}

	input {
		margin: 0.5rem 0;
		width: 100%;
		height: 30px;
	}

	input[type=text] {
	  	font-size: 15px;
	  	letter-spacing: 0.02em;
	  	border: none;
	  	border-bottom: 1.5px solid black;
	  	font-family: "IBM Plex Sans", sans-serif !important;
	  	opacity: 1;
	  	background: none;
	  	border-radius: 0;
	}

	placeholder {
		line-height: 135%;
		letter-spacing: 0.02em;
		font-family: "IBM Plex Sans", sans-serif !important;
		font-weight: 400;
		opacity: 0.1;
		color: black;

	}

	input::placeholder {
		color: black;

	}
	.submit {
		letter-spacing: 0.02em;
		font-size: 15px;
		border: 1.5px solid black;
		background: none;
		font-family: 'IBM Plex Sans' ! Important;
		text-transform: uppercase;
		height: 50px;
		cursor: pointer;
		transition: all 0.3s;
		border-radius: 0;
		color: black;
		font-weight: 400;
}

	.submit:hover {
		border: 1.5px solid black;
		background: black;
		color: white;
	}

	input:focus {
		outline: none;
	}

/* Interactivity --------------------------------------------- */

	a {
		font-size: 15px;
		text-transform: uppercase;
		color: black;
		text-underline-offset: 4px;
	}
	#closebutton, .closebutton {
		padding: 20px;
		height: 20px;
		position: fixed;
		right: 0;
		cursor: pointer;
		z-index: 1;
	}
	.openbooking {
		cursor: pointer;
		color: black;
		text-underline-offset: 4px;
	}
	.link {
		height: 20px;
		transform: rotate(45deg) scale(0.7);
		float: none;
		display: block;
		transition: all 0.3s;
	}
	.label:hover .link, .label.touch-active .link  {
		transform: scale(1.1) rotate(-45deg);	
	}
	.label {
		font-size: 15px;
		position: absolute;
		top: calc(8px + 3rem);
		color: white;
		z-index: 1;
		cursor: pointer;
	}
	.label img {
		width: 20px;
		height: 20px;
		margin: 10px -8px;
		filter: brightness(1);
	}

/* Typography --------------------------------------------- */

	@font-face {
		font-family: MaisonNeue;
		src: url('font/MaisonNeue-Book.ttf'); }

	body, h1, h2, h3, h4 {
		line-height: 135%;
		letter-spacing: 0.02em;
		font-family: 'IBM Plex Sans', sans-serif;
		font-weight: 400;
	}

	h1, h2, h3, h4 {
	}
	
	body {
		font-size: 16px;
	}

	h1, h2 {
		font-size: 2rem;
		line-height: 130%;
		letter-spacing: 0;
		margin-bottom: 1rem;
	}

	h3, h4 {
		font-size: 16px;
		text-transform: uppercase;
		line-height: 140%;
	}

	p {
		line-height: 140%;
	}

	i {
		font-style: normal;
	}


/* Header --------------------------------------------- */

	.menu {
		display: flex;
		position: fixed;
		height: 32px;
		width: 100vw;
		color: black;
		padding: 0;
		background: linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
		z-index: 10;
		opacity: 0;
		overflow: hidden;
		transition: height 0.3s ease; /* Aggiungi una transizione per un effetto più fluido */
	}
	.menu img {
		padding: 8px 15px;
	}
	#mobilemenu {
		display: none;
		font-size: 15px;
	}
	.menu a {
		text-decoration: none;
		transition: 0.3s all;
	}

/* Banner --------------------------------------------- */
	
	.banner {
		overflow: hidden;
		height: 100vh;
		width: 100vw;
	}
	.logo {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		color: white;
	}
	.logo img {
		filter: brightness(1);
		width: 350px;
	}

/* Artists --------------------------------------------- */

	.artists_box {
		overflow: hidden;
		width: 50vh;
	}
	.artists {
		height: calc(75vh - 1px);
		position: relative;
		width: 100vw;
		color: black;
		background: linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.artists .is-selected img {
    	filter: grayscale(0) brightness(0.8);
 	}
	.artists .is-selected .label, .artists .is-selected .label a {
    	color: white;
 	}
	.artists img, .styles img {
		cursor: pointer;
		opacity: 1;
		width: 60vh;
		height: 75vh;
		padding: 0;
		transition: all 0.3s;
		object-fit: cover;
		filter: grayscale(1);
	}
	.artists img:hover, .artists.touch-active {
		filter: grayscale(0) brightness(0.8);
		transform: scale(1.1);
		opacity: 1;
	}
	.artists img {
		filter: grayscale(1) brightness(1);
	}
	.artists_intro {
		position: relative;
		height: 75vh;
		mix-blend-mode: luminosity;
		object-fit: cover;
		margin: 0;
		padding: 0;
		filter: grayscale(0);
	}
	.artists .name{
		font-variant-numeric: tabular-nums;
		font-size: 15px;
		position: relative;
		z-index: 1;
		padding: 100px 20px 0 20px;
		overflow: hidden;
		height: calc(100% - 80px);
		background: black;
		opacity: 0;
		transition: all 0.3s;
		color: white;
		width: calc(75vh - 40px);
		pointer-events: none;
		line-height: 135%;
	}
	.artists .label {
		pointer-events: none;
		color: black;
		margin-left: 21px;
		font-size: 15px;
		position: absolute;
		text-transform: uppercase;
		text-underline-offset: 4px;
		transition: all 0.3s;
	}
	.artists .label img {
		display: none;
	}
	.gallery-cell:hover .label, .gallery-cell:hover .label a  {
		color: white
	}
	.info_button {
		width: 150px;
		font-size: 16px;
		opacity: 1;
		display: block;
		text-transform: none;
		text-decoration: auto;
	}
	.artists .label a {
		pointer-events: none;
		color: black;
		text-decoration: underline;
		transition: all 0.3s;
	}

/* Advertise / Spot --------------------------------------------- */

	.spot .label {
		width: 790px;
		left: 50%;
		transform: translateX(-50%);
	}

	.spot .label a {
		color: white;
		line-height: 135%;
	}


/* Styles and trends --------------------------------------------- */

	.styles {
		height: calc(75vh - 1px);
		position: relative;
		width: 100vw;
		color: white;
		font-size: 4em;
		background: linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.styles .gallery-cell img {
		filter: grayscale(1) brightness(0.9);
		transform: scale(1.05);
		opacity: 1;
	}
	.styles .gallery-cell .text_style {
		opacity: 0;
		transition: 1s all;
	}
	.styles .is-selected img {
		filter: grayscale(0) brightness(0.9);
	}
	.styles .is-selected .text_style {
		opacity: 1;
	}
	.styles_box {
		overflow: hidden;
		width: 50vh;
	}
	.styles_box .right {
		float: right;
	}
	.text_style h3 {
		margin-top: 0;
		max-width: 450px;
		color: black;
	}

	.text_style {
		color: black;
		position: static;
		top: 3rem;
		width: calc(100% - 40px);
		font-size: 16px;
		display: inline-table;
		padding-bottom: 25vh;
		margin: calc(8px + 3rem) 20px 20px 20px;
	}

/* Academy --------------------------------------------- */

	.academy {
		height: 100vh;
		position: relative;
		width: calc(100vw);
		color: black;
		font-size: 4em;
		background: linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
		overflow: scroll;
	}
	.academy .bigcolumn  {
		display: block;
		position: absolute;
		top: 8rem;
		left: 50vw;
		transform: translateX(-50%) translateY(0);
		padding: 0 20px;
		max-width: 790px;
		margin: auto;
		width: calc(100vw - 40px);
	}
	.academy .label {
		position: relative;
		color: black;
		top: 1rem;
	}
	.academy h1 .label {
		width: 700px;
		left: 50%;
		transform: translateX(-50%);
		position: relative;
		color: black;
		margin-top: -2.5rem;
		letter-spacing: 0.02em;
		line-height: 135%;
	}
	.academy .label {
		width: 790px;
		left: 50%;
		transform: translateX(-50%);
		color: black;
		text-underline-offset: 4px;
		text-decoration: underline;
	}

/* Voucher --------------------------------------------- */
	.voucher li {
		font-size: 15px;
	}
	.voucher {
		height: 100vh;
		position: relative;
		width: calc(100vw);
		color: black;
		font-size: 4em;
		background: white;
		overflow: scroll;
	}
	.voucher {
		overflow: hidden;
	}
	.voucher img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.voucher-column li{
		border: solid 1px white;
		padding: 5px 7px;
		margin: 6px 6px 6px 0;
		width: 77px;
		text-align: center;
		transition: all 0.3s;
		cursor: pointer;
	}
	.voucher-column li:hover{
		color: black;
		background-color: white;
	}

    .selected {
        background-color: white;
        color: black;
    }
	.voucher-column {
	    right: 20px;
	    position: absolute;
	    z-index: 2;
	    max-width: 450px;
	    font-size: 16px;
	    color: white;
	    line-height: 140%;
	    top: calc(8px + 3rem);
	    padding: 0 20px;
	}
	.voucher-column .book-button {
		color: white;
		border: 1px solid;
		padding: 8px 20px;
		position: relative;
		bottom: auto;
		height: 20px;
		margin-top: 4px;
		WIDTH: fit-content;
		DISPLAY: inline-block;
	}
	.voucher .label {
		position: relative;
		top: 0;
	}
	.voucher a {
		text-decoration-color: white;
		text-underline-offset: 8px;
	}
	.voucher .label img{
		height: 20px;
		width: 20px;
		filter: invert(1);
		margin: 17px -8px;
		display: none;
	}
/* contacts */

	.contacts li{
		display: block;
		padding: 0;
		margin: 0 0 0.25rem 0;
	}
	.contacts {
		overflow: hidden;
		height: 75vh;
		min-height: 800px;
		position: relative;
		width: calc(100vw);
		color: black;
		font-size: 4em;
		background: white;
	}
	.contacts img {
		width: 100%;
    	height: 100%;
    	object-fit: cover;
	}
	.contact-column {
	    right: 0;
	    position: relative;
	    float: right;
	    z-index: 2;
	    max-width: 450px;
	    font-size: 16px;
	    color: black;
	    line-height: 135%;
	    padding-top: calc(8px + 3rem);
	    padding: calc(8px + 3rem) 40px 40px 40px;
	    height: calc(100% - calc(8px + 3rem) - 40px );
	    background: linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
	}
	.contact-column .book-button {
		color: white;
		border: 1px solid;
		padding: 8px 20px;
		position: relative;
		bottom: auto;
		height: 20px;
		margin-top: 4px;
		WIDTH: fit-content;
		DISPLAY: inline-block;
	}
.	contacts video{
		position: absolute;
		}		

/* footer */
	.footer img {
		pointer-events: none;
		filter: brightness(1);
		height: 100px;
		opacity: 0;
		transition: 0.3s;
		left: 50%;
		position: fixed;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	.footer {
		position: absolute;
		height: 100vh;
		width: 100vw;
		color: white
	}
	.footer ul{
		text-transform: uppercase;
		margin-top: 0.5rem;
		font-size: 15px;
		width: auto;
	}

	.footer a {
		color: white;
		text-decoration: none;
	  }
	  .footer a:hover {
		text-decoration: underline;
	  }
	  
	.footer li{
		
	}
   .endorsment {
		-webkit-font-smoothing: antialiased;
		text-align: center;
		position: absolute;
		left: 50%;
		bottom: 2rem;
		transform: translateX(-50%);
		opacity: 0;
}

/* to be defined */

	.book-button {
		text-transform: uppercase;
		color: white;
		border: 1px solid;
		padding: 8px 20px;
		position: absolute;
		bottom: 50px;
		height: 20px;
	}
   .booking_lightbox, .carousel {
		width: 100vw;
		height: 100vh;
		background: black;
		position: fixed;
		opacity: 0;
		pointer-events: none;
		transition: 0.3s all;
	}
	.booking_lightbox {
		z-index: 1000;
	}
	.carousel {
		z-index: 100
	}
	.flickity-prev-next-button svg {
    	display: none;
	}

	.carousel .dot.is-selected {
		background: white;
	}

	.booking-button-mobile .book-button, .carousel .book-button {
		transition: 0.3s all;
		cursor: pointer;
	}

	.booking-button-mobile .book-button:hover, .carousel .book-button:hover {
		background: white;
		color: black;
	}
	.booking_lightbox iframe {
		width: calc(100% - 40px);
		max-width: 600px;
		height: calc(100vh - 8rem);
		margin-top: 4rem;
		margin-left: 50%;
		transform: translateX(-50%);
		font-family: "IBM Plex Sans", sans-serif !important;
	}
	

/* Carousel   --------------------------------------------- */

	.carousel .flickity-page-dots .dot, .artists .flickity-page-dots .dot.is-selected {
		width: calc(100vw / 8);
	}

	.carousel .flickity-prev-next-button.previous, .carousel .flickity-prev-next-button.next {
		background: white;
	}

	.gallery-cell {
		width: 60vh;
		height: 75vh;
		margin-right: 0;
		counter-increment: gallery-cell;
		overflow: hidden;
	}
	.gallery-cell:before {
		display: block;
		text-align: center;
		line-height: 200px;
		font-size: 80px;
		color: white;
		opacity: 0.2;
	}
	.gallery-cell img {
		top: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	.gallery-cell img {
		filter: grayscale(1) blur(-9px);
		transition: 1s;
		opacity: 0.1;
		filter: grayscale(1);
	}
	.is-selected img {
		opacity: 1;
		filter: grayscale(0);
	}
	.booking-button-mobile .book-button, .carousel .book-button {
		font-size: 14px;
		left: 50%;
		transform: translateX(-50%);
		padding-bottom: 11px;
	}
	.carousel .gallery-cell .text_style {
		padding: 15px 20px;
		color: white;
		margin: 0;
		height: 75vh;
		width: calc(100% - 40px);
		background: rgb(20 20 20);
		left: 0;
	}

	.carousel .gallery-cell .text_style p {
		opacity: 0;
		transition: 0.3s all;
	}

	.carousel .gallery-cell .text_style a {
		display: block;
		padding-top: 1rem;
		color: white;
		opacity: 0;
		transition: 0.3s all;
		text-decoration: underline;
		text-decoration-color: white;
	}

	.carousel .gallery-cell .text_style h4 {
		opacity: 0;
		transition: 0.3s all;
	}

	.carousel .is-selected .text_style p, .carousel .is-selected .text_style h4, .carousel .is-selected .text_style a {
		opacity: 1;
	}

	.carousel .is-selected .text_style {
		background: black;
	}

	
/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */


	.flickity-enabled {
		position: relative;
	}

	.flickity-prev-next-button:hover, .flickity-prev-next-button.touch-active {
		transform: translateY(-50%) scale(1.2);
	}

	.flickity-enabled:focus { 
		outline: none;
	}
	.flickity-viewport {
		overflow: hidden;
		position: relative;
		height: 100%;
	}
	.flickity-slider {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	/* draggable */
	.flickity-enabled.is-draggable {
		-webkit-tap-highlight-color: transparent;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		height: 75vh;
		overflow: hidden;
		transform: translateY(-50%);
		top: 50%;
	}
	.flickity-enabled.is-draggable .flickity-viewport {
		cursor: move;
		cursor: -webkit-grab;
		cursor: grab;
	}
	.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}
	/* ---- flickity-button ---- */
	.flickity-button {
		opacity: 1;
		position: absolute;
	}
	.flickity-button:hover, .flickity-button.touch-active {
		cursor: pointer;
	}
	.flickity-button:focus {
		outline: none;
		box-shadow: 0 0 0 5px #19F;
	}
	.flickity-button:active {
		opacity: 0.6;
	}
	.flickity-button:disabled {
		opacity: 0.3;
		cursor: auto;
		/* prevent disabled button from capturing pointer up event. #716 */
		pointer-events: none;
	}
	.flickity-button-icon {
		fill: currentColor;
	}
	/* ---- previous/next buttons ---- */
	.flickity-prev-next-button {
		border: none;
		top: 50%;
		/* vertically center */
		right: 20px;
		transform: translateY(-50%);
		background: none;
	}
	.flickity-prev-next-button.previous {
		right: 50px;
		width: 15px;
		height: 15px;
		background: black;
		transition: 0.3s all;
		transform: rotate(45deg);
	}
	.flickity-prev-next-button.previous:hover {
		transform: rotate(-45deg) scale(1.5);
	}
	.flickity-prev-next-button.next {
		right: 26px;
		width: 15px;
		height: 15px;
		background: black;
		transition: 0.3s all;
		transform: rotate(45deg);
	}	

	.flickity-prev-next-button.next:hover {
		transform: rotate(-45deg) scale(1.5);
	}

	/* right to left */
	.flickity-rtl .flickity-prev-next-button.previous {
		left: auto;
	  	right: 10px;
	}
	.flickity-rtl .flickity-prev-next-button.next {
	  	right: auto;
	  	left: 10px;
	}
	.flickity-prev-next-button .flickity-button-icon {
	}

	/* ---- page dots ---- */
	.flickity-page-dots {
	  	position: absolute;
	  	width: 100%;
	  	bottom: 0;
	  	padding: 0;
	  	margin: 0;
	  	list-style: none;
	  	text-align: left;
	  	line-height: 0;
	}
	.flickity-rtl .flickity-page-dots { 
	  	direction: rtl; 
	}
	.flickity-page-dots .dot {
	  	width: calc(100vw / 13);
	  	background: black;
	  	cursor: pointer;
	  	margin: 0;
	  	opacity: 0;
	  	height: 6px;
	  	display: table-cell;
	}
	.flickity-page-dots .dot.is-selected {
		opacity: 1;
	  	width: calc(100vw / 13);
	}
	.styles .flickity-page-dots .dot, .styles .flickity-page-dots .dot.is-selected {
	  	width: calc(100vw / 13);
	}
	.artists .flickity-page-dots .dot, .artists .flickity-page-dots .dot.is-selected {
	  	width: calc(100vw / 27);
	}

/* Mobile booking ------------------------------------- */
	
	.booking-button-mobile {
		position: fixed;
		z-index: 9;
		background: black;
		bottom: 0;
		width: 100vw;
		height: 7rem;
		text-align: center;	
		opacity: 0;
		display: none;
	}
	
	.booking-button-mobile .book-button {
		left: 50%;
		transform: translateX(-50%)
	}

/* Mobile --------------------------------------------- */

@media screen and (max-width: 950px) {
	.menu {
	}
	.menu-open {
		height: 100vh;
	}
	.menu li {
		display: block;
		margin: 0 10px;
	}

    #mobilemenu {
		display: block;
		padding-bottom: 3rem;
		margin-bottom: 3rem;
		margin-top: 2px;
	}
	h1 {
		top: calc(8px + 3rem);
		width: calc(100vw - 40px);
	}
	h1, h2{
	 	font-size: 15px;
	}
	h1, h2, h3, h4 {
		max-width: 450px;
		text-transform: uppercase;
		font-size: 15px;
		line-height: 140%;
	}
	.artists .label, .text_style h3 {
	}
	.logo img {
		width: 250px;
	}
	.spot {
		height: 75vh;
	}
	.spot div {
		width: 176px;
	}
	.introduction {
		height: 50vh;
	}
	
	.right {
		float: left;
	}
	.artists .label {
	    margin-left: 20px;
	}
	.spot .label {
		margin: 0 0 0 20px;
		transform: translateX(0);
	}
	ul {
		margin: 0 0 0 95px;
		transform: translateX(0);
	}
	.spot .label, .voucher .label, .academy h1 .label {
		width: auto;
		left: 0;
		transform: translateX(0);
	}
	.gallery-cell  {
		width: 100vw;
	}
	.contact-column {
		float: left;
		position: relative;
		width: 100vw;
		padding: calc(8px + 3rem) 20px 9rem 20px;
	}
	.contacts {
		height: auto;
	}
	.contacts video {
		position: relative;
		height: 75vh;
		margin-bottom: -1px;
	}
	p {
	    width: calc(100vw - 40px);
	}
	.flickity-prev-next-button {
		opacity: 0;
	}
	.voucher {
		height: 100vh;
	}
	.voucher-column {
		left: 0;
   		width: calc(100% - 40px);
	}
	.voucher img {
		object-position: top;
		transform: scale(1.5) translateY(70px) translateX(40px);
	}
	.voucher-column li {
		padding: 4px 4px;
		}
	
	.artists img:hover, .artists.touch-active {
		filter: grayscale(0) brightness(0.9);
		transform: scale(1);
	}
	.academy {
		min-height: calc(75vh - 1px);
		height: auto;
		overflow: hidden;
	}
	.academy .bigcolumn {
		padding-top: 3rem;
		padding-bottom: 9rem;
		position: relative;
		top: 0;
		transform:  translateX(-50%) translateY(0);
	}
	.carousel .gallery {
		margin-top: -1rem;
	}
	.academy .label {
		width: auto;
		left: 0;
		transform: translateX(0);
	}
	.booking-button-mobile .book-button, .carousel .book-button {
		width: 190px;
		text-align: center;
	}
	footer {
	padding-top: 11px;
	line-height: 120%;
	}
	footer ul {
		left: 0;
		margin-left: 0;
		width: auto;
		text-align: center;
	}
	footer li {
		text-align: center;
		margin: 0 20px 10px 0;
	}
	.booking_lightbox iframe {
		display: none;
	}
	.flickity-page-dots .dot.is-selected {
		width: 80px !important;
	}
	.flickity-prev-next-button.next {
		background: white;
    	padding: 7.5px;
    	opacity: 1;
    	width: 0;
    	border: none;
    	height: 0;
    	transition: 0.3s all;
    	transform: rotate(45deg);
	}
	.flickity-prev-next-button {
		bottom: 30px;
    	right: 30px;
    	transform: translateY(-50%);
    	position: absolute;
    	top: auto;
	}
	.flickity-prev-next-button.next:hover {
    	border-left: none;
		transform: rotate(45);
	}
	.styles	.flickity-prev-next-button.next {
		background: black;
	}
	.booking-button-mobile {
		display: block;
	}
}