@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'aileronbold';
    src: url('../fonts/aileron/aileron-bold-webfont.eot');
    src: url('../fonts/aileron/aileron-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/aileron/aileron-bold-webfont.woff') format('woff2'),
         url('../fonts/aileron/aileron-bold-webfont.woff') format('woff'),
         url('../fonts/aileron/aileron-bold-webfont.ttf') format('truetype'),
         url('../fonts/aileron/aileron-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aileronlight';
    src: url('../fonts/aileron/aileron-light-webfont.eot');
    src: url('../fonts/aileron/aileron-light-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/aileron/aileron-light-webfont.woff') format('woff2'),
         url('../fonts/aileron/aileron-light-webfont.woff') format('woff'),
         url('../fonts/aileron/aileron-light-webfont.ttf') format('truetype'),
         url('../fonts/aileron/aileron-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aileronsemibold';
    src: url('../fonts/aileron/aileron-semibold-webfont.eot');
    src: url('../fonts/aileron/aileron-semibold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/aileron/aileron-semibold-webfont.woff') format('woff2'),
         url('../fonts/aileron/aileron-semibold-webfont.woff') format('woff'),
         url('../fonts/aileron/aileron-semibold-webfont.ttf') format('truetype'),
         url('../fonts/aileron/aileron-semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

.no-padding{
  padding:0;
}

body{
    font-family: 'aileronlight';
    background-color: #FFFFFF;
    color: #000000;
}

::-moz-selection { /* Code for Firefox */
    color: #FFF;
    background: #1d93b7;
}

::selection {
    color: #FFF;
    background: #1d93b7;
}

a {
    color: #ad2c6b;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover, a:focus {
    color: #ad2c6b;
    text-decoration:none;
}


.h1, .h2, .h3{
  font-family: 'Satisfy', cursive;
  font-weight:normal;
  text-transform: uppercase;
}

.h1{
  font-size: 4.5vw;
  line-height: 4.5vw;
}

.h2{
  font-size: 4vw;
  line-height: 5vw;
  text-transform:none;
}

.h3{
  color: #ad2c6b;
  font-size: 2vw;
  line-height: 3vw;
  text-transform:none;
}

.h4{
  font-family: 'aileronlight';
  text-transform: uppercase;
}

p{
  font-size: 18px;
  line-height: 1.75;
}

.navbar-default .nav li a{
    color:#000000;
    font-family: 'aileronlight';
    font-size:16px;
    border: 2px solid transparent;
}


.booking-form-top{
    background-image: url('../img/top-bg.jpg');
}
/*
.navbar-default *{
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
}
*/
.navbar-default{
    padding: 0;
    margin-top: 0;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    background: #FFF;
}

.navbar-default.navbar-shrink {
    padding: 0 0;
    background: #FFFFFF;
    margin-top: 0;
}



.navbar-wrapper{
    background-color: #FFFFFF;
}

.booking-form-top .pull-left{
      padding: 0 7px;
}

.booking-form-top .form-control{
    background:none;
    border: 2px solid #FFF;
    color:#FFF;
    border-radius: 0px;
    height: 100%;
}

.booking-label{
  font-size: 30px;
  line-height: 36px;
  padding:0 5px;
  font-family: 'aileronsemibold';
}

.booking-form-top .full-width{
    width:15%;
}

.booking-form-top .half-width{
    width:12%;
}

.btn-default{
    background: #ad2c6b;
    color: #FFF;
    font-family: 'aileronsemibold';
    font-size: 20px;
    border-radius: 0;
    border: 2px solid #ad2c6b;
    padding: 7px 10px;
    text-transform: uppercase;
}

.btn-default:hover{
    background: none;
    color: #ad2c6b;
    border: 2px solid #ad2c6b;
}

.mail-top{
    font-size:16px;
    font-family: 'aileronbold';
    border-left: 2px solid black;
    padding: 10px 20px;
}

.navbar-wrapper{
    margin:0 auto;
}

.navbar-default .navbar-nav>.active>a{
  border-radius: 0;
  border: 2px solid #ad2c6b;
  background: none;
  color: #ad2c6b;
}

.navbar-default .navbar-toggle{
  margin: 0;
  float: none;
  margin-top: 10px;
  border:none;
  border-radius: 0;
  background: none;
}

.logo-wrapper{
  float: left;
}

.navbar-default .navbar-toggle .icon-bar{
  /*height:3px;*/
  background: #000;

}



.col-20{
  width:20%;
  padding-bottom: 20%;
  height:auto;
  float:left;
}


.col-80{
  width:80%;
  float:left;
  padding-bottom: 20%;
  height:auto;
  position:relative;
}

section{
  padding:0;
}

.offerte-cell{
  /*width:50%;*/
}



.offerte-title{

  background: #ad2c6b ;
  text-transform: uppercase;
  position: relative;
}

.offerte-title .title{
    color:#FFF;
}

.offerte-title .title .title-wrapper{
    border-top:1px solid #FFF;
    border-bottom:1px solid #FFF;
    display: inline-block;
    margin:15px 0;
}




.box-footer{
  position: relative;
  padding-bottom: 50%;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
}

.box-footer>div{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
    right: 10%;
}

.box-footer img{
  display: inline-block;
  max-width: 60%;
}

.box-footer.perche-sceglierci{
    background-image: url(../img/perche-sceglierci-bg.jpg);

}


.box-footer.perche-sceglierci span{
  display: block;
  color:#FFF;
  font-family: 'Satisfy', cursive;
  font-size: 5vw;
  line-height: 6vw;
  margin-top:30px;
}


.box-footer.servizi-famiglia{
    background: #3a2926;
    color:#FFF;

}

.box-footer.servizi-famiglia span{
    display: block;
    font-size: 1.5vw;
    margin-top: 15px;
    text-transform: uppercase;
    font-family: 'aileronsemibold';
}

.box-footer.parking{
    background: #ad2c6b;
    color:#FFF;

}

.box-footer.parking img{
  max-width: 35%;
}

.box-footer.border-box:before{
  content: " ";
  position: absolute;
  z-index: 0;
  top: 8%;
  left: 8%;
  right: 8%;
  bottom: 8%;
  border: 1px solid #FFF;

  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
}


.home-camere{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
    right: 10%;
}

.home-camere .h1, .home-camere .h2{
    color:#FFF;
    text-shadow: 2px 2px 5px black;
}

footer .facebook{
  background: url(../img/fb-bg.jpg);
  color:#FFF;
  font-size:2vw;
  padding:5%;
}



.bg-grey{
  background-color: #ebebeb;
}

footer{
  padding: 0px;
}




.owl-theme .owl-controls{
  display:none;
}


.offerte-dett{
  background: #ebebeb;
  padding:5%;

}

.offerte-dett .btn-offerte{
      position:absolute;
      bottom: 10%;
      left: 10%;
      right: 10%;
      text-align: center;
      font-size:20px;
      border:1px solid #ad2c6b;
      color:#000;
      text-transform: uppercase;
      background: none;
}

.slide-item{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


.customNavigation > a {
    position: absolute;
    height: 117px;
    z-index: 99;
    top: 0;
    bottom: 0;
    margin: auto 40px;
    cursor: pointer;
    font-size: 80px;
    color: #3a2926;
    opacity: 0.6;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.customNavigation > a:hover, .customNavigation > a:focus{
    opacity: 1;
}
.customNavigation > a.next {
    right: 0;
}
.customNavigation > a.prev {
    left:0;
}


.news-cell-owl{
  padding:2% 10%;
}


.dropdown-menu{
    background: #ad2c6b;
    padding:5px;
    text-align: center;
}

 .navbar-default .nav .dropdown-menu li a {
    color:#FFF;

}
.navbar-default .nav .dropdown-menu li{
  padding:5px;
  border-bottom: 1px solid #FFF;
}

.navbar-default .nav .dropdown-menu li:last-child{
  border-bottom: 0px solid #FFF;
}
.navbar-default .nav .dropdown-menu li a{
  background: none;

}

.navbar-default .nav li a:hover, .navbar-default .nav li a:focus{
    color: #ad2c6b ;
}


.table-responsive{
    text-align:center;
    border: 0px;

    font-family: 'aileronlight';
    font-size:23px;
}
.table-responsive .t-head{

    color: #FFFFFF;
    text-transform:uppercase;
    font-size:30px;
}

.table-responsive .t-head>div{
    background-color: #ad2c6b;
    border-bottom:2px solid #FFFFFF;
    padding:10px;
}
.table-responsive .t-body>div{
    border:2px solid #FFFFFF;
    padding:10px;
}

.table-responsive .t-body>div:nth-child(4n), .table-responsive .t-body>div:nth-child(4n+1){
    background-color: #f2f2f2;
}

.table-responsive .t-body>div{
    background-color: #ffeef6;
    text-transform:uppercase;
}


.parchi p{
  text-align: left;
}

.offerte-row .offerte-testo{
    padding: 5%;

}

.offerte-row .offerte-testo.list{
  padding-bottom: 75px;
}

.offerte-row .offerte-testo.dett .testo{
  position: static;

}

.offerte-row{
  margin-left: 0;
  margin-right: 0;
}

.offerte-row .offerte-testo .testo{
    position: absolute;
    top: 5%;
    left: 5%;
    right: 5%;
}

.offerte-row .offerte-testo a.btn-offerte{
  position: absolute;
  bottom:10%;
  left:0;
  right:0;
  margin: auto;
  width:40%;
}

.map-canvas{
  height:500px;
}

label{
  font-weight: normal;
}
.form-control{
  border:1px solid #ad2c6b;
  border-radius: 0px;
  height:55px;
}

.breadcrumbs{
  padding: 30px;
  text-align: center;
  margin-bottom: -60px;
}

.box-social{
    margin-top:15px;
}



.album-cell .copertina{
  padding-bottom: 100%;
    background-size: cover;
    background-position: center;
}


.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: initial;
    background-color: transparent;
}

.facebook a{
  color:#FFF;
}



.navbar-default .nav .dropdown-menu li.active a, .navbar-default .nav .dropdown-menu li a:hover, .navbar-default .nav .dropdown-menu li a:focus {
   color:#FFF;
   font-weight: bold;
}

.nav>li>a {
    padding-left: 14px;
    padding-right:14px;
}

.top-mail{
      padding: 16px 10px;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
     max-height: none;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: initial;
    border-color: transparent;
}

.offerte-title .btn.btn-default{
    border-color: white;
    width: 100%;
    padding: 7px 0;
    margin-bottom: 15px;
}

.btn.btn-default.btn-booking{
      padding: 2px 10px;
}


.gallery-item{

    background-size: cover;
    background-position: center;
    background-size:cover;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}


.gallery-item:hover{
    opacity:0.8 ;
}

.gallery-item>div{
  width:100%;
  height: auto;
  padding-bottom: 100%;
  background-size:cover;
  background-position: center;
}

.gallery-item {overflow:hidden}
.gallery-item>div {transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s}
.gallery-item>div:hover{transform: scale(1.2); -webkit-transform: scale(1.2);}


a:hover .box-footer{
  opacity: 0.9;
}

a:hover .box-footer.border-box:before{
  top: 6%;
  left: 6%;
  right: 6%;
  bottom: 6%;
}

p{margin-bottom: 0}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
  background-color: #FFF;
}
/*
@media (min-width: 320px) and (max-width: 767px) {
  .header-mobile{
    position: absolute;
    z-index: 9;
    background: #FFF;
    top:0;
  }

  .header-mobile img.logo{
    width:270px;
  }

  .slider{
    margin-top:178px;
  }

}
*/

/*320 */
@media (min-width: 320px) and (max-width: 479px) {
    .logo-wrapper{
      float: none!important;
      display: inline-block;
    }

    .box-footer {
      padding-bottom: 100%;
    }

    .offerte-dett{
        padding-bottom: 30%;
    }

    .btn-default{
      font-size:12px;
    }

    .h1 {
        font-size: 8.5vw;
        line-height: 11.5vw;
    }

     .h2 {
      font-size: 8vw;
      line-height: 10vw;
    }

  .navbar-default{
    position: static;
  }

  .box-footer.perche-sceglierci span {
    font-size: 16vw;
    line-height: 18vw;
  }

  .box-footer.servizi-famiglia span {
    font-size: 6.5vw;
  }

  .customNavigation > a {
      height: 90px;
      font-size: 55px;
      margin: auto 15px;
  }

  .booking-form-top .pull-left {
      float: none!important;
  }

  .navbar{
    margin-bottom: 0px;
  }


  .navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
  }


  p{
    font-size: 16px;
    line-height: 1.75;
  }


  .nav-wrapper{
      padding: 0;
  }


}

/* 480 */
@media (min-width: 480px) and (max-width: 767px) {
      .logo-wrapper{
        float: none!important;
        display: inline-block;
      }

      .box-footer {
        padding-bottom: 100%;
      }

      .offerte-dett{
          padding-bottom: 30%;
      }

      .btn-default{
        font-size:12px;
      }

      .h1 {
        font-size: 8.5vw;
        line-height: 11.5vw;
      }

      .h2 {
        font-size: 8vw;
        line-height: 10vw;
      }

      .navbar-default{
        position: static;
      }

      .box-footer.perche-sceglierci span {
        font-size: 16vw;
        line-height: 18vw;
      }

      .box-footer.servizi-famiglia span {
        font-size: 6.5vw;
      }

      .customNavigation > a {
          height: 90px;
          font-size: 55px;
          margin: auto 15px;
      }

      .booking-form-top .pull-left {
          float: none!important;
      }

      .navbar{
        margin-bottom: 0px;
      }

      .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
      }

      .nav-wrapper{
          padding: 0;
      }
}

/* 768 */
@media (min-width: 768px) and (max-width: 991px) {

      img.logo {
          height: 50px;
      }

      .nav-wrapper{
        display:inline-block;
        float:none;
      }

      .navbar-default .nav li a{
        font-size: 12px;
      }


      .nav>li>a {
          padding: 6px 5px;
      }


      .mail-top{
        border:none;
      }

      .booking-form-top .pull-left {
          float: none!important;
      }

      .offerte-row .offerte-testo.list{
        padding-bottom: 85px;
      }

      .dropdown-menu{
        float: right;
        right: 0;
        left: auto;
      }

}


/* 992 */
@media (min-width: 992px) and (max-width: 1199px) {
      img.logo {
          height: 50px;
      }

      .nav-wrapper{
        display:inline-block;
        float:none;
      }

      .navbar-default .nav li a{
        font-size: 13px;
    }

    .mail-top{
      border:none;
    }

    .h4{
      font-size: 15px;
    }

    .dropdown-menu{
      float: right;
      right: 0;
      left: auto;
    }
}

/* 1200 */
@media (min-width: 1200px) and (max-width: 1599px) {

    .navbar-wrapper{
      width:1200px;
    }

    img.logo {
        height: 50px;
    }

    .nav-wrapper{
      display:inline-block;
      float:none;
    }
    .nav>li>a {
        padding: 10px 17px;
    }

    .mail-top{
      border:none;
    }

    .dropdown-menu{
      float: right;
      right: 0;
      left: auto;
    }

}

/* 1600 */
@media (min-width: 1600px) and (max-width: 1919px) {

    .navbar-wrapper{
      width:1600px;
    }

    img.logo {
        height: 50px;
    }

    .navbar-default.navbar-shrink img.logo{
        height:40px;
    }

    .navbar-default .nav li a{
        font-size:14px;
    }

    .nav-wrapper{
      float:right;
    }



}


@media (min-width: 320px){
    .navbar-toggle{
      display: inline-block;
    }

    .box-20{
      width:100%;
      float:left;
    }

    .box-80{
      width:100%;
      float:left;
    }

    footer .facebook .fa{
      font-size:10vw;
    }

    .offerte-title .title span.first{
        font-size:30px;

    }

    .offerte-title .title span.last{
        font-size:30px;
        margin-left: 4px;
    }

    footer .facebook {
        font-size: 5vw;
    }


    .h3 {
        font-size: 10vw;
        line-height: 10vw;
    }

    .pv-80{
      padding-top: 40px;
      padding-bottom: 40px;
    }

    .mb-40{
      margin-bottom: 20px;
    }

    .pb-40{
      padding-bottom: 20px;
    }


    .map-canvas {
        height: 250px;
    }

}

@media (min-width:480px){


    .h3 {
        font-size:7vw;
        line-height: 7vw;
    }

    .offerte-title .title span.first{
        font-size:50px;

    }

    .offerte-title .title span.last{
        font-size:50px;
        margin-left: 15px;
    }
}
@media (min-width: 768px){
    .navbar-toggle{
      display: none;
    }


    .slider {
      margin-top:188px;
    }

    footer .facebook .fa{
      font-size:5vw;
    }


    footer .facebook {
        font-size: 2vw;
    }

    p{
      font-size: 18px;
      line-height: 1.75;
    }


    .h3 {
        font-size: 5vw;
        line-height: 5vw;
    }


    .pv-80{
      padding-top: 80px;
      padding-bottom: 80px;
    }

    .mb-40{
      margin-bottom: 40px;
    }

    .pb-40{
      padding-bottom: 40px;
    }


    .map-canvas {
        height: 500px;
    }

}

@media (min-width: 992px){
    ul.nav li.dropdown:hover > ul.dropdown-menu {
      display: block;
  }


  .box-20{
      width:33.33330%;
      padding-bottom: 33.3333%;
  }

  .box-80{
      width:66.666666%;
  }

  .offerte-title .title{
      color:#FFF;
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
  }

  .offerte-title .title span{
    display: block;
  }

  .offerte-title .title span.first{
      font-size:75px;
          line-height: 83px;

  }

  .offerte-title .title span.last{
      font-size:60px;
          line-height: 65px;
      margin-left: 0;
  }

  .slider {
    margin-top:206px;
  }

  .h3 {
      font-size: 3vw;
      line-height: 3vw;
  }

}

@media (min-width:1200px){
    footer .facebook .fa{
      display:block;
    }

    footer .facebook .fa{
      font-size:10vw;
    }

    .slider {
      margin-top:196px;
    }

    .h3 {
        font-size: 3vw;
        line-height: 3vw;
    }
}

@media (min-width:1600px){


  .box-20{
    width:20%;
    padding-bottom: 20%;
    float:left;
  }

  .box-80{
    width:80%;
    float:left;
  }

  .slider {
    margin-top:131px;
  }
}


@media (min-width: 1920px){



  .navbar-wrapper{
    width:1600px;
  }

  img.logo {
      height: 50px;
  }

  .navbar-default.navbar-shrink img.logo{
      height:40px;
  }

  .navbar-default .nav li a{
      font-size:14px;
  }

  .nav-wrapper{
    float:right;
  }
}