/* Mixins */
.clearfix {
  *zoom: 1;
}
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}
.clear {
  clear: both;
  *zoom: 1;
}
.clear:before {
  content: " ";
  display: table;
}
.clear:after {
  content: " ";
  display: table;
  clear: both;
}
.v-hidden.focusable:active,
.v-hidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
.forceGPUAcceleration {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
}
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.vertical-unalign {
  position: relative;
  top: 0%;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
@font-face {
  font-family: 'gotham_book';
  src: url('../fonts/gothamot_book-webfont.eot');
  src: url('../fonts/gothamot_book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothamot_book-webfont.woff') format('woff'), url('../fonts/gothamot_book-webfont.ttf') format('truetype'), url('../fonts/gothamot_book-webfont.svg#gotham_otbook') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'gotham_light';
  src: url('../fonts/gothamot_light-webfont.eot');
  src: url('../fonts/gothamot_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothamot_light-webfont.woff') format('woff'), url('../fonts/gothamot_light-webfont.ttf') format('truetype'), url('../fonts/gothamot_light-webfont.svg#gotham_ot_ltlight') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'gotham_medium';
  src: url('../fonts/gothamot_medium-webfont.eot');
  src: url('../fonts/gothamot_medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothamot_medium-webfont.woff') format('woff'), url('../fonts/gothamot_medium-webfont.ttf') format('truetype'), url('../fonts/gothamot_medium-webfont.svg#gotham_ot_mdmedium') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'gotham_bold';
  src: url('../fonts/Gotham-Bold.eot');
  src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gotham-Bold.svg#gotham_ot_mdmedium') format('svg');
  font-weight: bold;
  font-style: normal;
}
/*
Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014
*/
.select2-container {
  margin: 0;
  position: relative;
  display: block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}
.select2-container .select2-choice {
  display: block;
  height: 42px;
  padding: 0 0 0 20px;
  overflow: hidden;
  position: relative;
  border: 1px solid #eee;
  white-space: nowrap;
  line-height: 42px;
  color: #6D7070;
  text-decoration: none;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #f8f8f8;
}
html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}
.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}
html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}
.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url('select2.png') right top no-repeat;
  cursor: pointer;
  outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
}
.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}
.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 42px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #f8f8f8;
  background-clip: padding-box;
  background: #f8f8f8;
}
html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaa;
}
.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../images/sprites.png') no-repeat right -305px;
}
html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
}
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  background: #ffffff url('select2.png') no-repeat 100% -22px;
}
html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: #ffffff url('select2.png') no-repeat -37px -22px;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-search input.select2-active {
  background: #ffffff url('select2-spinner.gif') no-repeat 100%;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
}
.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  background-color: #eee;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
}
.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}
.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}
.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}
.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}
.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}
.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}
.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}
.select2-results .select2-highlighted {
  background: #57b6e9;
  color: #fff;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}
.select2-more-results.select2-active {
  background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}
.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, 0.2);
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
}
html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}
.select2-locked {
  padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
  min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #ffffff url('select2-spinner.gif') no-repeat 100% !important;
}
.select2-default {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url('select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url('select2x2.png') !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
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.67em;
  margin: 2.33em 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/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. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve 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 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
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],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and 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;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve 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;
}
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}
html {
  font-size: 1em;
  line-height: 1.4;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.sprite,
select,
.header .search .searchTrigger,
.header .search form [type=submit],
.fourtySixty .fact,
.twoCols .fact,
.wide .fact,
.fourtySixty .social li a,
.twoCols .social li a,
.wide .social li a,
.fourtySixty .social.big a,
.twoCols .social.big a,
.wide .social.big a,
.fourtySixty .eventInfo li,
.twoCols .eventInfo li,
.wide .eventInfo li,
.gallery figure:after,
.data-center .video a:after,
.accordion ul.case li:before,
.accordion ul.technical li:before,
.accordion .btnAccordion,
.accordion .btnAccordion.open,
#Form_SearchForm input[type="submit"],
.newsletterSignup input[type="text"].date,
.eventSignup input[type="text"].date,
.newsletterSignup input[type="email"].date,
.eventSignup input[type="email"].date,
.footer .companyInfo .vCard .social a {
  background: url(../images/sprites.png) 0 0 no-repeat;
}
a {
  text-decoration: none;
  color: #57b6e9;
}
img,
object,
video {
  max-width: 100%;
  height: auto;
}
input {
  -webkit-appearance: none;
  border-radius: 0;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.mobile,
.tablet {
  display: none;
}
.desktop {
  display: block;
}
.desktop.tablet {
  display: block;
}
.reset {
  margin: 0;
  padding: 0;
}
.center {
  text-align: center;
}
textarea:focus,
input:focus,
select:focus,
a {
  outline: 0;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*********************************************************
LAYOUT ELEMENTS ******************************************
*********************************************************/
body {
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 16px;
  background-color: #fff;
}
.wrapper {
  width: 100%;
  clear: both;
  *zoom: 1;
  overflow-x: hidden;
}
.wrapper:before {
  content: " ";
  display: table;
}
.wrapper:after {
  content: " ";
  display: table;
  clear: both;
}
.wrapper:before {
  content: " ";
  display: table;
}
.wrapper:after {
  content: " ";
  display: table;
  clear: both;
}
.wrapper.dark {
  background-color: #283033;
}
.relative {
  position: relative;
}
.page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1168px;
  padding: 0;
  margin: 0 auto;
  position: relative;
  clear: both;
  *zoom: 1;
}
.page:before {
  content: " ";
  display: table;
}
.page:after {
  content: " ";
  display: table;
  clear: both;
}
.main {
  clear: both;
  overflow: hidden;
}
/*********************************************************
REPEATED ELEMENTS ****************************************
*********************************************************/
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: -0.0312em;
  color: #333333;
}
h1 {
  text-transform: uppercase;
  font-size: 48px;
  line-height: 46px;
  padding-bottom: 5px;
}
h2 {
  text-transform: uppercase;
  font-size: 42px;
  line-height: 44px;
}
h3 {
  font-size: 30px;
  line-height: 30px;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
}
h4 {
  font-size: 20px;
  line-height: 22px;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.btnMore {
  text-transform: uppercase;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #57b6e9;
}
.btnMore:hover {
  color: #2ba3e1;
}
input {
  border: none;
}
select {
  background-color: #f8f8f8;
  background-position: right -305px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
  border: 1px solid #eee;
  font-size: 13px;
  color: #6D7070;
  padding-left: 20px;
  height: 43px;
  line-height: 43px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
select option {
  height: 30px;
}
select::-ms-expand {
  display: none;
}
table {
  border-collapse: collapse;
  width: 100%;
  border: none;
  border-bottom: 2px solid #ddd;
  margin: 10px 0;
}
table th {
  border-bottom: 2px solid #ddd;
  text-align: left;
  padding: 10px 20px;
  background-color: #eaf6fc;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  vertical-align: top;
  line-height: 18px;
}
table td {
  border-bottom: 1px solid #ddd;
  text-align: left;
  padding: 10px 20px;
  vertical-align: top;
  border-left: 1px solid #ddd;
  line-height: 18px;
}
table td:first-child {
  border-left: none;
}
.EventList table td {
  position: relative;
}
.EventList table td:hover em {
  display: block;
}
.EventList table td em {
  display: none;
  position: absolute;
  left: 0;
  bottom: 38px;
  background: #57b6e9;
  width: 100%;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-style: normal;
}
.EventList table td em:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #57b6e9 transparent transparent transparent;
  position: absolute;
  bottom: -5px;
  left: 30px;
}
/*********************************************************
HEADER ***************************************************
*********************************************************/
.header {
  z-index: 100;
  width: 100%;
  height: 147px;
  position: fixed;
  top: 0px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.header .logo {
  top: 56px;
  width: 115px;
  height: 35px;
  overflow: hidden;
  position: absolute;
  padding-left: 8px;
}
.header .navWrapper {
  float: right;
}
.header .navSecondary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  color: #000;
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
  height: 71px;
  padding: 15px 0 0 0;
}
.header .navSecondary a {
  color: #000;
}
.header .navSecondary ul li {
  margin-left: 30px;
  float: left;
}
.header .navPrimary .navTrigger {
  display: none;
  width: 30px;
  height: 25px;
  background: url('../images/icon_nav_trigger.png') center center no-repeat;
  cursor: pointer;
  position: absolute;
  top: 60px;
  right: 30px;
}
.header .navPrimary ul {
  border-top: 1px solid #f2f2f2;
  font-size: 16px;
  letter-spacing: 0.0312em;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
}
.header .navPrimary ul a {
  color: #57b6e9;
}
.header .navPrimary ul a:hover {
  color: #57b6e9;
}
.header .navPrimary ul > li {
  position: relative;
  text-transform: uppercase;
  float: left;
  margin: 0;
  padding: 0 28px;
  height: 75px;
  line-height: 75px;
}
.header .navPrimary ul > li.active {
  background-color: #57b6e9;
}
.header .navPrimary ul > li.active a {
  color: #fff;
}
.header .navPrimary ul > li.active:after {
  content: " ";
  position: absolute;
  bottom: -4px;
  background-color: #57b6e9;
  height: 4px;
  left: 0px;
  right: 0px;
}
.header .lang-n-search {
  position: absolute;
  top: 0px;
  right: 0px;
}
.header .search {
  z-index: 1;
  float: right;
}
.header .search .search-btn {
  display: none;
}
.header .search .searchTrigger {
  background-color: #57b6e9;
  background-position: 10px 10px;
  width: 40px;
  height: 40px;
  display: block;
  cursor: pointer;
}
.header .search form {
  display: block;
  position: relative;
  vertical-align: bottom;
  *zoom: 1;
}
.header .search form:before {
  content: " ";
  display: table;
}
.header .search form:after {
  content: " ";
  display: table;
  clear: both;
}
.header .search form [type=text] {
  display: inline-block;
  border: solid 1px #eee;
  border-width: 1px 0 2px 1px;
  background: #f8f8f8;
  font-size: 13px;
  line-height: 20px;
  padding: 9px 10px 8px 20px;
  float: left;
}
.header .search form [type=submit] {
  background-position: 10px 10px;
  background-color: #57b6e9;
  width: 40px;
  height: 40px;
  border-bottom: solid 2px #57b6e9;
  display: inline-block;
  cursor: pointer;
  float: left;
}
.header .navLanguages {
  float: right;
  font-size: 12px;
  letter-spacing: 0.0312em;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
}
.header .navLanguages ul li {
  float: left;
  padding: 15px 20px 0 0;
}
.header .navLanguages ul li a {
  color: #B8B8B8;
}
.header .navLanguages ul li.active a {
  color: #5C5C5C;
}
.header.mini {
  height: 50px;
}
.header.mini .logo {
  top: 13px;
}
.header.mini .logo img {
  width: 70px;
  height: auto;
}
.header.mini .navSecondary,
.header.mini .search,
.header.mini .navLanguages {
  display: none;
}
.header.mini .navPrimary .navTrigger {
  top: 15px;
  right: 30px;
}
.header.mini .navPrimary ul {
  border: none;
}
.header.mini .navPrimary ul li {
  height: 50px;
  line-height: 50px;
}
.header.mini .navPrimary ul li.active:after {
  display: none;
}
.header.mini .contactInfo {
  display: none;
}
/*********************************************************
BANNERS **************************************************
*********************************************************/
.banner.intro {
  height: 850px;
  min-height: 850px;
  background-image: url('../images/intro_banner.jpg');
  overflow: hidden;
  position: relative;
  background-position: top left;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}
.banner.intro > .page {
  position: relative;
  height: 850px;
  padding-top: 147px;
}
.banner.intro .squares {
  position: absolute;
  bottom: 0px;
  right: -584px;
  min-height: 877px;
  min-width: 1460px;
}
.banner.intro .tiles {
  z-index: 1;
  position: absolute;
  bottom: 292px;
  right: 0px;
  overflow: hidden;
}
.banner.intro .tiles .tile {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 292px;
  height: 292px;
  padding: 40px 40px 0 40px;
  font-size: 15px;
  line-height: 21px;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
  color: #fff;
  position: relative;
}
.banner.intro .tiles .tile a {
  color: #FFF;
}
.banner.intro .tiles .tile h3 {
  font-size: 30px;
  line-height: 32px;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
  padding-bottom: 20px;
  color: #fff;
  text-transform: uppercase;
}
.banner.intro .tiles .tile.first {
  background-color: #30366b;
}
.banner.intro .tiles .tile.second {
  background-color: #57b6e9;
}
.banner.content {
  background-color: #57b6e9;
  height: 170px;
  padding-top: 147px;
}
.banner.content > .page {
  position: relative;
  height: 170px;
}
.banner.content .squares {
  position: absolute;
  bottom: 0;
  right: -211px;
  height: 170px;
}
.banner.content a {
  color: #fff;
}
.banner.content ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  color: #000;
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
  padding: 45px 0 0 0;
}
.banner.content ul li {
  margin-left: 40px;
  float: left;
}
.banner.content ul li:first-child {
  margin-left: 0;
}
.banner.content .breadcrumbs li {
  margin-left: 40px;
}
.banner.content .breadcrumbs li:last-child {
  display: none;
}
.banner.content h1 {
  clear: both;
  color: #fff;
  font-size: 34px;
  padding: 10px 0 0 0;
  line-height: 38px;
}
.banner.content h1 .date {
  position: relative;
  padding: 0 24px 0 0;
  color: #acdbf3;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
}
.banner.content h1 .date:after {
  content: "";
  display: block;
  position: absolute;
  right: 5px;
  top: 6px;
  height: 30px;
  border-left: 1px solid #acdbf3;
  overflow: hidden;
}
/*********************************************************
SQUARES **************************************************
*********************************************************/
.squares ul {
  clear: both;
  position: relative;
}
.squares ul:before,
.squares ul:after {
  content: " ";
  display: block;
  position: absolute;
  height: 292px;
  width: 292px;
  background-color: #eaf6fc;
}
.squares ul:before {
  top: 0px;
  right: -292px;
}
.squares ul:after {
  top: 292px;
  left: -292px;
}
.squares ul li {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 292px;
  width: 292px;
  padding: 120px 40px 0 40px;
  background: #ffffff no-repeat 40px 40px;
  color: #4a4a4a;
  font-size: 14px;
  line-height: 21px;
  overflow: hidden;
  position: relative;
  /*
			&.data,
			&.security,
			&.mobility,
			&.consulting,
			&.managing,
			&.learning {
				background-repeat: no-repeat;
				background-position: 40px 40px;

			}

			&.networking,
			&.analytics,
			&.maintenance {
				background-repeat: no-repeat;
				background-position: 40px 40px;

			}
			/**/
}
.squares ul li a {
  color: #4a4a4a;
}
.squares ul li a:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.squares ul li a.btnMore {
  color: #57b6e9;
}
.squares ul li a.btnMore:hover {
  color: #2ba3e1;
}
.squares ul li:first-child {
  padding: 0;
  width: 292px;
  display: table;
}
.squares ul li.hot {
  padding-top: 40px;
}
.squares ul li:nth-child(2),
.squares ul li:nth-child(4),
.squares ul li:nth-child(5),
.squares ul li:nth-child(7),
.squares ul li:nth-child(10),
.squares ul li:nth-child(12) {
  background-color: #DDF0FA;
}
.squares ul li:nth-child(3),
.squares ul li:nth-child(6),
.squares ul li:nth-child(8),
.squares ul li:nth-child(9),
.squares ul li:nth-child(11) {
  background-color: #EAF6FC;
}
.squares ul li.hot {
  background: #fff;
}
.squares ul li.empty {
  background: #fff;
}
.squares ul li h2 {
  font-size: 42px;
  line-height: 46px;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
  color: #4a4a4a;
  text-transform: uppercase;
  vertical-align: middle;
  display: table-cell;
}
.squares ul li h3 {
  font-size: 16px;
  line-height: 18px;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
  color: #4a4a4a;
  text-transform: uppercase;
}
.latesNews h4 {
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
  color: #4a4a4a;
  text-transform: uppercase;
}
.latesNews h4 a {
  color: #4a4a4a;
}
.latesNews .date {
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
  color: #4a4a4a;
  font-size: 16px;
  margin-bottom: 5px;
}
.latesNews img {
  max-width: 214px;
  width: 100%;
  margin: 0 auto 20px;
}
/*********************************************************
 **************************************************
*********************************************************/
.botomBanner {
  *zoom: 1;
  padding: 0;
  font-size: 14px;
  color: #6F7081;
}
.botomBanner:before {
  content: " ";
  display: table;
}
.botomBanner:after {
  content: " ";
  display: table;
  clear: both;
}
.botomBanner .twentyEighty {
  background: #EBECED;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 35px;
}
.botomBanner .more {
  background: url('../images/botom_banner_more.png') right center no-repeat;
  min-height: 80px;
}
.botomBanner .more p {
  margin: 0;
  font-size: 1.3em;
}
.botomBanner .more strong {
  font-size: 2em;
  display: block;
  padding: 15px 0 10px;
  line-height: 1.15em;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
}
.botomBanner .more strong span {
  color: #57b6e9;
  text-decoration: underline;
  text-transform: uppercase;
}
.botomBanner .more a {
  text-decoration: none;
  color: #4a4a4a;
  padding: 0 80px 0 0;
  min-height: 80px;
  display: block;
}
/*********************************************************
DOUBLES **************************************************
*********************************************************/
.doubles {
  *zoom: 1;
}
.doubles:before {
  content: " ";
  display: table;
}
.doubles:after {
  content: " ";
  display: table;
  clear: both;
}
.doubles.intro {
  height: 500px;
}
.doubles.content {
  height: 400px;
}
.doubles .double {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  font-size: 16px;
  line-height: 24px;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
  color: #bae0f4;
  float: left;
  height: 100%;
  overflow: hidden;
}
.doubles .double h3,
.doubles .double h3 a {
  font-size: 16px;
  line-height: 24px;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
  color: #bae0f4;
  text-transform: uppercase;
}
.doubles .double.lead h3,
.doubles .double.lead h3 a {
  color: #5C5C5C;
}
.doubles .double h4 {
  font-size: 36px;
  line-height: 43px;
  color: #fff;
  padding-bottom: 20px;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
}
.doubles .double h4 a {
  font-size: 36px;
  line-height: 43px;
  color: #fff;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
}
.doubles .double.picture {
  background-position: top right;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
  height: 100%;
}
.doubles .double.picture:before {
  content: "\00a0 ";
}
.doubles .double.picture.intro {
  background-image: url('../images/double_intro.jpg');
}
.doubles .double.video {
  position: relative;
}
.doubles .double.video .play {
  background-image: url('../images/btn-play.png');
  text-indent: -9999px;
  width: 170px;
  height: 170px;
  margin: -85px 0 0 -85px;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
}
.doubles .double.content {
  padding: 50px 100px;
  vertical-align: middle;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.doubles .double.content .wrapper {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.doubles .double.content.news {
  background-color: #57b6e9;
}
.doubles .double.content.lead {
  background-color: #EBECED;
  color: #707070;
  font-size: 14px;
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
}
.doubles .double.content.lead h2 {
  color: #5C5C5C;
  font-size: 30px;
  line-height: 34px;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.doubles .double.content.doubledecker {
  padding: 50px 0;
  background-color: #eaf6fc;
  font-size: 14px;
  color: #6F7081;
}
.doubles .double.content.doubledecker h2 {
  color: #5C5C5C;
  font-size: 30px;
  line-height: 34px;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.doubles .double.content.doubledecker .lead {
  *zoom: 1;
  padding: 0 100px 10px 100px;
}
.doubles .double.content.doubledecker .lead:before {
  content: " ";
  display: table;
}
.doubles .double.content.doubledecker .lead:after {
  content: " ";
  display: table;
  clear: both;
}
.doubles .double.content.doubledecker .item {
  border-top: 1px solid #fff;
  padding: 30px 100px;
}
.doubles .double.content.doubledecker .item h3 {
  color: #6F7081;
  font-size: 24px;
  padding: 5px 0 0 120px;
  margin: 0;
}
.doubles .double.content.doubledecker .item p {
  padding: 0 0 0 120px;
}
.doubles .double.content.doubledecker .item .thumb {
  float: left;
}
.doubles .double.content.doubledecker .item.noPic p {
  padding: 0;
}
.doubles .double.content.doubledecker .item.noPic h3 {
  padding: 5px 0 0 0;
}
.doubles .double.content p.lead {
  font-size: 16px;
}
.doubles .double.content p.lead strong {
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
  color: #000;
}
.doubles.fourtySixty .double.left {
  width: 44.5%;
}
.doubles.fourtySixty .double.right {
  width: 55.5%;
}
/*********************************************************
VISUAL ***************************************************
*********************************************************/
.visual {
  *zoom: 1;
  clear: both;
  margin: 50px 0;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #4A4A4A;
}
.visual:before {
  content: " ";
  display: table;
}
.visual:after {
  content: " ";
  display: table;
  clear: both;
}
.visual h2 {
  font-size: 26px;
  line-height: 28px;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
/*********************************************************
TECHNOLOGY ***********************************************
*********************************************************/
.technology {
  *zoom: 1;
  clear: both;
  margin: 50px 0;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #4A4A4A;
}
.technology:before {
  content: " ";
  display: table;
}
.technology:after {
  content: " ";
  display: table;
  clear: both;
}
.technology .threesome {
  border-top: 1px solid #ddd;
  padding: 30px 0;
}
.technology .threesome:first-child {
  border: none;
  padding-top: 0;
}
.technology .threesome .single {
  padding: 0 40px;
}
.technology .threesome .single:first-child {
  padding-left: 0;
}
.technology .threesome .single:last-child {
  padding-right: 0;
}
.technology .threesome .single.benefits {
  padding: 3px 0 10px 0;
  list-style: none;
}
.technology .threesome .single.benefits li {
  position: relative;
  padding: 3px 0;
}
.technology .threesome .single.benefits li:before {
  content: "￭";
  color: #57b6e9;
  position: absolute;
  left: -15px;
  font-size: 13px;
}
.technology .threesome .single .thumb {
  float: left;
  margin: 0 15px 15px 0;
}
.technology .threesome .single h3 {
  font-size: 24px;
  line-height: 28px;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  color: #4a4a4a;
}
.technology .threesome .single h3 a {
  color: #4a4a4a;
}
.technology .threesome .single p {
  clear: both;
}
/*********************************************************
THREESOME ************************************************
*********************************************************/
.threesome {
  *zoom: 1;
}
.threesome:before {
  content: " ";
  display: table;
}
.threesome:after {
  content: " ";
  display: table;
  clear: both;
}
.threesome.ourTeam {
  margin: 60px 0 20px 0;
}
.threesome.ourTeam .num {
  width: 64px;
  height: 64px;
  background-color: #57b6e9;
  color: #fff;
  text-align: center;
  line-height: 64px;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 32px;
  float: left;
}
.threesome.ourTeam p {
  padding-left: 80px;
}
.threesome.ourTeam ul li {
  min-height: 64px;
}
.threesome .single {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.3333%;
  float: left;
  padding-right: 20px;
}
.threesome .double {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 66.6666%;
  float: left;
  padding-right: 20px;
}
.threesome .double ul li {
  width: 48%;
  padding-right: 2%;
  float: left;
}
.threesome h3 {
  font-size: 22px;
  line-height: 24px;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 20px;
}
.threesome ul {
  clear: both;
}
.threesome ul li {
  padding: 5px 0;
  line-height: 20px;
}
.threesome ul li a {
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
}
.threesome ul li span {
  display: block;
  font-size: 12px;
}
/*********************************************************
FOURSOME *************************************************
*********************************************************/
.foursome {
  *zoom: 1;
}
.foursome:before {
  content: " ";
  display: table;
}
.foursome:after {
  content: " ";
  display: table;
  clear: both;
}
.foursome.news ul.number-1 li,
.foursome.news ul.number-2 li {
  width: 50%;
}
.foursome.news ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 30px 40px;
  width: 25%;
  height: 326px;
  line-height: 24px;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  float: left;
  position: relative;
  background-color: #EAF6FC;
  color: #B8B8B8;
  font-size: 12px;
}
.foursome.news ul li:nth-child(even) {
  background-color: #DDF0FA;
}
.foursome.news ul li:first-child {
  background: #fff;
  padding: 0 40px 0 0;
}
.foursome.news ul li:first-child:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 1em;
  margin: 0 -1em 0 0;
  content: '';
}
.foursome.news ul li:first-child h2 {
  display: inline-block;
  vertical-align: middle;
  font-size: 42px;
  line-height: 46px;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
}
.foursome.news ul li .date {
  position: absolute;
  float: left;
  display: block;
  border-bottom: 1px solid #ddd;
  text-transform: uppercase;
}
.foursome.news ul li .location {
  display: block;
  font-size: 12px;
}
.foursome.news ul li h5 {
  clear: both;
  font-size: 12px;
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  padding: 60px 0 0 0;
  margin: 0;
}
.foursome.news ul li h6 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  border-bottom: 1px solid #ddd;
  padding: 140px 0 80px 0;
  margin: 0 0 20px 0;
  height: 120px;
  overflow: hidden;
}
.foursome.news ul li h6 a {
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;
}
.foursome.news ul li .btnMore {
  float: none;
}
/*********************************************************
NEWSLIST *************************************************
*********************************************************/
.newsList {
  *zoom: 1;
}
.newsList:before {
  content: " ";
  display: table;
}
.newsList:after {
  content: " ";
  display: table;
  clear: both;
}
.newsList ul {
  *zoom: 1;
}
.newsList ul:before {
  content: " ";
  display: table;
}
.newsList ul:after {
  content: " ";
  display: table;
  clear: both;
}
.newsList ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  padding: 50px;
  width: 50%;
  height: 320px;
  line-height: 24px;
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
  float: left;
  position: relative;
  background-color: #fff;
  color: #4a4a4a;
  font-size: 14px;
}
.newsList ul li:before {
  content: " ";
  display: table;
}
.newsList ul li:after {
  content: " ";
  display: table;
  clear: both;
}
.newsList ul li:first-child {
  padding-left: 0;
}
.newsList ul li.highlight {
  background-color: #EAF6FC;
  border: none;
}
.newsList ul li.highlight:first-child {
  padding-left: 50px;
}
.newsList ul li .thumb {
  float: left;
  margin-bottom: 15px;
}
.newsList ul li h3 {
  font-size: 24px;
  line-height: 28px;
  font-family: gotham_bold, arial, helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 0 0 90px;
  margin: 0;
  color: #4a4a4a;
}
.newsList ul li h3 a {
  color: #4a4a4a;
}
.newsList ul li p {
  clear: both;
}
.newsList ul.border {
  border-bottom: 1px solid #ddd;
}
/*********************************************************
TWOCOLS **************************************************
*********************************************************/
.fourtySixty,
.twoCols,
.wide {
  *zoom: 1;
  clear: both;
  margin: 50px 0;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #4A4A4A;
}
.fourtySixty:before,
.twoCols:before,
.wide:before {
  content: " ";
  display: table;
}
.fourtySixty:after,
.twoCols:after,
.wide:after {
  content: " ";
  display: table;
  clear: both;
}
.fourtySixty p,
.twoCols p,
.wide p {
  *zoom: 1;
}
.fourtySixty p:before,
.twoCols p:before,
.wide p:before {
  content: " ";
  display: table;
}
.fourtySixty p:after,
.twoCols p:after,
.wide p:after {
  content: " ";
  display: table;
  clear: both;
}
.fourtySixty .accordion ul li,
.twoCols .accordion ul li,
.wide .accordion ul li {
  box-sizing: border-box;
  float: left;
  font-size: 14px;
  padding: 20px 20px 20px 80px;
  position: relative;
  width: 50%;
}
.fourtySixty .accordion ul li:before,
.twoCols .accordion ul li:before,
.wide .accordion ul li:before {
  left: 0;
}
.fourtySixty .company-group,
.twoCols .company-group,
.wide .company-group,
.fourtySixty .participants-group,
.twoCols .participants-group,
.wide .participants-group,
.fourtySixty .col,
.twoCols .col,
.wide .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
  width: 50%;
  float: left;
}
.fourtySixty .company-group:before,
.twoCols .company-group:before,
.wide .company-group:before,
.fourtySixty .participants-group:before,
.twoCols .participants-group:before,
.wide .participants-group:before,
.fourtySixty .col:before,
.twoCols .col:before,
.wide .col:before {
  content: " ";
  display: table;
}
.fourtySixty .company-group:after,
.twoCols .company-group:after,
.wide .company-group:after,
.fourtySixty .participants-group:after,
.twoCols .participants-group:after,
.wide .participants-group:after,
.fourtySixty .col:after,
.twoCols .col:after,
.wide .col:after {
  content: " ";
  display: table;
  clear: both;
}
.fourtySixty .company-group.left,
.twoCols .company-group.left,
.wide .company-group.left,
.fourtySixty .participants-group.left,
.twoCols .participants-group.left,
.wide .participants-group.left,
.fourtySixty .col.left,
.twoCols .col.left,
.wide .col.left {
  padding-right: 20px;
}
.fourtySixty .company-group.left h2,
.twoCols .company-group.left h2,
.wide .company-group.left h2,
.fourtySixty .participants-group.left h2,
.twoCols .participants-group.left h2,
.wide .participants-group.left h2,
.fourtySixty .col.left h2,
.twoCols .col.left h2,
.wide .col.left h2 {
  margin-top: 0;
  padding: 0 0 15px 0;
}
.fourtySixty .company-group.left h3,
.twoCols .company-group.left h3,
.wide .company-group.left h3,
.fourtySixty .participants-group.left h3,
.twoCols .participants-group.left h3,
.wide .participants-group.left h3,
.fourtySixty .col.left h3,
.twoCols .col.left h3,
.wide .col.left h3 {
  margin: 0;
  padding: 0;
}
.fourtySixty .company-group.left .wrapper,
.twoCols .company-group.left .wrapper,
.wide .company-group.left .wrapper,
.fourtySixty .participants-group.left .wrapper,
.twoCols .participants-group.left .wrapper,
.wide .participants-group.left .wrapper,
.fourtySixty .col.left .wrapper,
.twoCols .col.left .wrapper,
.wide .col.left .wrapper {
  max-width: 370px;
}
.fourtySixty .company-group.left .wrapper .sideSquare h2,
.twoCols .company-group.left .wrapper .sideSquare h2,
.wide .company-group.left .wrapper .sideSquare h2,
.fourtySixty .participants-group.left .wrapper .sideSquare h2,
.twoCols .participants-group.left .wrapper .sideSquare h2,
.wide .participants-group.left .wrapper .sideSquare h2,
.fourtySixty .col.left .wrapper .sideSquare h2,
.twoCols .col.left .wrapper .sideSquare h2,
.wide .col.left .wrapper .sideSquare h2 {
  padding: 0;
  text-transform: none;
}
.fourtySixty .company-group.left .personalInfo h2,
.twoCols .company-group.left .personalInfo h2,
.wide .company-group.left .personalInfo h2,
.fourtySixty .participants-group.left .personalInfo h2,
.twoCols .participants-group.left .personalInfo h2,
.wide .participants-group.left .personalInfo h2,
.fourtySixty .col.left .personalInfo h2,
.twoCols .col.left .personalInfo h2,
.wide .col.left .personalInfo h2 {
  padding-top: 10px;
}
.fourtySixty .company-group.right,
.twoCols .company-group.right,
.wide .company-group.right,
.fourtySixty .participants-group.right,
.twoCols .participants-group.right,
.wide .participants-group.right,
.fourtySixty .col.right,
.twoCols .col.right,
.wide .col.right {
  float: right;
}
.fourtySixty .company-group .pagination,
.twoCols .company-group .pagination,
.wide .company-group .pagination,
.fourtySixty .participants-group .pagination,
.twoCols .participants-group .pagination,
.wide .participants-group .pagination,
.fourtySixty .col .pagination,
.twoCols .col .pagination,
.wide .col .pagination {
  padding-top: 30px;
}
.fourtySixty .company-group .pagination li,
.twoCols .company-group .pagination li,
.wide .company-group .pagination li,
.fourtySixty .participants-group .pagination li,
.twoCols .participants-group .pagination li,
.wide .participants-group .pagination li,
.fourtySixty .col .pagination li,
.twoCols .col .pagination li,
.wide .col .pagination li {
  padding: 0;
}
.fourtySixty .company-group .pagination li:before,
.twoCols .company-group .pagination li:before,
.wide .company-group .pagination li:before,
.fourtySixty .participants-group .pagination li:before,
.twoCols .participants-group .pagination li:before,
.wide .participants-group .pagination li:before,
.fourtySixty .col .pagination li:before,
.twoCols .col .pagination li:before,
.wide .col .pagination li:before {
  content: "";
}
.fourtySixty .company-group .searchResults li:before,
.twoCols .company-group .searchResults li:before,
.wide .company-group .searchResults li:before,
.fourtySixty .participants-group .searchResults li:before,
.twoCols .participants-group .searchResults li:before,
.wide .participants-group .searchResults li:before,
.fourtySixty .col .searchResults li:before,
.twoCols .col .searchResults li:before,
.wide .col .searchResults li:before {
  content: "";
}
.fourtySixty .participants-group h2,
.twoCols .participants-group h2,
.wide .participants-group h2,
.fourtySixty .company-group h2,
.twoCols .company-group h2,
.wide .company-group h2 {
  font-size: 20px;
}
.fourtySixty .participants-group,
.twoCols .participants-group,
.wide .participants-group {
  width: 47%;
}
.fourtySixty .company-group,
.twoCols .company-group,
.wide .company-group {
  width: 47%;
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.fourtySixty.fourtySixty .col.left,
.twoCols.fourtySixty .col.left,
.wide.fourtySixty .col.left {
  width: 40%;
}
.fourtySixty.fourtySixty .col.right,
.twoCols.fourtySixty .col.right,
.wide.fourtySixty .col.right {
  width: 58%;
}
.fourtySixty.twentyEighty .col.left,
.twoCols.twentyEighty .col.left,
.wide.twentyEighty .col.left {
  width: 20%;
}
.fourtySixty.twentyEighty .col.left h2,
.twoCols.twentyEighty .col.left h2,
.wide.twentyEighty .col.left h2 {
  padding-top: 10px;
  font-size: 30px;
  line-height: 35px;
  border-right: 1px solid #ddd;
}
.fourtySixty.twentyEighty .col.right,
.twoCols.twentyEighty .col.right,
.wide.twentyEighty .col.right {
  padding: 0 0 0 50px;
  width: 80%;
}
.fourtySixty h2,
.twoCols h2,
.wide h2 {
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  color: #4A4A4A;
  padding: 20px 0 10px 0;
  text-transform: uppercase;
}
.fourtySixty h2 span.archive,
.twoCols h2 span.archive,
.wide h2 span.archive {
  float: right;
}
.fourtySixty h2 span.archive a,
.twoCols h2 span.archive a,
.wide h2 span.archive a {
  font-size: 14px;
  color: #4a4a4a;
}
.fourtySixty h3,
.twoCols h3,
.wide h3 {
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: #4A4A4A;
  padding: 20px 0 10px 0;
  text-transform: uppercase;
}
.fourtySixty h5,
.twoCols h5,
.wide h5 {
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  color: #4A4A4A;
  padding: 0 0 10px 0;
  margin: 0;
  text-transform: uppercase;
}
.fourtySixty ul,
.twoCols ul,
.wide ul {
  padding: 10px 0;
  list-style: none;
}
.fourtySixty ul.eventInfo,
.twoCols ul.eventInfo,
.wide ul.eventInfo {
  padding: 0;
}
.fourtySixty ul li,
.twoCols ul li,
.wide ul li {
  position: relative;
  padding: 3px 0;
}
.fourtySixty ul li:before,
.twoCols ul li:before,
.wide ul li:before {
  content: "￭";
  color: #57b6e9;
  position: absolute;
  left: -15px;
  font-size: 13px;
}
.fourtySixty .videos,
.twoCols .videos,
.wide .videos {
  width: 100%;
}
.fourtySixty .videos li,
.twoCols .videos li,
.wide .videos li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding: 0 2% 20px 0;
  float: left;
  text-align: right;
}
.fourtySixty .videos li:before,
.twoCols .videos li:before,
.wide .videos li:before {
  content: "";
}
.fourtySixty .videos li:nth-child(2n+1),
.twoCols .videos li:nth-child(2n+1),
.wide .videos li:nth-child(2n+1) {
  padding-left: 0;
  padding-right: 2%;
  text-align: left;
}
.fourtySixty .fact,
.twoCols .fact,
.wide .fact {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin: 15px 0;
  padding: 15px 0 15px 30px;
  background-position: -50px 18px;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: #5A5D5D;
}
.fourtySixty .jobNotes,
.twoCols .jobNotes,
.wide .jobNotes {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
}
.fourtySixty .jobNotes > li,
.twoCols .jobNotes > li,
.wide .jobNotes > li {
  background-color: #f7f7f7;
  border-top: 2px solid #fff;
  padding: 20px 30px;
}
.fourtySixty .jobNotes > li:before,
.twoCols .jobNotes > li:before,
.wide .jobNotes > li:before {
  content: none;
}
.fourtySixty .jobNotes > li:first-child,
.twoCols .jobNotes > li:first-child,
.wide .jobNotes > li:first-child {
  border-top: none;
}
.fourtySixty .jobNotes > li ul,
.twoCols .jobNotes > li ul,
.wide .jobNotes > li ul {
  padding: 0;
}
.fourtySixty .btnBlue,
.twoCols .btnBlue,
.wide .btnBlue,
.newsletterSignup .Actions input[type=submit],
.eventSignup .Actions input[type=submit] {
  background: #57b6e9;
  color: #fff;
  display: block;
  padding: 20px 0;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  font-weight: bold;
  text-decoration: none;
  font-size: 20px;
  line-height: 24px;
  margin-top: 10px;
}
.fourtySixty .btnBlue.wide,
.twoCols .btnBlue.wide,
.wide .btnBlue.wide,
.newsletterSignup .Actions input[type=submit].wide,
.eventSignup .Actions input[type=submit].wide {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
}
.fourtySixty .personalInfo img,
.twoCols .personalInfo img,
.wide .personalInfo img {
  display: block;
}
.fourtySixty .personalInfo h2,
.twoCols .personalInfo h2,
.wide .personalInfo h2 {
  border-top: 1px solid #ddd;
}
.fourtySixty .social,
.twoCols .social,
.wide .social {
  list-style: none;
}
.fourtySixty .social li,
.twoCols .social li,
.wide .social li {
  float: left;
  margin-left: 10px;
}
.fourtySixty .social li:first-child,
.twoCols .social li:first-child,
.wide .social li:first-child {
  margin-left: 0;
}
.fourtySixty .social li:before,
.twoCols .social li:before,
.wide .social li:before {
  content: "";
}
.fourtySixty .social li a,
.twoCols .social li a,
.wide .social li a {
  display: block;
  width: 34px;
  height: 34px;
  border: 3px solid #57b6e9;
  text-indent: -9999px;
}
.fourtySixty .social li a.email,
.twoCols .social li a.email,
.wide .social li a.email {
  background-position: -127px -641px;
}
.fourtySixty .social li a.li,
.twoCols .social li a.li,
.wide .social li a.li {
  background-position: -82px -641px;
}
.fourtySixty .social.big,
.twoCols .social.big,
.wide .social.big {
  padding: 15px 0;
}
.fourtySixty .social.big label,
.twoCols .social.big label,
.wide .social.big label {
  float: left;
  font-weight: 700;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
}
.fourtySixty .social.big a,
.twoCols .social.big a,
.wide .social.big a {
  display: block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  float: left;
  margin-left: 10px;
}
.fourtySixty .social.big a.li,
.twoCols .social.big a.li,
.wide .social.big a.li {
  background-position: 0px -50px;
}
.fourtySixty .social.big a.fb,
.twoCols .social.big a.fb,
.wide .social.big a.fb {
  background-position: 0px -80px;
}
.fourtySixty .social.big a.yt,
.twoCols .social.big a.yt,
.wide .social.big a.yt {
  background-position: 0px -110px;
}
.fourtySixty .social.big a.tw,
.twoCols .social.big a.tw,
.wide .social.big a.tw {
  background-position: 0px -140px;
}
.fourtySixty .eventsArchiveList,
.twoCols .eventsArchiveList,
.wide .eventsArchiveList {
  margin-top: 0;
  padding-top: 0;
}
.fourtySixty .eventsArchiveList li,
.twoCols .eventsArchiveList li,
.wide .eventsArchiveList li {
  font-size: 14px;
  border-top: 1px solid #ddd;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
}
.fourtySixty .eventsArchiveList li:first-child,
.twoCols .eventsArchiveList li:first-child,
.wide .eventsArchiveList li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.fourtySixty .eventsArchiveList li:before,
.twoCols .eventsArchiveList li:before,
.wide .eventsArchiveList li:before {
  content: " ";
}
.fourtySixty .eventsArchiveList li .date,
.twoCols .eventsArchiveList li .date,
.wide .eventsArchiveList li .date {
  display: block;
  font-weight: 700;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
}
.fourtySixty .eventsArchiveList li h3,
.twoCols .eventsArchiveList li h3,
.wide .eventsArchiveList li h3 {
  margin: 0;
  padding: 10px 0 0 0;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 24px;
}
.fourtySixty .eventInfo,
.twoCols .eventInfo,
.wide .eventInfo {
  clear: both;
  *zoom: 1;
  font-weight: 700;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
}
.fourtySixty .eventInfo:before,
.twoCols .eventInfo:before,
.wide .eventInfo:before {
  content: " ";
  display: table;
}
.fourtySixty .eventInfo:after,
.twoCols .eventInfo:after,
.wide .eventInfo:after {
  content: " ";
  display: table;
  clear: both;
}
.fourtySixty .eventInfo li,
.twoCols .eventInfo li,
.wide .eventInfo li {
  min-height: 24px;
  font-size: 14px;
  margin-left: 30px;
  float: left;
  padding: 5px 0 5px 35px;
}
.fourtySixty .eventInfo li:before,
.twoCols .eventInfo li:before,
.wide .eventInfo li:before {
  content: " ";
}
.fourtySixty .eventInfo li:first-child,
.twoCols .eventInfo li:first-child,
.wide .eventInfo li:first-child {
  margin-left: 0;
}
.fourtySixty .eventInfo li.date,
.twoCols .eventInfo li.date,
.wide .eventInfo li.date {
  background-position: 0px -685px;
}
.fourtySixty .eventInfo li.time,
.twoCols .eventInfo li.time,
.wide .eventInfo li.time {
  background-position: 0px -749px;
}
.fourtySixty .eventInfo li.location,
.twoCols .eventInfo li.location,
.wide .eventInfo li.location {
  background-position: 0px -803px;
  padding-left: 30px;
}
.fourtySixty .eventsList > li,
.twoCols .eventsList > li,
.wide .eventsList > li {
  border-top: 1px solid #ddd;
}
.fourtySixty .eventsList > li:before,
.twoCols .eventsList > li:before,
.wide .eventsList > li:before {
  content: " ";
}
.fourtySixty .eventsList .twoCols,
.twoCols .eventsList .twoCols,
.wide .eventsList .twoCols {
  margin: 20px 0;
}
.fourtySixty .eventsListArchive > li,
.twoCols .eventsListArchive > li,
.wide .eventsListArchive > li {
  padding: 20px 0 3px;
}
.fourtySixty .eventsListArchive > li:first-child,
.twoCols .eventsListArchive > li:first-child,
.wide .eventsListArchive > li:first-child {
  padding: 0 0 3px;
  border: 0;
}
/*********************************************************
MAP ******************************************************
*********************************************************/
.map {
  background-color: #55666e;
  color: #fff;
  margin-bottom: 30px;
}
.map .page {
  padding: 50px 50px 30px 50px;
}
.map h2 {
  padding: 0 0 10px 0;
  color: #fff;
}
.map .findUs {
  *zoom: 1;
}
.map .findUs:before {
  content: " ";
  display: table;
}
.map .findUs:after {
  content: " ";
  display: table;
  clear: both;
}
.findUs.aboutUs {
  position: relative;
  width: 100%;
}
.findUs.aboutUs .txtWrapper {
  position: absolute;
  top: 160px;
  left: 0px;
  width: 360px;
}
.findUs.aboutUs .txtWrapper p {
  background-color: rgba(85, 102, 110, 0.6);
}
.locationsList {
  *zoom: 1;
  color: #b9b9b9;
  padding-top: 40px;
}
.locationsList:before {
  content: " ";
  display: table;
}
.locationsList:after {
  content: " ";
  display: table;
  clear: both;
}
.locationsList li {
  float: left;
  width: 28%;
  padding: 20px 0;
  padding-left: 8%;
  border-top: 1px solid #48555b;
}
.locationsList li:nth-child(3n+1) {
  clear: both;
  *zoom: 1;
  padding-left: 0;
}
.locationsList li:nth-child(3n+1):before {
  content: " ";
  display: table;
}
.locationsList li:nth-child(3n+1):after {
  content: " ";
  display: table;
  clear: both;
}
.locationsList h5 {
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  color: #fff;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 18px;
  font-weight: 300;
}
.locationsList h5 a {
  color: #FFF;
}
.locationsList span {
  display: block;
}
.locationsList strong {
  font-size: 15px;
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
}
#gmap {
  height: 300px !important;
}
#gmap img {
  max-width: none;
}
/*********************************************************
GALLERY ***************************************************
*********************************************************/
.gallery {
  margin: 0 0 15px;
}
.gallery li {
  display: none;
}
.gallery li:before {
  content: none !important;
}
.gallery li.first {
  display: block;
}
.gallery figure {
  position: relative;
}
.gallery figure:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  background-position: 5px 5px;
  background-color: #58b6e7;
  z-index: 100;
}
.gallery img {
  width: 100%;
}
/*********************************************************
FILES ***************************************************
*********************************************************/
.attachments {
  margin: 20px 0 0;
  padding: 20px 0 0;
  font-size: 14px;
}
.attachments li {
  padding: 0 0 5px !important;
}
.attachments li:before {
  display: none !important;
}
.attachments .pdf {
  padding-left: 20px !important;
  background: url('../images/icons/icon-pdf.png') 0 0 no-repeat;
}
.attachments .doc {
  padding-left: 20px !important;
  background: url('../images/icons/icon-doc.png') 0 0 no-repeat;
}
.attachments .zip {
  padding-left: 20px !important;
  background: url('../images/icons/icon-zip.png') 0 0 no-repeat;
}
/*********************************************************
PERSON ***************************************************
*********************************************************/
.aboutPerson {
  padding: 20px 0 0;
  font-size: 14px;
}
.aboutPerson .right {
  display: block;
  width: 64px;
  height: 64px;
  float: left;
  margin: 0 20px 0 0;
}
.aboutPerson h4 {
  padding-top: 5px;
  font-size: 16px;
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
  color: #000;
  line-height: 20px;
  display: block;
}
/*********************************************************
AWARDS ***************************************************
*********************************************************/
.awards {
  *zoom: 1;
}
.awards:before {
  content: " ";
  display: table;
}
.awards:after {
  content: " ";
  display: table;
  clear: both;
}
.awards h3 {
  font-size: 30px;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: 700;
}
.awards .wrapper {
  background: url('../images/horizontal_line.gif') center top no-repeat;
  margin: 50px 0;
  *zoom: 1;
}
.awards .wrapper:before {
  content: " ";
  display: table;
}
.awards .wrapper:after {
  content: " ";
  display: table;
  clear: both;
}
.awardsList {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 50px 170px 30px 170px;
  background: url('../images/vertical_line.gif') center top repeat-y;
  font-size: 14px;
  color: #565a5c;
}
.awardsList li {
  position: relative;
  clear: both;
  text-align: center;
  padding-bottom: 30px;
}
.awardsList li span {
  background-color: #57b6e9;
  color: #fff;
  font-size: 26px;
  line-height: 80px;
  text-align: center;
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
}
.awardsList li p {
  margin: 0;
  padding: 5px 0 0 0;
  width: 40%;
  border-top: 1px solid #ddd;
  position: absolute;
  left: 0px;
  top: 40px;
  float: left;
  text-align: left;
  line-height: 18px;
  font-weight: 300;
}
.awardsList li:nth-child(2n+1) p {
  left: auto;
  right: 0px;
  float: right;
}
.awardsList li.small span {
  width: 12px;
  height: 12px;
}
.awardsList li.small p {
  top: 6px;
}
.data-center h4 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
}
.data-center ul {
  list-style: none;
  margin-bottom: 1em;
}
.data-center li:before {
  display: none;
}
.data-center li a {
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
}
.data-center li span strong {
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.data-center .video a:after {
  content: '';
  width: 8px;
  height: 11px;
  display: inline-block;
  margin: 0 0 -1px 0.5em;
}
/*********************************************************
ACCORDION ************************************************
*********************************************************/
.accordion {
  *zoom: 1;
  margin-bottom: 15px;
}
.accordion:before {
  content: " ";
  display: table;
}
.accordion:after {
  content: " ";
  display: table;
  clear: both;
}
.accordion .hide {
  display: none;
}
.accordion.aboutUs {
  margin-top: 30px;
}
.accordion.last {
  margin-bottom: 60px;
}
.accordion .twoCols {
  margin: 20px 0;
}
.accordion h2 {
  padding: 20px 0;
  font-size: 30px;
  line-height: 35px;
  text-transform: uppercase;
}
.accordion h3 {
  font-size: 26px;
  text-transform: uppercase;
  margin: 20px 0 10px 0;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
}
.accordion ul {
  *zoom: 1;
}
.accordion ul:before {
  content: " ";
  display: table;
}
.accordion ul:after {
  content: " ";
  display: table;
  clear: both;
}
.accordion ul li {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.3333%;
  float: left;
  padding: 20px 20px 20px 0;
  font-size: 14px;
}
.accordion ul li > a {
  padding-top: 5px;
  font-size: 16px;
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
  font-weight: 700;
  color: #000;
  line-height: 20px;
  display: block;
}
.accordion ul li:before {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  border: 3px solid #57b6e9;
  float: left;
  margin-right: 20px;
}
.accordion ul li > span {
  display: block;
  color: #707070;
}
.accordion ul.people li:before {
  display: none;
}
.accordion ul.people li img {
  float: left;
}
.accordion ul.people li a {
  padding-left: 80px;
}
.accordion ul.people li span {
  padding-left: 80px;
}
.accordion ul.case li:before {
  background-position: right 0;
}
.accordion ul.technical li:before {
  background-position: right -72px;
}
.accordion .btnAccordion {
  display: inline-block;
  margin: 0 auto;
  background-position: right -160px;
  background-color: #57b6e9;
  padding: 0 60px 0 20px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  position: relative;
  bottom: 22px;
  cursor: pointer;
  overflow: hidden;
}
.accordion .btnAccordion.open {
  background-position: right -210px;
  background-color: #57b6e9;
}
.accordion .divider {
  margin: 60px 0 0 0;
  text-align: center;
  width: 100%;
  border-top: 1px solid #ddd;
}
.accordion .divider.last {
  margin-bottom: 50px;
}
/*********************************************************
NEWSLETTER ***********************************************
*********************************************************/
.newsletter {
  *zoom: 1;
  padding: 20px 0;
  color: #fff;
}
.newsletter:before {
  content: " ";
  display: table;
}
.newsletter:after {
  content: " ";
  display: table;
  clear: both;
}
.newsletter label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
  color: #ABABAB;
  float: left;
  width: 32%;
  font-size: 13px;
  text-transform: uppercase;
}
.newsletter label span {
  display: block;
  color: #fff;
  font-size: 24px;
  text-transform: none;
}
.newsletter form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: right;
  width: 68%;
  margin-top: 5px;
}
.newsletter input[type="text"],
.newsletter input[type="email"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
  background-color: #5a5d5d;
  color: #DFDFDF;
  height: 40px;
  font-size: 13px;
  line-height: 40px;
  border: none;
  padding: 0 80px 0 20px;
  vertical-align: middle;
  width: 100%;
}
.newsletter input[type="submit"] {
  background-color: #465359;
  height: 40px;
  border: none;
  vertical-align: middle;
  position: absolute;
  background-color: #57b6e9;
  color: #fff;
  top: 0px;
  right: 0px;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  padding: 0 40px;
  text-transform: uppercase;
}
.newsletter input[type="submit"]:hover {
  background-color: #2ba3e1;
}
/*********************************************************
PARTNERS *************************************************
*********************************************************/
.partners {
  *zoom: 1;
  padding: 70px 0 50px 0;
}
.partners:before {
  content: " ";
  display: table;
}
.partners:after {
  content: " ";
  display: table;
  clear: both;
}
.partners h2 {
  color: #4a4a4a;
  padding-bottom: 30px;
}
.partners h3 {
  font-size: 30px;
  padding-bottom: 10px;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: 700;
}
.partners ul {
  padding: 10px 0;
  width: 100%;
}
.partners ul li {
  width: 10%;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: left;
  padding: 0 3% 4% 0;
  float: left;
}
.partners ul li:nth-child(7n+1) {
  clear: both;
}
/*********************************************************
SIDE SQUARE **********************************************
*********************************************************/
.sideSquare {
  *zoom: 1;
  display: block;
  padding: ;
  background-color: #ddf0fa;
  margin: 0 0 1px;
  padding: 25px;
  color: #4a4a4a;
}
.sideSquare:before {
  content: " ";
  display: table;
}
.sideSquare:after {
  content: " ";
  display: table;
  clear: both;
}
.sideSquare.bright {
  background-color: #eaf6fc;
}
.sideSquare:hover {
  background-color: #c1e6f9;
}
.sideSquare h2 {
  margin-bottom: 20px;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
}
.sideSquare p {
  margin: 0;
  padding: 0;
}
/*********************************************************
MAIN SEARCH **********************************************
*********************************************************/
.searchResultsBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
}
.searchResultsBox:before {
  content: " ";
  display: table;
}
.searchResultsBox:after {
  content: " ";
  display: table;
  clear: both;
}
#Form_SearchForm {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
}
#Form_SearchForm:before {
  content: " ";
  display: table;
}
#Form_SearchForm:after {
  content: " ";
  display: table;
  clear: both;
}
#Form_SearchForm .hc666 {
  display: none;
}
#Form_SearchForm input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 2px solid #eee;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #6D7070;
  padding-left: 20px;
  height: 43px;
  line-height: 43px;
  width: 100%;
  background-color: #f8f8f8;
}
#Form_SearchForm fieldset {
  float: left;
  width: 60%;
}
#Form_SearchForm fieldset label {
  display: none;
}
#Form_SearchForm .Actions {
  float: left;
}
#Form_SearchForm input[type="submit"] {
  height: 43px;
  width: 43px;
  border: none;
  vertical-align: middle;
  color: #fff;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  padding: 0;
  text-transform: uppercase;
  background-position: 11px 11px;
  background-color: #57b6e9;
  text-indent: -9999px;
}
#Form_SearchForm input[type="submit"]:hover {
  background-color: #2ba3e1;
}
/*********************************************************
SEARCH RESULTS *******************************************
*********************************************************/
.searchResults h3 {
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
}
.searchResults li:before {
  content: "";
}
/*********************************************************
PAGINATION ***********************************************
*********************************************************/
.pagination {
  *zoom: 1;
  clear: both;
  margin: 0;
  padding: 30px 0 0;
  border-top: 1px solid #ddd;
  list-style: none;
}
.pagination:before {
  content: " ";
  display: table;
}
.pagination:after {
  content: " ";
  display: table;
  clear: both;
}
.pagination li {
  display: block;
  float: left;
  text-align: center;
  width: auto;
  border-left: 1px solid #ddd;
}
.pagination li:first-child {
  border: none;
}
.pagination li a {
  display: block;
  color: #57b6e9;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
}
.pagination li.active a {
  background: #57b6e9;
  color: #fff;
}
.pagination li.prev a {
  padding: 0 10px 0 0;
}
.pagination li.next a {
  padding-left: 0 10px 0 0;
}
/*********************************************************
CHARTS ***************************************************
*********************************************************/
.charts {
  *zoom: 1;
  width: 100%;
  position: relative;
  padding-bottom: 50px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}
.charts:before {
  content: " ";
  display: table;
}
.charts:after {
  content: " ";
  display: table;
  clear: both;
}
.charts h2 {
  margin: 30px 0;
  padding: 40px 0;
  font-size: 30px;
  line-height: 35px;
  text-transform: uppercase;
  border-top: 1px solid #ddd;
}
.charts ul li {
  float: left;
  width: 19%;
  padding-left: 8%;
}
.charts ul li:first-child {
  padding-left: 0;
}
.charts .canvas-holder {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.charts .canvas-holder .wrapper {
  position: relative;
}
.charts .canvas-holder label {
  display: none;
  position: relative;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  text-align: center;
  font-size: 42px;
  color: #A9A9A9;
  font-weight: 700;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
}
.charts .canvas-holder h3 {
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  font-weight: 700;
  line-height: 22px;
  margin: 20px 0 0 0;
}
/*********************************************************
SIGNUP ***************************************************
*********************************************************/
.newsletterSignup,
.eventSignup {
  padding: 30px 0 115px 0;
  position: relative;
}
.newsletterSignup input[type="text"],
.eventSignup input[type="text"],
.newsletterSignup input[type="email"],
.eventSignup input[type="email"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 2px solid #eee;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #6D7070;
  padding-left: 20px;
  height: 43px;
  line-height: 43px;
  width: 100%;
  background-color: #f8f8f8;
}
.newsletterSignup input[type="text"].date,
.eventSignup input[type="text"].date,
.newsletterSignup input[type="email"].date,
.eventSignup input[type="email"].date {
  background-position: right -260px;
  background-color: #f8f8f8;
}
.newsletterSignup .col.left,
.eventSignup .col.left,
.newsletterSignup .col.right,
.eventSignup .col.right {
  width: 47%;
}
.newsletterSignup textarea,
.eventSignup textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #eee;
  border-bottom-width: 2px;
  font-family: gotham_light, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #6D7070;
  padding: 10px 20px;
  height: 88px;
  line-height: 18px;
  width: 100%;
  background-color: #f8f8f8;
}
.newsletterSignup .left h3,
.eventSignup .left h3,
.newsletterSignup .right h3,
.eventSignup .right h3 {
  margin: 0;
  padding: 0;
}
.newsletterSignup .divider,
.eventSignup .divider {
  *zoom: 1;
  clear: both;
  border-top: 1px solid #ddd;
  padding-top: 20px;
  margin-top: 30px;
}
.newsletterSignup .divider:before,
.eventSignup .divider:before {
  content: " ";
  display: table;
}
.newsletterSignup .divider:after,
.eventSignup .divider:after {
  content: " ";
  display: table;
  clear: both;
}
.newsletterSignup .field,
.eventSignup .field,
.newsletterSignup span,
.eventSignup span {
  display: block;
}
.newsletterSignup .field.half,
.eventSignup .field.half,
.newsletterSignup span.half,
.eventSignup span.half {
  width: 48%;
}
.newsletterSignup .field .error,
.eventSignup .field .error,
.newsletterSignup span .error,
.eventSignup span .error {
  border-color: #f59899;
}
.newsletterSignup div.field,
.eventSignup div.field {
  margin: 20px 0 0;
}
.newsletterSignup [class^=parsley] span,
.eventSignup [class^=parsley] span {
  color: #f59899;
}
.newsletterSignup label,
.eventSignup label {
  text-transform: uppercase;
  display: block;
  font-size: 13px;
  padding-bottom: 5px;
}
.newsletterSignup #Email,
.eventSignup #Email,
.newsletterSignup .float-left,
.eventSignup .float-left {
  clear: left;
  float: left;
}
.newsletterSignup #EmailConfirmation,
.eventSignup #EmailConfirmation,
.newsletterSignup .float-right,
.eventSignup .float-right {
  float: right;
  clear: right;
}
.newsletterSignup .float-both,
.eventSignup .float-both {
  float: left;
  clear: both;
  width: 100%;
}
.newsletterSignup p,
.eventSignup p {
  clear: both;
}
.newsletterSignup .Actions,
.eventSignup .Actions {
  width: 47%;
  margin: 30px 0 0;
  padding: 20px 0 0;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}
.newsletterSignup .Actions input[type=submit],
.eventSignup .Actions input[type=submit] {
  width: 47%;
  display: inline-block;
}
.newsletterSignup .Actions:before,
.eventSignup .Actions:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 212.766%;
  border-top: solid 1px #ddd;
}
.newsletterSignup .participants ul,
.eventSignup .participants ul {
  margin: 20px 0 0 20px;
}
.newsletterSignup #Email {
  width: 100%;
}
.newsletterSignup #Surname,
.newsletterSignup #FirstName {
  width: 48%;
}
.newsletterSignup #Surname {
  float: right;
  clear: right;
}
.newsletterSignup #FirstName {
  float: left;
  clear: left;
}
.archive-link {
  float: right;
  font-size: 14px;
  font-weight: bold;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  line-height: 24px;
  position: relative;
  top: 52px;
  margin: -22px 0 0;
}
.archive-link a {
  color: #555;
}
.archive-link a:hover {
  color: #2ba3e1;
}
.addthisevent {
  visibility: hidden;
}
.addthisevent span {
  display: none !important;
}
.twoCols ul li.addthisevent-holder {
  float: right;
  background-position: 0 -950px;
  padding: 0;
}
.addthisevent-drop {
  display: inline-block;
  padding: 5px 0 5px 35px;
  position: relative;
  z-index: 999998;
  font-family: arial, helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  text-decoration: none;
}
.addthisevent-drop:hover {
  color: #555;
  font-size: 14px;
  text-decoration: none;
}
.addthisevent-drop ._url,
.addthisevent-drop ._start,
.addthisevent-drop ._end,
.addthisevent-drop ._summary,
.addthisevent-drop ._description,
.addthisevent-drop ._location,
.addthisevent-drop ._organizer,
.addthisevent-drop ._organizer_email,
.addthisevent-drop ._facebook_event,
.addthisevent-drop ._all_day_event {
  display: none !important;
}
.addthisevent_dropdown {
  width: 200px;
  position: absolute;
  z-index: 99999;
  padding: 6px 0px 0px 0px;
  background: #fff;
  text-align: left;
  display: none;
  margin-top: 4px;
  margin-left: -1px;
  border: 1px solid #eee;
  border-width: 1px 1px 2px;
}
.addthisevent_dropdown span {
  width: 175px;
  display: block;
  line-height: 110%;
  background: #fff;
  text-decoration: none;
  font-size: 12px;
  color: #57b6e9;
  padding: 8px 10px 9px 15px;
}
.addthisevent_dropdown span:hover {
  background: #f4f4f4;
  color: #2ba3e1;
  text-decoration: none;
  font-size: 12px;
}
.addthisevent_dropdown .copyx {
  width: 200px;
  height: 21px;
  display: block;
  position: relative;
  cursor: default;
}
.addthisevent_dropdown .brx {
  width: 180px;
  height: 1px;
  overflow: hidden;
  background: #e0e0e0;
  position: absolute;
  z-index: 100;
  left: 10px;
  top: 9px;
}
.addthisevent_dropdown .frs {
  position: absolute;
  top: 5px;
  cursor: pointer;
  right: 10px;
  padding-left: 10px;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  z-index: 101;
  line-height: 110%;
  background: #fff;
  text-decoration: none;
  font-size: 9px;
  color: #cacaca;
}
.addthisevent_dropdown .frs:hover {
  color: #6d84b4;
}
#hc666 {
  position: fixed !important;
  top: -9999px !important;
  left: -9999px !important;
}
/*********************************************************
FOOTER ***************************************************
*********************************************************/
.footer {
  clear: both;
  *zoom: 1;
}
.footer:before {
  content: " ";
  display: table;
}
.footer:after {
  content: " ";
  display: table;
  clear: both;
}
.footer .wrapper {
  padding: 60px 0;
}
.footer .wrapper.dark .sitemap-trigger {
  display: none;
}
.footer .sitemap h4,
.footer .sitemap h4 a {
  color: #fff;
  margin: 0;
  padding: 0 0 30px 0;
  font-size: 16px;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  font-weight: 700;
  text-transform: uppercase;
}
.footer .sitemap a {
  color: #92A0A7;
  font-family: gotham_book, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
}
.footer .sitemap ul > li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 20%;
}
.footer .sitemap ul > li > ul > li {
  float: none;
  width: 100%;
  padding: 7px 0;
}
.footer .sitemap ul > li > ul > li:first-child {
  padding-top: 0;
}
.footer .sitemap ul > li > ul > li a {
  line-height: 14px;
}
.footer .sitemap ul > li > ul > li a:hover {
  color: #fff;
}
.footer .companyInfo {
  padding: 30px 0;
  font-size: 12px;
  color: #A3B0B6;
  line-height: 20px;
}
.footer .companyInfo label {
  display: block;
}
.footer .companyInfo .vCard {
  *zoom: 1;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}
.footer .companyInfo .vCard:before {
  content: " ";
  display: table;
}
.footer .companyInfo .vCard:after {
  content: " ";
  display: table;
  clear: both;
}
.footer .companyInfo .vCard h4 {
  color: #A3B0B6;
  font-size: 16px;
  font-family: gotham_medium, arial, helvetica, sans-serif;
  font-weight: normal;
  font-weight: 700;
  width: 100%;
  padding-bottom: 10px;
}
.footer .companyInfo .vCard ul {
  float: left;
}
.footer .companyInfo .vCard ul li {
  float: left;
  padding: 0 40px;
  border-left: 1px solid #ddd;
}
.footer .companyInfo .vCard ul li:first-child {
  padding-left: 0;
  border: none;
}
.footer .companyInfo .vCard .social {
  float: right;
}
.footer .companyInfo .vCard .social a {
  margin: 5px 0 0 10px;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background-position: 0 0;
}
.footer .companyInfo .vCard .social a.li {
  background-position: 0px -50px;
  margin-left: 0;
}
.footer .companyInfo .vCard .social a.fb {
  background-position: 0px -80px;
}
.footer .companyInfo .vCard .social a.yt {
  background-position: 0px -110px;
}
.footer .companyInfo .footnote {
  *zoom: 1;
  padding-top: 30px;
}
.footer .companyInfo .footnote:before {
  content: " ";
  display: table;
}
.footer .companyInfo .footnote:after {
  content: " ";
  display: table;
  clear: both;
}
.footer .companyInfo .footnote .copyright {
  float: left;
}
.footer .companyInfo .footnote .copyright a {
  margin-right: 20px;
}
.footer .companyInfo .footnote .otherPages {
  float: right;
}
.footer .companyInfo .footnote .otherPages label {
  text-align: right;
}
.footer .companyInfo .footnote .otherPages a {
  margin-left: 20px;
}
.footer .companyInfo .footnote .otherPages .production {
  display: inline-block;
  margin-top: 1.7em;
}
.footer .companyInfo .footnote .otherPages .production a {
  margin-left: 10px;
}
.awards,
.partners,
.accordion {
  position: relative;
}
.anchor {
  position: absolute;
  top: -70px;
}
.accordion .anchor {
  top: -60px;
}
@media screen and (max-width: 1500px) {
  /*********************************************************
LAYOUT ELEMENTS ******************************************
*********************************************************/
  /*********************************************************
DOUBLES **************************************************
*********************************************************/
  .doubles.intro {
    height: 470px;
  }
  .doubles.content {
    height: 400px;
  }
  .doubles .double.content {
    padding: 30px 60px;
  }
  .doubles .double.content.doubledecker .lead {
    padding: 0 40px 40px;
  }
  .doubles .double.content.doubledecker .item {
    padding: 40px 40px;
  }
}
@media screen and (max-width: 1200px) {
  /*********************************************************
INIT *****************************************************
*********************************************************/
  .tablet,
  .mobile {
    display: none;
  }
  .desktop {
    display: block;
  }
  /*********************************************************
LAYOUT ELEMENTS ******************************************
*********************************************************/
  .page {
    width: 980px;
  }
  /*********************************************************
BANNERS **************************************************
*********************************************************/
  .banner.intro {
    height: 735px;
    min-height: 735px;
  }
  .banner.intro > .page {
    height: 735px;
    min-height: 735px;
  }
  .banner.intro .squares {
    right: -490px;
    min-height: 735px;
    min-width: 1224px;
  }
  .banner.intro .tiles {
    bottom: 245px;
  }
  .banner.intro .tiles .tile {
    width: 245px;
    height: 245px;
    padding: 25px 25px 0;
  }
  .banner.intro .tiles .tile h3 {
    padding: 0;
  }
  .newsList ul li {
    height: 360px;
  }
  /*********************************************************
SQUARES **************************************************
*********************************************************/
  .squares ul:before,
  .squares ul:after {
    height: 245px;
    width: 245px;
  }
  .squares ul:before {
    top: 0px;
    right: -245px;
  }
  .squares ul:after {
    top: 245px;
    left: -245px;
  }
  .squares ul li {
    height: 245px;
    width: 245px;
    padding: 100px 35px 0;
    background-size: 50px;
    background-position: 35px 35px;
  }
  .squares ul li:first-child {
    width: 245px;
  }
  .squares ul li h2 {
    font-size: 40px;
  }
  /*********************************************************
DOUBLES **************************************************
*********************************************************/
  .doubles.intro {
    height: 450px;
  }
  .doubles.content {
    height: 400px;
  }
  .doubles .double.content {
    padding: 30px 60px;
  }
  .doubles .double.content.doubledecker .lead {
    padding: 0 40px 0px 40px;
  }
  .doubles .double.content.doubledecker .item {
    padding: 20px 40px;
  }
}
@media screen and (max-width: 1023px) {
  /*********************************************************
INIT *****************************************************
*********************************************************/
  .desktop,
  .mobile {
    display: none;
  }
  .tablet {
    display: block;
  }
  /*********************************************************
REPEATED ELEMENTS ****************************************
*********************************************************/
  .equalCols2 {
    padding: 0;
  }
  .equalCols2 .singleCol {
    width: 100%;
  }
  .equalCols2 .singleCol.floatLeft {
    padding-right: 0;
  }
  .equalCols2 .singleCol.floatRight {
    padding-left: 0;
  }
  .equalCols2 .singleCol + .singleCol {
    padding-top: 20px;
  }
  .newsList ul li {
    height: 480px;
  }
  /*********************************************************
LAYOUT ELEMENTS ******************************************
*********************************************************/
  .page {
    max-width: 768px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  /*********************************************************
HEADER ***************************************************
*********************************************************/
  .header .navPrimary .navTrigger {
    display: none;
  }
  .header .navPrimary ul {
    display: block;
    font-size: 14px;
  }
  .header .navPrimary ul > li {
    position: relative;
    text-transform: uppercase;
    float: left;
    margin: 0;
    padding: 0 20px;
    height: 75px;
    line-height: 75px;
  }
  .header .navPrimary ul > li.active {
    background-color: #57b6e9;
  }
  .header .navPrimary ul > li.active a {
    color: #fff;
  }
  .header .navPrimary ul > li.active:after {
    content: " ";
    position: absolute;
    bottom: -4px;
    background-color: #57b6e9;
    height: 4px;
    left: 0px;
    right: 0px;
  }
  .header .search .search-btn {
    display: block;
  }
  .header .search form {
    display: none;
  }
  .header .navSecondary {
    padding-right: 200px;
  }
  /*********************************************************
BANNERS **************************************************
*********************************************************/
  .banner.intro {
    height: 576px;
    min-height: 576px;
  }
  .banner.intro > .page {
    height: 576px;
    min-height: 576px;
  }
  .banner.intro .squares {
    right: -384px;
    min-height: 576px;
    min-width: 959px;
  }
  .banner.intro .tiles {
    bottom: 192px;
  }
  .banner.intro .tiles .tile {
    width: 384px;
    height: 192px;
    padding: 25px 25px 0;
    font-size: 12px;
  }
  .banner.intro .tiles .tile h3 {
    font-size: 28px;
    line-height: 32px;
    padding-bottom: 5px;
  }
  .banner.intro .tiles-2 {
    bottom: 0;
    max-width: 576px;
  }
  .banner.intro .tiles-2 .first {
    float: right;
  }
  .banner.intro .tiles-2 .second {
    clear: left;
  }
  /*********************************************************
SQUARES **************************************************
*********************************************************/
  .squares ul:before,
  .squares ul:after {
    height: 192px;
    width: 192px;
  }
  .squares ul:before {
    top: 384px;
    right: -192px;
  }
  .squares ul:after {
    top: 192px;
    left: -192px;
  }
  .squares ul li {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 192px;
    width: 50%;
    padding: 80px 25px 0 25px;
    background-size: 45px;
    font-size: 13px;
  }
  .squares ul li h2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 26px;
    line-height: 32px;
  }
  .squares ul li p {
    padding: 2px 0;
    margin: 0;
    line-height: 16px;
  }
  .squares ul li.hot {
    padding-top: 20px;
  }
  .squares ul li.data,
  .squares ul li.security,
  .squares ul li.mobility,
  .squares ul li.consulting,
  .squares ul li.managing,
  .squares ul li.learning,
  .squares ul li.networking,
  .squares ul li.analytics,
  .squares ul li.maintenance {
    background-position: 25px 25px;
  }
  .squares ul li:nth-child(4n + 2) {
    background-color: #DDF0FA;
  }
  .squares ul li:nth-child(4n + 3) {
    background-color: #EAF6FC;
  }
  .squares ul li:nth-child(4n + 4) {
    background-color: #EAF6FC;
  }
  .squares ul li:nth-child(4n + 1) {
    background-color: #DDF0FA;
  }
  .squares ul li:first-child {
    background-color: #fff;
    width: 768px;
    padding: 0 20px;
  }
  /*********************************************************
AWARDS ***************************************************
*********************************************************/
  .awardsList {
    padding: 50px 50px 30px 50px;
  }
  /*********************************************************
NEWSLETTER ***********************************************
*********************************************************/
  .newsletter {
    padding: 20px 10px;
  }
  .newsletter label span {
    display: block;
    color: #fff;
    font-size: 24px;
    text-transform: none;
  }
  .newsletter form {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: right;
    width: 68%;
    margin-top: 5px;
  }
  .newsletter input[type="text"],
  .newsletter input[type="email"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: gotham_book, arial, helvetica, sans-serif;
    font-weight: normal;
    background-color: #5a5d5d;
    color: #DFDFDF;
    height: 40px;
    font-size: 13px;
    line-height: 40px;
    border: none;
    padding: 0 80px 0 20px;
    vertical-align: middle;
    width: 100%;
  }
  .newsletter input[type="submit"] {
    background-color: #465359;
    height: 40px;
    border: none;
    vertical-align: middle;
    position: absolute;
    background-color: #57b6e9;
    color: #fff;
    top: 0px;
    right: 0px;
    font-family: gotham_medium, arial, helvetica, sans-serif;
    font-weight: normal;
    padding: 0 40px;
    text-transform: uppercase;
  }
  .newsletter input[type="submit"]:hover {
    background-color: #2ba3e1;
  }
  /*********************************************************
TWOCOLS **************************************************
*********************************************************/
  .twoCols ul.eventInfo li.location,
  .wide ul.eventInfo li.location {
    clear: both;
    margin-left: 0;
  }
  /*********************************************************
DOUBLES **************************************************
*********************************************************/
  .doubles.intro {
    height: 400px;
  }
  .doubles.content {
    height: 400px;
  }
  .doubles .double h3,
  .doubles .double h3 a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-family: gotham_medium, arial, helvetica, sans-serif;
    font-weight: normal;
    color: #57b6e9;
    text-transform: uppercase;
  }
  .doubles .double h4 {
    padding-bottom: 0;
  }
  .doubles .double h4 a {
    font-size: 28px;
    line-height: 34px;
  }
  .doubles .double.content {
    padding: 30px;
  }
  .doubles .double.content.lead h2 {
    font-size: 28px;
    line-height: 34px;
    padding-bottom: 0;
  }
  .doubles .double.content.doubledecker {
    padding: 20px 0;
  }
  .doubles .double.content.doubledecker h2 {
    font-size: 28px;
    line-height: 34px;
    padding-bottom: 0;
  }
  .doubles .double.content.doubledecker .lead {
    padding: 0 30px 10px 30px;
  }
  .doubles .double.content.doubledecker .item {
    padding: 10px 30px 20px;
  }
  .doubles .double.content.doubledecker .item h3 {
    font-size: 20px;
  }
  /*********************************************************
FOURSOME *************************************************
*********************************************************/
  .foursome.news ul li {
    width: 50%;
  }
  .foursome.news ul li:nth-child(even) {
    background-color: #EAF6FC;
  }
  .foursome.news ul li:nth-child(2),
  .foursome.news ul li:nth-child(3) {
    background-color: #DDF0FA;
  }
  /*********************************************************
CHARTS ***************************************************
*********************************************************/
  .charts .canvas-holder label {
    font-size: 30px;
  }
  /*********************************************************
NEWSLETTER ***********************************************
*********************************************************/
  .newsletter label span {
    font-size: 18px;
    text-transform: none;
  }
}
@media screen and (max-width: 767px) {
  /*********************************************************
INIT *****************************************************
*********************************************************/
  .desktop,
  .tablet {
    display: none;
  }
  .desktop.tablet {
    display: none;
  }
  .mobile {
    display: block;
  }
  /*********************************************************
LAYOUT ELEMENTS ******************************************
*********************************************************/
  .main.stretch .page {
    padding-left: 0;
    padding-right: 0;
  }
  .page {
    width: 100%;
  }
  /*********************************************************
HEADER ***************************************************
*********************************************************/
  .header {
    position: absolute;
    height: 72px;
  }
  .header .logo {
    top: 25px;
    padding-left: 25px;
  }
  .header .logo img {
    width: 60%;
  }
  .header .navSecondary {
    display: none;
  }
  .header .navPrimary .navTrigger {
    display: block;
    top: 23px;
    right: 15px;
  }
  .header .navPrimary ul {
    width: 100%;
    z-index: 10;
    display: none;
    font-family: gotham_light, arial, helvetica, sans-serif;
    font-weight: normal;
    position: absolute;
    top: 72px;
    right: auto;
    left: 0px;
    font-size: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 0px rgba(0, 0, 0, 0.4);
  }
  .header .navPrimary ul a {
    padding: 0 15px;
    display: block;
  }
  .header .navPrimary ul a:hover {
    color: #2ba3e1;
  }
  .header .navPrimary ul > li {
    margin: 0;
    padding: 0;
    clear: both;
    *zoom: 1;
    width: 100%;
    text-transform: uppercase;
    float: none;
    border-bottom: 1px solid #ddd;
  }
  .header .navPrimary ul > li:before {
    content: " ";
    display: table;
  }
  .header .navPrimary ul > li:after {
    content: " ";
    display: table;
    clear: both;
  }
  .header .navPrimary ul > li:first-child {
    border-top: 1px solid #ddd;
  }
  .header .navPrimary ul > li.active a {
    color: #fff;
  }
  .header .lang-n-search {
    right: 60px;
    top: 16px;
  }
  .header .navLanguages ul li {
    padding-top: 13px;
  }
  .header .search form {
    display: none;
  }
  .header .search .searchTrigger {
    background-color: transparent;
    background-position: -100px -10px;
  }
  .header .search .search-btn {
    display: block;
  }
  /*********************************************************
BANNERS **************************************************
*********************************************************/
  .banner.content {
    padding-top: 110px;
    padding-bottom: 20px;
    height: auto;
  }
  .banner.content .page {
    padding-left: 15px;
    padding-right: 15px;
  }
  .banner.content > .page {
    height: auto;
  }
  .banner.intro {
    height: 500px;
    min-height: 500px;
  }
  .banner.intro > .page {
    height: 500px;
    min-height: 500px;
  }
  .banner.intro .squares {
    display: none;
  }
  .banner.intro .tiles {
    bottom: 0px;
  }
  .banner.intro .tiles .tile {
    width: 400px;
    height: 200px;
  }
  /*********************************************************
SQUARES **************************************************
*********************************************************/
  .squares ul li {
    width: 50%;
    padding: 70px 25px 25px;
  }
  .squares ul li:first-child {
    width: 100%;
    padding: 0 20px;
  }
  .squares ul li.empty {
    display: none;
  }
  .squares ul li.hot {
    padding-top: 20px;
  }
  .squares ul li:nth-child(4n + 2) {
    background-color: #DDF0FA;
  }
  .squares ul li:nth-child(4n + 3) {
    background-color: #EAF6FC;
  }
  .squares ul li:nth-child(4n + 4) {
    background-color: #EAF6FC;
  }
  .squares ul li:nth-child(4n + 1) {
    background-color: #DDF0FA;
  }
  .squares ul li:first-child {
    background-color: #fff;
  }
  .squares ul li.data,
  .squares ul li.security,
  .squares ul li.mobility,
  .squares ul li.consulting,
  .squares ul li.managing,
  .squares ul li.learning,
  .squares ul li.networking,
  .squares ul li.analytics,
  .squares ul li.maintenance {
    background-position: 25px 25px;
  }
  .squares ul li.hot,
  .squares ul li.empty {
    background: #fff;
  }
  /*********************************************************
MAIN *****************************************************
*********************************************************/
  .main .page {
    padding-left: 15px;
    padding-right: 15px;
  }
  /*********************************************************
PARTNERS *************************************************
*********************************************************/
  .partners {
    *zoom: 1;
    padding: 35px 15px 15px 15px;
  }
  .partners:before {
    content: " ";
    display: table;
  }
  .partners:after {
    content: " ";
    display: table;
    clear: both;
  }
  /*********************************************************
TWOCOLS **************************************************
*********************************************************/
  .twoCols .accordion ul li,
  .wide .accordion ul li {
    width: 100%;
  }
  .twoCols .accordion ul li:before,
  .wide .accordion ul li:before {
    left: 0;
  }
  .twoCols.twentyEighty .col.left,
  .wide.twentyEighty .col.left {
    width: 40%;
  }
  .twoCols.twentyEighty .col.right,
  .wide.twentyEighty .col.right {
    width: 60%;
  }
  .twoCols ul.eventInfo li.location,
  .wide ul.eventInfo li.location {
    clear: both;
    margin-left: 0;
  }
  /*********************************************************
FOURSOME *************************************************
*********************************************************/
  .foursome.news ul.number-1 li,
  .foursome.news ul.number-2 li {
    width: 100%;
  }
  .foursome.news ul li {
    padding: 30px 20px;
  }
  /*********************************************************
ACCORDION ************************************************
*********************************************************/
  .accordion ul li {
    width: 50%;
    padding: 20px 20px 20px 0;
  }
  .botomBanner .twoCols .col.left {
    width: 100%;
    padding: 0 0 40px;
    text-align: left;
  }
  .botomBanner .twoCols .col.left img {
    max-width: 200px;
  }
  .botomBanner .twoCols .col.right {
    width: 100%;
    padding: 0;
  }
  .botomBanner .twoCols .col.right strong {
    font-size: 1.4em;
  }
  .botomBanner .twoCols .col.right p {
    font-size: 1.2em;
  }
  /*********************************************************
MAP ******************************************************
*********************************************************/
  .findUs.aboutUs {
    padding: 35px 0;
  }
  .findUs.aboutUs h2 {
    width: 100%;
  }
  .findUs.aboutUs .txtWrapper {
    width: 90%;
    position: relative;
    left: 0px;
    top: 0px;
    padding-bottom: 20px;
  }
  .findUs.aboutUs .txtWrapper br {
    display: none;
  }
  .locationsList li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #48555b;
    clear: both;
    *zoom: 1;
  }
  .locationsList li:before {
    content: " ";
    display: table;
  }
  .locationsList li:after {
    content: " ";
    display: table;
    clear: both;
  }
  /*********************************************************
AWARDS ***************************************************
*********************************************************/
  .awards .wrapper {
    background: none;
    padding: 30px 0 0 0;
  }
  .awardsList {
    font-size: 13px;
    background-position: 30px 0px;
    padding: 0;
  }
  .awardsList li {
    padding-bottom: 50px;
    min-height: 60px;
  }
  .awardsList li span {
    float: left;
    margin: 0;
    font-size: 20px;
    line-height: 60px;
    width: 60px;
    height: 60px;
  }
  .awardsList li p {
    width: 70%;
    position: relative;
    float: left;
    top: 30px;
    left: 0px;
    margin-left: 15px;
    line-height: 13px;
  }
  .awardsList li:nth-child(2n+1) p {
    right: auto;
    float: left;
  }
  .awardsList li.small {
    min-height: 30px;
  }
  .awardsList li.small span {
    margin-left: 24px;
    width: 12px;
    height: 12px;
  }
  .awardsList li.small p {
    margin-left: 39px;
    top: 6px;
  }
  /*********************************************************
SIGNUP ***************************************************
*********************************************************/
  .eventSignup .twoCols .col.left,
  .eventSignup .twoCols .col.right {
    width: 100%;
    float: none;
    padding: 0;
  }
  .eventSignup .participants-group,
  .eventSignup .company-group {
    width: 100%;
    float: none;
    padding: 0;
  }
  .eventSignup .Actions:before {
    width: 208.33333%;
  }
  /*********************************************************
CHARTS ***************************************************
*********************************************************/
  .charts ul li {
    float: left;
    width: 45%;
    padding-left: 10%;
  }
  .charts ul li:first-child {
    padding-left: 0;
  }
  .charts ul li + li + li {
    padding-left: 0;
    margin-top: 30px;
  }
  .charts ul li + li + li + li {
    padding-left: 10%;
    margin-top: 30px;
  }
  .charts .canvas-holder label {
    font-size: 44px;
  }
  .newsList ul li {
    height: 660px;
  }
  .newsList ul li .thumb {
    float: none;
  }
  .newsList ul li h3 {
    padding: 5px 0 0 0;
  }
  /*********************************************************
DOUBLES **************************************************
*********************************************************/
  .doubles.intro {
    height: auto;
  }
  .doubles.content {
    height: auto;
  }
  .doubles .double {
    float: none !important;
    width: 100% !important;
  }
  .doubles .double.picture {
    height: 400px;
  }
  .doubles .double.content {
    padding: 30px;
  }
  .doubles .double.content .wrapper {
    position: relative;
    top: 0%;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  .doubles .double.content.lead h2 {
    font-size: 28px;
    line-height: 34px;
    padding-bottom: 0;
  }
  .doubles .double.content.doubledecker {
    padding: 20px 0;
  }
  .doubles .double.content.doubledecker h2 {
    font-size: 28px;
    line-height: 34px;
    padding-bottom: 0;
  }
  .doubles .double.content.doubledecker .lead {
    padding: 0 30px 10px 30px;
  }
  .doubles .double.content.doubledecker .item {
    padding: 30px;
  }
  .doubles .double.content.doubledecker .item h3 {
    font-size: 20px;
  }
  /*********************************************************
TECHNOLOGY ***********************************************
*********************************************************/
  .technology .threesome {
    padding: 30px 0 0 0;
  }
  .technology .threesome .single {
    width: 100%;
    padding: 0 0 25px 0;
  }
  .technology .threesome .single.benefits {
    padding: 3px 0 10px 0;
    list-style: none;
  }
  .technology .threesome .single.benefits ul {
    margin: 0 0 20px 20px;
  }
  .technology .threesome .single h3 {
    display: inline;
  }
  /*********************************************************
THREESOME ************************************************
*********************************************************/
  .threesome {
    *zoom: 1;
  }
  .threesome:before {
    content: " ";
    display: table;
  }
  .threesome:after {
    content: " ";
    display: table;
    clear: both;
  }
  .threesome h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .threesome.ourTeam {
    margin: 20px 0 20px 0;
  }
  .threesome .single {
    width: 100%;
    float: none;
    padding: 20px 0 0 0;
    clear: both;
  }
  .threesome .double {
    width: 100%;
    float: none;
    padding: 20px 0 0 0;
    clear: both;
  }
  .threesome .double ul li {
    width: 100%;
    padding-right: 0;
    float: none;
  }
  /*********************************************************
FOOTER ***************************************************
*********************************************************/
  .footer .wrapper {
    padding: 0;
    height: 2px;
  }
  .footer .wrapper.dark {
    padding: 44px 0 0;
    height: 0;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .footer .wrapper.dark .sitemap-trigger {
    height: 24px;
    display: block;
    position: absolute;
    top: 10px;
    width: 100%;
    padding: 0 12px;
    line-height: 24px;
    color: #A3B0B6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .footer .wrapper.dark .sitemap-trigger span {
    display: block;
    position: absolute;
    right: 12px;
    top: 2px;
    width: 20px;
    height: 20px;
    background: #A3B0B6;
  }
  .footer .wrapper.dark .sitemap-trigger span:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid #283033;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin: 7px auto 0;
  }
  .footer .wrapper.dark.is-open {
    padding: 60px 0;
    height: auto;
  }
  .footer .wrapper.dark.is-open .sitemap-trigger {
    opacity: 0;
    pointer-events: none;
  }
  .footer .wrapper.dark .sitemap .page {
    padding: 0 30px;
  }
  .footer .wrapper.dark .sitemap ul {
    font-size: 0;
  }
  .footer .wrapper.dark .sitemap ul > li {
    font-size: 16px;
    width: 33%;
    margin-bottom: 30px;
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  .footer .wrapper.dark .sitemap ul > li li {
    display: block;
    margin: 0;
    width: 90%;
  }
  .footer .page {
    padding-left: 15px;
    padding-right: 15px;
  }
  .footer .companyInfo .vCard h4 {
    width: 50%;
  }
  .footer .companyInfo .footnote .copyright,
  .footer .companyInfo .footnote .otherPages {
    float: none;
    text-align: left;
  }
  .footer .companyInfo .footnote .copyright label,
  .footer .companyInfo .footnote .otherPages label {
    text-align: left;
    padding-top: 15px;
  }
  .footer .companyInfo .footnote .copyright a,
  .footer .companyInfo .footnote .otherPages a {
    margin-left: 0;
    margin-right: 20px;
  }
  /*********************************************************
NEWSLETTER ***********************************************
*********************************************************/
  .newsletter {
    *zoom: 1;
    padding: 20px 15px;
  }
  .newsletter:before {
    content: " ";
    display: table;
  }
  .newsletter:after {
    content: " ";
    display: table;
    clear: both;
  }
  .newsletter label {
    width: 100%;
    padding-bottom: 10px;
  }
  .newsletter form {
    float: none;
    width: 100%;
    clear: both;
  }
}
@media screen and (max-width: 479px) {
  /*********************************************************
INIT *****************************************************
*********************************************************/
  .desktop,
  .tablet {
    display: none;
  }
  .mobile {
    display: block;
  }
  /*********************************************************
LAYOUT ELEMENTS ******************************************
*********************************************************/
  .page {
    width: 100%;
  }
  /*********************************************************
BANNERS **************************************************
*********************************************************/
  .banner.content > .page {
    height: auto;
    min-height: 170px;
  }
  .banner.content h1 {
    font-size: 26px;
    line-height: 30px;
  }
  .banner.content .squares {
    min-width: 422px;
  }
  .banner.intro .squares {
    display: none;
  }
  .banner.intro .tiles {
    bottom: 0px;
  }
  .banner.intro .tiles .tile {
    width: 288px;
    height: 160px;
  }
  .banner.intro .tiles .tile h3 {
    font-size: 18px;
    line-height: 22px;
    padding: 0;
  }
  .banner.intro .tiles .tile p {
    padding: 0;
    line-height: 18px;
  }
  /*********************************************************
SQUARES **************************************************
*********************************************************/
  .squares ul li {
    width: 100%;
    /*
			&.data {
				background-position: 20px -145px;
			}

			&.networking {
				background-position: 20px -145px;
			}

			&.security {
				background-position: 20px -145px;
			}

			&.mobility {
				background-position: 20px -145px;
			}

			&.analytics {
				background-position: 20px -145px;
			}

			&.consulting {
				background-position: 20px -145px;
			}

			&.maintenance {
				background-position: 20px -145px;
			}

			&.managing {
				background-position: 20px -145px;
			}

			&.learning {
				background-position: 20px -145px;
			}/**/
  }
  .squares ul li:nth-child(2n + 0) {
    background-color: #DDF0FA;
  }
  .squares ul li:nth-child(2n + 1) {
    background-color: #EAF6FC;
  }
  .squares ul li:first-child {
    width: 100%;
    padding: 0 20px;
    background-color: #fff;
  }
  .squares ul li.empty {
    display: none;
  }
  .squares ul li.hot {
    padding-top: 20px;
  }
  /*********************************************************
HEADER ***************************************************
*********************************************************/
  .header .navPrimary .navTrigger {
    display: block;
    right: 15px;
  }
  .header .navSecondary {
    position: absolute;
    padding-right: 0;
    top: 0px;
    left: 0px;
  }
  .header .navSecondary ul li {
    margin-left: 20px;
  }
  .header .navSecondary ul li:first-child {
    margin-left: 10px;
  }
  /*********************************************************
TABLE ****************************************************
*********************************************************/
  table {
    font-size: 9px;
  }
  table tr td,
  table tr th {
    padding: 5px;
    line-height: 11px;
  }
  table tr th {
    font-size: 10px;
  }
  /*********************************************************
TWOCOLS **************************************************
*********************************************************/
  .twoCols,
  .wide {
    margin: 50px 0;
  }
  .twoCols .col,
  .wide .col {
    width: 100%;
    float: none;
    clear: both;
  }
  .twoCols .col.left,
  .wide .col.left {
    padding-right: 0;
  }
  .twoCols .col.left .wrapper,
  .wide .col.left .wrapper {
    max-width: 100%;
  }
  .twoCols.fourtySixty .col,
  .wide.fourtySixty .col {
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }
  .twoCols.twentyEighty,
  .wide.twentyEighty {
    margin-bottom: 0;
  }
  .twoCols.twentyEighty .col,
  .wide.twentyEighty .col {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 20px;
  }
  .twoCols.twentyEighty .col.left,
  .wide.twentyEighty .col.left {
    padding-bottom: 0;
  }
  .twoCols.twentyEighty .col.left h2,
  .wide.twentyEighty .col.left h2 {
    border: none;
  }
  .twoCols .fact,
  .wide .fact {
    width: 100%;
  }
  .twoCols .jobNotes,
  .wide .jobNotes {
    padding: 0;
  }
  .twoCols .eventsArchiveList,
  .wide .eventsArchiveList {
    padding: 0;
    margin-top: 30px;
  }
  .twoCols .videos,
  .wide .videos {
    padding-left: 0;
  }
  .twoCols .videos li,
  .wide .videos li {
    width: 100%;
    padding: 0;
    float: none;
    text-align: left;
    margin-top: 10px;
  }
  .twoCols .videos li:first-child,
  .wide .videos li:first-child {
    margin-top: 0;
  }
  .twoCols .videos li:nth-child(2n+1),
  .wide .videos li:nth-child(2n+1) {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }
  .twoCols ul.eventsList,
  .wide ul.eventsList {
    padding: 0;
  }
  .twoCols ul.eventInfo,
  .wide ul.eventInfo {
    padding: 0;
  }
  .twoCols ul.eventInfo li,
  .wide ul.eventInfo li {
    clear: both;
    margin-left: 0;
    margin-top: 5px;
  }
  /*********************************************************
FOURSOME *************************************************
*********************************************************/
  .foursome.news ul li {
    width: 100%;
    background-color: #EAF6FC !important;
  }
  .foursome.news ul li:nth-child(even) {
    background-color: #DDF0FA !important;
  }
  /*********************************************************
ACCORDION ************************************************
*********************************************************/
  .accordion ul li {
    width: 100%;
    padding: 20px 20px 20px 0;
  }
  /*********************************************************
CHARTS ***************************************************
*********************************************************/
  .charts .canvas-holder label {
    font-size: 35px;
  }
  /*********************************************************
NEWSLIST *************************************************
*********************************************************/
  .newsList {
    margin-top: 30px;
  }
  .newsList ul {
    border-top: 1px solid #ddd;
  }
  .newsList ul li {
    width: 100%;
    clear: both;
    float: none;
    border-top: 1px solid #ddd !important;
    height: auto;
    padding: 30px;
  }
  .newsList ul li:first-child {
    border-top: none !important;
  }
  .newsList ul li:first-child {
    padding: 30px;
  }
  .newsList ul li.highlight:first-child {
    padding: 30px;
  }
  .newsList ul.border {
    border-bottom: none;
  }
  /*********************************************************
VISUAL ***************************************************
*********************************************************/
  .visual h2 {
    margin-bottom: 0;
  }
  /*********************************************************
THREESOME ************************************************
*********************************************************/
  .threesome .single {
    width: 100%;
    margin-top: 30px;
  }
  /*********************************************************
MAIN SEARCH **********************************************
*********************************************************/
  .mainSearch {
    margin-top: 30px;
  }
  .mainSearch input[type="text"] {
    width: 80%;
  }
  .botomBanner {
    padding-bottom: 12px;
  }
  .botomBanner .more {
    background: none;
  }
  .botomBanner .more a {
    padding: 0;
  }
  /*********************************************************
FOOTER ***************************************************
*********************************************************/
  .footer .companyInfo .vCard ul {
    float: none;
  }
  .footer .companyInfo .vCard ul li {
    float: none;
    border: none;
    padding: 0;
  }
  .footer .companyInfo .vCard h4 {
    width: 100%;
  }
  .footer .companyInfo .vCard .social {
    padding-top: 15px;
    clear: both;
    float: none;
  }
  .footer .wrapper.dark .sitemap ul > li {
    width: 100%;
  }
}
