/* 
    Created on : May 5, 2017, 9:40:43 AM
    Author     : Martin Eik Korsgaard Rasmussen Nordiske Medier, Aalborg
*/
#top-nav {
    background: transparent;
    border: transparent;
    min-height: 60px;
}

#top-nav > DIV {
    padding: 0;
}

.navbar-ul {
    font-weight: 500;
}

#topnavbar-collapse {
    max-height: none;
}

#topnavbar-collapse > UL > LI > A {
    padding: 30px 10px;
    font-size: 18px;
}

@media (max-width: 1500px) {
    #topnavbar-collapse > UL > LI > A {
        font-size: 16px;
        padding: 30px 5px;
    }
}

@media (max-width: 1024px) {
    #topnavbar-collapse > UL > LI > A {
        font-size: 18px;
        padding: 30px 10px;
    }
}

.navbar-brand {
    padding: 0px;
}

.navbar-brand > IMG {
    max-height: 50px;
}

#jumbotron-seminar {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 0;
    color: #fff;
    font-size: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    background-color: transparent;
}

#jumbotron-seminar  H1 {
    margin-bottom: 0;
    text-shadow: 0px 0px 20px rgba(0,0,0,.4);
}

#jumbotron-seminar  H3 {
    text-shadow: 0px 0px 20px rgba(0,0,0,.4);
}


#jumbotron-seminar  H1.emptyFrontPage {
    margin-top: 160px;
}

#jumbotron-seminar  .menu {
    display: inline-block;
    margin-top: 60px;
    max-width: 90%;
}

#jumbotron-seminar  .menu > A {
    text-decoration: none;
    background-color: white;
    box-shadow: 0px 0px 20px rgba(0,0,0,.2);
    margin-top: 10px;
    margin-right: 10px;
    padding: 10px 20px;
    color: gray;
    display: inline-block;
    font-size: 16px;
}

#jumbotron-seminar  .menu > DIV {
    text-decoration: none;
    background-color: white;
    box-shadow: 0px 0px 20px rgba(0,0,0,.2);
    margin-top: 10px;
    margin-right: 10px;
    padding: 10px 20px;
    display: inline-block;
    font-size: 16px;
}

#jumbotron-seminar  .menu > DIV > A {
    text-decoration: none;
    color: gray;
}

#jumbotron-seminar.jumbotron.jumbotron-simple {
    margin-bottom: 50px;
    min-height: 100vh;
    padding-top: 50px;
}

#jumbotron-seminar.jumbotron.largeImageJumbotron {
    margin-bottom: 0;
    min-height: 95vh;
    padding-top: 0;
}

.largeImageJumbotron .content-wrapper {
    display: table-cell;
    vertical-align: middle;
    height: 90vh;
}

.largeImageJumbotron .content-wrapper .content {
    background-color: rgba(255,255,255,0.91);
    color: #333;
    text-align: initial;
    padding: 30px 50px 20px 50px;
}

.largeImageJumbotron .content-wrapper .content H1 {
    font-size: 48px;
    line-height: 57px;
    margin: 30px 0;
}

.largeImageJumbotron .content-wrapper .content P {
    font-size: 16px;
    margin-bottom: 30px;
}

.largeImageJumbotron .content-wrapper .content DIV {
    font-size: 16px;
    margin-bottom: 30px;
}

@media (max-width: 900px) {
    .largeImageJumbotron .content-wrapper .content H1 {
        font-size: 40px;
        line-height: 49px;
    }
}

@media (max-width: 750px) {
    .largeImageJumbotron .content-wrapper .content H1 {
        font-size: 36px;
        line-height: 45px;
    }
}

@media (max-width: 450px) {
    .largeImageJumbotron .content-wrapper .content {
        padding: 30px 20px 20px 20px;
    }

    .largeImageJumbotron .content-wrapper .content H1 {
        font-size: 26px;
        line-height: 35px;
    }
}

@media (max-width: 300px) {
    .largeImageJumbotron .content-wrapper .content H1 {
        word-break: break-all;
    }
}

.subtitle {
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 0;
}

.btn-register,
.btn-register:hover,
.btn.btn-register:hover,
.btn-register:active,
.btn.btn-register:active,
.btn-register:focus,
.btn.btn-register:focus,
.btn.btn-register {
    font-weight: bolder;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    margin-top: 10px;
    border-radius: 25px;
    font-size: inherit;
}

.btn.btn-register {
    white-space: normal;
    margin: 10px 0;
}

.btn.focus,
.btn:focus,
.btn:hover {
    text-decoration: none;
    color: #fff;
}

.largeButton {
    width: 100%;
    border: none;
    text-align: center;
    text-decoration: none;
    max-width: 250px;
    margin: 10px 0;
}

.registerLink,
.registerLink:hover,
.registerLink:active,
.registerLink:after,
.registerLink:visited {
    text-decoration: none;
    color: #fff;
}

.frontpage-row {
    margin-bottom: 20px;
    padding: 75px 15px;
    background-color: #fcfcfc;
}

.frontpage-row-no-background {
    margin-bottom: 20px;
    padding: 75px 15px;
    color: #fff;
}

.frontpage-container-background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.seminar-row {
    margin-bottom: 20px;
    padding: 0 15px;
    background-color: #fcfcfc;
}

.seminar-row-no-background {
    margin-bottom: 20px;
    padding: 0 15px;
}

@media (max-width: 1024px) {
    .seminar-row {
        margin-bottom: 0;
    }

    .seminar-row-no-background {
        margin-bottom: 0;
    }
}

DIV.seminar-text > P {
    text-align: left;
    color: #333333;
}

DIV.seminar-text {
    margin-bottom: 100px;
    text-align: left;
}

P.seminar-text {
    color: #333333;
    text-align: left;
}

P.seminar-text > B {
    color: #000;
}

.partners {
    text-align: center;
}

.partners-table {
    width: 100%;
    border-spacing: 30px;
    border-collapse: separate;
    text-align: left;
    table-layout: fixed;
}

.partners-table > TBODY > TR > TD {
    padding: 0;
    background-color: #fff;
}

.partners-table > TBODY > TR > TD > DIV > A > IMG {
    margin: auto;
}

.partner-wrapper {
    min-height: 200px;
    vertical-align: middle;
    display: flex;
}

.partner {
    padding: 20px;
    margin: auto;
    text-align: left;
    width: 100%;
}

.speakers > DIV {
    text-align: left;
}

.speakers > DIV > P {
    color: #333333;
}

.speakers > DIV > P > STRONG {
    color: #000;
}

#speakers-table,
#speakers-table2 {
    width: 100%;
    border-spacing: 30px;
    border-collapse: separate;
    text-align: left;
    table-layout: fixed;
}

#speakers-table.program,
#speakers-table2.program {
    border-spacing: 0 30px;
}

#speakers-table > TBODY > TR > TD,
#speakers-table2 > TBODY > TR > TD {
    padding: 0;
    background-color: #ecf0f1;
    color: #000;
}

#speakers-table > TBODY > TR > TD IMG,
#speakers-table2 > TBODY > TR > TD > IMG {
    margin: auto;
}

#speakers-table > TBODY > TR > TD > DIV,
#speakers-table2 > TBODY > TR > TD > DIV {
    text-align: left;
    padding: 15px;
}

#speakers-table > TBODY > TR > TD > DIV > P {
    color: #333333;
}

#speakers-table > TBODY > TR > TD > P.info {
    text-align: left;
}

#speakers-table2 > TBODY > TR > TD > P.info {
    text-align: left;
    color: #333333;
}

#speakers-table > TBODY > TR > TD > DIV > H4 {
    margin-top: 50px;
    font-weight: 600;
    font-size: 24px;
    color: #333333;
}

.frontpage-speakers H2 {
    text-align: center;
}

H1, H2, H3, H4, H5, H6 {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 600 !important;
}

#body {
    width: 100%;
    font-size: 17px;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #fcfcfc;
}

#body .container {
    margin: 0;
    width: 100%;
}

@media (max-width: 1024px) {
    #body .navbar-header {
        float: none;
    }
    #body .navbar-left,.navbar-right {
        float: none !important;
    }
    #body .navbar-toggle {
        display: block;
    }
    #body .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    #body .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    #body .navbar-collapse.collapse {
        display: none!important;
    }
    #body .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    #body .navbar-nav>li {
        float: none;
    }
    #body .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #body .collapse.in{
        display:block !important;
    }
    #body .navbar-brand > IMG {
        max-width: 200px;
        max-height: 50px;
    }

    #top-nav {
        min-height: 80px;
    }

    #top-nav > div > div.navbar-header > button {
        margin-top: 22px;
        margin-bottom: 22px;
        margin-right: 22px;
        background-color: #ddd;
    }

    #jumbotron-seminar {
        text-align: center;
        background-color: transparent;
        color: #fff;
        font-size: 15px;
    }

    #jumbotron-seminar  H1 {
        font-size: 50px !important;
    }

    #jumbotron-seminar  .menu {
        margin-top: 30px;
    }

    .subtitle {
        font-size: 24px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .speakers > DIV > DIV {
        min-height: 500px;
    }
}

.contacts {
    text-align: left;
}

.contacts > DIV {
    text-align: left;
}

.contacts > DIV > P {
    color: #333333;
}

#contacts-table {
    width: 100%;
    border-spacing: 15px;
    border-collapse: separate;
    table-layout: fixed;
}

#contacts-table > TBODY > TR > TD {
    padding-bottom: 0;
}

#contacts-table > TBODY > TR > TD > IMG {
    margin: auto;
    width: 100%;
    max-width: 500px;
}

#contacts-table > TBODY > TR > TD > DIV {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

#contacts-table > TBODY > TR > TD > DIV > P {
    padding: 5px 0;
    white-space: pre-wrap;
}

DIV.map {
    min-height: 250px;
    min-width: 250px;   
}

DIV.map > A {
    float: right;
}

.first {
    padding-top: 100px;
}

.first .row {
    padding-top: 0;
}

.last {
    margin-bottom: 0 !important;
}

.last > .row {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.gala-row {
    background-size: cover;
}
@media (min-width: 1025px) {
    .gala-row {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: wrap;
        flex: wrap;
    }
}

/*@media (max-width: 1024px) {
    _::-webkit-full-page-media, _:future, :root .gala-row {
        flex-wrap: wrap;
    }
}*/

.gala-row > [class*='col-'] {
    display: flex;
}

#galaRows.container {
    margin: 0 0 50px 0;
}

.gala-element {
    padding: 10px 0;
}

.gala-element-text > H1{
    font-weight: 800;
    text-align: left;
}

.picture-row .largeButton {
    max-width: 500px;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
}

.text-row {
    text-shadow: 0px 0px 20px rgba(0,0,0,.4);
}

.gala-element.gala-element-picture {
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 700px;
}

.jury {
    text-align: left;
}

.jury > DIV {
    text-align: left;
}

.jury > DIV > P {
    color: #000044;
}

#jury-table {
    width: 100%;
    border-collapse: separate;
    table-layout: fixed;
}

#jury-table > TBODY > TR > TD {
    text-align: center;
    padding: 0;
}

#jury-table > TBODY > TR > TD > IMG {
    margin: auto;
    max-width: 100%;
}

#jury-table > TBODY > TR > TD > H3 {
    word-wrap: break-word;
}

.buffer {
    min-height: 150px !important;
}

.winner {
    color: #000;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 25px;
}

@media (max-width: 700px) {
    #jury-table > TBODY > TR > TD > DIV > H3 {
        font-size: 18px;
    }

    #jumbotron-seminar {
        text-align: center;
        background-color: transparent;
        color: #fff;
        font-size: 18px;
        margin-bottom: 0;
    }

    .subtitle {
        font-size: 18px;
    }

    .first {
        padding-top: 50px;
    }

    #speakers-table {
        border-spacing: 0 15px;
    }

    #jumbotron-seminar.jumbotron.largeImageJumbotron {
        width: 100vw;
        height: auto;
    }
}

@media (max-width: 400px) {
    #jumbotron-seminar  H1 {
        font-size: 30px !important;
    }
}

#hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    width: 100%;
}

.jury-award-list > H3 {
    text-align: center;
}

.jury-award-list > P {
    text-align: left;
}

.award-bg {
    background-color: #f3f3f3;
    margin-bottom: 25px;
}

.award {
    color: #000;
    margin-bottom: 20px;
}

.award > DIV {
    padding: 15px;
}

.award > DIV > H1 {
    font-weight: 900;
}

.award {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/*.award > [class*='col-'] {
    display: flex;
    flex-direction: column;
}*/

.center {
    text-align: center;
}

.center IMG {
    margin: auto;
    padding: 5px;
}

.center > A,
.center > H2,
.center > DIV,
.center > A > DIV {
    margin: auto;
}

.previous-arrangements {
    color: #000;
    text-align: center;
    min-height: 500px !important;
}

.previous-arrangements > A {
    padding: 5px 15px;
    text-decoration: none;
}

.previous {
    padding: 50px 0 !important;
    margin-bottom: 25px
}

.previous > H2 {
    font-weight: 800;
}

.championshipWinner {
    margin-top: 25px;
}

.winnerTitleAndPicture > IMG {
    width: 100%;
}

.winnerTitleAndPicture > P {
    text-align: left;
    padding: 10px;
    background-color: #34495e;
    color: #fff;
}

.winnerTitleAndPicture > P.center {
    text-align: center;
}

.winnerEverything IMG {
    width: 100%;
}

.winners {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.btn-back {
    margin-bottom: 25px !important;
}

.container {
    background-color: inherit;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

#bottom-nav {
    padding: 0;
    margin-bottom: 0;
}

.footer-content {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer-content IMG {
    margin-bottom: 10px;
}

@media (max-width: 400px) {
    .first {
        padding-top: 150px;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    #contact {
        margin-right: 15px;
    }
}

.mapTimeWrapper {
    display: flex;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 15px;
    padding: 30px 0 15px 0 !important;
}

.mapTimeWrapper IMG {
    margin: auto;
}

@media (max-width: 1200px) {
    .mapTimeWrapper {
        display: block;
    }
}

@media (max-width: 990px) {
    .mapTimeWrapper {
        display: flex;
    }
}

@media (max-width: 767px) {
    .mapTimeWrapper {
        display: block;
    }
    .mapTimeWrapper IMG {
        margin-bottom: 50px;
    }
}

.table-arrangement.table-stribed {
    width: 100%;
    min-height: 50px;
    font-size: 17px;
}

.table-arrangement.table-stribed > TBODY > TR:nth-of-type(odd) {
    background-color: #d9dadc;
}

.table-arrangement.table-stribed > TBODY > TR:nth-of-type(even) {
    background-color: #ebebeb;
}

@media (max-width: 1500px) and (min-width: 1024px) and (max-height: 1000px) and (min-height: 750px) {
    #jumbotron-seminar  H1.emptyFrontPage {
        margin-top: 50px;
    }
}

@media (max-width: 1024px) and (min-aspect-ratio: 600/360) {
    #jumbotron-seminar  H1.emptyFrontPage {
        margin-top: 0;
    }

    #jumbotron-seminar  H1 {
        font-size: 50px !important;
    }
}

@media (aspect-ratio: 1024/1366) and (width: 1024px) and (height: 1366px) {
    #jumbotron-seminar  H1.emptyFrontPage {
        margin-top: 350px;
    }

    #jumbotron-seminar  H1 {
        font-size: 75px !important;
    }
}

@media (min-width: 1024px) and (max-height: 750px) {
    #jumbotron-seminar  H1.emptyFrontPage {
        margin-top: 0px;
    }
}

@media (max-width: 700px) and (max-height: 500px) {
    #jumbotron-seminar H1.emptyFrontPage {
        margin-top: 0;
    }
}

.carousel-control.left,
.carousel-control.right {
    z-index: 100;
    width: 5% !important;
}

.slide.slick-slide {
    height: auto;
}

.finalists {
    color: #000;
}

.finalists h4 {
    margin-top: 25px;
    margin-bottom: 25px;
}

DIV.colouredTextBox {
    min-height: 200px;
    padding: 15px;
    text-align: center;
}

#body A.roundedCorners {
    border-radius: 25px;
    border: 2pt solid #fff;
    text-decoration: none;
    color: inherit;
    margin-top: 25px;
}

#participants-slider-carousel .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: wrap;
    flex: wrap;
    align-items: center;
}

#participants-slider-carousel .slick-track > A{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: wrap;
    flex: wrap;
    align-items: center;
}

.multidivs IMG {
    margin: auto;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown .dropdown-menu {
    padding: 10px 10px;
    font-size: 18px;
    margin-top: 0;
}

.participants-table {
    line-height: 1.5;
}

.participants-table > THEAD:first-child > TR:first-child > TH {
    line-height: 2.5;
}

.participants-table TH,
.participants-table TD {
    padding-left: 10px;
    padding-right: 10px;
}

.participants-table.table-striped > TBODY > TR:nth-of-type(odd) {
    background-color: #f0f0f0;
}

.hallOverview {
    cursor: zoom-in;
}

IFRAME {
    max-width: 100%;
}

.multidivs > DIV {
    padding-bottom: 15px;
    padding-top: 15px;
}

@media (max-width: 1024px) {
    .navbar-ul > LI > UL {
        width: 100%;
    }
}

#topButton {
    display: none;
    position: fixed;
    bottom: 50px;
    top: auto;
    right: 0;
    z-index: 99999;
    border: none;
    outline: none;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    padding: 15px 25px;
    border-radius: 10px;
}

#topButton:hover {
    background-color: #555;
}

.award-buttons {
    margin-bottom: 50px;
}

.award-buttons .btn,
.award-buttons .btn:hover {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    background-color: #7EA7D8;
    padding: 6px 0;
}

.award-buttons DIV {
    padding: 5px;
}

a.anchor {
    position: relative;
    top: -100px;
    display: block;
    visibility: hidden;
}

.row-bottom-padding {
    padding-bottom: 25px;
}

.fancyDiv IMG {
    margin: auto;
}

#topJumbotron {
    text-align: center;
    margin-top: 80px;
    padding-top: 50px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
}

#topJumbotron > DIV {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}

#topJumbotron > DIV > H1 {
    font-size: 40px;
    text-shadow: 0px 0px 20px rgba(0,0,0,1);
    font-weight: 400 !important;
}

@media (max-width: 1024px) {
    #topJumbotron > DIV > H1 {
        font-size: 28px;
    }

    #topJumbotron > DIV {
        max-width: 80%;
    }
}

IFRAME.twitter-timeline {
    margin-left: auto;
    margin-right: auto;
}

.arrangement-twitter-wrapper {
    text-align: center;
}

.transparent {
    background: transparent;
}

.fixed-table-body {
    height: auto !important;
}

.no-left-border {
    border-left-style: none !important;
}

.vcenter {
    vertical-align: middle !important;
}

/* IE hack*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .partner-wrapper {
        display: table;
        border-spacing: 0;
    }

    .partner {
        display: table-cell;
        vertical-align: middle;
    }

    TABLE {
        table-layout: fixed;
    }

    .fixed-table-body {
        overflow-x: scroll !important;
    }
}

.image-row IMG {
    max-height: 700px;
}

.lunch {
    margin-top: 50px;
    margin-bottom: 100px;
}

.lunch H2 {
    margin-bottom: 30px;
}

.lunch P {
    margin-bottom: 30px;
}

.lunch .lunchInfo {
    padding: 50px;
    background-color: #f2f2f2;
}

.lunch .lunchInfo P {
    margin-bottom: 5px;
}

.capitalized {
    text-transform: capitalize;
}

.commingLunches {
    background-color: #f2f2f2;
    padding-top: 150px;
}

.commingLunches H2 {
    text-align: center;
    padding-bottom: 100px;
}

.smallLunch {
    background-color: #fff;
    margin-bottom: 30px;
}

.smallLunch IMG {
    padding-bottom: 30px;
}

.smallLunch DIV {
    padding: 30px;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: wrap;
    flex: wrap;
    flex-wrap: wrap;
}

.flex-vertical-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: wrap;
    flex: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-vertical-fill {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: wrap;
    flex: wrap;
    flex-wrap: wrap;
}

.flex-vertical-fill .spacer {
    width: 100%; 
    height: 100px; 
    float:left; 
    display: inline-block;
}

.flex-vertical-fill > .fancyDiv > .colouredTextBox {
    height: 100%;
}

.flex-vertical-fill > .fancyDiv > .colouredTextBox > .absolute-wrapper {
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 100%;
}

.flex-vertical-fill > .fancyDiv > .colouredTextBox > .absolute-wrapper > .registerLink.largeButton {
    position: relative; 
    left: -50%;
    min-width: 250px;
}

@media (max-width: 1350px) {
    .flex-vertical-fill > .fancyDiv > .colouredTextBox > .absolute-wrapper > .registerLink.largeButton {
        min-width: 100%;
    }
}

.bottom {
    margin-top: auto;
}

.slick-initialized .slick-track {
    display: flex;
    align-items: center;
}

.carousel-previous-lunch {
    margin-bottom: 15px;
    margin-top: 15px;
}

.top-heading {
    margin-top: 25px;
}

.participant-profile-header {
    margin-top: 50px;
    font-size: 45px;
}

.mobileShow {display: none;} 

/* Smartphone Portrait and Landscape */ 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px){ 
    .mobileShow {display: inline;}
}

.mobileHide { display: inline; } 

/* Smartphone Portrait and Landscape */ 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px){ 
    .mobileHide { display: none;}
}

.categories {
    margin-top: 50px;
}

.categories H3 {
    text-align: center;
}

A.category-btn {
    margin-right: 5px;
    font-size: 17px;
}

A.category-btn:hover {
    background-color: #005088;
    color: #fff;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 */

.clearfix {
    *zoom: 1;
}

#nominationForm {
    margin-bottom: 200px;
}

#nominationForm .text-input,
#nominationForm .text-input:focus,
#nominationForm .select {
    width: 100%;
    margin: 5px 15px;
    border-radius: 10px;
    border-color: #000;
    padding-left: 15px;
    line-height: 25px;
    height: 31px;
    border-style: inset;
    border-width: 3px;
    outline: none;
}

#nominationForm .text-input-wide,
#nominationForm .text-input-wide:focus {
    width: 100%;
    margin: 5px 15px;
    border-radius: 10px;
    border-color: #000;
    padding-left: 15px;
    line-height: 25px;
    height: 31px;
    border-style: inset;
    border-width: 3px;
    outline: none;
}

#nominationForm TEXTAREA {
    margin: 5px 15px;
    border-radius: 10px;
    border-color: #000;
    border-style: inset;
    border-width: 3px;
    font-size: 17px;
    resize: none;
    padding-left: 15px;
    outline: none;
    width: 100%;
}

#nominationForm LABEL {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 25px;
}

#nominationForm .button-wrapper {
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    text-align: right;
}

#nominationForm .button-wrapper INPUT {
    color: #fff;
    background-color: #000;
    font-size: 17px;
}

@media (max-width: 600px) {
    #nominationForm .text-input-wide,
    #nominationForm .text-input,
    #nominationForm .select,
    #nominationForm TEXTAREA {
        max-width: none;
        margin: 5px auto;
    }
}

.alert {
    line-height: 4;
}

.no-text-decoration,
.no-text-decoration:hover,
.no-text-decoration:focus {
    text-decoration: none;
}

.auto-margin {
    margin: auto;
}

.display-flex {
    display: flex;
}

#successModal .modal-body {
    color: #000044;
    font-size: 25px;
    font-weight: 800;
}

#successModal .modal-body DIV.row {
    margin: 30px auto;
}

.nomination {
    padding: 15px 0;
}

.nomination .motivation-block {
    padding: 30px 0;
}

.nomination .questions-block {
    padding: 30px 0;
}

.nomination .nominee-block {
    padding: 0;
}

.nomination .nominator-block {
    padding: 0;
}

#progressBar {
    width: 100%;
    margin: 10px auto;
    height: 22px;
    background-color: #fff;
}

#progressBar DIV {
    height: 100%;
    text-align: right;
    padding: 0 15px;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #4299d5;
    color: #fff;
}

DIV.award-nomination-image {
    width: 18%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}

.award-nomination-image IMG {
    cursor: pointer;
}

@media (max-width: 750px) {
    .award-nomination-image {
        width: 48%;
    }
}

#imageModal .imageViewer IMG {
    max-height: 85vh;
}

#jumbotron-seminar {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
    padding-bottom: 0;
}
#videoBlock {
    position: relative;
    width: 100%;
}
#videoBlock VIDEO {
    width: 100%;
    max-height: 93vh;
}
#videoMessage {
    width: 100%;
    height:100%;
    /*position: absolute;*/
    top: 0;
    left: 0;
    padding-top: 20%;
    padding-bottom: 20%;
}

.img-greyscale {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.category,
.category:hover {
    float: left;
    border-radius: 25px;
    margin: 5px;
    min-width: 100px;
    padding: 5px 15px;
    text-decoration: none;
    background-color: #eeeeee;
    color: #5f5f5f;
}

.categories-list {
    margin-bottom: 25px;
}

.category.active,
.category.active:hover  {
    background-color: #2e6da4;
    color: #FFFFFF;
    text-decoration: none;
}