@charset "UTF-8";
/*!
Theme Name: Pipeline Theme
Theme URI: http://ladygeekgeek.com
Description: Built on the LGG Starter theme
Version: 1.0
Author: Charlie Craig
Author URI: http://ladygeekgeek.com
Tags: naked, clean, basic
*/
/*------------------------------------*\
$CONTENTS
\*------------------------------------*/
/*
1. BASE
1.1 Reset
1.2 Typography
2. LAYOUT
3. COMPONENTS
3.1 Links
3.2 Forms
3.3 Lists
3.4 Buttons
3.5 Icons
3.6 Images & Videos
3.7 Tables
4. MODULES
4.1 Header
4.2 Navigation
4.3 Flexslider
4.4 Projects
4.5 Pagination
4.6 Widgets
4.7 Hcard
4.8 Footer
5. POSTS & PAGES (article, article summary)
6. HELPERS
7. SHAME (IE hacks and fixes)
8. PRINT
*/
.nested-row, .services-list, .projects .article-list {
*zoom: 1; }
.nested-row:before, .services-list:before, .projects .article-list:before, .nested-row:after, .services-list:after, .projects .article-list:after {
content: "";
display: table; }
.nested-row:after, .services-list:after, .projects .article-list:after {
clear: both; }
.sidebar, .home-video, .last-row .news, .services-list li, .active .nav, .post-nav, .projects-page .summary-article, .featured.projects, .page-nav, .survey, .footer-left, .contact-details, .article {
margin-left: 4.06504%;
float: left;
min-height: 1px;
position: relative; }
/* --------------------------------------------------------------------
1. $BASE
-------------------------------------------------------------------- */
/* ...............
1.1 $RESET
...............
*/
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
html {
font-size: 100%;
line-height: 1.5;
position: relative;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
html, body {
height: 100%; }
body {
font-size: 18px;
font-size: 1.125rem;
margin: 0;
font-family: "ff-dax-web-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #464D54; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block; }
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1; }
p {
margin: 0; }
b, strong {
font-weight: bold; }
small {
font-size: 85%; }
em {
font-style: italic; }
strong {
font-weight: 700; }
q {
quotes: "\201C" "\201D" "\2018" "\2019"; }
cite {
font-style: normal; }
abbr, acronym {
text-transform: uppercase;
color: #222;
border-bottom: 1px dotted #f5f5f5;
cursor: help; }
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
border: 1px solid #f5f5f5;
clear: both;
margin-top: 48px;
margin-top: 3rem;
margin-bottom: 24px;
margin-bottom: 1.5rem; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 0; }
img {
max-width: 100%;
height: auto;
border: 0;
vertical-align: middle; }
table {
border-spacing: 0; }
address {
font-style: normal; }
iframe {
border: none; }
/* ...............
1.2 $Typography
...............
*/
h1, h2, h3, .gform_confirmation_message_2, h4, h5, h6 {
font-family: "ff-dax-web-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: Normal;
margin-top: 4px;
margin-top: 0.252rem;
margin-bottom: 4px;
margin-bottom: 0.252rem;
padding-top: 4px;
padding-top: 0.252rem;
padding-bottom: 4px;
padding-bottom: 0.252rem;
color: #001F5B; }
@media only screen and (max-width: 37.4em) {
h1, h2, h3, .gform_confirmation_message_2, h4, h5, h6 {
word-wrap: break-word; } }
h1 {
font-size: 60px;
font-size: 3.75rem;
color: #001F5B;
font-weight: 700;
line-height: 1.3; }
@media only screen and (max-width: 37.4em) {
h1 {
font-size: 29px;
font-size: 1.8125rem; } }
h2 {
font-size: 29px;
font-size: 1.8125rem;
margin-top: 24px;
margin-top: 1.5rem;
font-weight: 700; }
@media only screen and (max-width: 37.4em) {
h2 {
font-size: 23px;
font-size: 1.4375rem; } }
h3, .gform_confirmation_message_2 {
font-size: 23px;
font-size: 1.4375rem;
margin-top: 24px;
margin-top: 1.5rem; }
@media only screen and (max-width: 37.4em) {
h3, .gform_confirmation_message_2 {
font-size: 23px;
font-size: 1.4375rem; } }
h4, h5, h6 {
font-size: 18px;
font-size: 1.125rem;
font-weight: 700; }
p {
margin-bottom: 12px;
font-weight: 400; }
blockquote {
margin: 5%;
padding: 0 2%;
border-left: 5px solid #f5f5f5;
font-size: 18px;
font-size: 1.125rem; }
blockquote cite {
display: block;
font-size: 14px;
font-size: 0.875rem;
text-transform: uppercase;
color: #69717b;
text-align: right;
font-weight: 500; }
blockquote cite:before {
content: "\2014 \0020"; }
.caption {
margin: 0;
padding: 3px;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
color: #f5f5f5;
background-color: #222; }
.wp-caption {
max-width: 100%;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 700;
font-style: italic; }
.meta {
text-transform: uppercase;
font-size: 15px;
font-size: 0.9375rem; }
.section-header {
position: relative;
top: 1.2em;
left: -12px;
z-index: 1;
padding-left: .5em;
padding-right: .5em;
font-size: 18px;
font-size: 1.125rem;
background-color: #001F5B;
text-transform: uppercase;
color: #fff;
font-weight: 400; }
.section-header a {
color: #fff; }
.widget-title, .services-title, .sub-menu h4 {
font-size: 23px;
font-size: 1.4375rem;
margin-top: 4px;
margin-top: 0.252rem;
margin-bottom: 4px;
margin-bottom: 0.252rem;
text-transform: uppercase; }
.services-title {
text-align: center; }
.intro {
font-size: 29px;
font-size: 1.8125rem;
text-align: center;
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 12px;
margin-bottom: 0.75rem; }
.sub-heading {
margin: 0;
color: #F38A00; }
.article-body > p:first-child {
margin-top: 12px;
margin-top: 0.75rem;
margin-bottom: 12px;
margin-bottom: 0.75rem;
padding-top: 4px;
padding-top: 0.252rem;
padding-bottom: 4px;
padding-bottom: 0.252rem;
font-size: 23px;
font-size: 1.4375rem; }
.wf-loading {
visibility: hidden; }
/* --------------------------------------------------------------------
2. $LAYOUT
-------------------------------------------------------------------- */
.row {
width: 100%;
max-width: 1024px;
min-width: 20em;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
*zoom: 1; }
.row:before, .row:after {
content: "";
display: table; }
.row:after {
clear: both; }
.row > *:first-child {
margin-left: 0; }
@media only screen and (max-width: 37.4em) {
.row {
width: auto;
min-width: 0;
margin-left: 0;
margin-right: 0; } }
.block-row {
width: 100%;
max-width: 1024px;
min-width: 20em;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
*zoom: 1; }
.block-row:before, .block-row:after {
content: "";
display: table; }
.block-row:after {
clear: both; }
.block-row > *:first-child {
margin-left: 0; }
@media only screen and (max-width: 37.4em) {
.block-row {
width: auto;
min-width: 0;
margin-left: 0;
margin-right: 0; } }
.nested-row {
width: auto;
min-width: 0;
max-width: none;
padding-left: 0;
padding-right: 0; }
.nested-row > *:first-child {
margin-left: 0; }
@media only screen and (max-width: 37.4em) {
.nested-row {
width: auto;
min-width: 0;
margin-left: 0;
margin-right: 0; } }
.last-row {
width: 100%;
max-width: 1024px;
min-width: 20em;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
*zoom: 1;
margin-bottom: 48px;
margin-bottom: 3rem; }
.last-row:before, .last-row:after {
content: "";
display: table; }
.last-row:after {
clear: both; }
.last-row > *:first-child {
margin-left: 0; }
@media only screen and (max-width: 37.4em) {
.last-row {
width: auto;
min-width: 0;
margin-left: 0;
margin-right: 0; } }
.wrapper {
border-top: 1px solid #d5dfe6; }
.outer-wrapper {
border-top: 1px solid #d5dfe6;
border-bottom: 1px solid #d5dfe6;
width: 100%; }
.inner-wrapper, .first-inner-wrapper {
border-left: 1px solid #d5dfe6;
border-right: 1px solid #d5dfe6;
max-width: 1144px;
margin: 0 auto; }
.inner-wrapper {
padding-top: 12px;
padding-top: 0.75rem;
padding-bottom: 12px;
padding-bottom: 0.75rem; }
@media only screen and (min-width: 64em) {
.inner-wrapper {
padding-top: 48px;
padding-top: 3rem;
padding-bottom: 48px;
padding-bottom: 3rem; } }
.fill {
background-color: #f2f3f6; }
.border {
border-left: 1px solid #d5dfe6;
border-right: 1px solid #d5dfe6; }
@media only screen and (min-width: 48em) {
main {
padding-top: 48px;
padding-top: 3rem; } }
.sidebar {
width: 30.62331%;
margin-left: 12.73713%; }
@media only screen and (max-width: 37.4em) {
.sidebar {
float: left;
margin-left: 0;
width: 100%; } }
.sidebar:first-child {
margin-left: 8.67209%; }
@media only screen and (max-width: 37.4em) {
.sidebar {
margin-left: 0; }
.sidebar:first-child {
margin-left: 0; } }
@media only screen and (max-width: 37.4em) {
.home-video, .survey, .news, .featured-project {
margin-top: 12px;
margin-top: 0.75rem;
margin-bottom: 12px;
margin-bottom: 0.75rem; } }
.home-video {
width: 56.63957%; }
@media only screen and (max-width: 37.4em) {
.home-video {
float: left;
margin-left: 0;
width: 100%; } }
.last-row .news {
width: 30.62331%; }
@media only screen and (max-width: 37.4em) {
.last-row .news {
float: left;
margin-left: 0;
width: 100%; } }
/* --------------------------------------------------------------------
3. $COMPONENTS
-------------------------------------------------------------------- */
/* User interface concepts and design patters */
/* ...............
3.1 $Links
...............
*/
a {
background: transparent;
color: #001F5B;
text-decoration: none; }
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
a:active, a:hover {
color: #F38A00;
-moz-text-decoration-color: rgba(39, 92, 131, 0.33);
outline: 0; }
.article a {
font-weight: 700; }
.primary-link {
color: #F38A00; }
/* Tag links style */
/* ...............
3.2 $Forms
...............
*/
input, button {
*overflow: visible;
line-height: normal; }
input, textarea {
background: #fafafa;
-webkit-appearance: none;
/* Remove inner shadow from inputs on mobile iOS */
margin-bottom: 24px;
margin-bottom: 1.5rem;
padding-left: .5em;
padding-right: .5em;
border-radius: 0;
/* Remove border-radius from inputs on mobile iOS */
font-size: 100%;
border: 1px solid #ddd;
line-height: 2em;
height: 2em;
width: 100%; }
::-webkit-input-placeholder {
/* WebKit browsers */
color: #999;
font-family: "ff-dax-web-pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #999;
font-family: "ff-dax-web-pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #999;
font-family: "ff-dax-web-pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #999;
font-family: "ff-dax-web-pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
input:focus, textarea:focus {
color: #373737;
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
display: none; }
select, textarea {
margin: 0;
vertical-align: middle; }
textarea {
overflow: auto;
vertical-align: top;
height: 0.105em;
height: auto;
resize: vertical;
max-width: 100%; }
button[disabled], html input[disabled] {
cursor: default; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0; }
button, select {
text-transform: none;
line-height: 31px;
line-height: 1.95rem; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
font-weight: 700;
font-family: "ff-dax-web-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-shadow: none;
-webkit-font-smoothing: antialiased; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; }
.contact-form {
margin-top: 24px;
margin-top: 1.5rem; }
input[type=submit].button {
width: 50%;
line-height: inherit; }
@media only screen and (max-width: 20em) {
input[type=submit].button {
width: 100%; } }
@media only screen and (portrait-phones) {
input[type=submit].button {
width: 100%; } }
.validation_error, .validation_message {
color: #bf1e24; }
.gform_validation_container,
.gform_wrapper .gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
display: none !important;
position: absolute !important;
left: -9000px; }
.gfield {
margin-bottom: 24px;
margin-bottom: 1.5rem; }
.ginput_container input {
margin-bottom: 4px;
margin-bottom: 0.252rem; }
.gform_confirmation_message_2 {
color: #fff; }
/* ...............
3.3 $Lists
...............
*/
ul {
margin: 0;
padding: 0;
list-style: none outside; }
ol {
list-style: decimal outside;
margin-bottom: 24px;
margin-bottom: 1.5rem;
margin-top: 24px;
margin-top: 1.5rem; }
ol ol {
margin: 1em 0 1em 2em; }
.article-body ul li, .sub-menu ul li {
margin-top: 4px;
margin-top: 0.252rem;
margin-bottom: 4px;
margin-bottom: 0.252rem; }
.article-body ul li:before, .sub-menu ul li:before {
font-family: AppleGothic, "Lucida Sans", Impact, Verdana, sans-serif;
content: '■';
width: 1em;
color: #F38A00;
/* or whatever color you prefer */
margin-right: .3em;
font-size: 23px;
font-size: 1.4375rem; }
.article-body ul {
margin-top: 24px;
margin-top: 1.5rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
margin-left: 1.5em; }
.services-list {
width: auto;
min-width: 0;
max-width: none;
padding-left: 0;
padding-right: 0; }
.services-list > *:first-child {
margin-left: 0; }
@media only screen and (max-width: 37.4em) {
.services-list {
width: auto;
min-width: 0;
margin-left: 0;
margin-right: 0; } }
.services-list li {
width: 30.62331%; }
@media only screen and (max-width: 37.4em) {
.services-list li {
float: left;
margin-left: 0;
width: 100%; } }
/* ...............
3.4 $Buttons
...............
*/
.btn, input[type=submit].button {
padding-left: .5em;
padding-right: .5em;
padding-top: 4px;
padding-top: 0.252rem;
padding-bottom: 4px;
padding-bottom: 0.252rem;
color: #fff;
text-align: center;
border: none;
font-weight: 700; }
.btn:hover, input[type=submit].button:hover {
color: #fff;
background-color: #001F5B; }
.csstransitions .btn, .csstransitions input[type=submit].button {
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s; }
.btn-dark, input[type=submit].button {
background-color: #F38A00; }
/* ...............
3.5 $Icons
...............
*/
@font-face {
font-family: 'lgg-icons';
src: url('fonts/lgg-icons.eot?896500&1393430790');
src: url('fonts/lgg-icons.eot?896500&1393430790#iefix') format("embedded-opentype"), url('fonts/lgg-icons.woff?896500&1393430790') format("woff"), url('fonts/lgg-icons.ttf?896500&1393430790') format("truetype"), url('fonts/lgg-icons.svg?896500&1393430790#lgg-icons') format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "lgg-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none; }
.icon-menu:before {
content: '\e823';
font-size: 29px;
font-size: 1.8125rem;
vertical-align: sub; }
.icon-email:before {
content: '\e800';
margin-right: .4em; }
/* ...............
3.6 $Images & Videos
...............
*/
.fit-video {
position: relative;
padding-bottom: 56.25%;
/* 16/9 ratio */
height: 0; }
.fit-video iframe, .fit-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.transparent-sprite, .logo, .cryotank-logo, .iso, .ohsas, .co, .fsb, .map {
background-image: url('images/transparent-s798f6e5c0e.png');
background-repeat: no-repeat; }
.logo {
background-position: 0 -531px;
height: 93px;
width: 240px;
margin: 0; }
@media only screen and (max-width: 37.4em) {
.logo {
margin: 0 auto; } }
.cryotank-logo {
background-position: 0 -130px;
height: 59px;
width: 200px; }
@media only screen and (max-width: 37.4em) {
.cryotank-logo {
margin: 0 auto; } }
.iso {
background-position: 0 -284px;
height: 95px;
width: 95px; }
.ohsas {
background-position: 0 -379px;
height: 95px;
width: 95px; }
.co {
background-position: 0 0;
height: 95px;
width: 202px; }
.fsb {
background-position: 0 -189px;
height: 95px;
width: 77px; }
.map {
background-position: 0 -624px;
height: 300px;
width: 224px;
display: none; }
@media only screen and (min-width: 64em) {
.map {
display: block;
float: left;
margin-top: -2em;
margin-left: -1.5em; } }
.circle {
display: block;
text-align: center; }
.sidebar .circle {
width: 70%;
margin-top: 24px;
margin-top: 1.5rem;
margin-bottom: 24px;
margin-bottom: 1.5rem; }
.borderradius .sidebar .circle {
width: 100%; }
.borderradius .circle {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%; }
.borderradius .circle img {
border: 2px solid #E5E5E5;
border-radius: 50%;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
-moz-transform: scale(0.8, 0.8);
-ms-transform: scale(0.8, 0.8);
-webkit-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8); }
.borderradius .circle img:hover {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
/* ...............
3.7 $Tables
...............
*/
table {
max-width: 100%;
background-color: transparent;
text-align: left;
font-size: 15px;
font-size: 0.9375rem;
border-collapse: collapse;
border-spacing: 0;
display: block;
padding: .5em 1em; }
th {
padding: 1em;
text-transform: uppercase;
font-weight: 400;
vertical-align: top;
padding-right: 2%;
width: 35%; }
td {
padding: 1em;
font-weight: 700;
border: none;
vertical-align: top; }
tr {
border-bottom: 1px solid #d5dfe6; }
tr:last-child {
border-bottom: none; }
.project-details {
border: 1px solid #d5dfe6; }
/* --------------------------------------------------------------------
4. $MODULES
-------------------------------------------------------------------- */
/* ...............
4.1 $header
...............
*/
.banner {
max-width: 100%;
width: 100%;
max-width: 1024px;
min-width: 20em;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
*zoom: 1;
padding-bottom: 24px;
padding-bottom: 1.5rem; }
.banner:before, .banner:after {
content: "";
display: table; }
.banner:after {
clear: both; }
.banner > *:first-child {
margin-left: 0; }
@media only screen and (max-width: 37.4em) {
.banner {
width: auto;
min-width: 0;
margin-left: 0;
margin-right: 0; } }
.banner-tel {
padding-right: .5em;
float: right;
color: #fff;
font-weight: 700; }
@media only screen and (min-width: 37.5em) {
.banner-tel {
display: none; } }
@media only screen and (max-width: 37.4em) {
.cryo, .pipeline {
margin-top: 24px;
margin-top: 1.5rem; } }
@media only screen and (min-width: 37.5em) {
.pipeline {
float: left; } }
@media only screen and (min-width: 37.5em) {
.cryo {
float: right; } }
.strapline {
margin-top: 4px;
margin-top: 0.252rem;
margin-bottom: 4px;
margin-bottom: 0.252rem;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 400; }
@media only screen and (max-width: 37.4em) {
.strapline {
display: none; } }
/* ...............
4.2 $Navigation
...............
*/
.navbar {
position: relative; }
@media only screen and (max-width: 37.4em) {
.navbar {
background-color: #F38A00;
padding: .5em; }
.navbar a:hover {
color: #fff; } }
@media only screen and (min-width: 37.5em) {
.navbar {
width: 100%;
max-width: 1024px;
min-width: 20em;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
*zoom: 1;
float: right;
text-align: right; }
.navbar:before, .navbar:after {
content: "";
display: table; }
.navbar:after {
clear: both; }
.navbar > *:first-child {
margin-left: 0; } }
@media only screen and (min-width: 37.5em) and (max-width: 37.4em) {
.navbar {
width: auto;
min-width: 0;
margin-left: 0;
margin-right: 0; } }
@media only screen and (min-width: 321px) and (max-width: 64em) {
.navbar {
margin-bottom: 24px;
margin-bottom: 1.5rem; } }
.active .nav {
width: 100%; }
@media only screen and (max-width: 37.4em) {
.active .nav {
float: left;
margin-left: 0;
width: 100%; } }
.menu-link {
font-size: 18px;
font-size: 1.125rem;
color: #fff;
text-align: left;
text-transform: uppercase; }
.active span {
display: none; }
.active.icon-menu:before {
content: '\2573'; }
.js .site-nav {
overflow: hidden;
max-height: 0; }
.site-nav {
font-size: 16px;
font-size: 1rem;
text-transform: uppercase; }
@media only screen and (min-width: 37.5em) {
.site-nav {
padding: 0; } }
@media only screen and (min-width: 37.5em) {
.site-nav li {
background-color: #001F5B;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s; } }
.site-nav li:hover {
background-color: #F38A00; }
.site-nav li a {
color: #fff;
display: block; }
@media only screen and (min-width: 48em) {
.site-nav li {
margin-left: 4px; } }
.site-nav.active {
z-index: 99999;
height: 100%;
max-height: 660px;
padding-top: 24px;
padding-top: 1.5rem;
padding-bottom: 24px;
padding-bottom: 1.5rem;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
text-align: left; }
.site-nav.active li {
border-bottom: 1px solid #da7c00; }
.site-nav.active li a {
padding-top: 7px;
padding-top: 0.45rem;
padding-bottom: 7px;
padding-bottom: 0.45rem; }
.site-nav .nav-current {
background-color: #F38A00; }
@media only screen and (min-width: 37.5em) {
a.menu-link {
display: none; }
.js .site-nav {
max-height: none; }
.nav li {
display: inline-block;
padding: 0 .6em;
text-align: center; }
.nav a {
border: 0; } }
.sub-menu {
margin-top: 4px;
margin-top: 0.252rem;
margin-bottom: 4px;
margin-bottom: 0.252rem; }
.post-nav {
width: 56.63957%;
margin: 0; }
@media only screen and (max-width: 37.4em) {
.post-nav {
float: left;
margin-left: 0;
width: 100%; } }
.nav-next, .nav-prev {
display: inline-block;
margin-top: 48px;
margin-top: 3rem;
margin-bottom: 48px;
margin-bottom: 3rem; }
.nav-prev {
float: left; }
.nav-next {
float: right; }
/* ...............
4.3 $FlexSlider
...............
*/
.flexslider {
margin: 0 0 60px;
background: #fff;
position: relative;
zoom: 1; }
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: none; }
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none; }
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
position: relative; }
.flexslider .slides img {
width: 100%;
display: block; }
.flex-pauseplay span {
text-transform: capitalize; }
.slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
html[xmlns] .slides {
display: block; }
* html .slides {
height: 1%; }
.no-js .slides > li:first-child {
display: block; }
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; }
.loading .flex-viewport {
max-height: 300px; }
.flexslider .slides, .carousel .slides {
zoom: 1; }
.flex-direction-nav {
*height: 0; }
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 32px;
height: 32px;
position: absolute;
top: 40%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: #001F5B;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease; }
.flex-direction-nav .flex-prev {
left: -50px; }
.flex-direction-nav .flex-next {
right: -50px;
text-align: right; }
.flexslider:hover .flex-prev {
opacity: 0.7;
left: 10px; }
.home .flexslider:hover .flex-prev {
opacity: 0.7;
left: 36%; }
.flexslider:hover .flex-next {
opacity: 1;
right: 10px; }
.carousel .flex-next, .carousel .flex-prev {
opacity: 1;
top: 65%; }
@media only screen and (max-width: 37.4em) {
.carousel .flex-next, .carousel .flex-prev {
top: -20px; } }
.flex-direction-nav .flex-disabled {
opacity: 0 !important;
filter: alpha(opacity=0);
cursor: default; }
.flex-direction-nav a:before {
font-family: "lgg-icons";
font-family: "lgg-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
display: inline-block;
content: '\e834'; }
@media only screen and (min-width: 64em) {
.flex-direction-nav a:before {
font-size: 29px;
font-size: 1.8125rem; } }
.flex-direction-nav a.flex-next:before {
content: ""; }
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000; }
.flex-pauseplay a:before {
font-family: "lgg-icons";
font-family: "lgg-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
font-size: 36px;
display: inline-block;
content: '\f004'; }
.flex-pauseplay a:hover {
opacity: 1; }
.flex-pauseplay a.flex-play:before {
content: ""; }
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -50px;
text-align: center; }
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline; }
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #F38A00;
cursor: pointer;
text-indent: -9999px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; }
.flex-control-paging li a:hover {
background: #915200; }
.flex-control-paging li a.flex-active {
background: #915200;
cursor: default; }
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden; }
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0; }
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer; }
.flex-control-thumbs img:hover {
opacity: 1; }
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default; }
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 0; }
.flex-direction-nav .flex-next {
opacity: 1;
right: 0; } }
.flex-caption {
padding: 1% 2%;
position: absolute;
left: 0;
bottom: 0;
background: #333;
background: rgba(0, 31, 91, 0.8);
color: #fff;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
/* ...............
4.4 $Projects
...............
*/
.projects-page .summary-article {
width: 47.96748%;
margin: 0;
margin-top: 24px;
margin-top: 1.5rem;
margin-bottom: 24px;
margin-bottom: 1.5rem; }
@media only screen and (max-width: 37.4em) {
.projects-page .summary-article {
float: left;
margin-left: 0;
width: 100%; } }
@media only screen and (min-width: 48em) {
.projects-page .summary-article {
padding: 0 1em; } }
.projects .article-list {
width: auto;
min-width: 0;
max-width: none;
padding-left: 0;
padding-right: 0; }
.projects .article-list > *:first-child {
margin-left: 0; }
@media only screen and (max-width: 37.4em) {
.projects .article-list {
width: auto;
min-width: 0;
margin-left: 0;
margin-right: 0; } }
.projects .article-list li {
position: relative; }
figure {
overflow: hidden;
position: relative;
margin: 0; }
.projects figure img {
max-width: 100%;
display: block;
position: relative; }
.projects figcaption {
position: absolute;
width: 100%;
height: auto;
bottom: 0;
left: 0;
padding: 1em;
background: #001F5B;
color: #fff; }
.projects figcaption p {
margin: 0; }
.projects figcaption h3, .projects figcaption .gform_confirmation_message_2 {
margin-top: 0;
color: #fff; }
@media only screen and (max-width: 37.4em) {
.projects figcaption {
display: none; } }
.no-touch .projects figcaption {
-moz-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
-moz-transition: 0.4s;
-o-transition: 0.4s;
-webkit-transition: 0.4s;
transition: 0.4s; }
.no-touch .projects figure:hover figcaption {
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s; }
.featured.projects {
width: 56.63957%;
margin-left: 12.73713%; }
@media only screen and (max-width: 37.4em) {
.featured.projects {
float: left;
margin-left: 0;
width: 100%; } }
.featured.projects:first-child {
margin-left: 8.67209%; }
@media only screen and (max-width: 37.4em) {
.featured.projects {
margin-left: 0; }
.featured.projects:first-child {
margin-left: 0; } }
.project-title {
z-index: 1;
position: absolute;
top: 0;
margin: 0;
display: -moz-inline-stack;
-moz-box-orient: vertical;
display: inline-block;
*display: inline;
vertical-align: top;
*zoom: 1;
padding-left: .5em;
padding-right: .5em;
font-size: 18px;
font-size: 1.125rem;
background-color: #F38A00;
text-transform: uppercase;
color: #fff; }
@media only screen and (min-width: 48em) {
.project-title {
font-size: 23px;
font-size: 1.4375rem; } }
.project-title a {
color: #fff; }
.featured.projects .project-title {
left: -12px;
top: .7em; }
/* ...............
4.5 $Pagination
...............
*/
.page-nav {
margin-top: 48px;
margin-top: 3rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
display: block;
text-align: center;
width: 100%; }
@media only screen and (max-width: 37.4em) {
.page-nav {
float: left;
margin-left: 0;
width: 100%; } }
.pagination {
margin-top: 24px;
margin-bottom: 24px; }
.pagination p {
margin-top: 8px;
margin-top: 0.504rem; }
.pagination-item {
display: inline-block;
padding: 0 1%;
margin-right: 1%;
border-radius: 3px;
background: #E5E5E5;
color: #69717b; }
.pagination-item:hover, .pagination-item.current {
background: #69717b;
color: #f5f5f5; }
/* ...............
4.6 $Widgets
...............
*/
.highlight {
font-size: 23px;
font-size: 1.4375rem;
color: #F38A00; }
.highlight ul {
margin-bottom: 24px;
margin-bottom: 1.5rem; }
.survey {
background-color: #fff;
width: 39.29539%;
border: 1px solid #d5dfe6;
padding-bottom: 12px;
padding-bottom: 0.75rem; }
@media only screen and (max-width: 37.4em) {
.survey {
float: left;
margin-left: 0;
width: 100%; } }
.survey p {
margin-top: 14px;
margin-top: 0.9rem;
margin-bottom: 14px;
margin-bottom: 0.9rem;
text-align: center;
padding-left: .3em;
padding-right: .3em; }
.survey p a {
font-size: 18px;
font-size: 1.125rem; }
@media only screen and (min-width: 64em) {
.survey {
max-height: 320px; }
.survey p {
font-size: 23px;
font-size: 1.4375rem;
padding-left: 1em;
padding-right: 1em; } }
.survey-inner {
width: 85%;
margin: 0 auto;
padding: .5em;
background-color: #fff;
text-align: center; }
@media only screen and (min-width: 64em) {
.survey-inner {
width: 30%;
padding: 1.5em; } }
.survey-inner p {
font-size: 23px;
font-size: 1.4375rem;
margin-bottom: 12px;
margin-bottom: 0.75rem; }
.survey-inner a {
font-size: 18px;
font-size: 1.125rem; }
/* ...............
4.7 $Hcard
...............
*/
.hcard p {
margin: 0; }
.top-footer .hcard a {
color: #fff; }
.top-footer .hcard a:hover {
color: #001F5B; }
@media only screen and (min-width: 64em) {
.top-footer .hcard {
float: right; } }
address {
margin-bottom: 12px;
margin-bottom: 0.75rem; }
.tel {
font-size: 23px;
font-size: 1.4375rem;
margin-bottom: 12px;
margin-bottom: 0.75rem; }
.name, .tel, .icon-email {
font-weight: 700; }
.googlemap {
margin-top: 12px;
margin-top: 0.75rem;
margin-bottom: 0px;
margin-bottom: 0rem; }
/* ...............
4.8 $Footer
...............
*/
.footer-left {
width: 39.29539%; }
@media only screen and (max-width: 37.4em) {
.footer-left {
float: left;
margin-left: 0;
width: 100%; } }
.footer-strapline {
margin-top: 24px;
margin-top: 1.5rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
font-size: 23px;
font-size: 1.4375rem;
font-style: italic; }
.top-footer {
padding-bottom: 24px;
padding-bottom: 1.5rem;
color: #fff;
background-color: #F38A00; }
@media only screen and (min-width: 48em) {
.top-footer {
padding-top: 48px;
padding-top: 3rem;
padding-bottom: 48px;
padding-bottom: 3rem; } }
.bottom-footer {
background-color: #001F5B; }
.contact-details {
width: 56.63957%; }
@media only screen and (max-width: 37.4em) {
.contact-details {
float: left;
margin-left: 0;
width: 100%; } }
.accreditation {
padding-top: 48px;
padding-top: 3rem;
padding-bottom: 48px;
padding-bottom: 3rem;
text-align: center; }
@media only screen and (max-width: 37.4em) {
.accreditation {
text-align: left; } }
.accreditation li {
margin-right: 5%; }
@media only screen and (max-width: 37.4em) {
.accreditation li {
padding: 1em;
margin: 0; } }
@media only screen and (min-width: 64em) {
.accreditation li {
margin-right: 10%; } }
.contentinfo {
width: 100%;
max-width: 1024px;
min-width: 20em;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
*zoom: 1;
color: #fff; }
.contentinfo:before, .contentinfo:after {
content: "";
display: table; }
.contentinfo:after {
clear: both; }
.contentinfo > *:first-child {
margin-left: 0; }
@media only screen and (max-width: 37.4em) {
.contentinfo {
width: auto;
min-width: 0;
margin-left: 0;
margin-right: 0; } }
.contentinfo p {
font-size: 15px;
font-size: 0.9375rem;
margin-bottom: 0;
padding-top: 12px;
padding-top: 0.75rem;
padding-bottom: 12px;
padding-bottom: 0.75rem; }
.contentinfo a {
color: #fff;
font-weight: 700; }
@media only screen and (min-width: 48em) {
.contentinfo span {
float: right;
margin-left: 4.06504%; } }
/* --------------------------------------------------------------------
5. $POSTS & PAGES (articles, news feeds, static pages)
-------------------------------------------------------------------- */
.article-title {
margin: 0;
padding: 0; }
.summary-title {
margin-top: 0;
padding-top: 0;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 400; }
.sidebar .summary-title {
font-size: 18px;
font-size: 1.125rem; }
.archive-page .summary-title {
font-weight: 700; }
.article {
width: 56.63957%; }
@media only screen and (max-width: 37.4em) {
.article {
float: left;
margin-left: 0;
width: 100%; } }
.article .summary-article {
border-bottom: 1px solid #d5dfe6;
padding-top: 24px;
padding-top: 1.5rem;
padding-bottom: 48px;
padding-bottom: 3rem; }
.article .summary-article:last-child {
border: none; }
.article .summary-title {
font-size: 29px;
font-size: 1.8125rem;
font-weight: 700; }
.article-body {
margin-bottom: 24px;
margin-bottom: 1.5rem; }
.article-body p {
margin-bottom: 24px;
margin-bottom: 1.5rem; }
.article-body img {
margin-top: 24px;
margin-top: 1.5rem;
margin-bottom: 24px;
margin-bottom: 1.5rem; }
.news .summary-article {
overflow: hidden; }
.news .summary-article {
padding-top: 24px;
padding-top: 1.5rem;
border: 1px solid #d5dfe6; }
.archive-page .summary-article, .sidebar .summary-article {
margin-top: 24px;
margin-top: 1.5rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
padding: 1em; }
.hentry-short {
padding-left: .75em; }
/* --------------------------------------------------------------------
6. $HELPERS
-------------------------------------------------------------------- */
.logo, .cryotank-logo, .iso, .ohsas, .co, .fsb {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: block; }
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.primary-link {
color: #F38A00;
font-weight: 700; }
.archive-page .summary-image, .alignleft {
float: left;
margin-right: 4.06504%; }
.alignright {
float: right;
margin-left: 4.06504%; }
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto; }
.section-header, .accreditation li {
display: -moz-inline-stack;
-moz-box-orient: vertical;
display: inline-block;
*display: inline;
vertical-align: top;
*zoom: 1; }
/* --------------------------------------------------------------------
7. $SHAME IE Hacks, Plugin Overrides and Fixes
-------------------------------------------------------------------- */
@media \0screen {
img {
width: auto; } }
/* Prevent image height distortion in IE8. */
/* --------------------------------------------------------------------
8. $PRINT
-------------------------------------------------------------------- */
@media print {
* {
background: transparent !important;
color: black !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important; }
a, a:visited {
text-decoration: underline;
color: #464D54 !important; }
/* Don't show links for images, or javascript/internal links */
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: ""; }
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group;
/* h5bp.com/t */ }
tr, img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p, h2, h3, .gform_confirmation_message_2 {
orphans: 3;
widows: 3; }
h2, h3, .gform_confirmation_message_2 {
page-break-after: avoid; }
.summary-article, .sidebar {
font-size: 14px;
line-height: 1.3; }
header[role=banner], nav, .survey-inner, .post-nav, .feature-image, .menu-link, .site-footer, .bottom-footer, .fit-video {
display: none; }
.inner-wrapper, .outer-wrapper {
border: none; }
.main {
width: 100%; } }