@charset "UTF-8";
/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/* OLD PAGES VARIABLES */
/* GLOBAL */
/* MENU */
/* MENU XXL */
/* HOMEPAGE */
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/* BUTTON COLOR */
/* INDUSTRIES */
/* RESOURCES */
/* CLIENT */
/* NEW iAdvize MENU */
/* SEARCH */
/* GLOBAL */
/* MENU */
/* HOMEPAGE */
/* TOUR */
/* PARTNER LEAGUE */
/* IBBU */
/* RESOURCE */
/* PRODUCT PAGES */
/*----Engage----*/
/* CARDS */
/* COMPANY */
/* HAMBURGER MENU */
/* OLD PAGES VARIABLES */
/* GLOBAL */
/* MENU */
/* MENU XXL */
/* HOMEPAGE */
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/* BUTTON COLOR */
/* INDUSTRIES */
/* RESOURCES */
/* CLIENT */
/* NEW iAdvize MENU */
/* SEARCH */
/* COMPANY */
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
@font-face {
  font-family: 'ss-standard';
  src: url("../fonts/ss-standard.eot");
  src: url("../fonts/ss-standard.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-standard.svg#font-name") format("svg"), url("../fonts/ss-standard.woff") format("woff"), url("../fonts/ss-standard.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'socialico';
  src: url("../fonts/socialico.eot");
  src: url("../fonts/socialico.eot?#iefix") format("embedded-opentype"), url("../fonts/socialico.svg#font-name") format("svg"), url("../fonts/socialico.woff") format("woff"), url("../fonts/socialico.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'proxima';
  src: url("../fonts-2016/proximanova-light-webfont.woff2") format("woff2"), url("../fonts-2016/proximanova-light-webfont.woff") format("woff");
  font-weight: lighter;
  font-style: normal; }
@font-face {
  font-family: 'proxima';
  src: url("../fonts-2016/proximanova-regitalic-webfont.woff2") format("woff2"), url("../fonts-2016/proximanova-regitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'proxima';
  src: url("../fonts-2016/proximanova-regular-webfont.woff2") format("woff2"), url("../fonts-2016/proximanova-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'proxima';
  src: url("../fonts-2016/proximanova-semibold-webfont.woff2") format("woff2"), url("../fonts-2016/proximanova-semibold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'proxima';
  src: url("../fonts-2016/proximanova-bold.woff2") format("woff2"), url("../fonts-2016/proximanova-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal; }
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
 i imported this one in the functions file so bones would look sweet.
 don't forget to remove it for your site.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

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

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

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

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

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/* BORDER RADIUS */
/* BOX SHADOW */
/* TRANSFORM */
/* FILTER */
/* FLEXBOX */
/* GLOBAL */
/* MENU */
/* HOMEPAGE */
/* TOUR */
/* PARTNER LEAGUE */
/* IBBU */
/* RESOURCE */
/* PRODUCT PAGES */
/*----Engage----*/
/* CARDS */
/* COMPANY */
#logo {
  float: left;
  padding: 0px;
  position: relative;
  z-index: 1; }
  #logo a.home-logo-link {
    color: #FFFFFF; }
    #logo a.home-logo-link .iadvize-logo {
      padding-top: 5px;
      width: 108px; }

.primary-menu__wrapper {
  display: none; }

.header {
  height: 50px;
  width: 100%;
  top: 0;
  padding-top: 5px;
  z-index: 1002;
  position: relative; }
  .header .fixed-menu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1002;
    background-color: #e5ebef; }
  .header.sticky-main .fixed-menu {
    position: fixed;
    top: 0;
    background-color: #FFF;
    -webkit-box-shadow: 0 0 30px 0 rgba(38, 40, 45, 0.1);
    -moz-box-shadow: 0 0 30px 0 rgba(38, 40, 45, 0.1);
    -o-box-shadow: 0 0 30px 0 rgba(38, 40, 45, 0.1);
    box-shadow: 0 0 30px 0 rgba(38, 40, 45, 0.1); }
  .header #header-content {
    padding: 10px 20px; }

#mobile-side-nav-block {
  background-color: #e5ebef; }
  #mobile-side-nav-block .sub-menu {
    padding-top: 75px;
    position: fixed;
    top: 0px;
    left: 100%;
    z-index: 1002;
    height: calc(100vh - 50px);
    width: 85%;
    margin: 0px;
    -webkit-transition: left 500ms ease;
    transition: left 500ms ease;
    background-color: #FFF;
    overflow-y: auto; }
    #mobile-side-nav-block .sub-menu li {
      padding-left: 20px; }
      #mobile-side-nav-block .sub-menu li a {
        color: #8C93A0;
        text-decoration: none;
        font-weight: bold;
        padding-bottom: 5px; }
      #mobile-side-nav-block .sub-menu li.current_page_item a {
        color: #373D4D;
        border-bottom: 3px solid #1bc74e; }
  #mobile-side-nav-block ul.side-nav {
    margin: 0px; }
    #mobile-side-nav-block ul.side-nav > li.menu-item {
      line-height: 50px;
      border-bottom: 1px solid #dfe7ec;
      cursor: pointer;
      position: relative; }
      #mobile-side-nav-block ul.side-nav > li.menu-item > a {
        display: block;
        padding-left: 20px;
        color: #8C93A0;
        text-decoration: none;
        font-weight: bold; }
    #mobile-side-nav-block ul.side-nav li.current-menu-ancestor > a,
    #mobile-side-nav-block ul.side-nav li.current-menu-parent > a {
      color: #FFFFFF; }
    #mobile-side-nav-block ul.side-nav li.back-menu-item {
      background-color: #DCDDE0; }
    #mobile-side-nav-block ul.side-nav li.back-menu-item::before {
      content: url("../images/general/menu-item-arrow-back.png");
      vertical-align: middle;
      margin-right: 10px; }
    #mobile-side-nav-block ul.side-nav li.menu-item-has-children.current-menu-ancestor::after, #mobile-side-nav-block ul.side-nav li.menu-item-has-children.current-menu-parent::after {
      content: url("../images/general/menu-item-arrow-active.png"); }
    #mobile-side-nav-block ul.side-nav li.menu-item-has-children::after {
      content: url("../images/general/menu-item-arrow.png");
      vertical-align: middle;
      line-height: 50px;
      position: absolute;
      right: 20px;
      top: 0px; }

.menu-wrap {
  position: fixed;
  padding-top: 75px;
  top: 0px;
  bottom: 0;
  left: 100%;
  z-index: 1001;
  width: 95%;
  height: calc(100vh - 50px);
  background-color: #373a47;
  font-size: 1.15em;
  -webkit-transition: left 500ms ease;
  transition: left 500ms ease; }

/* Shown menu */
.show-menu #mobile-side-nav-block {
  left: 5%; }
  .show-menu #mobile-side-nav-block ul.side-nav > li.sub-open .sub-menu {
    left: 15%; }
.show-menu .mobile-menu-filter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.hamburger {
  float: right;
  padding: 9px 15px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  background-color: #FFF;
  border-radius: 50%;
  height: 57px;
  width: 57px; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 24px;
  height: 19px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 24px;
    height: 3px;
    background-color: #26282d;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
  .hamburger-inner::after {
    bottom: -8px; }

.hamburger-collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger-collapse .hamburger-inner::after {
    top: -16px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger-collapse .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger-collapse.is-active .hamburger-inner {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger-collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
  .hamburger-collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }

#header-content #search-button {
  display: none;
  margin-left: 10px; }
#header-content.searchform-open .hide-sf-open {
  display: none; }
#header-content.searchform-open #header-nav-block {
  width: calc(100% - 130px); }
  #header-content.searchform-open #header-nav-block #search-button {
    width: 100%; }
#header-content.searchform-open #menu-button-trigger {
  display: none; }
#header-content.searchform-open .sb-search .sb-search-input {
  color: #8c93a0;
  border-color: #8c93a0; }
#header-content .sb-search {
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1);
  margin-left: 10px; }
  #header-content .sb-search .sb-icon-search {
    color: #555b64;
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1); }
    #header-content .sb-search .sb-icon-search::before {
      color: #555b64;
      -webkit-backface-visibility: hidden;
      -webkit-transform: scale(1); }
    #header-content .sb-search .sb-icon-search:hover {
      color: #26282d; }
      #header-content .sb-search .sb-icon-search:hover::before {
        color: #26282d; }
  #header-content .sb-search .sb-search-input::-webkit-input-placeholder,
  #header-content .sb-search .sb-search-input:-moz-placeholder,
  #header-content .sb-search .sb-search-input::-moz-placeholder,
  #header-content .sb-search .sb-search-input:-ms-input-placeholder {
    color: #f1f1f1; }

@media only screen and (min-width: 768px) {
  #mobile-side-nav-block {
    width: 50%; }
    #mobile-side-nav-block .sub-menu {
      width: 40%; }

  .show-menu #mobile-side-nav-block {
    left: 50%; }
    .show-menu #mobile-side-nav-block ul.side-nav > li.sub-open .sub-menu {
      left: 60%; } }
/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/* Here's the new CSS to add... */
.logged-in .header {
  margin-top: 45px; }

/*********************
GENERAL STYLES
*********************/
html, body {
  width: 100%; }

body {
  font-family: "proxima", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 100%;
  line-height: 20px;
  color: #707689;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden; }

[data-icon]:before {
  font-family: "ss-standard";
  color: #555b64;
  content: attr(data-icon);
  speak: none;
  /* Not to be trusted, but hey. */ }

span.helper {
  height: 100%;
  vertical-align: middle;
  display: inline-block;
  margin-left: -6px; }

/*********************
DIDOMI
*********************/
#didomi-host {
  font-family: "proxima", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #707689 !important; }

#didomi-host #text {
  color: #707689 !important; }

.standard-button,
.highlight-button {
  border-radius: 50px !important;
  border: none !important; }

.highlight-button {
  text-decoration: none !important;
  color: #FFF !important; }
  .highlight-button:hover {
    background-color: #1dd453 !important; }

#didomi-host .didomi-components-button {
  border-radius: 50px !important;
  border: none !important; }

#didomi-host .didomi-components-button.didomi-components-button--color {
  color: #FFF !important; }

#didomi-host .didomi-mobile #didomi-notice.bottom, #didomi-host .didomi-mobile #didomi-notice.bottom .didomi-notice__interior-border {
  border: none !important; }

#didomi-host .didomi-consent-popup__exterior-border {
  box-shadow: 0 0 30px 0 rgba(38, 40, 45, 0.2);
  border-radius: 7px !important;
  border: none !important; }

#didomi-host .didomi-consent-popup__dialog {
  border: none !important; }

/*********************
LAYOUT & GRID STYLES
*********************/
#container {
  width: 100%;
  overflow-x: hidden;
  position: relative; }

.wrap {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto; }

.idz-card {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 30px 0 rgba(38, 40, 45, 0.1);
  -moz-box-shadow: 0 0 30px 0 rgba(38, 40, 45, 0.1);
  -o-box-shadow: 0 0 30px 0 rgba(38, 40, 45, 0.1);
  box-shadow: 0 0 30px 0 rgba(38, 40, 45, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
  .idz-card.resource-card {
    width: 300px;
    padding-bottom: 30px !important;
    position: relative;
    text-align: left;
    padding-right: 0px !important;
    margin: 40px auto; }
    .idz-card.resource-card .idz-resource-card-image {
      text-transform: uppercase;
      color: #8c93a0;
      height: 200px;
      text-align: center;
      vertical-align: middle;
      overflow: hidden; }
      .idz-card.resource-card .idz-resource-card-image img {
        max-width: 300px;
        height: 200px;
        object-fit: contain; }
    .idz-card.resource-card .idz-resource-type {
      text-transform: uppercase;
      font-size: 15px;
      color: #8c93a0; }
    .idz-card.resource-card .idz-resource-card-description {
      padding: 20px; }
      .idz-card.resource-card .idz-resource-card-description .idz-card-title {
        font-size: 17px;
        line-height: 20px;
        font-weight: bold;
        margin-bottom: 0px;
        color: #555b64; }
    .idz-card.resource-card .idz-card-link-bottom {
      position: absolute;
      font-weight: bold;
      line-height: 30px;
      bottom: 10px;
      padding: 0 20px;
      left: 0;
      right: 0;
      color: #0099ff; }

/*********************
LINK STYLES
*********************/
a, a:visited {
  color: #0099ff;
  text-decoration: none;
  /* on hover */
  /* on click */
  /* mobile tap color */ }
  a:hover, a:focus, a:visited:hover, a:visited:focus {
    color: #007dd1; }
  a:link, a:visited:link {
    /*
    this highlights links on iPhones/iPads.
    so it basically works like the :hover selector
    for mobile devices.
    */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 500;
  color: #26282d;
  font-family: "kozuka-mincho-pro", "proxima", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

h1, .h1 {
  font-size: 28px;
  line-height: 1.333em;
  font-weight: bold; }

h2, .h2 {
  font-size: 28px;
  line-height: 1.333em;
  font-weight: bold;
  margin-bottom: 0.375em; }

h3, .h3 {
  font-size: 1.125em; }

h4, .h4 {
  font-size: 1.1em;
  font-weight: 700; }

h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px; }

/*********************
HEADER STYLES
*********************/
@media only screen and (max-width: 1024px) {
  .header #header-content {
    width: 100%; } }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .header .nav li.new-features a {
    background-image: url("../images/general/star-new-features@2x.png"); } }
/*********************
POSTS & CONTENT STYLES
*********************/
#content {
  margin-top: 1.5em; }

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

.mobile-vid-img {
  max-width: 100%; }

.content {
  text-align: center;
  padding-top: 50px;
  font-size: 0.9em; }
  .content.no-header {
    padding-top: 50px !important; }
  .content.no-sub-menu-banner {
    padding-top: 50px; }
  .content .header-video-item {
    max-width: 100%; }
  .content .gray-background {
    background-color: #F4F6FA; }
  .content .limited-width {
    max-width: 700px;
    margin: 0 auto; }
    .content .limited-width.lw-small {
      max-width: 500px; }
  .content .pages-title {
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    max-width: 500px;
    color: #555b64;
    margin-right: auto;
    margin-left: auto; }
  .content .header-image {
    margin-top: 50px;
    margin-bottom: 25px; }
  .content .content-wrap {
    padding-top: 25px;
    padding-bottom: 25px; }
    .content .content-wrap.content-center .content-center-inner {
      margin-bottom: 50px; }
    .content .content-wrap.content-center h1, .content .content-wrap.content-center h2, .content .content-wrap.content-center h3, .content .content-wrap.content-center h4, .content .content-wrap.content-center h5, .content .content-wrap.content-center p, .content .content-wrap.content-center div {
      text-align: center; }
    .content .content-wrap.content-center .product-text {
      margin-left: auto;
      margin-right: auto; }
    .content .content-wrap.no-padding {
      padding-bottom: 0px; }
      .content .content-wrap.no-padding img {
        vertical-align: middle;
        margin-bottom: 0px; }
  .content .pages-image {
    max-height: 75vh;
    max-width: 90%;
    margin: 30px auto; }
  .content .pages-oversized-image {
    max-height: 75vh;
    max-width: 90%;
    margin: 30px auto; }
    .content .pages-oversized-image.left-oversized {
      margin-bottom: 30px; }
  .content .pages-section-title {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 0px;
    line-height: 1.1em; }
  .content .product-text {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto; }
  .content .no-pad-bottom {
    padding-bottom: 0px !important; }
    .content .no-pad-bottom img {
      vertical-align: bottom;
      margin-bottom: 0px; }

.hide-mobile {
  display: none; }

.hide-desktop {
  display: block; }

/*********************
FOOTER STYLES
*********************/
.footer {
  position: relative;
  clear: both;
  background-color: #FFFFFF;
  color: #707583;
  text-align: center;
  font-size: 0.9em;
  padding: 50px 10px 0;
  line-height: 1.3em; }
  .footer .number {
    display: block; }
  .footer .top-number {
    font-size: 1.1em; }
  .footer .from-abroad {
    margin-top: 20px; }
  .footer .social-footer {
    margin-right: 15px; }
    .footer .social-footer.no-margin {
      margin: 0px; }
    .footer .social-footer.home .footer-social-ico {
      background-image: url("../images/homepage/home-sprite.png") !important; }
    .footer .social-footer .footer-social-ico {
      margin-top: 10px;
      width: 25px;
      height: 24px;
      display: inline-block;
      background: transparent url("../images/footer-social.png") no-repeat; }
      .footer .social-footer .footer-social-ico.footer-facebook {
        background-position: 0px 0px; }
      .footer .social-footer .footer-social-ico.footer-twitter {
        background-position: 0px -24px; }
      .footer .social-footer .footer-social-ico.footer-vimeo {
        background-position: 0px -72px; }
      .footer .social-footer .footer-social-ico.footer-linkedin {
        background-position: 0px -48px; }
      .footer .social-footer .footer-social-ico.footer-xing {
        background-position: 0px -96px; }
  .footer a {
    color: #707583;
    text-decoration: none; }
    .footer a:hover {
      color: #9e9e9e; }
  .footer .footer-block {
    margin-bottom: 25px; }
  .footer #footer-left #footer-lb {
    display: none; }
  .footer #footer-left .footer-title-about,
  .footer #footer-left .footer-about-text {
    display: none; }
  .footer #footer-right #footer-rt {
    display: none;
    margin-bottom: 0px; }
  .footer #footer-right .footer-form {
    margin-bottom: 20px; }
    .footer #footer-right .footer-form .footer-form-title {
      margin-top: 0px; }
    .footer #footer-right .footer-form p {
      margin: 5px 0; }
    .footer #footer-right .footer-form .hs-form-field {
      margin-left: auto;
      margin-right: auto;
      max-width: 250px; }
    .footer #footer-right .footer-form .hs_submit {
      margin-top: 0px; }
    .footer #footer-right .footer-form input {
      height: 35px;
      line-height: 35px; }

/*
if you checked out the link above:
http://www.alistapart.com/articles/organizing-mobile/
you'll want to style the footer nav
a bit more in-depth. Remember to keep
it simple because you'll have to
override these styles for the desktop
view.
*/
.footer-links ul#menu-footer {
  margin-bottom: 0px; }
  .footer-links ul#menu-footer li a {
    color: #707583;
    font-size: 1.75em;
    font-family: "proxima", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold; }
  .footer-links ul#menu-footer li ul.sub-menu {
    display: none; }
    .footer-links ul#menu-footer li ul.sub-menu li a {
      font-family: "proxima", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1em;
      font-weight: normal; }

/* end .footer-links */
#privacy {
  text-align: center; }
  #privacy .legal-nav {
    display: inline-block; }
    #privacy .legal-nav li {
      display: inline;
      margin: 0 5px; }
      #privacy .legal-nav li a {
        color: #9e9e9e; }
    #privacy .legal-nav li.no-hover a {
      cursor: default; }

#footer-lang-container {
  display: none; }
  #footer-lang-container #footer-lang ul {
    margin: 0px; }
    #footer-lang-container #footer-lang ul li {
      padding: 0px; }

.cookie {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7px 15px;
  text-align: left;
  color: #666;
  font-size: 0.8em;
  background-color: #f2f2f2;
  border-top: 1px solid #e4e4e4;
  z-index: 200; }

.cookie a {
  text-decoration: underline;
  color: #0099ff; }

.cookie a:hover {
  text-decoration: none; }

.cookie_btn {
  display: inline;
  margin-left: 15px;
  padding: 4px 10px;
  color: #FFFFFF;
  background-color: #0099ff;
  border-radius: 3px;
  cursor: pointer;
  font-family: "proxima", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold; }

.cookie_btn-error {
  background-color: #e84e40; }

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
  margin: 1.5em auto; }

.pagination {
  text-align: center; }
  .pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border-radius: 3px; }
  .pagination a, .pagination span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
    display: block; }
  .pagination .current {
    cursor: default;
    color: #76777d; }
    .pagination .current:hover, .pagination .current:focus {
      background-color: #FFFFFF;
      color: #76777d; }
  .pagination .page-numbers li {
    margin: 0 5px;
    padding: 0;
    float: left;
    display: inline;
    overflow: hidden; }
    .pagination .page-numbers li .page-numbers {
      width: 47px;
      height: 47px;
      border: 2px solid #0099ff;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
      color: #0099ff;
      padding: 0px;
      text-align: center;
      line-height: 47px; }
      .pagination .page-numbers li .page-numbers:hover, .pagination .page-numbers li .page-numbers:active, .pagination .page-numbers li .page-numbers:focus {
        background-color: #0099ff;
        color: #FFFFFF;
        border: 2px solid #0099ff; }
      .pagination .page-numbers li .page-numbers.current {
        color: #b9b9b9;
        border: 2px solid #b9b9b9; }
        .pagination .page-numbers li .page-numbers.current:hover {
          background-color: transparent; }
      .pagination .page-numbers li .page-numbers.next {
        font-family: "ss-standard"; }
      .pagination .page-numbers li .page-numbers.prev {
        font-family: "ss-standard"; }

.popin-form-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.3); }

.popin-form-inner {
  background-color: #373D4D;
  position: relative;
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(38, 40, 45, 0.1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(38, 40, 45, 0.1);
  -o-box-shadow: 0px 0px 10px 5px rgba(38, 40, 45, 0.1);
  box-shadow: 0px 0px 10px 5px rgba(38, 40, 45, 0.1);
  color: #FFFFFF; }
  .popin-form-inner label {
    color: #FFFFFF; }

.popin-form {
  padding: 10px 20px;
  position: relative; }
  .popin-form .hs-form fieldset.form-columns-1 .hs-input {
    width: 100%;
    max-width: none; }

.flexbox .popin-form-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }

.no-flexbox .popin-form {
  margin-top: 10px; }

.popin-form-title {
  text-align: center;
  margin: 0px 0 5px;
  color: #FFFFFF;
  font-size: 1.3em;
  font-weight: bold; }

.popin-logo-title {
  color: #FFFFFF;
  margin-bottom: 15px; }

.popin-form-subtitle {
  display: block;
  margin-bottom: 10px;
  text-align: center; }

#popin-demo-form .mfp-close {
  background-color: #FFFFFF;
  text-align: center;
  width: 30px !important;
  height: 30px !important;
  position: absolute !important;
  right: -15px !important;
  top: -15px !important;
  color: #8c93a0;
  font-weight: bold;
  line-height: 30px !important;
  cursor: pointer;
  padding: 0px !important;
  font-size: 20px !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.mfp-close:active {
  top: -15px; }

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

.popin-form .submitted-message {
  text-align: center;
  margin-top: 20px;
  font-weight: bold; }

.popin-phone {
  display: block;
  text-align: center;
  margin-top: 20px; }
  .popin-phone [data-icon]::before {
    color: #FFFFFF; }
  .popin-phone a {
    color: #FFFFFF; }
    .popin-phone a:hover, .popin-phone a:focus {
      color: #FFFFFF; }

/***********************

Démo - Product Page - Glossary

***********************/
.global-demo-wrapper {
  position: relative; }
  .global-demo-wrapper .demo-section {
    background-color: #FFFFFF;
    text-align: center;
    padding: 25px 0;
    font-weight: normal; }
    .global-demo-wrapper .demo-section.gray-background {
      background-color: #F4F6FA; }
  .global-demo-wrapper .demo-title {
    margin-top: 0px;
    margin-bottom: 10px; }
  .global-demo-wrapper .demo-content {
    max-width: 600px;
    margin-right: auto;
    margin-left: auto; }
  .global-demo-wrapper .idz-btn-nav {
    font-size: 16px; }
  .global-demo-wrapper .demo-section-image img {
    max-width: 90%; }

/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left; }
.wp-prev-next .next-link {
  float: right; }

/* end .wp-prev-next */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: .8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial,Baskerville,monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: .65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: .7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 55%; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/*****************************
HEADER PRODUCT PAGES
*****************************/
.container.white-container .pages-header {
  min-height: 0px; }

#content {
  line-height: 1.5em !important; }

/* CGU */
.pages-wrap {
  max-width: 800px;
  margin: 0 auto; }
  .pages-wrap h1 {
    text-transform: none;
    font-size: 2em; }
  .pages-wrap h2 {
    font-size: 1.4em; }
  .pages-wrap ul {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 20px;
    margin: 5px auto; }
  .pages-wrap p {
    margin: 10px auto; }

/* SEARCH */
.search-wrap {
  max-width: 950px;
  margin: 0 auto;
  padding: 0 25px; }

.search-result {
  border-bottom: 1px solid #e5e5e5;
  padding: 30px 0; }
  .search-result .byline {
    margin-top: 10px; }
    .search-result .byline a {
      color: #b9b9b9; }

.result-content {
  color: #555b64; }
  .result-content p {
    margin-top: 10px; }

.search-title {
  font-size: 1.3em; }

article.search-result:last-child {
  border-bottom: none; }

.top-search-page {
  padding-top: 120px;
  border-bottom: 1px solid #dfe7ec; }
  .top-search-page .top-search-page-form .top-search-input {
    width: calc(100% - 60px);
    max-width: none;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    float: left;
    box-sizing: border-box;
    margin-bottom: 35px;
    border-top: 1px solid #dfe7ec;
    border-left: 1px solid #dfe7ec;
    border-bottom: 1px solid #dfe7ec; }
  .top-search-page .top-search-page-form button {
    border: 0px;
    -webkit-appearance: none;
    webkit-backface-visibility: hidden;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #09f;
    display: inline-block;
    height: 60px;
    width: 60px;
    float: left; }
    .top-search-page .top-search-page-form button span {
      line-height: 60px; }
      .top-search-page .top-search-page-form button span::before {
        line-height: 65px;
        font-size: 30px;
        color: #FFFFFF; }

/*	GLOSSARY	*/
#glossary-content {
  background-color: #f4f6fa; }

#glossary-content-archive {
  background-color: #f4f6fa;
  text-align: center; }
  #glossary-content-archive a {
    color: #2a2e3a; }
    #glossary-content-archive a:hover {
      color: #0099ff;
      font-weight: bold; }
  #glossary-content-archive .glossary-nav-item a {
    display: block;
    height: 30px;
    width: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 10px auto;
    -webkit-transition: all 0.01s ease-in;
    transition: all 0.01s ease-in; }
  #glossary-content-archive .glossary-nav-item .active {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0099ff; }

#glossary-content .wrap {
  max-width: 900px;
  text-align: center; }
  #glossary-content .wrap img {
    max-width: 100%;
    height: auto;
    margin: 30px auto 0; }

.glossary-nav-wrapper {
  background-color: #FFFFFF;
  margin-bottom: 50px;
  width: 100%;
  border-top: 1px solid #dfe7ec;
  border-bottom: 1px solid #dfe7ec; }
  .glossary-nav-wrapper ul {
    font-size: 0; }
    .glossary-nav-wrapper ul li {
      display: inline-block;
      width: calc(100% / 26);
      margin: 0;
      padding: 0;
      text-transform: uppercase;
      font-size: 15px; }
  .glossary-nav-wrapper.glossary-sticky {
    position: fixed;
    top: 100px; }

.glossary-title {
  margin-bottom: 40px; }

.glossary-single-title {
  text-transform: none;
  font-weight: normal;
  margin-top: 35px;
  font-size: 2em; }

.glossary-alphabet {
  width: 91px;
  height: 96px;
  background-color: transparent;
  background-image: url("../images/glossary/glossary-alphabet-sprite.png");
  background-repeat: no-repeat;
  margin: 0 auto; }
  .glossary-alphabet.letter-a {
    background-position: 0px 0px; }
  .glossary-alphabet.letter-b {
    background-position: 0px -96px; }
  .glossary-alphabet.letter-c {
    background-position: 0px -192px; }
  .glossary-alphabet.letter-d {
    background-position: 0px -288px; }
  .glossary-alphabet.letter-e {
    background-position: 0px -384px; }
  .glossary-alphabet.letter-f {
    background-position: 0px -480px; }
  .glossary-alphabet.letter-g {
    background-position: 0px -576px; }
  .glossary-alphabet.letter-h {
    background-position: 0px -672px; }
  .glossary-alphabet.letter-i {
    background-position: 0px -768px; }
  .glossary-alphabet.letter-j {
    background-position: 0px -864px; }
  .glossary-alphabet.letter-k {
    background-position: 0px -960px; }
  .glossary-alphabet.letter-l {
    background-position: 0px -1056px; }
  .glossary-alphabet.letter-m {
    background-position: 0px -1152px; }
  .glossary-alphabet.letter-n {
    background-position: 0px -1248px; }
  .glossary-alphabet.letter-o {
    background-position: 0px -1344px; }
  .glossary-alphabet.letter-p {
    background-position: 0px -1440px; }
  .glossary-alphabet.letter-q {
    background-position: 0px -1536px; }
  .glossary-alphabet.letter-r {
    background-position: 0px -1632px; }
  .glossary-alphabet.letter-s {
    background-position: 0px -1728px; }
  .glossary-alphabet.letter-t {
    background-position: 0px -1824px; }
  .glossary-alphabet.letter-u {
    background-position: 0px -1920px; }
  .glossary-alphabet.letter-v {
    background-position: 0px -2016px; }
  .glossary-alphabet.letter-w {
    background-position: 0px -2112px; }
  .glossary-alphabet.letter-x {
    background-position: 0px -2208px; }
  .glossary-alphabet.letter-y {
    background-position: 0px -2304px; }
  .glossary-alphabet.letter-z {
    background-position: 0px -2400px; }

.footer-single-glossary {
  text-align: center;
  padding: 40px 0;
  background: transparent url("../images/glossary/glossary-background.jpg") repeat center center; }

.links-content {
  text-align: center;
  padding: 20px 0 40px;
  background-color: #FFFFFF; }

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {
  /***********************
  
  Démo - Product Page - Glossary
  
  ***********************/
  .global-demo-wrapper .demo-section {
    padding: 50px 0; }
  .global-demo-wrapper .cs-demo-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
  .global-demo-wrapper .demo-section-content {
    text-align: left;
    padding-left: 100px; }
    .global-demo-wrapper .demo-section-content p {
      margin-top: 0px; }

  /*********************
  FOOTER STYLES
  *********************/
  .footer #footer-right .footer-form .hs-form-field {
    width: 60%;
    display: inline-block;
    vertical-align: middle; }
  .footer #footer-right .footer-form .hs_submit {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    margin-top: 9px;
    margin-left: 10px; } }
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    width: 760px; }

  /*********************
  HEADER STYLES
  *********************/
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  .content {
    padding-top: 50px; }
    .content .content-wrap {
      padding-top: 75px;
      padding-bottom: 75px; }
    .content .pages-title {
      font-size: 2em; }
    .content .pages-subtitle {
      font-size: 1.6em;
      max-width: 400px; }
    .content .pages-section-title {
      font-size: 1.5em; }

  .idz-card {
    display: inline-block; }
    .idz-card.resource-card {
      width: 240px;
      margin: 40px 10px; }
      .idz-card.resource-card .idz-resource-card-image {
        height: 150px; }
        .idz-card.resource-card .idz-resource-card-image img {
          max-width: 240px;
          height: 140px; }

  /*********************
  FOOTER STYLES
  *********************/
  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
  .footer-links ul li {
    /*
    be careful with the depth of your menus.
    it's very rare to have multi-depth menus in
    the footer.
    */ }

  /* end .footer-links */
  #privacy {
    text-align: center; }
    #privacy .legal-nav {
      display: inline-block; }
      #privacy .legal-nav li {
        margin: 0px 15px 0 0;
        float: left; }

  /* Language selector dropdown styles */
  #footer-lang {
    display: block;
    line-height: 30px; }
    #footer-lang ul {
      display: inline-block; }
    #footer-lang ul.lang-selector {
      cursor: pointer;
      display: inline-block;
      text-decoration: none;
      margin-top: 0;
      margin-left: 20px; }
      #footer-lang ul.lang-selector li {
        width: 100px; }
      #footer-lang ul.lang-selector li.first {
        background-color: #f1f1f1;
        color: #9e9e9e;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
        #footer-lang ul.lang-selector li.first a.lang-ddown {
          padding-left: 10px;
          padding-right: 5px; }
          #footer-lang ul.lang-selector li.first a.lang-ddown::after {
            content: "\25BC";
            display: inline;
            font-size: 10px;
            margin-left: 20px; }
        #footer-lang ul.lang-selector li.first span:first-child {
          height: 5px;
          line-height: 6px;
          padding-left: 0px;
          position: absolute;
          right: -6px;
          top: 4px; }
        #footer-lang ul.lang-selector li.first .lang-dd {
          background-color: #f1f1f1;
          overflow: hidden;
          position: absolute;
          text-align: center;
          top: 15px;
          z-index: 100000;
          visibility: hidden;
          border-top: 1px solid #ababab;
          display: block;
          -webkit-border-radius: 0 0 5px 5px;
          -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px; }
          #footer-lang ul.lang-selector li.first .lang-dd .language {
            clear: both;
            display: block;
            text-align: left;
            text-transform: none; }
            #footer-lang ul.lang-selector li.first .lang-dd .language a {
              color: #9e9e9e; }
              #footer-lang ul.lang-selector li.first .lang-dd .language a:hover {
                color: #ababab; }
        #footer-lang ul.lang-selector li.first:hover > ul.lang-dd {
          top: auto;
          visibility: visible;
          display: block; }
          #footer-lang ul.lang-selector li.first:hover > ul.lang-dd ul {
            visibility: visible;
            display: block; }
      #footer-lang ul.lang-selector a {
        color: #9e9e9e;
        padding: 0 20px; }

  .footer-links ul#menu-footer li a:hover {
    color: #5b5f6a; }
  .footer-links ul#menu-footer li ul.sub-menu li a:hover {
    color: #5b5f6a; }

  /* end .footer-links */
  .popin-form-inner {
    width: 500px; }

  .popin-form {
    padding: 40px 60px; }

  /***********************
  
  Démo - Product Page - Glossary
  
  ***********************/
  .global-demo-wrapper .demo-section {
    padding: 50px 0; }
  .global-demo-wrapper .cs-demo-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
  .global-demo-wrapper .demo-section-content {
    text-align: left;
    padding-left: 100px; }
    .global-demo-wrapper .demo-section-content p {
      margin-top: 0px; }

  .pages-header #inner-header #header-content img.normal-logo {
    width: 110px;
    height: auto; }

  .sector-section .industries_wrapper .industry_single_item_wrapper {
    width: 30%;
    margin: 0 1% 10px;
    height: 220px; }
    .sector-section .industries_wrapper .industry_single_item_wrapper .resource-image {
      width: 45px;
      height: 45px; }
    .sector-section .industries_wrapper .industry_single_item_wrapper:hover .resource-image {
      width: 50px;
      height: 50px; }
  .sector-section .client-bottom {
    height: 300px;
    -webkit-flex-direction: row;
    flex-direction: row; }
    .sector-section .client-bottom .client-bottom-left {
      height: 100%; }
    .sector-section .client-bottom .client-bottom-right {
      height: 100%; } }
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1030px) {
  /* GLOBAL */
  /* MENU */
  /* HOMEPAGE */
  /* TOUR */
  /* PARTNER LEAGUE */
  /* IBBU */
  /* RESOURCE */
  /* PRODUCT PAGES */
  /*----Engage----*/
  /* CARDS */
  /* COMPANY */
  /* HAMBURGER MENU */
  /* OLD PAGES VARIABLES */
  /* GLOBAL */
  /* MENU */
  /* MENU XXL */
  /* HOMEPAGE */
  /*
  Here's a great tutorial on how to
  use color variables properly:
  http://sachagreif.com/sass-color-variables/
  */
  /* BUTTON COLOR */
  /* INDUSTRIES */
  /* RESOURCES */
  /* CLIENT */
  /* NEW iAdvize MENU */
  /* SEARCH */
  /* COMPANY */
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Mixins Stylesheet
  
  This is where you can take advantage of Sass' great features: Mixins.
  I won't go in-depth on how they work exactly,
  there are a few articles below that will help do that. What I will
  tell you is that this will help speed up simple changes like
  changing a color or adding CSS3 techniques gradients.
  
  A WORD OF WARNING: It's very easy to overdo it here. Be careful and
  remember less is more.
  
  Helpful:
  http://sachagreif.com/useful-sass-mixins/
  http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
  http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/
  
  ******************************************************************/
  /*********************
  TRANSITION
  *********************/
  /*
  I totally rewrote this to be cleaner and easier to use.
  You'll need to be using Sass 3.2+ for these to work.
  Thanks to @anthonyshort for the inspiration on these.
  USAGE: @include transition(all 0.2s ease-in-out);
  */
  /*********************
  CSS3 GRADIENTS
  Be careful with these since they can
  really slow down your CSS. Don't overdo it.
  *********************/
  /* @include css-gradient(#dfdfdf,#f8f8f8); */
  /*********************
  BOX SIZING
  *********************/
  /* @include box-sizing(border-box); */
  /* NOTE: value of "padding-box" is only supported in Gecko. So
  probably best not to use it. I mean, were you going to anyway? */
  /* BORDER RADIUS */
  /* BOX SHADOW */
  /* TRANSFORM */
  /* FILTER */
  /* FLEXBOX */
  #logo {
    padding-top: 7px; }
    #logo a.home-logo-link .iadvize-logo {
      padding-top: 0px; }

  .primary-menu__wrapper {
    display: block; }

  .primary-menu {
    font-weight: bold;
    height: 62px;
    position: relative; }
    .primary-menu__wrapper {
      width: 100%; }
    .primary-menu > .nav > ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .primary-menu > .nav > ul > li {
        float: left;
        border-top: 2px solid transparent;
        cursor: pointer;
        opacity: 1;
        -webkit-transition: opacity 0.2s ease-out;
        transition: opacity 0.2s ease-out; }
        .primary-menu > .nav > ul > li:hover > a {
          color: #26282d;
          position: relative; }
        .primary-menu > .nav > ul > li.has-mega-menu > a::after, .primary-menu > .nav > ul > li.has-mega-menu-list > a::after {
          content: '▾';
          margin-left: 5px; }
        .primary-menu > .nav > ul > li.has-mega-menu:hover > a, .primary-menu > .nav > ul > li.has-mega-menu-list:hover > a {
          color: #26282d;
          position: relative; }
          .primary-menu > .nav > ul > li.has-mega-menu:hover > a::before, .primary-menu > .nav > ul > li.has-mega-menu-list:hover > a::before {
            bottom: -11px;
            right: 11px;
            border: solid transparent;
            content: " ";
            height: 15px;
            width: 15px;
            position: absolute;
            pointer-events: none;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            border-left: 1px solid #E0E5ED;
            border-top: 1px solid #E0E5ED;
            background-color: #FFFFFF;
            z-index: 9001; }
        .primary-menu > .nav > ul > li.current-nav-parent > a {
          color: #26282d; }
        .primary-menu > .nav > ul > li.has-mega-menu:hover .mega-menu__wrapper {
          display: block; }
        .primary-menu > .nav > ul > li.has-mega-menu-list:hover .mega-menu__wrapper {
          display: block; }
        .primary-menu > .nav > ul > li > a {
          box-sizing: border-box;
          display: block;
          line-height: 40px;
          padding: 10px 12px;
          text-decoration: none;
          color: #8c93a0;
          font-size: 14px; }

  .mega-menu {
    position: relative;
    /* Rectangle: */
    /* sub navigation within the mega menu */ }
    .mega-menu__wrapper {
      right: 0;
      min-height: 320px;
      padding: 0px 0 10px;
      position: absolute;
      width: 950px;
      z-index: 9000;
      display: none; }
    .mega-menu__content {
      background: white;
      box-shadow: 0px 10px 15px 0px rgba(42, 46, 48, 0.1);
      border-radius: 4px;
      width: 950px;
      float: right;
      border: 1px solid #E0E5ED;
      position: relative; }
    .mega-menu__subnav {
      float: left;
      margin-right: 0;
      width: 100%; }
      .mega-menu__subnav .subnav {
        list-style-type: none;
        margin: 0;
        padding: 50px; }
        .mega-menu__subnav .subnav__sub-items {
          border-top: 1px solid #dfe7ec;
          padding-top: 50px;
          text-align: center; }
          .mega-menu__subnav .subnav__sub-items li.subnav-item {
            margin-bottom: 0px; }
        .mega-menu__subnav .subnav div.subnav-list__wrapper:hover .subnav-icon.allType {
          background-image: url("../images/menu/alltype.svg"); }
        .mega-menu__subnav .subnav div.subnav-list__wrapper:hover .subnav-icon.allSector {
          background-image: url("../images/menu/allsector.svg"); }
        .mega-menu__subnav .subnav div.subnav-list__wrapper:hover .subnav-icon.glossary {
          background-image: url("../images/menu/glossary.svg"); }
        .mega-menu__subnav .subnav div.subnav-list__wrapper:hover .subnav-icon.jtc {
          background-image: url("../images/menu/jtc.svg"); }
        .mega-menu__subnav .subnav div.subnav-list__wrapper:hover .subnav-icon.links {
          background-image: url("../images/menu/links.svg"); }
        .mega-menu__subnav .subnav div.subnav-list__wrapper li.current-nav.allType {
          background-image: url("../images/menu/alltype.svg"); }
        .mega-menu__subnav .subnav div.subnav-list__wrapper li.current-nav.allSector {
          background-image: url("../images/menu/allsector.svg"); }
        .mega-menu__subnav .subnav div.subnav-list__wrapper li.current-nav.glossary {
          background-image: url("../images/menu/glossary.svg"); }
        .mega-menu__subnav .subnav div.subnav-list__wrapper li.current-nav.jtc {
          background-image: url("../images/menu/jtc.svg"); }
        .mega-menu__subnav .subnav div.subnav-list__wrapper li.current-nav.links {
          background-image: url("../images/menu/links.svg"); }
        .mega-menu__subnav .subnav li {
          line-height: 20px;
          margin-bottom: 20px;
          padding: 0 20px; }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.engage {
            background-image: url("../images/menu/engage.svg"); }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.connect {
            background-image: url("../images/menu/connect.svg"); }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.assist {
            background-image: url("../images/menu/assist.svg"); }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.optimise {
            background-image: url("../images/menu/optimise.svg"); }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.ecommerce {
            background-image: url("../images/menu/ecommerce.svg"); }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.bankInsurance {
            background-image: url("../images/menu/bankinsurance.svg"); }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.fashion {
            background-image: url("../images/menu/fashion.svg"); }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.etourism {
            background-image: url("../images/menu/etourism.svg"); }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.doItYourself {
            background-image: url("../images/menu/diy.svg"); }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.highTech {
            background-image: url("../images/menu/hightech.svg"); }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.sport {
            background-image: url("../images/menu/sport.svg"); }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.partnerLeague {
            background-image: url("../images/menu/partnerleague.svg"); }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.partnership {
            background-image: url("../images/menu/partnership.svg"); }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.ecosystem {
            background-image: url("../images/menu/ecosystem.svg"); }
          .mega-menu__subnav .subnav li.current-nav .subnav-icon.partners {
            background-image: url("../images/menu/partners.svg"); }
          .mega-menu__subnav .subnav li p {
            font-size: 15px;
            font-weight: normal; }
          .mega-menu__subnav .subnav li .subnav-icon {
            width: 61px;
            height: 61px;
            margin-bottom: 10px;
            background-repeat: no-repeat;
            background-position: center center; }
            .mega-menu__subnav .subnav li .subnav-icon.engage {
              background-image: url("../images/menu/engage-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.connect {
              background-image: url("../images/menu/connect-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.assist {
              background-image: url("../images/menu/assist-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.optimise {
              background-image: url("../images/menu/optimise-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.ecommerce {
              background-image: url("../images/menu/ecommerce-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.bankInsurance {
              background-image: url("../images/menu/bankinsurance-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.fashion {
              background-image: url("../images/menu/fashion-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.etourism {
              background-image: url("../images/menu/etourism-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.doItYourself {
              background-image: url("../images/menu/diy-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.highTech {
              background-image: url("../images/menu/hightech-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.sport {
              background-image: url("../images/menu/sport-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.allType {
              background-image: url("../images/menu/alltype-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.allSector {
              background-image: url("../images/menu/allsector-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.glossary {
              background-image: url("../images/menu/glossary-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.partnerLeague {
              background-image: url("../images/menu/partnerleague-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.partnership {
              background-image: url("../images/menu/partnership-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.ecosystem {
              background-image: url("../images/menu/ecosystem-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.partners {
              background-image: url("../images/menu/partners-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.jtc {
              background-image: url("../images/menu/jtc-grey.svg"); }
            .mega-menu__subnav .subnav li .subnav-icon.links {
              background-image: url("../images/menu/links-grey.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.engage {
            background-image: url("../images/menu/engage.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.connect {
            background-image: url("../images/menu/connect.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.assist {
            background-image: url("../images/menu/assist.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.optimise {
            background-image: url("../images/menu/optimise.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.ecommerce {
            background-image: url("../images/menu/ecommerce.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.bankInsurance {
            background-image: url("../images/menu/bankinsurance.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.fashion {
            background-image: url("../images/menu/fashion.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.etourism {
            background-image: url("../images/menu/etourism.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.doItYourself {
            background-image: url("../images/menu/diy.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.highTech {
            background-image: url("../images/menu/hightech.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.sport {
            background-image: url("../images/menu/sport.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.partnerLeague {
            background-image: url("../images/menu/partnerleague.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.partnership {
            background-image: url("../images/menu/partnership.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.ecosystem {
            background-image: url("../images/menu/ecosystem.svg"); }
          .mega-menu__subnav .subnav li:hover .subnav-icon.partners {
            background-image: url("../images/menu/partners.svg"); }
          .mega-menu__subnav .subnav li a {
            text-decoration: none;
            color: #26282d; }
            .mega-menu__subnav .subnav li a p {
              color: #8c93a0; }

  .has-mega-menu-list .mega-menu {
    font-weight: normal; }
    .has-mega-menu-list .mega-menu__content {
      width: auto; }
    .has-mega-menu-list .mega-menu__subnav {
      float: left;
      margin-right: 0;
      width: 100%; }
      .has-mega-menu-list .mega-menu__subnav .subnav {
        list-style-type: none;
        margin: 0;
        padding: 50px; }
        .has-mega-menu-list .mega-menu__subnav .subnav li {
          line-height: 20px;
          margin-bottom: 15px; }
          .has-mega-menu-list .mega-menu__subnav .subnav li:hover {
            font-weight: bold; }
            .has-mega-menu-list .mega-menu__subnav .subnav li:hover p {
              font-weight: bold; }
          .has-mega-menu-list .mega-menu__subnav .subnav li p {
            font-size: 16px;
            font-weight: normal; }
          .has-mega-menu-list .mega-menu__subnav .subnav li a {
            color: #555b64; }
            .has-mega-menu-list .mega-menu__subnav .subnav li a p {
              color: #555b64; }
          .has-mega-menu-list .mega-menu__subnav .subnav li .subnav-icon {
            margin-bottom: 10px; }
    .has-mega-menu-list .mega-menu .mm-item {
      font-weight: bold;
      font-size: 20px; }
      .has-mega-menu-list .mega-menu .mm-item p {
        font-size: 16px; }

  #mobile-side-nav-block, .hamburger {
    display: none; }

  #header-nav-block {
    float: right;
    width: calc(100% - 130px);
    padding-top: 4px; }

  @keyframes menu-anim {
    from {
      opacity: 0; }
    to {
      opacity: 1; } }
  .header {
    height: auto; }
    .header .nav {
      float: right; }

  #header-wrapper {
    min-height: 82px; }

  .header {
    padding-top: 0px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .header .fixed-menu {
      position: relative;
      top: 0;
      width: 100%;
      z-index: 1000;
      background-color: transparent; }
    .header.sticky-main .fixed-menu {
      position: fixed;
      top: 0;
      background-color: transparent;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -o-box-shadow: none;
      box-shadow: none;
      padding: 10px; }
      .header.sticky-main .fixed-menu #header-content {
        border-radius: 5px;
        background-color: #FFF;
        -webkit-box-shadow: 0 0 30px 0 rgba(38, 40, 45, 0.1);
        -moz-box-shadow: 0 0 30px 0 rgba(38, 40, 45, 0.1);
        -o-box-shadow: 0 0 30px 0 rgba(38, 40, 45, 0.1);
        box-shadow: 0 0 30px 0 rgba(38, 40, 45, 0.1);
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: menu-anim; }

  .sticky-main #menu_cta_wrapper .nav-top-hidden {
    display: inline-block;
    text-align: center; }
  .sticky-main #menu_cta_wrapper .nav-top-displayed {
    display: none; }

  #menu_cta_wrapper {
    padding-top: 11px; }
    #menu_cta_wrapper .nav-top-hidden {
      display: none;
      text-decoration: none;
      background-color: #1bc74e;
      border-color: #1bc74e;
      line-height: 32px;
      height: 36px;
      color: #FFFFFF;
      padding: 0 15px; }
      #menu_cta_wrapper .nav-top-hidden:hover {
        background-color: #1dd453;
        border-color: #1dd453; }
    #menu_cta_wrapper .nav-top-displayed {
      display: inline-block;
      text-align: center;
      text-decoration: none;
      line-height: 32px;
      height: 36px;
      padding: 0 15px;
      border-color: #8c93a0; }
      #menu_cta_wrapper .nav-top-displayed:hover {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: #26282d; }

  #header-content.searchform-open .primary-menu > .nav > ul > li.search-hide {
    opacity: 0; }
  #header-content #search-button {
    display: block;
    width: 40px;
    float: right;
    height: 62px;
    padding-top: 9px;
    position: relative;
    margin-left: 0px; }

  /* Here's the new CSS to add... */
  .logged-in .header {
    margin-top: 32px; }

  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.
  
  ******************************************************************/
  body {
    line-height: 25px; }

  .wrap {
    width: 1000px; }

  .desktop-wrap {
    margin: 0 auto;
    width: 1000px; }

  /*********************
  DIDOMI
  *********************/
  #didomi-host {
    font-family: "proxima", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #707689 !important; }

  #didomi-host #text {
    color: #707689 !important;
    font-size: 20px;
    line-height: 25px; }

  .standard-button,
  .highlight-button {
    border-radius: 50px !important;
    border: none !important;
    margin: 10px !important;
    font-size: 15px !important;
    line-height: 40px !important; }

  .highlight-button {
    text-decoration: none !important;
    color: #FFF !important; }
    .highlight-button:hover {
      background-color: #1dd453 !important; }

  .standard-button {
    color: #707689 !important; }

  #didomi-host #didomi-notice.shape-box.bottom.left {
    box-shadow: 0 0 30px 0 rgba(38, 40, 45, 0.2);
    border-radius: 7px;
    max-width: 450px; }

  /*********************
  Content Style
  *********************/
  #content {
    margin-top: 1.5em; }

  .content {
    padding-top: 50px;
    text-align: left;
    font-size: 1em; }
    .content.no-sub-menu {
      padding-top: 120px; }
    .content .pages-section-title {
      font-size: 1.75em;
      text-align: left; }
    .content .pages-title {
      max-width: 800px; }
    .content .product-text {
      text-align: left;
      margin-right: 0;
      margin-left: 0; }
    .content .content-wrap {
      padding-top: 100px;
      padding-bottom: 100px; }
      .content .content-wrap.no-padding {
        padding-top: 0px; }
    .content .pages-oversized-image {
      max-height: none;
      max-width: none;
      margin: 0px auto; }
      .content .pages-oversized-image.none-oversized {
        max-width: 50vw; }
      .content .pages-oversized-image.left-oversized {
        float: right;
        margin-bottom: 0px; }
    .content .vertical-align-section {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center; }
      .content .vertical-align-section.desktop-reversed {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    .content .content-desc-inner {
      max-width: 450px;
      margin-right: auto;
      margin-left: auto; }
    .content .pages-image-no-max {
      max-height: none;
      max-width: none; }

  .hide-mobile {
    display: block; }

  .hide-desktop {
    display: none; }

  /* iAdvize Cards */
  .idz-card {
    display: inline-block; }
    .idz-card.resource-card {
      width: 300px;
      margin: 40px 20px; }
      .idz-card.resource-card .idz-resource-card-image {
        height: 200px; }
        .idz-card.resource-card .idz-resource-card-image img {
          max-width: 300px;
          height: 200px; }

  /*********************
  FOOTER STYLES
  *********************/
  .footer {
    text-align: left;
    padding: 50px; }
    .footer h2 {
      font-weight: bold;
      font-size: 1.3em; }
    .footer #footer-left #footer-lb {
      display: block; }
    .footer #footer-left .footer-about-image {
      width: 100px;
      float: left; }
    .footer #footer-left .footer-about-text {
      width: calc(100% - 110px);
      float: left; }
      .footer #footer-left .footer-about-text p {
        padding: 0 15px;
        margin: 0px; }
    .footer #footer-left .footer-title-about,
    .footer #footer-left .footer-about-text {
      display: block; }
    .footer #footer-right {
      border-top: 0px; }
      .footer #footer-right #footer-rt {
        display: block; }
      .footer #footer-right .footer-form {
        margin-right: 0;
        margin-left: 0;
        padding-right: 30px; }
        .footer #footer-right .footer-form .hs-form-field {
          width: 60%;
          float: left; }
        .footer #footer-right .footer-form .hs_submit {
          width: 25%;
          float: left;
          margin-top: 19px; }

  #footer-lang-container {
    display: block; }

  #footer-legal {
    border-top: 1px solid #f1f1f1;
    padding: 10px; }
    #footer-legal #footer-logo-gartner {
      float: right; }

  #privacy {
    text-align: center;
    float: left; }
    #privacy .legal-nav {
      display: inline-block; }
      #privacy .legal-nav li {
        margin: 0px 15px 0 0;
        float: left; }

  /* Language selector dropdown styles */
  #footer-lang {
    display: block;
    line-height: 30px; }
    #footer-lang ul {
      display: inline-block; }
    #footer-lang ul.lang-selector {
      cursor: pointer;
      display: inline-block;
      text-decoration: none;
      margin-top: 0;
      margin-left: 20px; }
      #footer-lang ul.lang-selector li {
        width: 100px; }
      #footer-lang ul.lang-selector li.first {
        background-color: #f1f1f1;
        color: #9e9e9e;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
        #footer-lang ul.lang-selector li.first a.lang-ddown {
          padding-left: 10px;
          padding-right: 5px; }
          #footer-lang ul.lang-selector li.first a.lang-ddown::after {
            content: "\25BC";
            display: inline;
            font-size: 10px;
            margin-left: 20px; }
        #footer-lang ul.lang-selector li.first span:first-child {
          height: 5px;
          line-height: 6px;
          padding-left: 0px;
          position: absolute;
          right: -6px;
          top: 4px; }
        #footer-lang ul.lang-selector li.first .lang-dd {
          background-color: #f1f1f1;
          overflow: hidden;
          position: absolute;
          text-align: center;
          top: 15px;
          z-index: 100000;
          visibility: hidden;
          border-top: 1px solid #ababab;
          display: block;
          -webkit-border-radius: 0 0 5px 5px;
          -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px; }
          #footer-lang ul.lang-selector li.first .lang-dd .language {
            clear: both;
            display: block;
            text-align: left;
            text-transform: none; }
            #footer-lang ul.lang-selector li.first .lang-dd .language a {
              color: #9e9e9e; }
              #footer-lang ul.lang-selector li.first .lang-dd .language a:hover {
                color: #ababab; }
        #footer-lang ul.lang-selector li.first:hover > ul.lang-dd {
          top: auto;
          visibility: visible;
          display: block; }
          #footer-lang ul.lang-selector li.first:hover > ul.lang-dd ul {
            visibility: visible;
            display: block; }
      #footer-lang ul.lang-selector a {
        color: #9e9e9e;
        padding: 0 20px; }

  .footer-links ul#menu-footer li {
    float: left;
    margin-right: 30px; }
    .footer-links ul#menu-footer li a {
      font-weight: bold;
      font-size: 1.3em;
      color: #555b64; }
      .footer-links ul#menu-footer li a:hover {
        color: #5b5f6a; }
    .footer-links ul#menu-footer li ul.sub-menu {
      display: block; }
      .footer-links ul#menu-footer li ul.sub-menu li {
        float: none; }
        .footer-links ul#menu-footer li ul.sub-menu li a:hover {
          color: #5b5f6a; }

  /* end .footer-links */
  /***********************
  
  Démo - Product Page - Glossary
  
  ***********************/
  .global-demo-wrapper .demo-section {
    padding: 75px 0;
    margin-bottom: 0px !important; }

  #glossary-content-archive {
    padding-top: 175px !important; } }
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1280px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
  .wrap {
    width: 1240px; }

  .desktop-wrap {
    width: 1240px; }

  .sector-section .industries_wrapper .industry_single_item_wrapper {
    margin: 0 8px 14px;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center; }
  .sector-section .client-bottom {
    height: 400px; }
    .sector-section .client-bottom .client-bottom-left img {
      width: 250px; }
    .sector-section .client-bottom .client-bottom-left a:hover img {
      width: 255px; } }

/*# sourceMappingURL=style-default.css.map */