@charset "UTF-8";
/*
 *
 *  𝗖 𝗢 𝗟 𝗢 𝗥
 *  v 1.4.0
 *
 *  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
  /*  General
 *  ─────────────────────────────────── */
  --oc-white: #ffffff;
  --oc-black: #000000;
  /*  Gray
 *  ─────────────────────────────────── */
  --oc-gray-0: #f8f9fa;
  --oc-gray-1: #f1f3f5;
  --oc-gray-2: #e9ecef;
  --oc-gray-3: #dee2e6;
  --oc-gray-4: #ced4da;
  --oc-gray-5: #adb5bd;
  --oc-gray-6: #868e96;
  --oc-gray-7: #495057;
  --oc-gray-8: #343a40;
  --oc-gray-9: #212529;
  /*  Red
 *  ─────────────────────────────────── */
  --oc-red-0: #fff5f5;
  --oc-red-1: #ffe3e3;
  --oc-red-2: #ffc9c9;
  --oc-red-3: #ffa8a8;
  --oc-red-4: #ff8787;
  --oc-red-5: #ff6b6b;
  --oc-red-6: #fa5252;
  --oc-red-7: #f03e3e;
  --oc-red-8: #e03131;
  --oc-red-9: #c92a2a;
  /*  Pink
 *  ─────────────────────────────────── */
  --oc-pink-0: #fff0f6;
  --oc-pink-1: #ffdeeb;
  --oc-pink-2: #fcc2d7;
  --oc-pink-3: #faa2c1;
  --oc-pink-4: #f783ac;
  --oc-pink-5: #f06595;
  --oc-pink-6: #e64980;
  --oc-pink-7: #d6336c;
  --oc-pink-8: #c2255c;
  --oc-pink-9: #a61e4d;
  /*  Grape
 *  ─────────────────────────────────── */
  --oc-grape-0: #f8f0fc;
  --oc-grape-1: #f3d9fa;
  --oc-grape-2: #eebefa;
  --oc-grape-3: #e599f7;
  --oc-grape-4: #da77f2;
  --oc-grape-5: #cc5de8;
  --oc-grape-6: #be4bdb;
  --oc-grape-7: #ae3ec9;
  --oc-grape-8: #9c36b5;
  --oc-grape-9: #862e9c;
  /*  Violet
 *  ─────────────────────────────────── */
  --oc-violet-0: #f3f0ff;
  --oc-violet-1: #e5dbff;
  --oc-violet-2: #d0bfff;
  --oc-violet-3: #b197fc;
  --oc-violet-4: #9775fa;
  --oc-violet-5: #845ef7;
  --oc-violet-6: #7950f2;
  --oc-violet-7: #7048e8;
  --oc-violet-8: #6741d9;
  --oc-violet-9: #5f3dc4;
  /*  Indigo
 *  ─────────────────────────────────── */
  --oc-indigo-0: #edf2ff;
  --oc-indigo-1: #dbe4ff;
  --oc-indigo-2: #bac8ff;
  --oc-indigo-3: #91a7ff;
  --oc-indigo-4: #748ffc;
  --oc-indigo-5: #5c7cfa;
  --oc-indigo-6: #4c6ef5;
  --oc-indigo-7: #4263eb;
  --oc-indigo-8: #3b5bdb;
  --oc-indigo-9: #364fc7;
  /*  Blue
 *  ─────────────────────────────────── */
  --oc-blue-0: #e8f7ff;
  --oc-blue-1: #ccedff;
  --oc-blue-2: #a3daff;
  --oc-blue-3: #72c3fc;
  --oc-blue-4: #4dadf7;
  --oc-blue-5: #329af0;
  --oc-blue-6: #228ae6;
  --oc-blue-7: #1c7cd6;
  --oc-blue-8: #1b6ec2;
  --oc-blue-9: #1862ab;
  /*  Cyan
 *  ─────────────────────────────────── */
  --oc-cyan-0: #e3fafc;
  --oc-cyan-1: #c5f6fa;
  --oc-cyan-2: #99e9f2;
  --oc-cyan-3: #66d9e8;
  --oc-cyan-4: #3bc9db;
  --oc-cyan-5: #22b8cf;
  --oc-cyan-6: #15aabf;
  --oc-cyan-7: #1098ad;
  --oc-cyan-8: #0c8599;
  --oc-cyan-9: #0b7285;
  /*  Teal
 *  ─────────────────────────────────── */
  --oc-teal-0: #e6fcf5;
  --oc-teal-1: #c3fae8;
  --oc-teal-2: #96f2d7;
  --oc-teal-3: #63e6be;
  --oc-teal-4: #38d9a9;
  --oc-teal-5: #20c997;
  --oc-teal-6: #12b886;
  --oc-teal-7: #0ca678;
  --oc-teal-8: #099268;
  --oc-teal-9: #087f5b;
  /*  Green
 *  ─────────────────────────────────── */
  --oc-green-0: #ebfbee;
  --oc-green-1: #d3f9d8;
  --oc-green-2: #b2f2bb;
  --oc-green-3: #8ce99a;
  --oc-green-4: #69db7c;
  --oc-green-5: #51cf66;
  --oc-green-6: #40c057;
  --oc-green-7: #37b24d;
  --oc-green-8: #2f9e44;
  --oc-green-9: #2b8a3e;
  /*  Lime
 *  ─────────────────────────────────── */
  --oc-lime-0: #f4fce3;
  --oc-lime-1: #e9fac8;
  --oc-lime-2: #d8f5a2;
  --oc-lime-3: #c0eb75;
  --oc-lime-4: #a9e34b;
  --oc-lime-5: #94d82d;
  --oc-lime-6: #82c91e;
  --oc-lime-7: #74b816;
  --oc-lime-8: #66a80f;
  --oc-lime-9: #5c940d;
  /*  Yellow
 *  ─────────────────────────────────── */
  --oc-yellow-0: #fff9db;
  --oc-yellow-1: #fff3bf;
  --oc-yellow-2: #ffec99;
  --oc-yellow-3: #ffe066;
  --oc-yellow-4: #ffd43b;
  --oc-yellow-5: #fcc419;
  --oc-yellow-6: #fab005;
  --oc-yellow-7: #f59f00;
  --oc-yellow-8: #f08c00;
  --oc-yellow-9: #e67700;
  /*  Orange
 *  ─────────────────────────────────── */
  --oc-orange-0: #fff4e6;
  --oc-orange-1: #ffe8cc;
  --oc-orange-2: #ffd8a8;
  --oc-orange-3: #ffc078;
  --oc-orange-4: #ffa94d;
  --oc-orange-5: #ff922b;
  --oc-orange-6: #fd7e14;
  --oc-orange-7: #f76707;
  --oc-orange-8: #e8590c;
  --oc-orange-9: #d9480f; }

/* Body */
body {
  background-color: #111;
  transition: all .2s linear;
  font-family: 'Roboto', Arial, Sans-serif;
  color: #333;
  line-height: 1.6; }

/* Colors */
/* Links + Buttons */
a, button {
  transition: all .2s linear;
  color: #e78200; }
  a:focus, button:focus {
    color: #e78200;
    text-decoration: none; }
  a:hover, button:hover {
    text-decoration: underline;
    color: #e78200; }

.btn {
  border-radius: 2px; }

.btn-primary {
  background-color: #e78200;
  border-color: #e78200; }
  .btn-primary:hover, .btn-primary:hover:focus {
    background-color: #333;
    border-color: #333;
    outline: none; }
  .btn-primary:focus {
    background-color: #e78200;
    border-color: #e78200; }

.btn-secondary {
  background-color: transparent;
  border-color: #e78200;
  color: #e78200; }
  .btn-secondary:hover, .btn-secondary:hover:focus {
    background-color: #e78200;
    border-color: #e78200;
    color: #fff; }
  .btn-secondary:focus {
    background-color: transparent;
    border-color: #e78200;
    color: #e78200; }

/* Typography */
p, ul {
  font-weight: 400;
  margin-bottom: 20px; }

h1, h2, h3, h4, h5 {
  line-height: 1.6;
  margin-bottom: 10px;
  color: #111; }

h2 {
  margin-top: 0;
  font-weight: 700;
  font-size: 26px; }

h3 {
  font-weight: 700;
  font-size: 24px; }

h4 {
  font-weight: 700;
  font-size: 20px; }

h5 {
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 0; }

hr {
  margin: 30px 0; }

/* Forms */
.form-group {
  margin-bottom: 20px; }
  .form-group .form-control {
    border-radius: 2px;
    color: #333; }

/* Alerts */
.alert-success {
  background-color: var(--oc-green-0);
  border-color: var(--oc-green-2);
  color: #333; }
  .alert-success i {
    color: var(--oc-green-7); }

.alert-danger {
  background-color: var(--oc-red-0);
  border-color: var(--oc-red-2);
  color: #333; }
  .alert-danger i {
    color: var(--oc-red-7); }

.mb-30 {
  margin-bottom: 30px; }

.mb-25 {
  margin-bottom: 25px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-5 {
  margin-bottom: 5px; }

.mt-30 {
  margin-top: 30px; }

.mt-25 {
  margin-top: 25px; }

.mt-20 {
  margin-top: 20px; }

.mt-15 {
  margin-top: 15px; }

.mt-10 {
  margin-top: 10px; }

.mt-5 {
  margin-top: 5px; }

.ml-30 {
  margin-left: 30px; }

.ml-25 {
  margin-left: 25px; }

.ml-20 {
  margin-left: 20px; }

.ml-15 {
  margin-left: 15px; }

.ml-10 {
  margin-left: 10px; }

.ml-5 {
  margin-left: 5px; }

.mr-30 {
  margin-right: 30px; }

.mr-25 {
  margin-right: 25px; }

.mr-20 {
  margin-right: 20px; }

.mr-15 {
  margin-right: 15px; }

.mr-10 {
  margin-right: 10px; }

.mr-5 {
  margin-right: 5px; }

.rounded {
  border-radius: 2px; }

.header {
    background-color: var(--oc-gray-2);
    width: 100%;
    padding: 20px 0;
}
  .header .logo a {
    display: block; }
    .header .logo a img {
      /*max-width: 330px;*/ 

    }
      @media (min-width: 768px) {
        .header .logo a img {
          margin-top: 5px; } }
.header .logo .nav-toggle {
    background: none;
    border: none;
    padding: 0;
    color: #e78200;
}
  .header .navbar {
    background: none;
    padding: 0; }
    .header .navbar .nav .nav-link {
        color: #e78200;
        padding: 30px 10px;
        font-size: 20px;
    }
      .header .navbar .nav .nav-link:hover {
        color: #e78200;
        text-decoration: underline; }
    .header .navbar .nav .active .nav-link {
      color: #222; }
    .header .navbar .nav .dropdown-menu {
      border-radius: 2px;
      padding: 5px 10px; }
      .header .navbar .nav .dropdown-menu .dropdown-item {
        color: #e78200;
        padding: 5px 0; }
        .header .navbar .nav .dropdown-menu .dropdown-item:hover, .header .navbar .nav .dropdown-menu .dropdown-item:focus {
          background-color: #fff;
          text-decoration: underline; }
    @media (max-width: 768px) {
      .header .navbar .nav {
        border-top: 1px solid #222;
        margin: 20px 0 0 0;
        padding: 10px 0 0 0; } }

.footer {
  padding: 30px 0 10px 0;
  background-color: #111; }
  .footer p, .footer ul {
    font-size: 14px;
    color: #fff; }
  .footer a {
    color: #fff; }
    .footer a:hover {
      color: #e78200; }
  .footer ul li {
    padding-right: 5px; }
    .footer ul li:last-child {
      padding-right: 0; }

.hero {
  background-color: var(--oc-gray-2);
  border-bottom: 1px solid var(--oc-gray-3);
  padding: 60px 0 0 0; }
  .hero h1 {
    color: #000;
    text-align: center;
    font-size: 35px;
    font-weight: 400; }
    .hero h1 span {
      font-weight: 700; }
  .hero p {
    text-align: center; }

.testimonials {
  background-color: #e78200;
  padding: 60px 0;
  color: #fff;
  text-align: center;
  font-size: 18px; }
  .testimonials .author {
    font-weight: 700; }

.contact {
  background-color: var(--oc-gray-2);
  border-top: 1px solid var(--oc-gray-3);
  padding: 60px 0; }

.content {
    padding: 60px 0;
    background-color: var(--oc-gray-2);}
  .content a.toggle {
    color: #e78200; }
    .content a.toggle:hover {
      color: #e78200;
      cursor: pointer;
      text-decoration: underline; }
  .content .list-side-nav li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 45px;
    padding: 0 5px; }
    .content .list-side-nav li a {
      color: #111;
      display: block; }
      .content .list-side-nav li a.active {
        color: #FF4136; }
        .content .list-side-nav li a.active:after {
          font-family: FontAwesome;
          content: '\f054';
          float: right; }
        .content .list-side-nav li a.active:hover {
          text-decoration: none; }
  .content .card-black {
    background-color: #111; }

.card .card-blockquote p {
  margin-bottom: 0; }


#uptime {
    background-color: #5cb85c;
    color: #fff;
    font-weight: bold;
    padding: 8px 10px;
    display: inline;
    float: right;
    font-size: 22px;
}

.status {
    float: right;
}

.footer-list li {
    float: left;
}