/*!
 * Project:   Salesforce 2015
 * Date:      2015/07/21
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #fff; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #222; font: 15px/1.6 Salesforce Sans,Helvetica Neue,Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 20px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }
body > :not(.root-a), body > :not(.root-a) div, body > :not(.root-a) form { margin-bottom: 0; }

@media screen and (max-width: 1023px) {
body, textarea, input, select, option, button { font-size: 14px; }
}

@font-face { font-family: 'Salesforce Sans'; src: url('../../fonts/salesforcesans/SalesforceSans-Thin.eot'); src: url('../../fonts/salesforcesans/SalesforceSans-Thin.eot?#iefix') format('embedded-opentype'),url('../../fonts/salesforcesans/SalesforceSans-Thin.woff') format('woff'),url('../../fonts/salesforcesans/SalesforceSans-Thin.woff2') format('woff2'),url('../../fonts/salesforcesans/SalesforceSans-Thin.ttf') format('truetype'),url('../../fonts/salesforcesans/SalesforceSans-Thin.svg#SalesforceSansThin') format('svg'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Salesforce Sans'; src: url('../../fonts/salesforcesans/SalesforceSans-ThinItalic.eot'); src: url('../../fonts/salesforcesans/SalesforceSans-ThinItalic.eot?#iefix') format('embedded-opentype'),url('../../fonts/salesforcesans/SalesforceSans-ThinItalic.woff') format('woff'),url('../../fonts/salesforcesans/SalesforceSans-ThinItalic.woff2') format('woff2'),url('../../fonts/salesforcesans/SalesforceSans-ThinItalic.ttf') format('truetype'),url('../../fonts/salesforcesans/SalesforceSans-ThinItalic.svg#SalesforceSansThinItalic') format('svg'); font-weight: 100; font-style: italic; }
@font-face { font-family: 'Salesforce Sans'; src: url('../../fonts/salesforcesans/SalesforceSans-Light.eot'); src: url('../../fonts/salesforcesans/SalesforceSans-Light.eot?#iefix') format('embedded-opentype'),url('../../fonts/salesforcesans/SalesforceSans-Light.woff') format('woff'),url('../../fonts/salesforcesans/SalesforceSans-Light.woff2') format('woff2'),url('../../fonts/salesforcesans/SalesforceSans-Light.ttf') format('truetype'),url('../../fonts/salesforcesans/SalesforceSans-Light.svg#SalesforceSansLight') format('svg'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Salesforce Sans'; src: url('../../fonts/salesforcesans/SalesforceSans-BoldItalic.eot'); src: url('../../fonts/salesforcesans/SalesforceSans-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../../fonts/salesforcesans/SalesforceSans-BoldItalic.woff') format('woff'),url('../../fonts/salesforcesans/SalesforceSans-BoldItalic.woff2') format('woff2'),url('../../fonts/salesforcesans/SalesforceSans-BoldItalic.ttf') format('truetype'),url('../../fonts/salesforcesans/SalesforceSans-BoldItalic.svg#SalesforceSansLightItalic') format('svg'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Salesforce Sans'; src: url('../../fonts/salesforcesans/SalesforceSans-Regular.eot'); src: url('../../fonts/salesforcesans/SalesforceSans-Regular.eot?#iefix') format('embedded-opentype'),url('../../fonts/salesforcesans/SalesforceSans-Regular.woff') format('woff'),url('../../fonts/salesforcesans/SalesforceSans-Regular.woff2') format('woff2'),url('../../fonts/salesforcesans/SalesforceSans-Regular.ttf') format('truetype'),url('../../fonts/salesforcesans/SalesforceSans-Regular.svg#SalesforceSansRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Salesforce Sans'; src: url('../../fonts/salesforcesans/SalesforceSans-Italic.eot'); src: url('../../fonts/salesforcesans/SalesforceSans-Italic.eot?#iefix') format('embedded-opentype'),url('../../fonts/salesforcesans/SalesforceSans-Italic.woff') format('woff'),url('../../fonts/salesforcesans/SalesforceSans-Italic.woff2') format('woff2'),url('../../fonts/salesforcesans/SalesforceSans-Italic.ttf') format('truetype'),url('../../fonts/salesforcesans/SalesforceSans-Italic.svg#SalesforceSansItalic') format('svg'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Salesforce Sans'; src: url('../../fonts/salesforcesans/SalesforceSans-Bold.eot'); src: url('../../fonts/salesforcesans/SalesforceSans-Bold.eot?#iefix') format('embedded-opentype'),url('../../fonts/salesforcesans/SalesforceSans-Bold.woff') format('woff'),url('../../fonts/salesforcesans/SalesforceSans-Bold.woff2') format('woff2'),url('../../fonts/salesforcesans/SalesforceSans-Bold.ttf') format('truetype'),url('../../fonts/salesforcesans/SalesforceSans-Bold.svg#SalesforceSansBold') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Salesforce Sans'; src: url('../../fonts/salesforcesans/SalesforceSans-BoldItalic.eot'); src: url('../../fonts/salesforcesans/SalesforceSans-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../../fonts/salesforcesans/SalesforceSans-BoldItalic.woff') format('woff'),url('../../fonts/salesforcesans/SalesforceSans-BoldItalic.woff2') format('woff2'),url('../../fonts/salesforcesans/SalesforceSans-BoldItalic.ttf') format('truetype'),url('../../fonts/salesforcesans/SalesforceSans-BoldItalic.svg#SalesforceSansBoldItalic') format('svg'); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Icons'; src:url('../../fonts/icomoon/fonts/icomoon.eot?z8889v'); src:url('../../fonts/icomoon/fonts/icomoon.eot?#iefixz8889v') format('embedded-opentype'), url('../../fonts/icomoon/fonts/icomoon.ttf?z8889v') format('truetype'), url('../../fonts/icomoon/fonts/icomoon.woff?z8889v') format('woff'), url('../../fonts/icomoon/fonts/icomoon.svg?z8889v#icomoon') format('svg'); font-weight: normal; font-style: normal; }

/*!
 * Layout
/* ---------------------------------------- */

.root-a { position: relative; overflow: hidden; width: 100%; min-width: 320px; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .root-a *, .root-a *:before, .root-a *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }
 .root-a > .wrap { margin: 0; }
  .root-a .contain { max-width: 1240px; margin-left: auto; margin-right: auto; border-left: 40px solid transparent; border-right: 40px solid transparent; }

@media screen and (max-width: 1023px) {
.root-a .contain { border-left-width: 20px; border-right-width: 20px; }
}

/*!
 * Modules
/* ---------------------------------------- */

.browser-a { margin: 0; padding: 20px 40px; background: #b22; color: #fff; text-align: center; }
 .browser-a a { color: #fff !important; text-decoration: underline; }

/* global content */

.content-a { margin-bottom: 0; }

/* call to action */

.cta-a { margin: 40px 0; text-align: center; }
.cta-a:first-child { margin-top: 0; }
 .cta-a .hx { margin-bottom: 40px; }
  .cta-a .hx a { text-decoration: none; }
  .cta-a .hx span { display: block; }
 .cta-a .actions { list-style: none; margin: -30px -15px 40px; padding: 0; font-size: 0; letter-spacing: -1em; text-align: center; }
  .cta-a .actions li { display: inline-block; width: 260px; margin: 30px 15px 0; font-size: 17px; letter-spacing: 0; vertical-align: top; }
   .cta-a .actions li:before { display: none; }
   .cta-a .actions li .button-a { font-size: 18px; }
   .cta-a .actions li .button-a.multi { padding-top: 10px; padding-bottom: 10px; }

@media screen and (max-width: 767px) {
.cta-a .hx { margin-bottom: 25px; }
 .cta-a .hx span { display: inline; }
.cta-a .actions { margin: -20px -10px 20px; }
 .cta-a .actions li { margin: 20px 10px 0; }
}

/* feature */

.feature-a { position: relative; min-height: 150px; margin-bottom: 60px; padding-left: 150px; }
 .feature-a > .hx { margin-bottom: 10px; font-size: 22px; font-weight: bold; }
  .feature-a > .hx .icon-a { position: absolute; left: 0; top: 0; width: 110px; height: 110px; font: 58px/110px Icons; }

@media screen and (max-width: 767px) {
.feature-a > .hx { font-size: 18px; }
}
@media screen and (max-width: 599px) {
.feature-a { margin-bottom: 40px; padding-left: 80px; }
 .feature-a > .hx .icon-a { width: 60px; height: 60px; font: 32px/60px Icons; }
}
@media screen and (max-width: 479px) {
.feature-a { padding-left: 0; }
 .feature-a > .hx { font-size: 16px; }
  .feature-a > .hx .icon-a { position: static; float: left; margin: 0 20px 10px 0; }
}

/* featured grid */

.featured-a { overflow: hidden; }
 .featured-a > .wrap { margin: -40px -30px 0; font-size: 0; letter-spacing: -1em; }
 .featured-a .item { display: inline-block; width: 49.999%; margin: 0; border: 1px solid transparent; border-width: 40px 30px 0; font-size: 15px; letter-spacing: 0; vertical-align: top; }
 .featured-a .item.full { width: 100%; }
  .featured-a .item figcaption { padding-bottom: 0; }

 @media screen and (max-width: 599px) {
 .featured-a > .wrap { margin-top: -20px; }
 .featured-a .item { display: block; width: 100%; border-top-width: 20px; }
 }

.featured-b { overflow: hidden; font-size: 14px; }
 .featured-b > .wrap { margin: -30px -15px 0; font-size: 0.01em; letter-spacing: -1em; }
 .ie8 .featured-b > .wrap { letter-spacing: -5em; }
 .featured-b article { display: inline-block; width: 33.333%; margin: 0; border: 1px solid transparent; border-width: 30px 15px 0; font-size: 100em; letter-spacing: 0; vertical-align: top; }
 .featured-b article.full { width: 100%; }
  .featured-b article > a { display: block; color: inherit; text-decoration: none; }
  .featured-b article figure { margin: 0 0 20px; border: 1px solid #9a9a9a; }
   .featured-b article figure img { display: block; width: 100%; }
  .featured-b article .hx { margin: 0 0 15px; font-style: 20px; font-weight: normal; }
 .featured-b .more { display: block; margin: 45px 15px 0; font-size: 100em; letter-spacing: 0; font-weight: bold; text-align: center; text-transform: uppercase; }

@media screen and (max-width: 767px) {
.featured-b article { width: 49.999%; }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
.featured-b article:nth-child(2) { display: none; }
}
@media screen and (max-width: 599px) {
.featured-b > .wrap { margin-top: -20px; }
.featured-b article { display: block; width: 100%; border-top-width: 20px; }
}

/* filters */

.filter-a { margin: 0 0 50px; }
 .filter-a .sort { overflow: hidden; margin: 0 0 20px; line-height: 30px; }
  .filter-a .sort .hx { display: inline-block; margin: 0 30px 0 0; line-height: inherit; vertical-align: top; }
  .filter-a .sort ul { display: inline-block; list-style: none; margin: 0; padding: 0; vertical-align: top; }
   .filter-a .sort li { float: left; }
   .filter-a .sort li ~ li { margin-left: 15px; }
    .filter-a .sort li:before { display: none; }
    .filter-a .sort li a { display: block; padding: 0 15px; border-radius: 4px; color: inherit; }
    .filter-a .sort li.is-active > a { background: #009ddc; color: #fff; font-weight: bold; }

@media screen and (max-width: 479px) {
.filter-a .sort .hx { display: block; margin: 0 0 10px; }
.filter-a .sort li ~ li { margin-left: 0; }
}

.selectize-control div { margin-bottom: 0; }
 .selectize-input > input[type] { height: 18px; line-height: 18px; }

/* global footer */

.footer-a { margin-bottom: 0; padding: 30px 0 50px; border-top: 1px solid #c2c2c2; color: #808080; font-size: 12px; }
 .footer-a .socials-a { float: right; margin-left: 20px; }
 .footer-a p { margin: 0 0 5px; }
  .footer-a small { padding: 0 3px; color: #aaa; font: inherit; font-weight: normal; }
 .footer-a .contact { font-size: 17px; font-weight: bold; }
  .footer-a .contact a { color: inherit; text-decoration: none; }
  .footer-a .contact a:hover { color: #222; }

@media screen and (max-width: 767px) {
.footer-a { }
 .footer-a .socials-a { float: none; margin-left: 0; }
  .footer-a .socials-a > li.facebook:first-child { margin-left: -8px; }
}
@media screen and (max-width: 599px) {
.footer-a .contact { font-size: 15px; }
 .footer-a .contact small:first-child { display: block; overflow: hidden; height: 0; text-indent: 321%; white-space: nowrap; }
 .footer-a .copys span { display: block; }
}

/* hero: gradient overlay */

.hero-a { position: relative; margin: 0; color: #fff; }
 .hero-a:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; opacity: 0.8; }
 .hero-a:before { background: -webkit-linear-gradient(45deg, #000, rgba(0,0,0,0)); background: linear-gradient(45deg, #000, rgba(0,0,0,0)); }
 .hero-a.no-gradient:before { display: none; }
 .hero-a.tl:before { background: -webkit-linear-gradient(135deg, #000, rgba(0,0,0,0)); background: linear-gradient(135deg, #000, rgba(0,0,0,0)); }
 .hero-a > figure { margin: 0; }
  .hero-a > figure img { display: block; width: 100%; }
 .hero-a > .wrap { position: absolute; bottom: 0; left: 0; max-width: 600px; padding: 40px; }
 .hero-a.tl > .wrap { bottom: auto; top: 0; }
  .hero-a > .wrap figure { margin-bottom: 20px; }
   .hero-a > .wrap figure img { display: block; }
  .hero-a .hx { margin-bottom: 15px; font-size: 30px; font-weight: normal; }
  .hero-a .action { margin-top: 25px; }

@media screen and (min-width: 1024px) {
.hero-a.large > .wrap { max-width: 1100px; }
 .hero-a.large blockquote { font-size: 36px; }
  .hero-a.large blockquote cite { margin-top: 30px; font-size: 18px; }
}

@media screen and (max-width: 1023px) {
.hero-a > .wrap { padding: 20px; }
}
@media screen and (max-width: 767px) {
.hero-a:before { display: none; }
.hero-a > .wrap { position: relative; bottom: auto; left: auto; max-width: 100%; background: #009ddc; }
}
@media screen and (max-width: 599px) {
.hero-a .hx { font-size: 20px; }
.hero-a figure.widen { margin-left: -20%; margin-right: -20%; }
}

/* hero: bottom blue bar */

.hero-b { position: relative; margin: 0; }
 .hero-b > figure { margin: 0; }
  .hero-b > figure img { display: block; width: 100%; }
 .hero-b > .wrap { position: absolute; left: 0; bottom: 0; right: 0; padding: 30px 40px; background: #009ddc; background: rgba(0,157,220,0.5); color: #fff; }
  .hero-b .hx { margin-bottom: 10px; color: inherit; font-size: 44px; line-height: 1.1; font-weight: 300; }
  .hero-b p { margin-bottom: 10px; }
  .hero-b .actions { list-style: none; margin: -5px -10px 20px; padding: 0; font-size: 0; letter-spacing: -1em; }
   .hero-b .actions li { display: inline-block; margin: 0; padding: 20px 10px 0; font-size: 15px; letter-spacing: 0; }
    .hero-b .actions li:before { display: none; }
    .hero-b .actions li .button-a { min-width: 120px; }

@media screen and (max-width: 1023px) {
.contain > .hero-b { margin-left: -20px; margin-right: -20px; }
.hero-b > .wrap { padding: 25px 20px; z-index: 3}
 .hero-b .hx { font-size: 32px; }
 .hero-b .actions { margin: 0 -5px 20px; }
  .hero-b .actions li { padding: 10px 5px 0; }
}
@media screen and (max-width: 767px) {
.hero-b > .wrap { position: relative; left: auto; bottom: auto; right: auto; background: #009ddc;z-index: -1; }
.hero-b .hx { font-size: 24px; }
}
@media screen and (max-width: 374px) {
.hero-b .hx { font-size: 18px; font-weight: normal; }
.hero-b .actions li { display: block; }
 .hero-b .actions li .button-a { display: block; }
}

/* hero: big blue */

.hero-c { margin: 0; padding: 40px; background: #009ddc; background-position: 100% 100%; background-repeat: no-repeat; background-size: cover; color: #fff; }
.hero-c.desktop { background-image: url(../images/hero-c-bg-a.jpg); }
.hero-c.contact { background-image: url(../images/hero-c-bg-b.jpg); }
.hero-c.watch { background-image: url(../images/hero-c-bg-c.jpg); background-position: 100% 50%; }
 .hero-c > .wrap { max-width: 620px; }
 .hero-c.contact > .wrap { max-width: 450px; }
 .hero-c.watch > .wrap { padding-top: 60px; padding-bottom: 60px; }
  .hero-c .action { margin-top: 30px; }
  .hero-c.watch .action { margin-top: 0; }
  .hero-c a { color: inherit; }

@media screen and (max-width: 1023px) {
.hero-c { padding: 30px 20px; }
}
@media screen and (max-width: 767px) {
.hero-c { background-image: none !important; }
 .hero-c.watch > .wrap { padding-top: 0; padding-bottom: 0; }
}

/* hero: video icon in header */

.hero-d { margin-bottom: 60px; }
 .hero-d > figure { margin: 0; }
  .hero-d > figure img { display: block; }
 .hero-d > .wrap { position: relative; max-width: 600px; margin: -200px 0 0; background: #efefef; }
 .hero-d > .wrap.w75 { max-width: 100%; }
  .hero-d > .wrap .hx { margin: 0; padding: 15px 40px; background: #00a1e1; color: #fff; }
   .hero-d > .wrap .hx a { display: block; position: relative; color: inherit !important; text-decoration: none !important; }
   .hero-d > .wrap .hx a.video { padding-right: 150px; }
    .hero-d > .wrap .hx a.video:before { position: absolute; right: 0; top: 50%; content: '\e609'; width: 80px; height: 80px; margin: -40px 0 0; padding-left: 0.15em; border: 2px solid; border-radius: 50%; background: #000; background: rgba(0,0,0,0.5); color: #fff; font: 50px/76px Icons; text-align: center; opacity: 0.9; }
    .hero-d > .wrap .hx a.video:before { -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; }
    .hero-d > .wrap .hx a.video:hover:before { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; }
  .hero-d > .wrap p { margin: 0;padding: 15px 40px; font-size: 18px; }
  .hero-d > .wrap p.large { padding-top: 30px; padding-bottom: 30px;}

@media screen and (max-width: 1023px) {
.contain > .hero-d { margin-left: -20px; margin-right: -20px; }
.hero-d > .wrap .hx,
.hero-d > .wrap p { padding-left: 20px; padding-right: 20px; }
}
@media screen and (max-width: 767px) {
.hero-d > .wrap,
.hero-d > .wrap.w75 { max-width: 100%; margin-top: 0; }
.hero-d > .wrap p { font-size: 15px; }
}
@media screen and (max-width: 599px) {
.hero-d { margin-bottom: 40px; }
.hero-d > .wrap .hx a.video { padding-right: 0; }
 .hero-d > .wrap .hx a.video:before,
 :root .hero-d > .wrap .hx a.video:before { right: -10px; top: auto; bottom: 100%; margin-bottom: 25px; }
}
@media screen and (max-width: 479px) {
.hero-d > .wrap .hx a.video:before { width: 60px; height: 60px; margin: -30px 0 0 -30px; font: 30px/56px Icons; }
.hero-d > .wrap p { font-size: 14px; }
}

/* headers styling */

.hx-a { margin: 0; padding: 20px 40px; background: #009ddc; color: #fff; font-size: 24px; font-weight: normal; }
.hx-a.gray { background-color: #e5e5e5; color: #222; }
.hx-a.large { padding: 25px 40px; font-size: 28px; font-weight: 300; }
.hx-a.huge { padding: 35px 40px; font-size: 32px; font-weight: 300; }
 .hx-a .block { display: block; }

@media screen and (max-width: 1023px) {
.contain > .hx-a { margin-left: -20px; margin-right: -20px; }
.hx-a { padding: 15px 20px; font-size: 20px; }
.hx-a.large { padding: 20px 20px; font-size: 24px; font-weight: 300; }
.hx-a.huge { padding: 25px 20px; font-size: 28px; font-weight: 300; }
}
@media screen and (max-width: 599px) {
.hx-a { font-size: 18px; }
.hx-a.large { padding: 15px 20px; font-size: 20px; }
.hx-a.huge { padding: 20px; font-size: 24px; }
 .hx-a .block { margin-top: 10px; }
}

.hx-b { position: relative; padding: 20px 0 20px 80px; font-size: 22px; }
.flexbox:not(.mie) .hx-b { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 60px; padding-top: 0; padding-bottom: 0; }
 .hx-b .icon-a { position: absolute; left: 0; top: 50%; margin: -30px 0 0; }

@media screen and (max-width: 374px) {
.hx-b { font-size: 18px; }
}

/* icon */

.icon-a { display: inline-block; width: 60px; height: 60px; border-radius: 50%; background: #009ddc; color: #fff; font: 32px/60px Icons; text-align: center; }
 .icon-a:before { display: block; position: relative; color: inherit; text-align: inherit; }
 .icon-a.pie:before { content: '\e612'; font-size: 1.25em; }
 .icon-a.bubbles:before { content: '\e601'; }
 .icon-a.connected:before { content: '\e60d'; }
 .icon-a.screengroup:before { content: '\e613'; }
 .icon-a.screenheart:before { content: '\e614'; }
 .icon-a.headphones:before { content: '\e611'; }
 .icon-a.heartstars:before { content: '\e619'; font-size: 1.25em; }
 .icon-a.heartdollar:before { content: '\e618'; font-size: 1.25em; }
 .icon-a.groupcheck:before { content: '\e60e'; }
 .icon-a.groupheart:before { content: '\e60f'; }
 .icon-a.groupstar:before { content: '\e610'; }
 .icon-a.clouddollar:before { content: '\e60c'; }
 .icon-a.calendar:before { content: '\e60a'; }
 .icon-a.socials:before { content: '\e61c'; font-size: 1.25em; }
 .icon-a.student:before { content: '\e615'; }
 .icon-a.thumbup:before { content: '\e617'; font-size: 1.1em; }
 .icon-a.highfive:before { content: '\e61a'; font-size: 1.1em; }
 .icon-a.document:before { top: 0.05em; content: '\e61b'; font-size: 1.25em; }
 .icon-a.chart:before { content: '\e616'; font-size: 1.25em; }
 .icon-a.touch:before { content: '\e61d'; font-size: 1.25em; }
 .icon-a.hand:before { content: '\e624'; font-size: 1.75em; }
 .icon-a.list:before { content: '\e625'; font-size: 0.8em; }
 .icon-a.news:before { content: '\e626'; font-size: 0.9em; }
 .icon-a.signal:before { content: '\e627'; font-size: 1.1em; }
 .icon-a.star:before { content: '\e628'; }
 .icon-a.download:before { content: '\e629'; padding-left: 0.05em; }
 .icon-a.video:before { content: '\e62c'; }
 .icon-a.userheart:before { content: '\e62b'; }
 .icon-a.papers:before { content: '\e62a'; }
 .icon-a.write:before { content: '\e62d'; }
 .icon-a.bulboff:before { content: '\e901'; }
 .icon-a.bulbon:before { content: '\e902'; font-size: 1.3em; }
 .icon-a.refresh:before { content: '\e903'; font-size: 0.9em; }
 .icon-a.thumbup:before { top: -0.05em; content: '\e904'; font-size: 0.9em; }
 .icon-a img { position: relative; top: -2px; }
 :root .icon-a img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); vertical-align: top; }

/* about intro */

.intro-a { background: #009ad3 url(../images/wrap-a-bg-a.jpg) 50% 0 no-repeat !important; background-size: cover !important; color: #fff; }
 .intro-a .teaser-a:first-child { margin-bottom: 30px; padding-top: 0; }
 .intro-a .teaser-a:last-child { padding-bottom: 10px; }
  .intro-a .teaser-a:first-child figure { margin-top: 0; }
  .intro-a .hx { color: inherit !important; }

/* awards */

.list-a { }
 .list-a .hx { margin-bottom: 10px; font-size: 26px; }
 .list-a ul { margin-bottom: 30px; }

@media screen and (max-width: 599px) {
.list-a .hx { font-size: 22px; }
}

/* logos */

.logos-a { margin-bottom: 70px; }
 .logos-a ul { list-style: none; margin: -24px -12px 24px; padding: 0; font-size: 0; letter-spacing: -1em; }
  .logos-a li { display: inline-block; width: 24.999%; border: 1px solid transparent; border-width: 24px 12px 0; font-size: 15px; letter-spacing: 0; vertical-align: top; }
   .logos-a li:before { display: none; }
   .logos-a li a { display: block; position: relative; width: 100%; padding-top: 57.5%; box-shadow: inset 0 0 35px rgba(0,0,0,0.1); }
    .logos-a li a img { position: absolute; left: 0; top: 0; max-width: 90%; max-height: 85%; }
    :root .logos-a li a img { left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
   .logos-a.no-box li a { padding-top: 0; box-shadow: none; }
    .logos-a.no-box li a img { position: static; left: auto; top: auto; max-width: 100%; max-height: none; }
    :root .logos-a.no-box li a img { left: auto; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; }

@media screen and (max-width: 1023px) {
.logos-a { margin-bottom: 40px; }
 .logos-a li { width: 33.333%; }
}
@media screen and (max-width: 599px) {
.logos-a ul { margin: -20px -10px 20px; }
 .logos-a li { width: 49.999%; border-width: 20px 10px 0; }
}
@media screen and (max-width: 374px) {
.logos-a li { display: block; width: 80%; margin-left: auto; margin-right: auto; }
.logos-a.no-box li { width: 100%; text-align: center; }
}

/* responsive map */

.map-a { position: relative; overflow: hidden; height: 0; padding-bottom: 90%; /* (width / height = padding-bottom) */ }
 .map-a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* media */

.media-a { margin: 0; }
 .media-a a { display: block; position: relative; text-decoration: none !important; }
  .media-a.video a:before { position: absolute; left: 50%; top: 50%; content: '\e609'; width: 80px; height: 80px; margin: -40px 0 0 -40px; padding-left: 0.15em; border: 2px solid; border-radius: 50%; background: #000; background: rgba(0,0,0,0.5); color: #fff; font: 50px/76px Icons; text-align: center; opacity: 0.9; }
  .media-a.video a:before { -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; }
  .media-a.video a:hover:before { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; }
  .media-a img { display: block; width: 100%; }
  .media-a figcaption { margin-top: 15px; padding: 0 40px 20px; font-size: 20px; line-height: 1.3; font-weight: 300; }

@media screen and (max-width: 1023px) {
.media-a figcaption { padding-left: 20px; padding-right: 20px; }
}
@media screen and (max-width: 479px) {
.media-a figcaption { font-size: 16px; }
.media-a.video a:before { width: 60px; height: 60px; margin: -30px 0 0 -30px; font: 30px/56px Icons; }
}

/* page layout */

.page-a { position: relative; margin: 0; }
 .page-a:before { position: absolute; left: 187px; top: 0; bottom: 0; content: ''; width: 3px; background: #009ddc; }
 .page-a.single:before { left: 0; }
 .page-a:after { display: table; clear: both; content: ''; }
 .page-a > .secondary { float: left; width: 187px; margin: 0 -100% 0 0; padding: 25px 15px 25px 0; }
 .page-a > .primary { margin: 0 0 0 190px; }
 .page-a.single > .primary { margin-left: 0; }

@media screen and (max-width: 1149px) {
.page-a:before { display: none; }
.page-a > .secondary { float: none; width: auto; margin: 0; padding: 30px 0; }
.page-a > .primary,
.page-a.single > .primary { margin: 0 -40px; }
 .page-a > .secondary + .primary > .wrap-a.transparent:first-child { padding-top: 0; }
}
@media screen and (max-width: 1023px) {
.page-a > .primary,
.page-a.single > .primary { margin: 0 -20px; }
}

/* story details layout */

.page-b { margin: 0; padding: 50px 0; }
 .page-b:after { display: table; clear: both; content: ''; }
 .page-b > .secondary { float: left; width: 230px; margin: 0 -100% 0 0; }
 .page-b > .primary { margin: 0 0 0 300px; }

@media screen and (max-width: 1023px) {
.page-b { padding-top: 35px; padding-bottom: 35px; }
 .page-b > .primary { margin-left: 270px; }
}
@media screen and (max-width: 767px) {
.page-b > .secondary { float: none; width: auto; margin: 0 0 30px; }
.page-b > .primary { margin-left: 0; }
}

/* pricing */

.pricing-a { overflow: hidden; margin: 0 0 40px; }
 .pricing-a > .wrap { margin: 0 -10px 40px; font-size: 0; letter-spacing: -1em; }
 .pricing-a .item { display: inline-block; width: 33.33%; margin: 0; padding: 20px 10px 0; font-size: 15px; letter-spacing: 0; vertical-align: top; }
 .pricing-a.one .item { display: block; width: 100%; }
 .pricing-a.two .item { width: 49.999%; }
 .pricing-a.four .item { width: 24.999%; }
  .pricing-a .item > .hx { position: relative; margin: 0; padding: 0 0 5px; font-size: 16px; font-weight: bold; line-height: 1; }
  .pricing-a .item:nth-child(2) > .hx { top: -10px; }
  .pricing-a .item:nth-child(3) > .hx { top: -20px; }
   .pricing-a .item > .hx:before { position: absolute; left: 0; bottom: 0; content: ''; width: 1000px; height: 3px; background: #009ddc; color: #009ddc; }
  .pricing-a .item > .wrap { position: relative; padding: 60px 20px 20px; background: #fff; }
  .pricing-a .item > .wrap.no-label { padding-top: 20px; }
   .pricing-a .header { text-align: center; font-size: 14px; }
    .pricing-a .label { position: absolute; left: 0; top: 15px; right: 0; padding: 3px 5px; background: #000; color: #fff; font-size: 14px; font-weight: bold; }
    .pricing-a .intro { margin-bottom: 10px; font-size: 13px; }
    .pricing-a .price { font-size: 40px; }
     .pricing-a .price del { position: relative; color: #c6c5c5; font-weight: 300; text-decoration: none; }
      .pricing-a .price del:before { position: absolute; left: 0; right: 0; top: 50%; content: ''; height: 2px; border-top: 2px solid ; }
     .pricing-a .price strong { font-weight: normal; }
     .pricing-a .price small { display: block; margin: 0; font-size: 12px; }
      .pricing-a .price small span { display: block; }
    .pricing-a .contact { font-weight: bold; }
    .pricing-a .action {  }
     .pricing-a .action .button-a { padding: 0 20px; white-space: nowrap; }
   .pricing-a .features { }
    .pricing-a .features .toggle { display: none; margin: 0 -20px 0; padding: 7px 5px; background: #e7e7e7; color: #16325c; line-height: 20px; font-weight: bold; text-align: center; cursor: pointer; }
     .pricing-a .features .toggle:after { display: inline-block; content: '+'; width: 20px; height: 20px; margin: 0 0 0 5px; padding: 0 1px 0 0; border: 2px solid; border-radius: 50%; font-size: 17px; line-height: 14px; vertical-align: top; }
    .pricing-a .features .hx { margin: 0 -20px 10px; padding: 10px; background: #e7e7e7; color: #16325c; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; }
    .pricing-a .features .hx.ghost { background: none; }
     .pricing-a .features .hx strong { display: block; }
    .pricing-a .features ul { list-style: none; padding: 0; }
     .pricing-a .features li { margin: 0 0 5px; }
      .pricing-a .features li:before { display: none; }

@media screen and (max-width: 1023px) {
.pricing-a > .wrap { margin: 0 -7px 30px; }
 .pricing-a .item { padding: 20px 7px 0; font-size: 14px; }
  .pricing-a .label { font-size: 13px; }
  .pricing-a .action .button-a { display: block; }
  .pricing-a .action .button-a span { display: none; }
}
@media screen and (max-width: 767px) {
.pricing-a .item,
.pricing-a.one .item,
.pricing-a.two .item,
.pricing-a.four .item { display: block; width: auto; margin: 0 0 20px; padding-top: 0; }
 .pricing-a .item > .hx { position: relative; padding-bottom: 5px; }
  .pricing-a .item > .hx:before { background: none; border-top: 3px solid; background-clip: content-box; }
 .pricing-a .item:nth-child(2) > .hx { top: 0; padding-bottom: 10px; }
  .pricing-a .item:nth-child(2) > .hx:before { height: 9px; border-bottom: 3px solid; }
 .pricing-a .item:nth-child(3) > .hx { top: 0; padding-bottom: 15px; }
  .pricing-a .item:nth-child(3) > .hx:before { height: 15px; padding: 3px 0; border-bottom: 3px solid; background-color: #009ddc; }
 .pricing-a .features .toggle { display: block; }
 .pricing-a .features .list { display: none; margin-top: 15px; }
 .pricing-a .features.is-open .toggle:after { content: '-'; }
 .pricing-a .features.is-open .list { display: block; }
}

/* hub promo */

.promo-a { margin-bottom: 40px; font-size: 22px; font-weight: 300; text-align: center; }
 .promo-a figure { margin-bottom: 20px; }
  .promo-a figure img { display: block; margin: 0 auto; }
   .promo-a span { display: block; }
   .promo-a a { text-decoration: none !important; }

@media screen and (max-width: 1023px) {
.promo-a { font-size: 18px; }
}
@media screen and (max-width: 767px) {
.promo-a span { display: inline; }
}
@media screen and (max-width: 599px) {
.promo-a { font-size: 16px; }
 .promo-a figure { max-width: 220px; margin-left: auto; margin-right: auto; }
  .promo-a figure img { max-width: 100% !important; }
}

/* paragraphs styling */

.px-a { font-size: 20px; }
.px-b { color: #009ddc; font-size: 22px; font-weight: bold; line-height: 1.35; }
.px-c { font-size: 28px; font-weight: 300; line-height: 1.28; }

@media screen and (max-width: 1023px) {
.px-c { font-size: 22px; }
}
@media screen and (max-width: 767px) {
.px-a { font-size: 16px; }
.px-b { font-size: 18px; }
.px-c { font-size: 18px; }
}

/* stories showcase */

.showcase-a { overflow: hidden; margin-bottom: 60px; }
 .showcase-a .items { margin: -30px -15px 0; font-size: 0; letter-spacing: -1em; }
  .showcase-a article { display: inline-block; width: 24.999%; margin: 0; padding: 0; border: 1px solid transparent; border-width: 30px 15px 0; font-size: 15px; letter-spacing: 0; vertical-align: top; }
   .showcase-a article > .wrap { border: 1px solid #efefef; background: #efefef; }
    .showcase-a article > .wrap > a { display: block; margin: 0 0 10px; }
     .showcase-a article figure { margin: 0 0 15px; padding: 20px; background: #fff; }
      .showcase-a article figure img { display: block; margin: 0 auto; }
      .showcase-a article .hx { margin: 0 0 15px; padding: 0 10px; font-size: 14px; font-weight: bold; }
    .showcase-a article ul { list-style: none; margin: 0; padding: 0 10px 10px; line-height: 1.2; }
     .showcase-a article li { display: inline; margin: 0; padding: 0; font-size: 11px; vertical-align: top; }
      .showcase-a article li:before { display: none; }
      .showcase-a article li a { color: #666; text-decoration: underline; }
      .showcase-a article li a:hover { color: #222; }

@media screen and (max-width: 1023px) {
.showcase-a article { width: 33.333%; }
}
@media screen and (max-width: 767px) {
.showcase-a { margin-bottom: 40px; }
 .showcase-a .items { margin: -20px -10px 0; }
 .showcase-a article { width: 49.999%; border-width: 20px 10px 0; }
}
@media screen and (max-width: 479px) {
.showcase-a { margin-bottom: 30px; }
 .showcase-a article { display: block; width: 100%; }
}

/* awards slider */

.showcase-b { overflow: hidden; margin: 0 0 30px; }
 .showcase-b > .items { margin: -26px -13px 0; font-size: 0.0001em; letter-spacing: -1em; }
  .showcase-b article { display: inline-block; position: relative; width: 33.333%; margin: 0; border: 1px solid transparent; border-width: 26px 13px 0; font-size: 10000em; letter-spacing: 0; vertical-align: top; outline: none; }
  .showcase-b article:nth-child(n+4) { display: none; }
  .showcase-b article.slick-slide { display: block; }
   .showcase-b article > a { display: block; text-decoration: none; outline: none; }
    .showcase-b article figure { margin: 0; }
     .showcase-b article figure img { display: block; width: 100%; }
    .showcase-b article .wrap { position: absolute; left: 0; bottom: 0; right: 0; padding: 15px; background: #009ddc; background: rgba(0,157,220,0.65); color: #fff; }
    .showcase-b article a:hover .wrap { background: rgba(0,157,220,1); }
     .showcase-b article .hx { margin: 0 0 5px; color: inherit; font-size: 18px; font-weight: bold; text-transform: uppercase; }
   .showcase-b .slick-dots { list-style: none; margin: 20px 0 0; padding: 0; font-size: 0; letter-spacing: -1em; text-align: center; }
    .showcase-b .slick-dots li { display: inline-block; font-size: 14px; letter-spacing: 0; vertical-align: top; }
    .showcase-b .slick-dots li ~ li { margin-left: 20px; }
     .showcase-b .slick-dots li:before { display: none; }
     .showcase-b .slick-dots button { display: block; overflow: hidden; width: 16px; height: 16px; margin: 0; padding: 0; border-radius: 50%; border: 3px solid #009ddc; background: #fff; text-indent: -10001px; }
     .showcase-b .slick-dots .slick-active button { background-color: #009ddc; }

@media screen and (max-width: 1023px) {
.showcase-b article .hx { margin-bottom: 2px; font-size: 16px; }
}
@media screen and (max-width: 599px) {
.showcase-b .slick-dots { margin-top: 15px; }
.showcase-b .slick-dots li ~ li { margin-left: 10px; }
 .showcase-b .slick-dots button { width: 10px; height: 10px; border-width: 2px; }
}

/* video with pre cinemagraph */

.showtime-a { overflow: hidden; position: relative; margin: 0; }
 .showtime-a > .overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; margin: 0; }
 .touch .showtime-a > .overlay { display: none; }
 .showtime-a > .overlay { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
 .showtime-a > .overlay.is-hidden { -webkit-transition: opacity 1.5s, left 0s 1.5s; transition: opacity 1.5s, left 0s 1.5s; }
 .showtime-a > .overlay.is-hidden { left: 100%; opacity: 0; pointer-events: none; }
  .showtime-a > .overlay video { position: absolute; left: 50%; top: 50%; min-width: 100%; min-height: 100%; margin: 0; }
  .showtime-a > .overlay video { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .showtime-a > .overlay .wrap { position: absolute; left: 0; bottom: 0; right: 0; padding: 40px; color: #fff; }
   .showtime-a > .overlay .hx { margin-bottom: 30px; font-size: 44px; line-height: 1; font-weight: 300; }

/* video with pre image */

.showtime-b { overflow: hidden; position: relative; margin: 0; }
 .showtime-b > .video-a { margin: 0; }
 .showtime-b > figure { position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; cursor: pointer; }
  .showtime-b > figure.is-hidden { -webkit-transition: opacity 1.5s, left 0s 1.5s; transition: opacity 1.5s, left 0s 1.5s; }
  .showtime-b > figure.is-hidden { left: 100%; opacity: 0; pointer-events: none; }
  .showtime-b > figure:before { position: absolute; left: 50%; top: 50%; z-index: 2; content: '\e609'; width: 80px; height: 80px; margin: -40px 0 0 -40px; padding-left: 0.15em; border: 2px solid; border-radius: 50%; background: #000; background: rgba(0,0,0,0.5); color: #fff; font: 50px/76px Icons; text-align: center; opacity: 0.9; }
  .showtime-b > figure:before { -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; }
  .showtime-b:hover > figure:before { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; }
  .showtime-b > figure img { position: absolute; left: 50%; top: 50%; min-width: 100%; min-height: 100%; margin: 0; }
  .showtime-b > figure img { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
 .touch .showtime-b > figure { display: none; }

/* sidebar */

.sidebar-a { }
 .sidebar-a .back { margin-bottom: 10px; font-size: 13px; font-weight: bold; }
 .sidebar-a .hx { margin-bottom: 10px; font-size: 24px; line-height: 1.1; font-weight: normal; }
 .sidebar-a .hx.b { font-size: 20px; }
 .sidebar-a .tinynav { display: none; }
 .sidebar-a .demo { margin: 20px 0; }
  .sidebar-a .demo .button-a { border-color: #d9d9d9; }
  .sidebar-a .demo .button-a:hover { border-color: #aaa; }
 .sidebar-a .contact .hx { font-weight: 22px; font-weight: 100; }
 .sidebar-a .contact ul { list-style: none; padding: 0; }
  .sidebar-a .contact li { position: relative; margin: 0 0 5px; padding-left: 35px; }
  .sidebar-a .contact li.chat { color: #666; }
   .sidebar-a .contact li:before { position: absolute; left: 0; top: 50%; content: '\e601'; width: 30px; height: 20px; margin: -9px 0 0; color: #ddd; font: 18px/1 Icons; text-align: center; }
   .sidebar-a .contact li.phone:before { content: '\e600'; }
   .sidebar-a .contact li a { color: inherit; }
   .sidebar-a .contact li a:hover { color: #222; text-decoration: none; }

@media screen and (max-width: 1149px) {
.sidebar-a { margin-top: -5px; }
 .sidebar-a .tinynav { display: block; }
 .sidebar-a .sidenav-a,
 .sidebar-a .contact { display: none; }
 .sidebar-a .hx { float: left; margin: 0; padding: 5px 0 15px; }
 .sidebar-a .demo { float: right; margin: 0; padding: 0 0 15px; }
}
@media screen and (max-width: 767px) {
.sidebar-a .hx { float: none; margin: 0 0 15px; padding: 0; }
.sidebar-a .demo { float: none; max-width: 200px; margin: 0 0 15px; padding: 0; }
}
@media screen and (max-width: 374px) {
.sidebar-a .hx { font-size: 20px; }
}

/* story details sidebar */

.sidebar-b {  }
 .sidebar-b figure { max-width: 230px; margin-bottom: 30px; border: 1px solid #c2c2c2; }
  .sidebar-b figure img { display: block; margin: 0 auto; }
 .sidebar-b ul { list-style: none; margin: 0 0 30px; padding: 0; }
  .sidebar-b li { margin: 0 0 15px; }
   .sidebar-b li:before { display: none; }
   .sidebar-b li strong { display: block; }

/* sidenav */

.sidenav-a { list-style: none; margin: 0 0 30px; padding: 0; color: #636363; }
 .sidenav-a li { border-bottom: 1px solid #ebebeb; font-size: 15px; line-height: 1.3; }
  .sidenav-a li:before { display: none; }
  .sidenav-a li a { display: block; padding: 15px 0 15px 15px; color: inherit; text-decoration: none !important; }
  .sidenav-a li.is-active > a { color: #111 !important; font-weight: bold; }
  .sidenav-a li.is-active a { border-left: 5px solid #009ddc; }
  .sidenav-a li a:hover { color: #009ddc; }
  .sidenav-a li ul { display: none; position: relative; list-style: none; margin: 0; padding: 0; }
   .sidenav-a li ul:before { position: absolute; left: 5px; top: 0; right: 0; content: ''; height: 1px; background: #eaeaea; }
  .sidenav-a li.is-active ul { display: block; }
   .sidenav-a li li { border-bottom: none; font-size: 14px; }
    .sidenav-a li li a { padding: 5px 0 5px 25px; font-weight: normal; }
    .sidenav-a li li:first-child a { padding-top: 15px; }
    .sidenav-a li li:last-child a { padding-bottom: 15px; }

/* social links */

.socials-a { list-style: none; padding: 0; }
 .socials-a li { display: inline-block; margin: 0; font-size: 20px; vertical-align: top; }
 .socials-a li ~ li { margin-left: 3px; }
  .socials-a li:before { display: none; }
  .socials-a li a { display: block; position: relative; overflow: hidden; width: 30px; height: 30px; color: #666; text-indent: 321%; white-space: nowrap; text-decoration: none !important; text-align: center; }
  .socials-a li a:hover { color: #111; }
   .socials-a li a:before { position: absolute; left: 0; top: 0; width: 100%; font: 26px/30px Icons; text-indent: 0; text-align: inherit; }
   .socials-a li.facebook a:before { content: '\e606'; }
   .socials-a li.twitter a:before { content: '\e605'; }
   .socials-a li.youtube a:before { content: '\e604'; }
   .socials-a li.instagram a:before { content: '\e603'; }
   .socials-a li.slideshare a:before { content: '\e607'; }

/* spacer */

.spacer-a { height: 1px; margin-bottom: 0; }
.spacer-a.small { height: 20px; }
.spacer-a.medium { height: 40px; }
.spacer-a.large { height: 60px; }

/* upgrade steps */

.steps-a { padding: 60px; background: #00a1e0; color: #fff; font-size: 26px; line-height: 1.5; text-align: center; }
 .steps-a .common { margin: 0 0 30px; }
 .js .steps-a .step { display: none; margin: 0; }
 .js .steps-a .step.is-active { display: block; }
  .steps-a .hx { margin-bottom: 60px; font-size: 36px; font-weight: 300; }
   .steps-a .hx strong { font: inherit; }
   .steps-a .hx .icon-a { display: block; width: 90px; height: 90px; margin: 0 auto 20px !important; background: #fff; color: #00a1e0; font-size: 50px; line-height: 90px; }
  .steps-a ul { max-width: 720px; margin: 0 auto 40px; padding: 0; font-weight: 300; text-align: left; }
   .steps-a ul li { margin-bottom: 10px; }
    .steps-a ul a { display: inline-block; position: relative; color: inherit; text-decoration: none !important; }
     .steps-a ul li:before { display: none; }
     .steps-a ul a:before { position: absolute; left: 0; bottom: 3px; right: 0; content: ''; height: 1px; background: #fff; }
    .steps-a ul small { display: block; font-size: 0.6em; font-weight: normal; }
  .steps-a ol { display: inline-block; position: relative; margin: 0; padding: 0; font-size: 0; letter-spacing: -1em; }
   .steps-a ol:before { position: absolute; left: 35px; right: 35px; top: 22.5px; content: ''; height: 5px; background: #33b4e6; }
   .steps-a ol li { display: inline-block; position: relative; font-size: 15px; color: #33b4e6; font-weight: bold; letter-spacing: 0; text-transform: uppercase; vertical-align: top; }
   .steps-a ol li.is-active { color: #fff; }
   .steps-a ol li ~ li { margin-left: 130px; }
    .steps-a ol li:before { display: none; }
    .steps-a ol a { color: inherit; text-decoration: none !important; }
     .steps-a ol .icon-a { display: block; width: 50px; height: 50px; margin: 0 auto 10px !important; border: 5px solid #33b4e6; background: #00a1e0; color: #33b4e6; font-size: 24px; line-height: 40px; }
     .steps-a ol li.is-active .icon-a { border-color: #fff; background-color: #fff; color: #00a1e0; }
  .steps-a .action { margin-top: 60px; }
   .steps-a .button-c { min-width: 460px; }
   .steps-a .button-c.large { min-width: 600px; }

@media screen and (min-width: 768px) {
:root .steps-a .tick-a + label { padding-left: 50px; }
 :root .steps-a .tick-a + label:before { width: 30px; height: 30px; margin-top: 4px; margin-left: -50px; margin-right: 20px; font-size: 20px; line-height: 28px; }
}
@media screen and (max-width: 767px) {
.steps-a { padding: 20px; font-size: 16px; }
 .steps-a .hx { margin-bottom: 35px; font-size: 22px; }
  .steps-a .hx .icon-a { width: 50px; height: 50px; margin-bottom: 10px !important; font-size: 24px; line-height: 50px;  }
  .steps-a ul a { display: inline; text-decoration: underline !important;  }
   .steps-a ul a:before { display: none; }
  .steps-a ol:before { top: 19px; height: 3px; }
  .steps-a ol li { width: 65px; font-size: 13px; }
  .steps-a ol li ~ li { margin-left: 20px; }
   .steps-a ol .icon-a { width: 41px; height: 41px; margin-bottom: 5px !important; border-width: 3px; font-size: 20px; line-height: 36px; }
 .steps-a .action { margin-top: 30px; }
  .steps-a .button-c, .steps-a .button-c.large { display: block; min-width: 0; }
}
@media screen and (max-width: 479px) {
.steps-a .hx strong { display: block; }
}

/* tabs */

.tabs-a { margin: 0; padding: 0; }
 .tabs-a nav { height: 190px; margin: 0; font-size: 18px; }
  .tabs-a nav ul { list-style: none; margin: 0; padding: 0; background: #fff; font-size: 0.01em; letter-spacing: -1em; }
  .ie8 .tabs-a nav ul { letter-spacing: -3em; }
  .tabs-a.is-snapped nav ul { position: fixed; top: -105px; left: 50%; width: 970px; margin: 0 0 0 -390px; }
  .ie8 .tabs-a.is-snapped nav ul { position: relative; top: auto; left: auto; width: auto; margin: 0; }
   .tabs-a nav li { display: inline-block; position: relative; width: 24.999%; min-height: 190px; padding: 20px 0 0; font-size: 100em; letter-spacing: 0; line-height: 1.4; text-align: center; }
   .tabs-a nav li ~ li { border-left: 1px solid #e5e5e5; }
    .tabs-a nav li:before { display: none; position: absolute; left: 50%; top: 100%; content: ''; float: none; width: auto; height: auto; margin: 0 0 0 -15px; padding: 0; border: 1px solid transparent; border-width: 15px; border-top-color: #fff; }
    .ie8 .tabs-a nav li:before { display: none !important; }
    .tabs-a nav li.is-active:before { display: block; }
    .tabs-a nav a { display: block; color: inherit; text-decoration: none !important; }
     .tabs-a nav span { display: block; }
     .tabs-a nav .icon-a { display: block; width: 80px; height: 80px; margin: 0 auto 20px !important; font-size: 42px; line-height: 80px; }
 .tabs-a .tab { margin-bottom: 0; }
 .tabs-a .tab + .tab { border-top: 1px solid #979996; }

@media screen and (max-width: 1239px) {
.tabs-a.is-snapped nav ul { left: 230px; right: 40px; width: auto; margin: 0; }
}
@media screen and (max-width: 1149px) {
.tabs-a.is-snapped nav ul { left: 0; right: 0; }
}
@media screen and (max-width: 767px) {
.tabs-a nav { display: none; }
}

/* teaser with circular image */

.teaser-a { overflow: hidden; margin: 0 0 60px; padding: 30px 0 0; }
.wrap-a .teaser-a { margin-left: -40px; margin-right: -40px; padding-left: 40px; padding-right: 40px; }
 .teaser-a > figure { float: right; max-width: 300px; margin: -20px -70px 0 -100%; }
  .teaser-a > figure img { display: block; border: 1px solid #e5e5e5; border-radius: 50%; }
 .teaser-a > .wrap { position: relative; margin: 0 260px 0 0; padding: 15px 0 0 0; }
 .teaser-a.icon > .wrap { padding-left: 75px; }
  .teaser-a .hx { position: relative; margin: 0 0 10px; color: #009ddc; font-size: 22px; font-weight: bold; }
  .teaser-a.light .hx { font-size: 32px; line-height: 1.1; font-weight: 300; }
  .teaser-a .icon-a { position: absolute; left: -75px; top: -15px; }
  :root .teaser-a .icon-a { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
   .teaser-a .download strong { color: #009ddc; text-transform: uppercase; }
  .teaser-a .actions { list-style: none; margin: -5px -10px 20px; padding: 0; font-size: 0; letter-spacing: -1em; }
   .teaser-a .actions li { display: inline-block; margin: 0; padding: 20px 10px 0; font-size: 15px; letter-spacing: 0; }
    .teaser-a .actions li:before { display: none; }
  .teaser-a.icon .pull { margin-left: -75px; }

.teaser-a.large { }
 .teaser-a.large > figure { margin-right: -100px; max-width: 400px; }
 .teaser-a.large > .wrap { margin-right: 350px; }

.teaser-a.switch { }
 .teaser-a.switch > figure { float: left; margin-right: -100%; margin-left: -100px; }
 .teaser-a.switch.large > figure { margin-left: -100px; margin-right: -100px; }
 .teaser-a.switch > .wrap { margin-right: 0; margin-left: 230px; }
 .teaser-a.switch.large > .wrap { margin-right: 0; margin-left: 330px; }

@media screen and (max-width: 1023px) {
.teaser-a > figure { width: 250px; margin-right: -60px; }
.teaser-a > .wrap { margin-right: 210px; }
 .teaser-a .hx { font-size: 20px; }
 .teaser-a.light .hx { font-size: 28px; line-height: 1.2; }
 .teaser-a .actions { margin: 0 -5px 20px; }
  .teaser-a .actions li { padding: 10px 5px 0; }

.teaser-a.large > figure { width: 350px; }
.teaser-a.large > .wrap { margin-right: 300px; }

.teaser-a.switch > figure { margin-left: -60px; margin-right: 0; }
.teaser-a.switch > .wrap { margin-right: 0; margin-left: 210px; }
.teaser-a.switch.large > .wrap { margin-right: 0; margin-left: 300px; }
}
@media screen and (max-width: 767px) {
 .teaser-a > .wrap { clear: both; margin: 0 !important; padding: 30px 0 0 !important; }
 :root .teaser-a .icon-a { left: auto; right: 180px; top: -80px; -webkit-transform: none; -ms-transform: none; transform: none; }
 :root .teaser-a.switch .icon-a { right: auto; left: 180px; }
 :root .teaser-a.large .icon-a { margin: 0 30px; }
 .teaser-a.icon .pull { margin-left: 0; }
}
@media screen and (max-width: 599px) {
.teaser-a { margin-bottom: 30px; }
}
@media screen and (max-width: 374px) {
.teaser-a .hx { font-size: 18px; }
.teaser-a.light .hx { font-size: 24px; line-height: 1.3; }
}

/* teaser with skewed image */

.teaser-b { position: relative; overflow: hidden; min-height: 370px; margin: 0; background-position: 100% 0; background-repeat: no-repeat; background-size: contain; }
.teaser-b + .teaser-b { border-top: 1px solid #dcdcdc; }
 .teaser-b > figure { position: absolute; right: 0; top: 0; bottom: 0; overflow: hidden; float: right; width: 45%; margin: 0; background-position: 100% 0; background-repeat: no-repeat; background-size: cover; }
 .teaser-b > figure.no-mask { background-position: 0 0; }
  .teaser-b > figure img { display: block; position: absolute; right: 0; top: 0; max-width: none; min-width: 100%; min-height: 100%; }
  .teaser-b > figure:after { position: absolute; left: 0; top: 0; content: ''; width: 165px; height: 500px; background: url(../images/teaser-b-mask-a.png) no-repeat; }
  .teaser-b > figure.no-mask:after { display: none; }
 .teaser-b > .wrap { max-width: 55%; padding: 30px 40px; }
  .teaser-b .hx { margin-bottom: 10px; font-size: 28px; font-weight: 300; }
  .teaser-b p { margin-bottom: 10px; }
  .teaser-b .actions { list-style: none; margin: -14px -7px 14px; padding: 0; font-size: 0; letter-spacing: -1em; }
   .teaser-b .actions li { display: inline-block; margin: 0; padding: 14px 7px 0; font-size: 15px; letter-spacing: 0; }
    .teaser-b .actions li:before { display: none; }

@media screen and (max-width: 1023px) {
.teaser-b { min-height: 0; }
 .teaser-b > .wrap { padding: 25px 20px 30px; }
  .teaser-b .hx { font-size: 24px; }
  .teaser-b .actions { margin: -10px -5px 14px; }
   .teaser-b .actions li { padding: 10px 5px 0; }
}
@media screen and (max-width: 767px) {
.teaser-b { background: none !important; }
.teaser-b > figure { display: none; }
.teaser-b > .wrap { max-width: 100%; }
}
@media screen and (max-width: 599px) {
.teaser-b .hx { font-size: 20px; }
}

/* teaser with side video */

.teaser-c { margin-bottom: 50px; }
 .teaser-c > figure { float: left; width: 45%; margin: 0 -100% 0 -40px; }
  .teaser-c > figure img { width: 100%; }
 .teaser-c > figure + .wrap { margin: 0 0 0 45%; padding: 0; }
 .teaser-c > .wrap { margin: 0; }

@media screen and (max-width: 1023px) {
.teaser-c > figure { margin-left: -20px; }
.teaser-c > figure + .wrap { padding-left: 20px; }
}
@media screen and (max-width: 767px) {
.teaser-c > figure { float: none; width: auto; margin: 0 0 20px; }
 .teaser-c > figure figcaption { padding-left: 0; padding-right: 0; padding-bottom: 0; }
.teaser-c > figure + .wrap { margin: 0 0 20px; padding-left: 0; }
}

/* slightly larger version of teaser-a */

.teaser-d { overflow: hidden; margin: 0 0 60px; padding: 30px 0 0; font-size: 18px; }
.wrap-a .teaser-d { margin-left: -40px; margin-right: -40px; padding-left: 40px; padding-right: 40px; }
 .teaser-d .side { float: left; width: 460px; margin: 0 -100% 0 0; }
  .teaser-d .side figure { position: relative; max-width: 100%; margin: 0 0 40px -100px; }
   .teaser-d .side figure img { display: block; border: 1px solid #e5e5e5; border-radius: 50%; }
   .teaser-d .side figure img + img { position: absolute; right: -40px; bottom: -20px; max-width: 180px; }
  .teaser-d .side blockquote { max-width: 300px; color: #00a1e0; }
   .teaser-d .side cite { margin-top: 20px; color: #222; }
 .teaser-d .side + .wrap { margin-left: 480px; }

@media screen and (max-width: 1023px) {
.teaser-d { font-size: 16px; }
 .teaser-d .side { width: 350px; }
  .teaser-d .side figure { margin-left: -60px; }
   .teaser-d .side figure img + img { max-width: 150px; }
 .teaser-d .side + .wrap { margin-left: 370px; }
}
@media screen and (max-width: 767px) {
.teaser-d .side { float: none; width: auto; margin: 0 0 30px; }
 .teaser-d .side figure { width: 350px; }
 .teaser-d .side blockquote { max-width: 100%; }
.teaser-d .side + .wrap { margin-left: 0; }
}
@media screen and (max-width: 599px) {
.teaser-d { margin-bottom: 30px; font-size: 14px; }
 .teaser-d .side figure img + img { right: -10px; max-width: 130px; }
}

/* custom tick boxes */

.tick-a { }
:root .tick-a { position: absolute; left: -10001px; }
:root .tick-a + label { display: inline-block; padding-left: 30px; vertical-align: top; }
 :root .tick-a + label:before { display: inline-block; content: ''; width: 20px; height: 20px; margin: 2px 10px 0 -30px; border: 1px solid; font: 16px/18px Icons; vertical-align: top; text-align: center; }
 :root .tick-a[type=radio] + label:before { border-radius: 50%; }
 :root .tick-a:checked + label:before { content: '\e900'; }

/* news ticker */

.ticker-a { margin: 0; background: #133651; color: #fff; line-height: 40px; }
 .ticker-a > .hx { float: left; width: 200px; margin: 0 -100% 0 0; padding: 0 20px 0 0; background: #000; color: inherit; font-size: 16px; line-height: inherit; font-weight: bold; text-transform: uppercase; text-align: right; }
 .ticker-a > .wrap { margin: 0 0 0 200px; padding: 0 0 0 20px; }
  .ticker-a ul { list-style: none; overflow: hidden; height: 40px !important; margin: 0; padding: 0; }
   .ticker-a li { padding-right: 20px; font-weight: bold; }
    .ticker-a li:before { display: none; }
    .ticker-a li a { display: inline-block; position: relative; padding: 0 10px 0 0; max-width: 100%; color: inherit; vertical-align: top; }
     .ticker-a li span { display: inline-block; overflow: hidden; position: relative; max-width: 100%; color: inherit; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; }
     .ticker-a li small { position: absolute; right: 0; top: 0; }

@media screen and (max-width: 1023px) {
.ticker-a > .hx { width: 150px; }
.ticker-a > .wrap { margin: 0 0 0 150px; }
}
@media screen and (max-width: 599px) {
.ticker-a { display: none; }
}

/* global header */

.top-a { position: relative; z-index: 101; margin: 0; }
 .top-a .brand { margin-bottom: 0; padding: 20px 0; }
  .top-a .brand:after { display: table; clear: both; content: ''; }
  .top-a .logo { float: left; margin: 0; }
   .top-a .logo img { display: block; width: 250px; max-width: none; }
  .top-a .skips { position: absolute; top: 50%; left: 0; z-index: 9999; list-style: none; width: 100%; height: 0; margin: -30px 0 0; padding: 0; text-align: center; }
   .top-a .skips li { position: absolute; left: 0; top: 0; width: 100%; height: 0; font: bold 50px/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
    .top-a .skips li:before { display: none;  }
    .top-a .skips li a { display: inline-block; position: fixed; left: -10001px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); border-radius: 20px;  background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
    .top-a .skips li a:focus, .top-a > .skips li a:active { position: relative; left: 0; }
 .top-a .nav { border: 1px solid #c2c2c2; border-width: 1px 0; }
  .top-a .nav > .contain { position: relative; }
   .top-a .nav > .contain:after { display: table; clear: both; content: ''; }
   .top-a .nav .hx { display: none; font: 50px/1 Icons; }
   .top-a .nav .hx { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .top-a .nav .hx:before { content: '\e61e'; }
    .is-nav .top-a .nav .hx:before { content: '\e61f'; }
    .top-a .nav .hx span { display: none; }
   .top-a .nav .wrap { float: left; margin: 0; }
    .top-a .corner { position: absolute; right: 0; top: -57px; margin: 10px 0 0; padding: 0; font-size: 12px; line-height: 20px; font-weight: bold; text-transform: uppercase; }
     .top-a .corner li { float: left; }
     .top-a .corner li ~ li { margin-left: 30px; }
      .top-a .corner li:before { display: none; }
      .top-a .corner li a { color: inherit; text-decoration: none !important; }
      .top-a .corner li a:hover { color: #1180bf; }
      .top-a .corner li.hub a { color: #e53d26; }
       .top-a .corner li.login a:before { float: left; content: '\e602'; width: 20px; height: 20px; margin: 0 5px 0 0; border: 2px solid; border-radius: 50%; font: 10.5px/16px Icons; text-align: center; }
     .top-a .corner li.search { position: relative; min-width: 20px; height: 34px; margin-top: -7px; }
      .top-a .corner li.search form { }
       .top-a .corner li.search label { position: absolute; left: 0; top: 7px; overflow: hidden; width: 20px; height: 20px; text-indent: -10001px; }
        .top-a .corner li.search label:before { position: absolute; left: 0; top: 0; content: '\e608'; width: 20px; font: 15px/20px Icons; text-indent: 0; text-align: center; }
       .top-a .corner li.search input { position: absolute; left: -10001px; width: 300px; margin: 0 0 0 -10px; padding: 0 60px 0 35px; border-radius: 17px; }
       .top-a .corner li.search button { display: none; position: absolute; right: 0; top: 0; padding: 0 15px; border: none; background: none; color: #1180bf; font-size: 11px; font-weight: normal; text-transform: none; }
       .top-a .corner li.search.is-active input { position: static; }
       .top-a .corner li.search.is-active button { display: block; }
    .top-a .primary { float: left; list-style: none; margin: 0; padding: 5px 0 0; font-size: 13px; font-weight: bold; }
     .top-a .primary li { position: relative; float: left; margin: 0; line-height: 40px; }
     .top-a .primary li.trial { display: none; }
     .top-a .primary li ~ li { margin-left: 10px; }
      .top-a .primary li:before { display: none; }
      .top-a .primary li > i { display: none; position: absolute; right: 30px; top: 0; width: 40px; height: 40px; font: 10px/40px Icons; text-align: center; }
      .top-a .primary li > i { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
       .top-a .primary li > i:before { content: '\e620'; text-align: inherit; }
       .top-a .primary li.is-open > i:before { content: '\e623'; }
      .top-a .primary li a { display: block; padding: 0 20px 5px; text-decoration: none !important; }
      .top-a .primary li a:hover,
      .top-a .primary li:hover > a { background: #146d9e; color: #fff; }
      .top-a .primary li em { position: absolute; left: -10001px; top: -10001px; }
      .top-a .primary li ul { position: absolute; left: 10001px; top: 100%; width: 250px; padding: 20px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.5); opacity: 0; }
      .top-a .primary li ul { -webkit-transition: opacity 0.35s, left 0s 0.35s; transition: opacity 0.35s, left 0s 0.35s; }
      .top-a .primary li:hover > ul { left: 0; opacity: 1; }
      .top-a .primary li:hover > ul { -webkit-transition: opacity 0.35s, left 0s; transition: opacity 0.35s, left 0s; }
       .top-a .primary li li { float: none; font-size: 13px; font-weight: normal; line-height: 1.3; }
       .top-a .primary li li ~ li { margin: 15px 0 0; }
        .top-a .primary li li a { padding: 0; color: #666; }
        .top-a .primary li li a:hover { color: #111; background: none; }
        .top-a .primary li li.is-active > a { color: #111; font-weight: bold; }
   .top-a .cta { float: right; padding: 5px 0; }
    .top-a .cta a { display: block; height: 40px; padding: 0 30px; border-radius: 20px; background: #8aaf2a; color: #fff; font-size: 13px; font-weight: bold; line-height: 40px; text-transform: uppercase; text-decoration: none !important; }
    .top-a .cta a:hover { background: #99be39; }

@media screen and (max-width: 1249px) {
.top-a { position: relative; border-bottom: 1px solid #c2c2c2; }
.top-a .brand { padding: 10px 0; text-align: center; }
 .top-a .logo { float: none; margin: 0 50px; }
  .top-a .logo a { display: inline-block; position: relative; top: 2px; z-index: 101; margin: 0; }
  .top-a .logo img { margin: 0 auto; }
.top-a .nav { position: static; border: none; }
 .top-a .nav > .contain { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
  .top-a .nav .hx { display: block; position: absolute; left: -10px; top: 50%; margin: -27px 0 0; padding: 0; }
  :root .top-a .nav .hx { margin-top: -2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .top-a .nav .wrap { display: none; position: absolute; left: -40px; top: 100%; right: -40px; margin: 1px 0 0; border-bottom: 1px solid #c2c2c2; background: #fff; }
  .is-nav .top-a .nav .wrap { display: block; }
   .top-a .nav .wrap:before { position: absolute; left: -40px; right: -40px; top: 100%; content: ''; height: 10001px; margin: 1px 0 0; background: #009ddc; background: rgba(255,255,255,0.75); }
   .top-a .primary { float: none; padding: 0; }
    .top-a .primary li { float: none; }
    .top-a .primary li ~ li { margin-left: 0; border-top: 1px solid #eee; }
      .top-a .primary li i { display: block; }
      .top-a .primary li a { padding: 0 40px; }
      .top-a .primary li ul { display: none; position: static; left: auto; top: auto; width: auto; padding: 0 0 15px; box-shadow: none; opacity: 1; }
      .top-a .primary li.is-open > ul { display: block; }
       .top-a .primary li li { line-height: 30px; }
       .top-a .primary li li ~ li { margin: 0; border: none; }
        .top-a .primary li li a { padding: 0 40px; }
   .top-a .corner { display: block; position: relative; right: auto; top: auto; float: none; margin: 0; padding: 55px 0 10px; border-top: 1px solid #c2c2c2; background: #f3f3f3; }
    .top-a .corner li { float: none; display: block; padding: 0 40px; line-height: 30px; }
    .top-a .corner li ~ li { margin-left: 0; }
    .top-a .corner li.questions { float: none; display: block; }
    .top-a .corner li.search { position: absolute; left: 0; top: 5px; right: 0; float: none; height: auto; margin: 0; padding: 0 40px; border: 1px solid #f3f3f3; border-width: 8px 0; background: #f3f3f3; line-height: 34px; }
     .top-a .corner li.search form { margin: 0 -10px; }
     .top-a .corner li.search label { left: 40px; }
     .top-a .corner li.search input { position: static; width: 100%; margin: 0; }
     .top-a .corner li.search button { display: block; right: 30px; }
     .top-a .corner li.login a:before { margin-top: 4px; }
  .top-a .nav .cta { position: absolute; right: 0; top: 50%; margin: -20px 0 0; padding: 0; }
}
@media screen and (max-width: 1023px) {
.top-a .nav .hx { left: -5px; }
}
@media screen and (max-width: 767px) {
.top-a .nav .cta { display: none; }
 .top-a .primary li.trial { display: block; }
}
@media screen and (max-width: 599px) {
.top-a .brand { padding: 5px 0; }
 .top-a .logo { margin-right: 0; text-align: right; }
  .top-a .logo img { width: 200px; height: 29px; }
 .top-a .nav .hx { font-size: 36px; line-height: 40px; }
}

/* press and news updates */

.updates-a { overflow: hidden; }
 .updates-a > .one { float: left; width: 50%; margin: 0; padding-right: 30px; }
 .updates-a > .two { float: right; width: 50%; margin: 0; padding-left: 30px; }
 .updates-a .box { margin-bottom: 40px; padding: 20px; background: #f4f4f4; }
 .updates-a > .two .box { background-color: #e5e5e5; }
  .updates-a ul.news { list-style: none; margin: 0 -20px 10px; padding: 0; }
  .updates-a ul.news:first-child { margin-top: -20px; }
  .updates-a ul.news:last-child { margin-bottom: -20px !important; }
   .updates-a ul.news li { margin: 0; }
    .updates-a ul.news li:before { display: none; }
    .updates-a ul.news li a { display: block; padding: 10px 15px; font-weight: bold; text-decoration: none !important; }
    .updates-a ul.news li a:hover { background: #fff; color: #f10; }
     .updates-a ul.news li small { display: block; color: #212121 !important; font-size: 14px; font-weight: normal; }
  .updates-a .action { text-align: center; }

.updates-a.v2 { }
 .updates-a.v2 .box { padding: 30px; }
 .updates-a.v2 > .two .box { background-color: #f4f4f4; }

@media screen and (max-width: 1023px) {
.updates-a > .one { padding-right: 15px; }
.updates-a > .two { padding-left: 15px; }
}
@media screen and (max-width: 767px) {
.updates-a > .one { float: none; width: auto; margin: 0 0 40px; padding-right: 0; }
.updates-a > .two { float: none; width: auto; margin: 0 0 40px; padding-left: 0; }
}
@media screen and (max-width: 599px) {
.updates-a { overflow: visible; }
 .updates-a .box { margin-left: -20px; margin-right: -20px; }
}

/* press and award updates */

.updates-b { position: relative; overflow: hidden; }
 .updates-b:before { position: absolute; left: 50%; top: 0; bottom: 0; content: ''; width: 2px; background: #fff; }
 .updates-b > .one { float: left; width: 50%; margin: 0; padding-right: 40px; }
 .updates-b > .two { float: right; width: 50%; margin: 0; padding-left: 40px; }
  .updates-b ul.news { list-style: none; margin: 0 0 20px; padding: 0; }
   .updates-b ul.news li { margin: 0 0 20px; line-height: 1.5; }
    .updates-b ul.news li:before { display: none; }
    .updates-b ul.news li a { display: block; font-weight: bold; text-decoration: none !important; }
    .updates-b a:hover { color: #f10; text-decoration: none; }
     .updates-b ul.news li small { display: block; margin-top: 2px; color: #212121 !important; font-size: 14px; font-weight: normal; }
  .updates-b .action { margin-top: 30px; font-size: 14px; text-transform: uppercase; }

@media screen and (max-width: 1023px) {
.updates-b > .one { padding-right: 30px; }
.updates-b > .two { padding-left: 30px; }
}
@media screen and (max-width: 767px) {
.updates-b:before { display: none; }
.updates-b > .one { float: none; width: auto; margin: 0 0 30px; padding: 0 0 30px; border-bottom: 2px solid #fff; }
.updates-b > .two { float: none; width: auto; margin: 0 0 30px; padding-left: 0; }
}

/* responsive video */

.video-a { position: relative; overflow: hidden; height: 0; padding: 0 0 56.25%; }
 .video-a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* content wrappers */

.wrap-a { margin: 0; padding: 40px; background: #e5e5e5; }
.wrap-a.transparent { background: none; }

@media screen and (max-width: 1023px) {
.wrap-a { padding: 30px 20px; }
}

/*!
 * Buttons
/* ---------------------------------------- */

.button-a, button, input[type="submit"], input[type="button"], input[type="reset"] { display: inline-block; height: 34px; padding: 0 19px; border: 1px solid #16325c; border-radius: 100px; background: #16325c; color: #fff; font-size: 15px; font-weight: bold; line-height: 32px; text-align: center; text-decoration: none !important; text-transform: uppercase; outline: none; }
.button-a:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { border-color: #1d4076; background-color: #1d4076; color: #fff; }
.button-a.block { display: block; width: 100%; }
.button-a.mw { min-width: 280px; }
.button-a.multi { height: auto; padding-top: 5.75px; padding-bottom: 5.75px; line-height: 1.5; }

.button-a.white { border-color: #fff; background-color: #fff; color: #00a1e0; }
.button-a.white:hover { color: #008cc3; }

@media screen and (max-width: 767px) {
.button-a { font-size: 14px; }
}

.button-b { display: inline-block; position: relative; height: 30px; padding: 0 15px; border: none; border-radius: 0; background: #16325c; color: #fff !important; font-size: 13px; font-weight: bold; line-height: 30px; text-align: center; text-decoration: none !important; outline: none; }
.button-b { background: -webkit-linear-gradient(#017cb5,#045697); background: linear-gradient(#017cb5,#045697); }
 :root .button-b:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: #fff; opacity: 0; }
 :root .button-b:before { -webkit-transition: inherit; transition: inherit; }
 :root .button-b:hover:before { opacity: 0.05; }
.button-b.large { padding: 0 20px; height: 45px; font-size: 16px; line-height: 45px; }

@media screen and (max-width: 599px) {
.button-b { font-size: 12px; }
.button-b.large { font-size: 14px; }
}

.button-c { display: inline-block; position: relative; padding: 27px 30px; border: none; border-radius: 4px; background: #33b4e6; color: #fff; font-size: 18px; font-weight: bold; line-height: 26px; text-transform: uppercase; text-align: center; text-decoration: none !important; outline: none; }
.button-c:hover { background-color: #fff; color: #33b4e6; }

.button-c.large { padding: 40px 60px; font-size: 26px; line-height: 35px; }

@media screen and (max-width: 767px) {
.button-c { padding: 15px 20px;font-size: 16px; line-height: 20px; }
.button-c.large { padding: 20px 30px; font-size: 20px; line-height: 26px; }
}

/*!
 * Helpers
/* ---------------------------------------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

.alignright { float: right; margin: 0 0 20px 20px; }
.alignleft { float: left; margin: 0 20px 20px 0; }
 .alignright img, .alignleft img { display: block; max-width: none; }

[hidden] { display: none !important; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }
.ttu { text-transform: uppercase !important; }

.ie8 .hide-desktop { display: none !important; }

._mYa { margin-bottom: 50px !important; margin-top: 50px !important; } ._mYb { margin-bottom: 100px !important; margin-top: 100px !important; } ._mYc { margin-bottom: 35px !important; margin-top: 35px !important; }
._mBa { margin-bottom: 50px !important; } ._mBb { margin-bottom: 100px !important; } ._mBc { margin-bottom: 35px !important; }
._mTa { margin-top: 50px !important; } ._mTb { margin-top: 100px !important; } ._mTc { margin-top: 35px !important; }

@media screen and (max-width: 1023px) {
._mYa { margin-bottom: 35px !important; margin-top: 35px !important; } ._mYb { margin-bottom: 50px !important; margin-top: 50px !important; } ._mYc { margin-bottom: 25px !important; margin-top: 25px !important; }
._mBa { margin-bottom: 35px !important; } ._mBb { margin-bottom: 50px !important; } ._mBc { margin-bottom: 25px !important; }
._mTa { margin-top: 35px !important; } ._mTb { margin-top: 50px !important; } ._mTc { margin-top: 25px !important; }
}
@media screen and (max-width: 599px) {
._mYa { margin-bottom: 25px !important; margin-top: 25px !important; } ._mYb { margin-bottom: 35px !important; margin-top: 35px !important; }
._mBa { margin-bottom: 25px !important; } ._mBb { margin-bottom: 35px !important; }
._mTa { margin-top: 25px !important; } ._mTb { margin-top: 35px !important; }
}

@media screen and (min-width: 1px) { .hide { display: none !important; } }
@media screen and (min-width: 1149px) { .show-desktop { display: block !important; } .hide-desktop { display: none !important; } }
@media screen and (max-width: 1023px) { .show-tablet { display: block !important; } .hide-tablet { display: none !important; } }
@media screen and (max-width: 599px) { .show-mobile { display: block !important; } .hide-mobile { display: none !important; } }

/*!
 * Defaults
/* ---------------------------------------- */

form { }
 label { cursor: pointer; vertical-align: middle; }
 label:first-child { display: block; margin: 0 0 5px; }
  label em { color: #f00; }
 input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], textarea, select { width: 100%; height: 34px; padding: 0 9px; border: 1px solid #ccc; border-radius: 0; background: #fff; vertical-align: top; line-height: 32px; -webkit-appearance: none; outline: none; }
 .native.android input:not([type=checkbox]):not([type=radio]) { padding-top: 6px; padding-bottom: 6px; line-height: 20px; }
 input[type="checkbox"], input[type="radio"] { padding: 0; }
 textarea { overflow: auto; height: auto; padding: 9px; line-height: 1.2; resize: vertical; }
 select { padding: 5px 15px 5px 8px; background: #fff url(../images/select-a.png) 100% 50% no-repeat; line-height: normal; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
 select::-ms-expand { display: none; }
 .ie9 select, .ie8 select { padding-right: 6px; padding-left: 6px; background-image: none; }
 .ie8 select { padding-top: 6px; padding-bottom: 6px; }
 .gecko select { padding-left: 3px; }
 button, input[type="submit"], input[type="button"], input[type="reset"] { overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; }
 button[disabled], input[disabled] { cursor: default; }

 ::-webkit-input-placeholder { color: #aaa; font-style: normal; opacity: 1; }
 :-ms-input-placeholder { color: #aaa !important; font-style: normal; opacity: 1; }
 :-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
 ::-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
 .placeholder, .placeholdersjs { color: #aaa !important; font-style: normal; opacity: 1; }
 select:invalid { color: #aaa; }

/* tables */

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

/* headers */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font: bold 10px/1.2 Salesforce Sans,Helvetica Neue,Helvetica,Arial,sans-serif; }
h1, .h1 { font-size: 48px; line-height: 1.1; font-weight: 100; }
h2, .h2 { font-size: 32px; line-height: 1.2; font-weight: 100; }
h3, .h3 { font-size: 24px; line-height: 1.2; font-weight: 300; }
h4, .h4 { font-size: 18px; line-height: 1.35; font-weight: bold; }
h5, .h5 { font-size: 16px; line-height: 1.35; font-weight: bold; }
h6, .h6 { font-size: 14px; line-height: 1.35; font-weight: bold; }

@media screen and (max-width: 1023px) {
h1, .h1 { font-size: 38px; line-height: 1.15; font-weight: 100; }
h2, .h2 { font-size: 26px; line-height: 1.25; font-weight: 100; }
h3, .h3 { font-size: 20px; line-height: 1.25; font-weight: 300; }
h4, .h4 { font-size: 16px; line-height: 1.35; font-weight: bold; }
h5, .h5 { font-size: 14px; line-height: 1.35; font-weight: bold; }
h6, .h6 { font-size: 13px; line-height: 1.35; font-weight: bold; }
}
@media screen and (max-width: 599px) {
h1, .h1 { font-size: 28px; line-height: 1.25; font-weight: 300; }
}
@media screen and (max-width: 374px) {
h1, .h1 { font-size: 26px; line-height: 1.15; font-weight: 300; }
h2, .h2 { font-size: 20px; line-height: 1.25; font-weight: 300; }
h3, .h3 { font-size: 16px; line-height: 1.25; font-weight: 300; }
h4, .h4 { font-size: 14px; line-height: 1.35; font-weight: bold; }
h5, .h5 { font-size: 13px; line-height: 1.35; font-weight: bold; }
h6, .h6 { font-size: 13px; line-height: 1.35; font-weight: bold; }
}

/* lists */

ul, ol, dd, blockquote { padding-left: 40px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

ol, ul { list-style: none; counter-reset: ordered; }
 li { counter-increment: ordered; }
  ol li:before { position: absolute; content: counter(ordered) '.'; width: 15px; margin: 0 0 0 -30px; text-align: right; }
  ul li:before { float: left; overflow: hidden; margin: 0 0 0 -25px; }

/* links */

a { background: transparent; color: #1180bf; text-decoration: none; }
a, label, button { -webkit-transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, opacity 0.25s; transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, opacity 0.25s; }
a:hover { color: #1180bf; text-decoration: underline; }
 a span { cursor: pointer; }

/* images */

img { max-width: 100%; border-width: 0; }
img { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* other */

blockquote { padding: 0; background: transparent; font-size: 28px; line-height: 1.2; font-weight: 300; font-style: normal; }
  .single-post .content blockquote {
    font-size: 125%;
    padding: 5px 30px;
    border-left: 5px solid #009ddc;
    line-height: inherit;
  }
 blockquote cite { display: block; margin: 10px 0 0; font-size: 15px; font-weight: bold; font-style: normal; }
pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; white-space: nowrap; }
hr { overflow: hidden; width: 100%; height: 1px; margin: 40px 0; border: none; border: none; background: #ccc; font-size: 0; }
sup, sub { font-size: 0.6875em; vertical-align: top; } sub { vertical-align: bottom; }

@media screen and (max-width: 1023px) {
blockquote { font-size: 22px; }
 blockquote cite { font-size: 12px; }
}
@media screen and (max-width: 599px) {
blockquote { font-size: 18px; }
}