html {
overflow-y: scroll;
overflow-x: hidden;
margin: 0;
padding: 0;
font-size: 16px;
line-height: 1.6em;
}
[hidden] {
display: none !important;
}
:invalid {
box-shadow: none;
}
:-moz-submit-invalid {
box-shadow: none;
}
:-moz-ui-invalid {
box-shadow: none;
}
body {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 1.6em;
}
* {
box-sizing: border-box;
font-display: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*::before, *::after {
box-sizing: border-box;
}
.margin-auto {
margin: 0 auto;
}
.margin-bottom-100 {
margin-bottom: 100px;
}
.margin-top-50 {
margin-top: 50px;
}
.margin-bottom-50 {
margin-bottom: 50px;
}
.margin-top-25 {
margin-top: 25px;
}
.margin-bottom-25 {
margin-bottom: 25px;
}
.bold {
font-weight: bold;
}
.center-block {
display: block !important;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.uppercase {
text-transform: uppercase;
}
.hidden {
display: none;
}
.relative {
position: relative;
}
.nospace {
margin: 0;
padding: 0;
list-style: none;
}
.borderedbox {
border: 1px solid;
}
.circle {
border-radius: 50%;
background-clip: padding-box;
}
ul.no-bullets {
list-style: none;
}
.service {
display: block;
position: relative;
width: 100%;
min-height: 80px;
margin: 0;
padding: 0 0 0 70px;
box-sizing: border-box;
}
.service * {
margin: 0;
padding: 0;
}
.service .icon {
display: block;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 26px;
}
.icon.nobg {
border: 1px solid;
}
.service .heading {
margin-bottom: 10px;
}
.service.largeicon {
min-height: 110px;
padding: 0 0 0 100px;
}
.service.largeicon .icon {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 40px;
}
.clear,
.group {
display: block;
}
.clear::before, .clear::after {
display: table;
content: "";
}
.group::before, .group::after {
display: table;
content: "";
}
.clear,
.group {
clear: both;
}
.clear::after,
.group::after {
clear: both;
}
a {
outline: none;
text-decoration: none;
}
.fl_left,
.imgl {
float: left;
}
.fl_right,
.imgr {
float: right;
}
img {
width: auto;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: none;
line-height: normal;
vertical-align: middle;
}
.imgl {
margin: 0 15px 10px 0;
clear: left;
}
.imgr {
margin: 0 0 10px 15px;
clear: right;
}
/* Fonts
--------------------------------------------------------------------------------------------------------------- */
body,
input,
textarea,
select,
h1,
h2,
h3,
h4,
h5,
h6,
.heading {
font-family: "Roboto", sans-serif;
}
.italic-heading {
font-family: "dharma-gothic-c", sans-serif;
font-weight: 400;
font-style: italic;
}
.super-strong {
font-weight: 900;
font-family: "dharma-gothic-m";
}
/* Forms
--------------------------------------------------------------------------------------------------------------- */
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend {
margin: 0;
padding: 0;
border: none;
display: none;
}
label,
input,
textarea,
select,
button {
display: block;
resize: none;
outline: none;
color: inherit;
font-size: inherit;
font-family: inherit;
vertical-align: middle;
}
label {
margin-bottom: 5px;
}
/* Generalise
--------------------------------------------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.heading {
margin: 0 0 20px 0;
font-size: 22px;
line-height: normal;
font-weight: normal;
}
h1 {
font-size: 40px;
}
.black-text {
color: #000;
}
.white-text {
color: #fff;
}
.primary-text {
color: #3ec4dd !important;
}
.highlight-text {
color: #8333E0 !important;
}
.secondary-text {
color: #003254 !important;
}
.main-title {
font-size: 26px;
}
.sub-title {
color: #3ec4dd;
}
address {
font-style: normal;
font-weight: normal;
}
hr {
display: block;
width: 100%;
height: 1px;
border: solid;
border-width: 1px 0 0 0;
}
.wrapper {
display: block;
width: 100%;
margin: 0;
padding: 0;
text-align: left;
word-wrap: break-word;
z-index: 2;
}
#header,
#services,
#cta,
#breadcrumb,
.container,
footer,
#copyright {
display: block;
margin: 0 auto;
}
.max-1500 {
max-width: 1500px;
}
.max-1000 {
max-width: 1000px;
margin: 0 auto;
}
.max-1300 {
max-width: 1300px;
margin: 0 auto;
}
.max-500 {
max-width: 500px;
}
.max-415 {
max-width: 415px;
}
.max-360 {
max-width: 360px;
}
.max-75-percent {
max-width: 75%;
}
.blog-text p {
margin-top: 0;
margin-bottom: 15px;
}
.blog-text img {
margin-top: 20px;
margin-bottom: 20px;
}
.blog-text h2 {
margin-bottom: 20px;
}
.blog-text h3,
.blog-text h4,
.blog-text h5,
.blog-text h6 {
margin-bottom: 15px;
}
/* HTML 5 Overrides
--------------------------------------------------------------------------------------------------------------- */
address,
article,
aside,
figcaption,
figure,
header,
main,
nav,
section {
display: block;
margin: 0;
padding: 0;
}
/* Old Grid (used for old layout stuff)
--------------------------------------------------------------------------------------------------------------- */
.one_half,
.one_third,
.two_third,
.one_quarter,
.two_quarter,
.three_quarter {
display: inline-block;
float: left;
margin: 0 0 0 3.0674846626%;
list-style: none;
}
.first {
margin-left: 0;
clear: left;
}
.one_quarter {
width: 22.6993865031%;
background: #fff;
padding: 5px;
border-radius: 5px;
}
.one_third {
width: 31.2883435583%;
}
.one_half,
.two_quarter {
width: 48.4662576687%;
}
.two_third {
width: 65.6441717791%;
}
.three_quarter {
width: 74.2331288344%;
}
.one_fifth {
width: 20%;
display: inline-block;
float: left;
list-style: none;
text-align: center;
}
/* Spacing
--------------------------------------------------------------------------------------------------------------- */
.btmspace-10 {
margin-bottom: 10px;
}
.btmspace-15 {
margin-bottom: 15px;
}
.btmspace-30 {
margin-bottom: 30px;
}
.btmspace-50 {
margin-bottom: 50px;
}
.btmspace-80 {
margin-bottom: 80px;
}
.inspace-5 {
padding: 5px;
}
.inspace-10 {
padding: 10px;
}
.inspace-15 {
padding: 15px;
}
.inspace-30 {
padding: 30px;
}
.inspace-50 {
padding: 50px;
}
.inspace-80 {
padding: 80px;
}
.paditout {
padding-top: 50px;
}
/* Lazy loading
--------------------------------------------------------------------------------------------------------------- */
.lazy {
transition: ease-in 0.4s;
opacity: 0;
}
.lazy.loaded, .lazy[data-was-processed=true] {
opacity: 1;
}
/* Modern Grid
----------------------------------------------------------------------------------------------------------------- */
.grid {
display: grid;
}
.grid.four-columns {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid.four-columns .grid-item:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
.grid.four-columns .grid-item:nth-child(2) {
grid-column: 2;
grid-row: 1;
}
.grid.four-columns .grid-item:nth-child(3) {
grid-column: 3;
grid-row: 1;
}
.grid.four-columns .grid-item:nth-child(4) {
grid-column: 4;
grid-row: 1;
}
.grid.three-columns {
grid-template-columns: 1fr 1fr 1fr;
}
.grid.three-columns .grid-item:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
.grid.three-columns .grid-item:nth-child(2) {
grid-column: 2;
grid-row: 1;
}
.grid.three-columns .grid-item:nth-child(3) {
grid-column: 3;
grid-row: 1;
}
.grid.two-columns {
grid-template-columns: 1fr 1fr;
}
.grid.two-columns .grid-item:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
.grid.two-columns .grid-item:nth-child(2) {
grid-column: 2;
grid-row: 1;
}
.button {
display: inline-block;
padding: 15px 10px;
border-radius: 10px;
transition: ease 0.3s;
cursor: pointer;
}
.button .button-icon {
padding: 5px 10px;
border-radius: 50%;
text-align: center;
font-size: 25px;
margin-right: 10px;
}
.button.square {
border-radius: 0;
}
.button.primary-button {
background: #3ec4dd;
color: #fff;
border: none;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.29);
}
.button.primary-button:hover {
background: #23acc5;
}
.button.primary-button:focus {
background: #1b869a;
}
.button.primary-button .button-icon {
background: #1b869a;
color: #fff;
}
.button.secondary-button {
background: #003254;
color: #fff;
border: none;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.29);
}
.button.secondary-button:hover {
background: #001421;
}
.button.secondary-button:focus {
background: black;
}
.button.secondary-button .button-icon {
background: black;
color: #fff;
}
.button.highlight-button {
background: #8333E0;
color: #fff;
border: none;
}
.button.highlight-button:hover {
background: #6a1ec2;
}
.button.highlight-button:focus {
background: #7621d9;
}
.button.highlight-button .button-icon {
background: #6a1ec2;
color: #fff;
}
.button.psuedo-button {
font-size: 28px;
}
.button.psuedo-button:hover {
background: rgba(0, 0, 0, 0.1);
}
.button.psuedo-button:focus {
background: rgba(0, 0, 0, 0.25);
}
.button.psuedo-button .button-icon {
background: #8333E0;
color: #fff;
}
.button.center {
margin: 0 auto;
display: block;
}
.tinyslider .speaker-box:first-of-type {
margin-left: 0;
}
.flex-prev,
.flex-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
background: none;
font-size: 32px;
border: none;
cursor: pointer;
}
.flex-prev {
left: -50px;
}
.flex-next {
right: -40px;
}
.tns-nav {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.tns-nav button {
border-radius: 50%;
width: 15px;
height: 15px;
display: inline-block;
background: #333;
margin: 0 5px;
border: none;
}
.tns-nav button.tns-nav-active {
background: #3ec4dd;
}
.speakerSlider .slides {
max-height: 400px;
overflow-y: hidden;
overflow-x: visible;
}
.slider-box img {
width: 100%;
}
@media (max-width: 1050px) {
.slider-box img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
}
/* Theatre buttons
---------------------------------------------------------------- */
.theatre-button {
padding: 10px;
margin: 2px;
background-color: #82adaa;
color: #fff;
display: inline-block;
border-radius: 5px;
overflow: hidden;
position: relative;
z-index: 1;
}
.theatre-button::before {
content: "";
height: 70px;
width: 250px;
margin-top: -24px;
background-color: #00a79b;
display: block;
position: absolute;
margin-left: -260px;
transition: 0.35s ease-in-out;
}
.theatre-button:hover::before {
margin-left: -15px;
}
.theatre-button p {
padding: 0;
margin: 0;
z-index: 10;
position: relative;
}
/*From: https://codepen.io/shaneheyns/pen/OPWGry?depth=everything&order=popularity&page=2&q=table&show_forks=false */
.pricing-container {
width: 90%;
max-width: 1170px;
margin: 10px auto;
}
.pricing-container.full-width {
width: 100%;
max-width: none;
}
.pricing-switcher {
text-align: center;
}
.pricing-switcher .fieldset {
display: inline-block;
position: relative;
padding: 2px;
border-radius: 50em;
border: 2px solid #00a79b;
background-color: #82adaa;
}
.pricing-switcher input[type=radio] {
position: absolute;
opacity: 0;
}
.pricing-switcher label {
position: relative;
z-index: 1;
display: inline-block;
float: left;
width: 130px;
height: 35px;
line-height: 40px;
cursor: pointer;
font-size: 1.4rem;
color: #ffffff;
font-size: 20px;
}
.pricing-switcher .switch {
position: absolute;
top: 2px;
left: 2px;
height: 40px;
width: 132px;
background-color: #00a79b;
border-radius: 50em;
transition: transform 0.5s;
}
.pricing-switcher input[type=radio]:checked + label + .switch, .pricing-switcher input[type=radio]:checked + label:nth-of-type(n) + .switch {
transform: translateX(128px);
}
.no-js .pricing-switcher {
display: none;
}
.pricing-list {
margin: 2em 0 0;
list-style: none;
padding: 0;
}
.pricing-list > li {
position: relative;
margin-bottom: 1em;
}
.pricing-wrapper {
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.touch .pricing-wrapper {
perspective: 2000px;
}
.pricing-wrapper.is-switched .is-visible {
transform: rotateY(180deg);
animation: rotate 0.5s;
list-style: none;
}
.pricing-wrapper.is-switched .is-hidden {
transform: rotateY(0);
animation: rotate-inverse 0.5s;
opacity: 0;
}
.pricing-wrapper.is-switched .is-selected {
opacity: 1;
}
.pricing-wrapper.is-switched.reverse-animation .is-visible {
transform: rotateY(-180deg);
animation: rotate-back 0.5s;
}
.pricing-wrapper.is-switched.reverse-animation .is-hidden {
transform: rotateY(0);
animation: rotate-inverse-back 0.5s;
opacity: 0;
}
.pricing-wrapper.is-switched.reverse-animation .is-selected {
opacity: 1;
}
.pricing-wrapper > li {
background-color: #fff;
backface-visibility: hidden;
outline: 1px solid transparent;
}
.pricing-wrapper > li::after {
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 50px;
pointer-events: none;
background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}
.pricing-wrapper > li.is-ended::after {
display: none;
}
.pricing-wrapper .is-visible {
position: relative;
z-index: 5;
}
.pricing-wrapper .is-hidden {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
transform: rotateY(180deg);
}
.pricing-wrapper .is-selected {
z-index: 3 !important;
}
.pricing-wrapper > li::before {
content: "";
position: absolute;
z-index: 6;
left: -1px;
top: 50%;
bottom: auto;
transform: translateY(-50%);
height: 50%;
width: 1px;
background-color: #b1d6e8;
}
.pricing-wrapper > li::after {
display: none;
}
.exclusive .pricing-wrapper > li {
box-shadow: inset 0 0 0 3px #00a79b;
}
.has-margins .pricing-wrapper > li, .has-margins .exclusive .pricing-wrapper > li {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
:nth-of-type(1) > .pricing-wrapper > li::before {
display: none;
}
.has-margins .pricing-wrapper > li {
border-radius: 4px 4px 6px 6px;
}
.has-margins .pricing-wrapper > li::before {
display: none;
}
.no-js .pricing-wrapper .is-hidden {
position: relative;
transform: rotateY(0);
margin-top: 1em;
}
.pricing-header {
height: auto;
padding: 1.9em 0 1.6em;
pointer-events: auto;
text-align: center;
color: #173d50;
background-color: transparent;
}
.pricing-header h2 {
padding: 0.9em 0.9em 0.6em;
font-weight: 400;
margin-bottom: 30px;
margin-top: 10px;
text-transform: uppercase;
text-align: center;
}
.exclusive .pricing-header {
color: #1bbc9d;
background-color: transparent;
}
.pricing-header h2 {
font-size: 40px;
letter-spacing: 2px;
color: #00a79b;
padding: 0;
margin: 0;
}
.currency, .value {
font-size: 3rem;
font-weight: 300;
}
.duration {
font-weight: 700;
font-size: 1.3rem;
color: #8dc8e4;
text-transform: uppercase;
}
.exclusive .duration {
color: #f3b6ab;
}
.duration::before {
content: "/";
margin-right: 2px;
}
.value {
font-size: 7rem;
font-weight: 300;
}
.currency, .duration {
color: #1bbc9d;
}
.exclusive .currency, .exclusive .duration {
color: #2d3e50;
}
.currency {
display: inline-block;
margin-top: 10px;
vertical-align: top;
font-size: 2rem;
font-weight: 700;
}
.duration {
font-size: 1.4rem;
}
.pricing-body {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.is-switched .pricing-body {
overflow: hidden;
}
.pricing-body {
overflow-x: visible;
}
.pricing-features {
width: 600px;
width: auto;
}
.pricing-features:after {
content: "";
display: table;
clear: both;
}
.pricing-features li {
width: 100px;
float: left;
padding: 1.6em 1em;
font-size: 1.5rem;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.pricing-features em {
display: block;
margin-bottom: 5px;
font-weight: 600;
}
.pricing-features li {
float: none;
width: auto;
padding: 1em;
}
.exclusive .pricing-features li {
margin: 0 3px;
}
.pricing-features em {
display: inline-block;
margin-bottom: 0;
}
.has-margins .exclusive .pricing-features li {
margin: 0;
}
.pricing-footer {
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 80px;
width: 100%;
position: relative;
height: auto;
padding: 1.8em 0;
text-align: center;
}
.pricing-footer::after {
display: none;
}
.has-margins .pricing-footer {
padding-bottom: 0;
}
.select {
position: relative;
z-index: 1;
display: block;
height: 100%;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
color: transparent;
position: static;
display: inline-block;
height: auto;
padding: 1.3em 2em;
color: #1bbc9d;
border-radius: 8px;
border: 2px solid #1bbc9d;
font-size: 1.4rem;
text-indent: 0;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.6s;
width: 70%;
}
.no-touch .select:hover {
background-color: #1bbc9d;
color: #ffffff;
}
.exclusive .select {
background-color: #1bbc9d;
color: #fff;
}
.no-touch .exclusive .select:hover {
background-color: #24e0ba;
}
.secondary-theme .exclusive .select {
background-color: #1bbc9d;
}
.no-touch .secondary-theme .exclusive .select:hover {
background-color: #112e3c;
}
.has-margins .select {
display: block;
padding: 1.7em 0;
border-radius: 0 0 4px 4px;
}
/* Slot CSS */
.slot-box {
padding: 10px 0px;
}
.slot-box:nth-child(odd) {
background-color: #00a79b;
}
.slot-pic {
width: 190px;
padding: 10px;
margin-left: 20px;
vertical-align: top;
border-radius: 15px;
}
.slot-time {
display: inline-block;
vertical-align: top;
background-color: #00a79b;
color: #fff;
border-radius: 6px;
padding: 4px;
}
.slot-box:nth-child(odd) .slot-time {
background-color: #fff;
color: #00a79b;
font-weight: 600;
}
.slot-text {
display: inline-block;
width: 60%;
margin-left: 10px;
}
.slot-box:nth-child(odd) .slot-text {
color: #fff;
}
.slot-box:nth-child(odd) .slot-text a {
color: #fff;
}
.slot-name {
margin-bottom: 0px;
}
.slot-title {
margin: 0px;
}
.slot-info {
font-size: 14px;
}
.slot-box2 {
margin-bottom: 20px;
background-color: #00a79b;
}
.slot-time2 {
display: inline-block;
vertical-align: top;
background-color: #fff;
color: #00a79b;
border-radius: 6px;
padding: 4px;
font-weight: 600;
}
.slot-text2 {
display: inline-block;
width: 60%;
margin-left: 10px;
color: #fff;
}
/* Panel Theatre */
.panel-text {
margin: 15px;
text-align: left;
}
.panel-section {
text-align: center;
}
.panel-white {
color: #fff;
}
@keyframes rotate {
0% {
transform: perspective(2000px) rotateY(0);
}
70% {
transform: perspective(2000px) rotateY(200deg);
}
100% {
transform: perspective(2000px) rotateY(180deg);
}
}
@keyframes rotate-inverse {
0% {
transform: perspective(2000px) rotateY(-180deg);
}
70% {
transform: perspective(2000px) rotateY(20deg);
}
100% {
transform: perspective(2000px) rotateY(0);
}
}
@keyframes rotate-back {
0% {
transform: perspective(2000px) rotateY(0);
}
70% {
transform: perspective(2000px) rotateY(-200deg);
}
100% {
transform: perspective(2000px) rotateY(-180deg);
}
}
@keyframes rotate-inverse-back {
0% {
transform: perspective(2000px) rotateY(180deg);
}
70% {
transform: perspective(2000px) rotateY(-20deg);
}
100% {
transform: perspective(2000px) rotateY(0);
}
}
/* location bar
--------------------------------------------------------------------------------------------------------------- */
.location-bar {
width: 100%;
display: block;
background: #3e3e3e;
}
.location-bar .custom-container {
max-width: 1580px;
width: 100%;
margin: 0 auto;
}
.location-bar .custom-container .flex-locations {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0;
margin: 0;
}
@media (max-width: 1050px) {
.location-bar .custom-container .flex-locations {
justify-content: flex-start;
}
}
.location-bar .custom-container .flex-locations .location {
color: #fff;
padding: 10px 15px;
}
@media (max-width: 1050px) {
.location-bar .custom-container .flex-locations .location {
font-size: 12px;
width: 50%;
text-align: center;
padding: 5px 10px;
line-height: 1.5;
}
.location-bar .custom-container .flex-locations .location .mob-break {
display: block;
}
}
.location-bar .custom-container .flex-locations .location.active-location {
background: #3ec4dd;
}
.location-bar .custom-container .flex-locations .fas,
.location-bar .custom-container .flex-locations .fab {
color: #3ec4dd;
padding: 10px 15px;
}
@media (max-width: 1050px) {
.location-bar .custom-container .flex-locations .fas,
.location-bar .custom-container .flex-locations .fab {
padding: 10px 10px;
}
}
/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row1 {
position: absolute;
z-index: 11;
}
.row3,
.row4 {
border-top: 1px solid;
}
/* Header
--------------------------------------------------------------------------------------------------------------- */
.top-head {
text-align: center;
position: relative;
z-index: 5;
/*background: url("/images/new-head-background.jpg");
background-size: cover;*/
padding: 40px 0px 6px;
height: 320px;
}
@media (max-width: 1100px) {
.top-head {
height: 260px;
}
}
.countdown-timer {
position: absolute;
top: 18px;
left: 25px;
text-align: left;
color: #2b2b2b;
font-family: "dharma-gothic-c", sans-serif;
font-weight: 700;
font-size: 50px;
line-height: 70px;
margin: 0;
}
.countdown-timer #date-timer span {
font-size: 30px;
position: absolute;
}
.big-logo {
display: inline-block;
max-width: 380px;
margin: 5px auto;
}
.big-logo-sponsor-box {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.big-logo-sponsor-box p {
color: #000;
margin: 0 0 10px;
}
.big-logo-sponsor-box img {
width: 100px;
}
.just-eat-box {
display: inline-block;
max-width: 10%;
text-align: center;
vertical-align: middle;
}
.just-eat-box h2 {
font-size: 14px;
}
.just-eat {
width: 40%;
}
.dates-banner {
width: 45%;
display: block;
margin: 0px auto;
}
.dates-text {
font-weight: 600;
color: #3ec4dd;
margin: 0px 15px;
display: none;
vertical-align: middle;
font-size: 18px;
}
.dates-text-alt {
font-weight: 600;
color: #3ec4dd;
margin: 0px 15px;
display: inline-block;
vertical-align: middle;
font-size: 18px;
}
.mainav {
margin-top: -87px;
background: #3ec4dd;
}
.mainav-alt {
display: inline-block;
}
.mainav-alt li a {
margin: 10px 0px;
}
.mainav .top-nav-border {
width: 140px;
margin: 0px !important;
border-right: 1px solid #fff;
}
.mainav .bigger-width {
width: 160px;
}
.mainav .smaller-width {
width: 100px;
}
.mainav-alt ul li ul li {
font-size: 15px;
}
.mainav-alt .nav-ticket-tab {
background: #8333E0;
padding: 5px;
color: #fff;
animation: shake 3s;
border-radius: 5px;
}
.mainav-alt .nav-ticket-tab a {
color: #fff !important;
padding: 5px 10px;
}
.mainav-alt .nav-ticket-tab:hover {
background: #8b40e2;
}
.mainav-alt .nav-ticket-tab:hover a {
color: #fff !important;
}
@keyframes shake {
0% {
transform: translateX(0);
}
40% {
transform: translateX(-2px);
}
60% {
transform: translateX(2px);
}
100% {
transform: translateX(0);
}
}
.flex-header {
display: flex;
justify-content: center;
align-items: center;
}
.flex-header .tagline {
max-width: 240px;
}
.flex-header .tagline p {
font-size: 20px;
text-align: center;
}
@media (max-width: 1200px) {
.flex-header .tagline p {
font-size: 16px;
}
}
.exhibitor-login {
position: absolute;
right: 25px;
top: 0;
color: #2b2b2b;
}
.exhibitor-login i {
display: inline-block;
font-size: 44px;
vertical-align: middle;
margin-right: 10px;
transition: ease 0.3s;
}
.exhibitor-login p {
display: inline-block;
font-size: 28px;
vertical-align: middle;
}
.exhibitor-login:hover i, .exhibitor-login:focus i {
color: #3ec4dd;
}
.row1-alt {
position: fixed;
z-index: 99;
top: 0;
/*background: url("/images/new-head-background.jpg");*/
background-color: #fff;
background-size: cover;
text-align: center;
box-shadow: 0px 0px 15px rgba(56, 56, 56, 0.4784313725);
height: 60px;
/*opacity: .5;*/
transition: 0.2s;
}
.row1-alt:hover {
opacity: 1;
}
#header #logo h1 {
padding: 0;
font-size: 22px;
text-transform: uppercase;
}
.helper {
height: 100%;
display: inline-block;
vertical-align: middle;
}
.small-logo {
vertical-align: middle;
padding: 0px;
width: 0px;
display: inline-block;
margin: 0px auto;
margin-top: -10px;
transition: 0.1s;
}
.small-logo-alt {
vertical-align: top;
padding: 0px;
width: 140px;
margin: 0px 0px;
display: inline-block;
}
.show-sponsor-mobile {
position: relative;
margin-left: 10px;
display: none;
}
.show-sponsor-mobile p {
color: #2b2b2b;
position: absolute;
font-size: 12px;
left: 0;
bottom: -36px;
width: 85px;
text-align: left;
}
.show-sponsor-mobile img {
height: 50px;
}
.header-title {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.top-spacer {
height: 0px;
}
.top-spacer-alt {
height: 135px;
}
.nav-ticket-tab a {
font-weight: 700;
color: #3ec4dd !important;
}
.nav-ticket-tab a:hover {
color: #0076b4 !important;
}
.mainav .nav-ticket-tab {
display: none !important;
}
.big-ticket-button {
width: 160px;
height: 160px;
display: inline-block;
vertical-align: middle;
color: #fff;
background-color: #3ec4dd;
border-radius: 50%;
padding: 5px;
transition: 0.5s;
transform: rotate(10deg);
}
.big-ticket-button:hover {
transform: rotate(0deg);
background-color: #003254;
}
.tb-order {
margin: 28px 0px 0px;
font-size: 32px;
}
.tb-free {
margin: 10px 0px 0px;
font-size: 46px;
font-weight: 700;
}
.tb-tickets {
margin: 10px 0px 0px;
font-size: 27px;
font-weight: 700;
}
.vertical-separator {
height: 100px;
width: 5px;
background-color: #2b2b2b;
display: inline-block;
vertical-align: middle;
vertical-align: -webkit-baseline-middle;
margin: 10px 20px;
}
.vertical-separator-alt {
height: 50px;
width: 1px;
background-color: #2b2b2b;
display: inline-block;
vertical-align: middle;
margin: 0px 18px 4px;
}
.vertical-separator-thin {
height: 160px;
width: 2px;
background-color: #2b2b2b;
display: inline-block;
vertical-align: middle;
vertical-align: -webkit-baseline-middle;
margin: 10px 20px;
}
.countdown-box {
border-radius: 8px;
border: 3px solid #3ec4dd;
padding: 0 25px;
}
@media (max-width: 1100px) {
.countdown-box {
display: none;
}
}
.countdown-box .black {
color: #000;
}
.countdown-box .numbers {
font-size: 40px;
min-height: 25px;
margin: 0;
}
.date-venue-box {
display: inline-block;
vertical-align: middle;
color: #fff;
border-right: 2px solid #000;
border-left: 2px solid #000;
padding: 0 40px;
margin: 0 30px;
}
@media (max-width: 1300px) {
.date-venue-box {
margin: 0 5px;
padding: 0 20px;
}
}
.row1-alt .date-venue-box {
border: none;
padding: 0;
margin: 0 auto;
}
.date-text {
margin: 15px 0px;
font-size: 32px;
line-height: 1.1;
text-align: center;
color: #2b2b2b;
}
@media (max-width: 1400px) {
.date-text {
font-size: 26px;
}
}
.date-text2 {
font-size: 24px;
margin-top: -6px;
margin-bottom: 0px;
}
.date-text-alt {
margin: -5px 0px 0px;
font-size: 18px;
font-weight: 700;
color: #2b2b2b;
}
.venue-text {
margin: 12px 0px;
margin-top: 0;
font-size: 25px;
color: #3ec4dd;
text-align: left;
text-align: center;
}
.venue-text2 {
font-size: 24px;
}
.venue-text-alt {
margin: 0px;
font-size: 21px;
color: #2b2b2b;
}
.header-text {
display: inline-block;
color: #2b2b2b;
max-width: 420px;
vertical-align: middle;
vertical-align: -webkit-baseline-middle;
font-weight: 700;
font-size: 24px;
margin-left: 30px;
margin-right: 30px;
line-height: 40px;
}
.purple-nav {
text-align: center;
}
.purple-nav-alt {
text-align: center;
position: fixed;
top: 60px;
width: 100%;
z-index: 11;
}
.purple-nav ul {
list-style: none;
padding: 0px;
margin: 0px;
background-color: #3ec4dd;
position: relative;
z-index: 2;
}
.purple-nav-alt ul {
list-style: none;
padding: 0px;
margin: 0px;
background-color: #3ec4dd;
}
.purple-nav li {
display: inline-block;
background: linear-gradient(to right, #960e63, #3ec4dd);
color: #fff;
padding: 10px 22px;
margin: 0px -2px;
font-size: 18px;
}
.purple-nav-alt li {
display: inline-block;
background: linear-gradient(to right, #960e63, #3ec4dd);
color: #fff;
padding: 5px 22px;
margin: 0px -2px;
font-size: 18px;
}
.purple-nav li.white-nav-ticket,
.purple-nav-alt li.white-nav-ticket {
background: #fff;
color: #3ec4dd;
font-weight: 700;
}
.house-button {
width: 38px;
}
.house-button-alt {
width: 24px;
transform: translateX(10px);
}
.hide {
display: none;
}
.reveal {
display: inline;
}
@media (max-width: 1050px) {
.big-ticket-button {
display: none;
}
.show-sponsor-mobile {
display: inline-block;
}
}
@media (max-width: 400px) {
.show-sponsor-mobile {
margin-left: 0;
}
}
/* Homepage
--------------------------------------------------------------------------------------------------------------- */
.float-text-container {
position: relative;
text-align: center;
}
.container.flex-section {
display: flex;
justify-content: space-around;
align-items: center;
padding: 0;
max-width: 1246px;
}
.flex-section.align-top {
align-items: flex-start;
}
.flex-section.justify-left {
justify-content: flex-start !important;
}
.constrain-box {
max-width: 611px;
}
@media (max-width: 1050px) {
.constrain-box {
max-width: 100%;
width: 100%;
}
}
.highlight-box {
background: #8333E0;
color: #fff;
width: 100%;
}
.highlight-box .cursor-glow {
position: absolute;
right: -100px;
bottom: -100px;
pointer-events: none;
max-width: 200px;
max-height: 200px;
width: 100%;
z-index: 1;
}
.highlight-box p {
font-size: 35px;
font-weight: 500;
padding: 50px;
line-height: 1.2;
}
.grey-section {
background: #EFEFEF;
font-size: 20px;
text-align: center;
}
.grey-section .container {
padding: 100px 0;
}
.grey-section .hand-phone {
position: absolute;
bottom: 0;
left: 0;
max-width: 400px;
width: 100%;
max-height: 665px;
pointer-events: none;
-o-object-position: left;
object-position: left;
-o-object-fit: contain;
object-fit: contain;
}
.news-float-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ed1c24;
background: rgba(0, 0, 0, 0.7);
font-weight: 700;
font-size: 50px;
width: 100%;
text-shadow: 2px 2px 4px #000;
display: none;
}
.front-news-link {
margin-top: 55px;
}
.latest:hover .news-float-text {
display: block;
}
#slider,
.slider-box {
height: 29vw;
overflow-y: hidden;
margin-bottom: 32px;
}
@media (max-width: 1050px) {
#slider,
.slider-box {
margin-bottom: 20px;
}
}
#slider picture,
.slider-box picture {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.strapline-slider {
opacity: 0;
}
.strapline-slider.opaque {
opacity: 1;
}
.strapline-slider.typing-animation .invisible {
opacity: 0;
}
.strapline-slider.typing-animation .heading-wrap {
text-align: left;
width: 100%;
min-width: 900px;
}
.strapline-slider.typing-animation .heading-wrap h3, .strapline-slider.typing-animation .heading-wrap h2 {
width: 100%;
}
.strapline-slider.hide-controls .tns-nav {
display: none !important;
}
.fa-arrow-right {
margin-left: 4px;
transition: 0.7s;
}
.btn.request-info {
padding: 10px 20px;
text-align: center;
border-radius: 5px;
display: block;
}
.btn:hover .fa-arrow-right,
.view-all-button:hover .fa-arrow-right {
transform: translateX(10px);
}
.meet-speakers {
font-size: 108px;
color: #003254;
font-weight: 900;
letter-spacing: 1.5px;
}
h1.meet-speakers {
line-height: 1;
padding: 70px 11% 0px;
padding-top: 0;
margin-top: 40px;
}
h2.meet-speakers {
font-size: 20px;
margin-bottom: 20px;
padding-top: 0;
}
.view-all-button {
background: #3ec4dd;
color: #fff;
padding: 15px;
border-radius: 8px;
margin: 50px auto 10px;
display: block;
text-align: center;
max-width: 240px;
transition: 0.7s;
}
.view-all-button:hover {
background: #01ccbd;
}
.container.crafted-heading-speakers {
padding: 120px 0;
}
.container.crafted-heading-speakers h2 {
font-size: 80px;
letter-spacing: 2px;
padding: 0;
font-style: italic;
}
.container.crafted-heading-speakers h2 .super-heading {
font-size: 240px;
display: block;
margin: 0;
line-height: 0.75;
}
.container.crafted-heading-speakers .suit-microphone {
position: absolute;
right: 0;
top: 0;
z-index: 1;
height: 100%;
max-width: 600px;
width: 100%;
}
.container.crafted-heading-speakers .suit-microphone img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: top;
object-position: top;
}
.container.crafted-heading-speakers .suit-microphone:after {
position: absolute;
bottom: 110px;
left: 0;
height: 165px;
width: 100%;
content: "";
background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 100%) 0% 0% no-repeat padding-box;
z-index: 2;
}
.grey-background {
background: #EFEFEF;
}
.speaker-slider {
margin: 0 auto;
max-width: 1050px;
}
.speaker-slider .flex-prev {
display: none;
}
.speaker-slider .flex-next {
top: 22.5%;
}
.speaker-slider .speaker-box {
width: 200px;
margin-top: 10px;
overflow: visible;
}
.speaker-slider .speaker-box:not(:last-of-type) {
margin-right: 50px;
}
.speaker-slider .speaker-box figure {
border-radius: 0;
border: none;
box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.8);
}
.speaker-slider .speaker-box .home-speaker-textbox {
background: none;
min-height: none;
padding-left: 0;
}
.speaker-slider .speaker-box .home-speaker-textbox .speaker-name,
.speaker-slider .speaker-box .home-speaker-textbox a {
color: #8333E0;
}
.speaker-slider .speaker-box .home-speaker-textbox .speaker-name {
margin-top: 20px;
text-align: left;
margin-bottom: 0;
}
.speaker-slider .speaker-box .home-speaker-textbox .speaker-org {
color: #000;
text-align: left;
}
.whats-on {
background: linear-gradient(117deg, rgb(62, 196, 221) 0%, rgb(0, 118, 180) 100%);
}
.whats-on .tns-nav {
display: none;
}
.whats-on .tinyslider.whatson {
max-width: 1500px;
margin-left: auto;
padding-left: 30px;
list-style: none;
}
.whats-on .slide-bg {
position: absolute;
bottom: 0;
left: 0;
max-width: 1500px;
z-index: -1;
transform: translateX(-18.6vw);
max-height: 720px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
pointer-events: none;
}
.whats-on .flex-section {
display: flex;
justify-content: space-around;
align-items: flex-start;
}
.whats-on .flex-section .slide-image {
min-width: 600px;
position: relative;
}
.whats-on .flex-section .slide-image figcaption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-weight: 800;
font-size: 26px;
padding: 10px 0;
}
.whats-on .flex-section .slide-text {
max-width: 550px;
}
.whats-on .flex-section .slide-text h3 {
font-size: 40px;
}
.whats-on .flex-section .slide-text .sub {
font-size: 20px;
}
.whats-on .flex-section .slide-text p {
font-size: 18px;
line-height: 1.75;
margin: 15px 0;
}
.whats-on .flex-section .slide-text .highlight-button {
font-size: 18px;
padding: 10px 15px;
}
.whats-on .crafted-heading-whats-on h2 {
font-size: 100px;
margin-top: 50px;
line-height: 0.9;
font-style: italic;
letter-spacing: 2px;
}
.whats-on .crafted-heading-whats-on h2 strong {
font-size: 250px;
display: block;
z-index: 1;
}
.whats-on .grid-nav {
display: grid;
grid-template-columns: 1fr 1fr;
max-width: 700px;
grid-gap: 30px;
min-width: 60%;
padding: 0;
}
.whats-on .grid-nav .opening-copy {
grid-column: span 2;
}
.whats-on .grid-nav button {
padding-left: 20px;
padding-bottom: 20px;
padding-top: 60px;
border: 0;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
background: #424242;
text-align: left;
position: relative;
overflow: hidden;
cursor: pointer;
}
.whats-on .grid-nav button:after {
content: "";
left: 0;
width: 100%;
height: 100%;
position: absolute;
transition: ease 0.3s;
top: 0;
opacity: 0;
background: linear-gradient(45deg, #3ec4dd 0%, transparent 100%);
z-index: 1;
}
.whats-on .grid-nav button:hover:after {
opacity: 1;
}
.whats-on .grid-nav button .img-bg {
position: absolute;
top: 0;
left: 0;
transition: ease 0.3s;
width: 100%;
height: 100%;
pointer-events: none;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
z-index: 1;
}
.whats-on .grid-nav button:focus .img-bg {
box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.3);
}
.whats-on .grid-nav button:nth-child(2) {
-ms-grid-column: 2;
}
.whats-on .grid-nav button:nth-child(3) {
-ms-grid-row: 2;
}
.whats-on .grid-nav button:nth-child(4) {
-ms-grid-column: 2;
-ms-grid-row: 2;
}
.whats-on .grid-nav button h3 {
margin: 0;
font-size: 28px;
max-width: 170px;
z-index: 2;
position: relative;
}
.captioned-image {
position: relative;
}
.captioned-image figcaption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-weight: 800;
font-size: 26px;
padding: 10px 0;
}
.captioned-image figcaption.left {
padding-left: 20px;
}
.who-attends .brands-slider {
background: #6ac2da;
}
.who-attends .brands-slider .container {
padding: 40px 0;
}
.who-attends .brands-slider .brands-list {
position: relative;
}
.who-attends .brands-slider .brands-list ul {
padding-left: 0;
}
@media (max-width: 900px) {
.who-attends .brands-slider .brands-list .speakercontrols {
display: none;
}
}
.who-attends .brands-slider li figure {
background: #fff;
border-radius: 100%;
overflow: hidden;
height: 225px;
display: grid;
align-items: center;
justify-items: center;
}
@media (max-width: 1300px) {
.who-attends .brands-slider li figure {
height: 350px;
}
}
@media (max-width: 766px) {
.who-attends .brands-slider li figure {
height: 380px;
}
}
.who-attends .brands-slider li figure img {
max-height: 150px;
max-width: 150px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
@media (max-width: 766px) {
.who-attends .brands-slider li figure img {
max-width: 200px;
max-height: 200px;
}
}
.video-container {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
}
.video-box {
width: 100%;
position: absolute;
z-index: -5;
filter: brightness(45%);
}
.show-involved .involved-title {
font-size: 80px;
font-style: italic;
letter-spacing: 2px;
}
.show-involved h3 {
font-size: 40px;
}
.flex-solid-colour {
display: flex;
background: linear-gradient(90deg, rgb(0, 50, 84) 0%, rgb(0, 50, 84) 31%, rgb(62, 196, 221) 70%, rgb(62, 196, 221) 100%);
}
.flex-solid-colour .dark {
background: #003254;
width: 60%;
display: flex;
align-items: center;
max-width: 1070px;
margin-left: auto;
padding: 20px 5px;
}
.flex-solid-colour .dark a {
max-width: 200px;
padding: 10px;
}
.flex-solid-colour .dark img {
max-width: 100%;
width: 100%;
}
.flex-solid-colour .dark h2 {
margin: 0;
letter-spacing: 2px;
font-size: 50px;
font-family: "dharma-gothic-c", sans-serif;
margin-right: 50px;
}
.flex-solid-colour .as-part-of {
background: #3ec4dd;
width: 40%;
display: flex;
align-items: center;
max-width: 420px;
margin-right: auto;
border: none;
}
.flex-solid-colour .as-part-of p {
letter-spacing: 2px;
font-size: 50px;
font-family: "dharma-gothic-c", sans-serif;
margin: 0;
margin-right: 50px;
}
.flex-solid-colour .as-part-of img {
margin: 0;
}
.flex-solid-colour .as-part-of:after {
display: none;
}
.homepage-speaker-box {
white-space: normal;
min-width: 110px;
}
.home-speaker-textbox {
min-height: 148px;
}
.home-speaker-textbox .speaker-name {
font-size: 22px;
}
.home-speaker-textbox .speaker-name a {
color: #0076b4;
}
.home-speaker-textbox .speaker-org {
color: #000;
font-weight: normal;
font-size: 15px;
}
.home-button-box {
position: absolute;
bottom: 0px;
width: 100%;
z-index: 1;
text-align: center;
}
.home-button-box p {
background: #fff;
color: #242729;
padding: 6px 15px;
border-radius: 20px;
text-align: center;
font-size: 20px;
font-family: "dharma-gothic-c", sans-serif;
position: relative;
display: inline-block;
box-shadow: 0px 5px 0px 0px #9c9c9c;
transition: 0.2s;
margin: 0px 20px;
}
.home-button-box p:hover {
box-shadow: 0px 0px 0px 0px #9c9c9c;
transform: translateY(5px);
}
.home-button-row1 {
bottom: 100px;
}
.home-button-row2 {
bottom: 40px;
}
.home-button-box .home-button-purp {
background: #3ec4dd !important;
color: #fff !important;
box-shadow: 0px 5px 0px 0px #752427;
}
.home-button-box .home-button-purp:hover {
box-shadow: 0px 0px 0px 0px #752427;
}
.silver-sponsor-box {
text-align: center;
background-color: #fff;
padding: 40px 0px 15px;
}
.speaker-box-shadow {
box-shadow: inset 0px 205px 178px rgba(0, 0, 0, 0.355);
}
.mob-speakers {
text-align: center;
}
.mob-speakers .speaker-box {
border-bottom: 1px solid grey;
padding-bottom: 20px;
margin-bottom: 40px;
}
.mob-social-box {
text-align: center;
background: #8333E0;
}
.mob-social-box .side-social {
font-size: 35px;
margin: 0 auto;
padding: 20px;
}
.mob-social-box .fab, .mob-social-box .fas, .mob-social-box .fa {
color: #fff;
}
.crafted-mobile-heading {
font-size: 27px;
}
.crafted-mobile-heading i {
font-size: 100px;
display: block;
}
.partnerSlider {
overflow: hidden;
white-space: nowrap;
height: 160px;
}
#slideHolder div {
text-align: center !important;
}
.slide {
left: 50% !important;
transform: translateX(-50%);
}
.powered-by-logo {
margin: 15px 20px 75px !important;
height: 4vw;
display: inline-block !important;
border-radius: 0;
}
/* Popup
--------------------------------------------------------------------------------------------------------------- */
#popup-page-dialog {
display: none;
position: fixed;
z-index: 11;
left: 50%;
top: 210px;
transform: translateX(-50%);
}
#popup-cross {
font-size: 60px;
position: absolute;
top: -50px;
left: 15px;
color: #fff;
cursor: pointer;
}
/* Popup - 'Only 2 Weeks to Go' - 12/3/2019
--------------------------------------------------------------------------------------------------------------- */
.pop-up-window {
position: fixed;
display: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
top: 0;
z-index: 99;
padding-bottom: 100px;
overflow-y: scroll;
}
.pop-up-box-outer {
width: 600px;
max-width: 90%;
position: absolute;
text-align: center;
left: 50%;
top: 10%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.9);
padding: 25px;
}
.pop-up-box-inner {
position: relative;
color: #fff;
padding-top: 50px;
border: 1px solid #fff;
border-radius: 10px;
}
.pop-up-box-inner h1 {
font-size: 36px;
font-weight: 600;
margin: 0px;
}
.pop-up-box-inner h2 {
font-size: 26px;
font-weight: 600;
color: #fff;
background: linear-gradient(#00a69b, #006b6a);
display: inline-block;
padding: 15px 60px;
border-radius: 60px;
margin: 30px 0px;
}
.pop-up-box-inner h3 {
font-size: 20px;
margin: 10px 0px 60px;
}
.pop-up-box-inner p {
text-align: left;
font-size: 20px;
margin: 0px 0px 30px 70px;
}
.pop-up-box-inner img {
margin-right: 35px;
}
.pop-up-box-inner .twoweek-popup-close {
position: absolute;
top: 10px;
right: 14px;
cursor: pointer;
margin-right: 0px;
}
@media (max-width: 650px) {
.pop-up-box-outer {
max-width: 95%;
padding: 15px;
}
.pop-up-box-inner h1 {
font-size: 19px;
}
.pop-up-box-inner h2 {
font-size: 10px;
}
.pop-up-box-inner img {
width: 35px;
margin-right: 5px;
}
.pop-up-box-inner p {
font-size: 13px;
margin: 0px 0px 7vw 4vw;
}
}
/* Show Info Pop-up
--------------------------------------------------------------------------------------------------------------- */
#popup-page-dialog-info {
display: none;
position: absolute;
top: 210px;
left: 50%;
transform: translate(-50%);
width: 90%;
background: #fff;
z-index: 11;
border: 5px solid #3ec4dd;
}
.show-info-col {
width: 48%;
display: inline-block;
padding: 0 2%;
vertical-align: top;
}
.show-info-col h2 {
text-decoration: underline;
font-weight: bold;
}
.show-info-heading {
font-size: 42px;
text-align: center;
color: #3ec4dd;
margin: 30px 0px;
}
#popup-cross-info {
font-size: 60px;
position: absolute;
top: -50px;
right: 15px;
color: #3ec4dd;
cursor: pointer;
}
@media (max-width: 660px) {
.show-info-col {
width: 98%;
}
}
/* Mobile Menu
--------------------------------------------------------------------------------------------------------------- */
#burger-container {
position: relative;
display: none;
height: 50px;
width: 50px;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
vertical-align: middle;
float: right;
margin-top: 20px;
margin-right: 20px;
}
#burger {
width: 22px;
height: 8px;
position: absolute;
display: block;
margin: -4px auto 0;
top: 50%;
right: 10%;
}
.bar {
width: 100%;
height: 2px;
display: block;
position: relative;
background: #3ec4dd;
transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition-delay: 0s;
}
.top-bar {
transform: translateY(-5px) translateX(-10px) rotate(0deg);
}
.mid-bar {
transform: translate(-10px);
}
.btm-bar {
transform: translateY(5px) translateX(-10px) rotate(0deg);
}
.burger-container-open {
transform: rotate(90deg);
}
.bar-open {
transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition-delay: 0.2s;
}
.top-bar-open {
transform: translateY(4px) translateX(-10px) rotate(45deg);
}
.btm-bar-open {
transform: translateY(3px) translateX(-10px) rotate(-45deg);
}
.dropdown {
bottom: 0;
width: 100%;
height: 0px;
background-color: #fff;
transition: 0.4s ease-in-out;
overflow-y: scroll;
}
.dropdown ul {
padding: 0px;
margin: 0px;
}
.dropdown ul a {
text-decoration: none;
color: #3ec4dd;
list-style-type: none;
text-align: center;
}
.dropdown li {
padding: 12px;
border-bottom: 1px dotted #6b6b6b;
transition: 0.1s;
}
.dropdown li:hover {
color: #fff;
background-color: #3ec4dd;
transition: 0.1s;
}
.dropdown-open {
height: 800px;
padding-bottom: 650px;
}
/* padding-bottom allows the mobile-menu to scroll */
.mobdrop {
display: none;
overflow: hidden;
}
.mob-select {
background-color: #3ec4dd !important;
color: #fff !important;
}
.mobile-dates {
font-weight: 700;
font-size: 40px;
margin-top: 30px;
text-align: left;
}
.mobile-venue {
font-size: 26px;
text-align: left;
}
.mobile-tagline {
font-size: 20px;
text-align: left;
}
.mobile-button {
text-align: center;
padding: 30px 10px;
background-color: #3ec4dd;
color: #fff;
margin: 30px 30px;
border-radius: 4px;
font-size: 20px;
font-weight: 700;
}
/* Basic Slider
--------------------------------------------------------------------------------------------------------------- */
.txtoverlay {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
white-space: normal;
}
.centralise {
display: block;
max-width: 100%;
height: 100%;
padding: 0;
margin: 0px auto;
}
.verticalwrap {
display: table;
width: 100%;
height: 100%;
border: none;
}
.txtoverlay article {
padding: 0;
border: none;
vertical-align: middle;
width: 85%;
margin-left: auto;
margin-right: auto;
display: grid;
justify-content: center;
align-content: center;
height: 100%;
position: absolute;
width: 100%;
margin: 0 auto;
left: 50%;
transform: translateX(-50%);
height: 100%;
}
@media (max-width: 1050px) {
.txtoverlay article {
top: -30px;
}
}
.txtoverlay .heading-wrap {
max-width: 900px;
margin: 0 auto;
text-align: center;
}
@media (max-width: 1050px) {
.txtoverlay .heading-wrap {
max-width: 85%;
}
}
.txtoverlay .heading-wrap h3 {
font-size: 40px;
}
@media (max-width: 1050px) {
.txtoverlay .heading-wrap h3 {
font-size: 16px;
}
}
.txtoverlay .heading-wrap h3.smaller {
font-size: 32px;
}
.txtoverlay .heading-wrap h2 {
color: #fff;
line-height: 0.9;
font-size: 110px;
font-weight: 400;
margin-bottom: 0;
}
.txtoverlay .heading {
font-size: 60px;
line-height: 60px;
margin-bottom: 30px;
}
.txtoverlay .btn {
display: inline-block;
padding: 15px 30px;
border-radius: 8px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
background-color: #003254;
transition: 0.2s;
}
.txtoverlay .btn:hover {
background-color: #0076b4;
}
.txtoverlay .pushright {
margin-right: 25px;
}
.txtoverlay h3 {
color: #fff;
font-size: 48px;
margin-bottom: 0;
line-height: 1.4em;
}
.red-stats {
max-width: 620px;
list-style: none;
float: right;
position: absolute;
top: 50%;
display: flex;
flex-direction: column;
gap: 15px;
transform: translateY(-50%);
left: 0;
padding-left: 0;
}
.red-stats li {
color: #fff;
background: #8333E0;
box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.2);
font-size: 25px;
padding: 15px 20px;
padding-left: 35px;
border-radius: 0 12px 12px 0;
position: relative;
letter-spacing: 1.5px;
font-weight: 400;
font-family: "dharma-gothic-m";
font-style: italic;
}
.red-stats li .figure {
display: block;
font-weight: 900;
font-size: 40px;
line-height: 0.8;
}
@media (max-width: 1400px) {
.red-stats li .figure {
font-size: 40px;
}
}
.red-stats li:not(:last-child) {
margin-bottom: 10px;
}
.slider-dates {
color: #fff;
font-size: 60px;
line-height: 91px;
font-family: "dharma-gothic-c", sans-serif;
background: linear-gradient(45deg, rgb(111, 21, 24) 0%, rgb(245, 16, 25) 50%, rgb(111, 21, 24) 100%);
display: inline;
}
@media (max-width: 1600px) {
.txtoverlay .heading-wrap h2 {
font-size: 100px;
}
}
@media (max-width: 1350px) {
.slider-dates {
font-size: 50px;
margin-bottom: 0px;
}
.txtoverlay h3 {
font-size: 36px;
}
.txtoverlay .heading-wrap h2 {
font-size: 54px;
}
}
@media (max-width: 1115px) {
.slider-dates {
font-size: 40px;
}
}
@media (max-width: 1115px) {
.txtoverlay h3 {
font-size: 30px;
}
}
@media (max-width: 1050px) {
.slider-dates {
font-size: 50px;
line-height: 55px;
}
.just-eat-box,
.dates-text-alt,
.dates-banner {
display: none;
}
}
/* Services
--------------------------------------------------------------------------------------------------------------- */
#services {
padding: 50px 0;
display: none;
}
@media (max-width: 1050px) {
#services {
display: block;
}
}
/* Latest
---------------------------------------------------------------------------------------------------------------*/
.latest {
display: block;
width: 100%;
max-width: 2000px;
margin: 0 auto;
}
.latest ul {
background: #e4e4e4;
}
.latest ul li {
display: inline-block;
vertical-align: top;
width: 18%;
min-width: 230px;
min-height: 100%;
padding: 10px;
border-radius: 5px;
}
.latest ul li:first-child, .latest ul li:nth-child(5n+1) {
margin-left: -1px;
clear: left;
}
.latest ul li figure {
display: block;
max-width: 100%;
border: solid;
border-width: 0 0 0 1px;
}
.latest ul li figure img {
width: 100%;
}
.latest ul li figure figcaption * {
margin: 0;
padding: 0;
font-size: 24px;
color: #000;
}
figcaption.inspace-30.center {
min-height: 115px;
}
.latest a.overlay {
display: block;
position: relative;
}
.latest a.overlay:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
.latest a.overlay:after {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
line-height: 40px;
margin: -18px 0 0 -18px;
padding: 0;
border-radius: 50%;
font-family: "FontAwesome";
/* content:"\f0c1"; */
font-size: 18px;
text-align: center;
}
.latest a.overlay:before, .latest a.overlay:after {
opacity: 0.4;
z-index: 1;
}
.latest a.overlay:hover:before, .latest a.overlay:hover:after {
opacity: 1;
}
/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container {
padding: 80px 5px 70px;
}
.container.nospace {
padding-bottom: 0;
}
.container.no-vertical-space {
padding-top: 0;
padding-bottom: 0;
}
.container .content {
background-color: #fff;
padding: 10px;
border-radius: 5px;
}
/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer {
padding: 50px 15px;
}
#footer .title {
margin: 0 0 30px 0;
padding: 0 0 8px 0;
font-size: 16px;
font-weight: 600;
}
#footer .linklist li {
margin-bottom: 10px;
}
#footer .linklist li:last-child {
margin-bottom: 0;
}
#footer .smallfont {
font-size: 0.8em;
margin: 0;
}
#footer input,
#footer button {
border: none;
border-radius: 5px;
}
#footer input {
display: block;
width: 100%;
padding: 8px;
}
#footer button {
padding: 6px 12px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}
/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright {
padding: 30px 0;
}
#copyright * {
margin: 0;
padding: 0;
}
/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
/* .faico a, #mainav *, .latest ::before, .latest ::after, #backtotop{transition:all .3s ease-in-out;} */
/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul,
nav ol {
margin: 0;
padding: 0;
list-style: none;
}
#mainav,
#breadcrumb,
.sidebar nav {
line-height: normal;
}
#mainav .drop::after,
#mainav li li .drop::after {
position: absolute;
font-family: "FontAwesome";
font-size: 10px;
line-height: 10px;
}
#breadcrumb li a::after,
.sidebar nav a::after {
position: absolute;
font-family: "FontAwesome";
font-size: 10px;
line-height: 10px;
}
/* Top Navigation */
#mainav {
text-align: center;
}
#mainav ul ul {
z-index: 9999;
position: absolute;
width: 140px;
text-transform: none;
}
#mainav ul ul ul {
left: 160px;
top: 0;
}
#mainav li {
display: inline-block;
position: relative;
margin: 0 15px 0 0;
padding: 0;
}
#mainav li:last-child {
margin-right: 0;
}
#mainav li li {
width: 100%;
margin: 0;
}
.mainav li {
font-size: 18px;
}
.mainav li a {
display: block;
padding: 18px 4px 17px;
transition: color 0.2s, background-color 0.2s;
padding-left: 4px !important;
}
.mainav-alt li a {
display: block;
padding: 10px 4px 10px 15px;
color: #242424;
transition: color 0.2s;
}
#mainav li li a {
border: solid;
border-width: 0 0 1px 0;
}
#mainav .drop {
padding-left: 15px;
}
#mainav li li a,
#mainav li li .drop {
display: block;
margin: 0;
padding: 10px 5px;
}
#mainav .drop::after,
#mainav li li .drop::after {
content: "";
}
#mainav .drop::after {
top: 25px;
left: 5px;
}
#mainav li li .drop::after {
top: 15px;
left: 5px;
}
#mainav ul ul {
visibility: hidden;
opacity: 0;
}
#mainav ul li:hover > ul {
visibility: visible;
opacity: 1;
transition: 0.2s;
}
.mainav ul li ul li {
font-size: 16px;
}
.mainav ul ul {
transform: translateX(-2px);
}
#mainav form {
display: none;
margin: 0;
padding: 0;
}
#mainav form select {
display: block;
cursor: pointer;
outline: none;
width: 100%;
padding: 5px;
border: 1px solid;
}
#mainav form select option {
display: block;
cursor: pointer;
outline: none;
margin: 5px;
padding: 0;
border: none;
}
@media (max-width: 960px) {
#mainav li {
margin: 0 18px 0 0;
}
}
/* Breadcrumb */
#breadcrumb {
padding: 15px 0;
border-top: 1px solid;
}
#breadcrumb ul {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
#breadcrumb li {
display: inline-block;
margin: 0 6px 0 0;
padding: 0;
}
#breadcrumb li a {
display: block;
position: relative;
margin: 0;
padding: 0 12px 0 0;
font-size: 12px;
}
#breadcrumb li a::after {
top: 3px;
right: 0;
content: "\f101";
}
#breadcrumb li:last-child a {
margin: 0;
padding: 0;
}
#breadcrumb li:last-child a::after {
display: none;
}
/* Back to Top */
#backtotop {
z-index: 999;
display: inline-block;
position: fixed;
visibility: hidden;
bottom: 20px;
right: 20px;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 5px;
font-size: 16px;
text-align: center;
opacity: 0.2;
}
#backtotop i {
display: block;
width: 100%;
height: 100%;
line-height: inherit;
}
#backtotop.visible {
visibility: visible;
opacity: 0.5;
}
#backtotop:hover {
opacity: 1;
}
.clearfix {
clear: both;
}
/* Tables
--------------------------------------------------------------------------------------------------------------- */
table,
th,
td {
border: 1px solid;
border-collapse: collapse;
vertical-align: top;
}
table,
th {
table-layout: auto;
}
table {
width: 100%;
margin-bottom: 15px;
}
th {
padding: 5px 8px;
}
td {
padding: 5px 8px;
border-width: 0 1px;
}
/* About
--------------------------------------------------------------------------------------------------------------- */
.show-container {
text-align: center;
}
.show-box {
display: inline-block;
vertical-align: top;
position: relative;
width: 159px;
margin-right: -5px;
}
.show-box figure {
background: #fff;
margin-bottom: -1px;
border: #e5e5e5 1px solid;
text-align: center;
height: 100px;
text-align: center;
}
.show-box figure img {
max-width: 100px;
max-height: 80px;
margin: 35px auto 0;
vertical-align: middle;
display: inline-block;
}
.about-prysm-logo {
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery {
display: block;
width: 100%;
margin-bottom: 50px;
}
#gallery figure figcaption {
display: block;
width: 100%;
clear: both;
}
.gallery-list {
list-style: none;
margin: 0;
margin-top: 40px;
padding: 0;
text-align: center;
}
.gallery-box {
vertical-align: top;
display: inline-block;
position: relative;
width: 150px;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 10px;
text-align: center;
}
.gallery-box img {
transition: 0.3s;
width: 100%;
cursor: pointer;
}
.gallery-box img:hover {
transform: scale(0.95);
transition: 0.3s;
}
@media screen and (max-width: 500px) {
.gallery-box {
width: 120px;
}
.gallery-list {
margin-top: 20px;
}
}
/* Showguide
--------------------------------------------------------------------------------------------------------------- */
#issuu-showguide {
width: 99%;
height: 600px;
}
@media (max-width: 710px) {
#issuu-showguide {
height: 400px;
}
}
@media (max-width: 480px) {
#issuu-showguide {
height: 300px;
}
}
/* Exhibitors
--------------------------------------------------------------------------------------------------------------- */
.exhibitors-container {
max-width: 1200px;
margin: 120px auto 0px;
}
.exhibitor-frame {
width: 160px;
height: 160px;
overflow: hidden;
line-height: 160px;
border: #e5e5e5 1px solid;
margin: 10px auto 10px;
background: #fff;
cursor: pointer;
}
.exhibitor-image {
max-width: 75%;
transition: 0.4s;
max-height: 85%;
}
.exhibitor-logo {
max-width: 180px;
margin: 30px auto 0;
}
.exhibitors-list {
display: grid;
width: 100%;
grid-gap: 60px;
grid-auto-flow: dense;
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
grid-auto-rows: 290px;
padding: 0px 10px;
}
.exhibitor-box-list {
position: relative;
background: rgba(255, 255, 255, 0.8);
border-radius: 12px;
color: #fff;
display: block;
text-align: center;
grid-column: span 1;
grid-row: span 1;
box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.4);
transition: 0.3s;
}
.exhibitor-box-list:hover {
transform: translateY(-10px);
box-shadow: 0px 20px 15px 5px rgba(0, 0, 0, 0.4);
}
.exhibitor-box-list h2 {
color: #000;
margin: 20px 0px 12px;
padding: 0px 10px;
}
.exhibitor-box-wrapper {
overflow: hidden;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.listing-medium-box {
background: url(/images/exhibit-test-background-thin.png);
background-size: cover;
grid-column: span 2;
grid-row: span 2;
}
.listing-medium-box h2 {
color: #fff;
text-align: left;
font-size: 30px;
margin: 35px 35px 0px;
text-shadow: 1px 1px 10px #000;
}
.listing-medium-box .exhibitor-frame {
background: rgba(255, 255, 255, 0.8);
border-radius: 0px;
width: 100%;
bottom: -10px;
position: absolute;
text-align: left;
padding-left: 40px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.listing-medium-box .list-stand-icon {
width: 65px;
top: auto;
bottom: 44px;
z-index: 1;
right: 25px;
}
.listing-medium-box .list-stand-number {
right: 105px;
font-size: 36px;
bottom: 25px;
z-index: 1;
}
.listing-large-box,
.sponsor-large-box {
background: url(/images/exhibit-test-background.png);
background-size: cover;
grid-column: span 3;
grid-row: span 2;
}
.listing-large-box h2,
.sponsor-large-box h2 {
color: #fff;
text-align: left;
font-size: 30px;
margin: 35px 35px 0px;
text-shadow: 1px 1px 10px #000;
}
.listing-large-box .exhibitor-frame,
.sponsor-large-box .exhibitor-frame {
background: rgba(255, 255, 255, 0.8);
border-radius: 0px;
width: 100%;
bottom: -10px;
position: absolute;
text-align: left;
padding-left: 40px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.listing-large-box .list-stand-icon,
.sponsor-large-box .list-stand-icon {
width: 65px;
top: auto;
bottom: 44px;
z-index: 1;
right: 25px;
}
.listing-large-box .list-stand-number,
.sponsor-large-box .list-stand-number {
right: 105px;
font-size: 36px;
bottom: 25px;
z-index: 1;
}
.exhibitors-list {
display: grid;
width: 100%;
grid-gap: 20px;
grid-auto-flow: dense;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
grid-auto-rows: 290px;
}
.stand-number {
background-color: #3ec4dd;
color: #fff;
padding: 5px;
border-radius: 2px;
margin-bottom: 0px;
text-align: center;
}
.list-stand-icon {
width: 32px;
position: absolute;
right: 12px;
top: 12px;
}
.list-stand-number {
color: #000;
position: absolute;
right: 50px;
font-size: 15px;
}
.sponsor-tag {
position: absolute;
right: -14px;
top: -12px;
}
.list-twitter-icon {
color: #fff;
background-color: #00aced;
font-size: 40px;
padding: 10px 10px;
border-radius: 8px;
position: absolute;
left: 25px;
bottom: 185px;
transition: 0.15s;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4);
z-index: 1;
}
.list-twitter-icon:hover {
color: #00aced;
background-color: transparent;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1250px) {
.exhibitors-top h1 {
padding: 60px 0px 80px;
font-size: 16vw;
}
.exhibitors-page-container {
padding-top: 5vw;
}
}
@media screen and (max-width: 1020px) {
.exhibitors-list {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 45px;
}
.exhibitor-box-list h2 {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.exhibitors-list {
grid-gap: 30px;
}
.exhibitor-frame {
width: 150px;
height: 150px;
line-height: 150px;
}
.list-stand-icon {
right: 6px;
top: 6px;
}
.list-stand-number {
right: 44px;
margin-top: 8px;
}
}
@media screen and (max-width: 700px) {
.listing-medium-box .list-stand-icon,
.listing-large-box .list-stand-icon,
.sponsor-large-box .list-stand-icon {
width: 50px;
right: 15px;
}
.listing-medium-box .list-stand-number,
.listing-large-box .list-stand-number,
.sponsor-large-box .list-stand-number {
right: 15px;
font-size: 24px;
bottom: 74px;
}
}
@media screen and (max-width: 600px) {
.exhibitors-top h1 {
padding: 60px 0px 60px;
}
.container {
padding: 0px;
}
.exhibitors-list {
grid-template-columns: 1fr 1fr;
grid-gap: 0px;
}
.sponsor-large-box,
.listing-large-box,
.listing-medium-box {
grid-column: span 1;
grid-row: span 1;
}
.exhibitors-list {
grid-auto-rows: 40vw;
padding: 0px;
}
.exhibitor-box-list {
margin: 0px;
box-shadow: none;
}
.exhibitor-box-list:hover {
transform: none;
}
.exhibitor-frame {
width: 100%;
height: 100%;
margin: 0px;
border-radius: 0px;
line-height: 40vw;
}
.list-twitter-icon {
display: none;
}
.sponsor-tag {
right: 0px;
top: 0px;
width: 28vw;
z-index: 1;
}
.list-stand-number {
background: rgba(255, 255, 255, 0.7);
border-radius: 2px;
height: 21px;
right: 40px;
}
.list-stand-icon {
width: 28px;
}
.listing-medium-box .exhibitor-frame,
.listing-large-box .exhibitor-frame {
bottom: auto;
border-radius: 0px;
background: #fff;
}
.sponsor-large-box .exhibitor-frame {
bottom: auto;
border-radius: 0px;
background: #fff;
}
.sponsor-large-box .list-stand-icon {
width: 28px;
top: 6px;
left: 6px;
right: auto;
}
.listing-medium-box .list-stand-icon,
.listing-large-box .list-stand-icon {
width: 28px;
right: 6px;
top: 6px;
}
.sponsor-large-box .list-stand-number {
font-size: 15px;
top: 0px;
left: 40px;
right: auto;
}
.listing-medium-box .list-stand-number,
.listing-large-box .list-stand-number {
font-size: 15px;
right: 40px;
margin-top: 8px;
top: 0px;
}
}
/* Who Visits
--------------------------------------------------------------------------------------------------------------- */
.content-visit {
display: flex;
flex-direction: row;
gap: 50px;
padding: 50px 300px 50px 300px;
}
@media only screen and (max-width: 1250px) {
.content-visit {
flex-direction: column;
padding: 50px 10px 50px 10px;
}
}
.visit-left-side-text {
display: flex;
flex-direction: column;
width: 74.2331288344%;
}
@media only screen and (max-width: 1250px) {
.visit-left-side-text {
width: 100%;
}
}
.visit-left-side-text h1 {
font-size: 26px;
color: #3ec4dd;
}
.visit-left-side-text h2 {
font-size: 22px;
color: #3ec4dd;
}
.visit-left-side-text h3 {
color: #47474e;
font-size: 16px;
}
.visit-left-side-text h4 {
font-size: 16px;
font-weight: bold;
color: #3ec4dd;
margin-top: 30px;
margin-bottom: 0px !important;
}
.visit-left-side-text p {
font-size: 16px;
color: #47474e;
font-weight: 400;
line-height: normal;
}
.visit-left-side-text a {
color: #003254;
text-decoration: underline;
cursor: pointer;
font-weight: bolder;
text-transform: uppercase;
}
.visit-right-side-info {
display: flex;
flex-direction: column;
width: 22.6993865031%;
}
@media only screen and (max-width: 1250px) {
.visit-right-side-info {
width: 100%;
}
}
.visit-right-side-info h2 {
color: white;
background-color: #3ec4dd;
padding: 4px 10px;
border-radius: 2px;
font-size: 22px;
}
.visit-right-side-info h4 {
color: #3ec4dd;
font-size: 16px;
}
.visit-right-side-info h3 {
font-size: 16px;
margin: 0px !important;
}
.visit-right-side-info p {
font-size: 16px !important;
}
.location-visit P {
letter-spacing: 0.9px;
font-size: 16px;
font-weight: 500;
line-height: 26px !important;
}
/* Exhibit
--------------------------------------------------------------------------------------------------------------- */
.supply-list {
display: inline-block;
vertical-align: top;
}
.blur-banner {
background: #000;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
@media (max-width: 1050px) {
.blur-banner {
margin-top: 116px;
}
}
.blur-banner video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
pointer-events: none;
}
.blur-banner .filter {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background: rgba(0, 50, 84, 0.5);
background-blend-mode: multiply;
}
.blur-banner h1 {
font-size: 70px;
position: relative;
font-style: italic;
line-height: 0.9;
}
.blur-banner h1 strong {
display: block;
font-size: 130px;
}
.blur-banner .nav-button-list {
padding: 0;
position: relative;
}
.blur-banner .nav-button-list .nav-btn {
display: inline-block;
}
.blur-banner .nav-button-list .nav-btn:not(:last-of-type) {
margin-right: 20px;
}
.box-slider {
min-height: 500px;
padding: 25px;
transform: translateY(-220px);
overflow: hidden;
}
.box-slider .tns-nav {
bottom: 20px;
}
.box-slider .tns-nav button {
background: #fff;
}
.box-slider .tns-nav button.tns-nav-active {
background: #3ec4dd;
}
.box-slider .italic-heading {
font-size: 75px;
}
.box-slider p {
padding: 0;
font-size: 26px;
}
.text-sections {
padding: 40px 0;
padding-bottom: 62px;
}
.opening-para .bottom-right-fix {
max-height: 592px;
overflow-y: hidden;
max-width: 1000px;
transform: translateY(-220px);
margin-bottom: -220px;
}
.opening-para .bottom-right-fix img {
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
height: 100%;
pointer-events: none;
}
.crafted-heading-face h2 {
font-size: 90px;
font-style: italic;
line-height: 0.9;
}
.crafted-heading-face h2 strong {
font-size: 150px;
display: block;
}
.tick {
position: relative;
}
.tick:after {
position: absolute;
left: -75px;
top: 0;
font-size: 30px;
padding: 5px;
text-align: center;
color: #3ec4dd;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f00c";
}
.face .flex-section .slide-text {
padding-left: 150px;
max-width: 630px;
}
.card-quote {
box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.29);
background: #fff;
padding: 25px 50px;
margin: 20px 0;
max-width: 32%;
transition: ease 0.3s;
min-height: 338px;
}
.card-quote p {
line-height: 1.2;
}
.card-quote:not(:last-of-type):not([aria-hidden=true]) {
margin-right: 10px;
}
.big-quote {
background: #8333E0;
padding: 40px 30px;
max-width: 500px;
min-height: 350px;
}
.big-quote .quote-text {
font-size: 18px;
line-height: 1.3;
font-style: italic;
}
.crafted-heading-testimonials {
text-align: right;
}
.crafted-heading-testimonials h2 {
font-size: 150px;
font-style: italic;
line-height: 0.9;
margin-bottom: -30px;
}
.testimonials .bottom-right-fix {
position: absolute;
right: 0;
bottom: 0;
max-width: 1200px;
z-index: -1;
}
.testimonials .bottom-right-fix img {
pointer-events: none;
}
.testimonials.tinyslider {
padding: 0;
}
.testimonials-slider {
transform: translateY(140px);
margin-top: -130px;
}
.testimonials-slider .tns-nav {
bottom: -20px;
}
.testimonials-slider .tns-nav button {
background: #707070;
}
.testimonials-slider .tns-nav button.tns-nav-active {
background: #3ec4dd;
}
.accords {
list-style: none;
}
.accords li {
border-bottom: 1px dotted #000;
padding: 30px 0;
cursor: pointer;
background: rgba(255, 255, 255, 0.25);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
text-align: left;
}
.accords li .fas {
font-size: 28px;
padding-left: 10px;
float: right;
}
.suppliers {
padding: 150px 0;
}
.suppliers ul {
list-style-type: square;
color: #000;
}
.suppliers .flex-section {
display: flex;
padding: 0;
}
.suppliers .flex-section.list div {
padding: 0 20px;
}
.suppliers .col-wide {
max-width: 700px;
padding-right: 40px;
border-right: 1px solid #000;
}
.suppliers .col {
padding-left: 40px;
}
.suppliers h3 {
font-size: 40px;
}
.icon-100 {
max-width: 100px;
}
.max-300 {
max-width: 300px;
}
.callout {
background: #8333E0;
text-align: center;
}
.callout h2 {
font-size: 100px;
}
.callout a {
color: #fff;
}
.callout.alternate {
background: #fff;
}
.callout.alternate a {
color: #8333E0;
}
.callout.alternate form input:not([type=submit]) {
background: #404040;
color: #fff;
border: none;
width: 48%;
display: inline-block;
padding: 15px 30px;
font-size: 20px;
margin-bottom: 20px;
transition: ease 0.3s;
box-shadow: inset 0 0 0px 3px transparent;
}
.callout.alternate form input:not([type=submit]):focus {
box-shadow: inset 0 0 0px 3px #fff;
}
@media (max-width: 600px) {
.callout.alternate form input:not([type=submit]) {
width: 100%;
display: block;
}
}
.callout.alternate #media-pack-button {
width: 100%;
max-width: 200px;
font-size: 20px;
}
.form-sidebar {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 150px;
z-index: 5;
}
.form-sidebar .button {
font-size: 48px;
letter-spacing: 1.5px;
font-weight: 900;
}
@media (max-width: 1600px) {
.form-sidebar {
top: 75%;
left: -50px;
transition: ease 0.3s;
transform: translateY(-75%);
}
.form-sidebar .button {
font-size: 25px;
letter-spacing: 2px;
font-weight: 900;
}
.form-sidebar:hover {
left: 0;
}
}
@media (max-width: 1050px) {
.form-sidebar {
display: none;
}
}
.popupform {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
padding: 40px;
max-width: 768px;
min-width: 500px;
}
.popupform #close-pop {
border: none;
float: right;
background: none;
font-size: 30px;
color: #000;
cursor: pointer;
}
.popupform form input[type=text],
.popupform form input[type=tel],
.popupform form input[type=email],
.popupform form input[type=number] {
padding: 5px;
font-size: 18px;
margin-bottom: 20px;
width: 100%;
border: 1px solid #000;
}
.popupform form .form-row .main-title {
font-size: 46px;
}
.marketing-oppurtunities {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.marketing-oppurtunities .crafted-heading-marketing {
margin-bottom: 70px;
}
.marketing-oppurtunities .crafted-heading-marketing h2 {
font-size: 80px;
}
.marketing-oppurtunities .crafted-heading-marketing h2 strong {
font-size: 150px;
display: block;
line-height: 0.9;
}
.marketing-oppurtunities .max-500 {
max-width: 768px;
margin: 10px auto;
}
.marketing-oppurtunities .max-500 .big-para {
margin: 20px auto;
font-size: 24px;
}
.marketing-oppurtunities .opp-list {
margin-top: 40px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 20px;
list-style-type: none;
padding: 0;
}
.marketing-oppurtunities .opp-list li {
text-align: center;
}
.marketing-oppurtunities .opp-list li .opp-icon {
max-width: 150px;
margin: 0 auto;
}
.marketing-oppurtunities .opp-list li:nth-child(2) {
-ms-grid-column: 2;
}
.marketing-oppurtunities .opp-list li:nth-child(3) {
-ms-grid-column: 3;
}
.marketing-oppurtunities .opp-list li:nth-child(4) {
-ms-grid-column: 4;
}
/*Speakers
--------------------------------------------------------------------------------------------------------------- */
.speaker-list {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.hidden-speakers {
display: none;
}
@media (max-width: 1400px) {
.hidden-speakers {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 32px;
grid-column: span 2;
}
}
.max-container {
max-width: 1920px;
}
.speakers-block .speakers-rows {
padding-left: 0;
}
.speakers-block .speaker-row {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 32px;
align-items: self-start;
}
.speakers-block .speaker-row .speaker-box {
min-height: 470px;
overflow: visible;
}
.speakers-block .speaker-row .speaker-box img {
width: 100%;
box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.25);
}
.speakers-block .speaker-row-container {
max-width: 1200px;
margin: 0 auto;
}
@media (max-width: 1225px) {
.speakers-block .speaker-row-container {
padding: 0 10px;
}
}
.speakers-block .speaker-row-container .flex {
display: flex;
align-items: flex-start;
}
@media (max-width: 1400px) {
.speakers-block .speaker-row-container .flex {
display: block;
}
}
.speakers-block .speaker-row-container .offset-box {
max-width: 946px;
margin-right: 32px;
width: 100%;
background: #003254;
padding-top: 60px;
padding-bottom: 1px;
margin-bottom: 32px;
}
.speakers-block .speaker-row-container .offset-box .right-align-box {
margin-left: auto;
margin-right: 0;
max-width: 589px;
}
@media (max-width: 1919px) {
.speakers-block .speaker-row-container .offset-box {
max-width: 48.65vw;
}
}
@media (max-width: 1400px) {
.speakers-block .speaker-row-container .offset-box {
max-width: 100%;
}
.speakers-block .speaker-row-container .offset-box .right-align-box {
max-width: 1200px;
margin: 0 auto;
}
}
@media (max-width: 1225px) {
.speakers-block .speaker-row-container .offset-box .right-align-box {
padding: 0 10px;
}
}
.speakers-block .speaker-row-container .offset-box h2 {
font-size: 35px;
}
.speakers-block .speaker-row-container .offset-box h2 i.italic-heading {
font-size: 190px;
display: block;
line-height: 0.9;
}
@media (max-width: 1500px) {
.speakers-block .speaker-row-container .offset-box h2 i.italic-heading {
font-size: 130px;
}
}
.speakers-block .speaker-row-container .offset-box p {
font-size: 28px;
margin-bottom: 70px;
line-height: 1.2;
}
.speakers-block .speaker-row-container.left {
margin-left: 0;
max-width: 1600px;
padding-left: 0;
}
.speakers-block .speaker-row-container.left .speaker-row {
grid-template-columns: 1fr 1fr;
max-width: 581px;
margin-bottom: 55px;
}
@media (max-width: 1400px) {
.speakers-block .speaker-row-container.left .speaker-row {
display: none;
}
}
@media (max-width: 1050px) {
.speakers-block {
display: none;
}
}
.speaker-box {
vertical-align: top;
display: inline-block;
position: relative;
text-align: center;
overflow: hidden;
}
.speaker-box h2 {
margin: 0px;
font-size: 18px;
color: #3ec4dd;
font-weight: 600;
}
.speaker-box figure {
transition: 0.4s;
background: #fff;
border-radius: 5px;
}
.speaker-box figure:hover {
transform: translateY(5px);
}
.speaker-frame {
width: 160px;
height: 160px;
overflow: hidden;
line-height: 160px;
}
.speaker-image {
width: 75%;
transition: 0.4s;
}
.speaker-banner {
margin-bottom: 20px;
width: 100%;
}
.speakers-container {
max-width: 1200px;
margin: 150px auto;
}
.speakers-list {
width: 100%;
grid-gap: 30px;
grid-auto-flow: dense;
grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
display: grid;
}
.speaker-list-keynote, .speaker-list-alphabetical, .speaker-list-all {
display: none;
}
.show-speakers {
display: grid;
}
.speaker-box-list {
position: relative;
background: rgba(255, 255, 255, 0.8);
border-radius: 12px;
color: #fff;
display: block;
text-align: center;
grid-column: span 1;
grid-row: span 1;
box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.4);
transition: 0.3s;
}
.speaker-box-list:hover {
transform: translateY(-10px);
box-shadow: 0px 20px 15px 5px rgba(0, 0, 0, 0.4);
}
.speaker-box-list figure {
width: 160px;
height: 160px;
overflow: hidden;
margin: 22px auto 10px;
background: #fff;
border-radius: 0;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4);
}
.speaker-box-wrapper {
overflow: hidden;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
padding-bottom: 25px;
}
.list-speaker-name {
margin: 0;
color: #000;
margin-bottom: 6px;
}
.list-speaker-org {
margin: 0px;
color: #000;
font-size: 14px;
line-height: 15px;
margin: 0px 0px 5px;
}
.list-seminar-title {
color: #000;
font-size: 12px;
margin: 2px 0px 0px;
line-height: 15px;
font-weight: 600;
}
.keynote_speaker {
grid-row: span 2;
}
.keynote_speaker figure {
width: 220px;
height: 220px;
margin-top: 50px;
}
.keynote_speaker .list-speaker-name {
font-size: 26px;
margin: 20px 0px 8px;
}
.keynote_speaker .list-speaker-org {
border-bottom: 2px solid #000;
margin: 0px 35px 15px;
font-size: 20px;
padding-bottom: 15px;
line-height: 25px;
}
.keynote_speaker .list-seminar-title {
margin: 0px 35px 0px;
font-size: 18px;
line-height: normal;
}
.keynote_speaker .speaker-list-twitter-icon {
bottom: 12px;
right: 12px;
font-size: 35px;
padding: 8px 10px;
top: auto;
}
.speaker-name {
font-size: 18px;
font-weight: 600;
margin: 10px auto 5px;
text-align: left;
}
.speaker-name a {
color: #fff;
}
.speaker-org {
margin: 0px;
color: #fff;
font-size: 13px;
text-align: left;
}
.seminar-title {
margin: 5px 0px;
font-size: 16px;
text-align: left;
color: #fff;
}
.speaker-page-name {
color: #3ec4dd;
font-size: 30px;
margin-top: 0px !important;
margin-bottom: 8px;
}
.speaker-image-box {
width: 200px;
display: inline-block;
vertical-align: top;
}
.speaker-titleholder {
display: inline-block;
width: 56%;
margin-left: 10px;
}
.speaker-page-heading {
font-size: 18px;
margin-bottom: 15px;
}
.speaker-bioholder {
background-color: #e1e1ea;
}
.speaker-bioholder p {
padding: 8px;
}
.speakerpage-speaker-box {
background: rgba(0, 0, 0, 0.65);
padding: 5px;
border-radius: 5px;
height: 420px;
transition: 0.3s;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
overflow: hidden;
}
.speakerpage-speaker-box:hover {
transform: translateY(-10px);
box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.3);
}
.speakerpage-speaker-box figure {
box-shadow: none;
}
.speakerpage-speaker-box figure:hover {
transform: none;
}
.sixty-percent {
width: 58%;
display: inline-block;
float: left;
list-style: none;
}
.forty-percent {
width: 38%;
display: inline-block;
float: right;
margin: 0 0 0 3.0674846626%;
list-style: none;
}
.speaker-social-icon {
width: 30px;
}
.keynote-tag {
position: absolute;
top: -12px;
right: -29px;
z-index: 1;
}
.speaker-switch {
position: relative;
background: #fff;
width: 470px;
height: 50px;
border-radius: 30px;
line-height: 18px;
float: right;
text-align: center;
margin: -50px 0px 40px;
padding-top: 7px;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4), inset 0px 0px 10px 2px rgba(0, 0, 0, 0.4);
}
.speaker-switch p {
display: inline-block;
margin: 0px 30px 0px;
color: #000;
vertical-align: middle;
z-index: 1;
position: relative;
cursor: pointer;
}
@media (max-width: 1200px) {
.speaker-switch {
float: none;
display: block;
margin: 0 auto;
}
}
.speaker-switch-selector {
background: #3ec4dd;
width: 33%;
height: 100%;
position: absolute;
top: 0px;
border-radius: 30px;
left: 0px;
transition: 0.4s;
}
.speaker-switch-selector-alt {
width: 33%;
left: 33%;
}
.speaker-switch-selector-alphabet {
width: 33%;
left: 66%;
}
.speaker-list-twitter-icon {
color: #fff;
background-color: #00aced;
font-size: 28px;
padding: 6px 8px;
border-radius: 8px;
position: absolute;
top: 8px;
right: 8px;
transition: 0.15s;
z-index: 1;
}
.speaker-list-twitter-icon:hover {
color: #00aced;
background-color: transparent;
}
@media screen and (max-width: 1250px) {
.speakers-top h1 {
padding: 60px 0px 80px;
font-size: 16vw;
}
.speakers-page-container {
padding-top: 5vw;
}
}
@media screen and (max-width: 1020px) {
.speakers-list {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 5vw;
padding: 0px 10px;
}
}
@media screen and (max-width: 1050px) {
.keynote_speaker figure {
width: 160px;
height: 160px;
}
.speaker-box-list figure {
width: 125px;
height: 125px;
}
.blur-banner h1 {
font-size: 25px;
}
.blur-banner h1 strong {
font-size: 40px;
}
.box-slider {
transform: none;
}
.bottom-right-fix {
display: none;
}
.card-quote {
margin-right: 0 !important;
max-width: 100%;
padding: 10px;
min-height: 250px;
}
.card-quote p {
font-size: 12px;
}
.testimonials-slider .tns-nav {
bottom: -50px;
}
.crafted-heading-testimonials h2 {
font-size: 40px;
text-align: center;
}
.marketing-oppurtunities .crafted-heading-marketing h2 h2 {
text-align: center;
}
.marketing-oppurtunities .crafted-heading-marketing h2 strong {
font-size: 35px;
}
.big-quote {
display: none;
}
.callout .container {
padding-top: 20px;
}
.callout h2 {
font-size: 40px;
}
.callout h3 {
font-size: 18px;
}
.suppliers {
text-align: center;
padding: 20px 0;
padding-top: 100px;
}
.suppliers h3 {
font-size: 20px;
}
.suppliers ul {
list-style: none;
}
.suppliers .flex-section {
flex-direction: column;
}
.suppliers .col-wide,
.suppliers .col {
border: none;
padding: 0;
}
.opening-para .text-sections {
margin: 0 auto;
padding: 20px;
}
.marketing-oppurtunities .opp-list {
grid-template-columns: 1fr 1fr;
}
.marketing-oppurtunities .opp-list li:nth-child(2) {
-ms-grid-column: 2;
}
.marketing-oppurtunities .opp-list li:nth-child(3) {
-ms-grid-column: 1;
-ms-grid-row: 2;
}
.marketing-oppurtunities .opp-list li:nth-child(4) {
-ms-grid-column: 2;
-ms-grid-row: 2;
}
.crafted-heading-face {
padding: 20px 0;
text-align: center;
margin-bottom: 40px;
}
.crafted-heading-face h2 strong {
font-size: 50px;
}
.callout {
padding-bottom: 30px;
}
.box-slider {
text-align: center;
min-height: 350px;
max-width: 100%;
}
.box-slider p {
padding: 0 !important;
margin: 0 auto;
margin-top: 20px;
}
.popupform {
min-width: 320px;
}
.face .flex-section .slide-text {
padding: 20px;
}
}
@media screen and (max-width: 760px) {
.speakers-list {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 600px) {
.speakers-top h1 {
padding: 60px 0px 120px;
}
.container {
padding: 0px;
}
.speakers-page-container {
padding-top: 0px;
background: transparent;
}
.speakers-page-container .wide-leaves {
display: none;
}
.speakers-list {
padding: 0px;
grid-gap: 0px;
grid-auto-rows: 48vw;
}
.speaker-box-wrapper figure img {
border-radius: 0px;
}
.speaker-box-list {
box-shadow: none;
}
.speaker-box-list figure {
width: 100%;
height: 100%;
margin: 0px;
border-radius: 0px;
}
.speaker-box-list:hover {
transform: none;
}
.keynote_speaker {
grid-row: span 1;
}
.keynote_speaker .speaker-list-twitter-icon {
bottom: auto;
right: auto;
top: 8px;
left: 8px;
font-size: 28px;
padding: 6px 8px;
}
.keynote_speaker .list-speaker-name {
margin: 0px;
}
.list-speaker-org {
margin: 0px 5px 15px;
display: none;
}
.list-seminar-title {
margin: 0px 5px 0px;
display: none;
}
.list-speaker-name {
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
width: 100%;
color: #fff;
background: rgba(0, 0, 0, 0.55);
}
.speaker-switch {
float: none;
margin: -75px auto 25px;
}
.keynote-tag {
top: 0px;
right: 0px;
z-index: 1;
width: 28vw;
}
}
@media screen and (max-width: 420px) {
.keynote_speaker .list-speaker-name {
font-size: 26px;
}
.keynote_speaker .list-speaker-org {
font-size: 18px;
}
.keynote_speaker .list-seminar-title {
font-size: 16px;
}
.speaker-list-twitter-icon,
.keynote_speaker .speaker-list-twitter-icon {
font-size: 24px;
padding: 4px 6px;
}
}
/*Partners
--------------------------------------------------------------------------------------------------------------- */
.partners-container {
max-width: 1200px;
margin: 150px auto 0px;
}
#main-partner,
#media-partners {
text-align: center;
}
#official-charity {
width: 205px;
text-align: center;
float: left;
}
.partner-headers {
color: #3ec4dd;
font-size: 26px;
}
.partners-left {
text-align: left;
padding-left: 22px;
}
.partner-frame {
width: 160px;
height: 160px;
overflow: hidden;
line-height: 160px;
border: #e5e5e5 1px solid;
background: #fff;
}
.partner-image {
width: 75%;
transition: 0.4s;
border-radius: 0;
}
.partner-image:hover {
transform: scale(1.1);
transition: 0.4s;
}
.partner-banner {
width: 100%;
}
.see-more {
margin: 10px;
color: #fff;
background-color: #3ec4dd;
border-radius: 5px;
padding: 4px 12px;
transition: 0.3s;
}
.see-more:hover {
background-color: #fff;
color: #3ec4dd;
font-weight: 700;
}
.partner-tag {
position: absolute;
right: -14px;
top: -12px;
z-index: 1;
}
.partner-frame-list {
width: 200px;
height: 200px;
line-height: 200px;
border: #e5e5e5 1px solid;
margin: 30px auto 10px;
background: #fff;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4);
overflow: hidden;
}
.partner-frame-list .partner-image:hover {
transform: none;
}
.partners-list {
display: grid;
width: 100%;
grid-gap: 60px;
grid-auto-flow: dense;
grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
grid-auto-rows: 350px;
}
.partners-list-headline,
.partners-list-media {
display: none;
}
.partner-box-list {
position: relative;
background: rgba(255, 255, 255, 0.8);
border-radius: 12px;
color: #fff;
display: block;
text-align: center;
grid-column: span 1;
grid-row: span 1;
box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.4);
transition: 0.3s;
}
.partner-box-list:hover {
transform: translateY(-10px);
box-shadow: 0px 20px 15px 5px rgba(0, 0, 0, 0.4);
}
.partner-box-list h2 {
color: #000;
margin: 20px 0px 12px;
padding: 0px 10px;
}
.partner-box-wrapper {
overflow: hidden;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.headline,
.media {
grid-column: span 1;
}
.partner-logo {
width: 222px;
margin-top: 30px;
}
.top-partners {
display: inline-block;
margin: 10px 0px;
}
.partner-box {
vertical-align: top;
display: inline-block;
position: relative;
width: 145px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 30px;
text-align: center;
}
.partner-box:first-of-type {
margin-left: 0;
}
.partner-box:last-of-type {
margin-right: 0;
}
.slide {
background-color: transparent !important;
}
@media screen and (max-width: 1250px) {
.partners-top h1 {
padding: 60px 0px 80px;
font-size: 16vw;
}
.partners-page-container {
padding-top: 5vw;
}
}
@media screen and (max-width: 1020px) {
.partners-list {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 45px;
}
}
@media screen and (max-width: 1050px) {
.partner-box-list h2 {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.partners-list {
grid-gap: 35px;
}
}
@media screen and (max-width: 700px) {
.partner-box-list h2 {
font-size: 16px;
}
.partners-button-box p {
margin: 0px 10px 40px;
font-size: 16px;
padding: 8px 10px;
}
}
@media screen and (max-width: 600px) {
.partners-top h1 {
padding: 60px 0px 100px;
}
.partners-page-container {
padding-top: 0px;
background: #fff;
}
.partners-page-container .wide-leaves {
display: none;
}
.partners-list {
grid-template-columns: 1fr 1fr;
grid-gap: 0px;
grid-auto-rows: 40vw;
}
.media {
grid-column: span 1;
}
.partner-tag {
right: 0px;
top: 0px;
width: 28vw;
z-index: 1;
}
.container {
padding: 0px;
}
.partner-frame-test {
width: 100%;
height: 100%;
margin: 0px;
border-radius: 0px;
line-height: 40vw;
}
.partner-frame-test .partner-image {
width: auto;
max-width: 85%;
max-height: 85%;
}
.headline .partner-frame-test .partner-image {
width: auto;
max-width: 85%;
}
.partner-box-list {
box-shadow: none;
}
.partner-box-list:hover {
transform: none;
}
.partners-button-box {
margin-top: -54px;
}
.partners-button-box p {
margin: 0px 2px 20px;
font-size: 12px;
padding: 4px 4px;
}
}
/*News
--------------------------------------------------------------------------------------------------------------- */
.news-page-container {
max-width: 1000px;
margin: 150px auto 0px;
}
.news-banner {
width: 100%;
}
.news-list {
display: grid;
width: 100%;
grid-gap: 60px;
grid-auto-flow: dense;
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
grid-auto-rows: 290px;
}
.blog-social-button-twitter {
display: inline-block;
margin-right: 5px;
}
.blog-social-button-linkedin {
display: inline-block;
margin-right: 5px;
transform: translateY(-7px);
}
.blog-social-button-facebook {
display: inline-block;
transform: translateY(-7px);
}
.social-media-holder {
width: 100%;
margin: 0 0 20px;
}
.news-box-list {
position: relative;
background: rgba(255, 255, 255, 0.8);
border-radius: 12px;
color: #fff;
display: block;
text-align: center;
grid-column: span 1;
grid-row: span 1;
box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.4);
transition: 0.3s;
border-radius: 12px;
overflow: hidden;
}
.news-box-list:hover {
transform: translateY(-10px);
box-shadow: 0px 20px 15px 5px rgba(0, 0, 0, 0.4);
}
.news-box-list h2 {
color: #fff;
margin: 0px 0px 0px;
padding: 10px 15px 0px;
top: 0px;
position: absolute;
text-align: left;
font-size: 20px;
background: rgba(0, 0, 0, 0.7);
box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.7);
width: 100%;
}
.news-box-featured {
grid-row: span 2;
margin-top: 10px;
}
.blogs-featured-slider {
margin-bottom: 60px;
}
.flexslider .news-box-featured .blog-snippet-image {
height: 100%;
max-width: none;
margin-left: -60%;
}
.flexslider h2 {
white-space: normal;
}
.news-page-container .flex-control-nav {
transform: translateY(40px);
}
.news-page-container .flex-control-paging li a {
background: rgba(255, 255, 255, 0.5);
}
.news-page-container .flex-control-paging li a.flex-active {
background: rgba(255, 255, 255, 0.9);
}
.blog-color-strip {
width: 100%;
height: 30px;
position: absolute;
bottom: 0px;
}
.page-number-box {
text-align: center;
margin: 10px auto 30px;
}
.page-number-box p {
display: inline-block;
margin: 50px 5px 0px;
color: #858585;
font-size: 26px;
text-shadow: 2px 2px 5px #000;
cursor: pointer;
}
.page-number-box .page-number-1 {
color: #3ec4dd;
}
/* override TinyMCE's CSS */
.news-text * {
font-family: "Roboto", sans-serif !important;
}
@media screen and (max-width: 1250px) {
.news-top h1 {
padding: 60px 0px 80px;
font-size: 16vw;
}
.news-page-container {
padding-top: 5vw;
}
}
@media screen and (max-width: 1020px) {
.news-list {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 45px;
}
.news-box-list h2 {
font-size: 16px;
}
}
@media screen and (max-width: 1050px) {
.news-top {
margin-top: 0px;
}
.blog-snippet-image {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}
.news-list {
grid-gap: 30px;
}
}
@media screen and (max-width: 768px) {
.news-list {
grid-gap: 30px;
}
.list-stand-icon {
right: 6px;
top: 6px;
}
.list-stand-number {
right: 44px;
margin-top: 8px;
}
}
@media screen and (max-width: 600px) {
.news-top h1 {
padding: 60px 0px 60px;
}
.news-page-container {
padding-top: 0px;
background: #fff;
}
.news-page-container .wide-leaves {
display: none;
}
.container {
padding: 0px;
}
.news-list {
grid-template-columns: 1fr 1fr;
grid-gap: 0px;
grid-auto-rows: 40vw;
}
.news-box-list {
margin: 0px;
box-shadow: none;
}
.news-box-list:hover {
transform: none;
}
.news-box-list h2 {
font-size: 14px;
}
.list-twitter-icon {
display: none;
}
.sponsor-tag {
right: 0px;
top: 0px;
width: 28vw;
z-index: 1;
}
.list-stand-number {
background: rgba(255, 255, 255, 0.7);
border-radius: 2px;
height: 21px;
right: 40px;
}
.list-stand-icon {
width: 28px;
}
.blog-filter-box h2 {
font-size: 30px;
margin: 10px 0px;
text-shadow: none;
}
.blog-filter-box div {
width: 130px;
margin: 12px 10px;
vertical-align: top;
color: #888888;
}
.blog-filter-box span {
margin: auto;
}
.blog-snippet-image,
.news-box-list {
border-radius: 0px;
}
.page-number-box p {
margin: 30px 5px 30px;
text-shadow: none;
}
}
/*Awards
--------------------------------------------------------------------------------------------------------------- */
.award-nominee-tab {
display: inline-block;
width: 150px;
vertical-align: top;
text-align: center;
margin: 10px;
padding: 15px;
background-color: rgb(230, 231, 233);
color: #000;
border-radius: 5px;
cursor: pointer;
}
.award-nominee-tab h2 {
font-size: 18px;
margin-bottom: 5px;
}
.award-nominee-tab:first-child {
background-color: #333;
color: #fff;
}
.awards-feature-box {
display: inline-block;
vertical-align: top;
position: relative;
width: 160px;
margin: 40px 40px 10px;
vertical-align: bottom;
}
.awards-page-button {
display: block;
margin: 10px auto;
text-align: center;
background-color: #3ec4dd;
color: #fff;
border-radius: 5px;
width: 80%;
padding: 10px 0px;
transition: 0.7s;
}
.awards-page-button:hover {
background-color: #01ccbd;
}
.awards-feature-box figure {
height: 200px;
line-height: 200px;
}
.award-container {
margin-top: 30px;
}
/*Features
--------------------------------------------------------------------------------------------------------------- */
.features-hub-container {
text-align: center;
}
.features-hub-box {
width: 290px;
color: #000;
display: inline-block;
margin: 15px;
vertical-align: top;
text-align: left;
transition: 0.4s;
text-align: center;
}
.features-hub-box:hover {
transform: translateY(-10px);
}
.cma-speakers-list {
padding: 0px;
text-align: center;
}
.cma-text {
margin: 35px 0px;
}
.avaya-member-container {
text-align: center;
}
.avaya-member-box {
width: 200px;
display: inline-block;
vertical-align: top;
margin: 0 20px 10px;
border: solid 1px #3ec4dd;
border-radius: 10px;
overflow: hidden;
}
.avaya-member-box .feature-page-logo {
height: 175px;
line-height: 175px;
}
.avaya-member-box .feature-page-logo img {
width: 90%;
}
/*Delivery Zone
--------------------------------------------------------------------------------------------------------------- */
.feature-container {
text-align: center;
padding: 0px;
}
.feature-box {
display: inline-block;
vertical-align: top;
position: relative;
width: 190px;
height: 460px;
margin: 40px 10px 10px;
}
.feature-box figure {
background: #fff;
margin-bottom: 6px;
border: #e5e5e5 1px solid;
text-align: center;
height: 100px;
text-align: center;
}
.feature-box figure:before {
height: 100%;
display: inline-block;
vertical-align: middle;
content: "";
text-align: center;
}
.feature-box figure img {
max-width: 90px;
max-height: 60px;
margin: 0 auto;
vertical-align: middle;
display: inline-block;
}
.feature-box p {
font-size: 14px;
}
.feature-box h3 {
font-size: 16px;
}
.feature-page-button {
text-align: center;
margin-top: 20px;
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
.feature-page-button a {
padding: 3px 6px;
background-color: #3ec4dd;
color: #fff;
text-decoration: none;
transition: 0.2s;
border-radius: 5px;
border: 2px solid #3ec4dd;
}
.feature-page-button a:hover {
background-color: #fff;
color: #3ec4dd;
font-weight: 600;
}
.feature-visit-button {
text-align: center;
margin-top: 40px;
bottom: 0px;
margin-bottom: 20px;
}
.feature-visit-button a {
padding: 3px 6px;
background-color: #3ec4dd;
color: #fff;
text-decoration: none;
transition: 0.2s;
border-radius: 5px;
border: 2px solid #3ec4dd;
}
.feature-visit-button a:hover {
background-color: #fff;
color: #3ec4dd;
font-weight: 600;
}
.feature-page-logo {
text-align: center;
}
.feature-page-logo img {
width: 300px;
}
/* Visit page
--------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1500px) {
.visit-page-container {
margin-right: 60px;
}
}
@media (max-width: 1200px) {
.visit-page-container {
margin-right: auto;
}
}
@media (max-width: 900px) {
.visit-page-container.topspace-100 {
margin-top: 0;
}
}
.visit-page-container .visit-page-title {
font-size: 84px;
line-height: 118px;
font-weight: 600;
max-width: none;
margin-bottom: 30px;
}
@media (max-width: 900px) {
.visit-page-container .visit-page-title.topspace-100 {
margin-top: 0;
}
}
.visit-page-container .visit-page-description p {
font-size: 50px;
line-height: 54px;
text-align: left;
}
.visit-page-container .visit-page-description .visit-open-times {
font-size: 22px;
line-height: 30px;
margin-top: 30px;
font-weight: 600;
}
.visit-page-container .visit-mapframe {
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.visit-page-container .postcode-enter form h3 {
font-size: 50px;
line-height: 50px;
margin-top: 75px;
float: left;
}
.visit-page-container .postcode-enter form input {
margin-top: 75px;
border: 2px solid #3ec4dd;
padding: 15px 30px;
font-size: 22px;
font-weight: 600;
}
@media (max-width: 1024px) {
.visit-page-container .postcode-enter form input {
margin-top: 0px;
}
}
@media (max-width: 425px) {
.visit-page-container .postcode-enter form input {
padding: 15px 15px;
}
}
.visit-page-container .postcode-enter form .route-plan-button {
background: #3ec4dd;
color: #fff;
cursor: pointer;
transition: 0.4s;
}
.visit-page-container .postcode-enter form .route-plan-button:hover {
background: #fff;
color: #3ec4dd;
}
@media (max-width: 1024px) {
.visit-page-container .postcode-enter form .flex {
width: 100%;
padding-top: 40px;
}
}
.visit-page-container .visit-subtitle {
font-size: 40px;
font-weight: 700;
line-height: 40px;
color: #3ec4dd;
margin: 50px 0 60px;
position: relative;
z-index: 2;
cursor: pointer;
}
.visit-page-container .visit-infobox-collapsible {
display: none;
}
.visit-page-container .visit-infobox-collapsible p {
font-size: 20px;
line-height: 30px;
color: #454545;
margin-bottom: 20px;
}
@media (max-width: 900px) {
.visit-page-container .visit-infobox-collapsible p {
float: none;
display: block;
width: 85%;
margin: 0 auto 20px;
}
}
.visit-page-container .visit-infobox-collapsible .visit-infobox-collapsible-half {
width: 46%;
display: inline-block;
vertical-align: top;
}
@media (max-width: 900px) {
.visit-page-container .visit-infobox-collapsible .visit-infobox-collapsible-half {
float: none;
display: block;
width: 100%;
}
}
.visit-page-container .visit-plusbox {
float: right;
height: 45px;
width: 45px;
background: #3ec4dd;
color: #fff;
text-align: center;
line-height: 45px;
font-size: 45px;
font-weight: 300;
margin: 50px 0 60px;
}
.visit-page-container .visit-plusbox p {
transition: 0.3s;
}
.visit-page-container .visit-plusbox p.plusbox-twist {
transform: rotate(45deg);
}
.visit-page-container .visit-page-content-container {
color: #8333E0;
}
.visit-page-container .visit-page-content-container .visit-item-title-box span {
position: relative;
display: inline-block;
margin-right: 1%;
top: 50%;
transform: translateY(-50%);
}
.visit-page-container .visit-page-content-container .visit-item-title-box h2 {
position: relative;
display: inline-block;
width: 85%;
margin: 0;
font-size: 19px;
font-family: "Paytone One", sans-serif;
top: 50%;
transform: translateY(-50%);
}
.visit-page-container .visit-page-content-container .show-details-wrapper {
color: #fff;
}
@media (max-width: 1024px) {
.visit-page-container .visit-page-content-container .show-details-wrapper {
margin: 0 auto 5%;
text-align: center;
}
}
@media (max-width: 425px) {
.visit-page-container .visit-page-content-container .show-details-wrapper {
margin: 0 auto 10%;
}
}
.visit-page-container .visit-page-content-container .show-details-wrapper .show-details-box-1 {
text-align: center;
background-color: #8333E0;
}
.visit-page-container .visit-page-content-container .show-details-wrapper .show-details-box-1 h2 {
margin: 0;
padding: 3%;
font-size: 47px;
font-weight: 300;
text-transform: unset;
}
.visit-page-container .visit-page-content-container .show-details-wrapper .show-details-box-2 {
padding: 7%;
background-color: #8333E0;
}
.visit-page-container .visit-page-content-container .show-details-wrapper .show-details-box-2 h3 {
color: #fff;
font-size: 25px;
text-transform: uppercase;
}
.visit-page-container .visit-page-content-container .show-details-wrapper .show-details-box-2 p {
font-size: 19px;
}
.visit-page-container .visit-page-content-container .show-details-wrapper .show-details-box-2 .atc-style-blue .atcb-link {
width: 295px;
height: 55px;
line-height: 37px;
text-align: center;
color: #8333E0;
font-size: 29px;
font-family: "Paytone One", sans-serif;
text-decoration: none;
background: #fff;
border-radius: 25px;
box-shadow: none;
font-weight: 500;
}
.visit-page-container .visit-page-content-container .show-details-wrapper .show-details-box-2 .atc-style-blue .atcb-link:hover {
box-shadow: 2px 3px 6px 0 rgba(0, 0, 0, 0.4);
transform: translateY(-5px);
}
@media (max-width: 425px) {
.visit-page-container .visit-page-content-container .show-details-wrapper .show-details-box-2 .atc-style-blue .atcb-link {
width: 215px;
font-size: 19px;
}
}
.visit-page-container .visit-page-content-container .show-details-wrapper .show-details-box-2 .atc-style-blue .atcb-list {
position: absolute;
width: 200px;
height: 225px;
top: 100%;
left: 17%;
z-index: 900;
}
.visit-page-container .visit-page-content-container .show-details-wrapper .show-details-box-2 .atc-style-blue .atcb-list .atcb-item:hover {
background: #fff;
}
.visit-page-container .visit-page-content-container .show-details-wrapper .show-details-box-2 .atc-style-blue .atcb-list .atcb-item .atcb-item-link {
transition: 0.01s;
}
.visit-page-container .visit-page-content-container .show-details-wrapper .show-details-box-2 .atc-style-blue .atcb-list .atcb-item .atcb-item-link:hover, .visit-page-container .visit-page-content-container .show-details-wrapper .show-details-box-2 .atc-style-blue .atcb-list .atcb-item .atcb-item-link:active, .visit-page-container .visit-page-content-container .show-details-wrapper .show-details-box-2 .atc-style-blue .atcb-list .atcb-item .atcb-item-link:focus {
color: #000;
}
.visit-page-container .visit-page-content-container ul .getting-here-icon {
display: block;
width: 88px;
margin: 7px auto;
padding: 10px;
background-color: #8333E0;
}
.visit-page-container .visit-page-content-container ul li {
margin: 3% 0 0 0;
}
.visit-page-container .visit-page-content-container ul li h3 {
text-align: center;
color: #8333E0;
font-size: 19px;
}
.visit-page-container .visit-page-content-container ul li p {
font-size: 15px;
}
.visit-page-container .visit-page-content-container ul li a {
color: #8333E0;
text-decoration: underline;
font-weight: 600;
}
.visit-page-container .visit-page-content-container ul li ul li {
margin: 7% 15% 0 0;
text-align: center;
}
.visit-page-container .visit-page-content-container ul li ul li p {
text-align: left;
}
/*Masterclasses
--------------------------------------------------------------------------------------------------------------- */
.masterclass-header {
display: block;
margin: 0px auto 60px;
}
.masterclass-images {
max-width: 250px;
float: right;
margin: 0px 20px 10px;
}
.workshop-box {
margin: 80px 0px;
}
.masterclass-register-button {
text-align: center;
margin-top: 40px;
bottom: 0px;
}
.masterclass-register-button a {
padding: 6px 12px;
background-color: #3ec4dd;
color: #fff;
text-decoration: none;
transition: 0.2s;
border-radius: 5px;
border: 2px solid #3ec4dd;
font-size: 18px;
}
.masterclass-register-button a:hover {
background-color: #fff;
color: #3ec4dd;
font-weight: 600;
}
.schedule {
background: #e2e2e2;
color: #000;
padding: 10px;
margin-top: 30px;
border-radius: 5px;
position: relative;
}
.schedule h2 {
font-size: 26px;
}
.schedule ul {
padding: 0px;
}
.schedule li {
list-style: none;
padding: 5px;
}
.schedule li:nth-child(odd) {
background-color: #c5c5c5;
border-radius: 5px;
}
.dont-miss {
position: absolute;
right: -6px;
top: -4px;
}
.workshop-register-form {
text-align: center;
width: 80%;
margin: 50px auto 60px;
}
.workshop-register-form .form-row input,
.workshop-register-form .form-row textarea,
.workshop-register-form .form-row select {
width: 90%;
padding: 5px;
margin: 10px auto;
}
.masterclass-submit-button {
box-sizing: border-box;
width: 90%;
margin: 0px auto;
font-size: 22px;
padding: 1%;
background: #3ec4dd;
border-style: none;
color: #fff;
border-radius: 2px;
transition: 0.5s;
cursor: pointer;
}
.masterclass-submit-button:hover {
background: #01ccbd;
transition: 0.5s;
}
/*Partners
--------------------------------------------------------------------------------------------------------------- */
img.theatre-sponsor {
display: inline-block;
float: right;
max-width: 300px;
margin: 0 0 5px 20px;
}
/*Theatres
--------------------------------------------------------------------------------------------------------------- */
.theatre-banner {
margin: 0px auto 68px;
display: block;
}
/* Why Attend?
--------------------------------------------------------------------------------------------------------------- */
.video-embed {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.sidebar-title {
background-color: #3ec4dd;
color: #fff;
padding: 4px 10px;
border-radius: 2px;
}
/* Who Attends?
--------------------------------------------------------------------------------------------------------------- */
.who-attends .flex {
display: flex;
justify-content: space-around;
padding: 0;
}
.who-attends hr {
margin: 40px 0;
}
.who-attends .figures {
margin-top: 80px;
}
.who-attends .figures li {
max-width: 300px;
margin: 0 auto;
}
.who-attends .figures li span {
display: block;
margin-bottom: 20px;
font-size: 40px;
font-weight: 900;
}
.who-attends .container {
padding-top: 20px;
}
@media (max-width: 1050px) {
.who-attends .flex {
display: block;
}
.who-attends .flex *:not(.lists ul li) {
display: inline-block;
vertical-align: top;
}
.who-attends .lists ul {
margin-bottom: 20px;
}
.who-attends .figures li {
margin-bottom: 20px;
}
}
/* E-magazine
--------------------------------------------------------------------------------------------------------------- */
.control {
text-align: center;
vertical-align: middle;
}
.controlgroup {
text-align: center;
}
.subscribe-text {
display: inline-block;
vertical-align: super;
}
.emag-box {
width: 45%;
display: inline-block;
margin: 25px 15px;
vertical-align: middle;
}
.emag-logo {
max-width: 100%;
display: block;
margin: 10px auto;
}
.emag-submit {
display: block;
margin: 0px auto;
background-color: #3ec4dd;
border: none;
color: #fff;
padding: 15px 64px;
margin-top: 10px;
margin-bottom: 65px;
transition: 0.3s;
border-radius: 5px;
}
.emag-submit:hover {
cursor: pointer;
}
.thanks-box {
border: 1px solid #3ec4dd;
text-align: center;
max-width: 650px;
margin: 0px auto 20px;
}
.thanks-button {
background-color: #3ec4dd;
color: #fff;
width: 280px;
max-width: 90%;
margin: 20px auto;
padding: 12px 15px;
box-shadow: inset 0 0 0 0 #71191d;
transition: 0.6s;
cursor: pointer;
}
.thanks-button:hover {
box-shadow: inset 0 0 200px 0 #71191d;
}
.e-magazine-social {
margin: 10px auto;
max-width: 520px;
}
.e-magazine-social img {
max-width: 20px;
margin: 0 5px;
}
.e-magazine-social h4 {
color: #080808;
font-size: 18px;
font-weight: 400;
margin: 0 0 10px;
text-transform: uppercase;
border-bottom: solid 1px;
}
/* ==========================================================================
Email Form
========================================================================== */
.sponsorship-leftside {
width: 50%;
display: inline-block;
}
.emailContactForm {
font: 95% Arial, Helvetica, sans-serif;
margin: 35px auto;
padding: 16px;
background: #f7f7f7;
text-align: center;
display: inline-block;
vertical-align: top;
width: 70%;
display: block;
margin-bottom: 45px;
}
.emailContactLeftSide,
.emailContactRightSide {
width: 100%;
display: inline-block;
vertical-align: middle;
}
.emailContactForm input[type=text], .emailContactForm input[type=date], .emailContactForm input[type=datetime], .emailContactForm input[type=email], .emailContactForm input[type=number], .emailContactForm input[type=search], .emailContactForm input[type=time], .emailContactForm input[type=url] {
transition: all 0.3s ease-in-out;
outline: none;
box-sizing: border-box;
width: 100%;
background: #fff;
margin-bottom: 2%;
border: 1px solid #ccc;
padding: 1.8%;
color: #555;
font: 95% Arial, Helvetica, sans-serif;
}
.emailContactForm textarea,
.emailContactForm select {
transition: all 0.3s ease-in-out;
outline: none;
box-sizing: border-box;
width: 100%;
background: #fff;
margin-bottom: 2%;
border: 1px solid #ccc;
padding: 1.8%;
color: #555;
font: 95% Arial, Helvetica, sans-serif;
}
.emailContactForm input[type=text]:focus, .emailContactForm input[type=date]:focus, .emailContactForm input[type=datetime]:focus, .emailContactForm input[type=email]:focus, .emailContactForm input[type=number]:focus, .emailContactForm input[type=search]:focus, .emailContactForm input[type=time]:focus, .emailContactForm input[type=url]:focus {
box-shadow: 0 0 5px #3ec4dd;
padding: 2%;
border: 1px solid #3ec4dd;
}
.emailContactForm textarea:focus,
.emailContactForm select:focus {
box-shadow: 0 0 5px #3ec4dd;
padding: 2%;
border: 1px solid #3ec4dd;
}
.emailContactForm input[type=submit], .emailContactForm input[type=button] {
box-sizing: border-box;
width: 100%;
padding: 3%;
background: #3ec4dd;
border-style: none;
color: #fff;
border-radius: 2px;
transition: 0.5s;
cursor: pointer;
}
.emailContactForm input[type=submit]:hover, .emailContactForm input[type=button]:hover {
background: #01ccbd;
transition: 0.5s;
}
/* Sponsorships
--------------------------------------------------------------------------------------------------------------- */
.sponsor-list {
list-style: none;
margin: 0;
margin-top: 40px;
padding: 0;
text-align: center;
}
.spon-box {
vertical-align: top;
display: inline-block;
position: relative;
max-width: 330px;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 20px;
text-align: center;
}
.spon-box h2 {
background-color: #3ec4dd;
padding: 4px;
color: #fff;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
margin: 0px;
}
.spon-box p {
text-align: left;
font-size: 14px;
}
/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico {
margin: 0;
padding: 0;
list-style: none;
}
.faico li {
display: inline-block;
margin: 0 2px 0 0;
padding: 0;
line-height: normal;
}
.faico li:last-child {
margin-right: 0;
}
.faico a {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 5px;
font-size: 16px;
text-align: center;
color: inherit;
background-color: #ebebeb;
}
.faico a:hover {
color: #ffffff;
}
.faicon-facebook:hover {
background-color: #3b5998;
}
.faicon-google-plus:hover {
background-color: #db4a39;
}
.faicon-instagram:hover {
background-color: #fccd39;
}
.faicon-linkedin:hover {
background-color: #0e76a8;
}
.faicon-tumblr:hover {
background-color: #34526f;
}
.faicon-twitter:hover {
background-color: #00acee;
}
.faicon-youtube:hover {
background-color: #cc181e;
}
.ticket-tab {
font-size: 18px;
text-align: center;
background-color: #3ec4dd;
border-radius: 15px;
padding: 7px;
}
.social-box {
position: fixed;
right: 0px;
top: 50%;
transform: translateY(-50%);
font-size: 38px;
z-index: 15;
}
.social-box.in-slider {
position: absolute;
}
.social-box a {
color: #fff;
}
.social-box .side-social {
padding: 10px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
margin-bottom: 5px;
background-color: #8333E0;
padding-right: 12px;
display: block;
padding-left: 14px;
text-align: center;
}
.social-box .fa,
.social-box .fab,
.social-box .fas,
.social-box .far {
transition: ease 0.3s;
}
.social-box .fa.side-social:hover,
.social-box .fab.side-social:hover,
.social-box .fas.side-social:hover,
.social-box .far.side-social:hover {
background: #9e5fe7;
}
/* Sidenav ---------------------------------------------------------------------------------------------------- */
.sidenav {
position: absolute;
left: 0px;
z-index: 5;
margin-top: -7px;
}
.sidenav a {
color: #000;
}
.sidenav p {
background: #fe4042;
padding: 5px;
border-radius: 5px;
text-align: center;
font-size: 18px;
margin: 7px 0px;
font-family: "dharma-gothic-c", sans-serif;
margin-bottom: -42px;
position: relative;
transition: 0.4s;
color: #242729;
}
.sidenav p:hover {
transform: translateX(10px);
}
.sidenav-open {
margin-bottom: -6px !important;
background: #fff !important;
box-shadow: 0px 0px 5px 0px #484848;
-moz-box-shadow: 0px 0px 5px 0px #484848;
-webkit-box-shadow: 0px 0px 5px 0px #484848;
}
.sidenav-red {
background: #3ec4dd !important;
color: #fff !important;
}
.sidenav-first {
background-color: #fe4042 !important;
color: #fff !important;
position: relative;
z-index: 10;
cursor: pointer;
}
.sidenav-hidden {
display: none;
}
/* ------------------------------------------------------------------------------------------------------------ */
/* Running alongside box -------------------------------------------------------------------------------------- */
.running-alongside-box {
text-align: center;
background-size: cover;
}
.running-alongside-box h2 {
margin-bottom: 40px;
color: #2b2b2b;
font-size: 42px;
font-weight: 700;
}
.show-logos {
max-width: 280px;
max-height: 100px;
margin: 25px 3%;
transition: 0.4s;
}
.show-logos:hover {
transform: translateY(-5px);
}
.as-part-of {
position: relative;
text-align: center;
display: inline-block;
max-height: 200px;
padding-left: 20px;
}
.as-part-of .show-logos {
margin: 0 auto;
}
.as-part-of p {
margin-bottom: 0;
}
.as-part-of:after {
border: 1px solid rgba(0, 0, 0, 0.5);
height: 100%;
width: 1px;
top: 0;
left: 0;
content: "";
position: absolute;
}
.one-bubble {
display: inline-block;
}
.bubble-label {
color: #2b2b2b;
font-size: 24px;
}
.text-bubble {
background: #3ec4dd;
color: #fff;
height: 200px;
width: 200px;
border-radius: 50%;
border: 10px solid #3ec4dd;
display: inline-block;
text-align: center;
margin: 5px 65px;
}
.text-bubble p {
transform: translateY(30px);
}
.bubble-number {
font-size: 50px;
margin-bottom: 0;
margin-top: 48px;
}
.bubble-box {
padding: 55px 0px;
text-align: center;
background-color: #f1f1f1;
}
/* ------------------------------------------------------------------------------------------------------------ */
/* Home Sponsors Section -------------------------------------------------------------------------------------- */
.home-sponsors-section {
text-align: center;
padding: 50px 15px;
}
.home-sponsors-section h3 {
color: #8333E0;
font-size: 28px;
}
.home-sponsors-section img {
max-width: 80%;
}
/* ------------------------------------------------------------------------------------------------------------ */
/* Supported by box ------------------------------------------------------------------------------------------- */
.row3-home {
padding: 100px 0;
padding-bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.supported-by-box.container {
background-color: #fff;
text-align: center;
padding: 75px;
box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.36);
}
.line-heading {
display: flex;
justify-content: space-between;
align-items: center;
}
.line-heading .line {
background: #8d8d8d;
width: 50%;
height: 10px;
display: inline-block;
transform: translateY(-10px);
}
.line-heading .line.ninety {
width: 90%;
}
.supported-by-label {
color: #8d8d8d;
text-align: left;
font-size: 122px;
font-style: italic;
}
.homepage-partner-box:hover {
box-shadow: none;
}
@media (max-width: 1300px) {
.supported-by-label {
font-size: 100px;
}
}
/* ------------------------------------------------------------------------------------------------------------ */
/* Colours
--------------------------------------------------------------------------------------------------------------- */
body {
color: #888888;
background-color: #ffffff;
}
a {
color: #3ec4dd;
}
hr,
.borderedbox {
border-color: #d7d7d7;
}
label span {
color: #ff0000;
background-color: inherit;
}
.icon {
color: #ffffff;
background-color: #000000;
}
.icon.nobg {
color: inherit;
background-color: inherit;
border-color: #d7d7d7;
}
.flexslider .heading,
.flexslider .btn {
color: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading {
border-color: inherit;
}
/* Rows */
.row1 {
color: #2b2b2b;
}
.row1 a {
color: #fff;
}
.row2 {
color: #47474e;
background: #fff;
background-size: cover;
}
.row3 {
color: #47474e;
border-color: #ebebeb;
/*background: url(/images/new-head-background-large.jpg);
background-size: auto;*/
}
.blur-bg {
padding: 100px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.row3-home {
color: #47474e;
border-color: #ebebeb;
/*background: url(/images/new-head-background.jpg);
background-size: contain;*/
}
.row4 {
color: #47474e;
background-color: #f7f7f7;
border-color: #ebebeb;
}
.row5 {
color: #47474e;
background-color: #ebebeb;
}
.row5 a {
color: #47474e;
background-color: #ebebeb;
}
.row6 {
color: #2b2b2b;
/*background: url(/images/new-head-background.jpg);
background-size: cover;*/
}
.row6 a {
color: #fff;
background-color: #3ec4dd;
max-width: 250px;
margin: 0px auto;
}
/* Latest */
.latest ul li figure {
border-color: #d6d6d6;
border-radius: 5px;
background: #fff;
border: 2px solid #d8d8d8;
}
.latest a.overlay::before {
background-color: rgba(255, 255, 255, 0.2);
}
.latest a.overlay::after {
color: #ffffff;
background-color: #3ec4dd;
}
/* Footer */
#footer .title {
border-color: #ebebeb;
}
#footer input {
color: #888888;
background-color: #ebebeb;
}
#footer button {
color: #ffffff;
background-color: #3ec4dd;
}
.footer-email {
font-size: 12px;
}
.footer-copyright {
font-size: 12px;
line-height: 18px;
}
.footer-links a:hover {
padding: 5px;
background-color: #3ec4dd;
color: #fff;
border-radius: 5px;
}
/* Navigation */
.mainav .active a,
.mainav a:hover,
.mainav li:hover > a {
color: #fff;
background-color: inherit;
}
.mainav-alt .active a,
.mainav-alt a:hover,
.mainav-alt li:hover > a {
color: #3ec4dd;
background-color: inherit;
}
.mainav .fas,
.mainav .far,
.mainav .fab {
font-size: 30px;
vertical-align: middle;
}
#mainav li li a,
#mainav .active li a {
color: #ffffff;
background-color: rgba(27, 27, 27, 0.9);
border-color: rgba(0, 0, 0, 0.7);
}
#mainav li li:hover > a,
#mainav .active .active > a {
color: #ffffff;
background-color: #3ec4dd;
}
#mainav form select {
border-color: #d7d7d7;
}
#breadcrumb {
border-color: #ebebeb;
}
#breadcrumb a {
color: inherit;
background-color: inherit;
}
#breadcrumb li:last-child a {
color: #3ec4dd;
}
.container .sidebar nav a {
color: inherit;
border-color: #d7d7d7;
}
.container .sidebar nav a:hover {
color: #3ec4dd;
}
.pagination a,
.pagination strong {
border-color: #d7d7d7;
}
.pagination .current {
color: #ffffff;
background-color: #3ec4dd;
}
#backtotop {
color: #ffffff;
background-color: #3ec4dd;
}
.ticket-button {
text-align: center;
color: #fff !important;
background-color: #3ec4dd !important;
padding: 28px 10px;
border-radius: 15px;
}
.ticket-button:hover {
color: #3ec4dd !important;
background-color: #fff !important;
}
.nav-button-list {
padding: 0 40px;
list-style: none;
}
.nav-button-list .nav-btn {
padding: 14px 38px;
padding-bottom: 10px;
color: #fff;
display: block;
letter-spacing: 2px;
font-size: 32px;
line-height: 1;
max-width: 300px;
border-radius: 12px;
font-family: "dharma-gothic-c", sans-serif;
font-style: italic;
text-align: center;
transition: ease 0.3s;
}
.nav-button-list .nav-btn.tickets {
background: #8333E0;
border: 3px solid #8333E0;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
margin-bottom: 10px;
}
.nav-button-list .nav-btn.tickets:hover {
background: #8b40e2;
border: 3px solid #8b40e2;
}
.nav-button-list .nav-btn.book-stand {
background: #3ec4dd;
}
.nav-button-list.banner-buttons .nav-btn {
padding: 10px 20px;
border-radius: 0;
font-size: 26px;
}
@media (max-width: 417px) {
.nav-button-list.banner-buttons .nav-btn {
padding: 10 15px;
font-size: 22px;
}
}
.nav-button-list.banner-buttons .nav-btn.highlight {
background: #8333E0;
}
.nav-button-list.banner-buttons .nav-btn.highlight:hover {
background: #9e5fe7;
}
.nav-button-list.banner-buttons .nav-btn.primary {
background: #3ec4dd;
}
.nav-button-list.banner-buttons .nav-btn.primary:hover {
background: #69d1e5;
}
.nav-button-list.banner-buttons .nav-btn.tertiary {
background: #0076b4;
}
.nav-button-list.banner-buttons .nav-btn.tertiary:hover {
background: #0097e7;
}
.nav-button-list.banner-buttons .nav-btn.tickets {
border: none !important;
}
.nav-button-list.banner-buttons .nav-btn:not(:last-of-type) {
margin-right: 5px;
}
/* Tables + Comments */
table,
th,
td {
border-color: #d7d7d7;
}
th {
color: #ffffff;
background-color: #373737;
}
tr {
color: inherit;
background-color: #fbfbfb;
}
tr:nth-child(even),
#comments li:nth-child(even) {
color: inherit;
background-color: #f7f7f7;
}
table a,
#comments a {
background-color: inherit;
}
/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
/* Smartphone + Tablet
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1650px) {
.grey-section .hand-phone {
max-height: 350px;
}
}
@media screen and (max-width: 1450px) {
.grey-section .hand-phone {
max-height: 200px;
}
.cursor-glow {
display: none;
}
}
@media (max-width: 1300px) {
.nav-button-list .nav-btn {
font-size: 28px;
padding: 12px 5px;
}
}
@media screen and (max-width: 1250px) {
.grey-section .hand-phone {
display: none;
}
.container.crafted-heading-speakers h2 .super-heading {
font-size: 130px;
}
}
@media screen and (max-width: 1220px) {
.red-stats {
display: none;
}
#slider,
.slider-box {
height: 45vh;
}
.mainav-alt li {
font-size: 14px;
margin: 3px 5px 0 0;
}
.mainav-alt li a {
padding: 12px 4px 8px 15px;
}
}
@media (max-width: 450px) {
#slider,
.slider-box {
height: 100vw;
}
}
@media (max-width: 350px) {
#slider,
.slider-box {
height: 100vw;
}
}
@media screen and (max-width: 1190px) {
#mainav li {
margin: 0 10px 0 0;
}
.container.crafted-heading-speakers h2 .super-heading {
font-size: 100px;
}
}
@media screen and (max-width: 1050px) {
.mainav-alt li {
font-size: 12px;
margin: 5px 0 0 0;
}
.mainav-alt li a {
padding: 12px 4px 10px 15px;
}
.container.crafted-heading-speakers .suit-microphone {
display: none;
}
.container.flex-section {
flex-direction: column;
padding-top: 50px;
}
h1.meet-speakers {
font-size: 30px;
}
.whats-on .flex-section .slide-text h3 {
color: #fff !important;
}
.highlight-box p {
font-size: 20px;
padding: 25px;
}
.location-bar {
top: 0;
position: fixed;
background: #3e3e3e;
z-index: 99;
}
.flex-solid-colour {
flex-direction: column;
}
.flex-solid-colour .dark,
.flex-solid-colour .as-part-of {
width: 100%;
max-width: 100%;
flex-direction: column;
}
.flex-solid-colour .dark h2,
.flex-solid-colour .dark p,
.flex-solid-colour .as-part-of h2,
.flex-solid-colour .as-part-of p {
text-align: center;
margin: 20px auto;
}
.flex-solid-colour .as-part-of {
padding-bottom: 30px;
}
.show-involved .involved-title {
font-size: 60px;
}
.show-involved h3 {
font-size: 20px;
}
.show-involved p {
font-size: 16px;
}
.line-heading .line {
display: none;
}
.line-heading h2 {
width: 100%;
text-align: center;
}
.supported-by-box.container {
padding: 20px;
box-shadow: none;
background: none;
}
.row3-home {
padding: 20px 0;
}
.whats-on .flex-section {
flex-direction: column;
}
.whats-on .crafted-heading-whats-on h2 strong {
font-size: 130px;
}
.whats-on .flex-section .slide-image {
min-width: 0;
}
.whats-on .grid-nav button {
padding-top: 10px;
}
.whats-on .grid-nav button h3 {
font-size: 16px;
}
.whats-on .container {
padding-top: 0;
}
.container.crafted-heading-speakers {
padding: 0 10px;
padding-bottom: 0;
padding-top: 20px;
}
.button.psuedo-button {
text-align: center;
display: block;
}
.grey-section .container {
padding: 20px 20px;
}
}
@media screen and (min-width: 180px) and (max-width: 1050px) {
.line-heading h2 {
font-size: 60px;
}
.imgl,
.imgr {
display: inline-block;
float: none;
margin: 0 0 10px 0;
}
.fl_left,
.fl_right {
display: block;
float: none;
}
.one_half,
.one_third,
.two_third,
.one_quarter,
.two_quarter,
.three_quarter,
.sixty-percent,
.forty-percent {
display: block;
float: none;
width: auto;
margin: 0 0 30px 0;
padding: 0;
}
#header {
text-align: center;
padding: 0px !important;
}
#header #logo h1 {
margin: 0 0 15px 0;
}
#mainav {
display: none;
}
#cta {
padding-bottom: 0;
}
#footer {
padding-bottom: 20px;
}
.flexslider {
display: none;
}
.pricing-container {
width: auto !important;
}
.switch {
width: 125px !important;
}
.slot-text,
.slot-text2 {
width: 90% !important;
}
.dropdown li:hover {
background-color: transparent;
color: #3ec4dd;
}
.social-box,
.sidenav {
display: none;
}
iframe {
height: 200px;
}
}
@media screen and (min-width: 180px) and (max-width: 1050px) {
#header,
#services,
#cta,
#breadcrumb,
.container,
#footer,
#copyright {
max-width: 90%;
}
#header {
padding: 15px 0;
}
#header #logo h1 {
margin-top: 5px;
}
.basicslider .heading {
font-size: 36px;
line-height: 36px;
margin-bottom: 15px;
}
.basicslider .btn {
padding: 10px 25px;
}
#services {
padding-bottom: 20px;
}
#mainav ul {
display: none;
}
#mainav form {
display: block;
}
.pagination li {
display: inline-block;
margin: 0 5px 5px 0;
}
#footer {
grid-template-columns: 1fr;
}
#copyright p:first-of-type {
margin-bottom: 10px;
}
#burger-container {
display: inline-block;
}
.speaker-titleholder {
width: 45%;
}
}
/* Main content holder to full width - Tablet and Mobile
--------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1024px) {
.container {
padding: 190px 15px 70px;
}
}
@media screen and (max-width: 768px) {
.container {
max-width: 100%;
padding: 100px 30px 5px;
}
.one_half,
.one_third,
.two_third,
.one_quarter,
.two_quarter,
.three_quarter,
.sixty-percent,
.forty-percent {
display: block;
float: none;
width: 100%;
margin: 0 0 30px 0;
padding: 0;
}
.footer-links {
width: 25%;
display: inline-block;
vertical-align: top;
}
}
@media screen and (max-width: 426px) {
.footer-links {
width: 49%;
}
}
/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 978px) {
#header,
#services,
#cta,
#breadcrumb,
.container,
#footer,
#copyright {
/*max-width:978px;*/
max-width: 1200px;
}
}
/* =======================================================
pop up stuff 2023
========================================================== */
.pop-up {
position: fixed;
z-index: 9999;
width: 100%;
height: 100vh;
left: 0;
top: 0;
}
.close-me {
position: absolute;
right: -20px;
top: -20px;
width: 52px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
transition: ease 0.3s;
}
.close-me:hover {
box-shadow: 0 0 6px rgb(0, 0, 0);
}
.pop-up-content {
position: relative;
max-width: 800px;
max-height: 467px;
top: 25%;
left: 50%;
opacity: 0;
transition: 1s;
transform: translate(-50%, -25%);
}
.darkness {
position: fixed;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: 1s;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9999;
}
.opaque {
opacity: 1;
}
/* Other
--------------------------------------------------------------------------------------------------------------- */
.excel-sub {
font-size: 14px;
}
@media screen and (max-width: 650px) {
.scrollable {
display: block;
width: 100%;
margin: 0 0 30px 0;
padding: 0 0 15px 0;
overflow: auto;
overflow-x: scroll;
}
.scrollable table {
margin: 0;
padding: 0;
white-space: nowrap;
}
.basicslider .txtoverlay {
display: none;
}
.latest {
width: 90%;
max-width: none;
padding: 30px 0;
}
.latest ul li {
float: none;
width: auto;
margin: 0 0 30px 0;
}
.latest ul li:last-child {
margin: 0;
}
.latest ul li figure {
display: inline-block;
border-width: 0 1px 1px 1px;
}
.latest ul li figure img {
width: 100%;
}
.latest ul li figure figcaption {
padding: 15px 30px;
}
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.center-element {
text-align: center;
}
.left-element {
text-align: left;
}
.shadow {
text-shadow: 1px 1px 1px #000;
}
.mob-show {
display: none;
}
@media screen and (max-width: 765px) {
.emag-box {
width: 85%;
}
}
@media screen and (min-width: 1050px) {
.mobile-dates,
.mobile-button,
.mob-speakers,
.mob-supporters,
.mob-social-box,
.dropdown {
display: none;
}
}
@media screen and (max-width: 1050px) {
.big-logo {
display: none;
}
.small-logo {
vertical-align: top;
width: 135px;
margin: 5px 0px 0;
padding: 0px;
display: inline-block;
}
.vertical-separator,
.vertical-separator-alt,
.vertical-separator-thin,
.date-venue-box,
.header-text,
.purple-nav,
.purple-nav-alt {
display: none;
}
.mob-hide {
display: none !important;
}
.mob-show {
display: initial !important;
}
.mob-show.block {
display: block !important;
}
.hti-dropdown,
.video-container {
display: none;
}
.speaker-box-shadow {
box-shadow: none;
}
}
@media screen and (max-width: 1585px) {
.countdown-timer {
display: none;
}
}
@media screen and (max-width: 1370px) {
.home-button-box p {
margin: 0px 10px;
}
}
@media screen and (max-width: 1365px) {
.dates-text-alt {
font-size: 14px;
margin-top: 5px;
}
.excel-sub {
font-size: 10px;
}
}
@media screen and (max-width: 1320px) {
.date-text-alt {
font-size: 14px;
margin-top: -5px;
}
.venue-text-alt {
font-size: 14px;
}
}
@media screen and (max-width: 1230px) {
.dates-text-alt {
width: 75px;
}
.home-button-box p {
font-size: 16px;
}
}
@media screen and (max-width: 1065px) {
.home-button-box p {
margin: 0px 0px;
padding: 2px 6px;
}
.home-button-row1 {
bottom: 85px;
}
}
@media screen and (max-width: 1060px) {
.date-text,
.venue-text {
font-size: 30px;
margin: 5px 0px;
}
}
@media screen and (max-width: 1050px) {
.vertical-separator {
margin: 10px 10px;
}
#slider,
.slider-box {
margin-top: 58px;
}
.slider-box picture {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
}
/* Horizontal resize for Just Eat box */
@media screen and (max-width: 1230px) {
.just-eat-box h2 {
font-size: 20px;
}
}
@media screen and (max-width: 1120px) {
.just-eat-box h2 {
font-size: 18px;
}
.dates-text-alt {
margin: 0px;
margin-top: 0px;
font-size: 14px;
}
.excel-sub {
font-size: 10px;
}
}
@media screen and (max-width: 1010px) {
.just-eat-box h2 {
font-size: 16px;
}
}
@media screen and (max-width: 470px) {
.speaker-titleholder {
width: 100%;
margin: 0px;
}
.speaker-image-box {
display: block;
margin: 0px auto;
}
.speaker-banner {
display: none;
}
}
@media screen and (max-width: 350px) {
.small-logo-alt {
float: left;
}
}
/* Sidenav Vertical Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-height: 850px) {
.sidenav p {
font-size: 16px;
padding: 3px;
margin-bottom: -38px;
}
}
@media screen and (max-height: 760px) {
.sidenav p {
padding: 1px;
margin-bottom: -34px;
}
}
@media screen and (max-height: 675px) {
.sidenav p {
padding: 0px;
margin-bottom: -32px;
}
}
/* ------------------------------------------------------------------------------------------------------------ */
/* Box Section Horizontal Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1700px) {
.twitter-feed-container {
right: -24%;
}
.instagram-feed-container {
left: -20%;
}
}
@media screen and (max-width: 1470px) {
.twitter-feed-container {
display: none !important;
}
.instagram-feed-container {
display: none;
}
.box-section {
padding: 0px;
width: 100%;
}
.box-square {
width: 20vw;
min-width: auto;
height: 20vw;
min-height: auto;
}
.box-rectangle {
width: 41vw;
min-width: auto;
height: 20vw;
min-height: auto;
}
.tall-box {
width: 20vw;
min-width: auto;
height: 40.7vw;
min-height: auto;
}
.two-box {
width: 20vw;
}
.box-bigsquare,
.exhibit-rectangle {
width: 20vw;
min-width: auto;
height: 20vw;
min-height: auto;
}
}
@media screen and (max-width: 890px) {
.boxbox-title {
font-size: 20px;
}
}
@media screen and (max-width: 700px) {
.box-section {
display: none;
}
}
/* ------------------------------------------------------------------------------------------------------------ */
/* Polaroid Horizontal Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1490px) {
.latest ul li figure figcaption * {
font-size: 20px;
}
}
@media screen and (max-width: 1330px) {
.latest ul li figure figcaption * {
font-size: 16px;
}
}
/* ------------------------------------------------------------------------------------------------------------ */
/* Bubble Horizontal Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1350px) {
.text-bubble {
height: 185px;
width: 185px;
margin: 5px 40px;
}
.bubble-number {
margin-top: 38px;
}
}
@media screen and (max-width: 1200px) {
.text-bubble {
height: 160px;
width: 160px;
margin: 5px 25px;
}
.bubble-number {
margin-top: 26px;
}
.bubble-label {
font-size: 20px;
}
.bubble-number {
font-size: 40px;
}
}
/* ------------------------------------------------------------------------------------------------------------ */
/* Header Horizontal Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1340px) {
.header-text {
font-size: 18px;
margin-left: 15px;
margin-right: 15px;
line-height: 30px;
}
}
@media screen and (max-width: 1220px) {
.big-logo {
max-width: 300px;
}
}
@media screen and (max-width: 1165px) {
.big-ticket-button {
width: 125px;
height: 125px;
}
.tb-order {
font-size: 24px;
margin: 20px 0px 0px;
}
.tb-free {
margin: 2px 0px 0px;
font-size: 34px;
}
.tb-tickets {
margin: 2px 0px 0px;
font-size: 20px;
}
}
@media screen and (max-width: 1155px) {
.vertical-separator-alt {
margin: 0px 0px 4px;
}
}
@media screen and (max-width: 1130px) {
.big-logo-sponsor-box {
display: block;
margin-left: 0;
}
.big-logo-sponsor-box p {
display: inline-block;
margin-right: 15px;
}
.big-logo-sponsor-box img {
width: 60px;
}
.date-text {
margin: 15px 0px 5px;
font-size: 23px;
}
.date-text2 {
font-size: 15px;
font-weight: 700;
margin-top: -6px;
margin-bottom: 0px;
}
.venue-text {
margin: 0px 0px 4px;
font-size: 22px;
}
.venue-text2 {
font-size: 25px;
}
}
@media screen and (max-width: 1080px) {
.mainav .top-nav-border {
width: 120px;
}
.mainav li {
font-size: 16px;
}
.mainav li a {
padding: 18px 4px 19px;
}
.mainav ul li ul li {
font-size: 14px;
}
.mainav-alt ul li ul li {
font-size: 13px;
}
#mainav ul ul {
width: 120px;
}
#mainav li {
margin: 0px 0px 0 0;
}
}
@media screen and (max-width: 950px) {
.header-text {
font-size: 16px;
margin-left: 10px;
margin-right: 10px;
line-height: 24px;
}
}
@media screen and (max-width: 940px) {
.big-logo {
max-width: 300px;
}
#mainav .drop {
padding-left: 5px;
}
}
@media screen and (max-width: 910px) {
.vertical-separator-alt {
margin: 0px 10px 4px;
}
}
@media screen and (max-width: 1050px) {
.top-head {
display: none;
}
.speaker-slider {
display: none;
}
.row1-alt {
opacity: 1;
height: 70px;
top: 46px;
background-color: #fff;
}
.small-logo-alt {
width: 145px;
margin: 5px 0px 0;
}
.row1 {
opacity: 1;
height: 70px;
position: fixed;
z-index: 99;
top: 46px;
background-color: #fff;
text-align: center;
box-shadow: 0px 0px 15px rgba(56, 56, 56, 0.4784313725);
}
#burger-container {
position: fixed;
top: 46px;
right: 0;
margin: 10px 5px 10px 0px;
}
.row1-alt #burger-container {
top: 46px;
}
#services {
margin-top: 0;
padding-top: 40px;
}
.meet-speakers {
padding: 110px 6% 0px;
font-size: 18px;
}
.meet-speakers-mobhide {
display: none;
}
.row2 {
background: #f1f1f1;
}
}
@media screen and (max-width: 480px) {
.small-logo,
.small-logo-alt {
float: left;
margin-left: 5px;
}
}
/* ------------------------------------------------------------------------------------------------------------ */
/* Homepage Speaker Boxes Horizontal Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1050px) {
.homepage-speaker-box {
width: 45% !important;
}
.home-speaker-textbox {
min-height: auto;
}
.speaker-box {
margin-bottom: 100px;
}
}
@media screen and (max-width: 650px) {
.speaker-box {
margin-bottom: 55px;
}
}
@media screen and (max-width: 550px) {
.speaker-box {
margin-bottom: 15px;
}
}
@media screen and (max-width: 500px) {
.homepage-speaker-box {
width: 70% !important;
height: auto !important;
}
}
/* ------------------------------------------------------------------------------------------------------------ */
/* Homepage Supporter Boxes Horizontal Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 1050px) and (max-width: 1220px) {
.partnerSlider {
height: 12vw;
}
.partner-box {
width: 12vw;
}
.partner-frame {
width: 12vw;
height: 12vw;
line-height: 12vw;
}
}
@media screen and (max-width: 450px) {
.partner-box {
width: 140px;
margin-right: 5px;
margin-left: 5px;
}
.partner-frame {
width: 140px;
height: 140px;
line-height: 140px;
}
}
@media screen and (max-width: 1050px) {
.home-mobile-section-top,
.mobile-section-stats,
.mob-speaker-box,
.mob-news-section,
.mob-homepage-news,
.mobile-home-peoplesay {
display: block;
}
.home-mobile-hide,
.home-speaker-row,
.stats,
.reviews,
.supported-by-box {
display: none;
}
.mobile-home-bg {
background: #e94e30 url(/images/homepage/SRT_Mobile_bg.jpg);
background-position: 0 100px;
background-size: contain;
background-repeat: repeat-x;
}
}
@media screen and (max-width: 600px) {
.partner-box {
width: 80px;
}
.partner-box .partner-frame {
width: 80px;
height: 80px;
line-height: 80px;
}
.mobile-home-bg {
background-position: bottom;
}
}
/* ------------------------------------------------------------------------------------------------------------ *//*# sourceMappingURL=sme-style.css.map */