/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }


/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
    margin: 28px 0px 30px 0px;
    border-left: 8px solid #EAEAEA;
    padding: 5px 0px 5px 34px;
}

/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 0.8em 0; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none; }

/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
b, strong, .strong {
  font-weight: bold; }

dfn, em, .em {
  font-style: italic; }

small, .small {
  font-size: 75%; }

ul, ol {
  padding: 0;
  list-style-type: none; }

dd {
  margin: 0; }

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none; }
  
  .sidebar ul.sub-menu li a:hover {
    color: #05a4c6;
  }
  
  .sidebar ul.sub-menu li {
    font-size: 13px;
  }

/******************************************************************
Site Name: Framework
Author: Tone

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
.clearfix, .cf-main-wrap .gform_wrapper, .resource-form-wrap .gform_body {
  zoom: 1; }
  .clearfix:before, .cf-main-wrap .gform_wrapper:before, .resource-form-wrap .gform_body:before, .clearfix:after, .cf-main-wrap .gform_wrapper:after, .resource-form-wrap .gform_body:after {
    content: "";
    display: table; }
  .clearfix:after, .cf-main-wrap .gform_wrapper:after, .resource-form-wrap .gform_body:after {
    clear: both; }

/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }
.search-header form.search-form button {
  background: none;
}
.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.alert-help, .alert-info, .alert-error, .alert-success {
  padding: 5px 18px;
  border: 1px solid; }

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f; }

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8; }

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4; }

.alert-success {
  border-color: #deeaae;
  background: #e6efc2; }
.error404 .error-content {
    padding: 120px 0;
    padding-bottom: 420px;
}
/*********************
TRANSITION
*********************/
ul#tabs li a {
  -webkit-transition: all 150ms ease-in;
  -ms-transition: all 150ms ease-in;
  -o-transition: all 150ms ease-in;
  -moz-transition: all 150ms ease-in;
  transition: all 150ms ease-in; }
  
  .su-spoiler-title {
    background: #F1F1F1;
    padding: 19px 16px 19px 41px !important;
    border-radius: 4px;
    font-weight: 400 !important;
    color: #656565;
  }
  
  .su-spoiler-icon {
      left: 12px !important;
      top: 20px !important;
     }
     
     .su-spoiler-content {
         font-weight: normal !important;
         font-size: 16px !important;
     }
     
  .sidebar {
    display: none;
  }

/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
BUTTONS
*********************/
/*
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
/******************************************************************
Site Name: Framework
Author: Tone

Stylesheet: Base Mobile Stylesheet

******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
  font-family: 'Gesta', Arial, Sans-Serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  overflow-x: hidden;
  line-height: 1.5;
  color: #5F767F;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.showmob {
  display: block; }

.hidemob {
  display: none; }

a {
  cursor: pointer;
  outline: none;
    font-weight: 500;
    color: #07A5C8;
    text-decoration: none;}
  a:focus {
    outline: none; }

a {
  color: #07A5C8; }

a:hover {
  color: #3F6C7F; }

a.more:hover {
  color: #3F6C7F; }

html.menu-open, body.menu-open {
  overflow: hidden; }

hr {
  margin-bottom: 25px;
  border: 1px solid #ccc;
  color: #ccc; }

strong {
  font-weight: bold; }
  
  table tr:nth-child(even) {
      background-color: #F7F7F7;
  }
  
  table tr td {
    padding: 10px;
  }
  
  table th {
    font-size: 1em;
      margin-top: 20px;
  }

.page-template-page-login {
  background: #05a4c6;
}

.sidebar ul.sub-menu {
    display: block;
    margin-left: 18px;
}

.sidebar ul li a {
  text-decoration: none;
  color: #05a4c6;
  font-weight: 700;
  text-transform: uppercase;
}

.sidebar > ul > li {
  margin-top: 25px;
}

.sidebar ul.sub-menu li a, .sidebar .widget ul li a  {
  text-decoration: none;
  color: #515151;
  font-weight: 300;
  text-transform: none; 
}

.sidebar .widget ul li {
  display: block;
}

li.menu-item-has-children {
  margin-top: 25px;
}

.sidebar ul.sub-menu li.menu-item-has-children {
  margin-top: 0px;
}

.textwidget a {
  color: #05A4C6;
      text-decoration: none;
}

.search-sidebar {
  padding-top: 46px !important;
}

.standard-bottom-content h2 {
    font-size: 1.4em;
    font-weight: 800;
    margin-top: 42px;
    border-bottom: 1px solid;
    padding-bottom: 13px;
    margin-bottom: 20px;
}

.standard-bottom-content ul li {
      list-style-type: disc;
      margin-left: 18px;
}


img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  outline: none; }
  img:focus {
    outline: none; }

img.caselogo {
  display: block;
  margin: 0 auto 20px auto;
  max-width: 180px; }

input:focus {
  outline: none; }

.fixed-sidebar {
  background: white;
  border-radius: 6px;
  padding: 36px 40px 20px 38px;
  margin-top: 53px;
}

.blue-header.module-header.search-header {
  background: #4a81a1;
}

.blue-header.module-header.search-header h1 {
  border-bottom: 0px;
  padding-bottom: 4px;
  float: left;
}

.search-header form.search-form {
    float: right;
    margin-top: -6px;
    width: 40%;
}

.search-header form.search-form button {
  color: white;
}

.page-wrap {
  max-width: 1336px;
  margin: auto;
}

footer .sep {
  margin: 0 4px;
  display: inline-block;
}

footer a.contact {
  margin-left: 5px;
}

a.footer-text-link {
  color: white;
    border-bottom: 1px dashed white !important;
    padding: 0px 4px 4px 5px !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
}

a.footer-text-link:hover {
  color: white;
  opacity: 0.7;
    padding: 0px 4px 4px 5px !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
}


.home-panel {
  padding: 30px 30px 40px 30px;
  border-radius: 8px;
  margin-right: 1.5%;
  margin-bottom: 19px;
  min-height: 295px;
}

ul.ui-autocomplete {
    background: white;
    border-left: 1px solid #E6E6E6;
    max-width: 258px;
    z-index: 9999999;
    padding: 13px;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    color: #999999;
}

ul.ui-autocomplete li {
    border-bottom: #F9F9F9 1px solid;
    padding-bottom: 7px;
    margin-bottom: 8px;
    cursor: pointer;
}

span.ui-helper-hidden-accessible {
  display: none;
}


ul.support-sidebar li {
  line-height: 0.9em;
  border-bottom: 1px dashed rgb(242, 242, 242);
  padding-bottom: 6px;
  margin-bottom: 9px;
  font-size: 13px;
}

ul.support-sidebar li a {
  text-decoration: none;
}

.page-template-page-login .blue-header.module-header h1  {
  border-bottom: 0px;
}


.support-name {
  text-transform: uppercase;
  font-weight: 700;
  color: #9d9d9d;
  font-size: 0.8em;
  border-left: 1px solid #F3F3F3;
  padding: 3px 0px 2px 26px;
  margin-top: 4px;
}


a.logolink {
  display: inline-block;
  font-size: 0;
  position: relative;
  float: left; }

#container {
  background: white;
  width: 100%;
  position: relative;
  z-index: 2;
  display: block;
  transition: 250ms transform ease;
  -webkit-transition: 250ms -webkit-transform ease;
  -moz-transition: 250ms -moz-transform ease;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  #container.menu-open {
    -webkit-transform: translate3d(-79%, 0, 0);
    -moz-transform: translate3d(-79%, 0, 0);
    transform: translate3d(-79%, 0, 0);
    box-shadow: -5px 0px 10px 1px rgba(0, 0, 0, 0.1); }

#inner-content {
  padding-top: 30px;
  padding-bottom: 40px; }

.bgband {
  background: #fefae9; }

.error-content {
  background: #F5F5F5; }

.bands.error-page {
  padding: 25px 0;
  text-align: center;
  border-bottom: none; }
  .bands.error-page h2 {
    padding-bottom: 15px;
    font-size: 32px;
    font-weight: 500; }
  .bands.error-page a {
    text-decoration: none;
    color: #1BB0C2; }
    
    .search #inner-content {
      max-width: 800px;
    }
    
  .search article {
      background: white;
      padding: 0px 0px 30px 0px;
      margin-bottom: 30px;
      border-bottom: 1px solid #E8E8E8;
      border-radius: 0px;
  }
  
  .standard-bottom-content h3.search-title {
        border-bottom: none;
        margin-bottom: 0px;
        padding-bottom: 0px;
        margin-top: 17px;
  }
  
  .standard-bottom-content .wrap {
    width: 96%;
  }
ul.ui-autocomplete{
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.error-search {
  background: white;
  border-radius: 5px;
  padding: 18px;
  max-width: 550px;
  margin-top: 15px;
  display: inline-block; }
  .error-search input[type="text"] {
    background: transparent;
    border: none;
    font-size: 1.2em;
    font-family: 'Gesta', Arial, Sans-Serif;
    font-size: 1.2em;
    font-weight: 200; }
  .error-search input[type="submit"] {
    text-indent: -9999px;
    border: none;
    background: url("../images/big-search.png") no-repeat center;
    width: 30px;
    height: 30px;
    background-size: 30px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select:focus, textarea:focus, input:focus {
    font-size: 16px;
    background: #eee; } }
.intro-copy {
  font-size: 18px;
  font-weight: 300;
  padding: 20px 0;
  background: #f0f0f0; }
  .intro-copy p:first-of-type {
    padding-top: 0; }

.page-banner {
  margin-bottom: 40px; }
  .page-banner img {
    height: 300px; }

.breadcrumb li {
  display: inline;
  margin-right: 3px;
  padding-right: 3px; }
  .breadcrumb li:after {
    content: " >"; }
.breadcrumb a {
  display: inline; }

.blogpost ul {
  padding-left: 20px;
  list-style-type: disc; }
.blogpost ol {
  padding-left: 20px;
  list-style-type: decimal; }
.blogpost li {
  margin-bottom: 2px; }

.entry-content .authorpic {
  margin: 20px 0; }
  .entry-content .authorpic img {
    width: auto;
    max-width: 50px;
    margin: 0;
    display: inline-block;
    float: left; }
  .entry-content .authorpic p {
    float: left;
    margin-left: 20px; }

.comments {
  padding-top: 35px; }
  
  body.page.home #container {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#26b5b8+0,08aacc+100 */
    background: #26b5b8; /* Old browsers */
    background: -moz-linear-gradient(bottom,  #26b5b8 0%, #08aacc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom,  #26b5b8 0%,#08aacc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top,  #26b5b8 0%,#08aacc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b5b8', endColorstr='#08aacc',GradientType=0 ); /* IE6-9 */
    background-size: 48%;
  }
  

#banner-area {
  background: #333;
  background-image: none;
  font-size: 1.2em;
  color: #fff;
  text-align: center;
  padding: 45% 0 60px 0; }
  #banner-area .dividebar {
    margin: 0 auto;
    margin-bottom: 20px;
    display: none; }
  #banner-area .button {
    display: inline-block;
    float: none;
    font-size: 15px;
    padding: 15px; }
  #banner-area .buttonwrap {
    font-size: 0; }
  #banner-area .slide-info {
    text-shadow: none;
    max-width: 740px;
    width: auto;
    padding: 0px;
    display: inline-block; }
  #banner-area .slide-info h2 {
    font-size: 2.6em;
    line-height: 1.1em; }
    
    .standard-bottom-content h4, .float-right-content h4 {
      border-bottom: 1px #1bb0c2 dashed;
      margin-bottom: 20px;
      padding-bottom: 13px;
      margin-top: 42px;
    }
    
    
 .standard-bottom-content h3 {
     border-bottom: 1px #1bb0c2 solid;
     margin-bottom: 20px;
     padding-bottom: 13px;
     margin-top: 22px;
     font-weight: 800;
 }
 
 .anchor-link {}
 
 .page-template-page-login footer {
  display: none;
 }
 
 .page-template-page-login .blue-header.module-header  {
  padding-bottom: 120px;
  margin-bottom: 0px !important;
 }
    

.slide-info h2 {
  font-weight: 600;
  padding: 0;
  margin: 0;
  color: #fff; }
.slide-info p {
  font-size: 1.1em;
  line-height: 1.4;
  font-weight: 300;
  margin-top: 10px; }
.slide-info .dividebar {
  width: 50px;
  height: 3px;
  background: rgba(255, 255, 255, 0.25);
  margin-bottom: 25px; }
.slide-info .button-title {
  display: block;
  font-size: 0.9em;
  font-weight: 500;
  margin-bottom: 22px; }

.slider .carousel-caption {
  position: static;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 0;
  background: url("../images/cta-bar-bg.png") no-repeat center;
  background-size: cover; }
  
.sidebar .menu-item-has-children ul.sub-menu ul.sub-menu {
  display: none;
  margin-left: 18px;
}
.carousel-caption {
  text-shadow: none !important; }

.pf-features {
  background: #F6F6F6; }
  .pf-features.band {
    padding-bottom: 0; }
  .pf-features .subtitle {
    margin-bottom: 50px; }
  .pf-features .fourcol {
    text-align: center;
    margin-bottom: 30px; }
    .pf-features .fourcol .inner {
      border: 1px solid transparent;
      width: 100%; }
    .pf-features .fourcol:hover .inner {
      background: transparent;
      border: 1px solid #eee;
      box-shadow: inset 1px 1px 7px rgba(0, 0, 0, 0.12);
      -webkit-box-shadow: inset 1px 1px 7px rgba(0, 0, 0, 0.12);
      -moz-box-shadow: inset 1px 1px 7px rgba(0, 0, 0, 0.12);
      -o-box-shadow: inset 1px 1px 7px rgba(0, 0, 0, 0.12); }
    .pf-features .fourcol img {
      margin-bottom: 10px; }
    .pf-features .fourcol strong {
      color: #3F6D7F;
      display: block;
      font-weight: 500;
      font-size: 1.25em; }
    .pf-features .fourcol p {
      font-size: 1em;
      color: #5F767F;
      max-width: 260px;
      margin: 0 auto;
      font-weight: normal;
      margin-top: 15px; }
    .pf-features .fourcol a {
      color: #23B2BD;
      font-weight: 500;
      font-size: 1em;
      text-decoration: none; }
    .pf-features .fourcol .lm {
      margin-top: 10px;
      display: inline-block; }
      .pf-features .fourcol .lm:hover {
        color: #3F6C7F; }
    .pf-features .fourcol .inner {
      display: inline-block;
      border-radius: 5px;
      padding: 20px; }
    .pf-features .fourcol .inside strong {
      color: rgba(63, 108, 127, 0.75);
      font-size: 1.2em; }
    .pf-features .fourcol.active-feat .inner {
      background: white;
      box-shadow: inset 1px 1px 7px rgba(0, 0, 0, 0.12);
      -webkit-box-shadow: inset 1px 1px 7px rgba(0, 0, 0, 0.12);
      -moz-box-shadow: inset 1px 1px 7px rgba(0, 0, 0, 0.12);
      -o-box-shadow: inset 1px 1px 7px rgba(0, 0, 0, 0.12); }
      .pf-features .fourcol.active-feat .inner strong {
        color: #3F6C7F; }

.pf-over {
  background: white; }
.standard-bottom-content ol {
  list-style-position: inside;
  list-style-type: decimal;
}
.mobile-search-toggle {
    display: block;
    width: 39px;
    height: 40px;
    float: right;
    background: #F9F9F9 url(../images/i-search.png) no-repeat center/16px;
    border-radius: 4px;
    margin-top: 27px;
    border: 1px solid #EAEAEA;
    margin-right: 8px;
}

.ui-front .ui-autocomplete {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    max-width: 500px !important;
    width: 83.5% !important;
}

/*
  Case Studies
*/
.case-study-header {
  padding: 50px 0;
  background: url("../images/case-studies-header.jpg") no-repeat center;
  background-size: cover; }
  .case-study-header h1 {
    font-size: 4.5em;
    font-weight: bold;
    color: white; }
  .case-study-header p {
    color: white;
    margin-bottom: 0;
    font-size: 1.6em;
    font-weight: normal; }
    
 .standard-bottom-content .su-table th {
     text-align: center !important;
     padding: 0.9em 0.5em 0.9em 0.5em;
     font-size: 1em !important;
     font-weight: bold;
     color: #FFF !important;
     border: none !important;
     background: #0daccb !important;
     min-width: 120px;
 }
 
 .su-table table {
     border: 1px solid #0DACCB;
 }

#gform_5 input, #gform_5 textarea {
  appearance: none;
  -webkit-appearance: none; }

.case-study-blocks {
  padding: 40px 0;
  background: #F6F6F6; }

.slider .carousel-caption {
  top: 140px; }

.carousel-inner {
  padding-bottom: 0px;
  margin: 0 auto;
  overflow: visible; }
  .carousel-inner img {
    width: 100%; }

.hide {
  display: none; }

.tabcontent {
  display: none; }

ul#tabs {
  font-size: 0;
  margin: 20px 0;
  border-bottom: 1px solid #ccad85; }
  ul#tabs li {
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    margin-right: 1px; }
    ul#tabs li.active a {
      background-color: #ccad85; }
    ul#tabs li a {
      text-decoration: none;
      display: block;
      background-color: #fceeb8;
      padding: 10px 20px; }
      ul#tabs li a:hover {
        color: #fff;
        background-color: #3d3c3c; }

.more-case-studies {
  background: white; }
  .more-case-studies .fourcol {
    display: block;
    margin-bottom: 30px;
    min-height: 210px;
    background-size: cover !important;
    position: relative; }
    .more-case-studies .fourcol .botshadow {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 92px;
      display: block;
      right: 0;
      box-shadow: inset -14px -80px 117px -67px rgba(0, 0, 0, 0.75);
      -webkit-box-shadow: inset -14px -80px 117px -67px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: inset -14px -80px 117px -67px rgba(0, 0, 0, 0.75);
      -o-box-shadow: inset -14px -80px 117px -67px rgba(0, 0, 0, 0.75);
      -ie-box-shadow: inset -14px -80px 117px -67px rgba(0, 0, 0, 0.75); }
    .more-case-studies .fourcol span {
      color: white;
      position: absolute;
      bottom: 10px;
      left: 20px;
      font-size: 1.7em;
      font-weight: bold; }
  .more-case-studies .title {
    display: block;
    text-align: center;
    margin-bottom: 1.5em;
    color: #3F6C80;
    font-size: 1.85em;
    font-weight: 200; }
    
    
    .home-central h2 {
      color: white;
      font-weight: 600;
      font-size: 2.05em;
    }
    
    .home-central {
      color: white;
      max-width: 100%;
      margin: auto;
      margin-top: 12%;
      margin-bottom: 14%;
    }
    
  
    
    .home-central p {
      font-size: 1.18em;
    }
    
   ul.page-links li {
          border-bottom: 1px solid #F3F3F3;
          padding-bottom: 16px;
          margin-bottom: 11px;
          padding-top: 7px;
   }
    
    ul.page-links li a {
      text-decoration: none;
      color: #5F767F;
    }
    
    ul.page-links li a.more {
      color: #07A5C8;
      font-weight: 600;
    }

    li.menu-item-has-children {
      position: relative;
    }
    
    span.opener {
        display: inline-block;
        width: 18px;
        height: 18px;
        line-height: 11px;
        text-align: center;
        border-radius: 100%;
        cursor: pointer;
        font-size: 14px;
        vertical-align: 1px;
        margin-left: -20px;
        margin-right: 2px;
    }

    span.opener::after {
      content: '+';
    }

    span.opener.open::after {
      content: '-';
    }
    
  .status-updates {
      background: #fff2e1;
      border-top: 1px solid #ffdbac;
      border-bottom: 1px solid #ffdbac;
      color: #ce791e;
      display: block;
      height: 152px;
  }
    
    .status-updates p {
      font-size: 0.95em;
      float: left;
      padding-left: 0px;
      margin-top: 0;
      vertical-align: middle;
    }
    
    .status-updates a {
      float: right;
      color:  #ce791e;
      font-weight: 800;
      text-decoration: none;
      margin-top: 9px;
      text-transform: uppercase;
      font-size: 0.95em;
    }
    
  .home-panels {
      background: white;
      padding: 40px 0px 0px 0px;
  }
  
 a.home-btn {
     background: white;
     padding: 15px 41px 14px 41px;
     border-radius: 4px;
     text-decoration: none;
     font-weight: 700;
     -webkit-box-shadow: -4px 6px 5px -4px rgba(0, 0, 0, 0.18);
     -moz-box-shadow: -4px 6px 5px -4px rgba(0, 0, 0, 0.18);
     box-shadow: -4px 6px 5px -4px rgba(0, 0, 0, 0.18);
     color: #0EACC8;
     transition: 0.25s all ease;
     -webkit-transition: 0.25s all ease;
     -moz-transition: 0.25s all ease;
     -o-transition: 0.25s all ease;
     display: inline-block;
     margin-top: 13px;
     font-size: 1.1em;
 }
    
  a.home-btn:hover {
      background: #dddddd;
      color: #08aacc;
      transition: 0.25s all ease;
      -webkit-transition: 0.25s all ease;
      -moz-transition: 0.25s all ease;
      -o-transition: 0.25s all ease;
  }
    

.testimonial {
  text-align: center;
  font-size: 16px; }
  .testimonial h3 {
    font-weight: 100;
    margin-bottom: 20px; }
  .testimonial p {
    font-weight: 300;
    margin: 0 40px 20px 40px; }
    .testimonial p.author {
      font-size: 16px;
      font-weight: 700; }

.testimonial .flexslider {
  background: transparent; }

.flex-control-nav {
  display: none; }

.carousel-indicators {
  display: none; }

.testimonial .flexslider:hover .flex-prev,
.testimonial .flexslider .flex-prev {
  left: 0; }

.testimonial .flexslider:hover .flex-next,
.testimonial .flexslider .flex-next {
  right: 0; }

.blogmain article {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #ddd; }
  
  .sidebar .nav_menu-2 {
    margin-top: 35px;
  }

/*********************
BUTTONS
*********************/
/* Green */
.button {
  color: white;
  display: inline-block;
  font-weight: 500;
  border-radius: 5px;
  text-decoration: none;
  padding: 17px 22px;
  font-size: 1.375em;
  transition: 0.25s all ease;
  -webkit-transition: 0.25s all ease;
  -moz-transition: 0.25s all ease;
  -o-transition: 0.25s all ease;
  /*
  -moz-border-radius:15px; 
  -ms-border-radius:15px; 
  -o-border-radius:15px; 
  -webkit-border-radius:15px; 
  border-radius:15px;
  */ }
  .button:hover {
    cursor: pointer; }
  .button.green-nomid {
    border: 2px solid #2DB6B7;
    border-radius: 5px;
    color: #30B6B7; }
    .button.green-nomid:hover {
      background: #08aacc;
      /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4YWFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOWJiYWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(left, #08aacc 0%, #39bbae 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08aacc), color-stop(100%, #39bbae));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, #08aacc 0%, #39bbae 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, #08aacc 0%, #39bbae 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, #08aacc 0%, #39bbae 100%);
      /* IE10+ */
      background: linear-gradient(to right, #08aacc 0%, #39bbae 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08aacc', endColorstr='#39bbae',GradientType=1 );
      /* IE6-8 */
      color: white; }
  .button.green, .gform_wrapper input[type="submit"], .cf-main-wrap .gform_wrapper input[type="submit"] {
    background: #08aacc;
    /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4YWFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOWJiYWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #08aacc 0%, #39bbae 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08aacc), color-stop(100%, #39bbae));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #08aacc 0%, #39bbae 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #08aacc 0%, #39bbae 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #08aacc 0%, #39bbae 100%);
    /* IE10+ */
    background: linear-gradient(to right, #08aacc 0%, #39bbae 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08aacc', endColorstr='#39bbae',GradientType=1 );
    /* IE6-8 */
    background-position: 0 0;
    background-size: 150% auto;
    padding: 17px 22px; }
    .button.green:hover, .gform_wrapper input[type="submit"]:hover {
      background-position: 40% 0;
      color: white; }
  .button.light-green {
    background: #61cf93;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxY2Y5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YmMwOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #61cf93 0%, #4bc09e 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #61cf93), color-stop(100%, #4bc09e));
    background: -webkit-linear-gradient(left, #61cf93 0%, #4bc09e 100%);
    background: -o-linear-gradient(left, #61cf93 0%, #4bc09e 100%);
    background: -ms-linear-gradient(left, #61cf93 0%, #4bc09e 100%);
    background: linear-gradient(to right, #61cf93 0%, #4bc09e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61cf93', endColorstr='#4bc09e',GradientType=1 ); }
    .button.light-green:hover {
      color: white; }
  .button.blue {
    background: #39b8ff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5YjhmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzFiOTNkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left, #39b8ff 0%, #1b93d7 73%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #39b8ff), color-stop(73%, #1b93d7));
    background: -webkit-linear-gradient(left, #39b8ff 0%, #1b93d7 73%);
    background: -o-linear-gradient(left, #39b8ff 0%, #1b93d7 73%);
    background: -ms-linear-gradient(left, #39b8ff 0%, #1b93d7 73%);
    background: linear-gradient(to right, #39b8ff 0%, #1b93d7 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39b8ff', endColorstr='#1b93d7',GradientType=1 ); }
    .button.blue:hover {
      color: white; }
  .button.white {
    background: white;
    color: #028AB0;
    text-shadow: none; }
  .button.white-nomid {
    background: transparent;
    color: white;
    border: 2px solid white;
    text-shadow: none;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out; }
    .button.white-nomid:hover {
      background: white;
      color: #028AB0; }
  .button.tv {
    background: #39b8ff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5YjhmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzFiOTNkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left, #39b8ff 0%, #1b93d7 73%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #39b8ff), color-stop(73%, #1b93d7));
    background: -webkit-linear-gradient(left, #39b8ff 0%, #1b93d7 73%);
    background: -o-linear-gradient(left, #39b8ff 0%, #1b93d7 73%);
    background: -ms-linear-gradient(left, #39b8ff 0%, #1b93d7 73%);
    background: linear-gradient(to right, #39b8ff 0%, #1b93d7 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39b8ff', endColorstr='#1b93d7',GradientType=1 );
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
    .button.tv:hover {
      color: white; }
  .button.pub {
    background: #61cf93;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxY2Y5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YmMwOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #61cf93 0%, #4bc09e 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #61cf93), color-stop(100%, #4bc09e));
    background: -webkit-linear-gradient(left, #61cf93 0%, #4bc09e 100%);
    background: -o-linear-gradient(left, #61cf93 0%, #4bc09e 100%);
    background: -ms-linear-gradient(left, #61cf93 0%, #4bc09e 100%);
    background: linear-gradient(to right, #61cf93 0%, #4bc09e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61cf93', endColorstr='#4bc09e',GradientType=1 );
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
    .button.pub:hover {
      color: white; }

.button.green:focus, .gform_wrapper input[type="submit"]:focus,
.button.blue:focus,
.button.tv:focus,
.button.pub:focus {
  color: #fff; }

/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 92%;
  margin: 0 auto; }

/*********************
LINK STYLES
*********************/


/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: 'Gesta', Arial, Sans-Serif;
  text-rendering: optimizelegibility;
  padding: 0;
  font-weight: normal;
  margin: 0;
  font-size: 1.2em;
  line-height: 1.2em;
  color: #1bb0c2;
  background: -webkit-gradient(linear, left top, right top, from(#0daccb), to(#2ab5b9));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
  h1.nograd, .h1.nograd, h2.nograd, .h2.nograd, h3.nograd, .h3.nograd, h4.nograd, .h4.nograd, h5.nograd, .h5.nograd {
    background: none;
    -webkit-text-fill-color: #fff; }
  h1.blue, .h1.blue, h2.blue, .h2.blue, h3.blue, .h3.blue, h4.blue, .h4.blue, h5.blue, .h5.blue {
    color: #1894D8;
    background: none;
    -webkit-text-fill-color: initial; }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

h2, .h2 {
  font-size: 2.5em;
  letter-spacing: -1px; }

/*********************
FONT ICONS
*********************/
.box-icon-wrapper {
  display: inline-block;
  height: 100px;
  width: 100px;
  border-radius: 4px;
  background: #38bbaf;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzhiYmFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBiYWFjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg, #38bbaf 0%, #0baac9 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #38bbaf), color-stop(100%, #0baac9));
  background: -webkit-linear-gradient(-45deg, #38bbaf 0%, #0baac9 100%);
  background: -o-linear-gradient(-45deg, #38bbaf 0%, #0baac9 100%);
  background: -ms-linear-gradient(-45deg, #38bbaf 0%, #0baac9 100%);
  background: linear-gradient(135deg, #38bbaf 0%, #0baac9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38bbaf', endColorstr='#0baac9',GradientType=1 );
  line-height: 100px;
  margin-bottom: 15px; }
  .box-icon-wrapper span {
    color: white;
    vertical-align: middle;
    font-family: 'streamline';
    font-size: 3.6em; }

.find-more .box-icon-wrapper {
  background: #3F6D80;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzhiYmFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBiYWFjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg, #5a8193 0%, #3f6d80 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #5a8193), color-stop(100%, #3f6d80));
  background: -webkit-linear-gradient(-45deg, #5a8193 0%, #3f6d80 100%);
  background: -o-linear-gradient(-45deg, #5a8193 0%, #3f6d80 100%);
  background: -ms-linear-gradient(-45deg, #5a8193 0%, #3f6d80 100%);
  background: linear-gradient(135deg, #5a8193 0%, #3f6d80 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A8193', endColorstr='#3F6D80',GradientType=1 ); }

/*********************
HEADER STYLES
*********************/
.header-wrapper {
  height: 88px; }

.header {
  background: #fff;
  height: 88px;
  -webkit-box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.11);
      -moz-box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.11);
      box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.11);
   }
  .header #inner-header {
    padding-bottom: 15px; }
    body.home .header #inner-header {
      padding-bottom: 0;
      margin-bottom: 0;
      max-width: 1380px;
      margin: auto; }
  .header .request-demo {
    float: right;
    margin-left: 20px;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-top: 6px;
    position: relative;
    overflow: hidden;
    border-radius: 5px; }
    .header .request-demo a {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 11; }
      
      
      .status-title {
          font-weight: bold;
          text-align: center;
          margin-top: 15px;
      }
     
   

.button {
  position: relative; }
  .button:after {
    content: "";
    opacity: 0;
    position: absolute;
    border-radius: 5px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out; }
  .button:hover:after {
    opacity: 1; }
  .button .buttontext {
    z-index: 100;
    position: relative; }

.slide-info .button.tv:after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.slide-info .button.pub:after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.cs-slider .button:hover:after,
.we-helped .button:hover:after,
.cta-bar .button:hover:after,
.partners-blue .button:hover:after {
  opacity: 0; }

#logo {
  text-align: center;
  padding: 0px; }
  #logo img {
    margin-top: 20px;
    display: inline-block;
    max-width: 90px; }
    #logo img.retina-logo {
      display: none;
      margin: 15px 7px 7px 7px; }
      .menu-faqs-container ul li a {
        color: #515151 !important;
      }
      
  header.header #logo a.logolink img.logowhite {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
    
    header.support-home.smaller #logo a.logolink img.logowhite {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0; }
    
    
    header.support-home #logo a.logolink img.logowhite {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 1; }
      
      
         
      header.header #logo a.logolink img.logocolor {
        opacity: 1; }
        
        
        header.support-home #logo a.logolink img.logocolor {
          opacity: 0; }
          
          header.smaller #logo a.logolink img.logocolor {
            opacity: 1; }
      

.industry-dd {
  overflow: hidden;
  opacity: 1;
  display: none;
  text-align: left !important; }

.industry-dd .sixcol {
  padding: 20px; }

.job-loc {
  color: #93A2A9;
  font-size: 1.4em; }

.hidden-logos {
  display: none; }

#banner-area {
  position: relative; }
  #banner-area .vid-wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/dots.png");
    z-index: 90; }
  #banner-area .slide-images img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
    opacity: 0;
    transition: 0.5s opacity ease;
    -webkit-transition: 0.5s opacity ease;
    -moz-transition: 0.5s opacity ease;
    -o-transition: 0.5s opacity ease; }
    #banner-area .slide-images img.active {
      opacity: 1; }
  #banner-area .slide-video {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    #banner-area .slide-video video {
      filter: blur(2px);
      -moz-filter: blur(2px);
      -ie-filter: blur(2px);
      -webkit-filter: blur(2px);
      width: 100%;
      height: auto; }
  #banner-area .slide-info {
    z-index: 99;
    position: relative; }

/* Publishing */
.page-id-430 .blue-header {
  background: url("../images/green-bg.jpg") no-repeat center;
  background-size: cover; }
.page-id-430 .industry-intro h2 {
  color: #56C799;
  background: -webkit-gradient(linear, left top, right top, from(#60ce94), to(#4bc09d));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

/* Tv */
.page-id-194 .blue-header {
  background: url("../images/blue-bg.jpg") no-repeat center;
  background-size: cover; }
.page-id-194 .industry-intro h2 {
  color: #239DE2;
  background: -webkit-gradient(linear, left top, right top, from(#38b7fe), to(#1b93d7));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.blue-header {
  background: #05a4c6;
  padding-top: 35px; }
  
  .blue-header h1 {
    color: white;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
    font-size: 3em;
    font-weight: 500;
    letter-spacing: -1px; }
 .blue-header .page-subtitle {
     color: white;
     margin-top: 15px;
     margin-bottom: 15px;
     font-size: 1.1em;
 }
    .blue-header .page-subtitle a {
      color: white;
      font-weight: 500; }
  .blue-header .header-image {
    display: inline;
    margin-top: 10px;
    position: relative;
    z-index: 5; }
  .blue-header.module-header {
    padding-top: 25px;
    padding-bottom: 25px; }
    .blue-header.module-header h1 {
      color: white;
      margin-top: 0;
      letter-spacing: -1px;
      font-size: 1.8em;
      font-weight: 500; }
      
      
      input.search-field {
            width: 56%;
            -webkit-transition: all 200ms ease-out;
            -ms-transition: all 200ms ease-in;
            -o-transition: all 200ms ease-in;
            -moz-transition: all 200ms ease-in;
            transition: all 200ms ease-out; 
            background: rgba(0, 0, 0, 0.15);
            border: none;
            border-radius: 4px;
            color: grey;
            height: 29px;
            padding-left: 12px;
            font-family: 'Gesta', Arial, Sans-Serif;
            font-size: 0.85em;
      }
      
      .search-header input.search-field {
        color: white;
      }
      
      input.search-field:focus {
        width: 80%;
        -webkit-transition: all 200ms ease-out;
        -ms-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        transition: all 200ms ease-out; 
      }
      
      header.support-home input.search-field {
        color: white;
      }
      
      header.support-home.smaller input.search-field {
        color: grey;
      }
    
      
      header.support-home input.search-field::-webkit-input-placeholder {
        color: white;
        font-weight: 500;
      }
      
      header.support-home.smaller input.search-field::-webkit-input-placeholder {
        color: grey;
      }      
      
      form.search-form button {
        vertical-align: -1px;
        margin-left: -33px;
        background: none;
        border: none;
        font-size: 12px;
        color: grey;
        padding-right: 9px;
        padding-left: 7px;
        background: #D9D9D9;
        -webkit-transition: all 350ms ease-out;
        -ms-transition: all 350ms ease-in;
        -o-transition: all 350ms ease-in;
        -moz-transition: all 350ms ease-in;
        transition: all 350ms ease-out;
        border-radius: 2px;
      }
      
      header.support-home form.search-form button {
        color: white;
        background: #0991AD;
        -webkit-transition: all 350ms ease-out;
        -ms-transition: all 350ms ease-in;
        -o-transition: all 350ms ease-in;
        -moz-transition: all 350ms ease-in;
        transition: all 350ms ease-out;
      } 
      
      header.support-home.smaller form.search-form button {
        color: grey;
        background: #D9D9D9;
        -webkit-transition: all 350ms ease-out;
        -ms-transition: all 350ms ease-in;
        -o-transition: all 350ms ease-in;
        -moz-transition: all 350ms ease-in;
        transition: all 350ms ease-out;
      } 
      
      
      
      
      form.search-form {
        text-align: right;
        margin-top: 11px;
      }

.module-intro {
  font-size: 1.5em;
  font-weight: 200;
  color: #5F767F;
  padding: 20px 5px;
  text-align: center;
  letter-spacing: -0.5px;
  background: url("../images/module-intro-bottom.png") repeat-x bottom;
  padding-top: 20px;
  margin-bottom: 20px; }

.module-blocks .career-block {
  background: url("../images/module-intro-bottom.png") repeat-x bottom;
  padding: 45px 0; }
  .module-blocks .career-block .content {
    margin-bottom: 20px; }
  .module-blocks .career-block::after {
    content: '' !important; }
  .module-blocks .career-block h4 {
    color: #597F92;
    font-weight: bold;
    font-size: 1.5em; }
  .module-blocks .career-block p.snippet {
    font-size: 1.1em; }
  .module-blocks .career-block:last-of-type {
    background: none; }
  .module-blocks .career-block:first-of-type {
    padding-top: 0; }

.industry-intro {
  padding-top: 75px;
  padding-bottom: 35px;
  line-height: 1.6;
  color: #5F767F; }
  .industry-intro h2 {
    letter-spacing: -1px;
    max-width: 733px;
    margin: 0 auto;
    line-height: 1.35;
    margin-bottom: 26px; }
  .industry-intro .intro {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
    color: #5F767F;
    line-height: 1.7;
    font-weight: 500;
    font-size: 1.15em; }
  .industry-intro .sixcol:last-of-type img {
    margin-top: 30px; }

.industry-solutions {
  background: #F9F9F9;
  text-align: center; }
  .industry-solutions .subtitle {
    margin-top: 10px;
    margin-bottom: 30px; }

.solutions-items {
  text-align: center; }
  .solutions-items .fourcol {
    margin-bottom: 50px;
    padding: 0 25px; }
    .solutions-items .fourcol .info-title {
      margin-top: 25px;
      color: #3F6C7F;
      margin-bottom: 20px;
      font-size: 1.3em;
      display: block;
      font-weight: 500; }
    .solutions-items .fourcol p {
      color: #5F767F;
      font-size: 1em;
      line-height: 1.7; }

.whos-it-for .subtitle {
  margin-bottom: 15px; }
.whos-it-for .who-block {
  padding: 0 5px;
  margin-bottom: 30px; }
.whos-it-for img {
  margin-bottom: 15px; }
.whos-it-for .title {
  color: #3F6C80;
  display: block;
  font-size: 1.45em;
  font-weight: 500;
  margin-bottom: 15px; }
.whos-it-for .who-block p {
  margin-top: 0;
  font-size: 1em;
  line-height: 1.5;
  color: #69777D; }

.who-we-partner {
  background: #f7f7f7; }
  .who-we-partner img {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 25px;
    max-width: 100px; }
  .who-we-partner .title {
    display: block;
    font-weight: 500;
    color: #3F6D7F;
    font-size: 1.5em; }
  .who-we-partner .fourcol p {
    color: #5F767F;
    font-size: 1em;
    max-width: 364px;
    display: inline-block; }

.partners-blue {
  background: url("../images/blue-pattern.jpg") no-repeat center;
  background-size: cover; }
  .partners-blue .wrap h2 {
    color: white;
    text-align: center;
    font-weight: 200;
    margin-bottom: 30px; }
  .partners-blue .wrap .button {
    padding: 16px 23px;
    margin-top: 15px;
    border: 2px solid transparent;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-out; }
    .partners-blue .wrap .button:hover {
      border: 2px solid white;
      background: transparent;
      color: white; }

img.large.active {
  display: block;
}

.above-blue-blocks .threecol {
  padding: 0 5px;
  margin-bottom: 20px; }
.above-blue-blocks .white-bubble {
  position: relative;
  background: white;
  line-height: 190px;
  width: 100%;
  text-align: center;
  border-radius: 6px;
  margin-bottom: 20px; }
  .above-blue-blocks .white-bubble:after {
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -8px;
    line-height: 0;
    content: url("../images/bubble-tail.png"); }
  .above-blue-blocks .white-bubble img {
    vertical-align: middle;
    max-width: 90%; }
.above-blue-blocks .sep {
  background: #51B5D2;
  width: 30px;
  height: 5px;
  display: block;
  margin: 0 auto;
  margin-top: 11px; }
.above-blue-blocks .title {
  font-weight: bold;
  font-size: 1.5em;
  color: white; }
.above-blue-blocks p {
  color: white;
  line-height: 1.7; }

.supporting-partners h2 {
  font-weight: 200;
  font-size: 2.6em;
  color: #5A8193;
  margin-top: 25px;
  margin-bottom: 25px; }
.supporting-partners .icon {
  line-height: 40px;
  display: block;
  font-size: 52px; }
.supporting-partners .intro {
  font-size: 1.25em;
  font-weight: 500;
  color: #5F767F;
  letter-spacing: -0.5px;
  line-height: 1.7;
  margin-bottom: 25px; }
  #logo img {
    display: none; }
    #logo img.retina-logo {
      display: inline-block; } 
.supporting-partners .content p {
  margin: 20px 0;
  color: #5F767F;
  line-height: 1.8; }
.supporting-partners .wrapped {
  margin: 0 auto;
  max-width: 100%; }
.supporting-partners .bottom {
  background: url("../images/bottom-shadow.png") no-repeat top center;
  background-size: 100%;
  padding-top: 50px;
  margin-top: 50px; }

.case-study {
  max-width: 960px;
  margin: 0 auto; }
  .case-study img {
    width: 100px;
    border-radius: 100%; }
  .case-study .cs-quote {
    color: #5F767F;
    line-height: 1.4;
    font-size: 1.35em;
    font-weight: 200; }
  .case-study .contact-details {
    color: #404657;
    font-weight: 200; }
    .case-study .contact-details strong {
      color: #3F6C7F;
      font-weight: 500;
      margin-bottom: 6px;
      display: inline-block; }

.cs-block {
  background: white;
  margin-bottom: 50px;
  border-radius: 5px;
  overflow: hidden;
  transition: 0.2s all ease;
  -webkit-transition: 0.2s all ease;
  -ms-transition: 0.2s all ease;
  -o-transition: 0.2s all ease;
  -moz-transition: 0.2s all ease;
    /*&:hover {
      transform: scale(1.03,1.03);
      -ms-transform: scale(1.03,1.03);
      -moz-transform: scale(1.03,1.03);
      -o-transform: scale(1.03,1.03);
      -webkit-transform: scale(1.03,1.03);
  
      .cs-feat-image {
        background-size: 112%;
      }
    }*/ }
  .cs-block a {
    text-decoration: none;
    color: rgba(40, 43, 70, 0.7); }
  .cs-block .hover-div {
    background: url("../images/cs-icon.png") no-repeat center 90px rgba(90, 129, 147, 0.85);
    background-size: 88px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 18;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    opacity: 0;
    transition: 200ms all ease;
    -webkit-transition: 200ms all ease;
    -moz-transition: 200ms all ease;
    -o-transition: 200ms all ease;
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1); }
  .cs-block .cs-feat-image {
    width: 100%;
    background-size: 100%;
    background-position: center;
    position: relative;
    min-height: 200px;
    overflow: hidden;
    transition: 0.25s all ease;
    -webkit-transition: 0.25s all ease;
    -moz-transition: 0.25s all ease;
    -o-transition: 0.25s all ease; }
  .cs-block .bottom {
    padding: 30px; }
    .cs-block .bottom img {
      margin-bottom: 15px; }
  .cs-block:hover .hover-div {
    opacity: 1;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1); }
  .cs-block:last-of-type {
    margin-bottom: 0; }
  .cs-block .fourcol {
    border-right: 1px solid #DDDDDD;
    padding-right: 10px;
    min-height: 88px;
    line-height: 88px; }
    .cs-block .fourcol img {
      vertical-align: middle; }
  .cs-block .eightcol {
    padding-left: 10px;
    min-height: 88px; }

.event-listing h4.title {
  font-size: 1.5em; }
.event-listing .event-img-wrap {
  line-height: 130px;
  border-bottom: 1px solid lightgrey;
  margin-bottom: 15px;
  text-align: center; }
  .event-listing .event-img-wrap img {
    vertical-align: middle; }

.gform_wrapper .half_left,
.gform_wrapper .half_right {
  float: left;
  width: 50%; }
.gform_wrapper .half_left {
  padding-right: 10px; }
.gform_wrapper .half_right {
  padding-left: 10px; }
.gform_wrapper label {
  display: inline-block;
  margin-bottom: 5px;
  margin-top: 5px; }
.gform_wrapper ul {
  padding-left: 0; }
.gform_wrapper li {
  list-style: none; }
  
  .gform_wrapper input {
    margin-bottom: 10px !important;
  }
  .gform_wrapper li input[type="text"],
  .gform_wrapper li input[type="password"],
  .gform_wrapper li input[type="email"],  
  .gform_wrapper textarea {
    font-size: 14px;
    font-family: 'Gesta', Arial, Sans-Serif;
    font-weight: normal;
    resize: none;
    width: 100%;
    border: 1px solid lightgrey;
    border-radius: 3px;
    background: #FFF;
    padding: 13px;
    margin-bottom: 2px;
    color: #647882;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-out; }
    .gform_wrapper li input[type="text"]:focus,
    .gform_wrapper li input[type="password"]:focus,
    .gform_wrapper li input[type="email"]:focus
    .gform_wrapper li textarea:focus {
      border: 1px solid #B6C3CF;
      outline: none; }
.gform_wrapper input[type="submit"] {
  border: 0;
  font-weight: normal;
  font-size: 1.2em;
  font-family: 'Gesta', arial, sans-serif;
  margin-top: 20px; }

.event-meta {
  font-size: 1.5em; }
  .event-meta strong {
    font-weight: bold;
    color: #5F767C; }

.fu-icon-wrap a:first-of-type {
  margin-left: 0; }

.contact-bottom {
  background: white; }
  .contact-bottom .first {
    padding-right: 0; }
  .contact-bottom .sixcol.last {
    /* min-height: 600px; */ }
    .contact-bottom .sixcol.last::before {
      content: url("../images/sright.png");
      position: absolute;
      left: -10px; }
  .contact-bottom .career-post {
    margin-left: 0; }
    .contact-bottom .career-post .inner h3 {
      background: none;
      padding-bottom: 5px;
      font-size: 1.9em;
      font-weight: 400; }
  .contact-bottom .content-side a {
    margin-top: 20px; }
  .contact-bottom .ca-title {
    color: #5F767F;
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 20px; }
  .contact-bottom .ca-content {
    color: #5F767F;
    line-height: 1.65;
    font-size: 1.1em;
    font-weight: normal; }
  .contact-bottom .icon {
    color: #b8c2c6;
    vertical-align: -3px;
    margin-top: 3px;
    font-size: 17px; }

.gradient {
  color: #1BB0C2;
  background: -webkit-gradient(linear, left top, right top, from(#0daccb), to(#2ab5b9));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.icon-left {
  display: none; }

.related-resources {
  background: #F5F5F5;
  padding-bottom: 0 !important; }

#latest-events .carousel-inner img {
  max-width: 212px; }

#latest-events a {
  font-weight: normal;
  color: #5F767F; }

.resource-switcher {
  padding-top: 0;
  /*
    Mobile
  */
  /*
    Square Version (Platform Features)
  */
  /*
    Normal
  */ }
  .resource-switcher .mobile-button-dd {
    width: 100%;
    border-radius: 0 !important;
    font-size: 1.25em;
    padding: 26px 0;
    display: block;
    text-align: left;
    background: #FFF;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding: 24px 20px;
    cursor: pointer; }
    .resource-switcher .mobile-button-dd .fa {
      color: #575757;
      float: right;
      vertical-align: middle;
      line-height: 26px; }
  .resource-switcher.square .buttons {
    border-radius: 0 !important;
    margin-bottom: 40px;
    background: white;
    position: absolute;
    width: 90%;
    left: 5%;
    display: block;
    opacity: 0;
    z-index: -1;
    transform: translate3d(0, -20px, 0);
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    transition: all 300ms ease-out; }
    
#searchform input[type="text"] {
  font-size: 14px;
  font-family: 'Gesta', Arial, Sans-Serif;
  font-weight: normal;
  resize: none;
  width: 77.5%;
  border: 1px solid rgb(229, 229, 229);
  border-radius: 3px;
  background: #FFF;
  padding: 13px;
  color: #647882;
  -webkit-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-out;
  margin: 29px;
  margin-right: 10px;
  margin-left: 0px;
  margin-top: 33px;
  margin-bottom: 0px;
}
    
#searchform input[type="submit"] {
background: #08aacc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #08aacc 0%, #39bbae 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08aacc), color-stop(100%, #39bbae));
background: -webkit-linear-gradient(left, #08aacc 0%, #39bbae 100%);
background: -o-linear-gradient(left, #08aacc 0%, #39bbae 100%);
background: -ms-linear-gradient(left, #08aacc 0%, #39bbae 100%);
background: linear-gradient(to right, #08aacc 0%, #39bbae 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08aacc', endColorstr='#39bbae',GradientType=1 );
background-position: 0 0;
background-size: 150% auto;
padding: 14px 22px;
border-radius: 5px;
border: none;
color: white;
font-family: 'Gesta', Arial, Sans-Serif;
width: 18%;
margin-right: 18px;
}

.buttons.noclick {
  margin-top: -40px;
  border-radius: 0 0 5px 5px !important;
}

td.gutter,
td.code {
  display: table-cell !important;
}
    
    .resource-switcher.square .buttons.shown {
      opacity: 1;
      z-index: 2;
      transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0); }
    .resource-switcher.square .buttons a {
      border-radius: 0 !important;
      width: 100%;
      font-size: 1.25em;
      padding: 26px 0;
      border-right: none;
      -webkit-transition: all 300ms ease-out;
      -ms-transition: all 300ms ease-in;
      -o-transition: all 300ms ease-in;
      -moz-transition: all 300ms ease-in;
      transition: all 300ms ease-out; }
      .resource-switcher.square .buttons a:hover {
        color: #06A8CA; }
      .resource-switcher.square .buttons a.active {
        background: #06A8CA; }
        .resource-switcher.square .buttons a.active:hover {
          background: #06A8CA;
          color: #fff; }
        .resource-switcher.square .buttons a.active:after {
          content: ''; }
  .resource-switcher.square .resource-contents {
    border-radius: 0;
    padding: 0; }
    .resource-switcher.square .resource-contents .content-area {
      background-size: contain; }
  .resource-switcher.square .box {
    background: white;
    padding: 30px;
    margin-top: 120px; }
    .resource-switcher.square .box span {
      display: block; }
    .resource-switcher.square .box .title {
      margin-top: 0;
      color: #39B8B2;
      font-size: 2.5em;
      font-weight: 200; }
    .resource-switcher.square .box .subtitle {
      margin-top: 5px;
      margin-bottom: 5px;
      font-weight: 500;
      font-size: 1.375em; }
    .resource-switcher.square .box p {
      max-width: none !important;
      color: #5F767F;
      font-size: 1.125em; }
  .resource-switcher a {
    text-decoration: none; }
  .resource-switcher .buttons {
    position: absolute;
    background: #fff;
    width: 90%;
    left: 5%;
    display: block;
    opacity: 0;
    z-index: -1;
    overflow: hidden;
    transform: translate3d(0, -20px, 0);
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    transition: all 300ms ease-out; }
    .resource-switcher .buttons.shown {
      opacity: 1;
      z-index: 2;
      transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0); }
    .resource-switcher .buttons a {
      font-weight: 500;
      font-size: 1.375em;
      text-decoration: none;
      color: #86989F;
      cursor: pointer;
      display: block;
      position: relative;
      background: url("../images/buttonbg.png") repeat-x bottom;
      float: left;
      width: 100%;
      padding: 22px 0; }
      .resource-switcher .buttons a span {
        vertical-align: -6px;
        line-height: 0;
        margin-right: 5px;
        font-size: 25px; }
      .resource-switcher .buttons a.active {
        background-color: #08AACC;
        color: white; }
  .resource-switcher .resource-contents {
    background: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 30px;
    padding-bottom: 50px;
    text-align: center; }
    .resource-switcher .resource-contents img {
      display: inline-block;
      margin-bottom: 15px; }
    .resource-switcher .resource-contents .item-name {
      display: block;
      font-size: 1.375em;
      font-weight: 500;
      color: #3F6D81; }
    .resource-switcher .resource-contents .content-area {
      display: none; }
      .resource-switcher .resource-contents .content-area.active {
        display: block; }
    .resource-switcher .resource-contents p {
      color: #5F767F;
      font-size: 0.95em;
      max-width: 300px;
      margin: 0 auto;
      margin-top: 15px; }
      
      .dashboard p {
      font-size: 0.9em !important;
      }
      
      .dashboard {
        min-height: 229px;
      }
      
 
      #theme-my-login.login {
      background: white;
      max-width: 363px;
      border-radius: 4px;
      margin: auto;
      margin-top: 30px;
      padding: 30px;
      width: 100%;
      }
      
      #theme-my-login.login input[type="password"], #theme-my-login.login input[type="text"], #theme-my-login.login input[type="email"] {
      font-size: 14px;
      font-family: 'Gesta', Arial, Sans-Serif;
      font-weight: normal;
      resize: none;
      width: 100%;
      border: 1px solid lightgrey;
      border-radius: 3px;
      background: #FFF;
      padding: 13px;
      margin-bottom: 2px;
      color: #647882;
      -webkit-transition: all 200ms ease-out;
      -ms-transition: all 200ms ease-in;
      -o-transition: all 200ms ease-in;
      -moz-transition: all 200ms ease-in;
      transition: all 200ms ease-out;
      }
      
      #theme-my-login.login input[type="submit"] {
      background: white;
      width: 100%;
      text-shadow: none;
      font-family: 'Gesta', Arial, Sans-Serif;
      font-size: 1.1em;
      border: 2px solid #0DACCB;
      font-weight: 400;
      border-radius: 5px;
      color: #0DACCB;
      letter-spacing: 1px;
      margin-top: 5px;
      padding: 12px 0;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      -webkit-transition: all 180ms ease-out;
      -ms-transition: all 180ms ease-in;
      -o-transition: all 180ms ease-in;
      -moz-transition: all 180ms ease-in;
      transition: all 180ms ease-out;
      }
      
      #nav_menu-2 {
        margin-top: 50px;
      }
      
      #theme-my-login.login input[type="submit"]:hover {
      background: #1BB6D2;
      color: white;
      }
      
      .page-template-page-login-php .header-wrapper {
        display: none;
      }
      
      .page-template-page-login-php .top-bar {
        display: none;
      }
      
      .page-template-page-login-php .cta-bar {
        display: none;
      }
      
      .login-logo {
      border-bottom: 1px solid rgba(255, 255, 255, 0.17);
      max-width: 400px;
      margin: auto;
      width: 100%;
      padding-bottom: 30px;
      margin-bottom: 40px;
      }
      
      .wide-form {
        background: none !important;
          box-shadow: none !important;
          padding: 0px;
      }
      
      
      .dashboard a.resource-link {
        margin-top: 25px;
      }
      
      .customize-support table {
        width: 100%;
        text-align: left;
      }
      
      .customize-support table tr {
        border-bottom: 1px solid rgb(240, 240, 240);
      }
      
      .customize-support table td {
        padding-bottom: 8px;
        padding-top: 8px;
      }
      
      span.in-production {
        color: rgb(67, 147, 67);
      }
      
      span.in-development {
        color: rgb(110, 101, 192);
      }
      
    .resource-switcher .resource-contents .fourcol {
      margin-bottom: 30px; }

.resource-switcher a.viewit {
  font-weight: 500;
  margin-top: 20px;
  color: #06A5C7;
  display: inline-block; }

.resource-switcher a.viewit:hover {
  color: #3F6D81; }

.resource-switcher a:hover {
  color: #0DACCB; }

.resource-switcher a:hover span.item-name {
  color: #0DACCB; }

.subtitle-mini {
  color: white;
  margin: 0;
  padding: 0;
  padding-top: 2px;
  max-width: 790px;
  margin: 0 auto;
  font-size: 1.3em;
  font-weight: 400; }

/*
  Contact Page
*/
.contact-title {
  margin-bottom: 25px;
  display: block;
  color: #60777F;
  font-size: 1.45em;
  font-weight: 200; }
  .contact-title strong {
    font-weight: 500; }
  .contact-title p:first-of-type {
    margin-top: 0; }

.cf-main-wrap .gform_wrapper {
  padding: 30px;
  background-color: rgba(176, 193, 203, 0.25);
  border-radius: 5px; }
  .cf-main-wrap .gform_wrapper ul {
    margin: 0; }
    .cf-main-wrap .gform_wrapper ul .gfield {
      margin-bottom: 20px; }
  .cf-main-wrap .gform_wrapper .gfield_label {
    color: #617780;
    display: block;
    margin-bottom: 5px;
    font-size: 1.1em;
    font-weight: 500; }
  .cf-main-wrap .gform_wrapper input[type="text"],
  .cf-main-wrap .gform_wrapper input[type="email"],
  .cf-main-wrap .gform_wrapper input[type="tel"],
  .cf-main-wrap .gform_wrapper textarea {
    font-size: 14px;
    font-family: 'Gesta', Arial, Sans-Serif;
    font-weight: normal;
    resize: none;
    width: 100%;
    border: 1px solid white;
    border-radius: 3px;
    background: white;
    padding: 13px;
    margin-bottom: 2px;
    color: #647882;
    transition: 200ms all ease;
    -webkit-transition: 200ms all ease;
    -moz-transition: 200ms all ease;
    -o-transition: 200ms all ease; }
    .cf-main-wrap .gform_wrapper input[type="text"]:focus,
    .cf-main-wrap .gform_wrapper input[type="email"]:focus,
    .cf-main-wrap .gform_wrapper input[type="tel"]:focus,
    .cf-main-wrap .gform_wrapper textarea:focus {
      border: 1px solid #B6C3CF;
      outline: none; }
  .cf-main-wrap .gform_wrapper input[type="submit"] {
    margin-top: 0;
    width: 100%;
    border: 0;
    font-weight: normal;
    font-family: 'Gesta', Arial, Sans-Serif;
    font-size: 1.3em;
    float: right; }

.contact-map {
  background: url("../images/big-blue-background.jpg") no-repeat center;
  background-size: cover; }
  .contact-map h2 {
    display: block !important;
    text-align: center;
    color: white;
    margin-bottom: 30px !important; }
  .contact-map p {
    color: #5F767F;
    line-height: 1.6; }
  .contact-map .directions {
    background: url("../images/direction-icon.png") no-repeat left;
    background-size: 13px;
    color: #19ACC5;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.85em;
    padding-left: 21px;
    display: inline-block;
    line-height: 20px; }
  .contact-map .office .inside {
    background: #FFFFFF;
    border-radius: 3px;
    padding: 25px;
    margin: 30px 10px; }
    .contact-map .office .inside h4 {
      color: #3F6C7F;
      font-weight: 500;
      font-size: 1.45em; }
      .contact-map .office .inside h4 img {
        vertical-align: -4px;
        margin-right: 3px; }

.page-id-666 .contact-map {
  display: none; }

.page-id-666 .contact-bottom {
  display: none; }

.contact-sidebar {
  margin-top: 40px; }
  .contact-sidebar .office-pic {
    border: 2px solid #C9D0D4;
    max-width: 100%;
    margin-bottom: 30px; }
  .contact-sidebar .social {
    vertical-align: top; }
    .contact-sidebar .social:first-of-type {
      margin-left: 0; }
  .contact-sidebar .connect-title {
    margin-bottom: 15px; }
  .contact-sidebar .contact-details {
    color: #5F767F;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #DDDDDD;
    font-size: 1.3em; }
    .contact-sidebar .contact-details a {
      color: #5F767F;
      text-decoration: none; }
    .contact-sidebar .contact-details .contact-detail {
      display: block;
      margin-bottom: 15px; }
      .contact-sidebar .contact-details .contact-detail:last-of-type {
        margin-bottom: 0; }
    .contact-sidebar .contact-details svg {
      width: 30px;
      height: 30px;
      vertical-align: -9px;
      margin-right: 14px; }
    .contact-sidebar .contact-details svg path,
    .contact-sidebar .contact-details svg rect {
      fill: #B0C1CB; }
    .contact-sidebar .contact-details strong {
      font-weight: bold; }

.band h2.bigshadow-bot {
  /*background: url("../images/bigshadow-bot.png") no-repeat center bottom;*/
  /*padding-bottom: 24px*/
  margin: 0;
  margin-bottom: 35px;
  color: #5F767F;
  font-weight: 200;
  font-size: 2.6em; }

.pr-band {
  background: #F6F6F6; }

.view-all {
  margin-top: 20px;
  padding: 15px 24px; }

.news-item {
  padding: 0 15px;
  margin-bottom: 40px; }
  .news-item:nth-of-type(3) {
    margin-bottom: 0; }
  .news-item .date {
    display: block;
    margin: 14px 0;
    color: #5F767F;
    font-size: 0.875em;
    font-weight: normal; }
  .news-item img {
    border-radius: 5px; }
  .news-item h4 {
    color: #0DACCB;
    max-width: 300px;
    margin: 0 auto;
    display: block;
    font-weight: 500;
    font-size: 1.375em; }
    .news-item h4 a {
      color: #05A4C6;
      -webkit-transition: all 250ms ease-out;
      -ms-transition: all 250ms ease-in;
      -o-transition: all 250ms ease-in;
      -moz-transition: all 250ms ease-in;
      transition: all 250ms ease-out; }
      .news-item h4 a:hover {
        color: #025263; }
  .news-item p {
    color: #5F767F;
    max-width: 300px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    font-weight: normal;
    font-size: 0.95em; }

.we-helped {
  position: relative;
  background: url("../images/irish-banner.jpg") no-repeat center;
  background-size: cover !important;
  padding: 40px 0;
  padding-bottom: 95px;
  min-height: 400px; }
  .we-helped h3 {
    color: white;
    text-align: center;
    letter-spacing: -0.5px;
    font-size: 2.5em;
    font-weight: 200; }
    .we-helped h3 span {
      font-weight: 500; }
  .we-helped .wrap {
    z-index: 10;
    position: relative; }
  .we-helped::before {
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: ""; }
  .we-helped p {
    text-align: center;
    color: white;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 32px;
    max-width: 350px;
    font-size: 1.2em;
    font-weight: 500;
    text-shadow: 1px 1px 0px #000;
    line-height: 1.6; }
  .we-helped .white-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 37px;
    background: url("../images/white-arrow-bar.png") repeat-x center; }
  .we-helped .button.white {
    padding: 15px 29px;
    color: #3F4450;
    border: 2px solid transparent; }
    .we-helped .button.white:hover {
      border: 2px solid #FFF;
      background: transparent;
      color: #FFF; }
  .we-helped strong {
    font-weight: 500; }

.helped-testimonial {
  text-align: center;
  background: white;
  padding: 36px 0;
  padding-bottom: 70px; }
  .helped-testimonial img {
    display: inline; }
  .helped-testimonial .headshot {
    border-radius: 100%;
    width: 100px;
    border: 3px solid #627682; }
  .helped-testimonial .testimonial-text {
    color: #5F767F;
    font-weight: 200;
    font-size: 1.8em;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 20px;
    max-width: 920px;
    letter-spacing: -1px;
    display: block; }
  .helped-testimonial .name {
    color: #3F6C7F;
    display: block;
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 1.1em; }
  .helped-testimonial .title {
    color: #404657;
    font-weight: 200; }

/*********************
NAVIGATION STYLES
*********************/
.mobile-menu-toggle {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../images/mobile-menu.png") no-repeat center transparent;
  border-top: 0;
  background-size: 23px;
  max-width: 90px;
  z-index: 100;
  margin-top: 27px;
  float: right;
  border: 1px solid #5F767F;
  border-radius: 4px;
  outline: none; }
  .mobile-menu-toggle:focus {
    outline: none; border: 1px solid #5F767F; }

#container.open .mobile-menu-toggle {
  background: url("../images/mobile-open.png") no-repeat center transparent;
  background-size: 25px;
  outline: none; }

.big-header {
  color: white;
  font-weight: 400;
  background-position: center top;
  background-size: cover;
  /* Page Types */ }
  .big-header.header-careers {
    background-image: url("../images/careers-header.jpg"); }
    .big-header.header-careers .wrap {
      padding: 80px 0; }
  .big-header.header-about {
    background-image: url("../images/about-header.jpg"); }
    .big-header.header-about p {
      max-width: 850px;
      line-height: 1.3em;
      margin: 0 auto; }
  .big-header.header-partners {
    background-image: url("../images/partners-title.jpg"); }
    .big-header.header-partners h2 {
      font-size: 2.5em;
      max-width: 680px;
      display: inline-block; }
    .big-header.header-partners p {
      font-size: 1.2em;
      line-height: 1.4em;
      max-width: 800px;
      display: block;
      margin: 0 auto;
      margin-bottom: 10px; }
    .big-header.header-partners .grey-line {
      background: #929191; }
  .big-header h2 {
    color: white;
    font-size: 2.6em;
    font-weight: 600; }
  .big-header .grey-line {
    height: 5px;
    width: 35px;
    background: #676363;
    display: block;
    margin: 0 auto;
    margin-top: 16px;
    margin-bottom: 20px; }
  .big-header .wrap {
    padding: 40px 0; }
  .big-header p {
    font-size: 1.35em;
    margin: 0; }
  .big-header a {
    padding: 16px 23px;
    border: 2px solid transparent; }
    .big-header a:hover {
      color: white;
      border: 2px solid white;
      background: transparent; }

.case-study-single .big-header::after {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  right: 0;
  content: ""; }

.case-study-single .big-header h2::after {
  display: block;
  width: 50px;
  height: 4px;
  background: rgba(255, 255, 255, 0.75);
  margin: 30px auto 20px auto;
  content: ""; }

.big-header .wrap,
.case-study-header .wrap {
  position: relative;
  z-index: 8; }

.page-template-page-careers-php .big-header .grey-line {
  height: 5px;
  width: 35px;
  background: rgba(255, 255, 255, 0.5);
  display: block;
  margin: 0 auto;
  margin-top: 16px;
  margin-bottom: 20px; }

.big-header,
.case-study-header {
  position: relative; }

.big-header::after,
.case-study-header::after {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  bottom: 0;
  left: 0;
  right: 0;
  content: ""; }

.page-template-page-careers-php .big-header::after {
  background: rgba(0, 0, 0, 0.35); }

.page-template-page-about-php .big-header::after {
  background: rgba(0, 0, 0, 0.35); }

.nofeature img {
  position: relative !important;
  bottom: -20px !important;
  margin-right: 5px; }

.header-platform-features {
  text-align: left;
  padding-bottom: 30px;
  padding-top: 30px; }
  .header-platform-features h3 {
    color: white;
    font-weight: 500;
    font-size: 2.5em; }
  .header-platform-features .first img {
    margin: 10px 0; }
  .header-platform-features .first .subtitle {
    display: block;
    color: white;
    margin: 0;
    font-size: 1.8em;
    font-weight: 400; }
  .header-platform-features .first p {
    color: white;
    margin-top: 0;
    line-height: 1.7;
    font-size: 1.2em; }

.page-intro {
  color: #5F767F;
  font-weight: 200;
  font-size: 1.3em; }
  .page-intro .wrap {
    max-width: 1140px; }

.page-intro.band.text-center {
  background: #fff; }

.page-id-221 .who-we-partner.text-center.band {
  background: #fff; }

.mobile-navigation li.menu-item-has-children {
  position: relative;
  }
 
.mobile-navigation .sub-menu {
  border-top: 1px solid rgba(215, 211, 211, 0.19);
  margin-top: 11px; }
  .mobile-navigation .sub-menu li {
    padding-bottom: 0;
    margin-top: 11px;
    padding-left: 15px;
    padding-right: 40px;
    }
    .mobile-navigation .sub-menu li:last-child {
      margin-bottom: 0; }

.why-partner {
  background: #F7F7F7; }
  .why-partner .sixcol {
    border-bottom: 1px dotted lightgrey; }
    .why-partner .sixcol p {
      margin-bottom: 25px; }
    .why-partner .sixcol:last-of-type {
      border-bottom: none; }

.cs-intro-img {
  margin-top: 20px; }

.challenge-solution .sixcol.first {
  margin-bottom: 40px; }

.cs-quote-block {
  background: url("../images/dark-desk.jpg") no-repeat center;
  background-size: cover;
  padding-top: 90px;
  padding-bottom: 90px;
  color: white; }
  .cs-quote-block .quote {
    font-weight: 200;
    font-size: 1.6em;
    max-width: 612px;
    display: block;
    letter-spacing: -0.5px;
    line-height: 1.4;
    margin-bottom: 20px; }
  .cs-quote-block .name {
    font-weight: bold;
    font-size: 1.1em;
    display: block; }
  .cs-quote-block .title {
    font-size: 1.1em;
    font-weight: normal;
    display: block; }

.conclusion {
  background: url("../images/blue-header-background.jpg") no-repeat center;
  background-size: cover; }
  .conclusion p {
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.6;
    color: white;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 950px; }
  .conclusion .conc-title {
    font-weight: normal;
    font-size: 3.4em;
    color: white;
    margin-bottom: 25px; }
  .conclusion .conc-image {
    margin-bottom: -80px;
    margin-top: 30px; }

/*
  About
*/
#inner-content.inner-about {
  padding-top: 62px;
  padding-bottom: 100px; }

.about-anchors-wrap.padded {
  height: 114px; }

.about-anchors {
  background: #F3F5F6; }
  .about-anchors .mobile-button-dd {
    padding: 20px 0;
    font-size: 16px; }
  .about-anchors .fa-bars {
    float: right;
    margin-top: 5px;
    display: inline-block; }
  .about-anchors .buttons {
    border-radius: 0 !important;
    margin-bottom: 40px;
    background: white;
    position: absolute;
    font-size: 14px;
    background: white;
    width: 90%;
    left: 5%;
    right: 5%;
    display: block;
    opacity: 0;
    z-index: -1;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -20px, 0);
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    transition: all 300ms ease-out; }
    .about-anchors .buttons.shown {
      opacity: 1;
      z-index: 2;
      transform: translate3d(0, 10px, 0);
      -webkit-transform: translate3d(0, 10px, 0);
      -moz-transform: translate3d(0, 10px, 0);
      -o-transform: translate3d(0, 10px, 0); }
    .about-anchors .buttons a {
      border-bottom: 1px solid #f2f2f2;
      display: block;
      color: #595757;
      padding: 15px 15px; }
    .about-anchors .buttons .btn-wrap {
      width: 100%;
      margin: 0 auto; }
  .about-anchors.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50; }
  .about-anchors ul {
    display: none;
    margin: 0 auto;
    max-width: 90%; }
  .about-anchors li {
    text-align: center; }
    .about-anchors li a {
      text-decoration: none;
      color: #5F767F;
      font-weight: 500;
      font-size: 1.1em;
      cursor: pointer; }
    .about-anchors li.active a {
      border-bottom: 3px solid #10ACC9;
      padding-bottom: 5px; }

.about-intro .intro-para {
  text-align: center;
  color: #5F767F;
  font-weight: 200;
  font-size: 1.5em;
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 30px; }
.about-intro .icon {
  font-family: 'streamline' !important;
  font-size: 3.6em;
  margin-bottom: 10px;
  display: inline-block;
  color: #1bb0c2;
  background: -webkit-gradient(linear, left top, right top, from(#0daccb), to(#2ab5b9));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.scroller-wrap {
  overflow-x: scroll;
  padding-left: 0; }
  .scroller-wrap::-webkit-scrollbar {
    background: #546870; }
  .scroller-wrap::-webkit-scrollbar-track {
    background: #546870;
    padding: 3px; }
  .scroller-wrap::-webkit-scrollbar-thumb {
    background: #76868D;
    border-radius: 5px;
    height: 5px; }

.scroller-wrap::after {
  content: url("../images/green-grad.png");
  position: absolute;
  top: 3px;
  right: 0px;
  min-height: 900px;
  pointer-events: none;
  display: none; }

.scroller-wrap::before {
  content: url("../images/green-grad-before.png");
  position: absolute;
  top: 3px;
  left: 0px;
  min-height: 900px;
  pointer-events: none;
  display: none; }
  
  .panel-heading p {
    margin: 0px !important;
  }
  
  .panel-body p {
    margin: 0px !important;
  }

.key-events {
  background: url("../images/key-events-bg.jpg") no-repeat center;
  background-size: cover;
  padding-top: 93px;
  padding-bottom: 0 !important;
  position: relative; }
  .key-events .wrap {
    position: relative; }
  .key-events .swipeicon {
    position: absolute;
    top: 21px;
    color: #fff;
    font-size: 5em;
    opacity: 0.6;
    right: 30px; }
  .key-events h3 {
    color: white;
    text-align: left;
    font-size: 3em;
    font-weight: 200;
    margin-bottom: 95px; }
  .key-events .key {
    position: absolute;
    top: 65px;
    line-height: 22px;
    color: #EBEBEB;
    text-align: left;
    float: left;
    font-size: 13px; }
    .key-events .key span {
      width: 12px;
      height: 12px;
      display: inline-block;
      border-radius: 100%;
      vertical-align: -1px;
      margin-right: 5px; }
      .key-events .key span.white {
        border: 1px solid white; }
      .key-events .key span.blue {
        border: 1px solid #60D2D7; }
  .key-events .history-item {
    float: left;
    width: 255px;
    padding-left: 20px;
    border-left: 1px solid #717F85;
    margin-left: 20px;
    min-height: 260px; }
    .key-events .history-item h4 {
      color: white;
      font-size: 1.4em;
      font-weight: 700; }
    .key-events .history-item p {
      color: #EDEDED;
      font-size: 1.05em;
      line-height: 1.5; }
    .key-events .history-item.blue h4 {
      color: #5FD2D7; }

#timeline ul.arrows {
  position: absolute;
  top: 50%;
  top: calc(50% - 20px);
  margin: 0;
  z-index: 10;
  width: 100%;
  display: none; }

#timeline ul.arrows li {
  opacity: 0.5; }

#timeline ul.arrows li:hover {
  opacity: 0.99; }

#timeline ul.arrows li.prev {
  float: left;
  margin-left: 30px; }

#timeline ul.arrows li.next {
  float: right;
  margin-right: 30px; }

#timeline ul.arrows li img {
  width: 23px;
  border: none;
  height: 39px; }

.module-box-icon-wrapper span {
  color: #39a9ca;
  vertical-align: middle;
  font-family: 'streamline';
  font-size: 6em;
  padding: 1px;
  line-height: 1.4em;
  display: block;
  margin-bottom: 6px; }

.header-box-icon-wrapper span {
  color: #fff;
  vertical-align: middle;
  font-family: 'streamline';
  font-size: 4em;
  padding: 1px;
  line-height: 1em;
  display: block;
  margin-bottom: 6px; }

.intro-blocks img {
  display: inline-block;
  margin-bottom: 20px; }
.intro-blocks h4 {
  color: #3F6C7F;
  font-size: 1.4em;
  font-weight: 500; }
.intro-blocks p {
  color: #5F767F;
  font-size: 1em;
  max-width: 263px;
  line-height: 1.6;
  margin-top: 0;
  margin: 0 auto; }
.intro-blocks.intro-blocks-md {
  padding-bottom: 60px;
  background: url("../images/module-intro-bottom.png") repeat-x bottom; }
  .intro-blocks.intro-blocks-md h3 {
    color: #597F92;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 20px; }
.intro-blocks .intro-block {
  margin-bottom: 30px; }

.line {
  display: block;
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 12px;
  width: 28px;
  height: 5px;
  background: #DDDDDD; }

.why-slider {
  position: relative;
  background: #F7F7F7;
  padding-top: 72px;
  padding-bottom: 0px !important; }
  .why-slider .carousel-inner {
    max-height: none; }
  .why-slider .carousel-caption {
    position: relative;
    margin-top: 30px;
    right: auto;
    top: auto;
    min-height: 160px;
    left: auto;
    bottom: auto;
    font-weight: 500;
    color: #5F767F;
    font-size: 1.2em;
    max-width: 823px;
    margin: 0 auto; }
  .why-slider .wrap {
    width: 100%; }
  .why-slider .carousel.slide {
    max-width: 90%;
    margin: 0 auto; }
  .why-slider .carousel-indicators li {
    background: transparent;
    border: 1px solid rgba(95, 118, 128, 0.5);
    width: 11px;
    height: 11px;
    margin: 4px !important; }
    .why-slider .carousel-indicators li.active {
      background: #4EB8B5;
      border: none; }
  .why-slider .carousel-control {
    display: block;
    width: 50%;
    height: 80px;
    position: relative;
    float: left;
    bottom: 0;
    left: 0;
    top: auto;
    opacity: 0.8;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: url("../images/slider-arrows.png") no-repeat #e2e7e8 !important;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out; }
    .why-slider .carousel-control.left {
      background-position: 79px 25px !important;
      border-right: 1px solid white; }
    .why-slider .carousel-control.right {
      background-position: -536px 25px !important; }
    .why-slider .carousel-control:hover {
      opacity: 1; }

.person-shots {
  min-height: 400px;
  position: relative; }
  .person-shots > img {
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: 0.5s opacity ease;
    -webkit-transition: 0.5s opacity ease;
    -moz-transition: 0.5s opacity ease;
    -o-transition: 0.5s opacity ease; }
    .person-shots > img.active {
      opacity: 1; }

.people {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10; }

.gf-block {
  text-align: center;
  position: relative;
  background: url("../images/global-founders-bg.png") no-repeat center white;
  background-size: cover;
  padding-bottom: 0 !important;
  overflow: hidden; }
  .gf-block .wrap {
    width: 100%; }
  .gf-block .first {
    padding-top: 50px; }
  .gf-block .last {
    background: rgba(63, 108, 127, 0.6);
    padding: 25px;
    color: white;
    line-height: 1.65; }
  .gf-block h2 {
    color: white;
    font-size: 2.5em;
    font-weight: normal; }
  .gf-block h4 {
    font-weight: 200;
    font-size: 1.6em;
    color: white;
    margin-bottom: 20px; }
  .gf-block .bio {
    display: none;
    text-align: left; }
    .gf-block .bio a {
      display: inline-block;
      margin-top: 20px;
      color: white;
      text-decoration: none;
      font-size: 0.8em;
      font-weight: 500; }
      .gf-block .bio a img {
        vertical-align: -5px;
        margin-right: 5px;
        width: 20px; }
    .gf-block .bio.active {
      display: block; }
  .gf-block .people {
    width: 78px;
    text-align: center;
    width: 80%;
    margin-left: 10%; }
    .gf-block .people a {
      width: 28%;
      margin: 0 2%;
      line-height: 0;
      display: inline-block;
      margin-bottom: 15px;
      text-decoration: none;
      opacity: 0.35;
      transition: 0.5s all ease;
      -webkit-transition: 0.5s all ease;
      -moz-transition: 0.5s all ease;
      -o-transition: 0.5s all ease; }
      .gf-block .people a img {
        border: 2px solid #CCCCCC;
        -webkit-filter: grayscale(100%); }
      .gf-block .people a.active {
        opacity: 1; }
        .gf-block .people a.active img {
          border: 2px solid #40B8AB;
          -webkit-filter: none; }

.our-clients.oc-about {
  background: white; }
  .our-clients.oc-about .subtitle {
    margin-bottom: 60px; }
  .our-clients.oc-about a {
    padding: 15px 24px;
    margin-top: 30px; }

.about-bottom {
  background: #F7F7F7; }
  .about-bottom .icon {
    padding: 1px;
    line-height: 1;
    font-size: 56px; }
  .about-bottom p {
    color: #798C97;
    font-size: 1.1em;
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.6; }
  .about-bottom strong {
    font-weight: 700;
    color: #798C97;
    margin-top: 15px;
    font-size: 1.1em;
    display: block; }
  .about-bottom h4 {
    margin: 15px 0; }
  .about-bottom img {
    display: inline; }
  .about-bottom .career-post {
    margin-top: 30px !important; }
    .about-bottom .career-post .inner {
      border-radius: 7px;
      box-shadow: inset 1px 1px 4px 2px rgba(0, 0, 0, 0.07);
      border: none; }
      .about-bottom .career-post .inner h3 {
        background: none;
        padding-bottom: 5px;
        font-size: 1.9em;
        font-weight: 400; }
      .about-bottom .career-post .inner strong {
        display: inline; }
  .about-bottom .job-info {
    margin-top: 30px; }
  .about-bottom .more-careers {
    color: #2CA6AE;
    font-weight: 600;
    font-size: 1.375em;
    text-decoration: none; }

.band {
  padding: 30px 0px; }
  .band h2, .band .h2 {
    display: block;
    margin-bottom: 10px; }

/*
  Careers
*/
.our-clients {
  background: #f3f3f3; }
  .our-clients .subtitle {
    display: block;
    line-height: 1.5;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 30px;
    max-width: 856px; }

.our-clients .client-logo {
  display: block; }
  .our-clients .client-logo .view-website {
    opacity: 0;
    display: block;
    z-index: 2;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 20px;
    padding-top: 39px;
    background: #08AACC;
    transition: 0.25s all ease;
    -webkit-transition: 0.25s all ease;
    -moz-transition: 0.25s all ease;
    -o-transition: 0.25s all ease; }
    .our-clients .client-logo .view-website img {
      margin-bottom: 7px; }
  .our-clients .client-logo:hover .view-website {
    opacity: 1; }
.our-clients .client-logo-inner {
  background: #fff;
  border: 1px solid #E5E8EA;
  border-radius: 3px;
  margin: 0 auto;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 26px;
  text-align: center;
  line-height: 135px;
  overflow: hidden;
  position: relative; }
  .our-clients .client-logo-inner img {
    display: inline;
    vertical-align: middle;
    max-width: 80%; }

.job-posts {
  background: #F6F6F6; }
  .job-posts h2 {
    margin-bottom: 15px; }
  .job-posts .career-post .inner h3 {
    background: none;
    padding-bottom: 5px;
    font-size: 1.9em;
    font-weight: 400; }

.career-post {
  margin-bottom: 30px; }
  .career-post .more {
    display: inline-block;
    color: #07A5C8;
    text-decoration: none;
    margin-top: 20px;
    font-size: 1.375em;
    font-weight: 500; }
  .career-post .rightarr {
    vertical-align: 1px;
    margin-left: 8px; }

.career-post .inner {
  background: white;
  border: 1px solid #EEEEEE;
  padding: 30px; }
  .career-post .inner .career-title {
    background: url("../images/titleshad-bot.png") no-repeat bottom;
    padding-bottom: 40px;
    color: #3F6C7F;
    font-weight: 500;
    font-size: 1.5em; }
  .career-post .inner .snippet {
    color: #5F767F;
    line-height: 1.6;
    font-size: 1.1em;
    margin-top: 15px;
    margin-bottom: 28px; }

.job-info {
  color: #5D7279;
  border: 1px solid #DDDDDD;
  border-radius: 4px; }
  .job-info img {
    display: inline;
    vertical-align: -5px;
    margin-right: 5px; }
  .job-info div {
    padding: 12px;
    font-size: 0.95em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box; }
  .job-info strong {
    font-weight: 500;
    color: #3F6C7F; }
  .job-info .type {
    border-bottom: 1px solid #DDDDDD; }

.cp-wrap {
  padding: 0; }

/* Just a newer version of .worker-block, that was removed from the design */
.wq-block {
  background: url("../images/blue-background.jpg");
  background-size: cover;
  color: white; }
  .wq-block .quote {
    max-width: 952px;
    margin: 0 auto;
    margin-top: 15px;
    font-size: 2.6em;
    font-weight: 200; }
  .wq-block span {
    display: block;
    margin-top: 20px; }
  .wq-block strong {
    font-weight: 700; }

.worker-block {
  background: url("../images/worker-block.jpg");
  background-size: cover; }
  .worker-block .quote {
    background: white;
    position: relative;
    max-width: 470px;
    padding: 36px 32px;
    border-radius: 5px;
    color: #5F767F;
    line-height: 1.4;
    font-size: 1.8em;
    font-weight: 200; }
    .worker-block .quote .name {
      display: block;
      color: #52B9AD;
      font-size: 23px;
      font-weight: 500;
      margin-top: 20px; }
    .worker-block .quote .title {
      display: block;
      font-size: 17px;
      font-weight: 400; }
    .worker-block .quote:after {
      content: url("../images/quote-right-tail.png");
      position: absolute;
      right: -43px;
      top: 50%;
      margin-top: -45px; }
  .worker-block .inner {
    margin-top: 60px;
    margin-bottom: 65px; }
.status-update {
  position: absolute;
  opacity: 0;
  left: 0;
  padding: 0 15px;
  width: 100%;
  pointer-events: none;
  transition: 0.25s all ease;
  -webkit-transition: 0.25s all ease;
  -moz-transition: 0.25s all ease;
  -o-transition: 0.25s all ease;
}
.status-update.show {
  opacity: 1;
  z-index: 2;
  pointer-events: all;
}
.career-block {
  color: #5F767F;
  padding: 30px 0;
  line-height: 1.6;
  display: block;
  position: relative; }
  .career-block h4 {
    color: #5D737C;
    font-size: 2em;
    font-weight: 500;
    margin-bottom: 25px; }
    .career-block h4 img {
      display: inline;
      vertical-align: -4px;
      margin-right: 7px; }
  .career-block .subtitle {
    font-size: 1.375em; }
  .career-block p {
    font-weight: normal;
    max-width: 90%; }
  .career-block .snippet {
    font-size: 1.1em; }
  .career-block:last-of-type {
    padding-bottom: 0px; }

.mobile-navigation {
  position: absolute;
  top: 0;
  right: 0;
  width: 79%;
  height: 100%;
  z-index: 1;
  background: #F1F5F7;
  padding: 20px;
  visibility: hidden;
  -webkit-transition-delay: 250ms;
  box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
  -o-box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box; }
  .mobile-navigation.open {
    -webkit-transition-delay: 0ms;
    visibility: visible; }
  .mobile-navigation ul {
    margin: 0; }
    .mobile-navigation ul li {
      display: block;
      border-bottom: 1px solid rgba(215, 211, 211, 0.19);
      padding-bottom: 11px;
      width: 100%;
      margin-bottom: 11px; }
      .mobile-navigation ul li:last-of-type {
        border: none; }
      .mobile-navigation ul li a {
        text-decoration: none;
        font-size: 15px;
        color: #6E6E6E; }
        
       

/*
  Top Bar
*/
.top-bar {
  color: #98A6AF;
  font-size: 12px;
  background: #f3f3f3;
  padding: 8px 0px;
  min-height: 35px; }
  .top-bar a {
    color: #98A6AF;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out; }
    .top-bar a:hover {
      color: #3F6D7F; }
 .top-bar .phone {
   display: inline-block;
   padding: 0px 14px;
   margin: 0px 16px 0px 0px;
   border-right: 1px solid #DDDDDD;
 }
  .top-bar .language {
    font-weight: 600;
    display: inline-block; }
    .top-bar .language .curlang {
      text-transform: uppercase;
      cursor: pointer; }
      .top-bar .language .curlang:hover {
        color: #3F6D7F; }
  .top-bar img {
    display: none; }
  .top-bar .top-bar-left {
    float: left; }
  .top-bar .wrap {
    width: 100%;
    padding-left: 15px; }

.top-bar-menu li.current_page_item a {
  color: #3F6C7F; }

.lang-dd {
  display: none;
  position: absolute;
  top: 100%;
  background: white;
  z-index: 10;
  left: 0;
  top: auto;
  padding: 10px;
  border: 1px solid lightgrey;
  border-radius: 3px;
  margin-top: 6px; }
  .lang-dd ul {
    margin: 0; }
    .lang-dd ul li {
      margin-bottom: 5px; }
      .lang-dd ul li:last-of-type {
        margin-bottom: 0; }

.header-nav {
  display: none; }

.top-bar-menu {
  display: none; }

.mobile-search {
  display: none;
  position: static;
  font-size: 16px;
  top: 32px;
  padding: 20px;
  background: #E0E0E0;
  width: 100%;
  z-index: -1; }
  .mobile-search.open {
    display: block;
    opacity: 1;
    z-index: 20; }
.mobile-search input {
    font-family: 'Gesta', Arial, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    padding: 5px;
    border: none;
    border-radius: 3px;
    width: 67%;
}
    
   .mobile-search input[type="submit"] {
       background: #5f767f;
       color: white;
       border: none;
       border-radius: 3px;
       padding: 5px 14px 5px 14px;
       width: 30%;
   }
    
  .mobile-search input#s {
    width: calc(100% - 120px); }
  .mobile-search input#searchsubmit {
    width: 100px;
    float: right;
    -webkit-appearance: none;
    outline: none;
    border: none;
    background: #ffffff;
    border-raidus: 5px;
    color: #333;
    padding: 5px; }

/*
  Menus
*/
.menu li {
  display: inline-block; }

.top-nav li {
  padding: 0 14px; }
 
 .top-nav li a {
     font-family: 'Gesta', Arial, Sans-Serif;
     font-size: 1.15em;
     color: #5F767F;
     text-decoration: none;
     -webkit-transition: all 250ms ease-out;
     -ms-transition: all 250ms ease-in;
     -o-transition: all 250ms ease-in;
     -moz-transition: all 250ms ease-in;
     transition: all 250ms ease-out;
 }
    .top-nav li a:hover {
      color: #39a5c9; }
  .top-nav li.current-menu-item a, .top-nav li.current-menu-parent a {
    color: #06A5C7; }






.sub-menu {
  display: none; }

/*
  Platform Features
*/
.getting-started h2 {
  margin-bottom: 30px;
  margin-top: 15px;
  color: #598092;
  font-weight: 200; }
.getting-started strong {
  color: #5F767F;
  font-size: 1.15em;
  display: block;
  margin-bottom: 25px; }
.getting-started p {
  font-size: 1.1em;
  font-weight: 200;
  max-width: 970px;
  margin: 0 auto;
  color: #5F767F; }
.getting-started a {
  margin-top: 40px; }
.getting-started .icon {
  line-height: 40px;
  display: block;
  font-size: 52px; }

.platform-tabs {
  background: #F6F6F6; }

/*
  News Overview
*/
.news-overview {
  background: #F3F3F3; }

.news-meta {
  display: block;
  margin-bottom: 12px;
  font-size: 13px;
  color: #5F767F;
  position: relative; }
  .news-meta strong {
    font-weight: 600; }
  .news-meta .photo {
    position: absolute;
    top: -58px;
    left: -2px;
    border-radius: 100%;
    border: 2px solid white;
    width: 50px; }

.nm-single .photo {
  top: auto;
  bottom: -55px; }

.news-listing {
  background: white;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 30px; }
  .news-listing .news-meta {
    position: relative; }
  .news-listing.firstpost .nl-img-wrap {
    max-height: 370px; }
  .news-listing.firstpost .title {
    font-size: 2.1em; }
  .news-listing.firstpost .excerpt {
    font-size: 1.1em; }
  .news-listing.firstpost .news-meta {
    font-size: 14px; }
  .news-listing .nl-img-wrap {
    max-height: 200px;
    overflow: hidden; }
    .news-listing .nl-img-wrap img {
      width: 100%; }
  .news-listing .nl-content-wrap {
    padding: 30px 35px; }
  .news-listing .title {
    font-size: 1.6em;
    line-height: 1.4;
    letter-spacing: -0.5px; }
  .news-listing .excerpt {
    line-height: 1.7;
    color: #5F767F;
    font-size: 0.95em; }
  .news-listing .read-more {
    color: #07A5C8;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none; }
    .news-listing .read-more img {
      display: inline;
      vertical-align: middle;
      margin-left: 10px; }
  .news-listing strong {
    font-weight: 600; }

/*
  PageNavi
*/
.wp-pagenavi {
  margin-bottom: 30px; }
  .wp-pagenavi a, .wp-pagenavi span {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: inline-block;
    border: none;
    font-size: 0.9em;
    text-align: center;
    line-height: 33px;
    padding: 0;
    margin-right: 5px; }
    .wp-pagenavi a:last-child, .wp-pagenavi span:last-child {
      margin-right: 0; }
  .wp-pagenavi span {
    background: #ACC0C9;
    color: white;
    font-weight: 500; }
  .wp-pagenavi a {
    background: white;
    color: #598092; }

.wp-pagenavi .last {
  display: none; }

.wp-pagenavi .extend {
  display: none; }

.resource-switcher .content-area .wp-pagenavi a {
  border: 1px solid #ACC0C9; }

/*
  News Sidebar
*/
.widget {
  padding-left: 0;
  padding-right: 0; }

.sidebar .white .mailing-list input[type="submit"] {
  top: 59px; }

#news-sidebar .mailing-list .gform_footer {
  position: static; }

#news-sidebar .mailing-list .gform_wrapper {
  position: relative; }

.sidebar img {
  display: inline-block; }
.sidebar .widget-title {
  display: block;
  font-size: 1.45em;
  font-weight: 500;
  margin-bottom: 15px;
  color: rgba(63, 108, 129, 0.85); }
.sidebar .widget-search {
  background: #ADC1CA;
  padding: 25px 29px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }
  .sidebar .widget-search .widget-title {
    color: white; }
  .sidebar .widget-search .sf-wrap {
    position: relative; }
    .sidebar .widget-search .sf-wrap input[type=text] {
      background: white;
      font-size: 1em;
      font-style: normal;
      font-weight: 200;
      font-family: 'Gesta', Arial, Sans-Serif;
      letter-spacing: 0.5px;
      width: 100%;
      border-radius: 4px;
      padding: 12px;
      border: 0px;
      -webkit-appearance: none;
      appearance: none; }
    .sidebar .widget-search .sf-wrap input[type=submit] {
      border: none;
      text-indent: -99999px;
      background: url("../images/i-search.png") no-repeat center transparent;
      opacity: 0.5;
      position: absolute;
      top: 7px;
      right: 8px;
      padding: 0px;
      width: 30px;
      height: 30px;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      -ms-appearance: none;
      -webkit-transition: all 200ms ease-out;
      -ms-transition: all 200ms ease-in;
      -o-transition: all 200ms ease-in;
      -moz-transition: all 200ms ease-in;
      transition: all 200ms ease-out; }
      .sidebar .widget-search .sf-wrap input[type=submit]:hover {
        opacity: 0.75; }
    .sidebar .widget-search .sf-wrap ::-webkit-input-placeholder {
      color: rgba(90, 129, 147, 0.5);
      font-size: 1em;
      font-style: italic;
      font-weight: 200;
      font-family: 'Gesta', Arial, Sans-Serif; }
    .sidebar .widget-search .sf-wrap :-moz-placeholder {
      /* Firefox 18- */
      color: rgba(90, 129, 147, 0.5);
      font-size: 1em;
      font-style: italic;
      font-weight: 200;
      font-family: 'Gesta', Arial, Sans-Serif; }
    .sidebar .widget-search .sf-wrap ::-moz-placeholder {
      /* Firefox 19+ */
      color: rgba(90, 129, 147, 0.5);
      font-size: 1em;
      font-style: italic;
      font-weight: 200;
      font-family: 'Gesta', Arial, Sans-Serif; }
    .sidebar .widget-search .sf-wrap :-ms-input-placeholder {
      color: rgba(90, 129, 147, 0.5);
      font-size: 1em;
      font-style: italic;
      font-weight: 200;
      font-family: 'Gesta', Arial, Sans-Serif; }
.sidebar .follow-us {
  background: white;
  border-radius: 5px;
  margin-top: 30px;
  padding: 25px 29px; }
.sidebar .white {
  background: white;
  border-bottom-left-radius: 5px;
  color: #07A5C8;
  border-bottom-right-radius: 5px; }
  .sidebar .white .mailing-list input[type="email"] {
    font-family: 'Gesta', Arial, Sans-Serif;
    border: 1px solid #EBEBEB;
    width: 100%;
    box-shadow: inset 1px 1px 5px rgba(175, 175, 175, 0.3);
    color: rgba(63, 108, 129, 0.85);
    font-size: 16px;
    border-radius: 5px;
    padding: 13px; }
  .sidebar .white .mailing-list input[type="submit"] {
    background: rgba(131, 162, 174, 0.5);
    position: absolute;
    top: -50px;
    right: 0;
    padding: 15px 10px;
    margin-top: 0;
    font-size: 15px;
    border: none;
    appearance: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none; }
  .sidebar .white .mailing-list ::-webkit-input-placeholder {
    color: rgba(63, 108, 129, 0.85);
    font-size: 1em;
    font-weight: 400;
    font-family: 'Gesta', Arial, Sans-Serif; }
  .sidebar .white .mailing-list :-moz-placeholder {
    /* Firefox 18- */
    color: rgba(63, 108, 129, 0.85);
    font-size: 1em;
    font-weight: 400;
    font-family: 'Gesta', Arial, Sans-Serif; }
  .sidebar .white .mailing-list ::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(63, 108, 129, 0.85);
    font-size: 1em;
    font-weight: 400;
    font-family: 'Gesta', Arial, Sans-Serif; }
  .sidebar .white .mailing-list :-ms-input-placeholder {
    color: rgba(63, 108, 129, 0.85);
    font-size: 1em;
    font-weight: 400;
    font-family: 'Gesta', Arial, Sans-Serif; }
  .sidebar .white .gform_fields {
    margin-bottom: 0; }
  .sidebar .white .widget-title {
    color: rgba(63, 108, 129, 0.85); }
  .sidebar .white .selector {
    background: url("../images/dd-arrow@2x.png") no-repeat 95% #f2f6f7;
    background-size: 16px;
    border-radius: 4px;
    height: auto;
    padding: 13px 16px;
    width: 100% !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; }
    .sidebar .white .selector span {
      color: rgba(90, 129, 147, 0.75); }
  .sidebar .white select {
    width: 100%;
    height: 100%; }
  .sidebar .white .inner {
    padding: 25px 29px;
    border-bottom: 1px dashed #E5E5E5; }
    .sidebar .white .inner:last-of-type {
      border-bottom: none; }
.sidebar .recruitment-widget {
  padding: 30px 40px;
  border-radius: 5px;
  margin-top: 40px;
  background: #26b1c4;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjZiMWM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA4YWFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg, #26b1c4 0%, #08aacc 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #26b1c4), color-stop(100%, #08aacc));
  background: -webkit-linear-gradient(-45deg, #26b1c4 0%, #08aacc 100%);
  background: -o-linear-gradient(-45deg, #26b1c4 0%, #08aacc 100%);
  background: -ms-linear-gradient(-45deg, #26b1c4 0%, #08aacc 100%);
  background: linear-gradient(135deg, #26b1c4 0%, #08aacc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26b1c4', endColorstr='#08aacc',GradientType=1 ); }
  .sidebar .recruitment-widget img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px; }
  .sidebar .recruitment-widget .rc-title {
    display: block;
    font-size: 2.5em;
    color: white;
    font-weight: 200;
    margin-bottom: 19px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); }
  .sidebar .recruitment-widget .rc-link {
    display: inline-block;
    background: white;
    color: #08A5C9;
    font-size: 1.275em;
    font-weight: 500;
    padding: 18px 20px;
    border-radius: 4px;
    cursor: pointer;
    border: 2px solid white;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out; }
    .sidebar .recruitment-widget .rc-link:hover {
      background: transparent;
      color: white; }
.sidebar .wp-widget {
  padding: 30px;
  background: #3F6C80;
  border-radius: 5px;
  margin-top: 40px; }
  .sidebar .wp-widget .wp-block-title {
    font-size: 1.40em;
    color: white;
    display: block;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
    font-weight: 500; }
  .sidebar .wp-widget .wp-title {
    color: white;
    display: block;
    font-size: 1.45em;
    margin-top: 10px;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
    line-height: 1.4; }
  .sidebar .wp-widget .wp-link {
    display: inline-block;
    padding: 18px;
    background: white;
    color: #3F6C80;
    margin: 0 auto;
    border-radius: 4px;
    font-size: 1.275em;
    text-decoration: none;
    border: 2px solid transparent;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out; }
    .sidebar .wp-widget .wp-link:hover {
      border: 2px solid white;
      color: white;
      background: transparent; }
  .sidebar .wp-widget img {
    margin: 0 auto;
    display: block; }

.gform_footer {
  clear: both; }

.sidebar .widget-search .sf-wrap input[type=submit] {
  background-size: 20px; }

.widgettitle {
    text-decoration: none;
    color: #05a4c6;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 14px;
    font-size: 1.05em;
}

.sidebar .wp-widget {
  margin: 0; }

.about-anchors-wrap.passed {
  height: 88px !important; }

.about-intro .icon {
  font-size: 4.6em; }

.sidebar .recruitment-widget .rc-title {
  text-shadow: none; }



/*
  Search
*/
.search-wrap {
  background: #E7E9EA;
  float: right;
  margin-top: 0;
  margin-bottom: -0;
  max-height: 35px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  transition: all 250ms ease-out; }
  .search-wrap:hover {
    background: #fff; }
  .search-wrap .form-wrap {
    float: right;
    overflow: hidden;
    width: 100%;
    max-width: 0px;
    text-align: left;
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    transition: all 300ms ease-out; }
    .search-wrap .form-wrap .inside {
      width: 220px; }
    .search-wrap .form-wrap.opened {
      max-width: 192px; }
    .search-wrap .form-wrap form {
      padding-right: 8px;
      padding-top: 5px; }
    .search-wrap .form-wrap input[type="text"] {
      -webkit-appearance: none;
      background: none;
      vertical-align: middle;
      border: 0px;
      color: #5F767F;
      font-size: 1em;
      font-family: 'Gesta', Arial, Sans-Serif;
      padding-left: 0px;
      font-weight: 200;
      width: 100px;
      margin-top: 3px; }
    .search-wrap .form-wrap input[type="submit"] {
      font-size: 13px;
      border: 0;
      background: white;
      color: #5F767F;
      border-radius: 2px;
      margin-top: 2px;
      vertical-align: -1px;
      float: right;
      -webkit-transition: all 200ms ease-out;
      -ms-transition: all 200ms ease-in;
      -o-transition: all 200ms ease-in;
      -moz-transition: all 200ms ease-in;
      transition: all 200ms ease-out;
      background: #eee; }
      .search-wrap .form-wrap input[type="submit"]:hover {
        background: #3F6D80;
        color: white; }
    .search-wrap .form-wrap ::-webkit-input-placeholder {
      color: #5F767F;
      font-size: 1.1em;
      font-style: italic;
      font-weight: 200; }
    .search-wrap .form-wrap :-moz-placeholder {
      /* Firefox 18- */
      color: #5F767F;
      font-size: 1.1em;
      font-style: italic;
      font-weight: 200; }
    .search-wrap .form-wrap ::-moz-placeholder {
      /* Firefox 19+ */
      color: #5F767F;
      font-size: 1.1em;
      font-style: italic;
      font-weight: 200; }
    .search-wrap .form-wrap :-ms-input-placeholder {
      color: #5F767F;
      font-size: 1.1em;
      font-style: italic;
      font-weight: 200; }
  .search-wrap .open {
    display: block;
    width: 38px;
    height: 35px;
    float: left;
    background: url("../images/i-search.png") no-repeat center;
    background-size: 16px; }

/*
  Resource Single
*/
.resource-label {
  color: #92A1A8;
  text-transform: uppercase;
  padding-left: 20px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 0.9em;
  font-weight: bold;
  background-size: 12px;
  background-position: left top;
  background-image: url("../images/whitepaper-icon.png");
  background-repeat: no-repeat;
  line-height: 20px; }
  .resource-label.webinar {
    background-image: url("../images/webinar-small-icon.png");
    background-position: 1px 3px; }

.whitepaper-header {
  background-color: #F1F1F1; }
  .whitepaper-header .mobwhitepaper {
    padding: 15px 0 5px 0; }
    .whitepaper-header .mobwhitepaper img {
      max-height: 200px;
      display: block;
      margin: 0 auto; }
  .whitepaper-header h1 {
    font-size: 2.6em;
    font-weight: 200;
    letter-spacing: -1px; }
  .whitepaper-header .content-wrap {
    max-width: 530px; }
  .whitepaper-header p {
    line-height: 1.6;
    font-size: 1.1em; }
  .whitepaper-header .button {
    color: white;
    margin-top: 10px;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-out; }

.inside-scroller {
  margin-right: 100px; }

.whitepaper-mid .sixcol {
  margin-bottom: 30px; }
  .whitepaper-mid .sixcol h4 {
    color: #3F6C80;
    font-size: 1.1em;
    font-weight: 500;
    margin-top: 5px; }
  .whitepaper-mid .sixcol p {
    color: #485A61;
    font-size: 1em;
    font-weight: normal; }
.whitepaper-mid .whitepaper-title {
  color: #5F7680;
  font-weight: 200;
  font-size: 2em;
  letter-spacing: -1px;
  margin-bottom: 30px; }

.whitepaper-mid input.gform_button {
  background: #fff;
  color: #0DACCB;
  margin-top: 0; }

.whitepaper-mid input.gform_button:hover,
.whitepaper-mid input.gform_button:focus {
  background: #3F6C7F;
  color: #fff;
  margin-top: 0; }

.resource-form-wrap {
  background: #99aab3;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5YWFiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZGMxY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #99aab3 0%, #adc1ca 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99aab3), color-stop(100%, #adc1ca));
  background: -webkit-linear-gradient(top, #99aab3 0%, #adc1ca 100%);
  background: -o-linear-gradient(top, #99aab3 0%, #adc1ca 100%);
  background: -ms-linear-gradient(top, #99aab3 0%, #adc1ca 100%);
  background: linear-gradient(to bottom, #99aab3 0%, #adc1ca 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99aab3', endColorstr='#adc1ca',GradientType=0 );
  border-radius: 4px;
  position: relative; }
  .resource-form-wrap ::-webkit-input-placeholder {
    color: #5F7680;
    font-style: italic;
    font-weight: 200; }
  .resource-form-wrap :-moz-placeholder {
    /* Firefox 18- */
    color: #5F7680;
    font-style: italic;
    font-weight: 200; }
  .resource-form-wrap ::-moz-placeholder {
    /* Firefox 19+ */
    color: #5F7680;
    font-style: italic;
    font-weight: 200; }
  .resource-form-wrap :-ms-input-placeholder {
    color: #5F7680;
    font-style: italic;
    font-weight: 200; }
  .resource-form-wrap:before {
    position: absolute;
    content: url("../images/form-inside-arrow.png");
    top: 28px;
    left: 0; }
  .resource-form-wrap .validation_error {
    color: white; }
  .resource-form-wrap .inner {
    padding: 29px; }
  .resource-form-wrap .form-title {
    display: block;
    margin-bottom: 15px;
    color: white;
    font-weight: bold;
    font-size: 1.45em; }
  .resource-form-wrap input[type="text"],
  .resource-form-wrap input[type="email"] {
    color: white;
    border: 2px solid white;
    opacity: 0.75;
    padding: 16px;
    background: transparent;
    border-radius: 5px;
    outline: none;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Gesta', Helvetica, Arial, Sans-Serif;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out; }
    .resource-form-wrap input[type="text"]:focus,
    .resource-form-wrap input[type="email"]:focus {
      opacity: 1; }
  .resource-form-wrap .validation_message {
    margin-top: 3px;
    font-size: 11px;
    color: #FFF; }
  .resource-form-wrap .gfield_error input {
    border: 2px solid #FF5151; }
  .resource-form-wrap .gfield_checkbox label {
    color: white; }
  .resource-form-wrap .gfield_checkbox input[type="checkbox"] {
    margin-right: 8px;
    vertical-align: 1px; }
  .resource-form-wrap .gfield {
    margin-bottom: 26px; }
    .resource-form-wrap .gfield:nth-of-type(1) {
      float: left;
      width: 50%;
      padding-right: 13px; }
    .resource-form-wrap .gfield:nth-of-type(2) {
      float: left;
      width: 50%;
      padding-left: 13px; }
  .resource-form-wrap .button {
    width: 100%;
    background: white;
    color: #8E9AA3;
    text-shadow: none;
    font-size: 1.3em;
    font-family: 'Gesta', Arial, Sans-Serif;
    font-weight: 400;
    border: none;
    padding: 20px; }

.gform_confirmation_message {
  color: white; }
  .gform_confirmation_message h3 {
    color: white; }

.gform_ajax_spinner {
  margin: 0 auto;
  display: block;
  clear: left;
  margin-top: 9px; }

.widget-tweet {
  margin-bottom: 60px;
  margin-top: 30px;
  background: #52AFF4;
  position: relative;
  border-radius: 3px;
  padding-top: 35px;
  padding-bottom: 35px; }
  .widget-tweet:after {
    content: url("../images/twitter-tail.png");
    position: absolute;
    bottom: -35px;
    right: 25px; }
  .widget-tweet .tweet-text {
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    padding: 0 25px;
    color: white;
    line-height: 1.6;
    font-size: 1.275em;
    font-weight: 200;
    max-width: 348px; }
  .widget-tweet a {
    color: white;
    font-weight: 500;
    text-decoration: none; }
  .widget-tweet .tweet-time-ago {
    font-size: 13px;
    color: white;
    display: block;
    margin-top: 15px;
    font-weight: 500; }

.archive-title {
  font-size: 2em;
  margin-bottom: 30px;
  margin-top: 0; }

/*
  News Single
*/
.blogpost {
  line-height: 1.7; }
  .blogpost .white-wrap {
    background: white;
    border-radius: 5px; }
  .blogpost .authorbreak {
    display: block; }
  .blogpost p {
    margin: 1.8em 0; }
  .blogpost .prevnext-wrap {
    margin-top: 30px;
    font-size: 1.1em;
    line-height: 1.6;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px; }
    .blogpost .prevnext-wrap a {
      min-height: 188px; }
    .blogpost .prevnext-wrap span {
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 600;
      display: inline-block;
      padding-top: 0px;
      background: url("../images/prevnext-sprites.png") no-repeat;
      margin-bottom: 20px;
      color: rgba(91, 129, 150, 0.5); }
    .blogpost .prevnext-wrap a:hover span {
      color: white; }
    .blogpost .prevnext-wrap img {
      width: 20%;
      border-radius: 100%; }
    .blogpost .prevnext-wrap .title {
      max-width: 80%; }
    .blogpost .prevnext-wrap .prev {
      text-align: right; }
      .blogpost .prevnext-wrap .prev img {
        float: left; }
      .blogpost .prevnext-wrap .prev .title {
        float: right; }
      .blogpost .prevnext-wrap .prev span {
        background-position: 14px -39px;
        padding-left: 50px; }
      .blogpost .prevnext-wrap .prev:hover span {
        background-position: 14px 4px; }
    .blogpost .prevnext-wrap .next {
      text-align: left; }
      .blogpost .prevnext-wrap .next .title {
        float: left; }
      .blogpost .prevnext-wrap .next img {
        float: right; }
      .blogpost .prevnext-wrap .next span {
        background-position: 84px -127px;
        padding-right: 50px; }
      .blogpost .prevnext-wrap .next:hover span {
        background-position: 84px -84px; }
    .blogpost .prevnext-wrap a {
      color: #5B8196;
      display: block;
      text-align: center;
      padding: 30px;
      background: white;
      text-decoration: none;
      min-height: 188px;
      -webkit-transition: 250ms;
      -transition: 250ms;
      transition: 250ms; }
      .blogpost .prevnext-wrap a:hover {
        background: #07A5C8;
        color: white; }
  .blogpost .news-meta {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 0.95em; }
  .blogpost .inner {
    padding: 20px; }
  .blogpost .single-title {
    font-size: 2em; }
  .blogpost .featured-image {
    width: 100%; }
  .blogpost .intro {
    font-size: 1.4em;
    color: #5F767F;
    line-height: 1.5;
    margin-top: 0; }
  .blogpost h4, .blogpost h3, .blogpost h2 {
    margin: 15px 0; }
  .blogpost .post-bottom {
    margin-top: 40px; }

.blogpost .inner strong {
  font-weight: 700; }

.blogpost .inner a, p a {
  color: #07A5C8;
  font-weight: bold;
  text-decoration: none; }

a.sixcol.last.next.clearfix, .cf-main-wrap a.sixcol.last.next.gform_wrapper, .resource-form-wrap a.sixcol.last.next.gform_body {
  margin-top: 30px; }

.blog-share {
  line-height: 33px;
  font-weight: 500;
  font-size: 17px;
  color: #3F6C80;
  padding-bottom: 20px;
  background: url("../images/dashed-bottom.png") repeat-x bottom; }
  .blog-share > span:first-child {
    margin-left: 10px; }
  .blog-share span {
    vertical-align: top; }

/*
  Navigation
*/
.nav-holder .nav {
  width: 100%;
  height: 100%;
  z-index: 99;
  background: #f6f6f6;
  font-size: 0;
  border: none;
  border-right: 1px solid #333;
  background: #3d3c3c;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */ }
  .nav-holder .nav li {
    border: none;
    border-bottom: 1px solid #333;
    font-size: 22px;
    /*
    so you really have to rethink your dropdowns for mobile.
    you don't want to have it expand too much because the
    screen is so small. How you manage your menu should
    depend on the project. Here's some great info on it:
    http://www.alistapart.com/articles/organizing-mobile/
    */ }
    .nav-holder .nav li a {
      border: none;
      background: #3d3c3c;
      /* Fallback for sad browsers */
      background-color: #302f2f;
      /* Mozilla Firefox */
      background-image: -moz-linear-gradient(#3d3c3c, #302f2f);
      /* Opera */
      background-image: -o-linear-gradient(#3d3c3c, #302f2f);
      /* WebKit (Safari 4+, Chrome 1+) */
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3d3c3c), color-stop(1, #302f2f));
      /* WebKit (Chrome 11+) */
      background-image: -webkit-linear-gradient(#3d3c3c, #302f2f);
      /* IE10 */
      background-image: -ms-linear-gradient(#3d3c3c, #302f2f);
      /* W3C */
      background-image: linear-gradient(#3d3c3c, #302f2f);
      -webkit-text-shadow: 0px -1px 1px black;
      -ms-text-shadow: 0px -1px 1px black;
      -o-text-shadow: 0px -1px 1px black;
      -moz-text-shadow: 0px -1px 1px black;
      text-shadow: 0px -1px 1px black;
      color: #fceeb8;
      padding: 8px 15px 8px 15px;
      display: block;
      text-decoration: none;
      /*
      remember this is for mobile ONLY, so there's no need
      to even declare hover styles here, you can do it in
      the style.scss file where it's relevant. We want to
      keep this file as small as possible!
      */ }
      .nav-holder .nav li a:hover, .nav-holder .nav li a:focus {
        background: #fceeb8;
        color: #3d3c3c;
        -webkit-text-shadow: 0px 1px 1px white;
        -ms-text-shadow: 0px 1px 1px white;
        -o-text-shadow: 0px 1px 1px white;
        -moz-text-shadow: 0px 1px 1px white;
        text-shadow: 0px 1px 1px white; }
    .nav-holder .nav li ul.sub-menu,
    .nav-holder .nav li ul.children {
      padding: 0;
      margin: 0; }
      .nav-holder .nav li ul.sub-menu li,
      .nav-holder .nav li ul.children li {
        font-weight: 500;
        font-size: 0.85em; }
        .nav-holder .nav li ul.sub-menu li a,
        .nav-holder .nav li ul.children li a {
          padding-left: 30px;
          color: white; }
          .nav-holder .nav li ul.sub-menu li a:hover, .nav-holder .nav li ul.sub-menu li a:focus,
          .nav-holder .nav li ul.children li a:hover,
          .nav-holder .nav li ul.children li a:focus {
            color: black; }

/* end .nav */
.carousel-control {
  display: block;
  z-index: 15; }

footer {
  font-size: 0.975em;
  padding: 30px 0;
  text-align: center; }
  footer a {
    margin-top: 20px; }
  footer .copyright {
    margin: 0;
    display: block; }
  footer .conw {
    display: none; }
  footer nav {
    display: block;
    position: relative;
    float: left;
    width: 100%; }
    footer nav ul {
      margin: 0 !important; }
    footer nav a {
      border-bottom: 1px solid #eee;
      display: block;
      text-decoration: none;
      padding: 10px 0;
      font-weight: 200;
      color: #858585; }

footer ul#menu-footer-menu {
  display: block;
  padding: 0;
  margin: 0; }

.dotted-intro {
  color: #5F767F;
  text-align: center;
  margin: 0 auto;
  max-width: 100%;
  font-size: 1.5em;
  font-weight: 200; }
  .dotted-intro .wrap {
    padding: 40px 5%;
    background: url("../images/dotted-bottom.png") repeat-x bottom; }

.standard-bottom-content {
    padding-bottom: 140px;
    line-height: 1.6;
    color: #526D7B;
    min-height: 900px;
    margin: auto;
    background: white;
    border-radius: 6px;
    margin-top: 45px;
}


.page-template-page-sidebar .standard-bottom-content {
  float: right;
  max-width: 74%;
}

.float-right-content {
  padding-bottom: 40px;
  line-height: 1.6;
  color: #597F92;
  max-width: 920px;
  margin: auto;
  background: white;
  padding: 39px;
  border-radius: 6px;
  margin-top: 53px;
  float: right;
}


#toc_container.toc_light_blue {
  background: #F9F9F9;
  border: none;
  padding: 26px;
  border-radius: 7px;
  width: 26%;
  margin-right: 31px;
  margin-left: -3px;
  border-right: 1px solid rgb(249, 249, 249);
}





#toc_container.no_bullets ul {
background: none;
list-style-type: none;
list-style: none;
font-size: 1em;
padding-bottom: 6px;
padding-top: 3px;
}

#toc_container.no_bullets li, #toc_container.no_bullets ul li, .toc_widget_list.no_bullets, .toc_widget_list.no_bullets li {
  background: none;
  list-style-type: none;
  list-style: none;
  font-size: 1em;
  border-top: 1px solid rgb(245, 245, 245);
  padding-bottom: 6px;
  padding-top: 3px;
}

.su-spoiler-content {
font-weight: normal;
color: rgb(98, 98, 98);
}

a.resource-link {
  display: block;
  font-size: 1.4em;
  font-weight: 500;
  color: #07A5C8;
  text-decoration: none;
}

a.resource-link i.icon {
  margin-right: 14px;
}

.location-inner {
  border: 1px solid rgb(239, 239, 239);
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 41px;
  width: 32%;
  float: left;
  margin-right: 1%;
  text-align: center;
}

.section-jump {
padding: 27px 5px 27px 39px;
background: rgb(250, 250, 250);
border: 1px dashed rgb(228, 228, 228);
}

.section-jump a {
color: #07A5C8;
font-weight: normal;
text-decoration: none;
}

.location-inner a.view {
font-weight: 500;
margin-top: 20px;
color: #06A5C7;
display: inline-block;
}

  .standard-bottom-content .button {
    padding: 11px 22px;
    margin-top: 20px; }
.standard-page-rows {
  position: relative;
}
.standard-page-rows .stand-row {
  background: url("../images/dotted-bottom.png") repeat-x bottom; }
  .standard-page-rows .stand-row h3 {
    color: #597F92;
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 30px; }
  .standard-page-rows .stand-row .text {
    font-size: 1.1em;
    line-height: 1.6;
    color: #597F92; }
  .standard-page-rows .stand-row img {
    margin-top: 25px; }
  .standard-page-rows .stand-row:last-of-type {
    margin-bottom: 50px; }

.how-we-help {
  background: #fff; }
  .how-we-help img {
    display: inline;
    margin-bottom: 15px; }
  .how-we-help .dotted-track {
    display: none; }
  .how-we-help .sixcol {
    padding-top: 20px; }
    .how-we-help .sixcol.first {
      margin-bottom: 40px; }
    .how-we-help .sixcol .tab-background {
      background: url("../images/tab-background.png") no-repeat center top;
      background-size: 90%;
      width: 100%;
      margin: 0 auto;
      line-height: 190px;
      padding-top: 40px;
      padding-bottom: 20px;
      margin-top: -59px;
      position: relative;
      z-index: 2; }
    .how-we-help .sixcol p {
      margin: 0 auto;
      margin-top: 10px;
      color: #5F7681;
      margin-bottom: 15px;
      font-size: 1em;
      line-height: 1.8;
      max-width: 480px; }
    .how-we-help .sixcol a {
      letter-spacing: 0.5px;
      font-size: 1.3em;
      margin-top: 10px; }

.cta-bar {
  color: white;
  background: url("../images/cta-bar-bg.jpg") no-repeat center;
  background-size: cover; }
  .cta-bar.band {
    padding: 10px 0; }
    .cta-bar.band h2 {
      margin-bottom: 0;
      font-weight: 500; }
  .cta-bar h2 {
    color: white;
    font-size: 1.8em;
  }
  .cta-bar p {
    font-size: 1em;
    margin: 13px 0; }
.cta-bar a {
  display: inline-block;
  margin-top: 6px;
  padding: 11px 24px 11px 24px;
  letter-spacing: 0px;
  border: 2px solid transparent;
  -webkit-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-out;
  font-size: 1.1em;
}
    .cta-bar a:hover {
      border: 2px solid white;
      background: transparent;
      color: white; }
    .cta-bar a:last-of-type {
      margin-right: 0; }
.cs-slider {
  color: white;
  position: relative; }
  .cs-slider .wrap {
    position: relative; }
  .cs-slider .cs-slide-bg {
    position: relative;
    top: 0;
    left: 0;
    right: 0; }
  .cs-slider .cs-slide {
    display: none;
    opacity: 0;
    position: relative;
    width: 100%;
    top: 0px;
    min-height: 545px;
    left: 0px;
    padding: 40px 0px;
    padding-bottom: 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all 750ms ease-out;
    -ms-transition: all 750ms ease-in;
    -o-transition: all 750ms ease-in;
    -moz-transition: all 750ms ease-in;
    transition: all 750ms ease-out; }
    .cs-slider .cs-slide::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.45); }
    .cs-slider .cs-slide .button.white {
      border: 2px solid transparent;
      background: white; }
      .cs-slider .cs-slide .button.white:hover {
        border: 2px solid #FFF;
        background: transparent;
        color: #FFF; }
    .cs-slider .cs-slide .inner {
      max-width: 818px;
      margin: 0 auto;
      width: 90%;
      position: relative;
      z-index: 1; }
    .cs-slider .cs-slide .cs-quote {
      font-size: 1.2em;
      line-height: 1.4;
      padding-left: 0;
      padding-right: 0; }
    .cs-slider .cs-slide .contact-details {
      margin-top: 5px; }
    .cs-slider .cs-slide .carousel-inner {
      max-width: 800px; }
    .cs-slider .cs-slide strong {
      font-weight: 600; }
    .cs-slider .cs-slide img {
      display: inline;
      max-width: 100px;
      border-radius: 100%; }
    .cs-slider .cs-slide.active {
      display: block;
      opacity: 1; }
    .cs-slider .cs-slide.next {
      z-index: 5;
      position: absolute;
      top: 0;
      left: 0;
      display: block; }
    .cs-slider .cs-slide a {
      margin-top: 15px;
      font-size: 1.3em;
      letter-spacing: 0px;
      padding: 12px 24px;
      background: #f9f9f9;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmYzZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(left, #f9f9f9 0%, #e6f3f5 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f9f9f9), color-stop(100%, #e6f3f5));
      background: -webkit-linear-gradient(left, #f9f9f9 0%, #e6f3f5 100%);
      background: -o-linear-gradient(left, #f9f9f9 0%, #e6f3f5 100%);
      background: -ms-linear-gradient(left, #f9f9f9 0%, #e6f3f5 100%);
      background: linear-gradient(to right, #f9f9f9 0%, #e6f3f5 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6f3f5',GradientType=1 ); }

.slider-controls {
  position: absolute;
  margin-left: -39px;
  left: 50%;
  z-index: 20;
  bottom: 14px; }
  .slider-controls a {
    display: block;
    margin-bottom: 15px;
    width: 13px;
    height: 13px;
    border: 1px solid white;
    border-radius: 100%;
    cursor: pointer;
    float: left;
    margin-right: 15px; }
    .slider-controls a:last-of-type {
      margin-bottom: 0;
      margin-right: 0; }
    .slider-controls a.active {
      background: white; }

.partner-block h4 {
  margin-top: 8px;
  color: #3F6C7F;
  font-weight: 500;
  font-size: 1.2em;
  text-shadow: 1px 1px 0px #FFF;
  letter-spacing: -0.2px; }
.partner-block > .last {
  min-height: 600px;
  background: url("../images/side-grad.png") no-repeat left top; }
.partner-block .info-block {
  min-height: 150px;
  margin-bottom: 15px;
  text-align: center; }
  .partner-block .info-block .text-left {
    text-align: center;
    margin-bottom: 50px; }
  .partner-block .info-block img {
    display: inline-block; }
  .partner-block .info-block p {
    max-width: 364px;
    font-size: 1.025em;
    line-height: 1.5;
    color: #5F767F; }

.shadow-box {
  background: white;
  position: relative;
  padding: 0;
  box-shadow: inset 1px 1px 4px 2px rgba(0, 0, 0, 0.07);
  border-radius: 12px;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 30px; }
  .shadow-box .item {
    float: left;
    width: 50%;
    display: block;
    padding: 0px;
    text-align: center;
    line-height: 145px; }
    .shadow-box .item:nth-last-child(3), .shadow-box .item:nth-last-child(1), .shadow-box .item:nth-last-child(2) {
      border-bottom: none; }
    .shadow-box .item:last-of-type {
      border-right: none; }
    .shadow-box .item:nth-of-type(3) {
      border-right: none; }
    .shadow-box .item img {
      display: inline-block;
      vertical-align: middle;
      max-width: 70%; }
  .shadow-box::before {
    position: absolute;
    display: block;
    top: -15px;
    left: 50%;
    margin-left: -16px;
    content: url("../images/shadow-box-tail.png"); }

.global-founders {
  background: #f7f7f7; }
  .global-founders img {
    margin: 0 auto;
    display: block;
    width: 70%;
    max-width: 300px; }
  .global-founders .fourcol {
    margin-bottom: 20px; }
  .global-founders .people-wrapper {
    margin-bottom: 20px; }
  .global-founders .person {
    background: #FFF;
    margin: 0px 10px;
    padding-top: 30px; }
    .global-founders .person a {
      text-decoration: none; }
    .global-founders .person .name {
      color: #3F6D80;
      font-size: 1.4em;
      display: block;
      font-weight: 500;
      margin-bottom: 0px; }
    .global-founders .person .title {
      font-size: 1.025em;
      color: #9FA7AD;
      font-weight: 400; }
  .global-founders .wrap > .button {
    padding: 17px 22px;
    letter-spacing: 0.5px;
    font-size: 1.3em; }

.person-shots img.large {
  max-width: 80%;
  max-height: 300px;
  right: 10%;
  display: none; }
  


.we-work-with {
  background: white;
  text-align: center;
  position: relative;
  z-index: 2; }
  .we-work-with .logo {
    float: left;
    width: 50%;
    text-align: center;
    height: 112px;
    line-height: 112px;
    opacity: 0.85; }
    .we-work-with .logo img {
      display: inline;
      vertical-align: middle;
      max-width: 80%; }
  .we-work-with .viewall {
    margin-bottom: 30px; }

.as-trusted-by {
  text-align: center;
  height: 22px;
  margin-top: -21px;
  position: relative;
  z-index: 95; }
  .as-trusted-by img {
    top: 6px;
    position: relative; }

.subtitle {
  color: #5F767F;
  font-size: 1.5em;
  font-weight: 200;
  margin-top: 0px;
  margin-bottom: 20px; }

.map {
  text-align: center;
  padding: 60px 0;
  background: #fff; }
  .map h2 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 3em;
    letter-spacing: -1px;
    display: inline-block; }
  .map .area-wrap {
    position: relative; }
    .map .area-wrap .pin {
      opacity: 0;
      position: absolute;
      margin-top: -25px;
      -webkit-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-in;
      -o-transition: all 500ms ease-in;
      -moz-transition: all 500ms ease-in;
      transition: all 500ms ease-out; }
      .map .area-wrap .pin.shown {
        margin-top: 0px;
        opacity: 1; }
  .map .bottom {
    font-size: 1em;
    color: #85979D; }
    .map .bottom .threecol {
      margin: 0;
      width: 100%;
      margin-bottom: 20px; }
      .map .bottom .threecol.first {
        background: none; }
    .map .bottom .stat-icon {
      color: #82cabd;
      font-size: 5.5em;
      font-family: 'streamline-30px-filled-in'; }
    .map .bottom .dividebar {
      width: 50px;
      height: 3px;
      margin: 20px auto;
      background: #D3DBE1; }
    .map .bottom strong {
      font-size: 2.2em;
      display: block;
      font-weight: 500;
      color: #3F6D7F !important;
      background: none !important;
      -webkit-text-fill-color: initial; }

.features {
  background: #f7f7f7; }
  .features .subtitle {
    margin-bottom: 40px; }
  .features .fourcol {
    text-align: center;
    line-height: 1.5;
    color: #5F767F;
    margin-bottom: 40px; }
    .features .fourcol img {
      display: inline; }
    .features .fourcol strong {
      color: #3F6D7F;
      font-size: 1.25em;
      display: block;
      margin-bottom: 5px;
      margin-top: 12px;
      font-weight: 500; }
    .features .fourcol p {
      font-size: 0.95em;
      margin-top: 10px; }
  .features h2 {
    margin-top: 0px;
    margin-bottom: 10px; }
  .features a.click-through {
    padding: 20px;
    margin-top: 15px;
    font-size: 1.3em; }

/*********************
FORM STYLES
*********************/
.gform_body,
.gform_footer {
  position: relative; }

.gform_validation_container {
  display: none; }

/*********************
POSTS & CONTENT STYLES
*********************/
/* end .hentry */
/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline {
  color: #999; }

/* entry content */
.entry-content {
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */ }
  .entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em; }
  .entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 100%;
    height: auto; }
  .entry-content video, .entry-content object {
    max-width: 100%;
    height: auto; }
  .entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 10px; }

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
  margin: 1.1em 0 2.2em; }

.pagination {
  text-align: center; }
  .pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    margin: 1px; }
    .pagination ul li {
      padding: 0;
      margin: 0;
      float: left;
      display: inline;
      overflow: hidden; }
      .pagination ul li a, .pagination ul li span {
        margin: 0;
        text-decoration: none;
        padding: 0;
        line-height: 1em;
        font-size: 1em;
        font-weight: normal;
        padding: .5em;
        min-width: 1em;
        display: block; }
      .pagination ul li span.current {
        font-weight: bold; }

/*********************
FOOTER STYLES
*********************/
.footer {
  background: #f2f2f2;
  clear: both;
  position: relative;
  box-shadow: 1px 1px 1px 1px #B9B9B9; }

.footer-top {
  font-size: 16px;
  background: #f7f7f7;
  padding-bottom: 50px;
  padding-top: 40px; }
  .footer-top .icon {
    line-height: 0;
    padding: 1px;
    font-size: 49px; }
  .footer-top a {
    text-decoration: none; }
  .footer-top .footer-pressreleases .icon {
    font-size: 45px; }
  .footer-top .footer-latestevents .icon {
    font-size: 45px; }
  .footer-top .icon-wrapper {
    min-height: 54px; }
  .footer-top .fourcol {
    margin-bottom: 30px; }
  .footer-top h4 {
    color: #5A8193;
    font-size: 1.375em;
    margin: 10px 0;
    margin-bottom: 17px;
    letter-spacing: -0.5px;
    text-shadow: 1px 1px 0px white; }
  .footer-top .littlebar {
    width: 90px;
    height: 3px;
    background: #D7DFE2;
    display: block;
    margin: 0 auto; }
  .footer-top .white {
    background: white;
    border-radius: 5px;
    padding: 31px;
    margin: 23px 20px;
    margin-bottom: 0;
    min-height: 237px;
    position: relative; }
  .footer-top img {
    display: inline-block; }
  .footer-top .carousel-control {
    display: inline-block;
    background: red;
    float: none;
    width: 30px;
    height: 30px;
    left: auto !important;
    right: auto !important;
    position: absolute;
    opacity: 1;
    bottom: 20px;
    top: auto;
    background: url("../images/carousel-arrows.png") no-repeat transparent !important; }
    .footer-top .carousel-control.left {
      background-position: 5px 5px !important;
      margin-left: -30px; }
    .footer-top .carousel-control.right {
      background-position: -25px 5px !important;
      margin-left: -5px; }
  .footer-top .item .pr-title {
    font-size: 1.15em;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #0DACCB; }
  .footer-top .item p {
    font-size: 0.95em;
    line-height: 1.7;
    color: #5F767F;
    margin-bottom: 40px; }
  .footer-top input {
    appearance: none;
    -webkit-appearance: none; }

#carousel-about {
  margin-top: 25px; }

.footer-mailinglist .gform_heading {
  font-size: 0.95em;
  margin: 0 20px;
  color: #5F767F;
  line-height: 1.7; }
.footer-mailinglist input[type="email"] {
  font-family: 'Gesta', Arial, Sans-Serif;
  border: 1px solid #EBEBEB;
  width: 100%;
  box-shadow: inset 1px 1px 5px rgba(175, 175, 175, 0.3);
  padding: 9px;
  color: #84A1AF;
  text-align: center;
  font-size: 1.05em;
  border-radius: 5px;
  padding: 13px 0; }
  .footer-mailinglist input[type="email"]:focus {
    outline: none;
    background: #FCFCFC; }
.footer-mailinglist ::-webkit-input-placeholder {
  color: #84A1AF; }
.footer-mailinglist :-moz-placeholder {
  /* Firefox 18- */
  color: #84A1AF; }
.footer-mailinglist ::-moz-placeholder {
  /* Firefox 19+ */
  color: #84A1AF; }
.footer-mailinglist :-ms-input-placeholder {
  color: #84A1AF; }
.footer-mailinglist input[type="submit"] {
  background: white;
  width: 100%;
  text-shadow: none;
  font-family: 'Gesta', Arial, Sans-Serif;
  font-size: 1.05em;
  border: 2px solid #73CDCE;
  font-weight: 400;
  border-radius: 5px;
  color: #73CDCE;
  margin-top: 5px;
  padding: 12px 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-transition: all 180ms ease-out;
  -ms-transition: all 180ms ease-in;
  -o-transition: all 180ms ease-in;
  -moz-transition: all 180ms ease-in;
  transition: all 180ms ease-out; }
  .footer-mailinglist input[type="submit"]:hover {
    background: #73CDCE;
    color: white; }

/*
  Case Study Single
*/
.case-study-single .big-header .wrap {
  padding: 40px 0; }
.case-study-single .big-header h2 {
  margin-bottom: 20px; }
.case-study-single .big-header p {
  max-width: 750px;
  margin: 0 auto; }
.case-study-single .page-intro {
  background: white;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none; }
.case-study-single .helped-testimonial {
  margin-top: 70px;
  padding-top: 70px; }
  .case-study-single .helped-testimonial img {
    border: none;
    margin-top: 20px;
    margin-bottom: 15px; }
  .case-study-single .helped-testimonial .h4 {
    font-weight: medium;
    font-size: 2.6em; }

.cs-overview p {
  font-size: 1.09em;
  color: #5F767F;
  line-height: 1.6; }

.challenge-solution {
  background: white; }
  .challenge-solution .sect-title {
    font-size: 1.45em;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    color: #5F767F; }
  .challenge-solution p {
    color: #5F767F;
    line-height: 1.62;
    font-size: 1.09em; }
  .challenge-solution h6 {
    font-size: 1.45em;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    color: #5F767F; }

#inner-footer .last {
  color: #ACBFC9;
  font-weight: 500; }

.project-goals, .why-partner {
  /* Goal Title */
  /* Goal Text */ }
  .project-goals .sixcol, .why-partner .sixcol {
    text-align: center;
    margin-top: 25px; }
    .project-goals .sixcol .icoholder, .why-partner .sixcol .icoholder {
      margin-bottom: 20px;
      line-height: 1;
      font-family: 'streamline';
      font-size: 3em; }
  .project-goals h4, .why-partner h4 {
    color: #3F6C7F;
    font-size: 1.2em;
    font-weight: bold; }
  .project-goals p, .why-partner p {
    line-height: 1.5;
    color: #5F767F; }

.project-goals {
  background: white; }

#banner-area .slide-images img {
  height: auto; }

#carousel-about .carousel-indicators {
  bottom: -20px; }

.page-template-page-module-php .top-nav li.menu-item-240 a {
  color: #06A5C7; }

.eightcol.blogpost p:first-of-type {
  margin-top: 0; }

.resource-switcher .resource-contents .item-name {
  padding: 0 10px; }

.career-title a {
  color: #3F6C7F; }

.learn-icons {
  font-size: 2.4em;
  padding: 1px;
  color: #0DACCB; }

span.icon.careericon {
  font-size: 1.2em;
  vertical-align: -4px;
  color: #0DACCB;
  padding: 1px; }

.social {
  display: inline-block;
  background: url("../images/social-icons.png") no-repeat #acc0c9;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  margin-right: 9px;
  vertical-align: -15px;
  box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  transition: all 250ms ease-out; }
  .social:last-of-type {
    margin-right: 0px; }
  .social:hover {
    background-color: #7E9FAD; }
  .social.twitter {
    background-position: 12px 10px; }
  .social.linkedin {
    background-position: -34px 11px; }
  .social.facebook {
    background-position: -79px 11px; }
  .social.youtube {
    background-position: -124px 11px; }
  .social.gplus {
    background-position: -170px 11px; }

.footer-logos {
  margin-top: 45px;
  background: url("../images/footer-shadow-top.png") no-repeat top center;
  padding-top: 45px;
  display: none; }

/* General settings */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
  background-image: url("../images/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }
div.selector, div.checker, div.button, div.radio, div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */ }
  div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
    outline: 0; }
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
  margin: 0;
  padding: 0; }

.highContrastDetect {
  background: url("../images/bg-input.png") repeat-x 0 0;
  width: 0px;
  height: 0px; }

/* Input & Textarea */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  padding: 3px;
  background: url("../images/bg-input.png") repeat-x 0 0;
  outline: 0; }
  input.uniform-input.active,
  select.uniform-multiselect.active,
  textarea.uniform.active {
    background: url("../images/bg-input-focus.png") repeat-x 0 0; }

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none; }

/* Select */
div.selector {
  background-position: 0 -130px;
  line-height: 26px;
  height: 26px;
  padding: 0 0 0 10px;
  position: relative;
  overflow: hidden; }
  div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 26px;
    line-height: 26px;
    padding-right: 25px;
    cursor: pointer;
    width: 100%;
    display: block; }
  div.selector.fixedWidth {
    width: 190px; }
    div.selector.fixedWidth span {
      width: 155px; }
  div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 22px;
    top: 2px;
    left: 0px;
    width: 100%; }
  div.selector.active {
    background-position: 0 -156px; }
    div.selector.active span {
      background-position: right -26px; }
  div.selector.hover, div.selector.focus {
    background-position: 0 -182px; }
    div.selector.hover span, div.selector.focus span {
      background-position: right -52px; }
    div.selector.hover.active, div.selector.focus.active {
      background-position: 0 -208px; }
      div.selector.hover.active span, div.selector.focus.active span {
        background-position: right -78px; }
  div.selector.disabled, div.selector.disabled.active {
    background-position: 0 -234px; }
    div.selector.disabled span, div.selector.disabled.active span {
      background-position: right -104px; }

/* Checkbox */
div.checker {
  position: relative; }
  div.checker, div.checker span, div.checker input {
    width: 19px;
    height: 19px; }
  div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -260px; }
    div.checker span.checked {
      background-position: -76px -260px; }
  div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  div.checker.active span {
    background-position: -19px -260px; }
    div.checker.active span.checked {
      background-position: -95px -260px; }
  div.checker.hover span, div.checker.focus span {
    background-position: -38px -260px; }
    div.checker.hover span.checked, div.checker.focus span.checked {
      background-position: -114px -260px; }
  div.checker.hover.active span, div.checker.focus.active span {
    background-position: -57px -260px; }
    div.checker.hover.active span.checked, div.checker.focus.active span.checked {
      background-position: -133px -260px; }
  div.checker.disabled, div.checker.disabled.active {
    background-position: -152px -260px; }
    div.checker.disabled span.checked, div.checker.disabled.active span.checked {
      background-position: -171px -260px; }

/* Radio */
div.radio {
  position: relative; }
  div.radio, div.radio span, div.radio input {
    width: 18px;
    height: 18px; }
  div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -279px; }
    div.radio span.checked {
      background-position: -72px -279px; }
  div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center; }
  div.radio.active span {
    background-position: -36px -279px; }
    div.radio.active span.checked {
      background-position: -90px -279px; }
  div.radio.hover span, div.radio.focus span {
    background-position: -72px -279px; }
    div.radio.hover span.checked, div.radio.focus span.checked {
      background-position: -108px -279px; }
  div.radio.hover.active span, div.radio.focus.active span {
    background-position: -54px -279px; }
    div.radio.hover.active span.checked, div.radio.focus.active span.checked {
      background-position: -126px -279px; }
  div.radio.disabled span, div.radio.disabled.active span {
    background-position: -144px -279px; }
    div.radio.disabled span.checked, div.radio.disabled.active span.checked {
      background-position: -162px -279px; }

/* Uploader */
div.uploader {
  background-position: 0 -297px;
  height: 28px;
  width: 190px;
  cursor: pointer;
  position: relative;
  overflow: hidden; }
  div.uploader span.action {
    background-position: right -409px;
    height: 28px;
    line-height: 28px;
    width: 85px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer; }
  div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 24px;
    margin: 2px 0 2px 2px;
    line-height: 24px;
    width: 82px;
    padding: 0 10px; }
  div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%; }
  div.uploader.active span.action {
    background-position: right -465px; }
  div.uploader.hover, div.uploader.focus {
    background-position: 0 -353px; }
    div.uploader.hover span.action, div.uploader.focus span.action {
      background-position: right -437px; }
    div.uploader.hover.active span.action, div.uploader.focus.active span.action {
      background-position: right -493px; }
  div.uploader.disabled, div.uploader.disabled.active {
    background-position: 0 -325px; }
    div.uploader.disabled span.action, div.uploader.disabled.active span.action {
      background-position: right -381px; }

/* Buttons */
div.button {
  background-position: 0 -641px;
  height: 30px;
  cursor: pointer;
  position: relative;
  /* Keep buttons barely visible so they can get focus */ }
  div.button a, div.button button, div.button input {
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute; }
  div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 30px;
    text-align: center;
    background-position: right -521px;
    height: 30px;
    margin-left: 13px;
    padding: 0; }
  div.button.active {
    background-position: 0 -671px; }
    div.button.active span {
      background-position: right -551px;
      cursor: default; }
  div.button.hover, div.button.focus {
    background-position: 0 -701px; }
    div.button.hover span, div.button.focus span {
      background-position: right -581px; }
  div.button.disabled, div.button.disabled.active {
    background-position: 0 -731px; }
    div.button.disabled span, div.button.disabled.active span {
      background-position: right -611px;
      cursor: default; }

/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to 
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection. 
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.scss */
  .menu {
    /* end .menu ul */ }
    .menu ul {
      /* end .menu ul li */
      /* highlight current page */
      /* end current highlighters */ }
      .menu ul li {
        /*
        plan your menus and drop-downs wisely.
        */ }
        .menu ul li a {
          /*
          you can use hover styles here even though this size
          has the possibility of being a mobile device.
          */ }

  /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */ }
    .entry-content .alignleft, .entry-content img.alignleft {
      margin-right: 1.5em;
      display: inline;
      float: left; }
    .entry-content .alignright, .entry-content img.alignright {
      margin-left: 1.5em;
      display: inline;
      float: right; }
    .entry-content .aligncenter, .entry-content img.aligncenter {
      margin-right: auto;
      margin-left: auto;
      display: block;
      clear: both; }
      
      header.support-home .top-nav li a {
        color: white;
      }
      
    header.support-home.smaller .top-nav li a {
      color: #5F767F;
    }
      
      header.support-home .top-nav li a:hover {
          color: #EAEAEA;
      }
      
      header.support-home.smaller .top-nav li a:hover {
        color: #39a5c9 !important;
      }
      
        
   
      
      header-support-home.smaller {
        background: white;
      }
      
      
      header.support-home .top-nav li.current-menu-item a  {
        color: white;
      }
      
      header.support-home.smaller .top-nav li.current-menu-item a  {
        color: #07A5C8;
      }
      
      
      
   
      

  /* end .entry-content */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* end .footer-links */ }
/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 868px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Grid Stylesheet
  
  I've seperated the grid so you can swap it out easily. It's
  called at the top the style.scss stylesheet.
  
  There are a ton of grid solutions out there. You should definitely
  experiment with your own. Here are some recommendations:
  
  http://gridsetapp.com - Love this site. Responsive Grids made easy.
  http://susy.oddbird.net/ - Grids using Compass. Very elegant.
  http://gridpak.com/ - Create your own responsive grid.
  
  The grid below is a combination of the 1140 grid and Twitter Boostrap. 
  I liked 1140 but Boostrap's grid was way more detailed so I merged them 
  together, let's see how this works out. If you want to use 1140, the original 
  values are commented out on each line.
  
  ******************************************************************/
  .onecol {
    width: 6.5%; }

  /* 4.85%;  } /* grid_1  */
  .twocol {
    width: 15.0%; }

  /* 13.45%; } /* grid_2  */
  .threecol {
    width: 23.5%; }

  /* 22.05%; } /* grid_3  */
  .fourcol {
    width: 31.0%; }
    
    .sidebar {
      display: block;
    }
    #logo img {
    display: inline-block; }
    #logo img.retina-logo {
      display: none; } 
   header.support-home {
       background: transparent;
       border-bottom: 1px solid rgba(255, 255, 255, 0.15);
       -webkit-box-shadow: none;
       -moz-box-shadow: none;
       box-shadow: none;
   }
    
    .top-nav li {
        padding: 3px 2.5% 12px 0px;
        font-size: 0.8em;
    }
    .mobile-search-toggle {
      display: none;
    }
.status-update p {
  overflow: hidden;
  max-height: 19px;
  width: 85%;
  margin-top: 9px;
}
    .home-panel {
      padding: 20px 30px 40px 30px;
      border-radius: 8px;
      margin-right: 0.6%;
      margin-bottom: 19px;
      min-height: 283px;
    }
   #post-not-found {
    min-height:200px;
   }
  body {
    position: relative;
    height: 100%;
  }
   .page-template-default footer, 
   .search-results footer {
      background: #f2f2f2;
      clear: both;
      box-shadow: none;
      width: 76.45%;
      float: right;
      z-index: 9999;
      margin-right: 0;
      right: 0;
      bottom: 0;
   }

   .search-no-results .footer,
   .search-results .footer {
      width: 100%;
      background: #f2f2f2;
      clear: both;
      margin-right: 0;
      position: relative;
      box-shadow: none;
   }

   
   header.support-home .support-name {
        color: #FFFFFF;
        border-left: 1px solid rgba(243, 243, 243, 0.28);
        font-size: 0.8em;
   }
   
     .status-updates {
      height: 43px;
     }
     
     .status-title {
      max-width: 111px;
      font-weight: bold;
      border-right: 1px solid rgba(230, 156, 19, 0.18);
      text-align: left;
      margin-top: -1px;
      height: 41px;
      line-height: 40px;
     }
     
     .support-name {
          font-size: 0.7em;
          margin-top: 9px;
     }
    

  /* 30.75%; } /* grid_4  */
  .fivecol {
    width: 40.5%; }

  /* 39.45%; } /* grid_5  */
  .sixcol {
    width: 49%; }

  /* 48%;    } /* grid_6  */
  .sevencol {
    width: 57.5%; }

  /* 56.75%; } /* grid_7  */
  .eightcol {
    width: 66.0%; }

  /* 65.4%;  } /* grid_8  */
  .ninecol {
    width: 74.5%; }

  /* 74.05%; } /* grid_9  */
  .tencol {
    width: 83.0%; }

  /* 82.7%;  } /* grid_10 */
  .elevencol {
    width: 91.5%; }

  /* 91.35%; } /* grid_11 */
  .twelvecol {
    width: 99.999999993%; }

  /* 100%;   } /* grid_12 */
  .fifthcol {
    width: 18.39%; }
    
    .fivecol.header-nav {
      width: 47%;
    }

  /* 13.45%; } /* grid_2  */
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol, .fifthcol {
    position: relative;
    float: left;
    margin-left: 2%; }

  .first {
    margin-left: 0; }

  .last {
    float: right; }
    
    .status-updates .status-update p {
      float: left;
    }

  /******************************************************************
  Site Name: Framework
  Author: Tone
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  body {
    overflow-x: auto; }

  .showmob {
    display: none; }
    
    
    
  .sidebar {
      position: fixed;
      background: #f2f2f2;
      overflow-y: auto;
      padding: 0px 21px 20px 27px;
      top: 71px;
      left: 0px;
      bottom: 0px;
  }

  .sidebar .widget:last-of-type {
    margin-bottom: 0;
  }
   
   .sidebar ul li.current-menu-item a {
    color: #05a4c6;
   }
   
   .sidebar ul li.current-menu-item ul.sub-menu li a {
    color: #515151;
   }

.home-central {
    color: white;
    max-width: 90%;
    margin: auto;
    margin-top: 3.5%;
    margin-bottom: 5%;
    width: 655px;
}
    
    .ninecol.standard-page {
      float: right;
      max-width: 78%;
      min-width: 76.5%;
    }

  .hidemob {
    display: block; }

  .about-anchors {
    border-bottom: 1px solid white; }

  .res-page.related-resources a.active::after {
    content: url("../images/blue-arrow-down.png");
    z-index: 5;
    position: absolute;
    bottom: -19px;
    left: 50%;
    margin-left: -10px; }

  .res-page.related-resources .resource-switcher .buttons,
  .res-page.related-resources .resource-switcher .buttons a {
    border-radius: 0 !important; }

  #container {
    margin: 0 auto;
    position: static;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none; }
    #container.menu-open {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }

  #inner-content {
    padding-top: 40px;
    padding-bottom: 40px; }

  .intro-copy {
    font-size: 24px; }

  .our-clients .client-logo {
    float: left;
    width: 50%; }

  .about-bottom .sixcol.last {
    background: url("../images/side-grad.png") no-repeat left top;
    min-height: 600px; }
  .about-bottom .career-post .inner {
    margin: 0 40px; }

  .home-gallery {
    width: 49%;
    margin-bottom: 40px; }
    .home-gallery:nth-of-type(3) {
      margin-left: 0; }

  .above-blue-blocks .threecol {
    margin-bottom: 0; }

  .band {
    padding: 45px 0 55px 0px; }

  .page-intro.band {
    padding: 50px 0 50px 0px; }

  .why-partner.band {
    padding: 50px 0 20px 0px; }

  .header-platform-features {
    padding-top: 65px; }
    .header-platform-features .first {
      padding-top: 40px; }
      .header-platform-features .first img {
        margin: 20px 0; }

  .pf-features .fourcol {
    margin-bottom: 50px; }

  .industry-dd {
    position: absolute;
    text-align: center;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    background: white;
    display: none;
    z-index: 90;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    width: 610px;
    right: auto;
    left: auto;
    margin-left: -250px;
    top: 85px;
    text-align: left !important; }

  .industry-dd {
    position: absolute;
    text-align: center;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    background: white;
    display: none;
    z-index: 90;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    width: 610px;
    right: auto;
    left: auto;
    margin-left: -250px;
    top: 85px;
    text-align: left !important; }

  .industry-dd .sixcol {
    padding: 30px;
    width: 50%; }

  .industry-dd .sixcol .lititle {
    margin: 10px 0;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee; }

  .industry-dd .sixcol .lidiscover {
    font-size: 0.8em;
    color: #666; }

  .industry-dd .sixcol:nth-of-type(1) .lititle {
    color: #1894D8; }

  .industry-dd .sixcol:nth-of-type(2) .lititle {
    color: #1bb0c2; }

  .industry-dd .sixcol {
    padding: 30px;
    width: 50%; }

  .industry-dd .sixcol:first-of-type {
    border-right: 1px solid #eee; }

  .why-slider {
    padding-bottom: 58px !important; }
    .why-slider .carousel-control {
      width: 80px;
      height: 80px;
      top: 50%;
      position: absolute;
      font-size: 1.6em;
      float: none;
      margin-top: -40px;
      left: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -webkit-transition: all 250ms ease-out;
      -ms-transition: all 250ms ease-in;
      -o-transition: all 250ms ease-in;
      -moz-transition: all 250ms ease-in;
      transition: all 250ms ease-out; }
      .why-slider .carousel-control:hover {
        opacity: 1;
        background-color: #C1D3D6; }
      .why-slider .carousel-control.left {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        background-position: 30px 25px !important; }
      .why-slider .carousel-control.right {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        background-position: -590px 25px !important; }

  p.subtitle {
    padding: 0 2%; }

  .subtitle {
    margin-bottom: 30px; }

  .icon-left {
    display: block; }
    .icon-left div {
      font-size: 59px; }

  .ind-intro {
    padding-left: 25px; }

  .ind-intro::after {
    content: '';
    border-left: 1px solid #D9D9D9;
    position: absolute;
    left: -4%;
    height: 100%;
    top: 0;
    bottom: 0; }

  .dotted-intro {
    max-width: 90%;
    font-size: 2em;
    font-weight: 200; }

  .standard-page-rows .stand-row .text {
    padding-right: 20px; }
  .standard-page-rows .stand-row .first.last .text {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 40px;
    /* Firefox */
    column-gap: 40px;
    column-width: 50%;
    -webkit-column-width: 50%; }
  .standard-page-rows .stand-row img {
    margin-top: 0; }

  .resource-switcher .mobile-button-dd {
    display: none; }
  .resource-switcher.square .resource-contents .content-area {
    background-size: cover;
    padding: 40px 50px; }
  .resource-switcher.square .buttons {
    border-radius: 0 !important;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    left: auto;
    display: block !important;
    opacity: 1 !important;
    z-index: 1;
    margin-top: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none; }
    .resource-switcher.square .buttons a {
      border-radius: 0 !important;
      width: 20%;
      border-right: 1px solid #EEE; }
      .resource-switcher.square .buttons a:hover {
        background-color: #FAFAFA; }
      .resource-switcher.square .buttons a.active:hover {
        background-color: #06A8CA; }
  .resource-switcher.square .box {
    max-width: 500px;
    margin-top: 0; }
  .resource-switcher .buttons {
    position: relative;
    opacity: 1 !important;
    z-index: 1 !important;
    width: 100%;
    left: auto;
    right: auto;
    text-align: center;
    background: white;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    overflow: hidden; }
    .resource-switcher .buttons a {
      border-right: 1px solid #EEEEEE;
      transition: 0.25s background-color ease;
      -moz-transition: 0.25s background-color ease;
      -webkit-transition: 0.25s background-color ease;
      -o-transition: 0.25s background-color ease; }
      .resource-switcher .buttons a:hover {
        background-color: #FAFAFA; }
      .resource-switcher .buttons a.active:hover {
        background-color: #08AACC; }
      .resource-switcher .buttons a.active::after {
        content: url("../images/blue-arrow-down.png");
        position: absolute;
        bottom: -19px;
        z-index: 5;
        left: 50%;
        margin-left: -10px; }
  .resource-switcher .resource-contents .fourcol {
    margin-bottom: 0; }

  /*
    Header
  */
  .big-header .wrap {
    padding: 50px 0; }
  .big-header.header-partners {
    background-image: url("../images/partners-title.jpg"); }
    .big-header.header-partners h2 {
      font-size: 3.5em;
      max-width: 680px;
      display: inline-block; }
  .big-header.header-partners p {
    font-size: 1.5em; }

  .partners-blue .wrap h2 {
    margin-bottom: 70px; }
  .partners-blue .wrap .button {
    margin-top: 55px; }

  .supporting-partners .wrapped {
    margin: 0 auto;
    max-width: 60%; }

  .industry-intro {
    padding-top: 75px;
    padding-bottom: 75px; }
    .industry-intro .intro {
      line-height: 1.5; }
    .industry-intro h2 {
      margin-bottom: 66px; }
    .industry-intro .sixcol:last-of-type img {
      margin-top: 0px; }

  .industry-solutions .subtitle {
    margin-bottom: 50px; }

  .cta-bar a {
    margin-right: 20px; }

  .cta-band {
    text-align: left;
    font-size: 18px; }
    .cta-band h3 {
      font-size: 32px;
      float: left;
      display: inline-block;
      margin-bottom: 0; }
    .cta-band h4 {
      font-size: 18px; }
    .cta-band a {
      padding: 15px 25px;
      display: inline-block;
      float: right;
      margin-top: 5px; }
      .cta-band a:last-of-type {
        margin-right: 0; }

  .we-helped {
    padding: 80px 0; }
    .we-helped p {
      font-size: 1.25em;
      max-width: 90%; }
    .we-helped::before {
      background: rgba(0, 0, 0, 0.6); }
    .we-helped h3 {
      letter-spacing: -0.5px;
      font-size: 3.2em; }
    .we-helped .fivecol {
      width: 100.0%; }

  .how-we-help .sixcol.first {
    margin-bottom: 0; }
  .how-we-help .dotted-track {
    display: block;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 175px;
    height: 270px;
    width: 661px;
    overflow: hidden;
    margin-left: -330px;
    text-align: center; }
    .how-we-help .dotted-track .insider {
      display: inline-block;
      background: url("../images/dotted-box.png") no-repeat center top;
      height: 0px;
      width: 20px; }
  .how-we-help.animated .sixcol {
    opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0); }
  .how-we-help .sixcol {
    opacity: 0;
    margin-top: 0px;
    padding-top: 70px;
    position: relative;
    z-index: 3;
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    transition: all 300ms ease-out;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0); }
    .how-we-help .sixcol .tab-background {
      background-size: cover;
      width: 90%;
      max-width: 370px; }

  /*
    Contact Page
  */
  .contact-sidebar {
    max-width: 300px;
    padding-left: 30px;
    margin-top: 0; }

  .cf-main-wrap .gform_wrapper .gfield {
    float: left;
    width: 50%; }
    .cf-main-wrap .gform_wrapper .gfield:nth-of-type(odd) {
      padding-right: 15px; }
    .cf-main-wrap .gform_wrapper .gfield:nth-of-type(even) {
      padding-left: 15px; }
    .cf-main-wrap .gform_wrapper .gfield:last-of-type {
      width: 100%;
      padding: 0;
      float: none;
      margin-bottom: 26px; }
  .cf-main-wrap .gform_wrapper input[type="submit"] {
    width: auto; }

  .contact-map .office .inside {
    padding: 25px;
    margin: 10px;
    min-height: 265px; }
    .contact-map .office .inside h4 img {
      display: block;
      margin-bottom: 10px; }

  .contact-bottom .first {
    padding-right: 35px; }
  .contact-bottom .career-post {
    margin-left: 40px; }

  /*
    Module Page
  */
  .module-intro {
    font-size: 2em;
    font-weight: 200;
    color: #5F767F;
    padding: 35px 70px;
    margin-bottom: 40px; }

  .module-blocks .career-block .content {
    padding-top: 30px;
    margin-bottom: 0; }

  .testimonial {
    font-size: 24px; }
    .testimonial p {
      margin: 0 80px 20px 80px; }

  #inner-footer .last {
    text-align: right; }

  .social {
    width: 38px;
    height: 38px;
    margin-right: 5px; }
    .social:first-of-type {
      margin-left: 10px; }

  .topbar {
    display: block;
    padding: 10px 0; }
    .topbar.mobile {
      display: none; }
    .topbar p {
      display: block;
      padding: 5px 0 0 0; }
    .topbar form {
      float: right; }
      .topbar form input {
        float: left;
        width: auto; }
        .topbar form input#searchsubmit {
          width: 40px;
          display: inline-block;
          background: url(../images/search-icon.png) no-repeat #666666;
          background-size: 16px;
          background-position: center;
          overflow: hidden;
          text-indent: -5000px; }
          .topbar form input#searchsubmit:hover {
            background-color: #000; }

  .flex-control-nav {
    display: block; }

  .carousel-indicators {
    display: block; }

  .slider .carousel-caption {
    right: 0;
    left: 0;
    bottom: 30px;
    font-weight: 400;
    width: 100%;
    font-size: 18px;
    padding: 45px 0;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
    background: none; }

  /* snide carousel */
  .slider .item .carousel-caption {
    top: 100%;
    opacity: 0.01;
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    transition: all 300ms ease-out; }

  .slider .item.active .carousel-caption {
    position: absolute;
    top: 0px;
    opacity: 0.99; }

  .slider .carousel-caption .wrap {
    background: transparent;
    text-align: left; }

  .slide-info {
    text-shadow: none;
    max-width: 500px;
    width: auto;
    padding: 20px 20px;
    padding-left: 0;
    display: inline-block; }
    .slide-info h2 {
      padding: 0;
      margin: 0;
      font-size: 1.8em; }
    .slide-info .button {
      font-size: 1.1em;
      float: left; }
    .slide-info p {
      font-size: 1.2em;
      line-height: 1.6;
      font-weight: 300;
      margin-top: 10px; }

  .carousel-inner {
    padding-bottom: 0;
    overflow: hidden;
    max-height: 600px; }
    .carousel-inner img {
      max-width: 84%; }

  .map {
    text-align: center;
    padding: 60px 0;
    background: white url("../images/bgmap.png") no-repeat top center;
    background-size: 200%;
    background-position: center center; }
    .map .bottom .threecol {
      width: 33%;
      padding: 0px 50px; }
      .map .bottom .threecol:last-of-type {
        display: none; }

  /* end snide carousel */
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    width: 92%;
    max-width: 1360px; }

  .page-intro {
    font-size: 2em; }

  .big-header {
    min-height: 550px;
    max-height: 550px; }
    .big-header h2 {
      margin-bottom: 10px;
      font-size: 4.2em; }
    .big-header p {
      font-size: 1.75em; }

  .big-header.header-careers .wrap {
    padding: 160px 0; }

  .page-template-page-careers-php .big-header::after {
    background: rgba(0, 0, 0, 0.25); }

  /*
    Case Study
  */
  img.caselogo {
    max-width: 200px; }

  .case-study-single {
    text-align: left; }
    .case-study-single .big-header .wrap {
      padding: 150px 0; }
    .case-study-single .big-header h2 {
      margin-bottom: 0; }
    .case-study-single .helped-testimonial {
      margin-top: 170px;
      background: url("../images/bottom-shadow.png") no-repeat top center; }

  .case-study-single .big-header::after {
    background: rgba(0, 0, 0, 0.01);
    content: ""; }

  .case-study-blocks {
    padding: 70px 0; }

  .cs-block .bottom {
    padding: 45px; }
    .cs-block .bottom img {
      margin-bottom: 0; }
  .cs-block:last-of-type {
    margin-bottom: 50px; }

  .case-study-header {
    padding: 150px 0; }

  .more-case-studies .fourcol {
    margin-bottom: 0; }

  .case-study .cs-quote {
    font-size: 1.9em;
    font-weight: 200; }

  .cs-quote-block {
    padding-top: 245px;
    padding-bottom: 90px; }

  .project-goals .sixcol, .why-partner .sixcol {
    padding: 3em 0;
    width: 46%;
    margin-top: 0;
    text-align: center;
    border-bottom: none;
    min-height: 280px; }
    .project-goals .sixcol .icoholder, .why-partner .sixcol .icoholder {
      margin-bottom: 0;
      min-height: 280px; }
  .project-goals .sixcol:nth-of-type(odd), .why-partner .sixcol:nth-of-type(odd) {
    margin-right: 4%; }
  .project-goals .sixcol:nth-of-type(even), .why-partner .sixcol:nth-of-type(even) {
    margin-left: 4%; }
  .project-goals .sixcol:nth-of-type(odd):after, .why-partner .sixcol:nth-of-type(odd):after {
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    right: -9%;
    top: 50px;
    bottom: 50px;
    border-right: 1px dotted lightgrey; }
  .project-goals .sixcol:nth-of-type(1n+3), .why-partner .sixcol:nth-of-type(1n+3) {
    border-top: 1px dotted lightgrey; }

  .cs-intro-img {
    margin-top: 0; }

  .about-intro .intro-para {
    margin-bottom: 50px;
    font-size: 1.6em; }

  #timeline ul.arrows {
    display: block; }

  .key-events .key {
    top: 5px; }
  .key-events .history-item {
    min-height: 360px;
    margin-left: 30px;
    width: 295px; }
    .key-events .history-item:first-of-type {
      margin-left: 100px; }
  .key-events h3 {
    text-align: center; }

  .about-anchors {
    padding: 30px 0px;
    font-size: 0.9em; }
    .about-anchors ul {
      display: block;
      max-width: 100%; }
    .about-anchors .mobile-button-dd,
    .about-anchors .buttons {
      display: none; }

  .intro-blocks img {
    display: inline-block;
    margin-bottom: 20px; }
  .intro-blocks h4 {
    color: #3F6C7F;
    font-size: 1.4em;
    font-weight: 500; }
  .intro-blocks p {
    color: #5F767F;
    font-size: 0.95em;
    max-width: 263px;
    line-height: 1.6;
    margin-top: 0;
    margin: 0 auto; }
  .intro-blocks.intro-blocks-md {
    padding-bottom: 60px;
    background: url("../images/module-intro-bottom.png") repeat-x bottom; }
    .intro-blocks.intro-blocks-md h3 {
      color: #597F92;
      font-weight: bold;
      font-size: 1.5em;
      text-align: center;
      margin-bottom: 50px; }
  .intro-blocks .intro-block {
    margin-bottom: 0; }

  .challenge-solution p {
    padding-right: 80px; }
  .challenge-solution .sixcol.first {
    margin-bottom: 0px; }

  .whos-it-for .subtitle {
    margin-bottom: 50px; }
  .whos-it-for img {
    margin-bottom: 15px; }
  .whos-it-for .title {
    margin-bottom: 15px; }
  .whos-it-for .who-block {
    margin-bottom: 0; }

  .conclusion .conc-image {
    margin-bottom: -180px; }

  .shadow-right {
    background: url("../images/right-shadow.png") no-repeat right; }

  .blogpost .post-bottom {
    margin-top: 20px; }
  .blogpost .prevnext-wrap {
    overflow: visible;
    border-radius: 0px; }
    .blogpost .prevnext-wrap a {
      border-radius: 5px; }
  .blogpost .inner {
    padding: 35px; }
  .blogpost .single-title {
    font-size: 2.5em; }

  a.sixcol.last.next.clearfix, .cf-main-wrap a.sixcol.last.next.gform_wrapper, .resource-form-wrap a.sixcol.last.next.gform_body {
    margin-top: 0; }

  .shadow-box {
    margin-top: 30px;
    margin-left: 35px;
    margin-right: 20px;
    margin-bottom: 0; }
    .shadow-box .item {
      width: 33.333%;
      border-right: 1px solid #EEEEEE;
      border-bottom: 1px solid #EEEEEE; }
      .shadow-box .item:nth-last-child(3), .shadow-box .item:nth-last-child(1), .shadow-box .item:nth-last-child(2) {
        border-bottom: none; }
      .shadow-box .item:last-of-type {
        border-right: none;
        width: 33.333%; }
      .shadow-box .item:nth-of-type(3) {
        border-right: none; }

  /*********************
  HEADER STYLES
  *********************/
  .header {
    height: auto;
    padding: 11px 0;
    transition: 0.35s padding ease;
    -webkit-transition: 0.35s padding ease;
    -o-transition: 0.35s padding ease;
    -moz-transition: 0.35s padding ease;
    -webkit-box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.11);
        -moz-box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.11);
        box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.11);
        }
 .header #inner-header {
     padding-bottom: 0;
     margin-bottom: 0;
     max-width: 100%;
     margin-left: 29px;
     margin-right: 30px;
 }
 
#inner-header {
    margin: 0 auto;
}

  .whitepaper-mid .sixcol {
    padding-right: 20px; }

  .header-contact {
    display: block;
    font-size: 24px; }
    .header-contact span {
      display: inline; }
      .header-contact span.divider {
        display: inline; }
    .header-contact p {
      text-align: right;
      padding-top: 30px; }

  #logo {
    padding: 0;
    line-height: 0;
    text-align: left;
    margin-top: 0;
        max-width: 76px; }
   #logo img {
       margin: 0;
       margin-top: 0;
       display: inline-block;
       max-width: 100%;
       width: 72px;
       min-width: 65px;
   }
  .blue-header {
    padding-top: 55px; }
    .blue-header h1 {
      font-size: 3.4em; }
 .blue-header.module-header {
     padding: 44px 15px 31px 15px;
     margin-bottom: 40px;
 }
 
      .blue-header.module-header h1 {
          color: white;
          margin-top: 0;
          font-size: 1.4em;
          font-weight: 500;
          letter-spacing: -0.5px;
          text-shadow: none;
          border-bottom: 1px solid rgba(255, 255, 255, 0.16);
          padding-bottom: 23px;
      }

  .cs-slider .cs-slide {
    padding: 60px 0px 60px 0;
    min-height: 525px; }
    .cs-slider .cs-slide::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.15); }
    .cs-slider .cs-slide .cs-quote {
      font-size: 1.275em;
      line-height: 1.4;
      padding-left: 20px;
      padding-right: 20px; }
    .cs-slider .cs-slide .inner {
      max-width: 818px;
      margin: 0 auto;
      width: 80%; }
    .cs-slider .cs-slide .cs-quote {
      padding-left: 0px;
      padding-right: 0px;
      font-size: 1.575em; }

  .header-nav {
    display: inline-block;
    max-width: 560px; }

  .partner-block .info-block {
    text-align: left; }
    .partner-block .info-block .text-left {
      text-align: left;
      margin-bottom: 0; }

  .we-work-with .logo {
    float: left;
    width: 16.6%;
    text-align: center;
    height: 110px;
    line-height: 110px;
    opacity: 0.85; }
    .we-work-with .logo img {
      display: inline;
      vertical-align: middle;
      max-width: 70%; }
    .we-work-with .logo:nth-of-type(7), .we-work-with .logo:nth-of-type(8) {
      display: none; }

  h2, .h2 {
    font-size: 3em;
    letter-spacing: -1px; }

  /*********************
  NAVIGATION STYLES
  *********************/
  .mobile-menu-toggle {
    display: none; }

  .nav-holder {
    border-bottom: 1px solid #ddd; }

  .mobile-navigation {
    display: none; }

  .top-nav {
    display: block !important;
    text-align: right;
    margin: 15px 0px;
    margin-bottom: 0; }

  .who-we-partner img {
    max-width: 50%; }

  .global-founders .fourcol {
    margin-bottom: 0; }
  .global-founders img {
    width: 100%; }
  .global-founders .people-wrapper {
    margin-bottom: 20px; }

  .top-bar {
    font-size: 12px; }
    .top-bar img {
      margin-right: 2px;
      display: inline; }
    .top-bar .wrap {
      width: 94%;
      padding-left: 0; }

  .top-bar-menu {
    float: right;
    display: block;
    margin-right: 8px; }
    .top-bar-menu ul {
      margin: 0;
      margin-top: 2px; }
      .top-bar-menu ul li {
        padding: 0 5px;
        border-right: 1px solid #DADADA;
        float: left; }
        .top-bar-menu ul li a {
          color: #98A6AF;
          -webkit-transition: all 250ms ease-out;
          -ms-transition: all 250ms ease-in;
          -o-transition: all 250ms ease-in;
          -moz-transition: all 250ms ease-in;
          transition: all 250ms ease-out; }
          .top-bar-menu ul li a:hover {
            color: #3F6D7F; }
        .top-bar-menu ul li:last-of-type {
          border-right: none; }

  .header-wrapper {
    height: 71px; }

  .header-wrap {
    height: 100px;
    background: transparent; }

  .nav-holder .nav {
    display: block;
    padding: 10px 0;
    position: static;
    width: auto;
    height: auto;
    background: transparent;
    border: 0;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */ }
    .nav-holder .nav ul {
      margin-top: 0; }
    .nav-holder .nav li {
      float: left;
      margin-right: 30px;
      border-bottom: none;
      font-size: 22px;
      /*
      plan your menus and drop-downs wisely.
      */
      /* showing sub-menus */ }
      .nav-holder .nav li.current-menu-item > a {
        color: #996245; }
      .nav-holder .nav li a {
        text-shadow: none;
        border: none;
        background: transparent;
        color: #3d3c3c;
        padding: 0;
        display: block;
        text-decoration: none;
        /*
        you can use hover styles here even though this size
        has the possibility of being a mobile device.
        */ }
        .nav-holder .nav li a:hover, .nav-holder .nav li a:focus {
          color: #662815;
          background: transparent; }
      .nav-holder .nav li.menu-item-39 {
        float: right;
        padding: 0;
        margin: 0; }
        .nav-holder .nav li.menu-item-39 a {
          padding: 3px 10px;
          background: #3d3c3c;
          color: #fceeb8; }
      .nav-holder .nav li ul.sub-menu,
      .nav-holder .nav li ul.children {
        margin-top: 0;
        border: 1px solid #ccc;
        position: absolute;
        overflow: hidden;
        visibility: hidden;
        z-index: 8999;
        /* highlight sub-menu current page */ }
        .nav-holder .nav li ul.sub-menu li,
        .nav-holder .nav li ul.children li {
          float: none;
          margin-right: 0;
          background: #fff;
          /*
          if you need to go deeper, go nuts
          just remember deeper menus suck
          for usability. k, bai.
          */ }
          .nav-holder .nav li ul.sub-menu li a,
          .nav-holder .nav li ul.children li a {
            color: #3d3c3c;
            padding-left: 10px;
            border-right: 0;
            display: block;
            width: 180px;
            border-bottom: 1px solid #ccc; }
            .nav-holder .nav li ul.sub-menu li a:hover, .nav-holder .nav li ul.sub-menu li a:focus,
            .nav-holder .nav li ul.children li a:hover,
            .nav-holder .nav li ul.children li a:focus {
              background: #fceeb8;
              color: #3d3c3c; }
          .nav-holder .nav li ul.sub-menu li:last-child a,
          .nav-holder .nav li ul.children li:last-child a {
            border-bottom: 0; }
      .nav-holder .nav li:hover ul {
        top: auto;
        overflow: visible;
        visibility: visible; }

  /* end .nav */
 footer {
     padding: 43px 0px 35px 0px;
     text-align: left;
 }
   footer a {
       margin-top: 0;
       color: #5F767F;
       font-weight: 500;
       text-decoration: none;
   }
   
    footer .copyright {
      float: left;
      margin-right: 25px; }
    footer .conw {
      display: inline;
      color: #819FAC;
      font-weight: normal; }
    footer nav {
      display: block;
      position: static;
      width: auto; }
      footer nav ul#menu-footer-menu {
        margin: 20px 0; }
      footer nav li {
        display: inline;
        margin-right: 10px;
        padding-right: 10px;
        line-height: 18px;
        border-right: 1px solid #CCCCCC; }
      footer nav a {
        border-bottom: none;
        display: inline-block;
        text-decoration: none;
        padding: 0; }

  .footer-top {
    font-size: 15px;
    padding-top: 50px; }
    .footer-top .fourcol {
      margin-bottom: 0; }
    .footer-top .white {
      background: white;
      border-radius: 5px;
      padding: 20px;
      margin: 25px 5px;
      margin-bottom: 0;
      min-height: 260px;
      position: relative; }

  .footer-logos {
    display: block; }

  .features .threecol {
    min-height: 200px; }

  /* 
    CS Slider
  */
  .slider-controls {
    position: absolute;
    top: 50%;
    left: 30px;
    bottom: auto;
    margin-top: -35px;
    margin-left: 0; }
    .slider-controls a {
      float: none;
      margin-right: 0; }

  /*
    News
  */
  .news-listing {
    margin-right: 21px; }

  .news-item {
    margin-bottom: 0; }

  .wp-pagenavi {
    float: none;
    margin-bottom: 0; }

  .resource-switcher .buttons {
    overflow: visible; }
    .resource-switcher .buttons a {
      width: 33.333%; }
      .resource-switcher .buttons a:last-of-type {
        border-right: none; }
      .resource-switcher .buttons a .active::after {
        content: url("../images/blue-arrow-down.png");
        position: absolute;
        bottom: -16px;
        left: 50%;
        margin-left: -10px; }

  /*********************
  SIDEBARS & ASIDES
  *********************/
.search-wrap {
    background: rgba(0, 0, 0, 0.05);
    float: right;
    max-height: 35px;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out;
    border-radius: 4px;
    margin-top: 9px;
    position: relative;
}
    .search-wrap:hover {
      background: #fff; }

  #searchform label {
    display: none; }

  .widget {
    padding: 10px;
    margin: 0 0 30px 0; }
    .widget ul li {
      margin-bottom: 0.75em;
      /* deep nesting */ }
      .widget ul li ul {
        margin-top: 0.75em;
        padding-left: 1em; }

  /*********************
  FOOTER STYLES
  *********************/
  #inner-footer.wrap {
    width: 90%;
    text-align: left; }

  /* end .footer-links */
  #banner-area {
    overflow: hidden; }
    #banner-area .button {
      display: inline-block;
      float: none;
      font-size: 20px;
      padding: 17px 22px; }
    #banner-area .dividebar {
      display: block; }

  .how-we-help.animated .dotted-track .insider {
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards; }

  .carousel-indicators {
    bottom: -10px; }

  .cs-quote-block {
    padding-top: 150px;
    padding-bottom: 90px; }

  .cs-slide {
    position: relative; }

  .cs-slide .inner {
    z-index: 2;
    position: relative; }

  .cs-slide::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.1);
    content: ""; }

  .whitepaper-header h1 {
    font-size: 2.8em;
    letter-spacing: -1px; }

  .resource-switcher.square .box {
    max-width: 630px;
    margin-top: 0; }

  .features .fourcol {
    min-height: 200px; }

  .scroller-wrap {
    overflow-x: hidden;
    padding-left: 40px; }

  .scroller-wrap::after {
    display: block; }

  .scroller-wrap::before {
    display: block; }

  .gf-block {
    text-align: left; }
    .gf-block .wrap {
      width: 92%; }
    .gf-block .people {
      width: 78px;
      text-align: center;
      margin-left: 0; }
      .gf-block .people a {
        width: 100%;
        margin: 0; }

  .person-shots {
    min-height: 500px;
    position: relative; }

  .person-shots img.large {
    max-width: 480px;
    right: 50px;
    max-height: 800px; } }
@media only screen and (min-width: 768px) and (orientation: portrait) {
  #banner-area {
    padding: 400px 0 80px 0; }

  /*
    Platform Features
  */
  .header-platform-features .first {
    width: 43%;
    padding-top: 0; }
  .header-platform-features .last {
    width: 52%; }

  .header .request-demo {
    margin-left: 10px;
    font-size: 1.2em; }
  .header .header-nav {
    margin-top: 3px; }
  .header #logo img {
    max-width: 106px; }

  .header-wrap {
    height: 100px; }

  /*
    Navigation
  */
  .top-bar {
    font-size: 11px; }
    .top-bar .fivecol,
    .top-bar .sevencol {
      margin: 0; }
    .top-bar .phone img, .top-bar .email img {
      display: none; }
    .top-bar .curlang img:nth-of-type(1) {
      display: none; }
    .top-bar .top-bar-menu {
      display: inline-block;
      float: none; }

  .top-nav li {
    padding: 0 8px;
    font-size: 1.08em; }
    .top-nav li a {
      font-size: 1.08em; }

  /*
    News
  */
  #news-sidebar {
    width: 100%;
    margin-left: 0;
    margin-top: 50px; }

  .news-main,
  .blogpost {
    width: 100%;
    padding-right: 0;
    margin-right: 0; }
    .news-main .news-listing,
    .blogpost .news-listing {
      margin-right: 0; }

  /*
    Contact
  */
  .contact-sidebar .contact-details {
    color: #5F767F;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #DDDDDD;
    font-size: 1em; }

  #inner-footer .sixcol.first {
    width: 33%; }
  #inner-footer .sixcol.last {
    margin-top: -9px;
    text-align: right;
    width: 65%; }

  .footer-logos img {
    max-width: 19%; } }
/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {
  /******************************************************************
  Site Name: Framework
  Author: Tone
  
  Stylesheet: Desktop Stylsheet
  
  ******************************************************************/
  body {
    font-size: 14px; }

  .wrap {
    width: 92%;
    margin: 0 auto; }

  p.subtitle {
    padding: 0 10%; }

  .band {
    padding: 60px 0 70px 0px; }
    
    .fivecol.header-nav {
      width: 41%;
    }
    
    #logo img {
        margin-top: 0px;
     }

  .we-work-with .logo {
    width: 12.5%; }
    .we-work-with .logo img {
      display: inline;
      vertical-align: middle;
      max-width: 70%; }
    .we-work-with .logo:nth-of-type(7), .we-work-with .logo:nth-of-type(8) {
      display: inline; }
    .we-work-with .logo.middle {
      display: block; }

  .form-wrap input[type="submit"] {
    font-size: 13px; }
    
    #toc_container.toc_light_blue {
      background: #FFFFFF;
      border: none;
      padding: 26px;
      border-radius: 7px;
      width: 17%;
      margin-right: 10px;
      border-right: 1px solid rgb(249, 249, 249);
    
      top: 90px;
      left: 0;
      position: absolute;
}

.head-search {
  float: right;
}
    
    #toc_container ul ul {
      margin-left: 6px;
      opacity: 0.6;
    }
  
  
 
  
  header.support-home .support-name {
        color: #FFFFFF;
        border-left: 1px solid rgba(243, 243, 243, 0.28);
  }
  
  
  
  
    header.support-home.smaller .support-name {
      text-transform: uppercase;
      font-weight: 700;
      color: #9d9d9d;
      border-left: 1px solid #F3F3F3;
      padding: 3px 0px 2px 26px;
      margin-top: 4px;
  }
  
  
  
  .support-name {
        font-size: 0.8em;
        margin-top: 4px;
  }
  
  
 
  
    

    
    ul.support-sidebar li {
      line-height: 1.0em;
      border-bottom: 1px dashed rgb(242, 242, 242);
      padding-bottom: 6px;
      margin-bottom: 9px;
    }

  .map {
    text-align: center;
    padding: 60px 0;
    background: white url("../images/bgmap.png") no-repeat top center;
    background-size: 90%;
    background-position: bottom center; }
    .map .bottom {
      min-height: 400px; }
      .map .bottom .threecol {
        width: 25%;
        margin-bottom: 0px; }
        .map .bottom .threecol:last-of-type {
          display: block; }

  .cs-content {
    padding-right: 30px; }

  .cs-block .cs-feat-image {
    min-height: 300px; }

  .project-goals .sixcol, .why-partner .sixcol {
    text-align: left; }
  .project-goals .sixcol .icoholder, .why-partner .sixcol .icoholder {
    display: block;
    float: left;
    width: 80px;
    min-height: 150px;
    margin-right: 30px; }

  .big-header .wrap {
    padding: 160px 0; }

  .top-bar-menu ul {
    margin: 0; }
    .top-bar-menu ul li {
      padding: 0 9px; }

  .search-wrap .form-wrap.opened {
    max-width: 220px; }

.top-nav li {
    padding: 0 7px;
    font-size: 0.8em;
}

  
    .top-nav li:hover .sub-menu {
      opacity: 1;
      top: 55px;
      z-index: 10; }
  .top-nav .sub-menu {
    display: block;
    position: absolute;
    top: 45px;
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    left: 50%;
    width: 240px;
    margin-left: -130px;
    z-index: 99;
    border-radius: 3px;
    background: white;
    z-index: -1;
    opacity: 0;
    transition: 200ms all ease;
    -webkit-transition: 200ms all ease;
    -moz-transition: 200ms all ease; }
    .top-nav .sub-menu:before {
      content: url("../images/sub-menu-tail.png");
      position: absolute;
      top: -27px;
      left: 50%;
      margin-left: -25px; }
    .top-nav .sub-menu li {
      width: 100%;
      display: block;
      text-align: center;
      padding: 5px 0; }

  .who-we-partner img {
    max-width: 140px; }

  @-webkit-keyframes dottedbox {
    0% {
      width: 20px;
      height: 0px; }

    30% {
      width: 20px;
      height: 45px; }

    80% {
      width: 661px;
      height: 45px; }

    100% {
      width: 661px;
      height: 270px; } }
  .how-we-help .sixcol.first {
    margin-bottom: 0; }
  .how-we-help .dotted-track {
    display: block;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 175px;
    height: 270px;
    width: 661px;
    overflow: hidden;
    margin-left: -330px;
    text-align: center; }
    .how-we-help .dotted-track .insider {
      display: inline-block;
      background: url("../images/dotted-box.png") no-repeat center top;
      height: 0px;
      width: 20px; }
  .how-we-help.animated .dotted-track .insider {
    animation: dottedbox 1.2s 1;
    -webkit-animation: dottedbox 1.2s 1;
    -moz-animation: dottedbox 1.2s 1;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards; }
  .how-we-help.animated .sixcol {
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0); }
  .how-we-help .sixcol {
    opacity: 0;
    margin-top: 0px;
    padding-top: 70px;
    position: relative;
    z-index: 3;
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    transition: all 300ms ease-out;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0); }
    .how-we-help .sixcol .tab-background {
      background-size: cover;
      width: 90%;
      max-width: 370px; }

  /*
    About
  */
  .key-events {
    position: relative; }

  .scroller-wrap {
    overflow-y: hidden; }
    .scroller-wrap::after {
      content: url("../images/green-grad.png");
      position: absolute;
      top: 3px;
      right: 0px;
      pointer-events: none; }

  .cs-slider .carousel-inner {
    max-width: 1120px; }

  .features .threecol {
    padding: 0px 20px; }

  .about-bottom .career-post .inner {
    margin: 0;
    margin-left: 60px; }
  .about-bottom .shadow-box {
    margin: 0;
    margin-right: 30px;
    margin-top: 28px; }
  .about-bottom .careerpad {
    margin-left: 40px; }

  .about-anchors li {
    text-align: center; }
    .about-anchors li a {
      font-size: 1.3em; }

  .about-intro .intro-para {
    font-size: 1.9em; }

  .header.smaller {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); }

  /*from nonsass*/
.header {
    height: auto;
    background: transparent;
    position: relative;
    z-index: 100;
    background: #fff;
    padding: 11px 0px 17px 0px;
    -webkit-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-in;
    -o-transition: all 350ms ease-in;
    -moz-transition: all 350ms ease-in;
    transition: all 350ms ease-out;
    -webkit-box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.11);
        -moz-box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.11);
        box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.11);
}


header.support-home.smaller {
  background: white;
}



  #banner-area .slide-info h2 {
    font-size: 3.2em;
    background: none;
    -webkit-text-fill-color: initial;
    color: #fff; }

  #gfblock p.subtitle {
    padding: 0; }

  .features .fourcol {
    padding: 0px 20px; }

  .top-bar {
    position: relative;
    z-index: 101;
    font-size: 14px; }

  .home #banner-area {
    position: relative;
    margin-top: -110px;
    padding: 210px 0 130px 0; }

  #banner-area .vid-wrap {
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/dots.png");
    z-index: 90; }

  .features a.click-through {
    margin-left: 22px; }

  #banner-area .slide-video video {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0; }

  /**/
  .vid-wrap,
  .slide-video {
    display: block !important; }

  .slide-images {
    display: none !important; }

  .header-platform-features h3 {
    font-size: 3.1em; }
  .header-platform-features .first .subtitle {
    font-size: 2em;
    font-weight: 400; }
  .header-platform-features .first p {
    color: white;
    margin-top: 0;
    font-size: 1.375em; }

  /*
    Carousel
  */
  .slider .item.active .carousel-caption {
    position: absolute;
    top: 50px; }

  .slide-info h2 {
    font-size: 3.2em; }
  .slide-info p {
    font-size: 1.4em; }

  .cs-slide .inner {
    max-width: 918px;
    margin: 0 auto; }

  /*
    Careers 
  */
  .cp-wrap {
    padding: 0 50px; }

  .our-clients .client-logo {
    float: left;
    width: 20%; }

  .worker-block .inner {
    margin-top: 175px;
    margin-bottom: 125px; }

  .career-post .inner {
    margin: 0 20px; }

  .career-block .fivecol {
    z-index: 5; }
  .career-block:nth-of-type(odd) {
    position: relative; }
    .career-block:nth-of-type(odd)::after {
      content: url("../images/section-zigzag-flipped.png");
      position: absolute;
      bottom: -50px;
      left: 50%;
      margin-left: -331px;
      z-index: 0; }
  .career-block:nth-of-type(even)::after {
    content: url("../images/section-zigzag.png");
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -331px;
    z-index: 0; }
  .career-block:last-of-type::after {
    content: ''; }

  .job-info div {
    float: left;
    width: 50%; }
  .job-info .type {
    border-right: 1px solid #DDDDDD;
    border-bottom: none; }

  .footer-top {
    font-size: 15px;
    padding-top: 60px; }
    .footer-top .fourcol {
      margin-bottom: 0; }
    .footer-top .white {
      background: white;
      border-radius: 5px;
      padding: 31px;
      margin: 23px 20px;
      margin-bottom: 0;
      min-height: 237px;
      position: relative; }

  .social {
    width: 40px;
    height: 40px;
    margin-right: 10px; }
    .social:first-of-type {
      margin-left: 10px; }

  .we-helped {
    padding: 80px 0; }
    .we-helped p {
      font-weight: 400; }
    .we-helped::before {
      background: transparent;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      content: ""; }
    .we-helped h3 {
      letter-spacing: -0.5px;
      font-size: 3.2em; }
    .we-helped .fivecol {
      width: 40.5%; }

  .gf-block {
    position: relative;
    background: url("../images/global-founders-bg.png") no-repeat center white;
    background-size: cover;
    padding-bottom: 0 !important;
    overflow: hidden; }
    .gf-block .first {
      padding-top: 50px; }
    .gf-block .last {
      background: rgba(63, 108, 127, 0.6);
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 46%;
      padding: 70px;
      color: white;
      line-height: 1.65; }
      .gf-block .last::before {
        content: url("../images/indent-arrow.png");
        position: absolute;
        left: -33px;
        top: 50%;
        margin-top: -342px; }
    .gf-block h2 {
      color: white;
      font-size: 3.5em;
      font-weight: normal; }
    .gf-block h4 {
      font-weight: 200;
      font-size: 1.6em;
      color: white;
      margin-bottom: 50px; }
    .gf-block .bio {
      display: none; }
      .gf-block .bio p {
        font-size: 1.15em; }
      .gf-block .bio a {
        display: inline-block;
        margin-top: 20px;
        color: white;
        text-decoration: none;
        font-size: 0.8em;
        font-weight: 500; }
        .gf-block .bio a img {
          vertical-align: -5px;
          margin-right: 5px;
          width: 20px; }
      .gf-block .bio.active {
        display: block; }
    .gf-block .people {
      width: 78px; }
      .gf-block .people a {
        line-height: 0;
        display: block;
        margin-bottom: 15px;
        text-decoration: none;
        opacity: 0.35;
        transition: 0.5s all ease;
        -webkit-transition: 0.5s all ease;
        -moz-transition: 0.5s all ease;
        -o-transition: 0.5s all ease; }
        .gf-block .people a img {
          border: 2px solid #CCCCCC;
          -webkit-filter: grayscale(100%); }
        .gf-block .people a.active {
          opacity: 1; }
          .gf-block .people a.active img {
            border: 2px solid #40B8AB;
            -webkit-filter: none; }

  .contact-sidebar .contact-details {
    color: #5F767F;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #DDDDDD;
    font-size: 1.3em; }

  .contact-map .office .inside {
    background: #FFFFFF;
    border-radius: 3px;
    padding: 35px;
    min-height: 240px; }
    .contact-map .office .inside h4 img {
      display: inline-block;
      margin-bottom: 0px; } }
/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
  #carousel-about {
    margin-top: 25px; }
    #carousel-about img {
      max-width: 85%; }
      
      .top-nav li {
        padding: 0 14px;
        font-size: 0.85em; }

  .people {
    position: absolute;
    top: 50px;
    left: 0; }
    .people .subtitle {
      padding: 0; }

  .person-shots img {
    right: 100px; }
    
  .home-panel {
      padding: 20px 20px 40px 0px;
      border-radius: 8px;
      margin-right: 1%;
      margin-bottom: 19px;
      min-height: 240px;
  }

  #banner-area .slide-video video {
    filter: blur(0);
    -moz-filter: blur(0);
    -ie-filter: blur(0);
    -webkit-filter: blur(0);
    width: 100%;
    height: auto; }

  .top-bar {
    font-size: 13px; }

  #carousel-about img {
    max-width: 75%; } }
/*
SUPER LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1400px) {

  .top-nav li {
    padding: 0 14px;
    font-size: 0.95em; 
  }
  
}
      
   
@media only screen and (max-width: 502px) {
      
    #toc_container.toc_light_blue  {
      width: 100%;
    }
    
    .header {
      border-bottom: 1px solid #EFEFEF;
      padding-bottom: 91px;
    }
    
    .blue-header.module-header {
      padding: 35px 32px 16px 26px;
      margin-bottom: 28px;
    }
    
    .home-panel {
        padding: 6px;
        border-radius: 8px;
        margin-right: 0px;
        margin-bottom: 18px;
        min-height: auto;
    }
  
}



@media only screen and (max-width: 868px) {
    
  .page-template-page-sidebar .standard-bottom-content   {
    width: 100%;
    max-width: 780px;
  }

  form.search-form {
    display: none;
  }

  #logo img {
      margin-top: 13px;
   }
   

  .support-name {
    display: none;
  }

  .sidebar {
    display: none;
  }


  .header #inner-header {
      max-width: 91%;
      margin: auto;
  }

  span.opener {
      content: '+';
      border: 1px solid #1BB0C2;
      color: #107380;
      font-size: 13px;
      border-radius: 100%;
      padding: 5px;
      width: 26px;
      height: 25px;
      line-height: 12px;
      text-align: center;
      position: absolute;
      right: 0;
      top: -1px;
  }

  /* Force table to not be like tables anymore */
  table, thead, tbody, th, td, tr { 
    display: block; 
  }
  
  th { 
      display: none;
    }
    
  td {
    border: none;
    border-bottom: 1px solid #ECECEC;
    position: relative;
    padding-left: 50% !important;
    min-height: 37px;
  }
    
    td:before { 
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      white-space: nowrap;
    }
    
    /*td:nth-of-type(1):before { content: "Method"; }
    td:nth-of-type(2):before { content: "Description"; }
    td:nth-of-type(3):before { content: "Added"; }
    td:nth-of-type(4):before { content: "Notes"; }*/
    
    .page-id-656 td:nth-of-type(1):before { content: "Release Version"; }
    .page-id-656 td:nth-of-type(2):before { content: "UAT Release Date"; }
    .page-id-656 td:nth-of-type(3):before { content: "Production Release Date"; }
    .page-id-656 td:nth-of-type(4):before { content: "Current Status"; }
      
    td:before {
      font-weight: bold;
    }
}

@media only screen and (min-width: 1024px){
  .status-update {
    left: auto;
    padding: 0;
  }
}
        
@media only screen and (min-width: 1480px) {

  .page-template-page-sidebar .standard-bottom-content {
    float: right;
    max-width: 1022px;
  }

}
 
@media only screen and (min-width : 1030px) and (max-width : 1311px)  { 

  .jumpto .standard-bottom-content {
    margin-left: 14%;
  }

  .jumpto #toc_container.toc_light_blue {
    margin-left: -31%;
  }

}

@media only screen and (min-width: 768px){
  .status-updates {
    padding: 1px 10px 0px 0px;
  }
}

/*PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/

@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }
li.gfield_error .ginput_container input {
  border: 1px solid #F97070;
}

.validation_error {
  margin-bottom: 15px;
  color: #F97070;
}

.validation_message {
  color: #F97070;
}

.gfield_error .validation_message {
  font-size: 0.9em;
  margin-top: 4px;
}

.features .fourcol a {
  text-decoration: none;
}

.features .fourcol p {
  color: #5F767F;
}

.event-meta {
  margin-bottom: 15px;
  display: block;
}

.gform_confirmation_message_6 .gform_confirmation_message {
  color: #5F767F;
}

.sidebar .recruitment-widget .rc-link {
  text-decoration: none;
}

.mobile-navigation {
  position: fixed;
  overflow-y: auto;
}

a:focus { 
    border: none;
    outline: none;
    
}

.single-event .sidebar .recruitment-widget {
  margin-top: 0;
}

.sidebar .wp-widget {
  margin-top: 30px;
}

.sidebar ul {
  margin: 0;
}

.sidebar .widget {
  padding-top: 0;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.footer-mailinglist input[type="submit"],
.carousel-control {
  filter: none !important;
}

.footer-top .carousel-control {
  position: static;
}