.bc-primary {
background-color: #fff200;
}
.bc-secondary {
background-color: #fffff9;
}
.bc-active {
background-color: red;
}
.bc-text {
background-color: #2d293e;
}
.bc-footer {
background-color: #000;
}
.bc-blue {
background-color: #2a17b1;
}
.bc-prev {
background-color: #bebebe;
}
.bc-info {
background-color: rgba(46, 41, 64, 0.05);
}
.h-bc-primary:hover {
background-color: #fff200;
}
.h-bc-secondary:hover {
background-color: #fffff9;
}
.h-bc-active:hover {
background-color: red;
}
.h-bc-text:hover {
background-color: #2d293e;
}
.h-bc-footer:hover {
background-color: #000;
}
.tc-primary {
color: #fff200;
}
.tc-secondary {
color: #fffff9;
}
.tc-active {
color: red;
}
.tc-text {
color: #2d293e;
}
.h-tc-primary:hover {
color: #fff200;
}
.h-tc-secondary:hover {
color: #fffff9;
}
.h-tc-active:hover {
color: red;
}
.h-tc-text:hover {
color: #2d293e;
}
.ff-text {
font-family: Vollkorn, serif;
}
.ff-heading {
font-family: MarkPro;
}
.ff-work {
font-family: "Work Sans", sans-serif;
}
.c-b {
clear: both;
}
.fs-text {
font-size: 20px;
}
.fs-12 {
font-size: 12px;
}
.fs-14 {
font-size: 14px;
}
.fs-16 {
font-size: 16px;
}
.fs-18 {
font-size: 18px;
}
.fs-19 {
font-size: 19px;
}
.fs-20 {
font-size: 20px;
}
.fs-24 {
font-size: 24px;
}
.fs-25 {
font-size: 25px;
}
.fs-28 {
font-size: 28px;
}
.fs-32 {
font-size: 32px;
}
.fs-40 {
font-size: 40px;
}
.fs-48 {
font-size: 48px;
}
.fs-64 {
font-size: 64px;
}
.fs-70 {
font-size: 70px;
}
.fs-80 {
font-size: 80px;
}
.fs-200 {
font-size: 200px;
}
.fs-280 {
font-size: 280px;
}
.fst-n {
font-style: normal;
}
.fst-i {
font-style: italic;
}
.lh-text {
line-height: 24px;
}
.lh-20 {
line-height: 20px;
}
.lh-24 {
line-height: 24px;
}
.lh-32 {
line-height: 32px;
}
.lh-37 {
line-height: 37px;
}
.lh-40 {
line-height: 40px;
}
.lh-44 {
line-height: 44px;
}
.lh-52 {
line-height: 52px;
}
.lh-56 {
line-height: 56px;
}
.lh-64 {
line-height: 64px;
}
.lh-68 {
line-height: 68px;
}
.lh-90 {
line-height: 90px;
}
.lh-190 {
line-height: 190px;
}
.lh-250 {
line-height: 250px;
}
.rc-10 {
border-radius: 10px;
}
.rc-60 {
border-radius: 60px;
}
.ta-l {
text-align: left;
}
.ta-r {
text-align: right;
}
.ta-c {
text-align: center;
}
.tt-u {
text-transform: uppercase;
}
.tt-n {
text-transform: none;
}
.fw-100 {
font-weight: 100;
}
.fw-200 {
font-weight: 200;
}
.fw-300 {
font-weight: 300;
}
.fw-400 {
font-weight: 400;
}
.fw-500 {
font-weight: 500;
}
.fw-600 {
font-weight: 600;
}
.fw-700 {
font-weight: 700;
}
.fw-800 {
font-weight: 800;
}
.fw-900 {
font-weight: 900;
}
.d-b {
display: block;
}
.d-ib {
display: inline-block;
}
.p-r {
position: relative;
}
.p-a {
position: absolute;
}
.p-t-30 {
padding-top: 30px;
}
.p-t-165 {
padding-top: 165px;
}
.p-b-20 {
padding-bottom: 20px;
}
.p-b-25 {
padding-bottom: 25px;
}
.p-b-55 {
padding-bottom: 55px;
}
.p-b-80 {
padding-bottom: 80px;
}
.p-b-100 {
padding-bottom: 100px;
}
.p-b-120 {
padding-bottom: 120px;
}
.p-b-150 {
padding-bottom: 150px;
}
.p-b-200 {
padding-bottom: 200px;
}
.p-b-220 {
padding-bottom: 220px;
}
.p-r-50 {
padding-right: 20px;
}
.p-r-100 {
padding-right: 100px;
}
.p-l-100 {
padding-left: 100px;
}
.p-l-115 {
padding-left: 115px;
}
.p-l-160 {
padding-left: 160px;
}
.p-20 {
padding: 20px;
}
.p-40 {
padding: 40px;
}
.p-h-50 {
padding-right: 50px;
padding-left: 50px;
}
.m-t-n-10 {
margin-top: -10px;
}
.m-t-5 {
margin-top: 5px;
}
.m-t-6 {
margin-top: 6px;
}
.m-t-7 {
margin-top: 7px;
}
.m-t-10 {
margin-top: 10px;
}
.m-t-12 {
margin-top: 12px;
}
.m-t-15 {
margin-top: 15px;
}
.m-t-16 {
margin-top: 17px;
}
.m-t-20 {
margin-top: 20px;
}
.m-t-25 {
margin-top: 25px;
}
.m-t-30 {
margin-top: 30px;
}
.m-t-35 {
margin-top: 35px;
}
.m-t-40 {
margin-top: 40px;
}
.m-t-45 {
margin-top: 45px;
}
.m-t-50 {
margin-top: 50px;
}
.m-t-60 {
margin-top: 60px;
}
.m-t-65 {
margin-top: 65px;
}
.m-t-75 {
margin-top: 75px;
}
.m-t-80 {
margin-top: 80px;
}
.m-t-90 {
margin-top: 90px;
}
.m-t-100 {
margin-top: 100px;
}
.m-t-120 {
margin-top: 120px;
}
.m-t-150 {
margin-top: 150px;
}
.m-t-165 {
margin-top: 165px;
}
.m-t-220 {
margin-top: 220px;
}
.m-t-300 {
margin-top: 300px;
}
.m-t-450 {
margin-top: 450px;
}
.m-b-10 {
margin-bottom: 10px;
}
.m-b-15 {
margin-bottom: 15px;
}
.m-b-25 {
margin-bottom: 25px;
}
.m-b-35 {
margin-bottom: 35px;
}
.m-b-50 {
margin-bottom: 50px;
}
.m-b-55 {
margin-bottom: 55px;
}
.m-b-65 {
margin-bottom: 65px;
}
.m-b-75 {
margin-bottom: 75px;
}
.m-b-80 {
margin-bottom: 80px;
}
.m-b-85 {
margin-bottom: 85px;
}
.m-b-100 {
margin-bottom: 100px;
}
.m-b-130 {
margin-bottom: 130px;
}
.m-b-150 {
margin-bottom: 150px;
}
.m-l-10 {
margin-left: 10px;
}
.m-l-15 {
margin-left: 15px;
}
.m-l-20 {
margin-left: 20px;
}
.m-l-30 {
margin-left: 30px;
}
.m-l-50 {
margin-left: 50px;
}
.m-l-55 {
margin-left: 55px;
}
.m-l-75 {
margin-left: 75px;
}
.m-l-80 {
margin-left: 80px;
}
.m-l-100 {
margin-left: 100px;
}
.m-l-115 {
margin-left: 115px;
}
.m-l-160 {
margin-left: 160px;
}
.m-l-200 {
margin-left: 200px;
}
.m-l-220 {
margin-left: 220px;
}
.m-l-300 {
margin-left: 300px;
}
.m-r-10 {
margin-right: 10px;
}
.m-r-15 {
margin-right: 15px;
}
.m-r-20 {
margin-right: 20px;
}
.m-r-30 {
margin-right: 30px;
}
.m-r-50 {
margin-right: 50px;
}
.m-r-60 {
margin-right: 60px;
}
.m-r-75 {
margin-right: 75px;
}
.m-r-100 {
margin-right: 100px;
}
.m-a {
margin-left: auto;
margin-right: auto;
}
.m-t-n-140 {
margin-top: -140px;
}
.f-l {
float: left !important;
}
.f-r {
float: right !important;
}
.f-n {
float: none !important;
}
.w-20 {
width: 20px;
}
.w-45 {
width: 45px;
}
.w-100 {
width: 100%;
}
.w-165 {
width: 165px;
}
.w-180 {
width: 180px;
}
.w-190 {
width: 190px;
}
.w-300 {
width: 300px;
}
.w-320 {
width: 320px;
}
.w-355 {
width: 355px;
}
.w-370 {
width: 370px;
}
.w-380 {
width: 380px;
}
.w-480 {
width: 480px;
}
.w-500 {
width: 500px;
}
.w-520 {
width: 520px;
}
.w-530 {
width: 530px;
}
.w-630 {
width: 630px;
}
.w-1050 {
width: 1050px;
}
.w-100-270 {
width: calc(100% - 270px);
}
.w-a {
width: auto !important;
}
.h-17 {
height: 17px;
}
.h-20 {
height: 20px;
}
.h-27 {
height: 27px;
}
.h-35 {
height: 35px;
}
.h-45 {
height: 45px;
}
.h-190 {
height: 190px;
}
.mw-165 {
max-width: 165px;
}
.mw-320 {
max-width: 320px;
}
.mw-355 {
max-width: 355px;
}
.mw-360 {
max-width: 360px;
}
.mw-370 {
max-width: 370px;
}
.mw-380 {
max-width: 380px;
}
.mw-400 {
max-width: 400px;
}
.mw-500 {
max-width: 500px;
}
.mw-530 {
max-width: 530px;
}
.mw-570 {
max-width: 570px;
}
.mw-775 {
max-width: 775px;
}
.mw-1050 {
max-width: 1050px;
}
.mw-1100 {
max-width: 1100px;
}
.mw-1300 {
max-width: 1300px;
}
.o-10 {
opacity: 0.1;
}
.o-30 {
opacity: 0.3;
}
.o-50 {
opacity: 0.5;
}
.o-70 {
opacity: 0.7;
}
.o-h {
overflow: hidden;
}
.td-u {
text-decoration: underline;
}
.td-n {
text-decoration: none !important;
}
.n-w {
max-width: 800px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.h-h {
cursor: pointer;
cursor: hand;
}
.z-9 {
z-index: 9 !important;
}
.z-12 {
z-index: 12 !important;
}
.va-85 {
vertical-align: 85px;
}
.va-105 {
vertical-align: 105px;
}
.va-m {
vertical-align: middle;
}
.va-t {
vertical-align: top;
}
.ad-3 * {
animation-delay: 3s;
}
.m-w-800 {
max-width: 800px;
}
.mw-100 {
max-width: 100%;
}
.s-1 {
-webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
}
.s-2 {
-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.4);
}
.bws {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.s-m {
display: none !important;
}
@media only screen and (max-width: 900px) {
.m-ta-l {
text-align: left;
}
.m-ta-c {
text-align: center;
}
.m-lh-20 {
line-height: 20px;
}
.m-lh-24 {
line-height: 24px;
}
.m-lh-28 {
line-height: 28px;
}
.m-lh-32 {
line-height: 32px;
}
.m-lh-44 {
line-height: 44px;
}
.m-lh-50 {
line-height: 50px;
}
.m-lh-64 {
line-height: 64px;
}
.m-fs-15 {
font-size: 15px;
}
.m-fs-16 {
font-size: 16px;
}
.m-fs-18 {
font-size: 18px;
}
.m-fs-22 {
font-size: 22px;
}
.m-fs-24 {
font-size: 24px;
}
.m-fs-28 {
font-size: 28px;
}
.m-fs-40 {
font-size: 40px;
}
.m-fs-60 {
font-size: 60px;
}
.m-m-t-0 {
margin-top: 0;
}
.m-m-t-20 {
margin-top: 20px;
}
.m-m-t-30 {
margin-top: 30px;
}
.m-m-t-60 {
margin-top: 60px;
}
.m-m-t-115 {
margin-top: 115px;
}
.m-m-b-0 {
margin-bottom: 0;
}
.m-m-b-10 {
margin-bottom: 10px;
}
.m-m-b-20 {
margin-bottom: 20px;
}
.m-m-b-30 {
margin-bottom: 30px;
}
.m-m-b-50 {
margin-bottom: 50px;
}
.m-m-b-70 {
margin-bottom: 70px;
}
.m-m-l-0 {
margin-left: 0;
}
.m-m-l-20 {
margin-left: 20px;
}
.m-m-l-50 {
margin-left: 50px;
}
.m-m-l-125 {
margin-left: 125px;
}
.m-m-r-20 {
margin-right: 20px;
}
.m-m-r-50 {
margin-right: 50px;
}
.m-p-l-10 {
padding-left: 10px;
}
.m-p-b-0 {
padding-bottom: 0;
}
.m-p-b-30 {
padding-bottom: 30px;
}
.m-p-b-75 {
padding-bottom: 75px;
}
.m-p-20 {
padding: 20px;
}
.m-w-100 {
width: 100% !important;
}
.m-mw-100 {
max-width: 100%;
}
.m-h-250 {
height: 250px;
}
.h-m {
display: none !important;
}
.s-m {
display: block !important;
}
}
.row {
clear: both;
margin-left: -25px;
margin-right: -25px;
}
.row > div {
padding: 0 25px;
float: left;
}
.row > div.grid-12 {
width: 100%;
}
.row > div.grid-8 {
width: 66.666665%;
}
.row > div.grid-6 {
width: 50%;
}
.row > div.grid-4 {
width: 33.333332%;
}
.row > div.grid-3 {
width: 25%;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
width: 100%;
min-width: 360px;
min-height: 230px;
overflow-x: hidden;
background: #2d293e;
}
@font-face {
font-family: Ladislav-Bold;
src: url(../font/Ladislav-Bold-3bde445a400e37cc9c6dd548a5ac7cd3.woff2) format("woff2"), url(../font/Ladislav-Bold-3bde445a400e37cc9c6dd548a5ac7cd3.woff) format("woff");
font-weight: 400;
font-style: normal;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration: underline;
color: #2d293e;
}
a:hover {
text-decoration: none;
}
.container {
max-width: 1200px;
padding: 0 24px;
margin: auto;
}
main > section {
width: 100%;
overflow: hidden;
}
strong {
font-weight: 700;
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select {
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.disabled {
pointer-events: none;
cursor: default;
}
.clearfix {
clear: both;
}
.bw {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: 1s;
}
.bw:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.4);
}
.ht-btr {
display: inline-block;
vertical-align: middle;
cursor: hand;
cursor: pointer;
transition: background 0.5s ease;
}
.ht-btr:hover {
background: #cd1818;
}
#ksk {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(../img/grid.png) center;
z-index: 5;
pointer-events: none;
opacity: 0.5;
}
#buy-page {
margin: auto;
max-width: 1116px;
}
@media only screen and (max-width: 1060px) {
#buy-page.p-20 {
padding: 0;
}
}
#buy-page h1 {
font-size: 40px;
line-height: 51px;
font-family: Ladislav-Bold;
font-weight: 900;
margin-bottom: 35px;
text-transform: uppercase;
}
#buy-page h2 {
color: #fffffa;
font-family: Ladislav-Bold;
font-size: 24px;
line-height: 29px;
text-transform: uppercase;
margin-left: 32px;
}
#buy-page h3 {
margin-top: 40px;
font-family: "Work Sans";
font-size: 16px;
line-height: 30px;
}
.next-step {
margin-top: 30px;
}
.next-step a.button {
color: #fff;
background-color: #62c300;
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
}
.next-step a.button:hover {
background: #52a300;
}
.step-2 {
padding-top: 45px;
}
.step-2 .step-2-inner {
background: rgba(255, 255, 255, 0.17);
padding: 45px 55px;
margin-top: 25px;
overflow: hidden;
}
.step-2 .step-2-inner .checkbox input {
border-color: #fff;
}
.step-2 .step-2-inner .checkbox input:checked {
background: url(../img/check-white.svg) center no-repeat;
background-size: 60%;
}
#ticket-form {
margin: 0 auto;
float: none;
position: relative;
}
#ticket-form input {
position: relative;
z-index: 9;
}
#ticket-form label {
z-index: 10;
}
#ticket-form legend {
font-size: 16px;
line-height: 32px;
}
#ticket-form .form-attendee {
background: rgba(255, 255, 255, 0.17);
padding: 45px 55px 30px;
margin-top: 25px;
}
#ticket-form button.add-attendee {
float: left;
width: 240px;
font-family: "Work Sans";
font-size: 16px;
line-height: 19px;
cursor: hand;
cursor: pointer;
padding: 15px 20px;
transition: background 0.5s ease;
background-color: #fff;
color: #2d293e;
margin-top: 75px;
margin-left: -55px;
}
#ticket-form button.add-attendee:hover {
background: #dad7e3;
}
#ticket-form .button.big-button {
font-size: 16px;
line-height: 19px;
padding: 15px 25px;
margin-top: 70px;
text-transform: none;
font-weight: 400;
min-width: 240px;
transition: background 0.5s ease;
background: #62c300;
border-radius: 4px;
}
#ticket-form .button.big-button:hover {
background: #52a300;
}
#ticket-form .kind-tabs {
clear: both;
width: 100%;
padding-top: 42px;
max-width: 605px;
margin-top: 20px;
}
#ticket-form .kind-tabs h3 {
padding-top: 0;
margin-top: 0;
}
#ticket-form .kind-tabs label {
display: inline-block;
text-transform: none;
position: relative;
cursor: hand;
cursor: pointer;
}
#ticket-form .kind-tabs label strong {
float: right;
}
#ticket-form .kind-tabs label input {
border: none;
}
#ticket-form .kind-tabs label input:checked {
z-index: -1;
}
#ticket-form .kind-tabs label input:checked span {
display: block;
}
#ticket-form .kind-tabs label span {
display: none;
}
#ticket-form .kind-tabs label,
#ticket-form .kind-tabs label.radio-inline {
width: 100%;
padding: 5px 0 5px 40px;
line-height: 20px;
height: auto;
margin: 3px 0 7px;
font-size: 14px;
}
#ticket-form .kind-tabs label input,
#ticket-form .kind-tabs label.radio-inline input {
left: 0;
top: 3px;
position: absolute;
width: 24px;
height: 24px;
border-radius: 24px;
border: 1px solid rgba(45, 41, 62, 0.4);
margin: 0;
background: #fff;
}
#ticket-form .kind-tabs label input:checked,
#ticket-form .kind-tabs label.radio-inline input:checked {
background: #fff;
}
#ticket-form .kind-tabs label input:checked + span,
#ticket-form .kind-tabs label.radio-inline input:checked + span {
display: block;
position: absolute;
width: 12px;
height: 12px;
top: 15px;
left: 12px;
transform: translate(-50%, -50%);
background-color: #2d293e;
border-radius: 12px;
}
#ticket-form .kind-tabs br {
display: none;
}
#ticket-form .workshop-selection {
padding: 24px 29px;
margin: 30px -30px 0;
background: rgba(255, 255, 255, 0.17);
max-width: 656px;
position: relative;
}
@media only screen and (max-width: 900px) {
#ticket-form .workshop-selection {
padding: 15px 20px;
}
}
@media only screen and (max-width: 600px) {
#ticket-form .workshop-selection {
margin-left: -20px;
margin-right: -20px;
}
#ticket-form .workshop-selection label strong {
white-space: nowrap;
margin-left: 5px;
display: inline-block;
float: none !important;
margin-top: 0;
}
}
#ticket-form .workshop-selection:before {
content: " ";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px;
border-color: transparent transparent rgba(255, 255, 255, 0.17);
top: -10px;
left: 50%;
transform: translate(-50%, 0);
}
#ticket-form .workshop-selection br {
display: none;
}
#ticket-form .workshop-selection p {
font-size: 14px;
line-height: 20px;
margin: 20px 5px 0;
}
#ticket-form .workshop-selection h3 {
margin-top: 0;
}
#ticket-form .workshop-selection label {
width: 100%;
display: block;
padding: 4px 0;
color: #fff;
font-family: "Work Sans";
font-size: 14px;
line-height: 16px;
cursor: hand;
cursor: pointer;
}
@media only screen and (max-width: 600px) {
#ticket-form .workshop-selection label {
padding-left: 35px;
}
}
#ticket-form .workshop-selection label strong {
float: right;
margin-top: 7px;
font-weight: 400 !important;
}
#ticket-form .workshop-selection label input {
border-radius: 0;
width: 24px;
height: 24px;
vertical-align: -7.5px;
border: 1px solid rgba(45, 41, 62, 0.4);
background-color: #fff;
position: relative;
margin-right: 10px;
}
@media only screen and (max-width: 600px) {
#ticket-form .workshop-selection label input {
position: absolute;
left: -6px;
}
}
#ticket-form .workshop-selection label input:checked {
background: url(../img/check.svg) center no-repeat #fff;
background-size: 60%;
}
@media only screen and (max-width: 900px) {
#ticket-form .nice-select,
#ticket-form .nice-text-input {
clear: both;
margin-right: 0;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 600px) {
#ticket-form .nice-select,
#ticket-form .nice-text-input {
width: 100%;
}
#ticket-form .nice-select input,
#ticket-form .nice-select select,
#ticket-form .nice-text-input input,
#ticket-form .nice-text-input select {
width: 100%;
max-width: 100%;
}
}
#slider-timeline {
position: absolute;
left: 0;
right: 0;
transform: rotate(-12deg);
margin-left: -100px;
margin-right: -50px;
margin-top: 420px;
z-index: 9;
}
@media only screen and (max-width: 900px) {
#slider-timeline {
display: none !important;
}
}
#slider-timeline .points {
max-width: 1500px;
margin: auto;
font-size: 14px;
line-height: 16px;
width: 100vw;
padding: 0 50px;
position: relative;
}
#slider-timeline .points li {
float: left;
position: relative;
display: block;
height: 10px;
}
#slider-timeline .points li div {
transform: rotate(12deg);
display: inline-block;
padding-top: 5px;
position: absolute;
transition: margin 1s ease;
}
#slider-timeline .points li div .line {
display: block;
position: absolute;
top: -6px;
left: 50%;
width: 1px;
height: 17px;
margin-left: -1px;
background: #fff;
transition: height 1s ease;
}
#slider-timeline .points li div .point-name {
display: none;
}
#slider-timeline .points li div .point-year {
padding: 15px 5px 5px;
transition: padding 1s ease;
cursor: hand;
cursor: pointer;
display: block;
width: 25px;
text-align: center;
}
#slider-timeline .points li.active-slide div {
margin-left: -1px;
}
#slider-timeline .points li.active-slide div .line {
height: 55px;
}
#slider-timeline .points li.active-slide div .point-year {
padding-top: 50px;
}
#slider-timeline .points li:nth-child(1) {
width: 7%;
}
#slider-timeline .points li:nth-child(2) {
width: 7%;
}
#slider-timeline .points li:nth-child(3) {
width: 7%;
}
#slider-timeline .points li:nth-child(4) {
width: 7%;
}
#slider-timeline .points li:nth-child(5) {
width: 7%;
}
#slider-timeline .points li:nth-child(6) {
width: 7%;
}
#slider-timeline .points li:nth-child(7) {
width: 14%;
}
#slider-timeline .points li:nth-child(8) {
width: 44%;
}
#slider-timeline .points li:nth-child(9) {
width: 0;
}
#slider-timeline .points .progress {
height: 2px;
position: absolute;
left: 68px;
right: 34px;
top: -0.5px;
}
#slider-timeline .points .progress span {
display: block;
height: 2px;
background: #fff;
width: 0;
}
#slider-timeline .line {
border-bottom: 1px dashed #fff;
}
#slider {
height: 400px;
}
#slider .item {
display: none;
}
.slide-desc {
position: absolute;
top: 700px;
left: 50%;
width: 600px;
text-align: center;
font-family: Ladislav-Bold;
font-size: 26px;
font-weight: 700;
line-height: 30px;
}
.slide-desc ul li {
display: none;
}
@media only screen and (max-width: 900px) {
.slide-desc {
display: none !important;
}
}
@media only screen and (max-width: 1200px) {
.slide-desc {
right: 0;
left: auto;
}
}
@media only screen and (max-width: 900px) {
#slider {
height: auto;
}
#slider .item {
display: none !important;
}
#slider .item.mobile-item {
display: block !important;
}
#jumbo {
padding: 0 20px 20px !important;
}
.home-slides {
max-width: 100%;
}
}
.order-disclaimer {
color: #fffffa;
opacity: 0.5;
font-size: 14px;
line-height: 16px;
margin-top: 10px;
}
.order-terms {
margin-top: 30px;
font-size: 16px;
line-height: 18px;
position: relative;
}
.order-terms a {
color: red;
}
.order-terms .cards {
position: absolute;
right: 0;
top: -72px;
}
.order-terms .cards img {
margin-left: 10px;
}
@media only screen and (max-width: 630px) {
.order-terms .cards {
text-align: center;
position: relative;
padding-top: 5px;
top: 0;
padding-bottom: 25px;
}
}
.social-showcase {
max-width: 1600px;
margin: auto;
}
.home-slides {
margin-left: -90px;
margin-top: 50px;
position: relative;
z-index: 50;
width: 460px !important;
}
@media only screen and (max-width: 1200px) {
.home-slides {
margin-left: 0;
width: 33.333332% !important;
}
.home-slides img {
max-width: 100%;
margin-top: 50px;
display: block;
position: absolute;
right: 50px;
}
}
@media only screen and (max-width: 900px) {
.home-slides {
width: 100% !important;
}
.home-slides img {
margin-top: 0;
right: 0;
position: relative;
}
}
.error input,
.error select {
border: 2px solid red;
}
input,
select {
background: #fff;
border: none;
width: 355px;
outline: 0;
font-family: MarkPro;
}
button {
border: none;
outline: 0;
}
.done-init .nice-text-input label {
transition: all 0.5s ease;
}
.nice-text-input {
position: relative;
width: 240px;
float: left;
}
.nice-text-input.wide-text-input {
width: 370px;
}
.nice-text-input.error input {
border-color: red;
}
.nice-text-input label {
pointer-events: none;
position: absolute;
left: 10px;
top: 17px;
color: #2d293e;
font-size: 16px;
letter-spacing: 0.5px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: "Work Sans";
}
.nice-text-input input {
padding: 28px 10px 10px;
line-height: 16px;
font-family: MarkPro;
font-weight: 700;
letter-spacing: 0.5px;
border-radius: 2px;
font-size: 14px;
color: #2d293e;
box-sizing: border-box;
max-width: 100%;
border: 1px solid #e0e0e0;
background-color: #fffff9;
}
.nice-text-input input:-webkit-autofill {
background-color: #fffff9 !important;
-webkit-box-shadow: 0 0 0 1000px #fffff9 inset;
}
.nice-text-input.active-field label {
font-size: 12px;
top: 5px;
}
.nice-select {
position: relative;
width: 370px;
}
.nice-select.error select {
border-color: red;
}
.nice-select label {
pointer-events: none;
position: absolute;
left: 10px;
top: 17px;
color: #2d293e;
font-size: 16px;
transition: all 0.5s ease;
font-family: "Work Sans";
}
.nice-select select {
padding: 23px 10px 5px;
line-height: 26px;
font-weight: 700;
letter-spacing: 0.5px;
border-radius: 2px;
font-size: 14px;
color: #2d293e;
box-sizing: border-box;
max-width: 100%;
border: 1px solid #e0e0e0;
background-color: #fffff9;
}
.nice-select.active-field label {
font-size: 12px;
top: 5px;
}
.nice-textarea {
position: relative;
}
.nice-textarea label {
pointer-events: none;
position: absolute;
left: 10px;
top: 22px;
color: rgba(45, 41, 62, 0.4);
font-weight: 700;
font-family: MarkPro;
font-size: 21px;
letter-spacing: 0.5px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 9;
transition: all 0.5s ease;
}
.nice-textarea textarea {
padding: 28px 10px 10px;
line-height: 26px;
font-family: MarkPro;
font-weight: 700;
letter-spacing: 0.5px;
border-radius: 2px;
font-size: 21px;
color: #0b0b0b;
box-sizing: border-box;
max-width: 100%;
width: 100%;
height: 125px;
outline: 0;
border: none;
box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08);
}
.nice-textarea.active-field label {
font-family: Vollkorn, serif;
font-size: 14.74px;
top: 8px;
color: #0b0b0b;
}
.lh-grid span {
position: absolute;
left: 30px;
right: 30px;
bottom: 30px;
}
.venue {
max-width: 2000px;
margin: auto;
}
.map .labels p {
position: absolute;
}
.map .labels .l-s-1 {
top: 50%;
left: -100px;
transform: rotate(-90deg);
margin-top: -90px;
}
@media only screen and (max-width: 1200px) {
.map .labels .l-s-1 {
left: -70px;
}
}
@media only screen and (max-width: 1000px) {
.map .labels .l-s-1 {
left: -55px;
}
}
.map .labels .l-s-2 {
top: 50%;
right: -100px;
transform: rotate(90deg);
margin-top: -80px;
}
@media only screen and (max-width: 1200px) {
.map .labels .l-s-2 {
right: -70px;
}
}
@media only screen and (max-width: 1000px) {
.map .labels .l-s-2 {
right: -55px;
}
}
.map .labels .l-p-1 {
top: -65px;
left: 22%;
}
@media only screen and (max-width: 1300px) {
.map .labels .l-p-1 {
top: -20px;
left: 23%;
}
}
@media only screen and (max-width: 1100px) {
.map .labels .l-p-1 {
top: 30px;
}
}
.map .labels .l-p-2 {
top: -44px;
left: 44%;
}
@media only screen and (max-width: 1300px) {
.map .labels .l-p-2 {
top: 0;
}
}
@media only screen and (max-width: 1100px) {
.map .labels .l-p-2 {
top: 55px;
}
}
.map .labels .l-p-3 {
top: -65px;
left: 63%;
}
@media only screen and (max-width: 1300px) {
.map .labels .l-p-3 {
top: -45px;
}
}
@media only screen and (max-width: 1100px) {
.map .labels .l-p-3 {
top: 7px;
}
}
.map .labels .l-p-4 {
bottom: 66px;
left: 28%;
}
@media only screen and (max-width: 1300px) {
.map .labels .l-p-4 {
bottom: 115px;
}
}
.map .labels .l-p-5 {
bottom: 80px;
left: 48%;
}
@media only screen and (max-width: 1300px) {
.map .labels .l-p-5 {
left: 45%;
bottom: 115px;
}
}
.map .labels .l-p-6 {
bottom: 30px;
left: 61%;
}
@media only screen and (max-width: 1300px) {
.map .labels .l-p-6 {
left: 60%;
bottom: 80px;
}
}
@media only screen and (max-width: 1100px) {
.map .labels .l-p-6 {
bottom: 150px;
}
}
.map .labels .l-p-7 {
bottom: 50px;
left: 81%;
}
@media only screen and (max-width: 1300px) {
.map .labels .l-p-7 {
left: 80%;
bottom: 110px;
}
}
@media only screen and (max-width: 1450px) {
.map svg {
width: calc(80vw);
}
}
ul.vps li {
position: relative;
}
ul.vps li span {
position: absolute;
left: -100px;
top: 50%;
width: 64px;
height: 64px;
border-radius: 64px;
background-color: #fff;
transform: translate(0, -50%);
background-repeat: no-repeat;
background-position: center;
}
ul.vps .vp-1 span {
background-image: url(../img/venue/ico1h.html);
}
ul.vps .vp-2 span {
background-image: url(../img/venue/ico2h.html);
background-position: center 11px;
}
ul.vps .vp-3 span {
background-image: url(../img/venue/ico3h.html);
}
.kids-grid {
position: relative;
padding-left: 100px;
}
@media only screen and (max-width: 1200px) {
.kids-grid {
padding-left: 20px;
padding-right: 20px;
}
}
.kids-grid .left {
width: 500px;
float: left;
margin-top: 50px;
}
@media only screen and (min-width: 900px) and (max-width: 1200px) {
.kids-grid .left {
width: 50%;
padding-right: 20px;
}
.kids-grid .left h2.fs-80.lh-68 {
font-size: 60px;
line-height: 60px;
}
}
@media only screen and (max-width: 900px) {
.kids-grid .left {
width: 100%;
}
.kids-grid .left h2 br {
display: none;
}
}
.kids-grid .center {
padding: 60px 40px;
margin-left: 60px;
width: 450px;
float: left;
z-index: 9;
position: relative;
}
@media only screen and (max-width: 1200px) {
.kids-grid .center {
width: 50%;
margin-left: 0;
}
}
@media only screen and (max-width: 900px) {
.kids-grid .center {
width: 100%;
margin-top: 30px;
}
}
.kids-grid .right {
position: absolute;
left: 50%;
top: 50px;
z-index: 7;
}
@media only screen and (max-width: 1400px) {
.kids-grid .right {
display: none;
}
}
@media only screen and (max-width: 900px) {
.kids-grid .right {
display: block;
width: 100%;
position: relative;
left: auto;
top: auto;
}
.kids-grid .right img {
max-width: 100%;
margin-top: 30px;
}
}
@media only screen and (max-width: 900px) {
.hp {
position: absolute;
top: 0;
right: 0;
z-index: 2;
text-align: right;
}
.hp img {
max-width: 90%;
margin-top: 0;
width: 270px;
}
}
.nig {
position: relative;
text-align: right;
width: 1084px;
height: 500px;
margin: auto;
}
.nig .nig-1 {
position: absolute;
left: 0;
top: 0;
}
.nig .nig-2 {
position: absolute;
left: 33.3%;
top: 0;
}
.nig .nig-3 {
position: absolute;
left: 0;
top: 50%;
}
.nig .nig-4 {
position: absolute;
left: 33.3%;
top: 50%;
}
.nig .nig-5 {
position: absolute;
left: 66.6%;
top: 0;
}
@media only screen and (max-width: 1150px) {
.nig {
width: calc(90vw);
height: calc(40vw);
overflow: hidden;
}
.nig img {
width: calc(30vw);
}
}
.lh-grid .row {
margin-left: -10px;
margin-right: -10px;
}
.lh-grid .row > div {
padding: 7px 10px;
}
input,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.uih {
min-height: 315px;
}
.radio-inline {
position: relative;
cursor: pointer;
cursor: hand;
}
.radio-inline input {
cursor: pointer;
cursor: hand;
height: 25px;
width: 25px;
border: 1.06px solid #2d293e;
border-radius: 12.05px;
background: 0 0;
vertical-align: middle;
position: relative;
margin-right: 10px;
}
.radio-inline input + span {
display: none;
}
.radio-inline input:checked + span {
display: block;
}
.radio-inline span {
position: absolute;
display: block;
height: 17.65px;
width: 17.65px;
border-radius: 12.05px;
background-color: #2d293e;
top: 6.7px;
left: 8.7px;
}
.order-summary {
background: rgba(255, 255, 255, 0.17);
padding: 45px 55px;
margin-top: 25px;
overflow: hidden;
font-size: 16px;
line-height: 32px;
font-family: "Work Sans";
position: relative;
}
@media only screen and (max-width: 600px) {
.order-summary {
margin-left: -20px;
margin-right: -20px;
}
}
.order-summary table {
max-width: 608px;
}
.order-summary #currency-switcher {
position: absolute;
right: 35px;
top: 50%;
width: 150px;
transform: translate(0, -50%);
margin-top: 0;
}
.order-summary #currency-switcher label {
height: 56px;
display: inline-block;
padding: 15px 25px;
text-transform: none;
position: relative;
font-size: 16px;
line-height: 22px;
cursor: hand;
cursor: pointer;
}
.order-summary #currency-switcher label input {
width: 1px;
height: 1px;
position: absolute;
background: 0 0;
border: none;
border-radius: 0;
}
.order-summary #currency-switcher label input:checked {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.17);
z-index: -1;
margin: 0;
}
.order-summary #currency-switcher label span {
display: none;
}
.order-summary #currency-switcher label.radio-inline {
width: 100%;
padding: 5px 0 5px 40px;
line-height: 20px;
height: auto;
margin: 3px 0 5px;
font-size: 14px;
text-align: left;
}
.order-summary #currency-switcher label.radio-inline input {
left: 0;
top: 3px;
position: absolute;
width: 24px;
height: 24px;
border-radius: 24px;
border: 1px solid rgba(45, 41, 62, 0.4);
margin: 0;
background: #fff;
}
.order-summary h2 {
margin-top: 0 !important;
}
.order-summary.czk-active #currency-switcher label.radio-inline input[value="czk"],
.order-summary.eur-active #currency-switcher label.radio-inline input[value="eur"] {
background: #fff;
}
.order-summary.czk-active #currency-switcher label.radio-inline input[value="czk"] + span,
.order-summary.eur-active #currency-switcher label.radio-inline input[value="eur"] + span {
display: block;
position: absolute;
width: 12px;
height: 12px;
top: 15px;
left: 12px;
transform: translate(-50%, -50%);
background-color: #2d293e;
z-index: 99;
}
.video-list-wrap {
height: 250px;
position: relative;
margin-top: 85px;
}
.video-list-wrap .video-list {
position: absolute;
width: 100vw;
min-width: 360px;
left: 50%;
transform: translate(-50%, 0);
}
.video-list-wrap .video-list a.single-video {
color: #fff;
text-decoration: none;
width: 243px;
display: block;
position: relative;
}
.video-list-wrap .video-list a.single-video img {
border-radius: 3px;
}
.video-list-wrap .video-list a.single-video h4 {
font-size: 16px;
line-height: 22px;
margin-top: 20px;
font-family: Ladislav-Bold;
}
.video-list-wrap .video-list a.single-video p {
font-size: 12px;
line-height: 18px;
margin-top: 10px;
margin-bottom: 20px;
}
.video-list-wrap .video-list a.single-video span {
content: " ";
display: block;
background: url(../img/vid_play.svg);
background-size: contain;
width: 28px;
height: 28px;
position: absolute;
top: 68px;
left: 50%;
transform: translate(-50%, -50%);
opacity: 1;
z-index: 10;
transition: opacity 0.5s ease;
}
.video-list-wrap .video-list a.single-video:hover span {
opacity: 0.5;
}
.video-list-wrap .video-list:before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 150px;
background: linear-gradient(90deg, #2d293e 0, rgba(0, 0, 0, 0) 100%);
z-index: 99;
pointer-events: none;
}
.video-list-wrap .video-list:after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 150px;
background: linear-gradient(270deg, #2d293e 0, rgba(0, 0, 0, 0) 100%);
z-index: 99;
pointer-events: none;
}
.speaker-grids {
padding: 0 12px;
}
.checkbox {
position: relative;
cursor: pointer;
cursor: hand;
font-size: 16px;
line-height: 30px;
}
.checkbox input {
cursor: pointer;
cursor: hand;
display: inline-block;
height: 24px;
width: 24px;
border: 1px solid #2d293e;
vertical-align: -10px;
margin-right: 15px;
background: 0 0;
}
.checkbox input:checked {
background: url(../img/check.svg) center no-repeat;
background-size: 60%;
}
.premium-buy {
position: relative;
}
.premium-buy:before {
display: block;
content: " ";
background: url(../img/pwv.jpg) left center;
width: 10px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
@media only screen and (max-width: 900px) {
.premium-buy:before {
display: none;
}
}
.premium-buy:after {
display: block;
content: " ";
background: url(../img/pwv.jpg) left center;
width: 10px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
transform: rotate(180deg);
}
@media only screen and (max-width: 900px) {
.premium-buy:after {
display: none;
}
}
.buttercup {
color: #f6a623;
}
.flamingo {
color: #ed6027;
}
.puerto-rico {
color: #45b9ab;
}
.dusty-gray {
color: #9b9b9b;
}
.event-tags {
position: absolute;
top: -20px;
left: 40px;
}
.event-tags span {
padding: 8px 15px;
margin-right: 10px;
}
.li-y {
position: relative;
}
.li-y:before {
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 9px;
border-color: transparent transparent transparent #fff200;
content: " ";
display: block;
position: absolute;
left: -20px;
top: 3px;
}
.notification {
color: #2d293e;
position: fixed;
z-index: 5000;
top: 0;
left: 0;
right: 0;
padding: 20px 50px 20px 20px;
line-height: 25px;
text-transform: uppercase;
background: #fff200;
font-family: MarkPro;
font-weight: 800;
transition: all 1s ease;
transform: translate(0, -100%);
text-align: center;
}
.notification.bottom-notification {
top: auto;
bottom: 0;
transform: translate(0, 100%);
}
.notification .close-notification {
position: absolute;
right: 20px;
top: 50%;
transform: translate(0, -50%);
cursor: hand;
cursor: pointer;
padding-bottom: 7px;
font-size: 25px;
}
.notification.notification-error {
background: #fc0404;
color: #fff;
}
.notification.notification-ok {
background: #baf41c;
}
.done-init .notification {
transform: translate(0, 0);
}
.done-init .notification.closed-notification {
transform: translate(0, -100%);
}
.done-init .notification.closed-notification.bottom-notification {
transform: translate(0, 100%);
}
.skew {
transition: transform 0.25s;
will-change: transform;
}
.event-cta a.button {
border-radius: 4px;
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
background-color: #62c300;
color: #fff;
}
.event-cta a.button svg {
vertical-align: -8px;
margin-left: 10px;
}
.event-cta a.button:hover {
background: #52a300;
}
a.button.green-button {
border-radius: 4px;
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
background-color: #62c300;
color: #fff;
}
a.button.green-button:hover {
background: #52a300;
}
a.button.workshop-buy {
padding: 9px 20px;
width: 100%;
text-align: center;
margin-top: 20px;
font-size: 14px;
line-height: 20px;
}
.main-wrap {
padding: 0 50px 50px;
}
.mobile-menu,
.mobile-scroll-menu {
display: none !important;
}
.jumbo-video .al span.dvd,
.mini {
display: none;
}
.hlr {
margin-top: -250px;
box-shadow: none !important;
}
.js-tilt:hover {
z-index: 11 !important;
position: relative;
}
#login-form {
top: 65px;
right: 20px;
width: 280px;
padding: 0 20px;
z-index: 120;
box-sizing: border-box;
transition: right 1s ease;
position: fixed;
}
@media only screen and (max-width: 900px) {
#login-form {
position: absolute;
}
}
#login-form a {
text-decoration: underline;
}
#login-form a:hover {
text-decoration: none;
}
#login-form .toggle-login {
top: 20px;
right: 20px;
position: absolute;
padding: 5px;
color: #fff;
text-decoration: none;
display: none;
background-size: 100% 100%;
width: 40px;
}
#login-form .login-heading {
line-height: 50px;
padding-top: 50px;
padding-bottom: 50px;
font-size: 40px;
text-transform: uppercase;
font-weight: 900;
color: #fffff9;
font-family: MarkPro;
display: none;
}
#login-form.login-form-logged a {
color: #fff;
margin-bottom: 12px;
text-decoration: none;
padding: 7px 0;
text-transform: lowercase;
font-weight: 500;
}
#login-form.login-form-logged a.toggle-login {
border-bottom: none;
}
@media only screen and (max-width: 900px) {
#login-form.login-form-logged .d-b.ta-c {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 30px;
}
#talk-detail .speaker-detail .single-speaker .speaker-layout {
position: relative;
padding: 10px 24px;
margin-bottom: 10px;
}
#talk-detail .speaker-detail .single-speaker .speaker-layout .speaker-box {
position: absolute;
bottom: 15px;
right: 24px;
background: rgb(45 41 61 / 65%);
z-index: 10;
left: 24px;
}
#talk-detail .speaker-detail .single-speaker .single-speaker-picture-mobile {
padding: 0 !important;
text-align: center;
}
}
@media only screen and (min-width: 1400px) {
#talk-detail.multiple .talk-content {
max-width: 600px;
}
#talk-detail.multiple .speaker-detail {
width: 515px;
margin-left: 100px;
display: flex;
top: 160px !important;
}
#talk-detail.multiple .speaker-detail .single-speaker {
flex-basis: 100%;
margin: 0 15px;
}
}
#talk-detail.multiple.big-layout .speaker-detail .single-speaker {
flex-basis: 100%;
margin: 0 15px;
margin-bottom: 42px;
}
@media only screen and (min-width: 900px) {
#talk-detail.multiple.big-layout .talk-content {
max-width: 100% !important;
min-height: 0px !important;
}
#talk-detail.multiple.big-layout .speaker-detail {
width: auto !important;
top: 0 !important;
position: relative;
left: 0 !important;
margin-left: -15px !important;
display: flex;
margin-right: -15px !important;
}
#login-form.login-form-logged {
background: 0 0;
top: 72px;
}
#login-form.login-form-logged .user-link {
text-align: right;
padding-right: 10px;
}
#login-form.login-form-logged .current a {
font-weight: bold;
border-bottom: 1px solid #ff0101 !important;
color: #ff0101 !important;
}
#login-form.login-form-logged a:hover {
border-bottom: 1px solid #fff;
}
#login-form.login-form-logged a {
color: #fff;
text-align: right;
}
}
#login-form input {
margin-bottom: 10px;
}
@media only screen and (max-width: 900px) {
#login-form .nice-text-input {
float: none;
width: 100%;
}
}
#login-form .button.big-button {
padding: 14px 16px;
font-family: "Work Sans";
font-size: 14px;
font-weight: 500;
text-transform: none;
}
a.toggle-logged-in {
text-decoration: none;
color: #ffffff;
font-weight: 500;
}
a.toggle-logged-in:hover {
text-decoration: underline;
}
a.sign-out {
color: red;
}
.ws-img {
position: absolute;
top: 0;
left: 0;
z-index: 2;
max-width: 100%;
}
.avatar {
border-radius: 500px;
}
a.button {
background-color: #fffff9;
box-shadow: 0 0 1px 0 rgba(255, 1, 1, 0.2), 0 1px 4px 0 rgba(255, 1, 1, 0.2), 0 16px 24px -16px rgba(255, 1, 1, 0.3);
font-size: 16px;
line-height: 22px;
padding: 15px 25px;
text-decoration: none;
font-weight: 500;
text-transform: none;
border-radius: 3px;
transition: all 0.5s ease;
}
a.button:hover {
background: #ff0101;
color: #fff;
}
#top-buttons {
margin-top: 9px;
}
#top-buttons a {
z-index: 3;
position: relative;
vertical-align: middle;
}
.profile-cols {
padding: 0 20px;
}
.profile-cols .profile-col {
float: left;
max-width: 355px;
padding: 50px 16px;
}
.avatar-wrap {
overflow: hidden;
position: absolute;
right: -150px;
bottom: -150px;
height: 800px;
width: 800px;
border-radius: 500px;
}
.avatar-wrap img {
width: 800px;
height: 800px;
}
.avatar-wrap #profile-photo-upload {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.avatar-wrap #profile-photo-upload .js-upload {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.avatar-wrap #profile-photo-upload label {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: #fff;
line-height: 1050px;
text-align: center;
background: rgba(255, 0, 0, 0.5);
font-family: MarkPro;
font-weight: 700;
font-size: 30px;
cursor: pointer;
cursor: hand;
}
#workshop-list {
max-width: 1074px;
margin: auto;
}
#workshop-list h1,
.lad {
font-family: Ladislav-Bold;
}
.workshop-list-item {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
padding: 30px;
background: rgba(255, 255, 249, 0.17);
min-height: 340px;
color: #fffff9;
}
.workshop-list-item a {
text-decoration: none;
}
.workshop-list-item .workshop-list-speaker {
position: absolute;
top: 30px;
left: 30px;
width: 120px;
height: 120px;
overflow: hidden;
}
.workshop-list-item .workshop-list-speaker span {
background: #2d293e;
display: inline-block;
display: block;
float: left;
}
.workshop-list-item .workshop-list-speaker img {
width: 120px;
height: 120px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
mix-blend-mode: screen;
}
@media only screen and (max-width: 800px) {
.workshop-list-item .workshop-list-speaker {
display: none;
}
}
.workshop-list-item .workshop-type {
text-transform: uppercase;
font-size: 16px;
line-height: 24px;
margin-bottom: 6px;
color: #fffff9;
font-family: Work Sans, sans-serif;
font-weight: 700;
}
.workshop-list-item .workshop-speaker {
font-size: 16px;
line-height: 32px;
color: #fffff9;
font-family: "Work Sans";
font-weight: 700;
text-transform: uppercase;
}
.workshop-list-item .workshop-name {
color: #fffff9;
font-size: 24px;
line-height: 30px;
font-family: Ladislav-Bold;
font-weight: 900;
text-transform: uppercase;
}
.workshop-list-item .workshop-name a {
text-decoration: none;
}
.workshop-list-item .workshop-time {
font-size: 16px;
line-height: 32px;
color: #fffff9;
font-family: "Work Sans";
}
.workshop-list-item .workshop-top-info {
padding-left: 150px;
min-height: 140px;
}
@media only screen and (max-width: 800px) {
.workshop-list-item .workshop-top-info {
padding-left: 0;
}
}
.workshop-list-item .workshop-short-desc {
font-size: 14px;
line-height: 26px;
color: #fffff9;
font-family: "Work Sans", sans-serif;
}
.workshop-list-item .workshop-short-desc h2,
.workshop-list-item .workshop-short-desc h3,
.workshop-list-item .workshop-short-desc p,
.workshop-list-item .workshop-short-desc ul {
padding-bottom: 20px;
}
.workshop-list-item .workshop-short-desc li {
padding: 0 0 5px 5px;
}
.workshop-list-item .workshop-short-desc h3 {
font-weight: 900;
text-transform: uppercase;
}
.workshop-list-item .button {
position: absolute;
top: 30px;
right: 30px;
line-height: 22px;
padding: 10px 20px;
}
@media only screen and (max-width: 800px) {
.workshop-list-item .button {
width: 100%;
position: relative;
top: 0;
right: 0;
margin-top: 20px;
}
.workshop-list-item .button strong {
float: right;
}
}
.workshop-list-item.premium-workshop {
background-color: #fffff9;
}
.workshop-list-item.premium-workshop .workshop-type span {
background-color: #ff3131;
color: #fffff9;
display: inline-block;
padding: 4px 9px;
line-height: 18px;
}
.workshop-list-item.premium-workshop .workshop-name,
.workshop-list-item.premium-workshop .workshop-name a,
.workshop-list-item.premium-workshop .workshop-short-desc,
.workshop-list-item.premium-workshop .workshop-speaker,
.workshop-list-item.premium-workshop .workshop-time {
color: #2d293e;
}
.workshop-list-item.premium-workshop a.button {
color: #fff;
background: #62c300;
border-radius: 4px;
box-shadow: none;
}
.workshop-list-item.premium-workshop a.button:hover {
background: #52a300;
}
.workshop-list-item.premium-workshop a.button.sold-out {
opacity: 0.5;
pointer-events: none;
}
.workshop-list-item.premium-workshop a.button strong {
padding-left: 15px;
}
.workshop-list-item.multiple-speakers .workshop-list-speaker {
width: 280px;
}
.workshop-list-item.multiple-speakers .workshop-list-speaker span {
margin-right: 20px;
}
.workshop-list-item.multiple-speakers .workshop-list-speaker img {
float: left;
}
.workshop-list-item.multiple-speakers .workshop-top-info {
padding-left: 290px;
}
@media only screen and (max-width: 800px) {
.workshop-list-item.multiple-speakers .workshop-top-info {
padding-left: 0;
}
}
.radio-inline input[disabled],
.sold-out {
opacity: 0.5;
pointer-events: none;
}
.premium-avatar {
border: 4px solid #fff200;
padding: 5px;
}
.premium-buy {
padding: 30px 50px;
}
.premium-buy .button.big-button {
padding: 18px 25px;
}
.speaker-grid {
margin-left: auto;
margin-right: auto;
float: none !important;
display: inline-block;
vertical-align: top;
width: 190px;
padding: 0 9px !important;
}
.speaker-grid:nth-child(1),
.speaker-grid:nth-child(2),
.speaker-grid:nth-child(3),
.speaker-grid:nth-child(4),
.speaker-grid:nth-child(5),
.speaker-grid:nth-child(6) {
vertical-align: top;
}
.speaker-grid .spl {
float: left;
padding-bottom: 24px;
position: relative;
}
.speaker-grid .spl:after {
position: absolute;
content: " ";
display: block;
top: 0;
left: 0;
width: 172px;
height: 242px;
z-index: 9;
border-radius: 14px;
background: #ff0101;
opacity: 0;
transition: opacity 0.5s ease;
pointer-events: none;
}
.speaker-grid .spl:before {
position: absolute;
left: 0;
top: 0;
width: 172px;
height: 242px;
background: #2d293e;
content: " ";
display: block;
border-radius: 14px;
}
.speaker-grid .spl:hover:after {
opacity: 0.1;
}
.speaker-grid .spl img {
border-radius: 14px;
margin-bottom: 24px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
position: relative;
mix-blend-mode: screen;
width: 172px;
height: 242px;
}
.speaker-grid .spl a {
text-decoration: none;
transition: color 0.5s ease;
}
.speaker-grid .spl a:hover {
cursor: hand;
cursor: pointer;
}
.speaker-grid .spl .spl-nm {
color: #fffffc;
font-family: Ladislav-Bold;
}
.speaker-grid .spl .spl-pp {
padding-top: 12px;
font-size: 12px;
line-height: 16px;
color: #fffffc;
}
.speaker-grid .spl .spl-ev {
padding-top: 20px;
color: #fffffc;
position: relative;
font-size: 14px;
font-family: Ladislav-Bold;
}
@media only screen and (max-width: 600px) {
.speaker-grid {
padding: 0 15px !important;
width: 100%;
}
.speaker-grid .spl {
position: relative;
width: 100%;
padding-bottom: 55px;
}
.speaker-grid .spl:after,
.speaker-grid .spl:before {
width: 65px;
height: 85px;
}
.speaker-grid .spl a {
display: block;
overflow: hidden;
width: 100%;
}
.speaker-grid .spl a:after {
left: 0;
top: auto;
bottom: 30px;
width: 20px;
height: 1px;
display: block;
background: #fffff9;
position: absolute;
content: " ";
}
.speaker-grid .spl img {
float: left;
width: 65px;
height: 85px;
margin-bottom: 14px;
}
.speaker-grid .spl .spl-nm {
position: absolute;
left: 80px;
top: 20px;
text-align: left;
width: calc(100% - 80px);
}
.speaker-grid .spl .spl-pp {
display: block;
clear: both;
float: left;
padding-bottom: 15px;
padding-top: 0;
left: 80px;
top: 50px;
text-align: left;
width: calc(100% - 80px);
position: absolute;
}
.speaker-grid .spl .spl-ev {
width: 100%;
float: left;
text-align: left;
padding-top: 0;
}
.speaker-grid .spl .spl-ev:before {
display: none;
}
.speaker-grid:last-of-type .spl .spl-ev:before {
display: none;
}
}
.mpm {
display: none;
}
#schedule {
padding-bottom: 50px;
}
#schedule-legend {
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
position: relative;
}
#schedule-legend ul {
display: flex;
align-items: center;
justify-content: center;
}
#schedule-legend ul li {
display: inline-block;
flex-basis: 100%;
flex-grow: 0;
text-align: center;
margin: 0 12px;
position: relative;
font-weight: 900;
font-family: MarkPro;
text-transform: uppercase;
font-size: 16px;
padding: 0 5px;
}
#schedule-legend ul li .line {
display: block;
position: absolute;
content: " ";
left: 0;
right: 0;
top: -35px;
z-index: 1;
height: 100vh;
}
#schedule-days {
left: 50%;
width: 110px;
margin-right: auto;
z-index: 9;
position: fixed;
background: red;
margin-left: 810px;
margin-top: -35px;
}
#schedule-days ul {
margin: 5px 5px 0;
}
#schedule-days ul li {
display: block;
border: 1px solid #fff;
margin-bottom: 5px;
}
#schedule-days ul li a {
display: block;
color: #fff;
text-align: center;
text-transform: uppercase;
background: 0 0;
font-size: 14px;
transition: all 0.5s ease;
line-height: 20px;
padding: 8px 12px;
text-decoration: none;
}
#schedule-days ul li a time {
text-transform: none;
font-size: 12px;
}
#schedule-days ul li a sup {
display: block;
font-weight: 700;
}
#schedule-days ul li a:hover {
color: red;
background: #fffff9;
}
#schedule-days ul li a.active {
background: #fff;
color: #2d293e;
}
#schedule-days ul li.myp {
float: right;
}
#schedule-days ul li.myp a {
padding-top: 10px;
}
#schedule-days ul li.myp.myp-active a {
position: relative;
}
#schedule-days ul li.myp.myp-active a span {
position: absolute;
background: #6ac259;
width: 26px;
height: 26px;
line-height: 26px;
top: -10px;
right: -10px;
border-radius: 26px;
text-align: center;
}
#schedule-days ul li.myp.myp-active a span svg {
fill: #fff;
}
.sending {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 100000;
display: none;
}
.spinner {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 120px;
text-align: center;
}
.spinner > div {
width: 30px;
height: 30px;
background-color: #2d293e;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%,
100%,
80% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes sk-bouncedelay {
0%,
100%,
80% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.js-schedule-grid {
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
z-index: 9;
position: relative;
}
.js-schedule-grid h2 {
position: absolute;
left: -75px;
top: 65px;
font-size: 18px;
width: 140px;
text-align: right;
transform: rotate(-90deg);
}
.js-schedule-grid:before {
background: red;
border-radius: 7px;
height: 7px;
width: 7px;
content: " ";
position: absolute;
left: 8.5px;
top: 3px;
display: none;
}
.js-schedule-grid .js-schedule-grid-inner {
display: flex;
}
.js-schedule-grid .js-schedule-grid-inner .col {
flex-basis: 100%;
flex-grow: 0;
padding: 0 12px;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box {
/*width: calc(100% - 20px);
margin: 0 10px 16px;*/
margin-bottom: 16px;
width: 100%;
background: #fff;
padding: 25px 15px;
position: relative;
cursor: hand;
cursor: pointer;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box .heart-add {
display: block;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box .heart-remove,
.js-schedule-grid .js-schedule-grid-inner .col .talk-box.talk-box-liked .heart-add {
display: none;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box.talk-box-liked .heart-remove {
display: block;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box.premium {
background-color: #504d5e;
color: #fffff9;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box.premium h3 a {
color: #fffff9;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box.premium svg.star {
fill: #fff;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box.premium .tag > span {
background: #fff !important;
color: #2d293e !important;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box svg.star:hover {
fill: red;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box h3 {
margin-bottom: 10px;
font-size: 16px;
line-height: 20px;
width: 100%;
clear: both;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box h3 a {
color: #2d293e;
text-decoration: none;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box h3.has-star {
padding-right: 25px;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box .mv0 {
margin-bottom: 10px;
font-size: 15px;
line-height: 20px;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box .grp {
display: inline-block;
padding: 5px 10px;
margin-bottom: 5px;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box .time {
font-size: 13px;
line-height: 18px;
display: inline-block;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box .js-schedule-heart {
position: absolute;
top: 28px;
right: 12px;
}
.js-schedule-grid .js-schedule-grid-inner .col .talk-box .tag {
float: left;
font-size: 14px;
line-height: 16px;
margin-bottom: 10px;
word-break: break-word;
padding-right: 25px;
}
#schedule-legend ul li span:first-child {
padding: 0 5px;
}
.schedule-party {
width: 100%;
max-width: 1610px;
margin-left: auto;
margin-right: auto;
background: rgba(0, 0, 0, 0.05);
padding: 12px;
margin-bottom: 50px;
position: relative;
}
.schedule-party:before {
background: red;
border-radius: 7px;
height: 7px;
width: 7px;
content: " ";
position: absolute;
left: -3px;
top: 69px;
display: none;
}
.schedule-party a {
text-decoration: none;
}
.schedule-party .party-location {
font-size: 20px;
line-height: 24px;
padding-bottom: 24px;
padding-top: 12px;
font-weight: 900;
font-family: MarkPro;
text-transform: uppercase;
margin-left: 15px;
}
.schedule-party .party-time {
position: absolute;
font-family: MarkPro;
font-weight: 900;
left: -87px;
top: 130px;
font-size: 18px;
width: 140px;
text-align: right;
transform: rotate(-90deg);
}
.schedule-party .party-box {
background: #fff;
font-size: 15px;
line-height: 20px;
padding: 25px 15px;
overflow: hidden;
position: relative;
}
.schedule-party .party-box .party-img {
position: absolute;
right: 0;
top: 0;
bottom: 0;
text-align: right;
}
.schedule-party .party-box .party-img img {
max-height: 100%;
}
.schedule-party .party-box .party-tag {
font-size: 14px;
line-height: 16px;
display: inline-block;
padding: 5px 10px;
color: #fffff9;
background-color: #2d293e;
}
.schedule-party .party-box .party-name {
margin: 10px 0;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
font-weight: 900;
font-family: MarkPro;
}
.schedule-party .party-box p {
margin-bottom: 10px;
}
.schedule-party .party-box ul {
margin-top: 5px;
}
.two-party-boxes {
overflow: hidden;
}
.two-party-boxes a:nth-last-of-type(1) .half-party-box {
width: calc(50% - 12px);
float: left;
}
.two-party-boxes a:nth-last-of-type(2) .half-party-box {
width: calc(50% - 12px);
float: right;
}
ul.faq-list {
list-style-type: square;
padding-left: 35px;
}
ul.faq-list li {
padding-bottom: 10px;
padding-left: 10px;
font-size: 16px;
line-height: 26px;
}
.program-bar {
position: fixed;
top: 48px;
z-index: 19;
padding: 15px 0 12px;
margin-top: -100px;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 16px 24px -16px rgb(0 0 0 / 10%);
}
.program-bar ul {
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
position: relative;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
}
.program-bar ul li {
flex-basis: 100%;
flex-grow: 0;
margin: 0 12px;
font-size: 16px;
padding: 0 5px;
}
#schedule-filter {
width: 100%;
max-width: 1600px;
margin: 40px auto 75px;
}
#schedule-filter .track-selection,
#schedule-filter .track-selection ul {
overflow: hidden;
}
@media only screen and (max-width: 1300px) {
#schedule-filter .track-selection {
overflow: scroll;
}
}
#schedule-filter .track-selection ul li {
font-size: 16px;
line-height: 19px;
display: inline-block;
float: left;
margin: 0 0 10px 10px;
cursor: hand;
cursor: pointer;
}
#schedule-filter .track-selection ul li .mobile-track,
#schedule-filter .track-selection ul li .single-track {
display: inline-block;
padding: 7px 12px;
border: 0.8px solid #fff;
cursor: hand;
cursor: pointer;
user-select: none;
text-decoration: none !important;
color: #fff;
}
#schedule-filter .track-selection ul li .mobile-track.preselected-track,
#schedule-filter .track-selection ul li .mobile-track.selected-track,
#schedule-filter .track-selection ul li .single-track.preselected-track,
#schedule-filter .track-selection ul li .single-track.selected-track {
color: #FEF101;
background-color: #575132;
border-color: #575132;
}
#schedule-filter .track-selection ul li .mobile-track-reset,
#schedule-filter .track-selection ul li .single-track-reset {
padding: 7px 12px;
border: 0.8px solid red;
text-decoration: none;
color: #fff;
background: red;
font-size: 16px;
font-weight: 600;
display: none;
}
#schedule > .js-schedule-grid.last .over-frame:last-of-type {
margin-bottom: 0 !important;
}
.bubble {
font-size: 13px;
line-height: 16px;
text-align: right;
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding: 20px 30px;
position: relative;
z-index: 9;
}
.bubble span {
display: inline-block;
padding: 5px 10px;
position: relative;
}
.bubble span a {
cursor: pointer;
cursor: hand;
}
.bubble span:after {
border-left: 15px solid transparent;
border-right: 0 solid transparent;
border-top: 20px solid #2d293e;
display: block;
content: " ";
position: absolute;
right: 0;
}
.mobile-program-share {
padding-left: 50px;
padding-top: 20px;
display: none;
}
.mobile-program-share iframe {
margin-right: 15px;
}
@media only screen and (max-width: 1024px) {
.mobile-program-share {
display: block;
}
}
.js-schedule-grid-talk {
padding: 6px 0;
color: #2d293e;
}
@media only screen and (max-width: 1024px) {
.js-schedule-grid-talk {
padding: 0;
}
}
@media only screen and (max-width: 1024px) {
body #schedule.my-event-list {
background: 0 0 !important;
}
}
.program-share {
padding-top: 15px;
padding-right: 100px;
position: relative;
}
.program-share iframe {
vertical-align: top;
}
.program-share .bubble {
position: absolute;
top: -35px;
left: 0;
padding: 0;
text-align: left;
}
.program-share .bubble span:after {
right: auto;
left: 0;
border-right: 15px solid transparent;
border-left: 0 solid transparent;
}
@media only screen and (max-width: 1200px) {
.program-share {
padding-right: 20px;
}
.program-share .bubble {
display: none;
}
}
@media only screen and (min-width: 1200px) {
.talk-rating {
position: fixed;
right: 50%;
z-index: 9;
width: 100px;
transform: translate(-430px, 0);
top: 500px;
}
}
.talk-rating .rate-buttons {
text-align: center;
}
.talk-rating .rate-buttons a {
display: inline-block;
width: 70px;
height: 70px;
border-radius: 70px;
-webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
z-index: 9;
position: relative;
background: #fff;
margin: 20px 25px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.talk-rating .rate-buttons a svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.talk-rating .rate-buttons a svg path {
stroke: none;
fill-rule: nonzero;
fill: #000;
fill-opacity: 1;
transition: fill 0.5s ease;
}
.talk-rating .rate-buttons a span {
display: none;
color: #2d293e;
}
.talk-rating .rate-buttons a.up:hover svg path {
fill: #6bc700;
}
.talk-rating .rate-buttons a.up:hover span {
color: #6bc700;
}
.talk-rating .rate-buttons a.down svg {
transform: rotate(180deg) translate(50%, 50%);
}
.talk-rating .rate-buttons a.down:hover svg path {
fill: #fe0000;
}
.talk-rating .rate-buttons a.down:hover span {
color: #fe0000;
}
.talk-rating.voted .rate-buttons a svg {
margin-top: -13px;
}
.talk-rating.voted .rate-buttons a span {
display: block;
position: absolute;
top: 50%;
left: 10px;
right: 10px;
}
.talk-rating.upvoted .rate-buttons a.up {
background: #6bc700;
}
.talk-rating.upvoted .rate-buttons a.up svg path {
fill: #fff !important;
}
.talk-rating.upvoted .rate-buttons a.up span {
color: #fff;
}
.talk-rating.downvoted .rate-buttons a.down {
background: #fe0000;
}
.talk-rating.downvoted .rate-buttons a.down svg path {
fill: #fff !important;
}
.talk-rating.downvoted .rate-buttons a.down span {
color: #fff;
}
.downvoted .up span,
.upvoted .down span {
color: #2d293e !important;
}
.downvoted .up svg path,
.upvoted .down svg path {
fill: #2d293e !important;
}
.own-1,
.own-2,
.own-3 {
padding-top: 10px;
}
.talk-rating-popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 250;
background: rgba(45, 41, 62, 0.95);
}
.talk-rating-popup .rating-popup-inner {
background: #fff;
width: 100%;
padding: 30px;
text-align: center;
height: 100vh;
}
@media only screen and (min-width: 800px) {
.talk-rating-popup .rating-popup-inner {
height: auto;
width: 600px;
padding-top: 50px;
padding-bottom: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.talk-rating-popup .rating-popup-inner h2 {
margin-bottom: 35px;
margin-top: 20px;
font-family: MarkPro;
text-transform: uppercase;
font-weight: 900;
font-size: 25px;
}
.talk-rating-popup .rating-popup-inner p {
margin-bottom: 35px;
}
.talk-rating-popup .rating-popup-inner form .button {
width: 100% !important;
margin: 30px 0 !important;
}
@media only screen and (min-width: 800px) {
.talk-rating-popup .rating-popup-inner form .button {
width: auto !important;
}
}
.talk-rating-popup .rating-popup-inner .close-ratings {
position: absolute;
width: 45px;
height: 45px;
line-height: 40px;
top: 0;
right: 0;
font-size: 35px;
background-color: red;
color: #fff;
font-family: MarkPro;
font-weight: 600;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ven {
display: none;
}
.covid-list {
list-style-type: square;
list-style-position: outside;
padding-left: 20px;
}
.faq-h {
padding: 0 15px;
}
a.faq-toggle {
cursor: hand;
cursor: pointer;
text-decoration: none;
}
.faq-wrap {
padding: 0 15px 100px;
}
.faq-wrap .faq-answer {
background: #37324A;
}
.faq-wrap .faq-answer a {
color: red;
}
.faq-wrap .faq-answer header {
padding: 16px 120px 16px 32px;
position: relative;
background: #3D3850;
text-decoration: none;
}
.faq-wrap .faq-answer header h2 {
padding-top: 3px;
}
.faq-wrap .faq-answer header .broom {
position: absolute;
top: 50%;
right: 20px;
transform: translate(0, -50%);
}
.faq-wrap .faq-answer header .broom span {
line-height: 70px;
font-size: 14px;
color: red;
text-decoration: underline;
}
.faq-wrap .faq-answer header:hover .broom span {
text-decoration: none;
}
.faq-wrap .faq-answer .js-collapse {
overflow: hidden;
max-height: 0;
transition: max-height 0.5s ease;
background-color: rgba(45, 41, 62, 0.02);
}
.faq-wrap .faq-answer .js-collapse.js-collapse-open {
max-height: 1000px;
}
.faq-wrap .faq-answer .js-collapse .js-collapse-pane {
padding: 10px 32px 20px;
}
.faq-wrap .faq-answer .js-collapse .js-collapse-pane p {
font-size: 16px;
line-height: 26px;
padding-bottom: 15px;
}
.tile-link {
text-align: center;
font-weight: 900;
text-transform: uppercase;
font-family: MarkPro;
display: block;
padding: 15px;
border: 4px solid red;
}
.btp {
position: relative;
padding-left: 85px;
}
.btp:after {
display: block;
position: absolute;
background: red;
content: " ";
top: 50%;
left: -10px;
height: 1px;
width: 80px;
margin-top: -2px;
}
.talk-description h3 {
font-weight: 900;
font-family: MarkPro;
text-transform: uppercase;
font-size: 28px;
line-height: 32px;
}
.talk-description h4 {
padding-bottom: 20px;
position: relative;
}
.talk-description h4:before {
content: "â–º";
display: block;
color: #fff200;
position: absolute;
left: -35px;
font-size: 15px;
top: 2px;
}
.talk-description a {
color: white;
}
.shirt-order {
display: table;
width: 100%;
padding: 100px 0;
min-height: 600px;
}
.shirt-order .shirt-order-inner {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.profile-section .webexpo-gift > h2 {
font-weight: 900;
font-family: MarkPro;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
}
.profile-section .webexpo-gift > p {
text-transform: none;
font-size: 16px;
line-height: 20px;
font-weight: 300;
font-family: "Work Sans", sans-serif;
margin-bottom: 0;
}
.gift-form .gift-type-wrap {
padding: 30px 0;
margin: 0 -7.5px;
}
@media only screen and (max-width: 900px) {
.gift-form .gift-type-wrap {
padding-bottom: 20px;
}
}
.gift-form .gift-type-wrap .gift-type {
width: 160px;
height: 160px;
background-color: #f5fde7;
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
position: relative;
display: inline-block;
overflow: hidden;
margin: 0 7.5px;
border-radius: 4px;
}
@media only screen and (max-width: 450px) {
.gift-form .gift-type-wrap .gift-type {
width: calc(50% - 20px);
}
}
.gift-form .gift-type-wrap .gift-type label {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
cursor: hand;
text-align: center;
padding-top: 120px;
font-family: "Work Sans", sans-serif;
}
.gift-form .gift-type-wrap .gift-type svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
}
.gift-form .gift-type-wrap .gift-type input {
position: absolute;
left: -99999px;
}
.gift-form .gift-type-wrap .gift-type:nth-of-type(1) svg:nth-last-of-type(1) {
display: block;
}
.gift-form .gift-type-wrap .gift-type:nth-of-type(2) svg:nth-last-of-type(2) {
display: block;
}
.gift-form .gift-type-wrap .gift-type.selected,
.gift-form .gift-type-wrap .gift-type:hover {
background-color: #63c300;
color: #fff;
}
.gift-form .gift-type-wrap .gift-type.selected svg g,
.gift-form .gift-type-wrap .gift-type:hover svg g {
fill: #f5fde7 !important;
}
.gift-form .gift-size,
.gift-form .gift-style,
.gift-form .gift-text {
display: block;
text-align: left;
overflow: hidden;
position: relative;
background-color: #f5fde7;
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
color: #63c300;
border-radius: 4px;
float: left;
font-family: "Work Sans", sans-serif;
margin-right: 16px;
margin-bottom: 16px;
}
@media only screen and (max-width: 900px) {
.gift-form .gift-size,
.gift-form .gift-style,
.gift-form .gift-text {
margin-bottom: 10px !important;
box-shadow: 0 8px 5px -8px rgba(98, 195, 0, 0.4);
}
}
.gift-form .gift-size input,
.gift-form .gift-style input,
.gift-form .gift-text input {
position: absolute;
width: 1px;
left: -1000px;
}
.gift-form .gift-size label,
.gift-form .gift-style label,
.gift-form .gift-text label {
font-size: 16px;
font-weight: 400;
line-height: 26px;
padding: 10px 20px;
display: block;
cursor: hand;
cursor: pointer;
}
.gift-form .gift-size.selected,
.gift-form .gift-size:hover,
.gift-form .gift-style.selected,
.gift-form .gift-style:hover,
.gift-form .gift-text.selected,
.gift-form .gift-text:hover {
background-color: #63c300;
color: #fff;
}
.gift-form .gift-size {
text-align: center;
}
.gift-form .gift-size label {
width: 64px;
padding: 10px;
}
.gift-form .gift-size.ts label {
width: 115px;
}
.gift-form .gift-size.hs label {
width: 100%;
padding: 10px 20px;
}
@media only screen and (max-width: 900px) {
.gift-form .shirt-config {
margin-top: 10px !important;
}
}
.gift-form .shirt-config > div {
display: block;
width: 100%;
overflow: hidden;
padding-bottom: 40px;
}
@media only screen and (max-width: 900px) {
.gift-form .shirt-config > div {
padding-bottom: 20px !important;
}
}
.gift-form button:disabled {
opacity: 0.6;
}
.gift-form .button.big-button {
margin-top: 70px;
background: #ff3131;
color: #fff;
font-size: 16px;
line-height: 20px;
font-family: "Work Sans", sans-serif;
padding: 11px 30px;
border-radius: 4px;
font-weight: 400;
text-transform: none;
transition: background 1s ease;
}
@media only screen and (max-width: 900px) {
.gift-form .button.big-button {
margin-top: 20px;
}
}
.gift-form .button.big-button:hover {
background: #e00000;
}
.gift-type-showcase {
display: inline-block;
position: relative;
}
.gift-type-showcase span {
position: absolute;
background: #6ac259;
width: 26px;
height: 26px;
line-height: 26px;
bottom: 10px;
right: 5px;
border-radius: 26px;
text-align: center;
z-index: 9;
}
.gift-type-showcase span svg {
fill: #fff;
}
@media only screen and (max-width: 900px) {
.order-button {
width: 100%;
}
}
.gift-pic {
background-color: #f4f4ef;
}
@media only screen and (max-width: 900px) {
form .gift-pic {
margin-top: 10px;
}
}
@media only screen and (min-width: 900px) {
.gift-selection-form .grid-6:nth-child(1) .gift-pic {
display: none !important;
}
}
@media only screen and (max-width: 900px) {
.gift-selection-form .grid-6:nth-child(2) .gift-pic {
display: none !important;
}
}
.gift-selected {
width: 100%;
max-width: 615px;
border: 1px solid #e0dfdc;
border-radius: 4px;
margin: 45px 0 20px;
padding: 25px 0 0 130px;
position: relative;
font-family: "Work Sans", sans-serif;
overflow: hidden;
min-height: 180px;
}
@media only screen and (max-width: 650px) {
.gift-selected {
padding-left: 20px;
}
.gift-selected svg {
display: none;
}
}
.gift-selected svg {
position: absolute;
top: 33px;
left: 33px;
width: 40px;
height: auto;
}
.gift-selected ul {
padding-bottom: 20px;
margin-bottom: 0 !important;
}
.gift-selected ul li {
padding-bottom: 5px;
}
.gift-selected ul li span {
font-family: "Work Sans", sans-serif;
}
.gift-selected ul li span:nth-of-type(1) {
text-transform: none;
width: 150px;
display: inline-block;
}
@media only screen and (max-width: 480px) {
.gift-selected ul li span:nth-of-type(1) {
width: 75px;
}
}
.gift-selected ul li span:nth-of-type(2) {
font-weight: 400;
text-transform: none;
}
.gift-selected img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
height: 100%;
width: auto;
background-color: #f4f4ef;
}
.gift-selected .gift-closed {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(45, 41, 62, 0.8);
z-index: 9;
text-align: center;
color: #fff;
padding: 10px;
}
.gift-selected .gift-closed p {
font-size: 16px;
line-height: 20px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
left: 10px;
right: 10px;
}
.change-gift {
display: inline-block;
text-align: center;
background: #ff3131;
color: #fff;
font-size: 16px;
line-height: 20px;
font-family: "Work Sans", sans-serif;
padding: 11px 30px;
border-radius: 4px;
font-weight: 400;
text-transform: none;
transition: background 1s ease;
text-decoration: none;
}
.change-gift:hover {
background: #e00000;
}
@media only screen and (max-width: 900px) {
.change-gift {
width: 100%;
}
}
.webexpo-stats {
font-weight: 900;
font-family: MarkPro;
padding-top: 100px;
overflow: hidden;
padding-left: 50px;
margin-bottom: -250px;
position: absolute;
right: 0;
width: 850px;
}
.webexpo-stats strong {
font-weight: 900;
}
.webexpo-stats .left-stats {
float: right;
position: relative;
text-align: center;
padding-top: 50px;
padding-right: 200px;
}
@media only screen and (max-width: 1250px) {
.webexpo-stats .left-stats {
padding-right: 50px;
}
}
.webexpo-stats .left-stats strong {
line-height: 180px;
font-size: 200px;
}
.webexpo-stats .left-stats small {
font-size: 50px;
display: inline-block;
}
.webexpo-stats .left-stats:after {
content: "}";
display: block;
position: absolute;
right: 80px;
top: 128px;
font-size: 200px;
font-weight: 400;
}
@media only screen and (max-width: 1250px) {
.webexpo-stats .left-stats:after {
display: none;
}
}
.webexpo-stats .right-stats {
float: right;
text-align: left;
padding-right: 100px;
}
@media only screen and (max-width: 1700px) {
.webexpo-stats .right-stats {
padding-right: 50px;
}
}
.webexpo-stats .right-stats p {
padding: 15px 0;
}
.webexpo-stats .right-stats p strong {
font-size: 60px;
}
.webexpo-stats .right-stats p small {
font-size: 25px;
vertical-align: 24px;
display: inline-block;
margin-left: 20px;
}
@media only screen and (max-width: 1000px) {
.webexpo-stats .right-stats p small {
margin-left: 0;
display: block;
}
}
.order-list {
float: none;
margin: auto;
}
.order-list .order-top {
cursor: hand;
cursor: pointer;
padding: 16px 30px;
}
.order-list .order-top .ps {
margin-right: -100px;
width: 220px;
}
.order-list .order-top .ps span {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
border-radius: 20px;
margin-right: 10px;
margin-top: -2px;
}
.order-list .order-top .ps span.flamingo {
background: #ed6027;
}
.order-list .order-top .ps span.chateau {
background: green;
}
.order-list .order-top .ps span.dusty-gray {
background: #9b9b9b;
}
.order-list .order-detail {
padding: 10px 30px 60px;
overflow: hidden;
font-size: 16px;
line-height: 24px;
}
.order-list .order-detail .chateau {
color: green;
}
.order-list .order-detail .p-40.bc-info {
padding: 30px 40px;
}
.order-list .order-detail .pay-button {
margin-top: 20px;
margin-left: 30px;
}
.workshops-intro {
clear: both;
width: 100%;
padding: 50px;
overflow: hidden;
}
.workshops-intro h2 {
display: inline-block;
}
@media only screen and (max-width: 800px) {
.workshops-intro {
padding-bottom: 0;
}
}
@media only screen and (max-width: 515px) {
.workshops-intro {
padding: 50px 25px;
}
}
.workshops-intro .workshops-intro-list {
clear: both;
padding-top: 60px;
margin-left: -52px;
margin-right: -52px;
padding-bottom: 60px;
overflow: hidden;
}
@media only screen and (max-width: 800px) {
.workshops-intro .workshops-intro-list {
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
}
}
.workshops-intro .workshops-intro-list .single-intro-workshop {
position: relative;
width: 33.332%;
float: left;
}
.workshops-intro .workshops-intro-list .single-intro-workshop:before {
background: url(../img/htl.png) left top;
content: " ";
display: block;
position: absolute;
top: 0;
left: 2px;
bottom: 0;
width: 11px;
}
.workshops-intro .workshops-intro-list .single-intro-workshop:after {
background: url(../img/htl.png) left bottom;
content: " ";
display: block;
position: absolute;
top: 0;
right: 2px;
bottom: 0;
width: 11px;
transform: rotate(180deg);
}
@media only screen and (max-width: 1050px) {
.workshops-intro .workshops-intro-list .single-intro-workshop {
width: 50%;
}
}
@media only screen and (max-width: 800px) {
.workshops-intro .workshops-intro-list .single-intro-workshop {
width: 100%;
}
}
.workshops-intro .workshops-intro-list .single-intro-workshop .single-intro-workshop-inner {
margin: 0 13px;
padding: 25px 10px 100px;
height: 315px;
position: relative;
}
@media only screen and (max-width: 1600px) {
.workshops-intro .workshops-intro-list .single-intro-workshop .single-intro-workshop-inner {
height: 325px;
}
}
@media only screen and (max-width: 1375px) {
.workshops-intro .workshops-intro-list .single-intro-workshop .single-intro-workshop-inner {
height: 350px;
}
}
@media only screen and (max-width: 1200px) {
.workshops-intro .workshops-intro-list .single-intro-workshop .single-intro-workshop-inner {
height: 390px;
}
}
@media only screen and (max-width: 1050px) {
.workshops-intro .workshops-intro-list .single-intro-workshop .single-intro-workshop-inner {
height: 325px;
}
}
@media only screen and (max-width: 800px) {
.workshops-intro .workshops-intro-list .single-intro-workshop .single-intro-workshop-inner {
height: auto;
}
}
.workshops-intro .workshops-intro-list .single-intro-workshop .single-intro-workshop-inner h3 {
text-transform: uppercase;
font-family: MarkPro;
font-weight: 900;
padding: 10px;
font-size: 32px;
line-height: 36px;
}
.workshops-intro .workshops-intro-list .single-intro-workshop .single-intro-workshop-inner p {
font-size: 15px;
line-height: 18px;
padding: 10px 0;
}
.workshops-intro .workshops-intro-list .single-intro-workshop .single-intro-workshop-inner p span {
display: inline-block;
padding: 4px 10px;
}
.workshops-intro .workshops-intro-list .single-intro-workshop .single-intro-workshop-inner p.position {
padding: 5px 0;
}
.workshops-intro .workshops-intro-list .single-intro-workshop .single-intro-workshop-inner p.button {
position: absolute;
bottom: 35px;
left: 10px;
right: 10px;
}
.main-navigation {
left: 110px;
right: 110px;
position: absolute;
}
.main-navigation svg {
vertical-align: -5px;
margin-left: 10px;
}
@media only screen and (max-width: 900px) {
.main-navigation li {
display: none !important;
}
.main-navigation li.header-buy-button {
display: inline-block !important;
white-space: nowrap;
}
}
#logo a,
.main-navigation a,
.main-navigation ul li.header-buy-button a {
position: relative;
z-index: 90;
color: #fff;
}
.mobile-menu-link {
display: none;
position: absolute;
top: 36px;
right: 50px;
z-index: 150;
}
@media only screen and (max-width: 900px) {
.mobile-menu-link {
display: block;
}
}
@media only screen and (max-width: 620px) {
.mobile-menu-link {
right: 25px;
}
}
#friday-party-desc {
padding-right: 300px;
}
@media only screen and (max-width: 1500px) {
body .jumbo-video .al {
right: 50px;
}
}
@media only screen and (max-width: 1700px) {
body #program-bar,
body #snippet--schedule {
padding-right: 120px;
}
body #schedule-days {
right: 10px;
left: auto;
}
body .talk-box {
word-break: break-word;
}
body .bubble {
max-width: 100%;
}
body #program-bar,
body #snippet--schedule {
padding-left: 30px;
}
body #schedule-days {
margin-left: 0;
right: 10px;
left: auto;
}
}
.apply-filter,
.close-filter,
.show-filter,
.track-selection h2 {
display: none;
}
.pmh {
clear: both;
color: red;
font-size: 12px;
}
.mobile-filter-text {
padding: 15px 10px;
text-align: center;
font-size: 12px;
font-weight: 700;
line-height: 16px;
}
.bottom-anchor {
position: absolute;
left: 0;
right: 0;
}
@media only screen and (min-width: 1301px) {
.desktop-tracks,
.track-selection {
display: block !important;
}
.mobile-filter-text,
.mobile-tracks {
display: none !important;
}
}
@media only screen and (max-width: 1300px) {
#friday-party-desc {
padding-right: 0;
}
.hash {
display: none;
}
.desktop-tracks {
display: none !important;
}
.faq-wrap {
padding-left: 0;
padding-right: 0;
}
.ticket-info {
clear: both;
margin-left: 50px;
}
.ticket-heading {
margin-left: 50px;
}
.expo-subtext.p-l-160 {
padding-left: 100px;
}
.button.big-button.coupon-button {
padding: 14.5px 38px;
font-size: 20px;
}
.e-i {
padding-left: 0;
}
input.button.big-button.coupon-button {
padding: 14px 40px;
}
body .apply-filter,
body .show-filter {
display: block;
margin: 0 10px;
text-decoration: none;
background: #62c300;
color: #fff;
text-align: center;
padding: 10px 20px;
font-size: 16px;
line-height: 32px;
font-weight: 700;
}
body .apply-filter svg,
body .show-filter svg {
vertical-align: middle;
margin-right: 10px;
}
body .track-selection {
display: none;
position: fixed;
top: 0;
bottom: 0;
z-index: 1000;
background: #2D293E;
padding-bottom: 115px;
}
body .track-selection .close-filter {
display: block;
position: absolute;
top: 15px;
right: 20px;
font-size: 50px;
font-weight: 100;
text-decoration: none;
}
body .track-selection h2 {
display: block;
margin: 50px 0 30px;
text-align: center;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
font-weight: 900;
font-family: MarkPro;
}
body #schedule-days {
z-index: 99;
bottom: 0;
left: 0;
right: 0;
position: fixed;
margin-top: 0 !important;
margin-bottom: 0 !important;
background: #2d293e;
width: 100%;
}
body #schedule-days .program-days ul {
display: flex;
}
body #schedule-days .program-days ul li {
flex-basis: 100;
flex-grow: 1;
}
body .party-img {
display: none;
}
body .schedule-party {
margin-bottom: 0;
padding-bottom: 15px;
}
body #snippet--schedule {
padding-left: 0;
padding-right: 0;
}
body #snippet--schedule h1 {
font-size: 24px;
line-height: 30px;
text-align: left;
}
body #schedule-filter {
margin: 20px auto 10px;
}
body .js-schedule-grid:before,
body .schedule-party .party-location,
body .schedule-party:before {
display: none;
}
body #schedule {
background: rgba(0, 0, 0, 0.05);
padding-bottom: 0;
padding-top: 15px;
}
body .js-schedule-grid .js-schedule-grid-inner .col .talk-box {
margin-left: 0;
margin-right: 0;
width: 100%;
}
body .program-bar {
display: none;
}
body .mpm {
display: block;
}
body #snippet--schedule h1 {
margin-left: 10px !important;
margin-right: 10px !important;
}
body .bubble {
text-align: left;
padding-left: 50px;
}
body #schedule-legend {
display: none;
}
body .js-schedule-grid {
padding-left: 0;
}
body .js-schedule-grid .col {
padding-top: 0 !important;
}
body .js-schedule-grid .col .talk-box {
margin-bottom: 12px !important;
min-height: 0 !important;
}
body .js-schedule-grid .col .talk-box .mv0 {
margin-bottom: 0 !important;
}
body .js-schedule-grid .col .talk-box .time {
padding-top: 0 !important;
font-size: 16px !important;
}
body .js-schedule-grid .col .talk-box .ven {
display: inline-block;
}
body .js-schedule-grid .col .js-schedule-grid-talk {
min-height: 0 !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
body .js-schedule-grid h2 {
display: none;
}
body .js-schedule-grid .js-schedule-grid-inner {
display: block;
}
}
.page-default ul.speakers-list li:nth-child(6) {
clear: both;
}
@media only screen and (max-width: 900px) {
.page-default ul.speakers-list li:nth-child(5) {
clear: both;
}
.page-default ul.speakers-list li:nth-child(6) {
clear: none;
}
body .profile-cols {
padding-top: 300px;
}
body .profile-cols .profile-col {
width: 100%;
float: none;
margin: auto;
text-align: center;
padding: 0 16px 30px 15px;
}
body .avatar-wrap {
left: 50%;
top: 50px;
width: 200px;
height: 200px;
z-index: 9;
transform: translate(-50%, 0);
}
body .avatar-wrap .avatar img {
width: 200px;
height: 200px;
}
body .avatar-wrap #profile-photo-upload label {
line-height: 220px;
font-size: 17px;
}
body .workshop-list-item {
min-height: auto;
}
body ul#video-list {
position: relative;
left: auto;
transform: none;
margin-right: -19px;
}
.slide-wrap {
overflow: hidden;
margin-bottom: -17px;
}
.slide-body {
overflow-y: scroll;
padding-bottom: 17px;
}
body .notification {
text-align: left;
}
.mb-n,
body .s-b {
display: none !important;
}
body #footer .footer-gallery.mobile-gallery {
display: block;
}
.hlr {
margin-top: 0;
}
body .user-button.button.big-button {
width: 90px;
white-space: nowrap;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
}
body .entry-fees .single-fee {
display: none;
}
body .entry-fees .single-fee.active-fee {
display: block;
width: 100%;
}
body .video-desc {
width: 100%;
padding-right: 100px;
}
.social-showcase {
white-space: nowrap;
margin-left: 0;
margin-right: -10px;
}
.social-showcase .grid-4 {
width: 350px !important;
display: inline-block !important;
float: none;
white-space: normal;
vertical-align: top;
padding: 0 10px 0 0;
}
.social-showcase .grid-4 img {
margin-top: 0 !important;
}
body .jumbo-video {
position: initial;
}
body .jumbo-video .video,
body .jumbo-video video {
position: absolute;
top: 0;
height: auto;
width: 90%;
left: 10%;
opacity: 0.3;
}
body .expo-subtext.p-l-160 {
border: none;
padding: 0;
margin-left: 50px;
margin-top: 20px;
font-size: 16px;
line-height: 24px;
}
body .expo-subtext.p-l-160:before {
display: none;
}
.partner-list img {
max-height: 40px;
}
.row > div.grid-3,
.row > div.grid-4,
.row > div.grid-6,
.row > div.grid-8 {
width: 100%;
}
.button.big-button {
padding: 13px 30px !important;
font-size: 13px;
z-index: 9;
position: relative;
}
#footer #footer-info {
margin-bottom: 0 !important;
}
.button.big-button.mobile-menu {
display: inline-block !important;
width: 44px;
text-indent: -999px;
padding: 13px !important;
z-index: 9;
position: relative;
background: url(../img/burger.svg) center no-repeat #fff;
background-size: 28px;
}
.mobile-scroll-menu {
display: inline-block !important;
padding: 8px 10px 5px;
}
.mobile-scroll-menu img {
width: 25px;
}
#mobile-menu {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
background: #2d293e;
color: #fff;
}
#mobile-menu a {
color: #fff;
}
#mobile-menu #mobile-close {
top: 20px;
right: 20px;
position: absolute;
padding: 5px;
background: url(../img/cross.svg) center no-repeat;
background-size: 100% 100%;
text-indent: -9999px;
width: 20px;
}
#mobile-menu #login-links,
#mobile-menu #mobile-links,
#mobile-menu #user-links {
position: absolute;
top: 50%;
left: 40px;
right: 40px;
transform: translate(0, -50%);
font-size: 14px;
line-height: 26px;
text-align: center;
}
#mobile-menu #login-links a,
#mobile-menu #mobile-links a,
#mobile-menu #user-links a {
display: inline-block;
margin-bottom: 12px;
text-decoration: none;
border-bottom: 1px solid #fff;
}
#mobile-menu #login-links a svg,
#mobile-menu #mobile-links a svg,
#mobile-menu #user-links a svg {
vertical-align: -2px;
margin-left: 10px;
}
#mobile-menu #social-links {
position: absolute;
bottom: 50px;
font-size: 17px;
line-height: 20px;
font-family: Vollkorn, serif;
font-style: italic;
}
#mobile-menu #social-links li {
padding: 5px 0 5px 65px;
position: relative;
}
#mobile-menu #social-links li:before {
position: absolute;
top: 14px;
left: 0;
width: 45px;
height: 1px;
background: #fff;
content: " ";
display: block;
}
#mobile-menu #social-links a {
text-decoration: underline;
}
#mobile-menu #user-links {
top: auto;
bottom: 80px;
}
#mobile-menu #login-links {
top: 40px;
}
.e-i {
padding: 0 50px;
margin: 0;
}
#footer {
padding: 60px 0 50px !important;
}
#currency-switcher {
padding-bottom: 15px;
}
body .jumbo-video .al {
width: 100%;
position: relative;
bottom: 0;
left: 0;
background: #fff;
padding: 20px;
font-size: 21px;
text-align: center;
line-height: 24px;
}
body .jumbo-video .al .fs-20,
body .jumbo-video .al .fs-200,
body .jumbo-video .al .fs-48 {
font-size: 21px;
line-height: 24px;
}
body .jumbo-video .al .va-105,
body .jumbo-video .al .va-85 {
vertical-align: middle;
}
body .jumbo-video .al .m-l-15 {
margin-left: 5px;
}
body .jumbo-video .al .m-r-30,
body .jumbo-video .al .m-r-50 {
margin-right: 0;
}
body .jumbo-video .al .l-1 {
display: block;
font-family: Vollkorn, serif;
font-weight: 400;
font-style: italic;
padding: 30px 0 10px;
}
body .jumbo-video .al .l-2 {
display: block;
font-family: Vollkorn, serif;
font-weight: 400;
font-style: italic;
}
body .jumbo-video .al .l-3 {
display: block;
text-transform: uppercase;
padding: 40px 0 20px;
}
body .jumbo-video .al .dvd {
display: inline-block;
padding: 0 10px;
}
#community-text {
margin-left: 50px !important;
margin-right: 50px;
max-width: 100% !important;
}
body #community {
padding-bottom: 0;
}
body #quote {
padding: 30px 50px;
}
body #quote .single-quote-content {
font-size: 21px;
line-height: 30px;
}
body #quote .single-quote-author {
font-size: 18px;
width: 100%;
}
body #tickets,
body #videoguide {
padding-bottom: 40px;
}
body #login-form {
background: #2d293e !important;
position: fixed;
top: 0 !important;
bottom: 0;
left: 0;
right: 0 !important;
z-index: 200;
width: 100%;
}
body #login-form .login-heading,
body #login-form .toggle-login {
display: block;
}
body.login-open,
body.menu-open {
overflow: hidden;
}
}
#tickets .play-arkanoid {
position: fixed;
left: auto;
margin-left: 0;
right: 20px;
z-index: 1000;
bottom: 600px;
width: 140px;
display: none;
}
@media only screen and (max-width: 1400px) {
#tickets .play-arkanoid {
display: none !important;
opacity: 0;
pointer-events: none;
}
}
#tickets .play-arkanoid a {
text-decoration: none;
}
#tickets .play-arkanoid img {
width: 100%;
}
#tickets .play-arkanoid span {
border-radius: 4px;
background-color: #ff3131;
box-shadow: 0 8px 24px -14px #ff3131;
color: #fff;
padding: 4px 10px;
display: block;
font-size: 16px;
font-weight: 600;
line-height: 32px;
text-decoration: none;
text-transform: none;
font-family: "Work Sans", sans-serif;
margin-top: 10px;
text-align: center;
transition: background 1s ease;
}
#tickets .play-arkanoid span:hover {
background-color: #ba3030;
}
.halls-left {
font-size: 14px;
line-height: 20px;
position: absolute;
left: -270px;
top: 0;
}
.halls-left div {
padding: 10px 0 20px;
text-align: right;
}
@media only screen and (max-width: 620px) {
.halls-left {
display: none;
}
}
.halls-right {
font-size: 14px;
line-height: 20px;
position: absolute;
right: -270px;
top: 0;
}
.halls-right div {
padding: 10px 0 20px;
text-align: left;
}
@media only screen and (max-width: 620px) {
.halls-right {
display: none;
}
}
.floorplan svg {
width: 100%;
}
@media only screen and (max-width: 620px) {
.floorplan {
display: none;
}
}
.mobile-halls {
font-size: 14px;
line-height: 20px;
display: none;
}
.mobile-halls .item div div {
padding-top: 10px;
}
@media only screen and (max-width: 620px) {
.mobile-halls {
display: block;
}
}
#footer h2.ff-heading,
#kids h3.ff-heading,
#partners h3.ff-heading,
#speaker-list h1,
#speakers h3.ff-heading,
#tickets h3.ff-heading,
#venue h3.ff-heading,
#videos h3.ff-heading {
font-family: Ladislav-Bold;
}
.fancy-u .border {
border-top: 1px dashed #fffff9;
padding-bottom: 20px;
display: block;
clear: both;
margin: 0 25px;
width: calc(100% - 50px);
}
.ticket-levels .ticket-level.level-info {
font-size: 12px;
line-height: 18px;
opacity: 0.6;
padding-top: 10px;
}
.ticket-levels .ticket-level.highlighted-level {
background: rgba(255, 255, 255, 0.15);
padding: 40px;
margin: 20px -40px 30px;
}
.ticket-levels .ticket-level.highlighted-level .bestseller span {
font-family: Ladislav-Bold;
display: inline-block;
padding: 4px 8px;
text-transform: uppercase;
font-size: 16px;
color: #2d293e;
line-height: 19px;
background: #fef101;
margin-bottom: 15px;
}
@media only screen and (min-width: 900px) {
#mobile-menu {
display: none !important;
}
.profile-section {
min-height: 880px;
max-width: 990px;
margin: 0 auto;
}
}
@media only screen and (max-width: 660px) {
.c-l,
.c-r {
width: 100%;
}
.c-r {
text-align: center;
margin-top: 20px;
}
body #speaker-list .grid-3 {
width: 100%;
}
}
@media only screen and (max-width: 515px) {
.main-wrap {
padding: 0 20px 20px;
}
#footer {
padding: 60px 20px 50px !important;
}
#community-text {
margin-left: 20px !important;
margin-right: 20px;
}
body ul.partner-list,
body ul.partner-list li {
padding-top: 30px;
}
}
@media only screen and (max-width: 430px) {
.button.big-button {
padding: 13px 20px !important;
}
body #scroll-menu a.scroll-buy {
padding: 10px;
}
body #scroll-menu a.scroll-login {
margin: 0 10px;
}
.mini {
display: block;
}
}
@media only screen and (max-width: 250px) {
body .program-days .day-link time span {
display: none;
}
}
@media print {
body #footer,
body #header,
body #login-form,
body #mobile-menu,
body #program-bar,
body #schedule-days li a,
body #scroll-menu,
body .bubble,
body .line,
body .tile-link.m-t-50 {
display: none !important;
}
body #schedule-days li a.active {
display: block !important;
}
body #schedule-days li.myp a.active {
display: none !important;
}
}
.plyr--video {
margin-bottom: 25px;
border-radius: 5px;
overflow: hidden;
}
@media only screen and (max-width: 750px) {
.plyr--video {
display: none;
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 1;
pointer-events: all;
transform: none;
}
.plyr--video .plyr__controls .plyr__volume {
max-width: 30px;
}
.plyr--video .plyr__progress__buffer {
box-shadow: none;
color: #fff;
opacity: 1;
background: #fff;
height: 6px;
}
.plyr--full-ui input[type="range"] {
color: #fef101;
margin-bottom: -1px;
}
.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
display: none;
}
.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
height: 6px;
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
background: #fef101;
}
.plyr__control.plyr__tab-focus {
box-shadow: none;
}
#scroll-menu {
height: 48px;
position: fixed;
top: 0;
transform: translate(0, -48px);
width: 100%;
overflow: hidden;
z-index: 200;
box-shadow: 0 1px 3px 0 rgba(71, 65, 95, 0.37), 0 16px 24px -16px #2d293e;
}
#scroll-menu .mobile-menu-link {
top: 8px;
right: 25px;
}
@media only screen and (max-width: 600px) {
#scroll-menu .mobile-menu-link {
right: 13px;
}
}
#scroll-menu #logo,
#scroll-menu .logo {
margin-left: 40px;
margin-top: 7px;
}
@media only screen and (max-width: 600px) {
#scroll-menu #logo,
#scroll-menu .logo {
margin-left: 15px;
}
}
.button.header-buy {
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
background-color: #62c300;
padding: 9px 20px;
color: #fff;
margin-top: -5px;
}
.button.header-buy svg {
height: 20px;
vertical-align: middle;
}
.button.header-buy svg path {
transition: all 0.5s ease;
}
.button.header-buy:hover {
background: #52a300;
}
#talk-detail {
padding-bottom: 150px;
background: url(../img/shapes/0.svg) right bottom -100px no-repeat;
}
@media only screen and (max-width: 900px) {
#talk-detail {
overflow: visible;
padding-bottom: 0;
}
}
#talk-detail .talk-content {
max-width: 825px;
}
@media only screen and (max-width: 1250px) {
#talk-detail .talk-content {
max-width: 100%;
padding-right: 350px;
}
}
@media only screen and (max-width: 900px) {
#talk-detail .talk-content {
padding-right: 0;
min-height: auto !important;
}
}
#talk-detail .talk-content h2 {
color: #fffff9;
font-family: Ladislav-Bold;
font-size: 40px;
font-weight: 900;
line-height: 51px;
text-transform: uppercase;
}
@media only screen and (max-width: 900px) {
#talk-detail .talk-content h2 {
font-size: 24px;
line-height: 30px;
}
}
#talk-detail .talk-content .talk-description {
font-size: 16px;
line-height: 32px;
margin-top: 32px;
}
@media only screen and (max-width: 900px) {
#talk-detail .talk-content .talk-description {
line-height: 20px;
font-size: 14px;
}
#talk-detail .talk-content .talk-description p {
margin-bottom: 20px;
}
}
#talk-detail .talk-content .talk-description p {
margin-bottom: 32px;
}
#talk-detail .speaker-detail {
width: 250px;
position: absolute;
left: 50%;
top: 160px;
z-index: 15;
margin-left: 340px;
}
@media only screen and (max-width: 1300px) {
#talk-detail .speaker-detail {
right: 24px;
left: auto;
margin-left: 0;
}
}
@media only screen and (max-width: 900px) {
#talk-detail .speaker-detail {
position: relative !important;
right: auto !important;
top: 0 !important;
width: auto;
margin: 0 -24px;
}
}
#talk-detail .speaker-detail .single-speaker {
background: #514d5e;
margin-bottom: 24px;
border-radius: 4px;
overflow: hidden;
}
#talk-detail .speaker-detail .single-speaker .single-speaker-picture {
min-height: 355px;
background: #2d293e;
text-align: center;
overflow: hidden;
}
#talk-detail .speaker-detail .single-speaker .single-speaker-picture img {
filter: grayscale(100%);
mix-blend-mode: screen;
min-width: 100%;
min-height: 100%;
display: block;
}
@media only screen and (max-width: 900px) {
#talk-detail .speaker-detail .single-speaker .single-speaker-picture {
display: none;
}
}
@media only screen and (max-width: 550px) {
#talk-detail .speaker-detail .single-speaker .single-speaker-picture img {
width: 100px;
}
}
#talk-detail .speaker-detail .single-speaker .single-speaker-picture-mobile {
display: none;
padding: 10px 24px;
}
#talk-detail .speaker-detail .single-speaker .single-speaker-picture-mobile span {
display: inline-block;
background: #2d293e;
}
#talk-detail .speaker-detail .single-speaker .single-speaker-picture-mobile img {
width: 100%;
max-width: 500px;
filter: grayscale(100%);
mix-blend-mode: screen;
display: block
}
@media only screen and (max-width: 900px) {
#talk-detail .speaker-detail .single-speaker .single-speaker-picture-mobile {
display: block;
}
}
#talk-detail .speaker-detail .single-speaker .single-speaker-name {
padding: 24px 24px 0;
font-size: 24px;
font-weight: 700;
line-height: 30px;
font-family: Ladislav-Bold;
}
#talk-detail .speaker-detail .single-speaker .single-speaker-social {
padding: 0 24px 24px;
font-size: 12px;
line-height: 26px;
}
#talk-detail .speaker-detail .single-speaker .single-speaker-social a {
color: #fff;
text-decoration: none;
white-space: normal;
word-break: break-word;
line-height: 18px;
display: inline-block;
padding: 7px 0 7px 40px;
background: url(../img/social/link.svg) left center no-repeat;
background-size: 20px auto;
}
#talk-detail .speaker-detail .single-speaker .single-speaker-social .social-twitter a {
background-image: url(../img/social/twitter.svg);
}
#talk-detail .speaker-detail .single-speaker .single-speaker-social .social-linkedin a {
background-image: url(../img/social/linkedin.svg);
}
#talk-detail .speaker-detail .single-speaker .single-speaker-social .social-github a {
background-image: url(../img/social/github.svg);
}
#talk-detail .speaker-detail .single-speaker .single-speaker-social .social-facebook a {
background-image: url(../img/social/facebook.svg);
}
#talk-detail .speaker-detail .single-speaker .single-speaker-position {
padding: 5px 24px 14px;
font-weight: 700;
font-size: 16px;
line-height: 24px;
font-family: Ladislav-Bold;
}
#talk-detail .speaker-detail .single-speaker .single-speaker-bio {
padding: 0 24px;
}
@media only screen and (max-width: 900px) {
#talk-detail .speaker-detail .single-speaker .single-speaker-bio {
padding-bottom: 14px;
}
}
#talk-detail .speaker-detail .single-speaker .single-speaker-bio p {
font-size: 12px;
line-height: 24px;
padding-bottom: 20px;
}
@media only screen and (max-width: 900px) {
#talk-detail .speaker-detail .single-speaker .single-speaker-bio p {
line-height: 20px;
font-size: 14px;
padding-bottom: 10px;
}
}
#talk-detail .speaker-detail .single-speaker .single-speaker-bio a {
color: #fff;
}
#talk-detail .next-talks {
margin-top: 80px;
}
@media only screen and (max-width: 900px) {
#talk-detail .next-talks {
margin-top: 20px;
}
}
#talk-detail .next-talk {
background: #514d5e;
padding: 25px 32px;
font-size: 16px;
line-height: 32px;
color: #fff;
margin-bottom: 20px;
border-radius: 4px;
}
#talk-detail .next-talk.next-talk-premium {
padding-right: 275px;
position: relative;
}
@media only screen and (max-width: 900px) {
#talk-detail .next-talk.next-talk-premium {
padding-right: 24px;
}
}
#talk-detail .next-talk.next-talk-premium a.button {
color: #fff;
background: #62c300;
border-radius: 4px;
box-shadow: none;
position: absolute;
top: 50%;
right: 32px;
transform: translate(0, -50%);
}
#talk-detail .next-talk.next-talk-premium a.button:hover {
background: #52a300;
}
@media only screen and (max-width: 900px) {
#talk-detail .next-talk.next-talk-premium a.button {
text-align: center;
position: relative;
width: 100%;
left: auto;
right: auto;
transform: none;
top: 0;
margin-top: 10px;
}
}
@media only screen and (max-width: 900px) {
#talk-detail .next-talk {
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
}
}
#talk-detail .next-talk a {
color: #fff;
}
.talk-sum-up-wrap {
display: block;
padding-top: 30px;
position: relative;
}
.talk-sum-up-wrap a.button {
color: #fff;
background: #62c300;
border-radius: 4px;
box-shadow: none;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
margin-top: 15px;
height: 70px;
line-height: 42px;
width: 250px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
.talk-sum-up-wrap a.button:hover {
background: #52a300;
}
@media only screen and (max-width: 900px) {
.talk-sum-up-wrap a.button {
position: relative;
transform: none;
top: auto;
right: auto;
height: auto;
line-height: 22px;
width: 100%;
text-align: center;
}
}
.talk-sum-up {
border: 1px solid #fff;
border-radius: 4px;
margin-right: 260px;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 900px) {
.talk-sum-up {
margin-right: 0;
}
}
.talk-sum-up .talk-day {
text-align: center;
width: 70px;
float: left;
}
.talk-sum-up .talk-day span {
width: 100%;
display: block;
}
.talk-sum-up .talk-day span.talk-day-name {
border-bottom: 1px solid #fff;
height: 27px;
line-height: 27px;
font-size: 16px;
}
.talk-sum-up .talk-day span.talk-day-no {
line-height: 40px;
height: 40px;
font-size: 25px;
}
.talk-sum-up .talk-venue-info {
float: left;
border-left: 1px solid #fff;
line-height: 24px;
padding: 10px 30px;
font-size: 16px;
width: calc(100% - 70px);
min-height: 70px;
}
#ticket-form .coupon-wrap {
clear: both;
padding-top: 70px;
}
#ticket-form .coupon-wrap .button.big-button {
margin-top: 0;
height: 57px;
width: auto;
background: #fffff9;
box-shadow: 0 0 1px 0 rgba(255, 1, 1, 0.2), 0 1px 4px 0 rgba(255, 1, 1, 0.2), 0 16px 24px -16px rgba(255, 1, 1, 0.3);
border: 1px solid rgba(224, 224, 224, 0.24);
color: #2d293e;
padding: 15px;
min-width: auto;
transition: background 0.5s ease;
}
#ticket-form .coupon-wrap .button.big-button:hover {
background: #fff2ec;
}
.login-close {
vertical-align: middle;
display: none;
}
#scroll-menu .login-close {
margin-top: 5px;
}
body.login-open .login-close {
display: block;
}
body.login-open .login-open {
display: none;
}
.next-diff {
padding: 0 15px;
color: red;
font-weight: 700;
}
#ticket-form .button.big-button.apply-coupon {
margin-top: 0;
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
background-color: #62c300;
padding: 18px 20px;
min-width: 0;
margin-left: 15px;
color: #fff;
cursor: hand;
cursor: pointer;
}
#ticket-form .button.big-button.apply-coupon:hover {
background: #52a300;
}
.buy-discount-info {
padding-left: 285px;
font-size: 14px;
padding-bottom: 10px;
padding-top: 35px;
}
@media only screen and (max-width: 900px) {
.buy-discount-info {
clear: both;
padding: 40px 0 20px;
}
}
.order-coupon {
background: rgba(255, 255, 255, 0.17);
padding: 45px 55px;
}
#Rectangle-Copy-4,
#Rectangle-Copy-5,
#Rectangle1,
#Rectangle2,
#Sezam {
transition: all 0.5s ease;
}
.ham.ham-closed #Rectangle1 {
transform: translate(0, -14px);
}
.ham #Rectangle1 {
transform: translate(15px, 33px) rotate(45deg) translate(-15px, -33px);
-webkit-transform: translate(15px, 33px) rotate(45deg) translate(-15px, -33px);
}
.ham #Rectangle2 {
transform: translate(15px, 33px) rotate(-45deg) translate(-15px, -33px);
-webkit-transform: translate(15px, 33px) rotate(-45deg) translate(-15px, -33px);
}
.ham.ham-closed #Rectangle2 {
transform: translate(0, -11px);
}
.ham.ham-closed #Rectangle-Copy-5 {
transform: translate(0, -27px);
}
.ham.ham-closed #M-Menu {
fill: #fff;
}
svg.ham {
cursor: hand;
cursor: pointer;
}
.menu-open #scroll-menu {
background: 0 0 !important;
overflow: visible;
}
.menu-open #logo,
.menu-open .main-navigation {
opacity: 0;
}
#scroll-menu {
transition: background 1s ease;
}
#logo,
.main-navigation {
transition: opacity 1s ease;
}
.qr-wrap {
z-index: 9;
float: left;
width: 240px;
height: 240px;
}
.qr-wrap img {
width: 100%;
}
#my-program {
min-height: 500px;
}
.my-program-share {
padding-right: 20px;
margin-top: 64px;
}
.my-program-share iframe {
vertical-align: bottom;
}
.my-event-list {
margin-bottom: 70px;
padding-right: 20px;
padding-top: 50px;
}
.single-my-event {
border-bottom: 1px solid #e0dfdc;
display: flex;
font-size: 16px;
line-height: 20px;
padding: 30px 0;
}
.single-my-event:last-of-type {
border-bottom: 0;
}
.single-my-event.single-my-workshop {
background: #2d293e;
color: #fff;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
}
.single-my-event.single-my-workshop .single-left-part,
.single-my-event.single-my-workshop a {
color: #fff;
}
.single-my-event .single-right-part > span {
background: #fff;
color: #2d293e;
}
.single-my-event.single-my-event-removed .heart-add {
display: inline-block;
}
.single-my-event.single-my-event-removed .heart-remove {
display: none;
}
.single-my-event svg {
vertical-align: middle;
}
.single-my-event a {
text-decoration: none;
color: #fff;
}
.single-my-event .heart-add {
display: none;
}
.single-my-event .single-left-part {
flex-basis: 250px;
color: #fff;
}
.single-my-event .single-left-part .s-l {
opacity: 0.5;
font-size: 14px;
}
.single-my-event .single-right-part strong {
font-size: 16px;
margin-right: 15px;
}
.single-my-event .single-right-part > span {
border-radius: 4px;
background: #fff;
color: #2d293e;
display: inline-block;
padding: 2px 8px;
margin: 0 10px 0 0;
font-size: 14px;
vertical-align: 1px;
}
.single-my-event .single-right-part .s-l {
padding-top: 12px;
}
.single-my-event > div {
flex-basis: 100%;
flex-grow: 1;
}
.single-my-event .s-l {
padding-top: 15px;
}
#couponVerified label {
padding-left: 10px;
}
#couponVerified input {
padding-left: 20px;
}
@media only screen and (max-width: 1700px) {
#my-program {
padding: 0 25px;
}
.my-event-list,
.my-program-share {
padding-right: 0;
}
body #snippet--schedule #my-program h1 {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media only screen and (max-width: 800px) {
.workshop-list-item.premium-workshop .workshop-short-desc:after {
background: linear-gradient(0deg, #fff 0, rgba(0, 0, 0, 0) 100%);
}
.workshop-list-item .workshop-short-desc {
max-height: 125px;
overflow: hidden;
position: relative;
transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.workshop-list-item .workshop-short-desc:after {
position: absolute;
content: " ";
bottom: 0;
left: 0;
right: 0;
height: 20px;
background: linear-gradient(0deg, #504d5e 0, rgba(0, 0, 0, 0) 100%);
}
.workshop-list-item .workshop-short-desc.expanded {
max-height: 5000px;
}
.webexpo-venue .venue-parties ul.parties-list,
.webexpo-venue ul.places-list {
margin-left: -32px !important;
margin-right: -32px !important;
}
.venue-kids-box {
margin-left: -20px !important;
margin-right: -20px !important;
}
.single-my-event {
display: block;
position: relative;
}
.single-my-event .single-left-part {
padding-bottom: 15px;
padding-right: 20px;
}
.single-my-event .single-left-part .s-l {
padding-top: 0;
display: inline-block;
}
.single-my-event .single-right-part svg {
position: absolute;
top: 30px;
right: 0;
}
.single-my-event .single-right-part strong {
width: 100%;
display: block;
}
.single-my-event .single-right-part > span {
margin: 5px 10px 0 0;
}
.single-my-event.single-my-workshop {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.single-my-event.single-my-workshop .single-right-part svg {
right: 20px;
}
}
@media only screen and (max-width: 620px) {
#my-program {
padding: 0 25px;
}
}
#snippet--schedule-1202 .talk-box {
min-height: 332px !important;
}
#snippet--schedule-1140 .talk-box {
min-height: 333px !important;
}
#snippet--schedule-1179 .talk-box {
min-height: 720px !important;
}
@media only screen and (max-width: 1024px) {
#snippet--schedule-1140 .talk-box,
#snippet--schedule-1179 .talk-box,
#snippet--schedule-1202 .talk-box {
min-height: 0 !important;
}
}
@media only screen and (min-width: 1025px) {
#snippet--schedule-1229 {
position: relative;
}
#snippet--schedule-1229 .talk-box {
max-height: 185px;
overflow: hidden;
transition: max-height 2s ease;
position: relative;
}
#snippet--schedule-1229 .talk-box:hover {
max-height: 1000px;
}
#snippet--schedule-1229 .talk-box:after {
content: " ";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 40px;
background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 1%, rgba(37, 92, 156, 0) 3%, rgba(255, 255, 255, 0.98) 64%, #fff 65%);
background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 1%, rgba(37, 92, 156, 0) 3%, rgba(255, 255, 255, 0.98) 64%, #fff 65%);
background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 1%, rgba(37, 92, 156, 0) 3%, rgba(255, 255, 255, 0.98) 64%, #fff 65%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#ffffff', GradientType=0);
}
}
.profile-section {
font-size: 16px;
line-height: 20px;
}
.profile-section .edit-profile {
text-decoration: none;
background-color: #f5fde7;
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
padding: 13px 35px;
color: #62c300;
font-family: "Work Sans";
font-size: 16px;
font-weight: 500;
border-bottom: none;
transition: all 0.5s ease;
border-radius: 4px;
cursor: hand;
cursor: pointer;
position: absolute;
top: 47px;
right: 0;
}
.profile-section .edit-profile:hover {
background: #52a300;
color: #fff;
}
@media only screen and (max-width: 900px) {
.profile-section .edit-profile {
position: relative;
top: auto;
right: auto;
display: block;
text-align: center;
margin-bottom: 55px;
}
}
.profile-section h1 {
font-family: MarkPro;
font-weight: 900;
text-transform: uppercase;
font-size: 45px;
margin-bottom: 100px;
}
@media only screen and (max-width: 900px) {
.profile-section h1 {
font-size: 24px;
line-height: 30px;
padding-right: 0;
margin-bottom: 20px;
}
}
.profile-section h2 {
margin-bottom: 12px;
}
@media only screen and (max-width: 900px) {
.profile-section h2 {
margin-bottom: 5px;
}
}
.profile-section p,
.profile-section ul {
margin-bottom: 32px;
text-transform: uppercase;
font-size: 16px;
line-height: 22px;
font-weight: 900;
font-family: MarkPro;
}
.profile-section p li h2,
.profile-section ul li h2 {
text-transform: none;
font-weight: 300;
font-family: "Work Sans", sans-serif;
}
@media only screen and (max-width: 900px) {
.profile-section p,
.profile-section ul {
margin-bottom: 16px;
}
}
.profile-section.own-profile h1 {
padding-right: 190px;
}
@media only screen and (max-width: 900px) {
.profile-section.own-profile h1 {
padding-right: 0;
}
}
.profile-section .profile-avatar-wrap {
display: inline-block;
position: relative;
min-height: 80px;
}
.profile-section .profile-avatar-wrap a.label,
.profile-section .profile-avatar-wrap label {
text-decoration: none;
position: absolute;
bottom: 5px;
width: 100%;
color: #fff;
background: #2d293e;
opacity: 0.75;
text-align: center;
height: 80px;
line-height: 80px;
cursor: hand;
cursor: pointer;
overflow: hidden;
}
.profile-section .profile-avatar-wrap a.label input,
.profile-section .profile-avatar-wrap label input {
position: absolute;
left: -999px;
top: -999px;
}
@media only screen and (max-width: 900px) {
.profile-section .profile-avatar {
max-width: 100%;
height: auto;
}
}
.profile-section .profile-avatar-wrap-mobile {
width: 100%;
padding: 0 25px;
}
.profile-section .profile-avatar-mobile {
width: 100%;
height: auto;
}
.profile-section .profile-single-section {
border-bottom: 1px solid #e0dfdc;
overflow: hidden;
padding: 60px 0 80px;
font-size: 16px;
position: relative;
}
@media only screen and (max-width: 900px) {
.profile-section .profile-single-section {
padding: 20px 0 40px;
}
}
.profile-section .profile-single-section .profile-info {
position: relative;
overflow: hidden;
}
.profile-section .profile-single-section.profile-socials ul {
overflow: hidden;
padding-bottom: 70px;
margin: 0 -25px;
}
.profile-section .profile-single-section.profile-socials ul li {
width: 50%;
float: left;
padding: 0 25px;
}
@media only screen and (max-width: 900px) {
.profile-section .profile-single-section.profile-socials ul li {
width: 100%;
}
}
.profile-section .profile-single-section:last-of-type {
border-bottom: none;
}
@media only screen and (max-width: 900px) {
body #footer {
position: relative;
}
body #footer .row .grid-6 > .f-r {
width: 100%;
}
body #footer .row .grid-6 > .f-r #footer-menu.f-r {
float: left !important;
}
body #footer .row .grid-6 > .f-r #footer-menu.f-r .ta-r {
text-align: left !important;
}
body #footer .row .grid-6 > .f-r #footer-menu.f-r a,
body #footer .row .grid-6 > .f-r #footer-previous-year ul li a {
margin-top: 10px;
display: inline-block;
}
body #footer .row .grid-6 > .f-r #footer-email {
float: left;
margin-top: -40px;
}
}
.green-button {
text-decoration: none;
background-color: #f5fde7;
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
padding: 13px 35px;
color: #62c300;
font-family: "Work Sans";
font-size: 16px;
font-weight: 500;
border-bottom: none;
transition: all 0.5s ease;
border-radius: 4px;
cursor: hand;
cursor: pointer;
}
.green-button:hover {
background: #52a300;
color: #fff;
}
#frm-passwordSettingsForm-form,
#frm-resetPasswordForm-form {
text-align: center;
}
#frm-passwordSettingsForm-form .nice-text-input,
#frm-resetPasswordForm-form .nice-text-input {
float: none;
text-align: left;
width: 355px;
}
#frm-passwordSettingsForm-form .button.big-button,
#frm-resetPasswordForm-form .button.big-button {
font-size: 16px;
margin-top: 50px;
line-height: 19px;
padding: 15px 25px;
color: #fff;
text-transform: none;
font-weight: 400;
min-width: 240px;
transition: background 0.5s ease;
background: #62c300;
border-radius: 4px;
}
#frm-passwordSettingsForm-form .button.big-button:hover,
#frm-resetPasswordForm-form .button.big-button:hover {
background: #52a300;
}
#frm-resetPasswordForm-form {
max-width: 340px;
margin: auto;
}
#frm-resetPasswordForm-form .button.big-button {
text-decoration: none;
background-color: #f5fde7;
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
padding: 13px 35px;
color: #62c300;
font-family: "Work Sans";
font-size: 16px;
font-weight: 500;
border-bottom: none;
transition: all 0.5s ease;
border-radius: 4px;
cursor: hand;
cursor: pointer;
width: auto;
margin-top: 0;
}
#frm-resetPasswordForm-form .button.big-button:hover {
background: #52a300;
color: #fff;
}
.profile-edit-form {
overflow: hidden;
}
.profile-edit-form .nice-text-input {
width: 100%;
margin-bottom: 30px;
}
.profile-edit-form .nice-text-input:last-of-type {
margin-bottom: 0;
}
.profile-edit-form .nice-text-input input {
width: 100%;
}
.profile-edit-form .nice-select {
width: 100%;
float: left;
margin-top: 30px;
}
.profile-edit-form .own-1,
.profile-edit-form .own-2,
.profile-edit-form .own-3 {
overflow: hidden;
width: 355px;
}
.profile-edit-form .radio-inline span {
top: 3.7px;
left: 9px;
}
.profile-edit-form #frm-personalSettingsForm-form-headSpecialization- {
margin-top: 30px;
}
.profile-edit-form label {
text-transform: none;
font-weight: 400;
}
.profile-edit-form .profile-socials ul li {
padding-bottom: 30px !important;
}
.profile-edit-form .green-button {
cursor: hand;
cursor: pointer;
margin-bottom: 100px;
}
.profile-edit-form h1 {
padding-right: 0 !important;
}
@media only screen and (max-width: 900px) {
.profile-edit-form .profile-avatar {
margin-top: 40px;
}
}
@media only screen and (max-width: 900px) {
.profile-edit-form .profile-spec .grid-6:last-of-type {
margin-top: 50px;
}
}
.webexpo-venue {
max-width: 1064px;
margin: 0 auto;
font-size: 16px;
line-height: 20px;
padding: 0 20px 150px;
}
@media only screen and (max-width: 750px) {
.webexpo-venue {
font-size: 14px;
line-height: 18px;
padding-bottom: 25px;
}
}
.webexpo-venue h2 {
font-size: 24px;
line-height: 36px;
font-weight: 900;
text-transform: uppercase;
font-family: Ladislav-Bold;
margin-bottom: 20px;
}
@media only screen and (max-width: 750px) {
.webexpo-venue h2 {
font-size: 16px;
line-height: 20px;
}
}
.webexpo-venue h3 {
text-transform: uppercase;
font-family: Ladislav-Bold;
font-size: 16px;
font-weight: 900;
line-height: 32px;
margin-bottom: 7px;
}
.webexpo-venue .venue-map {
height: 550px;
padding: 150px 0 0;
margin-top: -165px;
background: url(../img/venue/mapa_velka.png) right -60px top no-repeat;
}
.webexpo-venue .venue-map h1 {
margin-bottom: 50px;
font-size: 40px;
line-height: 55px;
font-weight: 900;
text-transform: uppercase;
font-family: Ladislav-Bold;
}
.webexpo-venue .venue-map p {
max-width: 500px;
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-map {
background: url(../img/venue/mapa_mala.png) center top no-repeat;
margin-right: -25px;
margin-left: -25px;
padding-left: 25px;
}
.webexpo-venue .venue-map h1 {
margin-top: 15px;
font-size: 24px;
line-height: 30px;
margin-bottom: 25px;
}
.webexpo-venue .venue-map p {
font-size: 14px;
line-height: 18px;
width: 50%;
}
}
.webexpo-venue.webexpo-kids .venue-map {
background: url(../img/kids/1D.png) right -165px top no-repeat;
}
@media only screen and (max-width: 600px) {
.webexpo-venue.webexpo-kids .venue-map {
background: url(../img/kids/1M.png) right 0 top 100px no-repeat;
height: auto;
}
.webexpo-venue.webexpo-kids .venue-map p {
width: 60%;
}
}
.webexpo-venue .venue-transport {
padding-bottom: 105px;
margin-top: -50px;
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-transport {
margin-top: -70px;
padding-bottom: 20px;
}
}
.webexpo-venue .venue-transport ul.venue-transport-means {
display: flex;
margin: 70px -40px 0;
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-transport ul.venue-transport-means {
display: block;
margin-top: 0;
}
}
.webexpo-venue .venue-transport ul.venue-transport-means li {
flex-basis: 100%;
padding: 0 40px;
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-transport ul.venue-transport-means li {
text-align: center;
}
.webexpo-venue .venue-transport ul.venue-transport-means li:nth-of-type(1) img {
height: 27px;
margin-bottom: 20px;
}
.webexpo-venue .venue-transport ul.venue-transport-means li:nth-of-type(2) img {
height: 22px;
margin-bottom: 20px;
}
.webexpo-venue .venue-transport ul.venue-transport-means li:nth-of-type(3) img {
height: 22px;
margin-bottom: 20px;
}
}
.webexpo-venue .venue-transport ul.venue-transport-means li p {
margin-top: 35px;
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-transport ul.venue-transport-means li p {
text-align: left;
margin-top: 0;
margin-bottom: 25px;
}
}
.webexpo-venue .venue-transport ul.venue-transport-means li.sep {
position: relative;
}
.webexpo-venue .venue-transport ul.venue-transport-means li.sep:after,
.webexpo-venue .venue-transport ul.venue-transport-means li.sep:before {
position: absolute;
background: #e0dfdc;
height: 75px;
width: 1px;
content: " ";
left: -0.5px;
top: 50%;
margin-top: -37.5px;
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-transport ul.venue-transport-means li.sep:after,
.webexpo-venue .venue-transport ul.venue-transport-means li.sep:before {
display: none;
}
}
.webexpo-venue .venue-transport ul.venue-transport-means li.sep:after {
left: auto;
right: 1px;
}
.webexpo-venue .venue-halls,
.webexpo-venue .venue-networking,
.webexpo-venue .venue-parties {
padding-bottom: 90px;
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-halls {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-networking {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-parties {
padding-bottom: 20px;
}
}
.webexpo-venue .venue-parties ul.parties-list {
overflow: hidden;
margin: 45px -10px 0;
}
.webexpo-venue .venue-parties ul.parties-list li {
width: 50%;
float: left;
padding: 0 10px 20px;
}
.webexpo-venue .venue-parties ul.parties-list li.full {
width: 100%;
}
.webexpo-venue .venue-parties ul.parties-list li .party-info {
background: #2d293e;
color: #fff;
min-height: 450px;
padding: 25px;
background-size: cover !important;
position: relative;
}
.webexpo-venue .venue-parties ul.parties-list li .party-info .party-info-inner {
position: absolute;
left: 25px;
bottom: 15px;
}
.webexpo-venue .venue-parties ul.parties-list li .party-info h3 {
font-size: 24px;
line-height: 36px;
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-parties ul.parties-list li .party-info h3 {
font-size: 16px;
line-height: 20px;
}
}
.webexpo-venue .venue-parties ul.parties-list li .party-info p {
margin-bottom: 20px;
max-width: 570px;
}
.webexpo-venue .venue-parties ul.parties-list li .party-info p a {
color: #fff;
text-decoration: underline;
}
.webexpo-venue .venue-parties ul.parties-list li .party-info p a:hover {
text-decoration: none;
}
.webexpo-venue .venue-parties ul.parties-list li.party-1 > .party-info {
background: url(../img/venue/desktop/webexpo-parties/1.png) center no-repeat;
}
.webexpo-venue .venue-parties ul.parties-list li.party-2 > .party-info {
background: url(../img/venue/desktop/webexpo-parties/2.png) center no-repeat;
}
.webexpo-venue .venue-parties ul.parties-list li.party-3 > .party-info {
background: url(../img/venue/desktop/webexpo-parties/3.png) center no-repeat;
}
.webexpo-venue .venue-parties ul.parties-list li.party-4 > .party-info {
background: url(../img/venue/desktop/webexpo-parties/4.png) center no-repeat;
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-parties ul.parties-list li {
width: 100%;
}
.webexpo-venue .venue-parties ul.parties-list li.party-3 {
padding-bottom: 0;
position: relative;
}
.webexpo-venue .venue-parties ul.parties-list li.party-4 > .party-info {
padding-top: 40px;
}
}
.webexpo-venue .venue-kids ul.venue-kids-workshops {
display: flex;
margin: 45px -17px 0;
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-kids ul.venue-kids-workshops {
display: block;
}
}
.webexpo-venue .venue-kids ul.venue-kids-workshops li {
flex-basis: 100%;
padding: 0 17px;
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-kids ul.venue-kids-workshops li {
padding-bottom: 25px;
}
}
.webexpo-venue .venue-kids .venue-kids-box {
height: 380px;
padding: 20px 25px;
color: #fff;
margin-top: 45px;
background: url(../img/venue/desktop/kids/1.png) center no-repeat;
background-size: cover;
position: relative;
}
.webexpo-venue .venue-kids .venue-kids-box .venue-kids-box-inner {
position: absolute;
bottom: 15px;
left: 25px;
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-kids .venue-kids-box {
background: url(../img/venue/mobil/kids/1.png) center no-repeat;
background-size: cover;
}
}
.webexpo-venue .venue-kids .venue-kids-box h3 {
font-size: 24px;
line-height: 36px;
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-kids .venue-kids-box h3 {
font-size: 16px;
line-height: 20px;
}
}
.webexpo-venue .venue-kids .venue-kids-box p {
margin-bottom: 20px;
max-width: 340px;
}
.webexpo-venue .venue-kids .venue-kids-box a.green-button {
display: inline-block;
text-align: center;
}
@media only screen and (max-width: 750px) {
.webexpo-venue .venue-kids .venue-kids-box a.green-button {
font-size: 14px;
padding: 10px 15px;
}
}
.webexpo-venue ul.places-list {
margin: 40px -12px 0;
display: flex;
flex-wrap: wrap;
}
.webexpo-venue ul.places-list li {
padding: 0 12px 23px;
flex: 1 0 26%;
}
@media only screen and (max-width: 750px) {
.webexpo-venue ul.places-list li {
flex: 1 0 100%;
padding-bottom: 12px;
}
}
.webexpo-venue ul.places-list li div {
height: 240px;
background: #2d293e;
color: #fff;
padding: 25px;
font-size: 24px;
line-height: 32px;
font-family: Ladislav-Bold;
font-weight: 900;
text-transform: uppercase;
background-size: cover !important;
}
@media only screen and (max-width: 750px) {
.webexpo-venue ul.places-list li div {
height: 200px;
font-size: 16px;
line-height: 20px;
}
}
.webexpo-venue ul.places-list li.place-1 > div {
background: url(../img/venue/desktop/luceture-halls/1.png) center no-repeat;
}
.webexpo-venue ul.places-list li.place-2 > div {
background: url(../img/venue/desktop/luceture-halls/2.png) center no-repeat;
}
.webexpo-venue ul.places-list li.place-3 > div {
background: url(../img/venue/desktop/luceture-halls/3.png) center no-repeat;
}
.webexpo-venue ul.places-list li.place-0 > div {
background: url(../img/venue/desktop/luceture-halls/0.png) center no-repeat;
}
.webexpo-venue ul.places-list li.place-4 > div {
background: url(../img/venue/desktop/luceture-halls/4.png) center no-repeat;
}
.webexpo-venue ul.places-list li.place-5 > div {
background: url(../img/venue/desktop/luceture-halls/5.png) center no-repeat;
}
.webexpo-venue ul.places-list li.place-6 > div {
background: url(../img/venue/desktop/luceture-halls/6.png) center no-repeat;
}
.webexpo-venue ul.places-list li.networking-1 > div {
background: url(../img/venue/desktop/networking-places/1.png) center no-repeat;
}
.webexpo-venue ul.places-list li.networking-2 > div {
background: url(../img/venue/desktop/networking-places/2.png) center no-repeat;
}
.webexpo-venue ul.places-list li.networking-3 > div {
background: url(../img/venue/desktop/networking-places/3.png) center no-repeat;
}
.object-box {
z-index: -1;
width: 500px;
height: 500px;
text-align: center;
position: absolute;
right: 0;
top: 20px;
-webkit-animation: mover 8s infinite alternate;
animation: mover 8s infinite alternate;
}
@media only screen and (max-width: 1200px) {
.object-box {
display: none;
}
}
.object-box.object-box-2 {
-webkit-animation: mover2 8s infinite alternate;
animation: mover2 8s infinite alternate;
left: -30px;
top: -210px;
}
.object-box.object-box-3 {
-webkit-animation: mover3 8s infinite alternate;
animation: mover3 8s infinite alternate;
right: 50%;
top: 500px;
margin-right: 150px;
}
.object-box:hover {
animation-play-state: paused;
}
#svg,
#svg2,
#svg3 {
position: absolute;
top: 0;
left: 0;
width: 500px;
height: 500px;
opacity: 0;
visibility: hidden;
transition: opacity 1s ease, transform 0.2s ease;
}
#star,
#star2,
#star3 {
stroke: #fff;
stroke-width: 1;
stroke-linejoin: round;
fill: none;
}
#inner,
#inner2,
#inner3 {
stroke: #fff;
stroke-width: 1;
stroke-linejoin: round;
fill: none;
pointer-events: none;
}
.marker,
.marker2,
.marker3 {
opacity: 0;
pointer-events: none;
}
.handle,
.handle2,
.handle3 {
opacity: 0;
}
.events-kids p {
margin-bottom: 20px;
}
.kids-talks-wrap {
margin-top: -50px;
}
@media only screen and (max-width: 600px) {
.kids-talks-wrap {
margin-top: 50px;
}
}
ul.kids-talks {
margin: 20px -16px;
overflow: hidden;
}
ul.kids-talks li {
width: 33.332%;
float: left;
padding: 16px;
overflow: hidden;
}
@media only screen and (max-width: 750px) {
ul.kids-talks li {
width: 100%;
}
}
ul.kids-talks li div {
background-color: #f4f4ee;
padding: 22px;
}
ul.kids-talks li div .kids-talk-age {
padding-bottom: 16px;
}
ul.kids-talks li div .kids-talk-age span {
background-color: rgba(45, 41, 62, 0.15);
display: inline-block;
padding: 3px 10px;
}
ul.kids-talks li div .kids-talk-name {
padding-bottom: 16px;
font-size: 16px;
line-height: 20px;
}
ul.kids-talks li div .kids-talk-term span {
float: right;
}
.more-kids {
padding-top: 25px;
}
.workshop-list-item.microsoft-workshop .workshop-list-speaker {
display: none;
}
.workshop-list-item.microsoft-workshop .workshop-top-info {
padding-left: 0;
}
.workshop-list-item.microsoft-workshop a.button {
color: #fff;
background: #62c300;
border-radius: 4px;
box-shadow: none;
}
.workshop-list-item.microsoft-workshop a.button:hover {
background: #52a300;
}
.webexpo-venue.webexpo-kids .venue-parties ul.parties-list li.party-1 .party-info {
background-image: url(../img/kids/2D.png);
}
.webexpo-venue.webexpo-kids .venue-parties ul.parties-list li.party-2 .party-info {
background-image: url(../img/kids/3D.png);
}
#kids.after-we {
margin-top: 120px;
}
@media only screen and (max-width: 620px) {
#kids.after-we {
margin-top: 0;
}
}
#about.after-we {
padding-top: 30px;
}
@media only screen and (max-width: 620px) {
#about.after-we {
margin-top: 0;
}
}
#about.after-we .grid-12 {
position: relative;
padding-right: 500px;
}
@media only screen and (max-width: 900px) {
#about.after-we .grid-12 {
padding-right: 25px;
}
}
#about.after-we .grid-12 .gallery {
position: absolute;
top: 0;
right: 25px;
}
#about.after-we .grid-12 .gallery img {
vertical-align: middle;
}
#about.after-we .grid-12 .gallery:after {
position: absolute;
content: " ";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
border-radius: 6px;
background: #ff0101;
opacity: 0;
transition: opacity 0.5s ease;
pointer-events: none;
}
#about.after-we .grid-12 .gallery:hover:after {
opacity: 0.1;
}
@media only screen and (max-width: 900px) {
#about.after-we .grid-12 .gallery {
position: relative;
right: 0;
max-width: 100%;
}
#about.after-we .grid-12 .gallery img {
max-width: 100%;
margin-bottom: 20px;
}
}
#videos.after-we {
margin-top: 150px;
padding-top: 100px;
}
@media only screen and (max-width: 620px) {
#videos.after-we {
margin-top: 0;
padding-top: 60px;
}
}
.button {
text-transform: uppercase;
display: inline-block;
font-weight: 900;
cursor: pointer;
cursor: hand;
}
.button.small-button {
line-height: 25px;
padding: 10px 15px 7px;
}
.button.big-button {
padding: 25px 40px;
}
.button.big-button.button-wide {
padding: 20px 50px;
}
.button.big-button.coupon-button {
padding: 22px 40px;
}
.button.b-ch {
overflow: hidden;
position: relative;
transition: background-color 0.5s ease-in;
}
.button.b-ch .b-ch-s {
margin-top: 105px;
width: 140%;
position: absolute;
top: 0;
animation: linear infinite;
animation-name: chb;
animation-duration: 8s;
fill: #fff;
}
.button.b-ch:hover {
background: #fff;
}
@keyframes chb {
0% {
transform: translate(-200%, -20%);
}
100% {
transform: translate(100%, -80%);
}
}
#scroll-indicator {
width: 100%;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
height: 4px;
transition: height 0.25s ease-in;
z-index: 20;
}
#scroll-indicator.not-active {
height: 0;
}
#scroll-indicator > span {
width: 100%;
height: 4px;
display: block;
text-indent: -9999px;
background-color: #ff1b15;
}
#header {
padding: 30px 0 135px;
height: 140px;
}
.main-navigation a {
text-decoration: none;
padding: 10px 0;
}
.main-navigation a:hover {
border-bottom: 1px solid #fff;
}
.main-navigation .current a {
color: #ff0101;
border-bottom: 1px solid #ff0101;
font-weight: 700;
}
.main-navigation ul {
width: 100%;
}
@media only screen and (max-width: 1000px) {
.main-navigation ul {
padding-right: 150px;
}
}
.main-navigation ul li {
display: inline-block;
padding: 0 20px;
}
@media only screen and (max-width: 1200px) {
.main-navigation ul li {
padding: 0 10px;
}
}
@media only screen and (max-width: 1000px) {
body #scroll-menu .main-navigation li.nun a,
.button.header-buy {
padding: 6px 4px 6px 8px;
font-size: 14px;
}
.main-navigation svg {
margin-left: 0;
}
.main-navigation ul li {
padding: 0 5px;
}
}
.main-navigation ul li.header-buy-button a {
background-color: #f5fde7;
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
padding: 13px 16px;
color: #62c300;
font-family: "Work Sans";
font-size: 16px;
font-weight: 500;
border-bottom: none;
transition: all 0.5s ease;
border-radius: 4px;
}
.main-navigation ul li.header-buy-button a:hover {
background: #52a300;
color: #fff;
}
.main-navigation ul li.header-buy-button a:hover svg path,
.main-navigation ul li.header-buy-button a:hover svg polygon {
fill: #52a300;
stroke: #fff;
}
.main-navigation ul li.header-buy-button a svg {
vertical-align: -7px;
}
.main-navigation ul li.header-buy-button a svg path,
.main-navigation ul li.header-buy-button a svg polygon {
fill: #f5fde7;
stroke: #62c300;
transition: all 0.5s ease;
}
@media only screen and (max-width: 700px) {
.button.header-buy {
padding: 8px;
}
}
@media only screen and (max-width: 700px) {
.button.header-buy span {
display: none;
}
}
@media only screen and (max-width: 500px) {
.button.header-buy svg {
display: none;
}
}
#scroll-menu .main-navigation a {
padding: 15px 0;
}
#scroll-menu .main-navigation a:hover {
border-top: 1px solid #fff;
border-bottom: none;
}
#scroll-menu .main-navigation .current a {
border-top: 1px solid #ff0101;
border-bottom: none;
}
#scroll-menu .main-navigation ul li.header-buy-button a {
padding: 15px 16px;
border-radius: 0;
}
#jumbo {
width: auto;
clear: both;
}
.expo-line {
width: 135px;
height: 1px;
background: #2d293e;
display: inline-block;
vertical-align: middle;
margin: 0 8px;
}
#jumbo .we-logo {
font-family: Ladislav-Bold;
text-shadow: #979797 2px 0 0, #979797 1.76px 0.96px 0, #979797 1.08px 1.68px 0, #979797 0.14px 1.99px 0, #979797 -0.83px 1.82px 0, #979797 -1.6px 1.2px 0, #979797 -1.98px 0.28px 0, #979797 -1.87px -0.7px 0, #979797 -1.31px -1.51px 0,
#979797 -0.42px -1.96px 0, #979797 0.57px -1.92px 0, #979797 1.42px -1.41px 0, #979797 1.92px -0.56px 0;
color: #2d293e;
font-size: 130px;
line-height: 130px;
letter-spacing: 2px;
}
.expo-subtext {
border-left: 1px solid #2d293e;
position: relative;
}
.expo-subtext:before {
content: "{";
display: block;
position: absolute;
bottom: -30px;
left: -3px;
transform: rotate(270deg);
font-size: 27px;
}
.jumbo-video {
position: relative;
}
.jumbo-video .al {
position: absolute;
bottom: -80px;
right: 120px;
width: 1100px;
text-align: right;
}
.jumbo-video .al strong {
font-weight: 900;
}
.jumbo-video .al span {
display: inline-block;
}
#jumbo {
padding: 0 70px 150px;
max-width: 1310px;
margin: auto;
}
@media only screen and (max-width: 630px) {
#jumbo {
padding-bottom: 30px;
}
}
#jumbo .row {
position: relative;
z-index: 10;
}
#jumbo .we-stats {
font-family: Ladislav-Bold;
font-size: 16px;
line-height: 20px;
color: #979797;
margin-bottom: 15px;
padding-right: 100px;
}
@media only screen and (max-width: 630px) {
#jumbo .we-stats {
padding-right: 0;
}
}
#jumbo .event-location {
margin-bottom: 20px;
font-size: 18px;
font-family: Ladislav-Bold;
padding-right: 100px;
}
#jumbo .event-desc,
#jumbo .event-logo {
padding-right: 100px;
}
@media only screen and (max-width: 630px) {
#jumbo .event-logo {
padding-right: 0;
}
}
#community {
padding-bottom: 140px;
}
#community-text {
max-width: 430px;
}
.social-showcase a {
color: #2d293e;
}
.social-showcase a > * {
opacity: 0.4;
transition: opacity 1s ease-in-out;
}
.social-showcase a img {
transition: filter 1s ease-in-out, opacity 1s ease-in-out, box-shadow 1s ease-in-out;
max-width: 100%;
}
.social-showcase a:hover > * {
opacity: 1;
z-index: 9;
position: relative;
}
.social-showcase a:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.4);
}
.hash {
position: absolute;
right: 25px;
}
#videoguide {
padding: 0 0 350px;
}
#video-list-wrap {
height: 410px;
}
ul#video-list {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
top: 0;
white-space: nowrap;
z-index: 12;
}
ul#video-list li {
display: inline-block;
position: relative;
padding: 0 10px;
}
ul#video-list li:hover {
z-index: 12;
}
ul#video-list li a {
position: relative;
overflow: hidden;
display: block;
}
ul#video-list li a .hexagon {
opacity: 0;
transition: opacity 1s ease;
}
ul#video-list li a:hover {
z-index: 12;
}
ul#video-list li a:hover .hexagon {
opacity: 1;
}
ul#video-list li .video-desc {
position: absolute;
left: 20px;
width: 450px;
top: 500px;
opacity: 0;
transition: opacity 0.5s ease;
}
ul#video-list li:hover .video-desc {
display: block;
opacity: 1;
}
.video-desc {
width: calc(100% - 500px);
}
.hexagon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70px;
height: 40.41px;
background-color: red;
z-index: 9;
}
.hexagon:after,
.hexagon:before {
content: "";
position: absolute;
width: 0;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
}
.hexagon:before {
bottom: 100%;
border-bottom: 14px solid red;
}
.hexagon:after {
top: 100%;
width: 0;
border-top: 14px solid red;
}
.arrow-right {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#quote {
color: #2d293e;
padding: 230px 70px;
}
#quote .single-quote-author {
font-size: 32px;
line-height: 55px;
}
#quote .single-quote-content {
margin-top: 35px;
font-size: 30px;
line-height: 45px;
}
#tickets .container {
max-width: 978px;
}
#partners {
padding: 140px 0 200px;
}
#partners .container {
max-width: 978px;
}
#partners h4 {
font-size: 16px;
line-height: 32px;
margin-top: 50px;
clear: both;
}
ul.partner-list {
padding-top: 20px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0 -40px;
overflow: hidden;
}
ul.partner-list li {
vertical-align: middle;
display: inline-block;
padding: 10px 40px;
}
ul.partner-list li a {
transition: opacity 1s ease;
opacity: 0.2;
}
ul.partner-list li a img {
-webkit-filter: grayscale(100%) !important;
filter: grayscale(100%) !important;
}
ul.partner-list li a:hover {
opacity: 0.8;
}
#videos {
padding: 120px 0 0;
border-top: 1px dashed #fffff9;
margin-top: 140px;
position: relative;
overflow: visible;
}
#videos .mark {
position: absolute;
top: -10px;
left: 50%;
margin-left: -600px;
}
@media only screen and (max-width: 1250px) {
#videos .mark {
margin-left: -250px;
}
}
@media only screen and (max-width: 620px) {
#videos .mark {
display: none;
}
}
#videos .mark .a {
position: absolute;
border-left: 1px solid #fff;
width: 1px;
height: 24px;
left: 50px;
top: 0;
}
#videos .mark .b {
border: 1px solid #fff;
width: 10px;
height: 10px;
border-radius: 10px;
left: 50px;
top: 24px;
position: absolute;
display: inline-block;
transform: translate(-5px, 0);
}
#videos .mark .c {
font-size: 14px;
line-height: 16px;
padding: 7px 14px;
margin-top: 45px;
color: #fffff9;
background: rgba(255, 255, 249, 0.05);
display: inline-block;
}
#videos .container {
max-width: 978px;
}
#videos .grid-12 {
position: relative;
}
#videos h3 {
padding-right: 200px;
}
#videos .button {
position: absolute;
top: 0;
right: 25px;
width: auto;
display: inline-block;
padding: 10px 15px;
border-radius: 4px;
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
background-color: #62c300;
color: #fff;
}
#videos .button:hover {
background: #52a300;
}
ul.video-list {
padding: 70px 0 40px;
overflow: hidden;
display: flex;
margin: 0 -10px;
}
ul.video-list li {
flex-grow: 1;
padding: 0 10px;
flex-basis: 0;
}
ul.video-list li a {
display: block;
margin-bottom: 40px;
text-decoration: none;
position: relative;
}
ul.video-list li a:after {
content: " ";
display: block;
background: url(../img/vid_play.svg);
background-size: contain;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 1;
z-index: 10;
transition: opacity 0.5s ease;
}
ul.video-list li a:before {
position: absolute;
content: " ";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 5px;
z-index: 9;
border-radius: 6px;
background: #ff0101;
opacity: 0;
transition: opacity 0.5s ease;
pointer-events: none;
}
ul.video-list li a:hover:before {
opacity: 0.1;
}
ul.video-list li img {
width: 100%;
border-radius: 10px;
}
ul.video-list li span {
opacity: 0;
padding-top: 20px;
display: block;
transition: opacity 0.5s ease;
font-size: 16px;
position: absolute;
line-height: 22px;
}
ul.video-list li:hover span {
opacity: 1;
}
#speakers {
padding: 70px 0 120px;
}
#speakers .container {
max-width: 978px;
}
ul.speakers-list {
padding: 0;
overflow: hidden;
margin: 0 -10px;
}
ul.speakers-list li {
width: 20%;
float: left;
padding: 10px 10px 40px;
position: relative;
}
ul.speakers-list li a {
display: block;
overflow: hidden;
text-decoration: none;
background: #2d293e;
position: relative;
text-align: center;
}
ul.speakers-list li a:hover .pic:after {
opacity: 0.1;
}
ul.speakers-list li a:hover span.button {
background: #52a300;
}
ul.speakers-list li .pic {
display: block;
position: relative;
border-radius: 6px;
max-height: 239px;
overflow: hidden;
}
ul.speakers-list li .pic:after {
position: absolute;
content: " ";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
border-radius: 6px;
background: #ff0101;
opacity: 0;
transition: opacity 0.5s ease;
pointer-events: none;
}
ul.speakers-list li img {
width: 100%;
margin-bottom: -5px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
mix-blend-mode: screen;
border-radius: 6px;
}
ul.speakers-list li h4 {
color: #fff;
font-size: 14px;
line-height: 18px;
padding-top: 20px;
font-family: MarkPro;
}
ul.speakers-list li span {
color: #fff;
display: block;
font-size: 12px;
line-height: 16px;
padding-top: 10px;
}
ul.speakers-list li span.button {
transition: all 0.5s ease;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 4px;
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
background-color: #62c300;
color: #fff;
padding: 10px 15px;
font-size: 14px;
font-weight: 600;
text-transform: none;
}
ul.speakers-list li.all a {
cursor: pointer;
cursor: hand;
}
ul.speakers-list li.all a:hover:after {
opacity: 0.1;
}
#about {
padding: 135px 0 0;
}
#tickets {
padding: 0 0 80px;
position: relative;
}
#tickets .container {
position: relative;
z-index: 10;
}
#tickets .arkanoid-animation {
position: absolute;
bottom: 30px;
left: -60px;
right: -60px;
z-index: 3;
}
@media only screen and (max-width: 1000px) {
#tickets .arkanoid-animation {
display: none;
}
}
#tickets .arkanoid-animation .p {
background: #fffff9;
left: 0;
bottom: 0;
width: 60px;
height: 8px;
position: absolute;
}
#tickets .arkanoid-animation .b {
background: #fffff9;
width: 17px;
height: 17px;
border-radius: 17px;
position: absolute;
left: 0;
bottom: 8px;
}
.ticket-levels .ticket-level {
padding: 35px 0;
}
.ticket-levels .ticket-level svg.info {
margin: 0 0 -40px -45px;
position: absolute;
}
@media only screen and (max-width: 620px) {
.ticket-levels .ticket-level svg.info {
display: none;
}
}
.ticket-levels .ticket-level.last-level {
border-bottom: none;
}
.ticket-levels .ticket-level a.button.button-tickets {
width: 100%;
display: block;
padding: 10px 15px;
border-radius: 4px;
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
background-color: #62c300;
color: #fff;
}
.ticket-levels .ticket-level a.button.button-tickets strong {
float: right;
}
.ticket-levels .ticket-level a.button.button-tickets:hover {
background: #52a300;
}
.ticket-levels .ticket-level a.button.button-tickets.button-tickets-faded {
color: #62c300;
background: #f5fde7;
}
.ticket-levels .ticket-level a.button.button-tickets.button-tickets-faded:hover {
background-color: #62c300;
color: #fff;
}
.ticket-levels .ticket-level .button-next {
display: block;
width: 100%;
font-size: 16px;
line-height: 22px;
padding: 10px 15px;
clear: both;
opacity: 0.5;
margin-top: 10px;
cursor: inherit;
text-transform: none;
font-weight: 400;
transition: opacity 0.5s ease;
}
.ticket-levels .ticket-level .button-next strong {
float: right;
}
.ticket-levels .ticket-level .has-line {
margin-bottom: 10px;
padding-bottom: 10px;
position: relative;
display: block;
}
.ticket-levels .ticket-level .has-line:after {
display: block;
position: absolute;
content: " ";
width: 80px;
height: 1px;
border-bottom: 1px solid #2d293e;
bottom: 0;
left: 0;
}
.ticket-levels .ticket-level .next-to-line {
margin-bottom: 20px;
display: block;
}
.ticket-levels .ticket-level .info-box {
display: block;
overflow: visible;
clear: both;
background: rgba(255, 255, 249, 0.06);
padding: 24px;
margin-top: 35px;
position: relative;
}
.ticket-levels .ticket-level .info-box:after {
display: block;
content: " ";
top: -10px;
left: 50px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px;
border-color: transparent transparent rgba(255, 255, 249, 0.06);
position: absolute;
}
.ticket-levels .ticket-level p {
padding-bottom: 5px;
}
#venue {
padding-bottom: 100px;
padding-top: 200px;
}
@media only screen and (max-width: 630px) {
#venue {
padding-top: 30px;
}
}
#venue .container {
max-width: 978px;
}
#venue .row > div {
position: relative;
}
#venue p {
max-width: 700px;
}
#venue h3 {
padding-right: 150px;
}
#venue .floorplan {
margin-top: 80px;
}
#venue .floorplan .plan img {
width: 100%;
}
#venue .floorplan .desc {
opacity: 0.5;
color: #fffffc;
font-family: "Work Sans";
font-size: 14px;
line-height: 16px;
padding-bottom: 40px;
}
#venue .button {
position: absolute;
top: 0;
right: 25px;
width: auto;
display: inline-block;
padding: 10px 15px;
border-radius: 4px;
box-shadow: 0 8px 24px -8px rgba(98, 195, 0, 0.4);
background-color: #62c300;
color: #fff;
}
#venue .button:hover {
background: #52a300;
}
#kids {
position: relative;
padding-bottom: 80px;
overflow: visible;
min-height: 620px;
padding-top: 80px;
}
@media only screen and (max-width: 1000px) {
#kids {
padding-top: 0;
padding-bottom: 0;
min-height: 0;
}
#kids .kids-bg {
display: none;
}
}
#kids .container {
max-width: 978px;
position: relative;
z-index: 10;
}
#kids .row > div {
padding-right: 250px;
}
@media only screen and (max-width: 1000px) {
#kids .row > div {
padding-right: 25px;
}
}
#kids ol {
list-style: none;
position: relative;
}
#kids ol:after {
width: 273px;
height: 350px;
position: absolute;
background: url(../img/kids-mobile.png) center no-repeat;
content: " ";
top: -50px;
right: -300px;
display: none;
}
@media only screen and (max-width: 1000px) {
#kids ol:after {
position: relative;
width: 100%;
top: auto;
margin-top: 30px;
right: auto;
display: block;
clear: both;
}
}
#kids ol li {
width: 50%;
float: left;
padding-right: 50px;
padding-left: 0;
position: relative;
}
@media only screen and (max-width: 500px) {
#kids ol li {
width: 100%;
padding-right: 0;
}
}
#kids .mark {
position: absolute;
top: -10px;
left: 50%;
margin-left: -600px;
}
@media only screen and (max-width: 1250px) {
#kids .mark {
margin-left: -250px;
}
}
@media only screen and (max-width: 620px) {
#kids .mark {
display: none;
}
}
#kids .mark .a {
position: absolute;
border-left: 1px solid #fff;
width: 1px;
height: 24px;
left: 50px;
top: 0;
}
#kids .mark .b {
border: 1px solid #fff;
width: 10px;
height: 10px;
border-radius: 10px;
left: 50px;
top: 24px;
position: absolute;
display: inline-block;
transform: translate(-5px, 0);
}
#kids .mark .c {
font-size: 14px;
line-height: 16px;
padding: 7px 14px;
margin-top: 45px;
color: #fffff9;
background: rgba(255, 255, 249, 0.05);
display: inline-block;
}
#kids .mark.mark-1 {
margin-left: 280px;
transform: rotate(12deg);
top: -120px;
}
#kids .mark.mark-1 .a {
margin-top: 86px;
left: 60px;
height: 100px;
}
#kids .mark.mark-1 .b {
top: 75px;
left: 60px;
}
#kids .mark.mark-1 .c {
margin-top: 0;
}
#kids .mark.mark-2 {
transform: rotate(-13.5deg);
margin-left: -600px;
top: 50px;
}
@media only screen and (max-width: 1300px) {
#kids .mark.mark-2 {
margin-left: 0;
left: 30px;
}
}
#kids .mark.mark-2 .a {
left: auto;
right: 160px;
top: -15px;
height: 39px;
}
#kids .mark.mark-2 .b {
left: auto;
right: 150px;
}
#kids .kids-bg {
position: absolute;
width: 100%;
z-index: 3;
}
@media only screen and (max-width: 1000px) {
#kids .kids-bg {
display: none;
}
}
#kids .kids-bg img {
margin-left: 50%;
padding-left: 300px;
z-index: 3;
position: relative;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
#kids .kids-bg .line-1 {
width: 100%;
position: absolute;
top: 22%;
right: 0;
transform: rotate(-12deg);
z-index: 2;
}
#kids .kids-bg .line-2 {
width: 100%;
position: absolute;
bottom: 25.5%;
right: 0;
transform: rotate(13.5deg);
z-index: 2;
}
#kids .kids-bg .line-element {
width: 110vw;
border-bottom: 1px dashed #fff;
margin-left: -30px;
}
#footer {
padding: 130px 0 110px;
overflow: hidden;
background: #fff;
color: #2d293e;
background-size: cover;
}
#footer .container {
max-width: 978px;
}
#footer a {
text-decoration: underline;
color: #2d293e;
}
#footer a:hover {
text-decoration: none;
}
#footer #footer-info {
font-family: "Work Sans", sans-serif;
}
#footer #footer-info p {
max-width: 550px;
}
#footer #footer-email {
overflow: hidden;
clear: both;
float: right;
}
#footer .footer-gallery ul {
margin: 0 -12.5px;
}
#footer .footer-gallery ul li {
float: left;
padding: 0 12.5px 15px;
box-sizing: border-box;
width: 33%;
}
#footer .footer-gallery ul li:nth-last-child(3n) {
clear: both;
}
#footer .footer-gallery ul li a {
transition: opacity 0.5s ease;
width: 100%;
}
#footer .footer-gallery ul li a:hover {
opacity: 0.6;
}
#footer .footer-gallery ul li a img {
width: 100%;
-webkit-filter: grayscale(100%) !important;
filter: grayscale(100%) !important;
opacity: 0.8;
}
#footer .footer-gallery.mobile-gallery {
display: none;
}
@media only screen and (max-width: 1000px) {
.order-summary table {
max-width: 500px;
}
}
@media only screen and (max-width: 900px) {
ul.partner-list {
margin-left: 0 !important;
margin-right: 0 !important;
padding-top: 20px !important;
}
ul.partner-list li {
width: 50%;
padding: 20px 10px !important;
float: left;
text-align: center;
}
ul.partner-list li img {
max-width: 100%;
}
ul.partner-list li:nth-of-type(odd) {
clear: both;
}
#top-buttons {
left: 50%;
position: absolute;
transform: translate(-50%, 0);
}
ul.speakers-list li {
width: 25%;
}
ul.speakers-list li:nth-of-type(8),
ul.speakers-list li:nth-of-type(9) {
display: none;
}
.page-tickets .main-wrap {
padding-left: 24px;
padding-right: 24px;
}
.page-tickets #ticket-form .kind-tabs {
padding-top: 20px;
}
.page-tickets .order-summary #currency-switcher {
position: relative;
top: 0;
transform: none;
padding: 0 20px 20px 40px;
width: 100%;
overflow: hidden;
}
.page-tickets .order-summary #currency-switcher .radio-inline {
display: inline-block;
float: left;
width: auto;
margin-right: 20px;
}
#ticket-form .workshop-selection label strong {
float: none;
margin-left: 5px;
}
#ticket-form .button.big-button.apply-coupon {
margin-left: 0;
}
}
@media only screen and (max-width: 620px) {
.page-tickets #ticket-form .form-attendee {
padding: 20px 25px;
margin-left: -25px;
margin-right: -25px;
}
.page-tickets #ticket-form button.add-attendee {
margin: 40px 0 20px;
display: block;
width: 100%;
}
.page-tickets #ticket-form .workshop-selection {
margin-left: 0;
margin-right: 0;
}
.page-tickets .order-coupon,
.page-tickets .step-2 .step-2-inner {
padding: 20px 25px;
margin-left: -25px;
margin-right: -25px;
}
.page-tickets .order-coupon .d-ib.va-m,
.page-tickets .step-2 .step-2-inner .d-ib.va-m {
width: 100%;
}
.page-tickets #invoice-data {
padding-top: 20px;
margin-bottom: -35px;
overflow: hidden;
}
.page-tickets .order-summary {
margin-left: -23px;
margin-right: -23px;
padding: 25px 20px;
font-size: 14px;
}
#ticket-form .button.big-button {
margin-left: 0 !important;
width: 100% !important;
text-align: center;
}
#ticket-form .step-2 .button.big-button {
margin-top: 20px !important;
}
.next-step a.button {
width: 100%;
text-align: center;
}
.m-t-60.p-40 {
display: none;
}
#ticket-form .nice-select,
#ticket-form .nice-select input,
#ticket-form .nice-select select,
#ticket-form .nice-text-input,
#ticket-form .nice-text-input input,
#ticket-form .nice-text-input select,
.nice-text-input.wide-text-input {
width: 100%;
max-width: 100%;
}
#buy-page h1 {
font-size: 24px;
line-height: 30px;
}
#buy-page h2 {
font-size: 18px;
line-height: 22px;
margin-left: 0;
}
#buy-page h3 {
font-size: 14px;
line-height: 20px;
margin-bottom: 15px;
margin-top: 15px;
}
#footer {
line-height: 26px;
padding-bottom: 50px !important;
}
#footer .row .grid-6,
#footer .row .grid-6 > div {
width: 100%;
}
#footer-info {
line-height: 26px;
}
.footer-gallery {
padding-top: 20px;
}
.container {
padding-left: 24px !important;
padding-right: 24px !important;
}
#partners {
padding-bottom: 65px;
padding-top: 25px;
}
#partners h3 {
font-size: 24px;
line-height: 30px;
margin-bottom: 10px;
}
#partners p {
font-size: 14px;
line-height: 22px;
}
#kids .row > div,
#venue .row > div {
padding-right: 25px;
}
#kids h3 {
margin-bottom: 10px;
}
#kids ol,
#kids p {
font-size: 14px;
line-height: 22px;
}
#kids ol li,
#kids p li {
margin-top: 25px;
}
#videos {
padding-bottom: 20px;
padding-top: 0;
border-top: 0;
margin-top: 40px;
}
#videos .video-list-wrap {
margin-top: 20px;
margin-bottom: 60px;
}
#videos h3 {
margin-bottom: 10px;
padding-right: 0;
}
#videos .video-list {
padding: 30px 0;
}
#videos .video-list li {
display: none;
}
#videos .video-list li:nth-child(1) {
display: block;
}
#videos .video-list li span {
display: none;
}
#videos p {
font-size: 14px;
line-height: 22px;
}
#videos .button {
z-index: 999;
position: relative;
display: block;
text-align: center;
margin-top: 20px;
right: 0;
}
#speakers {
padding: 0 0 30px;
}
#speakers h3 {
margin-bottom: 10px;
}
#speakers ul.speakers-list li {
display: none;
width: 100%;
}
#speakers ul.speakers-list li:last-of-type {
display: block;
}
#speakers ul.speakers-list li:last-of-type .pic {
max-height: initial;
}
#speakers ul.speakers-list li:last-of-type a {
display: block;
height: auto;
background-size: 100%;
min-height: 312px;
border-radius: 5px;
}
#about h3,
#venue h3 {
margin-bottom: 10px;
}
#about p,
#venue p {
font-size: 14px;
line-height: 22px;
margin-bottom: 30px;
margin-top: 0;
}
#venue {
padding-bottom: 0;
}
#venue .floorplan {
display: none;
}
#venue .button {
position: relative;
display: block;
text-align: center;
margin-top: 20px;
right: 0;
}
#venue h3 {
padding-right: 0;
}
#about {
padding-top: 60px;
}
#header {
height: 0;
padding-bottom: 70px;
}
#jumbo {
padding-left: 25px;
padding-right: 25px;
}
#jumbo .event-logo {
text-align: left;
}
#jumbo .event-logo .m-t-40 {
margin-top: 0;
font-size: 14px;
line-height: 22px;
}
#jumbo .event-cta {
margin-bottom: 0 !important;
}
#jumbo .event-location {
margin-bottom: 20px;
}
#jumbo .event-desc,
#jumbo .event-location {
text-align: left;
font-size: 14px;
line-height: 22px;
}
#jumbo .we-logo {
margin-top: 10px !important;
margin-bottom: 10px !important;
font-size: 50px;
line-height: 60px;
}
#tickets {
padding-top: 0;
font-size: 14px;
line-height: 22px;
}
#tickets h3 {
margin-bottom: 0;
}
#tickets .ticket-levels .ticket-level {
padding: 20px 25px 10px;
overflow: visible;
clear: both;
margin: 0 -25px;
}
#tickets .info-box {
margin: 25px -30px 0;
}
#tickets .info-box strong {
font-size: 14px;
}
#tickets p {
font-size: 14px;
line-height: 22px;
}
#tickets p strong {
font-size: 16px;
}
#tickets .button-next {
box-shadow: none;
margin-top: 0;
}
#tickets .ticket-venue {
display: none;
}
#tickets .ticket-buttons {
padding-top: 10px;
}
#logo {
margin-left: 25px;
}
}
.ticket-buttons {
padding-top: 1px !important;
}
.main-navigation li.nun a {
border-bottom: none;
}
#scroll-menu .main-navigation li.nun a {
border-top: 0;
padding: 9px 20px;
}
#tracy-error {
opacity: 0 !important;
display: none !important;
}