/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
.servicses-holder li{
  list-style: none !important;
  }
  .servicses-holder h4{
    margin-top: 25px;
    }
   .chisiamo .inspiro-slider .slide .slide-captions h1 {
      font-size: 53px;
    }
    .chisiamo #slider {
      top: -80px;
    }
.whatsapp-link{
  position: fixed;
  display: block;
  bottom: 70px;
  right: 20px;
  z-index: 999;
}
.whatsapp-button{
width: 67px;
  height: 70px;
  background-image: url(../../images/iconwp.png) !important;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.dati{
  font-size: 12px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.imgpresentazione img {
    width: 820px;
    margin-top: -40px;
    margin-left: -70px;
}

.txt-btn{
  font-size: 16px !important;
}
.title-btn{
  margin-bottom: 40px !important; 
  font-size: 46px !important;
  font-weight: 600 !important;
  line-height: 59px !important;
}
.titlesx{
  margin: 20px 0px 30px 0px !important;
}
.icon-box {
  margin-bottom: 0px !important;
  position: relative !important;
}
.titledx{
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.icon-box.small > h3, .icon-box.small > h5 {
  font-size: 13px !important;
  margin: 0 12px 4px 60px !important;
}
.icon-box.small > p {
  margin: 0 0 20px 60px !important;
  line-height: 1.6 !important;
  font-size: 12px !important;
}
.p0{
  padding: 0px !important;
}
.imgsx img{
  width: 940px !important;
  margin-top: -70px !important;
  margin-left: -450px !important;
}
/* -----------------------------------------------------------------*/
.flickity-page-dots {
  bottom: 65px !important;
}
.testohome{
  font-size: 15px;
}
.inspiro-slider .slide .container, .inspiro-slider .slide .container-wide {
  padding-top: 160px;
}
#mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {
  left: 0;
  right: 0;
  overflow: hidden;
  width: 530px !important;
  transition-duration: 0.3s !important;
}
.logo-default img,.logo-dark img{
  width: 130px;
  margin-top: 18px;
}
.newhome .bg-overlay {
  background: rgba(0, 0, 0, 10) !important;
}
.cont-newhome p {
  margin-top: 0;
  margin-bottom: 4rem;
}
.counterbis span {
  font-size: 50px;
  margin: 0 12px 10px 80px;
  line-height: 40px;
}
.col-lg-3.recensioni{
  margin-left: 30px;
    margin-right: -40px;
}
.facebookbar .piu{
  top: -163px;
    position: relative;
    font-size: 16px !important;
}
.facebookbar .icon-box p {
  margin: 0 0 20px 83px;
  font-size: 21px;
  line-height: 29px;
  font-weight: 400;
}
.facebookbar .title-btn{
  color: #0174C8;
}
.facebookbar{
  background-color: #f2f2f2;
}
.counterbis{
  margin-bottom: 14px;
}
.spcol {
  max-width: 23.666667% !important;
  flex: 3 0 23.666667% !important;
  }  
  .hesperiden .tp-bullet.selected {
    background: #ffffff;
  }
  .hesperiden .tp-bullet {
    width: 8px;
    height: 8px;
    position: absolute;
    background: #999999;
    background: -moz-linear-gradient(top, #999999 0%, #e1e1e1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#e1e1e1));
    background: -webkit-linear-gradient(top, #999999 0%,#e1e1e1 100%);
    background: -o-linear-gradient(top, #999999 0%,#e1e1e1 100%);
    background: -ms-linear-gradient(top, #999999 0%,#e1e1e1 100%);
    background: gray;
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#999999", endcolorstr="#e1e1e1",gradienttype=0 );
    border: 0px solid #e5e5e5;
    border-radius: 53%;
    cursor: pointer;
    box-sizing: content-box;
}
.logofooter img{  
    width: 140px !important;  
    margin-bottom: 12px !important;
  }
 .recensioni h2{
    text-align: center;
    margin-bottom: 60px !important;
    display: block;
  }
  .btnslidescopri:hover{
    opacity: .8 !important;
    color: #2c6db3 !important;
    text-decoration: none !important;
  }
  .btnslidescopri{
    text-align: center;
    letter-spacing: initial;
    font-weight: 800;
    font-size: 26px;
    text-align: center;
    color: #2c6db3 !important;
    padding: 5px 20px;
    border-radius: 30px;
    text-decoration: none;
    text-underline-position: under; 
    background-color: white;
    padding: 10px 30px !important;
  }

  
@media only screen and (max-width: 600px) {
  .chisiamo .inspiro-slider .slide .slide-captions h1 {
    font-size: 19px !important;
    line-height: 26px !important;
}
#footer .list li {
  line-height: 25px;
}
.sedi{
  margin-top: 40px;
}
.chisiamo .inspiro-slider .slide .slide-captions h1 br {
 display: none;
}
  .col-lg-3.recensioni {
    margin-left: -12px;
}
.col-lg-3.follower {
  margin-left: -32px;
}
  .facebookbar .title-btn{
    text-align: center;
  }
  .facebookbar .col-lg-3 .icon-box{
    margin-top: 100px !important;
    display: block;
    margin-bottom: 0px !important;
    margin-left: 40px;
  }
  .facebookbar .col-lg-3:last-child .icon-box{
    margin-top: 0px !important;
    display: block;
    margin-bottom: 0px !important;
    margin-left: 40px;
  }
.btnrecensioni{
  margin: 0 auto;
  display: block;
  width: 270px;
  text-align: center;
}
  .imgsx img {
    width: 390px !important;
    margin-top: -40px !important;
    margin-left: -70px !important;
  }

  .imgtop {
    width: 390px !important;
    margin-top: -30px !important;
    margin-left: -46px !important;
  }

  .title-btn{
    font-size: 30px !important;
      line-height: 40px !important;
  }
  .spcol {
    max-width: inherit !important; 
}
.grid li {
  float: left;
  position: relative;
  width: 20%;
  padding: 20px;
}
}