* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	letter-spacing:0px;
	line-height:1.6;
	font-family: 'Raleway', sans-serif;
	color:#FFFFFF;
	scroll-behavior: smooth;
	text-align:center;
}

html {
	scroll-behavior: smooth;
}

body {
	background: #000000 !important; /* Old browsers */
	background-image:url("../_img/bg-mobile.jpg");
	background-attachment:fixed;
	background-size:cover;
}

#mobile-bg {
	display:block;
    background-image: url(../_img/bg-mobile.jpg);
    background-attachment: scroll;
    background-size: cover;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: 3s ease;
}

@media screen and (min-width: 1040px) {
	#mobile-bg {
		display:none
	}
}

strong, em, span {
	color:inherit;
	font-family:inherit;
	line-height:inherit;
	letter-spacing:inherit;
}

.clear {
	clear:both;
}

.max-width {
	max-width:1400px;
	margin:0 auto 0;
}

.next {
	display:none;
	color: #FFFFFF;
    line-height: inherit;
    font-weight: inherit;
    font-family: inherit;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
	font-size:12px;
	opacity:.8;
}

@media screen and (min-width: 1040px) {
	.next {
		display:inline;
	}
}

.module:last-of-type .section-wrapper .section-wrapper-copy .next {
	display:none
}

option {
	text-align:left;
}

h1 {
	font-family: 'VIOLA', 'Raleway';
	color: #f9f5ce;
    font-size: 24px;
    margin:0 auto 22px;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: bold;
    word-wrap:normal;
	letter-spacing:1px;
}

h2 {
	font-family: 'Raleway', monospace;
	display:block !important;
	font-size: 42px;
    text-transform: none;
	margin:0 0 22px 0;
    line-height: 1;
    font-weight: 400;
}

h4 {
	font-family: 'Raleway', monospace;
	font-size: 19px;
	line-height:1.3;
    text-align: center;
    margin: 0 auto 12px;
    opacity:.8;
}


h5 {
	font-family: 'Raleway', monospace;
	display:block;
	margin:0 auto 0;
	text-transform:uppercase;
	font-size:10vw;
}

h6 {
	font-family: 'Raleway', monospace;
	color:rgba(255,255,255,.4);
	text-align:right;
	font-size:16px;
	letter-spacing:1px;
	margin:0 auto 22px;
	text-transform:none;
}

p {
	color: #FFFFFF;
    font-size: 14px;
    text-transform: none;
    line-height: 1.6;
    font-weight: 400;
    margin:0 auto 33px;
	text-align:center;
	max-width:800px;
}

#tour .section-wrapper .section-wrapper-copy p, #subscribe .section-wrapper .section-wrapper-copy p {
	max-width: none !important;
}

@media screen and (min-width: 767px) {
	h1 {
		font-size: 32px;
		letter-spacing:3px;
	}
}


@media screen and (min-width: 1040px) {

	h1 {
	    font-size: 42px;
	}

	h4 {
		font-size: 27px;
		margin: 0 auto 0;
	}

	p {
	    font-size: 16px;
	    line-height: 1.7;
	}
}

a {
	text-decoration:underline;
	font-family:inherit;
}

section {
  position: relative;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:111px 22px 111px;
  overflow:hidden;
  background-color:#000000;
}

@media screen and (min-width: 1040px) {
	section {
	  background-color:transparent;
	  height:100vh;
	}
	#wrapper section:nth-of-type(2n) {
		background-color:transparent;
	}
	
	section:first-of-type {
	  padding:111px 22px 111px;
	}
}

@media screen and (max-height: 1040px) {
	/* section {
	  height: auto;
	}*/
}


.bg {
  background-image:none;
  background:none;
  background-attachment:none;
}

@media screen and (min-width: 1040px) {
	section {
	  position: relative;
	  height: 100vh;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  padding:0 44px;
	  background:none;
	}

	.bg {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: -1;
	  background-size: cover;
	  background-repeat: no-repeat;
	}

}

@media screen and (min-width: 1080px) {
	section {
	  padding:88px 44px;
	}
}


/* ----- NAV BAR ----- */

#nav {
	height:57px;
	width:100%;
	padding:0 22px;
	text-align:center;
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:105;
	transition:1s ease;
	margin:0 auto 0;
	background:rgba(9,9,9,.8);
}

#nav.scroll {
}

.hamburger {
  display:inline;
  position: fixed;
  top: 16px;
  right: 22px;
  height: 28px;
  width: 32px;
  cursor: pointer;
  z-index: 113;
  background-attachment: fixed;
  -webkit-transition: .5s;
  transition: .5s;
}

.hamburger.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
}

.hamburger.active .middle {
  opacity: 0;
}

.hamburger.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
}

.hamburger span {
  background: #FFFFFF;
  border: none;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
	box-shadow:0px 0px 5px rgba(0,0,0,.3);
}

.hamburger:hover span{
  opacity:.8;
}

.hamburger span:nth-of-type(2) {
  top: 11px;
}

.hamburger span:nth-of-type(3) {
  top: 22px;
}

.hamburger .text {
	display: block;
    position: absolute;
    bottom: -10px;
    font-size: 11px;
    top:28px;
    width: 100%;
    opacity: .8;
    letter-spacing: 3px;
    color:#FFFFFF;
	text-shadow:0px 0px 5px rgba(0,0,0,.3);
}

#nav-items {
	float: right;
    display: inline-block;
    margin: 15px 0 0;
    padding: 0;
    text-align: center;
}

.nav-item {
	padding:0px 11px 0px 11px;
	display: none;
	text-align: center;
	vertical-align: middle;
	margin:0;
	text-transform:uppercase;
	letter-spacing:0px;
	text-decoration:none;
	font-size:16px;
	color:#FFFFFF;
	border-right: 1px solid rgba(255,255,255,.2);
}

.nav-item.social {
	padding:0 11px 0;
	transform:translateY(-2px);
}

.nav-item a {
	text-decoration:none;
}

.nav-item i {
	padding: 0 2px 0 2px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin:0;
	text-transform:none;
	letter-spacing:0px;
	text-decoration:none;
	font-size:18px;
	color:#FFFFFF;
}

.nav-item:hover {
	color:#f9f5ce;
}

.nav-item i:hover {
	color:#f9f5ce;
}

#nav-title img {
	max-width: 260px;
    margin: auto;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
}

.menu-main-menu-container {
	display:inline-block;
	float:left;
}

#nav-social {
	display:none;
    position: relative;
    float: right;
	margin: 17px 50px 0 0;
}

#nav-social a {
	display:inline;
	text-decoration:none;
}

#nav-social a i {
	font-size: 22px;
    margin-right: 7px;
}

#nav-social a i:hover {
	color:#f9f5ce;
}

@media only screen and (min-width: 676px) {

	#nav-social {
		display: inline-block;
	}
}

@media only screen and (min-width: 1100px) {
	.nav-item {
		display:inline-block;
	}
	
	#nav-social {
		margin: 17px -7px 0 11px;
	}
	
	#nav-title {
		float:left;
		padding-left:0 !important;
		letter-spacing:4px;
		margin: 7px 0 0;
		font-size: 26px;
	}
	
	.hamburger {
    	display:none;
	}
	.overlay {
  		display:none;
  	}
	
	#nav-social {
		display: inline-block;
	}

}


/* ----- OVERLAY RULES ----- */

.overlay {
  position: fixed;
  background: #000000;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  -webkit-transition: opacity .35s, visibility .35s, height 1s;
  transition: opacity .35s, visibility .35s, height 1s;
  z-index:66;
  overflow:hidden;
}

.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100vh;
}

/*.overlay.open li {
  -webkit-animation: fadeIn .5s ease forwards;
          animation: fadeIn .5s ease forwards;
}*/

.overlay nav {
	padding-top:44px;
  	position: relative;
  	height: 70%;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  	text-align: center;
}
	
.overlay-item {
	text-align: center;
    margin: 0 auto 0;
    background: none;
    cursor: pointer;
    border: none;
    outline: none;
    display: block;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: 3px;
    position: relative;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: .35s;
    transition: .35s;
    padding: 2px;
}

.overlay-item.title {
	color:#f9f5ce;
}

.overlay-item:hover {
	color:#f9f5ce;
}

.overlay .social {
	margin: 22px 44px 0px;
}

.overlay .social a {
	display: inline-block;
    margin: 0 17px 0;
    text-align: center;
    color: #FFFFFF;
    font-size: 37px;
}

.overlay .social a i {
	color:#FFFFFF;
}

.overlay .social a i:hover {
	color:#f9f5ce;
}

/*
==============================================
MUSIC PLAYER
==============================================
*/

#music-btn {
    position: fixed;
    z-index: 44;
    left: 0;
    bottom: 133px;
    height: 128px;
    width: 28px;
    padding: 12px 5px 5px 5px;
    border-radius: 0 11px 11px 0;
    border: rgba(255,255,255,0) solid 1px;
    color: #ffffff;
    cursor: pointer;
    transition: 1s ease;
}

#music-btn:hover {
	background:rgba(0,0,0,.1);
	border-top:1px solid rgba(255,255,255,.5) !important;
	border-right:1px solid rgba(255,255,255,.5) !important;
	border-bottom:1px solid rgba(255,255,255,.5) !important;
}

#music-btn:hover span i {
	transition:1s ease;
	transform:scale(1.1)
}

body.spotify-open #music-btn {
    left: 270px;
}

#open-spotify-btn {
	margin-top: 12px;
}

#music-btn span {
    display: block;
    position: absolute;
    left: -96px;
    font-size: 16px;
    letter-spacing: 3px;
    bottom: 49px;
    width: 219px; 
    transform: rotate(-90deg);
    text-transform: uppercase;
	font-weight:normal;
	color:#FFFFFF;
}

#music-btn span i {
    color:#FFFFFF;
	margin:4px;
}

#music-btn span i.left {
    display: none;
}

body.spotify-open #music-btn span i.left {
    display: inline-block;
}

body.spotify-open #music-btn span i.right {
    display: none;
}

#spotify-player {
    position: fixed;
    left: -270px;
    bottom: 0;
    width: 270px;
	background: #74748d;
	border-radius: 12px 12px 0 0;
    transition: 1s ease;
	z-index: 44;
}

body.spotify-open #spotify-player {
    left: 0;
}

#spotify-player iframe {
    display: block;
    width: 100%;
	border-radius: 12px 12px 0 0;
}

#spotify-player #music-links {
    text-align: center;
    overflow: auto;
	background: rgba(0,0,0,.3);
	padding:33px 22px;
	filter: drop-shadow(0 -2px 1px rgba(0,0,0,.3));
}

#spotify-player #music-links h5.title {
	font-family:'Viola';
	letter-spacing:2px;
    padding: 0;
    line-height: 1.2;
    margin: 0px 0 11px;
    color: #FFFFFF;
}

#spotify-player #music-links h5 {
    margin: 0px 0 11px;
    padding: 0;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    text-transform: none;
}

#spotify-player a {
    	margin: 0 10px;
    	font-size: 25px;
    	color: #000000;
    	transition: .3s ease;
	}

@media screen and (max-width: 768px) {
	
	#music-btn {
		left: 0px;
		bottom:99px;
	}
	
	body.spotify-open #music-btn {
		left: 240px;
	}
	
	#spotify-player {
		border-radius: 0px 10px 0px 0px;
		width: 240px;
	}
	
	/*#spotify-player iframe {
		height: 255px;
	}*/
	
	#spotify-player #music-links {
		padding:22px;
		height: 200px;
/*		border-radius: 0px 0px 10px 0px;*/
	}
	
	#spotify-player #music-links h5 {
		font-size: 16px;
		letter-spacing:1px;
	}
	
	#spotify-player a {
		font-size: 21px;
	}
}

.bit-widget .bit-top-track-button {
	color:#FFFFFF !important;
	margin:0 auto 22px;
    display: block;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 0px !important;
}

.bit-widget .bit-play-my-city-button {
    display: inline-block !important;
    width: 200px !important;
    margin: 22px auto 0 !important;
}

.bit-widget .bit-event .bit-button {
    border-radius: 8px;
}


.bit-widget .bit-event .bit-offers {
	border-radius: 8px;
}

.bit-widget.bit-layout-desktop  .bit-event .bit-event-buttons {
    margin: 7px 0;
}

/* ANNOUNCEMENT */

#announcement {
	margin-top: 57px;
    width: 100%;
    color: #FFFFFF;
	padding: 8px 17px 4px;
	font-size:15px;
	line-height:1;
}

@media screen and (min-width: 1040px) {
	#announcement {
		padding: 5px 11px;
		/*font-size:18px;*/
	}
}

#announcement a {
	text-decoration:underline;
	color:#FFFFFF;
}


/* SECTIONS CALLOUT */

.module {
	background:rgba(0,0,0,.8) !important;
	border-bottom:1px solid rgba(255,255,255,.1)
}

.module:nth-of-type(1) {
	padding:87px 22px 111px;
}

.module:nth-of-type(2n) {
	background:rgba(15,15,15,.8) !important;
}

@media screen and (min-width: 676px) {
	.module:nth-of-type(1) {
		padding:111px 22px 111px;
	}

}

@media screen and (min-width: 1040px) {
	.module {
		background:rgba(0,0,0,.7) !important;
	}
	
	.module:nth-of-type(2n) {
		background:rgba(0,0,0,.7) !important;
	}
}

#album-cover {
	width:100%;
	max-width:500px;
	margin:0 auto 22px;
	display:block;
}

.section-wrapper {
	width: 100%;
    max-width: 1200px;
    vertical-align: middle;
    display: block;
	margin:0 auto 0;
}

.section-wrapper-copy {
	max-width: 700px;
	padding:22px;
    display: block;
    vertical-align: middle;
	margin:0 auto 0;
}

.section-wrapper-image {
	display:block;
	width:90%;
	max-width:400px;
    height: auto;
	margin:0 auto 22px;
	float:none;
	transform:rotate(-1deg);
	filter:drop-shadow(0 0 11px rgba(0,0,0,.3));
}

.dark .section-wrapper .section-wrapper-image {
	filter:drop-shadow(0 0 11px rgba(255,255,255,.2));
}

.section-wrapper-image.right {
	transform:rotate(1deg);
}

.section-wrapper-video {
	display:block;
	width:90%;
	max-width:600px;
    height: auto;
	float:none;
	transform:rotate(-1deg);
	filter:drop-shadow(0 0 11px rgba(0,0,0,.5));
	margin:0 auto 22px;
}

.dark .section-wrapper .section-wrapper-video {
	filter:drop-shadow(0 0 11px rgba(255,255,255,.2));
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.section-wrapper-image img {
	display:block;
	width:100%;
}

.section-wrapper-image.mobile {
	display:block;
}

.section-wrapper-image.desktop {
	display:none;
}

.section-wrapper-video.mobile {
	display:block;
}

.section-wrapper-video.desktop {
	display:none;
}

@media screen and (min-width: 1040px) {
	
	.section-wrapper {
		display: table;
		table-layout:fixed;
	}
	
	.section-wrapper-image.mobile {
		display:none;
	}

	.section-wrapper-image.desktop {
		display:block;
	}
	
	.section-wrapper-image {
		max-width:500px;
		transform:rotate(-2deg);
		margin:0 auto 0;
	}
	
	.section-wrapper-image.right {
		transform:rotate(2deg);
	}
	
	.section-wrapper-video.right {
		transform:rotate(1deg);
	}
	
	.section-wrapper-video {
		transform:rotate(-1deg);
	}
	
	.section-wrapper-video.mobile {
		display:none;
	}

	.section-wrapper-video.desktop {
		display:block;
	}

	.section-wrapper-copy {
		padding:66px;
		display:table-cell;
	}
	
}

/* CAROUSEL STYLING */
.carousel {
	transition:.3s ease;
}

.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 40%;
	display: block;
	width: 20px;
	height: 40px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	text-shadow: 0 0 5px rgb(0 0 0 / 90%);
}

.slick-prev {
	left: 0px !important;
	z-index: 5;
}

.slick-next {
	right: 0px !important;
	z-index: 5;
}

.slick-prev::before {
	content: "\276E" !important;
	font-size: 30px !important;
	z-index:10001 !important;
	color:#FFFFFF;
}

.slick-next::before {
	content: "\276F" !important;
	font-size: 30px !important;
	z-index:10001 !important;
	color:#FFFFFF;
}

.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}

.slick-dots li {
  margin: 0 0.25rem;
}

.slick-dots button {
  display: block;
    width: 7px;
    height: 7px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: rgba(255,255,255,.5);
    text-indent: -9999px;
}

.slick-dots li.slick-active button {
  background-color: rgba(255,255,255,1);
}

.copy {
	font-size:14px;
}

@media only screen and (min-width: 676px) {
	.copy {
		font-size:16px;
	}
}

.cta {
	font-family: 'Raleway', monospace;
    position: relative;
    cursor: pointer;
    color: #FFFFFF !important;
    padding: 5px 20px 5px;
    font-size: 16px;
	font-weight:400;
    letter-spacing: 3px;
    text-decoration: none;
    text-transform: uppercase;
    background: rgba(0,0,0,.2);
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,1);
    transition: .5s ease;
    display: inline-block;
    overflow: hidden;
    margin: 22px auto 0;
}

.cta:hover {
	color:#FFFFFF !important;
	background:rgba(0,0,0,.1);
	border:1px solid rgba(255,255,255,.5);
}

.cta:visited {
	color:#FFFFFF !important;
}

.cta:after {
  content: '»';
  position: absolute;
  opacity: 0;  
  top: 4px;
  right: -20px;
  transition: 0.5s;
}

.cta:hover{
  padding-right: 28px;
  padding-left:12px;
}

.cta.subscribe:hover {
	padding: 5px 22px 5px;
}

.cta:hover:after {
  opacity: 1;
  right: 4px;
}

/* NEWSLETTER */

#newsletter {
	background:rgba(16, 18, 32,.75);
	
}

#mc_embed_signup {
	color:#FFFFFF;
	margin:0 auto 0;
	max-width:700px;
	font-size:12px;
	line-height:1.6;
	padding: 0px;
}

#mc_embed_signup label {
	display:block;
	text-align:left !important;
	margin: 0 auto 4px;
}

#mc_embed_signup a {
	color:#FFFFFF;
	text-decoration:underline;
}
	
#mc_embed_signup #latest-news {
	width:100%;display:block;margin: 0 auto 22px;
}
	
#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
#mergeRow-gdpr {margin-top: 20px;}
#mergeRow-gdpr fieldset label {font-weight: normal;}
#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
	
#mc-embedded-subscribe-form .mc-field-group input#mce-EMAIL, #mc-embedded-subscribe-form .mc-field-group input#mce-MMERGE6, #mc-embedded-subscribe-form .mc-field-group input#mce-FNAME {
	display: block;
    width: calc(100%);
    margin: 0 auto 12px;
    height: 33px;
    font-size: 16px;
    padding: 4px;
    color: #000000;
    text-align: left;
}
	
#mc-embedded-subscribe-form label.subfield {
	display:block;
	width:100%;
	margin: 6px auto 6px;
}
	
.indicates-required {
	text-align:right;
	font-size:11px;
}
	
.asterisk {
	font-weight:bold;
	color: #d62f23;
}

.content__gdpr p {
	color:#FFFFFF !important;
}

.content__gdprLegal p {
	color:#FFFFFF !important;
	font-size:12px;
	margin:11px 0 0;
}

#mc-embedded-subscribe {
	color:#FFFFFF;
	padding:2px 16px;
	font-size:28px;
	letter-spacing:1px;
	text-decoration:none;
	text-transform:none;
	background:#a0221a;
	border-radius:8px;
	margin:22px auto 0;
	border:1px solid rgba(255,255,255,0);
	transition:.3s ease;

}
		
#mc-embedded-subscribe:hover {
	background:none;
	border-radius:8px;
	border:1px solid rgba(255,255,255,1);
}

.content__gdprLegal p, .content__gdprLegal p a {
	font-size:12px;
	text-align:left;
}

/* FOOTER */

#footer {
	background:rgba(0,0,0,.9);
	display:block;
	padding:88px 33px;
	border-top: 1px dotted rgba(255,255,255,.5);
}

#footer p {
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
}

#footer p a {
	color:#FFFFFF;
}

#footer .social {
	margin:0 22px 22px;
}

@media only screen and (min-width: 500px) {
	#footer .social {
		margin:0 auto 22px;
	}
}


#footer .social a {
	text-decoration:none;
}

#footer .social i {
	padding: 10px 13px 13px 13px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    text-transform: none;
    letter-spacing: 0px;
    text-decoration: none;
    font-size: 37px;
    color: #FFFFFF;
}

#footer .social i:hover {
	color:#f9f5ce;
}

.section-scroll.footer {
	text-decoration:none;
}

.section-scroll.footer .next {
	position:relative;
	display:block;
	margin: 22px auto 22px;
	text-decoration:none;
}

#privacy-page {
	background: rgba(0,0,0,.9);
	padding:22px 0 22px;
}

#privacy-page h2 {
	font-size:16px;
	margin:11px auto 11px;
}

#privacy-page p {
	font-size:14px;
}

#privacy-page p a {
	color:#FFFFFF;
}

.mfp-close-btn-in .mfp-close {
	color: #FFFFFF !important;
}


/* ANIMATION */

.bob { 
    animation-name: bob;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    display:inline-block;
	opacity:.5;
}

@-webkit-keyframes bob {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, 0px); }   
}
 
@keyframes bob {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, 0px); }   
}

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