/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
clear:both;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
	background: #FFFFFF;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	color: #565656;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}
h4 { 
			width:920px;
			padding-left:20px;
            display: flex; 
            flex-direction: row; 
        } 

h4:before, h4:after { 
            content: ""; 
            flex: 1 1; 
            border-bottom: 2px solid #000; 
            margin: auto; 
} 

h2 {
	padding: 0px 0px 20px 0px;
	font-size: 1.50em;
}

p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 180%;
}

strong {
	color: #2C2C2C;
}

a {
	color: #2C2C2C;
	text-decoration:none;
}

a:hover {
	text-decoration: none;
}
a img {
	border: none;
}

img {
max-width:100%;
}
img.border {
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}
.sub-nav-menu { display:none; }
/* Reset CSS */

/** Header **/
.content-width {
max-width:100%;
width:1410px;
margin:auto;
padding-left:30px;
padding-right:30px;
box-sizing:border-box;
}
.text-right {
text-align:right;
}
.header-top {
width:100%;
padding:8px 0px;
background-color:white;
position:fixed;
box-shadow: 0px 3px 6px #00000029;
z-index:10;
}
.header {
background-image:url('../images/header.png');
color:white;
box-sizing:border-box;
padding-top:30px;
}
.logo {
float:left;
text-align:left;
}
.logo img {
max-width:260px;
}
.menu-main {
float:right;
text-align:right;
}
.menu-links {
display:inline-block;
text-align:right;
padding-top:10px;
}
.menu-links ul li {
float:left;
letter-spacing: 1.4px;
color: #545457;
margin-left:30px;
font: normal normal bold 14px/18px Montserrat;
text-transform:uppercase;
}
#menu-links ul li a {
color: #545457;
}
.tagline {
padding-top:40px;
padding-bottom:20px;
font: normal normal bold 30px/36px Montserrat;
letter-spacing: 3.2px;
text-align:center;
}

/** Header **/

/* Mobile Menu */
.mobile-menu-icon,
.mobile-menu-close {
	display:none;
    float: right;
    top: 0;
    position: absolute;
    right: 0;
    padding: 24px;
    font-size: 3em;
    color: #414141;
    cursor:pointer;
    z-index:1;
}

.mobile-menu-icon {
padding-top:8px;
}

.mobile-menu-close {
	display:none;
    padding: 16px;
    font-size: 2em;
    font-weight:bold;
    z-index:4;
}

.mobile-menu {
	display:none;
    float: right;
    top: 0;
    position: fixed;
    right: 0;
    padding: 20px;
    width:250px;
    height:100%;
    background-color:#ececec;
    z-index:2;
    opacity:0.98;
}

.mobile-menu ul {
padding-top:40px;
margin-left: -30px !important;
}

.mobile-menu ul li {
width:100%;
text-align:left;
line-height:3;
}
.mobile-menu .sub-nav-menu {
display:block;
padding-top:25px;
position:relative;
max-width:200px;
width:auto;
background:transparent;
border:0;
opacity:0.8;
margin-top: -20px !important;
margin-left: -20px !important;
}

.mobile-menu .sub-nav-menu li {
border-bottom:1px solid white;
margin-left: -20px;
}

@media screen and (max-width: 600px) {
.menu-links {
display:none;
}
.mobile-menu-icon {
display:block;
}
}
/* Mobile Menu */

/** Content **/
/** Home Page **/
.right-div {
float:left;
width:75%;
}
.left-div {
float:left;
width:25%;
padding-top:30px;
}
.right-column, .left-column {
float:left;
width:56%;
padding:20px;
padding-top:30px;
box-sizing:border-box;
}
.left-column {
width:44%;
font: normal normal normal 16px/19px Montserrat;
letter-spacing: 1.6px;
color: #545457;
}
.col-40 {
width:50%;
}
.col-60 {
width:50%;
}
.right-column-wrapper,
.premium-logos-wrapper {
max-width:90%;
}
.coming-soon-logos, .bw-logo img {
filter:saturate(0);
}
.right-column img {
max-width:100%;
border-radius:20px;
}
.main-box-title {
padding-top:20px;
font: normal normal bold 30px/33px Montserrat;
letter-spacing: 0px;
color: #545457;
padding-bottom:15px;
}
.left-column-text {
font: normal normal 300 16px/19px Montserrat;
letter-spacing: 1.2px;
color: #545457;
}
.premium-logos-title {
font: bold 26px/32px Montserrat;
color: #2b2b2b;
text-transform:uppercase;
text-align:center;
padding-top:30px;
font-weight:800;
}
.premium-logos {
float:left;
text-align:center;
width:16.66%;
padding:0.5% 1.5%;
box-sizing:border-box;
}
.premium-logos img {
transition:0.3s all linear;
}
.premium-logos:hover img {
transform:scale(1.25);
}
.width-25 {
width:25%;
}
.premium-label {
font: normal normal normal 11px/13px Montserrat;
letter-spacing: 1.1px;
color: #545457;
padding-top:4%;
}
.vendor-links {
display:block;
text-align:right;
}
.vendor-links-wrapper {
background: #f5f5f5;
border: 1px solid #f9f8fa;
border-radius: 12px;
margin-bottom:20px;
padding:30px;
text-align:left;
}
.vendor-links-wrapper .title {
font: normal normal bold 16px/22px Montserrat;
font-weight:800;
letter-spacing: 2px;
color: #545457;
text-transform:uppercase;
padding-bottom:15px;
}
.vendor-links-wrapper,
.vendor-links-wrapper a {
font: normal normal 600 16px/34px Montserrat;
letter-spacing: 1.6px;
color: #545457;
}
.vendor-links-wrapper a:hover {
color: #000000;
}
.upcoming-event-box {
background-color: #FF4801;
color:white;
}
.upcoming-event-box-title, .upcoming-event-title {
background-color:white;
font: normal normal bold 16px/20px Montserrat;
letter-spacing: 1.8px;
color: #FF4801;
border-radius:10px 10px 0px 0px;
border:1px solid #FF4800;
padding:10px;
text-align:center;
}
.upcoming-event-box-links, .upcoming-event-links {
background-color: #FF4801;
color:white;
border-radius:0px 0px 10px 10px;
margin-top:-21px;
padding:12px;
border:1px solid #FF4801;
}
.upcoming-event-box-links a {
letter-spacing: 0.8px;
color:white;
}
.upcoming-event-box-links .clear {
height:10px;
}
.events-left {
float:left;
width:55%; 
}
.events-right {
float:left;
width:45%;
font: normal normal bold 10px Montserrat !important;
letter-spacing: 0px;
background-color:white;
text-align:center;
margin-bottom:4px;
}
.events-left a {
color:white;
}
.events-left a:hover {
color:#efefef;
}
.events-right a {
color: #FF4801;
}
.color-normal, .color-light {
animation: fadeInFromNone 3s infinite;
}
.color-light {
animation-delay: 1.5s;
}
@keyframes fadeInFromNone {
    0% {
        display: block;
        opacity: 0.5;
    }
    50% {
        display: block;
        opacity: 1;
    }
    100% {
        display: block;
        opacity: 0.5;
    }
}
.color-lighter {
opacity: 0.8;
}
.coming-soon {
font-size:80%;
}
.sidebar-icon {
height:25px;
vertical-align:bottom;
}

.disable-link {
display:block;
}

@media only screen and (max-width: 1024px) {
.right-column, .left-column {
width:100%;
}
.right-column-wrapper, .premium-logos-wrapper {
    max-width: 95%;
}
.left-column {
padding-top:0px;
}
}

@media only screen and (max-width: 768px) {
.right-div, .left-div {
width:100%;
}
.right-column-wrapper {
text-align:center;
}
.left-column-text {
text-align:left;
}
.vendor-links-wrapper {
max-width:400px;
margin:auto;
margin-bottom:15px;
}
.upcoming-event-box {
margin-top:30px;
}
}

/** Home Page **/

/** Demo Room **/
.room-vendor {
max-width:90%;
margin-top:30px;
margin-bottom:30px;
}
.room-vendor-img {
float:left;
width:35%;
}
.room-vendor-text {
float:left;
width:65%;
font: normal normal normal 16px/19px Montserrat;
letter-spacing: 1.6px;
color: #545457;
padding:0px 20px;
padding-top:2%;
padding-bottom:0px;
box-sizing:border-box;
}
.room-right-column-wrapper {
max-width:95%;
}
.demo-video-column {
max-width:90%;
margin:auto;
padding-top:30px;
}
.demo-video-column img {
width:100%;
}
.demo-video-text {
max-width:90%;
margin:auto;
font: normal normal normal 18px/21px Montserrat;
letter-spacing: 1.8px;
color: #545457;
padding:30px 0px;
}
.room-speaker-title {
font: normal normal bold 20px/24px Montserrat;
color: #111111;
padding-top:50px;
font-weight:800;
text-transform:uppercase;
}
.room-speaker-wrapper {
margin:35px 0px;
}
.room-speaker-left {
float:left;
width:25%;
box-sizing:border-box;
}
.room-speaker-left img {
width:90%;
}
.play-button,
.play-none {
width:90%;
font: normal normal 600 14px/18px Montserrat;
letter-spacing: 4px;
color: #111111;
text-align:center;
padding:8px;
text-transform:uppercase;
font-weight:800;
border:1px solid #c0c0c0;
border-radius:0px 0px 15px 15px;
box-sizing:border-box;
margin-top:-2px;
transition:0.3s all linear;
}
.play-button img,
.play-none img {
width: 30px;
vertical-align:middle;
margin-right:5px;
margin-top:-2px;
transition:0.3s all linear;
}
.play-button:hover {
color:white;
cursor:pointer;
background-color:#ff0000;
}
.play-button:hover a {
color:white;
}
.play-button:hover img {
transform:scale(1.5);
}
.room-speaker-right {
float:left;
width:75%;
box-sizing:border-box;
}
.room-speaker-header {
background: #545457;
border: 1px solid #707070;
font: normal normal bold 19px/23px Montserrat;
letter-spacing: 1.9px;
color: #FCFEFF;
padding:10px 15px;
}
.room-speaker-text {
font: normal normal normal 16px/19px Montserrat;
letter-spacing: 1.6px;
color: #545457;
padding:10px 20px;
}
.room-speaker-logo img {
width:100px;
float:right;
}
.room-docs {
margin: 35px 0px;
}
.img-25 {
float:left;
width:25%;
text-align:center;
}
.img-25 img {
max-width:70%;
margin:auto;
}
.chat-image {
padding:4px;
}
.vendor-q {
background-color:transparent;
color:black;
border:1px solid #ff0000;
text-align:center;
}
.vendor-q-title {
font: normal normal bold 24px/30px Montserrat;
letter-spacing: 3.3px;
color: #545457;
text-transform:uppercase;
padding:15px 0px;
}
.vendor-q-text {
font: normal normal bold 14px/18px Montserrat;
letter-spacing: 2px;
color: #545457;
}
.height-600 {
min-height:500px;
}
.vendor-comments {
font: normal normal bold 18px/24px Montserrat;
letter-spacing: 3.3px;
color: #545457;
text-transform:uppercase;
padding:4px;
}
.vendor-info {
text-align:right;
padding:20px;
font: normal normal bold 16px/26px Montserrat;
letter-spacing: 1.6px;
color: #545457;
margin-bottom:80px;
}
@media only screen and (max-width: 1023px) {
.room-right-column-wrapper {
max-width:100%;
}
.vendor-intro-right {
width:100%;
}
.vendor-intro-left {
display:none;
}
}

@media only screen and (max-width: 768px) {
.room-vendor,
.demo-video-column,
demo-video-text {
max-width:100%;
}
.room-vendor-img {
width:100%;
text-align:center;
}
.room-vendor-text {
padding-top:0px;
padding-bottom:40px;
margin-top:20px;
width:100%;
}
.right-div, .left-div {
width:100%;
}
.right-column-wrapper {
text-align:center;
}
.left-column-text {
text-align:left;
}
.vendor-links-wrapper {
max-width:400px;
margin:auto;
margin-bottom:15px;
}
.upcoming-event-box {
margin-top:30px;
}
}
@media only screen and (max-width: 600px) {
.room-speaker-title {
text-align:center;
}
.room-speaker-left {
width:100%;
text-align:center;
}
.room-speaker-left img,
.play-button {
max-width:200px;
margin:auto;
}
.play-button {
margin-top:-2px;
margin-bottom:15px;
}
.room-speaker-right {
width:100%;
}
.img-25 {
width:50%;
margin-bottom:15px;
}
.img-25 img {
max-width:80%;
}
}

/** Demo Room **/

/** Pavilion **/
.pavilion-column-wrapper {
max-width:100%;
padding-right:30px;
}
.pavilion-right-div,
.pavilion-left-div {
float:left;
width:50%;
box-sizing:border-box;
}

.pavilion-left-div {
padding-right:15px;
border-right:1px solid #efefef;
}

.pavilion-right-div {
padding-left:15px;
padding-right:15px;
}

.pavilion-vendor {
border-left:2px solid #FF4800;
padding-left:15px;
}
.bot-border {
border-top:1px solid #707070;
height:0px;
margin-top:25px;
margin-bottom:30px;
}

.filter-vendor {
margin-top:0px;
text-align:center;
margin-bottom:50px;
}
.filter-vendor select {
width:240px;
font: normal normal bold 13px/16px Montserrat;
letter-spacing: 1.3px;
text-transform: uppercase;
color: #545457;
margin-bottom:8px;
border: 1px solid #707070;
padding:10px;
box-sizing:border-box;
}
.pavilion-vendor-name {
font: normal normal bold 24px/29px Montserrat;
color: #111111;
}
.pavilion-vendor-name a {
font: normal normal bold 24px/29px Montserrat;
}
.pavilion-vendor-name a:hover {
color:#5a5a5a;
}
.pavilion-vendor-logo {
float:right;
width:75px;
margin-top:-28px;
}
.pavilion-vendor-desc {
font: normal normal 300 13px/14px Montserrat;
letter-spacing: 1.3px;
color: #545457;
padding: 10px;
padding-bottom:0px;
}
.read-more {
font: normal normal 600 12px/15px Montserrat;
letter-spacing: 3.36px;
color: #FF4800;
}
.play-pavilion {
font: normal normal 600 12px/18px Montserrat;
letter-spacing: 1px;
padding:4px;
}
.pavilion-col-left {
width:35%;
}
.room-speaker-left img {
transition:0.2s all linear;
}
.room-speaker-left:hover img {
border-radius:10px 10px 0px 0px;
filter:saturate(0);
}
.pavilion-col-right {
width:65%;
}
.pavilion-speaker-header {
font: normal normal 600 14px/16px Montserrat;
letter-spacing: 1.4px;
color:white;
}
.pavilion-speaker-text {
font: normal normal 300 13px/18px Montserrat;
letter-spacing: 0px;
color: #545457;
padding: 10px;
}

@media only screen and (max-width: 1023px) {
.page-03 .right-div,
.page-03 .left-div {
width:100%;
}
.page-03 .vendor-links {
max-width:400px;
margin:auto;
}
}
@media only screen and (max-width: 767px) {
.page-03 .room-speaker-title,
.page-03 .filter-vendor {
text-align:center;
}

.pavilion-left-div,
.pavilion-right-div {
width:100%;
padding:0px;
border:0;
}
}
@media only screen and (max-width: 500px) {
.pavilion-speaker-left,
.pavilion-speaker-right {
width:100%;
}
.pavilion-speaker-left {
text-align:center;
}
.pavilion-speaker-left img {
max-width:175px;
}
}
/** Pavilion **/

/** Content **/


/* Page 2 - Exhibitor Directory */
.page-2 #content {
width:100%;
float:none;
}
.box {
    width: 29.3%;
    margin: 1%;
    padding: 1%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 20%);
    float:left;
    min-height:160px;
    font-weight:bold;
}

.box .left {
width:60%;
float:left;
font-size:15px;
}
.box .right {
width:40%;
float:left;
text-align:center;
}
.box .img-wrapper {
height:75px;
overflow:hidden;
}
.box p {
text-align:left;
padding-left:10px;
padding-top:16px;
}
.box img {
max-width:75%;
}

.height-130 {
min-height:130px;
}

.bluebutton {
  background-color: #0064CD;
  border: none;
  color: white;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight:bold;
  margin: 4px 2px;
  cursor: pointer;
  
}

.bluebuttonspecs {
border-radius: 12px;
width: 80%;
height:70px;
margin-top:30%;
margin-left:15%;
transition: all 0.3s ease;
}

.bluebuttonspecs:hover {
background-color:#535353;
transform:scale(0.95);
}

.zt-tag {
margin-left:12px;
}
/* Page 2 - Exhibitor Directory */

/* Page 3 - ZTNA */
.page-3 .tbox2 img {
max-width:80%;
margin:auto;
padding-top:30px;
padding-bottom:30px;
}

.page-3 .div_image_label {
font-size:18px;
}

.page-3 .text_right_side {
    color: #565656;
}
/* Page 3 - ZTNA */

/* Page 4 - Pavilion & ZT Category*/
.page-4 #content {
width:100%;
float:none;
}
.page-4 .box-wrapper {
background-color:#cccccc;
max-width:1240px;
margin:auto;
}

.page-4 .box-left,
.page-4 .box-right  {
width:46%;
margin:2%;
float:left;
}

.page-4 .vendor-box {
	padding:30px;
    width: 90%;
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 20%);
	border-left:5px solid #FF4800;
	margin-bottom:40px;
}

.page-4 .vendor-name {
float:left;
font-size:30px;
font-weight:bold;
padding-top:6px;
}

.page-4 .vendor-logo {
float:right;
margin-top:-4px;
}

.page-4 .vendor-logo img {
max-width:150px;
}

.page-4 .vendor-intro {
	clear:both;
	font-size:16px;
	padding-top:12px;
}

.page-4 .speaker-box {
	border:1px solid gray;
	border-bottom:4px solid #575757;
	margin-top:25px;
	}
	
.page-4 .speaker-name {
	background-color:#575757;
	color:white;
	padding:8px;
	padding-left:12px;
	font-size:18px;
	font-weight:bold;
}

.page-4 .speaker-image {
	float:left;
	width:25%;
	padding:2%;
}

.page-4 .speaker-image img {
	width:100%;
}

.page-4 .speaker-image .play-thumb {
	position:absolute;
	width:8%;
	margin-top:1.4%;
	margin-left:-9%;
	transition: all 0.5s ease;
}

.page-4 .speaker-image .play-thumb:hover {
transform:scale(0.75);
}

.page-4 .speaker-info {
	float:left;
	width:67%;
	font-size:16px;
	padding:2%;
}

.page-4 .speaker-bottom {
	float:right;
	margin-top:-10px;
}

.page-4 .speaker-bottom img {
	max-width:75px;
	padding:5px;
	
}

.page-4 .bolder-title {
font-size:36px;
}
/* Page 4 - Pavilion & ZT Category*/

/* Page 5 - Okta */
.page-5 #content {
width:100%;
float:none;
}
.page-5 .main-top-wrapper {
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 20%);
	font-size:18px;
	margin-bottom:40px;
	width:98%;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	text-align:left;
}
.page-5 .main-top-wrapper img {
   max-width:200px;
}
.page-5 .main-top-wrapper .text {
padding:30px;
}
.page-5 .main-box-wrapper {
	padding:25px;
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 20%);
	float:left;
	width:55%;
	margin-left:1%;
	font-size:11px;
	margin-bottom:40px;
}

.page-5 .main-side-wrapper {
	float:left;
	width:36%;
	margin-left:2%;
}

.page-5 .main-box-wrapper #wrapper2 {
	width:auto;
	margin:auto;
	overflow:auto;
}

.page-5 .main-box-wrapper img {
	max-width:100%;
	padding:0;
	margin:0;
}

.page-5 .speaker-box {
	border:1px solid gray;
	border-bottom:4px solid #575757;
	margin-top:25px;
	}
	
.page-5 .speaker-name {
	background-color:#575757;
	color:white;
	padding:8px;
	padding-left:18px;
	font-size:18px;
	font-weight:bold;
}

.page-5 .speaker-image {
	float:left;
	width:25%;
	padding:2%;
}

.page-5 .speaker-image img {
	width:100%;
}

.page-5 .speaker-info {
	float:left;
	width:67%;
	font-size:16px;
	padding:2%;
}

.page-5 .speaker-bottom {
	float:right;
	margin-top:-10px;
}

.page-5 .speaker-bottom img {
	max-width:100px;
	margin-top:12px;
	padding:5px;
	padding-bottom:0px;
}

.page-5 .networking-box {
	padding:20px;
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 20%);
	border-left:5px solid #FF4800;
	margin-bottom:40px;
}

.page-5 .vimages {
margin-top:30px;
margin-left:3%;
}

.page-5 .vimg-wrapper {
	float:left;
	width:30%;
	margin-right:3%;
	text-align:center;
	font-size:13px;
}

/* Page 5 - Okta */

/* Page 6 - Speakers */
.page-6 #content {
width:100%;
float:none;
}

.page-6 .main-top-wrapper {
	margin-bottom:40px;
	width:93%;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	text-align:left;
}
.page-6 .main-top-wrapper .text {
	padding:10px;
	font-size:18px;
}

.page-6 .speaker-top-wrapper {
	margin-bottom:40px;
	width:90%;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	text-align:left;
	padding:20px;
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 20%);
	margin-bottom:40px;
}

.page-6 .speaker-top-wrapper .image,
.page-6 .speaker-top-wrapper .text {
	float:left;
	width:48.5%;
}

.page-6 .speaker-top-wrapper img {
	width:100%;
}

.page-6 .speaker-top-wrapper .text {
	margin-left:2%;
	margin-top:0.5%;
	margin:right:0;
	border-left:5px solid #FF4800;
	color:white;
	background-color:#616161;
	min-height:410px;
}

.page-6 .speaker-top-wrapper .text-wrapper {
	text-align:left;
	padding:70px 40px;
}

.page-6 .speaker-top-wrapper .text-wrapper h1 {
	text-align:left;
	margin-bottom:30px;
}

.page-6 .speaker-top-wrapper .text-wrapper .text-hr {
	display:block;
	border-bottom:1px solid#efefef;
}

.page-6 .speaker-top-wrapper .text-wrapper .text-content {
	font-size:16px;
}

.page-6 .up-next {
	float:right;
	background-color:#ff5706;
	color:white;
	width:48%;
	padding:8px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}

.page-6 .up-next .right-arrow {
	font-size:30px;
	line-height:16px;
}

.page-6 .speaker-area {
	max-width:98%;
	margin:auto;
}

.page-6 .speaker-invisible {
	
}

.page-6 .speaker-box {
	float:left;
	width:48%;
	margin:1%;
	background-color:#636363;
	box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 20%);
}

.page-6 .speaker-box-title {
	background-color:black;
	color:white;
	font-size:16px;
	text-align:left;
	padding:8px;
	padding-left:30px;
	font-weight:bold;
	min-height:70px;
	display: flex;
	justify-content: left;
	align-items: center;
}

.page-6 .col-min {
	min-height:135px;
}

.page-6 .speaker-box-wrapper {
	font-size:14px;
}

.page-6 .speaker-left {
	float:left;
	width:17%;
	color:white;
	padding:1.5%;
	text-align:right;
}

.page-6 .speaker-box-wrapper .speaker-left:last {
min-height:400px;
}

.page-6 .speaker-left .right-padding {
	padding-right:12px;
}

.page-6 .speaker-right .left-padding {
	padding-right:12px;
	padding-left:12px;
}

.page-6 .speaker-right {
	float:left;
	width:77%;
	padding:1.5%;
	background-color:white;
}

.page-6 .speaker-box-wrapper .gray {
	background-color:#efefef;
}

/* Page 6 - Speakers */

/* Privacy Page */
.privacy {
width:700px;
max-width:100%;
margin:auto;
font-size:16px;
padding:15px;
box-sizing: border-box;
}

.privacy h3 {
color:#3ca587;
margin-top:30px;
margin-bottom:30px;
}

.privacy p {
text-align:justify;
}

/* Privacy Page */

/* Footer */
#footer {
padding:30px;
 background-color: #797979;
}
#footer .footer-wrapper {
max-width:960px;
margin:auto;
background-color:#616161;
border-radius:20px;
color:white;
font-size:14px;
padding:15px;
}
#footer .footer-wrapper a {
color:white;
font-size:14px;
font-weight:bold;
}
#footer .links-wrapper {
max-width:640px;
margin:auto;
}
#footer .links-column {
width:33%;
float:left;
}
#footer .site-title {
text-align: center;
color: white;
font-size: 20px;
border-bottom: 2px solid black;
width: 450px;
margin: auto;
font-weight: bold;
padding-top: 20px;
padding-bottom: 10px;
}
#footer .copyright-info {
color:white;
text-align:center;
font-weight:bold;
font-size:14px;
padding-top:10px;
}
#footer .privacy-terms {
padding-top:10px;
text-align:center;
color:#cccccc;
}
#footer .privacy-terms a {
color:#cccccc;
}
/* Footer */

/* Responsive */
@media only screen and (min-width: 1281px) {
.page-4 .speaker-image .play-thumb {
	width:100px;
	max-width:100px;
	margin-top:15px;
	margin-left:-112px;
}
}

.networking-box iframe {
width:100%;
max-width:400px;
}


/* Urgent CSS */

.networking-box img {
width:100%;
max-width:400px;
}

.privacy-terms a:first-child {
  display:none;
}

.privacy-terms {
color:black !important;
margin-left:-16px !important;
}
/* Urgent CSS */

.page-6 .session-box .speaker-box-wrapper,
.page-6 .agenda-box .speaker-box-wrapper {
font-size:16px !important;
}

.page-6 .agenda-box {
float:none !important;
width:100% !important;
max-width:800px;
margin:auto !important;
}

.page-6 .no-padding {
padding: 8px !important;
min-height:auto !important;
text-align:center !important;
display:block !important;
border-bottom:3px solid #FF4800;
box-shadow: 1px 7px 12px -7px rgb(0 0 0 / 75%);
z-index:999;
position:relative;
}

.page-6 .min-padding {
padding: 0.75% !important;
}

.page-6 .float-width {
width:80% !important;
padding: 0.75% !important;
color:#111111;
}

.page-6 .session-box {
float:none !important;
width:100% !important;
max-width:1100px;
margin:auto !important;
box-sizing: border-box;
font-size:225% !important;
}

.page-6 .session-box .f-left {
width:16% !important;
text-align:left;
border-right:1px solid gray;
padding-left:2% !important;
color:#111111 !important;
}

.page-6 .session-box .f-center {
width:16% !important;
text-align:left;
border-right:1px solid gray;
padding-left:2% !important;
color:#111111 !important;
}

.page-6 .session-box .f-right {
width:59.56% !important;
text-align:left;
padding-left:2% !important;
color:#111111 !important;
}

.page-6 .session-box .off-white {
background-color:white;
}

.page-6 .font-18 {
font-size:20px !important;
padding:1% !important;
}

.page-6 .bg-gray {
background-color:#616161 !important;
color:white !important;
}

.page-6 .big-font {
color:#111111 !important;
font-size:32px !important;
font-weight:bold !important;
}

/* Sub Menu */
#menu a {
text-align:left;
}
.sub-nav-menu {
display:none;
position:absolute;
max-width:250px;
background-color:black;
border:1px solid gray;
border-radius:10px;
}
.sub-left {
margin-left:-55px !important;
}
.zt-category-menu:hover .sub-nav-menu {
display:block;
}
.sub-nav-menu li {
width:100%;
border-bottom: 1px solid #8f8e8e;
}
.sub-nav-menu li a {
font-size:1.1vw !important;
}
/* Sub Menu */


.page-1 #wrapper2 img,
.page-3 #wrapper2 img {
max-width:99%;
margin:auto;
}

.page-3 .tbox2 img {
max-width:80% !important;
}

/* Responsive Styling */
@media screen and (max-width: 1099px) {
.page-4 .box-left, .page-4 .box-right {
    width: 100%;
    float: none;
    max-width:700px;
    margin:auto;
}
.page-4 .vendor-select {
margin-bottom:30px;
}
.page-6 .speaker-box {
float:none;
width:100%;
max-width:700px;
margin:auto;
margin-bottom:30px;
}
.page-6 .speaker-box:after {
content: "";
display: table;
clear: both;
margin-top:30px;
}
.page-6 .speaker-top-wrapper {
    width: 100%;
    max-width:600px;
    margin-top:-30px;
}
.page-6 .speaker-top-wrapper .image, .page-6 .speaker-top-wrapper .text, .page-6 .up-next {
    float: none;
    width: 100%;
    max-width:600px;
    margin:auto;
}
.page-6 h4 {
width:auto;
}
.page-6 .col-min {
min-height:auto;
padding-bottom:30px;
}
}

@media screen and (max-width: 999px) {
.page-5 .main-box-wrapper {
float:none;
width:92%;
margin:auto;
}
.page-5 .main-side-wrapper {
    float: none;
    width:100%;
    margin:auto;
    max-width:400px;
    margin-top:30px;
}
.page-1 #content, .page-1 #sidebar, .page-1 #wrapper2, 
.page-3 #content, .page-3 #sidebar, .page-3 #wrapper2  {
float:none;
width:100%;
margin:auto;
}
.page-1 .tbox2 img,
.page-3.tbox2 img {
min-height:auto;
}
.page-1 #sidebar div, .page-3 #sidebar div {
max-width:300px;
margin:auto;
text-align:center !important;
}
#menu a {
font-size:16px !important;
}
#header {
height:190px;
background-repeat:repeat;
}
}
@media screen and (max-width: 650px) {
#header {
height:230px;
}
}
/* Responsive Styling */

/* Vendor Scaling CSS */
.vendor-pages .header-top {
z-index:100;
}
.vendor-pages .room-vendor {
margin-top:0px;
}
.vendor-pages .tagline {
    padding-top: 20px;
    padding-bottom: 30px;
}
.vendor-pages .copyright {
position:absolute;
}
.vendor-pages #footer {
height:100px;
}
@media screen and (min-width: 1100px) {
.vendor-pages .content-width {
transform:scale(0.75);
}
}
@media screen and (max-width: 1099px) {
.vendor-pages .content-width {
transform:scale(0.9);
}
.vendor-page .room-vendor {
margin-top:15px;
}
}
@media screen and (max-width: 768px) {
.vendor-pages .content-width {
transform:scale(0.8);
}
.vendor-pages .room-vendor {
margin-top:5px;
}
.vendor-pages .room-vendor img {
max-width:360px;
}
.vendor-pages .mobile-menu-icon {
    padding-top: 0px;
}
.vendor-pages .mobile-menu {
height:auto;
z-index: 200;
}
.vendor-pages .mobile-menu-close {
z-index: 201;
}
}
@media screen and (max-width: 499px) {
.vendor-pages .content-width {
transform:scale(0.9);
}
}
/* Vendor Scaling CSS */
.events-left a {
font-size:14px !important;
font-weight:800;
}
.events-right a {
font-size:11px !important;
font-weight:800;
}

/* Room Tweaks */
.play-none {
border:none;
text-align:left;
padding-left:0px;
margin-top:5px;
transition:0.3s all linear;
}
.play-none img {
filter:brightness(0);
}
.play-none:hover img {
filter:brightness(1);
}
.left-column-text,
.room-speaker-text {
    letter-spacing: 0.2px;
}
.left-column-text {
padding-top:10px;
}
.room-speaker-left:hover .play-button {
background-color:#ff0000;
}
.room-speaker-left:hover .play-button a {
color:white;
}
.right-column-wrapper {
margin:auto;
}
.right-div {
border-right:1.25px solid #E9E9E9;
width:72%;
box-sizing:border-box;
}
.left-div {
    width: 27%;
    padding-left: 3%;
    box-sizing:border-box;
}
hr {
border:none;
border-top:1.25px solid #E9E9E9;
}
.room-vendor {
max-width:100%;
}
.room-right-column-wrapper {
max-width:90%;
margin:auto;
}
.room-speaker-title {
padding-top:30px;
}
.room-speaker-header {
letter-spacing:1px;
margin-bottom:15px;
}
.room-vendor-text,
.left-column-text,
.room-speaker-text {
font: normal normal normal 14px/19px Montserrat;
}
.vendor-comments {
letter-spacing: 1px;
}
@media screen and (max-width: 1023px) {
.right-div {
float:none;
border-right:none;
width:100%;
}
.left-div {
float:none;
    width: 100%;
    max-width:360px;
    margin:auto;
    padding-left: 0%;
    box-sizing:border-box;
    text-align:center;
}
.col-40,.col-60 {
    width: 50% !important;
}
.left-column-text {
    padding-top: 30px;
}
}
@media screen and (max-width: 767px) {
.col-40,.col-60 {
    width: 100% !important;
}
.left-column-text {
    padding-top: 0px;
}
.room-vendor-img img {
max-width:360px;
}
}

@keyframes flickerAnimation { /* flame pulses */
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.live-dot {
color:red;
opacity:1;
animation: flickerAnimation 1s infinite;
}

.sub-nav-menu {
    display: none;
    position: absolute;
    max-width: 200px;
    background-color: #efefef;
    border: 1px solid gray;
    border-radius: 10px;
    padding: 12px;
    margin-left: -30px;
    text-align:left;
}
.sub-nav-menu li {
margin-left:0px !important;
}

.mobile-menu .sub-nav-menu li a {
    font-size: 12px !important;
}

.mobile-menu .sub-nav-menu li {
margin-left:24px !important;
}

.mobile-menu .sub-nav-menu {
padding-top:12px;
}

/*
.mobile-menu ul li {
line-height:2 !important;
}
*/

.vendor-area {
width:95% !important;
line-height:28px !important;
font-size:16px !important;
}

.sub-nav-menu {
max-width:140px;
text-align:center;
}

.sub-nav-menu li {
line-height:2 !important;
}

.mobile-menu .sub-nav-menu li {
line-height:3 !important;
}

@media screen and (max-width: 767px) {
.vendor-area {
width: 320px !important;
}
}

.disable-link {
display:none;
}

/* Event Notice */
/* Change it to none */
.upcoming-event-box-title, .upcoming-event-box-links {
display:block;
}

.upcoming-box-links {
background-color:#ffeedf;
border:1px solid orange;
margin-top:-20px;
border-radius:0px;
border-top:0;
}

.notice-text {
font: normal normal normal 24px/30px Montserrat;
text-align:center;
font-weight:800;
}

.notice-button {
font: normal normal normal 16px/16px Montserrat;
padding:8px 8x;
background-color:#FF4801;
border:1px solid #FF4801;
text-align:center;
margin-top:16px;
}

.notice-button a {
color:white;
}

.notice-button a:hover {
color:#efefef;
}

.big-dot {
font-size:20px;
}
.events-headline {
font: normal normal normal 33px/36px Montserrat;
text-align:center;
font-weight:500;
}
.events-button {
width:200px;
margin:auto;
margin-top:10px;
padding-top:4px;
background-color:white;
text-align:center;
font-weight:700;
text-transform:uppercase;
transition:0.3s all linear;
cursor:pointer;
}
.events-button a {
font: normal normal bold 21px/25px Montserrat;
color: #FF4801;
}
.events-button:hover {
background-color: #feddc9;
}
.events-button:hover a {
color: #FF4801;
}

.event-block {
display:none;
}
.event-display {
display:inline-text;
margin:auto;
text-align:center;
padding-top:40px;
padding-bottom:40px;
}
.event-display-text {
font: normal normal bold 42px/57px Oswald;
color: #080808;
padding-right:20px;
}
.event-watch-text {
font: normal normal bold 28px/34px Montserrat;
color: #F74601;
font-weight:800;
padding-left:4px;
vertical-align: text-bottom;
}

/* Event Notice */

/* Nav Menu */
.nav-cards {
  position: fixed;
  cursor:pointer;
  transition:0.3s all linear;
}
.nav-cards.add-top {
  left: 0;
}
.nav-cards .cs-outside, .nav-cards .idt-outside, .nav-cards .sa-outside, .nav-cards .zt-outside {
display:none;
box-sizing:border-box;
}
.nav-cards .cs-inside, .nav-cards .idt-inside, .nav-cards .sa-inside, .nav-cards .zt-inside {
writing-mode: vertical-rl;
transform: rotate(180deg);
}
.nav-cards .cs,.nav-cards .sa, .nav-cards .idt, .nav-cards .zt {
font: normal normal bold 16px/16px Montserrat;
color:white;
padding:24px 8px;
text-align:center;
text-transform:uppercase;
width:18px;
margin-bottom:5px;
transition:0.25s all linear;
}
.nav-cards .cs {
background-color:#1132B5F7;
}
.nav-cards .sa {
background-color:#FE4801;
}
.nav-cards .zt {
background-color:#007AFE;
}
.nav-cards .idt {
background-color:#AF0114;
}
.nav-cards .idt:hover .idt-inside {
display:none;
}
.nav-cards .idt:hover .idt-outside {
display:block;
padding-top:30px;
}
.nav-cards .idt:hover {
width:100px;
height:80px;
}
.nav-cards .sa:hover .sa-inside {
display:none;
}
.nav-cards .sa:hover .sa-outside {
display:block;
padding-top:15px;
}
.nav-cards .sa:hover {
width:100px;
height:75px;
}
.nav-cards .cs:hover .cs-inside {
display:none;
}
.nav-cards .cs:hover .cs-outside {
display:block;
padding-top:30px;
}
.nav-cards .cs:hover {
width:100px;
height:100px;
}
.nav-cards .zt:hover .zt-inside {
display:none;
}
.nav-cards .zt:hover .zt-outside {
display:block;
padding-top:30px;
}
.nav-cards .zt:hover {
width:100px;
height:105px;
}
.clear {
clear:both;
}
.sa-outside, .idt-outside, .zt-outside, .cs-outside {
visibility:hidden;
}
.sa-outside a, .idt-outside a, .zt-outside a, .cs-outside a {
color:white;
}
/* extra-nav */
.extra-nav {
bottom:0;
margin-left:20px;
}
.extra-nav .cs-inside, .extra-nav .idt-inside, .extra-nav .sa-inside, .extra-nav .zt-inside {
writing-mode: horizontal-tb;
transform: none;
}
.extra-nav .cs, .extra-nav .sa, .extra-nav .idt, .extra-nav .zt {
float:left;
margin-bottom:0;
margin-left:5px;
width:120px;
height:30px;
padding:10px;
}
.extra-nav .sa:hover .sa-outside {
padding-top:5px;
}
.extra-nav .zt:hover .zt-outside, .extra-nav .idt:hover .idt-outside {
padding-top:20px;
}
.extra-nav .cs:hover .cs-outside {
padding-top:12px;
}
.extra-nav .cs:hover,.extra-nav .idt:hover, .extra-nav .sa:hover, .extra-nav .zt:hover {
width:120px;
}
.extra-nav:hover div {
height:50px !important;
}
.extra-nav:hover .clear {
height:0px !important;
}
/* extra-nav */
/* Nav Menu */

/* Modal */
.modal-bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000000d6;
z-index:10;
display:none;
}
.modal-wrapper {
position:relative;
margin:0;
padding:0;
z-index:11;
width:96%;
max-width:780px;
margin:auto;
background-color:white;
overflow:hidden;
border:1px solid #FE4800;
}
.modal-wrapper img {
margin-top:-35px;
}
.modal-close-button {
position:relative;
z-index:15;
text-align:right;
color:#efefef;
cursor:pointer;
padding:4px;
background-color:transparent;
font: normal normal normal 18px/18px Montserrat;
font-weight:700;
}
.modal-headline {
margin-top:20px;
font: normal normal normal 32px/37px Montserrat;
color: #060606;
text-align:center;
font-weight:600;
}
.modal-divider {
width:70%;
max-width:400px;
margin:auto;
border-bottom: 2px solid #FE4800;
margin-top:10px;
margin-bottom:10px;
}
.modal-text {
font: normal normal 300 17px/20px Montserrat;
color: #060606;
text-align:center;
margin-top:25px;
}
.modal-thankyou {
font: normal normal normal 22px/30px Montserrat;
color: #060606;
text-align:center;
margin-top:15px;
margin-bottom:30px;
font-weight:700;
}
/* Modal */

/* Hide Chat Widgets */
.vendor-q {
display:none;
}
