/* =============================================================================
   Spring I/O 2018 : 2018.springio.net				  /  www.jorgerigabert.com  /
   ========================================================================== */

/*	  		
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNdddddddddddddNMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd`            -NMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd`            /MMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd`            oMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd`            yMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd`           `dMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd`           .mMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd`           :NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMh`           /MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMh`           -yyyyydMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMh`                 /NMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMh`                 sMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMhhhhhy`          .dMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN:          :NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN-          sMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN-         .dMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN.         :NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMm.         oMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMm.         +hhhhhmMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMm`              `sMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMd`              :mMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMN+/////        .hMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM+       +NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMs      -dMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMy     `sMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMh     /NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMd`   .hMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMm`   oMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMN.  -mMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMM- `yMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMM/ /NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMM+.hMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMsoMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMNmMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
*/ 

/* =============================================================================
   RESETS
   ========================================================================== */
   
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, img{ display: block; }
audio, canvas, video{ display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]){ display: none; }
[hidden]{ display: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, section, nav, img{ margin: 0; padding: 0; }
mark, rp, rt, ruby, summary, time{ display: inline; }
html{}
body{ background: #fff; color: #6d7071; -webkit-backface-visibility: hidden; }
input, textarea{ outline: none; resize: none; border: none; border: 0; }
a{ text-decoration: none; outline: none; color:#4bbd6c;}
a.active{ outline: none; }
.none{ display: none; }
.float-left{ float: left; }
.float-right{ float: right; }
.align-left{ text-align: left; }
.align-center{ text-align: center; }
.align-right{ text-align: right; }
.no-border{ border: none; }
.c-white { color:#fff!important; }
.c-green { color:#4bbd6c!important; }
table{ border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; }
fieldset, img{ border: 0; }
address, caption, cite, code, dfn, em, /*strong,*/ th, var, optgroup{ font-style:inherit; font-weight:inherit; }
li{	list-style: none; }
h1, h2, h3, h4, h5, h6{	font-size: 100%; }
input, button, textarea, select, optgroup, option{ font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
select, input, button, textarea, button{ font: 100%; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0;}
.clearfix:before, .clearfix:after{ content: ""; display: table; }
.clearfix:after{ clear: both; }
.clearfix{ *zoom: 1; }
img{ width: 100%;}

/* ============================
   Common 
   ============================ */
   
a, 
header, 
nav, 
img,
h1, 
h2, 
h3, 
h4, 
h5,
h6,
.a-speakers div::after,
.a-speakers div::before,
.all-speakers,
.btn,
.cta,
.cta::after{
	transition: all 0.3s ease;
	}
.bg-init, 
.animsition-overlay-slide{ 
	background: linear-gradient(45deg, #96c93d 0%, #00b09b 100%); 
	z-index: 3000;
	}
.post{
	position: relative;
	z-index: 2;
	opacity: 0;
	}
.animated{	
	animation-duration:1s;
	animation-fill-mode:both;
	}
	.animated.fadeIn{
		animation-name: fadeIn;
		}
@keyframes fadeIn{
	  0%{ opacity:0; }
	100%{ opacity:1; }
	}
@keyframes dash{ 
	to{ stroke-dashoffset:0; }
	}
.btn{
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 22px 24px 24px;
	margin: 12px 0 48px;
	}
	.btn.black{
		color: #fff;
		background: #141514;
		}
	.btn.green{
		color: #fff;
		background: #4bbd6c;
		}
	.btn.outline-green{
		color: #fff;
		box-shadow: inset 0 0 0 2px #4bbd6c;
		}
	.btn.outline-black{
		color: #4bbd6c;
		box-shadow: inset 0 0 0 2px #141514;
		}
	.btn.outline-black-and-white{
		color: #fff;
		box-shadow: inset 0 0 0 2px #141514;
		}
	.btn.outline-grey{
		color: rgba(20,21,20,0.24);
		box-shadow: inset 0 0 0 2px rgba(20,21,20,0.24);
		}
		.btn.outline-grey span{
			line-height: 0;
			vertical-align: middle;
			display: inline-block;
			margin-top: -14px;
			}
	.btn.hover-white:hover{
		color: #4bbd6c;
		background: #fff;
		}
	.btn.hover-black:hover{
		color: #4bbd6c;
		background: #141514;
		}
	.btn.hover-outline-white:hover{
		color: #4bbd6c;
		box-shadow: inset 0 0 0 2px #fff;
		}
	.btn.hover-outline-green:hover{
		color: #141514;
		box-shadow: inset 0 0 0 2px #4bbd6c;
		}
	.btn.hover-outline-grey:hover{
		color: rgba(20,21,20,1);
		box-shadow: inset 0 0 0 2px rgba(20,21,20,1);
		}
.line-detail{
	width: 170px;
	display: none;
	}
	.ld1{	
		fill: none;
		stroke: #fff; 
		stroke-width: 2;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-miterlimit: 10;
		}
h2{
	padding-bottom: 30px;
	}
.hero-wrapper h2{
	padding-bottom: 24px;
	}
p{
	padding-bottom: 26px;
	}
#info{
	padding-top: 38px;
	}
	#info .grid-2 .col:last-child{
		padding-top: 50px;
		}
	#info .grid-2 .col:last-child::before{
		top: 13px;
		height: calc(100% - 13px);
		}
	#info .grid-4{
		padding-top: 22px;
		padding-bottom: 30px;
		}
	#info .grid-4 .col{
		padding-top: 26px;
		}
#sessions{
	padding-bottom: 12px;
	}
#speakers{
	padding-top: 38px;
	padding-bottom: 36px;
	}
#tickets{
	padding-top: 12px;
	padding-bottom: 0;
	}
	#tickets p{
		padding-bottom: 0;
		}
	#tickets p.vat{
		padding-top: 32px;
		padding-bottom: 8px;
		}
	#tickets .grid-5--1-3-1 .col{
		padding-top: 26px;
		}
#venue{
	padding-top: 38px;
	padding-bottom: 40px;
	}
	#venue .img-venue{
		margin: 41px 0 36px;
		}
	#venue p{
		padding-bottom: 0;
		}
	#venue .btn{
		margin-bottom: 24px;
		}
#sponsors{
	padding-top: 38px;
	padding-bottom: 18px;
	}
	#sponsors .btn{
		margin-bottom: 36px;
		}
footer p:first-of-type{
	padding-top: 38px;
	padding-bottom: 0;
	}
footer p:last-of-type{
	padding-top: 16px;
	padding-bottom: 40px;
	}

/* ============================
   Grid
   ============================ */

.wrapper{
    width: 90%;
    padding :0 5%;	
	}
.grid-1, 
.grid-2, 
.grid-3, 
.grid-4, 
.grid-3--2-1, 
.grid-3--1-2,
.grid-5--1-3-1{
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	max-width: 1260px;
	}
.grid-1 .col, 
.grid-2 .col, 
.grid-3 .col, 
.grid-4 .col, 
.grid-3--2-1 .col, 
.grid-3--1-2 .col,
.grid-5--1-3-1 .col{ 
	width:100%;
	}

/* ============================
   Typography
   ============================ */

body,
h6,
#hero.hero-section .hero-wrapper h2{
	font-family: "Inconsolata", monospace;
    font-size: 20px;
	line-height: 32px;
    font-weight: 400;
	color: #141514;
	} 
h1, 
h2, 
h3, 
h4, 
h5,
.cta,
.btn,
.global-menu__item,
.a-speakers p span:first-child,
table td:first-child,
#tabs,
table thead p{
	font-family: "Oswald", sans-serif;
    font-weight: 600;
	text-transform: uppercase;
	color: #4bbd6c;
    }
h1{
	font-size: 42px;
	line-height: 54px;
	}
h2,
h4{
	font-size: 32px;
	line-height: 44px;
	}
h3{
	font-size: 28px;
	line-height: 40px;
	}
h5{
	font-size: 20px;
	line-height: 42px;
	}
.btn{
	font-size: 22px;
	line-height: 22px;
	}
.cta{
	font-size: 22px;
	line-height: 28px;
	}

/* ============================
   MENU
   ============================ */

/* Color schemes */
.m-spring-io{
	--path-fill-1: url(#gradient1);
	--path-fill-2: url(#gradient2);
	--path-fill-3: url(#gradient3);
	--button-line: #ffffff;
	}
/* Fade effect */
.js body{
	opacity: 0;
	transition: opacity 0.3s;		
	}
.js body.render{
	opacity: 1;
	}
.hidden{
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
	}
/* Global menu */
.global-menu__wrap{
    max-width: 280px;
}
.global-menu{
	width: 100vw;
	height: 90vh;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 200;
	}
.global-menu__item{
	color: #fff;
	font-size: 48px;
	opacity: 0;
	transform: translateY(-100%);
	pointer-events: none;
	display: block;
	margin: 24px 0;
	transition: transform 0.3s, opacity 0.3s;
	transition-timing-function: ease-in;
	}
.global-menu__item--m-spring-io{
	transform: translateY(100%);
	}
.global-menu__item.active,
.global-menu__item:hover{
	color: #4bbd6c;
	}
	.global-menu__item.is-opened{
		opacity: 1;
		transform: translateY(0) rotate(0);
		pointer-events: auto;
		transition-timing-function: ease;
		}
.menu__item{
	overflow: hidden;	
	display: inline-block;
	padding: 0 6px;
	}
.menu__item-name{
	overflow: hidden;	
	line-height: 48px;
	}
	.menu__item-name::before,
	.menu__item-name::after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		transform: translate3d(-100%,0,0) translate3d(-1px,0,0);
		transition: transform 0.7s;
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		}	
	.menu__item:hover .menu__item-name::before{
		transform: translate3d(100%,0,0) translate3d(1px,0,0);
		}
	.menu__item.active:hover .menu__item-name::before{
		transform: translate3d(-100%,0,0) translate3d(-1px,0,0);
		}
	.menu__item.active .menu__item-name::after,
	.menu__item:hover .menu__item-name::after{
		transform: translate3d(0,0,0);
		}
	.menu__item-name::after{
		top: 24px;
		height: 3px;
		}
/* Spring-io menu */
.global-menu__item--m-spring-io.is-opened{
	transition-duration: 0.8s;
	}
.global-menu__item--m-spring-io:nth-of-type(1){
	transition-delay: 0.25s;
	}
	.global-menu__item--m-spring-io.is-opened:nth-of-type(1){
		transition-delay: 1s;
		}
.global-menu__item--m-spring-io:nth-of-type(2){
	transition-delay: 0.2s;
	}
	.global-menu__item--m-spring-io.is-opened:nth-of-type(2){
		transition-delay: 1.1s;
		}
.global-menu__item--m-spring-io:nth-of-type(3){
	transition-delay: 0.15s;
	}
	.global-menu__item--m-spring-io.is-opened:nth-of-type(3){
		transition-delay: 1.2s;
		}
.global-menu__item--m-spring-io:nth-of-type(4){
	transition-delay: 0.1s;
	}
	.global-menu__item--m-spring-io.is-opened:nth-of-type(4){
		transition-delay: 1.3s;
		}
.global-menu__item--m-spring-io:nth-of-type(5){
	transition-delay: 0.1s;
	}
	.global-menu__item--m-spring-io.is-opened:nth-of-type(5){
		transition-delay: 1.3s;
		}
.shape-overlays{
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	}
.shape-overlays.is-opened{
	pointer-events: auto;
	}
.shape-overlays__path:nth-of-type(1){
	fill: var(--path-fill-1);
	}
.shape-overlays__path:nth-of-type(2){
	fill: var(--path-fill-2);
	}
.shape-overlays__path:nth-of-type(3){
	fill: var(--path-fill-3);
	}
.shape-overlays__path:nth-of-type(4){
	fill: var(--path-fill-4);
	}
@-webkit-keyframes intervalHamburgerBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
		}
	80% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
		}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
		}
	}
@keyframes intervalHamburgerBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
		}
	80% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
		}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
		}
	}
@keyframes colorClose {
	0% {
		background: rgba(218,37,54,0);
		}
	100% {
		background: rgba(218,37,54,1);
		}
	}
.hamburger{
	width: 64px;
	height: 64px;
	display: block;
	position: fixed;
	cursor: pointer;
	top: 36px;
	right: 36px;
	z-index: 110;
	border-radius: 50%;
	pointer-events: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
.hamburger.is-opened-navi{	
	animation: colorClose 2s 0.3s ease-in forwards;
	}
	.hamburger.is-opened-navi::after{
		width: 64px;
		height: 64px;
		box-sizing: border-box;
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		pointer-events: none;
		border: 2px solid #da2536;
		border-radius: 50%;
		animation-duration: 1.2s;
		animation-delay: 7s;
		animation-name: intervalHamburgerBorder;
		animation-iteration-count: infinite;		
		}
.hamburger__line{
	width: 28px;
	height: 2px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	}
.hamburger__line-in{
	width: 84px;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
	}
	.hamburger__line-in::before,
	.hamburger__line-in::after{
		width: 28px;
		height: 2px;
		content: '';
		display: block;
		position: absolute;
		top: 0;
		background-color: var(--button-line);
		}
	.hamburger__line-in::before{
		left: -56px;
		}
	.hamburger__line-in::after{
		left: 0;
		}
.hamburger__line--01,
.hamburger__line--02,
.hamburger__line--03,
.hamburger__line--cross01,
.hamburger__line--cross02{
	left: 18px;
	}
.hamburger__line--01{
	top: 24.6px;
	}
.hamburger__line--02,
.hamburger__line--cross01,
.hamburger__line--cross02{
	top: 31px;
	}
.hamburger__line--03{
	top: 37.4px;
	}
.hamburger__line--cross01{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.hamburger__line--cross02{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.hamburger__line{
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	}
.hamburger__line-in{
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	}
	.hamburger__line-in::before,
	.hamburger__line-in::after{
		-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
		transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		}
.hamburger__line-in--cross01,
.hamburger__line-in--cross02{
	-webkit-transform: translateX(-33.3%);
	transform: translateX(-33.3%);
	}
.hamburger__line-in--01{
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	}
.hamburger__line-in--02{
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
	}
	.hamburger__line-in--02::before,
	.hamburger__line-in--02::after{
		-webkit-transition-delay: 0.05s;
		transition-delay: 0.05s;
		}
.hamburger__line-in--03{
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	}
	.hamburger__line-in--03::before,
	.hamburger__line-in--03::after{
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
		}
.hamburger__line-in--cross01{
	-webkit-transition-delay: 0.0s;
	transition-delay: 0.0s;
	}
.hamburger__line-in--cross02{
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	}
	.hamburger__line-in--cross02::before,
	.hamburger__line-in--cross02::after{
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
		}
.hamburger.is-opened-navi .hamburger__line-in--01,
.hamburger.is-opened-navi .hamburger__line-in--02,
.hamburger.is-opened-navi .hamburger__line-in--03{
	-webkit-transform: translateX(33.3%);
	transform: translateX(33.3%);
	}
.hamburger.is-opened-navi .hamburger__line-in--cross01,
.hamburger.is-opened-navi .hamburger__line-in--cross02{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
.hamburger.is-opened-navi .hamburger__line-in--01{
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	}
.hamburger.is-opened-navi .hamburger__line-in--02{
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	}
.hamburger.is-opened-navi .hamburger__line-in--03{
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	}
.hamburger.is-opened-navi .hamburger__line-in--cross01{
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
	}
.hamburger.is-opened-navi .hamburger__line-in--cross02{
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	}
	.hamburger:hover .hamburger__line-in::before,
	.hamburger:hover .hamburger__line-in::after{
		-webkit-transform: translateX(200%);
		transform: translateX(200%);
		}
	.hamburger:hover .hamburger__line-in--01::before,
	.hamburger:hover .hamburger__line-in--01::after,
	.hamburger:hover .hamburger__line-in--02::before,
	.hamburger:hover .hamburger__line-in--02::after,
	.hamburger:hover .hamburger__line-in--03::before,
	.hamburger:hover .hamburger__line-in--03::after{
		-webkit-transition-duration: 1s;
		transition-duration: 1s;
		}
	.hamburger:hover .hamburger__line-in--cross01::before,
	.hamburger:hover .hamburger__line-in--cross01::after,
	.hamburger:hover .hamburger__line-in--cross02::before,
	.hamburger:hover .hamburger__line-in--cross02::after{
		-webkit-transition-duration: 0s;
		transition-duration: 0s;
		}
	.hamburger.is-opened-navi:hover .hamburger__line-in--cross01::before,
	.hamburger.is-opened-navi:hover .hamburger__line-in--cross01::after,
	.hamburger.is-opened-navi:hover .hamburger__line-in--cross02::before,
	.hamburger.is-opened-navi:hover .hamburger__line-in--cross02::after{
		-webkit-transition-duration: 1s;
		transition-duration: 1s;
		}
	.hamburger.is-opened-navi:hover .hamburger__line-in--01::before,
	.hamburger.is-opened-navi:hover .hamburger__line-in--01::after,
	.hamburger.is-opened-navi:hover .hamburger__line-in--02::before,
	.hamburger.is-opened-navi:hover .hamburger__line-in--02::after,
	.hamburger.is-opened-navi:hover .hamburger__line-in--03::before,
	.hamburger.is-opened-navi:hover .hamburger__line-in--03::after{
		-webkit-transition-duration: 0s;
		transition-duration: 0s;
		}
.hamburger-bg{
	position: absolute;
	width: 100%;
	height: 48px;
	top: 240px;
	z-index: 101;
	padding-top: 96px;
	pointer-events: none;
	}
	.hamburger-bg span{
		position: absolute;
		width: 64px;
		height: 64px;
		right: 36px;
		bottom: 44px;
		border-radius: 100px;
		background: none;
		transition: all 0.3s ease;
		}
		.hamburger-bg.stick span{
			background: #4BBD6C;
			}

/* ============================
   Hero
   ============================ */
   
#hero{
	background: #000 url(../images/bg-hero.jpg) no-repeat center / cover;
	}
.hero-wrapper{
	position: relative;
	width: 100%;
	z-index: 100;
	background: rgba(0,0,0,0.9) url(../images/pattern.png) repeat 0 / 48px 48px;
	}	
	.hero-wrapper img{
		position: absolute;
		width: 152px;
		max-height: 36px;
		top: 24px;
		left: 24px;
		}
	.hero-wrapper h1{
		padding-top: 108px;
		width: 84%;
		margin: 0 auto;
		color: #fff;
		}
	.hero-wrapper h2{
		position: relative;
		width: 72%;
		margin: 0 auto;	
		padding-left: 12%;
		font-weight: 200;
		}
		.hero-wrapper h2::after{
			content: "";
			position: absolute;
			width: 12%;
			height: 2px;
			top: 21px;
			left: 0;
			background: #4bbd6c;
			}
	.hero-wrapper p{
		color: #fff;
		width: 84%;
		margin: 0 auto;
		padding: 24px 0 0;
		}
	.hero-wrapper .h-left,
	.hero-wrapper .h-right{
		color: rgba(255,255,255,0.48);
		padding-top: 12px;
		position: relative;
		}
		.hero-wrapper .h-right{
			padding-bottom: 120px;
			}
			.hero-wrapper .h-right span:last-child{
				padding-left: 24px;
				}
	.hero-wrapper .h-left a{
		color: rgba(255,255,255,0.48);
		}
		.hero-wrapper .h-left a:hover{
			color: #4bbd6c;
			}
	.anchor{
		position: absolute;
		top: 16px;
		left: 132px;
		width: 30px;
		height: 30px;
		opacity: 0.48;
		}
		.anchor:hover{
			opacity: 1;
			}
		.anchor::after,
		.anchor::before{
			content: "";
			position: absolute;
			right: 26px;
			width: 20px;
			height: 3px;
			border-radius: 10px;
			background: #fff;
			}
			.anchor::after{
				top: 12px;
				left: 10px;
				transform: rotate(-45deg)
				}
			.anchor::before{
				top: 12px;					
				left: -2px;
				transform: rotate(45deg);
				}
	.hero-wrapper .cta{
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		color: #fff;
		padding: 10px 4% 12px;
		box-sizing: border-box;	
		background: #4bbd6c;
		background: linear-gradient(45deg, #00b09b 0%, #96c93d 100%);
		}
		.hero-wrapper .cta:hover{
			background: linear-gradient(45deg, #96c93d 0%, #00b09b 100%);
			}
		.hero-wrapper .cta::after{
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			width: 78px;
			height: 78px;
			background: #fff;
			z-index: 1;
			}
		.hero-wrapper .cta span{
			display: block;
			}
			.hero-wrapper .cta span::after,
			.hero-wrapper .cta span::before{
				content: "";
				position: absolute;
				right: 26px;
				width: 24px;
				height: 4px;
				border-radius: 10px;
				background: #4bbd6c;
				z-index: 2;
				}
				.hero-wrapper .cta:hover span::after,
				.hero-wrapper .cta:hover span::before{
					background: #00b09b;
					}
				.hero-wrapper .cta span::after{
					top: 44px;
					transform: rotate(-45deg);
					}
				.hero-wrapper .cta span::before{
					top: 30px;					
					transform: rotate(45deg);
					}
#hero.hero-section .hero-wrapper{
	background: rgba(0,0,0,0.84) url(../images/pattern.png) repeat 0 / 48px 48px;
	}
#hero.hero-section.speakers{
	background: #000 url(../images/bg-speakers-768.jpg) no-repeat center / cover;
	}
#hero.hero-section.sponsors{
	background: #000 url(../images/bg-sponsors-768.jpg) no-repeat center / cover;
	}
#hero.hero-section.sessions{
	background: #000 url(../images/bg-sessions-768.jpg) no-repeat center / cover;
	}
#hero.hero-section.venue{
	background: #000 url(../images/bg-venue-768.jpg) no-repeat center / cover;
	}
#hero.hero-section .hero-wrapper h1{
	width: 90%;
	}
	#hero.hero-section .hero-wrapper h1 span{
		position: relative;
		}
		#hero.hero-section .hero-wrapper h1 span::after{
			content: "";
			position: absolute;
			width: 50%;
			height: 2px;
			bottom: -13px;
			left: 0;
			background: #4bbd6c;
			}
#hero.hero-section .hero-wrapper h2{
	width: 90%;
	padding-top: 33px;
	padding-bottom: 72px;
	padding-left: 0;
	color: rgba(255,255,255,0.72);
	text-transform: none;
	}
	#hero.hero-section .hero-wrapper h2::after{
		display: none;
		}
#hero.hero-section{
	position: relative;
	}
#hero.hero-section svg{
	position: absolute;
	z-index: 100;
	bottom: 0;
	}
.ph0{
	fill: #fff;
	}	 
			
/* ============================
   Info
   ============================ */

#info .grid-2 .col:last-child{
	position: relative;
	color: #fff;
	text-align: center;
	}
	#info .grid-2 .col:last-child .btn{
		margin-bottom: 36px;
		}
#info .grid-2 .col:last-child::before{
	content: "";
	position: absolute;
	left: -5.5%;
	width: 111%;
	z-index: -1;
	background: #4bbd6c;
	background: linear-gradient(45deg, #00b09b 0%, #96c93d 100%);
	}
	#info .grid-4 .icon-txt{
		display: inline-block;
		width: calc(100% - 96px);
		padding-top: 10px;
		padding-bottom: 0;
		padding-left: 2px;
		vertical-align: top;
		}
		#info .grid-4 .icon-txt p{
		line-height: 26px;
			}
.store{
	position: relative;
	width: 240px;
	height: 178px;
	text-align: center;
	margin: 50px auto 0;
	padding-top: 32px;
	}
	.store a{
		display: inline-block;
		opacity: 0;
		width: 0;
		height: 0;
		}
		.store a.visible:hover img{
			opacity: 0.6;
			}
	.store a.visible{
		display: inline-block;
		opacity: 0;
		width: 160px;
		height: 48px;
		margin: 8px 0 7px;
		animation: fadeIn 0.5s 0.5s ease-in forwards;
		}
	.iphone{
		position: absolute;
		top: -36px;
		width: 240px;
		height: 246px;
		}
		.iphone.visible .pi0{
			fill: none;
			stroke: #000000;
			stroke-width: 2;
			stroke-linecap: round;
			stroke-linejoin: round;
			stroke-miterlimit:10;
			stroke-dasharray: 1000;
			stroke-dashoffset: 1000;
			animation: dash 1.2s ease-in forwards;
			}
.info-links.ios .android, .info-links.android .ios{ display:none;}
.icon-svg{
	width: 84px;
	height: 84px;
	display: inline-block;
	}
.visible .pt0, 
.visible .pt2, 
.visible .pt3, 
.visible .pt8, 
.visible .pt9, 
.visible .pd0, 
.visible .pd2, 
.visible .pd3, 
.visible .pd5, 
.visible .pd6,
.visible .pl0,
.visible .pl2,
.visible .pl3,
.visible .pl8,
.visible .ps0,
.visible .ps2,
.visible .ps4,
.visible .ps6,
.visible .ps7,
.visible .ps8{
	opacity: 0;
	animation: fadeIn 0.8s ease-in forwards;
	} 
	.pt0,
	.pd0, 
	.pl0,
	.ps0{ 
		fill: #4BBD6C; 
		}
	.pt2{
		fill: #F0F2F1;
		}
	.pt3, 
	.pd6,
	.pl8,
	.ps6{
		fill: #D4EFDC;
		}
	.pt8, 
	.pd2,
	.pl2,
	.ps2{
		fill: #FFFFFF;
		}
	.pt9, 
	.pd5,
	.pl3,
	.ps4{ 
		fill: #E0E3E2;
		}
	.pd3,
	.ps8{
		fill: #BFC4C3;
		}	
	.ps7{
		fill: #383D3D;
		} 
		.pd5{
			opacity:0.48!important;
			} 
.visible .pt1, 
.visible .pt4, 
.visible .pt5, 
.visible .pt6, 
.visible .pt7, 
.visible .pd1, 
.visible .pd4, 
.visible .pd7,
.visible .pd8,
.visible .pl1,
.visible .pl4,
.visible .pl5,
.visible .pl6,
.visible .pl7,
.visible .ps1,
.visible .ps3,
.visible .ps5{
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;	
	stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
	animation: dash 2.5s ease-in forwards;
	}
	.pt1, 
	.pt4, 
	.pd1, 
	.pd4, 
	.pd8,
	.pl1,
	.ps1,
	.ps3,
	.ps5{
		stroke: #383D3D;
		}
	.pt5, 
	.pt6,
	.pl5{
		stroke: #BFC4C3;
 		}		
	.pt7, 
	.pd7,
	.pl6{
		stroke: #4BBD6C;
		}
	.pl4{
		stroke: #D4EFDC;
		}
		.pt6{
			stroke-width: 1!important;
			}
		.pd8{
			animation: fadeIn 0.8s ease-in forwards!important;
			stroke-dasharray: 4,8!important;
			} 
		.pl4{
			stroke-width: 4!important;
			} 
		.pl7{
			opacity: 0.48;
			}

/* ============================
   Sessions
   ============================ */

#tabs.stick,
#tabs{
	overflow: hidden;
  	width: 100%;
  	margin: 0 auto!important;
  	list-style: none;
	border-bottom: 2px solid rgba(20,21,20,0.12);
	background: #fff;
	padding: 28px 0;	
	left: 0!important;
	right: 0!important;
	}
	#tabs li{
		display: inline-block;padding-right: 12px;
		}
	#tabs a{
  		color: rgba(20,21,21,0.48);
		}
		#tabs a:hover,
		#tabs a:focus{
			color: rgba(20,21,21,1);
			}
	#tabs #current{
  		color: #4bbd6c;
		}
table{	
  	border-collapse: collapse;
  	margin: 0;
  	padding: 0;
  	width: 100%;
  	table-layout: fixed;
	}
table tr{
	display: block;
  	border-bottom: 2px solid rgba(20,21,20,0.12);
	background: #fff;
	padding: 4px 0 12px 0;
	}
	table tr:last-child{
		border: none;
		}
table thead.stick,
table thead{
	display: none!important;
	}
table th,
table td{
	display: block;
	position: relative;
	width: 100%;
	padding-left: 18px;
	margin: 24px 0;
	box-sizing: border-box;	
	}
	table th::after,
	table td::after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 4px;
		height: 100%;
		border-radius: 100px;
		background: #A07BE8;
		}
		table td.no-room::after{
			background: rgba(20,21,20,0.24);
			}
		table th:nth-child(3)::after,
		table td:nth-child(3)::after{
			background: #F6586A;
			}
		table th:nth-child(4)::after,
		table td:nth-child(4)::after{
			background: #02BEC4;
			}
		table th:nth-child(5)::after,
		table td:nth-child(5)::after{
			background: #FFD64F;
			}
		table th:nth-child(6)::after,
		table td:nth-child(6)::after{
			background: #59cbff;
			}
	table td::before{
		position: absolute;
    	content: attr(data-label);
		left: 18px;
		top: 0;
		font-size: 18px;
		line-height: 22px;
		color: #a07be8;
		}
		table td:nth-child(3)::before{
			color: #F6586A;
			}
		table td:nth-child(4)::before{
			color: #02BEC4;
			}
		table td:nth-child(5)::before{
			color: #FFD64F;
			}
		table td:nth-child(6)::before{
			color: #59cbff;
			}
	table td:first-child{
		color: rgba(20,21,20,0.24);
		padding-left: 0;
		}
		table td:first-child::after{
			display: none;
			}
table p{
	padding: 0;
	}
	table p a{
		color: #141514;
		}
	table p:first-child{
		font-weight: 700;
		line-height: 24px;
		padding-top: 22px;
		}
		table td.no-room p:first-child{
			padding: 6px 0;
			}
		table p:first-child i{
			font-size: 20px;
			font-weight: 400;
			color: rgba(20,21,20,0.60);
			}
		table p:first-child:hover a{
			text-decoration: underline;
			}
	table p:nth-child(2),
	table p:nth-child(2) a{
		font-size: 18px;
		line-height: 24px;
		color: rgba(20,21,20,0.60);
		}

/* ============================
   Speakers
   ============================ */

#speakers{
	background: linear-gradient( 45deg, rgb(20,21,20) 0%, rgb(17,45,40) 100%);
	}
#speakers.speakers-section{
	background: #fff;
	}
	#speakers h4{
		color: #fff;
		}
	#speakers h6{
		color: rgba(255,255,255,0.72);
		}
	#speakers .grid-4 .col{
		margin-bottom: 60px;
		}
		#speakers .grid-4 .col:first-of-type{
			display: none;
			}
		#speakers .grid-4 .col.speakers-link{
			text-align: center;
			margin-bottom: 0;
			}
			#speakers .grid-4 .col.speakers-link img{
				display: none;
				}
.borders-detail{
	position: absolute;
	top: -12px;
	left: 0;
	width: 100%;
	height: calc(100% + 24px);
	pointer-events: none;
	z-index: 2;
	}
	.borders-detail span:nth-child(1)::after,
	.borders-detail span:nth-child(2)::after,
	.borders-detail span:nth-child(3)::after,
	.borders-detail span:nth-child(4)::after,
	.borders-detail span:nth-child(1)::before,
	.borders-detail span:nth-child(2)::before,
	.borders-detail span:nth-child(3)::before,
	.borders-detail span:nth-child(4)::before{
		content: "";
		position: absolute;			 	
		background: #4b5a57;
		}
		.borders-detail span:nth-child(1)::after,
		.borders-detail span:nth-child(2)::after,
		.borders-detail span:nth-child(3)::after,
		.borders-detail span:nth-child(4)::after{
			width: 2px;
			height: 48px;
			}
		.borders-detail span:nth-child(1)::before,
		.borders-detail span:nth-child(2)::before,
		.borders-detail span:nth-child(3)::before,
		.borders-detail span:nth-child(4)::before{
			width: 48px;
			height: 2px;
			}
			.borders-detail span:nth-child(1)::after,
			.borders-detail span:nth-child(1)::before{
				top: 0;
				left: 0;
				}
			.borders-detail span:nth-child(2)::after,
			.borders-detail span:nth-child(2)::before{
				top: 0;
				right: 0;
				left: auto;
				}
			.borders-detail span:nth-child(3)::after,
			.borders-detail span:nth-child(3)::before{
				top: auto;
				bottom: 0;
				left: 0;
				}
			.borders-detail span:nth-child(4)::after,
			.borders-detail span:nth-child(4)::before{
				top: auto;
				bottom: 0;
				right: 0;
				left: auto;
				}
	.borders-detail-green span:nth-child(1)::after,
	.borders-detail-green span:nth-child(2)::after,
	.borders-detail-green span:nth-child(3)::after,
	.borders-detail-green span:nth-child(4)::after,
	.borders-detail-green span:nth-child(1)::before,
	.borders-detail-green span:nth-child(2)::before,
	.borders-detail-green span:nth-child(3)::before,
	.borders-detail-green span:nth-child(4)::before{
		background: #4bbd6c!important;
		}
	#speakers.speakers-section .borders-detail span:nth-child(1)::after,
	#speakers.speakers-section .borders-detail span:nth-child(2)::after,
	#speakers.speakers-section .borders-detail span:nth-child(3)::after,
	#speakers.speakers-section .borders-detail span:nth-child(4)::after,
	#speakers.speakers-section .borders-detail span:nth-child(1)::before,
	#speakers.speakers-section .borders-detail span:nth-child(2)::before,
	#speakers.speakers-section .borders-detail span:nth-child(3)::before,
	#speakers.speakers-section .borders-detail span:nth-child(4)::before{
		background: #c6c7c6;
		}	
.a-speakers div{
	position: relative;
	padding: 0;
	margin: 0;
	}
	.a-speakers div::after,
	.a-speakers div::before{
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border-radius: 100px;
		background: #4bbd6c;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 100;
		}
		.a-speakers:hover div::after{
			width: 36px;
			height: 4px;
			}
		.a-speakers:hover div::before{
			width: 4px;
			height: 36px;
			}
.a-speakers figure{
	width: calc(100% - 24px);
	margin: 12px;
	}
	.a-speakers figure img{
		width: 100%;
		filter: grayscale(0) blur(0);
		transition: .3s ease-in-out;
		}
		#speakers.speakers-section .a-speakers figure:hover{
			background: rgba(21,21,21,1)
			}
		.a-speakers figure:hover img{
			filter: grayscale(100%) blur(3px);
			opacity: 0.12;
			}
.a-speakers p{
	position: absolute;
	width: calc(100% - 24px);
	height: 66px;
	bottom: 0;
	left: 12px;
	font-size: 24px;
	padding-top: 48px;
	padding-bottom: 0;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(20,21,20,0) 0%,rgba(20,21,20,0.24) 24%,rgba(20,21,20,0.6) 48%,rgba(20,21,20,0.96) 100%);
	}
	.a-speakers p span{
		display: block;
		line-height: 28px;
		padding-left: 18px;
		}
		.a-speakers p span:first-child{
			text-transform: uppercase;
			color: #fff;
			}
		.a-speakers p span:last-child{
			font-size: 20px;
			color: #4bbd6c;
			}
.all-speakers{
	position: relative;
	display: inline-block;
	width: 68px;
	height: 68px;
	margin-bottom: 3px;
	box-shadow: inset 0 0 0 2px #4bbd6c;
	z-index: 2;
	}
	.all-speakers::after{
		content: "";
		position: absolute;
		top: -48px;
		right: 33px;
		width: 2px;
		height: 48px;
		background: #4bbd6c;
		z-index: 1;
		}
	.all-speakers span::after,
	.all-speakers span::before{
		content: "";
		position: absolute;
		right: 26px;
		width: 20px;
		height: 3px;
		border-radius: 10px;
		background: #fff;
		}
		.all-speakers span::after{
			top: 32px;
			left: 30px;
			transform: rotate(-45deg)
			}
		.all-speakers span::before{
			top: 32px;					
			left: 18px;
			transform: rotate(45deg);
			}
	.all-speakers:hover{	
		box-shadow: inset 0 0 0 2px #fff;
		}
		.all-speakers:hover span::after,
		.all-speakers:hover span::before{
			background: #4bbd6c;
			}
#speaker{
	position: relative;
	margin: 38px 0 0;
	}
	#speaker .grid-2,
	#speaker .grid-3--1-2{
		max-width: 912px;
		}
	#speaker img,
	#venue-info img{
    	width: calc(100% - 24px);
    	margin: 12px;
		}
	#speaker h2{
		padding: 36px 0 0;
		}
	#speaker .grid-2 .col:first-child .btn{
		margin-bottom: 0;
		}

/* ============================
   Tickets
   ============================ */
   
#tickets h5{
	color: #141514;
	border-bottom: 2px solid rgba(20,21,20,0.24);
	}   
#tickets h3{
	line-height: 46px;
	}
	#tickets h3 span{
		font-weight: 200;
		opacity:0.7;
		padding-left: 2px;
		}
#tickets p{
	font-size: 18px;
	line-height: 12px;
	opacity: 0.48;
	}
	#tickets p.vat{
		font-size: 16px;
		color: #4bbd6c;
		opacity: 1;
		}
#tickets del{
	position: relative;
	text-decoration: none;
	}
	#tickets del::after{
		content: "";
		position: absolute;
		top: 20px;
		right: 0;
		width: 100%;
		height: 4px;
		border-radius: 2px;
		background: #141514;
		}

/* ============================
   Venue
   ============================ */

#venue{
	background: linear-gradient( 45deg, rgb(20,21,20) 0%, rgb(17,45,40) 100%);
	}
#venue.venue-section{
	background: #fff;
	}
	#venue h4,
	#venue p{
    	color: #fff;
		}
	#venue.venue-section h4{
		color: #c7c7c7;
		}
	#venue.venue-section p{
		color: rgba(20,21,20,1);
		}
		#venue p:last-child{
			color: rgba(255,255,255,0.72);
			}
		#venue.venue-section p:last-child{
			color: rgba(20,21,20,0.72);
			}
.img-venue{
	position: relative;
	}
	.img-venue img{
    	width: calc(100% - 24px);
    	margin: 12px;
		}
	#venue.venue-section .borders-detail span:nth-child(1)::after,
	#venue.venue-section .borders-detail span:nth-child(2)::after,
	#venue.venue-section .borders-detail span:nth-child(3)::after,
	#venue.venue-section .borders-detail span:nth-child(4)::after,
	#venue.venue-section .borders-detail span:nth-child(1)::before,
	#venue.venue-section .borders-detail span:nth-child(2)::before,
	#venue.venue-section .borders-detail span:nth-child(3)::before,
	#venue.venue-section .borders-detail span:nth-child(4)::before{
		background: #c6c7c6;
		}
#venue-info{
	padding-top: 12px;
	padding-bottom: 48px;
	}
	#venue-info .col{
		padding-top: 36px;
		}
#venue-party{
	background: linear-gradient( 45deg, rgb(20,21,20) 0%, rgb(17,45,40) 100%);
	}
#venue-party.wrapper{
    width: 100%;
	padding: 0;	
	padding-bottom: 40px;
	}
	#venue-party .grid-2{
		max-width: none;
		}
	#venue-party .grid-2 .col,
	#venue-party .grid-2 .col:nth-child(2n+1){
    	width: 100%;
		margin-left: 0;
		}
#venue-party h4,
#venue-party p{
    width: 90%;
	padding: 0 5%;
	}
	#venue-party h4{
		padding-top: 40px;
		padding-bottom: 28px;
		}
		#venue-party h4 span{
			color: #fff;
			}
	#venue-party p{
		color: rgba(255,255,255,0.72);
		}
		#venue-party p strong{
			color: #4bbd6c;
			}
		#venue-party p:last-child{
			color: #fff;
			}

/* ============================
   Map
   ============================ */

 #map{
	width: 100%; 
	height: 288px;
    }


/* ============================
   Sponsors
   ============================ */
   
#sponsors img{
	display: inline-block;
	width: auto;
	height: 30px;
	margin-right: 12px;
	margin-bottom: 30px;
	vertical-align: middle;
	} 
	#sponsors img:first-of-type{
		width: 100%;
		height: auto;
		margin-right: 10px;
		}
#sponsors.sponsors-section img{
	margin-bottom: 42px;
	} 
#sponsors.sponsors-section h3{
	margin-bottom: 18px;
	}
#sponsors.sponsors-section h3 span{
	position: relative;
	}
#sponsors.sponsors-section h3 span::after{	
		content: "";
		position: absolute;
		width: 50%;
		height: 2px;
		bottom: -5px;
		left: 0;
		background: rgba(20,21,20,1);
		}

/* ============================
   Footer
   ============================ */

footer{
	position: relative;
	background: #141514;
	color: #fff;
	}
	footer p{
		font-size: 16px;
		line-height: 28px;
		color: rgba(255,255,255,0.48);
		}
	footer a{
		color: rgba(255,255,255,0.60);
		}
		footer a:hover{
			color: #4bbd6c;
			}

/* ============================
   Cookies
   ============================ */
   
.cookies-policy{
	position: fixed; 
	left: 0; 
	bottom: 0; 
	width: 100%; 
	background: rgba(255,255,255,0.96); 
	color: #fff; 
	z-index: 100; 
	text-align: left; 
	font-size: 13px;
	box-shadow: 0 0 4px 0 rgba(20,21,20,0.24);
	}
	.cookies-policy h2{
		font-size: 16px; 
		color: #141514;
		text-align: left; 
		padding: 0;
		margin: 0 0 0 18px;
		}
	.cookies-policy p{ 
		font-size: 13px; 
		color: #141514;
		line-height: 16px; 
		margin: 0 0 14px 18px;
		padding: 0;
		}
	.cookies-policy a{
		color: #fff; 
		text-decoration: underline;
		}
		.cookies-policy a#cookie-policy-ok{ 
			position: relative; 
			text-decoration: none; 
			float: right; 
			z-index: 9999; 
			font-size: 36px; 
			color: rgba(218,37,54,0.96); 
			margin: 4px 14px 6px 10px;
			}
		.cookies-policy a#cookie-policy-ok:hover{
			cursor: pointer; 
			color: #141514;
			}	

/* ======================================================= 
   MEDIA QUERIES 
   ======================================================= */

/* ====================== Max Menu ====================== */

@media screen and (max-width: 767px){
	.global-menu__wrap{
		max-width: 180px;
		}
	.global-menu__item{
		font-size: 36px;
		margin: 12px 0;
		}
	.menu__item-name {
		line-height: 36px;
		}
		.menu__item-name::after{
			top: 17px;
			}
	.hamburger{
		position: fixed;
		top: 0.5em;
		right: 0.5em;
		transform: scale(0.75);
		}
	.hamburger-bg{
		height: 48px;
		top: 240px;
		padding-top: 96px;
		}
		.hamburger-bg span{
			width: 48px;
			height: 48px;
			right: 18px;
			bottom: 78px;
			}
	
}/* ============================== End Max Menu */

/* ========================= 768 ========================= */

@media only screen and (min-width: 768px){
	
/* ============================
   Common 768
   ============================ */
 
h2{
	padding-bottom: 40px;
	}
.hero-wrapper h2{
	padding-bottom: 34px;
	}
p{
	padding-bottom: 36px;
	}
.line-detail{
	display: inline-block;
	}	
#info{
	padding-top: 48px;
	}
	#info .grid-2 .col:last-child{
		padding-top: 16px;
		}
	#info .grid-2 .col:last-child::before{
		top: -36px;
		height: 105.5%;
		}
	#info .grid-4{
		padding-top: 0;
		padding-bottom: 32px;
		}
	#info .grid-4 .col{
		padding-top: 20px;
		}
#sessions{
	padding-top: 18px;
	padding-bottom: 24px;
	}	
#speakers{
	padding-top: 48px;
	padding-bottom: 36px;
	}
	#speakers .grid-4{
		padding-top: 12px;
		}
#tickets{
	padding-top: 12px;
	padding-bottom: 12px;
	}
	#tickets p{
		padding-bottom: 0;
		}
	#tickets p.vat{
		padding-top: 42px;
		padding-bottom: 18px;
		}
	#tickets .grid-5--1-3-1 .col{
		padding-top: 36px;
		}
#venue{
	padding-top: 48px;
	padding-bottom: 50px;
	}
	#venue .img-venue{
		margin: 40px 0 22px;
		}
#sponsors{
	padding-top: 48px;
	padding-bottom: 24px;
	}
	#sponsors h6{
		margin-bottom: 54px;
		}
	#sponsors .btn{
		margin-bottom: 54px;
		}
footer p:first-of-type,
footer p:last-of-type{
	padding: 21px 0 23px;
	}	
	
/* ============================
   Grid 768
   ============================ */
 
.wrapper{
    width: 92%;	
	padding: 0 4%;
	font-size: 0;
	}	
.grid-1 .col, 
.grid-2 .col, 
.grid-3 .col, 
.grid-4 .col,
.grid-3--2-1 .col, 
.grid-3--1-2 .col,
.grid-5--1-3-1 .col,	
#speakers .grid-4 .col{
	display: inline-block;
	vertical-align: top;
	margin-left: 3%;
	}
    .grid-1 .col:nth-child(1n+1), 
	.grid-2 .col:nth-child(2n+1), 
	.grid-3 .col:nth-child(3n+1), 
	.grid-4 .col:nth-child(2n+1),
	.grid-3--2-1 .col:nth-child(2n+1), 
	.grid-3--1-2 .col:nth-child(2n+1),
	.grid-5--1-3-1 .col:nth-child(3n+2),
	#speakers .grid-4 .col:nth-child(3n+1){ 
		margin-left: 0;
		}
		.grid-2 .col,
		.grid-4 .col{ 
			width: 48.5%;
			}
		.grid-3 .col,
		.grid-3--2-1 .col,
		.grid-3--1-2 .col,
		#speakers .grid-4 .col{ 
			width: 31.33%;
			}	
            .grid-3--2-1 .col:first-child, 
			.grid-3--1-2 .col:last-child{ 
				width: 65.67%;
				}	
		.grid-5--1-3-1 .col{
			width: 31.33%;
			}
			.grid-5--1-3-1 .col:first-child, 
			.grid-5--1-3-1 .col:last-child{ 
				width: 100%;
				}
			.grid-5--1-3-1 .col:first-child{
				margin-left: 0;
				}
	
/* ============================
   Typography 768
   ============================ */

body,
h6,
#info p,
#speaker p,
#venue p,
#sponsors p,
#venue-party p,
table p{
    font-size: 22px;
	line-height: 34px;
	} 
h1{
	font-size: 66px;
	line-height: 78px;
	}
h2,
h4{
	font-size: 42px;
	line-height: 54px;
	}
h3{
	font-size: 32px;
	line-height: 40px;
	}
h5{
	font-size: 24px;
	line-height: 46px;
	}
.btn{
	font-size: 24px;
	line-height: 24px;
	}
.cta{
	font-size: 24px;
	line-height: 30px;
	}		
	
/* ============================
   Hero 768
   ============================ */   

.hero-title{
	position: absolute;
	width: 500px;
	height: 290px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	}
.hero-wrapper{
    height: 612px;
	}	
.hero-wrapper img{
	width: 202px;
	max-height: 48px;
	top: 42px;
	left: 36px;
	}
.hero-wrapper h1{
	padding-top: 0;
	width: 100%;
	}
.hero-wrapper h2{
	width: 100%;
	padding-left: 44px;
	box-sizing: border-box;	
	}
	.hero-wrapper h2::after{	
		width: 42px;
		top: 27px;
		left: 0;
		}
.hero-wrapper p{
	width: 100%;
	padding: 0;
	}
.hero-wrapper .h-left,
.hero-wrapper .h-right{
	position: absolute;
	width: auto;
	font-size: 18px;
	text-align: center;
	color: rgba(255,255,255,0.24);
	padding: 0;
	}
	.hero-wrapper .h-left{
		transform: rotate(-90deg);
		top: 248px;
		left: 22px;
		}
		.hero-wrapper .h-left a{
			color: rgba(255,255,255,0.24);
			}
	.hero-wrapper .h-right{
		transform: rotate(90deg);
		top: 286px;
		right: -54px;
		}
	.hero-wrapper .h-left p,
	.hero-wrapper .h-right p{
		width: auto;
		}	
.anchor{
	top: 3px;
	left: -90px;
	opacity: 0.24;
	}
	.anchor::after{
		top: 8px;
		left: 10px;
		}
	.anchor::before{
		top: 20px;					
		left: 10px;
		}		
.hero-wrapper .cta{
	padding: 22px 4% 26px
	}
	.hero-wrapper .cta span{
		display: inline-block;
		}		
#hero.hero-section .hero-wrapper{
    height: 412px;
	}	
#hero.hero-section .hero-title{
	width: 92%;
	height: 144px;
	padding-top: 36px;
	}
	#hero.hero-section .hero-wrapper h1{
    	width: 100%;
		}
		#hero.hero-section .hero-wrapper h1 span::after{
			bottom: -6px;
			}
	#hero.hero-section .hero-wrapper h2{
		width: 100%;
		font-size: 22px;
		line-height: 34px;
		padding-left: 0;
		padding-bottom: 0;
		}
	
/* ============================
   Info 768
   ============================ */

#info .grid-2{
	min-height: 684px;
	}			
#info .grid-2 .col:first-child{
	padding-right: 2%;
	box-sizing: border-box;	
	}	
#info .grid-2 .col:last-child{
	padding-left: 3%;
	text-align: center;
	box-sizing: border-box;	
	}
	#info .grid-2 .col:last-child .btn {
		margin-top: 32px;
    	margin-bottom: 48px;
		}
#info .grid-2 .col:last-child::before{	
	left: -3%;
	width: 112%;
	}
	.store{
		margin-top: 60px;
		}
		
/* ============================
   Sessions 768
   ============================ */
		
table td:first-child,
#tabs{
	font-size: 32px;
	line-height: 44px;
    }
table tr{
    padding: 24px 0;
	}	
	table td{
		display: inline-block;
		width: 83%;
		margin: 12px 0 12px 17%;
		vertical-align: top;
		}
		table thead th:first-child,
		table td:first-child{
			width: 14%;
			margin-left: 0;
			}
		table thead th:nth-child(2),
		table td:nth-child(2){
			margin-left: 3%;
			}
	
/* ============================
   Speakers 768
   ============================ */
		
#speakers .grid-2 .col:last-child{
	text-align: right;
	}
#speakers .grid-2 .line-detail{
	position: absolute;
	top: 33px;
	right: -85px;
	}
#speakers .grid-4 .col{
	margin-bottom: 24px;
	}
	#speakers .grid-4 .col:first-of-type{
		display: inline-block;
		}
		#speakers .grid-4 .col.speakers-link img{
			display: inline-block;
			}
	#speakers .grid-4 .line-detail svg{
		max-width: 170px;
		position: absolute;
		top: 25%;
		right: 0;
		bottom: 0;
		left: 0;
		margin:auto;
		vertical-align: middle;
		}
		#speakers .grid-4 .line-detail .ld1{
			stroke: rgba(255,255,255,0.24);
			}	
		#speakers.speakers-section .grid-4 .line-detail .ld1{
			stroke: rgba(20,21,20,0.24);
			}	
.a-speakers p{
	font-size: 20px;
	height: 60px;
	}
	.a-speakers p span{
		line-height: 24px;
		}
.all-speakers{
	position: absolute;
	right: 0;
	bottom: 13px;
	left: 0;	
	margin: 0 auto;
	}	
	.all-speakers::after{
		width: 108%;
		height: 2px;
		top: 32px;
		right: auto;
		left: -108%;
		}	
		.all-speakers span::after{
			top: 39px;
			left: 24px;
			transform: rotate(-45deg);
			}
		.all-speakers span::before{
			top: 26px;					
			left: 24px;
			transform: rotate(45deg);
			}	
#speaker{
	margin: 60px 0 12px;
	}
	#speaker h2{
		padding: 2px 0 0;
		}
	#speaker .grid-2 .col:last-child{
		text-align: right;
		}	

/* ============================
   Tickets 768
   ============================ */
   
#tickets .col{
	text-align: center;
	}	
#tickets p.vat{
	position: absolute;
	width: 100%;
	top: 132px;
	right: 109.5%;
	}
#tickets .grid-5--1-3-1 .col:last-child{
	padding-top: 68px;		
	}	
#tickets del::after{
	top: 23px;
	}
	
/* ============================
   Venue 768
   ============================ */

.img-venue,
.txt-venue{
	display: inline-block;
	width: 48.5%;
	vertical-align: top;
	}
	.txt-venue{
		padding-top: 96px;
		margin-left: 3%;
		}
	#venue.venue-section .txt-venue{
    	padding-top: 32px;
		}
.img-venue img{
	margin: 0 12px;
	}	
#venue-info{
    padding-top: 24px;
    padding-bottom: 60px;
	}	
#venue-party.wrapper{
	padding-bottom: 50px;
	}	
#venue-party h4,
#venue-party p{
    width: 92%;
	padding: 0 4%;
	}	
	#venue-party h4{
		padding-top: 50px;
		padding-bottom: 28px;
		}	

/* ============================
   Map 768
   ============================ */

 #map{
	height: 408px;
    }	
	
/* ============================
   Sponsors 768
   ============================ */
	
#sponsors .grid-2 .col:last-child{
	text-align: right;
	}
#sponsors .grid-2 .line-detail{
	position: absolute;
	top: 33px;
	right: -85px;
	}
	#sponsors .grid-2 .line-detail .ld1{
		stroke: rgba(20,21,20,0.24);
		}			
#sponsors .grid-1 .col{
	text-align: center;
	}	   
#sponsors img{
	height: 48px;
	margin-right: 24px;
	margin-bottom: 36px;
	margin-left: 24px;
	} 
	#sponsors img:first-of-type{
		width: auto;
		margin-left: 0;
		height: 60px;
		}
		#sponsors .silver img:first-of-type{
			width: 130px;
		}
#sponsors.sponsors-section img{
    margin-bottom: 60px;
	}	
#sponsors.sponsors-section h3{
    margin-bottom: 36px;
	}	
	#sponsors.sponsors-section h3 span::after{	
		bottom: -12px;
		left: 0;
		right: 0;
		margin: auto;
		}
	
/* ============================
   Footer 768
   ============================ */

footer p{
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
	}
	footer p:first-child{
		width: 60%;		
		}
	footer p:last-child{
		width: 40%;
		text-align: right;
		}
				
}/* ============================== End media 768 */


/* ========================= 1024 ========================= */

@media only screen and (min-width: 1024px){
	
/* ============================
   Common 1024
   ============================ */
 
#info .grid-4{
	padding-top: 50px;
	}
#speakers{
    padding-bottom: 30px;
	}	
#venue .img-venue{
	margin: 24px 0 22px 14%;
	}

/* ============================
   Grid 1024
   ============================ */
	
#speakers .grid-4 .col{ 
	width: 22.75%;
	}
	#speakers .grid-4 .col:nth-child(3n+1){ 
	margin-left: 3%;
	}
#speakers .grid-4 .col:nth-child(4n+1){ 
	margin-left: 0;
	}
	
/* ============================
   Hero 1024
   ============================ */   
	
#hero{
	height: 100vh;
	}	
.hero-wrapper{
    height: 100%;
	}	
.hero-wrapper .h-left, .hero-wrapper .h-right{
	top: 48%;		
	}
.anchor{
	left: -37vh;
	}	
.hero-wrapper .cta{
	width: 50%;
	right: 0;
	left: auto;
	padding-left: 24px;
	background: none;
	}
	.hero-wrapper .cta::before{
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 746px;
		z-index: -2;
		pointer-events: none;
		background: linear-gradient(45deg, #00b09b 0%, #96c93d 100%);
		}	
		.hero-wrapper .cta:hover{
			color: #4bbd6c;
			background: #fff;
			}
			.hero-wrapper .cta:hover::after{
				background: #4bbd6c;
				}	
				.hero-wrapper .cta:hover span::after,
				.hero-wrapper .cta:hover span::before{
					background: #fff;
					}	
#hero.hero-section.speakers{
	background: #000 url(../images/bg-speakers-1024.jpg) no-repeat center / cover;
	}	
#hero.hero-section.sponsors{
	background: #000 url(../images/bg-sponsors-1024.jpg) no-repeat center / cover;
	}	
#hero.hero-section.sessions{
	background: #000 url(../images/bg-sessions-1024.jpg) no-repeat center / cover;
	}
#hero.hero-section.venue{
	background: #000 url(../images/bg-venue-1024.jpg) no-repeat center / cover;
	}	
#hero.hero-section,	
#hero.hero-section .hero-wrapper{
    height: 436px;
	}	
	
/* ============================
   Info 1024
   ============================ */
	
#info .grid-2{
	min-height: 620px;
	}			
#info .grid-2 .col:first-child{
	padding-right: 2%;
	box-sizing: border-box;	
	}	
#info .grid-2 .col:last-child{
	z-index: 100;
	padding-top: 20px;
	}
	#info .grid-2 .col:last-child .btn {
		margin-top: 0px;
    	margin-bottom: 58px;
		}
#info .grid-2 .col:last-child::before{	
	display: none;
	}	
.store{
    margin-top: 56px;
	}
	
/* ============================
   Sessions 1024
   ============================ */
	
table thead.stick,	
table thead{
	display: block!important;
	}
table thead tr{
    border-bottom: none;    
	padding: 24px 0 0;
	transition: all 0.3s ease;
	}
	table thead.stick tr{
		padding: 4px 0 22px;
		}		
	table thead th,
	table td{
		display: inline-block;
		width: 20.25%;
		margin-left: 2%;
		padding-left: 0;
		}
		table.day-2 thead th,
		table.day-2 td{
			width: 15.6%;
			}
		table thead th:first-child,
		table td:first-child{
			width: 10%;
			}	
		table th::after{
			top: auto;
			bottom: -9px;
			width: 100%;
			height: 6px;
			}
		table th:first-child::after,
		table td::after,
		table td::before{
			display: none;
			}
		table thead th p:last-child{
			font-size: 22px;
			line-height: 34px;
			color: rgba(20,21,20,1);
			}	
	table p:first-child{
		padding-top: 0;
		}
	table td.no-room p.line-1,
	table p.line-1{
		padding-top: 12px;
		}

/* ============================
   Speakers 1024
   ============================ */	
	
#speakers .grid-2 .col:first-child{
	padding-left: 8.55%;
	box-sizing: border-box;
	}		
#speakers .grid-2 .col:last-child{
	padding-right: 8.55%;
	box-sizing: border-box;
	}	
#speakers .grid-2 .line-detail{
    right: -12px;
	}	
#speakers .grid-4 .col{
	margin-bottom: 30px;
	}	
	#speakers .btn::after{
		content: "";
		position: absolute;
		width: 120px;
		height: 2px;
		top: 34px;
		left: -120px;
		background: #4bbd6c;
		}	
	
/* ============================
   Venue 1024
   ============================ */

#venue h4{
	position: absolute;
	width: 220px;
	top: 74px;
	left: 0;
	padding-left: 3.1%;
	z-index: 100;
	}
#venue .btn::after{
		content: "";
		position: absolute;
		width: 40px;
		height: 2px;
		top: 34px;
		left: -40px;
		background: #4bbd6c;
		}	
.img-venue{
	width: 48.5%;
	}
	.txt-venue{
		width: 34%;
		padding-top: 83px;
		}
	#venue.venue-section .txt-venue{
    	padding-top: 16px;
		}	
#venue-party.wrapper{
	padding-bottom: 0;
	}	
#venue-party h4,
#venue-party p{
    width: 88%;
	padding: 0 6%;
	}	
	#venue-party h4{
		padding-top: 60px;
		max-width: 432px;
		padding-bottom: 28px;
		}	
	#venue-party .grid-2 .col,
	#venue-party .grid-2 .col:nth-child(2n+1){
    	width: 50%;
		}	
	
/* ============================
   Sponsors 1024
   ============================ */
	
#sponsors .grid-2 .col:first-child{
	width: 56%;
	padding-left: 8.55%;
	box-sizing: border-box;
	}		
#sponsors .grid-2 .col:last-child{
	width: 41%;
	padding-right: 8.55%;
	box-sizing: border-box;
	}
#sponsors .grid-2 .line-detail{
    right: 66px;
	}		
#sponsors img{
    margin-right:84px;
	}	
	#sponsors .btn::after{
		content: "";
		position: absolute;
		width: 120px;
		height: 2px;
		top: 34px;
		left: -120px;
		background: #141514;
		}	
	
/* ============================
   Cookies 1024
   ============================ */
   
.cookies-policy{
	width: 46%;
	}
	.cookies-policy h2{
		line-height: 44px;
		}
				
}/* ============================== End media 1024 */

/* ========================= 1280 ========================= */

@media only screen and (min-width: 1280px){
	
/* ============================
   Common 1280
   ============================ */
 
.btn{
	padding: 31px 34px 33px;
	}	
	.btn.outline-grey span{
    	margin-top: -18px;
		}
h2{
	padding-bottom: 40px;
	}
.hero-wrapper h2{
	padding-bottom: 34px;
	}
p{
	padding-bottom: 36px;
	}
.line-detail{
	display: inline-block;
	}	
#info{
	padding-top: 80px;
	}
	#info .grid-2 .col:last-child{
		padding-top: 82px;
		}
	#info .grid-2 .col:last-child::before{
		top: -36px;
		height: 110%;
		}
	#info .grid-4{
		padding-top: 30px;
		padding-bottom: 52px;
		}
	#info .grid-4 .col{
		padding-top: 20px;
		}
#sessions{
	padding-top: 24px;
	padding-bottom: 54px;
	}	
#speakers{
	padding-top: 80px;
	padding-bottom: 60px;
	}
	#speakers .grid-4{
		padding-top: 48px;
		}
#tickets{
	padding-top: 44px;
	padding-bottom: 92px;
	}
	#tickets p{
		padding-bottom: 0;
		}
	#tickets p.vat{
		padding-top: 42px;
		padding-bottom: 18px;
		}
	#tickets .grid-5--1-3-1 .col{
		padding-top: 36px;
		}
#venue{
	padding-top: 48px;
	padding-bottom: 86px;
	}	
	#venue .img-venue{
		margin: 60px 0 22px 22.8%;
		}	
#sponsors{
	padding-top: 80px;
	padding-bottom: 36px;
	}
	#sponsors h6{
		margin-bottom: 54px;
		}
	#sponsors .btn{
		margin-bottom: 54px;
		}
footer p:first-of-type,
footer p:last-of-type{
	padding: 21px 0 23px;
	}	
	
/* ============================
   Grid 1280
   ============================ */
	
.grid-4 .col{
	width: 22.75%;
	}
    .grid-4 .col:nth-child(4n+3){ 
		margin-left: 3%;
		}
    .grid-4 .col:nth-child(4n+1){ 
		margin-left: 0;
		}
.grid-5--1-3-1 .col:nth-child(3n+2){ 
	margin-left: 3%;
	}	
	.grid-5--1-3-1 .col{
		width: 14.3%;
		margin-left: 3%;
		}
		.grid-5--1-3-1 .col:first-child, 
		.grid-5--1-3-1 .col:last-child{ 
			width: 22.55%;
			}	
 	
/* ============================
   Typography 1280
   ============================ */

body,
h6,
#info p,
#venue p,
#sponsors p,
#venue-party p{
    font-size: 24px;
	line-height: 38px;
	} 
h1{
	font-size: 96px;
	line-height: 108px;
	}
h2,
h4{
	font-size: 72px;
	line-height: 84px;
	}
h3{
	font-size: 36px;
	line-height: 44px;
	}
h5{
	font-size: 30px;
	line-height: 50px;
	}	
.btn{
	font-size: 32px;
	line-height: 32px;
	}
.cta{
	font-size: 32px;
	line-height: 38px;
	}	

/* ============================
   Hero 1280
   ============================ */   

.hero-title{
	width: 684px;
	height: 480px;
	}
.hero-wrapper h2{
	font-size: 54px;
	line-height: 66px;
	padding-bottom: 58px;
	padding-left: 108px;
	}
	.hero-wrapper h2::after{	
		width: 104px;
		top: 34px;
		}
.hero-wrapper p{
	font-size: 30px;
	line-height: 42px;
	}	
.hero-wrapper .h-left,
.hero-wrapper .h-right{
    font-size: 24px;
	}	
	.hero-wrapper .h-left{
		left: 4px;
		}
	.hero-wrapper .h-right{
		right: -92px;
		}
.anchor{
    left: -38vh;
	}	
	.anchor::after,
	.anchor::before{
		height: 4px;
		}	
		.anchor::after{
			top: 12px;
			}
		.anchor::before{
			top: 24px;		
			}
.hero-wrapper .cta{
	padding: 34px 0 36px 36px;
	}	
	.hero-wrapper .cta::before{
		height: 920px;
		}	
		.hero-wrapper .cta::after{
			width: 108px;
			height: 108px;
			}
			.hero-wrapper .cta span::after,
			.hero-wrapper .cta span::before{
				right: 38px;
				width: 34px;
				height: 4px;
				}	
				.hero-wrapper .cta span::after{
					top: 63px;
					transform: rotate(-45deg);
					}
				.hero-wrapper .cta span::before{
					top: 41px;					
					transform: rotate(45deg);
					}
#hero.hero-section,	
#hero.hero-section .hero-wrapper{
    height: 456px;
	}	
#hero.hero-section .hero-title{
	max-width: 1260px;
	height: 176px;
    padding-top: 0;
	padding-bottom: 0;
	}
#hero.hero-section .hero-wrapper h1 span::after{
    bottom: 2px;
	}	
#hero.hero-section .hero-wrapper h2{
    font-size: 30px;
    line-height: 42px;
	padding-top: 30px;
	}
	
/* ============================
   Info 1280
   ============================ */
	
#info .grid-2{
    min-height: 780px;
	}
#info .grid-2 .col:first-child{
	padding-right: 6%;
	}
	#info .grid-2 .col:first-child h2{
		max-width: 430px;
		}
#info .grid-2 .col:last-child{
    padding-left: 8%;
	}	
#info .grid-4 .col{
    text-align: center;
	}	
#info .grid-4 .icon-txt{
	display: block;
	width: 100%;
	margin-top: -6px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
	#info .grid-4 .icon-txt p{
  	  	line-height: 32px;
		}
.icon-svg{
	width: 96px;
	height: 96px;
	}		
.store{
    margin-top: 62px;
	}
	
/* ============================
   Sessions 768
   ============================ */
	
#tabs li {
    padding-right: 24px;
	}		
	
/* ============================
   Speakers 1280
   ============================ */	
				
#speakers .grid-2 .line-detail{
	top: 48px;
    right: 10px;
	}	
#speakers .grid-4 .col{
	margin-bottom: 36px;
	}	
#speakers .grid-2 .col:last-child .btn{
	margin-top: 16px;
	}	
	#speakers .btn::after{
		width: 198px;
		top: 47px;
		left: -198px;
		}	
.a-speakers p{
	height: 62px;
	font-size: 24px;
	}	
.all-speakers{
    width: 72px;
    height: 72px;
    bottom: 47px;
	}
	.all-speakers::after{
		width: 108px;
		top: 35px;
		left: -108px;
		}
		.all-speakers span::after{
			width: 24px;
			top: 42px;
			left: 24px;
			transform: rotate(-45deg);
			}
		.all-speakers span::before{
			width: 24px;
			top: 27px;					
			left: 24px;
			transform: rotate(45deg);
			}
#speakers.speakers-section{
    padding-top: 60px;
	}	
	#speakers.speakers-section .grid-4{
		padding-top: 0;
		}	
#speaker{
	margin: 60px 0 48px;
	}	
	#speaker h2{
		padding: 0;
		}
	
/* ============================
   Tickets 1280
   ============================ */	
	
#tickets h3{
	padding-top: 3px;
	}
#tickets h5{
	padding-top: 2px;
	}	
#tickets .grid-5--1-3-1 .col:first-child{
	text-align: left;
	}
#tickets .grid-5--1-3-1 .col:last-child{
	padding-top: 40px;
	text-align: right;
	}
	#tickets .grid-5--1-3-1 .col:last-child .btn{
		min-width: 148px;
		}
#tickets p.vat{
    width: 196px;
    top: 140px;
    right: 210px;
	}	
#tickets del::after{
	top: 26px;
	}	
	
/* ============================
   Venue 1280
   ============================ */

#venue h4{
	width: 400px;
	top: 104px;
	padding-left: 8.1%;
	}
#venue .btn{
	min-width: 256px;
	margin-bottom: 36px;
	}	
	#venue .btn::after{
		width: 50px;
		top: 47px;
		left: -50px;
		}
.img-venue{
	width: 40%;
	}
	.txt-venue{
		width: 34%;
		padding-top: 132px;
		}	
	#venue.venue-section .txt-venue{
    	padding-top: 90px;
		}
#venue.venue-section{
    padding-top: 12px;
	}	
#venue-info {
    padding-top: 60px;
    padding-bottom: 96px;
}	
#venue-party h4,
#venue-party p{
    width: 90%;
	padding: 0 5%;
	}	
	#venue-party h4{
		padding-top: 52px;
		max-width: 500px;
		padding-right: 0;
		padding-bottom: 40px;
		}	
		#venue-party p:nth-child(3){
			max-width: 360px;
			}	
	
/* ============================
   Map 1280
   ============================ */

 #map{
	height: 504px;
    }	
	
/* ============================
   Sponsors 1280
   ============================ */	
				
#sponsors .grid-2 .line-detail{
	top: 48px;
    right: 96px;
	}	
#sponsors .grid-4 .col{
	margin-bottom: 36px;
	}	
#sponsors .grid-2 .col:last-child .btn{
	margin-top: 16px;
	}	
	#sponsors .btn::after{
		width: 190px;
		top: 47px;
		left: -190px;
		}		
#sponsors img{
	height: 60px;
	margin-right: 24px;
	margin-left: 24px;
	margin-bottom: 60px;
	} 
	#sponsors img:first-of-type{
		height: 84px;
		margin-top: 32px;
		margin-right: 10%;
		margin-left: 10%;
		} 
#sponsors.sponsors-section{
    padding-top: 54px;
	}	
#sponsors.sponsors-section img{
    margin-bottom: 84px;
	}	
	#sponsors.sponsors-section img:first-of-type{
		height: 72px;
		margin-top:0;
		}
		#sponsors.sponsors-section .silver img:first-of-type{
			width: 150px;
		}
#sponsors.sponsors-section h3{
    margin-bottom: 42px;
	}	
	#sponsors.sponsors-section h3 span::after{	
		bottom: -15px;
		}	
	
}/* ============================== End media 1280 */


/* ============================
   Fix
   ============================ */   
	
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	#hero{
		height: 704px;
		}
}
@media only screen and (min-device-width: 1078px) and (max-device-width: 1279px){	
	.hero-wrapper .cta::before {
    	height: 712px;
		}
	#info .grid-2{
		min-height: 586px;
		}
}
@media only screen and (min-device-width: 1321px) and (max-device-width: 1366px){	
	.hero-wrapper .cta::before {
    	height: 882px;
		}
	#info .grid-2{
		min-height: 742px;
		}
}
@media only screen and (min-device-width: 1366px){	
	.hero-wrapper .cta::before {
    	height: 884px;
		}
	#info .grid-2{
		min-height: 742px;
		}
}
@media only screen and (min-width: 1280px) and (max-width: 1365px){
	.cta{
    	font-size: 28px;
    	line-height: 36px;
		}
	#speakers .grid-2 .line-detail{
		right: -24px;
		}
	#speakers .btn::after,
	#sponsors .btn::after{
    	width: 120px;
    	left: -120px;
		}
	#sponsors .grid-2 .line-detail{
    	right: 60px;
		}
}
@media only screen and (min-width: 1600px){
	#hero.hero-section,	
	#hero.hero-section .hero-wrapper{
		height: 528px;
		}
	#hero.hero-section .hero-title{
		padding-bottom: 24px;
		}		
	#venue-party h4,
	#venue-party p{
		width: 82%;
		padding: 0 9%;
		}	
		#venue-party h4{
			padding-top: 80px;
			max-width: 500px;
			padding-right: 0;
			padding-bottom: 40px;
			}	
}