/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 *
 */
/*Bitmovin Color*/
/*End Bitmovin Color*/
/*Engage CTA Button*/
/*End Engage CTA Button*/
/*Other Color*/
/*Font*/
/*Font Weight*/
/*New Color*/
/*Buttons Color*/
/*End Buttons Color*/
/*Customer Color*/
/*End Customer Color*/
@font-face {
  font-family: 'Averta';
  src: url("fonts/35E6E5_0_0.eot");
  src: url("fonts/35E6E5_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/35E6E5_0_0.woff2") format("woff2"), url("fonts/35E6E5_0_0.woff") format("woff"), url("fonts/35E6E5_0_0.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: 'Averta';
  src: url("fonts/35E6E5_1_0.eot");
  src: url("fonts/35E6E5_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/35E6E5_1_0.woff2") format("woff2"), url("fonts/35E6E5_1_0.woff") format("woff"), url("fonts/35E6E5_1_0.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: 'Averta';
  src: url("fonts/35E6E5_2_0.eot");
  src: url("fonts/35E6E5_2_0.eot?#iefix") format("embedded-opentype"), url("fonts/35E6E5_2_0.woff2") format("woff2"), url("fonts/35E6E5_2_0.woff") format("woff"), url("fonts/35E6E5_2_0.ttf") format("truetype");
  font-weight: 400;
}
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  font-size: 14px !important;
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

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

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre, code {
  overflow: auto;
  display: block;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

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

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

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* General Styles */
html {
  font-family: "Averta", sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
}

body {
  background-color: #ffffff;
}

.hidden {
  display: none;
}

p {
  line-height: 2.2em;
  font-size: 1.2em;
  color: #666;
  margin: 1.5em 0;
}

li {
  color: #666;
}

.syntaxhighlighter {
  margin: 1.5 em 0 2em 0 !important;
}

.archive h2 {
  margin-top: 0px !important;
}
.archive .cat-excerpt {
  padding-bottom: 40px;
}

/* img {height:auto;width:auto;} */
#submit {
  background-color: #22b573;
  color: #ffffff;
}
#submit:hover {
  background-color: #3d9360;
  border-color: #3d9360;
}

.page-container {
  margin-top: 60px;
}

.aligncenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#remarket iframe {
  height: 0px !important;
}

#remarket {
  height: 0px;
  overflow: hidden;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

/*End General Styles*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
button, hr, input {
  overflow: visible;
}

audio, canvas, progress, video {
  display: inline-block;
}

progress, sub, sup {
  vertical-align: baseline;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

menu, article, aside, details, footer, header, nav, section {
  display: block;
}

figcaption, figure, main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, select {
  text-transform: none;
}

[type=submit], [type=reset], button, html [type=button] {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: ButtonText dotted 1px;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

[hidden], template {
  display: none;
}

/**
 * Common style definitions
 */
html {
  box-sizing: border-box;
}

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

body {
  color: #444;
  font-family: "Averta", sans-serif;
}

ul {
  padding: 0;
  list-style-type: none;
}

a {
  color: #f2902a;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  /* Gets rid of tap active state */
}

.Pricing-packageSelection p {
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
}

strong {
  font-weight: 600;
}

/**
 * Common Form definitions
 */
input[type=range] {
  width: 100%;
  background: transparent;
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  height: 1px;
  width: 100%;
  animation: 0.2s;
  background: #31a8e0;
  border: 0 none;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

input[type=range]::-webkit-slider-thumb {
  height: 24px;
  margin-top: -12px;
  width: 24px;
  background: transparent;
  border: 6px solid #31a8e0;
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  -webkit-appearance: none;
}

input[type=range]::-moz-range-track {
  height: 1px;
  width: 100%;
  animation: 0.2s;
  background: #31a8e0;
  border: 0 none;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

input[type=range]::-moz-range-thumb {
  width: 14px;
  height: 14px;
  background: transparent;
  border: 6px solid #31a8e0;
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

input[type=range]::-ms-track {
  height: 1px;
  width: 100%;
  animation: 0.2s;
  background: transparent;
  border-width: 14px 0;
  border-color: transparent;
  cursor: pointer;
}

input[type=range]::-ms-fill-lower {
  background: #31a8e0;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

input[type=range]::-ms-fill-upper {
  background: #31a8e0;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

input[type=range]::-ms-thumb {
  height: 14px;
  width: 14px;
  background: transparent;
  border: 6px solid #31a8e0;
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

_:-ms-lang(x), _::-webkit-meter-bar, input[type=range]::-ms-thumb {
  margin-bottom: -10px;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h1, h2, h3, h4, h5 {
  margin-bottom: 0.4em;
  color: #666;
  font-weight: 300;
  line-height: 160%;
  word-wrap: break-word;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
  text-decoration: none;
  color: #666;
}

h1 {
  font-size: 3em;
  margin-top: 30px;
  margin-bottom: 0.6em;
}

h2 {
  font-size: 2.5em;
}

h3 {
  font-size: 2em;
  margin-top: 1em;
}

h4 {
  font-size: 1.5em;
}

h5 {
  font-size: 1.3em;
  font-weight: 700;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
/* CSS Document */
/* Grid System */
#wrapper {
  width: 100%;
}

.grid-container-full {
  width: 100%;
}

.grid-container {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  padding: 0 10px;
}

.grid-container-nav {
  width: 100%;
  margin: auto;
  top: 0px;
  z-index: 999;
  max-width: 100%;
}

.logo-con {
  float: left;
  margin: auto;
  width: 12.5%;
}

.mainnav-con {
  float: left;
  margin: auto;
  width: 37.5%;
}

.log-1-7 {
  float: left;
  margin: auto;
  width: 14.2%;
}

.col-1-12 {
  float: left;
  margin: auto;
  width: 8.333%;
}

.col-2-12 {
  float: left;
  margin: auto;
  width: 16.666%;
}

.col-3-12 {
  float: left;
  margin: auto;
  width: 24.999%;
}

.col-4-12 {
  float: left;
  margin: auto;
  width: 33.33%;
}

.col-5-12 {
  float: left;
  margin: auto;
  width: 41.66%;
}

.col-6-12 {
  float: left;
  margin: auto;
  width: 49.99%;
}

.col-7-12 {
  float: left;
  margin: auto;
  width: 58.33%;
}

.col-8-12 {
  float: left;
  margin: auto;
  width: 66.66%;
}

.col-9-12 {
  float: left;
  margin: auto;
  width: 74.99%;
}

.col-10-12 {
  float: left;
  margin: auto;
  width: 83.33%;
}

.col-11-12 {
  float: left;
  margin: auto;
  width: 91.66%;
}

.col-12-12 {
  float: left;
  margin: auto;
  width: 100%;
}

.center {
  margin: auto;
}

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

.mob-only {
  display: none;
}

/*Media Query*/
@media screen and (max-width: 1600px) {
  .grid-container {
    max-width: 1200px;
  }
}
@media screen and (max-width: 1200px) {
  .small-1-1 {
    float: left;
    margin: auto;
    width: 100%;
  }

  .small-1-12 {
    float: left;
    margin: auto;
    width: 8.333%;
  }

  .small-2-12 {
    float: left;
    margin: auto;
    width: 16.666%;
  }

  .small-3-12 {
    float: left;
    margin: auto;
    width: 24.999%;
  }

  .small-4-12 {
    float: left;
    margin: auto;
    width: 33.33%;
  }

  .small-5-12 {
    float: left;
    margin: auto;
    width: 41.66%;
  }

  .small-6-12 {
    float: left;
    margin: auto;
    width: 49.99%;
  }

  .small-7-12 {
    float: left;
    margin: auto;
    width: 58.33%;
  }

  .small-8-12 {
    float: left;
    margin: auto;
    width: 66.66%;
  }

  .small-9-12 {
    float: left;
    margin: auto;
    width: 74.99%;
  }

  .small-10-12 {
    float: left;
    margin: auto;
    width: 83.33%;
  }

  .small-11-12 {
    float: left;
    margin: auto;
    width: 91.66%;
  }

  .small-12-12 {
    float: left;
    margin: auto;
    width: 100%;
  }

  .mid-1-2 {
    width: 50% !important;
    float: left;
  }

  .grid-container {
    max-width: 1200px;
  }
}
@media screen and (max-width: 1001px) {
  .mob-hide {
    display: none;
  }
}
@media screen and (max-width: 799px) {
  .mob-only {
    display: block;
  }

  .mob-hide {
    display: none;
  }

  .mob-1-3 {
    width: 33.333% !important;
    float: left;
  }

  .mob-1-2 {
    width: 50% !important;
    float: left;
  }

  .mob-1-1 {
    margin: auto;
    width: 100% !important;
  }

  .mob-1-4 {
    margin: auto;
    width: 25% !important;
  }

  .mob-1-5 {
    margin: auto;
    width: 20% !important;
  }

  .mob-2-5 {
    margin: auto;
    width: 40% !important;
  }

  .mob-3-5 {
    margin: auto;
    width: 60% !important;
  }

  .mob-4-5 {
    margin: auto;
    width: 80% !important;
  }

  .footer-1, .footer-2, .footer-3, .footer-4 {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  /*
   * Adaptive grid sizes
   * Only limited to maximum size / actual width is undefined
   */
  .apt-mob-1-6 {
    width: auto;
    max-width: 16.666%;
  }

  .apt-mob-2-6 {
    width: auto;
    max-width: 33.333%;
  }
}
@media screen and (min-width: 500px) and (max-width: 799px) {
  .footer-1, .footer-2, .footer-3, .footer-4 {
    width: 50%;
  }
}
/*End Media Query*/
.bm-header {
  font-family: sans-serif;
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  color: #fff;
}

.bm-navbar {
  padding: 10px 20px;
}

.bm-login-container {
  width: 100%;
}

.bm-login {
  text-align: right;
  padding: 10px 10px 0;
  font-size: 80%;
}

.bm-login a {
  text-decoration: none;
  color: #777;
}

.bm-login a:hover {
  color: #3cc0f0;
}

.bitmovin-nav ul {
  -webkit-padding-start: 0px !important;
  padding: 0px;
  margin: 0px;
  margin-top: 6px;
}

.bitmovin-nav ul li {
  list-style: none;
  display: inline-block;
  padding: 5px 10px;
}

.bitmovin-nav ul li a {
  text-decoration: none;
  color: #fff;
}

.bitmovin-nav ul li a:hover {
  color: #3cc0f0;
}

.bm-navbar-left {
  float: left;
  font-size: 14px;
}

.bm-navbar-right {
  float: right;
  font-size: 14px;
}

.bm-logo {
  float: left;
  margin-top: 1px;
  margin-right: 20px;
}

@media screen and (max-width: 1000px) {
  .bm-navbar-left {
    float: left;
    font-size: 11px;
  }

  .bm-navbar-right {
    float: right;
    font-size: 11px;
  }
}
@media screen and (max-width: 960px) {
  .bitmovin-nav ul li {
    display: none;
  }

  .bm-navbar-nav {
    float: none;
  }

  .navbar-right {
    float: none;
  }

  .bm-logo {
    float: none;
    margin-top: 12px;
    margin-right: auto;
    margin-left: auto;
    width: 150px;
  }

  .bm-login {
    display: none;
  }
}
.brand-gradient {
  /* IE10+ */
  background-image: -ms-linear-gradient(top left, #22AAE2 0%, #3CC0F0 35%, #3B9DE4 70%, #2D6BC4 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top left, #22AAE2 0%, #3CC0F0 35%, #3B9DE4 70%, #2D6BC4 100%);
  /* Opera */
  background-image: -o-linear-gradient(top left, #22AAE2 0%, #3CC0F0 35%, #3B9DE4 70%, #2D6BC4 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #22AAE2), color-stop(35, #3CC0F0), color-stop(70, #3B9DE4), color-stop(100, #2D6BC4));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top left, #22AAE2 0%, #3CC0F0 35%, #3B9DE4 70%, #2D6BC4 100%);
  /* W3C Markup */
  background-image: linear-gradient(to bottom right, #22AAE2 0%, #3CC0F0 35%, #3B9DE4 70%, #2D6BC4 100%);
}

.demo-header {
  /* IE10+ */
  background-image: -ms-linear-gradient(top left, #22AAE2 0%, #3B9DE4 70%, #2D6BC4 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top left, #22AAE2 0%, #3B9DE4 70%, #2D6BC4 100%);
  /* Opera */
  background-image: -o-linear-gradient(top left, #22AAE2 0%, #3B9DE4 70%, #2D6BC4 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #22AAE2), color-stop(70, #3B9DE4), color-stop(100, #2D6BC4));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top left, #22AAE2 0%, #3B9DE4 70%, #2D6BC4 100%);
  /* W3C Markup */
  background-image: linear-gradient(to bottom right, #22AAE2 0%, #3B9DE4 70%, #2D6BC4 100%);
}

.footer-gradient {
  /* IE10+ */
  background-image: -ms-linear-gradient(top left, #22AAE2 0%, #3B9DE4 20%, #2D6BC4 60%, #8237C4 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top left, #22AAE2 0%, #3B9DE4 20%, #2D6BC4 60%, #8237C4 100%);
  /* Opera */
  background-image: -o-linear-gradient(top left, #22AAE2 0%, #3B9DE4 20%, #2D6BC4 60%, #8237C4 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #22AAE2), color-stop(20, #3B9DE4), color-stop(60, #2D6BC4), color-stop(100, #8237C4));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top left, #22AAE2 0%, #3B9DE4 20%, #2D6BC4 60%, #8237C4 100%);
  /* W3C Markup */
  background-image: linear-gradient(to bottom right, #22AAE2 0%, #3B9DE4 20%, #2D6BC4 60%, #8237C4 100%);
  width: 100%;
}

.footer-wrapper {
  background: #333;
}

.footer {
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 80%;
  background-size: 100%;
  color: #fff;
  min-height: 20em;
  margin-top: 30px;
}
.footer .footer-box {
  line-height: 2em;
  font-size: 1.1em;
  padding: 50px 0;
}
.footer .footer-box .footer-box-header {
  border-bottom: 1px solid #22aae2;
  padding: 1.5em 0;
  margin-bottom: 1.5em;
}
.footer .footer-box .footer-box-content {
  margin: 1em 0;
}
.footer .footer-box .footer-box-content a {
  display: block;
  color: #fff;
}
.footer .footer-box .footer-box-content a:hover {
  color: #eee;
}
.footer .footer-box .footer-box-content ul {
  -webkit-padding-start: 0px;
}
.footer .footer-box .footer-box-content ul li {
  text-align: left;
  list-style: none;
}
.footer .footer-box .footer-box-content .footer-heading {
  font-weight: 700;
}
.footer h3 {
  color: white;
  font-weight: 300;
  font-size: 2em;
  margin: 10px;
}

/* Above footer sign up button */
#last-sign-up {
  text-align: center;
  width: 100%;
  margin-bottom: 100px;
  width: 390px;
  max-width: 80%;
}
#last-sign-up a {
  display: block;
  padding: 10px 20px;
  border-radius: 5px;
  border: 2px solid #fff;
  text-align: center;
  text-decoration: none;
  font-size: 1.5em;
  font-weight: 700;
  color: #fff;
  background-color: #f3922b;
  width: 100%;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 4px 20px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 4px 20px 0px rgba(50, 50, 50, 0.3);
}
#last-sign-up a:hover {
  background-color: #fff;
  color: #f3922b;
  border-color: #f3922b;
}

/* Footer area
-------------------------------------------------------------------------------*/
#sidebar {
  margin-top: 30px;
}

#sidebar h3 {
  margin-top: 1.7em;
}

#footer-top .recent h3 a {
  color: #c5e1fc;
  font-weight: 500;
}

/* Footer area
-------------------------------------------------------------------------------*/
#footer-top, #footer-mid, #footer-bottom, #footer-under {
  padding: 20px 0px 70px 0;
}

#footer-bottom .textwidget a {
  color: #fff;
}

#footer-top h3 {
  font-size: 1.5em;
  margin-bottom: 10px;
  color: #fff;
}

#footer-top h3 a {
  margin-bottom: 10px;
  text-decoration: none;
  color: #fff;
}

#footer-top h3 a:hover {
  color: #eee;
}

#footer-under {
  color: #fff;
  padding-bottom: 50px;
}

#footer-wrapper {
  background: #0dc3ff;
  background: -moz-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #0dc3ff), color-stop(54%, #0e7aff), color-stop(100%, #0dc3ff));
  background: -webkit-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: -o-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: -ms-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: linear-gradient(135deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dc3ff', endColorstr='#0dc3ff', GradientType=1 );
  width: 100%;
  padding: 0 4em;
}

.home #footer-wrapper {
  background: none;
}

#footer-under {
  background-color: #13203c;
}

#footer-wrapper .moretag {
  margin-bottom: 0;
}

.social-footer {
  margin: auto;
  width: 300px;
  padding: 0 30px;
}

.social-footer .fb {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  float: left;
  margin: 0 5px;
  background-color: #13203c;
}

.social-footer .fb:hover {
  background-color: #3b5998;
}

.social-footer .tw {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  float: left;
  margin: 0 5px;
  background-color: #13203c;
}

.social-footer .tw:hover {
  background-color: #00aced;
}

.social-footer .li {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  float: left;
  margin: 0 5px;
  background-color: #13203c;
}

.social-footer .li:hover {
  background-color: #007bb5;
}

.social-footer .gp {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  float: left;
  margin: 0 5px;
  background-color: #13203c;
}

.social-footer .gp:hover {
  background-color: #dd4b39;
}

.social-footer img {
  display: block;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 15px;
  vertical-align: middle;
}

.social-footer .gp img {
  height: 23px;
  top: 13px;
}

.social-footer .li img {
  top: 13px;
}

#footer-mid {
  background-image: url(../images/line.png);
  background-repeat: repeat-x;
  background-position: bottom;
}

#footer-bottom h3 {
  font-weight: 700;
  text-transform: uppercase;
}

#footer-bottom ul li, #footer-bottom p, #footer-bottom h3 {
  color: #fff;
}

#footer-bottom ul li a {
  text-transform: uppercase;
  text-decoration: none;
  line-height: 2.2em;
  color: #fff;
}

.footer-phone {
  float: right;
  width: 300px;
}

.footer-copy {
  float: left;
  width: 300px;
}

.footer-phone p, .footer-copy p {
  line-height: 1.2em;
  color: #fff;
  margin: 0;
  width: 200px;
}

.footer-phone img {
  width: 15px;
  height: auto;
  float: left;
  margin-right: 5px;
  margin-top: 4px;
}

/* Footer area
-------------------------------------------------------------------------------*/
.fblock ul li {
  display: list-item;
  float: none;
}

.fblock h3 {
  font-size: 1.2em;
}

.fblock .widget {
  margin-bottom: 1em;
}

.page-id-18633 iframe {
  height: 0;
}

/*Footer Hubspot*/
.hubspot-newsletter {
  position: relative;
}
.hubspot-newsletter .hs-email {
  text-align: left;
  width: 55%;
}
.hubspot-newsletter .hs-email label {
  display: none !important;
}
.hubspot-newsletter .hs-email .input {
  text-align: left;
}
.hubspot-newsletter .hs-email input[type="email"] {
  border-radius: 0;
  width: 90%;
}
.hubspot-newsletter .hs-submit {
  width: 44%;
  margin-left: 1%;
  height: 100%;
}
.hubspot-newsletter .hs-submit .actions {
  padding: 0 !important;
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 55%;
}
.hubspot-newsletter .hs-submit .actions input[type="submit"] {
  padding: 15px;
  text-align: left;
  border-radius: 0;
  text-shadow: none;
  box-shadow: none;
  border: 0;
  background: #3ecf8e;
}
.hubspot-newsletter .hs-submit .actions input[type="submit"]:hover {
  background: #1cc479;
}
.hubspot-newsletter .hs-richtext p {
  font-size: 1em;
  font-family: "Averta", sans-serif;
}
.hubspot-newsletter .hs-richtext p a {
  color: #c5e1fc;
}
.hubspot-newsletter .hs_error_rollup .hs-error-msgs li {
  background: #f2dede;
  border-radius: 4px;
  width: 80%;
  padding: 0px 10px;
}
.hubspot-newsletter .hs_error_rollup .hs-error-msgs li label {
  color: #a94442;
  font-family: "Averta", sans-serif;
}
.hubspot-newsletter .submitted-message {
  font-family: "Averta", sans-serif;
  color: #155724;
  background-color: #d4edda;
  padding: 5px 10px;
  margin-bottom: 20px;
  width: 80%;
  border-radius: 4px;
}

/*End Footer Hubspot*/
/*Media Query*/
@media screen and (max-width: 790px) {
  .sign_up_form_2016 {
    width: 100%;
  }

  .sign_up_form_2016_body_right {
    border-left: 0px;
  }

  .sign_up_form_2016_body_right #get-player, .sign_up_form_2016_body_right #email-customer {
    width: 200px;
    margin: auto;
  }

  .sign_up_form_2016_body_left, .sign_up_form_2016_body_right {
    width: 100%;
    padding: 0;
  }

  #landing-form .submit input, #landing-form .email input {
    width: 250px;
    margin: auto;
  }

  #landing-form .submit input {
    margin-top: 1em;
  }

  .sign_up_form_2016_body_right p {
    font-size: 14px;
  }
}
@media screen and (max-width: 779px) {
  .footer-phone {
    margin: 1em 0;
    width: 300px;
    float: left;
  }

  .footer-copy {
    float: left;
    width: 300px;
  }

  #footer-under {
    padding: 10px 10px 120px 10px;
  }

  #footer-bottom ul li a {
    padding: 12px;
  }
}
@media screen and (max-width: 426px) {
  .hubspot-newsletter .hs-email input[type="email"] {
    width: 80%;
  }
  .hubspot-newsletter .hs-submit .actions input[type="submit"] {
    width: 60%;
  }
}
@media screen and (max-width: 420px) {
  .social-footer {
    padding: 0px;
    width: 240px;
  }

  #footer-mid {
    background-image: none;
  }
}
/*End Media Query*/
.sidenav {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 101;
  /* Stay on top */
  top: 0;
  left: 0;
  background-color: #fff;
  border-right: 1px solid #3cc0f0;
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 60px;
  /* Place content 60px from the top */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
}
.sidenav ul {
  -webkit-padding-start: 0px;
}
.sidenav li {
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sidenav li a:hover {
  background: #22aae2;
  color: #fff;
}
.sidenav a {
  padding: 12px 8px 12px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #2eabe2;
  display: block;
  transition: 0.3s;
}
.sidenav .sub-menu a {
  padding-left: 40px;
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.sidenav .menu-item-has-children > a:after {
  content: '\f105';
  font-family: "FontAwesome";
  display: block;
  float: right;
}
.sidenav .menu-item-has-children > a.clicked:after {
  content: '\f107';
}

#sideNavBtn {
  position: static;
  padding: 15px 15px;
  z-index: 100;
}
#sideNavBtn img {
  width: 20px;
}

.open-side {
  cursor: pointer;
}

@media screen and (min-width: 1201px) {
  #sideNav {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  #sideNavBtn {
    display: block;
  }
}
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}
@media screen and (max-width: 450px) {
  #sideNavBtn {
    padding: 0;
  }
}
.banner-background {
  background-image: url(../images/background-2017.svg);
  background-repeat: no-repeat;
  background-position: 500px center;
  background-size: 70%;
  height: 200px;
  padding-top: 15px;
  text-align: center;
}
.banner-background h2 {
  font-weight: 100;
  font-size: 2em;
}
.banner-background .search-heading {
  color: #fff;
  margin: 30px;
  font-weight: 100;
}
.banner-background .search-row {
  margin-right: 0;
  max-width: 500px;
  margin: auto;
}
.banner-background .filter-input {
  font-size: 1.2em;
  border: none;
  box-sizing: border-box;
  color: #666;
  height: 40px;
  padding-left: 50px;
  padding-right: 40px;
  -webkit-appearance: none;
  outline: none;
  width: 100%;
  background: #fff url("../images/search.svg") no-repeat 15px center;
  background-size: 4%;
}
.banner-background .filter-input::-webkit-input-placeholder {
  color: #999999;
}
.banner-background #autocomplete {
  background-color: white;
  color: #666;
  border: 1px solid #e6e6e6;
  position: absolute;
  z-index: 3;
  margin-top: 5px;
  overflow: hidden;
  width: 80%;
}
.banner-background #autocomplete .autocomplete-entry {
  position: relative;
}
.banner-background #autocomplete .autocomplete-entry a {
  width: 100%;
}
.banner-background #autocomplete .autocomplete-entry a .autocomplete-row {
  display: table;
  width: 100%;
}
.banner-background #autocomplete .autocomplete-entry a .autocomplete-row div {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 0;
  text-align: left;
  height: 100%;
  color: #666;
}
.banner-background #autocomplete .autocomplete-entry a .autocomplete-row .autocomplete-name {
  width: 100%;
  padding: 10px;
}
.banner-background #autocomplete .autocomplete-entry.selected {
  background-color: #ededed;
}
.banner-background #num-search-results {
  color: white;
  font-size: 14px;
  position: relative;
}

/* Search form*/
#searchbutton {
  width: 100%;
  z-index: 1000;
}

.searchsubmit {
  height: 40px;
  width: 40px;
  background: url("../images/magnifying-glass.svg") no-repeat center center;
  background-size: 30px auto;
  border: none;
  background-size: 17px 17px;
}

.searchfield {
  min-width: 60px;
  border: 1px solid #efefef;
  padding: 5px;
  background-color: #efefe;
}
.searchfield:hover {
  background-color: #efefef;
}

/*End Search form*/
/* Search form mobile/

.mob-search{
  bottom: 0;
  padding: 15px 20px;
  position: fixed;
  border-top:1px solid #2eabe2;
  width: 100%;
  background:#fff;

  .searchfield{
    background-color:#fff;
    border:1px solid #ccc;
  }
}
/*End Search form mobile/

/* Algolia search */
.ais-hits--content h2 {
  line-height: 140%;
}
.ais-hits--content h2 a {
  font-size: 26px;
  line-height: 100%;
}

.ais-hits--tags {
  margin-top: 18px;
}

.ais-hits--tag {
  font-size: 12px !important;
  padding: 3px 7px !important;
}

#ais-facets, .ais-hits--thumbnail {
  display: none;
}

/*End Algolia search */
/* Updated search form*/
#searchbutton {
  display: block;
}

.home .search-trigger {
  display: block;
  height: 30px;
  padding: 0;
  top: 20px;
  right: 110px;
  width: 30px;
  background: url("../images/magnifying-glass.svg") no-repeat center center;
  background-size: 15px;
  border: none;
  cursor: pointer;
}

.search-trigger {
  display: block;
  height: 30px;
  padding: 0;
  top: 20px;
  right: 110px;
  width: 30px;
  background: url("../images/icon-search.svg") no-repeat center center;
  background-size: 15px;
  border: none;
  cursor: pointer;
}

.is-active .search-trigger:hover {
  background-image: url("../images/magnifying-glass-active.svg");
}

.searchform {
  padding: 5px 20px;
  position: absolute;
  top: 45px;
  right: 0;
  width: 100%;
  opacity: 0;
  display: none;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.is-active .searchform {
  opacity: 1;
  display: block;
}

.searchform label {
  color: #999;
  font-weight: bold;
  line-height: 24px;
  text-transform: uppercase;
}

.search-panel {
  padding: 10px 20px 20px;
  border: 1px solid #eee;
  border-bottom: 3px solid #f3922b;
  background: #fff;
}

.search-form-field {
  border: 1px solid #eee;
}

.searchfield {
  float: left;
  padding: 0 9px;
  width: calc(100% - 50px);
  background: none;
  border: none;
  font-weight: 300;
  line-height: 30px;
}

.searchsubmit {
  float: right;
  height: 30px;
  width: 30px;
  background: transparent url("../images/chevron-right-search.svg") no-repeat center;
  background-size: 24px;
  border: 0 none;
}

/*End Updated search form*/
/*Media Query Search*/
@media screen and (max-width: 1199px) {
  .searchsubmit {
    height: 40px;
    width: 40px;
    background: url("../images/magnifying-glass.svg") no-repeat center center;
    background-size: 30px auto;
    border: none;
    background-size: 17px 17px;
  }

  .searchfield {
    max-width: 155px;
    background-color: #efefef;
  }
}
@media all and (max-width: 280px) {
  .search-trigger {
    display: none;
  }
}
@media all and (min-width: 465px) {
  .search-trigger {
    right: 160px;
  }

  .searchform {
    position: absolute;
    right: 130px;
    max-width: 320px;
    width: 100%;
  }
}
@media all and (min-width: 601px) {
  .search-trigger {
    right: 198px;
  }

  .searchform {
    right: 168px;
  }
}
@media all and (min-width: 1201px) {
  #searchbutton {
    float: right;
    padding: 0 10px 20px;
    position: relative;
    width: auto;
  }

  .searchform {
    top: 25px;
    right: -20px;
    width: 320px;
  }

  .search-trigger {
    position: static;
  }
}
/*End Media Query Search*/
/*New Nav*/
@media all and (min-width: 1201px) {
  .left-nav #searchbutton {
    float: left;
    padding: 0;
    position: relative;
    width: auto;
  }
}
/*End New Nav*/
/* Navigation
-------------------------------------------------------------------------------*/
#mob-menu-initial-hide {
  display: none;
}

#top-nav {
  padding: 10px;
  margin: 10px;
  height: 55px;
  z-index: 100;
}
#top-nav ul {
  margin-top: 7px;
  z-index: 1000;
}

.home .login-signup {
  margin: 10px 0;
  text-align: right;
  color: #fff;
}
.home .login-signup a {
  color: #fff;
}
.home .login-signup a:hover {
  text-decoration: underline;
}

.login-signup {
  text-align: right;
  color: #777;
}
.login-signup a {
  color: #777;
}
.login-signup:hover {
  text-decoration: underline;
}

/* home page nav */
.nav li {
  display: inline;
}
.nav li a {
  color: #777;
  text-decoration: none;
  margin: 0 10px;
}
.nav li a:hover {
  color: #1babe2;
}

.home .nav li a {
  color: #fff;
}

.main-nav ul {
  float: left;
}

.docs-nav ul {
  float: right;
}

.book-nav, .signup-nav {
  float: right;
}

.book-nav ul {
  float: right;
}

#banner-book-demo li a {
  margin: 0 0 0 5px;
}

.book-nav a {
  color: #30ABE2 !important;
  font-weight: 700;
  margin-top: 3px;
  padding: 3px 6px;
  text-transform: uppercase;
  border: 1px solid #30ABE2;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.8em;
}
.book-nav a:hover {
  color: #fff !important;
  background-color: #30ABE2;
}

.signup-nav a {
  color: #f3922b !important;
  font-weight: 700;
  margin-top: 3px;
  padding: 3px 6px;
  text-transform: uppercase;
  border: 1px solid #f3922b;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.8em;
}
.signup-nav a:hover {
  color: #fff !important;
  background-color: #f3922b;
}

.action-buttons {
  padding: 0px;
}

/* Make the menu white REDUNDANT BANNER CODE - SHOULD BE CLEANED UP*/
.whiteMenu .nav li a {
  color: #fff;
}

.whiteMenu .login-signup a {
  color: #fff;
}

.whiteMenu .login-signup a:hover {
  text-decoration: underline;
}

.whiteMenu .login-signup {
  margin: 10px 0;
  text-align: right;
  color: #fff;
}

.whiteMenu .search-trigger {
  display: block;
  height: 30px;
  padding: 0;
  top: 20px;
  right: 110px;
  width: 30px;
  background: url("../images/magnifying-glass.svg") no-repeat center center;
  background-size: 15px;
  border: none;
  cursor: pointer;
}

.whiteMenu #top-nav .menu-item-has-children {
  background-image: url("../images/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 10px;
  background-size: 12px 12px;
}

/* Make the menu white END */
/* Drop down Navigation*/
.home #top-nav .menu-item-has-children {
  background-image: url("../images/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 10px;
  background-size: 12px 12px;
}

#top-nav .menu-item-has-children {
  background-image: url("../images/chevron-down-grey.svg");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 10px;
  background-size: 12px 12px;
}

.menu-item-has-children {
  cursor: pointer;
}

.banner_menu {
  margin: 0;
  padding: 0;
}

.sub-menu {
  margin: 0;
  padding: 0;
}

.banner_menu li {
  float: left;
  list-style: none;
  cursor: pointer;
}

.dev-menu ul {
  float: right;
}

.banner_menu li a {
  display: block;
  text-decoration: none;
  white-space: nowrap;
}

.banner_menu li ul {
  margin: 0;
  padding: 0;
  position: absolute;
  list-style-type: none;
  background: #fff;
  visibility: hidden;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  margin-top: 25px !important;
  margin-left: -10px;
  padding: 15px 0;
}

.banner_menu li ul li {
  float: none;
  display: block;
}
.banner_menu li ul li:hover {
  background-color: #e2f4fe;
}

.nav .banner_menu li ul li a {
  width: auto;
  width: 100%;
  padding: 10px;
  color: #545454;
  font-size: 14px;
}

.nav .banner_menu li ul li a:hover {
  color: #27b0e4;
}

/*End Drop down Navigation*/
/* Support Menu */
#menu-support-main-menu .menu-item-has-children a {
  background-image: url("../images/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 12px 12px;
}

#menu-support-main-menu .menu-item-has-children li a {
  background: none;
}

.menu-item-has-children ul {
  display: none;
}

.current-menu-ancestor ul {
  display: block;
}

/*End Support Menu*/
/* Mobile Navigation*/
#mobile-menu .menu-item-has-children {
  background-image: none;
}

#mob-toggle {
  display: none;
}

/*End Mobile Navigation*/
/* Reset all styles */
.mob-menu {
  font-size: 2em;
  color: #2eabe2;
}
.mob-menu img {
  width: 30px;
}

/*End Reset all styles */
/* Style the menu */
#mobile-menu .menu li {
  display: list-item;
  float: none;
  padding: 3px 0;
}

/*End Style the menu */
/* Updated navigation*/
#top-nav .action-buttons ul {
  margin-top: 1px;
}
#top-nav .action-buttons li {
  display: inline-block;
}
#top-nav .action-buttons a {
  display: block;
  margin: 0;
  padding: 0 5px;
  line-height: 15px;
}

.nav-action {
  float: right;
  padding: 0 10px;
}

/*End Updated navigation*/
/* Updated Mobile Navigation*/
#mob-toggle {
  padding: 0 10px;
}
#mob-toggle a {
  display: block;
}

.mob-menu {
  display: block;
  line-height: 30px;
}
.mob-menu img {
  display: block;
  height: 30px;
  width: 30px;
}

/*End Updated Mobile Navigation*/
/* Support Back to Top*/
a.back-to-top {
  display: none;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 20px;
  bottom: 20px;
  background: #fff url("../images/chevron-up.svg") no-repeat center 43%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
a.back-to-top:hover {
  border: 1px solid #2eabe2;
  background: #fff url("../images/chevron-up.svg") no-repeat center 43%;
}

/*End Support Back to Top*/
/*Media Query Navigation*/
@media screen and (max-width: 600px) {
  .signup-nav a {
    font-size: 0.7em;
    padding: 3px 6px;
    margin: 0px;
    border: none;
  }

  .book-nav a {
    font-size: 0.7em;
    padding: 3px 6px;
    margin: 0px;
    border: none;
  }

  #top-nav ul {
    margin-top: 5px;
  }
}
@media all and (min-width: 465px) {
  #top-nav .action-buttons ul {
    display: block;
    margin-top: 7px;
  }

  #top-nav .action-buttons a {
    display: block;
    margin: 0;
    padding: 0 5px;
    line-height: 20px;
  }
}
@media all and (min-width: 601px) {
  .nav-action {
    margin: 4px 0;
  }

  #top-nav .action-buttons ul {
    margin-top: 0;
  }

  #top-nav .action-buttons li {
    margin-left: 10px;
  }

  #top-nav .action-buttons a {
    display: block;
    margin: 0;
    padding: 0 5px;
    line-height: 20px;
  }
}
@media all and (max-width: 1200px) {
  .nav-docs {
    width: 0;
  }
}
@media all and (min-width: 1201px) {
  .nav-action {
    margin: 5px 0 3px;
  }
}
/*End Media Query Navigation*/
/*New Navigation*/
.cursor-default {
  cursor: default !important;
}
.cursor-default > a {
  cursor: default;
}

#nav-container {
  padding: 15px 30px 15px 30px;
  margin: 10px;
  /*height: 55px;*/
  z-index: 100;
  display: flex;
}
#nav-container ul {
  margin-top: 7px;
  z-index: 1000;
  min-width: 140px;
}
#nav-container ul li {
  font-size: 15px !important;
}

.tel {
  margin-right: 20px;
  color: #545454;
}
.tel:before {
  content: '';
  background: url("../images/icon-phone.svg");
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 3px;
}

.left-nav {
  flex: 1 0 60%;
  margin: auto;
}

.right-nav {
  text-align: right;
  flex: 1 0 40%;
  margin: auto;
}
.right-nav a {
  color: #545454;
}
.right-nav a:last-child {
  margin-right: 0;
}
.right-nav .nav-btn {
  padding: 9px 30px;
  border: 1px solid #bec9cc;
  border-radius: 4px;
  margin-right: 10px;
  line-height: 14px;
}
.right-nav .nav-btn:nth-child(2) {
  padding: 9px 30px;
}
.right-nav .nav-btn:hover {
  color: #ffffff;
  background-color: #1babe2;
  border-color: #1babe2;
}
.right-nav .demo-btn {
  padding: 9px 30px;
  color: #ffffff;
  border: 1px solid #faa634;
  background-color: #faa634;
  font-weight: 700;
  border-radius: 4px;
}
.right-nav .demo-btn:hover {
  background-color: #fbb040;
  border-color: #fbb040;
}

.new-mob-nav {
  display: none;
}
.new-mob-nav .logo {
  margin-right: 0;
  text-align: left;
  height: 40px;
}
.new-mob-nav .logo img {
  height: 40px;
  width: auto;
}
.new-mob-nav .right {
  text-align: right;
  padding: 0 10px;
}
.new-mob-nav .demo-btn {
  padding: 15px 30px;
  color: #ffffff;
  border: 1px solid #faa634;
  background-color: #faa634;
  font-weight: 700;
  border-radius: 4px;
  font-size: 15px;
}
.new-mob-nav .demo-btn:hover {
  background-color: #fbb040;
}

#mobMenu {
  display: none;
  border-top: 1px solid #dddddd;
  position: absolute;
  z-index: 1000;
  padding: 20px 0;
  background: #ffffff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
#mobMenu .menu-mobile-nav-container {
  margin-bottom: 10px;
}
#mobMenu .menu li {
  padding: 15px 0;
  border-bottom: 1px solid #dddddd;
  font-size: 16px;
}
#mobMenu .menu li a {
  color: #545454;
  padding: 0 60px;
}
#mobMenu .extend-menu li:last-child {
  border-bottom: 0;
}
#mobMenu .sub-menu {
  background-color: #fafafa;
  padding: 15px 5px;
  position: relative;
  margin-top: 10px;
  -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
}
#mobMenu .sub-menu li {
  border-bottom: 0;
  padding: 10px 5px;
}
#mobMenu .sub-menu li a {
  color: #1aaae2;
}
#mobMenu .tel {
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding: 15px 20px;
}

#mobMenuToggle {
  cursor: pointer;
  padding: 10px 20px 16px 0px;
}

#mobMenuToggle span,
#mobMenuToggle span:before,
#mobMenuToggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 20px;
  background: #d3d3d3;
  position: absolute;
  display: block;
  content: '';
}

#mobMenuToggle span:before {
  top: -8px;
}

#mobMenuToggle span:after {
  bottom: -8px;
}

#mobMenuToggle span,
#mobMenuToggle span:before,
#mobMenuToggle span:after {
  transition: all 500ms ease-in-out;
}

#mobMenuToggle.active span {
  background-color: transparent;
}

#mobMenuToggle.active span:before,
#mobMenuToggle.active span:after {
  top: 0;
}

#mobMenuToggle.active span:before {
  transform: rotate(45deg);
}

#mobMenuToggle.active span:after {
  transform: rotate(-45deg);
}

/*Home Navigation*/
body.page-template-test-home-header .nav li a, body.home .nav li a, body.page-template-pricingencode-page .nav li a {
  color: #ffffff;
}
body.page-template-test-home-header .right-nav a, body.home .right-nav a, body.page-template-pricingencode-page .right-nav a {
  color: #ffffff;
}
body.page-template-test-home-header .right-nav .nav-btn, body.home .right-nav .nav-btn, body.page-template-pricingencode-page .right-nav .nav-btn {
  border-color: #7ac8fd;
}
body.page-template-test-home-header .right-nav .nav-btn:hover, body.home .right-nav .nav-btn:hover, body.page-template-pricingencode-page .right-nav .nav-btn:hover {
  background-color: transparent;
  border-color: #ffffff;
}
body.page-template-test-home-header .right-nav .expert-btn, body.home .right-nav .expert-btn, body.page-template-pricingencode-page .right-nav .expert-btn {
  display: none;
}
body.page-template-test-home-header .logo img, body.page-template-test-home-header .search-trigger, body.home .logo img, body.home .search-trigger, body.page-template-pricingencode-page .logo img, body.page-template-pricingencode-page .search-trigger {
  filter: brightness(100);
  -webkit-filter: brightness(100);
}
body.page-template-test-home-header #mobMenuToggle span, body.page-template-test-home-header #mobMenuToggle span:before, body.page-template-test-home-header #mobMenuToggle span:after, body.home #mobMenuToggle span, body.home #mobMenuToggle span:before, body.home #mobMenuToggle span:after, body.page-template-pricingencode-page #mobMenuToggle span, body.page-template-pricingencode-page #mobMenuToggle span:before, body.page-template-pricingencode-page #mobMenuToggle span:after {
  background: #ffffff;
}
body.page-template-test-home-header #mobMenuToggle.active span, body.home #mobMenuToggle.active span, body.page-template-pricingencode-page #mobMenuToggle.active span {
  background-color: transparent;
}

/*End Home Navigation*/
@media all and (max-width: 1280px) {
  .right-nav a {
    font-size: 11px;
  }
}
@media all and (max-width: 1200px) {
  .new-mob-nav {
    display: flex;
    margin: 12px 0;
  }
  .new-mob-nav .left {
    width: auto;
    padding-right: 0 !important;
    margin-right: 0 !important;
  }
  .new-mob-nav .logo {
    margin-left: 0;
  }
}
@media all and (max-width: 768px) {
  #mobMenu .menu li a {
    padding: 0 50px;
  }
}
@media all and (max-width: 600px) {
  .new-mob-nav .demo-btn {
    padding: 15px 20px;
  }
  .new-mob-nav .left {
    margin-right: auto !important;
    padding-right: 10px !important;
  }

  #mobMenu .menu li a {
    padding: 0 35px;
  }
}
@media all and (max-width: 425px) {
  #mobMenu .menu li a {
    padding: 0 20px;
  }
}
@media all and (max-width: 376px) {
  .new-mob-nav .demo-btn {
    padding: 10px 20px;
    font-size: 11px;
  }
}
@media all and (max-width: 321px) {
  .new-mob-nav .demo-btn {
    padding: 10px;
  }

  #mobMenu .menu li a {
    padding: 0 15px;
  }
}
@media all and (min-width: 1201px) {
  #mobMenu {
    display: none !important;
  }
}
/*End New Navigation*/
.home .logo img {
  width: 140px;
  height: auto;
  margin-top: -7px;
}

.logo {
  vertical-align: middle;
  padding-top: 5px;
  float: left;
  margin-right: 20px;
}
.logo img {
  width: 140px;
  height: auto;
  margin-top: -7px;
}

.landing-header {
  width: 200px;
  height: auto;
}
.landing-header .logo img {
  width: 200px;
  height: auto;
}

/* Updated Logo*/
.logo-cont {
  padding: 0 10px;
}

.logo {
  height: 30px;
  text-align: center;
}

.logo a {
  display: block;
}

/*End Updated Logo*/
@media screen and (max-width: 799px) {
  .logo-cont {
    text-align: center;
  }
}
@media all and (min-width: 1201px) {
  .logo {
    padding-top: 7px;
  }
}
/* Sidebar*/
.sidebar {
  padding-left: 50px;
}

.sidebar-support {
  padding-left: 50px;
  margin-top: 60px;
}

/*End Sidebar*/
/* Sidebar Support Menu*/
.sidebar-support ul li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #eee;
}
.sidebar-support ul li a:hover {
  background-color: #eee;
}

.sidebar-support ul li ul li a {
  color: #555;
  padding-left: 20px;
}

.sidebar-support .current_page_item a {
  border-left: 1px solid #2eabe2;
  font-weight: bold;
}

.menu-support-main-menu-container .menu li {
  float: none;
}

.menu-support-main-menu-container .menu li ul {
  position: relative;
}

.second-side-menu h2 {
  margin-top: 20px;
  font-size: 1.8em;
}

/*End Sidebar Support Menu*/
/*Media Query*/
@media screen and (max-width: 799px) {
  .sidebar {
    padding-left: 0px;
    padding: 20px;
  }
}
/*End Media Query*/
/* Beadcrumbs
-------------------------------------------------------------------------------*/
.breadcrumb {
  padding-top: 20px;
  overflow: hidden;
}
.breadcrumb ul li {
  display: inline;
  margin-right: 50px;
  background-image: url("../images/chevron-right.svg");
  background-repeat: no-repeat;
  padding-left: 60px;
  background-size: 1.2em 1.2em;
  font-size: 1.2em;
  line-height: 30px;
}
.breadcrumb ul li a {
  text-decoration: none;
  color: #999;
}
.breadcrumb ul li a:hover {
  color: #29abe2;
}

.single-post .breadcrumb {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Buttons 2017*/
.product-footer-buttons .ready-button {
  display: flex;
  justify-content: center;
}
.product-footer-buttons .createaccount a, .product-footer-buttons .learnmore a {
  float: none;
}

.center-button {
  float: none;
  margin: auto;
  width: 300px;
}

.cta-buttons {
  margin-bottom: 50px;
}

/*End Buttons 2017*/
/* Player Benefits Buttons */
.player-learn-more {
  text-align: center;
}
.player-learn-more a {
  padding: 12px 36px;
  background: #faa634;
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.27);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.27);
  color: #fff;
  font-weight: 500;
  position: relative;
  top: -10px;
}
.player-learn-more a:hover {
  background: #fbb040;
  color: #fff;
}

.analytics-learn-more {
  margin-top: auto;
  position: relative;
  bottom: -50px;
}
.analytics-learn-more a {
  padding: 12px 36px;
  background: #faa634;
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.27);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.27);
  color: #fff;
  font-weight: 500;
}
.analytics-learn-more a:hover {
  background: #fbb040;
  color: #fff;
}

/*End Player Benefits Buttons */
.sidebar-ad a {
  font-size: 1.5em;
  margin-top: 20px;
  padding: 10px 20px;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  background-color: #f8b03b;
  text-decoration: none;
  color: #fff;
}
.sidebar-ad a:hover {
  background-color: #f3922b;
  color: #ffffff;
}

/*Eng Button*/
.engbtn a {
  margin: auto;
  max-width: 300px;
  padding: 15px;
  background-color: #3cc0f0;
  color: #fff;
  display: block;
  text-align: center;
  border-radius: 10px;
  font-size: 1.2em;
}

.engbtn a:hover {
  background-color: #00334e;
  color: #ffffff;
}

.av1-innerblock-blue .engbtn {
  margin-top: 0px;
}

/*End Eng Button*/
/*New Button*/
.btn a {
  padding: 15px 25px;
  display: block;
  color: #fff !important;
  float: left;
  margin: 10px;
  border-radius: 4px;
  min-width: 190px;
  text-align: center;
  font-weight: 700;
}

.btn.shadow a {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.27);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.27);
}

.btn.full a {
  float: none;
}

.btn.trLight a {
  border: 2px solid #7ac8fd;
}
.btn.trLight a:hover {
  border-color: #ffffff;
}

.btn.trDark a {
  color: #545454;
  border: 2px solid #1babe2;
}
.btn.trDark a:hover {
  border-color: #1babe2;
  background: #1babe2;
  color: #ffffff;
}

.btn.orange a {
  border: 1px solid #faa634;
  background: #faa634;
}
.btn.orange a:hover {
  border-color: #fbb040;
  background: #fbb040;
}

.btn.green a {
  border: 1px solid #23b875;
  background: #23b875;
}
.btn.green a:hover {
  border-color: #3ecf8e;
  background: #3ecf8e;
}

.btn.pink a {
  border: 1px solid #dc3072;
  background: #dc3072;
}
.btn.pink a:hover {
  border-color: #e2588d;
  background: #e2588d;
}

.btn.drBlue a {
  border: 1px solid #432c62;
  background: #432c62;
}
.btn.drBlue a:hover {
  border-color: #663e9d;
  background: #663e9d;
}

.btn.blue a {
  border: 2px solid #0dc4ff;
  background: #0dc4ff;
}
.btn.blue a:hover {
  border-color: #07aee4;
  background: #07aee4;
}

.btn.grey a {
  border: 1px solid #EEF6F9;
  background: #EEF6F9;
  color: #505F79 !important;
}
.btn.grey a:hover {
  border-color: #1FAAE2;
  background: #1FAAE2;
  color: #ffffff !important;
}

.btn.grey a.active {
  border-color: #1FAAE2;
  background: #1FAAE2;
  color: #ffffff !important;
}

/*End New Button*/
/*Partner Button*/
.btn-partner a {
  text-align: left;
  padding: 10px;
  font-size: 16px;
  margin-left: 0;
}
.btn-partner a:before {
  content: '';
  background: url(../images/partners/Flag.svg) no-repeat left;
  height: 14px;
  width: 14px;
  background-size: auto;
  display: inline-block;
  vertical-align: initial;
  margin-right: 15px;
}

.btn-partner.viewall a {
  padding: 12px 0;
  color: #1FAAE2 !important;
  background: transparent;
  border: 0;
  margin-left: 10px;
}
.btn-partner.viewall a:before {
  content: none;
}
.btn-partner.viewall a:hover {
  background: transparent;
  border: 0;
}

/*End Partner Button*/
/*Media Query for button*/
@media screen and (max-width: 1025px) {
  .player-learn-more a {
    top: -20px;
  }
}
@media screen and (max-width: 799px) {
  h6 a, .eng-cta-btn, .page-template-eng-on-premise-encoding-page .eng-cta-btn {
    width: 90%;
  }

  .btn {
    width: 90%;
    margin: auto;
    text-align: center;
  }
  .btn a {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }

  .cta-buttons li {
    width: 90%;
  }
}
@media screen and (max-width: 600px) {
  .product-footer-buttons .ready-button {
    display: block;
  }

  .btn-partner {
    display: flex;
    justify-content: center;
    margin: 0 !important;
    width: 100%;
  }
  .btn-partner a {
    max-width: 200px;
    text-align: center;
  }

  .btn-partner.viewall a {
    margin-left: 0;
  }
}
/*End Media Query for button*/
/* Tables
------------------------------------------------------------*/
th {
  padding: 10px;
  background-color: #2eabe2;
  color: #fff;
  font-weight: bold;
  text-align: left;
  border: 1px solid #fff;
}

td {
  padding: 10px;
  border: 1px solid #eee;
}

.clear {
  clear: both;
}

.alignleft {
  float: left;
  margin-right: 20px;
  text-align: left;
}

.alignright {
  float: right;
  margin-left: 20px;
  text-align: right;
}

.info-table th {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.info-table td {
  padding: 0px;
  border: 1px solid #fff;
  background-color: #f1fafe;
}

.post .info-table ul li {
  margin: 0px;
  list-style-type: none;
  padding: 8px 20px;
  border-bottom: 1px #fff dotted;
}
.post .info-table h3 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
  width: 100%;
  background-color: #23aae2;
  padding: 8px 15px;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0px;
}

/*Call to action - wrapping product page buttons*/
.cta-blog-wrapper {
  width: 100%;
  margin-top: 50px;
  padding: 40px;
  background-color: #22aae2;
  padding: 0;
  text-align: center h3, h4;
  text-align-line-height: 1em;
  text-align-margin: 0;
  text-align-text-transform: uppercase;
}
.cta-blog-wrapper h3 {
  color: #fff;
  font-size: 2.8em;
  margin-top: 0;
  display: inline-block;
  font-size: 34px;
  font-weight: 700;
  margin: 0 0 40px;
  position: relative;
}
.cta-blog-wrapper h3:before {
  content: '';
  position: absolute;
  height: 1px;
  border-bottom: 1px solid #76cff6;
  width: 72px;
  top: 50%;
  right: 100%;
  margin-right: 10px;
}
.cta-blog-wrapper h3:after {
  content: '';
  position: absolute;
  height: 1px;
  border-bottom: 1px solid #76cff6;
  width: 72px;
  top: 50%;
  left: 100%;
  margin-left: 10px;
}
.cta-blog-wrapper h4 {
  color: #b8e9fe;
  font-size: 22px;
  letter-spacing: 6px;
  margin: 0 0 6px;
}
.cta-blog-wrapper p {
  color: #fff;
  font-size: 1.5em;
  margin: 0;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.5em;
}
.cta-blog-wrapper h6 a {
  font-weight: 700;
  border: 1px solid #ffffff;
  width: 100%;
  margin: 30px 0 0 0;
  background-image: url("../images/signup-right-blue.svg");
  background-color: #ffffff;
  color: #22aae2;
}
.cta-blog-wrapper h6 a:hover {
  background-color: #1a99ce;
}
.cta-blog-wrapper .heading {
  position: relative;
}
.cta-blog-wrapper .heading:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #b8e9fe;
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -10px;
}

.cta-right, .cta-left {
  color: #000;
  padding: 40px;
}

.cta-right {
  padding: 0px 20px 10px 50px;
  border-left: 1px solid #eee;
  background: #1e9fd7;
  border: 0;
  position: relative;
}
.cta-right:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #2eabe2;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -16px;
}

.cta-left {
  padding: 0px 50px 10px 20px;
}

/*End Call to action - wrapping product page buttons*/
/*2017 Call to action home page - inline */
.cta {
  margin: 10px 30px 40px 30px;
  display: flex;
}

.cta-image, .cta-text {
  padding: 8px 16px;
  background: url("../images/blue-tran.png");
  position: relative;
}

.cta-text {
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  color: #fff;
  padding-right: 30px;
}
.cta-text img {
  position: absolute;
  right: 5px;
  top: 6px;
}

.cta-image {
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  background: #f9b80e;
  color: #fff;
  min-width: 120px;
  text-align: right;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cta-image img {
  position: absolute;
  max-height: 60px;
  max-width: 104px;
}

/*End 2017 Call to action home page - inline*/
/*2018 Call to action home page - inline */
body.page-template-test-home-header .cta, body.home .cta {
  margin: 0;
  display: flex;
  justify-content: flex-end;
}

/*End 2018 Call to action home page - inline*/
/*Media Query CTA*/
@media screen and (max-width: 1200px) {
  body.page-template-test-home-header .cta, body.home .cta {
    margin: 40px 30px;
    justify-content: center;
  }
}
@media screen and (max-width: 799px) {
  .cta-right {
    padding: 10px;
    border: 0px;
  }

  .cta-left {
    padding: 10px;
  }

  .cta-imageold img {
    position: relative;
    max-width: 100%;
    left: 0px;
    top: 0px;
  }
}
@media screen and (max-width: 520px) {
  .cta {
    flex-wrap: wrap;
  }

  .cta-image, .cta-text {
    flex: 0 1 100%;
    text-align: center;
  }

  .cta-image {
    display: none;
  }

  .cta-text {
    border-radius: 15px;
  }
}
/*End Media Query CTA*/
/*Forms 2017 */
.download-form {
  padding: 10px 30px;
  margin-bottom: 20px;
}

.hs-fieldtype-textarea {
  text-align: left;
}
.hs-fieldtype-textarea textarea.hs-input {
  width: 100%;
  height: 100px;
  border-radius: 5px;
  resize: none;
  margin-top: 10px;
}

.hs-fieldtype-text, .hs-fieldtype-textarea {
  text-align: left;
  margin-bottom: 20px;
}
.hs-fieldtype-text .input, .hs-fieldtype-textarea .input {
  text-align: center;
  margin-top: 10px;
}
.hs-fieldtype-text .input .hs-input, .hs-fieldtype-textarea .input .hs-input {
  border-radius: 5px;
  padding: 12px;
  border: 1px solid transparent;
  width: 100%;
  height: 100% !important;
  font-family: "Averta", sans-serif;
}
.hs-fieldtype-text .input .hs-input:focus, .hs-fieldtype-textarea .input .hs-input:focus {
  border-color: #0dc4ff;
}
.hs-fieldtype-text .hs-error-msgs, .hs-fieldtype-textarea .hs-error-msgs {
  margin: 5px 0 10px 0;
}

.hs-error-msgs li {
  margin: 0 !important;
  list-style-type: none !important;
  color: #b90000;
}

.hs-submit {
  margin: 15px 0 20px;
}
.hs-submit .hs-button {
  padding: 12px;
  background-color: #0dc4ff;
  color: #fff;
  border: 0;
  width: 80%;
  margin-top: 10px;
  font-size: 1.2em;
  cursor: pointer;
  border-radius: 5px;
}
.hs-submit .hs-button:hover {
  background-color: #07aee4;
}

.hs-richtext p {
  line-height: 1.2em;
  font-size: 0.7em;
}

@media screen and (max-width: 799px) {
  .download-form {
    padding: 5px 5px;
  }
}
/* Meeting form */
.submitted-message p {
  color: #fff;
}

/* GDPR Stuff */
.hs-form-booleancheckbox input[type="checkbox"] {
  margin: 10px;
  width: 30px;
  float: left;
}

.post ul li.hs-form-booleancheckbox {
  margin: 0px;
  list-style-type: none;
  font-size: 0.9em;
  text-align: left;
}

.legal-consent-container .hs-form-booleancheckbox-display span {
  width: 80%;
  float: left;
  margin-bottom: 15px;
}

.legal-consent-container .hs-form-booleancheckbox-display p {
  line-height: 1.1em;
}

/*End Forms 2017 */
/* Geralds party boxes ;-)*/
.double-party-box {
  display: flex;
  margin-bottom: 30px;
}
.double-party-box .box-upper {
  padding: 20px;
}
.double-party-box .box-upper p {
  color: #fff;
  font-size: 1em;
}
.double-party-box .learnmore a {
  width: 95%;
  text-align: center;
  margin-top: auto;
}

.party-box2, .party-box3 {
  display: flex;
  flex-flow: column nowrap;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #fff;
  margin-top: 20px;
}

.party-box2 {
  margin-right: 10px;
  width: 50%;
}
.party-box2 .box-upper {
  background: #dc3072;
}

.party-box3 {
  margin-left: 10px;
  width: 50%;
}
.party-box3 .box-upper {
  background: #0dc4ff;
}

.box-lower {
  padding: 20px;
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
}
.box-lower img {
  margin-bottom: 7px;
  max-width: 200px;
  margin: 0 auto 7px;
}
.box-lower p {
  margin: 1em 0;
}
.box-lower h5 {
  text-align: center;
}

.happy-logos img {
  padding: 15px !important;
}

/*End Geralds party boxes ;-)*/
/* Demo boxes*/
.demo-container {
  display: flex;
}

.demo-box {
  display: flex;
  flex-flow: column nowrap;
  margin: 20px;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #fff;
  width: 30%;
}

.demo-box-top {
  background: #0dc4ff;
  text-align: center;
  padding: 10px;
}
.demo-box-top h2 {
  color: #fff;
  font-size: 1.2em;
  font-weight: 500;
  margin-top: 0px !important;
}
.demo-box-top img {
  padding: 15px;
  height: auto;
  width: 100px;
}

.demo-box-bottom {
  padding: 20px;
}
.demo-box-bottom h3 {
  font-size: 1.2em;
  text-align: center;
  font-weight: 500;
}
.demo-box-bottom p {
  font-size: 1em;
  text-align: left;
  line-height: 2em;
}

.demo-box-top a:hover h2 {
  color: #97D9EF;
}

/*End Demo boxes*/
/*Media Query Box*/
@media screen and (max-width: 799px) {
  .party-box2 {
    margin-right: 0px;
  }

  .party-box3 {
    margin-left: 0px;
  }

  .lp-text-content {
    padding: 0px;
  }

  .demo-container {
    display: block;
  }

  .demo-box {
    display: block;
    width: 100%;
    margin: 15px 0;
  }

  .double-party-box {
    display: block;
  }

  .party-box2, .party-box3 {
    display: block;
    flex-flow: none;
  }

  .demo-box-bottom h3 {
    text-align: center;
  }
}
/*End Media Query Box*/
/* FAQ
-------------------------------------------------------------------------------*/
.category-faq {
  margin-top: 30px;
}

.faq-heading {
  margin-top: 30px;
}

.faq-expandable {
  margin-top: 30px;
}
.faq-expandable h5 {
  font-size: 1.3em;
  cursor: pointer;
  font-weight: normal;
  color: #777;
  margin-bottom: 1.5em;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
}
.faq-expandable .cat-excerpt {
  padding-left: 0;
}

.faq-search-box input {
  border: 0 solid #22b573;
  float: left;
  font-family: "Open Sans",sans-serif;
  height: 2.5em;
  padding: 0.7em;
  font-size: 1.2em;
  width: 350px;
}
.faq-search-box #searchsubmit {
  background-color: #f3922b;
  color: #fff;
  height: 2.5em;
  border: none;
  padding: 0 70px 0 20px;
  background-image: url("images/signup-right.svg");
  background-repeat: no-repeat;
  background-position: right;
  font-size: 1.2em;
  border: 1px solid #fff;
  width: 180px;
  background-size: 45px 45px;
}
.faq-search-box #searchsubmit:hover {
  background-color: #dd7e28;
}

.faqsearch-result {
  padding: 20px 20px 0 20px;
}

/* FAQ Navigation
--------------------------------------------------------------------------------*/
.faq-nav {
  overflow: hidden;
  background: #22b573;
  width: 300px;
}
.faq-nav:hover {
  height: auto;
}
.faq-nav .banner_menu li a {
  padding: 10px;
  color: #fff;
}
.faq-nav li ul li a {
  color: #999 !important;
  text-decoration: none;
  border-bottom: 1px solid #eee;
}
.faq-nav li ul li a:hover {
  color: #22b573 !important;
}
.faq-nav ul li:hover ul {
  display: block;
  visibility: visible;
}
.faq-nav li ul {
  border: 1px slid #eee;
  padding: 0 10px;
  width: 300px;
}

.faq-nav .menu-item-has-children {
  width: 100%;
  background-image: url("images/chevron-down-white.svg");
  background-repeat: no-repeat;
  background-position: 90% 50%;
  padding-right: 10px;
  background-size: 15px 15px;
}

/*Media Query*/
@media screen and (max-width: 950px) {
  .faq-search-box input {
    width: 250px;
  }
}
@media screen and (max-width: 799px) {
  .faq-nav {
    margin-top: 15px;
    width: 100%;
  }

  .faq-search-box input {
    width: 66%;
  }

  .faq-search-box #searchsubmit {
    width: 33%;
  }
}
@media screen and (max-width: 520px) {
  .faq-search-box input {
    width: 100%;
  }

  .faq-search-box #searchsubmit {
    width: 100%;
    margin-top: 8px;
  }
}
/*End Media Query*/
/* Demo Forms 
----------------------------------------*/
#player {
  margin-top: 40px;
}

#bitmovin-player {
  margin-bottom: 19px;
}

.page-template-eng-encoder-product-page-php #bitmovin-player figure {
  background-color: #fff !important;
}

#post #bitmovin-player figure {
  background-color: #fff !important;
}

.demo_form .button {
  float: left;
  background-color: #ff931e;
  color: #fff;
  height: 3em;
  border: none;
  background-image: url("../images/signup-right.svg");
  background-repeat: no-repeat;
  background-position: right;
  font-size: 1.1em;
  background-size: 55px 55px;
  padding-right: 70px;
  width: 25%;
}
.demo_form input, .demo_form select {
  height: 3em;
  float: left;
  padding: 0.7em;
  font-size: 1.1em;
  font-family: 'Open Sans', sans-serif;
}
.demo_form input {
  border: 1px solid #eee;
  width: 50%;
  margin-bottom: 30px;
}
.demo_form select {
  background-color: #eee;
  border: 1px solid #eee;
  color: #555;
  width: 25%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("../images/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: 90% center;
  background-size: 25px;
}
.demo_form option {
  border: 0px;
  color: #555;
}

#drmUsage {
  margin-bottom: 20px;
}

#drmInput input {
  width: 37.5%;
}
#drmInput .button {
  width: 25%;
}

.page-template-two-column #error {
  margin: 10px;
  padding: 5px 10px;
}

.page-template-ad-demo-page .demo_form input {
  width: 60%;
}

.page-template-ad-demo-page .demo_form select {
  width: 40%;
}

.page-template-ad-demo-page #Reset {
  width: 100%;
}

/*Media Query*/
@media screen and (max-width: 599px) {
  .demo_form select, .demo_form input, .demo_form .button {
    width: 100%;
    margin: 5px 0;
  }

  #drmInput input {
    width: 100%;
  }

  #drmInput .button {
    width: 100%;
  }

  .page-template-ad-demo-page .demo_form input {
    width: 100%;
  }

  .page-template-ad-demo-page .demo_form select {
    width: 100%;
  }
}
/*End Media Query*/
/* Bullets */
.whook {
  background: url("../images/bullet-an-hook.png") 0 -2px no-repeat;
}

.test {
  background: url("../images/bullet-an-test.png") 0 -2px no-repeat;
}

.analy {
  background: url("../images/bullet-an-analy.png") 0 -2px no-repeat;
}

.rest {
  background: url("../images/bullet-an-rest.png") 0 -2px no-repeat;
}

.device {
  background: url("../images/bullet-an-device.png") 0 -2px no-repeat;
}

.adapt {
  background: url("../images/bullet-an-adapt.png") 0 -2px no-repeat;
}

.fields {
  background: url("../images/bullet-an-fields.png") 0 -2px no-repeat;
}

.realtime {
  background: url("../images/bullet-an-realtime.png") 0 -2px no-repeat;
}

.monitor {
  background: url("../images/bullet-an-monitor.png") 0 -2px no-repeat;
}

.integr {
  background: url("../images/bullet-an-integr.png") 0 -2px no-repeat;
}

.priv {
  background: url("../images/bullet-priv.png") 0 -2px no-repeat;
}

/* Mailchimp form
-------------------------------------------------------------------------------*/
#footer-top h3 {
  font-size: 1.5em;
  margin-bottom: 10px;
}
#footer-top p {
  margin-top: 20px;
  width: 85%;
  color: #fff;
}

#mc_embed_signup {
  width: 100%;
}
#mc_embed_signup input {
  height: 3em;
  float: left;
  border: 0px solid #22b573;
  padding: 0.7em;
  font-family: "Averta", sans-serif;
}
#mc_embed_signup .email-mc input {
  width: 50%;
  color: #999;
}
#mc_embed_signup .submit-mc input {
  background-color: #3ecf8e;
  border: medium none;
  color: #fff;
  margin-left: 1em;
  padding-left: 20px;
  padding-right: 70px;
  background-size: 42px 42px;
  text-align: center;
}
#mc_embed_signup .submit-mc input:hover {
  background-color: #1cc479;
}

#mce-success-response {
  width: 300px;
  padding: 20px;
}

/*Media Query*/
@media screen and (max-width: 1200px) {
  #mc_embed_signup .submit-mc input {
    margin-left: 0;
    margin-top: 10px;
    width: 80%;
  }

  #mc_embed_signup .email-mc input {
    width: 80%;
  }
}
@media screen and (max-width: 520px) {
  #mc_embed_signup .submit-mc input {
    background-image: none;
    border: medium none;
    color: #fff;
    margin-left: 1em;
    padding-left: 0;
    padding-right: 0;
  }
}
/*End Media Query*/
/*-------->Niklas-Contact-Form-7<----------*/
.wpcf7-form {
  padding-left: 1em;
  padding-right: 1em;
}

.wpcf7-checkbox {
  width: 100%;
}

.wpcf7-form checkbox {
  border: none;
  margin-top: 20px;
  width: 50px;
}

.wpcf7-form checkbox option {
  margin-top: 5px;
}

.wpcf7 label {
  color: #555;
  font-weight: bold !important;
  line-height: 2.2em;
}

.wpcf7 p {
  margin: 0.2em;
}

.wpcf7 span.required {
  color: red;
  font-weight: bold;
}

.wpcf7 input {
  margin: 3px 0;
}

.wpcf7 input, .wpcf7 textarea {
  padding: 10px;
  width: 100%;
}

.g-recaptcha {
  padding: 10px;
}

.widget .wpcf7 input, .widget .wpcf7 textarea {
  width: 100%;
}

.wpcf7-submit {
  background-color: #0dc4ff;
  color: #fff;
  height: 3em;
  border: none;
  padding-left: 10px !important;
  background-repeat: no-repeat;
  width: 100%;
  margin-top: 10px;
  font-size: 1.2em;
  background-size: 50px 50px;
  cursor: pointer;
}

.wpcf7-submit:hover {
  background-color: #22aae2 !important;
}

.wpcf7 input[type="text"]:focus {
  background: #fbfbfb;
}

.fn-left {
  padding-right: 1em;
  float: left;
  width: 50%;
}

.ln-right {
  padding-left: 1em;
  float: left;
  width: 50%;
}

@media screen and (max-width: 799px) {
  .wpcf7 input, .wpcf7 textarea {
    width: 100%;
  }

  .wpcf7-submit {
    width: 100% !important;
  }

  .fn-left {
    clear: both;
    padding-right: 0em !important;
    width: 100%;
  }

  .ln-right {
    clear: both;
    padding-left: 0em !important;
    width: 100%;
  }
}
.wpcf7-mail-sent-ok {
  text-align: center;
  text-shadow: none;
  padding: 10px;
  font-size: 16px;
  background: #59a80f;
  border-color: #59a80f;
  color: #fff;
  margin: 0;
}

.wpcf7-response-output.wpcf7-spam-blocked, .wpcf7-response-output.wpcf7-validation-errors {
  font-weight: bold;
  color: red;
  font-size: 1.2em;
  border: 3px solid red;
  border-radius: 4px;
  padding: 10px;
}

.wpcf7 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  font-weight: normal;
}

.wpcf7 select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  height: 2em;
  padding-left: 5px;
}

.wpcf7 span.wpcf7-not-valid-tip {
  color: #f00 !important;
}

.screen-reader-response {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-response:focus {
  clip: auto !important;
  display: block;
  height: auto;
  left: 5px;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/*ENDE-------->Niklas-Contact-Form-7<----------*/
.page-404 .col-12-12 {
  padding: 0 100px;
}
.page-404 .title {
  text-align: center;
}
.page-404 .title h1 {
  font-size: 20em;
  margin: .1em .1em 0 .1em;
  line-height: 100%;
  font-weight: 900;
  color: #2eabe2;
}
.page-404 .title h2 {
  font-size: 4em;
  line-height: 100%;
  font-weight: 900;
  color: #2eabe2;
  padding-bottom: .2em;
}
.page-404 .title:after {
  content: ' ';
  border-bottom: 1px dashed #2eabe2;
  display: block;
  width: 60%;
  margin: 0 auto;
}
.page-404 .content {
  width: 60%;
  margin: 0 auto 5em;
}
.page-404 .menu_404 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.page-404 .menu_404 li, .page-404 .menu_404 ul {
  margin-bottom: 10px;
  font-size: 15px;
}
.page-404 .menu_404 .sub-menu {
  margin-top: 10px;
  display: block !important;
}

@media screen and (max-width: 900px) {
  .page-404 .col-12-12 {
    padding: 0;
  }
  .page-404 .title h1 {
    font-size: 20em;
  }
  .page-404 .title h2 {
    font-size: 4em;
  }
  .page-404 .title:after {
    width: 70%;
  }
  .page-404 .content {
    width: 70%;
  }
  .page-404 .menu_404 {
    font-size: 2em;
  }
}
@media screen and (max-width: 600px) {
  .page-404 .title h1 {
    font-size: 10em;
  }
  .page-404 .title h2 {
    font-size: 2em;
  }
  .page-404 .title:after {
    width: 70%;
  }
  .page-404 .content {
    width: 70%;
  }
  .page-404 .menu_404 {
    font-size: 2em;
  }
}
/* Customer Page Template
--------------------------------------------------------------------------------*/
.page-template-customer-page blockquote {
  border-left: 1px solid #efefef;
  float: right;
  padding: 1em;
  width: 33%;
}

.page-template-customer-page .page-container blockquote p {
  width: 100%;
  margin: 0 0 20px 0;
  float: none;
}

.page-template-customer-page .page-container p {
  float: left;
  width: 63%;
}

.page-template-customer-page .page-container ul {
  float: left;
  width: 63%;
}

@media screen and (max-width: 799px) {
  .page-template-customer-page blockquote {
    border-left: none;
    float: left;
    width: 100%;
    margin: 0;
  }

  .page-template-customer-page blockquote p {
    width: 100%;
    font-size: 0.7em;
  }

  .page-template-customer-page .page-container p {
    float: left;
    width: 100%;
  }

  .page-template-customer-page p {
    float: left;
    width: 100%;
  }
}
/* Customer Single Page
--------------------------------------------------------------------------------*/
.customer-header-box {
  height: 385px;
  background: #EEF6F9;
}

.customer-featured-image {
  margin-top: -25%;
  margin-bottom: 70px;
}
.customer-featured-image img {
  width: 100%;
}
.customer-featured-image .customer-detail-logo {
  width: 100%;
  height: 385px;
  object-fit: cover;
  float: left;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
}
.customer-featured-image .attachment-post-thumbnail {
  width: 70%;
  height: 385px;
  object-fit: cover;
  float: left;
  border-radius: 0px 8px 8px 0px;
  -moz-border-radius: 0px 8px 8px 0px;
  -webkit-border-radius: 0px 8px 8px 0px;
}

.customer-left-side {
  margin-top: 5px;
  padding-right: 130px;
}
.customer-left-side p {
  line-height: 1.8;
  color: #505F79;
}

.customer-back {
  line-height: 33px;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 700;
  color: #505F79;
  padding: 5px 0;
}
.customer-back:before {
  content: "";
  display: inline-block;
  background: url(../images/customer-back.png) no-repeat left center;
  height: 25px;
  width: 20px;
  vertical-align: middle;
}

.customer-post .entry-content h2 {
  font-weight: 700;
  color: #0D3841;
}
.customer-post .customer-info {
  margin-top: 15px;
  text-align: left;
}
.customer-post .customer-info h2 {
  font-weight: 700;
  color: #0D3841;
  margin-bottom: 30px;
}
.customer-post .customer-info .client-testimonial {
  float: right;
  width: 77%;
}
.customer-post .customer-info .client-testimonial p {
  line-height: 1.8em;
  color: #505F79;
  text-align: left;
  padding-right: 50px;
  margin: 0px;
  /*
  &:after{
      content: "";
      display: inline-block;
      background-image: url(../images/quote-mark-right.svg);
      vertical-align: middle;
      height: 25px;
      width: 25px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: top;
      margin:0px 0px 0px 15px;
  }
  */
}
.customer-post .customer-info .client-testimonial p:before {
  content: "";
  display: block;
  float: left;
  background-image: url(../images/quote-mark-left.svg);
  vertical-align: middle;
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  margin: 0px 18px 0px 0px;
}
.customer-post .customer-info .client-profile {
  float: left;
  width: 20%;
}
.customer-post .customer-info .client-profile p {
  margin: 0;
  line-height: 1.6em;
  color: #505F79;
}
.customer-post .customer-info .client-profile .client-image {
  margin-bottom: 20px;
  max-width: 180px;
  height: auto;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
}
.customer-post .customer-info .client-profile .client-profile-details .client-name {
  font-weight: 700;
  color: #0D3841;
}
@media screen and (max-width: 1600px) {
  .customer-post .customer-info .client-testimonial {
    width: 73%;
  }
  .customer-post .customer-info .client-profile {
    width: 20%;
  }
}
@media screen and (max-width: 1200px) {
  .customer-post .customer-info .client-testimonial {
    float: none;
    width: auto;
  }
  .customer-post .customer-info .client-testimonial p {
    padding: 0px;
  }
  .customer-post .customer-info .client-profile {
    float: none;
    width: auto;
  }
  .customer-post .customer-info .client-profile .client-image {
    margin-top: 25px;
    max-width: 120px;
  }
}
.customer-post .customer-right-side h4 {
  font-size: 22px;
  font-weight: 700;
  color: #0D3841;
}
.customer-post .customer-right-side .customer-sidebar aside {
  margin-bottom: 50px;
}
.customer-post .customer-right-side .customer-side-menu a {
  display: block;
  font-size: 1.3em;
  line-height: 2.5;
}
.customer-post .customer-right-side .customer-side-menu a:after {
  content: "";
  display: inline-block;
  background: url(../images/customer-next.png) no-repeat right center;
  height: 25px;
  width: 20px;
  vertical-align: sub;
}
.customer-post .customer-right-side .customer-location .map {
  margin-top: 15px;
}

.customer-footer-cta {
  margin-top: 70px;
  border-top: 1px solid #E1F3FC;
}
.customer-footer-cta .product-footer-buttons {
  padding: 50px 0 150px;
  max-width: 800px;
  margin: 0 auto;
}
.customer-footer-cta .product-footer-buttons h2 {
  color: #0D3841;
  font-weight: 700;
  margin: 0;
}
.customer-footer-cta .product-footer-buttons h5 {
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1.8em;
  margin: 30px 0;
  color: #505F79;
}
.customer-footer-cta .product-footer-buttons .btn a {
  font-size: 1.2em;
  padding: 15px 40px;
}
.customer-footer-cta .product-footer-buttons .trDark a {
  color: #1babe2 !important;
}
.customer-footer-cta .product-footer-buttons .trDark a:hover {
  color: #ffffff !important;
}

/* Animated Customer Archive Page
--------------------------------------------------------------------------------*/
.customer-animated-header {
  position: relative;
  overflow: hidden;
  height: 470px;
}

.customer-wrapper {
  height: 470px;
}

.shape-logo {
  display: block;
  border-radius: 6px;
  background: #41a3c4;
  position: absolute;
  cursor: pointer;
  z-index: 9999;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.shape-logo img {
  border-radius: 6px;
}

.shape-logo-title {
  display: none;
  background: #ffffff;
  position: absolute;
  bottom: -30px;
  color: #555555;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  padding: 4px 20px 6px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  animation: drop 0.3s ease-in-out;
}

@keyframes drop {
  0% {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  70% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.shape-logo:hover {
  transform: scale(1.1);
}

.shape-logo:hover .shape-logo-title {
  display: block;
}

.shape-empty {
  display: block;
  border-radius: 6px;
  position: absolute;
  animation: flow2 60s ease-in-out infinite;
}

@keyframes flow1 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  10% {
    transform: translate3d(0, -7px, 0);
  }
  20% {
    transform: translate3d(0, 0, 0);
  }
  30% {
    transform: translate3d(0, 8px, 0);
  }
  40% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -10px, 0);
  }
  60% {
    transform: translate3d(0, 5px, 0);
  }
  70% {
    transform: translate3d(0, 0, 0);
  }
  80% {
    transform: translate3d(0, -8px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes flow2 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  10% {
    transform: translate3d(0, 10px, 0);
  }
  20% {
    transform: translate3d(0, 4px, 0);
  }
  30% {
    transform: translate3d(0, -8px, 0);
  }
  40% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, 7px, 0);
  }
  60% {
    transform: translate3d(0, 0, 0);
  }
  70% {
    transform: translate3d(0, 5px, 0);
  }
  80% {
    transform: translate3d(0, -7px, 0);
  }
  90% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes flow3 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  10% {
    transform: translate3d(0, 5px, 0);
  }
  20% {
    transform: translate3d(0, -5px, 0);
  }
  30% {
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 5px, 0);
  }
  50% {
    transform: translate3d(0, -10px, 0);
  }
  60% {
    transform: translate3d(0, 0, 0);
  }
  70% {
    transform: translate3d(0, 8px, 0);
  }
  80% {
    transform: translate3d(0, 0, 0);
  }
  90% {
    transform: translate3d(0, -7px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes flow4 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  10% {
    transform: translate3d(0, 0, 0);
  }
  20% {
    transform: translate3d(0, -4px, 0);
  }
  30% {
    transform: translate3d(0, 5px, 0);
  }
  40% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, 7px, 0);
  }
  60% {
    transform: translate3d(0, 0, 0);
  }
  70% {
    transform: translate3d(0, -6px, 0);
  }
  80% {
    transform: translate3d(0, 4px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
/* Customer Archive Page
--------------------------------------------------------------------------------*/
.post-type-archive-dedicated_partner {
  overflow-x: hidden;
}

.customer-archive-header {
  position: relative;
}
.customer-archive-header .header-content {
  text-align: center;
}
.customer-archive-header .header-content h1 {
  font-size: 4em;
  font-weight: 600;
  color: #0D3841;
  margin: 1em auto 0px auto;
}

.customer-archive {
  margin: 100px auto;
}
.customer-archive .customer-box {
  padding: 0 40px;
  min-height: 355px;
  margin-bottom: 80px;
}
.customer-archive .customer-box .partner-logo {
  height: 180px;
  object-fit: contain;
}
.customer-archive .customer-box .customer-excerpt {
  line-height: 1.8;
  margin: 2.5em 0 1.5em;
  color: #505F79;
}
.customer-archive .customer-box .customer-excerpt .morecontent span {
  display: none;
}
.customer-archive .customer-box .customer-learnmore {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 2em;
  letter-spacing: 2px;
}
.customer-archive .customer-box .customer-learnmore:after {
  content: "";
  display: inline-block;
  background: url(../images/customer-next.png) no-repeat right center;
  height: 19px;
  width: 20px;
  vertical-align: sub;
}

/*Media Query*/
@media screen and (max-width: 1200px) {
  .customer-header-box {
    height: 320px;
  }

  .customer-featured-image {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1001px) {
  .customer-header-box {
    height: 280px;
  }

  .customer-featured-image {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 799px) {
  .page-template-customer-page h6 a {
    display: auto;
    font-size: 0.7em;
    height: 3.5em;
    padding-top: 0;
  }

  .customer-header-box {
    height: 220px;
  }

  .customer-featured-image {
    margin-bottom: 40px;
  }

  .customer-left-side {
    padding-right: 0;
  }

  .customer-archive-header {
    background-size: cover;
    height: 280px;
  }
  .customer-archive-header .header-content h1 {
    font-size: 2.5em;
  }

  .customer-featured-image .customer-detail-logo, .customer-featured-image .attachment-post-thumbnail {
    width: 100%;
    height: auto;
    object-fit: cover;
    float: unset;
  }

  .customer-info {
    padding-left: 10px;
    padding-right: 10px;
  }

  .customer-info h2 {
    margin-left: 0px;
  }

  .customer-sidebar {
    margin-top: 65px;
    padding-top: 50px;
    border-top: 1px solid #E1F3FC;
    margin-left: 10px;
    margin-right: 10px;
  }

  .customer-sidebar h4 {
    margin-left: 0px;
  }

  .customer-footer-cta {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 600px) {
  .customer-archive-header {
    background-size: cover;
    height: 250px;
  }

  .customer-header-box {
    height: 150px;
  }

  .customer-featured-image {
    margin-bottom: 40px;
  }
}
/*End Media Query*/
/* 2017 Pricing Page */
.page-template-pricingencode-page .background1 {
  background-position: 100% 150px, 0% 100%;
}

.page-template-pricing-page, .page-template-pricingencode-page, .page-template-pricinganalytics-page, .page-template-pricingplayer-page {
  background: #0dc3ff;
  background: -moz-linear-gradient(-45deg, #0dc3ff 0, #0e7aff 54%, #0dc3ff 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #0dc3ff), color-stop(54%, #0e7aff), color-stop(100%, #0dc3ff));
  background: -webkit-linear-gradient(-45deg, #0dc3ff 0, #0e7aff 54%, #0dc3ff 100%);
  background: -o-linear-gradient(-45deg, #0dc3ff 0, #0e7aff 54%, #0dc3ff 100%);
  background: -ms-linear-gradient(-45deg, #0dc3ff 0, #0e7aff 54%, #0dc3ff 100%);
  background: linear-gradient(135deg, #0dc3ff 0, #0e7aff 54%, #0dc3ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0dc3ff',endColorstr='#0dc3ff',GradientType=1);
}

.pricingBanner h1 {
  color: #fff;
  text-align: center;
  font-size: 2.5em;
  font-weight: 500;
  margin-bottom: 5px;
}

.pricingBanner p {
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  font-weight: 500;
  margin-top: 0;
}

.pricingBanner .pricingNav {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  /* Safari 6.1+ */
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 40px;
}

.pricingBanner .pricingNav div {
  padding: 20px 34px;
  border: 1px solid #fff;
  color: #fff;
  background: #0dc4ff;
  opacity: 0.85;
  font-size: 1.5em;
  font-weight: 100;
  width: 180px;
  text-align: center;
}

.pricingBanner .pricingNav div:hover {
  opacity: 1;
  cursor: pointer;
}

.priceRow {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  /* Safari 6.1+ */
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  top: 60px;
}

.priceBox {
  flex: 0 1 20%;
  text-align: center;
  min-width: 220px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.priceBox h3 {
  color: #fff;
  font-size: 2em;
}

.priceBox h5 {
  line-height: 1.1em;
}

.priceBox-on {
  z-index: 2000;
  position: relative;
  transform: scale(1.05, 1.05);
  -webkit-transition: transform 0.2s;
}

@media screen and (max-width: 1180px) {
  .priceBox-on {
    transform: scale(1, 1);
  }
}
.tabcontent .clogos {
  max-width: 1300px;
  margin: 70px auto 50px auto;
  margin-bottom: 40px;
}

.tabcontent h3 {
  text-align: center;
}

.mainBox {
  flex: 1 1 auto;
  display: flex;
  background: #fff;
  border-bottom: 1px solid #89e2ff;
  border-left: 1px solid #89e2ff;
  padding: 30px;
  flex-flow: column nowrap;
}

.mainBox p {
  line-height: 1.8em;
  font-size: 1em;
  margin: 10px 10px 40px;
}

.topBox {
  flex: 1;
  background: #f6fdff;
  border-top: 1px solid #89e2ff;
  border-bottom: 1px solid #89e2ff;
  border-left: 1px solid #89e2ff;
  padding: 20px 10px;
  min-height: 215px;
}

.enterpriseBox .topbox, .enterpriseBox .mainBox {
  border-right: 1px solid #89e2ff;
}

.priceBox-on .mainBox {
  border-right: 1px solid #89e2ff;
}

.priceBox-on .topBox {
  border-right: 1px solid #89e2ff;
}

.enterpriseBox:hover .mainBox, .enterpriseBox:hover .topbox {
  border-left: 1px solid #89e2ff;
}

.topBox h4 {
  font-size: 3.5em;
  color: #0dc4ff;
  font-weight: 500;
  margin-bottom: 0px;
}

.topBox h4 sup {
  font-size: 1.8rem;
}

.topBox h4 span {
  font-size: 1.8rem;
}

.topBox p {
  font-size: 0.8em;
  margin: 0;
  position: relative;
  top: -20px;
}

.enterpriseBox h4 {
  font-size: 2.6em;
  padding-top: 40px;
}

.enterpriseBox p {
  line-height: 3em;
  margin-top: auto;
}

.priceButton {
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: auto;
}

.pricingBackground {
  background: #fff;
  padding: 70px;
}

.tabcontent-wrapper {
  position: relative;
}

.tabcontent {
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  z-index: 1;
}

.tabcontent.is-active {
  display: block;
  position: relative;
  z-index: 10;
  opacity: 1;
}

#analyticsPrice, #encodingPrice, #playerPrice {
  transition: opacity 1.5s;
  -webkit-transition: opacity 1.5s;
}

.activePrice {
  position: relative;
  opacity: 1 !important;
  background: #ffffff !important;
  color: #fbb040 !important;
}

.activePrice:after {
  content: "";
  position: absolute;
  bottom: -15px;
  /* value = - border-top-width - border-bottom-width */
  left: 75px;
  /* controls horizontal position */
  border-width: 15px 15px 0;
  /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #fff transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

.pricingContent, .pricingFAQ {
  padding: 50px 30px;
}

.pricingFAQ {
  padding-right: 60px;
}

@media screen and (max-width: 799px) {
  .pricingContent, .pricingFAQ {
    padding: 0;
  }

  .pricingFAQ {
    padding-right: 0;
  }

  .pricingBackground {
    padding: 70px 20px;
  }

  .priceBox {
    min-width: 280px;
  }

  .pricingBanner .pricingNav div {
    font-size: 1.2em;
    padding: 10px 15px;
    margin: 5px;
  }

  .activePrice {
    font-weight: 500 !important;
    background: #ffffff !important;
    color: #fbb040 !important;
  }

  .activePrice:after {
    content: "";
    position: absolute;
    bottom: -15px;
    /* value = - border-top-width - border-bottom-width */
    left: 75px;
    /* controls horizontal position */
    border-width: 0;
    /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #fff transparent;
    /* reduce the damage in FF3.0 */
    display: none;
    width: 0;
  }
}
button.accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  border-bottom: 1px dotted #eee;
  text-align: left;
  outline: none;
  font-size: 1rem;
  transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
  background-color: #efefef;
}

button.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

button.accordion.active:after {
  content: "\2212";
}

div.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

div.panel p {
  font-size: 1em;
}

.calculateMinutes {
  margin-top: 50px;
  text-align: center;
  font-size: 1.3em;
}

.calculateMinutes a {
  max-width: 300px;
  margin: 10px auto;
}

	/* Pricing Page
-------------------------------------------------------------------------------*/
.tab-container, .main-price-tabs {
  position: relative;
  z-index: 0;
}

.main-price-tabs {
  margin-top: 60px;
}

.main-price-tabs a {
  text-decoration: none;
}

.product-tab-active {
  padding: 1.5em;
  font-size: 2.5em;
}

.product-tab-notactive {
  padding: 1.5em;
  font-size: 2.5em;
}

.product-tab-notactive a {
  color: #ccc;
}

.product-tab-notactive a:hover {
  color: #2eabe2;
}

.page-template-player-pricing h4, .page-template-encoding-pricing h4 {
  font-size: 1.2em;
  font-weight: bold;
  color: #555;
  margin-top: 2em;
}

.page-template-player-pricing .entry p, .page-template-encoding-pricing .entry p {
  padding-left: 2em;
  width: 95%;
}

.page-template-player-pricing .page-container, .page-template-encoding-pricing .page-container {
  margin-top: 100px;
}

/* Pricing boxes
-------------------------------------------------------------------------------*/
.price-box-title {
  text-transform: uppercase;
}

.pricing-section {
  margin-top: 60px;
  margin-bottom: 40px;
}

.pricing-section .widget {
  float: left;
}

.sign-up-button-con {
  padding: 10px;
}

.sign-up-button {
  background-color: #fff;
  padding: 10px;
}

.sign-up-button .submit-signup-pricing {
  padding: 10px;
  width: 100%;
  height: 50px;
  border: 0;
  background-color: #2eabe2;
  color: #fff;
  font-size: 1.5em;
  text-align: center;
}

.sign-up-button .submit-signup-pricing:hover {
  background-color: #0294c6;
}

.recommended-box .sign-up-button {
  background-color: #fff;
  padding: 10px;
}

.sign-up-button a {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
}

.normal-box, .recommended-box, .enterprise-box {
  width: 25%;
  float: left;
}

.normal-box, .enterprise-box {
  padding: 10px;
}

.recommended-box {
  padding: 0px;
  -moz-box-shadow: 0 0 20px 5px #ccc;
  -webkit-box-shadow: 0 0 20px 5px #ccc;
  box-shadow: 0 0 20px 5px #ccc;
  position: relative;
  z-index: 999;
}

.widget_wpb_widget {
  width: 100%;
  border: 1px solid #eee;
}

.pricing-section h3 {
  margin: 10px;
  padding: 15px;
  text-align: center;
  vertical-align: center;
  background-color: #2eabe2;
  color: #fff;
}

.box-price {
  font-size: 3.5em;
  text-align: center;
  color: #555;
  letter-spacing: -2px;
  height: 60px;
}

.box-price-period {
  text-align: center;
  font-size: 1.5em;
  color: #999;
  margin-bottom: 0.5em;
}

.feature-last, .feature {
  margin: auto;
  text-align: center;
  line-height: 3em;
  border-top: 1px dotted #efefef;
  width: 80%;
}

.recommended-box h3 {
  background-color: #35ae73;
}

.recommended-box .feature-last, .recommended-box .feature {
  line-height: 3.5em;
}

.pricing-section .recommended-box .submit-signup-pricing {
  background-color: #35ae73;
}

.pricing-section .recommended-box .submit-signup-pricing:hover {
  background-color: #3d9360;
}

.pricing-section p {
  margin: 0;
}

.enterprise-box .box-price {
  font-size: 2.5em;
}

@media screen and (max-width: 799px) {
  .normal-box, .recommended-box, .enterprise-box {
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  .normal-box, .recommended-box, .enterprise-box {
    width: 100%;
  }
}
/* Pricing Tabs
-------------------------------------------------------------------------------*/
.tab-container ul {
  width: 100%;
  background-color: #f2f2f2;
  height: 60px;
  padding-top: 20px;
  text-align: center;
}

.tab-container ul li {
  display: inline;
}

.tab-container ul li a {
  padding: 22px;
  text-decoration: none;
  background-color: #fff;
}

.tab-container ul li .inactive {
  padding: 20px;
  text-decoration: none;
  background-color: #f2f2f2;
}

.main-price-tabs-player .product-tab-active a {
  padding-left: 60px;
  background: #fff url("../images/player-icon.svg") no-repeat left center/40px 40px;
}

.main-price-tabs-player .product-tab-notactive a {
  padding-left: 70px;
  background: #fff url("../images/encoder-icon-grey.svg") no-repeat left center/55px 55px;
}

.main-price-tabs-player .product-tab-notactive a:hover {
  padding-left: 70px;
  background: #fff url("../images/encoder-icon.svg") no-repeat left center/55px 55px;
  color: #f3922b;
}

.main-price-tabs-encoding .product-tab-active a {
  padding-left: 70px;
  background: #fff url("../images/encoder-icon.svg") no-repeat left center/55px 55px;
  color: #f3922b;
}

.main-price-tabs-encoding .product-tab-notactive a {
  padding-left: 60px;
  background: #fff url("../images/player-icon-grey.svg") no-repeat left center/40px 40px;
}

.main-price-tabs-encoding .product-tab-notactive a:hover {
  padding-left: 60px;
  background: #fff url("../images/player-icon.svg") no-repeat left center/40px 40px;
  color: #2eabe2;
}

@media screen and (max-width: 799px) {
  .product-tab-active {
    text-align: center;
    padding: 0.2em;
  }

  .product-tab-notactive {
    text-align: center;
    padding: 0.2em;
  }

  .tab-container ul {
    margin-top: 20px;
  }
}
@media screen and (max-width: 420px) {
  .tab-container ul li {
    display: list-item;
    width: 100%;
    padding: 10px;
  }

  .tab-container ul li a {
    background-color: #f2f2f2;
  }

  .tab-container ul {
    height: auto;
    padding: 20px;
    margin-top: 10px;
  }

  .tab-container ul li .active {
    background-color: #f2f2f2;
    font-weight: bold;
  }

  .product-tab-notactive, .product-tab-active {
    font-size: 2em;
  }

  .main-price-tabs-encoding .product-tab-notactive a {
    background-size: 30px auto !important;
  }

  .main-price-tabs-player .product-tab-notactive a {
    background-size: 40px auto !important;
  }

  .main-price-tabs-encoding .product-tab-active a {
    background-size: 40px auto !important;
  }

  .main-price-tabs-player .product-tab-active a {
    background-size: 30px auto !important;
  }
}
/* Author details*/
.postedby-thumb {
  margin-right: 10px;
}
.postedby-thumb img {
  height: 92px;
  width: 92px;
  border-radius: 46px;
}

.postedby-name, .postedby-date, .postedby-links {
  font-size: 0.8em;
}

.postedby-name a {
  text-decoration: none;
}

.postedby-bio {
  font-size: 0.9em;
  font-style: italic;
  margin-top: 20px;
  width: 60%;
  line-height: 140%;
}

.postedby-date {
  margin-top: 10px;
}

/*End Author details*/
/* Banner sections Blog and page */
.cat-header {
  width: 100%;
  padding: 2em;
  background-color: #f5f7f9;
}

/*End Banner sections Blog and page */
/* Blog Page styles
-------------------------------------------------------------------------------*/
blockquote {
  color: #999;
  font-size: 1.3em;
  line-height: 2.5em;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0;
  padding: 0 4.5em;
  margin: 0 0 1em 0;
  max-width: 100%;
}

.title-side {
  padding-right: 2em;
}

.sidebar-ad {
  text-align: center;
  margin-top: 103px;
  margin-right: 50px;
  margin-bottom: 50px;
}
.sidebar-ad h2 {
  font-size: 2em;
  font-weight: 700;
  color: #2eabe2;
}
.sidebar-ad p {
  font-size: 1.5em;
  margin: 0px;
  color: #2eabe2;
}
.sidebar-ad img {
  margin: 20px 0;
}

.page-container ul {
  margin: 2em 0;
}

p.wp-caption-text {
  text-align: center;
  font-size: 0.9em;
  color: #777;
}

/* fix the social overlap */
@media screen and (min-width: 479px) and (max-width: 799px) {
  .page-container {
    padding-left: 15px;
  }
}
.synved-social-button {
  background-color: #fff;
}

.ssbp-total-shares, .ssbp-wrap .ssbp-list {
  background-color: #fff;
}

@media screen and (min-width: 1190px) {
  .synved-social-provider-facebook {
    position: fixed;
    left: 0;
    top: 100px;
  }

  .synved-social-provider-twitter {
    position: fixed;
    left: 0;
    top: 150px;
  }

  .synved-social-provider-google_plus {
    position: fixed;
    left: 0;
    top: 200px;
  }

  .synved-social-provider-reddit {
    position: fixed;
    left: 0;
    top: 250px;
  }

  .synved-social-provider-linkedin {
    position: fixed;
    left: 0;
    top: 300px;
  }
}
@media screen and (max-width: 599px) {
  .synved-social-provider-facebook {
    position: fixed;
    left: 10px;
    bottom: 0;
  }

  .synved-social-provider-twitter {
    position: fixed;
    left: 60px;
    bottom: 0;
  }

  .synved-social-provider-google_plus {
    position: fixed;
    left: 110px;
    bottom: 0;
  }

  .synved-social-provider-reddit {
    position: fixed;
    left: 160px;
    bottom: 0;
  }

  .synved-social-provider-linkedin {
    position: fixed;
    left: 210px;
    bottom: 0;
  }

  .title-side {
    padding: 0 10px;
  }

  .sidebar-ad {
    display: none;
    margin-right: 10px;
  }

  .ssbp-total-shares {
    display: none !important;
  }
}
/* Comments 
------------------------------*/
#respond h2 {
  font-size: 2em;
  margin: 1.5em 0;
}

#commentform {
  margin-bottom: 5em;
}

#commentform input {
  width: 50%;
  height: 3em;
  border: 1px solid #eee;
  margin-bottom: 2em;
}

#commentform textarea {
  width: 50%;
  height: 10em;
  border: 1px solid #eee;
  margin-bottom: 2em;
}

#commentform label {
  margin-left: 2em;
  color: #999;
  position: relative;
  top: -0.9em;
}

/* Category section
-------------------------------------------------------------------------------*/
.cat-header-box {
  max-width: 1200px;
}

.cat-header-box p {
  padding-right: 50px;
}

.category .posted_by {
  margin-bottom: 1em;
}

.cat-thumbnail {
  overflow: hidden;
}

.cat-thumbnail img {
  width: 300px;
  height: auto;
  padding-left: 30px;
  margin-top: 15px;
}

.category .post, .category .page {
  margin: 70px 0;
}

.category .entry {
  padding-right: 50px;
}

.cat-excerpt {
  padding-left: 30px;
}

.blog .post h2 {
  margin-top: 0px;
}

@media screen and (max-width: 599px) {
  .cat-excerpt {
    padding-left: 0;
  }

  .posted_by {
    padding-left: 1em;
  }
}
.tag-header-box {
  margin: 60px auto 30px auto;
}

/* Category Navigation
-------------------------------------------------------------------------------*/
.cat-nav {
  overflow: hidden;
  background: #22b573;
  margin-top: 50px;
  width: 300px;
}

.cat-nav:hover {
  height: auto;
}

.cat-nav .banner_menu li a {
  padding: 10px;
  color: #fff;
}

.cat-nav li ul li a {
  color: #999 !important;
  text-decoration: none;
  border-bottom: 1px solid #eee;
}

.cat-nav li ul li a:hover {
  color: #22b573 !important;
}

.cat-nav ul li:hover ul {
  display: block;
  visibility: visible;
}

.cat-nav li ul {
  border: 1px slid #eee;
  padding: 0 10px;
  width: 300px;
}

.cat-nav .menu-item-has-children {
  width: 100%;
  background-image: url("../images/chevron-down-white.svg");
  background-repeat: no-repeat;
  background-position: 90% 50%;
  padding-right: 10px;
  background-size: 15px 15px;
}

/* Universal for all posts
-------------------------------------------------------------------------------*/
.post {
  width: 100%;
  margin: 30px auto 0 auto;
}
.post .post-table {
  overflow-x: auto;
}

.post h2 {
  margin-top: 30px;
}

.post h2 {
  margin-top: 30px;
}

.post-con {
  max-width: 1200px;
}

.post ul li {
  margin: 1em 3em;
  list-style-type: circle;
  font-size: 1.2em;
  line-height: 2.2em;
}

.post ol li {
  margin: 1em 3em;
  font-size: 1.2em;
  line-height: 2.2em;
}

.entry-content .wp-caption {
  width: 100% !important;
}

@media screen and (max-width: 779px) {
  .post ul li {
    margin: 2em;
  }
}
@media screen and (max-width: 321px) {
  .cat-nav {
    width: 100%;
  }
}
.entry-content img {
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
}

.single-post .entry-content {
  margin-bottom: 80px;
  max-width: 800px;
}

/*
-------------------------------------------------------------------------------*/
.page-template-customer-page .post .entry h2 {
  float: left;
}

/* Demo Pages*/
.demo-feature-img {
  max-width: 1200px;
  margin: auto;
}

#streamSelection {
  padding: 12px;
  margin: 10px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f8f8f8;
  background-image: url("images/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right;
  color: #888;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  width: 100%;
  line-height: 2em;
}
#streamSelection option {
  padding: 10px;
  line-height: 2em;
}

/*End Demo Pages*/
/* Solutions pages Update 2017 */
.solution-banner {
  overflow: hidden;
  border-bottom: 5px solid #f3922b;
  margin-top: 15px;
  min-height: 360px;
}
.solution-banner h1, .solution-banner p, .solution-banner li {
  color: #fff;
}
.solution-banner h1 {
  font-size: 4em;
  margin-bottom: 0;
}
.solution-banner p {
  font-size: 1.8em;
  font-weight: 300;
  margin: 0;
  line-height: 1.6em;
}
.solution-banner li {
  font-size: 1.4em;
  font-weight: 700;
  padding: 5px 0 5px 35px;
  background: url("../images/bullet-logo.svg") no-repeat left center;
  background-size: 20px;
}
.solution-banner ul {
  margin: 10px 0 40px 0;
}

.plainblock {
  padding: 80px 80px 0 80px;
  text-align: center;
}
.plainblock h2 {
  color: #0dc4ff;
  font-weight: 500;
}
.plainblock table {
  margin: 50px 0;
}
.plainblock td p {
  margin: 0;
}

.solution-banner-advertising {
  background: url(../images/banner-ads-bg.jpg) #22AAE2 no-repeat right center;
  padding-bottom: 30px;
}

.logolist {
  text-align: center;
}
.logolist li {
  display: inline;
  padding: 0 20px;
}

.product-buttons {
  padding: 20px;
  text-align: center;
  margin-bottom: 50px;
}
.product-buttons img {
  height: 150px;
}
.product-buttons a:hover {
  border-bottom: 5px solid #F39C13;
}

.product-buttons-container {
  padding: 30px;
}

.page-template-solution-advertising-page .home-box1 .btn {
  margin: 50px auto;
  width: 300px;
  max-width: 90%;
}

.SSAI-CTA-section {
  padding: 50px 0;
}
.SSAI-CTA-section .btn {
  margin: 0;
}
.SSAI-CTA-section h2 {
  color: #fff;
  padding: 50px 20px;
  font-size: 3em;
  text-align: right;
}
.SSAI-CTA-section h3 {
  color: #fff;
}
.SSAI-CTA-section a {
  padding: 15px 25px;
  border: 1px solid #fff;
  margin-top: 15px;
  color: #fff;
  display: block;
  width: 200px;
  text-align: center;
}
.SSAI-CTA-section a:hover {
  background-color: #1a99ce;
  color: #ffffff;
}

@media screen and (max-width: 799px) {
  .plainblock {
    padding: 50px 10px;
  }

  .plainblock td p {
    font-size: 0.7em;
  }

  .solution-banner h1 {
    font-size: 3em;
    margin-bottom: 0;
  }

  .solution-banner-advertising {
    background-image: none;
    background: #22AAE2 no-repeat right center;
    padding-bottom: 30px;
  }

  .solution-banner p {
    line-height: 120%;
  }

  .SSAI-CTA-section h2 {
    text-align: left;
    font-size: 2.5em;
    padding: 0;
  }

  .page-template-solution-advertising-page .workflow, .page-template-solution-advertising-page .costs {
    padding: 0;
  }

  .page-template-solution-advertising-page .createaccount {
    margin: 10px auto;
    width: 300px;
    max-width: 90%;
  }

  .page-template-solution-advertising-page .home-box1 .product-footer-buttons {
    padding: 0;
  }
}
/*End Solutions pages Update 2017 */
/* Support Update 2017*/
.support-main-button {
  padding: 30px 100px 30px 50px;
  color: #fff;
  font-size: 1.4em;
  border: 1px solid #fff;
  background: url("../images/double-chevron-right.svg") no-repeat right center;
  background-size: 40px;
  max-width: 500px;
  background-position: 95%;
}

.encbtnwrap {
  background: url("../images/tran-light.png");
  max-width: 500px;
}
.encbtnwrap:hover {
  background: url("../images/blue-tran.png");
}

/*End Support Update 2017*/
/* MAIN Support Page
-------------------------------------------------------------------------------*/
.menu_underline_main a {
  font-weight: bold;
  border-bottom: 1px solid #2eabe2;
  margin: 0 !important;
  padding: 10px 20px !important;
}

.menu_underline a {
  border-bottom: 1px solid #2eabe2;
  margin: 0 !important;
  padding: 10px 20px !important;
}

.banner_wrapper {
  width: 100%;
  position: relative;
  background: #2eabe2 url("../images/support-banner.jpg") no-repeat center center;
  background-size: auto 100%;
  z-index: 100;
}

.banner_wrapper_search {
  width: 100%;
  position: relative;
  background: #2eabe2;
  background-size: auto 100%;
}

.banner_content_wrapper {
  width: 100%;
  background-image: url("../images/support-trans.png");
  border-top: 1px solid #fff;
}

.banner_header h1 {
  font-size: 5em;
  margin: 0;
}

.banner_header h1, .banner_header h2 {
  color: #fff;
  text-align: center;
}

.banner_header {
  padding: 30px 60px 70px;
}

.support-icons li a {
  color: #fff;
  display: block;
  float: left;
  padding: 10px 10px 10px 50px;
  text-decoration: none;
  font-size: 1.3em;
}

.support-icons li a:hover {
  text-shadow: 0 0 3px #ffffff;
}

.support-icons .documentation a {
  background: url(../images/support-documentation.svg) no-repeat;
  background-size: 40px 40px;
}

.support-icons .faq a {
  background: url(../images/support-faq.svg) no-repeat;
  background-size: 37px 37px;
  margin-left: 40px;
}

.support-icons .tutorials a {
  background: url(../images/support-tutorials.svg) no-repeat;
  background-size: 40px 40px;
  margin-left: 40px;
}

.support-icons .documentation a:hover {
  background-position: 0px -2px;
}

.support-icons .faq a:hover {
  background-position: 0px -2px;
}

.support-icons .tutorials a:hover {
  background-position: 0px -2px;
}

.banner_content_inner {
  padding: 30px;
}

.bci_right {
  padding: 30px 0 30px 50px;
}

.bci_left {
  padding: 30px 50px 30px 0;
  border-right: 1px solid #fff;
}

.banner_content_inner h1 {
  font-size: 2.5em;
}

.bci_left h1 a {
  background: url("../images/player-icon-white.svg") no-repeat scroll left center/55px auto;
  color: #fff;
  padding-left: 55px;
  background-size: 40px 40px;
}

.bci_right h1 a {
  background: url("../images/encoder-icon-white.svg") no-repeat scroll left center/55px auto;
  color: #fff;
  padding-left: 70px;
  background-size: 40px 40px;
}

.banner_content_inner h1 {
  margin-top: 0;
  margin-bottom: 30px;
}

.banner_content_inner h1 a:hover {
  text-shadow: 0 0 3px #ffffff;
}

.support_api_container {
  margin-top: 30px;
}

.support_api_container h3 a {
  color: #fff;
}

.support_api_heading {
  border-bottom: 1px solid #fff;
  margin: 0;
}

.support_api_heading h3 {
  float: left;
}

.support_api_container ul li {
  display: block;
  float: right;
}

.support_api_content ul li {
  display: block;
  float: left;
}

.support_api_content {
  padding: 30px 0;
}

.support_api_content .api-links li a {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #fff;
  margin-right: 10px;
  text-decoration: none;
  color: #fff;
  display: block;
}

.support_api_content .api-links li a:hover {
  background-image: url("../images/support-trans.png");
}

.support_api_content .menu-item-has-children {
  background: none;
}

.api-icons li {
  height: 20px;
  width: 30px;
  padding-top: 10px;
  margin-left: 20px;
}

.api-icons img {
  width: 25px;
  height: 25px;
}

.api-icons img:hover {
  text-shadow: 0 0 3px #ffffff;
}

@media screen and (max-width: 1199px) {
  .banner_wrapper {
    position: relative;
    background: #2eabe2;
  }

  .support-icons .faq a, .support-icons .tutorials a, .support-icons .documentation a {
    margin: 10px;
  }

  .banner_content_inner h1 {
    font-size: 1.8em;
  }

  .api-icons li {
    margin-left: 7px;
  }
}
@media screen and (max-width: 799px) {
  .bci_right {
    border-left: 0;
    border-top: 1px solid #fff;
    padding-left: 0px;
    height: 100%;
  }

  .support_api_heading h3 {
    line-height: 3em;
  }

  .banner_header h1 {
    font-size: 3em;
  }

  .bci_left h1 a {
    background: none;
    padding: 0;
  }

  .bci_right h1 a {
    background: none;
    padding: 0;
  }
}
/* Support Search
-----------------------------------------------------------------*/
.support-search-form {
  width: 90%;
  max-width: 600px;
  margin: auto;
}

.support-search-form input {
  -webkit-appearance: none;
  background: url("../images/support-trans.png");
  border: 1px solid #fff;
  color: #fff;
  float: left;
  font-family: "Open Sans",sans-serif;
  font-size: 1em;
  height: 3em;
  padding: 0.7em;
}

.support-search-form input::-webkit-input-placeholder {
  color: #fff;
}

.support-search-form input::-moz-placeholder {
  color: #fff;
}

.support-search-form input:-ms-input-placeholder {
  color: #fff;
}

.support-search-form #searchform {
  width: 100%;
}

.support-search-form #s {
  width: 80%;
}

.support-search-form #searchsubmit {
  width: 15%;
  background: #fff;
  color: #2eabe2;
}

.support-search-form #searchsubmit:hover {
  background: #2eabe2;
  color: #fff;
  border: 1px solid #fff;
}

@media screen and (max-width: 650px) {
  .support-search-form input {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .banner_header {
    padding: 20px;
  }
}
/* Support Page
-------------------------------------------------------------------------------*/
.page-template-tutorial-page-php .page-container {
  margin-top: 20px;
}

#breadcrumbs {
  font-size: 1.1em;
}

.page-template-two-column .post ul li {
  list-style: none;
  margin-left: 5px;
}

.page-template-two-column h6 a {
  color: #999;
  background-image: url("../images/signup-right-grey.svg");
  background-color: #fff;
  border: 1px solid #eee;
  width: 100%;
  background-size: 45px 45px;
}

.page-template-two-column h6 a:hover {
  color: #2eabe2;
  background-color: #fefefe;
  background-image: url("../images/signup-right.svg");
}

.page-template-two-column .col-6-12 {
  padding: 10px;
}

.page-template-two-column .post {
  padding-right: 50px;
}

.anchor::before {
  content: "";
  display: block;
  height: 140px;
  /* fixed header height*/
  margin: -140px 0 0;
  /* negative fixed header height */
  outline: none;
  border: none;
}

*:focus {
  outline: 0;
}

@media screen and (max-width: 799px) {
  .page-template-two-column .post ul li {
    margin: 1em 0;
  }

  .page-template-two-column .post {
    padding-right: 0;
  }
}
@media screen and (min-width: 2600px) {
  .prod-header-container-enc, .prod-header-container-pla {
    background-size: 100% auto;
  }
}
/* Table of contents Support Menu
-------------------------------------------------------------------------------*/
#toc {
  float: right;
  padding: 5px 30px;
  width: 40%;
  border: 1px solid #efefef;
  margin-left: 15px;
}

#toc a {
  text-decoration: none;
  display: block;
  padding: 5px 0;
}

/* Event Landing Page 2017*/
.ibc-banner-flex {
  height: 600px;
}

.page-template-landing-page-IBC-2017 .nav li a, .page-template-landing-page-IBC-2017 .login-signup a, .page-template-landing-page-IBC-2017 .login-signup {
  color: #2980BA;
}

.page-template-landing-page-IBC-2017 {
  background: url("../images/ibc-background.jpg") no-repeat center center fixed;
  background-size: cover;
}

#event-banner h1, #event-banner h2 {
  color: #fff;
}

.ibc-banner-text h1, .ibc-banner-text h2 {
  margin: 0;
  padding: 0;
  line-height: 120%;
}

.ibc-banner-text h1 {
  font-weight: 500;
  padding-bottom: 10px;
  font-size: 3.6em;
}

.ibc-banner-text {
  padding: 50px 70px;
  background: url("../images/ibc-banner-text-bg.svg") no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/*End Event Landing Page 2017*/
/* Landing Page Form 2017*/
.lp-form-button, .lp-form-field {
  padding: 15px 25px;
  display: block;
  margin: 10px;
  float: left;
  width: 380px;
  border: 0px;
}

.lp-form-field {
  background: url("../images/trans2.png");
}

.lp-form-button {
  background-color: #0dc4ff;
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
}

.lp-form-button:hover {
  background-color: #06b7f0;
}

.fname, .lname, .company, .jobtitle {
  width: 180px;
  float: left;
}

.lp-form {
  padding: 0 70px;
  margin-top: 50px;
  	/*position: relative;
      top: 50%;
  	transform: translateY(-50%);*/
}

#lp-error-message {
  position: absolute;
  margin: 10px;
  padding: 10px 20px;
  text-align: center;
  width: 380px;
  bottom: 10px;
  background: #fff;
  border: 1px solid #eee;
  font-weight: bold;
}

.lp-content-block {
  border-top: 1px solid #0dc4ff;
  background: #fff;
  padding: 50px;
}

.lp-content-block h2 {
  color: #0dc4ff;
}

.lp-content-block h3 {
  color: #0dc4ff;
  text-align: center;
  margin-top: 7px;
}

.lp-content-block h4 {
  color: #0dc4ff;
  font-size: 3em;
  font-weight: 700;
  text-align: center;
}

.lp-text-content {
  padding-right: 50px;
}

.party-box {
  background: #ddf7ff;
  padding: 15px;
  text-align: center;
  border-bottom: 7px solid #09a66e;
}

.party-box h2 {
  font-size: 2em;
  color: #09a66e;
  font-weight: 500;
}

.party-box img {
  padding: 20px;
}

.party-box p {
  font-size: 1em;
  line-height: 2em;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  margin: 15px 0;
}

.happy-right {
  border-left: 1px solid #09a66e;
}

.party-box .learnmore {
  padding-left: 10px;
}

.box-lower p {
  font-size: 1em;
  line-height: 2em;
}

@media screen and (max-width: 1600px) {
  .ibc-banner-text {
    background-position: right;
  }

  .fname, .lname {
    width: 380px;
    float: left;
    margin: 10px;
  }
}
@media screen and (max-width: 1200px) {
  .fname, .lname {
    width: 280px;
  }

  .lp-form-button, .lp-form-field {
    width: 280px;
  }
}
@media screen and (max-width: 799px) {
  .lp-content-block {
    padding: 0px;
  }

  .lp-form {
    padding: 0px;
    position: relative;
    top: 0;
    transform: none;
  }

  .lp-form-field, .lp-form-button {
    width: 95%;
  }

  .ibc-banner-text {
    top: 0px;
    transform: none;
    background: none;
  }

  .ibc-banner-text {
    padding: 30px;
  }
}
/*End Landing Page Form 2017*/
/* AV1 Page */
#av1-banner {
  background: url("../images/av1-banner-1.svg") no-repeat;
  text-align: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#av1-banner h1 {
  color: #fff;
  font-size: 4em;
  margin: 50px 0 10px 0;
  font-weight: 700;
}

#av1-banner h2 {
  color: #fff;
  font-size: 2.8em;
  font-weight: 300;
}

#av1-banner p {
  color: #fff;
  font-size: 1.4em;
  max-width: 800px;
  margin: 40px auto;
  font-weight: 300;
}

#av1-banner li {
  display: inline-block;
}

.av1-image {
  text-align: center;
  margin: 60px 30px 0 30px;
}

.av1-image img {
  box-sizing: border-box;
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  max-width: 80%;
}

/*End AV1 Page */
/* Player Page 2017 
--------------------------------------------------------------- */
#player-banner {
  background: url("../images/player-bg.svg") -25px -50px no-repeat;
  background-size: calc(100% + 50px);
  text-align: center;
}

.player-banner-wrapper {
  background: #2c83b9;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #2c83b9 0%, #22aae2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #2c83b9 0%, #22aae2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #2c83b9 0%, #22aae2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c83b9', endColorstr='#22aae2',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

#player-banner h1 {
  color: #fff;
  font-size: 4em;
  margin: 50px 0 10px 0;
  font-weight: 700;
}

#player-banner h2 {
  color: #fff;
  font-size: 2.8em;
  font-weight: 300;
}

#player-banner p {
  color: #fff;
  font-size: 1.4em;
  max-width: 800px;
  margin: 40px auto;
  font-weight: 300;
}

#player-banner li {
  display: inline-block;
}

/* Player platform banner */
.player-platforms-banner {
  background: #e2f1f7;
  padding: 30px 0 5px 0;
  border-bottom: 1px solid #0dc3ff;
}

.player-platforms-banner ul {
  text-align: center;
}

.player-platforms-banner ul li {
  display: block;
  display: inline;
  padding: 20px 30px;
  overflow: none;
  line-height: 60px;
}

.player-platforms-banner li img {
  height: 70px;
  width: auto;
}

@media screen and (max-width: 799px) {
  .player-platforms-banner {
    display: none;
  }
}
/* Player Cross Platform banner */
.cross-platform-inner h3 {
  color: #3CC0F0;
  font-size: 2.4em;
}

.cross-platform-banner {
  padding: 150px 10px;
  margin: auto;
  position: relative;
  background: #f6f9fc;
}

.heading-brokenline {
  text-align: center;
  padding: 15px;
  background: #f6f9fc;
  font-size: 3.5em;
  color: #3CC0F0;
  margin: -100px auto 0;
  width: 700px;
  font-weight: 300;
}

.cross-platform-inner {
  border: 1px solid #0dc3ff;
  padding: 50px;
}

.left-block {
  padding: 30px 15px 30px 30px;
  text-align: center;
}

.right-block {
  padding: 30px 30px 30px 15px;
}

.cross-platform-banner .left-button {
  float: right;
}

.crossplatform-ctas {
  position: relative;
  top: -35px;
  text-align: center;
}

@media screen and (max-width: 799px) {
  .heading-brokenline {
    width: 80%;
    font-size: 30px;
  }

  .cross-platform-banner {
    padding-top: 80px;
  }

  .cross-platform-inner {
    padding: 50px 10px 10px;
  }

  .cross-platform-inner .right-block {
    padding-top: 0;
  }

  .cross-platform-inner h3 {
    font-weight: 500;
    font-size: 24px;
  }

  .cross-platform-banner .left-button {
    float: none;
  }

  .crossplatform-ctas {
    top: 20px;
  }
}
/* Player Customer Roadmap */
.cust-roadmap {
  padding: 100px 50px;
}

/* Player Benefits */
.white-box-images img {
  width: 80px;
  top: 50px;
  position: relative;
}

.analytics-white-boxes {
  text-align: center;
  display: flex;
  justify-content: flex-start;
}

.white-box, .white-box-large {
  padding: 40px;
  border: 1px solid #6ad0f5;
  text-align: center;
  margin: 0 50px;
  display: flex;
  flex-flow: column nowrap;
}

.white-box h3, .white-box p, .white-box-large h3, .white-box-large p {
  color: #fff;
  text-align: left;
}

.white-box h3, .white-box-large h3 {
  font-weight: 500;
}

.white-box p, .white-box-large p {
  color: #d7f1fa;
  margin: 1em 0;
}

.latency-table .white-box-large {
  display: inline-block;
}
.latency-table p {
  width: 49%;
  float: left;
}
.latency-table p:nth-child(2) {
  padding-right: 15px;
}
.latency-table p:nth-child(3) {
  padding-left: 15px;
}

@media screen and (max-width: 1090px) {
  .white-box, .white-box-large {
    margin: 10px;
    flex: 0 0 92%;
  }

  .white-box-images img {
    top: 55px;
  }

  .white-box-images, .analytics-white-boxes {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
  }
}
/* Player HTML5 Block */
.html5-section {
  background: url("../images/tran.png");
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 100px;
  margin: 70px 0 0 0;
}

.html5-section .col-4-12 img {
  width: 400px !important;
  height: auto !important;
}

.html5-section .left-block, .html5-section .right-block {
  text-align: center;
}

.html5-section .left-block, .html5-section .right-block {
  padding: 0 80px 80px 80px;
}

.html5-section h2 {
  font-size: 3.5em;
  color: #fff;
  text-align: left;
}

.html5-section h3 {
  font-size: 2em;
  color: #fff;
  text-align: left;
  font-weight: 500;
}

.html5-section p {
  color: #fff;
  text-align: left;
}

.html5-section .left-block img, .html5-section .right-block img {
  height: 180px;
  width: auto;
}

.html5-section .left-button {
  float: right;
}

.html5-logo {
  padding: 0 50px;
}

@media screen and (max-width: 799px) {
  .html5-section .left-block, .html5-section .right-block {
    padding: 70px 0px 0px;
  }

  .html5-section h2 {
    font-size: 2.6em;
  }

  .html5-section h3 {
    font-size: 2em;
  }

  .html5-section {
    padding: 100px 0;
  }
}
/* Player SDK Block */
.sdk-block .text-block p {
  color: #555 !important;
}

.block-banner-icon {
  width: 120px;
  height: 120px;
  margin: auto;
  top: 95px;
  position: relative;
}

.sdk-block .innerblock-white h3 {
  font-size: 2.6em;
}

.sdk-block .innerblock-white {
  margin-top: 0px;
}

.sdk-block .innerblock-white .left-block {
  padding-right: 70px;
}

.sdk-block .innerblock-white .right-block {
  padding-left: 30px;
}

.sdk-block ul {
  margin-top: 40px;
}

.sdk-block ul li {
  line-height: 1.6em;
  font-size: 1.2em;
  color: #777;
  margin: 1.5em 30px;
  padding-left: 40px;
  background: url("../images/bullet-triangle.svg") no-repeat left;
  background-size: 20px;
  text-align: left;
  background-position: 5px 4px;
}

.sdk-cta-right {
  float: left;
}

.sdk-cta-left {
  float: right;
}

.sdk-cta-wrapper {
  padding-bottom: 40px;
}

/* AV1 Block mods*/
.text-block-AV1 p {
  padding-top: 90px;
  color: #555 !important;
}

.bg-grad-1 .box-heading-AV1 h3 {
  text-align: right !important;
  font-size: 2.8em;
  padding-top: 45px;
  padding-right: 20px;
}

.block-banner-icon-AV1 {
  width: 200px;
  height: 200px;
  margin: auto;
  top: 115px;
  position: relative;
}

.play-bullets ul {
  margin-top: 40px;
}

.play-bullets ul li {
  line-height: 1.6em;
  font-size: 1.3em;
  color: #777;
  margin: 1.5em 30px;
  padding-left: 40px;
  background: url("../images/bullet-triangle.svg") no-repeat left;
  background-size: 20px;
  text-align: left;
  background-position: 5px 4px;
}

.av1-innerblock-blue .btn a,
.innerblock-drkblue .btn a {
  margin-top: 0px;
  width: 20%;
  margin: 0 auto;
}

.product-buttons-container .btn.trLight {
  text-align: center;
  margin: 30px auto;
  width: 300px;
}

@media screen and (max-width: 799px) {
  .sdk-cta-right, .sdk-cta-left {
    float: none;
  }

  .left-button, .right-button {
    float: none !important;
  }

  .sdk-block .innerblock-white .left-block {
    padding: 0;
  }

  .sdk-innerblock-blue .left-block {
    padding-top: 70px;
  }

  .text-block-AV1 p {
    padding-top: 0px;
  }
}
/* Player Customer Roadmap */
.cust-roadmap {
  padding-bottom: 220px;
  padding-top: 30px;
}

.cust-roadmap h2 {
  text-align: right;
  color: white;
  margin: 0;
  padding: 0;
}

.cust-roadmap p {
  text-align: left;
  color: white;
  margin: 0;
  padding: 15px 0;
}

.cust-roadmap .left-block {
  padding-right: 30px;
  padding-left: 80px;
}

.cust-roadmap .right-block {
  padding-left: 30px;
  padding-right: 80px;
}

@media screen and (max-width: 950px) {
  .cust-roadmap .left-block h2 {
    text-align: left;
  }

  .cust-roadmap .left-block {
    padding: 20px;
  }

  .cust-roadmap .right-block {
    padding: 20px;
  }
}
/* Player Page 2017 
--------------------------------------------------------------- */
.player-sdk-buttons {
  display: flex;
  justify-content: center;
}

.supported-section {
  padding-top: 0;
  margin-bottom: 80px;
}

.supported-content {
  padding: 0 30px;
}
.supported-content h3 {
  margin-top: 0;
}
.supported-content .supported-table {
  overflow-x: auto;
}
.supported-content .supported-table table {
  width: 100%;
}
.supported-content .supported-table th, .supported-content .supported-table td {
  color: #000000;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #eee;
  text-align: center;
}
.supported-content .supported-table th:first-child, .supported-content .supported-table td:first-child {
  text-align: left;
}
.supported-content .supported-table td {
  font-weight: 300;
}
.supported-content h4 {
  font-weight: 700;
}
.supported-content .legend {
  padding-left: 30px;
  height: 25px;
  width: 100%;
  line-height: 20px;
  margin: 10px 0;
}
.supported-content .legend.yes {
  background: url("../images/icon-yes.svg") no-repeat;
}
.supported-content .legend.no {
  background: url("../images/icon-no.svg") no-repeat;
}
.supported-content .legend.gear {
  background: url("../images/icon-gear.svg") no-repeat;
}

@media screen and (max-width: 799px) {
  .player-sdk-buttons {
    display: block;
  }

  .latency-table p {
    float: none;
    width: 100%;
  }
  .latency-table p:nth-child(2) {
    padding-right: 0;
  }
  .latency-table p:nth-child(3) {
    padding-left: 0;
  }
}
/* Encoding Page 2017 
--------------------------------------------------------------- */
/*
  Encoding banner
 */
.encoding-banner {
  background: url("../images/enc-banner-bg.svg") no-repeat right center;
  background-size: 40%;
}
.encoding-banner h1 {
  margin-top: 30px;
  margin-bottom: 10px;
  color: #0dc4ff;
  font-size: 3.5em;
  font-weight: 700;
}
.encoding-banner h2 {
  font-size: 2em;
  color: #0dc4ff;
}
.encoding-banner .btn a {
  margin: 0 10px 40px 0;
}

/*
  Encoding logo banner
 */
.encoding-logo-banner {
  background: #c4ebf8;
  padding: 30px 0 5px;
}
.encoding-logo-banner ul {
  text-align: center;
}
.encoding-logo-banner ul li {
  display: inline;
  padding: 20px 30px;
  line-height: 60px;
}
.encoding-logo-banner li img {
  height: 40px;
  max-width: 100px;
}

/**
  Gradient block variations
**/
/**
  Gradient variation 1
  @NOTE Grouped gradient variant definitions per variation for easier transition to SCSS implementation
 */
.bg-grad-1 {
  padding-top: 60px;
  /* Would be reasonable to omit most of the prefixed declarations as browser support for standard is very high */
  background: #0fbffa;
  background: -moz-linear-gradient(-45deg, #0fbffa 0%, #413066 100%);
  background: -webkit-linear-gradient(-45deg, #0fbffa 0%, #413066 100%);
  background: -o-linear-gradient(-45deg, #0fbffa 0%, #413066 100%);
  background: -ms-linear-gradient(-45deg, #0fbffa 0%, #413066 100%);
  background: linear-gradient(135deg, #0fbffa 0%, #413066 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fbffa', endColorstr='#413066', GradientType=1);
}

.bg-grad-1 .innerblock-white {
  padding: 3% 5% 0;
}

.bg-grad-1 .block-header h2,
.bg-grad-1 .block-header h3,
.bg-grad-1 .block-header p {
  padding-right: 15%;
  padding-left: 15%;
  color: #fff;
  text-align: center;
}

.bg-grad-1 .home-box1 h2,
.bg-grad-1 .home-box1 h3,
.bg-grad-1 .home-box1 p {
  color: #0dc4ff;
  text-align: left;
}

/**
  Gradient variation 2
  @NOTE Grouped gradient variant definitions per variation for easier transition to SCSS implementation
 */
.bg-grad-2 {
  padding: 60px 10px 0;
  /* Would be reasonable to omit most of the prefixed declarations as browser support for standard is very high */
  background: #0261a1;
  background: -moz-linear-gradient(-45deg, #0261a1 0%, #0cbefa 100%);
  background: -webkit-linear-gradient(-45deg, #0261a1 0%, #0cbefa 100%);
  background: -o-linear-gradient(-45deg, #0261a1 0%, #0cbefa 100%);
  background: -ms-linear-gradient(-45deg, #0261a1 0%, #0cbefa 100%);
  background: linear-gradient(135deg, #0261a1 0%, #0cbefa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0261a1', endColorstr='#0cbefa', GradientType=1 );
}

.bg-grad-2 .block-header h2,
.bg-grad-2 .block-header h3,
.bg-grad-2 .block-header p {
  padding-right: 15%;
  padding-left: 15%;
  color: #fff;
  text-align: center;
}

.bg-grad-2 .home-box1 h2,
.bg-grad-2 .home-box1 h3,
.bg-grad-2 .home-box1 p {
  color: #0dc4ff;
  text-align: left;
}

.bg-grad-2 .block-header h3 {
  margin: 100px auto 50px;
}

.bg-grad-2 header h3, .bg-grad-1 header h3 {
  color: white;
}

.innerblock-drkblue header h2 {
  color: white !important;
  font-weight: 300;
}

/**
  Encoding presentation block
 */
.enc-block2 .block-header {
  max-width: 100%;
  margin-bottom: 100px;
}

.enc-block2 .home-box1 h3,
.enc-block2 .home-box1 p,
.enc-block2 .home-box1 p {
  padding: 0;
}

.enc-block2 .home-box1 p,
.enc-block2 .home-box1 p {
  color: #555;
}

/**
  Common definitions on encoding product page
  @intent relocate the definitions to less feature specific code
 */
.block-header {
  margin: auto;
  max-width: 900px;
}

.cont-graphic {
  line-height: 370px;
}
.cont-graphic img {
  vertical-align: middle;
  padding: 0 5%;
}

.home-box1 .product-footer-buttons,
.home-box1 .per-title-buttons {
  padding: 50px 0;
}
.home-box1 .product-footer-buttons .btn a,
.home-box1 .per-title-buttons .btn a {
  float: none;
}

.innerblock-white h2 {
  font-size: 3.5em;
  padding: 0;
}

.text-block {
  padding-top: 15%;
}

.software-stack-graphic img {
  position: relative;
  margin-top: -110px;
}

/* Encoding - benefits section 2017 */
.benefit-section {
  padding: 40px 0 60px;
}

.benefit-section h3,
.benefit-section p,
.benefit-section img {
  text-align: left;
  padding: 0 20px;
  margin-top: 5px;
}

.benefit-section h3 {
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
}

.benefit-section p {
  min-height: 180px;
  color: #c5e1fc;
}

.benefit-section a {
  margin-left: 20px;
  padding: 10px 15px;
  background: url("../images/trans.png");
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.19);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.19);
  color: #fff;
}

.benefit-section a:hover {
  color: #ccc;
}

.benefit-section img {
  height: 70px;
  margin: 7px 0;
}

.benefit-section .stream,
.benefit-section .devices {
  padding-top: 50px;
}

.benefit-section .workflow img,
.benefit-section .devices img {
  padding-top: 20px;
}

.stream,
.workflow,
.devices,
.costs {
  padding: 10px 30px;
}

/*
  Encoding - live encoding section 2017
 */
.live-container {
  background: #f6f9fc;
  padding: 80px 0 110px;
}

.live-container h2 {
  color: #432c62;
  font-size: 3.2em;
}

.live-container ul li {
  margin: 1.5em 15px;
  padding-left: 30px;
  background: url("../images/hexagon-bullet.svg") no-repeat left;
  background-size: 20px;
  color: #777;
  font-size: 1.2em;
  line-height: 1.6em;
}

.live-image {
  padding: 5% 0;
}

.live-text {
  padding-left: 50px;
}

/*
  Encoding customer logos
  @NOTE Not encoding page specific section (appears in player-product-page)
 */
.our-customers {
  margin: -60px auto 0;
  padding: 20px;
  width: 450px;
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  color: #0dc4ff;
  font-size: 1.4em;
  text-align: center;
}

.enc-custlogos {
  padding: 20px 0;
  position: relative;
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.19);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.19);
}

.enc-custlogos .clogos {
  text-align: center;
}

.enc-custlogos .clogos img {
  padding: 20px;
  width: 180px;
}

/*
  Encoding page API section
 */
.enc-api-block {
  padding: 80px 15% 400px;
  text-align: center;
}

.enc-api-block h2 {
  color: #0dc4ff;
  font-size: 3.2em;
}

/* API main graphic section */
.enc-api-graphic {
  text-align: center;
}

.enc-api-graphic img {
  margin-top: -400px;
  width: 700px;
  position: relative;
}

/* API icon section */
.api-icon-block {
  max-width: 1000px;
  padding-bottom: 250px;
}

.api-icon-block div {
  padding: 20px 50px 20px 90px;
  background-position: 9px 43px;
  min-height: 150px;
}

.api-icon-block div:hover {
  opacity: 0.8;
}

.api-icon-block h4,
.api-icon-block p {
  margin: 4px;
  color: #fff;
}

.api-icon-block h4 {
  font-size: 1.5em;
  font-weight: 500;
}

.api-icon-block p {
  font-size: 1em;
}

.api-bullet {
  background: url("../images/api.svg") no-repeat left;
  background-size: 60px;
}

.av1-bullet {
  background: url("../images/av1.svg") no-repeat left;
  background-size: 60px;
}

.ads-bullet {
  background: url("../images/ads.svg") no-repeat left;
  background-size: 60px;
}

.analytics-bullet {
  background: url("../images/analytics.svg") no-repeat left;
  background-size: 60px;
}

.ssai-bullet {
  background: url("../images/ssai.svg") no-repeat left;
  background-size: 60px;
}

.live-bullet {
  background: url("../images/live.svg") no-repeat left;
  background-size: 60px;
}

.subtitles-bullet {
  background: url("../images/subtitles.svg") no-repeat left;
  background-size: 60px;
}

.drm-bullet {
  background: url("../images/drm.svg") no-repeat left;
  background-size: 60px;
}

.multi-codec-bullet {
  background: url("../images/multi-codec.svg") no-repeat left;
  background-size: 60px;
}

.hevc-vp9-bullet {
  background: url("../images/hevc-vp9.svg") no-repeat left;
  background-size: 60px;
}

.fast-encoding-bullet {
  background: url("../images/fast-encoding.svg") no-repeat left;
  background-size: 60px;
}

.encoding-settings-bullet {
  background: url("../images/settings.svg") no-repeat left;
  background-size: 60px;
}

.player-bullet {
  background: url("../images/player.svg") no-repeat left;
  background-size: 60px;
}

.on-prem-bullet {
  background: url("../images/on-prem.svg") no-repeat left;
  background-size: 60px;
}

.encoding-bullet {
  background: url("../images/encoding.svg") no-repeat left;
  background-size: 60px;
}

/**
  Encoding Per Title Encoding
 */
.home-box1 .per-title-buttons .space {
  width: 12.5%;
  display: block;
  height: 10px;
  float: left;
}
.home-box1 .per-title-buttons .btn {
  width: 25%;
  float: left;
}
.home-box1 .per-title-buttons .btn a {
  float: none;
}

/**
  Encoding product page media queries
 */
@media screen and (max-width: 1600px) {
  .cont-graphic {
    line-height: 440px;
  }

  .live-container h2 {
    font-size: 2.8em;
  }
}
@media screen and (max-width: 1200px) {
  .cont-graphic {
    line-height: 520px;
  }

  .encoding-banner {
    padding: 0 30px;
    background: none;
  }

  .encoding-banner .btn {
    width: 90%;
    margin: auto;
    text-align: center;
  }

  .encoding-banner .btn a {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }

  .encoding-logo-banner ul li {
    padding: 10px;
  }

  .enc-block2 .home-box1 {
    margin-top: 30px;
  }

  .benefit-section p {
    min-height: 240px;
  }
}
@media screen and (max-width: 950px) {
  .encoding-logo-banner {
    padding: 30px 20%;
  }

  .benefit-section p {
    min-height: 0;
  }

  .innerblock-white h2 {
    font-size: 2.7em;
  }

  .text-block {
    padding-top: 0;
  }

  .software-stack-graphic img {
    position: relative;
    margin-top: 0;
  }
}
@media screen and (max-width: 799px) {
  .cont-graphic {
    line-height: 1;
  }

  .live-text {
    padding-left: 0;
  }

  .live-image {
    margin-left: -5%;
  }

  .our-customers {
    width: 100%;
  }

  .home-box1 .per-title-buttons .space,
  .home-box1 .product-footer-buttons .space {
    display: none;
  }
  .home-box1 .per-title-buttons .btn,
  .home-box1 .product-footer-buttons .btn {
    width: 100%;
    float: none;
  }
  .home-box1 .per-title-buttons .btn a,
  .home-box1 .product-footer-buttons .btn a {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }
}
/* Live encoding page 2017
---------------------------------------------------- */
/**
  Common presentation page section definitions
 */
.presentation-page-section {
  padding: 0 30px 20px;
}

.presentation-page-section h1 {
  margin-top: 1em;
  padding: 0;
  font-size: 45px;
  font-weight: 700;
  line-height: 1.25;
}

.presentation-page-section h2 {
  margin: 1.2em 0 .6em;
  color: #0dc4ff;
  font-size: 39px;
  line-height: 1.2;
}

.presentation-page-section h3 {
  margin: 1.25em 0;
  color: #0dc4ff;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2;
}

.presentation-page-section h4 {
  margin: 1.3em 0 0;
  padding: 0;
  color: #0dc4ff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.presentation-page-section p {
  margin-right: 0;
  margin-left: 0;
  color: #424242;
  font-size: 1.2857rem;
}

.whitebodytext p {
  color: #fff !important;
}

.presentation-page-section.has-centered-content h1,
.presentation-page-section.has-centered-content h2,
.presentation-page-section.has-centered-content h3,
.presentation-page-section.has-centered-content p {
  text-align: center;
}

.has-centered-content h1,
.has-centered-content h2,
.has-centered-content h3,
.has-centered-content p {
  text-align: center;
}

.presentation-page-section.has-centered-content .presentation-page-section-header,
.presentation-page-section.has-centered-content .presentation-page-section-content {
  padding-right: 5%;
  padding-left: 5%;
}

@media screen and (min-width: 650px) {
  .presentation-page-section {
    padding-bottom: 20px;
  }

  .presentation-page-section h1 {
    font-size: 48px;
  }

  .presentation-page-section h2 {
    font-size: 42px;
  }

  .presentation-page-section h3 {
    font-size: 39px;
  }

  .presentation-page-section h3 {
    font-size: 27px;
  }

  .presentation-page-section p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 960px) {
  .presentation-page-section {
    padding-bottom: 20px;
  }

  .presentation-page-section h1 {
    font-size: 51px;
    font-weight: 500;
  }

  .presentation-page-section h2 {
    font-size: 45px;
  }

  .presentation-page-section h3 {
    font-size: 42px;
  }

  .presentation-page-section h4 {
    font-size: 30px;
  }

  .presentation-page-section p {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 1200px) {
  .presentation-page-section {
    padding-bottom: 20px;
  }

  .presentation-page-section h1 {
    margin-top: 1.5em;
    margin-bottom: .75em;
    font-size: 57px;
    font-weight: 500;
  }

  .presentation-page-section h2 {
    font-size: 2.5em;
  }

  .presentation-page-section h3 {
    margin: 1.75em 0 1.5em;
    font-size: 2.5em;
  }

  .presentation-page-section p {
    font-size: 1.3rem;
  }
}
/**
  General jumbotron header
 */
.jumbotron-header h2 {
  margin: 0 0 30px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.5;
}

@media screen and (min-width: 650px) {
  .jumbotron-header h2 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 800px) {
  .jumbotron-header .row {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (min-width: 960px) {
  .jumbotron-header h2 {
    margin-bottom: 50px;
    font-size: 27px;
  }
}
@media screen and (min-width: 1200px) {
  .jumbotron-header h2 {
    font-size: 30px;
  }
}
/**
  General jumbotron background gradient
 */
.bg-grad-jumbotron {
  background: #1b9dd7;
  background: -moz-linear-gradient(-45deg, #0bc5fe 20%, #364e8c 100%);
  background: -webkit-linear-gradient(-45deg, #0bc5fe 20%, #364e8c 100%);
  background: linear-gradient(135deg, #0bc5fe 20%, #364e8c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bc5fe', endColorstr='#364e8c', GradientType=1 );
}

.bg-grad-jumbotron h1,
.bg-grad-jumbotron h2 {
  color: white;
}

/**
  Live encoding page header styles
 */
.live-encoding-header {
  position: relative;
  border-bottom: 15px solid #3ecf8e;
}

.live-encoding-header-image {
  position: absolute;
  right: 0;
  bottom: -4px;
}

.live-encoding-header-image img {
  float: right;
  position: relative;
  bottom: 3px;
}

@media screen and (min-width: 1200px) {
  .live-encoding-header {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1600px) {
  .live-encoding-header-image {
    margin-right: 8.333%;
  }
}
/**
  Live encoding page customers
 */
.live-encoding-customers {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 150px rgba(0, 0, 0, 0.2);
}

.live-encoding-customers header {
  text-align: center;
}

.live-encoding-customers h4 {
  display: inline-block;
  margin: 0 0 10px;
  padding: 20px;
  color: #0dc4ff;
  font-size: 1.71rem;
  line-height: 1.5;
}

.live-encoding-customers .grid-container {
  padding: 0;
}

.live-encoding-customers .customer-logo {
  padding: 15px;
}

@media screen and (min-width: 650px) {
  .live-encoding-customers {
    margin-top: 60px;
  }

  .live-encoding-customers header {
    margin: -80px auto 0;
    position: relative;
  }

  .live-encoding-customers h4 {
    margin: 0;
    padding: 20px 40px;
    background-color: white;
    border-radius: 10px 10px 0 0;
  }
}
@media screen and (min-width: 960px) {
  .live-encoding-customers h4 {
    font-size: 1.9285rem;
  }
}
@media screen and (min-width: 1200px) {
  .live-encoding-customers h4 {
    padding-right: 60px;
    padding-left: 60px;
    font-size: 2.14rem;
  }
}
/**
  Live encoding page API section
 */
.live-encoding-api .home-box1 {
  max-width: 1200px;
}

.live-encoding-api .innerblock-blue {
  padding: 100px;
}

.live-encoding-api-tech-stack {
  padding: 5%;
  font-size: 0;
}

.live-encoding-api-tech-stack li {
  display: inline-block;
  padding: 5%;
  width: calc(1 / 3 * 100%);
  vertical-align: middle;
}

.live-encoding-api-tech-stack img {
  display: block;
}

.live-encoding-api .presentation-page-section-content p {
  color: #424242;
  line-height: 2;
}

.live-encoding-api .api-icon-block {
  padding-bottom: 0;
  max-width: 100%;
}

.live-encoding-api .api-icon-block h4 {
  margin: 4px 0;
  color: white;
  font-size: 1.5em;
  line-height: 1.25;
}

.live-encoding-api .api-icon-block p {
  color: white;
  font-size: 1.1428rem;
  font-weight: 300;
  line-height: 1.5;
  text-align: left;
}

.live-encoding-api .row {
  clear: both;
  margin: 20px auto;
  padding: 40px 0 0;
  max-width: 768px;
}

.live-encoding-api .action-container {
  padding: 0 15px;
}

@media screen and (min-width: 650px) {
  .live-encoding-api-tech-stack li {
    padding: 2.5%;
    width: calc(1 / 5 * 100%);
  }

  .live-encoding-api-tech-stack li:nth-child(n+6) {
    padding: 5% 7%;
    width: calc(1 / 4 * 100%);
  }
}
@media screen and (min-width: 800px) {
  .live-encoding-api .home-box1 .action-container {
    margin: 20px 25%;
  }

  .live-encoding-api .innerblock-blue {
    padding: 200px;
  }
}
@media screen and (min-width: 1200px) {
  .live-encoding-api-tech-stack {
    padding: 10px 30px;
  }

  .live-encoding-api-tech-stack li {
    padding: 2.5%;
    width: calc(1 / 9 * 100%);
  }

  .live-encoding-api-tech-stack li:nth-child(n+6) {
    padding: 2.5%;
    width: calc(1 / 9 * 100%);
  }

  .live-encoding-api .home-box1 .action-container {
    margin: 30px calc(3.5 / 12 * 100%);
  }

  .live-encoding-api .api-icon-block a:nth-child(2n-1) div {
    /*clear: none;*/
  }

  .live-encoding-api .api-icon-block a:nth-child(3n+1) div {
    /*clear: left;*/
    clear: none;
  }
}
/**
  Live encoding quality section
 */
.live-encoding-quality {
  text-align: center;
}

.live-encoding-quality h4 + p {
  margin-top: 0;
}

.live-encoding-quality .action-container {
  padding: 0;
}

.live-encoding-quality .action-container a {
  display: inline-block;
  padding-right: 2em;
  padding-left: 2em;
  width: auto;
}

.live-encoding-quality-image {
  padding: 80px 45px;
}

.live-encoding-quality-content {
  padding: 0 15px;
}

@media screen and (min-width: 1200px) {
  .live-encoding-quality {
    text-align: left;
  }

  .live-encoding-quality-content {
    padding: 30px 45px;
  }
}
/**
  Live encoding trial section
 */
.live-encoding-trial .api-icon-block {
  padding: 40px 30px 0;
  max-width: 1400px;
}
.live-encoding-trial .api-icon-block h4 {
  margin: 4px 0;
  color: white;
  font-size: 1.5em;
  line-height: 1.25;
}
.live-encoding-trial .api-icon-block p {
  color: white;
  font-size: 1.1428rem;
  font-weight: 300;
  line-height: 1.5;
  text-align: left;
}
.live-encoding-trial .api-icon-block div {
  background-position: 10px 27px;
}
.live-encoding-trial .api-icon-block .row {
  clear: both;
  padding: 20px 0 0;
}
.live-encoding-trial .action-container {
  padding: 0;
  text-align: center;
}
.live-encoding-trial .action-container a {
  display: inline-block;
  padding-right: 2em;
  padding-left: 2em;
  width: auto;
}
.live-encoding-trial .btn {
  padding: 0;
}
.live-encoding-trial .btn a {
  width: 30%;
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .live-encoding-trial .api-icon-block {
    padding-top: 60px;
    padding-bottom: 10px;
    max-width: 1400px;
  }

  .live-encoding-trial .api-icon-block a:nth-child(2n-1) div {
    clear: none;
  }
}
/**
  Live encoding specifications
 */
#live-enc-specs {
  margin-top: 80px;
  margin-bottom: 80px;
}

#live-enc-specs h2 {
  text-align: center;
  color: #2faae1;
  font-size: 3em !important;
}

#live-enc-specs h3 {
  text-align: left;
  font-size: 1.5em !important;
  font-weight: 500;
  color: #2faae1;
}

#live-enc-specs ul {
  margin: 0;
}

#live-enc-specs ul li {
  list-style: none;
  line-height: 20px;
  margin: 1em 3em;
}

#live-enc-specs ul ul li {
  list-style: none;
  line-height: 20px;
  padding-left: 10px;
}

.live-encoding-specifications {
  text-align: center;
}

.live-encoding-specifications header p {
  font-size: 21px;
}

.live-encoding-specifications h4 {
  color: #424242;
  font-size: 18px;
  font-weight: 700;
}

.live-encoding-specifications ul {
  margin: 0 auto 30px;
  max-width: 600px;
}

.live-encoding-specifications ul p {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
}

@media screen and (min-width: 800px) {
  .live-encoding-specifications {
    padding-top: 20px;
  }

  .live-encoding-specifications ul {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .live-encoding-specifications {
    padding-top: 50px;
  }

  .live-encoding-specifications ul {
    margin-bottom: 80px;
  }
}
/*Update 05-04-2018*/
.page-template-live-encoding-page-2017 #on-prem-specs {
  margin-bottom: 50px;
}

/*End Update 05-04-2018*/
/* Analytics Pages 2017 
---------------------------------------------------- */
/* Analytics Main Banner */
#analytics-banner {
  background: url("../images/analytics-bg.jpg") no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#analytics-banner h1 {
  margin-top: 80px;
  color: #2981ba;
  text-align: center;
  font-size: 4em;
  font-weight: 700;
}
#analytics-banner h2 {
  color: #2981ba;
  text-align: center;
  font-size: 3em;
  font-weight: 300;
}
#analytics-banner .left-button {
  float: right;
}
#analytics-banner .cta-container {
  margin: 40px auto;
}

/* Analytics second block */
.analytics-block2 {
  padding-top: 0px;
  border-top: 10px solid #1cabe2;
}
.analytics-block2 .white-box {
  background: url("../images/blue-tran.png");
  margin: 20px 20px 50px 20px;
}
.analytics-block2 .white-box img {
  height: 150px;
}

.special-bg-analytics {
  background: url("../images/analytics.svg") no-repeat 10% -200px;
  background-size: 40%;
  padding-bottom: 80px;
  border-bottom: 7px solid #f69c2a;
}

.Analytics-text2 {
  width: 50%;
  float: right;
  padding: 50px 10px;
}
.Analytics-text2 h2 {
  color: #fff;
  font-size: 3.2em;
  font-weight: 500;
}
.Analytics-text2 p {
  color: #fff;
  font-size: 1.5em;
}

/* Analytics box */
.api-box-text h2 {
  text-align: center !important;
  padding-top: 50px;
}
.api-box-text p {
  padding: 0 10% !important;
}

.analytics-landing .bg-grad-2 {
  padding-bottom: 200px;
}

/* Analytics Developer Focussed*/
.developer-focussed-block {
  margin: 120px auto;
}

.developer-diagram-block {
  display: flex;
}

.analytics-landing .bg-grad-2 .btn {
  width: 100%;
  display: flex;
  justify-content: center;
}

.line-drawing-left {
  padding: 100px 50px 100px 250px;
}

.line-drawing-right {
  padding: 100px 150px 100px 50px;
}

.line-drawing-right h3 {
  color: #fff;
  font-size: 1.8em;
}

/* Analytics bullets */
.analytics-feature-bullets .prod-engage-bullets {
  padding: 0px 100px !important;
  border-top: none;
}
.analytics-feature-bullets .prod-engage-bullets ul li {
  padding: 10px 20px 10px 70px;
  text-decoration: none;
  color: #888;
  display: block;
  line-height: 30px;
  font-size: 1em;
  color: #fff;
}

/* Analytics code windows */
.analytics-home-box1 p {
  color: #444 !important;
}

.analytics-home-box1 h3 {
  padding-bottom: 7px;
  font-weight: 500;
}

/* Footer - other product buttons */
.floating-buttons {
  position: relative;
  margin-top: -150px;
  display: flex;
}

.home-footer-buttons {
  background: #fff;
}

.footbutton h3 {
  font-size: 2em;
  color: #0dc4ff;
}

.player-footbutton {
  background: #fff url("../images/player.svg") no-repeat;
}

.encoding-footbutton {
  background: #fff url("../images/encoding.svg") no-repeat;
}

.analytics-footbutton {
  background: #fff url("../images/analytics.svg") no-repeat;
}

.player-footbutton, .analytics-footbutton, .encoding-footbutton {
  padding: 25px 200px 25px 50px;
  margin: 20px;
  display: flex;
  background-position: right -100px bottom 100px;
}

.seopage-footer .player-footbutton, .seopage-footer .analytics-footbutton, .seopage-footer .encoding-footbutton {
  padding: 25px 45px 25px 25px;
  margin: 20px;
  display: flex;
  background-position: right -10% top -10%;
  background-size: 25%;
}

.footbutton {
  -webkit-box-shadow: 0px 0px 34px 2px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0px 0px 34px 2px rgba(0, 0, 0, 0.27);
  box-shadow: 0px 0px 34px 2px rgba(0, 0, 0, 0.27);
}

.footbutton:hover {
  -webkit-box-shadow: 0px 0px 34px 10px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0px 0px 34px 10px rgba(0, 0, 0, 0.27);
  box-shadow: 0px 0px 34px 10px rgba(0, 0, 0, 0.27);
}

.product-footer-buttons {
  padding: 100px 0;
  text-align: center;
}

.product-footer-buttons h2 {
  color: #0dc4ff;
}

/* ENGAGE Analytics page */
#metrics_analytics h2 {
  text-align: center;
  color: #2faae1;
  font-size: 3em !important;
  margin-top: 80px;
}

#metrics_analytics h3 {
  text-align: center;
  font-size: 1.5em !important;
  font-weight: 500;
}

#metrics_analytics ul {
  margin: 0;
}

#metrics_analytics ul li {
  list-style: none;
  line-height: 20px;
}

#metrics_analytics li h3 {
  text-align: left;
}

#metrics_analytics ul ul li {
  list-style: none;
  line-height: 20px;
  padding-left: 10px;
}

#on-prem-specs h2 {
  text-align: center;
  color: #2faae1;
  font-size: 3em !important;
  margin-top: 80px;
}

#on-prem-specs h3 {
  text-align: left;
  font-size: 1.5em !important;
  font-weight: 500;
}

#on-prem-specs ul {
  margin: 0;
}

#on-prem-specs ul li {
  list-style: none;
  line-height: 20px;
}

#on-prem-specs ul ul li {
  list-style: none;
  line-height: 20px;
  padding-left: 10px;
}

.anlay-prod-page {
  padding: 20px 0;
  border-top: 1px solid #eee;
  margin-top: 40px;
}

.page-template-eng-analytics-product-page .big-blue-background {
  padding: 60px 0 30px 0 !important;
}

#analytics_code_tabs h3 {
  color: #fff;
  margin-top: 0;
  font-size: 1.5em;
}

#analytics_code_tabs .responsive-tabs .responsive-tabs__list__item {
  color: #c7e2f2;
}

#analytics_code_tabs .responsive-tabs .responsive-tabs__list__item--active {
  color: #fff;
  background: none;
  border: none;
}

#analytics_code_tabs .responsive-tabs .responsive-tabs__panel {
  padding: 30px;
  background: none;
  border: none;
}

#analytics_code_tabs .responsive-tabs-wrapper {
  min-height: 470px;
}

#analytics_code_tabs p {
  padding: 10px;
  color: #fff;
}

#analytics_code_tabs .analy-main h2 {
  color: #fff;
  text-align: center;
  font-size: 3em;
}

#analytics_code_tabs .analy-main p {
  color: #fff;
}

#analytics_code_tabs .syntaxhighlighter {
  background-color: #04354d !important;
  padding: 10px 0;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.29);
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.29);
}

#analytics_code_tabs .syntaxhighlighter .comments, #analytics_code_tabs .syntaxhighlighter .comments a {
  color: #9494ea !important;
  font-weight: bold !important;
}

#analytics_code_tabs .syntaxhighlighter .string {
  color: #9494ea !important;
  font-weight: bold !important;
}

#analytics_code_tabs .syntaxhighlighter .plain {
  color: #71c5d4 !important;
}

#analytics_code_tabs .syntaxhighlighter .line.alt1 {
  background-color: #04354d !important;
}

#analytics_code_tabs .syntaxhighlighter .line.alt2 {
  background-color: #04354d !important;
}

#analytics_code_tabs .responsive-tabs__list {
  text-align: center;
}

#analytics_code_tabs .responsive-tabs__list li {
  float: none;
  display: inline;
}

#analytics_code_tabs .responsive-tabs__list a {
  display: inline-block;
}

.analy-left {
  padding-right: 20px;
}

.page-template-eng-analytics-product-page .prod-engage-cont {
  padding-top: 40px;
}

.slider-center {
  width: 100%;
  max-width: 700px;
  margin: 80px auto;
}

.easingslider-wrapper-outer {
  width: 100% !important;
}

.prod-header-container-analy {
  background: url(../images/product-player-bg-rv.jpg) repeat center top;
  overflow: hidden;
  border-bottom: 5px solid #f3922b;
  margin-top: 15px;
  min-height: 300px;
}

.prod-header-container-analy h1 {
  color: #fff;
}

.prod-header-container-analy h2 {
  color: #fff;
}

.prod-header-container-analy p {
  color: #fff;
}

.page-template-eng-analytics-product-page .prod-engage-bullets ul li {
  padding: 10px 20px 10px 70px;
  text-decoration: none;
  color: #888;
  display: block;
  line-height: 24px;
  font-size: 1em;
}

/*Media Query*/
@media screen and (max-width: 1600px) {
  .footbutton h3 {
    font-size: 1.6em;
    color: #0dc4ff;
  }

  .footbutton p {
    font-size: 1em;
  }
}
@media screen and (max-width: 1210px) {
  .special-bg-analytics {
    background-position: left -130px top -50px;
  }

  .Analytics-text2 {
    width: 70%;
  }

  .developer-diagram-block {
    margin-top: 80px;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
  }

  .line-drawing-left {
    padding: 100px 50px 100px 150px;
  }

  .line-drawing-right {
    padding: 100px 50px 100px 50px;
  }

  .analytics-feature-bullets .prod-engage-bullets {
    padding: 0px 50px !important;
  }

  .player-footbutton, .analytics-footbutton, .encoding-footbutton {
    margin: 20px;
    padding: 25px 50px 25px 50px;
    background-position: right -25px top -25px;
    background-size: 30%;
    flex-wrap: wrap;
    clear: both;
  }
}
@media screen and (max-width: 799px) {
  .special-bg-analytics {
    background: none;
  }

  .Analytics-text2 {
    width: 100%;
  }

  .line-drawing-left, .line-drawing-right {
    padding: 10px 50px;
  }

  .developer-diagram-block {
    margin-top: 20px;
  }

  .analytics-feature-bullets .prod-engage-bullets {
    padding: 0px !important;
    border-top: none;
  }

  .bg-grad-2 .block-header p, .bg-grad-2 .block-header h2 {
    padding: 5px;
  }

  .player-footbutton, .analytics-footbutton, .encoding-footbutton {
    margin: 20px;
    padding: 25px 50px 25px 50px;
    background-position: right -25px top -25px;
    background-size: 30%;
    flex: 0 0 92%;
    padding-right: 20%;
  }

  .floating-buttons {
    position: relative;
    margin-top: -150px;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
  }

  .product-footer-buttons .learnmore {
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .analy-left {
    padding-right: 0px;
  }

  .page-template-eng-analytics-product-page .post ul li {
    margin: 1em;
  }

  #analytics_code_tabs .analy-main h2 {
    color: #fff;
    text-align: center;
    font-size: 1.6em;
  }

  #analytics_code_tabs .analy-main .responsive-tabs__heading {
    color: #777 !important;
    text-align: left !important;
    font-size: 1.2em;
  }

  #analytics_code_tabs .responsive-tabs .responsive-tabs__heading--active, .responsive-tabs .responsive-tabs__heading--active:hover {
    font-size: 1.2em;
    background: #04354d !important;
    color: #fff !important;
  }

  .responsive-tabs .responsive-tabs__heading {
    border: none !important;
  }

  #analytics_code_tabs .big-blue-background {
    padding: 0px !important;
  }

  #analytics_code_tabs .responsive-tabs .responsive-tabs__panel {
    padding: 0px !important;
  }

  #analytics_code_tabs .page-template-eng-analytics-product-page .prod-engage-cont {
    padding-top: 10px !important;
  }

  #analytics_code_tabs h3 {
    margin-top: 15px;
  }
}
/*End Media Query*/
/* Home Page 2017 
--------------------------------------------------------------- */
.home, .page-template-homeCopy-page,
.page-template-test-home-header {
  background: #0dc3ff;
  background: -moz-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #0dc3ff), color-stop(54%, #0e7aff), color-stop(100%, #0dc3ff));
  background: -webkit-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: -o-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: -ms-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: linear-gradient(135deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dc3ff', endColorstr='#0dc3ff', GradientType=1 );
}

.background1 {
  /*background-image:url('../images/background-2017.svg');*/
  background-image: url("../images/background-hexagons.svg"), url("../images/background-hexagons.svg");
  background-repeat: no-repeat;
  background-position: 100% 10%, 0% 100%;
  background-size: 40%;
}

.background2 {
  /*background-image:url('../images/background2-2017.svg');*/
  background-image: url("../images/background-hexagons.svg"), url("../images/background-hexagons.svg");
  background-repeat: no-repeat;
  background-position: 0% 70%, 100% 40%;
  background-size: 40%;
  padding-bottom: 70px;
}

.logo img {
  float: left;
}

.login-signup {
  padding: 10px 60px 10px 10px;
  font-size: 1em;
}

.home #top-nav, #top-nav {
  padding-left: 30px;
  padding-right: 30px;
}

.main-banner {
  padding: 30px 100px 0px 20px;
}

.main-banner h1 {
  text-align: left;
  color: #fff;
  font-size: 3.5em;
  font-weight: 500;
  margin-bottom: 5px;
}

.main-banner p {
  color: #fff;
  font-size: 2em;
  line-height: 160%;
  font-weight: 300;
  margin: 20px 0;
}

.main-banner .buttons-main {
  padding: 50px 0 0 0;
  text-align: center;
}

.home-box1 {
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  max-width: 1400px;
  margin: 60px auto 30px auto;
}

.home-box1 .clogos div {
  padding: 25px 20px;
  text-align: center;
}

.home-box1 .cmore a {
  padding: 12px 20px;
  background-color: #0dc4ff;
  color: #fff;
  text-align: center;
  max-width: 250px;
  margin: auto;
}

.home-box1 .cmore a:hover {
  background-color: #07ade3;
}

.home-box1 .innerblockmap {
  background: #dcf2fa url("../images/map-home.jpg") no-repeat;
  background-size: 70%;
  padding: 20px;
}

.home-box1 .innerblockmap h2, .home-box1 .innerblockmap p {
  margin: 0.5em 0 0.5em 60%;
  text-align: left;
  display: block;
}

.home-box1 .innerblockmap h2 {
  font-size: 1.8em;
  font-weight: 300;
}

.home-box1 .innerblockicons {
  padding: 0 100px;
}

.home-box1 .products {
  padding: 20px;
}

.home-box1 .home-prod {
  text-align: center;
}

.home-box1 .home-prod .prodicon {
  height: 200px;
  padding: 30px 30px 10px 30px;
  opacity: 0.9;
}

.home-box1 .home-prod .prodicon img {
  max-height: 100%;
  height: auto;
  width: auto;
  filter: drop-shadow(0px 0px 5px #cddae4);
  -webkit-filter: drop-shadow(0px 0px 5px #cddae4);
}

.home-box1 .home-prod:hover .prodicon {
  padding: 27px 27px 7px 27px;
  filter: drop-shadow(0px 0px 10px #cddae4);
  -webkit-filter: drop-shadow(0px 0px 10px #cddae4);
  opacity: 1;
}

.home-box1 .home-prod .prodicon {
  -ms-transform: all .3s;
  /* IE 9 */
  -webkit-transform: all .3s;
  /* Chrome, Safari, Opera */
  transition: all .3s;
}

.home-box1 .home-prod p {
  margin: 10px 0 40px 0px;
}

.home-box1 h2 {
  color: #0dc4ff;
  text-align: center;
}

.home-box1 .innerblock2prod {
  padding: 20px;
  background-color: #fff8ee;
}

.home-box1 .innerblock2prod div {
  padding: 0 15px;
}

.home-box1 .innerblocktext {
  padding: 10px 40px 20px 40px;
}

.home-box1 .innerblocktext p {
  text-align: center;
  font-size: 1.7em;
  margin-top: 20px !important;
}

.home-box1 .innerblocktext h2 {
  font-size: 3em;
  font-weight: 300;
  padding-top: 30px;
}

.home-box1 .innerblockapi {
  background-color: #e3f1ff;
  padding: 20px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

.home-box1 .products h2 {
  font-size: 2.6em;
  font-weight: 300;
}

.home-box1 .products p {
  text-align: center;
  font-size: 1.4em;
  color: #777;
  padding: 0;
}

/* Box headers and footers 2017
-----------------------------------------------------*/
.boxfooter-orange {
  background-color: #f9af0e;
  padding: 8px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

.boxfooter-green {
  background-color: #3ecf8e;
  padding: 8px;
  margin-top: 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

.boxfooter-blue {
  background-color: #0dc4ff;
  padding: 8px;
  margin-top: 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

.boxheader-orange {
  background-color: #f9af0e;
  padding: 8px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

.boxheader-green {
  background-color: #3ecf8e;
  padding: 8px;
  margin-top: 10px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

.boxheader-blue {
  background-color: #0dc4ff;
  padding: 8px;
  margin-top: 10px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

.innerblock-blue {
  background: #dcf2fa;
  background-size: 70%;
  padding: 20px;
}

.innerblock-drkblue {
  background: #0dc4ff;
  background-size: 70%;
  padding: 20px;
}

.boxfooter-drkblue {
  background-color: #0054a6;
  padding: 8px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

.solutions-home {
  margin-top: 100px;
  margin-bottom: 100px;
}

.solutions-home-text {
  padding-left: 70px;
  padding-top: 20px;
}

.solutions-home-text h2 {
  font-size: 3.6em;
  font-weight: 500;
}

.solutions-home-text p {
  font-size: 1.5em;
}

.solutions-home-icons {
  padding: 20px 70px 20px 40px;
  border-right: 1px solid #fff;
}

.solutions-home h2, .solutions-home p {
  color: #fff;
}

.home-box1 .code-snippet-slider {
  padding-bottom: 50px;
}

.s-image img {
  width: 85%;
}

.home-box1 .easingslider-pagination {
  display: none;
}

.sy-pager {
  margin: 1em 0 2em;
}

.footer-locations p {
  margin: 0px;
  color: #0dc4ff;
  line-height: 100%;
}

@media screen and (max-width: 1600px) {
  .main-banner p {
    font-size: 1.6em;
  }

  .home-box1 .innerblockmap p {
    font-size: 1em;
  }

  .home-box1 .innerblockmap h2 {
    font-size: 1.6em;
  }

  .home-box1 .home-prod img {
    width: 160px;
  }

  .home-box1 .products h2 {
    font-size: 2.4em;
  }

  .home-box1 .products p {
    font-size: 1.4em;
  }

  .home-box1 .innerblocktext p {
    font-size: 1.4em;
  }

  .home-box1 .innerblocktext h2 {
    font-size: 2.4em;
  }

  .solutions-home-text h2 {
    font-size: 3em;
  }

  .solutions-home-text p {
    font-size: 1.2em;
  }

  .home-box1 .home-prod {
    padding: 20px;
  }
}
@media screen and (max-width: 1200px) {
  #staticCTA .btn a {
    float: none;
    margin: 5px auto;
    width: 60%;
    text-align: center;
  }

  .main-banner p {
    text-align: center;
    font-size: 1.6em;
  }

  .main-banner h1 {
    font-size: 2.5em;
    padding-top: 30px;
  }

  .main-banner {
    padding: 10px 20px;
  }

  .logo img {
    float: none;
    padding-top: 3px;
  }

  .grid-container-nav {
    margin-top: 12px;
  }

  .home-box1 {
    margin-top: 0px;
  }

  .home-box1 .innerblockmap {
    background: #dcf2fa url("../images/map-home.jpg") no-repeat;
    background-size: 30%;
    padding: 20px;
  }

  .home-box1 .innerblockmap h2, .home-box1 .innerblockmap p {
    margin-left: 30%;
  }

  .solutions-home-icons {
    padding: 0 40px 0 40px;
    border-right: none;
    width: 100%;
    text-align: center;
  }

  .solutions-home-text {
    padding-left: 0;
  }

  .solutions-home {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .solutions-home-text h2 {
    font-size: 2.5em;
    font-weight: 300;
    text-align: center;
  }

  .solutions-home-text p {
    text-align: center;
  }

  .footer-locations p {
    text-align: center;
  }

  .main-banner .createaccount {
    float: none;
  }
}
@media screen and (max-width: 799px) {
  .home-box1 .innerblockmap {
    background-image: none;
  }

  .home-box1 .innerblockmap h2, .home-box1 .innerblockmap p {
    margin-left: 0;
  }

  .home-box1 .clogos div {
    padding: 10px 3px;
  }

  .home-box1 .innerblocktext h2 {
    font-size: 2em;
  }

  .home-box1 .innerblocktext p {
    font-size: 1.3em;
  }

  .main-banner .buttons-main {
    padding: 10px 0 0 0;
  }

  .home-box1 .products h2 {
    font-size: 2.2em;
  }

  .home-box1 .products p {
    font-size: 1.3em;
  }

  .home-box1 .home-prod .prodicon {
    padding: 2%;
    opacity: 0.9;
  }

  .home-box1 .innerblockicons {
    padding: 0 0;
  }

  .home-box1 .home-prod:hover .prodicon {
    padding: 0;
  }

  .s-image img {
    width: 100%;
  }
}
/* API logos on the front page */
#api-home-logos ul {
  text-align: center;
  margin: 0;
  padding: 0;
}

#api-home-logos ul li {
  display: inline-block;
  margin: 10px 35px;
}

#api-home-logos ul li img {
  max-width: 60px;
}

/* Create account and Explore the stack buttons for AB testimonial-buttons
------------------------------------------------------------------ */
.explore-stack-home a, .create-account-home a, .create-account-home-center a {
  width: 45%;
  padding: 6px 6px;
  border: 1px solid #fff;
  text-align: center;
  text-decoration: none;
  font-size: 1.2em;
  color: #fff;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 4px 20px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 4px 20px 0px rgba(50, 50, 50, 0.3);
}

.explore-stack-home a {
  float: right;
}

.explore-stack-home a:hover {
  background-color: #fc7f03;
}

.create-account-home a {
  color: #2eabe2;
  float: left;
  background-color: #fff;
}

.create-account-home a:hover {
  background-color: #2eabe2;
  color: #fff;
}

.create-account-home-center a {
  display: block;
  color: #2eabe2;
  background-color: #fff;
  width: 300px;
  margin: auto;
  max-width: 80%;
}

.create-account-home-center a:hover {
  background-color: #2eabe2;
  color: #fff;
}

@media screen and (max-width: 799px) {
  .explore-stack-home a, .create-account-home a {
    width: 100%;
    margin: 10px 0;
  }
}
/* this is the new home page banner section with multiple images and arrows */
.slide-content {
  text-align: center;
  padding: 20px 0 0 0;
}

.slide-content a {
  color: #fff;
  padding: 5px 8px;
  text-decoration: none;
  white-space: nowrap;
  font-size: 0.9em;
}

.slide-content a:hover {
  background-color: #3fa9f5;
}

.slide-content-button {
  width: 100%;
}

.slide-content-image img {
  max-width: 70%;
}

/* API Slider section */
#bitslide-2 {
  width: 100%;
  background-color: #fff;
}

.sy-caption-wrap {
  display: none;
}

.bitslide-links {
  padding-right: 50px;
  padding-top: 20%;
  padding-bottom: 20%;
}

.bitslide-links h3 {
  font-size: 1.6em;
}

.bitslide-links p {
  font-size: 1.2em;
}

.bitslide-links p, .bitslide-links h3 {
  text-align: left;
  margin: 0;
}

.bitslide-links p {
  padding-bottom: 15px;
  line-height: 1.4em;
}

.slide-box-home .bitslide-links {
  margin: 0;
}

.bitslide-links a {
  text-decoration: none;
}

.s-icon1-on h3, .s-icon2-on h3, .s-icon3-on h3 {
  color: #3fa9f5;
}

.s-image {
  padding-right: 40px;
  text-align: right;
}

@media screen and (max-width: 799px) {
  .bitslide-links p, .bitslide-links h3 {
    text-align: center;
    margin: 0;
  }

  .s-image {
    padding-right: 0;
  }

  .bitslide-links {
    padding: 10px;
  }
}
/* API logos on API page */
#api-page-logos img {
  box-shadow: none;
}

/* 2 main product sections */
.product-box-main {
  padding: 40px;
  text-align: center;
}

.product-box-main h2 {
  color: #3fa9f5;
}

.product-box-main .button a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 10px 30px;
  background-color: #ff931e;
  margin-top: 25px;
}

.product-box-main .button a:hover {
  background-color: #fc7f03;
}

/* Customer logo section home page 
---------------------------------------------------------------------- */
.customers-home {
  padding: 0px 0 100px 0;
  border-top: 1px solid #2eabe2;
  border-bottom: 1px solid #2eabe2;
}

.customers-home h2 {
  text-align: center;
  padding: 50px;
  color: #2eabe2;
}

.cust-logo {
  padding-bottom: 40%;
  margin: 10px;
  background: #fff url("../images/clogo-toolbox.png");
  background-size: 100% auto;
}

.bx-wrapper .bx-controls-direction a {
  transition: none;
}

/* Testominial - Home Page
-------------------------------------------------------------------------------*/
#testimonials-inner {
  background: url("../images/quotes.svg") no-repeat center top;
}

#testimonials {
  width: 100%;
  padding: 1em;
  margin: 0;
  background: #5fcfff;
  background: -moz-linear-gradient(left, #5fcfff 0%, #0082df 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #5fcfff), color-stop(100%, #0082df));
  background: -webkit-linear-gradient(left, #5fcfff 0%, #0082df 100%);
  background: -o-linear-gradient(left, #5fcfff 0%, #0082df 100%);
  background: -ms-linear-gradient(left, #5fcfff 0%, #0082df 100%);
  background: linear-gradient(to right, #5fcfff 0%, #0082df 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fcfff', endColorstr='#0082df', GradientType=1 );
}

.testimonial-text {
  width: 680px;
  max-width: 90%;
  margin: 2em auto;
}

.testimonial-text p {
  color: #fff;
  font-size: 1.7em;
  text-align: center;
  font-style: italic;
}

.testimonial-footer {
  width: 600px;
  max-width: 90%;
  margin: 2em auto;
}

.testiomonial-image {
  float: left;
  margin-right: 30px;
}

.testiomonial-image img {
  width: 90px;
  height: 90px;
  border-radius: 45px;
}

.testimonial-name {
  float: left;
  margin-top: 5px;
}

.testimonial-name h3 {
  font-weight: 500;
}

.testimonial-name h3, .testimonial-name p {
  color: #fff;
  margin: 0;
}

.testimonial-button {
  float: left;
  margin-left: 50px;
  border: 1px solid #fff;
  margin-top: 18px;
}

.testimonial-button a {
  display: block;
  padding: 10px 30px;
  color: #fff;
  text-decoration: none;
}

.testimonial-button a:hover {
  background-color: #fff;
  color: #2eabe2;
}

@media screen and (max-width: 799px) {
  .testimonial-button, .testimonial-name, .testiomonial-image {
    float: none;
    margin: 10px auto;
    clear: both;
    text-align: center;
    max-width: 300px;
  }

  #testimonials-inner {
    background-image: none;
  }

  .testimonial-name h3 {
    font-size: 2em;
    font-weight: 500;
  }
}
/* Products Section Home Page
-------------------------------------------------------------------------------*/
#products {
  width: 100%;
  margin-bottom: 2em;
}

.products-container {
  width: 1200px;
  max-width: 90%;
  margin: auto;
}

.prod-text {
  padding: 1.5em;
}

.prod-text h2 {
  text-align: center;
}

.prod-text p {
  font-size: 1.5em;
  line-height: 1.4em;
  font-weight: 300;
  text-align: center;
}

.product-box {
  padding: 1em;
  float: left;
  width: 33%;
}

.prod-foot {
  width: 70%;
  margin: auto;
}

.prod1 .prod-foot {
  background-color: #f3922b;
}

.prod2 .prod-foot {
  background-color: #35ae73;
}

.prod3 .prod-foot {
  background-color: #2eabe2;
}

.prod1 .prod-foot a:hover {
  background-color: #dd7e28;
}

.prod2 .prod-foot a:hover {
  background-color: #3d9360;
}

.prod3 .prod-foot a:hover {
  background-color: #0294c6;
}

.prod1 h2 {
  color: #dd7e28;
}

.prod2 h2 {
  color: #3d9360;
}

.prod3 h2 {
  color: #0294c6;
}

.product-box-inner {
  background-color: #fff;
  width: 100%;
}

.product-box-image {
  margin: 1em auto 0;
  width: 60%;
}

.product-box-image img {
  width: 100%;
  height: auto;
}

.products-gradient {
  padding: 1px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.47) 100%);
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.47)));
  /* Chrome4-9,Safari4-5 */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.47) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.47) 100%);
  /* Opera 11.10-11.50 */
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.47) 100%);
  /* IE10 preview */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.47) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#78000000',GradientType=0 );
  /* IE6-8 */
}

.prod-foot {
  text-align: center;
}

.prod-foot a {
  color: #fff;
  font-size: 1.2em;
  text-decoration: none;
  display: block;
  padding: 10px;
}

/* New Home Page
-------------------------------------------------------------------------------*/
#staticCTA {
  display: flex;
}
#staticCTA .right-section, #staticCTA .left-section {
  flex: 1;
}

.solutions-home .solution-box {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
  float: left;
}
.solutions-home .solution-box img:hover {
  -ms-transform: all .3s;
  -webkit-transform: all .3s;
  transition: all .3s;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.solutions-home .solution-box:nth-child(3n) {
  margin-right: 0;
}
.solutions-home .solution-box:nth-child(3n):after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 1200px) {
  #staticCTA {
    display: block;
  }
}
/* End New Home Page
-------------------------------------------------------------------------------*/
/* Demo Section - Category Page
-------------------------------------------------------------------------------*/
.demo-feature-img h2 {
  font-size: 1.5em;
}

.demo-feature-img ul {
  text-align: center;
  padding: 0;
}

.demo-feature-img li {
  margin: 40px 20px;
  max-width: 200px;
  display: inline-block;
  padding: 10px;
  vertical-align: top;
}

.demo-feature-img li:hover h2 {
  color: #000;
}

.demo-feature-img img {
  width: 100%;
}

.demo-feature-exc {
  text-align: center;
}

.bitdash-vc {
  z-index: 0;
}

.below-player-caption {
  background-color: #383837;
  padding: 15px 25px;
  color: #fff;
  border-top: 1px solid #eee;
  margin-top: -20px;
}

.below-player-caption p {
  color: #fff;
  margin: 0;
  padding: 0;
}

/* Landing Pages
-------------------------------------------------------------------------------*/
#wpcf7-f6932-p18812-o1 {
  max-width: 500px;
}

.landing-header #top-nav {
  height: 70px;
}

.landing-header {
  background: #30abe2;
  /* Standard syntax */
}

.landing-footer {
  position: relative;
  bottom: 0px;
  width: 100%;
}

.landing-footer-new {
  width: 100%;
}

.hackathon-landing-footer {
  bottom: 0px;
  width: 100%;
}

.page-template-sign-up-page blockquote {
  font-size: 1.8em;
}

#lp-sign-up-form {
  width: 100%;
  padding: 20px;
  background: url(../images/product-player-bg-rv.jpg) no-repeat center top;
  margin-top: 100px;
}

#lp-sign-up-form input {
  width: 100%;
}

#lp-sign-up-form h2 {
  text-align: center;
}

#lp-sign-up-form p {
  color: #fff;
  text-align: center;
}

#lp-sign-up-form a {
  color: #fff;
}

#lp-sign-up-form a:hover {
  color: #ccc;
}

#email-customer {
  margin-top: 20px;
}

#sign-up {
  width: 100%;
  height: 40px;
  padding: 5px 5px 5px 5px;
  margin-top: 40px;
}

.response-msg-hide {
  display: none;
}

.response-msg-show {
  display: block;
}

.sign-up-error-message {
  margin-top: 5px;
  padding: 10px;
  background-color: #b1d8e5;
}

.form-intro, .form-intro p, .form-intro h2 {
  color: #fff;
}

#lp-sign-up-form .email input, #lp-sign-up-form .pass input {
  border: 1px solid #ccc;
  color: #333;
  font-family: "Open Sans",sans-serif;
  font-size: 1.2em;
  height: 3em;
  padding: 0.7em;
  width: 100%;
  margin-top: 1em;
}

#lp-sign-up-form .submit input {
  background-color: #f3922b;
  background-image: url("../images/signup-right.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 55px 55px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.2em;
  height: 3em;
  margin-top: 1em;
  padding-left: 20px;
  padding-right: 70px;
  width: 100%;
}

.sign-up-content-block {
  float: left;
  padding-right: 60px;
}

.sign-up-form-block {
  float: right;
}

.already-have {
  text-align: center;
}

@media screen and (max-width: 790px) {
  .sign-up-content-block {
    float: right;
  }

  .landing-footer {
    position: relative;
  }

  .sign-up-content-block {
    float: left;
    padding-right: 0px;
  }
}
.lp-background {
  reperat: no-repeat;
  background-position: center top;
}

.page-template-landing-page .page-container {
  /* margin:0 auto; */
}

.sign_up_form_2016 {
  width: 800px;
  max-width: 90%;
  margin: auto;
  text-align: center;
  background: transparent none repeat scroll 0 0;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 300px;
}

.sign_up_form_2016_body_wrap {
  margin-top: 30px;
}

.sign_up_form_2016_heading {
  clear: both;
}

.sign_up_form_2016_header img {
  max-height: 80%;
  height: auto;
}

.sign_up_form_2016_body_left {
  width: 350px;
  min-width: 60%;
  height: auto;
  float: left;
  text-align: left;
  padding-top: 10px;
}

.sign_up_form_2016_body_right p {
  font-size: 16px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 20px;
}

.sign_up_form_2016_body_left p {
  font-size: 20px;
  margin: 0;
  padding-top: 0;
}

.post .sign_up_form_2016_body_right ul li {
  font-weight: 500;
  list-style: none;
  background: url("https://bitmovin.com/wp-content/uploads/2016/04/tick_green_sm2.png") no-repeat left center;
  padding: 10px 0 10px 45px;
  font-size: 1.2em;
  background-size: 30px 30px;
  margin: 0px;
}

.sign_up_form_2016_body_right {
  width: 250px;
  min-width: 40%;
  float: left;
  text-align: left;
  padding: 20px 0 0 30px;
}

.sign_up_form_2016_body_right #get-player, .sign_up_form_2016_body_right #email-customer {
  width: 270px;
  margin: auto;
}

.sign_up_form_2016_body_right #email-customer {
  color: #555;
}

.sign_up_form_2016 #get-player-wrapper {
  font-size: 11px;
  color: #999;
}

#landing-form .email input {
  border: 2px solid #22b573;
  color: #999;
  font-family: "Open Sans",sans-serif;
  font-size: 1.2em;
  height: 3em;
  padding: 0.7em;
  width: 300px;
}

#landing-form .submit input {
  background-color: #22b573;
  background-image: url("../images/signup-right.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 55px 55px;
  border: medium none;
  color: #fff;
  font-size: 1.2em;
  height: 3em;
  margin-top: 1em;
  padding-left: 20px;
  padding-right: 70px;
  position: absolute;
  width: 300px;
}

/*New Landing 2018*/
.hero {
  position: relative;
  min-height: 200px;
  margin-top: -50px;
  overflow: hidden;
  background-color: #262e45;
  background-position-x: center;
  background-size: cover;
  color: #fff;
  width: 100%;
}

.align-items-center {
  -webkit-box-align: center !important;
  align-items: center !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  justify-content: center !important;
}

.d-flex {
  display: flex !important;
}

.hero-content {
  text-align: center;
  max-width: 1200px;
  margin: 50px auto;
}
.hero-content h1 {
  text-align: center;
  font-size: 3.4em;
  margin-top: 0;
  color: #fff;
  font-weight: 700;
}
.hero-content h2 {
  color: #fff;
  font-weight: 300;
}
.hero-content ul {
  list-style-image: url("../images/checklist-icon.png");
  text-align: left;
  line-height: 1.8;
}
.hero-content .col-6-12 {
  width: 48%;
}
.hero-content .right {
  margin-left: 4%;
}

.header-text ul {
  text-align: left;
  line-height: 1.8;
}
.header-text ul li {
  list-style: none;
}
.header-text ul li:before {
  content: '';
  background-image: url("../images/check.svg");
  background-repeat: no-repeat;
  background-size: 30px 30px;
  display: block;
  width: 40px;
  height: 100px;
  float: left;
}

.download-form {
  background: #f2f2f2;
  border-top: 10px solid #f3922b;
  border-radius: 10px;
  text-align: center;
}
.download-form h2 {
  font-size: 2em;
  font-weight: 700;
}

.cta-download {
  text-align: center;
  min-height: 100px;
}
.cta-download a {
  padding: 10px 50px;
  background: #f3922b;
  color: #fff;
}
.cta-download a:hover {
  color: #fff;
  background: #f3922a;
}

@media screen and (min-width: 425px) {
  .header-text ul li:before {
    height: 50px;
  }
}
@media screen and (min-width: 769px) {
  .page-template-landing-page-2018 .col-4-12, .page-template-landing-page-2018 .col-8-12 {
    width: 49.99%;
  }
}
@media screen and (min-width: 960px) {
  .hero {
    min-height: 500px;
  }

  .page-template-landing-page-2018 .post {
    position: relative;
  }
  .page-template-landing-page-2018 .post .entry {
    margin-top: -300px;
  }
  .page-template-landing-page-2018 .header-text {
    color: #fff;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1025px) {
  .page-template-landing-page-2018 .header-text {
    margin-bottom: 140px;
  }
  .page-template-landing-page-2018 .col-4-12 {
    width: 33.33%;
  }
  .page-template-landing-page-2018 .col-8-12 {
    width: 66.66%;
  }

  .header-text ul li:before {
    height: 35px;
  }
}
@media screen and (min-width: 1600px) {
  .page-template-landing-page-2018 .header-text {
    margin-bottom: 160px;
  }
}
/*End New Landing 2018*/
/* Landing Pages - Niklas
-------------------------------------------------------------------------------*/
/* Landing Pages - Niklas - smaller screen
-------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
  .sign-up-product {
    margin-bottom: 0 !important;
    margin-top: -3em !important;
  }

  p.sign_up_form_bullet_point_text {
    margin-bottom: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .blog-podt.page-container.grid-container {
    padding: 0 !important;
  }

  h2.sign_up_form_bullet_points {
    background: white !important;
    padding-left: 0 !important;
  }

  h1.sign-up-form-subheading {
    line-height: 1.1em;
    padding-top: 0.5em;
  }

  h1.sign-up-form-new {
    font-size: 3.2em;
  }

  .sign-up-bitmovin-player {
    padding-left: 0em !important;
  }
}
@media screen and (max-width: 790px) {
  .landing-footer-new {
    position: relative;
  }
}
/* Landing Pages - Niklas - smaller screen END
-------------------------------------------------------------------------------*/
.sign-up-bitmovin-player {
  padding-left: 4.5em;
  padding-top: 4em;
}

h1.sign-up-form-new {
  color: #333;
  font-size: 3.7em;
  margin-top: 0;
  padding-top: 0;
  line-height: inherit;
}

h1.sign-up-form-subheading {
  margin-top: -1em;
  font-size: 2.5em;
}

h2.sign_up_form_bullet_points {
  font-size: 2em !important;
  font-weight: bolder;
  color: #333;
  margin-bottom: -0.4em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  background: url(https://bitmovin.com/wp-content/uploads/2016/04/tick_green_sm2.png) no-repeat left center;
  padding-left: 2.2em;
  margin-top: 0.8em !important;
}

p.sign_up_form_bullet_point_text {
  margin-top: 0.3em;
  padding-top: 0;
  color: #333;
  line-height: 1.5em;
  padding-left: 3.8em;
  padding-right: 6em;
  font-size: 1.2em;
  margin-bottom: 0;
}

p.costumer-comment-portrait {
  background: url("../images/cto-flimmit-portrait.png") no-repeat left center;
  background-size: 7em;
  padding: 3em;
  margin-left: 5em;
  padding-left: 7em;
  font-weight: bold;
  margin-top: -3em;
  line-height: normal;
}

p.costumer-comment-text {
  font-style: italic;
  font-size: 1.5em;
  color: #999999;
  text-align: center;
  line-height: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin-top: 2.5em;
}

.sign-up-product {
  margin-bottom: -2em;
  margin-top: 4.3em;
}

p.sign-up-form-heading {
  font-size: 3em;
  margin: 0;
  padding: 0;
  line-height: 1em;
}

p.sign-up-form-sub-heading {
  margin: 0;
  font-size: 1.2em;
  font-weight: 700;
  padding: 0;
}

/* Landing Pages - Niklas -Form
-------------------------------------------------------------------------------*/
#lp-sign-up-form-new {
  width: 100%;
  padding: 20px;
  margin-top: 100px;
  background: #30abe2;
}

@media screen and (max-width: 790px) {
  .sign_up_form_2016_body_left, .sign_up_form_2016_body_right {
    width: 100%;
    padding: 0;
  }

  #landing-form-new .submit input, #landing-form-new .email input {
    width: 250px;
    margin: auto;
  }

  #landing-form-new .submit input {
    margin-top: 1em;
  }

  .sign_up_form_2016_body_right p {
    font-size: 14px;
  }
}
#landing-form-new .submit input {
  background-color: #22b573;
  background-image: url("../images/signup-right.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 55px 55px;
  border: medium none;
  color: #fff;
  font-size: 1.2em;
  height: 3em;
  margin-top: 1em;
  padding-left: 20px;
  padding-right: 70px;
  position: absolute;
  width: 300px;
}

#landing-form-new .email input {
  border: 2px solid #22b573;
  color: #999;
  font-family: "Open Sans",sans-serif;
  font-size: 1.2em;
  height: 3em;
  padding: 0.7em;
  width: 300px;
}

#lp-sign-up-form-new {
  width: 100%;
  padding: 20px;
  margin-top: 10em;
}

#lp-sign-up-form-new input {
  width: 100%;
}

#lp-sign-up-form-new h2 {
  text-align: center;
}

#lp-sign-up-form-new p {
  color: #fff;
  text-align: center;
}

#lp-sign-up-form-new a {
  color: #fff;
}

#lp-sign-up-form-new a:hover {
  color: #ccc;
}

#lp-sign-up-form-new .email input, #lp-sign-up-form-new .pass input {
  border: 1px solid #ccc;
  color: #333;
  font-family: "Open Sans",sans-serif;
  font-size: 1.2em;
  height: 3em;
  padding: 0.7em;
  width: 100%;
  margin-top: 1em;
}

#lp-sign-up-form-new .submit input {
  background-color: #f3922b;
  background-image: url("../images/signup-right.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 55px 55px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.2em;
  height: 3em;
  margin-top: 1em;
  padding-left: 20px;
  padding-right: 70px;
  width: 100%;
}

/*-------->Niklas-NAB-Landing-page<----------*/
.contact-form-right h2 {
  font-size: 1.6em;
  font-weight: bold;
  color: #2c83b9;
}

.contact-form-right {
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 5px;
  border: 3px solid #2c83b9;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.landing-page-content-left {
  padding-right: 20px;
}

.landing-page-nab {
  margin-top: 0px;
}

/* Landing page generic - Whitepaper and request a demonstration
-------------------------------------------------------------------------------*/
.prod-header-container-landing-gen {
  background: url("../images/product-player-bg-rv.jpg") no-repeat center top;
  overflow: hidden;
  border-bottom: 5px solid #f3922b;
  margin-top: 15px;
  padding: 20px;
  background-size: cover;
}

.prod-header-container-landing-gen h1 {
  color: #fff;
  text-align: center;
}

.prod-header-container-landing-gen h2 {
  color: #fff;
  font-size: 2em;
  text-align: center;
}

.prod-header-container-landing-gen h1 {
  text-align: center;
  font-size: 3.4em;
  margin-top: 0px;
}

@media screen and (max-width: 1500px) {
  .prod-header-container-landing-gen h2 {
    color: #fff;
    font-size: 1.8em;
  }
}
.page-template-sign-up2-page .post .entry h2 {
  font-size: 2.8em;
}

.page-template-sign-up2-page .post p {
  font-size: 1.2em;
}

.page-template-sign-up2-page .post ul li {
  font-size: 1.2em;
}

.logo-cont-eng {
  text-align: center;
}

.logo-cont-eng img {
  width: 150px;
}

@media screen and (max-width: 790px) {
  .prod-header-container-landing-gen h2 {
    color: #fff;
    font-size: 1.2em;
  }
}
/* In wordpress Products pages
-------------------------------------------------------------------------------*/
.flex {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.product_page_box {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  color: #333;
  padding: 45px 20px;
}

.product_page_box a:hover H6 {
  background-color: #63c2fc;
}

.product_page_image {
  float: left;
}

.product_page_content {
  float: left;
  padding-left: 50px;
}

.product_page_image_odd {
  float: right;
}

.product_page_content_odd {
  padding-left: 0px;
  padding-right: 50px;
}

.post .entry .product_page_box H2 {
  margin: 0;
}

.product_page_box H6 {
  font-size: 1.2em;
  padding: 10px 50px 10px 20px;
  color: #fff;
  display: inline-block;
  background: url("../images/chevron-right-white.svg") no-repeat right center;
  background-color: #23aae2;
  background-size: 30px 30px;
}

 /* Template specific classes (still wordpress product pages)
-------------------------------------------------------------------------------*/
.page-template-2encoder-product-page .page-container {
  margin-top: 0px;
  margin-bottom: -50px;
}

.page-template-2encoder-product-page #footer-wrapper {
  margin-top: 0px !important;
}

.page-template-2player-product-page .page-container {
  margin-top: 0px;
  margin-bottom: -50px;
}

.page-template-2player-product-page #footer-wrapper {
  margin-top: 0px !important;
}

@media screen and (max-width: 1300px) {
  .page-template-2player-product-page article {
    padding-left: 0px;
  }

  .page-template-2player-product-page .page-container {
    padding-left: 0px;
  }

  .page-template-2encoder-product-page article {
    padding-left: 0px;
  }

  .page-template-2encoder-product-page .page-container {
    padding-left: 0px;
  }
}
@media screen and (max-width: 799px) {
  .product_page_image_odd {
    display: none;
  }

  .product_page_content_odd {
    padding-left: 0px;
    padding-right: 0px;
  }

  .product_page_content {
    padding-left: 0px;
  }

  .product_page_image {
    margin-bottom: 25px;
    text-align: center;
  }
}
/* Lower section for icons with flex grid
------------------------------------------------------*/
.big-blue-background {
  background: #0dc3ff;
  background: -moz-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #0dc3ff), color-stop(54%, #0e7aff), color-stop(100%, #0dc3ff));
  background: -webkit-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: -o-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: -ms-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: linear-gradient(135deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dc3ff', endColorstr='#0dc3ff', GradientType=1 );
  padding: 30px 30px 40px 30px;
  margin-top: 40px;
  border-bottom: 15px solid #f69c2a;
}

.product_page_icons {
  margin-top: 40px;
}

.product_page_icons div {
  text-align: center;
}

.product_page_icons a {
  display: block;
  text-decoration: none;
  padding: 40px;
  margin: 1px;
}

.product_page_icons a:hover {
  display: block;
  border: 1px solid #fff;
  margin: 0;
  background-color: #63c2fc;
}

.product_page_icons h3, .product_page_icons p {
  text-align: center;
  color: #fff;
}

.product_page_icons img {
  float: none;
}

@media screen and (max-width: 799px) {
  .product_page_icons h3 {
    font-size: 1.5em;
    padding-left: 0px;
  }
}
/* Product Pages
-------------------------------------------------------------------------------*/
/* overwright player inline css to fix black background */
.prod-header-container-enc {
  background: url(../images/product-player-bg-rv.jpg) #1ec6ff no-repeat center top;
  overflow: hidden;
  border-bottom: 5px solid #f3922b;
  margin-top: 15px;
  min-height: 360px;
}

.prod-header-container-pla {
  background: url(../images/product-player-bg-rv.jpg) #1ec6ff no-repeat center top;
  overflow: hidden;
  border-bottom: 5px solid #0294c6;
  margin-top: 15px;
  min-height: 360px;
}

.page-template-player-product-page h1, .page-template-encoder-product-page h1, .page-template-2player-product-page h1, .page-template-2encoder-product-page h1, .prod-header-container-enc h1 {
  font-weight: 500;
  color: #fff;
  font-size: 3em;
  margin-bottom: 0;
}

.page-template-player-product-page h2, .page-template-encoder-product-page h2 {
  font-weight: 300;
  color: #333;
  font-size: 2.2em;
}

.page-template-player-product-page h3, .page-template-encoder-product-page h3 {
  font-weight: 300;
  color: #333;
  font-size: 2.1em;
}

.prod-header-container p {
  font-size: 2em;
  margin: 0.7em 0 1.1em;
  line-height: 1.5em;
  font-weight: 500;
}

.prod-header-container-enc h2 {
  color: #fff;
}

.prod-header-container-enc p {
  color: #fff;
}

.prod-header-container-pla h2 {
  color: #fff;
}

.prod-header-container-pla p {
  color: #fff;
}

.page-template-player-product-page .page-container, .page-template-encoder-product-page .page-container {
  margin-top: 30px;
}

.page-template-player-product-page p {
  overflow: hidden;
}

.prod-header-container .submit-slide input {
  background-color: #f3922b;
  color: #fff;
  height: 3em;
  border: none;
  padding-right: 70px;
  padding-left: 20px;
  background-image: url("../images/signup-right.svg");
  background-repeat: no-repeat;
  background-position: right;
  font-size: 1.1em;
  border: 0px;
  background-size: 55px 55px;
}

.prod-header-container .submit-slide input:hover {
  background-color: #dd7e28;
}

.prod-header-container-pla .submit-slide input {
  background-color: #f3922b;
}

.prod-header-container .email-slide input {
  border: 1px solid #f3922b;
  float: left;
  font-family: "Open Sans",sans-serif;
  height: 3em;
  padding: 0.7em;
  color: #333;
  font-size: 1.1em;
  background-color: #fff;
  width: 270px;
}

.page-template-player-product-page .prod-header-container .email-slide input, .page-template-2player-product-page .prod-header-container .email-slide input {
  border: 1px solid #23aae2;
}

.page-template-player-product-page .prod-header-container .submit-slide input:hover, .page-template-2player-product-page .prod-header-container .submit-slide input:hover {
  background-color: #0f799d;
}

.page-template-player-product-page .prod-header-container .email-slide input, .page-template-2player-product-page .prod-header-container .email-slide input {
  border: 1px solid #f3922b;
}

.page-template-player-product-page .prod-header-container .submit-slide input:hover, .page-template-2player-product-page .prod-header-container .submit-slide input:hover {
  background-color: #e57e20;
}

/*.prod-header-container-enc .email-slide input, .prod-header-container-pla .email-slide input {color:#000;background-image:url(../images/trans.png);} */
.page-template-eng-encoder-product-page .prod-header-container .slide-right-con, .page-template-eng-player-product-page .prod-header-container .slide-right-con {
  padding: 30px;
}

.prod-header-container .slide-right-con {
  width: 100%;
}

.prod-header-container .slide-right-con .slide-form {
  margin: 0px;
}

.page-template-player-product-page .prod-icon-image {
  width: 110px;
  height: 110px;
  float: left;
  background: url("../images/product-icons.png") no-repeat;
  margin: 20px 30px 20px 0;
}

.page-template-encoder-product-page h6 a, .page-template-player-product-page h6 a {
  color: #999;
  background-image: url("../images/signup-right-grey.svg");
  background-color: #fff;
  border: 1px solid #eee;
  background-size: 45px 45px;
}

.page-template-encoder-product-page h6 a:hover, .page-template-player-product-page h6 a:hover {
  color: #2eabe2;
  background-color: #fefefe;
  background-image: url("../images/signup-right.svg");
}

.prod-header-container #bitmovin-player {
  margin: 0;
}

.slide-left-con {
  padding-top: 20px;
}

.big-blue-background #bitmovin-player {
  margin: 30px auto 50px;
  max-width: 500px;
}

.prod-header-container-eng h1, .prod-header-container-eng p {
  text-align: center;
}

.prod-header-container-eng form {
  max-width: 520px;
  margin: auto;
  padding-bottom: 10px;
}

@media screen and (max-width: 1550px) {
  .prod-header-container h2 {
    font-weight: 500;
    color: #333;
    font-size: 2.5em;
  }

  .prod-header-container p {
    font-size: 2em;
    margin: 0.7em 0;
    line-height: 1.5em;
  }

  /*	.prod-header-container .email-slide input {max-width:200px;} */
}
@media screen and (max-width: 1000px) {
  .prod-header-container .mob-1-1 {
    width: 100%;
  }

  .prod-header-container .email-slide input {
    width: 100%;
    max-width: 100%;
    margin: 5px 10px 0 0;
    border: 1px solid #eee;
  }

  .prod-header-container .submit-slide input {
    width: 100%;
    margin: 5px 10px 0 0;
  }

  .page-template-encoder-product-page .slide-left-con, .page-template-2encoder-product-page .slide-left-con {
    width: 100%;
    height: 300px;
  }

  .page-template-player-product-page .slide-left-con, .page-template-2player-product-page .slide-left-con {
    width: 100%;
    height: 300px;
  }

  .slide-left-con {
    padding: 0;
    margin: 0 10px 0 20px;
    display: block;
  }

  .slide-right-con {
    float: none;
    padding: 0;
    margin: 20px auto 5px auto !important;
    display: table-row;
  }
}
.page-template-player-product-page .slide-left-con, .page-template-encoder-product-page .slide-left-con {
  background-size: 100%;
  height: 250px;
}

.page-template-player-product-page p, .page-template-encoder-product-page p {
  overflow: initial;
}

/* ENGAGE Product page secondary banner */
#product-nava {
  display: block;
}

#product-nava ul {
  margin: 0 0 30px 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#product-nava ul li {
  display: inline;
  width: 20%;
  margin: 0 1px;
  padding: 0;
}

#product-nava ul li a {
  background-color: #eee;
  text-decoration: none;
  padding: 15px 20px;
  display: inline-block;
  width: 17%;
  color: #777;
  font-size: 1.2em;
}

#product-nava ul li a:hover {
  background-color: #ff931e;
  color: #fff;
}

#product-nava ul li a:active {
  background-color: #ff931e;
  color: #fff;
}

@media screen and (max-width: 799px) {
  #product-nava ul {
    width: 100%;
  }

  #product-nava ul li {
    display: block;
    width: 100%;
  }

  #product-nava ul li a {
    width: 100%;
    border-bottom: 2px solid #fff;
  }
}
/* ENGAGE SEO TOP page */
.onprem-3col {
  padding: 0 30px;
}

.onprem-3col h3 {
  text-align: left !important;
  margin: 0px !important;
}

.onprem-3col p {
  text-align: left;
  font-size: 1.2em !important;
}

.prod-seo-top-cont {
  padding: 20px 0 0 0;
}

.prod-seo-top-cont h2 {
  color: #2faae1;
  font-size: 3em !important;
}

.prod-seo-top-cont h2 a {
  color: #2faae1;
}

.prod-seo-top-cont h2 a:hover {
  color: #aaa;
}

.prod-seo-top-cont p {
  font-size: 1.4em !important;
}

.page-template-eng-SEO-TOP-page-php .page-container {
  margin-top: 0px;
}

.grey-background {
  background-color: #faffff;
  border-top: 5px solid #2faae1;
  border-bottom: 1px solid #2faae1;
  padding-bottom: 30px;
  margin-top: 40px;
}

.grey-background .prod-engage-bullets {
  border-top: 1px solid #2faae1;
}

.grey-background .prod-seo-top-cont p {
  color: #333;
}

.end-cta {
  margin: 60px 0 40px;
}

/* ENGAGE Product page */
#ENG-CENT {
  text-align: center;
  padding: 50px;
}

#ENG-CENT h2 {
  color: #2faae1;
  font-size: 3em;
}

#ENG-CENT p {
  font-size: 1.6em;
  line-height: 150%;
  max-width: 80%;
  margin: auto;
  margin-bottom: 40px;
}

.big-blue-background .col-4-12 {
  padding: 30px;
  text-align: center;
}

.big-blue-background h2 {
  color: #fff;
  margin-bottom: 50px;
  font-size: 3em;
}

.big-blue-background .col-4-12 h2 {
  font-size: 1.8em;
  margin-bottom: 10px;
}

.big-blue-background p {
  color: #fff;
  text-align: left;
}

.feature-onprem-bullets ul li {
  margin: 0 !important;
  padding-bottom: 35px;
}

.feature-onprem-bullets h3 {
  margin-top: 0;
}

.onprem-saas, .onprem-hard, .onprem-hybrid, .onprem-speed {
  padding: 5px 20px 5px 105px;
  margin-left: 0;
}

.onprem-speed {
  background: url(../images/speed.png) no-repeat left top;
}

.onprem-hard {
  background: url(../images/hard.png) no-repeat left top;
}

.onprem-hybrid {
  background: url(../images/hybrid.png) no-repeat left top;
}

.onprem-saas {
  background: url(../images/saas.png) no-repeat left top;
}

.big-blue-background ul li {
  color: #fff;
}

.big-blue-background .on-prem {
  text-align: center;
  color: #fff;
}

.big-blue-background .on-prem h2 {
  text-align: center;
  color: #fff;
  font-size: 3em;
}

.big-blue-background .on-prem ul li {
  list-style: none;
  background: url(../images/logo-bullet.png) no-repeat left top;
  text-align: left;
  padding-left: 35px;
}

.prod-engage-cont {
  padding: 80px 30px 0 0;
}

.prod-engage-cont h2 {
  color: #2faae1;
  font-size: 3em !important;
}

.prod-engage-cont h2 a {
  color: #2faae1;
}

.prod-engage-cont h2 a:hover {
  color: #777;
}

/* SCSS Check */
.prod-engage-cont h3 {
  color: #fff;
}

.prod-engage-cont p {
  font-size: 1.4em !important;
}

.big-blue-background .prod-engage-cont {
  padding: 10px 40px 0 0;
}

.big-blue-background .prod-engage-cont h2 {
  color: #fff;
}

.big-blue-background .prod-engage-cont p {
  font-size: 1.4em;
  color: #fff;
}

.prod-engage-bullets {
  border-top: 1px solid #eee;
  margin-top: 15px;
  padding-top: 25px;
}

.prod-engage-bullets li {
  list-style-type: none !important;
}

.prod-engage-bullets ul li a {
  padding: 10px 20px 10px 70px;
  text-decoration: none;
  color: #333;
  display: block;
  background: url("../images/bullet-engage.png") 0 -90px no-repeat;
  line-height: 24px;
}

.prod-engage-bullets ul li a:hover {
  padding: 10px 20px 10px 70px;
  text-decoration: none;
  color: #333;
  display: block;
  background: url("../images/bullet-engage.png") 0 10px no-repeat;
  color: #000;
}

.player-vr-graphic {
  background: url("../images/vr-background.png") no-repeat;
}

.player-engage-graphic {
  background: url("../images/drm-devices.png") no-repeat;
}

.prod-engage-graphic {
  background: url("../images/drm-howitworks.png") no-repeat;
}

.prod-vr-graphic {
  background: url("../images/vr-device-engage-productp.png") no-repeat;
}

.prod-onprem-graphic {
  background: url("../images/on-prem-bg.png") no-repeat;
  min-height: 300px;
}

.prod-engage-graphic-button a {
  width: 390px;
  max-width: 80%;
  margin: 150px auto;
  font-weight: 500;
  font-size: 1.5em;
}

.prod-engage-graphic-button .btn a {
  width: 49%;
  font-weight: inherit;
  font-size: inherit;
}

.prod-engage-graphic-button .btn:first-child a {
  margin-right: 2%;
}

.whitepaper-graphic-prodpage .prod-engage-graphic-booklet {
  text-align: center;
}

.whitepaper-graphic-prodpage .prod-engage-graphic-button {
  text-align: center;
}

.whitepaper-graphic-prodpage .prod-engage-graphic-button a {
  margin: 0px auto 0px auto;
}

.whitepaper-graphic-prodpage .btn {
  width: 70%;
  margin: 0 auto;
}

.calltoaction a {
  color: #fff;
  padding: 8px 14px;
  border: 1px solid #2faae2;
  border-radius: 15px;
  background-color: #2faae2;
}

.calltoaction a:hover {
  background-color: #2980BA;
}

.eng-textblock {
  margin-top: 30px;
  padding: 40px;
  border-top: 1px solid #eee;
}

#api-productpage-logos ul {
  text-align: center;
  margin: 0;
  padding: 0;
}

#api-productpage-logos ul li {
  display: inline-block;
  margin: 10px 35px;
}

#api-productpage-logos ul li img {
  width: 70px;
}

.page-template-eng-encoder-product-page #footer-wrapper, .page-template-eng-player-product-page #footer-wrapper {
  margin-top: 0px !important;
}

.page-template-eng-encoder-product-page article, .page-template-eng-player-product-page article {
  margin-bottom: 0px !important;
}

.player-prod-page {
  margin: 70px 0 50px 0;
  border-top: 1px solid #eee;
}

/*.player-prod-page .prod-engage-cont  {padding-right:30px;}*/
@media screen and (max-width: 799px) {
  .prod-engage-text-button a, .prod-engage-text-button_2 a {
    width: 390px;
    margin-bottom: 8px;
  }

  .prod-engage-cont {
    padding: 0 0 0;
  }

  .page-template-eng-encoder-product-page .page-container, .page-template-eng-player-product-page .page-container {
    padding: 0px;
  }

  .page-template-eng-encoder-product-page article, .page-template-eng-player-product-page article {
    padding-left: 0px;
  }

  .prod-vr-graphic, .prod-engage-graphic {
    background-size: 100%;
    background-position: center;
  }

  .prod-engage-graphic-button a {
    margin: 0 auto;
  }

  .prod-engage-graphic, .prod-vr-graphic {
    background: none;
  }

  .whitepaper-graphic-prodpage .btn {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .prod-engage-graphic-button .btn a {
    width: 100%;
    max-width: 100%;
  }

  .prod-engage-graphic-button .btn:first-child a {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
/* Engage on-Prem Page */
/* Webinare page */
.page-template-webinar-page .btn {
  width: 40%;
  margin: 0 auto;
}

.webinar-header-container {
  background: url("../images/webinar-bg.jpg") no-repeat center top;
  overflow: hidden;
  border-bottom: 5px solid #f3922b;
  margin-top: 15px;
  min-height: 360px;
}

#webinar-sidebar {
  padding: 0 20px;
  border: 1px solid #efefef;
}

#webinar-sidebar h3 {
  font-size: 2.5em;
  margin-top: 0.3em;
}

#webinar-sidebar p {
  font-weight: 500;
  margin-bottom: 0px;
}

@media screen and (max-width: 1000px) {
  .analy-engage-cont h3 {
    padding-left: 0px;
  }

  .webinar-header-container {
    background: url("../images/product-player-bg-mob.jpg");
    background-size: 100% auto;
    border: none;
  }
}
@media screen and (max-width: 600px) {
  .page-template-webinar-page .btn {
    width: 100%;
    margin: 0;
    padding: 0 15px;
  }
}
/* Whitepaper download
------------------------------------------ */
.drm-whitepaper-right {
  padding-left: 40px;
}

.ccf-submit-button {
  color: #fff !important;
  padding: 10px;
  font-size: 1.2em;
  background-color: #f69c2a !important;
  background-image: none !important;
  width: 100%;
}

.ccf-submit-button:hover {
  background-color: #e78130 !important;
}

@media screen and (max-width: 799px) {
  .drm-whitepaper-right {
    padding-left: 5px;
  }
}
/* API key request
------------------------------------------ */
.api-request-form {
  width: 100%;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  border: 3px solid #2c83b9;
  margin-top: 100px;
  -webkit-box-shadow: 0px 0px 28px 2px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 0px 28px 2px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 0px 28px 2px rgba(0, 0, 0, 0.09);
}

.api-request-form h2 {
  font-size: 1.6em;
  font-weight: bold;
  color: #2c83b9;
  margin-top: 0px !important;
}

.api-request-form .main-label {
  font-size: 0.7em;
  color: #999;
}

.page .api-request-form {
  margin-left: 30px;
}

.ccf-form-wrapper {
  margin: 20px 0 0 0;
}

.single .api-request-form {
  width: 90%;
}

@media screen and (max-width: 801px) {
  .page .api-request-form {
    margin-left: 0px;
  }
}
/* API solutuon page
-------------------------------------------------------------------------------*/
.api_banner h1 {
  padding-top: 40px;
}

/* Jobs template
-------------------------------------------------------------------------------*/
.job_banner h1 {
  color: #fff;
}

.job_banner p {
  color: #fff;
}

.page-template-jobs-page h4 {
  margin-top: 10px;
  padding: 10px 25px;
}

.page-template-jobs-page h4 a {
  width: 100%;
  display: block;
}

.page-template-jobs-page h4:hover {
  background-color: #2eabe2;
}

.page-template-jobs-page h4:hover a {
  color: #fff;
}

#job-sidebar {
  border: 1px solid #eee;
  padding: 20px;
  text-align: center;
  background: url("../images/jo-apply-bg.png") no-repeat;
  background-size: 100% auto;
}

#job-sidebar a {
  padding: 10px 20px;
  background-color: #2eabe2;
  text-decoration: none;
  color: #fff;
  display: block;
}

#job-sidebar a:hover {
  background-color: #1c9cc9;
}

#job-sidebar p {
  padding: 150px 100px 10px 0;
  font-size: 1.8em;
  text-align: left;
}

@media screen and (max-width: 801px) {
  .job_banner h1 {
    font-size: 2.5em;
  }

  .job_banner p {
    font-size: 1.3em;
  }

  #job-sidebar p {
    font-size: 1.4em;
  }
}
/* Turorial Page
--------------------------------------------------------------------------------*/
/* Normal Page
--------------------------------------------------------------------------------*/
.page-container {
  overflow: hidden;
}

/* Team Page
--------------------------------------------------------------*/
.team-page {
  padding: 15px;
  width: 230px;
  float: left;
  height: 370px;
}

.team-page img {
  padding: 15px;
  width: 220px;
  border-radius: 150px;
  height: auto;
  opacity: 0.9;
  filter: alpha(opacity=40);
}

.team-page img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.team-page-inv {
  margin: 0 50px;
  padding: 30px;
  width: 250px;
  float: left;
}

.team-page-inv img {
  width: 220px;
  height: auto;
}

.parallax {
  /* The image used */
  background-image: url("../images/team-main-p.jpg");
  /* Set a specific height */
  height: 600px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.team-motto h1 {
  padding: 2px 14px;
  background-image: url("../images/team-tran.png");
  display: inline-block;
  margin-top: 40%;
}

.team-motto p {
  padding: 2px 14px;
  background-image: url("../images/team-tran.png");
  display: inline-block;
}

@media screen and (max-width: 599px) {
  .team-page {
    float: none;
    margin: auto;
  }
}
/* award Page
--------------------------------------------------------------*/
#post-4835 h3 {
  line-height: 100%;
}

span.date {
  font-size: 0.7em;
  font-weight: inherit;
  color: #0294c6;
}

/* Partner Page
--------------------------------------------------------------*/
.partner-filter {
  padding: 20px;
  text-align: center;
}
.partner-filter .filter-button {
  display: flex;
  justify-content: center;
}
.partner-filter p {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #F49D1D;
}
.partner-filter select {
  font-family: "Averta", sans-serif;
  font-size: 1.2em;
  background: transparent;
  border: 0;
  padding-bottom: 4px;
  border-bottom: 2px solid #1faae2;
}

.partner-archive-header {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;
  margin-top: 50px;
}
.partner-archive-header .grid-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.partner-archive-header .header-content {
  text-align: center;
}
.partner-archive-header .header-content h1 {
  font-size: 4em;
  font-weight: 600;
  color: #0D3841;
  margin: 0 auto;
}
.partner-archive-header .bg-box {
  border-radius: 4px;
  z-index: -5;
  opacity: .2;
}

.partner-archive {
  margin: 100px auto;
}
.partner-archive .partner-box {
  padding: 0 40px;
  min-height: 355px;
  margin-bottom: 20px;
}
.partner-archive .partner-box .partner-logo {
  height: 180px;
  object-fit: contain;
}
.partner-archive .partner-box .partner-excerpt {
  line-height: 1.8;
  padding-bottom: 1em;
  margin-bottom: 1em;
  color: #505F79;
  border-bottom: 1px solid #EEF6F9;
}
.partner-archive .partner-box .partner-excerpt .morecontent span {
  display: none;
}
.partner-archive .partner-box .partner-excerpt .morelink {
  display: block;
  text-align: right;
}
.partner-archive .partner-box .partner-excerpt .morelink:after {
  content: "\f107";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 13px;
  -webkit-transition: transform .4s;
  /* Safari */
  transition: transform .4s;
}
.partner-archive .partner-box .partner-excerpt .morelink.less:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.partner-archive .partner-box .partner-learnmore {
  font-size: 12px;
  font-weight: 700;
  line-height: 2em;
  letter-spacing: 2px;
}
.partner-archive .partner-box .partner-learnmore:nth-child(2n) {
  float: right;
}
.partner-archive .partner-box .partner-learnmore:after {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 13px;
}

.page-template-partner-page {
  overflow-x: hidden;
}
.page-template-partner-page h1 {
  font-size: 51px;
  line-height: 55px;
  font-weight: 700;
  color: #0D3841;
  margin: 0;
}
.page-template-partner-page p {
  line-height: 26px;
  font-size: 16px;
  color: #505F79;
}
.page-template-partner-page .grid-container {
  padding: 50px 0;
}
.page-template-partner-page .bg-box {
  border-radius: 4px;
  z-index: -5;
  opacity: .2;
}
.page-template-partner-page h2 {
  font-size: 39px;
  line-height: 41px;
  font-weight: 700;
  color: #0D3841;
  margin: 0;
}

.partner-header {
  position: relative;
}
.partner-header .grid-container {
  display: flex;
}
.partner-header .partner-header-left {
  padding-right: 100px;
}
.partner-header .subhead {
  font-weight: 700;
  line-height: 33px;
  text-transform: uppercase;
  color: #F49D1D;
  margin: 0;
  padding-bottom: 20px;
  letter-spacing: 2px;
  font-size: 16px;
}
.partner-header p {
  line-height: 30px;
  font-size: 20px;
}

.partner-cta-top {
  position: relative;
}
.partner-cta-top .partner-cta-content {
  text-align: center;
  padding: 0 160px;
}
.partner-cta-top .partner-cta-content span {
  color: #1FAAE2;
  font-weight: 700;
}

.partner-type {
  background: #EEF6F9;
}
.partner-type .grid-container {
  padding: 0;
}
.partner-type .partner-type-left, .partner-type .partner-type-right {
  padding: 80px 100px;
}
.partner-type .partner-type-left p, .partner-type .partner-type-right p {
  line-height: 33px;
  color: #0D3841;
}
.partner-type .partner-type-left {
  border-right: 3px solid #ffffff;
}
.partner-type .ready-button {
  display: flex;
  justify-content: left;
}

.partner-testimonial-top .grid-container {
  padding: 100px 0;
}
.partner-testimonial-top .partner-testimonial-top-content {
  text-align: center;
  margin: 20px 0;
}
.partner-testimonial-top .partner-testimonial-top-content h5 {
  font-size: 18px;
  color: #0D3841;
  margin-top: 20px;
}

.partner-testimonial-bottom {
  background: #EEF6F9;
  min-height: 500px;
}
.partner-testimonial-bottom .partner-testimonial-box {
  text-align: center;
  margin-top: -110px;
}
.partner-testimonial-bottom .partner-testimonial-box p {
  margin: 20px 0;
  padding: 0 20px;
}
.partner-testimonial-bottom .partner-testimonial-box .client-logo {
  height: auto;
  border-radius: 4px;
  box-shadow: 0px 0px 4px rgba(16, 87, 131, 0.2);
  background: #ffffff;
  max-width: 60%;
}
.partner-testimonial-bottom .partner-testimonial-box .client-desc {
  position: relative;
  z-index: 20;
}
.partner-testimonial-bottom .partner-testimonial-box .client-desc .client-photo {
  max-width: 50px;
  height: auto;
}
.partner-testimonial-bottom .partner-testimonial-box .client-desc .client-dot {
  width: 8px;
  height: 8px;
  border-radius: 25px;
  display: block;
  margin: 0 auto;
  background: #1FAAE2;
}
.partner-testimonial-bottom .partner-testimonial-box .client-desc .client-profile {
  text-align: center;
  padding: 10px 25px;
  border-radius: 4px;
}
.partner-testimonial-bottom .partner-testimonial-box .client-desc .client-profile p {
  margin: 0;
}
.partner-testimonial-bottom .partner-testimonial-box .client-desc .client-profile .client-name {
  line-height: 24px;
  font-size: 14px;
  font-weight: 700;
  color: #0D3841;
}
.partner-testimonial-bottom .partner-testimonial-box .client-desc .client-profile .client-title {
  line-height: 18px;
  font-size: 12px;
  color: #505F79;
}

.partner-cta-top .grid-container {
  padding: 75px 0;
}

.partner-cta-bottom .grid-container {
  padding: 100px 0;
}
.partner-cta-bottom .partner-cta-content {
  padding: 0 150px;
  text-align: center;
}
.partner-cta-bottom .partner-cta-content h4 {
  margin-top: 20px;
  line-height: 30px;
  font-size: 20px;
  color: #505F79;
  font-weight: 400;
}
.partner-cta-bottom .partner-cta-content .ready-button {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1200px) {
  .partner-archive .partner-box .partner-learnmore:nth-child(2n) {
    float: left;
  }
}
@media screen and (max-width: 799px) {
  .partner-archive .partner-box .partner-learnmore:nth-child(2n) {
    float: right;
  }

  .page-template-partner-page .entry img {
    padding: 5px;
    margin: 0px;
  }

  .partner-filter select {
    width: 100%;
  }

  .btn {
    margin-left: 8px;
  }

  .page-template-partner-page .grid-container {
    padding-right: 3%;
    padding-left: 3%;
  }

  .partner-cta-top .partner-cta-content {
    padding: 0 120px;
  }

  .partner-type .grid-container {
    padding: 0;
  }
  .partner-type .partner-type-left {
    border-right: 0;
    border-bottom: 3px solid #ffffff;
  }

  .partner-testimonial-bottom .partner-testimonial-box {
    margin-top: 0;
    margin-bottom: 100px;
  }

  .partner-cta-bottom .partner-cta-content .ready-button {
    display: block;
  }

  .partner-testimonial-bottom .partner-testimonial-box .client-desc .client-profile {
    left: 47%;
  }
}
@media screen and (max-width: 600px) {
  .page-template-partner-page h1, .page-template-partner-page h2 {
    font-size: 32px;
    text-align: center;
    padding: 0;
  }
  .page-template-partner-page p {
    font-size: 16px;
    text-align: center;
  }
  .page-template-partner-page #footer-wrapper p {
    text-align: left;
  }

  .partner-filter .filter-button {
    display: block;
  }

  .partner-header .grid-container {
    display: block;
  }
  .partner-header .partner-header-left {
    padding-right: 0;
  }

  .partner-cta-top .partner-cta-content, .partner-cta-bottom .partner-cta-content {
    padding: 0;
  }

  .partner-cta-bottom .partner-cta-content h4 {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .partner-type .partner-type-left, .partner-type .partner-type-right {
    padding: 50px 3%;
  }
  .partner-type .ready-button {
    display: block;
  }

  .partner-testimonial-bottom .partner-testimonial-box .client-desc .client-dot {
    margin-bottom: 10px;
  }
  .partner-testimonial-bottom .partner-testimonial-box .client-desc .client-photo {
    margin-left: 0;
  }
  .partner-testimonial-bottom .partner-testimonial-box .client-desc .client-profile {
    position: static;
    margin: 0 auto;
    margin-top: -10px;
  }

  .partner-archive-header {
    height: 160px;
  }
  .partner-archive-header .header-content h1 {
    font-size: 32px;
  }
}
@media screen and (max-width: 321px) {
  .partner-archive .partner-box .partner-learnmore:nth-child(2n) {
    float: left;
  }
}
/* Blog home
-------------------------------------------------------------------------------*/
.blog .blog-thumbnail {
  padding: 2em;
  float: right;
}

.blog .blog-thumbnail img {
  width: 150px;
  height: auto;
}

.blog .blog-excerpt {
  float: left;
}

.pagination-blog {
  width: 550px;
  margin: auto;
  text-align: center;
}

.pagination .screen-reader-text {
  display: none;
}

.forward-back-text .next-posts {
  float: left;
}

.pagination .page-numbers {
  padding: 10px;
}

.pagination a {
  text-decoration: none;
}

.forward-back-text .prev-posts {
  float: right;
}

.archive-backwards {
  width: 100px;
  height: 100px;
  background-image: url("../images/chevron-left-blog.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80% 80%;
  position: absolute;
  top: 450px;
  left: 50px;
}

.archive-forwards {
  width: 100px;
  height: 100px;
  background-image: url("../images/chevron-right-blog.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80% 80%;
  position: absolute;
  top: 450px;
  right: 50px;
}

.archive-forwards:hover, .archive-backwards:hover {
  background-color: #fefefe;
}

.moretag {
  line-height: 2.3em;
  text-decoration: none;
  padding: 0px 35px 0px 8px;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  background: url("../images/signup-right.svg") no-repeat top right #2eabe2;
  font-size: 0.8em;
  margin: 40px 0;
  float: right;
  text-transform: capitalize;
  background-size: 27px 27px;
}

.moretag:hover {
  background-color: #0294c6;
  color: #fff;
}

@media screen and (max-width: 1550px) {
  .archive-forwards, .archive-backwards {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .cat-thumbnail img {
    padding-left: 0;
  }

  .pagination-blog {
    width: 300px;
  }

  .pagination .page-numbers {
    line-height: 3em;
  }
}
/* Release Page
--------------------------------------------------------------------------------*/
.page-template-release-page h3 {
  margin-top: 25px;
}

/* Table of contents Release Menu
-------------------------------------------------------------------------------*/
#toc_container {
  border: 0px !important;
}

#toc_container.toc_white {
  font-size: 0.9em;
  position: fixed;
  z-index: 999;
  right: 0px;
  top: 50px;
}

#toc_container span {
  color: #fff;
}

#toc_container span a {
  color: #94dcf2;
  font-weight: bold;
}

#toc_container span a:hover {
  color: #1eabe3;
  text-decoration: none;
}

#toc_container p.toc_title {
  text-align: right;
  padding: 8px;
  border-bottom: 3px solid #f3922b;
}

#toc_container {
  padding: 8px 10px;
  width: 40%;
  border: 1px solid #efefef;
  margin-left: 15px;
}

#toc_container ul li {
  font-size: 1em;
}

#toc_container li a {
  text-decoration: none;
  display: block;
  padding: 5px 0;
}

#toc_container li a:hover {
  text-decoration: none;
  color: #777;
}

#toc_container ul li {
  list-style: none;
  display: block;
  margin: 0;
  font-weight: bold;
}

#toc_container ul li span {
  font-weight: bold;
}

#toc_container ul li ul li {
  font-weight: normal;
  margin-left: -10px;
}

#toc_container ul li ul li span {
  font-weight: bold;
}

#generated_toc_d_toggle {
  padding-right: 70px;
  background: url("../images/chevron-down.svg") no-repeat right center;
  background-size: 35px 35px;
}

#toc_container p.toc_title + ul.toc_list {
  padding: 12px;
  border: 1px solid #eee;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border-bottom: 3px solid #f3922b;
  background: #fff;
  margin-top: 0px;
}

div#toc_container {
  margin-top: 20px;
}

.toc_toggle a {
  display: inline;
}

@media screen and (max-width: 799px) {
  #toc_container {
    display: none !important;
  }
}
.press-recent-blog {
  margin-top: 20px;
  margin-bottom: 40px;
}
.press-recent-blog .single-recent-post {
  padding-right: 5px;
}

.press-recent-blog .sy-box .sy-slide {
  opacity: 0.6;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}

.press-recent-blog .sy-box .sy-slide .product-info {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1em;
}

.press-recent-blog .sy-box .sy-slide .product-info p {
  margin: 0 !important;
  margin-bottom: 1em;
}

.press-recent-blog .sy-box .sy-slide .product-info p, .press-recent-blog .sy-box .sy-slide .product-info .button-link {
  opacity: 0;
}

.press-recent-blog .sy-box .sy-slide .image-content {
  line-height: 0;
}

.press-recent-blog .sy-box .sy-slide .image-content .product-image {
  max-width: 100%;
}

.press-recent-blog .sy-box .sy-slide.sy-active {
  opacity: 1;
}

.press-recent-blog .sy-box .sy-slide.sy-active:hover .product-image {
  opacity: 0.2;
}

.press-recent-blog .sy-box .sy-slide.sy-active:hover .product-info p, .press-recent-blog .sy-box .sy-slide.sy-active:hover .product-info .button-link {
  opacity: 1;
}

.press-recent-blog .sy-box .sy-slide .product-info p,
.press-recent-blog .sy-box .sy-slide .product-info .button-link,
.press-recent-blog .sy-box .sy-slide .product-image, .press-recent-blog .sy-box .sy-slide.sy-active, .press-recent-blog .sy-box .sy-slide.sy-active:hover .product-image, .press-recent-blog .sy-box .sy-slide.sy-active:hover .product-info p, .press-recent-blog .sy-box .sy-slide.sy-active:hover .product-info .button-link, .press-recent-blog .sy-box .sy-slide.sy-active.transition {
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}

.product-name,
.press-recent-blog-slider .slide_box {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/*Press Content*/
.press-content {
  margin: 0 0 30px 0;
}
.press-content .logo {
  height: auto;
  width: 20%;
  margin-right: 0;
  text-align: center;
}
.press-content .logo img {
  width: 120px;
  height: auto;
  margin: 0 auto;
}
.press-content .content {
  width: 79%;
  margin-left: 1%;
  float: left;
}
.press-content .content .publisher-area span {
  margin: 0;
  padding: 5px;
  background-color: #e8f6fc;
  color: #2bace1;
}
.press-content .content p {
  margin: 10px 0;
}
.press-content .content p:last-child {
  line-height: 1.5;
  font-size: 1.1em;
}
.press-content:after {
  content: "";
  clear: both;
  display: block;
}

.press-section .section-title {
  color: #22aae2;
}

/*End Press Content*/
/*Press Header*/
.press-date, .press-header {
  color: #fff;
}

.press-date {
  text-align: right;
  margin-right: 20px;
  margin-bottom: 10px;
}

.press-header {
  padding: 20px;
}
.press-header .logo {
  height: auto;
  width: 20%;
  margin-right: 0;
  text-align: center;
  padding: 5px;
  margin-top: 10px;
}
.press-header .logo img {
  width: 150px;
  height: auto;
  margin: 0 auto;
}
.press-header .landing-generic-left .title-area h4 {
  color: #fff;
  font-size: 1.5em;
}
.press-header .landing-generic-left .title-area h1 {
  padding-left: 0px;
  text-align: left;
}
.press-header .content {
  width: 75%;
  margin-left: 5%;
  float: left;
  color: #fff;
}
.press-header .content .publisher-area span {
  margin: 0;
  padding: 5px;
  background-color: #e8f6fc;
  color: #2bace1;
}
.press-header .content h1 {
  font-size: 22px;
  text-align: left;
}
.press-header .content p {
  color: #fff;
  font-size: 1.1em;
  margin: 5px 0;
}
.press-header .content p:last-child {
  line-height: 1.5;
}
.press-header:after {
  content: "";
  clear: both;
  display: block;
}

.press-header-area .btn a {
  float: right;
  margin-right: 20px;
}

/*End Press Header*/
/*Press Sidebar*/
.press-sidebar .menu li {
  width: 100%;
  padding: 10px 5px;
  border-bottom: 1px solid #22aae2;
}
.press-sidebar .menu li:first-child {
  border-top: 1px solid #22aae2;
}
.press-sidebar .menu li a {
  color: #666;
  font-size: 1.2em;
}

.mob-only .press-sidebar {
  text-align: center;
}

/*End Press Sidebar*/
.page-template-press-page-2018 .btn {
  width: 100%;
}

/*All Press Page*/
.page-template-all-press-page-2018 .press-section .section-title {
  padding: 50px 0 20px 0;
}
.page-template-all-press-page-2018 .nav-links {
  text-align: center;
}
.page-template-all-press-page-2018 .nav-links .page-numbers {
  padding: 10px;
  font-size: 17px;
}

/*End All Press Page*/
/*Media Query*/
@media only screen and (min-width: 401px) {
  .press-recent-blog .sy-box .sy-slides-wrap {
    min-width: 400px;
    max-width: 590px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .product-name,
  .press-recent-blog-slider .slide_box {
    min-width: 400px;
    max-width: 590px;
    width: 50%;
  }

  .press-recent-blog .sy-box .sy-slide .product-info {
    padding: 3em;
  }
}
@media only screen and (max-width: 500px) {
  .press-recent-blog .sy-box .sy-controls li {
    min-width: 2.4em;
  }

  .press-recent-blog .sy-box .sy-controls li a:after {
    line-height: 1.4em;
    height: 1.4em;
    width: 1.4em;
    margin-top: -0.7em;
    margin-left: -0.7em;
  }

  .press-recent-blog .sy-box .sy-slide .product-info {
    padding: 10px;
  }

  .press-content .logo, .press-content .content, .press-header .logo, .press-header .content {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .press-content .logo h1, .press-content .content h1, .press-header .logo h1, .press-header .content h1 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 769px) {
  .landing-generic-left .title-area {
    padding-left: 70px;
    padding-top: 30px;
  }

  .landing-generic-left .title-area h1 {
    font-size: 2.85em;
  }

  .landing-generic-left .title-area h4 {
    line-height: 1;
  }

  .landing-generic-left .title-area h1, .landing-generic-left .title-area h4 {
    color: #fff;
    text-align: left;
    margin: 0;
  }

  .grid-container .col-10-12 {
    padding-right: 100px;
  }

  .press-header-area {
    border-right: 1px solid #fff;
  }

  .page-template-press-page-2018 .press-section .btn,
  .page-template-press-page-2018 .product-footer-buttons .btn,
  .page-template-press-page-2018 .blog-podt .btn {
    width: 40%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1001px) {
  .press-header-area {
    border-right: 0px;
  }
}
/*End Media Query*/
.author .cat-thumbnail img {
  padding-left: 0;
}

.author-image {
  text-align: center;
}
.author-image img {
  border-radius: 0 50px;
}

.author-profile {
  /*padding-left: 20px;*/
}

/*Media Query Author*/
@media screen and (max-width: 769px) {
  .author-image {
    text-align: center;
  }

  .author-profile h2 {
    text-align: center;
  }
}
/*End Media Query Author*/
.toc-page {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}
.toc-page .toc-content {
  text-align: justify;
}
.toc-page h3, .toc-page h4 {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.toc-page p {
  line-height: 1.2em;
  font-size: 1em;
}
.toc-page ol {
  counter-reset: section;
  list-style-type: none;
}
.toc-page li {
  margin: 1em !important;
}
.toc-page li:before {
  counter-increment: section;
  content: counters(section,".") ". ";
}
.toc-page .toc-sidebar span {
  display: block;
}
.toc-page .post-table {
  font-size: 70%;
}

@media screen and (max-width: 799px) {
  .toc-page p, .toc-page h2, .toc-page h4, .toc-page h5 {
    margin-left: 0;
  }

  .toc-sidebar {
    margin-bottom: 10px;
  }
}
/*SDK Page CSS*/
.sdk-header-container {
  background: url(../images/SDK-Background.jpg) #1ec6ff no-repeat center center;
  overflow: hidden;
  margin-top: 15px;
  min-height: 360px;
  text-align: center;
}
.sdk-header-container .sdk-header-content {
  padding: 0 20px;
}
.sdk-header-container h1 {
  color: #ffffff;
  font-size: 4em;
  font-weight: 700;
  margin: 65px 0 .5em 0;
  line-height: 1;
}
.sdk-header-container h2 {
  color: #ffffff;
  padding: 0 100px;
  font-weight: 300;
  margin-bottom: 1.5em;
}
.sdk-header-container li {
  display: inline-block;
}
.sdk-header-container .cta-buttons {
  margin-bottom: 65px;
}

body.page-template-eng-sdk-page .post,
body.page-template-test-header .post {
  margin: 0;
}
body.page-template-eng-sdk-page .bg-top,
body.page-template-test-header .bg-top {
  height: 350px;
  background: #e1f4fd;
}
body.page-template-eng-sdk-page .top-image,
body.page-template-test-header .top-image {
  margin-top: -250px;
  text-align: center;
}

.sdk-centered {
  padding: 0 85px;
  text-align: center;
}
.sdk-centered p:first-child {
  margin-top: 80px;
}
.sdk-centered p:nth-child(2) {
  margin-bottom: 100px;
}
.sdk-centered img {
  margin-bottom: 50px;
}

.sdk-content {
  margin-bottom: 90px;
}
.sdk-content h2 {
  color: #1a99ce;
}
.sdk-content .subtitle {
  font-size: 22px;
  padding-right: 30%;
}
.sdk-content .left {
  margin-right: 15%;
}
.sdk-content ul li {
  list-style-type: none;
  background: url("../images/SDK-List-Bullet.png") 0 20px no-repeat;
  margin: 0;
  padding-top: 16px;
  padding-left: 20px;
  line-height: 24px;
  font-weight: 600;
}

.sdk-boxes .box {
  float: left;
  width: 24%;
  margin-right: 1%;
  background-color: #e1f4fd;
  border-top: 10px solid #f7b72e;
  padding: 30px 40px;
  border-radius: 10px;
}
.sdk-boxes .box:nth-child(4) {
  margin-right: 0;
}
.sdk-boxes .box h3 {
  font-weight: 700;
  color: #1a99ce;
  margin: 0;
}
.sdk-boxes .box p {
  margin: 0;
}

.sdk-cta {
  padding: 50px 0 100px 0;
}
.sdk-cta .createaccount a, .sdk-cta .learnmore a {
  padding: 15px 50px;
}

@media screen and (max-width: 768px) {
  .sdk-header-container h2 {
    padding: 0;
  }

  .sdk-boxes .box {
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }

  .bg-top {
    height: 250px;
    background: #e1f4fd;
  }

  .top-image {
    margin-top: -200px;
  }

  .sdk-content .subtitle {
    padding-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .sdk-centered {
    padding: 0;
  }

  .sdk-header-container .sdk-header-content {
    padding: 0;
  }
}
/*Low Latency Pages*/
.latency-header-container {
  background: #0dc3ff;
  background: -moz-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #0dc3ff), color-stop(54%, #0e7aff), color-stop(100%, #0dc3ff));
  background: -webkit-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: -o-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: -ms-linear-gradient(-45deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  background: linear-gradient(135deg, #0dc3ff 0%, #0e7aff 54%, #0dc3ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dc3ff', endColorstr='#0dc3ff', GradientType=1 );
  padding: 0 30px;
  border-bottom: 10px solid #f7b72e;
}
.latency-header-container .grid-container {
  display: flex;
  height: 450px;
}
.latency-header-container .grid-container .col-6-12:nth-child(2) {
  position: relative;
  height: 100%;
}
.latency-header-container .grid-container .slide-left-con {
  padding-top: 0;
  padding-right: 30px;
}
.latency-header-container .grid-container .slide-right-con {
  position: absolute;
  bottom: -5px;
}
.latency-header-container .btn a {
  margin-left: 0;
}

.latency-diagram {
  text-align: center;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #eeeeee;
}
.latency-diagram h2 {
  color: #2faae1;
  font-size: 3em !important;
}
.latency-diagram .caption {
  font-size: 1.5em;
}

.latency-content .col-6-12:first-child {
  padding-right: 75px;
}
.latency-content .col-6-12:nth-child(2) {
  padding-left: 75px;
}
.latency-content .content-title {
  color: #2faae1;
}
.latency-content .content-desc {
  margin: 0 0 1.5em 0;
}

.latency-article {
  padding: 60px 30px;
  margin: 40px 0;
  border-bottom: 0;
}
.latency-article .grid-container {
  padding: 0 60px;
}
.latency-article .grid-container p {
  text-align: center;
}
.latency-article .grid-container .btn {
  display: flex;
  justify-content: center;
}

.latency-cta {
  padding: 40px 0;
}
.latency-cta .floating-buttons {
  margin-top: 0;
}
.latency-cta .floating-buttons h3 {
  font-size: 2.5em;
  margin: 0 0 15px 0;
  line-height: 1.3;
}
.latency-cta .floating-buttons p {
  min-height: 65px;
  margin: 0;
  line-height: 1.5;
}
.latency-cta .floating-buttons a {
  margin-left: 0;
}
.latency-cta .floating-buttons .encoding-footbutton, .latency-cta .floating-buttons .analytics-footbutton {
  display: block;
  -webkit-box-shadow: 0px 0px 34px 2px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 0px 34px 2px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 0px 34px 2px rgba(0, 0, 0, 0.14);
  padding: 50px 200px 50px 50px;
}
.latency-cta .floating-buttons .encoding-footbutton:hover, .latency-cta .floating-buttons .analytics-footbutton:hover {
  -webkit-box-shadow: 0px 0px 34px 2px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 0px 34px 2px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 0px 34px 2px rgba(0, 0, 0, 0.14);
}

@media screen and (max-width: 799px) {
  .latency-header-container .grid-container {
    display: block;
    height: 100%;
  }
  .latency-header-container .grid-container .col-6-12:nth-child(2) {
    position: unset;
  }
  .latency-header-container .grid-container .slide-right-con {
    position: unset;
  }

  .latency-article .grid-container {
    padding: 0;
  }

  .latency-cta .floating-buttons {
    justify-content: center;
  }
  .latency-cta .floating-buttons .btn {
    margin: 0;
  }
  .latency-cta .floating-buttons .encoding-footbutton, .latency-cta .floating-buttons .analytics-footbutton {
    padding: 25px 50px 25px 50px;
    padding-right: 20%;
  }
  .latency-cta .product-footer-buttons .ready-button {
    display: block;
  }

  .page-template-eng-low-latency-page .page-container {
    padding: 0;
  }

  .latency-content .col-6-12:first-child, .latency-content .col-6-12:nth-child(2) {
    padding: 0;
  }
}
/*End Low Latency Pages*/
.page-template-career-page {
  overflow-x: hidden;
}
.page-template-career-page h1 {
  font-size: 51px;
  line-height: 55px;
  font-weight: 700;
  color: #0D3841;
  margin: 0;
}
.page-template-career-page p {
  line-height: 26px;
  font-size: 16px;
  color: #505F79;
}
.page-template-career-page .grid-container {
  padding: 50px 0;
}
.page-template-career-page .bg-box {
  border-radius: 4px;
  z-index: -5;
  opacity: .2;
}

.career-header {
  position: relative;
}
.career-header .grid-container {
  display: flex;
}
.career-header .career-header-left {
  padding-right: 100px;
}
.career-header .subhead {
  font-weight: 700;
  line-height: 33px;
  text-transform: uppercase;
  color: #F49D1D;
  margin: 0;
  padding-bottom: 20px;
  letter-spacing: 2px;
  font-size: 16px;
}
.career-header p {
  line-height: 30px;
  font-size: 20px;
}
.career-header .viewall {
  padding-bottom: 4px;
  border-width: 0px 0px 2px 0px;
  border-style: solid;
  border-color: #1faae2;
  transition: ease 350ms;
}
.career-header a {
  border: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: Averta;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  padding: 10px 0;
  color: #1faae2;
  transition: ease 350ms;
  background: transparent;
}
.career-header a:hover .viewall {
  letter-spacing: 3px;
  transition: ease-in-out 200ms;
  color: #505F79;
  border-color: #505f79;
}
.career-header a:hover i {
  animation: bounce 1s infinite;
  color: #F49D1D;
}

.career-team {
  text-align: center;
  position: relative;
}
.career-team .career-team-top {
  padding: 0 250px;
  margin-bottom: 100px;
}
.career-team .career-team-top h1 {
  margin-bottom: 55px;
}
.career-team .career-team-bottom .team-photo {
  float: left;
}
.career-team .career-team-bottom:after {
  content: '';
  display: block;
  clear: both;
}

.career-worklife .grid-container {
  /*
   * Set a counter and get the length of the image path.
   */
  /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
  /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
  /*
   * Set a base background for 1x environments.
   */
  background: url("../images/careers/career-work-and-live.jpg") left center no-repeat;
  background-size: cover;
  /*
   * Create an @2x-ish media query.
   */
  /*
   * Create media queries for all environments that the user has
   * provided images for.
   */
  /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .career-worklife .grid-container {
    background: url("../images/careers/career-work-and-live@2x.jpg") left center no-repeat;
    background-size: cover;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .career-worklife .grid-container {
    background: url("../images/careers/career-work-and-live@2x.jpg") left center no-repeat;
    background-size: cover;
  }
}
.career-worklife .career-worklife-top {
  text-align: center;
  padding: 0 220px;
  margin-bottom: 40px;
}
.career-worklife .career-worklife-top h1 {
  margin-bottom: 63px;
  padding: 0 80px;
}
.career-worklife .career-worklife-bottom {
  padding: 0 100px;
  margin-bottom: 310px;
}
.career-worklife .career-worklife-bottom table {
  font-size: 16px;
}
.career-worklife .career-worklife-bottom table td {
  border: 0;
}
.career-worklife .career-worklife-bottom table .table-left {
  color: #0D3841;
  font-weight: 700;
  width: 25%;
}
.career-worklife .career-worklife-bottom table .table-right {
  color: #505F79;
}

.career-principle {
  position: relative;
}
.career-principle .grid-container {
  padding: 0;
  display: flex;
  margin: -30px 0 0 700px;
}
.career-principle .career-principle-left {
  text-align: right;
  z-index: 2;
}
.career-principle .career-principle-left h1 {
  padding-left: 200px;
  margin-bottom: 30px;
}
.career-principle .career-principle-right {
  background: #EEF6F9;
  margin-left: -290px;
  padding: 60px 150px 60px 350px;
  width: 100%;
}
.career-principle .career-principle-right h5 {
  font-size: 18px;
  color: #1FAAE2;
}

.career-about .grid-container {
  display: flex;
  padding-top: 100px;
}
.career-about .career-about-left {
  padding-right: 100px;
}
.career-about .career-about-right .row {
  margin-bottom: 65px;
}
.career-about .career-about-right .row:after {
  content: '';
  clear: both;
  display: block;
}
.career-about .career-about-right .row:last-child {
  margin-bottom: 0;
}
.career-about .career-about-right .box-icon {
  width: 25%;
  text-align: center;
  float: left;
}
.career-about .career-about-right .box-icon p {
  color: #CBE0ED;
  margin: 0;
}

.career-founder .grid-container {
  display: flex;
}
.career-founder .career-founder-right {
  padding-top: 50px;
  padding-left: 100px;
}
.career-founder .career-founder-right #founderBtn {
  color: #505F79;
  padding: 10px;
  border: 1px solid #CBE0ED;
  border-radius: 4px;
  background: transparent;
  font-family: "Averta", sans-serif;
  font-weight: 700;
}
.career-founder .career-founder-right #founderBtn:before {
  content: '';
  background: url(../images/careers/icons/Flag.svg) no-repeat left;
  height: 14px;
  width: 14px;
  background-size: auto;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}
.career-founder .career-founder-right #founderBtn:hover {
  background: #EEF6F9;
}
.career-founder .career-founder-right .quote-content {
  margin: 50px 0 30px 0;
  position: relative;
}
.career-founder .career-founder-right .quote-content:before {
  content: '';
  background: url(../images/careers/icons/Quote.svg) no-repeat left;
  height: 15px;
  width: 15px;
  background-size: 15px;
  display: block;
  vertical-align: super;
  margin-right: 5px;
  position: absolute;
  left: -20px;
}
.career-founder .career-founder-right .quote-person {
  font-weight: 700;
  color: #0D3841;
}

.career-infographic .grid-container {
  padding: 50px 0 100px 0;
}
.career-infographic .counter {
  width: 25%;
  float: left;
  position: relative;
}
.career-infographic .counter img, .career-infographic .counter h4, .career-infographic .counter p {
  float: left;
}
.career-infographic .counter h4 {
  position: absolute;
  left: 100px;
  bottom: 30px;
  font-size: 26px;
  font-weight: 700;
  color: #0D3841;
  margin-left: 10px;
}
.career-infographic .counter p {
  position: absolute;
  left: 100px;
  bottom: 0px;
  margin-left: 10px;
}

.career-open {
  background: #EEF6F9;
}
.career-open h5 {
  color: #0D3841;
}
.career-open .career-open-left {
  padding-right: 80px;
}
.career-open .career-open-left .filter-box {
  margin-top: 40px;
}
.career-open .career-open-left .filter-box h5 {
  margin-bottom: 30px;
}
.career-open .career-open-left .filter-box .locations-box {
  margin-bottom: 30px;
}
.career-open .career-open-left .filter-box .locations-box li {
  display: inline-block;
  margin: 0 7px 4px 0;
  padding: 0;
}
.career-open .career-open-left .filter-box .location-button {
  padding: 10px 20px;
  background: #ffffff;
  border-radius: 4px;
  color: #505F79;
  display: inline-block;
  overflow: hidden;
  -webkit-transition: .2s;
  transition: .2s;
}
.career-open .career-open-left .filter-box .location-button:hover {
  background: #26A9E1;
  color: #ffffff;
}
.career-open .career-open-left .filter-box .location-button.active {
  background: #26A9E1;
  color: #ffffff;
}
.career-open .career-open-left .filter-box .search-form input[type="text"] {
  border: 0;
  border-radius: 4px;
  background: #ffffff;
  padding: 15px 20px;
  width: 300px;
  font-family: "Averta", sans-serif;
}
.career-open .career-open-left .filter-box .search-form input[type="text"]::placeholder {
  color: #CBE0ED;
}
.career-open .career-open-left .filter-box .tagify-me-ul {
  margin: 15px 0;
}
.career-open .career-open-left .filter-box .tagify-me-li {
  background-color: #1FAAE2;
  border-radius: 4px;
  color: #ffffff;
  padding: 5px 10px;
  border: 0;
  overflow: hidden;
  font-size: 16px;
  line-height: 26px;
}
.career-open .career-open-left .filter-box .tagify-me-a {
  color: #ffffff;
}
.career-open .career-open-right .single-position-link {
  border-bottom: 1px solid #CBE0ED;
  display: block;
  transition: 200ms ease-in-out;
}
.career-open .career-open-right .single-position-link:hover {
  box-shadow: 0px 0px 10px #ddeef3;
  padding-left: 20px;
  margin-left: -17px;
  margin-right: -10px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  background-color: rgba(255, 255, 255, 0.3);
}
.career-open .career-open-right .single-position-link:last-child {
  border-bottom: 0;
}
.career-open .career-open-right .single-position {
  padding: 15px 0;
  position: relative;
}
.career-open .career-open-right .single-position:after {
  content: '';
  background: url(../images/careers/icons/Chevron.svg) no-repeat left;
  height: 25px;
  width: 25px;
  background-size: 25px;
  display: inline-block;
  vertical-align: super;
  margin-right: 5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.career-open .career-open-right .single-position p {
  margin: 0;
}
.career-open .career-open-right .single-position .job-title {
  color: #0D3841;
}
.career-open .career-open-right .single-position .job-subtitle {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
}
.career-open .career-open-right .single-position .job-subtitle .job-location {
  color: #1FAAE2;
}

.career-newsletter .career-newsletter-left h5 {
  font-size: 18px;
  color: #0D3841;
  margin-top: 20px;
}

.founder-modal {
  display: none;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
}

.founder-modal-content {
  position: relative;
  background-color: #ffffff;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 4px;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}
.founder-modal-content .modal-header {
  padding: 0;
}
.founder-modal-content .modal-header .modal-close {
  color: #0D3841;
  float: right;
  font-size: 28px;
}
.founder-modal-content .modal-header .modal-close:focus, .founder-modal-content .modal-header .modal-close:hover {
  cursor: pointer;
}
.founder-modal-content .modal-content {
  display: flex;
  padding: 0;
}
.founder-modal-content .founder-modal-left {
  padding-right: 150px;
}
.founder-modal-content .founder-modal-left h1 span {
  color: #1FAAE2;
  font-weight: 700;
}
.founder-modal-content .founder-modal-left li {
  font-size: 16px;
  line-height: 26px;
  color: #505F79;
}
.founder-modal-content .founder-modal-right p {
  margin: 0;
}
.founder-modal-content .founder-modal-right .founder-name {
  font-weight: 700;
  margin-top: 30px;
}
.founder-modal-content .founder-modal-right .patent-box {
  padding: 15px 25px;
  border: 1px solid #A7C1D1;
  margin-top: 30px;
}
.founder-modal-content .founder-modal-right .patent-box p {
  color: #1FAAE2;
  font-size: 14px;
}

@keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: ease-in-out;
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: ease-in-out;
  }
}
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
/*Media Query*/
@media screen and (max-width: 2000px) {
  .career-principle .grid-container {
    margin: -30px 0 0 auto;
  }
}
@media screen and (max-width: 799px) {
  .page-template-career-page .grid-container {
    display: block;
    padding-left: 8%;
    padding-right: 8%;
  }
  .page-template-career-page h1 {
    font-size: 32px;
    line-height: 34px;
    padding-left: 0;
  }
  .page-template-career-page p, .page-template-career-page h2, .page-template-career-page h4, .page-template-career-page h5 {
    margin-left: 0;
    margin-right: 0;
  }

  .career-header {
    text-align: center;
  }
  .career-header .career-header-left {
    padding-right: 0;
  }
  .career-header .career-header-left .subhead {
    font-size: 14px;
    padding-bottom: 0;
  }
  .career-header .career-header-left h1 {
    margin-bottom: 20px;
  }
  .career-header .career-header-left p {
    font-size: 16px;
    line-height: 36px;
  }
  .career-header .career-header-left a {
    font-size: 14px;
    line-height: 33px;
  }

  .career-team .career-team-top {
    padding: 0;
    margin-bottom: 25px;
  }
  .career-team .career-team-top h1 {
    margin-bottom: 30px;
  }

  .career-worklife .grid-container {
    background-size: 85%;
    background-position: bottom;
    z-index: 2;
    position: relative;
  }
  .career-worklife .career-worklife-top {
    padding: 0;
  }
  .career-worklife .career-worklife-top h1 {
    padding: 0;
  }
  .career-worklife .career-worklife-bottom {
    padding: 0;
    margin-bottom: 60px;
  }
  .career-worklife .career-worklife-bottom table td, .career-worklife .career-worklife-bottom table .table-left {
    width: 100%;
    display: block;
    box-sizing: border-box;
    clear: both;
  }

  .career-principle {
    background: #EEF6F9;
  }
  .career-principle .grid-container {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 0;
  }
  .career-principle .career-principle-left {
    text-align: center;
    margin-bottom: 50px;
  }
  .career-principle .career-principle-left h1 {
    padding: 0 20px;
  }
  .career-principle .career-principle-right {
    bakcground: transparent;
    margin: 0;
    padding: 0;
  }

  .career-about .career-about-left {
    padding: 0;
    text-align: center;
  }
  .career-about .career-about-right .box-icon p {
    font-size: 12px;
    line-height: 17px;
  }

  .career-founder .career-founder-right {
    padding-left: 0;
  }

  .career-infographic .counter {
    width: 50%;
    margin-bottom: 80px;
  }
  .career-infographic .counter h4 {
    left: 25%;
    bottom: -30px;
  }
  .career-infographic .counter p {
    left: 25%;
    bottom: -60px;
  }

  .career-open .career-open-left {
    padding: 0;
  }
  .career-open .career-open-left h1, .career-open .career-open-left p {
    text-align: center;
  }
  .career-open .career-open-right .single-position {
    padding-right: 30px;
  }
  .career-open .career-open-right .single-position .job-subtitle {
    line-height: 1.4;
  }

  .career-newsletter .career-newsletter-left {
    text-align: center;
  }

  .founder-modal .grid-container {
    padding: 0;
  }
  .founder-modal .modal-content .founder-modal-left {
    padding: 0;
  }
  .founder-modal .modal-content .founder-modal-left h1 {
    font-size: 30px;
  }
}
@media screen and (max-width: 600px) {
  .career-infographic .counter h4 {
    left: 25%;
  }
  .career-infographic .counter p {
    left: 25%;
  }
  .career-infographic .counter:nth-child(2) p {
    bottom: -90px;
  }
  .career-infographic .counter img {
    width: 70px;
  }
}
@media screen and (max-width: 321px) {
  .page-template-career-page .grid-container {
    padding-left: 3%;
    padding-right: 3%;
  }

  .career-open .career-open-left .filter-box .search-form input[type="text"] {
    width: 270px;
  }
}
/*End Media Query*/