body
{
    font-size: 0.92em;
}

a.navbar-brand img
{
    height: 36px;
    margin-top: -20px;
}

.navbar
{
    border-bottom: 6px solid #f2f2f2; 
    /* #2F5EA9 */
}

hr
{
    opacity: 0.1 !important;
}

.cover {
    height: 50vh;
    background: #0a3573;
    min-height: 500px;
    color: white;
    background-image: linear-gradient(to right, #0a3573 , #0a48a2);
    position: relative;
}

.spacer
{
    margin-top: 6em;
    margin-bottom: 6em;
}

.spacer-t
{
    margin-top: 6em;
}

.spacer-b
{
    margin-bottom: 6em;
}


.bg-tone-1 {
    background-color: #f8fdff;
}

.bg-tone-2 {
    background-color: #fffffa;
}

.bg-tone-3 {
    background-color: #fcfcfc;
}

footer
{
    background-color: #0a3573;
    color: #fff;
    background-image: linear-gradient(to left, #0a3573 , #0a48a2);
    position: relative;
}

footer a, footer i
{
    color: #c7deff !important;
    font-weight: 300 !important;
    text-decoration: none;
}

.copyright {
    color: #c7deff;
    border-top: 1px solid #265292 !important;
}


.text-color-default
{
    color: #333;
}

.text-color-primary
{
    color: #265292 !important;
}

.text-color-secondary
{
    color: #c7deff !important;
}

.badge.title {

    background-color: #265292;
    color: #fff;
    font-weight: normal;
    font-family: 'Raleway', sans-serif !important;
    position:absolute;
    margin-top: -18px;
    padding: 8px 8px;
    padding-right: 14px;
    font-size: 0.9em;
    letter-spacing: 1px;
    border-left: 6px solid #106CCA;

}

.badge.title-delete {

    background-color: #ebf5ff;
    color: #23416fbe;
    font-weight: normal;
    background-image: linear-gradient(to right, #ebf5ff , #ebf5ff3e);
    font-family: 'Raleway', sans-serif !important;
    position:absolute;
    margin-top: -18px;
    padding: 10px 10px;
    padding-right: 20px;
    font-size: 0.9em;
    letter-spacing: 1px;
    border-bottom: 4px solid #265292;

}

.sub-title
{
    color: #0a3573 !important;
    font-weight: 600;
    font-family: 'Raleway', sans-serif !important;
}

.shadow-c {
    box-shadow: 0 .15rem 0.25rem rgba(0,0,0,.175) !important;
}

#products .card
{
    border: none;
    /* border-left: 2px solid #0a3573; */
}

.z-index-10
{
    z-index: 10;
}

img.country
{
    height: 12px;
}


/*
    Scroll offset hack :: https://stackoverflow.com/questions/49331572/offset-scroll-anchor-in-html-with-bootstrap-4-fixed-navbar
*/

html { scroll-padding-top: 190px; }



#service_ .item i
{
    --animate-delay: 2s;
}


/* sliding partner logos */

div.partners img {
    filter_: grayscale(100%);
    scale: 1.1;
}

div.partners {
    overflow: hidden;
    .slider {
      animation: slidein 30s linear infinite;
      white-space: nowrap;
      .logos {
        width: 100%;
        display: inline-block;
        margin: 0px 0;
        .logo {
          /* width: calc(100% / 5); */
          animation: fade-in 0.5s 
            cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
        }
      }
    }
  }
  
  @keyframes slidein {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(-100%, 0, 0);
    }
  }
  
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }