/**

* Template Name: Mamba - v4.3.0

* Template URL: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/

* Author: BootstrapMade.com

* License: https://bootstrapmade.com/license/

*/

@font-face {

	font-family: Montserrat;

	src: url('../font/Montserrat-Light.ttf');

}

@font-face {

	font-family: Montserrat-Bold;

	src: url('../font/Montserrat-Bold.ttf');

}

@font-face {

	font-family: Montserrat-Medium;

	src: url('../font/Montserrat-Medium.ttf');

}

@font-face {

	font-family: Montserrat-Regular;

	src: url('../font/Montserrat-Regular.ttf');

}

/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/

body {

  font-family: Montserrat-Regular;

  color: #444;

  font-size: 20px;

}



body, html{

	font-family: Montserrat-Regular;

	color: #444;

	font-size: 20px;

}

a {

  color: #231f20 !important;

  text-decoration: none

}

button, .button, a.button, .btn {

  font-size: 20px; 

}

a:hover {

  color: #BDA04A !important; 

  text-decoration: none

}

p {

  font-size: 20px !important

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

  font-family: Montserrat-Medium;

}

h1, .h1 {

  font-size: 112px !important

}

h2, .h2 {

  font-size: 68px !important

}

h3, .h3 {

  font-size: 48px !important

}

h4, .h4 {

  font-size: 34px !important

}

h5, h6, .h5, .h6 {

  font-size: 28px !important

}

#hero h1.title-text {

    padding: 20px!important;
	background-color: transparent!important;

  }

#sub-hero p.title-text {

    /*padding-top: 20px!important;
	background-color: transparent!important;*/

  }

@media (max-width: 768px) {

  h1, .h1 {

    font-size: 82px !important

  }

  h2, .h2 {

    font-size: 48px !important

  }

  h3, .h3 {

    font-size: 34px !important

  }

  h4, .h4 {

    font-size: 30px !important

  }

  h5, h6, .h5, .h6 {

    font-size: 28px !important

  }

}

@media (max-width: 414px) {

  h1, .h1 {

    font-size: 55px !important

  }

  h2, .h2 {

    font-size: 38px !important

  }

  h3, .h3 {

    font-size: 32px !important

  }

  h4, .h4 {

    font-size: 28px !important

  }

  h5, h6, .h5, .h6 {

    font-size: 24px !important

  }

  #hero h2 {

    line-height: 50px !important

  }
	#sub-hero p {

    line-height: 50px !important

  }

}

@media (max-width: 375px) {

  h1, .h1 {

    font-size: 42px !important

  }

  h2, .h2 {

    font-size: 32px !important

  }

  h3, .h3 {

    font-size: 30px !important

  }

  h4, .h4 {

    font-size: 24px !important

  }

  h5, h6, .h5, .h6 {

    font-size: 22px !important

  }

  #hero h2 {

    line-height: 40px !important

  }
	#sub-hero p {

    line-height: 40px !important

  }

}

@media screen and (max-width: 768px) {

  [data-aos-delay] {

    transition-delay: 0 !important

  }

}

section {

  padding: 60px 0;

  overflow: hidden

}

.section-bg {

  background-color: #f4f9fc

}

.section-feedback {

  background: linear-gradient(to top, #f4f9fc 0%, #f4f9fc 50%, #fff 50%, #fff 100%)

}

section.feedback {

  padding: 80px 0

}

.section-title {

  text-align: center;

  padding-bottom: 30px

}

.section-title h2, .section-title h3, .section-title h4 {

  font-size: 32px;

  font-weight: 600;

  margin-bottom: 40px;

  padding-bottom: 0;

  color: #231F20

}

.section-title span {

  color: #AC882F !important

}

.section-title p {

  margin-bottom: 0

}

.hero-opacity {
    position: relative; 
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-opacity::before {    
      content: "";
      background-color: rgba(0, 25, 51, .38);
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      /*opacity: 0.3;*/
}

#header {

  height: auto;

  background: #fff;

  z-index: 997;

  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.06);

  padding: 8px 0

}

#header .logo h1 {

  font-size: 28px;

  margin: 0;

  padding: 10px 0;

  line-height: 1;

  font-weight: 400;

  letter-spacing: 3px;

  text-transform: uppercase

}

#header .logo h1 a, #header .logo h1 a:hover {

  color: #AC882F;

  text-decoration: none

}

#header .logo img {

  padding: 0;

  margin: 0;

  max-height: 100px;

  width: 150px

}

.scrolled-offset {

  margin-top: 60px

}

.navbar {

  padding: 0

}

.navbar ul {

  margin: 0;

  padding: 0;

  display: flex;

  list-style: none;

  align-items: center

}

.navbar li {

  position: relative

}

.navbar a, .navbar a:focus {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px 0 10px 20px;

  font-family: 'Montserrat', sans-serif;

  ;

  font-size: 15px;

  font-weight: 600;

  color: #5c768d;

  white-space: nowrap;

  transition: .3s

}

.navbar a i, .navbar a:focus i {

  font-size: 12px;

  line-height: 0;

  margin-left: 5px

}

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {

  color: #AC882F

}

.navbar .dropdown ul {

  display: block;

  position: absolute;

  left: 14px;

  top: 100%;

  margin: 0;

  padding: 10px 0;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  background: #fff;

  box-shadow: 0 0 30px rgba(127, 137, 161, 0.25);

  transition: .3s

}

.navbar .dropdown ul li {

  min-width: 200px

}

.navbar .dropdown ul a {

  padding: 10px 20px;

  text-transform: none

}

.navbar .dropdown ul a i {

  font-size: 12px

}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {

  color: #AC882F

}

.navbar .dropdown:hover > ul {

  opacity: 1;

  visibility: visible

}

.navbar .dropdown .dropdown ul {

  top: 0;

  left: calc(100% - 30px);

  visibility: hidden

}

.navbar .dropdown .dropdown:hover > ul {

  opacity: 1;

  top: 0;

  left: 100%;

  visibility: visible

}

@media (max-width: 1366px) {

  .navbar .dropdown .dropdown ul {

    left: -90%

  }

  .navbar .dropdown .dropdown:hover > ul {

    left: -100%

  }

}

.mobile-nav-toggle {

  color: #1f3548;

  font-size: 28px;

  cursor: pointer;

  display: none;

  line-height: 0;

  transition: .5s

}

.mobile-nav-toggle.bi-x {

  color: #fff

}

@media (max-width: 991px) {

  .mobile-nav-toggle {

    display: block

  }

  .navbar ul {

    display: none

  }

}

.navbar-mobile {

  position: fixed;

  overflow: hidden;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  background: rgba(31, 53, 72, 0.9);

  transition: .3s;

  z-index: 998

}

.navbar-mobile .mobile-nav-toggle {

  position: absolute;

  top: 15px;

  right: 15px

}

.navbar-mobile ul {

  display: block;

  position: absolute;

  top: 55px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  padding: 10px 0;

  background-color: #fff;

  overflow-y: auto;

  transition: .3s

}

.navbar-mobile a {

  padding: 10px 20px;

  font-size: 15px;

  color: #1f3548

}

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {

  color: #AC882F

}

.navbar-mobile .getstarted {

  margin: 15px

}

.navbar-mobile .dropdown ul {

  position: static;

  display: none;

  margin: 10px 20px;

  padding: 10px 0;

  z-index: 99;

  opacity: 1;

  visibility: visible;

  background: #fff;

  box-shadow: 0 0 30px rgba(127, 137, 161, 0.25)

}

.navbar-mobile .dropdown ul li {

  min-width: 200px

}

.navbar-mobile .dropdown ul a {

  padding: 10px 20px

}

.navbar-mobile .dropdown ul a i {

  font-size: 12px

}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {

  color: #BDA04A

}

.navbar-mobile .dropdown > .dropdown-active {

  display: block

}

#hero {

  width: 100%;

  /*height: calc(100vh - 60px);*/
  height: calc(100vh);

  padding: 0;

  overflow: hidden;

  background: #000

}

#hero .carousel-item {

  width: 100%;

  /*height: calc(100vh - 60px);*/
  height: calc(100vh);

  background-size: cover;

  background-position: top right;

  background-repeat: no-repeat;

  overflow: hidden

}

#hero .carousel-item::before {

  content: '';

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  overflow: hidden

}

#hero .carousel-container {

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

  overflow: hidden

}

#hero .carousel-content {

  text-align: left

}

@media (max-width: 992px) {

  #hero, #hero .carousel-item {

    /*height: calc(100vh - 65px)*/

  }

  #hero .carousel-content.container {

    padding: 0 50px

  }

}

#hero h1 {

  font-family: Montserrat-Bold;

  ;

  /*color: #AC882F;*/
  color: #FFF;

  font-weight: 700;

  line-height: 70px;

}

#hero h2 {

  font-family: Montserrat-Bold;

  ;

  color: #231F20;

  font-weight: 700;

  line-height: 70px;
}

#hero h3 {

  font-family: Montserrat-Bold;

  ;

  color: #231F20;

  font-weight: 700;

  line-height: 70px;

}

#hero h4 {

  color: #fff;

  font-weight: 600

}

#hero h1 span {

  /*color: #231F20 !important*/
	color: #FFF;

}

#hero h1 .orange {

  /*color: #B3B3B3 !important*/
	color: #FFF;

}

#hero p {

  /*width: 80%;*/

  -webkit-animation-delay: .4s;

  animation-delay: .4s;

  color: #fff;

  font-weight: 400;

  font-size: 32px !important;

  /*background-color: rgba(0, 0, 0, .5);*/

  padding: 10px;
  line-height: 40px

}

#hero .carousel-inner .carousel-item {

  transition-property: opacity;

  background-position: center top

}

#hero .carousel-inner .carousel-item, #hero .carousel-inner .active.carousel-item-start, #hero .carousel-inner .active.carousel-item-end {

  opacity: 0

}

#hero .carousel-inner .active, #hero .carousel-inner .carousel-item-next.carousel-item-start, #hero .carousel-inner .carousel-item-prev.carousel-item-end {

  opacity: 1;

  transition: .5s

}

#hero .carousel-inner .carousel-item-next, #hero .carousel-inner .carousel-item-prev, #hero .carousel-inner .active.carousel-item-start, #hero .carousel-inner .active.carousel-item-end {

  left: 0;

  transform: translate3d(0, 0, 0)

}

#hero .carousel-control-prev, #hero .carousel-control-next {

  width: 10%

}

#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {

  background: none;

  font-size: 58px;

  line-height: 1;

  width: auto;

  height: auto;

  color: #BDA04A;

}

#hero .carousel-indicators li {

  cursor: pointer

}

#hero .btn-get-started {

  font-family: 'Montserrat', sans-serif;

  font-weight: 800;

  font-size: 20px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 20px;

  border-radius: 5px;

  transition: .5s;

  line-height: 1;

  margin: 10px;

  color: #fff!important;

  -webkit-animation-delay: .8s;

  animation-delay: .8s;

  border: 0;

  background: #ac882f;

}

#hero .btn-get-started:hover {

  background: #bda04a;

	color: #fff!important;

}

@media (max-width: 768px) {

  #hero h2 {

    font-size: 28px

  }
	#hero h1 {

    line-height: 1.2!important;

  }

}

@media (max-height: 500px) {

  #hero, #hero .carousel-item {

    height: 120vh

  }

}

@media (max-width: 414px) {

	#hero, #hero a.btn-get-started {

		font-size: 18px!important;

	}
	#hero, #hero p {

		font-size: 20px!important;

	}

}

@media (max-width: 393px) {

	#hero, #hero a.btn-get-started {

		font-size: 14px!important;

	}
	#hero, #hero p {

		font-size: 20px!important;

	}

}


@media (min-width: 1024px) {

  #hero p {

    width: 60%

  }
	


  #hero .carousel-control-prev, #hero .carousel-control-next {

    width: 5%

  }

}

.let-make {

  padding-bottom: 30px

}

.let-make .container .section-title .orange {

  color: #B3B3B3 !important

}

.let-make .container .box-shadow {

  box-shadow: 0 5px 25px 0 rgba(214, 215, 216, 0.6)

}

.let-make .section-title p {

  text-align: left;

  font-style: italic;

  color: #231F20;

}

.let-make .let-make-content {

  padding: 40px

}

.let-make .icon-box + .icon-box {

  margin-top: 40px

}

.let-make .icon-box .icon {

  float: left;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 72px;

  height: 72px;

  background: #f1f7fb;

  border-radius: 6px;

  transition: .5s

}

.let-make .icon-box .icon i {

  color: #BDA04A;

  font-size: 32px

}

.let-make .icon-box:hover .icon {

  background: #BDA04A

}

.let-make .icon-box:hover .icon i {

  color: #fff

}

.let-make .icon-box .title {

  margin-left: 95px;

  font-weight: 700;

  margin-bottom: 10px;

  font-size: 18px;

  text-transform: uppercase

}

.let-make .icon-box .title a {

  color: #343a40;

  transition: .3s

}

.let-make .icon-box .title a:hover {

  color: #BDA04A

}

.let-make .icon-box .description {

  margin-left: 95px;

  line-height: 24px;

  font-size: 14px

}

.bg-let-make {

  background-color: #f4f9fc;

  padding: 20px 0

}

.card-make {

  padding: 20px 40px

}

.card-make img {

  max-width: 100px;

  display: block;

  margin-left: auto;

  margin-right: auto

}

.lg-border-right {

  border-right: 1px solid #d9e8f4

}

@media (max-width: 1199px) {

  .card-make img {

    max-width: 80px

  }

}

@media (max-width: 991.865px) {

  .lg-border-right {

    border-right: 0 !important

  }

}

@media (max-width: 575.865px) {

  .card-make h5 {

    text-align: center

  }

}

.btn-block {

  width: 100% !important

}

.card-make button.btn-success {

  background-color: #AC882F;

  border-color: #AC882F;

  font-size: 1.4rem

}

.card-make button.btn-success:hover {

  background-color: #E7B331;

  border-color: #E7B331

}

@-webkit-keyframes pulsate-btn {

  0% {

    transform: scale(0.6, 0.6);

    opacity: 1

  }

  100% {

    transform: scale(1, 1);

    opacity: 0

  }

}

@keyframes pulsate-btn {

  0% {

    transform: scale(0.6, 0.6);

    opacity: 1

  }

  100% {

    transform: scale(1, 1);

    opacity: 0

  }

}

@media (max-width: 768px) {

  .let-make-lists .content-item {

    padding: 40px 0

  }

}

.blog-area {

  height: auto;

  width: 100%;

  background: #fff

}

.blog-area .card {

  border: 0

}

.blog-area .card-img, .card-img-top {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  box-shadow: 0 5px 25px 0 red

}

.blog-area .card-title {

  text-align: center;

  color: #AC882F

}

.blog-area .card-text {

  text-align: justify

}

.blog-area .card-body .view-more-btn {

  text-align: center;

  margin: 20px auto

}

.blog-area .card-body .view-more-btn a {

  color: #444

}

.blog-area .card-body .view-more-btn a:hover {

  color: #AC882F

}

.blog-area .card-body .view-more-btn a i {

  color: #AC882F;

  margin-left: 12px

}

.blog-area .container .section-title .orange {

  color: #231F20 !important

}

.our-services {

  background: #f4f9fc

}

.our-services .our-services-item {

  margin: 0;

  padding: 0

}

.our-services #our-services-flters {

  padding: 0;

  margin: 0;

  list-style: none;

  text-align: center

}

.our-services #our-services-flters li {

  cursor: pointer;

  margin: 0 15px 15px 0;

  display: inline-block;

  padding: 10px 20px;

  font-size: 12px;

  line-height: 20px;

  color: #444;

  border-radius: 4px;

  text-transform: uppercase;

  background: #fff;

  margin-bottom: 5px;

  transition: all .3s ease-in-out

}

.our-services #our-services-flters li:hover, .our-services #our-services-flters li.filter-active {

  background: #BDA04A;

  color: #fff

}

.our-services #our-services-flters li:last-child {

  margin-right: 0

}

.our-services .our-services-wrap {

  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);

  transition: .3s;

  position: relative;

  overflow: hidden

}

.our-services .our-services-wrap img {

  transition: .3s;

  object-fit: contain;

  width: 100%;

  height: 100%

}

.our-services .our-services-wrap .our-services-info {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  opacity: 0;

  position: absolute;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

  transition: .3s;

  text-align: center;

  background: rgba(36, 179, 131, 1);

  padding-bottom: 0

}

.our-services .our-services-wrap .our-services-info h4 {

  font-size: 20px;

  color: #fff;

  font-weight: 600

}

.our-services .our-services-wrap .our-services-info p {

  color: #fff;

  font-size: 14px;

  text-transform: uppercase

}

.our-services .our-services-wrap .our-services-info a {

  color: #fff

}

.our-services .our-services-wrap .our-services-info a i {

  font-size: 22px;

  line-height: 0

}

.our-services .our-services-wrap .our-services-info a:hover {

  color: #fff

}

.our-services .our-services-wrap:hover {

  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16)

}

.our-services .our-services-wrap:hover .our-services-info {

  opacity: 1;

  padding-bottom: 0

}

.our-services .our-services-wrap:hover img {

  transform: scale(1.1)

}

.our-services .container .section-title .orange {

  color: #231F20 !important

}

.we-are {

  padding-bottom: 80px;

  background: #f4f9fc

}

.we-are .icon-box {

  margin-bottom: 20px;

  text-align: center

}

.we-are .icon {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  width: 100px;

  height: 100px;

  margin-bottom: 20px;

  background: #fff;

  overflow: hidden

}

.we-are .icon i {

  font-size: 36px;

  line-height: 0

}

.we-are .title {

  font-weight: 600;

  margin-bottom: 15px;

  position: relative;

  padding-bottom: 15px

}

.we-are .title a {

  color: #AC882F;

  transition: .3s

}

.we-are .title a:hover {

  color: #BDA04A

}

.we-are .title::after {

  content: '';

  position: absolute;

  display: block;

  width: 50px;

  height: 2px;

  background: #BDA04A;

  bottom: 0;

  left: calc(50% - 25px)

}

.we-are .description {

  line-height: 24px;

  font-size: 14px;

  text-align: justify

}

.we-are .container .section-title .orange {

  color: #231F20 !important

}

.client-feedback {

  padding-bottom: 30px;

  background: #fff

}

.client-feedback .client-feedback-box {

  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);

  padding: 30px;

  background: #fff;

  margin-bottom: 30px

}

.client-feedback .client-feedback-box i {

  display: block;

  font-size: 64px;

  margin-bottom: 15px

}

.client-feedback .client-feedback-box span {

  font-size: 42px;

  display: block;

  font-weight: 700;

  color: #4D4D4D

}

.client-feedback .client-feedback-box p {

  padding: 0;

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  ;

  font-size: 14px

}

.we-help {

  padding-bottom: 30px;

  background-color: rgba(24, 51, 87, 0.6)

}

.we-help .we-help-item {

  margin-bottom: 40px

}

.we-help .we-help-item h4 {

  font-size: 20px;

  line-height: 28px;

  font-weight: 600;

  margin-bottom: 15px;

  color: #1f3548

}

.we-help-bg {

  background-image: url(../img/paralax-bg3.webp);

  min-height: 500px;

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover

}

.we-help .bgblack {

  background-color: rgba(0, 0, 0, .5);

  padding: 20px 0

}

.we-help-card {

  margin-top: 80px;

  margin-bottom: 80px

}

.we-help .we-help-card {

  text-align: center;

  color: #fff

}

.we-help-card .section-title {

  padding-bottom: 0 !important

}

.we-help .we-help-card .section-title h3 {

  color: #231F20;

  font-weight: 600;

  font-family: Montserrat

}

.we-help .we-help-card .section-title span {

  font-weight: 700;

  font-family: Montserrat-Bold;

  ;

  color: #AC882F !important

}

.we-help .we-help-card button.btn-success {

  background-color: #AC882F;

  border-color: #AC882F

}

.we-help .we-help-card button.btn-success:hover {

  background-color: #E7B331;

  border-color: #E7B331

}

#footer {

  background: #f4f9fc;

  color: #444;

  font-size: 14px

}

#footer .logo-footer img {
	width: 180px;
	min-width: 180px;
  max-width: 220px;

}

#footer .footer-top {

  padding: 60px 0px 30px 0px

}

#footer .footer-top .footer-info {

  margin-bottom: 20px;

  text-align: center

}

#footer .footer-top .footer-info h3 {

  font-size: 24px;

  margin: 0 0 20px;

  padding: 2px 0;

  line-height: 1;

  font-weight: 700

}

#footer .footer-top .footer-info p {

  line-height: 24px;

  margin-top: 10px;

  margin-bottom: 0;

  font-family: 'Montserrat', sans-serif;

  ;

  color: #444

}

#footer p.footer-title {

  font-family: Montserrat-Bold;

  ;

  font-weight: 700;

  color: #AC882F

}

#footer .footer-icon {

  display: flex

}

#footer .footer-icon img {

  max-width: 30px

}

#footer .footer-icon a {

  color: #444;

  font-size: 20px

}

#footer .footer-icon a:hover {

  color: #AC882F

}

#footer .footer-icon p {

  padding-top: 15px

}

#footer .footer-icon p, #footer .footer-icon a {

  padding-left: 10px

}

#footer .footer-top .social-links a {

  font-size: 20px;

  display: inline-block;

  background: #768fa6;

  color: #444;

  line-height: 1;

  padding: 8px 0;

  margin-right: 4px;

  border-radius: 50%;

  text-align: center;

  width: 36px;

  height: 36px;

  transition: .3s

}

#footer .footer-top .social-links a:hover {

  background: #BDA04A;

  color: #AC882F;

  text-decoration: none

}

#footer .footer-top h4 {

  font-size: 16px;

  font-weight: 600;

  color: #444;

  position: relative;

  padding-bottom: 12px

}

#footer .footer-top .footer-links {

  margin-bottom: 30px;

  text-align: justify

}

#footer .footer-top .footer-links ul {

  list-style: none;

  padding: 0;

  margin-bottom: 25px

}

#footer .footer-top .footer-links ul i {

  padding-right: 2px;

  color: #444;

  font-size: 20px;

  line-height: 1

}

#footer .footer-top .footer-links ul li {

  padding: 10px 0;

  display: flex;

  align-items: center

}

#footer .footer-top .footer-links ul li:first-child {

  padding-top: 0

}

#footer .footer-top .footer-links ul a {

  color: #444;

  transition: .3s;

  display: inline-block;

  line-height: 1;

  font-size: 20px

}

#footer .footer-top .footer-links ul a:hover {

  color: #AC882F

}

#footer .footer-top .footer-newsletter form {

  margin-top: 30px;

  background: #fff;

  padding: 6px 10px;

  position: relative;

  border-radius: 4

}

#footer .footer-top .footer-newsletter form input[type="email"] {

  border: 0;

  padding: 4px;

  width: calc(100% - 110px)

}

#footer .footer-top .footer-newsletter form input[type="submit"] {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  border: 0;

  background: none;

  font-size: 16px;

  padding: 0 20px;

  background: #BDA04A;

  color: #fff;

  transition: .3s;

  border-radius: 4

}

#footer .footer-top .footer-newsletter form input[type="submit"]:hover {

  background: #5295ce

}

#footer .copyright {

  text-align: center;

  padding-top: 30px

}

#footer .credits {

  padding-top: 10px;

  text-align: center;

  font-size: 13px;

  color: #fff

}

#footer .credits a {

  color: #BDA04A

}

.back-to-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: 15px;

  z-index: 99999;

  background: #BDA04A;

  width: 40px;

  height: 40px;

  border-radius: 4px;

  transition: all .4s

}

.back-to-top i {

  font-size: 24px;

  color: #fff;

  line-height: 0

}

.back-to-top:hover {

  background: #231f20;

  color: #fff

}

.back-to-top.active {

  visibility: visible;

  opacity: 1

}

.carousel-indicators [data-bs-target] {

  width: 15px !important;

  height: 15px !important;

  background-color: #BDA04A !important;

  border-radius: 50% !important

}

.team {

  background: #fff;

  padding: 60px 0 30px

}

.team .member {

  text-align: center;

  margin-bottom: 80px;

  position: relative

}

.team .member .pic {

  border-radius: 4px;

  overflow: hidden

}

.team .member img {

  transition: all ease-in-out .4s

}

.team .member:hover img {

  transform: scale(1.1)

}

.team .member .member-info {

  position: absolute;

  bottom: -48px;

  left: 20px;

  right: 20px;

  background: linear-gradient(360deg, #5c768d 0%, rgba(92, 118, 141, 0.9) 35%, rgba(140, 167, 191, 0.8) 100%);

  padding: 15px 0;

  border-radius: 4px

}

.team .member h4 {

  font-weight: 700;

  margin-bottom: 10px;

  font-size: 16px !important;

  color: #fff;

  position: relative;

  padding-bottom: 10px

}

.team .member h4.h5 {
  font-size: 16px !important;
}

.team .member h4::after {

  content: '';

  position: absolute;

  display: block;

  width: 50px;

  height: 1px;

  background: #fff;

  bottom: 0;

  left: calc(50% - 25px)

}

.team .member span {

  font-style: italic;

  display: block;

  font-size: 13px;

  color: #fff

}

.team .member .social {

  margin-top: 15px

}

.team .member .social a {

  transition: color .3s;

  color: #fff

}

.team .member .social a:hover {

  color: #BDA04A

}

.team .member .social i {

  font-size: 16px;

  margin: 0 2px

}

@media (max-width: 992px) {

  .team .member {

    margin-bottom: 100px

  }

}

.contact .info-box {

  color: #444;

  text-align: center;

  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);

  padding: 20px 0 30px;

  margin-bottom: 30px;

  width: 100%

}

.contact .info-box i {

  font-size: 32px;

  color: #BDA04A;

  border-radius: 50%;

  padding: 8px;

  border: 2px dotted #BDA04A

}

.contact .info-box h3 {

  font-size: 20px;

  color: #231F20;;

  font-weight: 700;

  margin: 10px 0

}

.contact .info-box p {

  padding: 0;

  line-height: 24px;

  font-size: 14px;

  margin-bottom: 0

}

.contact .container .row .section-title h2 {

  font-size: 28px !important;

  font-weight: 600;

  padding-top: 50px !important;

  padding-bottom: 0 !important;

  margin-bottom: 0 !important;

  text-align: center;

  color: #231F20

}

.contact .php-email-form {

  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);

  padding: 30px

}

.contact .php-email-form .error-message {

  display: none;

  color: #fff;

  background: #ed3c0d;

  text-align: left;

  padding: 15px;

  font-weight: 600

}

.contact .php-email-form .error-message br + br {

  margin-top: 25px

}

.contact .php-email-form .sent-message {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600

}

.contact .php-email-form .loading {

  display: none;

  background: #fff;

  text-align: center;

  padding: 15px

}

.contact .php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid #18d26e;

  border-top-color: #eee;

  -webkit-animation: animate-loading 1s linear infinite;

  animation: animate-loading 1s linear infinite

}

.contact .php-email-form .form-group {

  margin-bottom: 20px

}

.contact .php-email-form input, .contact .php-email-form textarea {

  border-radius: 0;

  box-shadow: none;

  font-size: 14px

}

.contact .php-email-form input::focus, .contact .php-email-form textarea::focus {

  background-color: #BDA04A

}

.contact .php-email-form input {

  padding: 10px 15px

}

.contact .php-email-form textarea {

  padding: 12px 15px

}

.contact .php-email-form button[type="submit"], .contact .php-email-form button[type="button"] {

  background: #AC882F;

  border: 0;

  padding: 10px 30px;

  color: #fff;

  transition: .4s;

	border-radius: 4px;

}

.contact .php-email-form button[type="submit"]:hover, .contact .php-email-form button[type="button"]:hover {

  background: #BDA04A

}

@-webkit-keyframes animate-loading {

  0% {

    transform: rotate(0deg)

  }

  100% {

    transform: rotate(360deg)

  }

}

@keyframes animate-loading {

  0% {

    transform: rotate(0deg)

  }

  100% {

    transform: rotate(360deg)

  }

}





.text-glow {

  color: #444;
	color: #dfdfdf;

  text-shadow: 

    1px 0px 1px #fff, 0px 1px 1px #fff, 

    2px 1px 1px #fff, 1px 2px 1px #fff,

	3px 2px 2px #000, 1px 2px 1px #000,

    3px 2px 1px #fff;

}

/*.otto {
  text-shadow: 0 3px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 3px rgba(0,0,0,.2),
               0 3px 3px rgba(0,0,0,.25),
               0 2px 2px rgba(0,0,0,.2),
               0 1px 1px rgba(0,0,0,.15);
}*/
/*.otto{
	text-shadow: 1px 1px 0 rgba(0,0,0,.5), 1px -1px 0 rgba(0,0,0,.5), -1px 1px 0 rgba(0,0,0,.5), -1px -1px 0 rgba(0,0,0,.5), 1px 0px 0 rgba(0,0,0,.5), 0px 1px 0 rgba(0,0,0,.5), -1px 0px 0 rgba(0,0,0,.5), 0px -1px 0 rgba(0,0,0,.5);
}*/


button:disabled,
button[disabled]{
	opacity: 0.3!important;
	cursor: not-allowed;
	pointer-events: all !important;
}

/* Sub Carousel Style */

#sub-hero {
	width: 100%;
	height: calc(60vh - 10px);
	padding: 0;
	overflow: hidden;
	background: #000;
	margin-bottom: 60px;
}

#sub-hero .carousel-item {
	width: 100%;
	height: calc(60vh - 10px);
	background-size: cover;
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden
}

#sub-hero .carousel-item::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

#sub-hero .carousel-container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	overflow: hidden;
}

#sub-hero .carousel-content {
	text-align: left;
	padding: 0!important;
}

#sub-hero .carousel-content.text-right{
    text-align: right!important;
	right: 0!important;
}

@media (max-width: 992px) {

	#sub-hero, #sub-hero .carousel-item {
		/*height: calc(100vh - 65px)*/
	}

	#sub-hero .carousel-content.container {
		/*padding: 0 50px*/
	}

}

#sub-hero p {
	font-family: Montserrat-Bold;
	/*color: #AC882F;*/
	font-weight: 700;
}

/*#sub-hero h2 {
	font-family: Montserrat-Bold;
	color: #231F20;
	font-weight: 700;
	line-height: 70px;
}*/

#sub-hero h3 {
	font-family: Montserrat-Bold;
	color: #231F20;
	font-weight: 700;
	line-height: 70px;
}

#sub-hero h4 {
	color: #fff;
	font-weight: 600;
}

#sub-hero h1 span {
	/*color: #231F20 !important*/
	/*color: #FFF;*/
}

#sub-hero p.orange {
	color: #AC882F !important;
	font-family: Montserrat-Bold;
	font-size: 48px !important;
	font-weight: 600;
	line-height: 1.2!important;
}

#sub-hero p.h2 {
	font-family: Montserrat-Bold;
	font-weight: 600;
	padding-top: 0px!important;
}

#sub-hero .carousel-indicators [data-bs-target] { 
	display: none!important;
}

#sub-hero .carousel-inner .carousel-item {
	transition-property: opacity;
	background-position: center center;
}

#sub-hero .carousel-inner .carousel-item, #sub-hero .carousel-inner .active.carousel-item-start, #sub-hero .carousel-inner .active.carousel-item-end {
	opacity: 0;
}

#sub-hero .carousel-inner .active, #sub-hero .carousel-inner .carousel-item-next.carousel-item-start, #sub-hero .carousel-inner .carousel-item-prev.carousel-item-end {
	opacity: 1;
	transition: .5s;
}

#sub-hero .carousel-inner .carousel-item-next, #sub-hero .carousel-inner .carousel-item-prev, #sub-hero .carousel-inner .active.carousel-item-start, #sub-hero .carousel-inner .active.carousel-item-end {
	left: 0;
	transform: translate3d(0, 0, 0);
}

#sub-hero .carousel-control-prev, #sub-hero .carousel-control-next {
	width: 10%;
}

#sub-hero .carousel-control-next-icon, #sub-hero .carousel-control-prev-icon {
	background: none;
	font-size: 58px;
	line-height: 1;
	width: auto;
	height: auto;
	color: #BDA04A;
}

#sub-hero .carousel-indicators li {
	cursor: pointer;
}

#sub-hero .btn-get-started {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	font-size: 20px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 20px;
	border-radius: 5px;
	transition: .5s;
	line-height: 1;
	margin: 10px;
	color: #fff!important;
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
	border: 0;
	background: #ac882f;
}

#sub-hero .btn-get-started:hover {
	background: #bda04a;
	color: #fff!important;
}

@media (max-width: 768px) {
	/*#sub-hero h2 {
		font-size: 28px;
	}*/
	#sub-hero h2 {
		line-height: 1.2!important;
	}
	#sub-hero h2, #sub-hero h2 span.orange, #sub-hero p.h2 {
		font-size: 36px!important;
	}
}

@media (max-width: 575px) {
	#sub-hero .carousel-container {
		padding: 0 30px!important;
		
	}
	#sub-hero h2, #sub-hero h2 span.orange, #sub-hero p.h2 {
		text-align: center!important;
	}
	#sub-hero {
		height: calc(40vh - 10px);
	}
	#sub-hero .carousel-container {
		top: 20%;
	}
}

@media (max-width: 505px) {
	/*#sub-hero h1, #sub-hero h1 span.orange, #sub-hero p.h2 {
		font-size: 28px!important;
	}*/
}

@media (max-height: 500px) {
	#sub-hero, #sub-hero .carousel-item {
		height: 120vh;
	}
}

@media (max-width: 414px) {
	#sub-hero, #sub-hero a.btn-get-started {
		font-size: 18px!important;
	}
	#sub-hero, #sub-hero p {
		font-size: 20px!important;
	}
}

@media (max-width: 393px) {
	#sub-hero, #sub-hero a.btn-get-started {
		font-size: 14px!important;
	}
	#sub-hero, #sub-hero p {
		font-size: 20px!important;
	}
}

@media (max-width: 369px) {
	#sub-hero h2, #sub-hero h2 span.orange, #sub-hero p.h2 {
		font-size: 32px!important;
	}
}

@media (min-width: 1024px) {
	#sub-hero p {
		/*width: 60%;*/
	}
	#sub-hero .carousel-control-prev, #sub-hero .carousel-control-next {
		width: 5%;
	}
}