.screen {
  position: fixed;
  bottom: 1em;
  left: 0;
  right: 0;
  width: 15em;
  margin: auto;
  z-index: 999999999999; }
  .screen:before {
    transition: background .2s ease-out;
    display: block;
    padding: .5em;
    color: #fff; }
    @media (min-width: 23.4375em) {
      .screen:before {
        background: rgba(125, 0, 0, 0.8);
        content: "mobile-lg"; } }
    @media (min-width: mobile-lg) {
      .screen:before {
        background: rgba(125, 0, 0, 0.8);
        content: "mobile-lg"; } }
    @media (min-width: 31.25em) {
      .screen:before {
        background: rgba(125, 125, 0, 0.8);
        content: "mobile-xl"; } }
    @media (min-width: 42.5em) {
      .screen:before {
        background: rgba(125, 0, 125, 0.8);
        content: "tablet-sm"; } }
    @media (min-width: 56.25em) {
      .screen:before {
        background: rgba(0, 125, 125, 0.8);
        content: "tablet-lg"; } }
    @media (min-width: 68.75em) {
      .screen:before {
        background: rgba(0, 125, 0, 0.8);
        content: "laptop-sm"; } }
    @media (min-width: 80em) {
      .screen:before {
        background: rgba(0, 0, 125, 0.8);
        content: "laptop-lg"; } }
    @media (min-width: 87.5em) {
      .screen:before {
        background: rgba(125, 0, 255, 0.8);
        content: "desktop-sm"; } }
    @media (min-width: 100em) {
      .screen:before {
        background: rgba(125, 255, 255, 0.8);
        content: "desktop-lg"; } }

html,
body {
  font-family: objektiv-mk1, sans-serif;
  font-style: normal; }

h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0; }

a {
  color: #DC0000; }

.header--black {
  background-color: #0B0909; }
  .header--black .top-bar {
    background-color: #0B0909; }
    .header--black .top-bar .name a .logo {
      max-width: 120px;
      padding: 10px;
      margin-top: -10px; }
    .header--black .top-bar .name a:hover {
      color: #ffffff !important;
      background-color: #0B0909 !important; }
    .header--black .top-bar ul {
      background-color: #0B0909 !important; }
      .header--black .top-bar ul li a {
        background-color: #0B0909 !important;
        color: #DC0000 !important;
        font-family: objektiv-mk1, sans-serif;
        font-style: normal;
        font-weight: 700; }
        .header--black .top-bar ul li a.white-text {
          color: #ffffff !important; }
          .header--black .top-bar ul li a.white-text:hover {
            color: #DC0000 !important; }
        .header--black .top-bar ul li a:hover {
          color: #ffffff !important;
          background-color: #222222 !important; }
      .header--black .top-bar ul .start-button {
        background-color: #DC0000 !important;
        color: #ffffff !important;
        border: none;
        display: block !important;
        font-family: objektiv-mk1, sans-serif;
        font-style: normal;
        font-weight: 700; }
        .header--black .top-bar ul .start-button.white-text {
          color: #ffffff !important; }
          .header--black .top-bar ul .start-button.white-text:hover {
            color: #DC0000 !important; }
        .header--black .top-bar ul .start-button:hover {
          color: #DC0000 !important;
          background-color: #ffffff !important; }

.header {
  height: 140px;
  background-color: #222222;
  padding-top: 40px; }
  .header .top-bar {
    background-color: #222222; }
    .header .top-bar.expanded .title-area {
      background-color: #222222; }
    .header .top-bar .title-area .menu-icon a {
      color: #DC0000; }
    .header .top-bar .title-area .logo {
      width: 142px !important; }
    .header .top-bar .top-bar-section li {
      height: 100%; }
      .header .top-bar .top-bar-section li a {
        background-color: #222222;
        line-height: initial;
        padding-bottom: 16px;
        color: #DC0000;
        font-size: 12px;
        font-family: objektiv-mk1, sans-serif;
        font-style: normal;
        font-weight: 500; }
        @media (min-width: 960px) {
          .header .top-bar .top-bar-section li a {
            font-size: 16px;
            display: table-cell;
            vertical-align: bottom; } }
        .header .top-bar .top-bar-section li a:hover {
          background-color: #222222;
          color: #DC0000; }
      .header .top-bar .top-bar-section li .start-button {
        background-color: #DC0000;
        line-height: initial;
        padding-bottom: 16px;
        color: #ffffff;
        font-size: 12px;
        font-family: objektiv-mk1, sans-serif;
        font-style: normal;
        font-weight: 500; }
        @media (min-width: 960px) {
          .header .top-bar .top-bar-section li .start-button {
            font-size: 16px;
            display: table-cell;
            vertical-align: bottom; } }
        .header .top-bar .top-bar-section li .start-button:hover {
          background-color: #222222;
          color: #DC0000; }

.f-topbar-fixed.shrink .contain-to-grid.sticky.header.fixed {
  height: 100px;
  background: #191414; }
  @media (min-width: 960px) {
    .f-topbar-fixed.shrink .contain-to-grid.sticky.header.fixed {
      height: 140px;
      line-height: 140px; } }
  .f-topbar-fixed.shrink .contain-to-grid.sticky.header.fixed a,
  .f-topbar-fixed.shrink .contain-to-grid.sticky.header.fixed .top-bar {
    height: 100px;
    line-height: 100px; }
    .f-topbar-fixed.shrink .contain-to-grid.sticky.header.fixed a .right li a,
    .f-topbar-fixed.shrink .contain-to-grid.sticky.header.fixed .top-bar .right li a {
      height: 100px;
      line-height: initial; }

.button {
  background-color: #DC0000;
  font-weight: bold;
  border: 1px solid #DC0000;
  font-family: objektiv-mk1, sans-serif;
  font-style: normal;
  font-weight: 900; }
  .button:hover, .button:focus {
    background-color: #DC0000; }

.home-slider .sequence .small-title h3 {
  color: #CCCCCC;
  text-transform: none;
  letter-spacing: initial;
  font-family: objektiv-mk1, sans-serif;
  font-style: normal;
  font-weight: 300; }
.home-slider .sequence .title h3 {
  font-family: objektiv-mk1, sans-serif;
  font-style: normal;
  font-weight: 800; }

.section p {
  font-family: objektiv-mk1, sans-serif;
  font-style: normal;
  font-weight: 300; }
.section .section-header .special-title h2 {
  color: #DC0000;
  font-family: objektiv-mk1, sans-serif;
  font-style: normal;
  font-weight: 800; }
  .section .section-header .special-title h2::after {
    display: none; }

.section--link {
  background-color: #DC0000; }
  .section--link .columns {
    text-align: center; }
    .section--link .columns .link-section__block .svg-icon {
      width: 100px;
      height: 100px;
      -moz-transition: all, 0.3s;
      -o-transition: all, 0.3s;
      -webkit-transition: all, 0.3s;
      transition: all, 0.3s; }
    .section--link .columns .link-section__block.icon-margin .svg-icon svg {
      margin-top: 10px; }
    .section--link .columns .link-section__block:hover .svg-icon {
      -moz-transform: rotate(-10deg);
      -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg); }
    .section--link .columns h3 {
      margin-top: 8px;
      color: #ffffff;
      font-family: objektiv-mk1, sans-serif;
      font-style: normal;
      font-weight: 900; }

.section--product {
  background-color: #F2F2F2; }
  .section--product .product-section__block h3 {
    color: #DC0000;
    margin-bottom: 8px;
    font-family: objektiv-mk1, sans-serif;
    font-style: normal;
    font-weight: 800; }
  .section--product .product-section__block p {
    font-family: objektiv-mk1, sans-serif;
    font-style: normal;
    font-weight: 300; }
  .section--product .product-section__block .svg-icon {
    float: left;
    width: 48px;
    height: 48px; }
  .section--product .product-box {
    border: 2px solid #999;
    padding: 24px; }
    .section--product .product-box h2 {
      color: #333;
      font-family: objektiv-mk1, sans-serif;
      font-style: normal;
      font-weight: 900; }

.section--support p {
  font-family: objektiv-mk1, sans-serif;
  font-style: normal;
  font-weight: 300; }
.section--support .support-section__block {
  display: block; }
  .section--support .support-section__block i.fa {
    border: 3px solid #CCCCCC; }
  .section--support .support-section__block:hover i.fa {
    color: #DC0000; }
  .section--support .support-section__block h3 {
    font-family: objektiv-mk1, sans-serif;
    font-style: normal;
    font-weight: 900; }

.section--parallax .special-title h2 {
  color: #DC0000;
  font-family: objektiv-mk1, sans-serif;
  font-style: normal;
  font-weight: 800; }
  .section--parallax .special-title h2::after {
    display: none; }

.svg-icon {
  display: inline-block; }

.subscribe-form {
  /* Customize the label (the container) */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */ }
  .subscribe-form #thanks,
  .subscribe-form #error {
    max-width: 500px;
    color: #ffffff;
    padding: 8px;
    margin-bottom: 10px; }
    .subscribe-form #thanks p,
    .subscribe-form #error p {
      margin-bottom: 0; }
  .subscribe-form #thanks {
    background-color: #28a745; }
  .subscribe-form #error {
    background-color: #DC0000; }
  .subscribe-form input[type="text"], .subscribe-form input[type="password"], .subscribe-form input[type="date"], .subscribe-form input[type="datetime"], .subscribe-form input[type="datetime-local"], .subscribe-form input[type="month"], .subscribe-form input[type="week"], .subscribe-form input[type="email"], .subscribe-form input[type="number"], .subscribe-form input[type="search"], .subscribe-form input[type="tel"], .subscribe-form input[type="time"], .subscribe-form input[type="url"], .subscribe-form textarea {
    border: 2px solid #e6e6e6; }
    .subscribe-form input[type="text"]:focus, .subscribe-form input[type="password"]:focus, .subscribe-form input[type="date"]:focus, .subscribe-form input[type="datetime"]:focus, .subscribe-form input[type="datetime-local"]:focus, .subscribe-form input[type="month"]:focus, .subscribe-form input[type="week"]:focus, .subscribe-form input[type="email"]:focus, .subscribe-form input[type="number"]:focus, .subscribe-form input[type="search"]:focus, .subscribe-form input[type="tel"]:focus, .subscribe-form input[type="time"]:focus, .subscribe-form input[type="url"]:focus, .subscribe-form textarea:focus {
      border: 2px solid #DC0000; }
  .subscribe-form .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 22px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .subscribe-form .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .subscribe-form .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 2px solid #e6e6e6; }
  .subscribe-form .container input:checked ~ .checkmark {
    border: 2px solid #DC0000; }
  .subscribe-form .checkmark:after {
    content: "";
    position: absolute;
    display: none; }
  .subscribe-form .container input:checked ~ .checkmark:after {
    display: block; }
  .subscribe-form .container .checkmark:after {
    left: 7px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid #DC0000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .subscribe-form p {
    font-family: objektiv-mk1, sans-serif;
    font-style: normal;
    font-weight: 300; }

.main-bg {
  background-image: url("/images/iotninja-bg.png");
  /* The image used */
  background-color: #000000;
  /* Used if the image is unavailable */
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: 100% auto !important; }

.card {
  margin-bottom: 30px; }