@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
* {
  box-sizing: border-box !important;
  font-family: 'Roboto', sans-serif; }

a {
  text-decoration: none !important;
  color: #FFF !important;
  border: none !important; }

a:hover {
  color: #ff0000 !important; }

li {
  list-style: none !important; }

body {
  min-height: 200px;
  background-color: #f3f3f3 !important; }

::selection {
  background-color: #858585 !important;
  color: #FFF !important; }

/* width */
::-webkit-scrollbar {
  width: 10px; }

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #aa0000; }

.butn, .navbar.nav-fixed-to .collapse .buttons .butn {
  color: #000000;
  background-color: #FFF;
  border: 1px solid #a5a5a5 !important;
  cursor: pointer;
  padding: 5px 15px; }

.butn:hover, .navbar.nav-fixed-to .collapse .buttons .butn:hover {
  color: #FFF;
  background-color: #aa0000;
  cursor: pointer;
  border: 1px solid #aa0000; }

.active a {
  color: #ff0000 !important; }

.cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.transition, * {
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s; }

/*Scroll To top*/
.scroll-to-top {
  position: fixed;
  bottom: 100px;
  right: 10px;
  color: #FFF;
  background-color: #808080ad;
  padding: 6px 12px;
  cursor: pointer;
  z-index: 999; }

.navbar {
  position: relative;
  height: 4.5rem;
  background-color: #000000; }
  .navbar .container {
    position: relative; }
    .navbar .container .navbar-brand {
      top: -20px;
      background-color: #FFF;
      position: absolute;
      padding: 5px 15px;
      box-shadow: 0px 0px 3px 1px #575757;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      z-index: 99; }
      @media (max-width: 575px) {
        .navbar .container .navbar-brand {
          top: -20px; } }
      .navbar .container .navbar-brand img {
        width: 60px; }
    .navbar .container .navbar-toggler {
      margin-left: auto !important;
      overflow: hidden; }
      .navbar .container .navbar-toggler span {
        color: #FFF !important;
        z-index: 9999 !important; }
  @media (max-width: 768px) {
    .navbar .navbar-collapse {
      top: 120px !important;
      position: absolute !important; } }
  .navbar .collapse .navbar-nav .nav-item .dropdown-toggle::after {
    display: none !important; }
  .navbar .collapse .navbar-nav .nav-item .dropdown-menu {
    z-index: 9999 !important; }
    .navbar .collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
      border-bottom: 1px solid #aa0000 !important; }
  .navbar .collapse .buttons .butn, .navbar.nav-fixed-to .collapse .buttons .butn {
    color: #FFF !important;
    background-color: #aa0000 !important;
    border: 1px solid #aa0000 !important; }
    .navbar .collapse .buttons .butn:hover, .navbar.nav-fixed-to .collapse .buttons .butn:hover {
      color: #000000 !important;
      background-color: #FFF !important; }
  .navbar.nav-fixed-to {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    background-color: #000000 !important;
    z-index: 9999 !important;
    width: 100% !important;
    cursor: pointer;
    box-shadow: 0px 0px 5px 0px #222222;
    transition: all ease-in-out 0.4s;
    padding: -15px 0; }
    .navbar.nav-fixed-to * {
      transition: all ease-in-out 0.4s !important; }
    @media (max-width: 575px) {
      .navbar.nav-fixed-to * {
        text-align: center !important; } }
    .navbar.nav-fixed-to .navbar-brand img {
      width: 50px !important; }
    .navbar.nav-fixed-to .navbar-toggler {
      color: #ff0000 !important; }
      .navbar.nav-fixed-to .navbar-toggler:hover {
        background-color: none !important;
        color: #FFF !important; }
        .navbar.nav-fixed-to .navbar-toggler:hover span {
          color: #FFF !important; }
    .navbar.nav-fixed-to a {
      color: #FFF !important; }
      .navbar.nav-fixed-to a:hover {
        color: #ff0000 !important; }
    .navbar.nav-fixed-to .collapse .follow-us {
      width: 100% !important; }
      .navbar.nav-fixed-to .collapse .follow-us span {
        color: #686868; }
        @media (max-width: 575px) {
          .navbar.nav-fixed-to .collapse .follow-us span * {
            text-align: center !important; } }
      .navbar.nav-fixed-to .collapse .follow-us a {
        margin: 0 5px;
        color: #686868 !important; }
        .navbar.nav-fixed-to .collapse .follow-us a:hover {
          color: #ff0000 !important; }

.news-ticker {
  overflow: hidden;
  background-color: #f6f6f6;
  border: none !important; }
  .news-ticker:hover {
    background-color: #d3d3d3; }
  .news-ticker .ui-newsticker {
    background: none !important; }
    .news-ticker .ui-newsticker:hover {
      background-color: none !important; }
    .news-ticker .ui-newsticker .ui-newsticker-list {
      width: 100%; }
      .news-ticker .ui-newsticker .ui-newsticker-list .ui-newsticker-item {
        margin: 0px !important;
        position: relative;
        left: 5.3rem; }

.carousel, .carousel-internal1 {
  position: relative !important;
  height: 450px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  text-align: left;
  position: relative; }
  .carousel::after, .carousel-internal1::after {
    background-image: url("../img/carousel/chart.png");
    content: "";
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    opacity: 0.8; }
  .carousel .overlay, .carousel-internal1 .overlay {
    position: absolute;
    height: 100% !important;
    width: 100% !important;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.678) !important;
    z-index: -1 !important; }
  .carousel .container .text, .carousel-internal1 .container .text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    color: #FFF; }
    .carousel .container .text .spancolor, .carousel-internal1 .container .text .spancolor {
      color: #aa0000; }
  .carousel .container .image, .carousel-internal1 .container .image {
    position: relative;
    z-index: 999; }
    .carousel .container .image img, .carousel-internal1 .container .image img {
      z-index: 999;
      position: absolute;
      right: -40px;
      top: 256px; }
  .carousel .fade-in, .carousel-internal1 .fade-in {
    height: 450px !important;
    min-width: auto !important;
    padding: 200px 0 0 0 !important;
    position: relative;
    z-index: 99 !important; }
    .carousel .fade-in iframe, .carousel-internal1 .fade-in iframe {
      color: #000000; }
      .carousel .fade-in iframe canvas#background-bar, .carousel-internal1 .fade-in iframe canvas#background-bar {
        color: #FFF !important;
        color: #000000; }
        .carousel .fade-in iframe canvas#background-bar .background-chart, .carousel-internal1 .fade-in iframe canvas#background-bar .background-chart {
          color: #000000; }

.newtick {
  position: relative; }
  .newtick .jctkr-label {
    position: absolute;
    z-index: 111;
    top: 49.9%;
    transform: translateY(-50%);
    background-color: #ff0000df;
    color: #FFF;
    padding: 18px 20px;
    cursor: pointer; }
  .newtick .jctkr-wrapper {
    height: 60px !important;
    background: linear-gradient(180deg, #FFF, #e6e6e6); }
    .newtick .jctkr-wrapper ul li {
      border-right: 2px solid #c5c5c5 !important;
      padding-top: 7px !important;
      margin-top: 0px !important; }
      .newtick .jctkr-wrapper ul li .row .info {
        overflow: hidden; }
        .newtick .jctkr-wrapper ul li .row .info p {
          font-size: 13px;
          color: #818181; }
      .newtick .jctkr-wrapper ul li .row .indicator {
        overflow: hidden; }
        .newtick .jctkr-wrapper ul li .row .indicator p {
          font-size: 12px; }
        .newtick .jctkr-wrapper ul li .row .indicator .arrow img {
          width: 25px !important; }

.industry {
  overflow: hidden !important;
  text-align: center; }
  .industry .container {
    margin-top: 3rem; }
    .industry .container h2 {
      margin-bottom: 50px;
      position: relative; }
      .industry .container h2::after {
        border-bottom: 1px solid #000000;
        content: "";
        position: absolute;
        top: 120%;
        left: 50%;
        transform: translateX(-50%);
        right: 0px;
        bottom: 100px;
        width: 30%;
        z-index: -1; }
    .industry .container .row {
      justify-content: center;
      cursor: pointer; }
      .industry .container .row .incard {
        text-align: center;
        background-color: #FFF !important;
        margin-right: 10px;
        padding: 20px 15px 0px;
        box-shadow: 0px 0px 10px 2px #ebebeb;
        border-radius: 7px; }
        .industry .container .row .incard:hover {
          box-shadow: 0px 0px 10px 1px gray; }
        .industry .container .row .incard p {
          padding: 10px 20px;
          text-align: left; }

.solutions {
  background-color: #444444;
  color: #FFF;
  margin-top: 5rem;
  padding: 3rem 0px;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.61), rgba(0, 0, 0, 0.63)), url("../img/solutions/12.jpg"); }
  .solutions .image img {
    width: 90%;
    position: relative;
    top: 65px; }
    @media (max-width: 575px) {
      .solutions .image img {
        top: 0px;
        padding: 20px 0; } }

.features {
  overflow: hidden; }
  .features .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 20vh;
    grid-gap: 1rem;
    grid-auto-flow: dense;
    padding: 2rem; }
    @media (max-width: 575px) {
      .features .grid {
        display: block; } }
  .features .item {
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 50px;
    padding-top: 100px;
    overflow: hidden; }
  .features .new1 {
    grid-row: auto / span 2;
    background-color: #FFCD94;
    background-image: linear-gradient(90deg, #000000a1, #00000081), url("../img/features/1.jpg");
    background-size: cover;
    color: #FFF; }
  .features .new2 {
    grid-row: auto / span 2;
    background-color: #FFC9C9;
    background-image: linear-gradient(90deg, #000000a1, #00000081), url("../img/features/2.jpg");
    background-size: cover;
    color: #FFF; }
  .features .new3 {
    grid-column: auto / span 1;
    grid-row: auto / span 2;
    background-color: #ECCBFF;
    background-image: linear-gradient(90deg, #000000a1, #00000081), url("../img/features/3.jpg");
    background-size: cover;
    color: #FFF; }
  .features .new4 {
    grid-row: auto / span 4;
    background-color: #FFEFA1;
    padding-top: 250px;
    background-image: linear-gradient(90deg, #000000a1, #00000081), url("../img/features/4.jpg");
    background-size: cover;
    color: #FFF; }
  .features .new5 {
    grid-column: auto / span 2;
    grid-row: auto / span 2;
    background-color: #444444;
    color: #FFF;
    position: relative;
    background-image: linear-gradient(90deg, #000000a1, #00000081), url("../img/features/5.jpg");
    background-size: cover;
    color: #FFF; }
    .features .new5 .feat {
      background: #FFF;
      color: #000;
      position: absolute;
      top: 0px;
      right: 50px;
      padding: 5px 10px; }
  .features .new6 {
    grid-row: auto / span 2;
    background-image: linear-gradient(90deg, #000000a1, #00000081), url("../img/features/5.jpg");
    background-size: cover;
    color: #FFF; }

.learn-more {
  position: relative;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.918), rgba(0, 0, 0, 0.616)), url("../img/learn-more/building.jpg");
  height: 450px;
  width: 100%;
  background-size: cover;
  color: #FFF;
  background-repeat: no-repeat !important;
  display: flex;
  align-items: center !important; }
  .learn-more video {
    position: absolute; }
  .learn-more img {
    width: 100%;
    height: 100%; }
  .learn-more .butn, .learn-more .navbar.nav-fixed-to .collapse .buttons .butn, .navbar.nav-fixed-to .collapse .buttons .learn-more .butn {
    padding: 12px 20px !important;
    font-size: 18px; }
    .learn-more .butn:hover, .learn-more .navbar.nav-fixed-to .collapse .buttons .butn:hover, .navbar.nav-fixed-to .collapse .buttons .learn-more .butn:hover {
      border: 1px solid #aa0000 !important; }

.testimonials {
  background: url("../img/testimonials/bg.jpg");
  min-height: 600px !important;
  background-size: cover;
  background-position: center bottom;
  display: flex;
  align-items: center; }
  @media (max-width: 575px) {
    .testimonials {
      overflow: hidden;
      position: relative; } }
  .testimonials .container .blog h2 {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 50px; }
  .testimonials .container .blog .carousel, .testimonials .container .blog .carousel-internal1 {
    height: 380px !important; }
    .testimonials .container .blog .carousel .carousel-indicators, .testimonials .container .blog .carousel-internal1 .carousel-indicators {
      left: 25px !important;
      top: auto;
      bottom: 0px; }
      .testimonials .container .blog .carousel .carousel-indicators li, .testimonials .container .blog .carousel-internal1 .carousel-indicators li {
        background: #ffffff;
        border-radius: 50%;
        width: 12px;
        height: 12px; }
      .testimonials .container .blog .carousel .carousel-indicators .active, .testimonials .container .blog .carousel-internal1 .carousel-indicators .active {
        background-color: #aa0000 !important; }
    .testimonials .container .blog .carousel .carousel-inner .carousel-item .row .card, .testimonials .container .blog .carousel-internal1 .carousel-inner .carousel-item .row .card {
      box-shadow: 0px 0px 4px -1px #a5a5a5; }
      .testimonials .container .blog .carousel .carousel-inner .carousel-item .row .card .row .image, .testimonials .container .blog .carousel-internal1 .carousel-inner .carousel-item .row .card .row .image {
        width: 50% !important; }
        .testimonials .container .blog .carousel .carousel-inner .carousel-item .row .card .row .image .card-img-top, .testimonials .container .blog .carousel-internal1 .carousel-inner .carousel-item .row .card .row .image .card-img-top {
          width: 100% !important; }
      .testimonials .container .blog .carousel .carousel-inner .carousel-item .row .card .row .title h6, .testimonials .container .blog .carousel-internal1 .carousel-inner .carousel-item .row .card .row .title h6 {
        font-weight: bold; }
      .testimonials .container .blog .carousel .carousel-inner .carousel-item .row .card .row .title p, .testimonials .container .blog .carousel-internal1 .carousel-inner .carousel-item .row .card .row .title p {
        font-size: 12px;
        font-weight: bold;
        color: #949494; }

/* The colour of the indicators */
/*Start our Client*/
.clients {
  margin: 100px auto 100px !important;
  position: relative; }
  .clients h2 {
    margin-bottom: 100px;
    font-size: 30px;
    font-weight: bolder; }
    .clients h2::before {
      content: '- '; }
    .clients h2::after {
      content: ' -'; }
  .clients .customer-logos img {
    width: 120px !important; }

.partners {
  background-color: #000000;
  position: relative !important;
  justify-content: center !important;
  border-bottom: 2px solid #aa0000; }
  .partners .js-conveyor-example {
    height: 90px !important; }
    .partners .js-conveyor-example ul {
      padding: 15px 0px !important;
      align-items: center !important; }
      .partners .js-conveyor-example ul li {
        margin: 0px 50px; }
        .partners .js-conveyor-example ul li .images img {
          width: 150px !important; }

.carousel-internal1 {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.609), rgba(0, 0, 0, 0.602)), url("../img/carousel/internal-page/building2.jpg");
  height: 350px !important; }

.internal-content {
  margin: 50px 0; }
  .internal-content .container .icon img {
    border: 3px solid #aa0000;
    border-radius: 50%;
    padding: 50px;
    width: 250px; }

.footer {
  position: relative;
  background-color: #292929;
  padding: 20px 0px;
  text-align: left !important;
  display: flex;
  justify-content: center !important; }
  @media (min-width: 1200px) {
    .footer {
      padding-left: 50px; } }
  .footer .row {
    display: flex !important; }
    .footer .row h4 {
      color: #FFF;
      margin-left: 30px; }
    .footer .row ul li::before {
      content: "\f054";
      font-family: 'Font Awesome\ 5 Free';
      font-weight: 900;
      font-size: 12px;
      padding-right: 5px;
      color: #FFF; }
    .footer .row ul li a {
      font-size: 14px !important; }

.rights {
  background-color: #000 !important;
  border-top: 2px solid #aa0000;
  color: #FFF;
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 14px; }

/*# sourceMappingURL=style.css.map */