/* ##################################################
TPX - The very Base CSS Defintions
------------------------------------------------
SIMPLE RESET
################################################## */

html, body                                  { height: initial; }
html {
    font-size:62.5%;
    height:100%;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
  scroll-behavior:smooth; /* for a smooth scroll behavier with firefox */
}

@media (max-width:530px) {
  html {
  width:100vw;
  overflow-x: hidden; }
}


textarea                                     { overflow:auto; }
img                                          { border:0; max-width:100%; }
button, input, optgroup,
select, textarea, form, fieldset             { color:inherit; background-color:inherit; font:inherit; margin:0; padding:0; border-radius:0;   }
main, nav, section, article, header, pre,
blockquote, dl, figure, figcapture           { display:block; padding:0; margin:0; }

/* inheriting border-box from html*/
*,
*:before,
*:after               {
-webkit-box-sizing:border-box;
        box-sizing:border-box; }

/* reset every margin on a last or first child....
* > :first-child,
* > :last-child       { margin-bottom: 0; margin-top: 0;  } */

/* ##################################################
Basic Styling
html is set to 62.5% so that all the REM measurements throughout exo
are based on 10px sizing. So basically 1.5rem = 15px.
If you simply set the font-size in media query to ex. 60% it will reduce all the rem declarations.
################################################## */

body {
    font-family:'Fira Sans Condensed', Helvetica, Arial, sans-serif;
    font-size:1.6em;
    font-weight:400;
    min-height:100%;
    /* this trick prevents the body to have margin collapse, if a child element has a margin*/
    margin:-1px 0 0 0!important;
    padding:1px 0 0 0;
    /* */
    -webkit-overflow-scrolling: touch;/* smooth scrolling for ios devices*/

    /* for "better" font smoothing display on all devices, ony if neede for fonts*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#000;
    overflow-x: hidden;
    width: 100%;
    max-width:100%;

}
body.lightbox { background-color:#000; background-image:none; color:#fff; overflow-y: hidden !important; overflow-x: hidden !important; }
.fullwidth { width: calc(100% - 4rem) !important; }
@media (min-width:790px) {
  body { font-size:1.8em; }
  }
section,
.base-box,
.site-main,
.full-width.item-box,
.item-box .item-box     { width:100%; max-width:100%; position:relative; z-index: 2;}
.full-size.item-box     { width:100%; height:100vh; max-width: 100%;}


.base-box                     { min-height:100vh; }
.item-box,
.hero-item-box,
.hero-slider .hero-item-box   {  width:calc(100% - 6rem); max-width:1280px; margin:0 auto 0 auto; position:relative; z-index: 2;}
.item-box.company-live-ajax {  width:calc(100% - 6rem)!important; }
.main-content .big-box .item-box { max-width:1680px; }
.company-page .main-content .item-box,
.live .main-content .item-box { max-width:1380px; }
.company-page .main-content .article-content .item-box { max-width:1280px; }
.main-content .item-box          { max-width:1180px; }
.backend .main-content .item-box { max-width:980px; }
.small-box.item-box,
.company-page .small-box.item-box { max-width:760px;}
.branding .item-box,
footer .item-box,
.small-hero .item-box,
.backend .main-content .backend-form .item-box   { max-width:1380px;}


.live .hero-item-box  { width:100%; max-width:100%; }
.modul.big-box .item-box { width:calc(100% - 6rem);  max-width:1680px; }

@media (max-width:1480px) {
.company-page .main-content .item-box,
.live .main-content .item-box { padding-right:3rem; }
.company-page .main-content .fair-map-box .item-box { padding-right:0; }
}
@media (max-width:460px) {
   .item-box,
   .hero-item-box,
   .hero-slider .hero-item-box,
   .live .modul .item-box,
   .live .modul.big-box .item-box   {  width:calc(100% - 4rem); }
   .item-box.company-live-ajax   {  width:calc(100% - 4rem)!important; }
   .company-page .main-content .item-box,
   .live .main-content .item-box { padding-right:0; }
   .program-tabs .tab-content::before {  width: 100vw; left: -2rem; }
}

@media (max-width:350px) {
   .item-box,
   .hero-item-box,
   .hero-slider .hero-item-box,
   .live .modul .item-box,
   .live .modul.big-box .item-box   {  width:calc(100% - 2rem); }

   .item-box.company-live-ajax   {  width:calc(100% - 2rem)!important; }
   .program-tabs .tab-content::before {  width: 100vw; left: -2rem; }
}


.txt-center       { text-align:center; }
.txt-left         { text-align:left; }
.txt-right        { text-align:right; }
.txt-uppercase    { text-transform:uppercase; }
.txt-reset        { text-transform:none; text-align:left; }

.inline           { display:inline; }
.inline-block     { display:inline-block; }
.block            { display:block; }
.none             { display:none; }

.no-margin        { margin:0; }
.margin-top-center { margin:auto 0; }
.overflow-hidden  { overflow:hidden; }

/* Colors */
.bg-inherited     { background-color:inherit; }
.bg-transparent   { background-color:transparent; }
.bg-white         { background-color:#fff; }
.bg-black         { background-color:#000; }
.bg-error         { background-color:#d50303; }/* FEHLER rot */
.bg-1             { background-color:#43A2AA;  }/* Gruen */
.bg-2,
.conference       { background-color:#CC1F2F; }/* Rot*/
.personal-event.conference { background-color:#e7d5d1 }/* hellrot*/
.bg-3             { background-color:#43A2AA; }/* Hellgruen */
.bg-4,
.backend             { background-color:#F2F2F2; }/* HellGrau */
.bg-5             { background-color:#FF9E00; }/* Orange */
.bg-6,
.tradeshow        { background-color:#74B1DD; }/* blau */
.bg-7 { background-color:#B0E9FE; }/* hellblau */
.personal-event.tradeshow   { background-color:#d4f0fb}
.figure-image-border { border: 1px solid #74b1dd; }

.bg-8,
.personal-event.speakersforum {background-color:#CECECE;}
.personal-event.conference             { background-color: #e7d5d1; }/* Grau */
.bg-9             { background-color:#792761; }/*TEASER Violett */
.bg-10            { background-color:#585858; }/*TEASER Grau */


.bg-gradient:after { content:''; position: absolute; z-index:-1; top:0; left:0; width:100%; height:100%; display:block;
background: linear-gradient(0deg, rgba(247,249,251,0) 0%, rgba(247,249,251,0.3) 5%, rgba(229,232,240,1) 50%, rgba(229,232,240,0.6) 75%, rgba(255,255,255,0) 100%);
opacity:0.8;
}

.cl-inherited     { color:inherit; }
.cl-transparent   { color:transparent; }
.cl-white         { color:#fff; }
.cl-black         { color:#000000; }
.cl-error         { color:#d50303; }
.cl-1             { color:#43A2AA;  }/* Dunkelblau */
.cl-2             { color:#CC1F2F; }/* Rot*/
.cl-3             { color:#43A2AA; }/* Hellgruen */
.cl-4             { color:#F2F2F2; }/* HellGrau */
.cl-5             { color:#FF9E00; }/* Orange */
.cl-6             { color:#74B1DD; }/* Schrift Hellblau */

.cl-white a       { color:#fff; }

.p-0              { padding:0; }
.p-1              { padding:1rem; }
.p-2              { padding:2rem; }
.p-3              { padding:3rem; }
.p-4              { padding:4rem; }
.p-5              { padding:5rem; }
.p-6              { padding:6rem; }
.p-7              { padding:7rem; }
.p-8              { padding:8rem; }
.p-9              { padding:9rem; }
.p-10             { padding:10rem; }
.p-12             { padding:12rem; }
.p-15             { padding:15rem; }

.pd-1             { padding:1rem 0; }
.pd-2             { padding:2rem 0; }
.pd-3             { padding:3rem 0; }
.pd-4             { padding:4rem 0; }
.pd-5             { padding:5rem 0; }
.pd-6             { padding:6rem 0; }
.pd-7             { padding:7rem 0; }
.pd-8             { padding:8rem 0; }
.pd-9             { padding:9rem 0; }
.pd-10            { padding:10rem 0; }
.pd-12            { padding:12rem 0; }
.pd-15            { padding:15rem 0; }

.pd-t0            { padding-top:0; }
.pd-t1            { padding-top:1rem; }
.pd-t2            { padding-top:2rem; }
.pd-t3            { padding-top:3rem; }
.pd-t4            { padding-top:4rem; }
.pd-t5            { padding-top:5rem; }
.pd-t6            { padding-top:6rem; }
.pd-t7            { padding-top:7rem; }
.pd-t8            { padding-top:8rem; }
.pd-t9            { padding-top:9rem; }
.pd-t10           { padding-top:10rem; }
.pd-t12           { padding-top:12rem; }
.pd-t15           { padding-top:15rem; }

.pd-b0            { padding-bottom:0; }
.pd-b1            { padding-bottom:1rem; }
.pd-b2            { padding-bottom:2rem; }
.pd-b3            { padding-bottom:3rem; }
.pd-b4            { padding-bottom:4rem; }
.pd-b5            { padding-bottom:5rem; }
.pd-b6            { padding-bottom:6rem; }
.pd-b7            { padding-bottom:7rem; }
.pd-b8            { padding-bottom:8rem; }
.pd-b9            { padding-bottom:9rem; }
.pd-b10           { padding-bottom:10rem; }
.pd-b12           { padding-bottom:12rem; }
.pd-b15           { padding-bottom:15rem; }


/* Link Definition */
a                 { color:#505050; }
a:hover           { color:#FF9E00; }
a:focus,
a:active          {  outline:0; }



/* ##################################################
Typography
################################################## */

h1, h2, h3, h4, h5, h6, .block-style  {
  font-size:2.5rem;
  margin:0 0 3rem 0;
  /* word Wraps */
  word-wrap: normal;
  /*-webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;*/
  font-weight: 700;
    max-width:100%;/* IE Weirdness*/
    line-height:1.2;
}
h4, h5 { font-size:2rem; }
h6     { font-size:2rem; }

.page-title h3 { margin-bottom:1rem; font-size:2.5rem;}

@media (min-width:790px) {
  h1,
  h2              { font-size:5rem; }
  h3, .block-style              { font-size:4rem;  }
  h4              { font-size:3rem; }
  h5              { font-size:2.5rem; }
  h6              { font-size:2rem; }
}
@media (min-width:980px) {
  .f-80 { font-size:8rem; }
  .page-title h3 { margin-bottom:3rem; font-size:4rem;  }
}
/* Set apredevined Header with border */
.modul-header.cl-white h1,
.modul-header.cl-white h2,
.modul-header.cl-white h3,
.modul-header.cl-white h4,
.modul-header.cl-white h5,
.modul-header.cl-white h6  { border-color:#fff; }


.modul-header p { max-width:760px; margin:-2rem auto 3rem auto; }


p                 { margin:0 0 3rem 0; word-wrap: normal; line-height: 1.3; /*-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;*/ max-width:100%;/* IE Weirdness*/}
.small            { font-size:1.2rem; }
b, strong, .strong { font-weight:700; }

table             { margin:3rem 0; padding:0; border-collapse:collapse!important; border-spacing:0!important; border:0!important;}

td,
th                { padding:0.5rem; border-style:solid; border-width:1px; text-align:left; }
th                { color:#fff; background:rgba(0, 0, 0, 0.8); }

hr                { height:1px; border:0; border-top:1px solid #585858; margin:5rem 0;  }
hr.small-box      { height:1px; border:0; border-top:1px solid #585858; margin:5rem auto; max-width:560px;  }

a[href^="mailto:"] { word-wrap: break-word;  }

/*##################################################
 Lists
################################################## */

ul, ol                      { padding-left:2.5rem; margin:0 0 3rem 0; }

ul ul, ul ol, ol ol, ol ul  { margin:1.5rem 0 1.5rem 3rem; }
li                          { margin-bottom:0.5rem; position:relative; }

ul.hashtag { padding:0; margin:0 0 3rem 0; }
ul.hashtag li { padding-top:0.5rem; list-style-type: none; margin-left:2rem; position: relative;}
ul.hashtag li:before { position: absolute; font-weight:400;  content:'#'; font-size:3rem; top:0; left: -23px; }


@media (min-width:790px) {
  .countdown ul.hashtag { font-size:2.6rem; font-weight:600;}
  .countdown ul.hashtag li:before { top:-3px; font-weight:600;  }
  ul.hashtag li { padding-top:1rem; }
  ul.hashtag li:before { font-size:4rem; font-size:4rem; top:-8px;}
}


/*##################################################
Images and image box
################################################## */

.image-box,
.image-box img,
.image-box a                        { display:block; position:relative; vertical-align:top; width:100%; }
.image-box img                      { width:100%; max-width:100%; height:auto; }
.image-item .image-box,
.image-box.max-w                    { display:inline-block; width:unset; max-width:100%; vertical-align:top; }
.modul_image .image-box img,
.image-item .image-box img,
.modul_image .image-box.fit-box img,
.image-item .image-box.fit-box img,
.fit-image.image-box img            { width:100% }


/*##################################################
Flex Grid
################################################## */


.col-item,
.flex-item           { display:block; position:relative; vertical-align: top;  margin:0;}
.col-item            { width:100%; margin:0 0 2rem 0;}



.base-box,
.col-box,
.flex-box            { display: -webkit-box; display: -ms-flexbox; display: flex;  }

.col-box,
.wrap                 { -ms-flex-wrap:wrap; flex-wrap:wrap; }



@supports (flex-wrap: wrap) { /* hide from incomplete Firefox versions */
  .col-box           { -webkit-flex-wrap: wrap; }
}

.col-box,
.stretch              { -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; }
.no-stretch           {-webkit-box-align:flex-start;  -ms-flex-align:flex-start;  align-items:flex-start; }
.field-bottom          { margin:auto 0 0 0; }


.flex-column,
.base-box             { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.flex-column          {  height: 100%; }

[class*="center-"]    { -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.center-center        { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.center-left          { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start; }
.center-right         { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; }
.center-space         { -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content:space-between; }

[class*="bottom-"]    { -webkit-box-align:flex-end; -ms-flex-align:end; align-items:flex-end; }
.bottom-center        { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.bottom-left          { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start;  }
.bottom-right         { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; }

[class*="top-"]       { -webkit-box-align:flex-start; -ms-flex-align:start; align-items:flex-start; }
.top-center           { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.top-left             { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start;  }
.top-right            { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; }

.space-between        { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}


/* setting the footer always to the bottom, if the browser is capable of displaying flexbox*/
.site-footer                  { position: sticky; top:100%; }
.logo                         { -ms-flex-negative:0; flex-shrink:0; }/* do not shrink or enlarge */

.flex-column .content-box     { -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; } /* shrink and enlarge this */



@media (min-width:790px) {

    /* predefined margins for the standard boxes */
    .col-box,
    .form-box .border-spacer.col-box     { margin:0 0 0 -4rem; }
    .form-box .col-box                   { margin:0 0 0 -2rem; }
    .staff-box .col-box                  { margin:0 0 0 -3rem; }
    .flex-box > .field-item.box-50 { margin:0 0 2rem 0; width: calc(50% - 2rem); }
    .col-box>.col-item,
    .form-box .border-spacer.col-box>.col-item              { margin:0 0 4rem 4rem; }
    .form-box .border-spacer.col-box>.col-item:nth-of-type(1):after { content:''; position: absolute; right:-1.9rem; top:-5px; width:1px; height:calc(100% + 3px); background-color:#585858;}
    .form-box .col-item      { margin:0 0 2rem 2rem; }
    .modul_text_media .col-box>.col-item  { margin-bottom:0; }
    .col-2>.col-item,
    .col-2>.flex-item,
    .form-box .border-spacer.col-box>.col-item               { width:calc(50% - 4rem); }
    .staff-box .col-box>.col-item { width:calc(50% - 2rem);  margin:0 0 2rem 2rem; }
    .col-3>.col-item,
    .col-3>.flex-item               { width:calc(33.333333% - 4rem); }

    .col-4>.col-item,
    .col-4>.flex-item               { width:calc(25% - 4rem); }
    .col-5>.col-item,
    .col-5>.flex-item               { width:calc(20% - 4rem); }

    .col-box>.col-item.box-20       { width:calc(20% - 4rem); }
    .flex-box>.box-20               { width:20%; }
    .col-box>.col-item.box-25       { width:calc(25% - 4rem); }
    .flex-box>.box-23               { width:25%; }
    .col-box>.col-item.box-30       { width:calc(30% - 4rem); }
    .flex-box>.box-30               { width:30% - 4rem; }
    .col-box>.col-item.box-33       { width:calc(33.333333% - 4rem); }
    .form-box .col-item.box-33,
    .form-box .col-3>.col-item       { width:calc(33.333333% - 2rem); }

    .flex-box>.box-33               { width:33.333333%; }
    .flex-box>.field-item.box-33   { width:calc(33.333333% - 2rem);  }
    .hashtag-box.flex-box>.box-33  { width:calc(33.333333% - 3rem); margin-bottom:3rem; }

    .col-box>.col-item.box-35       { width:calc(35% - 4rem); }
    .flex-box>.box-35               { width:35%; }
    .col-box>.col-item.box-40       { width:calc(40% - 4rem); }
    .flex-box>.box-40               { width:40%; }
    .col-box>.col-item.box-45       {   width:calc(45% - 4rem);}
    .flex-box>.box-45               { width:45%;}
    .col-box>.col-item.box-50       { width:45%; }
    .flex-box>.box-50               { width:calc(50% - 4rem); }
    .program-tabs .flex-box>.box-50 { width:50%; }
    .box-50.hall-1 + .box-50.hall-1,
    .box-50.hall-3 + .box-50.hall-3 { width:calc(50% + 1px)!important;  margin-right:auto;}
    .box-50.hall-1 + .box-50.hall-1 + .box-50.hall-2,
    .box-50.hall-3 + .box-50.hall-3 + .box-50.hall-4  { width:calc(50% - 1px)!important}

    .box-50.hall-2 + .box-50.hall-2,
    .box-50.hall-4 + .box-50.hall-4  { width:calc(50% + 1px)!important; margin-left:auto;}


    .flex-box > .field-item.box-50 { margin:0 2rem 2rem 0; }
    .flex-box > .field-item.box-50:nth-of-type(2n+2) { margin:0 0 2rem 2rem; }
    .col-box>.col-item.box-55       { width:calc(55% - 4rem); }
    .flex-box>.box-55               { width:55%; }
    .col-box>.col-item.box-60       { width:calc(60% - 4rem); }
    .flex-box>.box-60               { width:60%; }
    .col-box>.col-item.box-65       { width:65% - 4rem; }
    .flex-box>.box-65               { width:65%; }
    .col-box>.col-item.box-66       { width:calc(66.666666% - 4rem); }
    .flex-box>.box-66               { width:66.666666%; }
    .col-box>.col-item.box-70       { width:calc(70% - 4rem); }
    .flex-box>.box-70               { width:70%; }
    .col-box>.col-item.box-75       { width:calc(75% - 4rem); }
    .flex-box>.box-75               { width:75%; }
    .col-box>.col-item.box-80       { width:calc(80% - 4rem); }
    .flex-box>.box-80               { width:80%; }
    .col-box>.col-item.box-85       { width:calc(85% - 4rem); }
    .flex-box>.box-85               { width:85%; }
    .col-box>.col-item.box-100      { width:calc(100% - 4rem); }
    .flex-box>.box-100              { width:100%; }

}


/* Header */
.site-header           { position:absolute; width:100%; z-index: 101; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.fixed .site-header    { position:fixed; background-color:transparent;  top:0; }
.fixed .site-header:before {
  content:'';
  height:10px;
  width:100%;
  position: absolute;}

.countdown .fixed.scroll-box .site-header { background-color:transparent;}
.fixed.scroll-box .site-header,
.countdown .login-home.fixed.scroll-box .site-header, .scroll-box-company .site-header{ background-color: #000;}
.countdown .login-home .modul-image-slider { color:#fff; }
.fixed.scroll-box .site-header:before {
  background: rgb(255,255,255);
  background: linear-gradient(
  rgb(0,0,0) 0%,
  rgba(0,0,0, 0.738) 19%,
  rgba(0,0,0, 0.541) 34%,
  rgba(0,0,0, 0.382) 47%,
  rgba(0,0,0, 0.278) 56.5%,
  rgba(0,0,0, 0.194) 65%,
  rgba(0,0,0, 0.126) 73%,
  rgba(0,0,0, 0.075) 80.2%,
  rgba(0,0,0, 0.042) 86.1%,
  rgba(0,0,0, 0.021) 91%,
  rgba(0,0,0, 0.008) 95.2%,
  rgba(0,0,0, 0.002) 98.2%,
  rgba(0,0,0, 0) 100%
);
  bottom: -10px;
  opacity: 0.2;
}
.countdown .fixed.scroll-box .site-header:before { display:none; }
.main-content { /*position: relative;z-index: 21;*/ position: static; min-height: 360px;}
.backend .main-content,
#matchPlaceHolder { position: static; }


/* Logo */
.branding              { position:relative; z-index:1; width:100%; }
.intro-year {
    font-size: 2.8rem;
    font-weight: 400;
    position: absolute;
    top: 2.8rem;
    line-height: 1;
    display: inline-block;
    left: 145px;
    letter-spacing: -0.8px;

-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;

}
.intro-time { font-size: 2.5rem; font-weight: 700;  line-height: 1.4; padding-top: 2.7rem; }
.logo                  { position: relative; display:inline-block; padding: 1rem 0 1rem 0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}


.logo span {
    display:inline-block;
    background-image:url('../images/ccw_logo.png');
    background-position:bottom left;
    background-repeat:no-repeat;
    background-size: contain;
    height: 55px;
width: 199px;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
vertical-align: top;
}



.company-page .logo span { height:55px; background-position: center left;}
.live .scroll-box .logo span  {
  width: 42px;
  background-size: cover;
  height: 55px;
}
.backend .logo:after,
.company-page .logo:after { display:none; }

@media (min-width:930px) {
.chat-active.live .logo span { width: 50px; height: 50px; background-size: 108px 50px; }
 }
@media (min-width:980px) {
  .logo { padding: 2rem 0 2rem 0}

  /* .countdown .scroll-box .logo::after, .logo::after {
    content: '28 February – 02 March';
    color: #fff;
    text-decoration: none;
    position: absolute;
    bottom: 6px;
    right: 0;
    font-size: 1.8rem;
    font-weight: 600;
    display: inline-block;
} */
  .scroll-box  .logo::after,
  .countdown .login-home.scroll-box .logo:after { display:none }

  .scroll-box .logo { padding: 1rem 0 1rem 0}
  .countdown .logo,
  .countdown .login-home .logo { padding: 2rem 0 2rem 0}
  .logo span { height: 71px; width: 148px; background-size: 148px auto; }
  .company-page .logo span { height:55px; background-position: center left;}
  .live .scroll-box .logo span   { height: 55px; width: 40px; background-size: cover; margin-top:0;}

  .countdown .logo span,
  .countdown .login-home .logo span,
  .live .logo span             { height: 70px; width: 250px; background-size: contain; background-image:url('../images/ccw_logo.png'); margin-top: 1.6rem;}

  .countdown .fixed.scroll-box .logo span           {     background-size: 160px 50px; height: 71px; width: 145px; margin-top:0;}
.countdown .login-home.scroll-box .logo span  { width:100px;}

  .countdown .fixed.scroll-box .intro-year {   font-size: 2.8rem;  top: 2.4rem; left:90px; }
  .countdown .fixed.scroll-box .intro-time { font-size: 1.8rem; padding-top: 1rem;  }
  .countdown .base-item:before,
  .countdown .fixed.scroll-box .base-item:before,
  .backend .base-item:before ,
  .backend .scroll-box .base-item:before  { display:none; }
}

@media (min-width:920px) and (max-width:1300px) {
.chat-active.live .logo span,
.chat-active.live .scroll-box .logo span             { margin:0; width: 50px; height:54px; background-size: 176px 50px; background-image:url('../images/ccw_logo.png'); }
.chat-active.live .meta-box { top: 0.5rem; }
}



@media  (min-width:1300px) {
.chat-active.live .logo span             { height: 70px; width: 250px; background-size: contain; background-image:url('../images/ccw_logo.png');}
.chat-active .logo::after { bottom: 0px; font-size: 2.2rem; }
}
@media (min-width:1300px) {
  .countdown .logo span,
  .countdown .login-home .logo span,
  .live .logo span             { height: 99px; width: 353px; background-size: contain; background-image:url('../images/ccw_logo.png');  margin-top:0; }
  /* .countdown .scroll-box
     {
        bottom: 0px;
        font-size: 3.1rem;
    } */
    .logo::after
     {
        bottom: 0px;
        font-size: 2.6rem;
    }
}
.chat-active .logo::after {  display:none; }
@media (min-width:930px) and(max-width:1300px) {
  .chat-active .logo span {
      display:inline-block;
      background-image:url('../images/ccw-logo.svg');
      background-position:bottom left;
      background-repeat:no-repeat;
      background-size: 110px 50px;
      height: 54px;
      width: 135px;}
  .chat-active .logo::after {  display:none; }
}

@media (max-width:660px) {
.logo span { width:35px; background-size: 117px 54px; }
.backend .logo span { width:195px; }
.intro-time  { font-size:3rem  }

}
@media (max-width:380px) {
.live .logo span { width:40px;height:40px;  background-size:86px 38px; }
}




@media (max-width:790px) {
  .branding > .item-box  { display:block;}
}

/* buttons */
.button,
button,
input[type="submit"]  {
    position:relative;
    display:inline-block;
    cursor:pointer;
    padding:1.4rem 2rem 1rem 2rem;
    margin:0;
    border-radius:0;
    border:0;
    outline:0;
    text-decoration:none;
    -webkit-appearance:none;/* removing the apearance for safari input types*/

    background-color:#CECECE; border-color:#CECECE; color:#000;

    vertical-align: baseline;
    min-width:120px;
    text-align: center;
}

.button.tab-next,
button.tab-next { background-color:#FF9E00; color:#fff; }

button.call-to-action,
.button.call-to-action,
.program-pagination button.program-day { background-color:#FF9E00!important; border-color:#FF9E00!important; color:#fff!important; }

.button.bg-10{ background-color:#585858; color:#fff; }

button.bg-black,
.button.bg-black { background-color:#000; color:#fff; }
button.call-to-action:hover,
.button.call-to-action:hover,
.program-pagination button.program-day:hover,
.program-pagination button.program-day.active { background-color:#000!important; border-color:#000!important; color:#fff!important; }


button.bg-black:hover,
.button.bg-black:hover { background-color:#FF9E00; color:#fff; }

button.deactivated,
.button.deactivated,
.ls-teaser-box .button-box .button.deactivated { background-color:#585858; color:#fff; pointer-events: none; opacity:0.5; }

.button:hover,
button:hover,
input[type="submit"]:hover   { outline:0;  background-color: #000; color:#fff; }

.button.ghost { background-color:#fff; color:#969696; border:1px solid #969696; }
.button.ghost:hover { background-color:#969696; color:#fff; border:1px solid #969696; }

.button.info {
  background-color: #505050;
  background-image: url('../images/icon-info.svg');
  width: 32px;
  height: 32px;
  border-radius: 50%;
  padding: 0;
  background-repeat: no-repeat;
  background-size: 28px 29px;
  background-position: center center;
  position: absolute;
  top: 5px;
  right: -16px;
 }
.button.info:hover {background-color:#8B2839;}
.button.previous {   }
.visitor-link {margin: 0 ;display: inline-block;}
.exhibitor-link {margin: 0 auto 0 0;display: inline-block; }
.visitor-link + .exhibitor-link { margin-left:1rem; }
/* call-to-action button*/


.call-to-action [class^="icon-"] { position: absolute;  right:10px; top:50%; margin-top:-14px; }




button.delete,
.delete { background-color:transparent; width:35px; height:35px; padding: 0;}

/*.delete-item { position:absolute; right:0; top:0; }*/
.remove-selection.delete,
.remove-user-file.delete,
.remove-company-file.delete { margin-top:1rem; display: inline-block;
padding: 8px 40px 8px 0;
text-align: left;
position: relative;
font-size: 14px;
min-height: 50px;
width: auto;
z-index:20;
 }
.remove-selection.delete  svg,
.remove-user-file.delete svg,
.remove-company-file.delete svg { position: absolute; right:0; top:-4px;}
.delete svg { width:100%; height:auto; max-width: 35px;}
.delete svg path { fill:#8B2839;}
.button.add { min-height: 50px; line-height: 24px; min-width: 50px !important; max-width: 50px; }
.button.add::after,
.button.add::before {
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  width: 24px;
  height: 2px;
  margin-top: -1px;
  background-color: #fff;
}
.button.add::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.button.add:hover {background-color:#FF9E00;}
#page-top {z-index:22; }
#page-top .btn-reset,
#page-top .btn-reset:hover,
#page-top .btn-reset:focus   { background-color:transparent; color:inherit; }


@media (max-width:400px) {
  .remove-selection.delete, .remove-user-file.delete, .remove-company-file.delete { padding: 8px 29px 8px 0; }
  .remove-selection.delete  svg,
  .remove-user-file.delete svg,
  .remove-company-file.delete svg { position: absolute; right:0; top:2px;}
  .delete svg { width:100%; height:auto; max-width: 25px;}
  }


/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

/* Local Fonts */
.medium { font-weight:600; }
.regular { font-weight:400; }
.bold { font-weight:700; }
/* fira-sans-condensed-regular - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/fira-sans-condensed-v4-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/fira-sans-condensed-v4-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-condensed-600 - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/fira-sans-condensed-v4-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/fira-sans-condensed-v4-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-condensed-700 - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/fira-sans-condensed-v4-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/fira-sans-condensed-v4-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* mukta-regular - latin */
/* mukta-regular - latin */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/mukta-v7-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/mukta-v7-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* mukta-600 - latin */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/mukta-v7-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/mukta-v7-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* mukta-700 - latin */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/mukta-v7-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/mukta-v7-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* mukta-800 - latin */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/mukta-v7-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/mukta-v7-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* b612-mono-regular - latin */
@font-face {
  font-family: 'B612 Mono';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/b612-mono-v5-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/b612-mono-v5-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


.ticketsIframeDiv{
  max-width: 860px !important;
}

:root {
  --swiper-navigation-color: #fff;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: '' !important; }