nav {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    font-size: 1.3rem;
}

.nav-link {
    color: rgba(0,0, 0, 0.7) !important;
}

.nav-link:hover {
    color: rgb(0, 0, 0) !important;
}

.nav-link.active {
  color: rgba(0,0, 0, 1) !important;
  text-decoration: underline;
}

nav .main-top-nav {
    font-size: 1.5rem;
    font-weight: 600;
}

nav .sub-top-nav {
    line-height: 1rem;
    font-size: 1.2rem;
}

.navbar .container {
    align-items: left;
}

@media only screen and (min-width: 1280px) {

    .navbar .container {
        width: 1100px;
    }
}

@media only screen and (max-width: 1280px) {
    nav {
        font-size: 1rem;
    }

    .logo {
        max-width: 350px;
    }
}

@media only screen and (max-width: 768px) {
    .navbar-brand {
        margin-right: 3em;
    }
}

.navbar {
    background-color: rgba(255, 255, 255, 1);
}

@media only screen and (min-width: 320px) {
    .navbar-toggler-right {
        top: 15px;
    }
}

body {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.3rem;
}

.footer {
    position: static;
    bottom: 0;
    width: 100%;
    padding: 20px 0;
    background-color: #111111;
    z-index: 1;
    color: #ffffff;
}

.footer-start {
    background: #111111;
    position: relative;
    z-index: 1;
}

.footer-end {
    background: #111111;
    position: relative;
    z-index: 1;
}

.footer-end:before {
    background: inherit;
    top: 0;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(-1.4deg);
    transform-origin: -0%;
    z-index: -1;
}

.footer-start:before {
    background: inherit;
    top: 0;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(1.2deg);
    transform-origin: 150%;
    z-index: -1;
}

.container .text-muted {
    margin: 20px 0;
}

.underline {
    text-decoration: underline;
}

.table {
    margin-bottom: 0;
}


/* Pricing table */


/* coming soon */

.table .fa-check {
    font-size: 1em;
}

.table a {
    text-decoration: underline;
}

#content-area>article.base>div>div.data-table>div.table-aside>div>div.t-row.row-0>div,
#content-area>article>div>div.data-table>div.table-aside>div>div.t-row.row-0>div {
    background-color: white;
    border: 1px solid;
}

div.t-row.row-0.head>div {
    background-color: white;
    color: black;
    border: 0;
}




/* Forms */

.form-control {
    border-radius: 0;
}

.btn {
    cursor: pointer;
}

.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
}

.contact-form {
    margin-bottom: 60px;
    font-size: .8em;
    color: #636c72;
}

label.error {
    color: #fed82c;
}

#contact-form {
  margin-bottom: 2em;
}

.contact-form li {
    list-style: none;
}

.contact-form ul {
    padding-left: 10px;
}

.card {
    border: 0;
    border-radius: 0;
    background: none;
    color: #c2c2c2;
}

.yellowfin-card-image {
    height: 48px;
    display: block;
    margin: 0 0 10px;
}

.toustone-card-image {
    height: 43px;
    margin-bottom: 1em;
}

.fa.yf {
    padding-right: 1em;
}

.fa.to {
    padding-right: 1em;
}

.cut {
  -webkit-clip-path: polygon(0 0, 1600px 0, 1600px 87%, 0 100%);
  clip-path: polygon(0 0, 50% 5%, 100% 0, 100% 100%, 0 100%);
}

.alert {
    border-radius: 0;
}

/* Loading spinner */
#spin-wrapper {
  /*background-color: rgba(0,0,0,0.4);*/
  z-index: 10000;
  /*position: fixed;*/
  width: 100%;
  height: 72px;
  display: flex;
  top: 72px;
}

.sk-folding-cube {
  margin: auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0087c0;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}