/* Theme */

@media (max-width:479px) {
    .col-xxs-12 {
        float: none;
        width: 100%;
    }
}

.dark {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2);
}

.well {
    position: relative;
    overflow: hidden;
    box-shadow: none;
}

.well p {
    margin-bottom: 0;
}

section>.well {
    padding-top: 0 !important;
}

section>.well .top {
    margin-top: 0;
    margin-bottom: 50px;
}

section>.well .bottom {
    margin-top: 150px;
}

section.apply>.well .bottom {
    margin-top: 50px;
}

.navbar-nav {
    min-height: 50px;
}

.navbar-brand img {
    margin-left: 10px;
}

.two-rows {
    text-align: center;
}

@media (min-width: 1199px) {
    .two-rows {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .navbar-nav .btn {
        margin-right: 5px;
    }
}

.btn {
    font-weight: bold;
}


/* Events */

.events {
    background: #fff;
    color: #333;
    padding: 50px 0 0 0;
}

.subevents {
    background-color: #f3f3f3;
    padding: 100px 0 50px 0;
    margin-top: 50px;
}

.subevents .lead {
    text-transform: uppercase;
    font-size: 190%;
}

.events hr {
    border-top-color: #ccc;
    margin: 50px 0 25px 0;
}

#events {
    color: #555;
}

#events h2.section-title {
    padding: 40px 0 20px 0;
}

#events h4.section-title {
    margin: 0 0 24px 0;
    padding: 0;
    font-size: 24px;
}

#events .btn-default {
    background-color: #999;
    border: 0;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 110%;
    padding: 1em 2em;
}

#events .btn-default:hover {
    background-color: #9451bb;
}

.events-list>div>span,
.events-list a,
.events-list a span {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 115%;
    color: #333;
    clear: both;
    text-align: center;
}

.events-list>div>span,
.events-list a {
    min-height: 170px;
    margin: 5px 5px 10px 5px;
    padding: 20px 10px 5px 10px;
    background-color: #eee;
    transition: background 0.7s ease;
}

.events-list a.stream {
    min-height: 0;
    padding: 10px 10px 18px 10px;
}

.subevents .events-list a,
.subevents .events-list>div>span {
    background-color: #fff;
}

@media (max-width: 479px) {
    .events-list>div>span,
    .events-list a {
        min-height: 200px;
    }
}

@media (max-width:767px) {
    .events-list>div>span,
    .events-list a {
        min-height: 170px;
    }
    .events .badge.event-title7 {
        font-size: 15px;
    }
}

@media(min-width:1200px) {
    .events .container-fluid {
        max-width: 1300px;
    }
}

.events a small {
    font-weight: normal;
    display: block;
    font-size: 13px;
    line-height: 125%;
    transition: color 0.7s ease;
}

.events a small.text {
    font-size: 13px;
    margin-top: 5px;
    line-height: 135%;
}

.events a:hover {
    text-decoration: none;
}

.events-list>div>span span,
.events a span {
    display: block;
    padding: 10px 0 0 0;
    transition: color 0.7s ease;
}

.events .event1 small,
.events .event2 small,
.events .event3 small,
.events .event4 small,
.events .event5 small,
.events .event6 small,
.events .event7 small {
    color: #777;
}

.apply .btn-default {
    font-family: Roboto, Trebuchet MS, sans-serif;
    font-weight: bold;
}

.bottom-apply {
    background: rgba(0, 0, 0, .5);
}

.picture .apply a {
    color: #fff;
    font-size: 130%;
}

.picture .label {
    text-shadow: none;
    text-transform: uppercase;
}

.picture p.lead.date {
    font-weight: bold;
    font-size: 220%;
    display: block;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

.events .badge.event-title1,
.events .badge.event-title2,
.events .badge.event-title3,
.events .badge.event-title4,
.events .badge.event-title5,
.events .badge.event-title6,
.events .badge.event-title7 {
    color: #fff;
    font-size: 14px;
    border-radius: .3em;
    font-weight: bold;
    padding: .5em 1em;
}

@media (max-width:767px) {
    .events-list a {
        min-height: 160px;
    }
    .events .badge.event-title1,
    .events .badge.event-title2,
    .events .badge.event-title3,
    .events .badge.event-title4,
    .events .badge.event-title5,
    .events .badge.event-title6,
    .events .badge.event-title7 {
        font-size: 15px;
    }
}

.events .event1 a:hover span,
.events .event2 a:hover span,
.events .event3 a:hover span,
.events .event4 a:hover span,
.events .event5 a:hover span,
.events .event6 a:hover span,
.events .event7 a:hover span,
.events .event1 .hover span,
.events .event2 .hover span,
.events .event3 .hover span,
.events .event4 .hover span,
.events .event5 .hover span,
.events .event6 .hover span,
.events .event7 .hover span,
.events .event1 a:hover span small,
.events .event2 a:hover span small,
.events .event3 a:hover span small,
.events .event4 a:hover span small,
.events .event5 a:hover span small,
.events .event6 a:hover span small,
.events .event7 a:hover span small,
.events .event1 .hover span small,
.events .event2 .hover span small,
.events .event3 .hover span small,
.events .event4 .hover span small,
.events .event5 .hover span small,
.events .event6 .hover span small,
.events .event7 .hover span small {
    color: #fff;
}


/* event 1 */

.events .event-title1,
.events .event1 span,
.events .event1 a {
    color: #E02E56;
}

.events .event1 .hover,
.events .event1 a:hover,
.events .badge.event-title1 {
    background-color: #E02E56;
}

.events .event1 .hover .fa-globe,
.events .event1 a:hover .fa-globe {
    color: #fff;
}


/* event 2 */

.events .event-title2,
.events .event2 span,
.events .event2 a {
    color: #237CA2;
}

.events .event2 .hover,
.events .event2 a:hover,
.events .badge.event-title2 {
    background-color: #237CA2;
}


/* event 3 */

.events .event-title3,
.events .event3 span,
.events .event3 a {
    color: #438E48;
}

.events .event3 .hover,
.events .event3 a:hover,
.events .badge.event-title3 {
    background-color: #438E48;
}


/* event 4 */

.events .event-title4,
.events .event4 span,
.events .event4 a {
    color: #cb8b0a;
}

.events .event4 .hover,
.events .event4 a:hover,
.events .badge.event-title4 {
    background-color: #cb8b0a;
}

.events .event4 .hover .fa-globe,
.events .event4 a:hover .fa-globe {
    color: #fff;
}


/* event 5 */

.events .event-title5,
.events .event5 span,
.events .event5 a {
    color: #333;
}

.events .event5 .hover,
.events .event5 a:hover,
.events .badge.event-title5 {
    background-color: #333;
}


/* event 6 */

.events .event-title6,
.events .event6 span,
.events .event6 a {
    color: rgb(148, 81, 187);
}

.events .event6 .hover,
.events .event6 a:hover,
.events .badge.event-title6 {
    background: rgb(148, 81, 187);
}


/* event 7 */

.events .event7 a:hover span,
.events .event7 .hover span,
.events .event7 a:hover span small,
.events .event7 .hover span small {
    color: #fff;
}

.badge.reveal {
    display: block;
    margin: 5px;
}

@media (max-width:1199px) {
    .navbar-nav:last-child {
        margin-bottom: 50px;
    }
}

@media (max-width: 991px) {
    #events li a {
        margin-bottom: 25px;
    }
    #events li br {
        display: none;
    }
    .events li .fa {
        margin: -5px 0 0 0;
    }
    #events h4.section-title {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    #events li br {
        display: none;
    }
}


/* Picture */

.picture {
    background: #000 url(../img/gallery.jpg) no-repeat center bottom;
    background-size: cover;
    position: relative;
}

.picture .fa-spin {
    display: inline-block;
    color: rgba(255, 255, 255, .4);
    font-size: 32px;
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -15px;
}

.picture .badge {
    font-size: 18px;
    text-shadow: none;
    padding: .3em 1em;
    margin-bottom: .5em;
}

.badge-primary {
    background-color: #fff;
    color: #333;
}

.picture.active .fa-spin {
    display: none;
}


/*.video .map,
.video .speakers {
	background: rgba(44,44,44,.7);
}
.video footer {
	background: rgba(0,0,0,.9);
}
@media (max-width:767px) {
	.video footer  {
		background: rgba(0,0,0,.5);
	}
}*/

body {
    background: #000;
    color: #ccc;
    position: relative;
}

h1,
h2,
h3 {
    font-weight: 100;
}

html,
body {
    height: 100%;
}


/*#sf-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%; 
	margin: 0 auto -400px;
}
/*#push {
	height: 400px;
}*/

body>footer {
    /*height: 400px;
	padding-top: 80px;
	background: #000 url(../img/events.jpg) fixed no-repeat center 50%;
	background-size: cover;*/
    position: relative;
    z-index: 100;
}

body:before {
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;
}

* html #sf-wrapper {
    display: table;
    height: 100%
}

img {
    max-width: 100%;
}

hr {
    border-top-color: #333;
}

.modal-content {
    border-radius: 0;
}

.btn,
.form-control {
    border-radius: 0;
    transition: background-color 0.5s ease;
}

.alert {
    padding: 5px 15px;
    text-align: left;
}


/* Header */

.navbar-default {
    background-color: #fff;
}

.navbar-nav {
    margin-bottom: 0;
}

.navbar-nav .navbar-brand {
    font-weight: 700;
    float: left;
    padding-left: 0;
}

.navbar-nav .navbar-brand:focus {
    outline: 0;
}

.navbar-nav .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.navbar-nav .navbar-brand .navbar-toggle:focus,
.navbar-nav .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-nav .dropdown-menu {
    background-color: #e7e7e7;
}

.navbar-nav .dropdown-menu .divider {
    background-color: #ccc;
}

.navbar-nav .dropdown-menu>.active>a,
.navbar-nav .nav>.open>a,
.navbar-nav .dropdown-menu {
    border: 0;
    border-radius: 0;
}

.navbar-right li>a.btn,
.navbar-right li>a.btn:hover {
    border: 0;
    color: #fff;
}

.nav .dropdown-header {
    padding: 6px 16px;
    font-size: 14px;
}

.navbar-nav .dropdown-menu a {
    padding: 6px 16px;
}

.dropdown-submenu.open>a,
.navbar-nav .dropdown-menu a:hover {
    background-color: #777 !important;
    color: #f5f5f5;
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
    margin-left: 0;
}

.navbar-nav a {
    color: #fff;
}

.navbar .dropdown-menu a {
    margin-bottom: 1px;
}

.navbar-nav .nav li.active {
    outline: none;
    background-color: rgba(255, 255, 255, .3);
}

.navbar-nav .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-nav .nav li a:hover,
.navbar-nav .nav li a:focus,
.navbar-nav .nav li a.active {
    outline: 0;
    background-color: #4c4c4c;
}

.navbar-brand,
.navbar-nav>li>a.navbar-brand {
    padding: 0;
    margin: 0;
}

.navbar-brand img {
    width: 60px;
    margin-right: 10px;
    /* margin: 10px 10px 0 5px; */
    float: left;
}

ul .navbar-brand img {
    /* margin: 10px 10px 0 5px; */
}

.navbar-default .navbar-text {
    margin: 10px 5px 5px 5px;
    line-height: 130%;
    color: #333;
    font-size: 13px;
    font-weight: bold;
}

.navbar {
    padding: 10px 0;
}

.navbar .container-fluid {}

@media (min-width:1200px) {
    .navbar-right li>a.btn,
    .navbar-right li>a.btn:hover,
    .navbar-right li>a.btn:focus {
        background-color: #E02E56;
        color: #fff;
    }
}

@media (max-width:1199px) {
    .navbar-right li>a.btn,
    .navbar-right li>a.btn:hover,
    .navbar-right li>a.btn:focus {
        color: #333;
        background-color: #fff;
        border-top: 1px solid #333;
    }
}

.navbar-nav .navbar-toggle {
    margin-top: 15px;
}

.navbar-nav .navbar-toggle .icon-bar {
    background-color: #ccc;
}

@media(max-width:1400px) {
    .nav>li>a {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: 0;
        right: auto;
    }
}

@media (min-width: 992px) {}

@media (max-width: 991px) {
    .navbar-nav {
        margin: 0;
    }
    .navbar-nav>li {
        position: relative;
    }
    .navbar-nav.pull-right {
        float: none !important;
    }
    .navbar-left {
        box-shadow: none;
    }
    .navbar-left>.dropdown-menu {
        display: none;
    }
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }
}

@media (max-width: 1199px) {
    .navbar-right>li>a {
        position: relative;
        display: block;
        border-top: 1px solid #333;
        background-color: #fff;
        z-index: 11111;
        color: #333;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse,
    .navbar-toggle {
        display: block !important;
    }
    .navbar-header {
        float: none;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        height: auto;
        text-align: center !important;
    }
}

@media(max-width:767px) {
    .navbar-nav.pull-right {
        float: none !important;
    }
}

@media (max-width: 479px) {}

@media(min-width:768px) {
    .top-nav-collapse {
        padding: 0;
        background-color: #000;
    }
}

@media(min-width:992px) {
    .navbar-nav .nav {
        margin-top: 6px;
    }
}

@media(min-width:1280px) {
    .stats div {
        bottom: 32%;
    }
    .picture img {
        margin-top: 0;
    }
    .visible-lg-inline {
        display: inline-block !important;
        visibility: visible !important;
    }
}

.navbar-default .dropdown-menu>.active>a,
.navbar-default .dropdown-menu>.active>a:hover,
.navbar-default .dropdown-menu>.active>a:focus {
    background-color: #999;
}

.dropdown-header {
    font-size: 100%;
    font-weight: bold;
    color: #333;
}


/* Mega Menu */

.mega-menu>li li {
    list-style: none;
}

.nav .dropdown-header {
    color: #E02E56;
}

.mega-menu>li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.mega-menu>li a:hover {
    text-decoration: none;
}

@media (min-width:1199px) {
    .navbar-right .dropdown-menu.mega-menu {
        position: fixed;
        top: 60px;
        right: 10px;
        padding: 20px 10px 20px 10px;
        width: 1160px;
    }
}

.cursor-default {
    cursor: default;
}


/* navbar more levels */

@media (min-width:1200px) {
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu {
        min-width: 260px;
    }
    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
    }
    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }
    .dropdown-submenu>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #333;
        margin-top: 5px;
        margin-right: -10px;
    }
    .dropdown-submenu:hover>a:after {
        border-left-color: #fff;
    }
    .dropdown-submenu.pull-left,
    .dropdown-submenu.pull-lg-left {
        float: none;
    }
    .dropdown-submenu.pull-left>.dropdown-men,
    .dropdown-submenu.pull-lg-left>.dropdown-menu {
        left: -260px;
        min-width: 260px;
        margin-left: 10px;
    }
}

@media (max-width:1199px) {
    .dropdown-menu {
        box-shadow: none;
    }
    .dropdown-submenu {
        border-bottom: 2px solid #fff;
    }
}

h1.section-title {
    margin-top: 100px;
}

section {
    position: relative;
    margin: 0;
    padding: 50px 0;
}

secton.about {
    min-height: 200px;
}

section.more {
    background: #eee;
    color: #333;
}

section .target {
    margin-top: -120px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.section-title {
    font-size: 42px;
    font-family: Roboto, Trebuchet MS, sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    font-weight: bold;
}

@media (max-width: 991px) {
    .section-title {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .section-title {
        font-size: 32px;
    }
}

@media (max-width: 479px) {
    .section-title {
        font-size: 28px;
    }
}

.btn-danger {
    border-color: #E02E56;
    background-color: #E02E56;
}

section>.well {
    box-shadow: none;
    padding: 50px 0;
    border: 0;
    background-color: #ddd;
    margin: 0;
}

.well .section-title {
    font-size: 240%;
}

.picture .btn,
.counter .btn,
section>.btn {
    text-transform: uppercase;
}


/* Popup iframe styles */

body.popup {
    padding: 0;
    height: auto;
    background-image: none;
    background-color: #fff;
    color: #333;
}

body.popup h2 {
    margin-top: 0;
    padding-top: 0;
}

body.popup .addthis_toolbox {
    height: 40px;
}

body.popup h2,
body.popup .lead {
    font-weight: normal;
}

body.popup img.pull-right {
    margin: 0 0 20px 20px;
    MAX-WIDTH: 240PX;
}

body.popup hr {
    border-top-color: #ddd;
}

.pointer {
    cursor: pointer;
}


/* Picture */

.picture {
    padding: 0px;
    position: relative;
    min-height: 760px;
    overflow: hidden;
}

.picture-inner {
    min-height: 720px;
}

.picture .caption {
    color: #fff;
    max-width: 950px;
    margin: 200px auto 100px auto;
}

.picture .more {
    width: 100%;
    padding: 50px 0 0 0;
    color: #fff;
    font-size: 24px
}

.picture .more a {
    color: #fff;
}

.picture .more a .fa {
    line-height: 42px;
    color: #fff;
}

.picture h1 {
    font-family: Roboto, Trebuchet MS, sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 58px;
    margin-bottom: .5em;
    line-height: 100%;
    text-shadow: 2px 2px 1px #000;
    text-transform: uppercase;
}

.picture h1 small {
    text-transform: none;
}

.picture p.lead {
    font-size: 21px;
    margin: 0 0 1.5em 0;
    font-family: Roboto, Trebuchet MS, sans-serif;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
    font-weight: bold;
}

.picture .btn-danger {
    font-family: Roboto, Trebuchet MS, sans-serif;
    text-transform: uppercase;
    background-color: #E02E56;
}

.picture .btn-primary {
    text-transform: uppercase;
}

@media (max-width:1199px) {
    .navbar-collapse {
        max-height: 100%;
    }
    .navbar-collapse .dropdown-menu.pull-right {
        left: 0;
    }
}

@media (max-width: 1600px) {
    .picture h1 {
        font-size: 54px;
    }
    .picture p.lead {
        font-size: 21px;
    }
}

@media (max-width: 1366px) {
    .picture {
        min-height: 660px;
    }
    .picture-inner {
        min-height: 660px;
    }
    .picture h1 {
        font-size: 50px;
    }
    .picture-inner h1 {
        font-size: 42px;
    }
    .picture p.lead {
        font-size: 19px;
    }
}

@media (max-width: 1199px) {
    .picture {
        min-height: 720px;
    }
    .picture-inner {
        min-height: 620px;
    }
    .picture-inner .caption {
        top: 40%;
    }
}

@media (max-width: 991px) {
    .picture {
        min-height: 680px;
    }
    .picture-inner {
        min-height: 580px;
    }
    .picture .caption {
        margin-top: 150px;
    }
    .bottom-apply .apply,
    .picture .caption {
        width: 740px;
    }
    .picture h1 {
        font-size: 44px;
    }
}

@media (max-width: 767px) {
    .picture,
    .picture-inner {
        min-height: 440px;
    }
    .bottom-apply .apply,
    .picture .caption {
        width: 90%;
        left: 0;
        margin-left: 5%;
    }
    .picture h1 {
        font-size: 34px;
    }
    .picture p.lead {
        font-size: 16px;
    }
    .picture .more {
        display: none;
    }
}

@media (max-width: 479px) {
    .picture,
    .picture-inner {
        min-height: 360px;
    }
    .picture h1 {
        font-size: 28px;
    }
    .picture p.lead {
        font-size: 15px;
        font-weight: normal;
        margin: .5em 0 1em 0;
    }
}

.picture img {
    margin: 0;
    width: 100%;
}

.stats div {
    top: 100px;
}

@media(max-width: 479px) {
    .hidden-xxs {
        display: none;
    }
    .visible-xxs {
        display: block !important;
    }
    .visible-xxs-inline {
        display: inline !important;
    }
}


/* two in one registration */

.registration {
    background-color: #0d4567;
    padding: 0 0 12em 0;
}

.registration .section-title {
    background-color: #042237;
    font-size: 32px;
    padding: 1.5em 20px;
    margin: 0 0 2em 0;
}

.registration .section-title small {
    font-size: 60%;
    font-weight: 100;
    display: block;
    color: #fff;
    margin-top: .5em;
}

.registration p {
    font-size: 14px;
}

.registration p.lead {
    font-size: 21px;
}

.registration .btn-lg {
    padding: 1em 4em;
}


/* Testimonials */

.testimonials {
    background: #000 url(../img/testimonials.jpg) no-repeat center center;
    background-size: cover;
    padding: 0;
}

.carousel-tm .item {
    min-height: 400px;
    background-size: cover;
    background-position: center bottom;
}

.carousel-tm p {
    font-size: 19px;
    line-height: 130%;
    font-weight: 100;
}

.carousel-tm .caption-small .fa {
    display: none;
}

.carousel-tm h4+p {
    font-size: 17px;
    font-weight: 400;
}

.carousel-tm h4 {
    font-size: 24px;
    margin: .5em 0 0 0;
}

.carousel-tm .fa-quote-left {
    font-size: 36px;
    margin-bottom: 10px;
}

.carousel-tm .btn {
    position: absolute;
    left: 50%;
    top: 60%;
    margin: -1em 0 0 -13em;
}

.carousel-control .fa {
    position: absolute;
    top: 40%;
    z-index: 5;
    display: inline-block;
    font-size: 72px;
    opacity: 0;
}

.carousel-tm:hover .carousel-control .fa {
    opacity: .5;
}

.carousel-control:hover .fa {
    opacity: 1;
    color: #fff;
}

.carousel-control .fa-angle-left {
    right: 50%;
}

.carousel-control .fa-angle-right {
    left: 50%;
}

.carousel-tm .text-big {
    font-size: 150%;
    line-height: 115%;
}

.carousel-tm .item img {
    border-radius: 5px;
}

.carousel-tm .item img.brand-tm {
    background-color: #fff;
    padding: 15px;
}

.carousel-tm .carousel-caption {
    width: 100%;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    text-align: left;
    height: 500px;
    padding: 0;
    margin: 0;
}

.carousel-tm .carousel-caption .container {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width:1200px) {
    .carousel-tm p {
        font-size: 21px;
    }
}

@media (max-width:1199px) {
    .carousel-tm .item {
        min-height: 400px;
    }
    .carousel-tm .fa-quote-left {
        font-size: 32px;
        margin-bottom: 10px;
    }
}

@media (max-width:991px) {
    .carousel-tm p {
        font-size: 19px;
    }
    .carousel-tm h4 {
        font-size: 21px;
        margin: .4em 0 0 0;
    }
    .carousel-tm h4+p {
        font-size: 17px;
    }
}

@media (min-width:992px) {
    .carousel-tm .item {
        padding: 0;
    }
}

@media (max-width:991px) {
    .carousel-tm .fa {
        display: none;
    }
}

@media (min-width:768px) {
    .carousel-tm .carousel-caption .container {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (max-width:767px) {
    .carousel-tm .item {
        min-height: 400px;
    }
    .carousel-tm .item img {
        max-width: 200px;
        margin-bottom: 20px;
    }
    .testimonials .item {
        background-position: left top !important;
        background-size: 200% !important;
        background-repeat: no-repeat;
        min-height: 525px;
    }
}

@media (max-width:479px) {
    .carousel-control {
        display: none;
    }
    .carousel-tm .item {
        min-height: 575px;
    }
    .testimonials .item {
        min-height: 625px;
    }
    .carousel-tm p {
        font-size: 15px;
    }
    .carousel-tm h4 {
        font-size: 18px;
    }
    .carousel-tm h4+p {
        font-size: 12px;
    }
}


/* Info */

.info {
    background-color: #fff;
    color: #333;
    font-size: 16px;
}

.info .section-title {
    padding: 1em 0;
}

@media (max-width:767px) {
    .info {
        background-color: #fff;
        padding: 1em 0 4em 0;
    }
    .info .section-title {
        padding: 1em 0 .5em 0;
    }
    .info img {
        margin-bottom: 40px;
    }
}


/* Brands */

.brands {
    background-color: #fff;
    color: #333;
}

.brands img {
    margin: 50px 0;
    max-width: 100%;
    width: auto;
}

@media (max-width:991px) {
    .brands {
        padding-top: 2em;
    }
}


/* Partners */

.partners {
    padding: 6em 0 3em 0;
    background-color: #fff;
    color: #333;
}

.partners hr {
    border-top-color: #ddd;
    margin: -80px 0 80px 0;
}

.partners h2 {
    margin-bottom: 1em;
}

.partners h3 {
    padding-bottom: 1em;
    display: block;
    text-align: center;
    border-bottom: 2px solid #ddd;
}

.partners .row {
    margin-bottom: 50px;
}

.partners img {
    margin-bottom: 35px;
    width: auto;
}

@media (min-width:768px) {
    .partners .col-sm-4:nth-child(3n+1) {
        clear: none;
    }
}


/* Color titles */

.well .section-title {
    color: #666;
}


/* About */

.about {
    background-color: #fff;
    color: #333;
}

section.about>.well {
    background: transparent url(../img/events.jpg) fixed no-repeat center center;
    background-size: cover;
    color: #fff;
}

section.about>.well .bottom {
    margin: 100px 0 -50px 0;
}

section.about>.well .section-title {
    color: #fff;
}

.about hr {
    border-top-color: #ccc;
    margin: 30px 15%;
}

.about-stats {
    padding: 75px 0 50px 0;
}

.about-stats .section-title {
    color: #333;
    font-size: 32px;
    margin: 0 0 50px 0;
}

section.primary {
    background-color: #eee;
    color: #333;
}

.well.topics {
    display: block;
    text-align: center;
    background-color: #fff;
    position: relative;
    border-radius: 0;
    border: 0;
    padding: 15px 0;
    margin-bottom: 50px;
    font-family: Roboto, Trebuchet MS, sans-serif;
    overflow: hidden;
}

.topics .canvas {
    min-height: 300px;
    position: absolute;
    background-color: #9451bb;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.topics .badge {
    color: #fff;
    background-color: #52295c;
    border-radius: 0;
    padding: 8px 18px;
    line-height: 110%;
    font-weight: normal;
    font-size: 18px;
    margin: 3px;
    overflow: none;
    z-index: 2;
    position: relative;
}

.audience {
    padding: 0;
    margin: 0 0 50px 0;
    list-style: none;
}

.audience li {
    line-height: 110%;
    margin-bottom: .4em;
    clear: both;
    min-height: 3em;
}

.audience li small {
    font-size: 70%;
}

.audience strong {
    font-size: 32px;
    float: left;
    line-height: 32px;
    margin-right: 5px;
    letter-spacing: -2px;
    font-family: Roboto, Trebuchet MS, sans-serif;
}

.audience .fa {
    font-size: 28px;
    float: left;
    line-height: 28px;
    margin-right: 1px;
}

.audience span {
    display: block;
    padding: 2px 0 0 230px;
}

.audience span.smalltext {
    padding: 9px 0 0 230px;
}

.color1 .fa,
.color1 strong {
    color: #7675aa;
}

.color2 .fa,
.color2 strong {
    color: #a74784;
}

.color3 .fa,
.color3 strong {
    color: #da62aa;
}

.color4 .fa,
.color4 strong {
    color: #fd03a5;
}

.color5 .fa,
.color5 strong {
    color: #ea183f;
}

.color6 .fa,
.color6 strong {
    color: #fd9804;
}

.color7 .fa,
.color7 strong {
    color: #d5ab01;
}

.audience .fa.off {
    color: #ddd !important;
}

ul.geolocation {
    padding: 0;
    margin: 25px 0 50px 0;
    list-style: none;
    display: block;
    font-family: Roboto, Trebuchet MS, sans-serif;
}

ul.geolocation>li {
    width: 15%;
    margin: 0 7px 7px 0;
    display: block;
    float: left;
}

ul.geolocation>li small {
    font-size: 70%;
}

ul.geolocation>li strong {
    font-size: 32px;
    letter-spacing: -2px;
}

ul.geolocation>li span {
    display: block;
    padding: 6px 3px;
    color: #fff;
    font-size: 90%;
    line-height: 110%;
    height: 5em;
}

.color11 strong {
    color: #0099cc;
}

.color11 span {
    background-color: #0099cc;
}

.color12 strong {
    color: #94c11e;
}

.color12 span {
    background-color: #94c11e;
}

.color13 strong {
    color: #d5ab01;
}

.color13 span {
    background-color: #d5ab01;
}

.color14 strong {
    color: #fd9804;
}

.color14 span {
    background-color: #fd9804;
}

.color15 strong {
    color: #666;
}

.color15 span {
    background-color: #666;
}

.color16 strong {
    color: #eb4b89;
}

.color16 span {
    background-color: #eb4b89;
}

@media (min-width: 1366px) {
    .audience {
        padding-left: 25px;
    }
}

@media (min-width:991px) and (max-width:1199px) {
    ul.geolocation {
        margin-left: -25px;
        width: 90%;
    }
    ul.geolocation li {
        width: 30%;
    }
    ul.geolocation li span {
        height: 4em;
    }
    .audience-map {
        margin-left: -50px;
    }
}

@media (min-width:1199px) {
    .audience-map {
        margin-left: -50px;
    }
}

@media (max-width:991px) {
    .topics {
        padding: 25px 0;
        margin-bottom: 50px;
    }
    ul.geolocation {
        padding: 0 50px 50px 50px;
        margin: 0;
    }
    ul.geolocation li {
        width: 18%;
    }
    ul.geolocation li span {
        height: 4em;
    }
    .audience {
        width: 550px;
        margin: 0 auto 50px auto
    }
    .audience-map {
        margin: 0 10%;
        width: 80%;
    }
}

@media (max-width:767px) {
    .audience {
        width: 90%;
        margin: 0 5% 50px 5%;
    }
    .topics .badge {
        font-size: 16px;
    }
}

@media (max-width:479px) {
    .audience span,
    .audience span.smalltext {
        clear: left;
        padding: 0 0 10px 0;
        float: none;
    }
    .audience span br {
        display: none;
    }
    ul.geolocation {
        padding: 0 20px;
    }
    ul.geolocation li {
        width: 30%;
    }
    ul.geolocation li span {
        height: 4em;
    }
}


/* Speakers */

.speakers .thumbnail {
    display: block;
}

.speaker {
    margin-bottom: 2em;
    position: relative;
}

.speakers h3 {
    font-family: Roboto, Trebuchet MS, sans-serif;
    font-weight: 100;
}

.speakers .speaker p {
    margin: 0;
}

.speakers .speaker p strong {
    font-size: 130%;
    display: block;
}

.speaker-sm {
    margin-bottom: 0px;
}

.speaker .caption {
    background-color: #333;
    color: #fff;
}

.speaker-sm {
    height: auto !important;
}

.speakers .speaker-sm p {
    font-size: 100%;
    color: #fff;
    opacity: .7;
}

.speakers .speaker-sm p strong {
    font-size: 110%;
    color: #fff;
    display: inline-block;
    padding: 0 .5em;
}

@media(max-width: 767px) {
    .speakers h3 {
        font-size: 24px;
        line-height: 130%;
    }
    .speaker br {
        display: none;
    }
}

@media(max-width: 480px) {
    .speaker {}
    .speakers h3 {
        font-size: 21px;
    }
    .speaker p {
        font-size: 90%;
    }
    .speakers .speaker-sm h3 {
        font-size: 17px;
    }
    .speakers .speaker-sm p {
        font-size: 80%;
    }
}

@media(min-width: 480px) {}

@media(min-width: 768px) {
    .speakers h3 {
        font-size: 21px;
    }
}

@media(min-width: 991px) {
    .speakers h3 {
        font-size: 24px;
    }
}

@media(min-width: 1366px) {
    .speakers .speaker .thumbnail img {
        max-width: auto;
    }
    .speakers .speaker h3 {
        font-size: 28px;
    }
    .speakers .speaker-sm h3 {
        font-size: 21px;
    }
    .speakers .speaker p {
        font-size: 100%;
    }
}

.speakers {
    /* background: rgba(0, 0, 0, .9); */
    background: #eee;
    color: #fff;
}

.speakers .section-title {
    margin-bottom: 1em;
}

.speakers .thumbnail {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-style: solid;
    margin-bottom: 0;
}

.speakers .lead {
    font-weight: bold;
    font-size: 32px;
}

.speakers hr {
    border-top: 1px solid rgba(255, 255, 255, .3);
    margin: 25px 25%;
    width: 50%;
}

.speakers img {
    width: 100%;
}

.speakers-sm h3,
.speakers-digital h3,
.speakers-tech h3,
.speakers-investors h3 {
    font-weight: 100;
    font-family: Roboto, Trebuchet MS, sans-serif;
}

.speakers-digital>h3,
.speakers-tech>h3,
.speakers-investors>h3 {
    padding: 1.5em 0 0 0;
    margin: 0;
    font-weight: bold;
}

.speakers .caption {
    padding: 2em 1em 1em 1em;
    margin-top: -5px;
    transition: background-color 0.5s ease;
}

.speakers .thumbnail img {
    width: 100%;
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
    -webkit-transition: 1s -webkit-filter linear;
    -moz-transition: 1s -moz-filter linear;
    -o-transition: 1s -o-filter linear;
    transition: 1s filter linear;
}

.speakers .speaker:hover .thumbnail img {
    filter: none;
    -webkit-filter: grayscale(0%);
    -webkit-transition: 1s -webkit-filter linear;
    -moz-transition: 1s -moz-filter linear;
    -o-transition: 1s -o-filter linear;
    transition: 1s filter linear;
}

@media (max-width:1199px) {
    .speakers .img {
        font-size: 24px;
    }
    .speakers .img div {
        padding: 70px 30px 0 30px;
    }
}

@media (max-width:992px) {
    .speakers .img {
        font-size: 24px;
    }
    .speakers .img div {
        padding: 60px 30px 0 30px;
    }
}

@media (max-width:480px) {
    .speakers .img {
        font-size: 18px;
    }
    .speakers .img div {
        padding: 60px 20px 0 20px;
    }
}

.speakers .col-md-3 {
    text-align: center;
    padding-bottom: 3em;
}

.speakers h3 {
    margin: 0;
}

.investors p {
    color: #b5c0ee;
}

.investors p.lead {
    margin: 1em 0 2em 0;
}

.speakers .speaker h3 {
    margin-bottom: .3em;
}

a.speaker:hover,
a.speaker:focus,
a.speaker:active {
    text-decoration: none;
}


/* Speakers */

.grid {
    position: relative;
    width: 100%;
}

.grid .block {
    position: relative;
    float: left;
    color: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.speakers .e .caption {
    display: none;
}

.speakers .e {
    background: rgba(82, 41, 92, .8);
}

.speakers .speakers-old .col-md-3 {
    margin: -28px 0 0 0 !important;
    padding: 0 !important;
}


/*.speakers .block img {
	 -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}
.speakers .block:hover img {
	 -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}*/

.speakers .caption {
    margin-top: 0;
    /* background: rgba(0, 0, 0, .5); */
    background: #eee;
    color:#000;
    left: 0;
    right: 0;
    position: relative !important;
    padding: 1em;
    height: 100px;
    overflow: hidden;
}

.speakers .caption p {
    margin-bottom: 0;
}

.speakers .s .caption {
    padding: .75em;
}

.speakers .s .caption h3 {
    font-size: 18px;
    line-height: 110%;
}

.speakers .s .caption p {
    font-size: 13px;
}

@media (max-width:767px) {
    .speakers .caption {
        height: 6em;
        overflow: hidden;
    }
    .speakers .caption h3 {
        font-size: 18px;
        line-height: 110%;
    }
    .speakers .caption p {
        font-size: 13px;
    }
}

@media (max-width:479px) {
    .speakers .s .caption {
        padding: .5em;
    }
    .speakers .s .caption h3 {
        font-size: 15px;
        line-height: 110%;
        white-space: nowrap;
    }
    .speakers .s .caption p {
        font-size: 12px;
        line-height: 110%;
    }
}

.speakers .speaker.block {
    margin: 5px;
    border-radius: 3px;
    overflow: hidden;
}

.speakers .speaker.block .caption {
    /*position: absolute;*/
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: auto !important;
}

.speakers .speaker.block img {
    /*padding-bottom: 75px;*/
}

.speakers .speaker p strong {
    line-height: 120%;
    font-size: 120%;
    margin: 4px 0;
}

.speakers .speaker.block .caption h3 {
    font-size: 18px;
    line-height: 110%;
    margin: 0 0 5px 0;
}

.speakers .speaker.block .caption h3 {
    font-size: 150%;
}

.speakers .speaker.block .caption p {
    font-size: 13px;
    line-height: 110%;
    margin: 0;
}

.speakers .speaker.block .caption p {
    font-size: 90%;
}

@media (max-width: 767px) {
    .speakers .speaker.block img {
        /*padding-bottom: 100px;*/
    }
}

.speakers .caption {
    height: auto;
    /*height: 150px;*/
    overflow: hidden;
}

/* Social */

.socials {
    background-color: #ddd;
    padding: 8em 0 12em 0;
    color: #333;
}

.socials .section-title {
    margin-bottom: 2em;
}

.social-links a {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin: 0 5px;
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    /* ease (default) */
    -webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
    transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
    /* ease (default) */
}

.social-links a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

@media (max-width: 1199px) {}

@media (max-width: 767px) {}

@media (max-width: 479px) {}

.facebook {
    background-color: #3c5a98;
}

.twitter {
    background-color: #00acee;
}

.linkedin {
    background-color: #0072b1;
}

.googleplus {
    background-color: #c0382a;
}

.youtube {
    background-color: #cd201f;
}

.instagram {
    background-color: #8a3ab9;
}


/* Location */

.location {
    color: #fff;
    position: relative;
}

.location .container-fluid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 8em 0 0 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

.location p.lead {
    font-size: 21px;
    font-weight: 100;
    font-family: Roboto, Trebuchet MS, sans-serif;
}

@media(max-width:1366px) {
    .location .container-fluid {
        padding: 4em 0 0 0;
    }
}

@media(max-width:1199px) {
    .location .container-fluid {
        padding: 2em 0 0 0;
    }
}

@media(max-width:767px) {
    .location .container-fluid {
        padding: 2em 5em 0 5em;
    }
}


/* Map */

.map {
    color: #fff;
    background-color: #000;
    padding: 8em 0;
}

.map .row {
    position: relative;
}

.map-caption {
    text-align: right;
}

.map .section-title {
    margin: 4em 0 1em 0;
}

@media (max-width:1199px) {
    .map .section-title {
        font-size: 32px;
    }
}

@media (max-width:991px) {
    .map {
        padding: 3em 0;
    }
    .map-caption .btn {
        margin-bottom: 4em;
    }
    .map-caption {
        text-align: center;
    }
    .map .section-title {
        margin: 1em 0;
    }
}

@media (max-width:767px) {}


/* Attendees */

.attendees-list {
    padding: 3em 0 5em 0;
    color: #333;
}


/* Counter */

.counter {
    bottom: 0 !important;
    left: 0;
    width: 100%;
    z-index: 10000;
}

@media (min-width:768px) {
    .counter {
        position: fixed;
    }
}

.counter-content {
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    z-index: 10000;
    font-size: 21px;
    position: relative;
    padding: 15px 20px;
    color: #333;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
}

#countdown {
    display: inline-block;
    white-space: nowrap;
    margin: 0 8px;
    font-weight: bold;
}

@media(min-width:768px) {}

@media(min-width:992px) {}

.count {
    display: block;
    width: 36px;
    height: 36px;
    position: relative;
    left: 50%;
    margin: -44px 0 5px -15px;
    border: 1px solid #aaa;
    background-color: #fff;
    line-height: 36px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}

.at4-share-title {
    display: none;
}

.addthis-smartlayers,
div#at4-share,
div#at4-follow,
div#at4-whatsnext,
div#at4-thankyou {
    margin-top: 50px !important;
    display: none !important;
}


/* Row no gutter */

.row-no-gutter {
    margin-right: 0;
    margin-left: 0;
}

.row-no-gutter>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.sold-out {
    display: inline-block;
    color: #f00;
    border-top: 4px solid #f00;
    border-bottom: 4px solid #f00;
    padding: 4px 10px;
    margin: -8px 0 0 8px;
    -ms-transform: rotate(-7deg);
    /* IE 9 */
    -webkit-transform: rotate(-7deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}


/* Follow */

.follow {
    background-color: #eee;
    padding: 100px 0;
    color: #333;
}

.follow .section-title {
    text-transform: none;
    font-size: 42px;
    line-height: 110%;
    color: #3276B1;
    font-weight: normal;
    margin-top: 1em;
}

.follow iframe {
    border: none;
    overflow: hidden;
    width: 100%;
    height: 260px;
}

@media (max-width: 767px) {
    .follow .section-title,
    .follow p {
        text-align: center;
    }
    .follow img {
        margin-left: 50px;
    }
}

@media (max-width: 991px) {
    .follow img {
        margin-top: 30px;
    }
}

@media (min-width: 992px) {
    .follow .section-title,
    .follow p {
        text-align: right;
    }
}

.accent {
    font-size: 18px;
}

@media (max-width: 991px) {
    .accent {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .accent {
        font-size: 14px;
    }
}

.patronage {
    background-color: #51285b;
    padding: 0 0 25px 0;
    color: #fff;
}

.patronage .section-title {
    margin: 0 0 .5em 0;
    font-size: 21px;
    font-weight: bold;
}

.patronage small {
    color: #fff;
    display: block;
    line-height: 1.5em;
}

.patronage .row {
    overflow: hidden;
}

.patronage img {
    height: auto;
    max-width: 90% !important;
}

@media (max-width:767px) {
    .patronage {
        font-size: 12px;
    }
    .patronage .col-xxs-12 {
        padding-bottom: 25px;
    }
}


/* Footer */

footer {
    padding: 40px 0;
    background: #000;
    color: #ccc;
}

footer a {
    color: #fff;
    font-weight: bold;
}

footer a:hover {
    color: #fff;
}

footer .container {
    padding-top: 25px;
}

footer p.lead {
    font-size: 17px;
    margin: 0;
}

footer h3 {
    font-size: 15px;
    font-weight: bold;
    font-weight: 100;
    padding-bottom: .5em;
    text-transform: uppercase;
    font-family: Roboto, Trebuchet MS, sans-serif;
}

@media (min-width:768px) {
    footer h3 {
        padding-bottom: 2em;
    }
}

@media (max-width:767px) {
    footer .pull-left,
    footer .pull-right {
        float: none !important;
        text-align: center;
    }
    footer .col-md-5 {
        text-align: center;
    }
}


/* Mobile nav below 1200px */

@media (max-width: 1199px) {
    body.navbar-collapsed {
        overflow: hidden;
    }
    .navbar-nav {
        margin: 0 !important;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li:last-child {
        margin-bottom: 20px;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .body-collapse {
        overflow: hidden;
    }
    .body-collapse .counter {
        display: none;
    }
    .body-collapse .navbar {
        position: fixed;
        z-index: 10001;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100vh;
        overflow: auto;
    }
    .navbar-collapse.in {
        z-index: 1111;
        padding: 0;
    }
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #333;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
    }
}


/* Skin colors */

.btn-primary {
    background-color: #9451bb;
    border-color: #9451bb;
    ;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background: rgb(82, 41, 92);
    border-color: rgb(82, 41, 92);
}

.carousel-tm h4,
.carousel-tm .fa-quote-left {
    color: #9451bb;
}

@media (min-width: 1600px) {
    .speakers-old {
        width: 90%;
        margin: 0 auto;
    }
}


/* Agenda */

.agenda {
    background-color: #51285b;
    color: #fff;
}

.info.agenda .panel .accent {
    color: rgb(82, 41, 92);
}

.info.agenda .panel .accent .badge {
    background-color: #e3e3e3;
    border-radius: 0;
    border: 0;
    margin: -4px 10px -4px -4px;
    margin-left: -105px;
    min-width: 7em;
    min-height: 22px;
    line-height: 22px;
    font-size: 13px;
    padding: 3px 8px;
    float: left;
    color: #333;
}

.info.agenda .bottom {
    margin-top: 50px;
}

section.agenda .btn {
    color: rgb(82, 41, 92);
    font-weight: bold
}

.info.agenda hr {
    border-top-color: rgba(255, 255, 255, .2);
    width: 50%;
    margin: 25px 25%;
}

.agenda .panel-body hr {
    border-top-color: #bbb;
    margin: 15px -15px;
}

.agenda .coming {
    font-family: Roboto, Trebuchet MS, sans-serif;
    text-align: center;
    font-size: 72px;
    text-transform: uppercase;
    color: #ccc;
    margin: 1.5em 10% .5em 10%;
    font-weight: bold;
    line-height: 100%;
    letter-spacing: -1;
}

.agenda .event>.lead {
    margin: 2em 0 1em 0;
    font-weight: bold;
    font-family: Roboto, Trebuchet MS, sans-serif;
    text-transform: uppercase;
}

.agenda .panel {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

.agenda .panel-heading {
    margin: -1px -1px 0 -1px;
    border: 0;
    background-color: #845b96;
    color: #fff;
}

.agenda .panel-title {
    font-family: Roboto, Trebuchet MS, sans-serif;
    font-weight: bold;
}

.agenda .panel-danger,
.agenda .panel-info,
.agenda .panel-success,
.agenda .panel-warning {
    border-color: #ddd;
}

.agenda .panel-title {
    font-size: 18px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.agenda .panel .accent {
    font-size: 16px;
    line-height: 130%;
    margin: 0 0 .4em 0;
    color: #000;
}

.agenda .panel .accent:last-child {
    margin-bottom: 0;
}

.agenda .panel-body+.panel-body {
    border-top: 1px solid #ddd;
}

.agenda .panel-body {
    padding: 5px 5px 5px 105px;
}

.agenda .panel-networking,
.agenda .panel-body:hover {
    background-color: #f3f3f3;
}

.info.agenda .panel-body:hover .accent .badge {
    background-color: #d3d3d3;
}

.agenda .panel-body p {
    color: #555;
    margin: 0 0 .3em 0;
}

.agenda .panel-body p:last-child {
    margin-bottom: 0;
}

.agenda .panel-body-small {
    padding: 5px;
}

.pointer {
    cursor: pointer;
}

.info.agenda .panel-body p {
    font-size: 80%;
}

[data-toggle="popover2"] {}

[data-toggle="popover2"]:hover {
    background-color: #f6f6f6;
}

@media (max-width:992px) {
    .agenda .coming {
        font-size: 42px;
    }
}


/* Popover */

.popover {
    min-width: 320px;
    max-width: 33%;
}

.popover-title {
    background-color: #000;
}

.popover-content {
    color: #333;
    padding: 15px;
}

.popover-description,
.popover-speaker {
    font-size: 90%;
    clear: both;
    line-height: 130%;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

.popover-speaker:first-child,
.popover-description:first-child {
    border: 0;
    margin-top: -10px;
}

.popover-speaker a {
    text-decoration: none;
    color: #333;
    display: block;
}

.popover-speaker:hover {
    background-color: #eee;
}

.popover-speaker strong {
    display: block;
}

.popover-img {
    float: left;
    width: 50px;
    margin: 0 10px;
    outline: 1px solid #ddd;
}

.break .panel-body {
    padding: 5px 15px;
    background-color: #ddd !important;
}

.break .accent small {
    color: #333 !important;
}

.agenda .text-success small,
.agenda .text-info small,
.agenda .text-danger small {
    color: #333;
    text-transform: none;
    font-size: 14px;
}

.agenda .text-danger small a {
    color: #E02E56;
}

.event .lead strong {
    font-size: 80%;
    display: block;
    margin-bottom: 10px;
}

.event .lead strong a {
    color: #333;
    text-decoration: underline;
}

.event .lead strong a:hover {
    text-decoration: none;
    color: #666;
}

.event .lead small {
    font-size: 14px;
    text-transform: none;
}

@media (min-width: 768px) {
    #panel333 {
        height: 260px;
    }
}

.agenda .nav-pills>li>label {
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
    display: block;
    padding: 10px 15px;
}

.btn-group-justified>.btn {
    width: 50%;
}

.agenda .btn-danger {
    background-color: #E02E56;
    border-color: #E02E56;
}

.agenda .btn-info {
    background-color: #237CA2;
    border-color: #237CA2;
}

.agenda .btn-success {
    background-color: #438E48;
    border-color: #438E48;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: .2;
}

.agenda .alert-default {
    background-color: #eee;
}

@media(min-width:992px) {
    .navbar-nav .nav {
        margin-top: 4px;
    }
}

.brands {
    max-width: 100%;
    overflow: hidden;
}

.brands img {
    max-width: 100%;
}

@media (max-width: 991px) {
    .navbar-nav .nav li a.btn-primary {
        background-color: #9451bb !important;
        border-color: #9451bb !important;
    }
}

@media (max-width: 479px) {
    .input-group {
        display: block !important;
        text-align: center !important;
        width: 100% !important;
    }
    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display: block !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
    }
    .patronage {
        padding-top: 50px;
    }
}


/* partners list */

.partners-list h2.section-title {
    color: #9451bb;
    font-family: Roboto, Trebuchet MS, sans-serif;
}

.partners-list {
    padding: 100px 0;
    background-color: #e3e3e3;
    color: #333;
}

.partners-list h1.section-title {
    margin: 0 0 1em 0;
}

.partners-list .partner {
    display: block;
    margin: 0 15%;
    max-width: 70%;
}

.partners-list .col-sm-3 .partner {
    margin: -25px 15%;
}

.partners-list .col-md-4 .partner {
    margin: -20px 15%;
}

.partners-list hr {
    border-top-color: #ddd;
    margin: 10px 0 50px 0;
}

.partners-list p.lead {
    font-size: 24px;
    font-weight: bold;
    margin: 45px 0;
}

.partners-list h4 {
    margin: 50px 0 -25px 0;
    color: #777;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

@media (min-width:768) {
    .partners-list .stream .partner {
        margin: 15px 25%;
        max-width: 50%;
    }
}

.partners-list {
    padding: 100px 0;
    background-color: #e3e3e3;
}

.partners-list hr {
    margin: 75px 0;
}

.partners-list .partner,
.partners-list .col-md-4 .partner {
    background: #fff !important;
    margin: 0 0 20px 0 !important;
    max-width: 100% !important;
}

.partners-list .partner img,
.partners-list .col-md-4 .partner img {
    width: 70%;
    margin: 0 auto;
}

.partners-list .partner h4 {
    margin: -20px 0 0 0 !important;
    padding-bottom: 20px !important;
    display: block !important;
    width: 70%;
    position: relative;
    left: 15%;
    min-height: 3em;
    text-align: center;
}

.navbar-nav {
    font-weight: bold;
    opacity: 1;
    font-size: 15px;
    line-height: 17px;
}

.logo-center {
    position: relative;
    width: 400px;
    left: 50%;
    margin-left: -190px;
}

@media (max-width: 767px) {
    .logo-center {
        width: 270px;
        margin-left: -135px;
    }
}

@media (max-width: 479px) {
    .logo-center {
        width: 270px;
        margin-left: -135px;
    }
}

.well {
    font-size: 18px;
    box-shadow: none;
    margin: 3em 0 1em 0;
}

.panel hr {
    border-top-color: #ccc;
    margin: 12px 0 18px 0;
}

.panel {
    background-color: #fff;
    box-shadow: none;
    color: #333;
    border-color: #ddd;
}

a.panel {
    text-decoration: none;
    display: block;
}

.panel ul {
    margin-left: 20px;
    padding-left: 0;
}

.panel-heading {
    font-family: Roboto, Trebuchet MS, sans-serif;
    font-size: 16px;
    border: 0;
}

.panel-heading .panel-title {
    font-size: 18px;
}

.panel-primary .panel-heading {
    background-color: #680673;
    color: #fff;
}

.panel-success .panel-heading {
    background-color: #4b8351;
    color: #fff;
}

.panel-primary .panel-heading small,
.panel-success .panel-heading small {
    color: #fff;
}

.thumbnail .lead {
    font-weight: bold;
    margin: 0;
    font-size: 32px;
    padding: 10px 0;
}

.note {
    font-size: 14px;
    line-height: 24px;
    padding: 2px 0 !important;
}

.thumbnail ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.apply p .btn {
    padding: .5em 2em;
}

.table img {
    border: 1px solid #ddd;
}

.about {
    background-color: #fff;
}

.about .section-title {
    color: #333;
}

.about h4.section-title {
    font-size: 32px;
    margin: 1em 0;
}

.img-responsive {
    width: 100%;
}

table .lead {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
}

.ticket-table td {
    text-align: center;
}

.ticket-table .active .lead {
    font-size: 24px;
}

.btn-inverse {
    background-color: #333;
    color: #fff;
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse:focus {
    background-color: #000;
    color: #fff;
}

section.caption {
    background-color: rgb(82, 41, 92);
    padding: 0;
}

section.caption p {
    color: #fff;
}

section.caption .apply .btn {
    color: rgb(82, 41, 92);
}

section.caption .section-title {
    color: #fff;
}

section.caption .bottom {
    margin-top: 100px;
}

.navbar-toggle {
    z-index: 11111111;
}


/* partners list */

.partners-list h2.section-title {
    color: #9451bb;
    font-family: Roboto, Trebuchet MS, sans-serif;
}

.partners-list {
    background-color: #fff;
    color: #333;
    padding: 100px 0 0 0;
}

.partners-list h1.section-title {
    margin: 0 0 1em 0;
}

.partners-list .partner {
    display: block;
    margin: 0 15%;
    max-width: 70%;
}

.partners-list .col-sm-3 .partner {
    margin: -25px 15%;
}

.partners-list .col-md-4 .partner {
    margin: -20px 15%;
}

.partners-list hr {
    border-top-color: #ddd;
    margin: 10px 0 50px 0;
}

.partners-list p.lead {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
}

.partners-list h4 {
    margin: 50px 0 -25px 0;
    color: #777;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

@media (min-width:768) {
    .partners-list p.lead {
        font-size: 24px;
        margin: 45px 0;
    }
    .partners-list .stream .partner {
        margin: 15px 25%;
        max-width: 50%;
    }
}


/*Toasr*/


/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */

.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: 16px;
}

.toast-message a,
.toast-message label {
    color: #FFFFFF;
}

.toast-message a:hover {
    color: #CCCCCC;
    text-decoration: none;
}

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

.rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
}


/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    /*overrides*/
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    opacity: 0.9;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=90);
    filter: alpha(opacity=90);
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
}

#toast-container>div:hover {
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container.toast-top-center>div,
#toast-container.toast-bottom-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#toast-container.toast-top-full-width>div,
#toast-container.toast-bottom-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51A351;
}

.toast-error {
    background-color: #BD362F;
}

.toast-info {
    background-color: #2F96B4;
}

.toast-warning {
    background-color: #F89406;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}


/*Responsive Design*/

@media all and (max-width: 240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }
    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }
    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px;
    }
}

.counter .btn-link {
    color: #333;
    background-color: #ccc;
    border: 1px solid #ccc;
}

.counter .btn-link:hover {
    background-color: #fff;
}

.grid .block {
    border-radius: 3px;
}


/* SOcial Media */

.social-media .panel-footer .badge {
    background-color: #333;
    max-width: 45%;
    overflow: hidden;
}

.social-media .panel-footer .badge.pull-right {
    margin-left: 3px;
}

.social-media {
    border-bottom: 50px solid #fff;
}

.social-media .section-title {
    color: #fff;
}


/* Webit Media */

.webit-media {
    padding: 100px 0 150px 0;
}

.webit-media .container {
    z-index: 10;
}

.webit-media .section-title {
    color: #fff;
}

.webit-media .panel {
    border: 0;
    margin-bottom: 30px;
}

.webit-media .panel img,
.webit-media .panel a>img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.webit-media .panel a {
    color: #333;
}

.webit-media .panel-body {
    padding: 25px;
}

.webit-media .panel a:active,
.webit-media .panel a:focus,
.webit-media .panel a:hover {
    text-decoration: none;
}

.webit-media .panel h4 {
    font-weight: bold;
    line-height: 130%;
    margin: 0 0 1em 0;
}

.webit-media .panel .blog-post p {
    font-size: 90%;
    margin: 0;
    color: #666;
    line-height: 150%;
    padding: 0;
}

.blog-media .dark {
    background: rgba(0, 0, 0, .8);
}

.blog-media .panel {
    border: 6px solid #fff;
}

.media01,
.media02,
.media03,
.media04 {
    background-color: #000;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    -webkit-transition: background 1500ms linear;
    -moz-transition: background 1500ms linear;
    -o-transition: background 1500ms linear;
    -ms-transition: background 1500ms linear;
    transition: background 1500ms linear;
}

.media01 {
    background-image: url(../img/media01.jpg);
}

.media02 {
    background-image: url(../img/media02.jpg);
}

.media03 {
    background-image: url(../img/media03.jpg);
}

.media04 {
    background-image: url(../img/media04.jpg);
}

.webit-media .dark {
    z-index: 2;
    background: rgba(0, 0, 0, .6);
}

.social-media .dark {
    z-index: 2;
    background: rgba(0, 0, 0, .3);
}

.webit-media .container {
    z-index: 3;
    position: relative;
}


/* ---------------- UPDATE --------------------------*/

.navbar-nav {
    text-align: left;
}

.dropdown-backdrop {
    position: static;
}

@media (min-width:1200px) {
    .dropdown-menu.pull-right-xl {
        right: 0;
        left: auto;
    }
}

@media (max-width:1199px) {
    .navbar-custom,
    .navbar-nav .nav li a {
        background-color: #000;
    }
    .navbar-nav .dropdown-menu {
        position: relative;
        float: none;
        display: none;
    }
    .navbar-nav .open .dropdown-menu {
        display: block !important;
    }
    .dropdown-menu>.dropdown-submenu>a {
        display: none;
    }
    .navbar-nav>li>a {
        text-align: left !important;
    }
    .navbar-nav .dropdown-menu a {
        padding: 6px 24px;
    }
    .navbar-custom {
        max-height: 90vh;
        overflow: auto;
        text-align: left !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .navbar-custom .dropdown:last-child>ul {
        padding-bottom: 80px !important;
    }
}

@media (max-width:967px) {
    .navbar-custom .dropdown:last-child>ul {
        padding-bottom: 120px !important;
    }
    .counter-content {
        font-size: 16px;
        padding-bottom: 45px;
    }
}

@media (max-width:767px) {
    .navbar-custom .dropdown:last-child>ul {
        padding-bottom: 50px !important;
    }
}

@media (min-width:1200px) {
    .navbar-nav>li>.pull-lg-right {
        right: 0;
        left: auto;
    }
}

#toast-container {
    z-index: 99 !important;
}

.partners-list {
    padding-top: 0 !important;
}

.partners-list .top {
    margin-bottom: 50px;
}

.events .event7 small {
    color: #777;
}

.events .badge.event-title7 {
    color: #fff;
    font-size: 18px;
    border-radius: .8em;
    padding: .3em .8em;
    font-weight: normal;
}


/*Curtain*/

.curtain {
    display: none;
    background-color: #000;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 11111111;
    width: 100%;
    height: 100%;
}

.curtain-logo {
    text-align: center;
    max-width: 80%;
    left: 10%;
    top: 25%;
    position: relative;
}

.curtain-logo img {
    max-width: 80%;
}

@media(max-width:767px) {
    .curtain-logo img {
        max-width: 180px;
    }
}

.webit-media .panel {
    border: 0;
    margin-bottom: 30px;
}

.webit-media .panel img,
.webit-media .panel a>img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.webit-media .panel-body {
    padding: 25px;
}

.webit-media .panel a:active,
.webit-media .panel a:focus,
.webit-media .panel a:hover {
    text-decoration: none;
}

.webit-media .panel h4 {
    font-weight: bold;
    line-height: 130%;
    margin: 0 0 1em 0;
}

.webit-media .panel .blog-post p {
    font-size: 90%;
    margin: 0;
    padding: 0;
    color: #666;
    line-height: 150%;
}

.blog-media .dark {
    background: rgba(0, 0, 0, .8);
}

.blog-media .panel {
    border: 6px solid #fff;
}


/* Update */

.counter-content {
    font-size: 110%;
}


/*@media (max-width: 767px) {
	.navbar-fixed-top .navbar-collapse, 
	.navbar-fixed-bottom .navbar-collapse {
		min-height: 100vh;
		max-height: auto;
	}	
}*/

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 10000px;
}

@media (max-width: 1199px) {}

@media (max-width: 967px) {
    .counter-content {
        padding-bottom: 15px !important;
    }
}

.webit-media .panel h4 {
    font-size: 140%;
    line-height: 115%;
}

.media03 {
    background-image: url(img/media03a.jpg);
}

.media04 {
    background-image: url(img/media04a.jpg);
}

.accent {
    font-size: 130%;
}

.speakers .s .caption h3 {
    font-size: 135%;
}

.speakers .s .caption p {
    font-size: 90%;
}

@media (min-width:1240px) {
    .container-big {
        width: 90%;
    }
}

@media (min-width:1500px) {
    .container-big {
        width: 1400px;
    }
}

@media (max-width:767px) {
    .navbar {
        padding: 0;
    }
    .speakers .s .caption h3 {
        font-size: 125%;
    }
    .speakers .s .caption p {
        font-size: 85%;
        line-height: 120%;
    }
}

@media (max-width:479px) {
    .picture p.lead.date {
        font-size: 140%;
    }
    .picture .caption {
        padding: 20px;
        margin: 100px auto 50px auto;
    }
    .picture .apply a,
    .picture .accent {
        font-size: 100%;
    }
    .homeblog .col-xs-12 {
        display: none;
    }
    .homeblog .col-xs-12:first-child {
        display: block;
    }
    .picture h1 {
        font-size: 36px;
    }
    .about-stats .section-title {
        font-size: 28px;
    }
    .picture-inner {
        min-height: 420px;
    }
}


/* Navbar colors */

.navbar-nav .nav-title-1 {
    color: #E02E56;
}

.navbar-nav .nav-event-1 a {
    border-left: 6px solid #E02E56;
}

.navbar-nav .nav-event-1.open>a,
.navbar-nav .nav-event-1>a:hover,
.navbar-nav .nav-event-1 ul>li>a:hover {
    background-color: #E02E56 !important;
    color: #fff;
}

.navbar-nav .nav-title-2 {
    color: #237CA2;
}

.navbar-nav .nav-event-2 a {
    border-left: 6px solid #237CA2;
}

.navbar-nav .nav-event-2.open>a,
.navbar-nav .nav-event-2>a:hover,
.navbar-nav .nav-event-2 ul>li>a:hover {
    background-color: #237CA2 !important;
    color: #fff;
}

.navbar-nav .nav-title-3 {
    color: #438E48;
}

.navbar-nav .nav-event-3 a {
    border-left: 6px solid #438E48;
}

.navbar-nav .nav-event-3.open>a,
.navbar-nav .nav-event-3>a:hover,
.navbar-nav .nav-event-3 ul>li>a:hover,
.navbar-nav .nav-event-1>ul>.nav-event-3>a:hover {
    background-color: #438E48 !important;
    color: #fff;
}

.navbar-nav .nav-title-4 {
    color: #cb8b0a;
}

.navbar-nav .nav-event-4 a {
    border-left: 6px solid #cb8b0a;
}

.navbar-nav .nav-event-4.open>a,
.navbar-nav .nav-event-4>a:hover,
.navbar-nav .nav-event-4 ul>li>a:hover {
    background-color: #cb8b0a !important;
    color: #fff;
}

.navbar-nav .nav-title-5 {
    color: #333;
}

.navbar-nav .nav-event-5 a {
    border-left: 6px solid #333;
}

.navbar-nav .nav-event-5.open>a,
.navbar-nav .nav-event-5>a:hover,
.navbar-nav .nav-event-5 ul>li>a:hover {
    background-color: #333 !important;
    color: #fff;
}

.navbar-nav .nav-title-6 {
    color: rgb(148, 81, 187);
}

.navbar-nav .nav-event-6 a {
    border-left: 6px solid rgb(148, 81, 187);
}

.navbar-nav .nav-event-6.open>a,
.navbar-nav .nav-event-6>a:hover,
.navbar-nav .nav-event-6 ul>li>a:hover,
.navbar-nav .nav-event-1>ul>.nav-event-6>a:hover {
    background-color: rgb(148, 81, 187) !important;
    color: #fff;
}

.navbar-nav .nav-title-6 {
    color: rgb(148, 81, 187);
}

.navbar-nav .nav-event-7 a {
    border-left: 6px solid rgb(148, 81, 187);
}

.navbar-nav .nav-event-7.open>a,
.navbar-nav .nav-event-7>a:hover,
.navbar-nav .nav-event-7 ul>li>a:hover {
    background-color: rgb(148, 81, 187) !important;
    color: #fff;
}

.tabs-centered>li {
    float: none;
    display: inline-block;
    *display: inline;
    /* ie7 fix */
    zoom: 1;
    /* hasLayout ie7 trigger */
}

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


/* Features */

.features {
    font-size: 100%;
    font-family: Roboto, Trebuchet MS, sans-serif;
    line-height: 110%;
    color: #fff;
    background: rgb(82, 41, 92);
    /*background: url(../img/2018fire.jpg) fixed no-repeat center center;
	background-size: cover;*/
}

.features .dark {
    background-color: rgba(0, 0, 0, .5);
}

.features .section-title {
    z-index: 3;
    position: relative;
    color: #fff;
    padding: 25px 0 50px 0;
}

.features strong {
    line-height: 100%;
    margin: 10px 0 5px 0;
}

.features strong {
    display: block;
    font-size: 190%;
}

.features .panel-default {
    border: 2px solid rgba(255, 255, 255, .2);
    background: #fff;
    color: #333;
    border-radius: 10px;
}

.features .panel-body {
    padding: 2em 1em;
}

@media (min-width:1300px) {
    .navbar-text .hidden-lg {
        display: inline !important;
    }
}


/* Countbox */

.counting {
    text-align: center;
    border-radius: 4px;
    max-width: 700px;
    padding: 20px 10px 55px 10px;
    margin: -25px auto 30px auto;
    background: rgba(224, 46, 86, .2);
}

@media (max-width:1199px) {
    .counting {
        max-width: 720px;
    }
}

@media (max-width:991px) {
    .counting {
        max-width: 680px;
    }
}

#countdown2 {
    display: inline-block;
    white-space: nowrap;
    color: #333;
}

.count-row {
    float: left;
    display: block;
}

.countbox {
    background-color: #fff;
    color: #000;
    display: inline-block;
    margin: 5px 1px 3px 1px;
    border-radius: 3px;
    padding: 20px .2em 35px .2em;
    letter-spacing: 1px;
    font-size: 1.8em;
    font-weight: bold;
}

.count-row small {
    display: block;
    font-size: 12px;
    margin-top: -28px;
    font-weight: bold;
}

.ends {
    background: none;
    font-size: 90%;
    margin-right: 5px;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
}

section.trailer {
    background-color: #51285b;
    border-top: 100px solid #fff;
}

section.trailer .video-container {
    margin: -100px auto;
    position: relative;
    z-index: 3;
    border: 20px solid #51285b;
}