@font-face {
    font-family:'Calibre-Regular';
    src:url('../fonts/Calibre-Regular.otf') format('opentype');
}
@font-face {
    font-family:'Calibre-RegularItalic';
    src:url('../fonts/Calibre-RegularItalic.otf') format('opentype');
}
@font-face {
    font-family:'MinionPro-Regular';
    src:url('../fonts/MinionPro-Regular.otf') format('opentype');
}
@font-face {
    font-family:'Times-dfont';
    src:url('../fonts/Times.dfont') format('opentype');
}
html, body{
    margin: 0px;
    padding: 0px;
    font-family: "Calibre-Regular";
    -webkit-font-smoothing: antialiased !important;
    -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      /* overflow: hidden !important; */
}
.overflow-hidden{overflow: hidden;}
h1, h2, h3, h4, h5, h6{font-family: "Calibre-Regular";}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased !important;
  -webkit-hyphens: none;
   -moz-hyphens: none;
        hyphens: none;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a:focus{outline: none}
/** ------------------------- GENERAL ------------------------- **/
body{
    opacity: 0;
    -webkit-animation: body-fallback-reveal 0s 6s forwards;
    animation: body-fallback-reveal 0s 6s forwards;
}
@-webkit-keyframes body-fallback-reveal { to { opacity: 1; } }
@keyframes body-fallback-reveal { to { opacity: 1; } }
.site-header{background:none !important; position: absolute; z-index: 999999;}
#mobile-nav{display: none;}
body.is-background-000 #mobile-nav .mobile-nav-icon,
body.is-background-808 #mobile-nav .mobile-nav-icon,
body.mobile-office-color-white #mobile-nav .mobile-nav-icon{background-image: url(../img/menu-mobile-white.png);}

body.page.projects-productions-active #mobile-nav .mobile-nav-icon,
#mobile-nav .mobile-nav-icon{background-image: url(../img/menu-mobile.png); background-position: center 17px; background-repeat: no-repeat; height: 50px; padding: 5px; width: 40px;display: inline-block; position: fixed; top: 0px; left: 20px;}
body.this-is-page-commissions #mobile-nav .mobile-nav-icon,
body.this-is-page-editions #mobile-nav .mobile-nav-icon{background-image: url(../img/menu-mobile-white.png);}
body.mobile-nav-active #mobile-nav .mobile-nav-icon{display: none;}

#mobile-nav .mobile-nav-main{
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    z-index: 15;
    text-align: center;
}
.mobile-nav-main-overlay{
    background-color: #FFFFFF;
    opacity: 0.95;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=95)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=95)';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
#page{max-width: 100%}
body.wp-office-column-two-active .mobile-nav-main-overlay,
body.is-background-808 .mobile-nav-main-overlay,
body.this-is-page-commissions .mobile-nav-main-overlay,
body.projects-commissions-active .mobile-nav-main-overlay{background-color: #808080;}

body.wp-office-column-three-active .mobile-nav-main-overlay,
body.is-background-000 .mobile-nav-main-overlay,
body.projects-editions-active .mobile-nav-main-overlay,
body.this-is-page-editions .mobile-nav-main-overlay{background-color: #000000;}

#mobile-nav .nav-menu a{color: #FFFFFF; font-size: 24px; padding: 0px; padding:5px 0}
#mobile-nav ul.nav-menu{display: inline-block; padding:0px;}
#mobile-nav ul.nav-menu .sub-menu{overflow: scroll; position: relative; width: 100%; left: 0; top:0; height: auto; border:none; background: none}
#mobile-nav ul.nav-menu ul a:hover,
#mobile-nav .nav-menu ul ul a:hover,
#mobile-nav ul.nav-menu ul a:focus,
#mobile-nav .nav-menu ul ul a:focus {
    background: none;
}
#mobile-nav .nav-menu li:hover > a,
#mobile-nav .nav-menu li a:hover,
#mobile-nav .nav-menu li:focus > a,
#mobile-nav .nav-menu li a:focus {
    background: none;
    color: #fff;
}
.mobile-label-nav{display: none;}
#mobile-nav a.mobile-nav-close{background-image: url(../img/icon-close-white.png); background-position: center; background-repeat: no-repeat; width: 50px; height: 30px; display: inline-block; position: fixed; top: 10px; left: 15px; z-index: 10;}

body.is-background-fff #mobile-nav a.mobile-nav-close,
body.mobile-office-color-black #mobile-nav a.mobile-nav-close{background-image: url(../img/icon-close.png);}


/** ------------------------- CIRCULAR NEWSLETTER FORM ------------------------- **/

/* ---- Contact column layout ---- */

/* Override the WP customizer's max-width: 90% / margin: auto which causes
   uneven indentation in the contact column. Use full width with consistent
   left/right padding so content aligns with the Terms footer. */
#wp-office-column-one .wpoff-col-main .wpoff-col-content .wpoff-content {
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}
/* Remove per-element padding — handled by the container above */
#wp-office-column-one .wpoff-col-main .wpoff-col-content .wpoff-content > div,
#wp-office-column-one .wpoff-col-main .wpoff-col-content .wpoff-content > p {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* Remove absolute positioning so Terms sits in the normal flex flow.
   margin-top: auto combined with .bn-post-form-spacer { flex: 1 }
   means both compete equally for remaining space, centering the
   address/social block between the form and the Terms. */
div#terms-conditions {
    position: relative !important;
    bottom: auto !important;
    left: 0 !important;
    margin-top: auto;
}

/* Flex column so the spacer can push footer content down.
   max-height + overflow ensure content never spills into the Terms footer. */
.wpoff-contact .wpoff-col-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.wpoff-contact .wpoff-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    flex: 1;
    padding-bottom: 0 !important;
    overflow: hidden;
}

/* Breathing room between the form and the content below it */
.bn-newsletter-form + * {
    margin-top: 2em;
}

/* Top margin on the form when placed directly after heading text */
.wpoff-contact .wpoff-content .bn-newsletter-form#mc_embed_signup {
    margin-top: 0.5em !important;
}

/* Form container — strip all Mailchimp chrome */
.bn-newsletter-form#mc_embed_signup {
    background: none !important;
    width: 100% !important;
    max-width: 100% !important;
    font-family: "Calibre-Regular", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
}
.bn-newsletter-form#mc_embed_signup form {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Fields */
.bn-newsletter-form .mc-field-group {
    width: 100% !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 1.4em !important;
    display: block !important;
}
.bn-newsletter-form .mc-field-group label {
    font-family: "Times-dfont", Times, serif !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 6px !important;
    text-align: left !important;
}

/* Horizontal-line inputs — no box, just underline */
.bn-newsletter-form .mc-field-group input[type="email"],
.bn-newsletter-form .mc-field-group input[type="text"] {
    font-family: "Calibre-Regular", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid currentColor !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    padding: 4px 0 !important;
    text-indent: 0 !important;
    width: 100% !important;
    outline: none !important;
    color: inherit !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: block !important;
}
.bn-newsletter-form .mc-field-group input:focus {
    border-bottom-color: currentColor !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Submit button — underline only, right-aligned */
.bn-newsletter-form .clear {
    text-align: right !important;
}
.bn-newsletter-form .button,
#mc-embedded-subscribe.button {
    font-family: "Times-dfont", Times, serif !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid currentColor !important;
    border-radius: 0 !important;
    color: inherit !important;
    padding: 0 0 2px 0 !important;
    cursor: pointer !important;
    margin: 1.4em 0 0 0 !important;
    height: auto !important;
    line-height: normal !important;
    width: auto !important;
    display: inline-block !important;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.bn-newsletter-form .button:hover,
#mc-embedded-subscribe.button:hover {
    opacity: 0.5 !important;
    background: none !important;
    background-color: transparent !important;
}

/* Override Mailchimp's own #mc-embedded-subscribe rule */
#mc-embedded-subscribe {
    clear: none !important;
    display: inline-block !important;
    margin: 0 !important;
    width: auto !important;
}

/* Hide unused Mailchimp elements */
.bn-newsletter-form .asterisk,
.bn-newsletter-form .indicates-required,
.bn-newsletter-form h2 { display: none !important; }

/* Response messages — below the Subscribe button, site colours */
.bn-newsletter-form #mce-responses {
    float: none !important;
    width: 100% !important;
    margin: 1em 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    top: 0 !important;
}
.bn-newsletter-form div.response {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    font-family: "Times-dfont", Times, serif !important;
    font-size: 12px !important;
    font-weight: normal !important;
    letter-spacing: 0.5px !important;
    color: inherit !important;
    background: none !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    z-index: auto !important;
}
/* Success — neutral dark, not Mailchimp green */
.bn-newsletter-form #mce-success-response {
    color: inherit !important;
}
/* Error — subtle, consistent with site */
.bn-newsletter-form #mce-error-response {
    color: inherit !important;
    opacity: 0.7;
}
/* Inline validation errors under fields */
.bn-newsletter-form label.error {
    font-family: "Times-dfont", Times, serif !important;
    font-size: 11px !important;
    color: inherit !important;
    opacity: 0.6;
    margin: 3px 0 0 !important;
    padding: 0 !important;
    background: none !important;
    border-radius: 0 !important;
}

/** ------------------------- HOME PAGE ------------------------- **/
#slideshow-homepage{width: 100%; overflow: hidden;}
#slideshow-homepage .flexslider{border:none; margin: 0px; padding: 0px;}
#slideshow-homepage .flex-control-nav{display: none;}

/* Show the first slide immediately while FlexSlider is still initialising,
   so visitors don't see a blank white screen on first load.
   Height + object-fit ensure it fills the full viewport with no white bar
   at the bottom before itemResize() applies its own inline styles. */
#slideshow-homepage .flexslider .slides > li:first-child {
    display: block;
    height: 100vh;
    overflow: hidden;
}
#slideshow-homepage .flexslider .slides > li:first-child > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Homepage carousel arrows */
#slideshow-homepage .flexslider { position: relative; }
#slideshow-homepage .flex-direction-nav,
#slideshow-homepage .flex-direction-nav li {
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#slideshow-homepage .flex-direction-nav {
    color: #ffffff;
}
#slideshow-homepage .flex-direction-nav a,
#slideshow-homepage .flex-direction-nav li a {
    background: none !important;
    background-image: none !important;
    width: 50px !important;
    height: 80px !important;
    margin: -40px 0 0 !important;
    text-indent: -9999px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: inherit !important;
    overflow: hidden !important;
    opacity: 0.85 !important;
    z-index: 99999 !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    cursor: pointer !important;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
#slideshow-homepage .flex-direction-nav .flex-prev {
    left: 30px !important;
    right: auto !important;
}
#slideshow-homepage .flex-direction-nav .flex-next {
    right: 30px !important;
    left: auto !important;
}
#slideshow-homepage .flex-direction-nav a:hover {
    opacity: 1 !important;
}
#slideshow-homepage .flex-direction-nav a:before {
    content: '' !important;
    display: block !important;
    font-family: inherit !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 18px;
    height: 18px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    position: absolute;
    top: 50%;
    left: 50%;
    text-indent: 0 !important;
}
#slideshow-homepage .flex-direction-nav .flex-prev:before {
    -webkit-transform: translate(-30%, -50%) rotate(-135deg);
    transform: translate(-30%, -50%) rotate(-135deg);
}
#slideshow-homepage .flex-direction-nav .flex-next:before {
    -webkit-transform: translate(-70%, -50%) rotate(45deg);
    transform: translate(-70%, -50%) rotate(45deg);
}
body.is-mobile #slideshow-homepage .flex-direction-nav {
    display: none !important;
}
.flexslider-home-page-desk{}
#slideshow-homepage .flexslider .slides li{position: relative;}
#slideshow-homepage .flexslider-home-page-desk-center{position: absolute; left: 20px; right:20px; top:50%; z-index: 10; text-align: center;}
#slideshow-homepage .flexslider-home-page-desk-center,
#slideshow-homepage .flexslider-home-page-desk-center a{font-size: 92px; text-transform: uppercase; text-decoration: none; color: inherit;}
#slideshow-homepage .flexslider-home-page-desk-top{position: absolute; top: 50px; left: 50px}
#slideshow-homepage .flexslider-home-page-desk-top a{text-decoration: none; text-transform: uppercase; color: inherit; font-size: 22px; letter-spacing: 1px;}
#slideshow-homepage .flexslider-home-page-desk-bottom{position: absolute; bottom: 50px; right: 50px;}
#slideshow-homepage .flexslider-home-page-desk-bottom a{text-decoration: none; text-transform: uppercase; color: inherit; font-family: serif;  font-size: 22px; letter-spacing: 1px;}
#slideshow-homepage .flexslider .slides .flexslider-home-page-desk-center img{max-width: 100%; width: auto; margin:0px auto;}

/** ------------------------- PAGE OFFICE ------------------------- **/
#wapper-office{display: inline-block; width: 100%; height: 100%; width: 100%; overflow: hidden;}
#wapper-office-mobile{width: 100%; overflow: hidden; font-family: "Times-dfont";}
#office-close{position: fixed; top: 0px; right: 0px; z-index: 50; background-image: url(../img/icon-close-white.png); background-position: center; background-repeat: no-repeat; width: 78px; height: 75px; display: inline-block;}
body.mobile-office-color-black #office-close,
body.is-background-fff #office-close{background-image: url(../img/icon-close.png);}
#wp-office-column-one{width: 33.33%; float: left; padding: 0px; background: #FFFFFF;}
#wp-office-column-two{width: 33.33%;  float: left; padding: 0px; background-color: #7e7e7e}
#wp-office-column-two .wpoff-col-main{color: #FFF}
#wp-office-column-two .wpoff-col-main .wpoff-col-title label{border-color: #FFF}
#wp-office-column-three{width: 33.33%;  float: left; padding: 0px; background-color: #000000 }
#wp-office-column-three .wpoff-col-main{color: #FFF}
#wp-office-column-three .wpoff-col-main .wpoff-col-title label{border-color: #FFF}
#wp-office-column-three .wpoff-col-main .wpoff-col-content a{color: #FFFFFF;}
#wp-office-column-three .wpoff-col-main .wpoff-col-content a:hover{text-decoration: none;}
#wp-office-column-three div.wpoff-content{padding-bottom: 50px}

#wp-office-column-one .wpoff-col-main .wpoff-col-content{padding-left: 32px; padding-right: 10px; min-height: 600px;}
#wp-office-column-one .wpoff-col-main .wpoff-col-content > div,
#wp-office-column-one .wpoff-col-main .wpoff-col-content > p{padding-left: 0px; padding-right: 0px;}

.wpoff-col-main{padding: 0px; position: relative;}
.wpoff-content{padding-bottom: 0px;}
.wpoff-col-main .wpoff-col-content{overflow: hidden; font-size: 18px; line-height: 22px; padding-top: 66px; margin:0px; width: 100%;}
.wpoff-col-main .wpoff-col-content .wpoff-content{ max-width: 455px; margin:0px auto; }
.wpoff-col-main .wpoff-col-content .wpoff-content > div,
.wpoff-col-main .wpoff-col-content .wpoff-content > p{padding-left: 20px; padding-right: 20px;}
.wpoff-col-main .wpoff-col-content > div.none-padding{padding: 0px;}
.wpoff-col-main .wpoff-col-title{text-transform: uppercase; text-align: center; padding: 20px 0px; position: absolute; top: 0px; left: 0px; width: 100%;}
.wpoff-col-main .wpoff-col-title label{padding-bottom: 5px; border-bottom: 1px solid #000; letter-spacing: 2px; font-size: 20px; position: relative; z-index: 4}
.wpoff-col-main .wpoff-col-content a{color: #000; text-decoration: none;
    border-bottom: 1px solid transparent;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.wpoff-col-main .wpoff-col-content a:hover{border-bottom: 1px solid #fff;}
#wp-office-column-one .wpoff-col-main .wpoff-col-content a:hover{border-bottom: 1px solid #000;}
.wpoff-col-main .wpoff-col-content .mc4wp-form input[type="email"]{box-shadow: none; width: 60%; float: left; background-color: #f7f7f7; border: none; color: #000}
/* individual: webkit */
.wpoff-col-main .wpoff-col-content .mc4wp-form input::-webkit-input-placeholder { color:#000000; }
.wpoff-col-main .wpoff-col-content .mc4wp-form input::-webkit-input-placeholder { color:#000000; }
.wpoff-col-main .wpoff-col-content .mc4wp-form input::-webkit-input-placeholder { color:#000000; }
/* individual: mozilla */
.wpoff-col-main .wpoff-col-content .mc4wp-form input::-moz-placeholder { color:#000000; }
.wpoff-col-main .wpoff-col-content .mc4wp-form input::-moz-placeholder { color:#000000; }
.wpoff-col-main .wpoff-col-content .mc4wp-form input::-moz-placeholder { color:#000000; }

.wpoff-col-main .wpoff-col-content .mc4wp-form input[type="submit"]{width: auto; float: left; background: #f7f7f7 !important; border: none; padding: 4px 15px 6px !important; margin-left: 4px; color: #000}
.wpoff-col-main .wpoff-col-bottom{background-image: url(../img/arrow-bottom.png); background-repeat: no-repeat; background-position: center; display: none; width: 100%; height: 25px; position: absolute; bottom:10px; left: 0px; z-index: 10; cursor: pointer;}

#wp-office-column-one .wpoff-col-main .wpoff-col-content{position: relative;}
div#terms-conditions{
    bottom: 0px;
    clear: both;
    left: 32px;
    position: absolute;
}
div#terms-conditions .title-terms-condition{padding-top: 10px; padding-bottom: 5px; display: inline-block; position: relative; z-index: 8; line-height: 15px;}
div#terms-conditions .title-terms-condition a{border-bottom: 1px solid transparent; cursor: pointer;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
div#terms-conditions .title-terms-condition a:hover{border-bottom-color: #000000;}
#wp-office-column-one .wpoff-col-main .wpoff-col-content .wpoff-content > div, 
#wp-office-column-one .wpoff-col-main .wpoff-col-content .wpoff-content > p{
    padding-left: 0px;
    padding-right: 0px;
}
div#terms-conditions .content-terms-conditions{
    background: none repeat scroll 0 0 #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
    padding: 10%;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';

    -moz-transition: opacity 0.6s ease 0s;
    -o-transition: opacity 0.6s ease 0s;
    -webkit-transition: opacity 0.6s ease 0s;
    transition: opacity 0.6s ease 0s;
}
div#terms-conditions .terms-conditions-main{width: 100%; height: 100%; overflow-x: hidden;}
div#terms-conditions.active .content-terms-conditions{
    z-index: 8;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

div#terms-conditions .content-terms-conditions .pt-cv-content *{font-size: 18px; line-height: 20px;}

/** ------------------------- PAGE PROJECTS ------------------------- **/
div.wapper-office-left,
div.wapper-office-right{display: none;}

body.wp-office-column-one-active,
body.wp-office-column-one-active .site,
body.projects-productions-active,
body.projects-productions-active .site{background-color: #ffffff;}
body.wp-office-column-two-active,
body.wp-office-column-two-active .site,
body.projects-commissions-active,
body.projects-commissions-active .site{background-color: #808080;}
body.wp-office-column-three-active,
body.wp-office-column-three-active .site,
body.projects-editions-active,
body.projects-editions-active .site{background-color: #000000;}

#wapper-projects{
    width: 100%; 
    overflow: hidden;
}
#wapper-projects #wp-projects-page{overflow: hidden;}
.wp-project-page-production{width: 33.33%; float: left; text-align: center; position: relative; background-color: #FFFFFF;}
.wp-project-page-commission{width: 33.33%; float: left; text-align: center; background-color: #808080; position: relative;}
.wp-project-page-editions{width: 33.33%; float: left; text-align: center; background-color: #000000; position: relative;}

.wp-project-page-title{padding: 20px 10px 28px; text-align: center; text-transform: uppercase; font-size: 20px; color: #000000; display: inline-block; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 15}
.wp-project-page-title .overlay-title,
.wpoff-col-title .overlay-title{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: inline-block; z-index: 0; }
.wp-project-page-title p{margin:0px; z-index: 2; position: relative;}
.wp-project-page-title label{padding-bottom: 6px; border-bottom: 1px solid #000000; letter-spacing: 1px; cursor:pointer;}
.wp-project-page-commission .wp-project-page-title,
.wp-project-page-editions .wp-project-page-title{color: #FFFFFF;}
.wp-project-page-commission .wp-project-page-title label,
.wp-project-page-editions .wp-project-page-title label{color: #FFFFFF; border-bottom: 1px solid #FFFFFF}

#wp-office-column-one .wpoff-col-title .overlay-title,
.wp-project-page-production .wp-project-page-title .overlay-title{
    background-color: #FFFFFF;
    opacity: 0.85;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
}
#wp-office-column-two .wpoff-col-title .overlay-title,
.wp-project-page-commission .wp-project-page-title .overlay-title{
    background-color: #808080;
    opacity: 0.85;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
}
#wp-office-column-three .wpoff-col-title .overlay-title,
.wp-project-page-editions .wp-project-page-title .overlay-title{
    background-color: #000000;
    opacity: 0.85;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
}
.wp-project-page-content{overflow: hidden; padding-top: 77px;}
.wp-project-page-content .row{margin-left: 0px; margin-right: 0px; margin-bottom: 10px;}
.wp-project-page-content .row .pt-cv-content-item{position: relative; padding-bottom: 0px;}
.wp-project-page-content .row .pt-cv-content-item a{display: inline-block; margin: 0px !important; width: 100%; text-align: center;}
.wp-project-page-content .row .pt-cv-content-item a img{margin-bottom: 0px !important}
.wp-project-page-content .row .pt-cv-content-item .pt-cv-title{
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    color: #000000;
    z-index: 10;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    -moz-transition: opacity 0.6s ease 0s;
    -o-transition: opacity 0.6s ease 0s;
    -webkit-transition: opacity 0.6s ease 0s;
    transition: opacity 0.6s ease 0s;
}
.wp-project-page-content .row .pt-cv-content-item .pt-cv-title a{color: #000000; font-weight: normal; text-transform: uppercase; font-style: italic;}
.wp-project-page-commission .wp-project-page-content .row .pt-cv-content-item .pt-cv-title a,
.wp-project-page-editions .wp-project-page-content .row .pt-cv-content-item .pt-cv-title a{color: #FFFFFF}
.pt-cv-content-item-overlay{
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    background-color: #FFFFFF;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    z-index: 5;
    -moz-transition: opacity 0.6s ease 0s;
    -o-transition: opacity 0.6s ease 0s;
    -webkit-transition: opacity 0.6s ease 0s;
    transition: opacity 0.6s ease 0s;
}
.wp-project-page-commission .pt-cv-content-item-overlay{background-color: #808080}
.wp-project-page-editions .pt-cv-content-item-overlay{background-color: #000000}

.wp-project-page-content .doubleclick .pt-cv-content-item-overlay,
.wp-project-page-content .row:hover .pt-cv-content-item-overlay{
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}
.wp-project-page-content .row .pt-cv-content-item.doubleclick .pt-cv-title,
.wp-project-page-content .row:hover .pt-cv-content-item .pt-cv-title{
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.wpoff-col-bottom.is-scroll,
.wp-project-page-arrow.is-scroll{
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
.wpoff-col-bottom,
.wp-project-page-arrow{width: 100%; height: 30px; position: absolute; bottom: 10px; left: 0px; background-image: url(../img/arrow-bottom.png); background-repeat: no-repeat; background-position: center; z-index: 15; display: none; cursor: pointer;
    -moz-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    transition: opacity 0.4s ease 0s;
}
.is-opacity-0{
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    height: 0px;
}
.opacity-0{
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    z-index: 0;
}
body.single.this-is-page-editions .site,
body.is-background-000 .site{background-color: #000000;}
body.single.this-is-page-commissions .site,
body.is-background-808 .site{background-color: #808080;}
.content-post-ajax{
    height: 100%;
    overflow: hidden;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.content-post-ajax article,
.content-post-ajax article .entry-content,
.content-post-ajax article .entry-content .entry-thumbnail,
.content-post-ajax article .entry-content .entry-thumbnail img.wp-post-image{
    height: 100%;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px auto;
    padding: 0px;
    position: relative;
    z-index: 1;
    text-align: center;
}
.content-post-ajax article .entry-content{padding-top: 115px; padding-bottom: 86px;}
.is-disable{
    overflow: hidden;
    height: 100%;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
.content-disable{
    height: 100%;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
.is-enable{
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index:20;
}

/** ------------------------- PAGE DETAILS ------------------------- **/
body.is-background-000{background-color: #000000;}
body.is-background-808{background-color: #808080;}
body.is-background-fff{background-color: #FFFFFF;}
.content-post-ajax article .entry-header{height: 115px;}
.entry-header, .entry-content, .entry-summary, .entry-meta{max-width: 90%}

.entity-content-group{width: 100%; height: 100%; display: inline-block; position: relative;}

.entity-content-main{margin:0px auto; position: relative; top: 0px; text-align: center; z-index: 10; width: 60%; left: 0px; letter-spacing: 2px; font-size: 30px;}
.is-content-absolute .entity-content-main{position: absolute; top: 50%; left: 20%;}

footer.entry-meta{width: 60px; 
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
footer.entry-meta:hover{
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
footer.entry-meta a{border-bottom: 1px solid transparent; 
    -moz-transition: border 0.3s ease 0s;
    -o-transition: border 0.3s ease 0s;
    -webkit-transition: border 0.3s ease 0s;
    transition: border 0.3s ease 0s;
}
body.is-slide-gallery footer.entry-meta{display: none;}
footer.entry-meta:hover a{ border-bottom: 1px solid #FFFFFF; text-decoration: none;}
.is-content-relative .entity-content-main{height: 100%; overflow-y: scroll; position: relative; z-index: 20;}
.is-content-relative div.entity-content-scrollbar{
    width: 17px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 20%;
    background-color: #FFFFFF;
    z-index: 25;
}
body.is-background-808 .is-content-relative div.entity-content-scrollbar{background-color: #808080;}
body.is-background-000 .is-content-relative div.entity-content-scrollbar{background-color: #000000;}
/* --- editions --- */
.post-content-of-editions{background-color: #000; padding: 0px 0px;}
.post-content-of-editions .entry-header{margin: 0px; padding: 7px 0 0; position: fixed; right: 0px; left: auto; width: 33.33%; text-align: center; top: 0; z-index: 2; max-width: 100%;}
.post-content-of-editions .entry-header label.lable-title-editions{text-transform: uppercase; color: #FFFFFF; font-size: 20px; line-height: 1.5; border-bottom: 1px solid #fff; margin: 13px 0px 20px 0; display: inline-block; padding-bottom: 1px; letter-spacing: 1px;}
.post-content-of-editions .entry-header h1.entry-title{text-transform: uppercase; color: #FFFFFF; font-size: 20px; line-height: 20px; font-family: "Calibre-RegularItalic"}

.post-content-of-editions footer.entry-meta{opacity: 1; filter: alpha(opacity=100); bottom: 0; padding: 40px 0 15px; position: absolute; right: 0; left: 0; text-align: center; z-index: 5; background-color: #000000; max-width: 100%;}
.post-content-of-editions footer.entry-meta a{color: #FFFFFF; text-transform: uppercase; font-size: 20px; line-height: 20px; letter-spacing: 1px;}
.post-content-of-editions li.image-gallery-post a.image-gallery-info{color: #FFFFFF; border-bottom: 1px solid transparent}
.post-content-of-editions .entity-content{
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    z-index: 0;
    overflow: hidden;
    -moz-transition: opacity 0.6s ease 0s;
    -o-transition: opacity 0.6s ease 0s;
    -webkit-transition: opacity 0.6s ease 0s;
    transition: opacity 0.6s ease 0s;
}
.post-content-of-editions .entity-content.entity-active{
    width: 100%;
    height: 100%;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    z-index: 9;
    padding-top: 65px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFFFFF;
}
.post-content-of-editions .entity-content .entity-content-overlayer{
    background-color: #000000;
    opacity: 0.85;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 5;
    position: absolute;
    top: 0px;
    left: 0px;
}
.post-content-of-editions .entity-content-close{background-image: url(../img/icon-close-white.png); background-repeat: no-repeat; background-position: center; position: fixed; top: 25px; right: 28px; z-index: 90; width: 25px; height: 25px; display: inline-block;}
.post-content-of-editions .entity-content-group{color: #FFFFFF;}

/* --- commissions --- */
.post-content-of-commissions{background-color: #808080; padding: 0px 0px;}
.post-content-of-commissions .entry-header{background-color:#808080; margin: 0; padding: 7px 0 0px; position: absolute; left: 50px; right: 50px; width: auto; text-align: center; top: 0; max-width: 100%; z-index: 2;}
.post-content-of-commissions .entry-header label.lable-title-commissions{text-transform: uppercase; color: #FFFFFF; font-size: 20px; line-height: 1.5;  border-bottom: 1px solid #fff;  margin: 13px 0px 20px 0; display: inline-block; padding-bottom: 1px; letter-spacing: 1px;}
.post-content-of-commissions .entry-header h1.entry-title{text-transform: uppercase; color: #FFFFFF; font-size: 20px; line-height: 20px; font-family: "Calibre-RegularItalic"}

.post-content-of-commissions footer.entry-meta{opacity: 1; filter: alpha(opacity=100); bottom: 0; padding: 40px 0 15px; position: absolute; right: 0; left: 0; text-align: center; z-index: 5; background-color: #808080; max-width: 100%;}
.post-content-of-commissions footer.entry-meta a{color: #FFFFFF; text-transform: uppercase; font-size: 20px; line-height: 20px; letter-spacing: 1px;}
.post-content-of-commissions li.image-gallery-post a.image-gallery-info{color: #FFFFFF}
.post-content-of-commissions .entity-content{
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    z-index: 0;
    overflow: hidden;
    -moz-transition: opacity 0.6s ease 0s;
    -o-transition: opacity 0.6s ease 0s;
    -webkit-transition: opacity 0.6s ease 0s;
    transition: opacity 0.6s ease 0s;
}
.post-content-of-commissions .entity-content.entity-active{
    width: 100%;
    height: 100%;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    z-index: 9;
    padding-top: 65px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.post-content-of-commissions .entity-content .entity-content-overlayer{
    background-color: #808080;
    opacity: 0.85;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 5;
    position: absolute;
    top: 0px;
    left: 0px;
}
.post-content-of-commissions .entity-content-close{background-image: url(../img/icon-close-white.png); background-repeat: no-repeat; background-position: center; position: fixed; top: 0px; right: 0px; z-index: 90; width: 60px; height: 45px; display: none;}
.post-content-of-commissions .entity-content-group{color: #FFFFFF;}

/* --- productions --- */
.post-content-of-productions{background-color: #FFFFFF; padding: 0px 0px;}
.post-content-of-productions .entry-header{margin: 0px; padding: 7px 0 0px; position: fixed; left: 0px; right: auto; width: 33.33%; text-align: center; top: 0; z-index: 2; color: #FFFFFF;}
.post-content-of-productions .entry-header label.lable-title-productions{text-transform: uppercase; color: #000000; font-size: 20px; line-height: 1.5;  border-bottom: 1px solid #000000;  margin: 13px 0px 20px 0; display: inline-block; padding-bottom: 1px; letter-spacing: 1px}
.post-content-of-productions .entry-header h1.entry-title{text-transform: uppercase; color: #000000; font-size: 20px; line-height: 20px; font-family: "Calibre-RegularItalic"}

.post-content-of-productions footer.entry-meta{opacity: 1; filter: alpha(opacity=100); bottom: 0; padding: 40px 0 15px; position: absolute; right: 0; left: 0; text-align: center; z-index: 5; background-color: #FFFFFF; max-width: 100%;}
.post-content-of-productions footer.entry-meta a{color: #000000; text-transform: uppercase; font-size: 20px; line-height: 20px; letter-spacing: 1px;}
.post-content-of-productions footer.entry-meta a:hover{border-bottom: 1px solid #000000}
.post-content-of-productions li.image-gallery-post a.image-gallery-info{color: #000000; border-bottom: 1px solid transparent}
.post-content-of-productions .entity-content{
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    z-index: 0;
    overflow: hidden;
    -moz-transition: opacity 0.6s ease 0s;
    -o-transition: opacity 0.6s ease 0s;
    -webkit-transition: opacity 0.6s ease 0s;
    transition: opacity 0.6s ease 0s;
}
.post-content-of-productions .entity-content.entity-active{
    width: 100%;
    height: 100%;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    z-index: 9;
    padding-top: 65px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.post-content-of-productions .entity-content .entity-content-overlayer{
    background-color: #FFFFFF;
    opacity: 0.85;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 5;
    position: absolute;
    top: 0px;
    left: 0px;
}
.post-content-of-productions .entity-content-close{background-image: url(../img/icon-close.png); background-repeat: no-repeat; background-position: center; position: fixed; top: 0px; right: 0px; z-index: 90; width: 60px; height: 45px; display: none;}

.is-load-direct-page.disable-after-load-page .brodie-neil-when-load-page,
.brodie-neil-when-load-page{display: none;}
.brodie-neil-when-load-page div.brodie-neil-logo{width: 80%; top: 50%; position: absolute; left: 10%; z-index: 10;}
.brodie-neil-when-load-page div.brodie-neil-logo img{max-width: 100%;}
.is-load-direct-page .brodie-neil-when-load-page{
    width: 100%;
    height: 100%;
    z-index: 9;
    padding-top: 65px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
}
.is-load-direct-page .brodie-neil-when-load-page .brodie-neill-overlayer{
    background-color: #FFFFFF;
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    z-index: 3;
}
.is-load-direct-page .post-content-of-editions .brodie-neil-when-load-page .brodie-neill-overlayer{background-color: #000000;}
.is-load-direct-page .post-content-of-commissions .brodie-neil-when-load-page .brodie-neill-overlayer{background-color: #808080;}

.only-enable-on-mobile-title{display: none; background-color: #FFFFFF; left: 0; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 100%; z-index: 11; line-height: 30px;}
.only-enable-on-mobile-title h1{ font-size: 22px; font-weight: normal; margin: 25px 0; color: inherit;}
.post-content-of-editions .only-enable-on-mobile-title{background-color: #000000; color: #FFFFFF;}
.post-content-of-commissions .only-enable-on-mobile-title{background-color: #808080; color: #FFFFFF;}
.navigation{padding: 0px; margin: 0px;}

body.single.this-is-page-commissions .control-gallery-image-post-prev,
body.single.this-is-page-editions .control-gallery-image-post-prev,
body.is-background-000 .control-gallery-image-post-prev,
body.is-background-808 .control-gallery-image-post-prev{cursor: url(../img/arrwl-white.png) 15 30, auto;}

body.single.this-is-page-commissions .control-gallery-image-post-next,
body.single.this-is-page-editions .control-gallery-image-post-next,
body.is-background-000 .control-gallery-image-post-next,
body.is-background-808 .control-gallery-image-post-next{cursor: url(../img/arrwr-white.png) 15 30, auto;}

#wapper-post-ajax-content div.post-ajax-content-group{height: 100%; width: 100%; display: inline-block;}

body.single.this-is-page-commissions #wapper-post-ajax-content .link-next-control,
body.single.this-is-page-editions #wapper-post-ajax-content .link-next-control,
body.is-background-000 #wapper-post-ajax-content .link-next-control,
body.is-background-808 #wapper-post-ajax-content .link-next-control{cursor: url(../img/arrwb-white.png) 15 30, auto;}

body.single.this-is-page-commissions #wapper-post-ajax-content .link-previou-control,
body.single.this-is-page-editions #wapper-post-ajax-content .link-previou-control,
body.is-background-000 #wapper-post-ajax-content .link-previou-control,
body.is-background-808 #wapper-post-ajax-content .link-previou-control{cursor: url(../img/arrwt-white.png) 0 0, auto;}


.control-gallery-image-post-prev{ position: absolute; top: 115px; bottom: 86px; left: 0px; color: #FFFFFF; width: 50%; height: auto; display: inline-block; text-indent: -999999px; z-index: 99999; cursor: url(../img/arrwl.png) 15 30, auto;}
.control-gallery-image-post-next{ position: absolute; top: 115px; bottom: 86px; right: 0px; color: #FFFFFF; width: 50%; height: auto; display: inline-block; text-indent: -999999px; z-index: 99999; cursor: url(../img/arrwr.png) 15 30, auto;}
#wapper-post-ajax-content .link-next-control{
    cursor: url(../img/arrwb.png) 15 30, auto;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin-left: 0px;
    width: 100%;
    height: 85px;
    display: inline-block;
    z-index: 4;
}
#wapper-post-ajax-content .link-previou-control{
    cursor: url(../img/arrwt.png) 0 0, auto;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    width: 100%;
    height: 115px;
    display: inline-block;
    z-index: 4;
}

body.only-effect-on-mobile .control-gallery-image-post-prev,
body.only-effect-on-mobile .control-gallery-image-post-next,
body.only-effect-on-mobile #wapper-post-ajax-content .link-next-control,
body.only-effect-on-mobile #wapper-post-ajax-content .link-previou-control{
    display: none;
}

/* --- image gallery --- */
div.entry-thumbnail ul.ul-gallerys-image-of-post{width: 99999px; height: 100%; position: relative; margin:0px; padding:0px;}
div.entry-thumbnail ul.ul-gallerys-image-of-post li.image-gallery-post{
    width: 100%;
    height: 100%;
    position: relative; 
    top: 0px;
    left: 0px;
    z-index: 0;
    list-style: none;
    text-align: center;
    float: left;
}
div.entry-thumbnail ul.ul-gallerys-image-of-post li.image-gallery-post.active{
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    z-index: 1;
}
div.entry-thumbnail ul.ul-gallerys-image-of-post li.image-gallery-post img{max-width: 100%; max-height: 100%; margin:auto auto; padding: 0px; position: absolute; left: 0; right: 0; bottom: 0; top: 0;}

a.only-enable-on-mobile-and-content-post-by-ajax{background-image: url("../img/icon-close-white.png");background-position: center center; background-repeat: no-repeat; display: none; height: 28px; right: 10px; position: fixed; top: 90px; width: 28px; z-index: 9;}
body.parent-productions a.only-enable-on-mobile-and-content-post-by-ajax{background-image: url("../img/icon-close.png");}

li.image-gallery-post a.image-gallery-info{position: absolute; text-transform: uppercase; font-size: 20px; line-height: 1; letter-spacing: 1px; bottom: -71px; left:0px; right: 0px; border-bottom: 1px solid transparent}

body.only-effect-on-mobile footer.entry-meta{
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
body.only-effect-on-mobile .image-gallery-post{overflow: hidden;}
/* footer.entry-meta{width: 50px;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
} */
footer.entry-meta a{padding-top: 45px; padding-bottom: 0px;}
@media screen and (min-width: 1024px){
	html, body{
		overflow: hidden !important;
	}
}
/*** ------------------------------------------------------- RESPONSIVE ------------------------------------------------------- ***/
@media screen and (max-width: 980px) {
    /* --- GENERAL --- */
    #office-close{display: none !important;}
    body.is-slide-gallery footer.entry-meta{display: inline-block;}
    footer.entry-meta a,
    footer.entry-meta:hover a{border: none}

    /* --- OFFICE --- */
    div#terms-conditions{display: none; 
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    }
    body.wp-office-column-one-active div#terms-conditions{display: inline-block; position: fixed;
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    body.terms-conditions-is-action a#office-close{display: inline-block !important; height: 55px; width: 60px; z-index: 999}
    
    /* --- MOBILE MENU --- */
    #mobile-nav ul.nav-menu{width: 100%;}
    #mobile-nav .nav-menu li{width: 100%; text-align: center;}
    #mobile-nav .nav-menu > li{padding-top: 10px; padding-bottom: 10px;}
    #mobile-nav .nav-menu li a{ text-align: center; text-transform: uppercase; font-style: normal;}
    #mobile-nav ul.nav-menu ul a,
    #mobile-nav .nav-menu ul ul a{width: 100%; color: #757575; padding: 5px 0;}
    #mobile-nav .nav-menu ul li:hover a{color: #757575;}
    #mobile-nav .mobile-label-nav{height: 50px; color: #fff; display: inline-block; padding: 14px 0 15px; position: relative; text-align: center; text-transform: uppercase; width: 100%; z-index: 8; }
    #mobile-nav .mobile-label-nav label{border-bottom: 1px solid #FFFFFF; padding-bottom: 1px; font-size: 24px; line-height: 24px; letter-spacing: 1px;}
    
    body.page-template-page-office-php #mobile-nav .mobile-label-nav label{font-family: "Times-dfont"}

    body.is-background-fff #mobile-nav .mobile-label-nav label,
    body.mobile-office-color-black #mobile-nav .mobile-label-nav label{border-bottom: 1px solid #000000; color: #000000}
    
    body.mobile-office-color-black.projects-commissions-active #mobile-nav .mobile-label-nav label{border-bottom: 1px solid #000000; color: #000000}

    body.mobile-office-color-white #mobile-nav ul.nav-menu ul a,
    body.this-is-page-commissions #mobile-nav ul.nav-menu ul a{color: #d0d0d0;}
    body.this-is-page-editions #mobile-nav .nav-menu ul ul a,
    body.mobile-office-color-white #mobile-nav .nav-menu ul ul a{color: #686868;}

    body.this-is-page-commissions #mobile-nav .nav-menu ul li:hover a,
    body.this-is-page-editions #mobile-nav .nav-menu ul li:hover a{color: #686868;}

    body.mobile-office-color-black #mobile-nav .nav-menu a{color: #000000}
    body.mobile-office-color-black #mobile-nav ul.nav-menu ul a{color: #757575}

    /* --- OFFICE & PROJECTS --- */
    #wapper-office{padding: 0 25px;}
    #wapper-office-mobile #wapper-office,
    #wapper-projects #wp-projects-page{
        /*position: absolute; */
        -moz-transition: margin 0.6s ease 0s;
        -o-transition: margin 0.6s ease 0s;
        -webkit-transition: margin 0.6s ease 0s;
        transition: margin 0.6s ease 0s;
    }
    .entity-content-group.is-content-relative .entity-content-scrollbar{display: none;}
    .wpoff-col-main .wpoff-col-title{padding:14px 0;}
    .wpoff-col-main .wpoff-col-title label{font-size: 24px; line-height: 24px; letter-spacing: 1px; padding-bottom: 1px;}
    .wp-project-page-title,
    .wpoff-col-main .wpoff-col-title{
        position: fixed;
        width: auto;
        top: 0px;
        left: 15px;
        right: 15px;
        z-index: 99;
        background-color: #FFFFFF;
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        -moz-transition: opacity 0.6s ease 0s;
        -o-transition: opacity 0.6s ease 0s;
        -webkit-transition: opacity 0.6s ease 0s;
        transition: opacity 0.6s ease 0s;
    }
    .wpoff-col-title.active,
    .wp-project-page-title.active{
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
        z-index: 100;
    }
    .wp-project-page-commission .wp-project-page-title{
        background-color: #808080;
    }
    .wp-project-page-editions .wp-project-page-title{
        background-color: #000000;
    }
    .image-gallery-post{overflow: hidden;}
    footer.entry-meta{
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    
    .post-content-of-productions .entity-content-close,
    .post-content-of-commissions .entity-content-close,
    .post-content-of-editions .entity-content-close{display: inline-block;}

    /*.wpoff-col-main .wpoff-col-content{margin-top: 64px;}*/
    #mobile-nav .mobile-nav-main .menu-menu-1-container{padding-top: 0px;}
    .wp-project-page-content{padding-top: 75px;}

    #wp-office-column-two .wpoff-col-title{background-color: #7e7e7e}
    #wp-office-column-three .wpoff-col-title{background-color: #000000}
    
    div#wp-projects-page div.wp-project-page-production,
    div#wp-projects-page div.wp-project-page-commission,
    div#wp-projects-page div.wp-project-page-editions{padding-left: 15px; padding-right: 15px;}

    #wapper-office-mobile .wapper-office-mobile-control-left,
    #wapper-projects .wapper-projects-mobile-control-left{position: fixed; top:0px; left: 0px;  background-image: url(../img/mobile-gallery-prev-black.png); background-position: center; background-repeat: no-repeat; width: 15px; height: 100%; display: none; z-index: 9999}
    
    #wapper-office-mobile .wapper-office-mobile-control-right,
    #wapper-projects .wapper-projects-mobile-control-right{position: fixed; top:0px; right: 0px; background-image: url(../img/mobile-gallery-next-black.png); background-position: center; background-repeat: no-repeat; width: 15px; height: 100%; display: none; z-index: 9999}

    body.page div.wapper-office-left,
    body.page div.wapper-project-left{position: fixed; top: 0px; height: 100%; width: 15px; display: inline-block; left: 0px; z-index: 2;}
    body.page div.wapper-office-right,
    body.page div.wapper-project-right{position: fixed; top: 0px; height: 100%; width: 15px; display: inline-block; right: 0px; z-index: 2;}

    body.page.wp-office-column-three-active #wapper-office-mobile .wapper-office-mobile-control-right,
    body.page.wp-office-column-two-active #wapper-office-mobile .wapper-office-mobile-control-right,
    body.page.projects-commissions-active #wapper-projects .wapper-projects-mobile-control-right,
    body.page.projects-editions-active #wapper-projects .wapper-projects-mobile-control-right{background-image: url(../img/mobile-gallery-next.png);}

    body.page.wp-office-column-three-active #wapper-office-mobile .wapper-office-mobile-control-left,
    body.page.wp-office-column-two-active #wapper-office-mobile .wapper-office-mobile-control-left,
    body.page.projects-commissions-active #wapper-projects .wapper-projects-mobile-control-left,
    body.page.projects-editions-active #wapper-projects .wapper-projects-mobile-control-left{background-image: url(../img/mobile-gallery-prev.png);}

    .wp-project-page-title label{padding-bottom: 1px; font-size: 24px; line-height: 24px;}

    /* --- HOME PAGE --- */
    body.home #mobile-nav .mobile-nav-icon{display: none;}
    #slideshow-homepage .flexslider-home-page-desk-center,
    #slideshow-homepage .flexslider-home-page-desk-center a{font-size: 82px;}
    #mobile-nav{display: inline-block;}

    .wp-project-page-title{font-size: 20px; padding: 11px 10px 30px;}

    img.size-full, img.size-large, img.wp-post-image {
        display: inline-block;
    }

    /* --- DETAILS PAGE --- */
    .entry-header{}
    .entry-header, .entry-content, .entry-summary, .entry-meta{max-width: 100%;}
    .post-content-of-productions .entry-header,
    .post-content-of-commissions .entry-header,
    .post-content-of-editions .entry-header{max-width: 100%; width: 100%; left: 0px; right: 0px; margin: 0px; padding:3px 50px; text-align: center;}
    
    .post-content-of-productions footer.entry-meta,
    .post-content-of-editions footer.entry-meta,
    .post-content-of-commissions footer.entry-meta{background:none; max-width: 100%; padding: 0px; margin: 0px; right: 0px; text-align: center; top: 0px; width: auto; z-index: 4; bottom: auto; left: auto;}

    .post-content-of-productions .entry-header label.lable-title-productions,
    .post-content-of-commissions .entry-header label.lable-title-commissions,
    .post-content-of-editions .entry-header label.lable-title-editions{font-size: 24px; line-height: 24px; margin: 0 0 10px; padding-top: 10px; font-weight: normal}
        
    .post-content-of-productions footer.entry-meta,
    .post-content-of-editions footer.entry-meta,
    .post-content-of-commissions footer.entry-meta{padding: 0px;}
    
    .post-content-of-productions footer.entry-meta a,
    .post-content-of-editions footer.entry-meta a,
    .post-content-of-commissions footer.entry-meta a{font-size: 13px; line-height: 13px; padding:18px 15px; display: inline-block;}
    
    .post-content-of-productions .entry-header h1.entry-title,
    .post-content-of-editions .entry-header h1.entry-title,
    .post-content-of-commissions .entry-header h1.entry-title{font-size: 22px; line-height: 22px; font-weight: normal;}

    .post-content-of-editions .entity-content-close{top: 9px; right: 18px;}

    a.only-enable-on-mobile-and-content-post-by-ajax{display: inline-block;}
    
    .content-post-ajax article .entry-header{height: 85px;}
    .content-post-ajax article .entry-content{padding-top: 85px;}
    .post-content-of-commissions .entry-header{max-width: 100%; left: 0px; right: 0px; padding: 4px 50px; text-align: center;}
    body.only-effect-on-mobile .site-header{
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    }
    body.only-effect-on-mobile .content-post-ajax article .entry-content{z-index: 8}
    body.only-effect-on-mobile .post-content-of-productions .only-enable-on-mobile-title,
    body.only-effect-on-mobile .post-content-of-editions .only-enable-on-mobile-title,
    body.only-effect-on-mobile .post-content-of-commissions .only-enable-on-mobile-title{display: inline-block;}

    #wapper-post-ajax-content .link-previou-control{ position: absolute; margin:0px; top:auto; bottom: 5px; left: 40%; color: #FFFFFF; background-image: url(../img/mobile-post-prev.png); background-repeat: no-repeat; background-position: center center; width: 60px; height: 40px; display: inline-block; text-indent: -999999px; z-index: 99999; cursor: pointer; margin-left: -30px;}
    #wapper-post-ajax-content .link-next-control{ position: absolute; margin:0px; top:auto; bottom: 5px; left: auto; left: 60%; color: #FFFFFF;  background-image: url(../img/mobile-post-next.png); background-repeat: no-repeat; background-position: center center; width: 60px; height: 40px; display: inline-block; text-indent: -999999px; z-index: 99999; cursor: pointer; margin-left: -30px;}
    #wapper-post-ajax-content .control-gallery-image-post-next{background-image: url(../img/mobile-gallery-next.png); background-repeat: no-repeat; background-position: center center; width: 60px; height: 40px; top: auto; bottom: 5px; left: 80%; cursor: pointer; margin-left: -30px;}
    #wapper-post-ajax-content .control-gallery-image-post-prev{background-image: url(../img/mobile-gallery-prev.png); background-repeat: no-repeat; background-position: center center; width: 60px; height: 40px; top: auto; bottom: 5px; left: 20%; cursor: pointer; margin-left: -30px;}
    
    body.this-is-page-productions #wapper-post-ajax-content .link-previou-control,
    body.projects-productions-active #wapper-post-ajax-content .link-previou-control{background-image: url(../img/mobile-post-prev-black.png);}
    body.this-is-page-productions #wapper-post-ajax-content .link-next-control,
    body.projects-productions-active #wapper-post-ajax-content .link-next-control{background-image: url(../img/mobile-post-next-black.png);}
    body.this-is-page-productions #wapper-post-ajax-content .control-gallery-image-post-next,
    body.projects-productions-active #wapper-post-ajax-content .control-gallery-image-post-next{background-image: url(../img/mobile-gallery-next-black.png);}
    body.this-is-page-productions #wapper-post-ajax-content .control-gallery-image-post-prev,
    body.projects-productions-active #wapper-post-ajax-content .control-gallery-image-post-prev{background-image: url(../img/mobile-gallery-prev-black.png);}
    body.this-is-page-productions a.only-enable-on-mobile-and-content-post-by-ajax,
    body.projects-productions-active a.only-enable-on-mobile-and-content-post-by-ajax{background-image: url("../img/icon-close.png");}

}
@media screen and (max-width: 800px) {
    #slideshow-homepage .flexslider .slides .flexslider-home-page-desk-center img{max-width: 70%;}
    #slideshow-homepage .flexslider-home-page-desk-center,
    #slideshow-homepage .flexslider-home-page-desk-center a{font-size: 62px;}
    .is-load-direct-page .brodie-neil-when-load-page label{font-size: 42px; margin-top: -32px;}

    .entity-content-main{width: 70%; left: 0%}
}
@media screen and (max-width: 600px) {

    div#terms-conditions .content-terms-conditions{padding: 20% 5%;}
    .is-load-direct-page .brodie-neil-when-load-page label{font-size: 24px; margin-top: -18px;}
    #slideshow-homepage .flexslider-home-page-desk-center{right: 10px; left: 10px;}
    #slideshow-homepage .flexslider-home-page-desk-center,
    #slideshow-homepage .flexslider-home-page-desk-center a{font-size: 32px;}

    #slideshow-homepage .flexslider-home-page-desk-top{top: 15px; left: 15px;}
    #slideshow-homepage .flexslider-home-page-desk-bottom{bottom: 15px; right: 15px;}

    .post-content-of-productions .entry-header,
    .post-content-of-commissions .entry-header,
    .post-content-of-editions .entry-header{padding: 3px 5px;}

    
    .entity-content-main{width: 80%; left: 0%}

    .wp-project-page-content .row .pt-cv-content-item a{width: 100%;}
    .wp-project-page-content .row .pt-cv-content-item a img{max-width: 100%;}

}
@media (min-width: 481px) and (max-width: 700px){
	#mobile-nav .nav-menu > li.menu-item-object-page{
		width: 46%;
		padding: 0 2%;
		float: left;
	}
}
@media screen and (max-width: 420px) {
    #slideshow-homepage .flexslider-home-page-desk-center,
    #slideshow-homepage .flexslider-home-page-desk-center a{font-size: 22px;}

    .entity-content-main{width: 90%;}
}

@media screen and (max-width: 370px) {
    .wp-project-page-content .row .pt-cv-content-item img.add-275x370{width: 75%}
}

/*** --------- RETINA ICON --------***/
@media (max-width : 600px) and (-webkit-min-device-pixel-ratio : 2), (max-width : 600px) and (min-device-pixel-ratio : 2),
       (max-width : 600px) and (min-resolution: 192dpi){
	body.page.projects-productions-active #mobile-nav .mobile-nav-icon,
	#mobile-nav .mobile-nav-icon{
		background-image: url(../img/retina-black-menu.png);
		background-size: 80%;
		background-position: center center;
	}
	body.mobile-office-color-white #mobile-nav .mobile-nav-icon,
	body.this-is-page-editions #mobile-nav .mobile-nav-icon{
		background-image: url(../img/retina-white-menu.png);
		background-size: 80%;
	}
	#wapper-post-ajax-content .control-gallery-image-post-next,
	body.page.wp-office-column-three-active #wapper-office-mobile .wapper-office-mobile-control-right,
    body.page.wp-office-column-two-active #wapper-office-mobile .wapper-office-mobile-control-right,
    body.page.projects-commissions-active #wapper-projects .wapper-projects-mobile-control-right,
    body.page.projects-editions-active #wapper-projects .wapper-projects-mobile-control-right{
		background-image: url(../img/retina-right-arrow.png);
		background-size: 80%;
	}
	#wapper-post-ajax-content .control-gallery-image-post-prev,
	body.page.wp-office-column-three-active #wapper-office-mobile .wapper-office-mobile-control-left,
    body.page.wp-office-column-two-active #wapper-office-mobile .wapper-office-mobile-control-left,
    body.page.projects-commissions-active #wapper-projects .wapper-projects-mobile-control-left,
    body.page.projects-editions-active #wapper-projects .wapper-projects-mobile-control-left{
		background-image: url(../img/retina-left-arrow.png);
		background-size: 80%;
	}
	#wapper-post-ajax-content .control-gallery-image-post-next,
	#wapper-post-ajax-content .control-gallery-image-post-prev{
		background-size: auto 50%;
	}
	a.only-enable-on-mobile-and-content-post-by-ajax,
	.post-content-of-commissions .entity-content-close,
	.post-content-of-editions .entity-content-close,
	#office-close,
	#mobile-nav a.mobile-nav-close{
		background-image: url(../img/retina-close-icon.png);
		background-size: 50%;
	}
	.post-content-of-commissions .entity-content-close,
	.post-content-of-editions .entity-content-close{
		background-size: 40%;
		width: 60px;
		height: 45px;
		top: 0px;
		right: 0px;
	}
	body.is-background-fff #mobile-nav a.mobile-nav-close,
	body.mobile-office-color-black #mobile-nav a.mobile-nav-close{
		background-image: url(../img/retina-black-close-icon.png);
	}
	body.this-is-page-productions a.only-enable-on-mobile-and-content-post-by-ajax,
    body.projects-productions-active a.only-enable-on-mobile-and-content-post-by-ajax,
	body.parent-productions a.only-enable-on-mobile-and-content-post-by-ajax,
	.post-content-of-productions .entity-content-close{
		background-image: url(../img/retina-black-close-icon.png);
		background-size: 40%;
	}
	body.this-is-page-productions #wapper-post-ajax-content .control-gallery-image-post-next,
    body.projects-productions-active #wapper-post-ajax-content .control-gallery-image-post-next,
	#wapper-office-mobile .wapper-office-mobile-control-right,
    #wapper-projects .wapper-projects-mobile-control-right{
		background-image: url(../img/retina-black-right-arrow.png);
		background-size: 80%;
	}
	body.this-is-page-productions #wapper-post-ajax-content .control-gallery-image-post-prev,
    body.projects-productions-active #wapper-post-ajax-content .control-gallery-image-post-prev,
	#wapper-office-mobile .wapper-office-mobile-control-left,
    #wapper-projects .wapper-projects-mobile-control-left{
		background-image: url(../img/retina-black-left-arrow.png);
		background-size: 80%;
	}
	body.this-is-page-productions #wapper-post-ajax-content .control-gallery-image-post-prev,
    body.projects-productions-active #wapper-post-ajax-content .control-gallery-image-post-prev,
	body.this-is-page-productions #wapper-post-ajax-content .control-gallery-image-post-next,
    body.projects-productions-active #wapper-post-ajax-content .control-gallery-image-post-next{
		background-size: auto 50%;
	}
	body.this-is-page-productions #wapper-post-ajax-content .link-next-control,
    body.projects-productions-active #wapper-post-ajax-content .link-next-control{
		background-image: url(../img/retina-black-down-arrow.png);
		background-size: 40%;
	}
	body.this-is-page-productions #wapper-post-ajax-content .link-previou-control,
    body.projects-productions-active #wapper-post-ajax-content .link-previou-control{
		background-image: url(../img/retina-black-up-arrow.png);
		background-size: 40%;
	}
	#wapper-post-ajax-content .link-next-control{
		background-image: url(../img/retina-up-arrow.png);
		background-size: 40%;
	}
	#wapper-post-ajax-content .link-previou-control{
		background-image: url(../img/retina-down-arrow.png);
		background-size: 40%;
	}
}
/*** ------------------------------------------------------- MOBILE FOR OFFICE ------------------------------------------------------- ***/
body.is-mobile #wapper-office{width: 300%; padding: 0px;}
body.is-mobile #wapper-office-mobile .wapper-office-mobile-control-left,
body.is-mobile #wapper-office-mobile .wapper-office-mobile-control-right{display: inline-block}
body.is-mobile #wapper-office #wp-office-column-one,
body.is-mobile #wapper-office #wp-office-column-two,
body.is-mobile #wapper-office #wp-office-column-three{padding: 0px 30px;}
body.is-mobile #wp-office-column-one .wpoff-col-main .wpoff-col-content{padding-left: 0px; padding-right: 0px;}
body.is-mobile .wpoff-col-main .wpoff-col-content .wpoff-content > div, 
body.is-mobile .wpoff-col-main .wpoff-col-content .wpoff-content > p{padding-left: 0px; padding-right: 0px;}

/* On mobile the column has no fixed height, so revert to normal block
   layout — flex + overflow:hidden would clip content and auto margins
   would have nothing to push against */
body.is-mobile .wpoff-contact .wpoff-col-content {
    display: block !important;
}
body.is-mobile .wpoff-contact .wpoff-content {
    display: block !important;
    overflow: visible !important;
    padding-bottom: 20px !important;
    min-height: 0 !important;
}
body.is-mobile div#terms-conditions {
    position: relative !important;
    margin-top: 1.5em !important;
}
body.is-mobile #office-close{display: none;}
body.is-mobile.mobile-office-color-black #office-close{background-image: url(../img/icon-close.png);}

body.is-mobile #wapper-projects #wp-projects-page{width: 300%; padding: 0px;}
body.is-mobile #wapper-projects .wapper-projects-mobile-control-left,
body.is-mobile #wapper-projects .wapper-projects-mobile-control-right{display: inline-block;}
body.is-mobile #wapper-post-ajax-content .control-gallery-image-post-prev,
body.is-mobile #wapper-post-ajax-content .control-gallery-image-post-next{display: inline-block !important;}
body.is-mobile.single #wapper-projects .wapper-projects-mobile-control-left,
body.is-mobile.single #wapper-projects .wapper-projects-mobile-control-right{display: none !important;}
form .mc4wp-alert{display: inline-block; border: none; margin: 0.5em 0; color: #000;}