HEX
Server: Apache
System: Linux v38079.2is.nl 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
User: democfellows (10015)
PHP: 8.1.34
Disabled: opcache_get_status
$ pwd: /var/www/vhosts/creativefellows.nl/test.creativefellows.nl/nec-enterprise.com/css/
Upload Files
File: /var/www/vhosts/creativefellows.nl/test.creativefellows.nl/nec-enterprise.com/css/app.css
@charset "UTF-8";
.floatfix:before,
.floatfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.floatfix:after {
  clear: both; }

/*! 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.
*/
/*
* 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: 500; }

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.5rem;
  line-height: 1.5rem;
  margin: 1.5rem 0; }

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

h3 {
  font-size: 1.5em;
  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; }

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

.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: 300;
  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;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 1.5rem;
  box-sizing: border-box; }
  @media screen and (max-width: 600px) {
    .button {
      display: block;
      width: 100%; } }
.button.primary {
  color: #fff;
  background-color: #082c5c;
  border: none; }

.button.primary:hover {
  color: #fff;
  background-color: #ec6600;
  border: none; }

.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: 300;
  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: 500;
  text-align: left; }

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

table p {
  margin: 0; }

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

/*
 * 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: 500;
  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: 500;
  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: 300;
  font-style: normal; }

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

/*
 * NEW terminals overview 
 */
.products-overview {
  clear: both;
  background: #f6f6f6;
  padding: 1.5rem 0 2.25rem 0; }
  .products-overview h2 {
    margin-bottom: 2.25rem; }
    .products-overview h2 span::before {
      content: "";
      padding-right: 1rem;
      border-left: solid 2px #ec6600; }
  .products-overview h3 {
    color: #082c5c;
    font-size: 1.25rem;
    text-align: left; }
  .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;
  border-radius: 0.5rem; }

.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
 */
.container__contact-us {
  overflow: hidden;
  padding: 1.5rem 0; }
  .container__contact-us h2 span::before {
    content: "";
    padding-right: 1rem;
    border-left: solid 2px #ec6600; }
  @media screen and (max-width: 600px) {
    .container__contact-us h2 span {
      display: block; } }
  .container__contact-us .button {
    border-radius: 1.5rem;
    border: none; }
  .container__contact-us .background-impression {
    position: relative;
    z-index: 10; }
  .container__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%; }
  .container__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%); }
  .container__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: 500;
  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;
  margin-left: 0.5em;
  margin-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; }
  @media screen and (max-width: 600px) {
    .headers-orange .container-wrapper > section::after {
      display: none; } }
.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%); }
  @media screen and (max-width: 600px) {
    .headers-orange .col12.vertical-align-middle {
      top: auto;
      transform: none; } }
.vertical-align-middle .col12.vertical-align-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }
  @media screen and (max-width: 600px) {
    .vertical-align-middle .col12.vertical-align-middle {
      top: auto;
      transform: none; } }
.vertical-align-middle .container-wrapper > section {
  padding: 0.75rem 0; }
  @media screen and (max-width: 600px) {
    .vertical-align-middle .container-wrapper > section {
      height: auto !important; } }
.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; }

.vertical-align-middle__last-item .container-wrapper > section::after {
  border: none; }

.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: -1.5rem;
  top: 0.25rem;
  width: 1rem;
  height: 1rem;
  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%;
  background-size: auto 0.75rem; }

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

.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 h3 {
  color: #082c5c; }

/*.contact-form .row{margin-bottom:1.5em;width:47.5%;display:inline-block;margin-right:2.5%;}
	.contact-form .row.full-width{width:97.5%}*/
.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: 500; }

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

/*
 * cookies
 */
.lastest-news {
  padding: 1.5rem 0; }
  .lastest-news .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: 500; }
  .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 .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; }

@media screen and (max-width: 600px) {
  .cookies p span {
    display: block;
    padding-top: 0.75rem; } }

.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: #ec6600;
  font-size: 1.5rem;
  line-height: 1.5rem; }

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

.univerge-blue-panel h4 {
  color: #2a2a29; }

.univerge-blue-panel ul {
  margin-left: 0; }

.univerge-blue-panel ul li {
  padding-left: 1.5rem;
  list-style: none;
  position: relative; }

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

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  transition: all 0.3s; }
  .header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 7.5rem;
    z-index: -1;
    transition: all 0.3s;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); }
  @media screen and (max-width: 600px) {
    .header:not(.header__home) .navigation-header {
      background: #fff;
      box-shadow: 0 0.5rem 0.75rem rgba(0, 0, 0, 0.125); }
      .header:not(.header__home) .navigation-header .logo-primary svg .st0 {
        fill: #082c5c; }
      .header:not(.header__home) .navigation-header .logo-primary svg .st1 {
        fill: #ec6600; }
      .header:not(.header__home) .navigation-header .logo-primary svg .st2 {
        fill: #0c54a0; }
      .header:not(.header__home) .navigation-header .toggle-navigation span {
        background-color: #082c5c; }
      .header:not(.header__home) .navigation-header a {
        color: #082c5c; }
      .header:not(.header__home) .navigation-header a.current::after {
        border-bottom: solid 0.25rem #082c5c; }
      .header:not(.header__home) .navigation-header li.search-site label {
        color: #e6e6e6 !important; }
      .header:not(.header__home) .navigation-header li.search-site input {
        background-color: #fff !important;
        box-shadow: inset 0 0 0.5rem #e6e6e6 !important;
        border: solid 1px #e6e6e6 !important; }
    .header:not(.header__home)::before {
      display: none; } }
  .header.header__support .logo-primary svg .st0, .header.header__ip-desktop-phones .logo-primary svg .st0, .header.header__dect-handsets .logo-primary svg .st0, .header.header__digital-desktop-phones .logo-primary svg .st0, .header.header__analogue-desktop-phones .logo-primary svg .st0, .header.header__sip-desktop-phones .logo-primary svg .st0, .header.header__navigation__open .logo-primary svg .st0, .header.header__has-scrolled .logo-primary svg .st0 {
    fill: #082c5c; }
  .header.header__support .logo-primary svg .st1, .header.header__ip-desktop-phones .logo-primary svg .st1, .header.header__dect-handsets .logo-primary svg .st1, .header.header__digital-desktop-phones .logo-primary svg .st1, .header.header__analogue-desktop-phones .logo-primary svg .st1, .header.header__sip-desktop-phones .logo-primary svg .st1, .header.header__navigation__open .logo-primary svg .st1, .header.header__has-scrolled .logo-primary svg .st1 {
    fill: #ec6600; }
  .header.header__support .logo-primary svg .st2, .header.header__ip-desktop-phones .logo-primary svg .st2, .header.header__dect-handsets .logo-primary svg .st2, .header.header__digital-desktop-phones .logo-primary svg .st2, .header.header__analogue-desktop-phones .logo-primary svg .st2, .header.header__sip-desktop-phones .logo-primary svg .st2, .header.header__navigation__open .logo-primary svg .st2, .header.header__has-scrolled .logo-primary svg .st2 {
    fill: #0c54a0; }
  .header.header__support .toggle-navigation span, .header.header__ip-desktop-phones .toggle-navigation span, .header.header__dect-handsets .toggle-navigation span, .header.header__digital-desktop-phones .toggle-navigation span, .header.header__analogue-desktop-phones .toggle-navigation span, .header.header__sip-desktop-phones .toggle-navigation span, .header.header__navigation__open .toggle-navigation span, .header.header__has-scrolled .toggle-navigation span {
    background-color: #082c5c; }
  .header.header__support .navigation-header, .header.header__ip-desktop-phones .navigation-header, .header.header__dect-handsets .navigation-header, .header.header__digital-desktop-phones .navigation-header, .header.header__analogue-desktop-phones .navigation-header, .header.header__sip-desktop-phones .navigation-header, .header.header__navigation__open .navigation-header, .header.header__has-scrolled .navigation-header {
    background: #fff;
    box-shadow: 0 0.5rem 0.75rem rgba(0, 0, 0, 0.125); }
    .header.header__support .navigation-header a, .header.header__ip-desktop-phones .navigation-header a, .header.header__dect-handsets .navigation-header a, .header.header__digital-desktop-phones .navigation-header a, .header.header__analogue-desktop-phones .navigation-header a, .header.header__sip-desktop-phones .navigation-header a, .header.header__navigation__open .navigation-header a, .header.header__has-scrolled .navigation-header a {
      color: #082c5c; }
    .header.header__support .navigation-header a.current::after, .header.header__ip-desktop-phones .navigation-header a.current::after, .header.header__dect-handsets .navigation-header a.current::after, .header.header__digital-desktop-phones .navigation-header a.current::after, .header.header__analogue-desktop-phones .navigation-header a.current::after, .header.header__sip-desktop-phones .navigation-header a.current::after, .header.header__navigation__open .navigation-header a.current::after, .header.header__has-scrolled .navigation-header a.current::after {
      border-bottom: solid 0.25rem #082c5c; }
    .header.header__support .navigation-header li.search-site label, .header.header__ip-desktop-phones .navigation-header li.search-site label, .header.header__dect-handsets .navigation-header li.search-site label, .header.header__digital-desktop-phones .navigation-header li.search-site label, .header.header__analogue-desktop-phones .navigation-header li.search-site label, .header.header__sip-desktop-phones .navigation-header li.search-site label, .header.header__navigation__open .navigation-header li.search-site label, .header.header__has-scrolled .navigation-header li.search-site label {
      color: #e6e6e6 !important; }
    .header.header__support .navigation-header li.search-site input, .header.header__ip-desktop-phones .navigation-header li.search-site input, .header.header__dect-handsets .navigation-header li.search-site input, .header.header__digital-desktop-phones .navigation-header li.search-site input, .header.header__analogue-desktop-phones .navigation-header li.search-site input, .header.header__sip-desktop-phones .navigation-header li.search-site input, .header.header__navigation__open .navigation-header li.search-site input, .header.header__has-scrolled .navigation-header li.search-site input {
      background-color: #fff !important;
      box-shadow: inset 0 0 0.5rem #e6e6e6 !important;
      border: solid 1px #e6e6e6 !important; }
  .header.header__support::before, .header.header__ip-desktop-phones::before, .header.header__dect-handsets::before, .header.header__digital-desktop-phones::before, .header.header__analogue-desktop-phones::before, .header.header__sip-desktop-phones::before, .header.header__navigation__open::before, .header.header__has-scrolled::before {
    display: none; }
  @media screen and (max-width: 600px) {
    .header.header__navigation__open {
      height: 100%;
      overflow: scroll;
      background: #fff; }
      .header.header__navigation__open .navigation-header {
        height: 100%;
        box-shadow: none; } }
  .header .navigation-header {
    padding: 1rem 0;
    transition: all 0.3s; }
    @media screen and (max-width: 600px) {
      .header .navigation-header {
        padding: 0.75rem 0.25rem; } }
    .header .navigation-header .logo-primary {
      display: block;
      float: left;
      height: 1.5rem;
      padding: 0.375rem 0;
      position: relative; }
      .header .navigation-header .logo-primary svg {
        position: relative;
        display: block;
        height: 100%;
        display: block;
        transition: all 0.3s; }
        .header .navigation-header .logo-primary svg * {
          fill: #fff; }
      @media screen and (max-width: 600px) {
        .header .navigation-header .logo-primary {
          height: 1.25rem;
          padding: 0.5rem 0; } }
    .header .navigation-header nav {
      float: right;
      position: relative;
      z-index: auto; }
      .header .navigation-header nav ul {
        list-style: none;
        position: relative;
        margin: 0 auto;
        z-index: auto; }
      .header .navigation-header nav ul li {
        float: left;
        position: relative; }
      .header .navigation-header nav li.search-site {
        margin-right: 0.75rem;
        position: relative; }
        .header .navigation-header nav li.search-site form {
          transition: all 0.3s; }
        .header .navigation-header nav li.search-site .search-icon {
          position: relative;
          z-index: 100; }
          .header .navigation-header nav li.search-site .search-icon label {
            padding: 0.375rem 1rem;
            cursor: pointer;
            display: inline-block;
            position: relative;
            color: #fff; }
            .header .navigation-header nav li.search-site .search-icon label:focus {
              color: #000; }
            .header .navigation-header nav li.search-site .search-icon label:active {
              color: #000; }
            @media screen and (max-width: 600px) {
              .header .navigation-header nav li.search-site .search-icon label {
                display: none; } }
        .header .navigation-header nav li.search-site .input-wrapper {
          float: right;
          position: absolute;
          z-index: 10000;
          top: 0;
          right: 0; }
          .header .navigation-header nav li.search-site .input-wrapper input {
            outline: 0;
            height: 1.5rem;
            width: 0;
            padding: 0.375rem 1rem;
            margin-right: 0;
            margin-left: 0;
            border: solid 1px transparent;
            box-shadow: none;
            border-radius: 1.25rem;
            max-width: none;
            transition: all 0.3s;
            opacity: 0;
            color: #000;
            font-size: 1rem;
            background: #fff url(../images/search-bg.png) no-repeat calc(100% - 1rem) 50%;
            background-size: 0.875rem auto; }
          .header .navigation-header nav li.search-site .input-wrapper input:focus {
            width: 32rem;
            padding-left: 1rem;
            opacity: 1; }
          .header .navigation-header nav li.search-site .input-wrapper button {
            display: none;
            transition: all 0.3s; }
          @media screen and (max-width: 600px) {
            .header .navigation-header nav li.search-site .input-wrapper {
              position: relative;
              float: none; }
              .header .navigation-header nav li.search-site .input-wrapper input,
              .header .navigation-header nav li.search-site .input-wrapper input:focus {
                opacity: 1;
                width: 100%;
                box-sizing: border-box;
                margin: 0.75rem 0;
                padding: 1.25rem; } }
      .header .navigation-header nav ul li a {
        display: block;
        text-decoration: none;
        padding: 0.375rem 1rem;
        color: #fff;
        font-weight: 300;
        outline: 0;
        transition: all 0.3s; }
      .header .navigation-header nav ul li a[data-target="home-dropdown"] {
        display: none; }
      .header .navigation-header nav a.current::after {
        content: "";
        border-bottom: solid 0.25rem transparent;
        position: absolute;
        bottom: -1.125rem;
        left: 0.75rem;
        right: 0.75rem; }
      .header .navigation-header nav a.dropdown-open::after {
        content: "";
        border-bottom: solid 0.25rem #ec6600;
        position: absolute;
        bottom: -1.125rem;
        left: 0.75rem;
        right: 0.75rem; }
      .header .navigation-header nav ul.navigation-list__sub-items {
        display: none;
        overflow: hidden;
        max-height: 0;
        transition: all 0.3s; }
      @media screen and (max-width: 600px) {
        .header .navigation-header nav {
          display: none;
          float: none;
          overflow: scroll;
          width: 100%;
          height: 100%; }
          .header .navigation-header nav.navigation-list__open {
            display: block; }
            .header .navigation-header nav.navigation-list__open > ul {
              margin-top: 1.5rem;
              margin-bottom: 1.5rem;
              display: block; }
          .header .navigation-header nav .navigation-list {
            margin: 3rem 0; }
            .header .navigation-header nav .navigation-list li {
              float: none;
              border-bottom: solid 1px #e6e6e6;
              text-align: center; }
            .header .navigation-header nav .navigation-list a {
              padding: 0.75rem 0;
              font-size: 1.25rem;
              font-weight: 500; }
            .header .navigation-header nav .navigation-list a.current::after,
            .header .navigation-header nav .navigation-list a.dropdown-open::after {
              display: none; }
            .header .navigation-header nav .navigation-list a + ul {
              max-height: 0;
              transition: all 0.3s; }
            .header .navigation-header nav .navigation-list a.page-links__open + ul {
              display: block;
              max-height: 500px; }
          .header .navigation-header nav li.search-site {
            margin: 0; }
          .header .navigation-header nav li.contact-us {
            padding: 0.75rem 0;
            border: none; }
          .header .navigation-header nav .navigation-list__sub-items {
            display: block;
            padding: 0;
            margin: 0; }
            .header .navigation-header nav .navigation-list__sub-items li:last-child {
              border: none;
              margin-bottom: 1.5rem; }
            .header .navigation-header nav .navigation-list__sub-items strong {
              display: block;
              line-height: 1.5rem;
              padding: 0.75rem 0;
              text-transform: uppercase;
              color: #082c5c;
              font-weight: 500;
              cursor: pointer; }
            .header .navigation-header nav .navigation-list__sub-items strong::after {
              content: "+";
              display: block;
              position: absolute;
              top: 0;
              right: 0;
              width: 1rem;
              height: 1.5rem;
              padding: 0.75rem 0;
              left: auto;
              color: #ec6600;
              font-size: 1.75rem;
              text-align: center; }
            .header .navigation-header nav .navigation-list__sub-items strong.page-links__open::after {
              content: "-"; }
            .header .navigation-header nav .navigation-list__sub-items strong.page-links__open + ul {
              display: block;
              max-height: 500px; }
          .header .navigation-header nav .navigation-list__page-links {
            transition: all 0.3s;
            max-height: 0;
            overflow: hidden;
            margin: 0; }
            .header .navigation-header nav .navigation-list__page-links a {
              font-size: 1rem;
              color: #ec6600;
              font-weight: 300; }
            .header .navigation-header nav .navigation-list__page-links li:last-child {
              margin-bottom: 1rem; } }
    .header .navigation-header .button {
      text-transform: none;
      padding: 0.375rem 1.5rem; }
      .header .navigation-header .button.button__hollow {
        border: solid 1px #ec6600; }
      .header .navigation-header .button.button__rounded {
        border-radius: 1.25rem; }
      @media screen and (max-width: 600px) {
        .header .navigation-header .button {
          background: #ec6600;
          color: #fff !important; } }
    .header .navigation-header .toggle-item {
      display: inline-block; }
      .header .navigation-header .toggle-item.toggle-item__search {
        padding-right: 0.375rem;
        margin-right: 1.5rem; }
      .header .navigation-header .toggle-item.toggle-item__language {
        padding-left: 0.375rem;
        margin-right: 0.75rem; }
  .header .toggle-navigation {
    float: right;
    position: relative;
    width: 2em;
    height: 2em;
    padding: 0;
    transform: rotate(0deg);
    cursor: pointer;
    margin-top: 0.125rem; }
    @media screen and (min-width: 600px) {
      .header .toggle-navigation {
        display: none; } }
    .header .toggle-navigation span {
      display: block;
      position: absolute;
      height: 0.125em;
      width: 2em;
      background: #fff;
      opacity: 1;
      left: 0;
      transform: rotate(0deg);
      transition: all 0.3s; }
    .header .toggle-navigation span:nth-child(1) {
      top: 0.25em; }
    .header .toggle-navigation span:nth-child(2),
    .header .toggle-navigation span:nth-child(3) {
      top: 0.875em; }
    .header .toggle-navigation span:nth-child(4) {
      top: 1.5em; }
    .header .toggle-navigation.open span:nth-child(1) {
      top: 18px;
      width: 0%;
      left: 50%; }
    .header .toggle-navigation.open span:nth-child(2) {
      transform: rotate(45deg); }
    .header .toggle-navigation.open span:nth-child(3) {
      transform: rotate(-45deg); }
    .header .toggle-navigation.open span:nth-child(4) {
      top: 18px;
      width: 0%;
      left: 50%; }

.header-spacer {
  height: 6rem; }

.shade-out {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 200; }
  @media screen and (max-width: 600px) {
    .shade-out {
      display: none !important; } }
.dropdown {
  margin-top: 1rem; }
  @media screen and (max-width: 600px) {
    .dropdown {
      display: none !important; } }
  .dropdown .dropdown-wrapper {
    background: #fff;
    border-radius: 0.75rem;
    margin: 0 0.75rem;
    padding: 1.5rem 1.5rem 0.75rem 1.5rem;
    box-shadow: 0 0.5rem 0.75rem rgba(0, 0, 0, 0.125);
    transition: all 0.3s; }
  .dropdown .close-dropdown {
    position: absolute;
    top: 0.75rem;
    right: 1.75rem;
    font-size: 1.5rem;
    width: 1.125rem;
    height: 1.125rem; }
    .dropdown .close-dropdown svg * {
      fill: #a4a4a4; }
  .dropdown .column {
    width: 25%; }
  .dropdown .column__solutions {
    width: 33.3333%; }
    .dropdown .column__solutions .column-description {
      min-height: 3.625rem; }
  .dropdown .column__partners {
    width: 33.3333%; }
  .dropdown .column-header {
    margin-top: 0.75rem;
    position: relative; }
    .dropdown .column-header::before {
      content: "";
      position: absolute;
      top: 0;
      left: -0.75rem;
      bottom: 0;
      border-left: solid 1px #ec6600; }
  .dropdown .column-description {
    color: #a4a4a4;
    font-size: 0.8125rem; }
  .dropdown .column-list a {
    font-size: 0.875rem; }
  .dropdown ul {
    list-style: none; }
  .dropdown .group-header {
    margin-bottom: 0;
    font-weight: 500;
    color: #082c5c;
    font-size: 0.9375rem; }
  .dropdown .group-list {
    margin-top: 0; }
    .dropdown .group-list a {
      font-size: 0.875rem;
      display: block; }
  .dropdown .group-list__industries li {
    width: 50%;
    display: inline-block; }

/*
 * Search 
 */
.search-products .form__search {
  margin-top: 0.75rem; }

.search-products .input__search {
  outline: none;
  border: none;
  display: block;
  margin: 0 15% 0 35%;
  width: 50%;
  background: #fff url(../images/search-bg.png) no-repeat 0.75em 50%;
  padding: 0.75em 0.75em 0.75em 2.5em;
  position: relative;
  box-sizing: border-box; }
  .search-products .input__search:focus {
    background-color: #fff;
    border: none;
    box-shadow: none; }

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

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

.resources {
  padding: 3em 0 1.5rem 0;
  background: #ececec; }

.resources h2 {
  text-align: center;
  margin-top: 0; }
  .resources h2 span::before {
    content: "";
    padding-right: 1rem;
    border-left: solid 2px #ec6600; }
  @media screen and (max-width: 600px) {
    .resources h2 span {
      display: block; } }
.resources ul {
  margin: 3rem 0 0 0; }

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

.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;
  border-radius: 0.5rem; }

.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: 500;
  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,
.resources li a.manual::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;
  overflow: hidden;
  height: 2.25rem; }

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

/*
 * Related content
 */
.related-content {
  clear: both;
  background: #f6f6f6;
  padding: 1.5rem 0 2.25rem 0; }
  .related-content h2 {
    margin-bottom: 2.25rem; }
    .related-content h2 span::before {
      content: "";
      padding-right: 1rem;
      border-left: solid 2px #ec6600; }
  .related-content .related-items-wrapper {
    overflow: hidden;
    clear: both;
    padding: 0.75rem 0;
    display: table;
    width: 100%;
    align: center; }
    .related-content .related-items-wrapper .table-row {
      margin: auto;
      display: inline-block;
      left: 50%;
      position: relative;
      transform: translateX(-50%); }
    .related-content .related-items-wrapper .column {
      height: 100%;
      display: table-cell;
      float: none; }
    .related-content .related-items-wrapper .related-item {
      height: 100%;
      width: 100%;
      display: table; }
  .related-content .related-item {
    position: relative;
    overflow: hidden;
    max-height: 15em;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0.5rem; }
    .related-content .related-item .image-wrapper {
      display: block;
      overflow: hidden;
      height: 7.5rem; }
    .related-content .related-item .image-wrapper img {
      display: block;
      transition: all 1s ease;
      min-width: 100%; }
    .related-content .related-item:hover img {
      transform: scale(1.1); }
    .related-content .related-item .text-wrapper {
      position: relative;
      left: 0;
      right: 0;
      bottom: 0;
      display: block;
      padding: 1em; }
  .related-content .related-item__trending-topic {
    margin-bottom: 1.5rem; }
    .related-content .related-item__trending-topic .text-wrapper p {
      min-height: 4rem; }
      @media screen and (max-width: 600px) {
        .related-content .related-item__trending-topic .text-wrapper p {
          min-height: 0; } }
  .related-content .related-item h4,
  .related-content .related-item p {
    margin: 0;
    color: #fff;
    font-size: 0.875em; }
  .related-content .related-item h4 {
    padding-right: 1.5em;
    position: relative; }
    @media screen and (max-width: 600px) {
      .related-content .related-item h4 {
        min-height: 0; } }
  .related-content .related-item h4 i {
    float: right;
    padding-top: 0.375em;
    position: absolute;
    top: 0;
    right: 0; }
  .related-content .related-item .hidden-button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    text-indent: -5000px; }
  .related-content .related-item.no-image {
    padding-top: 0;
    margin: 0; }
    .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: #112e5c; }
  .related-content .column:nth-child(2) div {
    background: #5f4771; }
  .related-content .column:nth-child(3) div {
    background: #ec6706; }
  .related-content .column:nth-child(4) div {
    background: #ab8248; }
  .related-content .column:nth-child(5) div {
    background: #385840; }
  .related-content .column:nth-child(6) div {
    background: #063f4b; }
  .related-content .column:nth-child(7) div {
    background: #76161b; }
  .related-content .column:nth-child(8) div {
    background: #384249; }
  .related-content .smaller {
    font-size: 0.75em; }
  .related-content .related-content--white {
    background: #fff;
    margin-top: 0; }
  .related-content .related-content--white h2 {
    padding-top: 0;
    margin-top: 0; }

@media (max-width: 850px) {
  .hide-on-mobile {
    display: none; }
  .col6 {
    width: 50%; }
  .resources li {
    width: 50%; }
  .trending-topics .col8 {
    width: 50%;
    padding-bottom: 50% !important; } }

@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, h3 {
    font-size: 1.25em;
    line-height: 1.5rem; }
  h4 {
    font-size: 1rem !important; }
  .button {
    display: block;
    text-align: center; }
  #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%; }
  .col4-5 > div {
    padding: 0 3rem; }
    .col4-5 > div br {
      display: none; }
    .col4-5 > div :last-child {
      margin-bottom: 0; }
  .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 ul {
    margin: 0 0.75rem; }
  .resources li {
    width: 50%;
    margin: 0 0 0.75rem 0; }
  .resources li a {
    padding-left: 0.7rem;
    text-align: center; }
  .resources li a::after {
    display: none; }
  .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); }

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

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

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

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

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

.hex-icons h4.health::before {
  background-image: url(../images/health.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; } }
.partner-reasons {
  position: relative;
  background-color: #082c5c;
  padding: 7.5rem 0 0 0;
  margin-bottom: 6rem; }
  .partner-reasons::before {
    content: "" !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 10rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2600 200' style='enable-background:new 0 0 2600 200'%3E%3Cpath d='M2740-410.8L-113.1-579l-35.3 598.2 2853.1 168.3 35.3-598.3z' style='fill:%23fefefe'/%3E%3C/svg%3E") no-repeat 50% 0%; }
  .partner-reasons::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10rem;
    z-index: 1000;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2600 200' style='enable-background:new 0 0 2600 200'%3E%3Cpath d='M-148.4-414.8l35.3 598.3L2740 15.2 2704.7-583-148.4-414.8z' style='fill:%23082c5c'/%3E%3C/svg%3E") no-repeat 50% 0%;
    clear: none !important;
    content: "" !important;
    height: 10rem !important;
    visibility: visible !important; }
  .partner-reasons h1, .partner-reasons h2, .partner-reasons h3, .partner-reasons h4 {
    color: #fff; }
  .partner-reasons h2 {
    margin-bottom: 3rem; }
  .partner-reasons p {
    color: #fff; }
  .partner-reasons .reasons__intro,
  .partner-reasons .reasons__outro {
    text-align: center; }
    .partner-reasons .reasons__intro h2,
    .partner-reasons .reasons__outro h2 {
      margin-bottom: 1.5rem; }
    .partner-reasons .reasons__intro p,
    .partner-reasons .reasons__outro p {
      margin-bottom: 3rem; }
  .partner-reasons .reasons__outro p {
    margin-bottom: 0; }
  .partner-reasons .reasons__option {
    background-color: rgba(255, 255, 255, 0.05);
    padding: 2rem;
    margin-bottom: 1.5rem;
    position: relative;
    overflow: hidden;
    text-align: center; }
    .partner-reasons .reasons__option h4 {
      margin: 0;
      padding-top: 4.5rem;
      position: relative;
      opacity: 1;
      transition: all 0.3s;
      margin-bottom: 0; }
    .partner-reasons .reasons__option h4::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 4rem; }
    .partner-reasons .reasons__option h4.one::before {
      background: url(../images/partners/0.png) 50% 0 no-repeat;
      background-size: auto 3rem; }
    .partner-reasons .reasons__option h4.two::before {
      background: url(../images/partners/1.png) 50% 0 no-repeat;
      background-size: auto 3rem; }
    .partner-reasons .reasons__option h4.three::before {
      background: url(../images/partners/2.png) 50% 0 no-repeat;
      background-size: auto 3rem; }
    .partner-reasons .reasons__option h4.four::before {
      background: url(../images/partners/3.png) 50% 0 no-repeat;
      background-size: auto 3rem; }
    .partner-reasons .reasons__option h4.five::before {
      background: url(../images/partners/4.png) 50% 0 no-repeat;
      background-size: auto 3rem; }
    .partner-reasons .reasons__option h4.six::before {
      background: url(../images/partners/5.png) 50% 0 no-repeat;
      background-size: auto 3rem; }
    .partner-reasons .reasons__option h4.seven::before {
      background: url(../images/partners/6.png) 50% 0 no-repeat;
      background-size: auto 3rem; }
    .partner-reasons .reasons__option h4.eight::before {
      background: url(../images/partners/7.png) 50% 0 no-repeat;
      background-size: auto 3rem; }
    .partner-reasons .reasons__option h4.nine::before {
      background: url(../images/partners/8.png) 50% 0 no-repeat;
      background-size: auto 3rem; }
    .partner-reasons .reasons__option h4.ten::before {
      background: url(../images/partners/9.png) 50% 0 no-repeat;
      background-size: auto 3rem; }
    .partner-reasons .reasons__option h4 + p {
      position: absolute;
      transform: translate(-50%, -50%);
      transition: all 0.3s;
      width: 90%;
      left: 50%;
      margin: 0;
      top: 150%;
      padding: 1.5rem 0 2rem 0rem;
      font-size: 0.875rem; }
      .partner-reasons .reasons__option h4 + p a {
        margin-bottom: 0;
        position: absolute;
        bottom: 1.5rem;
        padding-left: 1.5rem;
        color: #fff;
        font-weight: 400;
        left: 50%;
        transform: translateX(-50%); }
      .partner-reasons .reasons__option h4 + p a:hover {
        transition: all 0.3s;
        margin-left: 0.5rem; }
    .partner-reasons .reasons__option:hover h4 {
      opacity: 0; }
    .partner-reasons .reasons__option:hover h4 + p {
      top: 50%; }
  .partner-reasons .row-default:last-child .option {
    border: none; }

.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("/slick/fonts/slick.eot");
  src: url("/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/slick/fonts/slick.woff") format("woff"), url("/slick/fonts/slick.ttf") format("truetype"), url("/slick/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: 16px;
        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; }

.nec-showcase {
  width: 100%;
  position: relative;
  z-index: 100;
  height: 43em;
  background-color: #fff;
  border-bottom: none;
  margin-bottom: 0 !important;
  overflow: hidden;
  /*
	 * Default
	 */
  /*
	 * UNIVERGE BLUE
	 */
  /*
	 * GLOBAL NO1
	 */
  /*
	 * Smart Drivers
	 */
  /*
	 * Work better 
	 */
  /*
	 * Work better 
	 */
  /*
	 * Mobile
	 */ }
  .nec-showcase > div,
  .nec-showcase > div > div {
    height: 100%; }
  .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; }
  .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 .case .case-text {
    height: auto !important;
    top: 55%;
    transform: translateY(-50%); }
    @media screen and (max-width: 600px) {
      .nec-showcase .case .case-text {
        padding-top: 6rem;
        top: 0;
        transform: none; } }
  .nec-showcase .case div {
    height: 100%; }
  .nec-showcase .case .bg {
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    -webkit-animation: zoomImage 20s infinite;
            animation: zoomImage 20s infinite; }
    .nec-showcase .case .bg iframe, .nec-showcase .case .bg img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      min-width: 50%;
      min-height: 50%; }
    @media screen and (max-width: 600px) {
      .nec-showcase .case .bg img, .nec-showcase .case .bg iframe {
        -webkit-animation: unset;
                animation: unset;
        height: 100%;
        max-width: none;
        left: auto;
        right: auto;
        margin: 0;
        left: -50%; } }
  .nec-showcase .case img.align-middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    @media screen and (max-width: 600px) {
      .nec-showcase .case img.align-middle {
        padding-top: 4.5rem;
        top: 0;
        transform: none; } }
  @media screen and (max-width: 600px) {
    .nec-showcase .case .text-wrapper::before {
      opacity: 0.75; } }
  .nec-showcase .univerge-blue {
    background: #0069a7; }
    .nec-showcase .univerge-blue::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 50%;
      bottom: 0;
      background: #e6e6e6; }
    .nec-showcase .univerge-blue h2 {
      font-size: 7rem;
      line-height: 4.5rem;
      font-weight: 700;
      text-align: center;
      color: #fff;
      margin-bottom: 3rem; }
    .nec-showcase .univerge-blue p.lead {
      text-align: center;
      font-size: 1.5rem;
      text-transform: uppercase;
      color: #fff;
      line-height: 1.75rem;
      margin: 1.5rem 0; }
    .nec-showcase .univerge-blue p {
      text-align: center; }
    .nec-showcase .univerge-blue span.clear {
      display: block;
      line-height: 1.25rem; }
    .nec-showcase .univerge-blue img {
      display: block;
      width: 80%;
      margin: 0 10%; }
    .nec-showcase .univerge-blue .col__left p strong {
      display: block; }
    .nec-showcase .univerge-blue .col__right h2 {
      color: #ec6600; }
    .nec-showcase .univerge-blue .col__right p {
      color: #082c5c; }
    @media screen and (max-width: 600px) {
      .nec-showcase .univerge-blue::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0%;
        width: 100%;
        bottom: 0;
        background: #e6e6e6;
        display: none; }
      .nec-showcase .univerge-blue .text-wrapper {
        padding: 0 !important; }
      .nec-showcase .univerge-blue .col__left {
        position: relative;
        overflow: hidden;
        padding-top: 6rem; }
        .nec-showcase .univerge-blue .col__left h2 {
          margin: 0 0 1.5rem 0;
          line-height: 2.5rem;
          font-size: 3.5rem !important; }
        .nec-showcase .univerge-blue .col__left p {
          padding-bottom: 0rem;
          margin-top: 0.75rem; }
        .nec-showcase .univerge-blue .col__left img {
          position: absolute;
          left: 0%;
          right: 0%;
          width: 100%;
          margin: 3rem auto auto auto;
          z-index: -1;
          top: 0;
          opacity: 0.4; }
      .nec-showcase .univerge-blue .col__right {
        position: relative;
        padding-top: 0rem; }
        .nec-showcase .univerge-blue .col__right::before {
          content: "";
          position: absolute;
          top: 0;
          right: -10%;
          bottom: 0;
          left: -10%;
          background: #e6e6e6;
          z-index: -1; }
        .nec-showcase .univerge-blue .col__right h2 {
          margin: 1.5rem 0;
          line-height: 2.5rem;
          font-size: 3.5rem !important; }
        .nec-showcase .univerge-blue .col__right .call-to-action {
          margin: 0.75rem 0 4rem 0; }
        .nec-showcase .univerge-blue .col__right .button {
          font-size: 0.875rem; } }
  .nec-showcase .global-no-1 h2 {
    font-size: 4rem;
    line-height: 4rem; }
    @media screen and (max-width: 600px) {
      .nec-showcase .global-no-1 h2 {
        line-height: 2.5rem; } }
  .nec-showcase .global-no-1 .text-wrapper::before {
    content: "";
    width: 500px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30%;
    bottom: 0%;
    width: 1000px;
    background: url(../images/mask2.png) no-repeat 100% 50% !important; }
  .nec-showcase .smart-drivers-2021 .text-wrapper::before {
    content: "";
    width: 500px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30%;
    bottom: 0%;
    width: 1000px;
    z-index: -1;
    background: url(../images/mask-trends.png) no-repeat 100% 50% !important; }
  .nec-showcase .smart-drivers-2021 .text-wrapper::after {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#232b42+0,232b42+100&1+71,0+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #232b42 0%, #232b42 71%, rgba(35, 43, 66, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232b42', endColorstr='#00232b42',GradientType=1 );
    /* IE6-9 */ }
  .nec-showcase .smart-drivers-2021 h2 {
    font-size: 4rem;
    line-height: 4rem; }
    @media screen and (max-width: 600px) {
      .nec-showcase .smart-drivers-2021 h2 {
        line-height: 2.5rem; } }
  .nec-showcase .smart-drivers-2021 .lead {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase; }
  .nec-showcase .smart-drivers-2021 .hexagon-badge {
    position: absolute;
    bottom: 5rem;
    right: 5rem;
    height: 9rem;
    z-index: 1000; }
    @media screen and (max-width: 600px) {
      .nec-showcase .smart-drivers-2021 .hexagon-badge {
        display: none; } }
  .nec-showcase .work-better h2 {
    font-size: 3rem;
    line-height: 3rem; }
  .nec-showcase .work-better p {
    text-shadow: 1px 1px #fff; }
  .nec-showcase .work-better .button {
    text-shadow: none; }
  .nec-showcase .work-better .text-wrapper::before {
    content: "";
    width: 500px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30%;
    bottom: 0%;
    width: 1000px;
    background: url(../images/mask-white.png) no-repeat 100% 50% !important; }
  @media screen and (max-width: 600px) {
    .nec-showcase .work-better h2 {
      color: #fff; }
    .nec-showcase .work-better p {
      text-shadow: none;
      color: #fff; }
    .nec-showcase .work-better .text-wrapper::before {
      background: url(../images/mask2.png) no-repeat 100% 0% !important; } }
  .nec-showcase .sv9000 .text-wrapper::before {
    content: "";
    width: 500px;
    position: absolute;
    top: -10%;
    bottom: 0;
    left: -25%;
    bottom: 0%;
    width: 1000px;
    background: url(../images/mask-white2.png) no-repeat 100% 0 !important; }
  @media screen and (max-width: 600px) {
    .nec-showcase {
      height: 42rem; }
      .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; }
      .nec-showcase .slick-prev {
        left: 0; }
      .nec-showcase .slick-next {
        right: 0; } }
.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: 500; }

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

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

.showcase.with-hexagon {
  overflow: hidden;
  height: 35.5rem;
  margin-bottom: 0.75rem; }
  .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 p.page-group-name {
    position: relative;
    display: block;
    font-size: 0.75rem;
    font-weight: 300;
    color: #fff;
    margin: auto; }
    .showcase.with-hexagon .text-wrapper p.page-group-name span::before {
      content: "";
      padding-right: 0.375rem;
      border-left: solid 2px #ec6600; }
  .showcase.with-hexagon .text-wrapper .button {
    margin-bottom: 1.5rem;
    background: #fff;
    color: #ec6600;
    border: none;
    color: #ec6600;
    outline: 0; }
  .showcase.with-hexagon .video-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .showcase.with-hexagon .video-wrapper .text-wrapper {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 100;
      text-align: center; }
      .showcase.with-hexagon .video-wrapper .text-wrapper h1, .showcase.with-hexagon .video-wrapper .text-wrapper h2, .showcase.with-hexagon .video-wrapper .text-wrapper p {
        color: #fff; }
      .showcase.with-hexagon .video-wrapper .text-wrapper::after {
        display: none; }
      .showcase.with-hexagon .video-wrapper .text-wrapper .hrzntl-spacer {
        top: 25%; }
      .showcase.with-hexagon .video-wrapper .text-wrapper .button.primary {
        background-color: #082c5c;
        color: #fff;
        font-size: 1rem;
        margin: 0 0.25rem; }
      .showcase.with-hexagon .video-wrapper .text-wrapper .button.secondary {
        background-color: #ec6600;
        color: #fff;
        font-size: 1rem;
        margin: 0 0.25rem; }
  .showcase.with-hexagon .video-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(43, 45, 51, 0.5); }
  .showcase.with-hexagon video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  @media screen and (max-width: 600px) {
    .showcase.with-hexagon {
      height: auto;
      margin-top: 3.5rem; }
      .showcase.with-hexagon .cases {
        position: relative; }
      .showcase.with-hexagon .case .case-text {
        position: relative;
        left: auto;
        width: auto;
        margin-top: 1.5rem;
        width: 100%;
        top: auto;
        bottom: auto; }
        .showcase.with-hexagon .case .case-text p.page-group-name {
          position: relative;
          display: block;
          font-size: 0.75rem;
          text-align: center;
          font-weight: 300;
          color: #082c5c;
          margin: 0.75rem 0; }
          .showcase.with-hexagon .case .case-text p.page-group-name span::before {
            content: "";
            padding-right: 0.375rem;
            border-left: solid 2px #ec6600; }
        .showcase.with-hexagon .case .case-text h1 {
          text-align: center;
          font-size: 1.75rem;
          margin-top: 0.75rem; }
          .showcase.with-hexagon .case .case-text h1 span {
            color: #ec6600;
            display: inline; }
        .showcase.with-hexagon .case .case-text p {
          color: #000;
          display: none; }
        .showcase.with-hexagon .case .case-text .button {
          background: #082c5c;
          color: #fff;
          display: block;
          margin: auto;
          text-align: center;
          font-size: .875rem;
          margin-bottom: 1.5rem; }
          .showcase.with-hexagon .case .case-text .button i {
            display: none; }
      .showcase.with-hexagon .bg {
        position: relative;
        left: auto;
        right: auto;
        width: auto;
        height: auto;
        top: auto; }
      .showcase.with-hexagon .bg img {
        position: relative;
        max-width: 100%; } }
@-webkit-keyframes zoomImage {
  0% {
    transform: scale(1) translateX(0); }
  50% {
    transform: scale(1.1) translateX(2%); }
  100% {
    transform: scale(1) translateX(0); } }
@keyframes zoomImage {
  0% {
    transform: scale(1) translateX(0); }
  50% {
    transform: scale(1.1) translateX(2%); }
  100% {
    transform: scale(1) translateX(0); } }

.showcase-univerge-blue {
  margin-bottom: 1.5rem;
  position: relative;
  background: #004e9e;
  background: linear-gradient(-45deg, #0580ff, #004e9e, #002852, #00356b);
  background-size: 200% 200%;
  overflow: hidden;
  height: 44rem; }
  .showcase-univerge-blue .hrzntl-spacer,
  .showcase-univerge-blue .container-wrapper {
    height: 100%; }
  .showcase-univerge-blue .align-middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    @media screen and (max-width: 600px) {
      .showcase-univerge-blue .align-middle {
        top: 0;
        transform: none; } }
  .showcase-univerge-blue .case-text {
    margin-top: 0;
    position: relative;
    padding: 3rem 6rem 1.5rem 3rem; }
    .showcase-univerge-blue .case-text::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 3rem;
      height: 3rem;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M0 0h48v48H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M46.2 1.8a6.15 6.15 0 01-4.35 10.5H12.3V6.15A6.15 6.15 0 006.15 0h35.7a6.14 6.14 0 014.35 1.8' fill='%23ea5901'/%3E%3Cpath d='M12.3 12.3v29.55a6.15 6.15 0 11-12.3 0V6.15a6.16 6.16 0 006.15 6.15z' fill='%23ef8f1b'/%3E%3Cpath d='M10.5 1.8a6.14 6.14 0 011.8 4.35v6.15H6.15a6.15 6.15 0 110-12.3 6.17 6.17 0 014.35 1.8' fill='%23e3000b'/%3E%3C/g%3E%3C/svg%3E"); }
    .showcase-univerge-blue .case-text::after {
      content: "";
      position: absolute;
      bottom: 0;
      right: 1.5rem;
      width: 3rem;
      height: 3rem;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M0 0h48v48H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M46.2 1.8a6.15 6.15 0 00-10.5 4.35V35.7h6.15A6.15 6.15 0 0148 41.85V6.15a6.14 6.14 0 00-1.8-4.35' fill='%23008bca'/%3E%3Cpath d='M35.7 35.7H6.15a6.15 6.15 0 100 12.3h35.7a6.16 6.16 0 01-6.15-6.15z' fill='%238fb32f'/%3E%3Cpath d='M46.2 37.5a6.14 6.14 0 00-4.35-1.8H35.7v6.15a6.15 6.15 0 1010.5-4.35' fill='%23082c5c'/%3E%3C/g%3E%3C/svg%3E"); }
    .showcase-univerge-blue .case-text .case-header {
      color: #fff;
      font-weight: 500;
      line-height: 4.5rem;
      font-size: 2.5rem;
      margin: 0; }
    .showcase-univerge-blue .case-text .case_header__h2 {
      font-size: 5rem;
      font-weight: 300;
      margin-bottom: 1.5rem; }
    .showcase-univerge-blue .case-text .case-lead {
      color: #fff;
      font-weight: 300;
      font-size: 120%; }
    .showcase-univerge-blue .case-text .button {
      margin: 0;
      position: relative;
      background-color: #ed5c01;
      font-size: 1rem;
      border-radius: 1.5rem;
      transition: all 0.3s; }
    @media screen and (max-width: 600px) {
      .showcase-univerge-blue .case-text {
        margin-top: 1.5rem;
        padding: 4.5rem 1.5rem 0 1.5rem; }
        .showcase-univerge-blue .case-text .case-header {
          font-size: 1.5rem;
          line-height: 2.5rem;
          text-align: center; }
        .showcase-univerge-blue .case-text .case_header__h2 {
          font-size: 2.5rem; }
        .showcase-univerge-blue .case-text .case-lead {
          font-size: 1rem;
          text-align: center; }
        .showcase-univerge-blue .case-text .case-lead br {
          display: none; }
        .showcase-univerge-blue .case-text::before, .showcase-univerge-blue .case-text::after {
          display: none; } }
  .showcase-univerge-blue .case-images {
    position: relative; }
    .showcase-univerge-blue .case-images img {
      max-width: none; }
    .showcase-univerge-blue .case-images .image__background {
      height: 34rem; }
    .showcase-univerge-blue .case-images .image__foreground {
      position: absolute;
      top: 0;
      left: 0; }
    .showcase-univerge-blue .case-images .image__logo {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 9rem; }
    @media screen and (max-width: 600px) {
      .showcase-univerge-blue .case-images {
        padding-top: 6rem; }
        .showcase-univerge-blue .case-images .image__background {
          height: auto;
          width: 24rem;
          margin-left: 6rem;
          margin-top: -7.5rem; }
        .showcase-univerge-blue .case-images .image__foreground {
          position: absolute;
          top: auto;
          bottom: -4.5rem;
          left: 0.75rem;
          width: 12rem; }
        .showcase-univerge-blue .case-images .image__logo {
          width: 6rem;
          right: 0.75rem;
          bottom: -1.5rem; } }
.univerge-blue .text-center {
  text-align: center; }

.univerge-blue .lead {
  font-size: 110%; }

.univerge-blue h1 {
  font-weight: 300; }

.univerge-blue h1 strong {
  font-weight: 500; }

.univerge-blue h2 {
  font-weight: 300; }

.univerge-blue h2 strong {
  font-weight: 500; }

.univerge-blue__platform {
  text-align: center;
  background: #eeeff0;
  position: relative;
  padding-top: 9rem;
  padding-bottom: 3rem;
  margin-bottom: 1.5rem; }
  @media screen and (max-width: 600px) {
    .univerge-blue__platform {
      padding-bottom: 1.5rem; } }
  .univerge-blue__platform::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1.5rem;
    right: 0;
    height: 9rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2600 210'%3E%3Cpath d='M-5-5v37.4l1299.63 173a48.21 48.21 0 0010.74 0L2605 32.4V-5z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 0;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
    background-size: 100% auto;
    background-color: #eeeff0; }
  .univerge-blue__platform h2 {
    position: relative; }
    .univerge-blue__platform h2::before {
      content: "";
      position: absolute;
      top: -10.5rem;
      width: 10rem;
      height: 10rem;
      left: 50%;
      margin-left: -5rem;
      background: url(../images/univerge-blue-platform.png) no-repeat;
      background-size: auto;
      background-size: 100% auto; }
  .univerge-blue__platform .blue-platform-list {
    position: relative;
    list-style: none;
    margin: 1.5rem 0 0 0;
    padding: 3rem 0 1.5rem 0; }
    @media screen and (max-width: 600px) {
      .univerge-blue__platform .blue-platform-list {
        padding: 0; } }
    .univerge-blue__platform .blue-platform-list::before {
      content: "";
      position: absolute;
      top: 0;
      left: 10%;
      right: 10%;
      border-top: dotted 2px rgba(0, 0, 0, 0.125); }
      @media screen and (max-width: 600px) {
        .univerge-blue__platform .blue-platform-list::before {
          display: none; } }
    .univerge-blue__platform .blue-platform-list li.platform-part {
      position: relative;
      width: 20%;
      display: block;
      float: left;
      padding-top: 5.5rem;
      font-size: 0.875rem;
      cursor: pointer; }
      @media screen and (max-width: 600px) {
        .univerge-blue__platform .blue-platform-list li.platform-part {
          width: 33.333%;
          margin-bottom: 1.5rem; } }
      .univerge-blue__platform .blue-platform-list li.platform-part:hover::before {
        margin-left: -2.75rem;
        width: 6em;
        height: 6rem;
        top: -0.75rem; }
      .univerge-blue__platform .blue-platform-list li.platform-part::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -2.25rem;
        width: 4.5rem;
        height: 4.5rem;
        background-size: 100% auto;
        background-repeat: no-repeat;
        transition: all 0.3s; }
      .univerge-blue__platform .blue-platform-list li.platform-part::after {
        content: "";
        position: absolute;
        top: -3rem;
        height: 2.25rem;
        left: 50%;
        margin-left: -2px;
        border-right: dotted 2px rgba(0, 0, 0, 0.125); }
        @media screen and (max-width: 600px) {
          .univerge-blue__platform .blue-platform-list li.platform-part::after {
            display: none; } }
      .univerge-blue__platform .blue-platform-list li.platform-part .part-name {
        display: block;
        color: #082c5c;
        font-weight: 300;
        font-size: 1.25rem;
        line-height: 1.25rem;
        letter-spacing: 0.05rem; }
        .univerge-blue__platform .blue-platform-list li.platform-part .part-name .univerge-blue {
          display: block;
          font-weight: 500;
          font-size: 0.75rem;
          letter-spacing: 0; }
      .univerge-blue__platform .blue-platform-list li.platform-part span {
        display: block;
        margin-top: 0.75rem;
        font-size: 0.875rem;
        padding: 0 1rem;
        line-height: 1.25rem; }
        @media screen and (max-width: 600px) {
          .univerge-blue__platform .blue-platform-list li.platform-part span {
            display: none; } }
      @media screen and (max-width: 600px) {
        .univerge-blue__platform .blue-platform-list li.platform-part.platform-part__meet {
          margin-left: 16.6666%; } }
    .univerge-blue__platform .blue-platform-list li.platform-part__connect::before {
      background-image: url(../images/platform-part-connect.png); }
    .univerge-blue__platform .blue-platform-list li.platform-part__engage::before {
      background-image: url(../images/platform-part-engage.png); }
    .univerge-blue__platform .blue-platform-list li.platform-part__meet::before {
      background-image: url(../images/platform-part-meet.png); }
    .univerge-blue__platform .blue-platform-list li.platform-part__share::before {
      background-image: url(../images/platform-part-share.png); }
    .univerge-blue__platform .blue-platform-list li.platform-part__extend::before {
      background-image: url(../images/platform-part-extend.png); }

@media screen and (max-width: 600px) {
  .univerge-blue__slider {
    padding: 0 2.25rem; } }

.univerge-blue__slider .solution-images {
  position: relative;
  margin: 0;
  padding-top: 3rem;
  padding-bottom: 6rem;
  padding-right: 6rem; }
  @media screen and (max-width: 600px) {
    .univerge-blue__slider .solution-images {
      padding-right: 0.5rem;
      padding-top: 1.5rem;
      padding-left: 0.5rem;
      padding-bottom: 3rem; } }
  .univerge-blue__slider .solution-images .blue-interface {
    border-radius: 0.5rem;
    box-shadow: 0.5rem 0.5rem 1.5rem rgba(0, 0, 0, 0.25); }
  .univerge-blue__slider .solution-images .blue-interface__right {
    position: absolute;
    bottom: 3rem;
    right: 3rem;
    width: 25%; }
    @media screen and (max-width: 600px) {
      .univerge-blue__slider .solution-images .blue-interface__right {
        bottom: 1.5rem;
        width: 30%; } }
  .univerge-blue__slider .solution-images .blue-interface__engage {
    bottom: 3rem;
    width: 45%; }
  .univerge-blue__slider .solution-images .blue-interface__extend {
    box-shadow: none;
    width: 35%;
    bottom: 1.5rem; }

.univerge-blue__slider .blue-logo {
  color: #082c5c;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 2rem; }
  .univerge-blue__slider .blue-logo span {
    font-weight: 300;
    display: block;
    font-size: 2.25rem; }

.univerge-blue__slider .button__link-solution {
  font-size: 0.875rem;
  margin: 0 0 1.5rem 0;
  display: block;
  background-color: #ec6600;
  border: solid 1px #ec6600;
  text-align: center;
  border-radius: 1.5rem; }

.univerge-blue__slider .slick-prev,
.univerge-blue__slider .slick-next {
  background: url("data:image/svg+xml,%3Csvg data-name='Laag 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.97 90.26'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M0 0h53.97v90.26H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M45.13 90.26a8.84 8.84 0 006.25-15.09l-30-30-6.25 6.25a8.84 8.84 0 01-12.5 0l36.25 36.25a8.85 8.85 0 006.25 2.59' fill='%23ddd'/%3E%3Cpath d='M21.33 45.13l30.05-30a8.84 8.84 0 10-12.5-12.5L2.59 38.88a8.84 8.84 0 0112.5 0z' fill='%23b2b2b2'/%3E%3Cpath d='M8.84 54a8.85 8.85 0 006.25-2.59l6.25-6.25-6.25-6.25A8.84 8.84 0 108.84 54' fill='%2370747a'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 50%;
  background-size: auto 100%;
  padding: 2rem;
  opacity: 0.5;
  cursor: pointer;
  transition: all 0.3s; }
  @media screen and (max-width: 600px) {
    .univerge-blue__slider .slick-prev,
    .univerge-blue__slider .slick-next {
      background-size: 1rem auto !important; } }
  .univerge-blue__slider .slick-prev::before,
  .univerge-blue__slider .slick-next::before {
    display: none; }
  .univerge-blue__slider .slick-prev:hover,
  .univerge-blue__slider .slick-next:hover {
    opacity: 1; }

.univerge-blue__slider .slick-next {
  background: url("data:image/svg+xml,%3Csvg data-name='Laag 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.97 90.26'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M0 0h53.97v90.26H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M8.84 90.26a8.84 8.84 0 01-6.25-15.09l30-30 6.25 6.25a8.84 8.84 0 0012.5 0L15.09 87.67a8.85 8.85 0 01-6.25 2.59' fill='%23ddd'/%3E%3Cpath d='M32.63 45.13l-30-30a8.84 8.84 0 1112.5-12.5l36.25 36.25a8.84 8.84 0 00-12.5 0z' fill='%23b2b2b2'/%3E%3Cpath d='M45.13 54a8.83 8.83 0 01-6.25-2.59l-6.25-6.25 6.25-6.25A8.84 8.84 0 1145.13 54' fill='%2370747a'/%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 50%; }

.univerge-blue__contact-panel {
  position: relative;
  background: #eeeff0;
  padding: 1.5rem 0; }
  .univerge-blue__contact-panel .button {
    margin: 0;
    position: relative;
    background-color: #ed5c01;
    font-size: 1rem;
    border-radius: 1.5rem;
    border: none;
    transition: all 0.3s; }
  .univerge-blue__contact-panel section::after {
    display: none !important; }
@ Telegram