@charset "UTF-8";
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE6/7/8/9 & FF3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

h4, h5, h6 {
  font-size: 1em;
  margin: 0;
}

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

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

blockquote {
  margin: 1em 40px;
}

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

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

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

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

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

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

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

small {
  font-size: 75%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

dd {
  margin: 0 0 0 40px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
body {
  font-size: 1em;
  line-height: 1.5em;
}

h1, .like-h1 {
  font-size: 2.5em;
  line-height: 1.066666666em;
  margin-bottom: 0.53333333em;
}

h2 {
  font-size: 1.75rem;
  line-height: 2rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h3 {
  font-size: 1.375em;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

p, ul, ol, pre, table, blockquote, h5, h6 {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  line-height: 1.5em;
}

h5, h6 {
  margin-bottom: 0;
}

/* Sanitation */
hr {
  border: none;
  border-top: solid 1px #ddd;
  margin: -1px 0;
}

ul ul, ol ol, ul ol, ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

b, strong, em, small, code {
  line-height: 1;
}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

sub {
  top: 0.4em;
}

figure {
  position: relative;
}

figure img, figure object, figure embed, figure video {
  max-width: 100%;
  display: block;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* vertical offset*/
.vert-offset-10 {
  margin-top: 15em;
}

.vert-offset-9 {
  margin-top: 13.5em;
}

.vert-offset-8 {
  margin-top: 12em;
}

.vert-offset-7 {
  margin-top: 10.5em;
}

.vert-offset-6 {
  margin-top: 9em;
}

.vert-offset-5 {
  margin-top: 7.5em;
}

.vert-offset-4 {
  margin-top: 6em;
}

.vert-offset-3 {
  margin-top: 4.5em;
}

.vert-offset-2 {
  margin-top: 3em;
}

.vert-offset-1 {
  margin-top: 1.5em;
}

.hrzntl-spacer {
  position: relative;
  margin: 0 1.5em;
  z-index: inherit;
}

.container-wrapper, .inner-wrapper {
  margin: 0 auto;
  max-width: 70em;
  position: relative;
  width: 100%;
  z-index: inherit;
}

.container {
  clear: both;
  position: relative;
  z-index: 100;
}

.container::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

#header {
  position: relative;
  z-index: 200;
}

.col1, .col2, .col3, .col4, .col4-5, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13, .col14, .col15, .col16, .col17, .col18, .col19, .col20, .col21, .col22, .col23, .col24, .item1, .item2, .item3, .item4, .item5, .column {
  display: block;
  float: left;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.75em;
  margin-bottom: 0;
  position: relative;
}

.sub-grid {
  padding: 0;
  margin-bottom: 0;
}

.item1 {
  width: 100%;
}

.item2 {
  width: 50%;
}

.item3 {
  width: 33.33333333%;
}

.item4 {
  width: 25%;
}

.item5 {
  width: 20%;
}

.col1 {
  width: 4.16666666667%;
}

.col2 {
  width: 8.33333333333%;
}

.col3 {
  width: 12.5%;
}

.col4 {
  width: 16.6666666667%;
}

.col4-5 {
  width: 20%;
}

.col5 {
  width: 20.8333333333%;
}

.col6 {
  width: 25%;
}

.col7 {
  width: 29.1666666667%;
}

.col8 {
  width: 33.3333333333%;
}

.col9 {
  width: 37.5%;
}

.col10 {
  width: 41.6666666667%;
}

.col11 {
  width: 45.8333333333%;
}

.col12 {
  width: 50%;
}

.col13 {
  width: 54.1666666667%;
}

.col14 {
  width: 58.3333333333%;
}

.col15 {
  width: 62.5%;
}

.col16 {
  width: 66.6666666667%;
}

.col17 {
  width: 70.8333333333%;
}

.col18 {
  width: 75%;
}

.col19 {
  width: 79.1666666667%;
}

.col20 {
  width: 83.3333333333%;
}

.col21 {
  width: 87.5%;
}

.col22 {
  width: 91.6666666667%;
}

.col23 {
  width: 95.8333333333%;
}

.col24 {
  width: 100%;
}

.offset12 {
  margin-left: 50%;
}

.offset9 {
  margin-left: 37.5%;
}

.offset8 {
  margin-left: 33.3333333333%;
}

.offset7 {
  margin-left: 29.1666666667%;
}

.offset6 {
  margin-left: 25%;
}

.offset5 {
  margin-left: 20.8333333333%;
}

.offset4 {
  margin-left: 16.6666666667%;
}

.offset3 {
  margin-left: 12.5%;
}

.offset2 {
  margin-left: 8.33333333333%;
}

.offset1 {
  margin-left: 4.16666666667%;
}

.hidden {
  display: none;
}

/*
 *  
 * Blue 	#082c5c
 * Orange 	#ec6600
 * Purple 	#39233e
 * Green	#1c3727 
 * 
*/
#hide-section {
  display: none;
  visibility: hidden;
}

html, body, input, button, textarea, select {
  color: #2a2a29;
  font-family: azo-sans-web, sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1 {
  color: #082c5c;
  font-family: azo-sans-web, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
}

h2 {
  color: #082c5c;
  font-family: azo-sans-web, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
}

h3 {
  color: #ec6600;
  font-family: azo-sans-web, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
}

h4 {
  color: #082c5c;
  font-family: azo-sans-web, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
}

/*h4{margin-bottom:0;}
h4 + p{margin-top:0;}*/
img {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: #ec6600;
}

.button {
  padding: 0.75em 1.5em;
  margin: 0;
  display: inline-block;
  border: none;
  text-decoration: none;
}

.button.primary {
  color: #fff;
  background-color: #082c5c;
  border: solid 1px #082c5c;
}

.button.primary:hover {
  color: #fff;
  background-color: #ec6600;
  border: solid 1px #ec6600;
}

.button.secondary {
  color: #fff;
  background-color: #ec6600;
  border: solid 1px #ec6600;
}

.button.play-video {
  color: rgba(255, 255, 255, 0.75);
  text-shadow: 0 0 0.75em rgba(0, 0, 0, 0.5);
}

.button.play-video:hover {
  color: white;
}

p.page-cta {
  text-align: center;
  margin-bottom: 3em;
}

p > .button.full-width {
  text-align: center;
}

.button.with-icon i {
  padding-right: 0.375em;
}

.nec-orange {
  color: #ec6600;
}

.nec-blue {
  color: #082c5c;
}

.centered {
  text-align: center;
}

.primary-link {
  color: #ec6600;
  text-transform: uppercase;
  font-family: azo-sans-web, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.primary-link:hover {
  color: #082c5c;
}

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

ul.with-lines {
  margin-bottom: 3rem;
}

ul.with-lines li {
  border-bottom: solid 1px #e3e3e3;
  padding: 0.25rem 0;
}

ul.with-lines li::before {
  display: none;
}

ul.with-lines li:last-child {
  border: none;
}

table thead {
  background: #f1f1f1;
  color: #0a0a0a;
}

table tbody tr:nth-child(2n) {
  border-bottom: 0;
  background-color: #f8f8f8;
}

table thead th, table thead td, table tfoot th, table tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

table tbody th, table tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

table p {
  margin: 0;
}

/*
 * Header
 */
#header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.99);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  z-index: 1000;
}

#header .col24 {
  float: none;
}

#header a.logo {
  margin: 0;
  border: none;
  padding: 1.5em 0;
  height: 1.5em;
  float: left;
}

#header a.logo > img {
  height: 1.5em;
}

#header .toggle-navigation {
  display: none;
}

#header .sub-navigation {
  position: absolute;
  right: 1em;
  top: 0.375em;
  font-size: 0.75em;
  color: #666;
}

.shade-out {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 200;
}

.header-spacer {
  height: 4.5em;
}

/*
 * Main navigation
 */
nav > ul {
  float: right;
  list-style: none;
  position: relative;
  display: inline-table;
  margin: 0.875em 0 0 0;
}

nav ul:after {
  content: "";
  clear: both;
  display: block;
}

nav ul ul:before {
  top: -15px;
  content: "";
  display: block;
  height: 15px;
  left: 50%;
  margin-left: -105px;
  position: absolute;
  width: 210px;
  z-index: 0;
}

/*background:transparent url(../images/pointer-top.png) no-repeat 50% 0;*/
nav ul li {
  float: left;
  position: relative;
}

nav ul > li {
  margin-left: 1.5em;
}

nav ul li:hover ul a {
  color: #033a52;
}

nav ul li:hover, nav ul li:hover:after {
  display: block;
}

nav ul li:hover > ul {
  display: block;
}

nav ul li a.current {
  border-bottom: solid 2px #033a52;
}

nav ul li a.selected-dropdown {
  color: #ec6600;
}

nav ul li a.selected-dropdown::after {
  content: "";
  width: 16px;
  height: 8px;
  background: url(../images/active-dropdown.png) no-repeat 0 0;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -8px;
}

nav ul li a.toplevel {
  padding: 0.75em 0 1.5em 0;
  font-weight: 400;
  font-size: 0.875em;
  outline: 0;
}

nav ul li a.open, nav ul li a.toplevel:hover {
  color: #ec6600;
}

nav ul > li:last-child {
  border: none;
}

nav ul > li:last-child a {
  padding-right: 0;
}

nav ul li:hover, nav ul li:hover:after {
  display: block;
}

nav ul li a {
  display: block;
  color: #033a52;
  text-decoration: none;
  padding: 0 0.75em;
}

nav ul ul {
  display: none !important;
}

nav ul ul {
  background: #fff;
  padding: 0;
  position: absolute;
  top: 80px;
  padding: 0.5em 1em 0.5em 1em;
  border: 1px solid #ddd;
  min-width: 200px;
  margin: 0;
  left: 50%;
  margin-left: -116px;
}

nav ul ul li {
  float: none;
  border-bottom: 1px solid #ddd;
  position: relative;
}

nav ul ul li:last-child {
  border: none;
}

nav ul ul li a {
  padding: 0.5em 0;
}

nav ul ul li a:hover {
  color: #ec6600;
}

nav ul a:hover {
  text-decoration: none;
}

nav ul li a[data-target="home-dropdown"] {
  display: none;
}

.sidr ul li div {
  display: none;
}

.sidr input {
  font-size: 1em !important;
  margin-top: 10px !important;
}

.sidr .sidr-class-sub-navigation {
  padding: 0 15px;
}

.sidr input {
  background-color: #fff !important;
  color: #000 !important;
}

/*
 * search 
 */
.search-products .form > div {
  padding: 1.5em 0;
  text-align: center;
  border-top: solid 1px #ececec;
  box-shadow: 0 0.375em 0.375em -0.375em rgba(0, 0, 0, 0.1) inset;
}

.search-products .form > div::after {
  content: "";
  clear: both;
  display: block;
}

.search-products input[type="text"]:focus {
  background-color: #fff;
}

.search-products input[type="text"] {
  width: 50%;
  margin-right: 1.5em;
  background: #fff url(../images/search-bg.png) no-repeat 0.75em 50%;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  line-height: 1.5em;
  overflow: hidden;
  padding: 0.75em 0.75em 0.75em 2.5em;
  position: relative;
}

.search-products.hidden {
  display: none;
}

.search-products-results .form > div {
  padding: 0 0 3em 0;
}

.result-row {
  position: relative;
  padding-bottom: 1.55em;
}

.result-row::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0.75em;
  right: 0.75em;
  border-bottom: 1px solid #E5E5E5;
  display: block;
}

.result-row h4 {
  margin-bottom: 0;
}

.result-row p {
  margin: 0;
}

.result-row em {
  color: #ccc;
}

/*
 * XL Video 
 */
.nec-showcase {
  width: 100%;
  position: relative;
  z-index: 100;
  height: 45em;
  background-color: #fff;
  border-bottom: none;
  margin-bottom: 0 !important;
}

.nec-showcase.scaled {
  height: 0;
  padding-bottom: 50%;
}

.nec-showcase > div, .nec-showcase > div > div {
  height: 100%;
}

.nec-showcase .case {
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 100%;
  z-index: 150;
}

.nec-showcase .case.other div {
  height: 100%;
}

.nec-showcase .case.other .bg {
  position: absolute;
  top: 0;
  left: -50%;
  width: 200%;
  height: 100%;
  z-index: 90;
  overflow: hidden;
}

.nec-showcase .case.other .bg iframe,
.nec-showcase .case.other .bg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  z-index: 90;
}

.nec-showcase .bg {
  overflow: hidden;
}

.nec-showcase .bg img {
  -webkit-animation: zoomImage 20s infinite;
          animation: zoomImage 20s infinite;
}

.nec-showcase .slick-dots {
  margin: 0;
  bottom: 1.25em;
}

.nec-showcase .slick-dots li button::before {
  color: #fff;
}

.nec-showcase .slick-dots li.slick-active button::before {
  color: #fff;
  opacity: 1;
}

.nec-showcase {
  /* Arrows */
}

.nec-showcase .slick-arrow {
  z-index: 100;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}

.nec-showcase .slick-arrow:hover::before {
  opacity: 1;
}

.nec-showcase .slick-prev {
  left: 1.5rem;
}

.nec-showcase .slick-next {
  right: 1.5rem;
}

.nec-showcase .slick-arrow::before {
  height: 100%;
  font-size: 3rem;
  color: #fff;
  font-size: 2rem;
}

.nec-showcase .slick-prev::before {
  left: 0;
}

.nec-showcase .slick-next::before {
  right: 0;
}

@media screen and (max-width: 600px) {
  .nec-showcase .slick-prev {
    left: 0;
  }
  .nec-showcase .slick-next {
    right: 0;
  }
}

.showcase.with-hexagon {
  height: 35.5rem;
}

.showcase.with-hexagon .container-wrapper {
  max-width: none;
}

.showcase.with-hexagon .hrzntl-spacer {
  margin: 0;
  padding: 0;
}

.showcase.with-hexagon .case .case-text {
  top: auto;
  bottom: 0;
  position: absolute;
  left: 1.5rem;
  bottom: 0.5rem;
  width: 500px;
}

.showcase.with-hexagon .text-wrapper::before {
  display: none;
  background: none;
}

.showcase.with-hexagon .text-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: url(../images/hex-test.png) no-repeat 0 100%;
  z-index: 100;
}

.showcase.with-hexagon .text-wrapper h1 {
  color: #ec6600;
  text-transform: uppercase;
  font-weight: normal;
}

.showcase.with-hexagon .text-wrapper h1 span {
  display: block;
  color: #fff;
}

.showcase.with-hexagon .text-wrapper p {
  text-shadow: none;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
}

.showcase.with-hexagon .text-wrapper .button {
  margin-bottom: 1.5rem;
  background: #fff;
  color: #ec6600;
  border: none;
  color: #ec6600;
  outline: 0;
}

.video-intro {
  position: relative;
  height: 45em;
  overflow: hidden;
  margin-bottom: 1.5em;
  background: #122e5c;
}

.video-intro::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3em;
  background: red;
  z-index: 100;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.25) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}

.video-intro .foreground {
  position: absolute;
  width: 100%;
  bottom: 3em;
  z-index: 100;
}

.video-intro .background .container-wrapper::before {
  position: absolute;
  content: "";
  z-index: 90;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/mask-2018.png) no-repeat 50% -1.5em;
  background-size: 100% auto;
}

.video-intro video,
.video-intro img {
  width: 100%;
  position: relative;
}

.video-intro .video-wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.video-intro iframe {
  width: 100%;
  position: relative;
}

.video-intro h1,
.video-intro h2,
.video-intro h3 {
  color: #fff;
}

.video-intro p {
  color: #fff;
}

.video-intro p.intro {
  font-size: 1.25em;
  font-weight: 300;
  margin-top: 1.75em;
  line-height: 1.75em;
}

.video-intro .button {
  background-color: #ec6600;
  color: #fff;
  padding: 0.75em 1.5em;
  text-align: center;
}

.video-intro .button:hover {
  background-color: #fff;
  color: #ec6600;
}

.video-intro .button i {
  padding-right: 0.5em;
}

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

.sv9100 .background .container-wrapper::before {
  background-image: url(../images/mask-smart.png);
}

.sv9100 h2 {
  font-size: 1.5rem;
}

.hydrastor .background .container-wrapper::before {
  background-image: url(../images/mask-data.png);
}

.hospitality .background .container-wrapper::before {
  background-image: url(../images/mask-guest.png);
}

.gitex2018 .bg .mask {
  position: absolute;
  content: "";
  z-index: 90;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/shapes-gitex-ms.svg) no-repeat 50% -1.5em;
  background-size: auto 125%;
  z-index: 100;
  mix-blend-mode: multiply;
}

/*	.gitex2018.windows .bg .mask{background: url(../images/shapes-gitex-ms.svg) no-repeat 50% -1.5em;;}*/
.gitex2018 {
  text-align: center;
}

.gitex2018 h1 {
  color: #fff;
  font-family: azo-sans-web, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.5rem;
  line-height: 4rem;
}

.gitex2018 h1 span {
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}

.gitex2018 p img {
  margin: auto;
}

.gitex2018 p {
  text-align: center;
}

.gitex2018 .button {
  margin-top: 1.5rem;
}

.nec-showcase .other.nec100years h2,
.nec-showcase .other.sv9000 h2 {
  color: #ec6600;
  font-size: 3rem;
}

.nec-showcase .other.nec100years .case-text,
.nec-showcase .other.sv9000 .case-text {
  height: auto;
  top: 55%;
  transform: translateY(-50%);
}

.nec-showcase .other.nec100years .hexagon-badge,
.nec-showcase .other.sv9000 .hexagon-badge {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  height: 9rem;
  z-index: 1000;
}

@media screen and (max-width: 600px) {
  .nec-showcase .other.nec100years .hexagon-badge,
.nec-showcase .other.sv9000 .hexagon-badge {
    display: none;
  }
}

.nec-showcase .other.nec100years .button,
.nec-showcase .other.sv9000 .button {
  text-shadow: none;
}

.nec-showcase .other.nec100years .bg img,
.nec-showcase .other.sv9000 .bg img {
  -webkit-animation: zoomImage 40s infinite;
          animation: zoomImage 40s infinite;
}

.nec-showcase .other.nec100years .bg img,
.nec-showcase .other.sv9000 .bg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  z-index: 90;
}

.nec-showcase .other.sv9000 h2,
.nec-showcase .other.sv9000 p {
  text-shadow: 1px 1px #fff;
}

@media screen and (max-width: 600px) {
  .nec-showcase .other {
    text-align: center;
  }
  .nec-showcase .other .text-wrapper {
    padding: 0 2.5rem;
  }
  .nec-showcase .other h1, .nec-showcase .other h2 {
    font-size: 2rem !important;
  }
  .nec-showcase .other p {
    font-size: 1.125rem !important;
  }
}

.drivers2019 .container-wrapper {
  max-width: none;
}

.drivers2019 .text-left {
  position: absolute;
  bottom: 3rem;
  left: 0;
  height: auto !important;
  width: 100%;
}

.drivers2019 h2 {
  color: #fff;
  font-family: azo-sans-web, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-shadow: 0.25rem 0.25rem 0.125em rgba(0, 0, 0, 0.5);
}

.drivers2019 h2 strong {
  color: #ec6600;
  display: block;
  font-weight: 400;
}

.drivers2019 p {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25rem;
}

.drivers2019 a.download-now {
  position: absolute;
  top: 6em;
  left: 0;
  color: #fff;
  text-transform: uppercase;
  border-bottom: solid 0.25rem #ec6600;
  font-size: 1.25rem;
}

.drivers2019 a.download-now strong {
  display: block;
  padding-bottom: 0.5rem;
}

.drivers2019 a.download-now:hover {
  color: #ec6600 !important;
}

.drivers2019::before {
  z-index: 100;
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 50%;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(9, 18, 51, 0) 0%, rgba(9, 18, 51, 0.7) 69%, rgba(9, 18, 51, 0.7) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00091233', endColorstr='#b3091233',GradientType=0 );
  /* IE6-9 */
}

.drivers2019 .text-right {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.drivers2019 .text-right img {
  position: absolute;
  bottom: -3rem;
}

.drivers2019 .mask {
  position: absolute;
  top: 0;
  left: 25%;
  width: 650px;
  height: 100%;
  z-index: 100;
}

.drivers2019 .mask::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
  background: url(../images/trends2020-mask.png) no-repeat 100% 100%;
}

.drivers2019 .bg img {
  -webkit-animation: zoomImage 40s infinite;
          animation: zoomImage 40s infinite;
}

.drivers2019 .button {
  background-color: #ec6600;
  color: #fff;
  padding: 0.75em 1.5em;
  text-align: center;
}

.drivers2019 .button:hover {
  background-color: #fff;
  color: #ec6600;
}

@media screen and (max-width: 600px) {
  .drivers2019 .hide-small {
    display: none;
  }
  .drivers2019 .text-left {
    bottom: auto;
    top: 6rem;
  }
  .drivers2019 .text-left h2 {
    font-size: 1.75rem !important;
  }
  .drivers2019 p.intro {
    font-size: 1rem !important;
  }
  .drivers2019 a.download-now {
    top: 17rem;
    position: relative;
    display: inline-block;
  }
  .drivers2019 .mask {
    display: none;
  }
  .drivers2019 .col13 {
    height: auto !important;
  }
}

@-webkit-keyframes zoomImage {
  0% {
    transform: scale(1) translateX(0);
  }
  50% {
    transform: scale(1.2) translateX(5%);
  }
  100% {
    transform: scale(1) translateX(0);
  }
}

@keyframes zoomImage {
  0% {
    transform: scale(1) translateX(0);
  }
  50% {
    transform: scale(1.2) translateX(5%);
  }
  100% {
    transform: scale(1) translateX(0);
  }
}

/*
 * Dropdown 
 */
.dropdown {
  left: 0;
  right: 0;
  z-index: 600;
  border-top: solid 1px #efefef;
  padding-bottom: 1.5em;
}

.dropdown .masthead {
  text-align: center;
  position: relative;
}

.dropdown .column {
  width: 20%;
  display: block;
  float: left;
}

.dropdown .column.solutions {
  width: 20%;
}

.dropdown .column.partners {
  width: 25%;
}

.dropdown .column.partners:first-child {
  margin-left: 12.5%;
}

.dropdown .close-dropdown {
  display: block;
  position: absolute;
  right: 0;
  top: 0.75em;
  color: #082c5c;
  font-size: 1.5em;
}

.dropdown li {
  margin: 1.5em 0;
  font-family: azo-sans-web, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.dropdown li a:hover {
  color: #082c5c;
}

.dropdown .offset-1column {
  margin-left: 10%;
}

.dropdown .offset-2column {
  margin-left: 20%;
}

.dropdown .column strong {
  font-family: azo-sans-web, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-weight: normal;
  color: #082c5c;
  font-size: 1.125em;
}

.dropdown .column ul {
  clear: both;
  margin-top: 0;
  font-size: 0.875em;
}

.dropdown .column ul.categories {
  font-size: 1em;
}

.dropdown .column ul li {
  text-align: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dropdown .column li a {
  color: #ec6600;
  display: block;
  padding: 0;
  line-height: 1.5rem;
}

.dropdown .column li a:hover {
  color: #082c5c;
}

.dropdown ul {
  margin-bottom: 1.5rem;
}

.dropdown ul li a.has-icon {
  padding-left: 2.5em;
  position: relative;
}

.dropdown ul li a.has-icon::before {
  content: "";
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
  left: 0;
  background: url(../images/sprite-icons.png) no-repeat;
}

.dropdown ul li a.icon-education::before {
  background-position: -240px 0px;
}

.dropdown ul li a.icon-finance::before {
  background-position: -60px 0px;
}

.dropdown ul li a.icon-government::before {
  background-position: -120px 0px;
}

.dropdown ul li a.icon-healthcare::before {
  background-position: -180px 0px;
}

.dropdown ul li a.icon-hospitality::before {
  background-position: -300px 0px;
}

.dropdown ul li a.icon-retail::before {
  background-position: -420px 0px;
}

.dropdown ul li a.icon-small-and-medium-business::before {
  background-position: -540px 0px;
}

.dropdown ul li a.icon-customer-experiences::before {
  background-position: -390px -422px;
}

.dropdown ul li a.icon-estate-agents::before {
  background-position: -390px -422px;
}

.dropdown ul li a.icon-marine-and-cruiseline::before {
  background-position: -240px -60px;
}

.dropdown ul li a.icon-find-a-partner::before {
  background-position: 0px -60px;
}

.dropdown ul li a.icon-solution-partners::before {
  background-position: -60px -60px;
}

.dropdown ul li a.icon-become-a-business-partner::before {
  background-position: -120px -60px;
}

.dropdown ul li a.icon-partner-portal-login::before {
  background-position: -600px 0;
}

/*
 * Showcase intro
 */
.showcase {
  width: 100%;
  position: relative;
  z-index: 100;
  height: 35em;
  background-color: #fff;
  overflow: hidden;
}

.showcase .cases {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin-bottom: 0;
}

.showcase .case {
  overflow: hidden;
  height: 100%;
}

.showcase .case div {
  height: 100%;
}

.showcase .case .case-text {
  height: auto;
  z-index: 200;
}

.showcase h1 {
  line-height: 1.25em;
  font-weight: bold;
}

.showcase p {
  color: #000;
  font-size: 1.25em;
  text-shadow: 0px 0px 0.75em white;
  font-weight: bold;
}

.showcase .case .bg {
  position: absolute;
  top: 0;
  width: 200%;
  height: 100%;
  left: -50%;
}

.showcase .case .bg > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}

.showcase .slick-dots {
  bottom: 0;
  z-index: 1000;
}

.showcase .slick-list, .showcase .slick-track {
  height: 100%;
}

/*.showcase .cases::before{height:100%;background-color:#93b730;content:"";display:block;position:absolute;right:-250px;bottom:0;width:700px;background: url(../images/swoosh.png) no-repeat 0 50%;z-index:1100;}*/
.showcase.video {
  background-color: #000;
}

.showcase.video .cases::before {
  display: none;
}

.showcase .case .text-wrapper::before {
  position: absolute;
  width: 750px;
  left: -12em;
  content: "";
  z-index: 20;
  height: 500px;
  top: 4.5em;
  background: url(../images/mask-gradient-white.png) no-repeat 50% 50%;
}

.slick-dots li button::before {
  font-size: 16px !important;
}

/*
 * Trending topics
 */
.trending-topics .container-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.5em;
  right: 0.5em;
  border-top: solid 1px #ddd;
}

.trending-topics .wrapper > div > div {
  margin: 0;
  padding: 0;
  font-size: 1em;
}

.trending-topics .related-item {
  margin-bottom: 0;
  padding-bottom: 0;
}

.trending-topics .dark-text > p {
  color: black;
  margin-top: 0;
  overflow: hidden;
}

.trending-topics .dark-text > h4 {
  margin-top: 0;
  color: black;
}

.trending-topics .light-text > p {
  color: white;
  margin-top: 0;
  overflow: hidden;
}

.trending-topics .light-text > h4 {
  margin-top: 0;
  color: white;
}

.trending-topics .light-text > p > img, .dark-text > p > img {
  width: 100%;
  overflow: visible;
}

.trending-topics .text-bottom > span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.trending-topics .text-top > span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
}

.trending-topics h4 > i {
  float: right;
  margin-top: .375em;
}

.trending-topics a.hidden-button {
  position: absolute;
  width: 100%;
  height: 100%;
}

.trending-topics .trending-item {
  height: 0;
  position: relative;
  padding-bottom: 33.333% !important;
  overflow: hidden;
  background-color: #000;
}

.trending-topics .trending-item > img {
  max-width: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: auto;
  z-index: 0;
}

.trending-topics .col8.gradient.text-bottom span {
  padding-top: 3em;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

.trending-topics .col8.gradient.text-top span {
  padding-bottom: 3em;
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  height: 50%;
}

.trending-topics .col8.text-top span {
  padding: 1.5em 1.5em 0 1.5em;
}

.trending-topics .col8.text-bottom span {
  padding: 0 1.5em 0 1.5em;
}

.trending-topics .col8 p {
  height: 4.5em;
}

.trending-topics .col8:nth-child(1) {
  background: #a2185b;
}

.trending-topics .trending-item img {
  transition: all 3s;
}

.trending-topics .trending-item:hover img {
  transform: scale(1.1);
}

/*
 * Tab panels
 */
.tab-navigation ul {
  height: 7.5em;
  margin-bottom: 0;
  position: relative;
}

.tab-navigation ul::after {
  position: absolute;
  bottom: 0;
  left: 0.75em;
  right: 0.75em;
  border-bottom: solid 1px #ddd;
  content: "";
}

.tab-navigation li {
  display: block;
}

.tab-navigation li a {
  color: #fff;
  display: block;
  padding: 1em;
  text-align: left;
  position: relative;
  font-weight: 400;
  opacity: 0.5;
  transition: all 0.5s ease;
}

.tab-navigation li[aria-selected="true"] a, .tab-navigation a:hover {
  opacity: 1;
}

.tab-navigation li[aria-selected="true"] a::after {
  content: "";
  height: 1.5em;
  position: absolute;
  bottom: -0.75em;
  left: 50%;
  width: 1.5em;
  background-color: inherit;
  transform: translateX(-50%) rotate(45deg);
}

.business-agility {
  background: #082c5c url(../images/icon-business-agility.png) no-repeat 92% 50%;
}

.cloud-delivery {
  background: #ec6600 url(../images/icon-cloud-delivery.png) no-repeat 92% 50%;
}

.collaborative-communities {
  background: #39233e url(../images/icon-collaborative-communities.png) no-repeat 92% 50%;
}

.assured-services {
  background: #1c3727 url(../images/icon-assured-services.png) no-repeat 92% 50%;
}

/*
 * default tabs	
*/
.tabs-default .selector {
  border-bottom: solid 1px #ddd;
  padding-bottom: 1.5em;
  margin: 0;
  line-height: 1.25em;
}

.tabs-default .selector::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.tabs-default .selector li {
  float: left;
  position: relative;
  width: auto;
  list-style: none;
  text-align: center;
}

.tabs-default .selector img {
  display: block;
  margin: 0 auto 0.75em auto;
}

.tabs-default .selector a {
  display: block;
  padding: 0 0.75em;
  color: #000;
  opacity: 0.5;
  font-weight: bold;
  font-size: 0.875em;
}

.tabs-default .selector li[aria-selected="true"] a, .tabs-default .selector a:hover {
  opacity: 1;
}

.tabs-default .selector li[aria-selected="true"] a::after {
  content: "";
  height: 1.5em;
  position: absolute;
  bottom: -0.75em;
  left: 50%;
  width: 1.5em;
  background-color: inherit;
  transform: translateX(-50%) rotate(45deg);
}

.tabs-default .selector li::before {
  display: none !important;
}

.tabs-default .selector li a {
  color: #fff;
  display: block;
  padding: 1em;
  text-align: left;
  position: relative;
  font-weight: 400;
  opacity: 0.5;
  transition: all 0.5s ease;
}

.tabs-default .selector li:nth-child(1) a {
  background: #082c5c;
}

.tabs-default .selector li:nth-child(2) a {
  background: #ec6600;
}

.tabs-default .selector li:nth-child(3) a {
  background: #39233e;
}

.tabs-default .selector li:nth-child(4) a {
  background: #1c3727;
}

.tabs-default.with-icons .selector li a {
  background: none;
  color: #000;
  font-weight: bold;
  text-align: center;
}

/*
 * Panel-light-grey
 */
.panel-light-grey {
  clear: both;
  background: #f6f6f6 url(../images/swooth-lightgrey.png) no-repeat 0 50%;
}

.panel-light-grey.hide-swoosh {
  background-image: none;
}

.panel-light-grey h4 {
  padding-top: 3em;
}

.panel-light-grey h4::before {
  content: "";
  position: absolute;
  top: 0;
  width: 60px;
  height: 50px;
  left: 50%;
  margin-left: -30px;
  background: url(../images/sprite-icons.png) no-repeat;
}

.panel-light-grey h4.icon-mobile-workforce::before {
  background-position: 0 -300px;
}

.panel-light-grey h4.icon-collaboration::before {
  background-position: -60px -300px;
}

.panel-light-grey h4.icon-virtualization::before {
  background-position: -120px -300px;
}

.panel-light-grey h4.icon-availability::before {
  background-position: -180px -300px;
}

.panel-light-grey h4.icon-webclients::before {
  background-position: -240px -300px;
}

.panel-light-grey h4.icon-support_converged::before {
  background-position: -300px -300px;
}

.panel-light-grey h4.icon-distr_architecture::before {
  background-position: -360px -300px;
}

.panel-light-grey h4.icon-belance_delivery::before {
  background-position: -420px -300px;
}

.panel-light-grey h4.icon-user_experience::before {
  background-position: -480px -300px;
}

.panel-light-grey .column-reason p {
  font-size: 0.875em;
  line-height: 1.75em;
}

.panel-grey10 {
  clear: both;
  background: #f6f6f6;
}

.panel-grey10 a {
  color: #000;
}

.panel-grey10 a.primary-link {
  color: #ec6600;
  text-transform: uppercase;
  font-family: azo-sans-web, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.panel-grey10 a.primary-link:hover {
  color: #082c5c;
}

/*
 * Enterprise drivers
 */
.driver-list {
  padding: 1.5em 0 0 0;
}

.driver-list::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.driver-list li {
  width: 10%;
  float: left;
  list-style: none;
  box-sizing: border-box;
}

.driver-list li:nth-child(2n) {
  margin-top: 3em;
}

.driver-list a {
  font-weight: bold;
  font-size: 0.875em;
  color: #000;
  display: block;
  line-height: 1.25em;
  opacity: 0.5;
}

.driver-list a.current, .driver-list a:hover {
  opacity: 1;
}

.driver-list a > span {
  display: block;
  position: relative;
  margin: auto;
  width: 75%;
  padding-bottom: 75%;
  height: 0;
  transition: all 0.5s ease 0s;
}

.driver-list a em {
  font-size: 2.75em;
  font-style: normal;
}

.driver-list a > span::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border: solid 0.75em #082c5c;
  border-radius: 4.5em;
  top: -1.5em;
  box-sizing: border-box;
}

.driver-list a > span.blue::before {
  border: solid 0.75em #082c5c;
}

.driver-list a > span.green::before {
  border: solid 0.75em #1c3727;
}

.driver-list a > span.orange::before {
  border: solid 0.75em #ec6600;
}

.driver-list a > span.brown::before {
  border: solid 0.75em #aa8248;
}

.driver-list a > span.lightgrey::before {
  border: solid 0.75em #8c8b8c;
}

.driver-list a > span.purple::before {
  border: solid 0.75em #39233e;
}

.driver-list a > span.darkgrey::before {
  border: solid 0.75em #525860;
}

.driver-list a > span.navy::before {
  border: solid 0.75em #073f4b;
}

.driver-list a:hover span {
  transform: scale(1.1);
}

.driver-list li[aria-selected="true"] a {
  opacity: 1;
}

/*
 * Related content
 */
.related-content {
  clear: both;
  background: #f6f6f6;
  padding: 1.5rem 0;
}

.related-item {
  position: relative;
  margin-bottom: 1.5em;
  overflow: hidden;
  max-height: 15em;
}

.related-item > img {
  display: block;
  transition: all 1s ease;
  min-width: 100%;
}

.related-item:hover > img {
  transform: scale(1.1);
}

.related-item > div {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  padding: 1em;
  height: 5.5em;
}

.related-item h4, .related-item p {
  margin: 0;
  color: #fff;
}

.related-item p {
  font-size: 0.875em;
  min-height: 3em;
}

.related-item h4 {
  padding-right: 1.5em;
  position: relative;
}

.related-item h4 i {
  float: right;
  padding-top: 0.375em;
  position: absolute;
  top: 0;
  right: 0;
}

.related-item .hidden-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  text-indent: -5000px;
}

.related-content .related-item.no-image div {
  padding: 1em;
  position: relative;
}

.related-content .related-item.no-image p {
  min-height: 4.5em;
}

.related-content .column div {
  background: rgba(17, 46, 92, 0.95);
}

.related-content .column:nth-child(1) div {
  background: rgba(17, 46, 92, 0.95);
}

.related-content .column:nth-child(2) div {
  background: rgba(95, 71, 113, 0.95);
}

.related-content .column:nth-child(3) div {
  background: rgba(236, 103, 6, 0.95);
}

.related-content .column:nth-child(4) div {
  background: rgba(171, 130, 72, 0.95);
}

.related-content .column:nth-child(5) div {
  background: rgba(56, 88, 64, 0.95);
}

.related-content .column:nth-child(6) div {
  background: rgba(6, 63, 75, 0.95);
}

.related-content .column:nth-child(7) div {
  background: rgba(118, 22, 27, 0.95);
}

.related-content .column:nth-child(8) div {
  background: rgba(56, 66, 73, 0.95);
}

.related-content .smaller {
  font-size: 0.75em;
}

/*
 * NEW terminals overview 
 */
.products-overview {
  clear: both;
  background: #f6f6f6;
  padding-bottom: 3em;
}

.products-overview h2 {
  color: #ec6600;
}

.products-overview h3 {
  color: #082c5c;
  font-size: 1.25rem;
}

.products-overview .card {
  margin-bottom: 1.5rem;
  text-align: center;
}

.products-overview .card h4 {
  margin-top: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

.products-overview .card .button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  text-indent: -5000px;
}

.products-overview .label-new {
  display: block;
  background: url(../images/hex-label.svg) no-repeat 50% 50%;
  height: 2.5rem;
  line-height: 2.25rem;
  position: absolute;
  width: 2.5rem;
  z-index: 1;
  top: 0.5rem;
  left: 0.5rem;
}

.products-overview .label-new span {
  color: #fff;
  font-size: 0.625rem;
  text-transform: uppercase;
}

/*
 * Terminals 2019 flip card
 */
.card {
  width: 100%;
  position: relative;
  height: 22rem;
  perspective: 150rem;
}

.card__side {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all .6s ease;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
}

.card__side--front {
  background-color: #FFF;
}

.card__side--back {
  color: #FFF;
  transform: rotateY(180deg);
  background: #fff;
}

.card:hover .card__side--front {
  transform: rotateY(-180deg);
}

.card:hover .card__side--back {
  transform: rotate(0);
}

.card__description {
  padding: 0.75rem;
  color: #000;
}

.card ul {
  list-style: none;
  text-align: left;
}

.card ul li {
  position: relative;
  padding-left: 1rem;
}

.card ul li:before {
  position: absolute;
  left: 0;
  content: '✓';
  color: #ec6600;
}

/*
 * Contact us
 */
.contact-us {
  overflow: hidden;
}

.contact-us .background-impression {
  position: relative;
  z-index: 10;
}

.contact-us .background-impression::before {
  position: absolute;
  width: 750px;
  left: 50%;
  margin-left: -375px;
  content: "";
  z-index: 20;
  height: 500px;
  top: 50%;
  margin-top: -125px;
  background: url(../images/mask-gradient-white.png) no-repeat 50% 50%;
}

.contact-us .background-impression > img {
  position: absolute;
  left: -100%;
  right: -100%;
  margin: auto;
  max-width: none;
  min-width: 100%;
  z-index: 10;
  transform: translateY(-10%);
}

.contact-us .background-impression.blue::before {
  display: none;
}

/*
 * Why NEC
 */
.firsts-list {
  list-style: none;
}

.firsts-list li {
  overflow: hidden;
  padding-left: 4.5em;
  position: relative;
}

.firsts-list strong {
  display: inline-block;
  width: 10%;
  position: absolute;
  left: 0;
  line-height: 1.5em;
  color: #082c5c;
}

/* 
 * Downloads 
*/
.downloads-list li {
  width: 15%;
  margin: 0 2%;
  display: inline-block;
  vertical-align: top;
}

.downloads-list a {
  color: #ec6600;
  font-weight: bold;
  font-size: 0.875em;
  display: block;
}

.downloads-list img {
  border: solid 1px #ddd;
  display: block;
  margin-bottom: 1.5em;
}

.whitepaper-downloads p {
  font-size: 0.875em;
}

.whitepaper-downloads a {
  display: block;
  color: #000;
}

.whitepaper-downloads a strong {
  color: #ec6600;
}

.whitepaper-downloads img {
  border: solid 1px #ddd;
  display: block;
  margin: 0 auto;
  width: 75%;
}

/*
 * Section classes
 */
.has-devider-after .container-wrapper > section > div {
  margin-bottom: 0.75rem;
}

.has-devider-after .container-wrapper > section::after {
  clear: both;
  content: "";
  display: block;
  left: 0.5em;
  right: 0.5em;
  border-bottom: solid 1px #ddd;
}

.headers-orange .container-wrapper > section::after {
  clear: both;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.5em;
  right: 0.5em;
  border-bottom: solid 1px #ddd;
}

.headers-orange {
  position: relative;
  height: auto;
}

.headers-orange h2, .headers-orange h3, .headers-orange h4 {
  color: #ec6600;
}

.headers-orange section {
  position: relative;
}

.headers-orange .col12.vertical-align-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.vertical-align-middle .col12.vertical-align-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.vertical-align-middle .container-wrapper > section::after {
  clear: both;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.5em;
  right: 0.5em;
  border-bottom: solid 1px #ddd;
}

.single-line h1, .single-line h2, .single-line h3 {
  margin-bottom: 0;
}

.column-wrapper ul {
  margin-left: 1.5em;
}

.column-wrapper ul li {
  list-style: none;
  position: relative;
}

.column-wrapper ul li::before {
  content: "•";
  position: absolute;
  left: -1em;
  color: #082c5c;
  font-size: 1.25rem;
  line-height: 1.25em;
}

.column-wrapper ul.orange li::before {
  color: #ec6600;
}

/*
 * Resources
 */
.resources {
  padding: 1.5em 0;
  background: #ececec;
}

.resources h2 {
  text-align: center;
  margin-top: 0;
}

.resources li {
  width: 25%;
  float: left;
  list-style: none;
  margin-bottom: 1.5em;
}

.resources li:nth-child(4n+1) {
  clear: both;
}

.resources li a {
  position: relative;
  display: block;
  background: #fff;
  padding: 1em 0.75em 0.75em 3.5em;
  color: #082c5c;
  border: solid 1px #eee;
  height: 3.5em;
}

.resources li a::after {
  content: "";
  width: 2em;
  height: 2em;
  position: absolute;
  z-index: 100;
  left: 0.75em;
  top: 1em;
  background: url(../images/resources-spread.png) no-repeat 0.25em -1em;
}

.resources li a strong {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-family: azo-sans-web, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.resources li a.brochure::after, .resources li a.case-study::after, .resources li a.file::after, .resources li a.salessheet::after, .resources li a.datasheet::after, .resources li a.infosheet::after, .resources li a.report::after {
  background-position: 0.25em -86px;
}

.resources li a.alliance::after {
  background-position: 0.25em -15;
}

.resources li a.awards::after {
  background-position: 0.25em -155px;
}

.resources li a.news::after {
  background-position: 0.25em -225px;
}

.resources li a.podcast::after, .resources li a.infographic::after {
  background-position: 0.25em -295px;
}

.resources li a.sdn::after {
  background-position: 0.25em -365px;
}

.resources li a.support::after {
  background-position: 0.25em -435px;
}

.resources li a.video::after {
  background-position: 0.25em -505px;
}

.resources li a.webinar::after {
  background-position: 0.25em -575px;
}

.resources li a > span {
  display: block;
  font-size: 0.75em;
  line-height: 1.5em;
  margin-top: 0.25em;
}

.resources li a:hover {
  color: #ec6600;
}

.resources.placed-inline {
  background: #fff;
  padding: 0;
}

.resources.placed-inline h2 {
  margin-top: 0;
  text-align: left;
}

.resources.placed-inline ul {
  margin: 0 0 0 -0.75em;
}

.resources.placed-inline ul::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.resources.placed-inline li {
  width: 50%;
}

.resources.placed-inline li a {
  background-color: #f6f6f6;
}

.panel-events {
  clear: both;
  background: #f6f6f6;
}

.panel-events div.event-wrapper {
  padding: 0;
  background-color: #fff;
  border: solid 1px #ddd;
  margin-bottom: 1.5em;
}

.panel-events div.event-wrapper:hover {
  box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.1);
  border: solid 1px #ddd;
}

/*
 * Embed iframe video
 */
.embed-erternal,
.embed-external {
  height: 0;
  padding-bottom: 50%;
  padding-top: 25px;
  position: relative;
  margin: 1.5em 0;
}

.embed-erternal iframe,
.embed-external iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
 * XL quote
 */
.xl-quote {
  background: rgba(0, 0, 0, 0.25);
}

.xl-quote p.qoute {
  font-size: 1.5em;
  color: #ec6600;
}

/*
 * forms
 */
.contact-form h4 {
  color: #ec6600;
}

.contact-form .row {
  margin-bottom: 1.5em;
}

.contact-form .row.to-right {
  text-align: right;
}

.form .with-icon {
  position: relative;
  z-index: 10;
}

.form .with-icon::before {
  content: " ";
  position: absolute;
  width: 3em;
  height: 3em;
  z-index: 20;
  top: 1px;
  left: 1px;
  background: #efefef;
}

.form .with-icon input[type="text"], .form .with-icon select {
  padding-left: 4em;
}

.form .with-icon::after {
  background: url(../images/icon-blue-firstname.png) no-repeat 50% 50%;
  position: absolute;
  z-index: 20;
  width: 3em;
  height: 3em;
  content: "";
  left: 0;
}

.form .with-icon.firstname::after {
  background-image: url(../images/icon-blue-firstname.png);
}

.form .with-icon.lastname::after {
  background-image: url(../images/icon-blue-lastname.png);
}

.form .with-icon.email::after {
  background-image: url(../images/icon-blue-email.png);
}

.form .with-icon.company::after {
  background-image: url(../images/icon-blue-company.png);
}

.form .with-icon.country::after {
  background-image: url(../images/icon-blue-country.png);
}

.form .with-icon.phone::after {
  background-image: url(../images/icon-blue-phone.png);
}

.form .with-icon.product::after {
  background-image: url(../images/icon-blue-product.png);
}

.form .with-icon.partner::after {
  background: url(../images/icon-smb.png) no-repeat 50% 50%;
  background-size: 1.5rem auto;
}

.form .with-icon.www::after {
  background-image: url(../images/icon-blue-www.png);
}

.form .with-icon.address::after {
  background-image: url(../images/icon-blue-address.png);
}

.form .with-icon.zip::after {
  background-image: url(../images/icon-blue-zip.png);
}

.form .with-icon.city::after {
  background-image: url(../images/icon-blue-city.png);
}

.form .with-icon.fullname::after {
  background-image: url(../images/icon-blue-fullname.png);
}

.form label.legend {
  font-weight: bold;
}

.form .no-icon::before, .form .no-icon::after {
  display: none !important;
}

.form .with-icon .legend {
  display: none;
}

.form select {
  border: solid 1px #ddd;
  padding: 0.75em 0 0.75em 0.75em;
}

.contact-form input[type="text"], .contact-form input[type="password"], .contact-form textarea, .contact-form select {
  padding: 0.75em;
  border: 1px solid #DDDDDD;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  line-height: 1.5em;
  box-sizing: border-box;
  width: 100%;
}

.form .textarea {
  height: 17em;
}

.form .missed {
  border: solid 1px #007fbd;
}

.form .missed {
  background-color: #efefef;
}

.form .floatleft {
  padding-right: 0.75em;
  position: relative;
}

#form-response {
  border: 1px solid #ececec;
  padding: 0 1.5em;
  margin: 1.5em 0;
  background-color: #fff;
}

.captcha-error {
  border: solid 1px #ececec;
  padding: 0.75em !important;
  margin: 0.75em 0;
  background-color: #fbfbfb;
  color: #082c5c;
}

.form label.error {
  position: absolute;
  color: #cc4b37;
  top: 0.875rem;
  right: 0.75rem;
  font-size: 0.75rem;
}

.form input.error, .form select.error {
  border: solid 1px #cc4b37;
}

.form input.error[type="checkbox"] ~ label {
  color: #cc4b37;
}

/*
 * Breadcrumbs
 */
.page-breadcrumbs {
  padding: 0.75em 0;
  border-top: solid 1px #efefef;
}

.page-breadcrumbs a:hover {
  color: #ec6600;
}

.page-breadcrumbs ul {
  margin: 0;
}

.page-breadcrumbs li {
  display: inline;
}

.page-breadcrumbs li:first-child a {
  padding-left: 0;
}

.page-breadcrumbs li:last-child a::after {
  display: none;
}

.page-breadcrumbs li a {
  padding-right: 2em;
}

.page-breadcrumbs a, .page-breadcrumbs span {
  position: relative;
  padding-left: 0.5em;
  color: #000;
  font-size: 0.875em;
}

.page-breadcrumbs li a::after {
  content: ">";
  color: #000;
  display: block;
  position: absolute;
  right: 0.25em;
  top: 0;
  line-height: 1.5em;
}

.page-breadcrumbs .col6 {
  text-align: right;
}

/*
 * Footer
 */
.footer {
  position: relative;
  clear: both;
  background: #525960;
  z-index: 100;
}

.footer .col18 {
  clear: both;
}

.footer h4 {
  color: #fff;
  margin-bottom: 0;
}

.footer ul {
  margin-top: 0;
}

.footer ul li {
  list-style: none;
}

.footer p {
  margin-bottom: 1.5em;
}

.footer p, .footer ul, .footer a {
  color: #ccc;
}

.footer h4, .footer p, .footer ul {
  font-size: 0.75em;
}

.footer a:hover {
  color: #fff;
}

.footer .white-bg {
  clear: both;
  background-color: #fff;
}

.footer .copyright-links p, .footer .copyright-links a {
  color: #666;
}

.footer .social-media img {
  margin-right: 0.5em;
  opacity: 0.75;
}

.footer .social-media img:hover {
  opacity: 1;
}

/*
 * Return to top
 */
.scrollToTop {
  width: 32px;
  height: 32px;
  border-radius: 18px;
  text-align: center;
  border: solid 2px #fff;
  background-color: #ededed;
  color: #000;
  text-decoration: none;
  position: fixed;
  bottom: 2em;
  right: 2em;
  display: none;
  z-index: 200;
  outline: 0;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
}

.scrollToTop i {
  line-height: 28px;
}

.scrollToTop:hover {
  background-color: #ddd;
}

/*
 * Partner locator 
 */
.partner-locator .map-wrapper {
  height: 520px;
}

.partner-locator .filter-partners {
  margin-bottom: 1.5em;
}

.partner-locator .country {
  background: url("../images/icon-blue-country.png") no-repeat 0.75em 50%;
  padding-left: 2em !important;
}

.partner-locator .address {
  background: url("../images/icon-blue-location.png") no-repeat 0.75em 50%;
  padding-left: 2em !important;
}

#partners-results .col24 + div > div.inner, #partners-results .col24 + div + div > div.inner {
  border: none;
}

#partners-results .col12.clear {
  clear: both;
}

#partners-results .col12 .inner {
  border-top: solid 1px #efefef;
}

#partners-results .partner-logo {
  float: right;
  width: 100px;
}

#partners-results strong {
  color: #082c5c;
}

#partners-results a {
  color: #082c5c;
}

#partners-results .partner-details {
  margin: 1.5em 0;
  min-height: 3em;
}

#partners-results .partner-details::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

#partners-results .partner-details i {
  width: 1.5em;
  font-size: 0.875em;
}

#partners-results .partner-details .col24 {
  padding: 0;
}

.ui-autocomplete {
  position: absolute;
  background: #fff;
  border: 1px solid #ddd;
  z-index: 100;
  box-shadow: 0 0.125em 0.125em rgba(0, 0, 0, 0.5);
}

.ui-autocomplete.fixed {
  position: fixed;
  padding-top: 0.5em;
}

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

.ui-autocomplete li {
  list-style: none;
  border-bottom: 1px solid #ddd;
  padding: 0.5em 0.5em 0.5em 0.5em;
  cursor: pointer;
}

.ui-autocomplete li:last-child {
  border-bottom: none;
}

.ui-autocomplete li:hover {
  background-color: #f6f6f6;
  color: #082c5c;
}

.gm-style {
  font-size: 1em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

.gm-style-iw {
  padding: 0.75em 0.5em;
}

.gm-style-iw p {
  margin: 0;
  font-size: 1em;
}

.infoBox {
  margin-top: 8px;
  background: #fff;
  padding: 0.25em 1em;
  box-shadow: 0 0.75em 0.75em rgba(0, 0, 0, 0.5);
}

.infoBox .col24 {
  padding: 0;
}

.infoBox .partner-details {
  margin: 0.75em 0;
}

.infoBox .partner-details i {
  width: 1.5em;
  font-size: 0.875em;
}

.infoBox .partner-logo {
  float: right;
  width: 100px;
}

.infoBox p {
  margin: 0.75em 0;
}

.infoBox strong {
  color: #082c5c;
}

.infoBox a {
  color: #ec6600;
}

.mfp-bg {
  background: #c8c8c8 !important;
}

/*
 * Newsroom 
 */
.newsroom .sidebar {
  float: left;
}

.newsroom .content {
  float: right;
}

.newsroom h1 {
  font-size: 2em;
  line-height: 1.5em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.newsroom h2 {
  font-size: 1.4375em;
  line-height: 2.08695652em;
  margin-top: 1.04347826em;
  margin-bottom: 1.04347826em;
  color: #ec6600;
}

.newsroom .article-image {
  border: solid 1px #ddd;
  margin-top: 1.5em;
}

.newsroom .article-image img {
  min-width: 100%;
  display: block;
}

.newsroom .article-image.whitepapers {
  float: left;
  margin: 0.75em 1.5em 0.75em 0;
  width: 25%;
}

.newsroom .article-image.whitepapers img {
  min-width: 0;
}

.sidebar-navigation {
  margin-left: 0;
  padding-bottom: 0.75em;
}

.sidebar-navigation li {
  list-style: none;
  margin-bottom: 0.375em;
  padding-bottom: 0.375em;
  border-bottom: solid 1px #ddd;
}

/*background: url(../images/background-line.png) repeat-x 0 100%;*/
.sidebar-navigation li:last-child {
  border: none;
  margin: 0;
}

.sidebar-navigation .button {
  text-align: center;
}

.sidebar-navigation a {
  text-decoration: none;
  color: #000;
  display: block;
}

.sidebar-navigation a:hover {
  color: #ec6600;
}

.sidebar-navigation li.active a, .sidebar-navigation a.active {
  font-weight: bold;
  color: #082c5c;
}

.sidebar-navigation ul {
  border-left: 1px solid #ececec;
  margin: 0.75em 0 0 0;
  padding: 0 0 0 0.75em;
}

.sidebar-navigation ul li {
  background: none;
}

.sidebar-navigation ul li a {
  padding: 0;
}

.sidebar-navigation ul li:last-child a {
  padding-bottom: 0;
}

.newsroom .block {
  margin-bottom: 1.5em;
}

.newsroom .block > div {
  padding: 0 1em;
  height: 0;
  padding-bottom: 80%;
  position: relative;
  border: solid 1px #ececec;
  overflow: hidden;
}

/*position:absolute;top:0;right:0;bottom:0;left:0;*/
.newsroom .block > div::after {
  content: "";
  background: url(../images/mask-block-text-white.png) repeat-x 0 100%;
  width: 100%;
  height: 1.5em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.newsroom .block .hidden-button {
  display: block;
  text-indent: -5000px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 110;
}

.newsroom .block:hover > div {
  box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.1);
  border: solid 1px #ddd;
  background-color: #f6f6f6;
}

.newsroom .block:hover > div::after {
  background: url(../images/mask-block-text.png) repeat-x 0 100%;
}

.newsroom .block.orange > div {
  border: solid 1px #082c5c;
  background-color: #082c5c;
  position: relative;
}

.newsroom .block.orange > div::after {
  display: none;
}

.newsroom .block.orange > div h4 {
  color: #fff;
  font-size: 1.5em;
  text-align: center;
  position: absolute;
  margin: 0;
  top: 35%;
  transform: translateY(50%);
  left: 0;
  right: 0;
}

.newsroom .preview-img {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
}

.newsroom div.whitepaper::after {
  display: none;
}

.newsroom div.whitepaper h4 {
  position: absolute;
  bottom: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.95);
  left: 0;
  right: 0;
  padding: 1em;
  margin-bottom: 0;
  height: 4.5em;
  box-shadow: 0 -0.25em 0.5em rgba(0, 0, 0, 0.1);
}

.news-wrapper {
  position: relative;
}

.lastest-news h3 {
  color: #ec6600;
  text-align: center;
  margin-bottom: 0;
}

.lastest-news ul {
  position: relative;
  min-height: 1.5em;
  margin-top: 0.75em;
}

.lastest-news li {
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  background-color: #fff;
  height: 1.5em;
  overflow: hidden;
  display: block;
  width: 100%;
  text-align: center;
}

.lastest-news li::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1.5em;
  height: 1.5em;
}

.lastest-news strong {
  font-weight: bold;
}

.lastest-news strong::after {
  content: "-";
  padding-left: 0.25em;
}

.lastest-news a {
  color: #082c5c;
}

.lastest-news a:hover {
  color: #000;
}

.lastest-news .dots {
  height: 1.5em;
  margin-bottom: 1.5em;
  text-align: center;
}

.lastest-news .dots > span {
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  padding: 0.25em;
  border-radius: 0.75em;
  background-color: #ddd;
  margin: 0 0.375em;
  cursor: pointer;
}

.lastest-news .dots > span:hover, .lastest-news .dots span.active {
  background-color: #082c5c;
}

/*
 * cookies
 */
.cookies {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(68, 68, 68, 0.9);
  color: #fff;
  padding: 0.75rem 0;
  text-align: center;
}

.cookies div {
  margin-bottom: 0;
}

.cookies p {
  font-size: 0.75em;
  margin: 0;
  line-height: 1.25em;
}

.cookies p.left {
  width: 75%;
  float: left;
}

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

.cookies a.button {
  display: inline-block;
  padding: 0.625em 1em;
  font-size: 0.75rem;
  margin: 0 0 0 0.75rem;
  background-image: none;
}

.sitemap h2 {
  border-bottom: solid 1px #efefef;
  margin: 0 0 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: normal;
}

.sitemap h3 {
  margin-top: 0;
  color: #082c5c;
  font-weight: normal;
}

.sitemap .columns {
  padding: 0 0.75rem;
  clear: both;
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 600px) {
  .sitemap .columns {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

.sitemap .group {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}

.sitemap ul {
  margin: 0 0 1.5rem 0;
}

.sitemap li {
  border-bottom: solid 1px #efefef;
}

.sitemap li a {
  padding: 0.375rem 0;
  display: block;
}

.sitemap .items {
  margin: 0 0 0 0.75rem;
}

.sitemap .items li:last-child {
  border: none;
}

.sitemap .items a {
  font-size: 0.875rem;
  color: #000;
}

/*
 * zinfi iframes
 */
.zinfi-full-page > .hrzntl-spacer {
  margin: 0;
}

.zinfi-full-page .container-wrapper {
  max-width: none;
}

.zinfi-full-page section > div {
  margin: 0;
  padding: 0;
}

.zinfi-full-page .embed-external {
  margin: 0;
}

.univerge-blue-panel h3 {
  color: #082c5c;
  font-weight: 100;
  font-size: 1.5rem;
}

.univerge-blue-panel h3 span {
  font-weight: bold;
}

.univerge-blue-panel ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 36'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23ea5b0c;%7D.b%7Bfill:%23f7941d;%7D.c%7Bfill:%23e30613;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M4.53,0a4.42,4.42,0,0,0-3.2,1.39,4.94,4.94,0,0,0,0,6.74L10.72,18l3.2-3.37a4.38,4.38,0,0,1,6.4,0L7.73,1.39A4.44,4.44,0,0,0,4.53,0'/%3E%3Cpath class='b' d='M10.72,18,1.33,27.87a4.94,4.94,0,0,0,0,6.74,4.38,4.38,0,0,0,6.4,0L20.32,21.37a4.38,4.38,0,0,1-6.4,0Z'/%3E%3Cpath class='c' d='M17.12,13.24a4.42,4.42,0,0,0-3.2,1.39L10.72,18l3.2,3.37a4.38,4.38,0,0,0,6.4,0,4.93,4.93,0,0,0,0-6.74,4.42,4.42,0,0,0-3.2-1.39'/%3E%3C/svg%3E") no-repeat 0 50%;
  width: 1rem;
  height: 1rem;
  top: 0.25rem;
  transform: none;
}

/*
 * Gitex
 */
.gitex {
  position: relative;
  z-index: 90;
  /* set 100% width */
}

.gitex .hrzntl-spacer {
  margin: 0;
  padding: 0;
  height: 100%;
}

.gitex .container-wrapper {
  max-width: none;
  height: 100%;
}

.gitex .video-intro {
  height: 40rem;
  margin: 0;
}

.gitex .col12 {
  top: auto;
  bottom: 0;
  position: absolute;
  left: 1.5rem;
  bottom: 0.5rem;
  width: 500px;
}

@media (max-width: 1150px) {
  .gitex .video-intro {
    height: 35rem;
  }
}

@media (max-width: 1000px) {
  .gitex .col12 {
    width: 75%;
  }
  .gitex video {
    height: 100%;
    width: auto;
  }
}

@media screen and (max-width: 600px) {
  .gitex .col12 {
    width: 100%;
  }
  .gitex .background .mask::before {
    background: red;
  }
  .gitex .background .mask::after {
    position: absolute;
    width: 100%;
    left: 0;
    content: "";
    z-index: 90;
    top: 0;
    bottom: 0;
    background: rgba(17, 46, 92, 0.5);
  }
  .gitex .logo {
    width: 150px !important;
  }
}

.gitex .background {
  position: absolute;
  width: 100%;
  height: 100%;
}

.gitex .background .mask2 {
  position: relative;
  width: 100%;
  height: 100%;
}

.gitex .background .mask2::before {
  position: absolute;
  width: 75%;
  left: 0;
  content: "";
  z-index: 90;
  top: 0;
  bottom: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#082c5c+0,004277+100&0.8+31,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(17, 46, 92, 0.8) 0%, rgba(17, 46, 92, 0.8) 31%, rgba(17, 46, 92, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc004277', endColorstr='#00004277',GradientType=1 );
  /* IE6-9 */
}

.gitex .background .mask::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: url(../images/hex-test.png) no-repeat 0 100%;
  z-index: 100;
}

.gitex .logo {
  position: absolute;
  width: 200px;
  position: absolute;
  top: 5.5rem;
  right: 1.5rem;
  z-index: 100;
}

.gitex .foreground {
  height: 100%;
  bottom: 0;
  z-index: 200;
  /*bottom:auto;
		top:55%;
		transform:translateY(-50%);*/
}

.gitex .foreground h1 + p img {
  width: auto;
}

.gitex h1 {
  font-weight: normal;
  font-size: 2rem;
}

.gitex h1 em {
  font-style: normal;
  color: #ec6600;
}

@media (max-width: 850px) {
  .hide-on-mobile {
    display: none;
  }
  #header a.toggle-navigation {
    display: block;
    float: right;
    width: 15%;
    margin-top: 1.5em;
    display: block;
    color: #333;
    font-size: 1.375em;
    outline: 0;
    text-align: right;
  }
  #header a.toggle-navigation.open {
    background-position: 100% -40px;
  }
  #header .sub-navigation {
    display: none;
  }
  nav {
    clear: both;
    transition: all .25s ease;
    line-height: 1.5em;
  }
  nav ul {
    display: block;
    margin: 0 0 1.5em 0;
    float: none;
    clear: both;
  }
  nav ul li {
    display: block;
    float: none;
    padding: 0;
  }
  nav ul li a.toplevel {
    border-bottom: 1px solid #ddd;
    padding: 0.5em 0;
    border-right: 0;
  }
  nav ul li a.nav-facebook {
    margin: 0.5em auto;
  }
  nav ul li ul li a {
    border: none;
  }
  nav ul ul {
    display: none !important;
  }
  nav li.zoeken {
    display: none;
  }
  nav li.zoeken-form {
    display: block !important;
    position: static;
    padding-bottom: 1em;
  }
  nav li.zoeken-form .search {
    margin-left: 0;
  }
  nav ul li:hover ul {
    display: block !important;
    position: relative;
    margin: 0;
  }
  nav ul li ul li {
    text-align: left !important;
  }
  nav ul ul::before {
    display: none;
  }
  nav ul ul {
    font-size: 0.875em;
    top: 0;
    border: none;
    left: 0;
    height: 12em;
    overflow-y: scroll;
    background: none;
    position: relative;
    padding-right: 15px;
    width: 100%;
  }
  nav ul li:hover a.has-options {
    color: #ec6600;
  }
  nav ul li:hover a.has-options::after {
    content: "";
    background: url(../images/scroll-up-down.png) no-repeat;
    position: absolute;
    right: 0;
    top: 3.5em;
    width: 1em;
    height: 2em;
    z-index: 100;
  }
  nav ul a.has-options + div {
    overflow: hidden;
    margin-right: 1.5em;
  }
  .col6 {
    width: 50%;
  }
  .driver-list {
    padding-top: 0;
    margin-top: 0;
  }
  .driver-list li {
    width: 20%;
    margin-top: 0 !important;
    padding-top: 3em;
  }
  .driver-list li:nth-child(5n+1) {
    clear: both;
  }
  .driver-list a > span {
    width: 45%;
    padding-bottom: 45%;
  }
  .driver-list a em {
    font-size: 1.5em;
  }
  .resources li {
    width: 50%;
  }
  .trending-topics .col8 {
    width: 50%;
    padding-bottom: 50% !important;
  }
  #video-intro {
    height: 40em;
  }
  #video-intro .background .container-wrapper::before {
    background-position: 50% 2em;
  }
  #video-intro h1 {
    font-size: 1.875em;
  }
  #video-intro p {
    font-size: 1em !important;
  }
  .showcase h1 {
    font-size: 2em;
  }
  .showcase .case-text {
    width: 70%;
  }
  .nec-showcase {
    height: 34rem;
  }
  .nec-showcase .drivers2019 h2 {
    font-size: 1.5rem;
  }
  .nec-showcase .drivers2019 .col8 {
    width: 70%;
    margin: 0 15%;
    height: auto !important;
  }
  .nec-showcase .drivers2019 .col15 {
    height: auto !important;
  }
  .nec-showcase .drivers2019 .text-middle {
    position: relative;
    margin-top: 6rem;
    transform: none;
  }
  .nec-showcase .drivers2019 .text-bottom {
    position: relative;
    bottom: auto;
    text-align: center;
  }
  .nec-showcase .drivers2019 .bg img {
    -webkit-animation: none;
            animation: none;
  }
  .nec-showcase .case.other .bg iframe,
.nec-showcase .case.other .bg img {
    min-width: 100%;
    min-height: 100%;
  }
  .nec-showcase .sv9100 .background {
    margin-top: 6rem;
  }
  .nec-showcase .sv9100 .foreground {
    bottom: 15rem;
  }
  .nec-showcase .sv9100 h2 {
    font-size: 1rem;
  }
  .nec-showcase .hydrastor .background {
    margin-top: 6rem;
  }
  .nec-showcase .hydrastor p.intro {
    display: none;
  }
  .nec-showcase .hydrastor .foreground {
    text-align: center;
    bottom: 15rem;
  }
  .nec-showcase .hydrastor .foreground h2 {
    font-size: 2rem;
  }
  .nec-showcase .hospitality .background {
    margin-top: 6rem;
  }
  .nec-showcase .hospitality p.intro {
    display: none;
  }
  .nec-showcase .hospitality .foreground h2 {
    font-size: 2rem;
  }
  .nec-showcase .hospitality .foreground {
    text-align: center;
    bottom: 15rem;
  }
  .nec-showcase .hospitality .embed-erternal {
    margin: 0;
  }
}

@media screen and (max-width: 600px) {
  .hrzntl-spacer {
    max-width: 500px;
    margin: auto;
  }
  .container-wrapper, .inner-wrapper {
    width: auto;
  }
  .hide-on-mobile {
    display: none;
  }
  h1 {
    font-size: 1.75em;
  }
  h2 {
    font-size: 1.75em;
  }
  #header a.logo {
    display: block;
    width: 85%;
    margin-top: 0;
    padding: 1.5em 0;
  }
  #header a.logo > img {
    height: 1.5rem;
  }
  #header a.toggle-navigation {
    display: block;
    float: right;
    width: 15%;
    margin-top: 1em;
    display: block;
    color: #333;
    font-size: 1.375em;
    outline: 0;
    text-align: right;
  }
  #header a.toggle-navigation.open {
    background-position: 100% -40px;
  }
  #header .sub-navigation {
    display: none;
  }
  .trending-topics .col8 {
    width: 100%;
    padding-bottom: 100% !important;
  }
  #video-intro .background .container-wrapper::before {
    background-position: 50% 3em;
  }
  #video-intro .video-wrapper {
    padding-top: 3em;
  }
  .offset1, .offset2, .offset3, .offset4, .offset5, .offset6, .offset7, .offset8 {
    margin-left: 0;
  }
  .col1, .col2, .col3, .col4, .col4-5, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13, .col14, .col15, .col16, .col17, .col18, .col19, .col20, .col21, .col22, .col23, .col24 {
    width: 100%;
  }
  #video-intro {
    height: 25em;
    text-align: center;
  }
  #video-intro p.intro {
    display: none;
  }
  .showcase {
    padding-bottom: 0%;
    height: 450px;
    text-align: center !important;
  }
  /*	.showcase .cases::before{display:none;}
		.showcase h1{font-size:1.75em;}
		.showcase p{margin-bottom:0;}
		.showcase .case-text{width:100%;}
		.slick-dots{display:none !important;}
		//.showcase .case .bg::before{content:"";background:rgba(255,255,255,0.65);position:absolute;top:0;left:0;right:0;height:100%;z-index:200;}
		.showcase.video .bg::before{display:none;}
	*/
  .showcase.with-hexagon {
    height: 30rem;
  }
  .showcase.with-hexagon .case .col10 {
    width: 75%;
    text-align: left;
  }
  .showcase.with-hexagon .case .col10 h1 {
    font-size: 1.5rem;
  }
  .showcase.with-hexagon .case .col10 p {
    font-size: 1rem;
  }
  .showcase.with-hexagon .text-wrapper::after {
    background-position: 75% 150%;
  }
  .showcase.with-hexagon .bg {
    left: -85%;
  }
  .showcase.with-hexagon img {
    max-width: none;
    height: 100%;
  }
  .tab-navigation ul {
    height: auto;
    margin: 0;
  }
  .tab-navigation ul:after {
    border: none;
  }
  .tab-navigation li {
    margin-bottom: 1.5em;
  }
  .tab-navigation li a {
    background-image: none;
    text-align: center;
  }
  .tab-navigation li.col6 {
    width: 50%;
  }
  .driver-list {
    padding-top: 0;
    margin-top: 0;
  }
  .driver-list li {
    width: 50%;
    margin-top: 0 !important;
    padding-top: 3em;
  }
  .driver-list a > span {
    width: 60%;
    padding-bottom: 60%;
  }
  .driver-list li:nth-child(2n+1) {
    clear: both;
  }
  .downloads-list li {
    width: 50%;
    margin: 0 0 1.5em 0;
  }
  .resources li {
    width: 100%;
    margin: 0;
  }
  .lastest-news ul {
    margin-left: 0;
    height: 4.5em;
  }
  .lastest-news li {
    height: 100%;
    text-align: center;
  }
  .lastest-news li::after {
    display: none;
  }
  .lastest-news strong {
    display: block;
    display: none;
  }
  .lastest-news .dots > span {
    display: inline-block;
    width: 1em;
    height: 1em;
    padding: 0.25em;
    border-radius: 0.75em;
    background-color: #ddd;
    margin: 0 0.375em;
    cursor: pointer;
  }
  .page-breadcrumbs, .page-breadcrumbs .col6 {
    text-align: center;
  }
  .footer {
    padding-bottom: 1.5rem;
  }
  .footer .quick-links .col6 {
    width: 100%;
    text-align: center;
  }
  .footer .quick-links ul {
    margin: 0;
  }
  .footer .quick-links ul a {
    display: block;
    padding: 0.25rem 0;
  }
  .footer .white-bg {
    text-align: center;
  }
  .footer .white-bg a {
    display: block;
    padding: 0.25rem 0;
  }
  .footer .white-bg .devider {
    display: none;
  }
  .footer .copyright-links {
    padding-top: 1.5rem;
  }
  .footer .social-media a {
    display: inline-block;
  }
}

/*
 * Hexagon icons
 */
.hex-icons h4 {
  margin-bottom: 0;
  padding-left: 4.5rem;
  position: relative;
}

.hex-icons h4 + p {
  margin-top: 0;
  padding-left: 4.5rem;
}

.hex-icons h4::before {
  content: "";
  width: 3rem;
  height: 3rem;
  position: absolute;
  left: 0;
  top: 0.75rem;
  background: url(../images/hex-label.svg) no-repeat 50% 50%;
  background-size: auto 100%;
}

.hex-icons h4.headset::before {
  background-image: url(../images/hex-label-headset.svg);
}

.hex-icons h4.directories::before {
  background-image: url(../images/hex-label-directories.svg);
}

.hex-icons h4.audio::before {
  background-image: url(../images/hex-label-audio.svg);
}

.hex-icons h4.security::before {
  background-image: url(../images/hex-label-security.svg);
}

.hex-icons h4.navigation::before {
  background-image: url(../images/hex-label-navigation.svg);
}

.hex-icons h4.poe::before {
  background-image: url(../images/hex-label-poe.svg);
}

.hex-icons h4.add-ons::before {
  background-image: url(../images/hex-label-add-ons.svg);
}

.hex-icons h4.road::before {
  background-image: url(../images/on-the-road.svg);
}

.hex-icons h4.premises::before {
  background-image: url(../images/on-premises.svg);
}

.hex-icons h4.larger-sites::before {
  background-image: url(../images/larger-locations.svg);
}

.hex-icons h4.mobile-extensions::before {
  background-image: url(../images/devices.svg);
}

.hex-icons h4.home-worker::before {
  background-image: url(../images/home-connected.svg);
}

.hex-icons h4.navigation::before {
  background-image: url(../images/navigation.svg);
}

.hex-icons h4.handset::before {
  background-image: url(../images/handsets.svg);
}

.hex-icons h4.mycalls::before {
  background-image: url(../images/mycalls.svg);
}

.hex-icons h4.customer-service::before {
  background-image: url(../images/customer-service.svg);
}

.hex-icons h4.record::before {
  background-image: url(../images/record.svg);
}

.hex-icons h4.panic::before {
  background-image: url(../images/panic.svg);
}

.hex-icons h4.sos::before {
  background-image: url(../images/sos.svg);
}

.hex-icons h4.toll-fraud::before {
  background-image: url(../images/toll-fraud.svg);
}

.hex-icons h4.government::before {
  background-image: url(../images/government.svg);
}

.hex-icons h4.hotel::before {
  background-image: url(../images/hotel.svg);
}

.hex-icons h4.education::before {
  background-image: url(../images/education.svg);
}

.hex-icons h4.healthcare::before {
  background-image: url(../images/healthcare.svg);
}

.hex-icons h4.puzzle::before {
  background-image: url(../images/puzzle.svg);
}

.hex-icons h4.signing::before {
  background-image: url(../images/signing.svg);
}

.hex-icons h4.face-recognition::before {
  background-image: url(../images/face-recognition.svg);
}

.hex-icons h4.calendar::before {
  background-image: url(../images/calendar.svg);
}

.hex-icons h4.list::before {
  background-image: url(../images/list.svg);
}

.hex-icons h4.check::before {
  background-image: url(../images/check.svg);
}

.hex-icons h4.rotate::before {
  background-image: url(../images/rotate.svg);
}

.hex-icons h4.features::before {
  background-image: url(../images/check.svg);
}

.hex-icons h4.call-control::before {
  background-image: url(../images/transfer.svg);
}

.hex-icons h4.video::before {
  background-image: url(../images/video.svg);
}

.covid-19 {
  padding: 0.75rem 0;
}

.covid-19 h2 {
  font-size: 1.75rem;
  line-height: 2rem;
}

.covid-19 hr {
  margin: 2.25rem 0 0;
}

.covid-19 h4.on-top {
  margin-bottom: 0;
  padding-left: 0 !important;
  padding-top: 2.25rem;
  text-align: center;
  margin-top: 0;
}

.covid-19 h4.on-top::before, .covid-19 h4.on-top::after {
  display: none;
}

.covid-19 h4.on-top span {
  display: block;
  width: 100%;
  height: 3rem;
  margin-bottom: 0.75rem;
  transition: all .25s;
}

.covid-19 h4.on-top.guide span {
  background: url(../images/guide.svg) no-repeat 50% 50%;
}

.covid-19 h4.on-top.prepared span {
  background: url(../images/prepared.svg) no-repeat 50% 50%;
}

.covid-19 h4.on-top.telecommuting span {
  background: url(../images/telecommuting.svg) no-repeat 50% 50%;
}

.covid-19 h4.on-top.communications span {
  background: url(../images/record.svg) no-repeat 50% 50%;
}

.covid-19 h4.on-top a {
  color: #082c5c;
  display: block;
}

.covid-19 h4.on-top:hover span {
  transform: scale(1.1);
}

@media screen and (max-width: 600px) {
  .covid-19 .col6 {
    width: 50%;
  }
  .covid-19 .col6 h4 {
    font-size: 0.87rem;
  }
}

.jssocials-shares {
  margin: 0.2em 0;
}

.jssocials-shares * {
  box-sizing: border-box;
}

.jssocials-share {
  display: inline-block;
  vertical-align: top;
  margin: 0.3em 0.6em 0.3em 0;
}

.jssocials-share:last-child {
  margin-right: 0;
}

.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 1.5em;
}

img.jssocials-share-logo {
  width: auto;
  height: 1em;
}

.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1;
}

.jssocials-share-link.jssocials-share-link-count {
  padding-top: .2em;
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
  display: block;
  font-size: .6em;
  margin: 0 -.5em -.8em -.5em;
}

.jssocials-share-link.jssocials-share-no-count {
  padding-top: .5em;
}

.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
  height: 1em;
}

.jssocials-share-label {
  padding-left: 0.3em;
  vertical-align: middle;
}

.jssocials-share-count-box {
  display: inline-block;
  height: 1.5em;
  padding: 0 0.3em;
  line-height: 1;
  vertical-align: middle;
  cursor: default;
}

.jssocials-share-count-box.jssocials-share-no-count {
  display: none;
}

.jssocials-share-count {
  line-height: 1.5em;
  vertical-align: middle;
}

.jssocials-share-twitter .jssocials-share-link {
  background: #00aced;
}

.jssocials-share-twitter .jssocials-share-link:hover {
  background: #0087ba;
}

.jssocials-share-facebook .jssocials-share-link {
  background: #3b5998;
}

.jssocials-share-facebook .jssocials-share-link:hover {
  background: #2d4373;
}

.jssocials-share-googleplus .jssocials-share-link {
  background: #dd4b39;
}

.jssocials-share-googleplus .jssocials-share-link:hover {
  background: #c23321;
}

.jssocials-share-linkedin .jssocials-share-link {
  background: #007bb6;
}

.jssocials-share-linkedin .jssocials-share-link:hover {
  background: #005983;
}

.jssocials-share-pinterest .jssocials-share-link {
  background: #cb2027;
}

.jssocials-share-pinterest .jssocials-share-link:hover {
  background: #9f191f;
}

.jssocials-share-email .jssocials-share-link {
  background: #3490F3;
}

.jssocials-share-email .jssocials-share-link:hover {
  background: #0e76e6;
}

.jssocials-share-stumbleupon .jssocials-share-link {
  background: #eb4823;
}

.jssocials-share-stumbleupon .jssocials-share-link:hover {
  background: #c93412;
}

.jssocials-share-whatsapp .jssocials-share-link {
  background: #29a628;
}

.jssocials-share-whatsapp .jssocials-share-link:hover {
  background: #1f7d1e;
}

.jssocials-share-telegram .jssocials-share-link {
  background: #2ca5e0;
}

.jssocials-share-telegram .jssocials-share-link:hover {
  background: #1c88bd;
}

.jssocials-share-line .jssocials-share-link {
  background: #25af00;
}

.jssocials-share-line .jssocials-share-link:hover {
  background: #1a7c00;
}

.jssocials-share-viber .jssocials-share-link {
  background: #7b519d;
}

.jssocials-share-viber .jssocials-share-link:hover {
  background: #61407b;
}

.jssocials-share-pocket .jssocials-share-link {
  background: #ef4056;
}

.jssocials-share-pocket .jssocials-share-link:hover {
  background: #e9132e;
}

.jssocials-share-messenger .jssocials-share-link {
  background: #0084ff;
}

.jssocials-share-messenger .jssocials-share-link:hover {
  background: #006acc;
}

.jssocials-share-vkontakte .jssocials-share-link {
  background: #45668e;
}

.jssocials-share-vkontakte .jssocials-share-link:hover {
  background: #344d6c;
}

.jssocials-share-link {
  padding: .5em .6em;
  color: #fff;
  transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
  color: #fff;
}

.jssocials-share-count-box {
  position: relative;
  height: 2.5em;
  padding: 0 .3em;
  margin-left: 0.3em;
  background: #f5f5f5;
  transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-count-box:hover {
  background: gainsboro;
}

.jssocials-share-count-box:hover:after {
  border-color: transparent gainsboro transparent transparent;
}

.jssocials-share-count-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.85em;
  left: -0.3em;
  width: 0;
  height: 0;
  border-width: 0.4em 0.4em 0.4em 0;
  border-style: solid;
  border-color: transparent #f5f5f5 transparent transparent;
  transform: rotate(360deg);
  transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-count-box .jssocials-share-count {
  line-height: 2.5em;
  color: #444;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.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;
  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: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  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;
  -ms-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;
  box-shadow: none;
  touch-action: manipulation;
}

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: 0.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;
}

.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: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

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

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  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 {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

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

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

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

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

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

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

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

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

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.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;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.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) {
  /**
       * Remove all paddings around the image on small screen
       */
  .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;
    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 {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}