/* ------------------------------------------------
  Project:   Ponzalino Mobili
  Author:    LRC SERVIZI SRL
------------------------------------------------ */

h1, .h1 {
  font-size: 70px;
  font-style: normal;
  line-height: 85px;
  font-weight: 400;
  color: var(--themeht-text-color);
}
.text-justify { text-align: justify; }
#ht-preloader .loader.clear-loader img{ max-width: 120px }
.navbar-brand.logo{ padding: 0 }

 .navbar-nav .nav-link.active, .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover, .navbar-nav .show > .nav-link {
	color: var(--themeht-white-color);
}

.counter.style-1 h6 { color: var(--themeht-primary-color); background: none; transform: translateX(-50%) translateY(-50%);  position: relative;  left: 50%;  text-align: center;}
.service-cat a { color: var(--themeht-white-color); }
.step-item.style-2 .step-icon { background: var(--themeht-bg-light-color); }
.step-item.style-2:hover .step-icon { color: var(--themeht-white-color); }
.step-item.style-2:hover .step-number { background: var(--themeht-bg-light-color); }

.h2-home h2 { font-size: 40px; }
.step-item.style-2 p { -webkit-line-clamp: 4; }

.testimonial-content p {
  font-size: 30px;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .testimonial-content p {
    font-size: 24px;
  }
}

/*TESTIMONIAL HOME START*/

.testimonial-author {
  margin-top: 30px;
}
.testimonial-author img {
  width: 70px !important;
  height: 70px !important;
}
.testimonial-author h6 {
  color: #fff;
  font-size: 18px;
  margin-top: 30px;
}
.testimonial-author h6 span {
  display: block;
  opacity: 0.5;
  font-size: 90%;
  margin-top: 5px;
}

.testimonial-two .testimonial-author h6 {
  color: inherit;
  font-size: 18px;
  margin-top: 30px;
}

#testimonial-3 .single-testimonial-item {
  border: 1px solid #333;
  padding: 40px 35px;
}
#testimonial-3 .testimonial-rating i {
  font-size: 16px;
  color: #eee;
  margin-bottom: 25px;
}
#testimonial-3 .testimonial-content {
  margin-top: 20px;
}
#testimonial-3 .testimonial-content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #eee;
}
#testimonial-3 .testimonial-author {
  display: flex;
  align-items: center;
  margin-top: 50px;
}
#testimonial-3 .testimonial-thumb img {
  border-radius: 50%;
}
#testimonial-3 .testimonial-title {
  padding-left: 15px;
}
#testimonial-3 .testimonial-title h5 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #eee;
}
#testimonial-3 .testimonial-title p {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}
#testimonial-3 .testimonial-carousel .owl-stage-outer {
  margin: -15px;
  padding: 15px;
}
#testimonial-3 .testimonial-carousel .owl-dots button.owl-dot span {
  width: 17px;
  height: 8px;
  background: #333;
  margin-right: 10px;
  margin-top: 20px;
  transition: 0.3s;
}
#testimonial-3 .testimonial-carousel .owl-dots button.owl-dot.active span {
  width: 45px;
  height: 8px;
  background: #fff;
}
#testimonial-3 .testimonial-carousel .owl-dots {
  text-align: center;
  margin-top: 50px;
}

.single-testimonial-item img {
  width: inherit !important;
}

/*TESTIMONIAL HOME END*/

.team-swiper .team-member .team-desc{
	background: #fff;
	text-align: center;
	padding: 16px 0 18px;
	position: absolute;
	width: 280px;
	height: auto;
	left: 16%;
	bottom: 20px;
}

.team-swiper .team-member .team-desc ul{
	transition: visibility 0s, opacity 2s linear;
	visibility: hidden;
	opacity: 0;
	height: 0;
	padding: 0;
}

.team-swiper .team-member:hover .team-desc ul{
	visibility: visible;
	opacity: 1;
	height: auto;
	padding: 20px;
}

.team-swiper .team-member .team-desc span{ color: var(--themeht-primary-color); }
.team-member .team-social-icon{ position: relative; background: none; }

.service-icon img {
  width: 50px;
  height: 50px;
}

#service-3 .single-service-wrap {
  max-width: calc(100% - 60px);
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #service-3 .single-service-wrap {
    max-width: calc(100% - 60px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #service-3 .single-service-wrap {
    max-width: calc(100% - 60px);
  }
}
@media (max-width: 767px) {
  #service-3 .single-service-wrap {
    max-width: calc(100% - 10px);
  }
}
#service-3 .single-service-inner {
  border-top: 1px solid #eee;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  #service-3 .single-service-inner {
    flex-direction: column;
    align-items: start;
    padding: 30px;
  }
}
.single-service {
  padding: 0 45px;
  margin-bottom: 60px;
}

.single-service-inner {
  display: flex;
  align-items: center;
}

.icon-wrap {
  width: 45px;
}

.service-title {
  padding-left: 30px;
}

#service-3 .single-service-inner:nth-of-type(4) {
  border-bottom: 1px solid #eee;
}
#service-3 .single-service-inner .service-icon {
  width: 90px;
  margin-right: 30px;
}
@media (max-width: 767px) {
  #service-3 .single-service-inner .service-icon {
    margin-bottom: 30px;
  }
}
#service-3 .single-service-inner h5 a {
  font-size: 28px;
  font-weight: 400;
  color: #171717;
  margin-right: 30px;
  width: 150px;
}
@media (max-width: 767px) {
  #service-3 .single-service-inner h5 a {
    font-size: 24px;
    line-height: 34px;
  }
}
#service-3 .single-service-inner h5 { margin-bottom: 0; margin-top: 30px; }
#service-3 .single-service-inner p {
  margin: 0;
  padding-right: 50px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #service-3 .single-service-inner p {
    margin: 20px 0;
  }
}
@media (max-width: 767px) {
  #service-3 .single-service-inner p {
    padding-right: 75px;
  }
}
#service-3 .single-service-inner .details-link {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
}
#service-3 .single-service-inner .details-link i {
  font-size: 30px;
  transform: rotate(-45deg);
  transition: 0.3s;
}
#service-3 .single-service-inner .details-link:hover i {
  transform: rotate(0);
}
#service-3 .single-service-inner:hover h5 a {
  color: #333;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #service-3 .service-content-wrap {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  #service-3 .service-content-wrap {
    margin-top: 40px;
  }
}
#service-3 .service-content-wrap p {
  margin: 40px 0;
}
#service-3 .service-bg {
  position: relative;
}
#service-3 .service-bg .more-service-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  color: #171717;
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
#service-3 .service-bg .more-service-btn:hover {
  color: #056251;
}
#service-3 .service-icon img {

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #service-3 .service-icon img {
    width: 40px;
  }
}
@media (max-width: 767px) {
  #service-3 .service-icon img {
    width: 50px;
  }
}
#service-3 .more-service-btn i {
  font-size: 25px;
  transform: rotate(-45deg);
  margin-left: 10px;
}

/* _______________________ PAGINE AMBIENTI _______________________ */
body { --column-gap: 20px; }
.masonry {			
	column-gap: var(--column-gap);
	padding: 0;
	columns: 1;
}
@media (min-width: 761px) { .masonry { columns: 2; } }
@media (min-width: 992px) { .masonry { columns: 2; } }
@media (min-width: 1200px) { .masonry { columns: 2; } }
.masonry-item {
	width: 100%;
	display: block;
	border-bottom: var(--column-gap) solid transparent;
}

.lb-nav a.lb-prev, .lb-nav a.lb-next { background-size: 50px; }
.lb-nav a.lb-prev { background-position-x: 5%; }
.lb-nav a.lb-next { background-position-x: 95%; }

.lb-data .lb-caption {
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 2rem;
}


.page-content.categorie .testo h1, .page-content.categorie .testo .h1{ font-size: 40px; line-height: normal; color:var(--themeht-text-color) }
.page-content.categorie .testo h2, .page-content.categorie .testo .h2{ font-size: 25px; line-height: normal; color:var(--themeht-text-color) }

.promo {
  position: relative;
  background: rgba(193, 23, 32, 1) url( "../images/bg-contact.png" ) repeat;
}

.privacy h4 { margin-top: 20px; margin-bottom: 0; color: #ff0010; font-size: 18px; line-height: normal; }
.privacy .cella_contenuto {
  background-color: #efefef;
  border-left: 2px solid #d6d8db;
  padding: 6px;
  margin-left: 70px;
}

/*-------------
-
-
-
CSS PER MOBILE
-
-
-
---------------*/
@media only screen and (max-width: 600px) {
	section {
	  padding-top: 30px;
	  padding-bottom: 30px;
	}
	
	h1, h2, h3, h4, h5, h6{ letter-spacing: 2px; }
	
	h1, .h1 {
		font-size: 40px !important;
		line-height: 45px !important;
	}
	
	.featured-item.style-3{ padding: 10px 10px }
	.service-icon {
		display: none;
	}
	.swiper-pagination{ margin-top: 10px; }
	.page-title {
		padding: 10px 0 10px;
	}
	.post-single-bg-img{ height: 0 }
	
	.single-service { padding: 0 15px !important; }
}

/* 03.07. Slick Slider */
.slick-slider {
  overflow: hidden;
  margin-right: -40px;
  margin-left: -40px;
  padding-right: 40px;
  padding-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .slick-slider {
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.slick-slider:hover .slick-arrow {
  opacity: 1;
}
.slick-slider:hover .slick-arrow.slick-prev {
  left: 0;
}
.slick-slider:hover .slick-arrow.slick-next {
  right: 0;
}
.slick-slider .slick-list {
  margin-right: -15px;
  margin-left: -15px;
}
.slick-slider .slick-list .slick-slide > div {
  padding-right: 15px;
  padding-left: 15px;
}

.slick-arrow {
  position: absolute;
  z-index: 9;
  top: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  color: #696969;
  border: none;
  background-color: transparent;
}
.slick-arrow i {
  font-size: 25px;
  line-height: 1;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.slick-arrow.slick-prev {
  right: auto;
  left: -40px;
}
.slick-arrow.slick-next {
  right: -40px;
  left: auto;
}
.slick-arrow:hover {
  color: #333333;
}

.slick-dots {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 18px;
  margin-top: 35px;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
.slick-dots li {
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 6px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  text-indent: -9999px;
  opacity: 0.2;
  border: 1px solid transparent;
  border-radius: 50%;
  background-color: #1F1F1F;
}
.slick-dots li.slick-active button {
  width: 18px;
  height: 18px;
  opacity: 1;
  border-color: #333333;
  background-color: transparent;
}



.instafeed .slick-track { display: flex; align-items: center; }
.instagram-image {
	width: 180px;
	height: 180px;
	background-size: cover;
	background-position: center;
}
@media(max-width: 1199px){ .instagram-image { width: 145px; height: 145px; } }
@media(max-width: 991px){ .instagram-image { width: 225px; height: 225px; } }
@media(max-width: 766px){ .instagram-image { width: 250px; height: 250px; } }
@media(max-width: 575px){ .instagram-image { width: 200px; height: 200px; } }
@media(max-width: 479px){ .instagram-image { width: 150px; height: 150px; } }
@media(max-width: 478px){ .instagram-image { width: 325px; height: 325px; } }
@media(max-width: 400px){
	.instagram-image { width: 250px; max-width:100%; height: 250px; }
	.instafeed .slick-slide {
		display: flex;
		justify-content: center;
	}
}

.testoSEO{ position: absolute;   text-indent: -9999px; }