/* ============================================================
  Tiles
============================================================ */
 .tile {
   height: 280px;
   color: #DCE6F0;
}

.tile:hover {
   color: #FF7F00;
}

.tile .tile-title {
   padding: 5%;
   width: 100%;
}

.tile .tile-info {
   padding: 3px 20px 3px 20px;
   background-color: rgba(0,0,0,.50);
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   margin-bottom: 0;
   width: 100%;
   height: 20%;
}

@media (max-width: 768px) {
  .tile .tile-info {
    padding: 5px 20px 5px 20px;
    height: 15%;
  }
}

.tab-round {
    background-size: cover!important;
    background-position: center center!important;
    border-radius: 20px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: 2%;   
    cursor: pointer;
    height: 280px;
    margin: 20px;
    text-shadow: 2px 2px 2px #000000;
    color:#DCE6F0;
}
.tab-round:hover {
    opacity: 0.8;
}

.tab-round img, .sponsor-round img {
   display: block;
   margin:auto;
}

 .tab-round:hover .tab-text,  .tab-round:hover .tab-text-center  {
   -ms-transform: translatey(-5%); /* IE 9 */
    -webkit-transform: translatey(-5%); /* Safari */
    transform: translatey(-5%);
    transition: transform 0.2s ease-in-out 0s;    
 }

.tab-text {
    position: absolute;
    padding: 7%;
    bottom: 0;
    left: 0;
}

/* ============================================================
  Misc
============================================================ */

.popover{
   max-width: 800px; /* Max Width of the popover (depending on the container!) */
   box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
@media(max-width: 768px){
  .popover{
     max-width: 80%; /* Max Width of the popover (depending on the container!) */
  }
}

:focus {
   outline-width: 0;
}


/* ============================================================
  Home
============================================================ */

#sponsors .item {
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    cursor: pointer;
    width: 140px;
    padding: 10px;
    background-color: white;
}
@media (max-width: 768px) {
  #sponsors .item {
    width: 100px;
    padding: 5px;
    background-color: white;
}

}

/* #sponsors .item img {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
} */

#sponsors .item:hover {
    opacity: 0.7;
}
#sponsors li {
   list-style-type: none;
}

.border-engage-white {
   border: 2px solid #DCE6F0;
   border-radius: 20px;
   text-align: center;
   padding: 30px 10px 30px 10px;
   margin: 10px;
   color: #DCE6F0;
}
.home-box {
   /* margin-bottom: 80px; */
   /* padding: 20% 1% 1% 3%; */
   padding: 10px 0 10px 20px;
   text-align:left
}
.home-button {
   padding: 20px 0 60px 0;
}

@media (max-width: 768px) {
   .home-box {
      padding: 10px;
      text-align: center;
   }
   .home-box h1 {
      font-size: 1.3rem;
   }
   .home-button {
      padding: 20px 0 40px 0;
   }
}
@media (max-device-width: 850px) and (orientation: landscape) { /* iPad Landscape */
   .home-box {
      padding: 10px 20px 10px 20px;
      text-align:left
   }
}
@media (max-device-width: 700px) and (orientation: landscape) { /*iPhone Landscape */
   .home-box {
      padding: 10px 20px 10px 20px;
      text-align:left
   }
   .home-button {
      padding: 20px 0 60px 0;
   }
}
@media (max-width: 500px) {
   .home-box h1 {
      font-size: 1.1rem;
      text-align:left;
   }
}
@media(min-width: 768px){
  .home-text {
     text-align: left;
  }
  .home-img {
     float: left;
  }
   .home-left {
      padding-top: 10px;
   }
}

.home-button2 {
   cursor: pointer;
   border-color: #DCE6F0;
}
.home-button2:hover {
   background-color: #000032;
   border: 2px solid #3b91ff;
   color: #FF7F00;
}

/* ============================================================
  Dialogs
============================================================ */
.modal-dialog .modal-content {
   border-radius: 20px;
   text-align: left;
}

.modal-dialog {
    max-width: 60%;
    width: auto !important;
    display: inline-block;
    min-width: 60%;
}
.modal {
   text-align: center;
}
.modal-header {
    border-bottom: 0;
}
.modal-body {
    margin-top: -20px;
}

.raised, .raised2 {
    padding: 4%;
    /* margin-top: -300px; */
    /* top: 500px; */
    background-color: #fff;
    /* position: absolute; */
    z-index: 101;
    border-radius: 15px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    color: rgba(43,43,43,0.8);
}

.container {
    max-width: 1200px;
}

#MainNew .container {
    padding:20px 0 20px 0;
}

@media (max-width: 992px) {
   .modal-dialog {
    max-width: 90%;
   }
  .container {
    max-width:100%;
    width: 100%;
   }
}


/* Landscape */
/* @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { */
@media (max-device-width: 850px) and (orientation: landscape) {
   .modal-dialog {
       max-width: 90%;
   }
}

@media print {
  .container {
    max-width:100%;
    width: 100%;
    padding: 5px;
   }
}

.img-round {
    border-radius: 20px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
 }

.sponsor-out {
    padding: 10px;
}
.sponsor-round, .sponsor-small {
    border-radius: 20px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: 0 10px 0 10px;   
    cursor: pointer;
    height: 110px;
    border-style: solid;
    border-width: 0 7px 0 7px;
    border-right-color: white;
}

.sponsor-small{
   border-left-color: white;
   background-color: white;
   cursor: default;
   height:80px;
   width: 200px;
}

.sponsor-round:hover, .sponsor-round-silver:hover, .sponsor-round-bronze:hover {
   border-width: 0 14px 0 14px;
}

.sponsor-round img, .sponsor-50 img {
    width: 200px;
}
.sponsor-round-silver {
    border-radius: 15px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    height: 80px;
    border-style: solid;
    border-width: 0 7px 0 7px;
    border-right-color: white;
}
.sponsor-round-silver img {
    width: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.sponsor-round-bronze {
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    height: 55px;
    border-style: solid;
    border-width: 0 7px 0 7px;
    border-right-color: white;
}
.sponsor-round-bronze img {
    width: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.sponsor-title {
   margin: 30px 50px 10px 50px;
   border-bottom: 2px solid black;
}
.sponsor-title div {
   text-align: center;
   position: relative;
   top: 0.8rem;
}
.sponsor-title div span {
   padding: 10px;
   background-color: white;
}

.sponsor-title-Diamond {
   color: #B9F2FF;
   text-shadow: 2px 2px #040404; 
}

.sponsor-title-Sapphire {
   color: #0f52ba;
   text-shadow: 2px 2px #040404;
}

.sponsor-title-Platinum {
   color: #E5E4E2;
   text-shadow: 2px 2px #040404;
}

.sponsor-title-Gold {
   color: gold;
   text-shadow: 2px 2px #040404;
}

.sponsor-title-Silver {
   color: silver;
   text-shadow: 2px 2px #040404;
}

.sponsor-title-Bronze {
   color: #CD7F32;
   text-shadow: 2px 2px #040404;
}


/* ============================================================
  General
============================================================ */
html {
  position: relative;
  min-height: 100%;
}
body {
    font-family: "Montserrat", "Times", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.5em;
    color: rgba(43,43,43,0.8);
    overflow-x: hidden;
    background-color: #000032;
}
.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
  font-family: 'Jost', sans-serif;
  letter-spacing: 1px;
  font-weight: 600;
}
.h5, .h6, h5, h6 {
  font-family: 'Ubuntu', sans-serif;
  letter-spacing: 0px;
  font-weight: 400;
}

.h1, h1 { font-size: 3.5vw;}
.h2, h2 { font-size: 3vw;}
.h3, h3 { font-size: 2.5vw;}
.h4, h4 { font-size: 2vw;}
.h5, h5 { font-size: 1.5vw;}

@media(max-width: 768px){
  .h1, h1 { font-size: 36px;}
  .h2, h2 { font-size: 30px;}
  .h3, h3 { font-size: 24px;}
  .h4, h4 { font-size: 18px;}
  .h5, h5 { font-size: 14px;}
}
@media(min-width: 1200px){
  .h1, h1 { font-size: 50px;}
  .h2, h2 { font-size: 42px;}
  .h3, h3 { font-size: 36px;}
  .h4, h4 { font-size: 28px;}
  .h5, h5 { font-size: 20px;}
}

.text_orange { color: #FF7F00;}
.hand_orange { color: #FF7F00; cursor:pointer;}
.hand_orange:hover { color: black;}
.text_red { color: red;}
.text_gray1, .text_gray, .text-gray { color: #A6A6A6;}
.text_gray2 { color: #DCE6F0;}
.text_white { color: white;}
.bg_orange { background-color: #FF7F00;}
.bg_gray0  { background-color: #040404;}
.bg_gray1  { background-color: #A6A6A6;}
.bg_gray2  { background-color: #D9D9D9;}
.bg_gray3  { background-color: #F9F9F9;}

a, a.openPopup { color: #FF7F00;text-decoration: none;}
a:visited,  a:link { color: #FF7F00;}
a:hover { color: #CE5C0B;}
.ablack:hover { color: white !Important }

table.table td, table.agendatable td {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #FF7F00;
    font-size: 14px;
    font-weight: normal;
    text-align:left;
    vertical-align:top;
    padding: 2px 5px 2px 0;
}

table.agendatable {
    width: 500px;
}

table.agendatable th {
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #FF7F00;
    font-size: 15px;
    font-weight: bold;
    text-align:left;
    vertical-align:top;
    padding: 2px 0 2px 0;
}
table.table a {
   color: #FF7F00;
}
table, td {
   border-width: 0;
}

body {
  overflow-y: scroll;
  overflow-x: hidden;
}

@media(max-width: 768px){
   body.modal-open {
      overflow: hidden !important;
   }
}

/* ============================================================
  Navbar
============================================================ */

.navbar-brand img { 
   height: 64px;
   width: auto;
}
.navbar-dark .navbar-nav .nav-link {
  font-weight: normal;
  font-size: 1.1rem;
  text-transform: none;
  color: rgba(220,230,240,1);
  border-bottom: 1px solid rgba(220,230,240,0.5);
}

.navbar-dark .navbar-nav .nav-link:hover {
   border-bottom: 2px solid rgb(59, 145, 255, 1);
}
.navbar-scroll {
  /* background-color: rgba(200,200,200,0.5); */
  transition: background-color 0.9s;
}
.navbar-nav {
   font-weight: 800;
   float:right;
   text-align: right;
}
.navbar {
   box-shadow: none;
   background-color: rgb(0, 0, 50, 1);
   border-bottom: 5px solid rgb(59, 145, 255, .75);
}  
.navbar.navbar-scrolled {
    background-color: #DCE6F0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.navbar-scrolled .navbar-nav {
    box-shadow: 0 5px 4px -5px rgba(0,0,0,0.5); /* bottom only shadow */
}
.navbar-scrolled .navbar-nav .nav-link {
    color: rgba(0,0,0,0.5);
}
.navbar-scrolled .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,0.9);
}
.navbar-scrolled .navbar-toggler, .navbar-dark .navbar-toggler {
    color: #ff7f00 !important;
}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active:hover {
   font-weight: bold;
	color: #ff7f00;
	border-bottom: 2px #ff7f00 solid;
}

@media(max-width: 768px){
  .navbar-brand img { 
    height: 32px;
  }
}

@media(max-width: 768px){
   .navbar {
     background-color: rgba(0,0,50,.85);
     box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
   }
  .navbar-dark .navbar-nav .nav-link {
    border-bottom: none !important;
    padding: 3px;
  }
  .navbar-scrolled .navbar-nav {
    box-shadow: none !important;
  }
}

/* ============================================================
  Backgrounds
============================================================ */

.parallax-container {
  max-width: 90%;
  margin: 0 auto;
  color: white;
  text-align: center;
}

.parallax-container p {
  margin-bottom: 40px;
  font-size: 16px;
}
.parallax {
  padding-top: 100px;
  /* height: 100vh; */
}

@media(max-width: 768px){
  .parallax {
    padding-top: 100px;
    /* height: 550px; */
  }
}

@media (max-device-width: 850px) and (orientation: landscape) {
  .parallax {
      padding-top: 150px;
      /* height: 750px; */
   }
}
@media (max-device-width: 700px) and (orientation: landscape) {
  .parallax {
      padding-top: 50px;
      /* height: 500px; */
   }
}

.fixed-bg {
    padding: 5% 5%;
    /* background-attachment: fixed!important; */
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}


/* ============================================================
  Buttons
============================================================ */
.btn {
   font-size: 1rem;
   text-transform: none;
}
.btn-sm {
   font-size: 0.8rem;
}

.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #ff7f00!important;
    border: #ff7f00 2px solid;
    box-shadow: 0 0 0 .2rem #ff7f0050;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-primary:hover {
    border: #ff7f00 2px solid;
    box-shadow: 0 0 0 .2rem #ff7f0050;
}

.btn-primary, .btn-primary:focus {
    background-color: #ff7f00!important;
    color: #fff!important;
    border: #ff7f00 2px solid;
    box-shadow: none;
    margin-bottom: 2px;
}

.btn-secondary, .btn-secondary:focus, .btn-secondary:active {
    background-color: #000032 !important;
    color: #3B91FF !important;
    border: #000032 2px solid;
    box-shadow: none;
}

.btn-secondary:hover {
    border: #3B91FF 2px solid;
    box-shadow: 0 0 0 .2rem #000032;
}

.btn-primary.disabled {
    border: #ff7f00 2px solid;
}

.btn-secondary.disabled {
    background-color: #2b2b2b!important;
}

.btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    background-color: #fff!important;
}

@media(max-width: 768px){
  .btn-light {
      padding: 2px 6px 2px 6px;
  }
  .btn {
      padding: 2px 6px 2px 6px;
  }
}

.badge-warning2 {
   background-color: #000 !important;
   padding: 5px;
   font-size: 16px;
}
a.badge-warning2:hover {
   color: #DCE6F0 !important;
}
.badge {
  background-color: black;
  color: #DCE6F0;
}
/* ============================================================
  Footer
============================================================ */
.footer, .footer .container-fluid {
  height: auto;
  padding: 16px 0 24px 0;
  /* margin-top: 10%; */
  background-color: rgba(0, 0, 50, 0.98);
  color: #DCE6F0;
  font-size: 14px;
}
.footer h2 {
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 1.5em;
}

.footer .form-control, .footer .form-control:focus  {
color: #DCE6F0;
}

.footer h5 {
    padding: 10px 0;
    font-weight: 400;
    font-size: 1.2rem;
}

.footer .btn-sm {
   font-size:0.8rem;
}
.footer-bottom {
  padding: 0px 0 20px;
  font-size: 12px;
}
.footer-bottom img {
    width: auto;
    height: 32px;
    margin-right: 40px;
    vertical-align: bottom;
}
.footer-bottom .social{
    font-size: 14px;
}

.footer .social a {
    color: #3B91FF;
padding-left: 10px;
}

.footer .social a:hover{
    color: #ff7f00;
}


@media(max-width: 768px){
  .footer .btn-sm {
     font-size:0.85rem;
  }
  .footer-bottom img {
    height: 24px;
    vertical-align: text-bottom;
  }

.footer .form-control {
  font-size: .85rem;
  padding: .2rem;
width:12rem;
}

.footer h5 {
    font-size: .85rem;
font-weight:bold;
}
  .footer-bottom .social i{
    font-size: 14px;
  }
  .footer-bottom .social{
    font-size: 12px;
  }
}
.footer-bottom .social i{
    font-size: 18px;
    /* color: rgba(255,255,255,0.7); */
    transition: 0.3s;
    padding: 5px 5px 0 10px;
}
.footer-bottom .social i:hover{
    transform: scale(1.4,1.4);
    color: #ff7f00;
}

/* ============================================================
  Forms
============================================================ */
.form-control {
    line-height: 1.5;
    color: #333333;
    background-color: transparent;
}
.form-control:focus {
    color: black;
    background-color: transparent;
    border-color: #ff7f00;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(255,125,0,.25);
}
.form-group {
   margin-bottom: 0;
}
.inputlabel {
   position: relative;
   top: 14px;
   left: 10px;
   background-color: white;
   padding: 0 5px 0 5px;
   color: #FF7F00;
}

legend {
   position: relative;
   font-size: 1rem;
   left: -5px;
   top: -3px;
   width: auto;
   background-color: #DCE6F0;
   padding: 0 5px 0 5px;
   color: #959595;
}
 label {
   vertical-align: top;
}
.required:after {
   content: " *";
}

fieldset {
    height: auto;
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.form-control::-webkit-input-placeholder { color: #CCCCCC; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #CCCCCC; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #CCCCCC; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #CCCCCC; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #CCCCCC; }  /* Microsoft Edge */

select{
		 background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
		 -moz-appearance: none; 
		 -webkit-appearance: none; 
		 appearance: none;
}

/* ============================================================
  Sessions & Speakers
============================================================ */

.ses-round, .ses-round2, .sp-speakerlist {
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    margin-left: 3px;
    border-left: 7px solid #aaaaaa;
    /* transition: border-width 0.6s linear; */
    background-color: #eeeeee;
    cursor: pointer;
    font-size:1rem;
}

.ses-round:hover{
    border-left-width: 9px;
    padding-left: 8px;
}
.sp-speakerlist {
    background-color: #DCE6F0;
    cursor: default;
    width: 180px;
}
.sp-speakerlist .company{
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   font-size: 0.9rem;
}
 
#legend .ses-round {
   margin: 3px;
   width: 200px;
   padding: 3px 1px 3px 10px; 
   cursor: none !important
}

.ses-round.collapsed, .ses-round2.collapsed, .ses-round.notcoll {
    /* transition: border-width 0.6s linear; */
    /* background-color: #DCE6F0; */
}

.ses-round p, .ses-round2 p {
   margin: 0;
   color: #FF7F00;
   font-weight: 400;
   font-size: 0.8rem;
}

.ses-round .ses-desc, .ses-round2 .ses-desc  {
   margin-top: 10px;
}

.ses-round .ses-speaker {
    display: none;
}

.ses-round .badge {
   -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: .3rem;
}

.collapsed .ses-speaker, .sp-ses-speaker {
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    border: 1px solid #FF7F00;
    width: 50px;
    height: auto;
    float: right;
    display: inline;
    margin-left: 5px;
    margin-bottom: 5px;
}

.speakersmall {
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    border: 1px solid #FF7F00;
    width: 50px;
    height: auto;
    margin: 0 20px 10px 20px;
    vertical-align: top;
    cursor:pointer;
    float:left;
}
.sp-ses-speaker {
   border: none;
}

.sp-speaker img, .sp-speakerlist img {
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    width: 150px;
    height: auto;
    margin: 0 0 20px 4px;
}

.sp-speakerlist img {
   height: 150px;
   border: 1px solid #FF7F00;
   cursor: pointer;
   margin-bottom: -40px;
}
.sp-speakerlist img:hover {
   border: 3px solid #FF7F00;
}
.ses-speak {
   margin: 20px 20px 20px 0;
   border-radius: 10px;
   box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
   border: 1px solid #FF7F00;
   text-align: center;
   width: 152px;
   padding-bottom: 10px;
   background-color: #DCE6F0;
}

.ses-speak .company{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.9rem;
}

.sp-speaker .champion, .sp-speaker .penumbra {
   width: 30px;
   height: auto;
   border: none;
   border-radius: unset;
   box-shadow: none;
   vertical-align: top;
   margin: 0;
}

.sp-speaker .penumbra {
   margin-left: 30px;
}

.sp-speakerlist .champion, .ses-speak .champion, .sp-speakerlist .penumbra, .ses-speak .penumbra {
   height: auto;
   border-radius: 3px;
   border: 1px solid #DDDDDD;
   box-shadow: none;
   vertical-align: top;
   margin: 0;
   background-color: #DCE6F0;
   position: relative;
}

.sp-speakerlist .champion {
   width: 20px;
   top: 15px;
   left: -55px;
   padding: 1px;
}
.sp-speakerlist .penumbra {
   width: 20px;
   top: -8px;
   left: 60px;
   padding: 2px;
}
.sp-speakerlist .champion2 {
  height: 24px;
}
.ses-speak .champion {
   width: 20px;
   top: 20px;
   left: -55px;
   padding: 1px;
}
.ses-speak .penumbra {
   width: 20px;
   top: -5px;
   left: 55px;
   padding: 2px;
}
.ses-speak .champion2 {
  height: 30px;
}


.sp-profile {
   margin: 0 0 20px -10px;
}

.ses-speak .ses-speaker2 {
   width: 150px;
   height: auto;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   margin: 0 5px 0 0;
   cursor: pointer;
   margin-bottom: -50px;
}

.fas.link {
   margin-left:50px;
   font-size: 1.3rem;
}

.checkbox_2, .checkbox_1 {
 padding: 10px 0 5px 0;

 & label input {
     margin-right: 10px;
   }
}

.checkbox_2 label {
   width: 50%;
   @media(max-width: 1400px) {
    width: 100%;
 }
}

.checkbox_1 label {
     width: 100%;
}



@media(max-width: 768px){
  .ses-speak {
   margin: 10px 10px 10px 0;
   width: 102px;
   font-size: 0.8rem;
   line-height: 1.2rem;
  }

  .sp-speaker .champion {
   width: 24px;
  }
  .sp-speakerlist {
    width: 130px;
   }
  .ses-speak .ses-speaker2,  .sp-speakerlist img, .sp-speaker img {
   width: 100px;
   height: 100px;
   margin-bottom: -35px;
  }
  .ses-round .ses-desc, .ses-round2 .ses-desc, .sp-speakerlist {
   font-size: 0.9rem;
   line-height: 1.2rem;
  }
  .ses-speak .champion {
   width: 20px;
   top: 12px;
   left: -36px;
   padding: 2px 0 2px 3px;
   }
  .ses-speak .penumbra {
   width: 20px;
   top: -8px;
   left: 36px;
   padding: 2px;
   }
   .sp-speakerlist .champion {
   width: 20px;
   top: 10px;
   left: -30px;
   padding: 2px 0 2px 4px;
   }
   .sp-speakerlist .penumbra {
   width: 20px;
   top: -10px;
   left: 40px;
   padding: 2px;
   }
   .sp-speakerlist .champion2, .ses-speak .champion {
     height: 20px;
   }
  .sp-speakerlist .champion2, .ses-speak .champion2 {
   height: 20px;
   }
}

.badge-Domino { color:black; background-color: #fb3 !important; }
.badge-Connections { color:white; background-color: #4285f4 !important; }
.badge-DX { color:white; background-color: #800080 !important;}
.badge-Mobile { background-color: #CD7F32 !important;}
.badge-Sametime { color:white; background-color: #008000 !important;}
.badge-Verse { background-color: #C0C0C0 !important;}
.badge-Volt { color:white; background-color: #FF0000 !important;}
.badge-Leap { color:white; background-color: #CA5CDD !important;}
.badge-Other { color:white; background-color: #808080 !important;}