/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

body,
figure,
form {
    margin: 0
}

.content,
.page,
.project,
.thumbs {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    left: 0
}

.menu-item a,
.menu-item a.active,
.ui-button,
.ui-group,
.ui-pagination li a,
a {
    text-decoration: none
}

.-text-italic,
.-text-subheading,
dfn {
    font-style: italic
}

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

audio,
canvas,
video {
    display: inline-block
}

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

[hidden] {
    display: none
}

button,
html,
input,
select,
textarea {
    font-family: klavika, sans-serif
    font-style: normal;
}

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

h1 {
    margin: .67em 0
}

h2 {
    margin: .83em 0
}

dl,
h3,
menu,
ol,
p,
pre,
ul {
    margin: 1em 0
}

h4 {
    margin: 1.33em 0
}

h5 {
    margin: 1.67em 0
}

h6 {
    margin: 2.33em 0
}

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

b,
strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

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

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

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

.sidebar .ui-button-close,
body {
    font-family: klavika, Courier, 'Corier New', monospace
    font-style: normal;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:after,
q:before {
    content: '';
    content: none
}

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

.page,
.page-content,
.sidebar {
    position: absolute
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ol,
nav ul {
    list-style: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    max-width: 100%
}

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

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

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

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

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

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

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

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

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

.sidebar- .sidebar-bottom,
.sidebar- .sidebar-top,
.sidebar>* {
    padding-left: 3rem;
    padding-right: 3rem
}

textarea {
    overflow: auto;
    vertical-align: top
}

.-button,
.page-caption,
body::after {
    vertical-align: middle
}

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

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

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

body {
    font-size: 14px;
    line-height: 1.5;
    color: #222;
    overflow-y: auto;
    overflow-x: hidden
}

.sidebar,
body.on-sidebar-bottom,
body.on-sidebar-top {
    overflow-y: hidden
}

a {
    color: currentColor;
/*    border-bottom: solid 1px currentColor;*/
    -webkit-transition: all .25 ease-in-out;
    -moz-transition: all .25 ease-in-out;
    transition: all .25 ease-in-out
}

a:hover {
/*  border-bottom-color: transparent*/
    color: #FFA500;
}

a[background],
a[href^="https://www.flickr.com/photos/"] {
    border-bottom: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    line-height: 1.25;
    margin-top: 1em;
    margin-bottom: .5em
}

h4,
h5,
h6 {
    margin-bottom: 0
}

h1 {
    font-size: 2rem
}

h2 {
    font-size: 1.5rem
}

h3 {
    font-size: 1.25rem
}

h4 {
    font-size: 1rem
}

h5 {
    font-size: .875rem
}

h6 {
    font-size: .75rem
}

blockquote,
code,
ol,
p,
pre,
table,
ul {
    margin-top: 1em;
    margin-bottom: 1em
}

p+ol,
p+ul {
    margin-top: -.5em
}

article>a {
    margin-bottom: 1em
}

.project article>:last-child {
    margin-bottom: 2em
}

small {
    font-size: 11px;
    font-family: klavika;
    font-style: italic;
}

a:hover kbd,
kbd {
    border-bottom: dotted 1px;
    font-family: inherit;
    font-size: inherit
}

hr {
    border: 0;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #222
}

.content,
.project,
.thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    max-height: 100%
}

.page-content,
.ui-button,
.ui-group,
.ui-pagination {
    -webkit-backface-visibility: hidden
}

.content {
    background-color: #222
}

.project,
.thumbs {
    background-color: transparent
}

.on-press .content {
    cursor: -moz-grab!important;
    cursor: -webkit-grab!important;
    cursor: grab!important
}

.on-drag .content {
    cursor: -moz-grabbing!important;
    cursor: -webkit-grabbing!important;
    cursor: grabbing!important
}

.-button,
.submenu-trigger,
.thumb img,
.thumb-caption,
.thumb-content:hover,
.ui-pagination li,
.ui-pagination li a {
    cursor: pointer
}

.project article img {
    width: 100%
}

.thumbs {
    top: 500%
}

.sidebar {
    background: #fff;
    -webkit-overflow-scrolling: touch
}

.sidebar>* {
    width: auto;
    float: left;
    display: block
}

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

.sidebar>:last-child {
    margin-bottom: 1.5rem
}

.sidebar>header {
    margin-bottom: 2rem
}

.sidebar>header>* {
    margin-top: 0;
    margin-bottom: 0
}

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

.sidebar a {
    position: relative;
    z-index: 200
}

.sidebar a:hover {
    color: #FFA500
}

.sidebar-left,
.sidebar-right {
    width: 18rem;
    height: 100%;
    padding-top: 1.625rem;
    overflow-y: auto
}

.sidebar-left {
    left: 0;
    max-height: 100%;
    border-right: 1px dotted rgba(0, 0, 0, .13)
}

.sidebar-right {
    right: 0;
    border-left: 1px dotted rgba(0, 0, 0, .13)
}

.sidebar-bottom,
.sidebar-top {
    height: 3.5rem;
    max-width: 100%;
    overflow-y: visible;
    width: 100%
}

.sidebar-top {
    top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .13)
}

.sidebar-bottom {
    bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, .13)
}

.-sidebar .sidebar-bottom,
.-sidebar .sidebar-top,
.page,
.page-content-photo {
    height: 100%
}

.sidebar- .sidebar:hover .ui-button-close {
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    opacity: 1
}

.sidebar- .sidebar:hover .ui-button-close:hover {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg)
}

.sidebar- .sidebar-bottom>:not(.ui),
.sidebar- .sidebar-top>:not(.ui) {
    padding: 0;
    float: none
}

.sidebar- .sidebar-bottom>:last-child,
.sidebar- .sidebar-top>:last-child {
    margin-bottom: 0
}

.sidebar- .sidebar-bottom>header,
.sidebar- .sidebar-top>header {
    margin-bottom: 0;
    margin-right: 3rem
}

.is-mobile .sidebar>* {
    padding-right: 2.25rem;
    padding-left: 2.25rem
}

.-sidebar .sidebar {
    width: 100%;
    overflow-y: auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.page {
    width: 100%;
    top: 500%;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0 0 0);
    -moz-transform: translate3d(0 0 0);
    -ms-transform: translate3d(0 0 0);
    -o-transform: translate3d(0 0 0);
    transform: translate3d(0 0 0);
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    visibility: hidden;
    overflow: auto;
    margin-right: 0;
    background-color: #fff
}

.scroll .page {
    overflow-y: auto
}

.single-page main {
    min-height: 100%
}

.page-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0 0 0);
    -moz-transform: translate3d(0 0 0);
    -ms-transform: translate3d(0 0 0);
    -o-transform: translate3d(0 0 0);
    transform: translate3d(0 0 0);
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 3rem
}

.page-content-photo[self*=left] img,
.ui-button-toggle {
    right: initial
}

.page-content-custom {
    position: relative;
    top: inherit;
    min-height: 100%
}

.page-content-photo.load img {
    width: 100%
}

.page-content-photo[self*=top] img {
    bottom: initial
}

.page-content-photo[self*=bottom] img {
    top: initial
}

.page-caption,
.thumb img {
    right: 0;
    left: 0;
    max-height: 100%
}

.page-content-photo[self*=right] img {
    left: initial
}

.page-content iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 3rem;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.page-content.text {
    top: 6rem;
    left: 6rem;
    background: 0 0
}

a.page-content-custom {
    position: absolute
}

.on-contain,
.on-cover {
    padding: 0
}

.item-cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.page-content img {
    max-height: 100%;
    max-height: calc(100vh - 7rem)
}

.thumbs .page-content {
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .page-content-custom {
        min-height: 100%;
        height: 100%
    }
    .thumbs .page .page-content {
        width: auto
    }
}

.page-caption {
    position: absolute;
    bottom: 72px;
    display: table-cell;
    text-align: center;
    max-width: 600px;
    padding: 4px 0;
    margin: 0 auto;
    -webkit-transition: opacity .4s ease, bottom .4s ease-in-out;
    -moz-transition: opacity .4s ease, bottom .4s ease-in-out;
    transition: opacity .4s ease, bottom .4s ease-in-out
}

.page-caption p {
    margin-bottom: 0
}

.page-caption:hover {
    opacity: 1
}

.menu {
    float: left
}

.menu+* {
    clear: both
}

.sidebar-left .menu,
.sidebar-right .menu {
    margin-bottom: 1.5
}

.menu-content {
    margin: 0;
    padding-left: 0
}

.menu-item>* {
    display: block;
    padding: .25rem 0;
    margin: 0
}

.sidebar- .sidebar-bottom .menu-content,
.sidebar- .sidebar-top .menu-content,
.submenu-content {
    padding-bottom: 0
}

.menu-item a {
    border: 0
}

.menu-item a.active {
    color: #FFA500;
    font-weight: normal
}

.submenu-content {
    font-family: klavika;
    font-style: italic;
    padding-left: 2ch;
    padding-top: 0;
    margin: 0;
    overflow: hidden;
    display: block;
    opacity: 0;
    -webkit-transition: max-height .2s ease-out, opacity .2s ease-out;
    -moz-transition: max-height .2s ease-out, opacity .2s ease-out;
    transition: max-height .2s ease-out, opacity .2s ease-out
}

.submenu-open .submenu-content,
.submenu-trigger:hover::before {
    opacity: 1
}

.submenu-content .menu-item:last-of-type {
    margin-bottom: 6px
}

.submenu-trigger::before {
    position: absolute;
    content: "+";
    margin-right: 1ex;
    opacity: 0;
    margin-left: -2ex;
    width: 2ch
}

.submenu-open .submenu-trigger::before {
    content: "-";
    opacity: 1
}

.sidebar- .sidebar-bottom .submenu-open .submenu-trigger:after,
.sidebar- .sidebar-top .submenu-open .submenu-trigger:after,
.thumb-photo:before {
    content: ""
}

.sidebar- .sidebar-bottom .menu,
.sidebar- .sidebar-top .menu {
    float: none
}

.sidebar- .sidebar-bottom .menu-item,
.sidebar- .sidebar-top .menu-item {
    display: inline-block;
    padding-left: 3ch;
    padding-right: 3ch
}

.sidebar- .sidebar-bottom .submenu-content .menu-item,
.sidebar- .sidebar-top .submenu-content .menu-item,
.thumb img,
.thumb-photo {
    display: block
}

.sidebar- .sidebar-bottom .submenu-content,
.sidebar- .sidebar-top .submenu-content {
    position: absolute;
    min-width: 9rem;
    padding: 0;
    margin-top: 0;
    margin-left: -3ch
}

.sidebar- .sidebar-bottom .submenu,
.sidebar- .sidebar-top .submenu {
    padding-left: 3ch
}

.sidebar- .sidebar-bottom .submenu-open .submenu-content,
.sidebar- .sidebar-bottom .submenu-open.menu-item,
.sidebar- .sidebar-top .submenu-open .submenu-content,
.sidebar- .sidebar-top .submenu-open.menu-item {
    background: #f5f5f5
}

.sidebar- .sidebar-bottom .submenu-open .submenu-content,
.sidebar- .sidebar-top .submenu-open .submenu-content {
    box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .5)
}

.sidebar- .sidebar-bottom .submenu-content {
    bottom: 43px
}

.sidebar- .sidebar-bottom .submenu-content .menu-item:last-of-type {
    margin-bottom: 0
}

.sidebar- .sidebar-bottom .submenu-open .submenu-content {
    padding-bottom: 0;
    margin-bottom: 0;
    box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, .5)
}

.thumb,
.thumb-content {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.thumb {
    position: relative;
    float: left;
    overflow: hidden;
    text-overflow-multiline: ellipsis;
    text-align: center;
    padding: 1.5rem
}

.thumb img {
    position: absolute;
    top: 0;
    bottom: 0;
    max-width: 100%;
    margin: auto;
    padding: 0
}

.thumb-content,
.thumb-photo {
    position: relative;
    width: 100%;
    overflow: hidden
}

.thumb-content img {
    box-shadow: none
}

.text .thumb-content {
    font-weight: 700;
    margin-bottom: 2rem
}

.page-content-photo img,
.photo-enlarged,
.text .thumb-caption {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0
}

.thumb-photo {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-clip: content-box
}

.thumb-photo:before {
    display: block;
    width: 100%;
    padding-top: 66.6667%
}

.thumb-photo.diptych {
    background-position: left center, right center;
    background-size: 50%
}

.thumb-photo.triptych {
    background-position: 0 center, 50% center, 100% center;
    background-size: 33%
}

.photo-contain,
.photo-enlarged,
body::after {
    background-position: center center;
    background-repeat: no-repeat
}

.thumb-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.thumb-caption {
    position: relative;
    width: 100%;
    padding-top: .25rem;
    text-align: center;
    font-size: 11px;
    line-height: 1rem;
    height: 2rem
}

.text .thumb-caption {
    position: absolute
}

.page-content-photo img {
    position: absolute;
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    transition: opacity .4s ease;
    max-height: 100%;
    max-height: calc(100vh - 120px);
    max-width: calc(100% - 24px)
}

.ui-button,
.ui-button img,
.ui-button svg,
.ui-group {
    float: left;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.img-wrapper,
.ui-button img {
    max-width: 100%
}

.on-photo-fit-contain .page-content-photo img,
.on-photo-fit-cover .page-content-photo img {
    display: none
}

.on-photo-fit-contain .page-content-photo,
.on-photo-fit-cover .page-content-photo {
    width: 100%
}

.photo-enlarged {
    position: absolute;
    visibility: visible;
    display: block;
    background-size: contain;
    opacity: 1
}

.on-photo-fit-cover .photo-enlarged {
    background-size: cover
}

.photo-contain {
    background-size: contain
}

.-sm .thumb-content,
.photo-cover {
    background-size: cover
}

.on-photo-fit-contain .page-content-photo {
    overflow: hidden
}

.page-content-photo.load img {
    box-shadow: none;
    opacity: 0
}

.-button:hover,
.fallback main>* {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.page-content-photo.load::after {
    content: 'loading...';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 150px;
    text-align: center;
    margin-left: -75px
}

.load.error {
    background-image: none;
    content: 'Image error'
}

.page-content-video.load::after {
    display: none
}

.ui-group {
    position: absolute
}

.ui-group>*,
.ui-group>.ui-button {
    position: relative;
    float: left;
    margin: 0 0 0 1rem;
    padding: 0;
    border-bottom: 0
}

.ui-button,
.ui-group {
    position: absolute;
    cursor: pointer;
    z-index: 3001;
    font-weight: normal;
    background-color: rgba(255, 255, 255, 0.7);
    display: block;
    padding: .5rem .5rem;
    margin: .75rem 2.25rem;
    transition: all .3s ease-in-out
}

.ui-button img {
    height: auto
}

.ui-button svg {
    fill: currentColor
}

.ui-button img,
.ui-button svg {
    transition: all .3s ease-in-out
}

.ui-button img+span,
.ui-button svg+span {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    line-height: 1.5rem
}

.ui-button span {
    border-bottom: 1px solid currentColor
}

.ui-button:hover span {
    border-bottom: 1px solid transparent
}

a.ui-button {
    border-bottom: 0
}

.ui-button-toggle svg {
    margin-right: 8px
}

.sidebar-top .ui-button-toggle {
    top: 2px
}

.ui-button-prev {
    left: 0;
    bottom: 0;
    right: initial
}

.ui-button-next {
    right: 0;
    bottom: 0;
    float: right;
    text-align: right
}

.-button,
.-text-center,
.fallback aside,
.fallback header,
.ui-enumeration,
.ui-pagination {
    text-align: center
}

.ui-button-section {
    left: initial;
    position: relative;
    float: right;
    margin-left: 0
}

.ui-button-views {
    left: initial;
    position: relative;
    float: right
}

.on-thumbs-enabled .ui-button-views {
    margin-right: 0;
    margin-left: 0
}

.ui-button-close {
    left: initial;
    top: 0;
    right: 0
}

.sidebar .ui-button-close {
    width: auto;
    margin-right: 18px;
    opacity: .35;
    font-size: 26px;
    line-height: 1.5rem;
    font-weight: 400
}

.sidebar .ui-button-close span {
    border: 0
}

.sidebar .ui-button-close:hover {
    opacity: 1;
    color: #F44336
}

.sidebar- .on-sidebar-opened .ui-button-toggle {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.sidebar- .on-sidebar-bottom .ui-button-toggle {
    top: initial;
    bottom: 0
}

.sidebar- .on-sidebar-bottom .ui-button-prev {
    left: initial;
    right: 56px
}

.ui-pagination {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    z-index: 3000;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.ui-pagination li,
.ui-pagination li a .line {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease
}

.ui-pagination li {
    height: 100%;
    margin: 0;
    transition: all .4s ease
}

.ui-pagination li a .dot,
.ui-pagination li a .line {
    z-index: 1;
    margin: auto;
    background-color: currentColor
}

.ui-pagination li a {
    display: inline-block;
    position: relative;
    color: currentColor;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.ui-pagination li a .line {
    position: absolute;
    top: 8px;
    left: 1px;
    width: 37px;
    height: 1px;
    transition: all .4s ease
}

.ui-pagination li a .dot {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 5px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease
}

.ui-pagination li:not(.act) a:hover {
    opacity: .3
}

.ui-pagination li.act {
    opacity: 1
}

.ui-pagination li.act a .dot,
.ui-pagination li.act a .line {
    background-color: #FFA500
}

.ui-pagination.horizontal {
    width: auto;
    height: 2.75rem;
    position: absolute;
    right: 0;
    bottom: .75rem;
    left: 0
}

.ui-pagination.horizontal li {
    display: inline-block;
    width: 2%;
    max-width: 20px;
    min-width: 10px
}

.ui-pagination.horizontal li.act {
    max-width: 36px;
    width: 36px
}

.ui-pagination.horizontal li.act a .dot {
    width: 30px
}

.ui-pagination.vertical {
    width: 3rem;
    height: auto;
    position: absolute;
    top: 50%;
    right: 8px;
    left: initial;
    bottom: initial!important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ui-pagination.vertical li {
    display: block;
    width: 100%;
    height: 20px;
    margin: 0 auto;
    min-height: 1vh
}

.ui-pagination.vertical li.act {
    max-height: 36px;
    height: 36px
}

.ui-pagination.vertical li.act a .dot {
    width: 4px;
    height: 24px
}

.ui-pagination li.hide {
    display: none
}

.ui-enumeration {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    z-index: 3000;
    line-height: 3rem;
    display: none
}

.on-inactive .ui {
    opacity: 0
}

.on-inactive .page-caption {
    bottom: 18px;
    opacity: 1
}

.on-inactive .ui-button-next,
.on-inactive .ui-button-prev {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    transition-delay: 2s
}

.-lg .ui-enumeration {
    bottom: .25rem
}

.-lg .ui-pagination {
    bottom: .375rem
}

.-lg .ui-button,
.-lg .ui-group {
    margin: .25rem .75rem;
    padding: 1rem 1.125rem
}

.-lg .caption {
    bottom: 3rem
}

.-lg .thumb {
    padding: .5rem
}

.-md .ui-pagination {
    bottom: 0;
    display: none
}

.-md .ui-enumeration {
    bottom: 0;
    display: block;
    font-size: 11px
}

.-md .thumb:not(.text) .thumb-caption,
.-sidebar [hide-on-sidebar-mobile],
.sidebar- [hide-on-sidebar-desktop] {
    display: none
}

.-md .ui-button,
.-md .ui-group {
    margin: 0;
    padding: .75rem
}

.-md .ui-button-next {
    right: 0
}

.-md .ui-button-prev {
    left: 0
}

.-md .page-content-photo img {
    max-height: calc(100vh - 96px)
}

.-md .page-content-custom {
    padding: 3rem 1.5rem
}

.-md .page-caption {
    bottom: 3rem
}

.-md .photo-cover,
body::after {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.-md .on-contain,
.-md .on-cover {
    padding: 0
}

.-md .thumb {
    padding: 1px
}

.-md .thumbs .page-content {
    padding-left: .75rem;
    padding-right: .75rem
}

.-md .text .thumb-content {
    margin-bottom: 0
}

.-md .photo .thumb-content,
.-md .thumb-photo {
    height: 100%
}

.-md .thumb-photo::before {
    height: 100%;
    padding-top: 100%
}

.-sm .thumbs .page-content {
    padding-left: 2px;
    padding-right: 2px
}

.-sm .thumb-photo {
    max-height: 100%;
    max-width: 100%
}

::selection {
    background: #333;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #333;
    color: #fff;
    text-shadow: none
}

::-webkit-selection {
    background: #333;
    color: #fff;
    text-shadow: none
}

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

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

body::after {
    opacity: 1;
    content: 'loading...';
    position: fixed;
    padding-top: 24px;
    padding-left: 48px;
    line-height: 20px;
    font-weight: 700;
    font-size: 13px;
    z-index: 10000;
    width: 100vw;
    height: 100vh;
    background-color: #fafafa;
    color: #000
}

body.on-ready::after {
    -webkit-animation-name: fade;
    -webkit-animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-name: fade;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes fade {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        visibility: hidden
    }
}

body.on-fallback::after {
    display: none!important
}

.helper .page>*,
.helper .page>*>*,
.helper .thumb {
    outline: #4489cc dashed 1px
}

.helper .button,
.helper .caption,
.helper .page-content>*>*,
.helper .thumb-content {
    outline: #DD4A68 dotted 1px
}

.helper .pagination {
    border: 1px dotted #32dd86
}

.helper .thumb-photo::before {
    background-color: rgba(81, 206, 36, .31)
}

.on-skin-dark .project {
    background-color: #000
}

.on-skin-dark .on-project .ui,
.on-skin-dark .project .dot,
.on-skin-dark .ui-button-menu {
    color: #eee;
}

.page-skin-dark {
    background-color: #111;
    color: #f5f5f5;
}

.page-skin-dark pre {
    color: initial
}

.on-skin-light .on-project .ui,
.on-skin-light .project .dot {
    color: #212121
}

.page-skin-light {
    background-color: #fff;
    color: #212121
}

body.fallback {
    opacity: 1!important;
    background-color: #f2f2f2;
    margin: 0 auto;
    max-width: 720px
}

body.fallback>* {
    padding: 3rem;
    width: 100%
}

body.fallback>:first-child {
    padding-bottom: 0
}

body.fallback>:last-child {
    padding-top: 0
}

body.fallback::after {
    display: none
}

.fallback main {
    opacity: 1;
    margin: 0 auto
}

.fallback main>* {
    margin: 6vh auto 0!important;
    padding: 3rem!important;
    min-height: 94vh;
    background-color: #fff;
    border-radius: 4px
}

.fallback main>:first-child {
    margin-top: 0!important
}

.fallback main>img {
    text-align: center;
    max-width: 100%;
    height: auto;
    min-height: auto;
    flex: none;
    margin: 0 auto 2rem
}

.fallback main .caption {
    position: relative;
    display: block
}

.fallback [class*="-p"],
.fallback [class*="-m"],
.fallback [class*="-spacing"] {
    margin: 0;
    padding: 0
}

.fallback [self*=size-] {
    width: 100%
}

.fallback aside {
    opacity: 1;
    float: left
}

.fallback aside>* {
    width: 100%;
    margin-bottom: 2rem
}

.fallback figure>img {
    width: 100%;
    height: auto;
    margin: 0 auto 2rem;
    flex: none!important
}

.fallback figure>img:last-of-type,
.fallback nav>* {
    margin-bottom: 0
}

.fallback article div {
    margin-left: auto;
    margin-right: auto
}

.fallback .button {
    position: relative
}

.fallback nav>* {
    display: block;
    padding: .5rem 0
}

.fallback nav a {
    border-bottom: 0;
    text-decoration: underline
}

.fallback nav a:hover {
    background-color: #fff;
    text-decoration: none
}

.fallback [class*=grid-]>*,
.fallback [layout*="rows/"]>* {
    width: 100%!important;
    margin-left: 0;
    margin-right: 0
}

.fallback [skin=dark] {
    background-color: #141414;
    color: #f5f5f5
}

@media (max-width:640px) {
    body.fallback>* {
        padding: 8px
    }
    body.fallback * {
        width: 100%
    }
}

@media (max-width:480px) {
    .fallback main>* {
        padding: 1rem!important
    }
}

.-opacity-0 {
    opacity: 0!important
}

.-opacity-1 {
    opacity: .25!important
}

.-opacity-2 {
    opacity: .55!important
}

.-opacity-3 {
    opacity: .75!important
}

.-opacity-none {
    opacity: 1!important
}

.-pos-absolute {
    position: absolute!important
}

.-pos-relative {
    position: relative!important
}

.-pos-fixed {
    position: fixed!important
}

.-pos-static {
    position: static!important
}

.-pos-top {
    top: 0!important
}

.-pos-bottom {
    bottom: 0!important
}

.-pos-left {
    left: 0!important
}

.-pos-right {
    right: 0!important
}

.-button {
    padding: .75rem 1.25rem;
    background-color: #E53935;
    color: #fff;
    text-decoration: none;
    line-height: 1.25!important;
    width: auto;
    min-width: 7.5rem;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 2px;
    margin: .5rem 0
}

.-button:hover {
    text-decoration: none
}

.-button:active {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .06) 0, transparent 100%)
}

.-button-group .-button {
    border-radius: 0;
    margin-right: -1px;
    float: left
}

.-button-group .-button:first-of-type {
    margin-left: 0;
    border-radius: 2px 0 0 2px
}

.-button-group .-button:last-of-type {
    border-radius: 0 2px 2px 0
}

.-button-outline {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid currentColor;
    color: #222
}

.-button-outline:hover {
    box-shadow: inset 0 0 0 10rem rgba(0, 0, 0, .04);
    border-color: currentColor
}

.-button-text {
    background-color: transparent;
    box-shadow: none;
    text-decoration: underline;
    border: 1px solid transparent;
    color: currentColor
}

.-button-text:hover {
    text-decoration: none;
    box-shadow: none
}

.-button-text:active {
    background-image: none
}

.-button-outline.-text-bold {
    border-width: 2px
}

.-border-none {
    border: 0!important
}

.-border-round {
    border-radius: 3px!important
}

.-border-circle {
    border-radius: 50%!important
}

.-shadow-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)!important
}

.-shadow-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)!important
}

.-shadow-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)!important
}

.-shadow-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)!important
}

.-shadow-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22)!important
}

.-shadow-none {
    box-shadow: none!important
}

.-bg-none {
    background: 0 0!important
}

.-bg-cover,
[fit*=cover] {
    background-size: cover!important
}

.-bg-contain,
[fit*=contain] {
    background-size: contain!important
}

.-bg-repeat-none,
[fit][fit*=repeat-none] {
    background-repeat: no-repeat!important
}

.-bg-repeat,
[fit][fit*=repeat] {
    background-repeat: repeat!important
}

.-bg-repeat-y,
[fit][fit*=repeat-y] {
    background-repeat: repeat-y!important
}

.-bg-repeat-x,
[fit][fit*=repeat-x] {
    background-repeat: repeat-x!important
}

.-bg-norepeat,
[fit] {
    background-repeat: no-repeat!important
}

.-bg-top-left,
[fit][fit*=top-left] {
    background-position: left top!important
}

.-bg-top-center,
[fit][fit*=top-center],
[fit][fit~=top] {
    background-position: center top!important
}

.bg-top-right,
[fit][fit~=top-right] {
    background-position: right top!important
}

.-bg-center-left,
[fit][fit*=center-left],
[fit][fit~=left] {
    background-position: left center!important
}

.-bg-center-center,
.-bg-centered,
[fit*=center-center],
[fit],
[fit~=center] {
    background-position: center center!important
}

.-bg-center-right,
[fit][fit*=center-right],
[fit][fit~=right] {
    background-position: right center!important
}

.-bg-bottom-left,
[fit][fit*=bottom-left] {
    background-position: left bottom!important
}

.-bg-bottom-center,
[fit][fit*=bottom-center],
[fit][fit~=bottom] {
    background-position: center bottom!important
}

.-bg-bottom-right,
[fit][fit*=bottom-right] {
    background-position: right bottom!important
}

.-cph-0>*,
.-lg .-lg-cph-0>*,
.-lg .-lg-ph-0,
.-md.-lg .-md-cph-0>*,
.-md.-lg .-md-ph-0,
.-ph-0,
.-sm.-md.-lg .-sm-cph-0>*,
.-sm.-md.-lg .-sm-ph-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.-cph-1>*,
.-lg .-lg-cph-1>*,
.-lg .-lg-ph-1,
.-md.-lg .-md-cph-1>*,
.-md.-lg .-md-ph-1,
.-ph-1,
.-sm.-md.-lg .-sm-cph-1>*,
.-sm.-md.-lg .-sm-ph-1 {
    padding-left: .25rem!important;
    padding-right: .25rem!important
}

.-cph-2>*,
.-lg .-lg-cph-2>*,
.-lg .-lg-ph-2,
.-md.-lg .-md-cph-2>*,
.-md.-lg .-md-ph-2,
.-ph-2,
.-sm.-md.-lg .-sm-cph-2>*,
.-sm.-md.-lg .-sm-ph-2 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}

.-cph-3>*,
.-lg .-lg-cph-3>*,
.-lg .-lg-ph-3,
.-md.-lg .-md-cph-3>*,
.-md.-lg .-md-ph-3,
.-ph-3,
.-sm.-md.-lg .-sm-cph-3>*,
.-sm.-md.-lg .-sm-ph-3 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}

.-cph-4>*,
.-lg .-lg-cph-4>*,
.-lg .-lg-ph-4,
.-md.-lg .-md-cph-4>*,
.-md.-lg .-md-ph-4,
.-ph-4,
.-sm.-md.-lg .-sm-cph-4>*,
.-sm.-md.-lg .-sm-ph-4 {
    padding-left: 2rem!important;
    padding-right: 2rem!important
}

.-cph-5>*,
.-lg .-lg-cph-5>*,
.-lg .-lg-ph-5,
.-md.-lg .-md-cph-5>*,
.-md.-lg .-md-ph-5,
.-ph-5,
.-sm.-md.-lg .-sm-cph-5>*,
.-sm.-md.-lg .-sm-ph-5 {
    padding-left: 3rem!important;
    padding-right: 3rem!important
}

.-cph-6>*,
.-lg .-lg-cph-6>*,
.-lg .-lg-ph-6,
.-md.-lg .-md-cph-6>*,
.-md.-lg .-md-ph-6,
.-ph-6,
.-sm.-md.-lg .-sm-cph-6>*,
.-sm.-md.-lg .-sm-ph-6 {
    padding-left: 4rem!important;
    padding-right: 4rem!important
}

.-cph-7>*,
.-lg .-lg-cph-7>*,
.-lg .-lg-ph-7,
.-md.-lg .-md-cph-7>*,
.-md.-lg .-md-ph-7,
.-ph-7,
.-sm.-md.-lg .-sm-cph-7>*,
.-sm.-md.-lg .-sm-ph-7 {
    padding-left: 5rem!important;
    padding-right: 5rem!important
}

.-cpv-0>*,
.-lg .-lg-cpv-0>*,
.-lg .-lg-pv-0,
.-md.-lg .-md-cpv-0>*,
.-md.-lg .-md-pv-0,
.-pv-0,
.-sm.-md.-lg .-sm-cpv-0>*,
.-sm.-md.-lg .-sm-pv-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.-cpv-1>*,
.-lg .-lg-cpv-1>*,
.-lg .-lg-pv-1,
.-md.-lg .-md-cpv-1>*,
.-md.-lg .-md-pv-1,
.-pv-1,
.-sm.-md.-lg .-sm-cpv-1>*,
.-sm.-md.-lg .-sm-pv-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.-cpv-2>*,
.-lg .-lg-cpv-2>*,
.-lg .-lg-pv-2,
.-md.-lg .-md-cpv-2>*,
.-md.-lg .-md-pv-2,
.-pv-2,
.-sm.-md.-lg .-sm-cpv-2>*,
.-sm.-md.-lg .-sm-pv-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.-cpv-3>*,
.-lg .-lg-cpv-3>*,
.-lg .-lg-pv-3,
.-md.-lg .-md-cpv-3>*,
.-md.-lg .-md-pv-3,
.-pv-3,
.-sm.-md.-lg .-sm-cpv-3>*,
.-sm.-md.-lg .-sm-pv-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.-cpv-4>*,
.-lg .-lg-cpv-4>*,
.-lg .-lg-pv-4,
.-md.-lg .-md-cpv-4>*,
.-md.-lg .-md-pv-4,
.-pv-4,
.-sm.-md.-lg .-sm-cpv-4>*,
.-sm.-md.-lg .-sm-pv-4 {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important
}

.-cpv-5>*,
.-lg .-lg-cpv-5>*,
.-lg .-lg-pv-5,
.-md.-lg .-md-cpv-5>*,
.-md.-lg .-md-pv-5,
.-pv-5,
.-sm.-md.-lg .-sm-cpv-5>*,
.-sm.-md.-lg .-sm-pv-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.-cpv-6>*,
.-lg .-lg-cpv-6>*,
.-lg .-lg-pv-6,
.-md.-lg .-md-cpv-6>*,
.-md.-lg .-md-pv-6,
.-pv-6,
.-sm.-md.-lg .-sm-cpv-6>*,
.-sm.-md.-lg .-sm-pv-6 {
    padding-top: 4rem!important;
    padding-bottom: 4rem!important
}

.-cpv-7>*,
.-lg .-lg-cpv-7>*,
.-lg .-lg-pv-7,
.-md.-lg .-md-cpv-7>*,
.-md.-lg .-md-pv-7,
.-pv-7,
.-sm.-md.-lg .-sm-cpv-7>*,
.-sm.-md.-lg .-sm-pv-7 {
    padding-top: 5rem!important;
    padding-bottom: 5rem!important
}

.-mh-auto {
    margin-left: auto!important;
    margin-right: auto!important
}

.-cmh-0>*,
.-lg .-lg-cmh-0>*,
.-lg .-lg-mh-0,
.-md.-lg .-md-cmh-0>*,
.-md.-lg .-md-mh-0,
.-mh-0,
.-sm.-md.-lg .-sm-cmh-0>*,
.-sm.-md.-lg .-sm-mh-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.-cmh-1>*,
.-lg .-lg-cmh-1>*,
.-lg .-lg-mh-1,
.-md.-lg .-md-cmh-1>*,
.-md.-lg .-md-mh-1,
.-mh-1,
.-sm.-md.-lg .-sm-cmh-1>*,
.-sm.-md.-lg .-sm-mh-1 {
    margin-left: .25rem!important;
    margin-right: .25rem!important
}

.-cmh-2>*,
.-lg .-lg-cmh-2>*,
.-lg .-lg-mh-2,
.-md.-lg .-md-cmh-2>*,
.-md.-lg .-md-mh-2,
.-mh-2,
.-sm.-md.-lg .-sm-cmh-2>*,
.-sm.-md.-lg .-sm-mh-2 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}

.-cmh-3>*,
.-lg .-lg-cmh-3>*,
.-lg .-lg-mh-3,
.-md.-lg .-md-cmh-3>*,
.-md.-lg .-md-mh-3,
.-mh-3,
.-sm.-md.-lg .-sm-cmh-3>*,
.-sm.-md.-lg .-sm-mh-3 {
    margin-left: 1rem!important;
    margin-right: 1rem!important
}

.-cmh-4>*,
.-lg .-lg-cmh-4>*,
.-lg .-lg-mh-4,
.-md.-lg .-md-cmh-4>*,
.-md.-lg .-md-mh-4,
.-mh-4,
.-sm.-md.-lg .-sm-cmh-4>*,
.-sm.-md.-lg .-sm-mh-4 {
    margin-left: 2rem!important;
    margin-right: 2rem!important
}

.-cmh-5>*,
.-lg .-lg-cmh-5>*,
.-lg .-lg-mh-5,
.-md.-lg .-md-cmh-5>*,
.-md.-lg .-md-mh-5,
.-mh-5,
.-sm.-md.-lg .-sm-cmh-5>*,
.-sm.-md.-lg .-sm-mh-5 {
    margin-left: 3rem!important;
    margin-right: 3rem!important
}

.-cmh-6>*,
.-lg .-lg-cmh-6>*,
.-lg .-lg-mh-6,
.-md.-lg .-md-cmh-6>*,
.-md.-lg .-md-mh-6,
.-mh-6,
.-sm.-md.-lg .-sm-cmh-6>*,
.-sm.-md.-lg .-sm-mh-6 {
    margin-left: 4rem!important;
    margin-right: 4rem!important
}

.-cmh-7>*,
.-lg .-lg-cmh-7>*,
.-lg .-lg-mh-7,
.-md.-lg .-md-cmh-7>*,
.-md.-lg .-md-mh-7,
.-mh-7,
.-sm.-md.-lg .-sm-cmh-7>*,
.-sm.-md.-lg .-sm-mh-7 {
    margin-left: 5rem!important;
    margin-right: 5rem!important
}

.-mv-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.-cmv-0>*,
.-lg .-lg-cmv-0>*,
.-lg .-lg-mv-0,
.-md.-lg .-md-cmv-0>*,
.-md.-lg .-md-mv-0,
.-mv-0,
.-sm.-md.-lg .-sm-cmv-0>*,
.-sm.-md.-lg .-sm-mv-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.-cmv-1>*,
.-lg .-lg-cmv-1>*,
.-lg .-lg-mv-1,
.-md.-lg .-md-cmv-1>*,
.-md.-lg .-md-mv-1,
.-mv-1,
.-sm.-md.-lg .-sm-cmv-1>*,
.-sm.-md.-lg .-sm-mv-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.-cmv-2>*,
.-lg .-lg-cmv-2>*,
.-lg .-lg-mv-2,
.-md.-lg .-md-cmv-2>*,
.-md.-lg .-md-mv-2,
.-mv-2,
.-sm.-md.-lg .-sm-cmv-2>*,
.-sm.-md.-lg .-sm-mv-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.-cmv-3>*,
.-lg .-lg-cmv-3>*,
.-lg .-lg-mv-3,
.-md.-lg .-md-cmv-3>*,
.-md.-lg .-md-mv-3,
.-mv-3,
.-sm.-md.-lg .-sm-cmv-3>*,
.-sm.-md.-lg .-sm-mv-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.-cmv-4>*,
.-lg .-lg-cmv-4>*,
.-lg .-lg-mv-4,
.-md.-lg .-md-cmv-4>*,
.-md.-lg .-md-mv-4,
.-mv-4,
.-sm.-md.-lg .-sm-cmv-4>*,
.-sm.-md.-lg .-sm-mv-4 {
    margin-top: 2rem!important;
    margin-bottom: 2rem!important
}

.-cmv-5>*,
.-lg .-lg-cmv-5>*,
.-lg .-lg-mv-5,
.-md.-lg .-md-cmv-5>*,
.-md.-lg .-md-mv-5,
.-mv-5,
.-sm.-md.-lg .-sm-cmv-5>*,
.-sm.-md.-lg .-sm-mv-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.-cmv-6>*,
.-lg .-lg-cmv-6>*,
.-lg .-lg-mv-6,
.-md.-lg .-md-cmv-6>*,
.-md.-lg .-md-mv-6,
.-mv-6,
.-sm.-md.-lg .-sm-cmv-6>*,
.-sm.-md.-lg .-sm-mv-6 {
    margin-top: 4rem!important;
    margin-bottom: 4rem!important
}

.-cmv-7>*,
.-lg .-lg-cmv-7>*,
.-lg .-lg-mv-7,
.-md.-lg .-md-cmv-7>*,
.-md.-lg .-md-mv-7,
.-mv-7,
.-sm.-md.-lg .-sm-cmv-7>*,
.-sm.-md.-lg .-sm-mv-7 {
    margin-top: 5rem!important;
    margin-bottom: 5rem!important
}

.-lg .-lg-p-0,
.-md.-lg .-md-p-0,
.-p-0,
.-sm.-md.-lg .-sm-p-0 {
    padding: 0!important
}

.-lg .-lg-p-1,
.-md.-lg .-md-p-1,
.-p-1,
.-sm.-md.-lg .-sm-p-1 {
    padding: .25rem!important
}

.-lg .-lg-p-2,
.-md.-lg .-md-p-2,
.-p-2,
.-sm.-md.-lg .-sm-p-2 {
    padding: .5rem!important
}

.-lg .-lg-p-3,
.-md.-lg .-md-p-3,
.-p-3,
.-sm.-md.-lg .-sm-p-3 {
    padding: 1rem!important
}

.-lg .-lg-p-4,
.-md.-lg .-md-p-4,
.-p-4,
.-sm.-md.-lg .-sm-p-4 {
    padding: 2rem!important
}

.-lg .-lg-p-5,
.-md.-lg .-md-p-5,
.-p-5,
.-sm.-md.-lg .-sm-p-5 {
    padding: 3rem!important
}

.-lg .-lg-p-6,
.-md.-lg .-md-p-6,
.-p-6,
.-sm.-md.-lg .-sm-p-6 {
    padding: 4rem!important
}

.-lg .-lg-p-7,
.-md.-lg .-md-p-7,
.-p-7,
.-sm.-md.-lg .-sm-p-7 {
    padding: 5rem!important
}

.-lg .-lg-pl-0,
.-md.-lg .-md-pl-0,
.-pl-0,
.-sm.-md.-lg .-sm-pl-0 {
    padding-left: 0!important
}

.-lg .-lg-pl-1,
.-md.-lg .-md-pl-1,
.-pl-1,
.-sm.-md.-lg .-sm-pl-1 {
    padding-left: .25rem!important
}

.-lg .-lg-pl-2,
.-md.-lg .-md-pl-2,
.-pl-2,
.-sm.-md.-lg .-sm-pl-2 {
    padding-left: .5rem!important
}

.-lg .-lg-pl-3,
.-md.-lg .-md-pl-3,
.-pl-3,
.-sm.-md.-lg .-sm-pl-3 {
    padding-left: 1rem!important
}

.-lg .-lg-pl-4,
.-md.-lg .-md-pl-4,
.-pl-4,
.-sm.-md.-lg .-sm-pl-4 {
    padding-left: 2rem!important
}

.-lg .-lg-pl-5,
.-md.-lg .-md-pl-5,
.-pl-5,
.-sm.-md.-lg .-sm-pl-5 {
    padding-left: 3rem!important
}

.-lg .-lg-pl-6,
.-md.-lg .-md-pl-6,
.-pl-6,
.-sm.-md.-lg .-sm-pl-6 {
    padding-left: 4rem!important
}

.-lg .-lg-pl-7,
.-md.-lg .-md-pl-7,
.-pl-7,
.-sm.-md.-lg .-sm-pl-7 {
    padding-left: 5rem!important
}

.-lg .-lg-pr-0,
.-md.-lg .-md-pr-0,
.-pr-0,
.-sm.-md.-lg .-sm-pr-0 {
    padding-right: 0!important
}

.-lg .-lg-pr-1,
.-md.-lg .-md-pr-1,
.-pr-1,
.-sm.-md.-lg .-sm-pr-1 {
    padding-right: .25rem!important
}

.-lg .-lg-pr-2,
.-md.-lg .-md-pr-2,
.-pr-2,
.-sm.-md.-lg .-sm-pr-2 {
    padding-right: .5rem!important
}

.-lg .-lg-pr-3,
.-md.-lg .-md-pr-3,
.-pr-3,
.-sm.-md.-lg .-sm-pr-3 {
    padding-right: 1rem!important
}

.-lg .-lg-pr-4,
.-md.-lg .-md-pr-4,
.-pr-4,
.-sm.-md.-lg .-sm-pr-4 {
    padding-right: 2rem!important
}

.-lg .-lg-pr-5,
.-md.-lg .-md-pr-5,
.-pr-5,
.-sm.-md.-lg .-sm-pr-5 {
    padding-right: 3rem!important
}

.-lg .-lg-pr-6,
.-md.-lg .-md-pr-6,
.-pr-6,
.-sm.-md.-lg .-sm-pr-6 {
    padding-right: 4rem!important
}

.-lg .-lg-pr-7,
.-md.-lg .-md-pr-7,
.-pr-7,
.-sm.-md.-lg .-sm-pr-7 {
    padding-right: 5rem!important
}

.-lg .-lg-pb-0,
.-md.-lg .-md-pb-0,
.-pb-0,
.-sm.-md.-lg .-sm-pb-0 {
    padding-bottom: 0!important
}

.-lg .-lg-pb-1,
.-md.-lg .-md-pb-1,
.-pb-1,
.-sm.-md.-lg .-sm-pb-1 {
    padding-bottom: .25rem!important
}

.-lg .-lg-pb-2,
.-md.-lg .-md-pb-2,
.-pb-2,
.-sm.-md.-lg .-sm-pb-2 {
    padding-bottom: .5rem!important
}

.-lg .-lg-pb-3,
.-md.-lg .-md-pb-3,
.-pb-3,
.-sm.-md.-lg .-sm-pb-3 {
    padding-bottom: 1rem!important
}

.-lg .-lg-pb-4,
.-md.-lg .-md-pb-4,
.-pb-4,
.-sm.-md.-lg .-sm-pb-4 {
    padding-bottom: 2rem!important
}

.-lg .-lg-pb-5,
.-md.-lg .-md-pb-5,
.-pb-5,
.-sm.-md.-lg .-sm-pb-5 {
    padding-bottom: 3rem!important
}

.-lg .-lg-pb-6,
.-md.-lg .-md-pb-6,
.-pb-6,
.-sm.-md.-lg .-sm-pb-6 {
    padding-bottom: 4rem!important
}

.-lg .-lg-pb-7,
.-md.-lg .-md-pb-7,
.-pb-7,
.-sm.-md.-lg .-sm-pb-7 {
    padding-bottom: 5rem!important
}

.-lg .-lg-pt-0,
.-md.-lg .-md-pt-0,
.-pt-0,
.-sm.-md.-lg .-sm-pt-0 {
    padding-top: 0!important
}

.-lg .-lg-pt-1,
.-md.-lg .-md-pt-1,
.-pt-1,
.-sm.-md.-lg .-sm-pt-1 {
    padding-top: .25rem!important
}

.-lg .-lg-pt-2,
.-md.-lg .-md-pt-2,
.-pt-2,
.-sm.-md.-lg .-sm-pt-2 {
    padding-top: .5rem!important
}

.-lg .-lg-pt-3,
.-md.-lg .-md-pt-3,
.-pt-3,
.-sm.-md.-lg .-sm-pt-3 {
    padding-top: 1rem!important
}

.-lg .-lg-pt-4,
.-md.-lg .-md-pt-4,
.-pt-4,
.-sm.-md.-lg .-sm-pt-4 {
    padding-top: 2rem!important
}

.-lg .-lg-pt-5,
.-md.-lg .-md-pt-5,
.-pt-5,
.-sm.-md.-lg .-sm-pt-5 {
    padding-top: 3rem!important
}

.-lg .-lg-pt-6,
.-md.-lg .-md-pt-6,
.-pt-6,
.-sm.-md.-lg .-sm-pt-6 {
    padding-top: 4rem!important
}

.-lg .-lg-pt-7,
.-md.-lg .-md-pt-7,
.-pt-7,
.-sm.-md.-lg .-sm-pt-7 {
    padding-top: 5rem!important
}

.-lg .-lg-mhn-0,
.-md.-lg .-md-mhn-0,
.-mhn-1,
.-sm.-md.-lg .-sm-mhn-0 {
    margin-left: -.25rem!important;
    margin-right: -.25rem!important
}

.-lg .-lg-mhn-1,
.-md.-lg .-md-mhn-1,
.-mhn-2,
.-sm.-md.-lg .-sm-mhn-1 {
    margin-left: -.5rem!important;
    margin-right: -.5rem!important
}

.-lg .-lg-mhn-2,
.-md.-lg .-md-mhn-2,
.-mhn-3,
.-sm.-md.-lg .-sm-mhn-2 {
    margin-left: -1rem!important;
    margin-right: -1rem!important
}

.-lg .-lg-mhn-3,
.-md.-lg .-md-mhn-3,
.-mhn-4,
.-sm.-md.-lg .-sm-mhn-3 {
    margin-left: -2rem!important;
    margin-right: -2rem!important
}

.-lg .-lg-mhn-4,
.-md.-lg .-md-mhn-4,
.-mhn-5,
.-sm.-md.-lg .-sm-mhn-4 {
    margin-left: -3rem!important;
    margin-right: -3rem!important
}

.-lg .-lg-mhn-5,
.-md.-lg .-md-mhn-5,
.-mhn-6,
.-sm.-md.-lg .-sm-mhn-5 {
    margin-left: -4rem!important;
    margin-right: -4rem!important
}

.-lg .-lg-mhn-6,
.-md.-lg .-md-mhn-6,
.-mhn-7,
.-sm.-md.-lg .-sm-mhn-6 {
    margin-left: -5rem!important;
    margin-right: -5rem!important
}

.-lg .-lg-m-auto,
.-m-auto,
.-md.-lg .-md-m-auto,
.-sm.-md.-lg .-sm-m-auto {
    margin: auto!important
}

.-lg .-lg-m-0,
.-m-0,
.-md.-lg .-md-m-0,
.-sm.-md.-lg .-sm-m-0 {
    margin: 0!important
}

.-lg .-lg-m-1,
.-m-1,
.-md.-lg .-md-m-1,
.-sm.-md.-lg .-sm-m-1 {
    margin: .25rem!important
}

.-lg .-lg-m-2,
.-m-2,
.-md.-lg .-md-m-2,
.-sm.-md.-lg .-sm-m-2 {
    margin: .5rem!important
}

.-lg .-lg-m-3,
.-m-3,
.-md.-lg .-md-m-3,
.-sm.-md.-lg .-sm-m-3 {
    margin: 1rem!important
}

.-lg .-lg-m-4,
.-m-4,
.-md.-lg .-md-m-4,
.-sm.-md.-lg .-sm-m-4 {
    margin: 2rem!important
}

.-lg .-lg-m-5,
.-m-5,
.-md.-lg .-md-m-5,
.-sm.-md.-lg .-sm-m-5 {
    margin: 3rem!important
}

.-lg .-lg-m-6,
.-m-6,
.-md.-lg .-md-m-6,
.-sm.-md.-lg .-sm-m-6 {
    margin: 4rem!important
}

.-lg .-lg-m-7,
.-m-7,
.-md.-lg .-md-m-7,
.-sm.-md.-lg .-sm-m-7 {
    margin: 5rem!important
}

.-lg .-lg-ml-auto,
.-md.-lg .-md-ml-auto,
.-ml-auto,
.-sm.-md.-lg .-sm-ml-auto {
    margin-left: auto!important
}

.-lg .-lg-ml-0,
.-md.-lg .-md-ml-0,
.-ml-0,
.-sm.-md.-lg .-sm-ml-0 {
    margin-left: 0!important
}

.-lg .-lg-ml-1,
.-md.-lg .-md-ml-1,
.-ml-1,
.-sm.-md.-lg .-sm-ml-1 {
    margin-left: .25rem!important
}

.-lg .-lg-ml-2,
.-md.-lg .-md-ml-2,
.-ml-2,
.-sm.-md.-lg .-sm-ml-2 {
    margin-left: .5rem!important
}

.-lg .-lg-ml-3,
.-md.-lg .-md-ml-3,
.-ml-3,
.-sm.-md.-lg .-sm-ml-3 {
    margin-left: 1rem!important
}

.-lg .-lg-ml-4,
.-md.-lg .-md-ml-4,
.-ml-4,
.-sm.-md.-lg .-sm-ml-4 {
    margin-left: 2rem!important
}

.-lg .-lg-ml-5,
.-md.-lg .-md-ml-5,
.-ml-5,
.-sm.-md.-lg .-sm-ml-5 {
    margin-left: 3rem!important
}

.-lg .-lg-ml-6,
.-md.-lg .-md-ml-6,
.-ml-6,
.-sm.-md.-lg .-sm-ml-6 {
    margin-left: 4rem!important
}

.-lg .-lg-ml-7,
.-md.-lg .-md-ml-7,
.-ml-7,
.-sm.-md.-lg .-sm-ml-7 {
    margin-left: 5rem!important
}

.-lg .-lg-mr-auto,
.-md.-lg .-md-mr-auto,
.-mr-auto,
.-sm.-md.-lg .-sm-mr-auto {
    margin-right: auto!important
}

.-lg .-lg-mr-0,
.-md.-lg .-md-mr-0,
.-mr-0,
.-sm.-md.-lg .-sm-mr-0 {
    margin-right: 0!important
}

.-lg .-lg-mr-1,
.-md.-lg .-md-mr-1,
.-mr-1,
.-sm.-md.-lg .-sm-mr-1 {
    margin-right: .25rem!important
}

.-lg .-lg-mr-2,
.-md.-lg .-md-mr-2,
.-mr-2,
.-sm.-md.-lg .-sm-mr-2 {
    margin-right: .5rem!important
}

.-lg .-lg-mr-3,
.-md.-lg .-md-mr-3,
.-mr-3,
.-sm.-md.-lg .-sm-mr-3 {
    margin-right: 1rem!important
}

.-lg .-lg-mr-4,
.-md.-lg .-md-mr-4,
.-mr-4,
.-sm.-md.-lg .-sm-mr-4 {
    margin-right: 2rem!important
}

.-lg .-lg-mr-5,
.-md.-lg .-md-mr-5,
.-mr-5,
.-sm.-md.-lg .-sm-mr-5 {
    margin-right: 3rem!important
}

.-lg .-lg-mr-6,
.-md.-lg .-md-mr-6,
.-mr-6,
.-sm.-md.-lg .-sm-mr-6 {
    margin-right: 4rem!important
}

.-lg .-lg-mr-7,
.-md.-lg .-md-mr-7,
.-mr-7,
.-sm.-md.-lg .-sm-mr-7 {
    margin-right: 5rem!important
}

.-lg .-lg-mb-auto,
.-mb-auto,
.-md.-lg .-md-mb-auto,
.-sm.-md.-lg .-sm-mb-auto {
    margin-bottom: auto!important
}

.-lg .-lg-mb-0,
.-mb-0,
.-md.-lg .-md-mb-0,
.-sm.-md.-lg .-sm-mb-0 {
    margin-bottom: 0!important
}

.-lg .-lg-mb-1,
.-mb-1,
.-md.-lg .-md-mb-1,
.-sm.-md.-lg .-sm-mb-1 {
    margin-bottom: .25rem!important
}

.-lg .-lg-mb-2,
.-mb-2,
.-md.-lg .-md-mb-2,
.-sm.-md.-lg .-sm-mb-2 {
    margin-bottom: .5rem!important
}

.-lg .-lg-mb-3,
.-mb-3,
.-md.-lg .-md-mb-3,
.-sm.-md.-lg .-sm-mb-3 {
    margin-bottom: 1rem!important
}

.-lg .-lg-mb-4,
.-mb-4,
.-md.-lg .-md-mb-4,
.-sm.-md.-lg .-sm-mb-4 {
    margin-bottom: 2rem!important
}

.-lg .-lg-mb-5,
.-mb-5,
.-md.-lg .-md-mb-5,
.-sm.-md.-lg .-sm-mb-5 {
    margin-bottom: 3rem!important
}

.-lg .-lg-mb-6,
.-mb-6,
.-md.-lg .-md-mb-6,
.-sm.-md.-lg .-sm-mb-6 {
    margin-bottom: 4rem!important
}

.-lg .-lg-mb-7,
.-mb-7,
.-md.-lg .-md-mb-7,
.-sm.-md.-lg .-sm-mb-7 {
    margin-bottom: 5rem!important
}

.-lg .-lg-mt-auto,
.-md.-lg .-md-mt-auto,
.-mt-auto,
.-sm.-md.-lg .-sm-mt-auto {
    margin-top: auto!important
}

.-lg .-lg-mt-0,
.-md.-lg .-md-mt-0,
.-mt-0,
.-sm.-md.-lg .-sm-mt-0 {
    margin-top: 0!important
}

.-lg .-lg-mt-1,
.-md.-lg .-md-mt-1,
.-mt-1,
.-sm.-md.-lg .-sm-mt-1 {
    margin-top: .25rem!important
}

.-lg .-lg-mt-2,
.-md.-lg .-md-mt-2,
.-mt-2,
.-sm.-md.-lg .-sm-mt-2 {
    margin-top: .5rem!important
}

.-lg .-lg-mt-3,
.-md.-lg .-md-mt-3,
.-mt-3,
.-sm.-md.-lg .-sm-mt-3 {
    margin-top: 1rem!important
}

.-lg .-lg-mt-4,
.-md.-lg .-md-mt-4,
.-mt-4,
.-sm.-md.-lg .-sm-mt-4 {
    margin-top: 2rem!important
}

.-lg .-lg-mt-5,
.-md.-lg .-md-mt-5,
.-mt-5,
.-sm.-md.-lg .-sm-mt-5 {
    margin-top: 3rem!important
}

.-lg .-lg-mt-6,
.-md.-lg .-md-mt-6,
.-mt-6,
.-sm.-md.-lg .-sm-mt-6 {
    margin-top: 4rem!important
}

.-lg .-lg-mt-7,
.-md.-lg .-md-mt-7,
.-mt-7,
.-sm.-md.-lg .-sm-mt-7 {
    margin-top: 5rem!important
}

.dim {
    opacity: .5!important
}

.-height-max1 {
    max-height: 600px!important
}

[class*=grid-]>*,
[layout*="rows/"]>* {
    margin: 16px
}

.-grid-2>* {
    width: calc(50% - 16px)
}

.-grid-3>* {
    width: calc(33.3333% - 21.33px)
}

.-grid-4>* {
    width: calc(25% - 24px)
}

.-grid-5>* {
    width: calc(20% - 25.6px)
}

.-grid-6>* {
    width: calc(16.6667% - 26.67px)
}

.-grid-2>:nth-child(2n+0),
.-grid-3>:nth-child(3n+0),
.-grid-4>:nth-child(4n+0),
.-grid-5>:nth-child(5n+0),
.-grid-6>:nth-child(6n+0),
[layout*="rows/2"]>:nth-child(2n+0),
[layout*="rows/3"]>:nth-child(3n+0),
[layout*="rows/4"]>:nth-child(4n+0),
[layout*="rows/5"]>:nth-child(5n+0),
[layout*="rows/6"]>:nth-child(6n+0) {
    margin-right: 0
}

.-grid-2>:nth-child(2n+1),
.-grid-3>:nth-child(3n+1),
.-grid-4>:nth-child(4n+1),
.-grid-5>:nth-child(5n+1),
.-grid-6>:nth-child(6n+1),
[layout*="rows/2"]>:nth-child(2n+1),
[layout*="rows/3"]>:nth-child(3n+1),
[layout*="rows/4"]>:nth-child(4n+1),
[layout*="rows/5"]>:nth-child(5n+1),
[layout*="rows/6"]>:nth-child(6n+1) {
    margin-left: 0
}

[layout*="rows/2"]>* {
    width: calc(50% - 16px)!important
}

[layout*="rows/3"]>* {
    width: calc(33.3333% - 21.33px)!important
}

[layout*="rows/4"]>* {
    width: calc(25% - 24px)!important
}

[layout*="rows/5"]>* {
    width: calc(20% - 25.6px)!important
}

[layout*="rows/6"]>* {
    width: calc(16.6667% - 26.67px)!important
}

.lg-.-xl [layout*="rows/5"]>*,
.lg-.-xl [layout*="rows/6"]>* {
    margin: 16px;
    width: calc(33.3333% - 21.33px)!important
}

.lg-.-xl [layout*="rows/5"]>:nth-child(3n+0),
.lg-.-xl [layout*="rows/6"]>:nth-child(3n+0) {
    margin-right: 0
}

.lg-.-xl [layout*="rows/5"]>:nth-child(3n+1),
.lg-.-xl [layout*="rows/6"]>:nth-child(3n+1) {
    margin-left: 0
}

.sm-.-lg [layout*="rows/"]>* {
    margin: 8px;
    width: calc(50% - 16px)!important
}

.sm-.-lg [layout*="rows/"]>:nth-child(2n+0) {
    margin-right: 0
}

.sm-.-lg [layout*="rows/"]>:nth-child(2n+1) {
    margin-left: 0
}

.-sm [layout*="rows/"]>* {
    margin: 4px;
    width: 100%!important
}

.-color-white,
.-hover-color-white:hover {
    color: #fff!important
}

.-color-black,
.-hover-color-black:hover {
    color: #000!important
}

.-color-red,
.-hover-color-red:hover {
    color: #e51c23!important
}

.-color-pink,
.-hover-color-pink:hover {
    color: #e91e63!important
}

.-color-purple,
.-hover-color-purple:hover {
    color: #9c27b0!important
}

.-color-deeppurple,
.-hover-color-deeppurple:hover {
    color: #673ab7!important
}

.-color-indigo,
.-hover-color-indigo:hover {
    color: #3f51b5!important
}

.-color-blue,
.-hover-color-blue:hover {
    color: #5677fc!important
}

.-color-lightblue,
.-hover-color-lightblue:hover {
    color: #03a9f4!important
}

.-color-cyan,
.-hover-color-cyan:hover {
    color: #00bcd4!important
}

.-color-teal,
.-hover-color-teal:hover {
    color: #009688!important
}

.-color-green,
.-hover-color-green:hover {
    color: #259b24!important
}

.-color-lightgreen,
.-hover-color-lightgreen:hover {
    color: #8bc34a!important
}

.-color-lime,
.-hover-color-lime:hover {
    color: #cddc39!important
}

.-color-yellow,
.-hover-color-yellow:hover {
    color: #ffeb3b!important
}

.-color-amber,
.-hover-color-amber:hover {
    color: #ffc107!important
}

.-color-orange,
.-hover-color-orange:hover {
    color: #ff9800!important
}

.-color-deeporange,
.-hover-color-deeporange:hover {
    color: #ff5722!important
}

.-color-brown,
.-hover-color-brown:hover {
    color: #795548!important
}

.-color-grey,
.-hover-color-grey:hover {
    color: #9e9e9e!important
}

.-color-lightgrey,
.-hover-color-lightgrey:hover {
    color: #eee!important
}

.-color-lightgrey2,
.-hover-color-lightgrey2:hover {
    color: #BDBDBD!important
}

.-color-darkgrey,
.-hover-color-darkgrey:hover {
    color: #212121!important
}

.-color-bluegrey,
.-hover-color-bluegrey:hover {
    color: #607d8b!important
}

.-bg-transparent,
.-hover-bg-transparent:hover {
    background-color: transparent
}

.-bg-white,
.-hover-bg-white:hover {
    background-color: #FFF!important
}

.-bg-black,
.-hover-bg-black:hover {
    background-color: #000!important
}

.-bg-grey50,
.-hover-bg-grey50:hover {
    background-color: #FAFAFA!important
}

.-bg-grey100,
.-hover-bg-grey100:hover {
    background-color: #F5F5F5!important
}

.-bg-grey200,
.-hover-bg-grey200:hover {
    background-color: #EEE!important
}

.-bg-grey300,
.-hover-bg-grey300:hover {
    background-color: #E0E0E0!important
}

.-bg-grey400,
.-hover-bg-grey400:hover {
    background-color: #BDBDBD!important
}

.-bg-grey500,
.-hover-bg-grey500:hover {
    background-color: #9E9E9E!important
}

.-bg-grey600,
.-hover-bg-grey600:hover {
    background-color: #757575!important
}

.-bg-grey700,
.-hover-bg-grey700:hover {
    background-color: #616161!important
}

.-bg-grey800,
.-hover-bg-grey800:hover {
    background-color: #424242!important
}

.-bg-grey900,
.-hover-bg-grey900:hover {
    background-color: #212121!important
}

.-bg-red,
.-hover-bg-red:hover {
    background-color: #e51c23!important
}

.-bg-pink,
.-hover-bg-pink:hover {
    background-color: #e91e63
}

.-bg-purple,
.-hover-bg-purple:hover {
    background-color: #9c27b0!important
}

.-bg-deeppurple,
.-hover-bg-deeppurple:hover {
    background-color: #673ab7!important
}

.-bg-indigo,
.-hover-bg-indigo:hover {
    background-color: #3f51b5!important
}

.-bg-blue,
.-hover-bg-blue:hover {
    background-color: #5677fc!important
}

.-bg-lightblue,
.-hover-bg-lightblue:hover {
    background-color: #03a9f4!important
}

.-bg-cyan,
.-hover-bg-cyan:hover {
    background-color: #00bcd4!important
}

.-bg-teal,
.-hover-bg-teal:hover {
    background-color: #009688!important
}

.-bg-green,
.-hover-bg-green:hover {
    background-color: #259b24!important
}

.-bg-lightgreen,
.-hover-bg-lightgreen:hover {
    background-color: #8bc34a!important
}

.-bg-lime,
.-hover-bg-lime:hover {
    background-color: #cddc39!important
}

.-bg-yellow,
.-hover-bg-yellow:hover {
    background-color: #ffeb3b!important
}

.-bg-amber,
.-hover-bg-amber:hover {
    background-color: #ffc107!important
}

.-bg-orange,
.-hover-bg-orange:hover {
    background-color: #ff9800!important
}

.-bg-deeporange,
.-hover-bg-deeporange:hover {
    background-color: #ff5722!important
}

.-bg-brown,
.-hover-bg-brown:hover {
    background-color: #795548!important
}

.-bg-bluegrey,
.-hover-bg-bluegrey:hover {
    background-color: #607d8b!important
}

.-sm.-md.-xl .-text-heading {
    font-size: 3.25em
}

.-lg.-xl .-text-heading {
    font-size: 4em
}

.-text-heading,
.-text-title {
    font-family: klavika-ultrablackcondensed, monospace;
/*    font-size: 48px;    */
    font-size: 4em;
    line-height: 1.125;
    font-weight: normal;
    letter-spacing: -1px;
    margin-top: .25em;
    margin-bottom: .25em
}

.-text-heading a,
.-text-title a {
    border-bottom-width: 2px
}

.-text-title {
    font-size: 64px
}

.-text-subheading {
    font-family: klavika, sans-serif, monospace;
    font-size: 1.125rem;
    font-weight: 400
}

.-text-left {
    text-align: left
}

.-text-right {
    text-align: right
}

.-text-justify {
    text-align: justify
}

.-text-normal,
.-text-regular {
    font-weight: 400
}

.-text-bold {
    font-weight: 700
}

.-text-caps {
    text-transform: uppercase
}

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

.-text-sub {
    vertical-align: sub
}

.-text-sup {
    vertical-align: super
}

.-text-spacing--3 {
    letter-spacing: -3px!important
}

.-text-spacing--2 {
    letter-spacing: -2px!important
}

.-text-spacing--1 {
    letter-spacing: -1px!important
}

.-text-spacing-0 {
    letter-spacing: 0!important
}

.-text-spacing-1 {
    letter-spacing: 1px!important
}

.-text-spacing-2 {
    letter-spacing: 2px!important
}

.-text-spacing-3 {
    letter-spacing: 3px!important
}

.-text-spacing-4 {
    letter-spacing: 4px!important
}

.-text-spacing-5 {
    letter-spacing: 5px!important
}

.-lg .-lg-text-xxsmall,
.-md.-lg .-md-text-xxsmall,
.-sm.-md.-lg .-sm-text-xxsmall,
.-text-xxsmall {
    font-size: 9px;
    font-family: klavika, Verdana, sans-serif!important
    font-style: normal;
}

.-lg .-lg-text-xsmall,
.-md.-lg .-md-text-xsmall,
.-sm.-md.-lg .-sm-text-xsmall,
.-text-xsmall {
    font-size: 11px!important
}

.-lg .-lg-text-small,
.-md.-lg .-md-text-small,
.-sm.-md.-lg .-sm-text-small,
.-text-small {
    font-size: 12px!important
}

.-lg .-lg-text-smaller,
.-md.-lg .-md-text-smaller,
.-sm.-md.-lg .-sm-text-smaller,
.-text-smaller {
    font-size: 14px!important
}

.-lg .-lg-text-medium,
.-md.-lg .-md-text-medium,
.-sm.-md.-lg .-sm-text-medium,
.-text-medium {
    font-size: 16px!important
}

.-lg .-lg-text-larger,
.-md.-lg .-md-text-larger,
.-sm.-md.-lg .-sm-text-larger,
.-text-larger {
    font-size: 18px!important
}

.-lg .-lg-text-large,
.-md.-lg .-md-text-large,
.-sm.-md.-lg .-sm-text-large,
.-text-large {
    font-size: 20px!important
}

.-lg .-lg-text-xlarge,
.-md.-lg .-md-text-xlarge,
.-sm.-md.-lg .-sm-text-xlarge,
.-text-xlarge {
    font-size: 24px!important
}

.-lg .-lg-text-xxlarge,
.-md.-lg .-md-text-xxlarge,
.-sm.-md.-lg .-sm-text-xxlarge,
.-text-xxlarge {
    font-size: 32px!important
}

.-text-line-1 {
    line-height: 1!important
}

.-text-line-2 {
    line-height: 1.125!important
}

.-text-line-3 {
    line-height: 1.25!important
}

.-text-line-4 {
    line-height: 1.5!important
}

.-text-line-5 {
    line-height: 1.75!important
}

.-text-line-6 {
    line-height: 2!important
}

.-text-line-7 {
    line-height: 2.5!important
}

.-text-serif {
    font-family: Georgia, serif
}

.-text-sans {
    font-family: klavika, Verdana, sans-serif
    font-style: normal;
}

.-text-mono {
    font-family: Courier, "Courier New", monospace
}

[class*="-text-break"] {
    word-wrap: break-word;
    display: inline-block;
    white-space: pre-wrap;
    line-height: 1!important
}

.-text-break-9 {
    width: 10ch
}

.-text-break-8 {
    width: 9ch
}

.-text-break-7 {
    width: 8ch
}

.-text-break-6 {
    width: 7ch
}

.-text-break-5 {
    width: 6ch
}

.-text-break-4 {
    width: 5ch
}

.-text-break-3 {
    width: 4ch
}

.-text-break-2 {
    width: 3ch
}

.-text-break-1 {
    width: 2ch
}

.sidebar- .sidebar-bottom [class*="-text-break"],
.sidebar- .sidebar-top [class*="-text-break"] {
    width: auto
}

.-bullets-none {
    list-style-type: none
}

[class*="-format-"],
[fit][fit*=format-] {
    position: relative;
    width: 100%;
    overflow-y: hidden
}

[class*="-format-"]::before,
[fit][fit*=format-]::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%
}

[class*="-format-"]>:first-child,
[fit][fit*=format-]>:first-child {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.-format-16x9::before,
[fit][fit*=format-16x9] {
    padding-top: 56.25%
}

.-format-8x5::before,
[fit][fit*=format-8x5] {
    padding-top: 62.5%
}

.-format-5x4::before,
[fit][fit*=format-5x4] {
    padding-top: 80%
}

.-format-3x2::before,
[fit][fit*=format-3x2] {
    padding-top: 66.66667%
}

.-format-1x1::before,
[fit][fit*=format-1x1] {
    padding-top: 100%
}

.-format-2x1::before,
[fit][fit*=format-2x1] {
    padding-top: 50%
}

.-format-7x6::before,
[fit][fit*=format-7x6] {
    padding-top: 85.71429%
}

.-hide,
.-lg .-lg-hide,
.-md.-lg .-md-hide,
.-sm.-md.-lg .-sm-hide {
    display: none!important
}

.-lg .-lg-show,
.-md.-lg .-md-show,
.-show,
.-sm.-md.-lg .-sm-show {
    display: initial!important
}

.sidebar,
.thumb,
[layout],
article,
figure,
section {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

[layout*=row],
[layout*=column],
article,
figure,
section {
    width: 100%;
    max-width: 100%
}

.-lg [layout*=lg-row],
.-md.-lg [layout*=md-row],
.-sm.-md.-lg [layout*=sm-row],
.sidebar- .sidebar-bottom,
.sidebar- .sidebar-top,
[layout*=row],
figure {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row
}

.-lg [layout*=lg-column],
.-md.-lg [layout*=md-column],
.-sm.-md.-lg [layout*=sm-column],
.sidebar,
.thumb,
[layout*=column]:not([layout*=row]):not(figure),
[layout=""],
article,
section {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

[layout*=row][layout*=reverse] {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse
}

.-lg [layout*=column][layout*=lg-reverse],
.-md.-lg [layout*=column][layout*=md-reverse],
.-sm.-md.-lg [layout*=column][layout*=sm-reverse] {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse
}

[layout*=rows],
[layout*=columns] {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sidebar,
[layout*=row][layout*="-left"],
[layout*=column][layout*=top-],
article[self*=top] {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start
}

.thumb,
[layout*=row][layout*="-center"],
[layout*=column][layout*=center-],
[layout=""],
[layout~=centered],
article,
figure,
section {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

[layout*=row][layout*="-right"],
[layout*=column][layout*=bottom-],
article[self*=bottom] {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

[layout*=row][layout*="-spread"],
[layout*=column][layout*=spread-] {
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute
}

[layout*=row][layout*="-justify"],
[layout*=column][layout*=justify-] {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

[layout*=column][layout*="-left"],
[layout~=row][layout*=top-],
article,
article>figure {
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start
}

.sidebar- .sidebar-bottom,
.sidebar- .sidebar-top,
.thumb,
[layout*=column][layout*="-center"],
[layout~=row][layout*=center-],
[layout~=centered],
figure {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

[layout*=column][layout*="-right"],
[layout~=row][layout*=bottom-] {
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end
}

[layout*=column][layout*="-stretch"],
[layout~=row][layout*=stretch-] {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch
}

[layout*=rows][layout*=top-],
[layout*=columns][layout*="-left"] {
    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    align-content: flex-start;
    -ms-flex-line-pack: start
}

[layout*=rows][layout*=bottom-],
[layout*=columns][layout*="-right"] {
    -webkit-align-content: flex-end;
    -moz-align-content: flex-end;
    align-content: flex-end;
    -ms-flex-line-pack: end
}

[layout*=rows][layout*=center-],
[layout*=columns][layout*="-center"] {
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center;
    -ms-flex-line-pack: center
}

[layout*=rows][layout*=justify-],
[layout*=columns][layout*="-justify"] {
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    align-content: space-between;
    -ms-flex-line-pack: justify
}

[layout*=rows][layout*=spread-],
[layout*=columns][layout*="-spread"] {
    -webkit-align-content: space-around;
    -moz-align-content: space-around;
    align-content: space-around;
    -ms-flex-line-pack: distribute
}

[layout*=rows][layout*=stretch-],
[layout*=columns][layout*="-stretch"] {
    -webkit-align-content: stretch;
    -moz-align-content: stretch;
    align-content: stretch;
    -ms-flex-line-pack: stretch
}

[layout=none] {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none
}

.thumb [self*=top],
[layout*=row] [self*=top],
[layout*=column] [self*=left],
[self*=left],
[self*=left]>.img-wrapper,
figure [self*=top] {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    align-self: flex-start;
    -ms-flex-item-align: start
}

[layout*=column] [self*=top],
article [self*=top] {
    margin-bottom: auto
}

.page-content-photo[self*=center],
.page-content-photo[self],
[layout][self*=center],
article,
figure,
figure[self*=center] {
    margin-left: auto;
    margin-right: auto
}

.-lg [self*=lg-center],
.-md.-lg [self*=md-center],
.-sm.-md.-lg [self*=sm-center],
[self~=center] {
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
    -ms-flex-item-align: center
}

.page-content-photo[self*=right],
[layout][self*=right],
article[self*=right],
figure>[self*=right],
figure[self*=right] {
    margin-right: 0
}

.page-content-photo[self*=left],
article[self*=left] {
    margin-left: 0
}

.thumb [self*=bottom],
[layout*=row] [self*=bottom],
[layout*=column] [self*=right],
[layout=""] [self*=right],
[self*=right],
[self*=right]>.img-wrapper,
figure>[self*=bottom] {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end;
    -ms-flex-item-align: end
}

[layout*=column] [self*=bottom],
article [self*=bottom] {
    margin-top: auto
}

.item-contain,
.item-cover,
[self*=stretch],
figure>article {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch
}

.-lg [self*=lg-size-1of5],
.-md.-lg [self*=md-size-1of5],
.-sm.-md.-lg [self*=sm-size-1of5],
[self~=size-1of5] {
    width: 20%
}

.-lg [self*=lg-size-1of4],
.-md.-lg [self*=md-size-1of4],
.-sm.-md.-lg [self*=sm-size-1of4],
[self~=size-1of4] {
    width: 25%
}

.-lg [self*=lg-size-1of3],
.-md.-lg [self*=md-size-1of3],
.-sm.-md.-lg [self*=sm-size-1of3],
[self~=size-1of3] {
    width: 33.33%
}

.-lg [self*=lg-size-2of5],
.-md.-lg [self*=md-size-2of5],
.-sm.-md.-lg [self*=sm-size-2of5],
[self~=size-2of5] {
    width: 40%
}

.-lg [self*=lg-size-1of2],
.-md.-lg [self*=md-size-1of2],
.-sm.-md.-lg [self*=sm-size-1of2],
[self~=size-1of2] {
    width: 50%
}

.-lg [self*=lg-size-3of5],
.-md.-lg [self*=md-size-3of5],
.-sm.-md.-lg [self*=sm-size-3of5],
[self~=size-3of5] {
    width: 60%
}

.-lg [self*=lg-size-2of3],
.-md.-lg [self*=md-size-2of3],
.-sm.-md.-lg [self*=sm-size-2of3],
[self~=size-2of3] {
    width: 66.6666%
}

.-lg [self*=lg-size-3of4],
.-md.-lg [self*=md-size-3of4],
.-sm.-md.-lg [self*=sm-size-3of4],
[self~=size-3of4] {
    width: 75%
}

.-lg [self*=lg-size-4of5],
.-md.-lg [self*=md-size-4of5],
.-sm.-md.-lg [self*=sm-size-4of5],
[self~=size-4of5] {
    width: 80%
}

.-lg [self*=lg-size-1of1],
.-md.-lg [self*=md-size-1of1],
.-sm.-md.-lg [self*=sm-size-1of1],
[self~=size-1of1] {
    width: 100%
}

[self*=size-auto] {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.-lg [self*=lg-size-x0],
.-md.-lg [self*=md-size-x0],
.-sm.-md.-lg [self*=sm-size-x0],
.portrait section,
[self*=size-x0] {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.-lg [self*=lg-size-x1],
.-md.-lg [self*=md-size-x1],
.-sm.-md.-lg [self*=sm-size-x1],
[layout*=row][layout*="-stretch"]>:not([self*=size-]),
[layout*=column][layout*=stretch-]>:not([self*=size-]),
[self~=size-x1],
figure>:not([self*=size-]),
section {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 .00001%;
    -moz-flex: 1 0 .00001%;
    -ms-flex: 1 0 .00001%;
    flex: 1 0 .00001%
}

.-lg [self*=lg-size-x2],
.-md.-lg [self*=md-size-x2],
.-sm.-md.-lg [self*=sm-size-x2],
[self~=size-x2] {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2 0 .00001%;
    -moz-flex: 2 0 .00001%;
    -ms-flex: 2 0 .00001%;
    flex: 2 0 .00001%
}

.-lg [self*=lg-size-x3],
.-md.-lg [self*=md-size-x3],
.-sm.-md.-lg [self*=sm-size-x3],
[self~=size-x3] {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    box-flex: 3;
    -webkit-flex: 3 0 .00001%;
    -moz-flex: 3 0 .00001%;
    -ms-flex: 3 0 .00001%;
    flex: 3 0 .00001%
}

.-lg [self*=lg-size-x4],
.-md.-lg [self*=md-size-x4],
.-sm.-md.-lg [self*=sm-size-x4],
[self~=size-x4] {
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    box-flex: 4;
    -webkit-flex: 4 0 .00001%;
    -moz-flex: 4 0 .00001%;
    -ms-flex: 4 0 .00001%;
    flex: 4 0 .00001%
}

.-lg [self*=lg-size-x5],
.-md.-lg [self*=md-size-x5],
.-sm.-md.-lg [self*=sm-size-x5],
[self~=size-x5] {
    -webkit-box-flex: 5;
    -moz-box-flex: 5;
    box-flex: 5;
    -webkit-flex: 5 0 .00001%;
    -moz-flex: 5 0 .00001%;
    -ms-flex: 5 0 .00001%;
    flex: 5 0 .00001%
}

.-lg [self*=lg-size-x6],
.-md.-lg [self*=md-size-x6],
.-sm.-md.-lg [self*=sm-size-x6],
[self~=size-x6] {
    -webkit-box-flex: 6;
    -moz-box-flex: 6;
    box-flex: 6;
    -webkit-flex: 6 0 .00001%;
    -moz-flex: 6 0 .00001%;
    -ms-flex: 6 0 .00001%;
    flex: 6 0 .00001%
}

.-lg [self*=lg-size-x7],
.-md.-lg [self*=md-size-x7],
.-sm.-md.-lg [self*=sm-size-x7],
[self~=size-x7] {
    -webkit-box-flex: 7;
    -moz-box-flex: 7;
    box-flex: 7;
    -webkit-flex: 7 0 .00001%;
    -moz-flex: 7 0 .00001%;
    -ms-flex: 7 0 .00001%;
    flex: 7 0 .00001%
}

.-lg [self*=lg-size-x8],
.-md.-lg [self*=md-size-x8],
.-sm.-md.-lg [self*=sm-size-x8],
[self~=size-x8] {
    -webkit-box-flex: 8;
    -moz-box-flex: 8;
    box-flex: 8;
    -webkit-flex: 8 0 .00001%;
    -moz-flex: 8 0 .00001%;
    -ms-flex: 8 0 .00001%;
    flex: 8 0 .00001%
}

.-lg [self*=lg-size-x9],
.-md.-lg [self*=md-size-x9],
.-sm.-md.-lg [self*=sm-size-x9],
[self~=size-x9] {
    -webkit-box-flex: 9;
    -moz-box-flex: 9;
    box-flex: 9;
    -webkit-flex: 9 0 .00001%;
    -moz-flex: 9 0 .00001%;
    -ms-flex: 9 0 .00001%;
    flex: 9 0 .00001%
}

[self*=size-x]:not([self*=small]):not([self*=large]) {
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    -ms-flex-negative: 1
}

.-lg [self*=lg-order-first],
.-md.-lg [self*=md-order-first],
.-sm.-md.-lg [self*=sm-order-first],
[self~=order-first] {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    box-ordinal-group: -1;
    -webkit-order: -1;
    -moz-order: -1;
    order: -1;
    -ms-flex-order: -1
}

.-lg [self*=lg-order-1],
.-md.-lg [self*=md-order-1],
.-sm.-md.-lg [self*=sm-order-1],
[self~=order-1] {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1
}

.-lg [self*=lg-order-2],
.-md.-lg [self*=md-order-2],
.-sm.-md.-lg [self*=sm-order-2],
[self~=order-2] {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2
}

.-lg [self*=lg-order-3],
.-md.-lg [self*=md-order-3],
.-sm.-md.-lg [self*=sm-order-3],
[self~=order-3] {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3
}

.-lg [self*=lg-order-last],
.-md.-lg [self*=md-order-last],
.-sm.-md.-lg [self*=sm-order-last],
[self~=order-last] {
    -webkit-box-ordinal-group: 999;
    -moz-box-ordinal-group: 999;
    box-ordinal-group: 999;
    -webkit-order: 999;
    -moz-order: 999;
    order: 999;
    -ms-flex-order: 999
}

[self~=size-xxlarge] {
    max-width: 1440px;
    width: 100%
}

[self~=size-xlarge] {
    max-width: 1200px;
    width: 100%
}

[self~=size-large] {
    max-width: 960px;
    width: 100%
}

[self~=size-larger] {
    max-width: 840px;
    width: 100%
}

[self~=size-medium],
article:not([self*=size-]) {
    max-width: 720px;
    width: 100%
}

[self~=size-smaller] {
    max-width: 600px;
    width: 100%
}

[self~=size-small] {
    max-width: 480px;
    width: 100%
}

[self~=size-xsmall] {
    max-width: 360px;
    width: 100%
}

[self~=size-xxsmall] {
    max-width: 240px;
    width: 100%
}

figure>article:not([self]) {
    max-width: 100%
}

.-lg [layout~=lg-spacing-0]>*,
.-md.-lg [layout~=md-spacing-0]>*,
.-sm.-md.-lg [layout~=sm-spacing-0]>*,
[layout~=spacing-0]>* {
    margin-left: 0;
    margin-right: 0
}

.-lg [layout~=lg-spacing-1]>*,
.-md.-lg [layout~=md-spacing-1]>*,
.-sm.-md.-lg [layout~=sm-spacing-1]>*,
[layout~=spacing-1]>* {
    margin-left: .25rem;
    margin-right: .25rem
}

.-lg [layout~=lg-spacing-2]>*,
.-md.-lg [layout~=md-spacing-2]>*,
.-sm.-md.-lg [layout~=sm-spacing-2]>*,
[layout~=spacing-2]>* {
    margin-left: .5rem;
    margin-right: .5rem
}

.-lg [layout~=lg-spacing-3]>*,
.-md.-lg [layout~=md-spacing-3]>*,
.-sm.-md.-lg [layout~=sm-spacing-3]>*,
[layout~=spacing-3]>* {
    margin-left: 1rem;
    margin-right: 1rem
}

.-lg [layout~=lg-spacing-4]>*,
.-md.-lg [layout~=md-spacing-4]>*,
.-sm.-md.-lg [layout~=sm-spacing-4]>*,
[layout~=spacing-4]>* {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.-lg [layout~=lg-spacing-5]>*,
.-md.-lg [layout~=md-spacing-5]>*,
.-sm.-md.-lg [layout~=sm-spacing-5]>*,
[layout~=spacing-5]>* {
    margin-left: 2rem;
    margin-right: 2rem
}

.-lg [layout~=lg-spacing-6]>*,
.-md.-lg [layout~=md-spacing-6]>*,
.-sm.-md.-lg [layout~=sm-spacing-6]>*,
[layout~=spacing-6]>* {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.-lg [layout~=lg-spacing-7]>*,
.-md.-lg [layout~=md-spacing-7]>*,
.-sm.-md.-lg [layout~=sm-spacing-7]>*,
[layout~=spacing-7]>* {
    margin-left: 3rem;
    margin-right: 3rem
}

[layout*=spacing-]>:first-child {
    margin-left: 0
}

[layout*=spacing-]>:last-child {
    margin-right: 0
}

.portrait [layout*=spacing-]>* {
    margin-left: 0;
    margin-right: 0
}

.-lg [layout*=lg-column]>*,
.-md.-lg [layout*=md-column]>*,
.-sm.-md.-lg [layout*=sm-column]>*,
.sidebar-left>*,
.sidebar-right>*,
[layout*=column]:not([layout*=row]):not(figure)>*,
article>*,
section>* {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto
}

.project [layout] img,
.project figure img {
    height: auto;
    width: auto
}

@supports (-moz-appearance:none) and (display:contents) {
    .project [layout] img,
    .project figure img {
        width: 100%
    }
}

img[self~=bottom] {
    top: initial
}

img[self~=top] {
    bottom: initial
}

img[self~=right] {
    left: initial
}

img[self~=left] {
    right: initial
}

[test]:not([test*=head]) {
    color: green
}

.portrait .page-content-custom img {
    width: auto;
    height: auto;
    max-height: 100vh
}

.portrait .photo-2ptych img {
    max-height: 43vh
}

.portrait .photo-3ptych img {
    max-height: 27vh
}

.portrait .photo-4ptych img {
    max-height: 20vh
}

.portrait .photo-5ptych img {
    max-height: 16vh
}

.fallback [layout~=row],
.portrait .project [layout~=row] {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.fallback [self*=size-x]:not([self*=small]):not([self*=large]):not([fit]),
.portrait .project [self*=size-x]:not([self*=small]):not([self*=large]):not([fit]) {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%
}

.fallback [self*=of],
.portrait .project [self*=of] {
    width: 100%
}

.fallback [layout*="-stretch"],
.fallback figure,
.portrait .project [layout*="-stretch"],
.portrait .project figure {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.fallback [layout*="-stretch"]>*,
.fallback figure>*,
.portrait .project [layout*="-stretch"]>*,
.portrait .project figure>* {
    margin-left: 0;
    margin-right: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto;
    width: 100%
}

.portrait .project .page-content article,
.portrait .project .page-content figure>:not([fit]) {
    -webkit-flex-grow: 0!important;
    -moz-flex-grow: 0!important;
    flex-grow: 0!important;
    -ms-flex-positive: 0!important
}

.helper [layout]>* {
    border: 1px dotted #b3d4fc
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    [layout*=column]:not([layout*=row])>*,
    article>*,
    section>* {
        max-width: 100%
    }
    .page-content>section {
        height: 100%
    }
    .portrait [layout],
    .portrait [layout]>* {
        flex-basis: auto
    }
    .portrait .item-contain,
    .portrait .item-cover,
    .portrait [self*=stretch],
    .portrait figure>article {
        -webkit-align-self: auto;
        -moz-align-self: auto;
        align-self: auto;
        -ms-flex-item-align: auto
    }
    .portrait section {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .img-wrapper {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        flex-shrink: 0;
        -ms-flex-negative: 0;
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        flex-basis: auto;
        -ms-flex-preferred-size: auto
    }
    article[self*=top] {
        height: auto!important
    }
    .img-wrapper,
    [self~=size-]>* {
        height: auto
    }
}