ul.worklist li, .thing, .stat { opacity:0;} body.hasjs #preloader { position: fixed; left: 0 ; top: 0 ; width: 100%; height: 100%; z-index: 9999; background: white url(images/preloader.gif) center center no-repeat; } /* RESET */ /* ----------------------------------------- */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, object, button { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li {list-style:none;} caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /*sup {vertical-align: super;} sub {vertical-align: sub;}*/ sup, sub { vertical-align:baseline; position: relative; top:-1em; font-size:0.5em;/**/ } sub { top: 1em; } .clear { clear:both; } .clearfix:after { content: " "; display: table; clear: both; } #skiptocontent, .screen-reader-text {display:none;} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:500 } em { font-style:italic; font-style:normal !important; font-weight:400;} a img { border:none } /* Gets rid of IE's blue borders */ a:active, a:focus, button {outline: none; border:none; -moz-outline-style: none;} /* @font-face { font-family: 'ag'; src: url('fonts/akzidenz-grotesk/akzidenzgrotesk-bold-webfont.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'ag'; src: url('fonts/akzidenz-grotesk/akzidenzgrotesk-medium-webfont.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'ag'; src: url('fonts/akzidenz-grotesk/akzidenzgrotesk-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'ag'; src: url('fonts/akzidenz-grotesk/akzidenzgrotesk-regular-webfont.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'ag'; src: url('fonts/akzidenz-grotesk/akzidenzgrotesk-light-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } */ @font-face { font-family: 'inter'; src: url('fonts/inter/Inter-Bold.woff2') format('woff2'), url('fonts/inter/Inter-Bold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'inter'; src: url('fonts/inter/Inter-Medium.woff2') format('woff2'), url('fonts/inter/Inter-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'inter'; src: url('fonts/inter/Inter-Regular.woff2') format('woff2'), url('fonts/inter/Inter-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'inter'; src: url('fonts/inter/Inter-LightItalic-BETA.woff2') format('woff2'), url('fonts/inter/Inter-LightItalic-BETA.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'inter'; src: url('fonts/inter/Inter-Light-BETA.woff2') format('woff2'), url('fonts/inter/Inter-Light-BETA.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'fa'; src: url('fonts/fa/fontawesome-webfont.woff2') format('woff2'), url('fonts/fa/fontawesome-webfont.woff') format('woff'); font-style: normal; } @font-face { font-family: 'icons'; src: url('fonts/icons/icomoon.eot'); src: url('fonts/icons/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icons/icomoon.woff') format('woff'), url('fonts/icons/icomoon.ttf') format('truetype'), url('fonts/icons/icomoon.svg') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family: 'ngsocial'; src: url('fonts/ngsocial.woff2') format('woff2'), url('fonts/ngsocial.woff') format('woff'); font-style: normal; } /* iPhone */ @media only screen and (width:320px) and (device-width:320px) and (device-height:480px) and (orientation: landscape) { body { -webkit-transform: scale(0.667); -webkit-transform-origin: top right; position: absolute; right: 0; top: 0; width: 480px; } } /* iPad */ @media only screen and (width:768px) and (device-width:768px) and (device-height:1024px) and (orientation: landscape) { body { -webkit-transform: scale(0.75); -webkit-transform-origin: top right; position: absolute; right: 0; top: 0; width: 1024px; } } /* BASE */ /*html,body {height:100%;}*/ html { font-size:62.5%; } @media all and (max-width: 767px) { /*html { font-size:87.5%; }*/ } body { font-family: 'inter', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:300; line-height:1.4; color:#fff; background:#383838; } .atsymbol { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.6rem; opacity:0.8; } #logo .ng, ul li, p { font-size:1.8rem; margin:0; } #content li a, #content p a { color:#B2B2B2; text-decoration:none; transition:all 0.2s ease;} body.single-post #content p a { display:inline-block; border-bottom:1px solid #000000; color:inherit !important; } #content li a:hover, #content p a:hover { color:#ffffff; color:#6653ff; } body.single-post #content p a:hover { border-color:#f06 !important; color:#f06 !important; border-color:#6653ff !important; color:#6653ff !important; } ::selection { background: #ffffff;background: #B2B2B2;color:#FFF; /* WebKit/Blink Browsers */ } ::-moz-selection { background: #ffffff;background: #B2B2B2; color:#FFF; /* Gecko Browsers */ } .textmodule p a, .textmodule li a { color:#B2B2B2; } .textmodule p a:hover, .textmodule li a:hover { color:#ffffff; color:#6653ff; } .textmodule p:last-child{ margin-bottom:0;} .text ul li, .text p { margin:0 0 1em; padding:0 2rem 0 0; max-width:60rem; font-size: 2.1rem; letter-spacing: 0.01em; } .text ul li { list-style: disc; } @media all and (max-width: 767px) { .text ul li { margin-left:1em; } } #content h1, #content h2, #content h3, #content h4 { padding:0 1em 0 0; max-width:65rem; } #content h3:not(.refinehead) { font-weight:500; font-size:1.8rem; margin-bottom:1em; line-height:1.2; } h3.refinehead {} p.cta { position:relative; z-index:9; /*margin-bottom:3em;*/ } p.cta a, p.cta span.link { display:inline-block; padding-bottom:2px; color:#B2B2B2; text-decoration:none; opacity:0;transition: opacity 0.5s ease; } p.cta a span, p.cta span.link span { display:inline-block; position:relative; z-index:2111; transition: all 0.2s ease; } p.cta a span::after, p.cta span.link span::after { content:""; border-bottom:1px solid #B2B2B2; display:inline-block; width:0; position:absolute; bottom:-2px; height:0; left:0; transition: all 0 linear; transition-delay:2s; z-index:-1;} p.cta a.ctashown,p.cta span.ctashown { opacity:1; } p.cta a.ctashown span::after,p.cta span.ctashown span::after { width:calc(100% + 4em); transition: width 1.2s ease, border-width 0.2s ease, border-color 0.2s ease;} /*p.cta a:hover {font-weight: 500; }*/ p.cta a:hover span::after, p.cta span.link:hover span::after { border-color: #FFF; /*border-width:1.7em;*/ } p.cta a:hover span, p.cta span.link:hover span { color:#383838; color:#FFF; /*padding-left:0.5em;*/ } p.backtotop { margin:3rem 0 0 !important; clear:both; } @media all and (min-width: 768px) { p.backtotop { display:none;} } .darktext p.cta a, .darktext p.cta span.link { color:#000; color:#383838; } .darktext p.cta a span { } .darktext p.cta a span::after, .darktext p.cta span.link span::after { border-color: #000; border-color:#383838 !important; } .darktext p.cta a:hover span, .darktext p.cta span.link:hover span { color:#FFF; color:#383838 !important; } .darktext p.cta a:hover span::after, .darktext p.cta span.link:hover span::after { border-color: #383838 !important;/*border-width:1.7em;*/ } body.post p.cta a, body.post p.cta span.link { color:#666 !important; } body.post p.cta a span { } body.post p.cta a span::after, body.post p.cta span.link span::after { border-color:#666 !important; } body.post p.cta a:hover span, body.post p.cta span.link:hover span { color:#000 !important; } body.post p.cta a:hover span::after, body.post p.cta span.link:hover span::after { border-color: #000 !important;/*border-width:1.7em;*/ } h1.maintitle, h2.maintitle, .maintitle { font-weight:300 !important; letter-spacing:-1px; font-size:4rem; line-height:1.2; margin-bottom:2rem!important; } h1.maintitle strong { font-weight:500 !important; } .maintitle a { text-decoration:none; color:inherit; transition:opacity 0.2s ease; } .maintitle a:hover { opacity:0.5; } @media all and (max-width: 767px) { .maintitle { font-size:3rem; letter-spacing:-1px; } h1.maintitle, h2.maintitle, .maintitle {margin-bottom:1rem;font-weight:300 !important } } @media all and (min-width: 1400px) { h1.maintitle, h2.maintitle, .maintitle { font-size:4rem; } } .movingheaderholder { } .movingheader { position:relative; transition: 0s linear; transition-property: bottom;} .movingheader p, .movingheader h2 { transition:color 0.3s ease;} .newsheader p.date{ opacity:0.7; opacity:0.5; } .scrollytitle {position:relative;} .scrollytitle .darkbg{ position:absolute; top:0; left:0; width:100%; height:100%; background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(60%, rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%); background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%); background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%); background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); } /*.scrollytitle , .module { overflow:hidden;} .newsheader p { margin:0;} */ p.linkedin { width:28px; height:28px; overflow:hidden; } p.linkedin a { display:block; background-color:#FFF; background-image:url(images/linkedin2.svg); background-size:20px 20px; background-position:center center; background-repeat:no-repeat; border-radius:3px; width:100%; height:100%; text-indent:-900px; } p.linkedin a:hover { background-color:#007BB6; background-image:url(images/linkedin.svg);} #allthethings { position:fixed; top:0; width:100%; } #allthethings #everything {height:100%; overflow:hidden; } .wrapper { margin:0 auto;/* max-width:1600px; padding:0 28px;*/ position:relative; transition:all 0.3s ease; } #maincontent { position:relative; } #content { overflow:auto; overflow:hidden !important; } @media screen and (min-width:1024px){ body.contact #masthead { height:10rem; } body.contact #content { padding-top: 0; } #content { padding-top:2rem; } } /*body.page-template-template-contact-php #content{ padding-top:2rem;}*/ #masthead.hasalert+#content { padding-top: 4rem; } body.page-id-18 #masthead.hasalert+#content, body.parent-pageid-18 #masthead.hasalert+#content, body.tax-discipline #masthead.hasalert+#content, body.tax-sector #masthead.hasalert+#content { padding-top:7rem; } #banner { max-width:none; } .img { display:block; width:100%; height:auto; } .img img { display:block; width:100%; height:auto;} /*.text .text { padding-left:0 !important; padding-right:0 !important;} */ body.page-id-2 .half .text{ padding-bottom:3rem !important; padding-bottom:4rem !important; } @media screen and (max-width:1023px){ body .text { padding:0 4rem 0; } body:not(.work):not(.post) .text { padding:2rem 4rem 2rem; } .half { } body:not(.page-id-2):not(.contact) .half .text{ padding-top:0 !important; padding-bottom: 2rem !important;} body.page-id-2 .half .text{ padding-bottom:3rem !important; padding-bottom:4rem !important; } /*.half .text>*:last-child, .newsheader>*:last-child { } .half *:last-child *:last-child { margin-bottom:0 !important; }*/ } @media screen and (max-width:767px) { /*body .text { padding:0 2rem 0; }*/ /*body:not(.work):not(.post) .text { padding:2rem 2rem 2rem; }*/ body.page-id-2 .half .text{ padding-bottom:2rem !important; padding-bottom:2rem !important; } /*body .text { padding:0 2rem 0; } body:not(.work):not(.post):not(.page-id-16) div.half .text {padding:0 2rem 0; } */ #content { padding-top:0 !important; } #masthead.hasalert+#content { padding-top:4rem !important; } /*#masthead.hasalert+#content { padding-top:5.5rem !important; }*/ body.parent-pageid-18 #masthead.hasalert+#content, body.page-id-18 #masthead.hasalert+#content, body.tax-discipline #masthead.hasalert+#content, body.tax-sector #masthead.hasalert+#content { padding-top: 7rem !important; } } @media screen and (max-width:639px) { body .text { padding:0 2rem 0; } body:not(.work):not(.post) .text { padding:2rem 2rem 2rem; } } .text>p:last-child, .text>ul:last-child, .text>ol:last-child, .text>ul:last-child li:last-child, .text>ol:last-child li:last-child { margin-bottom:0 !important; } .text div ul:last-child li:last-child, .text div ol:last-child li:last-child { margin-bottom:1em !important;} .pp { padding-bottom:5rem !important; } .pp1 { padding-bottom:2rem !important; } @media screen and (min-width:768px){ .twoimages .half { float:left; width:50%; margin:0 0 0 0; } } @media screen and (min-width:1024px){ .half { float:left; width:50%; margin:0 0 0 0; /* background: -moz-linear-gradient(45deg, #ff3232 0%, #a4ea00 100%); background: -webkit-linear-gradient(45deg, #ff3232 0%,#a4ea00 100%); background: linear-gradient(45deg, #ff3232 0%,#a4ea00 100%); */ } .quarter { width:25%; } .threequarters { width:75%; } .halfright { margin-left:50%;} body:not(.work):not(.page-id-2):not(.contact) .text { padding:0 0 2rem; } body:not(.contact) .half:nth-child(2n+1):not(.halfright) .text { /*padding:2rem 0 2rem 4rem;*/ padding:0 0 0 4rem; } body.page-template-template-contact .half .half .text, body.contact .half .half .text, body.page-id-2 .halfright .text { padding:4rem 0 2rem 0; } body.page-template-template-contact .half .half:nth-child(2n+1):not(.halfright) .text, body.contact .half .half:nth-child(2n+1):not(.halfright) .text, body.page-id-2 .half:nth-child(2n+1):not(.halfright) .text { padding:4rem 0 2rem 4rem; } /*.half:nth-child(2n+1) .text { border:1px dashed yellow !important; padding:2rem 0 2rem 4rem; }*/ #refine .half:first-child h3, #refine .half:first-child .list:first-of-type li { padding-left:4rem; } } .full_image { width:auto; height:auto; margin-left:4rem; margin-right:4rem; } .really_full .full_image{ margin-left:0 !important; margin-right:0 !important; padding:0 !important; } .really_full { padding:0; } @media screen and (max-width:639px){ .full_image {margin-left:2rem; margin-right:2rem; } .really_full .full_image{ margin-left:0 !important; margin-right:0 !important; } } .full_image div.img { display:block; width:100%;height:auto; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; } .full { width:100%; height:auto; overflow:hidden; } .full div.img { width:100%; /*height:100%;*/ height:0; padding-bottom:50%; position:relative; background-size:cover; background-position:center 0; background-repeat:no-repeat; transition: 0s linear; transition-property: background-position; overflow:hidden; } .full div.img img { display:block; width:100%; height:100%; position:absolute; opacity:0; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; } body.page-template-template-intern .full div.img { padding-bottom:25%; background-position:center bottom !important; } div.nobanner { padding-top: 32px; } @media screen and (max-width:639px){ .full { height:auto; } .full div.img {background-position:center center !important; height:0; padding-bottom:56.25%; padding-bottom:100%; } body.page-template-template-intern .full div.img { background-position:center bottom !important; padding-bottom:33.33%; } #refine .half:first-child .lists { padding-left:4rem; } } @media all and (min-width: 641px) and (max-width: 1023px) { #refine .half:first-child .lists { padding-left:4rem; } .newsheader { } .half { } } @media screen and (max-width:639px){ #refine .half:first-child .lists {padding-left:2rem; } } /*@media screen and (min-width:1024px){ .full { height:75vh; } } @media screen and (min-width:1600px){ .full { height:85vh; } } */ .colour { /*border:1px dashed transparent;*/} ul.squarelist { width:100%; clear:both; } ul.squarelist+.textmodule { padding-top:30px; } ul.squarelist li { width:100%; margin:0; padding:0 !important; } ul.squarelist li div:not(.imgcaption):not(.cappad) { width:100%; height:0; padding-bottom:100%; overflow:hidden; background-repeat:no-repeat; background-size:cover !important; transition:all 0.2s ease; } ul.squarelist li div img { display:block; width:100%; height:auto; } /*@media screen and (max-width:767px) { } @media screen and (min-width:768px) and (max-width:1024px){*/ @media screen and (max-width:1023px){ ul.squarelist li { width:50%; float:left; } } @media screen and (min-width:1024px){ ul.squarelist li { width:25%; float:left; } } .video { width:calc(100%-40px); max-width:984px; padding:0 4rem; margin:0 auto; position:relative; } .really_full .video { padding:0 !important; max-width:none !important;} @media screen and (max-width:639px){ .video { padding:0 2rem; } .really_full .video { padding:0 !important;} } div.vid { width:100%; height:0; padding-bottom:56.25%; position:relative; } div.vid div.vidimg, div.vid iframe { position:absolute; width:100%; height:100%; top:0; left:0; } div.vid div.vidimg {z-index:80; overflow:hidden; background-size:cover; background-position:center; } div.vid div.vidimg img { display:block; width:101%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } div.vid div.vidimg .play::after { font-family: 'fa';content: "\f04b"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:81; color:white; font-size:50px; text-shadow:0 0 15px rgba(0,0,0,0.5); transition:all 0.1s ease; } div.vid div.vidimg:hover .play::after { font-size:60px; text-shadow:0 0 30px rgba(0,0,0,0.75); } .module { /*padding:4rem 0;*/ padding-bottom:4rem; } .firstmodule {padding-top:4rem; } body.page-id-16 .firstmodule, body.single-post .firstmodule, body.single-work .firstmodule { padding-top:0; } /*margin:3rem 0;*/ /*border:1px dashed red; */ .touchingmodule { padding:3rem 0; } .vidmodule{/* padding:2rem 0;*/ } .statmodule { } #mainbanner { position:relative; /*margin:0 0 3rem 0 !important;*/ } @media screen and (min-width:1024px){ #mainbanner { margin:0 /*0 4rem 0*/ !important; } .module {/* margin:4rem 0;*/ /*padding:4rem 0;*/ padding-bottom:4rem ; } .touchingmodule { padding:4rem 0; } } /* #mainbanner+.module{ margin:11rem 0 4rem; } .module+.squarelist+.module{ margin:4rem 0 4rem; } .squarelist+.module{ margin:4rem 0 4rem; }*/ .twoimages {/* padding:0 4rem;*/ margin:0 auto; } .twoimages .half img { display:block; width:100%; height:auto;} .twoimages .half video{ display:block; width:100%; height:auto;} @media screen and (max-width:639px){ .twoimages { /*padding:0 2rem;*/ } .module { padding:0 0 2rem 0; } .firstmodule {padding-top:2rem; } } #meta { } #meta .half .half { position:relative; margin:0 0 0; padding:0.5rem 0 0; } #meta .half .half::before {position:absolute; top:0; left:0; width:calc(100% - 8rem); height:1px; border-top:1px dotted white; content:""; display:none !important;} #meta .half .half p {padding-right:1em; max-width:21em; } #meta strong { font-weight:400; font-weight:300; } #meta a { text-decoration:none; } #meta a:hover { color:#FFF; } #meta .comma { color:#CCC; } @media screen and (max-width:1024px){ #meta { padding-left:4rem; } } @media screen and (max-width:639px){ #meta { padding:0 2rem 0; padding: 2rem } .col, #meta .half .half:nth-child(2) {margin-top:2rem; } } #content .half .col { float:left; width:calc(33.333% - (4rem / 3)); width:33.333%; } #content .half .col ul { margin-bottom:2rem;} #content .half .col ul li { position:relative; list-style:none; margin:0 0 0.5em 0; /*padding-left:1.5em;*/ line-height:1.2; } /*#content .half .col ul li::before { content:"\2014"; position:absolute; top:0; left:0; }*/ @media screen and (min-width:1800px){ #content .half .col { width:25%; width:calc(25% - (4rem / 4)); width:33.333%; } } @media screen and (max-width:1023px){ #content .half .col { width:33.333%; } } @media screen and (max-width:639px){ #content .half .col { width:100%; } } #content .half .profile { width:50%; width:33.3333%; margin-bottom:2rem; float:left; } /*#content .half .profile+.profile { margin-top:4rem; }*/ #content .half .profile .img { width:100%; margin-bottom:2rem; max-width:9900px; } #content .half .profile .img img { width:100%; height:auto; } #content .half .profile p{ margin-right:3rem; } @media screen and (max-width:1279px){ #content .half .profile { width:100%;} #content .half .profile .img{ width:66.666%; width:50%;} #content .half .profile p{ margin-right:2rem; margin-right:3rem; } .profiles .quarter, .profiles .threequarters { width: 50%; } #content .half .profile+.profile { margin-top:1rem; } } @media screen and (max-width:1023px){ .profiles .quarter, .profiles .threequarters { width: 100%; } } @media screen and (max-width:639px){ #content .half .profile { width:100%;} #content .half .profile .img{ width:100%;} #content .half .profile p{ margin-right:1rem; } } #content .half .logo_list { } #content .half ul.logo_list li { width:calc(50% - 2rem - 2px); width:calc(50% - 2rem - 2px); margin:0 2rem 2rem 0; float:left; overflow:hidden; padding:0; } @media screen and (min-width:640px){ #content .half ul.logo_list li { width:calc(33.333333% - 2rem - 2px); } #content .half ul.logo_list li:nth-child(2n+2){ margin-right:2rem; } #content .half ul.logo_list li:nth-child(3n+3){ margin-right:0 !important; } } @media screen and (min-width:1024px){ #content .half ul.logo_list li { width:calc(16.6666666666666% - 2rem - 2px); } #content .half ul.logo_list li:nth-child(3n+3){ margin-right:2rem !important; } #content .half ul.logo_list li:nth-child(6n+6){ margin-right:0 !important; } } @media screen and (max-width:639px){ #content .half ul.logo_list li { width:calc(50% - 2rem - 2px); } #content .half ul.logo_list li:nth-child(2n+2){ margin-right:0; } } #content .half ul.logo_list li span { display:block; /*border:1px dotted #333; border-left: 1px solid transparent !important; border-right: 1px solid transparent !important;*/ width:100%; height:0; padding-bottom:56.25%; padding-bottom:50%; position:relative;} #content .half ul.logo_list li img { display:block; height:80%; position:absolute; /*top:10%; left:50%; transform:translateX(-50%) !important; */width:auto; } @media screen and (max-width:639px){ /*#content .half ul.logo_list li { width:100%; margin:0 0 2rem 0;}*/ } #map { width:100%; height:0; padding-bottom:50%; } #map { width:100%; height:0; padding-bottom:100%; } @media screen and (max-width:639px){ #map { width:100%; height:0; padding-bottom:100%; } } .stats_callout { position:relative; } .stats_callout .img {position:absolute; z-index:12; top:0; left:0;width:100%; height:100%; background-size:cover;} .stats { position:relative; z-index:14; } .stats_callout .darkener { position:absolute; z-index:13; top:0; left:0;width:100%; height:100%; background:rgba(0,0,0,0.75); opacity:0; } .hasdarkener .darkener { } .stat { text-align:center;} .statpadding { padding:2rem 0 2rem; } .stat p {line-height:1.2; margin:0; height:2.4em; color:white; height:3.6em; font-size: 2.4rem; font-size: 3.2rem; max-width: 14em; margin: 0 auto } @media screen and (max-width:1023px){ .stat p { font-size: 2.4rem; } } .stat p.number{ font-size:8rem; font-weight:700; height:1.2em; } @media screen and (max-width:1023px){ .statpadding { padding:2rem 0 2rem; padding:6.4rem 0 4rem;} } @media screen and (min-width:1024px){ .stats_callout { width:100%; height:0; padding-bottom:50%; } .stats { width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%); } .stat { padding:4rem 0; } .statpadding { padding:6.4rem 0 4rem; padding:8.4rem 0 6rem; } } .wideimage { position:relative; } .wideimage .img { width:100%; height:0; padding-bottom:25%; background-size:cover; background-repeat:no-repeat; } .wideimage .img img { opacity:0; display:none; } .wideimage .img { background-position:center bottom; } @media screen and (max-width:639px){ .wideimage .img {padding-bottom:75%; } } .web_images { width:100%; height:0; padding-bottom:75%; padding-bottom:62.5%; border-top:20px solid transparent !important; border-bottom:70px solid transparent !important; position:relative; overflow:visible; margin-bottom:40px;} @media screen and (max-width:1023px){ .web_images { margin-bottom:20px;} } .web_images .mobile img, .web_images .tablet img, .web_images .desktop img { display:block; position:absolute; bottom:25.33333333333333%; bottom:20.4%; } .web_images .mobile img { width:20.83333333333333%; height:auto; left:39.54166666666667%; } .web_images .tablet img { width:31.66666666666667%; height:auto; left:34.16666666666667%; } .web_images .desktop img { width:77.16666666666667%; height:auto; left:11.41666666666667%; } .web_images .full { width:100%; height:100%; position:absolute; background-size:100% auto; background-position:center center; background-repeat:no-repeat; opacity:0; z-index:10; transition:opacity 0.2s ease; } .web_images .opaque { opacity:1; z-index:11;} .web_images .mobile {background-image:url(images/web/m.png); } .web_images .tablet {background-image:url(images/web/t.png); } .web_images .desktop {background-image:url(images/web/d.png); } .web_nav {position:absolute; height:40px; padding:10px 0 20px; bottom:-70px; left:0; z-index:99; width:100%; text-align:center; } .web_nav li { display:inline-block; height:40px; position:relative; margin:0 y !important; opacity:0.5; transition:all 0.4s ease; } .web_nav li a{ width:100%; height:100%; display:block; position:absolute; background-repeat:no-repeat; background-size:auto 100%; background-position:center bottom; text-indent:-200px; overflow:hidden; } .web_nav li.mobile {width:16px; } .web_nav li.tablet {width:27px;} .web_nav li.desktop {width:60px; } .web_nav li.mobile a {background-image:url(images/web/icon_m.svg); } .web_nav li.tablet a {background-image:url(images/web/icon_t.svg); } .web_nav li.desktop a {background-image:url(images/web/icon_d.svg); } .web_nav li { position:absolute; left:0;left:50%; transform:translateX(-50%); /**/ } .web_nav li.mobile { transform:translateX(-63px); } .web_nav li.tablet { transform:translateX(47px); } .web_nav.mobile li.mobile, .web_nav.tablet li.tablet, .web_nav.desktop li.desktop { opacity:1; } /*.web_nav.mobile li.mobile, .web_nav.tablet li.tablet, .web_nav.desktop li.desktop { position:absolute; left:50%; transform:translateX(-50%); opacity:1; } .web_nav.mobile li.tablet { transform:translateX(-53px); } .web_nav.mobile li.desktop { transform:translateX(25px); } .web_nav.tablet li.desktop { transform:translateX(-90px); } .web_nav.tablet li.mobile { transform:translateX(31px); } .web_nav.desktop li.mobile { transform:translateX(-63px); } .web_nav.desktop li.tablet { transform:translateX(47px); } */ .mainbannerimage { background-repeat:no-repeat; background-position:center top; background-size:contain; } .mainbannerimage img { display:block; width:100%; height:auto;} #latestnewsheading { position:relative; z-index:99; color:#b2b2b2; } #latestnewsheading::after { content:""; display:block; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid rgba(255,0,119,0.5); transform:rotate(315deg); transform-origin: left top; position:absolute; top:1.8em; left:-71px; opacity:0; } #latestnewsheading.isvisible::after { -moz-animation: latestnewstriangle 2.4s linear forwards; -webkit-animation: latestnewstriangle 2.4s linear forwards; animation: latestnewstriangle 2.4s linear forwards; -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } @-webkit-keyframes latestnewstriangle { 0% { opacity: 0; left:-200px; } 10% { opacity: 0.4;} 11% { opacity: 0.2; left:-70px;} 14% { opacity: 0.2;} 15% { opacity: 1;} 19% { opacity: 1;} 20% { opacity: 0.2;} 25% { opacity: 0.2;} 26% { opacity: 1;} 30% { opacity: 1;} 31% { opacity: 0.2;} 35% { opacity: 0.2;} 36% { opacity: 1;} 40% { opacity: 1;} 41% { opacity: 0.2;} 45% { opacity: 0.2;} 50% { opacity: 1;} 70% { opacity: 1;} 82% { opacity: 0;} 100% { opacity: 0;} } @-moz-keyframes latestnewstriangle { 0% { opacity: 0; left:-200px; } 10% { opacity: 0.4;} 11% { opacity: 0.2; left:-70px;} 14% { opacity: 0.2;} 15% { opacity: 1;} 19% { opacity: 1;} 20% { opacity: 0.2;} 25% { opacity: 0.2;} 26% { opacity: 1;} 30% { opacity: 1;} 31% { opacity: 0.2;} 35% { opacity: 0.2;} 36% { opacity: 1;} 40% { opacity: 1;} 41% { opacity: 0.2;} 45% { opacity: 0.2;} 50% { opacity: 1;} 70% { opacity: 1;} 82% { opacity: 0;} 100% { opacity: 0;} } @keyframes latestnewstriangle { 0% { opacity: 0; left:-200px; } 10% { opacity: 0.4;} 11% { opacity: 0.2; left:-70px;} 14% { opacity: 0.2;} 15% { opacity: 1;} 19% { opacity: 1;} 20% { opacity: 0.2;} 25% { opacity: 0.2;} 26% { opacity: 1;} 30% { opacity: 1;} 31% { opacity: 0.2;} 35% { opacity: 0.2;} 36% { opacity: 1;} 40% { opacity: 1;} 41% { opacity: 0.2;} 45% { opacity: 0.2;} 50% { opacity: 1;} 70% { opacity: 1;} 82% { opacity: 0;} 100% { opacity: 0;} } .ng, #footer>.wrapper>.nglogo p {padding-left:4rem; padding-right: 2rem; max-width: 23em; margin:0; } .ng a { color:#FFFFFF; text-decoration:none; transition:color 0.2s ease; } .ng a:hover {color:#f06 !important; color:#6653ff !important; } @media screen and (max-width:639px){ #footer>.wrapper>.nglogo p, .ng { padding-left: 2rem; } } #footer>.wrapper>.nglogo { margin:0 0 2.5rem; } #masthead { position:relative; height:8rem; } #top { background:#383838; background:rgba(56,56,56,1); z-index:9999; position:relative; position:fixed; width:100%; left:0; top:0; padding:4rem 0 2rem; padding:4rem 0 0; /*transition:padding 0.2s ease;*/ } body.pagescrolled #top { padding:2rem 0 0; } body.pagescrolled #masthead { /*height:6rem; */} #masthead.hasalert {} #masthead.hasalert #top {padding:7.5rem 0 0; } #masthead.opened #top {padding:5.5rem 0 0; } #redalert { background: #FFFEF2; border-bottom: 1px solid rgba(56,56,56,0.25); color: #231F20 !important; position: absolute; top: 0; width: 100%; height: auto; height: 5.5rem; min-height: 0px; overflow-y: auto; z-index: 10000; transition: all 0.4s ease; } #redalert.processing, #redalert.opened {min-height: 100vh; height: 100vh;} #redalert > div:first-child{ display: flex; align-items: center; height: 5.5rem; /*justify-content:flex-end;*/ } #redalert #loadthis { padding: 60px 0;} /*#redalert #loadthis h1#maintitle { opacity: 0; font-size: 1px !important; margin: 0 !important;}*/ @keyframes spinner { to {transform: rotate(360deg);} } #redalert.processing::after { content: ''; box-sizing: border-box; position: absolute; top: 40%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; border-radius: 50%; border-top: 4px solid #6653ff; border-right: 4px solid transparent; animation: spinner .6s linear infinite; } #masthead.hasalert #top #redalert a , body.page-id-1111 #masthead.hasalert #top #redalert> div:first-child a { color: #231F20 !important;} #masthead.hasalert #top #redalert a:hover , body.page-id-1111 #masthead.hasalert #top #redalert> div:first-child a:hover { color: #6653ff !important;} /*width: calc(100% - 8rem);*/ #redalert> div:first-child::before { display: none; display: block; width:87.5%; width:50%; content:""; height: 1px; } #redalert { /*pointer-events: none*/} #redalert> div:first-child p { font-weight: 400; transition: opacity 0.2s ease; pointer-events: auto; white-space: nowrap} #redalert> div:first-child p:not(:first-child){ margin-left:1.5em } #redalert> div:first-child p a { color: inherit; text-decoration: none !important; pointer-events: auto} #redalert.processing> div:first-child p a { opacity: 0.3; pointer-events: none;} #redalert.opened> div:first-child p a span, #redalert.opened> div:first-child p strong span{ display: none;} /* #redalert.opened> div:first-child p a::after { display: block; content:"\2715"; font-size: 30px; font-weight: 300;} */ #redalert.opened> div:first-child p strong { pointer-events: auto; cursor:pointer; } #redalert.opened> div:first-child p:first-child a::after { display: block; content:"\2715"; font-size: 30px; font-weight: 300;} #redalert.opened> div:first-child p:first-child strong::after { display: block; content:"\2715"; font-size: 30px; font-weight: 300;} #redalert.opened> div:first-child p:not(:first-child) {opacity: 0; } /* #redalert.opened> div:first-child p:last-child {margin-left: auto; } #redalert.opened> div:first-child p:last-child a::after { display: block; content:"\2715"; font-size: 30px; font-weight: 300;} */ #masthead.opened+#content, #masthead.opened+#content a , #masthead.opened div:not(#redalert) a { pointer-events: none !important; } #masthead.opened div#redalert a { pointer-events: auto !important; } @media all and (max-width: 1023px) { #top { padding:2rem 0 0; } #masthead { height:6rem; } #redalert> div:first-child::before {display: none; } #redalert> div:first-child p:first-child { padding-left: 4rem} } @media all and (max-width: 639px) { #redalert> div:first-child p:first-child { padding-left: 2rem} } @media all and (max-width: 449px) { #redalert> div:first-child p {font-size: 1.4rem; } } #mainnav { width:100%; } .mainnav ul { width:100%; } .mainnav li { float:left; width:25%; margin:0; font-weight:400; font-weight:300; /*background: -moz-linear-gradient(45deg, #ff3232 0%, #a4ea00 100%); background: -webkit-linear-gradient(45deg, #ff3232 0%,#a4ea00 100%); background: linear-gradient(45deg, #ff3232 0%,#a4ea00 100%); */ } .mainnav li, #logo .ng { font-weight:400; font-weight:300; line-height:1.2; height:1.2em; margin-bottom:2rem; } .ng { font-weight:400 !important; } #logo .ng a { display:inline-block;} @media all and (min-width: 1024px) { #logo .ng a { position:relative; padding-left:62px;} #logo .ng a::before { display:inline-block; content:""; width:48px; height:48px; position:absolute; left:0; top:50%; transform:translateY(-50%); background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve"> <path fill ="white" d="M51.5,21c-4.7,0-8.5-3.8-8.5-8.5C43,7.8,46.8,4,51.5,4S60,7.8,60,12.5C60,17.2,56.2,21,51.5,21z M12.5,4c-0.3,0-0.6,0-0.8,0 c-0.1,0-0.2,0-0.4,0.1c-0.2,0-0.3,0-0.5,0.1c-0.1,0-0.3,0.1-0.4,0.1c-0.1,0-0.3,0.1-0.4,0.1c-0.1,0-0.3,0.1-0.4,0.1 c-0.1,0-0.3,0.1-0.4,0.1C9.1,4.7,9,4.8,8.9,4.9C8.8,4.9,8.6,5,8.5,5C8.4,5.1,8.3,5.2,8.2,5.2C8,5.3,7.9,5.4,7.8,5.5 C7.7,5.6,7.5,5.6,7.4,5.7C7.3,5.8,7.2,5.9,7.1,6C6.9,6.1,6.7,6.3,6.5,6.5c0,0,0,0,0,0v0C6.3,6.7,6.1,6.9,5.9,7.1 C5.8,7.2,5.8,7.4,5.7,7.5C5.6,7.6,5.5,7.7,5.4,7.8C5.4,7.9,5.3,8.1,5.2,8.2C5.1,8.3,5.1,8.4,5,8.5C4.9,8.7,4.9,8.8,4.8,8.9 C4.8,9,4.7,9.2,4.6,9.3C4.6,9.4,4.6,9.5,4.5,9.7c0,0.1-0.1,0.3-0.1,0.4c0,0.1-0.1,0.3-0.1,0.4c0,0.1-0.1,0.3-0.1,0.4 c0,0.1,0,0.3-0.1,0.4c0,0.1,0,0.2-0.1,0.4c0,0.3,0,0.6,0,0.8c0,0,0,0,0,0c0,0,0,0,0,0v38.9c0,0.3,0,0.6,0,0.8c0,0.1,0,0.2,0.1,0.4 c0,0.2,0,0.3,0.1,0.5c0,0.1,0.1,0.3,0.1,0.4c0,0.1,0.1,0.3,0.1,0.4c0,0.1,0.1,0.3,0.1,0.4c0,0.1,0.1,0.3,0.1,0.4 c0.1,0.1,0.1,0.2,0.2,0.4c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.2,0.2,0.3,0.4 c0.1,0.1,0.1,0.2,0.2,0.3c0.4,0.4,0.8,0.8,1.2,1.2c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0.2,0.2,0.4,0.3c0.1,0.1,0.2,0.2,0.4,0.2 c0.1,0.1,0.2,0.1,0.3,0.2c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.1,0.4,0.2c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.3,0.1,0.4,0.1 c0.1,0,0.3,0.1,0.4,0.1c0.1,0,0.3,0.1,0.4,0.1c0.1,0,0.3,0,0.4,0.1c0.1,0,0.2,0,0.4,0.1c0.6,0.1,1.1,0.1,1.7,0c0.1,0,0.2,0,0.4-0.1 c0.1,0,0.3,0,0.4-0.1c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.3-0.1,0.4-0.1 c0.1-0.1,0.2-0.1,0.4-0.2c0.1-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.3-0.2c0.1-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.2,0.4-0.3 c0.1-0.1,0.2-0.1,0.3-0.2c0.4-0.4,0.8-0.8,1.2-1.2c0.1-0.1,0.2-0.2,0.2-0.3c0.1-0.1,0.2-0.2,0.3-0.4c0.1-0.1,0.2-0.2,0.2-0.4 c0.1-0.1,0.1-0.2,0.2-0.3c0.1-0.1,0.1-0.3,0.2-0.4c0.1-0.1,0.1-0.2,0.2-0.4c0.1-0.1,0.1-0.3,0.1-0.4c0-0.1,0.1-0.3,0.1-0.4 c0-0.1,0.1-0.3,0.1-0.4c0-0.1,0.1-0.3,0.1-0.4c0-0.1,0-0.3,0.1-0.4c0-0.1,0-0.2,0.1-0.4c0-0.3,0-0.6,0-0.8V33l24.4,24.4 c0,0,0,0,0,0.1c0,0,0,0,0.1,0.1l0.1,0.1l0,0c1.5,1.4,3.3,2.2,5.2,2.3c0,0,0,0,0,0c0.3,0,0.5,0,0.8,0c0,0,0,0,0.1,0 c0.2,0,0.5,0,0.7,0c0,0,0.1,0,0.1,0c0.2,0,0.4-0.1,0.7-0.1c0.1,0,0.1,0,0.2,0c0.2,0,0.4-0.1,0.6-0.1c0.1,0,0.2-0.1,0.2-0.1 c0.2-0.1,0.3-0.1,0.5-0.2c0.1,0,0.2-0.1,0.3-0.1c0.1-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.4-0.2 c0.1-0.1,0.3-0.2,0.4-0.3c0.1-0.1,0.2-0.1,0.3-0.2c0.2-0.2,0.4-0.4,0.6-0.6c0,0,0,0,0,0c1.7-1.7,2.5-3.8,2.5-6 c0-1.6-0.5-3.3-1.4-4.7c-0.2-0.2-0.3-0.5-0.5-0.7c-0.2-0.2-0.4-0.4-0.6-0.6l-39-38.9c0,0,0,0,0,0c-0.2-0.2-0.4-0.4-0.6-0.6 c-0.1-0.1-0.2-0.2-0.3-0.2c-0.1-0.1-0.2-0.2-0.4-0.3c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1-0.1-0.2-0.1-0.3-0.2c-0.1-0.1-0.3-0.1-0.4-0.2 c-0.1-0.1-0.2-0.1-0.4-0.2c-0.1-0.1-0.3-0.1-0.4-0.1c-0.1,0-0.3-0.1-0.4-0.1c-0.1,0-0.3-0.1-0.4-0.1c-0.1,0-0.3-0.1-0.4-0.1 c-0.1,0-0.3,0-0.5-0.1c-0.1,0-0.2,0-0.4-0.1C13.1,4.1,12.8,4,12.5,4L12.5,4C12.5,4,12.5,4,12.5,4z"/> </svg>'); background-position: center center; background-size: contain; background-repeat: no-repeat; } body.post #logo .ng a::before, body.single-work #logo .ng a::before { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve"> <path fill="black" d="M51.5,21c-4.7,0-8.5-3.8-8.5-8.5C43,7.8,46.8,4,51.5,4S60,7.8,60,12.5C60,17.2,56.2,21,51.5,21z M12.5,4c-0.3,0-0.6,0-0.8,0 c-0.1,0-0.2,0-0.4,0.1c-0.2,0-0.3,0-0.5,0.1c-0.1,0-0.3,0.1-0.4,0.1c-0.1,0-0.3,0.1-0.4,0.1c-0.1,0-0.3,0.1-0.4,0.1 c-0.1,0-0.3,0.1-0.4,0.1C9.1,4.7,9,4.8,8.9,4.9C8.8,4.9,8.6,5,8.5,5C8.4,5.1,8.3,5.2,8.2,5.2C8,5.3,7.9,5.4,7.8,5.5 C7.7,5.6,7.5,5.6,7.4,5.7C7.3,5.8,7.2,5.9,7.1,6C6.9,6.1,6.7,6.3,6.5,6.5c0,0,0,0,0,0v0C6.3,6.7,6.1,6.9,5.9,7.1 C5.8,7.2,5.8,7.4,5.7,7.5C5.6,7.6,5.5,7.7,5.4,7.8C5.4,7.9,5.3,8.1,5.2,8.2C5.1,8.3,5.1,8.4,5,8.5C4.9,8.7,4.9,8.8,4.8,8.9 C4.8,9,4.7,9.2,4.6,9.3C4.6,9.4,4.6,9.5,4.5,9.7c0,0.1-0.1,0.3-0.1,0.4c0,0.1-0.1,0.3-0.1,0.4c0,0.1-0.1,0.3-0.1,0.4 c0,0.1,0,0.3-0.1,0.4c0,0.1,0,0.2-0.1,0.4c0,0.3,0,0.6,0,0.8c0,0,0,0,0,0c0,0,0,0,0,0v38.9c0,0.3,0,0.6,0,0.8c0,0.1,0,0.2,0.1,0.4 c0,0.2,0,0.3,0.1,0.5c0,0.1,0.1,0.3,0.1,0.4c0,0.1,0.1,0.3,0.1,0.4c0,0.1,0.1,0.3,0.1,0.4c0,0.1,0.1,0.3,0.1,0.4 c0.1,0.1,0.1,0.2,0.2,0.4c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.2,0.2,0.3,0.4 c0.1,0.1,0.1,0.2,0.2,0.3c0.4,0.4,0.8,0.8,1.2,1.2c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0.2,0.2,0.4,0.3c0.1,0.1,0.2,0.2,0.4,0.2 c0.1,0.1,0.2,0.1,0.3,0.2c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.1,0.4,0.2c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.3,0.1,0.4,0.1 c0.1,0,0.3,0.1,0.4,0.1c0.1,0,0.3,0.1,0.4,0.1c0.1,0,0.3,0,0.4,0.1c0.1,0,0.2,0,0.4,0.1c0.6,0.1,1.1,0.1,1.7,0c0.1,0,0.2,0,0.4-0.1 c0.1,0,0.3,0,0.4-0.1c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.3-0.1,0.4-0.1 c0.1-0.1,0.2-0.1,0.4-0.2c0.1-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.3-0.2c0.1-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.2,0.4-0.3 c0.1-0.1,0.2-0.1,0.3-0.2c0.4-0.4,0.8-0.8,1.2-1.2c0.1-0.1,0.2-0.2,0.2-0.3c0.1-0.1,0.2-0.2,0.3-0.4c0.1-0.1,0.2-0.2,0.2-0.4 c0.1-0.1,0.1-0.2,0.2-0.3c0.1-0.1,0.1-0.3,0.2-0.4c0.1-0.1,0.1-0.2,0.2-0.4c0.1-0.1,0.1-0.3,0.1-0.4c0-0.1,0.1-0.3,0.1-0.4 c0-0.1,0.1-0.3,0.1-0.4c0-0.1,0.1-0.3,0.1-0.4c0-0.1,0-0.3,0.1-0.4c0-0.1,0-0.2,0.1-0.4c0-0.3,0-0.6,0-0.8V33l24.4,24.4 c0,0,0,0,0,0.1c0,0,0,0,0.1,0.1l0.1,0.1l0,0c1.5,1.4,3.3,2.2,5.2,2.3c0,0,0,0,0,0c0.3,0,0.5,0,0.8,0c0,0,0,0,0.1,0 c0.2,0,0.5,0,0.7,0c0,0,0.1,0,0.1,0c0.2,0,0.4-0.1,0.7-0.1c0.1,0,0.1,0,0.2,0c0.2,0,0.4-0.1,0.6-0.1c0.1,0,0.2-0.1,0.2-0.1 c0.2-0.1,0.3-0.1,0.5-0.2c0.1,0,0.2-0.1,0.3-0.1c0.1-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.4-0.2 c0.1-0.1,0.3-0.2,0.4-0.3c0.1-0.1,0.2-0.1,0.3-0.2c0.2-0.2,0.4-0.4,0.6-0.6c0,0,0,0,0,0c1.7-1.7,2.5-3.8,2.5-6 c0-1.6-0.5-3.3-1.4-4.7c-0.2-0.2-0.3-0.5-0.5-0.7c-0.2-0.2-0.4-0.4-0.6-0.6l-39-38.9c0,0,0,0,0,0c-0.2-0.2-0.4-0.4-0.6-0.6 c-0.1-0.1-0.2-0.2-0.3-0.2c-0.1-0.1-0.2-0.2-0.4-0.3c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1-0.1-0.2-0.1-0.3-0.2c-0.1-0.1-0.3-0.1-0.4-0.2 c-0.1-0.1-0.2-0.1-0.4-0.2c-0.1-0.1-0.3-0.1-0.4-0.1c-0.1,0-0.3-0.1-0.4-0.1c-0.1,0-0.3-0.1-0.4-0.1c-0.1,0-0.3-0.1-0.4-0.1 c-0.1,0-0.3,0-0.5-0.1c-0.1,0-0.2,0-0.4-0.1C13.1,4.1,12.8,4,12.5,4L12.5,4C12.5,4,12.5,4,12.5,4z"/> </svg>');} #logo .ng a::before, body.post #logo .ng a::before, body.single-work #logo .ng a::before { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve"> <rect x="4" y="12.4" fill="%23EE1B24" width="17" height="9.6"/> <rect x="4" y="22" fill="%23F36522" width="17" height="7.6"/> <rect x="4" y="29.6" fill="%23FFDE17" width="17" height="7.6"/> <rect x="4" y="37.2" fill="%2307A14B" width="17" height="7.6"/> <path fill="%231D74BD" d="M4,51.5c0,0.3,0,0.6,0.1,0.9H21c0-0.3,0.1-0.6,0.1-0.9v-6.7H4V51.5z"/> <path fill="%23672D90" d="M21,52.4H4.1c0.5,4.3,4.1,7.6,8.5,7.6S20.5,56.7,21,52.4z"/> <path fill="%23170601" d="M11.4,4.1L60,52.7c0.4-2.6-0.4-5.3-2.4-7.2l-39.1-39C16.6,4.5,13.9,3.7,11.4,4.1z"/> <path fill="%235C3219" d="M7.9,5.4l50.8,50.8c0.7-1.1,1.1-2.3,1.3-3.5L11.4,4.1C10.2,4.3,8.9,4.7,7.9,5.4L7.9,5.4z"/> <path fill="%23256CB8" d="M6.5,6.5C6.1,6.9,5.7,7.3,5.4,7.8l50.9,50.9c0.5-0.3,0.9-0.7,1.3-1.1c0.4-0.4,0.8-0.8,1.1-1.3L7.9,5.4 C7.4,5.7,6.9,6.1,6.5,6.5z"/> <path fill="%23F37CBE" d="M4.1,11.3l48.7,48.7c1.2-0.2,2.4-0.6,3.5-1.3L5.4,7.8C4.7,8.9,4.3,10.1,4.1,11.3z"/> <path fill="%23FEFDFE" d="M45.6,57.6C45.6,57.6,45.6,57.6,45.6,57.6l0.1,0.1l0,0c2,1.9,4.6,2.6,7.1,2.3L4.1,11.3 c-0.3,2.4,0.3,4.9,2,6.8l22,22L45.6,57.6C45.5,57.5,45.6,57.5,45.6,57.6L45.6,57.6z"/> <circle fill="%23FDD01A" cx="51.5" cy="12.5" r="8.5"/> <path fill="%23672D91" d="M51.5,4C46.8,4,43,7.8,43,12.5s3.8,8.5,8.5,8.5s8.5-3.8,8.5-8.5S56.2,4,51.5,4z M51.5,18.3 c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8S54.8,18.3,51.5,18.3z"/></svg>'); } /* body.post #logo .ng a:hover::before, body.single-work #logo .ng a:hover::before, #logo .ng a:hover::before{ background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve"> <path fill="%236653ff" d="M51.5,21c-4.7,0-8.5-3.8-8.5-8.5C43,7.8,46.8,4,51.5,4S60,7.8,60,12.5C60,17.2,56.2,21,51.5,21z M12.5,4c-0.3,0-0.6,0-0.8,0 c-0.1,0-0.2,0-0.4,0.1c-0.2,0-0.3,0-0.5,0.1c-0.1,0-0.3,0.1-0.4,0.1c-0.1,0-0.3,0.1-0.4,0.1c-0.1,0-0.3,0.1-0.4,0.1 c-0.1,0-0.3,0.1-0.4,0.1C9.1,4.7,9,4.8,8.9,4.9C8.8,4.9,8.6,5,8.5,5C8.4,5.1,8.3,5.2,8.2,5.2C8,5.3,7.9,5.4,7.8,5.5 C7.7,5.6,7.5,5.6,7.4,5.7C7.3,5.8,7.2,5.9,7.1,6C6.9,6.1,6.7,6.3,6.5,6.5c0,0,0,0,0,0v0C6.3,6.7,6.1,6.9,5.9,7.1 C5.8,7.2,5.8,7.4,5.7,7.5C5.6,7.6,5.5,7.7,5.4,7.8C5.4,7.9,5.3,8.1,5.2,8.2C5.1,8.3,5.1,8.4,5,8.5C4.9,8.7,4.9,8.8,4.8,8.9 C4.8,9,4.7,9.2,4.6,9.3C4.6,9.4,4.6,9.5,4.5,9.7c0,0.1-0.1,0.3-0.1,0.4c0,0.1-0.1,0.3-0.1,0.4c0,0.1-0.1,0.3-0.1,0.4 c0,0.1,0,0.3-0.1,0.4c0,0.1,0,0.2-0.1,0.4c0,0.3,0,0.6,0,0.8c0,0,0,0,0,0c0,0,0,0,0,0v38.9c0,0.3,0,0.6,0,0.8c0,0.1,0,0.2,0.1,0.4 c0,0.2,0,0.3,0.1,0.5c0,0.1,0.1,0.3,0.1,0.4c0,0.1,0.1,0.3,0.1,0.4c0,0.1,0.1,0.3,0.1,0.4c0,0.1,0.1,0.3,0.1,0.4 c0.1,0.1,0.1,0.2,0.2,0.4c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.2,0.2,0.3,0.4 c0.1,0.1,0.1,0.2,0.2,0.3c0.4,0.4,0.8,0.8,1.2,1.2c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0.2,0.2,0.4,0.3c0.1,0.1,0.2,0.2,0.4,0.2 c0.1,0.1,0.2,0.1,0.3,0.2c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.1,0.4,0.2c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.3,0.1,0.4,0.1 c0.1,0,0.3,0.1,0.4,0.1c0.1,0,0.3,0.1,0.4,0.1c0.1,0,0.3,0,0.4,0.1c0.1,0,0.2,0,0.4,0.1c0.6,0.1,1.1,0.1,1.7,0c0.1,0,0.2,0,0.4-0.1 c0.1,0,0.3,0,0.4-0.1c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.3-0.1,0.4-0.1 c0.1-0.1,0.2-0.1,0.4-0.2c0.1-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.3-0.2c0.1-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.2,0.4-0.3 c0.1-0.1,0.2-0.1,0.3-0.2c0.4-0.4,0.8-0.8,1.2-1.2c0.1-0.1,0.2-0.2,0.2-0.3c0.1-0.1,0.2-0.2,0.3-0.4c0.1-0.1,0.2-0.2,0.2-0.4 c0.1-0.1,0.1-0.2,0.2-0.3c0.1-0.1,0.1-0.3,0.2-0.4c0.1-0.1,0.1-0.2,0.2-0.4c0.1-0.1,0.1-0.3,0.1-0.4c0-0.1,0.1-0.3,0.1-0.4 c0-0.1,0.1-0.3,0.1-0.4c0-0.1,0.1-0.3,0.1-0.4c0-0.1,0-0.3,0.1-0.4c0-0.1,0-0.2,0.1-0.4c0-0.3,0-0.6,0-0.8V33l24.4,24.4 c0,0,0,0,0,0.1c0,0,0,0,0.1,0.1l0.1,0.1l0,0c1.5,1.4,3.3,2.2,5.2,2.3c0,0,0,0,0,0c0.3,0,0.5,0,0.8,0c0,0,0,0,0.1,0 c0.2,0,0.5,0,0.7,0c0,0,0.1,0,0.1,0c0.2,0,0.4-0.1,0.7-0.1c0.1,0,0.1,0,0.2,0c0.2,0,0.4-0.1,0.6-0.1c0.1,0,0.2-0.1,0.2-0.1 c0.2-0.1,0.3-0.1,0.5-0.2c0.1,0,0.2-0.1,0.3-0.1c0.1-0.1,0.3-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.4-0.2c0.1-0.1,0.2-0.1,0.4-0.2 c0.1-0.1,0.3-0.2,0.4-0.3c0.1-0.1,0.2-0.1,0.3-0.2c0.2-0.2,0.4-0.4,0.6-0.6c0,0,0,0,0,0c1.7-1.7,2.5-3.8,2.5-6 c0-1.6-0.5-3.3-1.4-4.7c-0.2-0.2-0.3-0.5-0.5-0.7c-0.2-0.2-0.4-0.4-0.6-0.6l-39-38.9c0,0,0,0,0,0c-0.2-0.2-0.4-0.4-0.6-0.6 c-0.1-0.1-0.2-0.2-0.3-0.2c-0.1-0.1-0.2-0.2-0.4-0.3c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1-0.1-0.2-0.1-0.3-0.2c-0.1-0.1-0.3-0.1-0.4-0.2 c-0.1-0.1-0.2-0.1-0.4-0.2c-0.1-0.1-0.3-0.1-0.4-0.1c-0.1,0-0.3-0.1-0.4-0.1c-0.1,0-0.3-0.1-0.4-0.1c-0.1,0-0.3-0.1-0.4-0.1 c-0.1,0-0.3,0-0.5-0.1c-0.1,0-0.2,0-0.4-0.1C13.1,4.1,12.8,4,12.5,4L12.5,4C12.5,4,12.5,4,12.5,4z"/> </svg>');} */ } .mainnav li a { color:#B2B2B2; display:inline-block; text-decoration:none; transition:color 0.3s ease; position:relative; } #logo .ng a, .mainnav li a { padding-top:0.3em; padding-bottom:0.3em; position:relative; top:-0.3em; } .mainnav li a:hover { color:#ffffff; color:#6653ff; } body.page-id-163 .mainnav li#menu-item-44 a, body.tax-discipline .mainnav li#menu-item-44 a, body.tax-sector .mainnav li#menu-item-44 a, body.single-work .mainnav li#menu-item-44 a, .mainnav li.current_page_parent a, .mainnav li.current-menu-item a, .mainnav li.current_page_item a { color:#FFF; /*border-bottom:1px solid #FFF;*/ } body.page-id-163 .mainnav li#menu-item-44 a::after, body.tax-discipline .mainnav li#menu-item-44 a::after, body.tax-sector .mainnav li#menu-item-44 a::after, body.single-work .mainnav li#menu-item-44 a::after, .mainnav li.current_page_parent a::after, .mainnav li.current-menu-item a::after, .mainnav li.current_page_item a::after { content:""; width:100%; bottom:0; height:0; border-bottom:1px solid #FFF; position:absolute; left:0; } body.tax-discipline .mainnav li.current_page_parent a::after, body.tax-sector .mainnav li.current_page_parent a::after { display:none !important; } @media all and (max-width: 1023px) { .mainnav {display:none;} } .hamburger { font-family: 'fa'; color:#B2B2B2; line-height:1; text-align:right; z-index: 9999; margin:0 0 0 0; font-size:3rem; overflow:hidden; position:absolute; top:20px; right:4rem; display:block; opacity:1; width:30px; height:30px; transition:all 0.2s ease; pointer-events: auto !important; } @media screen and (max-width:639px){ .hamburger { right: 2rem; } } /* .hamburger span { position:absolute; top:-999em; right:-999em; } .hamburger::before { z-index:99; width:100%; line-height:1; text-align:center; text-indent:0; content: "\f0c9"; transform:translateY(-50%); } */ .hamburger::before { content:""; width:100%; height:4px; display:block; position:absolute; top:7px; left:0; border-top:1px solid rgba(255,255,255,0.75);border-bottom:1px solid rgba(255,255,255,0.75); transition:all 0.2s ease; } .hamburger::after { content:""; width:100%; height:4px; display:block; position:absolute; top:17px; left:0; border-top:1px solid rgba(255,255,255,0.75);border-bottom:1px solid rgba(255,255,255,0.75); transition:all 0.2s ease; } .hamburger:hover::before, .hamburger:hover::after {border-top-color: rgba(255,255,255,1); border-bottom-color: rgba(255,255,255,1); } body.single-work .hamburger::before, body.single-post .hamburger::before, body.post .hamburger::before, body.single-work .hamburger::after, body.single-post .hamburger::after, body.post .hamburger::after {border-top-color: rgba(0,0,0,0.75) !important; border-bottom-color: rgba(0,0,0,0.75) !important; } body.single-post .hamburger:hover::before, body.post .hamburger:hover::before, body.single-work .hamburger:hover::after, body.single-post .hamburger:hover::before, body.post .hamburger:hover::before, body.single-work .hamburger:hover::after {border-top-color: rgba(0,0,0,1) !important; border-bottom-color: rgba(0,0,0,1) !important; } @media all and (max-width: 1023px) { .hamburger { top:15px; } #masthead.hasalert .hamburger { top:72px; } } .hamburger:hover { color:#FFF;} @media all and (min-width: 1024px) { .hamburger {display:none;} } .hamburger1.opened { background:green;} .hamburger.opened::before { height:0; top:50%; left:0; border-top:0px solid white; transform:rotate(-45deg);} .hamburger.opened::after { width:100%; height:0; top:50%; left:0; border-bottom:0px solid white; transform:rotate(45deg);} #mobilenavwrap {position:fixed; /*bottom:0;*/ top:6rem; left:-100%; width:calc(100% - 4rem); width:calc(100% - 5.5rem);width: 100%;height:calc(100% - 6rem); overflow:auto; z-index:9998; transition:all 0.4s ease; opacity:0; background:rgba(44,41,38,0.95); } #mobilenav { text-align:left; position:relative; height:100%; /*margin:50px 0 28px; */ } @media screen and (max-width:639px){ #mobilenavwrap { width:calc(100% - 2rem); width:calc(100% - 3.5rem); width: 100%; } } #mobilenav ul { position:relative; top:50%; transform:translateY(-60%); } #mobilenav li { font-size:3rem; font-weight:300; margin-bottom:1em; } #mobilenav a { color:#FFF; text-decoration:none; position:relative; left:50%; transform:translateX(-50%); width:3.35em; display:inline-block; } #mobilenav a:hover { color:#ffffff; color:#6653ff; } #mobilenavwrap.navshown { left:0; opacity:1; } @media all and (min-width: 1024px){ #mobilenavwrap, #mobilenavwrap.navshown { left:-100% !important; opacity:0 !important ; } } @media all and (max-width: 1099px) and (min-width: 768px){ #mobilenav li { font-size:3rem; } } #worknav { } body.hasjs #refine,#refine {display:none; clear:both;} #refine h3 { color:#B2B2B2; color:white; font-size:1.8rem; margin:0 0 1em 0; font-weight:300 !important;} #refine h3:hover { color:#ffffff; color:#6653ff } #view {float:left; width:25%; text-align:left; } #worknav p { font-size:1.8rem; margin-bottom:0; color:#B2B2B2; } #worknav p a { color:#B2B2B2; text-decoration:none; } #worknav p a:hover { color:#ffffff; color:#6653ff } #worknav p a::after {font-size:1.2rem; padding-left:1rem; position:relative; top:-2px;} #worknav ul#anchorlinks { width:100%;} #worknav ul#anchorlinks li {font-size:1.8rem; float:left; width:25%; margin:0; font-weight:300; margin-bottom:0; height:1.2em;} #worknav ul#anchorlinks li a { color:#B2B2B2; transition:all 0.2s ease; padding-top:0.3em; padding-top:0.3em; position:relative; top:-0.3em; display:inline-block;} #worknav ul#anchorlinks li a:hover { color:#FFF; } ul.list li { margin-bottom:2px; } ul.list li a { display:block; color:#B2B2B2; text-decoration:none; transition:all 0.4s ease; position:relative; overflow:hidden; } ul.list li a:hover { color:#ffffff !important; color:#6653ff !important; overflow: visible ;} ul.list li a.current { color:#FFF; } ul.list li a img { display:block; position:absolute; top:0; right:0; opacity:0; transition:opacity 0.3s ease; width:calc(50% - 14px); height:auto; z-index:10;} ul.list li a:hover img { opacity:1; } #refining { clear:both; position:relative; min-height:4.5rem; min-height:4rem; } @media all and (min-width: 1024px) { #worknav ul { width:50%; } #refining { top:-2rem; } } @media all and (max-width: 1023px) { #aboutnav { min-height:4rem; background:#383838; position:fixed; z-index:9999; top:6rem !important; width:100%;} } @media all and (min-width: 1024px) { #aboutnav { min-height:4rem; background:#383838; position:fixed; z-index:9999; top:8rem !important;width:100%;} body.pagescrolled #aboutnav { top:6rem !important; } body.pagescrolled #refining { } } /*#worknav { position:absolute; top:0; left:0; width:100%;}*/ #refine, #showrefine { padding-bottom:2rem; } #showrefine a.shown { color:#FFF;/* font-weight:400; */} @media all and (max-width: 639px) { #refine h3 { margin:0 0 1em 0; } #refine .half:first-child { /*margin-bottom:2rem;*/ } #refine .half { width:50%; float:left; } #anchorlinks li:first-child a, #showrefine { padding-left:4rem;} } .anchor_, .anchor { display:block; height:4rem; clear:both; /*position:absolute;*/ left:0; top:0; width:10px; } @media all and (min-width: 640px) and (max-width: 1023px) { #refine .half { width:50%; float:left; } #anchorlinks li:first-child a, #showrefine { padding-left:4rem;} } @media screen and (max-width:639px){ /*#anchorlinks li:nth-child(2n+1) a, #anchorlinks li a,*/ #anchorlinks li:first-child a, #showrefine { padding-left:2rem; } .anchor_, .anchor { height:2rem; } } @media all and (min-width: 1024px) { ul.list { width:50%; float:left; /*background: -moz-linear-gradient(45deg, #ff3232 0%, #a4ea00 100%); background: -webkit-linear-gradient(45deg, #ff3232 0%,#a4ea00 100%); background: linear-gradient(45deg, #ff3232 0%,#a4ea00 100%); */} } @media all and (max-width: 1300px) { ul.list li a img { display:none !important; } } #content ul.list:last-child{ margin-bottom:3rem; } /*body.hasjs */ul.worklist li, .thing, .stat { opacity:0; top:4rem; position:relative; /*-webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px);*/ } body.about ul.worklist li, body.about .thing, .stat { top:0; } /*body.hasjs */ul.worklist li.appear, .thing.appear, .stat.appear{ opacity:1; top:0; transition:all 0.75s ease; /*-webkit-filter: blur(0); -moz-filter: blur(0); -o-filter: blur(0); -ms-filter: blur(0); filter: blur(0);*/ } /*ul.worklist li.appear:nth-child(1) { transition-delay: 0 } ul.worklist li.appear:nth-child(2) { transition-delay: 0.1s } ul.worklist li.appear:nth-child(3) { transition-delay: 0.2s } ul.worklist li.appear:nth-child(4) { transition-delay: 0.3s } ul.worklist li.appear:nth-child(5) { transition-delay: 0.4s } ul.worklist li.appear:nth-child(6) { transition-delay: 0.5s } ul.worklist li.appear:nth-child(7) { transition-delay: 0.6s } ul.worklist li.appear:nth-child(8) { transition-delay: 0.7s } ul.worklist li.appear:nth-child(9) { transition-delay: 0.8s } ul.worklist li.appear:nth-child(10) { transition-delay: 0.9s } ul.worklist li.appear:nth-child(11) { transition-delay: 1s } ul.worklist li.appear:nth-child(12) { transition-delay: 1.1s } ul.worklist li.appear:nth-child(13) { transition-delay: 1.2s } ul.worklist li.appear:nth-child(14) { transition-delay: 1.3s } ul.worklist li.appear:nth-child(15) { transition-delay: 1.4s } */ #work_list { } ul.worklist { width:100%; clear:both; } ul.worklist li { width:100%; margin:0; padding:0 !important; /*background: -moz-linear-gradient(45deg, #f0f 0%, #00f 100%); background: -webkit-linear-gradient(45deg, #f0f 0%,#00f 100%); background: linear-gradient(45deg, #f0f 0%,#00f 100%);*/ } ul.worklist li a { cursor:default; display:block; position:relative; z-index:90; color:#FFF; text-decoration:none; transition:all 0.2s ease; /*transition-delay:0.02s;*/} ul.worklist li a p { padding:1em 4rem 1em 0; min-height:3.6em; line-height:1.2; /*display:inline-block;*/ } ul.worklist li a span.date{ font-weight:300; font-size:0.888888em; font-size:0.8333333333333333em; display:block;color:#B2B2B2; line-height:1.44 ;} ul.worklist li a p span { } ul.worklist li a p strong { font-weight: 400;} ul.worklist li a p i { font-style:normal; font-size:1.2rem; float:right; text-align:right; padding-top:2px; line-height:2.16rem; opacity:0.75; margin-left:1rem; } @media screen and (min-width:768px) { ul.worklist li a p i { display:none; } } body.post ul.worklist li a span.date{ color:#666; } ul.worklist li a div:not(.imgcaption):not(.cappad) { width:100%; height:0; padding-bottom:100%; overflow:hidden; background-repeat:no-repeat; background-size:cover !important; } ul.worklist li a div img { display:block; width:100%; height:auto; } ul.worklist li a:hover div { } /*ul.worklist:hover> li a{ margin:40px 20px 0; opacity:0.5;} ul.worklist li a:hover { color:#ffffff; margin:0; opacity:1; }*/ @media screen and (min-width:768px) { ul.worklist li a.unhovered{ /*margin:40px 20px 0;*/ opacity:0.4; z-index:89;} ul.worklist li a.hovered { cursor:pointer; color:#ffffff; margin:0; opacity:1; transform:scale(1.05,1.05); z-index:99; } } /*ul.worklist li:hover ~ li a */ /*ul.worklist2 li a div { } ul.worklist2 li a:hover div { transform:none; width:calc(100% - 20px);padding-bottom:calc(100% - 20px); margin:10px; } */ /**/@media screen and (max-width:767px) { ul.worklist li a p{ padding-left:2rem; } } @media screen and (min-width:768px) and (max-width:1024px){ /*@media screen and (max-width:1023px){*/ ul.worklist li { width:50%; float:left; } ul.worklist li:nth-child(2n+1) a p{ padding-left:4rem; } ul.worklist li:nth-child(2n+1) { clear:left; } } @media screen and (min-width:1024px){ ul.worklist li:nth-child(4n+1) a p{ padding-left:4rem; } ul.worklist li { width:25%; float:left; } ul.worklist li:nth-child(4n+1) { clear:left; } } body.post ul.worklist li a p{ color:#666; } body.post ul.worklist li a:hover p{ color:#000; } body.post, body.post #top, body.single-post, body.single-post #top { background:#e0e0e0; color:#000000; } body.single-work, body.single-work #top{ background:white; color:#000000; } body.post .ng a, body.single-work .ng a { color:#000000;} body.post #footer .col a:hover, body.single-work #footer .col a:hover { color:#f06; } body.post .mainnav li a { color:#666; } body.single-work .mainnav li.current_page_parent a, body.single-work .mainnav li.current_page_parent a, body.tax-discipline .mainnav li.current_page_parent a, body.tax-sector .mainnav li.current_page_parent a { color:#B2B2B2 !important; } body.post .ng a:hover, body.single-work .ng a:hover {color:#000000; } /*body.single-post #top, body.single-work #top { background:rgba(255,255,255,1); }*/ body.post .mainnav li a:hover , body.single-work .mainnav li a:hover , body.post .mainnav li#menu-item-46 a, body.single-work .mainnav li#menu-item-44 a { color:#000000;} body.post #footer .col p, body.post #footer .col p a, body.post #footer .col ul a, body.single-work #footer .col p, body.single-work #footer .col p a, body.single-work #footer .col ul a {color:#000000; } body.post #footer .col ul a:hover , body.single-work #footer .col ul a:hover {color:#ffffff; } /*body.tax-discipline .mainnav li#menu-item-44 a::after, body.tax-sector .mainnav li#menu-item-44 a::after,*/ body.single-work .mainnav li#menu-item-44 a::after, body.post .mainnav li.current_page_parent a::after, body.post .mainnav li.current-menu-item a::after, body.post .mainnav li.current_page_item a::after { border-bottom:1px solid #000; }.worklist { } /*body.page-id-18 .worklist { display:none; } body.page-id-18 .worklist:nth-child(1), body.page-id-18 .worklist:nth-child(2) { display:block !important; } */ .worklist .wrapper { clear:both; } #footer { border-top:1px dotted rgba(210,212,221,0.5); padding:4rem 0 2rem; } #footer .col { padding-bottom:1rem; } @media all and (min-width: 640px) { #footer .col { float:left; } #footer .quarter { width:25%; } #footer .threeeights { width:37.5%; } } @media all and (min-width: 640px) and (max-width: 1023px) { #footer .col:first-of-type p { padding-left:4rem; } } @media all and (max-width: 639px) { #footer .col p, #footer .col ul { padding-left:2rem; } #footer { padding:3rem 0 2rem; } } #footer .col p, #footer .col p a, #footer .col ul a { color:#FFFFFF; text-decoration:none; transition:color 0.2s ease;} #footer p.ng a:hover, #footer .col p a:hover, #footer .col li a:hover { color:#f06 !important; color:#6653ff !important }.post-nav { position:relative; display:none;color:#B2B2B2; transition:all 0.3s ease; } .post-nav a { display:block; color:#FFF; text-decoration:none; text-align:left; } .post-nav a img { display:block; width:100%; height:auto; position:relative; z-index:999; transition:all 0.8s ease; opacity:0; } .post-nav .post-nav-overlay { display:block; padding:1.6rem 1.8rem 3.6rem; position:relative; background:#383838; top:-1px; z-index:998; transition:all 0.8s ease; } .post-nav .post-nav-overlay div { } .post-nav * { margin:0 !important; } /* display:block below to reinstate */ @media screen and (min-width:1024px){ .post-nav { display:none; margin:0; position:absolute; top:50%; transform:translateY(-50%); width:18.75%; min-width:256px; opacity:1; z-index:999; } #next-post { right:0; transform:translate(100%, -50%); } #prev-post { left:0; transform:translate(-100%, -50%); } #next-post a img, #next-post .post-nav-overlay { left:100%;} #prev-post a img, #prev-post .post-nav-overlay { left:-100%;} .post-nav::before { font-family:"icons"; position:absolute; top:50%; font-size:5rem; color:#FFF; transform:translate(0, -50%); transition:all 0.2s ease; width:50px; text-align:center; display:inline-block; width:60px; } #next-post::before { content:"\e904"; left:-60px; } #prev-post::before { content:"\e905"; right:-60px; } .post-nav:hover .post-nav-overlay { transition-delay:0.2s;/**/ } #next-post:hover a img, #next-post:hover .post-nav-overlay{ left:0%; opacity:1; /*transform:translateX(-100%); */} #prev-post:hover a img, #prev-post:hover .post-nav-overlay{ left:0%; opacity:1; /*transform:translateX(100%);*/ } .post-nav:hover{transition:all 0.5s ease; } #next-post:hover { transform:translate(0, -50%); opacity:1; } #prev-post:hover { transform:translate(0, -50%); opacity:1; } .post-nav:hover::before { opacity:0; } /*#next-post:hover:before { left:50px; } #prev-post:hover::before { right:50px; } */ } .imgholder { position:relative; overflow-x:hidden; } .imgcaption { display:block; width:50%; position:absolute; bottom:0; right:0;transform:translateX(100%); /* */ /*z-index:50; */transition:all 0.3s ease; } .imgcaption div{ padding:6rem 2rem 2rem; padding:2rem 3rem 4rem 2rem; padding:4rem; } .imgcaption p {margin-bottom:0.5em !important; } @media screen and (max-width:639px){ .imgcaption div{ padding:4rem 1rem 1rem; padding:1.5rem 3rem 3rem 1.5rem; padding:2rem; } .imgcaption p { font-size:1.6rem !important; margin:0 1.5em 1em 0; line-height:1.3 !important; } .full_image .imgcaption { width:calc(100% - 2rem); } .twoimages .imgcaption { width:calc(100% - 2rem); } .squarelist li .imgcaption { width:100%; } } @media screen and (max-width:400px){ .squarelist li .small p{ font-size:1.4rem !important;} } @media screen and (min-width:640px) and (max-width:1023px){ .full_image .imgcaption { width:calc(50% - 2rem); } .twoimages .imgcaption { width:calc(50% - 2rem); } .squarelist li .imgcaption { width:100%; } } @media screen and (min-width:1024px){ .full_image .imgcaption { width:calc(50% - 2rem); } .twoimages .imgcaption { width:calc(100% - 2rem); } .squarelist li .imgcaption { width:100%; } } @media screen and (min-width:1280px){ .full_image .imgcaption { width:25%; } .twoimages .imgcaption { width:50%; } .squarelist li .imgcaption { width:calc(100% - 2rem); } } .captionshown { transform:translateX(0);} .captionbutton { width:30px; height:30px; z-index:32; position:absolute; /*bottom:1.5rem; right:1.5rem; */ border:15px solid transparent; bottom:0; right:0; transition:all 0.3s ease; } .captionbutton::before, .captionbutton::after { position:absolute; top:calc(50% - 1px); left:50%;left:0; display:block; content:""; height:0; border-top:1px solid white; transition:all 0.2s ease; box-shadow:1px 1px 1px rgba(0,0,0,0.1); } .captionbutton::before { width:50%; width:16px; transform:rotate(-45deg) translate(50%,50%); /**/ } .captionbutton::after { left: 1px ; width:16px; transform:rotate(45deg) translate(50%,50%); /* translate(100%,100%)*/ } .closecaption { background:none !important; border:15px solid transparent !important;} .closecaption::before, .closecaption::after { top:calc(50% - 1px); left:0; width:100%; box-shadow:none; } .closecaption::before { transform:rotate(-45deg); } .closecaption::after { transform:rotate(45deg); } .darkclose.closecaption::before, .darkclose.closecaption::after { border-top:1px solid black !important; } .darkclose.captionbutton::before, .darkclose.captionbutton::after { border-top:1px solid black !important; } .captionbutton { opacity:0; right:-20px; transition:all 0.5s ease 1s; } .captionbutton.isvisible { opacity:1; right:0; /* -moz-animation: flickerload 1s linear forwards; -webkit-animation: flickerload 1s linear forwards; animation: flickerload 1s linear forwards; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s;*/ } @-webkit-keyframes flickerload { 0% { opacity: 0; } 1% { opacity:0.33;} 3% { opacity: 0.33;} 4% { opacity: 0;} 16% { opacity: 0;} 17% { opacity: 0.33;} 20% { opacity: 0.33;} 21% { opacity: 0;} 29% { opacity: 0;} 30% { opacity: 0.4;} 36% { opacity: 0.4;} 37% { opacity: 0;} 40% { opacity: 0;} 42% { opacity: 0.4;} 47% { opacity: 0.4;} 48% { opacity: 0;} 50% { opacity: 0;} 51% { opacity:0.5;} 53% { opacity: 0.5;} 54% { opacity: 0;} 66% { opacity: 0;} 67% { opacity: 0.666;} 70% { opacity: 0.666;} 71% { opacity: 0;} 79% { opacity: 0;} 80% { opacity: 0.75;} 86% { opacity: 0.75;} 87% { opacity: 0; } 90% { opacity: 0;} 92% { opacity: 0.8;} 97% { opacity: 0.8;} 98% { opacity: 0; } 99% { opacity: 0; } 100% { opacity: 1;} } @-moz-keyframes flickerload { 0% { opacity: 0; } 1% { opacity:0.33;} 3% { opacity: 0.33;} 4% { opacity: 0;} 16% { opacity: 0;} 17% { opacity: 0.33;} 20% { opacity: 0.33;} 21% { opacity: 0;} 29% { opacity: 0;} 30% { opacity: 0.4;} 36% { opacity: 0.4;} 37% { opacity: 0;} 40% { opacity: 0;} 42% { opacity: 0.4;} 47% { opacity: 0.4;} 48% { opacity: 0;} 50% { opacity: 0;} 51% { opacity:0.5;} 53% { opacity: 0.5;} 54% { opacity: 0;} 66% { opacity: 0;} 67% { opacity: 0.666;} 70% { opacity: 0.666;} 71% { opacity: 0;} 79% { opacity: 0;} 80% { opacity: 0.75;} 86% { opacity: 0.75;} 87% { opacity: 0; } 90% { opacity: 0;} 92% { opacity: 0.8;} 97% { opacity: 0.8;} 98% { opacity: 0; } 99% { opacity: 0; } 100% { opacity: 1;} } @keyframes flickerload { 0% { opacity: 0; } 1% { opacity:0.33;} 3% { opacity: 0.33;} 4% { opacity: 0;} 16% { opacity: 0;} 17% { opacity: 0.33;} 20% { opacity: 0.33;} 21% { opacity: 0;} 29% { opacity: 0;} 30% { opacity: 0.4;} 36% { opacity: 0.4;} 37% { opacity: 0;} 40% { opacity: 0;} 42% { opacity: 0.4;} 47% { opacity: 0.4;} 48% { opacity: 0;} 50% { opacity: 0;} 51% { opacity:0.5;} 53% { opacity: 0.5;} 54% { opacity: 0;} 66% { opacity: 0;} 67% { opacity: 0.666;} 70% { opacity: 0.666;} 71% { opacity: 0;} 79% { opacity: 0;} 80% { opacity: 0.75;} 86% { opacity: 0.75;} 87% { opacity: 0; } 90% { opacity: 0;} 92% { opacity: 0.8;} 97% { opacity: 0.8;} 98% { opacity: 0; } 99% { opacity: 0; } 100% { opacity: 1;} } body.page-id-1111 #masthead {/* height:0;*/ position: absolute; top: 0; left: 0;} body.page-id-1111 #top { background:white; /*pointer-events:none !important;*/ } body.page-id-1111 #top a { pointer-events:auto; color:black !important; } @media screen and (max-width:639px){ body.page-id-1111 .hamburger::before, body.page-id-1111 .hamburger::before, body.post .hamburger::before, body.page-id-1111 .hamburger::after, body.page-id-1111 .hamburger::after, body.post .hamburger::after {border-top-color: rgba(0,0,0,0.75); border-bottom-color: rgba(0,0,0,0.75); } } @media screen and (min-width:640px){ body.page-id-1111 #top { background:none; /*pointer-events:none*/; transition:all 0.2s ease;} body.page-id-1111 #top a { pointer-events:auto; color:white !important; position:relative; z-index:9999; } body.page-id-1111 #top::before { content:""; height:100%; width:100%; position:absolute; top:0; left:0; z-index:9998; transition:all 0.2s ease; padding-bottom:0; opacity:0.1; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ) !important; } body.page-id-1111.pagescrolled #top::before { opacity:0.66; padding-bottom:5rem; } body.page-id-1111 .hamburger::before, body.page-id-1111 .hamburger::before, body.post .hamburger::before, body.page-id-1111 .hamburger::after, body.page-id-1111 .hamburger::after, body.post .hamburger::after {border-top-color: rgba(255,255,255,1); border-bottom-color: rgba(255,255,255,1); } body.page-id-1111 .hamburger, body.page-id-1111 .hamburger * { pointer-events:auto !important;} } @media screen and (min-width:1024px){ body.page-id-1111 #content { padding-top:0; } } body.page-id-1111 #top { } body.page-template-new_home_page{} body.page-template-new_home_page { background:white; color:#000000; } body.page-template-new_home_page #footer .col p, body.page-template-new_home_page #footer .col p a, body.page-template-new_home_page #footer .col ul a {color:#000000; } body.page-template-new_home_page #footer .col p a:hover , body.page-template-new_home_page #footer .col ul a:hover {color:#ffffff; color:#6653ff } body.page-template-new_home_page #footer .ng a {color:#000000; } body.page-template-new_home_page #footer .ng a:hover {color:#f06 !important; color:#6653ff !important } #homeslides { position:relative; overflow:hidden;} #homeslides .full_image{ } #homeslides .slider{ } #homeslides .slider div { } #homeslides * { margin:0 !important; } #homeslides div.img { background-size:cover; background-position:center; background-repeat:no-repeat; } #homeslides div img { display:block; width:100%; height:auto; } #homeslides .slide { position:relative; overflow:hidden; } @media screen and (min-width:640px){ #homeslides #welcome { color:white; font-weight:500; position:absolute; z-index:9990; height:60%; top:0; left:0; display:flex; pointer-events:none; width:100%; align-items: center; } } @media screen and (max-width:639px){ #homeslides #welcome { font-weight:500; position:relative; height:auto !important; padding:7rem 0 3rem; } #masthead.hasalert+#content #homeslides #welcome { padding-top:8rem; } } #homeslides #welcome p { font-size:4rem; line-height:1.2; width:calc(50% - 4rem); padding:0 0 0 4rem; margin:0; /*background:rgba(255,0,255,0.3)*/ } .slidetext i {display: none;} @media screen and (min-width:640px){ #homeslides .slide .slidetext { position:absolute; bottom:0; left:0; color:white; z-index:10; padding:0 0 2em 4rem; margin:0; } #homeslides .slide .slidetext a { color:white !important; } } @media screen and (max-width:639px){ #homeslides .slide .slidetext {padding: 0 !important; z-index:10;} #homeslides .slide .slidetext a { color:white !important;padding:1em 4rem 1em 0; display:block; min-height:3.6em; line-height:1.2; padding: 2rem 8rem 0 2rem; } #homeslides .slide .slidetext a:hover { color: white !important; } .slidetext i {display: block; position: absolute; top: 0; right:0; padding:2rem 2rem 0 0; color: white; font-style: normal;} #homeslides .img::before { content:""; display:block; position:absolute; width:100%; height:100%; width:25vw; left:0; top:0; z-index:1; opacity:0.4; background: -webkit-linear-gradient(left, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ) !important; } #homeslides .img::after { content:""; display:block; position:absolute; width:100%; height:100%; width:25vw; right:0; top:0; z-index:1; opacity:0.4; background: -webkit-linear-gradient(right, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ) !important; } #homeslides .slide::before { content:""; display:block; position:absolute; width:100%; height:0; padding-top:30vw; left:0; top:0; z-index:1; opacity:0.65; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ) !important; } } #homeslides .nextprev { position:absolute; bottom:0; right:0; color:white; z-index:9990; padding:0 4rem 2em 0; margin:0; display:block; } #homeslides .nextprevmob { display:none; } @media screen and (max-width:639px){ #homeslides .nextprev { display:none; } /* #homeslides .nextprev b.arrow{ display:none; } #homeslides .nextprev { bottom: 100vw; padding:0 0 2em 0; transform: translateY(100%); padding: 0 2rem 0 0; right: 0; }*/ #homeslides .slider { position: relative;} #homeslides .nextprevmob { pointer-events: none; display:block; width: 100%; height: 0; padding-bottom:100%; position: absolute; top: 0; left: 0; z-index: 10; } #homeslides .nextprevmob>b {pointer-events:auto; color: rgba(255,255,255,0); font-size: 0; z-index: 5; width: 60px; height: 100%; position: absolute; top: 0; } #homeslides .nextprevmob>b.prev { left: 0; } #homeslides .nextprevmob>b.next { right:0; } #homeslides .nextprevmob>b::before { content:""; display:block; z-index: -1; width: 160px; height: 100%; position: absolute; top: 0; pointer-events:none; opacity: 0.5; } #homeslides1 .nextprevmob>b.prev::before { left: 0; background: -webkit-linear-gradient(left, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% )} #homeslides1 .nextprevmob>b.next::before { right:0; background: -webkit-linear-gradient(right, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ) } #homeslides .nextprevmob>b::after { content:""; display:block; width: 30px; height: 30px; border: 2px solid white; position:absolute; top:50%; transform:translateY(-50%); border-right:none; border-bottom:none; } #homeslides .nextprevmob>b.prev::after { left: 20px; transform:translateY(-50%) rotate(-45deg); } #homeslides .nextprevmob>b.next::after { right:20px; transform:translateY(-50%) rotate(135deg); } } #homeslides .nextprev b { font-weight:300 !important; position:relative; display:inline-block; vertical-align:center; transition:all 0.2s ease; } #homeslides .nextprev i { font-style:normal !important; font-weight:300 !important; /* font-size:1.4rem !important;*/ } #homeslides .nextprev .prev { position:relative; /*padding-left:1.5em;*/} /*#homeslides .nextprev .prev::before { display:inline-block; content:""; border:1px solid white; width:0.75em; height:0.75em; transform:rotate(-45deg) translateY(-50%); position:absolute; top:calc(50% - 2px); left:calc((0.75em * 0.414)); border-bottom:none; border-right:none; } #homeslides .nextprev .prev::after { display:inline-block; content:""; border-top:1px solid white; width:calc(1.41421356237em - 1px); width:calc(0.75em * 1.414); height:0; position:absolute; top:50%; left:0; }*/ #homeslides .nextprev .prev::before { display:inline-block; content:""; width:20px; height:20px; /*background:url(images/arrows/left.svg) left center no-repeat; */background-size:20px 20px; margin-right:5px; vertical-align:center; position:relative; transform:translateY(20%); background-repeat:no-repeat; background-position:left center; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48ZyBpZD0iWE1MSURfMV8iPjxnIGlkPSJYTUxJRF8xMF8iPjxnIGlkPSJYTUxJRF8xM18iPjxnIGlkPSJYTUxJRF8yNl8iPjxnIGlkPSJYTUxJRF8yN18iPjxwYXRoIGlkPSJYTUxJRF8yOF8iIGNsYXNzPSJzdDAiIGQ9Ik0yMCwxMCIvPjwvZz48L2c+PC9nPjxnIGlkPSJYTUxJRF8xMl8iPjxnIGlkPSJYTUxJRF83XyI+PHBhdGggaWQ9IlhNTElEXzI0XyIgY2xhc3M9InN0MCIgZD0iTTEuNSwxMCIvPjwvZz48ZyBpZD0iWE1MSURfM18iPjxwYXRoIGlkPSJYTUxJRF8yMl8iIGNsYXNzPSJzdDAiIGQ9Ik0wLjEsMTAiLz48L2c+PC9nPjxnIGlkPSJYTUxJRF8xMV8iPjxnIGlkPSJYTUxJRF8yXyI+PHJlY3QgaWQ9IlhNTElEXzE5XyIgeD0iMC44IiB5PSI5LjUiIGNsYXNzPSJzdDAiIHdpZHRoPSIxOS4yIiBoZWlnaHQ9IjEiLz48L2c+PC9nPjwvZz48ZyBpZD0iWE1MSURfNF8iPjxwb2x5bGluZSBpZD0iWE1MSURfMTVfIiBjbGFzcz0ic3QwIiBwb2ludHM9IjEuNSwxMCAxMC43LDE5LjMgMTAsMjAgMC4xLDEwICIvPjwvZz48ZyBpZD0iWE1MSURfNV8iPjxwb2x5bGluZSBpZD0iWE1MSURfOV8iIGNsYXNzPSJzdDAiIHBvaW50cz0iMC4xLDEwIDEwLDAgMTAuNywwLjcgMS41LDEwICIvPjwvZz48L2c+PC9zdmc+); } #homeslides .nextprev .prev:hover::before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I2MyYmFmZjt9LnN0MXtmaWxsOiNjMmJhZmY7fTwvc3R5bGU+PGcgaWQ9IlhNTElEXzFfIj48ZyBpZD0iWE1MSURfMTBfIj48ZyBpZD0iWE1MSURfMTNfIj48ZyBpZD0iWE1MSURfMjZfIj48ZyBpZD0iWE1MSURfMjdfIj48cGF0aCBpZD0iWE1MSURfMjhfIiBjbGFzcz0ic3QwIiBkPSJNMjAsMTAiLz48L2c+PC9nPjwvZz48ZyBpZD0iWE1MSURfMTJfIj48ZyBpZD0iWE1MSURfN18iPjxwYXRoIGlkPSJYTUxJRF8yNF8iIGNsYXNzPSJzdDEiIGQ9Ik0xLjUsMTAiLz48L2c+PGcgaWQ9IlhNTElEXzNfIj48cGF0aCBpZD0iWE1MSURfMjJfIiBjbGFzcz0ic3QwIiBkPSJNMC4xLDEwIi8+PC9nPjwvZz48ZyBpZD0iWE1MSURfMTFfIj48ZyBpZD0iWE1MSURfMl8iPjxyZWN0IGlkPSJYTUxJRF8xOV8iIHg9IjAuOCIgeT0iOS41IiBjbGFzcz0ic3QxIiB3aWR0aD0iMTkuMiIgaGVpZ2h0PSIxIi8+PC9nPjwvZz48L2c+PGcgaWQ9IlhNTElEXzRfIj48cG9seWxpbmUgaWQ9IlhNTElEXzE1XyIgY2xhc3M9InN0MSIgcG9pbnRzPSIxLjUsMTAgMTAuNywxOS4zIDEwLDIwIDAuMSwxMCAiLz48L2c+PGcgaWQ9IlhNTElEXzVfIj48cG9seWxpbmUgaWQ9IlhNTElEXzlfIiBjbGFzcz0ic3QxIiBwb2ludHM9IjAuMSwxMCAxMCwwIDEwLjcsMC43IDEuNSwxMCAiLz48L2c+PC9nPjwvc3ZnPg==) !important; } #homeslides .nextprev .next { position:relative; /*padding-right:1.5em;*/} /*#homeslides .nextprev .next::before { display:inline-block; content:""; border:1px solid white; width:0.75em; height:0.75em; transform:rotate(45deg) translateY(-50%); position:absolute; top:calc(50% - 2px); right:calc((0.75em * 0.414)); border-bottom:none; border-left:none; } #homeslides .nextprev .next::after { display:inline-block; content:""; border-top:1px solid white; width:calc(1.41421356237em - 1px); width:calc(0.75em * 1.414); height:0; position:absolute; top:50%; right:0; }*/ #homeslides .nextprev .next::after { display:inline-block; content:""; width:20px; height:20px; /*background:url(images/arrows/right.svg) right center no-repeat;*/ background-size:20px 20px; margin-left:5px; vertical-align:center; position:relative; transform:translateY(20%); background-repeat:no-repeat; background-position:right center; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48ZyBpZD0iWE1MSURfMTBfIj48ZyBpZD0iWE1MSURfMTNfIj48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxMCIvPjwvZz48L2c+PC9nPjxnIGlkPSJYTUxJRF8xMl8iPjxnIGlkPSJYTUxJRF83XyI+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE4LjUsMTAiLz48L2c+PGcgaWQ9IlhNTElEXzNfIj48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTkuOSwxMCIvPjwvZz48L2c+PGcgaWQ9IlhNTElEXzExXyI+PGcgaWQ9IlhNTElEXzJfIj48cmVjdCB5PSI5LjUiIGNsYXNzPSJzdDAiIHdpZHRoPSIxOS4yIiBoZWlnaHQ9IjEiLz48L2c+PC9nPjwvZz48ZyBpZD0iWE1MSURfNF8iPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjE4LjUsMTAgOS4zLDAuNyAxMCwwIDE5LjksMTAgIi8+PC9nPjxnIGlkPSJYTUxJRF81XyI+PHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMTkuOSwxMCAxMCwyMCA5LjMsMTkuMyAxOC41LDEwICIvPjwvZz48L3N2Zz4=); } #homeslides .nextprev .next:hover::after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGMDA2Njt9PC9zdHlsZT48ZyBpZD0iWE1MSURfMTBfIj48ZyBpZD0iWE1MSURfMTNfIj48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxMCIvPjwvZz48L2c+PC9nPjxnIGlkPSJYTUxJRF8xMl8iPjxnIGlkPSJYTUxJRF83XyI+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE4LjUsMTAiLz48L2c+PGcgaWQ9IlhNTElEXzNfIj48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTkuOSwxMCIvPjwvZz48L2c+PGcgaWQ9IlhNTElEXzExXyI+PGcgaWQ9IlhNTElEXzJfIj48cmVjdCB5PSI5LjUiIGNsYXNzPSJzdDAiIHdpZHRoPSIxOS4yIiBoZWlnaHQ9IjEiLz48L2c+PC9nPjwvZz48ZyBpZD0iWE1MSURfNF8iPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjE4LjUsMTAgOS4zLDAuNyAxMCwwIDE5LjksMTAgIi8+PC9nPjxnIGlkPSJYTUxJRF81XyI+PHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMTkuOSwxMCAxMCwyMCA5LjMsMTkuMyAxOC41LDEwICIvPjwvZz48L3N2Zz4=) !important; background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe2ZpbGw6I2MyYmFmZjt9IDwvc3R5bGU+IDxnIGlkPSJYTUxJRF8xMF8iPiA8ZyBpZD0iWE1MSURfMTNfIj4gPGc+IDxnPiA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxMCIvPiA8L2c+IDwvZz4gPC9nPiA8ZyBpZD0iWE1MSURfMTJfIj4gPGcgaWQ9IlhNTElEXzdfIj4gPHBhdGggY2xhc3M9InN0MCIgZD0iTTE4LjUsMTAiLz4gPC9nPiA8ZyBpZD0iWE1MSURfM18iPiA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTkuOSwxMCIvPiA8L2c+IDwvZz4gPGcgaWQ9IlhNTElEXzExXyI+IDxnIGlkPSJYTUxJRF8yXyI+IDxyZWN0IHk9IjkuNSIgY2xhc3M9InN0MCIgd2lkdGg9IjE5LjIiIGhlaWdodD0iMSIvPiA8L2c+IDwvZz4gPC9nPiA8ZyBpZD0iWE1MSURfNF8iPiA8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSIxOC41LDEwIDkuMywwLjcgMTAsMCAxOS45LDEwICIvPiA8L2c+IDxnIGlkPSJYTUxJRF81XyI+IDxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjE5LjksMTAgMTAsMjAgOS4zLDE5LjMgMTguNSwxMCAiLz4gPC9nPiA8L3N2Zz4=) !important; } #homeslides #welcome p { font-size:3vw; letter-spacing:-0.018em; } @media screen and (max-width:1499px){ #homeslides #welcome p { font-size:3.6rem; font-size:3vw; } } @media screen and (max-width:1199px){ #homeslides #welcome {height:75%; } #homeslides #welcome p { font-size:3.2rem; width:calc(66% - 4rem); } } @media screen and (max-width:1023px){ #homeslides #welcome {height:90%; } #homeslides #welcome p { font-size:3rem; width:calc(66% - 4rem); } } @media screen and (max-width:767px){ #homeslides #welcome p { font-size:2.4rem; } } #homeslides a.image_link { pointer-events:auto; } @media screen and (max-width:639px){ #homeslides .slide .nextprev { padding-right:2rem;} #homeslides .slide .slidetext { padding-left: 2rem; opacity: 1 !important; display:block !important; position: absolute; top:0; left: 0; width: 100%; } #homeslides #welcome p { padding:0 0 0 2rem; font-size:2rem; width:calc(100% - 4rem)} #homeslides a.image_link { pointer-events:auto; } } @media screen and (min-width:640px){ #homeslides .slide::before { content:""; display:block; position:absolute; width:100%; height:0; padding-top:20vw; left:0; bottom:0; z-index:10; opacity:0.65; background: -webkit-linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ) !important; } #homeslides .slide::after { content:""; display:block; position:absolute; width:100%; height:0; padding-bottom:33vw; left:0; top:0; z-index:10; opacity:0.65; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ) !important; } } #homelinks { } #homebig { } #homeproj li div, #homenews div{ background-repeat: no-repeat !important; background-size:cover !important; font-size: 1.8rem;} #homenews div:not(.info){ width:100%; height:0; top:0; left:0; padding-bottom:100%; background-repeat: no-repeat; background-size:cover; position:relative; } #homenews div video { position:absolute; top:0; left:0; width:100%; height:100%; } #homeproj li div img, #homenews div img { width:100%; height:auto; display:block; } #homeproj li a, #homenews a { display:block; position:relative; color:white; text-decoration:none;} .twoimages a { text-decoration: none; } .twoimages .block {position: relative;} .twoimages .block>i { font-style: normal; position: absolute; top: 0; right:0; padding: 20px; font-size:2.4rem; color: white; z-index:10; } .twoimages .block>i::before{ position: absolute; top: 0; right:0; width: 300%; height:300%; z-index: -1; opacity:0.5; content:""; display:block; /*transform: rotate(45deg);*//* border: 2px dashed yellow;*/ pointer-events: none; /* background: -webkit-linear-gradient(225deg, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ) !important;*/ background: linear-gradient(225deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 100%); } .twoimages .block>b { color: rgba(255,255,255,0); font-size: 0; z-index: 5; width: 60px; height: 100%; position: absolute; top: 0; } .twoimages .block>b.prev { left: 0; } .twoimages .block>b.next { right:0; } .twoimages .block>b::before { content:""; display:block; z-index: -1; width: 160px; height: 100%; position: absolute; top: 0; pointer-events:none; opacity: 0.5; } .twoimages .block>b.prev::before { left: 0; background: -webkit-linear-gradient(left, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% )} .twoimages .block>b.next::before { right:0; background: -webkit-linear-gradient(right, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ) } .twoimages .block>b::after { content:""; display:block; width: 30px; height: 30px; border: 2px solid white; position:absolute; top:50%; transform:translateY(-50%); border-right:none; border-bottom:none; } .twoimages .block>b.prev::after { left: 20px; transform:translateY(-50%) rotate(-45deg); } .twoimages .block>b.next::after { right:20px; transform:translateY(-50%) rotate(135deg); } @media screen and (min-width:640px){ #homeproj, #homenews { width:100%; position:relative; float:left; color:white; } #homeproj li { float:left; position:relative; } #homeproj li div, #homenews div{ width:100%; height:0; top:0; left:0; padding-bottom:100%; background-repeat: no-repeat; background-size:cover; position:relative; } #homeproj li div img, #homenews div img, #homenews div video { position:absolute; top:0; left:0; width:100%; height:100%; } .twoimages div.info { left: 0; top: 0; color: white; } .twoimages div.info, #homeproj div.info, #homenews div.info { position:absolute; width:100%; height:100%; padding-bottom:0; background:rgba(0,0,0,0.5); } body.hasjs div.info {opacity:0; transition:opacity 0.3s ease; } .twoimages div.imgholder:hover div.info{opacity:1; } #homeproj a div.infoshown, #homenews a div.infoshown /*#homeproj a:hover div.info, #homenews a:hover div.info*/ {opacity:1; } div.info aside {padding:4rem 4rem; } } @media screen and (min-width:640px) and (max-width:767px){ /*#homenews div{ padding-bottom:50%; } */ } @media screen and (min-width:768px) { #homeproj div.info aside {padding:3rem 2rem 0; } } @media screen and (min-width:900px) and (max-width:1023px){ #homeproj div.info aside {padding:4rem; } } @media screen and (max-width:639px){ div.info aside { color:black !important;padding:2rem; display:block; min-height:3.6em; line-height:1.2; } } #content div.info aside h3, #content div.info aside p { position:relative; z-index:99; margin:0; font-weight:400 !important; } #content div.info p {font-size:1.6rem; font-weight:400; line-height:1; margin-bottom:0.5em !important; } #content div.info h3 { font-size:3vw; font-weight:400; line-height:1 !important; } @media screen and (max-width:1399px){ #content div.info p {font-size:1.6rem !important; } #content div.info h3 { font-size:2.4vw !important; } } @media screen and (max-width:1199px){ #content div.info p {font-size:1.6rem !important; } #content div.info h3 { font-size:2.4vw !important; } } @media screen and (max-width:1024px){ #content div.info p {font-size:1.6rem !important; } #content div.info h3 { font-size:2.4rem !important; } } @media screen and (max-width:767px){ #content div.info p {font-size:1.6rem !important; } #content div.info h3 { font-size:2.4rem !important; } } @media screen and (max-width:639px){ #content div.info p {font-size:1.6rem !important; } #content div.info h3 { font-size:1.6rem !important; } } @media screen and (min-width:640px){ div.info::before {position:absolute; width:100%; height:100%; opacity:0.5; content:""; display:block; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ) !important; } } #homeproj li { width:50% !important; margin:0 !important; } #homeproj { } @media screen and (min-width:768px){ #homeproj, #homenews { width:50% !important; } } @media screen and (min-width:1024px){ } @media screen and (max-width:639px){ #homeproj, #homeproj li, #homenews { width:100% !important; } } #homeslides .slide .slidetext a {transition:all 0.2s ease; } @media screen and (min-width:640px){ #homeslides .nextprev b:hover, #homeslides .slide .slidetext a:hover { color: #c2baff !important; } } body #logo .ng a:hover, body #masthead .mainnav li a:hover { color:#FF0066 !important; color:#6653ff !important } #homeslides .slider { visibility: hidden; } #homeslides .slick-initialized { visibility: visible; } .slick-list,.slick-slide,.slick-slide:focus,.slick-slide * { outline: none !important; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } /*@media all and (max-width: 599px) { .slick-slide { width:100% !important ; float:none; } }*/ [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } #worknextprev { display: flex; } #worknextprev a{ display: block; flex: 0 0 50%; background: #000; } #worknextprev a:first-child{ } #worknextprev a div { width: calc(100% - 8rem); height: 0; padding-bottom: 100%; } #worknextprev a header { box-sizing:border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 4rem 4rem; z-index: 99; } #worknextprev a header::before { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; pointer-events: none; z-index: 95; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } #content #worknextprev a p, #content #worknextprev a h3 { padding: 0; max-width: none; margin-bottom: 2em; color: white; font-weight: 400; position: relative; z-index: 100; padding-right: 8rem; line-height: 1; transition: color 0.2s ease;} #content #worknextprev a:first-child p, #content #worknextprev a:first-child h3 { text-align: right; padding-right: 0; padding-left: 8rem; } #worknextprev a h3 {font-size: 3vw !important; } #worknextprev a { position: relative; overflow:hidden; } #worknextprev a img { position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover; transition: all 0.2s ease; z-index: 90; } #worknextprev a:hover img{width: 110%; height: 110%; /*filter:blur(5px);*/ } #worknextprev a::after { display:block; content:""; width:5rem; height:5rem; border: 1px solid white; top:50%; z-index: 100; position:absolute; } #worknextprev a:last-child::after {right:4rem; transform:translate(-17.5%, -50%) rotate(45deg); border-left: none; border-bottom: none; } #worknextprev a:first-child::after { left:4rem; transform:translate(17.5%, -50%) rotate(45deg); border-top: none; border-right: none; } #worknextprev a::before { display:block; content:""; height: 1px; background: white; width: 7.3rem; right: 4rem; z-index: 100; position:absolute; top:50%; transform:translate(0, -50%); } #worknextprev a:first-child::before { right:0; left: 4rem; } #worknextprev a:hover::after { border-width:2px; } #worknextprev a:hover::before { height:2px; } #content #worknextprev a:hover p, #content #worknextprev a:hover h3 { color:#FF0066; color:#635efb} @media screen and (max-width:767px){ /* #worknextprev { display: block; } #worknextprev a div { padding-bottom: 50%; } #worknextprev a h3 {font-size: 2.4rem !important; }*/ #worknextprev a p {font-size: 3vw !important; margin-bottom: 1.5em; } #worknextprev a h3 {font-size: 4vw !important; } #content #worknextprev a p{ padding-right: 2rem; } #content #worknextprev a h3 { padding-right: 4rem; } #content #worknextprev a:first-child p{ padding-right: 0; padding-left: 2rem; } #content #worknextprev a:first-child h3 { padding-right: 0; padding-left:4rem; } #worknextprev a::after { width:2rem; height:2rem; } #worknextprev a::before { width: 3rem; } #worknextprev a:last-child::before, #worknextprev a:last-child::after {right:2rem; } #worknextprev a:first-child::before, #worknextprev a:first-child::after { left:2rem; } #worknextprev a header { padding: 2rem; } } @media screen and (max-width:499px){ #worknextprev a p {font-size: 1.4rem !important; margin-bottom: 1.5em; } #worknextprev a h3 {font-size: 1.8rem !important; } } @media screen and (min-width:1280px){ #worknextprev a div { padding-bottom: 50%; } } @media screen and (min-width:1600px){ #worknextprev a h3 {font-size: 4.5rem !important; } } body.page-template-template-intern { } #interntext li, #interntext p {line-height: 1.2; font-size: 18px; margin: 1em 0; font-weight: 400;} #interntext p strong{ font-weight: 700;} #interntext p:first-child { font-size: 36px; line-height: 1.2; margin: 0 0 0.75em; } #interntext p:first-child a { font-weight: 700; } #interntext p:first-child a { transition: all 0.2s ease; cursor: pointer; text-decoration: none; padding: 0 0 2px;/**/ background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)); background-position: 0 100%, 0 100%; background-repeat: no-repeat, no-repeat; background-size: 0 2px, 100% 2px; transition: background-size .3s; } #interntext p:first-child a:hover, #masthead.hasalert #top #redalert #interntext p:first-child a:hover { color: #6653ff !important; background-size: 100% 2px, 100% 2px } #interntext li {margin: 0.5em 0;} /* #interntext li, #interntext p { max-width: none; } */ @media only screen and (max-width: 639px) { #interntext li, #interntext p { font-size: 16px; max-width: none; } #interntext p:first-child { font-size: 24px; } #interntext li {margin-left: 1.2em;} } #interntext p:last-child { margin-top: 1.5em;} #interntext p.cta a, #interntext p:last-child a{ text-shadow: none !important; font-weight: 700; color: white; border-radius: 300px; opacity:1 !important; display: inline-block; transition: all 0.2s ease; background-size: 100% 100%; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background: linear-gradient(45deg, #fff722, #ff26f9),linear-gradient(142deg, transparent, white),linear-gradient(108deg, red, transparent); animation: internbutton 15s ease infinite; background:#a478e0 url("images/grad3.jpg"); background-size: 400% 400%; overflow: hidden; } #interntext p.cta a strong, #interntext p:last-child a strong{ border-radius: 300px;display: inline-block; padding: 0.75em 2em; transition:all 0.2s ease;} #redalert #interntext p.cta a strong, #redalert #interntext p:last-child a strong { color: white !important} #interntext p.cta a:hover strong, #interntext p:last-child a:hover strong, #redalert #interntext p:last-child a:hover strong { background:#6653ff; color: white !important} @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { #interntext p:last-child a strong { /* -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);*/ } } @keyframes internbutton { 0% { background-position: 0% 0%; } 25% { background-position: 100% 0%; } 50% { background-position:100% 100% ; } 75% { background-position:0% 100%; } 100% { background-position: 0% 0%; } } #talktous { box-sizing: border-box; max-width: 1260px; margin: 40px auto; border: 40px solid white; border-top: none !important; border-bottom: none !important; } #talktous div { flex: 0 0 50%; } #talktous div:last-child { } #talktous div.timg { display: flex; justify-content: flex-end;} #talktous div.timg p{ position: relative; width: 100%; height: 100%; overflow: hidden;border-right: 40px solid white; } #talktous div.timg p img { position: relative; top:0; display: block; height: 100%; width: auto; object-fit: contain; opacity: 1; height:auto; width: 100%; } #talktous div.ttext div{border-right: 40px solid white; } #talktous div.ttext h2, #talktous div.ttext h4, #talktous div.ttext p { font-weight: 500; font-size:2.4rem; line-height: 1.2; margin-bottom: 1em; } #talktous div.ttext p strong { font-weight:600; } #talktous div.ttext p a, #talktous div.ttext h2 , #talktous div.ttext h4 { font-weight: 600; color:#9966cc; color: #635efb; padding: 0; } #talktous div.ttext h2+p, #talktous div.ttext h4+p { font-size: 4vw; font-size:4.8rem; line-height: 1.2; padding-right: 0em; margin:0.75em 0; } #talktous div.ttext h2, #talktous div.ttext h4 { border-top: 20px solid black; padding-top: 1em; font-size: 2rem; max-width: none; } #talktous div.ttext p:last-child { border-bottom: 20px solid white; line-height:2;} #talktous div.ttext p:last-child a span.ic { display: inline-block;width: 1.5em; height: 0.666em; position: relative; margin-right: 0.5em; } #talktous div.ttext p:last-child a span.ic strong { position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 100%; height: 0; padding-bottom: 100%;background: rgba(153,102,204,0.13); background: rgba(99,94,251,0.13); border-radius: 50%; overflow:hidden; text-indent: -10em;} #talktous div.ttext p:last-child a.tel span.ic strong { background-image:url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 34 34" style="enable-background:new 0 0 34 34;" xml:space="preserve"><g> <path fill="%23635efb" class="st0" d="M25,20.4c-1.2,0-2.4-0.2-3.5-0.6c-0.4-0.1-0.7,0-1,0.2l-1.6,2c-2.8-1.4-5.5-3.9-6.9-6.8l1.9-1.7 c0.3-0.3,0.4-0.7,0.2-1c-0.4-1.1-0.6-2.3-0.6-3.5c0-0.5-0.4-1-1-1H9.2C8.6,8,8,8.2,8,9c0,9.3,7.7,17,17,17c0.7,0,1-0.6,1-1.2v-3.5 C26,20.8,25.5,20.4,25,20.4z"/></g></svg>'); } #talktous div.ttext p:last-child a.mail span.ic strong { background-image:url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 34 34" style="enable-background:new 0 0 34 34;" xml:space="preserve"><path fill="%23635efb" class="st0" d="M25,9H9c-1.1,0-2,0.9-2,2l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V11C27,9.9,26.1,9,25,9z M25,13l-8,5l-8-5v-2 l8,5l8-5V13z"/></svg>'); } span.at { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 0.8em; } @media screen and (max-width:599px) { #talktous {border-width:20px;} #talktous div.ttext p { font-size:1.8rem; } #talktous div.ttext h2+p, #talktous div.ttext h4+p { font-size:3.6rem; } #talktous div.timg p img {right:0; } #talktous div.timg, #talktous div.ttext div{border-right: none; } #talktous div.ttext h2, #talktous div.ttext h4 { border: none;} #talktous div.timg p { border: none;} } @media screen and (max-width:399px) { #talktous div.ttext h2+p, #talktous div.ttext h4+p { font-size:2.8rem; } } @media screen and (min-width:600px) { #talktous {border-width: 40px ;display: flex;} } @media screen and (min-width:600px) and (max-width:1259px){ #talktous div.ttext h2, #talktous div.ttext h4, #talktous div.ttext p { font-size:1.85vw; } #talktous div.ttext h4+p { font-size:3.7vw; } #talktous div.ttext h2, #talktous div.ttext h4 { border-top: 15px solid black; } } @media screen and (min-width:1260px){ #talktous div.ttext h2, #talktous div.ttext h4, #talktous div.ttext p { font-size:2.4rem; } #talktous div.ttext h2+p, #talktous div.ttext h4+p { font-size:4.8rem; } } #talktous2 { box-sizing: border-box; max-width: 1260px; margin: 40px auto; border: 40px solid white; border-top: none !important; border-bottom: none !important; } #talktous2 div { flex: 0 0 50%; } #talktous2 div:last-child { } #talktous2 div.timg { display: flex; justify-content: flex-end;} #talktous2 div.timg p{ position: relative; width: 100%; height: 100%; overflow: hidden;border-right: 40px solid white; } #talktous2 div.timg p img { position: relative; top:0; display: block; height: 100%; width: auto; object-fit: contain; opacity: 1; height:auto; width: 100%; } #talktous2 div.ttext div{border-right: 40px solid white; /*width: 100%;*/ height: 100%; display: flex; flex-direction:column; justify-content: space-between; } #talktous2 div.ttext h4, #talktous2 div.ttext p { font-weight: 500; font-size:2.4rem; line-height: 1.2; margin-bottom: 0; } #talktous2 div.ttext p strong { font-weight:600; } #talktous2 div.ttext p a, #talktous2 div.ttext h4 { font-weight: 600; color:#9c65a6; padding: 0; } #talktous2 div.ttext h4+p { font-size: 4vw; font-size:4.8rem; line-height: 1.2; padding-right: 0em; margin:0 0; } #talktous2 div.ttext h4 { border-top: 20px solid black; padding-top: 1em; font-size: 2rem; max-width: none; } #talktous2 div.ttext p:last-child { border-bottom: 20px solid white; line-height:2;} #talktous2 div.ttext p:last-child a span { display: inline-block;width: 1.5em; height: 0.666em; position: relative; margin-right: 0.5em; } #talktous2 div.ttext p:last-child a span strong { position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 100%; height: 0; padding-bottom: 100%;background: rgba(156,101,166,0.13); border-radius: 50%; overflow:hidden; text-indent: -10em;} #talktous2 div.ttext p:last-child a.tel span strong { background-image:url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 34 34" style="enable-background:new 0 0 34 34;" xml:space="preserve"><g> <path fill="%239A5FA2" class="st0" d="M25,20.4c-1.2,0-2.4-0.2-3.5-0.6c-0.4-0.1-0.7,0-1,0.2l-1.6,2c-2.8-1.4-5.5-3.9-6.9-6.8l1.9-1.7 c0.3-0.3,0.4-0.7,0.2-1c-0.4-1.1-0.6-2.3-0.6-3.5c0-0.5-0.4-1-1-1H9.2C8.6,8,8,8.2,8,9c0,9.3,7.7,17,17,17c0.7,0,1-0.6,1-1.2v-3.5 C26,20.8,25.5,20.4,25,20.4z"/></g></svg>'); } #talktous2 div.ttext p:last-child a.mail span strong { background-image:url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 34 34" style="enable-background:new 0 0 34 34;" xml:space="preserve"><path fill="%239A5FA2" class="st0" d="M25,9H9c-1.1,0-2,0.9-2,2l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V11C27,9.9,26.1,9,25,9z M25,13l-8,5l-8-5v-2 l8,5l8-5V13z"/></svg>'); } @media screen and (max-width:599px) { #talktous2 {border-width:20px;} #talktous2 div.ttext p { font-size:1.8rem; } #talktous2 div.ttext h4+p { font-size:3.6rem; } #talktous2 div.timg p img {right:0; } #talktous2 div.timg, #talktous2 div.ttext div{border-right: none; } #talktous2 div.ttext h4 { border: none; } } @media screen and (min-width:600px) { #talktous2 {border-width: 40px ;display: flex;} } @media screen and (min-width:600px) and (max-width:1259px){ #talktous2 div.ttext h4, #talktous2 div.ttext p { font-size:1.85vw; } #talktous2 div.ttext h4+p { font-size:3.7vw; } #talktous2 div.ttext h4 { border-top: 15px solid black; } } @media screen and (min-width:1260px){ #talktous2 div.ttext h4, #talktous2 div.ttext p { font-size:2.4rem; } #talktous2 div.ttext h4+p { font-size:4.8rem; } } body.contact #content {background: white; } body.contact .halfc .text { color: #666666; padding:4rem; padding: 12.5% 12.5% 0; } body.contact #content .halfc .text p, body.contact #content .halfc .text li{ font-weight: 500; list-style: none; line-height: 1.3; line-height: 1.2; } body.contact #content .halfc .text a { color: #666666; display: inline-block;} body.contact #content .halfc .text a:hover { color: #635efb; } body.contact #content .halfc .text>p { margin-bottom: 12.5%; margin-bottom:calc(16.666666666666666666666666666667% - 0.2em); padding: 0; } body.contact #content .halfc .text p, body.contact #content .halfc .text li { font-size: 1.5vw; max-width:20.5em; } body.contact #content .halfc .text>p:first-child { max-width:15.5em; margin-top: -0.2em; color: #6653ff; font-weight: 400; line-height: 1.4814814814814814814814814814815; font-size: 2.8rem; font-size: 2vw; } body.contact #content .halfc .text>p:first-child a { color: #635efb; } body.contact #content .halfc .text::after{content:""; display: table; clear: both;} body.contact #content .halfc .text .half { /*padding-top: 0.5vw;*/ } body.contact #content .halfc .text .half li { margin: 0;} body.contact #content .halfc .text .half { width: 50% !important; float: left !important; } body.contact #content {display:flex; flex-wrap: wrap;} body.contact #content .halfc{width: 50%;} .contactimage { background-size: cover;} .contactimage picture { display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative;} .contactimage picture img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height:100%; object-fit: cover; display: block;} @media screen and (min-width:768px) and (max-width:1023px){ body.contact #content .halfc .text>p { margin-bottom: 2.2rem; } body.contact #content .halfc .text p, body.contact #content .halfc .text li{ font-size: 1.5rem; } body.contact #content .halfc .text>p:first-child { font-size: 2.2vw; } body.contact .halfc .text { padding:4rem; } body.contact #content .halfc .text>p { margin-bottom:calc(4rem - 0.2em); } } @media screen and (min-width:640px) and (max-width:767px){ body.contact #content .halfc .text>p { margin-bottom: 2.4rem; } body.contact #content .halfc .text>p:first-child {font-size: 2.8rem; } } @media screen and (max-width:767px){ body.contact #content .halfc{width: 100%;} body.contact .halfc .text { padding:4rem; } body.contact #content .halfc .text p, body.contact #content .halfc .text li { font-size: 2.1rem; } body.contact #content .halfc .text>p:first-child {font-size: 2.8rem; } body.contact #content .halfc .text>p { margin-bottom:calc(4rem - 0.2em); } } @media screen and (max-width:639px){ body.contact .halfc .text { padding:2rem 2rem 2rem 2rem; } body.contact #content .halfc .text p, body.contact #content .halfc .text li { font-size: 2.1rem; } body.contact #content .halfc .text>p:first-child {font-size: 2.8rem; } body.contact #content .halfc .text>p { margin-bottom:calc(3rem - 0.2em); } } @media screen and (max-width:499px){ body.contact .halfc .text { padding:3rem 2rem 4rem 2rem; } body.contact #content .halfc .text p, body.contact #content .halfc .text li{ font-size: 1.6rem; } body.contact #content .halfc .text>p:first-child {font-size: 2.4rem; } } @media screen and (max-width:349px){ body.contact .halfc .text { padding:3rem 2rem 4rem 2rem; } body.contact #content .halfc .text p, body.contact #content .halfc .text li{ font-size: 1.4rem; } body.contact #content .halfc .text>p:first-child {font-size: 2rem; } } body.contact .text a[href*="goo"]::before{display:inline-block; content:"\E803"; font-family: 'ngsocial'; font-size: 1.33em; vertical-align: middle; margin:1rem 0 ; position: relative; } body.contact .text a[href*="goo"] { opacity: 0.36; } body.contact .text a[href*="goo"]:hover{ opacity:1; } body.contact .text a[href*="goo"] span { position: fixed; top: -900px;} ul.social li a::before {display:inline-block; content:"\E803"; font-family: 'ngsocial'; font-size: 0.8em; vertical-align: middle; margin-right: 0.33em; position: relative; top: -0.1em; } ul.social li a[href*="facebook"]::before { content:"\e800"; } ul.social li a[href*="twitter"]::before { content:"\e804"; } ul.social li a[href*="instagram"]::before { content:"\e801"; } ul.social li a[href*="linkedin"]::before { content:"\e802"; } ul.social li a[href*="vimeo"]::before { content:"\e805"; }