@charset "UTF-8";.page-header .nav-container .nav-toggle span,.page-header .nav-container .tools-container .search-container-nav .submit-container button span,.page-header .nav-container .tools-container .search-container-nav .toggle span,.page-steps .page-title,.social-share-container .social span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0,0,0,0)
}

.background-hero-image>.btn.btn-source:before,.btn.btn-to-left span.icon:after,.btn.btn-to-left span.icon:before,.btn.btn-to-left:after,.btn.btn-to-left:before,.btn.btn-to-right span.icon:after,.btn.btn-to-right span.icon:before,.btn.btn-to-right:after,.btn.btn-to-right:before,.btn.btn-to-search:after,.btn.btn-to-search:before,.btn.btn-to-top:after,.btn.btn-to-top:before,.container-foldout .toggle span.icon:after,.container-foldout .toggle span.icon:before,.page-header .nav-container .nav-toggle:before,.page-header .nav-container .tools-container .search-container-nav .submit-container button:before,.page-header .nav-container .tools-container .search-container-nav .toggle:before,.picture-container>.btn.btn-source:before,.picture-container>.wrapper>.btn.btn-source:before,.picture-container>a[class*=PIN_].btn-source:before,.picture-wrapper>.btn.btn-source:before,.show-hero-image .toggle-hero-image i:after,.show-hero-image .toggle-hero-image i:before,.social-share-container .social:before,.tip:before,.toggle-hero-image i:after,.top-bar .subdomains-container ul li a:before,a[class*=PIN_].btn-to-left span.icon:after,a[class*=PIN_].btn-to-left span.icon:before,a[class*=PIN_].btn-to-left:after,a[class*=PIN_].btn-to-left:before,a[class*=PIN_].btn-to-right span.icon:after,a[class*=PIN_].btn-to-right span.icon:before,a[class*=PIN_].btn-to-right:after,a[class*=PIN_].btn-to-right:before,a[class*=PIN_].btn-to-search:after,a[class*=PIN_].btn-to-search:before,a[class*=PIN_].btn-to-top:after,a[class*=PIN_].btn-to-top:before,a[class*=PIN_]:before,form .close-icon:after,form .close-icon:before,picture>.btn.btn-source:before,span[class*=PIN_].btn-to-left span.icon:after,span[class*=PIN_].btn-to-left span.icon:before,span[class*=PIN_].btn-to-left:after,span[class*=PIN_].btn-to-left:before,span[class*=PIN_].btn-to-right span.icon:after,span[class*=PIN_].btn-to-right span.icon:before,span[class*=PIN_].btn-to-right:after,span[class*=PIN_].btn-to-right:before,span[class*=PIN_].btn-to-search:after,span[class*=PIN_].btn-to-search:before,span[class*=PIN_].btn-to-top:after,span[class*=PIN_].btn-to-top:before,span[class*=PIN_]:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

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

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

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

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

html input[type=button] {
    cursor: pointer
}

html input[disabled] {
    cursor: default
}

body {
    margin: 0;
    overflow: visible;
    -webkit-overflow-scrolling: touch
}

article {
    display: block
}

aside {
    display: block
}

details {
    display: block
}

figcaption {
    display: block
}

figure {
    display: block;
    margin: 1em 40px
}

footer {
    display: block
}

header {
    display: block
}

hgroup {
    display: block
}

main {
    display: block
}

menu {
    display: block
}

nav {
    display: block
}

section {
    display: block
}

summary {
    display: block
}

audio {
    display: inline-block;
    vertical-align: baseline
}

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

canvas {
    display: inline-block;
    vertical-align: baseline
}

progress {
    display: inline-block;
    vertical-align: baseline
}

video {
    display: inline-block;
    vertical-align: baseline
}

[hidden] {
    display: none
}

template {
    display: none
}

a {
    background-color: transparent
}

a:active {
    outline: 0
}

a:hover {
    outline: 0
}

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

b {
    font-weight: 700
}

strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff6;
    color: #4a4a4a
}

small {
    font-size: 80%
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border: 0
}

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

pre {
    overflow: auto;
    font-family: monospace,monospace;
    font-size: 1em
}

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

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

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

button {
    overflow: visible;
    text-transform: none;
    cursor: pointer
}

input {
    line-height: normal
}

optgroup {
    font-weight: 700
}

select {
    text-transform: none
}

textarea {
    overflow: auto
}

input[type=reset] {
    cursor: pointer
}

input[type=submit] {
    cursor: pointer
}

button[disabled] {
    cursor: default
}

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

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

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

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

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

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

input[type=search] {
    box-sizing: content-box
}

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

legend {
    border: 0;
    padding: 0
}

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

td {
    padding: 0
}

th {
    padding: 0
}

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

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

html {
    pointer-events: none
}

body {
    pointer-events: auto
}

main {
    min-height: 100vh;
    background-color: #fff
}

.no-touch main {
    margin-bottom: 400px
}

@media (min-width: 1000px) {
    .no-touch main {
        margin-bottom:400px
    }
}

.row {
    width: 100%;
    position: relative
}

.row.fixed.tools {
    position: fixed;
    bottom: -65px;
    left: 0;
    pointer-events: none;
    z-index: 1000;
    transition: bottom 560ms cubic-bezier(.165,.84,.44,1)
}

.row.banner-container.has-background-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.scroll-up .row.fixed.tools {
    bottom: 10px
}

.row aside .caption.image-right {
    display: none
}

@media (min-width: 750px) {
    .row aside .caption.image-right {
        display:block
    }
}

@media (min-width: 1000px) {
    .row.fixed {
        bottom:auto;
        top: 425px
    }

    .page-theme .row.fixed {
        top: auto;
        bottom: 12px
    }

    .page-home .row.fixed,.page-steps .row.fixed {
        top: calc(50vh - 20px)
    }
}

@media (max-width: 599px) {
    .page-steps .row:not(.footer-wrapper) .container-fluid,.page-steps .row:not(.footer-wrapper) .step-by-step,.page-steps .row:not(.header-wrapper) .container-fluid,.page-steps .row:not(.header-wrapper) .step-by-step,.page-steps .row:not(.top-bar) .container-fluid,.page-steps .row:not(.top-bar) .step-by-step {
        padding-left:0;
        padding-right: 0
    }

    .page-steps .row:not(.footer-wrapper) .page-footer,.page-steps .row:not(.footer-wrapper) .page-header,.page-steps .row:not(.header-wrapper) .page-footer,.page-steps .row:not(.header-wrapper) .page-header,.page-steps .row:not(.top-bar) .page-footer,.page-steps .row:not(.top-bar) .page-header {
        padding-left: 10px;
        padding-right: 10px
    }
}

.row-magazine {
    min-height: 1000px;
    height: auto;
    width: calc(100% - 100px);
    margin: 0 50px;
    overflow: hidden
}

@media (max-width: 599px) {
    .row-magazine {
        margin:0 20px;
        width: calc(100% - 40px)
    }
}

.row-page-links {
    margin-top: 30px;
    padding-bottom: 36px
}

.container-fluid {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

.container-fluid:after {
    content: " ";
    display: block;
    clear: both
}

@media (max-width: 599px) {
    .banner-container .container-fluid {
        padding-left:0;
        padding-right: 0
    }

    .banner-container .container-fluid .content {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 750px) {
    .container-fluid {
        padding-left:40px;
        padding-right: 40px
    }

    .container-fluid .content-wrapper {
        margin-left: -10px;
        margin-right: -10px
    }

    .container-fluid .content-wrapper:after {
        content: " ";
        display: block;
        clear: both
    }

    .container-fluid .content-wrapper .content {
        padding-left: 10px;
        padding-right: 10px
    }
}

.picture-row .container-fluid {
    padding: 10px
}

.picture-row .container-fluid .content-wrapper {
    margin-left: 0;
    margin-right: 0
}

.picture-row .container-fluid .content {
    margin-left: 0
}

@media (min-width: 750px) {
    .picture-row .container-fluid .content {
        width:75%
    }
}

.picture-right .container-fluid .content {
    margin-left: 0
}

@media (min-width: 750px) {
    .picture-right .container-fluid .content {
        width:100%
    }
}

@media (min-width: 750px) {
    .content {
        width:66.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 8.33333%
    }

    .content .banner-container {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (min-width: 1000px) {
    .content.two-column {
        column-count:2;
        -moz-column-count: 2;
        margin-bottom: 20px
    }
}

.banner-container .content {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-left: 0!important;
    padding-right: 0!important;
    margin: 0
}

aside {
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px
}

@media (min-width: 750px) {
    aside {
        width:25%;
        float: right;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 0;
        margin-bottom: 0
    }
}

.center {
    text-align: center
}

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

@font-face {
    font-family: frescoregular;
    src: url(/static/fonts/FrescoPro-Normal.woff) format("woff")
}

@font-face {
    font-family: frescobold;
    src: url(/static/fonts/FrescoPro-Bold.woff) format("woff")
}

@font-face {
    font-family: frescolight;
    src: url(/static/fonts/FrescoPro-Light.woff) format("woff")
}

@font-face {
    font-family: fresconormalitalic;
    src: url(/static/fonts/FrescoPro-NormalItalic.woff) format("woff")
}

@font-face {
    font-family: alwynnelight;
    src: url(/static/fonts/alwynnewweb-lt-webfont.woff2) format("woff2"),url(/static/fonts/alwynnewweb-lt-webfont.woff) format("woff")
}

@font-face {
    font-family: alwynnelightitalic;
    src: url(/static/fonts/alwynnewweb-ltit-webfont.woff2) format("woff2"),url(/static/fonts/alwynnewweb-ltit-webfont.woff) format("woff")
}

@font-face {
    font-family: alwynnethin;
    src: url(/static/fonts/alwynnewweb-th-webfont.woff2) format("woff2"),url(/static/fonts/alwynnewweb-th-webfont.woff) format("woff")
}

@font-face {
    font-family: alwynnemedium;
    src: url(/static/fonts/alwynnewweb-md-webfont.woff2) format("woff2"),url(/static/fonts/alwynnewweb-md-webfont.woff) format("woff")
}

@font-face {
    font-family: icomoon;
    src: url(/static/fonts/icomoon.eot);
    src: url(/static/fonts/icomoon.eot#iefix) format("embedded-opentype"),url(/static/fonts/icomoon.ttf) format("truetype"),url(/static/fonts/icomoon.woff?d=2) format("woff"),url(/static/fonts/icomoon.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

body {
    font-family: alwynnelight,Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #4a4a4a;
    -webkit-font-smoothing: antialiased
}

body.page-theme {
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif;
    font-size: 18px
}

body.page-theme .content p>a {
    transition: all 560ms cubic-bezier(.165,.84,.44,1);
    border-bottom: 1px solid transparent;
    color: #a49660
}

body.page-theme .content p>a:hover {
    border-bottom: 1px solid currentColor
}

body.page-theme .content>b,body.page-theme .content>i {
    font-size: 16px;
    margin-bottom: 1em;
    display: block
}

@media (min-width: 750px) {
    body.page-theme .content>b,body.page-theme .content>i {
        margin-bottom:25px
    }
}

a {
    color: #4a4a4a;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a:visited {
    color: inherit
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: frescobold,Georgia,"Times New Roman",Times,serif;
    margin-bottom: 1em
}

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

@media (min-width: 750px) {
    p {
        margin-bottom:25px
    }
}

.h1,h1 {
    font-size: 36px;
    line-height: 42px;
    color: #fff
}

.page-theme .h1,.page-theme h1 {
    font-size: 36px;
    line-height: 42px
}

.page-steps .h1,.page-steps h1 {
    font-size: 24px;
    line-height: 30px
}

.page-home .h1,.page-home h1 {
    margin-bottom: 42px;
    margin-top: 26px
}

h2.h1 {
    color: #4a4a4a
}

.h2,h2 {
    font-size: 24px;
    line-height: 30px
}

.page-theme .h2,.page-theme h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 36px;
    margin-top: 42px
}

.page-theme .row-links .h2,.page-theme .row-links h2,.page-theme .row-related .h2,.page-theme .row-related h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 6px;
    margin-top: 12px
}

.page-steps .h2,.page-steps h2 {
    font-size: 24px;
    line-height: 30px
}

.h3,h3 {
    font-size: 18px;
    line-height: 24px;
    font-family: alwynnemedium,alwynnelight,Arial,Helvetica,sans-serif;
    margin-bottom: 0
}

.page-theme .h3,.page-theme h3 {
    font-family: frescobold,Georgia,"Times New Roman",Times,serif;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 36px
}

.page-steps .h3,.page-steps h3 {
    font-family: frescobold,Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px
}

.h4,.h5,.h6,h4,h5,h6 {
    font-family: alwynnemedium,alwynnelight,Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 400
}

.page-theme .h4,.page-theme .h5,.page-theme .h6,.page-theme h4,.page-theme h5,.page-theme h6 {
    font-family: frescobold,Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    line-height: 24px
}

.page-steps .h4,.page-steps .h5,.page-steps .h6,.page-steps h4,.page-steps h5,.page-steps h6 {
    font-family: alwynnemedium,alwynnelight,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0
}

.page-theme .h5,.page-theme .h6,.page-theme h5,.page-theme h6 {
    font-family: alwynnemedium,alwynnelight,Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px
}

.page-steps .h5,.page-steps .h6,.page-steps h5,.page-steps h6 {
    font-family: alwynnemedium,alwynnelight,Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

.lead {
    text-transform: none;
    font-size: 16px;
    font-family: alwynnelightitalic,alwynnelight,Arial,Helvetica,sans-serif
}

.page-theme .lead {
    font-size: 18px;
    font-family: fresconormalitalic,Georgia,"Times New Roman",Times,serif
}

blockquote {
    font-family: fresconormalitalic,Georgia,"Times New Roman",Times,serif;
    color: #a49660;
    font-size: 24px;
    line-height: 30px;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
    text-align: center;
    border-top: 1px dashed currentColor;
    margin-top: 0
}

@media (min-width: 750px) {
    blockquote {
        margin-left:11.11111%;
        margin-right: 11.11111%
    }
}

strong {
    font-family: alwynnemedium,alwynnelight,Arial,Helvetica,sans-serif;
    font-weight: 400
}

p {
    margin-top: 0
}

.caption {
    font-family: alwynnelightitalic,alwynnelight,Arial,Helvetica,sans-serif;
    font-size: 14px
}

@media (min-width: 1000px) {
    .mobile-only {
        display:none
    }
}

.on-top {
    position: relative;
    z-index: 1000
}

.no-padding {
    padding: 0!important
}

.border-bottom,.border-top {
    position: relative
}

.border-top {
    padding-top: 20px;
    margin-top: 20px
}

.border-top:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px dashed #4a4a4a
}

.step-by-step .border-top:before {
    border-color: #fff
}

@media (min-width: 750px) {
    .border-top:before {
        left:10px;
        right: 10px
    }
}

.border-bottom {
    margin-bottom: 30px;
    padding-bottom: 18px
}

.border-bottom:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px dashed #4a4a4a
}

@media (min-width: 750px) {
    .border-bottom:after {
        left:10px;
        right: 10px
    }
}

.click-through,.click-through * {
    pointer-events: none!important
}

@media (max-width: 749px) {
    .has-caption {
        display:flex;
        flex-direction: column
    }

    .has-caption .content {
        order: 2
    }

    .has-caption aside {
        order: 1
    }
}

.access-level {
    display: none!important
}

[data-access-level="0"] .access-level.access-level-0,[data-access-level="1"] .access-level.access-level-1 {
    display: inline-block!important
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform,height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,left,right);
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,left,right);
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,left,right);
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,left,right);
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent)
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

::selection {
    background: rgba(60,120,180,.3)
}

::-moz-selection {
    background: rgba(60,120,180,.3)
}

.flowpaper_viewer_container *,.flowpaper_viewer_container :after,.flowpaper_viewer_container :before {
    box-sizing: content-box
}

.flowpaper_viewer_container img {
    width: auto
}

.flowpaper_viewer_container {
    line-height: normal
}

.flowpaper_toolbarstd>input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flowpaper_toolbarios>input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flowpaper_floatright {
    float: right;
    margin-left: 3px;
    margin-top: 0;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    border: 1px solid transparent
}

.flowpaper_floatright:hover {
    border: 1px solid #496487
}

.flowpaper_grab {
    cursor: -moz-grab
}

.flowpaper_grabbing {
    cursor: -moz-grabbing
}

.flowpaper_hidden {
    display: none
}

.flowpaper_noopa {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.flowpaper_printFrame {
    position: absolute;
    left: -1000px;
    top: -1000px;
    border-width: 0;
    border-style: none;
    width: 1000px;
    height: 1000px
}

.flowpaper_textLayer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #000
}

.flowpaper_textLayer>div {
    color: transparent;
    position: absolute;
    line-height: 1.3
}

.flowpaper_selected_default {
    background-color: #3c78b4;
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.flowpaper_selected_yellow {
    background-color: #fff774;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.flowpaper_selected_orange {
    background-color: #facd56;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.flowpaper_selected_green {
    background-color: #c2f785;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.flowpaper_selected_blue {
    background-color: #9cdcff;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.flowpaper_selected_selected {
    background-color: #444;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.flowpaper_selected_hover {
    background-color: #444;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    cursor: pointer
}

.flowpaper_selected_strikeout {
    background-color: #fb5450;
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.flowpaper_tmpselected {
    background-color: #3c78b4;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.flowpaper_pageword {
    position: absolute;
    z-index: 10;
    color: transparent
}

.flowpaper_selector {
    position: absolute;
    left: -1000px;
    top: -10px;
    border-width: 0;
    border-style: none;
    width: 0;
    height: 0
}

.flowpaper_custom_logo {
    -moz-user-select: none;
    -webkit-user-select: none;
    right: 0;
    bottom: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    position: absolute;
    margin-top: 0;
    margin-right: 10px;
    z-index: 99
}

.flowpaper_viewer {
    height: 100%;
    width: 100%;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flowpaper_viewer_container>* {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flowpaper_initloader {
    padding-bottom: 21px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.flowpaper_initloader_title {
    font-family: Verdana;
    font-size: 14px
}

.flowpaper_initloader_panel {
    font-family: Verdana;
    font-size: 10px;
    padding-top: 0;
    padding-left: 10px;
    position: relative;
    top: 40%;
    background-color: #fff;
    width: 190px;
    height: 49px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    opacity: .9;
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}

.flowpaper_loaderIcon {
    background-image: url(data:image/gif;base64,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%3D);
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0
}

.flowpaper_pages {
    clear: both;
    cursor: default
}

.flowpaper_page>a:hover {
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.flowpaper_linkhint {
    opacity: .25;
    filter: alpha(opacity=25);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"
}

.flowpaper_page .flowpaper_border {
    box-shadow: 0 4px 5px #000;
    -moz-box-shadow: 0 4px 5px #000;
    -webkit-box-shadow: 0 4px 5px #000;
    background-color: #fff
}

.flowpaper_page {
    clear: both;
    margin-bottom: .5em;
    cursor: default
}

.flowpaper_page_zoomIn {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in
}

.flowpaper_page_zoomOut {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out
}

.flowpaper_page_dragPage {
    cursor: pointer;
    cursor: pointer
}

.flowpaper_pixel_background {
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.flowpaper_pixel_imagesrc {
    content: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.flowpaper_thumbitem:hover {
    background-color: transparent
}

.flowpaper_toolbarstd {
    display: inline-block;
    margin-left: 5%;
    margin-bottom: 3px;
    height: 29px;
    border-style: solid;
    border-width: 0;
    z-index: 100;
    background-color: #555
}

.flowpaper_toolbarios {
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-left: 5%;
    padding-right: 10px;
    white-space: nowrap;
    height: 46px;
    z-index: 100;
    margin-bottom: 3px;
    border-color: #000;
    display: inline-block
}

.flowpaper_toolbarios_gradients {
    background-image: linear-gradient(bottom,#2b2b2b 16%,#3c3c3c 63%,#4f4f4f 87%);
    background-image: -o-linear-gradient(bottom,#2b2b2b 16%,#3c3c3c 63%,#4f4f4f 87%);
    background-image: -moz-linear-gradient(bottom,#2b2b2b 16%,#3c3c3c 63%,#4f4f4f 87%);
    background-image: -webkit-linear-gradient(bottom,#2b2b2b 16%,#3c3c3c 63%,#4f4f4f 87%);
    background-image: -ms-linear-gradient(bottom,#2b2b2b 16%,#3c3c3c 63%,#4f4f4f 87%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(.16,#4e4e4e),color-stop(.63,#585858),color-stop(.87,#707070))
}

.flowpaper_zine_page_right {
    background-image: linear-gradient(right,rgba(255,255,255,0) 93%,rgba(125,124,125,.1) 30%,rgba(125,124,125,.3) 100%);
    background-image: -o-linear-gradient(right,rgba(255,255,255,0) 93%,rgba(125,124,125,.3) 100%);
    background-image: -moz-linear-gradient(right,rgba(255,255,255,0) 93%,rgba(125,124,125,.3) 100%);
    background-image: -webkit-linear-gradient(right,rgba(255,255,255,0) 93%,rgba(125,124,125,.3) 100%);
    background-image: -ms-linear-gradient(right,rgba(255,255,255,0) 96%,rgba(125,124,125,.1) 30%,rgba(125,124,125,.3) 100%);
    background-image: -webkit-gradient(linear,right bottom,left bottom,color-stop(.93,rgba(255,255,255,0)),color-stop(1,rgba(125,124,125,.3)));
    background-size: 65% 100%;
    background-repeat: no-repeat;
    background-position-x: 0 0
}

.flowpaper_zine_page_left {
    background-image: linear-gradient(left,rgba(255,255,255,0) 93%,rgba(125,124,125,.1) 30%,rgba(125,124,125,.3) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,0) 93%,rgba(125,124,125,.3) 100%);
    background-image: -moz-linear-gradient(left,rgba(255,255,255,0) 93%,rgba(125,124,125,.3) 100%);
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,0) 93%,rgba(125,124,125,.3) 100%);
    background-image: -ms-linear-gradient(left,rgba(255,255,255,0) 96%,rgba(125,124,125,.1) 30%,rgba(125,124,125,.3) 100%);
    background-image: -webkit-gradient(linear,left bottom,right bottom,color-stop(.93,rgba(255,255,255,0)),color-stop(1,rgba(125,124,125,.3)));
    background-size: 65% 100%;
    background-repeat: no-repeat;
    background-position: 100% 0
}

.flowpaper_shadow {
    -webkit-transition: -webkit-box-shadow .5s;
    -moz-transition: -moz-box-shadow .5s;
    -o-transition: -webkit-box-shadow .5s;
    -ms-transition: -ms-box-shadow .5s;
    -webkit-box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
    -ms-box-shadow: 0 0 10px #999;
    -o-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999
}

.flowpaper_tbbutton {
    float: left;
    margin-left: 1px;
    margin-bottom: 10px;
    margin-top: 6px;
    margin-right: 8px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    border: 1px solid transparent
}

.flowpaper_tbbutton_pressed {
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.flowpaper_tbbutton_disabled {
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.flowpaper_tbbutton_large {
    float: left;
    margin-left: 3px;
    margin-top: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    border: 1px solid transparent;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.flowpaper_tbbutton:hover {
    border: 1px solid #fff
}

.flowpaper_tbtextbutton {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    position: relative;
    float: left;
    margin-left: 2px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 3px;
    border: 1px solid transparent;
    font-family: Verdana;
    font-size: 10px;
    height: 14px;
    vertical-align: middle
}

.flowpaper_tbtextbutton:hover {
    border: 1px solid #496487;
    float: left;
    font-family: Verdana;
    font-size: 10px;
    cursor: default
}

.flowpaper_tbtextbutton_pressed {
    background-image: -ms-linear-gradient(bottom right,#c5e4fc 0,#b6c8df 100%);
    background-image: -moz-linear-gradient(bottom right,#c5e4fc 0,#b6c8df 100%);
    background-image: -o-linear-gradient(bottom right,#c5e4fc 0,#b6c8df 100%);
    background-image: -webkit-gradient(linear,right bottom,left top,color-stop(0,#c5e4fc),color-stop(1,#b6c8df));
    background-image: -webkit-linear-gradient(bottom right,#c5e4fc 0,#b6c8df 100%);
    background-image: linear-gradient(bottom right,#c5e4fc 0,#b6c8df 100%)
}

.flowpaper_tbbutton:active {
    background-image: url(data:image/png;base64,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)
}

.flowpaper_tbseparator {
    float: left;
    margin-top: 3px;
    padding-top: 1px;
    padding-left: 2px;
    padding-right: 2px
}

.flowpaper_tbseparator_large {
    float: left;
    padding-top: 3px;
    padding-left: 7px;
    padding-right: 7px
}

.flowpaper_tbbutton_fitmode_selected {
    background-color: #bbdaf3
}

.flowpaper_tbbutton_viewmode_selected {
    background-color: #bbdaf3
}

.flowpaper_tbbutton_cursormode_selected {
    background-color: #bbdaf3
}

.flowpaper_tbbutton_fullscreen_selected {
    background-color: #bbdaf3
}

.flowpaper_tbtextinput {
    float: left;
    font-family: Verdana;
    font-size: 10px;
    margin-top: 4px;
    height: 20px;
    border: 1px solid #888;
    padding: 3px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.flowpaper_tbtextinput_large {
    float: left;
    font-family: Verdana;
    font-size: 18px;
    margin-top: 7px;
    height: 31px;
    border: 1px solid #888;
    padding: 3px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.flowpaper_tblabel {
    color: #fff;
    float: left;
    font-family: Verdana;
    font-size: 10px;
    height: 14px;
    margin-top: 8px;
    margin-left: 5px;
    width: 29px;
    white-space: nowrap
}

.flowpaper_tblabel_large {
    float: left;
    font-family: Verdana;
    font-size: 18px;
    height: 29px;
    margin-top: 11px;
    margin-left: 5px;
    width: 59px;
    color: #fff
}

.flowpaper_tbloader {
    float: right;
    margin-top: 3px;
    margin-right: 3px
}

.flowpaper_slider {
    top: 8px;
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    width: 108px;
    position: relative;
    height: 12px;
    background-repeat: no-repeat
}

.flowpaper_slider .flowpaper_handle {
    position: absolute;
    width: 11px;
    height: 12px;
    color: #fff;
    line-height: 10px;
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALVJREFUeNpiYBgW4P////FAvB6I7/9HgPtQsXhSDdNHMwgXAKnRJ9Z1pIJ4fAba/ycf2OMy9D4Fht6nlrfxBwNQYD8VDN0PMosRydD/1EiGjCBAM0OB5skDqQeD2qXIEXWeChF1HmQWE5IlG6jg0A3oSUoeiN9T4Mr30LjByAD5FBiajy//zyfDwPnElFT1JBhYT0qZKg919Xsc4TcfaxgiZ1NChTaQEoByPwCT4kW6V0MAAQYAXpX7DjHxxq0AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.flowpaper_colorselector {
    float: left;
    border: 1px solid #555;
    width: 16px;
    height: 16px
}

.flowpaper_colorselector:hover {
    background-image: url(data:image/gif;base64,R0lGODlhBwAHAKEBAAAAAP///////////yH5BAEKAAEALAAAAAAHAAcAAAIMjA9nwMj9wmuLIlUAADs%3D);
    background-position: center;
    background-repeat: no-repeat
}

.flowpaper_colorselector_2 {
    float: left;
    border: 1px solid #555;
    width: 16px;
    height: 16px
}

.flowpaper_colorselector_2:hover {
    background-image: url(data:image/gif;base64,R0lGODlhBwAHAKEBAAAAAP///////////yH5BAEKAAEALAAAAAAHAAcAAAIMjA9nwMj9wmuLIlUAADs%3D);
    background-position: center;
    background-repeat: no-repeat
}

.flowpaper_printdialog_button {
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#ededed),color-stop(1,#dfdfdf));
    background: -moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777;
    font-family: arial;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff
}

.flowpaper_printdialog_button:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#dfdfdf),color-stop(1,#ededed));
    background: -moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf
}

.flowpaper_printdialog_button:active {
    position: relative;
    top: 1px
}

.flowpaper_socialshare_button {
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#ededed),color-stop(1,#dfdfdf));
    background: -moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777;
    font-family: arial;
    font-size: 10px;
    font-weight: 700;
    padding: 0 3px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff
}

.flowpaper_socialshare_button:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#dfdfdf),color-stop(1,#ededed));
    background: -moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf
}

.flowpaper_socialshare_button:active {
    position: relative;
    top: 1px
}

.flowpaper_printdialog td {
    font-size: 11px;
    border: 0;
    padding: 5px 5px 5px 5px
}

.flowpaper_searchabstract_result {
    vertical-align: middle;
    display: table-cell;
    font-family: Verdana;
    font-size: 10px;
    width: 100%;
    min-height: 40px;
    height: 40px;
    margin-bottom: 17px
}

.flowpaper_searchabstract_result:hover {
    background-color: #999;
    cursor: pointer
}

.flowpaper_mark_link {
    box-shadow: 0 2px 10px #ff0;
    opacity: .18;
    filter: alpha(opacity=18);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=18)";
    position: absolute;
    cursor: pointer;
    z-index: 99;
    -webkit-backface-visibility: hidden
}

.flowpaper_mark_video {
    position: absolute;
    cursor: pointer;
    z-index: 98;
    -webkit-backface-visibility: hidden
}

.flowpaper_mark_image {
    position: absolute;
    cursor: pointer;
    z-index: 98;
    -webkit-backface-visibility: hidden
}

.flowpaper_nojavascript_label {
    color: #888;
    font-family: Verdana;
    font-size: 10px;
    position: relative;
    left: 45%;
    top: 50%
}

.flowpaper_viewer_container>.modal-content {
    display: none
}

#simplemodal-overlay {
    background-color: #000;
    cursor: wait
}

#simplemodal-container {
    font: 11px/22px verdana,arial,sans-serif;
    height: 230px;
    width: 360px;
    color: #777;
    background-color: #fff;
    border: 1px solid #000
}

#simplemodal-container .simplemodal-data {
    padding: 8px
}

#simplemodal-container a {
    color: #000
}

#simplemodal-container a.modalCloseImg {
    background: url(data:image/gif;base64,R0lGODlhDQANAJEDAJCPkGZmZv///////yH5BAEAAAMALAAAAAANAA0AAAInXI4ZBu0PDpwSCOFuqxf3HWQdBj6fU1kjGqqeFrWwWk5PakeGogwFADs%3D) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: 10px;
    right: -5px;
    cursor: pointer
}

#simplemodal-container h3 {
    color: #84b8d9
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px
}

.jspCap {
    display: none;
    margin: 0;
    padding: 0
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: #bbb;
    position: relative
}

.jspDrag {
    background: #666;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: 0
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

.flowpaper_fisheye {
    display: block;
    top: 0;
    width: 100%;
    text-align: center;
    overflow: hidden
}

.flowpaper_fisheye ul {
    padding: 0;
    list-style: none;
    line-height: 198px;
    text-align: center;
    white-space: nowrap;
    display: inline-block
}

.flowpaper_fisheye ul:after,.flowpaper_fisheye ul:before {
    content: "";
    color: transparent;
    display: inline-block;
    width: 0;
    padding-top: 60px;
    margin-top: -60px;
    vertical-align: bottom
}

.flowpaper_fisheye li {
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: visible;
    padding-right: 1px
}

.flowpaper_fisheye li a {
    display: inline-block;
    text-align: center;
    position: relative;
    vertical-align: bottom;
    text-decoration: none;
    color: #fff;
    white-space: normal;
    letter-spacing: normal;
    line-height: 1.3em;
    text-align: center;
    font-family: Arial;
    padding-top: 40px;
    margin-bottom: 5px;
    overflow: visible;
    border: none
}

body.no_js .flowpaper_fisheye>li a:hover {
    width: 128px!important
}

.flowpaper_fisheye li a span {
    position: relative;
    line-height: 1.3em;
    display: none;
    text-align: center;
    font-weight: 700;
    font-size: 80%;
    padding: 4px 12px;
    margin: 0 auto;
    top: -35px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px
}

.flowpaper_fisheye canvas,.flowpaper_fisheye>li a img {
    height: auto;
    max-height: 100%;
    width: 100%;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
    position: absolute;
    left: 0;
    bottom: 10px;
    text-align: center;
    border: 0 none;
    margin-bottom: 15px
}

.flowpaper_fisheye_panelLeft,.flowpaper_fisheye_panelRight {
    height: auto;
    width: 100%;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
    position: absolute;
    left: 0;
    bottom: 10px;
    text-align: center;
    border: 0 none;
    margin-bottom: 15px
}

.piemenu_root {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: red;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flowpaper_publications {
    margin-bottom: 20px;
    perspective: 280px;
    transform-style: preserve-3d
}

.flowpaper_publication {
    width: 50%;
    display: inline-block;
    box-shadow: 5px 5px 20px rgba(51,51,51,0);
    margin: 10px
}

.flowpaper_publication img {
    vertical-align: middle
}

.flowpaper_publication_csstransforms3d .flowpaper_publications {
    -moz-perspective: 280px;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

.flowpaper_publication_csstransforms3d .flowpaper_publication {
    position: relative;
    outline: 1px solid transparent;
    -moz-perspective: 280px;
    -moz-transform: rotateY(-40deg);
    -webkit-transform: perspective(300) rotateY(-40deg);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    box-shadow: none;
    margin: 0
}

.flowpaper_publication_csstransforms3d .flowpaper_publication img {
    position: relative;
    max-width: 100%
}

.flowpaper_publication_csstransforms3d .flowpaper_publication:before {
    width: 100%;
    left: 5.5%;
    background-color: #777;
    box-shadow: 5px 5px 20px #333
}

.flowpaper_publication_csstransforms3d .flowpaper_publication:after,.flowpaper_publication_csstransforms3d .flowpaper_publication:before {
    position: absolute;
    top: 2%;
    height: 96%;
    content: ' ';
    z-index: -1
}

.flowpaper_publication_csstransforms3d .flowpaper_publication:after {
    width: 5%;
    left: 100%;
    background-color: #efefef;
    box-shadow: inset 0 0 5px #aaa;
    -moz-transform: rotateY(20deg);
    -webkit-transform: perspective(100) rotateY(20deg)
}

.flowpaper_htmldialog {
    font: 13px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #404040;
    position: relative;
    width: 280px;
    padding: 33px 25px 29px;
    background: #fff;
    border-bottom: 1px solid #c4c4c4;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.25);
    box-shadow: 0 1px 5px rgba(0,0,0,.25)
}

.flowpaper_htmldialog:after,.flowpaper_htmldialog:before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 10px;
    background: inherit;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 4px
}

.flowpaper_htmldialog:after {
    bottom: 3px;
    border-color: #dcdcdc
}

.flowpaper_htmldialog-title {
    margin: 0 -25px 25px;
    padding: 15px 25px;
    line-height: 35px;
    font-size: 20px;
    font-weight: 300;
    color: #aaa;
    text-align: center;
    text-shadow: 0 1px rgba(255,255,255,.75);
    background: #f7f7f7
}

.flowpaper_htmldialog-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: #aaa;
    border-radius: 5px 5px 0 0
}

.flowpaper_htmldialog-input {
    font-family: inherit;
    color: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    margin-bottom: 25px;
    padding: 0 15px 2px;
    font-size: 17px;
    background: #fff;
    border: 2px solid #ebebeb;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 -2px #ebebeb;
    box-shadow: inset 0 -2px #ebebeb
}

.flowpaper_htmldialog-input:focus {
    border-color: #62c2e4;
    outline: 0;
    -webkit-box-shadow: inset 0 -2px #62c2e4;
    box-shadow: inset 0 -2px #62c2e4
}

.flowpaper_htmldialog-lt-ie9 .flowpaper_htmldialog-input {
    line-height: 48px
}

.flowpaper_htmldialog-button {
    position: relative;
    vertical-align: top;
    width: 100%;
    height: 54px;
    padding: 0;
    font-size: 22px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.25);
    background: #f0776c;
    border: 0;
    border-bottom: 2px solid #d76b60;
    border-radius: 5px;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #d76b60;
    box-shadow: inset 0 -2px #d76b60
}

.flowpaper_htmldialog-button:active {
    top: 1px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.flowpaper_viewer::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

.flowpaper_viewer::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

@media print {
    .flowpaper_viewer>* {
        -webkit-print-color-adjust: exact;
        -moz-print-color-adjust: exact;
        -ms-print-color-adjust: exact;
        print-color-adjust: exact
    }

    .flowpaper_textarea_contenteditable {
        display: none
    }

    .flowpaper_note_textarea {
        border: 3px dashed #000
    }
}

.flowpaper_accordionLabel {
    color: #fff;
    font-family: Verdana;
    font-size: 10px
}

.flowpaper_accordionSkinClear,.flowpaper_accordionSkinClear ul {
    list-style: none;
    padding: 0;
    margin-top: 20px
}

.flowpaper_accordionSkinClear ul {
    display: none;
    margin: 0 0 0 10px
}

.flowpaper_accordionSkinClear li {
    list-style: none;
    padding: 5px 5px 5px 5px;
    line-height: 12px
}

.flowpaper_accordionSkinClear a {
    display: block;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    padding: 1px 0 1px 9px
}

.flowpaper_accordionSkinClear a:before {
    content: '';
    width: 0;
    height: 0;
    border: 0;
    border-top: 3px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 3px solid transparent;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0;
    margin: 0 4px 0 0
}

.flowpaper_accordionSkinClear a.harFull.harOpen:before {
    border: 0;
    border-left: 3px solid transparent;
    border-top: 4px solid #fff;
    border-right: 3px solid transparent;
    top: 7px
}

.flowpaper_accordionSkinClear a.harFull:before {
    border: 0;
    border-top: 3px solid transparent;
    border-left: 4px solid #fff;
    border-bottom: 3px solid transparent;
    top: 5px
}

.flowpaper_accordionSkinClear a:hover {
    text-decoration: underline
}

.flowpaper_accordionSkinClear a.cur {
    color: #fff
}

.flowpaper_accordionSkinClear a.harOpen {
    color: #fff
}

.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content,video-js .vjs-big-play-button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button:before,.video-js .vjs-control:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(font/VideoJS.eot?#iefix) format("eot")
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA4wAAoAAAAAFfAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBGNtYXAAAAE0AAAAOgAAAUriLxC2Z2x5ZgAAAXAAAAnnAAAO5OV/F/5oZWFkAAALWAAAACoAAAA2CsZ2fWhoZWEAAAuEAAAAGAAAACQOogcfaG10eAAAC5wAAAAPAAAAeNIAAABsb2NhAAALrAAAAD4AAAA+MMgtQm1heHAAAAvsAAAAHwAAACABLwB5bmFtZQAADAwAAAElAAACCtXH9aBwb3N0AAANNAAAAPkAAAF5vawAenicY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoyw7iLmSHCDOCCADu/Qo9AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/v8PUvCREUTzM0DVAwEjG8OIBwCOWgbUAAB4nI1XfVBU1xV/574vlsUlj/14grDs48FuAgaR3X2LEnY3UZSgEkTwAySAgkIwI8bRfFDjTszYCWRMW9lNa4y2meokmq+2k5ia0dpkmknbkWgSSW3GyaaNf0RTx0wxX7A3Pe/tQmIgHXf3vXvvueeee+45v3POXQYY/PCD/CBDGAYkIE2sxg+OXSJmhmH1OaFX6MU5C5PDMCZi5Rg2i+ELGSthwM14NCbgYGSBIZfhFA1H6Zu0OS0NDkMVfg+npdFm+maCvigI0JBIQIMg0BdJGdTj9ylj7nr+b97+Hl8C1+H2xNAvjPqxjIgaKtItICkSnIISeo40QQls4xxjlzgHsnGGvi7BxQiMlSlkPMhfCh67rAUEUQ6CHxW2O7JARCkKnlUQ7UEIyAEQZe4MdDW9xr5OPFuKbubpRxcPDY8da4MOelDfAYJLW+sGKn/Vlmjfv5+NdB4oOfTazJn3tGxZtL9xFNZX7PPRUbjcRg/SMB2EL+gblXn7shbO/WUbF9u/H5XQ9eKO8iMMr9tY35qYoRi20wGuXV/CHaGDk2fdgHwCk5HUXQpCcgHfBV2NjV3jkq4PHTSUSBwuOQALvxPAps6fiftk6P6yJpcm5bB4dFkgoh195mbiSTnkL3jupq7jh4ZZdvjQRVB4PPx3SsVTu5D/6kd85RU66ttXAeuuXYN1E/Y2sMMzZkZiZNRZlRS/ynr9Xr8Cql2RVNbutXslYo7B9ngsFqcDbCQO22PxeIxcpgMxkh6PjUdwkvw6hvRpZeoCFKshDQzJVr++DWyLx+hAXJcGp3TJMV1ME45xCNvHLsWRrpOZSduOoG0zERuIIwuIkhNkBREglQKLiODD45FQE0BTiE214xE2wp8zOt9NjH3GRtDMk7Ehoq2tzCzGxdyMEQJuD0qGIrQ58ApoWQE3D2h1h6zwuB14wYFIDAA5CZ11jT+92gFZ7B7/p7+hV8jFxBl4aG03wLiVXtBbCylLfIJzkPUAvWAw0yvsVdKdBbC6nnruP/RFkHqWJLZ2Auxdtgy+6qTf7l1WswTJcJ6mGVxwXj92UtfU2WXUNX+qBUCxK6D4FR4f/cufG1sZbiSkMcwdMdoxBxTTEXIp4SCXMNhHoFjvTTFP4vkoPReNRmPRCTwa+3qY0DR7qn7Vjh612wRRTaI04HWCnZ+gIzvS/ZJP0+mynphCui4hzmG0id6+aLSv2BV3FQMYDTHrlGQ/SZ+q4ZdF8aLa5Ar8GW3tVNKEj13cF0buMaesx1i9CL/Uo1tM0h+74o9HjQ+UcPaxy8mH9ccwK8KpKA3rHdIUjTKpfIBxuokpxUGBIILm84ATvHh8tAIe2iZj8KvYwUOXawHMVNgxZvlwSa0z8Zkokkxn3ey2nYTsbMO3mPh8cji7zklsPLD9a9f2s2w/uSt/FgSytWzw5bmS3PielU1P56aGrlz6NzlnbT8h/Wtb+1OxIqxBbC9g7kINUbtAEDxsKWSCe46eltCPmaiUxy2IrODIB8EmixaQrU4IAQ6THg6BFpAdWsCquT16DkL9ccIC/FGeP5AuiDExe8bx+QtzWVsmHcm0kdzqecdn5IhRkTc/zfNPm3ns5sw4Pq86l9gyofh6jkTF5iFChjYbbzZQWFvYb8qZAWyGiV9ya+5bFgnzpuWt3FuX8KYMmsiYZepPseBgGhZcOMt0+4Q8fDOTftJjHIuhdaLsFXFM9AclTi9jbGRq8ZvIOykZei77kfo53eoppVPovbGiyV63p/p/dkWETTjmhjTIm8RP284b04bcNYlRsvO6Gp2JeaiIueVHsgJGF2aASlCQLuG8EsBomzb++/AXmwhaOoLhL7iQ4/uc449gWJ56/XWDARn74v/PL1bRBB4TBEyYrqezSkUPHaWjPWCm13ogAzJ66LVpbTEuXccDZlyXxBQ/IrzKOPS7gAkkIyZ0N6joE6M246aDsO1kgucTJ/EdFWA5pbAcTfoSP4hJeBCni7nEn5IclL4kpDgmMMuH8Kpk0+WrBUIeKCyWS0nPVz7NW86Hnl55GxR5KB3+9tszL+wVRulXNTUn6D8SJvIl3PzP46eZST/tQTllTDXTzmxCaTYna7eJAqcWuD1ulBXQsMz5fQEBCfowCF5FVDF/2yysB9OW5veVEtRAFOy41FoeJEiAOZhDiFstsKAwJ8Hijs72q1jWvWx+uKU5XFZDLx189OK8ojW1u0By5dtLHUN/rwkte68PnhnYVbt0bvWiub9w1+f4C0L3hIuXZ8+xlVSt0eb3tgQsmVZnem5R3U0uf/fmFdqiLTvY3nPnet5/v4f9pLB6QX2krnnFQ1tXtN+2ePlAaUNWcfiWwrncn4ca9ml3hFeHHm+u2bq4MhxUZs3bMH/3jgaPUtlVunFjg2/8yRzf3cHsssKZqlnOqyCWworWykW9lXnspk0ffrjpfCreIpjPWbwnFxt3PAkcQgkUuH1auUMf+txJQ0hK1k1zsNaqQdaLMxfoq9AGGxtJQ+fGw53cE/TY8pWhJruZHiMAcCexFS/eGDp6hntiXGE/gvI7163b29ExfiHxNsnqub/a6/QmPoAn4GpZ2c9cZRX5/57IWUNYuubiQBAddhuxAKe6PA5vuV5dkk0VXkMM3zk42W3Awrgka8LQgjZY+tQIffd5+vnHasnHL/cczldyS4r79i6su6Nu9oPQ8lbaid2Pt9/bXtTTynevq7bkPkITV47d+3NugOzo4M3y77Zxbnb2nhWrl0T/kO4u3H1ig33e1lD6JDYjiKkCHOioF0pZv6T6gxxipxLNhFc8xERA48vq5ZfXdL/QV6c8W3PfwjIsZyI3Csvo72e4FpTVwTv/UYNAKtY+8MB84vogZ1Xr5lW38iJdPZ74xunzO4Gk7BARIkytjlyCoPVoIb3IluMfAYRhEoAO2aGXKc2TNAJaSwdzQEeq7jC7TWYF2Y2jrEIXlyVEhunBs5t7K62a7Z6qB0923/+vPT2v7mwpqV/mTEsTiCB5zz735HOP9VbVWtKKZK08uDJ7vcQN02HogGegY5iNnKUHh12ti9/zzHvsauy+tx+e375j94LuA64MV/5MQbZVNT95/re7jlxZVaVuW5Nffsd9TXfOpXcv6m2Bn3x6FgXg/oz+P0h/ce8g2mTEWxVTzzQzrTruNCcRdbu6VY87gLVXc4uSjXfosak7XxWM4oyl+ockmzCFhJXaGwK8e6sCW2T3sLmPnh5qSZtx9JHFL6QBHGnsTjdtWQ8PFygWtQTIkrI84NILfQSC65FUMFsnOYFHEoSmUCD49a4rt3985PTsd8GzB/5KEnzmhhORgVOZPM+yb5KmpRu38jQqviH6826Lrdrxx6DZdFPo2fVbTiy9AUpDJ3SxGYvpK7u+Rhz8D4BCxssAeJxjYGRgYABiwcIjbvH8Nl8ZuNkZQOBSiOgBZJqdASzOwcAEogDqtAdOAAB4nGNgZGBgZwCChWASxGZkQAVyABOTANd4nGNnYGBgHwAMADNUANMAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IAAHicY2BkYGCQY8hlYGcAASYg5gJCBob/YD4DABa6AakAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYE4CWlZSveFP8hHOY4gHhw79VLav68hMNOH6kG60mg5YhM22pr9b1vGMMEUM2TgyFGgxBwVbnCLBZZYYY07bHCPBzziCc94wSve8I4PbGeDFj/VydVSOakpG0T0VH1ZHXuq+xhoftHaHq+yV+21o1P7brWLWnvpiExNJpBb/i18q8D9ZxSOcj8oY8iVPjZBBU2+kGIIypokuqTI+cx3qXMq7Z6PQIsx1DYGrQxtLul50YV50rVcCiNJc0enX4qdkNRYe8j2g46+SIMHapXJw1GFdIWH2DfalQknZeTDWsRW2bqlBK3ORIz9AqJUapQAAAA=) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button,.video-js .vjs-play-control,.vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before,.vjs-icon-play:before {
    content: ""
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: ""
}

.video-js .vjs-play-control.vjs-playing,.vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing:before,.vjs-icon-pause:before {
    content: ""
}

.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0,.vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before,.vjs-icon-volume-mute:before {
    content: ""
}

.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1,.vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before,.vjs-icon-volume-low:before {
    content: ""
}

.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2,.vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before,.vjs-icon-volume-mid:before {
    content: ""
}

.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button,.vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before,.vjs-icon-volume-high:before {
    content: ""
}

.video-js .vjs-fullscreen-control,.vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control:before,.vjs-icon-fullscreen-enter:before {
    content: ""
}

.video-js.vjs-fullscreen .vjs-fullscreen-control,.vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control:before,.vjs-icon-fullscreen-exit:before {
    content: ""
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: ""
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: ""
}

.video-js .vjs-subtitles-button,.vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-subtitles-button:before,.vjs-icon-subtitles:before {
    content: ""
}

.video-js .vjs-captions-button,.vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button:before,.vjs-icon-captions:before {
    content: ""
}

.video-js .vjs-chapters-button,.vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button:before,.vjs-icon-chapters:before {
    content: ""
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: ""
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: ""
}

.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before {
    content: ""
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: ""
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: ""
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: ""
}

.video-js .vjs-control.vjs-close-button,.vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button:before,.vjs-icon-cancel:before {
    content: ""
}

.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay:before {
    content: ""
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: ""
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: ""
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: ""
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: ""
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: ""
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: ""
}

.video-js .vjs-descriptions-button,.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button:before,.vjs-icon-audio-description:before {
    content: ""
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial,Helvetica,sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100%!important;
    height: 100%!important
}

.video-js *,.video-js :after,.video-js :before {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100%!important;
    height: 100%!important;
    padding-top: 0!important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none!important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block!important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.video-js button {
    background: 0 0;
    border: 0;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;
    font-family: Arial,Helvetica,sans-serif
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li:focus,.vjs-menu li:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5)
}

.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43,51,63,.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7)
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s,opacity .1s;
    -moz-transition: visibility .1s,opacity .1s;
    -o-transition: visibility .1s,opacity .1s;
    transition: visibility .1s,opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s,opacity 1s;
    -moz-transition: visibility 1s,opacity 1s;
    -o-transition: visibility 1s,opacity 1s;
    transition: visibility 1s,opacity 1s
}

@media \0screen {
    .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
        visibility: hidden
    }
}

.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar {
    display: none!important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

@media \0screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
        content: ""
    }
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    outline: 0;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em
}

.vjs-live .vjs-progress-control {
    display: none
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.666666666666666666em
}

.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after,.video-js .vjs-progress-control:hover .vjs-time-tooltip {
    font-family: Arial,Helvetica,sans-serif;
    visibility: visible;
    font-size: .6em
}

.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-tooltip-progress-bar {
    position: absolute;
    display: block;
    height: .3em;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-js .vjs-mouse-display:before {
    display: none
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    position: absolute;
    top: -.333333333333333em;
    right: -.5em;
    font-size: .9em
}

.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after,.video-js .vjs-time-tooltip {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    right: -1.9em;
    font-size: .9em;
    color: #000;
    content: attr(data-current-time);
    padding: 6px 8px 8px;
    background-color: #fff;
    background-color: rgba(255,255,255,.8);
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em
}

.video-js .vjs-play-progress:after,.video-js .vjs-play-progress:before,.video-js .vjs-time-tooltip {
    z-index: 1
}

.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
    display: none
}

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115,133,159,.5)
}

.video-js .vjs-load-progress div {
    background: #fff;
    background: rgba(115,133,159,.75)
}

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-time-tooltip {
    display: inline-block;
    height: 2.4em;
    position: relative;
    float: right;
    right: -1.9em
}

.vjs-tooltip-progress-bar {
    visibility: hidden
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s,opacity 1s;
    -moz-transition: visibility 1s,opacity 1s;
    -o-transition: visibility 1s,opacity 1s;
    transition: visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none
}

.video-js .vjs-progress-control .vjs-mouse-display:after,.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,.8)
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5)
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: .5em;
    height: 8em
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content,.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,.vjs-volume-menu-button-vertical:focus .vjs-menu-content,.vjs-volume-menu-button-vertical:hover .vjs-menu-content {
    height: 8em;
    width: 2.9em
}

.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,.vjs-volume-menu-button-horizontal:hover .vjs-menu-content {
    height: 2.9em;
    width: 8em
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: transparent!important
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-poster img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-controls-disabled .vjs-poster {
    display: none
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-live .vjs-time-control {
    display: none
}

.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time {
    display: none
}

.video-js .vjs-duration,.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -moz-transform: translateY(-3em);
    -ms-transform: translateY(-3em);
    -o-transform: translateY(-3em);
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -moz-transform: translateY(-1.5em);
    -ms-transform: translateY(-1.5em);
    -o-transform: translateY(-1.5em);
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: 'X';
    font-family: Arial,Helvetica,sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43,51,63,.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
    display: block
}

.vjs-loading-spinner:after,.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button {
    display: none
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button {
    display: none
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control {
    display: none
}

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.75);
    color: #fff;
    margin: 0 auto;
    padding: .5em;
    height: 15em;
    font-size: 12px;
    width: 40em
}

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 2em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto
}

.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font {
    float: left
}

.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-controls:after,.vjs-caption-settings .vjs-tracksettings-font:after {
    clear: both
}

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em
}

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px
}

.vjs-caption-settings .vjs-tracksetting label {
    display: block;
    width: 100px;
    margin-bottom: 5px
}

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px
}

.vjs-caption-settings .vjs-tracksetting>div {
    margin-bottom: 5px;
    min-height: 20px
}

.vjs-caption-settings .vjs-tracksetting>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0
}

.vjs-caption-settings label>input {
    margin-right: 10px
}

.vjs-caption-settings input[type=button] {
    width: 40px;
    height: 40px
}

.video-js .vjs-modal-dialog {
    background: rgba(0,0,0,.8);
    background: -webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));
    background: linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.popover {
    position: absolute;
    z-index: 1000
}

.popover {
    opacity: 0;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: 0 5px 30px 10px rgba(0,0,0,.3)
}

.popover.show {
    opacity: 1
}

.popover-right {
    margin-left: -10px
}

.popover-left {
    margin-left: 10px
}

.popover-bottom {
    margin-top: -10px
}

.popover-top {
    margin-top: -10px
}

.popover-content {
    padding: 15px
}

.popover.open {
    -webkit-animation: open 0s linear .3s forwards;
    -o-animation: open 0s linear .3s forwards;
    animation: open 0s linear .3s forwards
}

@-webkit-keyframes open {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1
    }

    60% {
        transform: scale(1.1);
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes open {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1
    }

    60% {
        transform: scale(1.1);
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.popover-bottom.open {
    transform-origin: 50% -10px
}

.popover-left.open {
    transform-origin: 100% 50%
}

.popover-arrow,.popover-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover-arrow {
    border-width: 11px
}

.popover-bottom>.popover-arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #ddd;
    top: -11px
}

.popover-top>.popover-arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #ddd;
    bottom: -11px
}

.popover-right>.popover-arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #ddd
}

.popover-left>.popover-arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #ddd
}

.popover-arrow:after {
    border-width: 10px;
    content: ""
}

.popover-bottom>.popover-arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover-top>.popover-arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover-right>.popover-arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover-left>.popover-arrow:after {
    content: " ";
    right: 1px;
    bottom: -10px;
    border-right-width: 0;
    border-left-color: #fff
}

.popover-pushleft {
    margin-left: -100px
}

.popover-pushright {
    margin-left: 100px
}

.fancybox-enabled {
    overflow: hidden
}

.fancybox-enabled body {
    overflow: visible;
    -ms-touch-action: none;
    touch-action: none
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-container~.fancybox-container {
    z-index: 99992
}

.fancybox-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0f0f11;
    opacity: 0;
    transition-timing-function: cubic-bezier(.55,.06,.68,.19);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-container--ready .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    z-index: 99994;
    transition: opacity .2s;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    direction: ltr
}

.fancybox-show-controls .fancybox-controls {
    opacity: 1
}

.fancybox-infobar {
    display: none
}

.fancybox-show-infobar .fancybox-infobar {
    display: inline-block;
    pointer-events: all
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30,30,30,.7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox-buttons {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    pointer-events: all
}

.fancybox-show-buttons .fancybox-buttons {
    display: block
}

.fancybox-slider-wrap {
    overflow: hidden;
    direction: ltr
}

.fancybox-slider,.fancybox-slider-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: 0;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.fancybox-slide>* {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0 44px;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box;
    max-width: 600px;
    width: 80%
}

.fancybox-slide--image {
    overflow: hidden
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-content {
    display: inline-block;
    position: relative;
    margin: 44px auto;
    padding: 0;
    border: 0;
    width: 80%;
    height: calc(100% - 88px);
    vertical-align: middle;
    line-height: normal;
    text-align: left;
    white-space: normal;
    outline: 0;
    font-size: 16px;
    font-family: Arial,sans-serif;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch
}

.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe {
    background: 0 0
}

.fancybox-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: 0 0;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-image,.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    background: 0 0;
    background-size: 100% 100%
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-controls--canGrab .fancybox-placeholder {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-error {
    position: absolute;
    margin: 0;
    padding: 40px;
    top: 50%;
    left: 50%;
    width: 380px;
    max-width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif
}

.fancybox-close-small {
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    font: 21px/1 Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    cursor: pointer;
    background: #fff;
    transition: background .2s;
    box-sizing: border-box;
    z-index: 2
}

.fancybox-close-small:focus {
    outline: 1px dotted #888
}

.fancybox-slide--video .fancybox-close-small {
    top: -36px;
    right: -36px;
    background: 0 0
}

.fancybox-close-small:hover {
    color: #555;
    background: #eee
}

.fancybox-caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0 30px;
    z-index: 99998;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8) 100%);
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none
}

.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid rgba(255,255,255,.4);
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,.fancybox-caption button {
    pointer-events: all
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-button {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: 0 0;
    color: #fff;
    box-sizing: border-box;
    vertical-align: top;
    outline: 0
}

.fancybox-button--disabled {
    cursor: default;
    pointer-events: none
}

.fancybox-button,.fancybox-infobar__body {
    background: rgba(30,30,30,.6)
}

.fancybox-button:hover {
    background: rgba(0,0,0,.8)
}

.fancybox-button::after,.fancybox-button::before {
    content: '';
    pointer-events: none;
    position: absolute;
    border-color: #fff;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    box-sizing: border-box;
    display: inline-block
}

.fancybox-button--disabled::after,.fancybox-button--disabled::before {
    opacity: .5
}

.fancybox-button--left::after {
    left: 20px;
    top: 18px;
    width: 6px;
    height: 6px;
    background: 0 0;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.fancybox-button--right::after {
    right: 20px;
    top: 18px;
    width: 6px;
    height: 6px;
    background: 0 0;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--left {
    border-bottom-left-radius: 5px
}

.fancybox-button--right {
    border-bottom-right-radius: 5px
}

.fancybox-button--close {
    float: right
}

.fancybox-button--close::after,.fancybox-button--close::before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}

.fancybox-button--close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fancybox-loading {
    border: 6px solid rgba(100,100,100,.4);
    border-top: 6px solid rgba(255,255,255,.6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: fancybox-rotate .8s infinite linear;
    animation: fancybox-rotate .8s infinite linear;
    background: 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@media all and (max-width: 800px) {
    .fancybox-controls {
        text-align:left
    }

    .fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close) {
        display: none!important
    }

    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}

.fancybox-button--fullscreen::before {
    width: 15px;
    height: 11px;
    left: 15px;
    top: 16px;
    border: 2px solid;
    background: 0 0
}

.fancybox-button--play::before {
    top: 16px;
    left: 18px;
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px;
    background: 0 0
}

.fancybox-button--pause::before {
    top: 16px;
    left: 18px;
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px 0 2px;
    background: 0 0
}

.fancybox-button--thumbs span {
    font-size: 23px
}

.fancybox-button--thumbs::before {
    top: 20px;
    left: 21px;
    width: 3px;
    height: 3px;
    box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,0 0 0 32px inset,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0
}

.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap {
    right: 220px
}

.fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    z-index: 99993;
    word-break: normal;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

.fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0
}

.fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: 0;
    border: 5px solid #fff;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box
}

li.fancybox-thumbs-loading {
    background: rgba(0,0,0,.1)
}

.fancybox-thumbs>ul>li>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-thumbs>ul>li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all .2s cubic-bezier(.25,.46,.45,.94)
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    opacity: 1
}

@media all and (max-width: 800px) {
    .fancybox-thumbs {
        display:none!important
    }

    .fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap {
        right: 0
    }
}

.swiper-container {
    width: 100vw
}

.swiper-container .swiper-slide {
    margin-right: 10px
}

@media (min-width: 750px) {
    .swiper-container {
        width:100%
    }

    .swiper-container .swiper-slide {
        margin-right: 20px
    }
}

.search-container .swiper-container {
    height: 550px
}

.search-container .swiper-container .swiper-slide {
    width: 320px;
    overflow: hidden;
    transform-origin: 25% 25%;
    transition: all 560ms cubic-bezier(.895,.03,.685,.22);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    opacity: 0
}

.search-container .swiper-container .swiper-slide:nth-child(0) {
    transform: translate3d(0,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(0,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(0) {
        transform:translate3d(0,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(0,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(1) {
    transform: translate3d(-300px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-300px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(1) {
        transform:translate3d(-400px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-400px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(2) {
    transform: translate3d(-600px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-600px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(2) {
        transform:translate3d(-800px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-800px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(3) {
    transform: translate3d(-900px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-900px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(3) {
        transform:translate3d(-1200px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-1200px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(4) {
    transform: translate3d(-1200px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-1200px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(4) {
        transform:translate3d(-1600px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-1600px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(5) {
    transform: translate3d(-1500px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-1500px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(5) {
        transform:translate3d(-2000px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-2000px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(6) {
    transform: translate3d(-1800px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-1800px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(6) {
        transform:translate3d(-2400px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-2400px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(7) {
    transform: translate3d(-2100px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-2100px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(7) {
        transform:translate3d(-2800px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-2800px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(8) {
    transform: translate3d(-2400px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-2400px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(8) {
        transform:translate3d(-3200px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-3200px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(9) {
    transform: translate3d(-2700px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-2700px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(9) {
        transform:translate3d(-3600px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-3600px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(10) {
    transform: translate3d(-3000px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-3000px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(10) {
        transform:translate3d(-4000px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-4000px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(11) {
    transform: translate3d(-3300px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-3300px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(11) {
        transform:translate3d(-4400px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-4400px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(12) {
    transform: translate3d(-3600px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-3600px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(12) {
        transform:translate3d(-4800px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-4800px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(13) {
    transform: translate3d(-3900px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-3900px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(13) {
        transform:translate3d(-5200px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-5200px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(14) {
    transform: translate3d(-4200px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-4200px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(14) {
        transform:translate3d(-5600px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-5600px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(15) {
    transform: translate3d(-4500px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-4500px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(15) {
        transform:translate3d(-6000px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-6000px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(16) {
    transform: translate3d(-4800px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-4800px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(16) {
        transform:translate3d(-6400px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-6400px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(17) {
    transform: translate3d(-5100px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-5100px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(17) {
        transform:translate3d(-6800px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-6800px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(18) {
    transform: translate3d(-5400px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-5400px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(18) {
        transform:translate3d(-7200px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-7200px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(19) {
    transform: translate3d(-5700px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-5700px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(19) {
        transform:translate3d(-7600px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-7600px,0,0) scale3d(.95,.95,1)
    }
}

.search-container .swiper-container .swiper-slide:nth-child(20) {
    transform: translate3d(-6000px,0,0) scale3d(.95,.95,1);
    -webkit-transform: translate3d(-6000px,0,0) scale3d(.95,.95,1)
}

@media (min-width: 750px) {
    .search-container .swiper-container .swiper-slide:nth-child(20) {
        transform:translate3d(-8000px,0,0) scale3d(.95,.95,1);
        -webkit-transform: translate3d(-8000px,0,0) scale3d(.95,.95,1)
    }
}

@media (min-width: 750px) {
    .search-container .swiper-container {
        width:100%
    }

    .search-container .swiper-container .swiper-slide {
        width: 380px
    }
}

.search-container.show-results .swiper-slide {
    transition: all 560ms cubic-bezier(.165,.84,.44,1);
    opacity: 1!important;
    transform: translate3d(0,0,0) scale3d(1,1,1)!important
}

.page-footer .logo,.page-header .logo {
    padding-top: 10px;
    height: 52px;
    width: 240px
}

.page-footer .logo h1,.page-header .logo h1 {
    margin: 0
}

.page-footer .logo img,.page-header .logo img {
    width: 100%;
    max-width: 300px;
    display: block
}

@media (min-width: 1000px) {
    .page-footer .logo,.page-header .logo {
        width:260px;
        height: 90px;
        padding-top: 45px
    }
}

@media (min-width: 1000px) {
    .page-header .logo {
        padding-top:63px
    }

    .page-header .logo img {
        max-width: 262px
    }
}

a {
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    transition: all 560ms cubic-bezier(.165,.84,.44,1);
    color: #4a4a4a
}

a:hover {
    text-decoration: none;
    border-color: transparent
}

a:visited {
    color: #4a4a4a
}

.content-wrapper .content>p a {
    transition: all 560ms cubic-bezier(.165,.84,.44,1);
    border-bottom: 1px solid transparent;
    color: #a49660
}

.content-wrapper .content>p a:hover {
    border-bottom: 1px solid currentColor
}

a.corporate {
    background-color: #a49660
}

a.collections {
    border-color: #7457aa;
    background-color: #7457aa
}

a.library {
    border-color: #ec8035;
    background-color: #ec8035
}

a.coat-of-arms {
    border-color: #bf4d59;
    background-color: #bf4d59
}

a.surnames {
    border-color: #3d6ac7;
    background-color: #3d6ac7
}

a.pedigrees {
    border-color: #2d9758;
    background-color: #2d9758
}

a.who-was-who {
    border-color: #9b9b9b;
    background-color: #9b9b9b
}

a.btn-source {
    background-color: rgba(255,255,255,.3)
}

a.btn-source.corporate {
    color: #a49660
}

a.btn-source.corporate:focus,a.btn-source.corporate:hover {
    color: #fff;
    background-color: #a49660;
    border-color: #a49660
}

a.btn-source.collections {
    color: #7457aa
}

a.btn-source.collections:focus,a.btn-source.collections:hover {
    color: #fff;
    background-color: #7457aa;
    border-color: #7457aa
}

a.btn-source.library {
    color: #ec8035
}

a.btn-source.library:focus,a.btn-source.library:hover {
    color: #fff;
    background-color: #ec8035;
    border-color: #ec8035
}

a.btn-source.coat-of-arms {
    color: #bf4d59
}

a.btn-source.coat-of-arms:focus,a.btn-source.coat-of-arms:hover {
    color: #fff;
    background-color: #bf4d59;
    border-color: #bf4d59
}

a.btn-source.surnames {
    color: #3d6ac7
}

a.btn-source.surnames:focus,a.btn-source.surnames:hover {
    color: #fff;
    background-color: #3d6ac7;
    border-color: #3d6ac7
}

a.btn-source.pedigrees {
    color: #2d9758
}

a.btn-source.pedigrees:focus,a.btn-source.pedigrees:hover {
    color: #fff;
    background-color: #2d9758;
    border-color: #2d9758
}

a.btn-source.who-was-who {
    color: #fff
}

a.btn-source.who-was-who:focus,a.btn-source.who-was-who:hover {
    color: #4a4a4a;
    background-color: #fff;
    border-color: #fff
}

ol,ul {
    padding: 0 0 0 24px
}

.rich-text>ul {
    list-style-type: disc;
    margin-block-start:inherit;margin-block-end:inherit}

.page-link-list__item {
    display: flex;
    flex-direction: column;
    padding-bottom: 25px;
    margin-bottom: 25px
}

@media (min-width: 750px) {
    .page-link-list__item {
        flex-direction:row;
        align-items: flex-end
    }
}

.page-link-list__item:after {
    left: 0;
    right: 0
}

@media (min-width: 750px) {
    .page-link-list__item__type {
        width:15%;
        padding-right: 10px
    }
}

.page-link-list__item__title {
    margin: 0
}

main {
    background: url(/static/images/backgrounds/cbg_goudpatroon.png) #fff
}

main.collections {
    background-image: url(/static/images/backgrounds/cbg_patroon_verzameling.svg)
}

.show-hero-image main {
    background: #4a4a4a
}

.top-bar {
    display: none;
    border-top: 1px solid #fff;
    padding: 0 10px 10px;
    margin-left: -10px;
    margin-right: -10px;
    width: auto;
    background-color: #4a4a4a
}

.top-bar .label {
    padding: 10px 10px 5px
}

.top-bar .subdomains-container {
    margin-left: -3px
}

.top-bar .subdomains-container ul li {
    display: inline-block;
    margin: 0 3px 5px
}

.top-bar .subdomains-container ul li a {
    margin-bottom: 10px;
    padding: 0 12px 0 32px;
    position: relative;
    display: inline-block;
    color: #fff
}

.top-bar .subdomains-container ul li a:before {
    position: absolute;
    left: 12px;
    bottom: 1px;
    content: '\e900'
}

.top-bar .subdomains-container ul li a.who-was-who {
    padding-left: 12px
}

.top-bar .subdomains-container ul li a.who-was-who:before {
    display: none
}

@media (min-width: 1000px) {
    .top-bar {
        display:block;
        position: relative;
        z-index: 2000;
        border: 0;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        background-color: transparent
    }

    .top-bar .subdomains-container {
        margin-left: -15px
    }

    .top-bar .content-container {
        overflow: hidden;
        background: #4a4a4a
    }

    .top-bar .label {
        position: absolute;
        bottom: -40px;
        left: 50%;
        width: 130px;
        margin-left: -65px;
        text-align: center;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        background-color: #4a4a4a;
        cursor: pointer;
        pointer-events: auto;
        padding-bottom: 10px
    }

    .top-bar .label span {
        color: #fff;
        font-family: frescoregular,Georgia,"Times New Roman",Times,serif
    }

    .top-bar .subdomains-container {
        display: none;
        margin-left: 0
    }

    .top-bar .subdomains-container .subdomain-list {
        padding: 0;
        margin: 0;
        list-style-type: none;
        text-align: center;
        padding-top: 35px;
        margin-bottom: 30px
    }

    .top-bar .subdomains-container .subdomain-list li {
        margin: 0 8px 0 0
    }
}

.header-wrapper {
    position: relative;
    z-index: 1001
}

[data-access-level="0"] .page-header .btn-logged-in {
    display: none
}

[data-access-level="0"] .page-header .btn-logged-out {
    display: inline-block
}

[data-access-level="1"] .page-header .btn-logged-in,[data-access-level="2"] .page-header .btn-logged-in {
    display: inline-block
}

[data-access-level="1"] .page-header .btn-logged-out,[data-access-level="2"] .page-header .btn-logged-out {
    display: none
}

.page-header .nav-container {
    position: absolute;
    right: 0;
    top: 50px;
    background-color: #4a4a4a;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 480px
}

.page-header .nav-container .nav-toggle {
    position: absolute;
    top: -52px;
    right: 0;
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-color: transparent;
    transition: all 560ms cubic-bezier(.165,.84,.44,1)
}

.page-header .nav-container .nav-toggle:hover {
    text-decoration: none
}

.page-header .nav-container .nav-toggle:before {
    content: "\e901";
    line-height: 50px;
    font-size: 22px;
    text-align: center
}

.page-header .nav-container .subdomains-container,.page-header .nav-container .tools-container,.page-header .nav-container .top-bar {
    display: none;
    color: #fff
}

.page-header .nav-container .tools-container>.btn.btn-corporate {
    margin-bottom: 10px
}

.page-header .nav-container .subdomains-container ul,.page-header .nav-container .top-bar ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.page-header .nav-container .subdomains-container ul li,.page-header .nav-container .top-bar ul li {
    line-height: 42px
}

.page-header .nav-container .subdomains-container a,.page-header .nav-container .top-bar a {
    color: #fff;
    border-color: transparent
}

.page-header .nav-container .main-nav {
    display: none;
    color: #fff;
    padding-left: 10px
}

.page-header .nav-container .main-nav .nav-wrapper:after {
    content: " ";
    display: block;
    clear: both
}

.page-header .nav-container .main-nav .nav-wrapper>ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.page-header .nav-container .main-nav .nav-wrapper>ul>li {
    line-height: 42px
}

.page-header .nav-container .main-nav .nav-wrapper>ul>li a,.page-header .nav-container .main-nav .nav-wrapper>ul>li span {
    color: #fff;
    border-color: transparent
}

.page-header .nav-container .main-nav .nav-wrapper>ul>li:last-child .sub-nav {
    left: auto;
    right: 0
}

@media (min-width: 1000px) {
    .page-header .nav-container .main-nav .nav-wrapper>ul {
        margin-right:-10px
    }
}

.page-header .nav-container .main-nav a,.page-header .nav-container .main-nav span {
    font-family: alwynnemedium,alwynnelight,Arial,Helvetica,sans-serif
}

.page-header .nav-container .main-nav a:hover,.page-header .nav-container .main-nav span:hover {
    text-decoration: none;
    color: #a49660
}

.page-header .nav-container .main-nav .nav-wrapper>ul {
    margin-bottom: 10px
}

.page-header .nav-container .main-nav .nav-wrapper>ul>li {
    font-size: 16px
}

.page-header .nav-container .main-nav .nav-wrapper>ul>li:hover>a {
    color: #a49660
}

.page-header .nav-container .main-nav .nav-wrapper>ul>li .sub-nav {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: none;
    line-height: 20px
}

.page-header .nav-container .main-nav .nav-wrapper>ul>li .sub-nav li {
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px
}

.page-header .nav-container .main-nav .nav-wrapper>ul>li .sub-nav li.border-bottom {
    margin-bottom: 3px;
    padding-bottom: 0;
    border-bottom: 1px dashed #fff
}

.page-header .nav-container .main-nav .nav-wrapper>ul>li .sub-nav li.border-bottom a {
    padding: 9px 0
}

.page-header .nav-container .main-nav .nav-wrapper>ul>li .sub-nav a,.page-header .nav-container .main-nav .nav-wrapper>ul>li .sub-nav span {
    font-family: alwynnelight,Arial,Helvetica,sans-serif;
    display: inline-block;
    padding: 5px 0
}

.page-header .nav-container .main-nav .nav-wrapper>ul>li .sub-nav a:focus,.page-header .nav-container .main-nav .nav-wrapper>ul>li .sub-nav a:hover,.page-header .nav-container .main-nav .nav-wrapper>ul>li .sub-nav span:focus,.page-header .nav-container .main-nav .nav-wrapper>ul>li .sub-nav span:hover {
    color: #a49660
}

.page-header .nav-container .main-nav .nav-wrapper>ul>li.open .sub-nav {
    display: block
}

.page-header .nav-container .tools-container {
    padding-bottom: 10px;
    position: relative
}

.page-header .nav-container .tools-container .search-container-nav {
    position: relative
}

.page-header .nav-container .tools-container .search-container-nav .toggle {
    display: none
}

.page-header .nav-container .tools-container .search-container-nav .toggle:before {
    content: "\e903"
}

.page-header .nav-container .tools-container .search-container-nav .search-form {
    position: relative
}

.page-header .nav-container .tools-container .search-container-nav .search-form label {
    display: none
}

.page-header .nav-container .tools-container .search-container-nav .submit-container button,.page-header .nav-container .tools-container .search-container-nav .submit-container input,.page-header .nav-container .tools-container .search-container-nav .textfield-container button,.page-header .nav-container .tools-container .search-container-nav .textfield-container input {
    border: 0;
    outline: 0;
    color: #a49660;
    margin-bottom: 20px
}

.page-header .nav-container .tools-container .search-container-nav .submit-container input,.page-header .nav-container .tools-container .search-container-nav .textfield-container input {
    width: 100%;
    border-radius: 20px;
    height: 40px;
    padding: 0 11px
}

.page-header .nav-container .tools-container .search-container-nav .submit-container {
    position: absolute;
    top: 0;
    right: 0
}

.page-header .nav-container .tools-container .search-container-nav .submit-container button {
    background: 0 0;
    margin: 0
}

.page-header .nav-container .tools-container .search-container-nav .submit-container button:before {
    content: "\e903";
    position: absolute;
    top: 10px;
    right: 14px
}

.page-header .nav-container.show .nav-toggle {
    background-color: #a49660;
    color: #fff
}

.page-header .nav-container.show .main-nav,.page-header .nav-container.show .subdomains-container,.page-header .nav-container.show .tools-container,.page-header .nav-container.show .top-bar {
    display: block
}

.page-header .nav-container .top-bar .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.page-header .nav-container .size-container {
    margin-left: 11px;
    position: absolute;
    top: 6px;
    right: 14px
}

.page-header .nav-container .size-container a:hover {
    border-color: currentColor
}

.page-header .nav-container .size-container .fz-default,.page-header .nav-container .size-container .fz-large,.page-header .nav-container .size-container .fz-medium {
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif;
    text-transform: uppercase;
    color: #fff
}

.page-header .nav-container .size-container .fz-default {
    font-size: 16px
}

.fz-default .page-header .nav-container .size-container .fz-default {
    border-color: currentColor
}

.page-header .nav-container .size-container .fz-medium {
    font-size: 20px
}

.fz-medium .page-header .nav-container .size-container .fz-medium {
    border-color: currentColor
}

.page-header .nav-container .size-container .fz-large {
    font-size: 24px
}

.fz-large .page-header .nav-container .size-container .fz-large {
    border-color: currentColor
}

@media (min-width: 1000px) {
    .page-header .logo {
        width:33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-left: 0
    }

    .page-header .nav-container {
        width: 66.66667%;
        float: right;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        top: auto;
        right: auto;
        margin-left: -10px;
        margin-right: -10px;
        background-color: transparent;
        max-width: 100%
    }

    .page-header .nav-container .main-nav,.page-header .nav-container .subdomains-container,.page-header .nav-container .tools-container,.page-header .nav-container .top-bar {
        display: block
    }

    .page-header .nav-container .main-nav {
        display: block;
        color: #000;
        padding-left: 0;
        margin-top: 68px
    }

    .page-header .nav-container .main-nav .nav-wrapper:after {
        content: " ";
        display: block;
        clear: both
    }

    .page-header .nav-container .main-nav .nav-wrapper>ul {
        float: right
    }

    .page-header .nav-container .main-nav .nav-wrapper>ul>li {
        display: inline;
        padding-left: 5px;
        font-size: 20px
    }

    .page-header .nav-container .main-nav .nav-wrapper>ul>li.has-subnav>a,.page-header .nav-container .main-nav .nav-wrapper>ul>li.has-subnav>span {
        transition: none
    }

    .desktop-menu .page-header .nav-container .main-nav .nav-wrapper>ul>li.has-subnav:hover .sub-nav {
        display: block
    }

    .desktop-menu .page-header .nav-container .main-nav .nav-wrapper>ul>li.has-subnav:hover>a {
        background-color: #4a4a4a
    }

    .page-header .nav-container .main-nav .nav-wrapper>ul>li:hover>a {
        color: #a49660
    }

    .page-header .nav-container .main-nav .nav-wrapper>ul>li.hover.has-subnav>a,.page-header .nav-container .main-nav .nav-wrapper>ul>li.hover.has-subnav>span,.page-header .nav-container .main-nav .nav-wrapper>ul>li.open.has-subnav>a,.page-header .nav-container .main-nav .nav-wrapper>ul>li.open.has-subnav>span {
        background-color: #4a4a4a
    }

    .page-header .nav-container .main-nav .nav-wrapper>ul>li>a,.page-header .nav-container .main-nav .nav-wrapper>ul>li>span {
        display: inline-block;
        padding: 0 10px
    }

    .page-header .nav-container .main-nav .nav-wrapper>ul>li {
        position: relative
    }

    .page-header .nav-container .main-nav .nav-wrapper>ul>li .sub-nav {
        position: absolute;
        top: calc(100% + 5px);
        left: 5px;
        width: 175px;
        background-color: #4a4a4a;
        font-size: 18px;
        padding: 2px 0 5px 0
    }

    .page-header .nav-container .tools-container {
        position: absolute;
        top: 7px;
        right: 10px;
        width: 58.33333%;
        padding-bottom: 0
    }

    .page-header .nav-container .tools-container:after {
        content: " ";
        display: block;
        clear: both
    }

    .page-header .nav-container .tools-container .btn-logged-in-out,.page-header .nav-container .tools-container .btn-login {
        padding: 6px 20px;
        line-height: 1;
        float: right
    }

    .page-header .nav-container .tools-container .btn-login {
        display: inline-block
    }

    .page-header .nav-container .tools-container>.btn.btn-corporate {
        float: right
    }

    .page-header .nav-container .tools-container .search-container-nav {
        float: right;
        display: inline-block;
        margin-right: 10px;
        line-height: 1
    }

    .page-header .nav-container .tools-container .search-container-nav .toggle {
        display: block;
        color: #fff;
        cursor: pointer;
        border-radius: 15px;
        height: 30px;
        padding: 0 15px;
        border: 1px solid #a49660;
        background-color: #a49660;
        transition: all 560ms cubic-bezier(.165,.84,.44,1);
        line-height: 30px;
        font-size: 14px
    }

    .page-header .nav-container .tools-container .search-container-nav .toggle:hover {
        color: #a49660;
        background-color: #fff
    }

    .page-header .nav-container .tools-container .search-container-nav .form-container.foldout {
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        overflow: hidden
    }

    .page-header .nav-container .tools-container .search-container-nav .submit-container input,.page-header .nav-container .tools-container .search-container-nav .textfield-container input {
        width: 100%;
        border-radius: 15px;
        height: 30px;
        padding: 0 20px;
        border: 1px solid #a49660
    }

    .page-header .nav-container .tools-container .search-container-nav .submit-container button:before,.page-header .nav-container .tools-container .search-container-nav .textfield-container button:before {
        top: 8px;
        right: 16px;
        font-size: 14px
    }

    .page-header .nav-container .tools-container .search-container-nav.show .form-container.foldout {
        width: 200px;
        overflow: visible
    }

    .page-header .nav-container .tools-container .search-container-nav.show .form-container.foldout .foldout-toggle {
        display: none
    }

    .page-header .nav-container .top-bar .container-fluid {
        padding-left: 40px;
        padding-right: 40px
    }

    .page-header .nav-container .size-container {
        float: right;
        padding-right: 20px;
        line-height: 28px;
        margin-left: 0;
        position: static
    }
}

.footer-wrapper {
    background-color: #dfe0d8
}

.no-touch .footer-wrapper {
    position: fixed;
    z-index: -1;
    bottom: 0;
    width: 100%;
    height: 400px
}

.page-footer {
    padding: 10px 0;
    position: relative
}

.page-footer .logo {
    margin-bottom: 30px;
    padding-top: 5px
}

.page-footer .footer-nav .list-container ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-bottom: 20px
}

.page-footer .footer-nav .list-container ul li {
    font-size: 16px;
    line-height: 24px
}

.page-footer .footer-nav .list-container ul a {
    border-color: transparent
}

.page-footer .footer-nav .list-container ul a:hover {
    border-color: currentColor
}

.page-footer .footer-nav h2 {
    font-family: frescobold,Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px dashed #4a4a4a;
    margin-bottom: 12px;
    max-width: 160px
}

@media (min-width: 750px) {
    .page-footer:after {
        content:" ";
        display: block;
        clear: both
    }

    .page-footer .logo {
        float: left
    }

    .page-footer .footer-nav {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .page-footer .footer-nav .list-container {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .page-footer .footer-nav .list-container ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        margin-bottom: 20px
    }

    .page-footer .footer-nav h2 {
        max-width: none
    }
}

@media (min-width: 1000px) {
    .page-footer .logo {
        max-width:41.66667%;
        float: left;
        padding-top: 10px
    }

    .page-footer .footer-nav {
        width: 58.33333%;
        float: right;
        padding-left: 10px;
        padding-right: 10px
    }
}

.btn,a[class*=PIN_],span[class*=PIN_] {
    background-color: #a49660;
    border: 1px solid #a49660;
    color: #fff;
    font-size: 18px;
    padding: 0 10px;
    line-height: 40px;
    border-radius: 20px;
    transition: all 560ms cubic-bezier(.165,.84,.44,1);
    margin: 0 auto 2em;
    font-family: alwynnelight,Arial,Helvetica,sans-serif;
    display: inline-block;
    white-space: nowrap;
    line-height: 38px
}

.btn span,a[class*=PIN_] span,span[class*=PIN_] span {
    transition: all 560ms cubic-bezier(.165,.84,.44,1)
}

.no-touch .btn:hover,.no-touch a[class*=PIN_]:hover,.no-touch span[class*=PIN_]:hover {
    background-color: transparent;
    text-decoration: none
}

.no-touch .btn:hover span,.no-touch a[class*=PIN_]:hover span,.no-touch span[class*=PIN_]:hover span {
    color: #a49660
}

.btn.btn-ghost,a[class*=PIN_].btn-ghost,span[class*=PIN_].btn-ghost {
    color: #4a4a4a;
    border-color: currentColor;
    background-color: transparent;
    padding-left: 25px;
    padding-right: 25px
}

.btn.btn-ghost.active,.btn.btn-ghost:hover,a[class*=PIN_].btn-ghost.active,a[class*=PIN_].btn-ghost:hover,span[class*=PIN_].btn-ghost.active,span[class*=PIN_].btn-ghost:hover {
    color: #fff;
    background-color: #4a4a4a
}

.btn.btn-help,a[class*=PIN_].btn-help,span[class*=PIN_].btn-help {
    color: #fff;
    background-color: #4a90e2;
    border-color: #4a90e2
}

.btn.btn-help:hover,a[class*=PIN_].btn-help:hover,span[class*=PIN_].btn-help:hover {
    color: #4a90e2;
    background-color: transparent;
    border-color: #4a90e2
}

.banner-container .btn.btn-help:hover,.banner-container a[class*=PIN_].btn-help:hover,.banner-container span[class*=PIN_].btn-help:hover {
    background-color: rgba(255,255,255,.3)
}

.btn.btn-help.btn-ghost,a[class*=PIN_].btn-help.btn-ghost,span[class*=PIN_].btn-help.btn-ghost {
    color: #4a90e2;
    border-color: currentColor;
    background-color: transparent
}

.btn.btn-help.btn-ghost:hover,a[class*=PIN_].btn-help.btn-ghost:hover,span[class*=PIN_].btn-help.btn-ghost:hover {
    color: #fff;
    background-color: #4a90e2;
    border-color: #4a90e2
}

.btn.btn-to-left,.btn.btn-to-right,.btn.btn-to-search,.btn.btn-to-top,a[class*=PIN_].btn-to-left,a[class*=PIN_].btn-to-right,a[class*=PIN_].btn-to-search,a[class*=PIN_].btn-to-top,span[class*=PIN_].btn-to-left,span[class*=PIN_].btn-to-right,span[class*=PIN_].btn-to-search,span[class*=PIN_].btn-to-top {
    width: 60px;
    height: 40px;
    position: relative
}

.btn.btn-to-left:after,.btn.btn-to-left:before,.btn.btn-to-right:after,.btn.btn-to-right:before,.btn.btn-to-search:after,.btn.btn-to-search:before,.btn.btn-to-top:after,.btn.btn-to-top:before,a[class*=PIN_].btn-to-left:after,a[class*=PIN_].btn-to-left:before,a[class*=PIN_].btn-to-right:after,a[class*=PIN_].btn-to-right:before,a[class*=PIN_].btn-to-search:after,a[class*=PIN_].btn-to-search:before,a[class*=PIN_].btn-to-top:after,a[class*=PIN_].btn-to-top:before,span[class*=PIN_].btn-to-left:after,span[class*=PIN_].btn-to-left:before,span[class*=PIN_].btn-to-right:after,span[class*=PIN_].btn-to-right:before,span[class*=PIN_].btn-to-search:after,span[class*=PIN_].btn-to-search:before,span[class*=PIN_].btn-to-top:after,span[class*=PIN_].btn-to-top:before {
    display: block;
    width: 20px;
    height: 22px;
    cursor: pointer;
    position: absolute
}

.btn.btn-to-left:after,.btn.btn-to-right:after,.btn.btn-to-search:after,.btn.btn-to-top:after,a[class*=PIN_].btn-to-left:after,a[class*=PIN_].btn-to-right:after,a[class*=PIN_].btn-to-search:after,a[class*=PIN_].btn-to-top:after,span[class*=PIN_].btn-to-left:after,span[class*=PIN_].btn-to-right:after,span[class*=PIN_].btn-to-search:after,span[class*=PIN_].btn-to-top:after {
    color: #fff;
    transition: color 560ms cubic-bezier(.165,.84,.44,1)
}

.btn.btn-to-left:before,.btn.btn-to-right:before,.btn.btn-to-search:before,.btn.btn-to-top:before,a[class*=PIN_].btn-to-left:before,a[class*=PIN_].btn-to-right:before,a[class*=PIN_].btn-to-search:before,a[class*=PIN_].btn-to-top:before,span[class*=PIN_].btn-to-left:before,span[class*=PIN_].btn-to-right:before,span[class*=PIN_].btn-to-search:before,span[class*=PIN_].btn-to-top:before {
    color: #4a4a4a
}

.no-touch .btn.btn-to-left:focus,.no-touch .btn.btn-to-left:hover,.no-touch .btn.btn-to-right:focus,.no-touch .btn.btn-to-right:hover,.no-touch .btn.btn-to-search:focus,.no-touch .btn.btn-to-search:hover,.no-touch .btn.btn-to-top:focus,.no-touch .btn.btn-to-top:hover,.no-touch a[class*=PIN_].btn-to-left:focus,.no-touch a[class*=PIN_].btn-to-left:hover,.no-touch a[class*=PIN_].btn-to-right:focus,.no-touch a[class*=PIN_].btn-to-right:hover,.no-touch a[class*=PIN_].btn-to-search:focus,.no-touch a[class*=PIN_].btn-to-search:hover,.no-touch a[class*=PIN_].btn-to-top:focus,.no-touch a[class*=PIN_].btn-to-top:hover,.no-touch span[class*=PIN_].btn-to-left:focus,.no-touch span[class*=PIN_].btn-to-left:hover,.no-touch span[class*=PIN_].btn-to-right:focus,.no-touch span[class*=PIN_].btn-to-right:hover,.no-touch span[class*=PIN_].btn-to-search:focus,.no-touch span[class*=PIN_].btn-to-search:hover,.no-touch span[class*=PIN_].btn-to-top:focus,.no-touch span[class*=PIN_].btn-to-top:hover {
    border-color: #a49660;
    background-color: #fff
}

.no-touch .btn.btn-to-left:focus:before,.no-touch .btn.btn-to-left:hover:before,.no-touch .btn.btn-to-right:focus:before,.no-touch .btn.btn-to-right:hover:before,.no-touch .btn.btn-to-search:focus:before,.no-touch .btn.btn-to-search:hover:before,.no-touch .btn.btn-to-top:focus:before,.no-touch .btn.btn-to-top:hover:before,.no-touch a[class*=PIN_].btn-to-left:focus:before,.no-touch a[class*=PIN_].btn-to-left:hover:before,.no-touch a[class*=PIN_].btn-to-right:focus:before,.no-touch a[class*=PIN_].btn-to-right:hover:before,.no-touch a[class*=PIN_].btn-to-search:focus:before,.no-touch a[class*=PIN_].btn-to-search:hover:before,.no-touch a[class*=PIN_].btn-to-top:focus:before,.no-touch a[class*=PIN_].btn-to-top:hover:before,.no-touch span[class*=PIN_].btn-to-left:focus:before,.no-touch span[class*=PIN_].btn-to-left:hover:before,.no-touch span[class*=PIN_].btn-to-right:focus:before,.no-touch span[class*=PIN_].btn-to-right:hover:before,.no-touch span[class*=PIN_].btn-to-search:focus:before,.no-touch span[class*=PIN_].btn-to-search:hover:before,.no-touch span[class*=PIN_].btn-to-top:focus:before,.no-touch span[class*=PIN_].btn-to-top:hover:before {
    color: #a49660
}

.btn.btn-to-left,.btn.btn-to-right,a[class*=PIN_].btn-to-left,a[class*=PIN_].btn-to-right,span[class*=PIN_].btn-to-left,span[class*=PIN_].btn-to-right {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    top: 250px;
    width: 50px
}

.btn.btn-to-left span.icon,.btn.btn-to-right span.icon,a[class*=PIN_].btn-to-left span.icon,a[class*=PIN_].btn-to-right span.icon,span[class*=PIN_].btn-to-left span.icon,span[class*=PIN_].btn-to-right span.icon {
    transform: rotate(-90deg);
    display: block;
    width: 24px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 0
}

.btn.btn-to-left span.icon:after,.btn.btn-to-left span.icon:before,.btn.btn-to-right span.icon:after,.btn.btn-to-right span.icon:before,a[class*=PIN_].btn-to-left span.icon:after,a[class*=PIN_].btn-to-left span.icon:before,a[class*=PIN_].btn-to-right span.icon:after,a[class*=PIN_].btn-to-right span.icon:before,span[class*=PIN_].btn-to-left span.icon:after,span[class*=PIN_].btn-to-left span.icon:before,span[class*=PIN_].btn-to-right span.icon:after,span[class*=PIN_].btn-to-right span.icon:before {
    width: 20px;
    height: 22px;
    cursor: pointer;
    position: absolute
}

.btn.btn-to-left span.icon:before,.btn.btn-to-right span.icon:before,a[class*=PIN_].btn-to-left span.icon:before,a[class*=PIN_].btn-to-right span.icon:before,span[class*=PIN_].btn-to-left span.icon:before,span[class*=PIN_].btn-to-right span.icon:before {
    content: "\e909";
    color: #a49660;
    top: 9px;
    left: 0;
    font-size: 15px;
    color: #fff
}

.btn.btn-to-left span.icon:after,.btn.btn-to-right span.icon:after,a[class*=PIN_].btn-to-left span.icon:after,a[class*=PIN_].btn-to-right span.icon:after,span[class*=PIN_].btn-to-left span.icon:after,span[class*=PIN_].btn-to-right span.icon:after {
    content: "\e90a";
    top: 6px;
    left: 9px;
    font-size: 16px;
    color: #4a4a4a
}

.show-results.search-container .btn.btn-to-left,.show-results.search-container .btn.btn-to-right,.show-results.search-container a[class*=PIN_].btn-to-left,.show-results.search-container a[class*=PIN_].btn-to-right,.show-results.search-container span[class*=PIN_].btn-to-left,.show-results.search-container span[class*=PIN_].btn-to-right {
    pointer-events: auto;
    opacity: 1
}

.no-touch .btn.btn-to-left:hover span.icon:before,.no-touch .btn.btn-to-right:hover span.icon:before,.no-touch a[class*=PIN_].btn-to-left:hover span.icon:before,.no-touch a[class*=PIN_].btn-to-right:hover span.icon:before,.no-touch span[class*=PIN_].btn-to-left:hover span.icon:before,.no-touch span[class*=PIN_].btn-to-right:hover span.icon:before {
    color: #a49660
}

.show-results .btn.btn-to-left.swiper-button-disabled,.show-results .btn.btn-to-right.swiper-button-disabled,.show-results a[class*=PIN_].btn-to-left.swiper-button-disabled,.show-results a[class*=PIN_].btn-to-right.swiper-button-disabled,.show-results span[class*=PIN_].btn-to-left.swiper-button-disabled,.show-results span[class*=PIN_].btn-to-right.swiper-button-disabled {
    opacity: 0
}

touch .btn.btn-to-left,touch .btn.btn-to-right,touch a[class*=PIN_].btn-to-left,touch a[class*=PIN_].btn-to-right,touch span[class*=PIN_].btn-to-left,touch span[class*=PIN_].btn-to-right {
    display: none
}

.btn.btn-to-left,a[class*=PIN_].btn-to-left,span[class*=PIN_].btn-to-left {
    left: 10px
}

.show-results .btn.btn-to-left.swiper-button-disabled,.show-results a[class*=PIN_].btn-to-left.swiper-button-disabled,.show-results span[class*=PIN_].btn-to-left.swiper-button-disabled {
    opacity: 1
}

.btn.btn-to-left span.icon,a[class*=PIN_].btn-to-left span.icon,span[class*=PIN_].btn-to-left span.icon {
    transform: rotate(-90deg);
    left: 6px;
    right: auto
}

@media (min-width: 750px) {
    .btn.btn-to-left,a[class*=PIN_].btn-to-left,span[class*=PIN_].btn-to-left {
        left:0
    }
}

.btn.btn-to-right,a[class*=PIN_].btn-to-right,span[class*=PIN_].btn-to-right {
    right: 10px
}

.btn.btn-to-right span.icon,a[class*=PIN_].btn-to-right span.icon,span[class*=PIN_].btn-to-right span.icon {
    transform: rotate(90deg);
    left: auto;
    right: 6px
}

@media (min-width: 750px) {
    .btn.btn-to-right,a[class*=PIN_].btn-to-right,span[class*=PIN_].btn-to-right {
        right:20px
    }
}

.btn.btn-to-top:before,a[class*=PIN_].btn-to-top:before,span[class*=PIN_].btn-to-top:before {
    content: "\e909";
    color: #fff;
    top: 11px;
    left: 8px
}

.btn.btn-to-top:after,a[class*=PIN_].btn-to-top:after,span[class*=PIN_].btn-to-top:after {
    content: "\e90a";
    top: 6px;
    left: 16px;
    font-size: 16px;
    color: #4a4a4a
}

@media (min-width: 1000px) {
    .btn.btn-to-top:before,a[class*=PIN_].btn-to-top:before,span[class*=PIN_].btn-to-top:before {
        left:14px
    }

    .btn.btn-to-top:after,a[class*=PIN_].btn-to-top:after,span[class*=PIN_].btn-to-top:after {
        left: 25px;
        font-size: 22px
    }
}

.btn.btn-to-search:before,a[class*=PIN_].btn-to-search:before,span[class*=PIN_].btn-to-search:before {
    content: "\e900";
    top: 14px;
    left: 22px;
    font-size: 12px;
    transform: rotate(16deg)
}

.btn.btn-to-search:after,a[class*=PIN_].btn-to-search:after,span[class*=PIN_].btn-to-search:after {
    content: "\e905";
    top: 9px;
    left: 14px;
    font-size: 24px
}

.no-touch .btn.btn-to-search:focus:before,.no-touch .btn.btn-to-search:hover:before,.no-touch a[class*=PIN_].btn-to-search:focus:before,.no-touch a[class*=PIN_].btn-to-search:hover:before,.no-touch span[class*=PIN_].btn-to-search:focus:before,.no-touch span[class*=PIN_].btn-to-search:hover:before {
    color: #4a4a4a
}

.no-touch .btn.btn-to-search:focus:after,.no-touch .btn.btn-to-search:hover:after,.no-touch a[class*=PIN_].btn-to-search:focus:after,.no-touch a[class*=PIN_].btn-to-search:hover:after,.no-touch span[class*=PIN_].btn-to-search:focus:after,.no-touch span[class*=PIN_].btn-to-search:hover:after {
    color: #a49660!important
}

.btn.bg-dark,a[class*=PIN_].bg-dark,span[class*=PIN_].bg-dark {
    background-color: #4a4a4a;
    border-color: #4a4a4a;
    color: #fff
}

.btn.bg-dark:hover,a[class*=PIN_].bg-dark:hover,span[class*=PIN_].bg-dark:hover {
    color: #4a4a4a;
    border-color: #4a4a4a;
    background-color: #fff
}

.btn.bg-light,a[class*=PIN_].bg-light,span[class*=PIN_].bg-light {
    background-color: #fff;
    border-color: #fff;
    color: #4a4a4a
}

.btn.bg-light:hover,a[class*=PIN_].bg-light:hover,span[class*=PIN_].bg-light:hover {
    color: #fff;
    border-color: #fff;
    background-color: #4a4a4a
}

.btn.btn-corporate,a[class*=PIN_].btn-corporate,span[class*=PIN_].btn-corporate {
    background-color: #a49660;
    border-color: #a49660;
    color: #fff;
    line-height: 1;
    padding: 6px 20px;
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif;
    margin: 0;
    display: inline-block;
    text-align: center
}

.btn.btn-corporate:hover,a[class*=PIN_].btn-corporate:hover,span[class*=PIN_].btn-corporate:hover {
    background-color: #fff;
    border-color: #a49660;
    color: #a49660
}

.btn.btn-corporate,a[class*=PIN_].btn-corporate,span[class*=PIN_].btn-corporate {
    background-color: #a49660;
    border-color: #a49660;
    color: #fff;
    line-height: 1;
    padding: 6px 20px;
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif;
    margin: 0;
    display: inline-block;
    text-align: center
}

.btn.btn-corporate:hover,a[class*=PIN_].btn-corporate:hover,span[class*=PIN_].btn-corporate:hover {
    background-color: #fff;
    border-color: #a49660;
    color: #a49660
}

.background-hero-image>.btn,.picture-container>.btn,.picture-container>.wrapper>.btn,.picture-container>a[class*=PIN_],.picture-wrapper>.btn,picture>.btn {
    position: absolute;
    bottom: 0;
    right: 10px;
    border-color: currentColor;
    background-color: rgba(255,255,255,.3);
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 10px;
    pointer-events: auto;
    transition: background-color 560ms cubic-bezier(.165,.84,.44,1)
}

.background-hero-image>.btn.btn-source,.picture-container>.btn.btn-source,.picture-container>.wrapper>.btn.btn-source,.picture-container>a[class*=PIN_].btn-source,.picture-wrapper>.btn.btn-source,picture>.btn.btn-source {
    padding-left: 32px
}

.background-hero-image>.btn.btn-source:before,.picture-container>.btn.btn-source:before,.picture-container>.wrapper>.btn.btn-source:before,.picture-container>a[class*=PIN_].btn-source:before,.picture-wrapper>.btn.btn-source:before,picture>.btn.btn-source:before {
    content: '\e900';
    position: absolute;
    bottom: 1px;
    left: 12px
}

.btn-source-container {
    position: absolute;
    right: 10px;
    top: 350px
}

.btn-source-container .btn {
    position: relative;
    top: auto;
    right: auto
}

.page-theme .btn-source-container {
    top: auto;
    bottom: 0
}

.btn-menu-container {
    display: inline-block;
    z-index: 1;
    margin-bottom: 10px
}

.btn-menu-container input {
    display: none
}

.btn-menu-container .btn-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.btn-menu-container .btn-menu li {
    margin: 0 5px 5px
}

.btn-menu-container .btn-menu li:nth-child(1) {
    margin-top: 10px
}

.btn-menu-container .btn-menu .btn.btn-corporate {
    display: block;
    position: relative
}

.btn-menu-container .sso-premium {
    display: none;
    white-space: nowrap;
    top: 26px;
    left: 20px;
    text-align: left;
    font-family: frescobold,Georgia,"Times New Roman",Times,serif;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    margin: 0;
    opacity: 1;
    position: absolute;
    z-index: 3;
    transition: opacity .1s linear 0s;
    pointer-events: none
}

[data-access-level="1"] .btn-menu-container .sso-premium,[data-access-level="2"] .btn-menu-container .sso-premium {
    display: block
}

[data-access-level="1"] .btn-menu-container>.btn.btn-corporate,[data-access-level="2"] .btn-menu-container>.btn.btn-corporate {
    margin-bottom: 5px
}

@media (max-width: 1000px) {
    .btn-menu-container>.btn.btn-corporate {
        background-color:transparent;
        border-color: transparent;
        color: #a49660;
        pointer-events: none;
        cursor: default;
        margin-bottom: -5px
    }

    .btn-menu-container .btn.btn-corporate {
        text-align: left
    }
}

@media (min-width: 1000px) {
    .btn-menu-container {
        border-radius:0;
        position: relative;
        float: right
    }

    .btn-menu-container input {
        display: block;
        width: 100%;
        height: 32px;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
        -webkit-touch-callout: none
    }

    .btn-menu-container .btn-menu {
        background-color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
        padding: 32px 0 0;
        pointer-events: none;
        opacity: 0;
        transition: transform .4s cubic-bezier(.165,.84,.44,1),opacity .2s linear 50ms;
        transform-origin: right 16px 0;
        transform: scale3d(.4,0,1) translate3d(0,0,0);
        box-shadow: -2px 3px 6px 0 rgba(0,0,0,.2)
    }

    .btn-menu-container .sso-premium {
        color: #a49660;
        background-color: #4a4a4a;
        border-radius: 0 0 16px 16px;
        padding: 22px 0 5px 0;
        top: 16px;
        left: -1px;
        right: -1px;
        text-align: center;
        z-index: -1
    }

    .btn-menu-container>.btn {
        pointer-events: auto;
        position: relative;
        padding-right: 40px;
        text-align: right
    }

    .btn-menu-container>.btn:after {
        content: '';
        position: absolute;
        right: 16px;
        top: 12px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: #fff transparent transparent transparent;
        transition: transform .4s cubic-bezier(.165,.84,.44,1) .2s
    }

    .btn-menu-container input:checked~.btn-menu {
        transition: transform .4s cubic-bezier(.165,.84,.44,1),opacity 50ms linear 50ms;
        transform: scale3d(1,1,1) translate3d(0,0,0);
        pointer-events: auto;
        opacity: 1;
        z-index: -1
    }

    .btn-menu-container input:hover+.btn {
        background-color: #fff;
        border-color: #a49660;
        color: #a49660
    }

    .btn-menu-container input:hover+.btn:after {
        border-color: #a49660 transparent transparent transparent
    }

    .btn-menu-container input:checked+.btn:after {
        z-index: 1;
        transform: rotate(180deg);
        border-color: #a49660 transparent transparent transparent
    }

    .btn-menu-container input:checked+.btn {
        background-color: #fff;
        color: #a49660;
        border-color: #fff
    }
}

a[class*=PIN_],span[class*=PIN_] {
    display: block;
    color: #4a4a4a;
    height: 40px!important;
    width: 60px!important;
    text-align: center;
    border-color: #4a4a4a;
    background-image: none!important;
    transition: all 560ms cubic-bezier(.165,.84,.44,1);
    cursor: pointer;
    pointer-events: auto
}

a[class*=PIN_]:before,span[class*=PIN_]:before {
    content: "\e908";
    font-size: 24px;
    line-height: 40px
}

a[class*=PIN_]:focus,a[class*=PIN_]:hover,span[class*=PIN_]:focus,span[class*=PIN_]:hover {
    background-color: #4a4a4a;
    color: #fff
}

.button-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    overflow: hidden
}

.button-list:after {
    content: " ";
    display: block;
    clear: both
}

.button-list li {
    display: inline
}

.button-list li .btn {
    margin-bottom: 16px;
    margin-right: 6px
}

.button-container {
    float: none;
    clear: both
}

.search-form .button-container {
    clear: none
}

.banner-container .button-container .btn {
    margin-right: 6px
}

form ::-webkit-input-placeholder {
    color: #a49660
}

form ::-moz-placeholder {
    color: #a49660
}

form :-moz-placeholder {
    color: #a49660
}

form :-ms-input-placeholder {
    color: #a49660
}

form .textfield-container {
    position: relative
}

form input {
    font-family: alwynnelight,Arial,Helvetica,sans-serif;
    color: #4a4a4a
}

form input:focus,form textarea:focus {
    outline: 0;
    -webkit-appearance: none
}

form input[type=text]::-ms-clear {
    display: none
}

form .close-icon {
    border: 1px solid transparent;
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    position: absolute;
    background-color: transparent;
    z-index: 1;
    right: 20px;
    top: 0;
    bottom: 0;
    font-size: 20px
}

form .close-icon:after,form .close-icon:before {
    content: "\e900";
    display: block;
    width: 20px;
    height: 22px;
    color: #4a4a4a;
    cursor: pointer;
    position: absolute;
    font-size: 23px
}

form .close-icon:after {
    transform: rotate(-30deg);
    top: 9px;
    right: 0
}

form .close-icon:before {
    color: #a49660;
    transform: rotate(65deg);
    top: 7px;
    right: -1px
}

form .form-control:not(:valid)~.close-icon {
    display: none
}

.form-field {
    margin-bottom: 30px
}

.form-field>label {
    font-family: alwynnemedium,alwynnelight,Arial,Helvetica,sans-serif;
    display: inline-block;
    width: 100%
}

.form-field select {
    -webkit-appearance: none;
    -moz-appearance: none
}

.form-field input[type=checkbox] {
    -webkit-appearance: checkbox
}

.form-field input[type=radio] {
    -webkit-appearance: radio
}

.form-field input[type=checkbox]:active,.form-field input[type=checkbox]:focus,.form-field input[type=radio]:active,.form-field input[type=radio]:focus {
    border-color: transparent;
    outline: 3px solid #4a90e2
}

.form-field [type=email],.form-field [type=number],.form-field [type=password],.form-field [type=text],.form-field [type=url],.form-field select,.form-field textarea {
    font-family: inherit;
    font-size: inherit;
    border: 1px solid #646464;
    border-radius: 0;
    color: #646464;
    padding: 10px 10px;
    width: 100%
}

.form-field [type=email]:hover,.form-field [type=number]:hover,.form-field [type=password]:hover,.form-field [type=text]:hover,.form-field [type=url]:hover,.form-field select:hover,.form-field textarea:hover {
    color: #4a4a4a;
    border-color: #000
}

.form-field [type=email][disabled],.form-field [type=number][disabled],.form-field [type=password][disabled],.form-field [type=text][disabled],.form-field [type=url][disabled],.form-field select[disabled],.form-field textarea[disabled] {
    color: #f5f5f5
}

.form-field [type=email]:active,.form-field [type=email]:focus,.form-field [type=number]:active,.form-field [type=number]:focus,.form-field [type=password]:active,.form-field [type=password]:focus,.form-field [type=text]:active,.form-field [type=text]:focus,.form-field [type=url]:active,.form-field [type=url]:focus,.form-field select:active,.form-field select:focus,.form-field textarea:active,.form-field textarea:focus {
    border-color: transparent;
    outline: 3px solid #4a90e2
}

.form-field ul {
    list-style: none;
    margin: 5px 0;
    padding: 0;
    display: flex
}

.form-field li {
    margin-right: 30px
}

.form-field .help-text {
    font-family: alwynnelightitalic,alwynnelight,Arial,Helvetica,sans-serif;
    font-size: 14px;
    display: block;
    margin-bottom: 5px
}

.form-field--select .field-wrapper {
    position: relative
}

.form-field--select .field-wrapper:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #000 transparent transparent transparent;
    right: 14px;
    top: calc(50% - 4px)
}

.form-field--checkboxinput {
    position: relative
}

.form-field--checkboxinput .field-wrapper {
    position: absolute;
    left: 0;
    top: 0
}

.form-field--checkboxinput .help-text,.form-field--checkboxinput label {
    margin-left: 30px
}

.form-field .errorlist {
    margin: 0;
    display: block
}

form .errorlist {
    font-family: alwynnemedium,alwynnelight,Arial,Helvetica,sans-serif;
    color: #bf4d59
}

.table {
    margin: 0 0 28px 0;
    width: 100%
}

.table tr td {
    transition: all .15s ease-in-out
}

.table th {
    font-family: alwynnemedium,alwynnelight,Arial,Helvetica,sans-serif;
    font-size: 16px
}

.table td,.table th {
    text-align: left;
    padding: 10px 10px 10px 0;
    border-bottom: 1px dashed currentColor
}

.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th {
    background-color: #f9f9f9
}

.table-striped>tbody>tr:hover>td,.table-striped>tbody>tr:hover>th {
    background-color: #e2e2e2
}

.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #333
}

.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>th {
    border-bottom: 2px solid #333
}

.table-hovered>tbody>tr:hover>td,.table-hovered>tbody>tr:hover>th {
    background-color: #e2e2e2
}

.responsive-table {
    width: 100%;
    height: auto!important;
    max-width: 100%;
    margin-bottom: 24px
}

.responsive-table>tbody>tr>td,.responsive-table>tbody>tr>th,.responsive-table>tfoot>tr>td,.responsive-table>tfoot>tr>th,.responsive-table>thead>tr>td,.responsive-table>thead>tr>th {
    padding: 12px;
    line-height: 24px;
    vertical-align: top
}

.responsive-table>thead>tr>th {
    vertical-align: bottom
}

.responsive-table>caption+thead>tr:first-child>td,.responsive-table>caption+thead>tr:first-child>th,.responsive-table>colgroup+thead>tr:first-child>td,.responsive-table>colgroup+thead>tr:first-child>th,.responsive-table>thead:first-child>tr:first-child>td,.responsive-table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.responsive-table>tbody+tbody {
    border-top: 2px solid #333
}

.responsive-table .table {
    background-color: #fff
}

.responsive-table {
    text-align: left
}

.responsive-table>thead {
    display: none
}

.responsive-table,.responsive-table>caption,.responsive-table>tbody,.responsive-table>tbody>tr,.responsive-table>tbody>tr>*,.responsive-table>tfoot,.responsive-table>tfoot>tr,.responsive-table>tfoot>tr>* {
    display: block
}

.responsive-table>tbody>tr,.responsive-table>tfoot>tr {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed currentColor
}

.responsive-table>tbody>tr:first-child,.responsive-table>tfoot>tr:first-child {
    border-top: 1px dashed currentColor
}

.responsive-table>tbody>tr>td,.responsive-table>tbody>tr>th,.responsive-table>tfoot>tr>td,.responsive-table>tfoot>tr>th {
    padding: 0;
    display: block;
    width: 100%;
    border: none
}

.responsive-table>tbody>tr>td>*,.responsive-table>tbody>tr>th>*,.responsive-table>tfoot>tr>td>*,.responsive-table>tfoot>tr>th>* {
    display: inline;
    font-size: initial
}

.responsive-table .row-header {
    font-weight: 700;
    border-top: none
}

.responsive-table tr {
    display: block;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-flex-direction: column;
    display: -moz-box;
    -moz-flex-direction: column;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    display: -webkit-flex;
    display: flex;
    flex-direction: column
}

.responsive-table tr>* {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3
}

.responsive-table tr .row-header {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}

.responsive-table [data-label] {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: alwynnethin,alwynnelight,Arial,Helvetica,sans-serif;
    float: left
}

@media (min-width: 750px) {
    .responsive-table [data-label] {
        padding-left:33.333%
    }
}

.responsive-table [data-label]:last-child {
    margin-bottom: 0
}

.responsive-table [data-label]:before {
    content: attr(data-label);
    color: #4a4a4a;
    font-family: alwynnemedium,alwynnelight,Arial,Helvetica,sans-serif;
    display: inline-block;
    padding-right: 5%;
    width: 100%;
    margin-left: 0;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 750px) {
    .responsive-table [data-label]:before {
        width:45%;
        margin-left: -50%
    }
}

.row-tags {
    margin-bottom: 40px
}

.row-tags .content {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
    padding: 0
}

@media (min-width: 1000px) {
    .row-tags .content {
        width:75%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

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

.tags-list li {
    display: inline-block;
    padding: 0;
    margin: 0 6px 16px 0
}

.tags-list li a {
    margin: 0
}

.loader {
    margin: 100px auto;
    font-size: 13px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes load5 {
    0%,100% {
        box-shadow: 0 -2.6em 0 0 #c8c8c8,1.8em -1.8em 0 0 rgba(200,200,200,.2),2.5em 0 0 0 rgba(200,200,200,.2),1.75em 1.75em 0 0 rgba(200,200,200,.2),0 2.5em 0 0 rgba(200,200,200,.2),-1.8em 1.8em 0 0 rgba(200,200,200,.2),-2.6em 0 0 0 rgba(200,200,200,.5),-1.8em -1.8em 0 0 rgba(200,200,200,.7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(200,200,200,.7),1.8em -1.8em 0 0 #c8c8c8,2.5em 0 0 0 rgba(200,200,200,.2),1.75em 1.75em 0 0 rgba(200,200,200,.2),0 2.5em 0 0 rgba(200,200,200,.2),-1.8em 1.8em 0 0 rgba(200,200,200,.2),-2.6em 0 0 0 rgba(200,200,200,.2),-1.8em -1.8em 0 0 rgba(200,200,200,.5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(200,200,200,.5),1.8em -1.8em 0 0 rgba(200,200,200,.7),2.5em 0 0 0 #c8c8c8,1.75em 1.75em 0 0 rgba(200,200,200,.2),0 2.5em 0 0 rgba(200,200,200,.2),-1.8em 1.8em 0 0 rgba(200,200,200,.2),-2.6em 0 0 0 rgba(200,200,200,.2),-1.8em -1.8em 0 0 rgba(200,200,200,.2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(200,200,200,.2),1.8em -1.8em 0 0 rgba(200,200,200,.5),2.5em 0 0 0 rgba(200,200,200,.7),1.75em 1.75em 0 0 #c8c8c8,0 2.5em 0 0 rgba(200,200,200,.2),-1.8em 1.8em 0 0 rgba(200,200,200,.2),-2.6em 0 0 0 rgba(200,200,200,.2),-1.8em -1.8em 0 0 rgba(200,200,200,.2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(200,200,200,.2),1.8em -1.8em 0 0 rgba(200,200,200,.2),2.5em 0 0 0 rgba(200,200,200,.5),1.75em 1.75em 0 0 rgba(200,200,200,.7),0 2.5em 0 0 #c8c8c8,-1.8em 1.8em 0 0 rgba(200,200,200,.2),-2.6em 0 0 0 rgba(200,200,200,.2),-1.8em -1.8em 0 0 rgba(200,200,200,.2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(200,200,200,.2),1.8em -1.8em 0 0 rgba(200,200,200,.2),2.5em 0 0 0 rgba(200,200,200,.2),1.75em 1.75em 0 0 rgba(200,200,200,.5),0 2.5em 0 0 rgba(200,200,200,.7),-1.8em 1.8em 0 0 #c8c8c8,-2.6em 0 0 0 rgba(200,200,200,.2),-1.8em -1.8em 0 0 rgba(200,200,200,.2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(200,200,200,.2),1.8em -1.8em 0 0 rgba(200,200,200,.2),2.5em 0 0 0 rgba(200,200,200,.2),1.75em 1.75em 0 0 rgba(200,200,200,.2),0 2.5em 0 0 rgba(200,200,200,.5),-1.8em 1.8em 0 0 rgba(200,200,200,.7),-2.6em 0 0 0 #c8c8c8,-1.8em -1.8em 0 0 rgba(200,200,200,.2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(200,200,200,.2),1.8em -1.8em 0 0 rgba(200,200,200,.2),2.5em 0 0 0 rgba(200,200,200,.2),1.75em 1.75em 0 0 rgba(200,200,200,.2),0 2.5em 0 0 rgba(200,200,200,.2),-1.8em 1.8em 0 0 rgba(200,200,200,.5),-2.6em 0 0 0 rgba(200,200,200,.7),-1.8em -1.8em 0 0 #c8c8c8
    }
}

@keyframes load5 {
    0%,100% {
        box-shadow: 0 -2.6em 0 0 #c8c8c8,1.8em -1.8em 0 0 rgba(200,200,200,.2),2.5em 0 0 0 rgba(200,200,200,.2),1.75em 1.75em 0 0 rgba(200,200,200,.2),0 2.5em 0 0 rgba(200,200,200,.2),-1.8em 1.8em 0 0 rgba(200,200,200,.2),-2.6em 0 0 0 rgba(200,200,200,.5),-1.8em -1.8em 0 0 rgba(200,200,200,.7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(200,200,200,.7),1.8em -1.8em 0 0 #c8c8c8,2.5em 0 0 0 rgba(200,200,200,.2),1.75em 1.75em 0 0 rgba(200,200,200,.2),0 2.5em 0 0 rgba(200,200,200,.2),-1.8em 1.8em 0 0 rgba(200,200,200,.2),-2.6em 0 0 0 rgba(200,200,200,.2),-1.8em -1.8em 0 0 rgba(200,200,200,.5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(200,200,200,.5),1.8em -1.8em 0 0 rgba(200,200,200,.7),2.5em 0 0 0 #c8c8c8,1.75em 1.75em 0 0 rgba(200,200,200,.2),0 2.5em 0 0 rgba(200,200,200,.2),-1.8em 1.8em 0 0 rgba(200,200,200,.2),-2.6em 0 0 0 rgba(200,200,200,.2),-1.8em -1.8em 0 0 rgba(200,200,200,.2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(200,200,200,.2),1.8em -1.8em 0 0 rgba(200,200,200,.5),2.5em 0 0 0 rgba(200,200,200,.7),1.75em 1.75em 0 0 #c8c8c8,0 2.5em 0 0 rgba(200,200,200,.2),-1.8em 1.8em 0 0 rgba(200,200,200,.2),-2.6em 0 0 0 rgba(200,200,200,.2),-1.8em -1.8em 0 0 rgba(200,200,200,.2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(200,200,200,.2),1.8em -1.8em 0 0 rgba(200,200,200,.2),2.5em 0 0 0 rgba(200,200,200,.5),1.75em 1.75em 0 0 rgba(200,200,200,.7),0 2.5em 0 0 #c8c8c8,-1.8em 1.8em 0 0 rgba(200,200,200,.2),-2.6em 0 0 0 rgba(200,200,200,.2),-1.8em -1.8em 0 0 rgba(200,200,200,.2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(200,200,200,.2),1.8em -1.8em 0 0 rgba(200,200,200,.2),2.5em 0 0 0 rgba(200,200,200,.2),1.75em 1.75em 0 0 rgba(200,200,200,.5),0 2.5em 0 0 rgba(200,200,200,.7),-1.8em 1.8em 0 0 #c8c8c8,-2.6em 0 0 0 rgba(200,200,200,.2),-1.8em -1.8em 0 0 rgba(200,200,200,.2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(200,200,200,.2),1.8em -1.8em 0 0 rgba(200,200,200,.2),2.5em 0 0 0 rgba(200,200,200,.2),1.75em 1.75em 0 0 rgba(200,200,200,.2),0 2.5em 0 0 rgba(200,200,200,.5),-1.8em 1.8em 0 0 rgba(200,200,200,.7),-2.6em 0 0 0 #c8c8c8,-1.8em -1.8em 0 0 rgba(200,200,200,.2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(200,200,200,.2),1.8em -1.8em 0 0 rgba(200,200,200,.2),2.5em 0 0 0 rgba(200,200,200,.2),1.75em 1.75em 0 0 rgba(200,200,200,.2),0 2.5em 0 0 rgba(200,200,200,.2),-1.8em 1.8em 0 0 rgba(200,200,200,.5),-2.6em 0 0 0 rgba(200,200,200,.7),-1.8em -1.8em 0 0 #c8c8c8
    }
}

.background-hero-image {
    position: absolute;
    top: 0;
    right: 0;
    height: calc(100vh - 100px);
    left: 0;
    overflow: hidden;
    background-color: #4a4a4a
}

.background-hero-image img {
    width: auto;
    height: auto;
    max-width: none;
    display: block;
    position: relative;
    margin: 0 auto;
    transition: all 560ms cubic-bezier(.165,.84,.44,1)
}

.background-hero-image .bgwidth {
    width: 100%
}

.background-hero-image .bgheight {
    height: 100%
}

.show-hero-image .background-hero-image {
    height: 80vh!important;
    min-height: 1px!important
}

.background-hero-image .btn-source {
    z-index: 5
}

.background-hero-image:after {
    content: '';
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(to bottom,rgba(0,0,0,.7) 0,transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
    transition: opacity 560ms cubic-bezier(.165,.84,.44,1)
}

.show-hero-image .background-hero-image:after {
    opacity: 0
}

.background-hero-image.content-page {
    height: 400px;
    bottom: auto
}

.page-home .background-hero-image {
    bottom: calc(100vh - 642px);
    height: calc(80vh + 30px);
    min-height: 630px
}

@media (min-width: 1000px) {
    .page-home .background-hero-image {
        min-height:690px;
        height: 80vh
    }
}

.title-hero-image {
    position: absolute;
    bottom: 130px;
    left: 0;
    opacity: 0;
    transition: opacity 560ms cubic-bezier(.165,.84,.44,1)
}

.title-hero-image .caption {
    font-family: alwynnelightitalic,alwynnelight,Arial,Helvetica,sans-serif;
    color: #fff;
    max-width: 500px;
    display: inline-block;
    font-size: 14px!important;
    line-height: 1.3em
}

.show-hero-image .title-hero-image {
    top: 80vh!important;
    opacity: 1
}

.page-home .title-hero-image {
    top: 643px;
    bottom: auto
}

.page-steps .title-hero-image,.page-theme .title-hero-image {
    top: calc(100vh - 100px)
}

.page-generic .title-hero-image {
    top: 400px;
    bottom: auto
}

@media (min-width: 750px) {
    .page-steps .title-hero-image,.page-theme .title-hero-image {
        top:calc(100vh - 100px)
    }
}

@media (min-width: 1000px) {
    .page-home .title-hero-image {
        top:calc(100vh - 100px);
        top: 80vh
    }
}

.toggle-hero-image {
    position: absolute;
    left: calc(50% - 40px);
    top: 365px;
    cursor: pointer;
    padding: 10px 50px 10px 10px;
    z-index: 980
}

.toggle-hero-image i {
    display: block;
    color: #fff;
    width: 40px;
    height: 30px;
    border-radius: 15px;
    background-color: #a49660;
    text-align: center;
    line-height: 36px;
    font-size: 15px;
    position: absolute;
    margin-top: -15px;
    right: 0;
    transition: all 560ms cubic-bezier(.165,.84,.44,1)
}

.toggle-hero-image i:after {
    content: '\e902'
}

.toggle-hero-image i:hover {
    color: #a49660;
    background-color: #fff
}

.toggle-hero-image span {
    display: none;
    padding: 3px;
    color: rgba(255,255,255,.8)
}

.show-hero-image .toggle-hero-image {
    top: calc(80vh - 35px);
    margin: 0
}

.page-home .toggle-hero-image {
    top: 0!important;
    min-height: 570px;
    height: calc(80vh + 30px);
    min-height: 630px
}

.page-home .toggle-hero-image i {
    top: 100%
}

.page-home.show-hero-image .toggle-hero-image {
    top: 605px;
    min-height: 0
}

.page-home.show-hero-image .toggle-hero-image i {
    top: calc(80vh - 25px)
}

.page-steps .toggle-hero-image,.page-theme .toggle-hero-image {
    top: calc(100vh - 135px)
}

.page-steps.show-hero-image .toggle-hero-image,.page-theme.show-hero-image .toggle-hero-image {
    top: calc(80vh - 30px)
}

@media (min-width: 750px) {
    .toggle-hero-image {
        display:block;
        left: auto;
        bottom: auto;
        right: 10px;
        top: 180px;
        margin-top: 0!important
    }

    .toggle-hero-image span {
        display: block
    }

    .show-hero-image .toggle-hero-image {
        top: calc(40vh - 15px);
        margin: 0
    }

    .page-home .toggle-hero-image,.page-home.show-hero-image .toggle-hero-image {
        height: 80vh;
        min-height: 630px;
        margin: 0;
        padding: 0
    }

    .page-home .toggle-hero-image i,.page-home.show-hero-image .toggle-hero-image i {
        top: calc(50% - 15px)
    }

    .page-home.show-hero-image .toggle-hero-image {
        min-height: 0
    }

    .page-steps .toggle-hero-image,.page-theme .toggle-hero-image {
        top: calc(50vh - 65px)!important;
        margin: 0;
        bottom: auto
    }

    .page-steps.show-hero-image .toggle-hero-image,.page-theme.show-hero-image .toggle-hero-image {
        top: calc(40vh - 15px)!important
    }
}

@media (min-width: 1000px) {
    .page-home .toggle-hero-image,.page-home.show-hero-image .toggle-hero-image {
        min-height:690px;
        top: calc(50% - 15px)
    }

    .page-home.show-hero-image .toggle-hero-image {
        min-height: 0
    }
}

.show-hero-image .toggle-hero-image i:after,.show-hero-image .toggle-hero-image i:before {
    content: "\e900";
    display: block;
    color: #4a4a4a;
    cursor: pointer;
    position: absolute;
    font-size: 23px
}

.show-hero-image .toggle-hero-image i:after {
    transform: rotate(-30deg);
    top: 3px;
    right: 8px
}

.show-hero-image .toggle-hero-image i:before {
    color: #fff;
    transform: rotate(65deg);
    top: 3px;
    right: 7px;
    transition: all 560ms cubic-bezier(.165,.84,.44,1)
}

.show-hero-image .toggle-hero-image i:hover:before {
    color: #a49660
}

.content-wrapper,.nav-container,.row.tools,.step-by-step,.top-bar {
    opacity: 1;
    transition: opacity 560ms cubic-bezier(.165,.84,.44,1);
    pointer-events: auto
}

.show-hero-image .content-wrapper,.show-hero-image .nav-container,.show-hero-image .row.tools,.show-hero-image .step-by-step,.show-hero-image .top-bar {
    opacity: 0;
    pointer-events: none
}

.page-overview .background-hero-image {
    background-color: transparent
}

.random-image-set {
    display: none
}

.row.has-background-image {
    position: relative
}

.row.has-background-image .background-hero-image {
    display: none
}

.row.has-background-image .content {
    padding: 30px 0
}

.row.has-background-image h2 {
    color: #fff;
    margin-bottom: 30px
}

.row.has-background-image .background-hero-image {
    bottom: 0
}

@media (min-width: 750px) {
    .row.has-background-image .background-hero-image {
        display:block
    }
}

.show-hero-image {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%
}

.fz-default .lead,.fz-default li,.fz-default p {
    font-size: 16px;
    line-height: 24px
}

.fz-medium .lead,.fz-medium li,.fz-medium p {
    font-size: 20px
}

.fz-large .lead,.fz-large li,.fz-large p {
    font-size: 24px;
    line-height: 30px
}

.fz-large .banner .lead,.fz-large .banner li,.fz-large .banner p,.fz-large .panel .lead,.fz-large .panel li,.fz-large .panel p,.fz-medium .banner .lead,.fz-medium .banner li,.fz-medium .banner p,.fz-medium .panel .lead,.fz-medium .panel li,.fz-medium .panel p {
    font-size: 16px;
    line-height: 24px
}

.row-search {
    min-height: 610px;
    z-index: 990;
    overflow: hidden;
    pointer-events: none;
    padding-top: 40px;
    padding-bottom: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #4a4a4a
}

.show-hero-image .row-search {
    pointer-events: none;
    z-index: 970
}

.page-home .row-search {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 550px;
    background-color: transparent;
    position: relative;
    height: calc(80vh - 50px);
    min-height: 550px;
    margin-top: 0;
    margin-bottom: 20px
}

@media (min-width: 1000px) {
    .page-home .row-search {
        min-height:570px;
        margin-top: -20px;
        margin-bottom: 20px;
        height: calc(80vh - 120px)
    }
}

.search-result-container {
    pointer-events: none;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: width 560ms cubic-bezier(.165,.84,.44,1)
}

.show-results .search-result-container {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

@media (min-width: 750px) {
    .search-result-container {
        margin-left:80px
    }

    .show-results .search-result-container {
        width: calc(100% - 80px)
    }
}

.panel-container {
    width: 320px;
    height: 550px;
    overflow: hidden
}

.panel-container.corporate .panel {
    background: #a49660
}

.panel-container.library .panel {
    background: #ec8035
}

.panel-container.collections .panel {
    background: #7457aa
}

.panel-container.coat-of-arms .panel {
    background: #bf4d59
}

.panel-container.surnames .panel {
    background: #3d6ac7
}

.panel-container.pedigrees .panel {
    background: #2d9758
}

.panel-container.who-was-who .panel {
    background: #fff
}

.panel {
    color: #fff;
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif
}

.page-home .panel,.swiper-slide .panel {
    width: 100%;
    height: 100%;
    overflow: hidden
}

@media (min-width: 750px) {
    .panel-container {
        width:380px
    }

    .swiper-slide .panel {
        width: 380px;
        height: 550px
    }
}

.container-fluid.search-container .wrapper,.search-container .swiper-slide .wrapper {
    perspective: 1000px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

.container-fluid.search-container .wrapper .showHiddenContent .panel-back,.search-container .swiper-slide .wrapper .showHiddenContent .panel-back {
    transform: rotateY(0);
    -webkit-transform: rotateY(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.container-fluid.search-container .wrapper .showHiddenContent .panel-front,.search-container .swiper-slide .wrapper .showHiddenContent .panel-front {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.container-fluid.search-container .panel-back,.container-fluid.search-container .panel-front,.container-fluid.search-container .swiper-slide {
    height: 550px
}

.panel-container {
    transition: .6s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    position: relative
}

.panel-back,.panel-front {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: .6s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0
}

.panel-front {
    z-index: 2;
    transform: rotateY(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.panel-back:not(.dev-rho) {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.search-container {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    top: 0;
    bottom: 0;
    height: 550px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute
}

@media (min-width: 1000px) {
    .page-home .search-container {
        top:50%;
        transform: translateY(-50%);
        position: absolute
    }
}

.search-container .wrapper {
    position: relative;
    z-index: 10;
    pointer-events: all
}

.show-hero-image .search-container .wrapper {
    pointer-events: none
}

.search-container .panel-container.search {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    transition: all 560ms cubic-bezier(.165,.84,.44,1) 560ms;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0)
}

.show-hero-image .search-container .panel-container.search {
    pointer-events: none
}

.search-container .panel-container.search .toggle-search {
    display: none;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.search-container .panel-container.search .toggle-search-label {
    position: absolute;
    right: 35px;
    color: #fff;
    cursor: pointer;
    z-index: 10;
    font-family: alwynnelight,Arial,Helvetica,sans-serif;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    top: calc(50% - 25px)
}

.search-container .panel-container.search .panel {
    padding: 17px 20px 30px 20px
}

.show-hero-image .search-container .panel-container.search .panel a {
    pointer-events: none
}

.search-container .panel-container.search .panel h1 {
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif;
    font-size: 36px;
    line-height: 42px;
    font-weight: 400;
    margin: 0 0 23px;
    min-height: 100px;
    overflow: hidden
}

.search-container .panel-container.search .panel .search-form label {
    display: none
}

.search-container .panel-container.search .panel .search-form .textfield-container {
    width: 100%;
    height: 40px;
    border-radius: 20px;
    background-color: #fff;
    padding: 0 40px 0 20px
}

.search-container .panel-container.search .panel .search-form .textfield-container input {
    border: 0;
    margin-top: 5px;
    line-height: 30px;
    height: 30px;
    width: 100%;
    box-shadow: none
}

.search-container .panel-container.search .panel .search-form .submit-container {
    padding-top: 10px
}

.search-container .panel-container.search .panel .search-form .submit-container:after {
    content: " ";
    display: block;
    clear: both
}

.search-container .panel-container.search .panel .search-form .submit-container .button-container {
    width: 41.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-right: 0
}

.search-container .panel-container.search .panel .search-form .submit-container .button-container .btn {
    margin-bottom: 1em
}

.search-container .panel-container.search .panel .search-form .submit-container .button-container:first-child {
    width: 58.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding: 0
}

.search-container .panel-container.search .panel .btn {
    width: 100%;
    text-align: center
}

.search-container .panel-container.search .panel .btn.help {
    background-color: #4a90e2;
    border-color: #4a90e2;
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif
}

.search-container .panel-container.search .panel .btn:hover {
    color: #fff;
    background-color: transparent
}

.search-container .panel-container.search .panel .btn.btn-search {
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif
}

.search-container .panel-container.search .panel .sources-container {
    border-top: 1px dashed #fff
}

.search-container .panel-container.search .panel .sources-container p {
    margin: 10px 0 25px
}

.search-container .panel-container.search .panel .sources-container .source-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-right: -10px
}

.search-container .panel-container.search .panel .sources-container .source-list:after {
    content: " ";
    display: block;
    clear: both
}

.search-container .panel-container.search .panel .sources-container .source-list li {
    width: calc(50% - 10px);
    float: left;
    margin: 0 10px 10px 0
}

.search-container .panel-container.search .panel .sources-container .source-list li:nth-child(even) {
    margin-right: 0
}

.search-container .panel-container.search .panel .sources-container .source-list li .btn {
    width: 100%;
    text-align: center;
    background-color: #fff;
    border-color: #fff;
    color: #4a4a4a;
    margin-bottom: 0
}

.search-container .panel-container.search .panel .sources-container .source-list li .btn:hover {
    background-color: transparent;
    color: #fff
}

.search-container .panel-container.search .panel p {
    font-family: alwynnelight,Arial,Helvetica,sans-serif;
    line-height: 20px;
    font-size: 14px;
    margin-top: 0
}

.search-container .panel-container.search .panel .title {
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    margin-bottom: 1em
}

.search-container .panel-container.search .panel.panel-front {
    background-color: rgba(74,74,74,.85)
}

.search-container .panel-container.search .panel.panel-back {
    background-color: #4a90e2
}

.search-container .panel-container.search .panel.panel-back .h2 {
    display: block;
    margin-bottom: 0
}

.search-container .panel-container.search .panel.panel-back .btn.help {
    background-color: transparent;
    border-color: #fff
}

.search-container .panel-container.search .panel.panel-back .btn.help:hover {
    color: #4a4a4a;
    background-color: #fff
}

.search-container .panel-container.search .panel.panel-back .btn:hover {
    color: #fff;
    background-color: transparent
}

.search-container .panel-container.search .panel.panel-back .btn.btn-search {
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif
}

.search-container .panel-container.search .panel.panel-back .btn.btn-search:hover {
    border-color: #fff;
    background-color: transparent
}

.search-container .panel-container.search .panel.panel-back .btn.btn-search:hover span {
    color: #fff
}

.search-container .panel-container.search .panel.panel-back .sources-container p {
    margin-bottom: 0
}

.search-container .panel-container.search .panel.panel-back .sources-container .source-list {
    margin-top: 1em
}

.search-container .panel-container.search .panel.panel-back .sources-container .source-list a {
    font-family: alwynnelight,Arial,Helvetica,sans-serif
}

.search-container.show-results {
    z-index: 1999;
    padding-left: 0;
    padding-right: 0
}

.search-container.show-results .panel-container.search {
    -webkit-transition: all 560ms cubic-bezier(.165,.84,.44,1) 0s;
    transition: all 560ms cubic-bezier(.165,.84,.44,1) 0s;
    transform: translate3d(-320px,0,0);
    -webkit-transform: translate3d(-320px,0,0);
    opacity: 1!important
}

.search-container.show-results .panel-container.search .toggle-search {
    display: block
}

@media (min-width: 750px) {
    .search-container .panel-container.search {
        transform:translate3d(40px,0,0);
        -webkit-transform: translate3d(40px,0,0)
    }

    .show-results .search-container .panel-container.search {
        transform: translate3d(-290px,0,0);
        -webkit-transform: translate3d(-290px,0,0)
    }
}

@media (min-width: 1000px) {
    .search-container .panel-container.search .panel {
        padding:23px 30px 30px 30px
    }
}

@media (min-width: 1280px) {
    .search-container .panel-container.search {
        transform:translate3d(calc((100vw - 1200px)/ 2),0,0);
        -webkit-transform: translate3d(-webkit-calc((100vw - 1200px)/ 2),0,0)
    }
}

.panel-container.search-result {
    width: 380px;
    max-width: 100%;
    margin-bottom: 20px;
    overflow: visible
}

.panel-container.search-result.surnames .panel .summary {
    border: 0;
    margin-bottom: 10px
}

.panel-container.search-result.surnames .panel .image-container {
    height: 320px;
    text-align: center
}

.panel-container.search-result.surnames .panel img {
    height: 100%;
    width: auto
}

.panel-container.search-result.surnames .panel .caption {
    position: absolute;
    top: 5px;
    left: 13px;
    color: #4a4a4a
}

@media (min-width: 750px) {
    .panel-container.search-result.surnames .panel .caption {
        left:42px
    }
}

.panel-container.search-result.who-was-who .panel {
    background-color: #9b9b9b
}

.panel-container.search-result .panel {
    padding: 16px 20px;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.panel-container.search-result .panel .content-wrapper {
    max-height: 455px;
    overflow: visible;
    margin-left: -10px;
    margin-right: -10px
}

.panel-container.search-result .panel * {
    font-family: alwynnelight,Arial,Helvetica,sans-serif;
    position: relative;
    z-index: 2
}

.panel-container.search-result .panel h2 {
    font-size: 30px;
    font-weight: 300;
    padding-bottom: 16px;
    border-bottom: 1px dashed #fff;
    margin-bottom: 8px;
    margin-top: 0
}

.panel-container.search-result .panel h3 {
    margin-bottom: 0
}

.panel-container.search-result .panel li,.panel-container.search-result .panel p {
    line-height: 22px
}

.panel-container.search-result .panel ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.panel-container.search-result .panel .summary {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #fff;
    margin-bottom: 10px;
    min-height: 55px
}

.panel-container.search-result .panel .summary strong {
    font-family: alwynnemedium,alwynnelight,Arial,Helvetica,sans-serif
}

.panel-container.search-result .panel .list-container {
    margin-top: 62px
}

.panel-container.search-result .panel .toggle-view {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 15px;
    margin-bottom: 25px
}

.panel-container.search-result .panel .toggle-view a {
    display: inline-block;
    border-radius: 15px;
    padding: 0 10px;
    color: #fff;
    height: 28px;
    line-height: 28px;
    border: 0
}

.panel-container.search-result .panel .toggle-view .toggle-images {
    background-color: #fff;
    color: #4a4a4a
}

.panel-container.search-result .panel .toggle-view+.list-container {
    margin-top: 0
}

.panel-container.search-result .panel .image-list+.text-list,.panel-container.search-result .panel .link-list+.text-list {
    display: none
}

.panel-container.search-result .panel.show-text .toggle-images {
    background-color: transparent;
    color: #fff
}

.panel-container.search-result .panel.show-text .toggle-text {
    background-color: #fff;
    color: #4a4a4a
}

.panel-container.search-result .panel.show-text .image-list,.panel-container.search-result .panel.show-text .link-list {
    display: none
}

.panel-container.search-result .panel.show-text .text-list {
    display: block
}

.panel-container.search-result .panel .link-list li.border-bottom,.panel-container.search-result .panel .text-list li.border-bottom {
    margin-bottom: 10px;
    padding-bottom: 6px
}

.panel-container.search-result .panel .link-list li.border-bottom:after,.panel-container.search-result .panel .text-list li.border-bottom:after {
    border-color: #fff;
    left: 0;
    right: 0
}

.panel-container.search-result .panel .link-list li.border-bottom.borderless:after,.panel-container.search-result .panel .text-list li.border-bottom.borderless:after {
    border: none
}

.panel-container.search-result .panel .text-list {
    height: 270px;
    overflow-y: auto
}

.panel-container.search-result .panel .text-list li:after {
    content: " ";
    display: block;
    clear: both
}

.panel-container.search-result .panel .text-list li span,.panel-container.search-result .panel .text-list li strong {
    padding: 0 2px
}

.panel-container.search-result .panel .text-list li span {
    display: block;
    float: left;
    width: calc(100% - 35px)
}

.panel-container.search-result .panel .text-list li.border-bottom span {
    width: auto;
    float: none
}

.panel-container.search-result .panel .text-list li .index {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    float: left;
    text-align: center
}

.panel-container.search-result .panel .text-list li .index.active {
    background-color: #a49660
}

.panel-container.search-result .panel .text-list.border-top {
    padding-top: 4px
}

.panel-container.search-result .panel .text-list.border-top:before {
    left: 0;
    right: 0;
    border-bottom: 1px dashed #fff
}

.panel-container.search-result .panel .link-list {
    height: 270px;
    overflow-y: auto
}

.panel-container.search-result .panel .link-list li * {
    font-size: 20px
}

.panel-container.search-result .panel .link-list li a {
    color: #fff;
    font-family: alwynnemedium,alwynnelight,Arial,Helvetica,sans-serif;
    border-bottom: 1px solid currentColor
}

.panel-container.search-result .panel .link-list li.border-bottom {
    padding-bottom: 14px
}

.panel-container.search-result .panel .image-list {
    padding: 0
}

.panel-container.search-result .panel .image-list:after {
    content: " ";
    display: block;
    clear: both
}

.panel-container.search-result .panel .image-list li {
    width: 47%;
    float: left;
    height: 125px;
    max-width: 170px;
    text-align: center;
    position: relative;
    margin-bottom: 20px
}

.panel-container.search-result .panel .image-list li:nth-child(odd) {
    margin-right: 3%
}

.panel-container.search-result .panel .image-list li:nth-child(even) {
    margin-left: 3%
}

.panel-container.search-result .panel .image-list li .image-container {
    background-color: #4a4a4a;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.panel-container.search-result .panel .image-list li .image-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -4px
}

.panel-container.search-result .panel .image-list li .image-container img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle
}

.panel-container.search-result .panel .image-list li .image-container .index {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #a49660;
    color: #fff;
    text-align: center
}

.panel-container.search-result .panel .image-list li a:hover {
    border: 0
}

.panel-container.search-result .panel .image-list li span {
    font-family: alwynnelight,Arial,Helvetica,sans-serif;
    display: block;
    text-align: center;
    line-height: 20px;
    transition: all 560ms cubic-bezier(.165,.84,.44,1)
}

.panel-container.search-result .panel .image-list li .type {
    color: #a49660
}

.panel-container.search-result .panel .image-list li .number {
    color: #4a4a4a
}

.panel-container.search-result .panel .image-list li img {
    height: 100%;
    display: block;
    margin: 0 auto
}

.panel-container.search-result .panel .image-list li:focus,.panel-container.search-result .panel .image-list li:hover {
    background-color: #a49660
}

.panel-container.search-result .panel .image-list li:focus span,.panel-container.search-result .panel .image-list li:hover span {
    color: #fff
}

.panel-container.search-result .panel .btn-container {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    height: 40px
}

.panel-container.search-result .panel .btn {
    background-color: #fff;
    border-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    color: #4a4a4a;
    font-size: 14px
}

.panel-container.search-result .panel .btn.help {
    background-color: #4a90e2;
    border-color: #4a90e2;
    color: #fff;
    left: 0;
    right: auto
}

.panel-container.search-result .panel .btn.close {
    left: 0;
    right: auto
}

.panel-container.search-result .panel .btn:hover {
    color: #fff;
    background-color: transparent
}

.panel-container.search-result .panel .btn.btn-source {
    color: #fff;
    background-color: transparent;
    font-size: 14px;
    padding: 0 12px 0 12px
}

.panel-container.search-result .panel .btn.btn-source:hover {
    background-color: #fff;
    border-color: #fff;
    color: #4a4a4a
}

.panel-container.search-result .panel:after {
    content: '';
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 4;
    background: linear-gradient(to bottom,rgba(0,0,0,.7) 0,transparent 60%);
    z-index: 0
}

.panel-container.search-result.coat-of-arms .text-list,.panel-container.search-result.collections .text-list,.panel-container.search-result.library .text-list {
    margin-left: -6px
}

.page-search .row:last-of-type {
    padding-bottom: 40px
}

.page-search .row.title-row {
    min-height: 50px
}

.page-search .search-form-row .search-form {
    width: 100%
}

.page-search .search-form-row .search-form label {
    display: none
}

.page-search .search-form-row .search-form .textfield-container {
    width: 75%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    border-radius: 20px;
    background-color: #fff;
    padding: 0 40px 0 20px;
    border: 1px solid #a49660
}

.page-search .search-form-row .search-form .textfield-container input {
    border: 0;
    margin-top: 5px;
    line-height: 30px;
    height: 30px;
    width: 100%
}

@media (max-width: 599px) {
    .page-search .search-form-row .search-form .textfield-container {
        width:100%;
        margin-bottom: 10px
    }
}

.page-search .search-form-row .search-form .submit-container {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.page-search .search-form-row .search-form .submit-container .button-container {
    width: 100%!important;
    padding-right: 0!important
}

.page-search .search-form-row .search-form .submit-container .button-container .btn {
    margin-bottom: 1em;
    padding-left: 30px;
    padding-right: 30px
}

.page-search .search-form-row .search-form .submit-container .button-container:first-child {
    width: 58.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding: 0
}

@media (max-width: 599px) {
    .page-search .search-form-row .search-form .submit-container {
        width:100%;
        padding: 0
    }

    .page-search .search-form-row .search-form .submit-container .btn {
        width: 100%
    }
}

.page-search .search-form-row {
    margin-bottom: 50px
}

.page-search .search-form-row .content {
    margin-left: 0
}

.page-search .content-wrapper .h1 {
    padding-left: 10px;
    padding-right: 10px
}

.page-search .result-wrapper .result-link,.page-search .result-wrapper .result-type {
    width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 7px
}

.page-search .result-wrapper .result-link h2,.page-search .result-wrapper .result-link span,.page-search .result-wrapper .result-type h2,.page-search .result-wrapper .result-type span {
    display: block;
    margin: 0;
    margin-bottom: 4px
}

.page-search .result-wrapper .result-link span,.page-search .result-wrapper .result-type span {
    padding-top: 0;
    display: inline
}

.page-search .result-wrapper .result-link:nth-child(1),.page-search .result-wrapper .result-link:nth-child(2),.page-search .result-wrapper .result-type:nth-child(1),.page-search .result-wrapper .result-type:nth-child(2) {
    display: none
}

.page-search .result-wrapper .result-link:nth-child(3),.page-search .result-wrapper .result-type:nth-child(3) {
    border-top: 1px dashed #4a4a4a
}

.page-search .result-wrapper .result-link>.label,.page-search .result-wrapper .result-type>.label {
    width: 8.33333%
}

.page-search .result-wrapper .result-type {
    font-size: 14px;
    padding-top: 0
}

.page-search .result-wrapper .result-link a {
    font-size: 18px;
    font-family: frescobold,Georgia,"Times New Roman",Times,serif
}

.page-search .result-wrapper .result-link:after {
    display: none
}

@media (min-width: 750px) {
    .page-search .result-wrapper {
        width:91.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 8.33333%
    }

    .page-search .result-wrapper:after {
        content: " ";
        display: block;
        clear: both
    }

    .page-search .result-wrapper .result-link,.page-search .result-wrapper .result-type {
        padding-bottom: 15px
    }

    .page-search .result-wrapper .result-link:nth-child(1),.page-search .result-wrapper .result-link:nth-child(2),.page-search .result-wrapper .result-type:nth-child(1),.page-search .result-wrapper .result-type:nth-child(2) {
        display: block
    }

    .page-search .result-wrapper .result-link:nth-child(3),.page-search .result-wrapper .result-type:nth-child(3) {
        border-top: none
    }

    .page-search .result-wrapper .result-link *,.page-search .result-wrapper .result-type * {
        width: 100%;
        float: none
    }

    .page-search .result-wrapper .result-link span,.page-search .result-wrapper .result-type span {
        padding-top: 9px;
        display: block
    }

    .page-search .result-wrapper .result-link>.label,.page-search .result-wrapper .result-type>.label {
        display: none
    }

    .page-search .result-wrapper .result-type {
        width: 27.27273%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px
    }

    .page-search .result-wrapper .result-link {
        width: 72.72727%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px
    }

    .page-search .result-wrapper .result-link:after {
        display: block
    }
}

.page-steps .on-top {
    pointer-events: none
}

.step-by-step {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 40px;
    pointer-events: auto
}

.step-by-step .swiper-container {
    width: 100%;
    padding: 30px 0;
    position: relative;
    background-color: #4a4a4a
}

.step-by-step .aside,.step-by-step .content {
    padding-left: 10px;
    padding-right: 10px
}

.step-by-step .h1,.step-by-step h2 {
    color: #fff
}

.step-by-step .swiper-pagination {
    position: relative;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    padding: 0 0 10px;
    border-bottom: 1px dashed #fff;
    margin: 0 10px 15px;
    width: auto
}

.step-by-step .swiper-pagination:after {
    content: " ";
    display: block;
    clear: both
}

.step-by-step .swiper-pagination .bullet-container .title {
    display: none;
    color: #fff;
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-align: center
}

.step-by-step .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    margin: 0 4px 10px;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
    text-align: center
}

.step-by-step .swiper-pagination .swiper-pagination-bullet .bullet {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #a49660;
    line-height: 30px;
    text-align: center;
    font-family: frescobold,Georgia,"Times New Roman",Times,serif;
    font-size: 20px;
    background-color: #a49660;
    opacity: 1;
    transition: background-color 560ms cubic-bezier(.165,.84,.44,1)
}

.step-by-step .swiper-pagination .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    display: block;
    top: 13px;
    right: 50%;
    width: 100%;
    height: 3px;
    background-color: #a49660;
    z-index: -1
}

.step-by-step .swiper-pagination .swiper-pagination-bullet:first-child {
    margin-left: 0
}

.step-by-step .swiper-pagination .swiper-pagination-bullet:first-child:before {
    display: none
}

.step-by-step .swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.step-by-step .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    background-color: #4a90e2
}

.step-by-step .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .bullet {
    background-color: #4a90e2
}

.step-by-step .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .title {
    color: #4a90e2
}

.step-by-step .swiper-pagination .swiper-pagination-bullet:focus .bullet,.step-by-step .swiper-pagination .swiper-pagination-bullet:hover .bullet {
    background-color: #4a90e2
}

.step-by-step .swiper-pagination .swiper-pagination-bullet:focus .title,.step-by-step .swiper-pagination .swiper-pagination-bullet:hover .title {
    color: #4a90e2
}

@media (min-width: 750px) {
    .step-by-step .swiper-pagination {
        padding:0 0 10px;
        margin: 0 20px 15px;
        width: auto
    }

    .step-by-step .swiper-pagination .swiper-pagination-bullet {
        flex-grow: 1
    }
}

@media (min-width: 1000px) {
    .step-by-step .swiper-pagination {
        width:83.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 8.33333%;
        padding: 0 0 20px
    }

    .step-by-step .swiper-pagination .swiper-pagination-bullet {
        flex-basis: 80px;
        flex-grow: 1
    }

    .step-by-step .swiper-pagination .swiper-pagination-bullet:before {
        top: 18px
    }

    .step-by-step .swiper-pagination .swiper-pagination-bullet .bullet {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 24px
    }
}

@media (min-width: 1150px) {
    .step-by-step .swiper-pagination .swiper-pagination-bullet .bullet {
        margin-bottom:20px
    }

    .step-by-step .swiper-pagination .swiper-pagination-bullet .title {
        display: block
    }
}

.step-by-step .swiper-slide {
    color: #fff;
    width: 100%;
    max-width: none;
    margin-right: 0;
    font-size: 16px
}

.step-by-step .swiper-slide>.row:after {
    content: " ";
    display: block;
    clear: both
}

.step-by-step .swiper-slide .content.border-top:before {
    left: 10px;
    right: 10px
}

@media (min-width: 750px) and (max-width:999px) {
    .step-by-step .swiper-slide .content {
        width:75%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0;
        padding-left: 20px
    }

    .step-by-step .swiper-slide .content.border-top:before {
        left: 20px
    }

    .step-by-step .swiper-slide .aside {
        padding-right: 20px
    }
}

@media (min-width: 750px) {
    .step-by-step {
        padding-left:0;
        padding-right: 0
    }

    .step-by-step .aside {
        padding-right: 8.33333%
    }

    .step-by-step .swiper-container {
        padding: 40px 0
    }

    .step-by-step .swiper-container .content-wrapper {
        margin: 0
    }

    .step-by-step .swiper-container .content-wrapper .aside .border-top:before {
        left: 0;
        right: 0
    }
}

@media (min-width: 1000px) {
    .step-by-step .swiper-slide .content {
        padding-left:0!important
    }

    .step-by-step .swiper-slide .content.border-top:before {
        left: 0
    }

    .step-by-step .swiper-container {
        padding-top: 60px
    }
}

.anchor-container ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.anchor-container ul li {
    margin-bottom: 10px
}

.anchor-container ul li:after {
    content: " ";
    display: block;
    clear: both
}

.anchor-container a {
    border-bottom: 0
}

.anchor-container a .btn {
    margin-right: 15px;
    margin-bottom: 5px;
    font-family: frescobold,Georgia,"Times New Roman",Times,serif;
    float: left
}

.anchor-container a .h2 {
    padding-top: 10px;
    border-bottom: 0;
    line-height: 18px;
    display: block;
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

.anchor-container a:hover .btn {
    background-color: #4a4a4a;
    color: #fff
}

@media (min-width: 1000px) {
    .anchor-container .h2 {
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (min-width: 1000px) {
    .tip-container {
        padding-right:33.33333%
    }
}

.tip {
    color: #4a90e2;
    font-family: frescobold,Georgia,"Times New Roman",Times,serif
}

.tip:before {
    content: "\e904";
    padding-right: 6px
}

.picture-container {
    margin-bottom: 0;
    position: relative
}

.picture-container.width-100 picture,.picture-container.width-50 picture,.picture-container.width-75 picture {
    position: relative;
    display: block
}

.picture-container.width-100 picture img,.picture-container.width-50 picture img,.picture-container.width-75 picture img {
    display: block
}

.picture-container.width-100 .caption,.picture-container.width-50 .caption,.picture-container.width-75 .caption {
    width: 100%
}

.picture-container.width-50 picture {
    max-width: 300px
}

.picture-container.left {
    float: left;
    width: 50%;
    margin-right: 10px;
    margin-bottom: 30px
}

@media (min-width: 750px) {
    .picture-container {
        margin-bottom:30px
    }

    .picture-container:after {
        content: " ";
        display: block;
        clear: both
    }

    .picture-container.width-100 .caption,.picture-container.width-50 .caption,.picture-container.width-75 .caption {
        width: 75%
    }

    .picture-container.width-100 .caption {
        margin-top: 10px
    }

    .picture-container.width-100>.wrapper {
        display: block;
        padding: 0
    }

    .picture-container.width-75 picture {
        width: 75%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding: 0
    }

    .picture-container.width-75 .caption {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .picture-container.width-75>.wrapper {
        width: 75%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        display: block;
        padding: 0
    }

    .picture-container.width-75>.wrapper picture {
        width: 100%
    }

    .picture-container.width-50:after {
        content: " ";
        display: block;
        clear: both
    }

    .picture-container.width-50 .caption,.picture-container.width-50 picture {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .picture-container.width-50 picture {
        padding: 0
    }

    .picture-container.width-50>.wrapper {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        display: block;
        padding: 0
    }

    .picture-container.width-50>.wrapper picture {
        width: 100%
    }

    .picture-container.left {
        float: right;
        width: 33.333%;
        margin-right: 0
    }

    .picture-row .picture-container.width-75 picture {
        width: 66.66667%
    }

    .picture-row .picture-container.width-50:after {
        content: " ";
        display: block;
        clear: both
    }

    .picture-row .picture-container.width-50 .caption,.picture-row .picture-container.width-50 picture {
        width: 75%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .picture-row .picture-container a[href*="europeana.eu"],.picture-row .picture-container a[href*="gahetna.nl"],.picture-row .picture-container a[href*="npo.nl"],.picture-row .picture-container a[href*=openbeelden],.picture-row .picture-container a[href*=vimeo],.picture-row .picture-container a[href*=xenon],.picture-row .picture-container a[href*=youtu] {
        display: block
    }

    .picture-right .picture-container:after {
        content: " ";
        display: block;
        clear: both
    }

    .picture-right .picture-container picture {
        float: right
    }
}

.picture-container .wrapper {
    position: relative;
    display: inline-block;
    width: 100%
}

.picture-container a[href*="europeana.eu"],.picture-container a[href*="gahetna.nl"],.picture-container a[href*="npo.nl"],.picture-container a[href*=openbeelden],.picture-container a[href*=vimeo],.picture-container a[href*=xenon],.picture-container a[href*=youtu] {
    display: block;
    position: relative;
    border: 0
}

.picture-container a[href*="europeana.eu"] picture:after,.picture-container a[href*="europeana.eu"] picture:before,.picture-container a[href*="gahetna.nl"] picture:after,.picture-container a[href*="gahetna.nl"] picture:before,.picture-container a[href*="npo.nl"] picture:after,.picture-container a[href*="npo.nl"] picture:before,.picture-container a[href*=openbeelden] picture:after,.picture-container a[href*=openbeelden] picture:before,.picture-container a[href*=vimeo] picture:after,.picture-container a[href*=vimeo] picture:before,.picture-container a[href*=xenon] picture:after,.picture-container a[href*=xenon] picture:before,.picture-container a[href*=youtu] picture:after,.picture-container a[href*=youtu] picture:before {
    position: absolute
}

.picture-container a[href*="europeana.eu"] picture:after,.picture-container a[href*="gahetna.nl"] picture:after,.picture-container a[href*="npo.nl"] picture:after,.picture-container a[href*=openbeelden] picture:after,.picture-container a[href*=vimeo] picture:after,.picture-container a[href*=xenon] picture:after,.picture-container a[href*=youtu] picture:after {
    content: " ";
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    border-radius: 50%;
    border: 2px solid #4a4a4a;
    background-color: rgba(255,255,255,.25);
    width: 80px;
    height: 80px;
    max-width: 80px;
    max-height: 80px
}

.picture-container a[href*="europeana.eu"] picture:before,.picture-container a[href*="gahetna.nl"] picture:before,.picture-container a[href*="npo.nl"] picture:before,.picture-container a[href*=openbeelden] picture:before,.picture-container a[href*=vimeo] picture:before,.picture-container a[href*=xenon] picture:before,.picture-container a[href*=youtu] picture:before {
    content: url(../static/images/play.svg);
    top: calc(50% - 26px);
    left: calc(50% - 13px);
    z-index: 2;
    width: 80px;
    height: 80px;
    max-width: 80px!important;
    max-height: 80px!important
}

.picture-container a[href*="europeana.eu"]:hover picture:after,.picture-container a[href*="gahetna.nl"]:hover picture:after,.picture-container a[href*="npo.nl"]:hover picture:after,.picture-container a[href*=openbeelden]:hover picture:after,.picture-container a[href*=vimeo]:hover picture:after,.picture-container a[href*=xenon]:hover picture:after,.picture-container a[href*=youtu]:hover picture:after {
    background-color: rgba(255,255,255,.5)
}

.picture-row aside {
    margin-top: 0;
    margin-bottom: 20px;
    display: flex
}

@media (min-width: 750px) {
    .picture-row aside {
        display:block
    }
}

.background-hero-image .btn,.background-hero-image a[class*=PIN_],.background-hero-image span[class*=PIN_],.picture-container .btn,.picture-container a[class*=PIN_],.picture-container span[class*=PIN_] {
    opacity: 0;
    transition: opacity 560ms cubic-bezier(.165,.84,.44,1)
}

.background-hero-image a[class*=PIN_],.background-hero-image span[class*=PIN_],.picture-container a[class*=PIN_],.picture-container span[class*=PIN_] {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 50
}

.background-hero-image:focus .btn,.background-hero-image:focus a[class*=PIN_],.background-hero-image:focus span[class*=PIN_],.background-hero-image:hover .btn,.background-hero-image:hover a[class*=PIN_],.background-hero-image:hover span[class*=PIN_],.picture-container:focus .btn,.picture-container:focus a[class*=PIN_],.picture-container:focus span[class*=PIN_],.picture-container:hover .btn,.picture-container:hover a[class*=PIN_],.picture-container:hover span[class*=PIN_] {
    opacity: 1;
    z-index: 2000
}

.picture-container a[class*=PIN_],.picture-container span[class*=PIN_] {
    right: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 750px) {
    .picture-row.picture-right .aside {
        display:none
    }

    .picture-row.picture-right .picture-container.right.width-75 {
        width: 50%;
        float: right
    }

    .picture-row.picture-right .picture-container.right.width-75 .wrapper,.picture-row.picture-right .picture-container.right.width-75 picture {
        width: 100%
    }
}

.collection-caption-list .index,.picture-collection-container .index {
    background-color: #4a4a4a;
    color: #fff;
    text-align: center;
    font-family: alwynnelight,Arial,Helvetica,sans-serif;
    font-size: 16px;
    display: none
}

@media (min-width: 750px) {
    .collection-caption-list .index,.picture-collection-container .index {
        display:inline-block
    }
}

.caption .index {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.picture-collection-container {
    margin-bottom: 25px
}

.picture-collection-container .container-fluid .content-wrapper {
    margin-left: 0;
    margin-right: 0
}

.picture-collection-container .swiper-pagination-bullet-active {
    background: #a49660
}

.picture-collection-container .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px
}

.picture-collection-container picture {
    display: inline-block;
    position: relative
}

@media (max-width: 599px) {
    .picture-collection-container .container-fluid {
        margin:0;
        padding-left: 0;
        padding-right: 0
    }

    .picture-collection-container .swiper-slide {
        margin-left: 10px;
        margin-left: 0;
        margin-right: 0
    }

    .picture-collection-container .swiper-container {
        padding-top: 70px;
        padding-bottom: 20px;
        background: linear-gradient(to bottom,rgba(0,0,0,.04) 0,transparent 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0)
    }

    .picture-collection-container .picture-container {
        width: 90%;
        margin: 0 5%
    }

    .picture-collection-container .picture-container picture {
        width: 100%
    }

    .picture-collection-container .PIN_terest {
        opacity: 1!important;
        left: 10px!important;
        top: 10px!important
    }

    .picture-collection-container .btn.btn-to-left,.picture-collection-container .btn.btn-to-right {
        opacity: 1;
        pointer-events: auto;
        bottom: auto;
        top: 15px;
        margin: 0
    }

    .picture-collection-container .btn.btn-to-left {
        right: auto;
        left: 5%
    }

    .picture-collection-container .btn.btn-to-right {
        left: calc(5% + 60px)
    }

    .picture-collection-container .btn.btn-ghost,.picture-collection-container .btn.btn-source {
        bottom: auto;
        opacity: 1;
        top: -55px;
        left: auto;
        right: 0;
        margin: 0
    }

    .picture-collection-container .caption {
        overflow: hidden
    }
}

@media (min-width: 750px) {
    .picture-collection-container {
        margin-bottom:50px;
        height: calc(100vh - 150px)
    }

    .picture-collection-container .container-fluid .content-wrapper {
        margin-left: -20px;
        margin-right: -30px
    }

    .picture-collection-container .swiper-container {
        overflow: visible
    }

    .picture-collection-container .swiper-wrapper {
        display: block;
        transform: none
    }

    .picture-collection-container .picture-container,.picture-collection-container .swiper-slide,.picture-collection-container picture {
        pointer-events: none
    }

    .picture-collection-container .content {
        width: 100%;
        margin: 0
    }

    .picture-collection-container .swiper-slide {
        position: absolute;
        width: auto;
        margin-left: 0;
        margin-right: 0
    }

    .picture-collection-container .swiper-slide .index {
        position: absolute;
        top: 0;
        width: 20px;
        height: 20px
    }

    .picture-collection-container .swiper-slide:nth-child(0) {
        z-index: 10
    }

    .picture-collection-container .swiper-slide:nth-child(1) {
        z-index: 9
    }

    .picture-collection-container .swiper-slide:nth-child(2) {
        z-index: 8
    }

    .picture-collection-container .swiper-slide:nth-child(3) {
        z-index: 7
    }

    .picture-collection-container .swiper-slide:nth-child(4) {
        z-index: 6
    }

    .picture-collection-container .swiper-slide:nth-child(5) {
        z-index: 5
    }

    .picture-collection-container .swiper-slide:nth-child(6) {
        z-index: 4
    }

    .picture-collection-container .swiper-slide:nth-child(7) {
        z-index: 3
    }

    .picture-collection-container .swiper-slide:nth-child(8) {
        z-index: 2
    }

    .picture-collection-container .swiper-slide:nth-child(9) {
        z-index: 1
    }

    .picture-collection-container .swiper-slide:nth-child(10) {
        z-index: 0
    }

    .picture-collection-container .swiper-slide:nth-child(1) {
        right: -10px;
        top: 200px
    }

    .picture-collection-container .swiper-slide:nth-child(1) .index {
        right: 0
    }

    .picture-collection-container .swiper-slide:nth-child(2) {
        left: 8.33333%;
        top: 30px
    }

    .picture-collection-container .swiper-slide:nth-child(2) .index {
        left: 0
    }

    .picture-collection-container .swiper-slide:nth-child(3) {
        left: -10px;
        top: 100px
    }

    .picture-collection-container .swiper-slide:nth-child(3) .index {
        left: 0
    }

    .picture-collection-container .swiper-slide:nth-child(4) {
        right: 8.33333%;
        top: 0
    }

    .picture-collection-container .swiper-slide:nth-child(4) .index {
        right: 0
    }

    .picture-collection-container .swiper-slide.focus {
        z-index: 1000
    }

    .picture-collection-container .swiper-slide.focus .index {
        background-color: #a49660
    }

    .picture-collection-container .swiper-container.picture-count-3 .swiper-slide {
        display: none;
        left: auto;
        right: auto
    }

    .picture-collection-container .swiper-container.picture-count-3 .swiper-slide .index {
        left: auto;
        right: auto
    }

    .picture-collection-container .swiper-container.picture-count-3 .swiper-slide:nth-child(1) {
        display: block;
        left: -10px;
        top: 0
    }

    .picture-collection-container .swiper-container.picture-count-3 .swiper-slide:nth-child(1) .index {
        left: 0
    }

    .picture-collection-container .swiper-container.picture-count-3 .swiper-slide:nth-child(2) {
        display: block;
        right: -10px;
        top: 100px
    }

    .picture-collection-container .swiper-container.picture-count-3 .swiper-slide:nth-child(2) .index {
        right: 0
    }

    .picture-collection-container .swiper-container.picture-count-3 .swiper-slide:nth-child(3) {
        display: block;
        right: 8.33333%;
        top: 30px
    }

    .picture-collection-container .swiper-container.picture-count-3 .swiper-slide:nth-child(3) .index {
        right: 0
    }

    .picture-collection-container .swiper-container.picture-count-2 .swiper-slide {
        display: none;
        left: auto;
        right: auto
    }

    .picture-collection-container .swiper-container.picture-count-2 .swiper-slide .index {
        left: auto;
        right: auto
    }

    .picture-collection-container .swiper-container.picture-count-2 .swiper-slide:nth-child(1) {
        display: block;
        right: -10px;
        top: 0
    }

    .picture-collection-container .swiper-container.picture-count-2 .swiper-slide:nth-child(1) .index {
        right: 0
    }

    .picture-collection-container .swiper-container.picture-count-2 .swiper-slide:nth-child(2) {
        display: block;
        left: -10px;
        top: 100px
    }

    .picture-collection-container .swiper-container.picture-count-2 .swiper-slide:nth-child(2) .index {
        left: 0
    }

    .picture-collection-container .swiper-slide {
        max-height: calc(100% - 150px)
    }

    .picture-collection-container img {
        width: auto;
        max-height: 100%;
        height: auto;
        pointer-events: auto
    }

    .picture-collection-container .btn,.picture-collection-container .caption,.picture-collection-container .index {
        height: auto
    }

    .picture-collection-container .caption {
        width: 200px;
        display: none
    }
}

.collection-caption-list {
    display: none
}

@media (min-width: 750px) {
    .collection-caption-list {
        padding:0;
        margin: 0;
        list-style-type: none;
        display: block;
        position: relative
    }

    .collection-caption-list li {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        overflow: hidden;
        transition: opacity 560ms cubic-bezier(.165,.84,.44,1)
    }

    .collection-caption-list li.focus {
        opacity: 1
    }

    .collection-caption-list li.focus .index {
        background-color: #a49660
    }
}

.social-share-container {
    position: relative;
    transition: opacity 1.12s cubic-bezier(.165,.84,.44,1)
}

.social-share-container ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    padding: 14px;
    display: block;
    width: 100%;
    border: 1px solid #4a4a4a;
    border-radius: 20px;
    margin-bottom: 5px;
    background-color: rgba(255,255,255,.9);
    display: flex
}

.social-share-container ul li {
    text-align: center;
    padding: 0 5px
}

.social-share-container ul li:last-child {
    margin-bottom: 0
}

.social-share-container .social {
    position: relative;
    display: block;
    width: 25px;
    font-size: 16px;
    border: 0;
    margin: 0 auto;
    pointer-events: auto
}

.social-share-container .social:focus,.social-share-container .social:hover {
    color: #a49660
}

.social-share-container .social.facebook:before {
    content: "\e906"
}

.social-share-container .social.twitter:before {
    content: "\e907"
}

.social-share-container .social.pinterest:before {
    content: "\e908"
}

.social-share-container .social.email:before {
    content: "\e90b"
}

@media (min-width: 1000px) {
    .social-share-container {
        width:8.33333%
    }

    .social-share-container ul {
        width: 60px;
        padding: 20px 0;
        display: block;
        background-color: rgba(255,255,255,.3)
    }

    .social-share-container ul li {
        text-align: center;
        margin-bottom: 15px
    }

    .social-share-container ul li:last-child {
        margin-bottom: 0
    }

    .social-share-container.hide {
        opacity: 0;
        pointer-events: none
    }
}

.tools {
    min-height: 65px
}

.tools .tool-container {
    position: absolute;
    top: 12px;
    right: 25px;
    min-height: 50px;
    transition: opacity 1.12s cubic-bezier(.165,.84,.44,1)
}

.tools .tool-container .btn {
    margin: 0 5px 5px;
    display: inline-block;
    pointer-events: auto;
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.tools .tool-container .btn-to-search:before {
    top: 11px;
    left: 13px;
    font-size: 9px
}

.tools .tool-container .btn-to-search:after {
    top: 6px;
    left: 9px;
    font-size: 17px
}

@media (min-width: 750px) {
    .tools .tool-container {
        right:65px;
        min-height: 0
    }
}

@media (min-width: 1000px) {
    .tools .tool-container {
        width:8.33333%;
        position: relative;
        top: auto;
        right: auto
    }

    .tools .tool-container .btn {
        margin: 10px 0 0;
        width: 60px;
        height: 40px;
        line-height: 38px;
        font-size: 18px
    }

    .tools .tool-container .btn-to-search {
        display: block
    }

    .tools .tool-container .btn-to-search:before {
        top: 14px;
        left: 22px;
        font-size: 12px
    }

    .tools .tool-container .btn-to-search:after {
        top: 9px;
        left: 14px;
        font-size: 24px
    }

    .tools .tool-container .btn-to-top {
        opacity: 0;
        pointer-events: none;
        transition: opacity 1.12s cubic-bezier(.165,.84,.44,1)
    }

    .tools .tool-container .btn-to-top.show {
        opacity: 1;
        pointer-events: auto
    }

    .tools .tool-container.hide {
        opacity: 0;
        pointer-events: none
    }
}

@media (max-width: 999px) {
    body:not(.page-theme) .tools .tool-container {
        padding:10px 10px 0;
        display: block;
        background-color: rgba(255,255,255,.3);
        border: 1px solid #4a4a4a;
        border-radius: 20px
    }
}

.row.banner-container .content>:not(.banner) {
    margin-left: 10px
}

.row.banner-container .content>h1 {
    color: #4a4a4a
}

.banner {
    position: relative;
    width: 100%;
    max-width: 375px;
    margin-bottom: 20px;
    font-size: 14px!important;
    line-height: 20px
}

.banner h1,.banner h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 14px
}

.banner h2 {
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif;
    font-weight: 400;
    margin-top: 0;
    padding-bottom: 18px;
    margin-bottom: 24px;
    border-bottom: 1px dashed currentColor
}

.banner p {
    font-size: 14px
}

.banner * {
    color: #4a4a4a
}

.banner>a {
    border: 0
}

.banner>a:hover .banner-wrapper:after {
    display: block;
    background: rgba(0,0,0,.5)
}

.banner .banner-wrapper {
    background-color: #fff;
    padding: 14px 20px 20px;
    height: 100%;
    position: relative;
    overflow: hidden
}

.banner .banner-wrapper>* {
    z-index: 5;
    position: relative
}

.banner .banner-wrapper>a {
    display: block;
    border: 0
}

.banner .picture-wrapper {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    height: 214px;
    overflow: hidden
}

.banner .picture-wrapper picture {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 1
}

.banner .picture-wrapper picture img {
    width: auto;
    height: auto;
    min-width: 100%;
    position: absolute;
    bottom: 0
}

.banner .picture-wrapper picture {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.banner img {
    width: 100%
}

.banner .category {
    display: block;
    padding-bottom: 8px;
    border-bottom: 1px dashed currentColor;
    font-size: 16px
}

.banner.banner-help *,.banner.banner-news:not(.plain) *,.banner.banner-source *,.banner.has-background-image * {
    color: #fff
}

.banner.banner-help .banner-wrapper:after,.banner.banner-news:not(.plain) .banner-wrapper:after,.banner.banner-source .banner-wrapper:after,.banner.has-background-image .banner-wrapper:after {
    content: '';
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 4;
    background: linear-gradient(to bottom,rgba(0,0,0,.7) 0,transparent 60%)
}

.banner.banner-help>a:hover .banner-wrapper:after,.banner.banner-news:not(.plain)>a:hover .banner-wrapper:after,.banner.banner-source>a:hover .banner-wrapper:after,.banner.has-background-image>a:hover .banner-wrapper:after {
    display: block;
    background: rgba(0,0,0,.5)
}

.banner.has-background-image .banner-wrapper picture {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.banner.banner-help .picture-wrapper {
    height: 185px
}

.banner.banner-help .banner-wrapper {
    background-color: #4a90e2
}

.banner.banner-help .banner-wrapper:after {
    display: none
}

.banner.banner-help .banner-wrapper img {
    max-height: 182px
}

.banner.banner-news h2 {
    color: #4a4a4a
}

.banner.banner-plain>a:hover .banner-wrapper:after,.banner.plain>a:hover .banner-wrapper:after {
    content: '';
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 4;
    background: rgba(0,0,0,.05)
}

.banner.plain>a .banner-wrapper,.banner.plain>span .banner-wrapper {
    background: #fff
}

.banner.plain>a .banner-wrapper:after,.banner.plain>span .banner-wrapper:after {
    content: '';
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 4;
    background: rgba(0,0,0,.05)
}

.banner.plain>a:hover .banner-wrapper {
    background: #fff
}

.banner.plain>a:hover .banner-wrapper:after {
    background: 0 0
}

.banner.banner-theme * {
    color: #fff
}

.banner.banner-theme .banner-wrapper {
    background-color: #4a4a4a
}

.banner.banner-theme h2 {
    border: 0
}

.banner.banner-theme>a:hover .banner-wrapper:after {
    content: '';
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 4;
    background: rgba(0,0,0,.5)
}

.banner.banner-plain {
    text-align: center
}

.banner.banner-plain h2 {
    border: 0
}

.banner.banner-plain h1,.banner.banner-plain h2 {
    font-size: 24px;
    line-height: 30px
}

.banner.banner-plain h1+.btn {
    margin-top: 1em;
    margin-bottom: 5px;
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif;
    color: #fff
}

.banner.banner-plain h1+.btn:hover {
    border-color: currentColor;
    color: #a49660
}

.banner.banner-plain .content-wrapper {
    position: absolute;
    left: 50%;
    width: 180px;
    margin-left: -90px;
    bottom: 120px
}

.aside .banner.banner-plain {
    padding: 0;
    min-width: 0
}

@media (min-width: 1000px) {
    .aside .banner.banner-plain {
        padding-right:33.33333%
    }
}

.aside .banner.banner-plain .content-wrapper {
    position: relative;
    bottom: auto;
    width: 100%;
    margin: 0;
    left: 0
}

.aside .banner.banner-plain .banner-wrapper {
    padding: 14px 10px 20px 10px;
    background: 0 0
}

.banner.banner-magazine .banner-wrapper {
    padding-top: 20px
}

.banner.banner-magazine .banner-wrapper:after {
    content: '';
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 4;
    background: linear-gradient(to bottom,rgba(0,0,0,.7) 0,transparent 60%);
    background: linear-gradient(to bottom,#a59567 0,rgba(165,149,103,0) 70%)
}

.banner.banner-magazine .banner-wrapper .picture-wrapper {
    width: 100%;
    height: 214px;
    position: relative;
    overflow: hidden;
    margin-bottom: 55px;
    bottom: auto;
    left: auto;
    right: auto
}

.banner.banner-magazine .banner-wrapper .picture-wrapper img {
    top: 0
}

.banner.banner-magazine>a:hover .banner-wrapper:after {
    display: block;
    background: #a59567
}

.banner.has-background-image .banner-wrapper picture {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 1
}

.banner.has-background-image .banner-wrapper picture img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none
}

.banner.has-background-image * {
    color: #fff;
    font-size: 14px;
    line-height: 24px
}

.banner.has-background-image .category {
    line-height: 20px;
    font-size: 16px
}

.banner.has-background-image h1 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px
}

.banner.has-background-image h2 {
    border: 0
}

.banner.banner-source h1 {
    margin-bottom: 6px
}

.banner.banner-source p {
    font-size: 14px
}

.banner.banner-source .picture-wrapper {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    width: auto
}

@media (min-width: 750px) {
    .banner {
        max-width:none;
        min-width: 320px
    }

    .content .banner {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .content .banner .banner-help .banner-wrapper :not(.category),.content .banner .banner-theme .banner-wrapper :not(.category) {
        max-width: 280px
    }

    .banner.wide {
        min-width: 640px
    }

    .content .banner.wide .banner-wrapper * {
        max-width: none
    }
}

.content .banner {
    height: 423px;
    overflow: hidden
}

@media (min-width: 750px) {
    .content .banner {
        padding-left:10px;
        padding-right: 10px
    }

    .content .banner .banner-wrapper {
        max-width: none
    }

    .content .banner.wide {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1000px) {
    .content .banner {
        width:33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .content .banner.wide {
        width: 66.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.related .banner {
    height: 212px
}

.related .banner h2 {
    border-bottom: 0
}

.related .banner .category {
    font-family: alwynnelight,Arial,Helvetica,sans-serif
}

.banner.collections .banner-wrapper {
    background-color: #7457aa
}

.banner.library .banner-wrapper {
    background-color: #ec8035
}

.banner.coat-of-arms .banner-wrapper {
    background-color: #bf4d59
}

.banner.surnames .banner-wrapper {
    background-color: #3d6ac7
}

.banner.pedigrees .banner-wrapper {
    background-color: #2d9758
}

.banner.who-was-who .banner-wrapper {
    background-color: #9b9b9b
}

[data-tooltip] {
    border: 0;
    display: inline-block;
    background: #f3f3f3;
    padding: 0;
    cursor: pointer
}

.step-by-step [data-tooltip] {
    background: #2f2f2f
}

.tooltipster-default {
    border-radius: 20px;
    background: #f3f3f3;
    width: 270px
}

.page-steps .tooltipster-default {
    background: #2f2f2f;
    color: #fff
}

.tooltipster-default .tooltipster-content {
    font-family: alwynnelight,Arial,Helvetica,sans-serif;
    font-size: 14px;
    overflow: hidden
}

.tooltipster-icon {
    cursor: help;
    margin-left: 4px
}

.tooltipster-base {
    padding: 10px 20px;
    font-size: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    overflow: visible
}

.tooltipster-base .tooltipster-content {
    overflow: hidden
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade-show {
    opacity: 1
}

.row.foldout-container h1 {
    color: #4a4a4a
}

.row.foldout-container .content>:not(div) {
    margin-left: 10px
}

.row.foldout-container.remaining-news>.container-fluid>.content-wrapper {
    width: 100%
}

.row.foldout-container.remaining-news>.container-fluid>.content-wrapper .container-wrapper {
    padding: 0;
    width: 100%
}

.row.foldout-container.remaining-news .foldout {
    width: 100%;
    padding-right: 0
}

.row.foldout-container.remaining-news .foldout:after {
    content: " ";
    display: block;
    clear: both
}

.row.foldout-container.remaining-news .foldout h2,.row.foldout-container.remaining-news .foldout span {
    width: 100%;
    float: none
}

.row.foldout-container.remaining-news .foldout h2 {
    margin-top: 0
}

@media (min-width: 750px) {
    .row.foldout-container.remaining-news .foldout h2,.row.foldout-container.remaining-news .foldout span {
        float:left
    }

    .row.foldout-container.remaining-news .foldout span {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-left: 0;
        padding-top: 30px
    }

    .row.foldout-container.remaining-news .foldout h2 {
        width: 75%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 20px;
        padding-right: 0
    }
}

@media (min-width: 750px) {
    .row.foldout-container>.container-fluid>.content-wrapper {
        width:75%;
        margin-left: 0;
        float: left
    }

    .row.foldout-container>.container-fluid>.content-wrapper:after {
        content: " ";
        display: block;
        clear: both
    }

    .row.foldout-container>.container-fluid>.content-wrapper .category {
        width: 11.11111%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-left: 0
    }

    .row.foldout-container>.container-fluid>.content-wrapper .container-wrapper {
        width: 88.88889%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.foldout-wrapper .category,.foldout-wrapper .container-wrapper {
    width: 100%
}

.foldout-wrapper .category span {
    display: block;
    font-family: frescobold,Georgia,"Times New Roman",Times,serif;
    font-weight: 700;
    font-size: 24px;
    border-top: 1px dashed currentColor;
    padding-top: 18px;
    padding-bottom: 15px;
    text-transform: capitalize
}

@media (min-width: 750px) {
    .foldout-wrapper .category span {
        padding-bottom:15px
    }
}

.foldout-wrapper .header-container {
    width: 100%
}

.foldout-wrapper .header-container:after {
    content: " ";
    display: block;
    clear: both
}

.foldout-wrapper .header-container span {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-left: 0;
    display: block;
    line-height: 40px;
    font-family: fresconormalitalic,Georgia,"Times New Roman",Times,serif;
    font-weight: 700
}

@media (min-width: 750px) {
    .foldout-wrapper .header-container {
        padding-left:11.11111%;
        padding-right: 50px
    }

    .foldout-wrapper .header-container span {
        padding-left: 10px
    }

    .foldout-wrapper .header-container span+span {
        padding-left: 0
    }
}

.foldout-wrapper {
    width: 100%;
    margin-left: 0
}

.foldout-wrapper:last-of-type {
    margin-bottom: 40px;
    border-bottom: 1px dashed currentColor
}

@media (min-width: 750px) {
    .content-wrapper .foldout-wrapper.content {
        padding:0
    }

    .foldout-wrapper:first-of-type .container-foldout:first-of-type {
        border-top: 1px dashed currentColor
    }

    .foldout-wrapper:last-of-type {
        border-bottom: none
    }
}

.container-foldout {
    padding-top: 0;
    padding-bottom: 15px
}

.row-faq .container-foldout {
    padding-top: 15px;
    border-top: 1px dashed currentColor
}

@media (min-width: 750px) {
    .container-foldout {
        padding-top:20px;
        margin-bottom: -1px;
        border-bottom: 1px dashed currentColor
    }
}

.container-foldout .foldout,.container-foldout .toggle {
    padding-right: 50px
}

.container-foldout .toggle {
    cursor: pointer;
    font-size: 18px;
    font-family: frescobold,Georgia,"Times New Roman",Times,serif;
    font-weight: 400;
    position: relative;
    margin-bottom: 5px
}

.container-foldout .toggle span.icon {
    transform: rotate(-180deg);
    display: block;
    width: 24px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 0;
    transition: all 560ms cubic-bezier(.165,.84,.44,1)
}

.container-foldout .toggle span.icon:after,.container-foldout .toggle span.icon:before {
    width: 20px;
    height: 22px;
    cursor: pointer;
    position: absolute
}

.container-foldout .toggle span.icon:before {
    content: "\e909";
    color: #a49660;
    top: 9px;
    left: 0;
    font-size: 15px
}

.container-foldout .toggle span.icon:after {
    content: "\e90a";
    top: 6px;
    left: 9px;
    font-size: 16px;
    color: #4a4a4a
}

.container-foldout .toggle.two-column:after {
    content: " ";
    display: block;
    clear: both
}

.container-foldout .toggle.two-column span:not(.icon) {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-left: 0
}

.container-foldout .toggle.two-column span:first-child {
    font-family: frescobold,Georgia,"Times New Roman",Times,serif
}

.container-foldout.show .toggle .icon {
    transform: rotate(0);
    right: 0;
    top: 0
}

.container-foldout .foldout {
    display: none
}

.container-foldout .foldout p {
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    margin-bottom: 0;
    text-transform: none
}

.container-foldout .foldout p>a {
    transition: all 560ms cubic-bezier(.165,.84,.44,1);
    border-bottom: 1px solid transparent;
    color: #a49660
}

.container-foldout .foldout p>a:hover {
    border-bottom: 1px solid currentColor
}

.news-highlights .tag-taggable {
    display: none
}

.title-row * {
    color: #4a4a4a
}

.has-background-image .title-row * {
    color: #fff
}

.title-row .meta {
    font-family: frescobold,Georgia,"Times New Roman",Times,serif
}

.title-row .page-title {
    padding-bottom: 20px;
    margin-top: 32px;
    margin-bottom: 10px
}

.page-theme .title-row {
    height: calc(100vh - 152px);
    overflow: hidden;
    margin-bottom: 25px
}

.page-theme .title-row * {
    color: #fff
}

.page-theme .title-row .page-title {
    margin-top: 70px;
    font-size: 36px;
    line-height: 42px
}

.page-theme .title-row .page-title span {
    max-width: none
}

@media (min-width: 1000px) {
    .page-theme .title-row {
        height:calc(100vh - 200px)
    }
}

.page-generic .title-row {
    height: 348px;
    overflow: hidden;
    margin-bottom: 25px
}

.page-generic .title-row * {
    color: #fff
}

@media (min-width: 1000px) {
    .page-generic .title-row {
        height:290px
    }
}

.page-overview .title-row {
    overflow: hidden;
    margin-bottom: 25px;
    height: 348px
}

.page-overview .title-row .content {
    margin-left: 0
}

.page-overview .title-row .page-title {
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

@media (min-width: 750px) {
    .page-overview .title-row .content {
        width:66.66667%
    }
}

@media (min-width: 1000px) {
    .page-overview .title-row {
        height:290px
    }
}

.no-header-image .title-row * {
    color: #4a4a4a
}

.no-header-image .title-row .page-title {
    border: 0
}

.login-form h3 {
    margin-bottom: 20px
}

.login-form .textfield-container {
    width: 100%;
    margin-bottom: 10px;
    height: 40px;
    border-radius: 20px;
    background-color: #fff;
    padding: 0 40px 0 20px;
    border: 1px solid #a49660
}

.login-form .textfield-container label {
    display: none
}

.login-form .textfield-container input {
    border: 0;
    margin-top: 5px;
    line-height: 30px;
    height: 30px;
    width: 100%
}

@media (max-width: 599px) {
    .login-form .textfield-container {
        width:100%;
        margin-bottom: 10px
    }
}

.login-form .btn {
    width: 100%;
    margin-bottom: 0;
    text-align: center
}

.login-form .btn.help {
    background-color: #4a90e2;
    border-color: #4a90e2;
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif
}

.login-form .btn:hover {
    color: #a49660;
    background-color: transparent
}

.login-form .btn.btn-search {
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif;
    border-color: #a49660;
    color: #fff;
    width: 49%;
    float: left
}

.login-form .btn.btn-search:last-child {
    margin-left: 2%
}

.login-form .btn.btn-search:hover {
    color: #a49660
}

.price-tag {
    position: absolute;
    display: block;
    width: 100px;
    height: 50px;
    border-radius: 25px;
    line-height: 1.05;
    color: #fff;
    text-align: center;
    background-color: #4a90e2;
    top: 603px;
    right: calc(25vw - 60px);
    padding: 8px 0 3px;
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif
}

.price-tag a,.price-tag span {
    display: inline-block;
    position: relative;
    z-index: 2;
    font-size: 9px
}

.price-tag .price {
    display: none
}

.price-tag .border {
    display: none;
    position: relative;
    width: 120px;
    height: 1px;
    border-bottom: 1px dashed #fff;
    z-index: 0
}

.price-tag .title {
    font-size: 10px;
    width: 80px;
    margin-bottom: 0;
    font-family: frescobold,Georgia,"Times New Roman",Times,serif
}

.price-tag a {
    color: #fff;
    font-size: 10px
}

@media (min-height: 750px) {
    .price-tag {
        top:calc(80vh + 3px)
    }
}

@media (min-width: 750px) {
    .price-tag {
        width:190px;
        height: 190px;
        border-radius: 50%;
        right: 100px;
        padding: 55px 0 0;
        pointer-events: all;
        top: calc(285px)
    }

    .price-tag:after {
        content: '';
        width: 59px;
        height: 226px;
        background: transparent url(/static/images/gop2017.png);
        position: absolute;
        top: 15px;
        left: calc(50% - 30px);
        z-index: 1
    }

    .price-tag a,.price-tag span {
        display: inline-block;
        position: relative;
        font-size: 18px
    }

    .price-tag .border,.price-tag .price {
        display: inline-block
    }

    .price-tag .border {
        top: -6px
    }

    .price-tag .title {
        top: -5px;
        font-size: 24px;
        margin-bottom: 6px;
        width: auto
    }

    .price-tag a {
        color: #fff;
        font-size: 16px
    }
}

@media (min-width: 750px) and (min-height:750px) {
    .price-tag {
        top:calc(40vh - 30px)
    }
}

@media (min-width: 1000px) {
    .price-tag {
        top:calc(315px)
    }
}

@media (min-width: 1000px) and (min-height:860px) {
    .price-tag {
        top:calc(40vh - 30px)
    }
}

footer .price-tag {
    position: relative;
    margin-top: 70px;
    width: 95px;
    height: 95px;
    padding: 21px 0 0;
    left: 0;
    top: 0;
    margin-top: 0;
    border-radius: 50%;
    margin-bottom: 40px
}

footer .price-tag:after {
    content: '';
    width: 30px;
    height: 113px;
    background: transparent url(/static/images/gop2017.png) 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 7px;
    left: calc(50% - 15px);
    z-index: 0
}

footer .price-tag a,footer .price-tag span {
    font-size: 9px
}

footer .price-tag .border,footer .price-tag .price {
    display: inline-block
}

footer .price-tag .border {
    width: 60px;
    top: -10px
}

footer .price-tag .title {
    font-size: 12px;
    top: -10px;
    margin-bottom: 0
}

footer .price-tag a {
    font-size: 8px;
    top: -10px
}

@media (min-width: 750px) {
    footer .price-tag {
        float:right;
        left: 0;
        bottom: 0;
        top: 10px
    }
}

@media (min-width: 1000px) {
    footer .price-tag {
        position:absolute;
        left: 0;
        bottom: 20px;
        top: auto
    }
}

.product-list {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    align-content: stretch;
    align-items: stretch;
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0
}

.product-list__item {
    width: 100%;
    max-width: 320px;
    margin-bottom: 20px
}

@media (min-width: 500px) {
    .product-list {
        justify-content:flex-start
    }

    .product-list__item {
        max-width: none;
        width: calc((100% - 20px)/ 2);
        margin-right: 20px
    }

    .product-list__item:nth-child(2n) {
        margin-right: 0
    }
}

@media (min-width: 1150px) {
    .product-list__item {
        width:calc((100% - 40px)/ 3)
    }

    .product-list__item,.product-list__item:nth-child(2n) {
        margin-right: 20px
    }

    .product-list__item:nth-child(3n) {
        margin-right: 0
    }
}

.product {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px 27px;
    background: #f2f2f2;
    height: 100%
}

.product>* {
    color: #4a4a4a
}

.product .rich-text,.product__divider,.product__title-1,.product__title-2 {
    align-self: stretch
}

.product__divider {
    margin: 15px 0;
    border-top: 1px dashed currentColor
}

.product__title-1 {
    text-align: center;
    margin: 0
}

.product__title-2 {
    text-align: center;
    font-family: frescoregular,Georgia,"Times New Roman",Times,serif;
    font-weight: 400;
    margin-top: 10px
}

.product__button.btn {
    margin: 15px 0 0;
    white-space: normal
}

.product .rich-text * {
    font-size: 14px;
    line-height: 1
}

.product .rich-text>* {
    margin-bottom: 15px
}

.product__wrapper {
    display: flex;
    align-self: stretch;
    flex-flow: column nowrap
}