@font-face {

	font-family: 'SymphonieGrotesque-Bold';

	src: url('../fonts/font.eot');

	src: url('../fonts/font.woff2') format('woff2'),

		url('../fonts/font.woff') format('woff'),

		url('../fonts/font.eot?#iefix') format('embedded-opentype'),

		url('../fonts/font.ttf') format('truetype');

}



* {

	margin: 0;

	padding: 0;

	-webkit-font-smoothing: subpixel-antialiased;

	-moz-osx-font-smoothing: grayscale;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

html{

	height: 100%;

}

body {

	font-family: 'SymphonieGrotesque-Bold';

	font-size: 18px;

	font-weight: 300;

	line-height: 1.3;

	height: 100%;

	color: #1C1C1C;

	background-color: #E4E3E3;

	overflow: hidden;

	-webkit-transition: background-color .3s;

	-moz-transition: background-color .3s;

	-ms-transition: background-color .3s;

	-o-transition: background-color .3s;

	transition: background-color .3s;

}

body:not(.page_loaded), .overflow_hidden{

	overflow: hidden;

}



b, strong {

	font-weight: bold;

}

img {

	max-width: 100%;

	height: auto;

}

iframe {

	max-width: 100%;

}

input, textarea, button {

	font-family: 'SymphonieGrotesque-Bold';

	outline: 0!important;

}

p {

	margin-bottom: 12px;

}

a {

	color: #1C1C1C;

	-webkit-transition: all cubic-bezier(0.19, 0, 0.47, 0.93) 0.3s;

	-moz-transition: all cubic-bezier(0.19, 0, 0.47, 0.93) 0.3s;

	-ms-transition: all cubic-bezier(0.19, 0, 0.47, 0.93) 0.3s;

	-o-transition: all cubic-bezier(0.19, 0, 0.47, 0.93) 0.3s;

	transition: all cubic-bezier(0.19, 0, 0.47, 0.93) 0.3s;

}

a:hover {

	color: #1C1C1C;

}

.theBall {

	width: 6px;

	height: 6px;

	margin-top: -3px;

	margin-left: -3px;

	background-color: #1C1C1C;

	border-radius: 50%;

	position: fixed;

	pointer-events: none;

	z-index: 1000;

	display: inline-table;

	-webkit-transition: all 0.3s cubic-bezier(0.64, -0.73, 0.39, 1.72), top 0s, left 0s;

	-moz-transition: all 0.3s cubic-bezier(0.64, -0.73, 0.39, 1.72), top 0s, left 0s;

	-ms-transition: all 0.3s cubic-bezier(0.64, -0.73, 0.39, 1.72), top 0s, left 0s;

	-o-transition: all 0.3s cubic-bezier(0.64, -0.73, 0.39, 1.72), top 0s, left 0s;

	transition: all 0.3s cubic-bezier(0.64, -0.73, 0.39, 1.72), top 0s, left 0s;

	mix-blend-mode: difference;

}

.theBall span{

	width: 100%;

	padding: 0 3px;

	text-align: center;

	font-size: 16px;

	font-weight: bold;

	line-height: 1;

	color: #fff;

	display: flex;

	justify-content: center;

	align-items: center;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

}

.theBall.zooming {

	width: 28px;

	height: 28px;

	margin-top: -14px;

	margin-left: -14px;

	opacity: .8;

}

.theBall.zooming_lg {

	width: 64px;

	height: 64px;

	margin-top: -32px;

	margin-left: -32px;

	opacity: 1;

}



.container {

	margin: 0 auto;

	width: 100%;

	padding: 0 10%;

}

.container::after {

	display: table;

	content: "";

	width: 100%;

	clear: both;

}

.opened_menu {

	overflow: hidden;

}



/*header*/

.header {

	position: fixed;

	width: 100%;

	top: 100%;

	left: 0;

	padding: 20px 24px 10px;

	z-index: 120;

	display: flex;

	justify-content: space-between;

	-webkit-transition: all .6s ease-in-out;

	-moz-transition: all .6s ease-in-out;

	-ms-transition: all .6s ease-in-out;

	-o-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out;

}

.white_text {

	background-color: #1c1c1c;

}

.page_loaded .header {

	top: 0;

}

.header_nav {

	list-style: none;

	width: 50%;

	display: flex;

}

.header_nav li {

	margin-right: 20px;

}

.header_nav li a{

	color: #2C3235;

	opacity: .25;

	text-decoration: none;

}

.white_text .header_nav li a{

	color: #E4E3E3;

}

.white_text .header_nav li.active a{

	color: #FFFFFF;

}

.header_nav li.active a{

	opacity: 1;

	text-decoration: underline;

}

.logo_box a {

	text-decoration: none;

}

.white_text .logo_box,

.white_text .logo_box a{

	color: #E4E3E3;

}



/*content_section_wrap*/

.content_section_wrap {

	top: 50px;

	height: calc(100% - 50px);

	position: relative;

	overflow: hidden;

}

.tab_section {

	height: 100%;

	padding: 25px 0 0;

	pointer-events: none;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	opacity: 0;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	background-position: 50% 0;

	background-repeat: no-repeat;

	background-size: cover;

	-webkit-transition: opacity .3s;

	-moz-transition: opacity .3s;

	-ms-transition: opacity .3s;

	-o-transition: opacity .3s;

	transition: opacity .3s;

}

.tab_section.active {

	pointer-events: auto;

	opacity: 1;

	overflow-y: auto;

}

.content_section {

	height: 100%;

	position: relative;

}

.content_section_inner {

	position: relative;

	width: 39%;

	margin-left: 50%;

	-webkit-transform: translate3d(0,20px,0);

	-moz-transform: translate3d(0,20px,0);

	-ms-transform: translate3d(0,20px,0);

	-o-transform: translate3d(0,20px,0);

	transform: translate3d(0,20px,0);

	-webkit-transition: all .6s .2s ease;

	-moz-transition: all .6s .2s ease;

	-ms-transition: all .6s .2s ease;

	-o-transition: all .6s .2s ease;

	transition: all .6s .2s ease;

	opacity: 0;

}

.active .content_section_inner {

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

	-o-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	opacity: 1;

}

.where_date {

	position: absolute;

	bottom: 0;

	left: 0;

	padding-left: 10px;

	z-index: 1;

	font-size: 200px;

	line-height: 1.06;

	font-size: 12.63vw;

	overflow: hidden;

}

.where_date > div {

	position: relative;

}

.where_date_1 {

	display: inline-block;

	z-index: 2;

	-webkit-transform: translate3d(-100px,0,0);

	-moz-transform: translate3d(-100px,0,0);

	-ms-transform: translate3d(-100px,0,0);

	-o-transform: translate3d(-100px,0,0);

	transform: translate3d(-100px,0,0);

	opacity: 0;

	-webkit-transition: all .8s .1s ease;

	-moz-transition: all .8s .1s ease;

	-ms-transition: all .8s .1s ease;

	-o-transition: all .8s .1s ease;

	transition: all .8s .1s ease;

}

.tab_section.active .where_date_1 {

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

	-o-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	opacity: .1;

}

.where_date_2 {

	line-height: .8;

	-webkit-transform: translate3d(-100px,0,0);

	-moz-transform: translate3d(-100px,0,0);

	-ms-transform: translate3d(-100px,0,0);

	-o-transform: translate3d(-100px,0,0);

	transform: translate3d(-100px,0,0);

	opacity: 0;

	-webkit-transition: all 1s .1s ease;

	-moz-transition: all 1s .1s ease;

	-ms-transition: all 1s .1s ease;

	-o-transition: all 1s .1s ease;

	transition: all 1s .1s ease;

}

.tab_section.active .where_date_2 {

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

	-o-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	opacity: 1;

}

#scratch {

	height: 100%;

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 1;

}

#scratch canvas {

	height: 100%;

	width: 100%;

}

#scratch img {

	display: none;

}


#who_list {
	padding-bottom: 120px;
}

.who_sidebar {

	-webkit-transform: translate3d(-100px,0,0);

	-moz-transform: translate3d(-100px,0,0);

	-ms-transform: translate3d(-100px,0,0);

	-o-transform: translate3d(-100px,0,0);

	transform: translate3d(-100px,0,0);

	opacity: 0;

	-webkit-transition: all 1s .1s ease;

	-moz-transition: all 1s .1s ease;

	-ms-transition: all 1s .1s ease;

	-o-transition: all 1s .1s ease;

	transition: all 1s .1s ease;

	position: fixed;

	width: 50%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: 1;

	padding: 70px 25px 0;

}

.tab_section.active .who_sidebar {

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

	-o-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	opacity: 1;

}

.who_nav {

	position: absolute;

	bottom: 0;

	left: 10px;

}

.search_active .who_nav {

	display: none;

}

.who_search {

	position: relative;

	z-index: 10;

}

.who_nav li {

	position: absolute;

	bottom: 0;

	left: 0;

	list-style: none;

	font-size: 200px;

	line-height: 0.8;

	opacity: 0;

	font-size: 15.63vw;

}

.who_nav li.active {

	opacity: 1;

}

.who_nav a {

	text-decoration: none;

}

.who_box {

	color: rgba(28, 28, 28, 0.2);

	font-size: 50px;

	line-height: 1;

	margin-bottom: 50px;

}

.search_input {

	font-size: 50px;

	background: none;

	font-family: 'SymphonieGrotesque-Bold';

	border: 0;

	border-bottom: 1px solid rgba(28, 28, 28, 0.1);

	color: rgba(28, 28, 28, 0.2);

	padding: 0;

	max-width: 280px;

	border-radius: 0;

}

.search_input:-ms-input-placeholder {

	opacity: 0.1;

}

.search_input:-moz-placeholder {

	opacity: 0.1;

}

.search_input::-moz-placeholder {

	opacity: 0.1;

}

.search_input::-webkit-input-placeholder {

	opacity: 0.1;

}

.search_input::placeholder {

	opacity: 0.1;

}

input[type="search" i]::-webkit-search-cancel-button {

	opacity: .2;

}

::-webkit-scrollbar {

	width: 0;

	background: transparent; /* make scrollbar transparent */

}

.hover_box {

	position: relative;

	z-index: 150;

}

.hover-reveal {

	position: fixed;

	width: 150px;

	height: 150px;

	top: 0;

	left: 0;

	pointer-events: none;

	opacity: 0;

	-webkit-transform: translate(-15px,-15px);

	-moz-transform: translate(-15px,-15px);

	-ms-transform: translate(-15px,-15px);

	-o-transform: translate(-15px,-15px);

	transform: translate(-15px,-15px);

}

.hover-reveal__inner, .hover-reveal__img {

	width: 100%;

	height: 100%;

	position: relative;

}

.hover-reveal__img {

	background-size: cover;

	background-position: 50% 50%;

}

.hover-reveal__text {
	font-size: 13px;
	color: #fff;
	line-height: .7rem;
	letter-spacing: 0.5px;
	font-family:'SymphonieGrotesque-Bold';

	padding: 3px;

	position: absolute;
	text-align: right;
	right: 0;
	bottom: 0;
	z-index: 1000;

	mix-blend-mode: hard-light;
	background-color: rgba(28,28,28,1);
}

.where_place {

	color: #E4E3E3;

	max-width: 60%;

	line-height: 0.9;

	-webkit-transform: translate3d(-100px,0,0);

	-moz-transform: translate3d(-100px,0,0);

	-ms-transform: translate3d(-100px,0,0);

	-o-transform: translate3d(-100px,0,0);

	transform: translate3d(-100px,0,0);

	opacity: 0;

	-webkit-transition: all 1s .1s ease;

	-moz-transition: all 1s .1s ease;

	-ms-transition: all 1s .1s ease;

	-o-transition: all 1s .1s ease;

	transition: all 1s .1s ease;

}

.tab_section.active .where_place {

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

	-o-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	opacity: 1;

}

.white_text .content_section_inner,

.white_text .content_section_inner a {

	color: #E4E3E3;

}

.white_text .theBall {

	background-color: #E4E3E3;

}

.who_box_item span {

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-ms-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

}



/*stories_section*/

.stories_section {

	position: fixed;

	top: 0;

	right: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	z-index: 20;

	background: #1C1C1C;

	-webkit-transform: translateX(calc(100% - 130px));

	-moz-transform: translateX(calc(100% - 130px));

	-ms-transform: translateX(calc(100% - 130px));

	-o-transform: translateX(calc(100% - 130px));

	transform: translateX(calc(100% - 130px));

	color: rgba(228, 227, 227, 0.5);

	-webkit-transition: transform 0.6s cubic-bezier(0, 0, 0.87, 0.99);

	-moz-transition: transform 0.6s cubic-bezier(0, 0, 0.87, 0.99);

	-ms-transition: transform 0.6s cubic-bezier(0, 0, 0.87, 0.99);

	-o-transition: transform 0.6s cubic-bezier(0, 0, 0.87, 0.99);

	transition: transform 0.6s cubic-bezier(0, 0, 0.87, 0.99);

}

.show_stories .stories_section {

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0);

}

.stories_section_bar {

	position: absolute;

	top: 0;

	width: 80px;

	height: 100%;

	left: 0;

	z-index: 2;

	font-size: 16px;

	border: 0;

	border-left: 1px solid #979797;

	color: #E4E3E3;

	background-color: #1C1C1C;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-ms-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

}

.white_text .stories_section_bar {

	color: #2C3235;

	background-color: #E4E3E3;

}

.show_stories .stories_section_bar {

	color: rgba(255, 255, 255, 0.5);

	background-color: #1C1C1C;

}

.stories_content {

	padding: 75px 0 0;

	margin-left: 50%;

	height: 100%;

	max-width: 35%;

	-webkit-transform: translateY(20px);

	-moz-transform: translateY(20px);

	-ms-transform: translateY(20px);

	-o-transform: translateY(20px);

	transform: translateY(20px);

	opacity: 0;

	position: fixed;

	left: -100%;

	top: 0;

	z-index: 100;

	color: rgba(228, 227, 227, 0.5);

	-webkit-transition: all .2s ease, left 0s .2s;

	-moz-transition: all .2s ease, left 0s .2s;

	-ms-transition: all .2s ease, left 0s .2s;

	-o-transition: all .2s ease, left 0s .2s;

	transition: all .2s ease, left 0s .2s;

}

.stories_content_inner {

	height: 100%;

	overflow-y: auto;

	scrollbar-width: none;

}

.story_box_stick {

	position: relative;

	padding: 0 0 150px;

	max-width: 580px;

}

.stories_content a {

	color: rgba(228, 227, 227, 0.5);

}

.stories_content a:hover {

	color: rgba(228, 227, 227, 1);

}

.show_stories .stories_content {

	left: 0;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	opacity: 1;

	-webkit-transition: all .8s .4s ease, left 0s;

	-moz-transition: all .8s .4s ease, left 0s;

	-ms-transition: all .8s .4s ease, left 0s;

	-o-transition: all .8s .4s ease, left 0s;

	transition: all .8s .4s ease, left 0s;

}

.stories_open {

	font-family: 'SymphonieGrotesque-Bold';

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

	transform: rotate(-90deg);

	position: absolute;

	left: 45px;

	bottom: 40px;

	line-height: 1;

}

.stories_section_bar_title {

	font-family: 'SymphonieGrotesque-Bold';

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

	transform: rotate(-90deg);

	display: inline-block;

	white-space: nowrap;

	position: absolute;

	left: 5px;

	top: 70px;

	line-height: 1;

}

.show_stories .stories_section_bar_title {

	display: none;

}

.show_stories .stories_open_text {

	display: none;

}

.show_stories .stories_close_text {

	display: block;

}

.stories_close_text {

	display: none;

}

.show_stories .header_nav li a {

	color: #fff;

}

.story_title {

	text-align: right;

	margin: 0 0 80px;

}

.stories_title {

	position: absolute;

	left: 24px;

	top: 75px;

	font-size: 75px;

	line-height: 1;

	color: #E4E3E3;

	z-index: 11;

	-webkit-transform: translate3d(50px,0,0);

	-moz-transform: translate3d(50px,0,0);

	-ms-transform: translate3d(50px,0,0);

	-o-transform: translate3d(50px,0,0);

	transform: translate3d(50px,0,0);

	opacity: 0;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.show_stories .stories_title {

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

	-o-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	opacity: 1;

	-webkit-transition: all .8s .5s ease;

	-moz-transition: all .8s .5s ease;

	-ms-transition: all .8s .5s ease;

	-o-transition: all .8s .5s ease;

	transition: all .8s .5s ease;

}

.story_box {

	margin-bottom: 40px;

	max-width: 580px;

}

.story_img {

	margin-bottom: 15px;

}

.story_img img {

	width: 100%;

}

.story_name {

	font-size: 25px;

	color: #D6D6D6;

	line-height: 1.1;

	margin: 0;

}

.story_position {

	font-size: 25px;

	color: #828282;

	line-height: 1.1;

	margin: 0 0 15px;

}

.logos_list {

	list-style: none;

	/*opacity: 0.25;*/

	display: flex;

	/*width: calc(100vw - 50%);*/

	position: relative;

	left: 0;

	justify-content: flex-start;
	align-items: center;

}

.logos_list li{

	flex: 1 1 auto;

	/*max-width: 200px;*/

}

.logos_list li img{

	width:110px

}



.story_text_lg {

	font-size: 32px;

	line-height: 1;

}

.menu_open {

	border: 0;

	text-align: center;

	width: 30px;

	background:none;

	position:relative;

	z-index:105;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s;

	display: none;

}

.menu_open .lines {

	display: inline-block;

	width: 30px;

	height: 2px;

	background: none;

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	-ms-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

	position: relative;

	top: -4px;

}

.opened_menu .menu_open .lines {

	background: transparent;

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	-ms-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

}

.menu_open .lines:before,

.menu_open .lines:after {

	display: inline-block;

	width: 30px;

	height: 2px;

	background: #1C1C1C;

	-webkit-transition: all 0.4s ease-out;

	-moz-transition: all 0.4s ease-out;

	-o-transition: all 0.4s ease-out;

	-ms-transition: all 0.4s ease-out;

	transition: all 0.4s ease-out;

	position: absolute;

	left: 0;

	content: '';

	-moz-transform-origin: 0.28571em center;

	-ms-transform-origin: 0.28571em center;

	-o-transform-origin: 0.28571em center;

	-webkit-transform-origin: 0.28571em center;

	transform-origin: 0.28571em center;

}

.white_text .menu_open .lines:before,

.white_text .menu_open .lines:after {

	background: #E4E3E3;

}

.opened_menu .menu_open .lines:before,

.opened_menu .menu_open .lines:after {

	background: #E4E3E3;

	-moz-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;

	-o-transform-origin: 50% 50%;

	-webkit-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

	top: 0;

	-webkit-transition: all 0.4s ease-out;

	-moz-transition: all 0.4s ease-out;

	-o-transition: all 0.4s ease-out;

	-ms-transition: all 0.4s ease-out;

	transition: all 0.4s ease-out;

}

.menu_open .lines:after {

	top: 6px;

}

.menu_open .lines:before {

	top: -6px;

}

.opened_menu .menu_open .lines:before {

	-moz-transform: rotate3d(0, 0, 1, 45deg);

	-ms-transform: rotate3d(0, 0, 1, 45deg);

	-o-transform: rotate3d(0, 0, 1, 45deg);

	-webkit-transform: rotate3d(0, 0, 1, 45deg);

	transform: rotate3d(0, 0, 1, 45deg);

}

.opened_menu .menu_open .lines:after {

	-moz-transform: rotate3d(0, 0, 1, -45deg);

	-ms-transform: rotate3d(0, 0, 1, -45deg);

	-o-transform: rotate3d(0, 0, 1, -45deg);

	-webkit-transform: rotate3d(0, 0, 1, -45deg);

	transform: rotate3d(0, 0, 1, -45deg);

}

.collapse_img {

	display: none;

	margin-bottom: 10px;

}

.collapse_text {
	font-size: 13px;
	color: rgba(28,28,28,1);
	line-height: .7rem;
	letter-spacing: 0.5px;
	font-family:'SymphonieGrotesque-Bold';

	margin-bottom: 8px;

	padding: 3px;
}

.hidden {

	display: none!important;

}

.intro_section {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	z-index: 1000;

	-webkit-transition: all .6s ease-in-out;

	-moz-transition: all .6s ease-in-out;

	-ms-transition: all .6s ease-in-out;

	-o-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out;

	background: #000;

}

.intro_title {

	position: fixed;

	white-space: nowrap;

	bottom: 5%;

	left: 2%;

	line-height: .8;

	font-size: 15.63vw;

	color: #fff;

	z-index: 1010;

	-webkit-transition: color .6s ease-in-out;

	-moz-transition: color .6s ease-in-out;

	-ms-transition: color .6s ease-in-out;

	-o-transition: color .6s ease-in-out;

	transition: color .6s ease-in-out;

}

.page_loaded .intro_title {

	color: #000;

}

.page_loaded .intro_section {

	-webkit-transform: translate3d(0,-100%,0);

	-moz-transform: translate3d(0,-100%,0);

	-ms-transform: translate3d(0,-100%,0);

	-o-transform: translate3d(0,-100%,0);

	transform: translate3d(0,-100%,0);

}

.intro_video {

	position: absolute;

	left: 50%;

	top: 50%;

	-webkit-transform: translate3d(-50%,-50%,0);

	-moz-transform: translate3d(-50%,-50%,0);

	-ms-transform: translate3d(-50%,-50%,0);

	-o-transform: translate3d(-50%,-50%,0);

	transform: translate3d(-50%,-50%,0);

	height: 100%;

	width: 177.77777778vh;

	min-width: 100%;

	min-height: 56.25vw;

}

.splitflap {

	display: inline-block;

	text-transform: lowercase;

	width: 8.5vw;

	position: relative;

	left: -5px;

	text-align: center;

}

.splitflap:first-child {

	text-transform: uppercase;

	left: 0;

}

.nextHalf, .nextFull, .bottom  {

	display: none;

}



@media (min-width: 768px) {

	.show_stories .logo_box,

	.show_stories .logo_box a {

		color: #fff;

	}

	.show_stories .theBall {

		background-color: #fff;

	}

	.visible_xs {

		display: none;

	}

}

@media (min-width: 1199px) {

	.header_nav li a:hover{

		opacity: 1;

		text-decoration: underline;

	}

	.stories_section_bar:hover {

		color: rgba(255, 255, 255, 0.5);

	}

	.white_text .stories_section_bar:hover {

		color: rgba(44, 50, 53, 0.5);

	}

	.show_stories .stories_section_bar:hover {

		color: rgba(255, 255, 255, 0.5);

	}

	.who_box_item span:hover {

		color: rgba(28, 28, 28, 1);

	}

	body, body * {

		cursor: none;

	}

}

@media (min-width: 1200px) and  (max-height: 700px){

}



@media (max-width: 1199px) {

	.theBall {

		display: none;

	}

	.intro_title {

		font-size: 150px;

	}

	.splitflap {

		width: 85px;

	}

	.stories_content {

		max-width: 45%;

	}

}

@media (max-width: 991px) {



}

@media (max-width: 767px) {

	body {

		font-size: 26px;

		line-height: 1.26;

	}

	.header {

		padding: 40px 30px 10px;

	}

	.logo_box {

		font-size: 32px;

	}

	.tab_section {

		padding: 25vh 0 0;

		height: calc(100% - 60px);

	}

	.stories_section {

		left: 0;

		-webkit-transform: translate3d(0, calc(100% - 60px), 0);

		-moz-transform: translate3d(0, calc(100% - 60px), 0);

		-ms-transform: translate3d(0, calc(100% - 60px), 0);

		-o-transform: translate3d(0, calc(100% - 60px), 0);

		transform: translate3d(0, calc(100% - 60px), 0);

	}

	.stories_open {

		-webkit-transform: translate3d(-50%,-50%,0);

		-moz-transform: translate3d(-50%,-50%,0);

		-ms-transform: translate3d(-50%,-50%,0);

		-o-transform: translate3d(-50%,-50%,0);

		transform: translate3d(-50%,-50%,0);

		left: 50%;

		top: 50%;

		bottom: auto;

	}

	.stories_section_bar {

		width: 100%;

		height: 60px;

		border: 0;

		border-top: 1px solid #979797;

		font-size: 26px;

	}

	.hidden_xs {

		display: none;

	}

	.content_section {

		padding: 0 30px;

		display: block;

	}

	.where_date {

		position: relative;

		bottom: auto;

		left: auto;

		padding-left: 0;

		font-size: 60px;

		margin: 0 0 50px;

	}

	.content_section_inner {

		width: 100%;

		margin: 0 0 50px;

	}

	.stories_section_bar_title {

		display: none;

	}

	.opened_menu .header_nav {

		-webkit-transform: translate3d(0,0,0);

		-moz-transform: translate3d(0,0,0);

		-ms-transform: translate3d(0,0,0);

		-o-transform: translate3d(0,0,0);

		transform: translate3d(0,0,0);

	}

	.opened_menu .logo_box,

	.opened_menu .logo_box a {

		color: #E4E3E3;

	}

	.header_nav {

		transform: translate3d(0,100%,0);

		display: block;

		position: fixed;

		width: 100%;

		height: 100%;

		top: 0;

		left: 0;

		font-size: 70px;

		padding: 22vh 30px 10px;

		background-color: rgba(28, 28, 28, .99);

		z-index: 18;

		overflow-y: auto;

		line-height: 0.9;

	}

	.logo_box {

		position: relative;

		z-index: 20;

	}

	.header_nav li {

		margin-bottom: 3vh;

	}

	.header_nav li a {

		color: rgba(228, 227, 227, 0.5);

		text-decoration: none;

	}

	.menu_open {

		display: inline-block;

	}

	.show_stories .stories_section {

		-webkit-transform: translate3d(0,90px,0);

		-moz-transform: translate3d(0,90px,0);

		-ms-transform: translate3d(0,90px,0);

		-o-transform: translate3d(0,90px,0);

		transform: translate3d(0,90px,0);

	}

	.stories_title {

		display: none!important;

	}

	.content_section_wrap {

		top: 80px;

		height: calc(100% - 90px);

	}

	p.s-text{
		margin-top: 20px;
	}
	.show_stories .stories_content {

		-webkit-transform: translate3d(0,160px,0);

		-moz-transform: translate3d(0,160px,0);

		-ms-transform: translate3d(0,160px,0);

		-o-transform: translate3d(0,160px,0);

		transform: translate3d(0,160px,0);

		overflow: auto;

	}

	.stories_content_inner {

		height: auto!important;

	}

	.stories_content {

		padding: 0 30px 30px;

		margin-left: 0;

		max-width: 100%;

		-webkit-transform: translate3d(0,180px,0);

		-moz-transform: translate3d(0,180px,0);

		-ms-transform: translate3d(0,180px,0);

		-o-transform: translate3d(0,180px,0);

		transform: translate3d(0,180px,0);

		height: calc(100% - 100px);

	}

	.search_input {

		font-size: 25px;

	}

	.who_sidebar {

		width: 100%;

		height: auto;

		padding: 110px 30px 0;

		background-color: #e4e3e3;

	}

	.who_nav {

		position: relative;

		bottom: 0;

		left: 0;

		height: 130px;

	}

	.who_nav li {

		font-size: 160px;

	}

	.who_box {

		font-size: 40px;

	}

	#who_section {

		padding: 330px 0 0;

	}

	.who_box_item.opened span {

		color: rgba(28, 28, 28, 1);

	}

	.splitflap {

		width: 48px;

	}

	.intro_title {

		bottom: 50%;

		-webkit-transform: translateY(50%);

		-moz-transform: translateY(50%);

		-ms-transform: translateY(50%);

		-o-transform: translateY(50%);

		transform: translateY(50%);

		left: 0;

		font-size: 83px;

		width: 100%;

		text-align: center;

	}

	.intro_section {

		background-repeat: no-repeat;

		background-position: 50%;

		background-size: cover;

	}

	.intro_video {

		display: none;

	}

	.logos_list {

		display: inline;

		width: auto;

		position: relative;

		justify-content: flex-end;

	}

	.logos_list li {

		width: 49%;

		display: inline-block;

		vertical-align: top;

	}
	.logos_list li:nth-child(3) {

		margin-bottom:30px;

	}

	.story_box_stick {

		padding: 0 0 40px;

	}

	.story_title {
	text-align: left;
	color: #e4e3e3;

}

}

@media (orientation: landscape) and (max-width: 820px){



}

@media (orientation: portrait) and (max-height: 680px){



}

@media (max-width: 350px) {

	.header_nav {

		font-size: 56px;

	}

	.intro_title {

		font-size: 66px;

	}

	.splitflap {

		width: 42px;

	}

}

@media screen and (min-width:995px) {	
	.logos_list.csb__margin{
		margin-top: 40px;
	}
	.content_section_logowrapper {
		width: 50%;
		padding-left: 40px;
	}
}
.d__flex{
	display: flex;
}
.content_section_logowrapper{
	width: 50%;
}
.content-no-margin{
	margin-left: 0;
}
@media screen and (max-width:995px) {	
	.content_section{
		padding: 0 30px;
	}
}

.theBall.not-zooming{
	width: 6px !important;
	height: 6px !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
}
.stories_content.cs__margin{
	margin-left: 80px;
    margin-top: 0;
    width: 100%;
    max-width: 100%;
}
.stories_title{
	position: relative;
	top: 0;
	width: 50%;
	margin-left: -80px;
}
.stories_content_top{
	justify-content: space-between;
}
.story_box_stick{
	max-width: 100%;
	width: 50%;
}
.story_box_stick p{
	max-width: 580px;
}
.story_box.d__flex{
	max-width: 100%;
}
.story_box.d__flex {
    max-width: 100%;
    padding: 0 30px;
}
.story_box--left {
	padding-top: 50px;
	max-width: 580px;
}
.story_text {
	font-size: 24px;
}
.story_title {
    text-align: left;
    margin: 0;
    font-size: 13px;
    opacity: .8;
    margin-top: 10px;
}
.story-text--right img{
	max-width: 520px;
	width: 100%;
}
.stories_content_slider{
	margin-top: 90px;
}
ul.slick-dots {
    position: absolute;
    top: 0px;
    left: 30px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex !important;
}
ul.slick-dots li{
	margin-right: 15px;
}
ul.slick-dots li button{
	background: transparent;
	color: rgba(228, 227, 227, 0.5);
	box-shadow: none;
	border: 0;
	outline: 0 !important;
	font-size: 15px;
}
ul.slick-dots li.slick-active button{
	color: #fff !important;
}
.story_box_stick{
	padding-bottom: 100px;
}
.stories_content_top--left {
    width: calc(50% - 80px);
}
.story_box_stick {
    position: relative;
    padding: 0 0 150px;
    height: 100vh;
    overflow-y: scroll;
	max-width: 100%;
    width: calc(100% + 80px);
}
.story_box_stick--morecontent {
    margin-top: 110px;
}
.story_box_stick--morecontent .story_text{
	font-size: 18px;
	padding-left: 0;
}
.story_box_stick--morecontent .story_img{
	max-width: 535px;
}
.story_box_stick--morecontent .story_title{
	padding-left: 0;
	margin-bottom: 10px;
}
@media screen and (max-width:768px) {
	.m-space{
		margin-top: 30px;
	}
	.sm-space{
		margin-top: 10px;
	}
	.stories_content.cs__margin{
		margin-left: 0;
	}
	.stories_title{
		margin-left: 0;
		font-size: 18px;
	}
	.story_box_stick--morecontent {
		margin-top: 40px;
	}
	.story_box_stick {
		position: relative;
		height: auto;
		overflow-y: scroll;
	}
	.stories_content_slider{
		margin-top: 50px;
	}
	.stories_content_top--left {
		width: 100%;
	}
	.content_section_logowrapper{
		width: 100%;
	}
	.d__flex{
		flex-direction: column;
	}
	.content_section_logowrapper{
		order: 2;
		width: 100%;
	}
	.content-no-margin{
		width: 100%;
	}
	.story_box_stick{
		width: 100%;
		padding-bottom: 60px;
	}
	.story_box.d__flex{
		padding-left: 0;
		padding-right: 0;
	}
	.story_box--left{
		width: 100%;
		margin-bottom: 30px;
	}
	.story_text{
		padding-left: 0;
		margin-left: 0;
	}
	.story_title{
		margin-left: 0;
	}
	ul.slick-dots{
		left: 0;
	}
}