/* css_swiper_master.css */
.swiper-external {
    width:100%;
    display:inline-block;
    position:relative;
    /*max-height:660px;*/
    overflow:hidden;
}
.swiper-container {
  width: 100%;
  color: #fff;
  text-align: left;
  position:relative
}

/* AB workaround per errato posizionamento su ipad / safari */
.swiper-offerte-container {
    width: 100%;
      color: #fff;
      text-align: left;
      position:relative;
    max-height:234px
}
.swiper-offerte-container .swiper-slide {
    height:234px
}
.swiper-slide .title {
  position:relative;
  z-index:11;
  /*box-shadow:0 1px 6px black*/
}
.title .text_overlay {
    left: 0;
    position: absolute;
    top: 40%;
    width: 100%;
    z-index:20 !important;
}
.text_overlay h3 {
    font-family: 'belleroselight';
    font-size:54px;
    text-transform:uppercase;
    color:white;
    text-align:left;
    text-shadow:2px 2px 6px black;
    line-height: 54px
}
.text_overlay h4 {
    font-family: 'belleroselight';
    font-size:48px;
    text-transform:uppercase;
    color:white;
    text-align:left;
    text-shadow:2px 2px 6px black;
    line-height: 48px
}
.swiper-slide img {
    width:100%
}
.pagination {
    left: 0;
    text-align:center;
    position: relative;
    top: -46px;
    z-index: 20;
}

.pagination-offerte {
    position:relative;
    margin:0 auto;
    width: 276px;
    z-index:20;
    top:20px;
    text-align:center
}


.swiper-pagination-switch {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 9px;
  background: #FFF;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #999;
  border: 1px solid #999;
}

.pagination-offerte .swiper-pagination-switch {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 9px;
  background: #999;
  margin-right: 15px;
  opacity: 0.8;
  border: 1px solid #999;
  cursor: pointer;
}
.pagination-offerte .swiper-visible-switch {
  background: #999;
}
.pagination-offerte .swiper-active-switch {
  background: #D21D36;
  border: 1px solid #D21D36;
}



.gallery_inline .gallery-arrow-left {
    background: url(gallery_prev.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 86%;
    margin-top: -15px;
    width: 49px;
    z-index:1000;
    height: 48px
}
.gallery_inline .gallery-arrow-right {
    background: url(gallery_next.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 86%;
    margin-top: -15px;
    width: 49px;
    z-index:1000;
    height: 48px
}

.gallery_inline .pagination {
    visibility:hidden
}

/* break-points for responsive layouts */
@media only screen and (min-width: 1680px) {
    /*.swiper-external {margin-bottom:198px}  */  
}

@media only screen and (max-width: 995px) {
    
}


@media only screen and (min-width: 768px) and (max-width: 995px) {
    .text_overlay h3 {
        font-size:44px;
        line-height:44px
    }
    .text_overlay h4 {
        font-size:38px;
        line-height:38px
    }
    .marg_8 {
        margin-top: 14px;
    }
    
    .gallery_inline .gallery-arrow-left {
        top: 76%;
    }
    .gallery_inline .gallery-arrow-right {
        top: 76%;
    }

    
    
    
}


@media only screen and (max-width: 995px) {
    .text_overlay h3 {
        font-size: 38px;
        line-height: 44px;
        text-align: left;
    }
.text_overlay h4 {
    font-size: 32px;
        line-height: 38px;
        text-align: left;
    }

.swiper-container .grid_8{
text-align: left !important;
margin-top:-10%;
}
    
    .pagination {
    top: -26px;
    }
    
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .text_overlay .container_12 {
        width:100%;
        padding:0 18px
    }
    .text_overlay .grid_8 {
        text-align:left
    }
    .text_overlay h3 {
        font-size:23px;
        padding-right:80px;
        text-align:left;
        line-height:28px
    }
    .text_overlay h4 {
        font-size:18px;
        padding-right:80px;
        text-align:left;
        line-height:22px
    }
.swiper-container h4 p,
.swiper-container h4 p a {
font-size:28px !important;
width:100% !important;
line-height:100% !important;
}

.swiper-container .grid_8 {
width:100% !important;
}

    .marg_8 {
        margin-top: 8px;
    }
    
    .button1 {
        padding:0 10px;
        font-size:15px
    }
    

    
}
@media only screen and (max-width: 767px) {
    .gallery_inline .gallery-arrow-left {
        background: url(gallery_prev.png) no-repeat left top;
        position: absolute;
        left: 4px;
        top: 56%;
        margin-top: -15px;
        width: 49px;
        z-index:1000;
        height: 48px
    }
    .gallery_inline .gallery-arrow-right {
        background: url(gallery_next.png) no-repeat left bottom;
        position: absolute;
        right: 4px;
        top: 56%;
        margin-top: -15px;
        width: 49px;
        z-index:1000;
        height: 48px
    }
}

@media only screen and (max-width: 479px) {
    .title .text_overlay {
        top:10%
    }
    .text_overlay .container_12 {
        width:100%;
        padding:0 18px
    }
    .text_overlay .grid_8 {
        text-align:left
    }
    .text_overlay h3 {
        font-size:23px;
        padding-right:20px;/*era 80*/
        text-align:left;
        line-height:28px
    }
    .text_overlay h4 {
        font-size:18px;
        padding-right:80px;
        text-align:left;
        line-height:22px
    }

.swiper-container h4 p,
.swiper-container h4 p a {
font-size:26px !important;
width:100% !important;
line-height:100% !important;
}

.swiper-container .grid_8 {
margin-top:0 !important;
width:100% !important;
}

.swiper-container .button1{
display:none;
}



    .marg_8 {
        margin-top: 8px;
    }
    
    .button1 {
        padding:0 10px;
        font-size:15px
    }
    .pagination {
        top: -14px    
    }
    .swiper-pagination-switch {
        width: 6px;
        height: 6px;
        margin-right: 12px;
        border-radius: 6px
    }
    
    .pagination-offerte .swiper-pagination-switch {
      display: inline-block;
      width: 7px;
      height: 7px;
      border-radius: 7px;
      background: #999;
      margin-right: 15px;
      opacity: 0.8;
      border: 1px solid #999;
      cursor: pointer;
    }
    .pagination-offerte .swiper-visible-switch {
      background: #999 none;
    }
    .pagination-offerte .swiper-active-switch {
      background: #D21D36 none;
      border: 1px solid #D21D36;
    }

}

@media only screen and (max-width: 320px) {
    
}