.view-trainers-register .view-grouping {
    margin-top: 30px;
    display: block;
}

.view-trainers-register .view-grouping-header {
     font-size: 150%;
     padding:20px 0px 20px 0px;
     /*margin-bottom: 5%;*/
     padding-bottom: 30px;
}

.view-trainers-register .view-grouping-header a{
     float:left;
     max-width: 75%;
     /*margin-bottom: 15px;*/
}

.view-trainers-register .view-grouping-header img{
    max-width:20%;
    float:right;
    /*margin-bottom: 15%;*/
}

.view-trainers-register .views-row-last{
margin: 0px 0px 15px 0px;
}

.view-trainers-register .view-grouping-content {
    margin-top: 30px;
    display:block;
}


@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,600|Lobster);
body.not-front div#content .region-content,
body.front div#content div.block,
body.page-resources div#content .region-content .view-resources-search-results>form,
body.page-resources div#content .region-content .view-resources-search-results>.views-rows,
.panel,
.panel-option,
.accordion .views-field-field-answer,
div#block-block-1,
div.entity-signpost a {
    background: #fff;
    border-bottom: 10px solid #e7e4d3;
    padding: 30px;
    padding: 1.875rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
@media screen and (max-width: 30em) {
    body.not-front div#content .region-content,
    body.front div#content div.block,
    body.page-resources div#content .region-content .view-resources-search-results>form,
    body.page-resources div#content .region-content .view-resources-search-results>.views-rows,
    .panel,
    .panel-option,
    .accordion .views-field-field-answer,
    div#block-block-1,
    div.entity-signpost a {
        padding: 15px;
        padding: 0.9375rem
    }
}
div#menu div.block,
div#aside div.block {
    background: #fff;
    border-bottom: 10px solid #e7e4d3;
    padding: 15px;
    padding: 0.9375rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
a.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
div.entity-signpost a span.button,
div.entity-file-entity a,
div#regions .crm-container a.button,
div#regions .crm-container a.button:link,
div#regions .crm-container a.button:visited,
div#regions .crm-container input.crm-form-submit,
div#regions .crm-container .crm-button,
div#regions .crm-container .ui-dialog-buttonset .ui-button,
div#regions #crm-container input[type=button],
div#regions #crm-container input.crm-form-submit-inline,
div#regions #crm-container .crm-button {
    color: #fff;
    display: inline-block;
    padding: 10px;
    padding: 0.625rem;
    font-weight: 700;
    font-family: "adelle", serif;
    background: #e9037c;
    border: 0;
    cursor: pointer;
    position: relative;
    width: auto;
    overflow: visible;
    margin: 5px;
}
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
div.entity-signpost a span.button:hover,
div.entity-file-entity a:hover,
div#regions .crm-container a.button:hover,
div#regions .crm-container input.crm-form-submit:hover,
div#regions .crm-container .crm-button:hover,
div#regions .crm-container .ui-dialog-buttonset .ui-button:hover,
div#regions #crm-container input[type=button]:hover,
div#regions #crm-container input.crm-form-submit-inline:hover,
div#regions #crm-container .crm-button:hover {
    color: #fff;
    background-color: #485861
}
a.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
div.entity-signpost a span.button:active,
div.entity-file-entity a:active,
div#regions .crm-container a.button:active,
div#regions .crm-container input.crm-form-submit:active,
div#regions .crm-container .crm-button:active,
div#regions .crm-container .ui-dialog-buttonset .ui-button:active,
div#regions #crm-container input[type=button]:active,
div#regions #crm-container input.crm-form-submit-inline:active,
div#regions #crm-container .crm-button:active {
    color: #fff;
    background-color: #485861
}
div.region-header div#block-menu-block-1 .content,
div.block-views {
    *zoom: 1
}
div.region-header div#block-menu-block-1 .content:before,
div.block-views:before,
div.region-header div#block-menu-block-1 .content:after,
div.block-views:after {
    content: " ";
    display: table
}
div.region-header div#block-menu-block-1 .content:after,
div.block-views:after {
    clear: both
}
div#menu .block-facetapi .facetapi-facetapi-links li {
    margin: 0;
    list-style: none;
    display: table;
    height: 40px;
    position: relative;
    width: 100%
}
div#menu .block-facetapi .facetapi-facetapi-links li:hover {
    background: #00a2e3
}
div#menu .block-facetapi .facetapi-facetapi-links li:hover a {
    background: none;
    color: #fff
}
div#menu .block-facetapi .facetapi-facetapi-links li span {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    padding: 0px 50px 0px 15px;
    padding: 0rem 3.125rem 0rem 0.9375rem;
    width: 100%
}
div#menu .block-facetapi .facetapi-facetapi-links li a {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0px;
    padding: 0.3125rem 0rem;
    position: relative;
    left: 0;
    top: 0;
    width: 100%
}
div#menu .block-facetapi .facetapi-facetapi-links li a.facetapi-active {
    background: none;
    position: absolute;
    height: 100%;
    color: transparent;
    padding: 0
}
div#menu .block-facetapi .facetapi-facetapi-links li a.facetapi-active:after {
    content: '';
    background: url("../images/sprite-icons-ui.png") no-repeat -43px -40px;
    background-size: 190px 140px;
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    right: 15px;
    top: 10px
}
div#menu .block-facetapi .facetapi-facetapi-links li a.facetapi-active:hover:after {
    background-position: -43px -60px
}
div.social-media {
    text-align: left
}
div.social-media a {
    color: transparent !important;
    display: inline-block;
    height: 44px;
    width: 44px;
    float: none
}
div.social-media a:after {
    background: #fff;
    color: #455660;
    display: block;
    position: absolute;
    vertical-align: none
}
div.social-media a:hover:after {
    background: #00a2e3;
    color: #fff
}
body {
    font-family: "proxima-nova", sans-serif;
    font-size: 100%;
    line-height: 1.25em;
    text-align: left;
    color: #485861
}
a {
    text-decoration: none;
    color: #00a2e3
}
div.region-content a {
    font-weight: bold
}
* html a {
    height: 1%
}
a:hover {
    color: #485861
}
a * {
    cursor: pointer
}
h1 {
    color: #485861;
    margin: 0 0 15px 0;
    margin: 0 0 0.9375rem 0;
    font-size: 32px;
    font-size: 2rem;
    line-height: 38px;
    line-height: 2.375rem;
    font-family: "adelle", serif;
    font-weight: bold
}
div#banner h1 {
    color: #fff
}
body.sidebar-first div#main h1,
body.page-toboggan-denied div#main h1 {
    padding: 0px 30px;
    padding: 0rem 1.875rem
}
h2,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend {
    color: #485861;
    margin: 0 0 10px 0;
    margin: 0 0 0.625rem 0;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 27.99px;
    line-height: 1.74938rem;
    font-family: "adelle", serif;
    font-weight: bold
}
div#banner h2,
div#banner body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#banner legend {
    color: #fff;
    font-weight: normal
}
div#block-block-12 h2,
div#block-block-12 body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#block-block-12 legend {
    text-align: left;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    padding: 0px 30px;
    padding: 0rem 1.875rem
}
h3,
div#aside div.block h2,
div#aside div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#aside div.block legend,
div#menu div.block h2,
div#menu div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#menu div.block legend,
div.node-snippet.node-snippet-signpost a span.body span.title,
div.node-tile div.imagetitle a span.title,
div.entity-signpost a span.title {
    color: #485861;
    margin: 0 0 15px 0;
    margin: 0 0 0.9375rem 0;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: "adelle", serif;
    font-weight: bold
}
div#banner h3,
div#banner div#aside div.block h2,
div#aside div.block div#banner h2,
div#banner div#aside div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
div#aside div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#banner legend,
div#banner body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#aside div.block legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#aside div.block div#banner legend,
div#banner div#menu div.block h2,
div#menu div.block div#banner h2,
div#banner div#menu div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
div#menu div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#banner legend,
div#banner body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#menu div.block legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#menu div.block div#banner legend,
div#banner div.node-snippet.node-snippet-signpost a span.body span.title,
div.node-snippet.node-snippet-signpost a span.body div#banner span.title,
div#banner div.node-tile div.imagetitle a span.title,
div.node-tile div.imagetitle a div#banner span.title,
div#banner div.entity-signpost a span.title,
div.entity-signpost a div#banner span.title {
    color: #fff;
    font-weight: normal
}
h4,
div#footer div.block-block h2,
div#footer div.block-block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#footer div.block-block legend,
div#footer div.block-menu h2,
div#footer div.block-menu body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#footer div.block-menu legend {
    color: #485861;
    margin: 0 0 5px 0;
    margin: 0 0 0.3125rem 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-family: "adelle", serif;
    font-weight: bold
}
div#banner h4,
div#banner div#footer div.block-block h2,
div#footer div.block-block div#banner h2,
div#banner div#footer div.block-block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
div#footer div.block-block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#banner legend,
div#banner body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#footer div.block-block legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#footer div.block-block div#banner legend,
div#banner div#footer div.block-menu h2,
div#footer div.block-menu div#banner h2,
div#banner div#footer div.block-menu body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
div#footer div.block-menu body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#banner legend,
div#banner body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#footer div.block-menu legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#footer div.block-menu div#banner legend {
    color: #fff;
    font-weight: normal
}
h5,
h6 {
    color: #485861;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: bold;
    margin: 0
}
div#banner h5,
div#banner h6 {
    color: #fff;
    font-weight: normal
}
p {
    margin: 5px 0 20px 0;
    margin: 0.3125rem 0 1.25rem 0;
    line-height: inherit;
    font-size: inherit
}
div#banner p {
    color: #fff
}
ol,
ul {
    margin: 5px 0 15px 15px;
    margin: 0.3125rem 0 0.9375rem 0.9375rem;
    padding: 0;
    line-height: inherit
}
ol li {
    list-style: decimal outside
}
ul li {
    list-style: disc outside
}
dl {
    margin: 5px 0 15px 0;
    margin: 0.3125rem 0 0.9375rem 0;
    padding: 0;
    line-height: inherit
}
dl dt {
    font-weight: bold
}
dl dd {
    margin: 0 0 5px 15px;
    margin: 0 0 0.3125rem 0.9375rem
}
address {
    margin: 5px 0 15px 0;
    margin: 0.3125rem 0 0.9375rem 0;
    font-style: normal
}
blockquote {
    border-left: 5px solid #e7e4d3;
    padding: 5px 40px 5px 35px;
    padding: 0.3125rem 2.5rem 0.3125rem 2.1875rem;
    margin: 30px 0;
    margin: 1.875rem 0;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem
}
blockquote cite {
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 16.25px;
    line-height: 1.01563rem;
    font-style: normal
}
blockquote p {
    text-align: center
}
hr {
    height: 1px;
    margin: 0;
    margin: 0;
    padding: 0px;
    padding: 0rem;
    background: #4d4d4d;
    border: 0
}
img {
    max-width: 100%;
    height: auto !important;
    border: 0
}
caption {
    padding: 8px 0px;
    padding: 0.5rem 0rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: normal;
    text-align: left;
    color: #999
}
table {
    width: 100%;
    margin: 15px 0;
    margin: 0.9375rem 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    width: 100% !important
}
@media screen and (max-width: 30em) {
    table {
        display: block;
        width: 100% !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}
table tr th {
    padding: 5px;
    padding: 0.3125rem;
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    color: #fff;
    background: #00a2e3;
    border: 1px solid #fff
}
table tr th:first-child {
    border-left: 0
}
table tr th:last-child {
    border-right: 0
}
table tr td {
    padding: 3px 5px;
    padding: 0.1875rem 0.3125rem;
    text-align: left;
    vertical-align: middle;
    background: #f6f6f6;
    border: 1px solid #fff
}
@media screen and (max-width: 30em) {
    table tr td {
        display: block;
        float: none !important;
        width: 100% !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    table tr td img {
        float: none !important
    }
}
body.page-node-37 table tr td,
body.page-node-38 table tr td {
    min-width: 185px;
    vertical-align: top
}
@media screen and (max-width: 48em) {
    body.page-node-37 table tr td,
    body.page-node-38 table tr td {
        min-width: 70px
    }
}
body.page-node-37 table tr td:first-child,
body.page-node-38 table tr td:first-child {
    text-align: center
}
body.page-node-37 table tr td:first-child img,
body.page-node-38 table tr td:first-child img {
    margin: 0 !important
}
table tr td:first-child {
    border-left: 0
}
table tr td:last-child {
    border-right: 0
}
table tr:first-child th {
    border-top: 0
}
table tr:last-child td {
    border-bottom: 0
}
form {
    margin: 0
}
input,
select,
textarea {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: normal
}
input[type="email"],
input[type="text"],
input[type="password"],
select,
textarea {
    padding: 3px;
    padding: 0.1875rem;
    border: 1px solid #e7e4d3;
    max-width: 95%
}
input[type="email"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border-color: #00a2e3
}
input[type="email"],
input[type="text"],
input[type="password"],
select {
    max-width: 95%
}
.views-exposed-form .views-exposed-widget a.button,
.views-exposed-form .views-exposed-widget input[type="button"],
.views-exposed-form .views-exposed-widget input[type="reset"],
.views-exposed-form .views-exposed-widget input[type="submit"] {
    margin-top: 1.25em;
    padding: 5px 10px;
    padding: 0.3125rem 0.625rem;
    border-radius: 0
}
a.button.outline,
input[type="button"].outline,
input[type="reset"].outline,
input[type="submit"].outline {
    background: none;
    border: 2px solid #fff;
    font-weight: bold
}
a.button.outline:hover,
input[type="button"].outline:hover,
input[type="reset"].outline:hover,
input[type="submit"].outline:hover {
    background: #485861
}
div.entity-signpost a span.button,
div.entity-file-entity a,
div#regions .crm-container a.button,
div#regions .crm-container a.button:link,
div#regions .crm-container a.button:visited,
div#regions .crm-container input.crm-form-submit,
div#regions .crm-container .crm-button,
div#regions .crm-container .ui-dialog-buttonset .ui-button,
div#regions #crm-container input[type=button],
div#regions #crm-container input.crm-form-submit-inline,
div#regions #crm-container .crm-button {
    text-shadow: none;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    border-radius: 0
}
div#regions #crm-container span.crm-button,
div#regions .crm-container span.crm-button {
    background: none;
    border: none;
    border-radius: none;
    color: inherit;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    text-decoration: inherit;
    cursor: inherit
}
span.form-required {
    color: #fa0
}
fieldset {
    margin: 15px 0;
    margin: 0.9375rem 0;
    border: 0
}
fieldset legend {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: bold;
    color: #4d4d4d
}
embed,
object {
    display: block;
    margin: 0;
    margin: 0;
    padding: 0px;
    padding: 0rem
}
body {
    color: #333;
    background: #f6f6f2;
    -webkit-transform: translate3d(0, 0, 0)
}
div.tabs {
    padding-bottom: 0px;
    padding-bottom: 0rem
}
@media (max-width: 30em) {
    div.tabs {
        padding: 0
    }
}
ul.primary {
    border-bottom: none;
    padding: 0 3.0303%
}
@media (max-width: 30em) {
    ul.primary {
        padding: 3.0303% 0
    }
}
@media (max-width: 30em) {
    ul.primary li {
        display: block;
        width: 100%
    }
}
ul.primary li a {
    background: #f6f6f2;
    border-top: 1px solid #f6f6f2;
    border-left: 1px solid #f6f6f2;
    border-right: 1px solid #f6f6f2
}
ul.primary li a:hover {
    background: #fbfbfa;
    border-color: #fff
}
@media (max-width: 30em) {
    ul.primary li a {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%
    }
}
ul.primary li.active a,
ul.primary li.active a:hover {
    background: #fff;
    border-bottom: 0;
    border-color: #fff
}
ul.secondary {
    border-bottom: 1px solid #f6f6f2
}
ul.secondary li a:hover {
    background: #fbfbfa
}
ul.secondary li.active a {
    border: 0;
    background: #f6f6f2
}
ul.pager li a,
ul.pager li.Array,
ul.pager li.pager-current {
    display: inline-block;
    padding: 5px 8px !important;
    text-transform: capitalize;
    color: #485861;
    background: none
}
ul.pager li.Array,
ul.pager li.pager-current {
    font-weight: normal;
    color: #485861;
    background: #f6f6f2
}
ul.pager li a:hover {
    background: #00a2e3;
    color: #fff
}
div.form-item div.description {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 16.25px;
    line-height: 1.01563rem;
    color: #333;
    background: #f6f6f6
}
div.messages,
div.preview {
    color: inherit;
    background: #eee;
    border: 1px solid #ddd
}
div.status,
div.warning,
div.error {
    border-radius: 3px;
    min-height: 20px;
    padding-left: 50px;
    padding-left: 3.125rem;
    position: relative
}
div.status:before,
div.warning:before,
div.error:before {
    background-image: url("../images/sprites-message-icons.png");
    background-repeat: no-repeat;
    background-size: 90px;
    content: '';
    display: block;
    height: 30px;
    left: 10px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 30px
}
div.status {
    color: #409e26;
    background-color: #f5fee5;
    border: 1px solid #409e26
}
div.status:before {
    background-position: -30px 0
}
div.warning {
    color: #db8014;
    background-color: #dbab82;
    border: 1px solid #db8014
}
div.warning:before {
    background-position: 0
}
div.error {
    color: #d23842;
    background-color: #ffefed;
    border: 1px solid #d23842
}
div.error:before {
    background-position: -120px 0
}
div#sliding-popup {
    background: rgba(0, 0, 0, 0.5) !important
}
div#sliding-popup div.popup-content div#popup-text h2,
div#sliding-popup div.popup-content div#popup-text body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#sliding-popup div.popup-content div#popup-text legend,
div#sliding-popup div.popup-content div#popup-text p {
    font-size: 11px;
    font-weight: normal
}
div#sliding-popup div.popup-content div#popup-buttons button.agree-button,
div#sliding-popup div.popup-content div#popup-buttons button.find-more-button,
div#sliding-popup div.popup-content div#popup-buttons button.hide-popup-button {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: normal;
    color: #fff;
    background: #ffb56e;
    text-shadow: none;
    box-shadow: none;
    cursor: pointer
}
div#sliding-popup div.popup-content div#popup-buttons button.agree-button:hover,
div#sliding-popup div.popup-content div#popup-buttons button.find-more-button:hover,
div#sliding-popup div.popup-content div#popup-buttons button.hide-popup-button:hover {
    background: #8ed560;
    color: #fff
}
div#sliding-popup div.popup-content div#popup-buttons button.find-more-button {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16.25px;
    line-height: 1.01563rem;
    color: #fff;
    background: none
}
div#sliding-popup div.popup-content div#popup-buttons button.find-more-button:hover {
    background: none;
    text-decoration: underline
}
div#wrapper {
    max-width: none
}
#regions {
    overflow: hidden
}
div#banner {
    background: #455660;
    padding: 0
}
div#main {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 990px;
    margin: auto;
    padding: 0;
    width: 100%
}
div#trailer {
    padding: 0
}
body.front div#trailer {
    background: #455660
}
div#trailer div.holder {
    max-width: 990px;
    margin: 0 auto
}
div#trailer div.region-trailer {
    padding: 0 3.0303%
}
body.front div#trailer div.region-trailer {
    padding: 3.0303%
}
div#header {
    background: #455660;
    margin-bottom: -1px;
    z-index: 2;
    padding: 20px 0px 0px;
    padding: 1.25rem 0rem 0rem
}
@media screen and (max-width: 30em) {
    div#header {
        padding: 0
    }
}
@media (max-width: 30em) {
    body.open div.region-header {
        background: #f6f6f2;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.75)
    }
    div.region-header body.open div.side-menu {
        box-shadow: none
    }
    div.side-menu div.region-header {
        box-shadow: none
    }
}
@media screen and (max-width: 30em) {
    div#header div.block {
        background: #f6f6f2
    }
}
@media screen and (max-width: 30em) {
    div#header+div.block {
        border-top: 5px solid #f9f9f9
    }
}
@media screen and (max-width: 30em) {
    div#header h2,
    div#header body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
    body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#header legend {
        color: rgba(255, 255, 255, 0.5)
    }
}
div.site-info {
    display: table;
    table-layout: fixed;
    margin: 0 3.0303%;
    position: relative;
    float: left;
    z-index: 1
}
@media screen and (max-width: 30em) {
    div.site-info {
        display: none
    }
}
div.site-info a#logo {
    display: table-cell;
    padding: 10px 10px 10px 0px;
    padding: 0.625rem 0.625rem 0.625rem 0rem;
    float: none;
    vertical-align: middle;
    width: 175px
}
@media screen and (max-width: 30em) {
    div.site-info a#logo {
        text-align: center
    }
}
div.site-info a#logo img {
    max-width: 175px
}
div.site-info div#site-name {
    display: table-cell;
    font-family: "adelle", serif;
    width: 170px;
    padding: 10px 0px 10px 10px;
    padding: 0.625rem 0rem 0.625rem 0.625rem;
    border-left: 1px solid #6b7880;
    vertical-align: middle
}
div.site-info div#site-name a {
    color: #d9d9d9
}
div.site-info div#site-name .title {
    display: none
}
div.mobile-header {
    background: #455660
}
div.mobile-header button.menu-toggle:before {
    content: 'Menu';
    font-family: "adelle", serif;
    font-weight: bold;
    font-size: 12px;
    top: 12px;
    position: absolute;
    right: 100%;
    color: white
}
body.open div.mobile-header button.menu-toggle:before {
    color: #485861
}
div.mobile-header button.menu-toggle:hover {
    opacity: 1.0
}
div.mobile-header button.menu-toggle span {
    background: #fff;
    border-radius: 5px
}
body.open div.mobile-header button.menu-toggle span {
    background: transparent
}
div.mobile-header button.menu-toggle span:after,
div.mobile-header button.menu-toggle span:before {
    background: #fff;
    border-radius: 5px
}
body.open div.mobile-header button.menu-toggle span:after {
    background: #485861
}
body.open div.mobile-header button.menu-toggle span:before {
    background: #485861
}
div.mobile-header div.button-container {
    padding: 3.0303%;
    text-align: right;
    width: 80px
}
body.open div.mobile-header div.button-container {
    background: #f6f6f2
}
div.mobile-header a.site-title {
    background-image: url("../images/icon-logo-white.png");
    background-repeat: no-repeat;
    background-size: 48px auto;
    background-position: 10px 50%;
    color: #fff;
    font-family: "adelle", serif;
    font-weight: bold;
    padding: 1.5151% 3.0303%;
    padding-left: 68px;
    padding-left: 4.25rem
}
div.region-header div.block-menu-block ul.menu {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem
}
@media screen and (max-width: 30em) {
    div.region-header div.block-menu-block ul.menu {
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem
    }
}
div.region-header div.block-menu-block ul.menu li {
    border-left: 1px solid #c8ced3
}
div.region-header div.block-menu-block ul.menu li.first {
    border-left: none
}
div.region-header div.block-menu-block ul.menu li.menu-button {
    border-left: none;
    background: #e9037c;
    margin-left:4px;
}
@media screen and (max-width: 30em) {
    div.region-header div.block-menu-block ul.menu li.menu-button {
        background: none
    }
}
div.region-header div.block-menu-block ul.menu li.menu-button>a {
    font-family: "adelle", serif;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase
}
@media screen and (max-width: 30em) {
    div.region-header div.block-menu-block ul.menu li.menu-button>a {
        border-bottom: 1px solid #e7e4d3 !important;
        color: #485861;
        text-transform: none;
        font-family: "proxima-nova", sans-serif
    }
    div.region-header div.block-menu-block ul.menu li.menu-button>a:hover {
        background: #00a2e3;
        color: #fff
    }
}
div.region-header div.block-menu-block ul.menu li.menu-button>a.active-trail:after {
    content: none !important
}
div.region-header div.block-menu-block ul.menu li:hover a {
    color: #fff;
    background: none
}
@media screen and (max-width: 30em) {
    div.region-header div.block-menu-block ul.menu li:hover a {
        background: #00a2e3;
        color: #fff
    }
}
@media screen and (max-width: 30em) {
    div.region-header div.block-menu-block ul.menu li:hover>a:hover:before {
        border-color: transparent transparent transparent #fff
    }
}
div.region-header div.block-menu-block ul.menu li.last a {
    border-right: none
}
@media screen and (max-width: 30em) {
    div.region-header div.block-menu-block ul.menu li.last a {
        border-bottom: 0
    }
}
div.region-header div.block-menu-block ul.menu li.expanded ul.menu {
    font-family: "proxima-nova", sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 20px;
    line-height: 1.25rem;
    background: #fff;
    border-bottom: 10px solid #e7e4d3
}
div.region-header div.block-menu-block ul.menu li.expanded ul.menu li {
    border: none
}
div.region-header div.block-menu-block ul.menu li.expanded ul.menu li a {
    font-weight: normal;
    color: #00a2e3
}
div.region-header div.block-menu-block ul.menu li.expanded ul.menu li a:hover {
    background: rgba(255, 255, 255, 0.85);
    color: #fff
}
@media screen and (max-width: 30em) {
    div.region-header div.block-menu-block ul.menu li.expanded ul.menu li a:hover {
        background: rgba(255, 255, 255, 0.85);
        color: #fff
    }
}
div.region-header div.block-menu-block ul.menu a {
    color: #c8ced3
}
div.region-header div.block-menu-block ul.menu a.active,
div.region-header div.block-menu-block ul.menu a.active-trail {
    color: #fff;
    position: relative
}
@media screen and (max-width: 30em) {
    div.region-header div.block-menu-block ul.menu a.active,
    div.region-header div.block-menu-block ul.menu a.active-trail {
        color: #485861
    }
}
@media screen and (max-width: 30em) {
    div.region-header div.block-menu-block ul.menu a.active:before,
    div.region-header div.block-menu-block ul.menu a.active-trail:before {
        border-color: transparent transparent transparent #485861
    }
}
@media screen and (max-width: 30em) {
    div.region-header div.block-menu-block ul.menu a {
        border-bottom: 1px solid #e7e4d3;
        color: #485861;
        font-family: "proxima-nova", sans-serif;
        font-weight: bold
    }
}
div.region-header div#block-menu-block-1 {
    background: #00a2e3;
    border-top: 20px solid #455660;
    font-family: "adelle", serif;
    font-weight: bold;
    padding: 0px;
    padding: 0rem;
    float: none;
    clear: both;
    position: relative
}
@media screen and (max-width: 30em) {
    div.region-header div#block-menu-block-1 {
        border-top: none;
        background: none
    }
}
div.region-header div#block-menu-block-1:after,
div.region-header div#block-menu-block-1:before {
    background: #00a2e3;
    content: '';
    display: block;
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%
}
div.region-header div#block-menu-block-1:after {
    left: auto;
    right: 100%
}
@media screen and (max-width: 30em) {
    div.region-header div#block-menu-block-1:after {
        content: none
    }
}
div.region-header div#block-menu-block-1 .content {
    padding: 0 3.0303%
}
@media screen and (max-width: 30em) {
    div.region-header div#block-menu-block-1 .content {
        padding: 0
    }
}
div.region-header div#block-menu-block-1 .content .menu-block-wrapper>ul.menu {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem
}
@media screen and (max-width: 30em) {
    div.region-header div#block-menu-block-1 .content .menu-block-wrapper>ul.menu {
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem
    }
}
div.region-header div#block-menu-block-1 li {
    border: none
}
div.region-header div#block-menu-block-1 li:hover>a {
    color: #485861;
    background: #fff
}
div.region-header div#block-menu-block-1 li:hover>a.active-trail:after {
    background: #485861
}
@media screen and (max-width: 30em) {
    div.region-header div#block-menu-block-1 li:hover>a {
        background: #00a2e3;
        color: #fff
    }
}
div.region-header div#block-menu-block-1 li a {
    color: #fff;
    padding: 15px 20px;
    padding: 0.9375rem 1.25rem
}
@media screen and (max-width: 30em) {
    div.region-header div#block-menu-block-1 li a {
        padding: 10px 5.8824%;
        color: #485861;
        font-family: "proxima-nova", sans-serif;
        font-weight: bold
    }
}
div.region-header div#block-menu-block-1 li a.active-trail:after {
    content: '';
    display: block;
    background: #fff;
    height: 3px;
    width: calc(100% - 40px);
    position: absolute;
    left: 20px;
    top: 75%
}
@media screen and (max-width: 30em) {
    div.region-header div#block-menu-block-1 li a.active-trail:after {
        display: none
    }
}
div.region-header div#block-menu-block-1 li.expanded:hover:before {
    background: rgba(0, 162, 227, 0.05);
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1
}
div.region-header div#block-menu-block-1 li ul {
    padding: 15px;
    padding: 0.9375rem;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
div.region-header div#block-menu-block-1 li ul li {
    border: none
}
div.region-header div#block-menu-block-1 li ul li+li {
    margin-top: 5px;
    margin-top: 0.3125rem
}
div.region-header div#block-menu-block-1 li ul li:before {
    display: none
}
div.region-header div#block-menu-block-1 li ul a {
    color: #00a2e3;
    padding: 0px;
    padding: 0rem
}
div.region-header div#block-menu-block-1 li ul a:hover {
    color: #00a2e3;
    background: none;
    text-decoration: underline
}
div.region-header div#block-menu-block-1 li ul a.active-trail {
    text-decoration: underline
}
div.region-header div#block-menu-block-1 li ul a.active-trail:after {
    content: none
}
div.region-header div#block-menu-block-2 {
    padding-left: 0
}
div.region-header div#block-menu-block-2 ul.menu li ul {
    display: none
}
div.region-header div#block-menu-block-2 a {
    position: relative
}
div.region-header div#block-menu-block-2 a.active-trail:after {
    content: '';
    display: block;
    background: #fff;
    height: 1px;
    width: calc(100% - 20px);
    position: absolute;
    left: 10px;
    top: 75%
}
@media screen and (max-width: 30em) {
    div.region-header div#block-menu-block-2 a.active-trail:after {
        display: none
    }
}
div.region-header div#block-menu-block-2 a.active-trail:hover:after {
    background: #fff
}
div.side-menu {
    background: #00a2e3;
    border-left: 1px solid #0090ca;
    box-shadow: inset 0 0 5px rgba(0, 126, 176, 0.75)
}
div.side-menu ul.menu li a {
    color: #fff
}
div.side-menu ul.menu li a.active {
    color: #000
}
div#main {
    padding: 1.5151% 0
}
body.page-node-113 div#main {
    padding-bottom: 10px;
    padding-bottom: 0.625rem
}
div#banner {
    border-bottom: 10px solid #e7e4d3
}
div#banner div.region-banner {
    padding: 0 3.0303%
}
div#banner div#block-views-quotes-block-1,
div#banner div#block-views-banner-banner-block {
    clear: both
}
div#banner div.view-banner .views-row {
    margin: 0
}
div#banner div.node-banner {
    min-height: 0;
    height: 380px;
    width: 100%;
    display: table
}
@media screen and (max-width: 48em) {
    div#banner div.node-banner {
        background-size: 100% auto;
        background-position: 0 0;
        background-repeat: no-repeat
    }
}
body.page-node-338 div#banner div.node-banner {
    background-position: 21% 30%
}
@media screen and (max-width: 48em) {
    body.page-node-338 div#banner div.node-banner {
        background-position: 0 0
    }
}
div#banner div.node-banner>.holder {
    /*position:relative;*/
    
    vertical-align: middle;
    width: 100%
}
@media screen and (max-width: 48em) {
    div#banner div.node-banner>.holder {
        padding: 40px;
        padding: 2.5rem;
        padding-top: 40%
    }
}
@media screen and (max-width: 30em) {
    div#banner div.node-banner>.holder {
        padding: 15px;
        padding: 0.9375rem;
        padding-top: 35%
    }
}
div#banner div.node-banner>.holder:after,
div#banner div.node-banner>.holder:before {
    background-image: -ms-linear-gradient(left, #455660 0%, rgba(69, 86, 96, 0) 100%);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NTY2MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NTY2MCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #455660), color-stop(100%, rgba(69, 86, 96, 0)));
    background-image: -moz-linear-gradient(left, #455660 0%, rgba(69, 86, 96, 0) 100%);
    background-image: -webkit-linear-gradient(left, #455660 0%, rgba(69, 86, 96, 0) 100%);
    background-image: linear-gradient(to right, #455660 0%, rgba(69, 86, 96, 0) 100%);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    visibility: visible;
    width: 120px
}
div#banner div.node-banner>.holder:after {
    background-image: -ms-linear-gradient(right, #455660 0%, rgba(69, 86, 96, 0) 100%);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NTY2MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NTY2MCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #455660), color-stop(100%, rgba(69, 86, 96, 0)));
    background-image: -moz-linear-gradient(right, #455660 0%, rgba(69, 86, 96, 0) 100%);
    background-image: -webkit-linear-gradient(right, #455660 0%, rgba(69, 86, 96, 0) 100%);
    background-image: linear-gradient(to left, #455660 0%, rgba(69, 86, 96, 0) 100%);
    left: auto;
    right: 0
}
div#banner div.node-banner .intro {
    position: relative;
    max-width: 450px;
    margin-left: 30px;
    margin-left: 1.875rem;
    z-index: 1;
    padding-left: 0
}
@media screen and (max-width: 48em) {
    div#banner div.node-banner .intro {
        padding: 0;
        margin: 0
    }
}
div#banner ul.menu li a {
    border-radius: 5px;
    color: #485861
}
div#banner ul.menu li a:hover,
div#banner ul.menu li a.active:hover {
    color: #fff;
    background: #00a2e3
}
div#banner ul.menu li a.active {
    color: #485861;
    background: #e7e4d3
}
div.view-quotes div.views-row {
    margin: 0
}
div.view-quotes div.banner-quote {
    height: 350px;
    background-size: cover;
    background-position: 50% 50%;
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 3.0303%;
    position: relative
}
@media screen and (max-width: 48em) {
    div.view-quotes div.banner-quote {
        background-size: 100% auto;
        background-position: 0 0;
        background-repeat: no-repeat
    }
}
div.view-quotes div.banner-quote:after,
div.view-quotes div.banner-quote:before {
    background-image: -ms-linear-gradient(left, #455660 0%, rgba(69, 86, 96, 0) 100%);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NTY2MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NTY2MCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #455660), color-stop(100%, rgba(69, 86, 96, 0)));
    background-image: -moz-linear-gradient(left, #455660 0%, rgba(69, 86, 96, 0) 100%);
    background-image: -webkit-linear-gradient(left, #455660 0%, rgba(69, 86, 96, 0) 100%);
    background-image: linear-gradient(to right, #455660 0%, rgba(69, 86, 96, 0) 100%);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    visibility: visible;
    width: 120px
}
div.view-quotes div.banner-quote:after {
    background-image: -ms-linear-gradient(right, #455660 0%, rgba(69, 86, 96, 0) 100%);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NTY2MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NTY2MCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #455660), color-stop(100%, rgba(69, 86, 96, 0)));
    background-image: -moz-linear-gradient(right, #455660 0%, rgba(69, 86, 96, 0) 100%);
    background-image: -webkit-linear-gradient(right, #455660 0%, rgba(69, 86, 96, 0) 100%);
    background-image: linear-gradient(to left, #455660 0%, rgba(69, 86, 96, 0) 100%);
    left: auto;
    right: 0
}
div.view-quotes div.banner-quote>.content {
    background: rgba(69, 86, 96, 0.2);
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding-left: 20px;
    padding-left: 1.25rem;
    width: 100%;
    z-index: 1
}
@media screen and (max-width: 48em) {
    div.view-quotes div.banner-quote>.content {
        padding: 40px;
        padding: 2.5rem;
        padding-top: 40%
    }
}
@media screen and (max-width: 30em) {
    div.view-quotes div.banner-quote>.content {
        padding: 15px;
        padding: 0.9375rem;
        padding-top: 35%
    }
}
div.view-quotes div.banner-quote>.content .quote {
    color: #fff;
    font-family: "adelle", serif;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 33px;
    line-height: 2.0625rem;
    font-weight: bold;
    max-width: 450px
}
div.view-quotes div.banner-quote>.content .title {
    font-weight: bold;
    max-width: 450px
}
#block-views-signposts-block-1 {
    margin: 0
}
#block-views-signposts-block-1 span.body {
    min-height: 40px
}
div#menu ul.menu {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem
}
div#menu ul.menu li {
    border-top: 1px solid #e7e4d3;
    position: relative
}
div#menu ul.menu li a {
    color: #485861;
    position: relative;
    padding: 10px 5px;
    padding: 0.625rem 0.3125rem
}
div#menu ul.menu li a:hover {
    background: #00a2e3;
    color: #fff
}
div#menu ul.menu li a.active {
    color: #485861;
    background: #e7e4d3
}
div#menu ul.menu li.active-trail ul {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
    line-height: 16px;
    line-height: 1.0rem
}
div#menu ul.menu li.active-trail ul li a {
    padding: 5px 5px 5px 15px;
    padding: 0.3125rem 0.3125rem 0.3125rem 0.9375rem
}
div#content {
    min-height: 0
}
div#content div.block {
    margin-bottom: 3.2258%
}
body.page-resources div#content .region-content {
    background: none;
    padding: 0;
    border: none
}
body.page-resources div#content .region-content .view-resources-search-results>.views-rows {
    margin-top: 3.0303%
}
body.node-type-overview div#content .region-content {
    background: none;
    border: none;
    padding: 0
}
body.front div#content div#block-system-main {
    display: none
}
div#content div#block-system-main h2,
div#content div#block-system-main body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#content div#block-system-main legend {
    margin: 0 0 10px 0;
    margin: 0 0 0.625rem 0
}
div#block-views-news-and-blog-block {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 65.0538%
}
@media screen and (max-width: 64em) {
    div#block-views-news-and-blog-block {
        width: 48.3871%
    }
}
@media screen and (max-width: 48em) {
    div#block-views-news-and-blog-block {
        width: 100%
    }
}
div#block-views-tweets-block {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 31.7205%
}
@media screen and (max-width: 64em) {
    div#block-views-tweets-block {
        width: 48.3871%
    }
}
@media screen and (max-width: 48em) {
    div#block-views-tweets-block {
        width: 100%
    }
}
div#block-views-events-events-block-latest {
    clear: both;
    width: 65%;
    float: left;
    position: relative;
    margin-top: -200px;
}

.view-events img{
    max-height:100px;
}

@media screen and (max-width: 48em) {
    div#block-views-events-events-block-latest {
        width: 100%
    }
}
div#block-block-14 {
   /* float: right;
    width: 48.3871%*/
}
div#block-block-14 iframe {
    width: 100%
}
@media screen and (max-width: 48em) {
    div#block-block-14 {
        width: 100%
    }
}
.panel {
    min-height: 285px
}
@media screen and (max-width: 30em) {
    .panel {
        min-height: 0
    }
}
.panel-option {
    padding-right: 210px;
    padding-right: 13.125rem;
    padding-bottom: 70px;
    padding-bottom: 4.375rem;
    min-height: 320px
}
@media screen and (max-width: 64em) {
    .panel-option {
        padding-right: 160px;
        padding-right: 10rem
    }
}
@media screen and (max-width: 48em) {
    .panel-option {
        padding: 160px 15px 15px;
        padding: 10rem 0.9375rem 0.9375rem
    }
}
.panel-option h3,
.panel-option div#aside div.block h2,
div#aside div.block .panel-option h2,
.panel-option div#aside div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
div#aside div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset .panel-option legend,
.panel-option body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#aside div.block legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#aside div.block .panel-option legend,
.panel-option div#menu div.block h2,
div#menu div.block .panel-option h2,
.panel-option div#menu div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
div#menu div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset .panel-option legend,
.panel-option body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#menu div.block legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#menu div.block .panel-option legend,
.panel-option div.node-snippet.node-snippet-signpost a span.body span.title,
div.node-snippet.node-snippet-signpost a span.body .panel-option span.title,
.panel-option div.node-tile div.imagetitle a span.title,
div.node-tile div.imagetitle a .panel-option span.title,
.panel-option div.entity-signpost a span.title,
div.entity-signpost a .panel-option span.title {
    min-height: 48px
}
.panel-option p {
    min-height: 200px
}
div#block-block-12 .panel-option {
    height: 250px
}
.panel-option a.button {
    position: absolute;
    bottom: 30px
}
.panel-option:after {
    background: #f6f6f2;
    content: '';
    display: block;
    border-radius: 100%;
    background-size: 140px 140px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 140px;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 140px
}
@media screen and (max-width: 64em) {
    .panel-option:after {
        background-size: 100px 100px;
        width: 100px;
        height: 100px
    }
}
@media screen and (max-width: 48em) {
    .panel-option:after {
        right: 50%;
        margin-right: -50px
    }
}
.panel-option.associate-practitioner:after {
    background-image: url("../images/icon-rjc-associate-practitioner.png")
}
.panel-option.associate-practitioner:hover:after {
    background-image: url("../images/icon-rjc-associate-practitioner-hl.png")
}
.panel-option.accredited-practitioner:after {
    background-image: url("../images/icon-rjc-accredited-practitioner.png")
}
.panel-option.accredited-practitioner:hover:after {
    background-image: url("../images/icon-rjc-accredited-practitioner-hl.png")
}
.panel-option.service-organisation:after {
    background-image: url("../images/icon-rjc-service-organisation.png")
}
.panel-option.service-organisation:hover:after {
    background-image: url("../images/icon-rjc-service-organisation-hl.png")
}
.panel-option.trainer:after {
    background-image: url("../images/icon-rjc-trainer.png")
}
.panel-option.trainer:hover:after {
    background-image: url("../images/icon-rjc-trainer-hl.png")
}
.panel-option.supporter:after {
    background-image: url("../images/icon-rjc-supporter.png")
}
.panel-option.supporter:hover:after {
    background-image: url("../images/icon-rjc-supporter-hl.png")
}
.panel-option.supporter-organisation:after {
    background-image: url("../images/icon-rjc-supporter-organisation.png")
}
.panel-option.supporter-organisation:hover:after {
    background-image: url("../images/icon-rjc-supporter-organisation-hl.png")
}
.accordion .views-field-field-question {
    background: #00a2e3;
    padding: 10px;
    padding: 0.625rem;
    position: relative;
    transition: background-color 150ms linear
}
.accordion .views-field-field-question:after {
    border-color: #fff transparent transparent transparent;
    border-width: 10px;
    border-style: solid;
    content: '';
    display: block;
    height: 0;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    -moz-transform-origin: 50% 23%;
    -ms-transform-origin: 50% 23%;
    -webkit-transform-origin: 50% 23%;
    transform-origin: 50% 23%;
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    -moz-transition: -moz-transform 150ms ease-in-out;
    -o-transition: -o-transform 150ms ease-in-out;
    -webkit-transition: -webkit-transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out
}
.accordion .views-field-field-question:hover {
    background: #485861;
    cursor: pointer
}
.accordion .views-field-field-question.closed:after {
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg)
}
.accordion .views-field-field-question h3,
.accordion .views-field-field-question div#aside div.block h2,
div#aside div.block .accordion .views-field-field-question h2,
.accordion .views-field-field-question div#aside div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
div#aside div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset .accordion .views-field-field-question legend,
.accordion .views-field-field-question body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#aside div.block legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#aside div.block .accordion .views-field-field-question legend,
.accordion .views-field-field-question div#menu div.block h2,
div#menu div.block .accordion .views-field-field-question h2,
.accordion .views-field-field-question div#menu div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
div#menu div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset .accordion .views-field-field-question legend,
.accordion .views-field-field-question body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#menu div.block legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#menu div.block .accordion .views-field-field-question legend,
.accordion .views-field-field-question div.node-snippet.node-snippet-signpost a span.body span.title,
div.node-snippet.node-snippet-signpost a span.body .accordion .views-field-field-question span.title,
.accordion .views-field-field-question div.node-tile div.imagetitle a span.title,
div.node-tile div.imagetitle a .accordion .views-field-field-question span.title,
.accordion .views-field-field-question div.entity-signpost a span.title,
div.entity-signpost a .accordion .views-field-field-question span.title {
    color: #fff;
    padding-right: 30px;
    padding-right: 1.875rem;
    margin: 0
}
div#block-block-1 {
    clear: both
}
div#block-block-1 div#crm-container {
    clear: both;
    overflow: hidden
}
div#block-block-1 div#crm-container .label {
    display: none
}
div#block-block-1 div#crm-container .crm-submit-buttons {
    height: auto;
    margin: 5px 0;
    float: left;
    width: 15%
}
div#block-block-1 div#crm-container .crm-submit-buttons input.crm-form-submit {
    width: 100%
}
div#block-block-1 div#crm-container .crm-section {
    float: left;
    margin-right: 1.5%;
    width: 26.83%
}
@media screen and (max-width: 48em) {
    div#block-block-1 div#crm-container .crm-section {
        width: 48.5%
    }
}
@media screen and (max-width: 30em) {
    div#block-block-1 div#crm-container .crm-section {
        width: 100%;
        margin-right: 0
    }
}
div#block-block-1 div#crm-container .content {
    margin: 0
}
div#block-block-1 div#crm-container .content input[type='text'],
div#block-block-1 div#crm-container .content input[type='email'] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0;
    border: 2px solid #e7e4d3;
    height: auto;
    padding: 10px;
    padding: 0.625rem;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 16.25px;
    line-height: 1.01563rem;
    width: 100%
}
div.location span {
    display: block
}
#block-views-events-block-3 {
    margin-bottom: 30px !important
}
#block-views-events-block-3 div.view-events .views-label {
    font-weight: bold
}
#crm-container.crm-public .label {
    padding: 0;
    text-align: left
}
#crm-container.crm-public .label label {
    font-weight: bold
}
#crm-container.crm-public .label label:after {
    content: ':'
}
div#main .node-overview {
    padding: 0px 30px;
    padding: 0rem 1.875rem
}
.view-pcc-directory .views-row {
    border-bottom: 1px solid #e7e4d3;
    padding-bottom: 15px;
    padding-bottom: 0.9375rem
}
.view-pcc-directory .views-row .views-field-display-name {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: bold;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem
}
.view-pcc-directory .views-row .views-label {
    font-weight: bold
}
div.toboggan-unified div#login-links {
    border-bottom: 1px solid #e7e4d3;
    line-height: normal;
    margin: 20px auto;
    margin: 1.25rem auto
}
div.toboggan-unified div#login-links a {
    display: inline-block;
    border: 1px solid #e7e4d3;
    margin-bottom: -1px;
    background: #f6f6f2
}
div.toboggan-unified div#login-links a.lt-active {
    background: #e7e4d3;
    border: 1px solid #e7e4d3;
    color: #485861
}
div.toboggan-unified div#login-links a:hover,
div.toboggan-unified div#login-links a.lt-active:hover {
    background: #e7e4d3;
    border: 1px solid #e7e4d3
}
body.page-events div#aside,
body.page-resouces div#aside,
body.node-type-hub div#aside {
    padding-top: 3.3125rem
}
div#aside,
div#menu {
    padding-top: 3.3125rem
}
div#aside .views-exposed-form .views-exposed-widget,
div#menu .views-exposed-form .views-exposed-widget {
    float: none
}
div#aside .views-exposed-form .views-exposed-widget+.views-exposed-widget,
div#menu .views-exposed-form .views-exposed-widget+.views-exposed-widget {
    margin-top: 15px
}
div#aside .views-exposed-form .views-widget,
div#menu .views-exposed-form .views-widget {
    margin-top: 5px
}
div#aside .views-exposed-form .chosen-container,
div#menu .views-exposed-form .chosen-container {
    width: 100% !important
}
div#aside .views-exposed-form .form-type-checkbox,
div#aside .views-exposed-form .form-type-bef-checkbox,
div#menu .views-exposed-form .form-type-checkbox,
div#menu .views-exposed-form .form-type-bef-checkbox {
    clear: both;
    overflow: hidden;
    padding: 5px 0px;
    padding: 0.3125rem 0rem;
    border-bottom: 1px solid #f6f6f2
}
div#aside .views-exposed-form .form-type-checkbox input[type='checkbox'],
div#aside .views-exposed-form .form-type-bef-checkbox input[type='checkbox'],
div#menu .views-exposed-form .form-type-checkbox input[type='checkbox'],
div#menu .views-exposed-form .form-type-bef-checkbox input[type='checkbox'] {
    float: left;
    width: 10%
}
div#aside .views-exposed-form .form-type-checkbox label.option,
div#aside .views-exposed-form .form-type-bef-checkbox label.option,
div#menu .views-exposed-form .form-type-checkbox label.option,
div#menu .views-exposed-form .form-type-bef-checkbox label.option {
    float: left;
    width: 85%;
    font-weight: normal
}
div#aside .views-exposed-form .form-item.selected a,
div#menu .views-exposed-form .form-item.selected a {
    font-weight: bold
}
body.front div#trailer div.block {
    margin-bottom: 0
}
body.front div#trailer {
    position: relative
}
body.front div#trailer:after {
    content: '';
    display: block;
    background: #6b7880;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}
div.node-webform {
    border: 1px solid #d9d9d9;
    background: #f6f6f6
}
div.node-webform input[type="text"].error,
div.node-webform input[type="email"].error,
div.node-webform span.form-error.error {
    border: 1px solid #ff282c
}
div.node-webform span.form-error {
    border-radius: 3px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16.25px;
    line-height: 1.01563rem;
    background: #fff4f4;
    border: 1px solid #ffb4b6;
    color: #ff282c
}
.chosen-container {
    margin-right: 5px
}
.chosen-container a.chosen-single,
.chosen-container ul.chosen-choices {
    min-height: 30px;
    line-height: 28px
}
.chosen-container a.chosen-single>div,
.chosen-container ul.chosen-choices>div {
    padding-top: 3px
}
body.page-civicrm-event table.no-border,
body.page-civicrm-event .event_summary-section {
    display: none
}
span.viewtag {
    display: none
}
div.node-banner {
    background-color: #455660
}
div.node-banner div.intro {
    color: #fff;
    font-family: "adelle", serif
}
div.node-banner div.intro h1 {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 42px;
    line-height: 2.625rem;
    color: inherit
}
div.node-banner div.intro p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem
}
div.node-banner div.intro div.field {
    color: inherit
}
div.node-teaser div.body div.field {
    color: #888
}
div.node-teaser div.body div.field-name-field-image {
    float: none;
    position: absolute;
    left: -40px;
    top: 0;
    width: 64px !important;
    margin: 0
}
div.node-teaser div.body div.field-name-body {
    color: inherit
}
@media screen and (max-width: 30em) {
    div.node-teaser div.body div.field-name-body {
        display: none
    }
}
div.node-teaser div.body ul.links li a {
    padding: 0 !important;
    font-weight: bold
}
div.node-snippet div.body div.field-name-body,
div.node-snippet.node-snippet-signpost a span.body span.content {
    color: inherit
}
div.node-snippet div.body div.field {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 16.25px;
    line-height: 1.01563rem;
    color: #888
}
@media screen and (max-width: 30em) {
    div.node-snippet div.body div.field-name-body {
        display: none
    }
}
div.node-snippet.node-snippet-signpost a span.body span.content {
    display: block
}
div.node-tile div.imagetitle a {
    color: #00a2e3
}
div.node-tile div.imagetitle a:hover {
    color: #485861
}
div.node-tile div.imagetitle a:hover span {
    color: #485861
}
div.node-tile div.imagetitle a span.image:empty {
    display: none
}
div.node-tile div.imagetitle a span.title {
    color: #00a2e3
}
div.node-tile div.body div.field {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 16.25px;
    line-height: 1.01563rem;
    color: #888
}
div.node-tile div.body div.field a {
    color: inherit
}
div.node-tile div.body div.field a:hover {
    color: #485861
}
div.node-tile div.body div.field-name-body {
    font-size: inherit;
    color: inherit
}
@media screen and (max-width: 30em) {
    div.node-tile div.body div.field-name-body {
        display: none
    }
}
div.view-resources div.node-tile {
    background-image: none !important
}
div.view-resources div.node-tile div.imagetitle a span.image {
    position: absolute;
    background: white;
    height: 42px;
    margin: 0 !important;
    float: none;
    top: 15px;
    left: 15px;
    width: 42px
}
div.view-hub div.node-teaser,
div.view-tile div.node-teaser {
    overflow: visible
}
div.view-hub div.views-rows div.views-row,
div.view-tile div.views-rows div.views-row {
    padding: 0
}
div.view-hub div.views-rows div.node,
div.view-tile div.views-rows div.node {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 48px 48px;
    padding: 0px 0px 15px;
    padding: 0rem 0rem 0.9375rem;
    margin: 0 0 15px;
    margin: 0 0 0.9375rem;
    position: relative
}
div#trailer div.view-hub div.views-rows div.node,
div#trailer div.view-tile div.views-rows div.node {
    background-color: #fff;
    border-bottom: 10px solid #e7e4d3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
div.view-hub div.views-rows div.node:after,
div.view-tile div.views-rows div.node:after {
    content: '';
    background: #e7e4d3;
    display: block;
    height: 1px;
    left: 70px;
    position: absolute;
    top: 100%;
    visibility: visible;
    width: calc(100% - 70px)
}
div#trailer div.view-hub div.views-rows div.node:after,
div#trailer div.view-tile div.views-rows div.node:after {
    display: none
}
div.view-hub div.views-rows div.node span.title:hover,
div.view-tile div.views-rows div.node span.title:hover {
    color: #485861
}
div.view-hub div.views-row-last div.node:after,
div.view-tile div.views-row-last div.node:after {
    display: none
}
div.view-hub.view-blog div.views-rows div.node,
div.view-hub.view-news-and-blog div.views-rows div.node,
div.view-tile.view-blog div.views-rows div.node,
div.view-tile.view-news-and-blog div.views-rows div.node {
    padding-left: 70px;
    padding-left: 4.375rem;
    background-image: url("../images/icon-rjc-blog.png")
}
div.view-hub.view-blog div.views-rows div.node:hover,
div.view-hub.view-news-and-blog div.views-rows div.node:hover,
div.view-tile.view-blog div.views-rows div.node:hover,
div.view-tile.view-news-and-blog div.views-rows div.node:hover {
    background-image: url("../images/icon-rjc-blog-hl.png")
}
div.view-hub.view-blog div.views-rows div.node.node-news,
div.view-hub.view-news-and-blog div.views-rows div.node.node-news,
div.view-tile.view-blog div.views-rows div.node.node-news,
div.view-tile.view-news-and-blog div.views-rows div.node.node-news {
    background-image: url("../images/icon-rjc-news.png")
}
div.view-hub.view-blog div.views-rows div.node.node-news:hover,
div.view-hub.view-news-and-blog div.views-rows div.node.node-news:hover,
div.view-tile.view-blog div.views-rows div.node.node-news:hover,
div.view-tile.view-news-and-blog div.views-rows div.node.node-news:hover {
    background-image: url("../images/icon-rjc-news-hl.png")
}
div.view-hub.view-news div.views-rows div.node,
div.view-tile.view-news div.views-rows div.node {
    padding-left: 70px;
    padding-left: 4.375rem;
    background-image: url("../images/icon-rjc-news.png")
}
div.view-hub.view-news div.views-rows div.node:hover,
div.view-tile.view-news div.views-rows div.node:hover {
    background-image: url("../images/icon-rjc-news-hl.png")
}
div.view-hub[class*='view-resource'] div.views-rows div.node,
div.view-tile[class*='view-resource'] div.views-rows div.node {
    padding: 15px 15px 15px 70px;
    padding: 0.9375rem 0.9375rem 0.9375rem 4.375rem;
    background-image: url("../images/icon-file.png");
    background-position: 0px 10px !important;
    background-repeat: no-repeat;
    background-size: 64px 64px
}
div.view-hub[class*='view-resource'] div.views-rows div.node span.title,
div.view-tile[class*='view-resource'] div.views-rows div.node span.title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    min-height: 90px;
    padding-right: 15px;
    padding-right: 0.9375rem
}
div.view-hub[class*='view-resource'] div.views-rows div.node.node-teaser div.field-name-field-image,
div.view-tile[class*='view-resource'] div.views-rows div.node.node-teaser div.field-name-field-image {
    background: white;
    height: 64px;
    margin: 0 !important;
    float: none;
    top: 8px;
    left: 0;
    width: 64px
}
div.view-hub[class*='view-resource'] div.views-rows div.node.node-teaser div.field-name-field-image img,
div.view-tile[class*='view-resource'] div.views-rows div.node.node-teaser div.field-name-field-image img {
    margin: 5px;
    max-width: 54px
}
div.view-hub.view-events div.views-rows div.views-row,
div.view-tile.view-events div.views-rows div.views-row {
    background-repeat: no-repeat;
    background-position: -5px -10px;
    background-size: 64px 64px;
    background-image: url("../images/icon-logo-new_20170929_1515.png");
    /* background-image: url("../images/icon-logo-new.png"); */
    padding: 0px 0px 15px 70px;
    padding: 0rem 0rem 0.9375rem 4.375rem;
    margin: 0 0 15px;
    margin: 0 0 0.9375rem;
    position: relative
}
div#trailer div.view-hub.view-events div.views-rows div.views-row,
div#trailer div.view-tile.view-events div.views-rows div.views-row {
    background-color: #fff;
    border-bottom: 10px solid #e7e4d3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
div.view-hub.view-events div.views-rows div.views-row:after,
div.view-tile.view-events div.views-rows div.views-row:after {
    content: '';
    background: #e7e4d3;
    display: block;
    height: 1px;
    left: 70px;
    position: absolute;
    top: 100%;
    visibility: visible;
    width: calc(100% - 70px)
}
div#trailer div.view-hub.view-events div.views-rows div.views-row,
div#trailer div.view-tile.view-events div.views-rows div.views-row {
    display: none
}
div.view-hub.view-events div.views-rows div.views-row.member-event-Member,
div.view-tile.view-events div.views-rows div.views-row.member-event-Member {
    background-position: 0 0;
    background-size: 48px 48px;
    background-image: url("../images/icon-rjc-member-event.png")
}
div.view-hub.view-events div.views-rows div.views-row.member-event-Member:hover,
div.view-tile.view-events div.views-rows div.views-row.member-event-Member:hover {
    background-image: url("../images/icon-rjc-member-event-hl.png")
}
div.view-hub.view-events div.views-rows div.views-row.views-row-last:after,
div.view-tile.view-events div.views-rows div.views-row.views-row-last:after {
    display: none
}
div.view-hub.view-events .views-field-start-date,
div.view-tile.view-events .views-field-start-date {
    display: inline-block;
    margin: 5px 0 0;
    margin: 0.3125rem 0 0;
    font-weight: normal
}
div.view-hub.view-events .views-field-end-date,
div.view-tile.view-events .views-field-end-date {
    display: inline-block;
    margin: 0;
    margin: 0;
    font-weight: normal
}
div.view-hub.view-events .views-field-featured-image-80,
div.view-tile.view-events .views-field-featured-image-80 {
    float: right;
    margin-left: 10px;
    margin-left: 0.625rem;
    width: 30%
}
@media screen and (max-width: 30em) {
    div.view-hub.view-events .views-field-featured-image-80,
    div.view-tile.view-events .views-field-featured-image-80 {
        display: none
    }
}
div.view-hub.view-events .views-field-summary,
div.view-tile.view-events .views-field-summary {
    margin-top: 5px;
    margin-top: 0.3125rem
}
div.view-hub.view-trainers-register div.views-rows div.views-row,
div.view-tile.view-trainers-register div.views-rows div.views-row {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    padding-bottom: 15px;
    padding-bottom: 0.9375rem;
    overflow: hidden;
    clear: both;
    position: relative
}
div#trailer div.view-hub.view-trainers-register div.views-rows div.views-row,
div#trailer div.view-tile.view-trainers-register div.views-rows div.views-row {
    background-color: #fff;
    border-bottom: 10px solid #e7e4d3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
div.view-hub.view-trainers-register div.views-rows div.views-row:after,
div.view-tile.view-trainers-register div.views-rows div.views-row:after {
    content: '';
    background: #e7e4d3;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(100% - 1px);
    visibility: visible;
    width: 100%
}
div.view-hub.view-trainers-register div.views-rows div.views-row>div,
div.view-tile.view-trainers-register div.views-rows div.views-row>div{
    /*margin-left: 100px*/
    margin: 0px 0px 30px 100px
}


div.view-hub .views-field-display-name{
   
    /*background-position: 50% 50%;*/
    background-size: 80px auto;
    background-repeat: no-repeat;
    content: '';
    display: block;
    /*width: 80px;
    position: absolute;*/
    top: 0;
    left: 0;
    /*background-image: url("../images/RJC-Cert_logo-R_Pract-Advanced.png")*/
}


div.view-hub.view-trainers-register .views-field-image-URL,
div.view-tile.view-trainers-register .views-field-image-URL {
    float: right;
    margin-left: 10px;
    margin-left: 0.625rem;
    width: 20%
}
@media screen and (max-width: 30em) {
    div.view-hub.view-trainers-register .views-field-image-URL,
    div.view-tile.view-trainers-register .views-field-image-URL {
        display: none
    }
}
div.view-hub.view-trainers-register .views-label,
div.view-tile.view-trainers-register .views-label {
    font-weight: bold
}
div.view-hub.view-trainers-register .views-field-membership-type,
div.view-tile.view-trainers-register .views-field-membership-type {
    font-weight: bold;
    background-size: auto 20px;
    background-position: 0 0;
    background-repeat: no-repeat
}
div.view-hub.view-trainers-register .views-field-membership-type:before,
div.view-tile.view-trainers-register .views-field-membership-type:before {
    background-position: 50% 50%;
    background-size: 80px auto;
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 80px;
    width: 80px;
    position: absolute;
    top: 0;
    left: 0
}


/*https://restorativejustice.org.uk/practitioner-register/3933*/
/*********************************/
div.views-field.views-field-membership-type:before{
    background-position: 50% 50%;
    background-size: 80px auto;
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 80px;
    width: 80px;
    position: absolute;
    top: 0;
left: 0;
}



.individual-practitioner h1{
    padding-left: 100px !important;
}

div.individual-practitioner .views-field-membership-type{
    margin-top: 60px;
}

div.individual-practitioner .views-field-description-for-the-practitioner-90{
    margin-top: 20px; 
}

div.individual-practitioner td.views-field-membership-type{
    padding:8px;
    vertical-align:baseline;
}

.view-approved-course-details h1{
    padding-left: 100px;
}


.view-approved-course-details .views-field-membership-type{
    margin-top: 60px;
}

/*********************************/

.view .views-field-membership-type[class*='Associate']:before{
    background-image: url("../images/icon-rjc-associate-practitioner.png")
}


.view .views-field-membership-type[class*='Accredited']:before{
    background-image: url("../images/icon-accredited-large.png")
}

.view .views-field-membership-type[class*='Registered-Practitioner---Advanced']:before{
    background-image: url("../images/RJC-Cert_logo-R_Pract-Advanced.png")
}

.view .views-field-membership-type[class*='Registered-Practitioner---Intermediate']:before{
    background-image: url("../images/RJC-Cert_logo-R_Pract-Intermediate.png")
}

.view .views-field-membership-type[class*='Registered-Case-Supervisor']:before{
   background-image: url("../images/Case%20Supervisor.png")
}

.view .views-field-membership-type[class*='Registered-Practitioner---Foundation']:before{
    background-image: url("../images/RJC-Cert_logo-R_Pract-Foundation.png")
}

.view .views-field-membership-type[class*='Registered-Service-Provider']:before{
    background-image: url("../images/RJC-Cert_logo-Serv_Prov.png");
}

.view .views-field-membership-type[class*='RSQM']:before{
    background-image: url("../images/icon-accredited-large.png");
}

.page-registered-service-providers .view .views-field-membership-type[class*='RSQM']:before, .individual-practitioner .views-field-membership-type[class*='RSQM']:before{
    background-image: url("../images/RSQM_Logo.png");
}

.view .views-field-membership-type[class*='Registered-Restorative-Organisation']:before{
    background-image: url("../images/RJC-Cert_logo-R_Org.png");
}

.view .views-field-membership-type[class*='Train']:before{
    background-image: url("../images/RJC-Cert_logo-Training_Prov.png");
}

.view .views-field-membership-type[class*='TPQM']:before{
    background-image: url("../images/TPQM Logo.png");
}

.view .views-field-membership-type[class*='Approved-Course---Advanced-Level']:before{
    background-image: url("../images/RJC-Cert_logo-App_Course-Advanced.png");
}

.view .views-field-membership-type[class*='Approved-Course---Intermediate-Level']:before{
    background-image: url("../images/RJC-Cert_logo-App_Course-Intermediate.png");
}

.view .views-field-membership-type[class*='Approved-Course---Foundation-Level']:before{
    background-image: url("../images/RJC-Cert_logo-App_Course-Foundation.png");
}

.view .views-field-membership-type[class*='Service-Provider-L']:before{
    background-image: url("../images/RJC-Cert_logo-Serv_Prov.png");
}

/******************/

div.view-hub.view-trainers-register .views-field-membership-type.RSQM-Holder:before,
div.view-hub.view-trainers-register .views-field-membership-type.RSQM-Member:before,
div.view-tile.view-trainers-register .views-field-membership-type.RSQM-Holder:before,
div.view-tile.view-trainers-register .views-field-membership-type.RSQM-Member:before {
    background-image: url("../images/icon-rsqm-large.jpg")
}
div.view-hub.view-trainers-register .views-field-membership-type.Service-Provider:before,
div.view-tile.view-trainers-register .views-field-membership-type.Service-Provider:before{
    background-image: url("../images/icon-rjc-service-organisation-small.png")
}
div.view-hub.view-trainers-register .views-field-membership-type.Trainers:before,
div.view-hub.view-trainers-register .views-field-membership-type.Trainers-Register-Membership:before,
div.view-tile.view-trainers-register .views-field-membership-type.Trainers:before,
div.view-tile.view-trainers-register .views-field-membership-type.Trainers-Register-Membership:before {
    background-image: url("../images/icon-rjc-trainer.png")
}
div.view-hub.view-tweets div.views-rows div.views-row,
div.view-tile.view-tweets div.views-rows div.views-row {
    background-position: 15px 10px;
    background-repeat: no-repeat;
    background-size: 64px 64px;
    padding: 0px 0px 15px;
    padding: 0rem 0rem 0.9375rem;
    margin: 0 0 15px;
    margin: 0 0 0.9375rem;
    position: relative
}
div.view-hub.view-tweets div.views-rows div.views-row:after,
div.view-tile.view-tweets div.views-rows div.views-row:after {
    content: '';
    background: #e7e4d3;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 100%;
    visibility: visible;
    width: 100%
}
div.view-hub.view-tweets div.views-rows div.views-row .views-field-profile-image-url,
div.view-tile.view-tweets div.views-rows div.views-row .views-field-profile-image-url {
    float: left;
    margin-right: 10px;
    margin-right: 0.625rem
}
div.view-hub.view-tweets div.views-rows div.views-row.views-row-last:after,
div.view-tile.view-tweets div.views-rows div.views-row.views-row-last:after {
    display: none
}
div.entity-signpost a {
    text-align: center
}
div.entity-signpost a span.title {
    color: #485861 !important;
    min-height: 64px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold !important;
    border-bottom: 1px solid #485861;
    padding-bottom: 15px;
    padding-bottom: 0.9375rem
}
div.entity-signpost a span.body {
    color: #333
}
div.entity-file-entity a span.body {
    font-size: 12px
}
div.node-resource .link-wrapper {
    display: none
}
div.node-resource.node-teaser h3,
div.node-resource.node-teaser div#aside div.block h2,
div#aside div.block div.node-resource.node-teaser h2,
div.node-resource.node-teaser div#aside div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
div#aside div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div.node-resource.node-teaser legend,
div.node-resource.node-teaser body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#aside div.block legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#aside div.block div.node-resource.node-teaser legend,
div.node-resource.node-teaser div#menu div.block h2,
div#menu div.block div.node-resource.node-teaser h2,
div.node-resource.node-teaser div#menu div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
div#menu div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div.node-resource.node-teaser legend,
div.node-resource.node-teaser body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#menu div.block legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#menu div.block div.node-resource.node-teaser legend,
div.node-resource.node-teaser div.node-snippet.node-snippet-signpost a span.body span.title,
div.node-snippet.node-snippet-signpost a span.body div.node-resource.node-teaser span.title,
div.node-resource.node-teaser div.node-tile div.imagetitle a span.title,
div.node-tile div.imagetitle a div.node-resource.node-teaser span.title,
div.node-resource.node-teaser div.entity-signpost a span.title,
div.entity-signpost a div.node-resource.node-teaser span.title {
    margin: 0 !important
}
div.view-header {
    border-bottom: 2px solid #e7e4d3;
    padding-bottom: 15px;
    padding-bottom: 0.9375rem;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem
}
div.views-row {
    line-height: inherit
}
div.views-field-start-date,
div.views-field-end-date {
    color: #888
}
div.views-field-title,
div.views-row-title {
    color: inherit;
    font-weight: bold
}
div.views-field-title h3,
div.views-field-title div#aside div.block h2,
div#aside div.block div.views-field-title h2,
div.views-field-title div#aside div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
div#aside div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div.views-field-title legend,
div.views-field-title body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#aside div.block legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#aside div.block div.views-field-title legend,
div.views-field-title div#menu div.block h2,
div#menu div.block div.views-field-title h2,
div.views-field-title div#menu div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
div#menu div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div.views-field-title legend,
div.views-field-title body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#menu div.block legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#menu div.block div.views-field-title legend,
div.views-field-title div.node-snippet.node-snippet-signpost a span.body span.title,
div.node-snippet.node-snippet-signpost a span.body div.views-field-title span.title,
div.views-field-title div.node-tile div.imagetitle a span.title,
div.node-tile div.imagetitle a div.views-field-title span.title,
div.views-field-title div.entity-signpost a span.title,
div.entity-signpost a div.views-field-title span.title,
div.views-row-title h3,
div.views-row-title div#aside div.block h2,
div#aside div.block div.views-row-title h2,
div.views-row-title div#aside div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
div#aside div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div.views-row-title legend,
div.views-row-title body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#aside div.block legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#aside div.block div.views-row-title legend,
div.views-row-title div#menu div.block h2,
div#menu div.block div.views-row-title h2,
div.views-row-title div#menu div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
div#menu div.block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div.views-row-title legend,
div.views-row-title body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#menu div.block legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#menu div.block div.views-row-title legend,
div.views-row-title div.node-snippet.node-snippet-signpost a span.body span.title,
div.node-snippet.node-snippet-signpost a span.body div.views-row-title span.title,
div.views-row-title div.node-tile div.imagetitle a span.title,
div.node-tile div.imagetitle a div.views-row-title span.title,
div.views-row-title div.entity-signpost a span.title,
div.entity-signpost a div.views-row-title span.title {
    margin: 0
}
div.views-field-summary {
    color: inherit
}
div.view-leader div.views-row {
    border-bottom: 2px solid #e7e4d3
}
div.view-list div.views-rows {
    border-top: 2px solid #e7e4d3
}
div.view-list div.views-rows div.views-row {
    border-bottom: 2px solid #e7e4d3
}
div.view-col {
    text-align: center
}
div.view-col div.views-row {
    text-align: left
}
div.view-col-2 div.views-row {
    margin-bottom: 3.2258%
}
@media screen and (max-width: 30em) {
    div.view-col-2 div.views-row {
        margin: 1.6129% 0;
        width: 100%
    }
}
@media screen and (max-width: 48em) {
    div.view-col-3 div.views-row {
        margin: 1.6129% 0;
        width: 100%
    }
}
div#footer {
    background: #455660;
    color: #d9d9d9
}
div#footer div.block-block {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem
}
div#footer div.block-block a {
    color: #d9d9d9
}
div#footer div.block-block a:hover {
    color: #fff;
    text-decoration: underline
}
div#footer div.region-footer {
    display: table;
    height: auto;
    width: 100%;
    table-layout: fixed;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.4174%
}
div#footer div.block-block,
div#footer div.block-menu {
    border-right: 1px solid #455660;
    display: table-cell;
    float: none;
    clear: none;
    margin: 0;
    vertical-align: top;
    padding: 0 1.6129%;
    width: 25%
}
div#footer div.block-block:last-child,
div#footer div.block-menu:last-child {
    border-right: none
}
@media screen and (max-width: 48em) {
    div#footer div.block-block,
    div#footer div.block-menu {
        float: left;
        display: block;
        width: 50%;
        border-right: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}
@media screen and (max-width: 30em) {
    div#footer div.block-block,
    div#footer div.block-menu {
        clear: left;
        float: none;
        margin: 0;
        margin: 0;
        width: 100%
    }
}
div#footer div.block-block h2,
div#footer div.block-block body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#footer div.block-block legend,
div#footer div.block-menu h2,
div#footer div.block-menu body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend,
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset div#footer div.block-menu legend {
    color: #d9d9d9;
    font-weight: bold;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    text-transform: none
}
div#footer div#block-block-2 input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #00a2e3;
    font-family: "proxima-nova", sans-serif;
    padding: 5px 10px;
    padding: 0.3125rem 0.625rem;
    width: 100%;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(0, 0, 0, 0.75)
}
div#footer div#block-block-10 #crm-container div.label {
    display: none
}
div#footer div#block-block-10 #crm-container div.content {
    margin: 0
}
div#footer div#block-block-10 #crm-container div.crm-submit-buttons {
    height: auto;
    margin: 0
}
div#footer div#block-block-10 #crm-container input {
    border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16.25px;
    line-height: 1.01563rem;
    font-family: "proxima-nova", sans-serif;
    margin: 0 0 5px;
    margin: 0 0 0.3125rem;
    padding: 5px;
    padding: 0.3125rem;
    max-width: 100%;
    width: 100%;
    border-radius: 0
}
div#footer div#block-block-10 #crm-container input[type='submit'] {
    background: #6b7880
}
div#footer div#block-block-10 #crm-container input[type='submit']:hover {
    background: #e9037c
}
div#footer div.block ul.menu {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem
}
div#footer div.block ul.menu li {
    float: none
}
div#footer div.block ul.menu li a {
    color: #d9d9d9;
    float: none;
    padding: 0
}
div#footer div.block ul.menu li a.active {
    color: #fff
}
div#footer div.block ul.menu li a:hover {
    text-decoration: underline
}
div#byline {
    background: #455660;
    color: #afb7bc
}
div#byline:after {
    content: ''
}
div#byline div#block-block-11 p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem
}
div#byline div.region-byline {
    padding: 3.0303%
}
div#byline div#block-menu-menu-utility-menu {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem
}
div#byline div#block-menu-menu-utility-menu ul.menu {
    margin: 0
}
div#byline div#block-menu-menu-utility-menu ul.menu li {
    list-style: none;
    display: inline-block
}
div#byline div#block-menu-menu-utility-menu ul.menu li.first {
    margin-left: 0
}
div#byline div#block-menu-menu-utility-menu ul.menu li a {
    color: #d9d9d9
}
div#byline div#block-menu-menu-utility-menu ul.menu li a:hover {
    color: #fff
}
@media print {
    body {
        font-size: 12pt;
        color: #000;
        background: #fff
    }
    ul li {
        list-style: disc !important;
        background-image: none !important
    }
    a:link,
    a:visited {
        color: #00a2e3;
        background: transparent;
        font-weight: bold;
        text-decoration: underline
    }
    div#wrapper,
    div#content {
        color: #000;
        background: transparent
    }
}
body.not-front .crm-container .crm-section .label {
    float: none;
    width: auto;
    text-align: left
}
body.not-front .crm-container .crm-section .label label {
    font-weight: bold
}
body.not-front .crm-container .crm-section .content {
    margin: 0
}
body.not-front #crm-container.crm-public input[type="text"],
body.not-front #crm-container.crm-public input[type="password"],
body.not-front #crm-container.crm-public input[type="email"],
body.not-front #crm-container.crm-public select,
body.not-front #crm-profile-block.crm-public input[type="text"],
body.not-front #crm-profile-block.crm-public input[type="password"],
body.not-front #crm-profile-block.crm-public input[type="email"],
body.not-front #crm-profile-block.crm-public select {
    width: 100%;
    max-width: 450px
}
body.not-front #crm-profile-block.crm-public input[type="text"],
body.not-front #crm-profile-block.crm-public input[type="password"],
body.not-front #crm-profile-block.crm-public input[type="email"] {
    background: none;
    border: 1px solid #e7e4d3
}
body.not-front div#crm-main-content-wrapper {
    margin: 0 auto
}
body.not-front div#crm-main-content-wrapper>form>table.form-layout-compressed tr {
    display: block
}
body.not-front div#crm-main-content-wrapper>form>table.form-layout-compressed tr td {
    display: block;
    float: left;
    padding: 0;
    margin-right: 5px;
    margin-right: 0.3125rem;
    width: auto
}
body.not-front div#crm-main-content-wrapper>form>table.form-layout-compressed tr td.label {
    margin-bottom: 5px;
    float: none
}
body.not-front div#crm-main-content-wrapper>form>table.form-layout-compressed tr td input[type='text'] {
    padding: 5px 0px;
    padding: 0.3125rem 0rem
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset {
    margin: 30px 0;
    margin: 1.875rem 0;
    padding: 0;
    border: 0
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block fieldset legend {
    margin: 0;
    padding: 0
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block .crm-section {
    margin: 15px 0;
    margin: 0.9375rem 0
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block .crm-section[id^="helprow"] {
    position: relative;
    top: -10px;
    margin: 0;
    margin: 0
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block .crm-section.is_recur-section {
    margin-top: -15px;
    margin-top: -0.9375rem
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block .crm-section.is_recur-section .label {
    display: none
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block .crm-section .label {
    padding: 0px;
    padding: 0rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    text-align: left;
    width: auto;
    float: none
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block .crm-section .label label:after {
    content: none
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block .crm-section .content {
    margin: 0
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block .crm-section+.crm-section {
    margin-top: 15px;
    margin-top: 0.9375rem
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block .crm-section[class*='helprow'] {
    margin-top: 0px;
    margin-top: 0rem
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block .crm-section textarea {
    max-width: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block .crm-section table.form-layout-compressed td {
    clear: both;
    overflow: hidden;
    padding: 10px 5px;
    padding: 0.625rem 0.3125rem
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block .crm-section table.form-layout-compressed td .crm-form-checkbox {
    float: left
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block .crm-section table.form-layout-compressed td label {
    display: block;
    width: calc(100% - 25px);
    margin-left: 25px;
    padding: 0
}
body.not-front div#crm-main-content-wrapper div.crm-contribution-main-form-block .crm-section table.form-layout-compressed tr:nth-child(even) {
    background: #fafafa
}
body.not-front div#crm-main-content-wrapper #crm-submit-buttons {
    height: 40px
}
body.not-front div#crm-main-content-wrapper #crm-submit-buttons input#_qf_Main_upload-bottom {
    padding: 10px;
    padding: 0.625rem
}
body.page-civicrm div.form-item label {
    display: inline
}
.crm-container table {
    font-size: inherit
}
.crm-container table.form-layout-compressed tr td {
    background: transparent
}
.crm-container table.form-layout-compressed tr td input#discountcode {
    max-width: 200px !important
}
.pink-button-m {
    background-color: rgb(233, 3, 124);
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: Verdana, Helvetica, Sans-Serif;
    text-decoration: none;
    line-height: 150%;
}
#node-338 h1 {
    margin-left: 2.875rem;
}
#node-338 .intro .field-name-field-introduction p {
    margin-left: 2.875rem;
}
#node-338 .intro p {
    color: #455660;
    font-weight: 600;
}
#node-338 .intro H1 {
    color: #455660;
}
/*div#banner div.node-banner .intro {margin-left:5.875rem;}*/

@media screen and (max-width: 765px) {
    #node-338 .intro p {
        color: white;
        font-weight: 400;
    }
    #node-338 .intro H1 {
        color: white;
        margin-top: 8%;
    }
    #node-338 h1 {
        margin-left: 0px;
    }
    #node-338 .intro .field-name-field-introduction p {
        margin-left: 0px;
    }
}

div.view-hub.view-trainers-register .views-field-membership-type.TPQM-Holder:before,
div.view-hub.view-trainers-register .views-field-membership-type.Trainers-Register-Membership:before,
div.view-tile.view-trainers-register .views-field-membership-type.TPQM-Holder:before,
div.view-tile.view-trainers-register .views-field-membership-type.Trainers-Register-Membership:before {
    background-image: url("../images/qmark.png")
}
#block-webform-client-block-729, #block-masquerade-masquerade{clear:both;}

.webform-client-form.webform-client-form-729 .webform-component-fieldset.webform-component--civicrm-1-contact-1-fieldset-fieldset.form-wrapper {float:left;}

.webform-client-form-964 .form-managed-file input[type="submit"],
.webform-client-form-1415 .form-managed-file input[type="submit"] {
    display: none;
}

#block-webform-client-block-731 h2{color:#d9d9d9; font-size:14px;padding-left: 9px}
#block-webform-client-block-731 .form-actions{padding-left:9px}

#views-exposed-form-resources-new--page td img {
    min-height: 50px !important;
    max-height: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    width: 50px !important;
}

#block-views-news-and-blog-block-1{
    width:65%;
    display: inline-block;
    min-height:1060px;
}

#block-views-news-and-blog-block{
    margin-top: 32px;
    min-height:455px;
}

#block-views-tweets-block{
    min-height:1577px;
}
.view-id-news_and_blog .views-row .content{
    max-height:50px;
}

.view-id-news_and_blog .views-row{
    max-height:120px;
    padding-top: 10px;
}

@media (max-width:1024px){
    #block-views-news-and-blog-block-1, #block-views-tweets-block, #block-views-news-and-blog-block{
        width:100% !important;
        min-height:0;
    }
    
    .view-id-news_and_blog .views-row{
        max-height: none;
    }
}