@font-face {
font-family: 'maison_neuebook';
src: url('maisonneue-book-webfont.eot');
src: url('maisonneue-book-webfont.eot?#iefix') format('embedded-opentype'),
url('maisonneue-book-webfont.woff2') format('woff2'),
url('maisonneue-book-webfont.woff') format('woff'),
url('maisonneue-book-webfont.ttf') format('truetype'),
url('maisonneue-book-webfont.svg#maison_neuebook') format('svg');
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing: antialiased;
}
@font-face {
font-family: 'maison_neuelight';
src: url('maisonneue-light-webfont.eot');
src: url('maisonneue-light-webfont.eot?#iefix') format('embedded-opentype'),
url('maisonneue-light-webfont.woff2') format('woff2'),
url('maisonneue-light-webfont.woff') format('woff'),
url('maisonneue-light-webfont.ttf') format('truetype'),
url('maisonneue-light-webfont.svg#maison_neuelight') format('svg');
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing: antialiased;
}
@font-face {
font-family: 'maison_neuelight_italic';
src: url('maisonneue-lightitalic-webfont.eot');
src: url('maisonneue-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('maisonneue-lightitalic-webfont.woff2') format('woff2'),
url('maisonneue-lightitalic-webfont.woff') format('woff'),
url('maisonneue-lightitalic-webfont.ttf') format('truetype'),
url('maisonneue-lightitalic-webfont.svg#maison_neuelight_italic') format('svg');
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing: antialiased;
}
@font-face {
font-family: 'maison_neuebold';
src: url('maisonneue-bold-webfont.eot');
src: url('maisonneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('maisonneue-bold-webfont.woff2') format('woff2'),
url('maisonneue-bold-webfont.woff') format('woff'),
url('maisonneue-bold-webfont.ttf') format('truetype'),
url('maisonneue-bold-webfont.svg#maison_neuebold') format('svg');
font-weight: normal;
font-style: normal;
}
html{
-webkit-text-size-adjust:none;
}
body{
background-color:#fff;
overflow-y:scroll;
margin:0px;
}
div{
position:relative;
overflow:hidden;
}
body,div,table,input,select,textarea,p,button{
font-family:maison_neuelight,arial;
font-size:10pt;
color:#000;
}
b,strong{
font-weight:bold;
}
h1{
display:block;
font-family:maison_neuebook,arial;
font-weight:normal;
font-size:30pt;
line-height:45px;
letter-spacing:2.5px;
margin:0px 0px 35px 0px;
text-align:center;
}
h2{
display:block;
font-family:maison_neuebook,arial;
font-weight:normal;
font-size:14pt;
line-height:25px;
letter-spacing:1.5px;
margin:0px 0px 40px 0px;
text-align:center;
text-transform:uppercase;
}
h3{
display:block;
font-family:maison_neuebook,arial;
font-weight:normal;
font-size:12.5pt;
line-height:22px;
letter-spacing:1px;
margin:0px 0px 10px 0px;
text-align:center;
}
input:focus,select:focus,textarea:focus,button:focus{
outline:none;
}
p{
margin:0px;
}
a img{
border:0px;
}
a:link,a:visited,p a:link,p a:visited{
color:#000;
text-decoration:none;
border-bottom:1px solid transparent;
}
a:hover,a:active,p a:hover,p a:active{
color:#000;
text-decoration:none;
border-bottom:1px solid #ffff00;
}
.form{
width:520px;
margin:0px auto;
}
.form p{
text-align:center;
margin:0px;
}
.form label{
display:block;
margin:30px 0px 5px 0px;
font-size:11.5pt;
line-height:24px;
text-align:left;
}
.form input[type=text],.form input[type=password],.form textarea{
display:block;
font-size:11.5pt;
border:1px solid #c8c8c8;
padding:10px 14px 10px 14px;
width:490px;
border-radius:0px;
box-shadow:none;
-webkit-appearance:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}
.form textarea{
resize:vertical;
}
.form button{
font-family:maison_neuebook,arial;
font-size:11.5pt;
color:#fff;
background-color:#323232;
border:0px;
letter-spacing:1.5px;
padding:10px 20px 10px 20px;
margin:40px 0px 0px 0px;
cursor:pointer;
border-radius:0px;
box-shadow:none;
-webkit-appearance:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}
.form button:hover{
color:#000;
background-color:#ffff00;
}
.form .label-error{
color:red;
}
.form .input-error{
border:1px solid red;
color:red;
}
.form .error{
margin:35px 0px 0px 0px;
font-size:11.5pt;
line-height:24px;
color:red;
}
.form .message{
margin:35px 0px 0px 0px;
font-size:11.5pt;
line-height:24px;
}
.left{
float:left;
}
.right{
float:right;
}
.clear{
clear:both;
}
.br{
clear:both;
height:20px;
}
.page{
width:860px;
margin:0px auto;
}
.subpage{
width:700px;
margin:0px auto;
text-align:center;
}
.top-image{
margin:0px auto 45px auto;
}
.top-image img{
max-width:860px;
max-height:570px;
}
.subpage p{
font-size:11.5pt;
line-height:24px;
margin:0px 0px 20px 0px;
}
.subpage .text,.subpage .text *{
font-size:11.5pt;
line-height:24px;
}
.subpage .text b,.subpage .text strong{
font-weight:normal;
font-family:maison_neuebold,arial;
}
.subpage .text a:link,.subpage .text a:visited,.subpage .text a:hover,.subpage .text a:active{
text-decoration:none;
border-bottom:1px solid #ffff00;
}
.menu{
font-family:maison_neuebook,arial;
font-size:12pt;
position:fixed;
color:#000;
z-index:2;
letter-spacing:1px;
line-height:20px;
}
.white .menu:link,.white .menu:visited,.white .menu a:link,.white .menu a:visited{
color:#fff;
}
.white .menu:hover,.white .menu:active,.white .menu a:hover,.white .menu a:active{
color:#fff;
}
.menu-burger{
top:20px;
left:20px;
background-image:url(../img/hamburger-black.png);
background-repeat:no-repeat;
background-position:left 2px;
padding-left:24px;
z-index:2;
cursor:pointer;
}
.menu-burger:hover a,.menu-burger:active a{
border-bottom:1px solid #ffff00;
}
.white .menu-burger{
background-image:url(../img/hamburger-white.png);
}
.zlist-button,.zlist-button:hover,.zlist-button:active{
width:32px;
height:130px;
display:block;
position:absolute;
top:50%;
margin-top:-65px;
right:0px;
background-image:url(../img/ZListTab.svg);
background-repeat:no-repeat;
background-position:right center;
background-size:32px 130px;
z-index:3;
border-bottom:0px;
text-decoration:none;
}
.menu-news{
top:20px;
left:20px;
}
.menu-clients{
top:20px;
right:20px;
}
.menu-info{
bottom:17px;
left:20px;
}
.menu-press-releases{
bottom:17px;
right:20px;
}
.fullscreen-menu{
position:absolute;
top:0px;
left:0px;
width:100%;
z-index:14;
display:none;
overflow-y:auto;
}
.blocker{
position:absolute;
top:0px;
left:0px;
z-index:13;
background-color:#000;
width:100%;
height:100%;
filter:alpha(opacity=85);
opacity:0.85;
display:none;
}
.fullscreen-menu .close{
font-family:maison_neuebook,arial;
font-size:12pt;
position:fixed;
color:#fff;
z-index:16;
letter-spacing:1px;
line-height:20px;
top:20px;
left:20px;
background-image:url(../img/close.png);
background-repeat:no-repeat;
background-position:left 2px;
padding-left:24px;
cursor:pointer;
}
.fullscreen-menu .close a{
color:#fff;
}
.fullscreen-menu .close:hover a,.fullscreen-menu .close:active a{
border-bottom:1px solid #ffff00;
}
.fullscreen-menu .center{
width:100%;
height:100%;
z-index:15;
display:table-cell;
text-align:center;
vertical-align:middle;
color:#fff;
}
.fullscreen-menu .center h3{
margin:0px 0px 8px 0px;
font-size:9pt;
}
.fullscreen-menu .center a:link,.fullscreen-menu .center a:visited{
line-height:44px;
font-family:maison_neuebook,arial;
font-size:19pt;
letter-spacing:1.5px;
color:#fff;
}
.fullscreen-menu .center a:hover,.fullscreen-menu .center a:active{
color:#fff;
text-decoration:none;
}
.fullscreen-menu .center .br{
height:45px;
}
.fullscreen-menu hr{
width:14px;
margin:24px auto 24px auto;
border:0px;
border-top:1px solid #fff;
}
a.logo{
display:block;
width:295px;
height:35px;
background-repeat:no-repeat;
background-position:center center;
/*background-image:url(../img/logo-black.png);*/
background-image:url(../img/Logo.svg);
background-size:295px 35px;
position:fixed;
top:80px;
left:50%;
z-index:2;
margin-left:-148px;
border-bottom:0px;
}
a.logo:hover,a.logo:active{
border-bottom:0px;
}
.white a.logo{
/*background-image:url(../img/logo-white.png);*/
background-image:url(../img/LogoWhite.svg);
}
.slideshow{
width:100%;
height:100%;
}
.slideshow .slide{
position:absolute;
top:0px;
left:0px;
visibility:hidden;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.slideshow .slide .shade{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:black;
filter:alpha(opacity=20);
opacity:0.20;
}
.slideshow .slide .table{
position:absolute;
top:0px;
display:table;
width:760px;
height:100%;
left:50%;
margin-left:-380px;
}
.slideshow .slide .text{
display:table-cell;
vertical-align:middle;
text-align:center;
font-family:maison_neuebook,arial;
font-size:25.5pt;
letter-spacing:2px;
line-height:44px;
color:#000;
}
.slideshow .white.slide .text{
color:#fff;
}
.slideshow .slide .link{
font-family:maison_neuebook,arial;
font-size:13.5pt;
line-height:18px;
letter-spacing:2px;
}
.slideshow .white.slide .link:link,.slideshow .white.slide .link:visited{
color:#fff;
}
.slideshow .white.slide .link:hover,.slideshow .white.slide .link:active{
color:#fff;
}
.slideshow .slide .previous,.slideshow .slide .next{
width:150px;
height:80%;
position:absolute;
top:10%;
left:0px;
z-index:1;
background-repeat:no-repeat;
background-position:center center;
border-bottom:0px;
}
.slideshow .slide .previous:hover,.slideshow .slide .previous:active{
background-image:url(../img/previous-black.png);
border-bottom:0px;
}
.slideshow .white.slide .previous:hover,.slideshow .white.slide .previous:active{
background-image:url(../img/previous-white.png);
border-bottom:0px;
}
.slideshow .slide .next{
left:auto;
right:0px;
}
.slideshow .slide .next:hover,.slideshow .slide .next:active{
background-image:url(../img/next-black.png);
border-bottom:0px;
}
.slideshow .white.slide .next:hover,.slideshow .white.slide .next:active{
background-image:url(../img/next-white.png);
border-bottom:0px;
}
.slideshow .slide .dots{
position:absolute;
left:0px;
width:100%;
bottom:20px;
height:10px;
z-index:1;
}
.slideshow .slide .dots table{
margin:0px auto;
}
.slideshow .slide .dots a{
display:block;
width:10px;
height:10px;
background-repeat:no-repeat;
background-position:center center;
background-image:url(../img/dot-grey.png);
margin:0px 3px 0px 3px;
}
.slideshow .slide .dots a.selected{
background-image:url(../img/dot-black.png);
}
.slideshow .white.slide .dots a.selected{
background-image:url(../img/dot-white.png);
}
.slideshow .slide .dots a:hover,.slide .dots a:active{
background-image:url(../img/dot-yellow.png);
}
.body{
margin:115px 0px 65px 0px;
}
.vertical-space{ height:20px; }
.clients{
width:900px;
margin:35px auto 0px auto;
}
.clients .client-item{
float:left;
width:410px;
margin:0px 20px 30px 20px;
}
.clients .client-item .image{
width:410px;
height:272px;
background-color:#eee;
margin:0px 0px 20px 0px;
}
.clients .client-item .image .greyscale1{
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
filter:gray;
filter:url("data:image/svg+xml;utf8,#greyscale");
}
.clients .client-item .image .colour1{
filter:url("data:image/svg+xml;utf8,#colour");
}
.clients .client-item .margin{
width:350px;
margin:0px auto;
text-align:center;
}
.clients .client-item h3 a,.clients .client-item .image a{
border-bottom:0px;
}
.clients .client-item p{
font-family:maison_neuelight,arial;
font-size:9pt;
color:#323232;
letter-spacing:0.5px;
line-height:18px;
margin:0px 0px 9px 0px;
text-align:center;
}
.clients .client-item .link{
letter-spacing:2px;
background-repeat:no-repeat;
background-position:right center;
/*background-image:url(../img/right-arrow-black-small.png);*/
background-image:url(../img/svg/arrow.svg);
padding-right:12px;
line-height:20px;
}
.list-break-2,.list-break-3,.list-break-4{
display:none;
clear:both;
}
.clients.columns-2 .list-break-2{
display:block;
}
.clients.columns-3 .list-break-3{
display:block;
}
.page.previous-projects{ margin-bottom:32px; }
.previous-projects .subpage p{
letter-spacing:0.5px;
}
.previous-projects.hr{
width:868px;
margin:38px auto 0px auto;
height:72px;
}
.small-slideshow{
width:860px;
height:604px;
margin:0px 0px 45px 0px;
overflow:hidden;
}
.small-slideshow.captions{
height:633px;
}
.small-slideshow.captions .white{
height:29px;
text-align:center;
background-color:#fff;
}
.small-slideshow .slide{
position:absolute;
top:0px;
left:0px;
visibility:hidden;
width:100%;
height:100%;
overflow:hidden;
}
.small-slideshow .slide img{
display:block;
margin:0px auto;
height:604px;
}
.small-slideshow .slide .cover{
display:block;
width:860px;
height:604px;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.small-slideshow .slide .play{
display:block;
position:absolute;
top:50%;
left:50%;
width:68px;
height:44px;
margin:-22px 0px 0px -34px;
background-image:url(../img/play-yellow-large.png);
background-repeat:no-repeat;
z-index:2;
border-bottom:0px;
}
.small-slideshow .slide .play:hover{
border-bottom:0px;
background-image:url(../img/play-black-large.png);
}
.small-slideshow .slide .player{
width:860px;
height:604px;
top:0px;
left:0px;
position:absolute;
display:none;
z-index:3;
}
.small-slideshow .slide .cell{
width:860px;
height:604px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
.small-slideshow .slide .half{
width:50%;
}
.small-slideshow .slide .shade{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:black;
filter:alpha(opacity=3);
opacity:0.03;
}
.small-slideshow .slide .previous,.small-slideshow .slide .next{
width:100px;
height:80%;
position:absolute;
top:10%;
left:0px;
z-index:4;
background-repeat:no-repeat;
background-position:center center;
border-bottom:0px;
}
.small-slideshow .slide .previous:hover,.small-slideshow .slide .previous:active{
background-image:url(../img/previous-grey-large.png);
border-bottom:0px;
}
.small-slideshow .slide .next{
left:auto;
right:0px;
}
.small-slideshow .slide .next:hover,.small-slideshow .slide .next:active{
background-image:url(../img/next-grey-large.png);
border-bottom:0px;
}
.small-slideshow .slide .dots{
position:absolute;
left:0px;
width:100%;
bottom:20px;
height:10px;
z-index:1;
}
.small-slideshow.captions .slide .dots{
bottom:49px;
}
.small-slideshow .slide .dots table{
margin:0px auto;
}
.small-slideshow .slide .dots a{
display:block;
width:10px;
height:10px;
background-repeat:no-repeat;
background-position:center center;
background-image:url(../img/dot-grey.png);
margin:0px 3px 0px 3px;
}
.small-slideshow .slide .dots a.selected{
background-image:url(../img/dot-black.png);
}
.small-slideshow .slide .dots a:hover,.small-slide .dots a:active{
background-image:url(../img/dot-yellow.png);
}
.client{
}
.client h2{
margin:0px 0px 20px 0px;
}
.client .text{
margin:0px 0px 0px 0px;
}
.image-credits{
color:#b4b4b4;
font-size:9pt;
font-family:maison_neuelight_italic,arial;
line-height:20px;
text-align:center;
}
.client .image-credits{
margin:0px 0px 65px 0px;
}
.client-section{
margin:20px auto 70px auto!important;
text-align:center;
}
.project .image-credits{
margin:0px 0px 65px 0px;
}
.article .image-credits{
margin:90px auto 0px auto;
width:700px;
}
.projects{
width:890px;
margin:0px 0px 0px -14px;
}
.projects .row{
display:table;
margin:0px auto;
}
.projects .project-item{
float:left;
width:268px;
margin:0px 14px 30px 14px;
}
.projects .project-item .image{
width:268px;
height:178px;
background-color:#eee;
margin:0px 0px 20px 0px;
}
.projects .project-item .margin{
width:240px;
margin:0px auto;
text-align:center;
}
.projects .project-item h3 a,.projects .project-item .image a{
border-bottom:0px;
}
.projects .project-item p{
font-family:maison_neuelight,arial;
font-size:9pt;
color:#323232;
letter-spacing:0.5px;
line-height:16px;
margin:0px 0px 9px 0px;
text-align:center;
}
.project{
}
.project .text{
margin:0px 0px 0px 0px;
}
.project .link{
font-family:maison_neuebook,arial;
font-size:11.5pt;
line-height:24px;
background-image:url(../img/right-arrow-black.png);
background-repeat:no-repeat;
background-position:right center;
padding-right:22px;
}
.press-releases{
margin:20px 0px 0px 0px;
text-align:center;
}
.press-releases .sort{
margin:0px 0px 15px 0px;
}
.press-releases .sort-button{
color:#969696;
font-size:11.5pt;
letter-spacing:1px;
line-height:24px;
text-transform:uppercase;
background-image:url(../img/down-arrow-grey.png);
background-repeat:no-repeat;
background-position:right center;
padding-right:26px;
border-bottom:0px;
}
.press-releases .sort-button:hover{
background-image:url(../img/down-arrow-black.png);
color:#000;
}
.press-releases .sort-button.selected{
background-image:url(../img/up-arrow-grey.png);
}
.press-releases .sort-button.selected:hover{
background-image:url(../img/up-arrow-black.png);
color:#000;
}
.press-releases .sort .options{
margin:30px 0px 20px 0px;
display:none;
}
.press-releases .sort .options .column{
float:left;
width:215px;
text-align:center;
}
.press-releases .sort .options a{
font-size:10pt;
line-height:22px;
letter-spacing:0.5px;
color:#323232;
}
.press-releases .sort .options a.selected{
color:#969696;
background-image:url(../img/tick.png);
background-repeat:no-repeat;
background-position:right center;
padding-right:20px;
}
.press-releases .table{
border-top:1px solid #e4e4e4;
margin:0px 0px 45px 0px;
}
.press-release-item{
display:table;
width:100%;
border-bottom:1px solid #e4e4e4;
}
.press-release-item div{
font-size:11.5pt;
line-height:24px;
}
.press-release-item .client-logo{
display:table-cell;
width:120px;
vertical-align:middle;
}
.press-release-item .client-logo span{
display:block;
text-align:center;
margin:0px;
padding:28px 0px 28px 0px;
}
.press-release-item .client-logo a{
border-bottom:0px;
}
.press-release-item .date{
display:table-cell;
width:160px;
vertical-align:middle;
}
.press-release-item .date span{
display:block;
line-height:30px;
height:30px;
text-align:center;
border-right:1px solid #e4e4e4;
}
.press-releases.full-list .press-release-item .date span{
border-left:1px solid #e4e4e4;
}
.press-release-item .heading{
display:table-cell;
padding:28px 0px 28px 0px;
text-align:center;
vertical-align:middle;
}
.press-release-item .heading span{
display:block;
text-align:center;
margin:0px 30px 0px 30px;
}
.press-release-item .file{
display:table-cell;
width:160px;
vertical-align:middle;
}
.press-release-item .file span{
display:block;
line-height:30px;
height:30px;
text-align:center;
border-left:1px solid #e4e4e4;
}
.press-releases .link,.client-section .link{
font-family:maison_neuebook,arial;
font-size:11.5pt;
line-height:24px;
background-image:url(../img/right-arrow-black.png);
background-repeat:no-repeat;
background-position:right center;
padding-right:22px;
}
.client-section .link-container{
text-align:center;
margin-top:-15px;
}
.body .client-section:last-child{
margin-bottom:5px!important;
}
.share{
display:table;
margin:45px auto 0px auto;
}
.share .like,.share .tweet,.share .plusone,.share .addthis{
float:left;
margin-right:11px;
}
.info .text,.about-us .text{
margin:0px 0px 65px 0px;
}
.info .text.what-we-offer p{
margin-bottom:10px;
}
.about-us h1{
width:520px;
text-align:center;
font-size:21pt;
line-height:36px;
letter-spacing:2px;
margin:0px auto 35px auto;
}
.team{
width:1001px;
margin:0px auto;
}
.team .row{
display:table;
margin:0px auto;
}
.team .team-item{
float:left;
width:303px;
margin:0px 14px 36px 14px;
}
.team .team-item .image{
width:303px;
height:202px;
background-color:#eee;
margin:0px 0px 20px 0px;
}
.team .team-item .image img{ width:100%; }
.team .team-item h3{
text-align:left;
margin-bottom:6px;
}
.team .team-item h3 a,.team .team-item .image a{
border-bottom:0px;
}
.team .team-item p{
font-family:maison_neuelight,arial;
font-size:9pt;
color:#323232;
letter-spacing:0.5px;
line-height:16px;
margin:0px 0px 9px 0px;
}
.team .team-item .margin{
width:auto;
margin:0px;
text-align:left;
}
.team .team-item .position{
color:#777;
text-transform:uppercase;
margin-bottom:15px;
}
.team .team-item .description a{ border-bottom:1px solid #000; }
.team .team-item .description a:hover,.team .team-item .description a:active{ border-bottom:1px solid #ffff00; }
.location{
margin:15px 0px 0px 0px;
}
.location p{
font-size:12.5pt;
line-height:27px;
letter-spacing:0.5px;
margin:0px 0px 20px 0px;
}
.location .address{
width:860px;
margin:45px auto 0px auto;
display:table;
}
.location .address .address-item{
display:table-cell;
width:287px;
text-align:center;
vertical-align:top;
}
.location .social{
width:135px;
margin:0px auto;
}
.location.get-in-touch .social{
width:150px;
margin-top:3px;
}
.location .social a{
margin:0px 0px 19px 28px;
width:21px;
height:21px;
display:block;
float:left;
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
border:0px;
}
.location .social a:hover{ border:0px; }
.location .social .instagram{ background-image:url(../img/svg/instagram.svg); background-size:20px auto; }
.location .social .instagram:hover{ background-image:url(../img/svg/instagram_rollover.svg); }
.location .social .instagram{ margin-top:1px; }
.location .social .twitter{ background-image:url(../img/svg/twitter.svg); background-size:20px auto; }
.location .social .twitter:hover{ background-image:url(../img/svg/twitterrollover.svg); }
.location .social .facebook{ background-image:url(../img/svg/facebook.svg); background-size:auto 20px; }
.location .social .facebook:hover{ background-image:url(../img/svg/facebookrollover.svg); }
.location .social .linkedin{ background-image:url(../img/svg/linkedin.svg); background-size:19px auto; }
.location .social .linkedin:hover{ background-image:url(../img/svg/linkedin_rollover.svg); }
.location .social .thedots{ background-image:url(../img/svg/thedots.svg); background-size:20px auto; }
.location .social .thedots:hover{ background-image:url(../img/svg/thedotsrollover.svg); }
.location .social .thedots{ margin-top:1px; }
.location .social .pinterest{ background-image:url(../img/svg/pinterest.svg); background-size:20px auto; }
.location .social .pinterest:hover{ background-image:url(../img/svg/pinterest_rollover.svg); }
.location .social .pinterest{ margin-top:1px; }
.map{
width:100%;
height:560px;
margin:45px 0px 0px 0px;
}
.map,.map div{
overflow:visible;
position:static;
}
.terms .text h2{
margin:40px 0px 0px 0px;
text-transform:none;
letter-spacing:1px;
}
.news{
width:888px;
margin:35px auto 0px auto;
}
.news .article-item{
float:left;
width:268px;
margin:0px 14px 50px 14px;
}
.news .article-item .image{
width:268px;
height:180px;
background-color:#eee;
margin:0px 0px 20px 0px;
}
.news .article-item .image .cover{
display:block;
width:268px;
height:180px;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.news .article-item .image a{
display:block;
}
.news .article-item .image .play{
display:block;
position:absolute;
top:50%;
left:50%;
width:56px;
height:36px;
margin:-18px 0px 0px -28px;
background-image:url(../img/Play.svg);
background-repeat:no-repeat;
background-position:center center;
background-size:56px 36px;
z-index:2;
border-bottom:0px;
}
.news .article-item .image .play:hover{
border-bottom:0px;
background-image:url(../img/PlayRollover.svg);
}
.news .article-item .margin{
width:240px;
margin:0px auto;
text-align:center;
}
.news .article-item h3 a,.news .article-item .image a{
border-bottom:0px;
}
.news .article-item .date{
color:#969696;
text-transform:uppercase;
font-size:8pt;
letter-spacing:1.5px;
margin:0px 0px 4px 0px;
}
.news .article-item p{
font-family:maison_neuelight,arial;
font-size:9pt;
color:#323232;
letter-spacing:0.5px;
line-height:18px;
margin:0px 0px 9px 0px;
text-align:center;
}
.news .article-item .link{
letter-spacing:2px;
background-repeat:no-repeat;
background-position:right center;
/*background-image:url(../img/right-arrow-black-small.png);*/
background-image:url(../img/svg/arrow.svg);
padding-right:12px;
line-height:20px;
}
.news.columns-2 .list-break-2{
display:block;
}
.news.columns-3 .list-break-3{
display:block;
}
.news.columns-3 .article-item.last-single-3,.news.columns-4 .article-item.last-single-4{
float:none;
margin-left:auto;
margin-right:auto;
}
.news.columns-4 .list-break-4{
display:block;
}
.news.navigation{
display:table;
width:860px;
margin:45px auto 0px auto;
}
.news.navigation div{
display:table-cell;
font-size:12.5pt;
letter-spacing:0.5px;
}
.news.navigation .link{
width:140px;
}
.news.navigation .pages{
text-align:center;
color:#afafaf;
}
.news.navigation .pages a{
color:#afafaf;
}
.news.navigation .pages span{
color:#000;
}
.news.navigation .previous-post{
/*background-image:url(../img/left-arrow-black.png);*/
background-image:url(../img/svg/LeftArrowBlack.svg);
background-size:11px 11px;
background-repeat:no-repeat;
background-position:left center;
padding-left:22px;
}
.news.navigation .previous-post.disabled{
color:#afafaf;
/*background-image:url(../img/left-arrow-grey.png);*/
background-image:url(../img/svg/LeftArrowGrey.svg);
}
.news.navigation .previous-post.disabled:hover,.news.navigation .next-post.disabled:hover{
border-bottom:1px solid transparent;
cursor:text;
}
.news.navigation .next-post{
/*background-image:url(../img/right-arrow-black.png);*/
background-image:url(../img/svg/RightArrowBlack.svg);
background-size:11px 11px;
background-repeat:no-repeat;
background-position:right center;
padding-right:22px;
}
.news.navigation .next-post.disabled{
color:#afafaf;
/*background-image:url(../img/right-arrow-grey.png);*/
background-image:url(../img/svg/RightArrowGrey.svg);
}
.hr{
border-top:1px solid #c8c8c8;
height:50px;
}
.testimonaials-page h2{
font-size:18pt;
letter-spacing:1px;
text-transform:none;
}
.testimonaials-page .intro{ max-width:600px; }
.testimonials .hr{
margin-top:16px;
height:80px;
}
.testimonials{
width:860px;
margin:35px auto 0px auto;
text-align:left;
}
.testimonials .testimonial{
margin:0px 0px 60px 0px;
position:relative;
}
.testimonials .testimonial .name{
width:300px;
float:left;
text-align:right;
}
.testimonials .testimonial h3{
font-size:16pt;
letter-spacing:1px;
margin:2px 0px 5px 0px;
text-align:right;
}
.testimonials .testimonial .company{
font-size:10.5pt;
line-height:20px;
color:#afafaf;
}
.testimonials .testimonial .company i{
font-family:maison_neuelight_italic;
font-style:normal;
}
.testimonials .testimonial .text{
width:500px;
float:right;
}
.testimonials .testimonial .text p{
font-size:10pt;
line-height:20px;
}
/*
.testimonials{
width:900px;
margin:35px auto 0px auto;
}
.testimonials .article-item{
float:left;
width:260px;
margin:0px 20px 50px 20px;
}
.testimonials .article-item .margin{
width:260px;
margin:0px auto;
text-align:left;
}
.testimonials .article-item h3{
font-size:14.5pt;
line-height:24px;
letter-spacing:1px;
text-align:left;
margin:0px 0px 4px 0px;
}
.testimonials .article-item .company{
color:#969696;
text-transform:uppercase;
font-size:8pt;
letter-spacing:1.5px;
margin:0px 0px 12px 0px;
}
.testimonials .article-item p{
font-family:maison_neuelight_italic,arial;
font-size:9pt;
color:#323232;
letter-spacing:0.5px;
line-height:18px;
margin:0px 0px 9px 0px;
text-align:left;
}
.testimonials.columns-2 .list-break-2{
display:block;
}
.testimonials.columns-3 .list-break-3{
display:block;
}
.testimonials.columns-4 .list-break-4{
display:block;
}
*/
.buttons{
width:274px;
margin:20px auto 40px auto;
}
.buttons a:link,.buttons a:visited{
display:block;
float:left;
width:93px;
height:38px;
line-height:38px;
color:#000;
background-color:#fff;
border:1px solid #323232;
text-transform:uppercase;
margin:0px 15px 0px 15px;
text-align:center;
font-size:11pt;
letter-spacing:1.5px;
text-decoration:none;
background-image:url(../img/arrow2.svg);
background-repeat:no-repeat;
background-size:9px 9px;
background-position:85% center;
padding-right:10px;
}
.buttons a.selected:link,.buttons a.selected:visited{
width:103px;
color:#fff;
background-color:#323232;
border:1px solid #323232;
padding-right:0px;
background-image:none;
}
.buttons a.up-arrow:link,.buttons a.up-arrow:visited{
background-image:url(../img/arrow3.svg);
}
.buttons a:hover,.buttons a:active{
color:#000;
background-color:#ffff00;
text-decoration:none;
}
.client-press{
width:888px;
margin:35px auto 0px auto;
}
.client-press .article-item{
float:left;
width:268px;
margin:0px 14px 50px 14px;
}
.client-press .article-item .logo{
background-color:#fff;
margin:0px 0px 20px 0px;
}
.client-press .article-item .logo .shade{
display:block;
width:268px;
height:330px;
background-color:#aaaaaa;
filter:alpha(opacity=10);
opacity:0.10;
z-index:10;
position:absolute;
top:0px;
left:0px;
}
.client-press .article-item .image{
background-color:#f5f5f5;
margin:0px 0px 20px 0px;
}
.client-press .article-item .image a,.client-press .article-item .logo span{
width:268px;
height:330px;
display:table-cell;
text-align:center;
vertical-align:middle;
}
.client-press .article-item .margin{
width:240px;
margin:0px auto;
text-align:center;
}
.client-press .article-item h3 a,.client-press .article-item .image a{
border-bottom:0px;
}
.client-press .article-item .date{
color:#969696;
text-transform:uppercase;
font-size:8pt;
letter-spacing:1px;
line-height:17px;
margin:0px 0px 4px 0px;
}
.client-press .article-item p{
font-family:maison_neuelight,arial;
font-size:9pt;
color:#323232;
letter-spacing:0.5px;
line-height:18px;
margin:0px 0px 9px 0px;
text-align:center;
}
.client-press .article-item .link{
letter-spacing:2px;
background-repeat:no-repeat;
background-position:right center;
/*background-image:url(../img/right-arrow-black-small.png);*/
background-image:url(../img/svg/arrow.svg);
padding-right:12px;
line-height:20px;
}
.client-press.columns-2 .list-break-2{
display:block;
}
.client-press.columns-3 .list-break-3{
display:block;
}
.client-press.columns-3 .article-item.last-single-3,.client-press.columns-4 .article-item.last-single-4{
float:none;
margin-left:auto;
margin-right:auto;
}
.client-press.columns-4 .list-break-4{
display:block;
}
.what-we-do{
width:900px;
margin:45px auto 0px auto;
}
.what-we-do.columns-2 .list-break-2{
display:block;
}
.what-we-do.columns-3 .list-break-3{
display:block;
}
.what-we-do .hr{
margin:10px 20px 0px 20px;
}
.what-we-do .article-item{
float:left;
width:410px;
margin:0px 20px 40px 20px;
}
.what-we-do .article-item .margin{
}
.what-we-do .article-item h3{
font-size:18pt;
line-height:29px;
letter-spacing:1px;
text-align:left;
margin:0px 0px 6px 0px;
}
.what-we-do .article-item .subheading{
color:#6e6e6e;
font-size:10pt;
letter-spacing:0px;
line-height:19px;
margin:0px 0px 22px 0px;
}
.what-we-do .article-item .dash{
padding:0px 7px 0px 0px;
}
.what-we-do .article-item table td{
font-size:9pt;
color:#323232;
letter-spacing:0.5px;
text-align:left;
padding:0px 0px 6px 0px;
}
.intro{
max-width:560px;
margin:0px auto;
text-align:center;
}
.intro-wide{
max-width:860px;
width:860px;
margin:0px auto;
text-align:center;
}
.article-alt .top-image{
margin:0px 0px 45px 0px;
text-align:center;
}
.article-alt .top-image img{
margin:0px auto;
}
.article-alt .small-slideshow{
margin:0px 0px 35px 0px;
background-color:#f6f7f1;
}
.article-alt .media{
margin:0px 0px 35px 0px;
text-align:center;
}
.article-alt .media img{
max-width:860px;
max-height:860px;
margin:0px auto;
}
.article-alt .subpage{
width:auto;
}
.article-alt .article .text{
width:750px;
margin:0px auto 35px auto;
text-align:center;
}
.article-alt .caption{
width:450px;
margin:8px auto 0px auto;
color:#b4b4b4;
font-size:9pt;
font-family:maison_neuelight_italic,arial;
line-height:21px;
letter-spacing:0.5px;
text-align:center;
}
.article{
}
.article .date{
color:#969696;
text-transform:uppercase;
font-size:11.5pt;
line-height:24px;
letter-spacing:1px;
margin:0px 0px 15px 0px;
}
.article h2{
margin:0px 0px 20px 0px;
}
.article .text{
margin:0px 0px 20px 0px;
}
.article .link{
font-family:maison_neuebook,arial;
font-size:11.5pt;
line-height:24px;
background-image:url(../img/right-arrow-black.png);
background-repeat:no-repeat;
background-position:right center;
padding-right:22px;
}
.article .images{
margin:20px 0px 0px 0px;
}
.article .images .image{
width:860px;
margin:45px auto 0px auto;
text-align:center;
}
.article .images .image img{
max-width:860px;
max-height:700px;
}
.article .video{
width:860px;
height:604px;
margin:45px auto 0px auto;
}
.article-alt .article .video{
margin:0px auto;
}
.article .video img{
width:100%;
}
.article .video .cover{
display:block;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.article .video .play{
display:block;
position:absolute;
top:50%;
left:50%;
width:68px;
height:44px;
margin:-22px 0px 0px -34px;
background-image:url(../img/play-yellow-large.png);
background-repeat:no-repeat;
z-index:2;
border-bottom:0px;
}
.article .video .play:hover{
border-bottom:0px;
background-image:url(../img/play-black-large.png);
}
.article .video .player{
width:860px;
height:604px;
top:0px;
left:0px;
position:absolute;
display:none;
z-index:3;
}
.article .navigation{
display:table;
margin:90px auto 0px auto;
}
.article .navigation a,.article .navigation span{
display:table-cell;
font-size:12.5pt;
letter-spacing:0.5px;
}
.article .navigation span{
color:#afafaf;
padding:0px 13px 0px 13px;
}
.article .navigation .previous-post{
/*background-image:url(../img/left-arrow-black.png);*/
background-image:url(../img/svg/LeftArrowBlack.svg);
background-repeat:no-repeat;
background-position:left center;
background-size:11px 11px;
padding-left:22px;
}
.article .navigation .previous-post.disabled{
color:#afafaf;
/*background-image:url(../img/left-arrow-grey.png);*/
background-image:url(../img/svg/LeftArrowGrey.svg);
}
.article .navigation .previous-post.disabled:hover,.article .navigation .next-post.disabled:hover{
border-bottom:1px solid transparent;
cursor:text;
}
.article .navigation .next-post{
/*background-image:url(../img/right-arrow-black.png);*/
background-image:url(../img/svg/RightArrowBlack.svg);
background-repeat:no-repeat;
background-position:right center;
background-size:11px 11px;
padding-right:22px;
}
.article .navigation .next-post.disabled{
color:#afafaf;
/*background-image:url(../img/right-arrow-grey.png);*/
background-image:url(../img/svg/RightArrowGrey.svg);
}
.results .count{
font-size:11.5pt;
line-height:22px;
letter-spacing:0.5px;
margin:0px auto 25px auto;
text-align:center;
}
.results .search{
width:170px;
background-image:url(../img/magnifying-glass.png);
background-repeat:no-repeat;
background-position:left 3px;
margin:0px auto 20px auto;
height:28px;
border-bottom:1px solid #000;
}
.results .search input{
font-size:11.5pt;
line-height:20px;
letter-spacing:0.5px;
border:0px;
margin-left:25px;
}
.foot{
border-top:1px solid #c8c8c8;
padding-top:20px;
letter-spacing:0.5px;
line-height:20px;
}
.foot .links{
float:left;
width:172px;
}
.foot .links.column2{
width:234px;
}
.foot .links.column2 .br{
height:3px;
}
.foot .links .link{
margin:0px 0px 3px 0px;
}
.foot .search{
width:170px;
background-image:url(../img/search.svg);
background-repeat:no-repeat;
background-position:left 2px;
background-size:16px 17px;
margin:8px 0px 0px 0px;
height:25px;
border-bottom:1px solid transparent;
}
.foot .search.focused{
border-bottom:1px solid #000;
}
.foot .search input{
border:0px;
margin-left:26px;
}
.foot .social{
float:left;
width:162px;
}
.foot .social p{
margin:0px 0px 11px 0px;
}
.foot .social div,.foot .newsletter{
background-repeat:no-repeat;
background-position:left center;
padding-left:30px;
margin:0px 0px 6px 0px;
}
.foot .newsletter{
padding-left:27px;
background-image:url(../img/newsletter.svg);
background-size:20px 15px;
margin-top:10px;
}
.foot .social .facebook{
background-image:url(../img/facebook.svg);
background-position:4px center;
background-size:10px 19px;
}
.foot .social .twitter{
background-image:url(../img/twitter.svg);
background-size:20px 17px;
}
.foot .social .instagram{
background-image:url(../img/instagram.svg);
background-position:1px center;
background-size:18px 18px;
}
.foot .social .pinterest{
background-image:url(../img/pinterest.svg);
background-position:1px center;
background-size:18px 18px;
}
.foot .social .linkedin{
background-image:url(../img/linkedin.svg);
background-position:1px top;
background-size:17px 16px;
}
.foot .contact{
float:left;
width:172px;
}
.foot .contact p{
margin:10px 0px 0px 0px;
}
.foot .logo-round{
float:right;
display:block;
width:77px;
height:77px;
background-repeat:no-repeat;
background-position:center center;
background-image:url(../img/zetteler-circle.svg);
background-size:76px 77px;
border:0px;
}
.foot .copyright{
margin:25px 0px 0px 0px;
height:35px;
color:#afafaf;
font-size:7.5pt;
letter-spacing:1px;
}
.foot .copyright span{
margin:0px 8px 0px 8px;
}
.foot .copyright a:link,.foot .copyright a:visited{
color:#afafaf;
}
.foot .copyright a:hover,.foot .copyright a:active{
color:#000;
border-bottom:1px solid #000;
}
.film-production{
}
.film-production .intro{
max-width:680px;
}
.film-production .subheading{
margin:35px 0px 0px 0px;
}
.film-production .video,.film .video{
width:860px;
height:480px;
margin:45px auto 35px auto;
}
.film .video{
margin-top:0px;
}
.film-production .video img,.film .video img{
width:100%;
}
.film-production .video .cover,.film .video .cover{
display:block;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.film-production .video .play,.film .video .play{
display:block;
position:absolute;
top:50%;
left:50%;
width:68px;
height:44px;
margin:-22px 0px 0px -34px;
background-image:url(../img/Play.svg);
background-repeat:no-repeat;
background-position:center center;
background-size:68px 44px;
z-index:2;
border-bottom:0px;
}
.film-production .video .play:hover,.film .video .play:hover{
border-bottom:0px;
background-image:url(../img/PlayRollover.svg);
}
.film-production .video .player,.film .video .player{
width:858px;
height:478px;
top:0px;
left:0px;
position:absolute;
display:none;
z-index:3;
}
a.hamburger{
display:none;
}
.hamburger-menu{
display:none;
}
.newsletter-popup{
display:none;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:20;
}
.newsletter-popup div,.newsletter-popup a,.newsletter-popup h2{ color:#000!important; }
.newsletter-popup .background{
width:100%;
height:100%;
background-color:#000;
filter:alpha(opacity=75);
opacity:0.75;
}
.newsletter-popup .panel{
display:inline-block;
width:750px;
height:500px;
background-color:#fff;
position:absolute;
top:50%;
left:50%;
margin:-250px 0px 0px -375px;
overflow:hidden;
}
.newsletter-popup .close{
position:absolute;
display:block;
top:18px;
right:20px;
width:14px;
height:14px;
background-image:url(../img/X.svg);
background-repeat:no-repeat;
background-position:center center;
background-size:14px 14px;
z-index:3;
}
.newsletter-popup .table{
display:table;
width:100%;
height:100%;
table-layout:fixed;
}
.newsletter-popup .table .cell{
display:table-cell;
width:50%;
vertical-align:top;
}
.newsletter-popup .table .cell:last-child{ padding:40px 0px 40px 0px; }
.newsletter-popup .margin{
margin:0px 24px 0px 27px;
text-align:left;
}
.newsletter-popup .margin:last-child{ display:none; }
.newsletter-popup h2{
font-size:13.5pt;
line-height:27px;
letter-spacing:1px;
margin:0px 0px 20px 0px;
text-align:left;
text-transform:uppercase;
}
.newsletter-popup h2.mobile{ display:none; }
.newsletter-popup .form{
width:auto;
margin:0px;
}
.newsletter-popup .form input[type=text]{
font-size:10pt;
letter-spacing:0px;
padding:10px 14px 10px 14px;
width:calc(100% - 30px);
margin-bottom:18px;
border-color:#c8c8c8;
color:#000;
}
.newsletter-popup .form input::placeholder{ color:#969696; }
.newsletter-popup .form input:-ms-input-placeholder{ color:#969696; }
.newsletter-popup .form input::-ms-input-placeholder{ color:#969696; }
.newsletter-popup .form input:-moz-placeholder{ color:#969696; }
.newsletter-popup .form input::-moz-placeholder{ color:#969696; }
.newsletter-popup .form input.invalid{ border-color:red; }
.newsletter-popup .form input.invalid::placeholder{ color:red; }
.newsletter-popup .form input.invalid:-ms-input-placeholder{ color:red; }
.newsletter-popup .form input.invalid::-ms-input-placeholder{ color:red; }
.newsletter-popup .form input.invalid:-moz-placeholder{ color:red; }
.newsletter-popup .form input.invalid::-moz-placeholder{ color:red; }
.newsletter-popup .form input[type=checkbox]{
margin:0px 6px 1px 0px;
display:inline-block;
vertical-align:middle;
}
.newsletter-popup .form .checkbox{ margin-bottom:12px; }
.newsletter-popup .form .checkbox.invalid span{ color:red!important; }
.newsletter-popup .form .info{
font-size:9pt;
margin-bottom:22px;
line-height:18px;
}
.newsletter-popup .form .info a{
display:inline-block;
border-bottom:1px solid #ffff00;
}
.newsletter-popup .form .checkbox span{
font-size:9pt;
font-style:italic;
cursor:default;
}
.newsletter-popup .form button{
font-size:9pt;
background-color:#000;
letter-spacing:1.5px;
width:100%;
text-align:left;
padding:13px 0px 12px 16px;
margin:0px;
background-image:url(../img/right-arrow-white-hq.png);
background-repeat:no-repeat;
background-position:right 11px center;
background-size:10px 10px;
}
.newsletter-popup .form button:hover{
color:#fff;
background-color:#969696;
}
.newsletter-popup .credit{
position:absolute;
display:block;
bottom:16px;
right:24px;
width:323px;
height:14px;
z-index:3;
font-size:8pt;
color:#b4b4b4!important;
font-style:italic;
}
.wait{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#000;
opacity:0.001;
cursor:wait;
display:none;
z-index:20;
}
/* NEW MENU/HEAD/FOOT 09/2018 */
.menu-margin{
margin-left:182px;
transition:margin-left 250ms;
}
.fixed-menu{
position:fixed;
left:0px;
top:0px;
width:182px;
height:100%;
background-color:#f5f5f5;
overflow-y:auto;
z-index:14;
transition:left 250ms;
}
.fixed-menu .table{
display:table;
width:100%;
height:100%;
}
.fixed-menu .row{ display:table-row; }
.fixed-menu .cell{
display:table-cell;
vertical-align:top;
padding:26px 23px 26px 23px;
}
.fixed-menu .social{
height:10px;
vertical-align:bottom;
font-size:10pt;
}
.fixed-menu .social a{
display:block;
float:left;
width:16px;
height:16px;
background-repeat:no-repeat;
background-position:center center;
margin:15px 18px 0px 0px;
font-size:10pt;
border:0px;
}
.fixed-menu .social a:hover{ border:0px; }
.fixed-menu .instagram{ background-image:url(../img/svg/instagram.svg); background-size:15px auto; }
.fixed-menu .instagram:hover{ background-image:url(../img/svg/instagram_rollover.svg); }
.fixed-menu .twitter{ background-image:url(../img/svg/twitter.svg); background-size:15px auto; }
.fixed-menu .twitter:hover{ background-image:url(../img/svg/twitterrollover.svg); }
.fixed-menu .facebook{ background-image:url(../img/svg/facebook.svg); background-size:auto 15px; }
.fixed-menu .facebook:hover{ background-image:url(../img/svg/facebookrollover.svg); }
.fixed-menu .linkedin{ background-image:url(../img/svg/linkedin.svg); background-size:14px auto; }
.fixed-menu .linkedin:hover{ background-image:url(../img/svg/linkedin_rollover.svg); }
.fixed-menu .thedots{ background-image:url(../img/svg/thedots.svg); background-size:15px auto; }
.fixed-menu .thedots:hover{ background-image:url(../img/svg/thedotsrollover.svg); }
.fixed-menu .pinterest{ background-image:url(../img/svg/pinterest.svg); background-size:15px auto; }
.fixed-menu .pinterest:hover{ background-image:url(../img/svg/pinterest_rollover.svg); }
.fixed-menu .links a{
display:inline-block;
font-family:maison_neuebook,arial;
font-size:12pt;
line-height:20px;
letter-spacing:0.5px;
border-bottom:1px solid transparent;
margin-bottom:10px;
color:#323232;
}
.fixed-menu .links a:hover,.fixed-menu .links a.selected{ border-color:#323232; }
.fixed-menu .links a.newsletter{
padding-left:26px;
background-image:url(../img/svg/newsletter_sidemenu.svg);
background-repeat:no-repeat;
background-size:17px 17px;
background-position:left center;
}
.fixed-menu .menu-search{ position:relative; }
.fixed-menu .menu-search form{ margin:-2px 0px 0px 0px; }
.fixed-menu .menu-search input{
color:#323232;
border:0px;
margin:0px;
padding:0px 0px 0px 26px;
background-image:url(../img/svg/search_sidemenu.svg);
background-repeat:no-repeat;
background-size:17px 17px;
background-position:left center;
font-family:maison_neuebook,arial;
font-size:12pt;
line-height:24px;
background-color:transparent;
border-bottom:1px solid transparent;
width:100%;
-webkit-box-shadow:0 0 0 30px transparent inset;
}
.fixed-menu .menu-search input:focus{ border-color:#323232; }
.menu-search input::placeholder{ color:#323232; }
.menu-search input:-ms-input-placeholder{ color:#323232; }
.menu-search input::-ms-input-placeholder{ color:#323232; }
.menu-search input:-moz-placeholder{ color:#323232; }
.menu-search input::-moz-placeholder{ color:#323232; }
.fixed-menu .menu-search button{
position:absolute;
top:0px;
left:0px;
border:0px;
margin:0px;
padding:0px;
background-color:transparent;
width:22px;
height:22px;
cursor:pointer;
}
.fixed-menu hr{
margin:0px;
padding:0px;
width:12px;
border:0px;
border-top:1px solid #323232;
margin:14px 0px 28px 0px;
}
.fixed-head{
position:fixed;
top:0px;
width:100%;
height:80px;
background-color:#fff;
border-bottom:1px solid #c8c8c8;
z-index:13;
}
.fixed-head .table{
display:table;
width:100%;
height:100%;
}
.fixed-head .cell{
display:table-cell;
vertical-align:middle;
}
.fixed-head .space{
width:182px;
transition:width 250ms;
}
.fixed-head .cell.burger,.fixed-head .cell.shop{
width:48px;
padding:24px;
}
.fixed-head .cell.burger a{
display:none;
width:14px;
height:14px;
background-image:url(../img/svg/Hamburger_Black.svg);
background-repeat:no-repeat;
background-size:cover;
border:0px;
}
.fixed-head .cell.burger a:hover{ border:0px; }
.fixed-head .cell.shop{
text-align:right;
text-transform:uppercase;
letter-spacing:1px;
font-size:10pt;
}
.fixed-head .cell.shop a{
color:#000;
border-bottom:1px solid transparent;
}
.fixed-head .cell.shop a:hover{
color:#000;
border-bottom:1px solid #000;
}
.fixed-head .fixed-logo{
display:block;
width:200px;
height:27px;
background-image:url(../img/svg/Logo.svg);
background-repeat:no-repeat;
background-size:196px 23px;
background-position:center center;
margin:0px auto;
border:0px;
}
.fixed-head .fixed-logo:hover{ border:0px; }
.fixed-menu.hidden{ left:-182px; }
.fixed-head.hidden .space{ width:0px; }
.menu-margin.hidden{ margin-left:0px; }
.fixed-menu .shop{ display:none; }
.new-foot{
border-top:1px solid #c8c8c8;
padding:32px 0px 32px 0px;
}
.new-foot.page{
width:auto;
margin:0px 26px 0px 26px;
}
.new-foot .table{
display:table;
width:100%;
}
.new-foot .cell{
display:table-cell;
vertical-align:top;
line-height:21px;
letter-spacing:0.5px;
font-size:10pt;
}
.new-foot .cell div,.new-foot .cell a{ font-size:10pt; }
.new-foot .cell:nth-child(1){ width:200px; }
.new-foot .cell:nth-child(3){ width:160px; }
.new-foot .cell:nth-child(4){ width:65px; }
.new-foot .links div,.new-foot .links a{
color:#afafaf;
font-size:7.5pt;
line-height:15px;
}
.new-foot .foot-logo{
display:block;
width:65px;
height:65px;
background-image:url(../img/zetteler-circle.svg);
background-repeat:no-repeat;
background-size:cover;
border-bottom:0px;
}
.new-foot .foot-logo-png{
display:block;
width:65px;
height:65px;
background-image:url(../img/logo-round-hq.png);
background-repeat:no-repeat;
background-size:cover;
border-bottom:0px;
}
.new-foot .foot-logo:hover{ border-bottom:0px; }
.centre{
margin:0px auto;
max-width:1706px;
}
.masonry{ margin:0px 13px 0px 13px }
.masonry .source{
position:absolute;
visibility:hidden;
}
.masonry .item{ position:absolute; }
.masonry .item .margin{
position:relative;
margin:0px 13px 32px 13px;
}
.masonry .item .space{
overflow:hidden;
height:0px;
padding-top:66.66%;
margin-bottom:20px;
}
.masonry .item a.image{
display:block;
position:absolute;
top:0px;
left:0px;
width:100%;
margin-bottom:20px;
border:0px;
}
.masonry .item.type-product .space,.masonry .item.type-product .image{ margin-bottom:0px; }
.masonry .item .image .shade{ display:none; }
.masonry .item .image .the-z-list{
display:block;
position:absolute;
top:20px;
right:20px;
width:18%;
}
.masonry .item .image:hover{ border:0px; }
.masonry .item .image:hover .shade{
display:block;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#000;
opacity:0.65;
}
.masonry .item .image img{
display:block;
width:100%;
}
.masonry .item.type-article .margin .margin{ margin:0px; }
.masonry .item.type-product .margin .margin{ margin:19px 24px 19px 24px; }
.masonry .item .colour-pink{ background-color:#FBCFCF; }
.masonry .item .colour-yellow{ background-color:#FFEED7; }
.masonry .item .colour-green{ background-color:#DCE1C3; }
.masonry .item .colour-blue{ background-color:#AAD5E1; }
.masonry .item .colour-grey{ background-color:#EBEBE6; }
.masonry .item .date{
text-transform:uppercase;
color:#c8c8c8;
font-size:9pt;
letter-spacing:1px;
margin-bottom:7px;
}
.masonry .item.type-product .date{ display:none; }
.masonry .item .date .category,.masonry .item .date .category a{ color:#4b4b4b; }
.masonry .item .date .category a{
display:inline-block;
border-bottom:1px solid transparent;
}
.masonry .item .date .category a:hover{
display:inline-block;
text-decoration:none;
border-bottom:1px solid #ffff00!important;
}
.masonry .item h3{
text-align:left;
font-size:14pt;
line-height:24px;
margin-bottom:10px;
}
.masonry .item.type-product h3{ margin-bottom:6px; }
.masonry .item h3 a{ border:0px; }
.masonry .item h3 a:hover{
border:0px;
color:#969696;
}
.masonry .item .maker{ margin-bottom:10px; }
.masonry .item.type-article .maker{ display:none; }
.masonry .item .precis-mobile{ display:none; }
.masonry .item p{
margin:0px 0px 12px 0px;
color:#323232;
letter-spacing:0.5px;
}
.masonry .item.type-article .shop{ display:none; }
.masonry .item.type-product .more{ display:none; }
.masonry .item .link{
font-family:maison_neuebook,arial;
letter-spacing:2px;
background-repeat:no-repeat;
background-position:right center;
background-image:url(../img/svg/arrow.svg);
padding-right:12px;
line-height:20px;
color:#000;
}
.masonry .item .shop,.masonry .item .shop a{
font-family:maison_neuebook,arial;
letter-spacing:2px;
line-height:20px;
}
.masonry .item .shop span{
display:inline-block;
margin:0px 10px 0px 10px;
}
.masonry .item.single{ width:33.33%; }
.masonry .item.double{ width:66.66%; }
.masonry .target{ position:relative; }
.align-centre{ text-align:center; }
.categories{
display:inline-block;
margin:0px auto 24px auto;
}
.categories a,.categories span,.categories select{
font-size:10pt;
text-transform:uppercase;
letter-spacing:0.5px;
}
.categories.selected a,.categories.selected span,.categories.selected select{ color:#c8c8c8; }
.categories a{ display:inline-block; }
.categories span{
display:inline-block;
margin:0px 20px 0px 20px;
}
.categories select{
width:120px;
border:0px;
padding:0px;
margin:0px;
cursor:pointer;
-webkit-appearance:none;
appearance:none;
background-color:#fff;
background-image:url(../img/down-arrow-black-hq.png);
background-repeat:no-repeat;
background-position:right center;
background-size:13px 7px;
}
.categories select::-ms-expand{ display:none; }
.categories a.selected,.categories select.selected{ color:#000; }
.grid{ margin:0px 13px 0px 13px; }
.grid .clear-3{
display:block;
clear:both;
}
.grid .item{
width:33.33%;
float:left;
}
.grid .item .margin{
position:relative;
margin:0px 13px 32px 13px;
}
.grid .item .margin .margin{ margin:0px; }
.grid .item a.image{
display:block;
top:0px;
left:0px;
width:100%;
margin-bottom:20px;
border:0px;
position:relative;
}
.grid .item .image .shade{ display:none; }
.grid .item .image:hover{ border:0px; }
.grid .item .image:hover .shade{
display:block;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#323232;
opacity:0.65;
}
.grid .item .image img{
display:block;
width:100%;
}
.grid .item h3{
text-align:left;
font-size:14pt;
line-height:24px;
margin-bottom:10px;
}
.grid .item h3 a{ border:0px; }
.grid .item h3 a:hover{
border:0px;
color:#969696;
}
.grid .item p{
font-size:10pt;
margin:0px 0px 12px 0px;
letter-spacing:0.5px;
color:#323232;
}
.grid .item .link{
font-family:maison_neuebook,arial;
letter-spacing:2px;
background-repeat:no-repeat;
background-position:right center;
background-image:url(../img/svg/arrow.svg);
padding-right:12px;
line-height:20px;
font-size:10pt;
color:#000;
}
.new-about{ padding-bottom:10px; }
.new-about.subpage{ width:860px; }
.new-about h1{
width:500px;
text-align:center;
font-size:16pt;
line-height:31px;
letter-spacing:1.5px;
margin:0px auto 35px auto;
}
.new-about.subpage .text{
width:720px;
margin:0px auto 18px auto;
}
.new-about .small-slideshow{
height:480px;
margin-bottom:54px;
}
.new-about .small-slideshow .slide img{ height:480px; }
.new-about .small-slideshow .slide .cell{ height:480px; }
.items{ margin:32px 26px 0px 26px; }
.items .item{
width:33.33%;
float:left;
text-align:center;
}
.items .item .margin{ margin:0px 20px 0px 20px; }
.items .item h3{
font-size:18pt;
line-height:29px;
letter-spacing:1px;
margin:0px 0px 6px 0px;
}
.items .item .subheading{
color:#6e6e6e;
font-size:10pt;
letter-spacing:0px;
line-height:19px;
margin:0px 0px 22px 0px;
}
.items .item .dash{
padding:0px 7px 0px 0px;
}
.items .item .lines div{ margin:0px 0px 6px 0px; }
.items hr{
display:block;
border:0px;
border-top:1px solid #c8c8c8;
margin:42px 0px 50px 0px;
padding:0px;
}
.items .clear:last-child{ display:none; }
.get-in-touch{
max-width:1024px;
margin:0px auto;
}
.get-in-touch hr{
display:block;
border:0px;
border-top:1px solid #c8c8c8;
margin:48px 0px 76px 0px;
padding:0px;
}
.team h2{ margin-bottom:24px; }
.team .text{
width:540px;
text-align:center;
margin:0px auto 36px auto;
}
.team .text.credit{
margin-bottom:0px;
font-style:italic;
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
a.logo{
/*background-image:url(../img/logo-black-hq.png);*/
background-size:295px 35px;
}
.white a.logo{
/*background-image:url(../img/logo-white-hq.png);*/
background-size:295px 35px;
}
.slideshow .slide .previous:hover,.slideshow .slide .previous:active{
background-image:url(../img/previous-black-hq.png);
background-size:19px 41px;
}
.slideshow .white.slide .previous:hover,.slideshow .white.slide .previous:active{
background-image:url(../img/previous-white-hq.png);
background-size:19px 41px;
}
.slideshow .slide .next:hover,.slideshow .slide .next:active{
background-image:url(../img/next-black-hq.png);
background-size:19px 41px;
}
.slideshow .white.slide .next:hover,.slideshow .white.slide .next:active{
background-image:url(../img/next-white-hq.png);
background-size:19px 41px;
}
.slideshow .slide .dots a{
background-image:url(../img/dot-grey-hq.png);
background-size:10px 10px;
}
.slideshow .slide .dots a.selected{
background-image:url(../img/dot-black-hq.png);
background-size:10px 10px;
}
.slideshow .white.slide .dots a.selected{
background-image:url(../img/dot-white-hq.png);
background-size:10px 10px;
}
.slideshow .slide .dots a:hover,.slide .dots a:active{
background-image:url(../img/dot-yellow-hq.png);
background-size:10px 10px;
}
.clients .client-item .link{
/*background-image:url(../img/right-arrow-black-small-hq.png);*/
background-size:8px 8px;
}
.small-slideshow .slide .play{
background-image:url(../img/play-yellow-large-hq.png);
background-size:68px 44px;
}
.small-slideshow .slide .play:hover{
background-image:url(../img/play-black-large-hq.png);
background-size:68px 44px;
}
.small-slideshow .slide .previous:hover,.small-slideshow .slide .previous:active{
background-image:url(../img/previous-grey-large-hq.png);
background-size:23px 57px;
}
.small-slideshow .slide .next:hover,.small-slideshow .slide .next:active{
background-image:url(../img/next-grey-large-hq.png);
background-size:22px 57px;
}
.small-slideshow .slide .dots a{
background-image:url(../img/dot-grey-hq.png);
background-size:10px 10px;
}
.small-slideshow .slide .dots a.selected{
background-image:url(../img/dot-black-hq.png);
background-size:10px 10px;
}
.small-slideshow .slide .dots a:hover,.small-slide .dots a:active{
background-image:url(../img/dot-yellow-hq.png);
background-size:10px 10px;
}
.project .link{
background-image:url(../img/right-arrow-black-hq.png);
background-size:11px 11px;
}
.press-releases .sort-button{
background-image:url(../img/down-arrow-grey-hq.png);
background-size:13px 8px;
}
.press-releases .sort-button:hover{
background-image:url(../img/down-arrow-black-hq.png);
background-size:13px 8px;
}
.press-releases .sort-button.selected{
background-image:url(../img/up-arrow-grey-hq.png);
background-size:13px 8px;
}
.press-releases .sort-button.selected:hover{
background-image:url(../img/up-arrow-black-hq.png);
background-size:13px 8px;
}
.press-releases .sort .options a.selected{
background-image:url(../img/tick-hq.png);
background-size:11px 12px;
}
.press-releases .link,.client-section .link{
background-image:url(../img/right-arrow-black-hq.png);
background-size:11px 11px;
}
/*
.location .social .facebook{
background-image:url(../img/facebook-black-hq.png);
background-size:13px 25px;
}
.location .social .facebook:hover,.location .social .facebook:active{
background-image:url(../img/facebook-yellow-hq.png);
background-size:13px 25px;
}
.location .social .twitter{
background-image:url(../img/twitter-black-hq.png);
background-size:25px 21px;
}
.location .social .twitter:hover,.location .social .twitter:active{
background-image:url(../img/twitter-yellow-hq.png);
background-size:25px 21px;
}
.location .social .instagram{
background-image:url(../img/instagram-black-hq.png);
background-size:23px 23px;
}
.location .social .instagram:hover,.location .social .instagram:active{
background-image:url(../img/instagram-yellow-hq.png);
background-size:23px 23px;
}
.location .social .pinterest{
background-image:url(../img/pinterest-black-hq.png);
background-size:23px 24px;
}
.location .social .pinterest:hover,.location .social .pinterest:active{
background-image:url(../img/pinterest-yellow-hq.png);
background-size:23px 24px;
}
.location .social .linkedin{
background-image:url(../img/linkedin-black-hq.png);
background-size:24px 24px;
}
.location .social .linkedin:hover,.location .social .linkedin:active{
background-image:url(../img/linkedin-yellow-hq.png);
background-size:24px 24px;
}
*/
/*
.film-production .video .play,.film .video .play{
background-image:url(../img/play-yellow-large-hq.png);
background-size:68px 44px;
}
.film-production .video .play:hover,.film .video .play:hover{
background-image:url(../img/play-black-large-hq.png);
background-size:68px 44px;
}
*/
.article .video .play{
background-image:url(../img/play-yellow-large-hq.png);
background-size:68px 44px;
}
.article .video .play:hover{
background-image:url(../img/play-black-large-hq.png);
background-size:68px 44px;
}
.menu-burger{
background-image:url(../img/hamburger-black-hq.png);
background-size:15px 14px;
}
.white .menu-burger{
background-image:url(../img/hamburger-white-hq.png);
background-size:15px 14px;
}
.fullscreen-menu .close{
background-image:url(../img/close-hq.png);
background-size:15px 15px;
}
}
.narrow{
display:none;
}
/* NARROW VERSION */
@media (max-width:1225px){
.normal{
display:none;
}
.narrow{
display:block;
}
h1{
font-size:27pt;
line-height:38px;
letter-spacing:2px;
margin:0px 0px 25px 0px;
}
h2{
font-size:12.5pt;
line-height:25px;
letter-spacing:1px;
margin:0px 0px 30px 0px;
}
h3{
font-size:12.5pt;
line-height:25px;
letter-spacing:0.5px;
margin:0px 0px 9px 0px;
}
body,div,table,input,select,textarea,p,button{
font-size:8pt;
}
.slideshow .slide .table{
width:610px;
margin-left:-305px;
}
.slideshow .slide .text{
font-size:19.5pt;
letter-spacing:2px;
line-height:35px;
}
.slideshow .slide .link{
font-size:11.5pt;
line-height:15px;
letter-spacing:1.5px;
}
.slideshow .slide .previous,.slideshow .slide .next{
width:136px;
}
.slideshow .slide .previous:hover,.slideshow .slide .previous:active{
background-image:url(../img/previous-black-n.png);
}
.slideshow .white.slide .previous:hover,.slideshow .white.slide .previous:active{
background-image:url(../img/previous-white-n.png);
}
.slideshow .slide .next:hover,.slideshow .slide .next:active{
background-image:url(../img/next-black-n.png);
}
.slideshow .white.slide .next:hover,.slideshow .white.slide .next:active{
background-image:url(../img/next-white-n.png);
}
.menu{
font-size:9pt;
letter-spacing:1px;
line-height:17px;
}
.menu-burger{
top:20px;
left:20px;
background-image:url(../img/hamburger-black-n.png);
background-repeat:no-repeat;
background-position:left 2px;
padding-left:18px;
}
.white .menu-burger{
background-image:url(../img/hamburger-white-n.png);
}
a.logo{
width:223px;
height:27px;
top:55px;
/*background-image:url(../img/logo-black-n.png);*/
background-size:223px 27px;
margin-left:-111px;
}
.white a.logo{
/*background-image:url(../img/logo-white-n.png);*/
}
.body{
margin:115px 0px 50px 0px;
}
.page{
width:640px;
}
.subpage{
width:530px;
}
.top-image{
margin:0px auto 35px auto;
}
.top-image img{
max-width:640px;
max-height:430px;
}
.top-image{
max-width:640px;
max-height:640px;
margin:0px auto 35px auto;
}
.subpage p{
font-size:10pt;
line-height:20px;
margin:0px 0px 17px 0px;
}
.clients{
width:672px;
margin:20px auto 0px auto;
}
.clients .client-item{
float:left;
width:304px;
margin:0px 16px 30px 16px;
}
.clients .client-item .image{
width:304px;
height:202px;
margin:0px 0px 16px 0px;
}
.clients .client-item .image img{
width:100%;
}
.clients .client-item .margin{
width:280px;
}
.clients .client-item p{
font-size:8pt;
line-height:15px;
}
.clients .client-item .link{
letter-spacing:1.5px;
background-repeat:no-repeat;
background-position:right center;
/*background-image:url(../img/right-arrow-black-small-n.png);*/
padding-right:11px;
line-height:15px;
}
.what-we-do{
width:672px;
margin:20px auto 0px auto;
}
.what-we-do .article-item{
float:left;
width:304px;
margin:0px 16px 30px 16px;
}
.what-we-do .article-item .margin{
}
.what-we-do .article-item p{
font-size:8pt;
line-height:15px;
}
.what-we-do .article-item h3{
font-size:15pt;
line-height:20px;
letter-spacing:1px;
margin:0px 0px 6px 0px;
}
.what-we-do .article-item .subheading{
font-size:8.5pt;
letter-spacing:0px;
line-height:16px;
margin:0px 0px 16px 0px;
}
.what-we-do .article-item .dash{
padding:0px 5px 0px 0px;
}
.what-we-do .article-item table td{
font-size:7.5pt;
letter-spacing:0.5px;
padding:0px 0px 3px 0px;
}
.foot{
line-height:18px;
}
.foot .search{
width:120px;
background-size:13px 13px;
background-position:left 2px;
margin:4px 0px 0px 0px;
height:20px;
border-bottom:1px solid transparent;
}
.foot .search.focused{
border-bottom:1px solid #000;
}
.foot .search input{
border:0px;
margin-left:22px;
}
.foot .links{
width:120px;
}
.foot .links.column2{
width:172px;
}
.foot .links.column2 .br{
height:6px;
}
.foot .social p{
margin:0px 0px 8px 0px;
}
.foot .social{
width:115px;
}
.foot .social div{
padding-left:26px;
}
.foot .newsletter{
background-size:16px 12px;
margin-top:8px;
padding-left:23px;
}
.foot .social .facebook{
background-size:8px 15px;
}
.foot .social .twitter{
background-size:16px 13px;
}
.foot .social .instagram{
background-size:14px 14px;
}
.foot .social .pinterest{
background-size:14px 14px;
}
.foot .social .linkedin{
background-size:13px 12px;
}
.foot .contact{
width:150px;
}
.foot .contact p{
margin:8px 0px 0px 0px;
}
.foot .logo-round{
width:64px;
height:64px;
background-image:url(../img/zetteler-circle.svg);
background-size:64px 64px;
}
.foot .copyright{
margin:20px 0px 0px 0px;
height:30px;
font-size:6.5pt;
letter-spacing:0.5px;
}
.small-slideshow{
width:640px;
height:450px;
margin:0px 0px 45px 0px;
}
.small-slideshow.captions{
height:479px;
}
.small-slideshow .slide .cover{
display:block;
width:640px;
height:450px;
}
.small-slideshow .slide img{
height:450px;
}
.small-slideshow .slide .player{
width:640px;
height:450px;
}
.small-slideshow .slide .cell{
width:640px;
height:450px;
}
.client .text{
margin:0px 0px 50px 0px;
}
.projects{
width:600px;
margin-left:auto;
margin-right:auto;
}
.projects .project-item p{
font-size:8pt;
line-height:15px;
}
.press-releases{
margin:20px 0px 0px 0px;
text-align:center;
}
.press-releases .table{
margin:0px 0px 35px 0px;
}
.press-release-item div{
font-size:10pt;
line-height:19px;
}
.press-release-item .client-logo span{
padding:23px 0px 23px 0px;
}
.press-release-item .heading{
padding:23px 0px 23px 0px;
}
.press-release-item .heading span{
margin:0px 18px 0px 18px;
}
.press-releases .link,.client-section .link{
font-size:10pt;
line-height:22px;
background-image:url(../img/right-arrow-black-n.png);
padding-right:14px;
}
.project .link{
font-size:10pt;
line-height:20px;
background-image:url(../img/right-arrow-black-n.png);
padding-right:14px;
}
.info h1{
font-size:22.5pt;
line-height:36px;
letter-spacing:1.5px;
margin:0px 0px 25px 0px;
}
.about-us h1{
width:520px;
text-align:center;
font-size:21pt;
line-height:36px;
letter-spacing:2px;
margin:0px auto 25px auto;
}
.team{ width:662px; }
.team .text,.team .text p{
font-size:10pt;
line-height:20px;
}
.team .team-item{
width:200px;
margin:0px 10px 36px 10px;
}
.team .team-item .image{
width:200px;
height:133px;
margin:0px 0px 15px 0px;
}
.team .team-item h3{ margin-bottom:4px; }
.team .team-item p{
font-size:8pt;
letter-spacing:0.5px;
line-height:15px;
margin:0px 0px 9px 0px;
}
.team .team-item .position{
margin-bottom:13px;
}
.location .address{
width:640px;
}
.location .address p{
font-size:10pt;
line-height:22px;
margin:0px 0px 12px 0px;
}
.location .address .address-item{
width:213px;
}
.location .social{
width:112px;
margin:0px auto;
}
.location.get-in-touch .social{
width:120px;
}
.location .social a{
margin:0px 0px 16px 22px;
width:18px;
height:18px;
}
.location .social .instagram{ background-size:17px auto; }
.location .social .twitter{ background-size:17px auto; }
.location .social .facebook{ background-size:auto 17px; }
.location .social .linkedin{ background-size:16px auto; }
.location .social .thedots{ background-size:17px auto; }
.location .social .pinterest{ background-size:17px auto; }
.location .map{
height:430px;
}
.press-releases .sort{
margin:0px 0px 15px 0px;
}
.press-releases .sort-button{
font-size:9.5pt;
letter-spacing:1px;
line-height:24px;
background-image:url(../img/down-arrow-grey-n.png);
padding-right:18px;
}
.press-releases .sort-button:hover{
background-image:url(../img/down-arrow-black-n.png);
}
.press-releases .sort-button.selected{
background-image:url(../img/up-arrow-grey-n.png);
}
.press-releases .sort-button.selected:hover{
background-image:url(../img/up-arrow-black-n.png);
}
.press-releases .sort .options{
margin:20px 0px 10px 0px;
}
.press-releases .sort .options .column{
width:158px;
}
.press-releases .sort .options a{
font-size:8.5pt;
line-height:18px;
}
.press-releases .sort .options a.selected{
background-image:url(../img/tick-n.png);
padding-right:20px;
}
.press-releases.full-list .press-release-item .date{
width:140px;
}
.press-releases.full-list .press-release-item .file{
width:115px;
}
.news{
width:651px;
margin:20px auto 0px auto;
}
.news .article-item{
width:205px;
margin:0px 6px 35px 6px;
}
.news .article-item .image{
width:205px;
height:137px;
margin:0px 0px 15px 0px;
}
.news .article-item .image .cover{
width:205px;
height:137px;
}
.news .article-item .margin{
width:192px;
}
.news .article-item .date{
font-size:6.5pt;
letter-spacing:1px;
}
.news .article-item .image img{
width:100%;
}
.news .article-item h3{
font-size:11.5pt;
line-height:20px;
}
.news .article-item p{
font-size:8pt;
line-height:15px;
}
.news .article-item .link{
letter-spacing:1.5px;
/*background-image:url(../img/right-arrow-black-small-n.png);*/
padding-right:11px;
line-height:15px;
}
.news.navigation{
width:640px;
margin:45px auto 0px auto;
}
.news.navigation div{
font-size:10.5pt;
letter-spacing:0.5px;
}
.client-press{
width:651px;
margin:20px auto 0px auto;
}
.client-press .article-item{
width:197px;
margin:0px 10px 35px 10px;
}
.client-press .article-item .logo{
margin:0px 0px 15px 0px;
}
.client-press .article-item .logo .shade{
width:197px;
height:242px;
}
.client-press .article-item .image{
margin:0px 0px 15px 0px;
}
.client-press .article-item .image a,.client-press .article-item .logo span{
width:197px;
height:242px;
}
.client-press .article-item .margin{
width:197px;
}
.client-press .article-item .date{
font-size:6.5pt;
letter-spacing:1px;
line-height:14px;
}
.client-press .article-item .image img{
max-width:154px;
max-height:197px;
}
.client-press .article-item .logo img{
max-width:154px;
max-height:95px;
}
.client-press .article-item h3{
font-size:11.5pt;
line-height:20px;
}
.client-press .article-item p{
font-size:8pt;
line-height:15px;
}
.client-press .article-item .link{
letter-spacing:1.5px;
/*background-image:url(../img/right-arrow-black-small-n.png);*/
padding-right:11px;
line-height:15px;
}
.intro{
max-width:480px;
}
.intro-wide{
max-width:640px;
width:640px;
}
.article .date{
font-size:9pt;
line-height:18px;
letter-spacing:1px;
}
.article .link{
font-size:10pt;
line-height:22px;
background-image:url(../img/right-arrow-black-n.png);
padding-right:14px;
}
.article .images .image{
width:640px;
}
.article .images .image img{
max-width:640px;
max-height:521px;
}
.article .video{
max-width:640px;
max-height:450px;
}
.article .video .player{
width:640px;
height:450px;
}
.article-alt .media img{
max-width:640px;
max-height:600px;
}
.article-alt .article .text{
width:550px;
}
.article-alt .caption{
width:340px;
}
.film-production .subheading{
margin:20px 0px 0px 0px;
}
.film-production .video,.film .video{
max-width:640px;
max-height:357px;
margin:40px auto 30px auto;
}
.film .video{
margin-top:0px;
}
.film-production .video .player,.film .video .player{
width:638px;
height:355px;
}
.article .navigation{
margin:70px auto 0px auto;
}
.article .navigation a,.article .navigation span{
font-size:10.5pt;
letter-spacing:0.5px;
}
.article .navigation span{
padding:0px 9px 0px 9px;
}
.article .navigation .previous-post{
/*background-image:url(../img/left-arrow-black.png);*/
padding-left:20px;
}
.article .navigation .previous-post.disabled{
/*background-image:url(../img/left-arrow-grey.png);*/
}
.article .navigation .next-post{
/*background-image:url(../img/right-arrow-black.png);*/
padding-right:20px;
}
.article .navigation .next-post.disabled{
/*background-image:url(../img/right-arrow-grey.png);*/
}
a.hamburger{
display:none;
position:absolute;
top:12px;
left:12px;
width:15px;
height:15px;
background-image:url(../img/hamburger-white-m.png);
background-repeat:no-repeat;
z-index:5;
border-bottom:0px;
}
.black a.hamburger,a.hamburger.black{
background-image:url(../img/hamburger-black-m.png);
}
a.hamburger:hover,a.hamburger:active{
background-image:url(../img/hamburger-yellow-m.png);
border-bottom:0px;
}
.hamburger-menu{
display:none;
position:absolute;
top:0px;
left:0px;
width:0px;
background-color:#fff;
background-image:url(../img/shadow-m.png);
background-repeat:repeat-y;
background-position:right center;
z-index:4;
}
.hamburger-menu .hb-menu{
margin:15px;
}
.hamburger-menu a{
font-family:maison_neuebook,arial;
font-size:12.5pt;
line-height:27px;
letter-spacing:1px;
}
.hamburger-menu .hb-menu span,.hamburger-menu .social span{
display:block;
height:7px;
}
.hamburger-menu .divider{
border-top:1px solid #c8c8c8;
}
.hamburger-menu .hb-search{
width:100%;
display:table;
background-image:url(../img/magnifying-glass-m.png);
background-repeat:no-repeat;
background-position:left 4px;
margin:2px 0px 5px 0px;
}
.hamburger-menu .hb-search .icon{
display:table-cell;
width:23px;
}
.hamburger-menu .hb-search form{
display:table-cell;
}
.hamburger-menu .hb-search input{
width:100%;
border:0px;
margin:0px;
font-family:maison_neuebook,arial;
font-size:12.5pt;
letter-spacing:1px;
}
.hamburger-menu .social{
margin:15px;
}
.hamburger-menu .social div{
background-repeat:no-repeat;
background-position:left center;
padding-left:28px;
}
.hamburger-menu .social .newsletter{
background-image:url(../img/envelope-m.png);
}
.hamburger-menu .social .facebook{
background-image:url(../img/facebook-m.png);
}
.hamburger-menu .social .twitter{
background-image:url(../img/twitter-m.png);
}
.hamburger-menu .social .instagram{
background-image:url(../img/instagram-m.png);
}
.hamburger-menu .copyright{
margin:15px;
}
.hamburger-menu .copyright a,.hamburger-menu .copyright span{
font-family:maison_neuebook,arial;
color:#969696;
font-size:9pt;
letter-spacing:0.5px;
line-height:25px;
}
.hamburger-menu .copyright a:hover,.hamburger-menu .copyright a:active{
color:#000;
border-bottom:1px solid #000;
}
.fullscreen-menu .close{
font-size:9pt;
letter-spacing:1px;
line-height:17px;
background-image:url(../img/close-n.png);
padding-left:18px;
}
.fullscreen-menu .center h3{
font-size:8pt;
}
.fullscreen-menu .center a:link,.fullscreen-menu .center a:visited{
line-height:40px;
font-size:16.5pt;
letter-spacing:1.5px;
}
.testimonaials-page h2{
font-size:16pt;
}
.testimonaials-page .intro{ max-width:480px; }
.testimonials{
width:640px;
}
.testimonials .testimonial{
margin:0px 0px 50px 0px;
}
.testimonials .testimonial .name{
width:230px;
}
.testimonials .testimonial h3{
font-size:16pt;
margin:2px 0px 20px 0px;
}
.testimonials .testimonial .company{
font-size:10.5pt;
line-height:20px;
}
.testimonials .testimonial .text{
width:375px;
}
.testimonials .testimonial .text p{
font-size:10pt;
line-height:20px;
}
.buttons{
width:190px;
}
.buttons a:link,.buttons a:visited{
width:63px;
height:32px;
line-height:32px;
margin:0px 10px 0px 10px;
font-size:8.5pt;
letter-spacing:1px;
background-size:7px 7px;
background-position:88% center;
padding-right:10px;
}
.buttons a.selected:link,.buttons a.selected:visited{
width:73px;
}
.masonry{ margin:0px 13px 0px 13px }
.masonry .item .margin{ margin:0px 9px 26px 9px; }
.masonry .item .space{ margin-bottom:17px; }
.masonry .item .image{ margin-bottom:17px; }
.masonry .item .date{
font-size:8pt;
letter-spacing:1px;
margin-bottom:7px;
}
.masonry .item h3{
text-align:left;
font-size:12pt;
line-height:21px;
margin-bottom:10px;
}
.masonry .item p{ margin:0px 0px 10px 0px; }
.masonry .item .link{
letter-spacing:2px;
padding-right:12px;
line-height:20px;
}
.grid{ margin:0px 11px 0px 11px }
.grid .clear-3{ display:none; }
.grid .clear-2{
display:block;
clear:both;
}
.grid .item{ width:50%; }
.grid .item .margin{ margin:0px 15px 32px 15px; }
.new-about.subpage{ width:720px; }
.new-about.subpage .text,.new-about.subpage .text *{
font-size:10pt;
line-height:20px;
}
.new-about .small-slideshow{
width:720px;
height:403px;
margin-bottom:54px;
}
.new-about .small-slideshow .slide img{ height:403px; }
.new-about .small-slideshow .slide .cell{
width:720px;
height:403px;
}
.items .item h3{
font-size:15pt;
line-height:20px;
letter-spacing:1px;
margin:0px 0px 6px 0px;
}
.items .item .subheading{
font-size:8.5pt;
letter-spacing:0px;
line-height:16px;
margin:0px 0px 16px 0px;
}
.items .item .lines div{ margin:0px 0px 3px 0px; }
}
@media (max-width:1023px){
.fixed-head .cell.burger a{ display:block; }
.fixed-menu{ left:-182px; }
.fixed-head{ overflow:hidden; }
.fixed-head .table{ table-layout:fixed; }
.fixed-head .table .table{ width:100vw; }
.fixed-head .space{ width:0px; }
.menu-margin{
width:100vw;
margin-left:0px;
}
.fixed-menu.expanded{ left:0px; }
.fixed-head.expanded .space{ width:182px; }
.menu-margin.expanded{ margin-left:182px; }
}
@media (max-width:768px){
.menu{
display:none;
}
a.hamburger{
display:block;
}
}
@media only screen and (min--moz-device-pixel-ratio:2) and (max-width:1225px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1225px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1225px),only screen and (min-device-pixel-ratio:2) and (max-width:1225px){
.slideshow .slide .previous:hover,.slideshow .slide .previous:active{
background-image:url(../img/previous-black-n-hq.png);
background-size:17px 34px;
}
.slideshow .white.slide .previous:hover,.slideshow .white.slide .previous:active{
background-image:url(../img/previous-white-n-hq.png);
background-size:17px 35px;
}
.slideshow .slide .next:hover,.slideshow .slide .next:active{
background-image:url(../img/next-black-n-hq.png);
background-size:16px 34px;
}
.slideshow .white.slide .next:hover,.slideshow .white.slide .next:active{
background-image:url(../img/next-white-n-hq.png);
background-size:16px 35px;
}
a.logo{
/*background-image:url(../img/logo-black-n-hq.png);*/
background-size:223px 27px;
}
.white a.logo{
/*background-image:url(../img/logo-white-n-hq.png);*/
background-size:223px 27px;
}
.clients .client-item .link{
/*background-image:url(../img/right-arrow-black-small-n-hq.png);*/
background-size:6px 7px;
}
.press-releases .link,.client-section .link{
background-image:url(../img/right-arrow-black-n-hq.png);
background-size:8px 8px;
}
.project .link{
background-image:url(../img/right-arrow-black-n-hq.png);
background-size:8px 8px;
}
/*
.location .social .facebook{
background-image:url(../img/facebook-black-n-hq.png);
background-size:11px 20px;
}
.location .social .facebook:hover,.location .social .facebook:active{
background-image:url(../img/facebook-yellow-n-hq.png);
background-size:11px 20px;
}
.location .social .twitter{
background-image:url(../img/twitter-black-n-hq.png);
background-size:20px 17px;
}
.location .social .twitter:hover,.location .social .twitter:active{
background-image:url(../img/twitter-yellow-n-hq.png);
background-size:20px 17px;
}
.location .social .instagram{
background-image:url(../img/instagram-black-n-hq.png);
background-size:17px 18px;
}
.location .social .instagram:hover,.location .social .instagram:active{
background-image:url(../img/instagram-yellow-n-hq.png);
background-size:17px 18px;
}
.location .social .pinterest{
background-image:url(../img/pinterest-black-n-hq.png);
background-size:19px 19px;
}
.location .social .pinterest:hover,.location .social .pinterest:active{
background-image:url(../img/pinterest-yellow-n-hq.png);
background-size:19px 19px;
}
.location .social .linkedin{
background-image:url(../img/linkedin-black-n-hq.png);
background-size:20px 20px;
}
.location .social .linkedin:hover,.location .social .linkedin:active{
background-image:url(../img/linkedin-yellow-n-hq.png);
background-size:20px 20px;
}
*/
.press-releases .sort-button{
background-image:url(../img/down-arrow-grey-n-hq.png);
background-size:11px 8px;
}
.press-releases .sort-button:hover{
background-image:url(../img/down-arrow-black-n-hq.png);
background-size:11px 7px;
}
.press-releases .sort-button.selected{
background-image:url(../img/up-arrow-grey-n-hq.png);
background-size:12px 8px;
}
.press-releases .sort-button.selected:hover{
background-image:url(../img/up-arrow-black-n-hq.png);
background-size:12px 7px;
}
.press-releases .sort .options a.selected{
background-image:url(../img/tick-n-hq.png);
background-size:8px 9px;
}
.news .article-item .link{
/*background-image:url(../img/right-arrow-black-small-n-hq.png);*/
background-size:6px 7px;
}
.client-press .article-item .link{
/*background-image:url(../img/right-arrow-black-small-n-hq.png);*/
background-size:6px 7px;
}
.article .link{
background-image:url(../img/right-arrow-black-n-hq.png);
background-size:8px 8px;
}
.article .navigation .previous-post{
/*background-image:url(../img/left-arrow-black-hq.png);*/
background-size:11px 11px;
}
.article .navigation .previous-post.disabled{
/*background-image:url(../img/left-arrow-grey-hq.png);*/
background-size:11px 11px;
}
.article .navigation .next-post{
/*background-image:url(../img/right-arrow-black-hq.png);*/
background-size:11px 11px;
}
.article .navigation .next-post.disabled{
/*background-image:url(../img/right-arrow-grey-hq.png);*/
background-size:11px 11px;
}
a.hamburger{
background-image:url(../img/hamburger-white-m-hq.png);
background-size:15px 15px;
}
.black a.hamburger,a.hamburger.black{
background-image:url(../img/hamburger-black-m-hq.png);
background-size:15px 15px;
}
a.hamburger:hover,a.hamburger:active{
background-image:url(../img/hamburger-yellow-m-hq.png);
background-size:15px 15px;
}
.hamburger-menu{
background-image:url(../img/shadow-m-hq.png);
background-size:20px 30px;
}
.hamburger-menu .hb-search{
background-image:url(../img/magnifying-glass-m-hq.png);
background-size:14px 14px;
}
.hamburger-menu .social .newsletter{
background-image:url(../img/envelope-m-hq.png);
background-size:18px 14px;
}
.hamburger-menu .social .facebook{
background-image:url(../img/facebook-m-hq.png);
background-size:18px 17px;
}
.hamburger-menu .social .twitter{
background-image:url(../img/twitter-m-hq.png);
background-size:17px 15px;
}
.hamburger-menu .social .instagram{
background-image:url(../img/instagram-m-hq.png);
background-size:15px 15px;
}
.menu-burger{
background-image:url(../img/hamburger-black-n-hq.png);
background-size:12px 11px;
}
.white .menu-burger{
background-image:url(../img/hamburger-white-n-hq.png);
background-size:12px 11px;
}
.fullscreen-menu .close{
background-image:url(../img/close-hq.png);
background-size:12px 11px;
}
}
/* Preload images */
.preload{ position:absolute; top:-999999px; }
.preload-twitter-black{ background-image:url(../img/twitter-black.png); }
.preload-twitter-black-hq{ background-image:url(../img/twitter-black-hq.png); }
.preload-twitter-black-n{ background-image:url(../img/twitter-black-n.png); }
.preload-twitter-black-n-hq{ background-image:url(../img/twitter-black-n-hq.png); }
.preload-twitter-hq{ background-image:url(../img/twitter-hq.png); }
.preload-twitter-n{ background-image:url(../img/twitter-n.png); }
.preload-twitter-n-hq{ background-image:url(../img/twitter-n-hq.png); }
.preload-twitter-yellow{ background-image:url(../img/twitter-yellow.png); }
.preload-twitter-yellow-hq{ background-image:url(../img/twitter-yellow-hq.png); }
.preload-twitter-yellow-n{ background-image:url(../img/twitter-yellow-n.png); }
.preload-twitter-yellow-n-hq{ background-image:url(../img/twitter-yellow-n-hq.png); }
.preload-up-arrow-black{ background-image:url(../img/up-arrow-black.png); }
.preload-up-arrow-black-hq{ background-image:url(../img/up-arrow-black-hq.png); }
.preload-up-arrow-black-n{ background-image:url(../img/up-arrow-black-n.png); }
.preload-up-arrow-black-n-hq{ background-image:url(../img/up-arrow-black-n-hq.png); }
.preload-up-arrow-grey{ background-image:url(../img/up-arrow-grey.png); }
.preload-up-arrow-grey-hq{ background-image:url(../img/up-arrow-grey-hq.png); }
.preload-up-arrow-grey-n{ background-image:url(../img/up-arrow-grey-n.png); }
.preload-up-arrow-grey-n-hq{ background-image:url(../img/up-arrow-grey-n-hq.png); }
.preload-dot-black{ background-image:url(../img/dot-black.png); }
.preload-dot-black-hq{ background-image:url(../img/dot-black-hq.png); }
.preload-dot-black-n{ background-image:url(../img/dot-black-n.png); }
.preload-dot-black-n-hq{ background-image:url(../img/dot-black-n-hq.png); }
.preload-dot-grey{ background-image:url(../img/dot-grey.png); }
.preload-dot-grey-hq{ background-image:url(../img/dot-grey-hq.png); }
.preload-dot-grey-n{ background-image:url(../img/dot-grey-n.png); }
.preload-dot-grey-n-hq{ background-image:url(../img/dot-grey-n-hq.png); }
.preload-dot-white{ background-image:url(../img/dot-white.png); }
.preload-dot-white-hq{ background-image:url(../img/dot-white-hq.png); }
.preload-dot-white-n{ background-image:url(../img/dot-white-n.png); }
.preload-dot-white-n-hq{ background-image:url(../img/dot-white-n-hq.png); }
.preload-dot-yellow{ background-image:url(../img/dot-yellow.png); }
.preload-dot-yellow-hq{ background-image:url(../img/dot-yellow-hq.png); }
.preload-dot-yellow-n{ background-image:url(../img/dot-yellow-n.png); }
.preload-dot-yellow-n-hq{ background-image:url(../img/dot-yellow-n-hq.png); }
.preload-down-arrow-black{ background-image:url(../img/down-arrow-black.png); }
.preload-down-arrow-black-hq{ background-image:url(../img/down-arrow-black-hq.png); }
.preload-down-arrow-black-n{ background-image:url(../img/down-arrow-black-n.png); }
.preload-down-arrow-black-n-hq{ background-image:url(../img/down-arrow-black-n-hq.png); }
.preload-down-arrow-grey{ background-image:url(../img/down-arrow-grey.png); }
.preload-down-arrow-grey-hq{ background-image:url(../img/down-arrow-grey-hq.png); }
.preload-down-arrow-grey-n{ background-image:url(../img/down-arrow-grey-n.png); }
.preload-down-arrow-grey-n-hq{ background-image:url(../img/down-arrow-grey-n-hq.png); }
.preload-envelope{ background-image:url(../img/envelope.png); }
.preload-envelope-hq{ background-image:url(../img/envelope-hq.png); }
.preload-envelope-n{ background-image:url(../img/envelope-n.png); }
.preload-envelope-n-hq{ background-image:url(../img/envelope-n-hq.png); }
.preload-facebook{ background-image:url(../img/facebook.png); }
.preload-facebook-black{ background-image:url(../img/facebook-black.png); }
.preload-facebook-black-hq{ background-image:url(../img/facebook-black-hq.png); }
.preload-facebook-black-n{ background-image:url(../img/facebook-black-n.png); }
.preload-facebook-black-n-hq{ background-image:url(../img/facebook-black-n-hq.png); }
.preload-facebook-hq{ background-image:url(../img/facebook-hq.png); }
.preload-facebook-n{ background-image:url(../img/facebook-n.png); }
.preload-facebook-n-hq{ background-image:url(../img/facebook-n-hq.png); }
.preload-facebook-yellow{ background-image:url(../img/facebook-yellow.png); }
.preload-facebook-yellow-hq{ background-image:url(../img/facebook-yellow-hq.png); }
.preload-facebook-yellow-n{ background-image:url(../img/facebook-yellow-n.png); }
.preload-facebook-yellow-n-hq{ background-image:url(../img/facebook-yellow-n-hq.png); }
.preload-instagram{ background-image:url(../img/instagram.png); }
.preload-instagram-black{ background-image:url(../img/instagram-black.png); }
.preload-instagram-black-hq{ background-image:url(../img/instagram-black-hq.png); }
.preload-instagram-black-n{ background-image:url(../img/instagram-black-n.png); }
.preload-instagram-black-n-hq{ background-image:url(../img/instagram-black-n-hq.png); }
.preload-instagram-hq{ background-image:url(../img/instagram-hq.png); }
.preload-instagram-n{ background-image:url(../img/instagram-n.png); }
.preload-instagram-n-hq{ background-image:url(../img/instagram-n-hq.png); }
.preload-instagram-yellow{ background-image:url(../img/instagram-yellow.png); }
.preload-instagram-yellow-hq{ background-image:url(../img/instagram-yellow-hq.png); }
.preload-instagram-yellow-n{ background-image:url(../img/instagram-yellow-n.png); }
.preload-instagram-yellow-n-hq{ background-image:url(../img/instagram-yellow-n-hq.png); }
.preload-pinterest{ background-image:url(../img/pinterest.png); }
.preload-pinterest-black{ background-image:url(../img/pinterest-black.png); }
.preload-pinterest-black-hq{ background-image:url(../img/pinterest-black-hq.png); }
.preload-pinterest-black-n{ background-image:url(../img/pinterest-black-n.png); }
.preload-pinterest-black-n-hq{ background-image:url(../img/pinterest-black-n-hq.png); }
.preload-pinterest-hq{ background-image:url(../img/pinterest-hq.png); }
.preload-pinterest-n{ background-image:url(../img/pinterest-n.png); }
.preload-pinterest-n-hq{ background-image:url(../img/pinterest-n-hq.png); }
.preload-pinterest-yellow{ background-image:url(../img/pinterest-yellow.png); }
.preload-pinterest-yellow-hq{ background-image:url(../img/pinterest-yellow-hq.png); }
.preload-pinterest-yellow-n{ background-image:url(../img/pinterest-yellow-n.png); }
.preload-pinterest-yellow-n-hq{ background-image:url(../img/pinterest-yellow-n-hq.png); }
.preload-linkedin{ background-image:url(../img/linkedin.png); }
.preload-linkedin-black{ background-image:url(../img/linkedin-black.png); }
.preload-linkedin-black-hq{ background-image:url(../img/linkedin-black-hq.png); }
.preload-linkedin-black-n{ background-image:url(../img/linkedin-black-n.png); }
.preload-linkedin-black-n-hq{ background-image:url(../img/linkedin-black-n-hq.png); }
.preload-linkedin-hq{ background-image:url(../img/linkedin-hq.png); }
.preload-linkedin-n{ background-image:url(../img/linkedin-n.png); }
.preload-linkedin-n-hq{ background-image:url(../img/linkedin-n-hq.png); }
.preload-linkedin-yellow{ background-image:url(../img/linkedin-yellow.png); }
.preload-linkedin-yellow-hq{ background-image:url(../img/linkedin-yellow-hq.png); }
.preload-linkedin-yellow-n{ background-image:url(../img/linkedin-yellow-n.png); }
.preload-linkedin-yellow-n-hq{ background-image:url(../img/linkedin-yellow-n-hq.png); }
.preload-left-arrow-black{ background-image:url(../img/left-arrow-black.png); }
.preload-left-arrow-black-hq{ background-image:url(../img/left-arrow-black-hq.png); }
.preload-left-arrow-grey{ background-image:url(../img/left-arrow-grey.png); }
.preload-left-arrow-grey-hq{ background-image:url(../img/left-arrow-grey-hq.png); }
.preload-loading{ background-image:url(../img/loading.gif); }
.preload-logo-black{ background-image:url(../img/logo-black.png); }
.preload-logo-black-hq{ background-image:url(../img/logo-black-hq.png); }
.preload-logo-black-n{ background-image:url(../img/logo-black-n.png); }
.preload-logo-black-n-hq{ background-image:url(../img/logo-black-n-hq.png); }
.preload-logo-round{ background-image:url(../img/logo-round.png); }
.preload-logo-round-hq{ background-image:url(../img/logo-round-hq.png); }
.preload-logo-round-n{ background-image:url(../img/logo-round-n.png); }
.preload-logo-round-n-hq{ background-image:url(../img/logo-round-n-hq.png); }
.preload-logo-white{ background-image:url(../img/logo-white.png); }
.preload-logo-white-hq{ background-image:url(../img/logo-white-hq.png); }
.preload-logo-white-n{ background-image:url(../img/logo-white-n.png); }
.preload-logo-white-n-hq{ background-image:url(../img/logo-white-n-hq.png); }
.preload-magnifying-glass{ background-image:url(../img/magnifying-glass.png); }
.preload-magnifying-glass-hq{ background-image:url(../img/magnifying-glass-hq.png); }
.preload-magnifying-glass-n{ background-image:url(../img/magnifying-glass-n.png); }
.preload-magnifying-glass-n-hq{ background-image:url(../img/magnifying-glass-n-hq.png); }
.preload-news-placeholder{ background-image:url(../img/news-placeholder.png); }
.preload-next-black{ background-image:url(../img/next-black.png); }
.preload-next-black-hq{ background-image:url(../img/next-black-hq.png); }
.preload-next-black-n{ background-image:url(../img/next-black-n.png); }
.preload-next-black-n-hq{ background-image:url(../img/next-black-n-hq.png); }
.preload-next-grey-large{ background-image:url(../img/next-grey-large.png); }
.preload-next-grey-large-hq{ background-image:url(../img/next-grey-large-hq.png); }
.preload-next-white{ background-image:url(../img/next-white.png); }
.preload-next-white-hq{ background-image:url(../img/next-white-hq.png); }
.preload-next-white-n{ background-image:url(../img/next-white-n.png); }
.preload-next-white-n-hq{ background-image:url(../img/next-white-n-hq.png); }
.preload-pin-black{ background-image:url(../img/pin-black.png); }
.preload-pin-black-hq{ background-image:url(../img/pin-black-hq.png); }
.preload-pin-black-n{ background-image:url(../img/pin-black-n.png); }
.preload-pin-black-n-hq{ background-image:url(../img/pin-black-n-hq.png); }
.preload-play-black{ background-image:url(../img/play-black.png); }
.preload-play-black-hq{ background-image:url(../img/play-black-hq.png); }
.preload-play-black-large{ background-image:url(../img/play-black-large.png); }
.preload-play-black-large-hq{ background-image:url(../img/play-black-large-hq.png); }
.preload-play-yellow{ background-image:url(../img/play-yellow.png); }
.preload-play-yellow-hq{ background-image:url(../img/play-yellow-hq.png); }
.preload-play-yellow-large{ background-image:url(../img/play-yellow-large.png); }
.preload-play-yellow-large-hq{ background-image:url(../img/play-yellow-large-hq.png); }
.preload-play{ background-image:url(../img/PlayRollover.svg); }
.preload-previous-black{ background-image:url(../img/previous-black.png); }
.preload-previous-black-hq{ background-image:url(../img/previous-black-hq.png); }
.preload-previous-black-n{ background-image:url(../img/previous-black-n.png); }
.preload-previous-black-n-hq{ background-image:url(../img/previous-black-n-hq.png); }
.preload-previous-grey-large{ background-image:url(../img/previous-grey-large.png); }
.preload-previous-grey-large-hq{ background-image:url(../img/previous-grey-large-hq.png); }
.preload-previous-white{ background-image:url(../img/previous-white.png); }
.preload-previous-white-hq{ background-image:url(../img/previous-white-hq.png); }
.preload-previous-white-n{ background-image:url(../img/previous-white-n.png); }
.preload-previous-white-n-hq{ background-image:url(../img/previous-white-n-hq.png); }
.preload-right-arrow-black{ background-image:url(../img/right-arrow-black.png); }
.preload-right-arrow-black-hq{ background-image:url(../img/right-arrow-black-hq.png); }
.preload-right-arrow-black-large{ background-image:url(../img/right-arrow-black-large.png); }
.preload-right-arrow-black-large-hq{ background-image:url(../img/right-arrow-black-large-hq.png); }
.preload-right-arrow-black-large-n{ background-image:url(../img/right-arrow-black-large-n.png); }
.preload-right-arrow-black-large-n-hq{ background-image:url(../img/right-arrow-black-large-n-hq.png); }
.preload-right-arrow-black-n{ background-image:url(../img/right-arrow-black-n.png); }
.preload-right-arrow-black-n-hq{ background-image:url(../img/right-arrow-black-n-hq.png); }
.preload-right-arrow-black-small{ background-image:url(../img/right-arrow-black-small.png); }
.preload-right-arrow-black-small-hq{ background-image:url(../img/right-arrow-black-small-hq.png); }
.preload-right-arrow-black-small-n{ background-image:url(../img/right-arrow-black-small-n.png); }
.preload-right-arrow-black-small-n-hq{ background-image:url(../img/right-arrow-black-small-n-hq.png); }
.preload-right-arrow-grey{ background-image:url(../img/right-arrow-grey.png); }
.preload-right-arrow-grey-hq{ background-image:url(../img/right-arrow-grey-hq.png); }
.preload-right-arrow-grey-large{ background-image:url(../img/right-arrow-grey-large.png); }
.preload-right-arrow-grey-large-hq{ background-image:url(../img/right-arrow-grey-large-hq.png); }
.preload-tick{ background-image:url(../img/tick.png); }
.preload-tick-hq{ background-image:url(../img/tick-hq.png); }
.preload-tick-n{ background-image:url(../img/tick-n.png); }
.preload-tick-n-hq{ background-image:url(../img/tick-n-hq.png); }
.preload-transparent{ background-image:url(../img/transparent.gif); }
.preload-twitter{ background-image:url(../img/twitter.png); }