#header.header-transparent2 {
    background: rgba(1, 4, 136, 0.9);
}
.contact .php-email-form2 {
  width: 100%;
  background: #fff;
}

.contact .php-email-form2 .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form2 .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form2 .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form2 .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form2 .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form2 .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-form2 input,
.contact .php-email-form2 textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form2 input {
  height: 44px;
}

.contact .php-email-form2 textarea {
  padding: 10px 12px;
}

.contact .php-email-form2 button[type=submit] {
  background: #191c93;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  border-radius: 50px;
}

.contact .php-email-form2 button[type=submit]:hover {
  background: #4e51cb;
}
.about .video-box2 {
  background: url("../img/about-2.png") center center no-repeat;
  background-size: contain;
  min-height: 300px;
}




#footer {			
    background: #418801;			
   			
}			
#footer .footer-top .footer-info {			
   			
    background: #1a5e1f;			
   			
    border-top: 4px solid #c9c41d;			
    			
}			
#footer .copyright {			
    border-top: 1px solid #b5d30f;			
    			
}			
.back-to-top {			
  			
    background: #75d121;			
}			
.section-title p {			
			
    color: #5eb90d;			
}			
.details .content h3 {			
   			
    color: #5eb90d;			
}			
.about .icon-boxes h3 {			
    			
    color: #5eb90d;			
   			
}			
/*--------------------------------------------------------------			
# Card General			
--------------------------------------------------------------*/			
@media (max-width: 767px) {			
			
  .card-box-a,			
  .card-box-b,			
  .card-box-c,			
  .card-box-d {			
    margin-bottom: 2.5rem;			
  }			
}			
			
.card-box-a span,			
.card-box-b span,			
.card-box-c span,			
.card-box-d span {			
  line-height: 0;			
}			
			
@media (min-width: 768px) {			
			
  .grid .card-box-a,			
  .grid .card-box-b,			
  .grid .card-box-c,			
  .grid .card-box-d {			
    margin-bottom: 2.5rem;			
  }			
}			
			
.card-box-a,			
.card-box-b,			
.card-box-d {			
  position: relative;			
  overflow: hidden;			
  -webkit-backface-visibility: hidden;			
  backface-visibility: hidden;			
}			
			
.card-box-a .img-a,			
.card-box-a .img-b,			
.card-box-b .img-a,			
.card-box-b .img-b {			
  transition: 0.8s all ease-in-out;			
}			
			
@media (min-width: 768px) {			
			
  .card-box-a:hover .img-a,			
  .card-box-a:hover .img-b,			
  .card-box-b:hover .img-a,			
  .card-box-b:hover .img-b {			
    transform: scale(1.2);			
  }			
}			
			
@media (min-width: 768px) {			
			
  .card-box-a .price-a,			
  .card-box-b .price-a {			
    font-size: 0.9rem;			
  }			
}			
			
@media (min-width: 992px) {			
			
  .card-box-a .price-a,			
  .card-box-b .price-a {			
    font-size: 1rem;			
  }			
}			
			
.card-overlay {			
  position: absolute;			
  width: 100%;			
  height: 100%;			
  top: 0;			
  left: 0;			
}			
			
.card-shadow {			
  -webkit-backface-visibility: hidden;			
  backface-visibility: hidden;			
}			
			
.card-shadow:before {			
  content: " ";			
  position: absolute;			
  top: 0;			
  left: 0;			
  width: 100%;			
  height: 100%;			
  z-index: 1;			
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%);			
}			
			
/*======================================			
//--//-->   PROPERTY - CARD-A			
======================================*/			
@media (min-width: 768px) {			
  .card-box-a:hover .card-overlay-a-content {			
    bottom: 60px;			
  }			
}			
			
@media (min-width: 768px) and (min-width: 768px) {			
  .card-box-a:hover .card-overlay-a-content {			
    bottom: 60px;			
  }			
}			
			
@media (min-width: 768px) and (min-width: 992px) {			
  .card-box-a:hover .card-overlay-a-content {			
    bottom: 64px;			
  }			
}			
			
@media (min-width: 768px) {			
  .card-box-a:hover .card-body-a {			
    padding-bottom: 1rem;			
  }			
}			
			
@media (max-width: 767px) {			
  .card-box-a .card-overlay-a-content {			
    bottom: 65px;			
  }			
			
  .card-box-a .card-body-a {			
    padding-bottom: 1rem;			
  }			
}			
			
.card-overlay-a-content {			
  transition: all 0.5s ease-in;			
  position: absolute;			
  width: 100%;			
  bottom: 0px;			
  z-index: 2;			
}			
			
@media (min-width: 768px) {			
  .card-overlay-a-content {			
    bottom: -20px;			
  }			
}			
			
@media (min-width: 992px) {			
  .card-overlay-a-content {			
    bottom: 0px;			
  }			
}			
			
.card-header-a {			
  padding: 0 1rem;			
}			
			
.card-header-a .card-title-a {			
  color: #ffffff;			
  margin-bottom: 0;			
  padding-bottom: 0.7rem;			
}			
			
@media (min-width: 768px) {			
  .card-header-a .card-title-a {			
    font-size: 1.3rem;			
  }			
}			
			
@media (min-width: 992px) {			
  .card-header-a .card-title-a {			
    font-size: 2rem;			
  }			
}			
			
.card-header-a .card-title-a a {			
  color: #ffffff;			
  text-decoration: none;			
}			
			
.card-body-a {			
  z-index: 2;			
  transition: all 0.5s ease-in;			
  padding: 0rem 1rem 2rem 1rem;			
}			
			
.card-body-a .price-box {			
  padding-bottom: 0.5rem;			
}			
			
.price-a {			
  color: #ffffff;			
  padding: 0.6rem 0.8rem;			
  border: 2px solid #2eca6a;			
  border-radius: 50px;			
  text-transform: uppercase;			
  letter-spacing: 0.03em;			
}			
			
.card-footer-a {			
  width: 100%;			
  position: absolute;			
  z-index: 2;			
  background-color: #2eca6a;			
}			
			
.card-info {			
  list-style: none;			
  margin-bottom: 0;			
  padding: 0.5rem 0;			
}			
			
.card-info .card-info-title {			
  font-size: 1rem;			
  color: #313131;			
}			
			
@media (min-width: 768px) {			
  .card-info .card-info-title {			
    font-size: 0.9rem;			
  }			
}			
			
@media (min-width: 992px) {			
  .card-info .card-info-title {			
    font-size: 1rem;			
  }			
}			
			
.card-info li span {			
  color: #ffffff;			
  font-size: 0.9rem;			
}			
			
@media (min-width: 768px) {			
  .card-info li span {			
    font-size: 0.8rem;			
  }			
}			
			
@media (min-width: 992px) {			
  .card-info li span {			
    font-size: 1rem;			
  }			
}			
.carousel-pagination {			
  margin-top: 10px;			
  text-align: center;			
}			
			
.carousel-pagination .swiper-pagination-bullet {			
  width: 18px;			
  height: 10px;			
  background-color: #555;			
  margin: 0 4px;			
  border-radius: 0;			
  opacity: 1;			
  transition: 0.3s;			
}			
			
.carousel-pagination .swiper-pagination-bullet-active {			
  background-color: #2eca6a;			
  width: 36px;			
}			
/*--------------------------------------------------------------			
# Hero Section			
--------------------------------------------------------------*/			
.intro {			
  height: 100vh;			
  position: relative;			
  color: #ffffff;			
}			
			
.intro .swiper-pagination {			
  bottom: 50px;			
}			
			
.intro .swiper-pagination .swiper-pagination-bullet {			
  width: 18px;			
  height: 10px;			
  background-color: #ffffff;			
  border-radius: 0;			
  opacity: 1;			
  transition: 0.3s;			
}			
			
.intro .swiper-pagination .swiper-pagination-bullet-active {			
  background-color: #2eca6a;			
  width: 36px;			
}			
			
.intro .intro-item {			
  padding-top: 2rem;			
}			
			
.intro .carousel-item-a {			
  position: relative;			
  height: 100vh;			
}			
			
.intro .carousel-item-a.bg-image {			
  background-attachment: scroll;			
}			
			
.intro .intro-content {			
  position: absolute;			
}			
			
.intro .intro-body {			
  padding-left: 1rem;			
}			
			
@media (min-width: 768px) {			
  .intro .intro-body {			
    padding-left: 2rem;			
  }			
}			
			
.intro .intro-body .price-a {			
  color: #ffffff;			
  padding: 1rem 1.5rem;			
  border: 2px solid #2eca6a;			
  border-radius: 50px;			
  text-transform: uppercase;			
  letter-spacing: 0.03em;			
}			
			
.intro .spacial {			
  -webkit-animation-delay: 0.2s;			
  animation-delay: 0.2s;			
  color: #ffffff;			
}			
			
.intro .intro-title-top {			
  margin-bottom: 1rem;			
  font-size: 0.9rem;			
  color: #ffffff;			
  letter-spacing: 0.05em;			
}			
			
@media (min-width: 768px) {			
  .intro .intro-title-top {			
    font-size: 0.9rem;			
    margin-bottom: 1rem;			
  }			
}			
			
@media (min-width: 992px) {			
  .intro .intro-title-top {			
    font-size: 1rem;			
    margin-bottom: 2rem;			
  }			
}			
			
.intro .intro-title {			
  color: #ffffff;			
  font-weight: 700;			
  font-size: 2.8rem;			
  text-transform: uppercase;			
}			
			
@media (min-width: 576px) {			
  .intro .intro-title {			
    font-size: 3.5rem;			
  }			
}			
			
@media (min-width: 768px) {			
  .intro .intro-title {			
    font-size: 3.5rem;			
  }			
}			
			
@media (min-width: 992px) {			
  .intro .intro-title {			
    font-size: 4rem;			
  }			
}			
			
.intro .intro-subtitle {			
  font-size: 1.5rem;			
  font-weight: 300;			
}			
			
@media (min-width: 768px) {			
  .intro .intro-subtitle {			
    font-size: 2.5rem;			
  }			
}			
			
.intro .intro-subtitle.intro-price {			
  padding-top: 1rem;			
  font-size: 1.2rem;			
}			
			
@media (min-width: 576px) {			
  .intro .intro-subtitle.intro-price {			
    font-size: 1.3rem;			
  }			
}			
			
@media (min-width: 768px) {			
  .intro .intro-subtitle.intro-price {			
    padding-top: 2rem;			
    font-size: 1.5rem;			
  }			
}			
			
@media (min-width: 992px) {			
  .intro .intro-subtitle.intro-price {			
    padding-top: 3rem;			
  }			
}			
.color-b {			
  color: #2eca6a;			
}			
/*--------------------------------------------------------------			
# Portfolio			
--------------------------------------------------------------*/			
.portfolio #portfolio-flters {			
  list-style: none;			
  margin-bottom: 20px;			
}			
			
.portfolio #portfolio-flters li {			
  cursor: pointer;			
  display: inline-block;			
  margin: 10px 5px;			
  font-size: 15px;			
  font-weight: 500;			
  line-height: 1;			
  color: #444444;			
  transition: all 0.3s;			
  padding: 8px 20px;			
  border-radius: 50px;			
  font-family: "Poppins", sans-serif;			
}			
			
.portfolio #portfolio-flters li:hover,			
.portfolio #portfolio-flters li.filter-active {			
  background: #47b2e4;			
  color: #fff;			
}			
			
.portfolio .portfolio-item {			
  margin-bottom: 30px;			
}			
			
.portfolio .portfolio-item .portfolio-img {			
  overflow: hidden;			
}			
			
.portfolio .portfolio-item .portfolio-img img {			
  transition: all 0.6s;			
}			
			
.portfolio .portfolio-item .portfolio-info {			
  opacity: 0;			
  position: absolute;			
  left: 15px;			
  bottom: 0;			
  z-index: 3;			
  right: 15px;			
  transition: all 0.3s;			
  background: rgba(55, 81, 126, 0.8);			
  padding: 10px 15px;			
}			
			
.portfolio .portfolio-item .portfolio-info h4 {			
  font-size: 18px;			
  color: #fff;			
  font-weight: 600;			
  color: #fff;			
  margin-bottom: 0px;			
}			
			
.portfolio .portfolio-item .portfolio-info p {			
  color: #f9fcfe;			
  font-size: 14px;			
  margin-bottom: 0;			
}			
			
.portfolio .portfolio-item .portfolio-info .preview-link,			
.portfolio .portfolio-item .portfolio-info .details-link {			
  position: absolute;			
  right: 40px;			
  font-size: 24px;			
  top: calc(50% - 18px);			
  color: #fff;			
  transition: 0.3s;			
}			
			
.portfolio .portfolio-item .portfolio-info .preview-link:hover,			
.portfolio .portfolio-item .portfolio-info .details-link:hover {			
  color: #47b2e4;			
}			
			
.portfolio .portfolio-item .portfolio-info .details-link {			
  right: 10px;			
}			
			
.portfolio .portfolio-item:hover .portfolio-img img {			
  transform: scale(1.15);			
}			
			
.portfolio .portfolio-item:hover .portfolio-info {			
  opacity: 1;			
}