/* 
    Created on : Oct 12, 2016, 5:05:53 PM
    Author     : matteo
*/
/**
 * custom media steps variables
 */
header {
  /* strong points */
}
header .strongpoints-bg {
  margin-bottom: 10px;
}
main {
  background: white url('../bundles/app/images/bg-homepage.jpg') no-repeat 50% top;
  background-size: 100% 289px;
}
main section {
  padding: 20px 0;
}
main h1 {
  padding: 6px 0 18px 0;
  margin: 0;
}
main h2 {
  padding: 6px 0 18px 0;
  margin: 0;
}
main .homepage .top,
main .hotelotherlocationpage .top {
  position: relative;
  height: 289px;
  padding: 0;
}
main .homepage .top #form-search-deal-base,
main .hotelotherlocationpage .top #form-search-deal-base {
  min-height: 226px;
}
main .homepage .description,
main .hotelotherlocationpage .description {
  font-size: 22px;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  main .homepage .description,
  main .hotelotherlocationpage .description {
    font-size: 2.2vw;
  }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  main .homepage .description,
  main .hotelotherlocationpage .description {
    font-size: 1.5vw;
  }
}
main .homepage .description article,
main .hotelotherlocationpage .description article {
  position: relative;
  padding-left: 54px;
  color: #004475;
}
main .homepage .description article:before,
main .hotelotherlocationpage .description article:before {
  position: absolute;
  top: 0px;
  left: -9px;
  font-family: "rb-icons";
  font-size: 2em;
  content: "\e90c";
  color: #004475;
}
main .homepage .description article p,
main .hotelotherlocationpage .description article p {
  margin: 0;
}
main .homepage .main-pages,
main .hotelotherlocationpage .main-pages {
  padding: 40px 0 10px 0;
}
main .homepage .main-pages article,
main .hotelotherlocationpage .main-pages article {
  margin-bottom: 20px;
  color: white;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  main .homepage .main-pages article,
  main .hotelotherlocationpage .main-pages article {
    margin-bottom: 10px;
  }
}
main .homepage .main-pages article.half-width,
main .hotelotherlocationpage .main-pages article.half-width {
  width: 50%;
  padding-right: 10px;
}
main .homepage .main-pages article.half-width:last-child,
main .hotelotherlocationpage .main-pages article.half-width:last-child {
  padding: 0;
}
main .homepage .main-pages article.full-height,
main .hotelotherlocationpage .main-pages article.full-height {
  height: 270px;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  main .homepage .main-pages article.full-height,
  main .hotelotherlocationpage .main-pages article.full-height {
    height: 230px;
  }
}
main .homepage .main-pages article.full-height a,
main .hotelotherlocationpage .main-pages article.full-height a {
  padding-top: 230px;
}
main .homepage .main-pages article.half-height,
main .hotelotherlocationpage .main-pages article.half-height {
  height: 125px;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  main .homepage .main-pages article.half-height,
  main .hotelotherlocationpage .main-pages article.half-height {
    height: 110px;
  }
}
main .homepage .main-pages article.half-height:last-child,
main .hotelotherlocationpage .main-pages article.half-height:last-child {
  margin-bottom: 0;
}
main .homepage .main-pages article.half-height a,
main .hotelotherlocationpage .main-pages article.half-height a {
  padding-top: 85px;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  main .homepage .main-pages article.half-height a,
  main .hotelotherlocationpage .main-pages article.half-height a {
    padding-top: 109px;
  }
}
main .homepage .main-pages article a,
main .hotelotherlocationpage .main-pages article a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 24px;
  position: relative;
  /* link con background specifici della homepage */
  /* link con background specifici della pagina hotel other location */
}
main .homepage .main-pages article a .tile-title,
main .hotelotherlocationpage .main-pages article a .tile-title {
  padding-left: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -1px;
  height: 50px;
  line-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}
main .homepage .main-pages article a .tile-title:before,
main .hotelotherlocationpage .main-pages article a .tile-title:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
  left: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.55+51 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.75) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.75) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.75) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#8c000000', GradientType=0);
  /* IE6-9 */
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  main .homepage .main-pages article a .tile-title,
  main .hotelotherlocationpage .main-pages article a .tile-title {
    font-size: 1.5vw;
    letter-spacing: 0;
  }
}
main .homepage .main-pages article a.link-hotel-rimini,
main .hotelotherlocationpage .main-pages article a.link-hotel-rimini {
  background: transparent url("../bundles/app/images/bg-homepage-hotel-rimini.jpg") no-repeat;
}
main .homepage .main-pages article a.link-hotel-riccione,
main .hotelotherlocationpage .main-pages article a.link-hotel-riccione {
  background: transparent url("../bundles/app/images/bg-homepage-hotel-riccione.jpg") no-repeat;
}
main .homepage .main-pages article a.link-hotel-bellaria,
main .hotelotherlocationpage .main-pages article a.link-hotel-bellaria {
  background: transparent url("../bundles/app/images/bg-homepage-hotel-bellaria-igea-marina.jpg") no-repeat;
}
main .homepage .main-pages article a.link-hotel-misano,
main .hotelotherlocationpage .main-pages article a.link-hotel-misano {
  background: transparent url("../bundles/app/images/bg-homepage-hotel-misano-adriatico.jpg") no-repeat;
}
main .homepage .main-pages article a.link-hotel-cattolica,
main .hotelotherlocationpage .main-pages article a.link-hotel-cattolica {
  background: transparent url("../bundles/app/images/bg-homepage-hotel-cattolica.jpg") no-repeat;
}
main .homepage .main-pages article a.link-hotel-gabicce,
main .hotelotherlocationpage .main-pages article a.link-hotel-gabicce {
  background: transparent url("../bundles/app/images/bg-homepage-hotel-gabicce-mare.jpg") no-repeat;
}
main .homepage .main-pages article a.link-hotel-cesenatico,
main .hotelotherlocationpage .main-pages article a.link-hotel-cesenatico {
  background: transparent url("../bundles/app/images/bg-homepage-hotel-cesenatico.jpg") no-repeat;
}
main .homepage .main-pages article a.link-hotel-milanom,
main .hotelotherlocationpage .main-pages article a.link-hotel-milanom {
  background: transparent url("../bundles/app/images/bg-homepage-hotel-milanom.jpg") no-repeat;
}
main .homepage .main-pages article a.link-residence,
main .hotelotherlocationpage .main-pages article a.link-residence {
  background: transparent url("../bundles/app/images/bg-homepage-residence.jpg") no-repeat;
}
main .homepage .main-pages article a.link-fair,
main .hotelotherlocationpage .main-pages article a.link-fair {
  background: transparent url("../bundles/app/images/bg-fair.jpg") no-repeat;
}
main .homepage .main-pages article a.link-pethotel,
main .hotelotherlocationpage .main-pages article a.link-pethotel {
  background: transparent url("../bundles/app/images/bg-pet.jpg") no-repeat;
}
main .homepage .main-pages article a.link-july,
main .hotelotherlocationpage .main-pages article a.link-july {
  background: transparent url("../bundles/app/images/bg-luglio.jpg") no-repeat;
}
main .homepage .main-pages article a.link-poolhotel,
main .hotelotherlocationpage .main-pages article a.link-poolhotel {
  background: transparent url("../bundles/app/images/bg-piscina.jpg") no-repeat;
}
main .homepage .main-pages article a.link-event,
main .hotelotherlocationpage .main-pages article a.link-event {
  background: transparent url("../bundles/app/images/bg-event.jpg") no-repeat;
}
main .homepage .main-pages article a.link-magazine,
main .hotelotherlocationpage .main-pages article a.link-magazine {
  background: transparent url("../bundles/app/images/bg-magazine.jpg") no-repeat;
}
main .homepage .main-pages article a.link-event-highlighted,
main .hotelotherlocationpage .main-pages article a.link-event-highlighted {
  background: transparent url("../bundles/app/images/bg-event-highlighted.jpg") no-repeat;
}
main .homepage .main-pages article a.link-park,
main .hotelotherlocationpage .main-pages article a.link-park {
  background: transparent url("../bundles/app/images/bg-park.jpg") no-repeat;
}
main .homepage .main-pages article a.link-meteo,
main .hotelotherlocationpage .main-pages article a.link-meteo {
  background: transparent url("../bundles/app/images/bg-meteo.jpg") no-repeat;
}
main .homepage .main-pages article a.link-savesturtles,
main .hotelotherlocationpage .main-pages article a.link-savesturtles {
  background: transparent url("../bundles/app/images/bg-savesturtles.jpg") no-repeat;
}
main .homepage .main-pages article a.link-savesturtles .tile-title,
main .hotelotherlocationpage .main-pages article a.link-savesturtles .tile-title {
  line-height: 24px;
}
main .homepage .main-pages article a.link-webcam,
main .hotelotherlocationpage .main-pages article a.link-webcam {
  background: transparent url("../bundles/app/images/bg-webcam.jpg") no-repeat;
}
main .homepage .main-pages article a.link-deals,
main .hotelotherlocationpage .main-pages article a.link-deals {
  background: transparent url("../bundles/app/images/bg-all-deals.jpg") no-repeat;
}
main .homepage .main-pages article a.link-disco,
main .hotelotherlocationpage .main-pages article a.link-disco {
  background: transparent url("../bundles/app/images/bg-disco.jpg") no-repeat;
}
main .homepage .main-pages article a.link-hotel-bellaria,
main .hotelotherlocationpage .main-pages article a.link-hotel-bellaria {
  background: transparent url("../bundles/app/images/bg-hotel-bellaria.jpg") no-repeat;
}
main .homepage .main-pages article a.link-hotel-gabicce-mare,
main .hotelotherlocationpage .main-pages article a.link-hotel-gabicce-mare {
  background: transparent url("../bundles/app/images/bg-hotel-gabicce-mare.jpg") no-repeat;
}
main .homepage .main-pages article a.link-hotel-igea-marina,
main .hotelotherlocationpage .main-pages article a.link-hotel-igea-marina {
  background: transparent url("../bundles/app/images/bg-hotel-igea-marina.jpg") no-repeat;
}
main .homepage .main-pages article a.link-hotel-misano-adriatico,
main .hotelotherlocationpage .main-pages article a.link-hotel-misano-adriatico {
  padding-top: 196px;
  background: transparent url("../bundles/app/images/bg-hotel-misano-adriatico.jpg") no-repeat;
}
main .homepage .main-pages article a.link-hotel-cattolica,
main .hotelotherlocationpage .main-pages article a.link-hotel-cattolica {
  background: transparent url("../bundles/app/images/bg-hotel-cattolica.jpg") no-repeat;
}
main .homepage .thematic-pages,
main .hotelotherlocationpage .thematic-pages {
  padding-bottom: 22px;
}
main .homepage .thematic-pages > div > div,
main .hotelotherlocationpage .thematic-pages > div > div {
  min-height: 128px;
}
main .homepage .thematic-pages > div > div a span,
main .hotelotherlocationpage .thematic-pages > div > div a span {
  width: 100%;
}
main .homepage .events .carousel-event,
main .hotelotherlocationpage .events .carousel-event {
  padding: 0 14px;
}
main .homepage .events .carousel-event.slick-current > div .date-block,
main .hotelotherlocationpage .events .carousel-event.slick-current > div .date-block {
  background-color: #feb52a;
}
main .homepage .events .carousel-event > div,
main .hotelotherlocationpage .events .carousel-event > div {
  overflow: hidden;
  border: 1px solid #eeeeee;
}
main .homepage .events .carousel-event > div .date-block,
main .hotelotherlocationpage .events .carousel-event > div .date-block {
  width: 155px;
  height: 155px;
  padding: 16px;
  background-color: #004475;
  font-size: 22px;
  color: white;
}
main .homepage .events .carousel-event > div .date-block .day,
main .hotelotherlocationpage .events .carousel-event > div .date-block .day {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid white;
  font-size: 46px;
}
main .homepage .events .carousel-event > div .date-block .month,
main .hotelotherlocationpage .events .carousel-event > div .date-block .month {
  display: inline-block;
  width: 100%;
  padding-top: 6px;
}
main .homepage .events .carousel-event > div .content,
main .hotelotherlocationpage .events .carousel-event > div .content {
  padding: 6px 6px 6px 161px;
}
main .homepage .events .carousel-event > div .content a,
main .hotelotherlocationpage .events .carousel-event > div .content a {
  display: inline-block;
  height: 44px;
}
main .homepage .events .carousel-event > div .content p,
main .hotelotherlocationpage .events .carousel-event > div .content p {
  position: relative;
  padding-left: 22px;
  font-size: 14px;
}
main .homepage .events .carousel-event > div .content p.date-interval,
main .hotelotherlocationpage .events .carousel-event > div .content p.date-interval {
  margin: 6px 0;
}
main .homepage .events .carousel-event > div .content p.date-interval:before,
main .hotelotherlocationpage .events .carousel-event > div .content p.date-interval:before {
  position: absolute;
  top: -6px;
  left: 0px;
  z-index: 0;
  font-family: FontAwesome;
  font-size: 1.5em;
  content: "\f073";
  color: #777777;
}
main .homepage .events .carousel-event > div .content p.location:before,
main .hotelotherlocationpage .events .carousel-event > div .content p.location:before {
  position: absolute;
  top: -6px;
  left: 3px;
  z-index: 0;
  font-family: FontAwesome;
  font-size: 1.5em;
  content: "\f041";
  color: #777777;
}
main .homepage .deals-page,
main .hotelotherlocationpage .deals-page {
  padding-top: 0;
}
main .homepage .magazine .carousel-magazine,
main .hotelotherlocationpage .magazine .carousel-magazine {
  padding: 0 14px;
}
main .homepage .magazine .carousel-magazine > div,
main .hotelotherlocationpage .magazine .carousel-magazine > div {
  overflow: hidden;
  border: 1px solid #eeeeee;
}
main .homepage .magazine .carousel-magazine > div .image-block,
main .hotelotherlocationpage .magazine .carousel-magazine > div .image-block {
  width: 138px;
  height: 155px;
}
main .homepage .magazine .carousel-magazine > div .content,
main .hotelotherlocationpage .magazine .carousel-magazine > div .content {
  padding: 6px 6px 6px 144px;
}
main .homepage .magazine .carousel-magazine > div .content a,
main .hotelotherlocationpage .magazine .carousel-magazine > div .content a {
  display: inline-block;
  height: 48px;
}
main .homepage .magazine .carousel-magazine > div .content p,
main .hotelotherlocationpage .magazine .carousel-magazine > div .content p {
  position: relative;
  font-size: 12px;
}
main .homepage .magazine .carousel-magazine > div .content p.location,
main .hotelotherlocationpage .magazine .carousel-magazine > div .content p.location {
  margin: 0;
  font-size: 14px;
}
main .homepage .magazine .carousel-magazine > div .content p.location:before,
main .hotelotherlocationpage .magazine .carousel-magazine > div .content p.location:before {
  font-family: FontAwesome;
  font-size: 1.5em;
  content: "\f041";
  color: #777777;
}
main .homepage .magazine .carousel-magazine > div .content p.date,
main .hotelotherlocationpage .magazine .carousel-magazine > div .content p.date {
  margin: 0;
  font-size: 14px;
}
main .homepage .magazine .carousel-magazine > div .content p.date:before,
main .hotelotherlocationpage .magazine .carousel-magazine > div .content p.date:before {
  font-family: FontAwesome;
  font-size: 1.5em;
  content: "\f073";
  color: #777777;
}
/* media tablet */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  /* link con background specifici della homepage */
  .link-hotel-rimini,
  .link-event-highlighted {
    background-size: 100%;
    background-position: bottom;
  }
}
@media only screen and (max-width: 768px) {
  /* form ricerca */
  #form-search-deal-base,
  #form-search-deal #form-search-deal-base {
    height: 226px;
  }
  #form-search-deal-base fieldset.children-container {
    background: #feb52a;
    min-height: 226px;
    position: absolute;
    z-index: 9;
    right: -117px;
    top: 0px;
  }
  #form-search-deal-base fieldset,
  #form-search-deal #form-search-deal-base fieldset {
    height: 80px;
  }
  #form-search-deal-base .datepicker-container .briefcase > div .help-block,
  #form-search-deal #form-search-deal-base .datepicker-container .briefcase > div .help-block {
    text-align: center;
  }
  #form-search-deal-base .datepicker-container .briefcase > div:after,
  #form-search-deal #form-search-deal-base .datepicker-container .briefcase > div:after {
    right: 12px;
  }
  /* strong points */
  .strongpoints article p {
    font-size: 0.7em;
  }
  a.link-hotel-other-location {
    background: transparent url("../bundles/app/images/bg_hotel_bellaria_mobi_1080x365.jpg") no-repeat !important;
  }
  a.link-residence {
    background: transparent url("../bundles/app/images/bg_residence_mobi_1080x365.jpg") no-repeat !important;
  }
  a.link-event-highlighted {
    background: transparent url("../bundles/app/images/bg_pasqua_mobi_1080x365.jpg") no-repeat !important;
  }
}

/* 
    Created on : Jan 11, 2017, 11:10:02 AM
    Author     : daniele
*/
/**
 * custom media steps variables
 */
@media only screen and (max-width: 480px) {
  .blu {
    color: #004475;
  }
  .grigio {
    color: #747474;
  }
  .rosso {
    color: #ff5454;
  }
  .giallo {
    color: #feb52a;
  }
  .backwhite {
    background: #fff;
  }
  .paddxsx10px {
    padding: 0 10px;
  }
  .paddx10px {
    padding: 0 10px 0 0;
  }
  .fa-round {
    height: 35px;
    width: 35px;
    text-align: center;
    border-radius: 25px;
    border: 3px solid #fff;
    padding: 0 0 0 5px;
  }
  .fa-14em {
    font-size: 1.4em;
  }
  .float-right {
    float: right;
  }
  .row.top {
    height: auto;
  }
  button.close.punti-forza {
    width: 50px;
    height: 30px;
    position: relative;
    z-index: 99;
  }
  main h2 {
    color: #004475 !important;
    font-size: 1.1em !important;
  }
  main section:nth-child(2) {
    margin: 0 0 10px 0;
  }
}
/***********************************  Blocco punti di forza Home Smartphone Media 480  *******************************************/
@media only screen and (max-width: 480px) {
  main .homepage .description {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 480px) {
  main .homepage .description article:before {
    color: #FEB85C;
    font-size: 1em;
    left: 3%;
  }
}
@media only screen and (max-width: 480px) {
  main .homepage .description article p {
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 480px) {
  main .homepage .description article:nth-child(4) p {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  main .homepage .description article:nth-child(4):before {
    display: none;
  }
}
/**********************************  Blocco Homepage Hotel per zone Smartphone  *******************************************/
@media only screen and (max-width: 480px) {
  main .homepage .main-pages article {
    margin-bottom: 3px;
  }
}
@media only screen and (max-width: 480px) {
  main .homepage .main-pages article.full-height {
    height: 120px;
    padding: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  main .homepage .main-pages article a {
    height: 120px;
    padding: 80px 2% 0 !important;
    line-height: normal !important;
    background-size: 100% 100%!important;
    font-size: 5.5vw !important;
  }
}
/****************************** Blocco homepage hotel per servizi Smartphone  **********************************/
@media only screen and (max-width: 480px) {
  .homepage section.thematic-pages {
    background: #fff;
  }
}
@media only screen and (max-width: 480px) {
  .homepage section.thematic-pages div.row {
    border: 1px solid #ededed;
  }
}
@media only screen and (max-width: 480px) {
  .homepage section.thematic-pages div.row div {
    border-bottom: 1px solid #ededed;
    padding: 2% 1%;
  }
}
@media only screen and (max-width: 480px) {
  .homepage section.thematic-pages div.row div:nth-child(2),
  .homepage section.thematic-pages div.row div:nth-child(5),
  .homepage section.thematic-pages div.row div:nth-child(8),
  .homepage section.thematic-pages div.row div:nth-child(11),
  .homepage section.thematic-pages div.row div:nth-child(14),
  .homepage section.thematic-pages div.row div:nth-child(17) {
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
  }
}
@media only screen and (max-width: 480px) {
  .homepage section.thematic-pages div a {
    font-size: 0.7em;
  }
}
/*****************************  BLOCCO Search Cerca hotel in base all'evento home page Smartphone   ***********************************/
@media only screen and (max-width: 480px) {
  main .homepage .events .carousel-event {
    max-height: 122px;
  }
}
@media only screen and (max-width: 480px) {
  main .homepage .events .carousel-event > div {
    max-height: 122px;
    border-right: none;
    border-left: none;
  }
}
@media only screen and (max-width: 480px) {
  main .homepage .events .carousel-event > div .date-block {
    max-height: 120px;
    padding: 5px;
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 480px) {
  main .homepage .events .carousel-event.slick-current > div .date-block {
    background-color: #004475 !important;
  }
}
@media only screen and (max-width: 480px) {
  main .homepage .events .carousel-event > div .content p.date-interval {
    margin: 4px 0;
  }
}
@media only screen and (max-width: 480px) {
  main .homepage .events .carousel-event.slick-current > div .date-block {
    background: 4px 0;
  }
}
@media only screen and (max-width: 480px) {
  main .homepage .events .carousel-event > div .date-block .day {
    font-family: "Raleway";
    font-size: 3em;
    font-weight: bold;
    line-height: 50px;
    border-bottom: none;
  }
}
@media only screen and (max-width: 480px) {
  /**
     * form ricerca
     */
  .mobi main .homepage .top {
    height: auto !important;
  }
  .mobi main .homepage .top article {
    padding: 0;
  }
}
/*********************** Background per link zone home page ***********************/
@media only screen and (max-width: 480px) {
  html.mobi main {
    background: none;
  }
  html.mobi main .container.homepage h1 {
    position: fixed;
    top: 0;
    z-index: 9991;
    width: 60%;
    margin: 10px 20% 0 20%;
    padding: 10px 0;
    text-align: center;
    font-size: 1.4em;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    color: #004475;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  html.mobi .main-pages {
    padding-top: 5px;
  }
  html.mobi .main-pages article a,
  html.mobi .main-pages div a {
    /* link con background specifici della homepage */
  }
  html.mobi .main-pages article a .tile-title .fa-angle-right,
  html.mobi .main-pages div a .tile-title .fa-angle-right {
    font-size: 22vw;
    text-shadow: 0px 0px 8px black;
    position: absolute;
    right: 10px;
    top: -55px;
  }
  html.mobi .main-pages article a.link-hotel-rimini,
  html.mobi .main-pages div a.link-hotel-rimini {
    background-image: url("../bundles/app/images/bg-hr-homepage-hotel-rimini.jpg") !important;
  }
  html.mobi .main-pages article a.link-hotel-riccione,
  html.mobi .main-pages div a.link-hotel-riccione {
    background-image: url("../bundles/app/images/bg-hr-homepage-hotel-riccione.jpg") !important;
  }
  html.mobi .main-pages article a.link-hotel-bellaria,
  html.mobi .main-pages div a.link-hotel-bellaria {
    padding-top: 196px;
    background-image: url("../bundles/app/images/bg-hr-homepage-hotel-bellaria-igea-marina.jpg") !important;
  }
  html.mobi .main-pages article a.link-hotel-misano,
  html.mobi .main-pages div a.link-hotel-misano {
    background-image: url("../bundles/app/images/bg-hr-homepage-hotel-misano-adriatico.jpg") !important;
  }
  html.mobi .main-pages article a.link-hotel-cattolica,
  html.mobi .main-pages div a.link-hotel-cattolica {
    background-image: url("../bundles/app/images/bg-hr-homepage-hotel-cattolica.jpg") !important;
  }
  html.mobi .main-pages article a.link-hotel-gabicce,
  html.mobi .main-pages div a.link-hotel-gabicce {
    background-image: url("../bundles/app/images/bg-hr-homepage-hotel-gabicce-mare.jpg") !important;
  }
  html.mobi .main-pages article a.link-hotel-cesenatico,
  html.mobi .main-pages div a.link-hotel-cesenatico {
    background-image: url("../bundles/app/images/bg-hr-homepage-hotel-cesenatico.jpg") !important;
  }
  html.mobi .main-pages article a.link-hotel-milanom,
  html.mobi .main-pages div a.link-hotel-milanom {
    background-image: url("../bundles/app/images/bg-hr-homepage-hotel-milanom.jpg") !important;
  }
  html.mobi .main-pages article a.link-residence,
  html.mobi .main-pages div a.link-residence {
    background-image: url("../bundles/app/images/bg-hr-homepage-residence.jpg") !important;
  }
  html.mobi .main-pages article a.link-event-highlighted,
  html.mobi .main-pages div a.link-event-highlighted {
    background-image: url("../bundles/app/images/bg-hr-event-highlighted.jpg") !important;
  }
  html.mobi .main-pages article a.link-savesturtles-highlighted,
  html.mobi .main-pages div a.link-savesturtles-highlighted {
    background-image: url("../bundles/app/images/bg-hr-savesturtles-highlighted.jpg") !important;
  }
}