body { width: 100%;  height: 100%;  font-family: 'Roboto', sans-serif;  color: black;  background-color: white;  webkit-tap-highlight-color: rgba(255, 255, 255, 0.2); }
html { width: 100%;  height: 100%; }
h1,h2,h3,h4,h5,h6 { margin: 0 0 35px;  text-transform: uppercase;  font-weight: 700;  letter-spacing: 1px; }
p { margin: 0 0 25px;  font-size: 16px;  line-height: 1.5; }
a { -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out; }
img { max-width: 100%; }
a:hover,a:focus { text-decoration: none; }
.logo img { max-width: 100px; }

.navbar-brand { padding: 10px; }
.navbar-custom { margin-bottom: 0;  text-transform: uppercase;  background-color: black;  background: #000; }
.navbar-custom .navbar-toggle { color: white;  background-color: rgba(255, 255, 255, 0.2);  font-size: 12px; }
.navbar-custom .navbar-toggle:focus,.navbar-custom .navbar-toggle:active { outline: none; }
.navbar-custom .navbar-brand { font-weight: 700; }
.navbar-custom .navbar-brand:focus { outline: none; }
.navbar-custom a { color: white; }
.navbar-custom .nav li a { -webkit-transition: background 0.3s ease-in-out;  -moz-transition: background 0.3s ease-in-out;  transition: background 0.3s ease-in-out;  font-size: 12px; }
.navbar-custom .nav li a:hover { color: rgba(255, 255, 255, 0.8);  outline: none;  background-color: transparent; }
.navbar-custom .nav li a:focus,.navbar-custom .nav li a:active { outline: none;  background-color: transparent; }
.navbar-custom .nav li.active { outline: none; }
.navbar-custom .nav li.active a { color: #cc0000; }
.navbar-custom .nav li.active a:hover { color: #cc0000; }

#header_banner img { margin: 0 auto; }
#header_banner { margin-top: 70px; border-bottom: 2px solid #cc0000; background: #000; text-align: center;}
#header_banner_mobile{display:none;}
.navbar-fixed-top { border-bottom: 2px solid #cc0000 !important; }
.carousel-indicators li { margin: 1px 10px !important; }

#opening{line-height:25px;}

#agenda .black_section{padding: 50px 0 50px 0;}
#agenda a > img{max-width:20px; margin-left:8px; vertical-align:bottom; padding-bottom:3px;}
#agenda-table tr { background-color: #000;  color: #fff; }
#agenda-table .center { text-align: center; }
#agenda-table th { text-align: center; padding: 12px 20px; text-transform: uppercase; border-bottom:none !important; }
#agenda-table td { text-align: left; vertical-align:middle; padding: 12px 30px; border-top:none; border-bottom:1px solid #be050a;}
#agenda-table td:first-child{border-right:1px solid #be050a; width:150px;}
#agenda-table td.no-border-right{border-right:none;}
.agenda-header { border-top:1px solid #be050a; border-bottom:1px solid #be050a; }
.agenda-header h3{margin:0;}
.agenda-grey { background-color: #333 !important;  color: #fff !important; }
.agenda-subtitle{text-align:center !important; font-size:15px;}

.bg-darkgrey { background: #666;  display: table-cell;  max-height: 100%;  text-align: left; }
.bg-grey { background: #f3f3f3;  display: table-cell;  max-height: 100%;  text-align: left; }
.border-darkgrey { border: 5px solid #666; }
.border-grey { border: 5px solid #b1b1b1; }

#speakers .col-xs-6 { margin-bottom: 25px;  height: 280px; }
#speakers .col-xs-6 a p { margin: 8px 0;  font-size: 14px;  color: #000; }
#speakers .col-xs-6 img { width: 207px;  max-width: 100%;  max-height: auto; }

#speakerModal .modal-header{ background-color: #cc0000; }
@media (min-width: 768px){
    #speakerModal .modal-dialog {
        width: 700px;
    }
}
.modal-header .close { color: #fff;  opacity: 1;  padding: 4px 9px !important;  border: 2px solid #fff !important;  border-radius: 17px;  text-shadow: none; }

.showcase_box{ display:block; padding:20px; margin:0 auto 30px auto; font-size:18px;}
.showcase_rotate{
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width:115px;
    height:115px;
    display: block;
    vertical-align: middle;
    box-shadow: 0 0 20px #be050a;
    margin:0 auto;
}
.showcase_rotate > div{
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width:115px;
    height:115px;
    padding:5px;
    font-size:15px;
    display: table-cell;
    vertical-align: middle;
}
.showcase_black{
    background:#000;
    border:2px solid #fff;
    color:#fff;
}
.showcase_red{
    background:#be050a;
    color:#fff;
}
.showcase_orange{
    background:#ff8201;
    color:#000;
}
.showcase_sgrey{
    background:#B0B9C0;
    color:#000;
}

.bg-red { background: #be050a; color:#fff;  text-align: left; }
.bg-orange { background: #ff8201; color:#000;  text-align: left; }
.bg-sgrey { background: #B0B9C0; color:#000;  text-align: left; }
.bg-black {background:#000; color:#fff; text-align: left;}
.bg-orange .close, .bg-sgrey .close{color:#000 !important; border:2px solid #000 !important;}
#showcaseModal .modal-body{padding:0 15px;}
#showcaseModal .modal-content{box-shadow:0 0 10px #be050a;}
#showcaseModal .col-md-8{/*padding-right:0;*/ background:#fff;}

#showcaseModal .vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
#showcaseModal .vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
#showcaseModal .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

#showcase-content-text{color:#000; padding:15px 15px 0 0; text-align:justify;}
#showcase-content-title{font-size:20px;}
#showcase .row.hidden-xs.hidden-sm{margin-top:30px;}
#showcase .showcase_box h4{margin: 0 0 10px}

#socialenterprise a{color:#be050a;}

#contact {font-size:18px;}
#contact a{color:#000;}

#location h4{display:inline-block; vertical-align:bottom; margin:0 15px 0 0;}
#location .col-md-4 img{max-width:45px;}
#location .locate-text{display:block; height:130px;}
#location .locateby{margin:15px 0 25px;}
#location .locate-sm{font-size:13px; margin:0 0 10px;}
#location .red{color:#be050a;}
#location .locate-xsm{font-size:13px; display:block;}

#location-table tr:nth-child(odd) { background-color: #f5f5f5;  color: #000; }
#location-table tr:nth-child(even) { background-color: #dadada;  color: #000; }
#location-table .center { text-align: center; }
#location-table th { color:#be050a; text-align: center;  padding: 12px 20px;  text-transform: uppercase; border-top:none !important; border-bottom:2px solid #be050a; }
#location-table .location-header{background-color:#fff !important;}
#location-table .location-header h4{font-size:16px;}
#location-table td { padding: 12px 30px; vertical-align:middle; border-bottom:2px solid #be050a; border-right:2px solid #be050a;}
#location-table td:last-child{border-right:none;}



.black-section-smallmargin{ width: 100%;  padding: 75px 0 25px 0; }
.black-section, .white-section { width: 100%;  padding: 100px 0 50px 0; }
.black-section, .black-section-smallmargin { color: white;  background-color: black; }
.white-section { color: black;  background-color: white; }


#agenda .black-section{padding: 50px 0 50px 0;}
.text-grey{color:#d0d0d0;}

.btn { text-transform: uppercase;  font-weight: 400;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  border-radius: 0; }
.btn-default { border: 1px solid #42DCA3;  color: #42DCA3;  background-color: transparent; }
.btn-default:hover,.btn-default:focus { border: 1px solid #42DCA3;  outline: none;  color: black;  background-color: #42DCA3; }

footer { padding: 20px 0; background:#000; color:#fff;}
footer a{color:#fff;}
footer a:hover{color:#be050a;}
footer p { margin: 0; font-size:14px;}

::-moz-selection { text-shadow: none;  background: #fcfcfc;  background: rgba(255, 255, 255, 0.2); }
::selection { text-shadow: none;  background: #fcfcfc;  background: rgba(255, 255, 255, 0.2); }
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }


#location h1{color:#BE050A;}
.modal-content{border-radius:0px;}
#location_icon {max-width:60px; margin-right:10px}

@media (max-width: 359px) {
    #showcase .showcase_box{padding:10px;}
    #showcase .showcase_rotate, #showcase .showcase_rotate > div{width:100px; height:100px;}
    #contact a{font-size:10px;}
    #showcase .showcase_rotate > div{font-size:12px;}
}

@media (max-width: 479px) { 
    #contact{font-size:13px;}
    #header_banner{display:none;}
    #header_banner_mobile{display:block;}
    #opening .black-section-smallmargin{padding: 25px 0 25px 0;}
    #speakers .white-section, #location .white-section, #floorplan .white-section{padding: 45px 0 35px 0;}
    #contact .white-section{padding: 45px 0 0 0;}
    #speakers .col-xs-6{height:240px;}
    #location_icon {margin:0 auto 15px auto; display:block;}
    #location .locate-text{height:auto;}
}

@media (max-width: 767px) { 
    #agenda-table td { padding: 12px; }
    #agenda-table td:first-child { width: 112px; }
    h2 { font-size: 24px; }
    h3 { font-size: 18px; }
    #showcase h3 { margin: 0 0 15px; }
    .intro { padding: 0; }
    #dbsCarousel { margin-top: 54px; }
    .black-section, .white-section { padding: 85px 0 35px 0; }
    #dbsCarousel { border-top: none; }
    .navbar-custom .navbar-toggle { font-size: 16px;  padding: 6px 10px;  background: none; }
    .navbar-collapse { border-top: 2px solid #cc0000 !important; }
    #location .table-responsive{border:none !important;}
}
@media (min-width: 768px) { 
    .intro { height: auto;  padding: 0; }
    p { margin: 0 0 35px;  line-height: 1.6; }
    .carousel-caption p { margin-bottom: 20px;  line-height: 1.4; }
    .navbar-custom { padding: 10px 0;  letter-spacing: 1px;  background: #000;  -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;  -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;  transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; }
    .navbar-custom.top-nav-collapse { padding: 0;  background: black; }
}
@media (min-width: 768px) and (max-width: 991px) { 
    .nav>li>a { font-size: 11px;  padding: 10px; }
}
@media (max-width: 1023px) { 
    #speakers .speaker-separator { display: none !important; }
}

@media (min-width: 1024px) and (max-width:1139px) { 
#showcase .showcase_rotate, #showcase .showcase_rotate > div{width:105px; height:105px;}
#showcase .showcase_rotate > div{font-size:13px;}
}