body.bg-light{color:#1E2761 !important; background: #edeef7 !important;}
.color0 {color:#ffffff !important;}
.color1 {color:#000000 !important;}
.color2 {color:#d74442 !important;}
.color3 {color:#0483ab !important;}
.color4 {color:#07cfdf !important;}
.color5 {color:#CEE9EE !important;}
.color6 {color:#DE9C2B !important;}
.color7 {color:#EBCD91 !important;}

.bg-dark {background-color: #000000 !important;}
.bg-medium {background-color: #8f8f8f !important;}
.bg-light {background-color: #f9f9f9 !important;}
.bg-orange {background-color: #ff6a18 !important;}
.bg-white {background-color: #ffffff !important;}
.bg-color2 {background-color:#d74442 !important;}
.bg-color4 {background-color:#2583ab !important;}


/*
 * HOME
 */

.product-device {
    position: absolute;
    right: 10%;
    bottom: -30%;
    width: 300px;
    height: 540px;
    background-color: #333;
    border-radius: 21px;
    transform: rotate(30deg);
}

.product-device::before {
    position: absolute;
    top: 10%;
    right: 10px;
    bottom: 10%;
    left: 10px;
    content: "";
    background-color: rgba(255, 255, 255, .1);
    border-radius: 5px;
}

.product-device-2 {
    top: -25%;
    right: auto;
    bottom: 0;
    left: 5%;
    background-color: #e5e5e5;
}


/*
 * Extra utilities
 */

.flex-equal > * {
    flex: 1;
}
@media (min-width: 768px) {
    .flex-md-equal > * {
        flex: 1;
    }
}
/* BACK  TO TOP ------- */
#back-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 45px;
    height: 45px;
    background-color: #ff7310;
    color: #000;
    text-decoration: none;
    border-radius: 25px;
    opacity: .8;
    transition: opacity .5s;
    display: none;
}
#back-to-top:hover {
    opacity: 1;
}
#back-to-top .ico {
    display: flex;
    justify-content: center;
    align-items: center;
}
#back-to-top .ico i {line-height: 43px;}

/* TOOTLTIPS ------ */
.tooltip-qm {
  float: left;
  margin: -2px 0px 3px 4px;
  font-size: 12px;
}

.tooltip-inner {
  font-size: 10px;
  font-weight: 600;
  /*padding: 10px 15px 10px 20px;*/
  background: #1E2761 ;
  color: #07cfdf;
  text-align: left;
}
/*.tooltip-arrow {border-bottom-color: #1E2761;}*/
/*.tooltip.bs-tooltip-top .tooltip-arrow {*/
/*    border-top-color: #1E2761;*/
/*}*/
.bs-tooltip-top[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #1E2761;
  /* Red */
}