@import url('https://fonts.googleapis.com/css?family=Electrolize');
@import url('https://fonts.googleapis.com/css?family=Orbitron');
@import url('https://fonts.googleapis.com/css?family=Audiowide');


/*
|-------------------------------------------------------------------------------
| AdminLTE Bootstrap alterations
|-------------------------------------------------------------------------------
*/
@media(max-width: 991px) {
    .navbar-collapse.pull-left+.navbar-custom-menu {
        right: 0;
    }
}

@media(max-width:576px) {
    .main-header .logo {
        text-align: left;
        padding-left: 50px;
    }
}

/*
|-------------------------------------------------------------------------------
| Bootstrap additions
|-------------------------------------------------------------------------------
*/
.col-xs-offset-1\.5 {
    margin-left: 12.5%;
}
@media(min-width: 768px) {
    .col-sm-offset-1\.5 {
        margin-left: 12.5%;
    }
}
@media(min-width: 992px) {
    .col-md-offset-1\.5 {
        margin-left: 12.5%;
    }
}
@media(min-width: 1200px) {
    .col-lg-offset-1\.5 {
        margin-left: 12.5%;
    }
}

/*
|-------------------------------------------------------------------------------
| Site Css
|-------------------------------------------------------------------------------
*/

.navbar-nav > .user-menu .user-image {
    float: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 0;
    margin-top: -8px;
    line-height: 10px;
}
.navbar-toggle-button {
    position: absolute;
    top: 0;
}

@media(min-width: 768px) {
    .navbar-nav > .user-menu .user-image {
        float: left;
        margin-right: 10px;
        margin-top: -2px;
    }
    .navbar-toggle-button {
        position: relative;
        top: initial;
    }
}

.content-header {
    padding: 0;
}

.conference-logo-div {
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 600px;
    width: 100%;
    height: calc(100vh - 50px);
}
@media(min-height:576px) {
    .conference-logo-div {
        min-height: 700px;
    }
}
/* @media(min-width: 768px) {
    .conference-logo-div {
        height: calc(100vh - 50px);
    }
} */
@media(min-width: 992px) {
    .conference-logo-div {
        min-height: 800px;
    }
}
@media(min-width: 1200px) {
    .conference-logo-div {
        min-height: 900px;
    }
}

.overlay {
    position:absolute;
    width:100%;
    height:100%;
    /* background: #367fa9; */
    background: #000000;
    opacity: .5;
    mix-blend-mode: multiply;
}

.mwc3-logo-img {
    width:100%;
}

h3.conference-name,
h3.conference-name-lg {
    color: #69fcfd;
    text-align: left;
    display: inline-block;
    width: 100%;
    margin-top: 1px;
    margin-bottom: 1px;
}
h3.conference-name {
    font-size: 4.0vw;
}
h3.conference-name-lg{
    font-size: 5.75vw;
}

h3.conference-info,
h3.conference-info-lg {
    color: #69fcfd;
    text-align: left;
    display: inline-block;
    font-weight: 100;
    width: 100%;
    margin-top: 1px;
    margin-bottom: 1px;
}
h3.conference-info {
    font-size: 2.0vw;
}
h3.conference-info-lg{
    font-size: 2.75vw;
}

h3.conference-info > a,
h3.conference-info-lg > a {
    color: #69fcfd;
}

h3.title-name {
    color: #69fcfd;
    text-align: center;
    display: inline-block;
    font-size: 2.25vw;
    width: 100%;
    margin-top: 10px;
}

.countdown-amount {
    width: 100%;
    font-size: 8.0vw;
    font-weight: 100;
    display: block;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif
}
.countdown-units {
    width: 100%;
    font-size:1.8vw;
    font-weight: 600;
    display: block;
    letter-spacing: .5em;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif
}
.conference-image-col-div {
    padding-right: 0;
}
@media(min-width:1200px) {
    h3.conference-name {
        font-size: 3.0em;
    }
    h3.conference-name-lg {
        font-size: 5.5em;
    }
    h3.conference-info {
        font-size: 1.75em;
    }
    h3.conference-info-lg {
        font-size: 2.75em;
    }

    h3.title-name {
        font-size: 2.5em;
        margin-top: 40px;
    }
    .countdown-amount {
        font-size: 7.0em;
    }
    .countdown-units {
        font-size: 1.5em;
    }
}

.register-button {
    margin-top: 20px;
    font-size: 1em;
}
@media(min-width: 768px) {
    .register-button {
        font-size: 2em;
    }
}

.content {
    /* padding: 0; */
}

.content-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 195, 255, 0.2);
    min-width: 1em;
    border-radius: 50%;
    vertical-align: middle;
    width: 130%;
}

.content-circle:before {
    content:'';
    float: left;
    width: auto;
    padding-bottom: 100%;
}

.content-header>h1.md-offset-2 {
    margin-left: 16.6666667%;
}

.section-header {
    /* font-family: 'Electrolize', sans-serif; */
    font-family: 'Orbitron', sans-serif;
    /* font-family: 'Audiowide', sans-serif; */
    font-weight: 900;
    font-size: 3em;
    text-align: center;
    color: #3c8dbc;
}
h3.sponsor-header,
h3.speaker-header {
    /* font-family: 'Electrolize', sans-serif; */
    font-family: 'Orbitron', sans-serif;
    /* font-family: 'Audiowide', sans-serif; */
    font-weight: 900;
    font-size: 2em;
    text-align: center;
    color: black;
}
h3.sponsor-header.small,
h3.speaker-header.small {
    /* font-family: 'Electrolize', sans-serif; */
    font-family: 'Orbitron', sans-serif;
    /* font-family: 'Audiowide', sans-serif; */
    font-weight: 900;
    font-size: 1.5em;
    text-align: center;
    color: black;
}
.speaker-body {
    font-size: 1.5em;
}
@media(min-width:576px) {
    .section-header {
        font-size: 4em;
    }
    h3.sponsor-header,
    h3.speaker-header {
        font-size: 3em;
    }
    h3.sponsor-header.small,
    h3.speaker-header.small {
        font-size: 2em;
    }
    .speaker-body {
        font-size: 1.75em;
    }
}
@media(min-width:768px) {
    .section-header {
        font-size: 6em;
    }
    h3.sponsor-header,
    h3.speaker-header {
        font-size: 4em;
    }
    h3.sponsor-header.small,
    h3.speaker-header.small {
        font-size: 3em;
    }
    .speaker-body {
        font-size: 1.5em;
    }
}
@media(min-width:1200px) {
    .section-header {
        font-size: 8em;
    }
    h3.sponsor-header,
    h3.speaker-header {
        font-size: 6em;
    }
    h3.sponsor-header.small,
    h3.speaker-header.small {
        font-size: 4em;
    }
    .speaker-body {
        font-size: 1.75em;
    }
    h2.contact {
        font-size: 3.5em;
    }
    h3.contact {
        font-size: 2.5em;
    }
}
@media(min-width:1600px) {
    .speaker-body {
        font-size: 2.0em;
    }
}

.section-venue {
    background-color: #dddddd;
}

.location-text {
    font-size: 1.25em;
}
.google-map {
    display: block;
    margin: auto;
    height:300px;
    width:100%;
    border:0;
}

@media(min-width:576px) {
    .location-text {
        font-size: 2em;
    }
    .google-map {
        height: 500px;
        padding:10px;
    }
}
@media(min-width:768px) {
    .location-text {
        font-size: 1.5em;
    }
}
@media(min-width:992px) {
    .location-text {
        font-size: 2em;
    }
    .google-map {
        height: 800px;
    }
}
@media(min-width:1200px) {
    .location-text {
        font-size: 2em;
    }
}

.location-logo {
    max-width: 100%;
    padding: 10px;
}

.section-sponsors {
    background-color: white;
}

.section-events {
    background-color: lightblue;
}

.hotel-image,
.hotel-logo,
.school-logo,
.competition-logo {
    width: 100%;
    height: auto;
    padding: 10px;
}

.sponsor-event-div {
    min-height: 130px;
}
.sponsor-event-div a {
    display: block;
}
.sponsor-competition-div {
    /* min-height: 90px; */
    min-height: 200px;
}
.sponsor-competition-div a {
    display: block;
}
.mwc3-sponsor-logo {
    width: 100%;
    height: auto;
    padding: 10px;
}
.mwc3-sponsor-logo.small {
    max-width: 60%;
    height: auto;
}

.mwc3-sponsor-logo.title-sponsor {
    height: auto;
    max-width: 150px;
}
@media(min-width:992px) {
    .mwc3-sponsor-logo.title-sponsor {
        height: auto;
        max-width: 220px;
    }
}
@media(min-width:1200px) {
    .mwc3-sponsor-logo.title-sponsor {
        height: auto;
        max-width: 280px;
    }
}

.speaker-logo {
    max-width: 100%;
    max-height: 230px;
    padding: 10px;
}

.section-contact {
    background-color: #dddddd;
}

.card-shadow {
    border: none;
    box-shadow: 0 5px 15px #283A31;
}

.content-container {
    margin-bottom: 25px;
}


.move {
    height:100px;
}

td {
	max-width: 200px;
	overflow: hidden;
	text-overflow:clip;
}

.table1 {
	table-layout: fixed;
	width: 100%;
}
.word_break {
	word-break:break-all;
}

.click-row {
    cursor: pointer;
}