body.init,
body.init * {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
}.noTransition {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        -ms-transition: none !important;
        transition: none !important;
}
.noDelay {
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0s;
        transition-delay: 0s;
}
.delayHalfSec {
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay:0.5;
        -ms-transition-delay:0.5s;
        -o-transition-delay:0.5s;
        transition-delay: 0.5s;
}
.aniBg {
        -webkit-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -moz-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -ms-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -o-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
}
.aniSize {
        -webkit-transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -moz-transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -ms-transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -o-transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.aniLong {
        -webkit-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -moz-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -ms-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -o-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ;
}
.ani {
        -webkit-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -moz-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -ms-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -o-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ;
}
.aniLong,
.aniBg,
.ani,
.aniHeight {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */        
}

/* Spin icon */
.spin {
        -webkit-transform-origin: 50% 50%;
        transform-origin:50% 50%;
        -ms-transform-origin:50% 50%; /* IE 9 */
        -webkit-animation: spin .5s infinite linear;
        -moz-animation: spin .5s infinite linear;
        -o-animation: spin .5s infinite linear;
        animation: spin .5s infinite linear;
}
@-moz-keyframes spin {
        from {
        -moz-transform: rotate(0deg);
}
to {
        -moz-transform: rotate(360deg);
}
}

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

@keyframes spin {
        from {
        transform: rotate(0deg);
}
to {
        transform: rotate(360deg);
}
}.pulse {
        -webkit-animation: pulsate 3s infinite 0s; /* Safari 4+ */
        -moz-animation:pulsate 3s infinite 0s; /* Fx 5+ */
        -o-animation:pulsate 3s infinite 0s; /* Opera 12+ */
        animation:pulsate 3s infinite 0s; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes pulsate {
        0%   { opacity:1; }
        50%   { opacity:.5; }
        100% { opacity:1; }
}
@-moz-keyframes pulsate {
        0%   { opacity:1; }
        50%    { opacity:.5; }
        100%  { opacity:1; }
}
@-o-keyframes pulsate {
        0%   { opacity:1; }
        50%   { opacity:.5; }
        100% { opacity:1; }
}
@keyframes pulsate {
        0%  { opacity:1; }
        50%   { opacity:.5; }
        100% { opacity:1; }
}

@-webkit-keyframes fadein{
        0%   { opacity:0; }
        100% { opacity:1;  }
}
@-moz-keyframes fadein {
        0%   { opacity:0; }
        100% { opacity:1;  }
}
@-o-keyframes fadein {
        0%   { opacity:0; }
        100% { opacity:1;  }
}
@keyframes fadein {
        0%   { opacity:0; }
        100% { opacity:1;  }
}*, 
*:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}.clearfix:before,
.clearfix:after {
        content: " ";
        display: table;
}

.clearfix:after {
        clear: both;
}

.clearfix {
        zoom: 1;
}h1,h2,h3,h4,h5,b,strong {
    font-weight:normal;
    margin:0px;
}
body,
body * {
    font-family:'light';
    font-size:14px;
}
.href > span[data-icon],
.href,
a,
a:link,
a:visited {
    -webkit-transition: background 0.25s ease-out, color 0.25s ease-out;
    -moz-transition: background 0.25s ease-out, color 0.25s ease-out;
    -ms-transition: background 0.25s ease-out, color 0.25s ease-out;
    -o-transition: background 0.25s ease-out, color 0.25s ease-out;
    transition: background 0.25s ease-out, color 0.25s ease-out;
    cursor:pointer;
}
.href:hover,
a:hover {
}/* Path relative to /cache */ 
@font-face {
        font-family: "bold";
        src: url("https://archived.mertenfoto.nl/static/fonts/myriad/myriadbold.woff") format('woff');
        src: url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadbold.eot');
        src: url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadbold.eot?#iefix') format('embedded-opentype'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadbold.woff') format('woff'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadbold.ttf') format('truetype'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadbold.svg#myriadbold') format('svg');
}

@font-face {
        font-family: "normal";
        src: url("https://archived.mertenfoto.nl/static/fonts/myriad/myriadwebpro.woff") format('woff');
        src: url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadwebpro.eot');
        src: url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadwebpro.eot?#iefix') format('embedded-opentype'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadwebpro.woff') format('woff'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadwebpro.ttf') format('truetype'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadwebpro.svg#myriad') format('svg');
}
@font-face {
        font-family: "light";
        src: url("https://archived.mertenfoto.nl/static/fonts/myriad/myriadlight.woff") format('woff');
        src: url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadlight.eot');
        src: url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadlight.eot?#iefix') format('embedded-opentype'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadlight.woff') format('woff'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadlight.ttf') format('truetype'),
                url('https://archived.mertenfoto.nl/static/fonts/myriad/myriadlight.svg#myriadlight') format('svg');
}
b {
        font-family:'bold';
        font-weight:normal;
}/*body *[data-hint] {
    position:relative;
    padding-left:20px;
}
body *[data-hint]:before {
    position:absolute;
    left:0px;
    top:50%;
    margin-top:-10px;
    height:20px;
    width:20px;
    content:'';
    text-align:center;
    
}*/
body > .hint {
    font-family:'light';
    position:absolute;
    z-index:10000;
    padding:4px 8px;
    max-width:250px;
    background: #151515;
    border: 1px solid #444;
    color:#EEE;
    text-align:center;
}
body.desktop > .hint {
    opacity:0;
    transform:translateY(-5px);        
}
body.desktop > .hint.show {
    opacity:1;
    transform:translateY(0px);
}
body > .hint.r {
    padding-right:20px;
}
body > .hint > a.close {
    position:absolute;
    top:2px;
    right:3px;
}
body > .hint > a.href,
body > .hint { 
    font-size:12px;       
}
body > .hint > a.href,
body > .hint > a.close {
    font-family:'bold';
    text-decoration:none;
    color:#FFF;
    font-family:'bold';
}
body > .hint > a.href {
    border-bottom:1px #444 solid;
}
body > .hint > a.href:hover {
    color:#FFF !important;        
}
body > .hint > .icon {
    position:absolute;

}
body > .hint > .icon.bottom,
body > .hint > .icon.top {
    left:50%;
    margin-left:-8px;        
}
body > .hint > .icon.top {
    bottom:-18px;
}
body > .hint > .icon.bottom {
    top:-18px;
}
body > .hint > .icon.left,
body > .hint > .icon.right {
    top:50%;
    margin-top:-8px;        
}
body > .hint > .icon.left {
    right:-18px;
}
body > .hint > .icon.right {
    left:-18px;
}
body > .hint > .icon > span {
    font-size:16px;
}
body.desktop > .hint.show > .icon > span {
    color:#FFF;
}.input {
    -webkit-touch-callout: text !important;
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}
input[type="checkbox"],
input[type="radio"] {
    vertical-align:middle;
}


div[data-placeholder]:not(:focus):empty:before {
    content: attr(data-placeholder);
    float: left;
    margin-left: 2px;
    color:#AAA;
    font-family:'light';
    
}
#el.busy .elt,
#sl  {
        z-index:9999;
        text-align:center;
        position:fixed;
}
/* Small loader */
#sl {
        display:table;
        bottom:7px;
        left:50%;
        margin-left:-20px;
        width:40px;
        height:40px;
}
#sl > span[data-icon] {
        color:#FFF;
        padding-top:6px;
        padding-right:-1px;
        display:table-cell;
        vertical-align:middle;
        text-align:center;
}
/* Large loader */
#el {
        z-index:9999;
        display:hidden;
        background:rgba(0,0,0,0);
}
#el .elt {
        display:none;
}
#el.busy .elt {
        width:300px;
        height:50px;
        top:50%;
        left:50%;
        margin-top:-35px;
        margin-left:-150px;
        display:block;
        opacity:1 !important;
}
#el.busy {
        display:block;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,.75);
}
#el .elt > div {
        display:inline-block;
        padding:0px 5px;
        padding-top:10px;
        vertical-align:middle;
        width: 80px;
        height: 61px;
        color:#000;
        -webkit-animation: rotateplane 1.75s infinite ease-in-out;
        animation: rotateplane 1.75s infinite ease-in-out;
        /*-webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;*/
}
#el .elt > div {

}

/* Loader animation */

@-webkit-keyframes rotateplane {
        0% { -webkit-transform: perspective(120px) rotateZ(0deg) }
25% { -webkit-transform: perspective(120px) rotateY(45deg) rotateZ(-25deg) rotateX(-15deg) }
50% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateZ(-50deg) rotateX(-30deg) } /*rotateX(180deg)*/
100% { -webkit-transform: perspective(120px) rotateY(0deg)  rotateZ(0deg) } /*rotateX(0deg) */
}

@keyframes rotateplane {
        0% { 
        transform: perspective(120px) rotateZ(0deg);
        -webkit-transform: perspective(120px) rotateZ(0deg) 
} 25% { 
        transform: perspective(120px) rotateY(45deg) rotateZ(-25deg) rotateX(-15.1deg) ;
        -webkit-transform: perspective(120px) rotateY(45deg) rotateZ(-25deg) rotateX(-15deg);
} 50% { 
        transform: perspective(120px) rotateY(179.9deg) rotateZ(-50deg)  rotateX(-30deg) ;
        -webkit-transform: perspective(120px) rotateY(180deg)  rotateZ(-50deg) rotateX(-30deg)
} 100% { 
        transform: perspective(120px) rotateY(0deg) rotateZ(0deg);
        -webkit-transform: perspective(120px) rotateY(0deg)  rotateZ(0deg)
}
}.preloader {
        position:fixed;
        z-index:9999;
        top:0px;
        left:0px;
        background-color:#FFF;
        height:1px;
        margin-top:1px;
        width:100%;
}
.preloader.k {
        opacity:0;
}body.block,
body.block * {
        pointer-events: none !important;
}.scroll::-webkit-scrollbar,
.list::-webkit-scrollbar{
        width: 8px; height: 8px;
}
.scroll::-webkit-scrollbar-thumb,
.list::-webkit-scrollbar-thumb{
        background-color:rgb(196, 196, 196); border-radius: 0px;
}
.scroll::-webkit-scrollbar-thumb:hover,
.list::-webkit-scrollbar-thumb:hover{
        background-color:rgb(196, 196, 196);
}
.scroll::-webkit-scrollbar-track,
.list::-webkit-scrollbar-track{
        background-color:rgb(237, 237, 237);
}.right {
        text-align:right !important;
}
.center {
        text-align:center !important;
}
.fleft {
        float:left !important;
}
.fright {
        float:right !important;
}
.noselect,
.copyright {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor:default;
}.box {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.round {
        -webkit-border-radius:3em;
        -moz-border-radius: 3em;
        border-radius: 3em;
}
.lessround_b,
.lessround_t,
.lessround {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;  
}
.lessround_b {
        -webkit-border-top-right-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-topleft: 0px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
}
.lessround_t {
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
}
.circle {
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
}
.emboss {
        text-shadow: 1px 1px 0px rgba(255, 255,255,.5);
}
.invertemboss {
        text-shadow: 1px 1px 1px rgba(0,0,0,.5) !important;
}
.shadowEdge {
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.shadowin {
        -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
        box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
}
.shadow {
        -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .1);
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .1);
}
.moreshadow {
        -webkit-box-shadow: 5px 10px 30px rgba(0,0,0,0.3);
        box-shadow: 5px 10px 30px rgba(0,0,0,0.3);
}
.lessshadow {
        -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .1);
        box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .1);
}
.shadowsharp {
        /*text-shadow: 2px 1px 0px rgba(0, 0, 0, 1);*/
        text-shadow: rgb(0, 0, 0) 1px 1px 0px;
}@font-face {
        font-family: 'icomoon';
        src:url('https://archived.mertenfoto.nl/static/fonts/icons/icomoon_v3.eot?force=1');
        src:url('https://archived.mertenfoto.nl/static/fonts/icons/icomoon_v3.eot?#iefix') format('embedded-opentype'),
                url('https://archived.mertenfoto.nl/static/fonts/icons/icomoon_v3.woff?force=1') format('woff'),
                url('https://archived.mertenfoto.nl/static/fonts/icons/icomoon_v3.ttf?force=1') format('truetype'),
                url('https://archived.mertenfoto.nl/static/fonts/icons/icomoon_v3.svg#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
}
[data-icon]:before {
        font-family: 'icomoon';
        content: attr(data-icon);
}
[data-icon]:before {
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /*vertical-align:middle;*/
}
.icoSmall {
        font-size:9px !important;
}
.icoMedium {
        font-size:14px;
}
.icoLarge {
        font-size:20px;
}
.icoXL {
        font-size:32px;
}#page .contact {
    /*display:table;*/
    width:100%;
    margin-top:30px;
    /*background:#151515;*/
    text-align:center;
}
/*#page .contact > div:first-child {
        width:40px;
        background:#FFF;
}
#page .contact > div:first-child span {
        display:inline-block;
        margin-top:4px;
        color:#777;
}*/
#page .contact > div b {
    color:inherit;
}
#page .contact > div {
    color:#AAA;
    text-align:center;
}
#page .contact > div a {
    text-decoration:none;
    color:#FFF;
    font-family:'bold';
}
#page .contact > div a {
    margin-left:5px;       
}.menu.footer {
    position:relative;
    /*width:100%;*/
    padding:15px 30px;
    /*background:rgba(23,23,23,.5);*/
    border-top:2px #151515 solid;
    color:#999;
    margin-top:100px;
    /*margin-left:-30px;*/
    padding-bottom:30px;
}
body .menu.footer.alt {
    border-top:0px;

    padding-left:30px;
    padding-right:30px;
    padding-bottom:0px;
    z-index:100;
    position:relative;
    margin:0px auto;
    max-width:900px;
    /*min-width:700px;*/
}
/*body.nomenu .menu.footer.alt {
    padding-left:30px;
}*/
.menu.footer > .contact > .social {
    margin-top:15px;
    margin-bottom:10px;
}
.menu.footer > .contact > .social > a {
    padding:3px;
}
.menu.footer .copyright {
    text-align:center;
    font-size:10px;
    margin-top:5px;
    color:#555;
}
.menu.footer .copyright {
    margin-bottom:15px;
}
.menu.footer.alt .copyright {
    margin-bottom:100px;
}
.menu.footer h2 {
    margin-bottom:10px;
}
.menu.footer > .items {
    display:table;
    width:100%;
    table-layout: fixed
}
.menu.footer > .items > .cat {
    display:table-cell;
    color:#707070;
    line-height:1.5em;
}

body.mobile .menu.footer > .items > .cat h2 {
    margin-top:15px;
}
body.mobile .menu.footer > .items > .cat {
    display:table-row;
    text-align:center;
}


.menu.footer > .items > .cat > a {
    display:block;
    color:#999;
    text-decoration:none;
}
.menu.footer > .items > .cat > a:hover {
    color:#FFF;
}.menu.info > #logo {
    left:10px !important;
    top:10px !important;
    width:80px !important;
    height:110px !important;
    background-image:url('https://archived.mertenfoto.nl/user/defryvolle/brand/brandplain.gif') !important;
    background:#FFF;
    padding:4px;
    border-radius:4px;
    border:1px #CCC solid;
}body > .hint.alt {
        text-align:center;
}
body > .hint.alt b {
        color:#FFF;
        font-family:'bold';
}.menu.info > #logo {
        background-image:url('https://archived.mertenfoto.nl/user/defryvolle/brand/brandplain.png');
        background-repeat:no-repeat;
        background-size:contain;
        background-position-x: center;
        position:absolute;
        left:12px;
        top:10px;
        width:94px;
        height:72px;        
        z-index:999;
}
.menuapp.cartcount {
        text-align:center;
        background:#000;
        padding:2px 6px;
        border:1px #222 solid;
        color:#FFF !important;
        font-size:12px;
        font-family:'bold';
}.menu.info {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:55px;
    z-index:1005;
    background:#151515;
}
body:not(.mertensnijders) .menu.info {
    background: rgb(50,50,50); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(50,50,50,1) 0%, rgba(15,15,15,1) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,50,50,1)), color-stop(99%,rgba(15,15,15,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(15,15,15,1) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(15,15,15,1) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(15,15,15,1) 99%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(50,50,50,1) 0%,rgba(15,15,15,1) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#151515',GradientType=0 ); 
}
body.mertensnijders .menu.info {
    background: rgb(29, 58, 57);
    background: -moz-linear-gradient(top,  rgba(29, 58, 57, 1) 0%, rgb(41, 35, 45) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29, 58, 57, 1)), color-stop(99%,rgb(41, 35, 45))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(29, 58, 57, 1) 0%,rgb(41, 35, 45) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(29, 58, 57, 1) 0%,rgb(41, 35, 45) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(29, 58, 57, 1) 0%,rgb(41, 35, 45) 99%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(29, 58, 57, 1) 0%,rgb(41, 35, 45) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d3a39', endColorstr='#151515',GradientType=0 ); 
}
.menu.info > .inner {
    /*height:100%;*/
    padding-left:131px;        
    position:relative;
    text-align:left;
    color:#FFF;
}
.menu.info > .inner a b { 
    font-size:inherit;   
}
.menu.info > .inner a { 
    white-space:nowrap;
    font-family:'light';
    text-decoration:none;
    display:inline-block;
}
body.tablet .menu.info > .inner a,
body.mobile .menu.info > .inner a { 
    font-size:16px;    
    padding-right:15px;
    padding-top: 20px;
}
body.desktop .menu.info > .inner a { 
    font-size:20px;    
    padding-right:20px;
    padding-top: 16px;
}
.menu.info > .inner a.authdepend  {
    color:#FFF;
}
.menu.info > .inner a.authdepend span {
    color:#FFF;
}
.menu.info > .inner a span {
    margin-right:4px;
}
.menu.info > .inner a *,
.menu.info > .inner a { 
    color:#CCC;
}
.menu.info > .inner a.active {
    font-family:'normal';
    color:#FFF;
}
.menu.info > .inner a:hover { 
    color:#FFF;
}
.menu.info > .inner a.r {
    position:absolute;
    right:0px;
}


body.mobile .menu.info > .inner a.r,
body.mobile .menu.info {
    position:relative;
    height:auto;
}
body.mobile .menu.info > .inner {
    padding-top:10px;
    padding-bottom:10px;
}
body.mobile .menu.info > .inner a { 
    font-size:20px !important;
    display:table-row;
}
body.mobile .menu.info > .inner a.r {
    text-align:left;
}
/* Animations */
.menu.info > #logo,
.menu.info {
    -webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -moz-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -o-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}
.menu.info > #logo {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

/* When smaller then 900 */
body.mobile body .menu.info > #logo {
    top:43px;
}        
.auth {
    padding:4px 8px !important;
}
.auth a {
    white-space:nowrap;
}.menu.work {
    background:#FFF;
    padding-top:55px;
    padding-left:118px;
    width:100%;
    letter-spacing:1px;
    text-align:left;
    z-index:1000;
    position:absolute;
    top:0px;
    left:0px;
    font-family:'normal';
}
body.storywise .menu.work,
body.mertensnijders .menu.work {
    display:none;
}
body.mertensnijders.tablet .menu.work,
body.mertensnijders.desktop .menu.work {
    padding-top:100px;
    padding-left:0px;
    text-align:right;
}
body.mobile .menu.work {
    padding-top:141px !important;
    padding-left:0px !important;
}
body.mobile.mhq .menu.work {
    padding-top:141px !important;
    padding-left:0px !important;
}
body.mobile.terracinematica .menu.work {
    padding-top:141px !important;
    padding-left:0px !important;
}
body.mobile.defryvolle .menu.work {
    padding-top:115px !important;
    padding-left:120px !important;
}
body.mobile.storywise .menu.work {
    padding-top:92px !important;
    padding-left:120px !important;
}
body.mobile.mertensnijders .menu.work {
    padding-top:67px !important;
    padding-left:0px !important;
}

.menu.work ul,
.menu.work ul li {
    position:relative;
    list-style-type: none;
}
.menu.work li.archive a > .num {
    color:#AAA;
    padding:2px 4px;
    font-size:9px;
}
/*.menu.work > ul {
    border-top:1px #EEE solid;       
}*/
.menu.work ul {
    margin:0;
    padding:0;
    font-size:0;
}
.menu.work > ul > li {
    border-left:1px #EEE solid;
}
.menu.work ul ul li a {
    padding-left:15px;
}
.menu.work ul li {
    display:inline-block;
    vertical-align:top;
}
.menu.work > ul > li ul li {
    display:block;
    /*padding: 8px 4px;*/
}
.menu.work ul li a {
    white-space:nowrap;
    display:inline-block;

    color:#555;
    text-decoration:none;
    padding:4px 12px;
}
.menu.work ul li a:hover {
    color:#000;
}
.menu.work ul li.active  {
    /*background:#FFF;*/
}
.menu.work ul li.active >  a {
    font-family:'normal';
    color:#151515;
}
.menu.work ul ul li a {
    color:#555;       
}
/* Open close tests */
.menu.work ul > li > ul {
    max-height:0px;
    overflow: hidden;
    position: absolute;
    background: #222;
}
.menu.work ul > li.open > ul {
    max-height:1500px;
}
.menu.work > .switch,
.menu.work,
.menu.work ul > li > ul {
    -webkit-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    -moz-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    -ms-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    -o-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ;
}
.menu.work > .panel {
    position:relative;
}
.menu.work .panel > .goback {
    position:absolute;
    right:0px;
    top:5px;
}
.menu.work .panel a {
    display:inline-block;        
    border-right:1px #AAA solid;
    padding:0px 10px;
}
.menu.work .panel.auth a:first-child {
    padding-left:0px;
}
.menu.work .panel a span,
.menu.work .panel a {
    color:#999;
    text-decoration:none;
}
.menu.work .panel a:hover {
    color:#000;
}
.menu.work ul li.bg {
    border-right:1px #FFF solid;
}
.menu.work ul li.bg a {
    -webkit-filter: opacity(.35)  saturate(.25) contrast(1.35); 
    color:#FFF;
    height:75px;
}.menu.work > .switch {
        position:fixed;
        display:table;
        left:0px;
        border-left:150px #FFF solid;
        top:0px;
        height:100%;
        pointer-events:none;
}
.menu.work > .switch > div {
        display:table-cell;
        vertical-align:bottom;
        position:relative;
}
.menu.work > .switch > div > span {
        cursor:pointer;
        position:relative;
        display:block;
        padding:5px 10px;
        background:#151515;
        pointer-events:auto;
        color:#FFF;
        font-size:32px !important;
        padding-bottom:2px;
}
.menu.work > .switch > div > span:hover {
        color:#FFF;
}
/*body.nomenu .menu.work > .switch { 
        left:-150px;       
}
body.nomenu .menu.work > .switch > div > span {
        background:#FFF;
        color:#151515;
}*//* custom to menu */
.menu.work > ul > li.open > .toggle {
        transform:rotate(180deg);
        transform-origin:50% 50%;
        -webkit-transform: rotate(180deg);
        -webkit-transform-origin:50% 50%;
}
.menu.work > ul > li > .toggle:hover span,
.menu.work > ul > li > .toggle:hover {
        color:#000;
}
.menu.work > ul > li > .toggle {
        right:-12px;
        top:-2px;
        position:absolute;
        display:inline-block;
}
.menu.work > ul > li > .toggle > span {
        color:#FFF;
}
/* shared across other toggles */
.toggle {
        position:absolute;
        padding:4px;
}
.toggle *,
.toggle {
        font-size:8px;        
        color:#444;
}
.toggle {
        z-index:250;
        cursor:pointer;
        -webkit-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -moz-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -ms-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -o-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ;
}
/*.menu.work > .filterpanel > .filter.close > .toggle * {
        color:#FFF;        
}
.menu.work > .filterpanel > .filter > .toggle:hover * {
        color:#999;
}*/.photobg > .item:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,.75) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(75%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.75)));
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,.75) 100%);
        background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,.75) 100%);
        background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,.75) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,.75) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); 
}
.photobg .option.refresh {
    display:none;
}.photobg.auto:not(.section) {
        opacity:0;        
}
.photobg.auto:not(.section) > .item > .img {
        width:100%;
        height:100%;
}
.photobg.auto:not(.section) {
        -webkit-animation: intro 15s 1 0s;
        -moz-animation:intro 15s 1 0s;
        -o-animation:intro 15s 1 0s;
        animation:intro 15s 1 0s;

        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
}
@-webkit-keyframes intro{
        0%   { opacity:0; }
        25% { opacity:.65; }
        90% { opacity:.5;  }
        100% { opacity:0;  }
}
@-moz-keyframes intro {
        0%   { opacity:0; }
        25% { opacity:.65; }
        90% { opacity:.5;  }
        100% { opacity:0;  }
}
@-o-keyframes intro {
        0%   { opacity:0; }
        25% { opacity:.65; }
        90% { opacity:.5;  }
        100% { opacity:0;  }
}
@keyframes intro {
        0%   { opacity:0; }
        25% { opacity:.65; }
        90% { opacity:.5;  }
        100% { opacity:0;  }
}.photobg.auto.on {
    opacity:1;
}
.photobg.auto {
    padding-left:0px;
}
.photobg.auto.pause {
    /*visibility:hidden;*/
}
body.block .photobg.auto > .item > .img,
body.block .photobg.auto > .item > .context,
.photobg.auto.pause,
.photobg.auto.pause > .item > .img,
.photobg.auto.pause > .item > .context {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
}
.photobg.auto {
    transition: opacity 2s ease-out;
    opacity:0;
    position:fixed;
    z-index:1;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.photobg.auto > .item {
    position:relative;
    width:100%;
    height:100%;
    background-color:#151515;
}
.photobg.auto > .item > .img {
    width:100%;
    height:100%;
}
body.desktop.dim .photobg.auto > .item {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    -webkit-filter: opacity(.5)  saturate(0) contrast(1.25); 
    -moz-filter: opacity(.5) saturate(0) contrast(1.25); 
    -o-filter: opacity(.5) saturate(0) contrast(1.25); 
    -ms-filter: opacity(.5) saturate(0) contrast(1.25); 
    filter: opacity(.5) saturate(0) contrast(1.25);  
}
body.mobile.dim .photobg.auto > .item,
body.tablet.dim .photobg.auto > .item {
    opacity:.5;
}
.photobg.auto .option:hover {
    background:#222;        
}
.photobg.auto .option:hover *,
.photobg.auto .option:hover {
    color:#FFF;
}
.photobg.auto .option {
    background:rgba(255,255,255,.2);
    font-family:'bold';
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.photobg.auto .option,
.photobg.auto .option * {
    color:#FFF;        
}
.photobg.auto .option.refresh {
    position:absolute;
    z-index:1000;
    top:50%;
    right:5px;
    margin-top:0px;
    padding:5px 6px;
    padding-bottom:3px;
    padding-right:3px;      
}.photobg.section > .item > .img{
        opacity:0;        
}
.photobg.section > .item > .img {
        width:100%;
        height:100%;

        -webkit-animation: intro 15s 1 0s; /* Safari 4+ */
        -moz-animation:intro 15s 1 0s; /* Fx 5+ */
        -o-animation:intro 15s 1 0s; /* Opera 12+ */
        animation:intro 15s 1 0s; /* IE 10+, Fx 29+ */

        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
}
@-webkit-keyframes intro{
        0%   { opacity:0;  }
        10%   { opacity:.3; }
        90% { opacity:.3;  }
        100% { opacity:0;  }
}
@-moz-keyframes intro {
        0%   { opacity:0; }
        10%   { opacity:.3; }
        90% { opacity:.3;  }
        100% { opacity:0;  }
}
@-o-keyframes intro {
        0%   { opacity:0; }
        10%   { opacity:.3; }
        90% { opacity:.3;  }
        100% { opacity:0;  }
}
@keyframes intro {
        0%   { opacity:0; }
        10%   { opacity:.3; }
        90% { opacity:.3;  }
        100% { opacity:0;  }
}
.photobg.auto.section .context {
        padding-left:30px;
        text-align:left;
        top:60px;
}
.photobg.auto .context > h1 {
        font-size:48px;
        font-family:'light';
        color:#151515 !important;
}.photobg.section > .item {
        background-color:#151515 !important;
}
.photobg.section > .item:before  {
        z-index:100;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(top,  rgba(21,21,21,0) 0%, rgba(21,21,21,0.9) 60%, rgba(0,0,0,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,21,21,0)), color-stop(60%,rgba(21,21,21,0.9)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(21,21,21,0) 0%,rgba(21,21,21,0.9) 60%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(21,21,21,0) 0%,rgba(21,21,21,0.9) 60%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(21,21,21,0) 0%,rgba(21,21,21,0.9) 60%,rgba(0,0,0,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(21,21,21,0) 0%,rgba(21,21,21,0.9) 60%,rgba(0,0,0,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



}
.photobg.section .option.refresh {
        top:175px;
}
.listing > .grid > .empty {
        text-align:center;
        font-family:'light';
        font-size:16px;
        padding:30px;
        background:#000;
}
.listing > .grid > .empty,
.listing > .grid > .empty * {
        color:#FFF;        
}/*.listing > .title > .filtercontrol {
        position:absolute;
}
.listing > .title > .filtercontrol {
        width:200px;
        left:50%;
        top:-85px;
        margin-left:-250px;
}
.listing > .title > .filtercontrol > h2 {
        margin-bottom:15px;
}*/
.listing > .title > .counter {
        left:50%;
        bottom:10px;
        position:fixed;
        z-index:1003;
        background:#151515;
        border:4px #FFF solid;
        min-width:60px;
        height:60px;
        margin-left:-30px;
        display:table;
}
/*body.nomenu .listing > .title > .counter {
        margin-left:-34px;
}*/
.listing > .title > .counter > .num {
        color:#FFF;
        text-align:center;
        font-size:22px;
        display:table-cell;
        vertical-align:middle;
}.listing > .index {
    position:fixed;
    bottom:5px;
    right:5px;
    text-align:center;
    z-index:9999;
    background:#212121;
}
.listing > .index > .pages > div,
.listing > .index > span[data-icon] {
    background:#151515;
    width:42px;
}
.listing > .index > .pages > div,
.listing > .index > span[data-icon],
.listing > .index > .pages > div.href > span {
    color:#AAA;
}
.listing > .index > span[data-icon] {
    height:40px;
    display:block;
    padding-top:8px;
}
.listing > .index > span[data-icon]:hover {
    color:#FFF;
}
.listing > .index > .pages {
    width:100%;
    display:table;
    border-spacing:0px 1px;
}
.listing > .index > .pages > .href {
    display:table-row;
    height:40px;
}
.listing > .index > .pages > div.href > span {
    font-family:'normal';
    font-size:18px;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}
.listing > .index > .pages > div:hover > span {
    color:#FFF;
}
.listing > .index > .pages > div.active > span {
    color:#FFF;
}.appcontent.cart > .grid > .pitem,
.appcontent.cart > .grid > .pitem > .back,
.appcontent.cart > .grid > .pitem > .front,
.listing.fit.ready > .grid > .browse.stack,
.listing.fit.ready > .grid > .pitem > .back,
.listing.fit.ready > .grid > .pitem > .back > .context,
.listing.fit.ready > .grid > .pitem > .back > .context > .body,
.listing.fit.ready > .grid > .pitem.txt > .cover,
.listing.fit.ready > .grid > .pitem > .front,
.listing.fit.ready > .grid > .pitem {
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 

        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
}.pitem > .back {
    font-family:'normal';
    width:100%;
    color:#EEE;
    position:absolute;
    top:0px;
    overflow:hidden;
    left:0px;
}
.pitem > .back {
    height:100%;
}
.pitem .back > .context {
    width: 100%;
    padding: 0px 5px;
    text-align: left;
    position: absolute;
    top: 10px;
    left:0px;
    z-index: 999;
    text-shadow:0px 0px 1px rgba(0, 0, 0, .75);
}
.pitem .back > .context > h2 b {
    font-size:inherit;
    color:#FFF;
    font-family:normal;
}
.pitem .back > .context > h2 {
    border-left: 2px #FFF solid;
    font-family: 'light';
    font-size: 14px;
    display: inline-block;
    background: rgba(0,0,0,.6);
    padding: 4px 10px;
    color: #FFF;
    padding-bottom: 2px;
    margin: 0px 5px;
}
.pitem.active .back > .context {
    top:50px;
}
.pitem .back > .context > .body > span:not(.searchstr) {
    color:#DDD;
}
.pitem.active .back > .context > .body {
    margin-left:0px;
    opacity:1;
}
.pitem .back > .context > .body {
    opacity:0;
    margin-left:-20px;
    margin-top:3px;
    color:#DDD;       
}
.pitem .back > .context > .body > .footer {
    margin-top:15px;
    color:#BBB;
}
.pitem .back > .context.meta > .meta,
.pitem .back > .context > .body,
.pitem .back > .context > .body * {
    font-size:11px;
}
.pitem .back > .context.meta > .meta,
.pitem .back > .context > .body {
    padding-left:8px;
   
}
.pitem .back > .context.meta > .meta {
    margin-top:10px;
    border-top:1px #333 solid;
    padding-top:10px;
}
.pitem .back > .context.meta > .meta *,
.pitem .back > .context.meta > .meta {
    color:#AAA;
    font-size:11px;
}
.pitem .back > .context.meta > .meta div {
    display:inline-block;
    font-family:'light';
    padding:2px 6px;
    background:#252525;
    border:1px #3b331f outset;
    margin-bottom:3px;
}
.pitem .back > .context.meta > .meta span[data-icon] {
    color:#FFF;
    margin-right:3px;
}
.pitem .back > .context.simple > .body {
    padding-bottom:30px;
}
.pitem.active .back > .options {
    top:0px;
}
.pitem .back > .options {
    position:absolute;
    top:-41px;
    left:0px;
    width:100%;
    background:#222;
    padding:10px;

    height:40px;
    z-index:999;
}
.pitem .back > .options a {
    display:inline-block;
    padding:2px 5px;
    margin:0px 2px;
    float:right;
    text-align:center;
    font-size:10px;
    vertical-align:middle;
}
.pitem .back > .options a,
.pitem .back > .options a span {
    color:#DDD;
    text-decoration:none;
}
.pitem.active .back > .options a.free {
    -webkit-animation: pulsate 2s infinite 0s; 
    -moz-animation:pulsate 2s infinite 0s; 
    -o-animation:pulsate 2s infinite 0s;
    animation:pulsate 2s infinite 0s;
}
.pitem .back > .options a:hover,
.pitem .back > .options a:hover span {
    color:#FFF;
}
.pitem.active .back {
    top:0px;
}
.pitem .back > .context > .body a {
    text-decoration:none;        
}
.pitem .back > .context > .body a {
    background-color:#FFF;
    font-family:'normal';
    text-decoration:none;
    color:#212121;
    display:inline-block;
    padding: 4px 10px;
    vertical-align:middle;
    line-height:1em;
    text-shadow:none;
}
.pitem .back > .context > .body a:hover,
.pitem .back > .context > .body a:hover span {
    color:#000;
}.pitem .front {
        z-index:50;
        cursor:pointer;
        position:absolute;
        top:0px;
        left:0px;
        background-color:#333;
        width:100%;
}
.pitem .front > .chrono,
.pitem .front > .trigger {
        position:absolute;
}
.pitem .front > .chrono {
        bottom:6px;
        left:2px;
        background:#151515;
        padding:0px 4px;
}
.pitem .front > .chrono > div {
        font-size:10px;
        padding:2px;
        display:inline-block;
}
.pitem .front > .chrono > .date {

}
.pitem .front > .trigger {
        /*text-align:center;
        width:30px;
        margin-left:-15px;*/
        right:10px;
        bottom:5px;
        opacity:.9;
        font-size:12px;
        
}
.pitem .front > .chrono *,
.pitem .front > .chrono,
.pitem .front > .trigger *,
.pitem .front > .trigger {
        vertical-align:middle;
        color:#FFF;
}
.pitem .front:hover > .trigger > span,
.pitem .front:hover > .trigger {
        opacity:1;
        color:#FFF;
}
.pitem.cart .front > .trigger {
        color:#FFF;
        right:12px !important;
}

.pitem.active .front {
        top:30px !important;
}
.listing.on > .loader {
    display:none;
}
.listing  > .loader {
    padding:50px;
    color:#FFF;
    font-family:'bold';
    font-size:18px;
    text-align:center;
    
}
.listing  > .loader > .spin {
    display:inline-block;
}
.listing  > .loader > .spin > span {
    display: inline-block;
    padding-top: 4px;
}.listing > .title > .context > .location > .purchase {
        
}.listing > .grid > .pitem.txt  .ad {
    position:absolute;
    bottom:5px;
    left:0px;
    width:100%;
    text-align:center;
    font-size:10px;
    color:#444;
}
.listing > .grid > .pitem.advert .img {
    background:#FFF;
    width:60px;
    margin:0px auto;
    margin-bottom:10px;
    margin-top:-10px;
    height:auto;
    display:block;
    border:4px #FFF solid;
}
.listing > .grid.small > .pitem.advert .img {
    width:40px;
    border:2px #FFF solid;
}
.listing > .grid > .pitem.txt  {
    display:table;
}
.listing > .grid > .pitem.txt > .body  {
    display:table-cell;
    vertical-align:middle;
    padding:25px;
    color:#CCC;
    margin:0px;
    position:relative;
    z-index:20;
}
.listing > .grid.small > .pitem.txt > .body {
    padding:20px;
}
.listing > .grid > .pitem.txt > .body p {
    font-size:16px;
    text-align:left;
    color:#FFF;
    font-family:'normal';
    text-align:center;
    margin:15px 0px;
}
.listing > .grid.small > .pitem.txt > .body p {
    font-size:15px;
}
.listing > .grid > .pitem.txt > .body p.alt a:hover {
    color:#FFF;
}
.listing > .grid > .pitem.txt > .body > .content a,
.listing > .grid > .pitem.txt > .body > .content > .title > b,
.listing > .grid > .pitem.txt > .body > .content > .title > p,
.listing > .grid > .pitem.txt > .body > .content > .title,
.listing > .grid > .pitem.txt > .body p.alt a,
.listing > .grid > .pitem.txt > .body p.alt {
    font-family:'light';
    font-size:15px;
    color:#CCC;
}
.listing > .grid > .pitem.txt.bg.invert > .body > .content > .title > p:not(.heading):first-child,
.listing > .grid > .pitem.txt.bg.invert >  .body p:not(.heading)   {
    color:#333;
    text-shadow:none;
}
.listing > .grid > .pitem.txt > .body > .content > .title:not(.center) > p,
.listing > .grid > .pitem.txt > .body > .content > .title:not(.center) {
    text-align:left;
}
.listing > .grid > .pitem.txt > .body p.alt a,
.listing > .grid > .pitem.txt > .body p.alt {
    text-align:justify;
}
body.desktop .listing > .grid > .pitem.txt > .body > .content > .title > a,
body.desktop .listing > .grid > .pitem.txt > .body > .content > .title > b,
body.desktop .listing > .grid > .pitem.txt > .body > .content > .title > p,
body.desktop .listing > .grid > .pitem.txt > .body > .content > .title,
body.desktop .listing > .grid > .pitem.txt > .body > .content,
body.desktop .listing > .grid > .pitem.txt > .body p.title {
    font-size:20px;
}
body.desktop .listing > .grid > .pitem.txt > .body > .content > .title > p.note,
.listing > .grid > .pitem.txt > .body > .content > .title > p.note {
    font-size:14px;

}
.listing > .grid.small > .pitem.txt > .body p.alt a,
.listing > .grid.small > .pitem.txt > .body p.alt {

}
.listing > .grid > .pitem.txt > .body .client > span[data-icon] {
    padding:1px;
}
.listing > .grid > .pitem.txt > .body .client {
    color:#FFF;
}
.listing > .grid > .pitem.txt > .body .client * {
    color:#FFF;        
}
.listing > .grid > .pitem.txt > .body .client {
    line-height:1.5em;
    margin-top:5px;
    padding-top:5px;
    text-align:center;
    font-family:'bold';
}
/* Blog */
.listing > .grid > .pitem.txt > .body .date:before {
    position: absolute;
    content: '';
    border-top: 1px #494644 solid;
    height: 1px;
    top: 25px;
    left: 10%;
    width: 80%;
    padding: 0px 20px;
}
.listing > .grid > .pitem.txt.covered > .body .date:before {
    border-top: 1px #FFF solid;
}
.listing > .grid > .pitem.txt > .body .date {
    position:relative;
    text-align:center;
    font-family:'light';
    font-size:12px;
    color:#999;
    margin-bottom:15px;
    padding-bottom:10px;
}
.listing > .grid > .pitem.txt.covered > .body > .date {
    margin-bottom:25px;
}
.listing > .grid > .pitem.txt > .cover {
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    opacity:.15;
}
.listing > .grid > .pitem.txt:active > .cover,
.listing > .grid > .pitem.txt:hover  > .cover {
    opacity:.25;
    transform:scale(1.05);
}
.listing > .grid > .pitem.txt > .body > .content > .title {
    padding:0px 15px;
    margin-bottom:15px;
}

.listing > .grid > .pitem.txt > .body > .copy {
    position:absolute;
    left:0px;
    text-align:center;
    color:#444;
    width:100%;
    bottom:5px;
    z-index:100;
    font-family:'light';
    font-size:9px;
}
.listing > .grid > .pitem.txt > .body > .date > .heading {
    font-size:15px;
    display:inline-block;
    padding:2px 10px;
    background:#222;
    font-family:'normal';
    color:#FFF;   
    margin-bottom:0px;
    position:relative;
    z-index:10;
}
.listing > .grid > .pitem.txt > .body > .content > .title > p:not(.heading):first-child {
    font-family:'normal';
    color:#FFF;
}
.listing > .grid > .pitem.txt > .body > .signature {
    width:150px;
    height:75px;
    margin:0px auto;
}

.listing > .grid > .pitem.txt > .body > .media > .item,
.listing > .grid > .pitem.txt > .body > .media {
    width:100%;
    height:200px;
}
.listing > .grid > .pitem.txt > .body > .media.small > .item,
.listing > .grid > .pitem.txt > .body > .media.small {
    height:125px;
}
.listing > .grid > .pitem.txt > .body > .media {
    margin:0px auto;
    position:relative;
}
.listing > .grid > .pitem.txt > .body > .media > .item {
    display:none;
}
.listing > .grid > .pitem.txt > .body > .media > .item:first-child {
    display:block;
}
.listing > .grid > .pitem.txt > .body > .media > .item {
    position:absolute;
    top:0px;
    left:0px;
}
.listing > .grid > .pitem.txt.case > .body > .ui {
    margin-top:20px;
}.listing > .title {
    position:relative;
    padding-bottom:5px;
}
.listing > .title > .context {
    position:relative;
    width:100%;
}
.listing > .title > .context > .location {
    /*    position:absolute;
    */
}
body.mobile .listing > .title > .context > .info {
    padding:5px 10px;
    margin-bottom:10px;
}
.listing > .title > .context > .location {
    /*width:20%;*/
    text-align:right;
}
body:not(.mobile) .listing > .title > .context > .info > h1 {
    line-height:1em;
    margin-bottom:5px;
    margin-left:-7px;
}
body.mobile .listing > .title > .context > .info > h1 {
    margin-bottom:10px;
    text-align:center;
}
.listing > .title > .context > .info > .additional {
    padding:5px 10px;
    background:#333;
    font-size:12px;
    display:inline-block;
    margin-bottom:10px;
}
.listing > .title > .context > .info > .additional,
.listing > .title > .context > .info > .additional > span {
    color:#777;
}
.listing > .title > .context > .info > h1 {
    text-align:center;   
}
body.desktop .listing > .title > .context > .info > h1 {
    margin-bottom:0px;
}
.listing:not(.listing.section) > .title > .context > .info > h1 {
    font-size:38px;
    margin-left:-3px;
}
.listing > .title > .context > .info > .context  {
    max-width:600px;
    margin:0px auto;
    margin-bottom:20px;
}
.listing > .title > .context > .location, 
.listing > .title > .context > .info > .context b, 
.listing > .title > .context > .info > .context a, 
.listing > .title > .context > .info > .context {
    color:#CCC;
    font-size:20px;
    margin-top:-5px;
}
.listing > .title > .context > .location, 
.listing > .title > .context > .info > .context a, 
.listing > .title > .context > .info > .context {
    font-family:'light';
}
.listing > .title > .context > .location *,
.listing > .title > .context > .location {
    white-space:nowrap;
    font-size:14px;
    font-family:'light';
    color:#CCC;
}
.listing > .title > .context > .location > div {
    display:inline-block;
}
.listing > .title > .context span[data-icon] {
    color:#FFF;
    margin-left:-2px;
    margin-right:2px;
}
.listing > .title > .date *,
.listing > .title > .date {
    font-family:'light';
    color:#777;
    font-size:14px;
}
.listing > .title > .date {
    vertical-align:middle;
    position:absolute;
    top:5px;
    right:10px;
}.photobg > .info > .options {
        width:100%;
        height:50px;
        z-index:10;
        display:table;
        table-layout: fixed;
        border-spacing: 1px 0px;
}
.photobg > .info > .options a {
        background:#FFF;
        display:table-cell;
        vertical-align:middle;
        text-align:center;
        /*padding:2px 5px;
        padding-top:4px;*/
        text-align:center;
        font-size:11px;
        position:relative;
        width:52px;
        height:40px;
        padding-top:5px;
        overflow:hidden;
}
.photobg > .info > .options a span {
         font-size:24px !important;
}
.photobg > .info > .options a,
.photobg > .info > .options a span {
        color:#151515;
        text-decoration:none;
}
.photobg > .info > .options a:hover,
.photobg > .info > .options a:hover span {
        color:#FFF;
}
.photobg > .info > .options a:hover{
        background:#FFF;
}
.photobg > .info > .options a .n {
        position:absolute;
        right:10%;
        top:10%;
        font-size:11px !important;
        text-align:center;
        padding:1px 4px;
        display:block;
        background:rgba(255,255,255,.85);
        border:1px #FFF solid;
        font-family:'bold';
}
.photobg > .info > .options a.slideshow.on *,
.photobg > .info > .options a.slideshow.on {
        color:#777;
}
.photobg > .info > .options a:hover .n {
        color:#151515;
}.listing.fit.on > .grid {
    visibility:visible;
    opacity:1;
}
.listing.fit {
    
    width:100%;
    margin:0px auto;
    margin-bottom:20px;
    position:relative;
}
.listing.fit > .grid {
    transition: opacity 1s ease-out .35s;
    visibility:hidden;
    opacity:0;
}
.listing.fit.stack > .grid:not([data-page="1"]){
    margin-top:60px;
}
.listing.fit > .grid > .pitem > .front {
    height:100%;
}
.listing.fit > .grid > .pitem.active > .front,
.listing.fit > .grid > .pitem.active {
    /*width:324px !important;*/
}
.listing.fit > .title h1 {
    color:#FFF;
    /*color:#FFF;*/
}
body.tablet .listing.fit > .title h1,
body.mobile .listing.fit > .title h1 {
    font-size:32px;
}
body.desktop .listing.fit > .title h1 {
    font-size:64px;
}
body.desktop .listing.fit > .grid > .pitem.dim {
    filter:brightness(.5);
    -webkit-filter:brightness(.5);
    -moz-filter:brightness(.5);
    -o-filter:brightness(.5);
}

.listing.fit > .grid > .pitem.active {
    z-index:5000;
    /*margin-left:-30px;*/
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.46);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.46);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.46);
}
.listing.fit > .grid > .title > div a,
.listing.fit > .grid > .title > div {
    font-size:12px;
    color:#DDD;
}
.listing.fit > .grid > .title > div {
    margin-bottom:4px;
}
.listing.fit > .grid > .title h1 b {
    font-family:'normal' !important;
}
.listing.fit > .grid > .title {
    text-align:left;
    width:100%;
}
.listing.fit > .grid > .title {
    padding:20px;
}
.listing.fit > .grid {
    position:relative;
}
.listing.fit > .grid.notop {
    /*border-top:0px;       */
}
.listing.fit > .grid:last-child {
    margin-bottom:0px;
}
body.desktop .listing.fit > .grid > .pitem {
    -webkit-backface-visibility:hidden;
}
.listing.fit > .grid > .pitem {
    position:absolute;
    background:#222;
    box-sizing: border-box;
    overflow:hidden;
    border:2px #000 solid;
}
.listing.fit > .grid > .pitem.cart {
    border:2px #FFF solid !important;
}

.listing.fit > .grid > .pitem.k {
    opacity:1;
}.tintalt  *,
.tintalt {
    color:#92da70!important;
}
b {
    font-family:'bold';
}
h1 *,
h2 *,
h1,
.header,
h2 {
    color:#FFF;
}
.tint {
    color:#FFF !important;
}
h1 b,
h1,
.header,
h2 {
    font-size:28px;
    margin:0px;
    margin-left:-1px;
}
h1,
.header,
h2 {
    font-family:'light';
}
h2 *,
h2 {
    font-size:18px;
    color:#777;
}
/*.header,h1,h2 {
        text-shadow: rgb(0, 0, 0) 1px 1px 0px;
}*/#notifications {
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    z-index:9999;
    text-align:left;
}
body.scrolling #notifications {
    bottom:-29px;
}
body.nomenu #notifications {
    padding-left:0px;
}
#notifications > .item span[data-icon] {
    color:#777;
}
#notifications > .item > .close {
    position:absolute;
    top:7px;
    right:5px;
    cursor:pointer;
}
#notifications > .item .close:hover * {
    color:#151515;
}
#notifications > .item {
    position:relative;
    background: #CCC;
    background: -moz-linear-gradient(top,  #CCC 0%, #AAA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCC), color-stop(100%,#AAA));
    background: -webkit-linear-gradient(top,  #CCC 0%,#AAA 100%);
    background: -o-linear-gradient(top,  #CCC 0%,#AAA 100%);
    background: -ms-linear-gradient(top,  #CCC 0%,#AAA 100%);
    background: linear-gradient(to bottom,  #CCC 0%,#AAA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCC', endColorstr='#AAA',GradientType=0 );


    border-top:1px #777 solid;
    border-bottom:1px #777 solid;
    padding:4px;
    padding-right:25px;
    color:#222;
    opacity:0;
    transform:translateY(50px);
    font-family:'normal';
}
#notifications > .item:hover {

}
#notifications > .item.on {
    z-index:10;
    opacity:1;
    transform:translateY(0px);       
}
body.mhq #notifications > .item,
body.mhq #notifications > .item a {
    text-shadow:none;
}
body #notifications > .item a {
    font-family:'bold';
    color:#444;
    text-decoration:none;        
}
body #notifications > .item a,
#notifications > .item {
    font-size:12px;
}

body #notifications > .item a:hover {
    color:#151515;
}
body.mhq #notifications > .item a:hover {
    color:#FFF;
}.photobg.auto {
        position:fixed;
        z-index:1;
        top:0px;
        left:0px;
        height:100%;
        width:100%;
}
.photobg.auto > .item {
        background:#EEE;
}body {
    margin:0px;
    background:#000; /*151515;*/
}
body > #page {
    z-index:100;
    position:relative;
    margin-top:300px;
    width:100%; 
    height:100%;
}

body.mobile body > #page {
    margin-top:100px;
}