/* verde azienda  : #4db581
   blu candidato: #1887c3
   blu granda #244755
*/

.fontazienda {
  color: #4db581 !important
}

.fontcandidato {
  color: #1887c3 !important
}

.fontgranda {
  color: #244755 !important
}

.bgazienda {
  background-color: #4db581 !important
}

.bgacandidato {
  background-color: #1887c3 !important
}

.bggranda {
  background-color: #244755 !important
}

body {
  background-color: #fff;
  color: #777;
  /*font-family: Futura Std,Arial,sans-serif;*/
  font-family: poppins,Arial,sans-serif;
  font-size: 14px;
  line-height: 26px;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #212529;
  font-weight: 200 !important;
  letter-spacing: normal;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
h2{font-size:2.9em}

[data-icon] {
  opacity: 1;
}

.bg-color-grey-header {
  background-color: #ebebeb !important;
}

#HoneySpot {
  display: none;
  visibility: hidden;
}

html:not(.sticky-header-active) #header.header-semi-transparent-light .header-body {
  background-color: rgba(255,255,255,.4) !important;
}

.home-intro-cta {
  margin-bottom: 0 !important;
}


#footer { 
  font-size: 1.1em !important; 
}

.home-intro p {
  margin-bottom: 0;
}

.call-to-action-intro {
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  clear: both;
}

.bggreen {
  background-color: #4DB581 !important
}

.text-green {
  color: #4DB581 !important
}

html #header.header-transparent {
  min-height: 0 !important;
  width: 100%;
  position: relative;
}

.breadcrumb > li {
  display: inline-block;
  font-size: .8em;
  text-transform: uppercase;
  text-shadow: none;
  color: white;
}

.fs-6 {
  font-size: 0.7rem !important;
}

.col-half-section-w900 {
  max-width: 800px;
}

html .testimonial-primary blockquote {
  background: #0099e6;
}

#AboutUs .testimonial blockquote {
  background: #0099e6;
}

#AboutUs .testimonial blockquote {
  padding: 2.9rem 2rem 1.5rem 2rem;
  position: relative;
}

  #AboutUs .testimonial blockquote::before {
  /*  left: 10px;
    top: 10px;
    color: #fff;
    font-size: 57px;
    font-style: normal;
    line-height: 1;
    position: absolute;*/
  }


.home-intro p span:not(.highlighted-word) { 
  font-size: 1.8em !important;
}
  #footer .footer-ribbon span {
  font-family: poppins,Arial,sans-serif !important;
}





.testimonial blockquote p {
  font-family: poppins, Arial, sans-serif !important;
  font-size: 1.2em;
  font-style: italic;
}

.home-concept .project-image-a {
  background: transparent url(/img/home/home-concept-item-a.png) no-repeat 100% 0;
}

.home-concept .project-image-b {
  background: transparent url(/img/home/home-concept-item-b.png) no-repeat 100% 0;
}

.home-concept .project-image {
  background-image: none !important
}

.social-icons li a {
  border-radius: 0;
  background: transparent !important;
  /* background:#1c2023;*/
}


#mycontact .list.list-icons.list-icons-style-2 li > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-2 li > .icons:first-child, .list.list-icons.list-icons-style-2 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-2 li a:first-child > .icons:first-child {
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  width: 15px !important;
  height: 15px !important;
  text-align: center;
  padding: 4px;
  font-size: .8em;
  line-height: 1.3;
}


.home-concept strong {
  display: block;
  font-family: poppins;
  font-size: 1.5em;
  font-weight: 400 !important;
  position: relative;
  margin-top: 30px;
}

.home-concept .grandalavoro {
  margin-top: 102px;
  font-size: 2.7em;
}

.home-concept .candidato {
  margin-top: 0px;
  font-size: 1.8em;
  color: yellow;
}

.home-concept .azienda {
  margin-top: 0px;
  font-size: 1.8em;
  color: violet;
}

.project-image p {
  margin: 0 20px 20px !important;
  text-align: center !important
}

.fc-slideshow-small {
  position: relative;
  width: 338px;
  height: 338px;
  border-radius: 50%;
  margin: 0 auto;
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  perspective: 1200px;
  top: 6px;
}

.h-step-azienda {
  height: 300px !important;
  top: 6px;
}

.h-step-candidato {
  height: 320px !important;
  top: 6px;
}

#HomeTestimonial .testimonial {
  padding: 80px !important;
  padding-bottom: 0 !important;
}

.video-testimonial .ratio::before {
  display: block;
  padding-top: 10px;
  content: "";
}

/* Custom CSS for Popover */
.stepcandidati button {
  background: none;
  border: none;
}

.stepaziende button {
  background: none;
  border: none;
  color: #4db581 !important;
}

.stepaziende strong {
  color: #4db581 !important;
}


@media (min-width: 992px) {
  #header .header-nav-main nav > ul > li > a {
    display: inline-flex;
    align-items: center;
    white-space: normal;
    border-radius: 4px;
    color: #ccc;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    padding: .5rem 1rem;
    letter-spacing: normal;
    text-transform: uppercase;
    text-decoration: none;
  }
}

@media (max-width: 450px) {
  .h-step-azienda, .h-step-candidato {
    height: 190px !important;
    top: 6px;
  }

  .text-bg-clip-animation {
    font-size: 50px !important;
  }
}

@media (max-width: 625px) {
  .title-slider {
    font-size: 2.75em !important;
  }

  .title-cta {
    font-size: 1.85em !important;
  }

  .p-carousel {
    font-size: 1em !important;
  }

  .text-bg-clip-animation {
    font-size: 60px !important;
  }
}

@media (max-width: 1199px) {
  #footer {
    font-size: 1.3em !important;
  }

  .col-half-section-w900 {
    max-width: 470px;
  }
}
