@charset "utf-8";

.btn-mod.btn-medium.btn-fullwidth {
    height: auto;
    padding: 8px 37px;
    font-size: 12px;
    width: 100%;
}

.home-logo {
    align-content: center;
    margin-top: 100px;
    margin-bottom: 300px;
}

.newsletter-home-logo {
    align-content: center;
    margin-top: 100px;
    margin-bottom: 20px;
}

/*
 * Top links Title
 */

.top-links-title {
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

    .top-links-title li {
        float: left;
        border-left: 1px solid rgba(0,0,0, .05);
    }

        .top-links-title li:last-child {
            border-right: 1px solid rgba(0,0,0, .05);
        }

        .top-links-title li .fa {
            font-size: 30px;
            position: relative;
            top: 1px;
        }

        .top-links-title li .tooltip {
            text-transform: none;
            letter-spacing: normal;
            z-index: 2003;
        }

        .top-links-title li a {
            display: block;
            min-width: 40px;
            height: 40px;
            line-height: 40px;
            padding: 0 10px;
            text-decoration: none;
            text-align: center;
            color: #ffffff;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }

            .top-links-title li a:hover {
                color: #555;
                background-color: rgba(0,0,0, .02);
            }

.references-text {
    font-size: small;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
    box-sizing: border-box;
}

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

body {
    background-color: #F5F7FA;
    line-height: 1.2;
}
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.wrapper {
    width: 100%;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 60px;
    margin-bottom: 200px;
}

.content {
    padding: 0 15px;
    width: 380px;
}

    .content h1 {
        margin-top: 0;
    }

    .content p,
    .sidebarjoin p {
        font-family: Dosis, arial, sans-serif;
    }

.sidebarjoin {
    padding: 20px;
    width: 170px;
    background-color: #234369;
    color: #fff;    
}

    .sidebarjoin h3 {
        margin: 0;
    }

.content,
.sidebarjoin {
    float: left;
}


/* The sticky */
.sidebarjoin {
    position: -webkit-sticky;
    position: sticky;
    top: 0;    
}

.stick-fixed-sidebarjoin {
    position: fixed;
    top: 30%;
    left: 0;
    z-index: 111;
    
}

@media only screen and (max-width: 767px) {
    .sidebarjoin {
        display: none;
    }

    .stick-fixed-sidebarjoin {
        display: none;
    }
}

/* Style the close button (span) */
.close {
    cursor: pointer;
    position: absolute;
    top: 8%;
    right: 1%;
    padding: 10px 10px 10px;
    transform: translate(0%, -50%);
    color: white;
    background: none;
    border: none;
}

    .close:hover {
        background: white;
        color: black;
    }

.page-section,
.small-section {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 70px 0;
}

.small-section {
    padding: 35px 0;
}

/* iframe container */
.iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}

    .iframe-container iframe {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

/* 4x3 Aspect Ratio */
.image-container-4x3 {
    padding-top: 75%;
}

.image-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}

    .image-container iframe {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

/* 4x3 Aspect Ratio */
.image-container-4x3 {
    padding-top: 75%;
}

.hs-line-1 {
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0.085em;
    color: #fff;
    opacity: .9;
}

.hs-line-2 {
    font-weight: 800 !important;
}


.inline-block-center {
    text-align: center;
}

    .inline-block-center div {
        display: inline-block;
        text-align: left;
    }

.flex-center {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 768px){
    .flex-center {
        display: block;
        justify-content: normal;
    }
}

.blockquote {
    margin: 3em 0 3em 0;
    padding: 0;
    border: none;
    background: none;
    background-color: dimgray;
    font-style: normal;
    line-height: 1.7;
    color: #777;
}

.blog-item-q {
    background: none;
    background-color: dimgray;
    border: none;
    padding: 0;
    margin: 1em 0;
}

@media (min-width: 768px) {
    .alinerightminwidth {
        width: inherit;
        
    }
    
}

.date-yr {
    display: block;
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: 100;
    color: #555;
}

.newsbuttons {
    text-align: justify;
}

    .newsbuttons:after {
        content: '';
        display: inline-block;
        width: 99.5%; /* generates an extra transparent line */
    }
/* makeup*/
.newsbuttons {
    /*min-width: 45em;*/
    padding: 1.2em 1em 0;
    box-shadow: none;
    margin: inherit;
    border-radius: inherit;
}

.home-text-middle {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.membertitlepadded {
    padding: 200px 0px 0px 0px !important;
}

.nounderline {
    text-decoration: none !important;
}

.outcomesummaryWrapper {
    position: relative;
    /*padding-bottom: 35%;*//**/ /* 16:9 */
    /*padding-top: 22px;
    padding-top: 15%;
    height: 0;*/
    
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 200px;*/
    /*border: 3px solid green;*/
}

    .outcomesummaryWrapper iframe {
        /*position: absolute;*/
        /*top: 0;
        left: 0;*/
        /*justify-content: center;*/
        /*align-items: center;
        margin-top: 100px;
        width: 100%;
        height: 100%;
        padding: 0px 0px 0px 0px;*/
    }

.magazineWrapper {
    position: relative;
    padding-bottom: 35%; /* 16:9 */
    /*padding-top: 22px;*/
    padding-top: 15%;
    height: 0;
}

    .magazineWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0px 0px 0px 0px;
    }


/* Home content */

.home-content {
    position: relative;
}

.home-text {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.home-text-newsletter {
    padding-top: 100px;
    height: 100%;
    vertical-align: middle;
}

blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    /*line-height: 1.42857143;*/
    color: #f1f1f1;
}

.footer-testimonials {
color: grey;
}

.centertestimonialpic {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 75px;
}

.iframecenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.videoWrapperMember {
    position: relative;
    padding-bottom: 35%; /* 16:9 */
    padding-top: 22px;
    height: 0;
}

    .videoWrapperMember iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0px 15px 10px 15px;
    }

/* Mobile touch */
.team-item.js-active .team-item-image:after {
    background: rgba(255,255,255, .93);
}

.team-item.js-active .team-item-detail {
    opacity: 1;
}

.team-item.js-active .team-item-descr {
    color: #111;
}

.team-item.js-active .team-item-descr-special {
    color: whitesmoke !important;
}

.team-item.js-active .team-social-links a:hover {
    color: rgba(0,0,0, .75);
}

.section-text-lighter {
    font-size: 15px;
    font-weight: 300;
    color: #d9dbe4;
    line-height: 1.7;
}

/* Side panel of event menus for microsites */

/*.side-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 270px;
    height: 100%;
    padding-bottom: 60px;
    overflow-y: auto;
    color: rgba(255,255,255, .65);
    background: #18273A;
    text-align: center;
    z-index: 1031;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/

.bg-gold {
    background-color: #daa520 !important;
}

.pricing-item-inner-gold {
    border: 1px solid #daa520;
    vertical-align: middle;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    color: #daa520 !important;
}

.pr-list-gold {
    margin: 0 -20px 30px;
    padding: 0;
    color: #daa520;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .pr-list-gold li {
        padding: 12px 20px;
        list-style: none;
        border-bottom: 1px solid #daa520;
    }

        .pr-list-gold li:first-child {
            border-top: 1px solid #daa520;
        }

.pricing-item-inner-silver {
    border: 1px solid #c0c0c0;
    vertical-align: middle;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    color: #c0c0c0 !important;
}

.pr-list-silver {
    margin: 0 -20px 30px;
    padding: 0;
    color: #c0c0c0;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .pr-list-silver li {
        padding: 12px 20px;
        list-style: none;
        border-bottom: 1px solid #c0c0c0;
    }

        .pr-list-silver li:first-child {
            border-top: 1px solid #c0c0c0;
        }


.pricing-item-inner-bronze {
    border: 1px solid #c0c0c0;
    vertical-align: middle;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    color: #c0c0c0 !important;
}

.pr-list-bronze {
    margin: 0 -20px 30px;
    padding: 0;
    color: #c0c0c0;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .pr-list-bronze li {
        padding: 12px 20px;
        list-style: none;
        border-bottom: 1px solid #c0c0c0;
    }

        .pr-list-bronze li:first-child {
            border-top: 1px solid #c0c0c0;
        }

.pricing-item-inner-white {
    border: 1px solid #ffffff;
    vertical-align: middle;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    color: #ffffff !important;
}

.pr-list-white {
    margin: 0 -20px 30px;
    padding: 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .pr-list-white li {
        padding: 12px 20px;
        list-style: none;
        border-bottom: 1px solid #ffffff;
    }

        .pr-list-white li:first-child {
            border-top: 1px solid #ffffff;
        }

.pr-per-white {
    color: #ffffff;
    font-size: 12px;
}

.banner-section-mpa {
    overflow: visible;
    border-bottom: 0px solid transparent;
}