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, b, u, i, dl, dt, dd, ol, nav ul, nav 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; } body, .main-carousel{ margin: 0px; padding: 0px; font-family: 'Open Sans', Arial, sans-serif; } .nomore{ display: flex; justify-content: center; align-content: center; height: 100%; align-items: center; } .nomore span{ font-size: 3rem; font-weight: 800; background: rgba(255,255,255,0.9); padding: 1rem; border-radius: 1rem; } .blockexhibitors { display: inline-block; width: 100%; } .mainwindow{ width: 1445px; } .roomdisplay{ width: 1920px; position: relative; } .main-carousel{ width: 1445px; height: 880px; top: 200px; } .carousel-cell { width: 100%; /* full width */ height: 100%; /* height of carousel */ overflow: hidden; padding: 0px 20px; } .static-banner { left: 0px; top: 0px; width: 480px; height: 200px; position: absolute; z-index: 1; padding: 0px; pointer-events: none; overflow: hidden; } .topinfo{ margin-left: 20px; margin-right: 20px; background-image: url(/imgs/signagetop.png); height: 250px; background-repeat: no-repeat; background-repeat: no-repeat; width: 1445px !important; } .static-banner > div { color: #3C589F; height:180px; margin: 10px; overflow: hidden; } .news { left:480px; } .social { left:1445px; height:1080px; background-color: white; } .news:before, .join:before{ content:" "; width: 1px; background-color: #3C589F; height: calc(100% - 60px); top: 30px; left: 0px; position: absolute; } .join { left:950px; font-size: 1.8em; display: flex; justify-content: center; align-content: center; align-items: center; } .join b{ font-weight: bold; } .background { width: 1920px; height: 1080px; z-index:-1; } .join > div { color: #3C589F; height: auto; } .static-banner .title { text-align: center; font-size: 2em; font-variant: small-caps; } .logo { max-height: 160px; max-width: 450px; } .divlogo { display: flex; justify-content: center; align-content: center; } .divlogo > div { } .display{ /*background:#FFF; background-color:rgba(255,255,255,0.9);*/ columns: 2; border-radius:40px; position: absolute; overflow: hidden; } .roomdisplay .topinfo, .roomdisplay .main-carousel{ width: 1880px !important; } .roomdisplay .topinfo{ background-image: url(/imgs/signagetopfull.png); } .roomdisplay .join{ right: 10px; left: inherit; width: 600px; } .roomdisplay .static-banner.title { left:480px; width: 600px; font-size:2rem; display: flex; justify-content: center; align-content: center; align-items: center; } .fulldisplay .main-carousel{ height: 1080px; width:1920px; top: 0; } .fulldisplay .carousel-cell{ padding: 0; } .fulldisplay .carousel-cell .display{ width: 1920px; height: 1080px; bottom: 0; background-color: white; border-radius: 0px; padding: 0; } #sponsorsExhibitors.display{ /*background:#FFF;*/ background-color:rgba(255,255,255,0.9); columns: 1; } #sponsorsExhibitors.display > div{ /*background-color:rgba(255,255,255,0.9); columns: 3;*/ } .clear { clear: both; } /* position dots up a bit */ .flickity-page-dots { bottom: 4px; z-index: 100; } /* dots are lines */ .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; } h2 { text-align: center; margin:0px; padding:0px; Color: white; font-size: 70px; z-index: 10; } .word::first-letter { font-size:1.3em; font-weight:bold; } h3 { text-align: center; border-bottom: 1px solid #414042; margin:0px; padding:10px; Color: #414042; font-size: 30px; font-weight: 700; z-index: 10; } .fullscreen { margin: auto; max-width: 100%; max-height: 100%; display: block; top:0; position: absolute; } .hidden{ display: none; } .exhibitorslist { text-align: left; font-weight: 500; //-webkit-column-count: 2; /* Chrome, Safari, Opera */ //-moz-column-count: 2; /* Firefox */ //column-count: 2; float: left; padding: 0 20px; width:100% } .booth { //float: left; width: 80px; font-size: 30px; font-weight: 200; } .small { font-size: 20px; } .name { font-size: 30px; padding-left: 40px; } .exhibitor { height: 60px; } #exhibitors { /*padding:30px;*/ } #plenary { columns: 1; } .carousel-cell .display { height: 760px; bottom: 30px; display: flex; flex-direction: column; flex-wrap: wrap; width: 1400px; } #CAB { columns: 3; } .CABlist { margin-left: 20px; } .CABlist .company { font-size: 13px; font-weight: 700; width: 270px; } .CABlist .name { font-size: 13px; font-weight: 100; text-align: right; } .exhibitorslist table { width: 100%; } .exhibitorslist .company { font-size: 20px; } .exhibitorslist .booth { font-size: 18px; font-weight: 200; text-align: right; width: initial; } /* SOCIAL CSS */ .pseudo{ color: #0071ce; } .url { color: #0071ce; text-decoration: underline; } .hashtag{ background-color: #3C589F; color: #FFFFFF; } #socialwall{ columns:1; background-color: transparent; } #socialslide{ position: absolute; top: 83px; height: 880px; width: 1880px; background: rgba(65,64,66,0.7); } .asocial{ width: 330px; padding: 20px; margin: 10px; height: 180px; float: left; border: 1px solid #3C589F; border-radius: 20px; background: white; list-style: none; overflow: hidden; } .pics{ float:left; margin-right: 10px; } .avatar{ width: 50px; height: 50px; border: 1px solid #414042; background-color: white; border-radius: 5px; } .username{ font-size: 1em; font-weight: 700; } .pseudo{ /*color: #CCC;*/ } .socialimg{ text-align:center; } .socialimg img { max-height: 300px; max-width: 760px; width: auto; height: auto; } #socialslide .asocial{ width: 800px; padding: 20px; margin: 150px 560px ; height: 400px; float: left; border: 2px solid #3C589F; border-radius: 20px; background: white; overflow: hidden; } #socialslideul { height:850px; } #socialslide .pics{ float:left; margin-right: 10px; width: 60px; } #socialslide .avatar{ width: 100px; height: 100px; border: 1px solid #414042; border-radius: 5px; } #socialslide .username{ font-size: 1.5em; font-weight: 700; } #socialslide .pseudo{ font-size: 1.5em; } #socialslide .socialtext{ font-size: 1.5em; } #socialslide .socialtext .pseudo{ font-size: 1em; } #socialslideulLine .socialtext img { display: none; } #socialslideul{ padding:0; } #socialslideulLine{ width: 520px; margin: 0; padding: 0; z-index: 200; color: #FFFFFF; } #socialslideulLine .asocial{ width: 520px; padding: 5px; margin: 0px ; height: inherit; border-radius: 0px; background: #3C589F; border-bottom: 1px solid #FFF; } #socialslideulLine .pics{ float:left; margin-right: 10px; } #socialslideulLine .avatar{ width: 50px; height: 50px; border: 1px solid white; border-radius: 5px; } #socialslideulLine .username{ font-size: 1em; font-weight: 700; text-align:left; margin-left: 10px; margin-right: 10px; } #socialslideulLine .pseudo{ font-size: 1em; color: white; text-align:left; } #socialslideulLine .socialtext{ font-size: 1em; text-align:left; margin-right: 70px; } #socialslideulLine .hashtag{ background-color: #FFFFFF; color: #3C589F; } /* NEWS CSS */ /* Ticker Styling */ .ticker-wrapper.has-js { height: 60px; display: block; font-size: 1.1em; z-index: 20; position:relative; margin: 0 0 0 -10px; } .ticker { width: 90%; height: 60px; display: block; position: relative; overflow: hidden; } .ticker-title { padding-top: 9px; color: #990000; font-weight: bold; text-transform: uppercase; } .ticker-content { margin: 0px; padding-top: 9px; position: absolute; color: #FFFFFF; font-weight: normal; overflow: hidden; white-space: nowrap; line-height: 1em; } .ticker-content:focus { none; } .ticker-content a { text-decoration: none; color: #FFFFFF; } .ticker-content a:hover { text-decoration: underline; color: #0D3059; } .ticker-swipe { padding-top: 9px; position: absolute; top: 0px; background-color: #3C589F; display: block; width: 800px; height: 68px; } .ticker-swipe span { margin-left: 1px; background-color: #3C589F; border-bottom: 1px solid #3C589F; height: 35px; width: 7px; display: block; } .ticker-controls { padding: 8px 0px 0px 0px; list-style-type: none; float: left; } .ticker-controls li { padding: 0px; margin-left: 5px; float: left; cursor: pointer; height: 16px; width: 16px; display: block; color: #FFFFFF; } .ticker-control li .paused { color:red; } .ticker-controls li.jnt-play-pause { background-image: url('../images/controls.png'); background-position: 32px 16px; background-color: #fff; } .ticker-controls li.jnt-play-pause.over { background-position: 32px 32px; } .ticker-controls li.jnt-play-pause.down { background-position: 32px 0px; } .ticker-controls li.jnt-play-pause.paused { background-image: url('../images/controls.png'); background-position: 48px 16px; background-color: #fff; color: red; } .ticker-controls li.jnt-play-pause.paused.over { background-position: 48px 32px; } .ticker-controls li.jnt-play-pause.paused.down { background-position: 48px 0px; } .ticker-controls li.jnt-prev { background-image: url('../images/controls.png'); background-position: 0px 16px; background-color: #fff; } .ticker-controls li.jnt-prev.over { background-position: 0px 32px; } .ticker-controls li.jnt-prev.down { background-position: 0px 0px; } .ticker-controls li.jnt-next { background-image: url('../images/controls.png'); background-position: 16px 16px; background-color: #fff; } .ticker-controls li.jnt-next.over { background-position: 16px 32px; } .ticker-controls li.jnt-next.down { background-position: 16px 0px; } .js-hidden { display: none; } .no-js-news { padding: 10px 0px 0px 45px; color: #F8F0DB; } .left .ticker-swipe { /*left: 80px;*/ } .left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker { float: left; } .left .ticker-content{ width: 100%; } .left .ticker-controls { padding-left: 6px; display: none; } .right .ticker-swipe { /*right: 80px;*/ } .right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker { float: right; } .right .ticker-controls { padding-right: 6px; } @media only screen and (max-width: 1024px) { .ticker-wrapper.has-js { top:0; padding: 0px 20px; } .ticker { width: 80%; } } @media only screen and (max-width: 740px) { .ticker-wrapper.has-js { height: 60px; font-size: 0.7em; padding: 0px 5px; } .ticker-content { width:100%; } .ticker { width:100%; } } .demos__card { display: inline; float: left; padding: 0px 1% 1% 0px; width: 100%; height:180px; } .card__content { border-radius: 4px; box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.15); height: 100%; overflow: hidden; position: relative; } .demo { /* padding-bottom: 50%;*/ background-color: #FFFFFF; padding: 1em; } .btn__sponsors{ /*border-radius: 25px !important;*/ padding: 6px 15px; width: inherit; font-weight: 100; font-size: 1.3em; } .picture { padding:0px; } .picture .speakers { float:none; width:auto; height:auto; max-height: 150px; } .demo { border:0px; margin:0px; } .demo .demo__logo { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; } .demo__logo { transform: translate3d(0px, 0px, 0px); } .demo img { margin: auto; max-width: 100%; max-height: 100px; display: block; } .demo__content { background-color: #FFF; color: #757575; overflow-x: hidden; overflow-y: auto; padding: 24px 24px 0px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .demo__content { border-top: 1px solid #E7E7E7; } .card__banner { content: " "; display: table; text-align: center; } .card__banner.with-hover { transition: color 260ms ease-out 0s; } .card__banner { line-height: 1.5em; padding: 0% 1% 3% 1%; width: 100%; } .card__banner { color: #68A4D9; } .listphoto img { height: 150px; } #photowall { columns:1; } .blockexhibitors.Platinum .demos__card{ width:50%; } .blockexhibitors.Emerald, .blockexhibitors.Academic{ width: 25%; } .blockexhibitors.Gold .demos__card{ width: 50%; } .blockexhibitors.Ruby .demos__card{ width:50%; } .blockexhibitors.Emerald, .blockexhibitors.Academic{ width: 25%; } .blockexhibitors.Ruby{ width: 50%; } .portrait{ position: absolute; top:0px; width: calc(1080px); height: calc(1920px); } .portrait270{ position: absolute; top: calc(-1920px + 1080px); width: calc(1080px); height: calc(1920px); } .portrait.rotate{ transform-origin: top left; left: 1930px; transform: rotate(90deg); } .portrait270.rotate{ transform-origin: bottom left; left: 1930px; transform: rotate(270deg); } .portraitmeeting * { -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .portraitmeeting .mainwindow{ position: relative; top:0px; left:1930px; transform: rotate(90deg); width: calc(1080px - 4rem); height: calc(1920px - 16rem); } .portraitmeeting .background{ width: 1080px; height: 1920px; } .portraitmeeting .background img{ min-height: 1920px; } .portraitmeeting .item .column.info{ width:418px; } .portraitmeeting .topinfo{ width: 1040px !important; } .portraitmeeting .join { left: 450px; } .portraitmeeting .main-carousel { width: 1080px; height: 1680px; top: 240px; } .portraitmeeting .carousel-cell .display{ width: 1040px; height: 1500px; background: none; border-radius: 0px; } .portraitmeeting .topinfo{ background-image: url(/imgs/signagetop-portrait.png); } .portraitmeeting .item{ margin: 0.5rem; padding: 0rem; background: rgba(255,255,255,0.9); border-radius: 1rem; overflow: hidden; max-width: 508px; } .item.live .room{ background-color: #FF0000; } .item.live .column.info span.room:before{ content:url(/images/livestream.svg); } .item.live .column.info span.room{ color: white; font-size: 1.2rem; width: 120px; } .item.live .column.info h3 { margin: 0px 125px 0 0; } .item.live .column.info { min-height: 120px; }