@charset "UTF-8";

* {
  -webkit-font-smoothing: antialiased;
}

.logo {
  font-family: "Nunito";
  font-size: 23px;
  font-weight: 900;
  color: #fff !important;
  text-transform: uppercase;
}

.logo span {
  font-weight: 600;
  color: #fff !important;
}

.footer-menu {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

.footer-menu ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: inline-block;
}

.footer-menu ul li {
  display: inline-block;
  margin: 10px;
  font-size: 16px !important;
  color: #919aaf;
}

.footer-menu ul li a {
  color: #919aaf;
  text-decoration: none;
}

.footer-menu ul li a:hover {
  color: #10d596;
}

.brandcrump-list ol {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  margin-top: 10px;
  color: #fff;
}

.brandcrump-list ol li {
  display: inline-block;
  color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: #fff;
}


.brandcrump-list ol li a {
  color: #fff;
  text-decoration: none;
}

.brandcrump-list ol li.active {
  color: #007bff !important;
}


.content-text {
  overflow: hidden;
  font-size: 18px;
  line-height: 24px;
}

.content-text h1,
.content-text .h1,
.content-text h2,
.content-text .h2,
.content-text h3,
.content-text .h3,
.content-text h4,
.content-text .h4,
.content-text h5,
.content-text .h5,
.content-text h6,
.content-text .h6 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-weight: 600;
  color: #919aaf;
}

.content-text h1 span,
.content-text .h1 span,
.content-text h2 span,
.content-text .h2 span,
.content-text h3 span,
.content-text .h3 span,
.content-text h4 span,
.content-text .h4 span,
.content-text h5 span,
.content-text .h5 span,
.content-text h6 span,
.content-text .h6 span {
  color: #007bff;
}

.content-text h1,
.content-text .h1 {
  font-size: 28px;
}

.content-text h2,
.content-text .h2 {
  font-size: 26px;
}

.content-text h3,
.content-text .h3 {
  font-size: 24px;
}

.content-text h4,
.content-text .h4 {
  font-size: 22px;
}

.content-text h5,
.content-text .h5 {
  font-size: 20px;
}

.content-text h6,
.content-text .h6 {
  font-size: 18px;
}

.content-text strong {
  font-weight: 600;
}

.content-text p {
  font-size: 16px !important;
  line-height: 24px;
  margin-bottom: 20px;
  color: #919aaf;
}

.content-text ol,
.content-text ul {
  margin: 0px;
  margin-bottom: 20px;
  padding-left: 20px;
  list-style: disc;
}

.content-text ol li,
.content-text ul li {
  color: #919aaf;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 5px;
}

.content-text ol li a,
.content-text ul li a {
  color: #919aaf;
}

.content-text ol li a:hover,
.content-text ul li a:hover {
  border-bottom: 1px dotted #919aaf;
}

.content-text ol {
  list-style: decimal;
}

.content-text table {
  max-width: 100%;
  margin-bottom: 15px;
}

.content-text iframe {
  border: none;
  background: none;
  max-width: 100%;
  margin-bottom: 15px;
}

.content-text img {
  display: block;
  max-width: 100%;
  height: auto;
}

.content-text img.alignleft,
.content-text img.pull-left {
  margin-right: 15px;
  margin-bottom: 15px;
}

.content-text img.alignRight,
.content-text img.pull-right {
  margin-left: 15px;
  margin-bottom: 15px;
}

/* ----  */


.content-area {
  background: url(../img/bg/feature-bg.png) top center no-repeat;
  background-size: cover;
  padding: 50px 0px;
}

.content-box {
  background: #ffffff;
  box-shadow: 1px 1px 25px 0 rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  padding: 60px 30px;
  transition: all .4s ease-in-out;
}

.slider {
  background-image: url(../img/bg/clients.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.contact,
.benefits,
.project,
.features {
  padding: 80px 0px
}

.get-started {
  padding: 100px 0px;
}

.project {
  padding-top: 0px;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  color: #474747;
}

.navbar .nav-item.active .nav-link,
.navbar .nav-item .nav-link:hover {
  color: #007bff;
}

.icon {
  font-size: 52px;
}

.icon i {
  background: -moz-linear-gradient(-45deg, rgba(102, 45, 145, 1) 0%, rgba(3, 197, 219, 1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(102, 45, 145, 1)), color-stop(100%, rgba(3, 197, 219, 1)));
  background: -webkit-linear-gradient(-45deg, rgba(102, 45, 145, 1) 0%, rgba(3, 197, 219, 1) 100%);
  background: -o-linear-gradient(-45deg, rgba(102, 45, 145, 1) 0%, rgba(3, 197, 219, 1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(102, 45, 145, 1) 0%, rgba(3, 197, 219, 1) 100%);
  background: linear-gradient(135deg, rgba(102, 45, 145, 1) 0%, rgba(3, 197, 219, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.benefits .box h3 {
  margin: 10px 0px 10px 0px;
}

.slider-sub {
  height: auto;
  padding: 100px 0px 100px 0px;
}


@media only screen and (max-width:1199px) {}

@media only screen and (max-width:991px) {}

@media only screen and (max-width:767px) {
  .logo {
    font-size: 20px;
  }

  .content-box {
    padding: 40px 30px;
  }

  .content-area {
    padding: 30px 0px
  }

  .contact,
  .benefits,
  .project,
  .features {
    padding: 40px 0px
  }

  .get-started {
    padding: 40px 0px;
  }

  .features .line {
    margin-bottom: 30px;
  }

  .project {
    padding-top: 0px;
  }

  .project {
    padding-bottom: 60px;
  }

  .slider-sub {
    padding: 70px 0px 40px 0px;
  }




}

@media only screen and (max-width:575px) {}

@media only screen and (max-width:479px) {
  .logo {
    font-size: 18px;
  }
  .logo span {
    display: block;
   }
}

@media only screen and (max-width:374px) {
  .logo {
    font-size: 16px;
  }
  .logo span {
   display: block;
  }
  
}

/* @2x Images (Pixel Ratio of 1.25+) */

@media only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 1.25dppx) {}

/* @3x Images (Pixel Ratio of 2.25+) */

@media only screen and (-o-min-device-pixel-ratio: 9/4),
only screen and (-webkit-min-device-pixel-ratio: 2.25),
only screen and (min-device-pixel-ratio: 2.25),
only screen and (min-resolution: 2.25dppx) {}

/* @4x Images (Pixel Ratio of 3.25+) */

@media only screen and (-o-min-device-pixel-ratio: 13/4),
only screen and (-webkit-min-device-pixel-ratio: 3.25),
only screen and (min-device-pixel-ratio: 3.25),
only screen and (min-resolution: 3.25dppx) {}