.header-bg {
    background: none;
    padding: 70px 0 0 0;
    margin-top: -60px;
}

#videodevdays {	
/* -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left, red, black, blue, red, black, blue);
*/	           text-shadow: -1px 1px 0 #000,
                         1px 1px 0 #000,
                         1px -1px 0 #000,
                         -1px -1px 0 #000;
}

#bodyInner {
	background-image: url('/images/events/vdd24/bg.png');
}

#nonprofitOrganizationDiv2 {
    display: none;
}
p {
    text-align: left;
}
.spacer-inline::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 2px;
    background-color: #e7e7e7;
    margin-right: 10px;
}

.text-box {
    margin-bottom: 10px;
    color: white;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(25,25,34,.16);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    padding: 30px;
    text-shadow: 0 2px 2px rgba(0,0,0,0.5), -1px -1px 0 rgba(0,0,0,0.15), 1px -1px 0 rgba(0,0,0,0.15), -1px 1px 0 rgba(0,0,0,0.15), 1px 1px 0 rgba(0,0,0,0.15);
}

.text-box > ul > li {
    color: #4D4D4D;
    text-align: left;
    list-style: circle;
    font-weight: bold;
}

.vbtn-link {
    color: white;
    background-color: rgb(255, 154, 20);
}
.vbtn-link:hover,
.vbtn-link:focus,
.vbtn-link:active {
    color: white;
}

.vdd-icon {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}


.text-box-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 22px;
}

.text-box-content {
    text-align: center;
    color: white;
    font-size: 20px;
}

.spacer-inline {
    color: #7d7d7d;
    font-size: 16px;
    display: block;
    margin-top: 10px;
}

h2 {
    font-size: 28px;
    margin-bottom: 20px !important;
}

h3 {
    margin-bottom: 10px !important;
    color: #4D4D4D;
}

.header-bg {
	background-color: transparent;
}

#register {
    margin-top:-40px;
}

.ticket {
    display: inline-block;
    box-sizing: content-box;
    filter: drop-shadow(0 2px 5px rgba(black,.5));
    position: relative;
    height: 1em;
    padding: 1em;
    color: black;
    font-size: 16px;
    background-size: 51% 100%;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle at 0 50%, rgba(255,255,224,0) 0.4em, #ffffe0 0.5em), radial-gradient(circle at 100% 50%, rgba(255,255,224,0) 0.4em, #ffffe0 0.5em);
    background-position: top left, top right;
}

#register-section {
    background: #f7f7f7;
    clip-path: polygon(0 0, 102% 0, 100% 90%, 0% 112%);
}

@media (max-width: 992px) {
    #register-section {
        clip-path: none;
    }
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.spacer-2 {
    width: 100px;
    border-top: 2px solid #e7e7e7;
    margin: 24px auto;
}

.register-box {
    text-align: center;
    text-shadow: none;
}

.dinner-box {
    background: url('/images/events/vdd18/dinner.jpg') center no-repeat;
    background-size: cover;
}

.conference-box {
    background: url('/images/events/vdd18/conference.jpg') center no-repeat;
    background-size: cover;
}

.register-box .text-box-content {
    color: #4D4D4D;
    font-size: 14px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
}

#register-2 {
    margin-top: 30px;
}

#register-2 h2 {
    text-transform: uppercase;
}

#register-2 h2,
#register-2 p {
    color: white !important;
}

#when-box {
    background: url('/images/events/vdd24/time.png') center no-repeat;
    background-size: cover;
}

#where-box {
    background: url('/images/events/vdd24/seoul.jpg') center no-repeat;
    background-size: cover;
}

#partners-box {
    background: url('/images/events/vdd24/partners.png') center no-repeat;
    background-size: cover;
}

#who-come-box {
    background: url('/images/events/vdd16/crowd-of-people.jpg') center no-repeat;
    background-size: cover;
}

.header-bg h1 {
    font-size: 44px;
}

.header-bg h1, .header-bg h3, .header-bg a {
    color: black;
}

.header-bg a:hover, a:active, a:focus {
    color: #e0e0e0;
}

.header-bg h4 {
    font-weight: bold;
}

#nonprofitOrganizationDiv2 {
    color: #e0e0e0;
}

#nonprofitOrganizationDiv2 a {
    color: #d0d0d0;
}

section {
   padding: 30px 0;
}

.container {
    background-color: rgba(255,255,255, .5);
}

p {
    font-size: 14px;
}

h2 {
    margin-bottom: 10px;
}

.uppercase {
    text-transform: uppercase;
}

#where {
    background: url('/images/events/vdd16/crowd-of-people.jpg') center no-repeat fixed;
    color: white;
}

#where a, #where h2, #where p {
    color: white;
}

.btn-border {
    border: 1px solid #fff;
}

.tab-content {
    margin-left: 1px;
}

.event {
    border-left: 2px solid #E47B00;
    color: #4d4d4d;
    margin-top: 6px;
    border-radius: 3px;
    padding: 8px 12px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

.event-description > ul > li {
    margin: 8px 0;
}

.event-talk {
    border-left-color: #39b549;
}

.event-coffee {
    border-left-color: black;
}

.event-meetups {
    border-left-color: red;
}

.event-welcome {
    border-left-color: orange;
}

.event-lunch {
    border-left-color: #4D4D4D;
}

.big-p {
    font-size: 26px;
}

.event:hover {
    opacity: 0.8;
}

.event h3 {
    color: #4d4d4d;
    font-weight: bold;
}

#sponsors {
    position: absolute;
    bottom: -170px;
    right: 15px;
    padding: 15px;
    font-weight: bold;
    color: black;
    background-color: white;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    border-radius: 6px;
}

.sponsors-logo {
    width: auto;
    height: 38px;
    padding-left: 5px;
    padding-right: 5px;
}

.header-bg .container {
    position: relative;
}

.vdd17-videolan-banner {
    margin-top: 10px;
}

.event-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;;
}

.event-col {
    margin: 5px 0;
}

.event-col .header {
    font-weight: bold;
}

.event-time {
    color: #39b549;
    display: inline-block;
}

.event-author {
    float: right;
    font-style: italic;
}

@media (max-width: 992px) {
    .event-author {
        float: none;
    }
}

.avatar {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

.avatar-jb {
    background-image: url('/images/events/vdd18/jb.jpg')
}

.person-block {
    display: block;
    margin-bottom: 5px;
}

.spacer {
    width: 200px;
    border-top: 3px solid #e7e7e7;
    margin: 24px auto;
}

.nav-tabs > li {
    float:none;
    display:inline-block;
    zoom:1;
}

.nav-tabs {
    text-align:center;
}

.nav-tabs {
    border-bottom: none !important;
}

.nav-tabs {
    border-bottom: 2px solid #DDD;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-width: 0;
}

.nav-tabs > li > a {
    border: none;
    color: #666;
}

.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
    border: none;
    color: #39b549 !important;
    background: transparent;
}

.nav-tabs > li > a::after {
    content: "";
    background: #39b549;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%; color: #fff;
}

.tab-pane {
    padding: 15px 0;
}

.tab-content {
    padding:20px
}

p {
    line-height: 22px;
    margin: 0 0 10px;
    padding: 0;
}

#footer p {
    text-align: center;
}

.sponsors-logo-2 {
    width: auto;
    height: 50px;
}

.sponsor-box-2 {
    padding: 8px 10px;
    background: rgba(0,0,0,0.3) !important;
    color: white;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    border-top-right-radius: 3px;
    box-shadow: 0 0 6px rgba(25,25,34,.16);
}

@media (max-width: 768px) {
    .header-bg {
        margin-top: -30px;
    }
    .header-bg h1 {
        font-size: 30px;
    }
}