html {
	scroll-behavior: smooth;
}

main {
  margin-top: 90px;
}

.columns {
  margin: auto;
}

.nav-section {
  background-color: #024675 !important;
  display: flex;
}

nav li {
  margin: 0 15px;
}

.nav-list {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 0;
}

.logo-img {
  min-width: 200px;
}

.nav-list li {
  margin: 0 10px;
}

.nav-list li a {
  color: white;
}

.navbar-item-landing {
  margin: 0 20px ;
}

.navigaion-inner {
  /* padding-top: 20px; */
  display: flex;
}

.navigation-list {
  background-color: #73CDF6;
}

.tabs a {
  align-content: center;
  align-items: center;
  display: flex;
  margin-bottom: -1px;
  padding: .5em 3em;
  border-bottom: none;
}

.tabs .is-active {
  border-bottom: 1px solid #dbdbdb;
}

.tabs li {
  padding: 2% 1%;
}

.tabs a {
  transition: .5s;
  font-size: 22px !important;
}

.tabs a:hover {
  border-bottom: 1px solid white !important;
  color: white !important;
}

.tabs li.is-active a {
  border-bottom: none;
  color: white;
}

.tabs li.is-active {
  border-bottom: none;
}

#coverseal, #minimal, #basic, #comfort, #relax {
  scroll-behavior: smooth;
}

.hero-bg{
  background-image: url(../img/homepage/hero-backgroung.jpg);
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
}

.hero-bg .box-content {
  margin-top: 9%;
  z-index: 99;
}

.hero-bg .box-content {
  color: white;
}

.hero-title {
  color: white;
  z-index: 99999999;
}

.hero-desc {
  color: white;
}

.is-white {
  color: white !important;
}

.box-description-landing {
  padding-left: 1.2rem;
}

.box-content-landing {
  padding: 0 1rem;
}

.blue-box {
  background-color: #024675;
  padding: 20px;
}

.pt-100 {
  padding-top: 100px;
}

.btn-orange {
  background-color: #FFB230;
  color: white;
  padding: 15px 25px;
  font-weight: 700;
}

.btn-orange:hover {
  background-color: #d59324;
  color: white;
}

/* .hero-bg::after {
  content: "";
  position: absolute;
  background: rgb(2,70,117);
  background: linear-gradient(105deg, rgba(2,70,117,1) 0%, rgba(2,70,117,0.40689779329700626) 69%, rgba(2,70,117,0) 100%);
  opacity: 1;
  top: 0;
  bottom: 0px;
  right: 0;
  left: 0;
  z-index: 1;
} */

.valore-title {
  margin-bottom: 20px;
}

.valore-des {
  font-size: 13px;
}

.valori-columns {
  display: flex;
  flex-wrap: wrap;
}

.img-valore {
  max-width: 75px;
  margin-bottom: 15px;
}

.piscina-card {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 10px;
}

.text-on-top {
  position: absolute;
  top: 40%;
  right: 40%;
  color: white;
  opacity: 0;
  z-index: 99;
  transition: .5s;
}

.hover-blue::after {
  content: "";
  position: absolute;
  background-color: #4BB0DD;
  opacity: 0;
  top: 0;
  bottom: 5px;
  right: 0;
  left: 0;
  transition: .5s;
}

.piscina-card:hover .hover-blue::after {
  opacity: .5;
}
.piscina-card:hover .text-on-top {
  opacity: 1;
}

.square-box {
  padding: 0 15%;
  margin-bottom: 35px;
}

.btn-full {
  padding: 10px 35px;
  background-color: #4BB0DD;
  color: white;
}

.installazione-abr {
  padding-top: 55px;
  padding-bottom: 55px;
}

.realta-matura-img img{
  object-fit: contain;
  padding: 20%;
}

.text-on-top-fix {
  position: absolute;
  top: 30%;
  right: 25%;
  color: white;
  z-index: 99;
  left: 25%;
}

.las-section-text p{
  color: white;
}

.last-section-img::after {
  content: "";
  position: absolute;
  background-color: #024675;
  opacity: .5;
  top: 12px;
  bottom: 17px;
  right: 11px;
  left: 13px;
}

.last-section-img img {
  width: 100%;
  height: 17%;
  max-width: 1800px;
  max-height: 500px;
  object-fit: cover;
}

/****************
COPERTURE
*****************/

.hero-inner-page {
  background-image: url(../img/coperture/coperture-hero-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-inner-description h2 {
  color: white;
}

.hero-inner-description p {
  color: white;
}

.box-img-landing {
  width: 100%;
  max-width: 1000px;
  height: 100%;
  object-fit: contain;
}

.separatore {
  padding: 0;
}

.separatore .column{
  padding: 0;
}

/************
GALLERY COPERTURE
***************/

.column-coperture {
  flex-wrap: wrap;
}

.column-coperture-img {
  max-width: 100%;
}

.gallery-coperture .slider-nav {
  margin-top: 1.2rem;
}
.gallery-coperture .slider-nav2 {
  margin-top: 1.2rem;
}
.gallery-coperture .slider-nav3 {
  margin-top: 1.2rem;
}
.gallery-coperture .slider-nav4 {
  margin-top: 1.2rem;
}
.gallery-coperture .slider-nav5 {
  margin-top: 1.2rem;
}

.gallery-coperture .slider-nav .box-img-landing {
  height: 100px;
}
.gallery-coperture .slider-nav2 .box-img-landing {
  height: 100px;
}
.gallery-coperture .slider-nav3 .box-img-landing {
  height: 100px;
}
.gallery-coperture .slider-nav4 .box-img-landing {
  height: 100px;
}
.gallery-coperture .slider-nav5 .box-img-landing {
  height: 100px;
}

.gallery-coperture .slider-for .box-img-for {
  height: 400px;
}
.gallery-coperture .slider-for2 .box-img-for {
  height: 400px;
}
.gallery-coperture .slider-for3 .box-img-for {
  height: 400px;
}
.gallery-coperture .slider-for4 .box-img-for {
  height: 400px;
}
.gallery-coperture .slider-for5 .box-img-for {
  height: 400px;
}

.gallery-coperture .box-img-landing img,
.gallery-coperture .box-img-for img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-coperture .slick-slide:focus,
.gallery-coperture .slider-nav .box-img-landing:focus {
  outline: none;
}
.gallery-coperture .slick-slide:focus,
.gallery-coperture .slider-nav2 .box-img-landing:focus {
  outline: none;
}
.gallery-coperture .slick-slide:focus,
.gallery-coperture .slider-nav3 .box-img-landing:focus {
  outline: none;
}
.gallery-coperture .slick-slide:focus,
.gallery-coperture .slider-nav4 .box-img-landing:focus {
  outline: none;
}
.gallery-coperture .slick-slide:focus,
.gallery-coperture .slider-nav5 .box-img-landing:focus {
  outline: none;
}

.gallery-coperture .slick-slide:hover {
  cursor: pointer;
}

.gallery-coperture .slider-nav .slick-slide {
  margin: 0 10px;
  width: calc(25% - 15px) !important;
}
.gallery-coperture .slider-nav2 .slick-slide {
  margin: 0 10px;
  width: calc(25% - 15px) !important;
}
.gallery-coperture .slider-nav3 .slick-slide {
  margin: 0 10px;
  width: calc(25% - 15px) !important;
}
.gallery-coperture .slider-nav4 .slick-slide {
  margin: 0 10px;
  width: calc(25% - 15px) !important;
}
.gallery-coperture .slider-nav5 .slick-slide {
  margin: 0 10px;
  width: calc(25% - 15px) !important;
}

.gallery-coperture .slider-nav .slick-slide:first-of-type {
  margin-left: 0;
}
.gallery-coperture .slider-nav2 .slick-slide:first-of-type {
  margin-left: 0;
}
.gallery-coperture .slider-nav3 .slick-slide:first-of-type {
  margin-left: 0;
}
.gallery-coperture .slider-nav4 .slick-slide:first-of-type {
  margin-left: 0;
}
.gallery-coperture .slider-nav5 .slick-slide:first-of-type {
  margin-left: 0;
}

.gallery-coperture .slider-nav .slick-slide:last-child {
  margin-right: 0;
}
.gallery-coperture .slider-nav2 .slick-slide:last-child {
  margin-right: 0;
}
.gallery-coperture .slider-nav3 .slick-slide:last-child {
  margin-right: 0;
}
.gallery-coperture .slider-nav4 .slick-slide:last-child {
  margin-right: 0;
}
.gallery-coperture .slider-nav5 .slick-slide:last-child {
  margin-right: 0;
}

/***************
GALLERY COPERTURE END
***************/


/******************
SICUREZZA
******************/

.sicurezza {
  background-image: url(../img/sicurezza-manutenzione/sicurezza-hero-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.saperne-piu {
  background-image: url(../img/saperne-di-piu/saperne-piu-hero-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

ol li p {
  color: white;
}

li::marker {
  font-family: Playfair Display;
}


/**************
SAPERNE DI PIU  
***************/

.section.is-medium.is-full-img .box-img {
  height: calc(100% - 12rem);
  top: 6rem;
  margin-left: -5%;
  margin-top: 4%;
}

.progetto-creazione {
  padding: 40px;
}

.progetto-img {
  margin-left: -4%;
  object-fit: cover !important;
}
 
.progetto-column {
  object-fit: cover;
  overflow: hidden;
}

ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}
ol li {
  counter-increment: my-awesome-counter;
}

ol li p{
  margin-bottom: 20px;
}

ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: white;
  font-family: Playfair Display;
  font-size: 50px;
  font-weight: bold;
}

/**************
SAPERNE DI PIU  
***************/

/*************
FORM PAGE
*************/

.form-section {
  padding: 60px 0;
  background-image: url(../img/form-page/hero-form-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.form-column {
  justify-content: center;
  align-items: center;
  display: flex;
}

.form {
  padding:30px 40px;
  max-width: 490px;
  background-color: #F6EFED;
}

.form-p {
  padding-right: 55px;
}

.cta-form {
  justify-content: center !important;
}

.cta-form p {
  margin-bottom: 20px;
}

.input.is-hovered, .input:hover, .textarea.is-hovered, .textarea:hover {
  border-color: #61b9e17d;
}

.btn-form {
  padding: 10px 90px;
  background-color: white;
  color: #024675;
}

.button.is-link {
  background: #024675;
}

.button.is-link.is-hovered, .button.is-link:hover {
  background: #024675;
}

/*************
FORM PAGE
*************/

/*************
FIXED NAV
*************/

.navigation-tabs.fixed .navigation-list {
  position: fixed;
  top: 98px;
  width: 100%;
  z-index: 99;
}

.hero {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99999;
}

/*************
FIXED NAV END
*************/

.footer {
  padding: 0;
}

.label {
  font-style: normal;
}

input:hover {
  border-color: #61b9e17d;
}

#thank-you-div {
  display: none;
  margin-top: 25px;
  padding: 10px 1px;
  border: 2px solid #024675;
  text-align: center;
  font-style: italic;
}