@import url("https://fonts.googleapis.com/css2?family=Saira:ital,wdth,wght@0,50..125,700;1,50..125,700&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap");
html {
  overflow-x: hidden;
}

* {
  font-family: "Titillium Web", sans-serif;
}

h2 {
  font-family: "Saira", sans-serif;
  font-weight: 700;
  font-size: 70px;
  color: #707070;
}
@media (max-width: 1279px) {
  h2 {
    font-size: 50px !important;
    line-height: 40px;
  }
}
h4 {
  font-family: "Saira", sans-serif;
  font-weight: 700;
  font-size: 27px;
}

h5 {
  font-family: "Saira", sans-serif;
  font-weight: 700;
  font-size: 17px;
}

p, body {
  font-family: "Titillium Web", sans-serif;
  font-size: 19px;
  color: #707070;
}
@media (max-width: 1279px) {
  p, body {
    font-size: 16px;
    line-height: 21px;
  }
}

.btn_foevis {
  font-size: 22px;
  font-weight: 700;
  font-family: "Titillium Web", sans-serif;
  text-transform: none;
  padding: 10px 31px;
  border: 1px solid;
}
.btn_foevis:hover {
  background: #ffffff !important;
  color: #EEB401 !important;
  border-color: #EEB401 !important;
}

.progress_steps .step p.number {
  color: #707070;
}

#main_footer {
  background: #F0F0F0;
}
#main_footer .container {
  width: 100%;
}
#main_footer h5 {
  color: #EEB401;
}
#main_footer p {
  font-size: 15px;
  color: #707070 !important;
}
#main_footer .row.footer-widgetize {
  width: 1170px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  #main_footer .row.footer-widgetize {
    width: 100%;
    display: flex;
    flex-flow: wrap;
  }
}
@media (max-width: 768px) {
  #main_footer .row.footer-widgetize {
    width: 100%;
    padding: 0 50px 0 15px;
  }
}
#main_footer .copyright {
  background: #EEB401;
  opacity: 1;
}
#main_footer .copyright p {
  color: white !important;
}

.widget ul {
  margin-top: -5px;
}
.widget ul li a {
  font-family: "Titillium Web";
  font-size: 15px;
  color: #707070 !important;
  font-weight: 500;
}
.widget ul li a:hover {
  color: #EEB401 !important;
}

.wpb_gmaps_widget .wpb_wrapper {
  padding: 0 !important;
}
.wpb_gmaps_widget .wpb_wrapper iframe {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.about .first_big_section img {
  width: 90%;
}
@media (max-width: 768px) {
  .about .first_big_section img {
    width: 100%;
  }
}

.progress_steps .step {
  color: #707070 !important;
}
.progress_steps .step h4 {
  color: #707070 !important;
}

.about .progress_steps {
  padding-top: 120px;
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .about .progress_steps {
    padding: 80px 40px 0 40px;
  }
}

.logo_white img {
  max-width: 210px;
}

.cycle-slideshow h5 {
  font-size: 27px;
  text-transform: none;
  color: #707070;
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
}

.logo img {
  max-width: 210px;
}

.wpcf7 input, .wpcf7 select, .wpcf7 textarea {
  margin-bottom: 15px;
  background: none;
  border: unset;
  border-bottom: 2px solid #EEB401;
  border-radius: 0px;
}

input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  z-index: 1;
  opacity: 0;
  width: unset !important;
}
input[type=checkbox] ~ :before {
  border: 1.5px solid #EEB401;
  display: inline-flex;
  position: relative;
  width: 20px;
  height: 20px;
  top: 3px;
  margin-right: 10px;
}
input[type=checkbox] ~ :after {
  width: 8px;
  height: 8px;
  top: 9px;
  left: 6px;
  background-color: #EEB401;
  transform: scale(0);
  display: block;
  position: absolute;
  transition: all 300ms ease-in-out;
}

.wpcf7 .wpcf7-list-item label > input[type=checkbox]:checked ~ :after, .wpcf7 .wpcf7-list-item label > input[type=radio]:checked ~ :after {
  transform: scale(1);
}

#casestudy .first_big_section h5 {
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: 700;
  font-family: "Saira", sans-serif;
}

.slide-coloumn {
  border-bottom: 1px solid #EEB401;
  margin-bottom: 14px;
}

.slide-costum .col-md-7 {
  padding-right: 100px;
}
@media (max-width: 768px) {
  .slide-costum .col-md-7 {
    padding-right: 0px;
    transform: translateY(-25px);
  }
}

#casestudy .arrow-costum, #servizi .arrow-costum {
  padding: 0;
  display: flex;
}

#servizi .arrow-costum {
  justify-content: end;
  transform: translateY(-40px);
}
@media (max-width: 1279px) {
  #servizi .arrow-costum {
    transform: translateY(-20px);
  }
}

.arrows_controls div {
  padding: 8px 30px;
  font-size: 22px;
}

.arrows_controls {
  padding-top: 20px;
  z-index: 3;
}

#servizi:before, #casestudy:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/sfondo.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 130%;
  z-index: 1;
}

#servizi .first_big_section {
  padding-right: 40px;
}
@media (max-width: 768px) {
  #servizi .first_big_section {
    padding-top: 40px;
    padding-right: 0;
  }
}

#servizi .second_big_section {
  padding-left: 40px;
}
@media (max-width: 768px) {
  #servizi .second_big_section {
    padding-left: 0;
  }
}

@media (max-width: 1279px) {
  #casestudy {
    padding: 50px;
  }
}
@media (max-width: 768px) {
  #casestudy {
    padding: 40px 40px 140px 40px;
  }
}

@media (max-width: 768px) {
  .col-md-6.first_big_section h2 {
    display: none;
  }
}

.icon-1 {
  background-image: url(../img/icona1.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 65px;
  height: 70px;
  left: 13px !important;
  top: -8px !important;
}

.icon-2 {
  background-image: url(../img/icona2.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 65px;
  height: 70px;
  left: 13px !important;
  top: -8px !important;
}

.icon-3 {
  background-image: url(../img/icona3.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 65px;
  height: 70px;
  left: 13px !important;
  top: -8px !important;
}

.icon-3 {
  background-image: url(../img/icona3.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 65px;
  height: 70px;
  left: 13px !important;
  top: -8px !important;
}

.icon-4 {
  background-image: url(../img/icona4.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 65px;
  height: 70px;
  left: 13px !important;
  top: -8px !important;
}

.btn-reverse {
  background: #ffffff !important;
  color: #EEB401 !important;
}
.btn-reverse:hover {
  color: #ffffff !important;
  background: #EEB401 !important;
  border-color: #EEB401 !important;
}

.portfolio {
  padding: 70px;
}
@media (max-width: 1279px) {
  .portfolio {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .portfolio {
    padding: 50px 40px;
  }
}

.wpcf7-list-item {
  position: relative;
}

.wpcf7 .wpcf7-submit {
  font-size: 22px;
  font-weight: 700;
  font-family: "Titillium Web", sans-serif;
  text-transform: none;
  padding: 10px;
  border: 1px solid;
  color: #ffffff !important;
  background: #EEB401 !important;
  margin-top: 20px;
}

@media (min-width: 1023px) {
  .costum-submit {
    display: none;
  }
  .btn_foevis {
    background: #EEB401;
    color: #ffffff;
  }
  .btn_foevis:focus {
    border: 1px solid;
  }
}
@media (max-width: 1023px) {
  .col-contacts .btn_foevis {
    display: none;
  }
}
.contact_info a {
  font-size: 14px;
  color: #707070;
  font-weight: 500 !important;
}
.contact_info a:hover {
  color: #EEB401;
}

.btn-disabled {
  opacity: 0.35;
  pointer-events: none;
  cursor: not-allowed !important;
}

.col-md-3.service p {
  font-size: 16px !important;
  line-height: 20px !important;
}

@media (min-width: 1280px) {
  .footer-section .col-md-3 p {
    padding-right: 40px;
  }
  .footer-section .col-md-3:nth-child(1) {
    width: 35% !important;
  }
  .footer-section .col-md-3:nth-child(3) {
    width: 15% !important;
  }
  .footer-section .col-md-3:nth-child(4) {
    width: 25% !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .footer-section .col-md-3 {
    width: 25%;
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .footer-section .col-md-3 {
    width: 100%;
    padding: 0;
    padding-left: 25px;
  }
}

.footer-section img {
  max-width: 250px !important;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .footer-section img {
    width: 100%;
  }
}

.wpcf7-not-valid-tip {
  color: grey;
  font-size: 14px;
  font-weight: 700;
  display: block;
}

.half_light_grey_bg {
  background-image: url(https://recognitio.it/wp-content/uploads/2024/03/RECOGNITIO-Deontologia-IMG.jpg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

@media (min-width: 992px) {
  #mobile .half_primary_color_bg {
    top: 0 !important;
    height: unset !important;
  }
}

#mobile .first_big_section img {
  display: none;
}

#services .col-md-3 {
  width: 50%;
}
@media (max-width: 1279px) {
  #services .col-md-3 {
    width: 100%;
    padding: 0 50px;
  }
}
@media (max-width: 768px) {
  #services .col-md-3 {
    padding: 0 40px;
  }
}

@media (max-width: 1279px) {
  #progress_steps .col-md-3 {
    width: 50%;
    padding: 40px;
  }
}
@media (max-width: 768px) {
  #progress_steps .col-md-3 {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 1279px) {
  .services .row_services .service .text {
    padding-left: 90px;
  }
}

@media (max-width: 768px) {
  .about {
    padding-top: 0;
  }
}

@media (max-width: 768px) {
  .col-md-5 .second_big_section {
    padding: 0 40px;
  }
}

@media (max-width: 768px) {
  .mobile .mobile_container .second_big_section {
    padding: 100px 40px;
  }
}

@media (max-width: 768px) {
  .contact_form {
    padding: 0 30px;
  }
}

@media (max-width: 768px) {
  .vc_custom_1710258528978 {
    padding: 0 40px 40px !important;
  }
}

@media (max-width: 768px) {
  #servizi.portfolio.mobile-yes .arrows_controls:not(.mobile-controls) {
    display: flex;
    justify-content: right;
    transform: translateY(810px);
    z-index: 99999;
  }
}

@media (max-width: 768px) {
  #casestudy.portfolio.mobile-yes .arrows_controls:not(.mobile-controls) {
    display: flex;
    justify-content: right;
    transform: translateY(300px);
    z-index: 99999;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #casestudy.portfolio.mobile-yes .arrows_controls:not(.mobile-controls) {
    transform: translateY(260px);
  }
}

.portfolio.mobile-yes .arrows_controls.mobile-controls {
  display: none;
}

@media (max-width: 768px) {
  .portfolio.mobile-yes .btn_foevis {
    margin-top: 80px;
  }
}

@media (max-width: 768px) {
  .mobile-heading {
    margin: 0;
    padding: 0;
  }
}

@media (max-width: 768px) {
  .col-md-5.second_big_section {
    padding: 0 40px;
  }
}

@media (max-width: 768px) {
  .col-md-7.first_big_section {
    padding: 0;
  }
}

@media (min-width: 1279px) {
  .col-md-3.step p {
    height: 150px;
  }
}

@media (max-width: 768px) {
  .row-contacts {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media (min-width: 992px) {
  .half_light_grey_bg {
    height: 100% !important;
  }
}
@media (max-width: 1023px) {
  .half_light_grey_bg {
    height: 500px !important;
  }
}

@media (max-width: 768px) {
  .half_primary_color_bg {
    top: 500px !important;
  }
}

@media (max-width: 768px) {
  .col-md-5.first_big_section {
    padding: 250px 0 !important;
  }
}

.wpcf7-list-item-label a {
  color: #707070;
}

#go_to_top {
  background: #707070;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .container {
    width: unset;
  }
}

@media (max-width: 768px) {
  #contatti .vc_col-sm-2\/5, #contatti .vc_col-sm-3\/5 {
    width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #contatti .vc_col-sm-2\/5, #contatti .vc_col-sm-3\/5 {
    width: 50%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #counter {
    padding: 100px 0 0 30px;
  }
}