body {
	width: 100%;
	height: 100%
}

.qr-code img {
	width: 100%
}

.altum-animate {
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.altum-animate-fill-both {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.altum-animate-fill-none {
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none
}

@
-webkit-keyframes fadeIn { 0%{
	opacity: 0
}

to {
	opacity: 1
}

}
@
keyframes fadeIn { 0%{
	opacity: 0
}

to {
	opacity: 1
}

}
.altum-animate-fade-in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

.svg-sm, .svg-sm svg {
	width: 1rem;
	height: 1rem
}

.svg-md, .svg-md svg {
	width: 1.25rem;
	height: 1.25rem
}

.svg-lg, .svg-lg svg {
	width: 1.5rem;
	height: 1.5rem
}

.modal-header {
	padding: 1rem;
	border-bottom: 0
}

.modal-subheader {
	padding: 0 1rem;
	border-bottom: 0;
	margin: 0
}

.modal-content {
	padding: 1rem;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none
}

.new-york-logo {
	width: 110px;
	height: 110px;
	object-fit: cover;
	border-radius: 50rem;
	background: var(- -white);
	position: absolute;
	top: -3.2rem;
	border: 2px solid var(- -white)
}

.san-francisco-logo {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: .25rem;
	background: var(- -white);
	border: 2px solid var(- -gray-100)
}

.san-francisco-button {
	display: block;
	padding: .5rem .75rem;
	margin: .5rem 0;
	transition: .3s background;
	word-break: break-all
}

.san-francisco-button:hover {
	background: var(- -gray-100);
	border-radius: .25rem
}

.san-francisco-button .icon {
	width: 2.5rem;
	height: 2.5rem;
	min-width: 2.5rem;
	min-height: 2.5rem;
	background: var(- -gray-100);
	transition: .3s background
}

.san-francisco-button:hover .icon {
	background: var(- -gray-200)
}

.san-francisco-card {
	padding: 2.25rem
}

.los-angeles-logo {
	width: 125px;
	height: 125px;
	object-fit: cover;
	border-radius: 50rem;
	background: var(- -white);
	border: 2px solid var(- -gray-100)
}

.los-angeles-button {
	display: block;
	padding: .5rem .75rem;
	margin: .5rem 0;
	transition: .3s background;
	background: var(- -gray-100);
	border-radius: .25rem;
	word-break: break-all
}

.los-angeles-button:hover {
	background: var(- -gray-200)
}

.los-angeles-button .icon {
	width: 2.5rem;
	height: 2.5rem;
	min-width: 2.5rem;
	min-height: 2.5rem;
	transition: .3s background
}

.los-angeles-card {
	padding: 2rem
}

.chicago-logo {
	width: 75px;
	height: 75px;
	object-fit: cover;
	background: var(- -white)
}

.chicago-button {
	display: block;
	padding: .5rem .75rem;
	margin: .5rem 0;
	transition: .3s background;
	background: var(- -gray-100);
	word-break: break-all
}

.chicago-button:hover {
	background: var(- -gray-200)
}

.chicago-button .icon {
	width: 2.5rem;
	height: 2.5rem;
	min-width: 2.5rem;
	min-height: 2.5rem;
	transition: .3s background
}

.chicago-button:hover .icon {
	
}

.chicago-card {
	padding: 2rem
}

@
keyframes gradient { 0%{
	background-position: 0% 50%
}

50%{
background-position
:
100%
 
50%
}
100%{
background-position
:
0%
 
50%
}
}
@
keyframes color { 0%,25%{-
	-bg: var(- -c3)
}

26%,50%{-
-bg
:
 
var
(--c1)
}
51%,75%{-
-bg
:
 
var
(--c3)
}
76%,100%{-
-bg
:
 
var
(--c2)
}
}
@
keyframes gradient { 0%{
	background-position: 0% 50%
}

50%{
background-position
:
100%
 
50%
}
100%{
background-position
:
0%
 
50%
}
}
@
keyframes color { 0%,25%{-
	-bg: var(- -c3)
}

26%,50%{-
-bg
:
 
var
(--c1)
}
51%,75%{-
-bg
:
 
var
(--c3)
}
76%,100%{-
-bg
:
 
var
(--c2)
}
}
@
keyframes position { 0%{
	background-position: calc(var(- -p)* 1) calc(var(- -p)* 0),
		calc(var(- -p)* -1) calc(var(- -p)* 1), calc(var(- -p)* 1)
		calc(var(- -p)* -1), calc(var(- -p)* -1) calc(var(- -p)* 0)
}

25%{
background-position
:calc
(var(--p)
 
*
 
1)
calc
(var(--p)
 
*
 
4),
calc
(var(--p)
 
*
 
-1)
calc
(var(--p)
 
*
 
5),
calc
(var(--p)
 
*
 
1)
calc
(var(--p)
 
*
 
3),
calc
(var(--p)
 
*
 
-1)
calc
(var(--p)
 
*
 
4)
}
50%{
background-position
:calc
(var(--p)
 
*
 
3)
calc
(var(--p)
 
*
 
8),
calc
(var(--p)
 
*
 
-3)
calc
(var(--p)
 
*
 
9),
calc
(var(--p)
 
*
 
2)
calc
(var(--p)
 
*
 
7),
calc
(var(--p)
 
*
 
-2)
calc
(var(--p)
 
*
 
8)
}
75%{
background-position
:calc
(var(--p)
 
*
 
3)
calc
(var(--p)
 
*
 
12),
calc
(var(--p)
 
*
 
-3)
calc
(var(--p)
 
*
 
13),
calc
(var(--p)
 
*
 
2)
calc
(var(--p)
 
*
 
11),
calc
(var(--p)
 
*
 
-2)
calc
(var(--p)
 
*
 
12)
}
100%{
background-position
:calc
(var(--p)
 
*
 
5)
calc
(var(--p)
 
*
 
16),
calc
(var(--p)
 
*
 
-5)
calc
(var(--p)
 
*
 
17),
calc
(var(--p)
 
*
 
5)
calc
(var(--p)
 
*
 
15),
calc
(var(--p)
 
*
 
-5)
calc
(var(--p)
 
*
 
16)
}
}
.main__bg {
	background-image: linear-gradient(-60deg, #646fd45e 50%, #e8a0bf1f 50%);
	animation: slide 3s ease-in-out infinite alternate;
	position: fixed;
	top: 0;
	bottom: 0;
	left: -50%;
	right: -50%;
	opacity: .5;
	z-index: -1
}

.layer1 {
	animation-direction: alternate-reverse;
	animation-duration: 4s
}

.layer2 {
	animation-duration: 5s
}

@
keyframes slide { 0%{
	transform: translateX(-25%)
}
100%{
transform
:translateX
(25%)
}
}


	.istanbul-card {
		padding: .5rem;
		padding-bottom: 5.5rem;
	}
	
	.istanbul-button {
		display: block;
		padding: 0.5rem 1.75rem;
		margin: 0.5rem 0;
		transition: .3s background;
		background: var(--gray-100);
		border-radius: 0.5rem;
		word-break: break-all;
	}
	
.istanbul-logo {
    max-width: 100%;
height: 150px;
object-fit: cover;
background: var(--white);
position: absolute;
top: 4.8rem;
border: 8px solid #c6325c;
box-shadow: rgba(128, 128, 128, 0.24) 0px 4px 15.84px;
}
	
	.icon-decor {
		color: #4a95ff !important;
		font-size: 18px;
	}
	
	.svg-istanbul,
	.svg-istanbul svg {
		width: 4.5rem;
		height: 5.5rem;
		margin: 20px 0 0 0;
	}
	
	.svg-verfied,
	.svg-verfied svg {
		width: 1.25rem;
		height: 1.25rem;
		display: inherit;
	}
	
	.name-color {
		color: #4a95ff !important;
		font-size: 18px;
	}
	
	.logo-background {
		background: #ffe4e4;
	}
	

	
	.css-istanbul1 {
		padding: 12px;
		padding-bottom: 0px;
	}
	
	.css-istanbul2 {
		height: 190px;
		border-radius: 20px;
		background-color: #eeeeee;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		overflow: hidden;
		position: relative;
		margin-left: -10px;
		margin-right: -10px;
		top: -60px;
	}
	
	.css-tok2 {
		height: 190px;
		border-radius: 20px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		overflow: hidden;
		position: relative;
		margin-left: -10px;
		margin-right: -10px;
		top: -60px;
	}	
	
	.css-istanbul3 {
		margin-bottom: 8px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	.css-istanbul4 {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		position: relative;
		box-sizing: border-box;
		-webkit-tap-highlight-color: transparent;
		background-color: transparent;
		outline: 0;
		border: 0;
		margin: 0;
		border-radius: 0;
		padding: 0;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		vertical-align: middle;
		-moz-appearance: none;
		-webkit-appearance: none;
		-webkit-text-decoration: none;
		text-decoration: none;
		color: inherit;
		font-family: "Roboto", "Helvetica", "Arial", sans-serif;
		font-weight: 500;
		font-size: 0.875rem;
		line-height: 1.75;
		letter-spacing: 0.02857em;
		text-transform: uppercase;
		min-width: 64px;
		padding: 6px 16px;
		border-radius: 4px;
		-webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
		transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
		color: #fff;
		background-color: #000;
		box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
		border-radius: 56px;
		height: 67px;
		font-weight: bold;
		box-shadow: rgb(128 128 128 / 35%) 0px 4px 5.84px;
		padding-top: 7px;
		text-transform: capitalize;
		font-size: 18px;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 260px;
	}
	
	.css-istanbul5 {
		overflow: hidden;
		pointer-events: none;
		position: absolute;
		z-index: 0;
		inset: 0px;
		border-radius: inherit;
	}
	
	.css-istanbul6 {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		position: relative;
		box-sizing: border-box;
		-webkit-tap-highlight-color: transparent;
		background-color: transparent;
		outline: 0;
		border: 0;
		margin: 0;
		border-radius: 0;
		padding: 0;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		vertical-align: middle;
		-moz-appearance: none;
		-webkit-appearance: none;
		-webkit-text-decoration: none;
		text-decoration: none;
		color: inherit;
		text-align: center;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		font-size: 1.5rem;
		padding: 8px;
		border-radius: 50%;
		overflow: visible;
		color: rgba(0, 0, 0, 0.54);
		-webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
		transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
		color: #000;
		padding: 16px;
		padding-right: 0px;
	}