/* =============================================================================
   Spring I/O 2020 : 2020.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: rgba(24,48,68,1); color: #6d7071; -webkit-backface-visibility: hidden; }
input, textarea{ outline: none; resize: none; border: none; border: 0; }
a{ text-decoration: none; outline: none; color:rgba(0,176,154,1);}
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:rgba(0,176,154,1)!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 
   ============================ */

/* 
Black: #183044 - rgba(24,48,68,1);
Pink: #ee3c82 - rgba(238,60,130,1);
Green: #00b09a - rgba(0,176,154,1);
Purple: #7848be - rgba(120,72,190,1);
Blue: #26BEE4 - rgba(38,190,228,1);
Orange: #f4983c - rgba(244,152,60,1);
Yellow: #f4ac48 - rgba(244,174,72,1);
Magenta: #fc4062 - rgba(252,64,98,1);
*/

.body-live{
 	background: rgba(24,36,54,1);
	}
	.body-live .grid-3--2-1 h2{
		color: rgba(120,72,190,1);
		}
a, 
header, 
nav, 
img,
h1, 
h2, 
h3, 
h4, 
h5,
h6,
.a-speakers div::after,
.a-speakers div::before,
.all-speakers,
.all-speakers span::before,
.all-speakers span::after,
.hero-wrapper,
#hero,
#info,
#speakers,
#tickets,
#venue,
#sponsors,
#sessions-list,
.anchor::after,
.anchor::before{
	transition: all 0.3s ease;
	}
.bg-init, 
.animsition-overlay-slide,
.bg-init.gg, 
.gg .animsition-overlay-slide{ 
	background: rgba(0,176,154,1);
	z-index: 3000;
	}
	.overlay-slide-out-top.gg,
	.overlay-slide-out-right.gg,
	.overlay-slide-out-bottom.gg,
	.overlay-slide-out-left.gg{
		background: rgba(0,176,154,1)!important;
		}
.bg-init.gb, 
.gb .animsition-overlay-slide{
	background: rgba(38,190,228,1);
	}
	.overlay-slide-out-top.gb,
	.overlay-slide-out-right.gb,
	.overlay-slide-out-bottom.gb,
	.overlay-slide-out-left.gb{
		background: rgba(38,190,228,1)!important;
	}
.bg-init.go, 
.go .animsition-overlay-slide,
.overlay-slide-out-top.go{
	background: rgba(120,72,190,1);
	}
	.overlay-slide-out-top.go,
	.overlay-slide-out-right.go,
	.overlay-slide-out-bottom.go,
	.overlay-slide-out-left.go{
		background: rgba(120,72,190,1)!important; 
		}
.bg-init.gpo, 
.gp .animsition-overlay-slide,
.overlay-slide-out-top.gp{
	background: rgba(238,60,130,1);
	}
	.overlay-slide-out-top.gp,
	.overlay-slide-out-right.gp,
	.overlay-slide-out-bottom.gp,
	.overlay-slide-out-left.gp{
		background: rgba(238,60,130,1)!important; 
		}
.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; }
	}
.cta-button{
	display: inline-block;
    text-decoration: none;
    position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
	.cta-button *, .cta-button *:before, .cta-button *:after {
		-webkit-box-sizing: inherit;
		-moz-box-sizing: inherit;
		box-sizing: inherit;
		}
	.cta-button b{
		position: relative;
		display: block;
		line-height: 1.15em;
		margin-top: -1.15em;
		top: 2.3em;
		text-align: center;
		}
	.cta-button .bottom{
		display: block;
		position: absolute;
		left: 7px;
		top: 7px;
		width: 100%;
		height: 100%;
		background: rgba(238,60,130,1);
		transition: all .15s ease-out;
		}
	.cta-button .top{
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 24px 32px 22px 32px;
		border: 2px solid rgba(255,255,255,1);
		}
		.cta-button .top .label{
			position: relative;
			padding-right: 30px;
			color: rgba(255,255,255,1);
			font-size: 16px;
			line-height: 110%;
			letter-spacing: 1px;
			text-align: center;
			text-transform: uppercase;
			transition: all .15s ease-out;
			}
			.cta-button .top .label::after,
			.cta-button .top .label::before{
				content: "";
				position: absolute;
				right: -6px;
				width: 16px;
				height: 2px;
				border-radius: 10px;
				background: rgba(255,255,255,1);
				z-index: 2;
				transition: all .25s ease-out;
				}
				.cta-button:hover .top .label::after,
				.cta-button:hover .top .label::before{
					right: -12px;
					background: rgba(238,60,130,1);			
					}
				.cta-button .top .label::after{
					top: 12px;
					transform: rotate(-45deg);
					}
				.cta-button .top .label::before{
					top: 2px;					
					transform: rotate(45deg);
					}
		.cta-button:hover .bottom{
			left: 0;
			top: 0;
			background: rgba(24,48,68,1);
			}
			.cta-button:hover .top .label{
				color: rgba(238,60,130,1);
				}
.cta-button-border{
	position: absolute;
	background: rgba(0,176,154,1);
	transition: all .25s ease-out;
	}
	.cta-button:hover .top .cta-button-border-left,.cta-button:hover .top .cta-button-border-right{
		height: calc(100% + 2px);
		}
	.cta-button:hover .top .cta-button-border-top,.cta-button:hover .top .cta-button-border-bottom{
		width: calc(100% + 2px);
		}
.cta-button-border-left{
	left: -2px;
	bottom: -2px;
	width: 2px;
	height: 0;
	}
.cta-button-border-top{
	left: -2px;
	top: -2px;
	width: 0;
	height: 2px;
	}
.cta-button-border-right{
	right: -2px;
	top: -2px;
	width: 2px;
	height: 0;
	}
.cta-button-border-bottom{
	right: -2px;
	bottom: -2px;
	width: 0;
	height: 2px;
	}
/* Green */
.cta-button.green .bottom{
	background: rgba(0,176,154,1);
	}
.cta-button.green .top{
	border: 2px solid rgba(255,255,255,1);
	}
.cta-button.green .top .label::after,
.cta-button.green .top .label::before{
	background: rgba(24,48,68,1);
	}
.cta-button.green .top .label{
	color: rgba(24,48,68,1);
	}
.cta-button.green:hover .bottom{
	background: rgba(24,48,68,1);
	}
.cta-button.green:hover .top .label::after,
.cta-button.green:hover .top .label::before{
	background: rgba(255,255,255,1);
	}	
.cta-button.green .cta-button-border{
	background: rgba(0,176,154,1);
	}	
.cta-button.green:hover .top .label{
	color: rgba(255,255,255,1);
	}
/* Blue */
.cta-button.blue .bottom{
	background: rgba(38,190,228,1);
	}
.cta-button.blue .top{
	border: 2px solid rgba(255,255,255,1);
	}
.cta-button.blue .top .label::after,
.cta-button.blue .top .label::before{
	background: rgba(24,48,68,1);
	}
.cta-button.blue .top .label{
	color: rgba(24,48,68,1);
	}
.cta-button.blue:hover .bottom{
	background: rgba(24,48,68,1);
	}
.cta-button.blue:hover .top .label::after,
.cta-button.blue:hover .top .label::before{
	background: rgba(255,255,255,1);
	}	
.cta-button.blue .cta-button-border{
	background: rgba(38,190,228,1);
	}	
.cta-button.blue:hover .top .label{
	color: rgba(255,255,255,1);
	}
/* Yellow */
.cta-button.yellow .bottom{
	background: rgba(244,174,72,1);
	}
.cta-button.yellow .top{
	border: 2px solid rgba(255,255,255,1);
	}
.cta-button.yellow .top .label::after,
.cta-button.yellow .top .label::before{
	background: rgba(24,48,68,1);
	}
.cta-button.yellow .top .label{
	color: rgba(24,48,68,1);
	}
.cta-button.yellow:hover .bottom{
	background: rgba(24,48,68,1);
	}
.cta-button.yellow:hover .top .label::after,
.cta-button.yellow:hover .top .label::before{
	background: rgba(120,72,190,1);
	}	
.cta-button.yellow .cta-button-border{
	background: rgba(244,174,72,1);
	}	
.cta-button.yellow:hover .top .label{
	color: rgba(120,72,190,1);
	}
/* Blue Pink */
.cta-button.blue-pink .bottom{
	background: rgba(238,60,130,1);
	}
.cta-button.blue-pink .top{
	border: 2px solid rgba(255,255,255,1);
	}
.cta-button.blue-pink .top .label::after,
.cta-button.blue-pink .top .label::before{
	background: rgba(24,48,68,1);
	}
.cta-button.blue-pink .top .label{
	color: rgba(24,48,68,1);
	}
.cta-button.blue-pink:hover .bottom{
	background: rgba(38,190,228,1);
	}
.cta-button.blue-pink:hover .top .label::after,
.cta-button.blue-pink:hover .top .label::before{
	background: rgba(255,255,255,1);
	}	
.cta-button.blue-pink .cta-button-border{
	background: rgba(24,48,68,1);
	}	
.cta-button.blue-pink:hover .top .label{
	color: rgba(255,255,255,1);
	}
/* Blue Purple */
.cta-button.blue-purple .bottom{
	background: rgba(120,72,190,1);
	}
.cta-button.blue-purple .top{
	border: 2px solid rgba(255,255,255,1);
	}
.cta-button.blue-purple .top .label::after,
.cta-button.blue-purple .top .label::before{
	background: rgba(255,255,255,1);
	}
.cta-button.blue-purple .top .label{
	color: rgba(255,255,255,1);
	}
.cta-button.blue-purple:hover .bottom{
	background: rgba(38,190,228,1);
	}
.cta-button.blue-purple:hover .top .label::after,
.cta-button.blue-purple:hover .top .label::before{
	background: rgba(24,48,68,1);
	}	
.cta-button.blue-purple .cta-button-border{
	background: rgba(120,72,190,1);
	}	
.cta-button.blue-purple:hover .top .label{
	color: rgba(24,48,68,1);
	}
/* Blue Green */
.cta-button.blue-green .bottom{
	background: rgba(120,72,190,1);
	}
.cta-button.blue-green .top{
	border: 2px solid rgba(255,255,255,1);
	}
.cta-button.blue-green .top .label::after,
.cta-button.blue-green .top .label::before{
	background: rgba(24,48,68,1);
	}
.cta-button.blue-green .top .label{
	color: rgba(24,48,68,1);
	}
.cta-button.blue-green:hover .bottom{
	background: rgba(38,190,228,1);
	}
.cta-button.blue-green:hover .top .label::after,
.cta-button.blue-green:hover .top .label::before{
	background: rgba(120,72,190,1);
	}	
.cta-button.blue-green .cta-button-border{
	background: rgba(24,48,68,1);
	}	
.cta-button.blue-green:hover .top .label{
	color: rgba(120,72,190,1);
	}
/* Pink Blue */
.cta-button.pink-blue .bottom{
	background: rgba(38,190,228,1);
	}
.cta-button.pink-blue .top{
	border: 2px solid rgba(24,48,68,1);
	}
.cta-button.pink-blue .top .label::after,
.cta-button.pink-blue .top .label::before{
	background: rgba(24,48,68,1);
	}
.cta-button.pink-blue .top .label{
	color: rgba(24,48,68,1);
	}
.cta-button.pink-blue:hover .bottom{
	background: rgba(238,60,130,1);
	}
.cta-button.pink-blue:hover .top .label::after,
.cta-button.pink-blue:hover .top .label::before,
.cta-button.pink-blue .cta-button-border{
	background: rgba(0,176,154,1);			
	}	
.cta-button.pink-blue:hover .top .label{
	color: rgba(0,176,154,1);
	}
/* Pink Yellow */
.cta-button.pink-yellow .bottom{
	background: rgba(244,174,72,1);
	}
.cta-button.pink-yellow .top{
	border: 2px solid rgba(255,255,255,1);
	}
.cta-button.pink-yellow .top .label::after,
.cta-button.pink-yellow .top .label::before{
	background: rgba(24,48,68,1);
	}
.cta-button.pink-yellow .top .label{
	color: rgba(24,48,68,1);
	}
.cta-button.pink-yellow:hover .bottom{
	background: rgba(238,60,130,1);
	}
.cta-button.pink-yellow:hover .top .label::after,
.cta-button.pink-yellow:hover .top .label::before{
	background: rgba(244,174,72,1);
	}	
.cta-button.pink-yellow .cta-button-border{
	background: rgba(24,48,68,1);
	}	
.cta-button.pink-yellow:hover .top .label{
	color: rgba(244,174,72,1);
	}
/* Purple Green */
.cta-button.purple-green .bottom{
	background: rgba(0,176,154,1);
	}
.cta-button.purple-green .top{
	border: 2px solid rgba(255,255,255,1);
	}
.cta-button.purple-green .top .label::after,
.cta-button.purple-green .top .label::before{
	background: rgba(24,48,68,1);
	}
.cta-button.purple-green .top .label{
	color: rgba(24,48,68,1);
	}
.cta-button.purple-green:hover .bottom{
	background: rgba(120,72,190,1);
	}
.cta-button.purple-green:hover .top .label::after,
.cta-button.purple-green:hover .top .label::before{
	background: rgba(0,176,154,1);
	}	
.cta-button.purple-green .cta-button-border{
	background: rgba(24,48,68,1);
	}	
.cta-button.purple-green:hover .top .label{
	color: rgba(0,176,154,1);
	}
/* Purple Yellow */
.cta-button.purple-yellow .bottom{
	background: rgba(244,174,72,1);
	}
.cta-button.purple-yellow .top{
	border: 2px solid rgba(255,255,255,1);
	}
.cta-button.purple-yellow .top .label::after,
.cta-button.purple-yellow .top .label::before{
	background: rgba(24,48,68,1);
	}
.cta-button.purple-yellow .top .label{
	color: rgba(24,48,68,1);
	}
.cta-button.purple-yellow:hover .bottom{
	background: rgba(120,72,190,1);
	}
.cta-button.purple-yellow:hover .top .label::after,
.cta-button.purple-yellow:hover .top .label::before{
	background: rgba(244,174,72,1);
	}	
.cta-button.purple-yellow .cta-button-border{
	background: rgba(24,48,68,1);
	}	
.cta-button.purple-yellow:hover .top .label{
	color: rgba(244,174,72,1);
	}
/* Purple Blue */
.cta-button.purple-blue .bottom{
	background: rgba(38,190,228,1);
	}
.cta-button.purple-blue .top{
	border: 2px solid rgba(255,255,255,1);
	}
.cta-button.purple-blue .top .label::after,
.cta-button.purple-blue .top .label::before{
	background: rgba(24,48,68,1);
	}
.cta-button.purple-blue .top .label{
	color: rgba(24,48,68,1);
	}
.cta-button.purple-blue:hover .bottom{
	background: rgba(120,72,190,1);
	}
.cta-button.purple-blue:hover .top .label::after,
.cta-button.purple-blue:hover .top .label::before{
	background: rgba(38,190,228,1);
	}	
.cta-button.purple-blue .cta-button-border{
	background: rgba(24,48,68,1);
	}	
.cta-button.purple-blue:hover .top .label{
	color: rgba(38,190,228,1);
	}
.line-detail{
	width: 164px;
	margin: 0;
	display: none;
	}
	.ld1{	
		fill: none;
		stroke: rgba(120,72,190,1);
		stroke-width: 2;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-miterlimit: 10;
		}
h2{
	padding-bottom: 24px;
	}
	.hero-wrapper h2{
		padding-bottom: 12px;
		}
p{
	padding-bottom: 24px;
	}	
	.hero-wrapper p{	
		padding-bottom: 12px;
		}
#info{
	position: relative;
	}
	#info .grid-2 li{
		padding-top: 24px;
		}
	#info .grid-4{
		padding-top: 22px;
		padding-bottom: 38px;
		}
	#info .grid-4 .col{
		padding-top: 26px;
		}
#sessions{
	position: relative;
	padding-bottom: 12px;
	}
#speakers{
	position: relative;
	padding-top: 32px;
	padding-bottom: 12px;
	overflow: hidden;
	}
	#speakers .grid-4{
    	padding-top: 2px;	
		}
	#speakers .cta-button{
		margin-top: 18px;
		margin-bottom: 38px;
		}
#tickets{
	position: relative;
	padding-top: 14px;
	padding-bottom: 0;
	}
	#tickets p{
		padding-bottom: 0;
		}
	#tickets p.vat{
		padding-top: 44px;
		padding-bottom: 6px;
		}
	#tickets .grid-5--1-3-1 .col{
		padding-top: 26px;
		}
	#tickets .cta-button{
		margin-bottom: 38px;
		}
#venue{
	position: relative;
	padding-top: 32px;
	padding-bottom: 40px;
	overflow: hidden;
	}
	#venue p{
		padding-bottom: 0;
		}
	#venue .a-speakers{
		margin-bottom: 42px;
		}
	#venue .cta-button{
		margin-bottom: 28px;
		}
#sponsors{
	padding-top: 40px;
	padding-bottom: 18px;
	}
	#sponsors .cta-button{
		margin-top: 18px;
		margin-bottom: 38px;
		}
#sessions-list{
	padding-top: 40px;
	padding-bottom: 18px;
	}
	#sessions-list .cta-button{
		margin-top: 18px;
		margin-bottom: 38px;
		}
#sessions-list.diversity .cta-button{
	margin-top: 0;
	}
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
   ============================ */

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Regular.eot');
    src: url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Graphik-Regular.woff2') format('woff2'),
         url('../fonts/Graphik-Regular.woff') format('woff'),
         url('../fonts/Graphik-Regular.ttf') format('truetype'),
         url('../fonts/Graphik-Regular.svg#Graphik-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Bold.eot');
    src: url('../fonts/Graphik-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Graphik-Bold.woff2') format('woff2'),
         url('../fonts/Graphik-Bold.woff') format('woff'),
         url('../fonts/Graphik-Bold.ttf') format('truetype'),
         url('../fonts/Graphik-Bold.svg#Graphik-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-MediumItalic.eot');
    src: url('../fonts/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-MediumItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-MediumItalic.woff') format('woff'),
        url('../fonts/Gilroy-MediumItalic.ttf') format('truetype'),
        url('../fonts/Gilroy-MediumItalic.svg#Gilroy-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBoldItalic.eot');
    src: url('../fonts/Gilroy-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Gilroy-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/Gilroy-ExtraBoldItalic.svg#Gilroy-ExtraBoldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
}
body,
#tabs,
table thead p,
.live-table p{
	font-family: 'Graphik';
    font-weight: normal;
    font-style: normal;	
    font-size: 18px;
	line-height: 28px;
	color: rgba(255,255,255,1);
	} 
h1, 
h2, 
h3, 
h4, 
h5,
h6,
.cta-button,
.global-menu__item,
.a-speakers p span:first-child,
#sessions #tabs:first-of-type,
table td:first-child{
	font-family: 'Gilroy';
	font-weight: 800;
	text-transform: uppercase;
	color: rgba(0,176,154,1);
	font-style: italic;
    }
.live-table td:first-child{
	font-size: 18px;
	line-height: 28px;
    }
h1{
	font-size: 34px;
	line-height: 44px;
	}
h2,
h4{
	font-size: 34px;
	line-height: 44px;
	}
h3{
	font-size: 24px;
	line-height: 34px;
	}
	.body-live h3{
		font-size: 24px;
		line-height: 28px;
		margin: 24px 0;
		color: rgba(120,72,190,1);
		}
h5{
	font-size: 20px;
	line-height: 40px;
	}
h6{
	color: rgba(255,255,255,0.72);
	font-weight: 500;
	line-height: 20px;
	text-transform: uppercase;
	}

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

/* Color schemes */
.m-spring-io{
	--path-fill-1: url(#gradient1);
	--path-fill-2: url(#gradient2);
	--path-fill-3: url(#gradient3);
	--button-line: rgba(255,255,255,1);
	--button-line-close: #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: 230px;
	}*/
.global-menu{
	width: 100vw;
	height: 94vh;
	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: 30px;
	opacity: 0;
	transform: translateY(-100%);
	pointer-events: none;
	display: block;
	margin: 12px 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: rgba(0,176,154,1);
	}
	.global-menu__item:nth-of-type(1).active,
	.global-menu__item:nth-of-type(1):hover{
		color: rgba(0,176,154,1);
		}
	.global-menu__item:nth-of-type(2).active,
	.global-menu__item:nth-of-type(2):hover{
		color: rgba(120,72,190,1);
		}
	.global-menu__item:nth-of-type(3).active,
	.global-menu__item:nth-of-type(3):hover{
		color: rgba(244,174,72,1);
		}
	.global-menu__item:nth-of-type(4).active,
	.global-menu__item:nth-of-type(4):hover{
		color: rgba(38,190,228,1);
		}
	.global-menu__item:nth-of-type(5).active,
	.global-menu__item:nth-of-type(5):hover{
		color: rgba(238,60,130,1);
		}
	.global-menu__item.is-opened{
		opacity: 1;
		transform: translateY(0) rotate(0);
		pointer-events: auto;
		transition-timing-function: ease;
		}
.menu__item{
	overflow: hidden;	
	display: table;
	padding: 0 6px;
	margin: 12px auto;
	}
.menu__item-name{
	overflow: hidden;	
	line-height: 30px;
	}
	.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: 11px;
		height: 2px;
		}
/* 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.095s;
	}
	.global-menu__item--m-spring-io.is-opened:nth-of-type(5){
		transition-delay: 1.4s;
		}
.global-menu__item--m-spring-io:nth-of-type(6){
	transition-delay: 0.090s;
	}
	.global-menu__item--m-spring-io.is-opened:nth-of-type(6){
		transition-delay: 1.5s;
		}
.global-menu__item--m-spring-io:nth-of-type(7){
	transition-delay: 0.085s;
	}
	.global-menu__item--m-spring-io.is-opened:nth-of-type(7){
		transition-delay: 1.6s;
		}
.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 {	
	to {
		background: rgba(218,37,54,1);
		}
	}
.hamburger{
	width: 46px;
	height: 46px;
	display: block;
	position: fixed;
	cursor: pointer;
	top: 6px;
	right: 6px;
	z-index: 110;
	border-radius: 50%;
	pointer-events: auto;
	background: rgba(24,48,68,1);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
.hamburger.is-opened-navi{	
	animation: colorClose 0.3s 1.2s ease-in forwards;
	}
	.hamburger.is-opened-navi::after{
		width: 46px;
		height: 46px;
		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: 22px;
	height: 2px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	border-radius: 10px;
	}
.hamburger__line-in{
	width: 66px;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	}
	.hamburger__line-in::before,
	.hamburger__line-in::after{
		width: 22px;
		height: 2px;
		content: '';
		display: block;
		position: absolute;
		top: 0;
		background-color: var(--button-line);
		}
	.hamburger__line-in::before{
		left: -44px;
		}
	.hamburger__line-in::after{
		left: 0;
		}
.hamburger__line--01,
.hamburger__line--02,
.hamburger__line--03,
.hamburger__line--cross01,
.hamburger__line--cross02{
	left: 12px;
	}
.hamburger__line--01{
	width: 20px;
	left: 14px;
	top: 16px;
	}
.hamburger__line--02{
	width: 14px;
	left: 20px;
	}
.hamburger__line--02,
.hamburger__line--cross01,
.hamburger__line--cross02{
	top: 22px;
	}
.hamburger__line--03{
	top: 28px;
	}
.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::before,
.hamburger.is-opened-navi .hamburger__line-in::after{
		transition: background-color 0.3s 1.2s ease;
		background-color: var(--button-line-close);
		}
.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;
		}

/* ============================
   Hero
   ============================ */
   
#hero{
	position: relative;
	width: 100%;
	height: 100%;
	padding-bottom: 42px;
	overflow: hidden;
	}
.hero-background{
	opacity: 0;
	background: url("../images/hero-bg-1000.png") no-repeat center 42px / 108%;	
	}
	.init-page .hero-background{
		animation: fadeIn 0.6s 1.2s ease-in forwards;
		}
.image-load{
	position: absolute;
	width: 108%;
	height: auto;
	top: -6px;
	left: 0;
	right: 0;
	margin: 0 auto 0 -14px;
	z-index: 0;
	overflow: hidden;
	}
	.image-load:last-of-type{
		display: none;
		}
.phb0{
	fill: none;
	stroke: rgba(255,255,255,1);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit:10;
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	}
	.init-page .phb0{
		animation: dash 1s 0.6s ease-in forwards;
		}
.hero-wrapper{
	position: relative;
	width: 100%;
	z-index: 100;
	text-align: center;
	}	
	.hero-logo{
		/*position: absolute;*/
		display: inline-block;
		width: 152px;
		max-height: 36px;
		margin-top: 324px;
		/*top: 12px;
		right: 0;
		left: 0;
		margin: auto;*/
		z-index: 1000;
		}
		#hero.hero-section.live .hero-logo{
			margin-top: 24px;
			}
	.hero-info{
		position: absolute;
		/*width: calc(100% - 24px);*/
		width: 100%;
		font-size: 16px;
		line-height: 24px;
		color: rgba(255,255,255,1);
		padding: 10px 12px;
		top: 0;
		right: 0;
		left: 0;
		margin: auto;
		z-index: 1000;
		box-sizing: border-box;
		background: rgba(120,72,190,1);
		}
		.hero-info span{
			text-decoration: underline;
			}
	.hero-wrapper h1{
		font-size: 32px;
		padding-top: 6px;
		width: 90%;
		margin: 0 auto;		
		color: rgba(255,255,255,1);		
		}
		.hero-wrapper h1 span,
		#hero.hero-section.live .hero-wrapper h1 span{
			position: relative;
			display: inline-block;
			font-weight: 500;
			text-indent: -8000px;
			padding-right: 12px;
			}
			.hero-wrapper h1 span::after,
			.hero.hero-section.live .hero-wrapper h1 span::after{
				position: absolute;
				content: "|";
				top: -3px;
				left: 2px;
				text-indent: 0;
				}
	.hero-wrapper h2{
		font-size: 24px;
		line-height: 24px;
		font-weight: 500;
		letter-spacing: 1px;	
		}
	.hero-wrapper p{
		width: 90%;
		margin: 0 auto;
		}
	.hero-wrapper strong{
		display: block;
		padding-bottom: 6px;
		color: rgba(120,72,190,1)
		}
	.hero-wrapper .h-left,
	.hero-wrapper .h-right{
		padding-top: 24px;
		position: relative;
		font-weight: 700;
		}
		.hero-wrapper .h-right{
			color: rgba(38,190,228,1);
			padding-bottom: 8px;
			}
			.hero-wrapper .h-right span:last-child{
				padding-left: 12px;
				}
	.hero-wrapper .h-left a{		
		text-decoration: underline;
		}
		.hero-wrapper .h-left a:hover{
			color: rgba(0,176,154,1);
			}
	.anchor{
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 30px;
		height: 30px;
		z-index: 1000000;
		}
		.anchor::after,
		.anchor::before{
			content: "";
			position: absolute;
			right: 26px;
			width: 20px;
			height: 3px;
			border-radius: 10px;
			background: rgba(244,174,72,1);
			}
			.anchor::after{
				top: 12px;
				left: 10px;
				transform: rotate(-45deg)
				}
			.anchor::before{
				top: 12px;					
				left: -2px;
				transform: rotate(45deg);
				}
				.anchor:hover::after,
				.anchor:hover::before{
					background: rgba(244,152,60,1);
					}
#hero.hero-section{
	padding-bottom: 96px;
	}
#hero.hero-section .hero-wrapper{
	min-height: auto;
	}
#hero.hero-section.speakers{
	box-shadow: inset 0 -2px 0 0 rgba(120,72,190,1);
	background: url("../images/bg-speakers.png") no-repeat center bottom -48px / 246px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 48%, rgba(120,72,190,0.48) 100%);
	}
	#hero.hero-section.speakers h2{
		color: rgba(120,72,190,1);
		}
#hero.hero-section.sponsors{
	box-shadow: inset 0 -2px 0 0 rgba(38,190,228,1);
	background: url("../images/bg-sponsors.png") no-repeat center bottom -48px / 246px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 48%, rgba(38,190,228,0.48) 100%);
	}
	#hero.hero-section.sponsors h2{
		color: rgba(38,190,228,1);
		}
#hero.hero-section.sessions{
	box-shadow: inset 0 -2px 0 0 rgba(0,176,154,1);
	background: url("../images/bg-sessions.png") no-repeat center bottom -48px / 246px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 48%, rgba(0,176,154,0.48) 100%);
	}
#hero.hero-section.diversity{
	box-shadow: inset 0 -2px 0 0 rgba(0,176,154,1);
	background: url("../images/bg-diversity.png") no-repeat center bottom -48px / 246px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 48%, rgba(0,176,154,0.48) 100%);
	}
#hero.hero-section.venue{
	box-shadow: inset 0 -2px 0 0 rgba(238,60,130,1);
	background: url("../images/bg-venue.png") no-repeat center bottom -48px / 246px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 48%, rgba(238,60,130,0.48) 100%);
	}
	#hero.hero-section.venue h2{
		color: rgba(238,60,130,1);
		}
#hero.hero-section .hero-wrapper h1,
#hero.hero-section.live .hero-wrapper h1{
	width: 100%;
	padding-top: 72px;
	}
	#hero.hero-section.live .hero-wrapper h1{
		padding-top: 12px;
		}
	#hero.hero-section .hero-wrapper h1 span,
	#hero.hero-section.live .hero-wrapper h1 span{
		position: relative;
		}
		#hero.hero-section .hero-wrapper h1 span::after,
		#hero.hero-section.live .hero-wrapper h1 span::after{
			content: "";
			position: absolute;
			width: 50%;
			height: 2px;
			bottom: -13px;
			left: 25%;
			background: rgba(255,255,255,0.6);
			}
			#hero.hero-section.live .hero-wrapper h1 span::after{
				content: "|";
				background: none;
				left: 2px;
				}
#hero.hero-section .hero-wrapper .big h1{
	line-height: 36px;
	padding-bottom: 10px;
	}
#hero.hero-section{
	position: relative;
	}
#hero.hero-section.live{
	background: rgba(24,48,68,1) url("../images/hero-bg-1000.png") no-repeat center bottom -200px / 360px;
	}

/* ============================
   Info
   ============================ */

#info{
	padding-top: 42px;
	padding-bottom: 30px;
	background: rgba(38,190,228,1);
	}
#info .line-detail{
	display: block;
	width: 0;
	margin: 18px auto 30px;
	}
#info .line-detail.visible{
	width: 164px;
	transition: all 0.3s ease;
	}
#info h2{
	color: rgba(120,72,190,1);
	}
#info h4{
	color: rgba(24,48,68,1);
	padding-bottom: 24px;
	margin-left: -6px;
	white-space: nowrap;
	}
#info p{
	color: rgba(24,48,68,1);
	}
	#info .grid-2 .icon-txt{
		display: inline-block;
		width: calc(100% - 102px);
		padding-top: 12px;
		padding-bottom: 0;
		padding-left: 10px;
		vertical-align: top;
		}
		#info .grid-2 .icon-txt h3{
			color: rgba(255,255,255,1);
			}
		#info .grid-2 .icon-txt p{
			font-size: 18px;
			line-height: 16px;
			}
.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 .pd1,
.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,
	.pt9, 
	.pd3,
	.pl0,
	.ps0{ 
		fill: rgba(38,190,228,1);
		}
	.pt0:first-of-type,
	.pd0:first-of-type,
	.pl0:first-of-type,
	.ps0:first-of-type,
	circle.pl0{
		fill: rgba(38,190,228,1);
		}
	.pt2{
		fill: #F0F2F1;
		}
	.pt3{
		fill: rgba(38,190,228,0.24);
		}
	.pd6{
		fill:rgba(38,190,228,0.24);
		}
	.pl8{
		fill: rgba(38,190,228,0.24);
		}	
	.ps6{
		fill: rgba(38,190,228,0.24);
		}
	.pt8, 
	.pd1,
	.pl2,
	.ps2{
		fill: #FFFFFF;
		}	
	.pd5,
	.pl3,
	.ps4{ 
		fill: rgba(20,21,20,0.12);
		}
	.pd2,
	.ps8{
		fill: #BFC4C3;
		}	
	.ps7{
		fill: rgba(20,21,20,0.84);
		} 
		.pd5{
			opacity:0.48!important;
			} 
.visible .pt1, 
.visible .pt4, 
.visible .pt5, 
.visible .pt6, 
.visible .pt7, 
.visible .pd0, 
.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;
	}	
	.pt4, 
	.pd0,
	.pd4, 
	.pd8,
	.pl1,
	.ps1,
	.ps3,
	.ps5{
		stroke: rgba(120,72,190,1);
		}
	.pt5, 
	.pt6,
	.pl5{
		stroke: #BFC4C3;
 		}	
	.pt1,
	.pt7,
	.pd0,
	.pd7,
	.pl1:nth-of-type(2),
	circle.pl1,
	.ps1,
	.ps7,
	.pl6,
	.pl4{
		stroke: rgba(38,190,228,1);
		}
	.pd0:first-of-type,
	.pl1:nth-of-type(2){
		stroke: rgba(255,255,255,0.48);
		}
		circle.pl1{
			stroke-width: 3!important;
			}
		.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
   ============================ */

#sessions{
    padding-top: 42px;
    padding-bottom: 30px;
	}
	#sessions h4{
		color: rgba(238,60,130,1);
		}
	#sessions h6{
		color: rgba(255,255,255,0.72);
		margin-bottom: 6px;
		}
#tabs.stick,
#tabs{
	position: relative;
	overflow: hidden;
  	width: 100%;
  	margin: 0 auto!important;
  	list-style: none;
	padding: 16px 0;
	left: 0!important;
	right: 0!important;
	}
	#tabs.stick::after,
	#tabs::after{
		position: absolute;
		content: "";
		width: 100%;
		height: 2px;
		bottom: 0;	
		left: 0;
		background: rgba(0,176,154,1);
		}
	#tabs.stick::before,
	#tabs::before{
		position: absolute;
		content: "";
		width: 100%;
		height: 2px;
		top: 0;	
		left: 0;
		background: rgba(0,176,154,1);
		}
	#tabs li{
		display: inline-block;padding-right: 12px;
		}
	#tabs a{
  		color: rgba(255,255,255,0.48);
		}
		#tabs a:hover,
		#tabs a:focus{
			color: rgba(255,255,255,1);
			}
		#tab2 p{
			font-size: 18px;
			line-height: 28px;
			padding-top: 30px;
			}
	#tabs #current{
  		color: rgba(0,176,154,1);
		}
table{	
  	border-collapse: collapse;
  	margin: 0;
  	padding: 0;
  	width: 100%;
  	table-layout: fixed;
	}
table tr{
	display: block;
	position: relative;
	width: 100%;
	margin: 24px 0;	
	padding: 8px 0 2px;
	box-sizing: border-box;	
	}
table thead.stick,
table thead{
	display: none!important;
	}
table td{
	display: block;
	position: relative;
	width: 100%;
	padding-left: 18px;
	box-sizing: border-box;	
	}
	table tr::after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 4px;
		height: calc(100% + 4px);
		border-radius: 100px;
		background: rgba(120,72,190,1);
		}
		table td.no-room::after{
			background: rgba(20,21,20,0.24);
			}	
	table tr::before{
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: -15px;
		left: 0;
		background: rgba(120,72,190,0.24);
		}
		table tr:last-child::before{
			background: none;
			}
	table td:first-child{
		color: rgba(238,60,130,1);
		}
		table td:first-child::after{
			display: none;
			}
	table td:nth-child(2){		
		display: inline-block;
		width: 60px;
		vertical-align: top;
		}
	table td:last-child{
		display: inline-block;
		width: calc(100% - 72px);
		vertical-align: top;
		}	
table p{
	padding: 0;
	}
	table p a{
		color: rgba(255,255,255,1);
		}
	table p:first-child{
		font-weight: 700;
		line-height: 29px;
		}
		table p:first-child i{
			font-size: 20px;
			font-weight: 400;
			font-style: normal;
			color: rgba(120,72,190,1);
			}				
			table td:nth-child(3) p:first-child i{
				color: rgba(252,64,98,1);
				}
			table td:nth-child(4) p:first-child i{
				color: rgba(0,176,154,1);
				}
			table td:nth-child(5) p:first-child i{
				color: rgba(244,174,72,1);
				}
			table td:nth-child(6) p:first-child i{
				color: rgba(38,190,228,1);
				}
		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: 28px;
		color: rgba(255,255,255,0.48);
		}
table .links-docs{
	display: inline-block;
	margin-top: 11px;
	padding-top: 7px;
	padding-bottom: 5px;
	border-top: 1px dashed rgba(120,72,190,1);
	}
	table td:nth-child(3) .links-docs{
		border-color: rgba(252,64,98,1);
		}
	table td:nth-child(4) .links-docs{
		border-color: rgba(0,176,154,1);
		}
	table td:nth-child(5) .links-docs{
		border-color: rgba(244,174,72,1);
		}
	table td:nth-child(6) .links-docs{
		border-color: rgba(38,190,228,1);
		}
	table .links-docs li{
		display: inline-block;
		}
		table .links-docs li a{
			display: inline-block;
			font-size: 16px;
			line-height: 16px;
			color: rgba(255,255,255,1);
			padding: 4px 12px 4px 30px;
			opacity: 0.36;
			background: url(../images/ico-docs.svg) no-repeat 0 0 / 24px 96px;
			}
			table .links-docs li a:hover{
				opacity: 1;
				}
			table .links-docs li a.slides{
				background-position: 0 -48px;
				}
table figure{
	position: absolute;
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-radius: 100%;
	}
table img{
	position: relative;
	width: 48px;
	height: 48px;		
	border-radius: 100%;
	margin: 6px 0 0;
	}
	table img:first-child{
		position: absolute;
		top: -6px;
		left: 0;
		filter: grayscale(100%) contrast(120%) brightness(120%);	
		mix-blend-mode: multiply;
		z-index: 1;
		}
dt,
.live-table dt{
	position: absolute;
	width: 26px;
	height: 26px;
	top: -30px;
	right: -6px;
	z-index: 1000000;
	cursor: pointer;
	transition: all 0.3s ease;
	}
	.live-table dt{
		right: 24px;
		}
	dt::after,
	dt::before,
	.live-table dt::after,
	.live-table dt::before{
		content: "";
		position: absolute;
		right: 0;
		width: 16px;
		height: 3px;
		border-radius: 10px;
		background: rgba(238,60,130,1);
		transition: all 0.3s ease;
		}
		dt::after,
		.live-table dt::after{
			top: 12px;
			left: 10px;
			transform: rotate(-45deg)
			}
		dt::before,
		.live-table dt::before{
			top: 12px;					
			left: 0;
			transform: rotate(45deg);
			}
			dt:hover::after,
			dt:hover::before{
				background: rgba(120,72,190,1);
				}
	dt.open{
		transform: rotate(-180deg);
		}
dd{
	margin-top: 12px;
	padding-top: 18px;
	border-top: 1px solid rgba(120,72,190,1);
	}
	dd p{
		font-size: 18px!important;
		font-weight: 400!important;
		color: rgba(255,255,255,0.72)!important;
		}
	dd h6{
		font-size: 20px;
		font-weight: 700;
		color: rgba(255,255,255,1)!important;
		margin: 0!important;
		}

.live-video{
    height: 0;
    overflow: hidden;
    padding-bottom: 56%;
    padding-top: 30px;
    position: relative;
    }
.live-video iframe,
.live-video object, 
.live-video embed{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

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

#speakers{
	text-align: center;
	background: rgba(120,72,190,1);
	}
#speakers .grid-2,
#speakers .grid-4{
	text-align: center;
	}
#speakers.speakers-section{
	background: rgba(24,48,68,1);
	padding-top: 48px;
    padding-bottom: 12px;
	}
	#speakers.speakers-section .a-speakers p span:first-child{
		color: rgba(255,255,255,1);
		}
		#speakers.speakers-section .a-speakers p span:first-child::first-line{
			color: rgba(24,48,68,1);
			}
		#speakers.speakers-section .a-speakers:hover p span:first-child::first-line{
			color: rgba(255,255,255,1);
			}
	#speakers.speakers-section .a-speakers::after{
		background: rgba(244,174,72,0.72);
		}
	#speakers h4{
		color: rgba(244,174,72,1);
		}
	#speakers h6{
		color: rgba(255,255,255,0.72);
		margin-bottom: 6px;
		}
	#speakers .grid-4 .col{
		width: 90%;
		margin-bottom: 36px;
		margin-left: 5%;
		}
		#speakers .grid-4 .col:nth-child(1),
		#speakers .grid-4 .col:nth-child(8),
		#speakers .grid-4 .col:nth-child(9){
			display: none;
			}
		#speakers .grid-4 .col:nth-child(2){
			margin-top: 30px;
			}
		#speakers .grid-4 .col.speakers-link{
			text-align: center;
			margin-top: 72px;
			margin-bottom: 0;
			}
			#speakers .grid-4 .col.speakers-link img{
				display: none;
				}
.a-speakers{
	display: block;
	position: relative;
	max-width: 280px;
	margin: 0 auto 96px;
	transition: all 0.3s ease;
	}
	.a-speakers::before{
		position: absolute;
		content: "";
		width: calc(100% + 12px);
		height: calc(100% + 12px);
		top: -6px;
		left: -6px;
		border: 1px solid rgba(24,48,68,1);
		z-index: -1;
		}
	.a-speakers::after{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		top: 12px;
		left: 12px;
		background: rgba(24,48,68,0.6);
		z-index: -1;
		transition: all 0.3s ease;
		}
.a-speakers figure{
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	}
.a-speakers img{
	width: 100%;
	height: 100%;
	position: relative;
	transform: scale(1);
	}
	.a-speakers img:first-child{
		position: absolute;
		top: 0;
		left: 0;
		filter: grayscale(100%) contrast(120%) brightness(120%);	
		mix-blend-mode: multiply;
		z-index: 1;
		}
.a-speakers p{
	position: absolute;
	width: 100%;
	height: 66px;
	bottom: -43px;
	left: 0;
	font-size: 24px;
	padding-top: 48px;
	padding-bottom: 0;
	pointer-events: none;	
	text-align: center;
	z-index: 1;
	transition: all 0.3s ease;
	}
	.a-speakers p span{
		display: block;
		line-height: 30px;
		}
		.a-speakers p span:first-child{
			font-size: 30px;
			color: rgba(255,255,255,1);
			}
		.a-speakers p span:last-child{
			font-size: 20px;
			color: rgba(244,174,72,1);
			}
	.a-speakers:hover::after{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(255,255,255,0.48);
		z-index: 0;
		}
		.a-speakers:hover p span:last-child{
			line-height: 24px;
			}
	.a-speakers:hover img:first-child{
		transform: scale(1.18);
		}
	.a-speakers:hover p{
		bottom: -80px;
		}
.social{
	display: none;
	}
.all-speakers{
	position: relative;
	display: inline-block;
	width: 68px;
	height: 68px;
	margin-top: 36px;
	margin-bottom: 3px;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,1);
	z-index: 2;
	border-radius: 100px;
	}
	.all-speakers::after{
		content: "";
		position: absolute;
		top: -48px;
		right: 33px;
		width: 2px;
		height: 48px;
		background: rgba(255,255,255,1);
		z-index: 1;
		}
	.all-speakers span::after,
	.all-speakers span::before{
		content: "";
		position: absolute;
		right: 26px;
		width: 20px;
		height: 3px;
		border-radius: 10px;
		background: rgba(244,174,72,1);
		}
		.all-speakers span::after{
			top: 34px;
			left: 30px;
			transform: rotate(-45deg)
			}
		.all-speakers span::before{
			top: 34px;					
			left: 18px;
			transform: rotate(45deg);
			}
	.all-speakers:hover{	
		box-shadow: inset 0 0 0 2px rgba(244,174,72,1);
		}
		.all-speakers:hover span::after,
		.all-speakers:hover span::before{
			background: rgba(24,48,68,1);
			}
#speaker{
	position: relative;
	margin: 38px 0 48px;
	}	
	#speaker h2{
		line-height: 100%;
		color: rgba(120,72,190,1);
		padding: 48px 0 0;
		}
	#speaker h6{
		font-size: 26px;
		line-height: 100%;
		color: rgba(244,174,72,1);
		padding: 0 0 24px;
		}
	#speaker .a-speakers{
		margin-bottom: 0;
		}
	#speaker .a-speakers::after {
    	background: rgba(244,174,72,0.72);
		}
	#speaker p a{
		text-decoration: underline;
		color: rgba(120,72,190,1);
		}	
		#speaker p a:hover{
			text-decoration: underline;
			color: rgba(244,174,72,1);
			}	
#speaker .social{
	display: table;
	position: relative;
	width: auto;
	font-size: 16px;
	line-height: 22px;
	margin: 30px auto -24px;
	vertical-align: top;
	text-align: left;
	}
#speaker .social a{
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 12px;
	vertical-align: top;
	}
	#speaker .social a svg{
		width: 24px;
		height: 24px;
		vertical-align: top;
		}
	#speaker .social a .sp0{
		fill: rgba(120,72,190,1);
		}
		#speaker .social a:hover .sp0{
			fill: rgba(244,174,72,1);
			}	
	#speaker .social a span{
		color: rgba(255,255,255,1);
		padding-left: 6px;
		transition: all 0.3s ease;
		}
		#speaker .social a:hover span{
			color: rgba(120,72,190,1);
			}

/* ============================
   Tickets
   ============================ */
  
#tickets .grid-5--1-3-1{
	text-align: center;
	}
#tickets h5{
	color: rgba(238,60,130,1);
	max-width: 216px;
	margin: 0 auto;
	border-bottom: 2px solid rgba(20,21,20,0.24);
	}  
#tickets h4{
	color: rgba(0,176,154,1);
	}
#tickets h3{
	font-size: 36px;
	line-height: 56px;
	color: rgba(255,255,255,1);
	}	
	#tickets h3 span{
		position: relative;
		}
		#tickets h3 span::after{
			position: absolute;
			content: "*";
			font-size: 26px;
			font-weight: 400;
			color: rgba(20,21,20,0.6);
			top: -12px;
			right: -14px;
			}
#tickets p{
	font-size: 16px;
	line-height: 4px;
	opacity: 0.48;
	}
	#tickets p.vat{
		font-size: 16px;
		color: rgba(255,255,255,1);
		opacity: 1;
		line-height: normal;
		}
	#tickets p.sold-out{
		opacity: 1;
		color: rgba(238,60,130,1);
		}
#tickets del{
	position: relative;
	text-decoration: none;
	}
	#tickets del::after{
		content: "";
		position: absolute;
		top: 13px;
		right: 0;
		width: 100%;
		height: 4px;
		border-radius: 2px;
		background: rgba(238,60,130,1);
		}

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

#venue{
	text-align: center;
	background: rgba(238,60,130,1);
	}
	#venue .grid-1{
		text-align: center;
		}
#venue.venue-section{
	background: #fff;
	}
	#venue h4,
	#venue p{
    	color: #fff;
		}
	#venue.venue-section h4{
		line-height: 40px;
		color: rgba(255,255,255,1);
		}
	#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);
			}
.txt-venue br{
	display: none;
	}
.img-venue{
	position: relative;
	width: 90%;
	margin: 26px 5%;
	}
.img-venue .a-speakers::after{
	background: rgba(244,174,72,0.84);
	}
	#venue.venue-section .a-speakers img:first-child{
		mix-blend-mode: screen;
		}
	#venue.venue-section .img-venue .a-speakers::after{
		background: rgba(238,60,130,0.84);
		}
#venue-info{
	padding-top: 12px;
	padding-bottom: 48px;
	}
	#venue-info .col{
		padding-top: 36px;
		}
	#venue-info img{
    	width: calc(100% - 24px);
    	margin: 12px;
		border: 2px solid rgba(238,60,130,1);
		}
#venue-party{
	background: url("../images/noise.png") repeat center / 72px auto,
	            linear-gradient(150deg, rgba(5,14,19,1) 0%,rgba(14,40,67,1) 24%,rgba(32,11,55,1) 78%,rgba(5,14,19,1) 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;
		color: rgba(120,72,190,1);
		}
		#venue-party h4 span{
			color: #fff;
			}
	#venue-party p{
		color: rgba(255,255,255,0.72);
		}
		#venue-party p strong{
			color: rgba(0,176,154,1);
			}
		#venue-party p:last-child{
			color: #fff;
			}

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

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


/* ============================
   Sponsors
   ============================ */
   
#sponsors .grid-1,
#sponsors .grid-2{
	text-align: center;
	}
#sponsors h4{
	color: rgba(38,190,228,1);
	}
	#sponsors.sponsors-section h3{
		color: rgba(38,190,228,1);
		}
#sponsors h6{
	margin-bottom: 36px;
	}
#sponsors img{
	display: inline-block;
	width: auto;
	height: 42px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 30px;
	vertical-align: middle;
	} 
	#sponsors.sponsors-section .silver-logo img{
		height: 36px;
		} 
	#sponsors a:nth-of-type(1) img{
		height: 54px;
		margin-left: 0;
		margin-right: 0;
		}
#sponsors.sponsors-section img{
	margin-bottom: 42px;
	} 
	#sponsors.sponsors-section .silver-logo img{
    	margin-bottom: 24px;
		}
#sponsors.sponsors-section h3{
	margin-bottom: 0;
	}
#sponsors.sponsors-section .line-detail{
	display: inline-block;
	width: 144px;
	top: -6px;
	}
	#sponsors.sponsors-section .ld1{
		stroke: rgba(38,190,228,1);
		}
#sponsors.sponsors-section p a{
	color: rgba(38,190,228,1);
	text-decoration: underline;
	}
#sponsors.sponsors-section p:first-of-type{
	padding-top: 18px;
	}

/* ============================
   Sessions List
   ============================ */
   
#sessions-list ul{
	padding: 12px 0 24px;
	}
#sessions-list h4 span{
	font-size: 24px;
	color: rgba(24,48,68,0.48);
	}
	#sessions-list ul li{
		position: relative;
		padding: 0 0 12px 12px;
		color: rgba(24,48,68,0.48);
		}
		#sessions-list ul li::after{
			position: absolute;
			content: "";
			width: 6px;
			height: 2px;
			top: 12px;
			left: 0;
			background: rgba(0,176,154,1);
			}
	#sessions-list ul li a{
		color: rgba(255,255,255,1);
		}
		#sessions-list ul li a:hover{
			text-decoration: underline;
			}
.warning{
	padding: 6px;
	margin: 0 0 36px;	
	background: rgba(254,238,178,0.36);
	border-radius: 6px;
	}
#sessions-list.diversity h4{
	line-height: 36px;
	padding-bottom: 24px;
	}
#sessions-list.diversity h5{
	line-height: 24px;
	padding-bottom: 24px;
	}
#sessions-list.diversity ul{
	padding: 0 0 12px;
	}
	#sessions-list.diversity ul li{
		color: rgba(255,255,255,1);
		}
		#sessions-list.diversity ul li a{
			text-decoration: underline;
			}
#sessions-list.diversity .grid-3 img{
	margin-bottom: 24px;
	}

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

footer{
	position: relative;
	background: rgba(255,255,255,1);
	color: #fff;
	text-align: center;
	}
	footer p{
		font-size: 16px;
		line-height: 28px;
		color: rgba(24,48,68,1);
		max-width: 240px;
		margin-right: auto;
		margin-left: auto;
		}
	footer a{
		color: rgba(24,48,68,1);
		}
		footer a:hover{
			color: rgba(0,176,154,1);
			}

/* ============================
   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:  rgba(24,48,68,1);
		text-align: left; 
		padding: 0;
		margin: 0 0 0 18px;
		}
	.cookies-policy p{ 
		font-size: 13px; 
		color: rgba(24,48,68,1);
		line-height: 16px; 
		margin: 0 0 14px 18px;
		padding: 0;
		}
	.cookies-policy a{
		color: rgba(24,48,68,1); 
		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: rgba(24,48,68,1);
			}	

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

/* ========================= 360 ========================= */

@media only screen and (min-width: 360px){
	
/* ============================
   Hero 360
   ============================ */

.hero-background{
	background: url("../images/hero-bg-1000.png") no-repeat center 36px / 108%;	
	}	
.hero-wrapper h1{	
    font-size: 34px;
	/*padding-top: 308px;*/
	}
.hero-logo {
    margin-top: 352px;
	}	
	
/*table .time td{
	display: inline-block;
	width: 144px;
	padding-left: 18px;
	}
	table .time td:last-child{
		width: auto;
		padding-top: 2px;
		padding-left: 0;
		}*/	
	
	
}/* ============================== End media 360 */

/* ========================= 375 ========================= */

@media only screen and (min-width: 375px){
	
/* ============================
   Common 375
   ============================ */  

.hero-wrapper h1{	
    font-size: 36px;
	}	
.hero-wrapper h2,
.hero-wrapper p{
	padding-bottom: 14px;
	}
.cta-button .top .label{
	font-size: 20px;
	line-height: 110%;
	letter-spacing: 1px;
	}		
	.cta-button .top .label::after{
		top: 13px;
		}
	.cta-button .top .label::before{
		top: 3px;					
		}

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

body{
    font-size: 20px;
	line-height: 30px;
	}
h1{
	font-size: 38px;
	line-height: 50px;
	}
h2,
h4{
	font-size: 38px;
	line-height: 50px;
	}	
h3{
	font-size: 26px;
	line-height: 38px;
	}
	.body-live h3{
		font-size: 26px;
		line-height: 30px;
		}
h6{
	line-height: 24px;
	}	
	
/* ============================
   Hero 375
   ============================ */
      
.hero-background{
	background: url("../images/hero-bg-1000.png") no-repeat center 12px / 100%;
	}	
.hero-logo {
    margin-top: 322px;
	}
.image-load{
	width: 100%;
	top: -18px;
	margin: 0 auto;
	}	
/*.hero-wrapper h1{
	padding-top: 0;
	}*/
.hero-wrapper h2 {
    font-size: 26px;
    line-height: 26px;	
	}

/* ============================
   Menu 375
   ============================ */	
	
.menu__item{
	margin: 30px auto;
	}	
	
}/* ============================== End media 375 */

/* ========================= 410 ========================= */

@media only screen and (min-width: 410px){
	
/* ============================
   Hero 410
   ============================ */
      
.hero-background{
	background: url("../images/hero-bg-1000.png") no-repeat center 12px / 410px;
	}
.image-load{
	width: 410px;
	top: -20px;
	}		
.hero-logo {
    margin-top: 346px;
	}
	
}/* ============================== End media 410 */

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

@media only screen and (min-width: 768px){
	
/* ============================
   Common 768
   ============================ */

#info .cta-button .top .label{
	font-size: 19px;
	}	
h2{
	padding-bottom: 40px;
	}
.hero-wrapper h2{
	padding-bottom: 24px;
	}
p{
	padding-bottom: 36px;
	}
.hamburger{
	top: 24px;
	right: 24px;
	transform: scale(1.5);
	}
/*.global-menu__wrap{
	max-width: 260px;
	}*/
.global-menu__item{
	font-size: 42px;
	margin: 42px auto;
	}
.menu__item-name {
	line-height: 42px;
	}
	.menu__item-name::after{
		top: 16px;
		}	
.line-detail{
	display: inline-block;
	}		
	#info .grid-2 .col:last-child::before{
		top: 12px;
		left: -3%;
		width: 112%;
		}
	#info .grid-4{
		padding-top: 30px;
		padding-bottom: 42px;
		}
	#info .grid-4 .col{
		padding-top: 28px;
		}
#sessions{
	padding-top: 43px;
	padding-bottom: 36px;
	}
#tabs.stick,
#tabs{
	padding: 24px 0;
	}	
#speakers{
	padding-top: 43px;
	padding-bottom: 0;
	}
	#speakers .grid-4{
		padding-top: 14px;
		}
	#speakers.speakers-section{
		padding-top: 54px;
		padding-bottom: 18px;
		}
#tickets{
	padding-top: 14px;
	padding-bottom: 24px;
	}
	#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: 18px;
	}
	#venue .img-venue{
		margin: 36px 0 22px;
		z-index: 10;
		}
#sponsors{
	padding-top: 52px;
	padding-bottom: 12px;
	}
	#sponsors h6{
		margin-bottom: 54px;
		}
#sponsors.sponsors-section{
	padding-top: 52px;
	padding-bottom: 24px;
	}
#sessions-list{
	padding-top: 52px;
	padding-bottom: 12px;
	}	
#sessions-list.diversity .cta-button{
	margin-bottom: 48px;
	}	
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){ 
		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,
		.grid-3--1-2 .col{ 
			width: 34.33%;
			}
            .grid-3--2-1 .col:first-child, 
			.grid-3--1-2 .col:last-child{ 
				width: 62.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,
#sessions-list p,
#sessions-list li,	
#venue-party p,
table p{
    font-size: 22px;
	line-height: 34px;
	} 
h1,
.hero-wrapper h1{
	font-size: 48px;
	line-height: 50px;
	}
h2,
h4{
	font-size: 40px;
	line-height: 50px;
	}
h3{
	font-size: 32px;
	line-height: 40px;
	}
	.body-live h3{
		font-size: 30px;
		line-height: 34px;
		margin: 0 0 18px;
		}
h5{
	font-size: 24px;
	line-height: 46px;
	}	
h6{
	line-height: 24px;
	}	
	
/* ============================
   Hero 768
   ============================ */   
   
#hero{
	padding-bottom: 0;
	}	
.hero-background{	
	padding-bottom: 0;
	background: url("../images/hero-bg-1000.png") no-repeat center 96px / 738px;
	}	
.image-load{
	width: 738px;
	top: 60px;
	}		
.hero-title{
	position: absolute;
	width: 552px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	}
.hero-wrapper{
    height: 100vh;
	}	
.hero-logo{
	width: 202px;
	max-height: 48px;	
    margin-top: 90px;
	}	
.hero-info{
	text-align: center;	
	}	
.hero-wrapper h1{
	padding-top: 0;
	width: 100%;
	}
	.hero-wrapper h1 span{
		padding-right: 14px;
		}
		.hero-wrapper h1 span::after{
			top: -4px;
			}
.hero-wrapper h2{
    font-size: 32px;
    line-height: 42px;
	}
.hero-wrapper p{
	width: 100%;
	padding: 412px 0 0;
	}
.hero-wrapper strong{
	padding-top: 24px;
    padding-bottom: 8px;
	}	
.hero-wrapper .h-left,
.hero-wrapper .h-right{
	position: absolute;
	width: auto;
	font-size: 18px;
	text-align: center;
	padding: 0;
  	bottom: 12px;
	/*color: rgba(255,255,255,1);*/
	}
	.hero-wrapper .h-left{
		left: 24px;
		}
		/*.hero-wrapper .h-left a{
			color: rgba(255,255,255,1);
			}*/
	.hero-wrapper .h-right{
		right: 24px;
		}
	.hero-wrapper .h-left p,
	.hero-wrapper .h-right p{
		width: auto;
		}	
.anchor{
	bottom: 12px;
	transform: scale(1.2);
	}	
	.anchor::after,
	.anchor::before{
		background: rgba(0,176,154,1);
		}
#hero.hero-section{
	padding-bottom: 72px;
	}	
#hero.hero-section.speakers{
	background: url("../images/bg-speakers.png") no-repeat right -260px bottom -90px / 690px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 36%, rgba(120,72,190,0.48) 100%);
	}
#hero.hero-section.sponsors{
	background: url("../images/bg-sponsors.png") no-repeat right -260px bottom -90px / 690px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 36%, rgba(38,190,228,0.48) 100%);
	}
#hero.hero-section.sessions{
     background: url("../images/bg-sessions.png") no-repeat right -260px bottom -90px / 690px,
		         linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		         linear-gradient(150deg, rgba(255,255,255,0.9) 36%, rgba(0,176,154,0.48) 100%);
	}
#hero.hero-section.diversity{
     background: url("../images/bg-diversity.png") no-repeat right -260px bottom -90px / 690px,
		         linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		         linear-gradient(150deg, rgba(255,255,255,0.9) 36%, rgba(0,176,154,0.48) 100%);
	}	
#hero.hero-section.venue{
	background: url("../images/bg-venue.png") no-repeat right -260px bottom -90px / 690px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 36%, rgba(238,60,130,0.48) 100%);
	}	
#hero.hero-section.live{
	padding-bottom: 84px;
    background: rgba(24,48,68,1) url(../images/hero-bg-1000.png) no-repeat center bottom -372px / 720px;
	}	
	#hero.hero-section.live .hero-wrapper h1 span::after{
		background: none;
		left: -3px;
		top: -6px;
		}
#hero.hero-section .hero-wrapper{
    height: 350px;
	text-align: left;
	}	
#hero.hero-section .hero-title{
	width: 46%;
	height: 90px;
	margin: auto 4%;
	padding-top: 120px;
	}
	#hero.hero-section.live .hero-title{
		width: 92%;
		height: 90px;
		margin: 12px auto 0;
		padding-top: 0;
		}
	#hero.hero-section .hero-wrapper h1{
    	width: 100%;
		padding-top: 2px;
		font-size: 72px;
		}
		#hero.hero-section .hero-wrapper h1 span::after{
			left: 0;
			bottom: -15px;
			}
		#hero.hero-section.live .hero-wrapper h1{
			padding-top: 36px;
			}
	#hero.hero-section .hero-wrapper h2{
		width: 100%;
		font-size: 22px;
		line-height: 30px;
		padding-top: 12px;
		padding-left: 0;
		padding-bottom: 0;
		margin: 0;
		}
		#hero.hero-section.live .hero-wrapper h2{
			font-size: 36px;
			line-height: 48px;
			padding-top: 12px;
			}	
#hero.hero-section .hero-title.big{
	width: 64%;
	height: 120px;
	margin: auto 4%;
	padding-top: 84px;
	}	
	#hero.hero-section .hero-title.big h1{
		line-height: 60px;
		}
	
/* ============================
   Info 768
   ============================ */

#info {
    padding-top: 54px;
    padding-bottom: 20px;
	}
#info .line-detail{
	display: none;
	}
#info .grid-2{
	position: relative;
	}			
/*#info .grid-2 .col:first-child{
	padding-top: 60px;
	padding-right: 3%;
	box-sizing: border-box;	
	}	
#info .grid-2 .col:last-child{
	padding-left: 3%;
	text-align: center;
	box-sizing: border-box;	
	}*/
	.store{
		margin-top: 60px;
		}
#info .grid-2 .icon-txt{
	padding-left: 12px;
	}		
	#info .grid-2 .icon-txt h3{
		font-size: 26px;
		line-height: 38px;
		}
	#info .grid-2 .icon-txt p{
		font-size: 18px;
		line-height: 16px;
		}
	#info .grid-2 li.col{
		width: 100%;
		margin: 0;
		}
	#info .grid-2 li{
    	padding-top: 0;
		padding-bottom: 24px;
		}
		
/* ============================
   Sessions 768
   ============================ */
	
#sessions h4{
	margin-top: 16px;
	}	
#sessions h6{
    margin-bottom: 36px;
	}
#sessions .grid-2 .col:last-child{
	text-align: right;
	}
#sessions .grid-2 .line-detail{
	position: absolute;
	width: 120px;
	top: 39px;
	right: -38px;
	}	
.live-table{
	display: block;
	min-height: 220px;
	height: calc(100vh - 714px);
  	overflow-y: scroll;
	overflow-x: hidden;
	}	
.live-table tr{
	padding: 8px 0 0;
	}	
table td:first-child{
	font-size: 28px;
    }
	table td{
		display: inline-block;
		width: 70%;
		margin: 6px 0;
		vertical-align: top;
		}
		.live-table td{
			margin: 0;
			}
		table td.no-room{
			margin-bottom: 0;
			padding-left: 78px;
			}
			.live-table td.no-room{
				margin-top: -12px!important;
				margin-bottom: 0;
				padding-left: 18px;
				}
		table td.no-room p:first-child{
	   		padding: 2px 0 0;
			}
			.live-table td.no-room p:first-child{
				padding: 0;
				}
		table td::before{
			line-height: 42px;
			}
		table td:first-child{
			width: 27%;
			margin-left: 2%;
			}			
			.live-table td:first-child{
				width: 100%;
				margin-left: 0%;
				}
		table td:nth-child(2){
			width: 60px;
			}
			.live-table td:nth-child(2){
				padding-top: 6px;
				}
		table td:last-child{
			width: calc(70% - 72px);
			margin-left: 1%;
			padding-right: 48px;
			}
			.live-table td:last-child{
				width: calc(100% - 60px);
				margin: -6px 0 0;
				}
table p:first-child{
    line-height: 30px;
	}	
	table p:nth-child(2), table p:nth-child(2) a{
		padding-bottom: 2px;
		}
table .links-docs{
	margin-top: 9px;
    padding-top: 14px;
    padding-bottom: 0;
	}	
table img{
	margin: -6px 0 0;
	}
	table img:first-child{
		top: 6px;
		}
dt{
    position: absolute;
    width: 26px;
    height: 26px;
    top: 2px;
    right: -6px;
    z-index: 1000000;
    cursor: pointer;
    transition: all 0.3s ease;
}	
	
/* ============================
   Sessions List 768
   ============================ */
   
#sessions h6{
    display: inline-block;
	margin-right: 36px;
	}	
#sessions-list.diversity h4{
	font-size: 40px;
    line-height: 50px;
	}
	
/* ============================
   Speakers 768
   ============================ */

#speakers .grid-4 .col:nth-child(2),
#speakers .grid-4 .col:nth-child(5),
#speakers .grid-4 .col:nth-child(10){ 
	margin-left: 0;
	}
#speakers .grid-2,
#speakers .grid-4{
	text-align: left;
	}	
#speakers .grid-2{
	padding-bottom: 24px;
	}
#speakers h4{
	margin-top: 16px;
	}	
#speakers .grid-2 .col:last-child{
	text-align: right;
	}
#speakers .grid-2 .line-detail{
	position: absolute;
	width: 120px;
	top: 68px;
	right: -38px;
	}
#speakers .ld1{
    stroke: rgba(244,174,72,1);
	}	
#speakers .grid-4 .col{
	margin-bottom: 12px;
	}	
	#speakers .grid-4 .col:nth-child(2){
			margin-top: 0;
			}
		#speakers .grid-4 .col.speakers-link{
    		margin-top: 0;
			}
			#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(24,48,68,1);
			}	
		#speakers.speakers-section .grid-4 .line-detail .ld1{
			stroke: rgba(244,174,72,1);
			}
.a-speakers{
	max-width: none;
	}
	.a-speakers p{
		font-size: 18px;
		height: 82px;
		bottom: -60px;
		}
		.a-speakers p span:first-child{
			font-size: 26px;
			}
		.a-speakers p span{
			line-height: 30px;
			}
		.a-speakers:hover p{
			bottom: -96px;
			}
.social{
	display: block;
	position: absolute;
	width: 24px;
	top: 12px;
	right: 12px;
	text-align: center;
	z-index: 10;
	border-radius: 100%;
	transition: all 0.3s ease;
	}
.social a{
	display: block;
	width: 24px;
	height: 24px;
	padding-bottom: 10px;
	}
	.social a .sp0{
		transition: all 0.3s ease;
		fill: rgba(255,255,255,0.6);
		}
		.social a:hover .sp0{
			fill: rgba(24,48,68,1);
			}	
.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: 25px;
			transform: rotate(-45deg);
			}
		.all-speakers span::before{
			top: 26px;					
			left: 25px;
			transform: rotate(45deg);
			}	
#speaker{
	margin: 60px 0 60px;
	}	
	#speaker h2{
		padding: 0;
		}
	#speaker h6{
		padding: 0 0 36px;
		}
	#speaker .a-speakers{
		width: calc(100% - 12px);
		}
	#speaker .grid-3 .col:nth-child(1){
		width: 32%;
		}
	#speaker .grid-3 .col:nth-child(2){
		width: 63%;
		margin-left: 5%;
		}
	#speaker .grid-3 .col:nth-child(3){
		width: 100%;
		padding-top: 36px;
		margin-left: 0;
		text-align: right;
		}	

/* ============================
   Tickets 768
   ============================ */
   
#tickets h5{
    max-width: none;
	}	
#tickets .col{
	text-align: center;
	}	
#tickets p.vat{
	position: absolute;
	width: 100%;
	top: 148px;
	right: 109.5%;
	}
#tickets .grid-5--1-3-1 .col:last-child{
	padding-top: 96px;		
	}	
	
/* ============================
   Venue 768
   ============================ */

#venue{
	text-align: left;
	}	
#venue .grid-1{
    text-align: left;
	}
#venue p{
	padding-left: 24px;
	}
#venue .cta-button{
	margin-left: 24px;
	}	
#venue.venue-section h4{
	line-height: 44px;
	}	
.img-venue,
.txt-venue{
	display: inline-block;
	width: 48.5%;
	vertical-align: top;
	}
	.txt-venue{
		padding-top: 68px;
		margin-left: 3%;
		}
	#venue.venue-section .txt-venue{
    	padding-top: 32px;
		}
	.txt-venue br{
		display: inline-block;
		}
#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-1:first-of-type{
    text-align: left;
	}	
#sponsors .grid-1 .line-detail{
	position: absolute;
	width: 144px;
    top: 51px;
    left: 518px;
	}	
	#sponsors .grid-1 .line-detail .ld1{
		stroke: rgba(38,190,228,1);
		}
#sponsors img{
	height: 60px;
	margin-right: 30px;
	margin-bottom: 36px;
	margin-left: 30px;
	} 
	#sponsors.sponsors-section .silver-logo img{
		height: 48px;
		} 
		#sponsors.sponsors-section .silver-logo img{
		    margin-bottom: 36px;
			}
	#sponsors a:nth-of-type(1) img{
		width: auto;
		max-width: none;
		height: 66px;
		}
#sponsors.sponsors-section img{
    margin-bottom: 60px;
	}	
#sponsors.sponsors-section h3{
    margin-bottom: 12px;
	}	
#sponsors.sponsors-section p:first-of-type{
	padding-top: 30px;
	}	
	
/* ============================
   Footer 768
   ============================ */

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


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

@media only screen and (min-width: 1024px){
	
/* ============================
   Common 1024
   ============================ */
 
#info .cta-button .top .label{
	font-size: 20px;
	}	
	#info .cta-button .top .label::after{
		top: 13px;
		}
	#info .cta-button .top .label::before{
		top: 3px;					
		}	
#info .grid-4{
	padding-top: 20px;
	}
#venue{
	padding-top: 66px;
	}
#venue .img-venue{
	margin: 11px 0 22px 14%;
	}
#sponsors{
    padding-top: 48px;
    padding-bottom: 30px;
	}	
#sessions-list{
    padding-top: 48px;
    padding-bottom: 30px;
	}		

/* ============================
   Grid 1024
   ============================ */
	
.grid-3--2-1 .col,
.grid-3--1-2 .col{ 
	width: 30.33%;
	}
	.grid-3--2-1 .col:first-child, 
	.grid-3--1-2 .col:last-child{ 
		width: 66.67%;
		}	
#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-background{
	background: url("../images/hero-bg-2000-detail.png") no-repeat left center / 1200px,
				url("../images/hero-bg-2000.png") no-repeat right -144px center / 1200px;
	}
#hero.hero-section .hero-title{
	width: 56%;
    padding-top: 120px;
	}	
.hero-logo{	
    margin-top: 0;
	margin-bottom: 12px;
	}	
	#hero.hero-section.live .hero-logo{
	margin-bottom: 0;
	}	
.image-load{
	width: 1200px;
	top: 0;
	left: auto;
	right: -144px;
	bottom: 0;
	margin: auto 0;
	}	
	.image-load:first-of-type{
		display: none;
		}
	.image-load:last-of-type{
		display: block;
		}
.hero-wrapper{
	min-height: 650px;
	}
.hero-wrapper strong{
	padding-top: 30px;
	}	
.hero-title{
	width: 484px;
    height: 430px;
	margin: auto 30px;
	text-align: left;
	}	
.hero-wrapper p{
	padding: 0 24px 0 0;
	box-sizing: border-box;
	}	
#hero.hero-section.speakers{
	background: url("../images/bg-speakers.png") no-repeat right -190px bottom -178px / 800px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(120,72,190,0.48) 100%);
	}
#hero.hero-section.sponsors{
	background: url("../images/bg-sponsors.png") no-repeat right -190px bottom -178px / 800px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(38,190,228,0.48) 100%);
	}
#hero.hero-section.sessions{
    background: url("../images/bg-sessions.png") no-repeat right -190px bottom -178px / 800px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(0,176,154,0.48) 100%);
	}
#hero.hero-section.diversity{
    background: url("../images/bg-diversity.png") no-repeat right -190px bottom -178px / 800px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(0,176,154,0.48) 100%);
	}	
#hero.hero-section.venue{
	background: url("../images/bg-venue.png") no-repeat right -190px bottom -178px / 800px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(238,60,130,0.48) 100%);
	}
#hero.hero-section.live{
    padding-bottom: 0;
    background: rgba(24,48,68,1) url(../images/hero-bg-1000.png) no-repeat right -224px bottom -310px / 760px;
	}	
	
/* ============================
   Info 1024
   ============================ */
	
/*#info{
	position: relative;
	}	
#info h4{
	margin-left: 0;
	}	
#info .grid-2{
	padding-bottom: 30px;
	}		
#info .grid-2 .col:first-child{
	padding-right: 2%;
	box-sizing: border-box;	
	}	
#info .grid-2 .col:last-child::before{	
	display: none;
	}
.store{
    margin-top: 56px;
	}*/
	
/* ============================
   Sessions 1024
   ============================ */
		
table td:first-child{
    width: 20%;
	}
table td{
    width: 75%;
	}	
table td:last-child {
    width: calc(78% - 72px);
	}	
dt{
	right: 0;
	}	
.live-table{
	height: calc(100vh - 544px);
	}	

/* ============================
   Speakers 1024
   ============================ */	
		
#speakers .grid-4 .col:nth-child(1),
#speakers .grid-4 .col:nth-child(8),
#speakers .grid-4 .col:nth-child(9){
	display: inline-block;
	}	
#speakers .grid-4 .col:nth-child(2),
#speakers .grid-4 .col:nth-child(5),
#speakers .grid-4 .col:nth-child(10){ 
	margin-left: 3%;
	}
#speakers .grid-4 .col:nth-child(5),
#speakers .grid-4 .col:nth-child(9){ 
	margin-left: 0;
	}	
#speakers .grid-2 .col:first-child{
	padding-left: 7.55%;
	box-sizing: border-box;
	}		
#speakers .grid-2 .col:last-child{
	padding-right: 7.55%;
	box-sizing: border-box;
	}	
#speakers .grid-2 .line-detail{
	width: 144px;
    right: -30px;
	}	
#speakers .grid-4 .col{
	margin-bottom: 12px;
	}	
#speakers .cta-button::after{
    content: "";
    position: absolute;
    width: 126px;
    height: 2px;
    top: 35px;
    left: -126px;
    background: rgba(255,255,255,1);
    z-index: -2;
	}	
.img-speaker{
	width: 94%;
	}
#speaker .img-speaker img{
    margin: 6px 6px -11px 6px;
	}		
	
/* ============================
   Venue 1024
   ============================ */

#venue h4{
	position: absolute;
	width: 220px;
	font-size: 44px;
	line-height: 54px;
	top: 78px;
	left: 0;
	padding-left: 0.2%;
	z-index: 100;
	}	
	#venue.venue-section h4{
		padding-left: 5.2%;
		}
.img-venue{
	width: 46%;
	}
	.txt-venue{
		width: 34%;
		padding-top: 86px;
		}
	#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: 58%;
	padding-left: 6%;
	box-sizing: border-box;
	}		
#sponsors .grid-2 .col:last-child{
	width: 39%;
	padding-right: 6%;
	box-sizing: border-box;
	}
#sponsors .grid-2 .line-detail{
    right: 118px;
	}	
#sponsors .cta-button::after{
    content: "";
    position: absolute;
    width: 126px;
    height: 2px;
    top: 35px;
    left: -126px;
    background: rgba(255,255,255,1);
    z-index: -2;
	}	
	
/* ============================
   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
   ============================ */
 
.cta-button .top .label,
#info .cta-button .top .label{
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 1px;	
	padding-right: 36px;
	}	
	.cta-button .top .label::after,
	.cta-button .top .label::before{
		width: 18px;
		height: 3px;
		}
		.cta-button .top .label::after,
		#info .cta-button .top .label::after{
			top: 16px;
			}
		.cta-button .top .label::before,
		#info .cta-button .top .label::before{
			top: 5px;					
			}
h2{
	padding-bottom: 40px;
	}
.hero-wrapper h2{
	padding-bottom: 34px;
	}
p{
	padding-bottom: 36px;
	}
.line-detail{
	display: inline-block;
	}
	/*#info .grid-2 .col:last-child{
		padding-top: 48px;
		}
	#info .grid-2 .col:last-child::before{
		top: -36px;
		height: 110%;
		}
	#info .grid-4{
		padding-top: 20px;
    	padding-bottom: 42px;
		}
	#info .grid-4 .col{
		padding-top: 20px;
		}*/
#sessions{
	padding-top: 60px;
	padding-bottom: 54px;
	}	
#speakers{
	padding-top: 63px;
	}
	#speakers .grid-4{
		padding-top: 38px;
		}
	#speakers .cta-button::after{
		top: 38px;
		}
#tickets{
	padding-top: 42px;
    padding-bottom: 136px;
	}
	#tickets p{
		padding-bottom: 0;
		}
	#tickets p.vat{
		padding-top: 42px;
		padding-bottom: 18px;
		}
	#tickets .grid-5--1-3-1 .col{
		padding-top: 30px;
		}
#venue{
	padding-top: 48px;
    padding-bottom: 42px;
	}	
	#venue .img-venue{
		margin: 41px 0 10px 22.8%;
		}	
#sponsors{
	padding-top: 50px;
    padding-bottom: 12px;
	}
	#sponsors h6{
		margin-bottom: 60px;
		}
	#sponsors .cta-button::after{
		top: 38px;
		}	
#sessions-list{
	padding-top: 50px;
    padding-bottom: 12px;
	}	
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: 2.65%;
	}	
	.grid-5--1-3-1 .col{
		width: 14.3%;
		margin-left: 2.65%;
		}
		.grid-5--1-3-1 .col:first-child{ 
			width: 22%;
			}
		.grid-5--1-3-1 .col:last-child{ 
			width: 24.5%;
			}
 	
/* ============================
   Typography 1280
   ============================ */

body,
h6,
#info p,
#venue p,
#sponsors p,
#sessions-list p,
#sessions-list li,	
#venue-party p{
    font-size: 24px;
	line-height: 38px;
	} 
h1{
	font-size: 96px;
	line-height: 108px;
	}
h2,
h4{
	font-size: 60px;
	line-height: 72px;
	}
h3{
	font-size: 36px;
	line-height: 44px;
	}	
	.body-live h3{
		font-size: 34px;
		line-height: 38px;
		margin: 0 0 18px;
		}
h5{
	font-size: 30px;
	line-height: 50px;
	}
h6{
	line-height: 18px;
	}	

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

.hero-background{
	background: url("../images/hero-bg-2000-detail.png") no-repeat left center / 114%,
				url("../images/hero-bg-2000.png") no-repeat right -144px center / 114%;
	}
.image-load{
	width: 114%;
	}	
.hero-logo{	
	width: 220px;
	max-height: 72px;
	margin-bottom: 18px;
	}	
.hero-title{
	width: 596px;
	height: 512px;
	margin: auto 5%;
	}
.hero-wrapper h1{
    font-size: 66px;
    line-height: 78px;
	}	
	.hero-wrapper h1 span{
		padding-right: 16px;
		}
		.hero-wrapper h1 span::after{
			top: -6px;
			left: 1px;
			}
.hero-wrapper h2{
	font-size: 46px;
	line-height: 56px;
	padding-bottom: 30px;
	}
	.hero-wrapper h2::after{	
		width: 104px;
		top: 34px;
		}
.hero-wrapper p{
	font-size: 24px;
	line-height: 36px;
	}	
.hero-wrapper strong{
	padding-top: 36px;
	}	
#hero.hero-section .hero-wrapper{
    height: 368px;
	}	
	#hero.hero-section.live .hero-wrapper{
		height: 280px;
		}
	#hero.hero-section.live .hero-logo{
		margin-top: 0;
		}
		#hero.hero-section.live .hero-wrapper h1{
			padding-top: 20px;
			font-size: 72px;
			}
		#hero.hero-section.live .hero-wrapper h2{
			padding-top: 0;
			}
#hero.hero-section .hero-title{
	max-width: 1260px;
	height: 132px;
    padding-top: 48px;
	padding-bottom: 0;
	}
	#hero.hero-section.live .hero-title{
		height: 210px;
		margin: auto;
		}
	#hero.hero-section .hero-wrapper h1{
		font-size: 86px;
		line-height: 78px;
		padding-top: 18px;
		}	
	#hero.hero-section .hero-wrapper h1 span::after{
		bottom: -20px;
		}		
#hero.hero-section .hero-title.big{
	height: 132px;
	padding-top: 42px;
	}	
	#hero.hero-section .hero-title.big h1{
		line-height: 72px;
		}	
#hero.hero-section .hero-wrapper h2{
    font-size: 30px;
    line-height: 42px;
	padding-top: 6px;
	}	
#hero.hero-section.speakers{
	background: url("../images/bg-speakers.png") no-repeat right -208px bottom -178px / 860px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(120,72,190,0.48) 100%);
	}
#hero.hero-section.sponsors{
	background: url("../images/bg-sponsors.png") no-repeat right -208px bottom -178px / 860px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(38,190,228,0.48) 100%);
	}
#hero.hero-section.sessions{
    background: url("../images/bg-sessions.png") no-repeat right -208px bottom -178px / 860px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(0,176,154,0.48) 100%);
	}
#hero.hero-section.diversity{
    background: url("../images/bg-diversity.png") no-repeat right -208px bottom -178px / 860px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(0,176,154,0.48) 100%);
	}	
#hero.hero-section.venue{
	background: url("../images/bg-venue.png") no-repeat right -208px bottom -178px / 860px,
		        linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		        linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(238,60,130,0.48) 100%);
	}
#hero.hero-section.live{
    background: rgba(24,48,68,1) url(../images/hero-bg-1000.png) no-repeat right -280px bottom -448px / 960px;
	}	
	
/* ============================
   Info 1280
   ============================ */


/*#info .grid-2 .col:first-child{
	padding-top: 48px;
	padding-right: 6%;
	}
	#info .grid-2 .col:first-child h2{
		max-width: 430px;
		}
#info .grid-2 .col:last-child{
    padding-left: 4%;
	padding-right: 1%;
	}	
#info .grid-4 .col{
    text-align: center;
	}	*/
#info{
    padding-top: 72px;
	padding-bottom: 40px;
	}	
#info .grid-2 li.col{
	padding-left: 36px;
	box-sizing: border-box;
	}	
#info .grid-2 .icon-txt{
    display: inline-block;
    width: calc(100% - 114px);
	}
.icon-svg{
	width: 96px;
	height: 96px;
	}		
.store{
    margin-top: 62px;
	}
	
/* ============================
   Sessions 1280
   ============================ */
	
#sessions h6{
    margin-bottom: 60px;
	}	
#tabs li {
    padding-right: 24px;
	}		
table thead th p:last-child{
	font-size: 22px;
	line-height: 36px;
	}	
table td:first-child{
    width: 17%;
	}
table td:last-child{
	width: calc(81% - 72px);
    padding-top: 2px;
	}	
dt{
    top: 6px;
	}	
.live-table{
	min-height: 308px;
	height: calc(100vh - 492px);
	}		
	
/* ============================
   Speakers 1280
   ============================ */	
		
#speakers h4{
	margin-top: 6px;
	}	
#speakers .grid-2 .line-detail{
	width: 166px;
	top: 41px;
    right: -6px;
	}	
#speakers .grid-4 .col{
	margin-bottom: 30px;
	}	
.a-speakers p{
	height: 62px;
	font-size: 24px;
	}	
.a-speakers p{
	height: 82px;
	bottom: -58px;
	}
	.a-speakers p span{
		line-height: 32px;
		}
		.a-speakers p span:first-child{
			font-size: 30px;
			}
		.a-speakers p span:last-child{
			font-size: 22px;
			}	
.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;
			transform: rotate(-45deg);
			}
		.all-speakers span::before{
			width: 24px;
			top: 27px;				
			transform: rotate(45deg);
			}
#speakers.speakers-section{
    padding-top: 84px;
	}	
	#speakers.speakers-section .grid-4{
		padding-top: 0;
		}	
#speaker{
	margin: 84px 0 84px;
	}	
	#speaker h6{
		font-size: 36px;
		}
#speaker .social{
	font-size: 20px;
	line-height: 28px;
	margin: 30px auto;
	}
#speaker .social a{
	padding-bottom: 18px;
	}
	#speaker .social a svg{
		width: 30px;
		height: 30px;
		}
	#speaker .social a span{
		padding-left: 12px;
		}
	
/* ============================
   Tickets 1280
   ============================ */	
	
#tickets h3{
	padding-top: 3px;
	}
#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 p.vat{
    width: 196px;
    top: 162px;
	}	
	
/* ============================
   Venue 1280
   ============================ */

#venue h4{
	width: 400px;
	top: 96px;
	font-size: 60px;
    line-height: 72px;
	padding-left: 7.65%;
	}	
	#venue.venue-section h4{
		padding-left: 13.1%;
		line-height: 60px;
		}
#venue p{
    padding-right: 12px;
	}
.img-venue{
	width: 39.7%;
	}
	.txt-venue{
		width: 34%;
		padding-top: 114px;
		}	
	#venue.venue-section .txt-venue{
    	padding-top: 90px;
		}
#venue.venue-section{
    padding-top: 42px;
	}	
#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-1 .line-detail{
	width: 166px;
	top: 75px;
	left: 560px;
	}	
#sponsors .grid-2{
    padding-bottom: 30px;
}	
#sponsors .grid-4 .col{
	margin-bottom: 36px;
	}
#sponsors h4 {
    margin-top: 6px;
	}	
#sponsors img{
	height: 66px;
	margin-right: 36px;
	margin-left: 36px;
	margin-bottom: 60px;
	}	
	#sponsors a:nth-of-type(1) img{
		/*height: 72px;
		margin-top: 32px;*/
		margin-right: 36px;
		margin-left: 36px;
		} 
#sponsors.sponsors-section{
    padding-top: 60px;
	}	
#sponsors.sponsors-section img{
    margin-bottom: 84px;
	}	
	#sponsors a:nth-of-type(1) img{
		height: 72px;
		margin-top:0;
		}
#sponsors.sponsors-section .silver-logo img{
    height: 60px;
	}	
	
/* ============================
   Sessions List 1280
   ============================ */
   
#sessions-list h4 span{
	font-size: 36px;
	}
	#sessions-list ul li{
		padding: 0 0 18px 18px;
		}
		#sessions-list ul li::after{
			width: 10px;
			height: 3px;
			top: 17px;
			}
.warning{
	padding: 12px 18px;
	margin: 0 0 36px;
	}
#sessions-list.diversity h4{
	font-size: 60px;
    line-height: 72px;
	}	
#sessions-list.diversity h5{
    line-height: 50px;
	}	
#sessions-list.diversity .cta-button{
    margin-bottom: 60px;
	}	
	
/* ============================
   Footer 1280
   ============================ */

footer.wrapper{
    width: 100%;
    padding: 0;
	}
	footer p:first-of-type{
		padding-left: 36px;
		box-sizing: border-box;
		}
	footer p:last-of-type{
		padding-right: 36px;
		box-sizing: border-box;
		}
	
}/* ============================== End media 1280 */


/* ============================
   Fix
   ============================ */   

@media only screen and (min-width: 1078px) and (max-width: 1279px){	
	#info .grid-2{
		min-height: 586px;
		}
}
@media only screen and (min-width: 1321px) and (max-width: 1366px){	
	#info .grid-2{
		min-height: 742px;
		}
}
@media only screen and (min-width: 1366px){	
	.hero-background{
		background: url("../images/hero-bg-2000-detail.png") no-repeat left center / 120%,
					url("../images/hero-bg-2000.png") no-repeat right -168px center / 120%;
		}
	.image-load{
		right: -168px;
		width: 120%;
		}
	#hero.hero-section.speakers{
		background: url("../images/bg-speakers.png") no-repeat right -208px bottom -220px / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(120,72,190,0.48) 100%);
		}
	#hero.hero-section.sponsors{
		background: url("../images/bg-sponsors.png") no-repeat right -208px bottom -220px / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(38,190,228,0.48) 100%);
		}
	#hero.hero-section.sessions{
		background: url("../images/bg-sessions.png") no-repeat right -208px bottom -220px / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(0,176,154,0.48) 100%);
		}
	#hero.hero-section.diversity{
		background: url("../images/bg-diversity.png") no-repeat right -208px bottom -220px / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(0,176,154,0.48) 100%);
		}
	#hero.hero-section.venue{
		background: url("../images/bg-venue.png") no-repeat right -208px bottom -220px / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(238,60,130,0.48) 100%);
		}		
	#hero.hero-section .hero-title{
		width: 100%;
		margin: auto;
		padding-top: 114px;
		}
	#hero.hero-section .hero-title.big{
		width: 100%;
		margin: auto;
		}	
		#hero.hero-section .hero-title.big h1{
			line-height: 78px;
			}	
	table thead th p:last-child{
	    font-size: 23px;
		}	
	table td:first-child{
		width: 16%;
		}
	#speakers .grid-2 .line-detail{
		width: 192px;
		right: -24px;
		}
	#speakers .grid-2 .col:first-child{
		padding-left: 9.55%;
		}		
	#speakers .grid-2 .col:last-child{
		padding-right: 9.55%;
		}
	#sponsors .grid-2 .line-detail{
		width: 192px;
		right: 90px;
		}
	#venue h4{
    	padding-left: 10.1%;
		}
		#venue.venue-section h4{
			padding-left: 15.2%;
			}
	#venue .img-venue{
	    margin: 41px 0 10px 24.3%;
		}
	.txt-venue{
    	width: 32%;
		}
	.live-table{
		min-height: 340px;
		max-height: 400px;
		height: calc(100vh - 558px);
		}	
}
@media only screen and (min-width: 1600px){
	h2, h4{
    	font-size: 66px;
    	line-height: 78px;
		}
	#speakers{
		padding-top: 75px;
		padding-bottom: 30px;
		}
		#speakers .grid-4{
		    padding-top: 50px;
			}
	#speakers.speakers-section{
		padding-top: 96px;
		}	
	#speaker h6{
		font-size: 42px;
		}	
	#tickets{
    	padding-top: 54px;
    	padding-bottom: 156px;
		}
	#venue{
	    padding-top: 66px;
    	padding-bottom: 66px;
		}
		#venue h4{
			font-size: 66px;
			line-height: 78px;
			top: 108px;
			padding-left: 7.15%;
			}
			#venue.venue-section h4{
				padding-left: 13.1%;
				line-height: 66px;
				}
		#venue.venue-section{
			padding-top: 54px;
			}
		.txt-venue{
			padding-top: 126px;
			}
	#sponsors{
	    padding-top: 82px;
    	padding-bottom: 36px;
		}
		#sponsors .grid-1 .line-detail{
			top: 82px;
			}
	table td:first-child{
		width: 16%;
		}
	table td{
		width: 79%;
		}	
	#sessions{
		padding-top: 75px;
		padding-bottom: 84px;
		}
	#sessions-list{
	    padding-top: 82px;
    	padding-bottom: 36px;
		}
	.hero-background{
		background: url("../images/hero-bg-2000-detail.png") no-repeat left center / 108%,
			 		url("../images/hero-bg-2000.png") no-repeat right -96px center / 108%;		
		}
	.image-load{
		right: -96px;
		width: 108%;
		}
	#hero.hero-section .hero-wrapper{
	    height: 468px;
		}
	#hero.hero-section.live .hero-wrapper{
	    height: 320px;
		}
		#hero.hero-section .hero-wrapper h1{
			padding-top: 6px;
			}
	#hero.hero-section.speakers{
		background: url("../images/bg-speakers.png") no-repeat right -148px bottom -116px / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(120,72,190,0.48) 100%);
		}
	#hero.hero-section.sponsors{
		background: url("../images/bg-sponsors.png") no-repeat right -148px bottom -116px / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(38,190,228,0.48) 100%);
		}
	#hero.hero-section.sessions{
		background: url("../images/bg-sessions.png") no-repeat right -148px bottom -116px / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(0,176,154,0.48) 100%);
		}
	#hero.hero-section.diversity{
		background: url("../images/bg-diversity.png") no-repeat right -148px bottom -116px / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(0,176,154,0.48) 100%);
		}
	#hero.hero-section.venue{
		background: url("../images/bg-venue.png") no-repeat right -148px bottom -116px / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 48%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(238,60,130,0.48) 100%);
		}
	#hero.hero-section.live{
   	 	padding-bottom: 0;
		background: rgba(24,48,68,1) url(../images/hero-bg-1000.png) no-repeat right -289px bottom -504px / 1100px;
		}
		#hero.hero-section.live .hero-wrapper h1{
			font-size: 84px;
			}
		#hero.hero-section.live .hero-wrapper h1 span::after{
			left: -4px;
			}
		#hero.hero-section.live .hero-title{
			height: 212px;
			margin: auto;
			}
	.hero-title{		
    	margin: auto 6%;
		}		
	/*#info::before{
		height: calc(100% - 368px);
		}
	#info h4 {
		margin-left: -36px;
		}
	#info .grid-2 .col:first-child{
    	padding-top: 72px;
    	padding-right: 9.5%;
		}
	#info .grid-2 .col:last-child{
		padding-top: 72px;
    	padding-left: 8%;
    	padding-right: 1%;
		}
	#info .grid-4{
	    padding-top: 78px;
    	padding-bottom: 57px;
		}	*/
	#info{
		padding-top: 90px;
		padding-bottom: 60px;
		}
	#info .grid-2 .icon-txt{
		width: calc(100% - 120px);
		}
		#info .grid-2 .icon-txt h3{
			font-size: 30px;
			line-height: 42px;
			}
		#info .grid-2 .icon-txt p{
			font-size: 20px;
			line-height: 20px;
			}
	.icon-svg{
    	width: 108px;
    	height: 108px;
		}
	#speakers .grid-2 .line-detail{
		width: 168px;
		}
	#venue .img-venue{
		margin: 41px 0 10px 23.2%;
		}
	#venue h4{
    	padding-left: 7.5%;
		}
	#venue p{
		padding-right: 0;
		}
	.img-venue{
    	width: 41%;
		}
	.txt-venue{
		width: 32.6%;
		}
	.txt-venue br{
    	display: none;
		}
	#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;
			}	
	#sponsors .grid-2 .line-detail{
		width: 168px;
		}
	#sponsors.sponsors-section{
		padding-top: 72px;
		}
	.warning{
		padding: 18px 24px;
		margin: 0 0 60px;
		}
	#sessions-list.diversity h4{
		font-size: 66px;
		line-height: 78px;
		}
	#sessions-list.diversity h5{
		font-size: 36px;
		line-height: 56px;
		}
	.live-table{
		height: calc(100vh - 542px);
		}	
}
@media only screen and (min-width: 1900px){
	/*.global-menu__wrap{
		max-width: 300px;
		}*/
	.global-menu__item{
		font-size: 60px;
		margin: 48px auto;
		}
	.menu__item-name {
		line-height: 60px;
		}
		.menu__item-name::after{
			top: 24px;
			}	
	.cta-button .top .label,
	#info .cta-button .top .label{
		font-size: 26px;
		line-height: 130%;
		}	
		.cta-button .top .label::after,
		.cta-button .top .label::before{
			width: 20px;
			}
			.cta-button .top .label::after,
			#info .cta-button .top .label::after{
				top: 18px;
				}
			.cta-button .top .label::before,
			#info .cta-button .top .label::before{
				top: 6px;					
				}
	h2, h4{
    	font-size: 72px;
		line-height: 84px;
		}
	.hero-logo{
		margin-bottom: 30px;
		}
	.hero-title{		
		width: 700px;
		height: 566px;
		margin: auto 8%;
		}	
	.hero-info{
    	padding: 18px 12px;
		}
	.hero-wrapper h1{
		font-size: 78px;
		line-height: 88px;
		}
		.hero-wrapper h1 span{
		padding-right: 19px;
		}
		.hero-wrapper h1 span::after{
			top: -7px;
			left: 1px;
			}
	.hero-wrapper p{
		font-size: 26px;
		line-height: 38px;
		}
	.hero-wrapper h2{
		font-size: 54px;
    	line-height: 64px;
    	padding-bottom: 36px;
		}
	.hero-wrapper strong{
		font-size: 26px;
		padding-top: 44px;
		}
	#hero.hero-section .hero-wrapper{
	    height: 540px;
		}
		#hero.hero-section .hero-wrapper h1{
			font-size: 96px;
			line-height: 84px;
			padding-top: 0;
			}	
		#hero.hero-section .hero-title.big h1{
			line-height: 90px;
			}
	#hero.hero-section.speakers{
		background: url("../images/bg-speakers.png") no-repeat right -72px bottom / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 66%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 18%, rgba(120,72,190,0.48) 100%);
		}
	#hero.hero-section.sponsors{
		background: url("../images/bg-sponsors.png") no-repeat right -72px bottom / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 66%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 18%, rgba(38,190,228,0.48) 100%);
		}
	#hero.hero-section.sessions{
		background: url("../images/bg-sessions.png") no-repeat right -72px bottom / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 66%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 18%, rgba(0,176,154,0.48) 100%);
		}
	#hero.hero-section.diversity{
		background: url("../images/bg-diversity.png") no-repeat right -72px bottom / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 66%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 18%, rgba(0,176,154,0.48) 100%);
		}
	#hero.hero-section.venue{
		background: url("../images/bg-venue.png") no-repeat right -72px bottom / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 66%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 18%, rgba(238,60,130,0.48) 100%);
		}
	/*#hero.hero-section.live{
		background: rgba(24,48,68,1) url(../images/hero-bg-1000.png) no-repeat right -352px bottom -492px / 1200px;
		}*/	
	#info h4 {
		margin-left: -60px;
		}
	#speakers .grid-2 .line-detail{
		width: 142px;
		}
	#speakers .cta-button::after{
		top: 40px;
		}
	#speakers .grid-2 .line-detail{
		right: -16px;
		}
	#speaker h6{
		font-size: 44px;
		}	
	#tickets p.vat{
    	top: 170px;
		}
	#sponsors img{
		height: 72px;
		margin-right: 42px;
		margin-left: 42px;
		}	
		#sponsors a:nth-of-type(1) img{
			height: 78px;
			} 
	#sponsors .cta-button::after {
		top: 40px;
		}
	#sponsors .grid-1 .line-detail{
		top: 87px;
		}
	#venue h4{
		font-size: 72px;
		line-height: 84px;
		top: 96px;
		padding-left: 6.1%;
		}
		#venue.venue-section h4{
			padding-left: 12.3%;
			line-height: 72px;
			}
	#sponsors .grid-2 .line-detail{
		width: 142px;
		}
	#sessions-list.diversity h4{
		font-size: 72px;
		line-height: 84px;
		}
}
@media only screen and (min-width: 2200px){
	
	#hero.hero-section.speakers{
		background: url("../images/bg-speakers.png") no-repeat right 100px bottom / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 60%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(120,72,190,0.48) 100%);
		}
	#hero.hero-section.sponsors{
		background: url("../images/bg-sponsors.png") no-repeat right 100px bottom / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 60%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(38,190,228,0.48) 100%);
		}
	#hero.hero-section.sessions{
		background: url("../images/bg-sessions.png") no-repeat right 100px bottom / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 60%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(0,176,154,0.48) 100%);
		}
	#hero.hero-section.diversity{
		background: url("../images/bg-diversity.png") no-repeat right 100px bottom / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 60%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(0,176,154,0.48) 100%);
		}
	#hero.hero-section.venue{
		background: url("../images/bg-venue.png") no-repeat right 100px bottom / 960px,
		            linear-gradient(0deg, rgba(255,255,255,0.24) 60%, rgba(24,48,68,1) 84%),
		            linear-gradient(150deg, rgba(255,255,255,0.9) 24%, rgba(238,60,130,0.48) 100%);
		}
	#hero.hero-section.live{
		background: rgba(24,48,68,1) url(../images/hero-bg-1000.png) no-repeat right -262px bottom -600px / 1260px;
		}	
#speakers{
	padding-top: 87px;
	padding-bottom: 36px;
	}
	#speakers .grid-4{
		padding-top: 62px;
		}
#tickets{
    padding-top: 66px;
    padding-bottom: 168px;
	}	
	.hero-background{
		background: url("../images/hero-bg-2000-detail.png") no-repeat left center / 90%,
					url("../images/hero-bg-2000.png") no-repeat right center / 90%;		
		}
	.image-load{
		width: 90%;
		right: 0;
		}
	.hero-title{		
		margin: auto 18%;
		}	
	#venue{
    	padding-top: 66px;
		padding-bottom: 66px;
		}
	#venue h4{
    	top: 108px;
		}
		.txt-venue{
			padding-top: 138px;
			}
#sponsors{
    padding-top: 94px;
    padding-bottom: 48px;
	}	
#sessions-list{
    padding-top: 94px;
    padding-bottom: 48px;
	}	
.warning{
	margin: 0 0 72px;
	}	
}