/*
-----------------------------------
Fonts
-----------------------------------
*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);
/*
-----------------------------------
Normalize
-----------------------------------
*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

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

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: 700; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 50%;
  font-weight: normal;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -1.125em;
  margin-right: -0.25em; }

sub {
  bottom: -0.875em; }

img {
  border: 0; }

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

figure {
  margin: 0; }

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

select {
  text-transform: none; }

button {
  overflow: visible; }

button,
input,
select,
textarea {
  max-width: 100%; }

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

button[disabled],
html input[disabled] {
  cursor: default;
  opacity: .5; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0.4375em;
  padding: 0; }

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

input[type="search"] {
  -webkit-appearance: textfield; }

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

fieldset {
  border: 1px solid #d1d1d1;
  margin: 0 0 1.75em;
  min-width: inherit;
  padding: 0.875em; }

fieldset > :last-child {
  margin-bottom: 0; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

optgroup {
  font-weight: bold; }

/*
-----------------------------------
Grid
-----------------------------------
*/
.grid {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden; }

.row {
  position: relative;
  width: auto;
  margin: 0 -10px; }

.col {
  padding: 0 10px;
  vertical-align: top;
  text-align: left; }

.cell {
  position: relative;
  padding: 0 25px; }

.grid:before, .grid:after, .row:before, .row:after, .cell:before, .cell:after {
  content: " ";
  display: table; }
.grid:after, .row:after, .cell:after {
  clear: both; }

.row .col {
  float: left;
  display: block; }

/*
-----------------------------------
Buttons
-----------------------------------
*/
.button-cta {
  display: inline-block;
  cursor: pointer;
  border-radius: 7px;
  border: 1px solid transparent;
  font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  padding: 14px 28px;
  margin: 20px auto;
  -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
  -webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
  transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  background-color: #b4cb48;
  color: #fff; }
  .button-cta.small {
    margin: 20px auto;
    border-radius: 5px;
    font-size: 14px;
    line-height: 18px;
    padding: 12px 16px; }
  .button-cta:hover {
    color: #44565f; }
  .button-cta.outlined {
    background-color: transparent;
    border-color: #b4cb48;
    color: #b4cb48; }
    .button-cta.outlined:hover {
      background-color: #b4cb48;
      color: #44565f; }
    .button-cta.outlined.blue {
      border-color: #00b8f9;
      color: #00b8f9; }
      .button-cta.outlined.blue:hover {
        background-color: #00b8f9;
        color: #fff; }
    .button-cta.outlined.light {
      border-color: #fff;
      color: #fff; }
      .button-cta.outlined.light:hover {
        background-color: #fff;
        color: #44565f; }
    .button-cta.outlined.dark {
      border-color: #44565f;
      color: #44565f; }
      .button-cta.outlined.dark:hover {
        background-color: #44565f;
        color: #fff; }
  @media (max-width: 959px) {
    .button-cta {
      border-radius: 5px;
      font-size: 16px;
      line-height: 18px;
      padding: 14px 24px; } }

.button-close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: transparent none 50% 50% no-repeat;
  background-size: 40px 40px;
  background-image: url("../img/icon_close.png"); }

/*
-----------------------------------
Navigation
-----------------------------------
*/
.navbar-size {
  position: fixed;
  top: -1000px;
  left: 0;
  width: 100%;
  height: 100px;
  overflow: visible; }
  @media (max-width: 739px) {
    .navbar-size {
      height: 0; } }

.navbar {
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  overflow: visible;
  background-color: #fff;
  border-bottom: 1px solid #dcdedf;
  z-index: 2; }
  .navbar .navbar-inner {
    position: relative;
    max-width: 1240px;
    margin: 0 auto; }
  .navbar .company-logo,
  .navbar .brand-logo,
  .navbar .brand-logo-ch,
  .navbar .brand-logo-us {
    position: absolute;
    left: 20px;
    top: 0;
    width: 180px;
    height: 100px;
    background: transparent none 0 50% no-repeat;
    background-size: 180px 100px;
    opacity: 0.9; }
  .navbar .company-logo {
    background-image: url("../img/hcsg_logo_navbar@2x.png"); }
  .navbar .brand-logo {
    background-image: url("../img/mecor_logo_navbar@2x.png"); }
  .navbar .brand-logo-us {
    background-image: url("../img/corvadis_logo_navbar@2x.png"); }
  .navbar .brand-logo-ch {
    background-image: url("../img/care4cardio_logo_navbar@2x.png"); }
  .navbar .menu-toggle {
    display: none;
    cursor: pointer;
    position: fixed;
    z-index: 2;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #00b8f9;
    background: #fff none 0 0 no-repeat;
    background-image: url("../img/icon_menu_toggle.png");
    background-size: 40px 80px;
    background-color: #00b8f9;
    background-position: -1px -41px; }
    .navbar .menu-toggle:hover {
      background-color: #fff;
      background-position: -1px -1px; }
  @media (max-width: 959px) {
    .navbar .navbar-inner {
      text-align: right;
      padding-right: 70px; } }
  @media (max-width: 739px) {
    .navbar {
      height: 80px;
      position: absolute;
      border-bottom: 0 none; }
      .navbar .company-logo,
      .navbar .brand-logo,
      .navbar .brand-logo-ch,
      .navbar .brand-logo-us {
        height: 80px; }
      .navbar .menu-toggle {
        display: block; } }

.primary-menu-container {
  margin: 0 auto;
  padding: 40px 0 0; }
  .primary-menu-container:before, .primary-menu-container:after {
    content: " ";
    display: table; }
  .primary-menu-container:after {
    clear: both; }

ul.primary-menu {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  list-style-type: none; }
  ul.primary-menu:before, ul.primary-menu:after {
    content: " ";
    display: table; }
  ul.primary-menu:after {
    clear: both; }
  ul.primary-menu > li {
    position: relative;
    display: block;
    vertical-align: top;
    float: left;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 0;
    text-transform: uppercase; }
    ul.primary-menu > li:hover > .submenu {
      display: block; }
      ul.primary-menu > li:hover > .submenu ul.primary-submenu {
        opacity: 1; }
    ul.primary-menu > li > a {
      position: relative;
      display: inline-block;
      padding: 10px 15px;
      color: #44565f;
      text-decoration: none;
      outline: none;
      opacity: 0.5; }
      ul.primary-menu > li > a:hover {
        -webkit-transition: opacity 200ms ease-out;
        -moz-transition: opacity 200ms ease-out;
        -ms-transition: opacity 200ms ease-out;
        -o-transition: opacity 200ms ease-out;
        transition: opacity 200ms ease-out;
        text-decoration: none;
        opacity: 0.75; }
    ul.primary-menu > li.current-menu-item a, ul.primary-menu > li.current-menu-item a:hover {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
      opacity: 0.9; }
    ul.primary-menu > li:after {
      content: "";
      position: absolute;
      display: block;
      width: auto;
      height: 2px;
      background-color: #00b8f9;
      bottom: 0;
      left: 50%;
      right: 50%;
      opacity: 0;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -ms-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out; }
    ul.primary-menu > li:hover:after, ul.primary-menu > li.current-menu-item:after {
      left: 2px;
      right: 2px;
      opacity: 1; }
    ul.primary-menu > li > .submenu {
      position: absolute;
      top: 100%;
      left: 0;
      text-align: left;
      display: none;
      overflow: hidden;
      font-size: 16px; }
      @media (max-width: 959px) {
        ul.primary-menu > li > .submenu {
          left: auto;
          right: 0; } }
      ul.primary-menu > li > .submenu ul {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;
        padding-left: 20px; }
      ul.primary-menu > li > .submenu li {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 0.875em;
        line-height: 16px;
        text-transform: none;
        letter-spacing: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        ul.primary-menu > li > .submenu li a {
          display: block;
          padding: 5px 10px;
          text-transform: none;
          text-decoration: none;
          outline: none;
          opacity: 1;
          color: #fff;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -ms-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s; }
          ul.primary-menu > li > .submenu li a:hover {
            color: #00b8f9; }
        ul.primary-menu > li > .submenu li.current-menu-item > a, ul.primary-menu > li > .submenu li.current-menu-item > a:hover {
          -webkit-transition: none;
          -moz-transition: none;
          -ms-transition: none;
          -o-transition: none;
          transition: none;
          color: #00b8f9; }
      ul.primary-menu > li > .submenu > ul.primary-submenu {
        width: 280px;
        margin-top: 10px;
        padding: 10px;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0.3s;
        -moz-transition: all 0.3s ease 0.3s;
        -ms-transition: all 0.3s ease 0.3s;
        -o-transition: all 0.3s ease 0.3s;
        transition: all 0.3s ease 0.3s;
        background-color: rgba(51, 65, 72, 0.9); }

/* Footer Navigation */
ul.footer-menu {
  display: block;
  margin: 1.25em 0;
  padding: 0;
  list-style-type: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400; }
  ul.footer-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400; }
  ul.footer-menu li {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    ul.footer-menu li > ul > li {
      padding-left: 20px; }
    ul.footer-menu li a {
      display: block;
      color: #fff;
      text-decoration: none;
      opacity: 0.8; }
      ul.footer-menu li a:hover {
        text-decoration: none;
        opacity: 1; }

/* Language Selector */
.language-selector {
  position: absolute;
  right: 10px;
  top: 40px; }
  .language-selector .language-button {
    position: relative;
    width: 30px;
    height: 46px;
    overflow: hidden;
    padding: 0;
    opacity: 1;
    text-align: center;
    line-height: 36px; }
    .language-selector .language-button:before, .language-selector .language-button:after {
      content: '';
      border-radius: 100%;
      position: absolute;
      left: 50%;
      margin-left: -15px;
      top: 0px;
      width: 30px;
      height: 30px; }
    .language-selector .language-button:before {
      background: transparent none 50% 50% no-repeat;
      background-size: cover; }
    .language-selector .language-button:after {
      border: 1px solid #44565f;
      opacity: 0.5; }
    .language-selector .language-button.de:before {
      background-image: url("../img/lang/de.png"); }
    .language-selector .language-button.de-CH:before {
      background-image: url("../img/lang/ch.png"); }
    .language-selector .language-button.fr:before {
      background-image: url("../img/lang/fr.png"); }
    .language-selector .language-button.it:before {
      background-image: url("../img/lang/it.png"); }
    .language-selector .language-button.es:before {
      background-image: url("../img/lang/es.png"); }
    .language-selector .language-button.en:before {
      background-image: url("../img/lang/uk.png"); }
    .language-selector .language-button.en-US:before {
      background-image: url("../img/lang/us.png"); }
  @media (max-width: 739px) {
    .language-selector {
      right: 70px;
      top: 25px; } }
  .language-selector ul, .language-selector li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: right; }
  .language-selector li {
    display: block;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0;
    cursor: pointer; }
    .language-selector li span, .language-selector li a {
      display: block;
      padding: 10px 15px 20px;
      color: #44565f;
      opacity: 0.5;
      text-decoration: none; }
    .language-selector li li span, .language-selector li li a {
      padding: 5px 10px;
      color: #fff;
      opacity: 1; }
    .language-selector li li.current-menu-item span, .language-selector li li.current-menu-item a {
      color: #00b8f9;
      opacity: 1; }
    .language-selector li li:hover span {
      color: #00b8f9; }
  .language-selector ul > li {
    position: relative; }
    .language-selector ul > li > ul {
      position: absolute;
      top: 100%;
      right: 0;
      display: none;
      padding: 10px;
      min-width: 160px;
      background-color: rgba(51, 65, 72, 0.9); }
      .language-selector ul > li > ul.menu-opened {
        display: inline-block; }

/*
-----------------------------------
Layout
-----------------------------------
*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5em;
  background-color: #fff;
  color: #334148;
  min-height: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.125em;
  text-decoration: none;
  margin: 0 0 0.25em 0; }
  h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    margin: 0 10px; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: inherit;
    color: inherit;
    outline: none; }

h1 {
  font-size: 4.0em;
  line-height: 1.0em;
  margin-top: 0.25em;
  margin-bottom: 0.375em;
  letter-spacing: -0.05em; }

h2 {
  font-size: 2.5em;
  line-height: 1.125em;
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

h3 {
  font-size: 1.5em;
  line-height: 1.25em;
  margin-top: 0.25em;
  margin-bottom: 0.25em; }

h4 {
  font-size: 1.125em;
  line-height: 1.333em;
  margin: 0.25em 0; }

h5 {
  font-size: 1.0em;
  line-height: 1.5em;
  margin: 1.25em 0; }

p, ul, li {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.0em;
  line-height: 1.5em;
  font-weight: 300; }

p {
  margin: 1.25em 0; }
  p strong {
    font-weight: 600; }
  p a {
    color: inherit; }

table {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 300;
  width: 100%;
  border: 0 none;
  margin: 0 auto;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse; }

@media (max-width: 739px) {
  h1 {
    font-size: 3.5em; }

  h2 {
    font-size: 2.5em; } }
@media (max-width: 559px) {
  h1 {
    font-size: 2.5em; }

  h2 {
    font-size: 1.75em; }

  h3 {
    font-size: 1.25em; } }
@media (max-width: 399px) {
  h1 {
    font-size: 2.0em; }

  h2 {
    font-size: 1.5em; }

  h3 {
    font-size: 1.25em; } }
.off-canvas-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.off-canvas-backdrop {
  background: transparent none;
  transition: background 0.3s ease 0s; }

.page-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease 0s; }

.off-canvas .off-canvas-wrap .page-wrap {
  -webkit-transform: translateX(-250px);
  -moz-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  -o-transform: translateX(-250px);
  tranform: translateX(-250px); }
.off-canvas .off-canvas-wrap .off-canvas-backdrop {
  background: rgba(0, 0, 0, 0.3) none;
  position: absolute;
  z-index: 1000;
  cursor: pointer;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.site {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  background: #fff;
  overflow: hidden; }

.site-content {
  padding-top: 100px; }
  @media (max-width: 739px) {
    .site-content {
      padding-top: 80px; } }

.site-footer {
  padding: 60px 0 40px;
  background-color: #334148;
  color: #fff; }
  .site-footer:before, .site-footer:after {
    content: " ";
    display: table; }
  .site-footer:after {
    clear: both; }
  .site-footer a span.icon {
    display: inline-block;
    width: 1.0em;
    height: 1.0em;
    background: transparent none center center no-repeat;
    margin-right: 10px;
    background-size: contain;
    vertical-align: middle; }
    .site-footer a span.icon.twitter {
      background-image: url("../img/social_twitter.png"); }
    .site-footer a span.icon.xing {
      background-image: url("../img/social_xing.png"); }
    .site-footer a span.icon.linkedin {
      background-image: url("../img/social_linkedin.png"); }
    .site-footer a span.icon.facebook {
      background-image: url("../img/social_facebook.png"); }
    .site-footer a span.icon.googleplus {
      background-image: url("../img/social_googleplus.png"); }
    .site-footer a span.icon.pinterest {
      background-image: url("../img/social_pinterest.png"); }
    .site-footer a span.icon.rss {
      background-image: url("../img/social_rss.png"); }
  .site-footer .col {
    width: 25%;
    padding: 0 35px; }
  .site-footer .company-logo {
    display: inline-block;
    margin: 0;
    width: 105px;
    height: 40px;
    background: transparent none 0 0 no-repeat;
    background-size: 105px 40px;
    opacity: 0.9;
    margin-bottom: 40px;
    background-image: url("../img/hcsg_logo_footer@2x.png"); }
  .site-footer .copyright {
    display: block;
    margin: 40px auto 0;
    padding: 0 25px;
    font-size: 14px;
    line-height: 20px;
    opacity: 0.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .site-footer h4 {
    font-weight: 300;
    font-size: 24px;
    line-height: 28px; }
  .site-footer p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    opacity: 0.8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .site-footer a {
    color: #fff;
    text-decoration: none; }
    .site-footer a:hover {
      text-decoration: underline; }
  @media (max-width: 959px) {
    .site-footer .col {
      width: 50%;
      margin-bottom: 20px; } }
  @media (max-width: 739px) {
    .site-footer .copyright {
      text-align: center; }
    .site-footer .col {
      width: 100%;
      text-align: center;
      margin-bottom: 20px; } }

@media (max-width: 739px) {
  .nav.main-navigation {
    display: none; } }

.alert {
  margin: 0 auto;
  max-width: 1200px;
  border: 4px solid #fff;
  padding: 40px; }
  .alert.alert-error {
    background-color: rgba(255, 0, 0, 0.75);
    border-color: red;
    color: #fff;
    text-align: center; }

/*
-----------------------------------
Sidebar
-----------------------------------
*/
.sidebar {
  position: fixed;
  left: 100%;
  top: 0;
  width: 250px;
  height: 100%;
  padding: 80px 20px 40px 20px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  -webkit-transform: translateX(500px);
  -moz-transform: translateX(500px);
  -ms-transform: translateX(500px);
  -o-transform: translateX(500px);
  tranform: translateX(500px); }
  .sidebar .sidebar-navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .sidebar .sidebar-navigation li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .sidebar .sidebar-navigation a {
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding: 2px 5px;
    color: #44565f;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    border-radius: 5px; }
  .sidebar .sidebar-navigation li li a {
    text-transform: none;
    font-weight: normal;
    padding-left: 30px; }
  .sidebar .sidebar-navigation li li li a {
    padding-left: 50px; }

.off-canvas .sidebar {
  -webkit-transform: translateX(-250px);
  -moz-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  -o-transform: translateX(-250px);
  tranform: translateX(-250px); }

/*
-----------------------------------
Sections
-----------------------------------
*/
.content-section {
  position: relative;
  padding: 40px 0 20px; }
  .content-section:before, .content-section:after {
    content: " ";
    display: table; }
  .content-section:after {
    clear: both; }
  .content-section .section-header {
    text-align: center;
    max-width: 730px;
    padding: 10px 25px 40px;
    margin: 0 auto; }
    .content-section .section-header h4 {
      font-weight: bold;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      opacity: 0.75; }
    .content-section .section-header h5, .content-section .section-header p {
      font-size: 1.125em; }
    .content-section .section-header img {
      margin: 20px 0; }
  .content-section .section-subheader {
    text-align: center;
    max-width: 730px;
    padding: 0 25px 25px;
    margin: 0 auto; }
  .content-section .section-footer {
    text-align: center;
    margin: 0 auto;
    max-width: 730px;
    padding: 10px 25px 40px; }
    .content-section .section-footer h5, .content-section .section-footer p {
      font-size: 1.125em; }
  .content-section .section-breadcrumb {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.75; }
    .content-section .section-breadcrumb a {
      color: inherit;
      text-decoration: none; }
  .content-section .section-icon-s {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #44565f none 50% 50% no-repeat;
    background-size: cover;
    opacity: 0.25;
    margin: 0 auto 20px; }
    .content-section .section-icon-s.telecoaching {
      background-image: url("../img/icon_section_telecoaching.png"); }
    .content-section .section-icon-s.telemonitoring {
      background-image: url("../img/icon_section_telemonitoring.png"); }
    .content-section .section-icon-s.company {
      background-image: url("../img/icon_section_partner.png"); }
    .content-section .section-icon-s.benefits {
      background-image: url("../img/icon_section_benefits.png"); }
    .content-section .section-icon-s.outcomes {
      background-image: url("../img/icon_section_outcomes.png"); }
    .content-section .section-icon-s.precisionmedicine {
      background-image: url("../img/icon_company_benefits.png"); }
    .content-section .section-icon-s.solution {
      background-image: url("../img/icon_section_solution.png"); }
    .content-section .section-icon-s.blog {
      background-image: url("../img/icon_section_blog.png"); }
  .content-section .section-icon {
    display: block;
    width: 230px;
    height: 230px;
    border-radius: 100%;
    background: #b4cb48 none 50% 50% no-repeat;
    background-size: cover;
    margin: 20px auto; }
    .content-section .section-icon.telecoaching {
      background-image: url("../img/icon_section_telecoaching.png"); }
    .content-section .section-icon.telemonitoring {
      background-image: url("../img/icon_section_telemonitoring.png"); }
    .content-section .section-icon.company {
      background-image: url("../img/icon_section_partner.png"); }
    .content-section .section-icon.benefits {
      background-image: url("../img/icon_section_benefits.png"); }
    .content-section .section-icon.outcomes {
      background-image: url("../img/icon_section_outcomes.png"); }
  .content-section.lightgrey {
    background-color: #f4f4f4;
    color: #44565f; }
  .content-section.darkgrey {
    background-color: #667176;
    color: #fff; }
    .content-section.darkgrey .section-icon-s {
      background-color: transparent;
      opacity: 0.5;
      border: 1px solid #fff; }
  .content-section.blue {
    background-color: #00b8f9;
    color: #fff; }
    .content-section.blue .section-icon-s {
      background-color: transparent;
      opacity: 0.5;
      border: 1px solid #fff; }
  .content-section.green {
    background-color: #b4cb48;
    color: #fff; }
    .content-section.green .section-icon-s {
      background-color: transparent;
      opacity: 0.5;
      border: 1px solid #fff; }
  @media (max-width: 559px) {
    .content-section .section-header p, .content-section .section-header h5,
    .content-section .section-subheader p,
    .content-section .section-subheader h5,
    .content-section .section-footer p,
    .content-section .section-footer h5 {
      text-align: left;
      font-size: 1.0em; }
    .content-section .section-icon {
      width: 160px;
      height: 160px; } }

.site-content .content-section.hidden-section {
  display: none; }
.site-content .content-section div.section-icon {
  -webkit-transform: scale(0.25);
  -moz-transform: scale(0.25);
  -ms-transform: scale(0.25);
  -o-transform: scale(0.25);
  tranform: scale(0.25);
  opacity: 0; }
  .site-content .content-section div.section-icon.animated {
    -webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    tranform: none;
    opacity: 1; }
.site-content.content-preview {
  padding: 0;
  margin: 0; }
  .site-content.content-preview .content-section.hidden-section {
    display: block; }

/*
-----------------------------------
Grid columns
-----------------------------------
*/
.grid.text-grid {
  padding-bottom: 20px; }
  .grid.text-grid h1, .grid.text-grid h2, .grid.text-grid h3, .grid.text-grid h4, .grid.text-grid h5, .grid.text-grid h6, .grid.text-grid p {
    margin-top: 0; }
  .grid.text-grid h4, .grid.text-grid h5 {
    margin-bottom: 0; }
  .grid.text-grid p > a {
    color: #00b8f9;
    text-decoration: underline; }
    .grid.text-grid p > a:hover {
      color: #b4cb48; }
  .grid.text-grid ol, .grid.text-grid ul {
    margin: 0 0 1.25em 0;
    padding: 0 0 0 1.25em; }
  .grid.text-grid table {
    margin-bottom: 1.25em; }
    .grid.text-grid table tr, .grid.text-grid table td {
      vertical-align: top; }
    .grid.text-grid table td {
      padding: 10px; }
      .grid.text-grid table td a {
        color: #00b8f9;
        text-decoration: underline; }
        .grid.text-grid table td a:hover {
          color: #b4cb48; }
    .grid.text-grid table thead td {
      font-weight: bold; }
    .grid.text-grid table.border td {
      border: 1px solid #44565f; }
  .grid.text-grid div.scroll-container {
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  @media (min-width: 960px) {
    .grid.text-grid.c4 .col {
      width: 25%; }
      .grid.text-grid.c4 .col:nth-child(4n + 1) {
        clear: both; } }
  @media (min-width: 560px) and (max-width: 959px) {
    .grid.text-grid.c4 .col {
      width: 50%; }
      .grid.text-grid.c4 .col:nth-child(2n + 1) {
        clear: both; } }
  @media (min-width: 960px) {
    .grid.text-grid.c3 .col {
      width: 33.3333%; }
      .grid.text-grid.c3 .col:nth-child(3n + 1) {
        clear: both; } }
  @media (min-width: 560px) and (max-width: 959px) {
    .grid.text-grid.c3 .col {
      width: 50%; }
      .grid.text-grid.c3 .col:nth-child(2n + 1) {
        clear: both; } }
  @media (min-width: 740px) {
    .grid.text-grid.c2 .col {
      width: 50%; }
      .grid.text-grid.c2 .col:nth-child(2n + 1) {
        clear: both; } }
  @media (max-width: 739px) {
    .grid.text-grid.c2 .col {
      width: 100%;
      clear: both; } }
  @media (max-width: 559px) {
    .grid.text-grid .col {
      width: 100%;
      clear: both; } }

/*
-----------------------------------
Module: BlueBubbles Grid
-----------------------------------
*/
.grid.bubbles-blue {
  padding: 0 20px;
  max-width: 1320px;
  overflow: visible; }
  .grid.bubbles-blue .row {
    overflow: visible; }
  .grid.bubbles-blue .col {
    width: 25%;
    margin-bottom: 40px;
    text-align: center;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    tranform: scale(0.5);
    opacity: 0; }
  .grid.bubbles-blue .cell {
    padding: 0;
    background-color: transparent;
    text-align: center; }
  .grid.bubbles-blue .picto {
    display: inline-block;
    margin: 0 auto 10px;
    width: 100%;
    max-width: 160px;
    height: auto;
    background-color: #00b8f9;
    border-radius: 50%;
    border: 20px solid #00b8f9; }
    .grid.bubbles-blue .picto.thin-border {
      border-width: 10px; }
  .grid.bubbles-blue h4 {
    color: #00b8f9;
    font-size: 1.0em;
    margin: 0; }
  .grid.bubbles-blue .tooltip-content {
    left: 0;
    right: 0;
    bottom: 100%;
    margin-bottom: -40px;
    font-weight: 400;
    background-color: #fff;
    color: #44565f; }
    .grid.bubbles-blue .tooltip-content p {
      text-align: left; }
    .grid.bubbles-blue .tooltip-content:before {
      background-color: #fff; }
  .grid.bubbles-blue.inverse {
    background-color: #00b8f9; }
    .grid.bubbles-blue.inverse .picto {
      background-color: #fff;
      border-color: #fff; }
    .grid.bubbles-blue.inverse h4 {
      color: #fff; }
  .grid.bubbles-blue.animated .col {
    -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    tranform: none;
    opacity: 1; }
    .grid.bubbles-blue.animated .col:nth-child(1) {
      -webkit-transition-delay: 100ms;
      -moz-transition-delay: 100ms;
      -ms-transition-delay: 100ms;
      -o-transition-delay: 100ms;
      transition-delay: 100ms; }
    .grid.bubbles-blue.animated .col:nth-child(2) {
      -webkit-transition-delay: 200ms;
      -moz-transition-delay: 200ms;
      -ms-transition-delay: 200ms;
      -o-transition-delay: 200ms;
      transition-delay: 200ms; }
    .grid.bubbles-blue.animated .col:nth-child(3) {
      -webkit-transition-delay: 300ms;
      -moz-transition-delay: 300ms;
      -ms-transition-delay: 300ms;
      -o-transition-delay: 300ms;
      transition-delay: 300ms; }
    .grid.bubbles-blue.animated .col:nth-child(4) {
      -webkit-transition-delay: 400ms;
      -moz-transition-delay: 400ms;
      -ms-transition-delay: 400ms;
      -o-transition-delay: 400ms;
      transition-delay: 400ms; }
    .grid.bubbles-blue.animated .col:nth-child(5) {
      -webkit-transition-delay: 500ms;
      -moz-transition-delay: 500ms;
      -ms-transition-delay: 500ms;
      -o-transition-delay: 500ms;
      transition-delay: 500ms; }
    .grid.bubbles-blue.animated .col:nth-child(6) {
      -webkit-transition-delay: 600ms;
      -moz-transition-delay: 600ms;
      -ms-transition-delay: 600ms;
      -o-transition-delay: 600ms;
      transition-delay: 600ms; }
  @media (max-width: 959px) {
    .grid.bubbles-blue.cols-4 .col {
      width: 50%; }
      .grid.bubbles-blue.cols-4 .col:nth-child(odd) {
        clear: both; } }
  @media (max-width: 559px) {
    .grid.bubbles-blue.cols-4 .tooltip-container.tt-l .tooltip-content {
      left: 0;
      right: -100%;
      margin-right: -20px; }
      .grid.bubbles-blue.cols-4 .tooltip-container.tt-l .tooltip-content:before {
        left: 25%; }
    .grid.bubbles-blue.cols-4 .tooltip-container.tt-r .tooltip-content {
      margin-left: -20px;
      left: -100%;
      right: 0; }
      .grid.bubbles-blue.cols-4 .tooltip-container.tt-r .tooltip-content:before {
        left: 75%; } }
  .grid.bubbles-blue.cols-3 {
    max-width: 960px; }
    .grid.bubbles-blue.cols-3 .col {
      width: 33.33%; }
    @media (min-width: 740px) {
      .grid.bubbles-blue.cols-3 .tooltip-container.tt-l .tooltip-content {
        left: 20px;
        right: -100%; }
        .grid.bubbles-blue.cols-3 .tooltip-container.tt-l .tooltip-content:before {
          left: 25%; }
      .grid.bubbles-blue.cols-3 .tooltip-container.tt-r .tooltip-content {
        left: -100%;
        right: 20px; }
        .grid.bubbles-blue.cols-3 .tooltip-container.tt-r .tooltip-content:before {
          left: 75%; }
      .grid.bubbles-blue.cols-3 .tooltip-container.tt-c .tooltip-content {
        left: -50%;
        right: -50%;
        margin-left: 10px;
        margin-right: 10px; }
        .grid.bubbles-blue.cols-3 .tooltip-container.tt-c .tooltip-content:before {
          left: 50%; } }
    @media (max-width: 739px) {
      .grid.bubbles-blue.cols-3 {
        max-width: 640px; }
        .grid.bubbles-blue.cols-3 .col {
          width: 50%; }
          .grid.bubbles-blue.cols-3 .col:nth-child(3) {
            clear: both; } }
    @media (max-width: 559px) {
      .grid.bubbles-blue.cols-3 .col {
        float: none;
        width: 100%; } }
  .grid.bubbles-blue.cols-2 {
    max-width: 640px; }
    .grid.bubbles-blue.cols-2 .col {
      width: 50%; }
    @media (max-width: 559px) {
      .grid.bubbles-blue.cols-2 .col {
        float: none;
        width: 100%; } }

/*
-----------------------------------
Tooltips
-----------------------------------
*/
.tootip-backdrop {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  opacity: 0;
  z-index: 1; }

.content-section .tooltip-content {
  display: none;
  position: absolute;
  width: auto;
  height: auto;
  bottom: 75%;
  left: 20px;
  right: 20px;
  color: #ffffff;
  background-color: #00b8f9;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
  font-size: 1.0em; }
  .content-section .tooltip-content:before {
    content: '';
    position: absolute;
    display: block;
    background-color: #00b8f9;
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    bottom: 0;
    margin-bottom: -10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg); }
  .content-section .tooltip-content p {
    font-size: 1.0em;
    margin: 0 auto 10px;
    word-wrap: break-word;
    word-break: normal; }
  .content-section .tooltip-content .button-close {
    width: 30px;
    height: 30px;
    right: 15px;
    top: 15px;
    background-size: 30px 30px; }
.content-section .tooltip-container {
  cursor: pointer; }
  .content-section .tooltip-container .tooltip-content {
    opacity: 0;
    display: block;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    tranform: translateY(0); }
    .content-section .tooltip-container .tooltip-content .button-close {
      display: none; }
  .content-section .tooltip-container.opened .tooltip-content {
    visibility: inherit;
    opacity: 1;
    z-index: 3;
    pointer-events: auto;
    cursor: auto;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    tranform: translateY(-40px);
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms, opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms;
    -moz-transition: -moz-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms, opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms;
    transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms, opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms; }
  .content-section .tooltip-container.down .tooltip-content {
    top: 50%;
    bottom: auto; }
    .content-section .tooltip-container.down .tooltip-content:before {
      top: 0;
      margin-top: -10px;
      bottom: auto;
      margin-bottom: 0;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      tranform: rotate(45deg); }
  .content-section .tooltip-container.down.opened .tooltip-content {
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    tranform: translateY(40px); }
@media (max-width: 739px) {
  .content-section .tooltip-content p {
    font-size: 0.875em; } }

/*
-----------------------------------
Slider
-----------------------------------
*/
.slider {
  position: relative;
  min-height: 400px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0; }
  .slider .slides-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: visible;
    -webkit-transition: transform 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
    -moz-transition: transform 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
    -ms-transition: transform 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
    -o-transition: transform 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
    transition: transform 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; }
  .slider[slider-offset="-1"] .slides-container {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    tranform: translateX(100%); }
  .slider[slider-offset="0"] .slides-container {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    tranform: translateX(0); }
  .slider[slider-offset="1"] .slides-container {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    tranform: translateX(-100%); }
  .slider[slider-offset="2"] .slides-container {
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    tranform: translateX(-200%); }
  .slider[slider-offset="3"] .slides-container {
    -webkit-transform: translateX(-300%);
    -moz-transform: translateX(-300%);
    -ms-transform: translateX(-300%);
    -o-transform: translateX(-300%);
    tranform: translateX(-300%); }
  .slider[slider-offset="4"] .slides-container {
    -webkit-transform: translateX(-400%);
    -moz-transform: translateX(-400%);
    -ms-transform: translateX(-400%);
    -o-transform: translateX(-400%);
    tranform: translateX(-400%); }
  .slider[slider-offset="5"] .slides-container {
    -webkit-transform: translateX(-500%);
    -moz-transform: translateX(-500%);
    -ms-transform: translateX(-500%);
    -o-transform: translateX(-500%);
    tranform: translateX(-500%); }
  .slider[slider-offset="6"] .slides-container {
    -webkit-transform: translateX(-600%);
    -moz-transform: translateX(-600%);
    -ms-transform: translateX(-600%);
    -o-transform: translateX(-600%);
    tranform: translateX(-600%); }
  .slider[slider-offset="7"] .slides-container {
    -webkit-transform: translateX(-700%);
    -moz-transform: translateX(-700%);
    -ms-transform: translateX(-700%);
    -o-transform: translateX(-700%);
    tranform: translateX(-700%); }
  .slider[slider-offset="8"] .slides-container {
    -webkit-transform: translateX(-800%);
    -moz-transform: translateX(-800%);
    -ms-transform: translateX(-800%);
    -o-transform: translateX(-800%);
    tranform: translateX(-800%); }
  .slider[slider-offset="9"] .slides-container {
    -webkit-transform: translateX(-900%);
    -moz-transform: translateX(-900%);
    -ms-transform: translateX(-900%);
    -o-transform: translateX(-900%);
    tranform: translateX(-900%); }
  .slider[slider-offset="10"] .slides-container {
    -webkit-transform: translateX(-1000%);
    -moz-transform: translateX(-1000%);
    -ms-transform: translateX(-1000%);
    -o-transform: translateX(-1000%);
    tranform: translateX(-1000%); }
  .slider[slider-offset="11"] .slides-container {
    -webkit-transform: translateX(-1100%);
    -moz-transform: translateX(-1100%);
    -ms-transform: translateX(-1100%);
    -o-transform: translateX(-1100%);
    tranform: translateX(-1100%); }
  .slider .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    .slider .slide .content-fadein > * {
      opacity: 0; }
      .slider .slide .content-fadein > *:nth-child(0) {
        -webkit-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 500ms;
        -moz-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 500ms;
        -ms-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 500ms;
        -o-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 500ms;
        transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 500ms; }
      .slider .slide .content-fadein > *:nth-child(1) {
        -webkit-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 600ms;
        -moz-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 600ms;
        -ms-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 600ms;
        -o-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 600ms;
        transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 600ms; }
      .slider .slide .content-fadein > *:nth-child(2) {
        -webkit-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 700ms;
        -moz-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 700ms;
        -ms-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 700ms;
        -o-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 700ms;
        transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 700ms; }
      .slider .slide .content-fadein > *:nth-child(3) {
        -webkit-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 800ms;
        -moz-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 800ms;
        -ms-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 800ms;
        -o-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 800ms;
        transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 800ms; }
      .slider .slide .content-fadein > *:nth-child(4) {
        -webkit-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 900ms;
        -moz-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 900ms;
        -ms-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 900ms;
        -o-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 900ms;
        transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 900ms; }
      .slider .slide .content-fadein > *:nth-child(5) {
        -webkit-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 900ms;
        -moz-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 900ms;
        -ms-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 900ms;
        -o-transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 900ms;
        transition: opacity 750ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 900ms; }
    .slider .slide.current-slide .content-fadein > * {
      opacity: 1; }

/*
-----------------------------------
Scroller
-----------------------------------
*/
.scroller {
  cursor: pointer;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  margin-top: -40px;
  background: transparent none center center no-repeat;
  background-size: contain;
  opacity: 0.5;
  -webkit-transition: opacity 300ms linear 0s;
  -moz-transition: opacity 300ms linear 0s;
  -ms-transition: opacity 300ms linear 0s;
  -o-transition: opacity 300ms linear 0s;
  transition: opacity 300ms linear 0s; }
  .scroller:hover {
    opacity: 1; }
  .scroller.scroller-left {
    left: 0;
    background-image: url("../img/icon_scroller_left_strong.png"); }
  .scroller.scroller-right {
    right: 0;
    background-image: url("../img/icon_scroller_right_strong.png"); }

/*
-----------------------------------
SliderPager
-----------------------------------
*/
.slider-pager {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center; }
  .slider-pager span {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0;
    cursor: pointer; }
    .slider-pager span:after {
      content: '';
      position: absolute;
      left: 5px;
      top: 5px;
      width: 12px;
      height: 12px;
      background-color: rgba(255, 255, 255, 0.3);
      border-radius: 100%;
      -webkit-transition: background-color 250ms ease-out;
      -moz-transition: background-color 250ms ease-out;
      -ms-transition: background-color 250ms ease-out;
      -o-transition: background-color 250ms ease-out;
      transition: background-color 250ms ease-out; }
    .slider-pager span.current:after {
      background-color: white; }

/*
-----------------------------------
CustomSlider: TextSlider
-----------------------------------
*/
.slider.text-slider {
  max-width: 1280px;
  min-height: 240px;
  -webkit-transition: height 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: height 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: height 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: height 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: height 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .slider.text-slider .slide {
    height: auto; }
  .slider.text-slider .slide-content {
    width: 100%;
    height: 100%;
    max-width: 920px;
    margin: 0 auto; }
  .slider.text-slider .cell {
    padding: 0 80px 80px; }
  .slider.text-slider p {
    margin-top: 0; }
    .slider.text-slider p.quote {
      font-size: 1.25em;
      text-align: left; }
    .slider.text-slider p.author {
      font-size: 1.0em;
      font-style: italic;
      text-align: right; }
  @media (min-width: 740px) {
    .slider.text-slider p {
      font-size: 1.25em; } }
  @media (max-width: 559px) {
    .slider.text-slider .scroller {
      opacity: 0; }
    .slider.text-slider .cell {
      padding-left: 25px;
      padding-right: 25px; } }

/*
-----------------------------------
CustomSlider: ImageTextSlider
-----------------------------------
*/
.slider.image-text-slider {
  min-height: 450px;
  max-width: 1280px;
  margin: 0 auto;
  overflow: visible;
  -webkit-transition: height 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: height 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: height 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: height 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: height 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .slider.image-text-slider .scroller {
    opacity: 0.8;
    background-color: #00b8f9;
    border: 10px solid #00b8f9; }
    .slider.image-text-slider .scroller.scroller-left {
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px; }
    .slider.image-text-slider .scroller.scroller-right {
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px; }
  .slider.image-text-slider .slide {
    padding: 25px;
    color: #fff;
    opacity: 0;
    height: auto;
    -webkit-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
    -moz-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
    -ms-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
    -o-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
    transition: opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; }
    .slider.image-text-slider .slide h1, .slider.image-text-slider .slide h2, .slider.image-text-slider .slide h3, .slider.image-text-slider .slide h4 {
      margin-top: 0; }
    .slider.image-text-slider .slide.current-slide {
      opacity: 1; }
  .slider.image-text-slider .cell {
    position: static;
    padding: 0; }
  .slider.image-text-slider .slider-pager {
    bottom: 20px;
    left: 50%;
    right: auto;
    margin-left: 35px;
    text-align: left; }
    .slider.image-text-slider .slider-pager span:after {
      background-color: rgba(255, 255, 255, 0.4); }
    .slider.image-text-slider .slider-pager span.current:after {
      background-color: #fff; }
  .slider.image-text-slider .box-image {
    float: left;
    width: 50%;
    height: 400px;
    background: transparent none 50% 50% no-repeat;
    background-size: cover;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
  .slider.image-text-slider .box-content {
    float: right;
    width: 50%;
    padding: 0 50px 25px 35px;
    overflow: hidden; }
  @media (max-width: 739px) {
    .slider.image-text-slider {
      min-height: 400px; }
      .slider.image-text-slider .slide {
        padding: 0;
        padding-right: 25px; }
      .slider.image-text-slider .box-image {
        width: 33.33%; }
      .slider.image-text-slider .box-content {
        width: 66.66%; }
      .slider.image-text-slider .slider-pager {
        left: 33.33%;
        bottom: 0; } }
  @media (max-width: 559px) {
    .slider.image-text-slider {
      padding: 0; }
      .slider.image-text-slider .slide {
        height: auto;
        padding: 0;
        padding-bottom: 80px; }
      .slider.image-text-slider .scroller {
        top: 120px; }
      .slider.image-text-slider .slider-pager {
        bottom: 20px;
        left: 0;
        right: 0;
        margin: 0;
        text-align: center; }
      .slider.image-text-slider .box-image {
        float: none;
        margin: 0 auto 20px;
        width: 200px;
        height: 200px;
        border-radius: 100%; }
      .slider.image-text-slider .box-content {
        float: none;
        width: 100%;
        text-align: center;
        padding: 0 25px; } }

/*
-----------------------------------
Breaker: Photo
-----------------------------------
*/
.breaker-photo {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-height: 320px;
  max-width: 1600px;
  background: transparent none 50% 50% no-repeat;
  background-size: cover;
  overflow: hidden; }
  .breaker-photo .breaker-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent none 80% 50% no-repeat;
    background-size: cover;
    left: 0;
    top: 0; }
  .breaker-photo .breaker-content {
    float: left;
    text-align: left;
    width: 50%;
    color: #fff;
    padding: 0 35px; }
    .breaker-photo .breaker-content .cell {
      position: static;
      display: table-cell;
      width: 100%;
      height: 480px;
      padding: 60px 0;
      vertical-align: middle; }
  .breaker-photo .breaker-dimmer {
    position: absolute;
    display: none;
    width: 100%;
    height: 75%;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    background: -moz-linear-gradient(top, transparent 0%, black 100%);
    background: -webkit-linear-gradient(top, transparent 0%, black 100%);
    background: linear-gradient(to bottom, transparent 0%, black 100%); }
  .breaker-photo .breaker-headline {
    position: absolute;
    left: 0;
    width: 50%;
    bottom: 8.33%;
    margin: 0;
    display: inline-block;
    padding: 30px 30px 50px;
    background-color: rgba(0, 184, 249, 0.8); }
  @media (max-width: 739px) {
    .breaker-photo .breaker-content {
      width: 100%; }
      .breaker-photo .breaker-content .cell {
        vertical-align: bottom; }
    .breaker-photo .breaker-headline {
      width: 100%;
      bottom: 8.33%;
      padding: 25px;
      padding-bottom: 40px;
      font-size: 2.0em;
      text-align: center; } }
  @media (max-width: 559px) {
    .breaker-photo .breaker-headline {
      bottom: 0;
      font-size: 1.5em;
      text-align: left; } }

.site-content .breaker-photo .breaker-bg {
  opacity: 0; }
.site-content .breaker-photo .breaker-headline {
  opacity: 0; }
.site-content .breaker-photo.animated .breaker-bg {
  -webkit-animation: breaker-bg-keyframes 2000ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  -moz-animation: breaker-bg-keyframes 2000ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  -ms-animation: breaker-bg-keyframes 2000ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  -o-animation: breaker-bg-keyframes 2000ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  animation: breaker-bg-keyframes 2000ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  tranform: scale(1.1);
  opacity: 0; }
.site-content .breaker-photo.animated .breaker-headline {
  -webkit-transition: all 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms;
  -moz-transition: all 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms;
  -ms-transition: all 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms;
  -o-transition: all 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms;
  transition: all 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms;
  opacity: 1; }

@-webkit-keyframes breaker-bg-keyframes {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    tranform: scale(1.1);
    opacity: 0; }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    tranform: none;
    opacity: 1; } }
@-moz-keyframes breaker-bg-keyframes {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    tranform: scale(1.1);
    opacity: 0; }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    tranform: none;
    opacity: 1; } }
@-o-keyframes breaker-bg-keyframes {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    tranform: scale(1.1);
    opacity: 0; }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    tranform: none;
    opacity: 1; } }
@keyframes breaker-bg-keyframes {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    tranform: scale(1.1);
    opacity: 0; }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    tranform: none;
    opacity: 1; } }
/*
-----------------------------------
Content
-----------------------------------
*/
/*
-----------------------------------
IntroSlider
-----------------------------------
*/
.intro-slider {
  position: relative;
  padding: 0;
  margin: 0;
  background-color: #334148;
  color: #fff;
  height: 480px;
  overflow: hidden; }
  .intro-slider h1, .intro-slider h2, .intro-slider h3, .intro-slider h4 {
    margin-top: 0;
    color: #b4cb48; }
  .intro-slider h1 {
    margin-bottom: 0.25em; }
  .intro-slider p {
    margin-top: 0;
    font-weight: 300; }
  @media (min-width: 740px) {
    .intro-slider p {
      font-size: 1.125em;
      line-height: 1.5em; } }
  .intro-slider .animation-container {
    position: absolute;
    overflow: visible;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 200px;
    margin-left: -300px;
    margin-top: -100px; }
    .intro-slider .animation-container img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .intro-slider .content-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    padding: 0;
    overflow: hidden; }
  .intro-slider .content-right {
    position: absolute;
    top: 0;
    right: auto;
    left: 50%;
    bottom: auto;
    width: 50%;
    height: 100%;
    text-align: left;
    max-width: 640px; }
    .intro-slider .content-right .cell {
      padding: 10px 50px 10px 35px;
      display: table-cell;
      width: 100%;
      height: 480px;
      vertical-align: middle; }
  .intro-slider .slider-pager {
    bottom: 20px;
    left: 50%;
    right: auto;
    margin-left: 35px;
    text-align: left; }
    .intro-slider .slider-pager span:after {
      background-color: rgba(255, 255, 255, 0.4); }
    .intro-slider .slider-pager span.current:after {
      background-color: #b4cb48; }
  .intro-slider .slide:before {
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #b4cb48; }
  .intro-slider .slide.blue:before {
    background-color: #00b8f9; }
  .intro-slider .slide.blue .content-left {
    background-color: #00b8f9; }
  .intro-slider .slide.current-slide .content-left .cell {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    tranform: translateY(0); }
  @media (max-width: 1179px) {
    .intro-slider .animation-container {
      width: 450px;
      height: 150px;
      margin-left: -225px;
      margin-top: -75px; } }
  @media (max-width: 959px) {
    .intro-slider .animation-container {
      width: 360px;
      height: 120px;
      margin-left: -180px;
      margin-top: -60px; } }
  @media (max-width: 739px) {
    .intro-slider .animation-container {
      width: 300px;
      height: 100px;
      margin-left: -150px;
      margin-top: -50px; }
    .intro-slider h1 {
      font-size: 2.5em; }
    .intro-slider h3 {
      font-size: 1.125em; }
    .intro-slider p {
      font-size: 1.0em; }
    .intro-slider .slider-pager {
      margin-left: 25px; }
    .intro-slider .content-right .cell {
      padding-left: 25px; } }
  @media (max-width: 559px) {
    .intro-slider {
      min-height: 200px;
      height: 200px; }
      .intro-slider .slider-pager {
        left: 0;
        right: 0;
        margin: 0;
        text-align: center; }
      .intro-slider .slide:before {
        display: none; }
      .intro-slider .slide.green .content-left {
        background-color: #b4cb48; }
      .intro-slider .slide.blue .content-left {
        background-color: #00b8f9; }
      .intro-slider .scroller {
        top: 25%; }
      .intro-slider .content-left {
        width: 100%;
        height: 100%;
        background-color: #b4cb48; }
        .intro-slider .content-left .cell {
          width: 240px;
          right: 50%;
          margin-right: -120px; }
      .intro-slider .content-right {
        display: none; } }

/*
-----------------------------------
Section: Home - Overview
-----------------------------------
*/
.content-section.home-overview .grid,
.content-section.home-overview .row {
  overflow: visible; }
.content-section.home-overview .col {
  width: 33.333%;
  position: relative; }
  .content-section.home-overview .col:after {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 300;
    content: "";
    display: block;
    position: absolute;
    font-size: 140px;
    line-height: 230px;
    color: #b4cb48;
    left: 0;
    top: 0;
    margin-left: -40px; }
  .content-section.home-overview .col.col-telemonitoring:after {
    content: "+"; }
  .content-section.home-overview .col.col-outcomes:after {
    content: "="; }
.content-section.home-overview .cell {
  padding-bottom: 40px;
  text-align: center; }
  .content-section.home-overview .cell img {
    display: block;
    margin: 0 auto 20px;
    max-width: 100%;
    height: auto; }
  .content-section.home-overview .cell p {
    text-align: left;
    margin: 0 0 1.0em; }
.content-section.home-overview .tooltip-container .tooltip-content {
  pointer-events: auto; }
@media (min-width: 560px) and (max-width: 959px) {
  .content-section.home-overview .tooltip-container.tt-l .tooltip-content {
    left: 20px;
    right: -100%; }
    .content-section.home-overview .tooltip-container.tt-l .tooltip-content:before {
      left: 25%; }
  .content-section.home-overview .tooltip-container.tt-r .tooltip-content {
    left: -100%;
    right: 20px; }
    .content-section.home-overview .tooltip-container.tt-r .tooltip-content:before {
      left: 75%; } }
@media (max-width: 1179px) {
  .content-section.home-overview .cell img {
    max-width: 200px; }
  .content-section.home-overview .col:after {
    line-height: 200px; } }
@media (max-width: 959px) {
  .content-section.home-overview .cell img {
    max-width: 160px; }
  .content-section.home-overview .col:after {
    font-size: 100px;
    line-height: 160px;
    margin-left: -28px; } }
@media (max-width: 739px) {
  .content-section.home-overview .cell img {
    max-width: 120px; }
  .content-section.home-overview .cell h3 {
    font-size: 1.0em; }
  .content-section.home-overview .col:after {
    font-size: 84px;
    line-height: 120px;
    margin-left: -24px; } }
@media (max-width: 559px) {
  .content-section.home-overview .col {
    width: 100%;
    clear: both; }
    .content-section.home-overview .col:after {
      content: "" !important; }
  .content-section.home-overview .cell {
    padding-bottom: 20px; }
    .content-section.home-overview .cell img {
      max-width: 120px; } }

/* Section: Guidelines */
.content-section.guidelines {
  padding-bottom: 0; }

/* section.telecoaching.patientcentric.details */
.content-section.telecoaching-patientcentric-details {
  padding: 20px 0; }

/* section.telemonitoring.hardware */
.content-section.telemonitoring-hardware {
  padding-bottom: 60px; }
  .content-section.telemonitoring-hardware .section-header {
    padding-bottom: 10px; }
  .content-section.telemonitoring-hardware .info-plugnplay {
    position: relative;
    max-width: 480px;
    width: 100%;
    margin: 0 auto; }
    .content-section.telemonitoring-hardware .info-plugnplay .bubble-icon {
      margin: 0 auto;
      width: 150px;
      height: 150px;
      background-image: url("../img/icon_plugnplay.svg");
      background-size: contain; }

/* section.benefits.details */
.content-section.benefits-details .slider.text-slider {
  overflow: visible; }
  .content-section.benefits-details .slider.text-slider p {
    font-size: 1.0em; }
  .content-section.benefits-details .slider.text-slider .slide-content {
    max-width: 1130px;
    padding: 40px 60px 80px;
    opacity: 0;
    -webkit-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .content-section.benefits-details .slider.text-slider .slide.current-slide .slide-content {
    opacity: 1; }
  .content-section.benefits-details .slider.text-slider .col {
    position: relative;
    width: 50%;
    padding: 0 35px; }
    .content-section.benefits-details .slider.text-slider .col:nth-child(1) {
      border-right: 2px dotted rgba(255, 255, 255, 0.6); }
.content-section.benefits-details .tooltip-content {
  bottom: 100%;
  color: #44565f;
  background-color: #fff; }
  .content-section.benefits-details .tooltip-content p {
    font-weight: bold; }
  .content-section.benefits-details .tooltip-content:before {
    background-color: #ffffff; }
.content-section.benefits-details .info-cochrane {
  margin: 0 0 20px;
  text-align: left; }
  .content-section.benefits-details .info-cochrane .icon {
    width: 80px;
    height: 80px;
    background: #ffffff none center center no-repeat;
    background-image: url("../img/icon_cochrane.svg");
    background-size: 60px 60px;
    margin: 0;
    border-radius: 50%; }
@media (min-width: 740px) {
  .content-section.benefits-details .tooltip-container.opened .tooltip-content {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    tranform: translateX(-40px); }
  .content-section.benefits-details .tooltip-content {
    margin-right: -50px;
    right: 100%;
    left: auto;
    width: 75%;
    bottom: auto;
    top: 0px; }
    .content-section.benefits-details .tooltip-content:before {
      left: 100%;
      top: 40px;
      bottom: auto; } }
@media (max-width: 959px) {
  .content-section.benefits-details .slider.text-slider .slide-content {
    padding-left: 0;
    padding-right: 0; }
  .content-section.benefits-details .slider.text-slider .scroller {
    opacity: 0; } }
@media (max-width: 739px) {
  .content-section.benefits-details .slider.text-slider .slide-content {
    padding-top: 20px; }
  .content-section.benefits-details .slider.text-slider .col {
    width: 100%;
    float: none; }
    .content-section.benefits-details .slider.text-slider .col:nth-child(1) {
      border: 0px none;
      margin-bottom: 40px; }
  .content-section.benefits-details .info-cochrane .icon {
    margin: 0 auto; } }

/* section.company.about */
.content-section.company-about {
  padding-bottom: 60px; }
  .content-section.company-about .grid.team-members {
    padding: 0 20px;
    max-width: 1060px;
    overflow: visible; }
    .content-section.company-about .grid.team-members .box-image {
      display: block;
      width: 125px;
      height: 125px;
      border-radius: 50%;
      margin: 0 auto;
      background: transparent none center top no-repeat;
      background-size: 125px auto;
      border: 4px solid #f4f4f4; }
    .content-section.company-about .grid.team-members .col {
      width: 25%;
      margin-bottom: 50px;
      overflow: visible;
      position: relative; }
      .content-section.company-about .grid.team-members .col.tooltip-container {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .content-section.company-about .grid.team-members .col.tooltip-container .box-image {
          -webkit-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .content-section.company-about .grid.team-members .col.tooltip-container.opened .box-image {
          border-color: #00b8f9;
          background-size: 200px auto; }
    .content-section.company-about .grid.team-members .tooltip-content {
      width: 200%;
      left: -50%;
      right: -50%;
      padding-top: 40px;
      background-color: #00b8f9; }
      .content-section.company-about .grid.team-members .tooltip-content:before {
        left: 50%;
        background-color: #00b8f9; }
    @media (min-width: 960px) {
      .content-section.company-about .grid.team-members .tooltip-content {
        width: 300%;
        left: -100%;
        right: -100%; }
        .content-section.company-about .grid.team-members .tooltip-content:before {
          left: 50%; }
      .content-section.company-about .grid.team-members .col:nth-child(4n+1) .tooltip-content {
        left: 0;
        right: auto; }
        .content-section.company-about .grid.team-members .col:nth-child(4n+1) .tooltip-content:before {
          left: 16.66%; }
      .content-section.company-about .grid.team-members .col:nth-child(4n) .tooltip-content {
        left: auto;
        right: 0; }
        .content-section.company-about .grid.team-members .col:nth-child(4n) .tooltip-content:before {
          left: 83.33%; } }
    @media (min-width: 560px) and (max-width: 959px) {
      .content-section.company-about .grid.team-members .col {
        width: 33.33%; }
        .content-section.company-about .grid.team-members .col:first-child {
          margin-left: 16.66%; }
      .content-section.company-about .grid.team-members .tooltip-content {
        width: 200%;
        left: -50%;
        right: -50%; }
        .content-section.company-about .grid.team-members .tooltip-content:before {
          left: 50%; }
      .content-section.company-about .grid.team-members .col:nth-child(3) .tooltip-content,
      .content-section.company-about .grid.team-members .col:nth-child(6) .tooltip-content {
        left: 0;
        right: auto; }
        .content-section.company-about .grid.team-members .col:nth-child(3) .tooltip-content:before,
        .content-section.company-about .grid.team-members .col:nth-child(6) .tooltip-content:before {
          left: 25%; }
      .content-section.company-about .grid.team-members .col:nth-child(5) .tooltip-content,
      .content-section.company-about .grid.team-members .col:nth-child(8) .tooltip-content {
        left: auto;
        right: 0; }
        .content-section.company-about .grid.team-members .col:nth-child(5) .tooltip-content:before,
        .content-section.company-about .grid.team-members .col:nth-child(8) .tooltip-content:before {
          left: 75%; } }
    @media (max-width: 559px) {
      .content-section.company-about .grid.team-members .col {
        width: 50%; }
      .content-section.company-about .grid.team-members .col:nth-child(2n+1) .tooltip-content {
        left: 0;
        right: auto; }
        .content-section.company-about .grid.team-members .col:nth-child(2n+1) .tooltip-content:before {
          left: 25%; }
      .content-section.company-about .grid.team-members .col:nth-child(2n) .tooltip-content {
        left: auto;
        right: 0; }
        .content-section.company-about .grid.team-members .col:nth-child(2n) .tooltip-content:before {
          left: 75%; } }

/* Pflichtangaben */
.content-section.pflichtangaben ol {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px; }

.post-content {
  background-color: #fff;
  padding: 80px;
  margin: 0 auto;
  max-width: 1280px;
  color: #44565f; }
  .post-content:before, .post-content:after {
    content: " ";
    display: table; }
  .post-content:after {
    clear: both; }
  .post-content img {
    float: left;
    width: 50%;
    max-width: 400px;
    height: auto;
    display: block;
    margin: 20px 40px 20px 0; }
    .post-content img.first {
      margin-top: 0; }

.post-view {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto 20px;
  color: #44565f; }
  .post-view .post-image {
    float: left;
    margin: 0 40px 0 0;
    width: 50%;
    max-width: 300px;
    height: auto; }
  .post-view .post-teaser {
    padding: 25px;
    background-color: #fff; }
    .post-view .post-teaser:before, .post-view .post-teaser:after {
      content: " ";
      display: table; }
    .post-view .post-teaser:after {
      clear: both; }
    .post-view .post-teaser h4 {
      font-weight: bold;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      opacity: 0.75; }
    .post-view .post-teaser a, .post-view .post-teaser a:hover {
      color: inherit;
      text-decoration: none; }
  .post-view .post-details {
    position: relative;
    clear: both;
    padding: 20px 25px;
    background-color: #f4f4f4; }
    .post-view .post-details.hidden {
      display: none; }
    .post-view .post-details .button-close {
      border-color: #00b8f9;
      background-color: #00b8f9; }

.news-slider .news-category {
  margin-bottom: 20px; }
  .news-slider .news-category h4 {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.75; }
.news-slider a, .news-slider a:hover {
  color: inherit;
  text-decoration: none; }

.content-section.blog-index {
  padding: 40px; }
  .content-section.blog-index .post-details {
    display: none; }
  .content-section.blog-index .row {
    min-height: 726px; }
  .content-section.blog-index .col.news {
    float: left;
    width: 75%; }
  .content-section.blog-index .col.twitter {
    float: right;
    width: 25%; }
    .content-section.blog-index .col.twitter a.twitter-timeline {
      display: none; }
    .content-section.blog-index .col.twitter .cell {
      background-color: #334148;
      padding: 20px; }
  @media (min-width: 740px) {
    .content-section.blog-index .col.twitter .cell {
      width: 25%;
      position: absolute;
      right: -12px;
      top: 0;
      bottom: 20px;
      overflow: auto;
      padding-right: 32px; } }
  @media (max-width: 1179px) {
    .content-section.blog-index .post-view .post-image {
      float: none;
      clear: both;
      margin: 0 auto 40px 0;
      display: block; } }
  @media (min-width: 960px) and (max-width: 1179px) {
    .content-section.blog-index .col.news {
      width: 66.6666%; }
    .content-section.blog-index .col.twitter {
      width: 33.3333%; }
      .content-section.blog-index .col.twitter .cell {
        width: 33.3333%; } }
  @media (min-width: 740px) and (max-width: 959px) {
    .content-section.blog-index .col.news {
      width: 50%; }
    .content-section.blog-index .col.twitter {
      width: 50%; }
      .content-section.blog-index .col.twitter .cell {
        width: 50%; } }
  @media (max-width: 739px) {
    .content-section.blog-index .col.news {
      width: 100%; }
    .content-section.blog-index .col.twitter {
      width: 100%; }
      .content-section.blog-index .col.twitter .cell {
        padding: 10px; }
    .content-section.blog-index .post-view {
      text-align: center;
      margin-bottom: 10px; }
      .content-section.blog-index .post-view .post-image {
        margin: 10px auto 40px;
        display: block;
        border-radius: 100%;
        max-width: 160px; } }

.content-section.blog-details {
  padding: 40px; }
  .content-section.blog-details .post-details {
    display: block; }

@media (max-width: 739px) {
  .content-section.blog-index,
  .content-section.blog-details {
    padding: 25px 0; }

  .post-content {
    padding: 40px 25px; }
    .post-content img {
      float: none;
      width: 50%;
      margin: 40px 0; } }
/*
-----------------------------------
Animation: Intro
-----------------------------------
*/
.intro-slider .content-right img {
  width: 100%;
  max-width: 320px;
  height: auto; }
.intro-slider .sprite {
  opacity: 0; }
  .intro-slider .sprite.anim-coaching, .intro-slider .sprite.anim-monitoring, .intro-slider .sprite.anim-benefits {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    tranform: scale(3); }
  .intro-slider .sprite.anim-digital, .intro-slider .sprite.anim-individual {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    tranform: scale(3); }
  .intro-slider .sprite.anim-plus, .intro-slider .sprite.anim-equal {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    tranform: translateX(50%); }
.intro-slider[slider-offset="0"] .sprite.anim-coaching, .intro-slider[slider-offset="0"] .sprite.anim-digital {
  -webkit-animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 500ms;
  -moz-animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 500ms;
  -ms-animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 500ms;
  -o-animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 500ms;
  animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 500ms; }
.intro-slider[slider-offset="0"] .sprite.anim-plus {
  -webkit-transition-delay: 750ms;
  -moz-transition-delay: 750ms;
  -ms-transition-delay: 750ms;
  -o-transition-delay: 750ms;
  transition-delay: 750ms;
  -webkit-animation: intro-sign-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 750ms;
  -moz-animation: intro-sign-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 750ms;
  -ms-animation: intro-sign-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 750ms;
  -o-animation: intro-sign-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 750ms;
  animation: intro-sign-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 750ms; }
.intro-slider[slider-offset="0"] .sprite.anim-monitoring, .intro-slider[slider-offset="0"] .sprite.anim-individual {
  -webkit-transition-delay: 1250ms;
  -moz-transition-delay: 1250ms;
  -ms-transition-delay: 1250ms;
  -o-transition-delay: 1250ms;
  transition-delay: 1250ms;
  -webkit-animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 1250ms;
  -moz-animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 1250ms;
  -ms-animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 1250ms;
  -o-animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 1250ms;
  animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 1250ms; }
.intro-slider[slider-offset="0"] .sprite.anim-equal {
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
  -webkit-animation: intro-sign-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 1500ms;
  -moz-animation: intro-sign-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 1500ms;
  -ms-animation: intro-sign-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 1500ms;
  -o-animation: intro-sign-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 1500ms;
  animation: intro-sign-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 1500ms; }
.intro-slider[slider-offset="0"] .sprite.anim-benefits {
  -webkit-animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 2000ms;
  -moz-animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 2000ms;
  -ms-animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 2000ms;
  -o-animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 2000ms;
  animation: intro-symbol-keyframes 500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards 2000ms; }

@-webkit-keyframes intro-symbol-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    tranform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    tranform: none; } }
@-moz-keyframes intro-symbol-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    tranform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    tranform: none; } }
@-o-keyframes intro-symbol-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    tranform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    tranform: none; } }
@keyframes intro-symbol-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    tranform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    tranform: none; } }
@-webkit-keyframes intro-sign-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    tranform: translateX(50%); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    tranform: none; } }
@-moz-keyframes intro-sign-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    tranform: translateX(50%); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    tranform: none; } }
@-o-keyframes intro-sign-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    tranform: translateX(50%); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    tranform: none; } }
@keyframes intro-sign-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    tranform: translateX(50%); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    tranform: none; } }
/*
-----------------------------------
Animation: Telemonitoring - Patientstory
-----------------------------------
*/
.content-section.telemonitoring-patientstory {
  display: none;
  padding-top: 0;
  /* Monitoring weight */
  /* Monitoring symptoms 1 */
  /* Monitoring symptoms 2 */
  /* Data processing */
  /* Intervention */
  /* Doctor */
  /* Hospital */ }
  .content-section.telemonitoring-patientstory .slider.image-text-slider {
    min-height: 400px;
    overflow: visible; }
  .content-section.telemonitoring-patientstory .section-header {
    padding-bottom: 20px; }
  .content-section.telemonitoring-patientstory .box-content .cell {
    display: table-cell;
    width: 100%;
    height: 375px;
    vertical-align: middle; }
  .content-section.telemonitoring-patientstory .slider-animation {
    position: absolute;
    top: 0;
    left: 0;
    right: 50%;
    width: auto;
    height: 100%;
    overflow: visible; }
  @media (min-width: 560px) and (max-width: 739px) {
    .content-section.telemonitoring-patientstory .scroller-left {
      opacity: 0; }
    .content-section.telemonitoring-patientstory .slider-animation {
      right: 66.66%;
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
      tranform-origin: 50% 50%;
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      tranform: scale(0.5); } }
  @media (max-width: 559px) {
    .content-section.telemonitoring-patientstory {
      height: auto; }
      .content-section.telemonitoring-patientstory .slider-animation {
        left: 0;
        right: 0;
        height: 250px;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        tranform-origin: 50% 50%;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        tranform: scale(0.5); }
      .content-section.telemonitoring-patientstory .box-content {
        padding-top: 250px; }
      .content-section.telemonitoring-patientstory .box-content .cell {
        display: block;
        height: auto;
        vertical-align: top; } }
  .content-section.telemonitoring-patientstory .sprite {
    position: absolute;
    width: 400px;
    height: 400px;
    background: transparent none 0px 0px no-repeat;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -200px;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .content-section.telemonitoring-patientstory .sprite.telescale {
      background-image: url("../img/animation/telemonitoring_scale.svg"); }
    .content-section.telemonitoring-patientstory .sprite.telescale-signal {
      background-image: url("../img/animation/telemonitoring_scale_signal.svg"); }
    .content-section.telemonitoring-patientstory .sprite.device {
      background-image: url("../img/animation/telemonitoring_device.svg"); }
    .content-section.telemonitoring-patientstory .sprite.device-signal {
      background-image: url("../img/animation/telemonitoring_device_signal.svg"); }
    .content-section.telemonitoring-patientstory .sprite.device-bubble {
      background-image: url("../img/animation/telemonitoring_device_bubble.svg"); }
    .content-section.telemonitoring-patientstory .sprite.device-hand {
      background-image: url("../img/animation/telemonitoring_device_hand.svg"); }
    .content-section.telemonitoring-patientstory .sprite.data-screen {
      background-image: url("../img/animation/telemonitoring_data_screen.svg"); }
    .content-section.telemonitoring-patientstory .sprite.data-signal {
      background-image: url("../img/animation/telemonitoring_data_signal.svg"); }
    .content-section.telemonitoring-patientstory .sprite.patient {
      background-image: url("../img/animation/telemonitoring_patient.svg"); }
    .content-section.telemonitoring-patientstory .sprite.nurse {
      background-image: url("../img/animation/telemonitoring_nurse.svg"); }
    .content-section.telemonitoring-patientstory .sprite.doctor {
      background-image: url("../img/animation/telemonitoring_doctor.svg"); }
    .content-section.telemonitoring-patientstory .sprite.bed {
      background-image: url("../img/animation/telemonitoring_bed.svg"); }
    .content-section.telemonitoring-patientstory .sprite.cross {
      background-image: url("../img/animation/telemonitoring_cross.svg"); }
  .content-section.telemonitoring-patientstory .slider[slider-offset="0"] .sprite.telescale {
    opacity: 1; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="0"] .sprite.telescale-signal {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-name: telescale-signal-keyframes;
    -moz-animation-name: telescale-signal-keyframes;
    -ms-animation-name: telescale-signal-keyframes;
    -o-animation-name: telescale-signal-keyframes;
    animation-name: telescale-signal-keyframes; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="0"] .sprite.device-signal,
  .content-section.telemonitoring-patientstory .slider[slider-offset="0"] .sprite.device-bubble,
  .content-section.telemonitoring-patientstory .slider[slider-offset="0"] .sprite.patient,
  .content-section.telemonitoring-patientstory .slider[slider-offset="0"] .sprite.nurse,
  .content-section.telemonitoring-patientstory .slider[slider-offset="0"] .sprite.doctor {
    opacity: 0;
    display: none; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="1"] .sprite.device {
    opacity: 1; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="1"] .sprite.telescale-signal {
    display: none; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="1"] .sprite.device-signal {
    -webkit-animation-iteration-count: 2;
    -moz-animation-iteration-count: 2;
    -ms-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: device-signal-keyframes;
    -moz-animation-name: device-signal-keyframes;
    -ms-animation-name: device-signal-keyframes;
    -o-animation-name: device-signal-keyframes;
    animation-name: device-signal-keyframes; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="1"] .sprite.device-bubble {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    -ms-animation-delay: 2.5s;
    -o-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-name: device-bubble-keyframes;
    -moz-animation-name: device-bubble-keyframes;
    -ms-animation-name: device-bubble-keyframes;
    -o-animation-name: device-bubble-keyframes;
    animation-name: device-bubble-keyframes; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="2"] .sprite.device {
    opacity: 1; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="2"] .sprite.device-signal,
  .content-section.telemonitoring-patientstory .slider[slider-offset="2"] .sprite.device-bubble {
    display: none; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="2"] .sprite.device-hand {
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0.5;
    -moz-animation-delay: 0.5;
    -ms-animation-delay: 0.5;
    -o-animation-delay: 0.5;
    animation-delay: 0.5;
    -webkit-animation-name: device-hand-keyframes;
    -moz-animation-name: device-hand-keyframes;
    -ms-animation-name: device-hand-keyframes;
    -o-animation-name: device-hand-keyframes;
    animation-name: device-hand-keyframes; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="3"] .sprite.device {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-name: device-out-keyframes;
    -moz-animation-name: device-out-keyframes;
    -ms-animation-name: device-out-keyframes;
    -o-animation-name: device-out-keyframes;
    animation-name: device-out-keyframes; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="3"] .sprite.data-screen {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-name: device-in-keyframes;
    -moz-animation-name: device-in-keyframes;
    -ms-animation-name: device-in-keyframes;
    -o-animation-name: device-in-keyframes;
    animation-name: device-in-keyframes; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="3"] .sprite.data-signal {
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: data-signal-keyframes;
    -moz-animation-name: data-signal-keyframes;
    -ms-animation-name: data-signal-keyframes;
    -o-animation-name: data-signal-keyframes;
    animation-name: data-signal-keyframes; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="4"] .sprite.data-signal,
  .content-section.telemonitoring-patientstory .slider[slider-offset="4"] .sprite.data-screen {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-name: fade-out-keyframes;
    -moz-animation-name: fade-out-keyframes;
    -ms-animation-name: fade-out-keyframes;
    -o-animation-name: fade-out-keyframes;
    animation-name: fade-out-keyframes; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="4"] .sprite.nurse {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;
    -ms-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-name: nurse-in-keyframes;
    -moz-animation-name: nurse-in-keyframes;
    -ms-animation-name: nurse-in-keyframes;
    -o-animation-name: nurse-in-keyframes;
    animation-name: nurse-in-keyframes; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="4"] .sprite.patient {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-name: patient-in-keyframes;
    -moz-animation-name: patient-in-keyframes;
    -ms-animation-name: patient-in-keyframes;
    -o-animation-name: patient-in-keyframes;
    animation-name: patient-in-keyframes; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="4"] .sprite.doctor {
    opacity: 0; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="5"] .sprite.data-screen,
  .content-section.telemonitoring-patientstory .slider[slider-offset="5"] .sprite.data-signal {
    display: none; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="5"] .sprite.nurse {
    display: none;
    opacity: 0; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="5"] .sprite.doctor {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-name: doctor-in-keyframes;
    -moz-animation-name: doctor-in-keyframes;
    -ms-animation-name: doctor-in-keyframes;
    -o-animation-name: doctor-in-keyframes;
    animation-name: doctor-in-keyframes; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="5"] .sprite.patient {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-name: patient-doctor-keyframes;
    -moz-animation-name: patient-doctor-keyframes;
    -ms-animation-name: patient-doctor-keyframes;
    -o-animation-name: patient-doctor-keyframes;
    animation-name: patient-doctor-keyframes; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="6"] .sprite.nurse {
    display: none; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="6"] .sprite.doctor {
    opacity: 0; }
  .content-section.telemonitoring-patientstory .slider[slider-offset="6"] .sprite.patient {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }

@-webkit-keyframes fade-in-keyframes {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fade-in-keyframes {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fade-in-keyframes {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in-keyframes {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fade-out-keyframes {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes fade-out-keyframes {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-o-keyframes fade-out-keyframes {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fade-out-keyframes {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes telescale-signal-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    tranform: translateY(50px); }
  40% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    tranform: translateY(10px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    tranform: translateY(-10px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    tranform: translateY(-50px); } }
@-moz-keyframes telescale-signal-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    tranform: translateY(50px); }
  40% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    tranform: translateY(10px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    tranform: translateY(-10px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    tranform: translateY(-50px); } }
@-o-keyframes telescale-signal-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    tranform: translateY(50px); }
  40% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    tranform: translateY(10px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    tranform: translateY(-10px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    tranform: translateY(-50px); } }
@keyframes telescale-signal-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    tranform: translateY(50px); }
  40% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    tranform: translateY(10px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    tranform: translateY(-10px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    tranform: translateY(-50px); } }
@-webkit-keyframes device-signal-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    tranform: translateY(70px); }
  40% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    tranform: translateY(30px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    tranform: translateY(10px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    tranform: translateY(-30px); } }
@-moz-keyframes device-signal-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    tranform: translateY(70px); }
  40% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    tranform: translateY(30px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    tranform: translateY(10px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    tranform: translateY(-30px); } }
@-o-keyframes device-signal-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    tranform: translateY(70px); }
  40% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    tranform: translateY(30px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    tranform: translateY(10px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    tranform: translateY(-30px); } }
@keyframes device-signal-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    tranform: translateY(70px); }
  40% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    tranform: translateY(30px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    tranform: translateY(10px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    tranform: translateY(-30px); } }
@-webkit-keyframes device-bubble-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    tranform: scale(0.2); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    tranform: scale(1); } }
@-moz-keyframes device-bubble-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    tranform: scale(0.2); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    tranform: scale(1); } }
@-o-keyframes device-bubble-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    tranform: scale(0.2); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    tranform: scale(1); } }
@keyframes device-bubble-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    tranform: scale(0.2); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    tranform: scale(1); } }
@-webkit-keyframes device-hand-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    tranform: translate(0, 100px); }
  20% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  40% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate(-100px, 0);
    -moz-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    -o-transform: translate(-100px, 0);
    tranform: translate(-100px, 0); }
  80% {
    opacity: 1;
    -webkit-transform: translate(-100px, 0);
    -moz-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    -o-transform: translate(-100px, 0);
    tranform: translate(-100px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); } }
@-moz-keyframes device-hand-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    tranform: translate(0, 100px); }
  20% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  40% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate(-100px, 0);
    -moz-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    -o-transform: translate(-100px, 0);
    tranform: translate(-100px, 0); }
  80% {
    opacity: 1;
    -webkit-transform: translate(-100px, 0);
    -moz-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    -o-transform: translate(-100px, 0);
    tranform: translate(-100px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); } }
@-o-keyframes device-hand-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    tranform: translate(0, 100px); }
  20% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  40% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate(-100px, 0);
    -moz-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    -o-transform: translate(-100px, 0);
    tranform: translate(-100px, 0); }
  80% {
    opacity: 1;
    -webkit-transform: translate(-100px, 0);
    -moz-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    -o-transform: translate(-100px, 0);
    tranform: translate(-100px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); } }
@keyframes device-hand-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    tranform: translate(0, 100px); }
  20% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  40% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate(-100px, 0);
    -moz-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    -o-transform: translate(-100px, 0);
    tranform: translate(-100px, 0); }
  80% {
    opacity: 1;
    -webkit-transform: translate(-100px, 0);
    -moz-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    -o-transform: translate(-100px, 0);
    tranform: translate(-100px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); } }
@-webkit-keyframes device-out-keyframes {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-400px, 0);
    -moz-transform: translate(-400px, 0);
    -ms-transform: translate(-400px, 0);
    -o-transform: translate(-400px, 0);
    tranform: translate(-400px, 0); } }
@-moz-keyframes device-out-keyframes {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-400px, 0);
    -moz-transform: translate(-400px, 0);
    -ms-transform: translate(-400px, 0);
    -o-transform: translate(-400px, 0);
    tranform: translate(-400px, 0); } }
@-o-keyframes device-out-keyframes {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-400px, 0);
    -moz-transform: translate(-400px, 0);
    -ms-transform: translate(-400px, 0);
    -o-transform: translate(-400px, 0);
    tranform: translate(-400px, 0); } }
@keyframes device-out-keyframes {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-400px, 0);
    -moz-transform: translate(-400px, 0);
    -ms-transform: translate(-400px, 0);
    -o-transform: translate(-400px, 0);
    tranform: translate(-400px, 0); } }
@-webkit-keyframes device-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); } }
@-moz-keyframes device-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); } }
@-o-keyframes device-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); } }
@keyframes device-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    tranform: translate(0, 0); } }
@-webkit-keyframes data-signal-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    tranform: scale(0.1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    tranform: scale(1); } }
@-moz-keyframes data-signal-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    tranform: scale(0.1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    tranform: scale(1); } }
@-o-keyframes data-signal-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    tranform: scale(0.1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    tranform: scale(1); } }
@keyframes data-signal-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    tranform: scale(0.1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    tranform: scale(1); } }
@-webkit-keyframes nurse-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translate(200px, 0);
    -moz-transform: translate(200px, 0);
    -ms-transform: translate(200px, 0);
    -o-transform: translate(200px, 0);
    tranform: translate(200px, 0); }
  25% {
    opacity: 1;
    -webkit-transform: translate(100px, 0);
    -moz-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    -o-transform: translate(100px, 0);
    tranform: translate(100px, 0); }
  75% {
    opacity: 1;
    -webkit-transform: translate(100px, 0);
    -moz-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    -o-transform: translate(100px, 0);
    tranform: translate(100px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-100px, -50px) scale(0.75);
    -moz-transform: translate(-100px, -50px) scale(0.75);
    -ms-transform: translate(-100px, -50px) scale(0.75);
    -o-transform: translate(-100px, -50px) scale(0.75);
    tranform: translate(-100px, -50px) scale(0.75); } }
@-moz-keyframes nurse-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translate(200px, 0);
    -moz-transform: translate(200px, 0);
    -ms-transform: translate(200px, 0);
    -o-transform: translate(200px, 0);
    tranform: translate(200px, 0); }
  25% {
    opacity: 1;
    -webkit-transform: translate(100px, 0);
    -moz-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    -o-transform: translate(100px, 0);
    tranform: translate(100px, 0); }
  75% {
    opacity: 1;
    -webkit-transform: translate(100px, 0);
    -moz-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    -o-transform: translate(100px, 0);
    tranform: translate(100px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-100px, -50px) scale(0.75);
    -moz-transform: translate(-100px, -50px) scale(0.75);
    -ms-transform: translate(-100px, -50px) scale(0.75);
    -o-transform: translate(-100px, -50px) scale(0.75);
    tranform: translate(-100px, -50px) scale(0.75); } }
@-o-keyframes nurse-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translate(200px, 0);
    -moz-transform: translate(200px, 0);
    -ms-transform: translate(200px, 0);
    -o-transform: translate(200px, 0);
    tranform: translate(200px, 0); }
  25% {
    opacity: 1;
    -webkit-transform: translate(100px, 0);
    -moz-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    -o-transform: translate(100px, 0);
    tranform: translate(100px, 0); }
  75% {
    opacity: 1;
    -webkit-transform: translate(100px, 0);
    -moz-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    -o-transform: translate(100px, 0);
    tranform: translate(100px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-100px, -50px) scale(0.75);
    -moz-transform: translate(-100px, -50px) scale(0.75);
    -ms-transform: translate(-100px, -50px) scale(0.75);
    -o-transform: translate(-100px, -50px) scale(0.75);
    tranform: translate(-100px, -50px) scale(0.75); } }
@keyframes nurse-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translate(200px, 0);
    -moz-transform: translate(200px, 0);
    -ms-transform: translate(200px, 0);
    -o-transform: translate(200px, 0);
    tranform: translate(200px, 0); }
  25% {
    opacity: 1;
    -webkit-transform: translate(100px, 0);
    -moz-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    -o-transform: translate(100px, 0);
    tranform: translate(100px, 0); }
  75% {
    opacity: 1;
    -webkit-transform: translate(100px, 0);
    -moz-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    -o-transform: translate(100px, 0);
    tranform: translate(100px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-100px, -50px) scale(0.75);
    -moz-transform: translate(-100px, -50px) scale(0.75);
    -ms-transform: translate(-100px, -50px) scale(0.75);
    -o-transform: translate(-100px, -50px) scale(0.75);
    tranform: translate(-100px, -50px) scale(0.75); } }
@-webkit-keyframes patient-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    tranform: translateX(200px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    tranform: translateX(100px); } }
@-moz-keyframes patient-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    tranform: translateX(200px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    tranform: translateX(100px); } }
@-o-keyframes patient-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    tranform: translateX(200px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    tranform: translateX(100px); } }
@keyframes patient-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    tranform: translateX(200px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    tranform: translateX(100px); } }
@-webkit-keyframes patient-doctor-keyframes {
  0% {
    opacity: 1;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    tranform: translateX(100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    tranform: translateX(-50px); } }
@-moz-keyframes patient-doctor-keyframes {
  0% {
    opacity: 1;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    tranform: translateX(100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    tranform: translateX(-50px); } }
@-o-keyframes patient-doctor-keyframes {
  0% {
    opacity: 1;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    tranform: translateX(100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    tranform: translateX(-50px); } }
@keyframes patient-doctor-keyframes {
  0% {
    opacity: 1;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    tranform: translateX(100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    tranform: translateX(-50px); } }
@-webkit-keyframes doctor-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -o-transform: translateX(300px);
    tranform: translateX(300px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    tranform: translateX(100px); } }
@-moz-keyframes doctor-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -o-transform: translateX(300px);
    tranform: translateX(300px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    tranform: translateX(100px); } }
@-o-keyframes doctor-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -o-transform: translateX(300px);
    tranform: translateX(300px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    tranform: translateX(100px); } }
@keyframes doctor-in-keyframes {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -o-transform: translateX(300px);
    tranform: translateX(300px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    tranform: translateX(100px); } }

/*# sourceMappingURL=frontend.css.map */