@font-face {
  font-family: MuktaRegular;
  src: url(../fonts/MuktaVaani-Regular.woff); }
@font-face {
  font-family: MuktaLight;
  src: url(../fonts/MuktaVaani-Light.woff); }
@font-face {
  font-family: MuktaBold;
  src: url(../fonts/MuktaVaani-Bold.woff); }
body {
  font-family: MuktaRegular; }

.w-90 {
  width: 80% !important; }

.font-light {
  font-family: MuktaLight; }

.font-bold {
  font-family: MuktaBold; }

.primary-text {
  color: #e28711; }

.navbar {
  padding-top: 20px;
  padding-bottom: 20px; }

.nav-item {
  padding-left: 25px;
  padding-right: 25px; }

.nav-link {
  padding: 25px; }

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link {
  color: #e28711; }

.hero {
  background-image: url(../images/1.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  height: 650px;
  overflow: hidden;
  margin-top: -74px; }
  .hero h1 {
    color: #fff;
    font-family: MuktaLight; }

.hero-text {
  position: relative;
  margin-top: 100%; }

/* ---- particles.js container ---- */
#particles {
  position: absolute;
  width: 97vw;
  height: inherit;
  background-color: transparent;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }

.parallax {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center; }

.services {
  background-image: url(../images/ab-1.jpg);
  padding-bottom: 50px; }
  .services h1 {
    font-family: MuktaBold; }
  .services h4.sub-title {
    letter-spacing: 5px; }
  .services p {
    color: #999999; }

.services-hover {
  border: 1px solid #999;
  border-radius: 8px;
  padding: 42px 20px 0px 20px;
  background-color: #fff;
  transition: 0.25s;
  min-height: 235px; }
  .services-hover h4, .services-hover p {
    text-align: center; }
  .services-hover .arts {
    width: 139px;
    height: 138px;
    background-image: url(../images/art.png);
    background-repeat: no-repeat;
    background-position: cover;
    margin: auto; }
  .services-hover .res {
    width: 139px;
    height: 138px;
    background-image: url(../images/res.png);
    background-repeat: no-repeat;
    background-position: cover;
    margin: auto; }
  .services-hover .sof {
    width: 139px;
    height: 121px;
    background-image: url(../images/sof.png);
    background-repeat: no-repeat;
    background-position: cover;
    margin: auto; }
  .services-hover .cloud {
    width: 139px;
    height: 120px;
    background-image: url(../images/cloud.png);
    background-repeat: no-repeat;
    background-position: cover;
    margin: auto; }
  .services-hover:hover {
    color: #fff;
    background: #e28711;
    background: linear-gradient(28deg, #e28711 40%, #195270 100%); }
    .services-hover:hover .arts {
      background-image: url(../images/art-w.png);
      width: 139px;
      height: 138px;
      background-repeat: no-repeat;
      background-position: cover; }
    .services-hover:hover .res {
      background-image: url(../images/res-w.png);
      width: 139px;
      height: 138px;
      background-repeat: no-repeat;
      background-position: cover; }
    .services-hover:hover .sof {
      background-image: url(../images/sof-w.png);
      width: 139px;
      height: 121px;
      background-repeat: no-repeat;
      background-position: cover; }
    .services-hover:hover .cloud {
      background-image: url(../images/cloud-w.png);
      width: 139px;
      height: 120px;
      background-repeat: no-repeat;
      background-position: cover; }
    .services-hover:hover p {
      color: #fff;
      transition: 1s; }

.integrated {
  background-image: url(../images/2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .integrated h1 {
    color: #fff;
    font-family: MuktaBold; }
  .integrated h4 {
    font-style: italic;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-family: MuktaLight; }

.works {
  background-image: url(../images/a2.png); }
  .works h1 {
    font-family: MuktaBold; }
  .works h4 {
    letter-spacing: 5px; }

.about {
  background-color: #161616;
  color: #fff;
  padding-bottom: 0; }
  .about h4 {
    letter-spacing: 5px; }
  .about h5 {
    color: #999999;
    line-height: 1.5em; }

.contact {
  background-color: #161616;
  color: #fff;
  padding-bottom: 50px; }
  .contact h4 {
    letter-spacing: 5px; }
  .contact h5 {
    color: #999999; }
    .contact h5 a {
      color: #fff;
      text-decoration: none; }

.footer {
  background-color: #2c2c2c;
  padding: 30px 0; }
  .footer a {
    font-family: MuktaLight;
    text-transform: uppercase;
    text-decoration: none;
    color: #e28711; }
    .footer a:hover {
      color: #c26f04; }

small {
  color: #999999; }

@media (min-width: 768px) {
  .hero-text {
    margin-top: 60%; } }
@media (max-width: 991px) {
  .bg-dark.sticky-top {
    opacity: 1; } }
@media (min-width: 992px) {
  .hero {
    height: 100vh;
    background-position: cover; }

  .hero-text {
    position: relative;
    margin-top: 35%; }

  .navbar {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px; }

  .nav-item {
    padding-left: 20px;
    padding-right: 20px; }
    .nav-item .nav-link.active {
      position: relative; }
      .nav-item .nav-link.active:before {
        content: "";
        height: 2em;
        width: 100%;
        position: absolute;
        margin-left: -8px;
        margin-top: -5px;
        display: block;
        border: 1px solid #444;
        border-radius: 3px; }

  .services-hover h4, .services-hover p {
    text-align: left; }

  .bg-dark.sticky-top {
    opacity: 0.85; }

  .integrated {
    height: 100vh; } }

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