.find-address-holder {
    margin-top: 19px;
    margin-right: -30px;
    /*float: right;*/
}

.ticket-address .find-address-holder a {
    cursor: pointer;
    margin-left: 10px;
}

.ticket-address .find-address-holder .postcode {
    float: left;
}

.ticket-address .find-address {
    margin: 8px 0 0 0 !important;
    display: block;
}

    .ticket-address .find-address p {
        margin-top: 5px;
    }

    .ticket-address .find-address .select-address, .ticket-address .contact-address {
        clear: both;
    }

.ticket-find-address {
    float: none !important;
}

.event-find-postcode {
    margin-bottom: 5px;
}

.ticket-find-address .jcf-select {
    margin-left: 5px;
    width: 510px;
}

.find-address p {
    font-size: 15px;
    line-height: 1.2;
    margin: 19px 0 0;
}

    .find-address p a {
        color: #c24892;
    }

.find-address .or-text {
    padding: 0 7px 0 0;
}

@media screen and (max-width: 767px) {
    .ticket-find-address .jcf-select {
        width: 424px;
    }
}

@media screen and (max-width: 543px) {
    .ticket-find-address .jcf-select {
        width: 205px !important;
    }
}


.tab-lg .active a, .tab-lg a:hover, .tab-md .active a, .tab-md a:hover {
    margin-top: -5px;
    margin-bottom: -1px;
    padding-top: 9px;
    background: #fff;
    color: #264c24;
    border-color: #acc238;
    padding-bottom: 8px;
}

.icon-twitter:before {
    content: "\e92c";
}

.harmony-validation-summary li {
    color: red;
}

cycle-gallery {
    position: relative;
}

.cycle-gallery .mask {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .cycle-gallery .mask .slideset {
        width: 99999px;
        float: left;
    }

    .cycle-gallery .mask .slide {
        width: 100%;
        float: left;
    }

        .cycle-gallery .mask .slide.active {
            z-index: 1;
        }

        .cycle-gallery .mask .slide img {
            width: 100%;
            height: auto;
        }

.cycle-gallery .pagination ul {
    list-style: none;
    margin: 0;
    padding: 25px 0;
}

.cycle-gallery .pagination li {
    float: left;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 10px 0 0;
    background: #e9f1f4;
    text-indent: -9999px;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

    .cycle-gallery .pagination li:hover,
    .cycle-gallery .pagination li.active {
        text-decoration: none;
        background: #27a1dd;
    }

.cycle-gallery .pagination a {
    display: block;
}

.cycle-gallery .twitter-pagination ul {
    padding-left: 0;
    list-style: none;
}

.cycle-gallery .twitter-pagination li {
    float: left;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 10px 0 0;
    background: #e9f1f4;
    border: solid 1px #27a1dd;
    text-indent: -9999px;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

    .cycle-gallery .twitter-pagination li:hover,
    .cycle-gallery .twitter-pagination li.active {
        text-decoration: none;
        background: #27a1dd;
    }

.cycle-gallery .twitter-pagination ul:after {
    content: "";
    display: block;
    clear: both;
}

.cycle-gallery .pagination a {
    display: block;
}

.connect-block.dark-blue .cycle-gallery .twitter-pagination li:hover,
.connect-block.dark-blue .cycle-gallery .twitter-pagination li.active {
    background: #0072b5;
}

#harmony_view_SB-Coordinator-Meetup-Attendance {
    clear: both;
}

    #harmony_view_SB-Coordinator-Meetup-Attendance h3 {
        display: none;
    }

    #harmony_view_SB-Coordinator-Meetup-Attendance label {
        display: none;
    }

    #harmony_view_SB-Coordinator-Meetup-Attendance h3.harmonyViewName {
        display: block;
        border: none;
        margin-bottom: 0px;
    }

    #harmony_view_SB-Coordinator-Meetup-Attendance .SB-Contact-Name h3.harmonyViewName {
        display: none;
    }

    #harmony_view_SB-Coordinator-Meetup-Attendance .sectionswrapper .HarmonySectionView:nth-child(1) {
        float: left;
        width: 200px;
    }

    #harmony_view_SB-Coordinator-Meetup-Attendance .jcf-select,
    .panel-welcome .area-interest .jcf-select-area-of-interest {
        height: 25px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

        #harmony_view_SB-Coordinator-Meetup-Attendance .jcf-select .jcf-select-opener,
        .panel-welcome .area-interest .jcf-select .jcf-select-opener {
            top: 8px;
        }

.panel-welcome .area-interest .jcf-select-area-of-interest {
    margin-top: 6px;
    height: 29px;
}

    .panel-welcome .area-interest .jcf-select-area-of-interest .jcf-select-text {
        font-size: 14px;
    }

.area-interest .tagbox-input-wrapper {
    display: none;
}

.related-post.widget {
    background: none;
    border: none;
}

.btn.white {
    background-color: #fff;
}

    .btn.white:hover {
        background: rgba(255,255,255,0.7);
    }

.media-pack .btn.white {
    color: #72b449 !important;
}

.connect-block .btn.white {
    color: #27a1dd !important;
}

.filter-form .title-holder .caption {
    text-align: right;
    padding-right: 5px;
}

.filter-form .title-holder .small-title, .filter-form .title-holder .caption {
    float: left;
    width: 50%;
}

.filter-form .caption {
    font-size: 18px;
    font-weight: 300;
}

.jcf-range {
    display: inline-block;
    min-width: 200px;
    width: 100%;
    margin-bottom: 10px;
}

    .jcf-range .jcf-range-track {
        margin: 0 20px 0 0;
        position: relative;
        display: block;
    }

    .jcf-range .jcf-range-wrapper {
        background: #c7bd19;
        border-radius: 5px;
        display: block;
        margin: 10px 0;
        height: 7px;
        cursor: pointer;
    }

.blue-theme .jcf-range .jcf-range-wrapper {
    background: #009fe3;
}

.jcf-range.jcf-vertical {
    width: auto;
}

    .jcf-range.jcf-vertical .jcf-range-wrapper {
        margin: 0;
        width: 10px;
        height: auto;
        padding: 20px 0 0;
    }

    .jcf-range.jcf-vertical .jcf-range-track {
        height: 180px;
        width: 10px;
    }

    .jcf-range.jcf-vertical .jcf-range-handle {
        left: -5px;
        top: auto;
    }

.jcf-range .jcf-range-handle {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    border: 6px solid #c7bd19;
    width: 26px;
    height: 26px;
    margin-top: -9px;
    z-index: 1;
    top: 0;
    left: 0;
    cursor: pointer;
}

.blue-theme .jcf-range .jcf-range-handle {
    border-color: #009fe3;
}

.jcf-range .jcf-range-mark {
    position: absolute;
    overflow: hidden;
    background: #000;
    width: 1px;
    height: 3px;
    top: -7px;
    margin: 0 0 0 9px;
}

.jcf-range.jcf-vertical .jcf-range-mark {
    margin: 0 0 9px;
    left: 14px;
    top: auto;
    width: 3px;
    height: 1px;
}

.jcf-range.jcf-disabled {
    background: none !important;
    opacity: .3;
}

.filter-form .jcf-range:last-child {
    margin-bottom: 0;
}

.events-search-form .jcf-range {
    margin-bottom: 4px;
}

.events-search-form .range-row {
    margin-bottom: 0;
}

.comment-form .wide-col:only-child, .comment-form .short-col:only-child {
    width: 100%;
    float: none;
}

.comment-form .wide-col {
    width: 58.36%;
    float: left;
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .comment-form .wide-col {
        width: 100%;
        float: none;
        padding: 0 0 10px;
    }
}

.comment-form .short-col {
    width: 41.54%;
    float: left;
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .comment-form .short-col {
        width: 100%;
        float: none;
        padding: 0 0 10px;
    }
}

.comment-form .top-line {
    display: block;
    padding: 56px 0 23px;
}

@media screen and (max-width: 767px) {
    .comment-form .top-line {
        padding: 0 0 15px;
    }
}

.comment-form .line {
    margin: 0 0 24px;
}

.comment-form label {
    margin-bottom: 8px;
    display: block;
}

.comment-form textarea {
    width: 100%;
    margin-bottom: 20px;
}

#overlay {
    opacity: 0.7;
    background: #ffffff;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    position: fixed;
}

#loading {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

.coordinator-create-meetup.HarmonyField.Lookup {
    margin-top: 0px;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active,
    a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

.user-section .usernav-drop ul,
.menu-slide #nav,
.menu-slide #nav ul,
.breadcrumb ul,
.utility-links,
.social-network,
.share-links,
.share-link-small,
.btn-list,
.btn-group,
.widget .latest-activity,
.widget .pdf-links,
.widget .ginfos-list,
.widget .member-active-list,
.widget .member-active-list li,
.widget-twitter .tweet-list,
.widget-achievements ul,
.widget-survey .progress-list,
.widget-poll .aprove,
.panel-filter .tabset,
.panel-filter .col-break,
.table-border,
.partners,
.tab-lg,
.tab-md,
.manage-group .existing-memeber ul,
.accordion-tab,
.timeline .bar,
.article-post .footer .list-inline,
.accordion,
.info-panel .info-group ul,
.info-table .info-list ul,
.meet-info .attender ul,
.meet-info .inline-list,
.comment-list .inline-list,
.panel-welcome .area-interest .list,
.panel-welcome .area-interest .dropdown,
.form-content .choose-radio,
.form-content .radio-inline,
.panel-well .aprove,
.panel-well .progress-list,
.panel-well .contact-info ul,
.panel-delete ul,
.panel-field-lab .file-added,
.create-meetup .date-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .clearfix:after,
    .container:after,
    .breadcrumb ul:after,
    .widget-twitter h2:after,
    .tab-lg:after,
    .tab-md:after,
    .timeline .bar:after,
    .panel-welcome .area-interest:after {
        content: "";
        display: block;
        clear: both;
    }

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.container {
    margin: 0 auto;
    max-width: 1150px !important;
    padding: 0 8px;
}

.img-hero,
.img-hero:after,
#header .menu-opener:after,
.breadcrumb:before {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

.jcf-file .jcf-upload-button:before,
#header .nav-opener:after,
.user-section .user-nav .opener:after,
.menu-slide .menu-close,
.menu-slide #nav .has-drop-down-a:after,
.breadcrumb a:after,
.utility-links a,
.social-network a,
.share-links a,
.share-link-small a,
.btn-top:after,
.intro-article .more:after,
.widget .latest-activity [class*="ico-"]:before,
.widget .latest-activity [class^="ico-"]:before,
.widget .pdf-links li:before,
.widget .ginfos-list [class*="ico-"]:before,
.widget .ginfos-list [class^="ico-"]:before,
.widget-twitter .twitter .icon,
.notification .close,
.search-form input[type="submit"],
.manage-group .user-status:before,
.accordion-tab .accordion-opener:after,
.accordion .opener:after,
.panel-meeting h2.title-comment:before,
.panel-meeting h2.title-comment:after,
.meet-info .btn-status span:before,
.panel-welcome .link-follow:before,
.panel-welcome .txt .link-edit,
.panel-welcome .area-interest .opener,
.panel-well .contact-info [class*="ico-"]:before,
.panel-well .contact-info [class^="ico-"]:before,
.panel-delete .link-delete,
.panel-field-lab h3 .arrow:after,
.panel-field-lab .file-added li:before,
.create-meetup .input-time [class*="ico-"],
.create-meetup .input-time .ui-datepicker-trigger {
    background-image: url(/images/doff/sprite.png);
    background-repeat: no-repeat;
}

html {
    box-sizing: border-box;
}

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

* {
    max-height: 1000000px;
}

body {
    color: #000;
    background: #fff;
    font: 16px/1.2 "museo-slab", serif;
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
}

.gm-style img {
    max-width: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
    font-family: inherit;
    font-weight: bold;
    margin: 0 0 .5em;
    color: inherit;
}

h1,
.h1 {
    font-size: 28px;
}

h2,
.h2 {
    font-size: 18px;
}

h3,
.h3 {
    font-size: 18px;
}

h4,
.h4 {
    font-size: 17px;
}

h5,
.h5 {
    font-size: 15px;
}

h6,
.h6 {
    font-size: 15px;
}

p {
    margin: 0 0 1em;
}

a {
    color: #264c24;
}

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

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="url"],
textarea {
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #d1d2d2;
    padding: .4em .7em;
    background: #eee;
    box-shadow: 0 0 0 1px #e4e4e4 inset;
    color: #676a6c;
}

#umbraco-login-section input[type="text"],
#umbraco-login-section input[type="tel"],
#umbraco-login-section input[type="email"],
#umbraco-login-section input[type="search"],
#umbraco-login-section input[type="password"],
#umbraco-login-section input[type="url"],
#umbraco-login-section textarea {
    width: 100%;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
textarea:focus {
    border-color: #000;
}

input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #676a6c;
}

input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #676a6c;
}

input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
textarea:-moz-placeholder {
    color: #676a6c;
}

input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #676a6c;
}

input[type="text"].placeholder,
input[type="tel"].placeholder,
input[type="email"].placeholder,
input[type="search"].placeholder,
input[type="password"].placeholder,
input[type="url"].placeholder,
textarea.placeholder {
    color: #676a6c;
}

.error input[type="text"],
.error input[type="tel"],
.error input[type="email"],
.error input[type="search"],
.error input[type="password"],
.error input[type="url"],
.error textarea {
    border-color: #a21819 !important;
    color: #b20000 !important;
}

    .error input[type="text"]::-webkit-input-placeholder,
    .error input[type="tel"]::-webkit-input-placeholder,
    .error input[type="email"]::-webkit-input-placeholder,
    .error input[type="search"]::-webkit-input-placeholder,
    .error input[type="password"]::-webkit-input-placeholder,
    .error input[type="url"]::-webkit-input-placeholder,
    .error textarea::-webkit-input-placeholder {
        color: #b20000 !important;
    }

    .error input[type="text"]::-moz-placeholder,
    .error input[type="tel"]::-moz-placeholder,
    .error input[type="email"]::-moz-placeholder,
    .error input[type="search"]::-moz-placeholder,
    .error input[type="password"]::-moz-placeholder,
    .error input[type="url"]::-moz-placeholder,
    .error textarea::-moz-placeholder {
        opacity: 1;
        color: #b20000 !important;
    }

    .error input[type="text"]:-moz-placeholder,
    .error input[type="tel"]:-moz-placeholder,
    .error input[type="email"]:-moz-placeholder,
    .error input[type="search"]:-moz-placeholder,
    .error input[type="password"]:-moz-placeholder,
    .error input[type="url"]:-moz-placeholder,
    .error textarea:-moz-placeholder {
        color: #b20000 !important;
    }

    .error input[type="text"]:-ms-input-placeholder,
    .error input[type="tel"]:-ms-input-placeholder,
    .error input[type="email"]:-ms-input-placeholder,
    .error input[type="search"]:-ms-input-placeholder,
    .error input[type="password"]:-ms-input-placeholder,
    .error input[type="url"]:-ms-input-placeholder,
    .error textarea:-ms-input-placeholder {
        color: #b20000 !important;
    }

    .error input[type="text"].placeholder,
    .error input[type="tel"].placeholder,
    .error input[type="email"].placeholder,
    .error input[type="search"].placeholder,
    .error input[type="password"].placeholder,
    .error input[type="url"].placeholder,
    .error textarea.placeholder {
        color: #b20000 !important;
    }

select {
    -webkit-border-radius: 0;
    border-radius: 0;
}

textarea {
    resize: vertical;
    vertical-align: top;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
}

.jcf-checkbox {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #fff;
    border: 1px solid #b2bc7f;
    box-shadow: 0 0 0 1px #dbe4a7 inset;
    margin: 0 3px 0 0;
    height: 19px;
    width: 19px;
}

    .jcf-checkbox span {
        position: absolute;
        display: none;
        top: 4px;
        left: 4px;
        width: 8px;
        height: 9px;
        background: url(/images/doff/sprite.png) no-repeat 0 -71px;
    }

    .jcf-checkbox input[type="checkbox"] {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 0;
        margin: 0;
        left: 0;
        top: 0;
    }

    .jcf-checkbox.jcf-checked {
        background: #264d24;
        box-shadow: 0 0 0 1px #61802c inset;
    }

        .jcf-checkbox.jcf-checked span {
            display: block;
        }

.jcf-radio {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #eee;
    border: 1px solid #797a7d;
    border-radius: 9px;
    margin: 0 3px 0 0;
    height: 20px;
    width: 20px;
}

    .jcf-radio span {
        display: none;
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        background: #acc237;
        border-radius: 100%;
    }

    .jcf-radio input[type="radio"] {
        position: absolute;
        height: 100%;
        width: 100%;
        border: 0;
        margin: 0;
        left: 0;
        top: 0;
    }

    .jcf-radio.jcf-checked span {
        display: block;
    }

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 1px solid #acc238;
    background: #fff;
    margin: 0 0 4px;
    min-width: 80px;
    height: 28px;
}

    .jcf-select select {
        z-index: 1;
        left: 0;
        top: 0;
    }

    .jcf-select.jcf-drop-active {
        background: #264c24;
    }

        .jcf-select.jcf-drop-active .jcf-select-opener {
            background-position: -217px -196px;
        }

        .jcf-select.jcf-drop-active .jcf-select-text {
            color: #fff;
        }

    .jcf-select.jcf-select-arrow-up .jcf-select-opener {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .jcf-select .jcf-select-text {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: default;
        display: block;
        font-size: 14px;
        line-height: 26px;
        margin: 0 35px 0 5px;
        color: #264c24;
    }

    .jcf-select .jcf-select-opener {
        position: absolute;
        top: 20px;
        right: 10px;
        background: url("/images/doff/sprite.png") no-repeat -25px -1px;
        width: 18px;
        height: 10px;
    }

    .jcf-select .jcf-select-drop {
        position: absolute;
        margin-top: 0;
        z-index: 9999;
        top: 100%;
        left: -1px;
        right: -1px;
    }

    .jcf-select .jcf-drop-flipped {
        bottom: 100%;
        top: auto;
    }

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}

    body > .jcf-select-drop.jcf-drop-flipped {
        margin: 1px 0 0;
    }

.jcf-select-drop .jcf-select-drop-content {
    border: none;
}

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px;
}

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: rgba(172, 194, 55, 1);
    line-height: 16px;
    font-size: 14px;
    width: 100%;
}

    .jcf-list .jcf-list-content {
        vertical-align: top;
        display: inline-block;
        overflow: auto;
        width: 100%;
    }

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

        .jcf-list ul li {
            overflow: hidden;
            display: block;
            border-top: 1px solid #fff;
        }

    .jcf-list .jcf-overflow {
        overflow: auto;
    }

    .jcf-list .jcf-option {
        overflow: hidden;
        cursor: default;
        display: block;
        padding: 6px 1px 6px 9px;
        color: #000;
        height: 1%;
        font-size: 12px;
    }

    .jcf-list .jcf-disabled {
        background: #fff !important;
        color: #aaa !important;
    }

    .jcf-list .jcf-optgroup-caption {
        white-space: nowrap;
        font-weight: bold;
        display: block;
        padding: 11px 9px;
        cursor: default;
        color: #000;
    }

    .jcf-list .jcf-optgroup .jcf-option {
        padding-left: 30px;
    }

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #c8c8c8;
    color: #000;
}

.jcf-disabled {
    background: #ddd !important;
}

.jcf-select-nav-select.jcf-select {
    border: 2px solid #d6d6d6;
    height: 30px;
}

.jcf-select-nav-select .jcf-select-opener {
    display: none;
}

.jcf-select-nav-select .jcf-select-text {
    font-size: 14px;
    line-height: 25px;
    color: #000;
    margin: 0 5px;
    text-transform: uppercase;
}

    .jcf-select-nav-select .jcf-select-text .jcf-option-opt-level-1 > span {
        padding-left: 23px;
        position: relative;
    }

        .jcf-select-nav-select .jcf-select-text .jcf-option-opt-level-1 > span:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 17px;
            height: 17px;
            border-radius: 50%;
        }

    .jcf-select-nav-select .jcf-select-text .jcf-option-opt-level-1 .concluded strong {
        color: #fcb715;
    }

    .jcf-select-nav-select .jcf-select-text .jcf-option-opt-level-1 .concluded:before {
        background: #ff8000;
    }

    .jcf-select-nav-select .jcf-select-text .jcf-option-opt-level-1 .active strong {
        color: #acc237;
    }

    .jcf-select-nav-select .jcf-select-text .jcf-option-opt-level-1 .active:before {
        background: #acc237;
    }

    .jcf-select-nav-select .jcf-select-text .jcf-option-opt-level-1 .archived strong {
        color: #db0f0f;
    }

    .jcf-select-nav-select .jcf-select-text .jcf-option-opt-level-1 .archived:before {
        background: #db0f0f;
    }

.jcf-select-nav-select .jcf-select-drop-content {
    border: solid transparent;
    border-width: 1px 2px 0;
}

.jcf-select-nav-select .jcf-list {
    text-transform: uppercase;
}

    .jcf-select-nav-select .jcf-list .jcf-option-opt-default {
        display: none;
    }

    .jcf-select-nav-select .jcf-list .jcf-option-opt-level-1 strong {
        font-weight: 400;
    }

.jcf-select-select1 {
    background: #acc237;
    height: 42px;
}

    .jcf-select-select1 .jcf-select-text {
        color: #fff;
        font-size: 16px;
        line-height: 42px;
        text-transform: uppercase;
        margin: 0 35px 0 8px;
    }

    .jcf-select-select1 .jcf-select-opener {
        background-position: -82px -1px;
        width: 20px;
        height: 11px;
        right: 13px;
    }

    .jcf-select-select1.jcf-drop-active {
        background: #264c24;
    }

        .jcf-select-select1.jcf-drop-active .jcf-select-opener {
            background-position: -188px -196px;
        }

        .jcf-select-select1.jcf-drop-active .jcf-select-text {
            color: #fff;
        }

    .jcf-select-select1 .jcf-list ul li:first-child {
        display: none;
    }

.jcf-file {
    display: block;
    position: relative;
    overflow: hidden;
    background: #fff;
}

    .jcf-file:hover .jcf-upload-button {
        background: #acc237;
        border-color: #acc237;
        color: #fff;
    }

    .jcf-file .jcf-real-element {
        position: absolute;
        font-size: 200px;
        height: 200px;
        margin: 0;
        right: 0;
        top: 0;
    }

    .jcf-file .jcf-fake-input {
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: top;
        overflow: hidden;
        border: 1px solid #c7c7c7;
        background: #eee;
        padding: 0 8px;
        font-size: 13px;
        line-height: 28px;
        height: 41px;
        width: 125px;
        display: none;
        color: #666a6c;
    }

    .jcf-file .jcf-upload-button {
        display: block;
        max-width: 100%;
        overflow: hidden;
        border: 2px solid #dbe4a8;
        margin: 0;
        padding: 0 10px 0 43px;
        line-height: 39px;
        height: 43px;
        font-size: 16px;
        color: #264c24;
        text-transform: uppercase;
        position: relative;
    }

        .jcf-file .jcf-upload-button:before {
            background-position: -276px -98px;
            content: "";
            position: absolute;
            width: 21px;
            height: 23px;
            left: 13px;
            top: 8px;
        }

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

.img-hero {
    bottom: auto;
    z-index: -1;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .img-hero:after {
        content: "";
        top: auto;
        height: 40px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjc2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, .01) 0%, rgba(255, 255, 255, .76) 56%, white 74%, white 100%);
        background: linear-gradient(to bottom, rgba(238, 238, 238, .01) 0%, rgba(255, 255, 255, .76) 56%, white 74%, white 100%);
    }

#header .logo {
    margin: 16px 8px 11px;
    width: 109px;
}

#header .header-top {
    padding: 0;
}

#header .header-bottom {
    position: relative;
    padding-top: 0px;
}

    #header .header-bottom .right {
        text-align: right;
    }

#header .menu-opener {
    vertical-align: top;
    background: url("/images/doff/bg02.png") repeat-x;
    padding: 10px 0 12px 5px;
    margin-left: 29px;
    position: relative;
    display: none;
}

    #header .menu-opener:after {
        content: "";
        width: 999px;
        background: url("/images/doff/bg02.png") repeat-x;
        left: 100%;
        right: auto;
    }

    #header .menu-opener:before {
        content: "";
        width: 30px;
        height: 51px;
        position: absolute;
        right: 100%;
        top: 0;
        background: url("/images/doff/bg03.png") no-repeat;
    }

#header .nav-opener {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 23px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 2px 46px 1px 0;
    position: relative;
}

    #header .nav-opener:hover {
        opacity: .7;
    }

    #header .nav-opener:after {
        background-position: -186px -30px;
        width: 40px;
        height: 30px;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
    }

#header .social-network {
    margin: 3px -2px 3px 0;
}

#header .search-drop {
    background: #333;
}

.events-page #header .search-drop {
    z-index: 200;
}

#header .search-drop input[type="text"],
#header .search-drop input[type="search"] {
    height: 50px;
    border: none;
    background: none;
    box-shadow: none;
    width: 100%;
    box-sizing: border-box;
    padding: 4px 12px;
    font-size: 16px;
    line-height: 34px;
    color: #fff;
}

    #header .search-drop input[type="text"]::-webkit-input-placeholder,
    #header .search-drop input[type="search"]::-webkit-input-placeholder {
        color: #fff;
    }

    #header .search-drop input[type="text"]::-moz-placeholder,
    #header .search-drop input[type="search"]::-moz-placeholder {
        opacity: 1;
        color: #fff;
    }

    #header .search-drop input[type="text"]:-moz-placeholder,
    #header .search-drop input[type="search"]:-moz-placeholder {
        color: #fff;
    }

    #header .search-drop input[type="text"]:-ms-input-placeholder,
    #header .search-drop input[type="search"]:-ms-input-placeholder {
        color: #fff;
    }

    #header .search-drop input[type="text"].placeholder,
    #header .search-drop input[type="search"].placeholder {
        color: #fff;
    }

.meetup-description {
    margin-bottom: 15px;
}

.user-section .user-nav {
    overflow: hidden;
    position: relative;
    background: #00aeef;
}

@media (min-width: 768px) {
    .user-section .user-nav {
        background-color: transparent;
    }
}

    .user-section .user-nav .opener {
        display: block;
        background: #00aeef;
        padding: 8px 32px 5px 5px;
        color: #fff;
        text-decoration: none;
        position: relative;
        font-size: 14px;
        font-weight: bold;
        overflow: hidden;
        min-width: 161px;
        max-width: 161px;
        float: left;
    }

        .user-section .user-nav .opener.active:after {
            background-position: -188px -196px;
        }

        .user-section .user-nav .opener:after {
            background-position: -82px -1px;
            content: "";
            position: absolute;
            right: 8px;
            top: 50%;
            width: 20px;
            height: 11px;
            margin-top: -5px;
        }

        .user-section .user-nav .opener:hover {
            background: #0076a3;
        }

        .user-section .user-nav .opener img {
            float: left;
            width: 28px;
            height: 28px;
        }

        .user-section .user-nav .opener span {
            display: block;
            overflow: hidden;
            padding: 7px 0 4px 10px;
        }

    .user-section .user-nav .nav-opener {
        display: none !important;
    }

.user-section .usernav-drop {
    background: #333;
    font-size: 17px;
    line-height: 20px;
    text-transform: capitalize;
    border-bottom: 1px solid #fff;
}

    .user-section .usernav-drop li {
        border-bottom: 1px solid #fff;
    }

    .user-section .usernav-drop a {
        display: block;
        padding: 11px 18px;
        color: #fff;
        text-decoration: none;
    }

        .user-section .usernav-drop a:hover {
            background: #acc237;
        }

.menu-slide {
    background: #333;
    border-bottom: 2px solid #fff;
}

    .menu-slide .menu-close {
        background-position: -144px -221px;
        width: 30px;
        height: 28px;
        position: absolute;
        right: -6px;
        top: 4px;
    }

        .menu-slide .menu-close:hover {
            background-position: -191px -221px;
        }

    .menu-slide .btn {
        display: block;
        padding: 7px 11px 9px;
    }

    .menu-slide #nav {
        font-size: 17px;
        line-height: 20px;
    }

        .menu-slide #nav li {
            border-top: 1px solid #fff;
        }

        .menu-slide #nav a {
            display: block;
            padding: 11px 38px 11px 18px;
            color: #fff;
            text-decoration: none;
        }

            .menu-slide #nav a:hover {
                background: #acc237;
            }

        .menu-slide #nav ul a {
            padding-left: 30px;
        }

        .menu-slide #nav .has-drop-down-a {
        }

            .menu-slide #nav .has-drop-down-a:after {
                background-position: -82px -1px;
                content: "";
                position: absolute;
                right: 12px;
                top: 15px;
                width: 20px;
                height: 11px;
            }

        .menu-slide #nav .active .has-drop-down-a:after {
            background-position: -188px -196px;
        }

.breadcrumb {
    float: left;
    font-size: 10px;
    line-height: 1;
    position: relative;
    z-index: 1;
    padding-top: 11px;
    max-width: 750px;
    min-width: 300px;
}

    .breadcrumb:before {
        content: "";
        top: -3px;
        bottom: -3px;
        left: -999px;
        background: url("/images/doff/bg01.png") repeat-x;
        right: 100%;
    }

    .breadcrumb li {
        float: left;
        margin-right: 6px;
    }

        .breadcrumb li:first-child a {
            padding-left: 2px;
            z-index: 2;
            background: url("/images/doff/bg01.png") repeat-x;
        }

            .breadcrumb li:first-child a:hover {
                opacity: 1;
                color: #264c24;
            }

        .breadcrumb li.active {
            color: #264c24;
            font-weight: 700;
        }

    .breadcrumb a,
    .breadcrumb span {
        display: block;
        position: relative;
        text-decoration: none;
        padding-right: 13px;
    }

    .breadcrumb a {
        background: #acc237;
        color: #fff;
        position: relative;
        z-index: 1;
    }

        .breadcrumb a:hover {
            opacity: .8;
        }

        .breadcrumb a:after {
            content: "";
            position: absolute;
            width: 37px;
            height: 37px;
            right: -19px;
            top: 10px;
        }

.utility-links {
    padding: 8px 0 8px 8px;
    display: inline-block;
    vertical-align: top;
}

    .utility-links li {
        display: inline-block;
        vertical-align: top;
        margin-left: -3px;
        position: relative;
    }

        .utility-links li.active a,
        .utility-links li a:hover {
            background-color: #333;
        }

    .utility-links a {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        background-position: -43px -30px;
        display: block;
        width: 43px;
        height: 41px;
    }

    .utility-links .ico-search {
        background-position: -57px -93px;
    }

    .utility-links .ico-phone {
        background-position: -101px -92px;
    }

.nav-opener-mobile {
    width: 31px;
    height: 23px;
    float: right;
    margin: 11px 6px 0 0;
    position: relative;
    border-radius: 3px;
    z-index: 10;
}

    .nav-opener-mobile:before,
    .nav-opener-mobile:after,
    .nav-opener-mobile span {
        background: #fff;
        border-radius: 4px;
        position: absolute;
        top: 11px;
        left: 0;
        right: 0;
        height: 5px;
        margin-top: -3px;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }

    .nav-opener-mobile:before,
    .nav-opener-mobile:after {
        content: "";
        top: 2px;
    }

    .nav-opener-mobile:after {
        top: 20px;
    }

    .nav-opener-mobile:hover:before,
    .nav-opener-mobile:hover:after,
    .nav-opener-mobile:hover span {
        background: #fff;
    }

.mobile-nav-active .nav-opener-mobile:after,
.mobile-nav-active .nav-opener-mobile:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    left: 0;
    right: 0;
}

.mobile-nav-active .nav-opener-mobile:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile-nav-active .nav-opener-mobile span {
    opacity: 0;
}

.visible-tablet {
    display: none;
}

.hidden {
    display: none !important;
}

.social-network {
    display: inline-block;
    vertical-align: top;
}

    .social-network li {
        display: inline-block;
        vertical-align: top;
        margin-left: 1px;
    }

    .social-network a {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        background-position: -43px -30px;
        display: block;
        width: 26px;
        height: 26px;
    }

        .social-network a:hover {
            opacity: .6;
        }

        .social-network a[class*="ico-"] {
            background-color: #264d24;
        }

    .social-network .twitter {
        background-position: 0 -97px;
    }

    .social-network .facebook {
        background-position: -31px -97px;
    }

.share-links {
    text-align: right;
    letter-spacing: -4px;
    min-width: 120px;
}

    .share-links li {
        display: inline-block;
        vertical-align: top;
        margin-left: 8px;
        letter-spacing: 0;
    }

    .share-links a {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        background-position: 0 0;
        display: block;
        width: 19px;
        height: 20px;
    }

    .share-links .ico-users {
        background-position: -144px 0;
    }

        .share-links .ico-users:hover {
            background-position: 0 -136px;
        }

    .share-links .ico-like {
        background-position: -169px 0;
    }

        .share-links .ico-like:hover {
            background-position: -25px -136px;
        }

    .share-links .ico-share {
        background-position: -194px 0;
    }

        .share-links .ico-share:hover {
            background-position: -50px -136px;
        }

        .share-links .ico-share.share-clicked {
            background-position: -227px -97px;
            width: 25px;
            height: 25px;
        }

    .share-links .ico-msg {
        background-position: -100px -136px;
    }

        .share-links .ico-msg:hover {
            background-position: -75px -136px;
        }

.share-link-small li {
    display: inline-block;
    vertical-align: top;
    margin-right: 7px;
}

.share-link-small a {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    background-position: 0 0;
    display: block;
    height: 13px;
}

.share-link-small .ico-users {
    background-position: -127px -139px;
    width: 14px;
}

    .share-link-small .ico-users:hover {
        background-position: -191px -139px;
    }

.share-link-small .ico-like {
    background-position: -148px -139px;
    width: 14px;
}

    .share-link-small .ico-like:hover {
        background-position: -212px -139px;
    }

.share-link-small .ico-share {
    background-position: -169px -139px;
    width: 14px;
}

    .share-link-small .ico-share:hover {
        background-position: -233px -139px;
    }

    .share-link-small .ico-share.share-clicked {
        background-position: -233px -139px;
        width: 25px;
        height: 25px;
    }

.btn-list {
    overflow: hidden;
    width: 80%
}

    .btn-list li {
        float: left;
        margin: 0 4px 5px 0;
    }

    .btn-list a, .btn-list span {
        display: block;
        text-decoration: none;
        border: 1px solid #264c24;
        background: #fff;
        color: #264c24;
        -webkit-transition: all .25s linear;
        transition: all .25s linear;
        text-align: center;
        font-size: 12px;
        line-height: 14px;
        padding: 3px 9px;
        min-width: 77px;
    }

        .btn-list a:hover {
            background: #264c24;
            color: #fff;
        }

    .btn-list .purple {
        color: #863794;
        border-color: #863794;
    }

    .btn-list a.purple:hover {
        background: #863794;
    }

    .btn-list .orange {
        color: #fcb715;
        border-color: #fcb715;
    }

    .btn-list a.orange:hover {
        background: #fcb715;
    }

    .btn-list .blue {
        color: #00aeef;
        border-color: #00aeef;
    }

    .btn-list a.blue:hover {
        background: #00aeef;
    }

    .btn-list .grey {
        color: #696a6d;
        border-color: #696a6d;
    }

    .btn-list a.grey:hover {
        background: #696a6d;
    }

.btn-group {
    display: table;
    width: 100%;
}

    .btn-group li {
        display: table-cell;
    }

    .btn-group .active a,
    .btn-group a:hover {
        background: #264c24;
        color: #fff;
        border-color: #264c24;
    }

    .btn-group .active a {
        font-weight: 700;
    }

    .btn-group a {
        display: block;
        border: 1px solid #b0ba7d;
        font-size: 12px;
        line-height: 14px;
        text-transform: uppercase;
        color: #264c24;
        text-decoration: none;
        padding: 10px 10px;
        min-width: 95px;
        text-align: center;
    }

.btn {
    display: inline-block;
    vertical-align: top;
    border: 1px solid transparent;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
    text-align: center;
    padding: 3px 10px;
    color: #fff !important;
}

    .btn:hover {
        text-decoration: none;
    }

    .btn.btn-green {
        color: #264c24 !important;
        border: solid 1px #264c24 !important;
    }

        .btn.btn-green:hover {
            background: #264c24 !important;
            color: #fff !important;
        }

    .btn.btn-yellow {
        color: #fcb715;
        background-color: #fcb715;
    }

        .btn.btn-yellow:hover {
            background: #fcb715;
            color: #fff;
        }

    .btn.btn-orange {
        color: #fcb715;
        border-color: #fcb715;
    }

        .btn.btn-orange:hover {
            background: #fcb715;
            color: #fff;
        }

    .btn.btn-iron {
        color: #acbf37;
        border-color: #d6d6d6;
    }

        .btn.btn-iron:hover {
            background: #f0f0f0;
        }

        .btn.btn-iron.red {
            color: #da0e0e;
        }

.decline-active .btn.btn-iron.red {
    background: #f0f0f0;
}

.btn.btn-light-green {
    background: #aac13b;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    padding: 7px 11px 8px;
}

    .btn.btn-light-green:hover {
        background: #778626;
        transition: ease-in-out .2s;
    }

.btn.btn-grey {
    background: #b1b0b0;
    color: #fff;
    font-size: 16px;
    padding: 12px 7px 9px;
    font-weight: 400;
}

    .btn.btn-grey:hover {
        background: #8b8a8a;
    }

.btn-status {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d6d6d6;
    color: #000;
    text-transform: uppercase;
    position: relative;
    font-size: 10px;
    line-height: 11px;
    padding: 4px 6px 4px 20px;
}

    .btn-status:before {
        content: "";
        position: absolute;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        left: 5px;
        top: 4px;
    }

    .btn-status.active:before {
        background: #acc237;
    }

    .btn-status.active strong {
        color: #acc137;
    }

    .btn-status.concluded:before {
        background: #fcb715;
    }

    .btn-status.concluded strong {
        color: #fcb715;
    }

    .btn-status.archived:before {
        background: #d90000;
    }

    .btn-status.archived strong {
        color: #d90000;
    }

.btn-top {
    position: fixed;
    right: 0;
    bottom: 50px;
    width: 56px;
    height: 56px;
    background: rgba(172, 194, 55, .6);
    z-index: 22;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
}

    .btn-top:hover {
        background: #acc237;
    }

    .btn-top:after {
        background-position: -225px -1px;
        width: 38px;
        height: 21px;
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.intro-article {
    font-size: 12px;
    line-height: 16px;
    position: relative;
    padding: 46px 0 20px;
    margin-bottom: 11px;
}

@media(min-width:1024px) {
    .intro-article {
        padding: 46px 12px 20px;
    }
}

.intro-article.active .more:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.intro-article.add1 {
    padding-top: 20px;
    padding-bottom: 5px;
}

    .intro-article.add1 .top-bar {
        overflow: hidden;
        margin-bottom: 13px;
    }

        .intro-article.add1 .top-bar .btns {
            max-width: 75%;
            padding-bottom: 10px;
        }

    .intro-article.add1 .btn-orange {
        margin-right: 4px;
        min-height: 21px;
    }

.intro-article.add2 {
    padding: 23px 7px 0;
    margin-bottom: 15px;
}

.intro-article h1 {
    color: #264c24;
    text-transform: capitalize;
    margin-bottom: 13px;
    font-size: 26px;
    line-height: 29px;
}

    .intro-article h1 a {
        color: #264c24;
        text-decoration: none;
    }

        .intro-article h1 a:hover {
            color: #40803d;
        }

.intro-article h2 {
    font-weight: 400;
    margin-bottom: 16px;
}

.intro-article .more {
    position: relative;
    padding-right: 14px;
    color: #264c24;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 12px;
}

    .intro-article .more:hover {
        opacity: .7;
    }

    .intro-article .more:after {
        background-position: -2px -3px;
        width: 12px;
        height: 7px;
        content: "";
        position: absolute;
        right: 0;
        top: 8px;
        transform: rotate(-180deg);
    }

@media (min-width: 1024px) {
    .intro-article .more:after {
        top: 5px;
    }
}

.intro-article .share-links {
    position: absolute;
    top: 1em;
    right: 2.8em;
    min-width: 100px;
    z-index: 9999
}

.intro-article .two-col {
    overflow: hidden;
}

    .intro-article .two-col .col:first-child {
        margin-bottom: 15px;
    }

.intro-article .btn-list a, .intro-article .btn-list span {
    min-width: 20px;
}

#sidebar {
    padding: 1em .5em
}

.sidebar-grid-content {
    margin: 0 20px;
    padding: 22px 16px 20px;
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}

.widget {
    background: rgb(241, 241, 241);
    padding: 13px 9px 14px;
    margin-bottom: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .widget h2 {
        font-weight: normal;
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        padding-bottom: 6px;
        margin-bottom: 12px;
    }

    .widget .achievement + .achievement {
        padding-top: 21px;
    }

    .widget .achievement time {
        display: block;
        line-height: 15px;
        color: #676a6c;
        margin-bottom: 4px;
        font-size: 9px;
    }

    .widget .achievement h3 {
        font-size: 14px;
        margin-bottom: 2px;
    }

        .widget .achievement h3 a {
            text-decoration: none;
        }

            .widget .achievement h3 a:hover {
                color: #40803d;
            }

    .widget .achievement p {
        margin-bottom: 0;
    }

    .widget .latest-activity {
        padding-top: 3px;
        margin-bottom: -6px;
    }

        .widget .latest-activity li {
            position: relative;
            padding-left: 28px;
            margin-bottom: 10px;
        }

            .widget .latest-activity li + li {
                margin-top: 19px;
            }

        .widget .latest-activity [class*="ico-"]:before,
        .widget .latest-activity [class^="ico-"]:before {
            background-position: 0 0;
            content: "";
            width: 18px;
            height: 18px;
            position: absolute;
            left: 0;
            top: 0;
        }

        .widget .latest-activity .ico-user:before {
            background-position: -23px -72px;
        }

        .widget .latest-activity .ico-pic:before {
            background-position: -50px -72px;
        }

        .widget .latest-activity .ico-msg:before {
            background-position: -78px -72px;
        }

        .widget .latest-activity .ico-log:before {
            background-position: -106px -72px;
        }

        .widget .latest-activity .ico-cal:before {
            background-position: -133px -72px;
        }

        .widget .latest-activity .ico-users:before {
            background-position: -161px -72px;
        }

        .widget .latest-activity .ico-thumb:before {
            background-position: -188px -72px;
        }

        .widget .latest-activity .ico-share:before {
            background-position: -216px -72px;
        }

        .widget .latest-activity a {
            color: #863794;
        }

        .widget .latest-activity .blue {
            color: #00aeef;
        }

        .widget .latest-activity .orange {
            color: #fcb715;
        }

    .widget .btn-list {
        padding: 2px 2px 0;
        margin-bottom: -5px;
        font-weight: bold;
        text-transform: uppercase;
    }

        .widget .btn-list li {
            margin: 0 13px 10px 0;
        }

        .widget .btn-list a, .widget .btn-list span {
            font-size: 10px;
            padding: 3px 10px 1px;
        }

    .widget .btn-grey {
        display: block;
        margin: 20px 0 4px;
    }

    .widget .pdf-links {
        padding-bottom: 2px;
    }

        .widget .pdf-links li {
            padding: 4px 0 4px 26px;
            position: relative;
            margin-bottom: 11px;
        }

            .widget .pdf-links li:before {
                background-position: -256px -97px;
                width: 16px;
                height: 22px;
                content: "";
                position: absolute;
                left: 0;
                top: 0;
            }

        .widget .pdf-links a {
            color: #000;
        }

    .widget.info-panel-list {
        padding-bottom: 42px;
    }

        .widget.info-panel-list .btn {
            display: block;
            margin: 0 2px;
        }

        .widget.info-panel-list .wrap {
            padding-bottom: 12px;
        }

    .widget .info-panel {
        padding: 1px 0;
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        margin-top: 16px;
        font-size: 12px;
        line-height: 14px;
    }

        .widget .info-panel:first-child {
            margin-top: 0;
        }

        .widget .info-panel:last-child {
            border-bottom: none;
        }

        .widget .info-panel .info-group {
            margin-bottom: 13px;
            min-height: 0;
        }

            .widget .info-panel .info-group h3 {
                margin-bottom: 10px;
            }

            .widget .info-panel .info-group ul {
                font-size: 12px;
                line-height: 14px;
            }

                .widget .info-panel .info-group ul li + li {
                    margin-top: 2px;
                }

    .widget.widget1 {
        padding-bottom: 11px;
    }

        .widget.widget1 h3 {
            font-size: 18px;
            font-weight: normal;
            margin-bottom: 13px;
        }

        .widget.widget1 .btn-list {
            padding: 0;
        }

        .widget.widget1 .list-orange {
            margin: 0 -18px 0 -2px;
            padding: 10px 0 8px;
        }

            .widget.widget1 .list-orange li {
                margin: 0 15px 10px 0;
            }

            .widget.widget1 .list-orange a {
                padding: 5px 12px 3px;
            }

    .widget .ginfos-list {
        font-size: 14px;
        line-height: 17px;
        padding: 9px 0 5px;
    }

        .widget .ginfos-list li {
            padding-left: 29px;
            margin-bottom: 17px;
            position: relative;
        }

            .widget .ginfos-list li time {
                font-weight: 700;
            }

        .widget .ginfos-list [class*="ico-"]:before,
        .widget .ginfos-list [class^="ico-"]:before {
            background-position: 0 0;
            content: "";
            width: 19px;
            height: 18px;
            position: absolute;
            left: 0;
            top: -1px;
        }

        .widget .ginfos-list .ico-switch:before {
            background-position: -63px -164px;
        }

        .widget .ginfos-list .ico-mark:before {
            background-position: -92px -164px;
        }

        .widget .ginfos-list .ico-users:before {
            background-position: -119px -164px;
        }

        .widget .ginfos-list .ico-cup:before {
            background-position: -146px -164px;
        }

        .widget .ginfos-list .ico-briefcase:before {
            background-position: -174px -164px;
        }

        .widget .ginfos-list .ico-active:before {
            background-position: -269px -72px;
        }

        .widget .ginfos-list .ico-follower:before {
            background-position: -161px -72px;
        }

    .widget .link-view {
        display: inline-block;
        vertical-align: top;
        color: #acbf37;
        font-size: 12px;
        line-height: 15px;
        font-weight: 700;
    }

    .widget .member-active-list {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px;
        padding: 7px 0 8px;
    }

        .widget .member-active-list li {
            overflow: hidden;
            margin-bottom: 5px;
        }

        .widget .member-active-list .avatar {
            float: left;
            margin-right: 0;
        }

            .widget .member-active-list .avatar img {
                vertical-align: top;
            }

        .widget .member-active-list .txt {
            overflow: hidden;
            padding: 9px 0 0 11px;
        }

        .widget .member-active-list a {
            color: #00668d;
            margin-right: 10px;
        }

        .widget .member-active-list time {
            color: #00aeef;
            font-size: 12px;
        }

.widget-twitter .twitter {
    float: right;
    width: 24px;
    height: 19px;
    position: relative;
    font-size: 11px;
    line-height: 15px;
    margin: 5px 3px 0 0;
}

    .widget-twitter .twitter:hover .tooltip {
        display: block;
    }

    .widget-twitter .twitter .icon {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        background-position: -275px -31px;
        display: block;
        width: 24px;
        height: 19px;
    }

    .widget-twitter .twitter .tooltip {
        position: absolute;
        bottom: 100%;
        width: 206px;
        background: rgba(38, 76, 36, .3);
        -webkit-transform: translate(-48%, 0);
        -ms-transform: translate(-48%, 0);
        transform: translate(-48%, 0);
        padding: 9px 2px;
        text-align: center;
        margin-bottom: 11px;
        display: none;
    }

        .widget-twitter .twitter .tooltip:after {
            content: "";
            position: absolute;
            top: 100%;
            border-style: solid;
            border-color: rgba(38, 76, 36, .3) transparent transparent;
            border-width: 9px 9px 0;
            left: 50%;
            margin-left: -1px;
        }

.widget-twitter .tweet-list {
    font-size: 14px;
    line-height: 18px;
    padding: 3px 3px 0;
}

    .widget-twitter .tweet-list > li {
        margin-top: 19px;
    }

        .widget-twitter .tweet-list > li:first-child {
            margin-top: 0 !important;
        }

    .widget-twitter .tweet-list .time {
        display: block;
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 3px;
        color: #00aeef;
    }

    .widget-twitter .tweet-list p {
        margin-bottom: 0;
    }

    .widget-twitter .tweet-list .url {
        font-weight: 700;
        font-style: italic;
        text-decoration: underline;
    }

        .widget-twitter .tweet-list .url:hover {
            text-decoration: none;
        }

.widget-twitter .link-view {
    margin: 31px 5px 9px;
}

.widget-achievements ul {
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 3px;
}

    .widget-achievements ul li {
        padding-bottom: 25px;
    }

.widget-achievements time {
    display: block;
    color: #666a6c;
    font-size: 13px;
    margin-bottom: 7px;
}

.widget-achievements h3 {
    font-size: 20px;
    line-height: 24px;
}

.widget-achievements p {
    margin-bottom: 7px;
}

.widget-survey .progress-list {
    padding: 9px 0 18px;
}

    .widget-survey .progress-list > li {
        margin-bottom: 23px;
        overflow: hidden;
    }

    .widget-survey .progress-list .title {
        display: block;
        margin-bottom: 12px;
    }

    .widget-survey .progress-list .progress {
        overflow: hidden;
        height: 26px;
    }

        .widget-survey .progress-list .progress span {
            display: block;
            height: 100%;
            background: #acc237;
        }

    .widget-survey .progress-list .progress-green span {
        background: #264c24;
    }

.widget-poll .aprove {
    overflow: hidden;
    font-size: 18px;
    padding: 18px 0 8px;
}

    .widget-poll .aprove li {
        float: left;
        position: relative;
        padding: 3px 0 3px 35px;
        margin: 0 26px 10px 0;
    }

    .widget-poll .aprove input[type="radio"] {
        position: fixed;
        left: 0;
        top: 0;
        z-index: -1;
        opacity: 0;
    }

        .widget-poll .aprove input[type="radio"]:checked + span {
            background: #264c24;
            color: #fff;
            box-shadow: 0 0 0 1px #61802c inset;
        }

    .widget-poll .aprove span {
        width: 27px;
        height: 27px;
        position: absolute;
        left: 0;
        top: 0;
        text-transform: uppercase;
        font-size: 10px;
        line-height: 25px;
        text-align: center;
        vertical-align: top;
        border: 1px solid #b2bc7f;
        box-shadow: 0 0 0 1px #dbe4a7 inset;
    }

.widget-poll .btn {
    margin-bottom: 8px;
}

.notification {
    background: #db0f0f;
    padding: 12px 30px 11px;
    font-size: 14px;
    line-height: 17px;
    position: relative;
    display: none;
}

    .notification .close {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        background-position: -30px -221px;
        width: 14px;
        height: 14px;
        position: absolute;
        left: 14px;
        top: 13px;
    }

        .notification .close:hover {
            opacity: .7;
        }

    .notification a {
        color: #fff;
        text-decoration: none;
    }

        .notification a:hover {
            color: #acc237;
        }

    .notification .slide {
        position: relative;
        display: none;
        width: 100%;
        overflow: hidden;
        padding: 10px 0;
        color: #fff;
    }

        .notification .slide p {
            margin-bottom: 0;
        }

            .notification .slide p + p {
                margin-top: 15px;
            }

.search-form {
    padding-right: 0px;
}

    .search-form input[type="search"],
    .search-form input[type="text"] {
        width: 80%;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 20px;
        color: #676a6c;
        background-color: #eee;
        height: 35px;
        border: 1px solid #d1d2d2;
        box-shadow: 0 0 0 1px #e4e4e4 inset;
    }

    .search-form input[type="submit"] {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        background-position: -60px -96px;
        background-color: #264d24;
        width: 36px;
        height: 36px;
        border: none;
        padding: 0;
        margin: 0;
    }

        .search-form input[type="submit"]:hover {
            background-color: #40803d;
        }

.challenges {
    position: relative;
}

    .challenges h1 {
        font-weight: normal;
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        padding-bottom: 7px;
        color: #264c24;
        margin-bottom: 19px;
    }

.panel-filter {
    margin-bottom: 31px;
}

    .panel-filter .tabset {
        display: table;
        table-layout: fixed;
        width: 100%;
        box-shadow: 0 0 0 1px #ededed;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 17px;
        table-layout: auto;
        margin-bottom: 15px;
    }

        .panel-filter .tabset > * {
            display: table-cell;
        }

        .panel-filter .tabset .active a,
        .panel-filter .tabset a:hover {
            background: #264c24;
            color: #fff;
            border-color: #264c24;
            box-shadow: 0 0 0 1px #b0ba7d;
        }

        .panel-filter .tabset .active a {
            font-weight: 700;
        }

        .panel-filter .tabset a {
            display: block;
            color: #264c24;
            text-decoration: none;
            text-align: center;
            border: 1px solid #b0ba7d;
            padding: 6px 20px;
        }

    .panel-filter .two-col {
        margin-bottom: 17px;
    }

        .panel-filter .two-col h2 {
            font-weight: normal;
            border-bottom: 1px dashed rgba(214, 214, 214, .9);
            padding-bottom: 7px;
            margin-bottom: 12px;
            display: none;
        }

    .panel-filter .col-break {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 10px;
        -webkit-column-gap: 10px;
        column-gap: 10px;
    }

        .panel-filter .col-break li {
            margin-bottom: 9px;
        }

        .panel-filter .col-break label {
            display: inline-block;
            vertical-align: top;
            padding: 0 0 0 27px;
            position: relative;
            min-height: 19px;
        }

        .panel-filter .col-break .jcf-checkbox {
            position: absolute;
            left: 0;
            top: 0;
        }

    .panel-filter .result-txt {
        display: block;
        color: #686a6c;
        font-size: 14px;
    }

    .panel-filter .search-form {
        padding-top: 5px;
        position: relative
    }

.article-challenge {
    border-bottom: 1px dashed rgba(214, 214, 214, .9);
    padding-bottom: 20px;
}

    .article-challenge + .article-challenge {
        margin-top: 18px;
    }

    .article-challenge:last-child {
        border-bottom: none;
    }

    .article-challenge .heading {
        padding: 0 0 9px 2px;
        overflow: hidden;
        margin-bottom: 1px;
    }

    .article-challenge h2 {
        overflow: hidden;
        color: #863794;
        text-transform: capitalize;
        margin-bottom: 0;
        font-size: 16px;
    }

        .article-challenge h2 a {
            color: #863794;
            text-decoration: none;
        }

            .article-challenge h2 a:hover {
                color: #264c24;
            }

    .article-challenge .share-links {
        float: right;
        margin-left: 10px;
    }

    .article-challenge .body {
        overflow: hidden;
    }

    .article-challenge .img {
        float: left;
        width: 94px;
        margin-right: 10px;
    }

    .article-challenge .desc {
        overflow: hidden;
    }

    .article-challenge .btn-list {
        padding-bottom: 9px;
    }

    .article-challenge p {
        margin-bottom: 8px;
    }

    .article-challenge .table-border {
        margin-bottom: 0;
    }

#wrapper {
    position: relative;
    overflow: hidden;
    border-bottom: 10px solid #264c24;
    margin-bottom: 8px;
}

.table-border {
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    background: #eee;
    padding: 19px 10px 4px;
    margin-bottom: 9px;
}

    .table-border li {
        margin-bottom: 10px;
    }

        .table-border li strong {
            color: #264c24;
        }

.partners {
    padding: 13px 0 0;
    margin: 0 -4px -24px;
    text-align: center;
}

    .partners li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 7px 26px;
    }

    .partners a {
        display: block;
    }

        .partners a:hover {
            opacity: .5;
        }

.tab-lg,
.tab-md {
    font-size: 0;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: -4px;
}

    .tab-lg li,
    .tab-md li {
        display: inline-block;
        vertical-align: bottom;
        padding-right: 2px;
        letter-spacing: 0;
        font-size: 11px;
        line-height: 17px;
        margin-bottom: -1px;
    }

        .tab-lg li:last-child,
        .tab-md li:last-child {
            padding-right: 0;
        }

        .tab-lg li.active,
        .tab-md li.active {
            padding-right: 0;
            margin-bottom: 0;
        }

    .tab-lg .active a,
    .tab-lg a:hover,
    .tab-md .active a,
    .tab-md a:hover {
        margin-top: -5px;
        margin-bottom: -1px;
        padding-top: 9px;
        background: #fff;
        color: #264c24;
        border-color: #acc238;
        padding-bottom: 8px;
    }

    .tab-lg a,
    .tab-md a {
        display: block;
        background: #264c24;
        color: #fff;
        text-decoration: none;
        padding: 4px 4px 8px;
        text-align: center;
        border: solid #264c24;
        border-width: 1px 1px 0;
        min-width: 80px;
    }

        .tab-lg a span,
        .tab-md a span {
            display: table-cell;
            vertical-align: middle;

            width: 80px;
        }

    .tab-md li {
        width: 16.667%;
    }

    .tab-md a span {
        width: 120px;
    }

.tab-content {
    padding: 0;
    margin-bottom: 10px;
    background: #FFFFFF;
}

    .tab-content.add {
        padding-bottom: 1px;
    }

    .tab-content.add1 .post-list {
        padding-bottom: 5px;
        border-top: none;
    }

#tab-meetups .meet-info {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 1px;
}

    #tab-meetups .meet-info .location-hold {
        margin-bottom: 33px;
    }

.manage-group h2 {
    border-bottom: 1px dashed rgba(214, 214, 214, .9);
    font-size: 24px;
    line-height: 27px;
    padding-bottom: 9px;
    margin-bottom: 21px;
    font-weight: 400;
}

.manage-group h3 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 18px;
    font-weight: 400;
}

.manage-group .user {
    float: left;
    padding-left: 37px;
    line-height: 25px;
    margin-left: -3px;
    color: #000;
    margin-right: 17px;
}

    .manage-group .user img {
        float: left;
        margin-left: -34px;
    }

.manage-group .request-recieved {
    margin-bottom: 54px;
}

    .manage-group .request-recieved .t-wrap {
        overflow: hidden;
    }

    .manage-group .request-recieved .row {
        overflow: hidden;
        margin: 0 -13px 6px 2px;
    }

        .manage-group .request-recieved .row .col-txt {
            float: left;
            width: 57%;
            padding-right: 6px;
        }

        .manage-group .request-recieved .row .col-btn {
            text-align: right;
            overflow: hidden;
        }

    .manage-group .request-recieved .txt {
        overflow: hidden;
        font-size: 14px;
        line-height: 17px;
        padding-right: 10px;
    }

    .manage-group .request-recieved .user {
        margin-top: 2px;
    }

    .manage-group .request-recieved .btn {
        margin-bottom: 3px;
    }

    .manage-group .request-recieved form {
        padding: 7px 0 2px;
    }

    .manage-group .request-recieved textarea {
        width: 100% !important;
        min-height: 65px;
        margin-bottom: 9px;
    }

.manage-group .btn {
    min-width: 113px;
}

.manage-group .user-status {
    float: right;
    font-size: 12px;
    line-height: 17px;
    position: relative;
    padding-left: 21px;
    width: 82px;
    font-weight: 700;
    margin: 8px 0 6px;
}

    .manage-group .user-status:before {
        background-position: 0 0;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 17px;
        height: 17px;
    }

    .manage-group .user-status.member {
        color: #acc137;
    }

        .manage-group .user-status.member:before {
            background-position: -51px -221px;
        }

    .manage-group .user-status.registered {
        color: #d96d00;
    }

        .manage-group .user-status.registered:before {
            background-position: -75px -221px;
        }

.manage-group .existing-memeber {
    padding-bottom: 30px;
}

    .manage-group .existing-memeber ul {
        padding-top: 3px;
    }

        .manage-group .existing-memeber ul > li {
            overflow: hidden;
            margin-bottom: 10px;
        }

    .manage-group .existing-memeber .user {
        margin-right: 29px;
    }

.accordion-tab > li {
    margin-bottom: 3px;
}

.accordion-tab .active .accordion-opener {
    border: 1px solid #acc238;
    box-shadow: 0 0 0 1px #d6d6d6;
    background: #fff;
    color: #264c24;
}

    .accordion-tab .active .accordion-opener:hover {
        color: #fff;
    }

        .accordion-tab .active .accordion-opener:hover:after {
            background-position: -82px -1px;
        }

    .accordion-tab .active .accordion-opener:after {
        background-position: -55px -1px;
    }

.accordion-tab .accordion-opener {
    border: 1px solid #abc237;
    display: block;
    background: #264c24;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    line-height: 24px;
    padding: 6px 35px 5px 6px;
    position: relative;
}

    .accordion-tab .accordion-opener:hover {
        background: #acc237;
        border-color: #acc237;
    }

    .accordion-tab .accordion-opener:after {
        background-position: -188px -196px;
        width: 20px;
        height: 11px;
        content: "";
        position: absolute;
        right: 9px;
        top: 50%;
        -webkit-transform: translate(0, -50%) scale(.9);
        -ms-transform: translate(0, -50%) scale(.9);
        transform: translate(0, -50%) scale(.9);
    }

.filter {
    margin-bottom: 0;
}

    .filter h2 {
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 13px;
    }

    .filter .btn-group a {
        text-align: center;
    }

.article-lab {
    border-bottom: 1px dashed rgba(214, 214, 214, .9);
    padding-bottom: 20px;
    margin-bottom: 14px;
}

    .article-lab .tc:last-child {
        padding-top: 17px;
    }

    .article-lab .txt {
        max-width: 414px;
    }

    .article-lab h2 {
        color: #ff7f00;
        margin-bottom: 7px;
        text-transform: capitalize;
        font-size: 16px;
        font-weight: 400;
    }

        .article-lab h2 a {
            text-decoration: none;
            color: #ff7f00;
        }

            .article-lab h2 a:hover {
                color: #264c24;
            }

    .article-lab .btn-wrap {
        float: left;
    }

    .article-lab .btn {
        margin: 0 5px 5px 0;
    }

    .article-lab .share-links {
        overflow: hidden;
    }

    .article-lab p {
        margin-bottom: 9px;
    }

.jcf-select-tab {
    display: block !important;
    margin-bottom: 11px;
}

.timeline {
    margin: 2em 0 4em;
    background: #eee;
}

    .timeline h2 {
        margin-bottom: 54px;
        color: #264c24;
    }

    .timeline .bar {
        border: 1px solid #acc238;
        box-shadow: 0 0 0 1px #d6d6d6;
        background: #eee;
        width: 50px;
        padding-bottom: 48px;
        margin-left: 17px;
    }

        .timeline .bar li {
            position: relative;
            height: 60px;
            padding: 0 4px;
        }

            .timeline .bar li:after {
                content: "";
                width: 2px;
                height: 96px;
                background: #264c24;
                position: absolute;
                right: 0px;
                top: -8px;
            }

            .timeline .bar li.first-milestone:after {
                left: -2px
            }

            .timeline .bar li.last-milestone:after {
                content: "";
                width: 2px;
                height: 96px;
                background: #264c24;
                position: absolute;
                right: 7px;
                top: -8px;
            }

            .timeline .bar li.complete {
                background: #acc237;
                border-color: #acc237;
            }

        .timeline .bar .tooltip-wrap {
            position: absolute;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            color: #264c24;
            background: #264c24;
            top: -17px;
            right: -4px;
        }

        .timeline .bar .last-milestone .tooltip-wrap {
            right: 3px;
        }

        .timeline .bar .first-milestone .tooltip-wrap {
            left: -6px;
        }

        .timeline .bar .tooltip-wrap.hover .tooltip {
            display: block;
        }

        .timeline .bar .tooltip {
            position: absolute;
            width: 279px;
            background: #bdc9bd;
            font-size: 12px;
            line-height: 14px;
            bottom: 100%;
            left: -17px;
            margin-bottom: 12px;
            padding: 6px 10px 7px;
            display: none;
        }

            .timeline .bar .tooltip:before {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                top: 100%;
                left: 13px;
                border-style: solid;
                border-color: #bdc9bd transparent transparent;
                border-width: 9px 9px 0;
            }

            .timeline .bar .tooltip h3 {
                font-size: 12px;
                line-height: 14px;
                margin: 0 20px 8px 0;
            }

            .timeline .bar .tooltip p {
                margin-bottom: 0;
            }

        .timeline .bar .title {
            display: none;
            position: absolute;
            font-size: 12px;
            line-height: 14px;
            max-width: 137px;
            margin-top: 76px;
            left: 4px;
        }

.post-form {
    padding-top: 2px;
    margin-bottom: 18px;
}

    .post-form textarea {
        border-color: #bbb;
        width: 100% !important;
        min-height: 65px;
        margin-bottom: 8px;
    }

    .post-form .col:last-child {
        overflow: hidden;
    }

    .post-form input[type="submit"] {
        display: block;
        width: 100%;
        background: #acc237;
        color: #fff;
        margin-top: 10px;
        font-size: 16px;
        font-weight: 400;
        padding: 10px 5px;
    }

        .post-form input[type="submit"]:hover {
            background: #778626;
        }

.post-list {
    border-top: 2px dotted #cfdc8c;
    padding-top: 7px;
}

.article-post {
    border-bottom: 1px dashed rgba(214, 214, 214, .9);
    padding: 12px 0 8px;
    margin-bottom: 3px;
}

    .article-post .meta {
        overflow: hidden;
        line-height: 15px;
        color: #696a6d;
        margin-bottom: 12px;
        font-size: 12px;
    }

        .article-post .meta .avatar {
            float: left;
        }

        .article-post .meta .txt {
            display: block;
            overflow: hidden;
            padding: 7px 8px;
        }

        .article-post .meta a {
            color: #00aeef;
        }

    .article-post img {
        vertical-align: top;
        width: 100%;
    }

    .article-post .body {
        overflow: hidden;
        margin-bottom: 16px;
    }

        .article-post .body .img {
            margin-bottom: 15px;
        }

        .article-post .body .desc {
            overflow: hidden
        }

            .article-post .body .desc p {
                clear: both
            }

        .article-post .body p {
            margin-bottom: 0;
        }

            .article-post .body p + p {
                margin-top: 9px;
            }

    .article-post .footer {
        overflow: hidden;
        font-size: 10px;
        line-height: 12px;
        padding-left: 2px;
    }

        .article-post .footer .list-inline {
            float: left;
            max-width: 60%;
        }

            .article-post .footer .list-inline li {
                float: left;
                margin: 0 14px 8px 0;
            }

            .article-post .footer .list-inline a {
                color: #686a6c;
            }

        .article-post .footer .share-links {
            overflow: hidden;
        }

.accordion {
    margin-bottom: 20px;
}

    .accordion > li {
        margin-bottom: 3px;
    }

    .accordion .active .opener {
        border: 1px solid #acc238;
        box-shadow: 0 0 0 1px #d6d6d6;
        background: #fff;
        color: #264c24;
    }

        .accordion .active .opener:hover {
            color: #fff;
        }

            .accordion .active .opener:hover:after {
                background-position: -82px -1px;
            }

        .accordion .active .opener:after {
            background-position: -55px -1px;
        }

    .accordion .opener {
        border: 1px solid #abc237;
        display: block;
        background: #264c24;
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        line-height: 24px;
        padding: 6px 35px 5px 6px;
        position: relative;
    }

        .accordion .opener:hover {
            background: #acc237;
            border-color: #acc237;
        }

        .accordion .opener:after {
            background-position: -188px -196px;
            width: 20px;
            height: 11px;
            content: "";
            position: absolute;
            right: 9px;
            top: 50%;
            -webkit-transform: translate(0, -50%) scale(.9);
            -ms-transform: translate(0, -50%) scale(.9);
            transform: translate(0, -50%) scale(.9);
        }

    .accordion .slide {
        padding: 21px 0 17px;
        background: rgba(255, 255, 255, .9);
    }

.panel-group {
    position: relative;
    padding-bottom: 2em;
}

    .panel-group h2 {
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        font-weight: 400;
        font-size: 18px;
        line-height: 20px;
        padding-bottom: 11px;
        margin-bottom: 17px;
    }

    .panel-group h3 {
        font-size: 12px;
        margin-bottom: 11px;
    }

    .panel-group .link-request {
        background: #acc237;
        font-size: 14px;
        line-height: 18px;
        color: #fff;
        top: 0;
        right: -25px;
        padding: 12px 8px 11px;
        text-decoration: none;
        display: block;
        text-align: center;
    }

        .panel-group .link-request:hover {
            opacity: .7;
        }

        .panel-group .link-request:after {
            content: "";
            display: none;
            position: absolute;
            top: 0;
            right: 100%;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent #acc237 transparent transparent;
            border-width: 18px 11px 19px 0;
        }

    .panel-group .btn-list {
        padding-bottom: 10px;
    }

        .panel-group .btn-list li {
            margin-bottom: 10px;
        }

.info-panel .info-group {
    overflow: hidden;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 23px;
}

    .info-panel .info-group .txt-wrap {
        margin-left: 113px;
        margin-top: 5px;
    }

        .info-panel .info-group .txt-wrap > time {
            color: #00aeef;
            display: block;
            margin-bottom: 9px;
        }

    .info-panel .info-group h3 {
        color: #264c24;
        margin: -4px 0 8px;
        line-height: 19px;
    }

    .info-panel .info-group a {
        color: #000;
    }

    .info-panel .info-group span {
        display: block;
    }

        .info-panel .info-group span + span {
            margin-top: 4px;
        }

    .info-panel .info-group .university {
        font-size: 16px;
        line-height: 18px;
        display: block;
        margin-bottom: 8px;
    }

    .info-panel .info-group .name {
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
        text-transform: capitalize;
        color: #00aeef;
        margin-bottom: 3px;
    }

        .info-panel .info-group .name a {
            color: #00aeef;
        }

    .info-panel .info-group ul {
        font-size: 12px;
        line-height: 14px;
    }

        .info-panel .info-group ul li + li {
            margin-top: 2px;
        }

        .info-panel .info-group ul strong,
        .info-panel .info-group ul time {
            font-weight: 700;
        }

.info-panel .img {
    float: left;
    width: 100px;
    margin-right: 13px;
}

    .info-panel .img img {
        vertical-align: top;
    }

.info-panel h3 {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 400;
}

.info-panel h4 {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 4px;
}

.well {
    font-size: 12px;
    line-height: 16px;
    background: #eee;
    padding: 12px 9px 18px;
    margin: 0 5px 20px;
}

    .well h2 {
        font-weight: 400;
        margin-bottom: 13px;
        line-height: 23px;
        color: #264c24;
    }

    .well p {
        margin-bottom: 0;
    }

.info-table {
    padding-bottom: 9px;
}

    .info-table h2 {
        font-weight: 400;
        margin-bottom: 9px;
        font-size: 20px;
        line-height: 24px;
        color: #264c24;
    }

    .info-table .info-list {
        overflow: hidden;
        margin-bottom: 15px;
    }

        .info-table .info-list ul {
            float: left;
            width: 115px;
        }

            .info-table .info-list ul:first-child {
                padding-right: 8px;
                width: 165px;
            }

    .info-table .link-view {
        display: inline-block;
        vertical-align: top;
        color: #acbf37;
        font-size: 10px;
        line-height: 16px;
        font-weight: 700;
    }

    .info-table .btn-list {
        text-transform: uppercase;
    }

        .info-table .btn-list li {
            margin: 0 10px 10px 0;
        }

.panel-meeting + .panel-meeting {
    border-top: 2px dotted #cfdc8c;
    padding-top: 20px;
}

.panel-meeting .post-form {
    margin-bottom: 18px;
}

.panel-meeting h2.title-comment {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    padding: 0 26px 0 0;
    position: relative;
    margin: 0 0 0 -2px;
}

    .panel-meeting h2.title-comment:before,
    .panel-meeting h2.title-comment:after {
        content: "";
        position: absolute;
        background-position: -78px -72px;
        width: 18px;
        height: 18px;
        left: -30px;
        top: 0;
    }

    .panel-meeting h2.title-comment:after {
        background-position: -245px -72px;
        height: 10px;
        top: 4px;
        left: auto;
        right: 0;
    }

.meet-info {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 2em;
}

    .meet-info + h2.title-comment {
        display: none;
        padding-left: 30px;
        margin-bottom: 14px;
    }

        .meet-info + h2.title-comment:before {
            left: 1px;
            top: 3px;
        }

    .meet-info .head > * {
        vertical-align: top;
    }

    .meet-info .col {
        vertical-align: top;
    }

        .meet-info .col:last-child {
            position: relative;
        }

    .meet-info .date {
        margin-bottom: 21px;
        display: block;
    }

    .meet-info h2 {
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        font-size: 18px;
        line-height: 22px;
        padding: 0 0 10px;
        margin-bottom: 10px;
        text-transform: capitalize;
    }

    .meet-info .location-hold {
        margin: -3px 0 15px;
    }

        .meet-info .location-hold h3 {
            font-size: 16px;
            line-height: 18px;
            font-weight: 400;
            color: #65802c;
            margin-bottom: 6px;
        }

        .meet-info .location-hold .link {
            text-transform: uppercase;
            display: inline-block;
            vertical-align: top;
            color: #acc137;
            text-decoration: none;
            font-weight: 700;
        }

            .meet-info .location-hold .link:hover {
                color: #264c24;
            }

        .meet-info .location-hold p {
            margin-bottom: 0;
        }

    .meet-info .attender h4 {
        font-size: 16px;
        line-height: 18px;
        font-weight: 400;
        color: #65802c;
        margin-bottom: 10px;
    }

    .meet-info .attender ul {
        overflow: hidden;
    }

        .meet-info .attender ul li {
            float: left;
            margin: 0 8px 6px 0;
        }

    .meet-info .attender img {
        vertical-align: top;
    }

    .meet-info .btn-light-green {
        padding: 11px 16px 9px;
    }

    .meet-info .btn-hold {
        margin: 12px 0 13px;
    }

    .meet-info .inline-list {
        font-size: 11px;
        line-height: 14px;
        margin-bottom: 17px;
    }

        .meet-info .inline-list li {
            display: inline-block;
            margin-left: 10px;
        }

        .meet-info .inline-list a {
            color: #686a6c;
        }

            .meet-info .inline-list a span {
                color: #264c24;
            }

    .meet-info .btn-status {
        padding: 5px 10px 5px;
        margin: 15px 0 10px;
        font-weight: bold;
        min-width: 113px;
        text-align: center;
    }

        .meet-info .btn-status:before {
            display: none;
        }

        .meet-info .btn-status span {
            display: inline-block;
            vertical-align: top;
            padding-left: 29px;
            position: relative;
        }

            .meet-info .btn-status span:before {
                content: "";
                position: absolute;
                background-position: -257px -137px;
                width: 17px;
                height: 17px;
                top: 0;
                left: 0;
            }

        .meet-info .btn-status.going {
            color: #acbf37;
        }

            .meet-info .btn-status.going span:before {
                background-position: -257px -137px;
            }

        .meet-info .btn-status.rsvp {
            color: #fcb715;
        }

            .meet-info .btn-status.rsvp span:before {
                background-position: -280px -137px;
            }

    .meet-info .share-links a {
        width: 25px;
        height: 25px;
    }

    .meet-info .share-links .ico-users {
        background-position: -86px -30px;
    }

        .meet-info .share-links .ico-users:hover {
            background-position: -161px -97px;
        }

    .meet-info .share-links .ico-like {
        background-position: -119px -30px;
    }

        .meet-info .share-links .ico-like:hover {
            background-position: -194px -97px;
        }

    .meet-info .share-links .ico-share {
        background-position: -152px -30px;
    }

        .meet-info .share-links .ico-share:hover {
            background-position: -227px -97px;
        }

        .meet-info .share-links .ico-share.share-clicked {
            background-position: -227px -97px;
            width: 25px;
            height: 25px;
        }

    .meet-info .share-links .ico-msg {
        background-position: -30px -163px;
    }

        .meet-info .share-links .ico-msg:hover,
        .msgbox-active .meet-info .share-links .ico-msg {
            background-position: 0 -163px;
        }

.comment-list {
    font-size: 14px;
    line-height: 17px;
    padding-left: 31px;
}

    .comment-list .comment {
        padding: 17px 0;
    }

        .comment-list .comment + .comment {
            border-top: 2px dotted #cfdc8c;
            padding: 26px 0 23px;
            margin-top: 12px;
        }

    .comment-list .meta {
        overflow: hidden;
        font-size: 13px;
        line-height: 15px;
        color: #696a6d;
        margin-bottom: 9px;
    }

        .comment-list .meta .avatar {
            float: left;
        }

        .comment-list .meta .txt {
            display: block;
            overflow: hidden;
            padding: 6px 8px;
        }

        .comment-list .meta a {
            color: #00aeef;
        }

    .comment-list .body {
        padding-bottom: 15px;
    }

        .comment-list .body p {
            margin-bottom: 0;
        }

            .comment-list .body p + p {
                margin-top: 8px;
            }

    .comment-list .bottom {
        overflow: hidden;
    }

    .comment-list .inline-list {
        float: left;
        font-size: 10px;
        padding-left: 2px;
    }

        .comment-list .inline-list li {
            float: left;
            margin-right: 4px;
        }

        .comment-list .inline-list span {
            color: #264c24;
        }

.form-invite {
    padding-top: 3px;
    margin: 0 4px -3px 0;
}

    .form-invite input[type="text"],
    .form-invite input[type="email"] {
        background: #fff;
        width: 100%;
        margin-bottom: 11px;
        border-color: #c8c8c8;
        color: #696a6d;
        height: 30px;
        line-height: 22px;
        padding: 3px 11px;
        box-shadow: 0 0 0 1px #ececec inset;
    }

    .form-invite .btn-holder {
        text-align: right;
    }

    .form-invite .btn {
        padding: 11px 20px 10px;
    }

.panel-welcome {
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(172, 194, 56, .9);
    box-shadow: 0 0 0 1px rgba(214, 214, 214, .9);
    margin-bottom: 28px;
    padding: 26px 0 14px;
    position: relative;
}

    .panel-welcome .link-follow {
        position: absolute;
        right: -2px;
        top: 10px;
        padding: 10px 24px 10px 8px;
        font-size: 16px;
        white-space: nowrap;
        max-width: 50%;
        text-align: left;
        display: none;
        background: #acc237;
        font-size: 16px;
        line-height: 18px;
        color: #fff;
        padding: 9px 10px 10px 28px;
        text-decoration: none;
        text-transform: uppercase;
        display: none;
        text-align: center;
        width: 115px;
        z-index: 3;
    }

        .panel-welcome .link-follow span {
            text-overflow: ellipsis;
            overflow: hidden;
            display: block;
        }

        .panel-welcome .link-follow:hover {
            opacity: .7;
        }

        .panel-welcome .link-follow:after {
            content: "";
            display: none;
            position: absolute;
            top: 0;
            right: 100%;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent #acc237 transparent transparent;
            border-width: 18px 11px 19px 0;
        }

        .panel-welcome .link-follow:before {
            background-position: -184px -257px;
            content: "";
            position: absolute;
            left: 7px;
            top: 9px;
            width: 18px;
            height: 18px;
        }

    .panel-welcome .txt {
        overflow: hidden;
        font-size: 20px;
        line-height: 26px;
        margin: 0 37px 16px;
        padding-left: 178px;
        position: relative;
        min-height: 165px;
    }

        .panel-welcome .txt .img {
            position: absolute;
            top: 6px;
            width: 147px;
            left: 0;
        }

            .panel-welcome .txt .img .link-edit {
                position: absolute;
                right: 0px;
                bottom: 0px;
                background: none;
            }

        .panel-welcome .txt img {
            vertical-align: top;
        }

        .panel-welcome .txt .desc {
            overflow: hidden;
        }

        .panel-welcome .txt h1 {
            font-size: 57px;
            line-height: 57px;
            color: #264c24;
            text-transform: capitalize;
            margin-bottom: 10px;
            margin-right: 72px;
        }

        .panel-welcome .txt .link-edit {
            overflow: hidden;
            text-indent: 101%;
            white-space: nowrap;
            background-position: -205px -164px;
            width: 100%;
            height: 100%;
            display: inline-block;
            vertical-align: baseline;
        }

            .panel-welcome .txt .link-edit:hover {
                background: url(/images/doff/profile-edit.png) no-repeat
            }

    .panel-welcome .area-interest {
        display: inline-block;
    }

        .panel-welcome .area-interest .title {
            float: left;
            background: #acc237;
            padding: 9px 11px 9px 26px;
            text-transform: uppercase;
            color: #fff;
            position: relative;
            margin-right: 21px;
        }

            .panel-welcome .area-interest .title:after {
                content: "";
                position: absolute;
                left: 100%;
                top: 0;
                width: 0;
                height: 0;
                border-style: solid;
                border-color: transparent transparent transparent #acc237;
                border-width: 18px 0 19px 10px;
            }

        .panel-welcome .area-interest .list {
            float: left;
            padding-top: 5px;
        }

            .panel-welcome .area-interest .list > li {
                display: inline-block;
                vertical-align: top;
                border: 2px solid #acc237;
                padding: 3px 10px 4px;
                min-width: 103px;
                text-align: center;
                margin: 0 10px 5px 0;
            }

        .panel-welcome .area-interest .add-more {
            position: relative;
            float: right;
            padding-top: 10px;
        }

        .panel-welcome .area-interest .opener {
            overflow: hidden;
            text-indent: 101%;
            white-space: nowrap;
            background-position: -258px -164px;
            display: block;
            width: 18px;
            height: 18px;
        }

            .panel-welcome .area-interest .active .opener,
            .panel-welcome .area-interest .opener:hover {
                background-position: -281px -164px;
            }

        .panel-welcome .area-interest .dropdown {
            position: absolute;
            left: 0;
            top: 100%;
            background: rgba(172, 194, 55, .7);
            width: 166px;
            font-size: 14px;
            display: none;
            margin-top: 7px;
            z-index: 30;
        }

            .panel-welcome .area-interest .dropdown:before {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 0;
                width: 0;
                height: 0;
                border-style: solid;
                border-color: transparent transparent rgba(172, 194, 55, .7);
                border-width: 0 9px 9px;
            }

            .panel-welcome .area-interest .dropdown li {
                border-top: 1px solid #fff;
            }

                .panel-welcome .area-interest .dropdown li:first-child {
                    border-top: none;
                }

            .panel-welcome .area-interest .dropdown a {
                display: block;
                color: #000;
                padding: 12px 10px 13px;
                text-decoration: none;
            }

                .panel-welcome .area-interest .dropdown a:hover {
                    background: rgba(177, 176, 176, .7);
                }

.form-content {
    margin-bottom: 29px;
}

    .form-content li .opener {
        font-size: 18px;
    }

    .form-content .slide {
        padding: 13px 20px 20px 17px;
    }

    .form-content .two-col {
        overflow: hidden;
        margin: 0 -24px;
        padding-top: 17px;
    }

        .form-content .two-col .col {
            float: left;
            width: 50%;
            padding: 0 24px;
        }

    .form-content input[type="text"],
    .form-content input[type="email"],
    .form-content input[type="password"],
    .form-content input[type="tel"],
    .form-content input[type="url"] {
        width: 100%;
        margin-bottom: 22px;
        height: 28px;
        line-height: 22px;
        padding: 2px 10px;
    }

    .form-content .btn-wrap {
        text-align: right;
        margin-top: -2px;
    }

    .form-content .btn {
        padding: 4px 12px;
    }

    .form-content .postal-code {
        overflow: hidden;
    }

        .form-content .postal-code .col-in {
            float: right;
        }

            .form-content .postal-code .col-in:first-child {
                float: left;
                max-width: 150px;
                padding-right: 10px;
            }

        .form-content .postal-code input[type="text"] {
            margin-bottom: 22px;
        }

    .form-content .choose-radio {
        font-size: 14px;
        line-height: 17px;
        margin-top: -3px;
    }

        .form-content .choose-radio > li {
            position: relative;
            margin-bottom: 10px;
        }

        .form-content .choose-radio .lbl {
            display: inline-block;
            vertical-align: middle;
            overflow: hidden;
            color: #696a6d;
            padding-left: 29px;
            max-width: 80%;
            width: 100%;
        }

        .form-content .choose-radio .yes-no {
            vertical-align: middle;
        }

    .form-content .radio-inline {
        padding-bottom: 22px;
        line-height: 19px;
    }

        .form-content .radio-inline li {
            display: inline-block;
            vertical-align: top;
            margin: 0 40px 10px 0;
            padding-left: 32px;
        }

        .form-content .radio-inline .jcf-radio {
            float: left;
            margin-left: -32px;
        }

    .form-content .txt {
        display: block;
        line-height: 21px;
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        padding-bottom: 10px;
        margin-bottom: 5px;
    }

    .form-content .question {
        margin-bottom: 10px;
    }

        .form-content .question .label {
            float: left;
            font-size: 14px;
            line-height: 18px;
            margin: 4px 29px 0 3px;
        }

    .form-content .bordered {
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        padding-bottom: 8px;
        margin-bottom: 25px;
        font-weight: 400;
        font-size: 26px;
        line-height: 30px;
    }

    .form-content .payment .title {
        display: block;
        font-size: 18px;
        margin-bottom: 25px;
    }

    .form-content .payment .btn-wrap {
        margin-top: -6px;
        margin-bottom: 36px;
    }

    .form-content .payment .txt-forgot {
        padding: 0 5px;
        margin-bottom: 0;
    }

.yes-no {
    width: 53px;
    height: 27px;
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    line-height: 25px;
    text-transform: uppercase;
    position: relative;
}

    .yes-no.input-checked-parent ~ .lbl {
        color: #000;
    }

    .yes-no label {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .yes-no input[type="checkbox"] {
        position: fixed;
        left: 0;
        top: 0;
        z-index: -1;
        opacity: 0;
    }

    .yes-no > span {
        float: left;
        width: 50%;
        text-align: center;
        border: 1px solid #b2bc7f;
    }

    .yes-no input[type=checkbox]:checked ~ .yes {
        background: #264c24;
        color: #fff;
        box-shadow: 0 0 0 1px #61802c inset;
    }

    .yes-no input[type=checkbox]:checked ~ .no {
        box-shadow: 0 0 0 1px #dbe4a7 inset;
        background: #fff;
        color: #264c24;
    }

    .yes-no .no {
        background: #264c24;
        color: #fff;
        box-shadow: 0 0 0 1px #61802c inset;
    }

.panel-well {
    border: 1px solid #acc238;
    box-shadow: 0 0 0 1px #d6d6d6;
    padding: 13px 17px 15px;
    margin-bottom: 25px;
    background: rgba(255, 255, 255, .9);
}

    .panel-well.add1 {
        margin-bottom: 38px;
    }

    .panel-well .heading {
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        padding: 0 0 5px 4px;
        margin-bottom: 18px;
    }

        .panel-well .heading .vote {
            float: right;
            margin: 14px 6px 0 10px;
            color: #000;
        }

    .panel-well h2 {
        font-size: 30px;
        line-height: 34px;
        color: #264c24;
        margin-bottom: 0;
        font-weight: 400;
        overflow: hidden;
    }

    .panel-well .aprove {
        overflow: hidden;
        font-size: 18px;
        padding-bottom: 8px;
    }

        .panel-well .aprove li {
            float: left;
            position: relative;
            padding: 3px 0 3px 37px;
            margin: 0 26px 10px 0;
        }

        .panel-well .aprove input[type="radio"] {
            position: fixed;
            left: 0;
            top: 0;
            z-index: -1;
            opacity: 0;
        }

            .panel-well .aprove input[type="radio"]:checked + span {
                background: #264c24;
                color: #fff;
                box-shadow: 0 0 0 1px #61802c inset;
            }

        .panel-well .aprove span {
            width: 27px;
            height: 27px;
            position: absolute;
            left: 0;
            top: 0;
            text-transform: uppercase;
            font-size: 10px;
            line-height: 25px;
            text-align: center;
            vertical-align: top;
            border: 1px solid #b2bc7f;
            box-shadow: 0 0 0 1px #dbe4a7 inset;
        }

    .panel-well .progress-list {
        padding: 4px 0 4px;
    }

        .panel-well .progress-list > li {
            margin-bottom: 9px;
            overflow: hidden;
        }

            .panel-well .progress-list > li:last-child {
                margin-bottom: 0;
            }

        .panel-well .progress-list .title {
            float: left;
            width: 124px;
            padding: 3px 10px 0 0;
        }

        .panel-well .progress-list .progress {
            overflow: hidden;
            height: 26px;
        }

            .panel-well .progress-list .progress span {
                display: block;
                height: 100%;
                background: #acc237;
            }

        .panel-well .progress-list .progress-green span {
            background: #264c24;
        }

    .panel-well .contact-info {
        overflow: hidden;
        font-size: 16px;
        line-height: 19px;
    }

        .panel-well .contact-info ul li {
            margin-bottom: 12px;
        }

        .panel-well .contact-info a {
            color: #000;
            text-decoration: none;
        }

            .panel-well .contact-info a:hover {
                color: #acc237;
            }

        .panel-well .contact-info address {
            font-style: normal;
        }

        .panel-well .contact-info [class*="ico-"],
        .panel-well .contact-info [class^="ico-"] {
            position: relative;
            padding-left: 29px;
            display: inline-block;
            vertical-align: top;
        }

            .panel-well .contact-info [class*="ico-"]:before,
            .panel-well .contact-info [class^="ico-"]:before {
                background-position: 0 0;
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                height: 18px;
                width: 23px;
            }

        .panel-well .contact-info .ico-envelop:before {
            background-position: 0 -195px;
        }

        .panel-well .contact-info .ico-phone:before {
            background-position: -29px -195px;
        }

        .panel-well .contact-info .ico-farm:before {
            background-position: -58px -195px;
        }

        .panel-well .contact-info .ico-twitter:before {
            background-position: -84px -195px;
        }

        .panel-well .contact-info .ico-url:before {
            background-position: -115px -195px;
        }

        .panel-well .contact-info .ico-mark:before {
            background-position: -92px -164px;
        }

    .panel-well.panel-posts {
        padding-bottom: 31px;
    }

        .panel-well.panel-posts .heading {
            margin-bottom: 9px;
        }

        .panel-well.panel-posts h2 {
            font-size: 24px;
            line-height: 26px;
            padding-bottom: 4px;
        }

        .panel-well.panel-posts .post-list {
            border-top: none;
            padding-bottom: 36px;
            min-height: 0;
        }

        .panel-well.panel-posts .text-center {
            text-align: center;
        }

            .panel-well.panel-posts .text-center .load-more {
                display: inline-block;
                vertical-align: top;
                text-transform: uppercase;
                font-size: 17px;
            }

.panel-delete {
    padding-bottom: 28px;
}

    .panel-delete:last-child {
        padding-bottom: 0;
    }

    .panel-delete h2 {
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        padding-bottom: 10px;
        margin-bottom: 18px;
        font-size: 24px;
        line-height: 26px;
        font-weight: 400;
    }

    .panel-delete ul li {
        margin-bottom: 6px;
        position: relative;
        padding-left: 25px;
    }

    .panel-delete ul.has-user li {
        margin-bottom: 12px;
    }

    .panel-delete .link-delete {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        background-position: -146px -195px;
        width: 14px;
        height: 14px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -7px;
    }

        .panel-delete .link-delete:hover {
            background-position: -165px -195px;
        }

    .panel-delete a {
        color: #000;
    }

    .panel-delete .user {
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        padding-left: 38px;
        line-height: 28px;
        margin-left: -3px;
    }

        .panel-delete .user img {
            float: left;
            margin-left: -37px;
        }

.add-field-lab {
    border-bottom: 1px dashed rgba(214, 214, 214, .9);
    display: block;
    padding: 6px 0 16px;
    margin-bottom: 15px;
}

    .add-field-lab h2 {
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        font-size: 24px;
        line-height: 27px;
        padding-bottom: 9px;
        margin-bottom: 15px;
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        font-weight: 400;
    }

    .add-field-lab input[type="text"] {
        width: 100%;
        margin-bottom: 11px;
        height: 32px;
        padding: 4px 9px;
        line-height: 22px;
        box-shadow: none;
    }

    .add-field-lab textarea {
        width: 100% !important;
        min-height: 92px;
        margin-bottom: 12px;
        padding: 4px 9px;
        line-height: 22px;
        box-shadow: none;
    }

    .add-field-lab .row {
        overflow: hidden;
    }

    .add-field-lab .input-file {
        float: left;
        width: 74%;
    }

    .add-field-lab .btn-wrap {
        float: right;
        width: 23.7%;
    }

        .add-field-lab .btn-wrap .btn {
            width: 100%;
        }

    .add-field-lab .jcf-file .jcf-fake-input {
        display: block;
        width: 71%;
        float: left;
        line-height: 40px;
    }

    .add-field-lab .jcf-file .jcf-upload-button {
        float: right;
        width: 28.2%;
        height: 41px;
    }

.panel-field-lab {
    border-bottom: 1px dashed rgba(214, 214, 214, .9);
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 14px;
}

    .panel-field-lab + .panel-field-lab {
        margin-top: 20px;
    }

    .panel-field-lab .row {
        overflow: hidden;
        padding-bottom: 6px;
    }

    .panel-field-lab .jcf-select-nav-select {
        display: block;
    }

    .panel-field-lab .jcf-select-select1 {
        display: block;
    }

    .panel-field-lab .select-status {
        display: none;
    }

    .panel-field-lab h2 {
        color: #fcb715;
        text-transform: capitalize;
        font-size: 20px;
        line-height: 24px;
        margin: 5px 0 6px;
    }

    .panel-field-lab h3 {
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 10px;
        color: #264c24;
    }

        .panel-field-lab h3 .arrow {
            display: inline-block;
            vertical-align: top;
            padding-right: 28px;
            position: relative;
        }

            .panel-field-lab h3 .arrow:after {
                background-position: -25px -1px;
                width: 18px;
                height: 10px;
                content: "";
                position: absolute;
                right: 0;
                top: 6px;
            }

    .panel-field-lab p {
        margin-bottom: 7px;
    }

        .panel-field-lab p a {
            font-weight: 700;
            color: #acc137;
        }

    .panel-field-lab .title {
        display: block;
    }

    .panel-field-lab .file-block {
        padding-bottom: 17px;
    }

    .panel-field-lab .file-added {
        padding-bottom: 2px;
    }

        .panel-field-lab .file-added li {
            padding: 4px 0 4px 26px;
            margin-bottom: 10px;
            position: relative;
        }

            .panel-field-lab .file-added li:before {
                background-position: -256px -97px;
                width: 16px;
                height: 22px;
                content: "";
                position: absolute;
                left: 0;
                top: 0;
            }

        .panel-field-lab .file-added a {
            color: #000;
        }

    .panel-field-lab .browse-wrap {
        overflow: hidden;
        margin-bottom: -10px;
    }

        .panel-field-lab .browse-wrap h3 {
            float: left;
            width: 72%;
        }

        .panel-field-lab .browse-wrap .jcf-file {
            float: right;
            width: 23.7%;
        }

            .panel-field-lab .browse-wrap .jcf-file .jcf-upload-button {
                padding-left: 62px;
            }

                .panel-field-lab .browse-wrap .jcf-file .jcf-upload-button:before {
                    top: 7px;
                }

.create-meetup {
    border-bottom: 1px dashed rgba(214, 214, 214, .9);
    padding: 6px 0 38px;
    margin-bottom: 24px;
}

    .create-meetup h2 {
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        font-size: 24px;
        line-height: 27px;
        padding-bottom: 9px;
        margin-bottom: 15px;
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        font-weight: 400;
    }

    .create-meetup h3 {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 25px;
    }

.coordinator-create-meetup input[type="text"], .coordinator-existing-meetups input[type="text"] {
    width: 100%;
    margin-bottom: 11px;
    height: 32px;
    padding: 4px 9px;
    line-height: 22px;
    box-shadow: none;
}

.coordinator-create-meetup textarea, .coordinator-existing-meetups textarea {
    width: 100% !important;
    min-height: 92px;
    margin-bottom: 12px;
    padding: 4px 9px;
    line-height: 22px;
    box-shadow: none;
}

.coordinator-create-meetup .field, .coordinator-existing-meetups .field {
    overflow: hidden;
    padding-bottom: 14px;
}

    .coordinator-create-meetup .field .col textarea, .coordinator-existing-meetups .field .col textarea {
        margin-bottom: 9px;
    }

.create-meetup .postal-address input[type="text"] {
    float: left;
    width: 42%;
}

.create-meetup .postal-address .btn {
    float: right;
    width: 44%;
    padding: 4px 6px 4px;
}

.create-meetup .input-time {
    border: 1px solid #c7c7c7;
    background: #eee;
    position: relative;
    padding: 2px 33px 2px 2px;
}

    .create-meetup .input-time input[type="text"] {
        border: none;
        background: none;
        padding: 0;
        box-shadow: none;
        margin: 0;
        height: 26px;
        line-height: 26px;
        padding: 0 8px;
    }

    .create-meetup .input-time [class*="ico-"],
    .create-meetup .input-time .ui-datepicker-trigger {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        background-position: 0 0;
        position: absolute;
        right: 5px;
        top: 6px;
        width: 18px;
        height: 18px;
        border: none;
        padding: 0;
    }

    .create-meetup .input-time .ui-datepicker-trigger {
        background-position: -133px -72px;
    }

        .create-meetup .input-time .ui-datepicker-trigger:hover {
            background-position: -1px -221px;
        }

    .create-meetup .input-time .ico-clock {
        background-position: -245px -195px;
    }

        .create-meetup .input-time .ico-clock:hover {
            background-position: -268px -195px;
        }

.create-meetup .select-wrap {
    text-align: right;
}

.create-meetup .jcf-select {
    min-width: 236px;
    text-align: left;
}

.create-meetup .btn-right {
    text-align: right;
}

    .create-meetup .btn-right .btn {
        min-width: 175px;
    }

.bg-holder {
    overflow: hidden;
}

.harmony-form-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 90;
    background-image: url(/images/big-loading.gif);
    background-repeat: no-repeat;
    background-position: top center;
}

@media (min-width:768px) {
    .img-hero {
        position: fixed;
        height: 489px;
    }

        .img-hero:after {
            height: 168px;
        }

    #header .logo {
        float: left;
        margin: 0;
        width: 161px;
    }

    #header .header-top {
        padding: 12px 8px 7px;
    }

    #header .header-bottom {
        position: static;
        padding-top: 0;
        background: rgba(255, 255, 255, .8);
    }

    #header .menu-opener {
        display: inline-block;
    }

    #header .social-network {
        padding: 8px 8px 8px 0;
        margin: 0;
    }

    #header .search-drop {
        position: absolute;
        top: 100%;
        right: 0;
        width: 353px;
        text-align: left;
        background: rgba(172, 194, 55, 1);
        display: none;
    }

        #header .search-drop input[type="text"],
        #header .search-drop input[type="search"] {
            font-size: 16px;
            color: #000;
            padding: 4px 16px;
        }

            #header .search-drop input[type="text"]::-webkit-input-placeholder,
            #header .search-drop input[type="search"]::-webkit-input-placeholder {
                color: #000;
            }

            #header .search-drop input[type="text"]::-moz-placeholder,
            #header .search-drop input[type="search"]::-moz-placeholder {
                opacity: 1;
                color: #000;
            }

            #header .search-drop input[type="text"]:-moz-placeholder,
            #header .search-drop input[type="search"]:-moz-placeholder {
                color: #000;
            }

            #header .search-drop input[type="text"]:-ms-input-placeholder,
            #header .search-drop input[type="search"]:-ms-input-placeholder {
                color: #000;
            }

            #header .search-drop input[type="text"].placeholder,
            #header .search-drop input[type="search"].placeholder {
                color: #000;
            }

    .user-section {
        float: right;
        position: relative;
        z-index: 21;
    }

        .user-section:hover .opener {
            background: #0076a3;
        }

            .user-section:hover .opener:after {
                background-position: -188px -196px;
            }

        .user-section:hover .usernav-drop {
            display: block !important;
        }

        .user-section .user-nav .opener {
            font-size: 16px;
            min-width: 180px;
            padding: 4px 32px 4px 4px;
            float: none;
            max-width: 200px;
        }

            .user-section .user-nav .opener img {
                width: 35px;
                height: 35px;
            }

            .user-section .user-nav .opener span {
                padding: 9px 0 6px 10px;
            }

        .user-section .usernav-drop {
            display: none !important;
            position: absolute !important;
            top: 100% !important;
            left: 0 !important;
            height: auto !important;
        }

        .user-section .search-drop {
            display: none !important;
        }

    .menu-slide {
        right: -290px;
        top: 0;
        bottom: 0;
        -webkit-transition: all ease-in .25s;
        transition: all ease-in .25s;
        width: 290px;
        display: block;
        z-index: 90;
        position: absolute;
        padding: 36px 18px;
    }

        .menu-slide.js-slide-hidden {
            top: 0 !important;
            left: auto !important;
        }

    .nav-active .menu-slide {
        right: 0;
    }

    .menu-slide .btn-wrap {
        padding-right: 61px;
        position: relative;
        margin-bottom: 56px;
    }

    .menu-slide #nav {
        text-transform: uppercase;
    }

        .menu-slide #nav li {
            border: none;
            margin-bottom: 20px;
        }

        .menu-slide #nav a {
            padding: 0;
            display: inline;
        }

            .menu-slide #nav a:hover {
                background: none;
            }

                .menu-slide #nav a:hover:hover {
                    color: #acc426;
                }

        .menu-slide #nav ul {
            padding: 18px 20px 0;
        }

            .menu-slide #nav ul li {
                margin-bottom: 13px;
            }

                .menu-slide #nav ul li:last-child {
                    margin-bottom: 0;
                }

            .menu-slide #nav ul a {
                padding-left: 0;
            }

        .menu-slide #nav .has-drop-down-a:after {
            position: static;
            display: inline-block;
            margin-left: 9px;
        }

        .menu-slide #nav .has-drop-down-a:hover:after {
            background-position: -152px -256px;
        }

        .menu-slide #nav .active .has-drop-down-a {
            color: #acc426;
        }

            .menu-slide #nav .active .has-drop-down-a:after {
                background-position: -105px -221px;
            }

    .breadcrumb {
        padding: 0;
    }

    .breadcrumb {
        line-height: 22px;
        font-size: 16px;
    }

        .breadcrumb li {
            margin-right: 0;
        }

            .breadcrumb li:first-child a:after {
                background-image: url("/images/doff/arrow01.png");
            }

        .breadcrumb a,
        .breadcrumb span {
            padding: 16px 10px 17px 38px;
        }

        .breadcrumb span {
            padding: 13px 10px 16px 37px;
        }

        .breadcrumb a {
            background: url("/images/doff/bg04.png") repeat-x;
            margin: -3px 0;
        }

            .breadcrumb a:after {
                width: 29px;
                height: 57px;
                background: url("/images/doff/arrow02.png") no-repeat;
                left: 100%;
                z-index: 1;
                top: 0;
            }

    .utility-links li {
        margin: 0 3px;
    }

        .utility-links li.active a,
        .utility-links li a:hover {
            background-color: #acc426;
        }

    .utility-links a {
        background-color: #264c24;
        width: 35px;
        height: 35px;
    }

    .utility-links .ico-search {
        background-position: -61px -96px;
    }

    .utility-links .ico-phone {
        background-position: -104px -95px;
    }

    .nav-opener-mobile {
        display: none;
    }

    .visible-mobile {
        display: none !important;
    }

    .social-network li {
        margin: 0 3px;
    }

    .social-network a {
        width: 35px;
        height: 35px;
    }

    .social-network .twitter {
        background-position: 0 -30px;
    }

    .social-network .facebook {
        background-position: -43px -30px;
    }

    .share-links a {
        width: 25px;
        height: 25px;
    }

    .share-links .ico-users {
        background-position: -86px -30px;
    }

        .share-links .ico-users:hover {
            background-position: -161px -97px;
        }

    .share-links .ico-like {
        background-position: -119px -30px;
    }

        .share-links .ico-like:hover {
            background-position: -194px -97px;
        }

    .share-links .ico-share {
        background-position: -152px -30px;
    }

        .share-links .ico-share:hover {
            background-position: -227px -97px;
        }

    .share-links .ico-msg {
        background-position: -30px -163px;
    }

        .share-links .ico-msg:hover {
            background-position: 0 -163px;
        }

    .btn-list li {
        margin: 0 13px 13px 0;
    }

    .btn-list a, .btn-list span {
        border-width: 2px;
        font-size: 12px;
        line-height: 14px;
        min-width: 83px;
        padding: 4px 10px;
    }

    .btn-group a {
        font-size: 13px;
        line-height: 16px;
    }

    .btn {
        font-size: 10px;
        padding: 3px 3px 2px;
        line-height: 12px;
        border-width: 0px;
    }

    .btn-status {
        padding: 7px 9px 5px 27px;
        font-size: 14px;
        line-height: 16px;
    }

        .btn-status:before {
            width: 17px;
            height: 17px;
        }

    .btn-top {
        display: none;
    }

    .intro-article {
        padding: 0;
        font-size: 20px;
        line-height: 26px;
    }

        .intro-article.add1 {
            padding-top: 23px;
            padding-bottom: 20px;
        }

            .intro-article.add1 .top-bar {
                margin-bottom: 9px;
            }

                .intro-article.add1 .top-bar .btns {
                    padding-bottom: 12px;
                }

            .intro-article.add1 .btn-orange {
                margin-right: 8px;
                min-width: 137px;
            }

        .intro-article.add2 {
            padding: 27px 20px 8px;
            margin-bottom: 30px;
        }

        .intro-article h1 {
            margin-bottom: 10px;
            font-size: 38px;
            line-height: 49px;
        }

        .intro-article .more {
            padding-right: 16px;
            font-size: 14px;
        }

            .intro-article .more:after {
                width: 20px;
                height: 11px;
                background-position: -55px -1px;
            }

        .intro-article .share-links {
            top: 0;
            right: 0;
        }

    @media (min-width: 1024px) {
        .intro-article .share-links {
            top: 24px;
            right: 26px;
        }
    }

    #sidebar {
        padding: 0 0 0 15px;
        float: right;
        width: 33.3%;
    }

    .widget {
        margin-bottom: 31px;
        border: 1px solid rgba(214, 214, 214, .9);
        padding: 14px 13px 19px;
    }

        .widget h2 {
            margin-bottom: 16px;
        }

        .widget .achievement {
            padding: 0 0 20px 4px;
        }

            .widget .achievement + .achievement {
                padding-top: 0;
            }

            .widget .achievement time {
                font-size: 13px;
            }

            .widget .achievement h3 {
                margin-bottom: 4px;
            }

        .widget .latest-activity {
            padding-top: 8px;
            margin-bottom: 0;
        }

            .widget .latest-activity li + li {
                margin-top: 23px;
            }

        .widget .btn-list a, .widget .btn-list span {
            padding: 3px 6px 3px;
            font-size: 9px;
        }

        .widget .info-panel {
            margin-top: 20px;
            font-size: 14px;
            line-height: 17px;
            padding: 4px 2px;
        }

            .widget .info-panel .info-group {
                margin-bottom: 17px;
            }

                .widget .info-panel .info-group h3 {
                    line-height: 18px;
                }

    .challenges h1 {
        margin-bottom: 24px;
    }

    .panel-filter .tabset {
        display: none;
    }

    .panel-filter .two-col {
        overflow: hidden;
        margin: 0 -7px 21px;
    }

        .panel-filter .two-col .col {
            float: left;
            width: 50% !important;
            padding: 0 15px;
            position: static !important;
        }

        .panel-filter .two-col h2 {
            display: block;
        }

    .panel-filter .col-break li {
        margin-bottom: 8px;
    }

    .panel-filter .col-break label {
        padding-top: 1px;
    }

    .article-challenge {
        padding-bottom: 2em;
    }

        .article-challenge + .article-challenge {
            margin-top: 29px;
        }

        .article-challenge .heading {
            margin-bottom: 14px;
            padding-right: 10px;
        }

        .article-challenge h2 {
            font-size: 16px;
        }

        .article-challenge .body {
            padding-bottom: 14px;
        }

        .article-challenge .img {
            display: block;
            margin-right: 15px;
        }

    #wrapper {
        margin-bottom: 4px;
        border-bottom-width: 28px;
    }

    .table-border {
        margin-bottom: 30px;
        display: table;
        table-layout: fixed;
        width: 100%;
        border: 1px solid #acc238;
        border: 1px solid #acc238;
        font-size: 13px;
        background: rgba(255, 255, 255, .9);
        padding: 0;
    }

        .table-border > * {
            display: table-cell;
        }

        .table-border li {
            padding: 4px 10px;
            vertical-align: middle;
            height: 40px;
            margin-bottom: 0;
        }

            .table-border li + li {
                border-left: 2px dotted #cfdc8c;
            }

    #main {
        padding-top: 33px;
        padding-bottom: 47px;
    }

    #content {
        width: 66.2%;
        float: left;
    }

    @media screen and (max-width: 1023px) {
        #content {
            padding: 37px 28px 20px;
            width: 100%;
        }
    }

    .partners {
        padding: 19px 0 63px;
        text-align: left;
        margin-bottom: 0;
    }

        .partners li {
            margin: 0 17px 20px 0;
        }

    .tab-md a {
        width: 100%;
    }

    .tab-content {
        margin-bottom: 25px;
        padding: 27px 18px 33px;
        border-top: 1px solid #acc238;
    }

        .tab-content.add1 {
            padding: 21px 18px 22px;
        }

    .accordion-tab .accordion-slide {
        display: block !important;
        position: static !important;
        width: auto !important;
    }

    .accordion-tab .accordion-opener {
        display: none;
    }

    .filter {
        margin-bottom: 10px;
        max-width: 361px;
    }

        .filter .btn-group a {
            padding: 11px 7px 10px;
            font-size: 18px;
        }

    .article-lab {
        padding-bottom: 6px;
        margin-bottom: 26px;
        display: table;
        table-layout: fixed;
        width: 100%;
    }

        .article-lab > * {
            display: table-cell;
        }

        .article-lab .tc {
            padding-right: 10px;
            vertical-align: top;
        }

            .article-lab .tc:last-child {
                width: 138px;
                padding: 4px 0 0;
            }

        .article-lab h2 {
            font-weight: 700;
            font-size: 18px;
            color: #fcb715;
        }

            .article-lab h2 a {
                color: #fcb715;
            }

        .article-lab .btn-wrap {
            padding-bottom: 2px;
            float: none;
        }

        .article-lab .btn {
            display: block;
            margin: 0 0 11px;
        }

    .jcf-select-tab {
        display: none !important;
    }

    .timeline {
        background: none;
    }

        .timeline .bar {
            margin: 0 0 53px;
            height: 60px;
            width: auto;
            padding-bottom: 0;
        }

            .timeline .bar li {
                float: left;
            }

                .timeline .bar li:before {
                    display: none;
                }

            .timeline .bar .tooltip h3 {
                text-transform: capitalize;
                font-size: 16px;
                line-height: 20px;
                margin: 0 0 5px;
            }

            .timeline .bar .title {
                display: block;
            }

    .post-form {
        margin-bottom: 39px;
        display: table;
        table-layout: fixed;
        width: 100%;
    }

        .post-form > * {
            display: table-cell;
        }

        .post-form textarea {
            min-height: 92px;
            margin-bottom: 0;
        }

        .post-form .col {
            vertical-align: top;
        }

            .post-form .col:last-child {
                width: 159px;
                padding-left: 12px;
            }

    .post-list {
        padding-top: 0;
    }

    .article-post {
        padding: 17px 0 13px;
    }

        .article-post .meta {
            margin-bottom: 11px;
            font-size: 13px;
        }

            .article-post .meta .txt {
                padding: 6px 8px;
            }

        .article-post .body .img {
            float: left;
            margin: 2px 15px 0 0;
            width: 175px;
        }

        .article-post .footer {
            font-size: 11px;
            line-height: 15px;
        }

    .accordion {
        margin-bottom: 0;
    }

        .accordion > li {
            margin-bottom: 7px;
        }

        .accordion .active .opener {
            margin-bottom: 7px;
            padding: 11px 45px 11px 15px;
        }

        .accordion .opener {
            border-color: #264c24;
            padding: 10px 45px 10px 15px;
            font-size: 22px;
            line-height: 24px;
        }

            .accordion .opener:after {
                right: 14px;
                -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
            }

        .accordion .slide {
            font-size: 14px;
            line-height: 19px;
        }

    .panel-group h2 {
        font-size: 26px;
        padding: 11px 240px 17px 0;
        margin-bottom: 25px;
    }

    .panel-group h3 {
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 8px;
    }

    .panel-group .link-request {
        padding: 10px 24px 10px 8px;
        font-size: 16px;
        position: absolute;
        white-space: nowrap;
        max-width: 50%;
        text-align: left;
    }

        .panel-group .link-request:after {
            display: block;
        }

    .panel-group .row {
        overflow: hidden;
        margin: 0 -10px 11px;
    }

        .panel-group .row .col {
            float: left;
            padding: 0 10px;
            width: 48%;
        }

            .panel-group .row .col:first-child {
                width: 52%;
            }

    .panel-group .btn-list {
        padding: 2px 0 0;
    }

    .info-panel .info-group {
        margin-bottom: 15px;
        min-height: 115px;
    }

        .info-panel .info-group .txt-wrap {
            overflow: hidden;
            margin-left: 0;
        }

        .info-panel .info-group h3 {
            margin-top: 0;
        }

        .info-panel .info-group ul li + li {
            margin-top: 4px;
        }

    .info-panel .img {
        width: 56px;
        margin-right: 8px;
    }

    .well {
        border: 1px solid #acc238;
        box-shadow: 0 0 0 1px #d6d6d6;
        font-size: 14px;
        line-height: 18px;
        padding: 15px 29px 24px 18px;
        background: #fff;
        margin: 0 0 21px;
    }

        .well h2 {
            margin-bottom: 12px;
            line-height: 24px;
        }

    .info-table .btn-list,
    .info-table .info-list,
    .info-table .link-view {
        display: none;
    }

    .meet-info {
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        padding-bottom: 2em;
    }

        .meet-info .head {
            display: table;
            table-layout: fixed;
            width: 100%;
        }

            .meet-info .head > * {
                display: table-cell;
            }

        .meet-info .t {
            display: table;
            table-layout: fixed;
            width: 100%;
        }

            .meet-info .t > * {
                display: table-cell;
            }

        .meet-info .col:last-child {
            width: 212px;
            text-align: right;
            padding-left: 10px;
        }

        .meet-info .date {
            display: table-cell;
            padding: 3px 0 0 10px;
            margin-bottom: 0;
            width: 212px;
            text-align: right;
        }

            .meet-info .date strong {
                margin-bottom: 3px;
                font-size: 16px;
                display: block;
            }

        .meet-info h2 {
            margin-bottom: 0;
            font-size: 20px;
            line-height: 24px;
            border: none;
        }

        .meet-info .location-hold {
            margin-bottom: 23px;
        }

            .meet-info .location-hold h3 {
                font-size: 18px;
                line-height: 20px;
            }

        .meet-info .attender h4 {
            margin-bottom: 7px;
        }

        .meet-info .inline-list {
            margin-bottom: 19px;
        }

    .panel-welcome .link-follow {
        display: block;
    }

        .panel-welcome .link-follow:after {
            display: block;
        }

    .panel-well .contact-info {
        padding-top: 15px;
        margin: 0 -7px -5px;
    }

        .panel-well .contact-info ul {
            float: left;
            width: 44%;
            padding: 0 10px;
        }

            .panel-well .contact-info ul:first-child {
                width: 56%;
            }

    .panel-field-lab .row .col1 {
        width: 62%;
        float: left;
        margin-bottom: 27px;
    }

    .panel-field-lab .row .col2 {
        width: 34.7%;
        float: right;
    }

    .create-meetup .date-wrap {
        margin: 0 -8px 35px;
        overflow: hidden;
    }

        .create-meetup .date-wrap > li {
            padding: 0 8px;
            width: 50%;
            float: left;
        }
}

@media (max-width:1023px) and (min-width:768px) {
    .panel-filter .col-break {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-gap: 0;
        column-gap: 0;
    }
}

@media (min-width:1024px) {
    .intro-article {
        padding: 0;
    }

        .intro-article.add {
            padding-bottom: 27px;
            margin-bottom: 32px;
        }

            .intro-article.add p {
                margin-bottom: 17px;
            }

        .intro-article.add1 {
            padding: 0;
        }

        .intro-article.add2 {
            padding: 18px 36px 11px;
        }

        .intro-article h1 {
            font-size: 55px;
            line-height: 72px;
        }

        .intro-article .two-col {
            margin: 0 -33px 0 -21px;
        }

            .intro-article .two-col .col {
                float: left;
                padding: 0 20px;
                width: 50.7%;
            }

                .intro-article .two-col .col:first-child {
                    width: 49.3%;
                    margin-bottom: 0;
                }

            .intro-article .two-col .search-form {
                padding-top: 2px;
            }

    #sidebar {
        padding: 0 20px 0 25px;
    }

    .widget {
        padding: 14px 20px 19px;
    }

        .widget .btn-list a, .widget .btn-list span {
            font-size: 12px;
        }

        .widget .info-panel .img {
            margin-right: 18px;
        }

    .article-challenge .img {
        width: 161px;
    }

    .table-border {
        font-size: 14px;
    }

    .tab-lg li,
    .tab-md li {
        font-size: 16px;
        line-height: 20px;
    }

        .tab-lg li:first-child {
            margin-left: 1.5em;
        }

    .tab-lg .active a,
    .tab-lg a:hover,
    .tab-md .active a,
    .tab-md a:hover {
        padding-bottom: 13px;
    }

    .tab-lg a,
    .tab-md a {
        padding: 4px 11px 12px;
        min-width: 133px;
    }

        .tab-lg a span,
        .tab-md a span {
            height: 44px;
            width: 117px;
        }

    .tab-md a {
        width: 100%;
        min-width: 80px;
        padding: 4px 6px 12px;
    }

    .tab-content {
        padding: 27px 0 0 0;
    }

        .tab-content.add1 {
            padding: 21px 25px 28px 18px;
        }

    .article-lab .tc {
        padding-right: 15%;
    }

    .post-list {
        height: 100%;
    }

    .panel-group h3 {
        font-size: 18px;
    }

    .info-panel .info-group .name {
        line-height: 18px;
        font-size: 16px;
    }

    .info-panel .info-group ul {
        font-size: 14px;
        line-height: 16px;
    }

    .info-panel .img {
        margin-right: 16px;
        width: 100px;
    }

    .info-panel h3 {
        font-size: 20px;
    }

    .create-meetup .field .col {
        float: right;
        width: 42.3%;
    }

        .create-meetup .field .col:first-child {
            float: left;
            width: 54.5%;
        }
}

@media only screen and (min-width:1025px) {
    a[href^=tel],
    a[href^=skype],
    a[href^=sms] {
        cursor: default;
        pointer-events: none;
    }
}

@media (min-width:1150px) {
    .tab-lg li,
    .tab-md li {
        font-size: 16px;
        line-height: 20px;
    }

    .form-content .slide {
        padding-bottom: 40px;
    }

    .panel-field-lab .row .col1 {
        width: 72%;
    }

    .panel-field-lab .row .col2 {
        width: 23.7%;
    }

    .create-meetup .field .col:first-child {
        width: 47.5%;
    }
}

@media (max-width:1262px) {
    .widget-twitter .twitter .tooltip {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        right: -10px;
    }

        .widget-twitter .twitter .tooltip:after {
            left: auto;
            right: 10px;
        }
}

@media (max-width:1149px) {
    .panel-welcome .txt {
        margin: 0 20px 16px;
        padding-left: 166px;
        font-size: 18px;
        line-height: 24px;
    }

        .panel-welcome .txt .img {
            margin-right: 20px;
        }

        .panel-welcome .txt h1 {
            font-size: 45px;
            line-height: 50px;
            margin-right: 105px;
        }

    .form-content .two-col {
        margin: 0 -15px;
    }

        .form-content .two-col .col {
            padding: 0 15px;
        }

    .form-content .choose-radio .lbl {
        padding-left: 11px;
    }

    .add-field-lab .input-file {
        width: 71%;
    }

    .add-field-lab .btn-wrap {
        width: 26.7%;
    }

    .panel-field-lab .browse-wrap h3 {
        width: 62%;
    }

    .panel-field-lab .browse-wrap .jcf-file {
        width: 34.7%;
    }
}

@media (max-width:1023px) {
    body {
        font-size: 14px;
        line-height: 1.21;
    }

    h2 {
        font-size: 18px;
        line-height: 21px;
    }

    .hidden-tablet {
        display: none !important;
    }

    .visible-tablet {
        display: block;
    }

    .intro-article h2 {
        font-size: 14px;
        margin-bottom: 9px;
    }

    .panel-filter .two-col h2 {
        font-size: 14px;
    }

    .manage-group .request-recieved .row {
        margin: 0 0 10px 2px;
        max-width: 506px;
    }

        .manage-group .request-recieved .row .col-txt {
            float: none;
            width: auto;
            padding-bottom: 6px;
            overflow: hidden;
        }

    .panel-welcome .txt {
        font-size: 16px;
        line-height: 20px;
    }

        .panel-welcome .txt h1 {
            font-size: 35px;
            line-height: 40px;
        }

    .form-content .two-col .col {
        width: 100%;
    }

        .form-content .two-col .col + .col {
            margin-top: 15px;
        }

    .panel-well .heading .vote {
        margin-top: 9px;
    }

    .panel-well h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .panel-well.panel-posts {
        padding-bottom: 18px;
    }

    .add-field-lab .input-file {
        width: 100%;
    }

    .add-field-lab .btn-wrap {
        width: 100%;
        padding-top: 10px;
    }

        .add-field-lab .btn-wrap .btn {
            font-size: 14px;
        }
}

@media (min-width:767px) {
    .home-content {
        margin-top: -190px;
    }
}

@media (max-width:767px) {
    .jcf-list {
        background: #c5d473;
    }

    .img-hero {
        height: 100px;
        margin-top: 32px;
    }

    .breadcrumb {
        min-width: 248px;
    }

    [data-label="property-group-3"] {
        margin-left: 15px;
    }

    .jcf-select-nav-select.jcf-select {
        height: 43px;
        border-color: #ededed;
    }

    .jcf-select-nav-select .jcf-select-text {
        font-size: 12px;
        line-height: 40px;
        margin: 0 4px;
    }

        .jcf-select-nav-select .jcf-select-text .jcf-option-opt-level-1 > span {
            padding-left: 17px;
        }

            .jcf-select-nav-select .jcf-select-text .jcf-option-opt-level-1 > span:before {
                width: 11px;
                height: 11px;
            }

    .jcf-select-nav-select.jcf-select-drop {
        width: 100% !important;
        left: 0 !important;
    }

    .jcf-select-nav-select .jcf-select-drop-content {
        padding: 0 7px;
        border: none;
    }

    .jcf-select-select1 .jcf-select-text {
        margin-left: 11px;
        font-size: 14px;
    }

    .jcf-select-select1 .jcf-select-opener {
        margin-right: 4px;
    }

    .jcf-select-select1.jcf-select-drop {
        width: 100% !important;
        left: 0 !important;
        background: none;
    }

    .jcf-select-select1 .jcf-select-drop-content {
        padding: 0 7px;
        border: none;
    }

    .jcf-file .jcf-fake-input {
        height: 29px;
        padding: 0 5px;
    }

    .jcf-file .jcf-upload-button {
        font-size: 14px;
    }

        .jcf-file .jcf-upload-button:before {
            background-position: -229px -221px;
            width: 16px;
            height: 18px;
            left: 17px;
        }

    body {
        font-size: 12px;
        line-height: 1.171;
    }

    h1 {
        font-size: 20px;
        line-height: 24px;
    }

    #header .header-bottom .container {
        background: #acc237;
    }

    #header .nav-opener {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
        background: url("/images/doff/sprite.png") no-repeat -236px -30px;
        width: 31px;
        height: 23px;
        float: right;
        margin: 10px 6px 0 0;
        padding: 0;
    }

        #header .nav-opener:after {
            display: none;
        }

    .user-section .user-nav .nav-opener {
        display: block !important;
    }

    .breadcrumb:before {
        display: none;
    }

    .breadcrumb li:first-child a {
        padding-left: 0;
        background: none;
    }

    .breadcrumb li.active {
        color: #fff;
    }

    .breadcrumb a:after {
        background-position: -117px -1px;
        width: 7px;
        height: 12px;
        right: 0;
        top: 50%;
        margin-top: -6px;
    }

    .utility-links {
        padding: 0;
        float: right;
    }
    
    @media (min-width: 345px) {
        .utility-links {
            margin-right: 18px;
        }
    }

    .search-active .utility-links .ico-search {
        background-color: #333;
    }

    .hidden-mobile {
        display: none !important;
    }

    .share-link-small {
        float: right;
        padding-right: 5px;
    }

        .share-link-small li {
            margin: 0 0 0 4px;
        }

    .intro-article.add {
        padding-bottom: 0;
        margin-bottom: 18px;
    }

    .intro-article.add1 .btn-orange {
        padding: 0 2px;
        line-height: 19px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .intro-article.add1 .btn-status {
        font-family: Arial, Helvetica, sans-serif;
    }

    .intro-article.add1 h1 {
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        padding-bottom: 10px;
        margin-bottom: 9px;
    }

    .intro-article.add2 h1 {
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        padding-bottom: 10px;
        margin-bottom: 9px;
    }

    .intro-article p {
        margin-bottom: 9px;
    }

    .widget .latest-activity [class*="ico-"]:before,
    .widget .latest-activity [class^="ico-"]:before {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
    }

    .widget .btn-list li {
        margin-right: 7px;
    }

    .widget .pdf-links {
        padding-bottom: 0;
    }

        .widget .pdf-links li {
            margin-bottom: 5px;
            padding-left: 27px;
        }

            .widget .pdf-links li:before {
                -webkit-transform: scale(.9);
                -ms-transform: scale(.9);
                transform: scale(.9);
            }

    .widget.info-panel-list {
        padding-bottom: 14px;
    }

        .widget.info-panel-list .btn {
            margin: -6px 0 0;
            padding: 15px 11px 12px;
        }

    .widget .info-panel .article {
        padding: 6px 0 2px;
    }

    .widget.widget1 h3 {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 7px;
    }

    .widget .ginfos-list {
        font-size: 12px;
        line-height: 15px;
        padding: 2px 0 12px;
    }

        .widget .ginfos-list li {
            padding-left: 0;
            margin-bottom: 5px;
        }

        .widget .ginfos-list [class*="ico-"]:before,
        .widget .ginfos-list [class^="ico-"]:before {
            -webkit-transform: scale(.8);
            -ms-transform: scale(.8);
            transform: scale(.8);
            display: none;
        }

    .widget .link-view {
        font-size: 11px;
        line-height: 13px;
    }

    .widget .member-active-list {
        padding: 4px 0 1px;
        font-size: 12px;
        margin-bottom: 6px;
    }

        .widget .member-active-list li {
            margin-bottom: 6px;
        }

        .widget .member-active-list .txt {
            padding: 7px 0 0 12px;
        }

        .widget .member-active-list a {
            margin-right: 5px;
        }

    .widget-twitter .twitter {
        margin-top: 0;
    }

    .widget-twitter .tweet-list {
        font-size: 12px;
        line-height: 14px;
        padding-bottom: 2px;
    }

        .widget-twitter .tweet-list > li {
            margin-top: 15px;
        }

        .widget-twitter .tweet-list .time {
            font-size: 10px;
            margin-bottom: 2px;
        }

        .widget-twitter .tweet-list p {
            margin-bottom: 4px;
        }

    .panel-filter .tabset li {
        width: 50%;
    }

    .panel-filter .col-break {
        font-size: 14px;
        line-height: 16px;
    }

        .panel-filter .col-break label {
            line-height: 19px;
        }

    .article-challenge .desc {
        display: table;
    }

    .article-challenge .btn-list {
        display: table-footer-group;
    }

        .article-challenge .btn-list li {
            margin: 0 8px 8px 3px;
        }

    #main.container {
        padding: 0;
    }

    #tab-meetups .meet-info .location-hold {
        margin-bottom: 14px;
    }

    #tab-meetups .meet-info .col:last-child {
        display: table;
        width: 100%;
    }

    #tab-meetups .meet-info .btn-hold {
        margin: 0;
        display: table-footer-group;
    }

    #tab-meetups .meet-info .inline-list {
        float: left;
    }

    #tab-meetups .meet-info .attender {
        width: 182px;
    }

    #tab-meetups .meet-info .share-links {
        float: right;
        margin-top: -30px;
    }

    .manage-group h2 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 14px;
    }

    .manage-group h3 {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 14px;
    }

    .manage-group .user {
        line-height: 24px;
    }

    .manage-group .request-recieved .row {
        max-width: none;
        padding-bottom: 10px;
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
    }

        .manage-group .request-recieved .row .col-btn {
            margin-left: -12px;
        }

    .manage-group .request-recieved .top-wrap {
        overflow: hidden;
        margin-bottom: 8px;
    }

    .manage-group .request-recieved .txt {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 5px;
    }

    .manage-group .request-recieved .user {
        margin-right: 11px;
    }

    .manage-group .request-recieved .btn {
        margin-left: 9px;
    }

    .manage-group .request-recieved form .btn {
        margin-left: 0;
        width: 100%;
        padding: 14px 7px 13px;
    }

    .manage-group .btn {
        font-size: 14px;
        padding: 8px 5px;
    }

    .manage-group .user-status {
        float: left;
        margin: 4px 0;
    }

    .manage-group .existing-memeber {
        padding-bottom: 10px;
    }

        .manage-group .existing-memeber .btn {
            float: right;
        }

    .accordion-tab .accordion-slide {
        padding: 14px 6px;
    }

        .accordion-tab .accordion-slide > div {
            display: block !important;
            opacity: 1 !important;
            position: static !important;
            width: auto !important;
        }

    .filter h2 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 8px;
    }

    .article-lab:last-child {
        margin-bottom: 0;
        padding-bottom: 1px;
        border-bottom: none;
    }

    .timeline h2 {
        border-bottom: 1px dashed rgba(214, 214, 214, .9);
        padding-bottom: 10px;
        margin-bottom: 28px;
    }

    .timeline .bar li {
        width: auto
    }

        .timeline .bar li:before,
        .timeline .bar li:after {
            width: 93px;
            height: 2px;
            top: 100%;
            left: -5px;
        }

        .timeline .bar li:after {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            top: auto;
            left: -15px;
            bottom: -5px;
        }

    .timeline .bar .tooltip-wrap {
        left: 93px;
        top: 100%;
        width: 192px;
        background: none;
        height: auto;
        margin-top: -3px;
    }

    .timeline .bar .tooltip {
        display: block;
        position: static;
        background: none;
        padding: 0;
        width: auto;
        color: #000;
    }

        .timeline .bar .tooltip:after {
            display: none;
        }

    .post-form input[type="submit"] {
        float: right;
        width: 47%;
        margin: 0;
        font-size: 13px;
        padding: 14px 5px;
    }

    .post-form .jcf-file {
        float: left;
        width: 47%;
    }

    .article-post:last-child {
        border-bottom: none;
    }

    .article-post .footer .list-inline {
        padding-top: 6px;
    }

    .accordion .active .opener {
        box-shadow: none;
    }

    .panel-group {
        padding-bottom: 0;
    }

        .panel-group + .panel-group {
            padding-top: 35px;
        }

        .panel-group .btn-list li {
            margin: 0 4px 10px 0;
        }

    .info-panel .article {
        padding-bottom: 17px;
    }

    .info-table {
        font-size: 12px;
        line-height: 16px;
        background: #eee;
        padding: 8px 8px 18px;
        margin: 0 5px 13px;
    }

        .info-table h2 {
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 11px;
        }

        .info-table .table-border {
            padding: 0 0 12px;
            margin: 0 -5px 15px 0;
            font-size: 14px;
            overflow: hidden;
            border-bottom: 1px dashed rgba(214, 214, 214, .9);
        }

            .info-table .table-border li {
                float: left;
                margin: 0 5px 5px 0;
            }

    .panel-meeting:last-child .comment-list .comment:last-child {
        padding-bottom: 5px;
    }

    .panel-meeting + .panel-meeting {
        padding-top: 38px;
    }

    .panel-meeting .post-form {
        margin-bottom: 28px;
    }

    .panel-meeting h2.title-comment:after {
        top: 7px;
    }

    .meet-info + h2.title-comment {
        display: inline-block;
    }

    .meet-info .date strong:after {
        content: "-";
        padding: 0 2px;
    }

    .meet-info .btn-light-green {
        display: block;
        font-size: 14px;
        padding: 14px 16px 13px;
    }

    .meet-info .btn-status {
        position: absolute;
        left: -2px;
        bottom: -3px;
        margin: 0;
        font-size: 16px;
        border-width: 2px;
        padding: 7px 10px;
    }

        .meet-info .btn-status span:before {
            top: -2px;
        }

    .comment-list {
        padding-left: 0;
        font-size: 12px;
        line-height: 14px;
    }

        .comment-list .comment {
            padding: 11px 0 4px;
        }

            .comment-list .comment + .comment {
                padding-top: 15px;
            }

        .comment-list .meta {
            margin-bottom: 11px;
        }

        .comment-list .body {
            padding-bottom: 20px;
        }

    .form-invite {
        padding-top: 6px;
        margin-right: 0;
    }

        .form-invite .btn-holder {
            padding: 3px 0;
        }

        .form-invite .btn {
            display: block;
            width: 100%;
            padding: 14px 20px 13px;
        }

    .panel-welcome {
        border: none;
        padding: 24px 5px 0;
        font-size: 11px;
        box-shadow: none;
        margin-bottom: 18px;
    }

        .panel-welcome .txt {
            padding-left: 0;
            font-size: 12px;
            line-height: 16px;
            margin: 0;
            min-height: 0;
        }

            .panel-welcome .txt .img {
                width: 74px;
                top: 2px;
            }

                .panel-welcome .txt .img .link-edit {
                    background-position: -284px -221px;
                }

            .panel-welcome .txt h1 {
                border-bottom: 1px dashed rgba(214, 214, 214, .9);
                font-size: 26px;
                line-height: 28px;
                padding-bottom: 8px;
                margin-bottom: 10px;
                margin-right: 0;
            }

            .panel-welcome .txt .link-edit {
                background-position: -252px -221px;
                width: 13px;
                height: 12px;
            }

                .panel-welcome .txt .link-edit:hover {
                    background-position: -269px -221px;
                }

            .panel-welcome .txt .wrap {
                position: relative;
                padding-left: 85px;
                min-height: 76px;
                margin-bottom: 12px;
            }

        .panel-welcome .area-interest {
            display: block;
        }

            .panel-welcome .area-interest .title {
                background: none;
                padding: 0;
                color: #acbf37;
                margin-right: 2px;
                text-transform: none;
            }

                .panel-welcome .area-interest .title:after {
                    display: none;
                }

            .panel-welcome .area-interest .list {
                width: 100%;
                padding-top: 7px;
            }

                .panel-welcome .area-interest .list > li {
                    min-width: 20px;
                    border-width: 1px;
                    padding: 2px 7px 4px;
                }

            .panel-welcome .area-interest .add-more {
                float: left;
                padding-top: 0;
                margin: -3px 0 0 -1px;
            }

            .panel-welcome .area-interest .opener {
                -webkit-transform: scale(.7);
                -ms-transform: scale(.7);
                transform: scale(.7);
            }

    .form-content {
        margin-bottom: 15px;
    }

        .form-content .slide {
            padding: 15px 5px 10px;
        }

        .form-content .two-col {
            padding-top: 0;
        }

        .form-content input[type="text"],
        .form-content input[type="email"],
        .form-content input[type="password"],
        .form-content input[type="tel"],
        .form-content input[type="url"] {
            margin-bottom: 12px;
        }

        .form-content .btn {
            padding: 7px 12px;
        }

        .form-content .postal-code input[type="text"] {
            margin-bottom: 12px;
        }

        .form-content .choose-radio {
            margin-top: 3px;
        }

            .form-content .choose-radio .lbl {
                padding-left: 5px;
            }

    .panel-well {
        border: none;
        background: none;
        background: #eee;
        box-shadow: none;
        margin: 0 5px 15px;
        padding: 12px 9px 13px;
    }

        .panel-well.add1 {
            margin-bottom: 49px;
        }

        .panel-well .heading {
            padding: 0 0 6px;
        }

            .panel-well .heading .vote span {
                display: none;
            }

        .panel-well h2 {
            font-size: 18px;
            line-height: 21px;
        }

        .panel-well .aprove {
            font-size: 14px;
        }

            .panel-well .aprove li {
                padding: 6px 0 3px 34px;
            }

        .panel-well input.btn {
            padding: 15px 10px 12px;
            margin-bottom: 3px;
        }

        .panel-well .progress-list {
            padding-bottom: 9px;
        }

            .panel-well .progress-list > li {
                margin-bottom: 12px;
            }

            .panel-well .progress-list .title {
                width: 95px;
                padding-top: 0;
            }

            .panel-well .progress-list .progress {
                height: 13px;
            }

        .panel-well .contact-info ul li {
            margin-bottom: 10px;
        }

        .panel-well .contact-info [class*="ico-"]:before,
        .panel-well .contact-info [class^="ico-"]:before {
            width: 20px;
        }

        .panel-well .contact-info .ico-envelop:before {
            background-position: -2px -257px;
        }

        .panel-well .contact-info .ico-phone:before {
            background-position: -27px -257px;
        }

        .panel-well .contact-info .ico-farm:before {
            background-position: -51px -257px;
        }

        .panel-well .contact-info .ico-twitter:before {
            background-position: -75px -257px;
        }

        .panel-well .contact-info .ico-url:before {
            background-position: -101px -257px;
        }

        .panel-well.panel-posts {
            padding: 0 5px;
            margin: 0;
            background: none;
            border: none;
            box-shadow: none;
        }

            .panel-well.panel-posts .heading {
                padding: 0 0 10px;
                margin-bottom: -3px;
            }

            .panel-well.panel-posts h2 {
                font-size: 20px;
                line-height: 24px;
                padding: 0;
            }

            .panel-well.panel-posts .post-list {
                padding-bottom: 0;
            }

            .panel-well.panel-posts .text-center {
                display: none;
            }

    .panel-delete {
        padding: 4px 0 10px;
    }

        .panel-delete h2 {
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 15px;
        }

        .panel-delete ul {
            font-size: 14px;
            line-height: 17px;
            padding: 0 5px;
        }

            .panel-delete ul li {
                margin-bottom: 9px;
            }

        .panel-delete .user {
            padding-left: 41px;
        }

    .add-field-lab {
        padding-bottom: 20px;
        margin-bottom: 18px;
    }

        .add-field-lab h2 {
            font-size: 18px;
            line-height: 22px;
        }

        .add-field-lab input[type="text"] {
            height: 29px;
            line-height: 19px;
            margin-bottom: 9px;
            padding: 4px 5px;
        }

        .add-field-lab textarea {
            min-height: 65px;
            padding: 2px 6px;
            margin-bottom: 9px;
        }

        .add-field-lab .btn-wrap {
            width: 53%;
            position: relative;
            margin-top: -42px;
            padding: 0 0 0 17px;
        }

            .add-field-lab .btn-wrap .btn {
                width: 100%;
                padding: 15px 11px 12px;
            }

        .add-field-lab .jcf-file .jcf-fake-input {
            width: 100%;
            margin-bottom: 10px;
            line-height: 27px;
            font-size: 12px;
        }

        .add-field-lab .jcf-file .jcf-upload-button {
            float: left;
            width: 47%;
            height: 43px;
        }

    .panel-field-lab {
        padding-bottom: 17px;
    }

        .panel-field-lab:last-child {
            padding-bottom: 0;
            border-bottom: none;
            margin-bottom: 0;
        }

        .panel-field-lab + .panel-field-lab {
            margin-top: 17px;
        }

        .panel-field-lab .intro-txt {
            font-size: 12px;
            line-height: 14px;
        }

        .panel-field-lab .row .col1 {
            margin-bottom: 20px;
        }

            .panel-field-lab .row .col1:before {
                display: block;
                content: "";
                clear: both;
            }

        .panel-field-lab .row .col2 {
            width: 50%;
            float: left;
        }

        .panel-field-lab .row .clearfix {
            display: none;
        }

        .panel-field-lab .jcf-select-nav-select {
            margin-right: 8px;
            min-width: 140px;
            margin-bottom: 0;
        }

        .panel-field-lab .jcf-select-select1 {
            margin-left: 8px;
        }

        .panel-field-lab h2 {
            font-weight: 400;
            font-size: 16px;
            line-height: 19px;
            margin: 0 0 12px;
        }

        .panel-field-lab h3 {
            padding-top: 1px;
            margin-bottom: 12px;
        }

        .panel-field-lab .file-block {
            padding: 7px 0 19px;
        }

        .panel-field-lab .file-added {
            padding: 0 0 0 4px;
            font-size: 12px;
            line-height: 14px;
        }

            .panel-field-lab .file-added li {
                margin-bottom: 5px;
            }

                .panel-field-lab .file-added li:before {
                    background-position: -123px -256px;
                    width: 14px;
                    height: 19px;
                }

        .panel-field-lab .browse-wrap {
            margin-bottom: 11px;
        }

            .panel-field-lab .browse-wrap h3 {
                float: none;
                width: auto;
                margin-bottom: 17px;
            }

            .panel-field-lab .browse-wrap .jcf-file {
                float: none;
                display: inline-block;
                width: 148px;
                margin-left: 3px;
            }

                .panel-field-lab .browse-wrap .jcf-file .jcf-upload-button {
                    padding-left: 43px;
                }

                    .panel-field-lab .browse-wrap .jcf-file .jcf-upload-button:before {
                        top: 10px;
                    }

    .create-meetup {
        padding: 0 0 10px;
        border: none;
    }

        .create-meetup h2 {
            font-size: 18px;
            line-height: 22px;
        }

        .create-meetup h3 {
            font-size: 14px;
            line-height: 17px;
            margin-bottom: 14px;
        }

        .create-meetup input[type="text"] {
            height: 29px;
            line-height: 19px;
            margin-bottom: 9px;
            padding: 4px 5px;
        }

        .create-meetup textarea {
            min-height: 65px;
            padding: 2px 6px;
        }

        .create-meetup .field {
            padding-bottom: 5px;
        }

            .create-meetup .field .col textarea {
                margin-bottom: 22px;
            }

            .create-meetup .field .inner-wrap {
                overflow: hidden;
            }

        .create-meetup .postal-address input[type="text"] {
            width: 46%;
            margin-bottom: 12px;
        }

        .create-meetup .postal-address .btn {
            width: 47.1%;
            font-size: 14px;
            padding: 7px 6px 8px;
        }

        .create-meetup .date-wrap {
            float: left;
            width: 45%;
        }

            .create-meetup .date-wrap > li:first-child {
                margin-bottom: 9px;
            }

        .create-meetup .select-wrap {
            float: right;
            width: 49%;
        }

        .create-meetup .jcf-select {
            display: block;
            min-width: 10px;
            margin: 31px 0 9px;
        }

        .create-meetup .btn-right .btn {
            width: 100%;
            font-size: 14px;
            padding: 14px 11px 13px;
        }
}

@media (max-width:479px) {
    .panel-filter .tabset li {
        width: auto;
    }
}

html, body {
    height: 100%;
}

#wrapper {
    min-height: 100%;
}

body {
    font: 14px/1.4 "museo-slab", serif;
}

.user-section .user-nav .opener:after {
    content: none;
}

.youtube {
    background-image: url(/images/doff/youtube35x35icon.png) !important;
    background-position: 0 !important;
}

.user-section .user-nav .login-a {
    display: block;
    background: #00aeef;
    padding: 13px 32px 11px 15px;
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    min-width: 97px;
    max-width: 97px;
    float: left;
}


@media (min-width: 768px) {
    .user-section .user-nav .login-a {
        min-width: 161px;
        max-width: 161px;
    }
    .login-a + .login-a {
        margin-left: 8px;
    }
}


.user-section .user-nav .login-a.login-a--join {
    background: #FCB715;
    color: #000000;
}

.user-section .user-nav .login-a.login-a--join:hover,
.user-section .user-nav .login-a.login-a--join:focus {
    background: #f0a400;
}


.user-section .user-nav .login-a:hover,
.user-section .user-nav .login-a:focus {
    background: #0076a3;
}

ul.bar li.last-milestone {
    float: right;
    margin-right: -10px;
    width: 0%;
}

    ul.bar li.last-milestone .title {
        right: 14px;
        left: initial;
    }

.comments-wrapper h2.title-comment {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    padding: 0 26px 0 0;
    position: relative;
    margin: 0 0 0 -2px;
}

    .comments-wrapper h2.title-comment:before, .comments-wrapper h2.title-comment:after {
        content: "";
        position: absolute;
        background-position: -78px -72px;
        width: 18px;
        height: 18px;
        left: -30px;
        top: 0;
        background-image: url(/images/doff/sprite.png);
        background-repeat: no-repeat;
    }

    .comments-wrapper h2.title-comment:after {
        background-position: -245px -72px;
        height: 10px;
        top: 4px;
        left: auto;
        right: 0;
        background-image: url(/images/doff/sprite.png);
        background-repeat: no-repeat;
    }

.title-comment {
    cursor: pointer;
}

#latest-activity .title-comment,
#div-latest-activities-dashboard .title-comment,
#div-my-activities-dashboard .title-comment,
div.latest-activities-profile .title-comment {
    display: none;
}

.panel-meeting .post-list {
    display: none;
}

.panel-meeting .comments-wrapper {
    margin-left: 34px;
}

.article-post img {
    vertical-align: top;
    width: 28px;
    height: 28px;
}

.load-more-button, .go-button, .load-more-button-activitiesByPerson, .load-more-button-byPersonAndItemType, .load-more-button-activitiesForPerson {
    text-align: center;
}

    .load-more-button .btn,
    .load-more-button-activitiesByPerson .btn,
    .load-more-button-byPersonAndItemType .btn,
    .load-more-button-activitiesForPerson .btn,
    .go-button .btn {
        padding-left: 40px;
        padding-right: 40px;
        margin-top: 40px;
        cursor: pointer;
    }

.followed .share-links .ico-users {
    background-position: -161px -97px;
    cursor: default;
}

.liked .share-links .ico-like {
    background-position: -194px -97px;
    cursor: default;
}

.milestone .footer {
    overflow: hidden;
    font-size: 10px;
    line-height: 12px;
    padding-left: 2px;
}

.milestone .footer {
    font-size: 11px;
    line-height: 15px;
}

    .milestone .footer .list-inline {
        float: left;
        max-width: 60%;
        list-style: none;
        padding-left: 0;
    }

        .milestone .footer .list-inline li {
            float: left;
            margin: 0 14px 8px 0;
        }

        .milestone .footer .list-inline a {
            color: #686a6c;
        }

    .milestone .footer .share-links {
        overflow: hidden;
    }

.panel-welcome .link-follow.following {
    width: 140px;
}

.rsvp, .notgoing, .going {
    cursor: pointer;
}

.slide .col-md-6 {
    width: 47%;
    float: left;
}

    .slide .col-md-6:first-of-type {
        margin-right: 20px;
    }

.logout-button {
    display: block;
    padding: 11px 18px;
    color: #fff;
    text-decoration: none;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
}

.logout-li:hover {
    background: #acc237;
}

.fieldlab-upload-file .jcf-file {
    float: right !important;
    width: 50px !important;
}

.fieldlab-upload-file ul {
    list-style-type: none !important;
}

.accordion .active .opener:hover:after {
    background-position: -188px -196px;
}

.accordion .active .opener:after {
    background-position: -25px -1px;
}

.accordion .opener:after {
    background-position: -215px -196px;
}

.edit-profile-image {
    width: 30%;
    padding: 20px;
    display: block;
}

img.spinner {
    margin-left: 10px;
    margin-top: 14px;
    display: none;
}

.comment-images {
    float: left;
    padding-right: 10px;
}

    .comment-images img {
        width: auto;
        height: auto;
        max-height: 200px
    }

.change-password-errors {
    display: none;
    color: red;
}

    .change-password-errors.success {
        display: block;
        color: green;
    }

.password-reset .error {
    border-color: red;
}

.panel-welcome .edit-profile-image {
    display: none;
}

.HarmonyField.Checkbox .help-text {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    color: #696a6d;
    padding-left: 10px;
    max-width: 80%;
    width: 100%;
}

.topic-title {
    font-weight: bold;
    margin-bottom: 5px !important;
}

.value-name {
    font-weight: bold;
}

a.blue {
    color: #00aeef;
}

a.green {
    color: #264c24;
}

a.orange {
    color: #fcb715;
}

a.purple {
    color: #863794;
}

.comments-wrapper .alFollow {
    display: none;
}

.panel-welcome .link-following {
    position: absolute;
    right: -2px;
    top: 10px;
    padding: 10px 24px 10px 8px;
    font-size: 16px;
    white-space: nowrap;
    max-width: 50%;
    text-align: left;
    display: none;
    background: #acc237;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    padding: 9px 10px 10px 28px;
    text-decoration: none;
    text-transform: uppercase;
    display: none;
    text-align: center;
    width: 145px;
    z-index: 3;
}

    .panel-welcome .link-following span {
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }

    .panel-welcome .link-following:hover {
        opacity: .7;
    }

    .panel-welcome .link-following:after {
        content: "";
        display: none;
        position: absolute;
        top: 0;
        right: 100%;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent #acc237 transparent transparent;
        border-width: 18px 11px 19px 0;
    }

    .panel-welcome .link-following:before {
        background-position: -184px -257px;
        background-image: url(/images/doff/sprite.png);
        background-repeat: no-repeat;
        content: "";
        position: absolute;
        left: 7px;
        top: 9px;
        width: 18px;
        height: 18px;
    }

h1.group-name {
    margin-top: 30px;
}

.form-content .two-col.manage-subscription {
    margin: 0;
}

.update-directdebit-details img.ajax-loader {
    margin-left: 10px;
    margin-top: 6px;
    display: none;
    position: absolute;
}

.dd-guarantee {
    clear: both;
    margin-top: 80px;
}

.debit-run-selector {
    display: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="url"],
textarea:focus {
    color: #000;
}

#harmony_view_MS-Membership-List .row {
    clear: both;
}

    #harmony_view_MS-Membership-List .row .HarmonyField {
        float: left;
        width: 200px;
    }

    #harmony_view_MS-Membership-List .row .list-view-toolbar-buttons {
        position: relative;
        top: -32px;
        left: 200px
    }

span.chorus_milestone.Lookup.edit-control-label:before {
    content: "Milestone: ";
}

a.lookup-launcher.chorus_milestone.Lookup.edit-control:before {
    content: "Milestone: ";
}

.pagination span, .pagination a {
    padding-right: 10px;
}

.widget .info-panel.single {
    border-top: 2px dotted #cfdc8c;
    padding-top: 25px;
}

.tab-content.add1 .harmonyNavigation input.btn {
    margin-top: -25px;
}

.tab-content.add1 .harmonyNavigation input.btn-finish {
    margin-top: 0px;
}

#harmony_form_DOFF-Edit-Profile-Edit .HarmonyStepView .btn-finish {
    display: block;
}

.timeline h2 {
    margin-bottom: 100px;
    font-size: 20px;
}

.timeline h6 {
    color: #264c24;
    top: -10px;
    position: relative;
}

.timeline .bar .last-milestone .tooltip {
    left: -252px;
    display: block;
}

.timeline .bar .first-milestone .tooltip {
    display: block;
}

.timeline .bar .first-milestone {
    float: left;
}

.timeline .bar .last-milestone .tooltip:before {
    left: 247px;
}

.timeline .bar .intermediate-milestone .tooltip {
    z-index: 1000;
}

.timeline .bar li.last-milestone {
    width: 0px
}

.notification.user-redirect {
    display: block;
}

    .notification.user-redirect p {
        color: #fff;
        margin: 0 auto;
        padding: 0 8px;
        text-align: center;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .search-form input[type="submit"] {
        margin-top: -35px;
    }
}

.failed-validation {
    border: 1px solid red !important;
}

.panel-filter .col-break {
    -moz-column-count: 1 !important;
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
}

@media (min-width:768px) {
    .panel-filter .col-break li {
        width: 47%;
        float: left;
        height: 30px;
    }

    .panel-welcome .link-following {
        display: block;
    }

        .panel-welcome .link-following:after {
            display: block;
        }
}

.milestone h4 {
    color: #264c24;
}

.milestone .milestone-date {
    color: #696a6d;
}

.info-panel .info-group .name a {
    color: #000 !important;
}

.panel-meeting + .panel-meeting {
    border-top: 0px !important;
    padding-top: 20px;
}

.harmonyViewName {
    border-bottom: 1px dashed rgba(214, 214, 214, .9);
    display: block;
    padding: 6px 0 16px;
    margin-bottom: 15px;
}

.my-field-labs .harmonyViewName,
legend {
    display: none;
}

.my-field-labs .chorus_summary .TextArea {
    width: 100%;
}

.my-field-labs .chorus_stage {
    float: right;
    font-size: 18px;
}

.my-field-labs .chorus_name {
    color: #fcb715;
    text-transform: capitalize;
    font-size: 20px;
    line-height: 24px;
    margin: 5px 0 6px;
}

.my-field-labs h3 {
    font-size: 18px;
    font-weight: 400;
    color: #264c24;
}

.my-field-labs .Edit {
    border-bottom: 1px dashed rgba(214, 214, 214, .9);
    display: block;
    padding: 6px 0 16px;
    margin-bottom: 15px;
}

.harmonyNavigation input {
    background: #acc237;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 10px 11px 11px;
    float: right;
}

.meetups .harmonyViewName {
    display: none;
}

.meetups .chorus_name {
    color: #fcb715;
    text-transform: capitalize;
    font-size: 20px;
    line-height: 24px;
    margin: 5px 0 6px;
    border-bottom: 1px dashed rgba(214, 214, 214, .9);
}

    .meetups .chorus_name .chorus_name {
        border-bottom: 0px !important;
    }

.meetup .HarmonyStepView {
    border-bottom: 1px dashed rgba(214, 214, 214, .9);
    display: block;
    padding: 6px 0 16px;
    margin-bottom: 15px;
}

.meetup .chorus_name {
    color: #000;
    border-bottom: 0px !important;
}

.meetup .chorus_name {
    font-weight: 600;
}

.meetup .chorus_groups {
    display: none;
}

.edit-button,
.delete-button,
.add-button {
    background: #acc237;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 3px 4px 3px;
    margin-top: 10px;
    cursor: pointer;
}

.field-lab-updates .chorus_name,
.field-lab-achievements .chorus_name,
.field-lab-milestones .chorus_name {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #264c24;
    width: 80%;
}

.field-lab-updates .chorus_updatedate,
.field-lab-achievements .chorus_achievementdate,
.field-lab-milestones .chorus_milestonedate {
    font-size: 12px;
    margin-bottom: 10px;
}

.meetup .HarmonyFieldGroup.chorus_name {
    display: inline-flex;
}

.meetup .HarmonyFieldGroup.chorus_dateofmeeting {
    display: inline-flex;
    float: right;
    margin-top: 20px;
    font-weight: 600;
    font-size: 16px;
}

    .meetup .HarmonyFieldGroup.chorus_dateofmeeting input {
        width: 130px;
    }

.meetup .HarmonyFieldGroup.chorus_time {
    float: right;
    font-size: 16px;
}

.meetup .HarmonyFieldGroup.chorus_endtime {
    float: right;
    font-size: 16px;
    margin-left: 5px;
}

.meetup .HarmonyFieldGroup.statuscode {
    display: inline-flex;
    float: right;
    font-size: 20px;
    margin-top: -30px;
}

.meetup .HarmonyFieldGroup textarea.chorus_description {
    margin-bottom: 5px;
    width: 70%;
    height: 80px;
}

.meetup .HarmonyFieldGroup .chorus_description.TextArea.edit-control-label {
    width: 80%;
    margin-bottom: 5px;
}

.meetup .HarmonyFieldGroup.chorus_addressline1 {
    font-weight: 400;
    color: #65802c;
    margin-bottom: 6px;
}

.meetup .HarmonyFieldGroup.chorus_addressline1,
.meetup .HarmonyFieldGroup.chorus_addressline2,
.meetup .HarmonyFieldGroup.chorus_addresscity,
.meetup .HarmonyFieldGroup.chorus_addressstate,
.meetup .HarmonyFieldGroup.chorus_addresscountry,
.meetup .HarmonyFieldGroup.chorus_addresspostcode {
    font-size: 14px;
}

.meetup .HarmonyFieldGroup.chorus_addressline1,
.meetup .HarmonyFieldGroup.chorus_addressline2,
.meetup .HarmonyFieldGroup.chorus_addresscity,
.meetup .HarmonyFieldGroup.chorus_addressstate,
.meetup .HarmonyFieldGroup.chorus_addresscountry,
.meetup .HarmonyFieldGroup.chorus_addresspostcode {
    width: 200px
}

.field-lab-updates .chorus_name {
    margin-right: 10px;
}

.field-lab-updates .list-view-toolbar-buttons,
.field-lab-achievements .list-view-toolbar-buttons {
    margin-top: -30px;
}

.group-request .HarmonySectionView {
    margin-bottom: 20px;
    height: 50px;
}

.group-request .chours_contact {
    padding-left: 37px;
    line-height: 25px;
    margin-left: -3px;
    color: #000;
    margin-right: 17px;
}

.group-request .statuscode {
    float: left;
    margin-top: -12px;
    margin-left: 100px;
}

.membership-requests .chorus_name {
    color: #fcb715;
    text-transform: capitalize;
    font-size: 20px;
    line-height: 24px;
    margin: 30px 0 20px;
}

.field-lab-updates h3:first-of-type {
    display: block;
}

.field-lab-milestones h3:first-of-type {
    display: block;
}

    .field-lab-updates h3:first-of-type .arrow:after,
    .field-lab-milestones h3:first-of-type .arrow:after,
    .field-lab-achievements h3:first-of-type .arrow:after,
    .field-lab-milestones h3:first-of-type .arrow:after,
    .field-lab-documents h3:first-of-type .arrow:after, .panel-field-lab h3 .arrow:after {
        background-position: -56px -1px;
        width: 18px;
        height: 10px;
        content: "";
        position: absolute;
        right: 0;
        top: 6px;
        background-image: url(/images/doff/sprite.png);
        background-repeat: no-repeat;
    }

.field-lab-down:after {
    background-position: -25px -1px !important;
}

.field-lab-achievements h3:first-of-type {
    display: block;
}

.update-title {
    margin-top: 15px;
    margin-bottom: -4px;
    cursor: pointer;
}

.harmonyNavigation input {
    margin-top: 25px;
}

.my-field-labs .Edit:last-of-type {
    margin-bottom: 40px;
}

.field-lab-milestones .list-view-toolbar-buttons,
.field-lab-updates .list-view-toolbar-buttons,
.field-lab-achievements .list-view-toolbar-buttons {
    margin-top: 8px;
}

.field-lab-milestones .HarmonySectionView,
.field-lab-updates .HarmonySectionView,
.field-lab-achievements .HarmonySectionView {
    margin: 0 0 20px 0;
}

.field-lab-milestones .chours_name.edit-control,
.field-lab-updates .chours_name.edit-control,
.field-lab-achievements .chours_name.edit-control {
    height: 24px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.field-lab-milestones .chorus_achievementdate.edit-control,
.field-lab-updates .chorus_achievementdate.edit-control,
.field-lab-achievements .chorus_achievementdate.edit-control {
    width: 80px;
    margin-top: -5px;
}

.field-lab-updates .chorus_update.edit-control,
.field-lab-achievements .chorus_description.edit-control {
    width: 100%;
    height: 110px;
}

.field-lab-milestones .chorus_description.edit-control {
    width: 100%;
    height: 60px;
}

.meetup .chorus_time.edit-control,
.meetup .chorus_endtime.edit-control {
    width: 90px;
}

.panel-meeting .btn-status.future {
    cursor: pointer;
}

[data-label="property-group-1"] {
    width: 47%;
    float: left;
    margin-right: 2%;
    margin-left: 20px;
}

[data-label="property-group-2"] {
    width: 47%;
    float: left;
}

[data-label="property-group-3"] {
    width: 100%;
    margin-left: 20px;
}

    [data-label="property-group-3"] textarea {
        width: 96%;
        position: relative;
        top: 10px;
    }

.contact-account .name.edit-control {
    position: relative;
    width: 47%;
    margin-left: 20px;
    top: -64px;
}

.edit-profile .btn-finish {
    margin-right: 10px;
}

.edit-profile .harmonyViewName {
    display: none;
}

.edit-profile .harmonyViewDescription {
    display: none;
}

.panel-field-lab {
    border: 0px !important;
}

@media (max-width:490px) {
    [data-label="property-group-1"],
    [data-label="property-group-2"],
    [data-label="Account (Company Name - Account)"] {
        width: 93%;
        float: none;
        margin-right: 3%;
        margin-left: 15px;
    }

    [data-label="property-group-3"] textarea {
        width: 93%;
    }

    .contact-account .name.edit-control {
        position: initial;
        width: 100%;
        margin: 0;
    }
}

.sent-approval {
    background: #264c24 !important;
}

    .sent-approval:after {
        border-color: transparent #264c24 transparent transparent !important;
    }

.toggleNext.more {
    width: 110px;
    margin-bottom: 1em;
}

.update-title a {
    text-decoration: none;
}

.field-lab-updates {
    padding-bottom: 1px;
    padding-top: 10px;
}

.accordion-slide .collapsible {
    margin-top: 30px;
}

.accordion-slide .col2 {
    width: 25.7% !important;
}

.notification.success {
    background: #acc237 !important;
}

    .notification.success .opener:hover {
        color: #FFF !important;
    }

.flexslider {
    top: -164px;
}

@-moz-document url-prefix() {
    .flexslider {
    }
}
/*This causes modern browsers to display gap above slider */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    .flexslider {
        top: 0px !important;
    }
}*/

.fieldlab-file-upload.widget {
    background: none;
    border: none;
}

.fileupload1 .jcf-file {
    float: right;
}

.fileupload1 .jcf-upload-button {
    float: left;
}

.field-lab-documents {
    padding: 10px !important;
    background-color: #F2F2F2 !important
}

.coordinator-feedback input[type=text] {
    margin: 15px 0 15px 0;
    width: 85%;
}

.coordinator-feedback textarea {
    border-color: #bbb;
    width: 85% !important;
    min-height: 92px;
    margin-bottom: 0;
}

.coordinator-feedback input[type=button] {
    margin-top: -40px;
}

.column p strong a {
    background: #acc237;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 10px 11px 11px;
    text-decoration: none;
}

    .column p strong a:hover {
        background: #778626;
    }

.slide .column .inner p {
    font-size: 18px;
    line-height: 22px;
}

.navigation-arrow {
    background-image: url(/images/doff/sprite.png);
    background-repeat: no-repeat;
    background-position: -82px -1px;
    content: "";
    position: absolute;
    right: 12px;
    top: 15px;
    width: 20px;
    height: 11px;
    position: static;
    display: inline-block;
    margin-left: 9px;
    transform: rotate(90deg);
}

    .navigation-arrow:hover,
    .has-drop-down.active .navigation-arrow {
        background-position: -152px -256px;
        cursor: pointer;
    }

.has-drop-down.active .navigation-arrow {
    background-position: -105px -221px !important;
    transform: rotate(0deg);
}

.has-drop-down-a:after {
    display: none !important;
}

.menu-slide #nav .active .has-drop-down-a {
    color: #FFF !important;
}

@media (min-width:768px) {
    .standard-content .col-md-8,
    .home-content .col-md-8 {
        width: 65%;
        float: left;
    }
}

@media (min-width:768px) {
    .standard-content .col-md-4,
    .home-content .col-md-4 {
        padding: 0 0 0 15px;
        float: right;
        width: 33.8%;
    }
}

.standard-content blockquote {
    font-size: 20px;
    color: #264c24;
    font-weight: 600;
}

.standard-content .quote {
    font-size: 50px;
    font-family: initial !important;
}

    .standard-content .quote:first-of-type {
        margin-left: -25px;
    }

    .standard-content .quote:last-of-type {
        margin-left: 10px;
    }

.standard-content h4 {
    font-size: 19px;
    color: #264c24;
    padding-top: 20px
}

.inner a.btn {
    padding-left: 0px;
}

.challenge .intro-article h1 {
    font-size: 26px;
    line-height: 34px;
}

.challenge .btn-list span.purple {
    font-size: 12px;
    line-height: 14px;
    padding: 4px 5px;
}

.contourNavigation .btn {
    margin-top: -20px;
    background: #acc237;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 10px 11px 11px;
    float: right;
}

    .contourNavigation .btn:hover {
        background: #778626;
    }

.contourField textarea {
    border-color: #bbb;
    width: 100% !important;
    min-height: 92px;
    resize: vertical;
    vertical-align: top;
    height: 100px !important;
}
/*.contourField label{display:none!important;}*/
.contourField input[type=text] {
    width: 100% !important;
}

.col-md-12 #contour input.text,
.col-md-12 #contour textarea,
.col-md-12 .contour input.text,
.col-md-12 .contour textarea {
    max-width: 100% !important;
    margin: 10px 0 10px 0;
}

.contourFieldSet {
    padding: 0px !important;
}

.contourField .field-validation-error {
    color: #db0f0f;
    font-weight: 600;
}

.panel-group h2 {
    font-size: 18px;
}

@media (max-width:767px) {
    .panel-welcome {
        padding-top: 55px;
    }
}

.article-search {
    border-bottom: 1px dashed rgba(214, 214, 214, .9);
    padding: 20px 0 10px 0;
}

textarea.chorus_biography {
    height: 90px;
}

.contourField, .contourNavigation {
    margin-bottom: 20px;
}

.tagbox-selected-tag {
    display: inline-block;
    vertical-align: top;
    border: 2px solid #acc237;
    padding: 3px 10px 4px;
    min-width: 103px;
    text-align: center;
    margin: 0 10px 5px 0;
}

.tagbox-input-wrapper {
    display: inline-block;
    vertical-align: top;
    border: none;
}

.tagbox-field-input {
    display: inline-block;
    vertical-align: top;
    border: none;
    padding: 6px 10px 4px;
    width: 95px;
    text-align: left;
    margin: 0 10px 5px 0;
}

.tagbox-dropdown {
    position: absolute;
}

.tagbox-matching {
    position: absolute;
    display: inline-block;
    vertical-align: top;
    background-color: #acc237;
    color: #FFFFFF;
    padding: 3px 10px 4px;
    min-width: 73px;
    text-align: center;
    margin: 0 10px 5px 0;
}

.tagbox-matrix-label {
    display: none;
}

.tagbox-selected-tag-remove {
    cursor: pointer;
}

.timeline .bar .title {
    display: none;
}

.poll-section textarea {
    width: 100%;
    height: 80px;
    margin-bottom: 22px;
}

.poll-section .editor-field.checkbox {
    margin-bottom: 22px;
}

.poll-section .editor-field.select {
    margin-bottom: 10px;
}

.poll-section .btn {
    margin-left: 24px;
}

.poll-section .editor-field.select .help-text {
    display: inline-block;
    margin-top: 10px;
    margin-right: 5px;
}

.poll-section .editor-field.date .help-text {
    display: inline-block;
    margin-right: 5px;
}

.poll-section input.datepicker {
    width: 100px;
}

.update-survey-controls {
    clear: both;
}

    .update-survey-controls img.ajax-loader {
        margin-left: 10px;
        margin-top: 6px;
        display: none;
    }

.article-post .meta .comment-delete {
    float: right;
}

    .article-post .meta .comment-delete a {
        color: #696a6d;
    }

        .article-post .meta .comment-delete a:hover {
            color: #acbf37;
            cursor: pointer;
        }

.HarmonyField.chorus_milestonecomplete {
    margin-top: 10px;
}

.field-lab-achievements .Lookup.edit-control-label,
.field-lab-achievements .Lookup.edit-control {
    display: inline-block;
    font-size: 18px;
    margin-bottom: 10px;
}

a.lookup-launcher.chorus_milestone.Lookup.edit-control:after {
    content: "";
    background-image: url(/images/doff/sprite.png);
    background-repeat: no-repeat;
    background-position: -233px -164px;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-left: 5px;
}

.harmony-lazy-loading {
    background-image: url(/images/big-loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    height: 100px;
}

.lookup-form-results .search-result:hover {
    cursor: pointer;
    background-color: grey;
    color: white;
}

html, body, #wrapper {
    min-height: 98.7%;
}

#usernav-drop {
    width: 100%;
}

.chorus_showcontactdetails {
    margin-bottom: 10px;
}

.product-price {
    color: #696a6d !important;
}

.container .umb-grid .container {
    padding: 0px;
}

#wrapper {
    -webkit-overflow-scrolling: touch;
}

a:hover {
    text-decoration: none;
}

.header-bottom {
    z-index: 999;
}

.home-link {
    font-weight: bold;
}

#header {
    z-index: 999;
}

#home-header {
    margin: -196px 0 50px -34%;
    width: 168%;
    height: 660px;
}

.home-article {
    width: 85%;
    height: 200px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
}

    .intro-article h1,
    .panel-welcome .txt h1,
    .home-article h1 {
        font-size: 26px;
        line-height: 28px;
        margin-bottom: 1em;
    }

.intro-article {
    font-size: 18px;
    line-height: 24px;
}

.home-article p {
    font-size: 16px;
    line-height: 20px;
}

.home-widget {
    background-color: #FFF;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#slides {
    overflow: hidden;
    position: relative;
    width: 75%;
    height: 250px;
}

    #slides ul {
        list-style: none;
        width: 100%;
        height: 250px;
        margin: 0;
        padding: 0;
        position: relative;
    }

    #slides li {
        width: 100%;
        height: 250px;
        float: left;
        position: relative;
    }

.btn-bar {
    margin: 0 auto;
    display: block;
    position: relative;
    top: -160px
}

#buttons {
    padding: 0 0 5px 0;
    float: right;
}

    #buttons a {
        text-align: center;
        font-size: 50px;
        display: block;
        padding: 9px;
        width: 80px;
        background-color: rgba(255,255,255,0.6)
    }

a#prev:hover,
a#next:hover {
    color: #FFF;
    text-shadow: .5px 0px #b14943;
    text-decoration: none;
}

.hide {
    display: none !important;
}

.input-holder-edit div {
    margin-bottom: 22px;
}

.jcf-checkbox span {
    position: initial !important;
    top: 0 !important;
    left: 0 !important;
    width: 17px !important;
    height: 16px !important;
    background: url(../images/doff/sprite.png) no-repeat 4px -67px !important;
}

.green {
    color: #264c24 !important;
}

@media(min-width:768px) {
    .nav-opener-mobile {
        display: none;
    }
}

.home-widget p.btn {
    margin: 0px;
    font-size: 14px;
}

.home-content .col-md-4 .home-widget .btn:after,
.home-content .col-md-8 .home-widget .btn:after,
.standard-content .col-md-4 .home-widget .btn:after,
.standard-content .col-md-8 .home-widget .btn:after {
    background-image: url(../images/doff/sprite.png);
    background-repeat: no-repeat;
    background-position: -50px 1px;
    content: "";
    position: absolute;
    width: 30px;
    height: 16px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.has-title.has-summary.has-image h2:after {
    background-image: url(/images/doff/sprite.png);
    background-repeat: no-repeat;
    background-position: -50px 1px;
    content: "";
    position: absolute;
    width: 30px;
    height: 16px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.login-a:after {
    background-image: url(../images/doff/sprite.png);
    background-repeat: no-repeat;
    background-position: -77px 1px;
    content: "";
    position: absolute;
    right: 8px;
    width: 30px;
    height: 16px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    /* margin-left: 70px */
}

.has-title.has-summary.has-image .no-after:after {
    display: none;
}

.has-title.has-summary.has-image .no-after {
    border-bottom: 1px dashed rgba(214, 214, 214, .9);
}

.has-title.has-summary.has-image h2 {
    border-bottom: none;
}

.home-content .col-md-6 {
    width: 48%;
    float: left;
}

    .home-content .col-md-6:first-of-type {
        margin-right: 4%;
    }

.no-title.no-summary {
    padding: 0px;
}

    .no-title.no-summary .btn {
        background-color: rgba(255,255,255,0.7) !important;
        width: 100%;
        text-align: left;
        padding: 15px 20px 15px 20px !important;
        font-weight: 600;
    }

.home-widget {
    height: 282px;
    position: relative;
}

.col-md-8 .home-widget,
.col-md-4 .home-widget {
    border: 1px solid #acc237;
}

.has-title.has-summary.has-image {
    padding: 0px !important;
}

    .has-title.has-summary.has-image .inner {
        background-color: rgba(255,255,255,0.7);
        padding: 14px 20px 19px !important;
        height: 100%;
    }

        .has-title.has-summary.has-image .inner h2 {
            text-transform: uppercase;
            font-size: 16px;
        }

        .has-title.has-summary.has-image .inner .hover-title {
            font-size: 22px !important;
            text-transform: inherit !important;
        }

.widget.has-title.no-summary.has-image.home-widget p {
    background: rgba(255,255,255,0.7);
    left: 0;
    width: 100%;
    text-align: left;
    height: 55px;
}

.has-title h2 {
    color: #264c24;
    font-weight: 600;
}

.col-md-8.column .col-md-12.column {
    padding: 1rem 1.5rem;
    background: rgba(255, 255, 255, 1);
    margin-bottom: 20px;
}

@media(min-width: 1024px) {
    .col-md-8.column .col-md-12.column {
        padding: 24px 52px 20px
    }
}

.home-content .col-md-8.column .col-md-12.column {
    border: none;
    box-shadow: none;
    background: none;
    padding: 0px;
}

@media(max-width:800px) {
    .home-content .col-md-6 {
        width: 100%;
    }

    .controls ul li .next {
        display: none !important;
    }

    .flex-caption {
        width: 58% !important;
        bottom: 38% !important;
    }
}

@media(max-width:760px) {
    .home-content .col-md-6 {
        width: 100%;
    }

    .home-widget {
        height: 233px;
    }

    .col-md-12 .widget p {
        font-size: 13px;
    }

    #home-header {
        height: 300px;
        margin: -164px 0 80px 0%;
        width: 100%;
    }

    .flexslider {
        margin-top: 81px !important;
    }

        .flexslider .flex-caption {
            width: 97% !important;
            left: 1%;
        }

        .flexslider .slides img {
            max-width: 200% !important;
            width: 200% !important;
        }

    .home-article h1 {
        font-size: 20px;
        line-height: 13px;
    }

    .home-article p {
        font-size: 12px;
        line-height: 16px;
    }

    .flex-caption {
        margin-bottom: -30px;
    }

    .intro-article p {
        margin-bottom: 40px;
    }

    .youtube {
        width: 36px !important;
    }

    .home-widget.has-image {
        margin-left: 10px;
        margin-right: 10px;
    }

    .border-bottom {
        height: 50px !important;
        padding: 5px 5px 0 10px;
        background-color: #264c24;
    }

    .navigation-arrow {
        margin-left: 5%;
        height: 25px;
        margin-top: -32px;
        margin-right: 20px;
        float: right;
        width: 30px;
    }

    .has-drop-down.active .navigation-arrow {
        margin-top: -27px;
        margin-right: 10px;
    }

    .flexslider .slides img {
        max-width: 180% !important;
    }

    .registration .col-md-6.column {
        width: 100%;
        margin-right: 0px;
    }

    .registration .has-summary.has-image.has-title .inner {
        top: 0px !important;
    }

    .product-price {
        margin-top: -20px;
    }

    .link-follow {
        display: block !important;
        top: 25px !important;
        padding: 7px 10px 8px 28px !important;
        max-width: 35% !important;
        font-size: 12px !important;
    }

        .link-follow:before {
            top: 14px !important;
        }

        .link-follow span {
            margin-top: 5px !important;
        }

    .link-following {
        display: block !important;
        top: 25px !important;
        padding: 7px 10px 8px 28px !important;
        max-width: 35% !important;
        font-size: 12px !important;
    }

        .link-following:before {
            top: 14px !important;
        }

        .link-following span {
            margin-top: 5px !important;
        }

    .panel-welcome {
        padding-top: 35px;
    }

        .panel-welcome .link-follow:after {
            content: "";
            display: block;
            position: absolute;
            top: 0px;
            right: 100%;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent #acc237 transparent transparent;
            border-width: 18px 11px 19px 0;
        }

        .panel-welcome .link-following:after {
            content: "";
            display: block;
            position: absolute;
            top: 0px;
            right: 100%;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent #acc237 transparent transparent;
            border-width: 18px 11px 19px 0;
        }

    .youtube {
        background-image: url(/images/doff/youtube26x26icon.png) !important;
        background-position: 0 !important;
    }

    .reg-member-details .reg-form-left1,
    .reg-member-details .reg-form-right {
        width: 100% !important;
        float: none !important;
    }

    .your-details-container div {
        margin-bottom: 20px;
    }

    .slide .column .inner p {
        font-size: 15px;
        line-height: 22px;
    }
}

@media (max-width:767px) {
    #main.container {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    footer {
        margin-bottom: 60px !important;
    }
}

.has-summary.has-image.has-title .inner {
    position: absolute;
    top: 233px;
}

.col-md-12 .has-title.has-summary.no-image {
    border: 0px;
    background: none;
}

.news .date {
    font-size: 13px !important;
    display: block;
    line-height: 15px;
    color: #676a6c;
    margin-bottom: 4px;
}

.news-block h3 {
    color: #264c24;
    font-weight: 600;
}

.news-block {
    margin-bottom: 30px
}

    .news-block p {
        font-size: 17px !important;
    }

.border-bottom {
    background-color: #264c24;
    margin-bottom: 0px;
    position: fixed;
    width: 100%;
    z-index: 100;
    font-size: 10px;
    height: 25px;
    bottom: 0;
}

    .border-bottom p {
        float: right;
        margin-top: 5px;
        margin-right: 38px;
        color: #FFF;
    }

    .border-bottom a {
        color: #FFF;
    }

blockquote p {
    margin-top: -50px;
    margin-bottom: 5px;
    margin-left: 10px;
}

blockquote .quote-right {
    float: right;
    margin-top: -35px
}

blockquote .quoted-by {
    font-style: italic;
    font-size: 14px;
    padding-left: 10px;
    display: block;
    color: #000
}

#wrapper {
    border: none;
}

.column h1 a:after {
    margin-top: 6px;
}

.column h1 a:after,
.column h2 a:after,
.column h3 a:after,
.column h4 a:after {
    background-image: url(../images/doff/sprite.png);
    background-repeat: no-repeat;
    background-position: -45px 1px;
    content: "";
    position: absolute;
    width: 30px;
    height: 16px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

#cccwr #ccc-hdricon, #cccwr .ccc-close, #cccwr #ccc-icon a, #cccwr #cctoggle, #cccwr.ccc-bar, #cccwr #ccc-icon button {
}

.flexslider,
.flexslider ul,
.flexslider ul li,
.flexslider ul li img {
    height: 100%;
}

.home-wrapper .home-page #header .logo,
.home-wrapper .home-page #header .header-bottom,
.home-wrapper .home-page .logo.visible-mobile,
.home-wrapper .home-page #header .header-bottom .right {
    z-index: 20;
    position: relative;
}

@media(max-width:767px) {
    .flexslider {
        z-index: -1 !important;
    }

    .home-article {
        height: 290px;
    }

    .flex-caption {
        bottom: 13% !important;
    }

    .flexslider h1 {
        line-height: 16px;
    }
}
/*@media(max-width:388px){#header .logo {margin: -6px 8px 11px;}}*/
.flexslider {
    z-index: 0;
    border-radius: 0px !important;
}

    .flexslider .slides li:after {
        height: 168px;
        background: linear-gradient(to bottom, rgba(238, 238, 238, .01) 0%, rgba(255, 255, 255, .76) 56%, white 74%, white 100%);
        top: 500px;
        content: "";
        right: 0;
        bottom: 0;
        position: absolute;
        left: 0;
    }

    .flex-container a:active,
    .flexslider a:active {
        outline: none;
    }

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flexslider {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
    }

    .flexslider .slides img {
        max-width: 100%;
        display: block;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

.no-js .slides > li:first-child {
    display: block;
}

.flexslider {
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    zoom: 1;
}

    .flexslider .slides {
        zoom: 1;
    }

        .flexslider .slides > li {
            position: relative;
        }

.flex-container {
    zoom: 1;
    position: relative;
}

.flex-caption {
    background: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    zoom: 1;
}

.flex-caption {
    width: 38.8%;
    padding: 2% 2% 0% 2%;
    position: absolute;
    left: 20.1%;
    bottom: 32%;
    background: rgba(255,255,255,0.7);
    color: #000;
    font-size: 16px;
    line-height: 22px;
    margin-left: 4px;
}

.controls ul li .next {
    margin: 0 0 0;
    display: block;
    background: url(/Images/doff/slider-arrow.png) no-repeat 0 0;
    position: absolute;
    top: 350px;
    cursor: pointer;
    text-indent: -9999px;
    right: 20.1%;
}

    .controls ul li .next:hover {
        background: url(/Images/doff/slider-arrow-active.png) no-repeat 0 0;
    }

.flex-direction-nav li .next {
    right: 375px;
    height: 100px;
    width: 100px;
}

.flex-direction-nav li .prev {
    display: none
}

.flex-direction-nav li .disabled {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: default;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -30px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 0 0 5px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .flex-control-nav li:first-child {
            margin: 0;
        }

        .flex-control-nav li a {
            width: 13px;
            height: 13px;
            display: block;
            background: url(theme/bg_control_nav.png) no-repeat 0 0;
            cursor: pointer;
            text-indent: -9999px;
        }

            .flex-control-nav li a:hover {
                background-position: 0 -13px;
            }

            .flex-control-nav li a.active {
                background-position: 0 -26px;
                cursor: default;
            }

@media(max-width:1170px) {
    .controls ul li .next {
        right: 1%;
    }
}

.login-container {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.oauth-login-container {
    width: 30% !important;
    margin-right: 20%;
    float: right;
}

.product-list-group {
    box-sizing: border-box;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.product-card {
    background-color: #ffffff;
    width: 23%;
    border: 1px solid gray;
    box-shadow: 1px 1px 3px #888;
    min-height: 250px;
    padding: 0px;
    margin: 5px;
}

.registration-gift-item {
    padding: 10px;
    width: 96%;
    height: 150px;
    background-color: #ffffff;
    border: 1px solid #000;
    opacity: 1;
    z-index: 9992;
}

.registration-product-item {
    padding: 5px;
    width: 80%;
    height: 300px;
    background-color: #ffffff;
    border: 1px solid #000;
    opacity: 1;
    z-index: 9992;
}

.registration-product1 {
    background-color: #ffffff;
    border: 1px solid #000;
    opacity: 0.5;
    z-index: 9991;
}

.registration-step1, .registration-step2, .registration-step3, .registration-step4 {
    padding: 5px;
    width: 90%;
    height: 100%;
    background-color: #ffffff;
    border: 1px solid #888888;
    opacity: 1;
    box-shadow: 5px 5px 2px #888888;
    z-index: 9990;
}

.product-selection-accordion {
    width: 100% !important;
}

.reg-product-header {
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 0.2em !important;
}

.reg-product-breadcrum1 {
    margin: auto;
    padding: 5px;
    text-align: center;
    height: 125px;
    line-height: 1.4em;
}

.reg-product-breadcrum2 {
    margin: 10px;
    line-height: 1.4em;
}

.reg-product-title {
    padding: 10px;
    text-align: center;
}

    .reg-product-title:nth-child(2) {
    }

.custom-product {
    width: 35%;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.btn-contact-registration {
    float: right;
}

.div-align-center, .div-directdebit-details {
    text-align: center;
    margin: auto;
}

ul.reg-product-checkBoxList {
    margin: 0;
    padding: 0;
    margin-left: 20px;
    list-style: none !important;
}

#custom-product-error {
    color: red;
}

.product-image {
    border: 1px solid gray;
    width: 100%;
    height: 70px;
}

.crossed {
    border: 1px solid gray;
    width: 100%;
    height: 70px;
    background: linear-gradient(to top left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 0.5px), rgba(0,0,0,1) 50%, rgba(0,0,0,0) calc(50% + 0.5px), rgba(0,0,0,0) 100%), linear-gradient(to top right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 0.5px), rgba(0,0,0,1) 50%, rgba(0,0,0,0) calc(50% + 0.5px), rgba(0,0,0,0) 100%);
}

.regButton {
    display: inline-block;
    padding: .4em .666666667em;
    line-height: 1.333333333;
    font-size: 1.3em;
    font-weight: normal;
    background-color: #FFFFFF;
    border: 0.07143em solid #000000;
    border-radius: .2em;
    border-bottom: 0.3em solid #000000;
    border-right: 0.3em solid #000000;
    color: #000;
    margin-left: .3em;
    margin-bottom: .3em;
    text-decoration: none;
}

    .regButton:hover {
        background-color: #000;
        border-color: #FFFFFF;
        color: #FFFFFF;
        text-decoration: none;
        border-bottom-color: #FFFF;
        border-right-color: #FFFF;
    }

.reg-member-details .reg-form-left1 {
    width: 45%;
    display: inline-block;
    vertical-align: top;
}

.reg-member-details .reg-form-right {
    width: 45%;
    float: right;
}

.reg-member-details .reg-form-left2 {
    width: 45%;
}

.reg-payment-details .reg-form-left {
    width: 45%;
    display: inline-block;
    vertical-align: top;
}

.reg-payment-details .reg-form-right {
    width: 50%;
    float: right;
}

.register-oauth {
    display: inline !important;
}

.dd-text {
    font-family: arial;
    font-size: 8.5px;
    line-height: 1.5;
}

.dd-originator {
    font-family: arial;
    font-size: 10px;
    float: right;
}

.dd-logo {
    width: 50px;
    height: 20px;
}

.dd-footer1 {
    padding: 20px;
    background-color: #D3D3D3;
}

    .dd-footer1 .dd-footer2 {
        width: 45%;
        display: inline-block;
        vertical-align: top;
    }

    .dd-footer1 .dd-footer3 {
        width: 45% !important;
        padding: 20px;
        float: right;
        background-color: #FFFFFF;
    }

.dd-giftaid {
    font-family: arial;
    font-size: 8.5px;
    line-height: 1.5;
}

.dd-uktaxpayer {
    font-family: arial;
    font-size: 10px;
}

.dd-selected-product {
    text-align: center;
    padding: 10px;
    background-color: #D3D3D3
}

.dd-selected-product-name {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    color: #000;
    background-color: #ffffff;
}

.dd-selected-product-amount {
    font-size: 18px;
    font-weight: bold;
}

.reg-main-header {
    padding: 10px;
    background-color: #ffffff;
    opacity: 0.7;
}

.has-title.has-summary.has-image .inner {
    background-color: rgba(255,255,255,0.7);
    padding: 14px 20px 19px !important;
    height: 100%;
    width: 100%;
}

.product-list-group .product-price {
    font-size: 16px;
    font-weight: bold;
}

ul.registration input[type="text"] {
    margin-bottom: 5px;
    width: 100%;
}

.div-contact-registration {
    text-align: center;
    margin: auto;
    clear: both;
    margin-bottom: 10px;
}

.reg-payment-details .jcf-select {
    width: 45%;
}

.HarmonyField .error-message-inline {
    display: none;
}

.HarmonyField .edit-control.error {
    border-color: red;
}

.contact-type-radio-button {
    display: block;
    margin: 5px 0;
    float: left;
    width: 50%;
}

    .contact-type-radio-button .help-text {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        color: #696a6d;
        padding-left: 10px;
        max-width: 80%;
        width: 100%;
    }

span.audience-intro {
    display: block;
}

div.privacy-settings {
    clear: both;
}

.registration .slide {
    color: #696a6d;
}

.supporter-accounts {
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
}

.terms-checkbox {
    margin-left: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}

span.supporter-account-checkbox {
    display: inline-block;
    width: 45%;
    margin-left: 10px;
    margin-bottom: 5px;
}

span.jcf-checkbox.jcf-unchecked.error {
    border-color: red;
}

::-webkit-input-placeholder {
    color: #C1BFBE;
}

:-moz-placeholder {
    color: #C1BFBE;
}

::-moz-placeholder {
    color: #C1BFBE;
}

:-ms-input-placeholder {
    color: #C1BFBE;
}

.error-message-block {
    display: none;
    color: white;
    background-color: red;
    padding: 10px;
    margin-bottom: 10px;
}

    .error-message-block p {
        margin-bottom: 2px;
        margin-top: 2px;
        font-size: 14px;
        line-height: 17px;
    }

.div-contact-registration img.ajax-loader,
.div-directdebit-details img.ajax-loader {
    margin-left: 10px;
    margin-top: 12px;
    display: none;
    position: absolute;
}

.article-post.no-line {
    border-bottom: none;
    padding: 5px 0px 5px 0px;
}

.case-management textarea, .case-management input[type=text] {
    margin: 10px 0;
    width: 100%;
}

.case-management textarea {
    height: 150px;
}

.case-management {
    min-height: 200px;
    overflow: auto;
}

    .case-management .harmonyNavigation {
        margin: 10px 0;
        width: 60%;
        overflow: hidden;
    }

.fieldlab-doc-list .uploaded-document {
    display: inline-block;
    width: 60%;
    overflow: hidden;
}

.existing-members .delete-button {
    border: 1px solid #CCC;
    color: #9D363A !important;
    padding: 5px 15px;
    background-color: #FFF;
    font-size: 12px;
    margin-left: 0px;
}

.fieldlab-doc-list .delete-button {
    border: 1px solid #CCC;
    color: #9D363A !important;
    padding: 5px 15px;
    background-color: #FFF;
    font-size: 12px;
    margin-left: 200px;
}

.fieldlab-doc-list .delete-button {
    margin-left: 0;
    margin-top: 0
}

.existing-members span, .group-request span {
    font-size: 12px;
}

.existing-members h3, .group-request h3 {
    font-size: 16px;
    border-bottom: none;
    line-height: 18px;
    margin-bottom: 5px;
}

.membership-requests .btn-finish {
    display: none;
}

.coordinator-create-meetup .HarmonySectionView:nth-child(2), .coordinator-existing-meetups .sectionswrapper .HarmonySectionView:nth-child(3) {
    width: 48%;
    float: left;
}

.coordinator-create-meetup .HarmonySectionView:nth-child(3), .coordinator-existing-meetups .sectionswrapper .HarmonySectionView:nth-child(5) {
    width: 48%;
    float: right;
}

.coordinator-create-meetup .sectionswrapper, .coordinator-existing-meetups .sectionswrapper {
    overflow: hidden;
}

.HarmonyFieldGroup.chorus_addresspostcode, .HarmonyFieldGroup.chorus_dateofmeeting {
    width: 60%;
    margin-right: 2%;
}

.HarmonyFieldGroup.chorus_time, .HarmonyFieldGroup.chorus_endtime {
    width: 28%;
    margin-right: 2%;
}

.HarmonyFieldGroup.chorus_endtime {
    float: left;
    margin-left: 32%;
    margin-top: -43px;
}

.coordinator-create-meetup .HarmonyField.Lookup.chorus_groups {
    width: 68%;
    float: right;
}

.membership-requests label.HarmonyField {
    display: none;
}

.coordinator-existing-meetups .HarmonySectionView:nth-child(1) span.chorus_name {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 24px;
    padding: 0 0 10px;
    text-transform: capitalize;
}

.coordinator-existing-meetups div.TextArea {
    margin-bottom: 10px;
}

.coordinator-existing-meetups div.HarmonyFieldGroup.chorus_endtime {
    margin-left: 32%;
    margin-top: -19px;
    float: left;
}

.coordinator-existing-meetups input.chorus_endtime {
    margin-top: -24px;
    float: left;
}

.HarmonyFormResultView.List.row.coordinator-existing-meetups {
    margin-bottom: 45px;
    overflow: hidden;
}

.list-view-toolbar-buttons, .harmonyNavigation {
    clear: both;
}

.coordinator-existing-meetups .btn-finish {
    display: none;
}

.coordinator-existing-meetups h2 {
    margin-top: 30px;
}

.coordinator-create-meetup .HarmonyField.Lookup {
    margin-top: 0px;
}

.ui-widget-content {
    border: 2px solid #acc237;
    color: #264c24;
    border-radius: 0px !important;
    font-size: 90%;
    padding: 0;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #acc237;
        color: #264c24;
        background: none;
    }

.ui-widget-header {
    border: 0;
    background: none;
}

.search-result:nth-child(even) {
    background: #CCC;
    padding: 3px 5px;
}

.search-result:nth-child(odd) {
    background: #FFF;
    padding: 3px 5px;
}

.ui-dialog .ui-dialog-titlebar {
    background-color: #acc237;
    border-radius: 0px;
    margin-bottom: 10px;
    padding: 1em;
}

.membership-requests .HarmonyField.Lookup {
    margin-top: 0px;
}

.HiddenField {
    display: none
}

.existing-members .HarmonyField.Lookup {
    margin-top: -20px;
}

.btn-blue {
    background-color: #00aeef;
    color: #fff;
    font-size: 12px;
    padding: 7px 5px 7px;
    font-weight: 400;
}

    .btn-blue:hover {
        background-color: #0076a3;
    }

.widget .btn-blue {
    display: block;
    margin: 15px 0 4px;
}

.edit-profile .HarmonyFieldSetTitle {
    display: none;
}

.chorus_milestone label {
    display: none;
}

.HarmonyField.Lookup.chorus_milestone {
    margin-top: 0px;
}

.meetups .btn-finish {
    display: none
}

.meetups > .stepswrapper > .HarmonyStepView > .sectionswrapper > .HarmonySectionView > .HarmonyFieldGroup.chorus_name {
    display: none
}

.HarmonyFieldGroup {
    display: block
}

.coordinator-existing-meetups .chorus_groups label {
    display: none
}

.coordinator-existing-meetups .chorus_groups span {
    padding: 10px 0
}

.HarmonyFieldGroup.chorus_groups {
    clear: both
}

.Edit.my-field-labs > .stepswrapper > .HarmonyStepView > .sectionswrapper > .HarmonySectionView > .HarmonyFieldSetTitle {
    display: none
}

.home-widget .btn {
    background: none;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 11px 11px;
    color: #264c24 !important;
    position: absolute;
    bottom: 0px;
    line-height: 18px
}

a:hover {
    text-decoration: underline
}

a.lookup-launcher {
    text-decoration: underline
}

    a.lookup-launcher.error-required {
        color: #FF0000;
    }

.share-links .ui-tooltip, .share-links .arrow:after {
    background: #FFF;
    border: 2px solid #ACC237;
}

.share-links .ui-tooltip {
    padding: 10px 20px;
    color: #666;
    margin-bottom: -10px;
}

.share-links .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .share-links .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .share-links .arrow.left {
        left: 20%;
    }

    .share-links .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .share-links .arrow.top:after {
        bottom: -20px;
        top: auto;
    }

.coordinator-manage-field-lab h2, .coordinator-manage-field-lab > h3 {
    display: none;
}

.coordinator-manage-field-lab > .stepswrapper > .HarmonyStepView > .sectionswrapper > .HarmonySectionView > .HarmonyFieldGroup span.chorus_name {
    color: #fcb715;
    font-size: 20px;
    line-height: 24px;
    margin: 30px 0 20px;
}

.coordinator-create-meetup {
    margin-bottom: 30px;
    overflow: auto
}

.coordinator-field-lab-milestones h3 {
    border-bottom: 0;
    padding: 0;
    cursor: pointer;
    color: #264c24;
    font-weight: normal;
    background: url(/images/doff/arrow-down.png) no-repeat 100px center;
}

.coordinator-field-lab-achievements h3 {
    border-bottom: 0;
    padding: 0;
    cursor: pointer;
    color: #264c24;
    font-weight: normal;
    background: url(/images/doff/arrow-down.png) no-repeat 140px center;
}

.coordinator-field-lab-milestones h3.noshow {
    background: url(/images/doff/arrow-up.png) no-repeat 100px center;
}

.coordinator-field-lab-achievements h3.noshow {
    background: url(/images/doff/arrow-up.png) no-repeat 140px center;
}

.coordinator-field-lab-milestones h3:hover, .coordinator-field-lab-achievements h3:hover {
    text-decoration: underline
}

.coordinator-field-lab-milestones > .stepswrapper > .HarmonyStepView > .sectionswrapper {
    position: relative
}

    .coordinator-field-lab-milestones > .stepswrapper > .HarmonyStepView > .sectionswrapper > .list-view-toolbar-buttons {
        position: absolute;
        top: 0;
        right: 0
    }

.coordinator-manage-field-labs .btn-finish {
    display: none
}

.coordinator-field-lab-milestones {
    background-color: #F2F2F2;
    padding: 10px;
    margin: 10px 0
}

.coordinator-field-lab-achievements {
    background-color: #E6E6E6;
    padding: 10px;
    margin: 10px 0
}

.HarmonyFormResultView.coordinator-field-lab-milestones {
    border-bottom: 2px solid #ACC237
}

.HarmonyFormResultView.coordinator-field-lab-achievements {
    border-bottom: 2px solid #CCC
}

.coordinator-field-lab-milestones .chorus_milestonecomplete label {
    display: block;
    float: left;
    padding-right: 10px;
}

.coordinator-field-lab-milestones span.chorus_milestonecomplete.Checkbox.edit-control-label.help-text {
    display: inline;
    padding-left: 0px;
}

.coordinator-field-lab-milestones .chorus_name.Textbox.HarmonyFieldGroup, .coordinator-field-lab-milestones .chorus_description.TextArea.HarmonyFieldGroup {
    margin: 0 0 5px 0;
    width: 70%;
}

.coordinator-field-lab-achievements .chorus_name.Textbox.HarmonyFieldGroup, .coordinator-field-lab-achievements .chorus_description.TextArea.HarmonyFieldGroup {
    margin: 0 0 5px 0;
    width: 100%;
}

.coordinator-field-lab-achievements .chorus_name.Textbox.HarmonyField input, .coordinator-field-lab-achievements .chorus_description.TextArea.HarmonyField textarea {
    margin: 0;
    width: 100%;
}

.coordinator-field-lab-milestones .chorus_name.Textbox.HarmonyField input, .coordinator-field-lab-milestones .chorus_description.TextArea.HarmonyField textarea {
    margin: 0;
    width: 100%;
}

.find-more-follows {
    display: block;
    text-align: center
}

.coordinator-manage-field-lab .jcf-file {
    background-color: #F2F2F2
}

.coordinator-manage-field-lab .jcf-upload-button {
    background-color: #FFFFFF
}

.timeline-0 {
    width: 0%
}

.timeline-1 {
    width: 1%
}

.timeline-2 {
    width: 2%
}

.timeline-3 {
    width: 3%
}

.timeline-4 {
    width: 4%
}

.timeline-5 {
    width: 5%
}

.timeline-6 {
    width: 6%
}

.timeline-7 {
    width: 7%
}

.timeline-8 {
    width: 8%
}

.timeline-9 {
    width: 9%
}

.timeline-10 {
    width: 10%
}

.timeline-11 {
    width: 11%
}

.timeline-12 {
    width: 12%
}

.timeline-13 {
    width: 13%
}

.timeline-14 {
    width: 14%
}

.timeline-15 {
    width: 15%
}

.timeline-16 {
    width: 16%
}

.timeline-17 {
    width: 17%
}

.timeline-18 {
    width: 18%
}

.timeline-19 {
    width: 19%
}

.timeline-20 {
    width: 20%
}

.timeline-21 {
    width: 21%
}

.timeline-22 {
    width: 22%
}

.timeline-23 {
    width: 23%
}

.timeline-24 {
    width: 24%
}

.timeline-25 {
    width: 25%
}

.timeline-26 {
    width: 26%
}

.timeline-27 {
    width: 27%
}

.timeline-28 {
    width: 28%
}

.timeline-29 {
    width: 29%
}

.timeline-30 {
    width: 30%
}

.timeline-31 {
    width: 31%
}

.timeline-32 {
    width: 32%
}

.timeline-33 {
    width: 33%
}

.timeline-34 {
    width: 34%
}

.timeline-35 {
    width: 35%
}

.timeline-36 {
    width: 36%
}

.timeline-37 {
    width: 37%
}

.timeline-38 {
    width: 38%
}

.timeline-39 {
    width: 39%
}

.timeline-40 {
    width: 40%
}

.timeline-41 {
    width: 41%
}

.timeline-42 {
    width: 42%
}

.timeline-43 {
    width: 43%
}

.timeline-44 {
    width: 44%
}

.timeline-45 {
    width: 45%
}

.timeline-46 {
    width: 46%
}

.timeline-47 {
    width: 47%
}

.timeline-48 {
    width: 48%
}

.timeline-49 {
    width: 49%
}

.timeline-50 {
    width: 50%
}

.timeline-51 {
    width: 51%
}

.timeline-52 {
    width: 52%
}

.timeline-53 {
    width: 53%
}

.timeline-54 {
    width: 54%
}

.timeline-55 {
    width: 55%
}

.timeline-56 {
    width: 56%
}

.timeline-57 {
    width: 57%
}

.timeline-58 {
    width: 58%
}

.timeline-59 {
    width: 59%
}

.timeline-60 {
    width: 60%
}

.timeline-61 {
    width: 61%
}

.timeline-62 {
    width: 62%
}

.timeline-63 {
    width: 63%
}

.timeline-64 {
    width: 64%
}

.timeline-65 {
    width: 65%
}

.timeline-66 {
    width: 66%
}

.timeline-67 {
    width: 67%
}

.timeline-68 {
    width: 68%
}

.timeline-69 {
    width: 69%
}

.timeline-70 {
    width: 70%
}

.timeline-71 {
    width: 71%
}

.timeline-72 {
    width: 72%
}

.timeline-73 {
    width: 73%
}

.timeline-74 {
    width: 74%
}

.timeline-75 {
    width: 75%
}

.timeline-76 {
    width: 76%
}

.timeline-77 {
    width: 77%
}

.timeline-78 {
    width: 78%
}

.timeline-79 {
    width: 79%
}

.timeline-80 {
    width: 80%
}

.timeline-81 {
    width: 81%
}

.timeline-82 {
    width: 82%
}

.timeline-83 {
    width: 83%
}

.timeline-84 {
    width: 84%
}

.timeline-85 {
    width: 85%
}

.timeline-86 {
    width: 86%
}

.timeline-87 {
    width: 87%
}

.timeline-88 {
    width: 88%
}

.timeline-89 {
    width: 89%
}

.timeline-90 {
    width: 90%
}

.timeline-91 {
    width: 91%
}

.timeline-92 {
    width: 92%
}

.timeline-93 {
    width: 93%
}

.timeline-94 {
    width: 94%
}

.timeline-95 {
    width: 95%
}

.timeline-96 {
    width: 96%
}

.timeline-97 {
    width: 97%
}

.timeline-98 {
    width: 98%
}

.timeline-99 {
    width: 99%
}

.timeline-100 {
    width: 100%
}

@media (max-width:767px) {
    .timeline .bar li.timeline-0, .timeline .bar li.timeline-1, .timeline .bar li.timeline-2, .timeline .bar li.timeline-3, .timeline .bar li.timeline-4, .timeline .bar li.timeline-5, .timeline .bar li.timeline-6, .timeline .bar li.timeline-7, .timeline .bar li.timeline-8, .timeline .bar li.timeline-9, .timeline .bar li.timeline-10,
    .timeline .bar li.timeline-11, .timeline .bar li.timeline-12, .timeline .bar li.timeline-13, .timeline .bar li.timeline-14, .timeline .bar li.timeline-15, .timeline .bar li.timeline-16, .timeline .bar li.timeline-17, .timeline .bar li.timeline-18, .timeline .bar li.timeline-19, .timeline .bar li.timeline-20,
    .timeline .bar li.timeline-21, .timeline .bar li.timeline-22, .timeline .bar li.timeline-23, .timeline .bar li.timeline-24, .timeline .bar li.timeline-25, .timeline .bar li.timeline-26, .timeline .bar li.timeline-27, .timeline .bar li.timeline-28, .timeline .bar li.timeline-29, .timeline .bar li.timeline-30,
    .timeline .bar li.timeline-31, .timeline .bar li.timeline-32, .timeline .bar li.timeline-33, .timeline .bar li.timeline-34, .timeline .bar li.timeline-35, .timeline .bar li.timeline-36, .timeline .bar li.timeline-37, .timeline .bar li.timeline-38, .timeline .bar li.timeline-39, .timeline .bar li.timeline-40,
    .timeline .bar li.timeline-41, .timeline .bar li.timeline-42, .timeline .bar li.timeline-43, .timeline .bar li.timeline-44, .timeline .bar li.timeline-45, .timeline .bar li.timeline-46, .timeline .bar li.timeline-47, .timeline .bar li.timeline-48, .timeline .bar li.timeline-49, .timeline .bar li.timeline-50,
    .timeline .bar li.timeline-51, .timeline .bar li.timeline-52, .timeline .bar li.timeline-53, .timeline .bar li.timeline-54, .timeline .bar li.timeline-55, .timeline .bar li.timeline-56, .timeline .bar li.timeline-57, .timeline .bar li.timeline-58, .timeline .bar li.timeline-59, .timeline .bar li.timeline-60,
    .timeline .bar li.timeline-61, .timeline .bar li.timeline-62, .timeline .bar li.timeline-63, .timeline .bar li.timeline-64, .timeline .bar li.timeline-65, .timeline .bar li.timeline-66, .timeline .bar li.timeline-67, .timeline .bar li.timeline-68, .timeline .bar li.timeline-69, .timeline .bar li.timeline-70,
    .timeline .bar li.timeline-71, .timeline .bar li.timeline-72, .timeline .bar li.timeline-73, .timeline .bar li.timeline-74, .timeline .bar li.timeline-75, .timeline .bar li.timeline-76, .timeline .bar li.timeline-77, .timeline .bar li.timeline-78, .timeline .bar li.timeline-79, .timeline .bar li.timeline-80,
    .timeline .bar li.timeline-81, .timeline .bar li.timeline-82, .timeline .bar li.timeline-83, .timeline .bar li.timeline-84, .timeline .bar li.timeline-85, .timeline .bar li.timeline-86, .timeline .bar li.timeline-87, .timeline .bar li.timeline-88, .timeline .bar li.timeline-89, .timeline .bar li.timeline-90,
    .timeline .bar li.timeline-91, .timeline .bar li.timeline-92, .timeline .bar li.timeline-93, .timeline .bar li.timeline-94, .timeline .bar li.timeline-95, .timeline .bar li.timeline-96, .timeline .bar li.timeline-97, .timeline .bar li.timeline-98, .timeline .bar li.timeline-99, .timeline .bar li.timeline-100 {
        width: 100%;
        list-style: none
    }

    .timeline .bar {
        width: 100%;
        border: none;
        box-shadow: 0 0 0 0 #d6d6d6;
        margin-left: 0px;
        padding: 5px 0
    }

        .timeline .bar li {
            background-color: transparent !important;
            box-shadow: 0 !important;
            height: auto
        }

            .timeline .bar li:after {
                background-color: transparent !important;
                width: 0;
                height: 0
            }

        .timeline .bar .tooltip-wrap, .timeline .bar .first-milestone .tooltip-wrap, .timeline .bar .last-milestone .tooltip-wrap {
            left: 0;
            top: 0;
            width: 90%;
            position: relative;
            padding: 5px 0;
            margin: 10px 0
        }

    .timeline h2 {
        margin-bottom: 28px;
    }

    .timeline .bar .first-milestone, .timeline .bar .last-milestone {
        float: none;
    }
}

.right {
    float: right
}

.meetups .HarmonyField.Lookup.chorus_groups {
    margin: 0 0 10px;
    padding: 5px 0 10px;
}

@supports (-ms-accelerator:true) {
    #home-header {
        float: left;
        clear: both;
    }
}

@media (min-width: 700px) {
    .borderedTextBox {
        border: 1px;
        border-style: solid;
        border-color: rgb(172, 194, 56);
    }
}

.search-drop input:focus {
    outline-width: 0;
}