/* ===========================================================
   GENERAL STYLES   
   ============================================================*/
body {
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  line-height: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Questrial", sans-serif;
  font-weight: 500;
  line-height: 40px;
}

h1 {
  font-weight: 700;
  font-size: 48px;
  /* color: rgba(62, 187, 152, 0.92); */
  color: #061639;
  line-height: 60px;
  padding-bottom: 25px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.13);
}

.h1-norule {
  font-weight: 700;
  font-size: 48px;
  /* color: rgba(62, 187, 152, 0.92); */
  color: #061639;
  line-height: 60px;
  padding-bottom: 25px;
}

.text-center {
  text-align: center;
}

.main-top-margin {
  margin-top: 40px;
}
.main-low-margin {
  margin-top: 40px;
}

a,
a:hover {
  text-decoration: none;
}

p {
  line-height: 30px;
  margin-bottom: 23px;
}

.img-margin-product {
  margin-top: 30px;
}
.bottam-pad {
  padding-bottom: 40px;
}
.text-justify {
  text-align: justify;
}
/* ==========================================================================
    COLOR CODES
    ========================================================================== */

.color-red {
  color: #ff0000;
}

.color-green {
  color: #07bb00;
}

.color-light-blue {
  color: #bb00bb;
}

.color-blue {
  color: #0052ff;
}
.color-brown {
  color: #eb8f2d;
}
.color-black {
  color: #000000;
}
.color-white {
  color: #fff !important;
}

/* ==========================================================================
    HEADER SECTION
    ========================================================================== */
#space {
  margin-top: 550px;
}

/* ==========================================================================
    WELCOME SECTION
    ========================================================================== */
#welcome {
  padding: 30px;
  /* background-color: rgba(43, 115, 156, 0.72); */
  background-color: rgb(44, 45, 113, 0.9);
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("../img/banner.jpeg");
  background-size: 100% 100%;
  position: relative;
  text-align: center;
  color: white;
}
#welcome h1 {
  color: #fff;
  font-size: 60px;
  font-weight: 900;
  line-height: 60px;
  padding-top: 60px;
  padding-bottom: 30px;
  border: 0px;
}

/* Container holding the image and the text */
.banner {
  position: relative;
  text-align: center;
  color: white;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ==========================================================================
    OFFER SECTION
    ========================================================================== */
#offer {
  margin-top: 50px;
  padding: 30px;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: rgba(0, 0, 0, 0.84);
}
#offer h1 {
  color: #fff;
  font-size: 48px;
  font-weight: 900;
  line-height: 60px;
  padding-bottom: 30px;
  border: 0px;
}
.ofr-spn {
  color: #fff;
}
/* ==========================================================================
    ABOUT SECTION
========================================================================== */

#about-section {
  background-color: #fafafa;
}

#key-diff-section {
  background-color: #fafafa;
}

#clients-section {
  background-color: #fafafa;
}

/*==========================================
    SOCIAL SECTIONS
=====================================================*/
#social {
  padding: 30px;
  background-color: rgba(182, 182, 182, 0.97);
  margin-top: 100px;
}
#social h1 {
  color: #fff;
  font-size: 60px;
  font-weight: 900;
  line-height: 60px;
  padding-bottom: 30px;
  border: 0px;
}
.color-facebook {
  color: #3b5998;
}
.color-twitter {
  color: #00aced;
}
.color-google-plus {
  color: #dd4b39;
}
.color-linkedin {
  color: #007bb6;
}
.color-pinterest {
  color: #cb2027;
}
/* ===========================================================
    BOOTSTRAP ELEMENTS CHANGES   
    ============================================================*/
.navbar {
  font-size: 14px;
}

.navbar-inverse {
  background: rgba(0, 0, 0, 0.85);
  border-color: #5d5b66;
}

.navbar-inverse .navbar-nav > .active > a {
  background: #ffffff;
}

.navbar-inverse .navbar-brand {
  color: #ffffff;
  font-weight: bolder;
  font-size: 25px;
  font-weight: 900;
  letter-spacing: 2px;
}
.navbar-inverse :hover .navbar-brand:hover {
  color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.img-circle {
  border-radius: 10%;
}

/* ==========================================================================
    CONTACT SECTION
    ========================================================================== */

#contact-section {
  background-color: rgba(0, 0, 0, 0.1);
  padding-bottom: 30px;
}
/* ==========================================================================
    FOOTER SECTION
    ========================================================================== */

#footer {
  background-color: rgba(0, 0, 0, 0.84);
  color: #fff;
  text-align: right;
  padding: 10px 30px 10px 30px;
}