@import url(/koken/storage/themes/boulevard-2-custom/css/fonts/default.css);
body {
    background-color: #ffffff;
    color: rgb(102, 102, 102);
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: 100%
}

a:active,
a:hover,
a:link,
a:visited {
    color: rgb(255, 255, 255);
    text-decoration: none
}

a:hover {
    color: rgb(255, 255, 255);
    text-decoration: underline
}

b,
strong {
    font-weight: 700
}

em {
    font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222222}

h1 {
    font-size: 1.6em;
    line-height: 1.09em;
    margin: 1.09em 0
}

h1,
h2 {
    font-weight: 400
}

h2 {
    font-size: 1.19em;
    line-height: 1.41em;
    margin: 1.41em 0
}

h3 {
    line-height: 1.5em
}

h3,
h4 {
    font-size: 1em;
    margin: 1.5em 0;
    font-weight: 400
}

h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.5
}

p {
    margin: 17px 0
}

blockquote {
    font-style: italic
}

small {
    font-size: 80%
}

img {
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom
}

img.k-lazy-loading {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 24px 24px;
    background-image: url(/koken/storage/themes/boulevard-2-custom/css/white/spinner.svg)
}

.rarr:after {
    content: " →"
}

header {
    width: 100%;
    position: relative;
    background: rgba(255, 255, 255,0);
    text-align: left
}

header .in {
    padding: 0px 75px 8px 75px;
    overflow: auto
}

#site-title {
    vertical-align: baseline;
    text-align: left
}

a.inherit,
a.pag {
    color: inherit
}

a.pag {
    font-size: 90%;
    text-decoration: none!important
}

a.pag.back:before {
    content: "\2190";
    padding-right: 5px
}

a.pag.next:after {
    content: "\2192";
    padding-left: 5px
}

h1.site {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-size: 2em;
    color: rgb(153, 153, 153)!important;
    display: inline
}

h1.site a:active,
h1.site a:hover,
h1.site a:link,
h1.site a:visited {
    color: inherit
}

h1.site a:hover {
    text-decoration: none
}

h2.tag {
    display: inline;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1em;
    color: #999999!important;
    letter-spacing: -1px
}

nav ul {
    display: inline-block;
    margin: 0 0 6px;
    padding: 0
}

nav li {
    display: inline;
    margin-right: 15px;
    float: left
}

nav a:active,
nav a:hover,
nav a:link,
nav a:visited {
    color: rgb(221, 219, 219);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.9em
}

nav a:hover {
    color: rgb(255, 255, 255);
    text-decoration: none
}

nav a.k-nav-current {
    color: rgb(255, 242, 0)}

ol#lane-nav {
    display: inline;
    padding: 0;
    margin: 0;
    margin-left: 0px
}

ol#lane-nav li {
    display: inline-block;
    margin-right: 10px
}

ol#lane-nav a {
    color: #999999;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.9em
}

ol#lane-nav a:hover {
    color: #000000!important
}

.k-note {
    background: #fcf0ad
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0 0 .5rem;
    position: relative
}

label {
    font-size: .875rem;
    color: #222222;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    font-weight: 400;
    margin-bottom: .5em
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    border-radius: 0;
    background-color: #ffffff;
    font-family: inherit;
    border: 1px solid #999999;
    color: #777777;
    display: block;
    font-size: .875rem;
    font-family: inherit!important;
    margin: 0 0 1em;
    padding: .5em;
    height: auto;
    width: 100%;
    -webkit-appearance: none;
    box-sizing: border-box
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    border-color: #000000;
    outline: none
}

input[type=color]:disabled,
input[type=date]:disabled,
input[type=datetime-local]:disabled,
input[type=datetime]:disabled,
input[type=email]:disabled,
input[type=month]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=time]:disabled,
input[type=url]:disabled,
input[type=week]:disabled,
textarea:disabled {
    background-color: #ddd;
    cursor: default
}

input[type=checkbox],
input[type=file],
input[type=radio],
select {
    margin: 0 0 1rem
}

input[type=checkbox]+label,
input[type=radio]+label {
    display: inline-block;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline
}

textarea[rows] {
    height: auto
}

textarea {
    max-width: 100%
}

.button,
button {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: inherit;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 1em;
    position: relative;
    text-decoration: none;
    text-align: center;
    border-radius: 0;
    display: inline-block;
    padding: .5rem 1.5rem;
    font-size: 1rem;
    background-color: #000000;
    color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none
}

.button:focus,
.button:hover,
button:focus,
button:hover {
    background-color: rgb(255, 255, 255);
    color: #fff
}

.button.large,
button.large {
    padding: 1.125rem 2.25rem 1.1875rem;
    font-size: 1.25rem
}

.button.small,
button.small {
    padding: .875rem 1.75rem .9375rem;
    font-size: .8125rem
}

.button.tiny,
button.tiny {
    padding: .625rem 1.25rem .6875rem;
    font-size: .6875rem
}

.button.disabled,
.button[disabled],
button.disabled,
button[disabled] {
    opacity: .5
}

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

.k-contact-form fieldset.k-contact-form-error label {
    color: red
}

.k-contact-form-success {
    padding: 1em 0
}

.k-contact-form-success:before {
    content: '✔';
    color: #000;
    margin-right: 6px
}

.k-contact-form-required-field label:after {
    content: '*';
    color: red
}

.k-content-form-processing {
    opacity: .5
}

.k-content-form-processing button[type=submit] {
    pointer-events: none!important
}

.k-contact-form-error label:before {
    position: absolute;
    right: 0;
    color: red;
    content: "This field is required"
}

.k-contact-form-error input[type=color],
.k-contact-form-error input[type=date],
.k-contact-form-error input[type=datetime-local],
.k-contact-form-error input[type=datetime],
.k-contact-form-error input[type=email],
.k-contact-form-error input[type=month],
.k-contact-form-error input[type=number],
.k-contact-form-error input[type=password],
.k-contact-form-error input[type=search],
.k-contact-form-error input[type=tel],
.k-contact-form-error input[type=text],
.k-contact-form-error input[type=time],
.k-contact-form-error input[type=url],
.k-contact-form-error input[type=week],
.k-contact-form-error textarea {
    border-color: red
}

body.k-lens-featured header,
body.k-source-album header,
body.k-source-favorites header,
body.k-source-index header {
    position: fixed;
    z-index: 999;
    top: 0
}

#lane {
    position: relative;
    box-sizing: border-box
}

#lane .cell {
    float: left;
    position: relative;
    padding: 0 4px 0 0
}

#lane h2 {
    font-size: 0.75em;
    line-height: 1.7;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 4px 0 0
}

#album-intro,
#lane .content,
#lane img {
    height: 520px
}

#lane p.null {
    margin-left: 4px;
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 75px;
    margin-left: -4px
}

#album-intro {
    background: rgba(137, 184, 208,0);
    width: 433px;
    overflow: auto
}

#album-intro .wrap {
    padding: 30px 40px 40px 40px
}

#album-intro h1 {
    color: rgb(232, 151, 0);
    line-height: 1.5;
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 300;
    font-size: 2em;
    margin: 0 0 17px;
    padding: 0
}

#album-intro p {
    font-size: 0.9em;
    line-height: 1.5;
    color: rgb(119, 119, 119);
    margin: 0 0 17px;
    padding: 0
}

.cell h3 {
    font-weight: 700;
    padding: 0
}

.cell h3,
p.caption {
    display: block;
    margin: 6px 0 0
}

p.caption {
    font-size: .9em;
    padding: 0 15px 0 0
}

#text {
    width: 885px;
    margin-left: 75px;
    position: relative
}

#text article {
    margin-bottom: 32px
}

#text div.lcol {
    width: 675px;
    margin-right: 20px;
    float: left;
    box-sizing: border-box
}

#text div.rcol {
    width: 180px;
    float: right;
    padding-top: 12px
}

#next-prev div.next {
    width: 50%;
    float: left;
    padding: 12px 12px 0 0;
    box-sizing: border-box
}

#next-prev div.prev {
    width: 50%;
    float: right;
    padding: 12px 0 0 12px;
    text-align: right;
    box-sizing: border-box
}

#next-prev h3 {
    margin: 0
}

#next-prev .small,
#next-prev time {
    font-size: .8em
}

#text p.data strong {
    font-weight: 600;
    color: #222
}

#text .k-content-embed {
    margin: 17px 0
}

#text .k-content {
    line-height: 0
}

#text .k-content img {
    max-width: 100%;
    height: auto
}

#text .k-content-text {
    margin: 5px 0 0;
    font-size: .75em;
    line-height: 2em 0
}

#text .k-content-title {
    margin: 0 5px 0 0;
    display: block;
    font-weight: 600
}

#text .k-content-caption {
    font-style: italic
}

aside {
    font-size: .8em;
    margin-bottom: 20px
}

aside h2 {
    font-size: .94em;
    text-transform: uppercase;
    font-weight: 600
}

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

aside ul li {
    margin: 0 0 10px;
    padding: 0
}

article .share_content {
    display: inline-block
}

article footer {
    font-size: .8em
}

article .share_button {
    color: rgb(255, 255, 255)}

footer {
    width: 100%;
    position: relative;
    clear: both;
    text-align: center
}

footer a {
    color: rgb(221, 219, 219);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.9em
}

body.k-lens-featured footer,
body.k-source-album footer,
body.k-source-favorites footer,
body.k-source-index footer {
    display: none
}

#pagination {
    clear: left;
    margin-bottom: 17px
}

#albums {
    margin-left: 75px;
    position: relative
}

#albums div.item {
    width: 400px;
    float: left;
    margin-right: 5px;
    padding-bottom: 10px
}

#albums div.text {
    margin-top: 5px
}

#albums h2 {
    margin: 0;
    padding: 0;
    font-size: 0.75em;
    line-height: 1.7;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 600}

#albums p {
    font-size: 0.75em;
    line-height: 1.5;
    margin: 0 0 5px;
    padding: 0
}

#icons {
    float: right
}

#icons a:hover {
    color: rgb(255, 255, 255)}

#icons a {
    margin-left: 6px;
    font-size: 14px
}

#icons a.email {
    margin-right: 1px
}

div#kdiscuss {
    margin-top: 17px
}

#lane .share_content {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 999
}

#lane .cell:hover .content-share {
    opacity: 1
}

#lane div.kshare {
    margin-top: 0;
    left: 0;
    box-shadow: none
}

.content-share {
    opacity: 0;
    background-color: rgba(0, 0, 0, .25);
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.content-share,
.content-share i {
    display: block;
    width: 27px;
    height: 27px
}

.content-share i {
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAJklEQVR42tWQsQkAAAzC/P/pOBbcOhRqIJOZFBAOub2JF9zFjdcZ8S2ibBpvXT4AAAAASUVORK5CYII=)
}

.content-share.active {
    background: #fff
}

.content-share.active i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAKUlEQVR42tWQsQkAAAjD/P/p6CJiFydBC5mSqQY0YiTqrsQlZ/bij9c55Sr4CL0abIAAAAAASUVORK5CYII=);
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media only screen and (min-width:768px) {
    #text+footer {
        width: 675px;
        margin-left: 75px;
        margin-right: 20px
    }
}

body.k-lens-splash_fa header,
body.k-lens-splash header {
    background: rgba(255, 255, 255,0);
    color: #000000}

body.k-lens-splash #mob-menu,
body.k-lens-splash_fa #icons a,
body.k-lens-splash_fa #mob-menu,
body.k-lens-splash_fa nav a,
body.k-lens-splash nav a {
    color: #000000}

body.k-lens-splash_fa #icons a:hover,
body.k-lens-splash_fa header a.k-nav-current,
body.k-lens-splash_fa header a:hover,
body.k-lens-splash header a:hover {
    color: #000000}

body.k-lens-splash_fa header h1.site a,
body.k-lens-splash header h1.site a {
    color: #000000}

body.k-lens-splash_fa header h1.site a:hover,
body.k-lens-splash header h1.site a:hover {
    color: #000000}

body.k-lens-splash_fa header,
body.k-lens-splash header {
    display: block}

body.k-lens-splash_fa header #site-title,
body.k-lens-splash header #site-title {
    display: inline-block}

body.k-lens-splash_fa header nav,
body.k-lens-splash header nav {
    display: block}

#splash.show_flower {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 16px 16px;
    background-image: url(/koken/storage/themes/boulevard-2-custom/css/white/spinner.svg)
}

body.k-lens-splash,
body.k-lens-splash_fa,
html.k-lens-splash,
html.k-lens-splash_fa {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    position: relative
}

body.k-lens-splash_fa header,
body.k-lens-splash header {
    position: absolute;
    z-index: 100
}

body.k-lens-splash .spinner_pos,
body.k-lens-splash_fa .spinner_pos {
    opacity: 1
}

body.k-lens-splash #splash,
body.k-lens-splash_fa #splash {
    position: relative
}

body.k-lens-splash #splash,
body.k-lens-splash_fa #splash,
body.k-lens-splash_fa div#container,
body.k-lens-splash_fa div.pjax-container-current,
body.k-lens-splash div#container,
body.k-lens-splash div.pjax-container-current {
    height: 100%;
    padding: 0!important;
    display: block
}

body.k-lens-splash .k-note-pulse,
body.k-lens-splash_fa .k-note-pulse {
    text-align: center
}

.mob {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 240px;
    overflow-x: none;
    overflow-y: auto;
    background: #000000;
    box-shadow: inset -4px 4px 8px rgba(0, 0, 0, .4)
}

.mob .mob-inner {
    padding: 0 0 15px
}

.mob .mob-inner>p {
    margin-left: 15px;
    margin-right: 15px
}

.mob.right {
    left: auto;
    right: -260px
}

.mob.left {
    left: -260px;
    right: auto
}

.mob h1,
.mob h2,
.mob h3,
.mob h4,
.mob h5,
.mob h6 {
    font-size: 11px;
    font-weight: 400;
    padding: 0 15px;
    margin: 0 0 5px;
    color: #888888;
    line-height: 24px
}

.mob a {
    border-bottom: none
}

.mob ul {
    display: block;
    margin: 10px 0 20px;
    padding: 0
}

.mob ul li {
    display: block;
    margin: 0;
    line-height: 36px;
    border-bottom: none
}

.mob ul li a,
.mob ul li span {
    padding: 0 20px;
    display: block;
    text-decoration: none;
    color: #888888;
    text-align: left;
    position: relative
}

.mob ul li ul {
    border-bottom: none;
    margin: 0
}

.mob ul li ul li {
    line-height: 40px;
    font-size: 13px
}

.mob ul li ul li:last-child {
    border-bottom: none
}

.mob ul li ul li a,
.mob ul li ul li span {
    padding-left: 30px
}

.mob ul li ul li ul li a,
.mob ul li ul li ul li span {
    padding-left: 45px
}

.mob ul li ul li ul li ul li a,
.mob ul li ul li ul li ul li span {
    padding-left: 60px
}

.mob ul li ul li ul li ul li ul li a,
.mob ul li ul li ul li ul li ul li span {
    padding-left: 75px
}

.mob ul li a.k-nav-current {
    color: #ffffff;
    font-weight: 700
}

#mob-bttn-row {
    display: none;
    width: 100%;
    text-align: left;
    z-index: 9999;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0
}

#mob-bttn-row .w {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0 15px
}

#mob-bttn-row .vcenter {
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#mob-menu {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    margin-left: -15px;
    font-size: 21px;
    color: rgb(221, 219, 219);
    text-decoration: none
}

#mob-pag-bttns {
    float: right;
    margin-right: -15px
}

#mob-pag-bttns a {
    font-size: 21px;
    width: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    color: rgb(221, 219, 219);
    text-decoration: none
}

body.sidr-open #mob-bttn-row {
    left: 240px
}

body.sidr-open {
    overflow: visible
}

.spinner_pos {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 20px;
    width: 20px;
    margin-left: calc((20px / 2) * -1);
    margin-top: calc((20px / 2) * -1);
    z-index: 999;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.spinner_pos.active {
    opacity: 1
}

.spinner {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    -webkit-animation: rotation 0.7s infinite linear;
    animation: rotation 0.7s infinite linear;
    border: 3px solid rgba(0,0,0,0);
    border-radius: 100%
}

.spinner:before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    height: 100%;
    width: 100%;
    border-top: 3px solid rgba(0, 0, 0,1);
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    border-radius: 100%;
    box-sizing: content-box
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

.k-lazy-loading-background .spinner_pos {
    opacity: 100
}

@media only screen and (min-width:768px) and (max-width:959px) {
    #album-intro,
    #lane .content,
    #lane img {
        height: 400px
    }
}

@media only screen and (max-width:767px) {
    body {
        font-size: 80%!important
    }
    #site-title {
        margin-top: 41px
    }
    header .in {
        padding: 15px
    }
    .hide_mob {
        display: none
    }
    #mob-bttn-row {
        display: inline-block
    }
    nav ul {
        margin-bottom: 0
    }
    nav ol#lane-nav,
    nav ul {
        display: none
    }
    #album-intro {
        width: 260px
    }
    #album-intro .wrap {
        padding: 15px
    }
    #albums {
        margin-left: 0;
        width: 100%
    }
    #albums div.item {
        width: 100%;
        float: none;
        padding: 0 15px;
        margin-right: none;
        margin-bottom: 15px;
        box-sizing: border-box
    }
    #text {
        margin-left: 0;
        width: 100%
    }
    #text div.lcol {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0 15px
    }
    #text div.rcol {
        display: none
    }
    #lane {
        max-width: 100%
    }
    #album-intro,
    #lane .cell,
    #lane .content,
    #lane img {
        width: 100%;
        height: auto!important
    }
    #lane .cell {
        padding: 5px 0 0
    }
    .cell h3,
    p.caption {
        padding: 0 15px
    }
    #icons,
    #lane .share_content,
    #social {
        display: none
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    header .in {
        padding: 5px 15px
    }
    #social {
        display: none
    }
}

@media only screen and (min-height:800px) {
    #album-intro,
    #lane .content,
    #lane img {
        height: 600px
    }
}

@media only screen and (min-height:900px) {
    #album-intro,
    #lane .content,
    #lane img {
        height: 700px
    }
}

@media only screen and (min-height:1000px) {
    #album-intro,
    #lane .content,
    #lane img {
        height: 800px
    }
}

.touch body,
html.touch {
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

.k-mosaic{position:relative;display:block;list-style:none;padding:0;margin:0}.k-mosaic:after,.k-mosaic:before{content:" ";display:table}.k-mosaic:after{clear:both}.k-mosaic>li{display:inline;height:auto;float:left;font-size:0!important;line-height:0!important;box-sizing:border-box}.k-mosaic img{max-height:none!important;vertical-align:baseline}.k-mosaic-1>li{width:100%}.k-mosaic-1>li:nth-of-type(n){clear:none}.k-mosaic-1>li:nth-of-type(1n+1){clear:both}.k-mosaic-2>li{width:50%}.k-mosaic-2>li:nth-of-type(n){clear:none}.k-mosaic-2>li:nth-of-type(2n+1){clear:both}.k-mosaic-3>li{width:33.333333333%}.k-mosaic-3>li:nth-of-type(n){clear:none}.k-mosaic-3>li:nth-of-type(3n+1){clear:both}.k-mosaic-4>li{width:25%}.k-mosaic-4>li:nth-of-type(n){clear:none}.k-mosaic-4>li:nth-of-type(4n+1){clear:both}.k-mosaic-5>li{width:20%}.k-mosaic-5>li:nth-of-type(n){clear:none}.k-mosaic-5>li:nth-of-type(5n+1){clear:both}.k-mosaic-6>li{width:16.66667%}.k-mosaic-6>li:nth-of-type(n){clear:none}.k-mosaic-6>li:nth-of-type(6n+1){clear:both}.k-mosaic-7>li{width:14.28571%}.k-mosaic-7>li:nth-of-type(n){clear:none}.k-mosaic-7>li:nth-of-type(7n+1){clear:both}.k-mosaic-8>li{width:12.5%}.k-mosaic-8>li:nth-of-type(n){clear:none}.k-mosaic-8>li:nth-of-type(8n+1){clear:both}.k-mosaic-9>li{width:11.11111%}.k-mosaic-9>li:nth-of-type(n){clear:none}.k-mosaic-9>li:nth-of-type(9n+1){clear:both}.k-mosaic-10>li{width:10%}.k-mosaic-10>li:nth-of-type(n){clear:none}.k-mosaic-10>li:nth-of-type(10n+1){clear:both}.k-mosaic.edge>li{margin:1px 1px 0 0}.k-mosaic-1.edge li:first-child,.k-mosaic-2.edge>li:nth-of-type(-n+2),.k-mosaic-3.edge>li:nth-of-type(-n+3),.k-mosaic-4.edge>li:nth-of-type(-n+4),.k-mosaic-5.edge>li:nth-of-type(-n+5),.k-mosaic-6.edge>li:nth-of-type(-n+6),.k-mosaic-7.edge>li:nth-of-type(-n+7),.k-mosaic-8.edge>li:nth-of-type(-n+8),.k-mosaic-9.edge>li:nth-of-type(-n+9),.k-mosaic-10.edge>li:nth-of-type(-n+10){margin-top:0!important}.k-mosaic-1.edge li,.k-mosaic-2.edge>li:nth-of-type(2n),.k-mosaic-3.edge>li:nth-of-type(3n),.k-mosaic-4.edge>li:nth-of-type(4n),.k-mosaic-5.edge>li:nth-of-type(5n),.k-mosaic-6.edge>li:nth-of-type(6n),.k-mosaic-7.edge>li:nth-of-type(7n),.k-mosaic-8.edge>li:nth-of-type(8n),.k-mosaic-9.edge>li:nth-of-type(9n),.k-mosaic-10.edge>li:nth-of-type(10n),.k-mosaic-uneven:last-child{margin-right:0!important}.k-mosaic-2.edge>li:nth-of-type(2n+1),.k-mosaic-3.edge>li:nth-of-type(3n+1),.k-mosaic-4.edge>li:nth-of-type(4n+1),.k-mosaic-5.edge>li:nth-of-type(5n+1),.k-mosaic-6.edge>li:nth-of-type(6n+1),.k-mosaic-7.edge>li:nth-of-type(7n+1),.k-mosaic-8.edge>li:nth-of-type(8n+1),.k-mosaic-9.edge>li:nth-of-type(9n+1),.k-mosaic-10.edge>li:nth-of-type(10n+1){margin-left:0!important}

/* header */


img.alpha_50 {
    opacity: 0.5;
}

img.alpha_70 {
    opacity: 0.7;
}

img.shift_y_20 {
    margin-left: 20%;
}

img.shift_y_10 {
    margin-left: 10%;
}

img.z_plus {
    z-index: -1;
}



.text p {
    font-size: 4em;
    color: #000000;  
}

#body { width: 100%;}



#___scroller { 
    height: 100vh;
   
}

#mCSB_1_scrollbar_horizontal {
    bottom: 5%;
}
/*
h1.site {
    color: hsla(350,50%,50%,0); 
    text-shadow: -1px 0 #999999, 0 1px #999999, 1px 0 #999999, 0 -1px #999999;
}
*/

#prev {
   visibility: hidden;
}
#next {
   visibility: hidden;
}

/*
.content #next {
    cursor: e-resize !important;
}

/*
ol#lane-nav {
   display: none;
}
*/
/* index-stream */
.staticimage {
    pointer-events: none;
}

/* bg_video */
video#bgvid {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url("http://benjaminzuber.com/koken/storage/wallpaper/bg-video-ph.jpg") no-repeat;
    background-size: cover;
}

body {
    background-attachment: fixed
}

/* layout */
tab1 { padding-left: 30em; }

/* h3 = Album Titel */
h3 {
    font-size: 0.9em;
    font-style: italic;
    color: #FFFFFF;
}
.cell h3 {
   font-weight: 400;
}


/* image Strip: */
/*
@media only screen and (min-width:768px) and (max-width:959px) {
	#album-intro,#lane .content,#lane img {
		height:400px
	}
}
@media only screen and (min-height:800px) {
	#album-intro,#lane .content,#lane img {
		height:700px
	}
}
@media only screen and (min-height:900px) {
	#album-intro,#lane .content,#lane img {
		height:800px
	}
}
@media only screen and (min-height:1000px) {
	#album-intro,#lane .content,#lane img {
		height:900px
	}
}
*/
/* bisher erfolgloser Versuch Abstand zwischen Navigation und Seitentitel zu verringern */
/*
.hide-mob {
    margin: 500px;
}

#site-title {
    padding-top: 0px;
}


h1 {
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

*/



#___nav {position: relative;
 
   
    color: #FF0000;
    z-index: 1;
}
#prev {
    position: fixed;
    top: 0%;
    left: 45%;
    font-size: 10em;
}
#next {
    position: fixed;
    top: 0%;
    left: 57%;
    font-size: 10em;
}

#next:hover {
    color: #FF0000;
    text-decoration: none;
}
#prev:hover {
    color: #FF0000;
    text-decoration: none;
}


/* HECM */
#___colorwrap_1 { height: 100%; width: 100%;
    background: hsla(33, 68%, 57%, 1);
    color: hsl(12, 90%, 33%);
}
#___colorwrap_1 h1 {color: hsl(33, 68%, 100%); font-size:1.8em;}
#___colorwrap_1 h5 {color: hsl(33, 68%, 100%); font-size:em; font-style:italic;  font-weight: 100;}
#___colorwrap_1 p {color: hsl(228, 0%, 1%); }



/* JOY */
#___colorwrap_2 { height: 60%; width: 100%;
    background: hsl(210, 24%, 90%);
    background: hsla(210, 60%, 90%, 0.6);
    color: hsl(12, 90%, 33%);
}
#___colorwrap_2 h1 {color: hsl(45, 100%, 45%); font-size: 12em; }
#___colorwrap_2 p {color: hsl(228, 17%, 40%); }


/* DEAR */
#___colorwrap_3 { height: 100%; width: 100%;
    background: hsla(218, 100%, 0%, 0.2);}
    
#___colorwrap_3 h1 {color: #fe7bc4; font-size: 2em; }
#___colorwrap_3 p {color: #c1c1c1; }



/* UNITED */
#___colorwrap_4 { height: 80%; width: 100%;
    background: hsla(330, 1%, 80%, 0.6);}
#___colorwrap_4 h5 {color: hsl(324, 80%, 100%); font-style: italic;}
#___colorwrap_4 h1 {color: hsl(324, 100%, 70%); font-size: 6em; }
#___colorwrap_4 p {color: hsl(0, 0%, 100%); }


/* hit the ground running */
#___colorwrap_5 { height: 100%; width: 100%;
    background: hsl(210, 24%, 90%);
    background: hsla(210, 60%, 90%, 0.6);
    color: hsl(12, 90%, 33%);
}
#___colorwrap_5 h1 {color: hsl(45, 100%, 45%); }
#___colorwrap_5 p {color: hsl(228, 17%, 40%); }

/* ZUBER Katalog */
#___colorwrap_14 { height: 100%; width: 100%;
    background: hsla(100, 0%, 100%, 0.3);}
    
#___colorwrap_14 h1 {color: #ff887c; font-size: 4em; }
#___colorwrap_14 p {color: #; }


/* Der Schachtürke */
#___colorwrap_15 { height: 100%; width: 100%;
    background: hsl(0, 0%, 0%);
    color: hsl(12, 90%, 33%);
}
#___colorwrap_15 h1 {color: hsl(1, 0%, 100%);}
#___colorwrap_15 p {color: hsl(1, 0%, 50%); }

/* HUNT A HINT */
#___colorwrap_16 { height: 100%; width: 100%;
    background: hsla(0, 0%, 100%, 0.4);
    color: hsl(12, 90%, 33%);
}
#___colorwrap_16 h1 {color: hsl(1, 0%, 1%); font-size: 3.5em; }
#___colorwrap_16 p {color: hsl(1, 0%, 50%); }


/* RESILIENCE */
#___colorwrap_21 { height: 100%; width: 100%;
    background: hsla(0, 0%, 0%, 1);}
    
#___colorwrap_21 h1 {color: hsl(0, 50%, 30%); }
#___colorwrap_21 p {color: hsl(0, 0%, 100%); }

/* Wellnessurlaub */
#___colorwrap_22 { height: 100%; width: 100%;
    background: hsla(0, 0%, 0%, 0.2);}
    
#___colorwrap_22 h1 {color: hsl(0, 0%, 100%);font-size: 1.9em; }
#___colorwrap_22 p {color: hsl(0, 0%, 100%); }

/* Platzhirsch */
#___colorwrap_23 { height: 100%; width: 100%;
    background: hsla(0, 0%, 0%, 0.2);}
    
#___colorwrap_23 h1 {color: hsl(90, 80%, 40%);font-size: 1.9em; }
#___colorwrap_23 p {color: hsl(0, 0%, 90%); }

/* Midst */
#___colorwrap_24 { height: 15%; width: 100%;
    background: hsla(27, 35%, 60%, 0.4);}
    
#___colorwrap_24 h1 {color: #fe103d; font-size: 1.4em; }
#___colorwrap_24 p {color: hsl(0, 0%, 0%); }

/* smart answers to stupid questions */
#___colorwrap_25 { height: 40%; width: 100%;
    background: hsla(1, 0%, 100%, 0.3);}
    
#___colorwrap_25 h1 {color: hsla(1, 0%, 100%, 1); font-size: 1.6em; }
#___colorwrap_25 p {color: hsl(0, 0%, 0%); }

/* CROOKED HORIZONS */
#___colorwrap_26 { height: 45%; width: 100%;
    background: hsla(1, 0%, 100%, 0.3);}
    
#___colorwrap_26 h1 {color: hsla(1, 0%, 100%, 1); font-size: 2.2em; }
#___colorwrap_26 p {color: hsl(0, 0%, 0%); }

/* LET'S DO IT AGAIN */
#___colorwrap_27 { height: 100%; width: 100%;
    background: hsla(50, 40%, 70%, 0.3);}
    
#___colorwrap_27 h1 {color: #1d1b1a; font-size: 2em; }
#___colorwrap_27 p {color: #396b4e; }

/* SMELLS LIKE TEEN SPIRIT*/
#___colorwrap_28 { height: 100%; width: 100%;
    background: hsla(218, 40%, 50%, 0.3);}
    
#___colorwrap_28 h1 {color: #ffffff; font-size: 2em; }
#___colorwrap_28 p {color: #c1c1c1; }

/* OR DIE TRYING */
#___colorwrap_29 { height: 100%; width: 100%;
    background: hsla(218, 40%, 50%, 0.2);}
    
#___colorwrap_29 h1 {color: #070f71; font-size: 2em; }
#___colorwrap_29 p {color: #c1c1c1; }

/* POSTOPERATIV */
#___colorwrap_30 { height: 100%; width: 100%;
    background: hsla(218, 10%, 10%, 0.2);}
    
#___colorwrap_30 h1 {color: #000; font-size: 2em; }
#___colorwrap_30 p {color: #c1c1c1; }

/* NO STRINGS ATTACHED */
#___colorwrap_31 { height: 100%; width: 100%;
    background: hsla(218, 100%, 0%, 0.6);}
    
#___colorwrap_31 h1 {color: #fe7bc4; font-size: 2em; }
#___colorwrap_31 p {color: #c1c1c1; }


/* AGILITY, BURABILITY, MORTALITY */
#___colorwrap_34 { height: 100%; width: 100%;
    background: hsla(218, 100%, 0%, 0.0);}
    
#___colorwrap_34 h1 {color: #fff; font-size: 2em; }
#___colorwrap_34 p {color: #fff; }

/* THE CHILD IS FATHER OF THE MAN */
#___colorwrap_35 { height: 100%; width: 100%;
    background: hsla(218, 100%, 0%, 0.0);}
    
#___colorwrap_35 h1 {visibility: hidden; }
#___colorwrap_35 p {color: #fff; }

/* LETHAL EMBODIMENT */
#___colorwrap_36 { height: 100%; width: 100%;
    background: hsla(218, 100%, 0%, 0.2);}
    
#___colorwrap_36 h1 {color: #fff; }
#___colorwrap_36 p {color: #fff; }