/* 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, 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;
}
.demos-img img {
max-width: 80% !important;
}
body {
transition: all 0.5s ease;
right: 0;
overflow-x: hidden;
position: relative;
}
body.active{
transition: all 0.5s ease;
z-index:2000;
}
.floating-left {
min-width:400px;
}
.track-div {
transition: all 0.5s ease;
border-left: 5px solid #FF1F1F;
border-bottom: 5px solid #FF1F1F;
position:absolute;
top:0;
z-index:100;
}
.track-div.active{
transition: all 0.5s ease;
}
.track-click {
width:90%;
text-align:center;
margin-top:15px;
background-color:white;
padding:12px;
font: normal normal normal 29px/35px Montserrat;
color: #EF681B;
font-weight:500;
border-radius:7px;
}
.replay-button.active,
.live-button.active,
.coming-up-button.active {
visibility:visible;
}
.menu-icon {
margin-right:10px;
cursor:pointer;
}
.header {
z-index:30;
padding:0;
border-bottom: 3px solid #FF4800;
background-color:white;
transition:0.3s all linear;
}
.header-links a:hover {
color:#d3edfe;
}
.header-wrapper {
width:100%;
max-width: 1920px;
}
.floating-header .header-wrapper {
width:96%;
}
.header-left {
padding-top:12px;
padding-bottom:12px;
padding-left:2%;
}
.floating-header {
background-color:white;
border:0;
}
.header-right {
background-color: black;
}
.header-right a {
color:white;
}
.first-link {
margin-left:40px !important;
}
.last-link {
margin-right:20px !important;
}
.room-link a {
display:none;
}
/* .room-menu {
position:absolute;
z-index:100;
background-color:rgb(240, 236, 236);
right:20px;
top:45px;
transition:0.2s all linear;
} */
.room-menu a {
display:block;
text-align:center;
margin-left:0px;
padding:12px 30px;
}
.left-div {
padding-left:1%;
width:14%;
}
.right-div {
width:20%;
margin-top:60px;
border-left: 5px solid #1838B7;
padding:20px;
padding-top:30px;
background: transparent linear-gradient(90deg, #FF4800 0%, #FFB300 100%);
cursor:pointer;
font: normal normal bold 43px/47px Montserrat;
color: #FFFFFF;
}
.right-div span {
display:block;
font: normal normal normal 29px/35px Montserrat;
font-weight:300;
padding-top:10px;
}
.center-div {
border:0;
}
.marginleft {
margin-left: 14%;
}
.market-map {
background-color:#F2F2F2;
}
.market-map .block-title {
float:left;
width:30%;
padding-bottom:0px;
text-transform:uppercase;
}
.market-map .cat-submit {
text-align:center;
padding-top:35px;
}
.market-map .cat-submit img {
width:90%;
max-width:600px;
}
/* .hr-underline {
border-top:3px solid #FD500C;
margin-bottom:0px;
width:100%;
float:left;
} */
/* Animation */
@charset "UTF-8";
:root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay);
}
.animate__animated.animate__faster {
-webkit-animation-duration: calc(1s / 2);
animation-duration: calc(1s / 2);
-webkit-animation-duration: calc(var(--animate-duration) / 2);
animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__slower {
-webkit-animation-duration: calc(1s * 3);
animation-duration: calc(1s * 3);
-webkit-animation-duration: calc(var(--animate-duration) * 3);
animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
.animate__animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
.animate__animated[class*='Out'] {
opacity: 0;
}
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.animate__slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
/* Animation */
/* Mobile Menu */
.main-mobile-menu { display:none; left:0; top:0; position:absolute; z-index:1000; background-color:white; width:360px; color:#444444; text-align:left; padding:30px; border-right:1px solid gray; border-bottom:1px solid gray; }
.hide-menu { float:right; padding:10px; margin-top:-25px; cursor:pointer; font-size:200%; color:#FF4800; }
.main-mobile-menu a {
text-decoration:none;
}
.r-link {
font: normal normal 300 32px/50px Montserrat;
letter-spacing: 1px;
color:#FF4800;
cursor:pointer;
}
.pr-link {
margin-top:40px;
color:#bfbfbf;
font-size:90%;
}
.link-wrap {
position:absolute;
display:none;
border-radius:0px 0px 7px 7px;
padding:10px;
padding-top:2px;
background-color:white;
box-shadow: -15px 16px 15px -21px rgba(0,0,0,0.75);
}
.link-wrap div {
font: normal normal 300 15px/25px Montserrat;
background-color:white;
cursor:pointer;
text-align:left;
padding:6px;
padding-left:12px;
border-left:5px solid black;
text-transform:uppercase;
font-weight:600;
color:#333333;
margin-top:5px;
}
.link-wrap div:hover {
background-color:#efefef;
}
.t-link {
font-size: 30px;
line-height: 50px;
font-family: lato;
letter-spacing: 0.74px;
cursor:pointer;
text-decoration: none;
color: black;
margin-top: 10px;
}
.e-link {
font: normal normal 600 20px/28px Montserrat;
color: #393939;
text-transform:uppercase;
margin-top:12px;
margin-left:10px;
padding-left:10px;
cursor:pointer;
}
.register-link {
margin-top: -10px;
}
.main-mobile-menu .cs-border-color {
border-left: 8px solid #1737B6;
margin-top: 20px;
}
.main-mobile-menu .zt-border-color {
border-left: 8px solid #3178F9;
}
.main-mobile-menu .id-border-color {
border-left: 8px solid #933C30;
}
.main-mobile-menu .so-border-color {
border-left: 8px solid #7B978B;
}
.main-mobile-menu .ti-border-color {
border-left: 8px solid #4AA1AF;
margin-bottom: 60px;
}
.mobile-menu .log-in {
color: black;
padding-bottom: 60px;
}
/* .t-link2 {
font: normal normal normal 30px/50px Lato;
letter-spacing: 0.74px;
} */
.menu-hr {
margin-top:80px;
margin-bottom:80px;
}
/* Mobile Menu */
.map-frame {
border:0;
border-radius:0px;
}
.center-div .map-area {
display:block;
background-color:#F2F2F2;
}
.intro-right {
width:45%;
}
.pad-40 {
padding-left:40px;
}
.meetup-left, .meetup-center, .meetup-right {
float:left;
width:33.33%;
padding:15px;
padding-right:0px;
}
.meetup-speaker-wrapper {
padding:0px;
}
.meetup-content {
padding:20px;
}
.meetup-full-width img {
max-width:98%;
}
.meetup-speaker-time {
margin-left: 0px;
}
.track-expand {
cursor:pointer;
}
.f-move {
position: absolute;
z-index: 10;
width: 100%;
}
@media screen and (max-width: 1640px) {
.menu-hr {
margin-top:-30px;
margin-bottom:30px;
}
.right-div {
font: normal normal bold 34px/38px Montserrat;
}
.right-div span {
font: normal normal normal 22px/26px Montserrat;
}
}
@media screen and (max-width: 1280px) {
.right-div {
font: normal normal bold 28px/30px Montserrat;
}
.right-div span {
font: normal normal normal 20px/22px Montserrat;
}
}
@media screen and (max-width: 1099px) {
.right-div {
width:90%;
}
.market-map .block-title {
width:100%;
text-align:center;
}
.market-map .cat-submit {
width:100%;
padding-top:25px;
}
/* .hr-underline {
border-top:3px solid #FD500C;
width:100%;
} */
}
@media screen and (max-width: 768px) {
.market-map .block-title {
display:none;
}
.market-map .cat-submit img {
max-width:480px;
}
}
/*
@media screen and (min-width: 2000px) {
body {
max-width:60%;
}
.track-div {
width:40%;
max-width:40%;
}
}
*/
@media screen and (min-width: 1024px) {
body.active {
right: 1020px;
}
.track-div {
right:-1020px;
max-width:1020px;
width:90%;
}
.track-div.active {
right: -1020px;
}
.f-move {
right: -1020px;
}
.meetup-left, .meetup-center, .meetup-right {
display:block;
max-width:33.33%;
}
}
@media screen and (min-width: 2500px) {
body.active{
right: 1020px;
}
.track-div {
right:-1200px;
max-width:1200px;
width:100%;
}
.f-move {
right:-1020px;
}
.track-div.active{
right: -880px;
}
}
@media screen and (max-width: 1023px) {
body.active{
right: 1000px;
}
.track-div {
right:-1000px;
max-width:95%;
}
.f-move {
right:-1000px;
}
.track-div.active{
right: -1000px;
}
}
@media screen and (max-width: 767px) {
body.active{
right: 360px;
}
.meetup-main-title {
font: normal normal bold 39px/39px Montserrat;
padding-top: 30px;
margin-bottom:0px;
}
.track-div {
right:-100%;
max-width:320px;
}
.f-move {
right: -360px;
}
.track-div.active{
right: -340px;
}
}
.logo-row-inner img {
width: 150px;
margin-right: 5px;
}
.sub-titles-rooms {
padding-left: 45px;
padding-bottom: 30px;
}
.log-add {
padding-left: 55px;
}
.log-add img {
text-align: left;
width: 150px;
margin-right: 10px;
}
.left-bar-title {
padding: 0%;
font-size: 20px;
line-height: 25px;
font-weight: 0;
}
.left-bar-title span {
font-weight: 900;
}
/* .sub-tittle-1 {
text-align: left;
font: normal normal 300 16px/19px Montserrat;
letter-spacing: 0px;
color: #030000;
opacity: 1;
margin-top: -20px;
padding-left: 40px;
padding-bottom: 20px;
} */
.owl-carousel .carousel-left .logo-carru {
width: 120px;
}
.owl-carousel #dig-sec {
margin-left: -25px;
}
.demos-div-left .demos-img img{
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.demos-div-right .demos-img img{
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
#zt2-map {
height: 900px;
}
.center-div {
padding-bottom:0px !important;
}
.block-intro .play-button {
display:none;
}
.meetup-live-icon {
margin-top: -35px;
}
.meetup-live-networking {
margin-top: -32px;
padding-right: 24px;
}
.meetup-live-icon img {
max-width: 25px;
padding-right: 52px;
}
.ciso-hour {
font: normal normal bold 27px/37px Open Sans;
}
.vendor-block {
background: transparent linear-gradient(90deg, #cb653d 0%, #cbae67 100%);
padding:10px;
margin-top:10px;
width:96%;
}
.vendor-block .meetup-speaker-info {
font: normal normal bold 21px/21px Montserrat !important;
}
.vendor-block span {
font: normal normal normal 16px/19px Montserrat;
}
.new-bar {
margin-top: -10px;
margin-right:90px;
}
.floating-left {
display: flex;
width: 100%;
justify-content: space-between;
padding-right: 350px;
}
#floating-header-id .sub-title {
padding-right: 20px;
width: 200px;
padding: 0%;
padding-top: 5px;
}
.sub-title2 {
margin-left: -28px;
}
#sticky-container{
width: 100%;
height: fit-content;
position: sticky;
}
#main-title {
padding: 0%;
margin-top: -15px;
margin-left: 10px;
}
.v-bar {
position:fixed;
bottom:0;
right:0;
margin:15px;
}
.edt {
font-size:13px !important;
font-weight:600 !important;
}
@media screen and (max-width: 1023px) {
.v-bar {
display:none;
}
}
/* 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;
}
div {
box-sizing:border-box;
}
img {
max-width:100%;
}
body {
max-width:100%;
overflow-x:hidden;
}
/* Reset CSS */
/* Header */
.header-wrapper {
width:96%;
max-width:1840px;
margin:auto;
}
.header-left {
float:left;
}
.header-left img {
height:21px;
}
.header-left span {
font-size:30px;
margin-right:15px;
margin-left:15px;
color:#a4a4a4;
vertical-align: text-bottom;
}
.header-right {
float:right;
}
.header-links a {
text-align: right;
font: normal normal bold 14px/18px Montserrat;
letter-spacing: 1.4px;
text-decoration:none;
color:black;
text-transform:uppercase;
}
.header-links {
height: 61px;
padding-right: 50px;
background-color:#FF4800;
}
.header-links a:hover {
color:#1838B7;
}
.header-logo {
position:relative;
}
.logo-class {
z-index:100;
}
/* Header */
/* Sticky Sub Header */
.floating-header {
/* background-image:url("../images/csa-head.png"); */
background-color: #007AFE;
background-repeat:no-repeat;
background-size: 20% auto;
border-top:3px solid #FE682D;
}
.floating-left {
float:left;
padding-top:15px;
padding-bottom:10px;
background-color:white;
border-left:25px solid #FF4800;
}
.floating-left .title {
font: normal normal bold 31px/38px Montserrat;
letter-spacing: 0.47px;
color: #000000;
opacity: 1;
padding:0px 30px;
}
.floating-left .sub-title {
font: normal normal 300 14px/18px Montserrat;
letter-spacing: 0.21px;
color: #000000;
text-transform:uppercase;
padding:5px 30px;
}
.floating-right {
float:right;
background-color:#1838B7;
padding-top:15px;
padding-bottom:10px;
}
.floating-links a {
text-align: right;
font: normal normal bold 14px/50px Montserrat;
font-weight:700;
text-decoration:none;
letter-spacing: 1.4px;
color: #FFFFFF;
text-transform:uppercase;
vertical-align:top;
}
.floating-links a:first-child {
border:0;
}
.floating-links a:last-child {
padding-right:10px;
}
.floating-links a:hover {
color:#d6ddfa;
}
.floating-right {
padding-top:16px;
}
.floating-links .pipe {
font: normal normal normal 48px/48px Montserrat;
font-weight:100;
padding-right:20px;
padding-left:20px;
color:white;
}
/* Sticky Sub Header */
/* Left Bar */
.left-bar-top, .left-bar-middle, .left-bar-bottom {
width:90%;
}
.left-title-bar {
font: normal normal normal 21px/25px Lato;
color: #474747;
padding-bottom:10px;
margin-bottom:15px;
border-bottom:1px solid #dedede;
text-transform:uppercase;
}
.left-title-bar .left-bar-icon {
float:left;
width:20%;
}
.left-title-bar .left-bar-title {
float:left;
width:80%;
padding-left:8%;
margin-top:-4%;
}
.all-vendors {
font-size:19px;
}
.left-bar-top li a, .left-bar-middle li a, .left-bar-bottom li a {
font: normal normal normal 17px/30px Lato;
letter-spacing: 0.34px;
color: #747474;
text-decoration:none;
}
.left-bar-middle li a {
color: #FE682D;
}
/* .left-div hr {
margin-top:30px;
margin-bottom:30px;
} */
/* Left Bar */
/* Right Bar */
/** Map Links **/
.map-nav-title {
text-align: center;
font: normal normal bold 16px/60px Montserrat;
}
.map-navs {
margin-left:30px;
}
.map-nav {
float:left;
width:46%;
margin:1%;
padding:10px;
padding-top:11px;
font: normal normal bold 15px/19px Montserrat;
letter-spacing: 1.5px;
color: #535353;
text-align:center;
background-color:white;
border: 1px solid #d1d1d1;
box-sizing:border-box;
min-height:48px;
overflow:hidden;
border-radius:5px;
}
.map-100 {
width:94%;
min-height:36px;
}
.map-nav-current {
background-color:#1838B7;
color:white;
cursor:default;
}
.map-nav:hover {
background-color:#1838B7;
color:white;
cursor:pointer;
}
.map-nav-current:hover {
cursor:default;
}
.map-nav-blank:hover {
background-color:white;
cursor:default;
}
.thinner {
font: normal normal bold 12px/12px Montserrat;
letter-spacing: 0px;
}
/** Map Links **/
/** Market Buttons **/
.market-links {
max-width:85%;
margin-left:10%;
margin-top:20px;
margin-bottom:20px;
text-align: center;
font: normal normal bold 16px/60px Montserrat;
}
.market-link {
text-align: center;
font: normal normal bold 20px/33px Montserrat;
letter-spacing: 1px;
padding:10px 20px;
margin-bottom:5px;
color:white;
text-decoration:none;
transition:0.3s all linear;
}
.market-links a {
color:white;
text-decoration:none;
}
.market-link:hover {
background-color:#000000;
}
.color-zt {
background-color:#007AFE;
}
.color-secops {
background-color:#6F9585;
}
.color-identity {
background-color:#AF0114;
}
/** Market Buttons **/
/* Right Bar */
/* Footer */
.footer {
background:black;
padding:20px;
text-align:center;
color:#efefef;
position:relative;
z-index:10;
}
.footer img {
filter:invert(1);
width:250px;
}
/* Footer */
/* Scrollbar */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius:10px;
}
::-webkit-scrollbar-thumb {
background: #777777;
border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* Scrollbar */
/* Layout */
.left-div {
float:left;
overflow-y:scroll;
width:12.5%;
padding:16px;
padding-left:0px;
background: #F9F9F9 0% 0% no-repeat padding-box;
border: 1px solid #F5F4F7;
opacity: 1;
}
.center-div {
float:left;
width:80%;
min-height:1000px;
background-color:white;
padding-bottom:60px;
border-right:1px solid #efefef;
}
.center-div .block-title {
font: normal normal 600 28px/36px Montserrat;
color:#030000;
padding-top:25px;
padding-bottom:25px;
display:inline-block;
letter-spacing: 0;
}
.block-clickable {
cursor:pointer;
transition: 0.15s all linear;
}
.block-clickable:hover {
color:#FD500C;
}
.right-div {
float:left;
width:20%;
padding-top:20px;
position:relative;
z-index:0;
}
.left-div, .right-div {
display:block;
}
.left-drawer, .right-drawer {
display:none;
}
/* Layout */
/* Breadcrumbs */
.breadcrumbs {
margin-top:30px;
margin-bottom:25px;
font: normal normal 600 13px/15px Montserrat;
letter-spacing: 1.2px;
color: #000000;
text-transform:uppercase;
margin-left: 55px;
font-weight:800;
}
/* .breadcrumbs .seperator {
padding-left:5px;
padding-right:5px;
} */
/* Breadcrumbs */
/* Intro */
.intro {
padding-bottom:20px;
}
.intro-left, .intro-right {
float:left;
width:50%;
}
.intro-title span {
display:block;
font: normal normal normal 20px/30px Open Sans;
color: #1838B7;
}
.intro-title {
text-align: left;
font: normal normal 500 20px/33px Montserrat;
letter-spacing: 0px;
color: #545457;
opacity: 1;
border-left: 6px solid #000000;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.padding-box {
padding-left: 50px;
}
.border-container {
width: 100%;
padding: 0%;
border-bottom: solid 1px rgb(222, 219, 219);
padding-bottom: 5px;
padding-top: 50px;
}
.intro-right .seperator {
margin-top:15px;
margin-bottom:20px;
margin-left:-40px;
width:105%;
}
/* Intro */
/* Logos */
.logos {
padding-bottom:50px;
margin-bottom: -20px;
}
.logo-row {
width:100%;
margin:auto;
margin-left:-2%;
}
/* .logo-row img {
margin-bottom:10px;
} */
/* .logo-row-inner {
width:100%;
text-align:center;
display:inline-block;
} */
.logo-25 img {
width:25%;
aspect-ratio: 3/2;
object-fit: contain;
gap: 1px;
}
/* Logos */
/* Carousel */
.owl-carousel {
padding-bottom:15px;
}
.carousel-left, .carousel-right {
float:left;
width:50%;
}
/* .carousel-right {
font: normal normal bold 17px/20px Montserrat;
color: #030000;
} */
.session-carousel .carousel-left {
float:none;
width:95%;
}
.carousel-text {
padding:8px;
text-align: left;
font: normal normal bold 14px/18px Montserrat;
letter-spacing: 0px;
color: #030000;
opacity: 1;
}
.session-carousel .owl-nav {
margin-top:-60px;
margin-bottom:60px;
}
/* Carousel */
/* Use Cases */
.use-cases-left {
float:left;
width:50%;
}
.use-cases-right {
float:left;
width:50%;
border-left:1px solid #efefef;
}
.use-cases ul {
margin-left:40px;
}
.use-cases ul li {
font: normal normal 300 19px/33px Montserrat;
color: #030000;
}
.use-cases ul li::before {
font: normal normal 300 30px/30px Montserrat;
content: "\2022";
color: red;
font-weight: bold;
display: inline-block;
width: 0.7em;
margin-left: -1em;
}
.use-cases-seperator {
margin-top:50px;
margin-bottom:50px;
border-top:1px solid #f6f2f2;
background-color:transparent;
}
.title-left,
.title-right {
font: normal normal bold 26px/33px Montserrat;
color: #030000;
text-align:center;
font-weight:800;
padding-right:40px;
}
.sub-title-left,
.sub-title-right {
font: normal normal 300 14px/18px Montserrat;
color: #030000;
text-align:center;
padding-right:40px;
margin-top:10px;
margin-bottom:10px;
}
.button-left {
font: normal normal bold 12px/16px Montserrat;
color: #FF4800;
text-align:center;
width:150px;
padding:10px 15px;
border:1px solid #FF4800;
border-radius:7px;
margin:auto;
margin-top:25px;
margin-bottom:10px;
text-transform:uppercase;
font-weight:800;
}
.use-cases-left a {
text-decoration:none;
}
.use-cases-right-wrapper {
width:80%;
margin:auto;
}
.use-cases-names-left,
.use-cases-names-right {
font: normal normal normal 14px/20px Open Sans;
color: #030000;
float:left;
width:50%;
padding:10px;
margin-bottom:15px;
}
.use-cases-img-left,
.use-cases-img-right {
float:left;
width:50%;
text-align:center;
padding:15px;
margin-bottom:15px;
}
/* .use-cases-img-left img,
.use-cases-img-right img {
height:20px;
} */
/* Use Cases */
/* Speaker Sessions */
.speakers {
}
.speakers-left {
float:left;
width:40%;
}
.speakers-right {
float:left;
width:60%;
}
.speakers-table {
padding-right:40px;
}
.speakers-table-left {
float:left;
width:25%;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
}
.speakers-table-right {
float:left;
width:75%;
font: normal normal normal 16px/28px Open Sans;
color: #000000;
padding-top:10px;
padding-bottom:10px;
font-weight:600;
border-left:1px solid #efefef;
}
.speaker-time {
font: normal normal bold 21px/28px Montserrat;
letter-spacing: -0.02px;
color: #000000;
font-weight:800;
}
.speaker-ampm {
padding-left:5px;
font: normal normal normal 10px/14px Open Sans;
color: #000000;
vertical-align: text-top;
}
.speaker-bullet {
font: normal normal bold 10px/0px Open Sans;
color: red;
margin-left: -6px;
vertical-align: middle;
position:relative;
border-radius:50%;
background-color:white;
}
.table-text {
padding-left: 15px;
padding-right:15px;
display:block;
margin-top:-27px;
}
.speaker-caption {
font: normal normal normal 16px/20px Open Sans;
text-transform:uppercase;
text-align:left;
font-weight:800;
margin-top:20px;
margin-bottom:20px;
}
.speaker-caption a {
color: #FF4801;
}
.speakers-div-left {
float:left;
width:55%;
}
.speakers-div-right {
float:left;
width:45%;
}
.speaker-title {
font: normal normal bold 26px/33px Montserrat;
color: #030000;
padding-right:40px;
}
.speaker-name {
font: normal normal bold 11px/14px Montserrat;
color: #030000;
padding-right:40px;
margin-top:10px;
}
.speaker-text {
margin-top:10px;
font: normal normal 300 14px/18px Montserrat;
padding-right:40px;
}
.speaker-timer {
text-align:center;
margin-top:10px;
margin-bottom:25px;
}
.speaker-timer-wrapper {
display:inline-block;
}
.speaker-min {
float:left;
font: normal normal bold 18px/18px Montserrat;
color: #000000;
background-color:white;
border-radius:7px;
padding:10px 20px;
font-weight:800;
}
.speaker-hour {
float:left;
font: normal normal bold 12px/15px Montserrat;
color: #FFFFFF;
background-color:#FF4801;
border-radius:7px 0px 0px 7px;
padding:10px 20px;
}
.speaker-desc {
float:left;
font: normal normal bold 12px/15px Montserrat;
color: #FFFFFF;
background-color:#1838B7;
border-radius:0px 7px 7px 0px;
padding:10px 20px;
}
/* Speaker Sessions */
/* Demos */
.demos-div-left {
float:left;
width:50%;
}
.demos-div-right {
float:left;
width:50%;
}
.demos-left {
float:left;
width:37.5%;
cursor:pointer;
margin-bottom:25px;
}
.demo-play {
font: normal normal 600 12px/12px Montserrat;
letter-spacing: 3.36px;
color: #010101;
text-align:center;
text-transform:uppercase;
font-weight:800;
padding:4px;
border-radius:0px 0px 7px 7px;
border:1px solid #dfdfdf;
border-top:none;
margin-top:-3px;
transition:0.2s all linear;
}
.demo-play img {
height:31px;
margin-right:4px;
vertical-align:middle;
margin-top:-2px;
transition:0.2s all linear;
}
.demos-left:hover .demo-play img {
filter:brightness(0) invert(1);
}
.demos-left:hover .demo-play {
color:white;
background-color:#FF4800;
}
.demos-right {
float:left;
width:62.5%;
margin-bottom:25px;
}
.demos-margin {
margin-left:-20px;
}
.demo-logo {
float:left;
}
.demo-logo img {
max-height:40px;
}
.demo-cat {
float:right;
margin-top:15px;
}
.demo-cat span {
background-color:#1838B7;
font: normal normal bold 12px/15px Montserrat;
color:white;
padding:4px 10px;
border-radius:10px;
margin-right:4px;
}
.demo-title {
text-align: left;
font: normal normal 600 16px/18px Montserrat;
letter-spacing: 0px;
color: #030000;
opacity: 1;
}
.demo-title2 {
margin-top: -20px;
}
.demos-right hr {
border-top:1px solid #efefef;
background-color:transparent;
margin-left:-44px;
margin-top:15px;
margin-bottom:15px;
}
.demo-speaker {
font: normal normal bold 14px/18px Montserrat;
color: #030000;
}
.demo-text {
margin-top:10px;
text-align: left;
font: normal normal 300 14px/18px Montserrat;
letter-spacing: 0px;
color: #030000;
opacity: 1;
height: 127px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
}
/* .demo-text {
text-overflow: ellipsis;
overflow: hidden;
} */
.read-more-span {
float: right;
font-family: open-sans;
cursor: pointer;
color: #FD500C;
font-size: 15px;
width: 100%;
font-size: montserrat;
}
.read-more-span:hover {
text-decoration: underline;
}
/* .demo-text:hover {
height: fit-content;
} */
.fit-content {
height: fit-content;
-webkit-line-clamp: 1000;
}
#demo-text-cuarto {
height: 130px;
}
/* .demo-text-tercero {
height: 75px;
} */
/* Demos */
/* Market Map */
.map-frame {
border-radius:10px;
border:1px solid black;
}
/* Market Map */
/* Mobile Menu */
.mobile-menu, .mobile-menu-close {
display:none;
cursor:pointer;
font: normal normal bold 14px/18px Montserrat;
color:white !important;
}
.mobile-menu .menu-bar {
width:30px;
height:4px;
background-color:black;
margin-bottom:3px;
}
.mobile-links {
display:none;
}
.mobile-links a {
width:100%;
display:block;
background-color:#1838B7;
text-align:center;
font: normal normal bold 14px/18px Montserrat;
letter-spacing: 1.4px;
color: #FFFFFF;
padding:10px;
text-transform:uppercase;
font-weight:800;
text-decoration:none;
margin-bottom:4px;
}
.mobile-link {
display:none;
background-color:#1838B7;
text-align:center;
padding:0px;
cursor:pointer;
}
.mobile-link img {
transform:rotate(90deg);
filter:brightness(0) invert(1);
height:21px;
}
.mobile-header {
display:none;
}
/* Mobile Menu */
/* Tool Tip */
.tool-tip {
color:white;
font:normal normal bold 12px/15px Montserrat;
width:200px;
display:none;
position:absolute;
z-index:10;
}
.tool-tip-inside {
background-color:#707070;
padding:10px;
text-align:center;
}
.tt-image {
margin-left:85px;
margin-top:-2px;
width:20px;
}
/* Tool Tip */
/* Common */
.clear-div {
clear:both;
}
.div-hide {
display:none;
}
.default-color {
color:#FD500C;
}
.color-gray {
background-color:#f8f8f8;
}
.pad-20 {
padding-left:5px;
}
.pad-40 {
padding-left:60px;
}
.pad-right-20 {
padding-right:30px;
}
.pad-right-40 {
padding-right:60px;
}
.margin-left-30 {
margin-left:-30px;
}
.seperator {
color:rgb(9, 9, 9);
/* border-top:1px solid #efefef; */
background-color:transparent;
}
.play-button {
display:none;
position:absolute;
z-index:2;
width:50px;
height:50px;
animation-name: play;
animation-duration: 3s;
animation-iteration-count: infinite;
transition: 0.3s all linear;;
}
@keyframes play {
0% {transform:scale(1);}
50% {transform:scale(1.4);}
100% {transform:scale(1);}
}
/* Common */
/* Misc */
.arrow {
transition:0.3s all linear;
cursor:pointer;
margin-left:5px;
display:inline-block;
margin-top: 0px;
display: inline-block;
vertical-align: middle;
}
.arrow img {
width:42px;
}
.invert {
transform:rotate(180deg);
margin-top:-16px;
}
.invert img {
filter:brightness(3);
}
.intros {
display:none;
}
.fixed {
position:fixed;
width:100%;
display:block;
top:0;
z-index:10;
}
.sticky-fixed {
position:fixed;
z-index:20;
background-color: #F9F9F9;
}
.padRight {
padding-top:0px;
}
.marginleft {
margin-left:12.5%;
}
/* Misc */
/* Live Feed */
.blank-screen {
position:absolute;
display:none;
z-index:40;
top:0;
left:0;
width:100%;
height:100%;
background-color:black;
opacity:0.8;
}
.future:hover, .blank:hover {
cursor:default;
}
.event-scroll {
cursor:pointer;
font-weight:800;
display:none;
}
.event-scroll-left {
float:left;
}
.event-scroll-right {
float:right;
padding-right:10px;
}
.meetup-speaker-header {
text-align:center;
font: normal normal bold 18px/8px Montserrat;
font-weight: 800;
color: white;
border-bottom: 2px solid white;
background: transparent linear-gradient(90deg, #FF4800 0%, #FFB300 100%);
}
.meetup-speaker-wrapper a {
color:white;
text-decoration:none;
}
.meetup-speaker-wrapper a:hover {
color:#efefef;
}
.meetup-title-wrapper {
padding:30px;
background-color:white;
}
.meetup-mobile {
display:none;
}
.meetup-mobile.meetup-title-wrapper {
padding:30px;
padding-top:15px;
padding-bottom:15px;
margin-top:20px;
background-color:#fff4f4;
}
.meetup-mobile .meetup-main-title {
font: normal normal bold 38px/45px Montserrat;
text-align:left;
}
.meetup-mobile .meetup-live-title {
text-align:left;
animation:none;
}
.meetup-close {
position:absolute;
top:0;
right:0;
color:black;
font: normal normal bold 30px/30px Montserrat;
font-weight:800;
color: #636363;
cursor:pointer;
padding:15px;
}
.meetup-main-title {
font: normal normal bold 49px/59px Montserrat;
color: #2C2C2C;
text-align:center;
font-weight:700;
margin-bottom:10px;
}
.meetup-main-title span {
font-weight:300;
}
.meetup-agenda-title {
float:left;
font: normal normal medium 20px/24px Montserrat;
color: #2C2C2C;
}
.meetup-agenda-title span {
font-family: 'Montserrat';
font-size: 90%;
font-weight: 500;
letter-spacing: -0.5px;
color: darkslategray;
}
.meetup-live-title {
text-align:center;
display:none;
font: normal normal bold 14px/18px Open Sans;
color: #FF1F1F;
cursor:pointer;
animation: live-pulsate 2s linear infinite;
}
.meetup-expand-title {
display:none;
float:right;
background-color:#ff8040;
color: #FFFFFF;
padding:6px 30px;
border-radius:10px;
font: normal normal bold 14px/18px Open Sans;
color: white;
margin-top:-40px;
cursor:pointer;
}
.meetup-expand-title:hover,
.meetup-mobile-expand:hover {
background-color:#000000;
}
.meetup-mobile-expand {
display:none;
background-color:#ff8040;
color: #FFFFFF;
padding:6px 30px;
font: normal normal bold 14px/18px Open Sans;
font-weight:800;
color: white;
text-align:center;
cursor:pointer;
}
.meetup-speaker-wrapper {
padding:5%;
background-color:#185FCC;
color: #FFFFFF;
margin-bottom:1px;
}
.meetup-speaker-time {
font: normal normal bold 21px/28px Open Sans;
letter-spacing: -0.02px;
margin-left:-10px;
margin-bottom:10px;
}
.meetup-speaker-time span {
font: normal normal normal 10px/14px Open Sans;
margin-left:5px;
}
.meetup-speaker-img {
float:left;
width:20%;
}
.meetup-speaker-img img {
border-radius:4px 4px 0px 0px;
}
.meetup-speaker-info {
float:left;
width:75%;
font: normal normal normal 16px/19px Open Sans;
color: #FFFFFF;
margin-left:10px;
font-weight:500;
}
.meetup-speaker-info span {
display:block;
font: italic normal normal 14px/19px Open Sans;
padding-top:4px;
}
.meetup-speaker-logo {
padding:2px;
border-radius:4px;
margin-bottom:2px;
}
.meetup-speaker-logo img {
border-radius:4px;
max-height:20px;
background-color:#ffffff;
}
.meetup-opacity .meetup-speaker-time,
.meetup-opacity .meetup-speaker-time span,
.meetup-opacity .meetup-speaker-info,
.meetup-opacity .meetup-live-networking,
.meetup-opacity img {
opacity:0.5;
}
.meetup-opacity:hover .meetup-speaker-time,
.meetup-opacity:hover .meetup-speaker-time span,
.meetup-opacity:hover .meetup-speaker-info,
.meetup-opacity:hover .meetup-live-networking,
.meetup-opacity:hover img {
opacity:1;
}
.meetup-center {
border-left: 1px solid white;
}
.past {
background-color:#37486E !important;
}
meetup-center.past {
background-color:#185FCC !important;
}
.meetup-center.live, .meetup-center.future {
background: transparent linear-gradient(90deg, #FF4800 0%, #FFB300 100%);
}
.meetup-dark.future {
background:none;
background-color:#2138B3 !important;
}
.meetup-red.future {
background:none;
background-color:#FF1F1F;
}
.meetup-right {
border-left: 1px solid white;
background-color: #02398E;
}
.meetup-speaker-header .meetup-center, .meetup-speaker-header .meetup-right {
background-color:transparent !important;
border:0 !important;
}
.meetup-orange, .meetup-highlight {
background-color:#FF1F1F;
}
.meetup-skyblue, .meetup-skycolor {
background-color:#2138B3;
}
.meetup-100 {
width:100%;
margin-left:0px;
}
.meetup-orange-title {
font: normal normal bold 17px/23px Open Sans;
margin-bottom:5px;
}
.meetup-live-networking {
position: relative;
float: right;
font: normal normal 600 13px/16px Open Sans;
margin-top: -40px;
padding-right: 15px;
}
.meetup-live-icon {
float: right;
margin-top: -40px;
margin-right: 75px;
}
.meetup-live-icon img {
max-width:40px;
padding-right: 15px;
}
.meetup-arrow {
color: #FF1F1F;
font-size:125%;
cursor:pointer;
vertical-align:text-top;
line-height:19px;
}
.meetup-full-width {
width:100%;
text-align:left;
}
.meetup-full-width img {
max-width:360px;
margin-bottom:5px;
}
.meetup-no-margin {
margin-left:0px;
}
.meetup-status {
visibility:hidden;
position:absolute;
font: normal normal bold 13px/13px Montserrat;
background-color:orange;
transform: rotate(-90deg);
text-align:center;
padding:8px 16px;
border-radius:10px 10px 0px 0px;
}
.meetup-status a {
color:white;
text-decoration:none;
}
.replay-button, .coming-up-button {
background-color: #EF6922;
}
.live-button {
background-color: #ff0000;
}
.turn {
transform: matrix(0, -1, 1, 0, 0, 0);
}
.circle {
margin-right:4px;
float:left;
}
.live .circle {
animation: pulsate 2s linear infinite;
}
.meetup-live-img {
display:none;
}
.meetup-40 {
width:40%;
}
.meetup-60 {
width:55%;
}
.coming-up {
font: normal normal bold 13px/19px Montserrat;
letter-spacing: 0.65px;
color: #FE4801;
margin-top:-5px;
}
.alternate-block {
display:none;
}
@keyframes pulsate {
0% {
transform: scale(1);
}
33% {
transform: scale(1.25);
}
66% {
transform: scale(1);
}
100% {
transform: scale(0.75);
}
}
@keyframes live-pulsate {
0% {
transform: scale(1);
}
33% {
transform: scale(1.1);
}
66% {
transform: scale(1);
}
100% {
transform: scale(0.9);
}
}