/*-----------------------------------------------------------------*/
/* Main css 22-04-15
/*-----------------------------------------------------------------*/

html {
    font-weight: 400;
    line-height: 28px;
    height: 100%;
  }

  body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 1.8;
    color: #051922;
    overflow-x: hidden;
    background-color: #fbf9f5;
  }

  body img {
    max-width: 100%;
  }

  a {
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  a:hover {
    color: #FFFFFF;
    text-decoration: none;
  }

  h1, .h1,
  h2, .h2,
  h3, .h3,
  h4, .h4,
  h5, .h5,
  h6, .h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    margin: 0 0 1.25rem 0;
    /* color: #051922; */
  }

  h1:last-child, .h1:last-child,
  h2:last-child, .h2:last-child,
  h3:last-child, .h3:last-child,
  h4:last-child, .h4:last-child,
  h5:last-child, .h5:last-child,
  h6:last-child, .h6:last-child {
    margin: 0;
  }

  h1, .h1 {
    font-weight: 700;
    line-height: 4rem;
    /* font-size: 2.5rem; */
  }

  @media only screen and (max-width: 767.96px) {
    h1, .h1 {
      line-height: 3.25rem;
    }
  }

  @media only screen and (max-width: 575.96px) {
    h1, .h1 {
      line-height: 2.75rem;
    }
  }

  h2, .h2 {
    font-weight: 700;
    line-height: 3.25rem;
    font-size: 1.5rem;
  }

  @media only screen and (max-width: 767.96px) {
    h2, .h2 {
      line-height: 2.75rem;
    }
  }

  @media only screen and (max-width: 575.96px) {
    h2, .h2 {
      line-height: 2.25rem;
    }
  }

  h3, .h3 {
    font-weight: 700;
    line-height: 2.25rem;
  }

  @media only screen and (max-width: 575.96px) {
    h3, .h3 {
      line-height: 2rem;
    }
  }

  h4, .h4 {
    font-weight: 700;
    line-height: 1.75rem;
  }

  @media only screen and (max-width: 575.96px) {
    h4, .h4 {
      line-height: 1.5rem;
    }
  }

  h5, .h5 {
    font-weight: 700;
    line-height: 1.5rem;
  }

  h6, .h6 {
    font-weight: 700;
    line-height: 1.5rem;
  }

  p {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 1.8;
    color: #051922;
    margin: 0 0 1.25rem 0;
    font-size: 1rem !important;
  }

  small {
    font-size: 0.875rem;
  }

  .nav-link{
    font-size: 1rem;
  }

  .banner-title {
    font-size: 3rem;
  }


  /*************************/
/*     02. Preloader     */
/*************************/
.spinner-wrapper {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #f7fafd;
    /* display: none; */
}

.spinner {
	position: absolute;
	top: 50%; /* centers the loading animation vertically one the screen */
	left: 50%; /* centers the loading animation horizontally one the screen */
	width: 3.75rem;
	height: 1.25rem;
	margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */
	text-align: center;
}

.spinner > div {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color: var(--main-color);
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0); }
	40% { -webkit-transform: scale(1.0); }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	} 40% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
}


  /**Section parallax */

  .overlay {
    background:rgba(0, 0, 0, 0.6) url("../../images/presentations/pattern.png") repeat;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
  }

  section {
    position:relative;
  }

  .parallax .container {
      position:relative;
  }

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

  ::-webkit-scrollbar{
    width: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
    background-color: #F90;
    background-image: -webkit-linear-gradient(90deg,rgba(255, 255, 255, .2) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, .2) 50%,rgba(255, 255, 255, .2) 75%,transparent 75%,transparent)
}