html {
	background-color: #ffffff;
}

html, body {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	font-family: 'adihausregular', 'adihausregular-dev', Arial, Helvetica, sans-serif;
	color: #333333;
}

.debug-header-footer .adidas-header {
	position: relative;
	width: 100%;
	height: 80px;
	background-color: #000000;
	z-index: 1001;
}

.debug-header-footer .adidas-footer {
	position: relative;
	width: 100%;
	height: 588px;
	background-color: #ffffff;
}

.nmd {
	position: relative;
	background-color: #e6e6e6;
	text-align: right;
}

.nmd * {
	position: relative;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.nmd .adihaus-offset {
	/*transform:translate3d(0, 0.14em, 0);*/
	transform:translate3d(0, 0.18em, 0);
}

.nmd .no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.nmd span {
	display: inline-block;
}

.nmd a {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
}

.nmd a img {
	text-decoration:none;
	border:0;
	outline:none;
}

.nmd image,
.nmd svg {
	display: inline-block;
}

.nmd h1, .nmd h2, .nmd h3, .nmd h4, .nmd h5, .nmd h6 {
	font-family: 'adihausregular', 'adihausregular-dev', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 1em;
	letter-spacing: 0;
}


.fit {
	font-size: 1.33vw;
}



/*
.prllx {
	transition: transform 0.3s ease-out 0s;
}
*/



.nmd .float {
	display: inline-block;
	clear: both;
	transform: translate3d(0,0,0);
}

.nmd .float:after {
	content: "";
	clear: both;
	display: table;
}

.nmd .float.left {
	float: left;
	left: 50%;
}

.nmd .float.right {
	float: right;
	right: 50%;
}

.nmd .float.center {
	float: left;
	left: 50%;
}

.nmd .float .btn.round {
	transform: translate3d(0,0,0);
}













.nmd .btn.round {
}

.nmd .btn.round .wrapper {
	position: relative;
	font-size: 1em;
	width: 10em;
	height: 10em;
}

.nmd .btn.round .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transition: transform 0.5s ease 0.1s;
}

.nmd .btn.hamburger {
	position: absolute;
	right: 2.5em;
	top: 4em;
	opacity: 1;
	z-index: 9999;
	visibility: visible;
	transition: opacity 0.8s ease-out 0.5s, visibility 0s ease 0s;
}

.nmd .btn.hamburger .wrapper {
	transform: scaleX(0) scaleY(0);
	transition: transform 0.5s ease 0s;
}

.nmd .btn.hamburger.enabled .wrapper {
	transform: scaleX(1) scaleY(1);
}

.nmd .btn.hamburger.fixed {
	position: fixed;
}

.nmd .btn.hamburger.hidden {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease-out, visibility 0s ease 0.5s;
}

.nmd .btn.hamburger svg,
.nmd .btn.close svg {
	width: 4em;
	height: 4em;
	margin-left: -2em;
	margin-top: -2em;
}

.nmd .btn.hamburger svg .st0,
.nmd .btn.close svg .st0 {
	stroke:#000000;
	stroke-miterlimit:2;
	stroke-width:0.3em;
	fill:transparent;
}

.nmd .btn.round .circle {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	margin-left: -50%;
	margin-top: -50%;
	transition: transform 0.33s ease-out 0s;
}

.nmd .btn.round .circle:after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	margin-left: 0;
	margin-top: 0;
	background-color: #ffffff;
	border-radius: 100%;
	transition: transform 0.33s ease 0s;
}

.nmd .btn.round:hover .circle {
	transform: scaleX(1.1) scaleY(1.1);
}

.nmd .btn.round:active .circle {
	transform: scaleX(0.95) scaleY(0.95);
	transition: transform 0.5s ease 0s;
}

.nmd .btn.plus .icon {
	width: 4.2em;
	height: 4.2em;
	margin-left: -2.1em;
	margin-top: -2.1em;
}

.nmd .btn.play .icon {
	width: 2.9em;
	height: 3.8em;
	margin-left: -0.9em;
	margin-top: -1.9em;
}

.nmd .btn.shop .icon {
	width: 4.3em;
	height: 3.6em;
	margin-left: -2.15em;
	margin-top: -1.8em;
}


.nmd .btn.round.transition .icon {
	transform: scaleX(0) scaleY(0);
}

.nmd .btn.round.transition .circle:after {
	transform: scaleX(0) scaleY(0);
}

.nmd .btn.round .circle:before {
	position: absolute;
	content: '';
	display: block;
	width: 96%;
	height: 96%;
	margin-left: 2%;
	margin-top: 2%;
	background-color: #007fc5;
	border-radius: 100%;
	transform: scaleX(0) scaleY(0);
}


.nmd .btn.round.transition.in .icon {
	transform: scaleX(1) scaleY(1);
	transition: transform 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s;
}

.nmd .btn.round.transition.in .circle:before {
	transform: scaleX(1) scaleY(1);
	transition: transform 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
}

.nmd .btn.round.transition.in .circle:after {
	transform: scaleX(1) scaleY(1);
	transition: transform 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.33s;
}


.nmd .btn.round.transition.in.selected .icon {
	transform: scaleX(0) scaleY(0);
	transition: transform 0.33s ease 0s;
}

.nmd .btn.round.transition.in.selected .circle:after {
	transform: scaleX(0) scaleY(0);
	transition: transform 0.33s ease 0s;
}

.nmd .btn.round.transition.in.selected .circle:before {
	transform: scaleX(0) scaleY(0);
	transition: transform 0.33s ease 0s;
}








/*
.nmd .circle-transition .circle {
	width: 200vw;
	height: 200vw;
	margin-left: -100vw;
	margin-top: -100vw;
}
*/

.nmd .circle-transition {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	-webkit-perspective: 500px;
	perspective: 500px;
}


.nmd .circle-transition.enabled {
	width: 10em;
	height: 10em;
	overflow: visible;
	visibility: visible;
}

.nmd .circle-transition .circle {
	position: absolute;
	width: 400%;
	height: 400%;
	margin-left: -200%;
	margin-top: -200%;
	left: 50%;
	top: 50%;
	background-color: #000000;
	border-radius: 100%;
	transform: scaleX(0) scaleY(0);
	transition: transform 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
}

.nmd .circle-transition.expanded .circle {
	transition: transform 0.5s cubic-bezier(1,0,.75,1) 0.1s;
	transform: scaleX(12) scaleY(12);
}

@media all and (orientation: portrait) {

	.nmd .circle-transition .circle {
		/*
		width: 50vh;
		height: 50vh;
		margin-left: -25vh;
		margin-top: -25vh;
		*/
	}

}






.nmd .img {
	background-size: 100% 100%;
	background-position: center center;
}







.nmd .move {
	transition: transform 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
}

.nmd .move.away {
	transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s;
}







.nmd .quote {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	color: #007fc5;
	text-transform: uppercase;
	font-family: 'adihausregular', 'adihausregular-dev', Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 8em 0;
	clear: both;
}

.nmd .quote .text {
	display: inline-block;
	max-width: 56em;
}

.nmd .quote .text span.block {
	position: relative;
	display: inline-block;
	font-size: 5em;
	line-height: 1.2em;
	letter-spacing: 0.02em;
}

.nmd .quote .text:before {
	position: absolute;
	content: '\201c';
	font-size: 17em;
	line-height: 0em;
	color: #000000;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
	left: 0;
	top: 0.05em;
	width: 100%;
	text-align: center;
	transform:translateY(0.14em);
}

.nmd .quote .text:after {
	position: absolute;
	content: '\201d';
	font-size: 17em;
	line-height: 0em;
	color: #000000;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
	left: 0;
	bottom: -0.5em;
	width: 100%;
	text-align: center;
	transform:translateY(0.14em);
}









.nmd .comment {
	text-align: center;
	color: #000000;
	text-transform: uppercase;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
	width: 33em;
}

.nmd .comment .text {
	display: block;
}

.nmd .comment .text .line {
	display: block;
	font-size: 5em;
	line-height: 1.2em;
	letter-spacing: 0.02em;
}










.nmd .chapters {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.nmd .chapters.fixed {
	position: relative;
	left: 0;
	top:0;
}

.nmd .chapters .chapters-container {
	position: relative;
	width: 100%;
}

.nmd .chapters.fixed .chapters-container {
	position: absolute;
}


.nmd .chapters .row {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.nmd .chapters .row .container {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.nmd .chapters .row #experience-container{
	height: 100%;
}

.nmd .chapters .row .container:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.nmd .chapters .row.poster .container {
	width: 100%;
}

.nmd .chapters .frame {
	position: absolute;
	width: 100%;
	height: 100vh;
	background-size: 100% 100%;
	/*background-image: url(/assets/images/mobile/frame.png);*/
	pointer-events: none;
}

.nmd .chapters .intro .logos {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.nmd .logo {
	position: absolute;
}

.nmd .logo.logo-nmd {
	background-image:url(/assets/images/mobile/logo-nmd.png);
	width: 6.8em;
	height: 18.5em;
	left: 4em;
	bottom: 7em;
}

.nmd .logo.adidas {
	background-image:url(/assets/images/mobile/logo-adidas.png);
	width: 4.6em;
	height: 19.2em;
	left: 4em;
	top: 7em;
}




.nmd .chapters .chapter {
}

.nmd .chapters .chapter .map-anim {
	width: 100%;
	height: 300vh;
	/*background-color: rgba(0, 0, 255, 0.1);*/
}

.nmd .chapters .chapter .map-title {
	position: absolute;
	width: 100%;
	height: 100vh;
	bottom: 0;
	left: 0;
	/*background-color: rgba(0, 0, 1, 0.1);*/
}

.nmd .chapters .chapter .map-title .texts {
	position: absolute;
	width: 100%;
	top:50%;
}

/*
.nmd .chapters .chapter .map-title .texts .recenter {
	position: relative;
}
*/

.nmd .chapters .chapter .map-title .texts .step {
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 50%;
}

.nmd .chapters .chapter1 .map-title .texts .step {
	width: 31.6em;
	height: 71.1em;
	margin-left: -20em;
	margin-top: -35.55em;
}

.nmd .chapters .chapter2 .map-title .texts .step {
	width: 45.8em;
	height: 71.8em;
	margin-left: -22.9em;
	margin-top: -35.9em;
}

.nmd .chapters .chapter3 .map-title .texts .step {
	width: 47.4em;
	height: 72.4em;
	margin-left: -23.7em;
	margin-top: -36.2em;
}

.nmd .chapters .chapter4 .map-title .texts .step {
	width: 50.4em;
	height: 71.1em;
	margin-left: -25.2em;
	margin-top: -35.6em;
}

.nmd .chapters .chapter .map-title .texts .step img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.nmd .chapters .chapter .map-title .texts .title .line {
	position: relative;
	display: block;
	font-size: 11em;
	color: #007fc5;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.05em;
}

.nmd .chapters .chapter .map-title .texts .location {
	position: absolute;
	width: 100%;
	left: 0;
	top:50%;
}

.nmd .chapters .chapter .map-title .texts .location .image {
	position: absolute;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	top:50%;
	left: 50%;
}


.nmd .chapters .chapter4 .message .message-container {
	width: 77%;
	margin: 0 auto;
}

.nmd .chapters .chapter4 .message .message-container p {
	font-size: 3em;
	color: #000000;
	text-align: center;
	line-height: 1.26em;
	letter-spacing: 0.01em;
}

@media all and (orientation: landscape) and (min-width: 1024px) {

	.nmd .chapters .chapter4 .message .message-container {
		width: 50%;
	}

}








.nmd .overlay {
	position: fixed;
	width: 0;
	max-width: 100%;
	height: 0;
	top:0;
	left: 0;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	background-color: #000000;
	z-index: 10003;
}

.nmd .overlay.enabled {
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: visible;
	font-size: 1em;
	visibility: visible;
}

.nmd .overlay .row {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.nmd .overlay .row .container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transition: opacity 0.5s ease 0s;
}

.nmd .overlay.visible .row .container {
	opacity: 1;
}

.nmd .overlay .row .container .media-container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.nmd .overlay .btn.close {
	position: absolute;
	right: 2.5em;
	top: 4em;
}







.nmd .overlay.video .fixed-ratio {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}


.nmd .overlay.video .fixed-ratio .media-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.nmd .overlay.video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

@media all and (orientation:landscape) {

	.nmd .overlay.video .fixed-ratio {
		position: relative;
		width: 56.25vh;
	}

	.nmd .overlay.video .fixed-ratio:before {
		display: block;
		content: "";
		height: 100%;
		padding-bottom: 177%;
	}

}








.nmd .overlay.gallery .slider {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}


.nmd .overlay.gallery .slider.single-image {
	pointer-events: none;
}

.nmd .overlay.gallery .slider .hit-zone {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: block;
}

.nmd .overlay.gallery .slider .slides-container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: block;
}

.nmd .overlay.gallery .slider .slides {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: block;
	z-index:0;
}

.nmd .overlay.gallery .slider .slides .slide {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	visibility: hidden;
	overflow: hidden;
	background-color: #000000;
}

.nmd .overlay.gallery .slider .slides .slide[data-position="pos-1"] {
	visibility: visible;
	z-index:0;
	text-align: left;
}

.nmd .overlay.gallery .slider .slides .slide[data-position="pos0"] {
	visibility: visible;
	z-index:1;
	text-align: right;
}

.nmd .overlay.gallery .slider .slides .slide[data-position="pos1"] {
	visibility: visible;
	z-index:2;
	text-align: right;
}

.nmd .overlay.gallery .slider.single-image .pages {
	display: none;
}

.nmd .overlay.gallery .slider .slide .image-container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.nmd .overlay.gallery .slider .slide .image-container .image {
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
}

.nmd .overlay.gallery .slider .slide .image-container .image .img {
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}

.nmd .overlay.gallery .slider .pages {
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	font-size: 1em;
	bottom: 5.5em;
	text-align: center;
}

.nmd .overlay.gallery .slider .pages .item {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	border-radius: 100%;
	margin: 0 0.75em;
	overflow: hidden;
	z-index: 0;
	background-color: #f2f2f2;
	opacity: 0.5;
	transition: opacity 0.5s ease 0s;
}

.nmd .overlay.gallery .slider .pages .item.selected {
	opacity: 1;
}

.nmd .overlay.gallery .slider .arrow {
	position: absolute;
	top:50%;
	margin-top: -4.5em;
	width: 4.5em;
	height: 9em;
}

.nmd .overlay.gallery .slider .arrow .shape {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

.nmd .overlay.gallery .slider .arrow.next {
	right: 8em;
}

.nmd .overlay.gallery .slider .arrow.previous {
	left: 8em;
}

.nmd .overlay.gallery .slider .arrow svg {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	transition: transform 0.33s ease 0s;
}

.nmd .overlay.gallery .slider .arrow.next:hover svg {
	transform: scaleX(1.1) scaleY(1.1) translateX(1em);
}

.nmd .overlay.gallery .slider .arrow.next:active svg {
	transform: scaleX(1.05) scaleY(1.05) translateX(0.5em);
}

.nmd .overlay.gallery .slider .arrow.previous:hover svg {
	transform: scaleX(1.1) scaleY(1.1) translateX(-1em);
}

.nmd .overlay.gallery .slider .arrow.previous:active svg {
	transform: scaleX(1.05) scaleY(1.05) translateX(-0.5em);
}

.nmd .overlay.gallery .slider .arrow svg .st0 {
	fill: transparent;
	stroke:#ffffff;
	stroke-width:2;
	stroke-miterlimit:10;
}

@media all and (orientation:portrait) {

	.nmd .overlay.gallery .slider .arrow {
		display: none;
	}

}

@media all and (orientation:landscape) and (min-height: 670px ) {

	.nmd .overlay.gallery .slider .arrow {
		font-size: 6.7px;
	}

	.nmd .overlay.gallery .slider .arrow.next {
		right: 10em;
	}

	.nmd .overlay.gallery .slider .arrow.previous {
		left: 10em;
	}

}









.nmd .main-menu {
	position: fixed;
	width: 100%;
	height: 100vh;
	top:0;
	right:0;
	transform:translateX(100%);
	background-color: #000000;
	z-index: 10002;
	transition: transform 1s cubic-bezier(.25,0,0,1) 0s;
}

.nmd.menu-in .main-menu {
	transition: transform 0.75s cubic-bezier(.25,0,0,1) 0s;
	transform:translateX(0%);
}

.nmd .main-menu .row {
	position: relative;
	width: 100%;
}

.nmd .main-menu .row .container {
	position: relative;
	width: 100%;
}

.nmd .main-menu .top-area {
	text-align: left;
	z-index: 1;
}

.nmd .main-menu .top-area .btn.shop {
	position: relative;
	margin: 4em 2.5em;
}

.nmd .main-menu .top-area .btn.close {
	position: absolute;
	right: 2.5em;
	top: 4em;
}

.nmd .main-menu .scroll-area {
	position: relative;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 0;
}

.nmd .main-menu .cities-min-height {
	position: relative;
	display: block;
	width: 100%;
	height: 12em;
}

.nmd .main-menu .cities-scroll-space {
	display: block;
	position: relative;
	width: 100%;
	height: 8em;
}

.nmd .main-menu .cities {
	position: absolute;
	bottom:-8em;
	width: 100%;
	height: 20em;
	background-color: #000000;
}

.nmd .main-menu .cities:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #333333;
	top:0;
	left: 0;
}

.nmd .main-menu .cities ul {
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	display: block;
	list-style-type: none;
	font-size: 0;
	line-height: 0;
	white-space: nowrap;
	text-align: center;
}

.nmd .main-menu .cities ul li {
	display: inline-block;
	width: 50%;
	height: 100%;
	white-space: normal;
	vertical-align: top;
	text-align: center;
}

.nmd .main-menu .cities ul li:first-child:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #333333;
	top:0;
	right: 0;
}

.nmd .main-menu .cities ul li a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

.nmd .main-menu .cities ul li a .title {
	position: absolute;
	width: 100%;
	top:50%;
	text-align: center;
	display: block;
	transform: translate3d(0, -75%, 0);
}

.nmd .main-menu .cities ul li a .title span.block {
	display: block;
	font-size: 7em;
	text-transform: uppercase;
	color: #262626;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
	line-height: 1.1em;
	transition: color 0.5s ease 0s;
}

.nmd .main-menu .cities ul li a:hover .title span.block {
	color: #ffffff;
}

.nmd .main-menu .cities ul li.selected a .title span.block {
	color: rgb(0, 124, 201);
	transition: color 0s;
}

.nmd .main-menu .cities ul li a .name {
	position: absolute;
	width: 100%;
	text-align: center;
	display: block;
	bottom: 5em;
}

.nmd .main-menu .cities ul li a .name span.block {
	display: block;
	font-size: 2.4em;
	text-transform: uppercase;
	color: #262626;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
	line-height: 1.1em;
	transition: color 0.5s ease 0s;
}

.nmd .main-menu .cities ul li a:hover .name span.block {
	color: #ffffff;
}

.nmd .main-menu .cities ul li.selected a .name span.block {
	color: #ffffff;
}

.nmd .main-menu ul.chaps {
	display: block;
	list-style-type: none;
	line-height: 0;
}

.nmd .main-menu ul.chaps li {
	position: relative;
	display: block;
	width: 100%;
	background-color: #000000;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.nmd .main-menu ul.chaps li a .bg {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
}

.nmd .main-menu ul.chaps li a .step {
	position: absolute;
	left: 50%;
	top: 50%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 0.6em;
	opacity: 0;
	transition: opacity 0.5s ease-out 0s;
}

.nmd .main-menu ul.chaps li a:hover .step {
	opacity: 0.2;
}

.nmd .main-menu ul.chaps li.chapter1 a .step {
	width: 31.6em;
	height: 71.1em;
	margin-left: -20em;
	margin-top: -35.55em;
	background-image: url(/assets/images/chapter1.svg);
}

.nmd .main-menu ul.chaps li.chapter2 a .step {
	width: 45.8em;
	height: 71.8em;
	margin-left: -22.9em;
	margin-top: -35.9em;
	background-image: url(/assets/images/chapter2.svg);
}

.nmd .main-menu ul.chaps li.chapter3 a .step {
	width: 47.4em;
	height: 72.4em;
	margin-left: -23.7em;
	margin-top: -36.2em;
	background-image: url(/assets/images/chapter3.svg);
}

.nmd .main-menu ul.chaps li.chapter4 a .step {
	width: 50.4em;
	height: 71.1em;
	margin-left: -25.2em;
	margin-top: -35.6em;
	background-image: url(/assets/images/chapter4.svg);
}


.nmd .main-menu ul.chaps li a {
	position: relative;
	width: 100%;
	height: 60em;
	display: flex;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	overflow: hidden;
}

.nmd .main-menu ul.chaps li a .button-content {
	display: block;
	width: 100%;
	pointer-events: none;
}

.nmd .main-menu ul.chaps li a .chapter-header {
	display: inline-block;
	line-height: 1em;
	pointer-events: none;
}

.nmd .main-menu ul.chaps li.chapter a .chapter-header:before {
	content: "";
	position: absolute;
	display: inline-block;
	vertical-align: top;
	width: 2.3em;
	height: 2.8em;
	background-image: url(/assets/images/icon-location.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	left: -3em;
	top: -0.3em;
}

.nmd .main-menu ul.chaps li a .chapter-header span.block {
	display: inline-block;
	vertical-align: top;
	font-size: 2.4em;
	text-transform: uppercase;
	color: #ffffff;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
	line-height: 1em;
}

.nmd .main-menu ul.chaps li a .title {
	display: block;
	margin-top: 1em;
	pointer-events: none;
}

.nmd .main-menu ul.chaps li a .title .line {
	display: block;
	font-size: 7em;
	color: #ffffff;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	line-height: 1.2em;
	transition: color 0.5s ease 0s;
}

.nmd .main-menu ul.chaps li.selected a .title .line {
	color: #007cc9;
}

.nmd .main-menu ul.chaps li a .adi-logo {
	position: relative;
	margin-bottom: 4em;
	text-align: center;
	display: block;
}

.nmd .main-menu ul.chaps li a .adi-logo .image {
	position: relative;
	display: inline-block;
	width: 9.5em;
	height: 8.2em;
	background-image: url(/assets/images/logo-adidas-menu.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

@media all and (min-width: 600px) {

	.nmd .main-menu {
		width: 45em;
	}

	.nmd .chapters,
	.nmd .city-map {
		transition: transform 0.75s cubic-bezier(.25,0,0,1) 0s;
	}

	.nmd.menu-in .chapters {
		transform:translateX(-44.8em);
		transition: transform 1s cubic-bezier(.25,0,0,1) 0s;
	}
	.nmd.menu-in .city-map {
		transform:translateX(-45em);
		transition: transform 1s cubic-bezier(.25,0,0,1) 0s;
	}

	.nmd .main-menu .scroll-area {
		font-size: 0.6em;
	}

	.nmd .main-menu .cities {
		font-size: 0.6em;
	}

	.nmd .main-menu .cities-min-height {
		font-size: 0.6em;
	}

	.nmd .main-menu .cities ul li a {
		font-size: 0.6em;
	}

	.nmd .main-menu ul.chaps li {
		/*font-size: 0.6em;*/
	}

	.nmd .main-menu .scroll-area {

	}

}

@media all and (min-width: 768px) {

	.nmd .main-menu ul.chaps li a {
		transition: height 0.66s ease 0s;
	}

	.nmd .main-menu ul.chaps li a.over {
		height: 75em;
	}
/*
	.nmd .main-menu ul.chaps li.selected a.over {
		height: 60em;
	}
*/
	.nmd .main-menu ul.chaps li a.out {
		height: calc(60em - 15em / 5);
	}

	.nmd .main-menu ul.chaps li a .bg {
		transition: transform 0.66s ease 0s;
	}

}











.nmd .chapters .intro {
}

.nmd .chapters .intro .poster {
	position: relative;
	height: 100vh;
	background-color: #000000;
	overflow: hidden;
}

.nmd .chapters .intro .poster .container {
	position: absolute;
	width: 100%;
	height: 100%;
}

.nmd .chapters .intro .poster .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*transform: translate3d(0,0,0);*/
}

@media all and (max-width:767px) {

	.nmd .chapters .intro .poster .bg {
		transform: none !important;
	}

}

.nmd .chapters .intro .poster .bg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	pointer-events: none;
}

.nmd .chapters .intro .poster .texts {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -25em;
}


.nmd .chapters .intro .poster .texts .title {
	position: relative;
}

.nmd .chapters .intro .poster .texts .title .line {
	position: relative;
	display: block;
	font-size: 11em;
	color: #007fc5;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.15em;
}

.nmd .chapters .intro .poster .texts .name {
	position: absolute;
	top:50%;
	left:50%;
	pointer-events: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

.nmd .texts .sm-txt-container {
	position: absolute;
	width: 100%;
}

.nmd .texts .sm-txt-container.top {
	top: -1em;
	margin-top: -2em;
}

.nmd .texts .sm-txt-container.bottom {
	bottom: -5em;
	margin-bottom: 0em;
}

.nmd .texts .sm-txt-container .sm-txt {
	line-height: 1em;
	text-align: center;
	width: 100%;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin-top: 1em;
}

.nmd .texts .sm-txt-container .sm-txt:first-child {
	margin-top: 0;
}

.nmd .texts .sm-txt-container .sm-txt .centered {
	display: inline-block;
}

.nmd .texts .sm-txt-container .sm-txt .centered .text {
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
	font-size: 2em;
}

.nmd .texts .sm-txt-container .sm-txt .icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}

.nmd .texts .sm-txt-container .sm-txt.location .icon {
	width: 1.5em;
	height: 1.9em;
}

.nmd .texts .sm-txt-container .sm-txt.instagram .icon {
	width: 2.2em;
	height: 2.2em;
}

.nmd .texts .sm-txt-container .sm-txt.twitter .icon {
	width: 2.3em;
	height: 1.8em;
}

.nmd .chapters .intro .poster .vertical-line {
	position: absolute;
	left: 50%;
	bottom: 10em;
	width: 1em;
	height:15em;
}

@keyframes dash-path {
	0%   {
		stroke-dashoffset: 15;
	}
	60% {
		stroke-dashoffset: 45;
	}
	100% {
		stroke-dashoffset: 45;
	}
}


.nmd .chapters .intro .poster .vertical-line path {
	fill: none;
	stroke: #FFFFFF;
	stroke-miterlimit: 10;
	stroke-width: 0.3;
	stroke-dashoffset: 15;
	stroke-dasharray: 15;
}

.nmd .chapters .intro .poster .vertical-line.animate path {
	animation-name:dash-path;
	animation-duration:3s;
	animation-timing-function: cubic-bezier(.66,.01,.33,1);
	animation-delay: 1s;
	animation-iteration-count: infinite;
	/*animation-direction: normal;*/
	/*animation-fill-mode: forwards;*/
	/*animation-play-state: running;*/
}

.nmd .chapters .intro .poster {
}

.nmd .chapters .intro .frame {
}

.nmd .chapters .intro .below-intro {
}





.nmd .chapters .contest {
	background-color: #000000;
	width: 100%;
	height: 100vh;
	z-index: 0;
}

.nmd .chapters .contest iframe{
	width: 100%;
	height: 100vh;
}


/*
.nmd .chapters .contest {
	background-color: #000000;
	width: 100%;
	height: -webkit-calc(100vh - 60px);
	height: -moz-calc(100vh - 60px);
	height: calc(100vh - 60px);
}

.nmd .chapters .contest iframe{
	width: 100%;
	height: -webkit-calc(100vh - 60px);
	height: -moz-calc(100vh - 60px);
	height: calc(100vh - 60px);
}
*/

/*@media screen and(min-width: 640px){
	.nmd .chapters .contest {
		background-color: #000000;
		width: 100%;
		height: -webkit-calc(100vh - 80px);
		height: -moz-calc(100vh - 80px);
		height: calc(100vh - 80px);
	}

	.nmd .chapters .contest iframe{
		width: 100%;
		height: -webkit-calc(100vh - 80px);
		height: -moz-calc(100vh - 80px);
		height: calc(100vh - 80px);
	}
}*/

/*.nmd .chapters .contest .bg {
	position: relative;
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center center;
	opacity: 0.4;
}

.nmd .chapters .contest .frame {
	position: absolute;
	top:0;
	left: 0;
}

.nmd .chapters .contest .texts {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: calc(-14em);
}

.nmd .chapters .contest .texts .title {
	position: relative;
}

.nmd .chapters .contest .texts .title .line {
	position: relative;
	display: block;
	font-size: 11em;
	color: #007fc5;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.1em;
}

.nmd .chapters .contest .texts .name {
	position: absolute;
	width: 100%;
	text-transform: uppercase;
	top:50%;
	margin-top: -5.5em;
	text-align: center;
	color:#ffffff;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
}

.nmd .chapters .contest .texts .name span {
	font-size: 8em;
}

.nmd .chapters .contest .texts .cta {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom:-15em;
}*/


.nmd .btn.blue.rect {
	position: relative;
	display: inline-block;
	padding: 3em 4em;
}

.nmd .btn.blue.rect .bg-flat {
	position: absolute;
	display: block;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: background-color 0.5s ease 0s;
	background-color: #007cc9 !important;
}

.nmd .btn.blue.rect:hover .bg-flat {
	background-color: #ffffff !important;
}

.nmd .btn.blue.rect span.text-container {
	position: relative;
	display: block;
}

.nmd .btn.blue.rect span.text {
	position: relative;
	display: block;
	font-size: 2em;
	line-height: 1em;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	transition: color 0.5s ease 0s;
}

.nmd .btn.blue.rect:hover span.text {
	color: #007cc9;
}

.nmd .chapters .contest .texts .logo {
	position: absolute;
	width: 100%;
	text-align: center;
	top:-25em;
	display: block;
}


.nmd .chapters .contest .texts .logo .img {
	position: relative;
	width: 15.9em;
	height: 13.7em;
	background-image: url(/assets/images/mobile/logo-adidas.png);
}









.nmd .city-map {
	position: fixed;
	width: 100%;
	height: 100vh;
	top:0;
	left: 0;
}

.nmd .city-map .map-perspective {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	overflow: hidden;
}

.nmd .city-map .map-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
}

/*
@media all and (min-width: 768px) {

	.nmd .city-map .map-container {
		transition: transform 2s cubic-bezier(.25,0,0,1) 0s;
	}

	.nmd .city-map.zoomed-out .map-container {
		transform: scaleX(0.75) scaleY(0.75);
	}

}
*/

@media all and (min-width: 768px) {

	.nmd .city-map .map-container {
		transition: transform 2s cubic-bezier(.25,0,0,1) 0s;
	}

	.nmd .city-map .map-perspective {
		-webkit-perspective: 500px;
		perspective: 500px;
	}

	.nmd .city-map.zoomed-out .map-container {
		transform: translate3d(0, 0, -15em);
	}

}

.nmd .city-map .map {
	position: absolute;
	width: 409.6em;
	height: 409.6em;
	left: 50%;
	top:50%;
	margin-left: -204.8em;
	margin-top: -204.8em;
}
/*
@media all and (max-width: 1024px) {

	.nmd .city-map .map {
		transform: none !important;
	}

}

@media all and (min-width: 1025px) {

	.nmd .city-map .map {
		left: 50% !important;
		top:50% !important;
	}

}
*/
.nmd .city-map .map .bitmap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	transition: opacity 0.5s ease 0s;
	opacity: 0.4;
}

.nmd .city-map .map .bitmap.opaque {
	opacity: 1;
}

.nmd .city-map .map svg {
	width: 100%;
	height: 100%;
	opacity: 0;
}

.nmd .city-map.enabled .map svg {
	opacity: 1;
}

.nmd .city-map .map svg .path {
	fill:none;
	stroke:#007FC5;
	stroke-width:6;
	stroke-miterlimit:10;
	transition: stroke-opacity 0.5s ease 0s;
}

.nmd .city-map .map svg .location {
	fill:#007FC5;
	/*transition: fill-opacity 0.5s ease 0s;*/
}

.nmd .city-map .map svg .label {

}

.nmd .city-map .map svg .label path {
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#007CC9;
	transition: fill-opacity 0.5s ease 0s;
}

.nmd .city-map .map svg .label text {
	fill:#F8FDFF;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
	font-size:16px;
	text-transform: uppercase;
	transition: fill-opacity 0.5s ease 0s;
}



.nmd.home .logo.logo-nmd {
	transition: opacity 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1.5s;
	opacity: 0;
}

.nmd.home .logo.adidas {
	opacity: 0;
	transition: opacity 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1.5s;
}

.nmd.home.active .logo.logo-nmd {
	opacity: 1;
}

.nmd.home.active .logo.adidas {
	opacity: 1;
}


.nmd.home .cities {
	position: relative;
	font-size:0;
	line-height: 0;
	width: 100%;
	height: 100vh;
	text-align: center;
	background-color: #000000;
}

.nmd.home .city {
	position: relative;
	display: inline-block;
	vertical-align: 100%;
	width: 50%;
	height: 100%;
	transition: width 0.66s cubic-bezier(.66,.01,.33,1) 0s;
	overflow: hidden;
}
/*
.nmd.home .city.nyc {
	width: 0%;
}

.nmd.home .city.la {
	width: 0%;
}
*/

.nmd.home .city.over {
	width: 66%;
}

.nmd.home .city.out {
	width: 34%;
}

.nmd.home .city.full {
	width: 100%;
}

.nmd.home .city.none {
	width: 0%;
}

.nmd.home .city .bg-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity:0;
	-webkit-perspective: 500px;
	perspective: 500px;
	background-color: #000000;
}

.nmd.home.active .city .bg-container {
	opacity:1;
}

.nmd.home.active .city.nyc .bg-container {
	transition: opacity 2s ease-out 0s;
}

.nmd.home.active .city.la .bg-container {
	transition: opacity 2s ease-out 0.3s;
}


.nmd.home .city .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: translate3d(0, 0, 8em);
}

.nmd.home .city.out .bg {
	opacity: 0.5;
}

.nmd.home .city.over .bg {
	transform: translate3d(0, 0, 0);
}

.nmd.home .city.full .bg {
	transform: translate3d(0, 0, 0);
}

.nmd.home .city.nyc .bg {
	background-image: url(/assets/images/mobile/new-york/home-phone.jpg);
	background-position: center 25%;
	background-size: cover;
	background-blend-mode: normal;
	transition: transform 2s cubic-bezier(.25, 0, 0, 1) 0s, opacity 2s cubic-bezier(.25, 0, 0, 1) 0s;
}

.nmd.home .city.la .bg {
	background-image: url(/assets/images/mobile/los-angeles/home-phone.jpg);
	background-position: center 25%;
	background-size: cover;
	background-blend-mode: normal;
	transition: transform 2s cubic-bezier(.25, 0, 0, 1) 0s, opacity 3.25s cubic-bezier(.25, 0, 0, 1) 0s;
}

@media all and (orientation: portrait) and (min-width: 640px) {

	.nmd.home .city.nyc .bg {
		background-image: url(/assets/images/mobile/new-york/home.jpg);
	}

	.nmd.home .city.la .bg {
		background-image: url(/assets/images/mobile/los-angeles/home.jpg);
	}

}


@media all and (orientation: landscape) {

	.nmd.home .city.nyc .bg {
		background-image: url(/assets/images/bg-screen-nyc.jpg), url(/assets/images/desktop/new-york/home-tablet.jpg);
		background-blend-mode: screen, normal;
		background-position: left center, center center;
		background-size: cover, cover;
		background-repeat: no-repeat, repeat;
	}

	.nmd.home .city.la .bg {
		background-image: url(/assets/images/bg-screen-la.jpg), url(/assets/images/desktop/los-angeles/home-tablet.jpg);
		background-blend-mode: screen, normal;
		background-position: left center, center center;
		background-size: cover, cover;
		background-repeat: no-repeat, repeat;
	}

	.nmd.home.is-ie .city.nyc .bg {
		background-image: url(/assets/images/desktop/new-york/home-tablet.jpg);
		background-blend-mode: normal;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.nmd.home.is-ie .city.la .bg {
		background-image: url(/assets/images/desktop/los-angeles/home-tablet.jpg);
		background-blend-mode: normal;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

}

@media all and (orientation: landscape) and (min-width:1367px) {

	.nmd.home .city.nyc .bg {
		background-image: url(/assets/images/bg-screen-nyc.jpg), url(/assets/images/desktop/new-york/home.jpg);
	}

	.nmd.home .city.la .bg {
		background-image: url(/assets/images/bg-screen-la.jpg), url(/assets/images/desktop/los-angeles/home.jpg);
	}

	.nmd.home.is-ie .city.nyc .bg {
		background-image: url(/assets/images/desktop/new-york/home.jpg);
	}

	.nmd.home.is-ie .city.la .bg {
		background-image: url(/assets/images/desktop/los-angeles/home.jpg);
	}

}


@media all and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2.5) {

	.nmd.home .city.nyc .bg {
		background-image: url(/assets/images/desktop/new-york/home-tablet.jpg);
		background-blend-mode: normal;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.nmd.home .city.la .bg {
		background-image: url(/assets/images/desktop/los-angeles/home-tablet.jpg);
		background-blend-mode: normal;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

}

@media all and (orientation: landscape) and (min-width:1367px) and (-webkit-min-device-pixel-ratio: 2.5) {

	.nmd.home .city.nyc .bg {
		background-image: url(/assets/images/desktop/new-york/home.jpg);
	}

	.nmd.home .city.la .bg {
		background-image: url(/assets/images/desktop/los-angeles/home.jpg);
	}

}


.nmd.home .city .texts {
	position: absolute;
	width: 80em;
	top: 50%;
	left: 50%;
	margin-left: -40em;
	margin-top: -20em;
	transition: margin-top 0.66s cubic-bezier(.25,0,0,1) 0.33s;
}

.nmd.home .city.over .texts {
	margin-top: -25em;
}

.nmd.home .city.full .texts {
	margin-top: -25em;
}

.nmd.home .city .texts .title {
	position: relative;
	pointer-events: none;
}

.nmd.home .city .texts .title .line {
	position: relative;
	display: block;
	font-size: 11em;
	color: #007fc5;
	font-family: 'adihausbold', 'adihausbold-dev', Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.15em;
	opacity:0;
	transform: translate3d(0, 100%, 0);
}

.nmd.home .city .texts .title .line:nth-child(1) {
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.33s, transform 0.66s cubic-bezier(.25,0,0,1) 0.33s;
}

.nmd.home .city .texts .title .line:nth-child(2) {
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.43s, transform 0.66s cubic-bezier(.25,0,0,1) 0.43s;
}

.nmd.home .city .texts .title .line:nth-child(3) {
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.53s, transform 0.66s cubic-bezier(.25,0,0,1) 0.53s;
}

.nmd.home .city.over .texts .title .line {
	opacity:1;
	transform:translate3d(0, 0, 0);
}

.nmd.home .city .texts .name {
	position: absolute;
	top:50%;
	left:50%;
	pointer-events: none;
	opacity:0;
	transform: translate3d(0, 15em, 0);
}

.nmd.home .city.nyc .texts .name {
	width: 54.7em;
	height: 10.4em;
	margin-top: -5.2em;
	margin-left: -27.35em;
	transition: opacity 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.2s, transform 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.2s;
}

.nmd.home .city.la .texts .name {
	width: 58.7em;
	height: 12.9em;
	margin-left: -29.35em;
	margin-top: -6.45em;
	transition: opacity 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s, transform 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s;
}

.nmd.home.active .city .texts .name {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.nmd.home .city .texts .name .img {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	opacity: 1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	transition: opacity 0.5s ease 0.33s;
}

.nmd.home .city.nyc .texts .name .img {
	background-image: url(/assets/images/desktop/new-york/name.png);
}

.nmd.home .city.la .texts .name .img {
	background-image: url(/assets/images/desktop/los-angeles/name.png);
}

.nmd.home .city.out .texts .name .img {
	opacity: 0.5;
	transition: opacity 0.5s ease 0.33s;
}



.nmd.home .city .texts .sm-txt-container .sm-txt .centered {
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.33s;
}

.nmd.home .city.out .texts .sm-txt-container .sm-txt .centered {
	opacity: 0.5;
}

.nmd.home .city .texts .sm-txt-container.top {
	transform: translate3d(0, 3em, 0);
	transition: transform 0.66s cubic-bezier(.25,0,0,1) 0.33s, opacity 0.66s cubic-bezier(.25,0,0,1) 0.33s;
}

.nmd.home .city.over .texts .sm-txt-container.top {
	transform: translate3d(0, 0, 0);
}

.nmd.home .city .texts .sm-txt-container.top .sm-txt {
	opacity: 0;
	transform: translate3d(0, 10em, 0);
}

.nmd.home.active .city .texts .sm-txt-container.top .sm-txt {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.nmd.home .city.nyc .texts .sm-txt-container.top .sm-txt {
	transition: transform 1.5s cubic-bezier(.25,0,0,1) 0.5s, opacity 1.5s cubic-bezier(.25,0,0,1) 0.5s;
}

.nmd.home .city.la .texts .sm-txt-container.top .sm-txt {
	transition: transform 1.5s cubic-bezier(.25,0,0,1) 0.8s, opacity 1.5s cubic-bezier(.25,0,0,1) 0.8s;
}



.nmd.home .city .texts .sm-txt-container.bottom {
	opacity: 0;
	transform: translate3d(0, -200%, 0);
}

.nmd.home .city.full .texts .sm-txt-container.bottom {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: transform 0.66s cubic-bezier(.25,0,0,1) 0.33s, opacity 0.66s cubic-bezier(.25,0,0,1) 0.33s;
}

.nmd.home .city .hitzone {
	position: absolute;
	width: 60%;
	height: 100%;
	left: 20%;
	top: 0;
}

.nmd.home .city .more-interact {
	position: absolute;
	top: 50%;
	margin-top: 2em;
	width: 100%;
}

.nmd.home .city .more-interact .description {
	width: 42em;
	left: 50%;
	margin: 0 auto;
	pointer-events: none;
	margin-bottom: 4.5em;
	margin-left: -21em;
}

.nmd.home .city .more-interact .description p {
	font-size: 2.2em;
	line-height: 1.35em;
	color: #ffffff;
	text-align: center;
}

.nmd.home .city .more-interact .description p .line {
	display: block;
	opacity:0;
	transform: translate3d(0, 200%, 0);
}

.nmd.home .city.over .more-interact .description p .line {
	opacity:1;
	transform:translate3d(0, 0, 0);
}

.nmd.home .city .more-interact .description p .line:nth-child(1) {
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.53s, transform 0.66s cubic-bezier(.25,0,0,1) 0.53s;
}

.nmd.home .city .more-interact .description p .line:nth-child(2) {
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.43s, transform 0.66s cubic-bezier(.25,0,0,1) 0.43s;
}

.nmd.home .city .more-interact .description p .line:nth-child(3) {
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.33s, transform 0.66s cubic-bezier(.25,0,0,1) 0.33s;
}

.nmd.home .city.over .more-interact .description p .line:nth-child(1) {
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.63s, transform 0.66s cubic-bezier(.25,0,0,1) 0.63s;
}

.nmd.home .city.over .more-interact .description p .line:nth-child(2) {
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.73s, transform 0.66s cubic-bezier(.25,0,0,1) 0.73s;
}

.nmd.home .city.over .more-interact .description p .line:nth-child(3) {
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.83s, transform 0.66s cubic-bezier(.25,0,0,1) 0.83s;
}

.nmd.home .city.over.full .more-interact .description p .line {
	opacity:0;
	transform:translate3d(0, 200%, 0);
	transition: opacity 0.66s ease 0s, transform 0.66s ease 0s;
}


.nmd.home .city .more-interact .cta {
	text-align: center;
}

.nmd.home .city .more-interact .cta a.btn.rect.blue {
	white-space: nowrap;
	opacity:0;
	transform:translate3d(0, 100%, 0);
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.33s, transform 0.66s cubic-bezier(.25,0,0,1) 0.33s;
}

.nmd.home .city.over .more-interact .cta a.btn.rect.blue {
	opacity:1;
	transform:translate3d(0, 0, 0);
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.83s, transform 0.66s cubic-bezier(.25,0,0,1) 0.83s;
}

.nmd.home .city.full .more-interact .cta a.btn.rect.blue {
	opacity:0;
	transform:translate3d(0, 100%, 0);
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0s, transform 0.66s cubic-bezier(.25,0,0,1) 0s;
}

.nmd.home .city .more-interact .cta a.btn.rect.blue span.text-container {
	opacity:0;
	transform:translate3d(0, 200%, 0);
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.33s, transform 0.66s cubic-bezier(.25,0,0,1) 0.33s;
}

.nmd.home .city.over .more-interact .cta a.btn.rect.blue span.text-container {
	opacity:1;
	transform:translate3d(0, 0, 0);
	transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.93s, transform 0.66s cubic-bezier(.25,0,0,1) 0.93s;
}





@media all and (orientation: portrait) and (max-width: 640px) {

	.nmd.home .city {
		display: block;
		width: 100%;
		height: 50%;
		transition: height 0.66s cubic-bezier(.25,0,0,1) 0s;
	}

	/*
	.nmd.home.active .city .texts .name {
		font-size: 0.8em;
	}

	.nmd.home .city .texts .title {
		font-size: 0.8em;
	}
	*/

	.nmd.home .city.over {
		width: 100%;
		height: 66%;
	}

	.nmd.home .city.out {
		width: 100%;
		height: 34%;
	}

	.nmd.home .city.full {
		width: 100%;
		height: 100%;
	}

	.nmd.home .city.none {
		width: 100%;
		height: 0%;
	}

	.nmd.home .city .more-interact {
		margin-top: 10em;
	}

	.nmd.home .city .more-interact .description {
		display: none;
	}

	.nmd.home .city .more-interact .cta {
		text-align: center;
	}

	.nmd.home .city.over .more-interact .cta a.btn.rect.blue {
		transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.63s, transform 0.66s cubic-bezier(.25,0,0,1) 0.63s;
	}

	.nmd.home .city.over .more-interact .cta a.btn.rect.blue span.text-container {
		transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.73s, transform 0.66s cubic-bezier(.25,0,0,1) 0.73s;
	}

	.nmd.home .city .texts {
		margin-top: -15em;
	}

	.nmd.home .city.over .texts {
		margin-top: -18em;
	}

	.nmd.home .city.full .texts {
		margin-top: -25em;
	}

}





@media all and (orientation: landscape) and (max-height: 479px) {

	.nmd.home .city .more-interact .description {
		display: none;
	}

	.nmd.home .city .more-interact {
		margin-top: 12em;
	}

	.nmd.home .city .texts {
		margin-top: -11em;
	}

	.nmd.home .city.over .texts {
		margin-top: -15em;
	}

	.nmd.home .city.full .texts {
		margin-top: -15em;
	}

	.nmd.home .city .texts .sm-txt-container.top {
		transform: translate3d(0, 4em, 0);
	}

	.nmd .chapters .intro .poster .texts {
		margin-top: -15em;
	}

}

@media all and (orientation: landscape) and (min-height: 480px) {

	.nmd.home .city.full .texts {
		margin-top: -17em;
	}

	.nmd .chapters .intro .poster .texts {
		margin-top: -17em;
	}

}


@media all and (max-width:1024px) {

	.nmd.home .city .texts .sm-txt-container.top {
		transform: translate3d(0, 5em, 0);
	}

	.nmd.home.active .city .more-interact .cta a.btn.rect.blue {
		opacity:1;
		transform:translate3d(0, -3em, 0);
		transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.83s, transform 0.66s cubic-bezier(.25,0,0,1) 0.83s;
	}

	.nmd.home.active .city .more-interact .cta a.btn.rect.blue span.text-container {
		opacity:1;
		transform:translate3d(0, 0, 0);
		transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0.93s, transform 0.66s cubic-bezier(.25,0,0,1) 0.93s;
	}

	.nmd.home.active .city.full .more-interact .cta a.btn.rect.blue {
		opacity:0;
		transform:translate3d(0, 100%, 0);
		transition: opacity 0.66s cubic-bezier(.25,0,0,1) 0s, transform 0.66s cubic-bezier(.25,0,0,1) 0s;
	}

}





@media all and (orientation: portrait) {

	.fit {
		font-size: 1.33vw;
	}

}

@media all and (orientation: portrait) and (min-width: 600px) {

	.fit {
		font-size: 0.9vw;
	}

}

@media all and (orientation: landscape) {

	.fit {
		font-size: 1.6vh;
	}

}

@media all and (orientation: landscape) and (min-height: 480px) {

	.fit {
		font-size: 1.2vh;
	}

	.nmd .overlay.gallery .slider .pages .item {
		font-size: 0.9em;
	}


}

@media all and (orientation: landscape) and (min-height: 670px) {

	.fit {
		font-size: 1vh;
	}

	.nmd .overlay.gallery .slider .pages .item {
		font-size: 0.8em;
	}

}

@media all and (orientation: landscape) and (min-height: 845px) {

	.fit {
		font-size: 0.9vh;
	}

	.nmd .overlay.gallery .slider .pages .item {
		font-size: 0.7em;
	}

}

@media all and (orientation: landscape) and (min-height: 1020px) {

	.fit {
		font-size: 0.8vh;
	}

	.nmd .overlay.gallery .slider .pages .item {
		font-size: 0.6em;
	}


}

@media all and (orientation: landscape) and (min-height: 1200px) {

	.fit {
		font-size: 9.6px;
	}

	.nmd .overlay.gallery .slider .pages .item {
		font-size: 0.5em;
	}


}





@media all and (min-width: 640px) {

	/* I need that for the iframe on desktop :D */
	.nmd .chapters .row #experience-container{
		width: 100%;
		height: 100%;
	}

}

/* Hide Feedback button just in case to avoid having it twice! */
.nmd .chapters .row #experience-container .QSISlider {
	display: none !important;
}



@media all and (min-width: 768px) {

	.nmd .btn.round .wrapper {
		font-size: 0.8em;
	}


	.nmd .circle-transition.enabled {
		width: 8em;
		height: 8em;
	}

}

@media all and (min-width: 1200px) {

	.nmd .btn.round .wrapper {
		font-size: 0.7em;
	}

	.nmd .circle-transition.enabled {
		width: 7em;
		height: 7em;
	}

}