/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/



/* Variables */







 
 

/* 36 */

/* 36 */

/* 24 */

/* 22 */

/* 18 */


/* 14 */

/* 12 */



* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html, body {height: 100%; margin: 0;}
/*.header-container-wrapper {height:100px;}*/
.body-container-wrapper {
  /* 100% - header */
   min-height: calc(100% - 433px);
  /* height of footer */

  
}

@font-face {
    font-family: GilroyEB;
    src: url("//7921040.fs1.hubspotusercontent-na1.net/hubfs/7921040/raw_assets/public/Generic/Assets/fonts/Radomir%20Tinkov%20-%20Gilroy-ExtraBold.otf") format("opentype");
}

.footer-container-wrapper, .footer-container, .footer-container .row-fluid-wrapper, .footer-container .row-fluid {height:0;}

body {margin:0; font-size:16px; line-height:1.5}
body * {font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, strong, .bold, .bold * {font-family: 'GilroyEB', 'Exo', Open Sans, Helvetica, Arial, sans-serif; font-weight: 900; line-height: 1.2;}
h1 {font-size: 3rem; line-height:1.2;}
h2 {font-size: 2.5rem; line-height:1.2;}
h3 {font-size: 1.4rem; line-height:1.2;}
h4 {font-size: 1.2rem; line-height:1.2;}
h5 {font-size: 1.2rem; line-height:1.2; font-family: Open Sans, Helvetica, Arial, sans-serif; font-weight: 900;}

.content {margin:0 auto; max-width:1330px; box-sizing: border-box; padding: 0 15px;}


.header-container .row-number-1 {height: 100px;}

/* Colours */

/* Background */
.bgwhite {background:#fff; color:#002f3b;}
.bgred {background:#ed4444; color:#fff;}
.bgnavy {background:#002f3b !important; color:#fff !important;}
.bggrey {background:#F2F4F5; color:#ed4444}
/* fonts */
.navy {color: #002f3b;}
.lgrey {color: #F2F4F5;}
.grey {color: #919496;}
.red {color: #ed4444;}
/* Link */
.bgred a {color:#6BA4B8 !important; text-decoration:none;}
.bgred a * {color:#6BA4B8 !important;}
 .bgred a:hover {text-decoration:underline;}


/* Padding */
.bgwhite, .bgred, .bgnavy, .bggrey {padding:100px 0;}

/* Font Sizes */
.txtXXL {font-size:4rem;}
.txtXL {font-size:2.25rem;}
.txtL {font-size:1.5rem;}
.txtM {font-size:1.125rem;}
.txtS {font-size:0.875rem;}
.txtXS {font-size:0.75rem;}

.txtnavy {color:#002f3b;}
.txtwhite {color:#fff;}
.txtgrey {color:#919496;}

/* Logos */
.imedia {display: block; width: 115px; height: 40px; background-size: 115px 40px; 
  background: url(https://7921040.fs1.hubspotusercontent-na1.net/hubfs/7921040/iMedia%20Assets/Logos/iMedia/iMedia_logo_white_116x40px.svg);}
.comexposium {display: block; width: 200px; height: 33px; margin:0 auto;
background: url(https://7921040.fs1.hubspotusercontent-na1.net/hubfs/7921040/ANZ/iMedia%20Assets/Logos/Comexposium/comexposium_inverse_200px@3x.png) 50% no-repeat;
background-size: contain;}
.twitter {display: block; width: 30px; height: 30px; background-size: 30px 30px; margin:0 auto;
  background: url(https://7921040.fs1.hubspotusercontent-na1.net/hubfs/7921040/iMedia%20Assets/Icons/icons8-twitter.svg);  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(134deg) brightness(102%) contrast(101%);}
.linkedin {display: block; width: 30px; height: 30px; background-size: 30px 30px; margin:0 auto;
  background: url(https://7921040.fs1.hubspotusercontent-na1.net/hubfs/7921040/iMedia%20Assets/Icons/icons8-linkedin.svg);  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(134deg) brightness(102%) contrast(101%);}
.instagram {display: block; width: 30px; height: 30px; background-size: 30px 30px; margin:0 auto;
  background: url(https://7921040.fs1.hubspotusercontent-na1.net/hubfs/7921040/iMedia%20Assets/Icons/icons8-instagram.svg);  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(134deg) brightness(102%) contrast(101%);}
.facebook {display: block; width: 30px; height: 30px; background-size: 30px 30px; margin:0 auto;
  background: url(https://7921040.fs1.hubspotusercontent-na1.net/hubfs/7921040/iMedia%20Assets/Icons/icons8-facebook.svg);  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(134deg) brightness(102%) contrast(101%);}
.youtube {display: block; width: 30px; height: 30px; background-size: 30px 30px; margin:0 auto;
  background: url(https://7921040.fs1.hubspotusercontent-na1.net/hubfs/7921040/iMedia%20Assets/Icons/icons8-play-button.svg);  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(134deg) brightness(102%) contrast(101%);}
.linkedin.grey, .twitter.grey, .instagram.grey, .facebook.grey {filter: invert(69%) sepia(7%) saturate(128%) hue-rotate(161deg) brightness(84%) contrast(89%);}


/* Utilities */
.relative {position:relative;}
.vcenter {position: absolute; top: 50%; transform: translateY(-50%);}
.vhcenter {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.mbtm10 {margin-bottom:10px;}
.mtop0 {margin-top:0px;}
.mtop20 {margin-top:20px;}
.mtop40 {margin-top:40px;}
.mleft60 {margin-left:60px;}
.txtcenter {text-align:center;}
.block {display:block;}
.btn, .leadinModal .hs-button {background:#F2F4F5; color:#002f3b; font-size:0.875rem; padding:9px 25px; font-weight:bold; border-radius:30px; text-decoration:none}
.subscribebar .hs-button {background:#000000; color:#fff; font-size:0.875rem; padding:5px 12px; font-weight:bold; border-radius:0px; text-decoration:none}
.btn.large {font-size:1.125rem; padding:18px 30px;}
.btn.red {background:#ed4444; color:#fff;}
.btn.navy {background:#002f3b; color:#fff;}
a.btn.red , a.btn.navy  {color:#fff !important;}
.btn.grey{background:#F2F4F5; color:#002f3b;}
a.btn.grey {color:#002f3b !important;}
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}
a.nobor {text-decoration:none;}
.ptop0 {padding-top:0;}
.pbtm0 {padding-bottom:0 !important;}
.pside {padding-left:100px; padding-right:100px;}
.pside0 {padding-left:0 !important; padding-right:0 !important;}
.txtdecno {text-decoration:none;}

.mobshow {display:none;}
.slide {max-width:100%;}
.swiper-slide {text-align:center;}
.sponsors .swiper-wrapper {position:relative; height: 100% !important;}
.mr25 {margin-right:25px;}
.m0 {margin:0 !important;}

.expand {background:url(//7921040.fs1.hubspotusercontent-na1.net/hubfs/7921040/raw_assets/public/Generic/Assets/img/expand-24px.svg) no-repeat;}


/* Navigation */ 
.event-name * {color:#002f3b;}
.nav-content * {color:#919496;}
.nav {box-shadow: 0px 0px 30px #00000012; height:100px;     position: fixed;
    z-index: 998;
    width: 100%;
  background: #fff;}
.header-content {margin-top:72px;}
.nav .content {height:100%;}
.hs-menu-wrapper ul {margin:0;}
.menu-nav {width:calc(100% - 200px);}
.menu-nav a {font-size:0.75rem; color:#919496; text-decoration:none; position:relative}
.menu-nav .hs-item-has-children a:after { border: solid #919496; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ' '; 
  bottom: 3px; position: relative; left: 4px;}
.menu-nav .hs-item-has-children li a:after {content:none;}
.menu-nav img, .menu-nav 
.menu-nav ul {list-style: none; margin: 0; padding-left: 0; }
.menu-nav li {display: block; float: left; padding: 0 1rem; position: relative; text-decoration: none; transition-duration: 0.5s; }
.menu-nav * {box-sizing: border-box;}
.menu-nav li:hover,
.menu-nav li:focus-within {cursor: pointer;}
.menu-nav li:focus-within a {outline: none;}
.menu-nav ul li ul {visibility: hidden; opacity: 0; min-width: max-content; position: absolute; transition: all 0.5s ease; margin-top: 0; left: 0; display: none; z-index:-1; background: #fff;
  padding: 1rem; width: 100%; border-bottom-left-radius:5px; border-bottom-right-radius:5px; box-shadow: 0px 15px 15px #00000006; top: 18px; }
.menu-nav ul li:hover > ul,
.menu-nav ul li:focus-within > ul,
.menu-nav ul li ul:hover,
.menu-nav ul li ul:focus {visibility: visible; opacity: 1; display: block}
.menu-nav ul li ul li {clear: both; width: 100%; padding: 5px 0;}
.menu-nav ul.active-branch {margin:0;}
.menu-nav ul.active-branch ul {margin-top: 4px;}
.menu-nav li.active-branch a:before {content: ''; background: #ed4444; height: 4px; position: absolute; bottom: -7px; width: calc(100% + 4px); border-radius: 4px;}
.menu-nav li.active-branch li a:before {content:none;}
.menu-nav li.active-branch a {color:#ed4444;}
.menu-nav li.active-branch li a {color:#919496;}
.menu-nav .active-branch.hs-item-has-children a:after { border: solid #ed4444; border-width: 0 1px 1px 0; }
.menu-nav .buttons {float:right;}
.menu-nav .buttons a.btn {margin-left:10px; font-size:0.875rem;}
#mob-nav {display:none;}


.hamburger-box {
    width: 16px;
    height: 14px !important;
    display: inline-block;
    position: absolute;
	  z-index: 10000000;
		margin:-4px 0px 0px !important
  
	}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 16px;
    height: 2px !important;
    background-color: #919496;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
 .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px;
}
 .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger-inner::before {
    top: -6px;
}
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger-inner::after {
    bottom: -6px;
}



.isactive .hamburger-inner {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.isactive .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.isactive .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/* Header */
.header {color:#fff; text-align:center; z-index:-1;}


/* Forms */
.form-container {max-width:810px; margin:0 auto;}
.form-tab {border-radius: 20px 20px 0px 0px; height:80px; line-height:80px; text-transform:uppercase; width:100%; font-weight:bold; font-size:1.375rem; text-align:center; background:#F2F4F5; color:#919496;
display:inline-block;}
.form-tab.half {width:calc(50% - 5px);}
.form-tab:nth-child(2) {margin-left: 5px;}
.form-tab.active {background:#ed4444; color:#fff;}
.form-tab:hover, .form input[type=submit]:hover {cursor:pointer;}
.form-body {border-right: 1px solid #E8E9E9; border-bottom: 1px solid #E8E9E9; border-left: 1px solid #E8E9E9; border-top:5px solid #ed4444; border-radius: 0px 0px 20px 20px; padding:60px; box-sizing:border-box;}
.form {max-width:400px; margin:0 auto;}
.form input[type=text], .form input[type=password], .form input[type=number], .form input[type=tel], .form input[type=email] {width:100%; border:1px solid #E8E9E9; line-height:60px; margin:10px auto 30px;}
.form input[type=submit] {background: #ED4444; border: 0; border-radius: 30px; color: #ffffff; line-height: 60px; padding: 0 40px; margin: 0 auto; display: block; box-sizing: border-box; font-weight:900; font-size:1.375rem;}
.form span {font-size:0.875rem;}
.form-container ul {list-style:none; padding:0;}
.form-container.black input[type=submit], .form-container.black .form-tab.active {background:#000;}
.form-container.grey input[type=submit], .form-container.grey .form-tab.active {background:#919496;}
.form-container.navy input[type=submit], .form-container.navy .form-tab.active {background#002f3b;}

.form-container.black .form-body {border-top: 5px solid #000;}
.form-container.grey .form-body {border-top: 5px solid #919496;}
.form-container.navy .form-body {border-top: 5px solid #002f3b;}

/* Quotes */
.quote {min-height:500px; width:100%; background-size:cover; position:relative;}
.quote-overlay {background: #002f3b 0% 0% no-repeat padding-box; opacity: 0.7; width:100%; height:100%; top:0; left:0; position:absolute;}
.quote .swiper-container {width: 100%; min-height: 500px; }

/*  SwiperJS */
.bgwhite .swiper-pagination-bullet { border: 2px solid #002f3b; opacity: 1; background:transparent; z-index:10;}
.bgwhite .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #002f3b;}
.quote .swiper-pagination-bullet, .home-header-container .swiper-pagination-bullet { border: 2px solid #fff; opacity: 1; background:transparent; z-index:10;}
.quote .swiper-pagination-bullet.swiper-pagination-bullet-active, .bgnavy .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;}
.bggrey .swiper-pagination-bullet { border: 2px solid #6BA4B8; opacity: 1; background:transparent; z-index:10;}
.bggrey .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #6BA4B8;}
.bgred .swiper-pagination-bullet { border: 2px solid #fff; opacity: 1; background:transparent; z-index:10;}
.bgred .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;}
.swiper-container {z-index:100;}
.home-header-container .video-bullet .swiper-pagination-bullet {border: 2px solid #002f3b;}

.home-header-container .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;}
.home-header-container .video-bullet .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #002f3b;}

/* Sponsor Global Container */
.sponsors .swiper-container {z-index:100; min-height:auto; padding-bottom:60px;}
.sponsors .swiper-slide {width:100% !important;}
.sponsors h2 {margin-top:0;}
.sponsor-contain {height:140px; margin-bottom:30px;}
.sponsor-contain img {max-width:210px; width:calc(100% - 20px); }
.sponsors .grid {display: grid;
    grid-row-gap: 30px;
    column-gap: 30px;
    grid-template-columns: calc(25% - 22.5px) calc(25% - 22.5px) calc(25% - 22.5px) calc(25% - 22.5px);}
.sponsors .grid .span3, .sponsors .grid .sponsor-pod {margin:0; width:100%; padding:0;}
/* List */
.sponsors img.sponsor, .spons img.sponsor {max-width:210px; max-height:70px; width:auto;}
.sponsors .sponsor-object {float:none !important; margin-bottom:30px; background:#fff; height:140px; vertical-align: top;}
.sponsors .sponsor-object * { color:#919496;}
.sponsors .sponsor-object a {text-decoration:none;}
.sponsors .sponsor-object h3 { color:#002f3b; margin:0;}
.row-fluid .sponsors [class*="span"] {display:inline-block;}
/*.row-fluid .sponsors [class*="span"]:first-child {margin-left: 2.564102564% !important;}*/
.sponsors .filter, .eventslist .filter {border-bottom:1px solid rgba(145, 148, 150, 0.2); padding-bottom:35px; margin-bottom:50px; text-align:right;}
/*.sponsors .sponsor-container {margin-left:-35px;}*/
.sponsors .filter .select-label, .eventslist .filter form {display:inline-block;}
.sponsors .filter {display:none;}
.sponsors .filter select, .eventlist .filter select {
  border: 0;
-webkit-appearance: none;
  }


.select-label {
  position: relative;
  display: block;
  max-width: 400px;
  min-width: 180px;
  border: 0;
  background-color: #fff;
  z-index: 10;
  border-radius:5px;
}
.select-label select {
  border: none;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  margin: 0;
  display: block;
  width: 100%;
  padding: 12px 55px 15px 15px;


}
.select-label:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 100%;
  line-height: 38px;
  content: "\203A";
  text-align: center;
  color: #002f3b;
  font-size: 24px;
  z-index: -1;
  transform:rotate(90deg);
}


/* Speakers */
/* Home */
.homespeakers .speaker {border-radius: 10px; height:180px; width:180px;}
.homespeakers .sponsor {max-width:110px; max-height:30px; display:block;}
.homespeakers a {text-decoration:none; color:#fff;}
.bgwhite.homespeakers a {color:#002f3b;}
.homespeakers .speaker_company {padding:10px !important; border-radius:3px !important; display:inline-block;}
.homespeakers .speakers {
    display: grid;
    grid-row-gap: 10px;
    column-gap: 10px;
    grid-template-columns: calc(16.6% - 10px) calc(16.6% - 10px) calc(16.6% - 10px) calc(16.6% - 10px) calc(16.6% - 10px) calc(16.6% - 10px);
}
.homespeakers .speakers:before {content:none;}
.homespeakers .speakers .speaker_pod {width:100%; order:9999;}
.homespeakers .speakers .speaker_pod img.speaker {height:auto;}
.spons .swiper-slide {order:9999;}

/* List */
.speakers {
    display: grid;
    grid-row-gap: 10px;
    column-gap: 10px;
    grid-template-columns: calc(16.6% - 10px) calc(16.6% - 10px) calc(16.6% - 10px) calc(16.6% - 10px) calc(16.6% - 10px) calc(16.6% - 10px);
}
.speakers .speaker_object {width:100%;}
.speakers .speaker_object img.speaker {height:auto;}
.speakers img.speaker {max-width:285px; max-height:285px; border-radius:10px; width:100%; height:auto;}
.speakers .speaker-object {max-width:285px; display:inline-block; order: 9999}
.speakers .speaker-object * { color:#919496;}
.speakers .speaker-object a {text-decoration:none;}
.speakers .speaker-object h3 { color:#002f3b; margin:0;}
.speakers .sponsor {max-width:150px; max-height:50px; display:block; width:100%; height:100%;}
.speakers .speaker_company {padding:10px 0; border-radius:3px; display:inline-block;}
/* Individual */
.speakers .individual {margin-top:50px;}
.speakers .individual img.speaker {max-width:285px; max-height:285; border-radius:10px;}
.sponsors .individual .social {margin-top:20px;}
.speakers .individual .social a, .sponsors .individual .social a {display:inline-block;}
.speakers .individual .col1, .speakers .individual .col2 {display:inline-block; box-sizing:border-box; vertical-align:top;}
.speakers .individual .col1, .sponsors .individual .col1 {width:285px;}
.speakers .individual .col2 {width:calc(100% - 315px); padding-left:30px;}
.speakers .individual h1 {margin:0;}
.speakers .pod {border-radius:10px; color:#002f3b; padding:20px; margin-bottom:10px;}
.speakers .pod h4 {margin:5px 0 0;}
.speakers.row-fluid:after {content:none;}

/* Quotes */
.quote .relative {min-height:500px;}
.quote .quote-body, .quote .quote-by {text-align:center;}
.quote .quote-body {font-size:2.25rem; color:#fff;}
.quote .quote-by {font-size:1.125rem; color:#6BA4B8; font-weight:bold;}
.quote .quote-overlay, .quote .quote-wrapper {position:absolute; top:0; left:0; width:100%; height:100%;}
.quote .quote-wrapper {z-index:10;}
.quote .swiper-container {z-index:20;}
.quote .quote-object {width:100%;}

/* Subscribe Bar */
.subscribebar * {color:#fff; font-family: 'GilroyEB', 'Exo', Open Sans, Helvetica, Arial, sans-serif;}
.subscribebar .input input:focus{   outline: none;}
.subscribebar ::placeholder, .subscribebar .input input {color:#000;  font-family: Open Sans, Helvetica, Arial, sans-serif; line-height: 31px;}

/* Footer */
.footer .social a {display: inline-block; margin:0 5px;}
.footer .col {}
.footer p {margin-top:0;}
.footer .hs-menu-wrapper ul {list-style:none; padding-left:0;}
.footer .hs-menu-wrapper ul a, .footer a {color:#fff; text-decoration:none;}


/* Events List */
.events.grid {display: grid; grid-row-gap: 20px; column-gap: 20px; grid-template-columns: calc(25% - 22px) calc(25% - 22px) calc(25% - 22px) calc(25% - 22px);}
.events.grid .pod {background:#fff; border-radius:15px; padding:10px; box-sizing:border-box;}
.events.grid .img-hold {width: calc(100% + 20px); height: 150px; background-size: cover; right: 10px; position: relative; top: -10px; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.events.grid .pod .body {padding:10px; box-sizing:border-box;}
.events.grid .pod .body .txtS {min-height:40px; display:block;}
.events.grid .pod.past span {color:#ed4444;}
.events.grid .pod.past a * {color:#002f3b !important;}

/* video */
.video {position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0; min-height:0;}
.video iframe {border:none; position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}

.header.video {padding-bottom: 46%;}
.header.video iframe {height:calc(100% - 100px);}

/* Agenda */
.agenda {    display: flex;
  flex-direction: column;}
.agenda .content {width:100%;}
.agenda-day h3 {color:#919496; margin-top:10px;}
.agenda-day h2 {color:#ed4444; margin-bottom:10px;}
.agenda-object {background:#F2F4F5; margin-bottom:30px; border-radius:10px; padding:20px; position:relative;}
.agenda-object-container {position:relative;}
.agenda-object-container:before { content: '';
    border-left: 2px solid #ed4444;
    position: absolute;
    left: -10px;
    height: calc(100% + 65px);
    top: -15px;}
.agenda-object-container.Breakout:before, .agenda-object-container.Activity:before {height:calc(100% + 55px);}
.agenda-object.Breakout:before, .agenda-object.Activity:before {left: -80px;}
.agenda-object-container:last-child:before{border:none;}
.agenda-type-header{background:#002f3b; color:#fff; font-weight:bold; margin-bottom:10px; border-radius:10px; padding:20px; position:relative;}
.agenda-object.sponsored {min-height:110px;}
.agenda-object.Breakout, .agenda-object.Activity {margin-left:70px;}
.agenda-object.Breakout {margin-bottom:10px;}
.agenda-name {color:#002f3b; font-weight:700;}
.sponsored .agenda-desc {max-width: calc(100% - 210px);}
.agenda-desc.sponsored, .sponsored .agenda-name {max-width:calc(100% - 230px);}
.agenda-desc p:first-child {margin-top:10px;}
.agenda-desc p:last-child {margin-bottom:0;}
.agenda-speaker {display:inline-block; width:33%;}
.agenda-speaker:nth-child(1n+3) {margin-top:25px;}
.agenda-speaker img.speaker {max-height:100px; max-width:100px; border-radius:60px;}
.agenda-speaker-details { margin-left:120px;}
.agenda-sponsor {position:absolute; top:10px; right:10px; height:calc(100% - 20px);}
.agenda-sponsor.by {color:#002f3b; font-size:0.75rem;}
.agenda-sponsor a {background:#fff; display:block; width:210px; height:100%; border-radius:10px; min-height:110px}
.agenda-sponsor.by a {height: calc(100% - 18px);}
.agenda-sponsor img {max-width:150px; display:block; max-height: calc(100% - 40px);}
.agenda-speaker-company {background:#fff; max-width:100px; box-sizing:border-box; padding:10px; border-radius:3px; height:100px}
.agenda-speaker-company img {max-width:80px; width:100%;}
.agenda-speaker-name a {font-size:1.125rem; font-weight:bold; color:#002f3b; text-decoration:none;}
.agenda-speaker-title {font-size:1rem; color:#919496;}
.agenda-time {color:#ed4444; font-size:1.125rem; font-weight:bold; text-transform:lowercase;}
.agenda-time:before {content: ' ';
    position: relative;
    left: -14px;
    width: 10px;
    height: 10px;
  background: #ed4444;
    border-radius: 10px;
    display: block;
    top: 20px;
    z-index: 1;}
.agenda-object .moderator {color:#ed4444; text-decoration:none;}
.agenda-object .speaker-container {margin-top:25px; max-width: calc(100% - 210px);}

.presenting.sponsors .grid, .sponsors .presenting .grid {
    display: grid;
    grid-row-gap: 30px;
    column-gap: 30px;
    grid-template-columns: calc(33% - 20px) calc(33% - 20px) calc(33% - 20px);
}

.presenting.sponsors img.sponsor, .sponsors .presenting img.sponsor {
    max-width: 250px;
    max-height: 140px;
    width: auto;
}

@media (max-width: 1199px) {
  /* 36 */

/* 24 */

/* 22 */

/* 18 */

/* 14 */

/* 12 */

  
h1 {font-size: 3rem; line-height:1.2;}
h2 {font-size: 2.5rem; line-height:1.2;}
h3 {font-size: 1.4rem; line-height:1.2;}
h4 {font-size: 1.2rem; line-height:1.2;}
h5 {font-size: 1.2rem; line-height:1.2; font-family: Open Sans, Helvetica, Arial, sans-serif; font-weight: 900;}
  
  .mobshow {display:block;}
  .mobhide {display:none;}
  
  .imedia-nav-logo, a.menu-logo {left: 50%; transform: translateX(-50%); top: 35%; left:48%; position:absolute;}
  .menu-nav {left:50px; width:calc(100% - 60px);}
  .menu-nav .hs_cos_wrapper_type_menu {display:none;}
  .menu-nav .buttons a.btn {font-size:0.75rem; padding:4px 10px; margin-left:0;}
  .menu-nav ul li ul { z-index: 1; padding: 0px 20px 1px !important;}
  
  #mob-nav { position: absolute; background: rgba(0,47,59,0.7); width: 100vw; height: 100vh; left: 0; z-index:500;}
  #mob-nav a {font-size: 0.875rem;}
  #mob-nav .hs_cos_wrapper_type_menu{display:block;}
  #mob-nav .buttons a {display:inline-block; margin:0 0 20px;}
  #mob-nav li {margin:0 0 20px;}
  #mob-nav li, #mob-nav .buttons {float:none;}
  #mob-nav ul.active-branch, #mob-nav li {padding:0;}
  #mob-nav .wrapper {  position: absolute; padding:40px; background: #fff; width: 80vw; height: 100vh; left: 0;}
  #mob-nav .hs-item-has-children a:after, #mob-nav li.active-branch a:before {content:none;}
  #mob-nav ul li ul {opacity: 1; padding:20px 0 0 20px; visibility: visible; display: block; position: relative; box-shadow: none;}
  
  .sponsors .grid {display: grid; grid-row-gap: 10px; column-gap: 10px; grid-template-columns: calc(33% - 5px) calc(33% - 5px) calc(33% - 5px);}
  .sponsor-contain {padding:0; height:52px; border-radius:10px; margin:0;}
  
  .sponsors .grid .sponsor-contain {height:80px;}
  .presenting.sponsors img.sponsor, .sponsors .presenting img.sponsor { max-height:60px; max-width: calc(100% - 10px);}
  .presenting.sponsors .grid, .sponsors .presenting .grid {
    display: grid;
    grid-row-gap: 10px;
    column-gap: 10px;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
}
  
  .homespeakers .speakers { grid-template-columns: calc(33% - 10px) calc(33% - 10px) calc(33% - 10px);}
  .homespeakers .speakers .sponsor {width:auto;}
  
  .quote, .quote-wrapper {padding:50px 0;}
  
   .footer .fleft {width:100%; margin-bottom:40px; }
}
@media (max-width: 1000px) {
  .agenda-speaker { width:50%;}
  .agenda-speaker:nth-child(1n+2) {margin-top:25px;}
}

@media (max-width: 767px) {
  /* 36 */

/* 24 */

/* 22 */

/* 18 */

/* 16 */

/* 14 */

/* 12 */

  
  h1 {font-size: 2.5rem !important; line-height:1.2;}
  h2 {font-size: 2.5rem !important; line-height:1.2;}
  h3 {font-size: 1.5rem !important; line-height:1.2;}
  h4 {font-size: 1rem !important; line-height:1.2;}
  
  .header-container-wrapper {min-height:100px;}
  
  .body-container-wrapper {margin-bottom:auto; }
  
  .bgwhite, .bgred, .bgnavy, .bggrey {padding:25px 0;}
  
  .agenda-object img{max-width:100%;}
  .agenda-object table,.agenda-object table td {width:100% !important; vertical-align:top;}

  .agenda-object .speaker-container {width:100%; max-width:100%;}
  .agenda-object-container * {font-size:1rem !important;}
  .agenda-speaker {width:100%;}
  
  .agenda-speaker img.speaker {width:60px; height:60px;}

  .agenda-speaker-details {position: static;
    transform: none;
    top: 0;
    display: inline-block;
    margin-left: 80px;
    width: calc(100% - 85px);}
  //.agenda-speaker-company img {position: relative; top: auto; left: auto; transform: none;}
  .agenda-speaker-company img {max-width:80%;}
  

  .agenda-sponsor {position:static;}
  .agenda-sponsor a {width:100%;}
  .speaker-images {display:inline-block;}
  .speaker-images a.image {position:absolute;}
  .agenda-object-container, .agenda-time {margin-left: 10px;}
  .agenda-speaker-company {margin: 5px 0 25px;}
  .agenda-desc.sponsored, .sponsored .agenda-name {max-width:100%;}
  .sponsors img.sponsor {max-height:200px;}
  .sponsors .grid {display: grid; grid-row-gap: 20px; column-gap: 20px; grid-template-columns: calc(33% - 14px) calc(33% - 14px) calc(33% - 14px);}
  .sponsor-pod img.sponsor, .spons img.sponsor { max-height: calc(100% - 15px);
    height: auto;
    max-width: calc(100% - 15px);
}
  .spons {height:268px;}
  
  .row-fluid .sponsors [class*="span"] {display:block;}
  
  .homespeakers .speakers { grid-template-columns: calc(50% - 5px) calc(50% - 5px);}
  
  .speakers {display: grid; grid-row-gap: 20px; column-gap: 20px; grid-template-columns: calc(50% - 10px) calc(50% - 10px);}
  .speakers img.speaker {height:auto;}
  .speakers:before {display:none !important;}
  
  .events.grid {display: grid; grid-row-gap: 20px; column-gap: 20px; grid-template-columns: 100%;}
  
  .form-container{ margin: 0 15px;}
  .form-body {padding: 25px 20px;}
  
  .row-fluid .span6 {
    width: 100%;
    margin: 25px 0 0;
  }
  
  .imedia-logo {width:50%;}
  .footer .fright {width:100%; margin-bottom:40px; margin-left:0;}
  .footer .content {display: flex; flex-direction: column;}
  .footer .content .col:first-child {order: 4;}
  .footer .content .col:nth-child(2) {order: 1;}
  .footer .content .col:nth-child(3) {order: 3;}
  .footer .content .col:nth-child(4) {order: 2;}
  
  .form-tab {height:100%; line-height:1.4em; padding:20px 0; font-size:0.875rem;}
  
  .quote .quote-body {font-size:1.125rem; }
  .quote .quote-by {font-size:0.875rem; }
  
  .speakers.no-grid .individual .col2 {width:100%; padding:0;}
  
}

.no-grid {display:block;}
@media only screen and (max-width: 1600px) {
  .header.video { padding-bottom: 56.25%;}
}

@media only screen and (max-width: 680px) {
  .header .mask .content * {font-size:2rem !important;}
  .infobar * {font-size:15px;}
  .bullet {height:9px; width:9px; top:-1px;}
  
  .sponsors .grid.small {    display: grid;
    grid-row-gap: 20px;
    column-gap: 20px;
    grid-template-columns: calc(33% - 14px) calc(33% - 14px) calc(33% - 14px);
    
  }
  
  .header.video {padding-bottom: 89.25%; margin-top: 25px;}
  
}

@media only screen and (max-width: 680px) {
  .infobar * {font-size:12px;}
  .bullet {height:8px; width:8px; top:-1px;}
  .pside {padding-left:15px; padding-right: 15px;}
  .subscribebar .content {display:block; text-align:center; font-size: 1.4rem;}
  .subscribebar .form-hold {width:100%; margin-top:15px;}
  .subscribebar form {   display: flex;   justify-content: center;}
  
}