@font-face {
font-family: "HelveticaNeueW02-85Heav";
src: url("../typeface/HelveticaNeueLTStd-Hv.otf") format("opentype");
}
.hh_logo_font {
	font-family: 'HelveticaNeueW02-85Heav' !important;
	height: 80px;
    width: auto;
    float: center;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0px;
    word-spacing: -5px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    -webkit-text-size-adjust:none;
    -webkit-font-smoothing:antialiased;
    font-variant-ligatures:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe {
    display:block;
}
body {
    line-height:1;
}
ol, ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
pre {
    font-size:12px;
}
html, body {
    height:100%;
}
div {
    position:relative;
    overflow:hidden;
}
.dn {
    display:none;
}
.db {
    display:block;
}
.dib {
    display:inline-block;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
.h {
    width:100%;
}
.ov {
    overflow:visible;
}
b {
    font-weight:bold;
}
em {
    font-style:italic;
}
sup {
    vertical-align:super;
    font-size:small;
    line-height:0;
}
.mt {
    margin-bottom:21px;
}
.mb {
    margin-bottom:21px;
}
html, body, select, input, textarea {
    font-family:'Futura TGW', 'Futura-Medium', Futura, Helvetica, Arial, sans-serif;
    font-weight:normal;
    font-size:16px;
    line-height:21px;
}
a {
    color:inherit;
    text-decoration:none;
}
img {
    display:block;
}
button {
    background:none;
    border:none;
    cursor:pointer;
    padding:0;
    margin:0;
    font-family:inherit;
    font-size:inherit;
}
button:focus {
    outline:0;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border:0;
    padding:0;
    border-radius:0;
}
input, textarea, select {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    outline:0;
    border-radius:0px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
input, textarea {
    color:#000;
    background:transparent;
    border:none;
    border-bottom:2px solid;
}
textarea {
    padding:10px;
    border:2px solid;
}
input[type=checkbox] {
    display:none;
}
input[type=checkbox] + label:before {
    font-family:Icons;
    display:inline-block;
    content:"\f096";
    width:22px;
    padding-left:1px;
}
input[type=checkbox]:checked + label:before {
    content:"\f046";
}
select {
    color:#000;
    background:transparent;
    border:2px solid;
    width:100%;
    padding:13px 10px 12px;
}
.select:after {
    content:"\f0d7";
    font-family:Icons;
    color:#000;
    padding:6px 4px 2px;
    position:absolute;
    right:10px;
    top:21px;
    z-index:1;
    text-align:right;
    width:25px;
    pointer-events:none;
}
label {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
div.lot {
    position:relative;
    overflow:visible;
}
div.lot input {
    position:relative;
    top:0;
    left:0;
    z-index:1;
    background:none;
    color:#000;
}
div.lot input + label, div.lot textarea + label {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    transition:opacity 0.2s;
    color:#000;
}
div.lot textarea + label {
    top:10px;
    left:10px;
}
div.lot input:focus + label, div.lot input:valid + label, div.lot textarea:focus + label, div.lot textarea:valid + label {
    opacity:0;
}
div.lot.validated input {
    color:#71b372;
    border-color:#71b372;
}
div.lot.validated .ccicon i.selected {
    color:#71b372;
}
div.lot.validated .check {
    display:block;
    color:#71b372;
}
div.lot.notvalid input {
    color:#e10f21;
    border-color:#e10f21;
}
div.lot.notvalid input + label {
    color:#e10f21;
}
.btn {
    padding:5px;
    border:1px solid;
}
footer .btn.join {
    padding:5px 15px;
    border-style:solid;
}
footer .btn.join:hover {
    border:1px solid;
    background:#000;
    color:#fff;
}
h1 {
    margin-bottom:36px;
    font-size:30px;
    line-height:36px;
}
p {
    margin-bottom:21px;
}
p:last-child {
    margin-bottom:0;
        font-weight: bold;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue";
}
.fsxs {
    font-size:11px;
    line-height:13px;
}
.fss {
    font-size:14px;
    line-height:19px;
}
.fsl {
    font-size:20px;
    line-height:25px;
}
.fsxl {
    font-size:30px;
    line-height:36px;
}
@media screen and (min-width:1024px) {
    h1 {
        margin-bottom:105px;
        font-size:80px;
        line-height:105px;
    }
    p {
        margin-bottom:1.4em;
    }
    p:last-child {
        margin-bottom:0;
    }
    .fsxs {
        font-size:14px;
        line-height:19px;
    }
    .fss {
        font-size:16px;
        line-height:21px;
    }
    .fsl {
        font-size:22px;
        line-height:1.4em;
    }
    .fsxl {
        font-size:80px;
        line-height:105px;
    }
}
#cursor {
    position:absolute;
    z-index:101;
    font-size:20px;
    line-height:22px;
    white-space:nowrap;
    color:#bbb;
    mix-blend-mode:difference;
}
#cursor i {
    font-size:40px;
    line-height:40px;
}
.txtcol2 {
    -moz-column-count:2;
    -webkit-column-count:2;
    -o-column-count:2;
    column-count:2;
    -webkit-column-gap:10px;
    -moz-column-gap:10px;
    column-gap:10px;
    -moz-column-fill:auto;
    column-fill:auto;
}
.txtcol2 h3 {
    color:#999;
    -moz-column-break-after:avoid;
    -webkit-column-break-after:avoid;
    column-break-after:avoid;
}
body {
    -webkit-transition:background-color 0.2s ease-in-out !important;
    -moz-transition:background-color 0.2s ease-in-out !important;
    -o-transition:background-color 0.2s ease-in-out !important;
    transition:background-color 0.2s ease-in-out !important;
}
body.bg_names {
    background:#d4d4ce;
}
body.bg_club {
    background:#f8f3f0;
}
body.bg_reader-of-the-month {
    background:#ffeee2;
}
body.bg_reader-of-the-month #mainnavi, body.bg_reader-of-the-month .toplinks {
    color:#262a58;
}
#overlay {
    display:none;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:11;
    background:rgba(255, 255, 255, 0.85);
    color:#fff;
    overflow:scroll;
}
#overlay .close {
    position:absolute;
    right:0px;
    top:0px;
    padding:45px 50px;
    color:#898989;
    font-size:35px;
}
#overlay .close.dn {
    display:block;
}
#overlay .paa {
    padding:50px 30px 20px;
}
.splash {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255, 58, 58, 0.53);
    z-index:100;
    cursor:pointer;
}
.splash img {
    height:100%;
    width:auto;
    margin:0 auto;
}
.flex {
    padding:0;
    margin:0 20px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-flow:row wrap;
    flex-flow:row wrap;
    justify-content:flex-start;
    flex-wrap:wrap;
}
.flexcol {
    padding:0px;
    margin:0px 0px 40px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
}
@media screen and (min-width:1024px) {
    .flex {
        padding:0;
        margin:0 55px;
    }
    .flexcol {
        margin:0px 25px 0;
    }
    .flexcol.flexcol10 {
        width:calc(10% - 50px);
    }
    .flexcol.flexcol16 {
        width:calc(16.66666666666666666% - 50px);
    }
    .flexcol.flexcol20 {
        width:calc(20% - 50px);
    }
    .flexcol.flexcol25 {
        width:calc(25% - 50px);
    }
    .flexcol.flexcol33 {
        width:calc(33.33333333333333333% - 50px);
    }
    .flexcol.flexcol40 {
        width:calc(40% - 50px);
    }
    .flexcol.flexcol50 {
        width:calc(50% - 50px);
    }
    .flexcol.flexcol66 {
        width:calc(66.66666666666666666% - 50px);
    }
    .flexcol.flexcol75 {
        width:calc(75% - 50px);
    }
    .flexcol.flexcol80 {
        width:calc(80% - 50px);
    }
    .flexcol.flexcol83 {
        width:calc(83.33333333333333333% - 50px);
    }
    .flexcol.flexcol90 {
        width:calc(90% - 50px);
    }
    .flexcol.flexcol100 {
        width:100%;
    }
    .flexcol.offset10 {
        margin-left:10%;
    }
    .flexcol.offset16 {
        margin-left:16.66667%;
    }
    .flexcol.offset20 {
        margin-left:20%;
    }
    .flexcol.offset25 {
        margin-left:25%;
    }
    .flexcol.offset33 {
        margin-left:33%;
    }
    .flexcol.offset40 {
        margin-left:40%;
    }
    .flexcol.offset50 {
        margin-left:50%;
    }
    .flexcol.offset66 {
        margin-left:66%;
    }
    .flexcol.offset75 {
        margin-left:75%;
    }
    .flexcol.offset80 {
        margin-left:80%;
    }
    .flexcol.offset83 {
        margin-left:83%;
    }
    .flexcol.flexcenter.flexcol50 {
        margin-left:calc(25% + 25px);
        margin-right:calc(25% + 25px);
    }
}
.page {
}
.page .description {
    padding-top:20px;
    text-align:center;
    margin:0 auto;
    max-width:960px;
}
.page .description h1 {
    text-align:center;
    font-size:26px;
    line-height:30px;
    border-bottom:2px solid #000;
    padding-bottom:20px;
}
.page .description h1.headline {
    font-size:48px;
    line-height:48px;
}
.page .description p {
    font-size:22px;
    line-height:1.4em;
}
.page .description.sfs h1 {
    font-size:22px;
    line-height:1.4em;
    border-bottom:none;
    padding-bottom:0;
}
.page .description.sfs h1.headline {
    font-size:36px;
    line-height:36px;
}
.page .description.sfs p {
    font-size:16px;
    line-height:21px;
}
.page .description.left {
    text-align:left;
}
.club .flex {
    margin:0 auto;
    max-width:1200px;
}
.club .flexcol {
    margin-bottom:80px;
}
.club .flexcol.intro {
    color:#00a0e0;
    font-size:16px;
    line-height:21px;
}
.club .flexcol.intro h1 {
    display:none;
}
.club .flexcol.intro .text {
    margin:0 auto;
    max-width:960px;
    text-align:justify;
}
.club .flexcol.intro .btn.join {
    color:#00a0e0;
    padding:10px 30px;
    cursor:pointer;
    transition:background-color 0.2s ease;
    display:block;
    margin:30px auto 0;
}
.club .flexcol.intro .btn.join:hover {
    border:1px solid;
    background:#00a0e0;
    color:#f8f3f0;
}
.club .flexcol.box {
    font-size:16px;
    line-height:21px;
    padding-top:10px;
    border-top:2px solid #000;
    transition:color 0.2s ease;
}
.club .flexcol.box .img {
    width:100%;
    position:relative;
    margin:10px 0;
}
.club .flexcol.box .img:before {
    display:block;
    content:"";
    width:100%;
    padding-top:75%;
}
.club .flexcol.box .img > .content {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.club .flexcol.box .img img {
    position:absolute;
    top:0;
    left:50%;
    height:100%;
    width:auto;
    transform:translateX(-50%);
    transition:opacity 0.6s ease;
}
.club .flexcol.box:hover {
    color:#00a0e0;
    border-top:2px solid #00a0e0;
}
@media screen and (min-width:600px) {
    .club .flexcol {
        margin:0px 20px 50px;
    }
    .club .flexcol.flexcol25 {
        width:calc(50% - 40px);
    }
}
@media screen and (min-width:1024px) {
    .club .flexcol {
        margin:0px 20px 100px;
    }
    .club .flexcol.flexcol10 {
        width:calc(10% - 40px);
    }
    .club .flexcol.flexcol16 {
        width:calc(16.66666666666666666% - 40px);
    }
    .club .flexcol.flexcol20 {
        width:calc(20% - 40px);
    }
    .club .flexcol.flexcol25 {
        width:calc(25% - 40px);
    }
    .club .flexcol.flexcol33 {
        width:calc(33.33333333333333333% - 40px);
    }
    .club .flexcol.flexcol40 {
        width:calc(40% - 40px);
    }
    .club .flexcol.flexcol50 {
        width:calc(50% - 40px);
    }
    .club .flexcol.flexcol66 {
        width:calc(66.66666666666666666% - 40px);
    }
    .club .flexcol.flexcol75 {
        width:calc(75% - 40px);
    }
    .club .flexcol.flexcol80 {
        width:calc(80% - 40px);
    }
    .club .flexcol.flexcol83 {
        width:calc(83.33333333333333333% - 40px);
    }
    .club .flexcol.flexcol90 {
        width:calc(90% - 40px);
    }
    .club .flexcol.flexcol100 {
        width:100%;
    }
    .club .flexcol.offset10 {
        margin-left:10%;
    }
    .club .flexcol.offset16 {
        margin-left:16.66667%;
    }
    .club .flexcol.offset20 {
        margin-left:20%;
    }
    .club .flexcol.offset25 {
        margin-left:25%;
    }
    .club .flexcol.offset33 {
        margin-left:33%;
    }
    .club .flexcol.offset40 {
        margin-left:40%;
    }
    .club .flexcol.offset50 {
        margin-left:50%;
    }
    .club .flexcol.offset66 {
        margin-left:66%;
    }
    .club .flexcol.offset75 {
        margin-left:75%;
    }
    .club .flexcol.offset80 {
        margin-left:80%;
    }
    .club .flexcol.offset83 {
        margin-left:83%;
    }
    .club .flexcol.flexcenter.flexcol50 {
        margin-left:calc(25% + 20px);
        margin-right:calc(25% + 20px);
    }
    .club .flexcol.intro {
        font-size:22px;
        line-height:1.4em;
    }
    .club .flexcol.intro h1 {
        display:block;
        font-size:80px;
        line-height:105px;
        margin-bottom:40px;
    }
    .club .flexcol.intro .text {
        margin:0 auto;
        max-width:960px;
    }
    .club .flexcol.intro .btn.join {
        padding:10px 30px;
        margin:30px auto 0;
    }
}
#subscribeformwrap {
    max-width:800px;
    background:#fff;
    padding:30px 20px 10px;
}
#subscribeformwrap .flex {
    margin:0;
}
#subscribeformwrap .flexcol {
    width:100%;
}
#subscribeformwrap h2 {
    font-size:22px;
    line-height:1.4em;
    text-align:center;
    margin-bottom:40px;
}
#subscribeformwrap .lot {
    margin-bottom:30px;
}
#subscribeformwrap input, #subscribeformwrap textarea, #subscribeformwrap label {
    font-size:16px;
    line-height:21px;
}
#subscribeformwrap input {
    width:100%;
}
#subscribeformwrap textarea {
    width:100%;
    height:141px;
}
#subscribeformwrap label {
    width:90%;
}
#subscribeformwrap .msg {
    margin-top:20px;
    display:none;
    font-size:16px;
    line-height:21px;
}
#subscribeformwrap .success {
    display:none;
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    width:100%;
    height:100%;
    z-index:2;
}
#subscribeformwrap .success .inner {
    position:absolute;
    top:50%;
    left:50%;
    width:80%;
    transform:translateX(-50%) translateY(-50%);
    text-align:center;
    font-size:22px;
    line-height:1.4em;
}
#subscribeformwrap .subscribeformwrap_close {
    position:absolute;
    top:0;
    right:0;
    font-size:30px;
    line-height:32px;
    padding:13px 15px;
    z-index:3;
}
footer #subscribeformwrap {
    display:none;
}
@media screen and (min-width:768px) {
    #subscribeformwrap .flexcol {
        margin:0px 30px 30px;
    }
    #subscribeformwrap .flexcol.flexcol10 {
        width:calc(10% - 60px);
    }
    #subscribeformwrap .flexcol.flexcol16 {
        width:calc(16.66666666666666666% - 60px);
    }
    #subscribeformwrap .flexcol.flexcol20 {
        width:calc(20% - 60px);
    }
    #subscribeformwrap .flexcol.flexcol25 {
        width:calc(25% - 60px);
    }
    #subscribeformwrap .flexcol.flexcol33 {
        width:calc(33.33333333333333333% - 60px);
    }
    #subscribeformwrap .flexcol.flexcol40 {
        width:calc(40% - 60px);
    }
    #subscribeformwrap .flexcol.flexcol50 {
        width:calc(50% - 60px);
    }
    #subscribeformwrap .flexcol.flexcol66 {
        width:calc(66.66666666666666666% - 60px);
    }
    #subscribeformwrap .flexcol.flexcol75 {
        width:calc(75% - 60px);
    }
    #subscribeformwrap .flexcol.flexcol80 {
        width:calc(80% - 60px);
    }
    #subscribeformwrap .flexcol.flexcol83 {
        width:calc(83.33333333333333333% - 60px);
    }
    #subscribeformwrap .flexcol.flexcol90 {
        width:calc(90% - 60px);
    }
    #subscribeformwrap .flexcol.flexcol100 {
        width:100%;
    }
    #subscribeformwrap .flexcol.offset10 {
        margin-left:10%;
    }
    #subscribeformwrap .flexcol.offset16 {
        margin-left:16.66667%;
    }
    #subscribeformwrap .flexcol.offset20 {
        margin-left:20%;
    }
    #subscribeformwrap .flexcol.offset25 {
        margin-left:25%;
    }
    #subscribeformwrap .flexcol.offset33 {
        margin-left:33%;
    }
    #subscribeformwrap .flexcol.offset40 {
        margin-left:40%;
    }
    #subscribeformwrap .flexcol.offset50 {
        margin-left:50%;
    }
    #subscribeformwrap .flexcol.offset66 {
        margin-left:66%;
    }
    #subscribeformwrap .flexcol.offset75 {
        margin-left:75%;
    }
    #subscribeformwrap .flexcol.offset80 {
        margin-left:80%;
    }
    #subscribeformwrap .flexcol.offset83 {
        margin-left:83%;
    }
    #subscribeformwrap .flexcol.flexcenter.flexcol50 {
        margin-left:calc(25% + 30px);
        margin-right:calc(25% + 30px);
    }
}
.events .eventswrap {
    margin:0 auto;
    max-width:1000px;
}
.events h1 {
    text-align:center;
}
.events .event {
    width:100%;
    margin-bottom:50px;
    font-size:16px;
    line-height:21px;
}
.events .event h2 {
    font-size:20px;
    line-height:25px;
    padding-bottom:7px;
    border-bottom:2px solid #000;
    position:relative;
}
.events .event h2 .date {
    display:block;
    font-size:14px;
    line-height:19px;
}
.events .event .slideshow .caption {
    font-size:11px;
    line-height:13px;
}
.events .event .img {
    margin-top:18px;
    width:100%;
}
.events .event .text {
    margin-top:14px;
    width:100%;
    text-align:justify;
}
@media screen and (min-width:1024px) {
    .events .eventswrap {
        margin:0 auto;
        max-width:960px;
    }
    .events .event {
        margin-bottom:50px;
        font-size:16px;
        line-height:21px;
    }
    .events .event h2 {
        font-size:22px;
        line-height:1.4em;
        padding-bottom:7px;
        border-bottom:2px solid #000;
        position:relative;
    }
    .events .event h2 .date {
        position:absolute;
        right:0;
        bottom:10px;
        font-size:16px;
        line-height:21px;
    }
    .events .event .img {
        margin-top:18px;
        width:47%;
        float:left;
    }
    .events .event .text {
        margin-top:14px;
        width:47%;
        float:right;
        text-align:justify;
    }
    .events .event.featured .img {
        width:100%;
    }
    .events .event.featured .text {
        margin-top:-10px;
    }
}
.readerprofiles .flex, .callingprofiles .flex {
    margin:0 auto;
    max-width:900px;
}
.readerprofiles h1, .callingprofiles h1 {
    text-align:center;
    font-size:36px;
    line-height:42px;
    margin-bottom:80px;
    width:100%;
}
.readerprofiles .profile, .callingprofiles .profile {
    display:block;
    overflow:hidden;
    margin-bottom:50px;
}
.readerprofiles .profile h2, .callingprofiles .profile h2 {
    font-size:16px;
    line-height:20px;
    padding-bottom:7px;
    border-bottom:1px solid #262a58;
    position:relative;
}
.readerprofiles .profile h2 .date, .callingprofiles .profile h2 .date {
    float:right;
}
.readerprofiles .profile .img, .callingprofiles .profile .img {
    margin-top:16px;
    width:100px;
    float:left;
}
.readerprofiles .profile .img img, .callingprofiles .profile .img img {
    width:100%;
    height:auto;
}
.readerprofiles .profile .text, .callingprofiles .profile .text {
    margin-top:12px;
    margin-left:120px;
    text-align:left;
    font-size:14px;
    line-height:17px;
    text-indent:-0.4em;
    overflow:visible;
}
.readerprofiles .profile .text .readmore, .callingprofiles .profile .text .readmore {
    text-indent:0em;
    display:block;
    margin-top:10px;
    font-size:12px;
    line-height:15px;
}
.readerprofiles .profile:hover .text .readmore span, .callingprofiles .profile:hover .text .readmore span {
    border-bottom:1px solid;
}
@media screen and (min-width:600px) {
    .readerprofiles h1, .callingprofiles h1 {
        font-size:42px;
        line-height:48px;
        margin-bottom:80px;
    }
    .readerprofiles .profile h2, .callingprofiles .profile h2 {
        font-size:16px;
        line-height:20px;
    }
    .readerprofiles .profile .img, .callingprofiles .profile .img {
        margin-top:18px;
    }
    .readerprofiles .profile .text, .callingprofiles .profile .text {
        margin-top:14px;
        margin-left:120px;
        font-size:16px;
        line-height:20px;
    }
    .readerprofiles .profile .text .readmore, .callingprofiles .profile .text .readmore {
        margin-top:10px;
        font-size:14px;
        line-height:17px;
    }
}
@media screen and (min-width:768px) {
    #site .include .readerprofiles .paa {
        padding-left:30px;
        padding-right:30px;
    }
    .readerprofiles .flex, .callingprofiles .flex {
        padding:0;
        margin:0 auto;
    }
    .readerprofiles .flexcol, .callingprofiles .flexcol {
        margin:0px 25px 40px;
    }
    .readerprofiles .flexcol.flexcol10, .callingprofiles .flexcol.flexcol10 {
        width:calc(10% - 50px);
    }
    .readerprofiles .flexcol.flexcol16, .callingprofiles .flexcol.flexcol16 {
        width:calc(16.66666666666666666% - 50px);
    }
    .readerprofiles .flexcol.flexcol20, .callingprofiles .flexcol.flexcol20 {
        width:calc(20% - 50px);
    }
    .readerprofiles .flexcol.flexcol25, .callingprofiles .flexcol.flexcol25 {
        width:calc(25% - 50px);
    }
    .readerprofiles .flexcol.flexcol33, .callingprofiles .flexcol.flexcol33 {
        width:calc(33.33333333333333333% - 50px);
    }
    .readerprofiles .flexcol.flexcol40, .callingprofiles .flexcol.flexcol40 {
        width:calc(40% - 50px);
    }
    .readerprofiles .flexcol.flexcol50, .callingprofiles .flexcol.flexcol50 {
        width:calc(50% - 50px);
    }
    .readerprofiles .flexcol.flexcol66, .callingprofiles .flexcol.flexcol66 {
        width:calc(66.66666666666666666% - 50px);
    }
    .readerprofiles .flexcol.flexcol75, .callingprofiles .flexcol.flexcol75 {
        width:calc(75% - 50px);
    }
    .readerprofiles .flexcol.flexcol80, .callingprofiles .flexcol.flexcol80 {
        width:calc(80% - 50px);
    }
    .readerprofiles .flexcol.flexcol83, .callingprofiles .flexcol.flexcol83 {
        width:calc(83.33333333333333333% - 50px);
    }
    .readerprofiles .flexcol.flexcol90, .callingprofiles .flexcol.flexcol90 {
        width:calc(90% - 50px);
    }
    .readerprofiles .flexcol.flexcol100, .callingprofiles .flexcol.flexcol100 {
        width:100%;
    }
    .readerprofiles .flexcol.offset10, .callingprofiles .flexcol.offset10 {
        margin-left:10%;
    }
    .readerprofiles .flexcol.offset16, .callingprofiles .flexcol.offset16 {
        margin-left:16.66667%;
    }
    .readerprofiles .flexcol.offset20, .callingprofiles .flexcol.offset20 {
        margin-left:20%;
    }
    .readerprofiles .flexcol.offset25, .callingprofiles .flexcol.offset25 {
        margin-left:25%;
    }
    .readerprofiles .flexcol.offset33, .callingprofiles .flexcol.offset33 {
        margin-left:33%;
    }
    .readerprofiles .flexcol.offset40, .callingprofiles .flexcol.offset40 {
        margin-left:40%;
    }
    .readerprofiles .flexcol.offset50, .callingprofiles .flexcol.offset50 {
        margin-left:50%;
    }
    .readerprofiles .flexcol.offset66, .callingprofiles .flexcol.offset66 {
        margin-left:66%;
    }
    .readerprofiles .flexcol.offset75, .callingprofiles .flexcol.offset75 {
        margin-left:75%;
    }
    .readerprofiles .flexcol.offset80, .callingprofiles .flexcol.offset80 {
        margin-left:80%;
    }
    .readerprofiles .flexcol.offset83, .callingprofiles .flexcol.offset83 {
        margin-left:83%;
    }
    .readerprofiles .flexcol.flexcenter.flexcol50, .callingprofiles .flexcol.flexcenter.flexcol50 {
        margin-left:calc(25% + 25px);
        margin-right:calc(25% + 25px);
    }
    .readerprofiles h1, .callingprofiles h1 {
        font-size:50px;
        line-height:62px;
        margin-bottom:80px;
    }
    .readerprofiles .profile h2, .callingprofiles .profile h2 {
        font-size:18px;
        line-height:21px;
    }
    .readerprofiles .profile .img, .callingprofiles .profile .img {
        margin-top:18px;
    }
    .readerprofiles .profile .text, .callingprofiles .profile .text {
        margin-top:14px;
        margin-left:120px;
        font-size:18px;
        line-height:21px;
    }
    .readerprofiles .profile .text .readmore, .callingprofiles .profile .text .readmore {
        margin-top:10px;
        font-size:15px;
        line-height:17px;
    }
    .readerprofiles .profile.flexcol100 .img, .callingprofiles .profile.flexcol100 .img {
        width:200px;
    }
    .readerprofiles .profile.flexcol100 .text, .callingprofiles .profile.flexcol100 .text {
        font-size:36px;
        line-height:40px;
        margin-left:240px;
    }
}
@media screen and (min-width:1024px) {
    .readerprofiles .flexcol, .callingprofiles .flexcol {
        margin:0px 25px 50px;
    }
    .readerprofiles .flexcol.flexcol10, .callingprofiles .flexcol.flexcol10 {
        width:calc(10% - 50px);
    }
    .readerprofiles .flexcol.flexcol16, .callingprofiles .flexcol.flexcol16 {
        width:calc(16.66666666666666666% - 50px);
    }
    .readerprofiles .flexcol.flexcol20, .callingprofiles .flexcol.flexcol20 {
        width:calc(20% - 50px);
    }
    .readerprofiles .flexcol.flexcol25, .callingprofiles .flexcol.flexcol25 {
        width:calc(25% - 50px);
    }
    .readerprofiles .flexcol.flexcol33, .callingprofiles .flexcol.flexcol33 {
        width:calc(33.33333333333333333% - 50px);
    }
    .readerprofiles .flexcol.flexcol40, .callingprofiles .flexcol.flexcol40 {
        width:calc(40% - 50px);
    }
    .readerprofiles .flexcol.flexcol50, .callingprofiles .flexcol.flexcol50 {
        width:calc(50% - 50px);
    }
    .readerprofiles .flexcol.flexcol66, .callingprofiles .flexcol.flexcol66 {
        width:calc(66.66666666666666666% - 50px);
    }
    .readerprofiles .flexcol.flexcol75, .callingprofiles .flexcol.flexcol75 {
        width:calc(75% - 50px);
    }
    .readerprofiles .flexcol.flexcol80, .callingprofiles .flexcol.flexcol80 {
        width:calc(80% - 50px);
    }
    .readerprofiles .flexcol.flexcol83, .callingprofiles .flexcol.flexcol83 {
        width:calc(83.33333333333333333% - 50px);
    }
    .readerprofiles .flexcol.flexcol90, .callingprofiles .flexcol.flexcol90 {
        width:calc(90% - 50px);
    }
    .readerprofiles .flexcol.flexcol100, .callingprofiles .flexcol.flexcol100 {
        width:100%;
    }
    .readerprofiles .flexcol.offset10, .callingprofiles .flexcol.offset10 {
        margin-left:10%;
    }
    .readerprofiles .flexcol.offset16, .callingprofiles .flexcol.offset16 {
        margin-left:16.66667%;
    }
    .readerprofiles .flexcol.offset20, .callingprofiles .flexcol.offset20 {
        margin-left:20%;
    }
    .readerprofiles .flexcol.offset25, .callingprofiles .flexcol.offset25 {
        margin-left:25%;
    }
    .readerprofiles .flexcol.offset33, .callingprofiles .flexcol.offset33 {
        margin-left:33%;
    }
    .readerprofiles .flexcol.offset40, .callingprofiles .flexcol.offset40 {
        margin-left:40%;
    }
    .readerprofiles .flexcol.offset50, .callingprofiles .flexcol.offset50 {
        margin-left:50%;
    }
    .readerprofiles .flexcol.offset66, .callingprofiles .flexcol.offset66 {
        margin-left:66%;
    }
    .readerprofiles .flexcol.offset75, .callingprofiles .flexcol.offset75 {
        margin-left:75%;
    }
    .readerprofiles .flexcol.offset80, .callingprofiles .flexcol.offset80 {
        margin-left:80%;
    }
    .readerprofiles .flexcol.offset83, .callingprofiles .flexcol.offset83 {
        margin-left:83%;
    }
    .readerprofiles .flexcol.flexcenter.flexcol50, .callingprofiles .flexcol.flexcenter.flexcol50 {
        margin-left:calc(25% + 25px);
        margin-right:calc(25% + 25px);
    }
    .readerprofiles h1, .callingprofiles h1 {
        font-size:60px;
        line-height:72px;
        margin-bottom:80px;
    }
    .readerprofiles .profile h2, .callingprofiles .profile h2 {
        font-size:20px;
        line-height:23px;
    }
    .readerprofiles .profile .img, .callingprofiles .profile .img {
        margin-top:18px;
    }
    .readerprofiles .profile .text, .callingprofiles .profile .text {
        margin-top:14px;
        margin-left:120px;
        font-size:20px;
        line-height:23px;
    }
    .readerprofiles .profile .text .readmore, .callingprofiles .profile .text .readmore {
        margin-top:10px;
        font-size:14px;
        line-height:17px;
    }
    .readerprofiles .profile.flexcol100 .img, .callingprofiles .profile.flexcol100 .img {
        width:200px;
    }
    .readerprofiles .profile.flexcol100 .text, .callingprofiles .profile.flexcol100 .text {
        font-size:40px;
        line-height:46px;
        margin-left:240px;
    }
}
.readerprofiles {
    font-family:Clarendon, Times, serif;
    color:#262a58;
}
.readerprofile, .callingprofile {
    padding-bottom:100px;
}
.readerprofile h2, .callingprofile h2, .readerprofile h1, .callingprofile h1 {
    text-align:center;
    font-size:46px;
    line-height:1.1em;
    margin:30px auto 20px;
}
.readerprofile .intro, .callingprofile .intro {
    text-align:justify;
    margin:0 auto;
    font-size:20px;
    line-height:1.3em;
    width:100%;
    max-width:960px;
}
.readerprofile .img, .callingprofile .img {
    max-width:200px;
    text-align:center;
    margin:40px auto 20px;
}
.readerprofile .img img, .callingprofile .img img {
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    height:auto;
    display:block;
    margin:20px auto;
}
.readerprofile .text, .callingprofile .text {
    text-align:justify;
    margin:40px auto 0;
    width:100%;
    max-width:800px;
    font-size:16px;
    line-height:1.6em;
    margin-bottom:30px;
}
.readerprofile .text p, .callingprofile .text p {
    margin:0;
    margin:1.4em 0 0;
}
.readerprofile .text p.a, .callingprofile .text p.a {
    text-indent:7%;
    margin:0;
}
.readerprofile .text .end, .callingprofile .text .end {
    margin:4em 0 4em;
    border-top:2px solid #262a58;
    padding-top:20px;
    font-size:14px;
    line-height:1.4em;
}
@media screen and (min-width:768px) {
    .readerprofile .intro, .callingprofile .intro {
        width:80%;
        font-size:24px;
        line-height:1.3em;
    }
    .readerprofile .text, .callingprofile .text {
        margin:40px auto 0;
        width:60%;
        font-size:18px;
        line-height:1.6em;
    }
    .readerprofile .end, .callingprofile .end {
        -webkit-column-count:2;
        -webkit-column-gap:30px;
        -moz-column-count:2;
        -moz-column-gap:30px;
        -ms-column-count:2;
        -ms-column-gap:30px;
        -o-column-count:2;
        -o-column-gap:30px;
        column-count:2;
        column-gap:30px;
    }
}
.readerprofile {
    font-family:Clarendon, Times, serif;
    color:#262a58;
}
.readerprofile .img img {
    border:4px solid #262a58;
}
.readerprofile .intro {
    color:#262a58;
}
hr {
    border:none;
    height:1px;
    color:#000;
    background-color:#000;
}
#site .include .library .paa {
    padding-left:0px;
    padding-right:0px;
}
.libraryfeatured, .libraryindex {
    padding:0 8px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-flow:row wrap;
    flex-flow:row wrap;
    justify-content:flex-start;
    flex-wrap:wrap;
}
.libraryfeatured {
    max-width:798px;
    margin:18px auto 0;
}
.libraryfeatured div.featuredprofile {
    padding:35px 8px;
    margin:0;
    position:relative;
    overflow:visible;
    width:calc(100% - 16px);
    color:#f00;
}
.libraryfeatured div.featuredprofile .content {
    width:calc(50% - 8px);
}
.libraryfeatured div.featuredprofile .content:before {
    display:block;
    content:"";
    width:100%;
    padding-top:133.33333%;
}
.libraryfeatured div.featuredprofile .content > img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;
}
.libraryfeatured div.featuredprofile .profiletext {
    width:calc(50% - 8px);
    float:left;
    margin-right:16px;
    font-size:14px;
    line-height:19px;
    overflow:visible;
}
.libraryfeatured div.featuredprofile .profiletext:before {
    display:block;
    content:"";
    width:100%;
    padding-top:133.33333%;
}
.libraryfeatured div.featuredprofile .profiletext .quote {
    position:absolute;
    top:0;
    left:0;
}
.libraryfeatured div.featuredprofile .profiletext .name {
    width:100%;
    padding-top:9px;
    border-top:1px solid #f00;
    position:absolute;
    bottom:-2px;
    left:0;
}
.libraryfeatured div.featuredprofile:nth-child(even) .profiletext {
    float:right;
    margin-right:0;
    margin-left:16px;
}
.libraryfeatured div.featuredprofile .quoteandname {
    display:none;
}
.libraryfeatured div.featuredprofile:hover {
    background:white;
}
.librarytopintro {
    display:block;
    max-width:828px;
    margin:0px auto;
    text-align:left;
    font-size:18px;
    line-height:23px;
    padding:0 16px;
}
.bottomtext {
    display:block;
    max-width:970px;
    margin:30px auto 30px;
    text-align:left;
    font-size:18px;
    line-height:23px;
    padding:0 16px;
}
.bottomtext a {
    display:inline-block;
    border-bottom:2px solid #000;
}
.libraryintro {
    display:none;
}
@media screen and (min-width:840px) {
    .libraryfeatured div.featuredprofile {
        padding:30px 15px;
    }
    .libraryfeatured div.featuredprofile .content {
        width:100%;
    }
    .libraryfeatured div.featuredprofile .profiletext {
        display:none;
    }
    .one div.featuredprofile {
        width:calc(100% - 30px);
    }
    .two div.featuredprofile {
        width:calc(50% - 30px);
    }
    .three div.featuredprofile {
        width:calc(33.33333333% - 30px);
    }
    .librarytopintro {
        display:none;
    }
    .libraryintro {
        display:block;
        max-width:828px;
        margin:0px auto;
        text-align:left;
        font-size:22px;
        line-height:30px;
        overflow:visible;
        background:white;
    }
    .libraryintro .default, .libraryintro .profiletext {
        padding:55px 16px;
        width:calc(100% - 32px);
    }
    .libraryintro .profiletext {
        position:absolute;
        top:0;
        left:0;
        display:none;
        color:#f00;
        overflow:visible;
    }
    .libraryintro .profiletext .quote {
        text-indent:-0.45em;
        overflow:visible;
    }
    .libraryintro .profiletext .name {
        margin:13px 0 0;
        padding-top:11px;
        border-top:1px solid #f00;
    }
    .bottomtext {
        margin-top:65px;
        font-size:22px;
        line-height:30px;
    }
}
.featuredprofileselected .libraryfeatured div.featuredprofile {
    opacity:0;
    transition:opacity 0.2s ease;
}
.featuredprofileselected .libraryfeatured div.featuredprofile:hover {
    opacity:1;
    transition:opacity 0.2s ease;
}
.libraryindex {
    max-width:1000px;
    margin:0 auto;
}
.libraryindex li {
    padding:35px 8px;
    width:calc(50% - 16px);
    margin:0;
    position:relative;
}
.libraryindex li .content:before {
    display:block;
    content:"";
    width:100%;
    padding-top:133.33333%;
}
.libraryindex li .content > img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;
}
.libraryindex li .content .tagline {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    border-bottom:1px solid #000;
    display:none;
    padding-bottom:14px;
}
.libraryindex li .name {
    display:block;
    margin-top:9px;
    font-size:14px;
    line-height:18px;
}
.libraryindex li .name .tagline {
    display:block;
    border-top:1px solid #000;
    margin-top:8px;
    padding-top:10px;
}
.libraryindex li.letter {
    display:none;
}
.notouch .libraryindex li .content .tagline {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    border-bottom:1px solid #000;
    display:none;
    padding-bottom:14px;
}
.notouch .libraryindex li .name {
    font-size:16px;
    line-height:21px;
    margin-top:10px;
    height:36px;
}
.notouch .libraryindex li .name .lastname {
    display:none;
}
.notouch .libraryindex li .name .tagline {
    display:none;
}
.notouch .libraryindex li:hover .content > img {
    width:50%;
}
.notouch .libraryindex li:hover .content .tagline {
    display:block;
}
.notouch .libraryindex li:hover .name .lastname {
    display:inline;
}
@media screen and (min-width:520px) {
    .libraryfeatured, .libraryindex {
        padding:0 12px;
    }
    .libraryindex li {
        padding:30px 12px;
        width:calc(33.3333333% - 24px);
    }
}
@media screen and (min-width:800px) {
    .libraryfeatured, .libraryindex {
        padding:0 15px;
    }
    .libraryindex li {
        padding:30px 15px;
        width:calc(25% - 30px);
    }
    .libraryindex li.letter {
        display:block;
    }
    .libraryindex li.letter span {
        font-family:Clarendon, Times, serif;
        font-size:48px;
        line-height:48px;
        margin-top:0px;
        border-top:1px solid #000;
        display:block;
        padding:6px 0px 0;
    }
}
@media screen and (min-width:1030px) {
    .libraryfeatured, .libraryindex {
        padding:0 15px;
    }
    .libraryindex li {
        width:calc(20% - 30px);
    }
}
#libraryindexwrap {
    display:block;
    padding:0px 0 26px;
}
#libraryindexwrap hr {
    margin:0 16px;
}
#libraryindexwrap h2 {
    max-width:828px;
    margin:60px 16px 35px;
    font-size:18px;
    line-height:23px;
    margin-bottom:35px;
}
@media screen and (min-width:800px) {
    #libraryindexwrap {
        padding:30px 0;
    }
    #libraryindexwrap hr {
        margin:0 0px;
    }
    #libraryindexwrap h2 {
        max-width:828px;
        margin:55px auto 35px;
        padding:0 30px;
        font-size:22px;
        line-height:30px;
    }
}
.notouch .libraryprofile .wardrobetop .images a {
    cursor:none;
}
.libraryprofile {
    padding:60px 16px;
}
.libraryprofile .wardrobetop {
    font-family:Clarendon, Times, serif;
}
.libraryprofile .wardrobetop h1 {
    font-size:34px;
    line-height:38px;
    text-align:center;
    margin-top:-4px;
    margin-bottom:20px;
}
.libraryprofile .wardrobetop .images {
    margin:0 0px;
    text-align:center;
}
.libraryprofile .wardrobetop .images img {
    display:inline-block;
    margin:0 16px 0 0;
    height:auto;
    width:auto;
}
.libraryprofile .wardrobetop .images img.hidden {
    display:none;
}
.libraryprofile .wardrobetop .images img.last {
    margin:0;
}
.libraryprofile .wardrobetop .hiddencaptions {
    display:none;
}
.libraryprofile .wardrobetop h2 {
    position:absolute;
    bottom:0px;
    width:100%;
    text-align:center;
    font-size:20px;
    line-height:24px;
    padding-top:25px;
}
.libraryprofile .wardrobetop .viewgallery {
    display:none;
    position:fixed;
    bottom:0px;
    left:0;
    width:100%;
    text-align:center;
    font-family:Clarendon, Times, serif;
    font-size:20px;
    line-height:24px;
    padding-top:20px;
    padding-bottom:20px;
    border-top:1px solid;
    background:#fff;
    z-index:1;
}
.libraryprofile .wardrobetop .viewgallery.visible {
    display:block;
}
.libraryprofile .top.altfont {
    font-family:Clarendon, Times, serif;
}
.libraryprofile .top .title {
    z-index:1;
}
.libraryprofile .top .title h1 {
    font-size:40px;
    line-height:40px;
    margin-bottom:10px;
    margin-left:-2px;
}
.libraryprofile .top .title h2 {
    font-size:16px;
    line-height:20px;
    margin-bottom:20px;
}
.libraryprofile .top .image img {
    width:62%;
    height:auto;
}
.libraryprofile .top .titlecredits {
    margin-top:16px;
    font-size:16px;
    line-height:20px;
}
.libraryprofile .top .titlecredits hr {
    height:2px;
    margin-top:0.56em;
}
.libraryprofile .top.altfont .titlecredits a {
    text-transform:uppercase;
}
.libraryprofile .top.altfont .titlecredits hr {
    height:1px;
    margin-top:0.6em;
}
.libraryprofile .modules .introtext {
    padding-bottom:20px;
    margin:80px 0 26px;
    font-size:18px;
    line-height:25px;
    text-align:justify;
}
.libraryprofile .modules .introtext.altfont {
    font-family:Clarendon, Times, serif;
}
.libraryprofile .modules .introtext p {
    margin:0;
    text-indent:50px;
}
.libraryprofile .modules .introtext p:first-child {
    text-indent:0;
}
.libraryprofile .modules .text {
    margin:0;
    font-family:Lyon, Times, serif;
    font-size:18px;
    line-height:26px;
    text-align:justify;
}
.libraryprofile .modules .text p.fut {
    font-family:'Futura TGW', 'Futura-Medium', Futura, Helvetica, Arial, sans-serif;
    font-size:17px;
    line-height:22px;
}
.libraryprofile .modules .text p.indent {
    text-indent:46px;
}
.libraryprofile .modules .text p.fut + p.indent {
    margin-top:-18px;
}
.libraryprofile .modules .text:first-child {
    margin-top:26px;
}
.libraryprofile .modules.wrd .text, .libraryprofile .modules.wrd .text p {
    font-family:'Futura TGW', 'Futura-Medium', Futura, Helvetica, Arial, sans-serif;
    font-size:17px;
    line-height:22px;
}
.libraryprofile .modules.wrd .text:first-child {
    margin-top:60px;
}
.libraryprofile .modules .pullquote {
    margin:80px 0;
    font-size:30px;
    line-height:38px;
    text-align:center;
}
.libraryprofile .modules .image {
    margin:50px 0 30px;
}
.libraryprofile .modules .image .caption {
    text-align:justify;
    margin:16px auto;
    width:100%;
    font-size:14px;
    line-height:20px;
}
.libraryprofile .modules .image.size_s img {
    margin:0 auto;
    width:224px;
}
.libraryprofile .modules .image img {
    display:block;
    width:100%;
    height:auto;
}
.libraryprofile .modules .imagepair {
    margin:50px 0 30px;
    width:100%;
}
.libraryprofile .modules .imagepair .imgwrap img {
    display:block;
    width:calc(50% - 8px);
    height:auto;
    float:left;
}
.libraryprofile .modules .imagepair .imgwrap img:last-child {
    margin-left:16px;
}
.libraryprofile .modules .imagepair .caption {
    clear:both;
    text-align:justify;
    margin:16px auto;
    width:100%;
    font-size:14px;
    line-height:20px;
}
.libraryprofile .fullcredits {
    border-top:1px solid #000;
    padding-bottom:5px;
    padding-top:60px;
    text-align:left;
    max-width:720px;
    margin:60px auto 0;
    font-size:14px;
    line-height:20px;
}
.libraryprofile .fullcredits .bios .bio {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display:block;
    float:left;
    margin-bottom:20px;
    width:100%;
    transition:opacity 0.3s ease;
}
.libraryprofile .fullcredits .bios .bio:last-child {
    margin-right:0;
}
.libraryprofile .fullcredits .bios .bio .txt {
    margin-top:10px;
    display:block;
    display:-webkit-box;
    overflow:hidden;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}
.libraryprofile .fullcredits .bios .bio .readmore {
    opacity:0;
    display:block;
    transition:opacity 0.3s ease;
}
.libraryprofile .fullcredits .bios .bio:hover .readmore {
    opacity:1;
}
.libraryprofile .fullcredits .bios:hover .bio {
    opacity:0.3;
}
.libraryprofile .fullcredits .bios:hover .bio:hover {
    opacity:1;
}
.libraryprofile .fullcredits .issue {
    display:block;
    color:#999;
}
.libraryprofile .fullcredits .issue:hover {
    color:#000 !important;
}
@media screen and (min-width:800px) {
    .libraryprofile {
        padding:0px;
    }
    .libraryprofile .top {
        height:100vh;
    }
    .libraryprofile .top .title {
        width:50%;
        height:100%;
        float:left;
        padding:20px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .libraryprofile .top .title.reverse {
        float:right;
    }
    .libraryprofile .top .title h1 {
        font-size:50px;
        line-height:52px;
        margin-bottom:15px;
        margin-left:-4px;
    }
    .libraryprofile .top .title h2 {
        font-size:20px;
        line-height:26px;
    }
    .libraryprofile .top .titlecredits {
        width:calc(50% - 40px);
        position:absolute;
        bottom:20px;
        left:20px;
        font-size:16px;
        line-height:20px;
        margin:0;
    }
    .libraryprofile .top .titlecredits.reverse {
        right:20px;
        left:auto;
    }
    .libraryprofile .top .image {
        float:right;
        width:50%;
        height:100%;
    }
    .libraryprofile .top .image img {
        position:absolute;
        top:0;
        left:50%;
        transform:translateX(-50%);
        height:100%;
        width:auto;
    }
    .libraryprofile .top .image img.notransform {
        left:auto;
        right:0;
        transform:none;
    }
    .libraryprofile .top .image.reverse {
        float:left;
    }
    .libraryprofile .top .image.reverse img {
        float:left;
    }
    .libraryprofile .top .image.reverse img.notransform {
        left:0;
        right:auto;
        transform:none;
    }
    .libraryprofile .wardrobetop {
        height:90vh;
        font-family:Clarendon, Times, serif;
    }
    .libraryprofile .wardrobetop h1 {
        font-size:64px;
        line-height:64px;
        text-align:center;
        margin-top:30px;
        margin-bottom:48px;
    }
    .libraryprofile .wardrobetop .images {
        height:500px;
        margin:0 30px;
        text-align:center;
    }
    .libraryprofile .wardrobetop .images img {
        display:inline-block;
        margin:0 30px 0 0;
        height:auto;
        width:auto;
    }
    .libraryprofile .wardrobetop .images img.hidden {
        display:none;
    }
    .libraryprofile .wardrobetop .images img.last {
        margin:0;
    }
    .libraryprofile .wardrobetop .hiddencaptions {
        display:none;
    }
    .libraryprofile .wardrobetop h2 {
        position:absolute;
        bottom:30px;
        width:100%;
        text-align:center;
        font-size:20px;
        line-height:24px;
    }
    .libraryprofile .wardrobetop .viewgallery {
        position:absolute;
        bottom:30px;
        width:100%;
        text-align:center;
        font-size:20px;
        line-height:24px;
        border-top:none;
        padding:0;
        font-family:Clarendon, Times, serif;
    }
    .libraryprofile .wardrobetop .viewgallery.visible {
        display:block;
        position:fixed;
        bottom:0px;
        left:0;
        width:100%;
        text-align:center;
        font-family:Clarendon, Times, serif;
        font-size:20px;
        line-height:24px;
        padding-top:20px;
        padding-bottom:20px;
        border-top:1px solid;
        background:#fff;
        z-index:1;
    }
    .libraryprofile .modules .introtext {
        max-width:870px;
        padding:0 20px 20px;
        margin:52px auto 30px;
        font-size:28px;
        line-height:38px;
    }
    .libraryprofile .modules .introtext.altfont {
        font-size:28px;
        line-height:36px;
    }
    .libraryprofile .modules .introtext p {
        text-indent:76px;
    }
    .libraryprofile .modules .introtext p:first-child {
        text-indent:0;
    }
    .libraryprofile .modules .text {
        width:720px;
        margin:30px auto;
        font-size:20px;
        line-height:29px;
    }
    .libraryprofile .modules .text p.indent {
        text-indent:46px;
    }
    .libraryprofile .modules .text p.fut {
        font-size:19px;
        line-height:26px;
    }
    .libraryprofile .modules .text p.fut + p.indent {
        margin-top:-20px;
    }
    .libraryprofile .modules.wrd .text, .libraryprofile .modules.wrd .text p {
        font-size:19px;
        line-height:26px;
    }
    .libraryprofile .modules .pullquote {
        width:720px;
        margin:102px auto 106px;
        font-size:36px;
        line-height:44px;
    }
    .libraryprofile .modules .image {
        margin:60px auto 65px;
    }
    .libraryprofile .modules .image .caption {
        text-align:justify;
        margin:16px auto 0;
        width:600px;
    }
    .libraryprofile .modules .image.size_s {
        width:360px;
    }
    .libraryprofile .modules .image.size_s img {
        margin:0 auto;
        width:240px;
    }
    .libraryprofile .modules .image.size_s .caption {
        width:360px;
    }
    .libraryprofile .modules .image.size_m {
        width:360px;
    }
    .libraryprofile .modules .image.size_m .caption {
        width:360px;
    }
    .libraryprofile .modules .image.size_l {
        width:600px;
    }
    .libraryprofile .modules .image.size_xl {
        width:840px;
    }
    .libraryprofile .modules .image.size_xxl {
        width:calc(100% - 120px);
    }
    .libraryprofile .modules .imagepair {
        margin:60px auto 40px;
        width:calc(100% - 120px);
        max-width:1200px;
    }
    .libraryprofile .modules .imagepair .imgwrap img {
        display:block;
        width:calc(50% - 15px);
        height:auto;
        float:left;
    }
    .libraryprofile .modules .imagepair .imgwrap img:last-child {
        margin-left:30px;
    }
    .libraryprofile .modules .imagepair .caption {
        clear:both;
        text-align:justify;
        margin:16px auto;
        width:600px;
    }
    .libraryprofile .fullcredits {
        border-top:1px solid #000;
        padding-bottom:65px;
        padding-top:20px;
    }
    .libraryprofile .fullcredits .bios .bio {
        padding-right:20px;
        width:50%;
    }
    .libraryprofile .fullcredits .bios .bio.bio33 {
        width:33.33333%;
    }
    .touch .libraryprofile .wardrobetop {
        height:96vh;
    }
}
@media screen and (min-width:1024px) {
    .libraryprofile .top .title {
        padding:30px;
    }
    .libraryprofile .top .title h1 {
        font-size:65px;
        line-height:67px;
        margin-bottom:20px;
        margin-left:-4px;
    }
    .libraryprofile .top .title h2 {
        font-size:24px;
        line-height:31px;
    }
    .libraryprofile .top .titlecredits {
        width:calc(50% - 60px);
        bottom:30px;
        left:30px;
        font-size:18px;
        line-height:23px;
    }
    .libraryprofile .top .titlecredits.reverse {
        right:30px;
    }
    .libraryprofile .wardrobetop h1 {
        font-size:64px;
        line-height:64px;
        text-align:center;
        margin-top:40px;
        margin-bottom:48px;
    }
    .libraryprofile .wardrobetop h2 {
        bottom:30px;
        font-size:20px;
        line-height:24px;
    }
    .libraryprofile .modules .introtext {
        font-size:28px;
        line-height:38px;
    }
    .libraryprofile .modules .introtext.altfont {
        line-height:36px;
    }
    .libraryprofile .modules .introtext p {
        text-indent:76px;
    }
    .libraryprofile .modules .text {
        font-size:20px;
        line-height:29px;
    }
    .libraryprofile .modules .text p.indent {
        text-indent:46px;
    }
    .libraryprofile .modules .text p.fut {
        font-size:19px;
        line-height:26px;
    }
    .libraryprofile .modules .text p.fut + p.indent {
        margin-top:-24px;
    }
    .libraryprofile .modules .imagepair .imgwrap img {
        display:block;
        width:calc(50% - 15px);
        height:auto;
        float:left;
    }
    .libraryprofile .modules .imagepair .imgwrap img:last-child {
        margin-left:30px;
    }
}
@media screen and (min-width:1400px) {
    .libraryprofile .top .title {
        padding:30px;
    }
    .libraryprofile .top .title h1 {
        font-size:80px;
        line-height:80px;
        margin-bottom:20px;
        margin-left:-6px;
    }
    .libraryprofile .top .title h2 {
        font-size:26px;
        line-height:32px;
    }
}
@media screen and (min-width:1750px) {
    .libraryprofile .top .title {
        padding:30px;
    }
    .libraryprofile .top .title h1 {
        font-size:90px;
        line-height:90px;
        margin-bottom:25px;
        margin-left:-6px;
    }
    .libraryprofile .top .title h2 {
        font-size:30px;
        line-height:36px;
    }
    .libraryprofile .top .titlecredits {
        bottom:30px;
        left:30px;
        font-size:22px;
        line-height:28px;
    }
    .libraryprofile .top .titlecredits.reverse {
        right:30px;
    }
    .libraryprofile .top.altfont .titlecredits {
        font-size:20px;
        line-height:24px;
    }
}
@media screen and (min-width:2200px) {
    .libraryprofile .top .title {
        padding:30px;
    }
    .libraryprofile .top .title h1 {
        font-size:130px;
        line-height:130px;
        margin-bottom:25px;
        margin-left:-10px;
    }
    .libraryprofile .top .title h2 {
        font-size:38px;
        line-height:45px;
    }
    .libraryprofile .top .titlecredits {
        bottom:30px;
        left:30px;
        font-size:22px;
        line-height:28px;
    }
    .libraryprofile .top .titlecredits.reverse {
        right:30px;
    }
    .libraryprofile .top.altfont .titlecredits {
        font-size:20px;
        line-height:24px;
    }
}
.stripe {
    display:none;
}
@media screen and (min-width:1024px) {
    .stripe {
        display:block;
        background:#f0f1f5;
        position:fixed;
        top:0;
        left:0;
        width:70px;
        height:100%;
        z-index:-1;
    }
    .stripe.striperight {
        left:auto;
        right:0;
    }
}
.current_logo {
/*     	height: 10px; */
  		width: 260px;
  		margin: 10px auto;
    }
.magazine {
    text-align:center;
}
.magazine .description {
    margin:0 auto;
    max-width:960px;
}
.magazine .description .text {
    font-size:14px;
    line-height:1.4em;
    text-align:center;
    text-decoration: none !important;
}
.magazine .description a {
    border-bottom:2px solid;
    text-decoration: none !important;
}
.magazine .description a:hover {
    color:#000;
}
.magazine .wrap {
    margin-bottom:150px;
}
.magazine h1, .magazine h2 {
    font-size:18px;
    line-height:1em;
}
.magazine h2 {
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:2px solid #000;
    margin:0 auto 15px;
    
}
.magazine h2.slim {
    max-width:714px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue";
    font-weight: bold;
}
.magazine ul.issues {
    list-style:none;
    margin:0 auto;
    padding:0;
    max-width:750px;
}
.magazine ul.issues li {
    width:137px;
    height:290px !important;
    overflow:hidden;
    display:inline-block;
    padding:14px;
}
.magazine ul.issues li a {
    padding:0;
    display:block;
    position:relative;
    color:#000;
    font-size:14px;
}
.magazine ul.issues li a img {
    width:130px;
    height:167px;
}
.magazine ul.issues li a h4 {
    margin:10px 0 0;
    padding-top:5px;
    font-size:16px;
    line-height:1.3em;
    opacity:0;
    border-top:2px solid;
    -webkit-transition:opacity 0.2s ease-in-out !important;
    -moz-transition:opacity 0.2s ease-in-out !important;
    -o-transition:opacity 0.2s ease-in-out !important;
    transition:opacity 0.2s ease-in-out !important;
}
.magazine ul.issues li a:hover h4, .magazine ul.issues li a.active h4 {
    opacity:1;
}
@media screen and (min-width:600px) {
    .magazine .description .text {
        text-align:center;
        font-size:24px;
        line-height:1.5em;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue";
        font-weight: bold;
    }
.current_logo {
/*     	height: 10px; */
  		width: 40%;
  		margin: 10px auto;
    }
.current_portrait {
/*     	height: 10px; */
  		width: 100%;
  		margin: 10px auto;
    }
    .magazine .description a {
        border-bottom:2px solid;
        text-decoration: none !important;
    }
    .magazine .wrap {
        margin-bottom:150px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue";
        font-weight: bold;
    }

    .magazine h1, .magazine h2 {
        font-size:32px;
        line-height:1em;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue";
        font-weight: bold;
    }
    .magazine h2 {
        padding-bottom:20px;
        margin-bottom:20px;
        border-bottom:2px solid #000;
        margin:0 auto 15px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue";
        font-weight: bold;
    }
    .magazine ul.issues {
        list-style:none;
        margin:0 auto;
        padding:0;
        max-width:750px;
    }
    .magazine ul.issues li {
        width:160px;
        height:330px !important;
        overflow:hidden;
        display:inline-block;
        padding:15px;
    }
    .magazine ul.issues li a {
        padding:0;
        display:block;
        position:relative;
        color:#000;
        font-size:14px;
    }
    .magazine ul.issues li a img {
        width:160px;
        height:240px;
    }
    .magazine ul.issues li a h4 {
        margin:10px 0 0;
        padding-top:5px;
        font-size:16px;
        line-height:1.3em;
    }
    .magazine ul.issues li h4 {
		font-size:14px; !important
		font-weight: bold;
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue";
    }
}



#site {
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto -200px;
    position:static;
    overflow:visible;
    -webkit-transition:background-color 0.1s linear !important;
    -moz-transition:background-color 0.1s linear !important;
    -o-transition:background-color 0.1s linear !important;
    transition:background-color 0.1s linear !important;
}
#site .include .paa {
    padding:80px 20px 75px;
    position:relative;
}
.hh_center {
   display: table-cell;
    vertical-align: middle;
}
.printonly, .print.only {
    display:none;
}
@media screen and (min-width:1024px) {
    #site {
        margin:0 auto -200px;
    }
    #site .include .paa {
        padding:70px 80px 150px;
    }
}
article {
    min-height:100vh;
}
footer {
    background:#fff;
    color:#000;
    border-top:2px solid #000;
    font-size:14px;
    line-height:19px;
}
footer .flex {
    margin:40px 20px;
}
footer .flexcol {
    text-align:center;
    font-weight: bold;
}
footer .secnavi {
    margin-bottom:21px;
}
footer .secnavi li {
    display:inline-block;
    margin-right:10px;
    font-weight: bold;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue";
}
footer .secnavi.desktop {
    display:none;
}
footer a:hover {
    border-bottom:2px solid #000;
}
footer .logo {
    display:inline-block;
    margin:10px 0;
    width:198px;
    height:58.5px;
    overflow:hidden;
    line-height:999px;
    background-image:url("../img/bottom-logo.jpeg");
    background-repeat:no-repeat;
    background-position:no-repeat;
    background-size:198px 58.5px;;
}
footer .logo:hover {
    border-bottom:none;
}
.push {
    height:200px;
    position:static;
}
@media screen and (min-width:1024px) {
    footer {
        font-size:16px;
        line-height:21px;
        height:200px;
    }
    footer .flexcol {
        margin:0px 50px 0px;
        text-align:left;
    }
    footer .flexcol.flexcol10 {
        width:calc(10% - 100px);
    }
    footer .flexcol.flexcol16 {
        width:calc(16.66666666666666666% - 100px);
    }
    footer .flexcol.flexcol20 {
        width:calc(20% - 100px);
    }
    footer .flexcol.flexcol25 {
        width:calc(25% - 100px);
    }
    footer .flexcol.flexcol33 {
        width:calc(33.33333333333333333% - 100px);
    }
    footer .flexcol.flexcol40 {
        width:calc(40% - 100px);
    }
    footer .flexcol.flexcol50 {
        width:calc(50% - 100px);
    }
    footer .flexcol.flexcol66 {
        width:calc(66.66666666666666666% - 100px);
    }
    footer .flexcol.flexcol75 {
        width:calc(75% - 100px);
    }
    footer .flexcol.flexcol80 {
        width:calc(80% - 100px);
    }
    footer .flexcol.flexcol83 {
        width:calc(83.33333333333333333% - 100px);
    }
    footer .flexcol.flexcol90 {
        width:calc(90% - 100px);
    }
    footer .flexcol.flexcol100 {
        width:100%;
    }
    footer .flexcol.offset10 {
        margin-left:10%;
    }
    footer .flexcol.offset16 {
        margin-left:16.66667%;
    }
    footer .flexcol.offset20 {
        margin-left:20%;
    }
    footer .flexcol.offset25 {
        margin-left:25%;
    }
    footer .flexcol.offset33 {
        margin-left:33%;
    }
    footer .flexcol.offset40 {
        margin-left:40%;
    }
    footer .flexcol.offset50 {
        margin-left:50%;
    }
    footer .flexcol.offset66 {
        margin-left:66%;
    }
    footer .flexcol.offset75 {
        margin-left:75%;
    }
    footer .flexcol.offset80 {
        margin-left:80%;
    }
    footer .flexcol.offset83 {
        margin-left:83%;
    }
    footer .flexcol.flexcenter.flexcol50 {
        margin-left:calc(25% + 50px);
        margin-right:calc(25% + 50px);
    }
    footer .flexcol.ctr {
        text-align:center;
    }
    footer .flexcol.rgt {
        text-align:right;
    }
    footer .secnavi.desktop {
        display:block;
    }
    footer .secnavi.mobile {
        display:none;
    }
    footer p {
        max-width:300px;
        padding-bottom:10px;
    }
    .push {
        height:200px;
    }
}
.fixedheader header {
    position:fixed;
}
header {
    position:fixed;
    top:0px;
    left:0;
    width:100%;
    overflow:visible;
    z-index:11;
    opacity:1;
    height:53px;
}
header .paa {
    padding:10px 20px;
    position:relative;
}
header.scrolled {
    border-bottom:2px solid #000;
    background-color:white;
}
header.hidden {
    transition:all 0.15s ease;
    transition-delay:0.1s;
}
header.hidden nav {
    opacity:0;
    transition:all 0.15s ease;
    transition-delay:0.1s;
}
header.hidden.scrolled nav {
    opacity:1;
}
header.outasight {
    top:-60px;
}
header nav {
    display:none;
    margin-top:20px;
    width:100%;
    position:relative;
}
header nav ul {
    position:relative;
    white-space:nowrap;
    margin:0;
    font-weight: bold;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue";
}
header nav ul li {
    display:block;
}
.toplinks {
    font-size:16px;
    line-height:21px;
    position:absolute;
    top:16px;
    z-index:12;
}
.toplinks.right {
    left:50%;
    transform:translateX(-50%);
}
.toplinks.left {
    display:none;
}
#mobnav {
    display:none;
    position:fixed;
    top:0px;
    left:0;
    background:#fff;
    width:100%;
    height:100%;
    z-index:203;
    font-weight: bold;
}
#mobnav ul.main {
    margin:16px 20px;
    font-size:30px;
    line-height:40px;
}
#mobnav ul.main li {
    display:block;
}
#mobnav ul.sec {
    position:absolute;
    bottom:20px;
    left:20px;
}
#mobnav .close {
    position:absolute;
    top:0;
    right:0;
    padding:16px 20px;
}
@media screen and (min-width:800px) {
    .toplinks.right {
        right:20px;
        left:auto;
        transform:none;
    }
    .toplinks.left {
        display:none;
    }
}
@media screen and (min-width:1024px) {
    header {
        position:fixed;
        width:100%;
        height:48px;
        padding-top:10px;
        opacity:1;
        top:0;
        transition:top 0.2s ease, background-color 0.1s ease;
        font-weight: bold;
    }
    header nav {
        width:100%;
        display:block;
        margin-top:10px;
        position:relative;
    }
    header nav ul {
        list-style:none;
        display:inline-block;
        font-size:22px;
        left:50%;
        transform:translateX(-50%);
    }
    header nav ul li {
        display:inline-block;
        margin-left:0.33em;
        margin-right:0.33em;
    }
    header nav ul li a:hover, header nav ul li a.selected {
        border-bottom:2px solid;
    }
    header nav ul li a.underlined {
        border-bottom:2px solid;
    }
    header.scrolled {
        border-bottom:2px solid #000;
        background-color:white;
    }
    header.hidden {
        transition:all 0.15s ease;
        transition-delay:0.1s;
    }
    header.hidden nav {
        opacity:0;
        transition:all 0.15s ease;
        transition-delay:0.1s;
    }
    header.hidden.scrolled nav {
        opacity:1;
    }
    header.hidden:hover {
        border-bottom:2px solid #000;
        background-color:white;
    }
    header.hidden:hover nav {
        opacity:1;
    }
    header.outasight {
        top:-60px;
    }
    header:hover nav ul li a.selected {
        border-bottom:2px solid;
    }
    .belowheader {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .toplinks {
        font-size:14px;
        line-height:19px;
        position:absolute;
        top:16px;
        z-index:12;
    }
    .toplinks.right {
        right:20px;
        left:auto;
        transform:none;
    }
    .toplinks.left {
        left:20px;
        display:block;
    }
    .toplinks.left a {
        display:block;
    }
}
.people {
    margin:0 auto;
    max-width:1280px;
}
.people .intro {
    text-align:left;
    margin:100px 0 50px;
    padding:50px 0 40px;
    border-bottom:4px solid #000;
}
.people .intro h1, .people .intro p {
    font-size:32px;
    line-height:1.3em;
    margin-bottom:0;
}
.person {
    margin:0 auto;
    max-width:1280px;
}
.person h1 {
    text-align:center;
    padding-bottom:72px;
    border-bottom:2px solid #000;
}
.person .flex {
    margin:0;
    flex-direction:column-reverse;
}
.person .flexcol {
    margin:0px 0 0;
    width:100%;
}
.person a.profile {
    margin-top:10px;
    display:block;
}
.person a.profile .title {
    margin-top:10px;
    display:block;
}
.person a.profile .tagline {
    margin-top:4px;
    display:block;
    font-size:14px;
    line-height:1.4em;
}
.person a.profile img {
    border:2px solid #000;
    width:154px;
    height:auto;
}
.person a.profile.small {
    font-size:14px;
    line-height:1.4em;
}
.person a.profile.small .title, .person a.profile.small .position {
    display:block;
}
.person a.profile:hover {
    color:#e10f21;
}
.person a.profile:hover img {
    border:2px solid #e10f21;
}
.person .text a {
    border-bottom:1.5px solid #000;
    display:inline-block;
    line-height:18px;
}
.person .text a:hover {
    color:#e10f21;
    border-bottom:1.5px solid #e10f21;
}
@media screen and (min-width:768px) {
    .person .flex {
        flex-direction:row;
    }
    .person .flexcol {
        margin:0px 20px 20px;
    }
    .person .flexcol.flexcol10 {
        width:calc(10% - 40px);
    }
    .person .flexcol.flexcol16 {
        width:calc(16.66666666666666666% - 40px);
    }
    .person .flexcol.flexcol20 {
        width:calc(20% - 40px);
    }
    .person .flexcol.flexcol25 {
        width:calc(25% - 40px);
    }
    .person .flexcol.flexcol33 {
        width:calc(33.33333333333333333% - 40px);
    }
    .person .flexcol.flexcol40 {
        width:calc(40% - 40px);
    }
    .person .flexcol.flexcol50 {
        width:calc(50% - 40px);
    }
    .person .flexcol.flexcol66 {
        width:calc(66.66666666666666666% - 40px);
    }
    .person .flexcol.flexcol75 {
        width:calc(75% - 40px);
    }
    .person .flexcol.flexcol80 {
        width:calc(80% - 40px);
    }
    .person .flexcol.flexcol83 {
        width:calc(83.33333333333333333% - 40px);
    }
    .person .flexcol.flexcol90 {
        width:calc(90% - 40px);
    }
    .person .flexcol.flexcol100 {
        width:100%;
    }
    .person .flexcol.offset10 {
        margin-left:10%;
    }
    .person .flexcol.offset16 {
        margin-left:16.66667%;
    }
    .person .flexcol.offset20 {
        margin-left:20%;
    }
    .person .flexcol.offset25 {
        margin-left:25%;
    }
    .person .flexcol.offset33 {
        margin-left:33%;
    }
    .person .flexcol.offset40 {
        margin-left:40%;
    }
    .person .flexcol.offset50 {
        margin-left:50%;
    }
    .person .flexcol.offset66 {
        margin-left:66%;
    }
    .person .flexcol.offset75 {
        margin-left:75%;
    }
    .person .flexcol.offset80 {
        margin-left:80%;
    }
    .person .flexcol.offset83 {
        margin-left:83%;
    }
    .person .flexcol.flexcenter.flexcol50 {
        margin-left:calc(25% + 20px);
        margin-right:calc(25% + 20px);
    }
}
.peoplewrap a {
    display:inline-block;
    width:100%;
    border-bottom:2px solid #000;
    break-inside:avoid-column;
    -webkit-column-break-inside:avoid;
    padding:10px 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
}
.peoplewrap a .title, .peoplewrap a .quote, .peoplewrap a .position {
    display:block;
}
.peoplewrap a .title {
    font-size:14px;
    line-height:19px;
}
.peoplewrap a .position {
    font-size:11px;
    line-height:13px;
    margin-top:2px;
}
.peoplewrap a .quote {
    color:#e10f21;
    margin:10px 0 0px;
    font-size:14px;
    line-height:19px;
}
.peoplewrap a:hover .title, .peoplewrap a:hover .position {
    color:#e10f21;
}
@media screen and (min-width:400px) {
    .peoplewrap {
        -moz-column-count:2;
        -webkit-column-count:2;
        -o-column-count:2;
        column-count:2;
        -webkit-column-gap:10px;
        -moz-column-gap:10px;
        column-gap:10px;
        -moz-column-fill:auto;
        column-fill:auto;
        -webkit-column-gap:22px;
        -moz-column-gap:22px;
        column-gap:22px;
        -webkit-column-rule:2px solid black;
        -moz-column-rule:2px solid black;
        column-rule:2px solid black;
    }
    .peoplewrap a {
        height:65px;
    }
    .peoplewrap a.lrg {
        height:175px;
    }
    .peoplewrap a .title {
        font-size:14px;
        line-height:19px;
    }
    .peoplewrap a .position {
        font-size:12px;
        line-height:15px;
    }
    .peoplewrap a .quote {
        font-size:14px;
        line-height:19px;
    }
}
@media screen and (min-width:768px) {
    .peoplewrap {
        -moz-column-count:3;
        -webkit-column-count:3;
        -o-column-count:3;
        column-count:3;
        -webkit-column-gap:10px;
        -moz-column-gap:10px;
        column-gap:10px;
        -moz-column-fill:auto;
        column-fill:auto;
        -webkit-column-gap:22px;
        -moz-column-gap:22px;
        column-gap:22px;
    }
    .peoplewrap a .title {
        font-size:16px;
        line-height:21px;
    }
    .peoplewrap a .position {
        font-size:14px;
        line-height:19px;
    }
    .peoplewrap a .quote {
        font-size:16px;
        line-height:21px;
    }
}
@media screen and (min-width:1024px) {
    .peoplewrap {
        -moz-column-count:4;
        -webkit-column-count:4;
        -o-column-count:4;
        column-count:4;
        -webkit-column-gap:10px;
        -moz-column-gap:10px;
        column-gap:10px;
        -moz-column-fill:auto;
        column-fill:auto;
        -webkit-column-gap:22px;
        -moz-column-gap:22px;
        column-gap:22px;
    }
    .peoplewrap a {
        height:65px;
    }
    .peoplewrap a.lrg {
        height:175px;
    }
    .peoplewrap a .title {
        font-size:16px;
        line-height:21px;
    }
    .peoplewrap a .position {
        font-size:14px;
        line-height:19px;
    }
    .peoplewrap a .quote {
        font-size:16px;
        line-height:21px;
    }
}
ul.filter {
    text-transform:uppercase;
    font-size:11px;
    line-height:13px;
    margin-bottom:42px;
}
ul.filter li {
    display:inline-block;
    margin-right:10px;
}
ul.filter li a {
    color:#999;
}
ul.filter li a.selected, ul.filter li a:hover {
    color:#000;
}
.column, .column2 {
    float:left;
    display:block;
    width:100%;
}
.column {
    padding-top:50px;
}
.column.thumb {
    padding:0px;
    margin-bottom:20px;
}
.column.thumb .img {
    position:relative;
    width:100%;
}
.column.thumb .img img {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:auto;
    display:block;
}
.column.thumb .img:after {
    content:"";
    display:block;
    padding-bottom:100%;
}
.column.thumb .txt {
    margin-top:10px;
}
.column.thumb .txt .title {
    display:block;
}
.column2.thumb {
    padding:0px;
    margin-bottom:20px;
}
.column2.thumb .img {
    position:relative;
    width:20%;
    float:left;
}
.column2.thumb .img img {
    width:100%;
    height:auto;
    display:block;
}
.column2.thumb .txt {
    float:left;
    margin-left:2%;
    width:78%;
}
.column2.thumb .txt .date {
    display:block;
}
.column2.thumb .txt .title {
    display:block;
}
.column2.thumb .txt .synopsis {
    display:block;
    color:#999;
}
@media all and (min-width:600px) and (max-width:767px) {
    .column {
        width:90%;
        margin-left:5%;
        padding-top:50px;
    }
    .column:nth-child(2n+2) {
        margin-right:0%;
    }
    .column:nth-child(2n+3) {
        clear:both;
    }
}
@media all and (min-width:768px) {
    .column2 {
        width:47.41379%;
        margin-right:5.17241%;
    }
    .column2:nth-child(2n+2) {
        margin-right:0%;
    }
    .column2:nth-child(2n+3) {
        clear:both;
    }
}
@media all and (min-width:768px) and (max-width:1023px) {
    .column {
        width:60%;
        margin-left:20%;
        padding-top:50px;
    }
    .column:nth-child(3n+3) {
        margin-right:0%;
    }
    .column:nth-child(3n+4) {
        clear:both;
    }
}
@media all and (min-width:1024px) and (max-width:1439px) {
    .column {
        width:60%;
        margin-left:20%;
        padding-top:50px;
    }
    .column:nth-child(4n+4) {
        margin-right:0%;
    }
    .column:nth-child(4n+5) {
        clear:both;
    }
}
@media all and (min-width:1440px) and (max-width:1759px) {
    .column {
        width:40%;
        margin-left:30%;
    }
    .column:nth-child(5n+5) {
        margin-right:0%;
    }
    .column:nth-child(5n+6) {
        clear:both;
    }
}
@media all and (min-width:1760px) {
    .column {
        width:30%;
        margin-left:35%;
    }
    .column:nth-child(6n+6) {
        margin-right:0%;
    }
    .column:nth-child(6n+7) {
        clear:both;
    }
}
.playerwrap .progressbar {
    height:4px;
    background:#fff;
    cursor:pointer;
}
.playerwrap .progressbar .bufferbar {
    height:4px;
    background:#000;
    position:absolute;
    top:0;
    left:0;
}
.playerwrap .progressbar .timebar {
    height:4px;
    position:absolute;
    top:0;
    left:0;
    background:#ccc;
    opacity:0.7;
}
.playerwrap .onvideo {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:calc(100% - 30px);
    background:transparent;
}
.playerwrap .controls {
    margin-top:5px;
    color:#000;
    font-size:14px;
    line-height:19px;
}
.playerwrap .controls button {
    color:inherit;
}
.playerwrap .controls button:hover {
    opacity:0.3;
}
.playerwrap .controls .play {
    margin-right:10px;
    text-transform:uppercase;
}
.playerwrap .controls .mute {
    float:right;
    text-transform:uppercase;
}
@media screen and (min-width:768px) {
    .playerwrap .controls {
        font-size:14px;
        line-height:19px;
    }
}
#lightbox {
    display:none;
    position:fixed;
    top:0;
    left:0;
    background:#fff;
    width:100%;
    height:100%;
    z-index:100;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:16px;
}
#lightbox.pntr {
    cursor:pointer;
}
@media screen and (min-width:600px) {
    #lightbox {
        padding:20px;
    }
}
@media screen and (min-width:768px) {
    #lightbox {
        padding:30px;
    }
}
@media screen and (min-width:1024px) {
    #lightbox {
        padding:30px;
    }
}
.slideshow {
    overflow:visible;
}
.slideshow .inner {
    width:100%;
    height:400px;
}
.slideshow .slide {
    position:absolute;
    top:0;
    left:0;
    margin:0 auto;
    opacity:0;
    display:block;
    overflow:visible;
}
.slideshow .slide img {
    display:block;
    width:100%;
    height:auto;
}
.slideshow .activeslide {
    z-index:2;
}
.slideshow .sbtn {
    height:100%;
    position:absolute;
    top:0;
    background-repeat:repeat;
    z-index:3;
    cursor:none;
}
.slideshow .sbtn.next {
    width:50%;
    right:0;
}
.slideshow .sbtn.prev {
    width:50%;
    left:0;
}
.slideshow.home .sbtn.prev, .slideshow.home .sbtn.next {
    height:calc(100% - 80px);
}
.slideshow.home .sbtn.prev span, .slideshow.home .sbtn.next span {
    display:none;
}
.slideshow iframe, .slideshow video {
    z-index:100;
}
.slideshow .plus {
    cursor:crosshair;
}
.slideshow .hiddencap, .slideshow .hiddenquote {
    display:none;
}
.slideshow .caption {
    display:block;
    margin-top:10px;
    padding:0px;
    width:100%;
    font-size:11px;
    line-height:13px;
    color:#000;
    text-align:justify;
}
.slideshow .caption .counter {
    display:inline-block;
    margin-right:10px;
}
.slideshow.white .sbtn.next {
    cursor:url("img/arrw-r-white.png") 26 25, url("img/arrw-r-white.cur.ico"), e-resize;
}
.slideshow.white .sbtn.prev {
    cursor:url("img/arrw-l-white.png") 1 25, url("img/arrw-l-white.cur.ico"), w-resize;
}
.slideshow.white .sbtn.next, .slideshow.white .sbtn.prev {
    cursor:pointer;
}
.slideshow.white .sbtn.next span, .slideshow.white .sbtn.prev span {
    color:#fff;
}
.slideshow.home {
    padding:53px 15px;
}
.slideshow.home .sbtn.prev, .slideshow.home .sbtn.next {
    display:none;
    width:20px;
    cursor:none;
}
.slideshow.home .inner {
    height:auto;
}
.slideshow.home .slide {
    width:100%;
    position:relative;
    top:auto;
    left:auto;
    margin:0 auto;
    opacity:1;
    display:block;
    overflow:visible;
    border-top:1px solid #000;
    padding-top:45px;
    padding-bottom:70px;
}
.slideshow.home .slide img {
    display:block;
    width:100%;
    height:auto;
}
.slideshow.home .slide .frame {
    display:none;
}
.slideshow.home .slide .frame:first-child {
    display:block;
}
.slideshow.home .slide .captioned {
    display:none;
}
.slideshow.home .slide .slideheadline {
    display:none;
}
.slideshow.home .slide .slidefooter {
    margin-top:15px;
    position:static;
    font-size:14px;
    line-height:18px;
    color:#000;
}
.slideshow.home .slide .slidefooter .label {
    position:absolute;
    top:13px;
    left:0;
}
.slideshow.home .slide .slidefooter .counter {
    display:none;
    font-size:11px;
    line-height:11px;
    position:absolute;
    width:100%;
    top:11px;
    text-align:center;
}
.slideshow.collab .slide .slidefooter {
    border-top:none;
}
.slideshow.collab .slide.altfont {
    font-family:Clarendon, Times, serif;
}
.slideshow.collab h2 {
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-60%);
    font-size:50px;
    line-height:58px;
    z-index:11;
    text-align:center;
    width:90%;
}
.slideshow.collab h2.preview {
    display:none;
    opacity:0;
}
.slideshow.librarylb .lbnavi {
    position:absolute;
    top:0;
    left:0;
    z-index:4;
    width:100%;
}
.slideshow.librarylb .lbnavi .close {
    float:right;
}
.slideshow.librarylb .lbnavidesk {
    display:none;
}
.slideshow.librarylb .caption {
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    width:100%;
    max-width:500px;
    z-index:3;
    font-size:14px;
    line-height:19px;
    display:none;
}
.slideshow.librarylb .pullquote {
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    width:100%;
    max-width:500px;
    z-index:3;
    font-size:20px;
    line-height:26px;
    display:none;
}
.slideshow.librarylb .pullquote.abovecap {
    top:13%;
    bottom:auto;
}
.slideshow.librarylb .showcaption {
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    z-index:4;
}
.touch .slideshow .sbtn {
    display:none;
}
@media screen and (max-width:880px) {
    .slidefooter .baseline br {
        display:none;
    }
}
@media screen and (min-width:768px) {
    .slideshow .sbtn {
        display:block;
    }
    .slideshow.collab h2 {
        font-size:60px;
        line-height:68px;
    }
    .slideshow.home .slide {
        padding-top:48px;
    }
    .slideshow.home .slide .slidefooter {
        margin-top:15px;
        position:static;
        font-size:18px;
        line-height:24px;
    }
    .slideshow.home .slide .slidefooter .label {
        top:12px;
    }
}
.slideshow.fullbleed .caption {
    padding-left:20px;
    padding-right:20px;
}
.slideshow + .flex {
    margin-top:30px;
}
@media screen and (min-width:1024px) {
    .slideshow .caption {
        font-size:11px;
        line-height:13px;
    }
    .slideshow.home .sbtn.next, .slideshow.home .sbtn.prev {
        width:18%;
        display:block;
    }
    .slideshow.home .sbtn.next span, .slideshow.home .sbtn.prev span {
        display:block;
        font-size:60px;
        line-height:62px;
        transition:opacity 0.4s ease;
    }
    .slideshow.home {
        padding:0;
    }
    .slideshow.home a.slide {
        cursor:none;
    }
    .slideshow.home .slide {
        position:absolute;
        top:0;
        left:0;
        margin:0 auto;
        opacity:0;
        display:block;
        overflow:visible;
        border-top:none;
        padding-top:0;
        padding-bottom:0;
    }
    .slideshow.home .slide img {
        display:block;
        width:100%;
        height:auto;
    }
    .slideshow.home .slide .imagearea {
        margin:100px;
        display:block;
    }
    .slideshow.home .slide .imagearea img, .slideshow.home .slide .imagearea video {
        display:block;
        width:300px;
        height:auto;
    }
    .slideshow.home .slide .imagearea.fullh img {
        height:100%;
        width:auto;
    }
    .slideshow.home .slide .imagearea.small img {
        height:auto;
        width:100%;
    }
    .slideshow.home .slide .imagearea.medium img {
        height:auto;
        width:100%;
    }
    .slideshow.home .slide .imagearea.centrecentre img, .slideshow.home .slide .imagearea.centrecentre iframe, .slideshow.home .slide .imagearea.centrecentre video, .slideshow.home .slide .imagearea.centrecentre .playerwrap {
        margin:0 auto;
    }
    .slideshow.home .slide .imagearea.righttop img, .slideshow.home .slide .imagearea.rightcentre img, .slideshow.home .slide .imagearea.rightbottom img, .slideshow.home .slide .imagearea.righttop iframe, .slideshow.home .slide .imagearea.rightcentre iframe, .slideshow.home .slide .imagearea.rightbottom iframe, .slideshow.home .slide .imagearea.righttop video, .slideshow.home .slide .imagearea.rightcentre video, .slideshow.home .slide .imagearea.rightbottom video, .slideshow.home .slide .imagearea.righttop .playerwrap, .slideshow.home .slide .imagearea.rightcentre .playerwrap, .slideshow.home .slide .imagearea.rightbottom .playerwrap {
        float:right;
    }
    .slideshow.home .slide .imagearea .frame {
        overflow:visible;
    }
    .slideshow.home .slide .imagearea .frame .captioned {
        display:block;
    }
    .slideshow.home .slide .imagearea.rowlayout {
        padding:0px 0;
        white-space:nowrap;
        width:100%;
        display:table;
    }
    .slideshow.home .slide .imagearea.rowlayout .frame {
        vertical-align:middle;
        display:table-cell;
        padding:0 15px;
        overflow:hidden;
    }
    .slideshow.home .slide .imagearea.rowlayout .frame img {
        max-width:100%;
        max-height:100%;
    }
    .slideshow.home .slide .slideheadline {
        display:block;
        position:absolute;
        top:50%;
        left:50%;
        transform:translateX(-50%) translateY(-50%);
        font-size:30px;
        line-height:36px;
        text-align:center;
    }
    .slideshow.home .slide .slidefooter {
        position:absolute;
        bottom:0;
        z-index:10;
        border-top:1px solid #000;
        padding:28px 0 15px;
        left:20px;
        right:20px;
        color:#000;
        font-size:18px;
        line-height:1.4em;
    }
    .slideshow.home .slide .slidefooter.isrek {
        padding:15px 0 15px;
    }
    .slideshow.home .slide .slidefooter .label {
        display:block;
        position:relative;
        top:auto;
        left:auto;
    }
    .slideshow.home .slide .slidefooter .baseline {
        width:100%;
        margin:0;
        text-align:center;
    }
    .slideshow.home .slide .slidefooter .counter {
        display:block;
        font-size:11px;
        line-height:11px;
        position:absolute;
        width:100%;
        top:11px;
        text-align:center;
    }
    .slideshow.home .slide .imagearea {
        margin:0;
        width:100%;
        height:100%;
    }
    .slideshow.home .slide .imagearea.fullh img {
        height:100%;
        width:auto;
    }
    .slideshow.home .slide .imagearea.small {
        margin-left:200px;
        margin-right:200px;
    }
    .slideshow.home .slide .imagearea.small img {
        height:auto;
        width:100%;
    }
    .slideshow.home .slide .imagearea.medium {
        margin-left:50px;
        margin-right:50px;
    }
    .slideshow.home .slide .imagearea.medium img {
        height:auto;
        width:100%;
    }
    .slideshow.home .slide .imagearea.centrecentre img {
        margin:0 auto;
    }
    .slideshow.home .slide .imagearea.righttop img, .slideshow.home .slide .imagearea.rightcentre img, .slideshow.home .slide .imagearea.rightbottom img {
        float:right;
    }
    .slideshow.home .slide .imagearea .frame .captioned {
        display:block;
        width:100%;
        margin-top:8px;
        text-align:center;
    }
    .slideshow.home .slide .slideheadline {
        font-size:80px;
        line-height:105px;
    }
    .slideshow.home .slide .slideheadline.medium {
        font-size:65px;
    }
    .slideshow.home .slide .slideheadline.small {
        font-size:50px;
    }
    .slideshow.home .slide .slideheadline.lefttop {
        top:25%;
        left:17%;
    }
    .slideshow.home .slide .slideheadline.leftcentre {
        left:25%;
    }
    .slideshow.home .slide .slideheadline.leftbottom {
        left:25%;
        top:95%;
        transform:translateX(-50%) translateY(-100%);
    }
    .slideshow.home .slide .slideheadline.centretop {
        top:25%;
    }
    .slideshow.home .slide .slideheadline.centrebottom {
        top:95%;
        transform:translateX(-50%) translateY(-100%);
    }
    .slideshow.home .slide .slidefooter {
        border-top:2px solid #000;
        padding:15px 0 18px;
        left:20px;
        right:20px;
        font-size:18px;
        line-height:1.4em;
    }
    .slideshow.home .slide .slidefooter.isrek {
        padding:15px 0 17px;
    }
    .slideshow.home .slide .slidefooter .label {
        display:block;
        float:left;
        width:14%;
    }
    .slideshow.home .slide .slidefooter .baseline {
        float:left;
        width:70%;
        margin:0 1%;
        text-align:center;
    }
    .slideshow.home .slide .slidefooter .counter {
        font-size:18px;
        line-height:1.4em;
        position:relative;
        float:left;
        width:14%;
        top:0;
        text-align:right;
    }
    .slideshow.collab .slide .slidefooter {
        left:0;
        right:0;
        padding:33px 0 40px;
        border-top:none;
        font-size:24px;
        line-height:29px;
    }
    .slideshow.collab .slide .slidefooter .baseline {
        width:86%;
        margin:0 7%;
    }
    .slideshow.collab .slide .slidefooter .counter {
        display:none;
    }
    .slideshow.collab h2 {
        font-size:100px;
        line-height:105px;
        width:90%;
    }
    .slideshow.collab h2.preview {
        display:block;
        opacity:0;
    }
    .slideshow.collab h2.preview.altfont {
        font-family:Clarendon, Times, serif;
    }
    .slideshow.collab .timeline {
        position:absolute;
        bottom:90px;
        left:0;
        width:100%;
        height:51px;
        z-index:12;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        overflow:visible;
    }
    .slideshow.collab .timeline .bgline {
        position:absolute;
        top:24px;
        left:0;
        width:100%;
        height:3px;
        opacity:0.18;
        background:#000;
    }
    .slideshow.collab .timeline .bar {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        position:absolute;
        top:0px;
        z-index:12;
        left:0%;
        width:10%;
        height:50px;
        cursor:pointer;
    }
    .slideshow.collab .timeline .bar div {
        height:3px;
        margin-top:24px;
        background:#000;
        opacity:0;
        transition:opacity 0.3s ease;
    }
    .slideshow.collab .timeline .bar.selected div, .slideshow.collab .timeline .bar:hover div {
        opacity:1;
    }
    .slideshow.collab .timeline:hover .bar.selected div {
        opacity:0;
    }
    .slideshow.collab .timeline:hover .bar.selected:hover div {
        opacity:1;
    }
    .slideshow.librarylb .inner .slide .hiddencap {
        display:none;
    }
    .slideshow.librarylb .caption {
        display:block;
        width:calc(25% - 20px);
        position:absolute;
        bottom:0;
        top:auto;
        right:0;
        left:auto;
        transform:none;
        overflow:visible;
        max-width:none;
    }
    .slideshow.librarylb .caption.left {
        left:0;
        right:auto;
    }
    .slideshow.librarylb .pullquote {
        display:block;
        width:calc(45% - 20px);
        position:absolute;
        bottom:-5px;
        top:auto;
        right:0;
        left:auto;
        transform:none;
        overflow:visible;
        max-width:none;
        font-size:30px;
        line-height:38px;
        text-indent:-0.5em;
        overflow:visible;
    }
    .slideshow.librarylb .pullquote.abovecap {
        top:10%;
    }
    .slideshow.librarylb .pullquote.left {
        left:0;
        right:auto;
    }
    .slideshow.librarylb .lbnavi {
        display:none;
    }
    .slideshow.librarylb .lbnavidesk {
        width:calc(25% - 20px);
        display:block;
        position:absolute;
        top:0;
        right:0;
        font-size:14px;
        line-height:19px;
        z-index:99;
    }
    .slideshow.librarylb .lbnavidesk .ssnavi, .slideshow.librarylb .lbnavidesk .close {
        position:relative;
        display:inline-block;
        margin-right:5px;
        font-size:14px;
        line-height:19px;
    }
    .slideshow.librarylb .lbnavidesk .ssnavi:hover, .slideshow.librarylb .lbnavidesk .close:hover {
        color:#000;
    }
    .slideshow.librarylb .lbnavidesk .ssnavi:active, .slideshow.librarylb .lbnavidesk .close:active {
        color:#000;
    }
    .slideshow.librarylb .lbnavidesk .ssnavi.selected, .slideshow.librarylb .lbnavidesk .close.selected {
        border-bottom:2px solid;
    }
    .slideshow.librarylb .lbnavidesk.left {
        left:0;
        right:auto;
    }
    .slideshow.librarylb .slide.flip {
        right:0;
        left:auto;
    }
    .slideshow.librarylb .showcaption {
        display:none;
    }
    .slideshow.fullbleed .caption {
        padding-left:80px;
        padding-right:80px;
    }
}
@media screen and (min-width:1440px) {
    .slideshow.librarylb .caption {
        font-size:16px;
        line-height:21px;
    }
    .slideshow.librarylb .lbnavidesk .ssnavi, .slideshow.librarylb .lbnavidesk .close {
        font-size:16px;
        line-height:21px;
    }
}
@media screen and (min-width:1760px) {
    .slideshow.librarylb .caption {
        font-size:18px;
        line-height:24px;
    }
    .slideshow.librarylb .lbnavidesk .ssnavi, .slideshow.librarylb .lbnavidesk .close {
        font-size:18px;
        line-height:24px;
    }
}
.clublist .clublistheadline {
    display:block;
    font-size:45px;
    line-height:51px;
    color:#00b7ff;
    position:absolute;
    left:5%;
    width:90%;
    text-align:center;
    top:calc(50% - 40px);
    transform:translateY(-50%);
}
.clublist ul {
    font-size:11px;
    line-height:13px;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    display:block;
    -moz-column-count:2;
    -webkit-column-count:2;
    -o-column-count:2;
    column-count:2;
    -webkit-column-gap:10px;
    -moz-column-gap:10px;
    column-gap:10px;
    -moz-column-fill:auto;
    column-fill:auto;
    -webkit-column-gap:40px;
    -moz-column-gap:40px;
    column-gap:40px;
    font-size:8px;
    line-height:10px;
}
.clublist ul li {
    margin-bottom:11px;
    max-width:290px;
    -moz-column-break-inside:avoid;
    -webkit-column-break-inside:avoid;
    column-break-inside:avoid;
}
@media screen and (min-width:600px) {
    .clublist .clublistheadline {
        font-size:45px;
        line-height:51px;
    }
    .clublist ul {
        display:block;
        -moz-column-count:2;
        -webkit-column-count:2;
        -o-column-count:2;
        column-count:2;
        -webkit-column-gap:10px;
        -moz-column-gap:10px;
        column-gap:10px;
        -moz-column-fill:auto;
        column-fill:auto;
        -webkit-column-gap:40px;
        -moz-column-gap:40px;
        column-gap:40px;
        font-size:13px;
        line-height:17px;
    }
    .clublist ul li {
        margin-bottom:17px;
        max-width:290px;
        -moz-column-break-inside:avoid;
        -webkit-column-break-inside:avoid;
        column-break-inside:avoid;
    }
}
@media screen and (min-width:900px) {
    .clublist .clublistheadline {
        font-size:80px;
        line-height:105px;
    }
    .clublist ul {
        -moz-column-count:3;
        -webkit-column-count:3;
        -o-column-count:3;
        column-count:3;
        -webkit-column-gap:10px;
        -moz-column-gap:10px;
        column-gap:10px;
        -moz-column-fill:auto;
        column-fill:auto;
        -webkit-column-gap:50px;
        -moz-column-gap:50px;
        column-gap:50px;
        font-size:14px;
        line-height:19px;
    }
    .clublist ul li {
        margin-bottom:19px;
        max-width:290px;
    }
}
.shop-inner {
    margin:0 auto;
    padding-top:100px;
    width:100%;
    max-width:1000px;
}
.shop-inner .row {
    margin-bottom:150px;
}
.shop-inner .row.row-double {
    position:relative;
}
.shop-inner .row.row-double:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.shop-inner .row.row-double .left, .shop-inner .row.row-double .right {
    width:48%;
    float:left;
    text-align:left;
}
.shop-inner .row.row-double .left {
    margin-right:4%;
}
.shop-inner .item .double {
    position:relative;
}
.shop-inner .item .double:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.shop-inner .item .double .left, .shop-inner .item .double .right {
    width:48%;
    float:left;
    text-align:left;
    position:static;
}
.shop-inner .item .double .left {
    margin-right:4%;
}
.shop-inner .item .double .bottom {
    position:absolute;
    bottom:0;
    right:0;
    width:48%;
}
.shop-inner .item .image img {
    width:100%;
    display:block;
}
.shop-inner .item h1 {
    font-size:32px;
    line-height:1.3em;
}
.shop-inner .item fieldset {
    border:none;
    border-top:3px solid #000;
    padding:0;
}
.shop-inner .item.item-small fieldset {
    padding-top:25px;
}
.shop-inner .item fieldset legend {
    font-size:32px;
    line-height:1.3em;
    padding:0 10px 0 0;
}
.shop-inner .item .button {
    border:1px solid #000;
    padding:10px;
    text-align:right;
    margin-top:10px;
}
.shop-inner .item button {
    border:1px solid black;
    background-color:black;
    color:#fff;
    padding:10px 0;
    text-align:center;
    display:block;
    width:100%;
    font-size:14px;
    line-height:1.4em;
}
.shop-inner .item button:hover {
    background-color:transparent;
    color:black;
}
.shop-inner .item .button .price {
    float:left;
}
.shop-inner .item.item-small .images {
    position:relative;
}
.shop-inner .item.item-small .text {
    border-top:1px solid #000;
    margin-top:35px;
}
.shop-inner .item.item-small .images.images-stacked-four a, .shop-inner .item.item-small .images.images-stacked-three a {
    display:block;
    width:30%;
    border-right:2px solid #fff;
}
.shop-inner .item.item-small .images.images-stacked-four a img, .shop-inner .item.item-small .images.images-stacked-three a img {
    width:100%;
    display:block;
}
.shop-inner .item.item-small .images.images-stacked-four a.item-2, .shop-inner .item.item-small .images.images-stacked-four a.item-3, .shop-inner .item.item-small .images.images-stacked-four a.item-4 {
    position:absolute;
    top:0;
}
.shop-inner .item.item-small .images.images-stacked-four a.item-2 {
    left:23.5%;
}
.shop-inner .item.item-small .images.images-stacked-four a.item-3 {
    left:47%;
}
.shop-inner .item.item-small .images.images-stacked-four a.item-4 {
    right:0;
}
.shop-inner .item.item-small .images.images-stacked-three a.item-2, .shop-inner .item.item-small .images.images-stacked-three a.item-3 {
    position:absolute;
    top:0;
}
.shop-inner .item.item-small .images.images-stacked-three a.item-2 {
    left:35%;
}
.shop-inner .item.item-small .images.images-stacked-three a.item-3 {
    right:0;
}
.shop-inner .item.item-small .text {
    padding-top:14px;
    font-size:14px;
    line-height:1.4em;
}
.shop-inner .item .moreinfo {
    padding-top:40px;
    display:block;
}
.shop-inner .item .moreinfo .description {
    border-top:1px solid black;
    padding-top:10px;
    -webkit-column-count:2;
    -webkit-column-gap:4%;
    -moz-column-count:2;
    -moz-column-gap:30px;
    -ms-column-count:2;
    -ms-column-gap:30px;
    -o-column-count:2;
    -o-column-gap:30px;
    column-count:2;
    column-gap:30px;
    text-align:justify;
}
.shop-inner .item .moreinfo .description p {
    display:inline;
}
.shop-inner .item .moreinfo .triple {
    padding-top:20px;
    margin-top:20px;
}
.shop-inner .item .moreinfo .triple:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.shop-inner .item .moreinfo .triple .left, .shop-inner .item .moreinfo .triple .center, .shop-inner .item .moreinfo .triple .right {
    float:left;
    width:30.66667%;
    margin-right:4%;
    text-align:left;
}
.shop-inner .item .moreinfo .triple .right {
    margin-right:0;
}
.shop-inner .item .moreinfo .triple .image img {
    width:100%;
    display:block;
    border-top:1px solid black;
    border-bottom:1px solid black;
}
.shop-inner .item .moreinfo .triple h3 {
    font-size:inherit;
    margin:10px 0;
}
.shop-inner .item .moreinfo .triple p {
    margin:10px 0;
}
.shop-inner .item .moreinfo .triple.menu {
    border-top:1px solid black;
}
.shop-inner .item .moreinfo .triple.menu > div {
    border-bottom:1px solid black;
    text-align:right;
}
.shop-inner .item .moreinfo .triple.menu .caption {
    float:left;
    display:inline-block;
    padding:10px 0;
}
.shop-inner .item .moreinfo .triple.menu .value {
    display:inline-block;
    padding:10px 0;
}
.shop-inner .item .moreinfo .triple.menu .options a.option {
    display:inline-block;
    padding:10px 0 10px 25px;
    position:relative;
    color:black;
}
.shop-inner .item .moreinfo .triple.menu .options a.option:before {
    content:"";
    display:block;
    height:12px;
    width:12px;
    clear:both;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:50%;
    position:absolute;
    left:8px;
    top:14px;
}
.shop-inner .item .moreinfo .triple.menu .options a.option.option-navy:before {
    background-color:black;
}
.shop-inner .item .moreinfo .triple.menu .options a.option:hover:before {
    border:1px solid #000;
}
.shop-inner .item .moreinfo .triple.menu select {
    background:transparent;
    padding:10px 15px 10px 0;
    font-family:'Futura TGW', 'Futura-Medium', Futura, Helvetica, Arial, sans-serif;
    font-size:14px;
    font-weight: bold;
    line-height:1.4em;
    color:black;
    border:0;
    border-radius:0;
    -webkit-appearance:none;
    background:url("../images/arrow_down_shop.gif.html") no-repeat right;
    background-size:9px 9px;
    text-align:right;
}
.shop-inner .item .moreinfo .add_to_cart {
    padding-top:40px;
}
@media screen and (min-width:768px) {
    .shop-inner {
        padding-top:100px;
        width:70%;
    }
}
.admin {
    position:absolute;
    top:20px;
    right:20px;
    padding:4px 10px 5px;
    display:block;
    line-height:10px;
    font-size:10px;
    text-transform:uppercase;
}
.admin_inactive {
    border:1px solid #f90;
    color:#f60;
    right:70px;
}
.admin_edit {
    border:1px solid #52d3ff;
    color:#52d3ff;
}
.admin_edit:hover {
    background:#52d3ff;
    color:#fff;
}
@font-face {
    font-family:'Icons';
    src:url('fonts/icons-v=1.eot');
    src:url('fonts/icons-.eot#iefix&v=1') format('embedded-opentype'), url('fonts/icons-v=1.woff') format('woff'), url('fonts/icons.svg-v=1.html') format('svg');
    font-weight:normal;
    font-style:normal;
}
.ss {
    display:inline-block;
    font:normal normal normal 14px/1 Icons;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.ss-lg {
    font-size:1.33333em;
    line-height:0.75em;
    vertical-align:-15%;
}
.ss-2x {
    font-size:2em;
}
.ss-3x {
    font-size:3em;
}
.ss-4x {
    font-size:4em;
}
.ss-5x {
    font-size:5em;
}
.ss-fw {
    width:1.28571em;
    text-align:center;
}
.ss-ul {
    padding-left:0;
    margin-left:2.14286em;
    list-style-type:none;
}
.ss-ul > li {
    position:relative;
}
.ss-li {
    position:absolute;
    left:-2.14286em;
    width:2.14286em;
    top:0.14286em;
    text-align:center;
}
.ss-li.ss-lg {
    left:-1.85714em;
}
.ss-border {
    padding:0.2em 0.25em 0.15em;
    border:solid 0.08em #eee;
    border-radius:0.1em;
}
.pull-right {
    float:right;
}
.pull-left {
    float:left;
}
.fa.pull-left {
    margin-right:0.3em;
}
.fa.pull-right {
    margin-left:0.3em;
}
.ss-spin {
    -webkit-animation:fa-spin 2s infinite linear;
    animation:fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg);
    }
}
.ss-rotate-90 {
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}
.ss-rotate-180 {
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.ss-rotate-270 {
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg);
}
.ss-flip-horizontal {
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform:scale(-1, 1);
    -ms-transform:scale(-1, 1);
    transform:scale(-1, 1);
}
.ss-flip-vertical {
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform:scale(1, -1);
    -ms-transform:scale(1, -1);
    transform:scale(1, -1);
}
:root .ss-rotate-90, :root .ss-rotate-180, :root .ss-rotate-270, :root .ss-flip-horizontal, :root .ss-flip-vertical {
    filter:none;
}
.ss-stack {
    position:relative;
    display:inline-block;
    width:2em;
    height:2em;
    line-height:2em;
    vertical-align:middle;
}
.ss-stack-1x, .ss-stack-2x {
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
}
.ss-stack-1x {
    line-height:inherit;
}
.ss-stack-2x {
    font-size:2em;
}
.ss-inverse {
    color:#fff;
}
.ss-search:before {
    content:"\f002";
}
.ss-envelope-o:before {
    content:"\f003";
}
.ss-heart:before {
    content:"\f004";
}
.ss-star:before {
    content:"\f005";
}
.ss-star-o:before {
    content:"\f006";
}
.ss-th-large:before {
    content:"\f009";
}
.ss-th:before {
    content:"\f00a";
}
.ss-th-list:before {
    content:"\f00b";
}
.ss-check:before {
    content:"\f00c";
}
.ss-remove:before, .ss-close:before, .ss-times:before {
    content:"\f00d";
}
.ss-file-o:before {
    content:"\f016";
}
.ss-download:before {
    content:"\f019";
}
.ss-arrow-circle-o-down:before {
    content:"\f01a";
}
.ss-arrow-circle-o-up:before {
    content:"\f01b";
}
.ss-play-circle-o:before {
    content:"\f01d";
}
.ss-rotate-right:before, .ss-repeat:before {
    content:"\f01e";
}
.ss-flag:before {
    content:"\f024";
}
.ss-volume-off:before {
    content:"\f026";
}
.ss-volume-down:before {
    content:"\f027";
}
.ss-volume-up:before {
    content:"\f028";
}
.ss-tag:before {
    content:"\f02b";
}
.ss-tags:before {
    content:"\f02c";
}
.ss-indent:before {
    content:"\f03c";
}
.ss-video-camera:before {
    content:"\f03d";
}
.ss-photo:before, .ss-image:before, .ss-picture-o:before {
    content:"\f03e";
}
.ss-pencil:before {
    content:"\f040";
}
.ss-map-marker:before {
    content:"\f041";
}
.ss-edit:before, .ss-pencil-square-o:before {
    content:"\f044";
}
.ss-share-square-o:before {
    content:"\f045";
}
.ss-check-square-o:before {
    content:"\f046";
}
.ss-arrows:before {
    content:"\f047";
}
.ss-step-backward:before {
    content:"\f048";
}
.ss-fast-backward:before {
    content:"\f049";
}
.ss-backward:before {
    content:"\f04a";
}
.ss-play:before {
    content:"\f04b";
}
.ss-pause:before {
    content:"\f04c";
}
.ss-stop:before {
    content:"\f04d";
}
.ss-forward:before {
    content:"\f04e";
}
.ss-fast-forward:before {
    content:"\f050";
}
.ss-step-forward:before {
    content:"\f051";
}
.ss-chevron-left:before {
    content:"\f053";
}
.ss-chevron-right:before {
    content:"\f054";
}
.ss-times-circle:before {
    content:"\f057";
}
.ss-check-circle:before {
    content:"\f058";
}
.ss-times-circle-o:before {
    content:"\f05c";
}
.ss-check-circle-o:before {
    content:"\f05d";
}
.ss-arrow-left:before {
    content:"\f060";
}
.ss-arrow-right:before {
    content:"\f061";
}
.ss-arrow-up:before {
    content:"\f062";
}
.ss-arrow-down:before {
    content:"\f063";
}
.ss-plus:before {
    content:"\f067";
}
.ss-minus:before {
    content:"\f068";
}
.ss-warning:before, .ss-exclamation-triangle:before {
    content:"\f071";
}
.ss-calendar:before {
    content:"\f073";
}
.ss-chevron-up:before {
    content:"\f077";
}
.ss-chevron-down:before {
    content:"\f078";
}
.ss-shopping-cart:before {
    content:"\f07a";
}
.ss-twitter-square:before {
    content:"\f081";
}
.ss-facebook-square:before {
    content:"\f082";
}
.ss-linkedin-square:before {
    content:"\f08c";
}
.ss-twitter:before {
    content:"\f099";
}
.ss-facebook:before {
    content:"\f09a";
}
.ss-credit-card:before {
    content:"\f09d";
}
.ss-arrow-circle-left:before {
    content:"\f0a8";
}
.ss-arrow-circle-right:before {
    content:"\f0a9";
}
.ss-arrow-circle-up:before {
    content:"\f0aa";
}
.ss-arrow-circle-down:before {
    content:"\f0ab";
}
.ss-arrows-alt:before {
    content:"\f0b2";
}
.ss-square:before {
    content:"\f0c8";
}
.ss-navicon:before, .ss-reorder:before, .ss-bars:before {
    content:"\f0c9";
}
.ss-pinterest:before {
    content:"\f0d2";
}
.ss-pinterest-square:before {
    content:"\f0d3";
}
.ss-google-plus-square:before {
    content:"\f0d4";
}
.ss-google-plus:before {
    content:"\f0d5";
}
.ss-caret-down:before {
    content:"\f0d7";
}
.ss-caret-up:before {
    content:"\f0d8";
}
.ss-caret-left:before {
    content:"\f0d9";
}
.ss-caret-right:before {
    content:"\f0da";
}
.ss-linkedin:before {
    content:"\f0e1";
}
.ss-rotate-left:before, .ss-undo:before {
    content:"\f0e2";
}
.ss-angle-double-left:before {
    content:"\f100";
}
.ss-angle-double-right:before {
    content:"\f101";
}
.ss-angle-double-up:before {
    content:"\f102";
}
.ss-angle-double-down:before {
    content:"\f103";
}
.ss-angle-left:before {
    content:"\f104";
}
.ss-angle-right:before {
    content:"\f105";
}
.ss-angle-up:before {
    content:"\f106";
}
.ss-angle-down:before {
    content:"\f107";
}
.ss-circle-o:before {
    content:"\f10c";
}
.ss-spinner:before {
    content:"\f110";
}
.ss-circle:before {
    content:"\f111";
}
.ss-chevron-circle-left:before {
    content:"\f137";
}
.ss-chevron-circle-right:before {
    content:"\f138";
}
.ss-chevron-circle-up:before {
    content:"\f139";
}
.ss-chevron-circle-down:before {
    content:"\f13a";
}
.ss-ellipsis-h:before {
    content:"\f141";
}
.ss-ellipsis-v:before {
    content:"\f142";
}
.ss-play-circle:before {
    content:"\f144";
}
.ss-minus-square:before {
    content:"\f146";
}
.ss-minus-square-o:before {
    content:"\f147";
}
.ss-youtube-square:before {
    content:"\f166";
}
.ss-youtube:before {
    content:"\f167";
}
.ss-instagram:before {
    content:"\f16d";
}
.ss-flickr:before {
    content:"\f16e";
}
.ss-long-arrow-down:before {
    content:"\f175";
}
.ss-long-arrow-up:before {
    content:"\f176";
}
.ss-long-arrow-left:before {
    content:"\f177";
}
.ss-long-arrow-right:before {
    content:"\f178";
}
.ss-arrow-circle-o-right:before {
    content:"\f18e";
}
.ss-arrow-circle-o-left:before {
    content:"\f190";
}
.ss-plus-square-o:before {
    content:"\f196";
}
.ss-paypal:before {
    content:"\f1ed";
}
.ss-google-wallet:before {
    content:"\f1ee";
}
.ss-cc-visa:before {
    content:"\f1f0";
}
.ss-cc-mastercard:before {
    content:"\f1f1";
}
.ss-cc-discover:before {
    content:"\f1f2";
}
.ss-cc-amex:before {
    content:"\f1f3";
}
.ss-cc-paypal:before {
    content:"\f1f4";
}
.ss-cc-stripe:before {
    content:"\f1f5";
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) { 
.current_portrait img {
    	max-height: 100%;
  		max-width: 100%;
  		margin: 10px auto;
    }



}