@charset "UTF-8";
/* Scss Document */
/*

// XS Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// SM Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// MD Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// LG Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// XL Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/
/* Scss Document */
/* ORANGE THEME */
.vr {
  width: 1px;
  border-left: solid 1px rgba(164, 190, 226, 0.7);
  padding: 0px; }

.hr {
  height: 1px;
  border-bottom: solid 1px rgba(164, 190, 226, 0.7);
  padding: 0px; }

@font-face {
  font-family: 'Roboto Thin';
  src: url("../webfonts/Roboto-Thin.ttf") format("truetype");
  /* Safari, Android, iOS */ }
@font-face {
  font-family: 'Roboto';
  src: url("../webfonts/Roboto-Regular.ttf") format("truetype");
  /* Safari, Android, iOS */ }
@font-face {
  font-family: 'Roboto Medium';
  src: url("../webfonts/Roboto-Medium.ttf") format("truetype");
  /* Safari, Android, iOS */ }
@font-face {
  font-family: 'Roboto Bold';
  src: url("../webfonts/Roboto-Bold.ttf") format("truetype");
  /* Safari, Android, iOS */ }
* {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#layoutBP {
  display: none !important;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2000;
  padding: 5px;
  background: white;
  opacity: .3; }

#floatingBtn {
  position: fixed;
  right: 30px;
  bottom: 30px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
  border-radius: 19px;
  padding-left: 20px;
  padding-right: 20px;
  transition: bottom 0.3s;
  font-size: 13px;
  z-index: 50; }
  #floatingBtn:hover {
    bottom: 33px; }

#configs {
  display: inline-block;
  width: 100%;
  height: 1px;
  position: relative;
  top: -180px; }

a {
  color: #5E50D1; }
  a:hover {
    color: #5E50D1;
    text-decoration: underline; }

.thin {
  font-weight: 300 !important;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif"; }

.btn {
  border-radius: 3px;
  font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 500; }
  .btn.btn-ico {
    padding: 0;
    margin: 0;
    min-width: 0; }

.btn-primary, .btn-primary:focus {
  background-color: #FFD600;
  border-color: #FFD600;
  color: #2F293F; }
.btn-primary:not(:disabled):not(.disabled):hover {
  background-color: #ffde33;
  border-color: #ffde33;
  color: #2F293F; }
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #ccab00;
  border-color: #ccab00;
  color: #2F293F; }

.btn-outline-secondary {
  border-color: #484094;
  color: #484094; }
  .btn-outline-secondary:not(:disabled):not(.disabled):hover {
    background-color: rgba(97, 68, 180, 0.1);
    border-color: #484094;
    color: #484094; }
  .btn-outline-secondary .muted {
    color: rgba(72, 64, 148, 0.7); }
  .btn-outline-secondary.inverted {
    border-color: white;
    color: white;
    background-color: rgba(0, 0, 0, 0.05); }
    .btn-outline-secondary.inverted:not(:disabled):not(.disabled):hover {
      background-color: rgba(255, 255, 255, 0.2);
      border-color: white;
      color: white; }
    .btn-outline-secondary.inverted:not(:disabled):not(.disabled):active {
      background-color: rgba(0, 0, 0, 0.1);
      border-color: white; }
    .btn-outline-secondary.inverted .muted {
      color: rgba(255, 255, 255, 0.5); }

.hint {
  font-size: 14px;
  color: #55596a; }

hr.muted {
  border-color: transparent; }

ul.simple {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  ul.simple li {
    margin: 0;
    padding: 0; }

.dark {
  color: #2F293F !important; }

.no-bg {
  background-color: transparent !important;
  background-image: none !important; }
  .no-bg > .list-group-item {
    background-color: transparent !important; }

h1.muted, h2.muted, h3.muted, h4.muted, h5.muted, h6.muted {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 300;
  color: #55596a; }

.minw-100 {
  min-width: 100px !important; }
  .minw-100 .list-group-item {
    max-width: none !important; }

.maxw-100 {
  max-width: 100px !important; }
  .maxw-100 .list-group-item {
    max-width: none !important; }

.minh-100 {
  min-height: 100px !important; }

.maxh-100 {
  max-height: 100px !important; }

.minw-150 {
  min-width: 150px !important; }
  .minw-150 .list-group-item {
    max-width: none !important; }

.maxw-150 {
  max-width: 150px !important; }
  .maxw-150 .list-group-item {
    max-width: none !important; }

.minh-150 {
  min-height: 150px !important; }

.maxh-150 {
  max-height: 150px !important; }

.minw-200 {
  min-width: 200px !important; }
  .minw-200 .list-group-item {
    max-width: none !important; }

.maxw-200 {
  max-width: 200px !important; }
  .maxw-200 .list-group-item {
    max-width: none !important; }

.minh-200 {
  min-height: 200px !important; }

.maxh-200 {
  max-height: 200px !important; }

.minw-250 {
  min-width: 250px !important; }
  .minw-250 .list-group-item {
    max-width: none !important; }

.maxw-250 {
  max-width: 250px !important; }
  .maxw-250 .list-group-item {
    max-width: none !important; }

.minh-250 {
  min-height: 250px !important; }

.maxh-250 {
  max-height: 250px !important; }

.minw-300 {
  min-width: 300px !important; }
  .minw-300 .list-group-item {
    max-width: none !important; }

.maxw-300 {
  max-width: 300px !important; }
  .maxw-300 .list-group-item {
    max-width: none !important; }

.minh-300 {
  min-height: 300px !important; }

.maxh-300 {
  max-height: 300px !important; }

.minw-350 {
  min-width: 350px !important; }
  .minw-350 .list-group-item {
    max-width: none !important; }

.maxw-350 {
  max-width: 350px !important; }
  .maxw-350 .list-group-item {
    max-width: none !important; }

.minh-350 {
  min-height: 350px !important; }

.maxh-350 {
  max-height: 350px !important; }

.minw-400 {
  min-width: 400px !important; }
  .minw-400 .list-group-item {
    max-width: none !important; }

.maxw-400 {
  max-width: 400px !important; }
  .maxw-400 .list-group-item {
    max-width: none !important; }

.minh-400 {
  min-height: 400px !important; }

.maxh-400 {
  max-height: 400px !important; }

.minw-450 {
  min-width: 450px !important; }
  .minw-450 .list-group-item {
    max-width: none !important; }

.maxw-450 {
  max-width: 450px !important; }
  .maxw-450 .list-group-item {
    max-width: none !important; }

.minh-450 {
  min-height: 450px !important; }

.maxh-450 {
  max-height: 450px !important; }

.minw-500 {
  min-width: 500px !important; }
  .minw-500 .list-group-item {
    max-width: none !important; }

.maxw-500 {
  max-width: 500px !important; }
  .maxw-500 .list-group-item {
    max-width: none !important; }

.minh-500 {
  min-height: 500px !important; }

.maxh-500 {
  max-height: 500px !important; }

.minw-550 {
  min-width: 550px !important; }
  .minw-550 .list-group-item {
    max-width: none !important; }

.maxw-550 {
  max-width: 550px !important; }
  .maxw-550 .list-group-item {
    max-width: none !important; }

.minh-550 {
  min-height: 550px !important; }

.maxh-550 {
  max-height: 550px !important; }

.minw-600 {
  min-width: 600px !important; }
  .minw-600 .list-group-item {
    max-width: none !important; }

.maxw-600 {
  max-width: 600px !important; }
  .maxw-600 .list-group-item {
    max-width: none !important; }

.minh-600 {
  min-height: 600px !important; }

.maxh-600 {
  max-height: 600px !important; }

.minw-650 {
  min-width: 650px !important; }
  .minw-650 .list-group-item {
    max-width: none !important; }

.maxw-650 {
  max-width: 650px !important; }
  .maxw-650 .list-group-item {
    max-width: none !important; }

.minh-650 {
  min-height: 650px !important; }

.maxh-650 {
  max-height: 650px !important; }

.minw-700 {
  min-width: 700px !important; }
  .minw-700 .list-group-item {
    max-width: none !important; }

.maxw-700 {
  max-width: 700px !important; }
  .maxw-700 .list-group-item {
    max-width: none !important; }

.minh-700 {
  min-height: 700px !important; }

.maxh-700 {
  max-height: 700px !important; }

.minw-750 {
  min-width: 750px !important; }
  .minw-750 .list-group-item {
    max-width: none !important; }

.maxw-750 {
  max-width: 750px !important; }
  .maxw-750 .list-group-item {
    max-width: none !important; }

.minh-750 {
  min-height: 750px !important; }

.maxh-750 {
  max-height: 750px !important; }

.minw-800 {
  min-width: 800px !important; }
  .minw-800 .list-group-item {
    max-width: none !important; }

.maxw-800 {
  max-width: 800px !important; }
  .maxw-800 .list-group-item {
    max-width: none !important; }

.minh-800 {
  min-height: 800px !important; }

.maxh-800 {
  max-height: 800px !important; }

.minw-850 {
  min-width: 850px !important; }
  .minw-850 .list-group-item {
    max-width: none !important; }

.maxw-850 {
  max-width: 850px !important; }
  .maxw-850 .list-group-item {
    max-width: none !important; }

.minh-850 {
  min-height: 850px !important; }

.maxh-850 {
  max-height: 850px !important; }

.minw-900 {
  min-width: 900px !important; }
  .minw-900 .list-group-item {
    max-width: none !important; }

.maxw-900 {
  max-width: 900px !important; }
  .maxw-900 .list-group-item {
    max-width: none !important; }

.minh-900 {
  min-height: 900px !important; }

.maxh-900 {
  max-height: 900px !important; }

.minw-950 {
  min-width: 950px !important; }
  .minw-950 .list-group-item {
    max-width: none !important; }

.maxw-950 {
  max-width: 950px !important; }
  .maxw-950 .list-group-item {
    max-width: none !important; }

.minh-950 {
  min-height: 950px !important; }

.maxh-950 {
  max-height: 950px !important; }

.minw-1000 {
  min-width: 1000px !important; }
  .minw-1000 .list-group-item {
    max-width: none !important; }

.maxw-1000 {
  max-width: 1000px !important; }
  .maxw-1000 .list-group-item {
    max-width: none !important; }

.minh-1000 {
  min-height: 1000px !important; }

.maxh-1000 {
  max-height: 1000px !important; }

.minw-1050 {
  min-width: 1050px !important; }
  .minw-1050 .list-group-item {
    max-width: none !important; }

.maxw-1050 {
  max-width: 1050px !important; }
  .maxw-1050 .list-group-item {
    max-width: none !important; }

.minh-1050 {
  min-height: 1050px !important; }

.maxh-1050 {
  max-height: 1050px !important; }

.minw-1100 {
  min-width: 1100px !important; }
  .minw-1100 .list-group-item {
    max-width: none !important; }

.maxw-1100 {
  max-width: 1100px !important; }
  .maxw-1100 .list-group-item {
    max-width: none !important; }

.minh-1100 {
  min-height: 1100px !important; }

.maxh-1100 {
  max-height: 1100px !important; }

.minw-1150 {
  min-width: 1150px !important; }
  .minw-1150 .list-group-item {
    max-width: none !important; }

.maxw-1150 {
  max-width: 1150px !important; }
  .maxw-1150 .list-group-item {
    max-width: none !important; }

.minh-1150 {
  min-height: 1150px !important; }

.maxh-1150 {
  max-height: 1150px !important; }

.minw-1200 {
  min-width: 1200px !important; }
  .minw-1200 .list-group-item {
    max-width: none !important; }

.maxw-1200 {
  max-width: 1200px !important; }
  .maxw-1200 .list-group-item {
    max-width: none !important; }

.minh-1200 {
  min-height: 1200px !important; }

.maxh-1200 {
  max-height: 1200px !important; }

.minw-1250 {
  min-width: 1250px !important; }
  .minw-1250 .list-group-item {
    max-width: none !important; }

.maxw-1250 {
  max-width: 1250px !important; }
  .maxw-1250 .list-group-item {
    max-width: none !important; }

.minh-1250 {
  min-height: 1250px !important; }

.maxh-1250 {
  max-height: 1250px !important; }

body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 300; }

.navbar {
  font-size: 14px;
  color: #ffffff;
  background-color: #212630;
  padding: 0.5rem 2rem 0.5rem 3rem; }
  @media (min-width: 992px) {
    .navbar .navbar-brand {
      margin-right: 3.2rem !important; } }
  .navbar .mdr-top-logo {
    display: inline-block;
    width: 120px;
    height: 40px;
    overflow: hidden;
    background: transparent url("../img/Moderro-Technologies-white.png") 0px 0px no-repeat;
    background-size: 120px 40px;
    background-position: left top;
    padding-left: 120px; }
  .navbar .mdr-main-menu {
    color: inherit; }
    .navbar .mdr-main-menu .nav-item {
      border-bottom: solid 2px transparent;
      border-top: solid 2px transparent;
      padding-left: 0.6rem;
      padding-right: 0.6rem;
      margin-left: 0.2rem;
      margin-right: 0.2rem;
      color: inherit; }
      .navbar .mdr-main-menu .nav-item .dropdown-toggle::after {
        border: none; }
      .navbar .mdr-main-menu .nav-item .dropdown-menu {
        transition: transform 0.3s, opacity 0.3s;
        transform: translateY(15px);
        opacity: 0;
        visibility: hidden;
        display: block; }
      .navbar .mdr-main-menu .nav-item:hover .dropdown-menu {
        transform: translateY(0);
        opacity: 1;
        visibility: visible; }
      .navbar .mdr-main-menu .nav-item a {
        color: inherit; }
        .navbar .mdr-main-menu .nav-item a.dropdown-item.active, .navbar .mdr-main-menu .nav-item a.dropdown-item:active {
          color: white;
          background-color: #634dd5; }
      .navbar .mdr-main-menu .nav-item .nav-link {
        padding: 0.1rem 0; }
      .navbar .mdr-main-menu .nav-item.active, .navbar .mdr-main-menu .nav-item.active:hover {
        border-bottom-color: #FFD600; }
  .navbar .btn-primary {
    background-color: #FFD600;
    color: #293548;
    border-color: #FFD600;
    min-width: 110px; }
    .navbar .btn-primary:hover {
      background-color: #ffde33;
      border-color: #ffde33; }
    .navbar .btn-primary:not(:disabled):not(.disabled):active {
      background-color: #ccab00;
      border-color: #ccab00;
      color: #293548; }
  .navbar .btn-link {
    color: #FFD600; }
    .navbar .btn-link:hover {
      background-color: #374861;
      text-decoration: none; }
  .navbar .navbar-collapse.collapse.show, .navbar .navbar-collapse.collapsing.show {
    background-color: rgba(0, 0, 0, 0.3); }
    .navbar .navbar-collapse.collapse.show .nav-link, .navbar .navbar-collapse.collapse.show .dropdown-item, .navbar .navbar-collapse.collapsing.show .nav-link, .navbar .navbar-collapse.collapsing.show .dropdown-item {
      height: 44px;
      line-height: 37px;
      vertical-align: middle;
      font-size: 18px; }
    .navbar .navbar-collapse.collapse.show .dropdown-menu, .navbar .navbar-collapse.collapsing.show .dropdown-menu {
      background: transparent;
      color: rgba(255, 255, 255, 0.5);
      border: none;
      transition: none;
      transform: translateY(0);
      opacity: 1;
      visibility: visible; }
      .navbar .navbar-collapse.collapse.show .dropdown-menu .dropdown-divider, .navbar .navbar-collapse.collapsing.show .dropdown-menu .dropdown-divider {
        display: none; }
      .navbar .navbar-collapse.collapse.show .dropdown-menu .dropdown-item:hover, .navbar .navbar-collapse.collapsing.show .dropdown-menu .dropdown-item:hover {
        background-color: rgba(255, 255, 255, 0.1);
        color: white; }

footer {
  background-color: #06233D;
  color: white;
  padding-top: 42px;
  padding-bottom: 17px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300; }
  footer a {
    color: inherit; }
    footer a:hover {
      color: #ffffff; }
  footer .top-level {
    text-transform: uppercase;
    color: white;
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500; }
    footer .top-level .nav, footer .top-level .nav-item, footer .top-level a, footer .top-level button {
      font-weight: inherit;
      font-family: inherit;
      background: none;
      border: none;
      color: inherit;
      text-transform: inherit; }
    footer .top-level button:hover, footer .top-level a.active {
      color: #FFD600; }
    footer .top-level ul {
      text-align: center;
      display: block; }
      footer .top-level ul .nav-item {
        display: inline-block; }
  footer .nav-item .nav-link.top-level {
    padding-top: 16px;
    padding-bottom: 16px; }
  footer .nav-item .nav-item {
    font-weight: 400;
    font-size: 12px; }
    footer .nav-item .nav-item a, footer .nav-item .nav-item button {
      padding-top: 3px;
      padding-bottom: 3px;
      opacity: 0.7;
      background: none;
      border: none;
      color: inherit; }
      footer .nav-item .nav-item a:hover, footer .nav-item .nav-item a.active, footer .nav-item .nav-item button:hover, footer .nav-item .nav-item button.active {
        opacity: 1;
        color: #FFD600; }
      footer .nav-item .nav-item a:hover, footer .nav-item .nav-item button:hover {
        text-decoration: underline; }
  footer div.top-level {
    border-bottom: solid 1px rgba(255, 255, 255, 0.3); }
  footer a:hover, footer .active, footer.active {
    color: #FFD600; }
  footer .social {
    line-height: 24px;
    display: inline-block; }
    footer .social a {
      display: inline-block;
      padding: 6px 10px; }
      @media (min-width: 768px) {
        footer .social a {
          float: left; } }
      footer .social a .ico24 {
        float: left; }
  footer .ico24 {
    opacity: 0.5; }
    footer .ico24:hover {
      opacity: 1; }
  footer .copyright-band {
    background: rgba(255, 255, 255, 0.08); }
  footer .copyright, footer .address {
    font-size: 12px;
    line-height: 24px;
    color: white; }
    footer .copyright a:hover, footer .address a:hover {
      color: white; }
  footer .address {
    line-height: 14px; }
    @media (min-width: 992px) {
      footer .address {
        border-left: solid 1px rgba(255, 255, 255, 0.16); } }

.rad-2 {
  border-radius: 2px !important; }

.rad-4 {
  border-radius: 4px !important; }

.rad-6 {
  border-radius: 6px !important; }

.rad-8 {
  border-radius: 8px !important; }

.rad-19 {
  border-radius: 19px !important; }

.ico16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0;
  background-color: transparent; }
  .ico16 img {
    width: inherit;
    height: inherit;
    float: left; }

.ico24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0;
  background-color: transparent; }
  .ico24 img {
    width: inherit;
    height: inherit;
    float: left; }

.ico32 {
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0;
  background-color: transparent; }
  .ico32 img {
    width: inherit;
    height: inherit;
    float: left; }

.ico44 {
  display: inline-block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  line-height: 44px;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0;
  background-color: transparent; }
  .ico44 img {
    width: inherit;
    height: inherit;
    float: left; }

.ico48 {
  display: inline-block;
  width: 48px;
  height: 48px;
  overflow: hidden;
  line-height: 48px;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0;
  background-color: transparent; }
  .ico48 img {
    width: inherit;
    height: inherit;
    float: left; }

.ico64 {
  display: inline-block;
  width: 64px;
  height: 64px;
  overflow: hidden;
  line-height: 64px;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0;
  background-color: transparent; }
  .ico64 img {
    width: inherit;
    height: inherit;
    float: left; }

.ico96 {
  display: inline-block;
  width: 96px;
  height: 96px;
  overflow: hidden;
  line-height: 96px;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0;
  background-color: transparent; }
  .ico96 img {
    width: inherit;
    height: inherit;
    float: left; }

.ico128 {
  display: inline-block;
  width: 128px;
  height: 128px;
  overflow: hidden;
  line-height: 128px;
  text-align: center;
  vertical-align: middle;
  border: none;
  padding: 0;
  background-color: transparent; }
  .ico128 img {
    width: inherit;
    height: inherit;
    float: left; }

.ico48.expert {
  background-image: url(../img/ico48-expert.svg);
  background-color: transparent !important; }

.ico48.HD-video {
  background-image: url(../img/ico48-HD-video.svg);
  background-color: transparent !important; }

.ico48.video-playback {
  background-image: url(../img/ico48-video-playback.svg);
  background-color: transparent !important; }

.ico48.touchless {
  background-image: url(../img/ico48-touchless.svg);
  background-color: transparent !important; }

.ico48.share-desktop {
  background-image: url(../img/ico48-share-desktop.svg);
  background-color: transparent !important; }

.ico48.signature {
  background-image: url(../img/ico48-signature.svg);
  background-color: transparent !important; }

.ico48.sharing {
  background-image: url(../img/ico48-sharing.svg);
  background-color: transparent !important; }

.ico48.printing {
  background-image: url(../img/ico48-printing.svg);
  background-color: transparent !important; }

.ico48.webview {
  background-image: url(../img/ico48-webview.svg);
  background-color: transparent !important; }

.ico48.feedback {
  background-image: url(../img/ico48-feedback.svg);
  background-color: transparent !important; }

.ico48.magstripe {
  background-image: url(../img/ico48-magstripe.svg);
  background-color: transparent !important; }

.ico48.barcode {
  background-image: url(../img/ico48-barcode.svg);
  background-color: transparent !important; }

.ico48.dx80 {
  background-image: url(../img/ico48-dx80.svg);
  background-color: transparent !important; }

.ico48.immersive {
  background-image: url(../img/ico48-immersive.svg);
  background-color: transparent !important; }

.ico48.cloud {
  background-image: url(../img/ico48-cloud.svg);
  background-color: transparent !important; }

.ico48.devices {
  background-image: url(../img/ico48-devices.svg);
  background-color: transparent !important; }

.ico48.mobile-app {
  background-image: url(../img/ico48-mobile-app.svg);
  background-color: transparent !important; }

.ico48.touchscreen {
  background-image: url(../img/ico48-touchscreen.svg);
  background-color: transparent !important; }

.ico48.jabber {
  background-image: url(../img/ico48-jabber.svg);
  background-color: transparent !important; }

.ico48.multi-display {
  background-image: url(../img/ico48-multi-display.svg);
  background-color: transparent !important; }

.ico48.language {
  background-image: url(../img/ico48-language.svg);
  background-color: transparent !important; }

.ico48.multi-session {
  background-image: url(../img/ico48-multi-session.svg);
  background-color: transparent !important; }

.ico48.rotate {
  background-image: url(../img/ico48-rotate.svg);
  background-color: transparent !important; }

.ico48.remote-usb {
  background-image: url(../img/ico48-remote-usb.svg);
  background-color: transparent !important; }

.ico48.whiteboard {
  background-image: url(../img/ico48-whiteboard.svg);
  background-color: transparent !important; }

.ico48.agent-sharing {
  background-image: url(../img/ico48-agent-sharing.svg);
  background-color: transparent !important; }

.ico48.leader {
  background-image: url(../img/ico48-leader.svg);
  background-color: transparent !important; }

.ico48.expertise {
  background-image: url(../img/ico48-expertise.svg);
  background-color: transparent !important; }

.ico48.partnership {
  background-image: url(../img/ico48-partnership.svg);
  background-color: transparent !important; }

.ico48.IEC {
  background-image: url(../img/ico48-IEC.svg);
  background-color: transparent !important; }

.ico48.DCM-purple {
  background-image: url(../img/ico48-DCM-purple.svg);
  background-color: transparent !important; }

.ico48.REM-purple {
  background-image: url(../img/ico48-REM-purple.svg);
  background-color: transparent !important; }

.ico48.routing {
  background-image: url(../img/ico48-routing.svg);
  background-color: transparent !important; }

.ico48.embed {
  background-image: url(../img/ico48-embed.svg);
  background-color: transparent !important; }

.ico48.qrcode {
  background-image: url(../img/ico48-qrcode.svg);
  background-color: transparent !important; }

.ico48.vkeyboard {
  background-image: url(../img/ico48-vkeyboard.svg);
  background-color: transparent !important; }

.ico64.benefits {
  background-image: url(../img/ico64-benefits.svg);
  background-color: transparent !important; }

.ico64.cucc {
  background-image: url(../img/ico64-cucc.svg);
  background-color: transparent !important; }

.ico64.RE {
  background-image: url(../img/ico64-RE.svg);
  background-color: transparent !important; }

.ico64.brain {
  background-image: url(../img/ico64-brain.svg);
  background-color: transparent !important; }

.ico64.peripherals {
  background-image: url(../img/ico64-peripherals.svg);
  background-color: transparent !important; }

.mdr-features {
  color: #293548;
  text-align: left;
  font-size: 16px;
  max-width: 1760px;
  margin-left: auto;
  margin-right: auto; }
  .mdr-features h3 {
    font-size: 22px;
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
    margin-bottom: 0; }
    .mdr-features h3 .num {
      display: inline-block;
      overflow: hidden;
      width: 28px;
      height: 28px;
      line-height: 28px;
      font-size: inherit;
      font-family: inherit;
      font-weight: inherit;
      text-align: center;
      vertical-align: middle;
      color: transparent;
      margin-right: -4px;
      transform: translateX(-8px);
      background: transparent url(../img/ico44-cube.svg) center center no-repeat;
      background-size: contain; }
  .mdr-features p {
    margin-top: 10px;
    margin-bottom: 10px; }
  .mdr-features > div {
    padding: 30px; }
  .mdr-features a, .mdr-features .learnmore {
    color: #2c6eb7; }

.cookie-message {
  background-color: #2a3991;
  color: #d5e1ff;
  font-size: 0.8rem;
  text-align: center;
  border: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1100; }
  .cookie-message a {
    color: #ffffff !important;
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500; }

.form-control {
  background: #F3F6FA;
  color: #1D436E;
  border-radius: 0;
  height: 48px;
  border: none;
  border-bottom: solid 1px rgba(8, 70, 140, 0.2); }
  .form-control:focus {
    background: #F3F6FA;
    border-bottom: solid 1px #2D7AD1;
    outline: none; }
  .form-control::placeholder {
    color: rgba(8, 70, 140, 0.5) !important;
    opacity: 1;
    /* Firefox */
    font-weight: 300; }

textarea {
  min-height: 140px; }
  textarea:focus {
    border: solid 1px #2D7AD1 !important; }

.mdr-fact {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 20px 40px; }
  .mdr-fact.inline {
    display: inline;
    width: auto;
    margin: 0 5px; }
    .mdr-fact.inline em {
      font-size: 28px;
      display: inherit !important;
      color: inherit !important;
      line-height: inherit;
      font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
      font-weight: 400; }
  .mdr-fact em {
    display: inline-block;
    width: 100%;
    font-size: 75px;
    line-height: 50px;
    font-variant: normal;
    font-style: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 300;
    color: #6e74f1; }
    .mdr-fact em small {
      font-size: 50px;
      font-family: inherit;
      font-weight: 200; }
  .mdr-fact p {
    font-size: 14px;
    line-height: 1.5; }

.list-group.checkmarked {
  margin-bottom: 30px;
  margin-top: 20px; }
  .list-group.checkmarked .list-group-item {
    background-image: url(../img/glyph24-checkmark.svg);
    background-size: 32px 32px;
    background-position: 0px 10px;
    background-repeat: no-repeat;
    padding-left: 44px;
    font-size: 14px;
    line-height: 1.5;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 300; }
    .list-group.checkmarked .list-group-item em {
      display: inline-block;
      width: 100%;
      font-size: 19px;
      font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
      font-weight: 500;
      text-transform: uppercase;
      font-style: normal; }

.mdr-inverted-blue {
  background-color: #1E4C7E !important;
  color: white !important; }
  .mdr-inverted-blue h1, .mdr-inverted-blue h2, .mdr-inverted-blue h3, .mdr-inverted-blue h4, .mdr-inverted-blue h5, .mdr-inverted-blue h6, .mdr-inverted-blue a:not(.btn-primary):link, .mdr-inverted-blue em, .mdr-inverted-blue .readmore {
    color: #FFD600 !important; }

.mdr-inverted-moondust {
  background-color: #324860 !important;
  color: white !important; }
  .mdr-inverted-moondust h1, .mdr-inverted-moondust h2, .mdr-inverted-moondust h3, .mdr-inverted-moondust h4, .mdr-inverted-moondust h5, .mdr-inverted-moondust h6, .mdr-inverted-moondust a:not(.btn-primary):link, .mdr-inverted-moondust em, .mdr-inverted-moondust .readmore {
    color: #FFD600 !important; }

.mdr-inverted-graphite {
  background-color: #293548 !important;
  color: white !important; }
  .mdr-inverted-graphite h1, .mdr-inverted-graphite h2, .mdr-inverted-graphite h3, .mdr-inverted-graphite h4, .mdr-inverted-graphite h5, .mdr-inverted-graphite h6, .mdr-inverted-graphite a:not(.btn-primary):link, .mdr-inverted-graphite em, .mdr-inverted-graphite .readmore {
    color: #FFD600 !important; }
  .mdr-inverted-graphite h1, .mdr-inverted-graphite h2, .mdr-inverted-graphite h3, .mdr-inverted-graphite h4, .mdr-inverted-graphite h5, .mdr-inverted-graphite h6 {
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
    margin-bottom: 20px; }
  .mdr-inverted-graphite h2 {
    font-size: 40px; }
  .mdr-inverted-graphite .list-group-item {
    background-color: inherit;
    border: none; }
  .mdr-inverted-graphite .btn-primary {
    background-color: #FFD600;
    color: black !important;
    border-color: #FFD600;
    min-width: 110px; }
    .mdr-inverted-graphite .btn-primary:hover {
      background-color: #ffde33;
      border-color: #ffde33; }
    .mdr-inverted-graphite .btn-primary:not(:disabled):not(.disabled):active {
      background-color: #ccab00;
      border-color: #ccab00;
      color: #293548; }
  .mdr-inverted-graphite .btn-link {
    color: #FFD600; }
    .mdr-inverted-graphite .btn-link:hover {
      background-color: #374861;
      text-decoration: none; }

.num-bullet-lg {
  display: inline-block;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  overflow: hidden;
  line-height: 64px;
  text-align: center;
  vertical-align: middle;
  font-size: 36px; }

.mdr-band-cta, .mdr-partners {
  background: white;
  color: #06233D;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px; }
  .mdr-band-cta.inherit, .mdr-partners.inherit {
    background: transparent; }
  .mdr-band-cta h1, .mdr-band-cta h2, .mdr-band-cta h3, .mdr-band-cta h4, .mdr-band-cta h5, .mdr-band-cta h6, .mdr-band-cta p, .mdr-partners h1, .mdr-partners h2, .mdr-partners h3, .mdr-partners h4, .mdr-partners h5, .mdr-partners h6, .mdr-partners p {
    width: 100%;
    max-width: 990px;
    display: inline-block; }
  .mdr-band-cta h2, .mdr-partners h2 {
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
    color: #06233D;
    padding-top: 10px;
    padding-bottom: 20px; }
  .mdr-band-cta h5, .mdr-partners h5 {
    font-size: 14px;
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
    text-transform: uppercase;
    color: #5E50D1; }
  .mdr-band-cta p, .mdr-partners p {
    color: #55596a;
    padding: 10px auto;
    line-height: 1.5;
    font-size: 18px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 300; }
  .mdr-band-cta .btn-primary, .mdr-partners .btn-primary {
    background-color: #FFD600;
    color: #293548;
    border-color: #FFD600; }
    .mdr-band-cta .btn-primary:hover, .mdr-partners .btn-primary:hover {
      background-color: #ffde33;
      border-color: #ffde33; }
    .mdr-band-cta .btn-primary:not(:disabled):not(.disabled):active, .mdr-partners .btn-primary:not(:disabled):not(.disabled):active {
      background-color: #ccab00;
      border-color: #ccab00;
      color: #293548; }

.mdr-cta-ext {
  font-size: 15px;
  line-height: 150%; }
  .mdr-cta-ext h3 {
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 1.2rem;
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500; }
  .mdr-cta-ext h4 {
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 0.3rem;
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500; }
  .mdr-cta-ext p {
    font-size: 14px;
    line-height: 150%; }

.mdr-brief-item {
  padding: 15px 30px;
  width: 100%; }
  @media (min-width: 992px) {
    .mdr-brief-item {
      width: 80%; } }
  @media (min-width: 1200px) {
    .mdr-brief-item {
      width: 50%; } }
  .mdr-brief-item h3 {
    font-size: 24px;
    line-height: 150%;
    color: white; }
  .mdr-brief-item p {
    font-size: 16px;
    line-height: 145%;
    color: #c0c8d7; }
  .mdr-brief-item a {
    color: #ffc454; }
    .mdr-brief-item a:hover {
      color: #ffe454; }

.mdr-background-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%; }
  @media (min-width: 768px) {
    .mdr-background-image {
      left: -20%; } }
  @media (min-width: 992px) {
    .mdr-background-image {
      left: 10%; } }
  @media (min-width: 1200px) {
    .mdr-background-image {
      left: 40%; } }

.mdr-background-color {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(4, 12, 27, 0.75);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px); }
@-moz-document url-prefix() {
  .mdr-background-color {
    background: #040c1b; } }
  @media (min-width: 992px) {
    .mdr-background-color {
      width: 50%; } }
  @media (min-width: 1200px) {
    .mdr-background-color {
      width: 66%; } }

.mdr-blurred {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px); }

.mdr-partner {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 60%;
  background: white;
  border-radius: 6px;
  text-align: center;
  transition: box-shadow 0.3s;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0); }
  .mdr-partner > * {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding-top: 27%;
    font-size: 16px; }
  .mdr-partner > img {
    left: 50%;
    top: 20px;
    width: 100%;
    padding: 0;
    max-width: 200px;
    margin-top: 0;
    margin-left: -100px;
    transition: top 0.3s, max-width 0.3s, margin-left 0.3s, margin-top 0.3s; }
  .mdr-partner > p {
    font-size: 15px;
    line-height: 1.28;
    padding-left: 30px;
    padding-right: 30px;
    max-height: 200px;
    overflow: hidden;
    opacity: 1;
    transition: opacity 0.3s;
    margin: 0;
    text-align: center; }
  @media (min-width: 768px) {
    .mdr-partner > img {
      top: 50%;
      width: 100%;
      padding: 0;
      max-width: 260px;
      margin-top: -60px;
      margin-left: -130px; }
    .mdr-partner > p {
      opacity: 0;
      font-size: 13px; }
    .mdr-partner:hover {
      box-shadow: 0px 4px 8px rgba(0, 32, 64, 0.1); }
      .mdr-partner:hover p {
        opacity: 1; }
      .mdr-partner:hover img {
        top: 0;
        max-width: 200px;
        margin-left: -100px;
        margin-top: 0; } }
  @media (min-width: 992px) {
    .mdr-partner > p {
      padding-left: 15px;
      padding-right: 15px; }
    .mdr-partner:hover img {
      top: -5px; } }
  @media (min-width: 1200px) {
    .mdr-partner > p {
      padding-left: 15px;
      padding-right: 15px;
      font-size: 14px;
      padding-left: 30px;
      padding-right: 30px; }
    .mdr-partner:hover > img {
      top: 5px; } }

.mdr-buy-partners {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  align-items: stretch;
  align-content: center;
  padding-bottom: 120px; }
  .mdr-buy-partners > div {
    width: 100%;
    max-width: 360px;
    padding: 10px;
    display: block; }
    .mdr-buy-partners > div.hidden {
      display: none !important; }
  .mdr-buy-partners .mdr-partner-info {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    background: white;
    color: black;
    text-align: left;
    transition: box-shadow 0.3s;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0);
    border-radius: 6px;
    padding: 20px 6px;
    padding-left: 102px;
    border: solid 1px transparent; }
    .mdr-buy-partners .mdr-partner-info:hover {
      box-shadow: 0px 4px 8px rgba(0, 32, 64, 0.1);
      border-color: #d4d8df; }
    .mdr-buy-partners .mdr-partner-info .logo {
      display: inline-block;
      width: 90px;
      height: 60px;
      background-color: transparent;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      float: left;
      margin-left: -90px; }
    .mdr-buy-partners .mdr-partner-info .title, .mdr-buy-partners .mdr-partner-info .url, .mdr-buy-partners .mdr-partner-info .region {
      display: inline-block;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

      line-height: 20px;
      padding-left: 6px;
      transition: transform 0.3s;
      transform: translateX(0); }
    .mdr-buy-partners .mdr-partner-info .title {
      font-size: 16px;
      color: black;
      font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
      font-weight: 500;
      color: #48506a; }
    .mdr-buy-partners .mdr-partner-info .url {
      font-size: 12px;
      color: #8377af; }
      .mdr-buy-partners .mdr-partner-info .url:hover {
        text-decoration: underline;
        color: #532ae0; }
    .mdr-buy-partners .mdr-partner-info .region {
      font-size: 14px;
      color: #2545be; }
    .mdr-buy-partners .mdr-partner-info:hover .title, .mdr-buy-partners .mdr-partner-info:hover .url, .mdr-buy-partners .mdr-partner-info:hover .region {
      transform: translateX(10px); }
    .mdr-buy-partners .mdr-partner-info::after {
      content: " ";
      display: inline-block;
      width: 24px;
      height: 24px;
      position: absolute;
      right: 10px;
      bottom: 5px;
      opacity: 0;
      transition: opacity 0.3s;
      background: transparent url(../img/glyph24-arrow-right.svg) center center no-repeat;
      background-size: contain; }
    .mdr-buy-partners .mdr-partner-info:hover::after {
      opacity: 1; }
  .mdr-buy-partners.tableview > div {
    max-width: none;
    padding: 0; }
  .mdr-buy-partners.tableview .title, .mdr-buy-partners.tableview .url, .mdr-buy-partners.tableview .region {
    display: inline-block;
    width: 25%;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    font-size: 15px;
    transition: none;
    transform: translateX(0); }
  .mdr-buy-partners.tableview .logo {
    margin-right: 20px; }
  .mdr-buy-partners.tableview .mdr-partner-info {
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0; }
    .mdr-buy-partners.tableview .mdr-partner-info::after {
      bottom: 17px; }
    .mdr-buy-partners.tableview .mdr-partner-info:hover .title, .mdr-buy-partners.tableview .mdr-partner-info:hover .url, .mdr-buy-partners.tableview .mdr-partner-info:hover .region {
      transition: none;
      transform: translateX(0);
      box-shadow: none; }

/* ============ USE CASES LAYOUT GEOMETRY =========== */
.tag {
  	/*
      & > span:first-child {
          display: inline-block;
          width: 24px;
          height: 24px;
          overflow: hidden;
          vertical-align: middle;
          margin-right: 11px;
      }
  	*/
  font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  vertical-align: middle;
  text-transform: uppercase; }
  .tag strong {
    font-family: "Roboto Bold", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 600;
    font-size: 32px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    padding-top: 4px; }

/* ============= */
.jumbotron {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 0;
  min-height: 800px;
  padding: 0; }
  .jumbotron h1 {
    font-size: 36px;
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 400; }
  .jumbotron h2 {
    line-height: 1.5;
    font-size: 24px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 300; }
  .jumbotron .mdr-double-title {
    padding-top: 66px;
    padding-left: 7%; }
    .jumbotron .mdr-double-title h1, .jumbotron .mdr-double-title h2 {
      margin-top: 50px; }
  .jumbotron .mdr-blurred {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.7); }
@-moz-document url-prefix() {
  .jumbotron .mdr-blurred {
    background: rgba(255, 255, 255, 0.97); } }
  .jumbotron .mdr-dock-panel {
    padding-top: 24px;
    padding-bottom: 24px; }
    .jumbotron .mdr-dock-panel p {
      margin: 0;
      font-size: 20px; }
    .jumbotron .mdr-dock-panel .img {
      display: inline-block;
      width: 176px;
      height: 176px;
      border-radius: 88px;
      text-align: center;
      line-height: 176px;
      vertical-align: middle; }

.mdr-dock-panel {
  padding-top: 24px;
  padding-bottom: 24px; }
  .mdr-dock-panel p {
    margin: 0;
    font-size: 20px; }
  .mdr-dock-panel .img {
    display: inline-block;
    width: 176px;
    height: 176px;
    border-radius: 88px;
    text-align: center;
    line-height: 176px;
    vertical-align: middle; }

/* ============= */
.mdr-duofold {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 300; }
  .mdr-duofold .text-block {
    padding: 90px 30px;
    font-size: 24px;
    line-height: 1.5; }
    @media (min-width: 768px) {
      .mdr-duofold .text-block {
        padding: 90px 50px; } }
    @media (min-width: 992px) {
      .mdr-duofold .text-block {
        padding: 90px 80px; } }
    .mdr-duofold .text-block h2 {
      font-size: 36px;
      font-family: "Roboto Bold", "Helvetica Neue", Helvetica, Arial, "sans-serif";
      font-weight: 600;
      margin-bottom: 30px; }
    .mdr-duofold .text-block h5 {
      font-size: 19px;
      font-family: "Roboto Bold", "Helvetica Neue", Helvetica, Arial, "sans-serif";
      font-weight: 600;
      text-transform: uppercase; }
    .mdr-duofold .text-block p, .mdr-duofold .text-block ul {
      font-size: 16px;
      font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
      font-weight: 300;
      line-height: 1.5;
      margin-bottom: 0; }
    .mdr-duofold .text-block div {
      margin: 20px 0; }
    .mdr-duofold .text-block ul {
      margin: 0;
      padding-left: 8px; }
      .mdr-duofold .text-block ul li {
        list-style: none;
        padding: 0;
        margin: 0; }
      .mdr-duofold .text-block ul.dashed > li:before {
        content: " – ";
        margin-right: 4px; }
  .mdr-duofold .img-cover {
    min-height: 420px;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0; }
    .mdr-duofold .img-cover h2 {
      font-size: 36px;
      font-family: "Roboto Bold", "Helvetica Neue", Helvetica, Arial, "sans-serif";
      font-weight: 600;
      margin-bottom: 30px;
      margin-top: 2rem;
      line-height: 1.35; }
  .mdr-duofold ul.checkmarks {
    list-style: none;
    padding: 0; }
    .mdr-duofold ul.checkmarks li {
      background-image: url(../img/glyph24-checkmark.svg);
      background-repeat: no-repeat;
      background-position: left top;
      padding: 12px 0 0 50px;
      margin-bottom: 20px; }
      .mdr-duofold ul.checkmarks li h5 {
        margin-bottom: 0.2rem; }
      .mdr-duofold ul.checkmarks li::before {
        content: none; }

ul.checkmarks {
  list-style: none;
  padding: 0; }
  ul.checkmarks li::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    background-image: url(../img/glyph24-checkmark.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    vertical-align: middle;
    margin-right: 8px; }

/* ============= */
.mdr-topview-fold {
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  color: white;
  padding-top: 40px;
  padding-bottom: 40px;
  min-height: 480px; }
  @media (min-width: 992px) {
    .mdr-topview-fold {
      background-size: cover;
      min-height: 700px;
      padding-top: 30px;
      padding-bottom: 30px; } }

/* ============= */
.mdr-duofold-features-image {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 300;
  padding: 80px 30px; }
  @media (min-width: 576px) {
    .mdr-duofold-features-image {
      padding-left: 45px;
      padding-right: 45px; } }
  @media (min-width: 768px) {
    .mdr-duofold-features-image {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 992px) {
    .mdr-duofold-features-image {
      padding-left: 75px;
      padding-right: 75px; } }
  @media (min-width: 1200px) {
    .mdr-duofold-features-image {
      padding-left: 90px;
      padding-right: 90px; } }
  .mdr-duofold-features-image h2 {
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
    font-size: 36px;
    margin-bottom: 50px; }
  .mdr-duofold-features-image h3 {
    font-size: 24px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 300;
    padding-top: 4px; }
  .mdr-duofold-features-image .mdr-feature {
    margin: 0 0 50px; }
    .mdr-duofold-features-image .mdr-feature:last-child {
      margin-bottom: 0; }
      .mdr-duofold-features-image .mdr-feature:last-child p {
        margin-bottom: 0; }
  .mdr-duofold-features-image .num-bullet-lg {
    float: left; }
    .mdr-duofold-features-image .num-bullet-lg ~ h3, .mdr-duofold-features-image .num-bullet-lg ~ p {
      padding-left: 83.2px; }
  .mdr-duofold-features-image p {
    font-size: 14px; }

/* ============= */
.mdr-duofold-title-columns {
  padding-top: 80px;
  padding-bottom: 80px; }
  .mdr-duofold-title-columns h2 {
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
    font-size: 40px;
    line-height: 47px;
    margin-bottom: 30px; }
  .mdr-duofold-title-columns h6 {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 300;
    font-size: 20px;
    line-height: 1.7;
    margin-top: 30px; }
  .mdr-duofold-title-columns .col {
    max-width: 630px;
    padding-left: 30px;
    padding-right: 30px; }
    .mdr-duofold-title-columns .col p {
      padding: 20px 20px 0;
      font-size: 18px; }
    .mdr-duofold-title-columns .col:last-child {
      margin-bottom: 0; }
  .mdr-duofold-title-columns .figure {
    min-height: 240px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); }
    @media (min-width: 576px) {
      .mdr-duofold-title-columns .figure {
        min-height: 330px; } }
    @media (min-width: 768px) {
      .mdr-duofold-title-columns .figure {
        min-height: 240px; } }
    @media (min-width: 992px) {
      .mdr-duofold-title-columns .figure {
        min-height: 280px; } }
    @media (min-width: 1200px) {
      .mdr-duofold-title-columns .figure {
        min-height: 330px; } }

/* ============= */
.mdr-tri-title {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  .mdr-tri-title + * {
    margin-top: 60px; }
  .mdr-tri-title h1, .mdr-tri-title h2, .mdr-tri-title h3, .mdr-tri-title h4, .mdr-tri-title h5, .mdr-tri-title h6, .mdr-tri-title p {
    display: inline-block;
    width: 100%;
    max-width: 780px;
    text-align: inherit;
    padding: 0;
    margin-bottom: 9px; }
  .mdr-tri-title h2, .mdr-tri-title h5 {
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500; }
  .mdr-tri-title h6, .mdr-tri-title p {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 300; }
  .mdr-tri-title h5 {
    text-transform: uppercase;
    font-size: 14px; }
  .mdr-tri-title h2 {
    font-size: 36px;
    margin-top: 15px; }
  .mdr-tri-title h6, .mdr-tri-title p {
    font-size: 18px;
    line-height: 1.5; }

.container-fluid .mdr-tri-title, .container-fluid p {
  width: 100%;
  max-width: 845px; }

/* ============= */
.mdr-story-fold {
  padding-top: 80px;
  padding-bottom: 80px;
  margin-top: 0; }
  @media (min-width: 992px) {
    .mdr-story-fold .mdr-story-img.pl-lg-5 {
      padding-left: 80px !important; }
    .mdr-story-fold .mdr-story-img.pr-lg-5 {
      padding-right: 80px !important; } }
  .mdr-story-fold h3 {
    font-size: 28px;
    color: #2F293F; }
  .mdr-story-fold p {
    font-size: 15px;
    line-height: 150%;
    color: #363b4e;
    margin-bottom: 45px; }
  .mdr-story-fold h5 {
    font-size: 15px;
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    text-transform: uppercase;
    font-weight: 500;
    color: #657ea1; }

/* ============= */
.mdr-section-title {
  padding: 25px 35px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 33px; }

.mdr-jumbo-title {
  padding-left: 0;
  padding-right: 0;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat; }
  .mdr-jumbo-title .mdr-page-title {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 160px; }
  .mdr-jumbo-title h1, .mdr-jumbo-title h2 {
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    text-transform: uppercase; }
  .mdr-jumbo-title h1 {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.255em; }
    .mdr-jumbo-title h1.reset {
      letter-spacing: normal;
      text-transform: none;
      font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
      font-weight: 500; }
  .mdr-jumbo-title h2 {
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-style: normal;
    font-weight: 500; }
  .mdr-jumbo-title h5 {
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 10px; }
  .mdr-jumbo-title h6 {
    padding: 10px auto;
    line-height: 1.5;
    font-size: 18px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 300;
    margin-left: auto;
    margin-right: auto; }
    .mdr-jumbo-title h6 ul {
      margin-top: 30px;
      margin-bottom: 30px; }
    .mdr-jumbo-title h6 li {
      display: inline-block;
      list-style: none;
      margin-left: 15px;
      margin-right: 15px; }
  .mdr-jumbo-title p {
    width: 100%;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto; }
    .mdr-jumbo-title p a {
      color: inherit;
      border-bottom: dotted 1px white; }

.mdr-submenu-blocks {
  margin-top: -130px;
  padding-bottom: 20px; }

.mdr-menu-card {
  text-align: center;
  border-radius: 18px;
  width: 100%;
  max-width: 285px;
  min-height: 194px;
  margin-left: 13px;
  margin-right: 13px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 10px; }
  .mdr-menu-card:link, .mdr-menu-card:hover {
    text-decoration: none; }
  .mdr-menu-card h3 {
    width: 100%;
    font-family: "Roboto Bold", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    margin: 0; }
    .mdr-menu-card h3 small {
      display: inline-block;
      width: 100%; }
  .mdr-menu-card .icon {
    display: inline-block;
    width: 190px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    .mdr-menu-card .icon > img {
      display: inline-block;
      margin: 0 -50% auto;
      height: 80px;
      width: 260px; }

/* ============= */
.mdr-inline-embed {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }
  .mdr-inline-embed[data-ytvlink] {
    background: rgba(0, 0, 0, 0) url(../img/play-overlay-icon.svg) center center no-repeat;
    background-size: 64px 64px;
    transition: background-color 0.3s; }
    .mdr-inline-embed[data-ytvlink]:hover {
      background-color: rgba(0, 0, 0, 0.3); }
  .mdr-inline-embed.mdr-quote {
    width: 100%; }
    .mdr-inline-embed.mdr-quote .mdr-quotevideo {
      background-color: #0f1736;
      color: white;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      max-width: none;
      opacity: 0;
      transform: none;
      transition: opacity 0.3s;
      box-shadow: 0 10px 18px rgba(33, 42, 84, 0.3);
      z-index: 5; }
      .mdr-inline-embed.mdr-quote .mdr-quotevideo.mdr-blurred {
        background-color: rgba(0, 0, 0, 0.3); }
      .mdr-inline-embed.mdr-quote .mdr-quotevideo video {
        width: 100%;
        height: 100%; }
      .mdr-inline-embed.mdr-quote .mdr-quotevideo .vcontrols, .mdr-inline-embed.mdr-quote .mdr-quotevideo .play-pause-button {
        opacity: 0;
        background: rgba(0, 0, 0, 0.2) url(../img/pause-overlay-icon.svg) center center no-repeat;
        background-size: 64px 64px;
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 7;
        left: 0;
        top: 0;
        transition: opacity 0.3s;
        cursor: pointer; }
      .mdr-inline-embed.mdr-quote .mdr-quotevideo .play-pause-button {
        width: 64px;
        height: 64px;
        left: 50%;
        top: 50%;
        transform: translate(-32px, -32px);
        background-color: transparent;
        border: none; }
      .mdr-inline-embed.mdr-quote .mdr-quotevideo video:hover ~ .vcontrols, .mdr-inline-embed.mdr-quote .mdr-quotevideo video ~ .vcontrols:hover, .mdr-inline-embed.mdr-quote .mdr-quotevideo video:hover ~ .play-pause-button, .mdr-inline-embed.mdr-quote .mdr-quotevideo .play-pause-button:hover {
        opacity: 1; }
      .mdr-inline-embed.mdr-quote .mdr-quotevideo video:active + .vcontrols, .mdr-inline-embed.mdr-quote .mdr-quotevideo video + .vcontrols:active {
        background-size: 80px 80px; }
    .mdr-inline-embed.mdr-quote.active > .mdr-quotevideo {
      visibility: visible;
      opacity: 1;
      transform: none; }
      .mdr-inline-embed.mdr-quote.active > .mdr-quotevideo .vcontols {
        visibility: hidden; }

/* ============= */
.mdr-vhalf {
  display: inline-block;
  height: 100%;
  width: 100%;
  padding-top: 50%;
  padding: 25px 50px; }
  .mdr-vhalf > * {
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }

/* ============= */
.mdr-brief {
  margin: 30px 80px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 150%; }
  .mdr-brief h5 {
    font-family: "Roboto Bold", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase; }
    .mdr-brief h5 strong {
      text-transform: none; }
  .mdr-brief p {
    color: inherit; }
  .mdr-brief .btn-sm {
    min-width: 110px; }

/* ============= */
.mdr-prop-list h4 {
  width: 100%;
  max-width: 745px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-style: normal;
  font-weight: 500; }
.mdr-prop-list strong {
  font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 500; }
.mdr-prop-list p {
  color: #3c4c90; }
.mdr-prop-list svg.plus-sign {
  fill: #3F85C6;
  margin-top: 40px;
  margin-bottom: 20px; }
.mdr-prop-list .list-group-item, .mdr-prop-list .mdr-add-on {
  background-image: none;
  font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  padding: 1.75rem 1.25rem; }
  .mdr-prop-list .list-group-item .ico48, .mdr-prop-list .list-group-item h6, .mdr-prop-list .list-group-item p, .mdr-prop-list .mdr-add-on .ico48, .mdr-prop-list .mdr-add-on h6, .mdr-prop-list .mdr-add-on p {
    float: left; }
  .mdr-prop-list .list-group-item .ico48, .mdr-prop-list .mdr-add-on .ico48 {
    width: 34px;
    height: 34px;
    vertical-align: middle;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -48px; }
  .mdr-prop-list .list-group-item p, .mdr-prop-list .mdr-add-on p {
    width: 100%;
    font-size: 14px;
    line-height: 19px;
    margin: 0;
    color: #3c4c90; }
  .mdr-prop-list .list-group-item h6, .mdr-prop-list .mdr-add-on h6 {
    width: 100%;
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-style: normal;
    font-weight: 500;
    margin-bottom: 10px;
    color: #082b70;
    font-size: 18px; }
  .mdr-prop-list .list-group-item.checkmarked, .mdr-prop-list .mdr-add-on.checkmarked {
    background-position: 10px 9px;
    background-repeat: no-repeat;
    background-image: url("../img/glyph24-checkmark-purple.svg"); }
.mdr-prop-list .list-group-item {
  width: 100%;
  max-width: none !important;
  padding-left: 64px;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 8px;
  overflow: hidden;
  border: none;
  border-radius: 4px; }
  @media (min-width: 576px) {
    .mdr-prop-list .list-group-item {
      max-width: 550px !important; } }
  @media (min-width: 768px) {
    .mdr-prop-list .list-group-item {
      max-width: 350px !important; } }
  @media (min-width: 992px) {
    .mdr-prop-list .list-group-item {
      max-width: 380px !important; } }
  @media (min-width: 1200px) {
    .mdr-prop-list .list-group-item {
      max-width: 380px !important; } }
.mdr-prop-list .list-group.list-group-flush .list-group-item {
  border: none; }

.mdr-white-sheet {
  background-color: white;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
  border-radius: 12px; }

.mdr-comparison thead tr th, .mdr-comparison thead tr th a {
  font-size: 14px;
  line-height: 18px;
  border-top: none;
  border-bottom: none;
  font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-style: normal;
  font-weight: 500;
  color: inherit;
  text-transform: uppercase; }
  .mdr-comparison thead tr th small, .mdr-comparison thead tr th a small {
    display: inline-block;
    width: 100%;
    text-align: inherit;
    font-size: 11px; }
.mdr-comparison thead tr th {
  background-color: #dee3ed;
  border-right: solid 1px white;
  color: #3a5273; }
  .mdr-comparison thead tr th:last-child {
    border-right: none; }
.mdr-comparison thead tr:first-child th:first-child {
  border-top-left-radius: 10px; }
.mdr-comparison thead tr:first-child th:last-child {
  border-top-right-radius: 10px; }
.mdr-comparison thead tr.sub th, .mdr-comparison thead tr.sub th a {
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  background-color: transparent; }
.mdr-comparison tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.02); }
.mdr-comparison td {
  text-align: center;
  width: 140px;
  vertical-align: middle; }
  .mdr-comparison td.mdr-feature-item {
    text-align: left;
    width: auto; }
.mdr-comparison .ico44 {
  background-color: transparent; }
  .mdr-comparison .ico44.checkmark {
    background-image: url(../img/ico44-checkmark.svg); }
  .mdr-comparison .ico44.zero {
    background-image: url(../img/ico44-zero.svg); }

.mdr-feature-item {
  text-align: left;
  background-image: none;
  padding-left: 0;
  font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding-left: 80px !important;
  max-width: 380px; }
  .mdr-feature-item .ico48 {
    width: 28px;
    height: 28px;
    vertical-align: middle;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.1);
    margin-right: 10px;
    margin-left: -40px; }
  .mdr-feature-item p {
    font-size: 14px;
    line-height: 19px;
    margin: 0;
    padding-left: 2px;
    color: #55596a;
    max-width: 360px; }

/* ============= */
.mdr-benefits .mdr-benefit-item {
  font-size: 16px;
  line-height: 23px;
  margin: 0 auto 40px;
  border-radius: 0;
  border: none;
  background-color: transparent;
  width: 100%;
  max-width: 340px;
  color: #424F5D; }
  .mdr-benefits .mdr-benefit-item .ico48 {
    background-color: #dedede; }
  .mdr-benefits .mdr-benefit-item .card-body {
    padding: 0; }
  .mdr-benefits .mdr-benefit-item .ico48 + .card-body {
    padding-top: 15px; }
  .mdr-benefits .mdr-benefit-item .fig {
    position: static;
    height: 125px;
    margin-bottom: 20px;
    background-color: #d2d3d9; }
  .mdr-benefits .mdr-benefit-item h5 {
    font-size: 24px;
    line-height: 150%;
    color: #2F293F; }
  .mdr-benefits .mdr-benefit-item p, .mdr-benefits .mdr-benefit-item li {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: inherit; }

/* ============= */
.seeall {
  font-size: 16px; }
  .seeall::after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 3px;
    background-image: url("../img/glyph14-chevron-right.svg");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center; }
  .seeall.gold::after {
    background-image: url("../img/glyph14-chevron-right-gold.svg"); }
  .seeall.white::after {
    background-image: url("../img/glyph14-chevron-right-white.svg"); }

.mdr-sticky-top-panel {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 14;
  color: #494453;
  background: rgba(255, 255, 255, 0.66);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  padding: 0.5rem 2rem;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03);
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, background-color 0.3s; }
@-moz-document url-prefix() {
  .mdr-sticky-top-panel {
    background: rgba(255, 255, 255, 0.95); } }
  .mdr-sticky-top-panel:hover {
    background-color: white; }
  .mdr-sticky-top-panel .bread-crumbs {
    display: inline-block;
    transform: translate(-10px, 0);
    transition: transform 0.5s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: inherit; }
    .mdr-sticky-top-panel .bread-crumbs .divider {
      display: inline-block;
      width: 1px;
      margin-left: 15px;
      margin-right: 15px;
      background-color: black;
      min-height: 12px; }
  .mdr-sticky-top-panel.active {
    opacity: 1;
    visibility: visible; }
    .mdr-sticky-top-panel.active .bread-crumbs {
      transform: translate(10px, 0); }
  .mdr-sticky-top-panel .mdr-go-up-btn {
    display: inline-block;
    width: 32px;
    height: 32px;
    transform: translate(0, 0);
    transition: transform 0.3s; }
    .mdr-sticky-top-panel .mdr-go-up-btn:hover {
      transform: translate(0, -5px); }

.mdr-gallery > * {
  background-color: transparent; }
.mdr-gallery .media {
  display: inline-block;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0);
  margin: 0; }
  .mdr-gallery .media .sub {
    display: inline-block;
    position: absolute;
    top: auto;
    bottom: 15px;
    left: 15px;
    right: 15px;
    width: auto;
    padding: 10px 10px 5px;
    text-align: left;
    text-decoration: none;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 100%);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    z-index: 7;
    font-size: 14px; }
    .mdr-gallery .media .sub .tag {
      float: right;
      color: white;
      background-color: rgba(60, 19, 200, 0.55);
      opacity: .95;
      font-size: 10px;
      padding: 5px 8px;
      line-height: 5px;
      border-radius: 3px;
      text-shadow: none; }
  @media (min-width: 576px) {
    .mdr-gallery .media {
      width: 50%;
      padding-top: 50%; } }
  @media (min-width: 768px) {
    .mdr-gallery .media {
      width: 33%;
      padding-top: 33%; } }
  @media (min-width: 992px) {
    .mdr-gallery .media {
      width: 25%;
      padding-top: 25%; } }
  @media (min-width: 1200px) {
    .mdr-gallery .media {
      width: 20%;
      padding-top: 20%; } }
  .mdr-gallery .media.hidden {
    display: none !important; }
  .mdr-gallery .media > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    border: none;
    background-color: transparent; }
    .mdr-gallery .media > *[data-mediatype="video"]::before {
      content: "";
      display: inline-block;
      position: absolute;
      top: 15px;
      right: 15px;
      width: 32px;
      height: 32px;
      overflow: hidden;
      background: transparent url(../img/ico32-video.svg) center center no-repeat;
      background-size: contain;
      z-index: 6; }
    .mdr-gallery .media > * img, .mdr-gallery .media > * video {
      width: 100%;
      height: 100%;
      overflow: hidden;
      background-color: white;
      border: solid 1px rgba(0, 0, 0, 0.2);
      object-fit: cover; }
      .mdr-gallery .media > * img:not([src=""]), .mdr-gallery .media > * video:not([src=""]) {
        border: none; }
    .mdr-gallery .media > * video {
      background-color: blue; }
      .mdr-gallery .media > * video::after {
        content: "";
        display: inline-block;
        width: 50px;
        height: 50px;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        background-color: red; }
    .mdr-gallery .media > *::after {
      content: "";
      display: inline-block;
      width: inherit;
      height: inherit;
      overflow: hidden;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      background-color: rgba(1, 9, 46, 0.25);
      transform: scale(0.8);
      transition: opacity 0.3s, transform 0.2s;
      z-index: 5; }
    .mdr-gallery .media > *:hover::after {
      opacity: 1;
      transform: none; }
.mdr-gallery .controls {
  border-top: solid 1px #dbdbdb;
  margin-bottom: 15px; }
  .mdr-gallery .controls .nav-item {
    transform: translateY(-1px);
    min-width: 120px !important; }
    .mdr-gallery .controls .nav-item .nav-link {
      font-size: 14px;
      font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
      text-transform: uppercase;
      width: 100%;
      background-color: transparent;
      border-width: 1px 0 0;
      border-color: transparent;
      color: #262626;
      opacity: .7; }
      .mdr-gallery .controls .nav-item .nav-link:hover {
        opacity: 1; }
      .mdr-gallery .controls .nav-item .nav-link.active {
        border-color: #262626;
        opacity: 1; }

.mdr-fullscreen-media {
  z-index: 15;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  transition: opacity 0.3s; }
@-moz-document url-prefix() {
  .mdr-fullscreen-media {
    background-color: rgba(255, 255, 255, 0.97); } }
  .mdr-fullscreen-media.d-flex {
    visibility: hidden;
    opacity: 0; }
    .mdr-fullscreen-media.d-flex.active {
      visibility: visible;
      opacity: 1; }
  .mdr-fullscreen-media .close, .mdr-fullscreen-media .mdr-share {
    position: fixed;
    top: 0;
    right: 0;
    opacity: 1 !important;
    z-index: 1;
    border: none;
    background: none;
    padding: 0;
    margin: 0; }
    .mdr-fullscreen-media .close .bg, .mdr-fullscreen-media .mdr-share .bg {
      fill-rule: evenodd;
      clip-rule: evenodd;
      fill: #01092e;
      fill-opacity: 0.05; }
    .mdr-fullscreen-media .close .glyph, .mdr-fullscreen-media .mdr-share .glyph {
      fill-rule: evenodd;
      clip-rule: evenodd;
      fill: #01092e;
      fill-opacity: 0.66; }
    .mdr-fullscreen-media .close:hover .bg, .mdr-fullscreen-media .mdr-share:hover .bg {
      fill-opacity: 0.33; }
    .mdr-fullscreen-media .close:hover .glyph, .mdr-fullscreen-media .mdr-share:hover .glyph {
      fill: #ffffff;
      fill-opacity: 1; }
    .mdr-fullscreen-media .close:active .glyph, .mdr-fullscreen-media .mdr-share:active .glyph {
      fill: #01092e;
      fill-opacity: 1; }
  .mdr-fullscreen-media .mdr-share.email {
    top: 65px; }
  .mdr-fullscreen-media .mdr-share.clipboard {
    top: 130px; }
  .mdr-fullscreen-media .media-container {
    width: 90%;
    height: 90%;
    background-color: transparent;
    position: relative; }
    .mdr-fullscreen-media .media-container img, .mdr-fullscreen-media .media-container video {
      width: 100%;
      height: 100%;
      object-fit: contain;
      position: absolute;
      left: 0;
      top: 0;
      transition: opacity 0.4s;
      opacity: 1; }
      .mdr-fullscreen-media .media-container img.hidden, .mdr-fullscreen-media .media-container video.hidden {
        opacity: 0; }

.mdr-support h3 {
  font-size: 24px; }

.mdr-doc-lib {
  background: white;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin-bottom: 66px; }
  .mdr-doc-lib a {
    color: #3F85C6; }
  .mdr-doc-lib ul, .mdr-doc-lib li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 23px; }
  .mdr-doc-lib .list-group-item {
    padding: 36px; }
    .mdr-doc-lib .list-group-item:first-child {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
    .mdr-doc-lib .list-group-item:last-child {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
  .mdr-doc-lib .ico32 {
    margin-right: 34px;
    background: rgba(0, 0, 0, 0.1); }
  .mdr-doc-lib .ico48 {
    margin-right: 18px; }
  .mdr-doc-lib h6 {
    font-family: "Roboto Bold", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-style: normal;
    font-weight: 600;
    color: #293548; }
  .mdr-doc-lib .seeall {
    font-size: 14px; }
    .mdr-doc-lib .seeall::after {
      width: 14px;
      height: 14px;
      background-size: 14px 14px;
      top: 2px; }
    .mdr-doc-lib .seeall, .mdr-doc-lib .seeall:link {
      color: #55596a; }

/* ============= */
.mdr-faq {
  padding: 1rem 2.2rem; }
  .mdr-faq .list-group-item {
    padding: 2.2rem 0; }
  .mdr-faq .card {
    width: 100%;
    border: none;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .mdr-faq .card {
        width: 49%; } }
    .mdr-faq .card .card-body {
      padding: 40px 40px 60px;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
  .mdr-faq h6 {
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.3;
    margin: 0 0 1.3rem 0;
    color: #445fb5; }
  .mdr-faq p {
    margin: 0;
    color: #111d4a;
    font-size: 18px;
    line-height: 1.4; }

/* ============= */
.mdr-preface {
  font-size: 16px;
  line-height: 150%;
  color: #55596a; }
  .mdr-preface p {
    font-size: 24px;
    line-height: 150%;
    color: #2F293F;
    margin-top: 30px;
    margin-bottom: 30px; }

/* ============= */
.mdr-statement {
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 17px;
  margin-top: 17px; }
  .mdr-statement .ico64 {
    background-color: #eeeeee;
    margin-right: 34px;
    min-width: 64px;
    margin-top: 4px; }
  .mdr-statement p {
    font-size: 16px;
    line-height: 150%;
    margin: 0px; }

.fig {
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  background: #dddddd;
  overflow: hidden;
  border-radius: 10px; }
  .fig.pt-66 {
    padding-top: 66%; }
  .fig.pt-80 {
    padding-top: 80%; }
  .fig.pt-100 {
    padding-top: 100%; }
  .fig img {
    position: absolute;
    top: 0;
    left: 0; }

/* ============= */
.mdr-insert {
  padding: 90px 0; }

/* ============= */
.mdr-diagram {
  padding: 80px 0; }
  .mdr-diagram h3 {
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
    font-size: 40px;
    line-height: 47px;
    margin-bottom: 20px; }
  .mdr-diagram h6 {
    font-size: 18px;
    color: #8286b4;
    text-transform: uppercase;
    font-family: "Roboto Medium";
    font-weight: 500; }

.mdr-components-graph {
  padding: 60px; }
  .mdr-components-graph h3 {
    text-align: center;
    margin-bottom: 60px;
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
    font-size: 40px;
    line-height: 47px; }
  .mdr-components-graph .row {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.25); }
    .mdr-components-graph .row:last-child {
      border-bottom: none; }

/* ============= */
.mdr-quote {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 60px;
  position: relative;
  /*
  	&::before {
  		content: "";
  		position: absolute;
  		bottom: 35px;
  		left: 20px;
  		//width: 20%;
  		right: 20px;
  		height: 1px;
  		//border-radius: 1px;
  		background: $mute-text-color;
  		opacity: .3;
  
  		@media (min-width: 768px) {
  			left: 30px;
  			width: 30%;
  			max-width: 115px;
  			height: 6px;
  			border-radius: 3px;
  		}
  	}
  */ }
  @media (min-width: 768px) {
    .mdr-quote {
      width: 50%; } }
  @media (min-width: 992px) {
    .mdr-quote {
      width: 33%; } }
  .mdr-quote.video {
    width: 100%;
    padding-bottom: 60px; }
    @media (min-width: 768px) {
      .mdr-quote.video {
        width: 100%;
        max-width: none; } }
    @media (min-width: 768px) {
      .mdr-quote.video {
        width: 50%;
        max-width: none; } }
    @media (min-width: 992px) {
      .mdr-quote.video {
        width: 66%;
        max-width: none; } }
    .mdr-quote.video::before {
      content: none; }
  .mdr-quote h6 {
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3; }
  .mdr-quote p {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 300;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 5px; }
  .mdr-quote .prop {
    display: inline-block;
    width: 100%;
    text-align: left;
    line-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    z-index: 10;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
    padding-left: 60px;
    padding-right: 48px;
    border: solid 1px transparent; }
    .mdr-quote .prop > * {
      vertical-align: middle;
      float: left; }
    .mdr-quote .prop .ava {
      display: inline-block;
      width: 44px;
      height: 44px;
      overflow: hidden;
      border-radius: 22px;
      margin-left: -52px; }
      .mdr-quote .prop .ava img {
        width: inherit;
        height: inherit;
        display: inline-block;
        float: left; }
    .mdr-quote .prop .author {
      display: inline-block;
      font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
      font-weight: 500;
      font-size: 16px;
      line-height: 1;
      padding-top: 5px;
      width: 100%; }
    .mdr-quote .prop .from {
      width: 100%;
      display: inline-block;
      font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
      font-weight: 300;
      font-size: 13px;
      line-height: 130%;
      padding-top: 3px; }
    .mdr-quote .prop button {
      display: inline-block;
      width: 24px;
      height: 24px;
      margin-top: 8px;
      margin-right: -30px; }
  .mdr-quote .mdr-quotevideo {
    background-color: #0f1736;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 385px;
    opacity: 0;
    transform: translateY(20px);
    transition: transform 0.3s, opacity 0.3s;
    box-shadow: 0 10px 18px rgba(33, 42, 84, 0.3);
    z-index: 5; }
    .mdr-quote .mdr-quotevideo video {
      width: 100%;
      height: 100%; }
    .mdr-quote .mdr-quotevideo .vcontrols {
      opacity: 0;
      background: rgba(0, 0, 0, 0.2) url(../img/pause-overlay-icon.svg) center center no-repeat;
      background-size: 64px 64px;
      display: inline-block;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 7;
      left: 0;
      top: 0;
      transition: opacity 0.3s;
      cursor: pointer; }
    .mdr-quote .mdr-quotevideo .vstatus {
      display: inline-block;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 4;
      left: 0;
      top: 0;
      background: transparent url(../img/loading-spinner-2.gif) center 160px no-repeat;
      background-size: 32px 32px;
      visibility: hidden; }
    .mdr-quote .mdr-quotevideo.loading .vstatus {
      visibility: visible; }
    .mdr-quote .mdr-quotevideo video:hover + .vcontrols, .mdr-quote .mdr-quotevideo video + .vcontrols:hover {
      opacity: 1; }
    .mdr-quote .mdr-quotevideo video:active + .vcontrols, .mdr-quote .mdr-quotevideo video + .vcontrols:active {
      background-size: 80px 80px; }
  .mdr-quote.active .mdr-quotevideo {
    visibility: visible;
    opacity: 1;
    transform: none; }
  .mdr-quote.active h6, .mdr-quote.active p, .mdr-quote.active .prop {
    visibility: hidden; }
  .mdr-quote.mdr-floating-video {
    width: 450px !important;
    height: 270px;
    display: inline-block !important;
    overflow: hidden;
    position: absolute !important;
    top: 850px;
    right: 10px;
    z-index: 15;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transform: translateY(150px);
    transition: opacity 0.3s, transform 0.5s;
    padding: 0;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3); }
    .mdr-quote.mdr-floating-video.active {
      position: fixed !important;
      top: 0px;
      transform: translateY(50px);
      opacity: 1; }
    .mdr-quote.mdr-floating-video .mdr-quotevideo {
      max-width: none;
      background-color: transparent; }
    .mdr-quote.mdr-floating-video video {
      position: absolute;
      left: 0;
      top: 33px;
      width: 100%;
      height: 100%; }
    .mdr-quote.mdr-floating-video .close {
      width: 32px;
      height: 32px;
      overflow: hidden;
      background-color: black;
      color: white;
      border: none;
      position: absolute;
      top: 0;
      right: 0;
      opacity: 1;
      z-index: 16; }
      .mdr-quote.mdr-floating-video .close .bg {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #01092e;
        fill-opacity: 0.2; }
      .mdr-quote.mdr-floating-video .close .glyph {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #ffffff;
        fill-opacity: 0.8; }
      .mdr-quote.mdr-floating-video .close:hover .bg {
        fill-opacity: 0.33; }
      .mdr-quote.mdr-floating-video .close:hover .glyph {
        fill: #ffffff;
        fill-opacity: 1; }
      .mdr-quote.mdr-floating-video .close:active .glyph {
        fill: #01092e;
        fill-opacity: 1; }

/* ============= */
.mdr-quotes-block {
  padding-top: 60px;
  padding-bottom: 60px; }
  .mdr-quotes-block .myrow {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }

/* ============= */
.paragraph {
  padding: 24px 0; }
  .paragraph h5 {
    font-size: 16px;
    font-family: "Roboto Bold", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 600; }
  .paragraph p {
    font-size: 16px; }
  .paragraph li {
    list-style: none; }
    .paragraph li::before {
      content: "– "; }

/* ============= */
.img-rect, .img-sq {
  display: inline-block;
  width: 100%;
  position: relative;
  background-color: #f0f0f0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-right: solid 2px white;
  border-bottom: solid 2px white; }

.img-rect {
  padding-top: 50%; }

.img-sq {
  padding-top: 100%; }

.mdr-insert.blue {
  background-color: #8cb6dd;
  color: white; }
.mdr-insert.purple {
  background-color: #6663b6;
  color: white; }

/* ============= */
.mdr-components-graph {
  background-color: #55596a;
  color: white; }
  .mdr-components-graph.purple {
    background-color: #57559B; }

.pseudo-graph h6 {
  font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 500;
  font-size: 18px; }
.pseudo-graph .descr {
  font-size: 15px;
  line-height: 130%;
  max-width: 680px;
  min-width: 240px;
  padding: 20px 0; }
  @media (min-width: 992px) {
    .pseudo-graph .descr {
      max-width: 480px; } }
  .pseudo-graph .descr h6 {
    color: #334ac0; }
.pseudo-graph .element {
  display: inline-block;
  border-radius: 14px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.09);
  width: 100%;
  height: 134px;
  line-height: 134px;
  vertical-align: middle;
  background-color: white;
  color: #334ac0;
  transition: background-color 0.2s, color 0.2s;
  margin: 20px;
  font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  padding: 0 15px;
  /* or 21px */
  text-align: center; }
  .pseudo-graph .element:hover, .pseudo-graph .element:active {
    background-color: #334ac0;
    color: white; }
  @media (min-width: 576px) {
    .pseudo-graph .element {
      width: 200px; } }
  .pseudo-graph .element > * {
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;
    padding: 15px 0; }
  .pseudo-graph .element.empty {
    visibility: hidden; }

.mdr-intro-block h2 {
  font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-style: normal;
  font-weight: 500;
  font-size: 36px; }
.mdr-intro-block .ico48 {
  background-image: url(../img/ico48.svg); }
.mdr-intro-block h6 {
  font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-style: normal;
  font-weight: 500;
  font-size: 16px; }
.mdr-intro-block p {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 150%;
  margin-bottom: 10px; }
.mdr-intro-block a {
  color: #FFD600; }
  .mdr-intro-block a.seeall {
    color: #FFD600;
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-style: normal;
    font-weight: 500; }

/* ====================== ====================== ====================== */
/* ====================== ====================== ====================== */
/* ====================== ====================== ====================== */
.paragraph {
  color: #2F293F; }
  .paragraph h5 {
    color: #5E50D1; }
  .paragraph a:link, .paragraph a:visited {
    color: #3F85C6; }

.muted {
  color: #55596a; }

.graphite {
  background-color: #454e69;
  color: white; }
  .graphite p.muted {
    color: rgba(0, 0, 0, 0.8); }
  .graphite .seeall::after {
    background-image: url(../img/glyph14-chevron-right-gold.svg); }

/* ============ USE CASES COLORS: DEFAULT WHITE =========== */
.theme-00 .mdr-tri-title h5 {
  color: #2372df; }
.theme-00 .mdr-tri-title h2 {
  color: #06233D; }
.theme-00 .mdr-tri-title h6, .theme-00 .mdr-tri-title p {
  color: #55596a; }
.theme-00.altbg h5 {
  color: #1762c9; }

.mdr-quote h6 {
  color: #06233D; }
.mdr-quote p {
  color: #444755; }
.mdr-quote .ava {
  border: solid 1px #00bcff; }
  .mdr-quote .ava img {
    background-color: white;
    border-radius: inherit;
    border: solid 3px white;
    margin-left: -1px;
    margin-top: -1px; }
.mdr-quote .prop {
  color: #2F293F; }
.mdr-quote .from {
  color: #3F85C6; }
.mdr-quote.active .prop, .mdr-quote .prop:hover {
  background-color: #f0f0f2;
  box-shadow: 0 2px 6px rgba(0, 0, 30, 0.08);
  border-color: #e3e3e7; }

/* ============ */
.whitepaper {
  background-color: white;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  padding: 50px 10%;
  border-radius: 8px; }
  .whitepaper p {
    font-size: 16px;
    line-height: 1.5;
    color: #555555; }
  .whitepaper h4 {
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
    font-size: 28px;
    margin-top: 50px;
    margin-bottom: 15px;
    text-align: center; }
  .whitepaper h5 {
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
    font-size: 22px;
    margin-top: 40px;
    margin-bottom: 5px;
    text-align: left; }
  .whitepaper h6 {
    font-family: "Roboto Medium", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
    font-size: 17px;
    margin-top: 30px;
    margin-bottom: 3px;
    text-align: left; }
    .whitepaper h6::before {
      content: "";
      display: inline-block;
      width: 12px;
      height: 12px;
      background-color: #222222;
      margin-right: 15px; }

/* ============ default background =========== */
.altbg {
  background-color: #f6f6f6 !important; }

.altbg-grad {
  background: linear-gradient(180deg, #FFFFFF 0%, #f6f6f6 100%) !important; }

.lbr {
  border-bottom: solid 1px #cccccc; }

.mdr-blueprint {
  background-color: #f4f6f9; }

/* ============ USE CASES COLORS: YELLOW =========== */
.theme-01 .mdr-duofold, .theme-01.mdr-duofold {
  background-color: #7790ab;
  border-color: #7790ab;
  color: white; }
  .theme-01 .mdr-duofold h5, .theme-01.mdr-duofold h5 {
    color: inherit; }
.theme-01 .jumbotron, .theme-01.jumbotron {
  background-color: #e1e3e1;
  color: #06233D; }
  .theme-01 .jumbotron .tag > span:first-child, .theme-01.jumbotron .tag > span:first-child {
    background-color: #FFD600; }
  .theme-01 .jumbotron p, .theme-01.jumbotron p {
    color: #2F293F; }
  .theme-01 .jumbotron .mdr-dock-panel .img, .theme-01.jumbotron .mdr-dock-panel .img {
    background-color: rgba(255, 255, 255, 0.5); }
.theme-01 .btn-primary {
  background-color: #FFD600;
  border-color: #FFD600;
  color: #2F293F; }
.theme-01 .mdr-duofold-features-image .num-bullet-lg {
  background-color: #73a9e3;
  color: white; }
.theme-01 .mdr-duofold-title-columns {
  background-color: #f6f6f6;
  color: #06233D; }

/* ============ USE CASES COLORS: BLUE =========== */
.theme-02 .mdr-duofold, .theme-02.mdr-duofold, .theme-05 .mdr-duofold, .theme-05.mdr-duofold {
  background-color: #233d55;
  border-color: #233d55;
  color: white; }
  .theme-02 .mdr-duofold h5, .theme-02.mdr-duofold h5, .theme-05 .mdr-duofold h5, .theme-05.mdr-duofold h5 {
    color: inherit; }
  .theme-02 .mdr-duofold .btn-primary, .theme-02.mdr-duofold .btn-primary, .theme-05 .mdr-duofold .btn-primary, .theme-05.mdr-duofold .btn-primary {
    background-color: #06233D;
    border-color: #06233D;
    color: white; }
  .theme-02 .mdr-duofold .img-cover, .theme-02.mdr-duofold .img-cover, .theme-05 .mdr-duofold .img-cover, .theme-05.mdr-duofold .img-cover {
    background-color: rgba(0, 0, 0, 0.2);
    color: white; }
.theme-02 .jumbotron, .theme-02.jumbotron, .theme-05 .jumbotron, .theme-05.jumbotron {
  background-color: #3F85C6;
  color: white;
  min-height: 550px; }
  .theme-02 .jumbotron .tag, .theme-02.jumbotron .tag, .theme-05 .jumbotron .tag, .theme-05.jumbotron .tag {
    color: white;
    opacity: 1; }
    .theme-02 .jumbotron .tag > span:first-child, .theme-02.jumbotron .tag > span:first-child, .theme-05 .jumbotron .tag > span:first-child, .theme-05.jumbotron .tag > span:first-child {
      background-color: #FFD600; }
  .theme-02 .jumbotron p, .theme-02.jumbotron p, .theme-05 .jumbotron p, .theme-05.jumbotron p {
    color: #2F293F; }
  .theme-02 .jumbotron .mdr-dock-panel .img, .theme-02.jumbotron .mdr-dock-panel .img, .theme-05 .jumbotron .mdr-dock-panel .img, .theme-05.jumbotron .mdr-dock-panel .img {
    background-color: rgba(255, 255, 255, 0.5); }
.theme-02 .btn-primary, .theme-05 .btn-primary {
  background-color: #FFD600;
  border-color: #FFD600;
  color: #2F293F; }
.theme-02 .mdr-duofold-features-image .num-bullet-lg, .theme-05 .mdr-duofold-features-image .num-bullet-lg {
  background-color: #3F85C6;
  color: white; }
.theme-02 .mdr-duofold-title-columns, .theme-05 .mdr-duofold-title-columns {
  background-color: #f6f6f6;
  color: #06233D; }

.theme-05 .mdr-duofold, .theme-05.mdr-duofold {
  background-color: #717880;
  border-color: #717880;
  color: white; }
  .theme-05 .mdr-duofold h5, .theme-05.mdr-duofold h5 {
    color: inherit; }
  .theme-05 .mdr-duofold .btn-primary, .theme-05.mdr-duofold .btn-primary {
    background-color: #06233D;
    border-color: #06233D;
    color: white; }
  .theme-05 .mdr-duofold .img-cover, .theme-05.mdr-duofold .img-cover {
    background-color: #4f5861;
    color: white; }
.theme-05 .jumbotron, .theme-05.jumbotron {
  background-color: #3F85C6;
  color: #293644;
  min-height: 800px; }
  .theme-05 .jumbotron .tag, .theme-05.jumbotron .tag {
    color: black; }
    .theme-05 .jumbotron .tag > span:first-child, .theme-05.jumbotron .tag > span:first-child {
      background-color: #FFD600; }
.theme-05 .mdr-duofold-features-image .num-bullet-lg {
  background-color: #717880;
  color: white; }

/* ============ USE CASES COLORS: ORANGE =========== */
.theme-03 .mdr-duofold, .theme-03.mdr-duofold {
  background-color: #5d5649;
  border-color: #5d5649;
  color: #dfdad0; }
  .theme-03 .mdr-duofold h2, .theme-03.mdr-duofold h2 {
    color: white;
    font-size: 28px; }
  .theme-03 .mdr-duofold h5, .theme-03.mdr-duofold h5 {
    color: white; }
.theme-03 .jumbotron, .theme-03.jumbotron {
  background-color: #453424;
  color: white; }
  .theme-03 .jumbotron .tag > span:first-child, .theme-03.jumbotron .tag > span:first-child {
    background-color: #FF912B; }
  .theme-03 .jumbotron p, .theme-03.jumbotron p {
    color: inherit; }
  .theme-03 .jumbotron .mdr-dock-panel .img, .theme-03.jumbotron .mdr-dock-panel .img {
    background-color: rgba(255, 255, 255, 0.5); }
  .theme-03 .jumbotron .mdr-blurred, .theme-03.jumbotron .mdr-blurred {
    background-color: rgba(255, 255, 255, 0.3); }
.theme-03 .btn-primary {
  background-color: #FFAA04;
  border-color: #FFAA04;
  color: white; }
.theme-03 .mdr-duofold-features-image .num-bullet-lg {
  background-color: #aca18b;
  color: white; }
.theme-03 .mdr-duofold-title-columns {
  background-color: #f6f6f6;
  color: #06233D; }

.theme-04 .mdr-jumbo-title {
  background-color: #6b7594;
  color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .theme-04 .mdr-jumbo-title .mdr-section-title {
    background-color: rgba(255, 255, 255, 0.07);
    color: inherit; }
  .theme-04 .mdr-jumbo-title h2 {
    color: #FFD600; }
  .theme-04 .mdr-jumbo-title h5 {
    color: rgba(255, 255, 255, 0.8); }
  .theme-04 .mdr-jumbo-title.purple {
    background-color: #533A9C;
    color: white; }
    .theme-04 .mdr-jumbo-title.purple .mdr-section-title {
      background-color: rgba(255, 255, 255, 0.07);
      color: inherit; }
    .theme-04 .mdr-jumbo-title.purple h2 {
      color: inherit; }
  .theme-04 .mdr-jumbo-title.indigo {
    background-color: #36478D;
    color: white; }
    .theme-04 .mdr-jumbo-title.indigo ul.checkmarks li::before {
      background-image: url(../img/glyph24-checkmark-lime.svg); }
  .theme-04 .mdr-jumbo-title.lilac {
    background-color: #739CCC;
    color: white; }
  .theme-04 .mdr-jumbo-title.lavender {
    background-color: #6A74A7;
    color: white; }
  .theme-04 .mdr-jumbo-title.denim {
    background-color: #031c39;
    color: white;
    background-size: cover; }
.theme-04 .mdr-menu-card {
  background: linear-gradient(180deg, #282337 0%, #71698A 100%);
  color: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.2); }
  .theme-04 .mdr-menu-card.active {
    background: linear-gradient(242.2deg, #5351D0 2.14%, #904BD5 100%); }
  .theme-04 .mdr-menu-card:hover {
    color: white; }
.theme-04 .mdr-tri-title h5 {
  color: #2372df; }
.theme-04 .mdr-tri-title h2 {
  color: #06233D; }
.theme-04 .mdr-tri-title h6, .theme-04 .mdr-tri-title p {
  color: #55596a; }
.theme-04 .mdr-brief {
  color: #293548; }
  .theme-04 .mdr-brief h5 {
    color: #5E50D1; }
    .theme-04 .mdr-brief h5 strong, .theme-04 .mdr-brief h5 em, .theme-04 .mdr-brief h5 small {
      color: #293548;
      font-family: inherit;
      font-weight: inherit; }
  .theme-04 .mdr-brief .btn {
    margin-right: 25px;
    min-width: 145px; }
  .theme-04 .mdr-brief .btn-primary {
    background-color: #FFD600;
    color: #2F293F;
    border-color: #FFD600; }
  .theme-04 .mdr-brief .btn-secondary {
    background-color: transparent;
    color: #3F85C6;
    border-color: #3F85C6; }
  .theme-04 .mdr-brief.inverted {
    color: white; }
    .theme-04 .mdr-brief.inverted h5 {
      color: #FFD600; }
      .theme-04 .mdr-brief.inverted h5 strong, .theme-04 .mdr-brief.inverted h5 em, .theme-04 .mdr-brief.inverted h5 small {
        color: white; }
    .theme-04 .mdr-brief.inverted .btn-secondary {
      background-color: transparent;
      color: white;
      border-color: white; }
    .theme-04 .mdr-brief.inverted.blue h5 {
      color: #00D1FF; }
.theme-04 .mdr-prop-list h4 {
  color: #2c3e9a; }

.mdr-section-title.bluesky {
  background-color: #c8d1dd !important;
  color: #333a44; }
.mdr-section-title.purple {
  background-color: #577BD9 !important;
  color: white; }

#contactUsModal .modal-dialog {
  max-width: 1300px; }
  #contactUsModal .modal-dialog .modal-body {
    background-color: #f8f9ff;
    color: #4c83d0; }
  #contactUsModal .modal-dialog button.close {
    position: absolute;
    top: 20px;
    right: 25px;
    z-index: 5; }
  #contactUsModal .modal-dialog iframe {
    height: 910px;
    width: 100%;
    border: none; }
    @media (min-width: 768px) {
      #contactUsModal .modal-dialog iframe {
        height: 700px; } }
    @media (min-width: 854px) {
      #contactUsModal .modal-dialog iframe {
        height: 750px; } }
    @media (min-width: 1080px) {
      #contactUsModal .modal-dialog iframe {
        height: 550px; } }

.mdr-devnet-link {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px 24px;
  width: 360px;
  /* height: 49px; */
  margin: 2rem auto;
  background: rgba(0, 0, 10, 0.76);
  border-radius: 4px;
  color: white !important;
  transition: background-color 0.3s; }
  .mdr-devnet-link:hover {
    color: white !important;
    text-decoration: none;
    background: rgba(0, 5, 10, 0.9); }
  .mdr-devnet-link:visited {
    color: white !important;
    text-decoration: none; }
  .mdr-devnet-link > .caption {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: inherit; }
  .mdr-devnet-link .mdr-devnet-logo {
    display: inline-block;
    width: 109px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEwOXB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxMDkgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA0MSAoMzUzMjYpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkQ1NTBCREMzLTVEMTYtNEM5Ny1CRkZFLUM1OTNDNTcwQThCNjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iTmF2LWJhciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI5NC4wMDAwMDAsIC0xNDAuMDAwMDAwKSIgaWQ9IlBhZ2UtMSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5NC4wMDAwMDAsIDE0MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04LjUwMDc1MjQ4LDE1LjkwNzAwOTkgTDkuODE4NjEzODYsMTUuOTA3MDA5OSBMOS44MTg2MTM4NiwxMC42ODQzNTY0IEw4LjUwMDc1MjQ4LDEwLjY4NDM1NjQgTDguNTAwNzUyNDgsMTUuOTA3MDA5OSBaIE0zMC4wNTU5MjA4LDYuNDQyNjEzODYgQzMwLjA1NTkyMDgsNi44MDQ1OTQwNiAyOS43NjMzMjY3LDcuMDk2NzEyODcgMjkuNDAzNTY0NCw3LjA5NjcxMjg3IEMyOS4wNDMxNjgzLDcuMDk2NzEyODcgMjguNzUwNTc0Myw2LjgwNDU5NDA2IDI4Ljc1MDU3NDMsNi40NDI2MTM4NiBMMjguNzUwNTc0Myw1LjA3MTY4MzE3IEMyOC43NTA1NzQzLDQuNzExOTIwNzkgMjkuMDQzMTY4Myw0LjQyMDExODgxIDI5LjQwMzU2NDQsNC40MjAxMTg4MSBDMjkuNzYzMzI2Nyw0LjQyMDExODgxIDMwLjA1NTkyMDgsNC43MTE5MjA3OSAzMC4wNTU5MjA4LDUuMDcxNjgzMTcgTDMwLjA1NTkyMDgsNi40NDI2MTM4NiBaIE0yNi40Njc4MDIsNi40NDI3NzIyOCBDMjYuNDY3ODAyLDYuODA0NzUyNDggMjYuMTc2LDcuMDk2NTU0NDYgMjUuODA3MzY2Myw3LjA5NjU1NDQ2IEMyNS40NDcxMjg3LDcuMDk2NTU0NDYgMjUuMTU1MzI2Nyw2LjgwNDc1MjQ4IDI1LjE1NTMyNjcsNi40NDI3NzIyOCBMMjUuMTU1MzI2NywzLjI3MjM5NjA0IEMyNS4xNTUzMjY3LDIuOTEyNDc1MjUgMjUuNDQ3MTI4NywyLjYxOTg4MTE5IDI1LjgwNzM2NjMsMi42MTk4ODExOSBDMjYuMTc2LDIuNjE5ODgxMTkgMjYuNDY3ODAyLDIuOTEyNDc1MjUgMjYuNDY3ODAyLDMuMjcyMzk2MDQgTDI2LjQ2NzgwMiw2LjQ0Mjc3MjI4IFogTTIyLjg3MjIzNzYsNy43NDU0MjU3NCBDMjIuODcyMjM3Niw4LjEwNzQwNTk0IDIyLjU4MDQzNTYsOC4zOTk1MjQ3NSAyMi4yMjAxOTgsOC4zOTk1MjQ3NSBDMjEuODU5NDg1MSw4LjM5OTUyNDc1IDIxLjU2NzY4MzIsOC4xMDc0MDU5NCAyMS41Njc2ODMyLDcuNzQ1NDI1NzQgTDIxLjU2NzY4MzIsMC44MTA0NTU0NDYgQzIxLjU2NzY4MzIsMC40NTA2OTMwNjkgMjEuODU5NDg1MSwwLjE1ODQxNTg0MiAyMi4yMjAxOTgsMC4xNTg0MTU4NDIgQzIyLjU4MDQzNTYsMC4xNTg0MTU4NDIgMjIuODcyMjM3NiwwLjQ1MDY5MzA2OSAyMi44NzIyMzc2LDAuODEwNDU1NDQ2IEwyMi44NzIyMzc2LDcuNzQ1NDI1NzQgWiBNMTkuMjc1ODgxMiw2LjQ0Mjc3MjI4IEMxOS4yNzU4ODEyLDYuODA0NzUyNDggMTguOTg0MDc5Miw3LjA5NjU1NDQ2IDE4LjYyMzg0MTYsNy4wOTY1NTQ0NiBDMTguMjYzOTIwOCw3LjA5NjU1NDQ2IDE3Ljk3MTMyNjcsNi44MDQ3NTI0OCAxNy45NzEzMjY3LDYuNDQyNzcyMjggTDE3Ljk3MTMyNjcsMy4yNzIzOTYwNCBDMTcuOTcxMzI2NywyLjkxMjQ3NTI1IDE4LjI2MzkyMDgsMi42MTk4ODExOSAxOC42MjM4NDE2LDIuNjE5ODgxMTkgQzE4Ljk4NDA3OTIsMi42MTk4ODExOSAxOS4yNzU4ODEyLDIuOTEyNDc1MjUgMTkuMjc1ODgxMiwzLjI3MjM5NjA0IEwxOS4yNzU4ODEyLDYuNDQyNzcyMjggWiBNMTUuNjgwMzE2OCw2LjQ0MjYxMzg2IEMxNS42ODAzMTY4LDYuODA0NTk0MDYgMTUuMzg4NTE0OSw3LjA5NjcxMjg3IDE1LjAyOTg2MTQsNy4wOTY3MTI4NyBDMTQuNjY5NjIzOCw3LjA5NjcxMjg3IDE0LjM3NTc2MjQsNi44MDQ1OTQwNiAxNC4zNzU3NjI0LDYuNDQyNjEzODYgTDE0LjM3NTc2MjQsNS4wNzE2ODMxNyBDMTQuMzc1NzYyNCw0LjcxMTkyMDc5IDE0LjY2OTYyMzgsNC40MjAxMTg4MSAxNS4wMjk4NjE0LDQuNDIwMTE4ODEgQzE1LjM4ODUxNDksNC40MjAxMTg4MSAxNS42ODAzMTY4LDQuNzExOTIwNzkgMTUuNjgwMzE2OCw1LjA3MTY4MzE3IEwxNS42ODAzMTY4LDYuNDQyNjEzODYgWiBNMTIuMDkwNDU1NCw2LjQ0Mjc3MjI4IEMxMi4wOTA0NTU0LDYuODA0NzUyNDggMTEuNzk2NTk0MSw3LjA5NjU1NDQ2IDExLjQzNjM1NjQsNy4wOTY1NTQ0NiBDMTEuMDc1NjQzNiw3LjA5NjU1NDQ2IDEwLjc4MTc4MjIsNi44MDQ3NTI0OCAxMC43ODE3ODIyLDYuNDQyNzcyMjggTDEwLjc4MTc4MjIsMy4yNzIzOTYwNCBDMTAuNzgxNzgyMiwyLjkxMjQ3NTI1IDExLjA3NTY0MzYsMi42MTk4ODExOSAxMS40MzYzNTY0LDIuNjE5ODgxMTkgQzExLjc5NjU5NDEsMi42MTk4ODExOSAxMi4wOTA0NTU0LDIuOTEyNDc1MjUgMTIuMDkwNDU1NCwzLjI3MjM5NjA0IEwxMi4wOTA0NTU0LDYuNDQyNzcyMjggWiBNOC40OTY0NzUyNSw3Ljc0NTQyNTc0IEM4LjQ5NjQ3NTI1LDguMTA3NDA1OTQgOC4yMDI2MTM4Niw4LjM5OTUyNDc1IDcuODQyMzc2MjQsOC4zOTk1MjQ3NSBDNy40ODE2NjMzNyw4LjM5OTUyNDc1IDcuMTg3ODAxOTgsOC4xMDc0MDU5NCA3LjE4NzgwMTk4LDcuNzQ1NDI1NzQgTDcuMTg3ODAxOTgsMC44MTA0NTU0NDYgQzcuMTg3ODAxOTgsMC40NTA2OTMwNjkgNy40ODE2NjMzNywwLjE1ODQxNTg0MiA3Ljg0MjM3NjI0LDAuMTU4NDE1ODQyIEM4LjIwMjYxMzg2LDAuMTU4NDE1ODQyIDguNDk2NDc1MjUsMC40NTA2OTMwNjkgOC40OTY0NzUyNSwwLjgxMDQ1NTQ0NiBMOC40OTY0NzUyNSw3Ljc0NTQyNTc0IFogTTQuOTAyNDk1MDUsNi40NDI3NzIyOCBDNC45MDI0OTUwNSw2LjgwNDc1MjQ4IDQuNjA4NjMzNjYsNy4wOTY1NTQ0NiA0LjI0ODM5NjA0LDcuMDk2NTU0NDYgQzMuODg3ODQxNTgsNy4wOTY1NTQ0NiAzLjU5MzgyMTc4LDYuODA0NzUyNDggMy41OTM4MjE3OCw2LjQ0Mjc3MjI4IEwzLjU5MzgyMTc4LDMuMjcyMzk2MDQgQzMuNTkzODIxNzgsMi45MTI0NzUyNSAzLjg4Nzg0MTU4LDIuNjE5ODgxMTkgNC4yNDgzOTYwNCwyLjYxOTg4MTE5IEM0LjYwODYzMzY2LDIuNjE5ODgxMTkgNC45MDI0OTUwNSwyLjkxMjQ3NTI1IDQuOTAyNDk1MDUsMy4yNzIzOTYwNCBMNC45MDI0OTUwNSw2LjQ0Mjc3MjI4IFogTTEuMzA4NjczMjcsNi40NDI2MTM4NiBDMS4zMDg2NzMyNyw2LjgwNDU5NDA2IDEuMDE0ODExODgsNy4wOTY3MTI4NyAwLjY1NDU3NDI1Nyw3LjA5NjcxMjg3IEMwLjI5NDMzNjYzNCw3LjA5NjcxMjg3IDAsNi44MDQ1OTQwNiAwLDYuNDQyNjEzODYgTDAsNS4wNzE2ODMxNyBDMCw0LjcxMTkyMDc5IDAuMjk0MzM2NjM0LDQuNDIwMTE4ODEgMC42NTQ1NzQyNTcsNC40MjAxMTg4MSBDMS4wMTQ4MTE4OCw0LjQyMDExODgxIDEuMzA4NjczMjcsNC43MTE5MjA3OSAxLjMwODY3MzI3LDUuMDcxNjgzMTcgTDEuMzA4NjczMjcsNi40NDI2MTM4NiBaIE0xNC44MTY0NzUyLDExLjg3MTUyNDggQzE0Ljc5NjgzMTcsMTEuODY1MTg4MSAxNC4yNDIwNTk0LDExLjcxMiAxMy43ODYxMzg2LDExLjcxMiBDMTMuMjU4MTM4NiwxMS43MTIgMTIuOTcwOTMwNywxMS44ODg5NTA1IDEyLjk3MDkzMDcsMTIuMTM5ODgxMiBDMTIuOTcwOTMwNywxMi40NTc5ODAyIDEzLjM1ODI1NzQsMTIuNTY5MDI5NyAxMy41NzQ5NzAzLDEyLjYzNzQ2NTMgTDEzLjkzODUzNDcsMTIuNzUzMTA4OSBDMTQuNzkzOTgwMiwxMy4wMjUyNjczIDE1LjE4Mzg0MTYsMTMuNjEwOTMwNyAxNS4xODM4NDE2LDE0LjI0NzEyODcgQzE1LjE4Mzg0MTYsMTUuNTU5MTI4NyAxNC4wMjk5NDA2LDE2IDEzLjAyMTQ2NTMsMTYgQzEyLjMyMDYzMzcsMTYgMTEuNjY0LDE1Ljg3MTA0OTUgMTEuNTk5MjA3OSwxNS44NTcyNjczIEwxMS41OTkyMDc5LDE0LjY1NTM2NjMgQzExLjcxNTMyNjcsMTQuNjg0NjczMyAxMi4yNjgwMzk2LDE0Ljg0OTU4NDIgMTIuODQzNTY0NCwxNC44NDk1ODQyIEMxMy40OTk0MDU5LDE0Ljg0OTU4NDIgMTMuODAwODcxMywxNC42NTc5MDEgMTMuODAwODcxMywxNC4zNjE5ODAyIEMxMy44MDA4NzEzLDE0LjA5NzI2NzMgMTMuNTM5OTYwNCwxMy45NDQ1NTQ1IDEzLjIxMjk5MDEsMTMuODQxNzQyNiBDMTMuMTMzMzA2OSwxMy44MTUxMjg3IDEzLjAxMzU0NDYsMTMuNzc3NTg0MiAxMi45MzE2NDM2LDEzLjc1MDgxMTkgQzEyLjE5Nzg2MTQsMTMuNTE4NzMyNyAxMS41ODU5MDEsMTMuMDg3NTI0OCAxMS41ODU5MDEsMTIuMjIzMDQ5NSBDMTEuNTg1OTAxLDExLjI0NjA5OSAxMi4zMTczMDY5LDEwLjU5MDQxNTggMTMuNTMyMDM5NiwxMC41OTA0MTU4IEMxNC4xNzM2MjM4LDEwLjU5MDQxNTggMTQuNzc3MTg4MSwxMC43NDYxMzg2IDE0LjgxNjQ3NTIsMTAuNzU2NDM1NiBMMTQuODE2NDc1MiwxMS44NzE1MjQ4IFogTTI3LjM1MDY1MzUsMTMuMjk1MDQ5NSBDMjcuMzUwNjUzNSwxMS44MDM0MDU5IDI2LjE5NzIyNzcsMTAuNTkxNjgzMiAyNC41OTA4OTExLDEwLjU5MTY4MzIgQzIyLjk4NDU1NDUsMTAuNTkxNjgzMiAyMS44MzI4NzEzLDExLjgwMzQwNTkgMjEuODMyODcxMywxMy4yOTUwNDk1IEMyMS44MzI4NzEzLDE0Ljc4OTA2OTMgMjIuOTg0NTU0NSwxNS45OTk2ODMyIDI0LjU5MDg5MTEsMTUuOTk5NjgzMiBDMjYuMTk3MjI3NywxNS45OTk2ODMyIDI3LjM1MDY1MzUsMTQuNzg5MDY5MyAyNy4zNTA2NTM1LDEzLjI5NTA0OTUgTDI3LjM1MDY1MzUsMTMuMjk1MDQ5NSBaIE0yNC41OTA4OTExLDExLjkyMTU4NDIgQzI1LjM3MTg4MTIsMTEuOTIxNTg0MiAyNS45NTQyMTc4LDEyLjUzNjg3MTMgMjUuOTU0MjE3OCwxMy4yOTUwNDk1IEMyNS45NTQyMTc4LDE0LjA1NDgxMTkgMjUuMzcxODgxMiwxNC42Njk2MjM4IDI0LjU5MDg5MTEsMTQuNjY5NjIzOCBDMjMuODA4OTUwNSwxNC42Njk2MjM4IDIzLjIyODM1NjQsMTQuMDU0ODExOSAyMy4yMjgzNTY0LDEzLjI5NTA0OTUgQzIzLjIyODM1NjQsMTIuNTM2ODcxMyAyMy44MDg5NTA1LDExLjkyMTU4NDIgMjQuNTkwODkxMSwxMS45MjE1ODQyIEwyNC41OTA4OTExLDExLjkyMTU4NDIgWiBNNi42ODg5NTA1LDEyLjE4MDkxMDkgQzYuNjM1ODgxMTksMTIuMTUzMzQ2NSA2LjIxMjI3NzIzLDExLjkwMjA5OSA1LjU4MTk0MDU5LDExLjkwMjA5OSBDNC43MjgyMzc2MiwxMS45MDIwOTkgNC4xMzc1MDQ5NSwxMi40OTUyMDc5IDQuMTM3NTA0OTUsMTMuMjk1MDQ5NSBDNC4xMzc1MDQ5NSwxNC4wNzExMjg3IDQuNzAzNTI0NzUsMTQuNjg5MjY3MyA1LjU4MTk0MDU5LDE0LjY4OTI2NzMgQzYuMjAxMzQ2NTMsMTQuNjg5MjY3MyA2LjYzMjIzNzYyLDE0LjQ0MzQwNTkgNi42ODg5NTA1LDE0LjQxMjE5OCBMNi42ODg5NTA1LDE1LjgxMzg2MTQgQzYuNTI1MzA2OTMsMTUuODYwMjc3MiA2LjA3NTcyMjc3LDE1Ljk5OTY4MzIgNS40ODcwNDk1LDE1Ljk5OTY4MzIgQzQuMDA1NTQ0NTUsMTUuOTk5NjgzMiAyLjcwNjA1OTQxLDE0Ljk3Nzc0MjYgMi43MDYwNTk0MSwxMy4yOTUwNDk1IEMyLjcwNjA1OTQxLDExLjczNTQ0NTUgMy44ODMyNDc1MiwxMC41OTE2ODMyIDUuNDg3MDQ5NSwxMC41OTE2ODMyIEM2LjEwNzQwNTk0LDEwLjU5MTY4MzIgNi41NjQ5MTA4OSwxMC43NDIzMzY2IDYuNjg4OTUwNSwxMC43NzkwODkxIEw2LjY4ODk1MDUsMTIuMTgwOTEwOSBaIE0yMC40NDQ5OTAxLDEyLjE4MDkxMDkgQzIwLjM5MTEyODcsMTIuMTUzMzQ2NSAxOS45NjY1NzQzLDExLjkwMjA5OSAxOS4zMzYyMzc2LDExLjkwMjA5OSBDMTguNDg0Mjc3MiwxMS45MDIwOTkgMTcuODkzMjI3NywxMi40OTUyMDc5IDE3Ljg5MzIyNzcsMTMuMjk1MDQ5NSBDMTcuODkzMjI3NywxNC4wNzExMjg3IDE4LjQ1ODc3MjMsMTQuNjg5MjY3MyAxOS4zMzYyMzc2LDE0LjY4OTI2NzMgQzE5Ljk1NTgwMiwxNC42ODkyNjczIDIwLjM4NzAwOTksMTQuNDQzNDA1OSAyMC40NDQ5OTAxLDE0LjQxMjE5OCBMMjAuNDQ0OTkwMSwxNS44MTM4NjE0IEMyMC4yNzk3NjI0LDE1Ljg2MDI3NzIgMTkuODI5MjI3NywxNS45OTk2ODMyIDE5LjI0NDAzOTYsMTUuOTk5NjgzMiBDMTcuNzYxNzQyNiwxNS45OTk2ODMyIDE2LjQ2MDUxNDksMTQuOTc3NzQyNiAxNi40NjA1MTQ5LDEzLjI5NTA0OTUgQzE2LjQ2MDUxNDksMTEuNzM1NDQ1NSAxNy42Mzc3MDMsMTAuNTkxNjgzMiAxOS4yNDQwMzk2LDEwLjU5MTY4MzIgQzE5Ljg2MTg2MTQsMTAuNTkxNjgzMiAyMC4zMjAxNTg0LDEwLjc0MjMzNjYgMjAuNDQ0OTkwMSwxMC43NzkwODkxIEwyMC40NDQ5OTAxLDEyLjE4MDkxMDkgWiIgaWQ9IkZpbGwtMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTYwLjc1ODQzMTEsNy44OTA3OCBMNTYuMTYyMzcxMSw3Ljg5MDc4IEw1Ni4xNjIzNzExLDQuNzkyMDIgTDYyLjIxMDkzMTEsNC43OTIwMiBMNjIuMjEwOTMxMSwyIEw1My4zMTkxMTExLDIgTDUzLjMxOTExMTEsMTUuOTgwNjggTDYyLjIxMDkzMTEsMTYgTDYyLjIxMDkzMTEsMTMuMzU1NjggTDU2LjE2MjM3MTEsMTMuMzM2MzYgTDU2LjE2MjM3MTEsMTAuNTUwMDggTDYwLjc1ODQzMTEsMTAuNTUwMDggTDYwLjc1ODQzMTEsNy44OTA3OCBaIE0xMDguNjI4NDkxLDIgTDk5LjIzNzk5MTEsMiBMOTkuMjM3OTkxMSw0LjgwMzkyIEwxMDIuNTc5MjMxLDQuODAzOTIgTDEwMi42MDI3NTEsMTUuOTgwNjggTDEwNS4yNjMxNzEsMTUuOTgwNjggTDEwNS4yMzk2NTEsNC44MDM5MiBMMTA4LjYyODQ5MSw0LjgwMzkyIEwxMDguNjI4NDkxLDIgWiBNODQuMTQxOTMxMSwyIEw4NC4xMjI3NTExLDkuNzgzMTYgTDc2Ljc0OTM3MTEsMiBMNzYuMjkyNjkxMSwyIEw3Ni4yOTI2OTExLDE1Ljk4MDY4IEw3OS4wODAwOTExLDE1Ljk4MDY4IEw3OS4wODAwOTExLDguNjYxNjIgTDg2LjUwOTA1MTEsMTUuOTUxNyBMODYuOTY0ODkxMSwxNS45NTE3IEw4Ni45NjQ4OTExLDIgTDg0LjE0MTkzMTEsMiBaIE03MS45NzAwNTExLDIgTDY5LjA2MDk5MTEsOS4yNTc3NCBMNjYuMTg3MjExMSwyIEw2My4xMTgyNzExLDIgTDY4LjY1ODQ5MTEsMTUuOTgwNjggTDY5LjM5NTQ1MTEsMTUuOTgwNjggTDc0Ljg0Mzk3MTEsMiBMNzEuOTcwMDUxMSwyIFogTTk2LjMyMTY1MTEsNy44OTA3OCBMOTEuNzI1NTkxMSw3Ljg5MDc4IEw5MS43MjU1OTExLDQuNzkyMDIgTDk3Ljc3NDE1MTEsNC43OTIwMiBMOTcuNzc0MTUxMSwyIEw4OC44ODIzMzExLDIgTDg4Ljg4MjMzMTEsMTUuOTgwNjggTDk3Ljc3NDE1MTEsMTYgTDk3Ljc3NDE1MTEsMTMuMzU1NjggTDkxLjcyNTU5MTEsMTMuMzM2MzYgTDkxLjcyNTU5MTEsMTAuNTUwMDggTDk2LjMyMTY1MTEsMTAuNTUwMDggTDk2LjMyMTY1MTEsNy44OTA3OCBaIE00NS40MTQ3MTExLDQuOTI4MjQgQzQ3LjYzNDY5MTEsNC45MjgyNCA0OS4wNTA5MzExLDYuMTk1NjYgNDkuMDUwOTMxMSw5LjEwNzI0IEM0OS4wNTA5MzExLDEyLjAxODY4IDQ3LjY3MjkxMTEsMTMuMDU5MDIgNDUuNDUyOTMxMSwxMy4wNTkwMiBMNDMuNDYyNjkxMSwxMy4wNTkwMiBMNDMuNDYyNjkxMSw0LjkyODI0IEw0NS40MTQ3MTExLDQuOTI4MjQgWiBNNDAuNzI4NDkxMSwyIEw0MC43Mjg0OTExLDE1Ljk4MDY4IEw0NS41MzU2NzExLDE1Ljk4MDY4IEM0OS41MTIyMzExLDE1Ljk4MDY4IDUxLjg0NTA1MTEsMTMuODgzNjIgNTEuODQ1MDUxMSw4Ljk5MDM0IEM1MS44NDUwNTExLDQuMjEzNTQgNDkuNjE4MjExMSwyIDQ1LjUwMDM5MTEsMiBMNDAuNzI4NDkxMSwyIFoiIGlkPSJGaWxsLTMiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
    background-position: 0;
    background-repeat: no-repeat; }