/*!
                                   ___                            
                                  /\_ \                           
  ____     __     __      ___ ___ \//\ \      __    ____    ____  
 /',__\  /'__`\ /'__`\  /' __` __`\ \ \ \   /'__`\ /',__\  /',__\ 
/\__, `\/\  __//\ \L\.\_/\ \/\ \/\ \ \_\ \_/\  __//\__, `\/\__, `\
\/\____/\ \____\ \__/.\_\ \_\ \_\ \_\/\____\ \____\/\____/\/\____/
 \/___/  \/____/\/__/\/_/\/_/\/_/\/_/\/____/\/____/\/___/  \/___/ 
                                                                  
20141016 - Created
20150820 - Switched colour scheme to match new branding (Iain)
*/
/* Readme  */
[class^="icon-"], [class*=" icon-"] { font-family: 'seamless-ui'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; }
img.responsive-image{max-width:100%;}
.seForm label, .seForm__label--fake, .seForm__rows--labels { display: block; margin-bottom: 1em; font: 1.6em/1.3 "Montserrat", Arial, sans-serif; font-size: 1.6rem; padding-right: 18px; text-transform: uppercase; color: #747474; }

@media (min-width: 768px) { .seForm label, .seForm__label--fake, .seForm__rows--labels { padding-right: 0; width: 40%; margin-right: 5%; float: left; line-height: 3.75; } }
.seForm__button, .seForm__button--secondary, .seForm__rows--button input[type="submit"] { display: inline-block; width: 100%; margin: 0 0 0.5em; padding: 0 2em; text-align: center; vertical-align: middle; cursor: pointer; text-decoration: none; text-shadow: none; border: 1px solid #ffffff; border-radius: 0px; color: #FFF; background-color: #27275e; -webkit-transition: all 0.25s linear; transition: all 0.25s linear;}

@media (min-width: 768px) { .seForm__button, .seForm__button--secondary, .seForm__rows--button input[type="submit"] { width: 55%; } }
.chosen-container-single .chosen-single, .seForm input[type="text"], .seForm input[type="password"], .seForm textarea, input[type="text"].ps-input { display: block; width: 100%; margin: 0 0 1.25em 0; padding: 1.35em 1.25em; border-width: 0; color: #656565; background-color: white; border-radius: 4px; box-shadow: inset 0 2px 1px black; box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.15s linear; transition: all 0.15s linear; -webkit-appearance: none; }

@media (min-width: 768px) { .chosen-container-single .chosen-single, .seForm input[type="text"], .seForm input[type="password"], .seForm textarea, input[type="text"].ps-input { width: 55%; } }
.success__icon, .shareD__icon { position: absolute; border-radius: 70px; line-height: 70px !important; height: 70px; width: 70px; font-size: 40px; left: 50%; top: -80px; margin-left: -35px; text-align: center; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; }

@media (min-width: 768px) { .success__icon, .shareD__icon { position: absolute; border-radius: 90px; line-height: 90px !important; height: 90px; width: 90px; font-size: 45px; left: 0; top: 0; margin-left: 0; opacity: 1; } }
.services__icon, .hpIntro__icon { position: absolute; border-radius: 10px; line-height: 10px !important; height: 10px; width: 10px; font-size: 5px; left: 50%; top: -40px; margin-left: -5px; text-align: center; opacity: 0; -webkit-transition: all .9s ease; transition: all .9s ease; }

@media (min-width: 768px) { .services__icon, .hpIntro__icon { left: 45px; top: 45px; margin-left: -15px; } }
.services__icon--active, .no-js .services__icon, .hpIntro__icon--active, .no-js .hpIntro__icon, .lt-ie9 .hpIntro__icon, .lt-ie9 .services__icon { border-radius: 70px; line-height: 70px !important; height: 70px; width: 70px; font-size: 40px; left: 50%; top: -80px; margin-left: -35px; opacity: 1; }

@media (min-width: 768px) { .services__icon--active, .no-js .services__icon, .hpIntro__icon--active, .no-js .hpIntro__icon, .lt-ie9 .hpIntro__icon, .lt-ie9 .services__icon { border-radius: 90px; line-height: 90px !important; height: 90px; width: 90px; font-size: 45px; left: 0; top: 0; margin-left: 0; opacity: 1; } }
/* ========================================================================== SPRITE ========================================================================== */
[class^="logo--"], [class*="logo--"] { display: block; overflow: hidden; background: transparent url(sprite-logos-100.png) no-repeat; }

/*retina */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { [class^="logo--"], [class*="logo--"] { background-url: url(sprite-logos-200.png); background-size: 1016px 476px; } }
/* sprite to hide text */
[class^="logo--"], [class*="logo--"] { text-indent: 120%; white-space: nowrap; }

/* logo */
/* less than IE9 */
/*  fonts ************************************************************************************/
@font-face {
    font-family: 'AktivGroteskLight';
    src: url('aktivgrotesklight-webfont.eot');
    src: url('aktivgrotesklight-webfont.eot?#iefix') format('embedded-opentype'),
         url('aktivgrotesklight-webfont.woff2') format('woff2'),
         url('aktivgrotesklight-webfont.woff') format('woff'),
         url('aktivgrotesklight-webfont.ttf') format('truetype'),
         url('aktivgrotesklight-webfont.svg#AktivGroteskLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face { font-family: 'seamless-ui'; src: url("seamless-ui.eot"); src: url("seamless-ui.eot?#iefix") format("embedded-opentype"), url("seamless-ui.woff") format("woff"), url("seamless-ui.ttf") format("truetype"), url("seamless-ui.svg#seamless-ui") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'lucida_sans_unicoderegular'; src: url("lsansreg-webfont-webfont.eot"); src: url("lsansreg-webfont-webfont.eot?#iefix") format("embedded-opentype"), url("lsansreg-webfont-webfont.woff2") format("woff2"), url("lsansreg-webfont-webfont.woff") format("woff"), url("lsansreg-webfont-webfont.ttf") format("truetype"), url("lsansreg-webfont-webfont.svg#lucida_sans_unicoderegular") format("svg"); font-weight: normal; font-style: normal; }

.icon-previous-arrow:before { content: "\e618"; }

.icon-next-arrow:before { content: "\e619"; }

.icon-testing:before { content: "\e616"; }

.icon-content-migration:before { content: "\e617"; }

.icon-cloud:before { content: "\e612"; }

.icon-clock:before { content: "\e611"; }

.icon-accessibility:before { content: "\e604"; }

.icon-css:before { content: "\e605"; }

.icon-double-arrows:before { content: "\e607"; }

.icon-head-bulb:before { content: "\e608"; }

.icon-knife:before { content: "\e609"; }

.icon-light-bulb:before { content: "\e60a"; }

.icon-mobile:before { content: "\e60c"; }

.icon-phone:before { content: "\e60d"; }

.icon-plugin:before { content: "\e60e"; }

.icon-quote:before { content: "\e610"; }

.icon-left-arrow:before { content: "\e600"; }

.icon-right-arrow:before { content: "\e602"; }

.icon-swipe:before { content: "\e603"; }

.icon-linkedin:before { content: "\f0e1"; }

.icon-ok:before { content: "\e62b"; }

.icon-user:before { content: "\e61c"; }

.icon-location:before { content: "\e61d"; }

.icon-facebook:before { content: "\e61f"; }

.icon-fullscreen:before { content: "\e60f"; }

.icon-twitter:before { content: "\e606"; }

.icon-print:before { content: "\e60b"; }

.icon-feed:before { content: "\e626"; }

.icon-info:before { content: "\e627"; }

.icon-comment:before { content: "\e617"; }

.icon-marker:before { content: "\e613"; }

.icon-email:before { content: "\e601"; }

.icon-angle-down:before { content: "\e615"; }

.icon-angle-up:before { content: "\e614"; }

/* ========================================================================== GRID ========================================================================== */
/* Show/Hide ========================================================================== */
/* small - S3 */
@media only screen { .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down { display: inherit !important; }
  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down { display: none !important; } }
/* medium - S2*/
@media only screen and (min-width: 768px) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down { display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down { display: none !important; } }
/* large - S1 */
@media only screen and (min-width: 992px) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down { display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down { display: none !important; } }
/* Grid ========================================================================== */
.grid { box-sizing: border-box; margin: 0 -2%; }

.grid:after { clear: both; content: ""; display: table; }

.grid-pad { padding: 20px; }

[class*=col-] { float: left; box-sizing: border-box; padding-right: 2%; padding-left: 2%; }

.col-xs-1 { width: 8.33333%; }

.col-xs-2 { width: 16.6667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.3333%; }

.col-xs-5 { width: 41.6667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.3333%; }

.col-xs-8 { width: 66.6667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.3333%; }

.col-xs-11 { width: 91.6667%; }

.col-xs-12 { width: 100%; }

@media (min-width: 480px) { .col-s-1 { width: 8.33333%; }
  .col-s-2 { width: 16.6667%; }
  .col-s-3 { width: 25%; }
  .col-s-4 { width: 33.3333%; }
  .col-s-5 { width: 41.6667%; }
  .col-s-6 { width: 50%; }
  .col-s-7 { width: 58.3333%; }
  .col-s-8 { width: 66.6667%; }
  .col-s-9 { width: 75%; }
  .col-s-10 { width: 83.3333%; }
  .col-s-11 { width: 91.6667%; }
  .col-s-12 { width: 100%; }
  .grid-pad-s { padding: 20px; } }
@media only screen and (min-width: 768px) { .col-m-1 { width: 8.33333%; }
  .col-m-2 { width: 16.6667%; }
  .col-m-3 { width: 25%; }
  .col-m-4 { width: 33.3333%; }
  .col-m-5 { width: 41.6667%; }
  .col-m-6 { width: 50%; }
  .col-m-7 { width: 58.3333%; }
  .col-m-8 { width: 66.6667%; }
  .col-m-9 { width: 75%; }
  .col-m-10 { width: 83.3333%; }
  .col-m-11 { width: 91.6667%; }
  .col-m-12 { width: 100%; }
  .grid-pad-m { padding: 20px; } }
@media only screen and (min-width: 992px) { .col-lg-1 { width: 8.33333%; }
  .col-lg-2 { width: 16.6667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.3333%; }
  .col-lg-5 { width: 41.6667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.3333%; }
  .col-lg-8 { width: 66.6667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.3333%; }
  .col-lg-11 { width: 91.6667%; }
  .col-lg-12 { width: 100%; }
  .grid-pad-lg { padding: 20px; } }
.grid-overlay-container { max-width: 1140px; position: relative; width: 100%; margin: 0 auto; }

.grid-overlay { position: absolute; width: 100%; overflow-x: hidden; height: 10000px; z-index: 10000; }

.grid-overlay .col-xs-1 > div { box-sizing: border-box; background-color: #FBB; height: 10000px; width: 100%; zoom: 1; filter: alpha(opacity=20); opacity: 0.2; }

/* The Equalizer - equal height columns */
@media (min-width: 768px) { .columnEqualizer_row { display: table; width: 100%; clear: both; }
  .columnEqualizer_cell { display: table-cell !important; float: none; padding-top: 90px; vertical-align: top; }
  .columnEqualizer_cell h2, .columnEqualizer_cell legend { position: absolute; top: -90px; left: 0; }
  .flexbox .columnEqualizer_row { /* these !importants are a bad way to do it*/ display: -webkit-flexbox !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: -moz-flex !important; display: -webkit-box !important; display: flex !important; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
  .flexbox .columnEqualizer_cell, .flexbox .columnEqualizer_child { position: relative; /* these !importants are a bad way to do it*/ display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } }
/* ugly hack to hide for tablets */
@media (min-width: 768px) and (max-width: 991px) { .flexbox .show-for-large-up.columnEqualizer_row { display: none !important; } }
/* Standard SCV4 grid */
/*  general styles ************************************************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline; zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

html { font-size: .625em; }

body { font-family: 'AktivGroteskLight', 'lucida_sans_unicoderegular', Geneva, Verdana, sans-serif; background-color: #f8f8f8; font-weight: 400; color: #656565; line-height: 1.4; margin: 0; }

/*font rendering */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

a { color: #27275e; text-decoration: underline; }

a:focus, a:hover { color: #27275e; text-decoration: none; }

h1, h2, legend, h3, h4, h5, h6 { font-weight: 400; color: #3b3b3b; margin: 0 0 1em; padding: 0; font-family: 'AktivGroteskLight', 'Montserrat', Arial, sans-serif; }

h1 { font-size: 3.6em; font-size: 3.6rem; margin-bottom: .8em; }

h2, legend { font-size: 2.8em; font-size: 2.8rem; }

h3 { font-size: 2.4em; font-size: 2.4rem; }

h4 { font-size: 2.0em; font-size: 2.0rem; }

h5 { font-size: 2.0em; font-size: 2.0rem; }

h6 { font-size: 1.6em; font-size: 1.6rem; }

h2.secondary__head, legend.secondary__head { font-size: 2.0em; font-size: 2.0rem; color: #656565; }

h3.secondary__head { font-size: 1.8em; font-size: 1.8rem; color: #656565; }

h4.secondary__head { font-size: 1.6em; font-size: 1.6rem; color: #656565; text-transform: uppercase; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { border-left: 1px solid #ddd; margin: 0 0 1.11111em; padding: .5em 1.11111em 0 1.05556em; font-size: 1.6em; font-size: 1.6rem; }

blockquote cite { display: block; font-size: .85em; }

blockquote cite:before { content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited { color: #555; }

blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

p, pre, .formFields__thankyou { margin: 0 0 1em; font-size: 1.6em; font-size: 1.6rem; line-height: 1.6; padding: 0; font-family: inherit; font-weight: normal; text-rendering: optimizeLegibility; }

code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre-wrap; word-wrap: break-word; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

dl, menu, ol, ul { margin: 1em 0; }

dl dt { margin-bottom: 0.3em; font-weight: bold; }

dl dd { margin: 0 0 1em 0; }

menu, ol, ul { padding: 0; }

nav ul, nav ol { list-style: none; list-style-image: none; }

ul, ol, dl { line-height: 1.625; list-style-position: outside; font-family: inherit; font-size: 1.6em; font-size: 1.6rem; }

ul ul, ul ol, ul ul, ol ol { font-size: 1em; }

ul, ol { margin: 0 0 2em 1.1em; }

ul.no-bullet { margin-left: 0; }

ul.no-bullet li ul, ul.no-bullet li ol { list-style: none; margin: 0 0 0 1.25em; }

ul li ul, ul li ol { margin: 0 0 0 1.25em; }

ul.no-bullet { list-style: none; }

ol { margin-left: 1.4em; }

ol li ul, ol li ol { margin: 0 0 0 1.4em; }

ol { counter-reset: li; /* Initiate a counter */ margin-left: 0; /* Remove the default left margin */ padding-left: 0; /* Remove the default left padding */ }

ol > li { position: relative; /* Create a positioning context */ margin: 0 0 1em 2em; /* Give each list item a left margin to make room for the numbers */ padding: 0 8px 0 20px; /* Add some spacing around the content */ list-style: none; /* Disable the normal item numbering */ }

ol > li:before { content: counter(li); /* Use the counter as content */ counter-increment: li; /* Increment the counter by 1 */ /* Position and style the number */ position: absolute; left: -2em; width: 2em; line-height: 2em; height: 2em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin-right: 8px; color: #fff; text-align: center; background-color: #2f2f77; border-radius: 2em; }

p + ol { padding-top: 1em; }

/* styled list */
ul.styled__list { list-style: none; margin-left: 0; padding-left: 0; }

ul.styled__list li { position: relative; margin: 0 0 1em 2em; padding: 0 8px 0 20px; }

ul.styled__list li:before { position: absolute; left: -.9em; top: -7px; content: "\25cf"; color: #27275e; font-size: 37px; line-height: 1; }

img, a img { border: 0; -ms-interpolation-mode: bicubic; text-decoration: none; }

svg:not(:root) { overflow: hidden; }

fieldset { border: 0; margin: 0; padding: 0; }

legend { border: 0; white-space: normal; margin-left: 0; padding: 0; }

button, input, select, textarea { font-fame: 1.6em; font-size: 1.6rem; vertical-align: middle; margin: 0; }

button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

table { border-collapse: collapse; border-spacing: 0; }

img { vertical-align: middle; }

/* general classes */
.hidden { display: none !important; visibility: hidden; }

.errors, .errors a { color: #ce3f13 !important; text-decoration: none; }

.errors a:hover, .errors a:focus { text-decoration: underline; }

figure, form { margin: 0; }

/*tables */
.styled__table caption { color: #FFF; padding: 10px; font: 400 1.5em "Montserrat", Arial, sans-serif; font-size: 1.5rem; }

.styled__table { background: #FFF; margin-bottom: 2em; width: 100%; table-layout: fixed; border-collapse: separate; }

.internal .styled__table { min-width: 285px; }

@media (min-width: 768px) { .internal .styled__table { max-width: 625px; } }
.styled__table thead tr th, .styled__table thead tr td { background: #363636; border-right: 1px solid #FFF; font: 400 1.5em "Montserrat", Arial, sans-serif; font-size: 1.5rem; color: #FFF; text-align: left; padding: 0.75em; text-transform: uppercase; }

.styled__table thead tr th p, .styled__table thead tr td p { margin-bottom: 0; font-size: 1.6em; font-size: 1.6rem; }

.styled__table tr th, .styled__table tr td { font-size: 1.6em; font-size: 1.6rem; padding: 1em; background: #f8f8f8; border: 1px solid #FFF; word-wrap: break-word; }

.styled__table tr.odd th, .styled__table tr.odd td { background: #f8f8f8; }

/* colour fix*/
.fp-embed-code { color: #FFF; background: #333; }

/* Links in general content area */
.general__container a:focus { background-color: #fffbe6; outline: 1px dotted #000; }

.general__container a:visited { color: #7f3575; }

/*docs*/
/*sprites created here: http://instantsprite.com/ */
a.ext-doc, a.ext-docx, a.ext-xls, a.ext-xlsx, a.ext-ppt, a.ext-pptx, a.ext-pdf, a.ext-text, a.ext-txt, a.ext-rtf, a.ext-zip, a.ext-bmp, a.ext-jpg { position: relative; padding-left: 1.35em; /*wrap nicely*/ display: inline-block; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; }

a.ext-doc:before, a.ext-docx:before, a.ext-xls:before, a.ext-xlsx:before, a.ext-ppt:before, a.ext-pptx:before, a.ext-pdf:before, a.ext-text:before, a.ext-txt:before, a.ext-rtf:before, a.ext-zip:before, a.ext-bmp:before, a.ext-jpg:before { content: ""; display: block; position: absolute; top: 0.25em; left: 0; width: 17px; height: 17px; background: transparent url(doc-sprite.jpg) no-repeat right -144px; }

.lt-ie9 .relatedLinks a:before, .lt-ie9 a.ext-doc:before, .lt-ie9 a.ext-docx:before, .lt-ie9 a.ext-xls:before, .lt-ie9 a.ext-xlsx:before, .lt-ie9 a.ext-ppt:before, .lt-ie9 a.ext-pptx:before, .lt-ie9 a.ext-pdf:before, .lt-ie9 a.ext-text:before, .lt-ie9 a.ext-txt:before, .lt-ie9 a.ext-rtf:before, .lt-ie9 a.ext-zip:before, .lt-ie9 a.ext-bmp:before, .lt-ie9 a.ext-jpg:before { background-image: url(doc-sprite-ie8.png); }

a.ext-doc:before, a.ext-docx:before { background-size: 17px 136px; background-position: right 0; }

a.ext-xls:before, a.ext-xlsx:before { background-size: 17px 136px; background-position: right -17px; }

a.ext-ppt:before, a.ext-pptx:before { background-size: 17px 136px; background-position: right -34px; }

a.ext-pdf:before { background-size: 17px 136px; background-position: right -51px; }

a.ext-text:before, a.ext-txt:before, a.ext-rtf:before { background-size: 17px 136px; background-position: right -68px; }

a.ext-zip:before { background-size: 17px 136px; background-position: right -85px; }

/*a.ext-url { background-size:17px 136px; background-position: right -144px;  } DEFAULT */
a.ext-bmp:before, a.ext-jpg:before { background-size: 17px 136px; background-position: right -102px; }

/* ========================================================================== Tweaks & Helpers ========================================================================== */
.error { color: #ce3f13; }

.hideLast { font-style: normal; }

.hideLast:last-child { display: none; }

/* Orientation ========================================================================== */
.orientation { float: none; }

/*tablets*/
@media screen and (max-width: 991px) and (orientation: portrait) { .orientation { float: left; } }
@media screen and (max-width: 991px) and (orientation: landscape) { .orientation { float: right; } }
/* Show Hide ========================================================================== */
/* this should have been called last to overwrite other CSS - rather than have huge and ugly extra specific-y */
.js .no-js-element, .hide, .pagination-nojs, .js .non-js-element, .js .seamless-pagination-no-js, .no-js .non-js .button-previous, .no-js .non-js .button-next { display: none !important; }

.no-js .js-element, .visuallyhidden, .visuallyhidden.genericPanel, .visually-hidden, .icon-description { border: 0; clip: rect(0); height: 1px; overflow: hidden; position: absolute; width: 1px; margin: -1px; padding: 0; speak: normal !important; }

/*.userLogin--active {display:none}*/
/* Swipe ========================================================================== */
.swipeme__icon { position: absolute; display: none; right: 16px; top: 98px; color: #FFF; font-size: 48px; z-index: 1000; -webkit-transition: all .3s ease; transition: all .3s ease; }

.swipeme__icon--active { display: block; }

/* Google Map ========================================================================== */
/* Hide for Mobile */
/* Icon layout fixes ========================================================================== */
/* iFrame ========================================================================== */
/* Back to top ========================================================================== */
#back-to-top { width: 90px; text-align: center; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; display: inline-block; font-size: 0.8em; z-index: 1000; }

.sb-active #back-to-top { display: none; }

/* hide if nav open */
.no-js #back-to-top { position: relative; top: -60px; height: 0; }

.js #back-to-top { position: fixed; bottom: 60px; width: 45px; right: 0; }

#back-to-top i { width: 45px; height: 60px; display: block; -webkit-transition: 0.5s; transition: 0.5s; }

#back-to-top i:before { font-size: 30px; }

#back-to-top i span { text-transform: uppercase; font: 400 12px 'Montserrat', sans-serif; font-size: 1.2rem; display: block; }

#back-to-top i { background: #333; border-radius: 1px; font-size: 30px; color: #FFF; line-height: 35px; }

#back-to-top:hover i { background-color: #000; }

.js #back-to-top:hover, .js #back-to-top:focus { border-bottom: 0px solid transparent; }

#back-to-top > span { font-size: 1.4em; font-size: 1.4rem; padding-top: 10px; overflow: hidden; display: block; }

.no-js #back-to-top, .no-js #back-to-top i { display: block; margin: 0 auto; }

/* Pagination ========================================================================== */
.seamless-pagination { position: relative; display: block; overflow: hidden; margin: 2em 0 5em; text-align: center; }

.seamless-pagination.visuallyhidden { margin-top: 0; }

@media (min-width: 768px) and (max-width: 991px) { .seamless-pagination { margin: 5em 3em 0; } }
ul.simple-pagination { list-style: none; }

.simple-pagination { display: block; overflow: hidden; margin: 0; padding: 0 5px 5px 0; }

.simple-pagination ul { list-style: none; margin: 0; padding: 0; font-size: 1.4em; font-size: 1.4rem; }

.simple-pagination li { list-style: none; float: left; margin: 0; padding: 0; }

.seamless-pagination-js { display: none; }

.seamless-pagination-data input[type="submit"] { padding: 0 12px; font: 700 1.5em/40px 'Montserrat', Arial, sans-serif; text-transform: uppercase; border-width: 0; background-color: #FFF; color: white; background-color: #6a6a6a; min-height: 40px; /*iOS fix*/ min-width: 2.5em; margin: 0 10px; vertical-align: top; border-radius: 2px; }

input.btn_scPagingNonJS_enabled:hover, input.btn_scPagingNonJS_enabled:focus { background-color: #181855; }

.seamless-pagination-data input.btn_scPagingNonJS_enabled:hover, .seamless-pagination-data input.btn_scPagingNonJS_enabled:focus { background-color: #565656; }

.simple-pagination li > a, .simple-pagination li > span, .button-previous input, .button-next input { position: relative; float: left; padding: 7px 12px; text-decoration: none; color: #656565; background-color: #f4f4f4; min-height: 40px; /*iOS fix*/ min-width: 2.5em; text-align: center; margin-right: 3px; border-radius: 2px; border-width: 0; }

.simple-pagination li > a:hover, .simple-pagination li > span:hover, .button-previous input:hover, .button-next input:hover, .simple-pagination li > a:focus, .simple-pagination li > span:focus, .button-previous input:focus, .button-next input:focus { background-color: #c1c1c1; }

.button-previous input, .button-next input { width: 50px; text-indent: -1234em; }

.button-previous input { background-position: -101px -16px; }

.button-next input { background-position: -84px -43px; }

.button-previous input, .button-next input, .seamless-pagination-data { margin-left: 0; }

.seamless-pagination-data { margin: 0 auto; display: block; }

.seamless-pagination-data span { display: inline-block; font-size: 1.6em; font-size: 1.6rem; line-height: 40px; padding: 0 7px 0 10px; }

.seamless-pagination-data select { margin-top: -5px; }

.seamless-pagination .show-for-small-only { /*border: 1px solid #DDD;*/ overflow: hidden; display: inline-block !important; border-radius: 2px; }

.js .seamless-pagination .show-for-small-only { display: block !important; width: 275px; margin: 0 auto; }

.js .seamless-pagination .show-for-small-only .button-previous, .js .seamless-pagination .show-for-small-only .button-next { display: block; float: left; min-width: 25px; min-height: 40px; }

@media only screen and (min-width: 768px) { .container .seamless-pagination .show-for-small-only { display: none !important; } }
.no-js .seamless-pagination-data { margin-left: 0; border-radius: 2px; }

.seamless-pagination .show-for-small-only { /*    border: 1px solid #DDD;*/ overflow: hidden; display: inline-block !important; border-radius: 2px; }

@media only screen and (min-width: 768px) { .simple-pagination li > a, .simple-pagination li > span, .button-previous input, .button-next input, .seamless-pagination-data { min-height: 0; /*reset iOS fix*/ line-height: 1.42857143; }
  .simple-pagination ul { overflow: hidden; border-radius: 2px; display: inline-block; } }
.button-previous input[disabled="disabled"], .button-next input[disabled="disabled"] { display: none; }

.simple-pagination .current, .simple-pagination li a.prev, .simple-pagination li a.next, .button-previous input, .button-next input { z-index: 2; color: white; background-color: #2f2f77; }

.simple-pagination li a.prev:before, .simple-pagination li a.next:before { position: absolute; content: ' '; left: 5px; top: 9px; width: 16px; height: 16px; background-position: -106px -28px; }

.simple-pagination li a.next:before { left: auto; right: 5px; background-position: -111px -55px; }

.simple-pagination li a.prev { padding-left: 30px; }

.simple-pagination li a.next { padding-right: 30px; }

.simple-pagination .current { cursor: default; }

.simple-pagination li > a:hover, .simple-pagination li > a:focus { background-color: #181855; color: white; }

.simple-pagination .active .prev, .simple-pagination .active .next { display: none; }

@media (min-width: 768px) { .no-js .seamless-pagination > .non-js.show-for-small-only { display: block !important; }
  .seamless-pagination-js { display: block; } }
.ellipse { cursor: default; }

.page-totals, .page-total-1, .seamless-pagination .show-for-small-only.page-total-1 { display: none !important; }

@media (min-width: 768px) { .page-totals { display: block !important; font-size: 1.4em; line-height: 2.25em; position: absolute; right: 0; top: 0; }
  .page-totals.page-total-1 { display: none !important; } }
/* Image containers ========================================================================== */
.image-container img { width: 100%; }

.image-container.full-width { width: 100%; }

.image-container.pull-right img { margin: 0 0 1em 0.5em; }

.img-crop { display: block; float: left; width: 80px; height: 80px; overflow: hidden; text-align: center; margin-right: 15px; }

/* Thank you message ========================================================================== */
.thank-you-message { display: block; font-size: 1.4em; font-size: 1.4rem; margin: 0 0 2.5em 0; padding: 10px; background: #d7d7ff; }

.thank-you-message + div { display: none; }

/* Generic list ========================================================================== */
.inlineList { margin: 0; padding: 0; }

.inlineList li { display: inline; list-style-type: none; }

/* related Categories ========================================================================== */
.related-categories ul, .related-categories li { list-style: none; margin-left: 0; }

.related-categories li { display: inline-block; margin: 0 0.5em 0.5em 0; }

.related-categories li a { display: block; margin: 0; padding: 0 0.5em; line-height: 2.25em; height: 2.25em; color: #656565; background: #f8f8f8; border: 1px solid #dfdfdf; text-decoration: none; border-radius: 4px; background-clip: padding-box; }

.related-categories li a:hover, .related-categories li a:focus { background: #2f2f77; color: white; border: 1px solid #27275e; }

/* Item Navigation - Previous/Next ========================================================================== */
.pageNavigation { width: 100%; overflow: hidden; padding: 0; background-color: #f8f8f8; }

@media (min-width: 768px) { .itemNavigation__container { width: 100%; overflow: hidden; display: block; }
  .pageNavigation { background-color: #27275e; } }
@media (min-width: 992px) { .itemNavigation__container { width: 992px; overflow: hidden; display: block; margin: 0 auto; } }
.itemNavigation { float: left; display: block; width: 100%; color: #FFF; text-decoration: none; overflow: hidden; background-color: #27275e; padding: 5px 15px; margin: 0 0 1em; }

@media (min-width: 768px) { .itemNavigation { width: 50%; margin: 0; padding: 22px 20px 20px; height: 145px; } }
.itemNavigation:hover, .itemNavigation:focus { color: #FFF; background-color: #171753; }

.itemNavigation--next { float: right; text-align: right; }

.itemNavigation__title { font: 2.4em "Montserrat", Arial, sans-serif; font-size: 2.4rem; display: block; position: relative; line-height: 1; padding: 15px 0 15px 45px; }

@media (min-width: 768px) { .itemNavigation__title { margin-bottom: 12px; }
  .itemNavigation__desc { display: block; } }
.itemNavigation--next .itemNavigation__title { padding-right: 45px; padding-left: 0; }

.itemNavigation__desc { font-size: 1.6em; font-size: 1.6rem; line-height: 1.4em; color: #FFF; overflow: hidden; display: none; }

@media (min-width: 768px) { .itemNavigation__desc { display: block; } }
.itemNavigation .icon-previous-arrow, .itemNavigation .icon-next-arrow { position: absolute; top: 15px; left: 13px; font-size: 1.1em; font-size: 2.2rem; color: #7e7ed1; }

.itemNavigation .icon-next-arrow { left: auto; right: 13px; }

@media (min-width: 768px) { .itemNavigation .icon-previous-arrow, .itemNavigation .icon-next-arrow { left: -6px; }
  .itemNavigation .icon-next-arrow { left: auto; right: -6px; } }
/* Togglers ========================================================================== */
/* Note need to convert all to BEM - half complete */
.toggler { position: relative; display: inline; }

/* panel */
.toggled, .toggleContainer_toggled, .toggleMobilePhoneContainer_toggled, .toggleMobileContainer_toggled { /*clip: rect(0 0 0 0);
height: 1px;
margin-left: -1px;
overflow: hidden;
position: absolute;
width: 1px;*/ display: none; }

.active .toggled, .toggleContainer--active .toggleContainer_toggled, .no-js .toggleContainer_toggled, .toggleMobilePhoneContainer--active .toggleMobilePhoneContainer_toggled, .toggleMobileContainer--active .toggleMobileContainer_toggled { /*clip: auto;
height: auto;
margin-left: 0;
overflow: hidden;
position: relative;
width: 100%;*/ display: block; }

@media only screen and (min-width: 768px) { .toggleMobilePhoneContainer_toggled { /* reset */ display: block; } }
@media only screen and (min-width: 992px) { .toggleMobileContainer_toggled { /* reset */ display: block; } }
/* container */
.toggleContainer, .toggleMobilePhoneContainer, .toggleMobileContainer, .genericPanel { margin-bottom: 30px; clear: both; }

.pageFeedback.toggleContainer { margin-bottom: 30px; }

.genericPanel .toggleMobileContainer { margin-bottom: 0; }

.toggleMobileContainer.greyContainer { margin-bottom: 5px; }

/* content tweaks */
.toggleContainer h3, .toggleMobilePhoneContainer h2, .toggleMobilePhoneContainer legend, .toggleMobileContainer h2, .toggleMobileContainer legend { font-size: 2em; font-size: 2rem; margin: 0; }

.toggleContainer .seForm_rows--button input, .toggleMobilePhoneContainer .seForm_rows--button input, .toggleMobileContainer .seForm_rows--button input { width: 100%; }

@media only screen and (min-width: 768px) { .toggleContainer .seForm_rows--button input, .toggleMobilePhoneContainer .seForm_rows--button input, .toggleMobileContainer .seForm_rows--button input { width: auto; } }
.toggleContainer .icon-tick { color: #B4B4B4; float: left; font-size: 2.75em; height: 1em; margin-top: -.25em; width: 1.3em; }

.successMessage_withIcon { padding-left: 60px; }

.successMessage_withIcon .icon-tick { margin-left: -60px; }

/*toggler */
.toggleContainer_toggler, .toggleMobilePhoneContainer_toggler, .toggleMobileContainer_toggler { display: block; position: relative; color: white; background-color: #989898; padding: 10px 45px 10px 20px; text-decoration: none; border-radius: 2px; }

a.toggleContainer_toggler:visited, a.toggleMobilePhoneContainer_toggler:visited, a.toggleMobileContainer_toggler:visited { color: white; }

.lightContainer .toggleMobileContainer_toggler, .lightContainer .toggleMobilePhoneContainer_toggler { color: #656565; background-color: white; padding: 0 2em 0.5em 0; }

.greyContainer .toggleContainer_toggler, .greyContainer .toggleMobileContainer_toggler { color: #656565; background-color: #ebebeb; font-weight: 600; margin: 0; }

.greyContainer h2 a:visited, .greyContainer legend a:visited { color: #656565; }

.greyContainer .toggleContainer_toggler--header { font-size: 1.8em; font-size: 1.8rem; margin: 0; padding: 0; }

.toggleMobileContainer_toggler, .toggleMobilePhoneContainer_toggler { cursor: pointer; }

@media only screen and (min-width: 768px) { .toggleMobilePhoneContainer_toggler { cursor: default; border-radius: 2px 2px 0 0; } }
@media only screen and (min-width: 992px) { .toggleMobileContainer_toggler { cursor: default; border-radius: 2px 2px 0 0; } }
.genericPanel .toggleMobilePhoneContainer_toggler, .genericPanel .toggleMobileContainer_toggler { padding: 0; background-color: transparent; }

@media only screen and (min-width: 992px) { .genericPanel .toggleMobileContainer_toggler { font-size: 2.6rem; font-size: 2.6rem; padding-bottom: 1em; } }
.toggleContainer_toggler:hover, .toggleContainer_toggler:focus, .toggleMobilePhoneContainer_toggler:hover, .toggleMobilePhoneContainer_toggler:focus, .toggleMobileContainer_toggler:hover, .toggleMobileContainer_toggler:focus { color: white; background-color: #656565; }

.lightContainer .toggleMobilePhoneContainer_toggler:hover, .lightContainer .toggleMobilePhoneContainer_toggler:focus, .lightContainer .toggleMobileContainer_toggler:hover, .lightContainer .toggleMobileContainer_toggler:focus { color: #4c4c4c; background-color: white; }

.greyContainer .toggleContainer_toggler:hover, .greyContainer .toggleContainer_toggler:focus, .greyContainer .toggleMobileContainer_toggler:hover, .greyContainer .toggleMobileContainer_toggler:focus { color: #656565; background-color: #ebebeb; }

.genericPanel .toggleMobilePhoneContainer_toggler:hover, .genericPanel .toggleMobilePhoneContainer_toggler:focus, .genericPanel .toggleMobileContainer_toggler:hover, .genericPanel .toggleMobileContainer_toggler:focus { color: #4c4c4c; background-color: transparent; }

.pageSubscribe .toggleContainer_toggler, .toggleMobileContainer_toggler { background-color: #2f2f77; }

.pageSubscribe .toggleContainer_toggler:hover, .pageSubscribe .toggleContainer_toggler:focus, .toggleMobileContainer_toggler:hover, .toggleMobileContainer_toggler:focus { background-color: #27275e; }

@media (min-width: 992px) { .toggleMobileContainer_toggler:hover, .toggleMobileContainer_toggler:focus { background-color: #2f2f77; }
  .lightContainer .toggleMobileContainer_toggler:hover, .lightContainer .toggleMobileContainer_toggler:focus { color: #656565; } }
/* icon tweaks */
.toggleContainer_toggler [class^="icon-"], .toggleMobilePhoneContainer_toggler [class^="icon-"], .toggleMobileContainer_toggler [class^="icon-"] { position: absolute; top: 10px; right: 18px; font-size: 24px; }

.genericPanel .toggleMobilePhoneContainer_toggler [class^="icon-"], .genericPanel .toggleMobileContainer_toggler [class^="icon-"] { right: 0; top: 2px; }

.no-js .toggleContainer_toggler [class^="icon-"] { display: none; }

.toggleContainer--active .icon-arrow-down:before, .toggleMobilePhoneContainer--active .icon-arrow-down:before, .toggleMobileContainer--active .icon-arrow-down:before { content: "\e60e"; }

/*icon overwrites */
.greyContainer .icon-arrow-down, .greyContainer .icon-arrow-down { color: #bbbbbb; margin-right: 0 !important; }

.greyContainer.toggleMobileContainer--active .icon-arrow-down, .greyContainer.toggleMobileContainer--active .icon-arrow-down, .greyContainer.toggleContainer--active .icon-arrow-down, .greyContainer.toggleContainer--active .icon-arrow-down { color: #656565; }

.toggleContainer--active .toggleContainer_toggler, .toggleMobilePhoneContainer--active .toggleContainer_toggler, .toggleMobileContainer--active .toggleContainer_toggler { border-radius: 2px 2px 0 0; }

.toggleContainer_toggled { padding: 30px 20px; background-color: #f8f8f8; }

@media (min-width: 992px) { .toggler { color: #666; }
  .toggled { /*reset*/ display: block; } }
.toggler span[class^="icon-"] { position: absolute; right: 10px; top: 50%; margin-top: -27px; font-size: 36px; }

.carat { /*pointing down */ position: absolute; right: 10px; top: 50%; margin-top: -9px; display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 8px solid; border-right: 8px solid rgba(0, 0, 0, 0); border-left: 8px solid rgba(0, 0, 0, 0); cursor: pointer; }

.active .carat { border-top: 0; border-bottom: 8px solid; content: ""; }

.toggler .carat { margin-top: -4px; }

/* Scrollbox ========================================================================== */
/* Note need to convert all to BEM */
.scroll-box-label { font-weight: normal; }

.scroll-box { clear: both; width: 100%; height: 200px; border: 1px solid #CCC; background: #FFF; padding: 15px 20px 20px; margin-bottom: 2em; overflow: auto; border-radius: 2px; }

.scroll-box h2, .scroll-box legend { margin-top: 0; }

/* Arrow lists ========================================================================== */
.arrows_list { margin-left: 0; }

.arrows_list li { list-style: none; }

.arrows_list li:before { content: '>'; padding-right: 0.5em; }

/* Quick Links ========================================================================== */
.quickLinks h2, .quickLinks legend { font-size: 2.6em; font-size: 2.6rem; border-bottom: 2px solid #f8f8f8; margin: 0 0 1em; }

.quickLink_list { margin: 0 0 1em; }

.quickLink_list li { list-style: none; font-size: 1.5em; font-size: 1.5rem; border-bottom: 1px solid white; }

.quickLink_list a { display: block; padding: 15px 20px; color: #656565; text-decoration: none; background-color: #f8f8f8; }

.quickLink_list a:hover, .quickLink_list a:focus { color: #656565; background-color: #ededed; }

/* Image links ========================================================================== */
.image__link { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.image__link:hover img, .image__link:focus img { opacity: 0.6; filter: alpha(opacity=60); }

.homePanel__list li.col-xs-12, .panel__list li.col-xs-12, .panel__list li.col-xs-12 { padding-left: 0; padding-right: 0; }

.homePanel__list .image__link, .panel__list .image__link, .panel__list .image__link { text-decoration: none; color: #656565; padding: 20px; display: block; }

.homePanel__list .image__link:hover, .panel__list .image__link:hover, .homePanel__list .image__link:focus, .panel__list .image__link:focus, .panel__list .image__link:hover, .panel__list .image__link:focus { background-color: #f0f0f0; }

.homePanel__list .image__link:hover img, .panel__list .image__link:hover img, .homePanel__list .image__link:focus img, .panel__list .image__link:focus img, .panel__list .image__link:hover img, .panel__list .image__link:focus img { opacity: 1; filter: alpha(opacity=100); }

/* Generic classes or shared CMS classes */
/* ========================================================================== Widgets - 3RD PARTY CSS ========================================================================== */
/* LazyLoad ========================================================================== */
.js .lazy { display: none; }

/* Chosen ========================================================================== */
/*

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

Hacked and Slashed for the Seamless Corp project - DO NOT REUSE!

*/
/* @group Base */
.chosen-container { position: relative; display: block; float: left; vertical-align: middle; font-size: 1.6em; font-size: 1.6rem; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0 0 1.25em; }

.add-to-calendar .chosen-container { margin-bottom: 1.5em; }

.chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border-top: 0; background: #fff; }

.chosen-container.chosen-with-drop .chosen-drop { left: 0; }

.chosen-container a { cursor: pointer; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single { width: 100%; margin-bottom: 0; line-height: normal; text-decoration: none; color: #656565; padding-right: 70px; }

.chosen-container-single.chosen-container-active { border-color: #27275e; border-color: rgba(0, 145, 178, 0.8); outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(0, 145, 178, 0.5); }

.chosen-container-single .chosen-default { color: #999; }

.chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; }

.chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url("chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; }

.chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 62px; height: 100%; border-radius: 0 4px 4px 0; background-color: #bebebe; box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2); }

.chosen-container-single .chosen-single div b { position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #FFF; top: 50%; right: 50%; margin-top: -5px; margin-right: -10px; }

.chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; }

.chosen-container-single .chosen-drop { border-radius: 0 0 4px 4px; background-clip: padding-box; margin-top: -4px; border-radius: 0 0 4px 4px; background-clip: padding-box; box-shadow: inset -1px 0 0px rgba(0, 0, 0, 0.07), 1px 0 0px rgba(0, 0, 0, 0.07); padding-top: 4px; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li { display: none; margin: 0 !important; padding: 1.35em 1.25em; list-style: none; line-height: 1.55; -webkit-touch-callout: none; font-size: 1.6em; font-size: 1.6rem; }

.chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; }

.chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; }

.chosen-container .chosen-results li.highlighted { background-color: #1a1a59; color: #fff; }

.chosen-container .chosen-results li.no-results { display: list-item; background: #f4f4f4; }

.chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; }

.chosen-container .chosen-results li.group-option { padding-left: 15px; }

.chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; }

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single { /* updated */ }

.chosen-container-active.chosen-with-drop .chosen-single div { border-radius: 0 4px 0 0; }

.chosen-container-active.chosen-with-drop .chosen-single div b { border-top: 10px solid transparent; border-bottom: 10px solid #FFF; margin-top: -15px; }

.chosen-container-active .chosen-choices { border: 1px solid rgba(0, 145, 178, 0.8); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #111 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled { opacity: 0.5 !important; cursor: default; }

.chosen-disabled .chosen-single { cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl { text-align: right; }

.chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; }

.chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; }

.chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; }

.chosen-rtl .chosen-single div { right: auto; left: 3px; }

.chosen-rtl .chosen-single abbr { right: auto; left: 26px; }

.chosen-rtl .chosen-choices li { float: right; }

.chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; }

.chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; }

.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; }

.chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }

.chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; }

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; }

.chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url("chosen-sprite.png") no-repeat -30px -20px; background: url("chosen-sprite.png") no-repeat -30px -20px; direction: rtl; }

.chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("chosen-sprite@2x.png") !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } }
/* @end */
/* qTip2  ========================================================================== */
/* qTip2 - Pretty powerful tooltips - v2.2.0 http://qtip2.com  Copyright (c) 2014 Craig Michael Thompson Released under the MIT, GPL licenses http://jquery.org/license  Date: Sun Mar 16 2014 12:44 EDT-0400 Plugins: tips Styles: None */
.qtip { position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; /*    font-size: 10.5px; line-height: 12px;*/ direction: ltr; box-shadow: none; padding: 0; }

.qtip-content { position: relative; padding: 15px; overflow: hidden; text-align: left; word-wrap: break-word; }

.qtip-titlebar { position: relative; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: bold; }

.qtip-titlebar + .qtip-content { border-top-width: 0 !important; }

/* Default close button class */
.qtip-close { position: absolute; right: -9px; top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; border-color: transparent; }

.qtip-titlebar .qtip-close { right: 4px; top: 50%; margin-top: -9px; }

* html .qtip-titlebar .qtip-close { top: 16px; }

/* IE fix */
.qtip-titlebar .ui-icon, .qtip-icon .ui-icon { display: block; text-indent: -1000em; direction: ltr; }

.qtip-icon, .qtip-icon .ui-icon { border-radius: 3px; text-decoration: none; }

.qtip-icon .ui-icon { width: 18px; height: 14px; line-height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; }

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default { /*    border-width: 1px; border-style: solid; border-color: #F1D031;*/ line-height: 1.2; border-radius: 2px; background: #2f2f77; background: #2f2f77; border: 1px solid transparent; border: 1px solid rgba(255, 255, 255, 0); color: white; }

.qtip-default .qtip-titlebar { /*background-color: #FFEF93;*/ }

.qtip-default .qtip-icon { border-color: #CCC; background: #2f2f77; background: #2f2f77; color: #777; }

.qtip-default .qtip-titlebar .qtip-close { border-color: #AAA; color: #111; }

.qtip .qtip-tip { margin: 0 5px; overflow: hidden; z-index: 10; }

@media only screen and (min-width: 768px) { .qtip .qtip-tip { margin: 0 20px; } }
/* Opera bug #357 - Incorrect tip position
https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip { visibility: hidden; }

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas { position: absolute; color: #123456; background: #2f2f77; background: #2f2f77; border: 0 dashed transparent; }

.qtip .qtip-tip canvas { top: 0; left: 0; }

.qtip .qtip-tip .qtip-vml { behavior: url(#default#VML); display: inline-block; visibility: visible; }

/* ----------------------------------- Slidebars Version 0.10.2 http://plugins.adchsm.me/slidebars/  Written by Adam Smith http://www.adchsm.me/  Released under MIT License http://plugins.adchsm.me/slidebars/license.txt  ------------------- Slidebars CSS Index  001 - Box Model, Html & Body 002 - Site 003 - Slidebars 004 - Animation 005 - Helper Classes  ---------------------------- 001 - Box Model, Html & Body */
html, body, #sb-site, .sb-site-container, .sb-slidebar { /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */ margin: 0; padding: 0; box-sizing: border-box; }

html, body { width: 100%; overflow-x: hidden; /* Stops horizontal scrolling. */ }

html { height: 100%; /* Site is as tall as device. */ }

body { min-height: 100%; height: auto; /*position: relative;*/ /* Required for static Slidebars to function properly. */ }

/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) { overflow: hidden; }

/* ---------- 002 - Site */
#sb-site, .sb-site-container { /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */ width: 100%; position: relative; z-index: 10; /* Site sits above Slidebars */ }

/* --------------- 003 - Slidebars */
.sb-slidebar { height: 100%; overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */ position: fixed; top: 0; z-index: 0; /* Slidebars sit behind sb-site. */ display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */ background-color: #3b3b3b; -webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */ }

.sb-left { left: 0; /* Set Slidebar to the left. */ }

.sb-right { right: 0; /* Set Slidebar to the right. */ }

html.sb-static .sb-slidebar, .sb-slidebar.sb-static { position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */ }

.sb-slidebar.sb-active { display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */ }

.sb-style-overlay { z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */ }

.sb-momentum-scrolling { -webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */ }

/* Slidebar widths for browsers/devices that don't support media queries. */
.sb-slidebar { width: 30%; }

.sb-width-thin { width: 15%; }

.sb-width-wide { width: 45%; }

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
  .sb-slidebar { width: 70%; }
  .sb-width-thin { width: 55%; }
  .sb-width-wide { width: 85%; } }
@media (min-width: 481px) { /* Slidebar widths on small screens. */
  .sb-slidebar { width: 55%; }
  .sb-width-thin { width: 40%; }
  .sb-width-wide { width: 70%; } }
@media (min-width: 768px) { /* Slidebar widths on medium screens. */
  .sb-slidebar { width: 40%; }
  .sb-width-thin { width: 25%; }
  .sb-width-wide { width: 55%; } }
@media (min-width: 992px) { /* Slidebar widths on large screens. */
  .sb-slidebar { width: 30%; }
  .sb-width-thin { width: 15%; }
  .sb-width-wide { width: 45%; } }
@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
  .sb-slidebar { width: 20%; }
  .sb-width-thin { width: 5%; }
  .sb-width-wide { width: 35%; } }
/* --------------- 004 - Animation */
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar { -webkit-transition: -webkit-transform 400ms ease; transition: transform 400ms ease; -webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */ -webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ }

/* -------------------- 005 - Helper Classes */
.sb-hide { display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */ }

/* Tabs - Organic Tab code ========================================================================== */
.tabbedArea, .mobileVersion_tabbedArea { margin-bottom: 30px; }

.tabbedArea .genericArea { margin-bottom: 0; }

@media (min-width: 768px) { .hidden-tabs { position: absolute; top: -9999px; left: -9999px; }
  .js .tabArea { background-color: #f8f8f8; }
  .tabArea h2.non-js-element, .tabArea legend.non-js-element { margin: 0; padding: 1em 0; background-color: #f8f8f8; }
  .tabArea h2.non-js-element:first-child, .tabArea legend.non-js-element:first-child { padding-top: 0; }
  /* Tabs */
  .tabList { list-style: none; margin: 0; overflow: hidden; }
  .tabList_item { display: inline-block; font-weight: 600; font-size: 1.6em; font-size: 1.6rem; width: 25%; vertical-align: middle; border-right: 2px solid #f8f8f8; }
  .tabList_item:last-child { border-right-width: 0; }
  .tabList_item a { display: table-cell; width: 152px; /* sad panda */ padding: 15px 10px; color: #656565; text-decoration: none; vertical-align: middle; text-align: center; background-color: #ebebeb; }
  .col-xs-12 .tabList_item a { width: 170px; /* sad panda */ }
  .col-lg-12 .tabList_item a { width: 229px; /* sad panda */ }
  .tabList_item.addHeight a { height: 70px; }
  .tabList_item.addExtraHeight a { height: 90px; }
  .tabList_item a:hover, .tabList_item a:focus, .tabList_item a.current { background-color: #f8f8f8; }
  .tabArea_item img { width: 100%; } }
/* Jquery UI ========================================================================== */
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-slider-vertical { width: .8em; height: 100px; }

.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }

.ui-slider-vertical .ui-slider-range-min { bottom: 0; }

.ui-slider-vertical .ui-slider-range-max { top: 0; }

.ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }

.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }

.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }

.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; }

/* more specificity required here to overide default borders */
.ui-spinner .ui-icon { /* vertical centre icon */ position: absolute; margin-top: -6px; top: 50%; left: 0; font-size: 10px; }

.ui-spinner-up { top: 0; }

.ui-spinner-down { bottom: 0; }

.ui-dialog .sc-cal-row .ui-spinner { position: relative; margin-top: 5px; bottom: -5px; padding: 3px 5px; border: 1px solid #f1f1f1; background-color: white; border-radius: 2px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-transition: box-shadow 0.45s, border-color 0.45s ease-in-out; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }

/* Overlays */
.ui-widget-overlay { background: #777; opacity: .7; position: absolute; top: 0; left: 0; }

/* jquery ui - overwrite */
.ui-dialog { background: white; overflow: hidden; border-radius: 2px; box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2); border: 1px solid #666666; }

.ui-dialog-titlebar { margin: 0; background-color: #2f2f77; }

.ui-dialog-title { display: block; font: 400 2.2em/1.2 'Montserrat', sans-serif; font-size: 2.2rem; color: white; margin: 0; padding: 15px 20px; border-radius: 2px 2px 0 0; }

.ui-dialog-titlebar-close { color: white; float: right; font-size: 1.2em; font-size: 1.2rem; margin-top: -35px; margin-right: 20px; }

.ui-dialog-titlebar-close:focus, .ui-dialog-titlebar-close:hover { color: white; }

.ui-dialog-content { padding: 15px 15px 20px; }

.sc-cal-dialog .ui-dialog-buttonpane { overflow: hidden; }

/* Date Picker ========================================================================== */
.sc-cal .sc-cal-tab li { border-color: #dddddd !important; }

.scpicker > .add-on { width: 25px; }

div.ui-dialog.sc-cal-dialog .btn { background-image: none; text-shadow: none; }

div.ui-dialog.sc-cal-dialog .btn-success { background-color: #2f2f77 !important; color: white !important; }

div.ui-dialog.sc-cal-dialog .btn-success:hover, div.ui-dialog.sc-cal-dialog .btn-success:focus { background-color: #1a1a59 !important; color: white !important; }

.sc-cal-select { border-color: #cccccc !important; }

/* Third Party CSS files */
/* ========================================================================== FORMS ==========================================================================

version 0.4
BEM continuation
(includes older style CSS classes to cover code not yet updated)

- stripped out ie8 fixes from here
- removed tertiary level button
- general clean up

*/
.seForm li { font-size: 1.6rem; }

/* Errors ========================================================================== */
.seForm__errors { color: #ce3f13; margin-bottom: 1em; }

.seForm__errors a { color: #ce3f13; text-decoration: none; }

.seForm__errors a:hover, .seForm__errors a:focus { color: #ce3f13; text-decoration: underline; }

/* Notes ========================================================================== */
/* Rows ========================================================================== */
.seForm__rows { margin: 0 0 2em; }

.seForm__rows ul { margin: 0; }

.seForm__rows li { position: relative; list-style: none; margin-bottom: 1.23em; padding-top: 4px; clear: both; }

.seForm--panel .seForm__rows li { margin-bottom: 1.5em; }

.genericPanel .tabledForm .seForm__rows { margin: 0; }

.genericPanel .tabledForm .seForm__rows li { margin: 0; }

.seForm__rows ul li { margin: 0; width: 100%; }

/* Legend ========================================================================== */
.seForm__legend, .tabledForm legend { display: block; width: 100%; font-weight: 600; font-size: 2em; font-size: 2rem; margin: 1em 0 15px; padding-bottom: 15px; border-bottom: 2px solid #e4e4e4; }

/* Labels ========================================================================== */
.seForm--panel .seForm__label--fake, .seForm.seForm--panel label { margin-bottom: 0.5em; }

/* Checkbox and Radio button tweaks */
.seForm__rows--checkbox .seForm__label--fake, .seForm__rows--radio .seForm__label--fake { line-height: 1.2; }

.seForm__rows--checkbox input + label, .seForm__rows--radio input + label, .field_input input[type="checkbox"] + label, .field_input input[type="radio"] + label { display: inline-block; margin-bottom: 1em; line-height: 1.2; }

/* Inline labels */
.seForm__label--inline { display: inline-block; }

.seForm .field_label label { display: inline-block; }

.seForm input + label.seForm__label--inline { margin: 0 0 1em .3em; }

/* Required */
.seForm__required--asterisk, .se-form-required-asterisk { /* hide nicely */ clip: rect(0 0 0 0); height: 1px; margin-left: -1px; overflow: hidden; position: absolute; width: 1px; }

.seForm__required--text, .se-form-required-text { color: #c0512c; font-size: 1.1em; font-size: 1.1rem; top: -.25em; padding-left: .3em; display: inline-block; position: relative; text-transform: uppercase; }

/* Joiners ... ie: blah 'to' blah where 'to' is the joiner */
.seForm__label--joiner { font-size: 1.3em; font-size: 1.3rem; clear: both; line-height: 2em; }

/* Add to Label  - JS moves this class into the prev() label - need to add space */
.addToLabel { padding-left: .5em; }

/* Buttons ========================================================================== */
.seForm__rows--button { text-align: right; padding-top: 40px; margin-bottom: 4em; }

.seForm__button, .seForm__button--secondary, .seForm__rows--button input[type="submit"] { font: 400 1.5em/2.5 'AktivGroteskLight', "Montserrat", Arial, sans-serif; font-size: 1.5rem; /* text-transform: uppercase; */ height: 3.4em; line-height: 3.4em; margin-bottom: -7px; }

.seForm__rows--button input[type="submit"] { margin-top: 16px; }

/* overwrite visited */
a.seForm__button.seForm__button:visited, a.seForm__button--secondary.seForm__button--secondary:visited { color: white; }

@media (min-width: 768px) { /* target the generic forms */
  .seForm__button, .seForm__button--secondary, .seForm__rows--button input[type="submit"] { width: auto; } }
aside .seForm__submit input[type="submit"], aside .seForm__button--secondary, .seForm__button--fullwidth, .seForm__button--mobilemenu { width: 100%; }

@media (min-width: 768px) and (max-width: 991px) { div[role="main"] .seForm__button--fullwidth { margin-left: auto; margin-right: auto; display: block; width: 90%; } }
.seForm__button:hover, .seForm__submit input[type="submit"]:hover { background-color: #3a3a86; color: white; }

.seForm__button.seForm__button:focus, .seForm__submit input[type="submit"]:focus { outline: thin dotted #4c4c4c; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; background-color: #1a1a59; color: white; }

.seForm__button:active, .seForm__submit input[type="submit"]:active { background-image: none; outline: 0; }

/* secondary */
.seForm__button--secondary { background-color: #747474; }

.seForm__button--secondary:hover, .seForm__button--secondary:focus { color: white; background-color: #5b5b5b; }

/* various button tweaks */
.button.secondary:last-child { margin-right: 0; }

.seForm__button--fullwidth { margin-top: 2em; }

.seForm__button--centered { margin: 0 auto; display: block; text-align: center; padding: 0; }

@media (min-width: 768px) { .seForm__button--centered { width: 35%; /* :( */ } }
@media (min-width: 992px) { .seForm__button--centered { width: 25%; /* :( */ } }
.seForm__button--mobilemenu { 
border-radius: 0; 
height: 71px; 
line-height: 70px; 
margin: 0; 
text-align: left;  
font-size: 1.6em; 
font-size: 1.6rem; 
border-width: 0;



    display: block;
    
    
    
border-bottom: 1px solid #555555;
    
padding: 0.2em 1em 1em 15px;
    text-transform: uppercase;
    font-family: "Montserrat", Arial, sans-serif;



}

@media (min-width: 768px) { .seForm__button--mobilemenu { padding-left: 30px; } }
.seForm__button--mainmenu { height: 2.3em; line-height: 2.3em; padding: 0 1.35em; margin: -0.7em 0 0; /* font-size: 1.4em; */ /* font-size: 1.4rem; */ background-color: transparent;}

.seForm__button--large { font-size: 2.2em; font-size: 2.2rem; line-height: 3em; height: 3em; text-transform: none; font-weight: 400; margin-bottom: 20px; padding: 0; }

@media (min-width: 768px) { .seForm__button--large { font-size: 2em; font-size: 2rem; margin-bottom: .75em; } }
@media (min-width: 992px) { .seForm__button--large { font-size: 2.2em; font-size: 2.2rem; } }
/* Input ========================================================================== */
.seForm input[type="text"], .seForm input[type="password"], .seForm textarea, input[type="text"].ps-input { font-family: inherit; font-weight: 400; }

/* cover all inputs + textboxes - not updated yet */
.seForm input[type="text"]:focus, .seForm input[type="password"]:focus, .seForm textarea:focus, input[type="text"].ps-input:focus, html body .seForm .riSingle .riTextBox[type=text]:focus, .seForm select:focus, .seForm__select:focus { border-color: #27275e; border-color: rgba(0, 145, 178, 0.8); outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(0, 145, 178, 0.5); }

aside .seForm input[type="text"] { margin-bottom: 1.5em; }

.seForm label input[type="text"] { margin-top: 0.5em; }

/* Textarea ========================================================================== */
@media (min-width: 768px) { .seForm__rows--textarea label { margin-top: 37px; } }
.seForm textarea { min-height: 125px; line-height: 1.6em; }

/* Select ========================================================================== */
.seForm__select { display: block; clear: both; margin: 0 0 1em; width: 100%; }

.seForm select, .seForm__select { font-weight: 400; font-family: 'Cabin',Arial, sans-serif; font-size: 1.4em; font-size: 1.4rem; padding: .475em .5em; border: 1px solid #f1f1f1; border-radius: 2px; }

aside .seForm select { width: 100%; }

.seForm label select { margin-top: 0.5em; }

/* Multiselect ===========================================================================*/
.seForm select[multiple="multiple"] { display: block; width: 100%; margin: 0 0 2.5em 0; padding: 0; font-family: inherit; font-size: 1.4em; font-size: 1.4rem; font-weight: 400; border: 1px solid #f1f1f1; background-color: white; border-radius: 2px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: box-shadow 0.45s, border-color 0.45s ease-in-out; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; -webkit-appearance: none; }

.seForm select[multiple="multiple"]:focus { border-color: #27275e; border-color: rgba(0, 145, 178, 0.8); outline: 0; outline: thin dotted 9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 145, 178, 0.2); }

.seForm label select[multiple="multiple"] { margin-top: 0.5em; }

.seForm.seForm--panel select[multiple="multiple"] { margin-bottom: 1em; }

/* Checkbox/radio ========================================================================== */
.seForm__rows--checkbox input:focus, .seForm__rows--radio input:focus { outline: 1px dotted #999; }

.seForm__rows--checkbox input, .seForm__rows--radio input { float: left; margin: .1em .25em 0 0; }

.seForm__rows--checkbox table, .seForm__rows--radio table { table-layout: fixed; width: 100%; }

@media (min-width: 768px) { .seForm__rows--checkbox table, .seForm__rows--radio table { width: 55%; } }
.seForm__rows--checkbox th, .seForm__rows--radio th, .seForm__rows--checkbox td, .seForm__rows--radio td { position: relative; word-wrap: break-word; padding: 0 0 .8em; }

.seForm__rows--checkbox th label, .seForm__rows--checkbox td label, .seForm__rows--radio th label, .seForm__rows--radio td label { float: left; width: 80%; }

/* custom */
.scSearchInputOption label { /*display:inline-block;
margin-right:10px*/ text-transform: uppercase; font-size: 1.5em; font-size: 1.5rem; }

/* Styled Checkboxes and Radio Buttons ========================================================================== */
/* Styled version here - remove this section if not required

http://www.thecssninja.com/css/custom-inputs-using-css
this does not work for IE8!
*/
.seForm__rows--checkbox input, .seForm__rows--radio input { padding: 0; margin: 0; height: 18px; width: 18px; float: left; position: absolute; left: 0; opacity: 0; }

.seForm__rows--checkbox th label, .seForm__rows--checkbox td label, .seForm__rows--radio th label, .seForm__rows--radio td label { padding: 0 0 0 24px; }

.seForm__rows--checkbox th input + label, .seForm__rows--checkbox td input + label, .seForm__rows--radio th input + label, .seForm__rows--radio td input + label { background-image: url("form-sprite-200.png"); background-repeat: no-repeat; background-size: 18px 400px; font: 0.85em/1.35 "lucida_sans_unicoderegular", Geneva, Verdana, sans-serif; font-size: 1.4rem; text-transform: none; margin-bottom: 0.5em; }

/* martix fixes */
.seForm__rows--matrix input { padding: 0; margin: 0; height: 18px; width: 18px; float: left; position: absolute; left: 0; opacity: 0; }

.seForm__rows--matrix .matrix-input-label { position: relative; left: 0; background-image: url("form-sprite-200.png"); background-repeat: no-repeat; background-size: 18px 400px; display: inline-block; height: 18px; width: 18px; overflow: hidden; text-indent: -1234em; padding: 0 0 0 24px; margin-bottom: 0.5em; }

input[type=radio] + label { background-position: 0 -52px; }

input[type=checkbox] + label { background-position: 0 -156px; }

/* Checked styles */
input[type=radio]:checked + label { background-position: 0 0; }

input[type=radio]:hover:checked + label, input[type=radio]:focus:checked + label, input[type=radio]:checked + label:hover, input[type=radio]:focus:checked + label { background-position: 0 0; }

input[type=checkbox]:checked + label { background-position: 0 -104px; }

input[type=checkbox]:hover:checked + label, input[type=checkbox]:focus:checked + label, input[type=checkbox]:checked + label:hover, input[type=checkbox]:focus:checked + label { background-position: 0 -104px; }

/* Hover styles */
input[type=radio]:hover + label, input[type=radio] + label:hover { background-position: 0 -52px; }

input[type=checkbox]:hover + label, input[type=checkbox] + label:hover { background-position: 0 -156px; }

/* Focus styles */
input[type=radio]:focus + label { background-position: 0 -278px; }

input[type=radio]:focus:checked + label { background-position: 0 -226px; }

input[type=checkbox]:focus + label { background-position: 0 -382px; }

input[type=checkbox]:focus:checked + label { background-position: 0 -330px; }

/* Active styles */
input[type=radio]:active + label, input[type=radio] + label:hover:active { background-position: 0 -278px; }

input[type=radio]:active:checked + label, input[type=radio]:checked + label:hover:active { background-position: 0 -226px; }

input[type=checkbox]:active + label, input[type=checkbox] + label:hover:active { background-position: 0 -382px; }

input[type=checkbox]:active:checked + label, input[type=checkbox]:checked + label:hover:active { background-position: 0 -330px; }

/* File upload ========================================================================== */
.seForm_input--file { margin: 0 0 1em; font-weight: 400; font-family: "Cabin", Arial, sans-serif; }

.seForm__rows--file label { line-height: 1.4; }

.seForm__rows--file input[type="file"] { overflow: hidden; width: 100%; }

@media (min-width: 768px) { .seForm__rows--file input[type="file"] { width: 55%; } }
.no-js .seForm__rows--file input[type="file"] { margin-bottom: 2em; }

.seForm__rows--file .seForm__input--fileUploadWarning { display: none; }

/* Date ========================================================================== */
.seForm__rows--date { overflow: hidden; }

.seForm__rows--date .field-title { display: block; }

.seForm__rows--date .field-input { display: block; margin-bottom: 1em; }

.seForm__rows--date .no-js-element br { display: none; }

.seForm--panel .RadPicker.RadPicker_Default { margin-bottom: 0.5em; }

/* Calendar ========================================================================== */
.seForm .RadPicker.RadPicker_Default { width: 250px !important; float: left; }

.seForm .RadPicker table.rcTable { position: relative; width: 176px !important; }

.seForm .RadPicker_Default .rcCalPopup, .seForm .RadPicker_Default a.rcCalPopup:hover, .seForm .RadPicker_Default a.rcCalPopup:focus { display: block; overflow: hidden; text-indent: -1234em; background: transparent url("icon-calendar.png") no-repeat left top; width: 38px; height: 32px; margin-left: 15px; }

/* calendar RadPicker overwrites */
.RadPicker input { margin-bottom: 0; }

.seForm .riSingle { width: 176px; }

.seForm .riSingle .riTextBox[type=text] { border-width: 0; font: 1.6em "lucida_sans_unicoderegular", Geneva, Verdana, sans-serif; font-size: 1.6rem; color: #656565; margin: 0; padding: 1.35em 1.25em; width: 12em; }

.seForm .RadInput_Default .riError, .seForm .RadInput_Error_Default { background-position: 100% -295px; border-color: #ce3f13; }

/* Matrix row ========================================================================== */
.seForm__rows--matrix .seForm__label--fake { margin-bottom: 0; line-height: 2; }

.seForm__rows--matrix table { width: 100%; border-collapse: separate; border-spacing: 2px; table-layout: fixed; }

@media (min-width: 768px) { /* target the generic forms */
  .seForm__rows--matrix table { width: 55%; } }
.seForm__rows--matrix th { text-align: left; padding: 5px 5px 5px 0; font-weight: normal; word-wrap: break-word; vertical-align: bottom; font-size: 0.85em; font-size: 1.4rem; }

.seForm__rows--matrix td { vertical-align: top; padding: 5px 5px 5px 0; word-wrap: break-word; font-size: 0.85em; font-size: 1.4rem; }

.seForm__rows--matrix input[type="checkbox"], .seForm__rows--matrix input[type="radio"] { margin-bottom: 0; }

/* Rank row ========================================================================== */
.seForm__rows--rank table { width: 100%; }

@media (min-width: 768px) { /* target the generic forms */
  .seForm__rows--rank table { width: 55%; } }
.seForm__rows--rank input[type="text"] { width: 25%; }

.seForm__rows--rank input[type="text"] { display: inline-block; margin: 0 1em .5em 0; }

.seForm__rows--rank td label { display: inline-block; float: none; vertical-align: middle; margin: -.5em 1em 0 .5em; width: 60%; font: 0.85em/1.35 "lucida_sans_unicoderegular", Geneva, Verdana, sans-serif; font-size: 1.4rem; text-transform: none; }

/* Captcha ========================================================================== */
.seForm__rows--captcha .seForm__label--fake { line-height: 1.4; }

.seForm__rows--captcha input[type="text"] { width: 100%; }

@media (min-width: 768px) { .seForm__rows--captcha input[type="text"], .captcha input[type="text"], .captcha__container { width: 55%; margin: 0; }
  .captcha__container { float: right; } }
.CaptchaImageDiv, .captcha { position: relative; margin-bottom: 2em; margin-top: 1.6em; }

.captcha img { margin-bottom: 1.75em; }

/* hiding empty label - not used in Monash*/
.captcha label { display: none; }

/* zero redundant p tag */
.captcha p { margin: 0; }

/* show/hide Captcha links for mobile */
.rcRefreshImage { display: block; }

.rcCaptchaAudioLink { display: none; }

@media only screen and (min-width: 992px) { .rcCaptchaAudioLink { display: block; } }
/* Captcha - handling test resize */
.rcRefreshImage { position: relative; margin-bottom: 1em; }

@media (min-width: 768px) { .rcRefreshImage, .rcCaptchaAudioLink { position: absolute; margin-bottom: 0; } }
.rcRefreshImage, .rcCaptchaAudioLink { font-size: 1.4em; font-size: 1.4rem; line-height: 1.2; }

@media (min-width: 768px) { .rcRefreshImage, .rcCaptchaAudioLink { left: 205px; } }
.rcRefreshImage { top: 0; }

.rcCaptchaAudioLink { top: 2.0em; }

@media only screen and (min-width: 768px) { .rcRefreshImage { top: .25em; } }
/* Mixed - used on Rating ========================================================================== */
.seForm__rows--mixed input[type="radio"] + label { display: inline-block; margin: 0 0 1em .3em; }

/* forgot password ========================================================================== */
.seForm__forgotPassword { font-size: 1.6em; font-size: 1.6rem; margin-left: 1.5em; }

/* Thank you message ========================================================================== */
.success__container { position: relative; height: 90px; margin: 3em 0; }

.success__icon { color: #FFF; background-color: #c5c5c5; border-radius: 90px; line-height: 90px !important; height: 90px; width: 90px; font-size: 45px; top: 0; left: 0; margin-left: 0; }

@media (min-width: 768px) { .success__container { height: 180px; }
  .success__icon { border-radius: 180px; line-height: 180px !important; height: 180px; width: 180px; font-size: 80px; } }
/* Seamless Forms */
/* ========================================================================== DLVS ==========================================================================

version 0.2
-  added generic list

*/
/* sitemap ========================================================================== */
.sitemap { background-color: #FFF; }

/* top level */
.sitemap__list { margin: 3em 0 2em 0; padding: 0; list-style: none; }

.sitemap__head { font-size: 2.4em; font-size: 2.4rem; padding: 0 0 1em; margin: 0 0 1em; border-bottom: 2px solid #f8f8f8; }

.sitemap__head a { color: #3b3b3b; text-decoration: none; }

/* child level */
.sitemap__childlist { margin: 0 0 3em 0; list-style: none; }

.sitemap__childlist .sitemap__childlist { margin: 0 0 1.5em 4em; }

.sitemap__item { font-size: 1.6em; font-size: 1.6rem; position: relative; margin: 5px 0; }

.sitemap__item a { color: #656565; text-decoration: none; }

.sitemap__item a:hover, .sitemap__item a:focus, .sitemap__head a:hover, .sitemap__head a:focus { color: #27275e; text-decoration: underline; }

.sitemap__item a:visited, .sitemap__head a:visited { color: #656565; }

/* Seamless DLVs */
/* ========================================================================== Features ========================================================================== */
/* Features navigation */
.featuresNav { width: 100%; background-color: #2f2f77; overflow: hidden; clear: both; }

@media (min-width: 992px) { .featuresNav__container { width: 992px; margin: 0 auto; } }
.featuresNav__list { margin: 0; box-shadow: inset 1px 0 0 #5151a1; overflow: hidden; }

@media (min-width: 992px) { .featuresNav__list { border-left: 1px solid #5151a1; } }
.featuresNav__item { font: 1.7em/60px "Montserrat", Arial, sans-serif; font-size: 1.7rem; }

@media (min-width: 768px) { .featuresNav__item { font-size: 1.8em; font-size: 1.8rem; } }
@media (min-width: 992px) { .featuresNav__item { font-size: 1.6em; font-size: 1.6rem; line-height: 1.3; } }
.featuresNav__link { display: block; color: #FFF; background-color: #2f2f77; border-bottom: 1px solid #5151a1; text-decoration: none; padding: 0 4%; -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.featuresNav__link br { display: none; }

@media (min-width: 992px) { .featuresNav__link { position: relative; width: 20%; height: 80px; float: left; padding: 20px 15px 18px; border-bottom-width: 0; box-shadow: inset -1px 0 0 #5151a1; vertical-align: middle; -webkit-transition: none; transition: none; }
  .featuresNav__link br { display: block; }
  .featuresNav__link--active:after { content: " "; position: absolute; bottom: 0; left: 50%; margin-left: -4px; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); border-bottom: 8px solid #f8f8f8; width: 0; height: 0; } }
.featuresNav__link:hover, .featuresNav__link:focus, .featuresNav__link--active { color: #FFF; background-color: #27275e; }

.intro__previous, .intro__next { position: absolute; display: none; width: 100px; height: 100px; top: 50%; margin-top: -50px; background-color: rgba(0, 0, 0, 0.4); left: -50px; border-radius: 50px; overflow: hidden; text-decoration: none; }

.intro__next { left: auto; right: -50px; }

.intro__previous:before, .intro__next:before { content: "\e618" !important; }

.intro__next:before { content: "\e619" !important; }

@media (min-width: 768px) { .intro__previous, .intro__next { display: block; }
  .intro__previous:hover, .intro__next:hover, .intro__previous:focus, .intro__next:focus { background-color: rgba(0, 0, 0, 0.7); }
  .intro__previous:before, .intro__next:before, .intro__next:before { color: #FFF; font-size: 32px; position: relative; top: 36px; text-decoration: none; border-bottom-width: 0; left: 51px; }
  .intro__next:before { left: 16px; } }
@media (min-width: 992px) { .intro__previous, .intro__next { margin-top: -10px; } }
@media (min-width: 1170px) { .intro__previous, .intro__next { background-color: rgba(0, 0, 0, 0); border-radius: 0; left: 0; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
  .intro__previous:hover, .intro__next:hover, .intro__previous:focus, .intro__next:focus { background-color: rgba(0, 0, 0, 0); }
  .intro__next { right: 0; left: auto; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
  .intro__previous:before, .intro__next:before { font-size: 100px; top: 0; left: 0; }
  .intro__previous:before, .intro__next:before { color: rgba(255, 255, 255, 0.7); content: "\e600" !important; }
  .intro__next:before { color: rgba(255, 255, 255, 0.7); content: "\e602" !important; } }
@media (min-width: 1350px) { .intro__previous, .intro__next { left: 50px; }
  .intro__next { left: auto; right: 50px; } }
@media (min-width: 1470px) { .intro__previous, .intro__next { left: 100px; }
  .intro__next { left: auto; right: 100px; } }
@media (min-width: 1620px) { .intro__previous, .intro__next { left: 150px; }
  .intro__next { left: auto; right: 150px; } }
@media (min-width: 1820px) { .intro__previous, .intro__next { left: 250px; }
  .intro__next { left: auto; right: 250px; } }
/* ========================================================================== Customer stories - Panel List ========================================================================== */
.panelList { margin-top: 1em; }

@media (min-width: 768px) { .panelList { margin-bottom: 2.5em; } }
.panelList__item { list-style: none; margin-bottom: 1.25em; }

@media (min-width: 768px) { .panelList__item { margin-bottom: 1.75em; } }
@media (min-width: 992px) { .panelList__item { margin-bottom: 2.5em; } }
.panelList__link { display: block; text-decoration: none; color: #656565; background-color: #f8f8f8; -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.panelList__link:hover, .panelList__link:focus { background-color: #ededed; }

.panelList__img { width: 100%; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.panelList__link:hover .panelList__img, .panelList__link:focus .panelList__img { opacity: 0.6; filter: alpha(opacity=60); }

.panelList__head { margin: 25px 20px 25px; height: 90px; padding-bottom: 26px; font-size: 1.8em; font-size: 1.8rem; border-bottom: 2px solid #ededed; }

@media (min-width: 768px) { .panelList__head { margin: 25px 30px 25px; } }
.panelList__link:hover .panelList__head, .panelList__link:focus .panelList__head { border-bottom-color: white; }

.panelList__desc { padding: 0 20px 35px; color: #656565; }

@media (min-width: 768px) { .panelList__desc { padding: 0 30px 35px; } }
/* ========================================================================== Service List ========================================================================== */
@media (min-width: 768px) { .services { padding-top: 22px; } }
.servicesIntro__head { font-size: 3.6em; font-size: 3.6rem; margin-bottom: .35em; margin-top: -0.5em; }

@media (min-width: 768px) { .servicesIntro__head { text-align: center; margin-top: 0; } }
.servicesIntro__desc { font-family: "Montserrat", Arial, sans-serif; margin-bottom: 3em; }

@media (min-width: 768px) { .servicesIntro__desc { text-align: center; margin-bottom: 3.6em; margin-top: -.2em; } }
.services__list { margin-bottom: 0 !important; list-style: none; }

.services__head { position: relative; font-size: 2.1em; font-size: 2.1rem; border-bottom: 2px solid #ededed; padding-bottom: 20px; }

@media (min-width: 768px) { .services__head { padding-top: 112px; text-align: center; } }
@media (min-width: 992px) { .services__head { text-align: left; } }
.services__icon { color: #FFF; background-color: #c5c5c5; left: 50%; margin-left: -5px; top: 30px; }

.services__icon--active, .no-js .services__icon { top: 0; margin-left: -45px; }

/* individual icon tweaks */
.services__icon--active.icon-css, .no-js .services__icon.icon-css { font-size: 60px; }

.services__icon--active.icon-css, .no-js .services__icon.icon-css, .services__icon--active.icon-head-bulb, .no-js .services__icon.icon-head-bul { font-size: 60px; }

.services__desc { margin-bottom: 1.75em; }

@media (min-width: 768px) { .services__desc { margin-bottom: 3.5em; text-align: center; } }
@media (min-width: 992px) { .services__desc { text-align: left; } }
/* Seamless Detail pages */
/* ========================================================================== PRINT ========================================================================== */
.header_printOnly { display: none; }

@media print { /* Reset
========================================================================== */
  * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: .5cm; }
  p, h2, legend, h3 { orphans: 3; widows: 3; }
  h2, legend, h3 { page-break-after: avoid; }
 /* Header
========================================================================== */
  .header_printOnly { position: relative; display: block; clear: both; height: 70px; margin-bottom: 1cm; }
  .header_printOnly--logo { width: 6cm; margin: .5cm; }
  .header_printOnly--copyright { position: absolute; right: .5cm; top: .5cm; text-align: right; }
 /* Fixes/Overwrites
========================================================================== */
  /*hide*/
  header, footer, aside, .call-out-box, .skip, .seamless-pagination, .related-container, .search-tools-container, #back-to-top, .shareLinks, .pageFeedback, .pageSubscribe, .item-navigation, .tabbedArea, .icon-arrow-down, .panelList_imageCrop--right, .switchView, .show-for-medium-down.frequent-item, .mobileMenu { display: none !important; }
  .home a.button, .yourMonash, .home .events .img-crop, .home .events ul.show-for-medium, .home .events ul.show-for-small-down { display: none !important; }
  .home .events li p { margin-left: 98px; }
  /*show*/
  .toggleMobileContainer_toggled, .home .landing-statement { display: block !important; }
  /*fix*/
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { width: 100%; padding: 0; }
  .image-container img { width: auto !important; }
  .internal .page-tools { margin-bottom: 0; }
  #sb-site { min-height: 0 !important; } }
/* ========================================================================== Navigation ========================================================================== */
/* Push menu ========================================================================== */
/* General styles for all menus */
.mobileMenu { background: #3b3b3b; -webkit-transform: translateZ(0); }

.mobileMenu ul { margin-left: 0; clear: both; }

/* Level 1 */
.mobileMenu ul a { display: block; color: white; text-decoration: none; border-bottom: 1px solid #555555; padding: 1em 1em 1em 15px; text-transform: uppercase; }

@media only screen and (min-width: 768px) { .mobileMenu ul a { padding-left: 30px; } }
.no-touch .mobileMenu ul a:hover, .mobileMenu ul a:focus, .mobileMenu ul a:focus { color: white; background: #2e2e2e; }

/* Level 2 */
.mobileMenu li li a { display: block; background: #464646; padding-left: 30px; border-bottom: 1px solid #535353; text-transform: none; }

@media only screen and (min-width: 768px) { .mobileMenu li li a { padding-left: 48px; } }
.no-touch .mobileMenu li li a:hover, .mobileMenu li li a:focus, .mobileMenu li li a:focus { background: #393939; }

.mobileMenu li { position: relative; font-size: 1.6em; font-size: 1.6rem; font-family: "Montserrat", Arial, sans-serif; }

.mobileMenu li li { font-size: 1.4em; font-size: 1.4rem; }

@media only screen and (min-width: 768px) { .mobileMenu li { font-size: 1.6em; font-size: 1.6rem; }
  .mobileMenu li li { font-size: 1.5em; font-size: 1.5rem; } }
/* Main menu ========================================================================== */
.mainMenu { width: 70%; float: right; }

.mainMenu__list { list-style: none; margin: 0; float: right; }

.mainMenu__item { display: inline-block; position: relative; padding-right: 2.35em; font-size: 1.5em; font-size: 1.5rem; font-family: 'AktivGroteskLight', 'Montserrat', Arial, sans-serif; }

.mainMenu__link { display: inline-block; color: #FFF; text-decoration: none; padding-bottom: 3px; height: 144px; line-height: 144px; /* text-transform: uppercase; */ }

.header--inside .mainMenu__link { height: 90px; line-height: 90px; }

.mainMenu__link:hover, .mainMenu__link:focus { color: #FFF; text-decoration: underline; }

.js .mainMenu__item--haschild .mainMenu__link, .js .nav-has-children .mainMenu__link { padding: 0 2.5em 0 1em; }

.js .mainMenu__item--haschild .mainMenu__link:after, .js .nav-has-children .mainMenu__link:after { position: absolute; top: 50%; right: 49px; margin-top: -2px; content: " "; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid white; border-top: 4px solid rgba(255, 255, 255, 0.7); width: 0; height: 0; }

.mainMenu__button { display: inline-block; }

.js .mainMenu__item--haschild.hiHover > a, .js .nav-has-children.hiHover > a { background: #2f2f77; color: white; margin-top: 0; border-bottom-width: 0; }

/* layout */
.mainMenu .dropdown { position: absolute; display: table; left: 0; top: -999em; z-index: 999; width: 605px; color: #FFF; background: #2f2f77; padding: 20px 0 30px; box-shadow: 0 5px 4px rgba(0, 0, 0, 0.2); border-radius: 0 0 2px 2px; background-clip: padding-box; }

/* Hover if:
1. JS is turned off
2. Has Focus
3. Depends on the JS class hiHover (hover intent)*/
.no-js .mainMenu__item:hover .dropdown, .mainMenu__item:focus .dropdown, .js .mainMenu__item.hiHover .dropdown { top: 90px; }

.no-js .home .mainMenu__item:hover .dropdown, .home .mainMenu__item:focus .dropdown, .js .home .mainMenu__item.hiHover .dropdown { top: 144px; }

/* sub menu */
.subMenu__list { margin: 0; }

.subMenu__link { display: block; position: relative; color: #FFF; padding: 17px 20px 17px 0; text-decoration: none; }

.subMenu__link:hover, .subMenu__link:focus { background-color: #27275e; color: #FFF; text-decoration: none; }

.navFeature__head { color: #FFF; font-size: 1.5em; font-size: 2rem; margin: 0 0 10px 85px; }

.navFeature__icon { position: absolute; left: 30px; font-size: 28px; top: 25px; }

.navFeature__icon .icon-accessibility { font-size: 35px; top: 18px; }

.navFeature__icon.icon-accessibility { top: 19px; }

.navFeature__desc { margin-left: 85px; font: 1em/1.5 'AktivGroteskLight', "lucida_sans_unicoderegular", Geneva, Verdana, sans-serif; font: 1.4rem; margin-bottom: 0; }

/* Side Menu ========================================================================== */
@media (min-width: 992px) { /*#sidebar {width:277px}*/
  .col-lg-8.genericContent { padding-left: 0; }
  nav h2, nav legend { font: 400 2.2em/1.2 'Montserrat', sans-serif; font-size: 2.2rem; color: #FFF; margin: 0; padding: 12px 0 12px 25px; background-color: #12124a; }
  nav ul.side-menu, nav ul.side-menu ul { list-style: none; background: #FFF; margin: 0; padding: 0; }
  nav ul.side-menu { margin-bottom: 20px; font-size: 1.5em; font-size: 1.5rem; }
  nav ul.side-menu li { border-top: 2px solid #FFF; background-color: #f8f8f8; }
  nav ul.side-menu li a { color: #656565; display: block; padding: 12px 10px 12px 25px; text-decoration: none; }
  nav ul.side-menu li li > a { padding-left: 45px; position: relative; }
  nav ul.side-menu li.nav-active-page > a { background-color: #e8e8e8; }
  nav ul.side-menu li li.nav-active-page > a { background-color: #e8e8e8; }
  nav ul.side-menu li li li.nav-active-page > a { background-color: #e8e8e8; }
  nav ul.side-menu li li li.nav-active-path > a { background-color: #e8e8e8; }
  nav ul.side-menu li li > a:before { position: absolute; top: 50%; left: 9px; margin-top: -10px; content: ''; width: 20px; height: 20px; background-position: -357px -156px; }
  nav ul.side-menu li li li > a { padding-left: 65px; }
  nav ul.side-menu li li li > a:before { content: none; }
  nav ul.side-menu li.first a { border-top: 0; }
  nav ul.side-menu li a:hover, nav ul.side-menu li a:focus, nav ul.side-menu li li.nav-active-page > a:hover, nav ul.side-menu li li li.nav-active-page > a:hover, nav ul.side-menu li li li.nav-active-path > a:hover, nav ul.side-menu li li.nav-active-page > a:focus, nav ul.side-menu li li li.nav-active-page > a:focus, nav ul.side-menu li li li.nav-active-path > a:focus { color: #FFF; background-color: #717171; } }
/*Mobile and Main Nav */
/* ========================================================================== Site Layout ========================================================================== */
*, *:before, *:after { box-sizing: border-box; }

/* TEMP*/
#detect { position: absolute; z-index: 999999; left: 0; top: 0; color: #DDD; }

/* resize */
.x-small { font-size: .3125em; line-height: .50; }

.small { font-size: .46875em; line-height: .75; }

.standard { font-size: .625em; line-height: 1; }

.large { font-size: .78125em; line-height: 1.125; }

.x-large { font-size: .9375em; line-height: 1.25; }

.content-wrapper { width: 100%; position: relative; }

.container { margin: 0 auto; padding: 0 20px 20px; }

#main-content { background-color: #FFF; }

#main-content.home { background-color: transparent; }

@media only screen and (min-width: 992px) { #main-content { width: 992px; margin: 0 auto; } }
/* ========================================================================== Website Header ========================================================================== */
@media (min-width: 992px) { body { background-color: #f8f8f8; } }
.print-header { display: none; }

@media (min-width: 768px) { .skip { color: #FFF; width: 15%; font-size: 1.2em; font-size: 1.2rem; position: absolute; top: -9999em; }
  .skip:hover, .skip:focus { color: #FFF; top: 13px; } }
.navbar { position: relative; }

@media (min-width: 992px) { .navbar { width: 992px; margin: 0 auto; } }
header {    
    position: relative; 
    min-height: 60px; /*has to be flexible to show nav*/ 
    margin: 0;  
    background-color: #27275e; 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#27275e+0,17174d+100&amp;0.22+33,0.75+66 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3Mjc1ZSIgc3RvcC1vcGFjaXR5PSIwLjIyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzIyMjI1OCIgc3RvcC1vcGFjaXR5PSIwLjIyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzFkMWQ1MyIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzE3NGQiIHN0b3Atb3BhY2l0eT0iMC43NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(39,39,94,0.22) 0%, rgba(34,34,88,0.22) 33%, rgba(29,29,83,0.75) 66%, rgba(23,23,77,0.75) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(39,39,94,0.22)), color-stop(33%,rgba(34,34,88,0.22)), color-stop(66%,rgba(29,29,83,0.75)), color-stop(100%,rgba(23,23,77,0.75))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(39,39,94,0.22) 0%,rgba(34,34,88,0.22) 33%,rgba(29,29,83,0.75) 66%,rgba(23,23,77,0.75) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(39,39,94,0.22) 0%,rgba(34,34,88,0.22) 33%,rgba(29,29,83,0.75) 66%,rgba(23,23,77,0.75) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(39,39,94,0.22) 0%,rgba(34,34,88,0.22) 33%,rgba(29,29,83,0.75) 66%,rgba(23,23,77,0.75) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(39,39,94,0.22) 0%,rgba(34,34,88,0.22) 33%,rgba(29,29,83,0.75) 66%,rgba(23,23,77,0.75) 100%); /* W3C */
    z-index: 1000; 
}

.lt-ie9 header
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3827275e', endColorstr='#bf17174d',GradientType=1 ); /* IE6-8 */
}

header.header--insideWhite { background-color: #27275e; }

header.header--insideImage { background-color: rgba(39,39,94,0.6); }

@media (min-width: 992px) { header { height: 144px; }
  header.header--inside { height: 90px; } }
header .nav-bar { position: relative; }

@media only screen and (min-width: 992px) { .mainMenu { height: 90px !important; overflow: visible !important; position: relative; z-index: 1;} }
header .logo { padding: 19px 0 19px 4%; width: 80%; }

@media only screen and (min-width: 992px) { header .logo { padding: 45px 0 15px 0; position: absolute; z-index: 5; width: 35%; float: left; }
  .header--inside .logo { padding-top: 29px; } }
header .logo img { width: 165px; }

@media only screen and (min-width: 992px) { header .logo img { width: 244px; }
  .header--inside .logo img { width: 165px; } }
/* mobile nav button*/
.mobileMenu__button { position: absolute; right: 10px; top: 18px; width: 40px; height: 40px; z-index: 100; }

@media only screen and (min-width: 768px) { .mobileMenu__button { right: 20px; } }
.mobileMenu__button:after { content: " "; display: block; height: 0; top: 50%; margin: 1em 0 0 0; box-shadow: 0 0 0 2px #FFF,0 8px 0 2px #FFF,0 16px 0 2px #FFF; width: 2.5em; }

/* ========================================================================== Website Background image ========================================================================== */
.background--image { min-height: 555px; background: #000; margin-top: -70px; }

@media (min-width: 768px) { .background--image { min-height: 585px; } }
@media (min-width: 992px) { .background--image { min-height: 800px; margin-top: -144px; } }
/* ========================================================================== Site Index ========================================================================== */
/* home Intro */
.homeIntro, .intro__container { display: block; position: relative; margin-top: -410px; height: 410px; }

@media (max-width: 499px) { .home .homeIntro, .home .intro__container { margin-top: -455px; } }
@media (min-width: 500px) { .homeIntro, .intro__container { margin-top: -455px; height: 455px; padding-top: 30px; } }
@media (min-width: 680px) { .homeIntro, .intro__container { margin-top: -485px; height: 485px; } }
@media (min-width: 768px) { .homeIntro, .intro__container { margin-top: -515px; height: 515px; } }
@media (min-width: 992px) { .homeIntro, .intro__container { margin: -659px auto 0; width: 992px; height: 659px; padding-top: 35px; } }

/* Changed to make room for new copy
.homeIntro__head, .intro__head { color: #FFF; font-size: 3.6em; font-size: 3.6rem; line-height: 1.2; margin: 0 0 0 20px; text-align: left; /*    text-shadow:0 0 15px rgba(0,0,0,0.6);

*/
.homeIntro__head, .intro__head { color: #FFF; font-size: 3.4em; font-size: 3.4rem; line-height: 1.2; margin: 0 0 0 20px; text-align: left; /*    text-shadow:0 0 15px rgba(0,0,0,0.6);
*/ -webkit-transition-property: font-size, margin; transition-property: font-size, margin; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.homeIntro__head a, .intro__head a { text-decoration: none; color: #FFF; }

.homeIntro__head a:hover, .intro__head a:hover, .homeIntro__head a:focus, .intro__head a:focus { color: #f8f8f8; }

.homeIntro__imagecrop, .intro__imagecrop { position: absolute; margin: 0 auto 0 -44%; bottom: 0; left: 50%; width: 88%; /*height:230px;*/ overflow: hidden; -webkit-transition-property: height, width; transition-property: height, width; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.homeIntro__head{ 
   font-size: 3em; 
   font-size: 3rem; 
  text-align: right; 
  margin: 0 auto; 
  padding: 30px; 
  bottom: 0; 
  position: absolute; 
  right: 0; 
  background-color: #27275e; 
  background-color:  rgba(36, 36, 104, 0.5);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#27275e+0,27275e+100&amp;0+0,0.6+50 */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3Mjc1ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI3Mjc1ZSIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI3Mjc1ZSIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,  rgba(39,39,94,0) 0%, rgba(39,39,94,0.6) 50%, rgba(39,39,94,0.6) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,39,94,0)), color-stop(50%,rgba(39,39,94,0.6)), color-stop(100%,rgba(39,39,94,0.6))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(39,39,94,0) 0%,rgba(39,39,94,0.6) 50%,rgba(39,39,94,0.6) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(39,39,94,0) 0%,rgba(39,39,94,0.6) 50%,rgba(39,39,94,0.6) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(39,39,94,0) 0%,rgba(39,39,94,0.6) 50%,rgba(39,39,94,0.6) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(39,39,94,0) 0%,rgba(39,39,94,0.6) 50%,rgba(39,39,94,0.6) 100%); /* W3C */
  padding-top:100px
}
.lt-ie9 homeIntro__head
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0027275e', endColorstr='#9927275e',GradientType=0 ); /* IE6-8 */
}

@media (min-width: 540px) { 
  .homeIntro__head{ 
   background: transparent;
   width: 450px; 
   padding-top: 30px;
  }
  .lt-ie9 homeIntro__head
  {
      background: transparent;
      filter: none; /* IE6-8 */
  }
  .homeIntro__head:before{content:""; display: block; width: 42px; height: 2px; background: #fff; top: 0px; right: 30px;position: absolute}
  .intro__head { font-size: 4em; font-size: 4rem; margin-left: 28px; } 
   
.homeIntro__imagecrop, .intro__imagecrop { height: 230px; } 
}
@media (min-width: 700px) {



  .intro__head { text-align: center; margin: 0 auto; }
  .homeIntro__imagecrop, .intro__imagecrop { height: 300px; } 


  }
@media (min-width: 768px) { 
  .homeIntro__head{
    font-size: 3.7em;
    font-size: 3.7rem; 
    width: 540px; padding: 60px;  
  }
  .homeIntro__head:before{content:""; display: block; width: 54px; height: 3px; background: #fff; top: 30px; right: 62px;position: absolute}
  .intro__head { font-size: 4em; font-size: 4rem; width: 85%; }
  .homeIntro__imagecrop, .intro__imagecrop { height: 330px; width: 76%; margin: 0 auto 0 -38%; } 
}
/*Changed to make room for new copy
@media (min-width: 860px) { .homeIntro__head, .intro__head { font-size: 4.5em; font-size: 4.5rem; } }
*/
@media (min-width: 860px) { 
  .homeIntro__head{} 
  .intro__head { font-size: 4.2em; font-size: 4.2rem; } 
}
@media (min-width: 992px) { 
  
  .homeIntro__head{}
  .intro__head { font-size: 5.5em; font-size: 5.5rem; line-height: 1.1; width: 100%; }
  .homeIntro__imagecrop, .intro__imagecrop { height: 434px; } 
}
/* Changed to make room for new copy
@media (min-width: 1080px) { .homeIntro__head, .intro__head { font-size: 6em; font-size: 6rem; line-height: 1.05; } }
*/
@media (min-width: 1080px) { 
  .homeIntro__head:before{right:0;}
  .homeIntro__head{padding-right:0;}
 .intro__head { font-size: 5.8em; font-size: 5.8rem; line-height: 1.05; } 
}
.homeIntro__image, .intro__image { margin: 0 auto; display: block; width: 100%; }

@media (min-width: 992px) { .homeIntro__image, .intro__image { width: auto; } }
/* Home Panel ========================================================================== */
.homePanel, .panel { width: 100%; padding: 0 4%; background-color: #f8f8f8; }

@media (min-width: 992px) { .homePanel, .panel { padding: 0; } }
.homePanel__container, .panel__container { width: 100%; padding: 55px 0 50px; }

.homePanel:first-child .homePanel__container, .panel:first-child .homePanel__container, .homePanel:first-child .panel__container, .panel:first-child .panel__container { padding: 35px 0 45px; }

@media (min-width: 768px) { .homePanel__container, .panel__container, .homePanel:first-child .homePanel__container, .panel:first-child .homePanel__container, .homePanel:first-child .panel__container, .panel:first-child .panel__container { padding: 60px 0 45px; }
  .homePanel:first-child .homePanel__container, .panel:first-child .homePanel__container, .homePanel:first-child .panel__container, .panel:first-child .panel__container { padding: 70px 0 50px; } }
@media (min-width: 992px) { .homePanel__container, .panel__container { width: 992px; margin: 0 auto; padding: 70px 0 45px; } }
.homePanel__head, .panel__head { margin: 0 5% 0.5em; line-height: 1.2; text-align: center; font-size: 3em; font-size: 3rem; color: #3D3D3D; }

.homePanel_link { display: block; width: 100%; height: 100%; background: transparent; text-decoration: none; color: #fff; }

a.homePanel_link:hover .hpIntro__desc, a.homePanel_link:focus .hpIntro__desc { text-decoration: none; color: #fff; }

a.homePanel_link:hover .hpIntro__head, a.homePanel_link:hover .shareD__link, a.homePanel_link:focus .hpIntro__head, a.homePanel_link:focus .shareD__link { text-decoration: underline; color: #fff; }

@media (min-width: 768px) { .homePanel__head, .panel__head { font-size: 3.6em; font-size: 3.6rem; margin: 0 15% 0.5em; }
  .homePanel__container .homePanel__head, .panel__container .homePanel__head, .homePanel__container .panel__head, .panel__container .panel__head { margin-bottom: 0.65em; } }
@media (min-width: 992px) { .homePanel__head, .panel__head { margin: 0 0 0.5em; }
  .homePanel__container .homePanel__head, .panel__container .homePanel__head, .homePanel__container .panel__head, .panel__container .panel__head { margin-bottom: 0.5em; } }
.homePanel__list, .panel__list { list-style: none; }

.homePanel__desc, .panel__desc { text-align: center; font: 1.8rem/1.5 'AktivGroteskLight', "Montserrat", Arial, sans-serif; }

.homePanel--highlight .homePanel__head, .homePanel--highlight .panel__head, .homePanel--blue .homePanel__head, .homePanel--blue .panel__head, .homePanel--highlight .homePanel__desc, .homePanel--highlight .panel__desc, .homePanel--blue .homePanel__desc, .homePanel--blue .panel__desc { color: #FFF; }

.homePanel--blue { /*text-shadow:0 0 7px rgba(16,110,134,0.7);*/ background: #3a3a86 url("background-dark-blue.png") repeat left top; }

.homePanel--white { /*text-shadow:0 0 7px rgba(16,110,134,0.7);*/ background: #FFF; }

.homePanel--blue .homePanel__container, .homePanel--blue .panel__container { padding: 60px 0; }

@media (min-width: 992px) { .homePanel--blue .homePanel__container, .homePanel--blue .panel__container { padding: 75px 0 40px; } }
/* Example Panel */
.logo__list { display: table; margin: 0 2%; }

@media (min-width: 768px) { .logo__list { margin: 25px 0 0; } }
.logo__items { display: table-cell; float: left; width: 50%; min-width: 133px; padding: 1%; -webkit-transition-property: width; transition-property: width; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

@media (min-width: 768px) { .logo__items { width: 25%; } }
@media (min-width: 992px) { .logo__items { width: 16.6667%; } }
.logo__list [class^="logo--"], .logo__list [class*="logo--"] { display: block; width: 133px; height: 120px; margin: 0 auto; }

@media (min-width: 992px) { .logo__list [class^="logo--"], .logo__list [class*="logo--"] { height: 110px; } }
.logo--sgvi { background-position: 6px 6px; }

.logo--mona { background-position: -174px 0; }

.logo--latr { background-position: -365px 0; }

.logo--nors { background-position: -529px 0; }

.logo--arts { background-position: -715px 0; }

.logo--yarr { background-position: -886px 0; }

.logo--nswg { background-position: 6px -120px; }

.logo--hume { background-position: -174px -120px; }

.logo--hoba { background-position: -348px -120px; }

.logo--tels { background-position: -529px -120px; }

.logo--gosa { background-position: -715px -120px; }

.logo--ipar { background-position: -886px -120px; }

.logo--sgvi:hover, .logo--sgvi:focus { background-position: 6px -236px; }

.logo--mona:hover, .logo--mona:focus { background-position: -174px -242px; }

.logo--latr:hover, .logo--latr:focus { background-position: -365px -242px; }

.logo--nors:hover, .logo--nors:focus { background-position: -529px -242px; }

.logo--arts:hover, .logo--arts:focus { background-position: -715px -242px; }

.logo--yarr:hover, .logo--yarr:focus { background-position: -886px -242px; }

.logo--nswg:hover, .logo--nswg:focus { background-position: 6px -362px; }

.logo--hume:hover, .logo--hume:focus { background-position: -174px -362px; }

.logo--hoba:hover, .logo--hoba:focus { background-position: -348px -362px; }

.logo--tels:hover, .logo--tels:focus { background-position: -529px -362px; }

.logo--gosa:hover, .logo--gosa:focus { background-position: -715px -362px; }

.logo--ipar:hover, .logo--ipar:focus { background-position: -886px -362px; }

/* Introducing Panel */
.hpIntro { color: #FFF; padding-top: 30px; }

.hpIntro__head, .shareD__link, .hpIntro__desc { text-align: center; }

.hpIntro__head, .shareD__link { position: relative; font-size: 2.2em; font-size: 2.2rem; margin: 90px 0 0.7em; /*allow for icons above*/ color: #FFF; }

.hpIntro__desc { font-size: 1.6em; font-size: 1.6rem; padding-bottom: 1.5em; }

.homePanel__item--last .hpIntro__desc { margin-bottom: 0; padding-bottom: 0; }

.hpIntro__icon { background-color: #4a4ab9; }

@media (min-width: 768px) { .hpIntro__icon--active, .no-js .hpIntro__icon { top: 9px; }
  .hpIntro__head, .shareD__link, .hpIntro__desc { padding-left: 116px; text-align: left; }
  .hpIntro__head, .shareD__link { position: relative; margin: 0 0 0.7em; }
  .hpIntro__desc { padding-bottom: 1em; }
  .no-flexbox .hpIntro__desc { font-size: 1.5rem; } }
/* Case Study Panels */
.hpCase, .ipCase { padding: 20px 0 0; }

@media (min-width: 768px) { .hpCase, .ipCase { padding: 42px 0 55px 0; } }
.hpCase__img, .ipCase__img { display: block; margin: 0 auto 25px; width: 100%; }

.hpCase__desc, .ipCase__desc { font-size: 1.6em; font-size: 1.6rem; text-align: center; }

@media (min-width: 768px) { .hpCase__img, .ipCase__img { margin: 0 0 25px 0; }
  .hpCase__desc, .ipCase__desc { font-size: 1.6em; font-size: 1.6rem; text-align: left; } }
/* Home Panel Highlight */
.homePanel--highlight { padding-bottom: 20px; background: #222222 url("background-highlight.jpg") no-repeat 50% top; }

.homePanel--highlight .homePanel__head, .homePanel--highlight .panel__head { font-size: 4em; font-size: 4rem; /*text-shadow:0 0 10px rgba(0,0,0,0.7);*/ line-height: 1.1; text-align: left; margin: 0 0 1.2em 0; }

@media (min-width: 992px) { .homePanel--highlight .homePanel__head, .homePanel--highlight .panel__head { font-size: 6em; font-size: 6rem; margin: 0 0 0.6em 0; } }
.homePanel--highlight .homePanel__desc, .homePanel--highlight .panel__desc { font: 2em/1.6 'AktivGroteskLight', "lucida_sans_unicoderegular", Geneva, Verdana, sans-serif; font-size: 2rem; text-align: left; margin-bottom: 2em; }

@media (min-width: 992px) { .homePanel--highlight .homePanel__desc, .homePanel--highlight .panel__desc { font-size: 2.4em; font-size: 2.4rem; } }
.homePanel__image { max-width: 100%; }

.homePanel .seForm__button--centered, .panel .seForm__button--centered { margin-top: 10px; }

@media (min-width: 768px) { .homePanel .seForm__button--centered, .panel .seForm__button--centered { margin-top: -10px; margin-bottom: 15px; } }
/* ========================================================================== Internal Pages ========================================================================== */
/* Intro */
.intro { position: relative; width: 100%; background-color: #000; background-image: url("background-mobile-services.jpg"); background-repeat: no-repeat; background-position: 50% 0; background-size: 1000px 500px; margin-top: -70px; }

@media (min-width: 992px) { .intro { margin-top: -90px; background-image: url("background-desktop-services.jpg"); background-size: cover; }
  .intro + div { padding-bottom: 16px; }
  .intro + div.services { padding-bottom: 0; } }
.intro__container { padding: 86px 6.25% 0; margin-top: 0; height: auto; overflow: hidden; }

@media (min-width: 768px) { .intro__container { padding: 110px 6.25% 0; } }
@media (min-width: 992px) { .intro__container { padding: 150px 0 0; /* 90 + 60*/ height: 586px; overflow: visible; } }
.intro__head { text-align: left; margin: 0 0 0.7em; }

@media (min-width: 768px) { .intro__head--form { margin: -0.25em 0 0.5em; } }
@media (min-width: 992px) { .intro__head { font-size: 4em; font-size: 4rem; line-height: 1.15; }
  .intro__container--features .intro__head { margin-top: -0.385em; }
  .intro__head--form { font-size: 5.5em; font-size: 5.5rem; margin-top: -.1em; margin-bottom: 0.375em; } }
.intro__desc { text-align: left; color: #f8f8f8; font: 1.8em/1.555 "Montserrat", Arial, sans-serif; font-size: 1.8rem; margin-bottom: 2em; }

@media (min-width: 992px) { .intro__container--features .intro__desc { margin-bottom: 0; } }
.intro__desc--fakehead { font-size: 2em; font-size: 2rem; margin-bottom: 1.5em; }

.intro__desc--form p { font-size: 2.2em; font-size: 2.2rem; }

@media (min-width: 768px) { .intro__desc--fakehead { font-size: 4em; font-size: 4rem; line-height: 1.15; margin-top: -.2em; margin-bottom: 2em; } }
@media (min-width: 992px) { .intro__desc--fakehead { font-size: 4.6em; font-size: 4.6rem; } }
.intro__imagecrop { height: 380px; position: relative; left: 0; width: 100%; margin: 0 auto; }

@media (min-width: 768px) { .intro__imagecrop { height: auto; position: relative; left: 0; width: 58.3333%; margin: 0; } }
@media (min-width: 992px) { .intro__imagecrop { height: 436px; } }
/* Panel */
.panel { overflow: hidden; }

.panel--white, .panel--sitemap { background-color: white; }

.services .panel__container { padding: 35px 0 10px; }

.panel--related .panel__container { padding: 35px 0 44px; }

.panel:first-child .panel__container { padding-bottom: 35px; }

.services .panel:first-child .panel__container { padding-bottom: 15px; }

@media (min-width: 768px) { .panel:first-child .panel__container { padding: 45px 0 44px; }
  .services .panel:first-child .panel__container { padding-bottom: 44px; }
  .services .panel__container { padding: 55px 0 50px; } }
@media (min-width: 992px) { .panel:first-child .panel__container { padding-top: 66px; /* overwrite the above */ }
  .mainContent--features .panel:first-child .panel__container { padding-top: 75px; } }
.panel__head { text-align: left; font-size: 3.2em; font-size: 3.2rem; }

.panel--services .panel__head { margin: 0 0 0.5em; }

@media (min-width: 768px) { .panel--services .panel__head, .panel--features .panel__head { text-align: center; } }
.panel--related .panel__head { margin: 0; }

@media (min-width: 768px) { .panel--related .panel__head { margin-top: 0.5em; } }
@media (min-width: 992px) { .panel--related .panel__head { margin-top: 1.2em; } }
.panel__desc { text-align: left; font-family: "lucida_sans_unicoderegular", Geneva, Verdana, sans-serif; }

.panel--features .panel__desc { font-size: 1.6em; font-size: 1.6rem; }

@media (min-width: 768px) { .panel--services .panel__desc, .panel--features .panel__desc { text-align: center; } }
.panel__imgcontainer { margin-bottom: 1.5em; text-align: center; }

.panel--odd .panel__imgcontainer { float: right; }

.panel__imgcontainer img { width: 100%; margin-bottom: 3.5em; max-width: 350px; }

@media (min-width: 768px) { .panel__imgcontainer img { width: auto; max-width: 100%; } }
/*S:240*/
.ipCase { padding-top: 36px; }

.ipCase__desc { text-align: left; margin-bottom: 1.5em; }

.panel--services .ipCase__desc { text-align: left; }

/* Typography ========================================================================== */
h1.general__head { margin-top: -.6em; margin-bottom: .4em; }

@media (min-width: 768px) { h1.general__head { margin-top: -.5em; margin-bottom: .5em; } }
@media (min-width: 992px) { h1.general__head { margin-bottom: .8em; } }
h2.heading__intro, legend.heading__intro, h2.general__desc, legend.general__desc { font-size: 2.2em; font-size: 2.2rem; color: #656565; margin-bottom: 2.5em; }

h2.general__desc, legend.general__desc { margin-bottom: 1em; }

p.caption { font-family: "Montserrat", Arial, sans-serif; }

.fake__H1 { font-size: 3.6em; font-size: 3.6rem; margin-bottom: 0.7em; }

@media (min-width: 768px) { .fake__H1 { margin-bottom: 1.3em; } }
/* Minor Layout Tweaks ========================================================================== */
.grid--divider:after { display: block; width: 96%; margin: 0 2% 60px; height: 40px; border-bottom: 2px solid #f8f8f8; }

/* ========================================================================== Request form page ========================================================================== */
/* ========================================================================== Website Footer ========================================================================== */
footer { color: #c8c8c8; border-top: 0; background-color: #282828; }

.footPanel__container { width: 100%; padding: 35px 4% 50px; }

@media (min-width: 768px) { .footPanel--contact .footPanel__container { padding-top: 55px; } }
@media (min-width: 992px) { .footPanel__container { width: 992px; overflow: hidden; margin: 0 auto; padding: 75px 0 45px; } }
/* request */
.footPanel--request { background-color: #363636; }

.requestD__head, .requestD__joiner { font: 400 3em/1 'Montserrat', sans-serif; font-size: 3rem; color: #FFF; text-align: center; }

@media (min-width: 768px) { .requestD__head, .requestD__joiner { font-size: 2.8em; font-size: 2.8rem; } }
@media (min-width: 992px) { .requestD__head, .requestD__joiner { font-size: 3em; font-size: 3rem; display: inline; text-align: left; float: left; vertical-align: bottom; position: relative; bottom: -15px; margin-right: .9em; } }
.footPanel__container .seForm__button--large:last-child { margin-bottom: 0; }

@media (min-width: 768px) { .footPanel__container .seForm__button--large { width: 45%; margin-top: 0; }
  .footPanel__container .seForm__button--large:last-child { margin: 0 0 .5em; float: right; } }
@media (min-width: 992px) { .footPanel__container .seForm__button--large { width: auto; }
  .footPanel__container .seForm__button--large { font-size: 3em; font-size: 3rem; float: left; height: 2em; line-height: 2em; padding: 0 1.6em; margin-right: 1em; margin-top: 0; }
  .footPanel__container .seForm__button--large:last-child { margin: 0 0 .5em; float: right; } }
/* footer contact form */
.footPanel__head { margin: 0; padding: 0; color: #FFF; text-align: center; }

/* contact details */
.contactD, .shareD { list-style: none; margin: 0; }

.contactD__item { overflow: hidden; }

.contactD__head { font: 400 2.4em/1 'Montserrat', sans-serif; font-size: 2.4rem; color: #FFF; }

@media only screen and (min-width: 768px) { .contactD__head { font-size: 2.8em; font-size: 2.8rem; } }
.contactD__desc { font-size: 1.6em; font-size: 1.6rem; margin-bottom: 2.5em; }

.contactD__desc a { color: #c8c8c8; text-decoration: none; border-bottom: 1px solid transparent; }

.contactD__desc a:hover, .contactD__desc a:focus { border-bottom: 1px solid #c8c8c8; color: #c8c8c8; color: #FFF; }

@media only screen and (min-width: 768px) { .contactD__desc a[href^="tel:"] { cursor: default; }
  .contactD__desc a[href^="tel:"]:hover, .contactD__desc a[href^="tel:"]:focus { border-bottom-width: 0; color: #c8c8c8; } }
/* share details */
.shareD { margin: 0 0 30px; }

@media (min-width: 768px) { .shareD { margin: 0 0 50px; } }
.shareD__item { min-height: 88px; }

@media (min-width: 768px) { .shareD__item { min-height: 120px; } }
.shareD__link { font-family: 'Montserrat', sans-serif; line-height: 88px; padding-left: 82px; text-decoration: none; color: #c8c8c8; }

.shareD__link:hover, .shareD__link:focus { text-decoration: none; border-bottom: 1px solid transparent; color: white; }

@media (min-width: 768px) { .shareD__link { padding-left: 150px; } }
.shareD__icon { color: #FFF; background-color: #4A4A4A; font-size: 28px; top: -21px; left: 32px; }

.shareD__link:hover .shareD__icon, .shareD__link:focus .shareD__icon { background-color: #555; }
.shareD__link:hover .shareD__icon.icon-twitter, .shareD__link:focus .shareD__icon.icon-twitter { background-color: #55acee; }
.shareD__link:hover .shareD__icon.icon-linkedin, .shareD__link:focus .shareD__icon.icon-linkedin { background-color: #1B86BC; }
.shareD__link:hover .shareD__icon.icon-email, .shareD__link:focus .shareD__icon.icon-email { background-color: #ff9400; }


/*#55acee*/
.shareD__icon.icon-linkedin { text-indent: 6px; }

@media (min-width: 768px) { .shareD__icon { top: -32px; font-size: 40px; } }
/* signOff */
.signOff__list { overflow: hidden; margin: 0; }

.signOff__item { display: inline-block; font-size: 1.4em; font-size: 1.4rem; padding: 0 7px 0 0; margin: 0 5px 8px 0; border-right: 1px solid #CCC; }

.signOff__item--last { border-right-width: 0; }

.signOff__item, .signOff__item a { color: #FFF; text-decoration: none; }

.signOff__item a:hover, .signOff__item a:focus { text-decoration: underline; }

/* down here to extend above classes */
/* ========================================================================== IE8 FIXES ========================================================================== */
/* Resize fonts ========================================================================== */
.lt-ie9 .homePanel__list, .lt-ie9 .panel__list, .lt-ie9 .panel__list, .lt-ie9 .contactD, .lt-ie9 .shareD, .mainMenu__list, .lt-ie9 .signOff__list, .lt-ie9 .featuresNav__list, .lt-ie9 .subMenu__list, .lt-ie9 .services__list, .lt-ie9 .panelList, .lt-ie9 .seForm__rows, .lt-ie9 .seForm__errors { font-size: 1em; }

.lt-ie9 .hpIntro__desc { font-size: 1.5em; }

.lt-ie9 .seForm__button--large, .lt-ie9 .requestD__head, .lt-ie9 .requestD__joiner, .lt-ie9 .requestD__joiner { font-size: 2.8em !important; }

/* Features Page ========================================================================== */
.lt-ie9 .intro__head { text-align: left; }

.lt-ie9.lt-ie9 .intro { background-size: auto auto; height: 586px; }

.lt-ie9 .intro__next { color: white; }

.lt-ie9 .intro__prev { color: white; }

/* Form Fixes ========================================================================== */
.lt-ie9 .chosen-container-single .chosen-single { width: 100%; }

.lt-ie9 .chosen-container-single .chosen-single SPAN, .lt-ie9 .chosen-results li { font-size: 0.833em; }

.lt-ie9 .chosen-results { font-size: 1em; }

.lt-ie9 .seForm__rows--checkbox th input + label, .lt-ie9 .seForm__rows--checkbox td input + label, .lt-ie9 .seForm__rows--radio th input + label, .lt-ie9 .seForm__rows--radio td input + label { background-image: none; }

/* reset martix fixes */
.lt-ie9 .seForm__rows--matrix input { position: static; height: auto; width: auto; }

.lt-ie9 .seForm__rows--matrix .matrix-input-label { position: absolute; left: -999em; }

.lt-ie9 .seForm__rows--matrix td, .lt-ie9 .seForm__rows--matrix th { font-size: 1.2em; }

/* Intro Fixes ========================================================================== */
.lt-ie9 .intro__container { margin-top: 0; }

/* Misc Fixes ========================================================================== */
.lt-ie9 .shareD__link { padding-left: 120px; }