@charset "utf-8";

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

html {
    background-color: #f0eee9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #36322d;
    overflow-y: scroll
}

body, button, dd, div, dl, dt, fieldset, form, input, h1, h2, h3, h4, h5, h6, li, ol, legend, p, pre, td, textarea, ul {
    margin: 0;
    padding: 0
}

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

body, h1, h2, h3, h4, h5, h6, button, input {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

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

fieldset, img {
    border: none
}

legend {
    color: inherit
}

address, caption, cite, code, em, th, h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    font-weight: 400
}

caption, th {
    text-align: left
}

ol, ul, li {
    list-style: none;
    text-indent: 0
}

li {
    list-style: inherit
}

button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
    border: none;
    margin: 0;
    outline: none;
    padding: 0
}

body {
    background-color: #f8f7f3;
    font: 16px/1.45 "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

body::before, body::after {
    content: '';
    display: block;
    height: 1px;
    margin-top: -1px
}

.bodyBkgAlt {
    background: #fff
}

a:focus, button:focus, .ancBtn:focus, [tabindex="0"]:focus {
    outline: 2px solid #d58a34;
    outline-offset: 2px
}

:focus, .mouseEvents :focus {
    outline: none
}

a, button, [type="button"], [type="reset"], [type="submit"] {
    cursor: pointer
}

:disabled, .disabled {
    cursor: default
}

a {
    color: #03678b;
    text-decoration: none
}

p a, p .link, a:hover, a:active, a:focus, a.underline, button.underline {
    text-decoration: underline
}

a:focus, a:hover {
    color: #1b88b0
}

.link {
    -webkit-appearance: none;
    background: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #03678b;
    cursor: pointer;
    font-size: inherit;
    padding: 0;
    text-align: left;
    text-decoration: none
}

.link:active, .link:hover, .link:focus {
    color: #1b88b0;
    text-decoration: underline
}

.linkSecondary:not(:hover):not(:focus) {
    color: #bebbb3
}

h1, h2, h3, h4, h5, h6, h1.textdefault, h2.textdefault, h2.textdefaultsize, h3.textdefault, h3.textdefaultsize, h4.textdefault, h4.textdefaultsize, h5.textdefault, h5.textdefaultsize, h6.textdefault, h6.textdefaultsize {
    font-size: 16px;
    line-height: 1.35
}

h1, h1.textdefault, h1.textdefaultsize {
    font-size: 20px
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 20px
}

p {
    margin-top: 10px
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child {
    margin-top: 0
}

.list {
    margin: 10px 0 0 0
}

.bulleted {
    margin: 10px 0 0 10px
}

.numbered, .list .list {
    margin: 10px 0 0 20px
}

.bulleted:first-child, .numbered:first-child, .list:first-child {
    margin-top: 0
}

.bulleted li, .numbered li, .list li {
    margin-top: 5px
}

.bulleted > li::before {
    content: '•';
    display: block;
    font-weight: bold;
    height: 0;
    margin-left: -10px;
    opacity: .5
}

.bulleted .bulleted li::before {
    content: '◦'
}

.bulleted .bulleted .bulleted li::before {
    content: '▪'
}

.numbered, .bulleted .numbered {
    list-style: decimal
}

.listColumn {
    display: table-cell;
    width: 100%
}

.listColumn:last-child {
    color: #9e9a91;
    text-align: right
}

.listRuled li:not(:last-child) {
    border-bottom: 1px solid #bebbb3;
    padding-bottom: 5px
}

@media only screen and (min-width: 768px) {
    .listColumn:last-child {
        white-space: nowrap;
        word-wrap: normal
    }
}

dl {
    margin: 10px 0
}

dt {
    font-weight: bold;
    margin-top: 10px
}

dt:first-child, dt + dt {
    margin-top: 0
}

small {
    display: inline-block;
    font-size: 14px;
    line-height: 1.35
}

hr {
    border: 0;
    border-bottom: 1px solid #f0eee9;
    height: 0;
    margin: 20px 0
}

.light {
    font-weight: 300
}

b, strong, .bold {
    font-weight: bold
}

.bolder {
    font-weight: 900
}

sup, sub {
    font-size: .8em;
    position: relative;
    top: -.6em;
    vertical-align: baseline
}

sub {
    top: .4em
}

blockquote {
    font-style: italic;
    line-height: 1.8;
    margin: 10px 24px 0
}

mark {
    background-color: #ffff96
}

cite, em, i, .italic {
    font-style: italic
}

.normal, .textdefault {
    font-style: normal;
    font-weight: normal
}

.smallLineHeight {
    line-height: 1.35
}

.noTopSpacing.topSpacingBlock:first-child, .noTopSpacing.topSpacing:first-child, .noTopSpacing {
    margin-top: 0 !important
}

.topSpacing {
    margin-top: 10px !important
}

.topSpacingBlock {
    margin-top: 20px !important
}

@media only screen and (max-width: 767px) {
    .topSpacingBlock:not(:first-child) {
        margin-top: 10px !important
    }
}

.textCenter {
    text-align: center
}

.textRight {
    text-align: right
}

.textWrap {
    border-spacing: 0;
    display: table;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    table-layout: fixed;
    width: 100%;
    word-break: break-word;
    word-wrap: break-word
}

.textClipped {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.textalt {
    font-family: Georgia, "Times New Roman", Times, serif
}

.textnormal, .textdefault {
    font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif
}

.text6xlrg {
    font-size: 36px
}

.text5xlrg {
    font-size: 32px
}

.text4xlrg {
    font-size: 28px
}

.text3xlrg {
    font-size: 24px
}

.text2xlrg {
    font-size: 20px
}

.textxlrg {
    font-size: 18px
}

.textlrg, .textmed, .textdefault, .textdefaultsize {
    font-size: 16px
}

.textsml, .textxsml {
    font-size: 14px
}

.coloralt, a.coloralt {
    color: #54524f
}

.coloralt2, a.coloralt2 {
    color: #a62219
}

.coloralt3, a.coloralt3 {
    color: #8c4b00
}

.coloralt4, a.coloralt4 {
    color: #fff
}

.colornormal, a.colornormal, .textdefault, a.textdefault {
    color: #36322d
}

.clear {
    clear: both
}

.clearfix::after {
    clear: both;
    content: "";
    display: table
}

.noDisplay {
    display: none !important
}

.hideVisually, .screenReaderText {
    height: 1px !important;
    line-height: 2em;
    margin: -1px;
    opacity: 0;
    overflow: hidden !important;
    pointer-events: none;
    position: absolute !important;
    width: 1px !important
}

caption.screenReaderText {
    caption-side: bottom;
    position: static
}

img.imageConstrained, .imageConstrained > img {
    display: inline-block;
    max-width: 100%;
    vertical-align: top
}

.imageConstrained:not(img) {
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%
}

.itemCount {
    background-color: red;
    border-radius: 3px;
    box-shadow: 0 1px rgba(0, 0, 0, .77);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    left: -4px;
    line-height: 14px;
    padding: 0 2px 1px;
    position: absolute;
    text-decoration: none;
    top: -7px;
    z-index: 2
}

html, body {
    max-width: 100%;
    min-width: 320px
}

@media only screen and (min-width: 1006px) {
    .show768, .show480:not(.hide768), .show320:not(.hide768):not(.hide480), .show768.hide480.show320 {
        display: none !important
    }
}

@media only screen and (max-width: 1005px) {
    .hideVisually768 {
        height: 1px !important;
        line-height: 2em;
        margin: -1px;
        opacity: 0;
        overflow: hidden !important;
        pointer-events: none;
        position: absolute !important;
        width: 1px !important
    }
}

@media only screen and (max-width: 767px) {
    .hideVisually480 {
        height: 1px !important;
        line-height: 2em;
        margin: -1px;
        opacity: 0;
        overflow: hidden !important;
        pointer-events: none;
        position: absolute !important;
        width: 1px !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1005px) {
    .hide768, .show480:not(.show768), .show320:not(.show768) {
        display: none !important
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    body {
        -webkit-text-size-adjust: none
    }

    .hide768:not(.show480), .hide480, .show320:not(.show480) {
        display: none !important
    }
}

@media only screen and (max-width: 479px) {
    body {
        -webkit-text-size-adjust: none
    }

    .hide768:not(.show480):not(.show320), .hide480:not(.show320), .hide320 {
        display: none !important
    }

    .hideVisually320 {
        height: 1px !important;
        line-height: 2em;
        margin: -1px;
        opacity: 0;
        overflow: hidden !important;
        pointer-events: none;
        position: absolute !important;
        width: 1px !important
    }
}

.bgDark {
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, .4)
}

a.bgDark, .link.bgDark {
    color: #fff
}

.bgDark > a, .bgDark > .link {
    color: inherit
}

.bgColor1 {
    background-color: #706b63
}

.bgColor2 {
    background-color: #60527e
}

.bgColor3 {
    background-color: #1b88b0
}

.bgColor4 {
    background-color: #7a9c0f
}

.bgColor5 {
    background-color: #3d7b77
}

.bgColor6 {
    background-color: #c14139
}

.bgColor7 {
    background-color: #36322d
}

.bgColor8 {
    background-color: #f0eee9
}

/*.bgTexture1 {*/
/*    background-image: url("/i/v1/bg-texture-1.png");*/
/*    background-size: 26px 29px*/
/*}*/

/*.bgTexture2 {*/
/*    background-image: url("/i/v1/bg-texture-2.png");*/
/*    background-size: 37px 18px*/
/*}*/

/*.bgTexture3 {*/
/*    background-image: url("/i/v1/bg-texture-3.png");*/
/*    background-size: 31px 21px*/
/*}*/

/*.bgTexture4 {*/
/*    background-image: url("/i/v1/bg-texture-4.png");*/
/*    background-size: 22px 21px*/
/*}*/

.bgHasImage {
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
    z-index: 1
}

.bgHasImage::before {
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.bgHasImage.bgColor1::before {
    background: rgba(158, 154, 145, .9)
}

.bgHasImage.bgColor2::before {
    background: rgba(96, 82, 126, .9)
}

.bgHasImage.bgColor3::before {
    background: rgba(27, 136, 176, .9)
}

.bgHasImage.bgColor4::before {
    background: rgba(122, 156, 15, .9)
}

.bgHasImage.bgColor5::before {
    background: rgba(61, 123, 119, .9)
}

.bgHasImage.bgColor6::before {
    background: rgba(193, 65, 57, .9)
}

.bgHasImage.bgColor7::before {
    background: rgba(54, 50, 45, .9)
}

.bgHasImage.bgColor8::before {
    background: rgba(240, 238, 233, .9)
}

.closeBtn {
    -webkit-appearance: none;
    background-clip: content-box;
    background-color: #726e67;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    height: 28px;
    line-height: 0;
    padding: 0;
    position: absolute;
    right: -11px;
    text-align: center;
    text-decoration: none !important;
    top: -11px;
    width: 28px;
    z-index: 1
}

.closeBtn::before {
    color: #fff;
    content: "";
    display: block;
    font: normal normal normal 10px/0 "ancestry-icon";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: 2.44;
    padding: 0;
    speak: none
}

@media print {
    @page {
        margin: 1.5cm !important
    }

    html {
        zoom: 80% !important
    }

    body {
        background: #fff !important
    }

    .notPrintable {
        display: none !important
    }

    .bgDark, .bgDark * {
        background: #fff !important;
        color: #000 !important;
        text-shadow: none !important
    }
}

.con, .conSecond, .conThird {
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    padding: 20px
}

.con:not(.bgDark), .conSecond:not(.bgDark) {
    background-color: #fff
}

.conBody {
    position: relative
}

.conSecond, .conThird {
    padding: 10px
}

.con::after, .conSecond::after, .conThird::after, .conHeader::after, .conBody::after, .conSection::after {
    clear: both;
    content: '';
    display: table
}

.conHeader .ancBtn {
    float: right
}

.conHeader + p, .conBody > :first-child {
    margin-top: 0
}

.conHeader ~ .conHeader {
    margin-top: 20px
}

.conTitle {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.1;
    margin-top: 0;
    padding-bottom: 10px
}

.conSecond .conTitle, .conThird .conTitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3
}

.conTitle > a:only-child {
    color: inherit
}

.conThird:not(.bgDark) {
    background-color: #f0eee9
}

.conFooter {
    margin-top: 20px
}

.conFooterAlt {
    color: #887c71;
    margin-top: 10px;
    text-align: center
}

.conFooter > a:not(:first-child), .conFooterAlt > a:not(:first-child) {
    margin-left: 10px
}

.con:not(:first-child), .conSecond:not(:first-child), .conThird:not(:first-child) {
    margin-top: 20px
}

.conSection {
    border-top: 1px solid #f0eee9;
    box-shadow: inset 0 1px 2px -1px #fff;
    margin: 20px -20px 0;
    padding: 20px 20px 0
}

.conSecond .conSection, .conThird .conSection {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px
}

a.conSection {
    display: block
}

.conOutline.conOutline {
    background-color: transparent;
    border: 3px dashed #bebbb3;
    border-radius: 3.1px;
    box-shadow: none;
    padding-left: 17px
}

.conSecond.conOutline, .conThird.conOutline {
    padding-left: 8px
}

@media only screen and (max-width: 767px) {
    .con .conTitle {
        font-size: 24px
    }

    .con, .conSecond, .conThird {
        padding: 10px
    }

    .conOutline.conOutline {
        padding-left: 8px
    }

    .con:not(:first-child), .conSecond:not(:first-child), .conThird:not(:first-child) {
        margin-top: 10px
    }

    .conSection {
        margin: 10px -10px 0;
        padding: 10px 10px 0
    }

    .conSecond .conSection, .conThird .conSection {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.con .conList {
    margin: 0 -20px;
    padding: 0
}

.conList .conSection:first-child {
    border-top: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.conList .conSection:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.conList .conSection {
    margin: 0;
    padding-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .con .conList {
        margin: 0 -10px
    }

    .conList .conSection {
        padding-bottom: 10px
    }
}

.conDivider {
    clear: both;
    margin: 0 -20px 20px;
    padding-top: 20px
}

.ancGrid > .conDivider {
    margin: 0 -20px 0 4px;
    padding-top: 20px
}

.conSecond .conDivider, .conThird .conDivider {
    margin-left: -10px;
    margin-right: -10px
}

@media only screen and (max-width: 767px) {
    .conDivider {
        clear: both;
        margin: 0 -10px 10px;
        padding-top: 10px
    }

    .ancGrid > .conDivider {
        margin: 0 -10px 0 4px;
        padding-top: 10px
    }

    .conSecond .conDivider, .conThird .conDivider {
        margin-left: -10px;
        margin-right: -10px
    }
}

.conHeaderFlush {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    padding: 8px 20px 9px
}

.conSecond .conHeaderFlush, .conThird .conHeaderFlush {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    padding: 12px 10px
}

.conHeaderFlush .conTitle {
    padding: 0
}

.conHeaderFlush[class*="bgColor"] + .conBody {
    padding-top: 9px
}

.con .conHeaderFlush[class*="bgColor"] + .conBody {
    padding-top: 18px
}

@media only screen and (max-width: 767px) {
    .conHeaderFlush.conHeaderFlush {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        padding: 7px 10px
    }

    .con .conHeaderFlush[class*="bgColor"] + .conBody {
        padding-top: 10px
    }

    .conArrow {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .conArrow {
        border: inherit;
        box-shadow: inherit;
        height: 14px;
        outline: inherit;
        position: absolute;
        width: 14px
    }

    .conArrow::after {
        background-color: inherit;
        content: "";
        display: block;
        height: 28px;
        position: absolute;
        width: 9px
    }

    .conHasArrow {
        position: relative
    }

    .conHasArrow[class*="conHasArrowLeft"] .conArrow {
        border-top: 0;
        border-top-right-radius: 100%;
        left: -7px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .conHasArrow[class*="conHasArrowLeft"] .conArrow::after {
        border-bottom-right-radius: 8px 14px;
        border-top-right-radius: 8px 14px;
        left: 6px;
        top: -10px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .conHasArrowLeftTop .conArrow {
        top: 18px
    }

    .conHasArrowLeftBottom .conArrow {
        bottom: 18px;
        top: auto
    }

    .conHasArrow.conOutline .conArrow {
        display: none
    }

    .conHasArrow .conArrow:not([class*="bgColor"]) {
        background-color: inherit
    }
}

@media print {
    .con, .conSecond, .conThird {
        background: #fff !important
    }
}

.ancGrid {
    margin-left: -20px;
    word-wrap: break-word
}

.ancGrid::after {
    clear: both;
    content: '';
    display: table
}

.ancCol {
    float: left;
    min-height: 1px;
    padding-left: 20px
}

.ancGridPadded {
    padding: 20px 20px 20px 0
}

.ancGridPadded.ancGridNoGutters {
    padding-left: 20px
}

.ancGrid ~ .ancGrid, .ancCol ~ .ancColRow, .ancCol ~ .ancColRow ~ .ancCol {
    margin-top: 20px
}

.w10 {
    width: 10%
}

.w12 {
    width: 12.5%
}

.w16 {
    width: 16.66666%
}

.w20 {
    width: 20%
}

.w25 {
    width: 25%
}

.w30 {
    width: 30%
}

.w33 {
    width: 33.33333%
}

.w37 {
    width: 37.5%
}

.w40 {
    width: 40%
}

.w50 {
    width: 50%
}

.w60 {
    width: 60%
}

.w62 {
    width: 62.5%
}

.w66 {
    width: 66.66666%
}

.w70 {
    width: 70%
}

.w75 {
    width: 75%
}

.w80 {
    width: 80%
}

.w83 {
    width: 83.33333%
}

.w87 {
    width: 87.5%
}

.w90 {
    width: 90%
}

.w100 {
    width: 100%
}

.ancColRow {
    clear: both
}

.ancColRight {
    float: right
}

.ancColRight + .ancCol + .ancColRight {
    clear: right;
    margin-top: 20px
}

.ancCol:first-child + .ancColRight + .ancCol {
    clear: left;
    margin-top: 20px
}

.ancGridSmall {
    margin-left: -10px
}

.ancGridSmall.ancGridPadded {
    padding: 10px 10px 10px 0
}

.ancGridSmall > .ancCol, .ancGridSmall.ancGridPadded.ancGridNoGutters {
    padding-left: 10px
}

.ancGridSmall .ancCol + .ancColRow, .ancGridSmall .ancCol + .ancColRow ~ .ancCol, .ancGridSmall ~ .ancGrid, .ancGridSmall > .ancColRight + .ancCol + .ancColRight, .ancGridSmall > :first-child + .ancColRight + .ancCol {
    margin-top: 10px
}

.ancGridEqual {
    border-collapse: separate;
    border-spacing: 20px 0;
    margin-right: -20px
}

.ancGridEqual > .ancCol {
    display: table-cell;
    float: none;
    padding-left: 0;
    position: relative;
    vertical-align: top
}

.ancGridBreak {
    margin-top: 20px
}

.ancGridBreak768, .ancGridBreak480, .ancGridBreak320 {
    display: none
}

.ancGridEqual.ancGridPadded {
    margin-right: 0;
    padding-right: 0
}

.ancGridEqual.ancGridPadded.ancGridNoGutters {
    padding-right: 20px
}

.ancGridPadded, .ancGridNoGutters {
    margin-left: 0
}

.ancGridNoGutters > .ancCol {
    padding-left: 0
}

.ancGridEqual.ancGridSmall {
    border-spacing: 10px 0;
    margin-right: -10px;
    padding-right: 0
}

.ancGridEqual.ancGridNoGutters.ancGridSmall.ancGridPadded {
    padding-right: 10px
}

@media only screen and (max-width: 1005px) {
    .ancColRowNot768 {
        clear: none
    }

    .ancColRow768 {
        clear: both
    }

    .ancCol.full768, .full768 > .ancCol {
        clear: both;
        width: 100%
    }

    .full768 > .ancCol:first-child, .ancGrid > .hide768:first-child + .ancCol {
        margin-top: 0
    }

    .ancCol.half768 {
        width: 50%
    }

    .ancCol.third768 {
        width: 33.33333%
    }

    .ancCol.full768 ~ .ancCol, .full768 > :first-child ~ .ancCol, .ancCol:not(.hide768) ~ .ancColRow768, .ancColRow768:not(:first-child) ~ .ancCol {
        margin-top: 20px
    }

    .ancGridEqual.full768 {
        margin-left: 0;
        margin-right: 0
    }

    .ancGridEqual.full768 > .ancCol {
        display: block;
        padding-left: 0
    }

    .ancGridEqual > .ancCol.full768 {
        display: block;
        width: auto
    }

    .ancGridEqual:not(.ancGridNoGutters) > .ancCol.full768 {
        margin-left: 20px;
        margin-right: 20px
    }

    .ancGridBreak768 {
        display: block;
        margin-top: 20px
    }

    .ancGridEqual:not(.ancGridNoGutters) > .full768:not(:last-child) {
        margin-bottom: 20px
    }

    .ancGridPadded.ancGridEqual.full768 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (max-width: 1005px) and (min-width: 768px) {
    .ancGridSmall .ancCol.full768 ~ .ancCol, .ancGridSmall.full768 > :first-child ~ .ancCol, .ancGridSmall .ancCol:not(.hide768) ~ .ancColRow768, .ancGridSmall .ancColRow768:not(:first-child) ~ .ancCol {
        margin-top: 10px
    }
}

.ancGridEqual > .ancCol.con {
    padding-left: 20px
}

@media only screen and (max-width: 767px) {
    .ancColRowNot480 {
        clear: none
    }

    .ancColRow480 {
        clear: both
    }

    .ancCol.full480, .full480 > .ancCol {
        clear: both;
        width: 100%
    }

    .full480 > .ancCol:first-child, .ancGrid > .hide480:first-child + .ancCol {
        margin-top: 0
    }

    .ancGrid {
        margin-left: -10px
    }

    .ancGridPadded, .ancGridNoGutters {
        margin-left: 0
    }

    .ancGrid.ancGridPadded {
        padding: 10px 10px 10px 0
    }

    .ancCol, .ancGridPadded.ancGridNoGutters {
        padding-left: 10px
    }

    .ancGridPadded.ancGridEqual.ancGridNoGutters {
        padding-right: 10px
    }

    .ancCol.half480 {
        width: 50%
    }

    .ancCol.third480 {
        width: 33.33334%
    }

    .ancGrid ~ .ancGrid, .ancCol ~ .ancColRow, .ancCol ~ .ancColRow ~ .ancCol, .ancColRight + .ancCol + .ancColRight, .ancCol:first-child + .ancColRight + .ancCol, .ancCol.full768 ~ .ancCol, .ancCol.full480 ~ .ancCol, .full768 > :first-child ~ .ancCol, .full480 > :first-child ~ .ancCol, .ancCol:not(.hide768) ~ .ancColRow768, .ancCol:not(.hide480) ~ .ancColRow480, .ancColRow768:not(:first-child) ~ .ancCol, .ancColRow480:not(:first-child) ~ .ancCol {
        margin-top: 10px
    }

    .ancGridEqual {
        border-spacing: 10px 0;
        margin-right: -10px
    }

    .ancGridPadded.ancGridEqual {
        padding-right: 0
    }

    .ancGridPadded.ancGridEqual.full768, .ancGridPadded.ancGridEqual.full480 {
        padding-left: 10px;
        padding-right: 10px
    }

    .ancGridEqual.full480 {
        margin-left: 0;
        margin-right: 0
    }

    .ancGridEqual.full480 > .ancCol {
        display: block;
        padding-left: 0
    }

    .ancGridEqual > .ancCol.full480 {
        display: block;
        width: auto
    }

    .ancGridEqual:not(.ancGridNoGutters) > .ancCol.full768, .ancGridEqual:not(.ancGridNoGutters) > .ancCol.full480 {
        margin-left: 10px;
        margin-right: 10px
    }

    .ancGridBreak, .ancGridBreak768, .ancGridBreak480 {
        display: block;
        margin-top: 10px
    }

    .ancGridEqual:not(.ancGridNoGutters) > .full768:not(:last-child), .ancGridEqual:not(.ancGridNoGutters) > .full480:not(:last-child) {
        margin-bottom: 10px
    }

    .ancGridEqual > .ancCol.con {
        padding-left: 10px
    }
}

@media only screen and (max-width: 479px) {
    .ancColRowNot320 {
        clear: none
    }

    .ancColRow320 {
        clear: both
    }

    .ancCol.full320, .full320 > .ancCol {
        clear: both;
        width: 100%
    }

    .full320 > .ancCol:first-child, .ancGrid > .hide320:first-child + .ancCol {
        margin-top: 0
    }

    .ancCol.half320 {
        width: 50%
    }

    .ancCol.third320 {
        width: 33.33334%
    }

    .ancCol.full320 ~ .ancCol, .full320 > :first-child ~ .ancCol, .ancCol:not(.hide320) ~ .ancColRow320, .ancColRow320:not(:first-child) ~ .ancCol {
        margin-top: 10px
    }

    .ancGridEqual.full320 {
        margin-left: 0;
        margin-right: 0
    }

    .ancGridEqual.full320 > .ancCol {
        display: block;
        padding-left: 0
    }

    .ancGridEqual > .ancCol.full320 {
        display: block;
        width: auto
    }

    .ancGridEqual:not(.ancGridNoGutters) > .ancCol.full320 {
        margin-left: 10px;
        margin-right: 10px
    }

    .ancGridPadded.ancGridEqual.full320 {
        padding-left: 10px;
        padding-right: 10px
    }

    .ancGridBreak320 {
        display: block;
        margin-top: 10px
    }

    .ancGridEqual:not(.ancGridNoGutters) > .full320:not(:last-child) {
        margin-bottom: 10px
    }

    .ancGridEqual > .ancCol.con {
        padding-left: 10px
    }
}

.ancGridEqual > .ancCol.conSecond, .ancGridEqual > .ancCol.conThird, .ancGridEqual > .ancCol.card {
    padding-left: 10px
}

.ancGridEqual.ancGridNoGutters {
    border-spacing: 0
}

.ancGridEqual.ancGridNoGutters, .ancGridEqual.ancGridPadded {
    margin-left: 0;
    margin-right: 0
}

.ancGridNoGutters > .ancGridBreak768, .ancGridNoGutters > .ancGridBreak480, .ancGridNoGutters > .ancGridBreak320, .ancGridNoGutters > .ancGridBreak, .ancGridNoGutters > .ancCol {
    margin-top: 0 !important
}

.ancGridEqual > .ancCol::after {
    content: '- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -';
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden
}

.page, .pageTitle, .pageIntro, .pageHeaderCenter {
    max-width: 100%
}

.page {
    margin: 0 auto;
    width: 990px
}

.pageWidth1 {
    width: 1200px
}

.pageWidth2 {
    width: 100%
}

.pageHeader::after {
    clear: both;
    content: '';
    display: table
}

.pageHeader + .ancGridPadded {
    padding-top: 0
}

.pageCrumbs {
    padding-bottom: 5px;
    text-align: left
}

span.pageCrumb {
    color: rgba(190, 187, 179, .6)
}

.pageCrumbs a {
    -webkit-transition: color .2s;
    transition: color .2s
}

.pageCrumbs a:not(:last-child):not(:hover) {
    color: #706b63
}

.pageCrumbs .pageCrumb:first-child {
    margin-left: -10px
}

.pageCrumb {
    display: inline-block;
    padding: 4px 10px
}

.pageCrumb:last-child {
    color: inherit;
    font-weight: bold
}

.pageCrumb.iconArrowRight {
    margin: 0 -.55em 0 -.45em;
    padding-left: 0;
    padding-right: 0
}

.pageActions {
    padding-bottom: 5px;
    text-align: right
}

.pageActions::after {
    clear: both;
    content: '';
    display: table
}

.pageActions .pageCrumbs {
    float: left;
    padding: 0
}

.pageActions > a, .pageActions > button {
    margin-left: 5px
}

.pageHeader {
    padding: 10px
}

.pageHeaderCenter, .pageIntro, .pageTitle {
    margin: 0 auto;
    text-align: center;
    width: 990px
}

.pageTitle {
    color: #648200;
    font-size: 44px;
    font-weight: bold;
    line-height: 1;
    padding: 5px 0;
    position: relative
}

.pageTitle:last-child {
    padding-bottom: 40px
}

.pageTitle:only-child {
    padding: 20px 0
}

.pageTitle a {
    color: inherit;
    text-decoration: none
}

.pageIntro {
    font-size: 20px
}

.pageNav {
    text-align: center
}

.pageNav a, .pageNav button {
    display: inline-block;
    margin: 5px
}

@media only screen and (max-width: 767px) {
    .pageTitle:last-child {
        padding-bottom: 0
    }

    .pageTitle:only-child {
        padding: 10px 0
    }

    .pageCrumb {
        display: none
    }

    .pageTitle.pageTitle {
        font-size: 30px
    }

    .pageIntro, .pageNav {
        font-size: 17px
    }

    .pageActionsCenter480 {
        text-align: center
    }
}

.pagePrint {
    background-color: #fff;
    box-shadow: 0 0 8px #fff;
    color: #a2ab84;
    padding: 4px 6px;
    position: absolute;
    right: 5px;
    top: 6px;
    z-index: 2
}

.pagePrint:hover::before {
    color: #789201
}

.pagePrint ~ .pageTitle, .pagePrint ~ .pageNav {
    padding-right: 25px
}

.pagePadded {
    padding: 20px
}

.pagePadded .pageHeader {
    margin: -20px -20px 20px
}

.pageHeader:not([class*="bgColor"]) + .page > .ancGridPadded:first-child, .pageHeader:not([class*="bgColor"]) + .pagePadded {
    padding-top: 0
}

@media only screen and (max-width: 1005px) {
    .page {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        border-top: 0
    }
}

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

    .pagePrint ~ .pageTitle, .pagePrint ~ .pageNav {
        padding-right: 0
    }

    .pagePadded {
        padding: 10px
    }

    .pagePadded .pageHeader {
        margin: -10px -10px 10px
    }
}

.bgDark .pageTitle, .bgDark .pageNav a, .bgDark .pageNav .link, .bgDark .pageCrumbs a:not(:last-child), .bgDark .pageCrumbs a:only-child {
    color: inherit
}

.bgDark span.pageCrumb {
    color: rgba(255, 255, 255, .6)
}

.pageHeaderImage, .pagePrint {
    display: none
}

.pageHeaderImage:first-child + .pageTitle {
    padding-top: 10px
}

@media print {
    .pageActions, .pageCrumbs {
        display: none !important
    }

    .pageHeader {
        background: #fff !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .pageNav a {
        border: 1px solid #ccc !important;
        border-radius: 3px !important;
        padding: 0 5px 2px !important
    }
}