/*****************
Custom bootstrap
*****************/
.mt-6,
.my-6 {
  margin-top: 6rem !important; }

.pb-6,
.py-6 {
  padding-bottom: 6rem !important; }


/*****************
Custom CSS
*****************/
::-moz-selection {
  background-color: #f4ab41;
  color: #000000; }
::selection {
  background-color: #f4ab41;
  color: #000000; }

html, body{
  overscroll-behavior: none;
  min-width: 300px;
}

a:not(.heading-brand) {
  font-weight: 500; }

.font-weight-medium {
  font-weight: 500; }

.heading-brand {
  font-weight: 800;
  font-size: 1.75rem;
}

.heading-brand img{
  display: inline-block;
  height: auto;
  width: 200px;
}

.heading-brand-mobile img{
  width: 80%;
  max-width: 350px;
}

.svg-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center; }

/* Buttons */
.btn {
  box-shadow: 0 4px 6px rgba(255, 255, 0, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); }
  .btn:active, .btn:focus, .btn:focus {
    box-shadow: none !important; }

/*Forms*/
.form-control {
  font-weight: 700; }

/*Feature Grid*/
.feature-grid {
  margin-top: 3rem; }
  .feature-grid .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: row;
        flex-direction: row;
    margin-bottom: 2.5rem; }
    .feature-grid .media .media-body {
      font-size: 1.125rem;
      font-weight: 700; }

/*Press Icons*/
.press-icons img:not(:last-child) {
  margin-right: 4rem;
  margin-bottom: 1rem; }

/*footer*/
footer ul > li:not(:last-child) {
  margin-right: 1.5rem !important; }

footer a {
  color: #000000;
  font-weight: 700; }

/* Icon Boxes */
.icon-box {
  position: relative;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  margin-right: 1rem;
  color: #5cc72a; }
  .icon-box .icon-box-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    padding: 1rem; }

/*Gradients*/
.bg-gradient {
  background: linear-gradient(#f9d860, #ed6e24);
}

/*Code Window*/
.code-window {
  border-radius: .45rem;
  background-color: #ffffff;
  padding: 1.52rem;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1); }
  .code-window .dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start; }
    .code-window .dots div {
      margin-right: .5rem;
      width: .75rem;
      height: .75rem;
      border-radius: 50%;
      background-color: #e9ecef; }
      .code-window .dots div.red {
        background-color: #ff1744; }
      .code-window .dots div.orange {
        background-color: #f6c343; }
      .code-window .dots div.green {
        background-color: #5cc72a; }

/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */
code[class*="language-"],
pre[class*="language-"] {
  color: #000000;
  background: none;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
       tab-size: 4;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none; }

/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
  border-radius: 0.3em; }

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #ffffff; }

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal; }

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray; }

.token.punctuation {
  color: #adb5bd; }

.namespace {
  opacity: .7; }

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #f92672; }

.token.boolean,
.token.number {
  color: #ae81ff; }

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #5cc72a; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: #f8f8f2; }

.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
  color: #ff1744; }

.token.keyword {
  color: #aa00ff; }

.token.regex,
.token.important {
  color: #fd971f; }

.token.important,
.token.bold {
  font-weight: bold; }

.token.italic {
  font-style: italic; }

.token.entity {
  cursor: help; }

pre[class*="language-"].line-numbers {
  position: relative;
  padding-left: 2.5em;
  counter-reset: linenumber; }

pre[class*="language-"].line-numbers > code {
  position: relative;
  white-space: inherit; }

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber; }

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #ced4da;
  display: block;
  padding-right: 0.8em;
  text-align: right; }

.icon-with-text{
  position: relative;
  top: 6px;
}

.line-highlight{
  background-color: rgba(255, 0, 0, 0.2);
}

.line-numbers .alert{
  padding-top: 0 15px 30px;
  margin: 30px 0 0 0;
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable {
  color: #878787;
}