.beige-page em,
.wm-about .section10 p span,
.wm-about .section9 p,
.wm-agenda .entry__title span {
    font-style: italic
}

.wm-conv-wrapper,
.wm-conv-wrapper * {
    box-sizing: border-box
}

.button,
.entry__timeslot,
.nav-wrapper a,
.nav-wrapper li,
.wm-conv-wrapper h1,
.wm-conv-wrapper h3 {
    text-transform: uppercase
}

.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.beige-page {
    background-color: transparent
}

.beige-page strong {
    font-weight: 700
}

.wm-conv-wrapper {
    background: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative
}

.wm-conv-wrapper .headerspace {
    background-color: #000;
    height: 390px;
    position: relative
}

.wm-conv-wrapper .logo {
    height: 80px;
    left: 20px;
    position: absolute;
    top: 20px;
    z-index: 99
}

.wm-conv-wrapper .header {
    display: none;
    height: 390px;
    line-height: 1;
    position: absolute;
    top: 0;
    width: 913px
}

.wm-conv-wrapper .header .header__p {
    padding-bottom: 10px;
    width: 400px
}

.wm-conv-wrapper .header.active {
    display: block;
    width: 100%
}

.wm-conv-wrapper .header--share {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg-header.jpg) left top no-repeat
}

.wm-conv-wrapper .header--agenda {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg-header-agenda.jpg) left top no-repeat
}

.wm-conv-wrapper .header--tour {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg-header-tour.jpg) left top no-repeat
}

.wm-conv-wrapper .header--workshops {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg-header-workshops.jpg) left top no-repeat
}

.wm-conv-wrapper .header--award {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2026/bg-header-award.jpg) left top no-repeat
}

.wm-conv-wrapper .header--watch {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2020/header-slide-2.jpg) left top no-repeat
}

.wm-conv-wrapper .header__copy-wrapper {
    padding: 127px 0 0 40px
}

.wm-conv-wrapper .header__copy-wrapper.-positioned {
    position: absolute;
    top: 108px
}

.wm-conv-wrapper .header--about .h1 {
    font: normal 100 52px/.9 "Gotham 2r", "Gotham A", "Gotham B", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    min-height: 120px;
    padding-top: 15px
}

.wm-conv-wrapper .header--about .h1 .strong {
    font: normal 600 52px/.9 "Gotham Narrow SSm 8r", "Gotham Narrow SSm A", "Gotham Narrow SSm B", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    display: block
}

.video-item__head,
.wm-conv-wrapper h1 {
    font-family: "Gotham 4r", "Gotham A", "Gotham B", "Century Gothic", CenturyGothic, AppleGothic, sans-serif
}

.wm-conv-wrapper .header--about .header__copy-wrapper {
    padding: 0
}

.wm-conv-wrapper .header--about .header__copy-wrapper.-positioned {
    position: absolute;
    top: 30px;
    left: 40px
}

.wm-conv-wrapper .header--about .header__copy-wrapper .p {
    font-size: 15px;
    padding-bottom: 10px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    width: 351px
}

.wm-conv-wrapper h1 {
    color: #fff;
    font-size: 61px;
    font-weight: 800;
    line-height: .7;
    text-shadow: 1px 1px 0 #464646
}

.wm-conv-wrapper h1 span {
    color: #a1a1a1;
    font-size: 49px;
    line-height: 1
}

.wm-conv-wrapper h2 {
    color: #fff;
    font-family: "Gotham 2r", "Gotham A", "Gotham B", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 30px;
    padding: 20px 0 7px;
    text-shadow: 1px 1px 0 #464646
}

.wm-conv-wrapper h3 {
    color: #0d97a8;
    font-family: "Gotham Narrow SSm 8r", "Gotham Narrow SSm A", "Gotham Narrow SSm B", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 30px;
    font-weight: 100;
    line-height: 30px;
    padding-bottom: 10px;
    padding-top: 30px;
    text-align: center
}

.wm-about .section4 .regPDF,
.wm-about p,
.wm-conv-wrapper p {
    font-family: "Gotham Narrow SSm 2r", "Gotham Narrow SSm A", "Gotham Narrow SSm B", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
}

.wm-about p,
.wm-conv-wrapper p {
    font-size: 16px
}

.wm-conv-wrapper p {
    color: #fff;
    font-weight: 200;
    line-height: 1.4;
    margin-bottom: 15px
}

.nav-wrapper {
    background: #464646;
    height: 60px;
    position: relative
}

.nav-wrapper a,
.nav-wrapper li {
    color: #fff;
    cursor: pointer;
    float: right;
    font-family: "Gotham Narrow SSm 8r", "Gotham Narrow SSm A", "Gotham Narrow SSm B", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 13px;
    line-height: 60px;
    padding: 0 10px
}

.nav-wrapper a:first-child span,
.nav-wrapper a:hover,
.nav-wrapper li:first-child span,
.nav-wrapper li:hover {
    color: #0d97a8
}

.nav-wrapper a:first-child,
.nav-wrapper li:first-child {
    cursor: default;
    float: left;
    padding-left: 40px
}

.nav-wrapper a:first-child:hover,
.nav-wrapper li:first-child:hover {
    color: #fff
}

.nav-wrapper a:nth-child(2),
.nav-wrapper li:nth-child(2) {
    padding-right: 40px
}

.nav-wrapper a.active,
.nav-wrapper li.active {
    color: #0d97a8
}

.button {
    background: #cf3f14;
    background: linear-gradient(#cf3f14, #a72700);
    border: 0;
    border-radius: 5px;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, .5);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 10px
}

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

.button:hover {
    background: #a72700;
    background: linear-gradient(#a72700, #cf3f14);
    border: 0;
    text-decoration: none
}

.button.disabled {
    color: #464646;
    cursor: default;
    background: #a1a1a1
}

.disclaimer p {
    color: #000;
    font-size: 12px;
    font-weight: 100;
    text-align: right
}

.mediaContainer {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999
}

.mediaContainer #mediaPlayer_wrapper {
    background: #fff;
    margin: 0 auto;
    position: relative
}

.mediaContainer #mediaPlayer {
    margin: 0 auto
}

.mediaContainer .close-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mediaContainer .close-button-wrapper {
    padding-left: 336px;
    position: absolute;
    text-align: center;
    width: 100%
}

.mediaContainer .close-button {
    color: #fff;
    cursor: pointer;
    font-size: 24px
}

.convention-container {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden
}

.wm-about {
    overflow: hidden
}

.wm-about .section--border {
    border-top: 10px solid #fff
}

.wm-about p {
    color: #fff;
    font-weight: 200;
    line-height: 1.3
}

.wm-about h3 {
    color: #464646;
    font-weight: 400;
    line-height: 1;
    padding-bottom: 0;
    text-transform: capitalize
}

.wm-about .section {
    min-height: 209px;
    padding-left: 40px;
    position: relative
}

.wm-about .section1 {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg-about-section1.jpg) left top no-repeat;
    height: 200px;
    line-height: 1;
    position: relative;
    text-align: center
}

.wm-about .section1 .fa {
    font-size: 20px;
    line-height: 0;
    vertical-align: -1px
}

.wm-about .section1 h3 {
    color: #0d97a8;
    padding: 38px 0 7px
}

.wm-about .section1 p {
    padding: 0 81px
}

.wm-about .section1 a.button {
    margin: 10px
}

.wm-about .section2 {
    background: #fff;
    position: relative
}

.wm-about .section2 p {
    color: #0d97a8;
    font-size: 14px;
    font-weight: 500;
    line-height: 65px;
    text-align: center;
    text-transform: uppercase
}

.wm-about .section2 .blackspan {
    color: #464646
}

.wm-about .section3 {
    background: #012d33;
    position: relative
}

.wm-about .section3:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(1, 45, 51, 0);
    border-top-color: #012d33;
    border-width: 15px;
    margin-left: -15px;
    transition: all .5s ease;
    z-index: 10
}

.wm-about .section3.nav1active:after {
    left: 251px
}

.wm-about .section3.nav2active:after {
    left: 456px
}

.wm-about .section3.nav3active:after {
    left: 662px
}

.wm-about .section3 .caro-wrapper {
    justify-content: space-between;
    padding: 25px 150px 10px
}

.wm-about .section3 .caro-nav {
    cursor: pointer;
    text-align: center
}

.wm-about .section3 .caro-nav__copy {
    color: #0d97a8;
    font-size: 13px;
    font-weight: 500;
    padding-top: 8px;
    text-align: center;
    text-transform: uppercase
}

.wm-about .section3 .caro-nav__copy span {
    color: #fff
}

.wm-about .section4 {
    overflow: hidden;
    position: relative
}

.wm-about .section4 h3 {
    color: #464646;
    line-height: 1.4;
    text-align: right
}

.wm-about .section4 .caro-slide {
    height: 209px;
    left: 100%;
    position: absolute;
    transition: left .3s;
    width: 913px;
    overflow: hidden;
    z-index: 1
}

.wm-about .section4 .caro-slide .caro-slide__copy {
    color: #464646;
    left: 1700px;
    position: relative;
    text-align: right;
    transition: left .6s;
    width: 400px
}

.wm-about .section4 .caro-slide .caro-slide__copy p {
    color: #464646
}

.wm-about .section4 .caro-slide .copy1.a1,
.wm-about .section4 .caro-slide .copy2.a2,
.wm-about .section4 .caro-slide .copy3.a3 {
    left: 480px
}

.wm-about .section4 .disclosure {
    font-size: 15px;
    font-weight: 700
}

.wm-about .section4 .caro-slide-1 {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg-caro-slide-1.jpg) left top no-repeat;
    left: 0
}

.wm-about .section4 .caro-slide-2 {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg-caro-slide-2.jpg) left top no-repeat
}

.wm-about .section4 .caro-slide-3 {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg-caro-slide-3.jpg) left top no-repeat
}

.wm-about .section4 .caro-slide-sold-out {
    position: absolute;
    top: 25px;
    left: 70px;
    background: #012d33;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.65;
    font-size: 1.7em;
    padding: 0 10px
}

.wm-about .section10 .nav-quotes,
.wm-about .section4 .caro-nav {
    font-size: 60px;
    height: 209px;
    z-index: 2;
    position: absolute;
    cursor: pointer
}

.wm-about .section4 .caro-nav-wrapper {
    left: 0;
    position: absolute;
    width: 100%
}

.wm-about .section4 .caro-nav {
    text-align: center;
    width: 30px
}

.wm-about .section4 .caro-nav .fa {
    line-height: 220px;
    transform: scale(.6, 1)
}

.wm-about .section4 .caro-nav__left {
    color: #05677b;
    left: 0
}

.wm-about .section4 .caro-nav__right {
    color: #0d97a8;
    right: 0
}

.wm-about .section4 .regPDF {
    color: #a1a1a1;
    display: inline-block;
    font-size: 13px;
    font-weight: 200;
    padding-right: 10px;
    text-decoration: underline
}

.wm-about .section4 .button {
    margin-top: 10px
}

.wm-about .section5 {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg-about-section5.jpg) left top no-repeat;
    padding-left: 40px
}

.wm-about .section5 h3 {
    color: #fff;
    line-height: 1;
    text-align: left
}

.wm-about .section5 p {
    font-style: 16px;
    padding: 5px 0;
    width: 331px
}

.wm-about .section5 a {
    color: #464646;
    font-size: 13px
}

.wm-about .section5 a:hover {
    text-decoration: none
}

.wm-about .section5 a:hover .fa {
    font-size: 1.4em;
    left: 5px
}

.wm-about .section5 a .fa {
    font-size: 1.1em;
    left: 0;
    line-height: 16px;
    position: relative;
    transition: left .5s, font-size .5s;
    vertical-align: top
}

.wm-about .section6 {
    background: #f5e2ca;
    color: #464646;
    height: 459px;
    line-height: 1;
    padding: 0;
    position: relative;
    text-align: center
}

.wm-about .section6 .section6__img {
    display: block;
    left: -25px;
    margin: 0 auto;
    position: relative;
    top: 10px;
    width: 794px
}

.wm-about .section6 p {
    color: #464646;
    margin: 0 auto;
    padding-top: 5px;
    width: 70%
}

.wm-about .section6 .links {
    height: 100%;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%
}

.wm-about .section6 a {
    color: #0d97a8;
    cursor: pointer;
    font-size: 20px;
    padding: 0 30px 10px 110px;
    position: absolute;
    transition: padding-left .5s;
    z-index: 2
}

.wm-about .section6 .links__link1 {
    left: 283px;
    padding-top: 67px;
    top: 176px
}

.wm-about .section6 .links__link2 {
    left: 491px;
    padding-top: 27px;
    top: 173px
}

.wm-about .section6 .links__link3 {
    left: 498px;
    padding-left: 42px;
    padding-top: 42px;
    top: 258px
}

.wm-about .section6 .links__link1.active {
    padding-left: 119px
}

.wm-about .section6 .links__link2.active {
    padding-left: 120px
}

.wm-about .section6 .links__link3.active {
    padding-left: 52px
}

.wm-about .section7 {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg-about-section7.jpg) left top no-repeat
}

.wm-about .section7 p {
    color: #464646;
    padding: 10px 0;
    width: 400px
}

.wm-about .section8,
.wm-about .section8 h3 {
    color: #fff;
    text-align: right
}

.wm-about .section7 h3 {
    text-align: left
}

.wm-about .section8 {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg-about-section8.jpg) left top no-repeat;
    padding-right: 40px
}

.wm-about .section8 p {
    padding: 10px 0 10px 50%;
    width: 100%
}

.wm-about .section9 {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg-about-section9.jpg) left top no-repeat
}

.wm-about .section9 p {
    color: #464646;
    font-size: 13px;
    line-height: 1.6;
    padding: 10px 0;
    width: 460px
}

.wm-about .section9 p span {
    color: #0d97a8;
    margin-left: 190px;
    text-align: right
}

.wm-about .section9 h3 {
    text-align: left
}

.wm-about .section10 {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg-about-section10.jpg) left top no-repeat;
    color: #000;
    overflow: hidden;
    padding-left: 40px;
    text-align: left
}

.wm-about .section10 h3 {
    color: #464646;
    line-height: 1;
    text-align: left
}

.wm-about .section10 p {
    color: #464646;
    right: 100%;
    padding: 10px 0;
    position: absolute;
    transition: right .6s ease;
    width: 482px
}

.wm-about .section10 .quote.quote-active {
    right: 391px
}

.wm-about .section10 .quote .quote__author {
    display: block;
    text-align: right
}

.wm-about .section10 .nav-quotes-wrapper {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.wm-about .section10 .nav-quotes {
    color: #0d97a8;
    text-align: center;
    width: 30px
}

.wm-about .section10 .nav-quotes .fa {
    line-height: 220px;
    transform: scale(.6, 1)
}

.wm-about .section10 .nav-quotes__left {
    left: 0
}

.wm-about .section10 .nav-quotes__right {
    right: 350px
}

.wm-about .section10 .nav-quotes-dots {
    position: absolute;
    width: 490px;
    height: 20px;
    bottom: 5px;
    text-align: center
}

.wm-about .section10 .quote-dot {
    cursor: pointer;
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #b6ccce;
    border-radius: 5px;
    margin: 0 3px
}

.wm-about .section10 .quote-dot.quote-dot-active {
    background: #0d97a8
}

.wm-about .section11 {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg-about-section11.jpg) left top no-repeat;
    color: #fff;
    padding-right: 40px;
    text-align: right
}

.wm-about .section11 h3 {
    color: #fff;
    line-height: 1;
    padding-top: 15px;
    text-align: right
}

.wm-about .section11 h3 span {
    font-size: .6em
}

.wm-about .section11 p {
    color: #fff;
    padding: 10px 0 10px 50%;
    width: 100%
}

.wm-about .section12 {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2024/bg-about-section12.jpg) left top no-repeat;
    padding-left: 40px;
    border-bottom: 10px solid #fff
}

.wm-about .section12 h3 {
    font-size: 28px;
    color: #38843A;
    line-height: 1;
    padding: 20px 200px 5px 5px;
    text-transform: none;
    text-align: center

}

.wm-about .section12 p {
    font-style: 28px;
    color: #38843A;
    padding: 5px 5px 5px 5px;    
    text-align: center
}

.wm-about .section12 a {
    color: #38843A;
    font-size: 16px
}

.wm-about .section12 a:hover {
    text-decoration: none
}

.wm-about .section12 a:hover .fa {
    font-size: 1.4em;
    left: 5px
}

.wm-about .section12 a .fa {
    font-size: 1.1em;
    left: 0;
    line-height: 16px;
    position: relative;
    transition: left .5s, font-size .5s;
    vertical-align: top
}

.wm-agenda p,
.wm-workshops p {
    color: #000
}

.wm-about .section11 p span {
    font-weight: 700
}

.wm-agenda {
    background: #fff;
    line-height: 1;
    padding: 0 50px;
    overflow: hidden
}

.wm-agenda .section1 {
    border-bottom: 1px solid #a1a1a1;
    padding-bottom: 50px
}

.wm-agenda .day {
    font-size: 22px;
    font-weight: 400
}

.wm-agenda .entry {
    background: #ebebeb;
    border-bottom: 3px solid #fff;
    position: relative
}

.wm-agenda .entry__copy {
    padding: 15px 10px
}

.wm-agenda .entry__copywrapper {
    display: none;
    margin-bottom: 10px
}

.wm-agenda .entry__title {
    font-size: 16px;
    font-weight: 700
}

.wm-agenda .entry__title span {
    font-size: 13px;
    font-weight: 100
}

.wm-agenda .entry__hidden--copy {
    padding: 10px 30px
}

.wm-agenda .downloadagenda {
    padding: 20px;
    text-align: center
}

.wm-agenda .agenda-tour {
    cursor: pointer;
    font-weight: 500;
    text-decoration: underline
}

.entry__img-wrapper {
    display: inline-block;
    display: flex;
    margin-right: 15px;
    width: 25%;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: flex-start
}

.entry__img-wrapper img {
    margin: 1px
}

.entry__img-wrapper.-one img {
    width: calc(100% - 2px)
}

.entry__img-wrapper.-even img,
.entry__img-wrapper.-odd img {
    width: calc(50% - 2px)
}

.entry__inner-copy-wrapper {
    overflow: hidden
}

.wm-conv-wrapper h1 span.wm-tour--header {
    color: #a1a1a1;
    font-weight: 700
}

.wm-tour {
    color: #464646;
    padding: 0 50px 50px;
    overflow: hidden
}

.wm-award .h4,
.wm-tour .h3--pad,
.wm-tour p {
    padding-bottom: 10px
}

.wm-tour a {
    color: #fff
}

.wm-tour p {
    color: #464646
}

.wm-tour .pure-u-1-4 {
    height: 30px
}

.wm-tour .pure-u-1-4:nth-child(4) {
    top: -4px;
    position: relative;
    text-align: center
}

.wm-tour .pure-u-1-4 h3 {
    line-height: 38px;
    padding: 0
}

.wm-tour .pure-u-1-4 p {
    line-height: 32px;
    padding: 0
}

.wm-tour .cancelations {
    margin-top: 30px
}

.wm-tour .tour__p--bold,
.wm-tour .tour__p--bold p {
    font-weight: 500
}

.wm-tour .tour__entry {
    background: #ebebeb;
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 10px
}

.wm-workshops {
    overflow: hidden;
    padding-bottom: 50px
}

.wm-workshops .section1 {
    padding: 0 50px
}

.wm-workshops .section2 {
    padding-top: 30px
}

.wm-workshops h3.day {
    font-size: 22px;
    font-weight: 400
}

.wm-workshops .sorttable {
    background: #012d33;
    cursor: pointer;
    display: -ms-flexbox;
    height: 130px;
    position: relative;
    text-align: center
}

.wm-workshops .sorttable.status1arrow:after {
    left: 7.25%
}

.wm-workshops .sorttable.status2arrow:after {
    left: 21.5%
}

.wm-workshops .sorttable.status3arrow:after {
    left: 35.75%
}

.wm-workshops .sorttable.status4arrow:after {
    left: 50%
}

.wm-workshops .sorttable.status5arrow:after {
    left: 64.25%
}

.wm-workshops .sorttable.status6arrow:after {
    left: 78.5%
}

.wm-workshops .sorttable.status7arrow:after {
    left: 92.75%
}

.wm-workshops .sortstatus {
    letter-spacing: normal;
    position: relative;
    text-rendering: auto;
    vertical-align: top;
    width: 14.25%;
    word-spacing: normal;
    display: inline-block;
    zoom: 1
}

.wm-workshops .sortstatus.active::after {
    content: "";
    top: 130px;
    border: solid transparent;
    height: 0;
    width: 0;
    left: 50%;
    position: absolute;
    border-color: rgba(1, 45, 51, 0);
    border-top-color: #012d33;
    border-width: 15px;
    margin-left: -15px;
    z-index: 10
}

.wm-workshops .indicator {
    border-radius: 50%;
    height: 35px;
    margin: 15px auto 10px;
    width: 35px
}

.wm-workshops .status1 .indicator,
.wm-workshops .status1.active .indicator {
    background-image: linear-gradient(135deg, #ffa84d, #ff8200)
}

.wm-workshops .status1:hover .indicator {
    background-image: linear-gradient(135deg, #ff8200, #ffa84d)
}

.wm-workshops .status2 .indicator,
.wm-workshops .status2.active .indicator {
    background-image: linear-gradient(135deg, #f2004c, #a50034)
}

.wm-workshops .status2:hover .indicator {
    background-image: linear-gradient(135deg, #a50034, #f2004c)
}

.wm-workshops .status3 .indicator,
.wm-workshops .status3.active .indicator {
    background-image: linear-gradient(135deg, #bf24de, #87189d)
}

.wm-workshops .status3:hover .indicator {
    background-image: linear-gradient(135deg, #87189d, #bf24de)
}

.wm-workshops .status4 .indicator,
.wm-workshops .status4.active .indicator {
    background-image: linear-gradient(135deg, #07f3ff, #00b0b9)
}

.wm-workshops .status4:hover .indicator {
    background-image: linear-gradient(135deg, #00b0b9, #07f3ff)
}

.wm-workshops .status5 .indicator,
.wm-workshops .status5.active .indicator {
    background-image: linear-gradient(135deg, #b5ff0b, #84bd00)
}

.wm-workshops .status5:hover .indicator {
    background-image: linear-gradient(135deg, #84bd00, #b5ff0b)
}

.wm-workshops .status6 .indicator,
.wm-workshops .status6.active .indicator {
    background-image: linear-gradient(135deg, #fdfbf3, #f1e6b2)
}

.wm-workshops .status6:hover .indicator {
    background-image: linear-gradient(135deg, #f1e6b2, #fdfbf3)
}

.wm-workshops .status7 .indicator,
.wm-workshops .status7.active .indicator {
    background-image: linear-gradient(135deg, #ffdb4d, #fc0)
}

.wm-workshops .status7:hover .indicator {
    background-image: linear-gradient(135deg, #fc0, #ffdb4d)
}

.wm-workshops .titlewrapper p {
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase
}

.wm-workshops .section3 {
    padding: 30px
}

.wm-workshops .section3>p:nth-child(2) {
    position: relative;
    text-align: center;
    top: -10px
}

.wm-workshops .entry {
    background: #ebebeb;
    border-bottom: 3px solid #fff;
    position: relative
}

.wm-workshops .entry:after {
    content: "\f078";
    cursor: pointer;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    margin: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    text-decoration: none
}

.wm-award,
.wm-award .section {
    position: relative
}

.wm-workshops .entry.active:after {
    content: "\f077"
}

.wm-workshops .entry__copy {
    cursor: pointer;
    padding: 15px 10px
}

.wm-workshops .entry__copywrapper {
    display: none;
    margin-bottom: 10px
}

.wm-workshops .entry__title {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding-right: 30px
}

.wm-workshops .entry__title span {
    font-size: 13px;
    font-style: italic;
    font-weight: 100
}

.wm-workshops .entry__hidden--copy {
    padding: 10px 30px;
    display: flex
}

.wm-workshops .entry__hidden--copy p {
    margin-bottom: 10px
}

.wm-award {
    line-height: 1.2
}

.wm-award p {
    color: #000;
    padding-bottom: 5px
}

.wm-award li {
    font-family: "Gotham Narrow SSm 2r", "Gotham Narrow SSm A", "Gotham Narrow SSm B", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px;
    font-weight: 200;
    text-align: left
}

.wm-award .h3,
.wm-award .h4 {
    color: #0d97a8;
    font-family: "Gotham Narrow A", "Gotham Narrow B", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
}

.wm-award a,
.wm-award a:active,
.wm-award a:hover,
.wm-award a:link,
.wm-award a:visited {
    outline: 0;
    text-decoration: none
}

.wm-award .strong {
    font-weight: 500
}

.wm-award .h3 {
    font-size: 30px;
    font-weight: 300;
    padding: 40px 0 30px;
    text-align: center;
    text-transform: inherit
}

.wm-award .section1 {
    padding: 0 50px;
    height: 645px
}

.wm-award .section2 {
    background-color: #ebebeb
}

.wm-award .section2 .h3 {
    color: #6e6e6e
}

.wm-award .section2 a .fa {
    font-size: 1em;
    padding: 0 5px 0 0;
    transition: all .3s ease
}

.wm-award .section2 a:hover .fa {
    padding: 0 0 0 5px
}

.wm-award .li--deco {
    list-style-type: disc;
    margin-left: 10px;
    padding: 0 0 10px 5px
}

.wm-award .badge {
    background-color: #0d97a8;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    height: 130px;
    padding: 30px 15px 0;
    position: absolute;
    right: 60px;
    text-align: center;
    top: 30px;
    width: 130px;
    z-index: 1
}

.wm-award .badge .span {
    display: block;
    font-size: 12px
}

.wm-award .badge .fa {
    font-size: 1em;
    padding: 0 5px 0 0;
    transition: all .3s ease
}

.wm-award .badge:hover .fa {
    padding: 0 0 0 5px
}

.wm-award .wm-awardscaro-wrapper {
    height: 555px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.wm-award .wm-awardscaro-slide {
    height: 555px;
    left: -110%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.wm-award .wm-awardscaro-nav-wrapper {
    position: absolute;
    top: 36%;
    width: 90%
}

.wm-award .awardscaro__nav--left,
.wm-award .awardscaro__nav--right {
    cursor: pointer;
    position: absolute
}

.wm-award .awardscaro__nav--left .fa,
.wm-award .awardscaro__nav--right .fa {
    color: #1798a8;
    font-size: 40px;
    transform: scaleX(.5)
}

.wm-award .awardscaro__nav--left {
    left: 15px
}

.wm-award .awardscaro__nav--right {
    right: 15px
}

.wm-award .wm-awardscaro-nav-dots {
    bottom: 145px;
    position: absolute;
    text-align: center;
    width: 90%
}

.wm-award .wm-dot {
    background-color: #b6ccce;
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 2px 3px;
    width: 10px
}

.video-container,
.video-item {
    height: 209px;
    position: relative
}

.wm-award .wm-dot.is-active {
    background-color: #1798a8
}

.wm-award .slide-copy-wrapper {
    padding-top: 60px
}

.wm-award .h4 {
    font-size: 20px;
    text-shadow: none;
    text-transform: uppercase
}

.wm-award .p--slide {
    margin: 0 auto;
    width: 80%
}

.card-obj {
    background-color: #fff;
    margin: 0 35px 20px;
    padding: 20px 30px;
    width: 842px
}

.card-obj-wrapper-left .card-obj,
.card-obj-wrapper-right .card-obj {
    margin: 20px;
    min-height: 150px;
    width: 411px
}

.card-obj-wrapper-left .card-obj {
    margin-left: 35px
}

.card-obj-wrapper-right .card-obj {
    margin-left: 10px
}

.hidden {
    display: none
}

.video__copy-wrapper {
    margin: 30px auto;
    text-align: center;
    width: 720px
}

.video__copy-wrapper .video__copy {
    color: #464646
}

.video__copy-wrapper .video__copy--heavy {
    color: #29a7ba;
    display: block;
    font-size: 20px;
    font-weight: 500
}

.header--videos {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2020/header-slide-2.jpg) left top no-repeat;
    background-size: cover
}

.wm-video .video-item__head {
    color: #464646
}

.wm-video .video-item__copy {
    color: #464646;
    font-weight: 300
}

.video-item {
    margin-top: 10px
}

.video-item:hover {
    cursor: pointer
}

.video-item:hover .fa-play-circle {
    backface-visibility: hidden;
    font-size: 55px;
    transition: all .3s ease
}

.video-item--content-right {
    text-align: right
}

.video-item--content-right .video-container {
    float: left
}

.video-item--content-right .video-container__play {
    left: 70px
}

.video-item--content-right .video-item__content-container {
    right: -105px
}

.video-item--content-left {
    text-align: left
}

.video-item--content-left .video-container {
    float: right
}

.video-item--content-left .video-container__play {
    right: 70px
}

.video-item--content-left .video-item__content-container {
    left: -105px
}

.video-container {
    width: 340px;
    z-index: 1
}

.video-container--bestoso {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--bestoso.jpg) left top no-repeat
}

.video-container--wiegel {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--wiegel.jpg) left top no-repeat
}

.video-container--paulin {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--paulin.jpg) left top no-repeat
}

.video-container--check-opening {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--check-opening.jpg) left top no-repeat
}

.video-container--bootcamp {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--bootcamp.jpg) left top no-repeat
}

.video-container--frank {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--frank-interview.jpg) left top no-repeat
}

.video-container--wright {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--wright.jpg) left top no-repeat
}

.video-container--freedom {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--freedom.jpg) left top no-repeat
}

.video-container--peters {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--peters.jpg) left top no-repeat
}

.video-container--bango {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--bango.jpg) left top no-repeat
}

.video-container--parents {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--parents.jpg) left top no-repeat
}

.video-container--welcome-p1 {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--welcome.jpg) left top no-repeat
}

.video-container--carlos {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--carlos.jpg) left top no-repeat
}

.video-container--values {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--values.jpg) left top no-repeat
}

.video-container--news {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--news.jpg) left top no-repeat
}

.video-container--wineinger {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--wineinger.jpg) left top no-repeat
}

.video-container--wrabel {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--wrabel.jpg) left top no-repeat
}

.video-container--sebbas {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--sebbas.jpg) left top no-repeat
}

.video-container--firsttimers {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/bg--firsttimers.jpg) left top no-repeat
}

.video-container--sabrina {
    background: url(//cdnus.melaleuca.com/Images/BusinessCenter/Landing_Page/convention/convention-2016/thumbnail--sabrina-doug.jpg) left top no-repeat
}

.video-container__play {
    display: table;
    height: 50px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px
}

.fa-play-circle {
    backface-visibility: hidden;
    color: #fff;
    cursor: pointer;
    display: table-cell;
    font-size: 38px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transition: all .1s ease;
    vertical-align: middle
}

.video-item__content-container {
    background-color: #ebebeb;
    display: inline-block;
    height: 100%;
    position: absolute;
    width: 573px;
    width: calc(100% - 130px);
    z-index: 2
}

.video-item__content-container.angle--left {
    transform: skewX(45deg)
}

.video-item__content-container.angle--right {
    transform: skewX(-45deg)
}

.two-bar:before {
    background-color: #59aeba;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 50px
}

.blue-bar:before,
.two-bar:after {
    content: "";
    position: absolute;
    width: 70px
}

.two-bar:after {
    background-color: #b6ccce;
    height: 100%;
    right: 50px
}

.blue-bar {
    background-color: #59aeba
}

.blue-bar:before {
    background-color: #278394;
    height: 100%;
    left: 0
}

.blue-bar .video-item__copy,
.blue-bar .video-item__head {
    color: #fff
}

.video-item__content {
    display: inline-block;
    margin: 30px 0 0;
    max-width: 460px;
    position: relative;
    z-index: 3
}

.video-item--content-left .video-item__content {
    margin-left: 30px
}

.video-item--content-right .video-item__content {
    margin-right: 30px
}

.video-item__head {
    display: inline-block;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 5px
}

.aside--top40 {
    background-color: #29a7ba;
    border-radius: 50%;
    display: table;
    height: 153px;
    position: absolute;
    right: -92px;
    top: 20px;
    transition: background-color .2s ease;
    width: 153px
}

.aside--top40 a {
    display: block
}

.aside--top40 p {
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 5px;
    text-align: center
}

.aside--top40:hover {
    background-color: #208190
}

.aside--top40:hover a {
    text-decoration: none
}

.aside__copy-wrapper {
    margin: 14% auto 0;
    vertical-align: middle;
    width: 75%
}

.wm-carousel-wrapper {
    height: 390px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.wm-carousel-slide {
    left: -110%;
    position: absolute;
    top: 0;
    width: 100%
}

.wm-carousel-nav-wrapper {
    position: absolute;
    top: 43%;
    width: 100%
}

.carousel__nav--left,
.carousel__nav--right {
    cursor: pointer;
    position: absolute;
    transform: scaleX(.5)
}

.carousel__nav--left .fa,
.carousel__nav--right .fa {
    color: #fff;
    font-size: 40px;
    text-shadow: 1px 1px 40px #000
}

.carousel__nav--left {
    left: 5px
}

.carousel__nav--right {
    right: 5px
}

.wm-nav-dots {
    bottom: 25px;
    position: relative;
    text-align: center
}

.wm-dot {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(255, 255, 255, .4);
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 2px 3px;
    width: 10px
}

.wm-dot.is-active {
    background-color: #000;
    box-shadow: 1px 1px 2px #fff
}