/**
* Template Name: Gp
* Updated: Jul 27 2023 with Bootstrap v5.3.1
* Template URL: https://bootstrapmade.com/gp-free-multipurpose-html-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  /* font-family: "Open Sans", sans-serif; */
  font-family: "Quicksand";
  color: #444444;
}

a {
  color: #2196f3;
  /* color: #2196f3; */
  text-decoration: none;
}

a:hover {
  color: #64b5f6;
  /* color: #ffd584; */
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: "Raleway", sans-serif; */
  font-family: "Quicksand";
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #2196f3;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: white;
  line-height: 0;
}

.back-to-top:hover {
  background: #5caef2;
}

.back-to-top:hover i {
  color: white;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #151515;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 0px);
  left: calc(50% - 30px);
  border: 6px solid #2196f3;
  border-top-color: #151515;
  border-bottom-color: #151515;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 15px 0;
}

#header.header-scrolled,
#header.header-inner-pages {
  background: rgba(0, 0, 0, 0.8);
}

#header .logo {
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#header .logo a {
  color: #fff;
}

#header .logo a span {
  color: #2196f3;
}

#header .logo img {
  max-height: 40px;
}

/*--------------------------------------------------------------
#  Get Startet Button
--------------------------------------------------------------*/
/* Style de base du bouton */
.get-started-btn {
  color: #fff;
  border-radius: 4px;
  padding: 7px 25px 8px 25px;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
  border: 2px solid #2196f3;
  position: relative;
  overflow: hidden;
  font-weight: bold;
}

/* Effet clignotant */
@keyframes blink {
  0%, 100% {
    opacity: 0;
    transform: scale(1); 
  }
  50% {
    opacity: 1;
    transform: scale(1.3); 
  }
}

.get-started-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(33, 150, 243, 0.8); /* Couleur bleue pour l'effet clignotant */
  z-index: -1;
  opacity: 0;
  animation: blink 1s ease infinite;
}

/* Effet de survol */
.get-started-btn:hover {
  background: #64b5f6;
  color: #fff; /* Couleur de texte en blanc */
}

/* Styles pour les écrans étroits (smartphones) */
@media (max-width: 992px) {
  .get-started-btn {
    padding: 7px 20px 8px 20px;
    margin-right: 15px;
    display: flex;
    justify-content: center; /* Centrer le contenu horizontalement */
    align-items: center; /* Centrer le contenu verticalement */
  }
}






/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.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 30px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  transition: 0.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: #2196f3;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  color: #151515;
  font-weight: 400;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  background-color: #2196f3;
  color:white;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  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 Navigation 
*/
.mobile-nav-toggle {
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

@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(0, 0, 0, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.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: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #151515;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: white;
  background-color: #2196f3;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  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: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
  color: #151515;
}

.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 {
  background-color: #2196f3;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background: url("../img/bg-landingpage2.jpg") top center;
  /* background: url("../img/bg-landingpage1.jpg") top center; */
  /* background: url("data:image/jpeg;base64,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") top center; */
  /* background: url("../img/hero-bg.jpg") top center; */
  background-size: cover;
  position: relative;
}

#hero:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .container {
  position: relative;
  padding-top: 74px;
  text-align: center;
}

#hero h1 {
  margin: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
  color: #fff;
  /* font-family: "Poppins", sans-serif; */
    font-family: "Quicksand";
}

#hero h1 span {
  /* color: #2196f3; */
  color: white;
}

#hero h2 {
  color: rgba(255, 255, 255, 0.9);
  margin: 10px 0 0 0;
  font-size: 24px;
}

#hero .icon-box {
  padding: 30px 20px;
  transition: ease-in-out 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.3);
  height: 100%;
  text-align: center;
}

#hero .icon-box i {
  font-size: 32px;
  line-height: 1;
  color: #2196f3;
}

#hero .icon-box h3 {
  font-weight: 700;
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 1;
  font-size: 20px;
  line-height: 26px;
}

#hero .icon-box h3 a {
  color: #fff;
  transition: ease-in-out 0.3s;
}

#hero .icon-box h3 a:hover {
  color: #2196f3;
}

#hero .icon-box:hover {
  border-color: #2196f3;
}

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #hero {
    height: auto;
  }

  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }

  #hero h2 {
    font-size: 20px;
    line-height: 24px;
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-title {
  padding-bottom: 40px;
}

.section-title h2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aaaaaa;
  /* font-family: "Poppins", sans-serif; */
  font-family: "Quicksand";

}

.section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: #64b5f6;
  margin: 4px 10px;
}

.section-title p {
  margin: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  /* font-family: "Poppins", sans-serif; */
  font-family: "Quicksand";

  color: #151515;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content h3 {
  font-weight: 700;
  font-size: 28px;
  /* font-family: "Poppins", sans-serif; */
  font-family: "Quicksand";
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding: 0 0 8px 26px;
  position: relative;
}

.about .content ul i {
  position: absolute;
  font-size: 20px;
  left: 0;
  top: -3px;
  color: #2196f3;
}

.about .content p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
  padding-top: 20px;
}

.clients .swiper-slide img {
  opacity: 0.5;
  transition: 0.3s;
  filter: grayscale(100);
}

.clients .swiper-slide img:hover {
  filter: none;
  opacity: 1;
}

.clients .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  background-color: #ddd;
}

.clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #2196f3;
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features {
  padding-top: 20px;
}

.features .icon-box {
  padding-left: 15px;
}

.features .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0 10px 60px;
}

.features .icon-box i {
  font-size: 48px;
  float: left;
  color: #2196f3;
}

.features .icon-box p {
  font-size: 15px;
  color: #848484;
  margin-left: 60px;
}

.features .image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  text-align: center;
  border: 1px solid #ebebeb;
  padding: 80px 20px;
  transition: all ease-in-out 0.3s;
  background: #fff;
}

.services .icon-box .icon {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: #2196f3;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: 0.3s;
}

.services .icon-box .icon i {
  color: white;
  /* color: #151515; */
  font-size: 28px;
  transition: ease-in-out 0.3s;
}

.services .icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 24px;
}

.services .icon-box h4 a {
  color: #151515;
  transition: ease-in-out 0.3s;
}

.services .icon-box h4 a:hover {
  color: #2196f3;
}

.services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.services .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
  transform: translateY(-10px);
}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
  /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../img/cta-bg.jpg") fixed center center; */
  background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../img/analysePortefeuille6.jpg") fixed center center;
  background-size: cover;
  padding: 60px 0;
}

.cta h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.cta p {
  color: #fff;
}

.cta .cta-btn {
  /* font-family: "Raleway", sans-serif; */
  font-family: "Quicksand";
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 4px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

.cta .cta-btn:hover {
  background: #2196f3;
  border-color: #2196f3;
  color: white;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 15px 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #151515;
  background: #2196f3;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: rgba(21, 21, 21, 0.6);
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(21, 21, 21, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap img {
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-style: italic;
}

.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  margin: 0 5px 0 0;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #2196f3;
}

.portfolio .portfolio-wrap:hover::before {
  opacity: 1;
}

.portfolio .portfolio-wrap:hover img {
  transform: scale(1.2);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #2196f3;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #2196f3;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(21, 21, 21, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts .content {
  padding: 30px 0;
}

.counts .content h3 {
  font-weight: 700;
  font-size: 34px;
  color: #151515;
}

.counts .content p {
  margin-bottom: 0;
}

.counts .content .count-box {
  padding: 20px 0;
  width: 100%;
}

.counts .content .count-box i {
  display: block;
  font-size: 36px;
  color: #2196f3;
  float: left;
}

.counts .content .count-box span {
  font-size: 36px;
  line-height: 30px;
  display: block;
  font-weight: 700;
  color: #151515;
  margin-left: 50px;
}

.counts .content .count-box p {
  padding: 15px 0 0 0;
  margin: 0 0 0 50px;
  /* font-family: "Raleway", sans-serif; */
  font-family: "Quicksand";
  font-size: 14px;
  color: #3b3b3b;
}

.counts .content .count-box a {
  font-weight: 600;
  display: block;
  margin-top: 20px;
  color: #3b3b3b;
  font-size: 15px;
  /* font-family: "Poppins", sans-serif; */
  font-family: "Quicksand";
  transition: ease-in-out 0.3s;
}

.counts .content .count-box a:hover {
  color: #626262;
}

.counts .image {
  /* background: url("../img/counts-img.jpg") center center no-repeat; */
  background: url("../img/analysePortefeuille7.jpg") center center no-repeat;
  background-size: cover;
  min-height: 400px;
}

@media (max-width: 991px) {
  .counts .image {
    text-align: center;
  }

  .counts .image img {
    max-width: 80%;
  }
}

@media (max-width: 667px) {
  .counts .image img {
    max-width: 100%;
  }
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials {
  padding: 80px 0;
  background: url("../img/testimonials-bg.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.testimonials::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}

.testimonials .section-header {
  margin-bottom: 40px;
}

.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
  overflow: hidden;
}

.testimonials .testimonial-item {
  text-align: center;
  color: #fff;
}

.testimonials .testimonial-item .testimonial-img {
  width: 100px;
  border-radius: 50%;
  border: 6px solid rgba(255, 255, 255, 0.15);
  margin: 0 auto;
}

.testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #fff;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #ddd;
  margin: 0 0 15px 0;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
  color: rgba(255, 255, 255, 0.6);
  font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
  color: #eee;
}

.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 0.5;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #2196f3;
  opacity: 1;
}

@media (min-width: 1024px) {
  .testimonials {
    background-attachment: fixed;
  }
}

@media (min-width: 992px) {
  .testimonials .testimonial-item p {
    width: 80%;
  }
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team {
  background: #fff;
  padding: 60px 0;
}

.team .member {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.team .member .member-img {
  position: relative;
  overflow: hidden;
}

.team .member .social {
  position: absolute;
  left: 0;
  bottom: 30px;
  right: 0;
  opacity: 0;
  transition: ease-in-out 0.3s;
  text-align: center;
}

.team .member .social a {
  transition: color 0.3s;
  color: #151515;
  margin: 0 3px;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.8);
  transition: ease-in-out 0.3s;
  color: #484848;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.team .member .social a:hover {
  color: #151515;
  background: #2196f3;
}

.team .member .social i {
  font-size: 18px;
  line-height: 0;
}

.team .member .member-info {
  padding: 25px 15px;
}

.team .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #151515;
}

.team .member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #aaaaaa;
}

.team .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #777777;
}

.team .member:hover .social {
  opacity: 1;
  bottom: 15px;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
  width: 100%;
  background: #fff;
}

.contact .info i {
  font-size: 20px;
  background: #2196f3;
  color: white;
  float: left;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}

.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #151515;
}

.contact .info p {
  padding: 0 0 0 60px;
  margin-bottom: 0;
  font-size: 14px;
  color: #484848;
}

.contact .info .email,
.contact .info .phone {
  margin-top: 40px;
}

.contact .php-email-form {
  width: 100%;
  background: #fff;
}

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

.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;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 4px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: #2196f3;
}

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

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

.contact .php-email-form button[type=submit] {
  background: #2196f3;
  border: 0;
  padding: 10px 24px;
  color: white;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #1565c0;
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: whitesmoke;
  min-height: 40px;
  margin-top: 74px;
}

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 400;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #2f2f2f;
  content: "/";
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 68px;
  }

  .breadcrumbs .d-flex {
    display: block !important;
  }

  .breadcrumbs ol {
    display: block;
  }

  .breadcrumbs ol li {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: black;
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
}

#footer .footer-top {
  background: #151515;
  border-bottom: 1px solid #222222;
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 28px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

#footer .footer-top .footer-info h3 span {
  color: #2196f3;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  /* font-family: "Raleway", sans-serif; */
  font-family: "Quicksand";
  color: #fff;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #292929;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #2196f3;
  color: #151515;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #2196f3;
  font-size: 18px;
  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: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  color: #2196f3;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
}

#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: -2px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #2196f3;
  color: white;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}

#footer .footer-top .footer-newsletter form input[type=submit]:hover {
  background: #1565c0;
  color : white;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color: #fff;
}