/* Author: Quantello Technologies Private Limited */
/* Author Name: Ashish Mungi */
/* Date: March 2019 */
/* Copyright 2019. All Rights Reserved. */

/* BASIC SETUP */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

html, body {
  background-color: #fff;
  color: #4c515e;
  max-width: 1920px;
  overflow-x: hidden;
  padding: 0 5px;
  font-family: 'Roboto', sans-serif;
}

.navbar-text-normal {
  font-size: 1rem; /* 1rem = base font size 16px */
  font-family: 'Ubuntu', sans-serif;
}

.nav-item:hover, .nav-item:active {
  font-weight: bold;
}

.normal-text {
  font-size: 1rem; /* 1rem = base font size 16px */
}

.card-title, .title-text-small {
  font-size: 1.25rem; /* 1.5rem = 24px for base font size 16px */
  font-weight: bold;
}

.title-text {
  font-size: 1.5rem; /* 1.5rem = 24px for base font size 16px */
  font-weight: bold;
}

.title-text-large {
  font-size: 2.125rem; /* 2rem = 32px for base font size 16px */
  font-family: 'Ubuntu', sans-serif;
}

.section-cover, .section-about, .section-services, .section-blogs, .section-contact {
  padding-top: 101px;
}

.section-cover, .section-about, .section-blogs {
  background-color: #fff;
}

.section-services, .section-contact {
  background-color: #f7f7f7;
}

.indented-item {
  width: 90%;
  margin-left: 5%;
}


.color-dark-gray {
  color: #4c515e;
}

.color-light-gray {
  color: #d0d0d0;
}

.color-gray {
  color: #636363;
}

.color-purple {
  color: #5200ff;
}


.section-hline-darkgray {
  display: block;
  height: 1px;
  background-color: #4c515e;
  content: " ";
  width: 75%;
  margin: 0 auto 10px auto;
}

.img-leader {
  max-width: 200px;
  max-height: 100%;
  width: 100%;
  height: auto;
  margin: auto;
  display: block;
  border-radius: 10%;
  vertical-align: middle;
  margin-bottom: 15px;
}

/* Section - Blog */

#blog-slider .item .card {
  display: block;
  width: 100%;
  height: auto;
  margin: 10px;
  padding: 10px;
}


#mapid {
  max-width: 500px;
  max-height: 375px;
  width: 100%;
  height: 375px;
  margin: auto;
  display: block;
  border-radius: 10%;
  vertical-align: middle;
  margin-bottom: 15px;
}

.location-address, .location-contact {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}

.loc-address {
  float: left;
  line-height: 150%;
}

.loc-value {
  float: left;
  vertical-align: text-top;
}

.icon-card {
  display: block;
  text-align: left;
  font-size: 3rem;
  color: #636363; /* gray */
}

.icon-small {
  display: inline-block;
  float: left;
  font-size: 120%;
  /* align text and icons */
  line-height: 120%;
  vertical-align: text-top;
}


/* Footer */

footer {
  background-color: #fff;
}

.footer-text {
  font-size: 0.875rem; /* 0.875rem = 14px for base font size 16px */
}

.footer-text-small {
  font-size: 0.75rem; /* 0.75rem = 12px for base font size 16px */
}

.footer-text-verysmall {
  font-size: 0.625rem; /* 0.625rem = 10px for base font size 16px */
}


.footer-hline-darkgray {
  display: block;
  height: 1px;
  background-color: #4c515e;
  content: " ";
  width: 100%;
  margin: 0 auto 10px auto;
}

.footer-nav, .social-links {
  list-style: none;
}

.footer-nav li, .social-links li {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
}

.footer-nav li a:link, .footer-nav li a:visited, .social-links li a:link, .social-links li a:visited {
  text-decoration: none;
  border: 0;
  color: #4c515e;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.footer-nav li a:hover, .footer-nav li a:active {
  color: #4c515e;
  font-weight: bold;
}

.social-links li a:hover, .social-links li a:active {
  font-weight: bold;
}


.social-links i:link, .social-links i:visited {
  color: #4c515e;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  font-size: 120%;
}

.social-links i:hover, .social-links i:active {
  color: #4c515e;
}


.fa-linkedin {
  color: #007bb5;  /* LinkedIn Blue Color */
}

.fa-facebook {
  color: #3b5998;  /* Facebook Blue Color */
}

.fa-twitter-square {
  color: #55acee;  /* Twitter Blue Color */
}

.fa-youtube {
  color: #ff0000;  /* YouTube Red Color */
}

.fa-medium {
  color: #000;  /* Medium Black Color */
}

.social-icon-small {
  display: inline-block;
  width: 10px;
  text-align: center;
  font-size: 120%;
  /* align text and icons */
  line-height: 120%;
  vertical-align: text-top;
}