@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";
@import "https://daneden.github.io/animate.css/animate.min.css";

@font-face {
   	font-family: 'futurastd-medium';
	src:url('../fonts/FuturaStd/FuturaStd-Medium.otf');
   	font-weight: normal;
   	font-style: normal;
}
@font-face {
   	font-family: 'futurastd-book';
	src:url('../fonts/FuturaStd/FuturaStd-Book.otf');
   	font-weight: normal;
   	font-style: normal;
}
@font-face {
   	font-family: 'futurastd-heavy';
	src:url('../fonts/FuturaStd/FuturaStd-Heavy.otf');
   	font-weight: bold;
   	font-style: normal;
}
@font-face {
   	font-family: 'futurastd-bold';
	src:url('../fonts/FuturaStd/FuturaStd-Bold.otf');
   	font-weight: bolder;
   	font-style: normal;
}
@font-face {
   	font-family: 'futurastd-medium';
	src:url('../fonts/FuturaStd/FuturaStd-MediumOblique.otf');
   	font-weight: normal;
   	font-style: italic;
}
@font-face {
   	font-family: 'futurastd-book';
	src:url('../fonts/FuturaStd/FuturaStd-BookOblique.otf');
   	font-weight: lighter;
   	font-style: italic;
}
@font-face {
   	font-family: 'futurastd-heavy';
	src:url('../fonts/FuturaStd/FuturaStd-HeavyOblique.otf');
   	font-weight: bold;
   	font-style: italic;
}
@font-face {
   	font-family: 'futurastd-bold';
	src:url('../fonts/FuturaStd/FuturaStd-BoldOblique.otf');
   	font-weight: bolder;
   	font-style: italic;
}

body {
  	position: relative;
  	overflow-x: hidden;
	font-family: 'futurastd-medium';
	letter-spacing: 1px;
	font-size: 0.875rem;
	height: 100%;
}
body.dark {
	color: #fff;
}
body.light {
	color: #000;
}
body.navy {
  	background-color: #434D72;
}
body.blue {
  	background-color: #8FA7CC;
}
body.lblue {
  	background-color: #7BC4CE; /*#7BC4CE;8dced9 */
}
body.dblue {
	background-color: #434D72;
}
body.green {
	background-color: #00736B;
}
body.pink {
	background-color: #CC7E8B;
}
body.purple {
	background-color: #B07696;
}
body.white {
	background-color: #fff;
}
body.light a {
	color: #000;
}
body.dark a {
	color: #fff;
}
.nav .open > a {
  	background-color: transparent;
}
.nav .open > a:hover {
  	background-color: transparent;
}
.nav .open > a:focus {
  	background-color: transparent;
}
/* wrappers */

#wrapper, #page-wrapper {
  	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
  	padding-right: 0;
  	transition: all 0.5s ease;
}
#wrapper.toggled {
  	padding-right: 360px;
}
#wrapper.toggled #sidebar-wrapper {
  	width: 360px;
}
#wrapper.toggled #page-wrapper {
  	margin-left: -360px;
}

#sidebar-wrapper {
  	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
  	background: #B55594;
  	height: 100vh;
	padding:0;
	right:360px;
	left: auto;
  	margin-right: -360px;
  	overflow-x: hidden;
  	overflow-y: auto;
  	transition: all 0.5s ease;
  	width: 0;
  	z-index: 9999;
}
#sidebar-wrapper::-webkit-scrollbar {
  	display: none;
}
#page-wrapper {
  	width: 100vw;
	max-width: 100vw;
}

/* Sidebar nav styles */
nav.navbar {
	z-index: 999;
}
.sidebar-nav {
	list-style: none;
  	margin: 1rem;
  	padding: 0;
  	position: absolute;
  	top: 0;
	display: block;
  	width: 360px;
}
.sidebar-nav li {
  	display: inline-block;
  	line-height: 20px;
  	position: relative;
  	width: 100%;
}
.sidebar-nav li a {
  	color: #78CDD1;
  	display: block;
  	padding: 0.5rem 1rem;
  	text-decoration: none;
	text-transform: uppercase;
	font-family: 'futurastd-heavy';
	letter-spacing: 1px;
}
.sidebar-nav .dropdown-menu {
  	border-radius: 0;
  	border: none;
  	box-shadow: none;
  	margin: 0;
  	padding: 0;
  	position: relative;
  	width: 100%;
	background: none;
}
.sidebar-nav .dropdown-menu li{
  	margin-left: 2rem;
	font-size: 0.875rem;
}
.sidebar-nav .dropdown .dropdown-toggle::after {
	vertical-align: baseline;
   	height: 0.7rem;
	width: 1.2rem;
    content: "";
    border:none;
	background-image: url(../img/icons/arrow-down.svg);
	background-position: center center;
	background-repeat: no-repeat;
	transition: 0.333s linear
}
.sidebar-nav .dropdown.show .dropdown-toggle::after {
	transform: rotate(-180deg);
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.current a:hover,
.sidebar-nav li.current a:active,
.sidebar-nav li.current a:focus {
  	background-color: transparent;
  	color: #ffffff;
  	text-decoration: none;
}

/* hamburger menu icon */
.hamburger {
 	background: #000;
  	border: none;
  	display: block;
  	height: 50px;
  	position: relative;
	right: 0;
  	width: 50px;
  	z-index: 999;
	border-radius: 50%;
}
.hamburger:hover {
  	outline: none;
}
.hamburger:focus {
  	outline: none;
}
.hamburger:active {
  	outline: none;
}
.hamburger.is-closed:before {
  	-webkit-transform: translate3d(0, 0, 0);
  	-webkit-transition: all 0.35s ease-in-out;
  	color: #000;
  	content: '';
  	display: block;
  	font-size: 14px;
  	line-height: 32px;
  	opacity: 0;
  	text-align: center;
  	width: 100px;
}
.hamburger.is-closed:hover before {
  	-webkit-transform: translate3d(-100px, 0, 0);
  	-webkit-transition: all 0.35s ease-in-out;
  	display: block;
  	opacity: 1;
}

.hamburger.is-closed .hamb-top {
  	-webkit-transition: all 0.35s ease-in-out;
  	background-color: #EEEEED;
  	top: 13px;
}
.hamburger.is-closed .hamb-middle {
  	background-color: #EEEEED;
  	margin-top: -2px;
  	top: 50%;
}
.hamburger.is-closed .hamb-bottom {
  	-webkit-transition: all 0.35s ease-in-out;
  	background-color: #EEEEED;
  	bottom: 15px;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  	height: 2px;
  	right:11px;
  	position: absolute;
	width: 60%;
}
.hamburger.is-closed .hamb-top {
	width: 50%;
}
.hamburger.is-closed .hamb-bottom {
	width: 40%;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom{
	height: 2px;
  	right:10px;
  	position: absolute;
	width: 60%;
}
.hamburger.is-open .hamb-top {
  	-webkit-transform: rotate(45deg);
  	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  	background-color: #EEEEED;
  	margin-top: -2px;
  	top: 50%;
}
.hamburger.is-open .hamb-middle {
  	background-color: #EEEEED;
  	display: none;
}
.hamburger.is-open .hamb-bottom {
  	-webkit-transform: rotate(-45deg);
  	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  	background-color: #EEEEED;
  	margin-top: -2px;
  	top: 50%;
}
.hamburger.is-open:before {
  	-webkit-transform: translate3d(0, 0, 0);
 	-webkit-transition: all 0.35s ease-in-out;
 	color: #000;
  	content: '';
  	display: block;
  	font-size: 14px;
  	line-height: 32px;
  	opacity: 0;
  	text-align: center;
  	width: 100px;
}
.hamburger.is-open:hover before {
  	-webkit-transform: translate3d(-100px, 0, 0);
  	-webkit-transition: all 0.35s ease-in-out;
  	display: block;
  	opacity: 1;
}

/* header */
header.top-bar {
	padding: 2rem;
	z-index: 1;
	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
	max-width: 100vw;
}
header.top-bar div.container-fluid{
	max-width: 100vw;
	padding: 0;
}
.m1-logo div{
	background-image: url(../img/logo/m1/logo_white.png);
	background-size: contain;
	background-repeat: no-repeat;
	height:36px;
	width: 100%;
}
header.top-bar .m1-logo div{ 
	height: 50px;
}
body.light .m1-logo div{
	background-image: url(../img/logo/m1/logo_black.png);
}
.m1-logo img{
	visibility: hidden;
}

#wrapper.toggled .top-bar {
  	left: -378px;
}

/* content */
.text-heavy {
	font-family: 'futurastd-heavy';
}
.text-bold {
	font-family: 'futurastd-bold';
}
.text-white {
	color: #fff;
}
.text-black {
	color: #000;
}
.text-beige {
	color: #FCD5BB!important;
}
.sub-header {
	color: #FCD5BB;
	text-transform: uppercase;
	font-size: 1rem;
	font-family: 'futurastd-bold'
}
.kudos-header {
	color: #D23B74;
	text-align:center;
	font-family: 'futurastd-bold';
	font-size: 1.125rem;
	text-transform: uppercase;
}
.kudos-subheader {
	color: #434D72;
	font-size: 1rem;
	text-align:center;
	font-family: 'futurastd-bold';
}
.performance-relation .subheader {
	font-family: 'futurastd-heavy';
   	font-style: italic;
   	text-decoration: underline;
}
.blue-header {
	color:#7BC4CE;
	text-transform: uppercase;
	font-family: 'futurastd-heavy';
}
.white-header {
	color:#fff;
	font-family: 'futurastd-heavy';
	font-size: 2rem;
}
ol,ul {
	padding-left:1.25rem
}
a {
	font-family: 'futurastd-heavy';
}
hr.white-line {
	border-top: 1px solid rgba(255,255,255,0.5);
}
.quote {
	padding-left:2rem;
	font-style: italic;
}
.quote .quotesperson {
	text-align: right;
	display: block;
}
.text-normal {
	font-style: normal;
}
.footnotes {
	font-size: 0.75rem;
}
.main-content .cover {
	padding-top:5rem;
}
.main-content > .container {
	min-height:100vh;
	padding-top:1rem;
   	padding-bottom: 7rem;
}
.page-title {
	text-align: center;
	font-size: 1.5rem;
	font-family: 'futurastd-bold';
	text-transform: uppercase;
}
.company-position {
	font-size:1rem;
}
.container .row,
.container-fluid .row {
    padding: 1.5rem 0;
}

.home-header {
	color: #fff;
	font-size: 1.25rem;
	font-family: 'futurastd-bold';
}

.home-social {
	color:#fff;
}
.home-social a{
	color:#fff;
	font-family: 'futurastd-heavy';
}

.prewords span,
.afterwords span{
	display: block;
	font-family: 'futurastd-heavy';
}
.prewords span:first-child{
	font-family: 'futurastd-bold';
}

.kudos-1 img {
	padding: 3rem;
}
.kudos-1 img.esplanade{
	padding: 1rem;
}
.kudos img {
	padding: 0.5rem;
}

.performance-img img{
	visibility: hidden;
}
.performance-img{
	background-size: cover;
	background-repeat: no-repeat;
}
.performance-img:after {
	content: "";
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: -webkit-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,0.5)) !important;
    background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,0.5)) !important;
    background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,0.5)) !important;
    background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.5)) !important;
}
.performance-img.img-immortal-sole {
	background-image: url(../img/fringe/highlights/1-the-immortal-sole/header.jpg);
}
.performance-img.img-not-dancing {
	background-image: url(../img/fringe/highlights/2-if-theres-not-dancing/header.jpg);
}
.performance-img.img-displaced {
	background-image: url(../img/fringe/highlights/3-displaced/header.jpg);
}
.performance-img.img-lets-walk {
	background-image: url(../img/fringe/highlights/4-lets-walk/header.jpg);
}

.performance-img.img-hayat {
	background-image: url(../img/fringe/live/1-hayat/header.jpg);
}
.performance-img.img-step-outta {
	background-image: url(../img/fringe/live/2-step-outta-line/header.jpg);
}
.performance-img.img-all-in {
	background-image: url(../img/fringe/live/3-all-in/header.jpg);
}
.performance-img.img-neighbors-grief {
	background-image: url(../img/fringe/live/4-the-neighbors-grief/header.jpg);
}
.performance-img.img-attempts {
	background-image: url(../img/fringe/live/5-attempts/header.jpg);
}
.performance-img.img-massive-woman {
	background-image: url(../img/fringe/live/6-massive-woman/header.jpg);
}
.performance-img.img-beauty {
	background-image: url(../img/fringe/live/7-beauty/header.jpg);
}
.performance-img.img-forked {
	background-image: url(../img/fringe/live/8-forked/header.jpg);
}

.performance-img.img-her-day {
	background-image: url(../img/fringe/gallery/1-her-days-work/header.jpg);
}
.performance-img.img-one-thousand {
	background-image: url(../img/fringe/fresh/1-one-thousand/header.jpg);
}
.performance-img.img-does-this {
	background-image: url(../img/fringe/fresh/2-does-this-work/header.jpg);
}

.back-btn,
.back-btn-black {
	position: absolute;
    top: 1rem;
    z-index: 1;
}
.back-btn .back-arrow {
	display: inline-block;
	width: 2.5rem;
	height: 1rem;
	vertical-align: middle;
	background-image: url(../img/icons/back.svg);
	background-position: left;
    background-repeat: no-repeat;
}
.back-btn-black .back-arrow {
	display: inline-block;
	width: 2.5rem;
	height: 1rem;
	vertical-align: middle;
	background-image: url(../img/icons/back-black.svg);
	background-position: left;
    background-repeat: no-repeat;
}
.performance-info {
	position:absolute;
	padding-top: 2rem;
	z-index: 1;
}
.performance-info.conjunction {
	position: relative;
	padding-top: 0;
	z-index: 1;
}
.performance-info span,
.performance-info-mobile span
 {
	display:block;
	font-size:1rem;
}
.performance-info .title,
.performance-info-mobile .title {
	color: #7BC4CE;
	font-family: 'futurastd-bold';
	font-size: 2.25rem;
	text-transform: uppercase;
	font-style: normal;
}
}
.performance-ticket span {
	display:block;
}
.performance-ticket .price {
	display:block;
	font-family: 'futurastd-bold';
	font-size: 2rem;
}
.col-md-5 .performance-ticket + .row .img-fluid {
    max-width:70%;
}
.performance-rating {
	border: solid 1px #fff;
	display: block;
	text-align:center;
	width: 5rem;
	padding: 0.75rem;
	font-size:0.7rem;
	text-transform: uppercase;
	font-family: 'futurastd-heavy';
}
.performance-rating span {
	text-transform: none;
	font-size:0.6rem;
	font-family: 'futurastd-medium';
}


.map {
	width: 100%;
	height: 360px;
}
.buy-btn {
	border: solid 1.5px #fff;
	padding: 0.5rem 1rem;
    min-width: 33%;
    width:33%;
    display: block;
    text-align: center;
    font-size: 1.125rem;
}
.share {
	cursor: pointer;
	width:25%;
}
.share::after {
	content: '';
	display: inline-block;
	width: 1rem;
	height: 0.8rem;
	background-image: url(../img/icons/share.svg);
	background-position: right;
    background-repeat: no-repeat;
}

/* modal */
#shareModal .modal-content{
	background-color: #B07696;
    border-radius: 0;
    border: 0;
}
#shareModal .modal-body {
	text-align: center;
	padding: 3rem 1rem 5rem;
}
#shareModal .modal-content img{
	height:1.75rem;
	cursor: pointer;
	margin: 0 1rem;
}
#shareModal .modal-header{
	border-bottom: 0;
}
#shareModal .modal-header .close span{
	display: block;
	width: 1rem;
	height: 1rem;
	background-image: url(../img/icons/cross.svg);
}
#shareModal .modal-header .close {
	opacity: 0.75;
}
#shareModal .modal-header .close:hover {
	opacity: 1;
}
#shareModal .modal-dialog {
	top:25vh;
}
/* carousel */
.carousel .container,
.carousel .col,
.carousel .row{
	padding: 0;
	margin: 0;
}
.carousel img {
	width:100%;
}
.carousel .carousel-image {
	position: relative;
}
.conjunction-header {
	font-family: 'futurastd-bold';
	color: #fff;
	font-size: 2.25rem;
}
.home-carousel .carousel-header {
	font-family: 'futurastd-bold';
	color: #fff;
	font-size: 2.25rem;
	position:absolute;
	z-index: 1;
	top: 1rem;
	width: 75%;
	max-width:75%;
}
.home-carousel.carousel-right .carousel-header {
	left: -56%;
}
.home-carousel.carousel-left .carousel-header {
	left: 82%;
}
.carousel-desc {
	font-size: 0.85rem;
	color: #fff;
	position:absolute;
	z-index: 1;
	top:6rem;
	width: 75%;
	max-width:75%;
}
.home-carousel.carousel-right .carousel-desc {
	left: -56%;
}
.home-carousel.carousel-left .carousel-desc {
	left: 82%;
}
.carousel-desc p {
	display: none;
}
.carousel-desc p.visible {
	display: block;
}
.carousel-desc p a,
.conjunction-desc a {
	display: block;
	font-size: 1rem;
	margin-top:2rem;
	color: #fff;
	text-decoration: none;
	font-family: 'futurastd-book';
}
.performance-carousel .carousel-desc {
	left: -66%;
	width: 100%;
	max-width:100%;
}
.performance-carousel .carousel-desc p{
	font-size: 1.125rem;
}
.home-carousel.carousel-left .carousel-desc p a {
	margin-left: 25%;
}
.carousel-header {
	margin: 0;
	font-family: 'futurastd-bold';
	color: #fff;
	font-size: 1.5rem;
	padding: 0.5rem 0;
}
.carousel-desc p a::after {
	content: "";
	width:12px;
	height: 12px;
	background-image: url(../img/icons/plus.svg);
	background-size: contain;
	margin-left: 0.5rem;
	display: inline-block;
}
.conjunction-desc a::after {
	content: "";
	width:12px;
	height: 12px;
	background-image: url(../img/icons/plus.svg);
	background-size: contain;
	margin-left: 0.5rem;
	display: inline-block;
}
.image-credits {
	position: absolute;
    bottom: 0.5rem;
    left: 0.5rem;
    font-size: 0.6rem;
    font-family: 'futurastd-book';
    z-index: 1;
}
.performance-img .image-credits {
    right: 0.5rem;
    left: auto;
}
.carousel .carousel-info,
.pink-box {
	font-family: 'futurastd-book';
	font-size: 0.85rem;
	background-color: #C83F80;
	color: #fff;
	padding: 0.25rem 0.5rem;
    min-height: 3rem;
}
.pink-box span: hover {
	text-decoration: none;
}
.carousel .carousel-info p{
	margin:0;
}
.title{
	font-style: italic;
}
.carousel .carousel-indicators {
	bottom: -1rem;
	margin: 0;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}
.home-carousel.carousel-left .carousel-indicators {
	-webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}

.carousel .carousel-indicators li {
	max-width: 10px;
    height: 10px;
    border-radius: 50%;
	background-color: #fff;
}

.carousel .carousel-indicators li.active {
	background-color: #000;
}
.home-carousel .carousel-control-next,
.performance-carousel .carousel-control-next {
	right: -7rem;
	top: 66%;
    width: 50%;
	height: 3rem;
}
.performance-carousel #gallery-carousel-mobile .carousel-control-next {
	right: -3.5rem;
}
.home-carousel .carousel-control-next-icon,
.performance-carousel .carousel-control-next-icon {
	background-image: url(../img/icons/carousel-right.svg);
	width: 100%;
	height: 3rem;
}
.home-carousel .carousel-control-prev {
	left: -7rem;
	top: 66%;
    width: 50%;
	height: 3rem;
}
.home-carousel .carousel-control-prev-icon {
	background-image: url(../img/icons/carousel-left.svg);
	width: 100%;
	height: 3rem;
}

.fringe-carousel .carousel-control-next {
	right: -2rem;
	top: 50%;
    width: 10%;
	height: 3rem;
}
.fringe-carousel .carousel-control-next-icon {
	background-image: url(../img/icons/carousel-mobile-right.svg);
	width: 100%;
	height: 3rem;
}
.fringe-carousel .carousel-control-prev {
	left: -2rem;
	top: 50%;
    width: 10%;
	height: 3rem;
}
.fringe-carousel .carousel-control-prev-icon {
	background-image: url(../img/icons/carousel-mobile-left.svg);
	width: 100%;
	height: 3rem;
}
.fringe-carousel .carousel-info,
.pink-box {
	text-align: center;
}
.fringe-carousel .carousel-info span,
.pink-box{
	display: block;
	width:100%;
	text-transform: uppercase;
	font-size: 0.75rem;
}
.fringe-carousel .carousel-details {
	background: #778CAB;
	padding:0.25rem 0.5rem;
	text-align: center;
	min-height: 33vh;
}
.fringe-carousel.home .carousel-details {
	min-height: 20vh;
}
.fringe-carousel.home .carousel-details p{
	margin: 0;
}
.fringe-carousel .carousel-details span {
	display: block;
	width:100%;
}
.fringe-carousel .carousel-indicators {
	bottom: -1rem;
	margin: 0;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: initial;
    justify-content: center;
}
.fringe-carousel .carousel-inner a {
	text-decoration: none;
} 

.home-carousel .carousel-image .overlay,
.performance-carousel .overlay {
	position: absolute;
	top:0;
	left: 0;
    background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.5)) !important;
    background: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.5)) !important;
    background: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.5)) !important;
    background: linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0.5)) !important;
	width: 100%;
	height: 100%;
}
.home-carousel.carousel-left .overlay {
    background: -webkit-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,0.5)) !important;
    background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,0.5)) !important;
    background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,0.5)) !important;
    background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.5)) !important;

}
/* cover */
.cover {
	height: 100vh;
	padding-left: 4vw;
	padding-right:4vw;
	
	max-width: 100vw;
	width: 100vw;
}
.cover .view-more span {
	cursor: pointer;
}
.cover .view-more .down{
	display: block;
	background-image: url(../img/icons/arrow-down.svg);
	height: 2rem;
	width: 2rem;
	background-size: contain; 
	background-repeat: no-repeat;
	margin: 0 auto;
}
.cover .cover-image img{
	visibility: hidden;
}
.cover .cover-image{
	background-image: url(../img/key-image/1.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
    max-height: 100vh;
    height: 66vh;
	margin-top: 5%;
}

.cover .cover-date {
	position: absolute;
	color: #EEEEED;
	text-transform: uppercase;
	font-family: 'futurastd-bold';
	font-size: 2rem;
	bottom:-1.5rem;
	left: 2rem;
}

.cover .cover-logo img{
	height: 15%;
	position: absolute;
	color: white;
}

.cover .cover-logo img.svg-1 {
	top:-12%;
	right:47%;
}
.cover .cover-logo img.svg-2 {
	top:-12%;
	right:38%;
}
.cover .cover-logo img.svg-3 {
	top: 2%;
	right:28%;
}
.cover .cover-logo img.svg-4 {
	top: 2%;
	right:22%;
	height: 7%;
}
.cover .cover-logo img.svg-5 {
	top: 2%;
	right:15%;
}
.cover .cover-logo img.svg-6 {
	top: 30%;
	right:45%;
}
.cover .cover-logo img.svg-7 {
	top: 48%;
	right:37%;
}
.cover .cover-logo img.svg-8 {
	top: 67%;
	right:20%;
}
.cover .cover-logo img.svg-9 {
	top: 67%;
	right:10%;
}

.cover .cover-sumi {
	position: absolute;
	background-image: url(../img/sumi/set2/cover.png);
	width: 100%;
	height: 150%;
	top:-40%;
	right: 0;
	background-size: contain;
	background-position: right top;
	background-repeat: no-repeat;
}

/* suminagashi secondary graphics */
.sumi {
	position: absolute;
	top:0;
	width: 100vw;
	max-width: 100vw;
	height: 100%;
	max-height: 100%;
	overflow:hidden;
	z-index: -1;
}
.sumi .sumi-set div {
	position: absolute;
	z-index: -1;
	-moz-transition: all 0.1s linear;
  	-o-transition: all 0.1s linear;
  	-webkit-transition: all 0.1s linear;
  	transition: all 0.1s linear;
}

.sumi-set.set-2.home-sumi .sumi-1{
	background-image: url(../img/sumi/set2/6.png);
	width: 50vw;
	height: 50vw;
	left:-13vw;
	top:0vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
}
.sumi-set.set-2.home-sumi .sumi-2{
	background-image: url(../img/sumi/set2/2.png);
	width: 90vw;
	height: 110vw;
	left:-55vw;
	top:50vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(300deg);
}
.sumi-set.set-2.home-sumi .sumi-3{
	background-image: url(../img/sumi/set2/4.png);
	width: 55vw;
	height: 90vw;
	right:-30vw;
	top:20vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(0deg);
}
.sumi-set.set-1.sponsor-sumi .sumi-1{
	background-image: url(../img/sumi/set1/6.png);
	width: 60vw;
	height: 60vw;
	left:-36vw;
	top:7vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(30deg);
}
.sumi-set.set-1.sponsor-sumi .sumi-2{
	background-image: url(../img/sumi/set1/6.png);
	width: 72vw;
	height: 80vw;
	right:-32vw;
	top:24vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(60deg);
}
.sumi-set.set-1.donor-sumi .sumi-1{
	background-image: url(../img/sumi/set1/6.png);
	width: 60vw;
	height: 60vw;
	left:-36vw;
	top:0;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(30deg);
}
.sumi-set.set-1.donor-sumi .sumi-2{
	background-image: url(../img/sumi/set1/6.png);
	width: 50vw;
	height: 60vw;
	right:-18vw;
	top:12vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(45deg);
}
.sumi-set.set-1.volunteer-sumi .sumi-1{
	background-image: url(../img/sumi/set1/6.png);
	width: 65vw;
	height: 75vw;
	left:-48vw;
	top:0vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(75deg);
}
.sumi-set.set-1.volunteer-sumi .sumi-2{
	background-image: url(../img/sumi/set1/6.png);
	width: 60vw;
	height: 70vw;
	right:-20vw;
	top:8vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(45deg);
}
.sumi-set.set-1.contact-sumi .sumi-1{
	background-image: url(../img/sumi/set1/6.png);
	width: 60vw;
	height: 80vw;
	left:-45vw;
	top:20vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(45deg);
}
.sumi-set.set-1.contact-sumi .sumi-2{
	background-image: url(../img/sumi/set1/6.png);
	width: 60vw;
	height: 80vw;
	right:-20vw;
	top:0vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(30deg);
}
.sumi-set.set-2.kudos-sumi .sumi-1{
	background-image: url(../img/sumi/set2/6.png);
	width: 45vw;
	height: 50vw;
	left:-25vw;
	top:10vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(255deg);
}
.sumi-set.set-2.kudos-sumi .sumi-2{
	background-image: url(../img/sumi/set2/4.png);
	width: 50vw;
	height: 80vw;
	right:-20vw;
	top:40vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(340deg);
}
.sumi-set.set-3.terms-sumi .sumi-1{
	background-image: url(../img/sumi/set3/1.png);
	width: 100vw;
	height: 180vw;
	left:-75vw;
	top:30vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(115deg);
}
.sumi-set.set-3.terms-sumi .sumi-2{
	background-image: url(../img/sumi/set3/2.png);
	width: 140vw;
	height: 100vw;
	right:-105vw;
	top:30vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(270deg);
}
.sumi-set.set-3.ticket-sumi .sumi-1{
	background-image: url(../img/sumi/set3/1.png);
	width: 50vw;
	height: 140vw;
	left:-20vw;
	top:10vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(5deg);
}
.sumi-set.set-3.ticket-sumi .sumi-2{
	background-image: url(../img/sumi/set3/2.png);
	width: 110vw;
	height: 100vw;
	right:-85vw;
	top:20vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(285deg);
}
.sumi-set.set-3.tourists-sumi .sumi-1{
	background-image: url(../img/sumi/set3/1.png);
	width: 50vw;
	height: 140vw;
	left:-35vw;
	top:10vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(15deg);
}
.sumi-set.set-3.tourists-sumi .sumi-2{
	background-image: url(../img/sumi/set3/2.png);
	width: 60vw;
	height: 50vw;
	right:-47vw;
	top:10vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(285deg);
}
.sumi-set.set-3.design-sumi .sumi-1{
	background-image: url(../img/sumi/set3/1.png);
	width: 30vw;
	height: 60vw;
	left:-15vw;
	top:0vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(180deg);
}
.sumi-set.set-3.design-sumi .sumi-2{
	background-image: url(../img/sumi/set3/2.png);
	width: 70vw;
	height: 50vw;
	right:-40vw;
	top:0vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(150deg);
}
.sumi-set.set-3.about-sumi .sumi-1{
	background-image: url(../img/sumi/set3/1.png);
	width: 60vw;
	height: 110vw;
	left:-25vw;
	top:10vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
}
.sumi-set.set-3.about-sumi .sumi-2{
	background-image: url(../img/sumi/set3/1.png);
	width: 50vw;
	height: 100vw;
	right:-35vw;
	top:30vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
}
.sumi-set.set-4.message-sumi .sumi-1{
	background-image: url(../img/sumi/set4/3.png);
	width: 70vw;
	height: 80vw;
	left:-50vw;
	top:10vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(60deg);
}
.sumi-set.set-4.message-sumi .sumi-2{
	background-image: url(../img/sumi/set4/3.png);
	width: 70vw;
	height: 80vw;
	right:-25vw;
	top:-30vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(90deg);
}
.sumi-set.set-4.theme-sumi .sumi-1{
	background-image: url(../img/sumi/set4/3.png);
	width: 80vw;
	height: 100vw;
	left:-65vw;
	top:10vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(60deg);
}
.sumi-set.set-4.theme-sumi .sumi-2{
	background-image: url(../img/sumi/set4/3.png);
	width: 80vw;
	height: 100vw;
	right:-24vw;
	top:0vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(90deg);
}
.sumi-set.set-4.foreword-sumi .sumi-1{
	background-image: url(../img/sumi/set4/1.png);
	width: 70vw;
	height: 50vw;
	left:-36vw;
	top:24vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(75deg);
}
.sumi-set.set-4.foreword-sumi .sumi-2{
	background-image: url(../img/sumi/set4/4.png);
	width: 80vw;
	height: 60vw;
	right:-42vw;
	top:32vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(300deg);
}
.sumi-set.set-4.year19-sumi .sumi-1{
	background-image: url(../img/sumi/set4/1.png);
	width: 80vw;
	height: 60vw;
	left:-45vw;
	top:60vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(220deg);
}
.sumi-set.set-4.year19-sumi .sumi-2{
	background-image: url(../img/sumi/set4/4.png);
	width: 80vw;
	height: 60vw;
	right:-50vw;
	top:32vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(90deg);
}
.sumi-set.set-4.faq-sumi .sumi-1{
	background-image: url(../img/sumi/set4/1.png);
	width: 120vw;
	height: 100vw;
	left:-65vw;
	top:120vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(220deg);
}
.sumi-set.set-4.faq-sumi .sumi-2{
	background-image: url(../img/sumi/set4/4.png);
	width: 100vw;
	height: 80vw;
	right:-65vw;
	top:40vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(90deg);
}
.sumi-set.set-5.highlights-sumi .sumi-1{
	background-image: url(../img/sumi/set5/2.png);
	width: 40vw;
	height: 80vw;
	left:-20vw;
	top:5vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(0deg);
}
.sumi-set.set-5.highlights-sumi .sumi-2{
	background-image: url(../img/sumi/set5/6.png);
	width: 60vw;
	height: 80vw;
	right:-40vw;
	top:10vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(15deg);
}
.sumi-set.set-1.performance-sumi .sumi-1{
	background-image: url(../img/sumi/set1/5.png);
    width: 100vw;
    height: 100vw;
    left: -65vw;
    top: 50vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(240deg);
}
.sumi-set.set-1.performance-sumi .sumi-2{
	background-image: url(../img/sumi/set1/3.png);
    width: 150vw;
    height: 200vw;
    right: -35vw;
    top: -60vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(90deg);
}
.sumi-set.set-5.live-sumi .sumi-1{
	background-image: url(../img/sumi/set5/2.png);
	width: 35vw;
	height: 100vw;
	left:-20vw;
	top:10vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(15deg);
}
.sumi-set.set-5.live-sumi .sumi-2{
	background-image: url(../img/sumi/set5/6.png);
	width: 60vw;
	height: 80vw;
	right:-40vw;
	top:40vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(0deg);
}
.sumi-set.set-5.gallery-sumi .sumi-1{
	background-image: url(../img/sumi/set5/2.png);
	width: 25vw;
	height: 80vw;
	left:-10vw;
	top:10vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(15deg);
}
.sumi-set.set-5.gallery-sumi .sumi-2{
	background-image: url(../img/sumi/set5/1.png);
	width: 60vw;
	height: 80vw;
	right:-28vw;
	top:-25vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(225deg);
}
.sumi-set.set-5.fresh-sumi .sumi-1{
	background-image: url(../img/sumi/set5/1.png);
	width: 80vw;
	height: 80vw;
	left:-35vw;
	top:25vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(45deg);
}
.sumi-set.set-5.fresh-sumi .sumi-2{
	background-image: url(../img/sumi/set5/2.png);
	width: 40vw;
	height: 80vw;
	right:-22vw;
	top:-20vw;
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	transform: rotate(210deg);
}
/* background words */
.bg-words {
	position: fixed;
	top: 10rem;
	left:0;
	right: 0;
	z-index: -1;
	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
}
#wrapper.toggled .bg-words {
	margin-left: -720px;
}
.bg-words .row {
	margin: -3rem 0;
	padding: 0;
}
.bg-words img {
	width: 50%;
	display:block;
	margin: 0 auto;
	opacity: 0.175;
}
.bg-words img.word-s {
	width: 40%;
}
.bg-words img.word-e {
	width: 66%;
}
.bg-words img.word-e2 {
	width: 33%;
}
.bg-words img.word-t {
	width: 37%;
}
.bg-words img.word-w {
	width: 70%;
}
.bg-words img.word-m {
	width: 60%;
}
.bg-words img.word-d {
	width: 66%;
}
.bg-words img.word-f {
	width: 66%;
}
.bg-words img.word-apos {
	width: 20%;
	display:inline-block;
}
/* footer */
footer.footer-left {
	margin: 2rem;
    position: absolute;
    bottom:0;
	width: 50%;
}
footer.footer-left p{
	margin:0;
}
footer.footer-left .copyright .image {
	width: 12rem;
	height:5rem;
	margin-bottom:1rem;
	background-image: url(../img/logo/lets-walk/horizontal-white.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
body.light footer.footer-left .copyright .image { 
	background-image: url(../img/logo/lets-walk/horizontal-black.png);

}
footer.footer-left .copyright p{
	font-size: 0.75rem;
	letter-spacing: 0;
	color: #fff;
}
body.light footer.footer-left .copyright p{
	color: #000;
}
body.dark footer.footer-left .copyright a{
	color: #fff;
}
body.light footer.footer-left .copyright a{
	color: #000;
}
	
footer.footer-right{
	margin: 2rem;
	text-align: right;
	left:auto;
	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
}
#wrapper.toggled .footer-right {
	padding-right: 360px;
}
footer.footer-right .social-icons img,
footer.footer-right .social-icons-black img{
	height:20px;
	margin: 0 0 1rem 1.3rem;
}
body.dark footer.footer-right .social-icons-black img{
	display:none;
}
body.light footer.footer-right .social-icons img{
	display:none;
}
footer.footer-right .mailing-list {
	font-family: 'futurastd-heavy';
	color: #FFF;
	text-transform: uppercase;
	font-size: 1rem;
	letter-spacing: 1px;
}
body.light footer.footer-right .mailing-list {
	color: #000;
}
.accordion .card{
    background-color: transparent;
	border-radius: 0;
	border-color: #fff;
}
.accordion .card-header {
	border-radius: 0;
    padding: 0.75rem;
	padding-right:2rem;
    margin-bottom: 0;
	border-color: #fff;
	border-bottom:none;
    background-color: transparent;
	color:#000;
}
.accordion .card-header:after {
	content:"";
	vertical-align: baseline;
   	height: 0.9rem;
	width: 1.2rem;
    border:none;
	background-image: url(../img/icons/arrow-down.svg);
	background-position: center center;
	background-repeat: no-repeat;
	transition: 0.333s linear;
	position: absolute;
    right: 0.5rem;
    top: 1rem;
}
.accordion .card-header a{
	font-size: 0.875rem;
	display: block;
	text-decoration:none;
}
/* directional aware hover */
.da-thumbs {
	position: relative;
	margin: 20px auto;
	padding: 0!important;
}
.da-thumbs > div {
	padding: 8px;
	position: relative;
}
.da-thumbs > div a,
.da-thumbs > div a img {
	
	background-color: #C83F80;
	display: block;
	position: relative;
}
.da-thumbs > div a {
	overflow: hidden;
	text-decoration: none;
}
.da-thumbs > div a .caption {
	color: #fff;
	padding:0.25rem 0.5rem;
	min-height:3rem;
	max-height:3rem;
	text-transform: uppercase;
}

.da-thumbs > div a .caption span {
	display: block;
	text-align: center;
	margin: 0 auto;
}
.da-thumbs > div a .overlay {
	position: absolute;
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	padding: 2rem 0;
}
.da-thumbs > div a .overlay span {
	margin-left:auto;
	margin-right: auto;
}
.da-thumbs > div a .overlay p {
	display: block;
	padding: 10px 0;
	text-align: center;
	font-weight: normal;
	color: #fff;
	margin:0;
}

@media only screen and (max-width:768px) and (orientation:portrait) {
	.cover .cover-sumi {
		position: absolute;
		background-image: url(../img/sumi/set2/5.png);
		width: 100vw;
		height: 100vw;
		top:-46vw;
		background-size: 45%;
		background-position: center top;
		background-repeat: no-repeat;
	}
}
@media only screen and (max-width:768px) and (orientation:landscape) {
	.cover .cover-date {
		font-size: 1.25rem;
	}
	.cover .view-more span{
		font-size:0.75rem;
	}
	.cover .view-more .down{
		height: 1rem;
		width: 1rem;
	}
}
@media only screen and (max-width:576px) and (orientation:landscape) {
	.main-content .cover {
		padding-top: 0;
		margin-top: -2rem;
	}

}
@media only screen and (orientation:landscape) {
	.main-content > .container {
		padding-bottom: 15rem;
		padding-top: 0;
	}

}
@media only screen and (orientation:portrait) {
	.main-content .cover { 
		height: 66vh; 
		padding-top:3rem;
	}
	.cover .view-more {
		display: none;
	}
	.cover .cover-image{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top right;
		height:50vh;
		max-height: 50vh;
		width: 80%;
		max-width: 80%;
	}
	.cover .cover-logo img{
		height: 12%;
	}

	.cover .cover-logo img.svg-1 {
		top:-15%;
		right:67%;
	}
	.cover .cover-logo img.svg-2 {
		top:-15%;
		right:52%;
	}
	.cover .cover-logo img.svg-3 {
		top: -5%;
		right:35%;
	}
	.cover .cover-logo img.svg-4 {
		top: -5%;
		right:25%;
		height: 5%;
	}
	.cover .cover-logo img.svg-5 {
		top: -5%;
		right:15%;
	}
	.cover .cover-logo img.svg-6 {
		top: 30%;
		right:72%;
	}
	.cover .cover-logo img.svg-7 {
		top: 45%;
		right:55%;
	}
	.cover .cover-logo img.svg-8 {
		top: 65%;
		right:25%;
	}
	.cover .cover-logo img.svg-9 {
		top: 65%;
		right:5%;
	}

	.cover .cover-date {
		position: absolute;
		font-size: 1.25rem;
		bottom:-1.5rem;
		left: 2rem;
	}
	.cover .cover-sumi {
		position: absolute;
		background-image: url(../img/sumi/set2/cover.png);
		width: 66%;
		height: 120%;
		top: -50%;
		background-size: cover;
		background-position: left center;
		background-repeat: no-repeat;
	}
	.container {
		width: 100vw;
	}
	.cover .col {
		padding-left:0!important;
		padding-right: 0!important;
	}

	.sumi-set.set-2.home-sumi .sumi-1{
	    width: 50vh;
	    height: 50vh;
	    left: -16vh;
	    top: 35vh;
	}
	.sumi-set.set-2.home-sumi .sumi-2{
		width: 90vh;
	    height: 110vh;
	    left: -55vh;
	    top: 100vh
	}
	.sumi-set.set-2.home-sumi .sumi-3{
		width: 55vh;
	    height: 90vh;
	    right: -30vh;
	    top: 250vh;
	}
	.sumi-set.set-1.sponsor-sumi .sumi-1{
		width: 80vh;
	    height: 80vh;
	    left: -60vh;
	    top:0;
	}
	.sumi-set.set-1.sponsor-sumi .sumi-2{
	    width: 72vh;
	    height: 80vh;
	    right: -44vh;
	    top: 200vh;
	}
	.sumi-set.set-1.donor-sumi .sumi-1{
	    width: 100vh;
	    height: 100vh;
	    left: -80vh;
	    top: 100vh;
	}
	.sumi-set.set-1.donor-sumi .sumi-2{
	    width: 80vh;
	    height: 100vh;
	    right: -44vh;
	    top: 80vh;
	}
	.sumi-set.set-1.volunteer-sumi .sumi-1{
	    width: 70vh;
	    height: 80vh;
	    left: -64vh;
	    top: 20vh;
	}
	.sumi-set.set-1.volunteer-sumi .sumi-2{
	    width: 60vh;
	    height: 70vh;
	    right: -30vh;
	    top: 130vh;
	}
	.sumi-set.set-1.contact-sumi .sumi-1{
	    width: 80vh;
	    height: 100vh;
	    left: -67vh;
	    top: 20vh;
	}
	.sumi-set.set-1.contact-sumi .sumi-2{
	    width: 60vh;
	    height: 70vh;
	    right: -30vh;
	    top: 10vh;
	}
	.sumi-set.set-2.kudos-sumi .sumi-1{
	    width: 60vh;
    	height: 80vh;
    	left: -36vh;
 	   top: 40vh;
	}
	.sumi-set.set-2.kudos-sumi .sumi-2{
	    width: 60vh;
	    height: 100vh;
	    right: -50vh;
	    top: 400vh;
	}
	.sumi-set.set-3.terms-sumi .sumi-1{
	    width: 100vh;
	    height: 180vh;
	    left: -115vh;
	    top: 150vh;
	}
	.sumi-set.set-3.terms-sumi .sumi-2{
	    width: 140vh;
	    height: 100vh;
	    right: -112vh;
	    top: 30vh;
	}
	.sumi-set.set-3.ticket-sumi .sumi-1{
		width: 50vh;
		height: 140vh;
		left:-30vh;
		top:10vh;
	}
	.sumi-set.set-3.ticket-sumi .sumi-2{
		width: 110vh;
		height: 100vh;
		right:-95vh;
		top:120vh;
	}
	.sumi-set.set-3.tourists-sumi .sumi-1{
	    width: 50vh;
	    height: 140vh;
	    left: -30vh;
	    top: 20vh;
	}
	.sumi-set.set-3.tourists-sumi .sumi-2{
	    width: 110vh;
	    height: 100vh;
	   	right: -95vh;
    	top: 120vh;
	}
	.sumi-set.set-3.design-sumi .sumi-1{
		width: 50vh;
	    height: 100vh;
	    left: -44vh;
	    top: -20vh;
	}
	.sumi-set.set-3.design-sumi .sumi-2{
	    width: 90vh;
	    height: 70vh;
	    right: -60vh;
	    top: 20vh;
	}
	.sumi-set.set-3.about-sumi .sumi-1{
		width: 60vh;
		height: 110vh;
		left:-25vh;
		top: 400vh;
	}
	.sumi-set.set-3.about-sumi .sumi-2{
        width: 50vh;
	    height: 100vh;
	    right: -40vh;
	    top: 120vh;
	}
	.sumi-set.set-4.message-sumi .sumi-1{
	    width: 80vh;
	    height: 100vh;
	    left: -70vh;
	    top: 0;
	}
	.sumi-set.set-4.message-sumi .sumi-2{
	    width: 100vh;
	    height: 80vh;
	    right: -60vh;
	    top: 70vh;
	}
	.sumi-set.set-4.theme-sumi .sumi-1{
	    width: 80vh;
	    height: 100vh;
	    left: -70vh;
	    top: 10vh;
	}
	.sumi-set.set-4.theme-sumi .sumi-2{
		width: 80vh;
	    height: 100vh;
	    right: -50vw;
	    top: 240vh;
	}
	.sumi-set.set-4.foreword-sumi .sumi-1{
	    width: 70vh;
	    height: 50vh;
	    left: -45vh;
	    top: 22vh;
	}
	.sumi-set.set-4.foreword-sumi .sumi-2{
	    width: 120vh;
	    height: 120vh;
	    right: -100vh;
	    top: 160vh;
	}
	.sumi-set.set-4.year19-sumi .sumi-1{
	    width: 80vh;
	    height: 60vh;
	    left: -50vh;
	    top: 280vh;
	}
	.sumi-set.set-4.year19-sumi .sumi-2{
		width: 80vh;
		height: 60vh;
		right:-60vh;
		top:32vh;
	}
	.sumi-set.set-4.faq-sumi .sumi-1{
		width: 120vh;
	    height: 100vh;
	    left: -70vh;
	    top: 80vh;
	}
	.sumi-set.set-4.faq-sumi .sumi-2{
		width: 100vh;
		height: 80vh;
		right:-75vh;
		top:40vh;
	}
	.sumi-set.set-5.highlights-sumi .sumi-1{
	    width: 40vh;
	    height: 120vh;
	    left: -24vh;
	    top: 5vh;
	}
	.sumi-set.set-5.highlights-sumi .sumi-2{
		width: 60vh;
	    height: 80vh;
	    right: -50vh;
	    top: 16vh;
	}
	.sumi-set.set-1.performance-sumi .sumi-1{
	    width: 100vh;
	    height: 100vh;
	    left: -70vh;
	    top: 40vh;
	}
	.sumi-set.set-1.performance-sumi .sumi-2{
	    width: 150vh;
	    height: 200vh;
	    right: -50vh;
	    top: 20vh;
	}
	.sumi-set.set-5.live-sumi .sumi-1{
	    width: 35vh;
	    height: 100vh;
	    left: -20vh;
	    top: 10vh;
	}
	.sumi-set.set-5.live-sumi .sumi-2{
		width: 60vh;
	    height: 80vh;
	    right: -40vh;
	    top: 40vh;
	}
	.sumi-set.set-5.gallery-sumi .sumi-1{
		width: 40vh;
	    height: 80vh;
	    left: -24vh;
	    top: 10vh;
	}
	.sumi-set.set-5.gallery-sumi .sumi-2{
	    width: 80vh;
	    height: 100vh;
	    right: -44vh;
	    top: 0vh;
	}
	.sumi-set.set-5.fresh-sumi .sumi-1{
		width: 80vh;
		height: 80vh;
		left:-35vh;
		top:25vh;
	}
	.sumi-set.set-5.fresh-sumi .sumi-2{
	    width: 40vh;
	    height: 80vh;
	    right: -36vh;
	    top: 20vh;
	}

	.bg-words {
		display: none;
	}


}
@media only screen and (min-width:768px) and (orientation:portrait) {
	.main-content .cover { 
		height: 75vh; 
		padding-top:10rem;
	}
}
@media only screen and (max-width:768px){
	header.top-bar {
		padding-top: 0;
		padding-bottom: 0;
	}
	.main-content .cover {
		padding-left:0;
		padding-right:0;
	}
	/*content */
	.page-title {
		font-size: 1.25rem;
	}
	/* footer */
	footer.footer-mobile{
		text-align: center;
	    position: absolute;
	    bottom:0;
	    padding-top:1rem;
	    padding-bottom:1rem;
	    width:100vw;
	}
	footer.footer-mobile p{
		margin:0;
	}
	footer.footer-mobile .copyright .image {
		width: 7rem;
		height:5rem;
		margin: 0.5rem auto ;
		background-image: url(../img/logo/lets-walk/horizontal-white.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	body.light footer.footer-mobile .copyright .image { 
		background-image: url(../img/logo/lets-walk/horizontal-black.png);

	}
	footer.footer-mobile .copyright p{
		font-size: 0.75rem;
		letter-spacing: 0;
		color: #fff;
	}
	body.light footer.footer-mobile .copyright p,
	body.light footer.footer-mobile .copyright a{
		color: #000;
	}
	body.dark footer.footer-mobile .copyright a{
		color: #fff;
	}
	
	footer.footer-mobile .social-icons img,
	footer.footer-mobile .social-icons-black img{
		height:20px;
		margin: 0 0.5rem 1rem;
	}
	body.dark footer.footer-mobile .social-icons-black img{
		display:none;
	}
	body.light footer.footer-mobile .social-icons img{
		display:none;
	}
	footer.footer-mobile .mailing-list {
		font-family: 'futurastd-heavy';
		color: #FFF;
		text-transform: uppercase;
		font-size: 1rem;
		letter-spacing: 1px;
	}
	body.light footer.footer-mobile .mailing-list {
		color: #000;
	}
	.map {
		height: 240px;
	}
}
@media only screen and (max-width:575px){
	.performance-info .title,
	.performance-info-mobile .title {
		font-size: 1.5rem;
	}
	.performance-info-mobile span{
		font-size:0.875rem:;
	}
	.performance-rating {
		border: solid 1px #fff;
		display: block;
		text-align:center;
		width: auto;
		padding: 0.75rem;
		text-transform: uppercase;
		font-family: 'futurastd-heavy';
	}
	.performance-rating span {
		text-transform: none;
		font-size:0.6rem;
		font-family: 'futurastd-medium';
	}
	.buy-btn {
	    min-width: 100%;
	    width:100%;
	}
	.performance-ticket .price {
		font-size: 1.25rem;
	}
	#shareModal .modal-body {
		text-align: center;
		padding: 3rem 1rem 5rem;
	}
	#shareModal .modal-content img{
		height:1.5rem;
	}
	.back-btn,
	.back-btn-black{
	    font-size:0.7rem;
	}
	.back-btn .back-arrow,
	.back-btn .back-arrow-black {
		width: 2rem;
		height: 0.9rem;
		background-size: contain;
	}
	#wrapper.toggled {
		padding-right: 75vw;
	}
	#wrapper.toggled #sidebar-wrapper {
		width: 75vw;
	}
	#wrapper.toggled #page-wrapper {
		margin-left: -75vw;
	}

	#sidebar-wrapper {
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		background: #B55594;
		height: 100vh;
		padding:0;
		right:75vw;
		left: auto;
		margin-right: -75vw;
		overflow-x: hidden;
		overflow-y: auto;
		transition: all 0.5s ease;
		width: 0;
		z-index: 1000;
	}
	/* Sidebar nav styles */
	#wrapper.toggled #sidebar-wrapper {
		width: 75vw;
	}
	nav.navbar {
		z-index: 999;
	}
	.sidebar-nav {
		margin: 0.333rem;
		width: 75vw;
	}
	.sidebar-nav li {
		line-height: 18px;
	}
	.sidebar-nav li a {
		padding: 0.5rem 0.666rem;
		text-decoration: none;
		text-transform: uppercase;
		font-family: 'futurastd-heavy';
		letter-spacing: 1px;
	}
	.sidebar-nav .dropdown-menu li{
		margin-left: 1rem;
	}
	#wrapper.toggled .top-bar {
		margin-right: 75vw;
		left:auto;
	}
	#wrapper.toggled .bg-words {
		margin-left: -132vw;
	}
	.row.kudos {
		padding:0;
	}
	header.top-bar {
		padding: 0;
    	padding-right: 0.95rem;
		max-width: 50%;
		width:50%;
    	left: auto;
	}

	.hamburger {
	  	height: 36px;
	  	width: 36px;
	}

	.hamburger.is-closed .hamb-top {
	  	top: 9px;
	}
	.hamburger.is-closed .hamb-middle {
	  	top: 50%;
	}
	.hamburger.is-closed .hamb-bottom {
	  	-webkit-transition: all 0.35s ease-in-out;
	  	background-color: #EEEEED;
	  	bottom: 11px;
	}
	.hamburger.is-closed .hamb-top,
	.hamburger.is-closed .hamb-middle,
	.hamburger.is-closed .hamb-bottom {
	  	right:9px;
	}
	.hamburger.is-open .hamb-top,
	.hamburger.is-open .hamb-middle,
	.hamburger.is-open .hamb-bottom{
	  	right:7px;
	}

	.main-content > .container {
	   	padding-bottom: 17rem;
	   	padding-top:0;
	}


	/*content */
	.kudos-1 img {
		width: 66%;
		margin: 0 auto;
		display: block;
		padding: 0 1rem 2rem;
	}
}