@charset "UTF-8";
/**
* Master app stylesheet
* Set global variables and imports supporting layout and component stylesheets
*/
/*
  BASELINE SETUP
  imports popular normalize css and helpful util sheets
*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
@import "//hello.myfonts.net/count/3631b4";
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/*
  MEDIA QUERY mixin
  default is for smallscreen-up using breakpoint shortcuts, 
  but mixin also accepts $size and $direction params, e.g., 
  `@include screen(800px, max) {}` returns `@media screen and (max-width: 800px) {}` for custom tweaking
*/
/**
 * @license
 * MyFonts Webfont Build ID 3551668, 2018-04-04T14:55:53-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Averta-Bold by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/bold/
 * 
 * Webfont: Averta-BlackItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/black-italic/
 * 
 * Webfont: Averta-Extrabold by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/extra-bold/
 * 
 * Webfont: Averta-BoldItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/bold-italic/
 * 
 * Webfont: Averta-Black by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/black/
 * 
 * Webfont: Averta-ExtraboldItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/extra-bold-italic/
 * 
 * Webfont: Averta-Extrathin by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/extrathin/
 * 
 * Webfont: Averta-ExtrathinItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/extrathin-italic/
 * 
 * Webfont: Averta-Light by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/light/
 * 
 * Webfont: Averta-LightItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/light-italic/
 * 
 * Webfont: Averta-Regular by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/regular/
 * 
 * Webfont: Averta-RegularItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/regular-italic/
 * 
 * Webfont: Averta-Semibold by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/semibold/
 * 
 * Webfont: Averta-SemiboldItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/semibold-italic/
 * 
 * Webfont: Averta-Thin by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/thin/
 * 
 * Webfont: Averta-ThinItalic by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/thin-italic/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3551668
 * Licensed pageviews: 100,000
 * Webfonts copyright: Copyright (c) 2015 by Kostas Bartsokas. All rights reserved.
 * 
 * © 2018 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Averta-bold';
  src: url("webfonts/3631B4_0_0.eot");
  src: url("webfonts/3631B4_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_0_0.woff2") format("woff2"), url("webfonts/3631B4_0_0.woff") format("woff"), url("webfonts/3631B4_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-BlackItalic';
  src: url("webfonts/3631B4_1_0.eot");
  src: url("webfonts/3631B4_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_1_0.woff2") format("woff2"), url("webfonts/3631B4_1_0.woff") format("woff"), url("webfonts/3631B4_1_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-Extrabold';
  src: url("webfonts/3631B4_2_0.eot");
  src: url("webfonts/3631B4_2_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_2_0.woff2") format("woff2"), url("webfonts/3631B4_2_0.woff") format("woff"), url("webfonts/3631B4_2_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-BoldItalic';
  src: url("webfonts/3631B4_3_0.eot");
  src: url("webfonts/3631B4_3_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_3_0.woff2") format("woff2"), url("webfonts/3631B4_3_0.woff") format("woff"), url("webfonts/3631B4_3_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-Black';
  src: url("webfonts/3631B4_4_0.eot");
  src: url("webfonts/3631B4_4_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_4_0.woff2") format("woff2"), url("webfonts/3631B4_4_0.woff") format("woff"), url("webfonts/3631B4_4_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-ExtraboldItalic';
  src: url("webfonts/3631B4_5_0.eot");
  src: url("webfonts/3631B4_5_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_5_0.woff2") format("woff2"), url("webfonts/3631B4_5_0.woff") format("woff"), url("webfonts/3631B4_5_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-Extrathin';
  src: url("webfonts/3631B4_6_0.eot");
  src: url("webfonts/3631B4_6_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_6_0.woff2") format("woff2"), url("webfonts/3631B4_6_0.woff") format("woff"), url("webfonts/3631B4_6_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-ExtrathinItalic';
  src: url("webfonts/3631B4_7_0.eot");
  src: url("webfonts/3631B4_7_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_7_0.woff2") format("woff2"), url("webfonts/3631B4_7_0.woff") format("woff"), url("webfonts/3631B4_7_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-Light';
  src: url("webfonts/3631B4_8_0.eot");
  src: url("webfonts/3631B4_8_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_8_0.woff2") format("woff2"), url("webfonts/3631B4_8_0.woff") format("woff"), url("webfonts/3631B4_8_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-LightItalic';
  src: url("webfonts/3631B4_9_0.eot");
  src: url("webfonts/3631B4_9_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_9_0.woff2") format("woff2"), url("webfonts/3631B4_9_0.woff") format("woff"), url("webfonts/3631B4_9_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-Regular';
  src: url("webfonts/3631B4_A_0.eot");
  src: url("webfonts/3631B4_A_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_A_0.woff2") format("woff2"), url("webfonts/3631B4_A_0.woff") format("woff"), url("webfonts/3631B4_A_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-RegularItalic';
  src: url("webfonts/3631B4_B_0.eot");
  src: url("webfonts/3631B4_B_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_B_0.woff2") format("woff2"), url("webfonts/3631B4_B_0.woff") format("woff"), url("webfonts/3631B4_B_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-Semibold';
  src: url("webfonts/3631B4_C_0.eot");
  src: url("webfonts/3631B4_C_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_C_0.woff2") format("woff2"), url("webfonts/3631B4_C_0.woff") format("woff"), url("webfonts/3631B4_C_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-SemiboldItalic';
  src: url("webfonts/3631B4_D_0.eot");
  src: url("webfonts/3631B4_D_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_D_0.woff2") format("woff2"), url("webfonts/3631B4_D_0.woff") format("woff"), url("webfonts/3631B4_D_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-Thin';
  src: url("webfonts/3631B4_E_0.eot");
  src: url("webfonts/3631B4_E_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_E_0.woff2") format("woff2"), url("webfonts/3631B4_E_0.woff") format("woff"), url("webfonts/3631B4_E_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Averta-ThinItalic';
  src: url("webfonts/3631B4_F_0.eot");
  src: url("webfonts/3631B4_F_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3631B4_F_0.woff2") format("woff2"), url("webfonts/3631B4_F_0.woff") format("woff"), url("webfonts/3631B4_F_0.ttf") format("truetype"); }

/*
  -------------------------
  APP VARIABLES
  these define the core of the app look and feel and the responsive UI
*/
/*
  COLORS
  maps is used with `color()` function, e.g., 
  `color: color(purple)` returns `color: #8860ED;` (see helpers/functions > color)
*/
/*
  TYPE
  maps are used with `@include type()` mixin, e.g., 
  `@include type(l, header)` returns 
  `font-size: 4.375rem; line-height: 1.0714285; font-family: 'Roboto', sans-serif; font-weight: 500;` (see helpers/mixins > type)
*/
/*
  BREAKPOINTS
  this is a mobile first UI with < 599px set as the default
  breakpoint shortcuts are used with media queries, e.g., 
  `@include screen(l) {}` returns `@media screen and (min-width: 1200px) {}` (see helpers/mixins > screen)
*/
/*
  UI DIMENSIONS
*/
/*
  -------------------------
  APP DEFAULTS
  set helper variables for use throughout the CSS
*/
/*
TODO: Update documentation to reflect new layout system.

!!!!!!!!!!!!!!!!
NOTE: The following system has been eliminated due to incompatability
with Edge. Edge rounding of calc values with this method produces
unreliable and sometimes broken layouts. 
!!!!!!!!!!!!!!!!

WHY THIS:
Other semantic grids don't eaily allow for fixed gutter widths 
nor do they take advantage of the CSS calc function
and they can get kind of confusing.
This is meant for simple layout problems — 
i.e., you have a box and you need three cols inside of equal widths 
with gutters between.

The FLOW terminology is meant to be netural outside of rows and columns 
and comes from the HTML5 spec referring to elements that can contain other elements
http://w3c.github.io/html/dom.html#kinds-of-content-flow-content

USAGE:
— Outer containers should contain the `@include flow-box` base styles
— Columns get `@include flow-span` with `$span` and `$cols` params

EXAMPLE MARKUP: 
<section>
  <div class="box">x</div>
  <div class="box">x</div>
  <div class="box">x</div>
  <div class="box">x</div>
</section>

EXAMPLE CSS: 
section {
  @include flow-box()
  .box {
    @include flow-span(2);
    &:first-child {
      @include flow-shift(2);
    }
  }
}

OUTPUT:
This will render 4 boxes spanning 2 cols each indented 2 cols 
(based on defaults)

|--| |--| |--| |--| |--| |--| |--| |--| |--| |--| |--| |--|
          |  box  | |  box  | |  box  | |  box  |

*/
.app__block__inner,
.app__footer__inner,
.app__header__inner, .app__body, .header__inner, .footer__inner {
  position: relative; }
  .app__block__inner:after,
  .app__footer__inner:after,
  .app__header__inner:after, .app__body:after, .header__inner:after, .footer__inner:after {
    content: '';
    display: table;
    clear: both; }

.app__block__inner,
.app__footer__inner,
.app__header__inner, .app__body, .header__inner, .footer__inner {
  padding-right: 20px;
  padding-left: 20px;
  margin: auto;
  max-width: 1240px; }

.app__wrapper {
  position: relative;
  z-index: 2;
  background: white; }

.app__header {
  width: 100%;
  height: 44px;
  position: fixed;
  top: 0;
  transition: top 0.3s;
  z-index: 100000; }
  @media screen and (min-width: 768px) {
    .app__header {
      position: relative;
      height: auto; } }
  .app__header.nav-up {
    top: -146px; }

.app__block:after {
  content: '';
  display: table;
  clear: both; }

.app__block.main-- {
  padding-bottom: 0px; }

.app__body {
  padding-top: 30px;
  padding-right: 24px;
  padding-left: 24px; }
  .app__body:after {
    content: '';
    display: table;
    clear: both; }
  @media screen and (min-width: 768px) {
    .app__body {
      padding-top: 50px;
      padding-right: 20px;
      padding-left: 20px; } }
  .affix + .speakers__header__background .app__body {
    margin-top: 128px; }
    @media screen and (min-width: 768px) {
      .affix + .speakers__header__background .app__body.app__speakers {
        margin-top: 175px; } }
    @media screen and (min-width: 1024px) {
      .affix + .speakers__header__background .app__body.app__speakers {
        margin-top: 145px; } }
    @media screen and (min-width: 1024px) {
      .affix + .speakers__header__background .app__body {
        margin-top: 145px; } }
  .app__body a {
    font-size: 15px; }

.app__speakers {
  padding-right: 10px;
  z-index: 10003; }
  @media screen and (min-width: 768px) {
    .app__speakers {
      padding-right: 20px; } }

.app__sponsors {
  z-index: 10003; }

.app__golf {
  height: 100%; }

.app__footer-module {
  background: #009AD5;
  color: white;
  margin-top: 40px; }
  .app__footer-module a {
    color: #ffffff !important;
    font-size: 15px; }
    .app__footer-module a svg path {
      fill: #ffffff; }
  .app__footer-module .inner-- {
    padding-top: 0;
    max-width: 1240px;
    margin: 0 auto; }
    .app__footer-module .inner--:after {
      content: '';
      display: table;
      clear: both; }
    @media screen and (min-width: 768px) {
      .app__footer-module .inner-- {
        padding-left: 20px;
        padding-right: 0; } }
    @media screen and (min-width: 1024px) {
      .app__footer-module .inner-- {
        padding-right: 20px; } }
  .app__footer-module .left {
    float: left;
    width: calc(12 * (100% / 12));
    padding: 20px 20px 4px 20px;
    padding-right: 30px; }
    @media screen and (min-width: 768px) {
      .app__footer-module .left {
        float: left;
        width: calc(4 * (100% / 12));
        padding: 30px 20px 0 0;
        position: absolute;
        bottom: 20px;
        max-width: 290px; } }
    @media screen and (min-width: 1024px) {
      .app__footer-module .left {
        float: left;
        width: calc(3 * (100% / 12));
        bottom: 30px;
        padding: 80px 20px 0 0; } }
    .app__footer-module .left p {
      margin-bottom: 20px; }
  .app__footer-module .right {
    float: left;
    width: calc(12 * (100% / 12));
    height: 180px; }
    @media screen and (min-width: 768px) {
      .app__footer-module .right {
        float: left;
        width: calc(8 * (100% / 12));
        height: 260px;
        float: right;
        margin-right: 0; } }
    @media screen and (min-width: 1024px) {
      .app__footer-module .right {
        float: left;
        width: calc(8 * (100% / 12));
        width: 74%;
        height: 300px;
        float: right; } }
    .app__footer-module .right.golf-link {
      background: url(../img/agenda-footer-mobile.jpg) center center no-repeat transparent;
      background-size: cover; }
      @media screen and (min-width: 480px) {
        .app__footer-module .right.golf-link {
          background-image: url(../img/agenda-footer.jpg); } }
    .app__footer-module .right.photos-link {
      background: url(../img/highlights-footer-mobile.jpg) left center no-repeat transparent;
      background-size: cover; }
      @media screen and (min-width: 1240px) {
        .app__footer-module .right.photos-link {
          background-image: url(../img/highlights-footer.jpg); } }

/**
* @section Root Element
* Default styles for root elements
*/
html {
  box-sizing: border-box;
  min-height: 100%;
  max-width: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  /* the slickest text out there */
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: none;
      text-size-adjust: none;
  -webkit-text-size-adjust: 100%;
  background-color: #081D37; }

*,
*:after,
*:before {
  box-sizing: inherit; }

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  color: #747576;
  font-family: "Averta", sans-serif;
  font-size: 1.125rem;
  width: 100%;
  height: 100%;
  padding-top: 44px; }
  @media screen and (min-width: 768px) {
    body {
      padding-top: 0; } }
  body.menu-open {
    overflow: hidden; }

/**
* @section Header Elements
* Default styles for header elements
*/
h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  margin-top: 0; }

.type-1 {
  font-family: "Averta-bold", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 2.25rem;
  line-height: 1.0555555556; }
  @media screen and (min-width: 768px) {
    .type-1 {
      font-size: 3rem;
      line-height: 1; } }
  @media screen and (min-width: 1240px) {
    .type-1 {
      font-size: 3.5rem;
      line-height: 1; } }

.type-2 {
  font-family: "Averta-bold", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.2083333333; }
  @media screen and (min-width: 768px) {
    .type-2 {
      font-size: 1.75rem;
      line-height: 1.1428571429; } }

.type-3 {
  font-family: "Averta-bold", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.3125rem;
  line-height: 1.2857142857; }

.type-4 {
  font-family: "Averta-bold", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
  text-transform: uppercase;
  letter-spacing: 1.5px; }

.intro {
  font-size: 1.25rem;
  line-height: 1.3; }

/**
* @section Block Elements
* Default styles for block elements
*/
p, ul, ol, li, blockquote, table, figure {
  margin-top: 0;
  margin-bottom: 36px; }
  p:last-child, ul:last-child, ol:last-child, li:last-child, blockquote:last-child, table:last-child, figure:last-child {
    margin-bottom: 0; }

a {
  color: #009AD5;
  fill: #009AD5;
  text-decoration: none;
  font-family: "Averta-bold", Helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
  position: relative; }
  a.standard {
    font-family: inherit;
    text-transform: none;
    font-size: inherit; }
  a.blue {
    color: #007CC2; }
  a.dark-bg {
    color: #8ADCFF; }
    a.dark-bg:hover {
      color: #8ADCFF; }
    a.dark-bg svg path {
      fill: #8ADCFF; }
  a.inline-icon svg {
    position: static !important; }
  a.arrow {
    letter-spacing: 1.5px; }
    a.arrow svg {
      position: absolute;
      right: -12px;
      top: 2px; }
  a.external {
    letter-spacing: 1.5px; }
    a.external svg {
      position: absolute;
      right: -20px;
      bottom: 3px;
      width: 12px;
      height: 11px; }
  a.telephone {
    margin-left: 28px; }
    a.telephone svg {
      position: absolute;
      left: -27px;
      top: 7px; }
  @media screen and (min-width: 768px) {
    a:hover {
      color: #009AD5;
      border-bottom: 1px solid; }
    a:focus {
      color: #009AD5; }
    a:active {
      color: #009AD5;
      border-bottom: 1px solid;
      outline: none; } }

.back-to-top {
  position: fixed;
  bottom: 47px;
  right: -160px;
  z-index: 10010;
  transition: right 0.3s;
  transform: translate3d(0, 0, 0);
  font-size: 15px; }
  .back-to-top.active {
    right: 10px; }
  .back-to-top span {
    display: block; }
  @media screen and (min-width: 768px) {
    .back-to-top {
      bottom: 224px; }
      .back-to-top.active {
        right: 0px; } }
  @media screen and (min-width: 1024px) {
    .back-to-top {
      bottom: 344px;
      right: -50px; }
      .back-to-top a {
        pointer-events: none;
        width: 44px; }
      .back-to-top.active {
        right: 0; }
        .back-to-top.active a {
          pointer-events: all; }
          .back-to-top.active a:hover {
            width: 160px; } }
  .back-to-top a {
    padding: 0;
    display: block;
    height: 44px;
    width: 44px;
    line-height: 1;
    overflow: hidden;
    padding: 14px 0 14px 44px;
    background: #007CC2;
    color: white;
    transition: all 0.3s; }
    @media screen and (min-width: 1024px) {
      .back-to-top a {
        width: 44px;
        border: none; }
        .back-to-top a:hover {
          background: #009AD5;
          padding-left: 39px; } }
    .back-to-top a .icon {
      display: block;
      width: 44px;
      height: 44px;
      position: absolute;
      top: 0;
      left: 0; }
      .back-to-top a .icon svg {
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
        .back-to-top a .icon svg path {
          fill: white; }
    .back-to-top a .link-text {
      display: block;
      white-space: nowrap; }

.footnote {
  font-size: 14px;
  line-height: 17px;
  font-style: italic; }
  @media screen and (min-width: 768px) {
    .footnote {
      float: left;
      width: calc(12 * (100% / 12));
      text-align: left;
      margin-top: -30px;
      padding-left: 20%; } }
  @media screen and (min-width: 1024px) {
    .footnote {
      padding-left: 24%; } }
  @media screen and (min-width: 1240px) {
    .footnote {
      padding-left: 25%;
      margin-top: -40px; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0; }

.header:after {
  content: '';
  display: table;
  clear: both; }

.header__main {
  float: left;
  width: calc(12 * (100% / 12)); }
  .header__main:after {
    content: '';
    display: table;
    clear: both; }

.header__register {
  float: left;
  width: calc(12 * (100% / 12));
  text-align: right;
  height: 52px;
  color: #ffffff;
  padding: 6px 0; }
  .header__register .button {
    margin-right: 20px;
    float: right; }
  .header__register .reg-info-holder {
    display: inline-block;
    float: right;
    height: 41px; }
  .header__register .reg-info {
    margin-right: 30px;
    padding-top: 4px;
    padding-bottom: 3px;
    display: inline-block;
    margin-top: 8px;
    font-family: "Averta-Regular", Helvetica, sans-serif;
    letter-spacing: 0.56px;
    font-size: 16px; }
    .header__register .reg-info:first-child {
      padding-right: 17px;
      margin-right: 13px;
      border-right: 2px solid #354A66; }

.header__inner {
  padding: 0; }
  .header__inner__logo {
    float: left;
    width: calc(12 * (100% / 12));
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 11px;
    position: relative;
    z-index: 1000;
    height: 44px; }
    .header__inner__logo .show-mobile {
      display: inline; }
    @media screen and (min-width: 768px) {
      .header__inner__logo {
        float: left;
        width: calc(1.75 * (100% / 12));
        margin-top: 35px;
        margin-bottom: 30px;
        padding-left: 20px;
        padding-right: 16px;
        padding-top: 0px;
        height: 34px; }
        .header__inner__logo .show-mobile {
          display: inline-block !important; }
        .header__inner__logo .hide-small {
          display: none !important; } }
    @media screen and (min-width: 1024px) {
      .header__inner__logo {
        float: left;
        width: calc(4 * (100% / 12));
        margin-top: 33px;
        margin-bottom: 32px; }
        .header__inner__logo .show-mobile {
          display: none !important; }
        .header__inner__logo .hide-small {
          display: inline-block !important; } }
    @media screen and (min-width: 1240px) {
      .header__inner__logo {
        float: left;
        width: calc(5.25 * (100% / 12)); } }
    .header__inner__logo svg {
      max-width: 100%; }
    .header__inner__logo a {
      display: inline-block;
      border: none; }
      @media screen and (min-width: 1024px) {
        .header__inner__logo a:hover {
          border: none; }
        .header__inner__logo a:focus {
          outline: 1px solid lightgray; } }
  .header__inner__nav {
    float: left;
    width: calc(12 * (100% / 12));
    position: relative;
    top: 0;
    z-index: 1;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s; }
    .header__inner__nav[aria-selected=true] {
      max-height: 500px; }
    @media screen and (min-width: 768px) {
      .header__inner__nav {
        float: left;
        width: calc(10.25 * (100% / 12));
        max-height: 10000px !important;
        overflow: visible;
        padding-top: 25px; } }
    @media screen and (min-width: 1024px) {
      .header__inner__nav {
        float: left;
        width: calc(8 * (100% / 12)); } }
    @media screen and (min-width: 1240px) {
      .header__inner__nav {
        float: left;
        width: calc(6.699 * (100% / 12)); } }

.header__menu-control .menu-icon, .header__menu-control .menu-icon::after, .header__menu-control .menu-icon::before {
  display: block;
  position: absolute;
  right: 0;
  background-color: #747576;
  height: 2px;
  width: 20px; }

.header__menu-control {
  display: block;
  position: relative;
  z-index: 10000;
  overflow: hidden;
  width: 20px;
  height: 17px;
  max-width: 20px;
  max-height: 17px;
  margin-top: 15px;
  margin-right: 24px;
  padding-right: 90px;
  position: absolute;
  top: 0;
  right: 0;
  color: #747576;
  font-size: 18px;
  letter-spacing: 1.69px;
  line-height: 1; }
  .header__menu-control .menu-icon {
    margin-top: 2px; }
  @media screen and (min-width: 768px) {
    .header__menu-control {
      display: none !important; } }
  .header__menu-control .menu-icon {
    transition: background 0s 0.3s;
    top: 5px; }
    .header__menu-control .menu-icon::after, .header__menu-control .menu-icon::before {
      content: '';
      transition-duration: 0.3s, 0.3s;
      transition-delay: 0.3s, 0s;
      transition-property: top, transform; }
    .header__menu-control .menu-icon::before {
      top: -5px; }
    .header__menu-control .menu-icon::after {
      top: 5px; }
  .header__menu-control[aria-selected=true] .menu-icon {
    background: none; }
    .header__menu-control[aria-selected=true] .menu-icon::after, .header__menu-control[aria-selected=true] .menu-icon::before {
      transition-delay: 0s, 0.3s; }
    .header__menu-control[aria-selected=true] .menu-icon:before {
      top: 0;
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
    .header__menu-control[aria-selected=true] .menu-icon:after {
      top: 0;
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.sticky-header {
  background: #009AD5;
  color: white;
  width: 100%;
  top: 0;
  transform: translate3d(0, 0, 0);
  letter-spacing: 1.11px; }
  @media screen and (min-width: 768px) {
    .sticky-header {
      height: 145px;
      padding-top: 50px;
      text-align: center; } }
  @media screen and (min-width: 768px) {
    .sticky-header--speaker {
      height: 175px;
      padding-top: 80px; } }
  @media screen and (min-width: 1024px) {
    .sticky-header--speaker {
      height: 145px;
      padding-top: 50px; } }
  .sticky-header.affix {
    position: fixed;
    z-index: 10010;
    top: -81px; }
    @media screen and (min-width: 768px) {
      .sticky-header.affix {
        height: 95px;
        padding-top: 0;
        top: 0; }
        .sticky-header.affix .sticky-header__inner h1 {
          top: -100px; } }
    @media screen and (max-width: 480px) {
      .sticky-header.affix.nav-down {
        transition: top 0.3s;
        top: -41px; } }
  .sticky-header__inner {
    position: relative;
    max-width: 1240px;
    margin: 0 auto; }
    .sticky-header__inner h1 {
      height: 75px;
      padding: 35px 0 0 10px;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .sticky-header__inner h1 {
          transition: top 0.6s;
          position: absolute;
          top: -30px;
          left: 20px;
          height: auto;
          padding: 0;
          margin-bottom: .67em; } }
      @media screen and (min-width: 1024px) {
        .sticky-header__inner h1 {
          top: 18px; } }
      @media screen and (min-width: 1240px) {
        .sticky-header__inner h1 {
          top: 12px; } }
  .sticky-header__links {
    padding: 0;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .sticky-header__links {
        font-size: 15px; } }
    .sticky-header__links li {
      list-style: none;
      display: inline-block;
      padding: 0 15px 12px;
      font-size: 15px;
      margin: 0; }
      @media screen and (min-width: 768px) {
        .sticky-header__links li {
          padding: 0px 18px;
          line-height: 96px; } }
      @media screen and (min-width: 1024px) {
        .sticky-header__links li {
          font-size: 16px;
          padding: 0 20px; } }
      .sticky-header__links li.active a {
        color: white;
        border-bottom: 1px solid; }
      .sticky-header__links li a {
        color: #ffffff;
        font-size: 16px; }
        .sticky-header__links li a.selected {
          color: white; }

@media screen and (min-width: 1px) and (max-width: 480px) {
  .header__inner__nav {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); } }

.footer {
  font-weight: normal;
  color: #ffffff; }
  .footer__main {
    padding: 60px 0px; }
    @media screen and (min-width: 768px) {
      .footer__main {
        padding: 60px 0; } }
  .footer__group {
    float: left;
    width: calc(3 * (100% / 12)); }
    .footer__group--one {
      float: left;
      width: calc(2.5 * (100% / 12)); }
    .footer__group--two {
      float: left;
      width: calc(2.5 * (100% / 12)); }
    .footer__group--three {
      float: left;
      width: calc(7 * (100% / 12)); }
      .footer__group--three img {
        max-width: 100%; }
  .footer__links {
    background: #004179;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .footer__links {
        height: 58px; } }
    .footer__links a {
      color: #ffffff;
      font-size: 14px;
      font-family: "Averta-Regular", Helvetica, sans-serif;
      font-weight: normal;
      text-transform: none; }
    .footer__links ul {
      list-style: none;
      padding-left: 0px;
      padding-right: 0px;
      margin-bottom: 15px;
      margin-top: 15px;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 768px) {
        .footer__links ul {
          float: left;
          width: calc(8 * (100% / 12));
          margin-top: 10px;
          padding-left: 31px; } }
      .footer__links ul li {
        float: left;
        margin-right: 0px;
        width: auto;
        padding: 0px 10px;
        border-left: 2px solid #354A66;
        text-align: center;
        margin-bottom: 0; }
        @media screen and (min-width: 480px) {
          .footer__links ul li {
            padding: 5px 17px; } }
        @media screen and (min-width: 768px) {
          .footer__links ul li {
            padding: 2px 17px; } }
        .footer__links ul li:first-child {
          border-left: none; }
          @media screen and (min-width: 768px) {
            .footer__links ul li:first-child {
              padding-left: 0; } }
  .footer__copyright {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    padding-left: 10px; }
    @media screen and (min-width: 480px) {
      .footer__copyright {
        padding-left: 17px; } }
    @media screen and (min-width: 768px) {
      .footer__copyright {
        width: 100%;
        margin-right: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: end;
            align-items: flex-end;
        float: right;
        text-align: right;
        margin-top: 0px;
        width: auto;
        min-width: 170px; } }
  .footer__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0;
    width: 100%; }
    .footer__inner h3 {
      font-size: .75rem;
      letter-spacing: 1.69px;
      margin-bottom: 0px;
      margin-top: 36px;
      vertical-align: baseline;
      min-height: 1.725rem;
      text-transform: uppercase;
      width: 11%; }
    @media screen and (min-width: 768px) {
      .footer__inner {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row; } }
    .footer__inner .footer-icon {
      margin-top: 29px; }
  .footer__sponsor-list {
    margin: 0 auto;
    width: 100%; }
    .footer__sponsor-list:after {
      content: '';
      display: table;
      clear: both; }
    .footer__sponsor-list--label-container:after {
      content: '';
      display: table;
      clear: both; }
    .footer__sponsor-list--section {
      float: left;
      width: calc(12 * (100% / 12));
      max-width: 35rem; }
      .footer__sponsor-list--section ul {
        font-size: 0;
        margin: 0;
        padding: 0; }
      .footer__sponsor-list--section:not(:last-child) ul {
        margin-bottom: 2rem; }
    .footer__sponsor-list--label {
      font-size: 14px;
      letter-spacing: 1.69px;
      margin-bottom: 1rem;
      min-height: 1.725rem;
      text-transform: uppercase; }
    .footer__sponsor-list--img {
      margin-bottom: .25rem;
      max-width: 7rem;
      padding-left: .5rem;
      padding-right: .5rem;
      width: 50%; }
    @media screen and (min-width: 768px) {
      .footer__sponsor-list--section {
        max-width: unset; }
      .footer__sponsor-list--img {
        max-width: 100%;
        padding-top: 3px;
        padding-bottom: 3px; }
      .footer__sponsor-list .--presented-media,
      .footer__sponsor-list .--platinum {
        float: left;
        width: calc(2 * (100% / 12)); }
      .footer__sponsor-list .--gold {
        float: left;
        width: calc(6 * (100% / 12)); }
      .footer__sponsor-list .--platinum {
        margin-left: calc(1 * (100% / 12)); }
      .footer__sponsor-list .--gold {
        margin-left: calc(1 * (100% / 12)); }
      .--presented-media .footer__sponsor-list--img,
      .--platinum .footer__sponsor-list--img {
        width: 100%; }
      .--gold .footer__sponsor-list--img {
        width: 33%; } }
    @media screen and (min-width: 1024px) {
      .--presented-media .footer__sponsor-list--img,
      .--platinum .footer__sponsor-list--img {
        width: 75%; }
      .--gold .footer__sponsor-list--img {
        width: 25%; } }
    @media screen and (min-width: 1240px) {
      .--presented-media .footer__sponsor-list--img,
      .--platinum .footer__sponsor-list--img {
        width: 69%; }
      .--gold .footer__sponsor-list--img {
        width: 23%; } }

.footer-alignment {
  padding-left: 0px !important; }
  @media screen and (min-width: 768px) {
    .footer-alignment {
      padding-right: 0 !important;
      padding-left: 20px !important; } }

.footer-label-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: initial;
      align-self: initial;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 768px) {
    .footer-label-container {
      margin-left: unset; } }
  .footer-label-container .footer-icon {
    widows: 6px; }
  .footer-label-container h3 {
    width: 75%;
    min-width: 118px; }

@media screen and (min-width: 768px) {
  .footer-inner-container {
    padding-left: 20px;
    padding-right: 20px; } }

@media screen and (min-width: 1240px) {
  .footer-inner-container {
    padding-left: 0px;
    padding-right: 0px; } }

.copyright-list {
  width: auto;
  float: right;
  margin-right: 0;
  margin-top: 10px; }

.button--primary {
  display: inline-block;
  max-width: 100%;
  text-align: center;
  border-radius: 0;
  color: #ffffff; }
  .button--primary:hover {
    color: #8ADCFF; }

.button {
  position: relative;
  border: none !important; }
  .button--primary {
    font-size: 1.125rem;
    line-height: 1.2777777778;
    font-family: "Averta-bold", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 15px;
    text-transform: uppercase;
    background: #007CC2;
    padding: 1px 17px 0;
    line-height: 40px;
    transition: background-color 0.3s;
    overflow: hidden; }
    .button--primary:hover, .button--primary:focus {
      color: #ffffff;
      text-decoration: none; }
      .button--primary:hover .button__background-slide, .button--primary:focus .button__background-slide {
        left: 0; }
  .button__text-holder {
    z-index: 2;
    position: relative;
    letter-spacing: 1.5px;
    font-size: 15px; }
    .button__text-holder svg {
      -ms-transform: translate(3px, 1px);
          transform: translate(3px, 1px); }
      .button__text-holder svg path {
        fill: white; }
  .button__background-slide {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #009AD5;
    z-index: 1;
    left: -100%;
    transition: left 0.15s; }

.play_big {
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  @media screen and (min-width: 768px) {
    .play_big svg {
      width: 80px;
      height: 80px; } }

.pause {
  background-image: url(../../img/videos/pause_button.png);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  margin: auto;
  background-size: contain;
  background-position: center; }
  @media screen and (min-width: 768px) {
    .pause {
      width: 40px;
      height: 40px;
      bottom: 24px;
      right: 24px; } }

.play_small {
  background-image: url(../../img/videos/play_button_small.png);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  margin: auto;
  background-size: contain;
  display: none;
  opacity: 0.5; }
  @media screen and (min-width: 768px) {
    .play_small {
      width: 40px;
      height: 40px;
      bottom: 24px;
      right: 24px; } }

.nav.nav_eventdetail .navlist__item a.nav_eventdetail_link,
.nav.nav_speakers .navlist__item a.nav_speakers_link,
.nav.nav_highlights .navlist__item a.nav_highlights_link,
.nav.nav_contact .navlist__item a.nav_contact_link {
  background: #0060A6; }
  @media screen and (min-width: 768px) {
    .nav.nav_eventdetail .navlist__item a.nav_eventdetail_link,
    .nav.nav_speakers .navlist__item a.nav_speakers_link,
    .nav.nav_highlights .navlist__item a.nav_highlights_link,
    .nav.nav_contact .navlist__item a.nav_contact_link {
      border: 2px solid #ffffff;
      border-color: #009AD5;
      background-color: inherit;
      color: #009AD5; }
      .nav.nav_eventdetail .navlist__item a.nav_eventdetail_link svg path,
      .nav.nav_speakers .navlist__item a.nav_speakers_link svg path,
      .nav.nav_highlights .navlist__item a.nav_highlights_link svg path,
      .nav.nav_contact .navlist__item a.nav_contact_link svg path {
        fill: #004179; } }

.nav.nav_agenda .navlist--sublist li a.nav_agenda_link,
.nav.nav_golf .navlist--sublist li a.nav_golf_link,
.nav.nav_sponsors .navlist--sublist li a.nav_sponsors_link,
.nav.nav_sponsor_benefits .navlist--sublist li a.nav_sponsor_benefits_link {
  background: #006EB6; }

.nav .navlist {
  list-style: none;
  text-transform: uppercase;
  padding-left: 0;
  background: #004179; }
  @media screen and (min-width: 768px) {
    .nav .navlist {
      display: inline-block;
      float: right;
      background: none; } }
  .nav .navlist__item {
    background: #004179;
    color: #ffffff;
    margin-bottom: 0;
    position: relative; }
    @media screen and (min-width: 768px) {
      .nav .navlist__item {
        display: inline-block;
        background: #ffffff !important;
        color: #747576; }
        .nav .navlist__item:after {
          content: '';
          display: table;
          clear: both; } }
    .nav .navlist__item a {
      display: block;
      font-size: 16px;
      padding: 0 10px;
      line-height: 45px;
      height: 45px;
      letter-spacing: 1.69px;
      color: #ffffff; }
      @media screen and (min-width: 768px) {
        .nav .navlist__item a {
          color: #747576;
          display: inline-block;
          float: left;
          border: 2px solid #ffffff;
          padding: 15px;
          height: auto;
          line-height: 1;
          margin-right: 7px; }
          .nav .navlist__item a:hover, .nav .navlist__item a:focus {
            border-color: #009AD5;
            color: #009AD5;
            text-decoration: none; } }
      @media screen and (min-width: 768px) {
        .nav .navlist__item a {
          padding: 15px 10px;
          margin-right: 5px; } }
      @media screen and (min-width: 1024px) {
        .nav .navlist__item a {
          padding: 15px 14px;
          margin-right: 7px; } }
      .nav .navlist__item a.navlist--hasSublist {
        position: relative; }
        .nav .navlist__item a.navlist--hasSublist[aria-selected=true] svg {
          -ms-transform: translateY(-50%) rotate(180deg);
              transform: translateY(-50%) rotate(180deg); }
        @media screen and (min-width: 768px) {
          .nav .navlist__item a.navlist--hasSublist {
            padding-right: 28px;
            min-width: 164px;
            z-index: 1001; } }
        .nav .navlist__item a.navlist--hasSublist svg {
          position: absolute;
          top: 50%;
          margin-left: 10px;
          -ms-transform: translateY(-50%) rotate(0deg);
              transform: translateY(-50%) rotate(0deg);
          transition: all 0.3s; }
          @media screen and (min-width: 768px) {
            .nav .navlist__item a.navlist--hasSublist svg {
              right: 15px;
              left: auto; }
              .nav .navlist__item a.navlist--hasSublist svg path {
                fill: #747576; } }
      @media screen and (min-width: 768px) {
        .nav .navlist__item a.nav_contact_link {
          margin-right: 15px; } }
    .nav .navlist__item .nav_register_link svg, .nav .navlist__item .nav_eventdetail_link svg {
      top: 3px; }
      .nav .navlist__item .nav_register_link svg path, .nav .navlist__item .nav_eventdetail_link svg path {
        fill: white; }
    .nav .navlist__item .nav_register_link svg {
      position: static;
      margin-left: 3px;
      width: 12px;
      height: 12px; }
  .nav .navlist--main > li:first-child {
    padding-top: 0px; }
    @media screen and (min-width: 768px) {
      .nav .navlist--main > li:first-child {
        padding-top: 0; } }
  .nav .navlist--main > li.nav_hide_desktop {
    padding-bottom: 0px; }
    @media screen and (min-width: 768px) {
      .nav .navlist--main > li.nav_hide_desktop {
        display: none;
        border-bottom: none; } }
  .nav .navlist--sublist {
    overflow: hidden;
    transition: all 0.3s;
    max-height: 0;
    margin-bottom: 0;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); }
    @media screen and (min-width: 768px) {
      .nav .navlist--sublist {
        position: absolute;
        top: 50px;
        left: 0;
        background: #1F3374;
        width: auto;
        z-index: 1001; } }
    .nav .navlist--sublist[aria-selected=true] {
      max-height: 200px; }
      @media screen and (min-width: 768px) {
        .nav .navlist--sublist[aria-selected=true] {
          max-height: 500px; } }
    .nav .navlist--sublist li {
      margin-bottom: 0; }
      @media screen and (min-width: 768px) {
        .nav .navlist--sublist li {
          padding-left: 0; } }
      .nav .navlist--sublist li a {
        padding-left: 20px;
        color: #8ADCFF;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        white-space: nowrap; }
        @media screen and (min-width: 768px) {
          .nav .navlist--sublist li a {
            padding-left: 15px;
            height: auto;
            line-height: 1;
            float: left;
            width: calc(12 * (100% / 12));
            border: none;
            color: white; }
            .nav .navlist--sublist li a:hover, .nav .navlist--sublist li a:focus {
              border: none;
              background: #007CC2;
              color: white; } }
  .nav .navlist__overlay {
    display: none; }
    @media screen and (min-width: 768px) {
      .nav .navlist__overlay[aria-selected=true] {
        background: rgba(0, 0, 0, 0);
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 1000;
        display: block; } }

.hero__header--wrapper {
  position: relative; }

.hero__header-bg, .hero__header-overlay {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; }

.hero__header-overlay svg {
  position: absolute;
  left: 0; }

.hero__header {
  padding-top: 0;
  position: relative; }
  .hero__header--inner {
    padding-left: 10px;
    padding-right: 10px;
    min-height: 220px; }
    @media screen and (min-width: 768px) {
      .hero__header--inner {
        padding-top: 0; } }
    @media screen and (min-width: 768px) {
      .hero__header--inner {
        padding-left: 60px;
        padding-right: 15px;
        padding-top: 60px;
        height: 350px;
        margin-left: -40px;
        float: left;
        width: calc(6.5 * (100% / 12)); } }
    @media screen and (min-width: 1240px) {
      .hero__header--inner {
        padding-right: 100px; } }
  @media screen and (min-width: 768px) {
    .hero__header {
      padding-top: 350px;
      padding-left: 0; } }
  @media screen and (min-width: 768px) {
    .hero__header {
      padding-top: 0;
      position: relative;
      background: none;
      margin: auto;
      height: 350px; } }
  .hero__header h1 {
    color: white;
    padding-top: 0px; }
    @media screen and (min-width: 1240px) {
      .hero__header h1 {
        margin-top: 0; } }
  .hero__header p {
    color: white;
    line-height: 1.35;
    margin-top: 36px;
    padding-bottom: 40px; }
    @media screen and (min-width: 480px) {
      .hero__header p {
        padding-right: 33%; } }
    @media screen and (min-width: 768px) {
      .hero__header p {
        background: none;
        padding: 0;
        width: 96%;
        margin-top: 35px;
        font-size: 20px;
        margin-left: 0;
        margin-right: 0; }
        .hero__header p.p--small {
          font-size: 18px; }
          .hero__header p.p--small a {
            font-size: 18px; }
        .hero__header p a {
          font-size: 20px; } }

.hero__animation {
  background-color: #072243;
  height: 100%;
  z-index: -1; }
  .hero__animation svg {
    width: auto !important; }
  @media screen and (min-width: 768px) {
    .hero__animation {
      width: 100%; } }

.hero__frame {
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  background-size: contain; }
  @media screen and (min-width: 768px) {
    .hero__frame {
      min-width: 2200px;
      left: 50%;
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
      background: none;
      background-size: contain; } }
  @media screen and (min-width: 768px) {
    .hero__frame--right {
      background: none;
      background-size: contain; } }

.hero__carousel {
  height: 350px; }
  .hero__carousel .carousel-inner,
  .hero__carousel .item {
    height: 350px; }
  @media screen and (min-width: 768px) {
    .hero__carousel img {
      max-width: 100%;
      min-height: 100%; } }

.hero__animation svg,
.hero__animation line,
.hero__animation g,
.hero__animation path {
  vector-effect: non-scaling-stroke; }

.home-blocks:after {
  content: '';
  display: table;
  clear: both; }

.home-blocks__row {
  float: left;
  width: calc(12 * (100% / 12)); }
  .home-blocks__row:after {
    content: '';
    display: table;
    clear: both; }
  @media screen and (min-width: 1024px) {
    .home-blocks__row {
      float: left;
      width: calc(6 * (100% / 12)); }
      .home-blocks__row:first-child {
        padding-right: 10px; } }

.home-blocks__cell {
  position: relative;
  margin-bottom: 0px; }
  .home-blocks__cell.main-- {
    height: 81vh;
    width: 100%;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .home-blocks__cell.main-- {
        height: calc(100vh - 215px); } }
  .home-blocks__cell.speakers--, .home-blocks__cell.highlights-- {
    height: 275px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media screen and (min-width: 480px) {
      .home-blocks__cell.speakers--, .home-blocks__cell.highlights-- {
        height: 275px; } }
    @media screen and (min-width: 768px) {
      .home-blocks__cell.speakers--, .home-blocks__cell.highlights-- {
        height: 420px;
        background-size: cover !important; } }
  .home-blocks__cell.speakers-- {
    background-image: url(../img/index-speakers-mobile.jpg); }
    @media screen and (min-width: 480px) {
      .home-blocks__cell.speakers-- {
        height: 340px; } }
    @media screen and (min-width: 768px) {
      .home-blocks__cell.speakers-- {
        height: 260px;
        background-position: center -90px;
        background: #112B4A; } }
    @media screen and (min-width: 1024px) {
      .home-blocks__cell.speakers-- {
        background-position: center center; } }
  .home-blocks__cell.speakers--, .home-blocks__cell.featured-- {
    height: 275px; }
    @media screen and (min-width: 768px) {
      .home-blocks__cell.speakers--, .home-blocks__cell.featured-- {
        height: 420px; } }
  .home-blocks__cell.highlights-- {
    background-image: url(../img/index-highlights.jpg);
    background-position: center center; }
    @media screen and (min-width: 480px) {
      .home-blocks__cell.highlights-- {
        background-image: url(../img/index-highlights.jpg);
        background-position: center -50px; } }
    @media screen and (min-width: 1024px) {
      .home-blocks__cell.highlights-- {
        background-image: url(../img/index-highlights.jpg);
        background-position: center center; } }
    @media screen and (min-width: 1240px) {
      .home-blocks__cell.highlights-- {
        background-position: center -50px; } }

.home-blocks__header-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.home-blocks__header-overlay {
  height: 100%;
  width: 767px;
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  overflow: hidden; }
  .home-blocks__header-overlay svg {
    position: absolute;
    left: 0;
    top: 0; }
    @media screen and (min-width: 768px) {
      .home-blocks__header-overlay svg {
        right: 0;
        left: auto; } }

.home-blocks__text {
  position: relative;
  top: 23px;
  padding-right: 40px;
  color: #ffffff;
  max-width: 310px;
  margin-left: 24px;
  z-index: 10; }
  @media screen and (min-width: 768px) {
    .home-blocks__text {
      top: 36px;
      max-width: 562px;
      position: absolute; } }
  .home-blocks__text.main_block {
    max-width: 600px;
    margin-bottom: 4%; }
    .home-blocks__text.main_block span {
      display: block; }
    @media screen and (min-width: 768px) {
      .home-blocks__text.main_block {
        max-width: 675px; }
        .home-blocks__text.main_block p {
          max-width: 562px; } }
    @media screen and (min-width: 1440px) {
      .home-blocks__text.main_block {
        left: auto; } }
  .home-blocks__text h1 {
    margin-bottom: 15px; }
  .home-blocks__text h2 {
    margin-bottom: 10px; }
  .home-blocks__text p {
    margin-bottom: 14px;
    max-width: 300px;
    font-size: 20px;
    line-height: 1.35; }
    .home-blocks__text p:last-child {
      margin-bottom: 0;
      margin-top: 10px; }
  .home-blocks__text a {
    color: #ffffff;
    letter-spacing: 1.5px;
    display: inline-block;
    font-size: 15px;
    line-height: 1; }
    .home-blocks__text a svg {
      top: 3px; }
      .home-blocks__text a svg path {
        fill: #ffffff; }

.home-blocks__featured-speakers {
  height: 100%;
  background: black; }
  .home-blocks__featured-speakers .speaker-- {
    width: 33.3333333%;
    background: gray;
    float: left;
    height: 100%;
    position: relative;
    padding-top: 8px;
    padding-left: 10px; }
    @media screen and (min-width: 768px) {
      .home-blocks__featured-speakers .speaker-- {
        padding-top: 234px;
        padding-left: 30px; } }
    .home-blocks__featured-speakers .speaker--.michael-bloomberg {
      background: url(../img/speakers/home-speaker-michael-bloomberg.png) no-repeat 50% transparent;
      background-size: 130%; }
      @media screen and (min-width: 768px) {
        .home-blocks__featured-speakers .speaker--.michael-bloomberg {
          background: url(../img/speakers/michael-bloomberg.png) no-repeat 50% transparent;
          background-size: cover; } }
    .home-blocks__featured-speakers .speaker--.george-w-bush {
      background: url(../img/home-speaker-bush@2x.png) no-repeat 50% transparent;
      background-size: 130%; }
      @media screen and (min-width: 768px) {
        .home-blocks__featured-speakers .speaker--.george-w-bush {
          background: url(../img/speakers/george-w-bush.png) no-repeat 50% transparent;
          background-size: cover; } }
    .home-blocks__featured-speakers .speaker--.ban-ki-moon {
      background: url(../img/home-speakers-ban@2x.png) no-repeat 50% transparent;
      background-size: 130%; }
      @media screen and (min-width: 768px) {
        .home-blocks__featured-speakers .speaker--.ban-ki-moon {
          background: url(../img/speakers/ban-ki-moon.png) no-repeat 50% transparent;
          background-size: cover; } }
    .home-blocks__featured-speakers .speaker--.oprah-winfrey {
      background: url(../img/home-speaker-oprah.png) no-repeat 50% transparent;
      background-size: 130%; }
      @media screen and (min-width: 768px) {
        .home-blocks__featured-speakers .speaker--.oprah-winfrey {
          background: url(../img/home-speaker-oprah.png) no-repeat 50% transparent;
          background-size: cover; } }
    .home-blocks__featured-speakers .speaker--.lloyd-blankfein {
      background: url(../img/home-speaker-blankfein.png) no-repeat 50% transparent;
      background-size: 130%; }
      @media screen and (min-width: 768px) {
        .home-blocks__featured-speakers .speaker--.lloyd-blankfein {
          background: url(../img/home-speaker-blankfein.png) no-repeat 50% transparent;
          background-size: cover; } }
    .home-blocks__featured-speakers .speaker--.indra-nooyi {
      background: url(../img/home-speaker-nooyi.png) no-repeat 50% transparent;
      background-size: 130%; }
      @media screen and (min-width: 768px) {
        .home-blocks__featured-speakers .speaker--.indra-nooyi {
          background: url(../img/home-speaker-nooyi.png) no-repeat 50% transparent;
          background-size: cover; } }
    .home-blocks__featured-speakers .speaker-- .speaker-link {
      position: absolute;
      bottom: 14px; }
    .home-blocks__featured-speakers .speaker-- h3 {
      color: white;
      font-size: 18px;
      margin-bottom: 5px; }
      @media screen and (min-width: 768px) {
        .home-blocks__featured-speakers .speaker-- h3 {
          font-size: 24px;
          margin-bottom: 10px;
          position: absolute;
          bottom: 30px; } }
    .home-blocks__featured-speakers .speaker-- .linktext {
      font-size: 15px; }

.home-blocks__shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("../img/index-shadow.png") repeat-x left bottom; }

@media screen and (min-width: 1024px) {
  .home-blocks.home-blocks__main .home-blocks__row {
    float: left;
    width: calc(6 * (100% / 12));
    width: calc((((100% - 100px) / 12) * 6) + 50px);
    margin-right: 0; } }

.home-blocks.home-blocks__main .home-blocks__cell {
  position: relative;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .home-blocks.home-blocks__main .home-blocks__cell.highlights--, .home-blocks.home-blocks__main .home-blocks__cell.speakers-- {
      height: 317px; } }

@media screen and (min-width: 768px) {
  .hero__animation--home {
    width: 100%; }
    .hero__animation--home svg {
      width: auto !important; } }

.home__hero {
  z-index: 10003;
  margin-bottom: 0px;
  margin-left: 0;
  height: inherit;
  background: rgba(0, 0, 0, 0.5); }
  @media screen and (min-width: 768px) {
    .home__hero {
      z-index: 10001;
      margin-bottom: 96px; } }
  @media screen and (min-width: 768px) {
    .home__hero p {
      display: block; } }

.video-container {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;
  background: linear-gradient(75deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 70%); }
  @media screen and (min-width: 768px) {
    .video-container {
      background: linear-gradient(45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 56%); } }

.video-container video {
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: -1;
  width: inherit; }

.video-container .caption {
  z-index: 1;
  position: relative;
  text-align: center;
  color: #dc0000;
  padding: 10px; }

.home-caption {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-left: 0px;
  padding-left: 24px;
  padding-right: 20px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .home-caption {
      -ms-flex-item-align: end;
          align-self: flex-end;
      margin-left: 68px;
      padding-bottom: 82px;
      padding-left: 20px;
      padding-right: 20px; } }

.home-eyebrow {
  color: #ffffff;
  font-family: "Averta-bold";
  font-size: 1.75rem;
  font-weight: normal;
  position: relative;
  margin-top: 12px; }
  .home-eyebrow .text {
    display: inline-block;
    padding-bottom: 1.875rem;
    position: relative;
    top: 0; }
  .home-eyebrow .small-divider {
    background-color: #ffffff;
    bottom: 0;
    display: block;
    height: 2px;
    line-height: 0;
    position: absolute;
    width: 40px; }

.home-header {
  line-height: 1.26;
  position: relative; }

.home-wrapper {
  height: 81vh; }
  @media screen and (min-width: 768px) {
    .home-wrapper {
      height: calc(100vh - 215px); } }

.home-past-highlights {
  color: #fff; }
  .home-past-highlights svg {
    position: absolute;
    right: -17px !important;
    top: -3px !important;
    height: 23px;
    width: 8px; }

.home-subhead {
  font-family: "Averta-bold";
  font-size: 1.375rem !important;
  letter-spacing: 1.5px; }

.content-hero-caption {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 82px; }
  @media screen and (min-width: 768px) {
    .content-hero-caption {
      margin-left: 0px;
      width: 60%; } }
  @media screen and (min-width: 1024px) {
    .content-hero-caption {
      margin-left: 0px;
      width: 42%; } }

.nav .navlist__item a.navlist--hasSublist svg path:focus {
  fill: #009AD5; }

.averta,
p {
  font-family: "Averta-Regular"; }

.speakers:after {
  content: '';
  display: table;
  clear: both; }

.speakers h2 {
  color: #004179; }

.speakers__header__background {
  padding-bottom: 30px;
  position: relative; }

.speakers__header-overlay {
  height: auto;
  top: 0;
  bottom: 0; }
  .speakers__header-overlay svg {
    height: 128px !important;
    left: 50%;
    -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important; }
    @media screen and (min-width: 768px) {
      .speakers__header-overlay svg {
        height: 371px !important;
        left: 480px; } }
    @media screen and (min-width: 1024px) {
      .speakers__header-overlay svg {
        height: auto !important;
        min-height: 100% !important;
        left: 50%;
        min-width: 1400px; } }

.speakers__card {
  margin-bottom: 10px;
  float: left;
  width: calc(12 * (100% / 12));
  position: relative;
  overflow: visible;
  border: none !important; }
  .speakers__card .background-slide-holder {
    background: #f5f5f5;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .speakers__card--keynote .background-slide-holder {
    background: #ffffff; }
  .speakers__card__background-slide {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    z-index: 0;
    left: -101%;
    transition: left 0.15s; }
  .speakers__card:hover .speakers__card__background-slide, .speakers__card:focus .speakers__card__background-slide {
    left: 0; }
  .speakers__card:hover .linktext, .speakers__card:focus .linktext {
    border-bottom: 1px solid; }
  .speakers__card__image {
    max-width: 50%;
    width: 150px;
    min-height: 172px;
    z-index: 1;
    overflow: hidden;
    float: left;
    position: relative; }
    @media screen and (min-width: 768px) {
      .speakers__card__image {
        width: 100%;
        padding-bottom: 92%;
        max-width: 100%; } }
    @media screen and (min-width: 1024px) {
      .speakers__card__image {
        padding-bottom: 92%; } }
    @media screen and (min-width: 1240px) {
      .speakers__card__image {
        width: 100%;
        height: 266px;
        max-width: 100%; } }
    .speakers__card__image img {
      height: 172px;
      position: absolute;
      left: 50%;
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
      z-index: 5; }
      @media screen and (min-width: 768px) {
        .speakers__card__image img {
          height: 100%; } }
      @media screen and (min-width: 1240px) {
        .speakers__card__image img {
          position: static;
          height: auto;
          max-width: 100%;
          -ms-transform: translateX(0);
              transform: translateX(0); } }
  @media screen and (min-width: 768px) {
    .speakers__card--wide {
      float: left;
      width: calc(4 * (100% / 12));
      padding-left: 5px;
      padding-right: 5px; }
      .speakers__card--wide .background-slide-holder {
        left: 5px;
        right: 5px; } }
  @media screen and (min-width: 1024px) {
    .speakers__card--wide {
      float: left;
      width: calc(6 * (100% / 12)); } }
  .speakers__card--wide .speakers__card__image {
    max-width: 50%; }
    @media screen and (min-width: 768px) {
      .speakers__card--wide .speakers__card__image {
        max-width: 100%; } }
    @media screen and (min-width: 1024px) {
      .speakers__card--wide .speakers__card__image {
        max-width: 50%;
        padding-bottom: 50%; } }
    @media screen and (min-width: 1240px) {
      .speakers__card--wide .speakers__card__image {
        padding-bottom: 0; } }
  @media screen and (min-width: 768px) {
    .speakers__card--wide .speakers__card__info {
      max-width: 100%; } }
  @media screen and (min-width: 1024px) {
    .speakers__card--wide .speakers__card__info {
      width: 50%;
      height: 237px; } }
  @media screen and (min-width: 1240px) {
    .speakers__card--wide .speakers__card__info {
      height: 257px; } }
  @media screen and (min-width: 1024px) {
    .speakers__card--wide .linktext {
      left: calc(50% + 10px) !important; } }
  @media screen and (min-width: 1240px) {
    .speakers__card--wide .linktext {
      bottom: 25px;
      left: calc(50% + 20px) !important; } }
  @media screen and (min-width: 768px) {
    .speakers__card--standard {
      float: left;
      width: calc(4 * (100% / 12));
      padding-left: 5px;
      padding-right: 5px; }
      .speakers__card--standard .background-slide-holder {
        left: 5px;
        right: 5px; } }
  @media screen and (min-width: 1024px) {
    .speakers__card--standard {
      float: left;
      width: calc(3 * (100% / 12)); } }
  .speakers__card--standard.long-name .speakers__card__info h4 {
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    height: 76.00000002px;
    /* Fallback for non-webkit */
    margin: 0 auto 10px;
    font-size: 15px;
    line-height: 1.266666667;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media screen and (max-width: 1024px) {
      .speakers__card--standard.long-name .speakers__card__info h4 {
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        height: 57.000000015px;
        /* Fallback for non-webkit */
        margin: 0 auto 10px;
        font-size: 15px;
        line-height: 1.266666667;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 75px; } }
    @media screen and (min-width: 1240px) {
      .speakers__card--standard.long-name .speakers__card__info h4 {
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        height: 95.000000025px;
        /* Fallback for non-webkit */
        margin: 0 auto 10px;
        font-size: 15px;
        line-height: 1.266666667;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; } }
  .speakers__card__info {
    width: 150px;
    width: calc(100% - 150px);
    float: right;
    padding: 15px 10px 0px 10px;
    position: relative;
    min-height: 172px; }
    @media screen and (min-width: 768px) {
      .speakers__card__info {
        width: 100%;
        height: 175px; } }
    @media screen and (min-width: 1240px) {
      .speakers__card__info {
        height: 226px;
        padding: 20px 20px 0; } }
    .speakers__card__info h3 {
      color: #004179;
      margin-bottom: 10px;
      text-transform: none; }
      @media screen and (max-width: 768px) {
        .speakers__card__info h3 {
          font-size: 20px !important;
          line-height: 1.1; } }
    .speakers__card__info h4 {
      line-height: 1.266666667;
      margin-bottom: 10px;
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      height: 57.000000015px;
      /* Fallback for non-webkit */
      margin: 0 auto 10px;
      font-size: 15px;
      line-height: 1.266666667;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #747576; }
      @media screen and (max-width: 768px) {
        .speakers__card__info h4 {
          font-size: 15px;
          display: block;
          /* Fallback for non-webkit */
          display: -webkit-box;
          height: 57.000000015px;
          /* Fallback for non-webkit */
          margin: 0 auto 10px;
          font-size: 15px;
          line-height: 1.266666667;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; } }
    .speakers__card__info p {
      font-family: "Averta-Regular", Helvetica, sans-serif;
      text-transform: none;
      color: #747576; }
      @media screen and (min-width: 768px) {
        .speakers__card__info p {
          display: none !important; } }
      @media screen and (min-width: 1024px) {
        .speakers__card__info p {
          display: block !important;
          display: -webkit-box !important; } }
      @media screen and (min-width: 1240px) {
        .speakers__card__info p {
          display: block;
          /* Fallback for non-webkit */
          display: -webkit-box;
          height: 68.400000018px;
          /* Fallback for non-webkit */
          margin: 0 auto 0px;
          font-size: 18px;
          line-height: 1.266666667;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; } }
  .speakers__card .linktext {
    position: absolute;
    bottom: 10px;
    left: 160px;
    border-bottom: 1px solid transparent;
    letter-spacing: 1.5px;
    font-size: 15px; }
    @media screen and (min-width: 768px) {
      .speakers__card .linktext {
        left: 10px; } }
    @media screen and (min-width: 1240px) {
      .speakers__card .linktext {
        bottom: 25px;
        left: 20px; } }
    .speakers__card .linktext svg {
      position: absolute;
      right: -11px;
      top: 3px; }
      .speakers__card .linktext svg path {
        fill: #009AD5; }

@media screen and (min-width: 1024px) {
  .speakers--featured .speakers__card--standard:nth-child(4n), .speakers--gala .speakers__card--standard:nth-child(4n) {
    margin-right: 0; } }

.speakers--featured {
  margin-bottom: 40px; }

.speakers--gala {
  padding-bottom: 40px; }

.speakers--keynote h2 {
  color: white; }

.gradient-background-speakers {
  background-image: url("../../img/headers/desktop-speaker-background.png");
  background-size: cover; }

.sponsors {
  margin-bottom: 30px; }
  .sponsors:after {
    content: '';
    display: table;
    clear: both; }
  .sponsors h2 {
    color: #004179;
    margin-bottom: 0; }
  .sponsors__hero .video-container {
    background: linear-gradient(30deg, black 0%, rgba(0, 0, 0, 0) 80%); }
  .sponsors .inline-icon span {
    display: inline-block; }
  .sponsors--gold, .sponsors--contributing {
    margin-bottom: 40px; }
  .sponsors__header-overlay {
    height: 100%;
    top: auto;
    bottom: 0; }
    @media screen and (min-width: 768px) {
      .sponsors__header-overlay {
        top: -37px;
        height: calc(100% + 37px); } }
    @media screen and (min-width: 1240px) {
      .sponsors__header-overlay {
        top: auto;
        height: 100%; } }
  .sponsors__header__background {
    padding-bottom: 2rem;
    position: relative; }
    .sponsors__header__background p {
      color: white;
      max-width: 475px;
      font-size: 20px;
      line-height: 1.35;
      margin-bottom: 12px; }
      .sponsors__header__background p.small-bottom {
        margin-bottom: 20px; }
    .sponsors__header__background a {
      color: #ffffff; }
    .sponsors__header__background .hero__animation svg {
      height: auto !important;
      left: 50%;
      -ms-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
      width: auto !important; }
      @media screen and (min-width: 768px) {
        .sponsors__header__background .hero__animation svg {
          height: 100% !important; } }
  .sponsors__card {
    float: left;
    width: calc(12 * (100% / 12));
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px; }
    .sponsors__card a {
      background: #f5f5f5;
      display: block;
      position: relative;
      overflow: hidden;
      border: none !important; }
    .sponsors__card .plus svg path {
      fill: #8F9090; }
    .sponsors__card:hover .sponsors__card__background-slide {
      left: 0; }
    .sponsors__card:hover .plus {
      opacity: .5; }
    .sponsors__card__background-slide {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background: #f9f9f9;
      z-index: 1;
      left: -100%;
      transition: left 0.15s; }
    .sponsors__card--platinum a {
      background: #ffffff; }
    .sponsors__card__image {
      width: 100%;
      height: 160px;
      position: relative;
      z-index: 2; }
      @media screen and (min-width: 768px) {
        .sponsors__card__image {
          height: 180px; } }
      .sponsors__card__image img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media screen and (min-width: 768px) {
      .sponsors__card--wide {
        float: left;
        width: calc(4 * (100% / 12)); } }
    .sponsors__card--wide .sponsors__card__background-slide {
      background: #f9f9f9; }
    .sponsors__card--wide .sponsors__card__image {
      height: 160px; }
      @media screen and (min-width: 768px) {
        .sponsors__card--wide .sponsors__card__image {
          height: 250px; } }
    .sponsors__card--wide .plus {
      position: absolute;
      top: 20px;
      right: 20px;
      z-index: 3; }
    @media screen and (min-width: 768px) {
      .sponsors__card--standard {
        float: left;
        width: calc(3 * (100% / 12)); }
        .sponsors__card--standard:nth-child(4n) {
          margin-right: 0; } }
    .sponsors__card--standard .plus {
      position: absolute;
      top: 15px;
      right: 16px;
      z-index: 3; }
      .sponsors__card--standard .plus svg {
        height: 13px; }
  .sponsors--platinum h1,
  .sponsors--platinum h2 {
    color: white; }

.gradient-background-sponsors {
  background-image: url("../../img/headers/desktop-sponsors-background.png");
  background-size: cover; }

#sponsor-link svg {
  right: -17px !important;
  top: -2px !important;
  height: 23px;
  width: 8px;
  position: absolute !important; }

.golf {
  position: relative;
  padding-bottom: 30px; }
  .golf:after {
    content: '';
    display: table;
    clear: both; }
  .golf .hero__header-overlay {
    background-color: #072243;
    height: 100%;
    z-index: -1; }
  .golf .hero__animation svg {
    left: 50%;
    -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
    width: auto !important;
    height: auto !important; }
  @media screen and (min-width: 768px) {
    .golf .hero__animation {
      overflow: hidden;
      position: absolute;
      right: 0;
      width: 55%; } }
  @media screen and (min-width: 768px) {
    .golf .hero__header--inner {
      float: left;
      width: calc(6 * (100% / 12)); } }
  .golf__body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0; }
    .golf__body:after {
      content: '';
      display: table;
      clear: both; }
    @media screen and (min-width: 768px) {
      .golf__body {
        padding-top: 60px;
        padding-left: 20px;
        padding-right: 20px; } }
    @media screen and (min-width: 768px) {
      .golf__body:last-child {
        padding-bottom: 40px; } }
    .golf__body p {
      line-height: 22px;
      margin-bottom: 28px; }
      @media screen and (min-width: 480px) {
        .golf__body p {
          padding-right: 33%; } }
      @media screen and (min-width: 768px) {
        .golf__body p {
          padding: 0; } }
    .golf__body a svg path {
      fill: #009AD5; }
    .golf__body .content-- {
      padding: 30px 10px 0;
      float: left;
      width: calc(12 * (100% / 12)); }
      .golf__body .content-- h2 {
        color: #004179; }
      @media screen and (min-width: 768px) {
        .golf__body .content-- {
          float: left;
          width: calc(4 * (100% / 12));
          padding: 0 40px 0 0px; }
          .golf__body .content--.right-- {
            float: right;
            padding: 0 0px 0 40px; } }
      @media screen and (min-width: 1024px) {
        .golf__body .content-- {
          float: left;
          width: calc(4 * (100% / 12)); }
          .golf__body .content--.right-- {
            float: right; } }
    .golf__body .images-- {
      float: left;
      width: calc(12 * (100% / 12)); }
      @media screen and (min-width: 768px) {
        .golf__body .images-- {
          float: left;
          width: calc(8 * (100% / 12)); } }
      .golf__body .images-- img {
        max-width: 100%; }
  .golf__hero .video-container {
    background: linear-gradient(to right, #000000aa, transparent); }

.first-section {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0; }

.sec-section {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0; }

.agenda {
  position: relative; }
  .agenda:after {
    content: '';
    display: table;
    clear: both; }
  .agenda .hero__header-overlay {
    background-color: #072243;
    height: 100%;
    z-index: -1; }
  .agenda .hero__animation svg {
    left: 50%;
    -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important; }
  @media screen and (min-width: 768px) {
    .agenda .hero__animation {
      overflow: hidden;
      position: absolute;
      right: 0;
      width: 55%; } }
  @media screen and (min-width: 768px) {
    .agenda .hero__header--inner {
      float: left;
      width: calc(6 * (100% / 12)); } }
  .agenda__hero {
    z-index: 10003;
    margin-bottom: 28px;
    margin-left: 0;
    background: linear-gradient(to right, #000000aa, transparent); }
    @media screen and (min-width: 768px) {
      .agenda__hero {
        z-index: 10001;
        margin-bottom: 96px; } }
    @media screen and (min-width: 768px) {
      .agenda__hero p {
        display: block; } }
  .agenda__hero-bg .hero__carousel .item {
    width: 100%;
    position: relative; }
  .agenda .sticky-header {
    padding-top: 14px;
    height: auto;
    position: absolute;
    top: 292px;
    height: 44px; }
    @media screen and (min-width: 768px) {
      .agenda .sticky-header {
        top: 350px;
        padding-top: 0;
        height: auto; } }
    .agenda .sticky-header.affix {
      top: 0;
      position: fixed; }
      @media screen and (max-width: 768px) {
        .agenda .sticky-header.affix.nav-down {
          transition: top 0.3s;
          top: 44px; } }
  .agenda__body {
    padding-top: 60px;
    padding-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .agenda__body {
        padding-top: 60px; } }
    @media screen and (min-width: 1240px) {
      .agenda__body {
        padding-top: 80px; } }
    .agenda__body h3 {
      color: #004179;
      float: left;
      width: calc(12 * (100% / 12));
      font-size: 21px;
      font-weight: normal; }
      @media screen and (min-width: 768px) {
        .agenda__body h3 {
          float: left;
          width: calc(12 * (100% / 12));
          text-align: left;
          padding-left: 20%;
          font-size: 24px; } }
      @media screen and (min-width: 1024px) {
        .agenda__body h3 {
          padding-left: 24%; } }
      @media screen and (min-width: 1240px) {
        .agenda__body h3 {
          font-size: 28px;
          padding-left: 25%; } }
      @media screen and (min-width: 1440px) {
        .agenda__body h3 {
          font-size: 28px; } }
  .agenda__columns {
    padding-left: 0;
    margin-bottom: 70px; }
    @media screen and (min-width: 768px) {
      .agenda__columns {
        float: left;
        width: calc(12 * (100% / 12));
        column-count: 1;
        break-before: always;
        margin-bottom: 100px; }
        .agenda__columns.one-- {
          float: left;
          width: calc(6 * (100% / 12));
          column-count: 1; } }
  .agenda__item {
    list-style: none; }
    .agenda__item:after {
      content: '';
      display: table;
      clear: both; }
    @media screen and (min-width: 768px) {
      .agenda__item {
        break-inside: avoid;
        -webkit-margin-after: 0;
        margin-bottom: 0;
        min-height: 50px; } }
    .agenda__item p {
      line-height: 23px; }
    .agenda__item .time-- {
      float: left;
      width: calc(12 * (100% / 12));
      font-family: "Averta-bold", Helvetica, sans-serif;
      font-weight: normal;
      margin-bottom: 8px;
      text-transform: uppercase;
      font-size: 14px;
      color: #747576; }
      @media screen and (min-width: 768px) {
        .agenda__item .time-- {
          padding-right: 40px;
          float: left;
          width: calc(5 * (100% / 12));
          text-align: right;
          line-height: 30px;
          padding-top: 20px;
          margin-bottom: 0; } }
      @media screen and (min-width: 1024px) {
        .agenda__item .time-- {
          float: left;
          width: calc(5 * (100% / 12));
          padding-right: 40px; } }
    .agenda__item .description-- {
      font-size: 15px;
      line-height: 1.2;
      letter-spacing: 1px;
      font-family: "Averta-bold", Helvetica, sans-serif;
      font-weight: 400;
      margin-top: 10px;
      text-transform: uppercase;
      color: #747576; }
    .agenda__item .event-- {
      float: left;
      width: calc(12 * (100% / 12)); }
      @media screen and (min-width: 768px) {
        .agenda__item .event-- {
          float: left;
          width: calc(7 * (100% / 12)); } }
      @media screen and (min-width: 1024px) {
        .agenda__item .event-- {
          float: left;
          width: calc(7 * (100% / 12)); } }
      @media screen and (min-width: 480px) {
        .agenda__item .event-- {
          padding-right: 33%; } }
      @media screen and (min-width: 768px) {
        .agenda__item .event-- {
          padding: 0; } }
      .agenda__item .event-- .title-- {
        color: #004179;
        margin-bottom: 0px;
        font-size: 18px; }
        @media screen and (min-width: 768px) {
          .agenda__item .event-- .title-- {
            padding-top: 20px;
            font-size: 24px; } }
      .agenda__item .event-- .speaker-- {
        margin-top: 10px; }
        .agenda__item .event-- .speaker-- a {
          display: block;
          margin-bottom: 4px;
          text-transform: uppercase;
          display: inline-block;
          font-size: 15px; }
          .agenda__item .event-- .speaker-- a svg {
            top: 3px; }
            .agenda__item .event-- .speaker-- a svg path {
              fill: #009AD5; }
          .agenda__item .event-- .speaker-- a.no-id {
            color: #505152;
            border: none !important;
            letter-spacing: 1px; }
        .agenda__item .event-- .speaker-- p {
          margin-bottom: 0; }
  .agenda .hidden-target {
    background: red;
    margin-top: -10px; }

#agenda-overlay {
  background: linear-gradient(30deg, black 0%, rgba(0, 0, 0, 0) 80%); }

.content-hero-container {
  width: 100%;
  margin-left: auto;
  max-width: 1240px;
  margin-right: auto;
  min-height: 292px; }
  @media screen and (min-width: 768px) {
    .content-hero-container {
      min-height: unset; } }

.highlights {
  position: relative; }
  .highlights:after {
    content: '';
    display: table;
    clear: both; }
  .highlights .hero__animation svg {
    height: auto !important;
    left: 60%;
    -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
    width: auto !important; }
  @media screen and (min-width: 768px) {
    .highlights .hero__animation {
      height: 100% !important; } }
  @media screen and (min-width: 1240px) {
    .highlights .hero__animation {
      right: 0; } }
  .highlights__hero h1 {
    margin-top: 0; }
  .highlights__hero h2 {
    color: white;
    padding-top: 30px;
    padding-bottom: 19px;
    padding: 30px 15px 0 0;
    margin-top: 0;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      .highlights__hero h2 {
        padding-bottom: 19px; } }
  .highlights__hero p {
    margin-top: 0;
    padding: 15px 15px 30px 10px; }
    @media screen and (min-width: 480px) {
      .highlights__hero p {
        padding-right: 33%; } }
    @media screen and (min-width: 768px) {
      .highlights__hero p {
        padding: 0; } }
  .highlights__hero .left, .highlights__hero .right {
    float: left;
    width: calc(12 * (100% / 12)); }
  .highlights__hero .right {
    margin-left: -20px;
    width: calc(100% + 20px);
    max-height: 350px;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .highlights__hero .right {
        position: absolute;
        float: left;
        width: calc(6 * (100% / 12));
        max-width: 1000%;
        right: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        margin-right: 20px; } }
    @media screen and (min-width: 1240px) {
      .highlights__hero .right {
        position: static;
        float: left;
        width: calc(6 * (100% / 12));
        max-width: 1000%;
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        float: right;
        margin-right: 0; } }
  .highlights__hero .poster--hover-- {
    display: none;
    position: absolute;
    top: 0;
    left: -100%;
    background: rgba(255, 255, 255, 0.3);
    height: 99%;
    width: 100%;
    z-index: 1;
    transition: left 0.3s; }
    @media screen and (min-width: 768px) {
      .highlights__hero .poster--hover-- {
        display: block; } }
  .highlights__hero .poster-- {
    display: block;
    overflow: hidden;
    background: #072243;
    max-height: 300px;
    margin-left: -10px;
    margin-right: -10px; }
    @media screen and (min-width: 768px) {
      .highlights__hero .poster-- {
        position: absolute;
        right: 2rem;
        top: 50%;
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        max-height: 225px; } }
    @media screen and (min-width: 1024px) {
      .highlights__hero .poster-- {
        top: 0;
        right: 2rem;
        max-height: 350px;
        -ms-transform: translateY(0);
            transform: translateY(0); } }
    @media screen and (min-width: 1240px) {
      .highlights__hero .poster-- {
        right: 20px; } }
    .highlights__hero .poster--:hover, .highlights__hero .poster--:focus {
      border: none; }
      @media screen and (min-width: 1024px) {
        .highlights__hero .poster--:hover .poster--hover--, .highlights__hero .poster--:focus .poster--hover-- {
          left: 0; } }
    @media screen and (max-width: 767px) {
      .highlights__hero .poster-- .img-container {
        padding-top: 50%; } }
    .highlights__hero .poster-- img {
      width: 100%; }
      @media screen and (max-width: 767px) {
        .highlights__hero .poster-- img {
          position: absolute;
          top: 50%;
          left: 50%;
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); } }
      @media screen and (min-width: 768px) {
        .highlights__hero .poster-- img {
          margin: 0 auto;
          max-width: 380px; } }
      @media screen and (min-width: 1024px) {
        .highlights__hero .poster-- img {
          margin: 0 auto;
          width: auto;
          max-height: 350px;
          max-width: 1000%; } }
      @media screen and (min-width: 1240px) {
        .highlights__hero .poster-- img {
          max-height: 350px; } }
    .highlights__hero .poster-- .video-play {
      position: absolute;
      bottom: 20px;
      left: 20px;
      transition: opacity 0.3s; }
      .highlights__hero .poster-- .video-play svg {
        height: 60px;
        width: 60px; }
        @media screen and (min-width: 768px) {
          .highlights__hero .poster-- .video-play svg {
            height: 82px;
            width: 82px; } }
  @media screen and (min-width: 768px) {
    .highlights__header-bg {
      background-position: center top; } }
  @media screen and (min-width: 768px) {
    .highlights .hero__header--inner {
      padding-top: 60px; } }
  @media screen and (min-width: 1024px) {
    .highlights .hero__header--inner {
      padding-right: 100px; } }
  .highlights__body {
    padding-top: 30px;
    min-height: 50vh; }
    .highlights__body p {
      line-height: 23px; }
    .highlights__body ul {
      list-style: none;
      padding-left: 0;
      display: inline-block; }
    .highlights__body__list {
      margin-top: 30px;
      width: 100%; }
      @media screen and (min-width: 768px) {
        .highlights__body__list {
          width: calc(100% + 10px); } }
      .highlights__body__list.filtered_finance .topic-filter-finance,
      .highlights__body__list.filtered_keynote .topic-filter-keynote,
      .highlights__body__list.filtered_press .topic-filter-press,
      .highlights__body__list.filtered_moderator .topic-filter-moderator,
      .highlights__body__list.filtered_paneldiscussion .topic-filter-paneldiscussion,
      .highlights__body__list.filtered_politics .topic-filter-politics,
      .highlights__body__list.filtered_technology .topic-filter-technology,
      .highlights__body__list.filtered_globalization .topic-filter-globalization,
      .highlights__body__list.filtered_economics .topic-filter-economics,
      .highlights__body__list.filtered_markets .topic-filter-markets,
      .highlights__body__list.filtered_risk .topic-filter-risk,
      .highlights__body__list.filtered_eurozone .topic-filter-eurozone,
      .highlights__body__list.filtered_monetarypolicy .topic-filter-monetarypolicy,
      .highlights__body__list.filtered_globalaffairs .topic-filter-globalaffairs {
        border-bottom: 1px solid; }
      .highlights__body__list .animIn:nth-child(2), .highlights__body__list .animIn:nth-child(3) {
        -ms-transform: translateY(100px);
            transform: translateY(100px);
        opacity: 0; }
        @media screen and (min-width: 768px) {
          .highlights__body__list .animIn:nth-child(2), .highlights__body__list .animIn:nth-child(3) {
            -ms-transform: translateY(0);
                transform: translateY(0);
            opacity: 1; } }
        .highlights__body__list .animIn:nth-child(2).active, .highlights__body__list .animIn:nth-child(3).active {
          -ms-transform: translateY(0);
              transform: translateY(0);
          opacity: 1; }
      @media screen and (min-width: 1024px) {
        .highlights__body__list .animIn:nth-child(4) {
          -ms-transform: translateY(0);
              transform: translateY(0);
          opacity: 1; } }
      .highlights__body__list .animIn:nth-child(1) {
        -ms-transform: translateY(0);
            transform: translateY(0);
        opacity: 1; }
    .highlights__body__holder {
      margin-bottom: 30px;
      float: left;
      width: calc(12 * (100% / 12)); }
      @media screen and (min-width: 768px) {
        .highlights__body__holder {
          float: left;
          width: calc(4 * (100% / 12));
          min-height: 450px;
          margin-bottom: 10px;
          padding-left: 5px;
          padding-right: 5px; } }
      @media screen and (min-width: 1024px) {
        .highlights__body__holder {
          float: left;
          width: calc(3 * (100% / 12));
          min-height: 440px; } }
      .highlights__body__holder.hide {
        display: none; }
      .highlights__body__holder.show {
        display: inline-block; }
      .highlights__body__holder .header-- {
        color: white;
        text-transform: uppercase;
        font-family: "Averta-bold", Helvetica, sans-serif;
        font-weight: normal;
        font-size: 15px;
        letter-spacing: 1.4px;
        background: #747576;
        padding: 8px 10px 5px; }
        .highlights__body__holder .header--.general-- {
          background: #112B4A; }
        .highlights__body__holder .header--.press-- {
          background: #072243; }
        .highlights__body__holder .header-- .year {
          float: right; }
      .highlights__body__holder .link-- {
        margin-bottom: 10px;
        display: block;
        border: none !important;
        overflow: hidden;
        min-height: 130px; }
        .highlights__body__holder .link--:after {
          content: '';
          display: table;
          clear: both; }
        .highlights__body__holder .link-- .video-player-mobile {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
        .highlights__body__holder .link-- img {
          width: 100%;
          float: left; }
        .highlights__body__holder .link-- .background-slide {
          width: 100%;
          height: 100%;
          display: block;
          background: rgba(255, 255, 255, 0.3);
          position: absolute;
          top: 0;
          left: -100%;
          z-index: 1;
          transition: left 0.33s; }
        @media screen and (min-width: 1024px) {
          .highlights__body__holder .link--:hover .background-slide, .highlights__body__holder .link--:focus .background-slide {
            left: 0%; } }
        .highlights__body__holder .link-- .video-play {
          position: absolute;
          bottom: 10px;
          left: 10px; }
        .highlights__body__holder .link-- .video-length {
          position: absolute;
          font-family: "Averta-Regular", Helvetica, sans-serif;
          bottom: 14px;
          right: 10px;
          background: rgba(0, 0, 0, 0.6);
          color: white;
          padding: 5px 7px;
          letter-spacing: 1.5px; }
      .highlights__body__holder h3 {
        color: #004179;
        margin-bottom: 8px; }
      .highlights__body__holder p {
        margin-bottom: 10px;
        padding-right: 30px; }
        .highlights__body__holder p.tags-- {
          font-family: "Averta-bold", Helvetica, sans-serif;
          font-weight: normal;
          font-size: 15px;
          letter-spacing: 1.5px;
          line-height: 23px; }
          .highlights__body__holder p.tags-- .comma-after:after {
            content: ', '; }
          .highlights__body__holder p.tags-- .comma-after:last-child:after {
            content: ' '; }
          .highlights__body__holder p.tags-- a {
            letter-spacing: 1.5px; }
      .highlights__body__holder.highlights__no-results {
        background: url("../img/highlights-no-results-single.png") repeat-x left top;
        background-size: 105%;
        position: relative;
        width: 100%;
        min-height: 400px; }
        @media screen and (min-width: 768px) {
          .highlights__body__holder.highlights__no-results {
            background-size: 34%; } }
        @media screen and (min-width: 1024px) {
          .highlights__body__holder.highlights__no-results {
            background-size: 26%; } }
        .highlights__body__holder.highlights__no-results .no-results-text {
          display: block;
          position: absolute;
          top: 30px;
          left: 20px; }
          @media screen and (min-width: 1024px) {
            .highlights__body__holder.highlights__no-results .no-results-text {
              width: 100%; } }
    .highlights__body .filter_label {
      line-height: 45px;
      font-family: "Averta-bold", Helvetica, sans-serif;
      font-weight: normal;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 1.88;
      display: block; }
      .highlights__body .filter_label:after {
        content: '';
        display: table;
        clear: both; }
      @media screen and (min-width: 768px) {
        .highlights__body .filter_label {
          display: inline-block;
          float: left; } }
      .highlights__body .filter_label.filter_topic_text {
        height: 45px;
        margin-top: 15px; }
        @media screen and (min-width: 768px) {
          .highlights__body .filter_label.filter_topic_text {
            margin-top: 0;
            margin-left: 160px; } }
      .highlights__body .filter_label.hide {
        display: none; }
      .highlights__body .filter_label svg {
        -ms-transform: translate(9px, 0);
            transform: translate(9px, 0);
        fill: #747576;
        width: 12px;
        height: 12px; }
      .highlights__body .filter_label .current_active_topic {
        border: 1px solid #0060A6;
        padding: 0 8px 0 15px;
        display: inline-block;
        width: calc(50% - 3px);
        height: 45px;
        text-transform: uppercase;
        letter-spacing: 1.5px; }
        @media screen and (min-width: 768px) {
          .highlights__body .filter_label .current_active_topic {
            margin-left: 20px;
            width: auto; } }
        .highlights__body .filter_label .current_active_topic #current_active_topic_text {
          max-width: 75%;
          display: inline-block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          @media screen and (min-width: 768px) {
            .highlights__body .filter_label .current_active_topic #current_active_topic_text {
              max-width: 100%; } }
      .highlights__body .filter_label .filter_clear {
        display: inline-block;
        float: right;
        width: 27px; }
        .highlights__body .filter_label .filter_clear:hover, .highlights__body .filter_label .filter_clear:focus {
          border: none; }
        .highlights__body .filter_label .filter_clear:focus svg {
          outline: 1px solid gray; }
      .highlights__body .filter_label__text {
        float: left;
        width: 50%;
        letter-spacing: .56px; }
        @media screen and (min-width: 768px) {
          .highlights__body .filter_label__text {
            width: auto; } }
    .highlights__body .filter_years__overlay[aria-selected=true] {
      background: rgba(0, 0, 0, 0.5);
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: 10002;
      display: block; }
    .highlights__body .current-active-year:focus .background-slide {
      left: 0; }
    .highlights__body .filter_years {
      padding: 0 0 0 0;
      font-size: 16px;
      margin: 0 20px 0 0;
      position: absolute;
      z-index: 10003;
      width: calc(50% - 13px);
      margin-left: 0; }
      @media screen and (min-width: 768px) {
        .highlights__body .filter_years {
          width: 95px;
          margin-left: 20px; } }
      .highlights__body .filter_years:hover .current-active-year .background-slide, .highlights__body .filter_years:focus .current-active-year .background-slide {
        left: 0; }
      .highlights__body .filter_years li {
        margin-bottom: 0;
        float: none;
        border: 2px solid #C2CACE; }
        .highlights__body .filter_years li.filter-dropdown {
          border: none;
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); }
          .highlights__body .filter_years li.filter-dropdown.hide {
            display: none; }
      .highlights__body .filter_years a {
        padding: 0 35px 0 15px;
        display: block;
        color: #747576;
        border: none;
        position: relative;
        letter-spacing: 1.5px;
        overflow: hidden; }
        .highlights__body .filter_years a svg {
          position: absolute;
          right: 16px;
          top: 50%;
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
          .highlights__body .filter_years a svg path {
            fill: #747576; }
        .highlights__body .filter_years a .background-slide {
          background: #f7f7f7;
          height: 100%;
          width: 100%;
          position: absolute;
          top: 0;
          left: -100%;
          z-index: -1;
          transition: left 0.3s; }
      .highlights__body .filter_years .year-filter {
        background: #1F3374;
        color: white;
        width: 100%; }
        .highlights__body .filter_years .year-filter.activeLink {
          background: #006EB6; }
        .highlights__body .filter_years .year-filter:hover, .highlights__body .filter_years .year-filter:focus {
          background: #009AD5; }
  .highlights .app__footer-module .left span {
    display: inline-block; }
  .highlights .app__footer-module .left a.external svg {
    left: 2px;
    position: relative;
    right: unset;
    top: 0; }

span.sponsored_by {
  float: none;
  line-height: 55px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0px;
  font-family: "Averta-bold", Helvetica, sans-serif;
  font-weight: normal;
  color: #505152; }
  @media screen and (min-width: 768px) {
    span.sponsored_by {
      font-size: 15px;
      letter-spacing: 1.4px;
      float: right; } }

.sponsored_by_logo {
  margin-left: 10px; }

a.play svg {
  position: absolute;
  right: -24px;
  top: -3px; }

#highlights-hero {
  bottom: 333px;
  top: unset; }
  @media screen and (min-width: 768px) {
    #highlights-hero {
      bottom: 23px;
      top: unset; } }

.benefits {
  position: relative;
  padding-bottom: 0; }
  .benefits:after {
    content: '';
    display: table;
    clear: both; }
  .benefits .hero__animation svg {
    left: 50%;
    -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important; }
  .benefits .hero__header:after {
    content: '';
    display: table;
    clear: both; }
  .benefits .hero__header p {
    width: 100%; }
  .benefits .hero__header--inner {
    min-height: auto; }
    .benefits .hero__header--inner p {
      background-color: transparent;
      margin-top: 0; }
  .benefits .contact-block,
  .benefits .contact-block-mobile {
    top: 0;
    right: 0;
    position: absolute;
    float: left;
    width: calc(12 * (100% / 12)); }
    @media screen and (min-width: 768px) {
      .benefits .contact-block,
      .benefits .contact-block-mobile {
        float: left;
        width: calc(5 * (100% / 12));
        margin-left: calc(0.5 * (100% / 12));
        margin-top: 96px; } }
    @media screen and (min-width: 1024px) {
      .benefits .contact-block,
      .benefits .contact-block-mobile {
        float: left;
        width: calc(4 * (100% / 12));
        margin-left: calc(1.5 * (100% / 12)); } }
    .benefits .contact-block h2,
    .benefits .contact-block-mobile h2 {
      margin-bottom: 23px;
      color: #ffffff; }
    .benefits .contact-block .inner,
    .benefits .contact-block-mobile .inner {
      background: rgba(0, 154, 213, 0.9);
      color: white;
      margin: 0;
      padding: 30px 24px 27px; }
      .benefits .contact-block .inner a,
      .benefits .contact-block-mobile .inner a {
        font-weight: 400;
        font-size: 1.25rem; }
        .benefits .contact-block .inner a:hover,
        .benefits .contact-block-mobile .inner a:hover {
          color: white; }
      @media screen and (min-width: 768px) {
        .benefits .contact-block .inner,
        .benefits .contact-block-mobile .inner {
          padding: 30px;
          margin-left: 10px;
          max-width: 365px; } }
      @media screen and (min-width: 1024px) {
        .benefits .contact-block .inner,
        .benefits .contact-block-mobile .inner {
          margin-right: 0; } }
    .benefits .contact-block .email a,
    .benefits .contact-block .email svg,
    .benefits .contact-block .phone-number a,
    .benefits .contact-block .phone-number svg,
    .benefits .contact-block-mobile .email a,
    .benefits .contact-block-mobile .email svg,
    .benefits .contact-block-mobile .phone-number a,
    .benefits .contact-block-mobile .phone-number svg {
      margin-right: 7px;
      fill: white;
      color: white; }
    .benefits .contact-block .phone-number,
    .benefits .contact-block-mobile .phone-number {
      margin-bottom: 10px; }
  .benefits__body:after {
    content: '';
    display: table;
    clear: both; }
  @media screen and (min-width: 768px) {
    .benefits__body {
      padding-top: 0px; } }
  .benefits__body.no-top-pad {
    padding-top: 0; }
  .benefits__body:last-child {
    padding-bottom: 40px; }
  .benefits__body h2 {
    color: #004179;
    margin-top: 64px; }
  .benefits__body p {
    line-height: 22px; }
    @media screen and (min-width: 480px) {
      .benefits__body p {
        padding-right: 33%; } }
    @media screen and (min-width: 768px) {
      .benefits__body p {
        padding: 0; } }
  .benefits__body a svg path {
    fill: #009AD5; }
  .benefits__carousel__card {
    color: white;
    margin-bottom: 10px;
    float: left;
    width: calc(12 * (100% / 12)); }
    @media screen and (min-width: 768px) {
      .benefits__carousel__card {
        float: left;
        width: calc(6 * (100% / 12)); }
        .benefits__carousel__card:nth-of-type(2n - 1) {
          padding-right: 5px; }
        .benefits__carousel__card:nth-of-type(2n) {
          padding-left: 5px; } }
    .benefits__carousel__card--background {
      background: #004179; }
    .benefits__carousel__card .carousel-inner > .item img {
      max-width: 100%;
      float: left; }
    .benefits__carousel__card .carousel__desc {
      padding: 20px 10px;
      min-height: 150px;
      background-color: #fff; }
      @media screen and (min-width: 768px) {
        .benefits__carousel__card .carousel__desc {
          padding: 20px; } }
      @media screen and (min-width: 1240px) {
        .benefits__carousel__card .carousel__desc {
          padding: 20px 100px 20px 20px; } }
      .benefits__carousel__card .carousel__desc h3 {
        margin-bottom: 14px; }
      .benefits__carousel__card .carousel__desc .type-3 {
        color: #004179; }
      .benefits__carousel__card .carousel__desc p {
        color: #505152; }

.contact-block-mobile {
  position: relative !important;
  display: block; }
  @media screen and (min-width: 768px) {
    .contact-block-mobile {
      display: none; } }

.contact-block {
  display: none; }
  @media screen and (min-width: 768px) {
    .contact-block {
      display: block; } }

.contact {
  position: relative;
  padding-bottom: 0px; }
  .contact:after {
    content: '';
    display: table;
    clear: both; }
  .contact p {
    line-height: 22px; }
  .contact__body {
    padding-top: 80px; }
    .contact__body:after {
      content: '';
      display: table;
      clear: both; }
    .contact__body.form-block {
      padding-right: 0;
      padding-left: 0; }
      @media screen and (min-width: 768px) {
        .contact__body.form-block {
          padding-left: 20px; } }
    @media screen and (min-width: 768px) {
      .contact__body {
        padding-top: 25px; } }
    @media screen and (min-width: 1240px) {
      .contact__body {
        padding-top: 40px; } }
    .contact__body:last-child {
      padding-bottom: 80px;
      padding-top: 35px; }
      @media screen and (min-width: 1240px) {
        .contact__body:last-child {
          padding-top: 50px; } }
    .contact__body h1 {
      margin-bottom: 0;
      color: #004179; }
  .contact__form, .contact__faq {
    float: left;
    width: calc(12 * (100% / 12));
    padding: 30px 20px 0; }
    @media screen and (min-width: 768px) {
      .contact__form, .contact__faq {
        float: left;
        width: calc(7 * (100% / 12)); } }
    .contact__form h2, .contact__faq h2 {
      color: #004179;
      font-size: 28px;
      margin-bottom: 24px; }
  .contact__form {
    background: #F5F5F5; }
    .contact__form .phone-number {
      margin-bottom: 35px; }
      .contact__form .phone-number a {
        font-weight: 400;
        font-size: 20px;
        fill: #747576;
        color: #747576; }
    .contact__form label {
      font-family: "Averta-bold", Helvetica, sans-serif;
      color: #747576;
      font-weight: 400;
      font-size: 15px;
      letter-spacing: 0.56px;
      line-height: 22px;
      margin-top: 15px;
      margin-bottom: 3px;
      display: block; }
    .contact__form input[type=text],
    .contact__form textarea {
      width: 100%;
      font-family: "Averta-bold", Helvetica, sans-serif;
      color: #747576;
      font-weight: 400;
      font-size: 15px;
      padding: 13px 20px 13px 13px;
      border: none; }
    .contact__form textarea {
      height: 140px; }
    .contact__form button {
      cursor: pointer;
      background: #007CC2;
      border: none;
      padding: 5px 17px;
      color: white;
      font-family: "Averta-bold", Helvetica, sans-serif;
      font-weight: 400;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      margin: 20px 0 30px; }
    .contact__form .confirmMsg {
      opacity: 0;
      font-weight: normal !important;
      font-family: "Averta-Bold", sans-serif;
      font-size: 15px;
      color: #747576;
      letter-spacing: 0.56px;
      line-height: 22px;
      display: block; }
      .contact__form .confirmMsg.show {
        opacity: 1; }
  .contact__faq .panel-title {
    margin-bottom: 20px; }
    .contact__faq .panel-title .toggle-collapse {
      text-transform: none;
      display: block;
      padding-right: 75px;
      border: none;
      font-size: 1.3125rem !important; }
      .contact__faq .panel-title .toggle-collapse:hover {
        border: none;
        color: #009AD5; }
      .contact__faq .panel-title .toggle-collapse .open {
        display: block; }
        .contact__faq .panel-title .toggle-collapse .open svg {
          top: 13px; }
      .contact__faq .panel-title .toggle-collapse .closed {
        display: none; }
      .contact__faq .panel-title .toggle-collapse.collapsed .closed {
        display: block; }
      .contact__faq .panel-title .toggle-collapse.collapsed .open {
        display: none; }
      .contact__faq .panel-title .toggle-collapse svg {
        position: absolute;
        right: 0;
        top: 5px; }
  .contact__faq .panel-default {
    border-bottom: 1px solid #8F9090;
    padding-top: 20px; }
    .contact__faq .panel-default:last-child {
      border: none; }
  .contact__faq .panel-body {
    margin-bottom: 20px;
    line-height: 1.375; }
    .contact__faq .panel-body a {
      text-transform: none;
      font-size: inherit; }

.mktoForm {
  width: 100% !important;
  padding: 10px 0 !important; }
  .mktoForm .mktoFieldDescriptor.mktoFormCol {
    width: 100% !important;
    margin-bottom: 0 !important; }
  .mktoForm label.mktoLabel {
    font-weight: normal !important;
    font-family: "Averta-Bold", sans-serif;
    font-size: 15px;
    color: #747576;
    letter-spacing: 0.56px;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 3px;
    display: block;
    width: auto !important; }
    .mktoForm label.mktoLabel strong {
      font-weight: normal; }
  .mktoForm .mktoFieldWrap {
    width: 100% !important; }
  .mktoForm select.mktoField,
  .mktoForm textarea.mktoField,
  .mktoForm input[type=text],
  .mktoForm input.mktoField {
    width: 100% !important;
    border-color: white !important;
    font-family: "Averta-Bold", sans-serif;
    color: #747576;
    font-weight: normal !important;
    font-size: 15px;
    height: 46px;
    border-radius: 0px !important; }
  .mktoForm input.mktoField.mktoInvalid,
  .mktoForm select.mktoField.mktoInvalid {
    border-color: #8C0005 !important;
    border-radius: 0px !important; }
  .mktoForm .mktoField.mktoTextField,
  .mktoForm .mktoField.mktoHasWidth {
    border-radius: 0 !important; }
  .mktoForm textarea.mktoField {
    height: auto !important; }
  .mktoForm .mktoButtonWrap {
    margin-left: 0 !important; }
    .mktoForm .mktoButtonWrap .mktoButton {
      overflow: hidden !important;
      cursor: pointer !important;
      background: #0078BB !important;
      border: none !important;
      border-bottom: none !important;
      border-radius: 0 !important;
      box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
      padding: 17px 17px !important;
      color: white;
      font: normal 15px/15px "Averta-Bold", sans-serif !important;
      color: #747576;
      letter-spacing: 1.5px !important;
      text-transform: uppercase !important;
      margin: 20px 0 10px !important;
      font-weight: normal !important;
      text-shadow: none !important;
      width: auto !important;
      transition: background-color 0.3s; }
      .mktoForm .mktoButtonWrap .mktoButton:hover {
        background: #3296d2 !important; }
  .mktoForm .mktoError {
    bottom: -26px !important;
    right: -50px !important;
    left: auto !important; }
    .mktoForm .mktoError .mktoErrorMsg {
      border-radius: 0 !important;
      box-shadow: 0 0 !important;
      display: block;
      margin-top: 7px;
      background: #8C0005 !important;
      border: 1px solid #8C0005 !important;
      color: #f3f3f3;
      font-size: 1em;
      line-height: 1.2em;
      max-width: 16em;
      padding: .4em .6em;
      text-shadow: none !important; }
    .mktoForm .mktoError .mktoErrorArrow {
      display: none !important; }

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm select.mktoField,
.mktoForm textarea.mktoField {
  box-shadow: none !important; }

@media screen and (max-width: 800px) {
  select.mktoField,
  textarea.mktoField,
  input[type=text],
  input.mktoField {
    margin-bottom: 16px !important; }
  .mktoForm .mktoError {
    bottom: -11px !important; } }

.landing-page-container {
  background-image: url("../../img/landing-page.png");
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat; }
  .landing-page-container .landing-page-headline {
    margin: auto;
    text-align: right;
    max-width: 1210px;
    padding: 88px 44px 20px 24px; }
    .landing-page-container .landing-page-headline h1 {
      font-family: "Averta-semibold", Helvetica, sans-serif;
      color: white; }
  .landing-page-container .landing-page-video-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    height: 100%;
    padding-bottom: 80px;
    padding-left: 24px;
    padding-right: 24px; }
    .landing-page-container .landing-page-video-container .landing-page-video {
      width: 100%;
      display: block;
      margin: 0 auto;
      max-width: 1166px; }
      .landing-page-container .landing-page-video-container .landing-page-video video {
        position: absolute;
        max-width: 1200px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        z-index: -1;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s; }
      .landing-page-container .landing-page-video-container .landing-page-video button {
        background-color: #666;
        border: medium none;
        color: #fff;
        display: block;
        font-size: 18px;
        left: 0;
        margin: 0 auto;
        padding: 8px 16px;
        position: absolute;
        right: 0;
        top: 50%; }
      .landing-page-container .landing-page-video-container .landing-page-video button.active {
        background-color: #0077a2; }

.wrapper {
  display: table;
  width: auto;
  position: relative;
  width: 50%; }

.modal-tags, .hide-full-bio, .hide-modal-name {
  display: none !important; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal .outer-text:after {
    content: ", "; }
  .modal .outer-text:last-child:after {
    content: ""; }

.modal.fade .modal-dialog {
  opacity: 0;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1; }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0;
  width: 100vw;
  height: 100vh; }

.modal-content {
  position: relative;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
  width: 100vw;
  height: auto;
  min-height: 100vh; }
  @media screen and (min-width: 768px) {
    .modal-content {
      padding: 0;
      background-color: white; } }

.modal-backdrop {
  display: none !important;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040; }
  @media screen and (min-width: 768px) {
    .modal-backdrop {
      background-color: #000000; } }

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .modal-header {
      width: 605px;
      max-width: 1000px;
      margin: 0 auto; } }

.modal .close {
  position: fixed;
  top: 20px;
  right: 10px;
  border: none;
  background: none;
  z-index: 10000;
  cursor: pointer; }
  @media screen and (min-width: 480px) {
    .modal .close svg {
      height: 18px;
      width: 18px; } }
  @media screen and (min-width: 1024px) {
    .modal .close {
      top: 40px;
      right: 15%; } }
  @media screen and (min-width: 1240px) {
    .modal .close {
      right: 20%; } }
  .modal .close svg path {
    fill: #505152; }
  .modal .close:hover svg path {
    fill: #8F9090; }

.modal-title {
  margin: 0;
  line-height: 1.42857143; }

.modal-body {
  position: relative;
  padding: 50px 15px 15px 15px;
  background: white; }
  @media screen and (min-width: 768px) {
    .modal-body {
      width: 605px;
      margin: 0 auto;
      padding: 85px 10px 50px;
      background: none; } }
  .modal-body .logo {
    margin-bottom: 30px;
    position: relative; }
  .modal-body .photo {
    height: 220px;
    overflow: hidden;
    position: relative;
    max-width: 300px; }
    @media screen and (min-width: 768px) {
      .modal-body .photo {
        width: 395px;
        height: 360px;
        max-width: 100%;
        margin-bottom: 55px; } }
  .modal-body h2 {
    font-size: 28px;
    color: #004179;
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .modal-body h2 {
        margin-top: 0; } }
  @media screen and (min-width: 768px) {
    .modal-body h4 {
      max-width: 60%; } }
  .modal-body p {
    line-height: 25px;
    padding-right: 20px;
    margin-bottom: 22px; }
    @media screen and (min-width: 768px) {
      .modal-body p {
        max-width: 100%;
        padding-right: 0; } }
  .modal-body img {
    width: 100%;
    margin: 0 auto;
    max-width: 400px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.modal__video-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }
  @media screen and (min-width: 768px) {
    .modal__video-container {
      bottom: 40px;
      left: 40px;
      right: 40px;
      top: 40px; } }

@media screen and (min-width: 1024px) {
  #videoModal button.close {
    right: 80px; } }

@media screen and (min-width: 1240px) {
  #videoModal button.close {
    right: 15%; } }

#videoModal .video-js {
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  @media screen and (min-width: 768px) {
    #videoModal .video-js {
      max-width: 100%;
      max-height: 100%;
      height: 422px;
      width: 750px; } }

.carousel {
  position: relative;
  background: #747576; }
  .carousel:hover .carousel-control {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }

.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left; }

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px; }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0; }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0; }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0; } }

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block; }

.carousel-inner > .active {
  left: 0; }

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%; }

.carousel-inner > .next {
  left: 100%; }

.carousel-inner > .prev {
  left: -100%; }

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0; }

.carousel-inner > .active.left {
  left: -100%; }

.carousel-inner > .active.right {
  left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 10%;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.3s; }
  .carousel-control:hover {
    border: none;
    opacity: 0.9 !important;
    filter: alpha(opacity=100); }
  @media screen and (max-width: 768px) {
    .carousel-control {
      display: none !important; } }

.carousel-control.right {
  left: auto;
  right: 0; }

.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  border: none;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block; }
  .carousel-control .icon-prev svg,
  .carousel-control .icon-next svg,
  .carousel-control .glyphicon-chevron-left svg,
  .carousel-control .glyphicon-chevron-right svg {
    height: 25px;
    width: 15px; }
    .carousel-control .icon-prev svg path,
    .carousel-control .icon-next svg path,
    .carousel-control .glyphicon-chevron-left svg path,
    .carousel-control .glyphicon-chevron-right svg path {
      fill: white; }
    @media screen and (min-width: 768px) {
      .carousel-control .icon-prev svg,
      .carousel-control .icon-next svg,
      .carousel-control .glyphicon-chevron-left svg,
      .carousel-control .glyphicon-chevron-right svg {
        height: 30px;
        width: 18px; } }

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px; }

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px; }

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif; }

.carousel-control .icon-prev:before {
  content: '\2039'; }

.carousel-control .icon-next:before {
  content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-bottom: 0;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }

.carousel-indicators li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 10px 0 0;
  text-indent: -999px;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(255, 255, 255, 0.5); }

.carousel-indicators .active {
  width: 8px;
  height: 8px;
  background-color: #ffffff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.carousel-caption .btn {
  text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.carousel-fade .carousel-inner .item {
  left: 0;
  -ms-transform: translateX(0) scale(1, 1);
      transform: translateX(0) scale(1, 1);
  opacity: 0;
  transition: opacity 1s ease-in-out, transform 10s linear; }
  @media screen and (max-width: 768px) {
    .carousel-fade .carousel-inner .item {
      transition: opacity 1s ease-in-out, transform 10s linear; } }

.carousel-fade .carousel-inner {
  -ms-transform: translateX(0);
      transform: translateX(0);
  left: 0; }

.carousel-fade .carousel-inner .active {
  opacity: 1;
  left: 0;
  -ms-transform: translateX(0);
      transform: translateX(0); }
  @media screen and (max-width: 768px) {
    .carousel-fade .carousel-inner .active {
      -ms-transform: translateX(0);
          transform: translateX(0);
      left: 0; } }

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
  opacity: 0;
  z-index: 1; }
  @media screen and (max-width: 768px) {
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
      -ms-transform: translateX(0);
          transform: translateX(0);
      left: 0; } }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-control {
  z-index: 2; }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.has-background-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.has-background-fixed {
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed; }

.has-background-color-white {
  background-color: #ffffff !important; }

.has-text-color-white {
  color: #ffffff !important; }

.has-background-color-black {
  background-color: #000000 !important; }

.has-text-color-black {
  color: #000000 !important; }

.has-background-color-lightestgray {
  background-color: #fbfbfb !important; }

.has-text-color-lightestgray {
  color: #fbfbfb !important; }

.has-background-color-lightergray {
  background-color: #F7F7F7 !important; }

.has-text-color-lightergray {
  color: #F7F7F7 !important; }

.has-background-color-lightgray {
  background-color: #8F9090 !important; }

.has-text-color-lightgray {
  color: #8F9090 !important; }

.has-background-color-gray {
  background-color: #747576 !important; }

.has-text-color-gray {
  color: #747576 !important; }

.has-background-color-darkgray {
  background-color: #354A66 !important; }

.has-text-color-darkgray {
  color: #354A66 !important; }

.has-background-color-red {
  background-color: #FF0000 !important; }

.has-text-color-red {
  color: #FF0000 !important; }

.has-background-color-bluelightest {
  background-color: #8ADCFF !important; }

.has-text-color-bluelightest {
  color: #8ADCFF !important; }

.has-background-color-bluelighter {
  background-color: #009AD5 !important; }

.has-text-color-bluelighter {
  color: #009AD5 !important; }

.has-background-color-bluelight {
  background-color: #007CC2 !important; }

.has-text-color-bluelight {
  color: #007CC2 !important; }

.has-background-color-bluemedium {
  background-color: #0060A6 !important; }

.has-text-color-bluemedium {
  color: #0060A6 !important; }

.has-background-color-bluedark {
  background-color: #004179 !important; }

.has-text-color-bluedark {
  color: #004179 !important; }

.has-background-color-bluedarker {
  background-color: #072243 !important; }

.has-text-color-bluedarker {
  color: #072243 !important; }

.has-background-color-bluedarkest {
  background-color: #081D37 !important; }

.has-text-color-bluedarkest {
  color: #081D37 !important; }

.has-background-color-green {
  background-color: #00E473 !important; }

.has-text-color-green {
  color: #00E473 !important; }

.has-background-color-purple-gradient {
  background: linear-gradient(#1D79E9, #5A69EC); }

.italic {
  font-style: italic; }

a.word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word; }

.show-mobile {
  display: block; }
  @media screen and (min-width: 768px) {
    .show-mobile {
      display: none !important; } }

.show-desktop {
  display: none; }
  @media screen and (min-width: 1024px) {
    .show-desktop {
      display: block !important; } }

.show-tablet {
  display: none; }
  @media screen and (min-width: 768px) {
    .show-tablet {
      display: block !important; } }
  @media screen and (min-width: 1024px) {
    .show-tablet {
      display: none !important; } }

.hide-small {
  display: none; }
  @media screen and (min-width: 768px) {
    .hide-small {
      display: inline-block !important; } }

.hide-medium {
  display: none; }
  @media screen and (min-width: 1024px) {
    .hide-medium {
      display: inline-block !important; } }

.hide-extra-medium {
  display: none; }
  @media screen and (min-width: 1240px) {
    .hide-extra-medium {
      display: inline-block !important; } }

.hide-desktop {
  display: inline-block; }
  @media screen and (min-width: 1024px) {
    .hide-desktop {
      display: none !important; } }

.animIn {
  -ms-transform: translateY(100px);
      transform: translateY(100px);
  opacity: 0;
  transition: all 0.6s; }
  .animIn.active {
    -ms-transform: translateY(0);
        transform: translateY(0);
    opacity: 1; }
