@charset "UTF-8";@font-face{font-family:'FontAwesome';src:url("../fonts/fontawesome-webfont.eot?v=4.6.3");src:url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");font-weight:normal;font-style:normal;}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa-lg{font-size:1.33333em;line-height:0.75em;vertical-align:-15%;}
.fa-2x{font-size:2em;}
.fa-3x{font-size:3em;}
.fa-4x{font-size:4em;}
.fa-5x{font-size:5em;}
.fa-fw{width:1.28571em;text-align:center;}
.fa-ul{padding-left:0;margin-left:2.14286em;list-style-type:none;}
.fa-ul > li{position:relative;}
.fa-li{position:absolute;left:-2.14286em;width:2.14286em;top:0.14286em;text-align:center;}
.fa-li.fa-lg{left:-1.85714em;}
.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eee;border-radius:.1em;}
.fa-pull-left{float:left;}
.fa-pull-right{float:right;}
.fa.fa-pull-left{margin-right:.3em;}
.fa.fa-pull-right{margin-left:.3em;}
.pull-right{float:right;}
.pull-left{float:left;}
.fa.pull-left{margin-right:.3em;}
.fa.pull-right{margin-left:.3em;}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear;}
.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8);}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}
.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1);}
.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1);}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none;}
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle;}
.fa-stack-1x, .fa-stack-2x{position:absolute;left:0;width:100%;text-align:center;}
.fa-stack-1x{line-height:inherit;}
.fa-stack-2x{font-size:2em;}
.fa-inverse{color:#fff;}
.fa-glass:before{content:"";}
.fa-music:before{content:"";}
.fa-search:before{content:"";}
.fa-envelope-o:before{content:"";}
.fa-heart:before{content:"";}
.fa-star:before{content:"";}
.fa-star-o:before{content:"";}
.fa-user:before{content:"";}
.fa-film:before{content:"";}
.fa-th-large:before{content:"";}
.fa-th:before{content:"";}
.fa-th-list:before{content:"";}
.fa-check:before{content:"";}
.fa-remove:before,
.fa-close:before,
.fa-times:before{content:"";}
.fa-search-plus:before{content:"";}
.fa-search-minus:before{content:"";}
.fa-power-off:before{content:"";}
.fa-signal:before{content:"";}
.fa-gear:before,
.fa-cog:before{content:"";}
.fa-trash-o:before{content:"";}
.fa-home:before{content:"";}
.fa-file-o:before{content:"";}
.fa-clock-o:before{content:"";}
.fa-road:before{content:"";}
.fa-download:before{content:"";}
.fa-arrow-circle-o-down:before{content:"";}
.fa-arrow-circle-o-up:before{content:"";}
.fa-inbox:before{content:"";}
.fa-play-circle-o:before{content:"";}
.fa-rotate-right:before,
.fa-repeat:before{content:"";}
.fa-refresh:before{content:"";}
.fa-list-alt:before{content:"";}
.fa-lock:before{content:"";}
.fa-flag:before{content:"";}
.fa-headphones:before{content:"";}
.fa-volume-off:before{content:"";}
.fa-volume-down:before{content:"";}
.fa-volume-up:before{content:"";}
.fa-qrcode:before{content:"";}
.fa-barcode:before{content:"";}
.fa-tag:before{content:"";}
.fa-tags:before{content:"";}
.fa-book:before{content:"";}
.fa-bookmark:before{content:"";}
.fa-print:before{content:"";}
.fa-camera:before{content:"";}
.fa-font:before{content:"";}
.fa-bold:before{content:"";}
.fa-italic:before{content:"";}
.fa-text-height:before{content:"";}
.fa-text-width:before{content:"";}
.fa-align-left:before{content:"";}
.fa-align-center:before{content:"";}
.fa-align-right:before{content:"";}
.fa-align-justify:before{content:"";}
.fa-list:before{content:"";}
.fa-dedent:before,
.fa-outdent:before{content:"";}
.fa-indent:before{content:"";}
.fa-video-camera:before{content:"";}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before{content:"";}
.fa-pencil:before{content:"";}
.fa-map-marker:before{content:"";}
.fa-adjust:before{content:"";}
.fa-tint:before{content:"";}
.fa-edit:before,
.fa-pencil-square-o:before{content:"";}
.fa-share-square-o:before{content:"";}
.fa-check-square-o:before{content:"";}
.fa-arrows:before{content:"";}
.fa-step-backward:before{content:"";}
.fa-fast-backward:before{content:"";}
.fa-backward:before{content:"";}
.fa-play:before{content:"";}
.fa-pause:before{content:"";}
.fa-stop:before{content:"";}
.fa-forward:before{content:"";}
.fa-fast-forward:before{content:"";}
.fa-step-forward:before{content:"";}
.fa-eject:before{content:"";}
.fa-chevron-left:before{content:"";}
.fa-chevron-right:before{content:"";}
.fa-plus-circle:before{content:"";}
.fa-minus-circle:before{content:"";}
.fa-times-circle:before{content:"";}
.fa-check-circle:before{content:"";}
.fa-question-circle:before{content:"";}
.fa-info-circle:before{content:"";}
.fa-crosshairs:before{content:"";}
.fa-times-circle-o:before{content:"";}
.fa-check-circle-o:before{content:"";}
.fa-ban:before{content:"";}
.fa-arrow-left:before{content:"";}
.fa-arrow-right:before{content:"";}
.fa-arrow-up:before{content:"";}
.fa-arrow-down:before{content:"";}
.fa-mail-forward:before,
.fa-share:before{content:"";}
.fa-expand:before{content:"";}
.fa-compress:before{content:"";}
.fa-plus:before{content:"";}
.fa-minus:before{content:"";}
.fa-asterisk:before{content:"";}
.fa-exclamation-circle:before{content:"";}
.fa-gift:before{content:"";}
.fa-leaf:before{content:"";}
.fa-fire:before{content:"";}
.fa-eye:before{content:"";}
.fa-eye-slash:before{content:"";}
.fa-warning:before,
.fa-exclamation-triangle:before{content:"";}
.fa-plane:before{content:"";}
.fa-calendar:before{content:"";}
.fa-random:before{content:"";}
.fa-comment:before{content:"";}
.fa-magnet:before{content:"";}
.fa-chevron-up:before{content:"";}
.fa-chevron-down:before{content:"";}
.fa-retweet:before{content:"";}
.fa-shopping-cart:before{content:"";}
.fa-folder:before{content:"";}
.fa-folder-open:before{content:"";}
.fa-arrows-v:before{content:"";}
.fa-arrows-h:before{content:"";}
.fa-bar-chart-o:before,
.fa-bar-chart:before{content:"";}
.fa-twitter-square:before{content:"";}
.fa-facebook-square:before{content:"";}
.fa-camera-retro:before{content:"";}
.fa-key:before{content:"";}
.fa-gears:before,
.fa-cogs:before{content:"";}
.fa-comments:before{content:"";}
.fa-thumbs-o-up:before{content:"";}
.fa-thumbs-o-down:before{content:"";}
.fa-star-half:before{content:"";}
.fa-heart-o:before{content:"";}
.fa-sign-out:before{content:"";}
.fa-linkedin-square:before{content:"";}
.fa-thumb-tack:before{content:"";}
.fa-external-link:before{content:"";}
.fa-sign-in:before{content:"";}
.fa-trophy:before{content:"";}
.fa-github-square:before{content:"";}
.fa-upload:before{content:"";}
.fa-lemon-o:before{content:"";}
.fa-phone:before{content:"";}
.fa-square-o:before{content:"";}
.fa-bookmark-o:before{content:"";}
.fa-phone-square:before{content:"";}
.fa-twitter:before{content:"";}
.fa-facebook-f:before,
.fa-facebook:before{content:"";}
.fa-github:before{content:"";}
.fa-unlock:before{content:"";}
.fa-credit-card:before{content:"";}
.fa-feed:before,
.fa-rss:before{content:"";}
.fa-hdd-o:before{content:"";}
.fa-bullhorn:before{content:"";}
.fa-bell:before{content:"";}
.fa-certificate:before{content:"";}
.fa-hand-o-right:before{content:"";}
.fa-hand-o-left:before{content:"";}
.fa-hand-o-up:before{content:"";}
.fa-hand-o-down:before{content:"";}
.fa-arrow-circle-left:before{content:"";}
.fa-arrow-circle-right:before{content:"";}
.fa-arrow-circle-up:before{content:"";}
.fa-arrow-circle-down:before{content:"";}
.fa-globe:before{content:"";}
.fa-wrench:before{content:"";}
.fa-tasks:before{content:"";}
.fa-filter:before{content:"";}
.fa-briefcase:before{content:"";}
.fa-arrows-alt:before{content:"";}
.fa-group:before,
.fa-users:before{content:"";}
.fa-chain:before,
.fa-link:before{content:"";}
.fa-cloud:before{content:"";}
.fa-flask:before{content:"";}
.fa-cut:before,
.fa-scissors:before{content:"";}
.fa-copy:before,
.fa-files-o:before{content:"";}
.fa-paperclip:before{content:"";}
.fa-save:before,
.fa-floppy-o:before{content:"";}
.fa-square:before{content:"";}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before{content:"";}
.fa-list-ul:before{content:"";}
.fa-list-ol:before{content:"";}
.fa-strikethrough:before{content:"";}
.fa-underline:before{content:"";}
.fa-table:before{content:"";}
.fa-magic:before{content:"";}
.fa-truck:before{content:"";}
.fa-pinterest:before{content:"";}
.fa-pinterest-square:before{content:"";}
.fa-google-plus-square:before{content:"";}
.fa-google-plus:before{content:"";}
.fa-money:before{content:"";}
.fa-caret-down:before{content:"";}
.fa-caret-up:before{content:"";}
.fa-caret-left:before{content:"";}
.fa-caret-right:before{content:"";}
.fa-columns:before{content:"";}
.fa-unsorted:before,
.fa-sort:before{content:"";}
.fa-sort-down:before,
.fa-sort-desc:before{content:"";}
.fa-sort-up:before,
.fa-sort-asc:before{content:"";}
.fa-envelope:before{content:"";}
.fa-linkedin:before{content:"";}
.fa-rotate-left:before,
.fa-undo:before{content:"";}
.fa-legal:before,
.fa-gavel:before{content:"";}
.fa-dashboard:before,
.fa-tachometer:before{content:"";}
.fa-comment-o:before{content:"";}
.fa-comments-o:before{content:"";}
.fa-flash:before,
.fa-bolt:before{content:"";}
.fa-sitemap:before{content:"";}
.fa-umbrella:before{content:"";}
.fa-paste:before,
.fa-clipboard:before{content:"";}
.fa-lightbulb-o:before{content:"";}
.fa-exchange:before{content:"";}
.fa-cloud-download:before{content:"";}
.fa-cloud-upload:before{content:"";}
.fa-user-md:before{content:"";}
.fa-stethoscope:before{content:"";}
.fa-suitcase:before{content:"";}
.fa-bell-o:before{content:"";}
.fa-coffee:before{content:"";}
.fa-cutlery:before{content:"";}
.fa-file-text-o:before{content:"";}
.fa-building-o:before{content:"";}
.fa-hospital-o:before{content:"";}
.fa-ambulance:before{content:"";}
.fa-medkit:before{content:"";}
.fa-fighter-jet:before{content:"";}
.fa-beer:before{content:"";}
.fa-h-square:before{content:"";}
.fa-plus-square:before{content:"";}
.fa-angle-double-left:before{content:"";}
.fa-angle-double-right:before{content:"";}
.fa-angle-double-up:before{content:"";}
.fa-angle-double-down:before{content:"";}
.fa-angle-left:before{content:"";}
.fa-angle-right:before{content:"";}
.fa-angle-up:before{content:"";}
.fa-angle-down:before{content:"";}
.fa-desktop:before{content:"";}
.fa-laptop:before{content:"";}
.fa-tablet:before{content:"";}
.fa-mobile-phone:before,
.fa-mobile:before{content:"";}
.fa-circle-o:before{content:"";}
.fa-quote-left:before{content:"";}
.fa-quote-right:before{content:"";}
.fa-spinner:before{content:"";}
.fa-circle:before{content:"";}
.fa-mail-reply:before,
.fa-reply:before{content:"";}
.fa-github-alt:before{content:"";}
.fa-folder-o:before{content:"";}
.fa-folder-open-o:before{content:"";}
.fa-smile-o:before{content:"";}
.fa-frown-o:before{content:"";}
.fa-meh-o:before{content:"";}
.fa-gamepad:before{content:"";}
.fa-keyboard-o:before{content:"";}
.fa-flag-o:before{content:"";}
.fa-flag-checkered:before{content:"";}
.fa-terminal:before{content:"";}
.fa-code:before{content:"";}
.fa-mail-reply-all:before,
.fa-reply-all:before{content:"";}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before{content:"";}
.fa-location-arrow:before{content:"";}
.fa-crop:before{content:"";}
.fa-code-fork:before{content:"";}
.fa-unlink:before,
.fa-chain-broken:before{content:"";}
.fa-question:before{content:"";}
.fa-info:before{content:"";}
.fa-exclamation:before{content:"";}
.fa-superscript:before{content:"";}
.fa-subscript:before{content:"";}
.fa-eraser:before{content:"";}
.fa-puzzle-piece:before{content:"";}
.fa-microphone:before{content:"";}
.fa-microphone-slash:before{content:"";}
.fa-shield:before{content:"";}
.fa-calendar-o:before{content:"";}
.fa-fire-extinguisher:before{content:"";}
.fa-rocket:before{content:"";}
.fa-maxcdn:before{content:"";}
.fa-chevron-circle-left:before{content:"";}
.fa-chevron-circle-right:before{content:"";}
.fa-chevron-circle-up:before{content:"";}
.fa-chevron-circle-down:before{content:"";}
.fa-html5:before{content:"";}
.fa-css3:before{content:"";}
.fa-anchor:before{content:"";}
.fa-unlock-alt:before{content:"";}
.fa-bullseye:before{content:"";}
.fa-ellipsis-h:before{content:"";}
.fa-ellipsis-v:before{content:"";}
.fa-rss-square:before{content:"";}
.fa-play-circle:before{content:"";}
.fa-ticket:before{content:"";}
.fa-minus-square:before{content:"";}
.fa-minus-square-o:before{content:"";}
.fa-level-up:before{content:"";}
.fa-level-down:before{content:"";}
.fa-check-square:before{content:"";}
.fa-pencil-square:before{content:"";}
.fa-external-link-square:before{content:"";}
.fa-share-square:before{content:"";}
.fa-compass:before{content:"";}
.fa-toggle-down:before,
.fa-caret-square-o-down:before{content:"";}
.fa-toggle-up:before,
.fa-caret-square-o-up:before{content:"";}
.fa-toggle-right:before,
.fa-caret-square-o-right:before{content:"";}
.fa-euro:before,
.fa-eur:before{content:"";}
.fa-gbp:before{content:"";}
.fa-dollar:before,
.fa-usd:before{content:"";}
.fa-rupee:before,
.fa-inr:before{content:"";}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before{content:"";}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before{content:"";}
.fa-won:before,
.fa-krw:before{content:"";}
.fa-bitcoin:before,
.fa-btc:before{content:"";}
.fa-file:before{content:"";}
.fa-file-text:before{content:"";}
.fa-sort-alpha-asc:before{content:"";}
.fa-sort-alpha-desc:before{content:"";}
.fa-sort-amount-asc:before{content:"";}
.fa-sort-amount-desc:before{content:"";}
.fa-sort-numeric-asc:before{content:"";}
.fa-sort-numeric-desc:before{content:"";}
.fa-thumbs-up:before{content:"";}
.fa-thumbs-down:before{content:"";}
.fa-youtube-square:before{content:"";}
.fa-youtube:before{content:"";}
.fa-xing:before{content:"";}
.fa-xing-square:before{content:"";}
.fa-youtube-play:before{content:"";}
.fa-dropbox:before{content:"";}
.fa-stack-overflow:before{content:"";}
.fa-instagram:before{content:"";}
.fa-flickr:before{content:"";}
.fa-adn:before{content:"";}
.fa-bitbucket:before{content:"";}
.fa-bitbucket-square:before{content:"";}
.fa-tumblr:before{content:"";}
.fa-tumblr-square:before{content:"";}
.fa-long-arrow-down:before{content:"";}
.fa-long-arrow-up:before{content:"";}
.fa-long-arrow-left:before{content:"";}
.fa-long-arrow-right:before{content:"";}
.fa-apple:before{content:"";}
.fa-windows:before{content:"";}
.fa-android:before{content:"";}
.fa-linux:before{content:"";}
.fa-dribbble:before{content:"";}
.fa-skype:before{content:"";}
.fa-foursquare:before{content:"";}
.fa-trello:before{content:"";}
.fa-female:before{content:"";}
.fa-male:before{content:"";}
.fa-gittip:before,
.fa-gratipay:before{content:"";}
.fa-sun-o:before{content:"";}
.fa-moon-o:before{content:"";}
.fa-archive:before{content:"";}
.fa-bug:before{content:"";}
.fa-vk:before{content:"";}
.fa-weibo:before{content:"";}
.fa-renren:before{content:"";}
.fa-pagelines:before{content:"";}
.fa-stack-exchange:before{content:"";}
.fa-arrow-circle-o-right:before{content:"";}
.fa-arrow-circle-o-left:before{content:"";}
.fa-toggle-left:before,
.fa-caret-square-o-left:before{content:"";}
.fa-dot-circle-o:before{content:"";}
.fa-wheelchair:before{content:"";}
.fa-vimeo-square:before{content:"";}
.fa-turkish-lira:before,
.fa-try:before{content:"";}
.fa-plus-square-o:before{content:"";}
.fa-space-shuttle:before{content:"";}
.fa-slack:before{content:"";}
.fa-envelope-square:before{content:"";}
.fa-wordpress:before{content:"";}
.fa-openid:before{content:"";}
.fa-institution:before,
.fa-bank:before,
.fa-university:before{content:"";}
.fa-mortar-board:before,
.fa-graduation-cap:before{content:"";}
.fa-yahoo:before{content:"";}
.fa-google:before{content:"";}
.fa-reddit:before{content:"";}
.fa-reddit-square:before{content:"";}
.fa-stumbleupon-circle:before{content:"";}
.fa-stumbleupon:before{content:"";}
.fa-delicious:before{content:"";}
.fa-digg:before{content:"";}
.fa-pied-piper-pp:before{content:"";}
.fa-pied-piper-alt:before{content:"";}
.fa-drupal:before{content:"";}
.fa-joomla:before{content:"";}
.fa-language:before{content:"";}
.fa-fax:before{content:"";}
.fa-building:before{content:"";}
.fa-child:before{content:"";}
.fa-paw:before{content:"";}
.fa-spoon:before{content:"";}
.fa-cube:before{content:"";}
.fa-cubes:before{content:"";}
.fa-behance:before{content:"";}
.fa-behance-square:before{content:"";}
.fa-steam:before{content:"";}
.fa-steam-square:before{content:"";}
.fa-recycle:before{content:"";}
.fa-automobile:before,
.fa-car:before{content:"";}
.fa-cab:before,
.fa-taxi:before{content:"";}
.fa-tree:before{content:"";}
.fa-spotify:before{content:"";}
.fa-deviantart:before{content:"";}
.fa-soundcloud:before{content:"";}
.fa-database:before{content:"";}
.fa-file-pdf-o:before{content:"";}
.fa-file-word-o:before{content:"";}
.fa-file-excel-o:before{content:"";}
.fa-file-powerpoint-o:before{content:"";}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before{content:"";}
.fa-file-zip-o:before,
.fa-file-archive-o:before{content:"";}
.fa-file-sound-o:before,
.fa-file-audio-o:before{content:"";}
.fa-file-movie-o:before,
.fa-file-video-o:before{content:"";}
.fa-file-code-o:before{content:"";}
.fa-vine:before{content:"";}
.fa-codepen:before{content:"";}
.fa-jsfiddle:before{content:"";}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before{content:"";}
.fa-circle-o-notch:before{content:"";}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before{content:"";}
.fa-ge:before,
.fa-empire:before{content:"";}
.fa-git-square:before{content:"";}
.fa-git:before{content:"";}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before{content:"";}
.fa-tencent-weibo:before{content:"";}
.fa-qq:before{content:"";}
.fa-wechat:before,
.fa-weixin:before{content:"";}
.fa-send:before,
.fa-paper-plane:before{content:"";}
.fa-send-o:before,
.fa-paper-plane-o:before{content:"";}
.fa-history:before{content:"";}
.fa-circle-thin:before{content:"";}
.fa-header:before{content:"";}
.fa-paragraph:before{content:"";}
.fa-sliders:before{content:"";}
.fa-share-alt:before{content:"";}
.fa-share-alt-square:before{content:"";}
.fa-bomb:before{content:"";}
.fa-soccer-ball-o:before,
.fa-futbol-o:before{content:"";}
.fa-tty:before{content:"";}
.fa-binoculars:before{content:"";}
.fa-plug:before{content:"";}
.fa-slideshare:before{content:"";}
.fa-twitch:before{content:"";}
.fa-yelp:before{content:"";}
.fa-newspaper-o:before{content:"";}
.fa-wifi:before{content:"";}
.fa-calculator:before{content:"";}
.fa-paypal:before{content:"";}
.fa-google-wallet:before{content:"";}
.fa-cc-visa:before{content:"";}
.fa-cc-mastercard:before{content:"";}
.fa-cc-discover:before{content:"";}
.fa-cc-amex:before{content:"";}
.fa-cc-paypal:before{content:"";}
.fa-cc-stripe:before{content:"";}
.fa-bell-slash:before{content:"";}
.fa-bell-slash-o:before{content:"";}
.fa-trash:before{content:"";}
.fa-copyright:before{content:"";}
.fa-at:before{content:"";}
.fa-eyedropper:before{content:"";}
.fa-paint-brush:before{content:"";}
.fa-birthday-cake:before{content:"";}
.fa-area-chart:before{content:"";}
.fa-pie-chart:before{content:"";}
.fa-line-chart:before{content:"";}
.fa-lastfm:before{content:"";}
.fa-lastfm-square:before{content:"";}
.fa-toggle-off:before{content:"";}
.fa-toggle-on:before{content:"";}
.fa-bicycle:before{content:"";}
.fa-bus:before{content:"";}
.fa-ioxhost:before{content:"";}
.fa-angellist:before{content:"";}
.fa-cc:before{content:"";}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before{content:"";}
.fa-meanpath:before{content:"";}
.fa-buysellads:before{content:"";}
.fa-connectdevelop:before{content:"";}
.fa-dashcube:before{content:"";}
.fa-forumbee:before{content:"";}
.fa-leanpub:before{content:"";}
.fa-sellsy:before{content:"";}
.fa-shirtsinbulk:before{content:"";}
.fa-simplybuilt:before{content:"";}
.fa-skyatlas:before{content:"";}
.fa-cart-plus:before{content:"";}
.fa-cart-arrow-down:before{content:"";}
.fa-diamond:before{content:"";}
.fa-ship:before{content:"";}
.fa-user-secret:before{content:"";}
.fa-motorcycle:before{content:"";}
.fa-street-view:before{content:"";}
.fa-heartbeat:before{content:"";}
.fa-venus:before{content:"";}
.fa-mars:before{content:"";}
.fa-mercury:before{content:"";}
.fa-intersex:before,
.fa-transgender:before{content:"";}
.fa-transgender-alt:before{content:"";}
.fa-venus-double:before{content:"";}
.fa-mars-double:before{content:"";}
.fa-venus-mars:before{content:"";}
.fa-mars-stroke:before{content:"";}
.fa-mars-stroke-v:before{content:"";}
.fa-mars-stroke-h:before{content:"";}
.fa-neuter:before{content:"";}
.fa-genderless:before{content:"";}
.fa-facebook-official:before{content:"";}
.fa-pinterest-p:before{content:"";}
.fa-whatsapp:before{content:"";}
.fa-server:before{content:"";}
.fa-user-plus:before{content:"";}
.fa-user-times:before{content:"";}
.fa-hotel:before,
.fa-bed:before{content:"";}
.fa-viacoin:before{content:"";}
.fa-train:before{content:"";}
.fa-subway:before{content:"";}
.fa-medium:before{content:"";}
.fa-yc:before,
.fa-y-combinator:before{content:"";}
.fa-optin-monster:before{content:"";}
.fa-opencart:before{content:"";}
.fa-expeditedssl:before{content:"";}
.fa-battery-4:before,
.fa-battery-full:before{content:"";}
.fa-battery-3:before,
.fa-battery-three-quarters:before{content:"";}
.fa-battery-2:before,
.fa-battery-half:before{content:"";}
.fa-battery-1:before,
.fa-battery-quarter:before{content:"";}
.fa-battery-0:before,
.fa-battery-empty:before{content:"";}
.fa-mouse-pointer:before{content:"";}
.fa-i-cursor:before{content:"";}
.fa-object-group:before{content:"";}
.fa-object-ungroup:before{content:"";}
.fa-sticky-note:before{content:"";}
.fa-sticky-note-o:before{content:"";}
.fa-cc-jcb:before{content:"";}
.fa-cc-diners-club:before{content:"";}
.fa-clone:before{content:"";}
.fa-balance-scale:before{content:"";}
.fa-hourglass-o:before{content:"";}
.fa-hourglass-1:before,
.fa-hourglass-start:before{content:"";}
.fa-hourglass-2:before,
.fa-hourglass-half:before{content:"";}
.fa-hourglass-3:before,
.fa-hourglass-end:before{content:"";}
.fa-hourglass:before{content:"";}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before{content:"";}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before{content:"";}
.fa-hand-scissors-o:before{content:"";}
.fa-hand-lizard-o:before{content:"";}
.fa-hand-spock-o:before{content:"";}
.fa-hand-pointer-o:before{content:"";}
.fa-hand-peace-o:before{content:"";}
.fa-trademark:before{content:"";}
.fa-registered:before{content:"";}
.fa-creative-commons:before{content:"";}
.fa-gg:before{content:"";}
.fa-gg-circle:before{content:"";}
.fa-tripadvisor:before{content:"";}
.fa-odnoklassniki:before{content:"";}
.fa-odnoklassniki-square:before{content:"";}
.fa-get-pocket:before{content:"";}
.fa-wikipedia-w:before{content:"";}
.fa-safari:before{content:"";}
.fa-chrome:before{content:"";}
.fa-firefox:before{content:"";}
.fa-opera:before{content:"";}
.fa-internet-explorer:before{content:"";}
.fa-tv:before,
.fa-television:before{content:"";}
.fa-contao:before{content:"";}
.fa-500px:before{content:"";}
.fa-amazon:before{content:"";}
.fa-calendar-plus-o:before{content:"";}
.fa-calendar-minus-o:before{content:"";}
.fa-calendar-times-o:before{content:"";}
.fa-calendar-check-o:before{content:"";}
.fa-industry:before{content:"";}
.fa-map-pin:before{content:"";}
.fa-map-signs:before{content:"";}
.fa-map-o:before{content:"";}
.fa-map:before{content:"";}
.fa-commenting:before{content:"";}
.fa-commenting-o:before{content:"";}
.fa-houzz:before{content:"";}
.fa-vimeo:before{content:"";}
.fa-black-tie:before{content:"";}
.fa-fonticons:before{content:"";}
.fa-reddit-alien:before{content:"";}
.fa-edge:before{content:"";}
.fa-credit-card-alt:before{content:"";}
.fa-codiepie:before{content:"";}
.fa-modx:before{content:"";}
.fa-fort-awesome:before{content:"";}
.fa-usb:before{content:"";}
.fa-product-hunt:before{content:"";}
.fa-mixcloud:before{content:"";}
.fa-scribd:before{content:"";}
.fa-pause-circle:before{content:"";}
.fa-pause-circle-o:before{content:"";}
.fa-stop-circle:before{content:"";}
.fa-stop-circle-o:before{content:"";}
.fa-shopping-bag:before{content:"";}
.fa-shopping-basket:before{content:"";}
.fa-hashtag:before{content:"";}
.fa-bluetooth:before{content:"";}
.fa-bluetooth-b:before{content:"";}
.fa-percent:before{content:"";}
.fa-gitlab:before{content:"";}
.fa-wpbeginner:before{content:"";}
.fa-wpforms:before{content:"";}
.fa-envira:before{content:"";}
.fa-universal-access:before{content:"";}
.fa-wheelchair-alt:before{content:"";}
.fa-question-circle-o:before{content:"";}
.fa-blind:before{content:"";}
.fa-audio-description:before{content:"";}
.fa-volume-control-phone:before{content:"";}
.fa-braille:before{content:"";}
.fa-assistive-listening-systems:before{content:"";}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before{content:"";}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before{content:"";}
.fa-glide:before{content:"";}
.fa-glide-g:before{content:"";}
.fa-signing:before,
.fa-sign-language:before{content:"";}
.fa-low-vision:before{content:"";}
.fa-viadeo:before{content:"";}
.fa-viadeo-square:before{content:"";}
.fa-snapchat:before{content:"";}
.fa-snapchat-ghost:before{content:"";}
.fa-snapchat-square:before{content:"";}
.fa-pied-piper:before{content:"";}
.fa-first-order:before{content:"";}
.fa-yoast:before{content:"";}
.fa-themeisle:before{content:"";}
.fa-google-plus-circle:before,
.fa-google-plus-official:before{content:"";}
.fa-fa:before,
.fa-font-awesome:before{content:"";}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}
.sr-only-focusable:active, .sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
nav ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}
.no-display{display:none;}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.section{clear:both;padding:0px;margin:0px;}
.col{display:block;float:left;margin:0% 0 0% 3%;}
.col:first-child{margin-left:0;}
.container:before,
.container:after{content:"";display:table;}
.container:after{clear:both;}
.container{zoom:1;}
.span_12_of_12{width:100%;}
.span_11_of_12{width:91.41%;}
.span_10_of_12{width:82.83%;}
.span_9_of_12{width:74.25%;}
.span_8_of_12{width:65.66%;}
.span_7_of_12{width:57.08%;}
.span_6_of_12{width:48.5%;}
.span_5_of_12{width:39.91%;}
.span_4_of_12{width:31.33%;}
.span_3_of_12{width:22.75%;}
.span_2_of_12{width:14.16%;}
.span_1_of_12{width:5.583%;}
@media only screen and (max-width:600px){.col:not(.force){margin:4% 0 4% 0;}
  .span_1_of_12:not(.force), .span_2_of_12:not(.force), .span_3_of_12:not(.force), .span_4_of_12:not(.force), .span_5_of_12:not(.force), .span_6_of_12:not(.force), .span_7_of_12:not(.force), .span_8_of_12:not(.force), .span_9_of_12:not(.force), .span_10_of_12:not(.force), .span_11_of_12:not(.force), .span_12_of_12:not(.force){width:100%;}
  .offset-12, .offset-11, .offset-10, .offset-9, .offset-8, .offset-7, .offset-6, .offset-5, .offset-4, .offset-3, .offset-12, .offset-1{margin-left:0px !important;}
}
.col.offset-11{margin-left:94.41%;}
.col.offset-10{margin-left:85.83%;}
.col.offset-9{margin-left:77.25%;}
.col.offset-8{margin-left:68.66%;}
.col.offset-7{margin-left:60.08%;}
.col.offset-6{margin-left:51.5%;}
.col.offset-5{margin-left:42.91%;}
.col.offset-4{margin-left:34.33%;}
.col.offset-3{margin-left:25.75%;}
.col.offset-2{margin-left:17.16%;}
.col.offset-1{margin-left:8.583%;}
html, body{width:100%;overflow-x:hidden;}
.wf-loading{visibility:hidden;}
.wf-active, .wf-inactive{visibility:visible;}
body{font-family:"proxima-nova", sans-serif;padding-top:79px;color:#233741;}
.aspect-16-9{position:relative;width:100%;}
.aspect-16-9:before{content:"";display:block;padding-top:56.25%;}
.aspect-16-9 >:first-child{position:absolute;top:0;left:0;bottom:0;right:0;}
#site{position:relative;transition:all 0.25s ease-out;transform:translate3d(0, 0, 0);background-color:#FDFDFB;}
#site.menu{-webkit-transform:translate3d(-50%, 0, 0);-moz-transform:translate3d(-50%, 0, 0);-ms-transform:translate3d(-50%, 0, 0);-o-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);}
#showreel-player-container > div{background-repeat:no-repeat;}
#mobile-menu{position:fixed;top:80px;-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);right:-25%;bottom:0;left:75%;background:#00A4D7;z-index:0;opacity:0;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
#mobile-menu.menu{opacity:1;-webkit-transform:translate3d(-50%, 0, 0);-moz-transform:translate3d(-50%, 0, 0);-ms-transform:translate3d(-50%, 0, 0);-o-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);}
#mobile-menu a{color:#fff;text-transform:uppercase;font-size:21px;display:block;padding:15px 20px;border-bottom:1px solid #eee;}
.ping{width:1px;height:1px;opacity:0;pointer-events:none;position:absolute;top:0;overflow:hidden;}
.video-frame-container{margin-bottom:1em;}
.bold{font-weight:bold;}
.block{color:#fff;background-size:500px, auto !important;background-position:100px;background-repeat:no-repeat !important;}
blockquote{font-size:1.2em;font-style:italic;}
.slick-arrow{position:absolute;top:45%;transform:translateY(-50%);z-index:10000;background-size:100%;background-repeat:no-repeat;width:150px;height:150px;opacity:0.2;}
.slick-arrow:hover{opacity:0.8;cursor:pointer;}
.slick-prev{left:100px;}
.slick-next{right:100px;}
#slider{line-height:0;}
.folio{cursor:pointer;}
.showreel{position:absolute;top:0;opacity:0;display:none;}
.preview-video{position:absolute;top:50%;left:50%;width:100%;height:auto;opacity:1;-webkit-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.video-fade-container{-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-ms-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear;opacity:0;position:absolute;width:100%;height:100%;}
#showreel-player-container{position:relative;}
#showreel-player-container:before{content:"";display:block;padding-top:56.25%;}
#showreel-player-container >:first-child{position:absolute;top:0;left:0;bottom:0;right:0;}
.preview-video.complete{opacity:0;}
#about, #work, #news, #clients, #what-we-do{padding-top:40px;position:relative;}
.separator{font-family:"proxima-nova", sans-serif;font-size:36px;text-align:center;margin-top:40px;position:relative;}
.dark .separator{color:#fff;}
.dark .separator:after{background:#233741;color:#fff;}
.warmred .separator{color:#fff;}
.warmred .separator:after{background:#f26532;color:#fff;}
.green .separator{color:#fff;}
.green .separator:after{background:#36D0B0;color:#fff;}
.cyan .separator{color:#fff;}
.cyan .separator:after{background:#00aeef;color:#fff;}
.grey .separator{color:#fff;}
.grey .separator:after{background:#657983;color:#fff;}
.grey-backdrop .separator{color:#fff;}
.grey-backdrop .separator:after{background:#efefef;color:#ec008c;}
.magenta{background:#ec008c;}
.cyan{background:#00aeef;}
.blue{background:#1674a7;}
.red{background:#ea1f17;}
.yellow{background:#F8CD34;}
.green{background: #155e4e;}
.black{background:#000;}
.darker{background:#05141F;}
.dark{background:#2A3734;}
.warmred{background:#f26532;}
.purple{background:#583794;}
.orange{background:#f78f1e;}
.grey{background:#657983;}
.border-magenta{border-color:#ec008c !important;}
.border-warmred{border-color:#f26532 !important;}
.border-orange{border-color:#f78f1e !important;}
.border-green{border-color:#00a950 !important;}
.border-cyan{border-color:#00aeef !important;}
.border-purple{border-color:#583794 !important;}
.color-magenta{color:#ec008c;}
.color-warmred{color:#f26532;}
.color-orange{color:#f78f1e;}
.color-green{color:#00a950;}
.color-cyan{color:#00aeef;}
.color-purple{color:#583794;}
.cover{background-size:cover !important;}
.staff .col{position:relative;}
.mobile-only{display:none;}
.round{display:block;width:100%;border-radius:50000px;-webkit-transition:all 1s linear;-moz-transition:all 1s linear;-ms-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear;box-sizing:border-box;border-width:0;margin:auto;filter:grayscale(80%);-webkit-filter:grayscale(80%);position:absolute;top:0;}
.about-contact{-webkit-transition:all 1s linear;-moz-transition:all 1s linear;-ms-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear;width:100%;height:0;padding-bottom:100%;border-radius:50000px;text-align:center;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;font-size:65px;color:#fff;cursor:pointer;z-index:100;}
.about-contact span{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);}
.work, .news{max-width:313px;position:relative;overflow:hidden;background:#CCC;cursor:pointer;position:relative;}
.work:before, .news:before{content:"";display:block;padding-top:56.25%;}
.work >:first-child, .news >:first-child{position:absolute;top:0;left:0;bottom:0;right:0;}
.work div{position:relative;}
.work.transparent, .news.transparent{background:transparent;}
.work img, .news img{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;position:absolute;top:50%;left:50%;width:102%;transform-origin:50% 50%;-webkit-transform:scale(1, 1) translateX(-50%) translateY(-50%);transform:scale(1, 1) translateX(-50%) translateY(-50%);display:inline;}
.work:hover img, .news:hover img{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;transform-origin:50% 50%;-webkit-transform:scale3d(1.2, 1.2, 1.2) translate3d(-42%, -42%, 0);transform:scale3d(1.2, 1.2, 1.2) translate3d(-42%, -42%, 0);}
.work a{color:#fff;}
.work .work-title, .work .news-title, .news .work-title, .news .news-title{position:absolute;display:inline;bottom:0;color:#fff;font-family:"proxima-nova", sans-serif;text-transform:uppercase;font-size:16px;padding:7px;opacity:0.85;z-index:10000;right:0;}
.work.green:hover:after, .news.green:hover:after{background-color:rgba(0, 169, 80, 0.9);}
.client{height:150px;filter:grayscale(100%);-webkit-filter:grayscale(100%);background-size:80%;background-position:center center;background-repeat:no-repeat;box-sizing:border-box;}
h1.segment-title, h2.segment-title{font-family:"proxima-nova", sans-serif;text-align:center;text-transform:uppercase;font-size:30px;}
p.segment-txt{font-family:"proxima-nova", sans-serif;font-size:1.4em;line-height:150%;margin-bottom:1em;text-align:center;}
h1 + p{margin-top:20px;}
body{margin:0;font-family:"proxima-nova", sans-serif;}
a{text-decoration:none;}
p{font-size:12px;line-height:25px;margin-top:-3.125px;}
p strong{font-weight:bold;}
h3{font-weight:normal;font-size:18px;line-height:23px;margin-bottom:40px;}
.logo{font-size:80px;line-height:70px;}
.logo a{color:#fff;}
.logo img{max-width:150px;margin:10px;height:64px;}
#main-nav{position:fixed;z-index:900000;top:0;left:0;right:0;background:rgba(253, 253, 253, 0.95);padding:0 0;font-size:0;height:79px;overflow:hidden;}
#main-nav .links, #sticky-nav .links{margin-top:25px;}
#main-nav .links a, #sticky-nav .links a{color:#657983;display:inline-block;float:none;font-size:15px;line-height:40px;font-family:"proxima-nova", sans-serif;text-transform:uppercase;margin:0;border-bottom:1px solid transparent;transition:border-bottom 0.3s, background 0.3s;padding:20px;transition:border-bottom 0.3s, padding-bottom 0.3s;}
#main-nav .links a:hover, #main-nav .links a.active, #sticky-nav .links a:hover, #sticky-nav .links a.active{background:#dfdfdf;border-bottom:10px;transition:border-bottom 0.3s, background 0.3s, padding-bottom 0.3s;color:#233741;}
#main-nav .links a:nth-child(1):hover, #main-nav .links a.active:nth-child(1), #sticky-nav .links a:nth-child(1):hover, #sticky-nav .links a.active:nth-child(1){background:#ED423C;color:white;border:#ED423C;}
#main-nav .links a:nth-child(2):hover, #main-nav .links a.active:nth-child(2), #sticky-nav .links a:nth-child(2):hover, #sticky-nav .links a.active:nth-child(2){background:#F8CD34;color:white;border:#F8CD34;}
#main-nav .links a:nth-child(3):hover, #main-nav .links a.active:nth-child(3), #sticky-nav .links a:nth-child(3):hover, #sticky-nav .links a.active:nth-child(3){background:#65CEB1;color:white;border:#65CEB1;}
#main-nav .links a:nth-child(4):hover, #main-nav .links a.active:nth-child(4), #sticky-nav .links a:nth-child(4):hover, #sticky-nav .links a.active:nth-child(4){background:#43A1D4;color:white;border:#43A1D4;}
#main-nav .links a:nth-child(5):hover, #main-nav .links a.active:nth-child(5), #sticky-nav .links a:nth-child(5):hover, #sticky-nav .links a.active:nth-child(5){background:#ED423C;color:white;border:#ED423C;}
#main-nav .links a:last-of-type{margin-right:5px !important;}
#main-nav .links a:first-of-type{}
#main-nav .links a:first-of-type:hover{border-left:0;padding-left:21px;}
.social{text-align:right;display:inline-block;}
.social a{position:relative;border:0 !important;background:0 !important;margin:0 !important;padding:0 !important;}
.social i{font-size:16px;margin-left:7px;cursor:pointer;border:1px solid #657983;background:#fff;padding:5px;width:16px;border-radius:500px;color:#657983;}
.social i:hover{background:#00A4D7;color:white;}
#colour-band{background:#f78f1e;color:#fff;}
#colour-band a{color:#fff;}
.news-container{padding:0 !important;}
#footer{background:#233741;color:#fff;font-size:14px !important;line-height:80px;text-align:center;white-space:nowrap !important;}
.contact .full-block{display:block;color:#fff;font-family:"proxima-nova", sans-serif;padding:10px;font-size:16px;width:95%;box-sizing:border-box;border:0;}
.contact p{font-size:16px;font-family:"proxima-nova", sans-serif;}
.contact input, .contact textarea{padding:10px;width:95%;box-sizing:border-box;margin-bottom:10px;font-family:"proxima-nova", sans-serif;font-size:14px;border:0;}
.contact label{position:relative;display:block;width:100%;}
.contact label span{display:none;}
.contact label:after{display:block;position:absolute;right:0;top:0;text-align:center;font-size:1.2em;line-height:34px;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-ms-transition:all .25s linear;-o-transition:all .25s linear;transition:all .25s linear;}
.contact label.invalid:after{color:#ED423C;content:" ✘ ";}
.contact label.valid:after{color:#36D0B0;content:" ✔ ";}
.contact textarea{height:100px;}
p.address{margin-top:30px;font-family:"proxima-nova", sans-serif;text-transform:uppercase;font-size:20px;line-height:110%;color:#657983;}
p.address a{color:#00a950;}
#colour-band h1{text-transform:none;font-size:32px;}
#breadcrumb{font-size:12px;}
#breadcrumb .container{border-top:1px solid #eee;}
#breadcrumb a{color:#f78f1e;padding:0 10px 0 0;margin:0 3px 0 0;}
#breadcrumb a:last-child{color:#777;}
img.grey-border{border:1px solid #eeeeee;}
.container{max-width:1000px;margin:auto;width:100%;padding:0;position:relative;}
.container:after{clear:both;height:0;content:" ";text-indent:-99999999px;}
.container-label{position:absolute;top:0;left:0;background:#ec008c;padding:8px;font-size:18px;font-family:"proxima-nova", sans-serif;color:#fff;text-transform:uppercase;}
.full-width-image{height:700px;background:center center no-repeat;background-size:cover;position:relative;}
.full-width-image h1, .full-width-image p{color:#fff;}
.full-width-image h1{text-transform:uppercase;font-size:86px;margin-top:20px;}
.full-width-image p{font-size:16px;line-height:26px;margin:10px;}
.full-width-image .button{max-width:30%;margin:25px auto 0 auto;}
.container.overlay{height:100%;}
table.overlay{margin:auto;text-align:center;height:100%;max-width:65%;}
table.overlay td{vertical-align:middle;}
table.data{width:100%;color:#4c4c4c;font-size:14px !important;}
table.data thead td{color:#fff;background:#0077c8;padding:14px 11px;font-size:16px;}
table.data td{padding:11px;line-height:18px;}
table.data td{border-right:1px solid #fff;}
table.data td:last-child{border-right:0;}
table.data tr:nth-child(odd){background:#faf4e5;}
table.data tr:nth-child(even){background:#f1dfb3;}
table.comparison thead td:nth-child(even){width:50%;}
table.comparison thead td:nth-child(even){background:#609ad0;width:50%;}
table.orange thead td{background:#f78f1e;}
table.orange thead td:nth-child(even){background:#dcad41;}
table.orange td:nth-child(odd){border-color:#0077c8;}
table.blue tr:nth-child(even){background:#cce6f4;}
table.blue td{vertical-align:middle !important;}
table.blue tr:nth-child(odd){background:#e5f2f9;}
table.blue thead tr td.orange{background:#f78f1e !important;}
table.blue tr:nth-child(even) td.orange{background:#f78f1e;}
table.blue tr:nth-child(odd) td.orange{background:#f0b94c;}
table.blue td.orange{color:#fff;}
table.product-info{width:100%;font-size:14px;}
table.product-info tr{border-bottom:1px solid #0077c8;}
table.product-info tr:last-child{border-bottom:0;}
table.product-info td{padding:7px 10px;}
p.sterility-info{margin-top:20px;color:#0077c8;line-height:140%;font-size:13px;}
.vertical-centre{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
img.scale, iframe.scale{display:block;width:100%;}
#colour-band .icon-link .hover, #colour-band .icon-link .active{display:none;}
#colour-band .icon-link{width:100px;text-align:center;float:right;margin:0 10px 0 0;padding:0 0 0 10px;border-left:1px solid #fff;}
#colour-band .icon-link:hover .hover{display:block;}
#colour-band .icon-link:hover .up{display:none;}
#colour-band .icon-link:first-child{border-right:1px solid #fff;padding-right:10px;margin-right:0;}
#colour-band img{display:block;width:65%;margin:auto;margin-bottom:10px;}
#colour-band .link-text{font-size:13px;word-spacing:900px;}
.blurb .container{border-bottom:1px solid #e5e5e5;}
.blurb h1{font-weight:normal;font-size:35px;line-height:37px;}
.toolbar a{color:#0077c8;font-size:12px;display:inline-block;border-right:1px solid #e5e5e5;margin:20px 0 0 15px;padding-right:15px;vertical-align:bottom;}
.toolbar a i.fa{margin-left:5px;}
.toolbar a:last-child{margin-right:0;border-right:0;padding-right:0;}
.article-date, .article-type{text-transform:uppercase;font-size:13px;display:block;margin-bottom:5px;font-weight:normal;}
.article-date{color:#4c4c4c;}
.article-type{color:#777;}
.article-title{text-transform:uppercase;font-size:23px;font-weight:normal;margin-top:13px;}
.tabbed-area{background:#eeeeee;}
.tabbed-area .tabs{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-grow:1;}
.tabbed-area a.tab{cursor:pointer;margin:auto;background:#eeeeee;width:auto;text-align:center;color:#0077c8;line-height:18px;font-size:14px;text-transform:uppercase;padding:1.4%;box-sizing:border-box;height:60px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-align-items:center;flex-grow:1;justify-content:center;-webkit-justify-content:center;-webkit-flex-grow:1;}
.tabbed-area a.tab:hover{background:#0077c8;color:#fff;}
.tabbed-area a.tab.active{background:#0077c8;color:#fff;}
.tabbed-area .area-title{border-color:#777 !important;}
.sub-tabs a{font-size:13px;color:#777;line-height:50px;margin-right:20px;}
.sub-tabs a.active{color:#0077c8;}
.subcontent{background:#fff;border-top:1px solid #777;border-bottom:1px solid #777;margin-bottom:40px;}
a.button{border-radius:3px;display:block;font-size:11px;line-height:25px;padding:3px 20px;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;}
a.blue.button{background:none repeat scroll 0 0 #007ac9;color:#fff;border-bottom:2px solid #0e4f7c;}
a.blue.button:hover{background:#0E4F7C;border-color:#052c47;}
a.grey.button{background:none repeat scroll 0 0 #4c4c4c;color:#fff;border-bottom:2px solid #444;}
a.grey.button:hover{background:#444;border-color:#333;}
h1.area-title{color:#0077c8;text-transform:uppercase;font-size:27px;line-height:35px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;margin-top:-5px;}
h1.page-title{color:#4c4c4c;text-transform:uppercase;font-size:50px;line-height:35px;margin-bottom:20px;padding-bottom:20px;margin-top:-5px;border-bottom:1px solid #eee;}
h2.page-subtitle{color:#4c4c4c;text-transform:uppercase;font-size:30px;line-height:20px;margin-bottom:13.33333px;padding-bottom:13.33333px;margin-top:-3px;border-bottom:1px solid #eee;}
h2.area-subtitle{color:#0077c8;font-size:23px;line-height:28px;margin-top:-5px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #777;}
h2.area-subtitle strong{font-weight:bold;}
.blue-backdrop{background:#0077c8;}
.blue-backdrop h1.area-title, .blue-backdrop h2.area-subtitle, .blue-backdrop p, .blue-backdrop h3, .orange-backdrop h1.area-title, .orange-backdrop h2.area-subtitle, .orange-backdrop p, .orange-backdrop h3{color:#fff;border-color:#fff;}
.orange-backdrop{background:#f78f1e;}
.white-backdrop{background:#fff;border-top:1px solid #eee;}
.grey-backdrop{background:#efefef;}
.white-block{background:#fff;padding:20px;box-sizing:border-box;min-height:500px;}
p.bigger{font-size:22px;margin-bottom:20px;}
.blue{color:#0077c8;}
.flickBetween{position:relative;}
.flickBetween .arrow{top:150px;color:#fff;position:absolute;}
.flickBetween .arrow:hover{cursor:pointer;color:#f78f1e;}
.flickBetween .arrow i.fa{font-size:30px;}
.flickBetween .left{left:-20px;}
.flickBetween .right{right:-20px;}
.flickBetween .arrow.blue{color:#0077c8;top:120px;}
.align-right{text-align:right;}
.clear:after{clear:both;content:" ";text-indent:-9999999px;height:0;display:block;}
.vpad{}
.vpad-less{padding-top:20px;padding-bottom:20px;}
.offset-bottom{margin-bottom:40px;}
.offset-top{margin-top:40px;}
.offset-bottom-less{margin-bottom:20px;}
.offset-top-less{margin-top:20px;}
.pad-bottom, .staff-container .container{padding-bottom:40px;}
.pad-top{padding-top:40px;}
.pad-around{padding:20px !important;box-sizing:border-box;}
.pad-around-rh{padding:20px 20px 20px 0;box-sizing:border-box;}
p.ref{font-size:9px;line-height:11px;}
sup{font-size:10px !important;vertical-align:super;}
.imageElement{background:#fff;padding:20px;}
.no-vertical-margin .col{margin-top:0 !important;margin-bottom:0 !important;}
.naked{border:0 !important;padding:0 !important;margin-bottom:0 !important;}
.img-placeholder{width:150px;height:150px;background:#eeeeee;}
#Overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.7);z-index:100000000;}
#OverlayContent{position:absolute;width:80%;max-width:800px;background:#fff;max-height:80%;overflow-y:scroll;overflow-x:hidden;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);}
#OverlayClose{position:absolute;top:0;right:10px;width:40px;height:40px;color:#233741;z-index:100000;text-align:right;font-size:40px;cursor:pointer;}
#OverlayClose:hover{color:#ccc;}
#Overlay #ContentContainer{width:100%;max-width:800px;max-height:98%;box-sizing:border-box;margin:auto;overflow:auto;}
#Overlay #Content{background:#FFF;max-width:1000px;padding:20px;}
#Overlay label{font-size:12px;text-transform:uppercase;display:block;margin-bottom:10px;}
#Overlay input[type="text"], #Overlay input[type="password"]{display:block;width:100%;padding:8px;box-sizing:border-box;border:solid 0;border-bottom:1px solid #e5e5e5;background:#eeeeee;font-size:12px;color:#4c4c4c;border-radius:2px;}
#Overlay a{text-transform:uppercase;}
#Overlay input.error{border:1px solid red !important;}
#Overlay input[type="text"]:focus{border-bottom:1px solid #CCC;}
#Overlay table.checkbox td:first-child{width:30px;}
#Overlay table.checkbox td{vertical-align:top;}
#Overlay table.checkbox td p{margin:-3px 0 0 0;line-height:150%;}
span.lozenge{background:#f78f1e;color:#fff !important;padding:3px 5px;border-radius:10px;font-size:11px;text-transform:uppercase;}
iframe{border:none;box-sizing:border-box;}
#map{height:447px;}
#touch-icon i.fa{font-size:40px;cursor:pointer;margin-left:5px;color:#233741;line-height:200%;float:right;}
.project-main-image{position:relative;background:no-repeat url(../img/work/boris-03.jpg);background-size:cover;position:relative;}
.project-main-image:before{content:"";display:block;padding-top:56.25%;}
.project-main-image >:first-child{position:absolute;top:0;left:0;bottom:0;right:0;}
.project-title{position:absolute;display:inline;bottom:0;color:#fff;text-transform:uppercase;font-size:1.6em;padding:0.5em;opacity:0.85;z-index:10000;left:0;text-align:center;}
.similar-projects{background:#dbdbdb;padding-top:20px;color:black;position:absolute;overflow:hidden;top:0;bottom:0;right:0;}
.similar-projects .work{margin-bottom:1em;margin:1em;}
.project-info .news-page h2{text-align:left !important;margin-left:0;font-size:1.5em;}
.project-info h2{text-align:center;font-size:1.2em;margin:1em;text-transform:uppercase;}
.project-info h3{font-size:1.5em;margin:auto 0 20px 0;}
.project-info p{font-size:1.2em;line-height:150%;margin-bottom:20px;}
.project-info ol{padding:0 2em;}
.project-info ul{padding:0 2em;}
.project-info li{font-size:1.2em;line-height:150%;margin-bottom:20px;}
.project-info-col{padding-top:20px;}
.video-frame-container{position:relative;width:100%;}
.video-frame-container:before{content:"";display:block;padding-top:56.25%;}
.video-frame-container >:first-child{position:absolute;top:0;left:0;bottom:0;right:0;}
.video-frame-container iframe{width:100%;height:100%;}
#project-container{transform:scale(1, 0);transition:all 0.5s ease-out;opacity:0;}
blockquote{margin:1em 0 1em 0;}
@media screen and (max-width:1120px){.about-name{font-size:13px;margin-top:160px;}
  #Overlay #ContentContainer{width:90%;}
  .container{padding-left:20px;padding-right:20px;box-sizing:border-box;}
  .container .container, .folio.container, .person-container.container{padding-left:0px;padding-right:0px;}
  .folio .col{margin-top:0px;}
  #Overlay .container{width:100%;}
  .hide-at-1120{display:none;}
  .show-at-1120{display:block;}
  .full-width-at-1120{float:none;width:100%;}
}
@media screen and (max-width:930px){.video-fade-container{opacity:1 !important;}
  .show-at-930{display:block;}
  .hide-at-930{display:none;}
  .about-name{margin-top:220px;}
}
@media screen and (max-width:860px){.work .work-title, .news .work-title{font-size:1.5vw;}
  .show-at-860{display:block;}
  .fa-bars{min-width:100px;text-align:right;}
  .hide-at-860{display:none;}
  .slick-prev{left:20px;}
  .slick-next{right:20px;}
  .slick-arrow{width:100px;}
  .full-width-image{height:600px;}
  .full-width-image h1{font-size:75px;}
  .full-width-image img{width:100px;}
}
@media screen and (max-width:860px) and (orientation:landscape){.work .work-title, .news .work-title{font-size:1.5vw !important;}
}
@media screen and (max-width:800px){.hide-at-800{display:none;}
  .show-at-800{display:block;}
  .about-name{margin-top:180px;}
  #contact{margin-top:20px !important;}
  #contact .col{height:auto !important;}
  .pad-around-rh{padding:20px !important;}
}
@media screen and (max-width:750px){.hide-at-750{display:none;}
  .show-at-750{display:block;}
  .full-width-image{height:450px;}
  .full-width-image h1{font-size:50px;}
  .full-width-image img{width:80px;}
  .full-width-image p{font-size:14px;}
  table.overlay{max-width:80%;}
}
@media screen and (max-width:650px){.about-name{margin-top:150px;}
  #footer{white-space:nowrap;font-size:2.5vw;line-height:100%;}
  .work .work-title, .news .work-title, .project-title{font-size:4vw;}
}
@media screen and (max-width:600px){.work, .news{max-width:600px;}
  .hide-at-600{display:none;}
  .show-at-600{display:block;}
  .about-name{margin-top:200px;}
}
@media screen and (max-width:550px){.similar-projects{position:relative;}
  .about-name{margin-top:160px;font-size:10.2px;}
  .video-fade-container{opacity:1 !important;}
  .pad-bottom, .staff-container .container{padding-bottom:0;}
  .mobile-only{display:block;}
  .about-role{font-size:11px;margin-top:-7px;}
  p.segment-txt{font-size:1.2em;}
  h1#folio-title{font-size:16px;}
  .the-result{margin-top:20px !important;}
  .client{height:100px;}
  .slick-prev{left:10px;}
  .slick-next{right:10px;}
  .slick-arrow{width:50px;}
}
@media screen and (max-width:500px){.similar-projects{position:relative;}
  .hide-at-500{display:none;}
  .video-fade-container{opacity:1 !important;}
  .show-at-500{display:block;}
  .about-name{margin-top:130px;}
  .full-width-image{height:400px;}
  .full-width-image h1{font-size:45px;}
  .full-width-image img{width:70px;}
  .full-width-image p:not(.force){display:none;}
  .full-width-image .button{margin:25px auto 0;max-width:100%;}
  table.overlay{max-width:95%;}
  #footer{font-size:10px !important;white-space:nowrap !important;line-height:10px !important;display:none;}
}
/* wide monitors: widen the column above 1800px, laptops unaffected */
@media screen and (min-width:1800px){.container{max-width:1400px;}.work, .news{max-width:440px;}p.segment-txt{max-width:1000px;margin-left:auto;margin-right:auto;}}
/* text links: logo blue (#03aedd) darkened to pass contrast on white and #efefef; visited is lighter and more vivid (about 3:1, deliberately quieter).
   :where() keeps specificity at zero so nav, tiles, buttons and any styled link keep their own colours. */
:where(a:link){color:var(--link, #02627c);}
:where(a:visited){color:var(--visited, #0396be);}
/* links inside running text are underlined: colour alone is too close to the body text (about 2.4:1) */
:is(p, li, dd, td, figcaption, blockquote) a:where(:link, :visited){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.18em;}
:where(a:hover),:where(a:focus-visible){color:var(--hover, #03aedd);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.18em;}

/* ==========================================================================
   Light / dark theme
   assets/theme.js sets data-theme on <html> before paint: the visitor's saved choice,
   otherwise the OS setting. The media query below covers visitors without JavaScript.
   Light values equal the original hard-coded colours, so light mode looks unchanged.
   Rules are prefixed with :root so they outrank the per-page <style> blocks.
   ========================================================================== */
:root{
  color-scheme:light;
  --page:#fff; --bg:#FDFDFB; --text:#233741; --muted:#657983; --heading:#4c4c4c;
  --band:#efefef; --panel:#fff; --side:#dbdbdb; --side-text:#000; --tile:#CCC; --rule:#eee;
  --nav-bg:rgba(253,253,253,0.95);
  --link:#02627c; --visited:#0396be; --hover:#03aedd;
  --field:rgba(255,255,255,0.75); --field-focus:rgba(255,255,255,0.9);
  --field-border:rgba(0,0,0,0.18); --field-border-focus:rgba(0,0,0,0.35);
  --label:#1f2a30; --placeholder:rgba(0,0,0,0.35); --status:rgba(0,0,0,0.65);
  --btn:rgba(255,255,255,0.65); --btn-hover:rgba(255,255,255,0.85); --btn-border:rgba(0,0,0,0.35);
  --tint:rgba(0,0,0,0.04); --quote-rule:rgba(0,0,0,0.15);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --page:#12191d; --bg:#12191d; --text:#dbe3e7; --muted:#9aabb4; --heading:#dbe3e7;
  --band:#1b2429; --panel:#12191d; --side:#222d33; --side-text:#dbe3e7; --tile:#12191d; --rule:#2a363d;
  --nav-bg:rgba(18,25,29,0.95);
  --link:#03aedd; --visited:#6a9fb0; --hover:#8adcf6;
  --field:rgba(255,255,255,0.06); --field-focus:rgba(255,255,255,0.1);
  --field-border:rgba(255,255,255,0.2); --field-border-focus:rgba(255,255,255,0.4);
  --label:#dbe3e7; --placeholder:rgba(255,255,255,0.4); --status:rgba(255,255,255,0.7);
  --btn:rgba(255,255,255,0.08); --btn-hover:rgba(255,255,255,0.16); --btn-border:rgba(255,255,255,0.35);
  --tint:rgba(255,255,255,0.05); --quote-rule:rgba(255,255,255,0.2);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme]){
    color-scheme:dark;
    --page:#12191d; --bg:#12191d; --text:#dbe3e7; --muted:#9aabb4; --heading:#dbe3e7;
    --band:#1b2429; --panel:#12191d; --side:#222d33; --side-text:#dbe3e7; --tile:#12191d; --rule:#2a363d;
    --nav-bg:rgba(18,25,29,0.95);
    --link:#03aedd; --visited:#6a9fb0; --hover:#8adcf6;
    --field:rgba(255,255,255,0.06); --field-focus:rgba(255,255,255,0.1);
    --field-border:rgba(255,255,255,0.2); --field-border-focus:rgba(255,255,255,0.4);
    --label:#dbe3e7; --placeholder:rgba(255,255,255,0.4); --status:rgba(255,255,255,0.7);
    --btn:rgba(255,255,255,0.08); --btn-hover:rgba(255,255,255,0.16); --btn-border:rgba(255,255,255,0.35);
    --tint:rgba(255,255,255,0.05); --quote-rule:rgba(255,255,255,0.2);
  }
}
/* the clients band stays light in both themes so the logos sit on white as designed */
:root #clients{
  --text:#233741; --muted:#657983; --link:#02627c; --visited:#0396be; --hover:#03aedd; --rule:#eee;
  background:#fff; color:#233741;
}
:root[data-theme="dark"] #clients{background:#f4f4f2;}
@media (prefers-color-scheme:dark){ :root:not([data-theme]) #clients{background:#f4f4f2;} }

:root body{color:var(--text);background:var(--page);}
:root #site{background-color:var(--bg);}
:root #main-nav{background:var(--nav-bg);}
:root #main-nav .links a, :root #sticky-nav .links a{color:var(--muted);}
:root .social i{border-color:var(--muted);background:var(--panel);color:var(--muted);}
:root .social i:hover{background:#00A4D7;color:#fff;}
:root #touch-icon i.fa{color:var(--text);}
:root .grey-backdrop{background:var(--band);}
:root .grey-backdrop .separator:after{background:var(--band);}
:root .white-backdrop{background:var(--panel);border-top-color:var(--rule);}
:root .white-block, :root .subcontent, :root .imageElement, :root #OverlayContent, :root #Overlay #Content{background:var(--panel);}
:root .similar-projects{background:var(--side);color:var(--side-text);}
/* tiles: placeholder follows the theme, and images overfill slightly (as base intends) so a
   fractional tile position can't leave a pale antialiased line along one edge */
:root .work, :root .news{background:var(--tile);}
.work img, .news img{width:102% !important;}
:root hr{border-top-color:var(--rule);}
:root #breadcrumb .container, :root .blurb .container, :root img.grey-border{border-color:var(--rule);}
:root h1.page-title, :root h2.page-subtitle, :root .article-date{color:var(--heading);}
:root p.address{color:var(--muted);}
:root #OverlayClose{color:var(--text);}
/* contact form (same inline styles on many pages) */
:root .ra-contact-form label{color:var(--label);}
:root .ra-contact-form input, :root .ra-contact-form textarea{background:var(--field);border-color:var(--field-border);color:var(--text);}
:root .ra-contact-form input:focus, :root .ra-contact-form textarea:focus{background:var(--field-focus);border-color:var(--field-border-focus);}
:root .ra-contact-form ::placeholder{color:var(--placeholder);}
:root .ra-button{background:var(--btn);border-color:var(--btn-border);color:var(--label);}
:root .ra-button:hover{background:var(--btn-hover);}
:root .ra-form-status{color:var(--status);}
/* the contact panel runs full width in both themes: its colour is extended sideways and into the
   gaps above (30px; 20px on small screens) and below (33px) so it meets the footer as one band */
:root #contact > .col{box-shadow:0 0 0 100vmax #D2DADD;clip-path:inset(-30px -100vmax -33px);}
@media screen and (max-width:800px){:root #contact > .col{clip-path:inset(-20px -100vmax -33px);}}
/* the contact panel stays light in both themes: its grey sits between the two, and the logo inside needs no dark swap */
:root #contact{
  color-scheme:light; color:#233741;
  --text:#233741; --muted:#657983; --link:#02627c; --visited:#0396be; --hover:#03aedd;
  --field:rgba(255,255,255,0.75); --field-focus:rgba(255,255,255,0.9);
  --field-border:rgba(0,0,0,0.18); --field-border-focus:rgba(0,0,0,0.35);
  --label:#1f2a30; --placeholder:rgba(0,0,0,0.35); --status:rgba(0,0,0,0.65);
  --btn:rgba(255,255,255,0.65); --btn-hover:rgba(255,255,255,0.85); --btn-border:rgba(0,0,0,0.35);
}
/* one-off project page styles */
:root .sim-pitch{background:var(--tint);}
:root .sim-cta-alt{color:var(--link) !important;}
:root .ra-timeline{border-left-color:var(--field-border);}
:root .project-info-col blockquote{border-left-color:var(--quote-rule);}
:root .bf-place{background:var(--btn);border-color:var(--field-border);}
:root .bf-place svg{stroke:var(--text);}

/* theme toggle (added to the nav by assets/theme.js): a plain icon, kept apart from the
   LinkedIn circle by a thin divider so it reads as a setting, not another social link */
.theme-toggle{display:inline-block;vertical-align:middle;box-sizing:content-box;width:16px;height:16px;padding:6px;margin:0;border:0;border-radius:500px;background:none;color:var(--muted);cursor:pointer;line-height:0;}
.theme-toggle:hover{color:var(--hover);background:none;}
.theme-toggle:focus-visible{outline:2px solid var(--hover);outline-offset:2px;}
.theme-toggle svg{display:block;}
#main-nav .links .theme-toggle{position:relative;top:-5px;margin-left:19px;}
#main-nav .links .theme-toggle:before{content:"";position:absolute;left:-10px;top:3px;bottom:3px;border-left:1px solid var(--muted);opacity:0.45;}
/* tooltip: says the current setting and what a click does; to the left because #main-nav clips below 79px */
.theme-toggle:after{content:attr(data-tip);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;font:13px/1 "proxima-nova",sans-serif;letter-spacing:0;text-transform:none;color:var(--text);background:var(--panel);border:1px solid var(--rule);border-radius:4px;padding:7px 9px;box-shadow:0 2px 8px rgba(0,0,0,0.12);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease .15s, visibility 0s linear .3s;z-index:2;}
.theme-toggle:hover:after, .theme-toggle:focus-visible:after{opacity:1;visibility:visible;transition:opacity .15s ease .15s, visibility 0s;}
#main-nav .links .theme-toggle:after{right:calc(100% + 16px);}
/* phone slide-out menu: a deeper blue in dark mode so it doesn't glare against the dark page */
:root[data-theme="dark"] #mobile-menu{background:#075a76;}
:root[data-theme="dark"] #mobile-menu a{border-bottom-color:rgba(255,255,255,0.2);}
:root[data-theme="dark"] .theme-menu button[aria-pressed="true"]{color:#075a76;}
@media (prefers-color-scheme:dark){
  :root:not([data-theme]) #mobile-menu{background:#075a76;}
  :root:not([data-theme]) #mobile-menu a{border-bottom-color:rgba(255,255,255,0.2);}
}
/* phone menu theme choice (also added by assets/theme.js): white on the menu's blue in both themes */
.theme-menu{padding:18px 12px 20px;font-family:"proxima-nova",sans-serif;color:#fff;}
.theme-menu-label{display:block;padding:0 8px 10px;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;opacity:0.85;}
.theme-menu-options{display:flex;gap:4px;padding:3px;border:1px solid rgba(255,255,255,0.6);border-radius:10px;}
.theme-menu button{flex:1 1 0;min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0;padding:6px 2px;border:0;border-radius:7px;background:none;color:#fff;font:13px/1 "proxima-nova",sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.theme-menu button svg{width:18px;height:18px;}
.theme-menu button[aria-pressed="true"]{background:#fff;color:#007ea6;font-weight:600;}
.theme-menu button:focus-visible{outline:2px solid #fff;outline-offset:2px;}