@font-face {
  font-family: 'Graphik Web';
  src: url('../eot/graphik-extralight-web.eot');
  src: url('../eot/graphik-extralight-webd41d.eot#iefix') format('embedded-opentype'), url('../woff/graphik-extralight-web.woff') format('woff'), url('../ttf/graphik-extralight-web.ttf') format('truetype'), url('../svg/graphik-extralight-web.svg#Graphik-Extralight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('../eot/graphik-extralightitalic-web.eot');
  src: url('../eot/graphik-extralightitalic-webd41d.eot#iefix') format('embedded-opentype'), url('../woff/graphik-extralightitalic-web.woff') format('woff'), url('../ttf/graphik-extralightitalic-web.ttf') format('truetype'), url('../svg/graphik-extralightitalic-web.svg#Graphik-ExtralightItalic') format('svg');
  font-weight: 200;
  font-style: italic;
  font-stretch: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('../eot/graphik-regular-web.eot');
  src: url('../eot/graphik-regular-webd41d.eot#iefix') format('embedded-opentype'), url('../woff/graphik-regular-web.woff') format('woff'), url('../ttf/graphik-regular-web.ttf') format('truetype'), url('../svg/graphik-regular-web.svg#Graphik-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('../eot/graphik-regularitalic-web.eot');
  src: url('../eot/graphik-regularitalic-webd41d.eot#iefix') format('embedded-opentype'), url('../woff/graphik-regularitalic-web.woff') format('woff'), url('../ttf/graphik-regularitalic-web.ttf') format('truetype'), url('../svg/graphik-regularitalic-web.svg#Graphik-RegularItalic') format('svg');
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('../eot/graphik-medium-web.eot');
  src: url('../eot/graphik-medium-webd41d.eot#iefix') format('embedded-opentype'), url('../woff/graphik-medium-web.woff') format('woff'), url('../ttf/graphik-medium-web.ttf') format('truetype'), url('../svg/graphik-medium-web.svg#Graphik-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('../eot/graphik-semibold-web.eot');
  src: url('../eot/graphik-semibold-webd41d.eot#iefix') format('embedded-opentype'), url('../woff/graphik-semibold-web.woff') format('woff'), url('../ttf/graphik-semibold-web.ttf') format('truetype'), url('../svg/graphik-semibold-web.svg#Graphik-Semibold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  font-display: fallback;
}
html,
body {
  margin: 0;
  padding: 0;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 62.5%;
  line-height: 1.5em;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
ol,
ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: none;
}
a:hover,
a:active {
  outline: 0;
}
p {
  color: #5d5d66;
}
a {
  color: #7856ff;
}
a:hover {
  color: #8c6fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  outline: none;
}
a {
  text-decoration: none;
  cursor: pointer;
}
button,
input {
  border: 1px solid;
  outline: none;
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
::selection {
  background: #65b9ff;
  color: #ffffff;
  text-shadow: none;
}
::-moz-selection {
  background: #65b9ff;
  color: #ffffff;
  text-shadow: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body {
  height: 100%;
}
html {
  position: relative;
  background-color: #f6f6f7;
  scroll-behavior: smooth;
}
body {
  color: #111324;
  min-width: 320px;
  text-rendering: optimizeLegibility;
  letter-spacing: -0.05em;
}
body > div[role=dialog] > div {
  max-width: 100%;
}
body.grey {
  background: #f6f6f7;
}
body.snug header {
  border-bottom: none;
}
body > img {
  display: none;
}
.fullwidth {
  width: 100%;
  clear: both;
  position: relative;
  z-index: 2;
}
.central,
.inner {
  max-width: 1300px;
  width: 90%;
  margin: 0 auto;
  clear: both;
  position: relative;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.clear {
  clear: both;
}
strong {
  font-weight: 600;
}
strong * {
  font-weight: 600;
}
em {
  font-style: italic;
}
.linker {
  color: inherit;
  border-bottom: 1px dotted;
  padding-bottom: 1px;
}
.linker:hover {
  color: inherit;
  border-bottom: none;
}
.hidden {
  display: none;
}
.hide {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* Lazy Loading */
img {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
img[data-src] {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.llbg {
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
/* Accessibility */
a:focus {
  outline: #5d5d66 auto 5px;
}
/* BUTTON STYLES */
.cmbtn,
div.mktoForm form .mktoButton,
#thankyou #plain-banner .addeventatc_dropdown span {
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.6em;
  line-height: 1.308em;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cmbtn.primary,
div.mktoForm form .mktoButton {
  padding: 20px 40px;
  background-color: #7856ff;
  color: #ffffff;
}
.cmbtn.primary:hover,
div.mktoForm form .mktoButton:hover {
  background-color: #886aff;
}
.cmbtn.primary.white {
  padding: 19px 39px;
  background-color: #ffffff;
  color: #7856ff;
  border: 1px solid #ffffff;
}
.cmbtn.primary.white:hover,
.cmbtn.primary.white:active {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  background-color: transparent;
  color: #ffffff;
}
.cmbtn.primary.white:hover.disabled,
.cmbtn.primary.white:active.disabled {
  background-color: #ffffff;
  color: #7856ff;
}
.cmbtn.primary.melon {
  background-color: #FF7055;
  color: #ffffff;
  border: 1px solid #ffffff;
}
.cmbtn.primary.melon:hover,
.cmbtn.primary.melon:active {
  background-color: #ff8169;
}
.cmbtn.primary.secondary-lg {
  background-color: #51cfdb;
  color: #111324;
}
.cmbtn.primary.secondary-lg:hover,
.cmbtn.primary.secondary-lg:active {
  background-color: #6ad6e0;
}
.cmbtn.secondary {
  padding: 10px 25px;
  background: #51cfdb;
  color: #111324;
}
.cmbtn.secondary:hover {
  background-color: #6ad6e0;
}
.cmbtn.secondary.customers-b {
  padding: 20px 40px;
}
.cmbtn.secondary.white {
  padding: 9px 24px;
  background-color: #ffffff;
  color: #51cfdb;
  border: 1px solid #ffffff;
}
.cmbtn.secondary.white:hover,
.cmbtn.secondary.white:active {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  background-color: transparent;
  color: #ffffff;
}
.cmbtn.secondary.white:hover.disabled,
.cmbtn.secondary.white:active.disabled {
  background-color: #ffffff;
  color: #51cfdb;
}
.cmbtn.secondary.white.purple {
  color: #7856ff;
}
.cmbtn.secondary.white.purple:hover,
.cmbtn.secondary.white.purple:active {
  color: #ffffff;
}
.cmbtn.secondary.white.gradient-text span {
  background: #7856ff;
  /* Old browsers */
  background: -moz-linear-gradient(left, #7856ff 0%, #65b9ff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #7856ff 0%, #65b9ff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #7856ff 0%, #65b9ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7856ff', endColorstr='#65b9ff',GradientType=1);
  /* IE6-9 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cmbtn.secondary.white.gradient-text:hover,
.cmbtn.secondary.white.gradient-text:active {
  background-color: #f0f0f0;
}
.cmbtn.tertiary,
#thankyou #plain-banner .addeventatc_dropdown span {
  padding: 9px 24px;
  color: #51cfdb;
  background-color: transparent;
  text-shadow: none;
  border: 1px solid #51cfdb;
}
.cmbtn.tertiary:hover,
.cmbtn.tertiary:active,
#thankyou #plain-banner .addeventatc_dropdown span:hover,
#thankyou #plain-banner .addeventatc_dropdown span:active {
  color: #111324;
  background-color: #6ad6e0;
}
.cmbtn.tertiary:hover.disabled,
.cmbtn.tertiary:active.disabled {
  background-color: transparent;
  color: #51cfdb;
}
.cmbtn.tertiary.white,
#thankyou #plain-banner .addeventatc_dropdown span {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.cmbtn.tertiary.white:hover,
.cmbtn.tertiary.white:active {
  color: #111324;
  background-color: #ffffff;
}
.cmbtn.tertiary.white:hover.disabled,
.cmbtn.tertiary.white:active.disabled {
  background-color: transparent;
  color: #ffffff;
}
.cmbtn.tertiary.purple {
  color: #7856ff;
  border: 1px solid #7856ff;
}
.cmbtn.tertiary.purple:hover,
.cmbtn.tertiary.purple:active {
  color: #ffffff;
  background-color: #7856ff;
}
.cmbtn.tertiary.purple:hover.disabled,
.cmbtn.tertiary.purple:active.disabled {
  background-color: transparent;
  color: #7856ff;
}
.cmbtn.disabled,
div.mktoForm form .mktoButton.disabled {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)' !important;
  filter: alpha(opacity=50) !important;
  -moz-opacity: 0.5 !important;
  -khtml-opacity: 0.5 !important;
  opacity: 0.5 !important;
  cursor: default !important;
}
.cmbtn.tallbtn {
  padding: 20px 40px !important;
}
.cmbtn.tallbtn.tertiary {
  padding: 19px 38px !important;
}
.cmbtn.medbtn,
.cmbtn.shortbtn {
  padding: 11px 25px 11px !important;
}
.cmbtn.medbtn.tertiary,
.cmbtn.shortbtn.tertiary {
  padding: 9px 23px !important;
}
.cmbtn.play {
  display: block;
  position: relative;
}
.cmbtn.play:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 54px;
  margin: -27px 0 0 -40px;
  background-image: url(../svg/play-btn.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
html.noscroll {
  overflow: hidden;
  position: relative;
  height: 100%;
}
html.noscroll body {
  overflow: hidden;
  position: relative;
  height: 100%;
}
body {
  padding-top: 80px;
}
body.cn {
  padding-top: 112px;
}
header {
  width: 100%;
  height: auto;
  clear: both;
  margin: 0;
  min-width: 320px;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 101;
  border: none;
}
header .fullwidth.dark {
  background: #111324;
  height: 80px;
  position: static;
}
header .central {
  position: static;
}
@media only screen and (max-width: 850px) {
  header .central {
    width: 100%;
  }
}
header #topBar {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 850px) {
  header #topBar {
    height: 80px;
  }
}
header #topBar #cmlogo {
  float: left;
  padding: 30px 0 0 0;
  background: none;
  margin: 0 30px 0 0;
  text-indent: -9999px;
  width: 200px;
  overflow: hidden;
}
header #topBar #cmlogo.has-mobile-banner {
  transition: width 0.2s ease-in-out 0.2s;
}
@media only screen and (max-width: 850px) {
  header #topBar #cmlogo.has-mobile-banner.logo-small {
    width: 22px;
    overflow: hidden;
    transition: width 0.2s ease-in-out;
  }
}
header #topBar #cmlogo a {
  width: 200px;
  display: block;
  border: none;
  margin-left: 0;
}
header #topBar #cmlogo a svg {
  display: block;
}
header #topBar #cmlogo a .logo-color {
  fill: #ffffff;
}
@media only screen and (max-width: 1300px) {
  header #topBar #cmlogo {
    width: 150px;
    margin-right: 20px;
  }
  header #topBar #cmlogo a,
  header #topBar #cmlogo svg {
    width: 150px;
    height: 28px;
  }
}
@media only screen and (max-width: 1111px) {
  header #topBar #cmlogo {
    width: 20px;
  }
}
@media only screen and (max-width: 1060px) {
  header #topBar #cmlogo {
    width: 20px;
    margin-right: 20px;
  }
}
@media screen and (min-width: 1111px) and (max-width: 1300px) {
  header #topBar #cmlogo {
    width: 20px;
    margin-right: 20px;
  }
  header #topBar #cmlogo a,
  header #topBar #cmlogo svg {
    width: 150px;
    height: 28px;
  }
}
@media only screen and (max-width: 850px) {
  header #topBar #cmlogo {
    width: 200px;
    margin-left: 5%;
  }
}
header #topBar a.menu-link {
  display: none;
}
@media only screen and (max-width: 850px) {
  header #topBar a.menu-link {
    margin: 0 5% 0 0;
    display: block;
    float: right;
    position: relative;
    top: 23px;
    right: -10px;
    padding: 10px;
  }
}
header #topBar a.menu-link span {
  display: block;
  height: 2px;
  width: 15px;
  background: #fff;
  margin: 1px 0 3px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: -webkit-transform 0.1s linear;
  -moz-transition: -moz-transform 0.1s linear;
  -o-transition: -o-transform 0.3s linear;
  transition: transform 0.1s linear;
}
header #topBar a.menu-link:hover .line-1 {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
header #topBar a.menu-link:hover .line-3 {
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
}
header #topBar a.menu-link.active span {
  -webkit-transition: transform 0.2s ease-out, opacity 0.1s linear;
  -moz-transition: transform 0.2s ease-out, opacity 0.1s linear;
  -ms-transition: transform 0.2s ease-out, opacity 0.1s linear;
  -o-transition: transform 0.2s ease-out, opacity 0.1s linear;
  transition: transform 0.2s ease-out, opacity 0.1s linear;
}
header #topBar a.menu-link.active .line-1 {
  -webkit-transform: translateY(5px) translateX(0) rotate(45deg);
  -moz-transform: translateY(5px) translateX(0) rotate(45deg);
  -ms-transform: translateY(5px) translateX(0) rotate(45deg);
  -o-transform: translateY(5px) translateX(0) rotate(45deg);
  transform: translateY(5px) translateX(0) rotate(45deg);
}
header #topBar a.menu-link.active .line-2 {
  opacity: 0;
}
header #topBar a.menu-link.active .line-3 {
  -webkit-transform: translateY(-5px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-5px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-5px) translateX(0) rotate(-45deg);
  -o-transform: translateY(-5px) translateX(0) rotate(-45deg);
  transform: translateY(-5px) translateX(0) rotate(-45deg);
}
header #topBar #mobileBanner {
  display: none;
}
@keyframes animateIn {
  0% {
    opacity: 0;
  }
}
header #mainNav {
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 850px) {
  header #mainNav {
    height: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    overflow: auto;
    -webkit-transition: opacity 0.35s ease-in-out;
    -moz-transition: opacity 0.35s ease-in-out;
    -ms-transition: opacity 0.35s ease-in-out;
    -o-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
    background-color: rgba(17, 19, 36, 0.97);
  }
  header #mainNav.active {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
header #skipnav {
  position: absolute;
  bottom: 0;
  left: 0;
}
header #skipnav a {
  width: 10em;
  display: block;
  color: #ffffff;
  background: #111324;
  text-decoration: none;
  padding: 5px;
  position: absolute;
  left: -1000em;
  top: 0;
  font-weight: 600;
  font-size: 1.6em;
}
header #skipnav a:focus {
  z-index: 99;
  left: 0;
  outline: #f6f6f7 dashed 1px;
}
header ul#primary {
  display: inline-block;
  background: none;
  border: none;
}
@media only screen and (max-width: 850px) {
  header ul#primary {
    margin: 0;
    min-width: 320px;
    position: relative;
    width: 100%;
  }
}
header ul#primary li {
  float: left;
}
@media only screen and (max-width: 850px) {
  header ul#primary li {
    clear: both;
    margin: 0;
    width: 100%;
  }
}
header ul#primary li.active a {
  color: #51cfdb !important;
}
header ul#primary li.active ul li a {
  color: #111324 !important;
}
header ul#primary li ul li.active a {
  color: #51cfdb !important;
}
header ul#primary li a {
  float: left;
  color: #ffffff;
  font-size: 1.6em;
  font-weight: 200;
  letter-spacing: 0.085em;
  padding: 32px 12px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
header ul#primary li a.show-mobile {
  display: none;
}
header ul#primary li a:hover,
header ul#primary li a:active,
header ul#primary li a:focus {
  color: #51cfdb;
}
header ul#primary li a:focus {
  color: #51cfdb;
  outline: #5d5d66 dashed 1px;
}
header ul#primary li a.spacer {
  padding: 0;
}
header ul#primary li a.phonenumber {
  display: none;
}
@media only screen and (max-width: 1400px) {
  header ul#primary li a {
    padding: 32px 7px;
    font-size: 1.4em;
  }
}
@media only screen and (max-width: 920px) {
  header ul#primary li a {
    font-size: 1.3em;
  }
}
@media only screen and (max-width: 850px) {
  header ul#primary li a {
    text-transform: none;
    text-align: center;
    font-size: 2em;
    height: auto;
    padding: 15px 0px 15px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  header ul#primary li a.hide-mobile {
    display: none;
  }
  header ul#primary li a.show-mobile {
    display: block;
  }
  header ul#primary li a.phonenumber {
    display: none;
  }
  header ul#primary li a.phonenumber.active {
    display: block;
  }
  header ul#primary li a.active {
    background-color: #7856ff;
    color: #ffffff;
  }
  header ul#primary li a svg {
    transition: all 0.025s linear;
  }
  header ul#primary li a.active svg {
    transform: rotate(180deg);
  }
}
header ul#primary li#cmlogo {
  background: none;
  float: left;
  margin: 0 25px 0 0;
  text-indent: -9999px;
}
header ul#primary li#cmlogo a {
  background: url('../png/cm-logo.png') top left no-repeat;
  width: 160px;
  background-position: 0 0;
  height: 40px;
  margin-left: 0;
}
header ul#second {
  float: right;
  right: 0;
}
@media only screen and (max-width: 850px) {
  header ul#second {
    clear: both;
    float: none;
    margin: 0;
    padding: 5px 0 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}
header ul#second li {
  float: right;
}
@media only screen and (max-width: 850px) {
  header ul#second li {
    float: none;
  }
}
header ul#second li a:not(.cmbtn) {
  color: #f6f6f7;
  float: left;
  font-size: 1.6em;
  font-weight: 200;
  letter-spacing: 0.085em;
  padding: 32px 12px;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  text-align: center;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
@media only screen and (max-width: 1400px) {
  header ul#second li a:not(.cmbtn) {
    padding: 32px 7px;
    font-size: 1.4em;
  }
}
@media only screen and (max-width: 920px) {
  header ul#second li a:not(.cmbtn) {
    font-size: 1.3em;
  }
}
@media only screen and (max-width: 850px) {
  header ul#second li a:not(.cmbtn) {
    height: auto;
    padding: 0 30px 20px;
    width: 100%;
    float: none;
    margin: 0 auto;
    display: block;
  }
  header ul#second li a:not(.cmbtn).hide-mobile {
    display: none;
  }
}
header ul#second li a:not(.cmbtn):hover,
header ul#second li a:not(.cmbtn):active,
header ul#second li a:not(.cmbtn):focus {
  color: #51cfdb;
}
header ul#second li a:not(.cmbtn):focus {
  color: #51cfdb;
  outline: #5d5d66 dashed 1px;
}
header ul#second li.active a {
  color: #a8e7ed;
}
header ul#second li a.cmbtn {
  margin-left: 10px;
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
@media only screen and (max-width: 1360px) {
  header ul#second li a.cmbtn {
    font-size: 1.3em;
  }
}
@media only screen and (max-width: 850px) {
  header ul#second li a.cmbtn {
    padding: 21px 40px !important;
    width: 90%;
    margin: 10px 5%;
    font-size: 1.6em;
  }
}
header ul#second li a.cmbtn:focus {
  outline: #f6f6f7 dashed 1px;
}
header ul#second li .subnav {
  overflow: hidden;
  position: fixed;
  z-index: -1;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  display: none;
  -webkit-font-smoothing: subpixel-antialiased;
}
@media only screen and (max-width: 850px) {
  header ul#second li .subnav {
    display: none;
  }
}
header ul#second li .subnav .backing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2a2941;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=98);
  -moz-opacity: 0.98;
  -khtml-opacity: 0.98;
  opacity: 0.98;
}
header ul#second li .subnav.open {
  z-index: 9999;
  display: block;
}
header ul#second li .subnav .central {
  overflow: hidden;
  height: 100%;
  position: relative;
}
header ul#second li .subnav .logo {
  width: 200px;
  display: block;
  border: none;
  height: 20px;
  margin-left: 0;
  text-indent: -9999em;
  margin-top: 30px;
}
header ul#second li .subnav .logo svg {
  display: block;
  width: 200px;
}
header ul#second li .subnav .logo .logo-color {
  fill: #ffffff;
}
@media only screen and (max-width: 970px) {
  header ul#second li .subnav .logo {
    width: 16px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 850px) {
  header ul#second li .subnav .logo {
    margin: 0 0 0 21px;
    width: 200px;
    height: 20px;
  }
}
header ul#second li .subnav .close {
  position: absolute;
  top: 20px;
  right: 0;
  width: 21px;
  height: 31px;
  padding: 10px 0;
  cursor: pointer;
  background: url(../svg/cross-white.svg) no-repeat right center;
  background-size: 12px;
}
header ul#second li .subnav .block {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -180px;
  width: 420px;
  padding: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1em;
  line-height: 1;
  color: #ececed;
  letter-spacing: 0.05em;
}
header ul#second li .subnav .block .title {
  font-size: 1.3em;
  line-height: 1.615em;
  font-weight: 600;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 40px;
  padding-bottom: 6px;
}
header ul#second li .subnav .block .title.small {
  margin-bottom: 26px;
  padding-top: 12px;
}
header ul#second li .subnav .block .number {
  display: block;
  overflow: hidden;
  margin-bottom: 32px;
  -webkit-font-smoothing: subpixel-antialiased;
}
header ul#second li .subnav .block .number .location {
  font-size: 1.1em;
  line-height: 1;
  letter-spacing: 0.05em;
  float: left;
  font-weight: 600;
  position: relative;
  top: 5px;
}
header ul#second li .subnav .block .number .phone {
  font-size: 1.8em;
  line-height: 0.889em;
  font-weight: 200;
  float: right;
}
header ul#second li .subnav .block .number .phone a {
  padding: 0;
  color: #ffffff;
  font-size: 1em;
}
header ul#second li .subnav .block .standalonephone {
  font-size: 2.1em;
  font-weight: 200;
  padding: 0;
  display: block;
  float: none;
  text-transform: initial;
  overflow: visible;
  margin-bottom: 55px;
  color: #ececed;
  text-align: left;
  letter-spacing: 0.01em;
}
header ul#second li .subnav .block .standalonephone a {
  float: none;
  padding-left: 0;
  color: #ececed;
  font-weight: 200;
}
header ul#second li .subnav .block .sublink {
  font-size: 2.1em;
  font-weight: 200;
  padding: 0;
  display: block;
  float: none;
  text-transform: initial;
  overflow: visible;
  margin-bottom: 35px;
  color: #ececed;
  text-align: left;
  letter-spacing: 0.01em;
}
header ul#second li .subnav .block .sublink:after {
  content: '›';
  padding-left: 10px;
  -webkit-transition: padding 0.1s ease-in-out;
  -moz-transition: padding 0.1s ease-in-out;
  -ms-transition: padding 0.1s ease-in-out;
  -o-transition: padding 0.1s ease-in-out;
  transition: padding 0.1s ease-in-out;
}
header ul#second li .subnav .block .sublink:hover {
  color: #ffffff;
}
header ul#second li .subnav .block .sublink:hover:after {
  padding-left: 12px;
}
header ul#second li .subnav .block .title::selection,
header ul#second li .subnav .block .location::selection,
header ul#second li .subnav .block .phone::selection,
header ul#second li .subnav .block .sublink::selection {
  background: #8c6fff;
}
header ul#second li .subnav .block .title::-moz-selection,
header ul#second li .subnav .block .location::-moz-selection,
header ul#second li .subnav .block .phone::-moz-selection,
header ul#second li .subnav .block .sublink::-moz-selection {
  background: #8c6fff;
}
@media only screen and (max-width: 850px) {
  header ul#second li .subnav.show-mobile {
    height: auto;
    overflow: visible;
    position: static;
  }
  header ul#second li .subnav.show-mobile .backing {
    display: none;
  }
}
header.leadgen #topBar #cmlogo {
  float: left;
}
header.leadgen #second {
  display: block;
}
header.leadgen #second .cmbtn {
  width: auto;
  padding: 9px 10px 8px !important;
}
header.leadgen.dark #topBar #cmlogo .logo-color {
  fill: #111324;
}
.placeholder {
  color: #5d5d66 !important;
}
/* Transparent Version */
body.transparent {
  padding-top: 0 !important;
}
body.transparent header {
  position: relative;
}
body.transparent header .fullwidth.dark {
  background: none;
}
@media only screen and (max-width: 850px) {
  body.transparent header #topBar.active {
    -webkit-transition: background-color 0.35s ease-in-out;
    -moz-transition: background-color 0.35s ease-in-out;
    -ms-transition: background-color 0.35s ease-in-out;
    -o-transition: background-color 0.35s ease-in-out;
    transition: background-color 0.35s ease-in-out;
    background-color: rgba(17, 19, 36, 0.97);
  }
}
body.transparent header.leadgen #topBar #cmlogo {
  float: none;
  margin: 0 auto;
}
@media only screen and (max-width: 970px) {
  body.transparent header.leadgen #topBar #cmlogo {
    width: 200px;
  }
}
@media only screen and (max-width: 850px) {
  body.transparent header.leadgen #topBar a.menu-link {
    display: none;
  }
}
body.transparent header.leadgen #topBar.active #cmlogo {
  float: left;
  margin-left: 5%;
}
body.transparent header.leadgen #topBar.active a.menu-link {
  display: block;
}
body.transparent header.leadgen #mainNav.active #second {
  display: block;
}
body.transparent header.leadgen #second {
  display: none;
}
body.transparent.headscroll header {
  position: absolute;
  top: 0;
  left: 0;
}
body.headscroll.transparent header.leadgen.dark #topBar #cmlogo .logo-color {
  fill: #111324;
}
body.headscroll header.leadgen.dark #topBar #cmlogo .logo-color {
  fill: #ffffff;
}
header > div .primary-nav a > svg,
header > div .primary-nav .dropdown {
  display: none;
}
header > div.feat_drop ul.primary-nav#primary li.has-dropdown {
  position: relative;
}
header > div.feat_drop ul.primary-nav#primary li.has-dropdown.active svg path {
  stroke: #51cfdb;
}
header > div.feat_drop ul.primary-nav#primary li.has-dropdown > a {
  pointer-events: none;
}
header > div.feat_drop ul.primary-nav#primary li.has-dropdown svg {
  display: inline-block;
  transition: all 0.2s ease;
}
header > div.feat_drop ul.primary-nav#primary li.has-dropdown:hover svg {
  transform: rotate(-180deg);
}
header > div.feat_drop ul.primary-nav#primary li.has-dropdown:hover svg path {
  stroke: #51cfdb;
}
header > div.feat_drop ul.primary-nav#primary li ul li.active a {
  position: relative;
  color: #111324 !important;
}
@media only screen and (max-width: 850px) {
  header > div.feat_drop ul.primary-nav#primary li ul li.active a {
    color: #51cfdb !important;
  }
}
header > div.feat_drop ul.primary-nav#primary li ul li.active a::after {
  content: '';
  position: absolute;
  height: 2px;
  width: calc(100% - 32px);
  bottom: 0;
  left: 16px;
  background: #111324;
}
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown ul {
  position: absolute;
  display: none;
  visibility: hidden;
  margin-top: 3.8rem;
  opacity: 0;
  transition: all 0.5s ease;
  left: 0;
  box-shadow: 0px 8px 24px rgba(17, 19, 36, 0.18);
  border-radius: 4px;
}
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown ul li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown:hover > ul,
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown:focus-within > ul,
header > div.feat_drop ul.primary-nav#primary ul li ul:hover {
  visibility: visible;
  display: block;
  opacity: 1;
  background: #ffffff;
  z-index: 100;
}
@media only screen and (max-width: 850px) {
  header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown:hover > ul,
  header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown:focus-within > ul,
  header > div.feat_drop ul.primary-nav#primary ul li ul:hover {
    display: none;
    position: relative;
    visibility: hidden;
    opacity: 0;
  }
}
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown ul li {
  clear: both;
  width: 100%;
}
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown ul li:hover {
  background: #51cfdb;
}
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown ul li a {
  padding: 16px 16px;
  font-size: 14px;
  font-weight: 400;
  color: #111324;
}
header > div.feat_drop ul.primary-nav#primary li.nav_item.has-dropdown ul li a:hover {
  color: #111324;
}
@media only screen and (max-width: 850px) {
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li a {
    text-align: left;
    padding-left: 2rem;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.has-dropdown > a {
    pointer-events: none;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.has-dropdown svg {
    transform: rotate(0deg);
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.has-dropdown svg path {
    stroke: #ffffff;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.has-dropdown.active .dropdown > .dropdown_item.active > a {
    color: #51cfdb !important;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.has-dropdown.active svg path {
    stroke: #51cfdb;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.has-dropdown.open svg {
    transform: rotate(-180deg);
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.nav_item.has-dropdown.open ul {
    display: block;
    position: relative;
    margin-top: 0;
    visibility: visible;
    opacity: 1;
    background: #111324;
    z-index: 100;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.nav_item.has-dropdown.open:hover > ul,
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.nav_item.has-dropdown.open:focus-within > ul,
  header > div.feat_drop #mainNav.active ul.primary-nav#primary ul li ul:hover {
    visibility: visible;
    display: block;
    opacity: 1;
    background: #111324;
    z-index: 100;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.nav_item.has-dropdown.open ul li {
    clear: both;
    width: 100%;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.nav_item.has-dropdown.open ul li:hover {
    background: none;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.nav_item.has-dropdown.open ul li a {
    padding: 16px 16px 16px 3rem;
    font-size: 14px;
    font-weight: 200;
    color: #ffffff !important;
  }
  header > div.feat_drop #mainNav.active ul.primary-nav#primary li.nav_item.has-dropdown.open ul li a:hover {
    color: #51cfdb !important;
  }
}
@media only screen and (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
}
header li.support {
  display: none;
}
@media only screen and (max-width: 850px) {
  header li.support {
    display: block;
  }
}
header .primary-nav,
header .secondary-nav {
  display: inline;
}
header .secondary-nav {
  float: right;
}
@media only screen and (max-width: 850px) {
  header .secondary-nav {
    float: none;
  }
}
section {
  background: #ffffff;
  padding: 8em 0;
}
@media only screen and (max-width: 767px) {
  section {
    padding: 6em 0;
  }
}
section:first-of-type {
  padding-top: 6em;
}
section:first-of-type.shorthead {
  min-height: 352px;
}
section:first-of-type.longhead {
  min-height: 786px;
}
section:first-of-type .inner {
  height: 100%;
}
section:first-of-type .inner.auto {
  height: auto;
}
section.overflow {
  overflow: hidden;
}
section.with-nav:first-of-type {
  padding-top: 140px;
}
section.with-nav:first-of-type.shorthead {
  min-height: 432px;
}
section.with-nav:first-of-type.longhead {
  min-height: 866px;
}
body.transparent section:first-of-type {
  padding-top: 148px;
}
body.transparent section:first-of-type.shorthead {
  min-height: 432px;
}
body.transparent section:first-of-type.longhead {
  min-height: 866px;
}
section#textonly {
  padding-top: 75px;
  overflow: hidden;
}
section#textonly .container {
  width: 100%;
  padding: 50px 0;
}
@media only screen and (max-width: 850px) {
  #login,
  .app-login-line {
    padding: 21px 40px !important;
    width: 90% !important;
    margin: 5px 5% !important;
    font-size: 1.6em;
    background-color: #7856ff;
    color: #ffffff;
    font-weight: 500 !important;
  }
}
h1 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 5.6em;
  line-height: 1.167em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  text-align: center;
  margin: 0 auto 17px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 4.6em;
  }
}
h2 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 4em;
  line-height: 1.19em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 auto 17px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 3em;
  }
}
h3 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 3.6em;
  line-height: 1.25em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 auto 14px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  h3 {
    font-size: 2.6em;
  }
}
h4 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 3em;
  line-height: 1.23em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  max-width: 830px;
  margin: 0 auto 10px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  h4 {
    font-size: 2em;
  }
}
h5 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  h5 {
    font-size: 1.8em;
  }
}
h6 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.6em;
  line-height: 1.308em;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.038em;
  color: #111324;
  width: 100%;
  margin: 0 0 5px;
  padding: 0;
}
p {
  font-size: 1.8em;
  line-height: 1.5em;
  color: #111324;
  padding: 0;
  margin: 0 auto 1.25em;
  text-align: left;
}
p:last-child {
  margin-bottom: 0;
}
p.lead {
  font-size: 2.2em;
  line-height: 1.46em;
  margin-bottom: 25px;
}
p span.lead {
  font-size: 1.375em;
  line-height: 1.46em;
}
p.small {
  font-size: 1.4em;
  line-height: 1.615em;
}
p img {
  margin: 20px 0;
  max-width: 547px;
}
p img.inline {
  margin: 0;
}
p img.inline.right {
  float: right;
  margin: 4px 0 25px 30px;
  border: none;
}
p img.inline.left {
  float: left;
  margin: 4px 30px 15px 0;
}
p .green {
  color: #7856ff;
}
p .blue {
  color: #65b9ff;
}
p.color__white {
  color: #ffffff;
}
p a.inline img {
  opacity: 0.8;
}
p a.inline img:hover {
  opacity: 1;
}
p .inline-quote {
  float: right;
  width: 30%;
  margin-right: -4%;
  padding: 0 0 15px 10%;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size-adjust: 0.48;
  font-weight: 200;
  font-style: italic;
  font-size: 1.5em;
  letter-spacing: 0.03em;
  line-height: 1.2em;
  color: #5d5d66;
  background: url('../png/quote_lightgrey.png') left top no-repeat;
  background-position: 15% 5px;
}
p i {
  font-style: normal;
}
p strong,
p b {
  font-weight: 600;
  color: #8a8b93;
}
p a.bigbutton {
  font-size: inherit !important;
  margin-left: 0;
}
p a.twitter {
  display: inline;
  color: #65b9ff;
  background: url('../png/twitter.png') left center no-repeat #e7f6fc;
  background-size: 13px 11px;
  background-position: 7px center;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 5px 5px 27px;
  margin-right: 5px;
}
p a.twitter:hover {
  color: #5bb4ff;
  background-color: #def3fb;
}
p a.twitter:active {
  background-color: #d0eef9;
}
hgroup {
  max-width: 700px;
  width: 100%;
  margin: 0 auto 6em;
  padding: 0;
  text-align: center;
  border: none;
  overflow: hidden;
}
@media only screen and (max-width: 520px) {
  hgroup {
    margin: 0 auto 4em;
  }
}
hgroup p {
  text-align: center;
}
hgroup p:last-child {
  margin-bottom: 0;
}
blockquote {
  width: 70%;
  margin: 0 7.5% 40px 11%;
  font-size: 2.2em;
  line-height: 1.45em;
  color: #5d5d66;
  border-left: 2px solid #65b9ff;
  padding: 0 0 0 5%;
  clear: both;
}
blockquote:before {
  content: '“';
}
blockquote:after {
  content: '”';
}
/* FORM ELEMENTS */
label {
  position: relative;
  display: block;
}
label span {
  font-size: 1.3em;
  line-height: 1.3em;
  color: #5d5d66;
}
label span em,
label span .required {
  padding: 0 0.2em;
}
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='password'],
input[type='number'],
input[type='search'],
input[type='url'],
input#siteurl,
textarea,
select {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  line-height: 1.5em;
  color: #111324;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #727272;
  padding: 12px 17px;
  margin: 2px 0 11px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-transition: border 0.2s ease-in-out;
  -moz-transition: border 0.2s ease-in-out;
  -ms-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  resize: none;
  width: 100%;
}
input[type='text']:hover,
input[type='email']:hover,
input[type='tel']:hover,
input[type='password']:hover,
input[type='number']:hover,
input[type='search']:hover,
input[type='url']:hover,
input#siteurl:hover,
textarea:hover,
select:hover {
  border: 1px solid #5d5d66;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='password']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='url']:focus,
input#siteurl:focus,
textarea:focus,
select:focus,
input[type='text']:active,
input[type='email']:active,
input[type='tel']:active,
input[type='password']:active,
input[type='number']:active,
input[type='search']:active,
input[type='url']:active,
input#siteurl:active,
textarea:active,
select:active {
  border: 1px solid #65b9ff;
}
input[type='text'].error,
input[type='email'].error,
input[type='tel'].error,
input[type='password'].error,
input[type='number'].error,
input[type='search'].error,
input[type='url'].error,
input#siteurl.error,
textarea.error,
select.error {
  border: 1px solid #ffde4d;
}
input[type='search'] {
  background-image: url('../svg/search-icon.svg');
  background-image: none\9;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: right 14px center;
  padding-right: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
textarea {
  height: 100px;
}
::-webkit-input-placeholder {
  color: #5d5d66;
  font-style: italic;
}
::-moz-placeholder {
  color: #5d5d66;
  font-style: italic;
}
:-ms-input-placeholder {
  color: #5d5d66;
  font-style: italic;
}
:-moz-placeholder {
  color: #5d5d66;
  font-style: italic;
}
.custom-select {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 2px 0 11px;
  width: 100%;
  cursor: pointer;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #727272;
}
.custom-select option {
  font-weight: normal;
}
.custom-select:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 6px;
  top: 50%;
  right: 14px;
  margin-top: -3px;
  background-image: url('../svg/dropdown-arrow.svg');
  background-image: none\9;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 2;
  pointer-events: none;
}
.custom-select:hover,
.custom-select:focus,
.custom-select:active {
  border: 1px solid #5d5d66;
  outline: none;
}
.custom-select.error {
  border: 1px solid #ffde4d;
}
.custom-select select {
  width: 100%;
  margin: 0;
  background: none;
  outline: none;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: 1.6em;
  padding-right: 23px;
}
.custom-select select:hover,
.custom-select select:focus,
.custom-select select:active {
  outline: none;
  background: transparent;
}
.custom-checkbox-container {
  padding-right: 20px;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}
.custom-checkbox-container label {
  align-self: center;
}
@media only screen and (max-width: 1100px) {
  .custom-checkbox-container {
    width: 100%;
    clear: left;
    height: 35px;
  }
}
.custom-checkbox {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 8px;
  cursor: pointer;
  align-self: center;
}
.custom-checkbox span {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #727272;
  background-color: #ffffff;
  -webkit-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -ms-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -o-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.custom-checkbox input[type='checkbox'] {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0;
  background: none;
  outline: none;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /* Remove select styling */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.custom-checkbox input[type='checkbox']:checked + span {
  border: 1px solid #7856ff;
  background-color: #7856ff;
  background-image: url(../svg/checkbox-tick.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.custom-checkbox.large span {
  width: 33px;
  height: 33px;
}
.custom-checkbox.large input[type='checkbox']:checked + span {
  background-size: 17px;
}
.custom-checkbox.large + label {
  font-size: 1.6em;
  line-height: 20px;
}
.custom-checkbox.white span {
  border-color: #ffffff;
  background-color: transparent;
}
.custom-checkbox.white input[type='checkbox']:checked + span {
  border-color: #ffffff;
  background-color: #ffffff;
  background-image: url(../svg/checkbox-tick-blue.svg);
}
.toggle-radio {
  position: relative;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #5d5d66;
  height: 20px;
  min-width: 45px;
  display: inline-block;
  overflow: hidden;
}
.toggle-radio label {
  height: 0;
  overflow: hidden;
  position: static !important;
  text-align: center !important;
  line-height: 21px;
  text-transform: uppercase;
  font-size: 1.1em !important;
  color: #ffffff !important;
  background-color: #5d5d66;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.toggle-radio label:first-of-type {
  padding-left: 15px;
}
.toggle-radio label:last-of-type {
  padding-right: 15px;
}
.toggle-radio > span {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  width: 15px;
  height: 15px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-color: #f6f6f7;
  background-image: url(../svg/toggle-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.toggle-radio input[type='radio'] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 100%;
  cursor: pointer;
  background: none;
  appearence: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  z-index: 1;
}
.toggle-radio input[type='radio']:checked + label {
  height: 20px;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.toggle-radio input[type='radio']:first-of-type {
  left: 0;
}
.toggle-radio input[type='radio']:first-of-type:checked + label {
  background-color: #5d5d66;
}
.toggle-radio input[type='radio']:first-of-type:checked ~ span {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 3px;
  right: auto;
  background: #f6f6f7;
}
.toggle-radio input[type='radio']:last-of-type {
  right: 0;
}
.toggle-radio input[type='radio']:last-of-type:checked + label {
  background-color: #7856ff;
}
.toggle-radio input[type='radio']:last-of-type:checked ~ span {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 3px;
  left: auto;
  background: #f6f6f7;
}
.toggle-radio.white {
  border-color: #ffffff;
  background-color: transparent;
}
.toggle-radio.white label {
  color: #ffffff;
}
.toggle-radio.white > span {
  border-color: #ffffff;
  background-color: transparent;
}
.slideshow .handles {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 1000;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.slideshow .handles .handle {
  width: 11px;
  height: 11px;
  -khtml-border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  border: 1px solid #ececed;
  background-color: #ffffff;
  display: inline-block;
  margin: 0 5px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  cursor: pointer;
}
.slideshow .handles .handle.current {
  border: 1px solid rgba(81, 207, 219, 0.35);
  background-color: #7bdbe4;
}
.slideshow.dark .handles .handle {
  border: 1px solid #ffffff;
  background-color: transparent;
}
.slideshow.dark .handles .handle.current {
  border: 1px solid rgba(255, 255, 255, 0.35);
  background-color: #ffffff;
}
.content hr {
  float: left;
  width: 85%;
  border: none;
  border-top: 1px solid #ececed;
  height: 0;
  margin: 20px 7.5% 45px 7.5%;
}
.content hr.sectionbreak {
  border: none;
  background: url('../png/sectionbreak.png') repeat-x;
  height: 7px;
  width: 100%;
  margin: 30px 0 60px 0;
}
.content ol,
.content ul,
.content address {
  width: 85%;
  font-size: 1.3em;
  line-height: 1.6em;
  margin: 0 7.5% 20px 7.5%;
}
.content address {
  color: #5d5d66;
}
.content img {
  max-width: 679px;
  height: auto;
}
.content .label,
.content span.label {
  padding: 2px 4px 3px;
  line-height: 2em;
  font-size: 0.85em;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
  background: #4badff;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.content .label.warning,
.content span.label.warning {
  background: #f4215b;
  color: #ffffff;
}
.content .label.success,
.content span.label.success {
  background: #643dff;
}
.content .label.or,
.content span.label.or {
  background: #ececed;
  color: #ffffff;
}
.content cite {
  float: left;
  width: 70%;
  margin: 0 7.5% 0 11%;
  border-left: 2px solid #93ceff;
  padding: 0 0 20px 5%;
  font-size: 1.3em;
  color: #111324;
  font-weight: bold;
}
.content ol {
  list-style-type: decimal;
  margin-bottom: 40px;
}
.content ul {
  list-style-type: disc;
  margin-top: 8px;
  margin-bottom: 40px;
}
.content ul.slim {
  width: 70%;
  clear: both;
}
.content ul.slimline {
  clear: both;
  margin-bottom: 20px;
}
.content ul.slimline li {
  margin-bottom: 10px;
}
.content ol li,
.content ul li {
  width: 80%;
  margin-bottom: 15px;
  margin-left: 7.5%;
  padding: 0 0 0 3%;
  line-height: 1.5em;
  color: #111324;
}
.content ol li b,
.content ul li b,
.content ol li strong,
.content ul li strong {
  color: #111324;
  font-weight: 600;
}
.content ol li i,
.content ul li i {
  font-style: normal;
}
.content .gallerypost {
  float: left;
  width: auto;
  background: #ececed;
  padding: 3px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 0 0 40px 7%;
}
.content .gallerypost a {
  float: left;
  border: 1px solid #ececed;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #ffffff;
  padding: 6px;
}
.content .gallerypost a .image {
  margin: 0;
  padding: 0;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.content .gallerypost a:hover {
  border-color: #d2d2d4;
}
.content .galleryimage {
  float: left;
  width: 100%;
  margin: 20px 0 40px 0;
  position: relative;
}
.content .galleryimage.inline {
  width: 306px;
  clear: none;
  margin: 0 5px 15px 0;
}
.content .galleryimage.inline.first {
  margin-left: 25px;
}
.content .galleryimage p {
  position: absolute;
  font-style: italic;
  width: 230px;
  left: 320px;
  bottom: -18px;
  color: #5d5d66;
  padding: 0 0 0 10px;
  border-left: 1px solid #f6f6f7;
}
.content .galleryimage .gallery {
  float: left;
  width: 300px;
  clear: both;
  background: #f6f6f7;
  padding: 0;
  margin: 0 0 0 7%;
  border: 3px solid #ececed;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.content .galleryimage .gallery:hover {
  background: #e0e0e4;
}
.content .galleryimage .gallery img {
  width: 300px !important;
  height: auto !important;
  margin: 0;
}
.content .galleryimage .gallery img.scaled {
  width: auto !important;
}
.content .galleryimage .gallery a,
.content .galleryimage .gallery .thumb {
  float: left;
  padding: 0;
  margin: 1px;
  border: 2px solid #ffffff;
  width: 294px;
  height: 186px;
  overflow: hidden;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: url('../gif/campaignmonitor_marque_grey_small.gif') center no-repeat #ffffff;
}
.content div.figure {
  float: left;
  width: 92.5%;
  margin: 10px 0 30px 7.5%;
}
.content div.figure img {
  margin: 0 !important;
}
.content iframe {
  float: left;
  max-width: 577px;
  margin: 0 0 30px 7.5%;
  clear: both;
}
.content iframe.fullvideo {
  margin: 10px 0 40px 0;
  width: 679px;
  max-width: 679px;
}
.content p iframe {
  width: 100%;
  margin: 0;
  max-width: 100%;
}
.content table {
  margin: 30px 0 50px 7.5%;
  width: 85% !important;
  border: 1px solid #ececed;
  border-collapse: collapse;
  border-bottom: none;
}
.content table.float {
  float: left;
}
.content table td {
  border-bottom: 1px solid #ececed;
  text-align: left;
  padding: 10px 6px;
  font-size: 1.4em;
}
.content table td.comment {
  font-size: 1.2em;
  color: #5d5d66;
  text-align: center;
}
.content table td.center {
  text-align: center;
}
.content table td.green {
  background: #F6FDE4;
  border-bottom-color: #d5eb9d;
  color: #5b9510;
  border-left: 1px solid #d5eb9d;
}
.content table tr.header {
  background: #ececed;
}
.content table tr.header td {
  padding: 10px 0 10px 6px;
  font-size: 1.2em;
  font-weight: bold;
  color: #111324;
}
.content table tr.inset {
  color: #5d5d66;
}
.content table tr.inset td.element-style.inset {
  padding-left: 20px;
}
.content table tr.green td {
  color: #111324;
  background: #F6FDE4;
}
.content table tr:hover {
  background: #ececed;
}
.content table tr:hover.green td,
.content table tr:hover td.green {
  background: #eefbcc;
}
.content table tr:hover td.no-hl {
  background: #ffffff;
}
.content table thead tr,
.content table tr.header {
  background: #ececed;
}
.content table thead tr td,
.content table tr.header td {
  padding: 10px 0 10px 6px;
  font-size: 1.2em;
  font-weight: bold;
  color: #111324;
}
.content table thead tr td.green,
.content table tr.header td.green {
  color: #111324;
}
.content table thead tr.slab td,
.content table tr.header.slab td {
  border-bottom-width: 2px;
}
.content table thead tr:hover td.green,
.content table tr.header:hover td.green {
  background: #F6FDE4;
}
.content table.borders td {
  border-left: 1px solid #ececed;
}
.content table.big {
  font-size: 1.1em;
}
.content table.big td {
  padding-top: 13px;
  padding-bottom: 13px;
}
.content table#keyguide {
  border: none;
  margin: 0 0 20px 12%;
}
.content table#keyguide td {
  border: none;
  width: 33%;
  padding: 10px 0 0 0;
  font-size: 1.2em;
  line-height: 1.5em;
  color: #5d5d66;
}
.content table#keyguide td .key {
  display: inline-block;
  *display: inline;
  width: 10px;
  overflow: hidden;
  text-indent: -9000px;
  height: 10px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0 5px 0 0;
}
.content table#keyguide td strong {
  font-weight: 500;
  color: #111324;
}
.content table#keyguide tr:hover {
  background: none;
}
.content dl {
  float: left;
  width: 80%;
  margin: 30px 7.5% 20px 7.5%;
}
.content dl dt {
  float: left;
  width: 20%;
  height: 100%;
  font-size: 1.3em;
  line-height: 1.5em;
  clear: both;
  color: #5d5d66;
}
.content dl dt:first-child {
  color: #111324;
}
.content dl dd {
  float: right;
  position: relative;
  width: 75%;
  clear: right;
  margin: 0 10px 30px 0;
  border-left: 2px solid #93ceff;
}
.content dl dd p {
  width: 95%;
  padding: 0;
  margin: 0 0 0 5%;
}
.content .pullout,
.content p.alert-1,
.content p.alert-2 {
  float: left;
  width: 85%;
  margin: 0 4.5% 20px 4.5%;
  padding: 13px 3%;
  border: 1px solid #93ceff;
  background: #F8FDFE;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 1.3em;
  line-height: 1.5em;
  color: #111324;
}
.content .pullout.success,
.content p.alert-1.success,
.content p.alert-2.success {
  background: #F6FDE4;
  border-color: #d1eea8;
  color: #62931d;
}
.content .pullout.success strong,
.content p.alert-1.success strong,
.content p.alert-2.success strong {
  color: #7EBD26;
}
.content .pullout.warning,
.content p.alert-1.warning,
.content p.alert-2.warning {
  background: #fff3c5;
  border-color: #ffe378;
  color: #937f38;
}
.content .pullout.warning strong,
.content p.alert-1.warning strong,
.content p.alert-2.warning strong {
  color: #b89f46;
}
.content .pullout.warning h5,
.content p.alert-1.warning h5,
.content p.alert-2.warning h5 {
  color: #b89f46;
  font-weight: bold;
  font-size: 0.85em;
  margin: 0 0 8px 0;
  padding: 0;
  text-transform: uppercase;
}
.content .pullout.warning a,
.content p.alert-1.warning a,
.content p.alert-2.warning a {
  color: #493f1c;
}
.content .pullout strong,
.content p.alert-1 strong,
.content p.alert-2 strong {
  display: inline;
  color: #65b9ff;
  margin: 0 5px 0 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85em;
}
.content p.alert-2 {
  background: #fff3c5;
  border-color: #ffe378;
  color: #937f38;
}
.content p.alert-2 strong {
  color: #b89f46;
}
.content .breakout {
  float: left;
  clear: both;
  position: relative;
  width: 89.5%;
  margin: 20px 0 40px 4.5%;
  border: 1px solid #93ceff;
  background: #F8FDFE;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0 0 10px 0;
}
.content .breakout h3 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  color: #65b9ff;
  margin: 30px 0 10px 0;
}
@media only screen and (max-width: 767px) {
  .content .breakout h3 {
    font-size: 1.8em;
  }
}
.content .breakout .verdict {
  position: absolute;
  width: 49px;
  height: 49px;
  background: url('../png/verdict.png') top center no-repeat;
  top: -20px;
  right: 13px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.content .breakout .verdict.good {
  background-position: bottom center;
}
.content pre {
  max-width: 600px;
  width: 100%;
  margin: 10px 0 40px 0px;
  padding: 20px;
  border: 1px solid #ececed;
  background: #ffffff;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-family: 'Droid Sans Mono', monospace, Courier;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3em;
  line-height: 1.6em;
  color: #111324;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-height: 800px;
  overflow: auto;
}
.content .codebox h5 {
  margin: 0;
}
.content .codeblock {
  float: left;
  width: 88%;
  margin: 10px 0% 40px 4.5%;
  background: #ffffff;
  border: 1px solid #ececed;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #111324;
}
.content .codeblock code {
  float: left;
  width: 90%;
  padding: 10px 25px !important;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  color: #111324;
  font-family: 'Droid Sans Mono', monospace, Courier;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3em;
  line-height: 1.6em;
  max-height: 800px;
  overflow: auto;
}
.content .syntax {
  float: left;
  width: 650px;
  background: #111324;
  margin: 10px 0 40px 19px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.content .syntax .codehead {
  position: relative;
  float: left;
  width: 100%;
  background: #F8FDFE;
  border: 1px solid #93ceff;
  border-bottom: none;
  padding: 13px 19px;
  font-size: 1.2em;
}
.content .syntax .codehead .method {
  color: #65b9ff;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .content .syntax .codehead .method {
    font-size: 1.8em;
  }
}
.content .syntax .codehead strong {
  color: #65b9ff;
  font-weight: 500;
}
.content .syntax .codehead code {
  margin: 0 0 0 10px;
  font-family: 'Droid Sans Mono', monospace, Courier;
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.2em;
  color: #5d5d66;
}
.content .syntax .codehead .switch {
  position: absolute;
  right: 10px;
  top: 9px;
  background: #ffffff;
  padding: 1px;
  border: 1px solid #93ceff;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.content .syntax .codehead .switch a {
  float: left;
  padding: 5px 6px;
  color: #5d5d66;
  font-size: 0.85em;
  font-weight: 500;
}
.content .syntax .codehead .switch a.active {
  background: #7856ff;
  color: #ffffff;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.content .syntax .border {
  float: left;
  margin: 0;
  padding: 20px 19px;
  border: 1px solid #ececed;
  background: #ffffff;
  color: #111324;
  width: 610px;
}
.content .syntax .border pre {
  float: none;
  width: 100%;
  padding: 0;
  border: none;
}
.content .syntax pre {
  float: left;
  margin: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 608px;
  padding: 20px 19px;
  border-left: 3px solid #111324;
}
.content .syntax pre.border {
  border-top-color: #93ceff;
}
.content .syntax p {
  float: right;
  margin: 0;
  padding: 20px 19px;
  border: 1px solid #ececed;
  background: #ffffff;
  color: #111324;
  width: 627px;
  border-left: 3px solid #111324;
}
.content .syntax p.border {
  border-top-color: #93ceff;
}
.content .syntax p .label {
  font-family: 'Droid Sans Mono', monospace, Courier;
  font-style: normal;
  font-weight: normal;
  font-size: 1;
  line-height: 1;
  margin-right: 12px;
}
.content .plaintext {
  float: left;
  width: 100%;
  position: relative;
  margin: 0 0 40px;
}
.content .plaintext .margins {
  position: absolute;
  height: 206px;
  width: 2px;
  border-left: 1px solid rgba(243, 177, 157, 0.4);
  border-right: 1px solid rgba(243, 177, 157, 0.4);
  left: 8%;
  top: 0;
  z-index: 100;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.content .plaintext .margins.auto {
  height: 98%;
}
.content .plaintext textarea,
.content .plaintext pre {
  float: left;
  width: 76%;
  height: 150px;
  margin: 0 4.5%;
  padding: 28px 7.5%;
  resize: none;
  border: none;
  font-family: 'Droid Sans Mono', monospace, Courier;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3em;
  line-height: 25px;
  color: #111324;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2edca), color-stop(5%, #fcfae8));
  background: -moz-repeating-linear-gradient(top, #fcfae8, #fcfae8 24px, #f2edca 25px);
  background: repeating-linear-gradient(top, #fcfae8, #fcfae8 24px, #f2edca 25px);
  -webkit-background-size: 100% 25px;
  outline: none;
}
.content .plaintext pre {
  height: auto;
  outline: none;
  max-height: 800px;
  overflow: auto;
}
.content .plaintext .ripped {
  float: left;
  width: 91%;
  background: url('../gif/ripped_paper_yellow.gif') left bottom repeat-x;
  height: 9px;
  margin: 0 4.5%;
}
.content img.border {
  border: 1px solid #ececed;
}
.content .image {
  float: left;
  margin: 0 7.5% 20px 7.5%;
  border: none;
  padding: 0;
  outline: none;
}
.content .fullimage {
  float: left;
  margin: 10px 0 30px 0;
  border: none;
  padding: 0;
  outline: none;
}
.content .image.spacer,
.content .fullimage.spacer {
  margin-top: 30px;
  margin-bottom: 50px;
}
.content .caption {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.content .caption img.image,
.content .caption img.fullimage,
.content .caption img.spacer {
  margin-bottom: 15px;
}
.content .caption p {
  margin-top: 0;
  color: #5f5f69;
  padding-bottom: 12px;
  border-bottom: 1px dotted #ececed;
}
.content .caption p em {
  font-style: italic;
}
.content ul.recentlist {
  width: 91%;
  list-style: none;
  padding: 0;
  margin: 0 4.5%;
}
.content ul.recentlist li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ececed;
}
.content ul.recentlist li a {
  float: left;
  width: 93%;
  padding: 12px 3.5%;
  margin: 1px 0;
}
.content ul.recentlist li a:hover {
  background: #effafd;
}
.content .halfbox {
  float: left;
  background: #f6f6f7;
  margin: 10px 1% 50px 4%;
  width: 38%;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 15px 3.5%;
  font-size: 1.2em;
  color: #111324;
}
.content .halfbox.right {
  margin: 10px 4% 50px 1%;
}
.content .halfbox .row {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e9e9eb;
  padding: 8px 0;
}
.content .halfbox .row.last {
  border-bottom: none;
}
.content .halfbox .row strong {
  font-weight: 500;
  color: #111324;
}
.content .halfbox .row .percent {
  float: right;
  width: 70px;
  text-align: right;
}
.content .halfbox .row .percent.mover {
  background: url('../gif/green_arrow_up.gif') left center no-repeat;
}
.content .halfbox .row .percent.shaker {
  background: url('../gif/red_arrow_down.gif') left center no-repeat;
}
.content a.bigbutton {
  float: left;
  margin: 20px 0 20px 5.5%;
  -khtml-border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background: url('../gif/arrow_right_white_padded.gif') right center no-repeat #7EBD26;
  color: #ffffff;
  font-weight: 500;
  padding: 8px 27px 9px 13px;
  font-size: 1.2em;
}
.content a.bigbutton:hover {
  background-color: #57ad17;
}
.content a.bigbutton:active {
  background-color: #4c9614;
}
.content a.bigbutton.blue {
  background-color: #7856ff;
}
.content a.bigbutton.blue:hover {
  background-color: #8c6fff;
}
.content a.bigbutton.blue:active {
  background-color: #7856ff;
}
.content a.bigbutton.download {
  background-image: url('../gif/download.gif');
  background-position: right center;
}
.content a.bigbutton.download span {
  color: #ded6ff;
}
.content a.bigbutton.download:active {
  background-position: right 60%;
}
.content .clear {
  float: left;
  width: 100%;
  clear: both;
}
#hailmary {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.98);
  z-index: 10001;
}
#hailmary > div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 540px;
}
#hailmary a {
  display: block;
}
#hailmary a img {
  max-width: 100%;
  height: auto;
}
#hailmary span.close {
  position: absolute;
  top: -22px;
  right: -22px;
  width: 12px;
  height: 12px;
  background-image: url(../svg/cross-dark.svg);
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 600px) {
  #hailmary span.close {
    right: 0;
  }
}
section#signup {
  padding: 15em 0;
  background: #65b9ff;
  background: -moz-linear-gradient(left, #7856ff 0%, #65b9ff 100%);
  background: -webkit-linear-gradient(left, #7856ff 0%, #65b9ff 100%);
  background: linear-gradient(to right, #7856ff 0%, #65b9ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7856ff', endColorstr='#65b9ff', GradientType=1);
}
section#signup .inner {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
section#signup h3 {
  color: #ffffff;
  width: 100%;
  max-width: 450px;
  text-align: center;
  margin-bottom: 40px;
}
section#signup p {
  color: #ffffff;
  max-width: 500px;
  text-align: center;
  margin-bottom: 40px;
}
section#signup .btn-container {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  max-width: 460px;
  margin: 0 auto;
}
section#signup .btn-container a {
  width: 100%;
  margin: 0;
}
section#signup .btn-container > a,
section#signup .btn-container > span,
section#signup .btn-container > div {
  flex-basis: 50%;
}
section#signup .btn-container > span.wistia_embed > div {
  width: 100% !important;
}
section#signup .btn-container > :first-child {
  margin-right: 8px;
}
section#signup .btn-container > :last-child {
  margin-left: 8px;
}
@media only screen and (max-width: 511.52px) {
  section#signup .btn-container {
    display: block;
    margin: 0 auto;
  }
  section#signup .btn-container > :first-child,
  section#signup .btn-container > :last-child {
    clear: both;
    display: block;
    width: 222px;
    text-align: center;
    margin: 10px auto;
  }
}
section.cm-cta-strip .inner {
  text-align: center;
}
section.cm-cta-strip p {
  max-width: 530px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
section.cm-cta-strip p.lead {
  max-width: 850px;
}
section.cm-cta-strip .btn-container {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  max-width: 450px;
  margin: 0 auto;
}
section.cm-cta-strip .btn-container a {
  width: 100%;
  margin: 0;
}
section.cm-cta-strip .btn-container > a,
section.cm-cta-strip .btn-container > span,
section.cm-cta-strip .btn-container > div {
  flex-basis: 50%;
}
section.cm-cta-strip .btn-container > span.wistia_embed > div {
  width: 100% !important;
}
section.cm-cta-strip .btn-container > :first-child {
  margin-right: 8px;
}
section.cm-cta-strip .btn-container > :last-child {
  margin-left: 8px;
}
@media only screen and (max-width: 500.4px) {
  section.cm-cta-strip .btn-container {
    display: block;
    margin: 0 auto;
  }
  section.cm-cta-strip .btn-container > :first-child,
  section.cm-cta-strip .btn-container > :last-child {
    clear: both;
    display: block;
    width: 217px;
    text-align: center;
    margin: 10px auto;
  }
}
section.cm-cta-strip.grey {
  background-color: #f6f6f7;
}
section.cm-cta-strip.dark {
  background: #111324;
  /* Old browsers */
  background: -moz-linear-gradient(left, #111324 0%, #212547 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #111324 0%, #212547 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #111324 0%, #212547 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111324', endColorstr='#212547',GradientType=1);
  /* IE6-9 */
}
section.cm-cta-strip.dark p {
  color: #ffffff;
}
footer {
  width: 100%;
  min-width: 320px;
  position: relative;
  color: #f6f6f7;
  background: #111324;
  padding: 60px 0 44px 0;
  text-align: left;
  clear: both;
}
footer .main-footer {
  overflow: hidden;
}
footer .main-footer .logo {
  float: left;
}
@media only screen and (max-width: 1100px) {
  footer .main-footer .logo {
    float: none;
    margin-bottom: 45px;
  }
}
footer .main-footer .logo a.home-nav-link {
  display: block;
  height: 20px;
  margin: 0;
  width: 200px;
}
footer .main-footer .logo a.home-nav-link svg {
  display: block;
}
footer .main-footer .logo a.home-nav-link .logo-color {
  fill: #ffffff;
}
footer .main-footer .menu {
  float: right;
  width: 680px;
}
@media only screen and (max-width: 1100px) {
  footer .main-footer .menu {
    float: none;
    max-width: 680px;
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  footer .main-footer .menu {
    float: none;
    max-width: 370px;
    width: 100%;
  }
}
footer .main-footer .menu dl {
  float: left;
  width: 25%;
}
@media only screen and (max-width: 750px) {
  footer .main-footer .menu dl {
    width: 50%;
    margin-bottom: 30px;
  }
  footer .main-footer .menu dl:nth-child(2n+1) {
    clear: both;
  }
  footer .main-footer .menu dl:nth-child(1),
  footer .main-footer .menu dl:nth-child(3) {
    width: 60%;
  }
  footer .main-footer .menu dl:nth-child(2),
  footer .main-footer .menu dl:nth-child(4) {
    width: 40%;
  }
  footer .main-footer .menu dl:nth-child(3),
  footer .main-footer .menu dl:nth-child(4) {
    margin-bottom: 0;
  }
}
footer .main-footer .menu dl dt {
  font-size: 1.3em;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
  margin: 0 0 15px 0;
  color: #8a8b93;
}
footer .main-footer .menu dl dt a {
  color: #8a8b93;
  font-weight: 500;
}
footer .main-footer .menu dl dd {
  font-size: 1.3em;
  padding: 0 0 12px 0;
}
footer .main-footer .menu dl dd.nopad {
  padding: 0;
}
footer .main-footer .menu dl dd a {
  color: #ffffff;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
footer .main-footer .menu dl dd a:hover {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
footer .main-footer .menu dl dd .phonenumber {
  display: none;
  color: #5d5d66;
  cursor: pointer;
  padding: 0 0 12px 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
footer .main-footer .menu dl dd .phonenumber.active {
  display: block;
}
footer .main-footer .menu dl dd .phonenumber:hover {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
footer .sub-footer {
  border-top: 1px solid #5d5d66;
  margin-top: 40px;
  padding: 26px 0 0;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  footer .sub-footer {
    text-align: center;
  }
}
footer .sub-footer .cmbtn {
  float: left;
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 575px) {
  footer .sub-footer .cmbtn {
    float: none;
  }
}
footer .sub-footer #subForm {
  float: left;
  position: relative;
  width: auto;
  overflow: visible;
  background: transparent;
  display: inline-block;
}
@media only screen and (max-width: 1100px) {
  footer .sub-footer #subForm {
    float: none;
  }
}
footer .sub-footer #subForm label {
  display: inline-block;
}
footer .sub-footer #subForm input[type=email] {
  width: 310px;
  font-size: 1.3em;
  padding-top: 9px;
  padding-bottom: 9px;
  margin: 0 16px 0 0;
}
footer .sub-footer #subForm span.label {
  font-size: 1.1em;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
footer .sub-footer #subForm span.label.error {
  color: #937f38;
}
footer .sub-footer #subForm .error_field {
  bottom: 4px;
  right: 20px;
  position: absolute;
  z-index: 10;
  height: 30px;
  font-size: 11px;
  line-height: 30px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #ffefa6;
  border: 1px solid #ffde4d;
  color: #5d5d66;
  padding: 0 15px;
}
footer .sub-footer #subForm #subForm-check-alive {
  display: none;
}
footer .sub-footer #subForm #subResponse {
  font-size: 1.2em;
  display: none;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #e4ddff;
  border: 1px solid #7856ff;
  color: #5d5d66;
  text-align: center;
  line-height: 38px;
}
footer .sub-footer #subForm #subResponse.show {
  display: block;
}
@media only screen and (max-width: 575px) {
  footer .sub-footer #subForm {
    text-align: center;
    max-width: 460px;
    width: 100%;
    margin: 0 auto;
  }
  footer .sub-footer #subForm label,
  footer .sub-footer #subForm input[type=email] {
    display: block;
    width: 100%;
  }
  footer .sub-footer #subForm .cmbtn {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  footer .sub-footer #subForm #subResponse {
    line-height: 88px;
  }
}
footer .sub-footer .footnotes {
  float: right;
  width: 683px;
}
@media only screen and (max-width: 1260px) {
  footer .sub-footer .footnotes {
    float: left;
    width: auto;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 1100px) {
  footer .sub-footer .footnotes {
    display: block;
    float: none;
    padding-left: 0px;
    clear: both;
    margin-top: 4px;
  }
}
@media only screen and (max-width: 575px) {
  footer .sub-footer .footnotes {
    text-align: center;
  }
}
footer .sub-footer .footnotes .social {
  float: left;
  margin-top: 11px;
  margin-right: 12px;
}
@media only screen and (max-width: 575px) {
  footer .sub-footer .footnotes .social {
    float: none;
    margin: 11px 0 0;
    display: inline-block;
  }
}
footer .sub-footer .footnotes .social a {
  color: #bebec2;
  font-size: 1.1em;
  margin-right: 18px;
  display: inline-block;
  overflow: hidden;
  width: 18px;
  float: left;
  height: 18px;
  line-height: 18px;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
footer .sub-footer .footnotes .social a:hover {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
footer .sub-footer .footnotes .social .phone {
  display: none;
}
@media only screen and (max-width: 1060px) {
  footer .sub-footer .footnotes .social .phone {
    display: inline;
  }
  footer .sub-footer .footnotes .social .phone .number {
    display: inline-block;
    top: -1px;
    text-indent: -9999em;
    overflow: hidden;
    float: left;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url('../png/footer-phone%402x.png');
    background-position: 2px 2px;
    background-size: 16px 36px;
  }
  footer .sub-footer .footnotes .social .phone .number:hover {
    background-position: 2px -18px;
  }
}
@media only screen and (max-width: 620px) {
  footer .sub-footer .footnotes .social .phone .number {
    margin: 0 10px;
    float: none;
    position: relative;
    top: 1px;
  }
}
footer .sub-footer .footnotes .social .twitter svg {
  margin-top: 1.5px;
}
footer .sub-footer .footnotes .foot-line {
  float: right;
  width: 498px;
  font-size: 1.2em;
  line-height: 1.8em;
  margin-top: 11px;
  color: #bebec2;
}
@media only screen and (max-width: 1260px) {
  footer .sub-footer .footnotes .foot-line {
    float: left;
    width: auto;
    margin-top: 6px;
  }
}
@media only screen and (max-width: 575px) {
  footer .sub-footer .footnotes .foot-line {
    float: none;
    width: 100%;
    text-align: center;
    clear: both;
    display: flex;
    flex-direction: column;
  }
}
footer .sub-footer .footnotes .foot-line a {
  color: #bebec2;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
footer .sub-footer .footnotes .foot-line a:hover {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
@media only screen and (max-width: 575px) {
  footer .sub-footer .footnotes .foot-line a {
    padding: 0 0 12px 0;
  }
}
footer .sub-footer .footnotes .foot-line .sep {
  width: 1px;
  height: 18px;
  position: relative;
  top: 5px;
  display: none;
  background-color: #8a8b93;
  margin: 0 5px;
}
@media only screen and (max-width: 1260px) {
  footer .sub-footer .footnotes .foot-line .sep {
    display: inline-block;
  }
}
@media only screen and (max-width: 575px) {
  footer .sub-footer .footnotes .foot-line .sep {
    display: none;
  }
}
footer .sub-footer .footnotes .foot-line .first-sep {
  width: 1px;
  height: 13px;
  position: relative;
  top: 2px;
  display: inline-block;
  background-color: #8a8b93;
  margin: 0 5px;
}
@media only screen and (max-width: 1260px) {
  footer .sub-footer .footnotes .foot-line .first-sep {
    top: 5px;
    height: 18px;
  }
}
@media only screen and (max-width: 575px) {
  footer .sub-footer .footnotes .foot-line .first-sep {
    display: none;
  }
}
footer .sub-footer .footnotes .foot-line .right {
  float: right;
  width: 200px;
}
@media only screen and (max-width: 1260px) {
  footer .sub-footer .footnotes .foot-line .right {
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 1060px) {
  footer .sub-footer .footnotes .foot-line .phone {
    display: none;
  }
}
footer .sub-footer .footnotes .foot-line .phone .phonenumber {
  display: none;
}
footer .sub-footer .footnotes .foot-line .phone .phonenumber.active {
  display: inline;
}
footer .cm-group {
  clear: both;
  margin-top: 6em;
  padding-top: 6em;
  text-align: center;
}
footer .cm-group span {
  font-size: 1.2em;
  color: #bebec2;
}
footer .cm-group span a {
  color: #bebec2;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
footer .cm-group span a:hover {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
footer .cm-group .logos {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 25px;
}
footer .cm-group .logos a {
  line-height: 0;
  margin-bottom: 15px;
}
footer .cm-group .logos img {
  margin: 0;
  height: 12px;
}
footer .cm-group .logos img.cmg {
  height: 3rem;
}
footer .cm-group .logos img.marigold {
  height: 2rem;
}
@media only screen and (max-width: 767px) {
  footer .cm-group {
    padding-top: 3em;
  }
  footer .cm-group .logos {
    max-width: 400px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 460px) {
  footer .cm-group .logos {
    max-width: 160px;
  }
  footer .cm-group .logos img.cm {
    margin-bottom: -3px;
  }
  footer .cm-group .logos img.lc {
    bottom: 6px;
  }
}
footer.streamline {
  padding-top: 30px;
}
@media only screen and (max-width: 640px) {
  footer.streamline {
    padding-top: 60px;
  }
}
footer.streamline .central {
  padding-top: 10px;
}
footer.streamline .main-footer {
  overflow: visible;
}
footer.streamline .logo {
  position: relative;
  top: 5px;
  float: left;
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  footer.streamline .logo {
    float: none;
    margin-bottom: 15px;
  }
  footer.streamline .logo a.home-nav-link {
    margin: 0 auto;
  }
}
footer.streamline .sub-footer {
  float: right;
  width: auto;
  border: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 640px) {
  footer.streamline .sub-footer {
    float: none;
  }
}
@media only screen and (max-width: 400px) {
  footer.streamline .sub-footer {
    max-width: 200px;
    margin: 0 auto;
  }
}
footer.streamline .sub-footer .foot-line {
  float: right;
  font-size: 1.2em;
  line-height: 1;
  margin: -1px 0 0 0;
  color: #5d5d66;
}
@media only screen and (max-width: 1260px) {
  footer.streamline .sub-footer .foot-line {
    float: left;
    width: auto;
  }
}
@media only screen and (max-width: 575px) {
  footer.streamline .sub-footer .foot-line {
    float: none;
    width: 100%;
    text-align: center;
    clear: both;
    display: flex;
    flex-direction: column;
  }
}
footer.streamline .sub-footer .foot-line a {
  color: #bebec2;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
footer.streamline .sub-footer .foot-line a:hover {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
footer.streamline .sub-footer .foot-line .sep {
  width: 1px;
  height: 18px;
  position: relative;
  top: 5px;
  display: inline-block;
  background-color: #8a8b93;
  margin: 0 5px;
}
footer.streamline .sub-footer .foot-line .right {
  float: right;
  width: 320px;
}
@media only screen and (max-width: 1260px) {
  footer.streamline .sub-footer .foot-line .right {
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 1060px) {
  footer.streamline .sub-footer .foot-line .phone {
    display: none;
  }
}
footer.streamline .sub-footer .foot-line .phone .phonenumber {
  display: none;
}
footer.streamline .sub-footer .foot-line .phone .phonenumber.active {
  display: inline;
}
@media only screen and (max-width: 1060px) {
  footer.streamline .sub-footer .foot-line {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 640px) {
  footer.streamline .sub-footer .foot-line {
    text-align: center;
  }
}
@media only screen and (max-width: 450px) {
  footer.streamline .sub-footer .foot-line .sep {
    display: inline-block;
    margin: 0 2px;
  }
}
#cookie-notification {
  background: #2a2941;
  position: fixed;
  z-index: 99999;
  top: 100%;
  left: 0;
  width: 100%;
}
#cookie-notification .inner {
  padding: 10px 0;
  width: 90%;
  position: relative;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#cookie-notification p {
  position: relative;
  width: 100%;
  padding-right: 30px;
  max-width: 780px;
  margin: 0;
  font-size: 1.2em;
  line-height: 1.2em;
  color: #f6f6f7;
}
#cookie-notification #cookie-consent {
  width: 215px;
  text-align: right;
  flex-shrink: 0;
}
#cookie-notification #cookie-consent a {
  margin: 0 2px;
}
@media only screen and (max-width: 800px) {
  #cookie-notification .inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #cookie-notification p {
    text-align: center;
    padding-right: 0;
  }
  #cookie-notification #cookie-consent {
    width: 100%;
    text-align: center;
    padding-top: 2em;
  }
}
#sales_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  -webkit-tap-highlight-color: transparent;
}
#sales_overlay .overlay {
  background: #ffffff;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}
#sales_overlay .phonenumber {
  display: none;
}
#sales_overlay .phonenumber.active {
  display: block;
}
#sales_overlay .cmbtn {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2.1em;
  font-weight: 400;
  letter-spacing: -0.03em;
  width: 250px;
  margin: -27px 0 0 -125px;
  padding-right: 35px;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#sales_overlay .cmbtn span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../png/cta-phone-icon.png);
  background-size: 21px 20px;
  background-position: 0px 0px;
  position: relative;
  left: -5px;
  top: 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  #sales_overlay .cmbtn span {
    background-image: url('../png/cta-phone-icon%402x.png');
  }
}
.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.glide * {
  box-sizing: inherit;
}
.glide__track {
  overflow: hidden;
}
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.glide__slides--dragging {
  user-select: none;
}
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide--rtl {
  direction: rtl;
}
.draw-device svg {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.draw-device svg .shadow-color {
  fill: #5d5d66;
}
.draw-device svg .fill-color.white {
  fill: #ffffff;
}
.draw-device svg .fill-color.grey {
  fill: #f6f6f7;
}
.draw-device svg .border {
  fill: #ffffff;
}
.draw-device.border svg .border {
  stroke: #ececed;
  stroke-width: 1;
}
.draw-device.border .masked-video,
.draw-device.border .masked-markup {
  border: 1px solid #ececed;
}
.draw-device.browser {
  -webkit-box-shadow: 0 10px 30px 0 rgba(142, 149, 156, 0.5);
  -moz-box-shadow: 0 10px 30px 0 rgba(142, 149, 156, 0.5);
  box-shadow: 0 10px 30px 0 rgba(142, 149, 156, 0.5);
  position: relative;
}
.draw-device.browser .bar {
  height: 10px;
  width: 100%;
  background-color: #f6f6f7;
  background-image: url(../svg/browser-bar.svg);
  background-position: left center;
  background-repeat: no-repeat;
}
.draw-device.browser .bar .dot {
  display: none;
}
.draw-device.browser .bar.white {
  background-image: url(../svg/browser-bar-white.svg);
  background-color: #ffffff;
}
.draw-device.browser .screen {
  text-align: center;
  overflow: hidden;
  position: relative;
  height: 100%;
  line-height: 0;
}
.draw-device.browser .screen img {
  max-width: 100%;
}
.draw-device.iphone-portrait {
  position: relative;
}
.draw-device.iphone-portrait .masked-video,
.draw-device.iphone-portrait .masked-markup {
  /*            max-width: 200px;
            max-height: 342px;*/
  width: 69.93%;
  height: 67.59%;
  position: absolute;
  top: 16%;
  left: 15.03%;
  overflow: hidden;
}
.draw-device.iphone-landscape {
  position: relative;
}
.draw-device.iphone-landscape .masked-video,
.draw-device.iphone-landscape .masked-markup {
  /*            max-width: 342px;
            max-height: 200px;*/
  width: 66.81%;
  height: 69.93%;
  position: absolute;
  left: 14.69%;
  top: 15.03%;
  overflow: hidden;
}
.draw-device.ipad-portrait {
  position: relative;
}
.draw-device.ipad-portrait .masked-video,
.draw-device.ipad-portrait .masked-markup {
  /*            max-width: 340px;
            max-height: 453px;*/
  width: 75.56%;
  height: 71.9%;
  position: absolute;
  top: 12.3%;
  left: 12.22%;
  overflow: hidden;
}
.draw-device.ipad-landscape {
  position: relative;
}
.draw-device.ipad-landscape .masked-video,
.draw-device.ipad-landscape .masked-markup {
  /*            max-width: 453px;
            max-height: 340px;*/
  width: 73.42%;
  height: 73.43%;
  position: absolute;
  top: 11.45%;
  left: 13.65%;
  overflow: hidden;
}
.draw-device.laptop {
  position: relative;
}
.draw-device.laptop .masked-video,
.draw-device.laptop .masked-markup {
  /*            max-width: 686px;
            max-height: 438px;*/
  width: 71.015%;
  height: 74.49%;
  position: absolute;
  top: 11.13%;
  left: 14.49%;
  overflow: hidden;
}
.cmForm {
  background-color: #ffffff;
  overflow: hidden;
  width: 100%;
  /* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
  /* Placeholder formatting */
}
.cmForm form {
  width: 100%;
}
.cmForm .half {
  float: left;
  width: 50%;
  position: relative;
}
.cmForm .half.left {
  padding-right: 0.8em;
}
.cmForm .half.right {
  padding-left: 0.8em;
}
.cmForm hr {
  border: none;
  height: 1px;
  width: 100%;
  padding: 0 45px;
  margin: 24px 0 40px -45px;
  box-sizing: content-box;
  background: #ececed;
}
.cmForm .full {
  position: relative;
  clear: both;
  overflow: hidden;
}
.cmForm label.optin {
  margin: 2em 0 0;
  padding-left: 20px;
}
.cmForm label.optin input[type="checkbox"] {
  position: absolute;
  top: 4px;
  left: 0;
}
.cmForm label.optin .custom-checkbox {
  position: absolute;
  top: 2px;
  left: 0;
}
.cmForm label.optin .custom-checkbox input[type="checkbox"] {
  top: 0;
}
.cmForm label .helper {
  float: right;
  font-size: 1em;
  line-height: 0.5em;
  font-weight: 600;
  color: #d4d4d5;
}
.cmForm .error_field {
  position: absolute;
  z-index: 10;
  right: 10px;
  bottom: 21px;
  height: 30px;
  font-size: 11px;
  line-height: 26px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #ffefa6;
  border: 1px solid #ffde4d;
  color: #5d5d66;
  padding: 0 15px;
}
.cmForm .error_field.selector {
  bottom: 31px;
}
.cmForm #check-alive {
  display: none;
}
.cmForm li.checkbox {
  margin: 0 0 1.625em;
}
.cmForm li.checkbox input {
  position: absolute;
  top: 0;
  left: 0;
}
.cmForm li.checkbox span {
  font-size: 0.625em;
  padding-left: 20px;
  display: inline-block;
  line-height: 1.4em;
  color: #5d5d66;
}
.cmForm .disclaimer,
.cmForm .privacy {
  text-align: center;
  margin-top: 1.625em;
  font-size: 1em;
  line-height: 1.4em;
  color: #5d5d66;
}
.cmForm label.wrapper {
  margin: 0 0 1.3em;
}
.cmForm .custom-select .error_field {
  bottom: 9px;
}
.cmForm .custom-checkbox {
  position: relative;
  display: inline-block;
  top: -2px;
  margin-right: 8px;
  cursor: pointer;
}
.cmForm .custom-checkbox span {
  display: block;
  width: 13px;
  height: 13px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #727272;
  background-color: #ffffff;
  -webkit-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -ms-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -o-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.cmForm .custom-checkbox input[type=checkbox] {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0;
  background: none;
  outline: none;
  border: none;
  /* Prefixed box-sizing rules necessary for older browsers */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* Remove select styling */
  -webkit-appearance: none;
  appearance: none;
}
.cmForm .custom-checkbox input[type=checkbox]:checked + span {
  border: 1px solid #7856ff;
  background-color: #7856ff;
  background-image: url(../svg/checkbox-tick.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.cmForm .floating {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0 1.6em;
}
.cmForm .floating label {
  float: left;
  width: auto;
}
.cmForm .floating input[type="checkbox"] {
  float: left;
  width: auto;
  margin: 4px 0.8em 0 0;
}
.cmForm [type="submit"] {
  width: 100%;
  margin-top: 2px;
}
.cmForm .success-message {
  overflow: hidden;
}
.cmForm #cmSignupForm form {
  float: none;
  text-align: left;
}
.cmForm #cmSignupForm form input[type=password] {
  font-size: 1.231em;
  line-height: 1.5em;
}
.cmForm .display_form {
  position: relative;
  left: 100%;
}
.cmForm.placeholders label span.label,
.cmForm form.placeholders label span.label {
  font-size: 1.3em;
  line-height: 1.3em;
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  padding: 0;
  font-weight: 400;
  color: #5d5d66;
  text-transform: none;
  background: transparent;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.cmForm.placeholders label.optin span.label,
.cmForm form.placeholders label.optin span.label {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  top: auto;
  position: static;
}
.cmForm.placeholders input[type="text"],
.cmForm form.placeholders input[type="text"],
.cmForm.placeholders input[type="email"],
.cmForm form.placeholders input[type="email"],
.cmForm.placeholders input[type="password"],
.cmForm form.placeholders input[type="password"],
.cmForm.placeholders textarea,
.cmForm form.placeholders textarea,
.cmForm.placeholders .custom-select,
.cmForm form.placeholders .custom-select {
  margin: 18px 0 5px;
  z-index: 1;
  position: relative;
}
.cmForm.placeholders [type="submit"],
.cmForm form.placeholders [type="submit"] {
  margin-top: 18px;
}
.cmForm.placeholders .error_field,
.cmForm form.placeholders .error_field {
  bottom: 15px;
}
.cmForm.placeholders .custom-select .error_field,
.cmForm form.placeholders .custom-select .error_field {
  bottom: 9px;
}
html[data-useragent*='MSIE 10'] .cmForm textarea,
html[data-useragent*='MSIE 10'] .cmForm input[type="text"],
html[data-useragent*='MSIE 10'] .cmForm input[type="email"],
html[data-useragent*='MSIE 10'] .cmForm input[type="password"] {
  line-height: 1;
}
html[data-useragent*='MSIE 10'] .cmForm label.optin {
  padding-left: 25px;
}
html[data-useragent*='MSIE 10'] .cmForm label.optin input[type="checkbox"] {
  border: none;
  top: 1px;
}
html[data-useragent*='MSIE 10'] .cmForm .custom-select:after {
  display: none;
}
html[data-useragent*='rv:11'] .cmForm textarea,
html[data-useragent*='rv:11'] .cmForm input[type="text"],
html[data-useragent*='rv:11'] .cmForm input[type="email"],
html[data-useragent*='rv:11'] .cmForm input[type="password"] {
  line-height: 1;
}
html[data-useragent*='rv:11'] .cmForm .error_field {
  bottom: 23px;
}
html[data-useragent*='rv:11'] .cmForm .custom-select:after {
  display: none;
}
html[data-useragent*='Firefox'] .cmForm .custom-select {
  overflow: hidden;
}
html[data-useragent*='Firefox'] .cmForm .custom-select select {
  width: 110% !important;
  width: -moz-calc(110%) !important;
  width: calc(100% em) !important;
  padding-right: 3.2em;
}
html[data-useragent*='Firefox'] .cmForm .custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
div.mktoForm {
  background-color: #ffffff;
  overflow: hidden;
  width: 100%;
  padding: 0 0 5px;
}
div.mktoForm a {
  padding: 0;
}
div.mktoForm form {
  width: 100% !important;
  font-size: 1em !important;
  padding: 0;
  /* Placeholder formatting */
}
div.mktoForm form .mktoOffset,
div.mktoForm form .mktoAsterix,
div.mktoForm form .mktoErrorArrowWrap,
div.mktoForm form .mktoGutter {
  display: none !important;
}
div.mktoForm form .mktoFormRow {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
div.mktoForm form .mktoFormCol,
div.mktoForm form .mktoFieldWrap {
  float: none;
  margin: 0 !important;
}
div.mktoForm form .mktoFormCol {
  padding: 0 8px;
  width: 100%;
}
div.mktoForm form .mktoFormCol:nth-child(0),
div.mktoForm form .mktoFormCol:first-of-type {
  padding-left: 0;
}
div.mktoForm form .mktoFormCol:nth-last-child(1),
div.mktoForm form .mktoFormCol:last-of-type {
  padding-right: 0;
}
div.mktoForm form label {
  font-weight: 400 !important;
  float: none !important;
  font-size: 1.3em;
  padding-top: 0 !important;
  width: auto !important;
  color: #727272;
}
div.mktoForm form input[type=text],
div.mktoForm form input[type=url],
div.mktoForm form input#siteurl,
div.mktoForm form input[type=email],
div.mktoForm form input[type=tel],
div.mktoForm form input[type=number],
div.mktoForm form input[type=date],
div.mktoForm form select.mktoField,
div.mktoForm form textarea.mktoField {
  width: 100% !important;
  float: none;
  font-size: 1.6em;
  line-height: 1.5em;
  height: auto;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 12px 17px;
  margin: 2px 0 11px;
}
div.mktoForm form input[type=text].mktoInvalid,
div.mktoForm form input[type=url].mktoInvalid,
div.mktoForm form input#siteurl.mktoInvalid,
div.mktoForm form input[type=email].mktoInvalid,
div.mktoForm form input[type=tel].mktoInvalid,
div.mktoForm form input[type=number].mktoInvalid,
div.mktoForm form input[type=date].mktoInvalid,
div.mktoForm form select.mktoField.mktoInvalid,
div.mktoForm form textarea.mktoField.mktoInvalid {
  border: 1px solid #ffde4d;
}
div.mktoForm form .mktoError {
  position: absolute;
  z-index: 10;
  right: 18px !important;
  bottom: 21px !important;
  height: 30px;
  font-size: 11px;
  line-height: 30px;
  background-color: #ffefa6;
  border: 1px solid #ffde4d;
  color: #5d5d66;
  padding: 0 15px;
}
div.mktoForm form .mktoError.selector {
  bottom: 31px;
}
div.mktoForm form .mktoError .mktoErrorMsg {
  display: inline;
  margin: auto;
  background: transparent;
  border: none;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #5d5d66;
  font-size: 11px;
  line-height: 26px;
  padding: 0;
  text-shadow: none;
}
div.mktoForm form .mktoError .mktoErrorDetail {
  display: none !important;
}
div.mktoForm form .mktoFormCol:nth-child(0) .mktoError,
div.mktoForm form .mktoFormCol:first-of-type .mktoError {
  right: 16px !important;
}
div.mktoForm form .mktoFormCol:nth-last-child(1) .mktoError,
div.mktoForm form .mktoFormCol:last-of-type .mktoError {
  right: 8px !important;
}
div.mktoForm form .custom-select {
  margin-top: 2px;
  margin-bottom: 10px;
}
div.mktoForm form .custom-select option {
  font-weight: normal;
}
div.mktoForm form .custom-select .mktoError {
  bottom: 10px !important;
}
div.mktoForm form .custom-select select {
  margin: 0;
}
div.mktoForm form .custom-select select.mktoInvalid {
  border: 1px solid #ffde4d;
}
div.mktoForm form .mktoCheckboxList {
  width: 100% !important;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 1100px) {
  div.mktoForm form .mktoCheckboxList {
    display: block;
  }
}
div.mktoForm form .checkbox-container {
  width: auto;
}
div.mktoForm form .checkbox-container label {
  display: none;
}
div.mktoForm form .checkbox-custom-label {
  padding-top: 10px;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.5em;
}
div.mktoForm form .checkbox-custom-label .mktoHtmlText {
  width: auto !important;
  color: #5d5d66;
}
div.mktoForm form #check-alive {
  display: none;
}
div.mktoForm form .g-recaptcha .grecaptcha-badge {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
  margin: 30px auto 0 !important;
  -webkit-box-shadow: 0 0 10px 0 rgba(93, 93, 102, 0.5) !important;
  -moz-box-shadow: 0 0 10px 0 rgba(93, 93, 102, 0.5) !important;
  box-shadow: 0 0 10px 0 rgba(93, 93, 102, 0.5) !important;
  display: block !important;
}
div.mktoForm form .g-recaptcha iframe {
  margin: 0;
}
div.mktoForm form .mktoButtonRow {
  width: 100%;
}
div.mktoForm form .mktoButtonWrap {
  margin: 0 !important;
}
div.mktoForm form .mktoButton {
  width: 100%;
  min-width: 234px;
  margin-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border: none;
}
div.mktoForm form .mktoFormRow.privacy-line {
  margin-top: 18px;
}
div.mktoForm form .mktoFormRow.privacy-line .mktoHtmlText {
  width: 100% !important;
  text-align: center;
  font-size: 1.5em;
  margin-top: 0;
  color: #5d5d66;
}
@media only screen and (max-width: 850px) {
  div.mktoForm form .mktoFormRow:not(.parent-checkbox-container) {
    display: block;
  }
  div.mktoForm form .mktoFormCol:not(.checkbox-container):not(.checkbox-custom-label) {
    padding: 0;
  }
}
@media only screen and (max-width: 770px) {
  div.mktoForm form .mktoFormRow {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
  }
  div.mktoForm form .mktoFormCol:not(.checkbox-container):not(.checkbox-custom-label) {
    padding: 0 8px;
  }
  div.mktoForm form .mktoFormCol:not(.checkbox-container):not(.checkbox-custom-label):nth-child(0),
  div.mktoForm form .mktoFormCol:not(.checkbox-container):not(.checkbox-custom-label):first-of-type {
    padding: 0;
  }
  div.mktoForm form .mktoFormCol:not(.checkbox-container):not(.checkbox-custom-label):nth-last-child(1),
  div.mktoForm form .mktoFormCol:not(.checkbox-container):not(.checkbox-custom-label):last-of-type {
    padding: 0;
  }
}
@media only screen and (max-width: 500px) {
  div.mktoForm form .mktoFormRow:not(.parent-checkbox-container) {
    display: block;
  }
  div.mktoForm form .mktoFormCol:not(.checkbox-container):not(.checkbox-custom-label) {
    padding: 0;
  }
}
div.mktoForm form.placeholder-labels label {
  position: absolute;
  top: 15px;
  z-index: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
div.mktoForm form.placeholder-labels label.no-hide {
  position: static;
  left: auto;
  top: auto;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  color: #5d5d66;
}
div.mktoForm form.placeholder-labels label.no-hide.checkbox {
  padding-top: 12px !important;
}
div.mktoForm form.placeholder-labels .mktoFormCol:nth-last-child(1) label,
div.mktoForm form.placeholder-labels .mktoFormCol:last-of-type label {
  left: 8px;
}
div.mktoForm form.placeholder-labels .mktoFormCol:nth-child(0) label,
div.mktoForm form.placeholder-labels .mktoFormCol:first-of-type label {
  left: 0px;
}
div.mktoForm form.placeholder-labels input[type="text"],
div.mktoForm form.placeholder-labels input[type="email"],
div.mktoForm form.placeholder-labels input[type="tel"],
div.mktoForm form.placeholder-labels input[type="password"],
div.mktoForm form.placeholder-labels textarea {
  margin: 18px 0 5px;
  z-index: 1;
  position: relative;
}
div.mktoForm form.placeholder-labels [type="submit"],
div.mktoForm form.placeholder-labels .custom-select {
  margin-top: 18px;
}
div.mktoForm form.placeholder-labels .custom-checkbox-container {
  margin-top: 10px;
}
div.mktoForm form.placeholder-labels .custom-checkbox-container label.no-hide {
  padding-left: 12px;
  padding-top: 0 !important;
}
div.mktoForm form.placeholder-labels .mktoError {
  bottom: 15px !important;
}
html[data-useragent*='MSIE 10'] div.mktoForm textarea,
html[data-useragent*='MSIE 10'] div.mktoForm input[type="text"],
html[data-useragent*='MSIE 10'] div.mktoForm input[type="email"],
html[data-useragent*='MSIE 10'] div.mktoForm input[type="password"] {
  line-height: 1;
}
html[data-useragent*='MSIE 10'] div.mktoForm label.optin {
  padding-left: 25px;
}
html[data-useragent*='MSIE 10'] div.mktoForm label.optin input[type="checkbox"] {
  border: none;
  top: 1px;
}
html[data-useragent*='MSIE 10'] div.mktoForm .custom-select:after {
  display: none;
}
html[data-useragent*='rv:11'] div.mktoForm textarea,
html[data-useragent*='rv:11'] div.mktoForm input[type="text"],
html[data-useragent*='rv:11'] div.mktoForm input[type="email"],
html[data-useragent*='rv:11'] div.mktoForm input[type="password"] {
  line-height: 1;
}
html[data-useragent*='rv:11'] div.mktoForm .error_field {
  bottom: 23px;
}
html[data-useragent*='rv:11'] div.mktoForm .custom-select:after {
  display: none;
}
html[data-useragent*='Firefox'] div.mktoForm .custom-select {
  overflow: hidden;
}
html[data-useragent*='Firefox'] div.mktoForm .custom-select select {
  width: 110% !important;
  width: -moz-calc(110%) !important;
  width: calc(100% em) !important;
  padding-right: 3.2em;
}
html[data-useragent*='Firefox'] div.mktoForm .custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
/* USED in api.con.less, blog.wp.less, resources-hub.less, web-style-guide.less */
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color: #93a1a1;
  font-style: italic;
}
pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .lisp .title {
  color: #859900;
}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #2aa198;
}
pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .builtin,
pre .built_in,
pre .lisp .title,
pre .identifier,
pre .title .keymethods,
pre .id {
  color: #268bd2;
}
pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {
  font-weight: normal;
}
pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .label {
  color: #b58900;
}
pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .diff .change,
pre .special,
pre .keymethods,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {
  color: #cb4b16;
}
pre .deletion {
  color: #dc322f;
}
pre .tex .formula {
  background: #eee8d5;
}
* {
  box-sizing: border-box;
}
#one .two-column {
  width: 100%;
  clear: both;
  float: left;
  padding: 0 0 5em;
  margin-top: 2em;
}
#one .two-column:after {
  background: #f6f6f7;
  width: 100%;
  margin: 5em auto 0;
  display: block;
  float: left;
  clear: both;
  content: "";
  height: 1px;
}
#one .two-column.webmail:after {
  display: none;
  background: none;
  height: 0px;
}
#one .two-column.notes:after {
  display: none;
  background: none;
  height: 0px;
}
#one .two-column .left {
  width: 48%;
  float: left;
  display: inline-block;
}
#one .two-column .right {
  width: 48%;
  float: right;
  text-align: right;
}
#one .two-column .right .legend {
  border: 1px solid #f6f6f7;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: right;
  text-align: left;
  margin: 21px 0 0;
  padding: 0;
  font-size: 0.6em;
  line-height: 1.8em;
  font-family: "ff-tisa-sans-web-pro", sans-serif;
  color: #111324;
  width: 100%;
  max-width: 400px;
}
#one .two-column .right .legend ul {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
  clear: none;
}
#one .two-column .right .legend ul.legend-right {
  border-left: 1px solid #f6f6f7;
}
#one .two-column .right .legend ul li {
  display: block;
  width: 100%;
  overflow: hidden;
  max-height: 30px;
  list-style: none;
  margin: 0;
  padding: 6px 12px;
  text-align: left;
  border-bottom: 1px solid #f6f6f7;
  background: none;
}
#one .two-column .right .legend ul li:before {
  content: "●";
  margin-right: 8px;
}
#one .two-column .right .legend ul li:last-child,
#one .two-column .right .legend ul li.borderless {
  border-bottom: none;
}
#one .two-column .right .legend ul li.iphone:before {
  color: #12517E;
}
#one .two-column .right .legend ul li.android:before {
  color: #6ED0ED;
}
#one .two-column .right .legend ul li.ipad:before {
  color: #00A8E8;
}
#one .two-column .right .legend ul li.ipod:before {
  color: #ADB3B9;
}
#one .two-column .right .legend ul li.hotmail:before {
  color: #7CBF09;
}
#one .two-column .right .legend ul li.yahoo:before {
  color: #B8DE09;
}
#one .two-column .right .legend ul li.gmail:before {
  color: #E7F5C3;
}
#one .two-column .right .legend ul li.AOL:before {
  color: #ADB3B9;
}
#one .two-column .right .legend ul li.one-outlook:before {
  color: #12517E;
}
#one .two-column .right .legend ul li.two-outlook:before {
  color: #00A8E8;
}
#one .two-column .right .legend ul li.three-outlook:before {
  color: #6ED0ED;
}
#one .two-column .right .legend ul li.four-apple:before {
  color: #7CBF06;
}
#one .two-column .right .legend ul li.five-windows:before {
  color: #B7DE0A;
}
#one .two-column .right .legend ul li.six-apple:before {
  color: #E7F5C3;
}
#one .two-column .right .legend ul li.seven-apple:before {
  color: #F89100;
}
#one .two-column .right .legend ul li.eight-apple:before {
  color: #FFD700;
}
#one .two-column .right .legend ul li.nine-thunderbird:before {
  color: #FFED93;
}
#one .two-column .right .legend ul li.ten-outlook:before {
  color: #ADB3B9;
}
#one .two-column p {
  width: 100%;
}
#one .two-column.notes {
  font-size: 0.762em;
  line-height: 1.625em;
}
#one .two-column.notes .left,
#one .two-column.notes .right {
  width: 45%;
}
#one .two-column.notes .left {
  margin-right: 10%;
}
#one .two-column.notes .right {
  text-align: left;
}
#stacked-bar {
  width: 100%;
  height: 500px;
  font-size: 11px;
  margin-left: -11px;
}
#stacked-bar text {
  color: #111324;
  fill: #111324;
}
#pie-mobile,
#pie-desktop,
#pie-webmail {
  width: 100%;
  max-width: 400px;
  height: 400px;
  float: right;
  font-size: 11px;
}
#chartlines {
  width: 100%;
  height: 500px;
  float: right;
  font-size: 11px;
  margin-bottom: 8.18em;
}
#sections .visuals {
  width: 100%;
  margin: 50px auto;
  padding: 0;
  font-size: 1em;
  overflow: hidden;
}
#sections .visuals:before {
  content: "";
  max-width: 660px;
  background: #f6f6f7;
  display: block;
  margin: 1em auto 1.619em;
  height: 1px;
}
#sections .visuals.no-border:before {
  display: none;
}
#sections .visuals img {
  width: 100%;
  height: auto;
}
#sections .visuals h4 {
  text-align: center;
  margin-bottom: 40px;
}
#sections .visuals .ie-graph {
  display: none;
}
#sections .visuals #best-of-breed-graph {
  width: 100%;
  height: auto;
  margin-bottom: -15%;
}
#sections .visuals #best-of-breed-graph .backer {
  stroke: #00354F;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #best-of-breed-graph .anim {
  stroke: #009FF7;
  stroke-width: 24;
  stroke-dasharray: 162.36%, 198%;
  stroke-dashoffset: 162.36%;
  fill: transparent;
}
@media only screen and (max-width: 600px) {
  #sections .visuals #best-of-breed-graph {
    margin-bottom: 0;
    width: 169%;
  }
  #sections .visuals #best-of-breed-graph .legend {
    -webkit-transform: translate(50px, 440px);
    -moz-transform: translate(50px, 440px);
    -ms-transform: translate(50px, 440px);
    -o-transform: translate(50px, 440px);
    transform: translate(50px, 440px);
  }
  #sections .visuals #best-of-breed-graph .legend text.size {
    font-size: 1.5em;
  }
  #sections .visuals #best-of-breed-graph .graph text.size {
    font-size: 1.5em;
  }
}
#sections .visuals #competitor-success-graph {
  width: 100%;
  height: auto;
  margin-bottom: -15%;
}
#sections .visuals #competitor-success-graph .backer {
  stroke: #00354F;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #competitor-success-graph .anim {
  stroke: #009FF7;
  stroke-width: 24;
  stroke-dasharray: 158.4%, 198%;
  stroke-dashoffset: 158.4%;
  fill: transparent;
}
@media only screen and (max-width: 600px) {
  #sections .visuals #competitor-success-graph {
    margin-bottom: 0;
    width: 169%;
  }
  #sections .visuals #competitor-success-graph .legend {
    -webkit-transform: translate(50px, 440px);
    -moz-transform: translate(50px, 440px);
    -ms-transform: translate(50px, 440px);
    -o-transform: translate(50px, 440px);
    transform: translate(50px, 440px);
  }
  #sections .visuals #competitor-success-graph .legend text.size {
    font-size: 1.5em;
  }
  #sections .visuals #competitor-success-graph .graph text.size {
    font-size: 1.5em;
  }
}
#sections .visuals #email-effect-graph {
  width: 100%;
  height: auto;
  margin-bottom: -15%;
}
#sections .visuals #email-effect-graph .backer {
  stroke: #00354F;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #email-effect-graph .anim {
  stroke: #009FF7;
  stroke-width: 24;
  stroke-dasharray: 166.32%, 198%;
  stroke-dashoffset: 166.32%;
  fill: transparent;
}
@media only screen and (max-width: 600px) {
  #sections .visuals #email-effect-graph {
    margin-bottom: 0;
    width: 169%;
  }
  #sections .visuals #email-effect-graph .legend {
    -webkit-transform: translate(50px, 440px);
    -moz-transform: translate(50px, 440px);
    -ms-transform: translate(50px, 440px);
    -o-transform: translate(50px, 440px);
    transform: translate(50px, 440px);
  }
  #sections .visuals #email-effect-graph .legend text.size {
    font-size: 1.5em;
  }
  #sections .visuals #email-effect-graph .graph text.size {
    font-size: 1.5em;
  }
}
#sections .visuals #stack-value-graph {
  width: 100%;
  height: auto;
}
#sections .visuals #stack-value-graph .fade {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
@media only screen and (max-width: 600px) {
  #sections .visuals #stack-value-graph {
    width: 154%;
  }
  #sections .visuals #stack-value-graph .stack-value-bar.blue {
    -webkit-transform: translate(0px, 16px);
    -moz-transform: translate(0px, 16px);
    -ms-transform: translate(0px, 16px);
    -o-transform: translate(0px, 16px);
    transform: translate(0px, 16px);
  }
  #sections .visuals #stack-value-graph .stack-value-bar.pink {
    -webkit-transform: translate(0px, 104px);
    -moz-transform: translate(0px, 104px);
    -ms-transform: translate(0px, 104px);
    -o-transform: translate(0px, 104px);
    transform: translate(0px, 104px);
  }
  #sections .visuals #stack-value-graph .stack-value-bar.green {
    -webkit-transform: translate(0px, 192px);
    -moz-transform: translate(0px, 192px);
    -ms-transform: translate(0px, 192px);
    -o-transform: translate(0px, 192px);
    transform: translate(0px, 192px);
  }
  #sections .visuals #stack-value-graph .stack-value-bar.purple {
    -webkit-transform: translate(0px, 280px);
    -moz-transform: translate(0px, 280px);
    -ms-transform: translate(0px, 280px);
    -o-transform: translate(0px, 280px);
    transform: translate(0px, 280px);
  }
  #sections .visuals #stack-value-graph .bar {
    height: 56px;
  }
  #sections .visuals #stack-value-graph .perc {
    -webkit-transform: translate(0px, 6px);
    -moz-transform: translate(0px, 6px);
    -ms-transform: translate(0px, 6px);
    -o-transform: translate(0px, 6px);
    transform: translate(0px, 6px);
  }
  #sections .visuals #stack-value-graph .quote {
    -webkit-transform: translate(10px, 7px);
    -moz-transform: translate(10px, 7px);
    -ms-transform: translate(10px, 7px);
    -o-transform: translate(10px, 7px);
    transform: translate(10px, 7px);
    fill: #ffffff;
  }
  #sections .visuals #stack-value-graph .quote.single {
    -webkit-transform: translate(10px, 19px);
    -moz-transform: translate(10px, 19px);
    -ms-transform: translate(10px, 19px);
    -o-transform: translate(10px, 19px);
    transform: translate(10px, 19px);
  }
}
#sections .visuals #marketing-stats-graph {
  width: 100%;
  margin-bottom: -159%;
  height: auto;
}
#sections .visuals #marketing-stats-graph .mobile {
  display: none;
}
@media only screen and (max-width: 600px) {
  #sections .visuals #marketing-stats-graph {
    margin-bottom: 0;
    width: 160%;
    margin-left: -30%;
  }
  #sections .visuals #marketing-stats-graph .mobile {
    display: block;
  }
  #sections .visuals #marketing-stats-graph .desktop {
    display: none;
  }
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie1 .backer {
  stroke: #F6F6F8;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie1 .anim {
  stroke: #009FF7;
  stroke-width: 24;
  stroke-dasharray: 49.14%, 91%;
  stroke-dashoffset: 49.14%;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie2 .backer {
  stroke: #F6F6F8;
  stroke-width: 16;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie2 .anim {
  stroke: #5BD49C;
  stroke-width: 16;
  stroke-dasharray: 18.9%, 45%;
  stroke-dashoffset: 18.9%;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie2-lrg .backer {
  stroke: #F6F6F8;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie2-lrg .anim {
  stroke: #5BD49C;
  stroke-width: 24;
  stroke-dasharray: 32.22%, 91%;
  stroke-dashoffset: 32.22%;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie3 .backer {
  stroke: #F6F6F8;
  stroke-width: 16;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie3 .anim {
  stroke: #FF8F9C;
  stroke-width: 16;
  stroke-dasharray: 17.1%, 45%;
  stroke-dashoffset: 17.1%;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie3-lrg .backer {
  stroke: #F6F6F8;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie3-lrg .anim {
  stroke: #FF8F9C;
  stroke-width: 24;
  stroke-dasharray: 34.58%, 91%;
  stroke-dashoffset: 34.58%;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie4 .backer {
  stroke: #F6F6F8;
  stroke-width: 16;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie4 .anim {
  stroke: #F7A43D;
  stroke-width: 16;
  stroke-dasharray: 6.75%, 45%;
  stroke-dashoffset: 6.75%;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie4-lrg .backer {
  stroke: #F6F6F8;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #marketing-stats-graph #marketing-stats-pie4-lrg .anim {
  stroke: #F7A43D;
  stroke-width: 24;
  stroke-dasharray: 13.65%, 91%;
  stroke-dashoffset: 13.65%;
  fill: transparent;
}
#sections .visuals #replace-single-vendor-graph {
  width: 100%;
  height: auto;
}
#sections .visuals #replace-single-vendor-graph .backer {
  stroke: #F6F6F8;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #replace-single-vendor-graph .anim {
  stroke: #009FF7;
  stroke-width: 24;
  stroke-dasharray: 99.64%, 212%;
  stroke-dashoffset: 99.64%;
  fill: transparent;
}
@media only screen and (max-width: 600px) {
  #sections .visuals #replace-single-vendor-graph {
    width: 160%;
    margin-left: -30%;
  }
}
#sections .visuals #marketing-functions-graph {
  width: 100%;
  height: auto;
}
#sections .visuals #marketing-functions-graph .pulse {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
@media only screen and (max-width: 500px) {
  #sections .visuals #marketing-functions-graph {
    width: 154%;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
#sections .visuals #marketing-stack-graph {
  width: 100%;
  height: auto;
}
#sections .visuals #marketing-stack-graph .email-icon {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
@media only screen and (max-width: 600px) {
  #sections .visuals #marketing-stack-graph {
    width: 128%;
  }
}
@media only screen and (max-width: 450px) {
  #sections .visuals #marketing-stack-graph {
    width: 172%;
  }
}
#sections .visuals#survey-demographics .tab-wrap {
  position: relative;
}
#sections .visuals#survey-demographics .tab-wrap .dir {
  position: absolute;
  z-index: 200;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-size: 12px 20px;
  background-repeat: no-repeat;
  background-position: center;
  display: none;
  cursor: pointer;
}
#sections .visuals#survey-demographics .tab-wrap .dir.left {
  left: 0;
  background-image: url(../png/gallery-arrow-left.png);
}
#sections .visuals#survey-demographics .tab-wrap .dir.right {
  right: 0;
  background-image: url(../png/gallery-arrow-right.png);
}
#sections .visuals#survey-demographics .tabs {
  border-bottom: 1px solid #ececed;
  -webkit-box-shadow: 0 4px 0 0 #f6f6f7;
  -moz-box-shadow: 0 4px 0 0 #f6f6f7;
  box-shadow: 0 4px 0 0 #f6f6f7;
  display: flex;
}
#sections .visuals#survey-demographics .tabs .tab {
  text-transform: uppercase;
  font-size: 1.3em;
  line-height: 1.615em;
  font-weight: 600;
  color: #5d5d66;
  padding: 0 28px 8px;
  text-align: center;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
#sections .visuals#survey-demographics .tabs .tab:hover {
  color: #009FF7;
}
#sections .visuals#survey-demographics .tabs .tab.current {
  color: #009FF7;
}
#sections .visuals#survey-demographics .tabs .tab.current:before {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top-color: #ececed;
}
#sections .visuals#survey-demographics .tabs .tab.current:after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top-color: #ffffff;
}
#sections .visuals#survey-demographics .blocks {
  position: relative;
}
#sections .visuals#survey-demographics .blocks .block {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#sections .visuals#survey-demographics .blocks .block.current {
  display: block;
  position: relative;
  z-index: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#sections .visuals#survey-demographics .blocks .block .visuals {
  margin: 0;
  padding: 20px 0;
}
#sections .visuals#survey-demographics .blocks .block .visuals svg {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 700px) {
  #sections .visuals#survey-demographics .tab-wrap .dir {
    display: block;
  }
  #sections .visuals#survey-demographics .tabs {
    display: block;
    position: relative;
    overflow: hidden;
  }
  #sections .visuals#survey-demographics .tabs .tab {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    margin-right: 0;
    width: 100%;
  }
  #sections .visuals#survey-demographics .tabs .tab.current {
    position: relative;
    display: block;
  }
}
#sections .visuals #b2c-vs-b2b-graph {
  width: 100%;
  height: auto;
}
#sections .visuals #b2c-vs-b2b-graph #b2c-vs-b2b-pie1 .backer {
  stroke: #F6F6F8;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #b2c-vs-b2b-graph #b2c-vs-b2b-pie1 .anim {
  stroke: #009FF7;
  stroke-width: 24;
  stroke-dasharray: 88.5%, 177%;
  stroke-dashoffset: 88.5%;
  fill: transparent;
}
#sections .visuals #b2c-vs-b2b-graph #b2c-vs-b2b-pie2 .backer {
  stroke: #F6F6F8;
  stroke-width: 24;
  fill: transparent;
}
#sections .visuals #b2c-vs-b2b-graph #b2c-vs-b2b-pie2 .anim {
  stroke: #01538f;
  stroke-width: 24;
  stroke-dasharray: 106.2%, 177%;
  stroke-dashoffset: 106.2%;
  fill: transparent;
}
#sections .visuals.benchmarks-two {
  margin: 2.571em auto 0;
  width: 100%;
}
#sections .visuals.benchmarks-two:before {
  content: "";
  max-width: 660px;
  background: #f6f6f7;
  display: block;
  margin: 0 auto 1.619em;
  height: 1px;
}
#sections .visuals.benchmarks-two ul.three-images {
  float: left;
  width: 100%;
  max-width: 660px;
  margin: 1em 0;
  padding: 0;
  height: 282px;
}
#sections .visuals.benchmarks-two ul.three-images li.image {
  float: left;
  height: 282px;
  margin: 0 7.6% 0 0;
  padding: 0;
  list-style: none;
  background-image: none;
  position: relative;
  text-align: center;
}
#sections .visuals.benchmarks-two ul.three-images li.image.one {
  width: 21.9%;
  max-width: 144px;
}
#sections .visuals.benchmarks-two ul.three-images li.image.two {
  width: 33.1%;
  max-width: 218px;
}
#sections .visuals.benchmarks-two ul.three-images li.image.three {
  width: 29.8%;
  max-width: 216px;
  margin-right: 0;
}
#sections .visuals.benchmarks-two ul.three-images li.image .wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#sections .visuals.benchmarks-two ul.three-images li.image .wrapper .numbers {
  font-size: 1.714em;
  line-height: 1em;
  color: #111324;
  z-index: 3;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 35px;
}
#sections .visuals.benchmarks-two ul.three-images li.image .wrapper .numbers.mobile {
  padding-top: 73%;
  color: #7856ff;
}
#sections .visuals.benchmarks-two ul.three-images li.image .wrapper .numbers.desktop {
  padding-top: 23%;
  color: #f7a43d;
}
#sections .visuals.benchmarks-two ul.three-images li.image .wrapper .numbers.webmail {
  padding-top: 38%;
  color: #7EBD26;
}
#sections .visuals.benchmarks-two ul.three-images li.image .wrapper img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#sections .visuals.benchmarks-two ul.three-images li.image .wrapper .label {
  color: #111324;
  font-size: 0.667em;
  line-height: 1.571em;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  text-align: center;
  margin-top: 1em;
  background: none;
}
#sections .visuals.trends {
  margin-top: 3.809em;
  margin-bottom: 0;
  position: relative;
}
#sections .visuals.trends:before {
  display: none;
}
#sections .visuals.trends #modal {
  background: url("../modal.html") transparent center center no-repeat;
  width: 129px;
  height: 96px;
  position: absolute;
  right: -65px;
  top: 164px;
  display: none;
}
#sections .visuals.trends img {
  width: 100%;
  height: auto;
}
#sections .visuals.trends .wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 660px;
}
#sections .visuals.trends ul.legend {
  float: left;
  width: 100%;
  border: 1px solid #f6f6f7;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: left;
  padding: 0;
  font-size: 1.1em;
  line-height: 1.5em;
  font-weight: normal;
  color: #111324;
}
#sections .visuals.trends ul.legend li {
  float: left;
  width: 33.333%;
  list-style: none;
  background: none;
  margin: 0;
  padding: 6px 12px;
  text-align: left;
  border-right: 1px solid #f6f6f7;
}
#sections .visuals.trends ul.legend li:last-child {
  border-right: 0;
}
#sections .visuals.trends ul.legend li:before {
  content: "●";
  display: inline-block;
  margin-right: 8px;
}
#sections .visuals.trends ul.legend li.desktop:before {
  color: #F69000;
}
#sections .visuals.trends ul.legend li.mobile:before {
  color: #18A9E5;
}
#sections .visuals.trends ul.legend li.webmail:before {
  color: #7EBD25;
}
#sections .visuals.trends ul.legend li.undetectable:before {
  color: #ffd617;
}
#sections .visuals.aggregate {
  margin: 3.809em auto;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#sections .visuals.aggregate hgroup {
  border-top: 1px solid #f6f6f7;
  padding: 1em 0;
}
#sections .visuals.aggregate .left {
  background: url('../png/clicksvsopens-left.png') center bottom no-repeat;
  background-size: 100%;
  height: 214px;
  /*                    width: 321px;*/
  width: 47.2%;
  float: left;
  margin: 1em auto 2.571em;
}
#sections .visuals.aggregate .right {
  background: url('../png/clicksvsopens-right.png') center bottom no-repeat;
  background-size: 100%;
  height: 214px;
  /*                    width: 359px;*/
  width: 52.8%;
  float: right;
  margin: 1em auto 2.571em;
}
#sections .visuals.environment {
  width: 100%;
  max-width: 660px;
  position: relative;
  margin: 2.571em auto;
}
#sections .visuals.environment ul.legend {
  border: 1px solid #f6f6f7;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: right;
  text-align: left;
  margin: 21px 0 0;
  padding: 0;
  font-size: 0.667em;
  line-height: 1.5em;
  font-weight: normal;
  color: #111324;
  width: 200px;
  height: 137px;
  margin: auto;
  position: absolute;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0;
}
#sections .visuals.environment ul.legend li {
  float: left;
  display: block;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 6px 12px;
  text-align: left;
  border-bottom: 1px solid #f6f6f7;
}
#sections .visuals.environment ul.legend li:before {
  content: "●";
  display: inline-block;
  margin-right: 8px;
}
#sections .visuals.environment ul.legend li.desktop:before {
  color: #F69000;
}
#sections .visuals.environment ul.legend li.mobile:before {
  color: #18A9E5;
}
#sections .visuals.environment ul.legend li.webmail:before {
  color: #7EBD25;
}
#sections .visuals.environment ul.legend li.undetectable:before {
  color: #ffd617;
}
#sections .visuals.percent-opens {
  max-width: 660px;
  margin: 2.571em auto 0;
  width: 85%;
}
#sections .visuals.percent-opens:before {
  content: "";
  max-width: 660px;
  background: #f6f6f7;
  display: block;
  margin: 0 auto 1.619em;
  height: 1px;
}
#sections .visuals.percent-opens ul.three-images {
  float: left;
  width: 100%;
  max-width: 660px;
  margin: 1em 0 2.571em;
  padding: 0;
  height: 282px;
}
#sections .visuals.percent-opens ul.three-images li.image {
  float: left;
  height: 282px;
  margin: 0 7.6% 0 0;
  list-style: none;
  position: relative;
  text-align: center;
  padding: 0;
  background: none;
}
#sections .visuals.percent-opens ul.three-images li.image.one {
  width: 21.9%;
  max-width: 144px;
}
#sections .visuals.percent-opens ul.three-images li.image.two {
  width: 33.1%;
  max-width: 218px;
}
#sections .visuals.percent-opens ul.three-images li.image.three {
  width: 29.8%;
  max-width: 216px;
  margin-right: 0;
}
#sections .visuals.percent-opens ul.three-images li.image:last-child {
  margin: 0;
}
#sections .visuals.percent-opens ul.three-images li.image .wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#sections .visuals.percent-opens ul.three-images li.image .wrapper .numbers {
  font-size: 1.714em;
  line-height: 1em;
  color: #111324;
  z-index: 3;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 35px;
}
#sections .visuals.percent-opens ul.three-images li.image .wrapper .numbers.mobile {
  padding-top: 73%;
  color: #7856ff;
}
#sections .visuals.percent-opens ul.three-images li.image .wrapper .numbers.desktop {
  padding-top: 23%;
  color: #f7a43d;
}
#sections .visuals.percent-opens ul.three-images li.image .wrapper .numbers.webmail {
  padding-top: 38%;
  color: #7EBD26;
}
#sections .visuals.percent-opens ul.three-images li.image .wrapper img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#sections .visuals.percent-opens ul.three-images li.image .wrapper .label {
  color: #111324;
  font-size: 0.667em;
  line-height: 1.571em;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  text-align: center;
  margin-top: 1em;
  background: none;
}
#sections .visuals.journey {
  width: 100%;
  margin: 2.571em auto;
  text-align: center;
}
#sections .visuals.journey .flowchart {
  width: 100%;
  float: left;
  margin: 1em auto 2.571em;
}
#sections .visuals.journey .flowchart .step {
  width: 100%;
  float: left;
  background: #ffffff;
  margin: 0 auto;
}
#sections .visuals.journey .flowchart .step.top {
  background: url('../png/top-lines.png') center bottom no-repeat;
  padding-bottom: 2.571em;
  margin-bottom: 0;
  background-size: 69%;
}
#sections .visuals.journey .flowchart .step.middle {
  background: url('../png/split-lines.png') center center no-repeat;
  padding: 2.8em 0;
  margin-bottom: 0;
  background-size: 62.75%;
  position: relative;
  z-index: 0;
}
#sections .visuals.journey .flowchart .step .block {
  float: left;
  width: 100%;
  background: #ffffff;
  border: 1px solid #ececed;
  -webkit-box-shadow: 0 0 0 3px #f8f8f9 1px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 3px #f8f8f9 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 3px #f8f8f9 1px 2px 0 rgba(0, 0, 0, 0.1);
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #5d5d66;
  position: relative;
  z-index: 1;
}
#sections .visuals.journey .flowchart .step .block.green {
  border: 1px solid #7EBD26;
  color: #5d5d66;
}
#sections .visuals.journey .flowchart .step .block.green h3 {
  color: #7EBD26;
}
#sections .visuals.journey .flowchart .step .block.green:hover {
  border: 1px solid #7EBD26;
  -webkit-box-shadow: 0 0 0 3px #f3fae8 1px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 3px #f3fae8 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 3px #f3fae8 1px 2px 0 rgba(0, 0, 0, 0.1);
  background: #F6FDE4;
}
#sections .visuals.journey .flowchart .step .block.green:before,
#sections .visuals.journey .flowchart .step .block.green:after {
  content: "";
  display: block;
  background: #ffffff;
  border: 2px solid #7EBD26;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: -5px auto;
  padding: 0;
  height: 4px;
  width: 4px;
}
#sections .visuals.journey .flowchart .step .block.one {
  width: 33.3%;
  margin: 0 33.3%;
}
#sections .visuals.journey .flowchart .step .block.one:before {
  display: none;
}
#sections .visuals.journey .flowchart .step .block.two {
  width: 33.3%;
  margin-right: 33.3%;
}
#sections .visuals.journey .flowchart .step .block.two:last-child {
  margin-right: 0;
}
#sections .visuals.journey .flowchart .step .block.three {
  width: 31.2%;
}
#sections .visuals.journey .flowchart .step .block.three.middle {
  margin: 0 3.2%;
}
#sections .visuals.journey .flowchart .step .block:hover {
  border: 1px solid #93ceff;
  background: #F8FDFE;
}
#sections .visuals.journey .flowchart .step .block#showy {
  background: #F6FDE4;
  border: 1px solid #7EBD26;
  -webkit-box-shadow: 0 0 0 3px #f3fae8 1px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 3px #f3fae8 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 3px #f3fae8 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #111324;
}
#sections .visuals.journey .flowchart .step .block#showy h3 {
  color: #7EBD26;
  margin-top: 0.667em;
}
#sections .visuals.journey .flowchart .step .block#showy:before {
  content: "";
  display: block;
  background: #ffffff;
  border: 2px solid #7EBD26;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: -5px auto;
  padding: 0;
  height: 4px;
  width: 4px;
}
#sections .visuals.journey .flowchart .step .block h3 {
  padding-top: 20px;
}
#sections .visuals.journey .flowchart .step .block p {
  padding: 1em;
  text-align: center;
  margin-bottom: 0;
}
#sections .visuals.journey .flowchart .step .left-column {
  float: left;
  width: 50%;
}
#sections .visuals.journey .flowchart .step .left-column .lines {
  float: left;
  background: url('../png/line.png') center center no-repeat;
}
#sections .visuals.journey .flowchart .step .right-column {
  float: right;
  width: 50%;
}
#sections .visuals.journey .flowchart .step .right-column .block {
  float: right;
}
#sections .visuals.journey .flowchart .step .right-column .lines {
  float: right;
  background: url('../png/green-line.png') center center no-repeat;
}
#sections .visuals.journey .flowchart .step .left-column .block,
#sections .visuals.journey .flowchart .step .right-column .block {
  width: 75%;
  display: block;
  margin: 0;
}
#sections .visuals.journey .flowchart .step .left-column .lines,
#sections .visuals.journey .flowchart .step .right-column .lines {
  padding: 0 0 2.8em;
  width: 75%;
}
aside {
  width: 100%;
  margin: 0 auto;
  font-size: 1.1em;
  letter-spacing: 0.0005em;
  color: #5d5d66;
  line-height: 1.571em;
  font-style: italic;
}
aside.footnotes {
  margin: 0 auto 3.857em;
}
aside.pie {
  float: right;
  max-width: 400px;
  text-align: left;
  margin: 0 auto;
}
aside.pie .inner {
  margin: 0 auto;
  width: 100%;
  border: none;
}
aside .inner {
  width: 100%;
  max-width: 660px;
  padding: 2.429em 0;
  margin: 0 auto;
  border-bottom: 1px solid #f6f6f7;
}
@media all and (max-width: 1280px) {
  body .section#benchmarks #inner .two-column {
    width: 85%;
    margin: 2em 7.5% 0;
  }
  body section.content .journey .flowchart {
    width: 85%;
    margin: 2em 7.5%;
  }
}
@media all and (max-width: 832px) {
  body .section#introduction,
  body .section#benchmarks,
  body .section#impact,
  body .section#triage,
  body .section#key-takeaways,
  body .section#footnotes {
    font-size: 1.125em;
    line-height: 1.555em;
  }
  body section.content #stacked-bar,
  body section.content #chartlines {
    height: 400px;
  }
}
@media all and (max-width: 468px) {
  body .section#introduction,
  body .section#benchmarks,
  body .section#impact,
  body .section#triage,
  body .section#key-takeaways,
  body .section#footnotes {
    font-size: 1em;
    line-height: 1.5em;
  }
  body section.content #stacked-bar,
  body section.content #chartlines {
    height: 300px;
  }
}
@media only screen and (max-width: 748px) {
  body .section#feature {
    font-size: 0.875em;
  }
}
@media only screen and (max-width: 468px) {
  body .section#feature {
    font-size: 0.625em;
    line-height: 1.8em;
  }
}
@media only screen and (max-width: 930px) {
  body .section#navigation {
    font-size: 0.75em;
    line-height: 1.75em;
  }
  body .section#navigation .nav ul li a:before,
  body .section#navigation .nav ul li.current a:before {
    margin: -3.166em auto 1.8461em;
  }
}
@media only screen and (max-width: 712px) {
  body .section#navigation {
    display: none;
  }
}
@media only screen and (max-width: 832px) {
  body section.content a.tweet {
    background-position: 4px 24px;
  }
  body section.content a.tweet:hover {
    background-position: 4px -112px;
  }
}
@media only screen and (max-width: 1080px) {
  body .section#benchmarks #inner .two-column .left {
    padding-right: 54px;
  }
}
@media only screen and (max-width: 832px) {
  #one .two-column .right,
  #one .two-column .left {
    width: 100%;
    margin: 1em auto 0 !important;
    display: block;
    padding: 0;
  }
  #one .two-column .right .legend,
  section.content aside.pie {
    max-width: 100%;
  }
  #pie-mobile,
  #pie-desktop,
  #pie-webmail {
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  section.content aside .inner {
    max-width: 100%;
  }
  body h3,
  body .section#benchmarks #inner .two-column p {
    max-width: 100%;
  }
  body h3 {
    text-align: center;
  }
  body .section#benchmarks #inner .two-column:after {
    width: 85%;
    margin: 5em 7.5% 0;
  }
}
@media only screen and (max-width: 700px) {
  #sections .visuals.aggregate .left,
  #sections .visuals.aggregate .right {
    width: 100%;
    float: none;
    display: block;
    margin: 1em auto;
    max-width: 321px;
  }
  #sections .visuals.aggregate .right {
    height: 159px;
  }
}
@media only screen and (max-width: 852px) {
  body .section#key-takeaways .signup #inner .subscription input,
  body .section#key-takeaways .signup #inner .subscription input,
  body .section#key-takeaways .signup #inner .subscription #submit {
    width: 100%;
    max-width: 100%;
  }
  body .section#key-takeaways .signup #inner .subscription input {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 468px) {
  body .section#footnotes #inner .footnotes {
    font-size: 0.667em;
  }
}
@media only screen and (max-width: 876px) {
  body footer#slim ul li {
    display: none;
  }
  body footer#slim ul li#logo {
    display: inherit;
  }
}
@media only screen and (max-width: 680px) {
  #sections .visuals.benchmarks-two ul.three-images,
  #sections .visuals.benchmarks-two ul.three-images li.image,
  #sections .visuals.percent-opens ul.three-images,
  #sections .visuals.percent-opens ul.three-images li.image {
    height: 220px;
  }
  #sections .visuals.benchmarks-two ul.three-images {
    margin-bottom: 0;
  }
  body .section#benchmarks #inner .two-column {
    font-size: 1em;
  }
  body section.content .journey .flowchart .step.middle {
    padding: 2em 0;
  }
}
@media only screen and (max-width: 480px) {
  body .section#introduction,
  body .section#benchmarks,
  body .section#impact,
  body .section#triage,
  body .section#key-takeaways,
  body .section#footnotes {
    font-size: 1em;
    line-height: 1.5em;
  }
  #sections .visuals.benchmarks-two ul.three-images,
  #sections .visuals.benchmarks-two ul.three-images li.image,
  #sections .visuals.percent-opens ul.three-images,
  #sections .visuals.percent-opens ul.three-images li.image {
    height: 180px;
  }
  #sections .visuals.benchmarks-two ul.three-images {
    margin-bottom: 0;
  }
  body .section#benchmarks #inner .two-column {
    margin: 0 7.5%;
    width: 85%;
    font-size: 1em;
  }
  body section.content .journey {
    width: 85%;
    margin: 0 7.5%;
  }
  body section.content .journey .flowchart .step.middle {
    padding: 1.6em 0;
  }
  body h2.link:hover a span.anchor {
    display: none;
  }
}
@media only screen and (max-width: 420px) {
  #sections .visuals.benchmarks-two ul.three-images,
  #sections .visuals.benchmarks-two ul.three-images li.image,
  #sections .visuals.percent-opens ul.three-images,
  #sections .visuals.percent-opens ul.three-images li.image {
    height: 160px;
  }
  #sections .visuals.benchmarks-two ul.three-images {
    margin-bottom: 0;
  }
  body .section#benchmarks #inner .two-column {
    margin: 0 7.5%;
    width: 85%;
    font-size: 1em;
  }
  body section.content .journey .flowchart .step .block#showy h3 {
    font-size: 1.619em;
    margin-top: 1em;
  }
}
@media only screen and (max-width: 320px) {
  #sections .visuals.benchmarks-two ul.three-images,
  #sections .visuals.benchmarks-two ul.three-images li.image,
  #sections .visuals.percent-opens ul.three-images,
  #sections .visuals.percent-opens ul.three-images li.image {
    height: 140px;
  }
  #sections .visuals.benchmarks-two ul.three-images li.image .wrapper .numbers,
  #sections .visuals.percent-opens ul.three-images li.image .wrapper .numbers {
    font-size: 0.8571em;
  }
  #sections .visuals.benchmarks-two ul.three-images {
    margin-bottom: 0;
  }
  body .section#benchmarks #inner .two-column {
    margin: 0 7.5%;
    width: 85%;
    font-size: 1em;
  }
  body section.content #pie-mobile,
  body section.content #pie-desktop,
  body section.content #pie-webmail {
    width: 272px;
    height: 272px;
  }
  body section.content #stacked-bar {
    width: 115%;
  }
  body section.content aside.footnotes {
    margin-top: 0;
  }
  body .section#benchmarks #inner .two-column {
    padding-bottom: 3em;
  }
  body .section#benchmarks #inner .two-column:after {
    margin-top: 3em;
  }
  body .section #inner ul.legend {
    font-size: 0.556em;
  }
  body section.content .journey .flowchart .step .left-column .lines,
  body section.content .journey .flowchart .step .right-column .lines,
  body section.content .journey .flowchart .step .left-column .block,
  body section.content .journey .flowchart .step .right-column .block {
    width: 85%;
  }
  body section.content .journey .flowchart .step.middle {
    background-size: 58%;
    padding: 1.41em 0;
  }
  body section.content .journey .flowchart .step.middle {
    padding: 1.2em 0;
  }
}
/* Subscribe Banner */
.subscribe {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #7856ff;
  padding: 14px !important;
}
.subscribe.pad-bottom {
  margin-bottom: 6rem;
}
.subscribe.stick {
  position: fixed;
  top: 80px;
  right: 0;
  left: 0;
  z-index: 100;
}
.subscribe__text {
  margin: 0 16px 0 0;
  color: #ffffff;
  font-size: 1rem;
}
@media screen and (max-width: 600px) {
  .subscribe__text {
    text-align: center;
    line-height: 1;
  }
}
.subscribe__link.cmbtn.secondary.white {
  color: #111324;
}
.subscribe__link.cmbtn.secondary.white:hover {
  background: #ffffff !important;
  color: #7856ff;
}
/* Floating Sidebar */
#chapters {
  position: absolute;
  top: 600px;
  right: 0px;
  z-index: 10;
  width: 100%;
  pointer-events: none;
}
#chapters.sticky {
  position: fixed;
  top: 110px;
}
#chapters.stuck {
  position: absolute;
  top: auto;
  bottom: 0px;
}
#chapters .container {
  max-width: 1400px;
  margin: 0 auto;
}
#chapters .flyout-handle {
  display: none;
  position: absolute;
  top: 20px;
  right: 0px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  background-color: #ffffff;
  border: 1px solid #f2f2f2;
  border-right: none;
  -khtml-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -webkit-box-shadow: 0px 3px 0px 0px #f7f8f9;
  -moz-box-shadow: 0px 3px 0px 0px #f7f8f9;
  box-shadow: 0px 3px 0px 0px #f7f8f9;
  background-image: url('../flyout-icons.html');
  background-size: 55px 11px;
  background-position: -33px 14px;
  background-repeat: no-repeat;
  pointer-events: auto;
}
#chapters .flyout-handle.open {
  background-position: 12px 15px;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  height: 30px;
}
#chapters .floatmenu {
  width: 240px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #f2f2f2;
  -webkit-box-shadow: 0px 3px 0px 0px #f7f8f9;
  -moz-box-shadow: 0px 3px 0px 0px #f7f8f9;
  box-shadow: 0px 3px 0px 0px #f7f8f9;
  margin-bottom: 15px;
  margin-right: 20px;
  font-size: 11px;
  color: #5d5d66;
  background-color: #ffffff;
  clear: both;
  float: right;
  pointer-events: auto;
}
#chapters .floatmenu a {
  color: #5d5d66;
}
#chapters .floatmenu a:hover {
  color: #7856ff;
}
#chapters .floatmenu ol {
  font-size: 1em;
  margin: 0;
}
#chapters .floatmenu li {
  margin: 0;
}
#chapters .floatmenu li.active a {
  color: #7856ff;
}
#chapters #pagelinks .mobile-handle {
  display: none;
  text-align: center;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #f6f6f7;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 0px 0px #f7f8f9;
  -moz-box-shadow: 0px 3px 0px 0px #f7f8f9;
  box-shadow: 0px 3px 0px 0px #f7f8f9;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  background-image: url('../chapterarrow.html');
  background-size: 10px 96px;
  background-repeat: no-repeat;
  background-position: 96% top;
}
#chapters #pagelinks .mobile-handle ol {
  display: block;
}
#chapters #pagelinks .mobile-handle.open {
  background-position: 96% bottom;
}
#chapters #pagelinks a {
  padding: 8px 0;
  line-height: 1.35em;
  display: block;
  letter-spacing: 0.05em;
}
#chapters #socialBound {
  padding: 15px 20px;
}
#chapters #socialBound .social {
  width: 15px;
  height: 15px;
  background-image: url('../social-sharing.html');
  background-size: 58px 268px;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
  display: inline-block;
  margin-left: 15px;
}
#chapters #socialBound .social.twitter {
  background-position: -7px -18px;
}
#chapters #socialBound .social.twitter:hover {
  background-position: -36px -18px;
}
#chapters #socialBound .social.facebook {
  background-position: -7px -72px;
}
#chapters #socialBound .social.facebook:hover {
  background-position: -36px -72px;
}
#chapters #socialBound .social.linkedin {
  background-position: -7px -126px;
}
#chapters #socialBound .social.linkedin:hover {
  background-position: -36px -126px;
}
#chapters #socialBound .social.pintrest {
  background-position: -7px -180px;
}
#chapters #socialBound .social.pintrest:hover {
  background-position: -37px -180px;
}
#chapters #socialBound .social.embed {
  background-position: -7px -234px;
}
#chapters #socialBound .social.embed:hover {
  background-position: -36px -234px;
}
#chapters #socialBound .social-title {
  line-height: 15px;
  color: #5d5d66;
}
@media screen and (max-width: 1400px) {
  #chapters .floatmenu {
    margin-right: 0;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media screen and (max-width: 1200px) {
  #chapters.flyout {
    right: 0;
  }
  #chapters .flyout-handle {
    display: block;
  }
  #chapters .container {
    width: 0px;
    overflow: hidden;
    margin: 0;
    max-width: none;
    float: right;
  }
  #chapters .container.open {
    width: 230px;
  }
  #chapters .floatmenu {
    float: left;
  }
}
@media only screen and (max-width: 770px) {
  #chapters {
    position: absolute;
    left: 0;
    right: 0;
    top: 495px;
    width: 90%;
    margin: 0 auto;
  }
  #chapters.sticky {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 20px 5% 5px;
    width: 100%;
    background-color: #ffffff;
  }
  #chapters .flyout-handle {
    display: none;
  }
  #chapters .container {
    width: 100% !important;
    overflow: visible;
  }
  #chapters #pagelinks .mobile-handle {
    display: block;
    letter-spacing: 0.05em;
    font-size: 1.1em;
  }
  #chapters #pagelinks nav {
    height: 0px;
    position: relative;
    z-index: 10;
  }
  #chapters #pagelinks ol {
    display: none;
    background-color: #f2f2f2;
    border: 1px solid #d8dee3;
    border-top: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  #chapters #pagelinks ol.open {
    display: block;
    box-shadow: 0px 3px 0px #f7f8f9;
  }
  #chapters #pagelinks li {
    text-align: center;
  }
  #chapters #pagelinks a {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    background-color: #ffffff;
    line-height: 1.75;
    display: block;
  }
  #chapters #pagelinks li:last-child a {
    border-bottom: none;
  }
  #chapters #pagelinks.floatmenu {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
  }
  #chapters #pagelinks #footsocialmenu {
    display: block;
  }
  #chapters #socialBound {
    display: none;
  }
}
/* End floating sidebar */
/* Gate styling */
#sections #blur-on,
#modules #blur-on {
  position: relative;
  /*        @media only screen and (max-width: 768px) {
            perspective: 1000px;
            transform-style: preserve-3d;
        }*/
}
#sections #blur-on .blur,
#modules #blur-on .blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  /* FF doesn't support blur filter, but SVG */
  filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='5'/></filter></svg>#svgBlur");
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
  filter: blur(5px);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#sections #blur-on .blur.reveal,
#modules #blur-on .blur.reveal {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#sections #blur-on .cmGate,
#modules #blur-on .cmGate {
  /*            overflow: hidden;*/
  position: absolute;
  z-index: 60;
  top: 60px;
  left: 50%;
  width: 90%;
  max-width: 800px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 1px solid #ececed;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
#sections #blur-on .cmGate.bottom,
#modules #blur-on .cmGate.bottom {
  top: auto;
  bottom: 60px;
}
#sections #blur-on .cmGate.fixed,
#modules #blur-on .cmGate.fixed {
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#sections #blur-on .gateimage,
#modules #blur-on .gateimage {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  max-width: 400px;
  background-color: #111324;
  overflow: hidden;
}
#sections #blur-on .gateimage img,
#modules #blur-on .gateimage img {
  max-width: 100%;
}
#sections #blur-on .gateimage h3,
#modules #blur-on .gateimage h3 {
  text-align: center;
  color: #ffffff;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  max-width: 80%;
  padding: 0;
  width: 100%;
  clear: both;
  display: inline-block;
}
#sections #blur-on .form,
#modules #blur-on .form {
  float: right;
  width: 50%;
  max-width: 400px;
  padding: 22px 44px 33px;
  position: relative;
}
#sections #blur-on .form h3,
#modules #blur-on .form h3,
#sections #blur-on .form p,
#modules #blur-on .form p {
  text-align: center;
}
#sections #blur-on .form p,
#modules #blur-on .form p {
  font-size: 1.4em;
}
#sections #blur-on .form .disclaimer,
#modules #blur-on .form .disclaimer {
  padding-top: 15px;
  text-align: center;
  display: block;
  clear: both;
  font-size: 1.2em;
  max-width: 360px;
  margin: 0 auto;
}
#sections #blur-on .form #no-thanks,
#modules #blur-on .form #no-thanks {
  margin-top: 40px;
  display: block;
  text-align: center;
}
#sections #blur-on .form input[type='submit'],
#modules #blur-on .form input[type='submit'] {
  min-width: 0;
}
#sections #blur-on .form .success,
#modules #blur-on .form .success {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 2.4em;
  display: none;
}
#sections #blur-on .form .success svg,
#modules #blur-on .form .success svg {
  width: 90px;
  height: 90px;
  display: block;
  margin-bottom: 20px;
}
#sections #blur-on .form .success span,
#modules #blur-on .form .success span {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#sections #blur-on .form .success .circ,
#modules #blur-on .form .success .circ {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  stroke-dasharray: 130;
  stroke-dashoffset: 130;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#sections #blur-on .form .success .tick,
#modules #blur-on .form .success .tick {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  -webkit-transition: stroke-dashoffset 1s 0.5s ease-out;
  -moz-transition: stroke-dashoffset 1s 0.5s ease-out;
  -ms-transition: stroke-dashoffset 1s 0.5s ease-out;
  -o-transition: stroke-dashoffset 1s 0.5s ease-out;
  transition: stroke-dashoffset 1s 0.5s ease-out;
}
#sections #blur-on .form .success.display span,
#modules #blur-on .form .success.display span {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#sections #blur-on .form .success.display svg .path,
#modules #blur-on .form .success.display svg .path {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  stroke-dashoffset: 0;
}
@media only screen and (max-width: 768px) {
  #sections #blur-on .form,
  #modules #blur-on .form {
    padding-left: 22px;
    padding-right: 22px;
  }
}
#sections #blur-on .cmGate.landscape,
#modules #blur-on .cmGate.landscape {
  max-width: 600px;
}
#sections #blur-on .cmGate.landscape .gateimage,
#modules #blur-on .cmGate.landscape .gateimage {
  position: relative;
  max-width: 600px;
  min-height: 150px;
  width: 100%;
  background-position: center;
  background-size: cover;
}
#sections #blur-on .cmGate.landscape .form,
#modules #blur-on .cmGate.landscape .form {
  float: none;
  max-width: 600px;
  width: 100%;
}
@media only screen and (max-height: 700px) {
  #sections #blur-on .cmGate,
  #modules #blur-on .cmGate {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto 40px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  #sections #blur-on .cmGate.fixed,
  #modules #blur-on .cmGate.fixed {
    position: relative;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
/* END Gate styling */
#back-to-top {
  width: 52px;
  height: 52px;
  -khtml-border-radius: 52px;
  -moz-border-radius: 52px;
  -webkit-border-radius: 52px;
  border-radius: 52px;
  position: fixed;
  bottom: -72px;
  left: 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 30px 0 rgba(142, 149, 156, 0.5);
  -moz-box-shadow: 0 10px 30px 0 rgba(142, 149, 156, 0.5);
  box-shadow: 0 10px 30px 0 rgba(142, 149, 156, 0.5);
  line-height: 52px;
  text-align: center;
  font-size: 2em;
  color: #ececed;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#back-to-top.visible {
  bottom: 20px;
}
#back-to-top:hover {
  color: #5d5d66;
}
#pagination {
  text-align: center;
  font-size: 1.6em;
  margin-top: 4em;
}
#pagination .page_counter .number {
  font-size: 1.1em;
  font-weight: 600;
  display: inline-block;
  padding: 0 5px;
}
#pagination .page_counter .number.current {
  color: #111324;
}
#pagination .prev,
#pagination .next {
  display: inline-block;
  height: 40px;
  width: 40px;
  margin: 0 10px;
  position: relative;
  top: 14px;
  color: #7856ff;
}
#pagination .prev svg,
#pagination .next svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -4px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#pagination .prev:hover,
#pagination .next:hover {
  color: #8c6fff;
}
section {
  background: #f6f6f7;
  /*
     * Main LP
     */
  /*
     * Glossary
     */
  /*
     * GUIDES, INFOGRAPHICS, POLICIES
     */
  /* TABLE OF CONTENTS */
  /* DEFAULT sections */
  /* End DEFAULT Sections */
}
section.grid-container.no-top {
  padding-top: 0;
}
section.grid-container.no-bottom {
  padding-bottom: 0;
}
section .grid {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section .grid:after {
  content: '';
  width: 31.667%;
}
section .grid .tile {
  width: 31.667%;
  margin-bottom: 3em;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
section .grid .tile:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(144, 144, 150, 0.35);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
section .grid .tile.collection {
  min-height: 500px;
  background-color: #ffffff;
  overflow: hidden;
}
section .grid .tile.trending {
  background: #111324;
  /* Old browsers */
  background: -moz-linear-gradient(left, #111324 0%, #212547 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #111324 0%, #212547 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #111324 0%, #212547 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111324', endColorstr='#212547',GradientType=1);
  /* IE6-9 */
}
section .grid .tile.trending:after {
  display: none;
}
section .grid .tile.trending .flag {
  background-color: #ffffff;
  color: #7856ff;
}
section .grid .tile.trending .flag:before {
  top: 0;
  border-left-color: #ffffff;
  border-top-color: #ffffff;
}
section .grid .tile.trending .flag:after {
  bottom: 0;
  border-left-color: #ffffff;
  border-bottom-color: #ffffff;
}
section .grid .tile .content {
  width: 100%;
  height: 100%;
  padding: 40px;
}
section .grid .tile.custom {
  min-height: 450px;
}
section .grid .tile.custom .content h2,
section .grid .tile.custom .content h3,
section .grid .tile.custom .content h4,
section .grid .tile.custom .content h5,
section .grid .tile.custom .content h6,
section .grid .tile.custom .content p {
  color: #ffffff;
}
section .grid .tile.custom .content .middle {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  padding: 40px;
}
section .grid .tile .image {
  width: 100%;
  height: 215px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
section .grid .tile .image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(144, 144, 150, 0.35);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
section .grid .tile .details {
  background-color: #ffffff;
  padding: 34px 40px;
  text-align: center;
  position: relative;
  height: 235px;
  width: 100%;
}
section .grid .tile .details h4 {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-top: 0;
  height: 130px;
  color: #5d5d66;
  font-size: 2.4em;
}
section .grid .tile .details .badge {
  color: #ffffff;
  margin-bottom: 13px;
}
section .grid .tile .details .badge:before {
  content: '';
  display: block;
  background-color: #ffffff;
  border: 1px solid #5d5d66;
  width: 60px;
  height: 60px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -30px;
  -khtml-border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}
section .grid .tile .details .badge.blog:before,
section .grid .tile .details .badge.post:before {
  background-image: url('../blog.html');
}
section .grid .tile .details .badge.infographic:before,
section .grid .tile .details .badge.infographics:before {
  background-image: url('../infographic.html');
}
section .grid .tile .details .badge.guide:before,
section .grid .tile .details .badge.guides:before,
section .grid .tile .details .badge.resources:before,
section .grid .tile .details .badge.devresources:before,
section .grid .tile .details .badge.agencyresources:before {
  background-image: url('../guide.html');
}
section .grid .tile .details .badge.webinar:before,
section .grid .tile .details .badge.webinars:before {
  background-image: url('../webinar.html');
}
section .grid .tile .details .badge.event:before,
section .grid .tile .details .badge.events:before {
  background-image: url('../event.html');
}
section .grid .tile .details .badge.glossary:before,
section .grid .tile .details .badge.cmglossary:before {
  background-image: url('../glossary.html');
}
section .grid .tile .details .badge.knowledgebase:before {
  background-image: url('../knowledgebase.html');
}
section .grid .tile .details .badge.comparison:before,
section .grid .tile .details .badge.comparisons:before {
  background-image: url('../comparisons.html');
  background-size: 40px;
}
section .grid .tile .details .badge.tool:before,
section .grid .tile .details .badge.tools:before {
  background-image: url('../tools.html');
}
section .grid .tile .details .badge.casestudy:before,
section .grid .tile .details .badge.casestudies:before {
  background-image: url('../casestudies.html');
}
section .grid .tile .details .badge.training-videos:before,
section .grid .tile .details .badge.training-videos:before {
  background-image: url('../training-videos.html');
  background-size: 30px;
}
section .grid .tile .details .badge.security:before {
  background-image: url('../svg/security-icon.svg');
}
section .grid .tile .details .badge.gdpr-compliance:before {
  background-image: url('../svg/gdpr-compliance-icon.svg');
  background-size: 30px;
}
section .grid .tile .details .badge.compliance:before,
section .grid .tile .details .badge.anti-spam-compliance:before {
  background-image: url('../svg/compliance-icon.svg');
}
section .grid .tile .details .badge.system-status:before {
  background-image: url('../svg/status-icon.svg');
}
section .grid .tile .details .badge.bug-report:before {
  background-image: url('../svg/bug.svg');
}
section .grid .tile .details p {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  color: #8a8b93;
  text-align: center;
  max-height: 120px;
  overflow: hidden;
}
section .grid .tile .collection-list {
  padding: 20px 30px 34px;
  min-height: 285px;
  position: relative;
  z-index: 3;
}
section .grid .tile .collection-list h6 {
  padding-bottom: 19px;
  margin-bottom: 0;
  border-bottom: 1px solid #ececed;
}
section .grid .tile .collection-list h6 a {
  font-weight: inherit;
  position: relative;
  display: block;
  background-image: url('../collections-arrow.html');
  background-repeat: no-repeat;
  background-position: right center;
}
section .grid .tile .collection-list ul li {
  margin-top: 20px;
}
section .grid .tile .collection-list ul li a {
  font-size: 1.6em;
  line-height: 1.5em;
}
section .grid .tile .trending-list {
  padding: 105px 30px 30px;
}
section .grid .tile .trending-list ul li {
  color: #ffffff;
  margin-top: 20px;
}
section .grid .tile .trending-list ul li a {
  color: #ffffff;
  font-size: 1.6em;
  line-height: 1.5em;
}
section .grid .tile a.tile-link {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
section .grid .tile .flag {
  background-color: #7856ff;
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 2.8em;
  line-height: 60px;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: #ffffff;
  width: 100%;
  text-align: center;
  margin: 0 auto 17px;
  padding: 0;
  padding: 0 58px 0 30px;
  position: absolute;
  z-index: 3;
  top: 30px;
  left: -6px;
  height: 60px;
  width: auto;
}
@media only screen and (max-width: 767px) {
  section .grid .tile .flag {
    font-size: 1.8em;
  }
}
section .grid .tile .flag span {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-top-color: #2a2941;
  border-right-color: #2a2941;
}
section .grid .tile .flag:before,
section .grid .tile .flag:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: -15px;
  border-color: transparent;
  border-right-width: 8px;
  border-left-width: 8px;
  border-top-width: 15px;
  border-bottom-width: 15px;
  border-style: solid;
}
section .grid .tile .flag:before {
  top: 0;
  border-left-color: #7856ff;
  border-top-color: #7856ff;
}
section .grid .tile .flag:after {
  bottom: 0;
  border-left-color: #7856ff;
  border-bottom-color: #7856ff;
}
section .grid .tile.full {
  width: 100%;
  height: 450px;
}
section .grid .tile.full .image {
  height: 100%;
  width: 69%;
}
section .grid .tile.full .details {
  position: absolute;
  right: 0;
  top: 0;
  width: 31.667%;
  height: 100%;
  border-left: 0;
}
section .grid .tile.full .details h4 {
  height: auto;
}
section .grid .tile.full .details p {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
section .grid .tile.full .details .badge:before {
  position: static;
  margin: 0 auto;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
section .grid .tile.cmglossary .image {
  background-image: url('../glossary-search-tile.html') !important;
}
section .grid .tile:hover:not(.custom):not(.full) h4 {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  margin-top: -30px;
  height: 30px;
}
section .grid .tile:hover:not(.custom):not(.full) p {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  margin-top: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  section .grid .tile {
    width: 48.6%;
  }
  section .grid .tile.full {
    width: 48.6%;
    height: auto;
  }
  section .grid .tile.full .image {
    height: 215px;
    width: 100%;
  }
  section .grid .tile.full .details {
    width: 100%;
    height: 235px;
    border: 0;
    position: relative;
  }
  section .grid .tile.full .details .badge:before {
    position: absolute;
    margin-left: -30px;
  }
  section .grid .tile.full .details h4 {
    height: 130px;
  }
  section .grid .tile.full .details p {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)' !important;
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    opacity: 0 !important;
  }
  section .grid .tile.full:hover h4 {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-top: -30px;
    height: 30px;
  }
  section .grid .tile.full:hover p {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)' !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
    margin-top: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
}
@media only screen and (max-width: 767px) {
  section .grid .tile {
    width: 100% !important;
  }
  section .grid .tile .details {
    height: auto !important;
  }
  section .grid .tile .details h4 {
    font-size: 2.4em;
    height: auto !important;
    margin-top: 0 !important;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)' !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
  }
  section .grid .tile .details p {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)' !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
  }
  section .grid .tile.full .details p {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)' !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
  }
}
section#grid-related {
  padding-top: 0;
}
section#grid-related .inner {
  padding-top: 6em;
}
section#grid-related.border .inner {
  border-top: 1px solid #ececed;
}
section#grid-related h2 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 3em;
  line-height: 1.23em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  max-width: 830px;
  margin: 0 auto 10px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  section#grid-related h2 {
    font-size: 2em;
  }
}
section#plain-banner {
  padding-bottom: 0;
  overflow: hidden;
}
section#plain-banner .fake-h1 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 5.6em;
  line-height: 1.167em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  text-align: center;
  margin: 0 auto 17px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  section#plain-banner .fake-h1 {
    font-size: 4.6em;
  }
}
section#plain-banner h6 a {
  font-weight: inherit;
  color: inherit;
}
section#banner {
  background: #111324;
  /* Old browsers */
  background: -moz-linear-gradient(left, #111324 0%, #212547 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #111324 0%, #212547 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #111324 0%, #212547 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111324', endColorstr='#212547',GradientType=1);
  /* IE6-9 */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
section#banner .inner {
  position: static;
}
section#banner hgroup {
  max-width: 900px;
  width: 90%;
  margin-bottom: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
section#banner h6 a {
  font-weight: inherit;
  color: #ffffff;
}
section#banner h1,
section#banner p {
  color: #ffffff;
}
section#filter-bar {
  padding: 0;
  position: relative;
  z-index: 11;
}
section#filter-bar > .inner {
  padding: 3em 0;
}
section#filter-bar.border > .inner {
  border-bottom: 1px solid #ececed;
}
section#filter-bar .left {
  float: left;
  margin-top: 10px;
}
section#filter-bar .right {
  float: right;
  text-align: right;
  width: 50%;
  height: 50px;
  max-width: 810px;
  overflow: visible;
  background: transparent;
}
section#filter-bar .resource-home {
  color: #8a8b93;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  font-size: 1.4em;
  line-height: 31px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  padding-left: 41px;
  float: left;
}
section#filter-bar .resource-home svg {
  color: #7856ff;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
section#filter-bar .section-breadcrumb {
  color: #5d5d66;
  font-size: 1.4em;
  line-height: 31px;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  float: left;
}
section#filter-bar .section-breadcrumb:before {
  color: #7856ff;
  margin: 0 12px;
  display: inline-block;
  content: '\00bb';
  position: relative;
  top: -1px;
}
section#filter-bar .section-menu,
section#filter-bar .section-submenu {
  color: #8a8b93;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  font-size: 1.4em;
  line-height: 31px;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  float: left;
}
section#filter-bar .section-menu svg,
section#filter-bar .section-submenu svg {
  position: relative;
  margin-left: 3px;
  top: -2px;
}
section#filter-bar .section-menu:hover,
section#filter-bar .section-submenu:hover {
  color: #8c6fff;
}
section#filter-bar .section-menu.active svg,
section#filter-bar .section-submenu.active svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
section#filter-bar .section-menu:before,
section#filter-bar .section-submenu:before {
  color: #7856ff;
  margin: 0 12px;
  display: inline-block;
  content: '\00bb';
  position: relative;
  top: -1px;
}
section#filter-bar .right .section-menu {
  float: none;
  margin: 10px 10px 0 0;
}
section#filter-bar .custom-select {
  display: inline-block;
  margin: 0 0 0 20px;
}
section#filter-bar .custom-select:after {
  width: 12px;
  height: 6px;
  margin-top: -3px;
  background-image: url('../dropdown-arrow.html');
}
section#filter-bar .custom-select select {
  margin-right: 30px;
  font-size: 1.6em;
}
section#filter-bar .browse {
  display: inline-block;
  margin: 0 0 0 20px;
  height: 50px;
  position: relative;
  text-align: left;
  float: right;
}
section#filter-bar .browse .browse-by {
  border: 1px solid #f6f6f7;
  -webkit-box-shadow: 0 1 0 0 #ececed;
  -moz-box-shadow: 0 1 0 0 #ececed;
  box-shadow: 0 1 0 0 #ececed;
  padding: 13px 40px 15px 14px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: border 0.2s ease-in-out;
  -moz-transition: border 0.2s ease-in-out;
  -ms-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
section#filter-bar .browse .browse-by > span {
  color: #5d5d66;
  font-style: italic;
  font-size: 1.6em;
  line-height: 1.3em;
}
section#filter-bar .browse .browse-by:hover {
  border: 1px solid #5d5d66;
}
section#filter-bar .browse .browse-by:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  width: 12px;
  height: 6px;
  margin-top: -3px;
  background-image: url('../dropdown-arrow.html');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
section#filter-bar .browse .browse-by.active {
  border: 1px solid #5d5d66;
}
section#filter-bar .browse .browse-by.active:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
section#filter-bar .browse .options {
  display: none;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  z-index: 3;
  top: 100%;
  right: -1px;
  border: 1px solid #5d5d66;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 14px 28px 0 rgba(47, 53, 62, 0.2);
  -moz-box-shadow: 0 14px 28px 0 rgba(47, 53, 62, 0.2);
  box-shadow: 0 14px 28px 0 rgba(47, 53, 62, 0.2);
  padding: 16px 24px;
  width: 446px;
}
section#filter-bar .browse .options ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
section#filter-bar .browse .options li {
  width: 194px;
  padding: 4px 0;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}
section#filter-bar .browse .options li a {
  color: #5d5d66;
  font-size: 1.4em;
  line-height: 1.429em;
  display: block;
  /*.transition(padding, 0.2s);*/
}
section#filter-bar .browse .options li a:hover {
  color: #7856ff;
  /*padding-left: 8px;*/
}
@media only screen and (max-width: 478px) {
  section#filter-bar .browse .options li a {
    font-size: 1.2em;
    line-height: 1.667;
  }
}
@media only screen and (max-width: 980px) {
  section#filter-bar .browse {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 500px) {
  section#filter-bar .browse {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  section#filter-bar .browse .browse-by {
    width: 100%;
    max-width: none;
    margin-left: 0;
  }
  section#filter-bar .browse .options {
    left: 0;
    right: auto;
    width: 288px;
  }
}
section#filter-bar #search-box {
  width: 100%;
  height: 50px;
  display: block;
  margin-left: 20px;
  float: left;
}
@media only screen and (max-width: 767px) {
  section#filter-bar #search-box {
    width: 100%;
    float: none;
    max-width: none;
  }
}
section#filter-bar #search-box .shroud {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(47, 53, 62, 0.65);
  z-index: 9998;
  display: none;
}
section#filter-bar #search-box input {
  background-image: url('../search-icon.html');
  background-position: right 17px center;
  background-repeat: no-repeat;
  margin: 0;
  padding-right: 50px;
  position: static;
  right: 0;
  top: 30px;
}
section#filter-bar #search-box input.expanded {
  position: absolute;
  z-index: 9999;
  padding-right: 200px;
}
section#filter-bar #search-box input.shown-results,
section#filter-bar #search-box input.shown-filter {
  -khtml-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
section#filter-bar #search-box #submit-search {
  display: none;
  cursor: pointer;
  position: absolute;
  z-index: 10000;
  right: 1px;
  top: 31px;
  height: 48px;
  width: 49px;
  line-height: 48px;
  background-image: url('../search-icon.html');
  background-position: right 17px center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
section#filter-bar #search-box #submit-search:hover {
  background-color: #f6f6f7;
}
section#filter-bar #search-box #found-results-count {
  display: none;
  position: absolute;
  z-index: 10000;
  right: 200px;
  top: 31px;
  height: 48px;
  line-height: 48px;
  color: #c0c0c7;
  font-size: 1.4em;
}
section#filter-bar #search-box #toggle-search-filter {
  display: none;
  cursor: pointer;
  position: absolute;
  z-index: 10000;
  right: 50px;
  top: 31px;
  height: 48px;
  line-height: 48px;
  border-right: 1px solid #ececed;
  color: #5d5d66;
  font-size: 1.6em;
  padding-right: 50px;
  padding-left: 20px;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
section#filter-bar #search-box #toggle-search-filter:after {
  content: '';
  position: absolute;
  width: 50px;
  height: 100%;
  top: 0;
  right: 0;
  background-image: url('../dropdown-arrow.html');
  background-position: right 19px center;
  background-repeat: no-repeat;
}
section#filter-bar #search-box #toggle-search-filter.open:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
section#filter-bar #search-box #toggle-search-filter:hover {
  background-color: #f6f6f7;
}
section#filter-bar #search-box #search-filter {
  display: none;
  position: absolute;
  top: 79px;
  left: 0;
  z-index: 9999;
  width: 100%;
  padding: 30px 80px;
  text-align: left;
  background: #ffffff;
  border: 1px solid #ececed;
  -khtml-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
section#filter-bar #search-box #search-filter .cols {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}
section#filter-bar #search-box #search-filter .col h6 {
  margin-bottom: 20px;
}
section#filter-bar #search-box #search-filter .col li {
  margin-bottom: 12px;
  width: 100%;
  font-size: 1.6em;
  color: #5d5d66;
}
section#filter-bar #search-box #search-filter .col li input {
  margin-right: 10px;
}
section#filter-bar #search-box #search-filter .col-quart {
  width: 25%;
}
section#filter-bar #search-box #search-filter .col-half {
  width: 50%;
}
section#filter-bar #search-box #search-filter .col-half ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-width: 50%;
  -moz-column-width: 50%;
  column-width: 50%;
}
section#filter-bar #search-box #search-filter #apply-filters {
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px solid #ececed;
  width: 100%;
  text-align: center;
}
section#filter-bar #search-box #search-filter #clear-filters {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 30px;
  right: 50px;
  padding-left: 16px;
  color: #5d5d66;
  font-size: 1.3em;
  background-image: url('../cross.html');
  background-position: left center;
  background-repeat: no-repeat;
}
section#filter-bar #search-box #search-results {
  display: none;
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 9998;
  background: #ffffff;
  border: 1px solid #ececed;
  -khtml-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  width: 100%;
  text-align: left;
  padding: 30px 30px 0;
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: auto;
}
section#filter-bar #search-box #search-results.hide {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
section#filter-bar #search-box #search-results .articles {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}
section#filter-bar #search-box #search-results h4 {
  text-align: center;
  margin-bottom: 35px;
}
section#filter-bar #search-box #search-results .search-result {
  width: 100%;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 10px 20px;
}
section#filter-bar #search-box #search-results .search-result:last-child {
  margin-bottom: 30px;
  border-bottom: none;
}
section#filter-bar #search-box #search-results .search-result a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
section#filter-bar #search-box #search-results .search-result .title {
  font-size: 2em;
  line-height: 1.3em;
  width: 80%;
  flex-grow: 1;
  padding-right: 20px;
}
section#filter-bar #search-box #search-results .search-result .pill span {
  display: block;
  font-size: 1.3em;
  line-height: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  color: #5d5d66;
  border: 1px solid #5d5d66;
  padding: 0 10px;
}
section#filter-bar #search-box #search-results .search-result:hover {
  background-color: #ececed;
}
section#filter-bar #search-box #search-results #show-all-results {
  display: block;
  clear: both;
  border-top: 1px solid #ececed;
  text-align: center;
  padding: 20px 0;
}
section#filter-bar #search-box #search-results #show-all-results a {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
section#filter-bar .menu-bar {
  display: none;
  padding: 55px 0 55px;
  background-color: rgba(17, 19, 36, 0.95);
  -webkit-box-shadow: 0px 5px 10px 0px rgba(108, 108, 108, 0.5) inset;
  -moz-box-shadow: 0px 5px 10px 0px rgba(108, 108, 108, 0.5) inset;
  box-shadow: 0px 5px 10px 0px rgba(108, 108, 108, 0.5) inset;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
section#filter-bar .menu-bar .inner {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section#filter-bar .menu-bar a {
  display: block;
  width: 31.667%;
  height: 40px;
  margin-right: 2.5%;
  margin-bottom: 20px;
  font-size: 2.6em;
  line-height: 40px;
  color: #ffffff;
  background-position: left center;
  background-repeat: no-repeat;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
section#filter-bar .menu-bar a.guides {
  padding-left: 50px;
  background-image: url('../guide-white.html');
}
section#filter-bar .menu-bar a.infographics {
  padding-left: 50px;
  background-image: url('../infographic-white.html');
}
section#filter-bar .menu-bar a.collections {
  padding-left: 50px;
  background-image: url('../collections-white.html');
}
section#filter-bar .menu-bar a.blog {
  padding-left: 50px;
  background-image: url('../blog-white.html');
}
section#filter-bar .menu-bar a.webinars {
  padding-left: 50px;
  background-image: url('../webinar-white.html');
}
section#filter-bar .menu-bar a.events {
  padding-left: 50px;
  background-image: url('../event-white.html');
}
section#filter-bar .menu-bar a.glossary {
  padding-left: 50px;
  background-image: url('../glossary-white.html');
}
section#filter-bar .menu-bar a.knowledgebase {
  padding-left: 50px;
  background-image: url('../knowledgebase-white.html');
}
section#filter-bar .menu-bar a.comparisons {
  padding-left: 50px;
  background-image: url('../comparisons-white.html');
}
section#filter-bar .menu-bar a.tools {
  padding-left: 50px;
  background-image: url('../tools-white.html');
}
section#filter-bar .menu-bar a.casestudies {
  padding-left: 50px;
  background-image: url('../casestudies-white.html');
}
section#filter-bar .menu-bar a.training {
  padding-left: 50px;
  background-image: url('../training-videos-white.html');
}
section#filter-bar .menu-bar a:nth-child(3n + 3) {
  margin-right: 0;
}
section#filter-bar .menu-bar a:hover {
  color: #ececed;
}
section#filter-bar #browse-bar .inner {
  display: block;
}
section#filter-bar #browse-bar h4,
section#filter-bar #browse-bar h5 {
  color: #ffffff;
  max-width: none;
}
section#filter-bar #browse-bar .option {
  margin: 10px 0 15px;
}
section#filter-bar #browse-bar .option-menu {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section#filter-bar #browse-bar .option-menu a {
  font-size: 1.6em;
  line-height: 1.5em;
  height: auto;
  width: auto;
  margin-right: 25px;
  margin-bottom: 10px;
  padding: 0;
  background: none;
}
@media only screen and (max-width: 1024px) {
  section#filter-bar #browse-by {
    display: none;
  }
}
@media only screen and (max-width: 980px) {
  section#filter-bar .left,
  section#filter-bar .right {
    float: none;
    display: block;
  }
  section#filter-bar .right {
    width: 100%;
    max-width: none;
    margin-bottom: 3em;
  }
  section#filter-bar #search-box {
    max-width: none;
    width: 100%;
    margin-left: 0;
  }
  section#filter-bar #search-box input.expanded {
    width: 100% !important;
  }
  section#filter-bar #search-box #toggle-search-filter {
    display: none !important;
  }
  section#filter-bar #search-box #found-results-count {
    right: 60px;
  }
}
@media only screen and (max-width: 767px) {
  section#filter-bar #search-box #search-results .articles {
    width: 100%;
  }
  section#filter-bar #search-box #search-results .search-result .title {
    font-size: 1.4em;
    width: 20%;
  }
  section#filter-bar .menu-bar a {
    width: 48.6%;
  }
}
@media only screen and (max-width: 480px) {
  section#filter-bar #search-box input {
    padding-right: 60px;
  }
  section#filter-bar #search-box #found-results-count {
    display: none !important;
  }
  section#filter-bar #search-box #search-results .search-result .title {
    font-size: 1.4em;
    width: 100%;
  }
  section#filter-bar #search-box #search-results .search-result .pill {
    display: none;
  }
  section#filter-bar .menu-bar a {
    width: 100%;
  }
}
section#subscribe {
  background-color: #f6f6f7;
  padding-bottom: 0;
  overflow: hidden;
}
section#subscribe .graphic {
  width: 40%;
  float: left;
}
section#subscribe .graphic .browser {
  max-width: 380px;
  float: right;
}
section#subscribe .content {
  width: 52.5%;
  float: right;
  margin-bottom: 40px;
}
section#subscribe .content p {
  width: 90%;
  margin-left: 0;
}
@media only screen and (max-width: 900px) {
  section#subscribe {
    padding-bottom: 6em;
  }
  section#subscribe .graphic {
    display: none;
  }
  section#subscribe .content {
    float: none;
    width: 100%;
    margin-bottom: 0;
    text-align: center;
  }
  section#subscribe .content p {
    text-align: center;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 1.25em;
  }
}
section#collections {
  background-color: #f6f6f7;
}
section#collections #grid-collections {
  background-color: transparent;
}
section#collections #grid-collections .collection-list {
  border: 0;
}
section#glossary-index {
  padding-top: 0;
  padding-bottom: 0;
}
section#glossary-index .inner {
  padding: 20px 0;
  border-top: 1px solid #ececed;
  border-bottom: 1px solid #ececed;
  text-align: center;
}
section#glossary-index .filter {
  cursor: pointer;
  color: #7856ff;
  font-size: 2.2em;
  line-height: 1.5em;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
section#glossary-index .filter:hover {
  color: #8c6fff;
}
section#glossary-index .filter.disabled {
  color: #f6f6f7;
}
section#glossary-index .dot {
  display: inline-block;
  width: 3px;
  height: 16px;
  position: relative;
  margin: 0 10px;
}
section#glossary-index .dot:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #ececed;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: -1.5px;
}
@media only screen and (max-width: 1200px) {
  section#glossary-index .filter {
    font-size: 1.6em;
  }
}
section#terms .inner {
  max-width: 860px;
}
section#terms .term {
  border-bottom: 1px solid #ececed;
  padding: 20px 90px 30px 80px;
  width: 100%;
  position: relative;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
section#terms .term:after {
  content: '';
  position: absolute;
  right: 50px;
  top: 50%;
  margin-top: -11px;
  width: 12px;
  height: 22px;
  background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEzcHgiIGhlaWdodD0iMjJweCIgdmlld0JveD0iMCAwIDEzIDIyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJSZXNvdXJjZXMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHbG9zc2FyeSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExMTYuMDAwMDAwLCAtNjE0LjAwMDAwMCkiIHN0cm9rZT0iIzAwOUZGNyI+CiAgICAgICAgICAgIDxnIGlkPSJXb3JkcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzE3LjAwMDAwMCwgNTc3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IldvcmQiPgogICAgICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGF0aC0xMCIgcG9pbnRzPSI4MDAgMzcgODEwLjU4OTA5NCA0Ny41ODkwOTM4IDgwMCA1Ny43NTY4MzU5Ij48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
}
section#terms .term:last-child,
section#terms .term.last {
  border-bottom: none;
}
section#terms .term h4 {
  max-width: none;
}
section#terms .term a {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section#terms .term:hover {
  background-color: #ececed;
}
@media only screen and (max-width: 1000px) {
  section#terms .term {
    padding-left: 0;
  }
}
section#details-container {
  padding-top: 0;
}
section#details-container .inner {
  position: relative;
  border-top: 1px solid #ececed;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}
section#details-container h6 {
  color: #5d5d66;
  border-bottom: 1px solid #ececed;
  padding-bottom: 19px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  section#details-container {
    padding-bottom: 60px;
  }
  section#details-container .inner {
    display: block;
  }
}
section#details-main {
  width: 100%;
  padding-right: 100px;
}
@media only screen and (max-width: 767px) {
  section#details-main {
    padding-right: 0;
    padding-bottom: 0;
  }
}
section#details-main h1,
section#details-main h2 {
  display: none;
}
section#details-main .fake-h4 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 3em;
  line-height: 1.23em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  max-width: 830px;
  margin: 0 auto 10px;
  padding: 0;
  display: block;
  text-align: left;
  max-width: none;
}
@media only screen and (max-width: 767px) {
  section#details-main .fake-h4 {
    font-size: 2em;
  }
}
section#details-main #gallery {
  margin-bottom: 40px;
}
section#details-main #gallery .gallery-container {
  position: relative;
  line-height: 0;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid rgba(142, 149, 156, 0.35);
  overflow: hidden;
}
section#details-main #gallery .gallery-container img {
  width: 100%;
}
section#details-main #gallery .gallery-items {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section#details-main #gallery .gallery-item {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section#details-main #gallery .gallery-item.current {
  display: block;
  z-index: 0;
}
section#details-main #gallery .gallery-item img {
  width: 100%;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
section#details-main #gallery .gallery-item iframe {
  width: 100%;
  height: 100%;
  border: none;
}
section#details-main #gallery .thumbs-container {
  margin-top: 2.7775%;
  position: relative;
}
section#details-main #gallery .thumb-items-container {
  overflow: hidden;
  width: 100%;
}
section#details-main #gallery .thumb-items {
  width: 100%;
}
section#details-main #gallery .thumb-item {
  max-width: 128px;
  max-height: 69px;
  width: 17.778%;
  float: left;
  line-height: 0;
  margin-left: 2.7775%;
  cursor: pointer;
  border: 1px solid rgba(142, 149, 156, 0.35);
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
section#details-main #gallery .thumb-item:first-child {
  margin-left: 0;
}
section#details-main #gallery .thumb-item:hover {
  border: 1px solid #8e959c;
}
section#details-main #gallery .thumb-item.current {
  border: 1px solid #7856ff;
}
section#details-main #gallery .thumb-item.video:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 32px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../png/play%402x.png);
  background-size: 48px 32px;
  background-position: center;
}
section#details-main #gallery .thumb-item img {
  max-width: 100%;
  max-height: 100%;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
section#details-main #gallery .arrow {
  width: 12px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  background-size: 12px 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -ms-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
section#details-main #gallery .arrow.left {
  left: -20px;
  background-image: url(../png/gallery-arrow-left.png);
  display: none;
}
section#details-main #gallery .arrow.right {
  right: -20px;
  background-image: url(../png/gallery-arrow-right.png);
}
section#details-main #gallery .arrow:hover {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
section#details-main .details {
  padding-bottom: 20px;
}
section#details-main .detail {
  margin-bottom: 40px;
}
section#details-main .detail p,
section#details-main .detail li {
  font-size: 1.6em;
  line-height: 1.5em;
  color: #5d5d66;
}
section#details-main .detail img {
  max-width: 100%;
}
section#details-main .detail p,
section#details-main .detail ul,
section#details-main .detail ol {
  margin-bottom: 24px;
}
section#details-main .detail p li,
section#details-main .detail ul li,
section#details-main .detail ol li {
  margin-bottom: 13px;
  padding-left: 5px;
}
section#details-main .detail ul {
  list-style: disc;
  margin-left: 18px;
}
section#details-main .detail ol {
  list-style: decimal;
  margin-left: 20px;
}
section#details-main .example {
  background-color: rgba(101, 185, 255, 0.2);
  border: 1px solid #ececed;
  padding: 20px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
section#details-main .example h6 {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 4px;
  color: #111324;
}
section#details-main .example p,
section#details-main .example li {
  font-style: italic;
}
section#details-side {
  width: 300px;
  padding: 6em 0 0;
}
@media only screen and (max-width: 767px) {
  section#details-side {
    position: relative !important;
    width: 100%;
  }
}
section#details-side a {
  font-size: 1.4em;
  line-height: 1.5em;
  display: block;
}
section#details-side .detail {
  margin-bottom: 30px;
}
section#toc {
  padding: 4em 0;
  background: #ffffff;
  border-bottom: 1px solid #f2f2f2;
}
section#toc .toc_title {
  font-size: 1.6em;
  line-height: 1;
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 40px;
  color: #5d5d66;
}
section#toc ol {
  width: 100%;
  overflow: hidden;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 3.4em;
  -moz-column-gap: 3.4em;
  column-gap: 3.4em;
}
section#toc ol li {
  max-width: 330px;
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari */
  page-break-inside: avoid;
  /* Theoretically FF 20+ */
  break-inside: avoid-column;
  /* IE 11 */
  position: relative;
  font-size: 1.6em;
  color: #65b9ff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-bottom: 15px;
}
section#toc ol li a {
  line-height: 1.25em;
  display: block;
}
section#toc ol li span.number {
  position: absolute;
  top: 30px;
  left: 0;
  display: block;
  width: 30px;
  font-weight: 200;
  color: #14517e;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 900px) {
  section#toc ol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (max-width: 660px) {
  section#toc ol li span.number {
    top: 18px;
  }
}
@media only screen and (max-width: 550px) {
  section#toc ol {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
section#sections {
  padding-top: 8em;
  padding-bottom: 8em;
  background-color: #ffffff;
}
section#sections .introduction {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 1.1em;
  color: #cbd2d7;
}
section#sections .chapter {
  display: none;
}
section#sections h2 {
  text-align: center;
  max-width: 700px;
  width: 90%;
}
section#sections span.pretitle {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 1.6em;
  line-height: 1.308em;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.038em;
  color: #111324;
  width: 100%;
  margin: 0 0 5px;
  padding: 0;
  color: #7856ff;
  text-align: center;
  display: inline-block;
}
section#sections p,
section#sections ul,
section#sections ol {
  margin: 0 0 20px;
  width: 100%;
  font-size: 1.6em;
  line-height: 1.5em;
  float: none;
  position: relative;
  clear: both;
}
section#sections p.c-2,
section#sections ul.c-2,
section#sections ol.c-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
section#sections p.c-2 h2,
section#sections ul.c-2 h2,
section#sections ol.c-2 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
@media only screen and (max-width: 600px) {
  section#sections p.c-2,
  section#sections ul.c-2,
  section#sections ol.c-2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
section#sections p.c-3,
section#sections ul.c-3,
section#sections ol.c-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
section#sections p.c-3 h2,
section#sections ul.c-3 h2,
section#sections ol.c-3 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
@media only screen and (max-width: 600px) {
  section#sections p.c-3,
  section#sections ul.c-3,
  section#sections ol.c-3 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (max-width: 400px) {
  section#sections p.c-3,
  section#sections ul.c-3,
  section#sections ol.c-3 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
section#sections p.c-4,
section#sections ul.c-4,
section#sections ol.c-4 {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
section#sections p.c-4 h2,
section#sections ul.c-4 h2,
section#sections ol.c-4 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
@media only screen and (max-width: 600px) {
  section#sections p.c-4,
  section#sections ul.c-4,
  section#sections ol.c-4 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media only screen and (max-width: 400px) {
  section#sections p.c-4,
  section#sections ul.c-4,
  section#sections ol.c-4 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
section#sections p.c-5,
section#sections ul.c-5,
section#sections ol.c-5 {
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
section#sections p.c-5 h2,
section#sections ul.c-5 h2,
section#sections ol.c-5 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
@media only screen and (max-width: 600px) {
  section#sections p.c-5,
  section#sections ul.c-5,
  section#sections ol.c-5 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}
@media only screen and (max-width: 500px) {
  section#sections p.c-5,
  section#sections ul.c-5,
  section#sections ol.c-5 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media only screen and (max-width: 400px) {
  section#sections p.c-5,
  section#sections ul.c-5,
  section#sections ol.c-5 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
section#sections p.c-6,
section#sections ul.c-6,
section#sections ol.c-6 {
  -webkit-column-count: 6;
  -moz-column-count: 6;
  column-count: 6;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
section#sections p.c-6 h2,
section#sections ul.c-6 h2,
section#sections ol.c-6 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
@media only screen and (max-width: 600px) {
  section#sections p.c-6,
  section#sections ul.c-6,
  section#sections ol.c-6 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}
@media only screen and (max-width: 500px) {
  section#sections p.c-6,
  section#sections ul.c-6,
  section#sections ol.c-6 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media only screen and (max-width: 400px) {
  section#sections p.c-6,
  section#sections ul.c-6,
  section#sections ol.c-6 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
section#sections p code,
section#sections ul code,
section#sections ol code {
  border: 1px solid #696973;
  background-color: #e9e9eb;
  padding: 0px 2px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: monospace;
  font-size: 1.1em;
}
section#sections ul,
section#sections ol {
  margin: 0 0 40px;
}
section#sections ul li,
section#sections ol li {
  margin-left: 26px;
  padding: 0;
}
section#sections ul li b,
section#sections ol li b {
  color: #747a80;
}
section#sections ul li ul,
section#sections ol li ul,
section#sections ul li ol,
section#sections ol li ol,
section#sections ul li p,
section#sections ol li p {
  margin: 20px 0 30px;
  font-size: 1em;
}
section#sections ul li li,
section#sections ol li li {
  font-size: 0.5556em;
}
section#sections ul li {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 20px;
  margin-left: 0;
  color: #111324;
  list-style: none;
  background-image: url(../png/bullet.png);
  background-size: 6px 6px;
  background-repeat: no-repeat;
  background-position: 0px 11px;
}
section#sections ul.no-bullets li {
  padding-left: 0;
  background: none;
}
section#sections ol.upper-lettered > li {
  list-style: upper-alpha;
}
section#sections ol.roman > li {
  list-style: lower-roman;
}
section#sections ol.lower-lettered > li {
  list-style: lower-alpha;
}
section#sections ol.numbered > li {
  list-style: decimal;
}
section#sections pre {
  float: none;
}
section#sections hr {
  border-top: none;
  margin: 0 0 25px 0;
  float: none;
  clear: both;
}
section#sections .chapter-header {
  background-color: #2a2941;
  padding: 11.5em 0;
  margin-bottom: 8em;
}
section#sections .chapter-header span.pretitle,
section#sections .chapter-header h2 {
  color: #ffffff;
  width: 100%;
  text-align: left;
}
section#sections .chapter-header hgroup {
  max-width: 700px;
  margin-bottom: 0;
}
section#sections .chapter-header hgroup h2 {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  section#sections .chapter-header {
    padding: 5em 0;
  }
}
section#sections .intro-copy,
section#sections .wrapup {
  margin-top: -8em;
  background-color: #f6f6f7;
  padding-top: 8em;
  overflow: hidden;
}
section#sections .intro-copy h2,
section#sections .wrapup h2 {
  text-align: left;
  width: 100%;
}
section#sections .intro-copy .chapter-header,
section#sections .wrapup .chapter-header {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
}
section#sections .intro-copy .chapter-header span.pretitle,
section#sections .wrapup .chapter-header span.pretitle,
section#sections .intro-copy .chapter-header h2,
section#sections .wrapup .chapter-header h2 {
  color: #111324;
  width: 100%;
  text-align: left;
}
section#sections .intro-copy .chapter-header hgroup,
section#sections .wrapup .chapter-header hgroup {
  max-width: 700px;
  margin-bottom: 0;
}
section#sections .intro-copy .chapter-header hgroup h2,
section#sections .wrapup .chapter-header hgroup h2 {
  margin-bottom: 17px;
}
section#sections .wrapup {
  margin-top: 0;
  margin-bottom: -1px;
  padding: 5em 0;
}
section#sections .content.article {
  position: relative;
  max-width: 700px;
  width: 90%;
  margin: 0 auto;
  overflow-x: auto;
}
section#sections .content.article.ender {
  padding-bottom: 80px;
}
section#sections .content p.authorVignette {
  max-width: 70px;
  float: left;
  margin: 0 20px 60px 0;
}
section#sections .content p.authorVignette img {
  max-width: 70px;
}
section#sections .content p.authorName {
  clear: inherit;
  max-width: 570px;
  float: left;
  padding-top: 36px;
  line-height: 1.3em;
  font-size: 1.5em;
}
section#sections .content .authorQuote {
  margin-bottom: 25px;
}
section#sections .content .fullimage,
section#sections .content .size-full {
  max-width: 100%;
  margin: 10px auto 30px;
  float: none;
  display: block;
}
section#sections .content .fullimage.left,
section#sections .content .size-full.left {
  float: left;
}
section#sections .content .fullimage.right,
section#sections .content .size-full.right {
  float: right;
}
section#sections .content .image-caption {
  position: relative;
  top: -25px;
  text-align: center;
  font-size: 0.7em;
  line-height: 1.4em;
  display: block;
}
section#sections .content .breakout {
  float: none;
  clear: both;
  position: relative;
  /* width: 100%; */
  margin: 50px auto;
  border: 1px solid #bee1f3;
  background: #F8FDFE;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0 30px 10px 30px;
  font-size: 0.8em;
}
section#sections .content .breakout.padtop {
  padding-top: 30px;
}
section#sections .content .breakout h3 {
  color: #65b9ff;
}
section#sections .content .breakout p .verdict {
  top: -85px;
  right: -13px;
}
section#sections .content .syntax {
  padding: 0;
  width: auto;
  margin: 20px 0 40px;
  float: none;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: none;
}
section#sections .content .syntax .codehead {
  float: none;
  -khtml-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
section#sections .content .syntax .border {
  float: none;
  width: auto;
  max-width: none;
  -khtml-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
section#sections .content iframe {
  margin: 0 0 30px;
  max-width: 100%;
}
section#sections .content #takeaways li {
  background: none;
  padding-left: 30px;
}
section#sections .content #takeaways a.twitter {
  background-color: #e8f6ff;
  position: relative;
  margin-left: -6px;
  padding: 6px;
  line-height: 1.2em;
}
section#sections .content #takeaways a.twitter:before {
  content: '';
  position: absolute;
  top: 10px;
  left: -24px;
  height: 12px;
  width: 15px;
  background-image: url(../png/twitter-callout.png);
  background-size: 15px 12px;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  section#sections .content #takeaways a.twitter:before {
    background-image: url(../png/twitter-callout%402x.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx), only screen and (min-resolution: 350dpi) {
  section#sections .content #takeaways a.twitter:before {
    background-image: url(../png/twitter-callout%403x.png);
  }
}
section#sections .content .draw.browser {
  border: 1px solid #ececed;
  position: relative;
  overflow: hidden;
  display: table;
  margin: 20px auto;
}
section#sections .content .draw.browser .bar {
  height: 16px;
  width: 100%;
  padding-left: 7px;
  background-color: #ffffff;
  border-bottom: 1px solid #ececed;
}
@media only screen and (max-width: 420px) {
  section#sections .content .draw.browser .bar {
    height: 8px;
    padding-left: 4px;
  }
}
section#sections .content .draw.browser .bar .dot {
  height: 6px;
  width: 6px;
  margin: 5px 5px 0 0;
  float: left;
  display: block;
  background-color: #ececed;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
@media only screen and (max-width: 420px) {
  section#sections .content .draw.browser .bar .dot {
    height: 3px;
    width: 3px;
    margin: 2px 2px 0 0;
  }
}
section#sections .content .draw.browser .screen {
  text-align: center;
}
section#sections .content .draw.browser .screen img {
  margin: 0;
  display: inline-block;
}
section#sections .content .draw.laptop {
  border: 2px solid #ececed;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
}
section#sections .content .draw.laptop .camera {
  width: 1.2%;
  height: 2%;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #ececed;
  position: absolute;
  top: 2.6%;
  left: 50%;
  margin-left: -0.6%;
}
section#sections .content .draw.laptop .surround {
  width: 94%;
  height: 83.6%;
  border: 1px solid #ececed;
  left: 50%;
  top: 6.4%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  overflow: hidden;
}
section#sections .content .draw.laptop .base {
  border: 2px solid #ececed;
  -khtml-border-radius: 15px 15px 60px 60px;
  -moz-border-radius: 15px 15px 60px 60px;
  -webkit-border-radius: 15px 15px 60px 60px;
  border-radius: 15px 15px 60px 60px;
  height: 6.4%;
  width: 120%;
  background-color: #ffffff;
  position: absolute;
  bottom: -2px;
  left: -10%;
}
section#sections .content .draw.laptop .base .handle {
  width: 11.6%;
  height: 35%;
  -khtml-border-radius: 0 0 60px 60px;
  -moz-border-radius: 0 0 60px 60px;
  -webkit-border-radius: 0 0 60px 60px;
  border-radius: 0 0 60px 60px;
  border: 1px solid #ececed;
  border-top: none;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
section#sections .content .draw.email .emailhead {
  height: 40px;
  padding: 12px;
  border-bottom: 1px solid #ececed;
}
@media only screen and (max-width: 420px) {
  section#sections .content .draw.email .emailhead {
    height: 20px;
    padding: 6px;
  }
}
section#sections .content .draw.email .profile {
  display: block;
  float: left;
  height: 16px;
  width: 16px;
  -khtml-border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background-color: #ececed;
}
@media only screen and (max-width: 420px) {
  section#sections .content .draw.email .profile {
    height: 8px;
    width: 8px;
  }
}
section#sections .content .draw.email .lines {
  display: block;
  float: left;
  height: 16px;
  padding: 2px 0 2px 10px;
}
@media only screen and (max-width: 420px) {
  section#sections .content .draw.email .lines {
    height: 8px;
    padding: 1px 0 1px 5px;
  }
}
section#sections .content .draw.email .lines .line {
  display: block;
  height: 4px;
  float: left;
  background-color: #ececed;
}
section#sections .content .draw.email .lines .line.one {
  width: 56px;
  margin-right: 4px;
  margin-bottom: 4px;
}
section#sections .content .draw.email .lines .line.two {
  width: 95px;
  margin-bottom: 4px;
}
section#sections .content .draw.email .lines .line.three {
  width: 60px;
  margin-right: 4px;
  clear: left;
}
section#sections .content .draw.email .lines .line.four {
  width: 86px;
}
@media only screen and (max-width: 420px) {
  section#sections .content .draw.email .lines .line {
    height: 2px;
  }
  section#sections .content .draw.email .lines .line.one {
    width: 28px;
    margin-right: 2px;
    margin-bottom: 2px;
  }
  section#sections .content .draw.email .lines .line.two {
    width: 47px;
    margin-bottom: 2px;
  }
  section#sections .content .draw.email .lines .line.three {
    width: 30px;
    margin-right: 2px;
  }
  section#sections .content .draw.email .lines .line.four {
    width: 43px;
  }
}
section#sections .content .draw.email .subject {
  display: block;
  height: 16px;
  padding-left: 28px;
  font-size: 1.2em;
  line-height: 1.335em;
  color: #96a2ae;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 520px) {
  section#sections .content .draw.email .subject {
    font-size: 0.7em;
    line-height: 1.335em;
    padding-left: 24px;
  }
}
section#sections .content .draw.email .subject strong {
  font-size: 0.7em;
  font-weight: 600;
  color: #f6f6f7;
  padding-right: 6px;
}
@media only screen and (max-width: 520px) {
  section#sections .content .draw.email .subject strong {
    padding-right: 3px;
  }
}
section#sections .content .draw.iphone {
  border: 1px solid #ececed;
  -khtml-border-radius: 28px;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  -webkit-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  -moz-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  position: relative;
  height: auto;
  background-color: #ffffff;
  padding: 50px 10px;
  margin: 20px auto;
  max-width: 280px;
}
@media only screen and (max-width: 585px) {
  section#sections .content .draw.iphone {
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
  }
}
section#sections .content .draw.iphone .camera {
  width: 8px;
  height: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #ececed;
  position: absolute;
  top: 12px;
  left: 50%;
  margin-left: -4px;
}
section#sections .content .draw.iphone .speaker {
  height: 5px;
  width: 30px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ececed;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -15px;
}
section#sections .content .draw.iphone .screen {
  border: 1px solid #ececed;
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  height: 440px;
  overflow: hidden;
}
section#sections .content .draw.iphone .screen img {
  margin: 0;
}
section#sections .content .draw.iphone .homebutton {
  width: 30px;
  height: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  border: 1px solid #ececed;
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -15px;
}
section#sections .content .draw.ipad {
  border: 2px solid #ececed;
  -khtml-border-radius: 28px;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  -webkit-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  -moz-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  position: relative;
  height: 100%;
  background-color: #f7f8f9;
}
@media only screen and (max-width: 585px) {
  section#sections .content .draw.ipad {
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
  }
}
section#sections .content .draw.ipad .camera {
  width: 1.3%;
  height: 1.84%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #ececed;
  position: absolute;
}
section#sections .content .draw.ipad .screen {
  border: 1px solid #ececed;
  position: absolute;
  overflow: hidden;
}
section#sections .content .draw.ipad .homebutton {
  width: 4.8%;
  height: 6.78%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #ececed;
  position: absolute;
}
section#sections .content .draw.ipad.portrait .camera {
  top: 1.8%;
  left: 50%;
  margin-left: -0.92%;
}
section#sections .content .draw.ipad.portrait .screen {
  top: 6.616%;
  left: 4.82%;
  width: 90.4%;
  height: 82.4%;
}
section#sections .content .draw.ipad.portrait .homebutton {
  bottom: 12px;
  left: 50%;
  margin-left: -15px;
}
section#sections .content .draw.ipad.landscape .camera {
  left: 1.8%;
  top: 50%;
  margin-top: -0.94%;
}
section#sections .content .draw.ipad.landscape .screen {
  top: 6.616%;
  left: 4.82%;
  width: 87.8%;
  height: 86.8%;
}
section#sections .content .draw.ipad.landscape .homebutton {
  right: 1.4%;
  top: 50%;
  margin-top: -3.39%;
}
section#sections .content .draw.join {
  position: relative;
  width: 94%;
  margin: 20px auto;
}
section#sections .content .draw.join .browser {
  margin: 0;
  max-width: 76%;
  display: block;
  height: 90vw;
  max-height: 750px;
}
section#sections .content .draw.join .iphone {
  width: 31%;
  height: 51vw;
  position: absolute;
  bottom: 0;
  right: 0;
}
section#sections .content .visuals {
  margin-bottom: 4em;
}
section#sections .content .visuals .footnotes {
  font-size: 1.2em;
}
section#sections .footnotesLinks {
  border-top: 1px solid #ebeef1;
  padding-top: 30px;
}
section#sections .footnotesLinks p {
  color: #5d5d66;
  font-size: 1.2em;
  line-height: 1em;
  margin-bottom: 10px;
}
section#sections blockquote {
  width: 100%;
  margin: 0 0 40px;
}
section#sections blockquote p {
  margin: 0;
  font-size: 1em;
  display: inline;
}
section#sections blockquote.tweet-block {
  padding-left: 0;
  border-left: none;
  margin: 80px 0;
}
section#sections blockquote.tweet-block:before,
section#sections blockquote.tweet-block:after {
  display: none;
}
section#sections blockquote.quote {
  border-left: 2px solid #f6f6f7;
  width: 94%;
  padding: 5px 0 5px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.8em;
  margin: 50px auto;
}
section#sections blockquote.quote p {
  display: inline;
}
section#sections blockquote.quote p .author {
  color: #747a80;
  font-size: 0.8em !important;
}
section#sections blockquote.quote strong {
  font-style: italic !important;
  color: #747a80;
}
section#sections blockquote.pullquote {
  font-size: 2.4em;
  line-height: 1.333em;
  font-style: italic;
  color: #2a2941;
  display: block;
  position: relative;
  border-left: none;
}
section#sections blockquote.pullquote p {
  color: #2a2941;
  font-size: 1em;
  line-height: 1.333em;
}
section#sections blockquote.pullquote cite {
  float: none;
  display: block;
  border-left: none;
  margin: 12px 0 0;
  padding: 0;
  color: #5d5d66;
  font-weight: 400;
  font-size: 0.667em;
  line-height: 1.5em;
}
section#sections blockquote.pullquote:before {
  content: '';
  position: absolute;
  top: -2px;
  left: -60px;
  width: 47px;
  height: 37px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 680px) {
  section#sections blockquote.pullquote:before {
    top: -47px;
    left: 50%;
    margin-left: -24px;
  }
}
section#sections blockquote.pullquote.blue:before {
  background-image: url(../png/quote.png);
}
section#sections blockquote.pullquote.orange:before {
  background-image: url(../png/quote_orange.png);
}
section#sections blockquote.pullquote.white:before {
  background-image: url(../png/quote_white.png);
}
section#sections blockquote.pullquote.green:before {
  background-image: url(../png/quote_green.png);
}
section#sections blockquote.pullquote.purple:before {
  background-image: url(../png/quote_purple.png);
}
section#sections blockquote.pullquote.pink:before {
  background-image: url(../png/quote_pink.png);
}
@media only screen and (max-width: 1000px) {
  section#sections blockquote.pullquote {
    font-size: 3em;
  }
}
@media only screen and (max-width: 680px) {
  section#sections blockquote.pullquote {
    font-size: 2.8em;
    margin-top: 90px;
  }
}
@media only screen and (max-width: 460px) {
  section#sections blockquote.pullquote {
    font-size: 2.4em;
  }
}
section#sections blockquote .tweet.quote {
  padding: 35px 60px;
  margin: 0 auto;
  width: 90%;
  max-width: 700px;
  display: block;
  background-color: #65b9ff;
  color: #ffffff;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
}
section#sections blockquote .tweet.quote:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #65b9ff;
  border-bottom-width: 45px;
  border-left-width: 64px;
  border-right-width: 64px;
  margin-left: -64px;
  width: 0;
  height: 0;
}
section#sections blockquote .tweet.quote:after {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -12px;
  width: 25px;
  height: 20px;
  background-image: url('../tweet-icon.html');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px 20px;
}
section#sections blockquote .tweet.quote span.frame {
  display: block;
  max-width: 680px;
  width: 90%;
  margin: 0 auto;
}
section#sections blockquote .tweet.quote span.text {
  line-height: 1.45em;
  color: #ffffff;
  font-style: italic;
  position: relative;
  text-align: center;
}
section#sections blockquote .tweet.quote:hover {
  -webkit-box-shadow: 0 2px 20px 0 rgba(93, 93, 102, 0.5);
  -moz-box-shadow: 0 2px 20px 0 rgba(93, 93, 102, 0.5);
  box-shadow: 0 2px 20px 0 rgba(93, 93, 102, 0.5);
}
section#sections blockquote .tweet.quote:hover:after {
  -webkit-animation: fly 3s ease-out infinite;
  -moz-animation: fly 3s ease-out infinite;
  -o-animation: fly 3s ease-out infinite;
  animation: fly 3s ease-out infinite;
}
@media only screen and (max-width: 767px) {
  section#sections blockquote .tweet.quote {
    padding: 35px 20px;
  }
}
section#sections #footsocialmenu {
  display: none;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  padding: 20px 0;
  text-align: center;
  margin-bottom: 70px;
}
section#sections #footsocialmenu .social {
  width: 15px;
  height: 15px;
  background-image: url(../png/social-sharing.png);
  background-size: 58px 161px;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
  display: inline-block;
  margin-left: 15px;
  line-height: 15px;
}
section#sections #footsocialmenu .social.twitter {
  background-position: -7px -18px;
}
section#sections #footsocialmenu .social.twitter:hover {
  background-position: -36px -18px;
}
section#sections #footsocialmenu .social.facebook {
  background-position: -7px -72px;
}
section#sections #footsocialmenu .social.facebook:hover {
  background-position: -36px -72px;
}
section#sections #footsocialmenu .social.linkedin {
  background-position: -7px -126px;
}
section#sections #footsocialmenu .social.linkedin:hover {
  background-position: -36px -126px;
}
section#sections #footsocialmenu .social-title {
  font-size: 1.1em;
  color: #5d5d66;
  padding-right: 5px;
  line-height: 15px;
  display: inline-block;
  overflow: hidden;
}
section#sections #cta {
  max-width: 748px;
  width: 90%;
  min-height: 253px;
  text-align: center;
  margin: 8em auto 0;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 0px 3px #f6f6f7;
  -moz-box-shadow: 0 0 0px 3px #f6f6f7;
  box-shadow: 0 0 0px 3px #f6f6f7;
}
section#sections #cta .overlay {
  background-color: #000;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
section#sections #cta a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 40px 0;
  position: relative;
}
section#sections #cta .title {
  display: block;
  width: 71%;
  margin: 0 auto 10px;
  color: #ffffff;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);
  font-size: 2.8em;
  line-height: 1.4em;
  font-weight: 400;
}
@media only screen and (max-width: 650px) {
  section#sections #cta .title {
    width: 90%;
  }
}
section#sections #cta .blurb {
  display: block;
  width: 68%;
  margin: 0 auto 15px;
  font-size: 1.6em;
  line-height: 1.625em;
  color: #ffffff;
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.4);
  letter-spacing: 0.3px;
}
@media only screen and (max-width: 460px) {
  section#sections #cta .blurb {
    width: 90%;
  }
}
section#sections #cta .cta-btn {
  display: inline-block;
  height: 44px;
  padding: 0 25px;
  margin: 0 auto;
  font-size: 1.3em;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
  border: 2px solid #ffffff;
  text-decoration: none;
  letter-spacing: 0.05em;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 2px 2px 1px 0px rgba(0, 0, 0, 0.2), '';
  -webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 2px 2px 1px 0px rgba(0, 0, 0, 0.2), '';
  box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 2px 2px 1px 0px rgba(0, 0, 0, 0.2), '';
}
section#sections #cta a:hover .cta-btn {
  color: #e6e6e6;
  border: 2px solid #e6e6e6;
}
section#sections #cta a:active .cta-btn {
  position: relative;
  top: 1px;
  color: #cccccc;
  border: 2px solid #cccccc;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  section #sections ul li {
    background-image: url(../png/bullet%402x.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx), only screen and (min-resolution: 350dpi) {
  section #sections ul li {
    background-image: url(../png/bullet%403x.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  section #sections blockquote .tweet.quote span.text:before {
    background-image: url(../png/twitter-callout%402x.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx), only screen and (min-resolution: 350dpi) {
  section #sections blockquote .tweet.quote span.text:before {
    background-image: url(../png/twitter-callout%403x.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  section #sections #footsocialmenu .social {
    background-image: url(../png/social-sharing%402x.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx), only screen and (min-resolution: 350dpi) {
  section #sections #footsocialmenu .social {
    background-image: url(../png/social-sharing%403x.png);
  }
}
body.search-results section hgroup {
  margin: 2em auto 0;
}
body.search-results section #compiling-search {
  width: 100%;
}
body.search-results section#grid-related {
  display: none;
}
/* LEGACY OVERRIDES */
/* new rules */
#graph1-ie,
#graph2-ie,
#graph3-ie,
#graph4-ie,
#graph5-ie,
#graph6-ie,
#graph7-ie,
#graph8-ie,
.ie-graph {
  display: none;
}
/* policies page */
body.policies {
  background-color: #ffffff;
}
body.policies #chapters {
  top: 240px;
}
body.policies #chapters.sticky {
  top: 174px;
}
@media only screen and (max-width: 770px) {
  body.policies #chapters {
    top: 86px;
  }
  body.policies #chapters.sticky {
    top: 0;
  }
}
body.policies #sections {
  margin-top: 75px;
}
@media only screen and (max-width: 770px) {
  body.policies #sections {
    margin-top: 151px;
  }
}
body.policies #sections section {
  background-color: transparent;
}
body.policies #sections hr {
  clear: both;
  float: none;
}
body.policies #sections h3 a.anchor {
  float: right;
  width: 30px;
  overflow: hidden;
  background: url('../png/permalink.png') left center no-repeat;
  height: 30px;
  text-indent: 9000px;
  margin: 0;
}
body.policies #sections p,
body.policies #sections ul,
body.policies #sections ol {
  font-size: 1.6em;
}
body.policies #sections p p,
body.policies #sections ul p,
body.policies #sections ol p,
body.policies #sections p ul,
body.policies #sections ul ul,
body.policies #sections ol ul,
body.policies #sections p ol,
body.policies #sections ul ol,
body.policies #sections ol ol {
  font-size: 1em;
}
body.policies #sections p .pullout {
  width: 100%;
  margin: 0 0 20px;
  font-size: 1em;
  float: none;
  display: block;
}
body.policies #sections li li {
  width: 100%;
  font-size: 1em;
}
/* trust pages */
body.trust-center {
  background-color: #ffffff;
}
body.trust-center #chapters {
  top: 510px;
}
body.trust-center #chapters.sticky {
  top: 80px;
}
@media only screen and (max-width: 770px) {
  body.trust-center #chapters {
    top: 440px;
  }
  body.trust-center #chapters.sticky {
    top: -10px;
  }
}
body.trust-center #sections {
  overflow: hidden;
  padding-bottom: 8em;
  background-color: #ffffff;
}
body.trust-center #sections .content.article.ender {
  padding-bottom: 80px;
  margin-bottom: 80px;
}
body.trust-center #sections .content.article.ender:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -75px;
  width: 150px;
  height: 4px;
  background-color: #ececed;
}
body.trust-center #sections hr {
  clear: both;
  float: none;
}
body.trust-center #sections h3 a.anchor {
  float: right;
  width: 30px;
  overflow: hidden;
  background: url('../png/permalink.png') left center no-repeat;
  height: 30px;
  text-indent: 9000px;
  margin: 0;
}
body.trust-center #sections p,
body.trust-center #sections ul,
body.trust-center #sections ol {
  font-size: 1.6em;
}
body.trust-center #sections p p,
body.trust-center #sections ul p,
body.trust-center #sections ol p,
body.trust-center #sections p ul,
body.trust-center #sections ul ul,
body.trust-center #sections ol ul,
body.trust-center #sections p ol,
body.trust-center #sections ul ol,
body.trust-center #sections ol ol {
  font-size: 1em;
}
body.trust-center #sections .pullout {
  width: 100%;
  margin: 0 0 20px;
  font-size: 1em;
  float: none;
  display: block;
}
body.trust-center #sections .pullout p,
body.trust-center #sections .pullout li {
  color: #93ceff;
}
body.trust-center #sections .footnotes {
  font-size: 0.7em;
  line-height: 1;
}
body.trust-center #sections sup {
  color: #65b9ff;
  font-weight: 600;
}
body.trust-center #sections li li {
  width: 100%;
  font-size: 1em;
}
/* Guide styles */
body.guides .sidebar-container {
  position: relative;
}
body.guides #banner .heading-group {
  margin: 0 100px;
  max-width: 830px;
}
@media screen and (max-width: 1400px) {
  body.guides #banner .heading-group {
    margin: 0 30px;
  }
}
body.guides #banner .heading-group h6,
body.guides #banner .heading-group h1,
body.guides #banner .heading-group p {
  text-align: left;
}
body.guides #banner .heading-group h1 {
  font-size: 2.25rem;
  padding-top: 4.5rem;
}
@media screen and (max-width: 1400px) {
  body.guides #banner .heading-group h1 {
    padding-top: 1.5rem;
  }
}
body.guides #banner .heading-group h6 {
  color: #ffffff;
  font-size: 0.8125rem;
}
body.guides #banner .heading-group p {
  background-image: url('../clock-teal.html');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 27px;
  font-size: 1.3em;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  body.guides #banner {
    min-height: 352px;
  }
}
body.guides #sections .content.article {
  max-width: 750px;
  width: unset;
  margin-left: 100px;
}
@media screen and (max-width: 1400px) {
  body.guides #sections .content.article {
    margin-left: 24px;
    margin-right: 24px;
  }
}
body.guides #sections .content.article h2 {
  font-size: 30px;
}
body.guides #sections .content.article h3 {
  font-size: 24px;
  font-weight: 400;
  text-align: left;
}
body.guides #sections .content.article h4 {
  font-size: 24px;
  font-weight: 400;
}
body.guides #sections .content.article.ender {
  padding-bottom: unset;
}
body.guides #sections .content.article p {
  clear: none;
  position: unset;
}
body.guides #sections .content.article p a img {
  max-width: 100%;
}
body.guides #sections .content.article .body-cta.feature-cta {
  position: relative;
  padding: 24px;
  width: 100%;
  background: #7856FF;
  color: #ffffff;
  float: left;
  margin: 0 24px 24px 0;
  border-radius: 2px;
}
body.guides #sections .content.article .body-cta.feature-cta h6,
body.guides #sections .content.article .body-cta.feature-cta p,
body.guides #sections .content.article .body-cta.feature-cta a {
  color: #fff;
}
body.guides #sections .content.article .body-cta.feature-cta img {
  margin-bottom: 16px;
}
body.guides #sections .content.article .body-cta.feature-cta h6 {
  font-size: 24px;
  margin-bottom: 16px;
}
body.guides #sections .content.article .body-cta.feature-cta p {
  margin-bottom: 20px;
}
body.guides #sections .content.article .body-cta.feature-cta a {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
  display: block;
}
body.guides #sections .content.article .body-cta.feature-cta:hover .cta-arrow-right:after {
  margin-left: 30px;
}
body.guides #sections .content.article .body-cta.case-study-cta {
  position: relative;
  background: #2A2941;
  padding: 16px;
  margin-bottom: 20px;
  display: flex;
  color: #fff;
  border-radius: 2px;
}
@media screen and (max-width: 756px) {
  body.guides #sections .content.article .body-cta.case-study-cta {
    flex-direction: column;
  }
}
body.guides #sections .content.article .body-cta.case-study-cta .cta-logo {
  background: #7856FF;
  margin-right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 756px) {
  body.guides #sections .content.article .body-cta.case-study-cta .cta-logo {
    width: 100%;
    margin-bottom: 16px;
  }
}
body.guides #sections .content.article .body-cta.case-study-cta .cta-logo img {
  margin: 5px;
  height: 120px;
  width: 120px;
  object-fit: contain;
}
body.guides #sections .content.article .body-cta.case-study-cta .cta-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  justify-content: space-evenly;
}
body.guides #sections .content.article .body-cta.case-study-cta .cta-details .eyebrow {
  font-size: 10px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  margin-bottom: 6px;
}
body.guides #sections .content.article .body-cta.case-study-cta .cta-details h5 {
  color: #fff;
}
body.guides #sections .content.article .body-cta.case-study-cta .cta-details a {
  color: #51CFDB;
  font-size: 16px;
}
body.guides #sections .content.article .body-cta.case-study-cta:hover .cta-arrow-right-long:after {
  margin-left: 20px;
}
body.guides #sections .content.article .body-cta.industries-cta {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #7856FF;
  border-radius: 2px;
  color: #fff;
  padding: 24px 32px;
}
body.guides #sections .content.article .body-cta.industries-cta img {
  width: 56px;
}
@media screen and (max-width: 756px) {
  body.guides #sections .content.article .body-cta.industries-cta {
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
  body.guides #sections .content.article .body-cta.industries-cta img {
    margin: 0 0 16px 0;
    align-self: flex-start;
    width: 24px;
  }
}
body.guides #sections .content.article .body-cta.industries-cta .body-cta-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #fff;
  margin-left: 32px;
  max-width: 360px;
}
@media screen and (max-width: 756px) {
  body.guides #sections .content.article .body-cta.industries-cta .body-cta-wrapper {
    margin-left: 0;
    margin-bottom: 16px;
  }
}
body.guides #sections .content.article .body-cta.industries-cta .body-cta-wrapper h3 {
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  text-align: left;
}
body.guides #sections .content.article .body-cta.industries-cta .body-cta-wrapper p {
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  color: #fff;
  margin-bottom: 0;
}
body.guides #sections .content.article .body-cta.industries-cta .industries-cta-link {
  border-bottom: 1px solid #ffffff;
  width: fit-content;
  padding-bottom: 6px;
  font-size: 16px;
  color: #ffffff;
  margin-left: auto;
  margin-right: 8px;
  transition: all 300ms;
}
@media screen and (max-width: 756px) {
  body.guides #sections .content.article .body-cta.industries-cta .industries-cta-link {
    margin-left: 0;
  }
}
body.guides #sections .content.article .body-cta.industries-cta .industries-cta-link:after {
  content: url(../svg/arrow-right-long-white.svg);
  margin-left: 16px;
  vertical-align: middle;
}
body.guides #sections .content.article .body-cta.industries-cta:hover .industries-cta-link {
  margin-right: 0;
}
body.guides #sections .content.article .body-cta.industries-cta:hover .industries-cta-link:after {
  margin-left: 24px;
}
body.guides #sections .content.article .body-cta .cta-arrow-right:after {
  content: url(../svg/arrow-right.svg);
  margin-left: 24px;
  vertical-align: middle;
}
body.guides #sections .content.article .body-cta .cta-arrow-right-long {
  border-bottom: 1px solid #51CFDB;
  width: fit-content;
  padding-bottom: 6px;
}
body.guides #sections .content.article .body-cta .cta-arrow-right-long:after {
  content: url(../svg/arrow-right-long.svg);
  margin-left: 16px;
  vertical-align: middle;
}
body.guides #sections .content.article .body-cta a:after {
  transition: all 300ms;
}
body.guides #sections .content.article .body-cta a:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
body.guides #sections .content.article .content.article {
  max-width: unset;
  width: unset;
  margin-left: unset;
}
@media screen and (max-width: 1400px) {
  body.guides #sections .content.article .content.article {
    margin-left: unset;
    margin-right: unset;
  }
}
body.guides #sections .content.article .chapter-header {
  max-width: unset;
  width: unset;
  margin-left: unset;
}
@media screen and (max-width: 1400px) {
  body.guides #sections .content.article .chapter-header {
    margin-left: unset;
  }
}
body.guides #sections .content.article .chapter-header .inner {
  max-width: unset;
  width: unset;
  margin: unset;
}
body.guides #sections .chapter-header {
  background-color: unset;
  padding: unset;
  margin-bottom: unset;
  color: #111324;
  max-width: 750px;
  width: unset;
  margin-left: 100px;
}
@media screen and (max-width: 1400px) {
  body.guides #sections .chapter-header {
    margin-left: 30px;
  }
}
body.guides #sections .chapter-header h2 {
  text-align: left;
  max-width: unset;
  width: unset;
  color: #111324;
  font-size: 30px;
}
body.guides #sections .intro-copy {
  margin-top: unset;
  background-color: #fff;
  padding-top: unset;
  overflow: hidden;
}
body.guides #sections .intro-copy h2 {
  margin-left: 0;
  margin-right: 0;
  font-size: 30px;
}
body.guides #sections .wrapup {
  background-color: #fff;
}
body.guides #sections h2 {
  font-size: 30px;
}
body.guides #chapters {
  top: 60px;
}
@media screen and (max-width: 770px) {
  body.guides #chapters {
    display: none!important;
  }
}
body.guides #chapters.sticky {
  position: fixed;
  top: 100px;
}
body.guides #chapters.sticky .sidebar-cta img {
  opacity: 0;
  pointer-events: none;
}
body.guides #chapters.stuck {
  position: absolute;
  top: auto;
  bottom: 0px;
}
body.guides #chapters .container {
  max-width: 1300px;
  margin: 0 auto;
}
body.guides #chapters .container.inner > * {
  margin-right: 100px;
}
@media screen and (max-width: 1400px) {
  body.guides #chapters .container.inner > * {
    margin-right: 24px;
  }
}
@media screen and (max-width: 1200px) {
  body.guides #chapters .container.inner > * {
    float: left;
  }
}
body.guides #chapters #pagelinks {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
body.guides #chapters #socialBound {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body.guides #chapters #socialBound {
  text-align: center;
}
body.guides #chapters #socialBound a:first-child {
  margin-left: 0 !important;
}
body.guides #chapters .sidebar-cta {
  position: relative;
  width: 240px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 2px;
  border: none;
  box-shadow: 0px 3px 0px 0px #f7f8f9;
  margin-bottom: 15px;
  margin-right: 20px;
  color: #000;
  clear: both;
  float: right;
  pointer-events: auto;
  text-align: center;
}
body.guides #chapters .sidebar-cta img {
  width: 100%;
  height: auto;
  opacity: 1;
  transition: all 150ms;
}
body.guides #chapters .sidebar-cta .headline {
  transition: all 300ms;
  font-size: 16px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 16px;
}
body.guides #chapters .sidebar-cta a {
  background-color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  color: #000;
  border-radius: 24px;
  padding: 8px 16px;
  display: block;
  line-height: 1.8;
}
body.guides #chapters .sidebar-cta.primary-cta {
  background-color: #51CFDB;
}
body.guides #chapters .sidebar-cta.secondary-cta {
  background-color: #65B9FF;
}
body.guides #chapters .sidebar-cta.secondary-cta h6 {
  font-size: 16px;
  line-height: 100%;
}
body.guides #chapters .sidebar-cta.secondary-cta p {
  text-align: center;
  font-size: 1.6em;
}
body.guides #chapters .sidebar-cta.secondary-cta a {
  z-index: 10;
}
body.guides #chapters .bookmark-cta {
  background: #fff;
  border-top: 1px solid #ECECED;
  border-bottom: 1px solid #ECECED;
  width: 240px;
  margin-bottom: 15px;
  margin-right: 20px;
  clear: both;
  float: right;
  pointer-events: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  padding: 0 20px;
}
@media screen and (max-width: 770px) {
  body.guides #chapters .bookmark-cta {
    display: none;
  }
}
body.guides #chapters .bookmark-cta .bookmark-cta-text {
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 16px;
  width: 80%;
}
/* eBook styles */
body.ebook #banner {
  margin-bottom: 0;
}
body.ebook #banner h1,
body.ebook #banner h3 a {
  text-shadow: 0px 1px 3px rgba(78, 87, 103, 0.35);
}
body.ebook #banner h3 a {
  position: relative;
}
body.ebook #banner h3 a:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(78, 87, 103, 0.35);
  -moz-box-shadow: 0px 1px 2px 0px rgba(78, 87, 103, 0.35);
  box-shadow: 0px 1px 2px 0px rgba(78, 87, 103, 0.35);
}
body.ebook #toc .center,
body.ebook #toc-overlay .center {
  position: relative;
  margin-bottom: 9em;
}
body.ebook #toc .center .logo,
body.ebook #toc-overlay .center .logo {
  width: 150px;
  display: block;
  border: 0;
  height: 15px;
  margin-left: 0;
  text-indent: -9999em;
  margin-top: 26px;
}
body.ebook #toc .center .logo svg,
body.ebook #toc-overlay .center .logo svg {
  display: block;
  width: 150px;
}
body.ebook #toc .center .logo .logo-color,
body.ebook #toc-overlay .center .logo .logo-color {
  fill: #ffffff;
}
body.ebook #toc .center .close,
body.ebook #toc-overlay .center .close {
  position: absolute;
  top: -9px;
  right: 0;
  width: 21px;
  height: 31px;
  padding: 0;
  cursor: pointer;
  background: url(../png/cross%402x.png) no-repeat center;
  background-size: 21px 31px;
}
body.ebook #toc .toc_title,
body.ebook #toc-overlay .toc_title {
  text-transform: uppercase;
  font-size: 1.3em;
  line-height: 1;
  color: #5d5d66;
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid #5d5d66;
  margin-bottom: 30px;
}
body.ebook #toc ol,
body.ebook #toc-overlay ol {
  width: 100%;
  overflow: hidden;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 3.4em;
  -moz-column-gap: 3.4em;
  column-gap: 3.4em;
}
body.ebook #toc ol li,
body.ebook #toc-overlay ol li {
  max-width: 400px;
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari */
  page-break-inside: avoid;
  /* Theoretically FF 20+ */
  break-inside: avoid-column;
  /* IE 11 */
  border-bottom: 1px solid #f6f6f7;
  position: relative;
  padding: 30px 0px 30px 30px;
  font-size: 1.8em;
  line-height: 1.3em;
  color: #14517e;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.ebook #toc ol li a,
body.ebook #toc-overlay ol li a {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
body.ebook #toc ol li span.number,
body.ebook #toc-overlay ol li span.number {
  position: absolute;
  top: 30px;
  left: 0;
  display: block;
  width: 30px;
  font-weight: 200;
  color: #14517e;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.ebook #toc ol li:hover,
body.ebook #toc-overlay ol li:hover {
  border-bottom: 1px solid #7856ff;
}
@media only screen and (max-width: 900px) {
  body.ebook #toc ol,
  body.ebook #toc-overlay ol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (max-width: 660px) {
  body.ebook #toc ol li,
  body.ebook #toc-overlay ol li {
    padding: 18px 0px 18px 30px;
  }
  body.ebook #toc ol li span.number,
  body.ebook #toc-overlay ol li span.number {
    top: 18px;
  }
}
@media only screen and (max-width: 550px) {
  body.ebook #toc ol,
  body.ebook #toc-overlay ol {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
body.ebook #toc {
  padding: 9em 0;
  background: #ffffff;
  border-bottom: 1px solid #f2f2f2;
}
body.ebook #toc .inner {
  max-width: 1200px;
}
body.ebook #toc .center {
  display: none;
}
body.ebook #modules #toc-anchor {
  display: block;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 50%;
  margin-right: -600px;
  width: 60px;
  height: 60px;
  background: #ffffff;
  border: 1px solid #f6f6f7;
  cursor: pointer;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 3px 0 rgba(78, 87, 103, 0.15);
  -moz-box-shadow: 0 1px 3px 0 rgba(78, 87, 103, 0.15);
  box-shadow: 0 1px 3px 0 rgba(78, 87, 103, 0.15);
}
@media only screen and (max-width: 1264px) {
  body.ebook #modules #toc-anchor {
    right: 32px;
    margin-right: 0;
  }
}
body.ebook #modules #toc-anchor .inner {
  max-width: 1000px;
}
body.ebook #modules #toc-anchor .middle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-45%, -45%);
  -moz-transform: translate(-45%, -45%);
  -ms-transform: translate(-45%, -45%);
  -o-transform: translate(-45%, -45%);
  transform: translate(-45%, -45%);
}
body.ebook #modules #toc-anchor .dot {
  width: 3px;
  height: 3px;
  background: #5d5d66;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  margin: 1px 2px 2px 0;
  clear: left;
  float: left;
}
body.ebook #modules #toc-anchor .dot.one {
  margin-top: 0;
}
body.ebook #modules #toc-anchor .dot.three {
  margin-bottom: 0;
}
body.ebook #modules #toc-anchor .bar {
  height: 3px;
  background: #5d5d66;
  -khtml-border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  display: inline-block;
  margin: 1px 0 2px 0;
  float: left;
}
body.ebook #modules #toc-anchor .bar.one {
  width: 20px;
  margin-top: 0;
}
body.ebook #modules #toc-anchor .bar.two {
  width: 14px;
}
body.ebook #modules #toc-anchor .bar.three {
  width: 17px;
  margin-bottom: 0;
}
body.ebook #modules #toc-anchor:hover {
  background: #7856ff;
  border: 1px solid #7856ff;
}
body.ebook #modules #toc-anchor:hover .dot,
body.ebook #modules #toc-anchor:hover .bar {
  background: #ffffff;
}
body.ebook #modules .module {
  padding: 9em 0;
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  /*            h4 {
                font-size: 2.4em; line-height: 1.3em;
                margin-bottom: 20px;

                @media only screen and (max-width:660px) {
                    font-size: 2.1em;
                }
            }
            h5 {
                font-size: 2.1em; line-height: 1.3em;
                margin-bottom: 20px;

                @media only screen and (max-width:660px) {
                    font-size: 1.8em;
                }
            }
            h6 {
                font-size: 1.3em; line-height: 1.2em;
                font-weight: 600;
                margin-bottom: 20px;
            }*/
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module {
    padding: 4.5em 0;
  }
}
body.ebook #modules .module.remove-top {
  padding-top: 10px;
}
body.ebook #modules .module.remove-bottom {
  padding-bottom: 10px;
}
body.ebook #modules .module .inner {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
body.ebook #modules .module .inner > h2 {
  margin-bottom: 45px;
}
body.ebook #modules .module.short .inner {
  max-width: 790px;
}
body.ebook #modules .module.normal .inner {
  max-width: 1000px;
}
body.ebook #modules .module.long .inner {
  max-width: 1200px;
}
body.ebook #modules .module h2 {
  position: relative;
  z-index: 2;
  /*                font-size: 4.2em; line-height: 1.5em;*/
  color: #2a2941;
  /*                margin: 20px 0 50px;*/
  /*                @media only screen and (max-width:660px) {
                    font-size: 3.2em;
                }*/
}
body.ebook #modules .module h2 span.text {
  border-bottom: 2px solid #18527c;
  padding-bottom: 5px;
}
body.ebook #modules .module h3 {
  /*                font-size: 3.0em; line-height: 1.3em;
                margin-bottom: 20px;*/
  text-align: left;
  /*                @media only screen and (max-width:660px) {
                    font-size: 2.6em;
                }*/
}
body.ebook #modules .module .block {
  margin: 0 auto;
  position: relative;
  z-index: 2;
  /*                p {
                    font-size: 1.8em;
                    line-height: 1.67em;
                    margin-bottom: 20px;
                    letter-spacing: .015em;

                    @media only screen and (max-width:660px) {
                        font-size: 1.6em;
                    }

                    span.lead {
                        font-size: 1.17em;
                        line-height: 1.3em;
                    }
                }*/
}
body.ebook #modules .module .block.w-1 {
  width: 100%;
  padding: 0 2%;
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module .block.w-1 {
    padding: 0;
  }
}
body.ebook #modules .module .block.w-2 {
  width: 50%;
}
body.ebook #modules .module .block.w-2.p-small {
  padding: 0 3%;
}
body.ebook #modules .module .block.w-2.p-large {
  padding: 0 10%;
}
body.ebook #modules .module .block.w-2.b-1 {
  float: left;
  padding-left: 2%;
}
body.ebook #modules .module .block.w-2.b-2 {
  float: right;
  padding-right: 2%;
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module .block.w-2 {
    width: 100%;
  }
  body.ebook #modules .module .block.w-2.p-small {
    padding: 3% 0;
  }
  body.ebook #modules .module .block.w-2.p-large {
    padding: 3% 0;
  }
  body.ebook #modules .module .block.w-2.b-1 {
    float: none;
    padding-top: 0;
  }
  body.ebook #modules .module .block.w-2.b-2 {
    float: none;
    padding-bottom: 0;
  }
}
body.ebook #modules .module .block.w-3 {
  width: 33.3%;
  padding: 0 2%;
  float: left;
}
@media only screen and (max-width: 800px) {
  body.ebook #modules .module .block.w-3 {
    width: 50%;
  }
  body.ebook #modules .module .block.w-3:nth-child(2n + 1) {
    clear: left;
  }
}
@media only screen and (max-width: 600px) {
  body.ebook #modules .module .block.w-3 {
    width: 100%;
  }
}
body.ebook #modules .module .block.w-4 {
  width: 25%;
  padding: 0 2%;
  float: left;
}
body.ebook #modules .module .block.w-4.background {
  width: 24%;
  margin: 0 0.65%;
}
body.ebook #modules .module .block.w-4.background:first-child {
  margin-left: 0;
}
body.ebook #modules .module .block.w-4.background:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module .block.w-4 {
    width: 50%;
  }
  body.ebook #modules .module .block.w-4:nth-child(2n + 1) {
    clear: left;
  }
  body.ebook #modules .module .block.w-4.background {
    width: 49.2%;
    margin: 0 0.65% 1.3%;
  }
  body.ebook #modules .module .block.w-4.background:nth-child(2n + 1) {
    clear: left;
    margin-left: 0;
  }
  body.ebook #modules .module .block.w-4.background:nth-child(2n + 2) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  body.ebook #modules .module .block.w-4 {
    width: 100%;
  }
  body.ebook #modules .module .block.w-4 img {
    width: 100%;
  }
  body.ebook #modules .module .block.w-4.background {
    width: 100%;
    margin: 0 0 1.3%;
  }
}
body.ebook #modules .module .block.w-5 {
  width: 20%;
  padding: 0 2%;
  float: left;
}
body.ebook #modules .module .block.w-6 {
  width: 16.6%;
  padding: 0 2%;
  float: left;
}
body.ebook #modules .module .block.c-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
body.ebook #modules .module .block.c-2 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
@media only screen and (max-width: 600px) {
  body.ebook #modules .module .block.c-2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
body.ebook #modules .module .block.c-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
body.ebook #modules .module .block.c-3 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
body.ebook #modules .module .block.c-4 {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
body.ebook #modules .module .block.c-4 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
body.ebook #modules .module .block.c-5 {
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
body.ebook #modules .module .block.c-5 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
body.ebook #modules .module .block.c-6 {
  -webkit-column-count: 6;
  -moz-column-count: 6;
  column-count: 6;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
body.ebook #modules .module .block.c-6 h2 {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}
body.ebook #modules .module .block.background {
  padding: 3.5em;
}
body.ebook #modules .module .block.center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.ebook #modules .module .block.center.w-2.b-1 {
  left: 0;
}
body.ebook #modules .module .block.center.w-2.b-2 {
  right: 0;
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module .block.center {
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
body.ebook #modules .module .block blockquote {
  border-left: 2px solid #2a2941;
  padding: 10px 0 10px 15px;
  margin-bottom: 30px;
  margin-left: 0;
  width: 100%;
}
body.ebook #modules .module .block blockquote p {
  margin-bottom: 0;
  color: #2a2941;
  font-size: 1em;
  display: inline;
}
body.ebook #modules .module .block img {
  margin: 20px 0;
  max-width: 100%;
  height: auto;
}
body.ebook #modules .module .block img.constrain {
  max-width: 800px;
}
body.ebook #modules .module .block img.alignleft {
  float: left;
}
body.ebook #modules .module .block img.alignright {
  float: right;
}
body.ebook #modules .module .block img.aligncenter {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: auto;
  margin: auto;
}
@media only screen and (max-width: 850px) {
  body.ebook #modules .module .block img.aligncenter {
    position: static;
    top: auto;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 660px) {
  body.ebook #modules .module .block img.alignleft,
  body.ebook #modules .module .block img.alignright {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
body.ebook #modules .module .block ul {
  margin-top: 10px;
  margin-bottom: 20px;
}
body.ebook #modules .module .block ul li {
  font-size: 1.6em;
  letter-spacing: 0.015em;
  line-height: 1.5em;
  padding-bottom: 10px;
  padding-left: 20px;
  position: relative;
  color: #5d5d66;
}
body.ebook #modules .module .block ul li:before {
  content: '• ';
  font-size: 1.3em;
  color: #7856ff;
  position: absolute;
  top: 1px;
  left: 0;
}
@media only screen and (max-width: 660px) {
  body.ebook #modules .module .block ul li {
    font-size: 1.6em;
  }
}
body.ebook #modules .module .block ol {
  /*                    margin-top: 10px;
                    margin-bottom: 20px;*/
}
body.ebook #modules .module .block ol li {
  font-size: 1.8em;
  /*                        letter-spacing: .015em;*/
  line-height: 1.5em;
  /*                        padding-bottom: 10px;*/
  counter-increment: step-counter;
  color: #5d5d66;
}
body.ebook #modules .module .block ol li:before {
  content: counter(step-counter) '.';
  padding-right: 0.7em;
  color: #7856ff;
}
@media only screen and (max-width: 660px) {
  body.ebook #modules .module .block ol li {
    font-size: 1.6em;
  }
}
body.ebook #modules .module .block ol.designed {
  width: 500px;
  margin: 0 auto;
}
body.ebook #modules .module .block ol.designed li {
  position: relative;
  padding: 25px 0 5px 55px;
  font-size: 2.1em;
}
body.ebook #modules .module .block ol.designed li:before {
  content: counter(step-counter, decimal-leading-zero);
  display: inline-block;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #7856ff;
  color: #ffffff;
  text-align: center;
  padding: 0;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  font-size: 0.75em;
  letter-spacing: 0.035em;
  position: absolute;
  top: 20px;
  left: 0;
}
body.ebook #modules .module .block ol.designed.green li:before {
  background-color: #87b725;
}
body.ebook #modules .module .block ol.designed.pale-green li:before {
  background-color: #89cbc6;
}
body.ebook #modules .module .block ol.designed.yellow li:before {
  background-color: #ffdd4d;
}
body.ebook #modules .module .block ol.designed.dark-blue li:before {
  background-color: #005f9a;
}
body.ebook #modules .module .block ol.designed.orange li:before {
  background-color: #f99130;
}
body.ebook #modules .module .block.black {
  color: #4e5766;
}
body.ebook #modules .module .block.black p span.lead {
  color: #4e5766;
}
body.ebook #modules .module .block.black blockquote {
  border-left: 2px solid #2a2941;
}
body.ebook #modules .module .block.black blockquote p {
  color: #2a2941;
}
body.ebook #modules .module .block.white {
  color: #ffffff;
  text-shadow: 0px 1px 3px rgba(78, 87, 103, 0.35);
}
body.ebook #modules .module .block.white h2,
body.ebook #modules .module .block.white h3,
body.ebook #modules .module .block.white h5,
body.ebook #modules .module .block.white p,
body.ebook #modules .module .block.white a {
  color: #ffffff;
  text-shadow: 0px 1px 3px rgba(78, 87, 103, 0.35);
}
body.ebook #modules .module .block.white a {
  text-decoration: underline;
}
body.ebook #modules .module .block.white a:hover {
  text-decoration: none;
}
body.ebook #modules .module .block.white h2 span.text {
  border-bottom: 2px solid #fff;
}
body.ebook #modules .module .block.white a:hover {
  color: #e6e6e6;
}
body.ebook #modules .module .block.white blockquote {
  border-left: 2px solid #ffffff;
}
body.ebook #modules .module .block.white blockquote p {
  color: #ffffff;
}
body.ebook #modules .module .block.white ul li,
body.ebook #modules .module .block.white ol li {
  color: #ffffff;
}
body.ebook #modules .module .block.white ul li:before,
body.ebook #modules .module .block.white ol li:before {
  color: #f6f6f7;
}
body.ebook #modules .module .block.pullout {
  padding: 3em 2em !important;
  width: 276px;
  height: auto;
  position: absolute;
  top: 50%;
  background-image: none;
}
body.ebook #modules .module .block.pullout.b-1 {
  left: 25%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module .block.pullout.b-1 {
    width: 100%;
    max-width: 600px;
    left: auto;
    position: relative;
    margin: 95px auto 50px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
body.ebook #modules .module .block.pullout.b-2 {
  right: 25%;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module .block.pullout.b-2 {
    width: 100%;
    max-width: 290px;
    right: auto;
    position: relative;
    margin: 50px auto 95px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
body.ebook #modules .module .block.pullout p {
  width: 100%;
  font-size: 1.6em;
  line-height: 1.4em;
  font-weight: 200;
  margin-bottom: 0;
}
body.ebook #modules .module .bg_left,
body.ebook #modules .module .bg_right {
  position: absolute;
  z-index: 0;
  top: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
}
body.ebook #modules .module .bg_filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.ebook #modules .module.middle .bg_left {
  width: 50%;
  left: 0;
}
body.ebook #modules .module.middle .bg_right {
  width: 50%;
  right: 0;
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module.middle .bg_left,
  body.ebook #modules .module.middle .bg_right {
    width: 100%;
  }
  body.ebook #modules .module.middle .bg_left {
    height: 50%;
    top: 0;
  }
  body.ebook #modules .module.middle .bg_left.pullout_bg {
    height: 250px;
    z-index: 1;
  }
  body.ebook #modules .module.middle .bg_left.pullout_op {
    height: 100%;
  }
  body.ebook #modules .module.middle .bg_right {
    height: 50%;
    top: auto;
    bottom: 0;
  }
  body.ebook #modules .module.middle .bg_right.pullout_bg {
    height: 250px;
  }
  body.ebook #modules .module.middle .bg_right.pullout_op {
    height: 100%;
  }
}
body.ebook #modules .module.right .inner {
  max-width: 790px;
}
body.ebook #modules .module.right .bg_left {
  width: 50%;
  left: -254px;
}
body.ebook #modules .module.right .bg_left .angle {
  content: '';
  position: absolute;
  top: 0;
  right: -109px;
  height: 100%;
  width: 204px;
  -webkit-transform: skewX(17deg);
  -moz-transform: skewX(17deg);
  -ms-transform: skewX(17deg);
  -o-transform: skewX(17deg);
  transform: skewX(17deg);
  background-color: #ffffff;
}
body.ebook #modules .module.right .bg_left .device {
  position: absolute;
  height: 100%;
  top: 50%;
  right: 0;
  padding: 80px 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.ebook #modules .module.right .bg_left .device img {
  position: relative;
  z-index: 1;
}
body.ebook #modules .module.right .bg_left .device.center img {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.ebook #modules .module.right .bg_left .device.scale img {
  height: 100%;
}
body.ebook #modules .module.right .bg_left .device .spacer {
  position: absolute;
  z-index: 0;
  top: -1%;
  right: 0;
  width: 50%;
  height: 101%;
  background: #ffffff;
}
body.ebook #modules .module.right .bg_right {
  width: 50%;
  right: 0;
  padding-left: 254px;
  box-sizing: content-box;
}
body.ebook #modules .module.right .b-2 {
  width: 78%;
  margin-right: 0;
}
body.ebook #modules .module.right .b-1,
body.ebook #modules .module.right .b-3,
body.ebook #modules .module.right .b-4,
body.ebook #modules .module.right .b-5,
body.ebook #modules .module.right .b-6 {
  display: none;
}
body.ebook #modules .module.left .inner {
  max-width: 790px;
}
body.ebook #modules .module.left .bg_right {
  width: 50%;
  right: -254px;
}
body.ebook #modules .module.left .bg_right .angle {
  position: absolute;
  top: 0;
  left: -109px;
  height: 100%;
  width: 204px;
  -webkit-transform: skewX(-17deg);
  -moz-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  -o-transform: skewX(-17deg);
  transform: skewX(-17deg);
  background-color: #ffffff;
}
body.ebook #modules .module.left .bg_right .device {
  position: absolute;
  height: 100%;
  top: 50%;
  left: 0;
  padding: 80px 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.ebook #modules .module.left .bg_right .device img {
  position: relative;
  z-index: 1;
}
body.ebook #modules .module.left .bg_right .device.center img {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.ebook #modules .module.left .bg_right .device.scale img {
  height: 100%;
}
body.ebook #modules .module.left .bg_right .device .spacer {
  position: absolute;
  z-index: 0;
  top: -1%;
  left: 0;
  width: 50%;
  height: 101%;
  background: #ffffff;
}
body.ebook #modules .module.left .bg_left {
  width: 50%;
  left: 0;
  padding-right: 254px;
  box-sizing: content-box;
}
body.ebook #modules .module.left .b-1 {
  width: 78%;
  margin-left: 0;
}
body.ebook #modules .module.left .b-2,
body.ebook #modules .module.left .b-3,
body.ebook #modules .module.left .b-4,
body.ebook #modules .module.left .b-5,
body.ebook #modules .module.left .b-6 {
  display: none;
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module.device_on_left {
    padding-bottom: 0;
  }
  body.ebook #modules .module.device_on_left .b-1 {
    width: 100%;
    margin-bottom: 8em;
  }
  body.ebook #modules .module.device_on_left .bg_right {
    display: none;
  }
  body.ebook #modules .module.device_on_left .bg_left {
    width: 100%;
    left: auto;
    position: relative;
  }
  body.ebook #modules .module.device_on_left .bg_left .device,
  body.ebook #modules .module.device_on_left .bg_left .device.center {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  body.ebook #modules .module.device_on_left .bg_left .device .spacer,
  body.ebook #modules .module.device_on_left .bg_left .device.center .spacer {
    display: none;
  }
  body.ebook #modules .module.device_on_left .bg_left .device img,
  body.ebook #modules .module.device_on_left .bg_left .device.center img {
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    margin: 0 auto;
    max-width: 90%;
    display: block;
  }
}
body.ebook #modules .module.device_on_right {
  padding-bottom: 0;
}
@media only screen and (max-width: 900px) {
  body.ebook #modules .module.device_on_right .b-1 {
    width: 100%;
    margin-bottom: 8em;
  }
  body.ebook #modules .module.device_on_right .bg_left {
    display: none;
  }
  body.ebook #modules .module.device_on_right .bg_right {
    width: 100%;
    right: auto;
    position: relative;
  }
  body.ebook #modules .module.device_on_right .bg_right .device,
  body.ebook #modules .module.device_on_right .bg_right .device.center {
    position: relative;
    top: auto;
    right: auto;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  body.ebook #modules .module.device_on_right .bg_right .device .spacer,
  body.ebook #modules .module.device_on_right .bg_right .device.center .spacer {
    display: none;
  }
  body.ebook #modules .module.device_on_right .bg_right .device img,
  body.ebook #modules .module.device_on_right .bg_right .device.center img {
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    margin: 0 auto;
    max-width: 90%;
    display: block;
  }
}
body.ebook #cta {
  padding: 9em 0;
  background-color: #fafafa;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 900px) {
  body.ebook #cta {
    padding: 4.5em 0;
  }
}
body.ebook #cta .cta-title {
  font-size: 2.8em;
  line-height: 1.4em;
  margin-bottom: 20px;
  display: block;
  text-align: center;
}
@media only screen and (max-width: 420px) {
  body.ebook #cta .cta-title {
    font-size: 2.2em;
  }
}
body.ebook #cta .cta-copy {
  font-weight: 200;
  font-size: 1.6em;
  line-height: 1.5em;
  max-width: 540px;
  display: block;
  text-align: center;
  margin: 0 auto 30px;
}
@media only screen and (max-width: 420px) {
  body.ebook #cta .cta-copy {
    font-size: 1.4em;
  }
}
body.ebook #cta #signupForm {
  text-align: left;
  width: 96%;
  max-width: 320px;
  margin: 0 auto;
  background-color: transparent;
}
body.ebook #cta #signupForm [type='submit'] {
  border: none;
}
body.ebook #cta.dark .cta-title {
  color: #111324;
}
body.ebook #cta.dark .cta-copy {
  color: #5f6a7d;
}
body.ebook #cta.light .cta-title,
body.ebook #cta.light .cta-copy,
body.ebook #cta.light p,
body.ebook #cta.light label,
body.ebook #cta.light label span,
body.ebook #cta.light a {
  color: #ffffff;
  text-shadow: 0px 1px 3px rgba(78, 87, 103, 0.35);
}
body.ebook #toc-overlay {
  background: rgba(25, 169, 229, 0.98);
  position: fixed;
  overflow: auto;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
body.ebook #toc-overlay .inner {
  padding: 0;
  max-width: 1000px;
}
body.ebook #toc-overlay .toc_title {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 60px;
}
@media only screen and (max-width: 660px) {
  body.ebook #toc-overlay .toc_title {
    margin-bottom: 25px;
  }
}
body.ebook #toc-overlay ol li {
  color: #ffffff;
  border-bottom: 1px solid #2a2941;
}
body.ebook #toc-overlay ol li span.number {
  color: #ffffff;
}
body.ebook #toc-overlay ol li:hover {
  border-bottom: 1px solid #ffffff;
}
body.ebook #subscribe {
  background-color: #ffffff;
  border-top: 1px solid #ececed;
}
body.infographic #sections h2 {
  width: 100%;
  margin-top: 40px;
}
body.infographic #sections .content.article {
  padding-bottom: 50px;
}
body.infographic #sections .content.article p {
  text-align: center;
}
body.infographic #sections .content.article .cmbtn {
  margin: 0 auto;
  display: block;
  max-width: 280px;
}
body.infographic #sections #embed_code {
  margin-bottom: 30px;
  display: none;
}
body.infographic #sections #embed_code textarea {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #ececed;
  background-color: #f6f6f7;
  color: #5d5d66;
  font-size: 1.4em;
  line-height: 1.2em;
  resize: none;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 500px) {
  body.blog:not(.knowledgebase) section#filter-bar .right {
    min-height: 50px;
    height: auto;
  }
}
body.blog:not(.knowledgebase) #banner.single {
  background: unset;
  padding-bottom: 0;
}
body.blog:not(.knowledgebase) #banner.single h1 {
  text-align: left;
  font-size: 36px;
  line-height: 45px;
  color: #111324;
}
body.blog:not(.knowledgebase) #banner.single h6 {
  font-size: 13px;
  color: #8A8B93;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
body.blog:not(.knowledgebase) #banner.single h6:before {
  content: url('../clock-purple.html');
  height: 18px;
  width: 18px;
  display: block;
  margin-right: 17px;
}
body.blog:not(.knowledgebase) #banner.single .bg-image {
  height: 184px;
  width: 100%;
  object-fit: cover;
  margin: 32px auto;
}
body.blog:not(.knowledgebase) #banner.single .post-data {
  font-size: 13px;
}
body.blog:not(.knowledgebase) #blogpage-content.category {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
body.blog:not(.knowledgebase) #blogpage-content.category .grid-container {
  padding-bottom: 0;
}
body.blog:not(.knowledgebase) #blogpage-content.single {
  overflow: hidden;
  padding-top: 0;
  position: relative;
}
body.blog:not(.knowledgebase) #blogpage-content.single p {
  font-size: 1.6em;
}
body.blog:not(.knowledgebase) #blogpage-content.single .blog-disclaimer {
  max-width: 750px;
  margin: 0 100px;
  font-size: 1.3em;
  line-height: 1.46em;
  color: #5d5d66;
}
@media screen and (max-width: 1400px) {
  body.blog:not(.knowledgebase) #blogpage-content.single .blog-disclaimer {
    margin: 0 30px;
  }
}
body.blog:not(.knowledgebase) #filter {
  height: 60px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  body.blog:not(.knowledgebase) #filter {
    width: 88%;
    margin: 20px auto;
    border: 1px solid #f6f6f7;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
  }
}
body.blog:not(.knowledgebase) #filter .inner {
  border-bottom: 1px solid #ececed;
  -webkit-box-shadow: 0 2px 0 0 #f6f6f7;
  -moz-box-shadow: 0 2px 0 0 #f6f6f7;
  box-shadow: 0 2px 0 0 #f6f6f7;
  margin: 0 auto;
  position: relative;
  min-width: 0;
}
@media only screen and (max-width: 767px) {
  body.blog:not(.knowledgebase) #filter .inner {
    border-bottom: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
  }
}
body.blog:not(.knowledgebase) #filter .categories {
  float: left;
}
@media only screen and (max-width: 767px) {
  body.blog:not(.knowledgebase) #filter .categories {
    float: none;
    height: 50px;
    overflow: hidden;
    padding-top: 50px;
    margin-bottom: 20px;
    /*            border: 1px solid @lightgrey;
                .rounded-corners(3px);*/
  }
}
body.blog:not(.knowledgebase) #filter .categories .label {
  font-size: 1.1em;
  line-height: 60px;
  font-weight: 600;
  color: #111324;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 960px) {
  body.blog:not(.knowledgebase) #filter .categories .label {
    display: none;
  }
}
body.blog:not(.knowledgebase) #filter .categories a {
  font-size: 1.2em;
  line-height: 60px;
  font-weight: 600;
  color: #5d5d66;
  display: inline-block;
  margin-left: 30px;
  letter-spacing: 0.05em;
}
body.blog:not(.knowledgebase) #filter .categories a:hover {
  color: #7856ff;
}
@media only screen and (max-width: 960px) {
  body.blog:not(.knowledgebase) #filter .categories a.featured {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.blog:not(.knowledgebase) #filter .categories a {
    line-height: 50px;
    display: block;
    margin: 0 auto;
    padding-left: 30px;
  }
}
body.blog:not(.knowledgebase) #filter .categories a.active {
  color: #7856ff;
}
@media only screen and (max-width: 767px) {
  body.blog:not(.knowledgebase) #filter .categories a.active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  body.blog:not(.knowledgebase) #filter .categories a.active:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 76px;
    margin-top: -5px;
    height: 10px;
    width: 20px;
    background-image: url(../png/nav-sprite.png);
    background-size: 20px 76px;
    background-repeat: no-repeat;
    background-position: 0 -56px;
  }
  body.blog:not(.knowledgebase) #filter .categories a.active:hover:after {
    background-position: 0 -66px;
  }
}
@media only screen and (max-width: 767px) and only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 767px) and only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 767px) and only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and only screen and (-o-min-device-pixel-ratio: 2), only screen and (max-width: 767px) and only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and only screen and (min-device-pixel-ratio: 2) {
  body.blog:not(.knowledgebase) #filter .categories a.active:after {
    background-image: url('../png/nav-sprite%402x.png');
  }
}
@media only screen and (max-width: 767px) {
  body.blog:not(.knowledgebase) #filter .categories a.clearState {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-indent: -9999em;
    overflow: hidden;
  }
  body.blog:not(.knowledgebase) #filter .categories a.clearState:after {
    content: 'BACK TO CATEGORY';
    position: absolute;
    top: 0;
    left: 30px;
    color: #5d5d66;
    display: inline-block;
    text-indent: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.blog:not(.knowledgebase) #filter.open .categories {
    height: auto;
    background-color: #ffffff;
    border: 1px solid #f6f6f7;
    position: absolute;
    width: 100%;
    top: -1px;
    left: -1px;
    padding: 50px 0 0;
    box-sizing: content-box;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  body.blog:not(.knowledgebase) #filter.open .categories a {
    border-top: 1px solid #f6f6f7;
  }
  body.blog:not(.knowledgebase) #filter.open .categories a.active {
    border-top: 0;
  }
  body.blog:not(.knowledgebase) #filter.open .categories a.active:after {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    right: 80px;
    background-position: 0 -32px;
  }
  body.blog:not(.knowledgebase) #filter.open .categories a.active:hover:after {
    background-position: 0 -44px;
  }
}
body.blog:not(.knowledgebase) #filter .search {
  float: right;
}
body.blog:not(.knowledgebase) #filter .search span {
  display: inline-block;
  position: relative;
  padding-right: 26px;
  font-size: 1.2em;
  line-height: 60px;
  font-weight: 600;
  color: #f6f6f7;
  letter-spacing: 0.05em;
  cursor: pointer;
}
@media only screen and (max-width: 960px) {
  body.blog:not(.knowledgebase) #filter .search span {
    text-indent: -9999em;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 767px) {
  body.blog:not(.knowledgebase) #filter .search span {
    position: absolute;
    padding-right: 0;
    top: -1px;
    right: 0;
    width: 50px;
    height: 50px;
    border-left: 1px solid #f6f6f7;
  }
}
body.blog:not(.knowledgebase) #filter .search span:after {
  content: '';
  background-image: url(../png/nav-sprite.png);
  background-size: 20px 76px;
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  body.blog:not(.knowledgebase) #filter .search span:after {
    background-image: url('../png/nav-sprite%402x.png');
  }
}
@media only screen and (max-width: 767px) {
  body.blog:not(.knowledgebase) #filter .search span:after {
    right: 50%;
    margin-right: -8px;
    margin-top: -7px;
  }
}
body.blog:not(.knowledgebase) #filter .search span:hover {
  color: #7856ff;
}
body.blog:not(.knowledgebase) #filter .search span:hover:after {
  background-position: 0px -16px;
}
body.blog:not(.knowledgebase) #filter .search form {
  display: none;
  opacity: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #7856ff;
}
body.blog:not(.knowledgebase) #filter .search form .contain {
  width: 88%;
  height: 150px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media only screen and (max-width: 1000px) {
  body.blog:not(.knowledgebase) #filter .search form .contain {
    height: 100px;
  }
}
@media only screen and (max-width: 620px) {
  body.blog:not(.knowledgebase) #filter .search form .contain {
    height: 70px;
  }
}
@media only screen and (max-width: 620px) {
  body.blog:not(.knowledgebase) #filter .search form .contain {
    height: 50px;
  }
}
body.blog:not(.knowledgebase) #filter .search form input {
  width: 100%;
  height: 150px;
  border: none;
  font-size: 8em;
  line-height: 1;
  font-weight: 200;
  background: #7856ff;
  color: #ffffff;
  border-bottom: 1px solid #b5a3ff;
}
@media only screen and (max-width: 1000px) {
  body.blog:not(.knowledgebase) #filter .search form input {
    height: 100px;
    font-size: 5em;
  }
}
@media only screen and (max-width: 620px) {
  body.blog:not(.knowledgebase) #filter .search form input {
    height: 70px;
    font-size: 3em;
  }
}
@media only screen and (max-width: 370px) {
  body.blog:not(.knowledgebase) #filter .search form input {
    height: 50px;
    font-size: 2em;
  }
}
body.blog:not(.knowledgebase) #filter .search form input::-webkit-input-placeholder {
  color: #b5a3ff;
}
body.blog:not(.knowledgebase) #filter .search form input:-moz-placeholder {
  color: #b5a3ff;
}
body.blog:not(.knowledgebase) #filter .search form input::-moz-placeholder {
  color: #b5a3ff;
}
body.blog:not(.knowledgebase) #filter .search form input:-ms-input-placeholder {
  color: #b5a3ff;
}
body.blog:not(.knowledgebase) #filter .search form input.error::-webkit-input-placeholder {
  color: #ed9393;
}
body.blog:not(.knowledgebase) #filter .search form input.error:-moz-placeholder {
  color: #ed9393;
}
body.blog:not(.knowledgebase) #filter .search form input.error::-moz-placeholder {
  color: #ed9393;
}
body.blog:not(.knowledgebase) #filter .search form input.error:-ms-input-placeholder {
  color: #ed9393;
}
body.blog:not(.knowledgebase) #filter .search form span {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -17px;
  z-index: 2;
  width: 48px;
  height: 48px;
  background-image: url(../png/blog_search.png);
  background-size: 48px 48px;
  text-indent: -9999em;
  overflow: hidden;
}
body.blog:not(.knowledgebase) #filter .search form span:active {
  margin-top: -16px;
}
@media only screen and (max-width: 1000px) {
  body.blog:not(.knowledgebase) #filter .search form span {
    height: 31px;
    width: 31px;
    margin-top: -12px;
    background-size: 31px 31px;
  }
  body.blog:not(.knowledgebase) #filter .search form span:active {
    margin-top: -11px;
  }
}
@media only screen and (max-width: 767px) {
  body.blog:not(.knowledgebase) #filter .search form span {
    border: none;
  }
}
@media only screen and (max-width: 620px) {
  body.blog:not(.knowledgebase) #filter .search form span {
    height: 19px;
    width: 19px;
    margin-top: 3px;
    background-size: 19px 19px;
  }
  body.blog:not(.knowledgebase) #filter .search form span:active {
    margin-top: 4px;
  }
}
@media only screen and (max-width: 370px) {
  body.blog:not(.knowledgebase) #filter .search form span {
    height: 13px;
    width: 13px;
    margin-top: -6px;
    background-size: 13px 13px;
  }
  body.blog:not(.knowledgebase) #filter .search form span:active {
    margin-top: -5px;
  }
}
body.blog:not(.knowledgebase) #filter .search form span:after {
  display: none;
}
body.blog:not(.knowledgebase) #socialbar {
  text-align: center;
  padding: 0;
}
body.blog:not(.knowledgebase) #socialbar .sociallinks {
  display: inline-block;
  position: relative;
}
body.blog:not(.knowledgebase) #socialbar .sociallinks:before,
body.blog:not(.knowledgebase) #socialbar .sociallinks:after {
  content: '';
  position: absolute;
  top: 180%;
  width: 220px;
  height: 1px;
  margin-top: -0.5px;
  background-color: #e4e8ec;
}
body.blog:not(.knowledgebase) #socialbar .sociallinks:before {
  left: -70px;
}
body.blog:not(.knowledgebase) #socialbar .sociallinks:after {
  right: -70px;
}
body.blog:not(.knowledgebase) #socialbar .social {
  width: 15px;
  height: 15px;
  background-image: url(../svg/social-sharing-2.svg);
  background-size: 58px 268px;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
  display: inline-block;
  margin-left: 15px;
}
body.blog:not(.knowledgebase) #socialbar .social.twitter {
  background-position: -7px -18px;
}
body.blog:not(.knowledgebase) #socialbar .social.twitter:hover {
  background-position: -36px -18px;
}
body.blog:not(.knowledgebase) #socialbar .social.facebook {
  background-position: -7px -72px;
}
body.blog:not(.knowledgebase) #socialbar .social.facebook:hover {
  background-position: -36px -72px;
}
body.blog:not(.knowledgebase) #socialbar .social.linkedin {
  background-position: -7px -126px;
}
body.blog:not(.knowledgebase) #socialbar .social.linkedin:hover {
  background-position: -36px -126px;
}
body.blog:not(.knowledgebase) #socialbar .social.pintrest {
  background-position: -7px -180px;
}
body.blog:not(.knowledgebase) #socialbar .social.pintrest:hover {
  background-position: -37px -180px;
}
body.blog:not(.knowledgebase) #socialbar .social.embed {
  background-position: -7px -234px;
}
body.blog:not(.knowledgebase) #socialbar .social.embed:hover {
  background-position: -36px -234px;
}
body.blog:not(.knowledgebase) #search-interm,
body.blog:not(.knowledgebase) #search-notfound {
  min-height: 1640px;
  text-align: center;
  padding-top: 60px;
  font-size: 3em;
  line-height: 1;
  font-weight: 200;
  color: #5d5d66;
}
body.blog:not(.knowledgebase) #search-interm span,
body.blog:not(.knowledgebase) #search-notfound span {
  font-weight: 600;
}
body.blog:not(.knowledgebase) #search-notfound {
  min-height: 500px;
}
body.blog:not(.knowledgebase) #posts-list article,
body.blog:not(.knowledgebase) #search-list article {
  width: 32.13%;
  height: 360px;
  margin: 0 0.7% 50px;
  float: left;
}
body.blog:not(.knowledgebase) #posts-list article .feat-image,
body.blog:not(.knowledgebase) #search-list article .feat-image {
  margin: 0 auto 25px;
  max-width: 320px;
}
body.blog:not(.knowledgebase) #posts-list article .feat-image a,
body.blog:not(.knowledgebase) #search-list article .feat-image a {
  display: block;
}
body.blog:not(.knowledgebase) #posts-list article .feat-image a img,
body.blog:not(.knowledgebase) #search-list article .feat-image a img {
  width: 100%;
}
body.blog:not(.knowledgebase) #posts-list article .post-info,
body.blog:not(.knowledgebase) #search-list article .post-info {
  max-width: 320px;
  width: 100%;
  margin: 0 auto;
}
body.blog:not(.knowledgebase) #posts-list article:nth-child(3n + 1),
body.blog:not(.knowledgebase) #search-list article:nth-child(3n + 1) {
  margin: 0 1.1% 50px 0;
}
body.blog:not(.knowledgebase) #posts-list article:nth-child(3n + 1) .feat-image,
body.blog:not(.knowledgebase) #search-list article:nth-child(3n + 1) .feat-image,
body.blog:not(.knowledgebase) #posts-list article:nth-child(3n + 1) .post-info,
body.blog:not(.knowledgebase) #search-list article:nth-child(3n + 1) .post-info {
  float: left;
  margin: 0 0 25px;
}
body.blog:not(.knowledgebase) #posts-list article:nth-child(3n + 3),
body.blog:not(.knowledgebase) #search-list article:nth-child(3n + 3) {
  margin: 0 0 50px 1.1%;
}
body.blog:not(.knowledgebase) #posts-list article:nth-child(3n + 3) .feat-image,
body.blog:not(.knowledgebase) #search-list article:nth-child(3n + 3) .feat-image,
body.blog:not(.knowledgebase) #posts-list article:nth-child(3n + 3) .post-info,
body.blog:not(.knowledgebase) #search-list article:nth-child(3n + 3) .post-info {
  float: right;
  margin: 0 0 25px;
}
@media only screen and (max-width: 850px) {
  body.blog:not(.knowledgebase) #posts-list article,
  body.blog:not(.knowledgebase) #search-list article {
    width: 48.7%;
  }
  body.blog:not(.knowledgebase) #posts-list article:nth-child(2n + 1),
  body.blog:not(.knowledgebase) #search-list article:nth-child(2n + 1) {
    margin: 0 1.1% 50px 0;
  }
  body.blog:not(.knowledgebase) #posts-list article:nth-child(2n + 1) .feat-image,
  body.blog:not(.knowledgebase) #search-list article:nth-child(2n + 1) .feat-image,
  body.blog:not(.knowledgebase) #posts-list article:nth-child(2n + 1) .post-info,
  body.blog:not(.knowledgebase) #search-list article:nth-child(2n + 1) .post-info {
    float: none;
    margin: 0 auto 25px;
    max-width: none;
  }
  body.blog:not(.knowledgebase) #posts-list article:nth-child(2n + 2),
  body.blog:not(.knowledgebase) #search-list article:nth-child(2n + 2) {
    margin: 0 0 50px 1.1%;
  }
  body.blog:not(.knowledgebase) #posts-list article:nth-child(2n + 2) .feat-image,
  body.blog:not(.knowledgebase) #search-list article:nth-child(2n + 2) .feat-image,
  body.blog:not(.knowledgebase) #posts-list article:nth-child(2n + 2) .post-info,
  body.blog:not(.knowledgebase) #search-list article:nth-child(2n + 2) .post-info {
    float: none;
    margin: 0 auto 25px;
    max-width: none;
  }
}
@media only screen and (max-width: 560px) {
  body.blog:not(.knowledgebase) #posts-list article,
  body.blog:not(.knowledgebase) #search-list article {
    width: 100%;
    height: auto;
    float: none;
    margin: 0 auto 50px !important;
  }
}
body.blog:not(.knowledgebase) #posts-list article .category,
body.blog:not(.knowledgebase) #search-list article .category {
  text-align: center;
  display: block;
  margin-bottom: 10px;
}
body.blog:not(.knowledgebase) #posts-list article .category a,
body.blog:not(.knowledgebase) #search-list article .category a {
  color: #5d5d66;
  font-size: 1.1em;
  line-height: 1.5em;
  font-weight: 600;
  letter-spacing: 0.05em;
}
body.blog:not(.knowledgebase) #posts-list article .category a:hover,
body.blog:not(.knowledgebase) #search-list article .category a:hover {
  color: #5d5d66;
}
body.blog:not(.knowledgebase) #posts-list article h2,
body.blog:not(.knowledgebase) #search-list article h2 {
  font-size: 1.9em;
  line-height: 1.5em;
  font-weight: 200;
  color: #2a2941;
  text-align: center;
  margin-bottom: 15px;
}
body.blog:not(.knowledgebase) #posts-list article h2 a,
body.blog:not(.knowledgebase) #search-list article h2 a {
  font-weight: 400;
  color: #2a2941;
}
body.blog:not(.knowledgebase) #posts-list article h2 a:hover,
body.blog:not(.knowledgebase) #search-list article h2 a:hover {
  color: #3e3d60;
}
body.blog:not(.knowledgebase) #posts-list article p,
body.blog:not(.knowledgebase) #search-list article p {
  color: #5d5d66;
  display: block;
  display: -webkit-box;
  max-width: 95%;
  max-height: 45px;
  margin: 0 auto;
  font-size: 1.6em;
  line-height: 1.5em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
body.blog:not(.knowledgebase) #posts-list.taller article,
body.blog:not(.knowledgebase) #search-list.taller article {
  height: 400px;
}
body.blog:not(.knowledgebase) #posts-list .pagination,
body.blog:not(.knowledgebase) #search-list .pagination {
  text-align: center;
  margin-bottom: 80px;
  clear: both;
}
body.blog:not(.knowledgebase) #posts-list .pagination span,
body.blog:not(.knowledgebase) #search-list .pagination span {
  font-size: 2.1em;
  line-height: 1.5em;
  font-weight: 200;
  color: #2a2941;
  display: inline-block;
  margin: 0 10px;
}
body.blog:not(.knowledgebase) #posts-list .pagination a,
body.blog:not(.knowledgebase) #search-list .pagination a {
  display: inline-block;
  width: 8px;
  height: 13px;
  text-indent: -9999em;
  overflow: hidden;
  background-image: url(../png/paging-arrows.png);
}
body.blog:not(.knowledgebase) #posts-list .pagination a.prev,
body.blog:not(.knowledgebase) #search-list .pagination a.prev {
  background-position: 0px 0px;
}
body.blog:not(.knowledgebase) #posts-list .pagination a.next,
body.blog:not(.knowledgebase) #search-list .pagination a.next {
  background-position: 0px -13px;
}
body.blog:not(.knowledgebase) #post-content {
  background: #ffffff;
  padding-bottom: 1px;
  margin-bottom: 30px;
}
body.blog:not(.knowledgebase) #post-content .post {
  max-width: 750px;
  width: unset;
  margin-left: 100px;
  /* --- GLOSSARY PLUGIN CSS --- */
  /* Trigger text */
  /* Gap filler */
  /* Tooltip */
  /* Arrow */
  /* Tooltip content*/
  /* --- END GLOSSARY PLUGIN CSS --- */
}
@media screen and (max-width: 1400px) {
  body.blog:not(.knowledgebase) #post-content .post {
    margin-left: 24px;
    margin-right: 24px;
  }
}
body.blog:not(.knowledgebase) #post-content .post h2 {
  margin-top: 60px;
  margin-bottom: 16px;
  font-size: 30px;
}
body.blog:not(.knowledgebase) #post-content .post h3 {
  margin-bottom: 16px;
  margin-top: 1.4em;
  text-align: left;
  font-size: 24px;
  font-weight: 400;
}
body.blog:not(.knowledgebase) #post-content .post h3.interview {
  font-style: italic;
  font-size: 2.1em;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e7e8;
}
body.blog:not(.knowledgebase) #post-content .post h4 {
  font-size: 24px;
  font-weight: 400;
}
body.blog:not(.knowledgebase) #post-content .post p span.green {
  color: #2a2941;
}
body.blog:not(.knowledgebase) #post-content .post p span.blue {
  color: #7856ff;
}
body.blog:not(.knowledgebase) #post-content .post p span.label {
  color: #ffffff;
  border-radius: 4px;
  background: #7856ff;
  padding: 2px 5px 3px;
  font-size: 0.8889em;
  font-weight: 600;
}
body.blog:not(.knowledgebase) #post-content .post p span.label.red {
  background: #f6003a;
}
body.blog:not(.knowledgebase) #post-content .post p span.label.green {
  background: #2a2941;
}
body.blog:not(.knowledgebase) #post-content .post p span.inline-quote {
  float: right;
  font-size: 1.3333em;
  line-height: 1.3333em;
  font-weight: 200;
  margin: 0 0 40px 40px;
  color: #2a2941;
  position: relative;
  width: 220px;
  font-style: italic;
}
body.blog:not(.knowledgebase) #post-content .post p span.inline-quote:before {
  content: '“';
  position: absolute;
  top: 0;
  left: -10px;
}
body.blog:not(.knowledgebase) #post-content .post p small {
  font-size: 0.588em;
}
body.blog:not(.knowledgebase) #post-content .post strong {
  font-weight: 600;
}
body.blog:not(.knowledgebase) #post-content .post img,
body.blog:not(.knowledgebase) #post-content .post .caption,
body.blog:not(.knowledgebase) #post-content .post .caption img,
body.blog:not(.knowledgebase) #post-content .post .wp-caption,
body.blog:not(.knowledgebase) #post-content .post .wp-caption img {
  max-width: 100%;
  height: auto;
  margin: 20px auto;
  display: block;
}
body.blog:not(.knowledgebase) #post-content .post img .wp-caption-text,
body.blog:not(.knowledgebase) #post-content .post .caption .wp-caption-text,
body.blog:not(.knowledgebase) #post-content .post .caption img .wp-caption-text,
body.blog:not(.knowledgebase) #post-content .post .wp-caption .wp-caption-text,
body.blog:not(.knowledgebase) #post-content .post .wp-caption img .wp-caption-text {
  padding: 10px 0;
  border-bottom: 1px solid #e6e7e8;
  font-size: 1.2em;
}
body.blog:not(.knowledgebase) #post-content .post img.image,
body.blog:not(.knowledgebase) #post-content .post .caption.image,
body.blog:not(.knowledgebase) #post-content .post .caption img.image,
body.blog:not(.knowledgebase) #post-content .post .wp-caption.image,
body.blog:not(.knowledgebase) #post-content .post .wp-caption img.image,
body.blog:not(.knowledgebase) #post-content .post img.alignnone,
body.blog:not(.knowledgebase) #post-content .post .caption.alignnone,
body.blog:not(.knowledgebase) #post-content .post .caption img.alignnone,
body.blog:not(.knowledgebase) #post-content .post .wp-caption.alignnone,
body.blog:not(.knowledgebase) #post-content .post .wp-caption img.alignnone {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
body.blog:not(.knowledgebase) #post-content .post img.fullimage,
body.blog:not(.knowledgebase) #post-content .post .caption.fullimage,
body.blog:not(.knowledgebase) #post-content .post .caption img.fullimage,
body.blog:not(.knowledgebase) #post-content .post .wp-caption.fullimage,
body.blog:not(.knowledgebase) #post-content .post .wp-caption img.fullimage,
body.blog:not(.knowledgebase) #post-content .post img.aligncenter,
body.blog:not(.knowledgebase) #post-content .post .caption.aligncenter,
body.blog:not(.knowledgebase) #post-content .post .caption img.aligncenter,
body.blog:not(.knowledgebase) #post-content .post .wp-caption.aligncenter,
body.blog:not(.knowledgebase) #post-content .post .wp-caption img.aligncenter {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 800px;
  height: auto;
  margin: auto;
}
@media only screen and (max-width: 850px) {
  body.blog:not(.knowledgebase) #post-content .post img.fullimage,
  body.blog:not(.knowledgebase) #post-content .post .caption.fullimage,
  body.blog:not(.knowledgebase) #post-content .post .caption img.fullimage,
  body.blog:not(.knowledgebase) #post-content .post .wp-caption.fullimage,
  body.blog:not(.knowledgebase) #post-content .post .wp-caption img.fullimage,
  body.blog:not(.knowledgebase) #post-content .post img.aligncenter,
  body.blog:not(.knowledgebase) #post-content .post .caption.aligncenter,
  body.blog:not(.knowledgebase) #post-content .post .caption img.aligncenter,
  body.blog:not(.knowledgebase) #post-content .post .wp-caption.aligncenter,
  body.blog:not(.knowledgebase) #post-content .post .wp-caption img.aligncenter {
    position: static;
    top: auto;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    max-width: 100%;
  }
}
body.blog:not(.knowledgebase) #post-content .post img.inline.left,
body.blog:not(.knowledgebase) #post-content .post .caption.inline.left,
body.blog:not(.knowledgebase) #post-content .post .caption img.inline.left,
body.blog:not(.knowledgebase) #post-content .post .wp-caption.inline.left,
body.blog:not(.knowledgebase) #post-content .post .wp-caption img.inline.left,
body.blog:not(.knowledgebase) #post-content .post img.alignleft,
body.blog:not(.knowledgebase) #post-content .post .caption.alignleft,
body.blog:not(.knowledgebase) #post-content .post .caption img.alignleft,
body.blog:not(.knowledgebase) #post-content .post .wp-caption.alignleft,
body.blog:not(.knowledgebase) #post-content .post .wp-caption img.alignleft {
  float: left;
  max-width: 320px;
  width: auto;
  margin: 0 20px 20px 0;
}
body.blog:not(.knowledgebase) #post-content .post img.inline.right,
body.blog:not(.knowledgebase) #post-content .post .caption.inline.right,
body.blog:not(.knowledgebase) #post-content .post .caption img.inline.right,
body.blog:not(.knowledgebase) #post-content .post .wp-caption.inline.right,
body.blog:not(.knowledgebase) #post-content .post .wp-caption img.inline.right,
body.blog:not(.knowledgebase) #post-content .post img.alignright,
body.blog:not(.knowledgebase) #post-content .post .caption.alignright,
body.blog:not(.knowledgebase) #post-content .post .caption img.alignright,
body.blog:not(.knowledgebase) #post-content .post .wp-caption.alignright,
body.blog:not(.knowledgebase) #post-content .post .wp-caption img.alignright,
body.blog:not(.knowledgebase) #post-content .post img[align='right'],
body.blog:not(.knowledgebase) #post-content .post .caption[align='right'],
body.blog:not(.knowledgebase) #post-content .post .caption img[align='right'],
body.blog:not(.knowledgebase) #post-content .post .wp-caption[align='right'],
body.blog:not(.knowledgebase) #post-content .post .wp-caption img[align='right'] {
  float: right;
  max-width: 320px;
  width: auto;
  margin: 0 0 20px 20px !important;
}
body.blog:not(.knowledgebase) #post-content .post ol,
body.blog:not(.knowledgebase) #post-content .post ul {
  margin-bottom: 40px;
  margin-left: 25px;
  color: #111324;
}
body.blog:not(.knowledgebase) #post-content .post ol > li,
body.blog:not(.knowledgebase) #post-content .post ul > li {
  font-size: 1.6em;
  line-height: 1.5em;
}
body.blog:not(.knowledgebase) #post-content .post ol li,
body.blog:not(.knowledgebase) #post-content .post ul li {
  margin-bottom: 5px;
  padding-left: 5px;
  color: #111324;
}
body.blog:not(.knowledgebase) #post-content .post ol ol,
body.blog:not(.knowledgebase) #post-content .post ul ol,
body.blog:not(.knowledgebase) #post-content .post ol ul,
body.blog:not(.knowledgebase) #post-content .post ul ul,
body.blog:not(.knowledgebase) #post-content .post ol p,
body.blog:not(.knowledgebase) #post-content .post ul p {
  font-size: 1em;
}
body.blog:not(.knowledgebase) #post-content .post ol li {
  list-style: decimal;
}
body.blog:not(.knowledgebase) #post-content .post ol.upper-lettered > li {
  list-style: upper-alpha;
}
body.blog:not(.knowledgebase) #post-content .post ol.roman > li {
  list-style: lower-roman;
}
body.blog:not(.knowledgebase) #post-content .post ol.numbered > li {
  list-style: decimal;
}
body.blog:not(.knowledgebase) #post-content .post ol.lower-lettered > li {
  list-style: lower-alpha;
}
body.blog:not(.knowledgebase) #post-content .post ul {
  margin-left: 20px;
  color: #111324;
}
body.blog:not(.knowledgebase) #post-content .post ul li {
  list-style: disc;
  padding-left: 10px;
}
body.blog:not(.knowledgebase) #post-content .post dl {
  margin: 20px 0 40px;
  color: #5d5d66;
}
body.blog:not(.knowledgebase) #post-content .post dl:after {
  content: '';
  clear: both;
  display: block;
}
body.blog:not(.knowledgebase) #post-content .post dl dt {
  float: left;
  width: 23%;
  height: 100%;
  font-weight: normal;
}
body.blog:not(.knowledgebase) #post-content .post dl dd {
  float: right;
  position: relative;
  width: 72%;
  clear: right;
  margin: 0 10px 20px 0;
  padding: 5px 0 5px 3%;
  border-left: 2px solid #f6f6f7;
}
body.blog:not(.knowledgebase) #post-content .post dl dd p {
  width: 95%;
  margin: 0 0 0 5%;
}
body.blog:not(.knowledgebase) #post-content .post blockquote {
  border-left: 2px solid #5d5d66;
  margin-top: 2em !important;
  margin-bottom: 40px !important;
  font-style: italic;
}
body.blog:not(.knowledgebase) #post-content .post blockquote p {
  font-size: 1em;
  margin-bottom: 10px;
  font-style: italic;
  color: #5d5d66;
  padding-left: 0 !important;
  display: inline;
}
body.blog:not(.knowledgebase) #post-content .post blockquote small {
  font-size: 1em;
  margin-bottom: 10px;
  font-style: italic;
}
body.blog:not(.knowledgebase) #post-content .post blockquote.large {
  border-left: none;
  padding: 0 !important;
  text-align: center;
  width: 120%;
  margin: 0 auto 40px -10%;
}
body.blog:not(.knowledgebase) #post-content .post blockquote.large:before,
body.blog:not(.knowledgebase) #post-content .post blockquote.large:after {
  content: '';
  display: block;
  height: 1px;
  width: 50%;
  margin: 0 auto;
  background-color: #deeffc;
}
body.blog:not(.knowledgebase) #post-content .post blockquote.large:before {
  margin-bottom: 30px;
}
body.blog:not(.knowledgebase) #post-content .post blockquote.large:after {
  margin-top: 30px;
}
body.blog:not(.knowledgebase) #post-content .post blockquote.large p {
  font-style: normal;
  text-align: center;
  color: #5d5d66;
}
body.blog:not(.knowledgebase) #post-content .post blockquote.large cite {
  display: block;
  line-height: 1.5em;
  font-size: 0.7em;
  padding-top: 10px;
}
@media only screen and (max-width: 850px) {
  body.blog:not(.knowledgebase) #post-content .post blockquote.large {
    width: 100%;
    margin-left: auto;
  }
}
body.blog:not(.knowledgebase) #post-content .post iframe {
  border: 1px solid #ccc;
  margin: 20px 0;
  width: 100%;
  height: 600px;
}
body.blog:not(.knowledgebase) #post-content .post .faux-iframe {
  margin: 20px 0;
  width: 100%;
  height: 600px;
}
body.blog:not(.knowledgebase) #post-content .post .faux-iframe iframe {
  margin: 0;
}
body.blog:not(.knowledgebase) #post-content .post .fluid-width-video-wrapper iframe {
  height: 100%;
}
body.blog:not(.knowledgebase) #post-content .post .pullout {
  min-height: 50px;
  display: inline-block;
  padding: 20px 40px;
  width: 100%;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #f6f6f7;
  -webkit-box-shadow: 0 0 10px 2px #f6f6f7;
  -moz-box-shadow: 0 0 10px 2px #f6f6f7;
  box-shadow: 0 0 10px 2px #f6f6f7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
body.blog:not(.knowledgebase) #post-content .post .pullout strong {
  color: #7856ff;
  display: block;
  margin-bottom: 10px;
}
body.blog:not(.knowledgebase) #post-content .post .bigbutton {
  float: left;
  display: inline-block;
  margin-right: 20px;
  height: 44px;
  padding: 0 25px;
  font-size: 0.7222em;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 600;
  color: #7856ff;
  border: 2px solid #7856ff;
  text-decoration: none;
  letter-spacing: 0.05em;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px 0px rgba(15, 154, 222, 0.2);
  -moz-box-shadow: 0 1px 1px 0px rgba(15, 154, 222, 0.2);
  box-shadow: 0 1px 1px 0px rgba(15, 154, 222, 0.2);
}
body.blog:not(.knowledgebase) #post-content .post .bigbutton:hover {
  color: #8c6fff;
  border: 2px solid #8c6fff;
}
body.blog:not(.knowledgebase) #post-content .post .bigbutton:active {
  position: relative;
  top: 1px;
  color: #8c6fff;
  border: 2px solid #8c6fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
body.blog:not(.knowledgebase) #post-content .post .bigbutton.green {
  color: #2a2941;
  border: 2px solid #2a2941;
  -webkit-box-shadow: 0 1px 1px 0px rgba(24, 82, 124, 0.2);
  -moz-box-shadow: 0 1px 1px 0px rgba(24, 82, 124, 0.2);
  box-shadow: 0 1px 1px 0px rgba(24, 82, 124, 0.2);
}
body.blog:not(.knowledgebase) #post-content .post .bigbutton.green:hover {
  color: #161522;
  border: 2px solid #161522;
}
body.blog:not(.knowledgebase) #post-content .post .bigbutton.green:active {
  color: #020202;
  border: 2px solid #020202;
}
body.blog:not(.knowledgebase) #post-content .post .bigbutton.download {
  padding-right: 45px;
}
body.blog:not(.knowledgebase) #post-content .post .bigbutton.download:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 25px;
  width: 12px;
  height: 14px;
  margin-top: -7px;
  background-image: url(../png/download-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 14px;
}
body.blog:not(.knowledgebase) #post-content .post .tooltip {
  display: inline;
  position: relative;
  z-index: 999;
}
body.blog:not(.knowledgebase) #post-content .post .tooltip-item {
  cursor: pointer;
  color: inherit;
  border-bottom: 1px dotted;
  padding-bottom: 1px;
}
body.blog:not(.knowledgebase) #post-content .post .tooltip-item a {
  color: inherit;
}
body.blog:not(.knowledgebase) #post-content .post .tooltip-item::after {
  content: '';
  position: absolute;
  width: 360px;
  height: 20px;
  bottom: 100%;
  left: 50%;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.blog:not(.knowledgebase) #post-content .post .tooltip:hover .tooltip-item::after {
  pointer-events: auto;
}
body.blog:not(.knowledgebase) #post-content .post .tooltip-content {
  position: absolute;
  z-index: 9999;
  width: 360px;
  left: 50%;
  margin: 0 0 20px -180px;
  bottom: 100%;
  text-align: left;
  -webkit-box-shadow: -5px -5px 15px 0px rgba(48, 54, 61, 0.2);
  -moz-box-shadow: -5px -5px 15px 0px rgba(48, 54, 61, 0.2);
  box-shadow: -5px -5px 15px 0px rgba(48, 54, 61, 0.2);
  background: #2a3035;
  opacity: 0;
  cursor: default;
  pointer-events: none;
  -webkit-transform: translate3d(0, -10px, 0);
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -o-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -webkit-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
body.blog:not(.knowledgebase) #post-content .post .tooltip:hover .tooltip-content {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
  -moz-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
  -ms-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
  -o-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
  transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}
body.blog:not(.knowledgebase) #post-content .post .tooltip.tooltip-effect-2:hover .tooltip-content {
  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  -moz-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  -ms-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  -o-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}
body.blog:not(.knowledgebase) #post-content .post .tooltip-content::after {
  content: '';
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #2a3035;
  border-width: 10px;
  margin-left: -10px;
}
body.blog:not(.knowledgebase) #post-content .post .tooltip-content img {
  position: relative;
  height: 150px;
  display: block;
  float: left;
  margin-right: 1em;
}
body.blog:not(.knowledgebase) #post-content .post .tooltip-text {
  display: block;
  padding: 1.31em 1.21em 1.21em 1.31em;
  color: #fff;
}
body.blog:not(.knowledgebase) #post-content .post .tooltip-effect-5 .tooltip-text {
  padding: 1.4em;
}
body.blog:not(.knowledgebase) #post-content .post .tooltip-text a {
  font-weight: bold;
}
body.blog:not(.knowledgebase) #post-content .post .tooltip:hover .tooltip {
  display: none !important;
}
body.blog:not(.knowledgebase) #post-content .post .draw.browser {
  border: 1px solid #ececed;
  position: relative;
  overflow: hidden;
  display: table;
  margin: 20px auto;
}
body.blog:not(.knowledgebase) #post-content .post .draw.browser .bar {
  height: 16px;
  width: 100%;
  padding-left: 7px;
  background-color: #ffffff;
  border-bottom: 1px solid #ececed;
}
@media only screen and (max-width: 420px) {
  body.blog:not(.knowledgebase) #post-content .post .draw.browser .bar {
    height: 8px;
    padding-left: 4px;
  }
}
body.blog:not(.knowledgebase) #post-content .post .draw.browser .bar .dot {
  height: 6px;
  width: 6px;
  margin: 5px 5px 0 0;
  float: left;
  display: inline-block;
  background-color: #ececed;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
@media only screen and (max-width: 420px) {
  body.blog:not(.knowledgebase) #post-content .post .draw.browser .bar .dot {
    height: 3px;
    width: 3px;
    margin: 2px 2px 0 0;
  }
}
body.blog:not(.knowledgebase) #post-content .post .draw.browser .screen {
  text-align: center;
  line-height: 0;
}
body.blog:not(.knowledgebase) #post-content .post .draw.browser .screen img {
  margin: 0;
  display: inline-block;
}
body.blog:not(.knowledgebase) #post-content .post .draw.laptop {
  border: 2px solid #ececed;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
}
body.blog:not(.knowledgebase) #post-content .post .draw.laptop .camera {
  width: 1.2%;
  height: 2%;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #ececed;
  position: absolute;
  top: 2.6%;
  left: 50%;
  margin-left: -0.6%;
}
body.blog:not(.knowledgebase) #post-content .post .draw.laptop .surround {
  width: 94%;
  height: 83.6%;
  border: 1px solid #ececed;
  left: 50%;
  top: 6.4%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  overflow: hidden;
}
body.blog:not(.knowledgebase) #post-content .post .draw.laptop .base {
  border: 2px solid #ececed;
  -khtml-border-radius: 15px 15px 60px 60px;
  -moz-border-radius: 15px 15px 60px 60px;
  -webkit-border-radius: 15px 15px 60px 60px;
  border-radius: 15px 15px 60px 60px;
  height: 6.4%;
  width: 120%;
  background-color: #ffffff;
  position: absolute;
  bottom: -2px;
  left: -10%;
}
body.blog:not(.knowledgebase) #post-content .post .draw.laptop .base .handle {
  width: 11.6%;
  height: 35%;
  -khtml-border-radius: 0 0 60px 60px;
  -moz-border-radius: 0 0 60px 60px;
  -webkit-border-radius: 0 0 60px 60px;
  border-radius: 0 0 60px 60px;
  border: 1px solid #ececed;
  border-top: none;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.blog:not(.knowledgebase) #post-content .post .draw.email .emailhead {
  height: 40px;
  padding: 12px;
  border-bottom: 1px solid #ececed;
}
@media only screen and (max-width: 420px) {
  body.blog:not(.knowledgebase) #post-content .post .draw.email .emailhead {
    height: 20px;
    padding: 6px;
  }
}
body.blog:not(.knowledgebase) #post-content .post .draw.email .profile {
  display: block;
  float: left;
  height: 16px;
  width: 16px;
  -khtml-border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background-color: #ececed;
}
@media only screen and (max-width: 420px) {
  body.blog:not(.knowledgebase) #post-content .post .draw.email .profile {
    height: 8px;
    width: 8px;
  }
}
body.blog:not(.knowledgebase) #post-content .post .draw.email .lines {
  display: block;
  float: left;
  height: 16px;
  padding: 2px 0 2px 10px;
}
@media only screen and (max-width: 420px) {
  body.blog:not(.knowledgebase) #post-content .post .draw.email .lines {
    height: 8px;
    padding: 1px 0 1px 5px;
  }
}
body.blog:not(.knowledgebase) #post-content .post .draw.email .lines .line {
  display: block;
  height: 4px;
  float: left;
  background-color: #ececed;
}
body.blog:not(.knowledgebase) #post-content .post .draw.email .lines .line.one {
  width: 56px;
  margin-right: 4px;
  margin-bottom: 4px;
}
body.blog:not(.knowledgebase) #post-content .post .draw.email .lines .line.two {
  width: 95px;
  margin-bottom: 4px;
}
body.blog:not(.knowledgebase) #post-content .post .draw.email .lines .line.three {
  width: 60px;
  margin-right: 4px;
  clear: left;
}
body.blog:not(.knowledgebase) #post-content .post .draw.email .lines .line.four {
  width: 86px;
}
@media only screen and (max-width: 420px) {
  body.blog:not(.knowledgebase) #post-content .post .draw.email .lines .line {
    height: 2px;
  }
  body.blog:not(.knowledgebase) #post-content .post .draw.email .lines .line.one {
    width: 28px;
    margin-right: 2px;
    margin-bottom: 2px;
  }
  body.blog:not(.knowledgebase) #post-content .post .draw.email .lines .line.two {
    width: 47px;
    margin-bottom: 2px;
  }
  body.blog:not(.knowledgebase) #post-content .post .draw.email .lines .line.three {
    width: 30px;
    margin-right: 2px;
  }
  body.blog:not(.knowledgebase) #post-content .post .draw.email .lines .line.four {
    width: 43px;
  }
}
body.blog:not(.knowledgebase) #post-content .post .draw.email .subject {
  display: block;
  height: 16px;
  padding-left: 28px;
  font-size: 1.2em;
  line-height: 1.335em;
  color: #96a2ae;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 520px) {
  body.blog:not(.knowledgebase) #post-content .post .draw.email .subject {
    font-size: 0.7em;
    line-height: 1.335em;
    padding-left: 24px;
  }
}
body.blog:not(.knowledgebase) #post-content .post .draw.email .subject strong {
  font-size: 0.7em;
  font-weight: 600;
  color: #f6f6f7;
  padding-right: 6px;
}
@media only screen and (max-width: 520px) {
  body.blog:not(.knowledgebase) #post-content .post .draw.email .subject strong {
    padding-right: 3px;
  }
}
body.blog:not(.knowledgebase) #post-content .post .draw.iphone {
  border: 1px solid #ececed;
  -khtml-border-radius: 28px;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  -webkit-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  -moz-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  position: relative;
  height: auto;
  background-color: #ffffff;
  padding: 50px 10px;
  margin: 20px auto;
  max-width: 280px;
}
@media only screen and (max-width: 585px) {
  body.blog:not(.knowledgebase) #post-content .post .draw.iphone {
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
  }
}
body.blog:not(.knowledgebase) #post-content .post .draw.iphone .camera {
  width: 8px;
  height: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #ececed;
  position: absolute;
  top: 12px;
  left: 50%;
  margin-left: -4px;
}
body.blog:not(.knowledgebase) #post-content .post .draw.iphone .speaker {
  height: 5px;
  width: 30px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ececed;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -15px;
}
body.blog:not(.knowledgebase) #post-content .post .draw.iphone .screen {
  border: 1px solid #ececed;
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  height: 440px;
  overflow: hidden;
}
body.blog:not(.knowledgebase) #post-content .post .draw.iphone .screen img {
  margin: 0;
}
body.blog:not(.knowledgebase) #post-content .post .draw.iphone .homebutton {
  width: 30px;
  height: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  border: 1px solid #ececed;
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -15px;
}
body.blog:not(.knowledgebase) #post-content .post .draw.ipad {
  border: 2px solid #ececed;
  -khtml-border-radius: 28px;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  -webkit-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  -moz-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  position: relative;
  height: 100%;
  background-color: #f7f8f9;
}
@media only screen and (max-width: 585px) {
  body.blog:not(.knowledgebase) #post-content .post .draw.ipad {
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
  }
}
body.blog:not(.knowledgebase) #post-content .post .draw.ipad .camera {
  width: 1.3%;
  height: 1.84%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #ececed;
  position: absolute;
}
body.blog:not(.knowledgebase) #post-content .post .draw.ipad .screen {
  border: 1px solid #ececed;
  position: absolute;
  overflow: hidden;
}
body.blog:not(.knowledgebase) #post-content .post .draw.ipad .homebutton {
  width: 4.8%;
  height: 6.78%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #ececed;
  position: absolute;
}
body.blog:not(.knowledgebase) #post-content .post .draw.ipad.portrait .camera {
  top: 1.8%;
  left: 50%;
  margin-left: -0.92%;
}
body.blog:not(.knowledgebase) #post-content .post .draw.ipad.portrait .screen {
  top: 6.616%;
  left: 4.82%;
  width: 90.4%;
  height: 82.4%;
}
body.blog:not(.knowledgebase) #post-content .post .draw.ipad.portrait .homebutton {
  bottom: 12px;
  left: 50%;
  margin-left: -15px;
}
body.blog:not(.knowledgebase) #post-content .post .draw.ipad.landscape .camera {
  left: 1.8%;
  top: 50%;
  margin-top: -0.94%;
}
body.blog:not(.knowledgebase) #post-content .post .draw.ipad.landscape .screen {
  top: 6.616%;
  left: 4.82%;
  width: 87.8%;
  height: 86.8%;
}
body.blog:not(.knowledgebase) #post-content .post .draw.ipad.landscape .homebutton {
  right: 1.4%;
  top: 50%;
  margin-top: -3.39%;
}
body.blog:not(.knowledgebase) #post-content .post .draw.join {
  position: relative;
  width: 94%;
  margin: 20px auto;
}
body.blog:not(.knowledgebase) #post-content .post .draw.join .browser {
  margin: 0;
  max-width: 76%;
  display: block;
  height: 90vw;
  max-height: 750px;
}
body.blog:not(.knowledgebase) #post-content .post .draw.join .iphone {
  width: 31%;
  height: 51vw;
  position: absolute;
  bottom: 0;
  right: 0;
}
body.blog:not(.knowledgebase) #post-content .post .gallery {
  position: relative;
  overflow: hidden;
  margin: 20px 0 40px;
}
body.blog:not(.knowledgebase) #post-content .post .gallery > img {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  margin: 0;
}
body.blog:not(.knowledgebase) #post-content .post .gallery br {
  display: none;
}
body.blog:not(.knowledgebase) #post-content .post .gallery dl.gallery-item {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
}
body.blog:not(.knowledgebase) #post-content .post .gallery dl.gallery-item dt.gallery-icon {
  width: 100%;
}
body.blog:not(.knowledgebase) #post-content .post .gallery dl.gallery-item dt.gallery-icon img {
  margin: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
body.blog:not(.knowledgebase) #post-content .post .gallery dl.gallery-item.current dt.gallery-icon img {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
body.blog:not(.knowledgebase) #post-content .body-cta.feature-cta {
  padding: 24px;
  width: 100%;
  background: #7856FF;
  color: #ffffff;
  float: left;
  margin: 0 24px 24px 0;
  border-radius: 2px;
  position: relative;
}
body.blog:not(.knowledgebase) #post-content .body-cta.feature-cta h6,
body.blog:not(.knowledgebase) #post-content .body-cta.feature-cta p,
body.blog:not(.knowledgebase) #post-content .body-cta.feature-cta a {
  color: #fff;
}
body.blog:not(.knowledgebase) #post-content .body-cta.feature-cta img {
  margin: 0 0 16px 0;
}
body.blog:not(.knowledgebase) #post-content .body-cta.feature-cta h6 {
  font-size: 24px;
  margin-bottom: 16px;
}
body.blog:not(.knowledgebase) #post-content .body-cta.feature-cta p {
  margin-bottom: 20px;
}
body.blog:not(.knowledgebase) #post-content .body-cta.feature-cta a {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
  display: block;
}
body.blog:not(.knowledgebase) #post-content .body-cta.feature-cta:hover .cta-arrow-right:after {
  margin-left: 30px;
}
body.blog:not(.knowledgebase) #post-content .body-cta.case-study-cta {
  background: #2A2941;
  padding: 16px;
  margin-bottom: 20px;
  display: flex;
  color: #fff;
  border-radius: 2px;
  position: relative;
}
@media screen and (max-width: 756px) {
  body.blog:not(.knowledgebase) #post-content .body-cta.case-study-cta {
    flex-direction: column;
  }
}
body.blog:not(.knowledgebase) #post-content .body-cta.case-study-cta .cta-logo {
  background: #7856FF;
  margin-right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 756px) {
  body.blog:not(.knowledgebase) #post-content .body-cta.case-study-cta .cta-logo {
    width: 100%;
    margin-bottom: 16px;
  }
}
body.blog:not(.knowledgebase) #post-content .body-cta.case-study-cta .cta-logo img {
  margin: 5px;
  height: 120px;
  width: 120px;
  object-fit: contain;
}
body.blog:not(.knowledgebase) #post-content .body-cta.case-study-cta .cta-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  justify-content: space-evenly;
}
body.blog:not(.knowledgebase) #post-content .body-cta.case-study-cta .cta-details .eyebrow {
  font-size: 10px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  margin-bottom: 6px;
  margin-left: 0;
}
body.blog:not(.knowledgebase) #post-content .body-cta.case-study-cta .cta-details h5 {
  color: #fff;
}
body.blog:not(.knowledgebase) #post-content .body-cta.case-study-cta .cta-details a {
  color: #51CFDB;
  font-size: 16px;
}
body.blog:not(.knowledgebase) #post-content .body-cta.case-study-cta:hover .cta-arrow-right-long:after {
  margin-left: 20px;
}
body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #7856FF;
  color: #fff;
  padding: 24px 32px;
  margin-bottom: 32px;
  border-radius: 2px;
  position: relative;
}
body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta img {
  width: 56px;
}
@media screen and (max-width: 756px) {
  body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta {
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
  body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta img {
    margin: 0 0 16px 0;
    align-self: flex-start;
    width: 24px;
  }
}
@media screen and (min-width: 757px) {
  body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta img {
    margin: 0;
  }
}
body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta .body-cta-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #fff;
  margin-left: 32px;
  max-width: 360px;
}
@media screen and (max-width: 756px) {
  body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta .body-cta-wrapper {
    margin-left: 0;
    margin-bottom: 16px;
  }
}
body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta .body-cta-wrapper img {
  margin-bottom: 24px;
  align-self: center;
}
body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta .body-cta-wrapper h3 {
  color: #fff;
  font-size: 24px;
  text-align: left;
  margin-top: 0;
  font-weight: 500;
}
body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta .body-cta-wrapper p {
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  color: #fff;
  margin-bottom: 0;
}
body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta .industries-cta-link {
  border-bottom: 1px solid #ffffff;
  width: fit-content;
  padding-bottom: 6px;
  font-size: 16px;
  color: #ffffff;
  margin-left: auto;
  margin-right: 8px;
  transition: all 300ms;
}
@media screen and (max-width: 756px) {
  body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta .industries-cta-link {
    margin-left: 0;
  }
}
body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta .industries-cta-link:after {
  content: url(../svg/arrow-right-long-white.svg);
  margin-left: 16px;
  vertical-align: middle;
}
body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta:hover .industries-cta-link {
  margin-right: 0;
}
body.blog:not(.knowledgebase) #post-content .body-cta.industries-cta:hover .industries-cta-link:after {
  margin-left: 24px;
}
body.blog:not(.knowledgebase) #post-content .body-cta .cta-arrow-right:after {
  content: url(../svg/arrow-right.svg);
  margin-left: 24px;
  vertical-align: middle;
}
body.blog:not(.knowledgebase) #post-content .body-cta .cta-arrow-right-long {
  border-bottom: 1px solid #51CFDB;
  width: fit-content;
  padding-bottom: 6px;
}
body.blog:not(.knowledgebase) #post-content .body-cta .cta-arrow-right-long:after {
  content: url(../svg/arrow-right-long.svg);
  margin-left: 16px;
  vertical-align: middle;
}
body.blog:not(.knowledgebase) #post-content .body-cta a:after {
  transition: all 300ms;
}
body.blog:not(.knowledgebase) #post-content .body-cta a:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
body.blog:not(.knowledgebase) #post-content #embed_code {
  margin-bottom: 30px;
  display: none;
}
body.blog:not(.knowledgebase) #post-content #embed_code textarea {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #ececed;
  background-color: #f6f6f7;
  color: #5d5d66;
  font-size: 1.4em;
  line-height: 1.2em;
  resize: none;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
body.blog:not(.knowledgebase) #chapters {
  top: 60px;
}
@media screen and (max-width: 756px) {
  body.blog:not(.knowledgebase) #chapters {
    display: none!important;
  }
}
body.blog:not(.knowledgebase) #chapters.sticky {
  position: fixed;
  top: 100px;
}
body.blog:not(.knowledgebase) #chapters.sticky .sidebar-cta img {
  opacity: 0;
  pointer-events: none;
}
body.blog:not(.knowledgebase) #chapters.stuck {
  position: absolute;
  top: auto;
  bottom: 200px;
}
body.blog:not(.knowledgebase) #chapters .container {
  max-width: 1300px;
  margin: 0 auto;
}
body.blog:not(.knowledgebase) #chapters .container.inner > * {
  margin-right: 100px;
}
@media screen and (max-width: 1400px) {
  body.blog:not(.knowledgebase) #chapters .container.inner > * {
    margin-right: 24px;
  }
}
@media screen and (max-width: 1200px) {
  body.blog:not(.knowledgebase) #chapters .container.inner > * {
    float: left;
  }
}
body.blog:not(.knowledgebase) #chapters #pagelinks {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
body.blog:not(.knowledgebase) #chapters #socialBound {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body.blog:not(.knowledgebase) #chapters #socialBound {
  text-align: center;
}
body.blog:not(.knowledgebase) #chapters #socialBound a:first-child {
  margin-left: 0 !important;
}
body.blog:not(.knowledgebase) #chapters .sidebar-cta {
  position: relative;
  width: 240px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 2px;
  border: none;
  box-shadow: 0px 3px 0px 0px #f7f8f9;
  margin-bottom: 15px;
  margin-right: 20px;
  color: #000;
  clear: both;
  float: right;
  pointer-events: auto;
  text-align: center;
}
@media screen and (max-width: 770px) {
  body.blog:not(.knowledgebase) #chapters .sidebar-cta {
    display: none;
  }
}
body.blog:not(.knowledgebase) #chapters .sidebar-cta img {
  width: 100%;
  height: auto;
  opacity: 1;
  transition: all 150ms;
}
body.blog:not(.knowledgebase) #chapters .sidebar-cta .headline {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
  transition: all 300ms;
  margin-top: 0;
}
body.blog:not(.knowledgebase) #chapters .sidebar-cta a {
  background-color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  color: #000;
  border-radius: 24px;
  padding: 8px 16px;
  display: block;
  line-height: 1.8;
}
body.blog:not(.knowledgebase) #chapters .sidebar-cta.primary-cta {
  background-color: #51CFDB;
}
body.blog:not(.knowledgebase) #chapters .sidebar-cta.secondary-cta {
  background-color: #65B9FF;
}
body.blog:not(.knowledgebase) #chapters .sidebar-cta.secondary-cta h6 {
  font-size: 16px;
  line-height: 100%;
}
body.blog:not(.knowledgebase) #chapters .sidebar-cta.secondary-cta p {
  text-align: center;
  font-size: 1.6em;
}
body.blog:not(.knowledgebase) #chapters .sidebar-cta.secondary-cta a {
  z-index: 10;
}
body.blog:not(.knowledgebase) #chapters .bookmark-cta {
  background: #fff;
  border-top: 1px solid #ECECED;
  border-bottom: 1px solid #ECECED;
  width: 240px;
  margin-bottom: 15px;
  margin-right: 20px;
  clear: both;
  float: right;
  pointer-events: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  padding: 0 20px;
}
@media screen and (max-width: 770px) {
  body.blog:not(.knowledgebase) #chapters .bookmark-cta {
    display: none;
  }
}
body.blog:not(.knowledgebase) #chapters .bookmark-cta .bookmark-cta-text {
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 16px;
  width: 80%;
}
body.blog:not(.knowledgebase) #author-box {
  max-width: 750px;
  width: unset;
  margin: 0 auto 40px 100px;
  position: relative;
  background-color: #f6f6f7;
  border: 1px solid #f6f6f7;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 0px 3px #f6f6f7;
  -moz-box-shadow: 0 0 0px 3px #f6f6f7;
  box-shadow: 0 0 0px 3px #f6f6f7;
  padding: 20px;
}
@media screen and (max-width: 1400px) {
  body.blog:not(.knowledgebase) #author-box {
    margin-left: 24px;
    margin-right: 24px;
  }
}
body.blog:not(.knowledgebase) #author-box .details .profile-image {
  float: left;
  margin-right: 20px;
}
body.blog:not(.knowledgebase) #author-box .details .profile-image img {
  height: 48px;
  width: auto;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
body.blog:not(.knowledgebase) #author-box .details .profile-name .subline {
  color: #5d5d66;
  font-size: 1.2em;
  line-height: 1.5em;
  text-transform: uppercase;
  display: block;
}
body.blog:not(.knowledgebase) #author-box .details .profile-name .name {
  color: #111324;
  font-size: 2em;
  line-height: 1.5em;
  font-weight: 600;
  display: block;
}
body.blog:not(.knowledgebase) #author-box .byline {
  clear: both;
  font-size: 1.6em;
  line-height: 1.4em;
  margin-top: 20px;
  color: #5d5d66;
}
body.blog:not(.knowledgebase) #author-box .byline p {
  font-size: 1em;
}
body.blog:not(.knowledgebase) #author-box .profile-links {
  margin-top: 15px;
}
body.blog:not(.knowledgebase) #author-box .profile-links a {
  font-size: 1.2em;
  padding-right: 20px;
}
body.blog:not(.knowledgebase) #cta-box,
body.blog:not(.knowledgebase) #subscribe-box {
  max-width: 748px;
  width: 90%;
  min-height: 253px;
  text-align: center;
  margin: 0 auto 40px;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 0px 3px #f6f6f7;
  -moz-box-shadow: 0 0 0px 3px #f6f6f7;
  box-shadow: 0 0 0px 3px #f6f6f7;
}
body.blog:not(.knowledgebase) #cta-box .overlay,
body.blog:not(.knowledgebase) #subscribe-box .overlay {
  background-color: #000;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
body.blog:not(.knowledgebase) #cta-box a,
body.blog:not(.knowledgebase) #subscribe-box a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 40px 0;
  position: relative;
}
body.blog:not(.knowledgebase) #cta-box .title,
body.blog:not(.knowledgebase) #subscribe-box .title {
  display: block;
  width: 71%;
  margin: 0 auto 10px;
  color: #ffffff;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);
  font-size: 2.8em;
  line-height: 1.4em;
  font-weight: 400;
}
@media only screen and (max-width: 650px) {
  body.blog:not(.knowledgebase) #cta-box .title,
  body.blog:not(.knowledgebase) #subscribe-box .title {
    width: 90%;
  }
}
body.blog:not(.knowledgebase) #cta-box .blurb,
body.blog:not(.knowledgebase) #subscribe-box .blurb {
  display: block;
  width: 68%;
  margin: 0 auto 15px;
  font-size: 1.6em;
  line-height: 1.625em;
  color: #ffffff;
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.4);
  letter-spacing: 0.3px;
}
@media only screen and (max-width: 460px) {
  body.blog:not(.knowledgebase) #cta-box .blurb,
  body.blog:not(.knowledgebase) #subscribe-box .blurb {
    width: 90%;
  }
}
body.blog:not(.knowledgebase) #cta-box .cta-btn,
body.blog:not(.knowledgebase) #subscribe-box .cta-btn {
  display: inline-block;
  height: 44px;
  padding: 0 25px;
  margin: 0 auto;
  font-size: 1.3em;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
  border: 2px solid #ffffff;
  text-decoration: none;
  letter-spacing: 0.05em;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 2px 2px 1px 0px rgba(0, 0, 0, 0.2), '';
  -webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 2px 2px 1px 0px rgba(0, 0, 0, 0.2), '';
  box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 2px 2px 1px 0px rgba(0, 0, 0, 0.2), '';
}
body.blog:not(.knowledgebase) #cta-box a:hover .cta-btn,
body.blog:not(.knowledgebase) #subscribe-box a:hover .cta-btn {
  color: #e6e6e6;
  border: 2px solid #e6e6e6;
}
body.blog:not(.knowledgebase) #cta-box a:active .cta-btn,
body.blog:not(.knowledgebase) #subscribe-box a:active .cta-btn {
  position: relative;
  top: 1px;
  color: #cccccc;
  border: 2px solid #cccccc;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
body.blog:not(.knowledgebase) #bigForm,
body.blog:not(.knowledgebase) #contentPromo {
  display: none;
  /* Code in single.php detects if this exists and displays the new version */
}
body.blog:not(.knowledgebase) #disqus_thread {
  max-width: 600px;
  width: 90%;
  margin: 80px auto 0;
  padding-bottom: 80px;
  font-size: 0px;
}
body.blog:not(.knowledgebase) #sticky-subscribe {
  -webkit-box-shadow: 0 -1px 5px -2px rgba(204, 204, 204, 0.7);
  -moz-box-shadow: 0 -1px 5px -2px rgba(204, 204, 204, 0.7);
  box-shadow: 0 -1px 5px -2px rgba(204, 204, 204, 0.7);
  border-top: 1px solid #f6f6f7;
  width: 100%;
  position: fixed;
  bottom: -85px;
  left: 0;
  z-index: 9999;
  background: #ffffff;
  padding: 16px 0 14px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
body.blog:not(.knowledgebase) #sticky-subscribe.visible {
  bottom: 0;
}
@media only screen and (max-width: 790px) {
  body.blog:not(.knowledgebase) #sticky-subscribe {
    bottom: -117px;
  }
}
@media only screen and (max-width: 568px) {
  body.blog:not(.knowledgebase) #sticky-subscribe {
    display: none;
  }
}
body.blog:not(.knowledgebase) #sticky-subscribe .blurb {
  float: left;
  font-size: 1.6em;
  line-height: 1.3em;
  font-weight: 200;
  color: #5d5d66;
}
@media only screen and (max-width: 790px) {
  body.blog:not(.knowledgebase) #sticky-subscribe .blurb {
    float: none;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 380px) {
  body.blog:not(.knowledgebase) #sticky-subscribe .blurb {
    display: none;
  }
}
body.blog:not(.knowledgebase) #sticky-subscribe .blurb span.title {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.4em;
  clear: both;
  display: block;
}
@media only screen and (max-width: 1040px) {
  body.blog:not(.knowledgebase) #sticky-subscribe .blurb span.title {
    padding: 10px 0;
  }
}
@media only screen and (max-width: 790px) {
  body.blog:not(.knowledgebase) #sticky-subscribe .blurb span.title {
    padding: 0;
  }
}
body.blog:not(.knowledgebase) #sticky-subscribe .blurb span.desc {
  clear: both;
  display: block;
}
@media only screen and (max-width: 1040px) {
  body.blog:not(.knowledgebase) #sticky-subscribe .blurb span.desc {
    display: none;
  }
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form {
  float: right;
  position: relative;
}
@media only screen and (max-width: 790px) {
  body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form {
    float: none;
    padding-right: 125px;
  }
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='email'] {
  height: 40px;
  width: 235px;
  margin-right: 10px;
  border: 1px solid #f6f6f7;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 1.6em;
  line-height: 40px;
  color: #5d5d66;
  font-weight: 200;
  padding: 0 15px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 790px) {
  body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='email'] {
    width: 100%;
  }
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='email']::-webkit-input-placeholder {
  color: #f6f6f7;
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='email']:-moz-placeholder {
  color: #f6f6f7;
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='email']::-moz-placeholder {
  color: #f6f6f7;
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='email']:-ms-input-placeholder {
  color: #f6f6f7;
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='email']:focus {
  border: 1px solid #5d5d66;
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='email'].error {
  border: 1px solid #c67d7d;
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='email'].error::-webkit-input-placeholder {
  color: #c67d7d;
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='email'].error:-moz-placeholder {
  color: #c67d7d;
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='email'].error::-moz-placeholder {
  color: #c67d7d;
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='email'].error:-ms-input-placeholder {
  color: #c67d7d;
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form #check-alive {
  display: none;
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='submit'] {
  padding: 8px 18px 9px;
}
@media only screen and (max-width: 790px) {
  body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='submit'] {
    position: absolute;
    right: 0;
    top: 0;
  }
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form input[type='submit']:active {
  padding: 9px 18px 8px;
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form .message {
  height: 40px;
  padding: 0 20px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: right;
  font-size: 1.6em;
  line-height: 38px;
  font-weight: 200;
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form .message.success {
  border: 1px solid #7EBD26;
  background: #f4ffe4;
  color: #7EBD26;
}
body.blog:not(.knowledgebase) #sticky-subscribe #subscribe-sticky-form .message.error {
  border: 1px solid #5d5d66;
  background: #8e8e94;
  color: #5d5d66;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
body.blog:not(.knowledgebase) #sticky-subscribe #close-sticky {
  position: absolute;
  top: -10px;
  right: 30px;
  width: 22px;
  height: 22px;
  -khtml-border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #f6f6f7;
  background: #ffffff;
  color: #f6f6f7;
  font-size: 1.2em;
  text-align: center;
  line-height: 20px;
  -webkit-box-shadow: 0 -1px 5px -2px rgba(204, 204, 204, 0.7);
  -moz-box-shadow: 0 -1px 5px -2px rgba(204, 204, 204, 0.7);
  box-shadow: 0 -1px 5px -2px rgba(204, 204, 204, 0.7);
  cursor: pointer;
  text-indent: -9999em;
  overflow: hidden;
  background-image: url(../png/stickyfooter_x.png);
  background-size: 20px 40px;
  background-position: 0px 0px;
}
@media only screen and (max-width: 790px) {
  body.blog:not(.knowledgebase) #sticky-subscribe #close-sticky {
    top: 10px;
    right: 6%;
  }
}
@media only screen and (max-width: 380px) {
  body.blog:not(.knowledgebase) #sticky-subscribe #close-sticky {
    top: -10px;
  }
}
body.blog:not(.knowledgebase) #sticky-subscribe #close-sticky:hover {
  border: 1px solid #5d5d66;
  color: #5d5d66;
  background-position: 0px -20px;
}
body.blog:not(.knowledgebase) section#signup .inner {
  max-width: 1000px;
}
body.blog:not(.knowledgebase) table {
  margin: 40px auto 30px;
  width: 100% !important;
  border: 1px solid #ececed;
  border-collapse: collapse;
  border-bottom: none;
}
body.blog:not(.knowledgebase) table.float {
  float: left;
}
body.blog:not(.knowledgebase) table th {
  padding: 14px 20px;
  font-size: 1.6em;
  line-height: 2em;
  color: #111324;
  text-align: center;
}
body.blog:not(.knowledgebase) table td {
  border-bottom: 1px solid #ececed;
  text-align: left;
  padding: 14px 20px;
  font-size: 1.2em;
  line-height: 1.4em;
  color: #5d5d66;
}
body.blog:not(.knowledgebase) table td.comment {
  font-size: 1.2em;
  color: #5d5d66;
  text-align: center;
}
body.blog:not(.knowledgebase) table td.center {
  text-align: center;
}
body.blog:not(.knowledgebase) table td.green {
  background: #F6FDE4;
  border-bottom-color: #d5eb9d;
  color: #5b9510;
  border-left: 1px solid #d5eb9d;
}
body.blog:not(.knowledgebase) table td .css-comment {
  font-size: 0.6em;
}
body.blog:not(.knowledgebase) table td img {
  width: auto !important;
  margin: auto !important;
}
body.blog:not(.knowledgebase) table tr.header {
  background: #ececed;
}
body.blog:not(.knowledgebase) table tr.header td {
  padding: 10px 0 10px 6px;
  font-size: 1.2em;
}
body.blog:not(.knowledgebase) table tr.inset {
  color: #5d5d66;
}
body.blog:not(.knowledgebase) table tr.inset td.element-style.inset {
  padding-left: 20px;
}
body.blog:not(.knowledgebase) table tr.green td {
  color: #111324;
  background: #F6FDE4;
}
body.blog:not(.knowledgebase) table tr:hover {
  background: #ececed;
}
body.blog:not(.knowledgebase) table tr:hover.green td,
body.blog:not(.knowledgebase) table tr:hover td.green {
  background: #eefbcc;
}
body.blog:not(.knowledgebase) table tr:hover td.no-hl {
  background: #ffffff;
}
body.blog:not(.knowledgebase) table thead tr,
body.blog:not(.knowledgebase) table tr.header {
  background: #ececed;
}
body.blog:not(.knowledgebase) table thead tr td,
body.blog:not(.knowledgebase) table tr.header td {
  padding: 10px 0 10px 6px;
  font-size: 1.2em;
  font-weight: bold;
  color: #111324;
}
body.blog:not(.knowledgebase) table thead tr td.green,
body.blog:not(.knowledgebase) table tr.header td.green {
  color: #111324;
}
body.blog:not(.knowledgebase) table thead tr.slab td,
body.blog:not(.knowledgebase) table tr.header.slab td {
  border-bottom-width: 2px;
}
body.blog:not(.knowledgebase) table thead tr:hover td.green,
body.blog:not(.knowledgebase) table tr.header:hover td.green {
  background: #F6FDE4;
}
body.blog:not(.knowledgebase) table.borders td {
  border-left: 1px solid #ececed;
}
body.blog:not(.knowledgebase) table.big {
  font-size: 1.1em;
}
body.blog:not(.knowledgebase) table.big td {
  padding-top: 13px;
  padding-bottom: 13px;
}
body.blog:not(.knowledgebase) table#keyguide {
  border: none;
  margin: 0 0 20px 12%;
}
body.blog:not(.knowledgebase) table#keyguide td {
  border: none;
  width: 33%;
  padding: 10px 0 0 0;
  font-size: 1.2em;
  line-height: 1.5em;
  color: #5d5d66;
}
body.blog:not(.knowledgebase) table#keyguide td .key {
  display: inline-block;
  *display: inline;
  width: 10px;
  overflow: hidden;
  text-indent: -9000px;
  height: 10px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0 5px 0 0;
}
body.blog:not(.knowledgebase) table#keyguide td strong {
  font-weight: 600;
  color: #111324;
}
body.blog:not(.knowledgebase) table#keyguide tr:hover {
  background: none;
}
body.blog:not(.knowledgebase) pre {
  width: 100%;
  margin: 40px auto 40px auto;
  padding: 0;
  border: 1px solid #ececed;
  background: #ffffff;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-family: 'Droid Sans Mono', monospace, Courier;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3em;
  line-height: 1.6em;
  color: #111324;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  max-height: 800px;
  overflow: auto;
}
body.blog:not(.knowledgebase) pre code {
  margin: 0;
  padding: 30px 30px;
  color: #111324;
  width: 100%;
  display: block;
  line-height: 1.7em;
  font-weight: 600;
}
body.blog:not(.knowledgebase) pre code pre {
  float: none;
  width: 100%;
  padding: 0;
  border: none;
}
body.blog:not(.knowledgebase) pre .tag .title,
body.blog:not(.knowledgebase) pre .rules .property,
body.blog:not(.knowledgebase) pre .django .tag .keyword {
  font-weight: 600;
}
@media only screen and (max-width: 500px) {
  body.blog.knowledgebase section#filter-bar .right {
    min-height: 50px;
    height: auto;
  }
}
body.blog.knowledgebase #banner.single {
  width: 100%;
  background-color: #7856ff;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
body.blog.knowledgebase #banner.single .overlay {
  background-color: #000;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
body.blog.knowledgebase #banner.single h1 {
  position: absolute;
  top: 48%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
body.blog.knowledgebase #banner.single .post-data {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  width: 90%;
  max-width: 680px;
}
body.blog.knowledgebase #banner.single .post-data h1 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 4em;
  line-height: 1.19em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  margin: 0 auto 17px;
  padding: 0;
  color: #ffffff;
  margin: 20px auto 25px;
  position: static;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
@media only screen and (max-width: 767px) {
  body.blog.knowledgebase #banner.single .post-data h1 {
    font-size: 3em;
  }
}
body.blog.knowledgebase #banner.single .post-data h6 {
  color: #ffffff;
  text-align: center;
}
body.blog.knowledgebase #banner.single .post-data .author {
  font-size: 1.1em;
  line-height: 1em;
  font-weight: 600;
  text-align: center;
  display: block;
  letter-spacing: 0.1em;
  color: #ffffff;
}
body.blog.knowledgebase #banner.single .post-data .author a {
  color: #ffffff;
  font-weight: 600;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 1px;
}
body.blog.knowledgebase #blogpage-content.category {
  overflow: hidden;
  padding-top: 0;
}
body.blog.knowledgebase #blogpage-content.category .grid-container {
  padding-bottom: 0;
}
body.blog.knowledgebase #blogpage-content.single {
  overflow: hidden;
  padding-top: 2.5em;
}
body.blog.knowledgebase #blogpage-content.single .blog-disclaimer {
  max-width: 860px;
  width: 90%;
  margin: 0 auto;
  font-size: 1.3em;
  line-height: 1.46em;
  color: #5d5d66;
}
body.blog.knowledgebase #filter {
  height: 60px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  body.blog.knowledgebase #filter {
    width: 88%;
    margin: 20px auto;
    border: 1px solid #f6f6f7;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
  }
}
body.blog.knowledgebase #filter .inner {
  border-bottom: 1px solid #ececed;
  -webkit-box-shadow: 0 2px 0 0 #f6f6f7;
  -moz-box-shadow: 0 2px 0 0 #f6f6f7;
  box-shadow: 0 2px 0 0 #f6f6f7;
  margin: 0 auto;
  position: relative;
  min-width: 0;
}
@media only screen and (max-width: 767px) {
  body.blog.knowledgebase #filter .inner {
    border-bottom: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
  }
}
body.blog.knowledgebase #filter .categories {
  float: left;
}
@media only screen and (max-width: 767px) {
  body.blog.knowledgebase #filter .categories {
    float: none;
    height: 50px;
    overflow: hidden;
    padding-top: 50px;
    margin-bottom: 20px;
    /*            border: 1px solid @lightgrey;
                .rounded-corners(3px);*/
  }
}
body.blog.knowledgebase #filter .categories .label {
  font-size: 1.1em;
  line-height: 60px;
  font-weight: 600;
  color: #111324;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 960px) {
  body.blog.knowledgebase #filter .categories .label {
    display: none;
  }
}
body.blog.knowledgebase #filter .categories a {
  font-size: 1.2em;
  line-height: 60px;
  font-weight: 600;
  color: #5d5d66;
  display: inline-block;
  margin-left: 30px;
  letter-spacing: 0.05em;
}
body.blog.knowledgebase #filter .categories a:hover {
  color: #7856ff;
}
@media only screen and (max-width: 960px) {
  body.blog.knowledgebase #filter .categories a.featured {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.blog.knowledgebase #filter .categories a {
    line-height: 50px;
    display: block;
    margin: 0 auto;
    padding-left: 30px;
  }
}
body.blog.knowledgebase #filter .categories a.active {
  color: #7856ff;
}
@media only screen and (max-width: 767px) {
  body.blog.knowledgebase #filter .categories a.active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  body.blog.knowledgebase #filter .categories a.active:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 76px;
    margin-top: -5px;
    height: 10px;
    width: 20px;
    background-image: url(../png/nav-sprite.png);
    background-size: 20px 76px;
    background-repeat: no-repeat;
    background-position: 0 -56px;
  }
  body.blog.knowledgebase #filter .categories a.active:hover:after {
    background-position: 0 -66px;
  }
}
@media only screen and (max-width: 767px) and only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 767px) and only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 767px) and only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and only screen and (-o-min-device-pixel-ratio: 2), only screen and (max-width: 767px) and only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and only screen and (min-device-pixel-ratio: 2) {
  body.blog.knowledgebase #filter .categories a.active:after {
    background-image: url('../png/nav-sprite%402x.png');
  }
}
@media only screen and (max-width: 767px) {
  body.blog.knowledgebase #filter .categories a.clearState {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-indent: -9999em;
    overflow: hidden;
  }
  body.blog.knowledgebase #filter .categories a.clearState:after {
    content: 'BACK TO CATEGORY';
    position: absolute;
    top: 0;
    left: 30px;
    color: #5d5d66;
    display: inline-block;
    text-indent: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.blog.knowledgebase #filter.open .categories {
    height: auto;
    background-color: #ffffff;
    border: 1px solid #f6f6f7;
    position: absolute;
    width: 100%;
    top: -1px;
    left: -1px;
    padding: 50px 0 0;
    box-sizing: content-box;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  body.blog.knowledgebase #filter.open .categories a {
    border-top: 1px solid #f6f6f7;
  }
  body.blog.knowledgebase #filter.open .categories a.active {
    border-top: 0;
  }
  body.blog.knowledgebase #filter.open .categories a.active:after {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    right: 80px;
    background-position: 0 -32px;
  }
  body.blog.knowledgebase #filter.open .categories a.active:hover:after {
    background-position: 0 -44px;
  }
}
body.blog.knowledgebase #filter .search {
  float: right;
}
body.blog.knowledgebase #filter .search span {
  display: inline-block;
  position: relative;
  padding-right: 26px;
  font-size: 1.2em;
  line-height: 60px;
  font-weight: 600;
  color: #f6f6f7;
  letter-spacing: 0.05em;
  cursor: pointer;
}
@media only screen and (max-width: 960px) {
  body.blog.knowledgebase #filter .search span {
    text-indent: -9999em;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 767px) {
  body.blog.knowledgebase #filter .search span {
    position: absolute;
    padding-right: 0;
    top: -1px;
    right: 0;
    width: 50px;
    height: 50px;
    border-left: 1px solid #f6f6f7;
  }
}
body.blog.knowledgebase #filter .search span:after {
  content: '';
  background-image: url(../png/nav-sprite.png);
  background-size: 20px 76px;
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  body.blog.knowledgebase #filter .search span:after {
    background-image: url('../png/nav-sprite%402x.png');
  }
}
@media only screen and (max-width: 767px) {
  body.blog.knowledgebase #filter .search span:after {
    right: 50%;
    margin-right: -8px;
    margin-top: -7px;
  }
}
body.blog.knowledgebase #filter .search span:hover {
  color: #7856ff;
}
body.blog.knowledgebase #filter .search span:hover:after {
  background-position: 0px -16px;
}
body.blog.knowledgebase #filter .search form {
  display: none;
  opacity: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #7856ff;
}
body.blog.knowledgebase #filter .search form .contain {
  width: 88%;
  height: 150px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media only screen and (max-width: 1000px) {
  body.blog.knowledgebase #filter .search form .contain {
    height: 100px;
  }
}
@media only screen and (max-width: 620px) {
  body.blog.knowledgebase #filter .search form .contain {
    height: 70px;
  }
}
@media only screen and (max-width: 620px) {
  body.blog.knowledgebase #filter .search form .contain {
    height: 50px;
  }
}
body.blog.knowledgebase #filter .search form input {
  width: 100%;
  height: 150px;
  border: none;
  font-size: 8em;
  line-height: 1;
  font-weight: 200;
  background: #7856ff;
  color: #ffffff;
  border-bottom: 1px solid #b5a3ff;
}
@media only screen and (max-width: 1000px) {
  body.blog.knowledgebase #filter .search form input {
    height: 100px;
    font-size: 5em;
  }
}
@media only screen and (max-width: 620px) {
  body.blog.knowledgebase #filter .search form input {
    height: 70px;
    font-size: 3em;
  }
}
@media only screen and (max-width: 370px) {
  body.blog.knowledgebase #filter .search form input {
    height: 50px;
    font-size: 2em;
  }
}
body.blog.knowledgebase #filter .search form input::-webkit-input-placeholder {
  color: #b5a3ff;
}
body.blog.knowledgebase #filter .search form input:-moz-placeholder {
  color: #b5a3ff;
}
body.blog.knowledgebase #filter .search form input::-moz-placeholder {
  color: #b5a3ff;
}
body.blog.knowledgebase #filter .search form input:-ms-input-placeholder {
  color: #b5a3ff;
}
body.blog.knowledgebase #filter .search form input.error::-webkit-input-placeholder {
  color: #ed9393;
}
body.blog.knowledgebase #filter .search form input.error:-moz-placeholder {
  color: #ed9393;
}
body.blog.knowledgebase #filter .search form input.error::-moz-placeholder {
  color: #ed9393;
}
body.blog.knowledgebase #filter .search form input.error:-ms-input-placeholder {
  color: #ed9393;
}
body.blog.knowledgebase #filter .search form span {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -17px;
  z-index: 2;
  width: 48px;
  height: 48px;
  background-image: url(../png/blog_search.png);
  background-size: 48px 48px;
  text-indent: -9999em;
  overflow: hidden;
}
body.blog.knowledgebase #filter .search form span:active {
  margin-top: -16px;
}
@media only screen and (max-width: 1000px) {
  body.blog.knowledgebase #filter .search form span {
    height: 31px;
    width: 31px;
    margin-top: -12px;
    background-size: 31px 31px;
  }
  body.blog.knowledgebase #filter .search form span:active {
    margin-top: -11px;
  }
}
@media only screen and (max-width: 767px) {
  body.blog.knowledgebase #filter .search form span {
    border: none;
  }
}
@media only screen and (max-width: 620px) {
  body.blog.knowledgebase #filter .search form span {
    height: 19px;
    width: 19px;
    margin-top: 3px;
    background-size: 19px 19px;
  }
  body.blog.knowledgebase #filter .search form span:active {
    margin-top: 4px;
  }
}
@media only screen and (max-width: 370px) {
  body.blog.knowledgebase #filter .search form span {
    height: 13px;
    width: 13px;
    margin-top: -6px;
    background-size: 13px 13px;
  }
  body.blog.knowledgebase #filter .search form span:active {
    margin-top: -5px;
  }
}
body.blog.knowledgebase #filter .search form span:after {
  display: none;
}
body.blog.knowledgebase #socialbar {
  text-align: center;
  padding: 0;
}
body.blog.knowledgebase #socialbar .sociallinks {
  display: inline-block;
  position: relative;
}
body.blog.knowledgebase #socialbar .sociallinks:before,
body.blog.knowledgebase #socialbar .sociallinks:after {
  content: '';
  position: absolute;
  top: 180%;
  width: 220px;
  height: 1px;
  margin-top: -0.5px;
  background-color: #e4e8ec;
}
body.blog.knowledgebase #socialbar .sociallinks:before {
  left: -70px;
}
body.blog.knowledgebase #socialbar .sociallinks:after {
  right: -70px;
}
body.blog.knowledgebase #socialbar .social {
  width: 15px;
  height: 15px;
  background-image: url(../svg/social-sharing-2.svg);
  background-size: 58px 268px;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
  display: inline-block;
  margin-left: 15px;
}
body.blog.knowledgebase #socialbar .social.twitter {
  background-position: -7px -18px;
}
body.blog.knowledgebase #socialbar .social.twitter:hover {
  background-position: -36px -18px;
}
body.blog.knowledgebase #socialbar .social.facebook {
  background-position: -7px -72px;
}
body.blog.knowledgebase #socialbar .social.facebook:hover {
  background-position: -36px -72px;
}
body.blog.knowledgebase #socialbar .social.linkedin {
  background-position: -7px -126px;
}
body.blog.knowledgebase #socialbar .social.linkedin:hover {
  background-position: -36px -126px;
}
body.blog.knowledgebase #socialbar .social.pintrest {
  background-position: -7px -180px;
}
body.blog.knowledgebase #socialbar .social.pintrest:hover {
  background-position: -37px -180px;
}
body.blog.knowledgebase #socialbar .social.embed {
  background-position: -7px -234px;
}
body.blog.knowledgebase #socialbar .social.embed:hover {
  background-position: -36px -234px;
}
body.blog.knowledgebase #search-interm,
body.blog.knowledgebase #search-notfound {
  min-height: 1640px;
  text-align: center;
  padding-top: 60px;
  font-size: 3em;
  line-height: 1;
  font-weight: 200;
  color: #5d5d66;
}
body.blog.knowledgebase #search-interm span,
body.blog.knowledgebase #search-notfound span {
  font-weight: 600;
}
body.blog.knowledgebase #search-notfound {
  min-height: 500px;
}
body.blog.knowledgebase #posts-list article,
body.blog.knowledgebase #search-list article {
  width: 32.13%;
  height: 360px;
  margin: 0 0.7% 50px;
  float: left;
}
body.blog.knowledgebase #posts-list article .feat-image,
body.blog.knowledgebase #search-list article .feat-image {
  margin: 0 auto 25px;
  max-width: 320px;
}
body.blog.knowledgebase #posts-list article .feat-image a,
body.blog.knowledgebase #search-list article .feat-image a {
  display: block;
}
body.blog.knowledgebase #posts-list article .feat-image a img,
body.blog.knowledgebase #search-list article .feat-image a img {
  width: 100%;
}
body.blog.knowledgebase #posts-list article .post-info,
body.blog.knowledgebase #search-list article .post-info {
  max-width: 320px;
  width: 100%;
  margin: 0 auto;
}
body.blog.knowledgebase #posts-list article:nth-child(3n + 1),
body.blog.knowledgebase #search-list article:nth-child(3n + 1) {
  margin: 0 1.1% 50px 0;
}
body.blog.knowledgebase #posts-list article:nth-child(3n + 1) .feat-image,
body.blog.knowledgebase #search-list article:nth-child(3n + 1) .feat-image,
body.blog.knowledgebase #posts-list article:nth-child(3n + 1) .post-info,
body.blog.knowledgebase #search-list article:nth-child(3n + 1) .post-info {
  float: left;
  margin: 0 0 25px;
}
body.blog.knowledgebase #posts-list article:nth-child(3n + 3),
body.blog.knowledgebase #search-list article:nth-child(3n + 3) {
  margin: 0 0 50px 1.1%;
}
body.blog.knowledgebase #posts-list article:nth-child(3n + 3) .feat-image,
body.blog.knowledgebase #search-list article:nth-child(3n + 3) .feat-image,
body.blog.knowledgebase #posts-list article:nth-child(3n + 3) .post-info,
body.blog.knowledgebase #search-list article:nth-child(3n + 3) .post-info {
  float: right;
  margin: 0 0 25px;
}
@media only screen and (max-width: 850px) {
  body.blog.knowledgebase #posts-list article,
  body.blog.knowledgebase #search-list article {
    width: 48.7%;
  }
  body.blog.knowledgebase #posts-list article:nth-child(2n + 1),
  body.blog.knowledgebase #search-list article:nth-child(2n + 1) {
    margin: 0 1.1% 50px 0;
  }
  body.blog.knowledgebase #posts-list article:nth-child(2n + 1) .feat-image,
  body.blog.knowledgebase #search-list article:nth-child(2n + 1) .feat-image,
  body.blog.knowledgebase #posts-list article:nth-child(2n + 1) .post-info,
  body.blog.knowledgebase #search-list article:nth-child(2n + 1) .post-info {
    float: none;
    margin: 0 auto 25px;
    max-width: none;
  }
  body.blog.knowledgebase #posts-list article:nth-child(2n + 2),
  body.blog.knowledgebase #search-list article:nth-child(2n + 2) {
    margin: 0 0 50px 1.1%;
  }
  body.blog.knowledgebase #posts-list article:nth-child(2n + 2) .feat-image,
  body.blog.knowledgebase #search-list article:nth-child(2n + 2) .feat-image,
  body.blog.knowledgebase #posts-list article:nth-child(2n + 2) .post-info,
  body.blog.knowledgebase #search-list article:nth-child(2n + 2) .post-info {
    float: none;
    margin: 0 auto 25px;
    max-width: none;
  }
}
@media only screen and (max-width: 560px) {
  body.blog.knowledgebase #posts-list article,
  body.blog.knowledgebase #search-list article {
    width: 100%;
    height: auto;
    float: none;
    margin: 0 auto 50px !important;
  }
}
body.blog.knowledgebase #posts-list article .category,
body.blog.knowledgebase #search-list article .category {
  text-align: center;
  display: block;
  margin-bottom: 10px;
}
body.blog.knowledgebase #posts-list article .category a,
body.blog.knowledgebase #search-list article .category a {
  color: #5d5d66;
  font-size: 1.1em;
  line-height: 1.5em;
  font-weight: 600;
  letter-spacing: 0.05em;
}
body.blog.knowledgebase #posts-list article .category a:hover,
body.blog.knowledgebase #search-list article .category a:hover {
  color: #5d5d66;
}
body.blog.knowledgebase #posts-list article h2,
body.blog.knowledgebase #search-list article h2 {
  font-size: 1.9em;
  line-height: 1.5em;
  font-weight: 200;
  color: #2a2941;
  text-align: center;
  margin-bottom: 15px;
}
body.blog.knowledgebase #posts-list article h2 a,
body.blog.knowledgebase #search-list article h2 a {
  font-weight: 400;
  color: #2a2941;
}
body.blog.knowledgebase #posts-list article h2 a:hover,
body.blog.knowledgebase #search-list article h2 a:hover {
  color: #3e3d60;
}
body.blog.knowledgebase #posts-list article p,
body.blog.knowledgebase #search-list article p {
  color: #5d5d66;
  display: block;
  display: -webkit-box;
  max-width: 95%;
  max-height: 45px;
  margin: 0 auto;
  font-size: 1.6em;
  line-height: 1.5em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
body.blog.knowledgebase #posts-list.taller article,
body.blog.knowledgebase #search-list.taller article {
  height: 400px;
}
body.blog.knowledgebase #posts-list .pagination,
body.blog.knowledgebase #search-list .pagination {
  text-align: center;
  margin-bottom: 80px;
  clear: both;
}
body.blog.knowledgebase #posts-list .pagination span,
body.blog.knowledgebase #search-list .pagination span {
  font-size: 2.1em;
  line-height: 1.5em;
  font-weight: 200;
  color: #2a2941;
  display: inline-block;
  margin: 0 10px;
}
body.blog.knowledgebase #posts-list .pagination a,
body.blog.knowledgebase #search-list .pagination a {
  display: inline-block;
  width: 8px;
  height: 13px;
  text-indent: -9999em;
  overflow: hidden;
  background-image: url(../png/paging-arrows.png);
}
body.blog.knowledgebase #posts-list .pagination a.prev,
body.blog.knowledgebase #search-list .pagination a.prev {
  background-position: 0px 0px;
}
body.blog.knowledgebase #posts-list .pagination a.next,
body.blog.knowledgebase #search-list .pagination a.next {
  background-position: 0px -13px;
}
body.blog.knowledgebase #post-content .post {
  max-width: 660px;
  width: 88%;
  margin: 60px auto 70px;
  /* --- GLOSSARY PLUGIN CSS --- */
  /* Trigger text */
  /* Gap filler */
  /* Tooltip */
  /* Arrow */
  /* Tooltip content*/
  /* --- END GLOSSARY PLUGIN CSS --- */
}
body.blog.knowledgebase #post-content .post h2 {
  margin-top: 60px;
  margin-bottom: 16px;
}
body.blog.knowledgebase #post-content .post h3 {
  margin-bottom: 16px;
  margin-top: 1.4em;
}
body.blog.knowledgebase #post-content .post h3.interview {
  font-style: italic;
  font-size: 2.1em;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e7e8;
}
body.blog.knowledgebase #post-content .post p span.green {
  color: #2a2941;
}
body.blog.knowledgebase #post-content .post p span.blue {
  color: #7856ff;
}
body.blog.knowledgebase #post-content .post p span.label {
  color: #ffffff;
  border-radius: 4px;
  background: #7856ff;
  padding: 2px 5px 3px;
  font-size: 0.8889em;
  font-weight: 600;
}
body.blog.knowledgebase #post-content .post p span.label.red {
  background: #f6003a;
}
body.blog.knowledgebase #post-content .post p span.label.green {
  background: #2a2941;
}
body.blog.knowledgebase #post-content .post p span.inline-quote {
  float: right;
  font-size: 1.3333em;
  line-height: 1.3333em;
  font-weight: 200;
  margin: 0 0 40px 40px;
  color: #2a2941;
  position: relative;
  width: 220px;
  font-style: italic;
}
body.blog.knowledgebase #post-content .post p span.inline-quote:before {
  content: '“';
  position: absolute;
  top: 0;
  left: -10px;
}
body.blog.knowledgebase #post-content .post p small {
  font-size: 0.588em;
}
body.blog.knowledgebase #post-content .post strong {
  font-weight: 600;
}
body.blog.knowledgebase #post-content .post img,
body.blog.knowledgebase #post-content .post .caption,
body.blog.knowledgebase #post-content .post .caption img,
body.blog.knowledgebase #post-content .post .wp-caption,
body.blog.knowledgebase #post-content .post .wp-caption img {
  max-width: 100%;
  height: auto;
  margin: 20px auto;
  display: block;
}
body.blog.knowledgebase #post-content .post img .wp-caption-text,
body.blog.knowledgebase #post-content .post .caption .wp-caption-text,
body.blog.knowledgebase #post-content .post .caption img .wp-caption-text,
body.blog.knowledgebase #post-content .post .wp-caption .wp-caption-text,
body.blog.knowledgebase #post-content .post .wp-caption img .wp-caption-text {
  padding: 10px 0;
  border-bottom: 1px solid #e6e7e8;
  font-size: 1.2em;
}
body.blog.knowledgebase #post-content .post img.image,
body.blog.knowledgebase #post-content .post .caption.image,
body.blog.knowledgebase #post-content .post .caption img.image,
body.blog.knowledgebase #post-content .post .wp-caption.image,
body.blog.knowledgebase #post-content .post .wp-caption img.image,
body.blog.knowledgebase #post-content .post img.alignnone,
body.blog.knowledgebase #post-content .post .caption.alignnone,
body.blog.knowledgebase #post-content .post .caption img.alignnone,
body.blog.knowledgebase #post-content .post .wp-caption.alignnone,
body.blog.knowledgebase #post-content .post .wp-caption img.alignnone {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
body.blog.knowledgebase #post-content .post img.fullimage,
body.blog.knowledgebase #post-content .post .caption.fullimage,
body.blog.knowledgebase #post-content .post .caption img.fullimage,
body.blog.knowledgebase #post-content .post .wp-caption.fullimage,
body.blog.knowledgebase #post-content .post .wp-caption img.fullimage,
body.blog.knowledgebase #post-content .post img.aligncenter,
body.blog.knowledgebase #post-content .post .caption.aligncenter,
body.blog.knowledgebase #post-content .post .caption img.aligncenter,
body.blog.knowledgebase #post-content .post .wp-caption.aligncenter,
body.blog.knowledgebase #post-content .post .wp-caption img.aligncenter {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 800px;
  height: auto;
  margin: auto;
}
@media only screen and (max-width: 850px) {
  body.blog.knowledgebase #post-content .post img.fullimage,
  body.blog.knowledgebase #post-content .post .caption.fullimage,
  body.blog.knowledgebase #post-content .post .caption img.fullimage,
  body.blog.knowledgebase #post-content .post .wp-caption.fullimage,
  body.blog.knowledgebase #post-content .post .wp-caption img.fullimage,
  body.blog.knowledgebase #post-content .post img.aligncenter,
  body.blog.knowledgebase #post-content .post .caption.aligncenter,
  body.blog.knowledgebase #post-content .post .caption img.aligncenter,
  body.blog.knowledgebase #post-content .post .wp-caption.aligncenter,
  body.blog.knowledgebase #post-content .post .wp-caption img.aligncenter {
    position: static;
    top: auto;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    max-width: 100%;
  }
}
body.blog.knowledgebase #post-content .post img.inline.left,
body.blog.knowledgebase #post-content .post .caption.inline.left,
body.blog.knowledgebase #post-content .post .caption img.inline.left,
body.blog.knowledgebase #post-content .post .wp-caption.inline.left,
body.blog.knowledgebase #post-content .post .wp-caption img.inline.left,
body.blog.knowledgebase #post-content .post img.alignleft,
body.blog.knowledgebase #post-content .post .caption.alignleft,
body.blog.knowledgebase #post-content .post .caption img.alignleft,
body.blog.knowledgebase #post-content .post .wp-caption.alignleft,
body.blog.knowledgebase #post-content .post .wp-caption img.alignleft {
  float: left;
  max-width: 320px;
  width: auto;
  margin: 0 20px 20px 0;
}
body.blog.knowledgebase #post-content .post img.inline.right,
body.blog.knowledgebase #post-content .post .caption.inline.right,
body.blog.knowledgebase #post-content .post .caption img.inline.right,
body.blog.knowledgebase #post-content .post .wp-caption.inline.right,
body.blog.knowledgebase #post-content .post .wp-caption img.inline.right,
body.blog.knowledgebase #post-content .post img.alignright,
body.blog.knowledgebase #post-content .post .caption.alignright,
body.blog.knowledgebase #post-content .post .caption img.alignright,
body.blog.knowledgebase #post-content .post .wp-caption.alignright,
body.blog.knowledgebase #post-content .post .wp-caption img.alignright,
body.blog.knowledgebase #post-content .post img[align='right'],
body.blog.knowledgebase #post-content .post .caption[align='right'],
body.blog.knowledgebase #post-content .post .caption img[align='right'],
body.blog.knowledgebase #post-content .post .wp-caption[align='right'],
body.blog.knowledgebase #post-content .post .wp-caption img[align='right'] {
  float: right;
  max-width: 320px;
  width: auto;
  margin: 0 0 20px 20px !important;
}
body.blog.knowledgebase #post-content .post ol,
body.blog.knowledgebase #post-content .post ul {
  margin-bottom: 40px;
  margin-left: 25px;
  color: #111324;
}
body.blog.knowledgebase #post-content .post ol > li,
body.blog.knowledgebase #post-content .post ul > li {
  font-size: 1.6em;
  line-height: 1.5em;
}
body.blog.knowledgebase #post-content .post ol li,
body.blog.knowledgebase #post-content .post ul li {
  margin-bottom: 5px;
  padding-left: 5px;
  color: #111324;
}
body.blog.knowledgebase #post-content .post ol ol,
body.blog.knowledgebase #post-content .post ul ol,
body.blog.knowledgebase #post-content .post ol ul,
body.blog.knowledgebase #post-content .post ul ul,
body.blog.knowledgebase #post-content .post ol p,
body.blog.knowledgebase #post-content .post ul p {
  font-size: 1em;
}
body.blog.knowledgebase #post-content .post ol li {
  list-style: decimal;
}
body.blog.knowledgebase #post-content .post ol.upper-lettered > li {
  list-style: upper-alpha;
}
body.blog.knowledgebase #post-content .post ol.roman > li {
  list-style: lower-roman;
}
body.blog.knowledgebase #post-content .post ol.numbered > li {
  list-style: decimal;
}
body.blog.knowledgebase #post-content .post ol.lower-lettered > li {
  list-style: lower-alpha;
}
body.blog.knowledgebase #post-content .post ul {
  margin-left: 20px;
  color: #111324;
}
body.blog.knowledgebase #post-content .post ul li {
  list-style: disc;
  padding-left: 10px;
}
body.blog.knowledgebase #post-content .post dl {
  margin: 20px 0 40px;
  color: #5d5d66;
}
body.blog.knowledgebase #post-content .post dl:after {
  content: '';
  clear: both;
  display: block;
}
body.blog.knowledgebase #post-content .post dl dt {
  float: left;
  width: 23%;
  height: 100%;
  font-weight: normal;
}
body.blog.knowledgebase #post-content .post dl dd {
  float: right;
  position: relative;
  width: 72%;
  clear: right;
  margin: 0 10px 20px 0;
  padding: 5px 0 5px 3%;
  border-left: 2px solid #f6f6f7;
}
body.blog.knowledgebase #post-content .post dl dd p {
  width: 95%;
  margin: 0 0 0 5%;
}
body.blog.knowledgebase #post-content .post blockquote {
  border-left: 2px solid #5d5d66;
  margin-top: 2em !important;
  margin-bottom: 40px !important;
  font-style: italic;
}
body.blog.knowledgebase #post-content .post blockquote p {
  font-size: 1em;
  margin-bottom: 10px;
  font-style: italic;
  color: #5d5d66;
  padding-left: 0 !important;
  display: inline;
}
body.blog.knowledgebase #post-content .post blockquote small {
  font-size: 1em;
  margin-bottom: 10px;
  font-style: italic;
}
body.blog.knowledgebase #post-content .post blockquote.large {
  border-left: none;
  padding: 0 !important;
  text-align: center;
  width: 120%;
  margin: 0 auto 40px -10%;
}
body.blog.knowledgebase #post-content .post blockquote.large:before,
body.blog.knowledgebase #post-content .post blockquote.large:after {
  content: '';
  display: block;
  height: 1px;
  width: 50%;
  margin: 0 auto;
  background-color: #deeffc;
}
body.blog.knowledgebase #post-content .post blockquote.large:before {
  margin-bottom: 30px;
}
body.blog.knowledgebase #post-content .post blockquote.large:after {
  margin-top: 30px;
}
body.blog.knowledgebase #post-content .post blockquote.large p {
  font-style: normal;
  text-align: center;
  color: #5d5d66;
}
body.blog.knowledgebase #post-content .post blockquote.large cite {
  display: block;
  line-height: 1.5em;
  font-size: 0.7em;
  padding-top: 10px;
}
@media only screen and (max-width: 850px) {
  body.blog.knowledgebase #post-content .post blockquote.large {
    width: 100%;
    margin-left: auto;
  }
}
body.blog.knowledgebase #post-content .post iframe {
  border: 1px solid #ccc;
  margin: 20px 0;
  width: 100%;
  height: 600px;
}
body.blog.knowledgebase #post-content .post .faux-iframe {
  margin: 20px 0;
  width: 100%;
  height: 600px;
}
body.blog.knowledgebase #post-content .post .faux-iframe iframe {
  margin: 0;
}
body.blog.knowledgebase #post-content .post .fluid-width-video-wrapper iframe {
  height: 100%;
}
body.blog.knowledgebase #post-content .post .pullout {
  min-height: 50px;
  display: inline-block;
  padding: 20px 40px;
  width: 100%;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #f6f6f7;
  -webkit-box-shadow: 0 0 10px 2px #f6f6f7;
  -moz-box-shadow: 0 0 10px 2px #f6f6f7;
  box-shadow: 0 0 10px 2px #f6f6f7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
body.blog.knowledgebase #post-content .post .pullout strong {
  color: #7856ff;
  display: block;
  margin-bottom: 10px;
}
body.blog.knowledgebase #post-content .post .bigbutton {
  float: left;
  display: inline-block;
  margin-right: 20px;
  height: 44px;
  padding: 0 25px;
  font-size: 0.7222em;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 600;
  color: #7856ff;
  border: 2px solid #7856ff;
  text-decoration: none;
  letter-spacing: 0.05em;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px 0px rgba(15, 154, 222, 0.2);
  -moz-box-shadow: 0 1px 1px 0px rgba(15, 154, 222, 0.2);
  box-shadow: 0 1px 1px 0px rgba(15, 154, 222, 0.2);
}
body.blog.knowledgebase #post-content .post .bigbutton:hover {
  color: #8c6fff;
  border: 2px solid #8c6fff;
}
body.blog.knowledgebase #post-content .post .bigbutton:active {
  position: relative;
  top: 1px;
  color: #8c6fff;
  border: 2px solid #8c6fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
body.blog.knowledgebase #post-content .post .bigbutton.green {
  color: #2a2941;
  border: 2px solid #2a2941;
  -webkit-box-shadow: 0 1px 1px 0px rgba(24, 82, 124, 0.2);
  -moz-box-shadow: 0 1px 1px 0px rgba(24, 82, 124, 0.2);
  box-shadow: 0 1px 1px 0px rgba(24, 82, 124, 0.2);
}
body.blog.knowledgebase #post-content .post .bigbutton.green:hover {
  color: #161522;
  border: 2px solid #161522;
}
body.blog.knowledgebase #post-content .post .bigbutton.green:active {
  color: #020202;
  border: 2px solid #020202;
}
body.blog.knowledgebase #post-content .post .bigbutton.download {
  padding-right: 45px;
}
body.blog.knowledgebase #post-content .post .bigbutton.download:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 25px;
  width: 12px;
  height: 14px;
  margin-top: -7px;
  background-image: url(../png/download-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 14px;
}
body.blog.knowledgebase #post-content .post .tooltip {
  display: inline;
  position: relative;
  z-index: 999;
}
body.blog.knowledgebase #post-content .post .tooltip-item {
  cursor: pointer;
  color: inherit;
  border-bottom: 1px dotted;
  padding-bottom: 1px;
}
body.blog.knowledgebase #post-content .post .tooltip-item a {
  color: inherit;
}
body.blog.knowledgebase #post-content .post .tooltip-item::after {
  content: '';
  position: absolute;
  width: 360px;
  height: 20px;
  bottom: 100%;
  left: 50%;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.blog.knowledgebase #post-content .post .tooltip:hover .tooltip-item::after {
  pointer-events: auto;
}
body.blog.knowledgebase #post-content .post .tooltip-content {
  position: absolute;
  z-index: 9999;
  width: 360px;
  left: 50%;
  margin: 0 0 20px -180px;
  bottom: 100%;
  text-align: left;
  -webkit-box-shadow: -5px -5px 15px 0px rgba(48, 54, 61, 0.2);
  -moz-box-shadow: -5px -5px 15px 0px rgba(48, 54, 61, 0.2);
  box-shadow: -5px -5px 15px 0px rgba(48, 54, 61, 0.2);
  background: #2a3035;
  opacity: 0;
  cursor: default;
  pointer-events: none;
  -webkit-transform: translate3d(0, -10px, 0);
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -o-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -webkit-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
body.blog.knowledgebase #post-content .post .tooltip:hover .tooltip-content {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
  -moz-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
  -ms-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
  -o-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
  transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}
body.blog.knowledgebase #post-content .post .tooltip.tooltip-effect-2:hover .tooltip-content {
  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  -moz-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  -ms-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  -o-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}
body.blog.knowledgebase #post-content .post .tooltip-content::after {
  content: '';
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #2a3035;
  border-width: 10px;
  margin-left: -10px;
}
body.blog.knowledgebase #post-content .post .tooltip-content img {
  position: relative;
  height: 150px;
  display: block;
  float: left;
  margin-right: 1em;
}
body.blog.knowledgebase #post-content .post .tooltip-text {
  display: block;
  padding: 1.31em 1.21em 1.21em 1.31em;
  color: #fff;
}
body.blog.knowledgebase #post-content .post .tooltip-effect-5 .tooltip-text {
  padding: 1.4em;
}
body.blog.knowledgebase #post-content .post .tooltip-text a {
  font-weight: bold;
}
body.blog.knowledgebase #post-content .post .tooltip:hover .tooltip {
  display: none !important;
}
body.blog.knowledgebase #post-content .post .draw.browser {
  border: 1px solid #ececed;
  position: relative;
  overflow: hidden;
  display: table;
  margin: 20px auto;
}
body.blog.knowledgebase #post-content .post .draw.browser .bar {
  height: 16px;
  width: 100%;
  padding-left: 7px;
  background-color: #ffffff;
  border-bottom: 1px solid #ececed;
}
@media only screen and (max-width: 420px) {
  body.blog.knowledgebase #post-content .post .draw.browser .bar {
    height: 8px;
    padding-left: 4px;
  }
}
body.blog.knowledgebase #post-content .post .draw.browser .bar .dot {
  height: 6px;
  width: 6px;
  margin: 5px 5px 0 0;
  float: left;
  display: inline-block;
  background-color: #ececed;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
@media only screen and (max-width: 420px) {
  body.blog.knowledgebase #post-content .post .draw.browser .bar .dot {
    height: 3px;
    width: 3px;
    margin: 2px 2px 0 0;
  }
}
body.blog.knowledgebase #post-content .post .draw.browser .screen {
  text-align: center;
  line-height: 0;
}
body.blog.knowledgebase #post-content .post .draw.browser .screen img {
  margin: 0;
  display: inline-block;
}
body.blog.knowledgebase #post-content .post .draw.laptop {
  border: 2px solid #ececed;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
}
body.blog.knowledgebase #post-content .post .draw.laptop .camera {
  width: 1.2%;
  height: 2%;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #ececed;
  position: absolute;
  top: 2.6%;
  left: 50%;
  margin-left: -0.6%;
}
body.blog.knowledgebase #post-content .post .draw.laptop .surround {
  width: 94%;
  height: 83.6%;
  border: 1px solid #ececed;
  left: 50%;
  top: 6.4%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  overflow: hidden;
}
body.blog.knowledgebase #post-content .post .draw.laptop .base {
  border: 2px solid #ececed;
  -khtml-border-radius: 15px 15px 60px 60px;
  -moz-border-radius: 15px 15px 60px 60px;
  -webkit-border-radius: 15px 15px 60px 60px;
  border-radius: 15px 15px 60px 60px;
  height: 6.4%;
  width: 120%;
  background-color: #ffffff;
  position: absolute;
  bottom: -2px;
  left: -10%;
}
body.blog.knowledgebase #post-content .post .draw.laptop .base .handle {
  width: 11.6%;
  height: 35%;
  -khtml-border-radius: 0 0 60px 60px;
  -moz-border-radius: 0 0 60px 60px;
  -webkit-border-radius: 0 0 60px 60px;
  border-radius: 0 0 60px 60px;
  border: 1px solid #ececed;
  border-top: none;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.blog.knowledgebase #post-content .post .draw.email .emailhead {
  height: 40px;
  padding: 12px;
  border-bottom: 1px solid #ececed;
}
@media only screen and (max-width: 420px) {
  body.blog.knowledgebase #post-content .post .draw.email .emailhead {
    height: 20px;
    padding: 6px;
  }
}
body.blog.knowledgebase #post-content .post .draw.email .profile {
  display: block;
  float: left;
  height: 16px;
  width: 16px;
  -khtml-border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background-color: #ececed;
}
@media only screen and (max-width: 420px) {
  body.blog.knowledgebase #post-content .post .draw.email .profile {
    height: 8px;
    width: 8px;
  }
}
body.blog.knowledgebase #post-content .post .draw.email .lines {
  display: block;
  float: left;
  height: 16px;
  padding: 2px 0 2px 10px;
}
@media only screen and (max-width: 420px) {
  body.blog.knowledgebase #post-content .post .draw.email .lines {
    height: 8px;
    padding: 1px 0 1px 5px;
  }
}
body.blog.knowledgebase #post-content .post .draw.email .lines .line {
  display: block;
  height: 4px;
  float: left;
  background-color: #ececed;
}
body.blog.knowledgebase #post-content .post .draw.email .lines .line.one {
  width: 56px;
  margin-right: 4px;
  margin-bottom: 4px;
}
body.blog.knowledgebase #post-content .post .draw.email .lines .line.two {
  width: 95px;
  margin-bottom: 4px;
}
body.blog.knowledgebase #post-content .post .draw.email .lines .line.three {
  width: 60px;
  margin-right: 4px;
  clear: left;
}
body.blog.knowledgebase #post-content .post .draw.email .lines .line.four {
  width: 86px;
}
@media only screen and (max-width: 420px) {
  body.blog.knowledgebase #post-content .post .draw.email .lines .line {
    height: 2px;
  }
  body.blog.knowledgebase #post-content .post .draw.email .lines .line.one {
    width: 28px;
    margin-right: 2px;
    margin-bottom: 2px;
  }
  body.blog.knowledgebase #post-content .post .draw.email .lines .line.two {
    width: 47px;
    margin-bottom: 2px;
  }
  body.blog.knowledgebase #post-content .post .draw.email .lines .line.three {
    width: 30px;
    margin-right: 2px;
  }
  body.blog.knowledgebase #post-content .post .draw.email .lines .line.four {
    width: 43px;
  }
}
body.blog.knowledgebase #post-content .post .draw.email .subject {
  display: block;
  height: 16px;
  padding-left: 28px;
  font-size: 1.2em;
  line-height: 1.335em;
  color: #96a2ae;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 520px) {
  body.blog.knowledgebase #post-content .post .draw.email .subject {
    font-size: 0.7em;
    line-height: 1.335em;
    padding-left: 24px;
  }
}
body.blog.knowledgebase #post-content .post .draw.email .subject strong {
  font-size: 0.7em;
  font-weight: 600;
  color: #f6f6f7;
  padding-right: 6px;
}
@media only screen and (max-width: 520px) {
  body.blog.knowledgebase #post-content .post .draw.email .subject strong {
    padding-right: 3px;
  }
}
body.blog.knowledgebase #post-content .post .draw.iphone {
  border: 1px solid #ececed;
  -khtml-border-radius: 28px;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  -webkit-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  -moz-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  position: relative;
  height: auto;
  background-color: #ffffff;
  padding: 50px 10px;
  margin: 20px auto;
  max-width: 280px;
}
@media only screen and (max-width: 585px) {
  body.blog.knowledgebase #post-content .post .draw.iphone {
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
  }
}
body.blog.knowledgebase #post-content .post .draw.iphone .camera {
  width: 8px;
  height: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #ececed;
  position: absolute;
  top: 12px;
  left: 50%;
  margin-left: -4px;
}
body.blog.knowledgebase #post-content .post .draw.iphone .speaker {
  height: 5px;
  width: 30px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ececed;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -15px;
}
body.blog.knowledgebase #post-content .post .draw.iphone .screen {
  border: 1px solid #ececed;
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  height: 440px;
  overflow: hidden;
}
body.blog.knowledgebase #post-content .post .draw.iphone .screen img {
  margin: 0;
}
body.blog.knowledgebase #post-content .post .draw.iphone .homebutton {
  width: 30px;
  height: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  border: 1px solid #ececed;
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -15px;
}
body.blog.knowledgebase #post-content .post .draw.ipad {
  border: 2px solid #ececed;
  -khtml-border-radius: 28px;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  -webkit-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  -moz-box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  box-shadow: 4px 4px 0 0 rgba(47, 53, 62, 0.05);
  position: relative;
  height: 100%;
  background-color: #f7f8f9;
}
@media only screen and (max-width: 585px) {
  body.blog.knowledgebase #post-content .post .draw.ipad {
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
  }
}
body.blog.knowledgebase #post-content .post .draw.ipad .camera {
  width: 1.3%;
  height: 1.84%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #ececed;
  position: absolute;
}
body.blog.knowledgebase #post-content .post .draw.ipad .screen {
  border: 1px solid #ececed;
  position: absolute;
  overflow: hidden;
}
body.blog.knowledgebase #post-content .post .draw.ipad .homebutton {
  width: 4.8%;
  height: 6.78%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #ececed;
  position: absolute;
}
body.blog.knowledgebase #post-content .post .draw.ipad.portrait .camera {
  top: 1.8%;
  left: 50%;
  margin-left: -0.92%;
}
body.blog.knowledgebase #post-content .post .draw.ipad.portrait .screen {
  top: 6.616%;
  left: 4.82%;
  width: 90.4%;
  height: 82.4%;
}
body.blog.knowledgebase #post-content .post .draw.ipad.portrait .homebutton {
  bottom: 12px;
  left: 50%;
  margin-left: -15px;
}
body.blog.knowledgebase #post-content .post .draw.ipad.landscape .camera {
  left: 1.8%;
  top: 50%;
  margin-top: -0.94%;
}
body.blog.knowledgebase #post-content .post .draw.ipad.landscape .screen {
  top: 6.616%;
  left: 4.82%;
  width: 87.8%;
  height: 86.8%;
}
body.blog.knowledgebase #post-content .post .draw.ipad.landscape .homebutton {
  right: 1.4%;
  top: 50%;
  margin-top: -3.39%;
}
body.blog.knowledgebase #post-content .post .draw.join {
  position: relative;
  width: 94%;
  margin: 20px auto;
}
body.blog.knowledgebase #post-content .post .draw.join .browser {
  margin: 0;
  max-width: 76%;
  display: block;
  height: 90vw;
  max-height: 750px;
}
body.blog.knowledgebase #post-content .post .draw.join .iphone {
  width: 31%;
  height: 51vw;
  position: absolute;
  bottom: 0;
  right: 0;
}
body.blog.knowledgebase #post-content .post .gallery {
  position: relative;
  overflow: hidden;
  margin: 20px 0 40px;
}
body.blog.knowledgebase #post-content .post .gallery > img {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  margin: 0;
}
body.blog.knowledgebase #post-content .post .gallery br {
  display: none;
}
body.blog.knowledgebase #post-content .post .gallery dl.gallery-item {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
}
body.blog.knowledgebase #post-content .post .gallery dl.gallery-item dt.gallery-icon {
  width: 100%;
}
body.blog.knowledgebase #post-content .post .gallery dl.gallery-item dt.gallery-icon img {
  margin: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
body.blog.knowledgebase #post-content .post .gallery dl.gallery-item.current dt.gallery-icon img {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
body.blog.knowledgebase #post-content #embed_code {
  margin-bottom: 30px;
  display: none;
}
body.blog.knowledgebase #post-content #embed_code textarea {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #ececed;
  background-color: #f6f6f7;
  color: #5d5d66;
  font-size: 1.4em;
  line-height: 1.2em;
  resize: none;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
body.blog.knowledgebase #author-box {
  max-width: 748px;
  width: 90%;
  margin: 0 auto 40px;
  position: relative;
  background-color: #f6f6f7;
  border: 1px solid #f6f6f7;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 0px 3px #f6f6f7;
  -moz-box-shadow: 0 0 0px 3px #f6f6f7;
  box-shadow: 0 0 0px 3px #f6f6f7;
  padding: 20px;
}
body.blog.knowledgebase #author-box .details .profile-image {
  float: left;
  margin-right: 20px;
}
body.blog.knowledgebase #author-box .details .profile-image img {
  height: 48px;
  width: auto;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
body.blog.knowledgebase #author-box .details .profile-name .subline {
  color: #5d5d66;
  font-size: 1.2em;
  line-height: 1.5em;
  text-transform: uppercase;
  display: block;
}
body.blog.knowledgebase #author-box .details .profile-name .name {
  color: #111324;
  font-size: 2em;
  line-height: 1.5em;
  font-weight: 600;
  display: block;
}
body.blog.knowledgebase #author-box .byline {
  clear: both;
  font-size: 1.6em;
  line-height: 1.4em;
  margin-top: 20px;
  color: #5d5d66;
}
body.blog.knowledgebase #author-box .byline p {
  font-size: 1em;
}
body.blog.knowledgebase #author-box .profile-links {
  margin-top: 15px;
}
body.blog.knowledgebase #author-box .profile-links a {
  font-size: 1.2em;
  padding-right: 20px;
}
body.blog.knowledgebase #cta-box,
body.blog.knowledgebase #subscribe-box {
  max-width: 748px;
  width: 90%;
  min-height: 253px;
  text-align: center;
  margin: 0 auto 40px;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 0px 3px #f6f6f7;
  -moz-box-shadow: 0 0 0px 3px #f6f6f7;
  box-shadow: 0 0 0px 3px #f6f6f7;
}
body.blog.knowledgebase #cta-box .overlay,
body.blog.knowledgebase #subscribe-box .overlay {
  background-color: #000;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
body.blog.knowledgebase #cta-box a,
body.blog.knowledgebase #subscribe-box a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 40px 0;
  position: relative;
}
body.blog.knowledgebase #cta-box .title,
body.blog.knowledgebase #subscribe-box .title {
  display: block;
  width: 71%;
  margin: 0 auto 10px;
  color: #ffffff;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);
  font-size: 2.8em;
  line-height: 1.4em;
  font-weight: 400;
}
@media only screen and (max-width: 650px) {
  body.blog.knowledgebase #cta-box .title,
  body.blog.knowledgebase #subscribe-box .title {
    width: 90%;
  }
}
body.blog.knowledgebase #cta-box .blurb,
body.blog.knowledgebase #subscribe-box .blurb {
  display: block;
  width: 68%;
  margin: 0 auto 15px;
  font-size: 1.6em;
  line-height: 1.625em;
  color: #ffffff;
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.4);
  letter-spacing: 0.3px;
}
@media only screen and (max-width: 460px) {
  body.blog.knowledgebase #cta-box .blurb,
  body.blog.knowledgebase #subscribe-box .blurb {
    width: 90%;
  }
}
body.blog.knowledgebase #cta-box .cta-btn,
body.blog.knowledgebase #subscribe-box .cta-btn {
  display: inline-block;
  height: 44px;
  padding: 0 25px;
  margin: 0 auto;
  font-size: 1.3em;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
  border: 2px solid #ffffff;
  text-decoration: none;
  letter-spacing: 0.05em;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 2px 2px 1px 0px rgba(0, 0, 0, 0.2), '';
  -webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 2px 2px 1px 0px rgba(0, 0, 0, 0.2), '';
  box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 2px 2px 1px 0px rgba(0, 0, 0, 0.2), '';
}
body.blog.knowledgebase #cta-box a:hover .cta-btn,
body.blog.knowledgebase #subscribe-box a:hover .cta-btn {
  color: #e6e6e6;
  border: 2px solid #e6e6e6;
}
body.blog.knowledgebase #cta-box a:active .cta-btn,
body.blog.knowledgebase #subscribe-box a:active .cta-btn {
  position: relative;
  top: 1px;
  color: #cccccc;
  border: 2px solid #cccccc;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
body.blog.knowledgebase #bigForm,
body.blog.knowledgebase #contentPromo {
  display: none;
  /* Code in single.php detects if this exists and displays the new version */
}
body.blog.knowledgebase #disqus_thread {
  max-width: 600px;
  width: 90%;
  margin: 80px auto 0;
  padding-bottom: 80px;
  font-size: 0px;
}
body.blog.knowledgebase #sticky-subscribe {
  -webkit-box-shadow: 0 -1px 5px -2px rgba(204, 204, 204, 0.7);
  -moz-box-shadow: 0 -1px 5px -2px rgba(204, 204, 204, 0.7);
  box-shadow: 0 -1px 5px -2px rgba(204, 204, 204, 0.7);
  border-top: 1px solid #f6f6f7;
  width: 100%;
  position: fixed;
  bottom: -85px;
  left: 0;
  z-index: 9999;
  background: #ffffff;
  padding: 16px 0 14px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
body.blog.knowledgebase #sticky-subscribe.visible {
  bottom: 0;
}
@media only screen and (max-width: 790px) {
  body.blog.knowledgebase #sticky-subscribe {
    bottom: -117px;
  }
}
@media only screen and (max-width: 568px) {
  body.blog.knowledgebase #sticky-subscribe {
    display: none;
  }
}
body.blog.knowledgebase #sticky-subscribe .blurb {
  float: left;
  font-size: 1.6em;
  line-height: 1.3em;
  font-weight: 200;
  color: #5d5d66;
}
@media only screen and (max-width: 790px) {
  body.blog.knowledgebase #sticky-subscribe .blurb {
    float: none;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 380px) {
  body.blog.knowledgebase #sticky-subscribe .blurb {
    display: none;
  }
}
body.blog.knowledgebase #sticky-subscribe .blurb span.title {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.4em;
  clear: both;
  display: block;
}
@media only screen and (max-width: 1040px) {
  body.blog.knowledgebase #sticky-subscribe .blurb span.title {
    padding: 10px 0;
  }
}
@media only screen and (max-width: 790px) {
  body.blog.knowledgebase #sticky-subscribe .blurb span.title {
    padding: 0;
  }
}
body.blog.knowledgebase #sticky-subscribe .blurb span.desc {
  clear: both;
  display: block;
}
@media only screen and (max-width: 1040px) {
  body.blog.knowledgebase #sticky-subscribe .blurb span.desc {
    display: none;
  }
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form {
  float: right;
  position: relative;
}
@media only screen and (max-width: 790px) {
  body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form {
    float: none;
    padding-right: 125px;
  }
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='email'] {
  height: 40px;
  width: 235px;
  margin-right: 10px;
  border: 1px solid #f6f6f7;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 1.6em;
  line-height: 40px;
  color: #5d5d66;
  font-weight: 200;
  padding: 0 15px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 790px) {
  body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='email'] {
    width: 100%;
  }
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='email']::-webkit-input-placeholder {
  color: #f6f6f7;
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='email']:-moz-placeholder {
  color: #f6f6f7;
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='email']::-moz-placeholder {
  color: #f6f6f7;
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='email']:-ms-input-placeholder {
  color: #f6f6f7;
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='email']:focus {
  border: 1px solid #5d5d66;
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='email'].error {
  border: 1px solid #c67d7d;
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='email'].error::-webkit-input-placeholder {
  color: #c67d7d;
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='email'].error:-moz-placeholder {
  color: #c67d7d;
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='email'].error::-moz-placeholder {
  color: #c67d7d;
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='email'].error:-ms-input-placeholder {
  color: #c67d7d;
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form #check-alive {
  display: none;
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='submit'] {
  padding: 8px 18px 9px;
}
@media only screen and (max-width: 790px) {
  body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='submit'] {
    position: absolute;
    right: 0;
    top: 0;
  }
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form input[type='submit']:active {
  padding: 9px 18px 8px;
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form .message {
  height: 40px;
  padding: 0 20px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: right;
  font-size: 1.6em;
  line-height: 38px;
  font-weight: 200;
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form .message.success {
  border: 1px solid #7EBD26;
  background: #f4ffe4;
  color: #7EBD26;
}
body.blog.knowledgebase #sticky-subscribe #subscribe-sticky-form .message.error {
  border: 1px solid #5d5d66;
  background: #8e8e94;
  color: #5d5d66;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
body.blog.knowledgebase #sticky-subscribe #close-sticky {
  position: absolute;
  top: -10px;
  right: 30px;
  width: 22px;
  height: 22px;
  -khtml-border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #f6f6f7;
  background: #ffffff;
  color: #f6f6f7;
  font-size: 1.2em;
  text-align: center;
  line-height: 20px;
  -webkit-box-shadow: 0 -1px 5px -2px rgba(204, 204, 204, 0.7);
  -moz-box-shadow: 0 -1px 5px -2px rgba(204, 204, 204, 0.7);
  box-shadow: 0 -1px 5px -2px rgba(204, 204, 204, 0.7);
  cursor: pointer;
  text-indent: -9999em;
  overflow: hidden;
  background-image: url(../png/stickyfooter_x.png);
  background-size: 20px 40px;
  background-position: 0px 0px;
}
@media only screen and (max-width: 790px) {
  body.blog.knowledgebase #sticky-subscribe #close-sticky {
    top: 10px;
    right: 6%;
  }
}
@media only screen and (max-width: 380px) {
  body.blog.knowledgebase #sticky-subscribe #close-sticky {
    top: -10px;
  }
}
body.blog.knowledgebase #sticky-subscribe #close-sticky:hover {
  border: 1px solid #5d5d66;
  color: #5d5d66;
  background-position: 0px -20px;
}
body.blog.knowledgebase section#signup .inner {
  max-width: 1000px;
}
body.blog.knowledgebase table {
  margin: 40px auto 30px;
  width: 100% !important;
  border: 1px solid #ececed;
  border-collapse: collapse;
  border-bottom: none;
}
body.blog.knowledgebase table.float {
  float: left;
}
body.blog.knowledgebase table th {
  padding: 14px 20px;
  font-size: 1.6em;
  line-height: 2em;
  color: #111324;
  text-align: center;
}
body.blog.knowledgebase table td {
  border-bottom: 1px solid #ececed;
  text-align: left;
  padding: 14px 20px;
  font-size: 1.2em;
  line-height: 1.4em;
  color: #5d5d66;
}
body.blog.knowledgebase table td.comment {
  font-size: 1.2em;
  color: #5d5d66;
  text-align: center;
}
body.blog.knowledgebase table td.center {
  text-align: center;
}
body.blog.knowledgebase table td.green {
  background: #F6FDE4;
  border-bottom-color: #d5eb9d;
  color: #5b9510;
  border-left: 1px solid #d5eb9d;
}
body.blog.knowledgebase table td .css-comment {
  font-size: 0.6em;
}
body.blog.knowledgebase table td img {
  width: auto !important;
  margin: auto !important;
}
body.blog.knowledgebase table tr.header {
  background: #ececed;
}
body.blog.knowledgebase table tr.header td {
  padding: 10px 0 10px 6px;
  font-size: 1.2em;
}
body.blog.knowledgebase table tr.inset {
  color: #5d5d66;
}
body.blog.knowledgebase table tr.inset td.element-style.inset {
  padding-left: 20px;
}
body.blog.knowledgebase table tr.green td {
  color: #111324;
  background: #F6FDE4;
}
body.blog.knowledgebase table tr:hover {
  background: #ececed;
}
body.blog.knowledgebase table tr:hover.green td,
body.blog.knowledgebase table tr:hover td.green {
  background: #eefbcc;
}
body.blog.knowledgebase table tr:hover td.no-hl {
  background: #ffffff;
}
body.blog.knowledgebase table thead tr,
body.blog.knowledgebase table tr.header {
  background: #ececed;
}
body.blog.knowledgebase table thead tr td,
body.blog.knowledgebase table tr.header td {
  padding: 10px 0 10px 6px;
  font-size: 1.2em;
  font-weight: bold;
  color: #111324;
}
body.blog.knowledgebase table thead tr td.green,
body.blog.knowledgebase table tr.header td.green {
  color: #111324;
}
body.blog.knowledgebase table thead tr.slab td,
body.blog.knowledgebase table tr.header.slab td {
  border-bottom-width: 2px;
}
body.blog.knowledgebase table thead tr:hover td.green,
body.blog.knowledgebase table tr.header:hover td.green {
  background: #F6FDE4;
}
body.blog.knowledgebase table.borders td {
  border-left: 1px solid #ececed;
}
body.blog.knowledgebase table.big {
  font-size: 1.1em;
}
body.blog.knowledgebase table.big td {
  padding-top: 13px;
  padding-bottom: 13px;
}
body.blog.knowledgebase table#keyguide {
  border: none;
  margin: 0 0 20px 12%;
}
body.blog.knowledgebase table#keyguide td {
  border: none;
  width: 33%;
  padding: 10px 0 0 0;
  font-size: 1.2em;
  line-height: 1.5em;
  color: #5d5d66;
}
body.blog.knowledgebase table#keyguide td .key {
  display: inline-block;
  *display: inline;
  width: 10px;
  overflow: hidden;
  text-indent: -9000px;
  height: 10px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0 5px 0 0;
}
body.blog.knowledgebase table#keyguide td strong {
  font-weight: 600;
  color: #111324;
}
body.blog.knowledgebase table#keyguide tr:hover {
  background: none;
}
body.blog.knowledgebase pre {
  width: 100%;
  margin: 40px auto 40px auto;
  padding: 0;
  border: 1px solid #ececed;
  background: #ffffff;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-family: 'Droid Sans Mono', monospace, Courier;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3em;
  line-height: 1.6em;
  color: #111324;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  max-height: 800px;
  overflow: auto;
}
body.blog.knowledgebase pre code {
  margin: 0;
  padding: 30px 30px;
  color: #111324;
  width: 100%;
  display: block;
  line-height: 1.7em;
  font-weight: 600;
}
body.blog.knowledgebase pre code pre {
  float: none;
  width: 100%;
  padding: 0;
  border: none;
}
body.blog.knowledgebase pre .tag .title,
body.blog.knowledgebase pre .rules .property,
body.blog.knowledgebase pre .django .tag .keyword {
  font-weight: 600;
}
body.webinar #content {
  overflow: hidden;
  background-color: #ffffff;
  padding: 75px 0;
}
body.webinar #content ul li,
body.webinar #content ol li {
  margin: 0 0 20px;
  width: 100%;
  font-size: 1.6em;
  line-height: 1.5em;
  letter-spacing: 0.015em;
  color: #111324;
  float: none;
  position: relative;
  clear: both;
}
body.webinar #content ul,
body.webinar #content ol {
  margin: 0 0 40px;
}
body.webinar #content ul li,
body.webinar #content ol li {
  margin: 0 0 10px 26px;
  padding: 0;
}
body.webinar #content ul li b,
body.webinar #content ol li b {
  color: #747a80;
}
body.webinar #content ul li ul,
body.webinar #content ol li ul,
body.webinar #content ul li ol,
body.webinar #content ol li ol {
  margin: 20px 0 30px;
}
body.webinar #content ul li li,
body.webinar #content ol li li {
  font-size: 0.5556em;
}
body.webinar #content ul {
  padding-left: 20px;
}
body.webinar #content ul li {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0;
  list-style: disc;
}
body.webinar #content .left_text {
  width: 49%;
  float: left;
}
@media only screen and (max-width: 900px) {
  body.webinar #content .left_text {
    float: none;
    width: 100%;
  }
}
body.webinar #content .left_text span.date,
body.webinar #content .left_text span.duration {
  margin: 5px 0 0;
  width: 100%;
  font-size: 1.6em;
  line-height: 1.3em;
  letter-spacing: 0.015em;
  color: #5d5d66;
  float: none;
  position: relative;
  clear: both;
  display: block;
}
body.webinar #content .left_text span.date {
  display: none;
}
body.webinar #content .left_text span.center {
  display: block;
  margin-top: 30px;
  text-align: center;
}
body.webinar #content .form {
  background-color: #ffffff;
  overflow: hidden;
  position: relative;
  width: 45%;
  max-width: 390px;
  padding: 20px 40px 40px;
  margin: 0;
  float: right;
  margin: -18px 0;
  border: 1px solid #ececed;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 900px) {
  body.webinar #content .form {
    float: none;
    margin-top: 60px;
    width: 100%;
    max-width: none;
    padding: 40px 20px;
  }
}
body.webinar #content .form .placeholder-labels .custom-checkbox-container {
  margin: 10px 0 20px;
}
body.webinar #content .form label#LbleventRegistrationTrack2 {
  margin-bottom: 1em;
}
body.webinar #content .form .mktoRadioList > label {
  margin-bottom: 1em;
}
body.webinar #content .form .mktoFormRow.forced-down {
  line-height: 1.1;
  margin-top: 1em;
}
body.webinar #content .form textarea#cMGComments-3088 {
  min-height: 100px;
  margin-top: 40px;
}
body.webinar #content .form .half {
  float: left;
  width: 50%;
}
body.webinar #content .form .half.left {
  padding-right: 0.8em;
}
body.webinar #content .form .half.right {
  padding-left: 0.8em;
}
body.webinar #content .form ul {
  margin: 0;
  padding: 0;
}
body.webinar #content .form li {
  position: relative;
  list-style: none;
  padding: 0;
  background: none;
  margin: 0;
  font-size: 1.2em;
}
body.webinar #content .form .success-message {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 420px;
  width: 90%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-left: -155px;
  margin-top: -7px;
}
body.webinar #content .form .disclaimer {
  margin-top: 10px;
  text-align: center;
  color: #5d5d66;
}
body.webinar #content .form .display_form {
  position: relative;
  left: 100%;
}
body.webinar #speakers {
  background-color: #7856ff;
  padding: 75px 0;
  text-align: center;
  overflow: hidden;
}
body.webinar #speakers h3,
body.webinar #speakers p {
  color: #ffffff;
}
body.webinar #speakers .speakers {
  padding: 30px 0 0;
}
body.webinar #speakers .speaker {
  border: 1px solid #75cbef;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 23px 7.5%;
  float: left;
  color: #ffffff;
  margin-bottom: 15px;
  position: relative;
}
body.webinar #speakers .speaker.col-one {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
body.webinar #speakers .speaker.col-two {
  width: 49%;
}
body.webinar #speakers .speaker.col-two:nth-child(2n + 1) {
  float: left;
}
body.webinar #speakers .speaker.col-two:nth-child(2n + 2) {
  float: right;
}
@media only screen and (max-width: 600px) {
  body.webinar #speakers .speaker.col-two {
    /* Break to 1 col */
    width: 100%;
    float: none !important;
  }
}
body.webinar #speakers .speaker.col-three {
  width: 32.3%;
  padding: 23px 3%;
}
body.webinar #speakers .speaker.col-three:nth-child(3n + 1) {
  float: left;
}
body.webinar #speakers .speaker.col-three:nth-child(3n + 2) {
  margin-left: 1.5%;
  margin-right: 1.5%;
}
body.webinar #speakers .speaker.col-three:nth-child(3n + 3) {
  float: right;
}
@media only screen and (max-width: 767px) {
  body.webinar #speakers .speaker.col-three {
    /* Break to 2 col */
    width: 49%;
    padding: 23px 7.5%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.webinar #speakers .speaker.col-three:nth-child(2n + 1) {
    float: left !important;
  }
  body.webinar #speakers .speaker.col-three:nth-child(2n + 2) {
    float: right !important;
  }
}
@media only screen and (max-width: 600px) {
  body.webinar #speakers .speaker.col-three {
    /* Break to 1 col */
    width: 100%;
    float: none !important;
  }
}
body.webinar #speakers .speaker > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.webinar #speakers .speaker .avatar {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
body.webinar #speakers .speaker .name {
  text-transform: uppercase;
  font-size: 1.2em;
  line-height: 1em;
  font-weight: 600;
  display: block;
  margin: 10px 0 5px;
}
body.webinar #speakers .speaker .company {
  font-size: 1.2em;
  font-style: italic;
  display: block;
}
body.webinar #speakers .speaker .blurb {
  font-size: 1.6em;
  line-height: 1.4em;
  margin-top: 10px;
  display: block;
}
body.training-video #training {
  padding-top: 0;
}
body.training-video #training .left-container {
  width: 100%;
  padding-right: 340px;
}
body.training-video #training .right-container {
  width: 275px;
  position: absolute;
  right: 0;
  top: 0;
}
body.training-video #training .title-bar {
  padding: 2em;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
body.training-video #training .title-bar h1 {
  font-size: 2.2em;
  text-align: left;
  margin-bottom: 0;
}
body.training-video #training .title-bar #socialBound {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
body.training-video #training .title-bar #socialBound .social {
  width: 30px;
  height: 30px;
  background-image: url('../social-sharing.html');
  background-size: 116px 536px;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
  display: inline-block;
  margin-left: 15px;
}
body.training-video #training .title-bar #socialBound .social.twitter {
  background-position: -14px -36px;
}
body.training-video #training .title-bar #socialBound .social.twitter:hover {
  background-position: -72px -36px;
}
body.training-video #training .title-bar #socialBound .social.facebook {
  background-position: -14px -144px;
}
body.training-video #training .title-bar #socialBound .social.facebook:hover {
  background-position: -72px -144px;
}
body.training-video #training .title-bar #socialBound .social.linkedin {
  background-position: -14px -252px;
}
body.training-video #training .title-bar #socialBound .social.linkedin:hover {
  background-position: -72px -252px;
}
body.training-video #training .title-bar #socialBound .social.pintrest {
  background-position: -14px -360px;
}
body.training-video #training .title-bar #socialBound .social.pintrest:hover {
  background-position: -74px -360px;
}
body.training-video #training .title-bar #socialBound .social.embed {
  background-position: -14px -468px;
}
body.training-video #training .title-bar #socialBound .social.embed:hover {
  background-position: -72px -468px;
}
body.training-video #training .title-bar #socialBound .social-title {
  line-height: 15px;
  color: #5d5d66;
}
body.training-video #training .video iframe {
  width: 100%;
  height: 675px;
}
@media only screen and (max-width: 1320px) {
  body.training-video #training .video iframe {
    height: 51.13636364vw;
  }
}
@media only screen and (max-width: 1000px) {
  body.training-video #training .video iframe {
    height: 67.5vw;
  }
}
body.training-video #training .sections {
  background-color: #f6f6f7;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-top: 4em;
}
body.training-video #training .sections .tabs {
  padding: 0 20px;
  font-size: 2em;
  color: #111324;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}
body.training-video #training .sections .tabs .tab {
  padding: 1em 0.5em;
  margin-right: 2em;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body.training-video #training .sections .tabs .tab:hover {
  background-color: #dbdbdf;
}
body.training-video #training .sections .bar {
  padding: 0 20px;
  width: 100%;
  height: 4px;
  background-color: #ffffff;
}
body.training-video #training .sections .bar .active {
  background-color: #65b9ff;
  display: block;
  height: 4px;
  width: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body.training-video #training .sections .section {
  display: none;
  padding: 3em 3em;
}
body.training-video #training .sections .section.active {
  display: block;
}
body.training-video #training .sections .section ul {
  font-size: 10px;
  width: 100%;
}
body.training-video #training .sections .section ul li {
  font-size: 1.6em;
}
body.training-video #training .series-menu {
  border-left: 3px solid #5d5d66;
}
body.training-video #training .series-menu .group {
  padding-left: 40px;
  position: relative;
  font-size: 2em;
  font-weight: 500;
  margin-bottom: 2em;
}
body.training-video #training .series-menu .group:before {
  content: '';
  width: 14px;
  height: 14px;
  border: 3px solid #5d5d66;
  background-color: #ffffff;
  position: absolute;
  left: -12px;
  top: 0;
  -khtml-border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
}
body.training-video #training .series-menu .group.active:after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #65b9ff;
  position: absolute;
  left: -7px;
  top: 5px;
  -khtml-border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
body.training-video #training .series-menu .group:last-child {
  border-left: 3px solid #ffffff;
  margin-left: -3px;
}
body.training-video #training .series-menu .group .arrow {
  position: absolute;
  left: 10px;
  top: 0;
  width: 30px;
  height: 30px;
  display: block;
  cursor: pointer;
}
body.training-video #training .series-menu .group .arrow:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 3px;
  border: 7px solid transparent;
  border-left-color: #111324;
  width: 0;
  height: 0;
  display: block;
}
body.training-video #training .series-menu .group .parent {
  cursor: pointer;
}
body.training-video #training .series-menu .group ul {
  display: none;
}
body.training-video #training .series-menu .group.open > span:after {
  border: 7px solid transparent;
  border-top-color: #111324;
  top: 50%;
  margin-top: -7px;
  margin-left: -7px;
}
body.training-video #training .series-menu .group.open ul {
  display: block;
}
body.training-video #training .series-menu .group .video {
  font-size: 0.7em;
  margin-top: 0.8em;
}
body.training-video #training .series-menu .group .video strong {
  color: #111324;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body.training-video #training .series-menu .group .video span {
  color: #5d5d66;
  font-size: 0.8em;
}
body.training-video #training .series-menu .group .video.active strong {
  color: #65b9ff;
}
body.training-video #training .series-menu .group .video:hover strong {
  color: #585a66;
}
@media only screen and (max-width: 1000px) {
  body.training-video #training .inner {
    width: 100%;
  }
  body.training-video #training .left-container {
    padding-right: 0;
  }
  body.training-video #training .right-container {
    position: relative;
    margin-top: 6em;
  }
  body.training-video #training .sections {
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
  body.training-video #training .series-menu {
    margin-left: 10%;
  }
}
@media only screen and (max-width: 600px) {
  body.training-video #training .title-bar {
    display: block;
    text-align: center;
  }
  body.training-video #training .title-bar h1 {
    text-align: center;
    margin-bottom: 2em;
  }
  body.training-video #training .title-bar #socialBound {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  body.training-video #training .title-bar #socialBound a:first-child {
    margin-left: 0;
  }
}
body.gated #training,
body.gated #subscribe,
body.gated #signup,
body.gated #grid-related {
  display: none;
}
body.gated #resource-breadcrumb-bar {
  background: #111324;
  position: relative;
}
@media screen and (min-width: 1000px) {
  body.gated #resource-breadcrumb-bar:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 450px;
    background: #111324;
    top: 100%;
    left: 0;
    z-index: 1;
  }
}
body.gated #resource-breadcrumb-bar a,
body.gated #resource-breadcrumb-bar span {
  color: #fff;
}
body.gated #content {
  z-index: 3;
  background: transparent;
  padding-top: 2rem;
}
body.gated #content .title {
  font-weight: 500;
  max-width: 725px;
  margin: 0 0 2rem 0;
}
@media screen and (min-width: 1000px) {
  body.gated #content .title {
    font-size: 56px;
    line-height: 70px;
    color: #ffffff;
  }
}
body.gated #content .eyebrow {
  font-weight: 500;
  font-size: 15px;
  line-height: 27px;
  letter-spacing: -0.0182154px;
  color: #7856FF;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
body.gated #content .description-image {
  margin-bottom: 1rem;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 325px;
  object-fit: cover;
  object-position: center center;
}
@media screen and (min-width: 1000px) {
  body.gated #training:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 450px;
    background: #111324;
    top: 0;
    left: 0;
    z-index: 1;
  }
  body.gated #training .inner {
    z-index: 1;
  }
}
#thankyou {
  display: none;
}
#thankyou #plain-banner {
  background-color: #7856ff;
}
#thankyou #plain-banner h6,
#thankyou #plain-banner .fake-h1,
#thankyou #plain-banner p {
  color: #ffffff;
}
#thankyou #plain-banner .calendar-box {
  text-align: center;
  margin: 30px auto 0;
  height: 55px;
  width: 415px;
  position: relative;
}
#thankyou #plain-banner .addeventatc > span {
  display: none;
}
#thankyou #plain-banner .addeventatc_dropdown {
  position: relative;
  display: block !important;
}
#thankyou #plain-banner .addeventatc_dropdown span {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  width: 126px;
  outline: none;
  position: absolute;
  top: 0;
}
#thankyou #plain-banner .addeventatc_dropdown span.ateappleical {
  left: 0;
}
#thankyou #plain-banner .addeventatc_dropdown span.ategoogle {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
#thankyou #plain-banner .addeventatc_dropdown span.ateoutlook {
  right: 0;
}
#thankyou .social {
  text-align: center;
  background-color: #f6f6f7;
}
#thankyou .social p {
  text-align: center;
}
#thankyou .social .icons {
  text-align: center;
  margin-top: 30px;
}
#thankyou .social .icons a {
  width: 30px;
  height: 30px;
  background-color: #2a2941;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  margin: 0 5px;
  display: inline-block;
  text-align: center;
  position: relative;
}
#thankyou .social .icons a svg {
  display: block;
}
#thankyou .social .icons a .color {
  fill: #ffffff;
}
#thankyou .social .icons a.linkedin svg {
  position: relative;
  left: 0.5px;
}
#thankyou .social .icons a:hover {
  background-color: #103652;
}
#thankyou .recommended {
  text-align: center;
}
#thankyou .recommended p {
  text-align: center;
}
#thankyou .recommended #grid-webinar {
  padding-bottom: 0;
  margin-top: 4em;
}
body.webinar-video {
  background: url(../jpg/gradient_bg.jpg) no-repeat center center;
  background-size: cover;
  overflow: hidden;
  /* Custom CSS to style Olark.com chat box */
}
body.webinar-video section.z-top {
  z-index: 5;
}
body.webinar-video section#livewebinar {
  width: 100%;
  height: 100%;
  background: none;
  padding: 0 0 118px;
}
@media only screen and (max-width: 767px) {
  body.webinar-video section#livewebinar {
    padding: 0 0 221px;
  }
}
body.webinar-video section#livewebinar #iframe-controller {
  width: 100%;
  height: 100%;
  position: relative;
}
body.webinar-video section#livewebinar #iframe-controller iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
body.webinar-video section#livewebinar #webinar-footer {
  height: 118px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #111324;
  padding: 30px 70px;
}
@media only screen and (max-width: 767px) {
  body.webinar-video section#livewebinar #webinar-footer {
    height: 221px;
    padding: 30px 20px;
  }
}
body.webinar-video section#livewebinar #webinar-footer .presenter {
  padding: 9px 870px 0 0;
  height: 58px;
  width: 100%;
}
@media only screen and (max-width: 1350px) {
  body.webinar-video section#livewebinar #webinar-footer .presenter {
    padding-right: 280px;
  }
}
@media only screen and (max-width: 767px) {
  body.webinar-video section#livewebinar #webinar-footer .presenter {
    float: none;
    max-width: 320px;
    margin: 0 auto 20px;
    padding-right: 0;
  }
}
body.webinar-video section#livewebinar #webinar-footer .presenter.none {
  padding: 9px 0;
}
body.webinar-video section#livewebinar #webinar-footer .presenter.corinne {
  background: url(../png/corinne.png) no-repeat left center;
}
body.webinar-video section#livewebinar #webinar-footer .presenter.brigitte {
  background: url(../png/corinne.png) no-repeat left center;
}
body.webinar-video section#livewebinar #webinar-footer .presenter.sateja {
  background: url(../png/corinne.png) no-repeat left center;
}
body.webinar-video section#livewebinar #webinar-footer .presenter.sam {
  background: url(../png/corinne.png) no-repeat left center;
}
body.webinar-video section#livewebinar #webinar-footer .presenter h1 {
  color: #ffffff;
  text-align: left;
  font-size: 2em;
  line-height: 1.3em;
  margin-bottom: 0;
}
body.webinar-video section#livewebinar #webinar-footer .presenter h1 span.lime {
  color: #b9e314;
}
@media only screen and (max-width: 480px) {
  body.webinar-video section#livewebinar #webinar-footer .presenter h1 {
    font-size: 1.8em;
  }
}
body.webinar-video section#livewebinar #webinar-footer .presenter .presented {
  display: block;
  color: #5d5d66;
  font-size: 1.3em;
  padding-top: 5px;
}
body.webinar-video section#livewebinar #webinar-footer .presenter .presented .transcript {
  color: #7856ff;
  cursor: pointer;
}
body.webinar-video section#livewebinar #webinar-footer .presenter .presented .transcript:hover {
  color: #8c6fff;
}
body.webinar-video section#livewebinar #webinar-footer .signup {
  position: absolute;
  right: 70px;
  top: 30px;
}
@media only screen and (max-width: 767px) {
  body.webinar-video section#livewebinar #webinar-footer .signup {
    position: static;
    padding-top: 15px;
    margin: 0 auto;
    max-width: 320px;
  }
}
body.webinar-video section#livewebinar #webinar-footer .signup p {
  float: left;
  padding: 9px 50px 9px 50px;
  color: #f6f6f7;
  font-size: 1.5em;
  line-height: 1.6em;
  border-left: 1px solid #ececed;
  width: 590px;
}
@media only screen and (max-width: 1350px) {
  body.webinar-video section#livewebinar #webinar-footer .signup p {
    display: none;
  }
}
body.webinar-video section#livewebinar #webinar-footer .signup .cmbtn {
  float: left;
}
@media only screen and (max-width: 1000px) {
  body.webinar-video section#livewebinar #webinar-footer .signup .cmbtn {
    float: none;
    width: 100%;
    text-align: center;
  }
}
body.webinar-video section#transcript {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #111324;
  color: #ffffff;
  overflow: hidden;
  padding: 141px 0 75px;
}
body.webinar-video section#transcript .inner {
  max-width: 830px;
  height: 100%;
}
body.webinar-video section#transcript span.title {
  font-size: 5.2em;
  line-height: 1.3em;
  font-weight: 200;
  text-shadow: none;
  max-width: 660px;
  width: 90%;
  margin: 0 auto;
  padding-top: 5px;
  margin-bottom: 15px;
  color: #ffffff;
  letter-spacing: -0.03em;
  display: block;
  text-align: center;
}
@media only screen and (max-width: 500px) {
  body.webinar-video section#transcript span.title {
    font-size: 3.4em;
    line-height: 1.4em;
  }
}
body.webinar-video section#transcript span.presenters {
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 200;
  color: #ffffff;
  letter-spacing: -0.03em;
  display: block;
  text-align: center;
}
body.webinar-video section#transcript .close-transcript {
  font-size: 1.3em;
  color: #7856ff;
  cursor: pointer;
  display: block;
  margin: 30px auto 0;
  text-align: center;
}
body.webinar-video section#transcript .close-transcript:hover {
  color: #8c6fff;
}
body.webinar-video section#transcript h4 {
  font-size: 1.2em;
  line-height: 1em;
  font-weight: normal;
  letter-spacing: 0.05em;
  color: #5d5d66;
  display: block;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
}
body.webinar-video section#transcript h4 a {
  color: #f6f6f7;
  border-bottom: 1px solid #f6f6f7;
  padding-bottom: 1px;
  font-weight: 600;
  cursor: default;
  /*                &:hover {color: darken(@lightgrey,5%); border-bottom: none;}*/
}
body.webinar-video section#transcript .transcript {
  overflow: scroll;
  margin-top: 80px;
  height: 80%;
}
body.webinar-video section#transcript .transcript p {
  font-size: 1.6em;
  line-height: 1.4em;
  color: #ffffff;
  margin-bottom: 20px;
}
body.webinar-video .habla_window_div_position {
  bottom: 10px;
  position: fixed;
  right: 10px;
}
body.webinar-video .habla_window_div_position_floating {
  bottom: 10px;
  position: fixed;
  right: 10px;
}
body.webinar-video .habla_window_div_position_floating_ie {
  bottom: 10px;
  position: absolute;
  right: 10px;
}
body.webinar-video .habla_window_div_base {
  border: 0 none !important;
  font-style: inherit;
  font-weight: inherit;
  line-height: 1;
  margin: 0 !important;
  outline-color: -moz-use-text-color;
  outline-style: none !important;
  outline-width: 0;
  padding: 0 !important;
  text-align: left;
  vertical-align: baseline;
  z-index: 99999 !important;
  left: auto !important;
  right: 0px !important;
  bottom: 118px !important;
  position: absolute !important;
}
@media only screen and (max-width: 767px) {
  body.webinar-video .habla_window_div_base {
    bottom: 221px !important;
  }
}
@media only screen and (max-width: 360px) {
  body.webinar-video .habla_window_div_base {
    width: 100%;
  }
}
body.webinar-video .habla_panel_border {
  -webkit-border-top-left-radius: 6px;
  /*	-webkit-border-top-right-radius: 6px;*/
  -moz-border-radius-topleft: 6px;
  /*	-moz-border-radius-topright: 6px;*/
  border-top-left-radius: 6px;
  /*	border-top-right-radius: 6px;*/
  background: #ffffff none repeat scroll 0 0;
  border: #c7d0d7 solid 1px;
  border-bottom: 0px;
  font-size: 14px;
  width: 350px;
  -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 360px) {
  body.webinar-video .habla_panel_border {
    width: 100%;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
  }
}
body.webinar-video .habla_button_a_highlighted {
  color: #444444;
}
body.webinar-video .habla_button_a_hover {
  color: #444444 !important;
}
body.webinar-video a.habla_button_a_hover:hover {
  font-size: 14px;
}
body.webinar-video .habla_button {
  float: right;
  margin-left: 8px;
  text-decoration: none;
}
body.webinar-video #habla_sizebutton_a {
  float: right;
  font-weight: bold;
  text-decoration: none !important;
  text-indent: -9999px;
  margin-top: 5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #5d5d66;
}
body.webinar-video #habla_sizebutton_a:hover {
  border-bottom: 5px solid #5d5d66;
}
body.webinar-video .olrk-state-expanded #habla_sizebutton_a {
  border-top: 5px solid #5d5d66;
  border-bottom: 0px;
}
body.webinar-video .olrk-state-expanded #habla_sizebutton_a:hover {
  border-top: 5px solid #5d5d66;
  border-bottom: 0px;
}
body.webinar-video .habla_conversation_message_off {
  margin: 0 !important;
  padding: 3px 3px 3px 23px;
}
body.webinar-video .habla_conversation_message_on {
  margin: 0;
  padding: 5px;
}
body.webinar-video .habla_conversation_p_item {
  background: transparent none repeat scroll 0 0;
  color: #000000;
  margin: 0;
  padding: 3px 0px;
}
body.webinar-video .habla_conversation_person1 {
  color: #bbbbbb;
  padding-right: 5px;
}
body.webinar-video .habla_conversation_person2 {
  color: #3081dd;
  padding-right: 5px;
  font-weight: bold;
}
body.webinar-video .habla_conversation_text_span {
  color: #444444;
  display: block;
  padding: 5px 0 10px;
  line-height: 1.2em;
}
body.webinar-video .habla_topbar_div_highlighted {
  background: red none repeat scroll 0 0;
  color: #00ffff;
  padding: 4px;
}
body.webinar-video .habla_topbar_div_normal {
  /*	background: -moz-linear-gradient(top, #fcfbfa 0%, #e8ebed 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfbfa), color-stop(100%, #e8ebed));
            background: -webkit-linear-gradient(top, #fcfbfa 0%, #e8ebed 100%);
            background: -o-linear-gradient(top, #fcfbfa 0%, #e8ebed 100%);
            background: -ms-linear-gradient(top, #fcfbfa 0%, #e8ebed 100%);
            background: linear-gradient(to bottom, #fcfbfa 0%, #e8ebed 100%);*/
  background: #ffffff;
  /*	border-bottom: #c7d0d7 solid 1px;*/
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
  color: #5d5d66;
  padding: 10px 20px;
  -webkit-border-top-left-radius: 6px;
  /*	-webkit-border-top-right-radius: 6px;*/
  -moz-border-radius-topleft: 6px;
  /*	-moz-border-radius-topright: 6px;*/
  border-top-left-radius: 6px;
  /*	border-top-right-radius: 6px;*/
  cursor: pointer;
}
@media only screen and (max-width: 360px) {
  body.webinar-video .habla_topbar_div_normal {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
  }
}
body.webinar-video .habla_topbar_clickable {
  cursor: pointer;
}
body.webinar-video .habla_oplink_a_hover {
  color: #888888;
  font-weight: normal;
  text-decoration: none;
}
body.webinar-video a.habla_oplink_a_hover:hover {
  color: #5d5d66;
}
body.webinar-video .habla_oplink_a_normal {
  color: #5d5d66;
  font-weight: normal;
  text-decoration: none;
}
body.webinar-video .clear_style {
  clear: both;
}
body.webinar-video .habla_offline_message_div {
  border-bottom: 1px dotted #ddd;
  line-height: 1.5em;
  margin: 0;
  padding: 3px;
}
body.webinar-video .habla_conversation_div {
  background: transparent none repeat scroll 0 0;
  /*border-bottom:1px dotted #DDD;*/
  height: 155px;
  line-height: 1.5em;
  overflow: auto;
  color: black;
  padding: 10px 20px !important;
}
body.webinar-video .habla_pre_chat_div {
  background: transparent none repeat scroll 0 0;
  /*border-bottom:1px dotted #DDD;*/
  height: 175px !important;
  line-height: 1.5em;
  overflow: auto;
  color: #444444;
  padding: 10px 20px;
}
body.webinar-video .hbl_txt_wrapper {
  margin-top: 15px;
}
body.webinar-video .habla_offline_message_sent_div {
  background: transparent none repeat scroll 0 0;
  border-bottom: 1px dotted #ddd;
  height: 155px;
  line-height: 1.5em;
  overflow: auto !important;
  padding: 3px !important;
}
body.webinar-video .habla_chatform_form {
  margin: 0 !important;
  padding: 0 !important;
}
body.webinar-video .habla_input_div {
  font-size: 12px;
  font-weight: normal !important;
  margin: 0 !important;
  padding: 10px 20px 2px 20px !important;
  border-top: #ddd solid 1px;
  -webkit-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05);
}
body.webinar-video .habla_input_div .hbl_txt_wrapper {
  margin-top: 0px;
}
body.webinar-video .habla_offline_body_input {
  font-size: 12px;
  height: 155px;
  vertical-align: text-top;
  width: 234px;
}
body.webinar-video .habla_say_text_span {
  color: #000000;
}
body.webinar-video .habla_submit_button {
  font-size: 12px;
  margin: 0 !important;
  vertical-align: text-top;
  width: 234px;
}
body.webinar-video .habla_offline_submit_input {
  background: #67ab50 none repeat scroll 0 0 !important;
  border: #3d8b30 solid 1px !important;
  color: white !important;
  padding: 5px 10px;
  margin-top: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
}
body.webinar-video .habla_offline_error_span {
  float: left;
  font-size: 12px;
}
body.webinar-video .habla_wcsend_input_normal {
  border: 1px solid #cccccc !important;
}
body.webinar-video .habla_wcsend_input_pre {
  color: #888888;
}
body.webinar-video .habla_wcsend_input_post {
  color: #000000;
}
body.webinar-video .habla_wcsend_input_pre_highlighted {
  border: 2px solid #cccccc !important;
}
body.webinar-video .habla_wcsend_input_highlighted {
  border: 2px solid !important;
  color: #000000 !important;
}
body.webinar-video .habla_wcsend_field {
  background: transparent none repeat scroll 0 0;
  font-size: 12px;
  height: 15px !important;
  line-height: 17px !important;
  box-sizing: content-box;
  margin: 0 !important;
  overflow: auto !important;
  padding: 5px !important;
  vertical-align: text-top;
  width: 300px;
}
@-webkit-keyframes fly {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  25% {
    -webkit-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -ms-transform: translateY(15%);
    -o-transform: translateY(15%);
    transform: translateY(15%);
  }
  75% {
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes fly {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  25% {
    -webkit-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -ms-transform: translateY(15%);
    -o-transform: translateY(15%);
    transform: translateY(15%);
  }
  75% {
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-o-keyframes fly {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  25% {
    -webkit-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -ms-transform: translateY(15%);
    -o-transform: translateY(15%);
    transform: translateY(15%);
  }
  75% {
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes fly {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  25% {
    -webkit-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -ms-transform: translateY(15%);
    -o-transform: translateY(15%);
    transform: translateY(15%);
  }
  75% {
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.guides section#sections h2 {
  text-align: left;
}
.infographic section#sections h2 {
  text-align: left;
}
body.infographic #sections .content.article p {
  text-align: left;
}
.new-guides .wrapper p {
  color: #727272;
}
.new-guides .wrapper ul li {
  margin: 0.5rem 0 0.5rem 1rem;
  text-indent: 0 !important;
  line-height: 1.3;
  font-size: 0.9em;
  font-weight: 500;
}
.new-guides .wrapper img {
  max-width: 100%;
}
/* ---------------------------------- */
/* ---------------------------------- */
.event .tabindex:focus {
  outline: none;
}
.event .tabindex:focus-visible {
  outline: #5d5d66 auto 5px;
}
.event #banner.events-banner h6 {
  display: inline-block;
  width: auto;
  background: #7856ff;
  padding: 4px 16px;
  border-radius: 32px;
  color: white;
  font-weight: 400;
  margin-bottom: 24px;
}
.event #banner.events-banner .events-banner__date {
  color: #51cfdb;
}
@media (max-width: 600px) {
  .event #banner.events-banner {
    min-height: 420px;
  }
}
.event #closed-banner {
  background: #7856ff;
  width: 100%;
  padding: 32px 20px;
}
.event #closed-banner h3,
.event #closed-banner p {
  text-align: center;
  color: #ffffff;
}
.event .event-section-title {
  text-align: center;
  max-width: 860px;
  margin: 0 auto 32px auto;
}
.event .event-section-title p {
  text-align: center;
}
.event #content {
  background: #ffffff;
}
.event #content .inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.event #content .inner img {
  width: 100%;
  height: auto;
}
.event #content .inner > div {
  width: 50%;
}
.event #content .inner > div.form {
  max-width: 360px;
  margin-left: 140px;
}
.event #content .inner > div.form .g-recaptcha iframe {
  padding: 0 !important;
}
.event #content .inner > div.secondary-image {
  margin-left: 140px;
}
.event #content .inner .secondary-image-mobile {
  display: none;
}
@media (max-width: 900px) {
  .event #content .inner {
    flex-direction: column;
  }
  .event #content .inner .secondary-image-desktop {
    display: none;
  }
  .event #content .inner .secondary-image-mobile {
    display: block;
  }
  .event #content .inner > div {
    width: 100%;
  }
  .event #content .inner > div.form {
    max-width: 360px;
    width: 100%;
    margin: 0 auto 24px auto;
  }
  .event #content .inner > div.secondary-image {
    margin: 24px auto;
  }
}
.event #speakers {
  background: #ffffff;
}
.event #speakers .inner {
  text-align: center;
}
.event #speakers .speakers-grid {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
.event #speakers .speaker-card {
  background: #ffffff;
  border-radius: 6px ;
  margin: 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  flex: 0 0 240px;
}
.event #speakers .speaker-card .speaker-card__top {
  background: #7856ff;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  height: 150px;
  position: relative;
  margin-bottom: 32px;
}
.event #speakers .speaker-card .speaker-card__top .avatar {
  position: absolute;
  display: block;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 6px;
}
.event #speakers .speaker-card .speaker-card__bottom {
  padding: 16px 32px ;
}
.event #speakers .speaker-card .speaker-card__bottom .speaker-name {
  font-size: 1.25rem;
  margin-bottom: 12px;
}
.event #speakers .speaker-card .speaker-card__bottom .speaker-company {
  color: #8a8b93;
  text-transform: uppercase;
  margin-bottom: 12px;
  display: block;
  text-align: center;
  font-size: 0.75rem;
}
.event #speakers .speaker-card .speaker-card__bottom .speaker-blurb {
  text-align: center;
  font-size: 0.75rem;
}
.event #speakers .speaker-card .speaker-card__bottom .speaker-card__divider {
  width: 32px;
  height: 1px;
  background: #bebec2;
  margin: 0 auto;
  margin-bottom: 12px;
}
.event #speakers .speaker-card.is-keynote .speaker-card__top {
  background-color: #51cfdb;
}
@media (min-width: 940px) {
  .event #speakers .speaker-card.is-keynote {
    flex: 0 0 500px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .event #speakers .speaker-card.is-keynote .speaker-card__top {
    background-color: #51cfdb;
    width: 120px;
    height: 100%;
    min-height: 300px;
    margin: 0;
    margin-right: 100px;
    border-top-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 6px;
  }
  .event #speakers .speaker-card.is-keynote .speaker-card__top .avatar {
    left: 32px;
    top: 50%;
    transform: translateY(-50%);
    width: 180px;
    height: 180px;
  }
  .event #speakers .speaker-card.is-keynote .speaker-card__bottom {
    text-align: left;
  }
  .event #speakers .speaker-card.is-keynote .speaker-card__bottom .speaker-company {
    text-align: left;
  }
  .event #speakers .speaker-card.is-keynote .speaker-card__bottom .speaker-blurb {
    text-align: left;
  }
  .event #speakers .speaker-card.is-keynote .speaker-card__bottom .speaker-card__divider {
    margin: 0;
    margin-right: auto;
    margin-bottom: 16px;
  }
}
@media (max-width: 600px) {
  .event #speakers .speaker-card {
    flex: 1 1 100%;
  }
  .event #speakers .speaker-card.is-keynote {
    flex: 1 1 100%;
    min-height: 300px;
  }
}
.event #agenda .agenda-section {
  background: #7856ff;
  border: 1px solid #7856ff;
  color: #ffffff;
  font-size: 1rem;
  width: 100%;
  padding: 16px;
  margin-top: 24px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.event #agenda .agenda-section:first-of-type {
  margin-top: 0px;
}
.event .event-accordion .event-accordion__item {
  border: 1px solid #8a8b93;
  border-top: none;
  background: #ffffff;
  width: 100%;
  position: relative;
}
.event .event-accordion .event-accordion__item:first-of-type {
  border: 1px solid #8a8b93;
}
.event .event-accordion .event-accordion__item:before {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 12px;
  background: #51cfdb;
  top: 0;
  left: 0;
}
.event .event-accordion .event-accordion__title {
  padding: 16px;
  padding-left: 28px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.event .event-accordion .event-accordion__title h5 {
  margin: 0;
  font-weight: 400;
}
.event .event-accordion .event-accordion__title h5 span {
  font-size: 0.8em;
  font-weight: 400;
}
.event .event-accordion .event-accordion__title svg {
  transition: all 0.2s ease;
}
.event .event-accordion .event-accordion__title.active svg {
  transform: rotate(180deg);
}
.event .event-accordion .event-accordion__details {
  display: none;
  margin: 24px 0px;
  padding: 0px 16px 16px 28px;
}
.event #agenda-videos .video-section {
  margin-bottom: 8em;
}
.event #agenda-videos .video-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 980px) {
  .event #agenda-videos .video-grid {
    grid-template-columns: 1fr;
  }
}
.event .video-card .video-card__info {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  margin-bottom: 16px;
}
.event .video-card .video-card__info .video-card__title {
  font-size: 1.5rem;
  margin-bottom: 8px;
  text-align: left;
}
.event .video-card .transcript-button {
  padding: 10px;
  margin-left: 12px;
}
.event .video-card .transcript-button svg {
  transition: all 0.2s ease;
}
.event .video-card .transcript-button.active svg {
  transform: rotate(180deg);
}
.event .video-card .video-card__transcript {
  display: none;
  height: 320px;
  overflow-y: scroll;
  background: #ffffff;
  padding: 24px;
  border-bottom: 4px solid #7856ff;
}
.event #featured-videos .video-card .transcript-button {
  padding: 10px 20px;
}
.event #featured-videos .video-card .transcript-button svg {
  margin-left: 12px;
}
@media (max-width: 600px) {
  .event #featured-videos .video-card .video-card__info {
    flex-direction: column;
  }
  .event #featured-videos .video-card .transcript-button {
    margin-top: 12px;
  }
}
.resources-none-available p,
.resources-none-available h2 {
  text-align: center;
}
.tile.events h6.badge.events {
  margin-bottom: 0;
}
.tile.events span {
  color: #7856ff;
  display: block;
  margin-bottom: 16px;
  font-size: 1.6em;
  line-height: 1.308em;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.038em;
}
.training .video-list {
  position: relative;
  margin: 0 0 4rem;
  background: #ffffff;
}
.training .video-list > .inner {
  width: 80%;
}
.training .video-list h2 {
  display: inline-block;
  width: fit-content;
  margin: 0;
  font-size: 2em;
  font-weight: 600;
}
.training .video-list a.watch-all {
  margin: 0 0 0 1rem;
  font-size: 1.3em;
  font-weight: 600;
  color: #5d5d66;
}
@media screen and (max-width: 600px) {
  .training .video-list a.watch-all {
    display: block;
    margin: 1rem 0 0;
  }
}
.training .video-list img.arrow {
  margin-left: 0.2rem;
  height: 11px;
  transform: translateY(1px);
  filter: contrast(0);
}
.training .video-list__item {
  flex: 0 0 auto;
  width: calc(25% - 0.7rem);
  margin: 1rem 1rem 0.5rem 0;
  background: #ffffff;
  border: 1px solid rgba(144, 144, 150, 0.35);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s ease;
}
.training .video-list__item:hover {
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}
.training .video-list__item:last-of-type {
  margin-right: 0;
}
.training .video-list__item--top {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 169px;
  background: linear-gradient(to right, #7856FF 0%, #65B9FF 100%);
}
.training .video-list__item--top img {
  max-width: 80%;
  height: auto;
}
.training .video-list__item--btm {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 160px;
  padding: 1rem;
}
.training .video-list__item--btm h3 {
  margin: 0;
  font-size: 1.6em;
  font-weight: 400;
  text-align: left;
}
.training .video-list__item--btm p {
  margin: 0;
}
.training .video-list .glide .glide__arrows {
  display: none;
}
@media screen and (max-width: 600px) {
  .training .video-list .glide .glide__arrows {
    display: none;
  }
}
.training .video-list .glide.controls .glide__track::after {
  content: '';
  position: absolute;
  top: 1rem;
  right: 0;
  width: calc(50px - 15px);
  height: calc(100% - 5.5rem);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 75%, #ffffff 100%);
}
.training .video-list .glide.controls .glide__arrows {
  display: block;
}
.training .video-list .glide .glide__arrow {
  position: absolute;
  top: 50%;
  padding: 1rem;
  border-radius: 50%;
  background: #C4C4C4;
  border-color: #C4C4C4;
  background-position: center;
  background-size: 1rem;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s ease;
}
.training .video-list .glide .glide__arrow:hover {
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}
.training .video-list .glide .glide__arrow--left {
  left: 0;
  transform: translate(-45px, -50%);
  background-image: url("../svg/arrow-back.svg");
}
.training .video-list .glide .glide__arrow--right {
  right: 0;
  transform: translate(45px, -50%);
  background-image: url("../svg/arrow-fwd.svg");
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#pagination-container .inner {
  display: flex;
  justify-content: center;
}
#resource-types-sticky-nav {
  width: 100%;
  background: white;
}
#resource-types-sticky-nav.stick {
  position: fixed;
  top: 80px;
  right: 0;
  left: 0;
  z-index: 100;
}
#resource-types-sticky-nav .resource-types-nav__mobile-toggle {
  display: none;
  text-transform: uppercase;
  color: #8a8b93;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 1rem;
  cursor: pointer;
}
#resource-types-sticky-nav .resource-types-nav__mobile-toggle svg {
  transition: all 0.2s ease;
  stroke: #7856ff;
  max-width: 20px;
}
#resource-types-sticky-nav .resource-types-nav__mobile-toggle.active svg {
  transform: rotate(180deg);
}
@media (max-width: 600px) {
  #resource-types-sticky-nav .resource-types-nav__mobile-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
#resource-types-sticky-nav .resource-types-nav__container {
  max-height: 70vh;
  display: block;
  overflow-y: auto;
}
@media (max-width: 600px) {
  #resource-types-sticky-nav .resource-types-nav__container {
    display: none;
    margin-bottom: 12px;
  }
}
#resource-types-sticky-nav .resource-types-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 600px) {
  #resource-types-sticky-nav .resource-types-nav {
    flex-direction: column;
    align-items: flex-start;
    border-top: 1px solid #bebec2;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
#resource-types-sticky-nav .resource-types-nav .resource-types-link {
  text-transform: uppercase;
  color: #8a8b93;
  font-weight: 600;
  font-size: 0.85rem;
  margin: 1rem 0.75rem;
  position: relative;
  display: flex;
  align-items: center;
}
#resource-types-sticky-nav .resource-types-nav .resource-types-link svg {
  margin-right: 6px;
  stroke: #bebec2;
}
#resource-types-sticky-nav .resource-types-nav .resource-types-link.active {
  color: #111324;
}
#resource-types-sticky-nav .resource-types-nav .resource-types-link.active svg {
  stroke: #111324 !important;
}
#resource-types-sticky-nav .resource-types-nav .resource-types-link::after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  height: 0px;
  background: #7856ff;
  bottom: -1rem;
  left: 0;
  transition: all 0.2s ease;
}
#resource-types-sticky-nav .resource-types-nav .resource-types-link:hover::after,
#resource-types-sticky-nav .resource-types-nav .resource-types-link.active::after {
  height: 5px;
}
@media (max-width: 600px) {
  #resource-types-sticky-nav .resource-types-nav .resource-types-link {
    margin: 0.75rem;
  }
  #resource-types-sticky-nav .resource-types-nav .resource-types-link::after {
    top: -3px;
    bottom: -3px;
    left: -12px;
    width: 5px;
    background: transparent;
    height: auto;
  }
  #resource-types-sticky-nav .resource-types-nav .resource-types-link:hover::after,
  #resource-types-sticky-nav .resource-types-nav .resource-types-link.active::after {
    background: #7856ff;
    height: auto;
  }
}
.resources-ajax-loader {
  grid-column: 1 / 4;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.resources-ajax-loader .loader,
.resources-ajax-loader .loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.resources-ajax-loader .loader {
  margin: 120px auto;
  font-size: 10px;
  position: relative;
  border-top: 1.1em solid #bebec2;
  border-right: 1.1em solid #bebec2;
  border-bottom: 1.1em solid #bebec2;
  border-left: 1.1em solid #7856ff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.resources-none-found {
  grid-column: 1 / 4;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 120px auto;
  text-align: center;
}
.cm-resource-grid {
  padding-top: 32px !important;
}
.cm-resource-grid .inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 900px) {
  .cm-resource-grid .inner {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .cm-resource-grid .inner {
    grid-template-columns: 1fr;
  }
}
.cm-resource-grid #ajax-load-more-button {
  display: block;
  margin: 3rem auto;
}
.cm-resource-grid #ajax-load-more-button:disabled {
  background: #bebec2 !important;
  border: 1px solid #bebec2 !important;
  color: white !important;
  cursor: default;
}
.topics-filter-dropdown {
  position: relative;
}
.topics-filter-dropdown .topics-filter-dropdown__title {
  padding: 14px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #8a8b93;
  background: white;
  cursor: pointer;
}
.topics-filter-dropdown .topics-filter-dropdown__title span {
  font-size: 1rem;
  font-weight: 400;
  color: #8a8b93;
}
.topics-filter-dropdown .topics-filter-dropdown__title svg {
  transition: all 0.2s ease;
  stroke: #7856ff;
  max-width: 20px;
}
.topics-filter-dropdown .topics-filter-dropdown__title.active svg {
  transform: rotate(180deg);
}
.topics-filter-dropdown .topics-filter-dropdown__form {
  position: absolute;
  top: 100%;
  right: 0;
  width: auto;
  display: none;
  margin: -1px 0px 0px 0px;
  padding: 16px 16px 16px 28px;
  background: white;
  border: 1px solid #8a8b93;
}
.topics-filter-dropdown .topics-filter-dropdown__form form {
  columns: 3;
  padding: 8px;
}
@media (max-width: 760px) {
  .topics-filter-dropdown .topics-filter-dropdown__form {
    position: relative;
    width: 100%;
  }
  .topics-filter-dropdown .topics-filter-dropdown__form form {
    columns: 2;
  }
}
@media (max-width: 560px) {
  .topics-filter-dropdown .topics-filter-dropdown__form form {
    columns: 1;
  }
}
#resource-filter-bar {
  padding-bottom: 0px;
  z-index: 4;
  padding-top: 32px;
}
#resource-filter-bar .inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  align-items: center;
}
@media (max-width: 760px) {
  #resource-filter-bar .inner {
    grid-template-columns: 1fr;
  }
}
#resource-filter-bar.no-topics .inner {
  grid-template-columns: 1fr;
}
#resource-filter-bar .right {
  background: transparent;
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (max-width: 760px) {
  #resource-filter-bar .right {
    grid-column-end: 2;
  }
}
#resource-filter-bar .right #search-box {
  width: 100%;
  height: 50px;
  display: block;
}
@media only screen and (max-width: 767px) {
  #resource-filter-bar .right #search-box {
    width: 100%;
    float: none;
    max-width: none;
  }
}
#resource-filter-bar .right #search-box .shroud {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(47, 53, 62, 0.65);
  z-index: 9998;
  display: none;
}
#resource-filter-bar .right #search-box input {
  background-image: url('../search-icon.html');
  background-position: right 17px center;
  background-repeat: no-repeat;
  margin: 0;
  padding-right: 50px;
  position: static;
  left: 0;
  top: 30px;
  background-color: transparent;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #8a8b93;
  font-weight: 600;
}
#resource-filter-bar .right #search-box input::placeholder {
  font-style: normal;
  color: #bebec2;
}
#resource-filter-bar .right #search-box input.expanded {
  position: absolute;
  z-index: 9999;
  padding-right: 200px;
  background-color: #ffffff;
  border: 1px solid #8a8b93;
  border-radius: 2px;
}
#resource-filter-bar .right #search-box input.shown-results,
#resource-filter-bar .right #search-box input.shown-filter {
  -khtml-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#resource-filter-bar .right #search-box #submit-search {
  display: none;
  cursor: pointer;
  position: absolute;
  z-index: 10000;
  right: 1px;
  top: 31px;
  height: 48px;
  width: 49px;
  line-height: 48px;
  background-image: url('../search-icon.html');
  background-position: right 17px center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
#resource-filter-bar .right #search-box #submit-search:hover {
  background-color: #f6f6f7;
}
#resource-filter-bar .right #search-box #found-results-count {
  display: none;
  position: absolute;
  z-index: 10000;
  right: 200px;
  top: 31px;
  height: 48px;
  line-height: 48px;
  color: #c0c0c7;
  font-size: 1.4em;
}
#resource-filter-bar .right #search-box #toggle-search-filter {
  display: none;
  cursor: pointer;
  position: absolute;
  z-index: 10000;
  right: 50px;
  top: 31px;
  height: 48px;
  line-height: 48px;
  border-right: 1px solid #ececed;
  color: #5d5d66;
  font-size: 1.6em;
  padding-right: 50px;
  padding-left: 20px;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
#resource-filter-bar .right #search-box #toggle-search-filter:after {
  content: '';
  position: absolute;
  width: 50px;
  height: 100%;
  top: 0;
  right: 0;
  background-image: url('../dropdown-arrow.html');
  background-position: right 19px center;
  background-repeat: no-repeat;
}
#resource-filter-bar .right #search-box #toggle-search-filter.open:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#resource-filter-bar .right #search-box #toggle-search-filter:hover {
  background-color: #f6f6f7;
}
#resource-filter-bar .right #search-box #search-filter {
  display: none;
  position: absolute;
  top: 79px;
  left: 0;
  z-index: 9999;
  width: 100%;
  padding: 30px 80px;
  text-align: left;
  background: #ffffff;
  border: 1px solid #ececed;
  -khtml-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
#resource-filter-bar .right #search-box #search-filter .cols {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}
#resource-filter-bar .right #search-box #search-filter .col h6 {
  margin-bottom: 20px;
}
#resource-filter-bar .right #search-box #search-filter .col li {
  margin-bottom: 12px;
  width: 100%;
  font-size: 1.6em;
  color: #5d5d66;
}
#resource-filter-bar .right #search-box #search-filter .col li input {
  margin-right: 10px;
}
#resource-filter-bar .right #search-box #search-filter .col-quart {
  width: 25%;
}
#resource-filter-bar .right #search-box #search-filter .col-half {
  width: 50%;
}
#resource-filter-bar .right #search-box #search-filter .col-half ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-width: 50%;
  -moz-column-width: 50%;
  column-width: 50%;
}
#resource-filter-bar .right #search-box #search-filter #apply-filters {
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px solid #ececed;
  width: 100%;
  text-align: center;
}
#resource-filter-bar .right #search-box #search-filter #clear-filters {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 30px;
  right: 50px;
  padding-left: 16px;
  color: #5d5d66;
  font-size: 1.3em;
  background-image: url('../cross.html');
  background-position: left center;
  background-repeat: no-repeat;
}
#resource-filter-bar .right #search-box #search-results {
  display: none;
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 9998;
  background: #ffffff;
  border: 1px solid #ececed;
  -khtml-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  width: 100%;
  text-align: left;
  padding: 30px 30px 0;
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: auto;
}
#resource-filter-bar .right #search-box #search-results.hide {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#resource-filter-bar .right #search-box #search-results .articles {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}
#resource-filter-bar .right #search-box #search-results h4 {
  text-align: center;
  margin-bottom: 35px;
}
#resource-filter-bar .right #search-box #search-results .search-result {
  width: 100%;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 10px 20px;
}
#resource-filter-bar .right #search-box #search-results .search-result:last-child {
  margin-bottom: 30px;
  border-bottom: none;
}
#resource-filter-bar .right #search-box #search-results .search-result a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#resource-filter-bar .right #search-box #search-results .search-result .title {
  font-size: 2em;
  line-height: 1.3em;
  width: 80%;
  flex-grow: 1;
  padding-right: 20px;
}
#resource-filter-bar .right #search-box #search-results .search-result .pill span {
  display: block;
  font-size: 1.3em;
  line-height: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  color: #5d5d66;
  border: 1px solid #5d5d66;
  padding: 0 10px;
}
#resource-filter-bar .right #search-box #search-results .search-result:hover {
  background-color: #ececed;
}
#resource-filter-bar .right #search-box #search-results #show-all-results {
  display: block;
  clear: both;
  border-top: 1px solid #ececed;
  text-align: center;
  padding: 20px 0;
}
#resource-filter-bar .right #search-box #search-results #show-all-results a {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
@media only screen and (max-width: 980px) {
  #resource-filter-bar .right #search-box {
    max-width: none;
    width: 100%;
    margin-left: 0;
  }
  #resource-filter-bar .right #search-box input.expanded {
    width: 100% !important;
  }
  #resource-filter-bar .right #search-box #toggle-search-filter {
    display: none !important;
  }
  #resource-filter-bar .right #search-box #found-results-count {
    right: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #resource-filter-bar .right #search-box #search-results .articles {
    width: 100%;
  }
  #resource-filter-bar .right #search-box #search-results .search-result .title {
    font-size: 1.4em;
    width: 20%;
  }
}
@media only screen and (max-width: 480px) {
  #resource-filter-bar .right #search-box input {
    padding-right: 60px;
  }
  #resource-filter-bar .right #search-box #found-results-count {
    display: none !important;
  }
  #resource-filter-bar .right #search-box #search-results .search-result .title {
    font-size: 1.4em;
    width: 100%;
  }
  #resource-filter-bar .right #search-box #search-results .search-result .pill {
    display: none;
  }
}
#resource-topics-filter {
  /* Create a custom checkbox */
}
#resource-topics-filter .topics-filter__container {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-right: 24px;
  padding-top: 3px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 500;
  color: #8a8b93;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
#resource-topics-filter .topics-filter__container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#resource-topics-filter .topics-filter__container input:checked ~ .topics-filter__checkmark:after {
  display: block;
}
@media (max-width: 600px) {
  #resource-topics-filter .topics-filter__container {
    margin-bottom: 18px;
  }
}
#resource-topics-filter .topics-filter__checkmark {
  position: absolute;
  top: 0px;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #bebec2;
}
#resource-topics-filter .topics-filter__checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 3px;
  height: 10px;
  border: solid #7856ff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
section {
  background: #f6f6f7;
}
section#plain-banner {
  padding-bottom: 0;
  overflow: hidden;
}
section#plain-banner .fake-h1 {
  font-family: 'Graphik Web', Helvetica, sans-serif;
  font-size: 5.6em;
  line-height: 1.167em;
  font-weight: 500;
  font-style: normal;
  color: #111324;
  width: 100%;
  text-align: center;
  margin: 0 auto 17px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  section#plain-banner .fake-h1 {
    font-size: 4.6em;
  }
}
section#plain-banner h6 a {
  font-weight: inherit;
  color: inherit;
}
section#banner.banner-no-bg {
  background: transparent;
  min-height: 0;
  height: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}
section#banner.banner-no-bg .inner {
  position: static;
}
section#banner.banner-no-bg hgroup {
  max-width: 900px;
  width: 90%;
  margin-bottom: 0;
  position: relative;
  top: unset;
  left: unset;
  transform: none;
}
section#banner.banner-no-bg h6 a {
  font-weight: inherit;
  color: #111324;
}
section#banner.banner-no-bg h1,
section#banner.banner-no-bg p {
  color: #111324;
}
section#featured-posts {
  padding-top: 60px;
}
section#featured-posts .inner {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr 1fr;
}
section#featured-posts .inner .cm-resource-tile {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
}
section#featured-posts .inner .cm-resource-tile .image {
  width: 100%;
  height: 400px;
}
section#featured-posts .inner .featured-newsletter {
  background: transparent;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
  background-image: url('../alternate-featured-1.html');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  align-items: center;
}
section#featured-posts .inner .featured-newsletter .details {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
  background: white;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  padding: 20px;
  margin: 32px 20px 32px 0px;
  position: relative;
  transition: 0.3s ease;
  width: 100%;
}
section#featured-posts .inner .featured-newsletter .details h4 {
  font-size: 1.4rem;
  max-width: 300px;
  margin: 12px auto 32px 0;
}
section#featured-posts .inner .featured-newsletter .details a.cmbtn {
  padding: 12px 48px;
  margin-right: 100px;
}
section#featured-posts .inner .featured-newsletter .details::after {
  content: '';
  position: absolute;
  height: 60px;
  width: 60px;
  bottom: 20px;
  right: 40px;
  border-radius: 30px;
  background: linear-gradient(193.02deg, #51CFDB 5.05%, #65B9FF 90.61%);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
}
section#featured-posts .inner .featured-newsletter .details::before {
  content: '';
  position: absolute;
  height: 12px;
  width: 12px;
  bottom: 20px;
  right: 20px;
  border-radius: 6px;
  background: #7856ff;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
}
section#featured-posts .inner .featured-cta {
  position: relative;
  padding: 24px;
  width: 100%;
  background: #7856ff;
  color: #ffffff;
  border-radius: 2px;
}
section#featured-posts .inner .featured-cta h6,
section#featured-posts .inner .featured-cta p,
section#featured-posts .inner .featured-cta a {
  color: #fff;
}
section#featured-posts .inner .featured-cta img {
  margin-bottom: 16px;
}
section#featured-posts .inner .featured-cta h6 {
  font-size: 24px;
  margin-bottom: 16px;
  letter-spacing: unset;
}
section#featured-posts .inner .featured-cta p {
  margin-bottom: 20px;
}
section#featured-posts .inner .featured-cta a {
  font-size: 1rem;
  font-weight: 600;
}
section#featured-posts .inner .featured-cta a svg {
  margin-left: 8px;
  transition: all 0.3s ease;
}
section#featured-posts .inner .featured-cta a::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
section#featured-posts .inner .featured-cta a:hover svg {
  margin-left: 16px;
}
@media (max-width: 1140px) {
  section#featured-posts .inner {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  section#featured-posts .inner {
    grid-template-columns: 1fr;
  }
  section#featured-posts .inner .cm-resource-tile {
    grid-column: 1;
  }
}
section .cm-resource-tile {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
  background: white;
  position: relative;
  transition: 0.3s ease;
  flex: 1 1 100%;
}
section .cm-resource-tile:hover {
  box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
}
section .cm-resource-tile .image {
  width: 100%;
  height: 215px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
section .cm-resource-tile .image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(144, 144, 150, 0.35);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
section .cm-resource-tile .details {
  padding: 2rem;
}
section .cm-resource-tile .details ul {
  border-top: 1px solid #bebec2;
  padding-top: 20px;
}
section .cm-resource-tile .details ul li {
  font-size: 1rem;
  display: block;
  margin: 12px 0px;
  line-height: 1.6;
}
section .cm-resource-tile .details p {
  font-size: 1rem;
}
section .cm-resource-tile small {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  color: #8a8b93;
  font-weight: 500;
  margin-bottom: 1rem;
}
section .cm-resource-tile small span {
  display: block;
  margin-left: 8px;
}
section .cm-resource-tile h4 {
  font-size: 1.4rem;
}
section .cm-resource-tile h4.collection-title {
  font-size: 1.2rem;
}
section .cm-resource-tile h4.collection-title a {
  font-weight: 500 !important;
}
section .cm-resource-tile a.tile-link {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
@media (min-width: 768px) {
  section .cm-resource-tile {
    flex: 0 1 calc(50% - 1rem);
  }
}
#resources-evergreen {
  padding-top: 0px;
}
#resources-evergreen .inner h2 {
  text-align: center;
  margin-bottom: 3rem;
}
#resources-evergreen .resources-evergreen__grid {
  gap: 2rem;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
#resources-evergreen .resources-evergreen__grid .evergreen-tile {
  padding-bottom: 36px;
  border-bottom: 1px solid #8a8b93;
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
#resources-evergreen .resources-evergreen__grid .evergreen-tile .evergreen-tile__info {
  flex-grow: 1;
  margin-bottom: 20px;
}
#resources-evergreen .resources-evergreen__grid .evergreen-tile h3 {
  font-size: 1.5rem;
  text-align: left;
}
#resources-evergreen .resources-evergreen__grid .evergreen-tile p {
  font-size: 1rem;
}
#resources-evergreen .resources-evergreen__grid .evergreen-tile a {
  font-size: 1rem;
  font-weight: 600;
}
#resources-evergreen .resources-evergreen__grid .evergreen-tile a svg {
  margin-left: 8px;
  transition: all 0.3s ease;
}
#resources-evergreen .resources-evergreen__grid .evergreen-tile a:hover svg {
  margin-left: 16px;
}
@media (min-width: 600px) {
  #resources-evergreen .resources-evergreen__grid .evergreen-tile {
    flex: 0 1 calc(50% - 1rem);
  }
}
@media (min-width: 900px) {
  #resources-evergreen .resources-evergreen__grid .evergreen-tile {
    flex: 0 1 calc(33% - 2rem);
  }
}
#grid-search-results .inner .tile {
  width: 100% !important;
}
#resource-breadcrumb-bar {
  padding: 16px 0px;
}
#resource-breadcrumb-bar .inner a,
#resource-breadcrumb-bar .inner span {
  color: #8a8b93;
  font-size: 1rem;
  display: inline-block;
  margin: 4px 0px;
}
#resource-breadcrumb-bar .inner a.sep,
#resource-breadcrumb-bar .inner span.sep {
  margin: 0 12px;
}
#resource-breadcrumb-bar .inner a:hover {
  color: #7856ff;
}
#resource-breadcrumb-bar .inner span.current {
  font-weight: 600;
}
body.comparisons-2022 section {
  scroll-margin-top: 8rem;
}
body.comparisons-2022 p span.cmpurple {
  color: #7856FF;
}
body.comparisons-2022 p span.competitorgray {
  color: #979797;
}
body.comparisons-2022 .flex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 5rem;
}
@media (max-width: 850px) {
  body.comparisons-2022 .flex {
    grid-template-columns: 1fr;
    column-gap: 5rem;
  }
}
body.comparisons-2022 .cmbtn {
  border: 1px solid transparent;
}
body.comparisons-2022 .cmbtn.short {
  padding: 9px 24px;
}
@media (max-width: 850px) {
  body.comparisons-2022 .cmbtn.short {
    padding: 9px 9px;
    flex: 1;
  }
}
body.comparisons-2022 h2 {
  font-size: 36px;
  line-height: 45px;
  text-align: center;
  max-width: 740px;
  margin: 0 auto 2rem auto;
}
@media (max-width: 850px) {
  body.comparisons-2022 h2 {
    font-size: 20px;
    line-height: 30px;
  }
}
body.comparisons-2022 .inner--small {
  max-width: 1088px;
}
body.comparisons-2022 #hero {
  background: #ffffff;
}
body.comparisons-2022 #hero h1 {
  text-align: left;
  font-size: 36px;
  line-height: 42px;
}
body.comparisons-2022 #hero .hero__content {
  margin-bottom: 3rem;
}
body.comparisons-2022 #hero .hero__content > * {
  font-size: 16px;
  line-height: 22px;
  color: #5D5D66;
}
body.comparisons-2022 #hero .hero__content ul,
body.comparisons-2022 #hero .hero__content ol {
  list-style: none;
  padding-left: 1rem;
}
body.comparisons-2022 #hero .hero__content ul li,
body.comparisons-2022 #hero .hero__content ol li {
  line-height: 22px;
}
body.comparisons-2022 #hero .hero__content ul li:before,
body.comparisons-2022 #hero .hero__content ol li:before {
  content: '\2022';
  color: #7856FF;
  display: inline-block;
  width: 1em;
  font-weight: 900;
  margin-left: -1em;
}
body.comparisons-2022 #hero .hero__content ul li:not(:last-child),
body.comparisons-2022 #hero .hero__content ol li:not(:last-child) {
  margin-bottom: 1rem;
}
@media (max-width: 850px) {
  body.comparisons-2022 #hero .hero__double-cta {
    display: flex;
    margin-bottom: 3rem;
  }
}
body.comparisons-2022 #hero .hero__double-cta .cmbtn:first-child {
  margin-right: 1rem;
}
body.comparisons-2022 #hero .hero__image {
  box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.25);
}
body.comparisons-2022 #hero.offset {
  padding-bottom: 322px;
}
body.comparisons-2022 #menuNav {
  background: #ffffff;
  z-index: 100;
  border-bottom: 2px solid #D8D8D8;
  box-shadow: 0px 3px 4px rgba(196, 196, 196, 0.6);
  padding: 0;
}
body.comparisons-2022 #menuNav .menu {
  border-top: 1px solid #C4C4C4;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
body.comparisons-2022 #menuNav .menu__item {
  flex: 1;
  text-align: center;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
body.comparisons-2022 #menuNav .menu__item:first-child {
  margin-left: 0;
}
body.comparisons-2022 #menuNav .menu__item:last-child {
  margin-right: 0;
}
body.comparisons-2022 #menuNav .menu__item a {
  padding: 1rem 0;
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  color: #111324;
}
body.comparisons-2022 #menuNav .menu__item a.active {
  transition: color 300ms;
  color: #7856FF;
  font-weight: 700;
}
body.comparisons-2022 #menuNav .menu__underline {
  position: absolute;
  height: 8px;
  background-color: #7856FF;
  bottom: -4px;
  transition: all 300ms;
}
body.comparisons-2022 #menuNav.sticky {
  position: fixed;
  width: 100%;
}
@media (max-width: 850px) {
  body.comparisons-2022 #menuNav {
    display: none;
  }
}
body.comparisons-2022 #topFeatures {
  background: #F6F6F7;
}
body.comparisons-2022 #topFeatures .headline {
  margin: 0 auto 3.5rem auto;
}
body.comparisons-2022 #topFeatures .headline h2 {
  margin-bottom: 1rem;
}
body.comparisons-2022 #topFeatures .headline p {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #5D5D66;
}
body.comparisons-2022 #topFeatures .features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 4.5rem;
}
body.comparisons-2022 #topFeatures .features-grid__item {
  text-align: center;
  margin-bottom: 3rem;
}
body.comparisons-2022 #topFeatures .features-grid__item__image {
  margin-bottom: 1rem;
}
body.comparisons-2022 #topFeatures .features-grid__item__tagline {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  max-width: 200px;
}
@media (max-width: 850px) {
  body.comparisons-2022 #topFeatures .features-grid {
    grid-template-columns: 1fr;
    margin-bottom: 3.75rem;
  }
}
body.comparisons-2022 #topFeatures .features-cta {
  background-image: url('../svg/features-cta-bg.svg');
  background-size: cover;
  border-radius: 10px;
  text-align: center;
  padding: 3.5rem;
  margin-bottom: -210px;
}
@media (max-width: 850px) {
  body.comparisons-2022 #topFeatures .features-cta {
    background-image: url('../svg/features-cta-bg_mobile.svg');
    padding: 10rem 3.5rem;
  }
}
body.comparisons-2022 #topFeatures .features-cta__headline {
  font-weight: 500;
  font-size: 36px;
  line-height: 45px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
@media (max-width: 850px) {
  body.comparisons-2022 #topFeatures .features-cta__headline {
    font-size: 24px;
    line-height: 32px;
  }
}
body.comparisons-2022 #topFeatures .features-cta__tagline {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 850px) {
  body.comparisons-2022 #topFeatures .features-cta__tagline {
    font-size: 12px;
    line-height: 16px;
  }
}
body.comparisons-2022 #keyDifferences {
  padding-top: 220px;
  background: #ffffff;
}
body.comparisons-2022 #keyDifferences .difference {
  display: grid;
  grid-template-columns: minmax(50%, 50%);
  column-gap: 4.25rem;
  margin-bottom: 8rem;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 850px) {
  body.comparisons-2022 #keyDifferences .difference {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    margin-bottom: 3rem;
    gap: 2rem;
  }
}
body.comparisons-2022 #keyDifferences .difference__content__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #111324;
}
body.comparisons-2022 #keyDifferences .difference__content__competitor {
  margin-bottom: 1rem;
}
@media (max-width: 850px) {
  body.comparisons-2022 #keyDifferences .difference__content {
    order: 2;
  }
}
body.comparisons-2022 #keyDifferences .difference__image img {
  box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.25);
}
body.comparisons-2022 #keyDifferences .difference:nth-child(2n) .difference__content {
  order: 2;
}
@media (max-width: 850px) {
  body.comparisons-2022 #keyDifferences .difference {
    order: 1;
  }
}
body.comparisons-2022 #integrations {
  background: #F6F6F7;
}
body.comparisons-2022 #integrations .integrations__details {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  max-width: 600px;
  margin-bottom: 0;
}
body.comparisons-2022 #integrations .integrations .integrations-grid {
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 4.5rem;
}
@media (max-width: 850px) {
  body.comparisons-2022 #integrations .integrations .integrations-grid {
    overflow: scroll;
    scroll-snap-type: x mandatory;
    column-gap: 1rem;
  }
}
body.comparisons-2022 #integrations .integrations .integrations-grid__image {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: stretch;
}
@media (max-width: 850px) {
  body.comparisons-2022 #integrations .integrations .integrations-grid__image {
    scroll-snap-align: center;
  }
}
body.comparisons-2022 #integrations .integrations .integrations-grid__image__bg {
  height: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 850px) {
  body.comparisons-2022 #integrations .integrations .integrations-grid__image__bg {
    padding: 2.2rem;
    width: 150px;
    height: 60px;
  }
}
body.comparisons-2022 #integrations .integrations .integrations-grid__image:nth-child(1) .integrations-grid__image__bg {
  background: #7856FF;
}
body.comparisons-2022 #integrations .integrations .integrations-grid__image:nth-child(2) .integrations-grid__image__bg {
  background: #51CFDB;
}
body.comparisons-2022 #integrations .integrations .integrations-grid__image:nth-child(3) .integrations-grid__image__bg {
  background: #65B9FF;
}
body.comparisons-2022 #integrations .integrations .integrations-grid__image:nth-child(4) .integrations-grid__image__bg {
  background: #A6DC56;
}
body.comparisons-2022 #integrations .integrations .integrations-grid__image__name {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #5D5D66;
  text-align: center;
}
body.comparisons-2022 #integrations .integrations__link {
  position: relative;
  margin-left: -2.5rem;
}
body.comparisons-2022 #integrations .integrations__link:after {
  content: url('../svg/arrow.svg');
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translate(100%, -50%);
  transition: transform 300ms;
}
body.comparisons-2022 #integrations .integrations__link:hover:after {
  opacity: 0.7;
  transform: translate(120%, -50%);
}
body.comparisons-2022 #integrations .integrations > p {
  text-align: center;
}
body.comparisons-2022 #overallChart {
  background: #ECECED;
}
@media (max-width: 850px) {
  body.comparisons-2022 #overallChart .inner {
    width: 100%;
  }
}
body.comparisons-2022 #overallChart .chart {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  position: relative;
}
body.comparisons-2022 #overallChart .chart__feature {
  display: flex;
  position: relative;
  justify-content: space-between;
}
body.comparisons-2022 #overallChart .chart__feature__name {
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  color: #000000;
}
@media (max-width: 850px) {
  body.comparisons-2022 #overallChart .chart__feature__name {
    font-size: 12px;
    line-height: 16px;
  }
}
body.comparisons-2022 #overallChart .chart__feature__icon {
  cursor: pointer;
}
@media (max-width: 850px) {
  body.comparisons-2022 #overallChart .chart__feature__icon {
    display: none;
  }
}
body.comparisons-2022 #overallChart .chart__feature__icon:hover + .chart__feature__tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}
body.comparisons-2022 #overallChart .chart__feature__tooltip {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: all 300ms;
  right: 3.5rem;
  top: 50%;
  transform: translateY(-50%) translateX(6px);
  background: #000000;
  color: #ffffff;
  padding: 0.625rem;
  border-radius: 0.3rem;
  font-size: 12px;
}
@media (max-width: 850px) {
  body.comparisons-2022 #overallChart .chart__feature__tooltip {
    display: none;
  }
}
body.comparisons-2022 #overallChart .chart__feature__tooltip:after {
  content: '';
  right: -0.4rem;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.5rem solid #000;
}
body.comparisons-2022 #overallChart .chart__feature:nth-child(2n+1) {
  background: #fff;
}
body.comparisons-2022 #overallChart .chart__feature:nth-child(1) {
  background: unset;
}
body.comparisons-2022 #overallChart .chart__cm {
  text-align: center;
  border-left: 2px solid #D8D8D8;
  border-right: 2px solid #D8D8D8;
  justify-content: center;
}
body.comparisons-2022 #overallChart .chart__cm__header {
  height: 100%;
  width: 100%;
  background: #111324;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 1rem;
}
@media (max-width: 850px) {
  body.comparisons-2022 #overallChart .chart__cm__header {
    padding: 0.5rem 0.125rem;
    font-size: 8px;
    line-height: 10px;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 850px) {
  body.comparisons-2022 #overallChart .chart__cm__header .cm-desk {
    display: none;
  }
}
@media (min-width: 851px) {
  body.comparisons-2022 #overallChart .chart__cm__header .cm-mobile {
    display: none;
  }
}
body.comparisons-2022 #overallChart .chart__cm__value {
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 850px) {
  body.comparisons-2022 #overallChart .chart__cm__value {
    font-size: 8px;
    line-height: 10px;
  }
}
body.comparisons-2022 #overallChart .chart__cm:nth-child(2n+2) {
  background: #fff;
}
body.comparisons-2022 #overallChart .chart__cm:nth-child(2) {
  background: unset;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}
body.comparisons-2022 #overallChart .chart__competitor {
  text-align: center;
  justify-content: center;
}
body.comparisons-2022 #overallChart .chart__competitor__header {
  height: 100%;
  width: 100%;
  background: #8A8B93;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 1rem;
  font-weight: 500;
  font-size: 24px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 850px) {
  body.comparisons-2022 #overallChart .chart__competitor__header {
    padding: 0.5rem 0.125rem;
    font-size: 8px;
    line-height: 10px;
    display: flex;
    justify-content: center;
    word-break: break-all;
  }
}
body.comparisons-2022 #overallChart .chart__competitor__value {
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 850px) {
  body.comparisons-2022 #overallChart .chart__competitor__value {
    font-size: 8px;
    line-height: 10px;
  }
}
body.comparisons-2022 #overallChart .chart__competitor:nth-child(2n+3) {
  background: #fff;
}
body.comparisons-2022 #overallChart .chart__competitor:nth-child(3) {
  background: unset;
}
body.comparisons-2022 #overallChart .chart > * {
  padding: 1.25rem;
}
@media (max-width: 850px) {
  body.comparisons-2022 #overallChart .chart > * {
    padding: 0.75rem;
  }
}
body.comparisons-2022 #overallChart .chart .sticky {
  position: fixed;
}
body.comparisons-2022 #overallChart .chart .stuck {
  top: unset;
  bottom: 0;
  position: absolute;
}
body.comparisons-2022 #overallChart .chart > * {
  display: flex;
  align-items: center;
}
body.comparisons-2022 #topCustomers {
  background: #F6F6F7;
  overflow: hidden;
  padding-bottom: 0;
}
body.comparisons-2022 #topCustomers .customer-header {
  border-bottom: 4px solid #c4c4c4;
  display: flex;
  justify-content: center;
}
body.comparisons-2022 #topCustomers .customer-header__logo {
  display: flex;
  align-items: center;
  transform: translateY(4px);
  opacity: 0.5;
  border-bottom: 8px solid transparent;
  transition: all 300ms;
}
body.comparisons-2022 #topCustomers .customer-header__logo:hover {
  cursor: pointer;
}
body.comparisons-2022 #topCustomers .customer-header__logo__image {
  margin: 2rem;
  max-width: 90px;
  max-height: 55px;
}
body.comparisons-2022 #topCustomers .customer-header__logo.active {
  opacity: 1;
  border-bottom: 8px solid #51cfdb;
}
body.comparisons-2022 #topCustomers .customer-container {
  position: relative;
}
body.comparisons-2022 #topCustomers .customer-container .customer {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 12rem;
  align-items: start;
  padding: 5rem 0 0 0;
  transition: all 300ms;
  opacity: 0;
  z-index: 1;
}
@media (max-width: 850px) {
  body.comparisons-2022 #topCustomers .customer-container .customer {
    padding: 2rem 0 0 0;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 850px) {
  body.comparisons-2022 #topCustomers .customer-container .customer__content {
    order: 2;
  }
}
body.comparisons-2022 #topCustomers .customer-container .customer__content__name {
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  text-transform: uppercase;
  color: #7856FF;
  margin-bottom: 0.625rem;
}
body.comparisons-2022 #topCustomers .customer-container .customer__content__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
}
@media (max-width: 850px) {
  body.comparisons-2022 #topCustomers .customer-container .customer__content__title {
    text-align: left;
  }
}
body.comparisons-2022 #topCustomers .customer-container .customer__content__content p {
  font-size: 16px;
  line-height: 22px;
  color: #5D5D66;
}
body.comparisons-2022 #topCustomers .customer-container .customer__content__content p:last-child {
  margin-bottom: 8rem;
}
@media (max-width: 850px) {
  body.comparisons-2022 #topCustomers .customer-container .customer__content__content p:last-child {
    margin-bottom: 2rem;
  }
}
body.comparisons-2022 #topCustomers .customer-container .customer__content__quote {
  background: #2A2941;
  padding: 5rem 0;
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: -1;
  min-height: 400px;
}
@media (max-width: 850px) {
  body.comparisons-2022 #topCustomers .customer-container .customer__content__quote {
    padding: 2.5rem 0;
    text-align: center;
  }
}
body.comparisons-2022 #topCustomers .customer-container .customer__content__quote__icon {
  align-self: center;
  margin-bottom: 2rem;
}
body.comparisons-2022 #topCustomers .customer-container .customer__content__quote__quote {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400 ;
  letter-spacing: 0.6px;
  color: #FFFFFF;
}
body.comparisons-2022 #topCustomers .customer-container .customer__content__quote__attribution {
  font-weight: 400;
  font-size: 16px;
  line-height: 34px;
  letter-spacing: 0.4px;
  color: #FFFFFF;
}
body.comparisons-2022 #topCustomers .customer-container .customer__content__quote:after,
body.comparisons-2022 #topCustomers .customer-container .customer__content__quote:before {
  content: '';
  background: #2A2941;
  height: 100%;
  width: 100vw;
  position: absolute;
  top: 0;
  z-index: -1;
}
body.comparisons-2022 #topCustomers .customer-container .customer__content__quote:before {
  right: 0;
}
body.comparisons-2022 #topCustomers .customer-container .customer__content__quote:after {
  left: 0;
}
body.comparisons-2022 #topCustomers .customer-container .customer__image {
  position: absolute;
  right: 0;
  top: 5rem;
  max-width: 600px;
}
@media (max-width: 850px) {
  body.comparisons-2022 #topCustomers .customer-container .customer__image {
    position: relative;
    order: 1;
    right: unset;
    top: unset;
    padding: 3rem;
  }
}
body.comparisons-2022 #topCustomers .customer-container .customer__image__image {
  box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.25);
}
body.comparisons-2022 #topCustomers .customer-container .customer__image__darksphere,
body.comparisons-2022 #topCustomers .customer-container .customer__image__lightsphere,
body.comparisons-2022 #topCustomers .customer-container .customer__image__gradientblob,
body.comparisons-2022 #topCustomers .customer-container .customer__image__gradientsphere {
  position: absolute;
  z-index: -1;
}
@media (max-width: 850px) {
  body.comparisons-2022 #topCustomers .customer-container .customer__image__darksphere,
  body.comparisons-2022 #topCustomers .customer-container .customer__image__lightsphere,
  body.comparisons-2022 #topCustomers .customer-container .customer__image__gradientblob,
  body.comparisons-2022 #topCustomers .customer-container .customer__image__gradientsphere {
    transform: translate(0, 0);
  }
}
body.comparisons-2022 #topCustomers .customer-container .customer__image__darksphere {
  left: 105%;
  top: 10%;
}
@media (max-width: 850px) {
  body.comparisons-2022 #topCustomers .customer-container .customer__image__darksphere {
    left: 90%;
    top: 20%;
    width: 5%;
  }
}
body.comparisons-2022 #topCustomers .customer-container .customer__image__lightsphere {
  left: -10%;
  top: 60%;
}
@media (max-width: 850px) {
  body.comparisons-2022 #topCustomers .customer-container .customer__image__lightsphere {
    left: 8%;
    top: 65%;
    width: 3%;
  }
}
body.comparisons-2022 #topCustomers .customer-container .customer__image__gradientblob {
  left: 65%;
  top: 30%;
}
@media (max-width: 850px) {
  body.comparisons-2022 #topCustomers .customer-container .customer__image__gradientblob {
    left: 66%;
    top: 40%;
    width: 30%;
  }
}
body.comparisons-2022 #topCustomers .customer-container .customer__image__gradientsphere {
  left: -20%;
  top: 20%;
}
@media (max-width: 850px) {
  body.comparisons-2022 #topCustomers .customer-container .customer__image__gradientsphere {
    left: 0px;
    top: 33%;
    width: 30%;
  }
}
body.comparisons-2022 #topCustomers .customer-container .customer.active {
  opacity: 1;
  transform: translate(0, 0);
  z-index: 5;
}
body.comparisons-2022 #quickAnswers {
  padding-top: 80px;
  background: #F6F6F7;
}
body.comparisons-2022 #quickAnswers .faq {
  background: #ffffff;
}
body.comparisons-2022 #quickAnswers .faq__item {
  position: relative;
  border: 1px solid #8A8B93;
  cursor: pointer;
}
body.comparisons-2022 #quickAnswers .faq__item:first-child {
  border-top: 1px solid #8A8B93;
  border-bottom: 0px solid #8A8B93;
}
body.comparisons-2022 #quickAnswers .faq__item:last-child {
  border-top: 0px solid #8A8B93;
  border-bottom: 1px solid #8A8B93;
}
body.comparisons-2022 #quickAnswers .faq__item:before {
  content: '';
  height: 100%;
  top: 0;
  width: 1rem;
  background: #51CFDB;
  position: absolute;
}
body.comparisons-2022 #quickAnswers .faq__item__button {
  padding: 1rem 1rem 1rem 2.5rem;
  display: flex;
}
body.comparisons-2022 #quickAnswers .faq__item__button__title {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.0250462px;
  color: #111324;
  text-align: left;
  padding-right: 1rem;
}
body.comparisons-2022 #quickAnswers .faq__item__button__icon {
  display: flex;
  align-items: center;
  transition: all 300ms;
}
body.comparisons-2022 #quickAnswers .faq__item__button.active .faq__item__button__icon {
  transform: rotate(180deg);
}
body.comparisons-2022 #quickAnswers .faq__item__panel {
  padding: 0 0 0 2.5rem;
  max-height: 0;
  overflow: hidden;
  transition: all 300ms;
}
body.comparisons-2022 #quickAnswers .faq__item__panel__content {
  padding-right: 4rem;
}
body.comparisons-2022 #quickAnswers .faq__item__panel__content > * {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02px;
  color: #111324;
  margin-bottom: 1rem;
}
.cm-customer-hero {
  padding: 0;
  background-color: #f6f6f7;
  background-position: 40% 50%;
  background-size: cover;
  border: none;
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero {
    background: #51cfdb !important;
  }
}
.cm-customer-hero .inner {
  min-height: 420px;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 2000px) {
  .cm-customer-hero .inner {
    min-height: 560px;
  }
}
.cm-customer-hero .wrap {
  width: 50%;
  position: absolute;
  top: 50%;
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero .wrap {
    width: 90%;
    text-align: center;
  }
}
.cm-customer-hero .logo {
  margin-bottom: 20px;
  max-width: 100%;
}
.cm-customer-hero .quote {
  font-size: 2.4em;
  line-height: 1.333em;
  color: #ffffff;
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero .quote {
    font-size: 1.8em;
    line-height: 1.333em;
  }
}
.cm-customer-hero .quote .marks {
  position: absolute;
  top: 5px;
  left: -60px;
  width: 47px;
  height: 37px;
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero .quote .marks {
    top: -47px;
    left: 50%;
    margin-left: -24px;
  }
}
.cm-customer-hero .quote .marks svg {
  width: 47px;
  height: 37px;
}
.cm-customer-hero .quote .marks svg .quote-color {
  fill: #65b9ff;
}
.cm-customer-hero .quote.withlogo {
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero .quote.withlogo .marks {
    display: none;
  }
}
.cm-customer-hero .author {
  font-size: 1.6em;
  line-height: 1.4em;
  color: #f6f6f7;
  margin-top: 20px;
  display: block;
}
.cm-customer-hero .cmbtn {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero.left {
    background-position: 0% 50%;
  }
}
.cm-customer-hero.left .wrap {
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1550px) {
  .cm-customer-hero.left .wrap {
    left: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero.left .wrap {
    left: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero.right {
    background-position: 100% 50%;
  }
}
.cm-customer-hero.right .wrap {
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1550px) {
  .cm-customer-hero.right .wrap {
    right: 5%;
  }
}
.cm-customer-hero.center .wrap {
  left: 50%;
  width: 68%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero.center .wrap {
    width: 90%;
  }
}
.cm-customer-hero.center .wrap .quote .marks {
  top: -60px;
  left: 50%;
  margin-left: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.cm-customer-hero.center .wrap .quote.withlogo .marks {
  display: none;
}
.cm-customer-hero.dark .quote {
  color: #111324;
}
.cm-customer-hero.dark .author {
  color: #5d5d66;
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero.dark .quote,
  .cm-customer-hero.dark .author {
    color: #ffffff;
  }
}
.cm-customer-hero.orange .quote .marks svg .quote-color {
  fill: #f7a43d;
}
.cm-customer-hero.pink .quote .marks svg .quote-color {
  fill: #f4215b;
}
.cm-customer-hero.purple .quote .marks svg .quote-color {
  fill: #7856ff;
}
.cm-customer-hero.green .quote .marks svg .quote-color {
  fill: #7856ff;
}
.cm-customer-hero.white .quote .marks svg .quote-color {
  fill: #ffffff;
}
.cm-customer-hero.red .quote .marks svg .quote-color {
  fill: #5d5d66;
}
.cm-customer-hero.grey .quote .marks svg .quote-color {
  fill: #5d5d66;
}
.cm-customer-hero.teal .quote .marks svg .quote-color {
  fill: #51cfdb;
}
.cm-customer-hero.darkquote .quote .marks svg .quote-color {
  fill: #111324;
}
.cm-customer-hero.darkquote .author {
  color: #111324;
}
.cm-customer-hero-wrap {
  padding: 0;
  background-color: #f6f6f7;
  border: none;
  position: relative;
  min-height: 420px;
}
@media only screen and (min-width: 2000px) {
  .cm-customer-hero-wrap {
    min-height: 560px;
  }
}
.cm-customer-hero-wrap.slideshow .cm-customer-hero {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.cm-customer-hero-wrap.slideshow .cm-customer-hero.current {
  z-index: 10;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.cm-customer-hero-wrap.slideshow .inner .heading {
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  top: 3rem;
  max-width: 60%;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .cm-customer-hero-wrap.slideshow .inner .heading {
    max-width: 90%;
  }
}
.cm-customer-hero-wrap.carousel {
  min-height: 485px;
  height: 485px;
  overflow: hidden;
}
.cm-customer-hero-wrap.carousel .cm-customer-hero {
  max-width: 940px;
  width: 80%;
  position: absolute;
  top: 0;
  left: 50%;
  display: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.cm-customer-hero-wrap.carousel .cm-customer-hero.noanim {
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
.cm-customer-hero-wrap.carousel .cm-customer-hero.new-next {
  display: block;
  -webkit-transform: translateX(-50%) scale(0.681);
  -moz-transform: translateX(-50%) scale(0.681);
  -ms-transform: translateX(-50%) scale(0.681);
  -o-transform: translateX(-50%) scale(0.681);
  transform: translateX(-50%) scale(0.681);
  margin-left: 1800px;
}
@media only screen and (max-width: 1180px) {
  .cm-customer-hero-wrap.carousel .cm-customer-hero.new-next {
    margin-left: 153%;
  }
}
.cm-customer-hero-wrap.carousel .cm-customer-hero.new-prev {
  display: block;
  -webkit-transform: translateX(-50%) scale(0.681);
  -moz-transform: translateX(-50%) scale(0.681);
  -ms-transform: translateX(-50%) scale(0.681);
  -o-transform: translateX(-50%) scale(0.681);
  transform: translateX(-50%) scale(0.681);
  margin-left: -1800px;
}
@media only screen and (max-width: 1180px) {
  .cm-customer-hero-wrap.carousel .cm-customer-hero.new-prev {
    margin-left: -153%;
  }
}
.cm-customer-hero-wrap.carousel .cm-customer-hero.next {
  display: block;
  -webkit-transform: translateX(-50%) scale(0.825);
  -moz-transform: translateX(-50%) scale(0.825);
  -ms-transform: translateX(-50%) scale(0.825);
  -o-transform: translateX(-50%) scale(0.825);
  transform: translateX(-50%) scale(0.825);
  margin-left: 900px;
}
@media only screen and (max-width: 1180px) {
  .cm-customer-hero-wrap.carousel .cm-customer-hero.next {
    margin-left: 76%;
  }
}
.cm-customer-hero-wrap.carousel .cm-customer-hero.prev {
  display: block;
  -webkit-transform: translateX(-50%) scale(0.825);
  -moz-transform: translateX(-50%) scale(0.825);
  -ms-transform: translateX(-50%) scale(0.825);
  -o-transform: translateX(-50%) scale(0.825);
  transform: translateX(-50%) scale(0.825);
  margin-left: -900px;
}
@media only screen and (max-width: 1180px) {
  .cm-customer-hero-wrap.carousel .cm-customer-hero.prev {
    margin-left: -76%;
  }
}
.cm-customer-hero-wrap.carousel .cm-customer-hero .wrap {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.cm-customer-hero-wrap.carousel .cm-customer-hero.current {
  display: block;
  -webkit-transform: translateX(-50%) scale(1);
  -moz-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  -o-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
}
.cm-customer-hero-wrap.carousel .cm-customer-hero.current .wrap {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.cm-customer-hero-wrap.carousel .inner {
  min-height: 485px;
  width: 80%;
}
.cm-customer-hero-wrap.carousel .arrow {
  width: 60px;
  height: 100px;
  background-color: rgba(74, 74, 74, 0.85);
  position: absolute;
  z-index: 99;
  top: 50%;
  margin-top: -50px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.cm-customer-hero-wrap.carousel .arrow:hover {
  background-color: #4a4a4a;
}
.cm-customer-hero-wrap.carousel .arrow.left {
  left: 0;
  -khtml-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.cm-customer-hero-wrap.carousel .arrow.right {
  right: 0;
  -khtml-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.cm-customer-hero-wrap.carousel .arrow svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -17px 0 0 -10px;
}
.cm-video-container {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.875);
}
.cm-video-container .close-video {
  position: absolute;
  z-index: 5;
  top: 30px;
  right: 30px;
  width: 40px;
  height: 40px;
  background: url(../png/videoclosebtn.png) no-repeat center;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.cm-video-container .video {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.cm-video-container .wistia_responsive_padding {
  position: static !important;
}
.cm-video-container .wistia_responsive_padding .wistia_embed {
  position: absolute !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wistia_embed {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.wistia_embed_initialized {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=@calc_val)';
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
section#banner {
  background: #111324;
  /* Old browsers */
  background: -moz-linear-gradient(left, #111324 0%, #212547 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #111324 0%, #212547 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #111324 0%, #212547 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111324', endColorstr='#212547',GradientType=1);
  /* IE6-9 */
}
section#form p {
  max-width: 700px;
}
section#grid-trust .grid .tile .details .badge::before {
  display: none;
}
@media only screen and (max-width: 770px) {
  top: 440px;
}