/*article, section {
    display: block
}

html {
    font-size: 62.5%;
    height: 100%
}

body {
    height: 100%;
    font-size: 15px;
    font-size: 1.5rem;
    position: relative;
    background-color: #f2f4f5
}

    img {
    max-width: 100%
}

*/
.wrapper {
    width: 95%;
    max-width: 1440px;
    margin: auto;
    position: relative
}


[data-view^="home-"] {
    
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fcfcfc), color-stop(0.25, #efefde), color-stop(1, #d4e6f2));
    background: -webkit-linear-gradient(left, #fcfcfc 0%, #efefde 25%, #d4e6f2 100%);
    background: -moz-linear-gradient(left, #fcfcfc 0%, #efefde 25%, #d4e6f2 100%);
    background: -o-linear-gradient(left, #fcfcfc 0%, #efefde 25%, #d4e6f2 100%);
    background: -ms-linear-gradient(left, #fcfcfc 0%, #efefde 25%, #d4e6f2 100%);
    background: linear-gradient(left, #fcfcfc 0%, #efefde 25%, #d4e6f2 100%);
    position: relative;
    height: 100%;
    color: #485158;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
}

    [data-view^="home-"] .wrapper {
        width: 85%;
        max-width: 1280px;
        position: relative
    }

.center-align {
    text-align: center
}

.orange-color {
    color: #ef502a
}

.heading-alpha {
    color: #262a2d;
    font-size: 44px;
    font-size: 4.4rem;
    font-weight: 300;
    font-family: Source Sans Pro, Lato, Helvetica Neue, sans-serif;
    margin-top: -5%;
}

.heading-ee {
    display: block;
    margin-bottom: 0.75em;
    color: #262a2d;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase
}


.hanging-badge {
    margin: -16% auto 0 auto
}

.badge-container {
    max-width: 550px;
    margin: auto
}

    .badge-container > div {
        position: relative;
        padding-top: 143.454545455%
    }

.badge-lanyard {
    top: -4px;
    z-index: 1
}

.badge-pocket {
    bottom: 0
}

.badge-lanyard, .badge-pocket {
    position: absolute;
    left: 0;
    pointer-events: none
}

.badge-theme {
    position: absolute;
    top: 48.4%;
    left: 2.6%;
    width: 95%;
    padding-top: 71%;
    background-color: #fff;
    border: 1px solid #d2d9dd;
    overflow: hidden
}

    .badge-theme img {
        position: absolute;
        top: 0;
        left: 0
    }

.colored-bullet-list li.arrow:nth-child(1) {
    -webkit-animation: scaleUp 0.4s 1.7s backwards;
    -moz-animation: scaleUp 0.4s 1.7s backwards;
    -o-animation: scaleUp 0.4s 1.7s backwards;
    -ms-animation: scaleUp 0.4s 1.7s backwards;
    animation: scaleUp 0.4s 1.7s backwards
}

.colored-bullet-list li.bullet:nth-child(2) {
    -webkit-animation: scaleUp 0.3s 1.3s backwards;
    -moz-animation: scaleUp 0.3s 1.3s backwards;
    -o-animation: scaleUp 0.3s 1.3s backwards;
    -ms-animation: scaleUp 0.3s 1.3s backwards;
    animation: scaleUp 0.3s 1.3s backwards
}

.colored-bullet-list li.bullet:nth-child(3) {
    -webkit-animation: scaleUp 0.3s 1.4s backwards;
    -moz-animation: scaleUp 0.3s 1.4s backwards;
    -o-animation: scaleUp 0.3s 1.4s backwards;
    -ms-animation: scaleUp 0.3s 1.4s backwards;
    animation: scaleUp 0.3s 1.4s backwards
}

.colored-bullet-list li.bullet:nth-child(4) {
    -webkit-animation: scaleUp 0.3s 1.5s backwards;
    -moz-animation: scaleUp 0.3s 1.5s backwards;
    -o-animation: scaleUp 0.3s 1.5s backwards;
    -ms-animation: scaleUp 0.3s 1.5s backwards;
    animation: scaleUp 0.3s 1.5s backwards
}

.colored-bullet-list li.arrow:nth-child(5) {
    -webkit-animation: scaleUp 0.4s 1.7s backwards;
    -moz-animation: scaleUp 0.4s 1.7s backwards;
    -o-animation: scaleUp 0.4s 1.7s backwards;
    -ms-animation: scaleUp 0.4s 1.7s backwards;
    animation: scaleUp 0.4s 1.7s backwards
}

.badge-with-bullets {
    padding-top: 0;
    overflow: hidden
}

    .badge-with-bullets h2 {
        z-index: 1;
        position: absolute;
        top: 30%;
        left: 0;
        width: 100%;
        padding: 0 1em
    }

        .badge-with-bullets h2 span {
            display: inline-block;
            *display: inline;
            *zoom: 1
        }

            .badge-with-bullets h2 span + span {
                margin-left: 1.5em;
                -webkit-transition: margin 0.2s;
                -moz-transition: margin 0.2s;
                -o-transition: margin 0.2s;
                -ms-transition: margin 0.2s;
                transition: margin 0.2s
            }

    .badge-with-bullets .hanging-badge {
        margin-top: -11%;
        width: 50%;
        min-width: 300px
    }

        .badge-with-bullets .hanging-badge img {
            pointer-events: none
        }

    .badge-with-bullets article {
        width: 200px;
        text-align: left
    }

    .badge-with-bullets .desktop-articles article {
        position: absolute
    }

        .badge-with-bullets .desktop-articles article:after {
            position: absolute
        }

    .badge-with-bullets .desktop-articles .customdesign {
        top: 35% /*48%*/;
        left: -144px; /*-264px;*/
        -webkit-transform-origin: bottom left;
        -moz-transform-origin: bottom left;
        -o-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left
    }

        .badge-with-bullets .desktop-articles .customdesign:after {
            content: url("/assets/custom/img/badge/custom-arrow.png");
            top: -2em;
            left: 16%;
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -o-transform: scale(0.5);
            -ms-transform: scale(0.5);
            transform: scale(0.5)
        }

    .badge-with-bullets .desktop-articles .dataload {
        top: /*71%*/61%;
        left: -144px; /*-265px;*/
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left
    }

        .badge-with-bullets .desktop-articles .dataload:after {
            content: url("/assets/custom/img/badge/dataload-arrow.png");
            before: url("/assets/custom/img/badge/dataload-arrow.png");
            top: -1em;
            left: 42%;
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -o-transform: scale(0.5);
            -ms-transform: scale(0.5);
            transform: scale(0.5)
        }

    .badge-with-bullets .desktop-articles .dual-sides {
        top: 88%;
        left: -144px; /*-265px;*/
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left
    }

        .badge-with-bullets .desktop-articles .dual-sides:after {
            content: url("/assets/custom/img/badge/dualtop-arrow.png");
            top: -7.5em;
            left: 25%;
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -o-transform: scale(0.5);
            -ms-transform: scale(0.5);
            transform: scale(0.5)
        }

        .badge-with-bullets .desktop-articles .dual-sides:before {
            position: absolute;
            content: url("/assets/custom/img/badge/dualbottom-arrow.png");
            top: 1.2em;
            left: 35%;
            z-index: -1;
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -o-transform: scale(0.5);
            -ms-transform: scale(0.5);
            transform: scale(0.5)
        }

    .badge-with-bullets .desktop-articles .blankcustom {
        top: 32%; /*52%;*/
        -webkit-transform-origin: bottom right;
        -moz-transform-origin: bottom right;
        -o-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
        transform-origin: bottom right
    }

        .badge-with-bullets .desktop-articles .blankcustom:after {
            content: url("/assets/custom/img/badge/blank-arrow.png");
            top: -1.5em;
            right: 82%;
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -o-transform: scale(0.5);
            -ms-transform: scale(0.5);
            transform: scale(0.5)
        }

    .badge-with-bullets .desktop-articles .sponsors {
        top: 72%;
        -webkit-transform-origin: bottom right;
        -moz-transform-origin: bottom right;
        -o-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
        transform-origin: bottom right
    }

        .badge-with-bullets .desktop-articles .sponsors:after {
            content: url("/assets/custom/img/badge/arrow-sponsors.png");
            top: -10.5em; /*-4.1em;*/
            right: 72%;
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -o-transform: scale(0.5);
            -ms-transform: scale(0.5);
            transform: scale(0.5)
        }

    .badge-with-bullets .desktop-articles .blankcustom, .badge-with-bullets .desktop-articles .sponsors {
        right: -148px /*-248px*/
    }

    .badge-with-bullets .mobile-articles {
        display: none;
        width: 90%;
        margin: auto;
        max-width: 520px
    }

        .badge-with-bullets .mobile-articles .colored-bullet-list {
            width: 200px;
            padding: 0;
            margin: 6% auto 0
        }

        .badge-with-bullets .mobile-articles article {
            margin-top: 2em
        }

.data-providers {
    margin-top: 4%;
    filter: grayscale(100%) brightness(115%)
}

    .data-providers img + img {
        margin-left: 0.5em
    }

.customization-example .logo {
    top: 5.943152%
}

.customization-example .name {
    top: 35.400516%
}

.customization-example .name {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.customization-example .type {
    left: 50%;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -o-transition: left 0.3s;
    -ms-transition: left 0.3s;
    transition: left 0.3s
}

.customization-example .color-label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 14.534883%;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    transition: background-color 0.3s
}

    .customization-example .color-label .company {
        top: 34.666666%
    }

    .customization-example .color-label .type {
        top: 36%
    }

.customization-example[data-type="speaker"] .name[data-type="speaker"] {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.customization-example[data-type="speaker"] .type[data-type="speaker"] {
    left: 0
}

.customization-example[data-type="speaker"] .color-label {
    background-color: #3b6794
}

.colored-bullet-list {
    font-size: 0;
    text-align: justify;
    text-justify: distribute-all-lines;
    padding: 0 10%;
    margin-top: 10%
}

    .colored-bullet-list:after {
        content: '';
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 100%
    }

    .colored-bullet-list li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle
    }
        .colored-bullet-list li.arrow a {
            display: block;
            opacity: 0.7;
            filter: alpha(opacity=70);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            -webkit-transition: opacity 0.2s;
            -moz-transition: opacity 0.2s;
            -o-transition: opacity 0.2s;
            -ms-transition: opacity 0.2s;
            transition: opacity 0.2s;
            padding: 6px 5px
        }

        .colored-bullet-list li.arrow i {
            display: block;
            width: 16px;
            height: 25px;
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -o-transform: scale(0.5);
            -ms-transform: scale(0.5);
            transform: scale(0.5);
            background: url("arrows-791773b0b4302cdafdff936c2f95da99cad1a1debf8e84129c8a41e4163ca561.png") no-repeat
        }

        .colored-bullet-list li.arrow a[data-action="next"] i {
            background-position: top right
        }

        .colored-bullet-list li.arrow a:hover, .colored-bullet-list li.arrow a:focus {
            opacity: 1;
            -ms-filter: none;
            filter: none
        }

    .colored-bullet-list .colored-bullet {
        display: block;
        width: 25px;
        height: 25px;
        background-color: rgba(255,255,255,0.5);
        -webkit-border-radius: 100%;
        border-radius: 100%
    }

        .colored-bullet-list .colored-bullet:hover i, .colored-bullet-list .colored-bullet:focus i {
            -webkit-transform: scale(0.7);
            -moz-transform: scale(0.7);
            -o-transform: scale(0.7);
            -ms-transform: scale(0.7);
            transform: scale(0.7)
        }

        .colored-bullet-list .colored-bullet.selected i {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .colored-bullet-list .colored-bullet i {
            display: block;
            width: 100%;
            height: 100%;
            border: 1px solid #255;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            -webkit-transform: scale(0.6);
            -moz-transform: scale(0.6);
            -o-transform: scale(0.6);
            -ms-transform: scale(0.6);
            transform: scale(0.6);
            -webkit-transition: -webkit-transform 0.2s;
            -moz-transition: -moz-transform 0.2s;
            -ms-transition: -ms-transform 0.2s
        }

    .colored-bullet-list .colored-bullet-blue i {
        background: #4980af;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4980af), color-stop(1, #3a6794));
        background: -webkit-linear-gradient(top, #4980af 0%, #3a6794 100%);
        background: -moz-linear-gradient(top, #4980af 0%, #3a6794 100%);
        background: -o-linear-gradient(top, #4980af 0%, #3a6794 100%);
        background: -ms-linear-gradient(top, #4980af 0%, #3a6794 100%);
        background: linear-gradient(top, #4980af 0%, #3a6794 100%);
        border-color: #255688
    }

    .colored-bullet-list .colored-bullet-yellow i {
        background: #deb621;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #deb621), color-stop(1, #d39d1b));
        background: -webkit-linear-gradient(top, #deb621 0%, #d39d1b 100%);
        background: -moz-linear-gradient(top, #deb621 0%, #d39d1b 100%);
        background: -o-linear-gradient(top, #deb621 0%, #d39d1b 100%);
        background: -ms-linear-gradient(top, #deb621 0%, #d39d1b 100%);
        background: linear-gradient(top, #deb621 0%, #d39d1b 100%);
        border-color: #c08e14
    }

    .colored-bullet-list .colored-bullet-green i {
        background: #57cf81;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #57cf81), color-stop(1, #46be68));
        background: -webkit-linear-gradient(top, #57cf81 0%, #46be68 100%);
        background: -moz-linear-gradient(top, #57cf81 0%, #46be68 100%);
        background: -o-linear-gradient(top, #57cf81 0%, #46be68 100%);
        background: -ms-linear-gradient(top, #57cf81 0%, #46be68 100%);
        background: linear-gradient(top, #57cf81 0%, #46be68 100%);
        border-color: #3fb662
    }

@media (max-width: 1420px) {
    .badge-with-bullets .badge-lanyard {
        display: none
    }

    .badge-with-bullets h2 span + span {
        margin-left: 0
    }
}

@media (max-width: 1040px) {
    .badge-with-bullets .desktop-articles article:after {
        display: none
    }

    .badge-with-bullets .desktop-articles article:before {
        display: none
    }

    .badge-with-bullets .desktop-articles .customdesign {
        left: -214px
    }

    .badge-with-bullets .desktop-articles .dataload {
        left: -215px
    }

    /*.badge-with-bullets .desktop-articles .dual-sides {
        left: -214px
        
    }*/

    .badge-with-bullets .desktop-articles .blankcustom, .badge-with-bullets .desktop-articles .sponsors .dual-sides {
        right: -215px
    }

    .badge-with-bullets .desktop-articles .sponsors {
        top: 75%
    }

    .badge-with-bullets .desktop-articles .dual-sides {
        top: 75%
    }
}
}

@media (max-width: 840px) {
    .badge-with-bullets h2 {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .badge-with-bullets .wrapper {
        width: 100%
    }

    .badge-with-bullets .desktop-articles {
        display: none
    }

    .badge-with-bullets .mobile-articles {
        display: block
    }

    .badge-with-bullets .hanging-badge {
        width: 95%;
        margin-top: -18%
    }
}

@media (max-width: 500px) {
    .badge-with-bullets .mobile-articles .inline-column {
        display: block
    }

    .badge-with-bullets .mobile-articles article {
        width: 80%
    }
}

@media (max-width: 420px) {
    .badge-with-bullets .hanging-badge {
        margin-top: -10%
    }

    .badge-with-bullets .mobile-articles article {
        width: 90%
    }
}

@media (max-width: 420px) {
    .main-section .heading-alpha {
        font-size: 35px;
        font-size: 3.5rem;
       
    }
}

@-moz-keyframes scaleUp {
    from {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleUp {
    from {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes scaleUp {
    from {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleUp {
    from {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}