.highlights-content {
    z-index: 999999;
    background-color: #202020;
}


.pointer {
    cursor: pointer;
}

.abs-bot, .abs-top {
    position: absolute
}

.abs-top, .header {
    left: 0;
    top: 0;
    right: 0
}

body, html {
    overflow-x: hidden
}

.reg-modal-title, .registration-info, .registration-message, .text-center {
    text-align: center
}

.close, .right {
    float: right
}

.input-field, body, button {
    font-family: Barlow,BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

html {
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
}

.home, .register, .resources, .speakers {
    overflow: hidden
}

body {
    color: #202020;
    font-weight: 400
}

*, :after, :before {
    box-sizing: inherit
}

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0
}

a {
    color: inherit;
    text-decoration: none
}

button {
    border: none
}

@media (max-width:768px) {
    html {
        font-size: 16px
    }

    section {
        padding-left: 2em;
        padding-right: 2em
    }
}

@media (min-width:769px) {
    html {
        font-size: 18px
    }
}

@media (min-width:1024px) {
    html {
        font-size: 20px
    }
}

#loading-button {
    display: none
}

.decode2018-title {
    font-size: 35px
}

#success-msg {
    color: green
}

.fl {
    display: flex;
    display: -moz-box
}

.fl-cen-bet {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.fl-al-cen {
    display: flex;
    align-items: center
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.max-desktop {
    max-width: 1196px;
    margin: 0 auto
}

.max-desktop-1 {
    max-width: 1100px;
    margin: 0 auto;
}

.abs-bot {
    bottom: 0;
    left: 0;
    right: 0
}

.uppercase {
    text-transform: uppercase
}

.text-white {
    color: #fff
}

.text-primary {
    color: #ed1c24
}

.loose {
    line-height: 1.75
}

.has-shadow {
    box-shadow: 0 .25em 1em rgba(0,0,0,.3)
}

.no-margin {
    margin: 0
}

.button {
    background-color: #ed1c24;
    color: #fff;
    cursor: pointer;
    padding: .5em .75em
}

    .button.medium {
        font-size: 1.25em;
        padding: .6em .8em
    }

.header {
    position: fixed;
    z-index: 999;
    transition: all .3s
}

    .header > .header-content {
        height: 80px
    }

        .header > .header-content .decodeph-logo {
            margin-left: 1em;
            margin-right: .5em;
            width: 175px
        }

            .header > .header-content .decodeph-logo.black {
                display: none
            }

        .header > .header-content > .nav-items {
            margin-right: 1em
        }

            .header > .header-content > .nav-items > .nav-item {
                padding: 4px 0
            }

                .header > .header-content > .nav-items > .nav-item:not(:last-child) {
                    margin-right: .75em
                }

    .header.headroom--not-top {
        background: #fff;
        color: #202020;
        box-shadow: 0 3px 6px rgba(0,0,0,.1)
    }

    .header > .header-content > .nav-menu {
        display: none;
        position: relative
    }

        .header > .header-content > .nav-menu > .fa {
            cursor: pointer;
            font-size: 1.5rem;
            margin-right: .5em;
            padding: .5em;
            transition: .3s
        }

            .header > .header-content > .nav-menu > .fa:hover {
                color: #ed1c24
            }

        .header > .header-content > .nav-menu > .nav-items {
            background: #fff;
            bottom: -16px;
            color: #202020;
            position: absolute;
            right: 0;
            transform: translate(100%,100%);
            transition: .3s ease-out
        }

        .header > .header-content > .nav-menu > .fa.active {
            color: #ed1c24
        }

            .header > .header-content > .nav-menu > .fa.active ~ .nav-items {
                transform: translate(0,100%)
            }

        .header > .header-content > .nav-menu > .nav-items > .nav-item {
            font-size: 1.25em;
            padding: .5em 1em;
            transition: .3s
        }

            .header > .header-content > .nav-menu > .nav-items > .nav-item:hover {
                background: #ed1c24;
                color: #fff
            }

.home, .home img {
    background-size: 140%
}

.home-2019, .home-2019 img {
    background-size: auto !important;
}


@media (max-width:768px) {
    .header > .header-content > .nav-items {
        display: none
    }

    .header > .header-content > .nav-menu {
        display: block
    }
}

.header.headroom--not-top > .header-content .decodeph-logo.white {
    display: none
}

.header.headroom--not-top > .header-content .decodeph-logo.black {
    display: block
}

.home {
    background-image: url(../../img/2018/layout/background/Background-02.png);
    background-position: 60% 45%;
    height: 35em !important;
    position: relative;
    z-index: 1;
    width: 100%
}

.home-2019 {
    background-image: url(../../img/2019/layout/bg.jpg) !important;
    background-position: 60% 76% !important;
    height: 35em !important;
    position: relative;
    z-index: 1;
    width: 100% !important;
}

.dec_logo {
    display: none
}

    .dec_logo img {
        width: 90%;
        margin: 3% 0 5%
    }

@media screen and (min-width:1920px) {
    .home {
        height: 50em
    }
}

.home > .bg-blocks {
    animation: float-blocks-top 45s ease-out infinite;
    opacity: .6;
    transform: translateY(-55%)
}

.home > .bg-blocks-bot {
    opacity: .3;
    top: 35%
}

.home > .bg-specks {
    top: -45%;
    opacity: .7
}

.home > .bg-specks-bot {
    top: 55%;
    opacity: .35
}

.highlights > .carousel-container > .carousel .flickity-prev-next-button, .register > .bg-blocks-bot, .register > .bg-specks-bot, .resources > .bg-blocks-bot, .resources > .bg-specks-bot, .speakers > .bg-specks {
    opacity: .5
}

.home > .home-content {
    margin: 0 auto;
    max-width: 800px;
    position: relative
}

    .home > .home-content > .decodeph-title-img {
        max-width: 500px;
        margin-bottom: 1em
    }

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.home img {
    margin-left: 0;
    margin-bottom: 1em
}

.home > .home-content > .info-row {
    align-items: baseline
}

.home > .text-white > .info-text {
    margin: 15em 0 0 6em;
    z-index: 2
}

@media screen and (max-width:500px) {
    .home {
        background: url(../../img/2018/layout/background/Background-02.png) 60% 50% no-repeat #192c45 !important;
        background-size: 335% !important;
        height: 36em !important;
        overflow: hidden;
        position: relative;
        z-index: 1;
        width: 100%
    }

        .home > .text-white > .info-text {
            margin: 7em 0 0 1em !important;
            z-index: 2;
            font-size: 13px
        }

    .logo_text {
        display: none !important
    }

    .dec_logo {
        display: block
    }

        .dec_logo img {
            width: 90% !important;
            margin: 3% 0 5% !important
        }

    .home > .gif-file {
        visibility: hidden
    }

    .home > .mobile-logo {
        display: block;
        transform: translate(-400%,-35%);
        z-index: 2
    }
}

*/
.home > .gif-file {
    visibility: hidden
}

.home > .mobile-logo {
    transform: translate(-230%,0);
    z-index: 2
}

@media screen and (min-width:1536px) and (max-width:1537px) {
    .home {
        height: 45em
    }
}

@media screen and (min-width:1745px) and (max-width:1746px) {
    .home {
        height: 45em
    }
}

@media screen and (min-width:2049px) and (max-width:2049px) {
    .home {
        height: 50em
    }

        .home img {
            margin-left: 0
        }
}

@media screen and (min-width:1821px) and (max-width:1822px) {
    .home {
        height: 45em
    }
}

@media screen and (min-width:1707px) and (max-width:1708px) {
    .home {
        height: 45em
    }
}

@media screen and (min-width:1517px) and (max-width:1518px) {
    .home {
        height: 45em
    }
}

@media screen and (min-width:1481px) {
    .home {
        height: 40em
    }

        .home > .text-white > .info-text {
            margin: 6em 0 0 6em;
            z-index: 2
        }
}

@media screen and (min-width:1366px) and (max-width:1480px) {
    .home {
        height: 40em
    }

        .home > .text-white > .info-text {
            margin: 6em 0 0 6em;
            z-index: 2
        }
}

.home > .text-white > .info-text > .info-row > .fa {
    flex-shrink: 0;
    margin-right: .25em;
    width: 25px
}

.home > .text-white > .info-text > .info-row {
    padding-bottom: 10px
}

@media (min-width:1025px) and (max-width:1165px) {
    .home > .text-white > .info-text {
        margin: 6em 0 0 4em;
        z-index: 2
    }
}

@media (min-width:1166px) and (max-width:1365px) {
    .home > .text-white > .info-text {
        margin: 5em 0 0 4em;
        z-index: 2
    }
}

@media (min-width:769px) and (max-width:1300px) {
    .logo_text {
        width: 55%
    }
}

@media (max-width:1024px) {
    .home {
        background-image: url(../../img/2018/layout/background/Background-02.png);
        background-size: 140%;
        background-position: 60% 50%;
        height: 32em;
        overflow: hidden;
        position: relative;
        z-index: 1;
        width: 100%
    }

        .home > .text-white > .info-text {
            margin: 4em 0 0 4em;
            z-index: 2
        }

        .home > .bg-blocks-bot {
            left: 2%;
            top: auto;
            bottom: -30%
        }
}

@media (max-width:768px) {
    .home {
        background-image: url(../../img/2018/layout/background/Background-02.png);
        background-size: 196%;
        background-position: 40% 47%;
        overflow: hidden;
        position: relative;
        z-index: 1;
        width: 100%
    }

    .logo_text {
        width: 70%
    }

    .home > .text-white > .info-text {
        margin: 6em 0 0 1em;
        z-index: 2
    }

    .home > .bg-blocks {
        animation: none;
        transform: translate(6%,-40%) scale(1.2)
    }

    .home > .bg-blocks-bot {
        left: 6%;
        bottom: -10%
    }
}

@media (max-width:480px) {
    .home > .bg-blocks {
        transform: translate(6%,-40%) scale(1.5)
    }

    .home > .bg-blocks-bot {
        bottom: -5%;
        left: 10%;
        top: auto
    }
}

.center, .footer {
    bottom: 0;
    left: 0
}

@media (min-width:1680px) {
    .home > .bg-blocks {
        animation: float-blocks-top-wide 60s ease-out infinite;
        transform: translateY(-60%)
    }
}

@media only screen and (min-device-width:1243px) and (max-device-width:1366px) {
    .home > .text-white > .info-text {
        position: absolute;
        z-index: 3
    }
}

.home > .red-theme {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

.about, .highlights, .speakers {
    z-index: 1;
    position: relative
}

.about {
    background-color: #fff
}

    .about > .about-content {
        padding: 2em 0
    }

        .about > .about-content > .decode-visual {
            flex: 1;
            max-width: 350px;
            padding: 2em
        }

        .about > .about-content > .text {
            flex: 1;
            margin: 1em
        }

@media (max-width:768px) {
    .about > .about-content {
        flex-direction: column
    }

        .about > .about-content > .decode-visual {
            min-width: 250px;
            width: 50%
        }
}

.img-carousel {
    width: 70%;
    height: 100%;
    margin-left: 15%
}

.img-carousel-w {
    width: 30%;
    height: 100%;
    margin-left: 35%
}

.speakers {
    background: linear-gradient(#10121D,#333244);
    /*display:none*/
}

    .speakers > .speakers-content {
        padding: 2em 0;
        position: relative
    }

        .speakers > .speakers-content > .speakers-list {
            display: flex;
            flex-wrap: wrap
        }

        .speakers > .speakers-content > .title {
            margin: 1em 0
        }

        .speakers > .speakers-content > .speakers-list > .speaker-item {
            flex: 1 0 25%;
            margin: 1em auto;
            max-width: 360px;
            min-width: 300px;
            padding: 1.25em;
            position: relative;
            transition: .3s
        }

            .speakers > .speakers-content > .speakers-list > .speaker-item:hover {
                background: #fff;
                box-shadow: 0 .5em 2em rgba(0,0,0,.4);
                color: #202020;
                transform: translateY(-4px)
            }

            .speakers > .speakers-content > .speakers-list > .speaker-item > .container > .avatar {
                border-radius: 50%;
                margin-bottom: 1em;
                padding: 1em;
                width: 100%
            }

.highlights {
    background-color: #fff
}

    .highlights > .highlights-content {
        padding: 2.5em 2em;
    }

    .highlights > .carousel-container {
        background-color: #202020;
        height: 80vh;
        min-height: 640px
    }

        .highlights > .carousel-container > .carousel {
            height: 100%
        }

            .highlights > .carousel-container > .carousel .carousel-cell {
                background: center center no-repeat;
                background-size: cover;
                height: 100%;
                position: relative;
                width: 100%;
                z-index: 2;
                padding-bottom: 2em;
            }

@media (max-width:768px) {
    .speakers > .bg-specks {
        display: none
    }

    .speakers > .speakers-content > .speakers-list > .speaker-item {
        max-width: 300px;
        min-width: 250px
    }

    .highlights {
        padding: 0
    }

        .highlights > .carousel-container {
            height: 35vh;
            min-height: 480px
        }

    .register {
        margin-bottom: 0 !important
    }
}

@media (max-width:480px) {
    .highlights > .highlights-content > .heading-container {
        flex-direction: column;
        height: 100px;
        justify-content: space-between
    }
}

.resources {
    background: linear-gradient(#071514,#134f65);
    padding-bottom: 4em;
    padding-top: 4em;
    position: relative;
    z-index: 1
}

.details, .location {
    background-color: #fff
}

.resources > .resources-content {
    background: #fff;
    box-shadow: 0 .25em 2em rgba(0,0,0,.4);
    flex-direction: column;
    max-width: 600px;
    padding: 2em
}

    .resources > .resources-content > .input > .input-field {
        letter-spacing: 4px
    }

    .resources > .resources-content > .error-msg {
        display: none;
        margin: 1.5em auto 0;
        width: 50%
    }

        .resources > .resources-content > .error-msg.is-error {
            display: block
        }

    .resources > .resources-content > .button-container {
        margin-top: 1.5em
    }

@media (max-width:768px) {
    .resources > .bg-blocks-bot, .resources > .bg-specks-bot {
        display: none
    }

    .resources > .resources-content > .error-msg {
        width: 80%
    }

    .register > .bg-blocks-bot, .register > .bg-specks-bot {
        display: none
    }
}

.location {
    height: 500px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}

.details, .register {
    padding-bottom: 4em;
    padding-top: 4em;
    position: relative;
    z-index: 1
}

    .details > .details-content > .info-row {
        align-items: baseline;
        font-size: 1.5rem;
        margin: 0 auto
    }

        .details > .details-content > .info-row > .fa {
            color: #ed1c24;
            flex-shrink: 0;
            width: 60px
        }

.register {
    background: linear-gradient(#072C48,#072C48);
    margin-bottom: 200px
}

.footer, .reg-modal {
    position: fixed
}

.register > .register-content {
    background: #fff;
    box-shadow: 0 .25em 2em rgba(0,0,0,.4);
    flex-direction: column;
    max-width: 600px;
    padding: 2em
}

    .register > .register-content > :not(:last-child) {
        margin-bottom: 1rem
    }

    .register > .register-content > .button-container {
        width: 60%
    }

    .register > .register-content .button {
        width: 100%
    }

@media (max-width:560px) {
    .register > .register-content > .g-recaptcha {
        transform: scale(.8)
    }

    .register > .register-content > .button-container {
        width: 80%
    }
}

@media (max-width:1024px) {
    .register > .bg-blocks-bot, .resources > .bg-blocks-bot {
        left: 2%
    }
}

@keyframes animatetop {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 200px;
        opacity: 1
    }
}

.link {
    color: #00f;
    text-decoration: underline
}

.reg-modal {
    display: none;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    background-color: rgba(0,0,0,.4)
}

.hvr-grow, .hvr-sweep-to-right, .hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent
}

.reg-modal-content {
    /* background-color:#fefefe; */
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.italicize {
    font-style: italic;
}

.close {
    color: #aaa;
    font-size: 28px;
    font-weight: 700
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }

.center {
    width: 100px;
    height: 100px;
    top: 0;
    right: 0;
    margin: auto
}

.agree-button {
    float: right;
    padding: 1em;
    background-color: #5CB85C;
    color: #fff
}

.terms-btn {
    color: #00f;
    text-decoration: underline
}

.footer {
    background-color: #202020;
    height: 200px;
    width: 100%;
    z-index: 0 !important;
}

    .footer > .footer-content {
        height: 100%;
        padding: 0 1em
    }

        .footer > .footer-content > .attrib {
            text-align: right
        }

            .footer > .footer-content > .attrib .decodeph-logo {
                width: 250px
            }

            .footer > .footer-content > .attrib > .attrib-text {
                margin: 1em 0 0
            }

@media (max-width:768px) {
    .details {
        margin-bottom: 0
    }

    .footer {
        height: auto;
        padding: 2em;
        position: static
    }

        .footer > .footer-content {
            flex-direction: column;
            text-align: center
        }

            .footer > .footer-content > .attrib .decodeph-logo {
                width: 100%
            }

            .footer > .footer-content > .attrib {
                margin-top: 3em;
                text-align: center
            }

    .rellax {
        transform: translate3d(0,0,0) !important
    }
}

.input {
    width: 100%
}

.input-field {
    -webkit-appearance: none;
    border: none;
    border-bottom: 2px solid #d4d4d4;
    border-radius: 0;
    color: #ed1c24;
    flex-grow: 1;
    font-weight: 700;
    padding: .5em .75em .25em;
    position: relative;
    transition: all .2s;
    width: 100%
}

.hvr-sweep-to-right:before, .hvr-underline-from-left:before {
    content: "";
    z-index: -1;
    left: 0;
    bottom: 0;
    transition-timing-function: ease-out
}

.input-field:focus {
    background-color: #fff6f6;
    border-bottom-color: #ed1c24;
    outline: 0
}

.input-field::placeholder {
    color: #d4d4d4;
    font-weight: 400
}

.input-label {
    color: #202020;
    flex-shrink: 0;
    font-size: .8rem;
    font-weight: 700;
    margin-right: 1.5em;
    width: 80px
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.hvr-sweep-to-right {
    transform: perspective(1px) translateZ(0);
    position: relative;
    transition-property: color;
    transition-duration: .3s
}

    .hvr-grow, .hvr-sweep-to-right:before {
        transition-property: transform;
        transition-duration: .3s
    }

    .hvr-sweep-to-right:before {
        position: absolute;
        top: 0;
        right: 0;
        background: #fff;
        transform: scaleX(0);
        transform-origin: 0 50%
    }

    .hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover {
        color: #ed1c24
    }

        .hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:hover:before {
            transform: scaleX(1)
        }

.hvr-grow {
    transform: perspective(1px) translateZ(0)
}

    .hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover {
        transform: scale(1.1)
    }

.hvr-underline-from-left {
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden
}

    .hvr-underline-from-left:before {
        position: absolute;
        right: 100%;
        background: #ed1c24;
        height: 4px;
        transition-property: right;
        transition-duration: .3s
    }

    .hvr-underline-from-left:active:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:hover:before {
        right: 0
    }

@keyframes float-blocks-top {
    50% {
        transform: translateY(-50%)
    }
}

@keyframes float-blocks-top-wide {
    25% {
        transform: translateY(-65%)
    }

    50% {
        transform: translateY(-60%)
    }

    75% {
        transform: translateY(-55%)
    }
}

.video {
    background: linear-gradient(#333244,#10121D,#333244);
    overflow: hidden;
    padding-bottom: 4em;
    padding-top: 4em;
    position: relative;
    z-index: 1;
    display: block
}

    .video > .bg-blocks-bot, .video > .bg-specks-bot {
        opacity: .5
    }

    .video > .video-content {
        background: #fff;
        box-shadow: 0 .25em 2em rgba(0,0,0,.4);
        flex-direction: column;
        max-width: 800px;
        height: 550px;
        padding: 2em
    }

        .video > .video-content > :not(:last-child) {
            margin-bottom: 1rem
        }

        .video > .video-content > .button-container {
            width: 60%
        }

        .video > .video-content .button {
            width: 100%
        }

@media (max-width:560px) {
    .video > .video-content > .g-recaptcha {
        transform: scale(.8)
    }

    .video > .video-content > .button-container {
        width: 80%
    }
}

.home > .redtheme, .register > .bluetheme {
    height: 100%;
    width: 100%
}

@media (max-width:1024px) {
    .video > .bg-blocks-bot {
        left: 2%
    }
}

@media (max-width:768px) {
    .video > .bg-blocks-bot, .video > .bg-specks-bot {
        display: none
    }
}

#video-teaser {
    color: #ED1C24;
    font-weight: 700
}

    #video-teaser:hover {
        color: #7F0000
    }

.register > .bluetheme {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

.float-left {
    float: left
}

.registration-home {
    background-color: #072C48;
    height: 80vh;
    overflow: hidden;
    position: relative;
    z-index: -1;
    margin-bottom: 8.8em
}

    .registration-home > .container > .text-white > .info-row {
        align-items: baseline;
        margin-bottom: .5em
    }

        .registration-home > .container > .text-white > .info-row > .fa {
            margin-right: .3em;
            flex-shrink: 0;
            width: 25px
        }

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.abs-bot, .abs-top {
    position: absolute
}

.abs-top, .header {
    left: 0;
    top: 0;
    right: 0
}

body, html {
    overflow-x: hidden
}

.reg-modal-title, .registration-info, .registration-message, .text-center {
    text-align: center
}

.close, .right {
    float: right
}

.input-field, body, button {
    font-family: Barlow,BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

html {
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
}

.home, .register, .resources, .speakers {
    overflow: hidden
}

body {
    color: #202020;
    font-weight: 400
}

*, :after, :before {
    box-sizing: inherit
}

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0
}

a {
    color: inherit;
    text-decoration: none
}

button {
    border: none
}

@media (max-width:768px) {
    html {
        font-size: 16px
    }

    section {
        padding-left: 2em;
        padding-right: 2em
    }
}

@media (min-width:769px) {
    html {
        font-size: 18px
    }
}

@media (min-width:1024px) {
    html {
        font-size: 20px
    }
}

#loading-button {
    display: none
}

.decode2018-title {
    font-size: 35px
}

#success-msg {
    color: green
}

.fl {
    display: flex;
    display: -moz-box
}

.fl-cen-bet {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.fl-al-cen {
    display: flex;
    align-items: center
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.max-desktop {
    max-width: 1196px;
    margin: 0 auto
}

.abs-bot {
    bottom: 0;
    left: 0;
    right: 0
}

.uppercase {
    text-transform: uppercase
}

.text-white {
    color: #fff
}

.text-primary {
    color: #ed1c24
}

.loose {
    line-height: 1.75
}

.has-shadow {
    box-shadow: 0 .25em 1em rgba(0,0,0,.3)
}

.no-margin {
    margin: 0
}

.button {
    background-color: #ed1c24;
    color: #fff;
    cursor: pointer;
    padding: .5em .75em
}

    .button.medium {
        font-size: 1.25em;
        padding: .6em .8em
    }

.header {
    position: fixed;
    z-index: 999;
    transition: all .3s
}

    .header > .header-content {
        height: 80px
    }

        .header > .header-content .decodeph-logo {
            margin-left: 1em;
            margin-right: .5em;
            width: 175px
        }

            .header > .header-content .decodeph-logo.black {
                display: none
            }

        .header > .header-content > .nav-items {
            margin-right: 1em
        }

            .header > .header-content > .nav-items > .nav-item {
                padding: 4px 0
            }

                .header > .header-content > .nav-items > .nav-item:not(:last-child) {
                    margin-right: .75em
                }

    .header.headroom--not-top {
        background: #fff;
        color: #202020;
        box-shadow: 0 3px 6px rgba(0,0,0,.1)
    }

    .header > .header-content > .nav-menu {
        display: none;
        position: relative
    }

        .header > .header-content > .nav-menu > .fa {
            cursor: pointer;
            font-size: 1.5rem;
            margin-right: .5em;
            padding: .5em;
            transition: .3s
        }

            .header > .header-content > .nav-menu > .fa:hover {
                color: #ed1c24
            }

        .header > .header-content > .nav-menu > .nav-items {
            background: #fff;
            bottom: -16px;
            color: #202020;
            position: absolute;
            right: 0;
            transform: translate(100%,100%);
            transition: .3s ease-out
        }

        .header > .header-content > .nav-menu > .fa.active {
            color: #ed1c24
        }

            .header > .header-content > .nav-menu > .fa.active ~ .nav-items {
                transform: translate(0,100%)
            }

        .header > .header-content > .nav-menu > .nav-items > .nav-item {
            font-size: 1.25em;
            padding: .5em 1em;
            transition: .3s
        }

            .header > .header-content > .nav-menu > .nav-items > .nav-item:hover {
                background: #ed1c24;
                color: #fff
            }

.home, .home img {
    background-size: 140%
}

@media (max-width:768px) {
    .header > .header-content > .nav-items {
        display: none
    }

    .header > .header-content > .nav-menu {
        display: block
    }
}

.header.headroom--not-top > .header-content .decodeph-logo.white {
    display: none
}

.header.headroom--not-top > .header-content .decodeph-logo.black {
    display: block
}

.home {
    background-image: url(../../img/2018/layout/background/Background-02.png);
    background-position: 60% 45%;
    height: 35em;
    position: relative;
    z-index: 1;
    width: 100%
}

.dec_logo {
    display: none
}

    .dec_logo img {
        width: 90%;
        margin: 3% 0 5%
    }

@media screen and (min-width:1920px) {
    .home {
        height: 50em
    }
}

.home > .bg-blocks {
    animation: float-blocks-top 45s ease-out infinite;
    opacity: .6;
    transform: translateY(-55%)
}

.home > .bg-blocks-bot {
    opacity: .3;
    top: 35%
}

.home > .bg-specks {
    top: -45%;
    opacity: .7
}

.home > .bg-specks-bot {
    top: 55%;
    opacity: .35
}

.highlights > .carousel-container > .carousel .flickity-prev-next-button, .register > .bg-blocks-bot, .register > .bg-specks-bot, .resources > .bg-blocks-bot, .resources > .bg-specks-bot, .speakers > .bg-specks {
    opacity: .5
}

.home > .home-content {
    margin: 0 auto;
    max-width: 800px;
    position: relative
}

    .home > .home-content > .decodeph-title-img {
        max-width: 500px;
        margin-bottom: 1em
    }

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.home img {
    margin-left: 0;
    margin-bottom: 1em
}

.home > .home-content > .info-row {
    align-items: baseline
}

.home > .text-white > .info-text {
    margin: 15em 0 0 6em;
    z-index: 2
}

@media screen and (max-width:500px) {
    .home {
        background: url(../../img/2018/layout/background/Background-02.png) 60% 50% no-repeat #192c45 !important;
        background-size: 335% !important;
        height: 36em !important;
        overflow: hidden;
        position: relative;
        z-index: 1;
        width: 100%
    }

        .home > .text-white > .info-text {
            margin: 7em 0 0 1em !important;
            z-index: 2;
            font-size: 13px
        }

    .logo_text {
        display: none !important
    }

    .dec_logo {
        display: block
    }

        .dec_logo img {
            width: 90% !important;
            margin: 3% 0 5% !important
        }

    .home > .gif-file {
        visibility: hidden
    }

    .home > .mobile-logo {
        display: block;
        transform: translate(-400%,-35%);
        z-index: 2
    }
}

*/
.home > .gif-file {
    visibility: hidden
}

.home > .mobile-logo {
    transform: translate(-230%,0);
    z-index: 2
}

@media screen and (min-width:1536px) and (max-width:1537px) {
    .home {
        height: 45em
    }
}

@media screen and (min-width:1745px) and (max-width:1746px) {
    .home {
        height: 45em
    }
}

@media screen and (min-width:2049px) and (max-width:2049px) {
    .home {
        height: 50em
    }

        .home img {
            margin-left: 0
        }
}

@media screen and (min-width:1821px) and (max-width:1822px) {
    .home {
        height: 45em
    }
}

@media screen and (min-width:1707px) and (max-width:1708px) {
    .home {
        height: 45em
    }
}

@media screen and (min-width:1517px) and (max-width:1518px) {
    .home {
        height: 45em
    }
}

@media screen and (min-width:1481px) {
    .home {
        height: 40em
    }

        .home > .text-white > .info-text {
            margin: 6em 0 0 6em;
            z-index: 2
        }
}

@media screen and (min-width:1366px) and (max-width:1480px) {
    .home {
        height: 40em
    }

        .home > .text-white > .info-text {
            margin: 6em 0 0 6em;
            z-index: 2
        }
}

.home > .text-white > .info-text > .info-row > .fa {
    flex-shrink: 0;
    margin-right: .25em;
    width: 25px
}

.home > .text-white > .info-text > .info-row {
    padding-bottom: 10px
}

@media (min-width:1025px) and (max-width:1165px) {
    .home > .text-white > .info-text {
        margin: 6em 0 0 4em;
        z-index: 2
    }
}

@media (min-width:1166px) and (max-width:1365px) {
    .home > .text-white > .info-text {
        margin: 5em 0 0 4em;
        z-index: 2
    }
}

@media (min-width:769px) and (max-width:1300px) {
    .logo_text {
        width: 55%
    }
}

@media (max-width:1024px) {
    .home {
        background-image: url(../../img/2018/layout/background/Background-02.png);
        background-size: 140%;
        background-position: 60% 50%;
        height: 32em;
        overflow: hidden;
        position: relative;
        z-index: 1;
        width: 100%
    }

        .home > .text-white > .info-text {
            margin: 4em 0 0 4em;
            z-index: 2
        }

        .home > .bg-blocks-bot {
            left: 2%;
            top: auto;
            bottom: -30%
        }
}

@media (max-width:768px) {
    .home {
        background-image: url(../../img/2018/layout/background/Background-02.png);
        background-size: 196%;
        background-position: 40% 47%;
        overflow: hidden;
        position: relative;
        z-index: 1;
        width: 100%
    }

    .logo_text {
        width: 70%
    }

    .home > .text-white > .info-text {
        margin: 6em 0 0 1em;
        z-index: 2
    }

    .home > .bg-blocks {
        animation: none;
        transform: translate(6%,-40%) scale(1.2)
    }

    .home > .bg-blocks-bot {
        left: 6%;
        bottom: -10%
    }
}

@media (max-width:480px) {
    .home > .bg-blocks {
        transform: translate(6%,-40%) scale(1.5)
    }

    .home > .bg-blocks-bot {
        bottom: -5%;
        left: 10%;
        top: auto
    }
}

.center, .footer {
    bottom: 0;
    left: 0
}

@media (min-width:1680px) {
    .home > .bg-blocks {
        animation: float-blocks-top-wide 60s ease-out infinite;
        transform: translateY(-60%)
    }
}

@media only screen and (min-device-width:1243px) and (max-device-width:1366px) {
    .home > .text-white > .info-text {
        position: absolute;
        z-index: 3
    }
}

.home > .red-theme {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

.about, .highlights, .speakers {
    z-index: 1;
    position: relative
}

.about {
    background-color: #fff
}

    .about > .about-content {
        padding: 2em 0
    }

        .about > .about-content > .decode-visual {
            flex: 1;
            max-width: 350px;
            padding: 2em
        }

        .about > .about-content > .text {
            flex: 1;
            margin: 1em
        }

@media (max-width:768px) {
    .about > .about-content {
        flex-direction: column
    }

        .about > .about-content > .decode-visual {
            min-width: 250px;
            width: 50%
        }
}

.img-carousel {
    /* width:70%; */
    /* height:100%; */
    margin-left: 15%
}

.img-carousel-w {
    width: 30%;
    height: 100%;
    margin-left: 35%
}

.speakers {
    background: linear-gradient(#10121D,#333244);
    display: none
}

    .speakers > .speakers-content {
        padding: 2em 0;
        position: relative
    }

        .speakers > .speakers-content > .speakers-list {
            display: flex;
            flex-wrap: wrap
        }

.highlights, .highlights > .carousel-container > .carousel .flickity-page-dots, .resources {
    display: block;
}

.speakers > .speakers-content > .title {
    margin: 1em 0
}

.speakers > .speakers-content > .speakers-list > .speaker-item {
    flex: 1 0 25%;
    margin: 1em auto;
    max-width: 360px;
    min-width: 300px;
    padding: 1.25em;
    position: relative;
    transition: .3s
}

    .speakers > .speakers-content > .speakers-list > .speaker-item:hover {
        background: #fff;
        box-shadow: 0 .5em 2em rgba(0,0,0,.4);
        color: #202020;
        transform: translateY(-4px)
    }

    .speakers > .speakers-content > .speakers-list > .speaker-item > .container > .avatar {
        border-radius: 50%;
        margin-bottom: 1em;
        padding: 1em;
        width: 100%
    }

.highlights {
    background-color: #202020;
}

    .highlights > .highlights-content {
        padding: 2.5em 2em
    }

    .highlights > .carousel-container {
        background-color: #202020;
        height: 80vh;
        min-height: 640px
    }

        .highlights > .carousel-container > .carousel {
            height: 100%
        }

            .highlights > .carousel-container > .carousel .carousel-cell {
                background: center center no-repeat;
                background-size: cover;
                height: 100%;
                position: relative;
                width: 100%;
                z-index: 2
            }

@media (max-width:768px) {
    .speakers > .bg-specks {
        display: none
    }

    .speakers > .speakers-content > .speakers-list > .speaker-item {
        max-width: 300px;
        min-width: 250px
    }

    .highlights {
        padding: 0
    }

        .highlights > .carousel-container {
            height: 35vh;
            min-height: 480px
        }

    .register {
        margin-bottom: 0 !important
    }
}

@media (max-width:480px) {
    .highlights > .highlights-content > .heading-container {
        flex-direction: column;
        height: 100px;
        justify-content: space-between
    }
}

.resources {
    background: linear-gradient(#071514,#134f65);
    padding-bottom: 4em;
    padding-top: 4em;
    position: relative;
    z-index: 1
}

.details, .location {
    background-color: #fff
}

.resources > .resources-content {
    background: #fff;
    box-shadow: 0 .25em 2em rgba(0,0,0,.4);
    flex-direction: column;
    max-width: 600px;
    padding: 2em
}

    .resources > .resources-content > .input > .input-field {
        letter-spacing: 4px
    }

    .resources > .resources-content > .error-msg {
        display: none;
        margin: 1.5em auto 0;
        width: 50%
    }

        .resources > .resources-content > .error-msg.is-error {
            display: block
        }

    .resources > .resources-content > .button-container {
        margin-top: 1.5em
    }

@media (max-width:768px) {
    .resources > .bg-blocks-bot, .resources > .bg-specks-bot {
        display: none
    }

    .resources > .resources-content > .error-msg {
        width: 80%
    }

    .register > .bg-blocks-bot, .register > .bg-specks-bot {
        display: none
    }
}

.location {
    height: 750px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}

.details, .register {
    padding-bottom: 4em;
    padding-top: 4em;
    position: relative;
    z-index: 1
}

.location > .details-content {
    margin: 2em auto
}

    .location > .details-content > .info-row {
        align-items: baseline;
        font-size: 1.5rem;
        margin: 0 auto
    }

        .location > .details-content > .info-row > .fa {
            color: #ed1c24;
            flex-shrink: 0;
            width: 60px
        }


.register {
    background: linear-gradient(#072C48,#072C48);
    margin-bottom: 200px
}

.footer, .reg-modal {
    position: fixed
}

.register > .register-content {
    background: #fff;
    box-shadow: 0 .25em 2em rgba(0,0,0,.4);
    flex-direction: column;
    max-width: 600px;
    padding: 2em
}

    .register > .register-content > :not(:last-child) {
        margin-bottom: 1rem
    }

    .register > .register-content > .button-container {
        width: 60%
    }

    .register > .register-content .button {
        width: 100%
    }

@media (max-width:560px) {
    .register > .register-content > .g-recaptcha {
        transform: scale(.8)
    }

    .register > .register-content > .button-container {
        width: 80%
    }
}

@media (max-width:1024px) {
    .register > .bg-blocks-bot, .resources > .bg-blocks-bot {
        left: 2%
    }
}

@keyframes animatetop {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 200px;
        opacity: 1
    }
}

.link {
    color: #00f;
    text-decoration: underline
}

.reg-modal {
    display: none;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.4)
}

.modal-open {
    overflow: hidden;
}

.hvr-grow, .hvr-sweep-to-right, .hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent
}

.reg-modal-content {
    background-image: linear-gradient(#0D2C48, #D92B3B);
    margin: 15% auto;
    padding: 2em 2em 2em 4em;
    /* border:1px solid #888; */
    width: 60%;
}

    .reg-modal-content > .modal-title {
        font-size: 4em;
        color: #Fff;
        padding-right: 2em;
    }

    .reg-modal-content > .modal-cont {
        font-size: 1em;
        color: #Fff;
        padding-right: 20em;
    }

    .reg-modal-content > img {
        float: right;
        margin-top: 3em;
    }

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.close {
    color: #aaa;
    font-size: 28px;
    font-weight: 700
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }

.center {
    width: 100px;
    height: 100px;
    top: 0;
    right: 0;
    margin: auto
}

.agree-button {
    float: right;
    padding: 1em;
    background-color: #5CB85C;
    color: #fff
}

.terms-btn {
    color: #00f;
    text-decoration: underline
}

.footer {
    background-color: #202020;
    height: 200px;
    width: 100%;
    z-index: -500000;
}

    .footer > .footer-content {
        height: 100%;
        padding: 0 1em
    }

        .footer > .footer-content > .attrib {
            text-align: right
        }

            .footer > .footer-content > .attrib .decodeph-logo {
                width: 250px
            }

            .footer > .footer-content > .attrib > .attrib-text {
                margin: 1em 0 0
            }

@media (max-width:768px) {
    .details {
        margin-bottom: 0
    }

    .footer {
        height: auto;
        padding: 2em;
        position: static
    }

        .footer > .footer-content {
            flex-direction: column;
            text-align: center
        }

            .footer > .footer-content > .attrib .decodeph-logo {
                width: 100%
            }

            .footer > .footer-content > .attrib {
                margin-top: 3em;
                text-align: center
            }

    .rellax {
        transform: translate3d(0,0,0) !important
    }
}

.input {
    width: 100%
}

.input-field {
    -webkit-appearance: none;
    border: none;
    border-bottom: 2px solid #d4d4d4;
    border-radius: 0;
    color: #ed1c24;
    flex-grow: 1;
    font-weight: 700;
    padding: .5em .75em .25em;
    position: relative;
    transition: all .2s;
    width: 100%
}

.hvr-sweep-to-right:before, .hvr-underline-from-left:before {
    content: "";
    z-index: -1;
    left: 0;
    bottom: 0;
    transition-timing-function: ease-out
}

.input-field:focus {
    background-color: #fff6f6;
    border-bottom-color: #ed1c24;
    outline: 0
}

.input-field::placeholder {
    color: #d4d4d4;
    font-weight: 400
}

.input-label {
    color: #202020;
    flex-shrink: 0;
    font-size: .8rem;
    font-weight: 700;
    margin-right: 1.5em;
    width: 80px
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.hvr-sweep-to-right {
    transform: perspective(1px) translateZ(0);
    position: relative;
    transition-property: color;
    transition-duration: .3s
}

    .hvr-grow, .hvr-sweep-to-right:before {
        transition-property: transform;
        transition-duration: .3s
    }

    .hvr-sweep-to-right:before {
        position: absolute;
        top: 0;
        right: 0;
        background: #fff;
        transform: scaleX(0);
        transform-origin: 0 50%
    }

    .hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover {
        color: #ed1c24
    }

        .hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:hover:before {
            transform: scaleX(1)
        }

.hvr-grow {
    transform: perspective(1px) translateZ(0)
}

    .hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover {
        transform: scale(1.1)
    }

.hvr-underline-from-left {
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden
}

    .hvr-underline-from-left:before {
        position: absolute;
        right: 100%;
        background: #ed1c24;
        height: 4px;
        transition-property: right;
        transition-duration: .3s
    }

    .hvr-underline-from-left:active:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:hover:before {
        right: 0
    }

@keyframes float-blocks-top {
    50% {
        transform: translateY(-50%)
    }
}

@keyframes float-blocks-top-wide {
    25% {
        transform: translateY(-65%)
    }

    50% {
        transform: translateY(-60%)
    }

    75% {
        transform: translateY(-55%)
    }
}

.video {
    background: linear-gradient(#333244,#10121D,#333244);
    overflow: hidden;
    padding-bottom: 4em;
    padding-top: 4em;
    position: relative;
    z-index: 1;
    display: block
}

    .video > .bg-blocks-bot, .video > .bg-specks-bot {
        opacity: .5
    }

    .video > .video-content {
        background: #fff;
        box-shadow: 0 .25em 2em rgba(0,0,0,.4);
        flex-direction: column;
        max-width: 800px;
        height: 550px;
        padding: 2em
    }

        .video > .video-content > :not(:last-child) {
            margin-bottom: 1rem
        }

        .video > .video-content > .button-container {
            width: 60%
        }

        .video > .video-content .button {
            width: 100%
        }

@media (max-width:560px) {
    .video > .video-content > .g-recaptcha {
        transform: scale(.8)
    }

    .video > .video-content > .button-container {
        width: 80%
    }
}

.home > .redtheme, .register > .bluetheme {
    height: 100%;
    width: 100%
}

@media (max-width:1024px) {
    .video > .bg-blocks-bot {
        left: 2%
    }
}

@media (max-width:768px) {
    .video > .bg-blocks-bot, .video > .bg-specks-bot {
        display: none
    }
}

#video-teaser {
    color: #ED1C24;
    font-weight: 700
}

    #video-teaser:hover {
        color: #7F0000
    }

.register > .bluetheme {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

.float-left {
    float: left
}

.registration-home {
    background-color: #072C48;
    height: 80vh;
    overflow: hidden;
    position: relative;
    z-index: -1;
    margin-bottom: 8.8em
}

    .registration-home > .container > .text-white > .info-row {
        align-items: baseline;
        margin-bottom: .5em
    }

        .registration-home > .container > .text-white > .info-row > .fa {
            margin-right: .3em;
            flex-shrink: 0;
            width: 25px
        }

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}


.schedule_decode p {
    margin-top: 1pc;
    margin-bottom: 1pc;
}

.schedule_decode {
    margin-bottom: 5pc;
}

.schedule-wrap {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    margin-top: 4pc;
}

    .schedule-wrap tr th {
        height: 45px;
        background: #ed1c24;
        color: #fff;
        width: 260px;
        text-align: center;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 17px;
        border-left: none;
        border-right: none;
    }

        .schedule-wrap tr th.time, .schedule-wrap tr td.time {
            width: 15%;
            border-left: none;
        }

    .schedule-wrap tr td {
        width: 260px;
        /*height: 150px;*/
        border-left: 1px solid #e0e3e5;
        border-bottom: 1px solid #e0e3e5;
        text-align: center;
        padding: 0px 10px;
        font-size: 16px;
    }

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

table {
    border-collapse: collapse;
}

.topics {
    /*margin-top: -310px;*/
    position: relative;
    z-index: 10;
    /* background: #ffffff url("images/bg_shift_details2.png") 50% 0 no-repeat; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 550px;
    background: #F2f2f2;
}




.track_title {
    padding-top: 1em;
    margin-bottom: -25px;
}

.plenary_card {
    width: 33% !important;
    float: left;
    margin: 0 auto;
}


.plenary_card_center {
    width: 33% !important;
    margin: 0 auto;
}

@media screen and (max-width: 500px) {
    .plenary_card {
        width: 100% !important;
        float: left;
        /* background: red; */
        /* margin-right: 100px; */
    }

    .plenary_card_center {
        width: 100% !important;
        /* margin: 0 auto; */
        float: left;
    }
}


.details_track, .plenary_row {
    background: #f2f2f2;
    position: relative;
    z-index: 1 !important;
}

.plenary_row {
    width: 100%;
    min-width: 100%;
    text-align: center;
}



.topics div {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    /*float: left;*/
    /*flex:1;*/
}

.plen {
    margin-bottom: 30px;
    background: transparent;
    padding: 2.5rem 2rem 6.8rem !important;
    height: 400px !important;
    color: #ed1d24;
    /* border: 4px solid #ed1c24; */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 8px;
    margin: 0 1rem;
    background: #fff;
    color: #000 !important;
}

.plenary_row > .topics > .session_card_list > .plenary_card > .plen > center > .plenary_img_cont {
    padding-bottom: 1em !important;
}



.plenary_img {
    border-radius: 50%;
    width: 8em;
    height: 8em;
}

.plenary_speaker_name {
    font-size: 1em;
    font-weight: bold;
}

.hosts {
    padding-top: 2em;
}



.track1, .track2, .track3, .track4 {
    margin-bottom: 30px;
    background: transparent;
    padding: 4.2rem 2rem 6.8rem !important;
    height: 400px !important;
    color: #ed1d24;
}

.track1, .track3 {
    border: 4px solid #ed1c24;
    border-radius: 8px;
    margin: 0 1rem;
}

.track2, .track4 {
    border: 4px solid #ed1c24;
    border-radius: 8px;
    margin: 0 1rem;
    background: #ed1c24;
    color: #fff !important;
}

    .track2 p, .track4 p {
        color: #fff !important;
    }

    .track2:hover, .track4:hover {
        background: transparent !important;
        color: #ed1d24 !important;
    }

.track1:hover, .track3:hover {
    background: #ed1c24;
    color: white !important;
}

    .track1:hover p, .track3:hover p {
        color: white !important;
    }

.track1 p, .track3 p, .track2:hover p, .track4:hover p {
    color: black !important;
}

.plenary1 {
    margin-top: 108px !important;
}

.plenary2 {
    margin-top: 67px !important;
}

.plenary3 {
    margin-top: 110px !important;
}

.plenary4 {
    margin-top: 83px !important;
}

.plenary5 {
    margin-top: 110px !important;
}

.plenary6 {
    margin-top: 110px !important;
}

.speaker_details {
    margin: 0 !important;
    padding: 0 !important;
}

.speaker_cell {
    padding: 1em;
}

.view_speakers1 {
    margin-top: 89px !important;
}

.view_speakers2 {
    margin-top: 85px !important;
}

.view_speakers3 {
    margin-top: 65px !important;
}

.view_speakers4 {
    margin-top: 44px !important;
}

.outerview_speakers {
    position: relative;
    padding: 10px;
    background: #dfe9ee;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, .2);
    width: 80% !important;
    float: inherit !important;
}

    .outerview_speakers a {
        color: #ed1d24;
    }

.view_speakers, .view_speakers:hover {
    text-decoration: none !important;
}

.track_session {
    width: 25% !important;
    float: left;
}


.single div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(197, 19, 48, 0.85);
    padding: 30px;
    display: none;
    color: white;
}

.single h3 {
    font-size: 2.57143em;
    font-weight: 300;
    line-height: 1.1em;
    color: white;
    z-index: 999;
}

    .single h3 > span, .single h3 > span > span {
        font-size: 18px !important;
        line-height: 1.5em !important;
    }

.single {
    width: 33.3% !important;
    float: left;
    position: relative;
    cursor: pointer;
}

@media all and (max-width: 980px) {
    .single {
        width: 33.333%;
    }
}

@media all and (max-width: 780px) {
    .single {
        width: 50% !important;
    }
}

.single img {
    float: left;
    width: 100%;
    height: auto;
}

.single div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(197, 19, 48, 0.85);
    padding: 20px;
    display: none;
    color: white;
}

.single h3 {
    font-size: 2.57143em;
    font-weight: 300;
    line-height: 1.1em;
    z-index: 999;
}

@media all and (max-width: 780px) {
    .single h3 {
        font-size: 1.71429em;
    }
}

.single p {
    margin-bottom: 0;
}

    .single p:last-child {
        margin-top: 6px;
    }

.single strong {
    font-size: 1.28571em;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    display: inline-block;
}

@media all and (max-width: 780px) {
    .single strong {
        font-size: 1.14286em;
    }
}

.single strong:before {
    content: '';
    width: 30px;
    height: 5px;
    background: white;
    display: block;
    margin-bottom: 10px;
}

.single a {
    color: white;
    margin-right: 10px;
    opacity: .6;
}

    .single a:hover {
        opacity: 1;
    }

@media all and (max-width: 601px) and (min-width: 300px) {
    .track_session {
        width: 100% !important;
    }

    .header h1 {
        font-size: 3em;
        line-height: 1em;
    }

        .header h1 img {
            width: 90% !important;
        }

    .p_sub {
        font-size: 3em;
    }

    .topics .container {
        padding: 60px !important;
    }
}

@media all and (max-width: 940px) and (min-width: 600px) {
    .track_session {
        width: 50% !important;
    }

    .header h1 {
        font-size: 5em;
    }

    .topics .container {
        padding: 60px !important;
    }
}

@media screen and (min-width: 940px) and (max-width: 1180px) {
    .track_session {
        width: 30% !important;
    }
}

@media all and (max-width: 940px) {
    .bullets div {
        width: 100% !important;
        padding-left: 25% !important;
    }

    .topics {
        margin-top: 0;
    }
}

@media all and (max-width: 601px) and (min-width: 300px) {
    .topics3 {
        height: 20em !important;
    }

    .topics2 {
        height: 35em !important;
    }

    .topics {
        height: 115em;
    }

    .hosts > .topics {
        height: 50em;
    }


    .single {
        width: 90% !important;
    }

    .home > .text-white > .info-text {
        margin: 4em 0 0 0em !important;
    }
    /* .track1, .track3 .track2, .track4{
            margin: 0px !important;
        }*/
}

@media all and (max-width: 940px) and (min-width: 602px) {
    .topics3 {
        height: 20em !important;
    }

    .topics2 {
        height: 35em !important;
    }

    .topics {
        height: 60em;
    }

    .hosts > .topics {
        height: 35em;
    }

    .view_speakers2 {
        margin-top: 110px !important;
    }

    .view_speakers4 {
        margin-top: 65px !important;
    }
}

@media all and (max-width: 1180px) and (min-width: 941px) {
    .topics3 {
        height: 20em !important;
    }

    .topics2 {
        height: 35em !important;
    }

    .topics {
        height: 52em;
    }

    .hosts > .topics {
        height: 28em !important;
    }

    .view_speakers2 {
        margin-top: 110px !important;
    }
}


@media all and (max-width: 601px) and (min-width: 300px) {
    keynote1 {
        height: 35em !important;
    }

    .plen_height2 {
        height: 62em !important;
    }

    .plen_height {
        height: 89em !important;
    }

    .plenary_img {
        border-radius: 50%;
        /* width: 5em; */
    }

    .hosts {
        height: 65em !important;
    }
}

@media all and (max-width: 1180px) and (min-width: 941px) {
    .plen_height2 {
        height: 62em !important;
    }

    keynote1 {
        height: 20em !important;
    }

    .plen_height {
        height: 28em !important;
    }

    .plenary_img {
        border-radius: 50%;
        /* width: 5em; */
    }
}

@media all and (max-width: 940px) and (min-width: 602px) {
    .plen_height {
        height: 32em !important;
    }

    .plenary_img {
        border-radius: 50%;
        width: 100%;
    }
}

.fb_live {
    color: red;
    font-size: 1.5em;
}

.advisory {
    color: red;
    margin-top: 10px;
}

.wrapper {
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.box {
    display: inline-block !important;
    float: none !important;
}

.blue {
    background-color: #132C48;
}

@media all and (max-width: 940px) and (min-width: 602px) {
    .reg-modal {
        margin-top: 5em;
    }

    .reg-modal-content {
        background-image: linear-gradient(#0D2C48, #D92B3B);
        /* background: pink; */
        /* margin:15% auto; */
        padding: 2em 2em 2em 2em;
        /* border:1px solid #888; */
        text-align: center !important;
        width: 80%;
        margin-top: 3em !important;
    }

        .reg-modal-content > .modal-title {
            font-size: 2em;
            color: #Fff;
            padding: 0 !important;
            text-align: center !important;
        }

        .reg-modal-content > .modal-cont {
            font-size: 1em;
            color: #Fff;
            padding: 0 !important;
        }

        .reg-modal-content > img {
            /* float: right; */
            float: none;
            /* padding-left: 1em !important; */
            /* display: none; */
            width: 10em !important;
            align-content: center;
            margin-bottom: 1em;
        }
}


@media all and (max-width: 1180px) and (min-width: 941px) {
    .highlights > .highlights-content > .heading-container > h1 {
        text-align: center;
        margin-bottom: .5em;
    }

    .highlights {
        height: 35em;
    }

    .carousel-cell {
        height: auto !important;
    }

    .flickity-button {
        display: none !important;
    }

    .flickity-page-dots {
        display: none !important;
    }
}

@media all and (max-width: 940px) and (min-width: 602px) {
    .highlights > .highlights-content > .heading-container > h1 {
        text-align: center;
        margin-bottom: .5em;
    }

    .highlights {
        height: auto;
    }

    .carousel-cell {
        height: auto !important;
    }

    .flickity-button {
        display: none !important;
    }

    .flickity-page-dots {
        display: none !important;
    }
}




@media all and (max-width: 601px) and (min-width: 300px) {
    .highlights > .highlights-content > .heading-container > h1 {
        text-align: center;
        margin-bottom: .5em;
    }

    .highlights {
        height: 25em;
    }

    .carousel-cell {
        height: auto !important;
    }

    .flickity-button {
        display: none !important;
    }

    .flickity-page-dots {
        display: none !important;
    }
}


@media all and (max-width: 601px) and (min-width: 300px) {
    .reg-modal {
        margin-top: 5em;
    }

    .reg-modal-content {
        background-image: linear-gradient(#0D2C48, #D92B3B);
        /* background: pink; */
        /* margin:15% auto; */
        padding: 2em 2em 2em 2em;
        /* border:1px solid #888; */
        text-align: center !important;
        width: 80%;
        margin-top: 3em !important;
    }

        .reg-modal-content > .modal-title {
            font-size: 2em;
            color: #Fff;
            padding: 0 !important;
            text-align: center !important;
        }

        .reg-modal-content > .modal-cont {
            font-size: 1em;
            color: #Fff;
            padding: 0 !important;
        }

        .reg-modal-content > img {
            /* float: right; */
            float: none;
            /* padding-left: 1em !important; */
            /* display: none; */
            width: 10em !important;
            align-content: center;
            margin-bottom: 1em;
        }
}


@media all and (max-width: 1180px) and (min-width: 941px) {
    .reg-modal {
        margin-top: 5em;
    }

    .reg-modal-content {
        background-image: linear-gradient(#0D2C48, #D92B3B);
        /* background: pink; */
        /* margin:15% auto; */
        padding: 2em 2em 2em 2em;
        /* border:1px solid #888; */
        text-align: center !important;
        width: 80%;
        margin-top: 3em !important;
    }

        .reg-modal-content > .modal-title {
            font-size: 2em;
            color: #Fff;
            padding: 0 !important;
            text-align: center !important;
        }

        .reg-modal-content > .modal-cont {
            font-size: 1em;
            color: #Fff;
            padding: 0 !important;
        }

        .reg-modal-content > img {
            /* float: right; */
            float: none;
            /* padding-left: 1em !important; */
            /* display: none; */
            width: 10em !important;
            align-content: center;
            margin-bottom: 1em;
        }
}


@media screen and (min-width: 2400px) and (max-width: 2560px) {


    .reg-modal-content > img {
        float: right;
        /* padding-left: 1em !important; */
        /* display: none; */
        width: 10em !important;
        align-content: center;
        margin-bottom: 1em;
    }
}

@media screen and (min-width: 2561px) and (max-width: 5760px) {


    .reg-modal-content > img {
        float: right;
        /* padding-left: 1em !important; */
        /* display: none; */
        width: 7em !important;
        align-content: center;
        margin-bottom: 1em;
    }
}

@media screen and (min-width: 7680px) {


    .reg-modal-content > img {
        float: right;
        /* padding-left: 1em !important; */
        /* display: none; */
        width: 6em !important;
        align-content: center;
        margin-bottom: 1em;
    }
}



@media screen and (min-width: 1280px) {


    .reg-modal-content > .modal-cont {
        font-size: 1em;
        color: #Fff;
        padding: 0 !important;
    }
}

@media screen and (min-width: 1280px) {


    .reg-modal-content > .modal-cont {
        font-size: 1em;
        color: #Fff;
        padding: 0 !important;
        margin-right: 10px;
    }
}


@media screen and (min-width: 1240px) and (max-width: 1245px) {


    .reg-modal-content > .modal-cont {
        font-size: 1em;
        color: #Fff;
        padding: 0 !important;
        margin: 0;
    }
}