/*---- UTILS -------------------------------------------------------------------------------------------------- */
/* MIXINS FOR EDIT MODE */
/* UTILS */
.content-sizzing {
  width: 100%;
  max-width: 1140px;
  margin: auto;
}
.break-container {
  width: calc(100% + 30px) !important;
  /* NECESARIO PARA ROMPER EL CONTAINER */
  margin-left: -15px;
}
.default-container {
  width: 100% !important;
  /* NECESARIO PARA VOLVER EL CONTAINER A SU ESTADO ORIGINAL */
  margin-left: inherit;
}
.break-container-mobile {
  width: calc(100% + 30px) !important;
  /* NECESARIO PARA ROMPER EL CONTAINER */
  margin-left: -15px;
}
.common-focus {
  border-radius: 2px;
  box-shadow: 0 0 2px 2px #c5e8f3;
  border: solid 1px #155583;
  outline: none;
}
.required-right:after {
  content: "*";
}
.required-left:before {
  content: "*";
}
.windowed {
  border-radius: 2px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.soft-corners {
  border-radius: 2px;
}
.paginated {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  background: white;
  z-index: 9;
}
.paginated__content-size {
  max-width: 1140px;
  margin: auto;
}
.activePaginated {
  overflow-y: hidden;
  height: 0px;
}
.removeScrolling {
  position: relative;
  overflow-y: hidden;
  height: calc(100% + 69px);
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.mod--rounded-skin,
.mod--rounded-skin__class {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
.style-anchor {
  color: #155583;
  transition: all 0.3s ease-out;
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
}
.unstyle-anchor {
  text-decoration: none;
  color: inherit;
}
.delete-input-style {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.remove-ellipsis {
  overflow: inherit;
  text-overflow: inherit;
  white-space: normal;
}
.block {
  display: block !important;
}
.flex {
  display: flex !important;
}
.inline-block {
  display: inline-block !important;
}
.inline {
  display: inline !important;
}
.inline-flex {
  display: inline-flex !important;
}
.hidden {
  display: none !important;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.hidden-children :nth-child(n) {
  display: none !important;
}
.negative-svg-icon svg g,
.negative-svg-icon svg circle {
  stroke: white;
}
.negative-svg-icon svg g path,
.negative-svg-icon svg circle path {
  stroke: white;
  fill: transparent;
}
.negative-svg-icon svg circle {
  fill: white;
}
.space-right {
  margin-right: 0.25em;
}
.space-left {
  margin-left: 0.25em;
}
.mod--centered {
  justify-content: center;
}
.mod--text-centered {
  text-align: center;
}
@keyframes spinner-loading {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.z-background {
  z-index: -1;
}
.z-layout {
  z-index: 0;
}
.z-layer {
  z-index: 1;
}
.z-overlayer {
  z-index: 2;
}
.z-mask {
  z-index: 3;
}
.z-advs {
  z-index: 4;
}
.z-navs {
  z-index: 5;
}
.z-sticky {
  z-index: 6;
}
.z-oversticky {
  z-index: 7;
}
.z-modal {
  z-index: 8;
}
.z-overmodal {
  z-index: 9;
}
.left-cursor {
  animation: slideLeftCursor 0.4s infinite alternate;
}
.right-cursor {
  animation: slideRightCursor 0.4s infinite alternate;
}
.left-cursor-stop {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXpJREFUeNq0VMt1gzAQ1CMNgCugBDqwSqAEuQMfc1QHnHOSO6CEuAOVIHegdKDs6OPIGITym/fWwrCMZoddMfZPeKnIaSle4/XtLzZVfd87Wu00TW4YBlzjBzcVhaFwMTSFdEFEGSAC0iqldG+B0HqyccTNEMj52mAoEnPOPWFaZxDgZZBo7Z6AvECOStqm1pfxeqV0qnSeUc7jw9OJMTznHP96inOdYmOCGqheQojwDGvwzquuU3yLzXA8Piu9XBgTgtxXsbTRq25+3DNrpBmaRb/yKuUl0pDzkd+ygnw6HA4GmySPRfKubYN/S09zpG9B2+XE7wSHoGudiO+gIbkPxBqptXk/9zlxn4ZBKeUwbZsdgDzK8f1MQvymqCiQijUXJ5AW8UiSBwZj8xu1XddZi7L2QEplIBt3xzjiLNcGYQGtcSww9d0uNQZfuABYVhzd7YnmRbWwjNUck2vnMXo49xtVwKZIOvzmsJfo6XjIa4o5lr+r9FOAAQDwBzF/D//WkAAAAABJRU5ErkJggg=="), auto;
  animation: inherit;
}
.right-cursor-stop {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcJJREFUeNq0VdFtwjAQPdH+Y/ivFPHVT0sMgLNBNiD89a8wAWwQNohQB0iYIGyQbpBsYDZw78UODYGEFKlPOiV2zu+Od3eG6J/w8sQZwfbB9s72PfiUIZJsMZtmM85yttC57BgmCAIjhDCz2UzzXtDmeW2R4nBcLQL2lZLofCZKU0lliWCfb0SnxWJRuSyXS2Jy4fs+O1J6l9jYqJY0SSxxjSgi2u+JNhv5xeEumgjR+ctHjfeIPA/eRKsVq9eSb72GCKT4VZXlQ0lHLlv4e7TdEmWZ/eL7t+T4juDH4zBissS/uvaRK3Y9nQYT16LZZx85fFDQgcRWtLRR2C5yZCtlF59Hrrg1sWU8HK7d2uToDARgycbjcbsrQilloZTK0VfNHo6qYeDmv0GeG54GOyx4an35lGUZb1PGpLytTRiG5mpgeCXchBmjlDFJYkxR4KQNBkIY1g3UZAX71kG6RnrXGmdzCYbMe4CsqTFA98iRvWJb79i5yvwB4hgTz0M2FAqZPgDkmEwm2t18wzCdTgvdKNY94LbD0P/1/l2jOF3Ic9Sbimf/ECJIkqBTWqTz+Vz3FmwAPFecDJe70zTpIv0RYAARJ6v70ynSCwAAAABJRU5ErkJggg=="), auto;
  animation: inherit;
}
@keyframes slideLeftCursor {
  0% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASVJREFUeNrUlMGNgzAQRSNtA4EKEBW4hJRACS7BJbgDSnAJlOASfN0bJfi6t1k/NF5FkRKw4LJfGgkh+P/7z4xvt/+Grws4bKlHqe9SP1cZexSI917K81LKXEUcYoyyLIsYY2SaJgTcadZxHLMUWGulCpTX/nS2zjnJOW9uq0BrHEad0KhYKlHrukoIQapA3/drq7vEMYdh2BrFsatLcq0CrTEM/AyYAJzN87wVhM8CfNtCPOMGQFRJXgU0nuMgN3mDmi3kmv/xBaDTeyAOjcFpzruRBJr2CSklSHPXdZnI1P3udEQ5AAiJBBF1by8hBowgro8uyN9E7DnWqTg8bndccMRPk6E327116wwjR1OeQaa6FOHMhYMbz22GQ0rzfNukXwEGAKyMyaVM6GQ/AAAAAElFTkSuQmCC"), auto;
  }
  14.28571428571429% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASVJREFUeNrUlMGNgzAQRSNtA4EKEBW4hJRACS7BJbgDSnAJlOASfN0bJfi6t1k/NF5FkRKw4LJfGgkh+P/7z4xvt/+Grws4bKlHqe9SP1cZexSI917K81LKXEUcYoyyLIsYY2SaJgTcadZxHLMUWGulCpTX/nS2zjnJOW9uq0BrHEad0KhYKlHrukoIQapA3/drq7vEMYdh2BrFsatLcq0CrTEM/AyYAJzN87wVhM8CfNtCPOMGQFRJXgU0nuMgN3mDmi3kmv/xBaDTeyAOjcFpzruRBJr2CSklSHPXdZnI1P3udEQ5AAiJBBF1by8hBowgro8uyN9E7DnWqTg8bndccMRPk6E327116wwjR1OeQaa6FOHMhYMbz22GQ0rzfNukXwEGAKyMyaVM6GQ/AAAAAElFTkSuQmCC"), auto;
  }
  28.57142857142857% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARhJREFUeNrMVO0JgzAQDaUDRPG/wd9CM4IjOEJGyAh2AnECR3CE4ATFCXSDuEF61xrQUklsU+iDIwHju3v3RcgfoQCTYDQkKeOcGymlgbtmjOHZBom2qiqDQAf2fPfw9KkHSunmDEbsws+Iz77KlyKxUMR0aa1LXdcldAEZhiEIMfDVou97AtX3akewyYeYQc8+Km+rn6bp8wPbZIUmSaLyPOegaNZaR64IlHGgKArs41vXdUYphXflI81JjAPTtu3aCQ9CbIHkR8bbixhyaqIo0uvF5BqQeZomp/emaQiQX/G9b8TS5m8P4zhiCsbDaxIlotQ9lGVplh19GBzJMfJXB0KIr/exHW2VZZnGtorjGOVXez/cBRgAciBB+5F18y0AAAAASUVORK5CYII="), auto;
  }
  42.85714285714286% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVdJREFUeNrcU8FthDAQdHINGF7ws6iAEqgA8eTpEiiB3ymvUyqwqACogBKgA7hfftCBs+PDUpTcBRPulZFWRgaPh5ldxv4bYipFdfE8b/Z9f6Rn8Qzirq5rnSSJ7rpOK6U0LnkGcd33vSEsikIDq+rDyCxhHMdmlVJCdXKYOYqi2RLCFliy+n4YyhKCHMBlW4deHbqCtW3LKEA2DANbloWlacppW1Jh7WAT8nCWihaDWhyc59kEiCDHcbREsixLa0/p3L+cc0OIw5YQzzZM+qa3ewj6K8HpAfGZiGQYhubXs+x2hsiMJUAQBIzeB3mes6qqYNMbbX9sKS6gEGqhaAsYIFd7BanUroAle9qsd1GLybzX17+123vTNJu3T9OE5bpHMRdCbCpGC/5lxBV69BEQ7jqFfC+xwJDAx++A/wh4ncAfeHEclktyg/EUo02FACqqu0F8CjAAZ3SOQ3DPz1AAAAAASUVORK5CYII="), auto;
  }
  57.14285714285714% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASxJREFUeNrcVNENgyAUfGk6ABoHYAMdQTdwBEZxA0dgBEfADXADuoFuYDkCpmmIhdj+9BLCS4R7x3FI9I9ofkGq27bd7Sy/Rtg0zY4BCCFAPl4/+wvhOI6u9srFVe5JSukI0QT1uq6ufvMcjdachgx2KKUOQq21G0VRgIhjEed8n6Yp+w4YSAIhSNAEzdDUjh5WAbZWuZb0UAtCKAs1rIFd8D3Y9b7x/kGxtJup6zqyqmnbNprnmaxS1D1jjLwltCwL7HmkqOUhHcMwHOmIAd9xulQbpFW0Bx/P4C9weN18O8mysH5SXdcpucdUpypWIcspyEkGq6pKI2rfJnanRJYRsTOgOeKXm+U25DcGY0zsqSdDxMgRQf/EL/2zkVOD14ZRlqXxEWOxxU8BBgAl3ZL1w/+xKwAAAABJRU5ErkJggg=="), auto;
  }
  71.42857142857143% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATxJREFUeNrslMtRhTAUhlE3LoUKGCqghJRACekAS0gHKYESsIOUAEt32AEu3cXzOckd7vVGwh3d+c+cCSTn8Z9HUhT/+Gs8JPa1iBJ5FflI6LQijyLvucHaruv8MAy+LMtV/p+v6Ki6rr2sLtdpJzIppfy6rl9ijMHBEjKIMM45r7X2wWYXDmewhZG11oNlWTzB5HwUqcmCM/arqiLo055jSxm2bAkAO8AaSmBZQcjI5LDWsMAgsiUYjPkGsGUvommaNWSyC1IzGIzjeGK7dbYFOqI/HBnHsW3bM7YphB6ovLkTp5FtLE0K0zTF5mbBwQSjHEAkGt7/5FU6r/q+L+Z5/t37TvNy2VKuIw3kPXDcMOY6Bc6OjFxyti+dhtrqWytzmm0uSJyU8FB9ey/ubgzQhbTfRF6uPZ2fAgwAPeik0Z0cju0AAAAASUVORK5CYII="), auto;
  }
  85.71428571428571% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVdJREFUeNrslNFtgzAQhp1OYBgAKBOwQRnBmQDYoCPwwjPZADagGxgmgA1gA9jAud91KisCQquo6kN/6QSWue/M77MZ+9dfk6BQFOmzwVXTNCqOY8DL7yRyipgi2Jh/JykoTVPAG5OzL9d1xzzPlRBCRVGERIlVAmgKAiKrqtJwPGnc7yzkU4DN86xsSSk1AAVhAedcF7bnHceZkW6zTrZ/lJAuy8IQBGAEYr7vo6COLQ3DwLIsw/NMw497sKTVxgBCgCOh6zo2TZOOJEkYebsKx/dhGC7EeMXQnkNGDzuwMfh1/OY4juqokGP2Yttu07MyCAK9kfD3GeAve/q+P7xi04KHwIJ8m9EFOBiPZLrjsEZAH3ldliVWm9+SXg6Ap1tXYOfX1LYtK4pioNfLWh/vHXNhTtcbWRN5nsfR46Yqq+u6pdez3WanH15G3DppgA2/dr9eBRgACml0sq5YKAQAAAAASUVORK5CYII="), auto;
  }
  100% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVdJREFUeNrslNFtgzAQhp1OYBgAKBOwQRnBmQDYoCPwwjPZADagGxgmgA1gA9jAud91KisCQquo6kN/6QSWue/M77MZ+9dfk6BQFOmzwVXTNCqOY8DL7yRyipgi2Jh/JykoTVPAG5OzL9d1xzzPlRBCRVGERIlVAmgKAiKrqtJwPGnc7yzkU4DN86xsSSk1AAVhAedcF7bnHceZkW6zTrZ/lJAuy8IQBGAEYr7vo6COLQ3DwLIsw/NMw497sKTVxgBCgCOh6zo2TZOOJEkYebsKx/dhGC7EeMXQnkNGDzuwMfh1/OY4juqokGP2Yttu07MyCAK9kfD3GeAve/q+P7xi04KHwIJ8m9EFOBiPZLrjsEZAH3ldliVWm9+SXg6Ap1tXYOfX1LYtK4pioNfLWh/vHXNhTtcbWRN5nsfR46Yqq+u6pdez3WanH15G3DppgA2/dr9eBRgACml0sq5YKAQAAAAASUVORK5CYII="), auto;
  }
}
@keyframes slideRightCursor {
  0% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATFJREFUeNrUlN1thDAQhInSwEEFhqc8ugRKoASXQAnXAUoFpgOnA0ogHZAOnA6c/ZCR0OmEsY6XjLTC+Gd2PR67KP4b3g/GeokPie+rkmmJoe/70HVdkLa5gtS0bRu01sFaG+Z5hthdQXzfCKkWkET6b68Sqz2h9z4MwxCi3ll4e9I3C6Eex3H9kURFXdc/0vyN458UIPGVe7A9VVItVQN24ZxbdVdKre2qqpbcXdz2hMuyrIS4ZJ/MGBOig7LgHgk37ekHVC3zbLbtIATb9xmapvGnJMBuMRSLQgIk5XxTxBOHxvZjJR4/H+HsBeogZDKakoBvCmfdocuy9BzMWcia07ZD6xlZUpimKdsZkFu8eqQvu4u3MP9R4rV71Br9I6l+5WHqIMFaRHSMTb14fwIMAAaswy7TQCkBAAAAAElFTkSuQmCC"), auto;
  }
  14.28571428571429% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATFJREFUeNrUlN1thDAQhInSwEEFhqc8ugRKoASXQAnXAUoFpgOnA0ogHZAOnA6c/ZCR0OmEsY6XjLTC+Gd2PR67KP4b3g/GeokPie+rkmmJoe/70HVdkLa5gtS0bRu01sFaG+Z5hthdQXzfCKkWkET6b68Sqz2h9z4MwxCi3ll4e9I3C6Eex3H9kURFXdc/0vyN458UIPGVe7A9VVItVQN24ZxbdVdKre2qqpbcXdz2hMuyrIS4ZJ/MGBOig7LgHgk37ekHVC3zbLbtIATb9xmapvGnJMBuMRSLQgIk5XxTxBOHxvZjJR4/H+HsBeogZDKakoBvCmfdocuy9BzMWcia07ZD6xlZUpimKdsZkFu8eqQvu4u3MP9R4rV71Br9I6l+5WHqIMFaRHSMTb14fwIMAAaswy7TQCkBAAAAAElFTkSuQmCC"), auto;
  }
  28.57142857142857% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARZJREFUeNrMVMERgjAQZNSHz0ADMFSQEtIBlBB+PulAOqAE7CAlZKwgJWgHKSHeRpzxAQkizrgzO7lH2Lvc7ZEkP8J+4T1GPBGPxPsWiTvOuaPTtm3rxph/rVoUhQOEEP7sug7CYsm3u4jw6qJ2vxreXwn3RDU6ZRaHj1X7njPGeNM0EL4SL1MWnKo4aCeynB9qXddiGIbz+IJoKyxZy2RZdntPQBX6M89zH4NVVSVSyiTWkheU1toZY+BX8/JvCHRPL9yJ51LQM/1CbCXs13iJ4Bphhh5bazcXBmguMiqK5J8KAxpDDEEp5ebsFoIIuQLVlmVpMfA1K9+jJe/9RgzHpGkKUfnVz554Q/Ww4tjTNlbpQ4ABAIopWwqDS0I8AAAAAElFTkSuQmCC"), auto;
  }
  42.85714285714286% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATtJREFUeNrcVNFthDAMpZ0AmAAxARILZISMwAZNN2CDqBMgJoANwgawQcQEGcH1Q6FCJ+4uOe6rlqwgS3nvxX4mSf57pHme27IsHX9rzo6zegew6rqOjDFUVdV2cs2+A3h2zpHWmkBgrQWwuQpaSSkJURQF7QRcb64C62EYaJ5nOhKg75dQMTSAKaVoJ+DyEIvTYji+f1Akm6b5U7kTeGARBQxVvocKtoJC1I4EcIW3XnCItm23AcEJuAwwEN0SpGm6Kw/ycyqE2C6CANY6BpTCaiDAIKP6vat8FHgREgR+E4PCUGCgLTGrrfHkENVna/35AHhdluUp+ziOOH5igJd1XZ8C932/4UdtSZZlDk+9F94NL/2EGmwgrHUGWte1uze0j5Bl4fxiAsmZ8MYl0zQhJ65/o2Vnl34FGADYD4q/BSz61wAAAABJRU5ErkJggg=="), auto;
  }
  57.14285714285714% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS9JREFUeNrklOGNhCAUhM1VgMb/Ehs4S6AESrAESqADS7AES7AESrAESuD4LmLM5jxwd+/XTUJiMMzMm/egqv4bhr8gnYdhCE3TbPFbvIvUjOMYgFIqIBD33KukGiLvfZjnOWitD4HSaHRcPq7xnGld1x7SdV3DWSD+W0ud2WVZkhNJjuTpnAssKWXYtu37u21bdyfnFTfWWogVGSLEHk4hhJgKbk0H7shuJ3bTNB1ZUnoSeIgqCwEBIEvIAS6TAE0zxiTHspRYcegKkKdxQ+BOFIZyc6ASIcSPE/FxQfwZu55V77quillXMTa1Nzg/EaEQ9ODOrSsippl784pneMbJb2Dc+r73d184iRMcXeGZGT7eBS4Jncfd2ek+YuaVl4zsLAJcGNb+/urcwS8BBgDwfaFe//l4sgAAAABJRU5ErkJggg=="), auto;
  }
  71.42857142857143% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS5JREFUeNrsVO2NhCAQ9a6C0wqIFViCJVDCdiAl2AElUALXgXZACW4HbAfcPDMkZBfd8d/+uJdMJHwM770ZaZp/fAJ+KIY364bidjWxV0ol+urK2q1t22itTVrroz1VjIS0LAsO+XKeIhhjUoxxD068SZlvhOScSyxXUThcFkJIANagCKxxASc/hZnneT88DAMOuL7vo/d+n4MKzJesMX5S9loQeIfNAA7kS6AAssEaYwBssV9ig4XEGrLnmTUXdubuOIWCxDNk1mxRkHaCy4yOAGvyHigQZUWBkgBgzUmXWp7v5wkqmIjAuq7NNE0NeTxK/N2tOCpcjTX7rCSJVdlqNRQ9G/gvFEODSe7TEld69vCd6Lpuyx2AhNyzVuLpl4Q9P5sPil+Ku4TVnwADALbIpHm+d8AXAAAAAElFTkSuQmCC"), auto;
  }
  85.71428571428571% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVhJREFUeNrsU7FthEAQvJedkB1UgIgIKeFKgNAZJVACHSBXAFRgVwB0cNAAIBqADGfnnRdI2M9hXnpZDjzS6tCJm52d3WXsH38JoWmaI85Hkkae5ykppaLv8lGkaRiGCkiSBMSx5j+bQiznITiFBBmQpilI5YYgokhQgW3byvd9FcexWuzSwrMsqwPZCjzEIyGEiqLomqgsS7XFOI4KloHgskdKBGVRFJx+0mau65r1fc+apmFVVbFpmhjnnJF6lmVZdfMAStEkHaAUquA7Sofqruu+qN6zQ6DMswAJiJEAiWDT0ofw+aZjnP84JkEQXG1A+XTWdPUKd5bYHxk06Sxgwem5hsco8QgoHwIcx9Fu4tP3i3meTcMwyC5xKMB1XZbn+Qfh5Z5tk9sZ3lOMxUF1OoLLwda9UblinWXM6jAMU9u2a5MaineK6R7i7f6vu1/rSH4VnwIMAO0Ld6RgY5mMAAAAAElFTkSuQmCC"), auto;
  }
  100% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVhJREFUeNrsU7FthEAQvJedkB1UgIgIKeFKgNAZJVACHSBXAFRgVwB0cNAAIBqADGfnnRdI2M9hXnpZDjzS6tCJm52d3WXsH38JoWmaI85Hkkae5ykppaLv8lGkaRiGCkiSBMSx5j+bQiznITiFBBmQpilI5YYgokhQgW3byvd9FcexWuzSwrMsqwPZCjzEIyGEiqLomqgsS7XFOI4KloHgskdKBGVRFJx+0mau65r1fc+apmFVVbFpmhjnnJF6lmVZdfMAStEkHaAUquA7Sofqruu+qN6zQ6DMswAJiJEAiWDT0ofw+aZjnP84JkEQXG1A+XTWdPUKd5bYHxk06Sxgwem5hsco8QgoHwIcx9Fu4tP3i3meTcMwyC5xKMB1XZbn+Qfh5Z5tk9sZ3lOMxUF1OoLLwda9UblinWXM6jAMU9u2a5MaineK6R7i7f6vu1/rSH4VnwIMAO0Ld6RgY5mMAAAAAElFTkSuQmCC"), auto;
  }
}
.img-left {
  object-position: left;
}
.img-right {
  object-position: right;
}
.img-top {
  object-position: top;
}
.img-bottom {
  object-position: bottom;
}
/* UTILS - DESKTOP  */
@media (min-width: 1025px) {
  .break-container {
    margin-left: calc((-100vw +  1140px  + 17px) / 2) !important;
    /* TODO - NECESARIO PARA ROMPER EL CONTAINER */
    margin-right: calc((-100vw +  1140px  + 17px) / 2) !important;
    /* TODO - NECESARIO PARA ROMPER EL CONTAINER */
    width: 100vw !important;
    /* TODO - NECESARIO PARA ROMPER EL CONTAINER */
  }
  .default-container {
    margin-left: auto !important;
    /* TODO - NECESARIO PARA VOLVER EL CONTAINER A SU ESTADO ORIGINAL */
    margin-right: auto !important;
    /* TODO - NECESARIO PARA VOLVER EL CONTAINER A SU ESTADO ORIGINAL */
  }
  .break-container-mobile {
    width: 100% !important;
    /* NECESARIO PARA VOLVER EL CONTAINER A SU ESTADO ORIGINAL */
    margin-left: inherit;
  }
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:inline-block {
    display: inline-block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:inline-flex {
    display: inline-flex !important;
  }
  .md\:img-center,
  .md\:img-center img {
    object-position: center;
  }
  .md\:img-left,
  .md\:img-left img {
    object-position: left;
  }
  .md\:img-right,
  .md\:img-right img {
    object-position: right;
  }
  .md\:img-top,
  .md\:img-top img {
    object-position: top;
  }
  .md\:img-bottom,
  .md\:img-bottom img {
    object-position: bottom;
  }
}
/* UTILS  - DESKTOP CONTENT - SIZE */
@media (min-width: 1025px) and (max-width: 1140px) {
  .paginated__content-size {
    padding: 0px 15px;
  }
}
/* UTILS  - ONLY MOBILE */
@media (max-width: 1025px) {
  .sm\:img-left,
  .sm\:img-left img {
    object-position: left;
  }
  .sm\:img-right,
  .sm\:img-right img {
    object-position: right;
  }
  .sm\:img-top,
  .sm\:img-top img {
    object-position: top;
  }
  .sm\:img-bottom,
  .sm\:img-bottom img {
    object-position: bottom;
  }
}
/* COMMON ANIMATIONS */
/* TRANSITIONS */
.common-transition {
  transition: all 0.3s ease-out;
}
/* KEYFRAMES ANIMATIONS */
.animation-show-header-sticky {
  animation: showHeaderSticky 0.5s ease-out forwards;
}
@keyframes showHeaderSticky {
  from {
    top: -55px;
  }
  to {
    top: 0px;
  }
}
.animation-hide-header-sticky {
  animation: hideHeaderSticky 0.5s ease-out forwards;
}
@keyframes hideHeaderSticky {
  from {
    top: 0px;
  }
  to {
    top: -55px;
  }
}
.animation-show-booking-sticky {
  animation: showBookingSticky 0.5s ease-out forwards;
}
@keyframes showBookingSticky {
  from {
    bottom: -60px;
  }
  to {
    bottom: 0px;
  }
}
.animation-hide-booking-sticky {
  animation: hideBookingSticky 0.5s ease-out forwards;
}
@keyframes hideBookingSticky {
  from {
    bottom: 0px;
  }
  to {
    bottom: -60px;
  }
}
.show-right {
  animation: showRight 0.8s 1 ease-out forwards;
}
@keyframes showRight {
  from {
    right: calc(-100% - 30px);
  }
  to {
    right: 0px;
  }
}
.hide-right {
  animation: hideRight 0.8s 1 ease-in forwards;
}
@keyframes hideRight {
  from {
    right: 0px;
  }
  to {
    right: calc(-100% - 30px);
  }
}
.bounce {
  animation: bounce 1s ease-out;
  transform-origin: center bottom;
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.follow-btn-animation {
  position: relative;
  background-image: url("../../../content/dam/barcelo/commons/icons/ui/globo.svg");
}
.follow-btn-animation__frame {
  position: absolute;
  top: 0px;
  left: 0px;
}
.follow-btn-animation__frame.fr-1 {
  animation: changeFr1 4.5s linear infinite;
}
.follow-btn-animation__frame.fr-2 {
  z-index: -99;
  animation: changeFr2 4.5s linear infinite;
}
.follow-btn-animation__frame.fr-3 {
  z-index: -99;
  animation: changeFr3 4.5s linear infinite;
}
.follow-btn-animation__frame.fr-4 {
  z-index: -99;
  animation: changeFr4 4.5s linear infinite;
}
.follow-btn-animation__frame.fr-5 {
  z-index: -99;
  animation: changeFr5 4.5s linear infinite;
}
@keyframes changeFr1 {
  0% {
    z-index: 1;
  }
  19% {
    z-index: 1;
  }
  20% {
    z-index: -99;
  }
  40% {
    z-index: -99;
  }
  60% {
    z-index: -99;
  }
  80% {
    z-index: -99;
  }
  100% {
    z-index: -99;
  }
}
@keyframes changeFr2 {
  0% {
    z-index: -99;
  }
  20% {
    z-index: 1;
  }
  39% {
    z-index: 1;
  }
  40% {
    z-index: -99;
  }
  60% {
    z-index: -99;
  }
  80% {
    z-index: -99;
  }
  100% {
    z-index: -99;
  }
}
@keyframes changeFr3 {
  0% {
    z-index: -99;
  }
  20% {
    z-index: -99;
  }
  40% {
    z-index: 1;
  }
  59% {
    z-index: 1;
  }
  60% {
    z-index: -99;
  }
  80% {
    z-index: -99;
  }
  100% {
    z-index: -99;
  }
}
@keyframes changeFr4 {
  0% {
    z-index: -99;
  }
  20% {
    z-index: -99;
  }
  40% {
    z-index: -99;
  }
  60% {
    z-index: 1;
  }
  79% {
    z-index: 1;
  }
  80% {
    z-index: -99;
  }
  100% {
    z-index: -99;
  }
}
@keyframes changeFr5 {
  0% {
    z-index: -99;
  }
  20% {
    z-index: -99;
  }
  40% {
    z-index: -99;
  }
  60% {
    z-index: -99;
  }
  80% {
    z-index: 1;
  }
  100% {
    z-index: 1;
  }
}
/* RTL STYLES - MOBILE FIRST*/
html[dir="rtl"] {
  /* RTL FIXES - RIBBON - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - CMP-TITLE - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - CTA - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - HEADER & MEGAMENU - MOBILE FIRST*/
  /* RTL - FIXES - MEGAMENU SUBMENU*/
  /* RTL FIXES - SWIPER - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - CALENDAR - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - BUTTONS - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - IMPUTS - MOBILE FIRST (~ TABLET)*/
  /* RTL FIXES - FASTBOOKING - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - FORMS - MOBILE FIRST (~ TABLET) */
  /*  RTL FIXES - TYPO - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - TEXT-IMAGE - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - PROGRESS BAR - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - ACORDION - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - LAUNCHER - MOBILE FIRST (~ TABLET) */
  /* RLT - SUMMARY GALLERY - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - WEATHER - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - HEADER-DETAIL - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - TINGLE MODAL */
  /* RTL FIXES - CARDS HOTEL - DESKTOP */
  /* RTL FIXES - TRIPADVISOR - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - COMPARATOR - DESKTOP */
  /* RTL FIXES - TAILWIND */
}
html[dir="rtl"] body {
  direction: rtl;
}
html[dir="rtl"] a[href^="tel:"] {
  direction: ltr;
}
html[dir="rtl"] .c-ribbon__light .cmp-text {
  padding: 5px 0px 5px 35px;
}
html[dir="rtl"] .text-right .cmp-title {
  text-align: left;
}
html[dir="rtl"] .text-left .cmp-title {
  text-align: right;
}
html[dir="rtl"] .mod--cta-with-arrow-right .c-cta:after,
html[dir="rtl"] .mod--cta-with-arrow-right.c-cta:after {
  transform: translateY(0.1em) rotate(-180deg);
}
html[dir="rtl"] .mod--cta-with-arrow-right .c-cta:hover:after,
html[dir="rtl"] .mod--cta-with-arrow-right.c-cta:hover:after,
html[dir="rtl"] .mod--cta-with-arrow-right .c-cta:active:after,
html[dir="rtl"] .mod--cta-with-arrow-right.c-cta:active:after {
  transform: translateY(0.1em) translateX(-4px) rotate(-180deg);
}
html[dir="rtl"] .mod--cta-with-arrow-inline .c-cta:after {
  transform: translateX(0px) rotate(180deg);
}
html[dir="rtl"] .mod--cta-with-arrow-inline:hover .c-cta:after {
  transform: translateX(-4px) rotate(180deg);
}
html[dir="rtl"] .mod--cta-with-arrow-down .c-cta:after,
html[dir="rtl"] .mod--cta-with-arrow-down.c-cta:after {
  transform: translateY(0.1em) translateX(-0.35rem) rotate(90deg);
}
html[dir="rtl"] .mod--cta-with-arrow-down .c-cta:hover:after,
html[dir="rtl"] .mod--cta-with-arrow-down.c-cta:hover:after,
html[dir="rtl"] .mod--cta-with-arrow-down .c-cta:active:after,
html[dir="rtl"] .mod--cta-with-arrow-down.c-cta:active:after {
  transform: translateY(5px) translateX(-0.35rem) rotate(90deg);
}
html[dir="rtl"] .c-megamenu__menu-utils-item-anchor,
html[dir="rtl"] .header .c-header__nav-container .c-aside-menu-user-item-anchor {
  flex-flow: row-reverse;
  justify-content: flex-end;
}
html[dir="rtl"] .header .c-header__nav-container .c-aside-menu {
  left: 0px;
  right: auto;
}
html[dir="rtl"] .c-megamenu__menu.c-position-wrapper {
  right: auto;
  left: 0px;
}
html[dir="rtl"] .c-megamenu__menu-utils-item:last-child,
html[dir="rtl"] .c-aside-menu-user-item:last-child {
  margin-left: 0px;
}
html[dir="rtl"] .header .c-header__nav-container .c-aside-menu-user-item:first-child {
  margin-left: 15px;
}
html[dir="rtl"] .header .c-header__switch-logo {
  margin-right: 15px;
  margin-left: 0px;
}
html[dir="rtl"] .c-megamenu__menu-main-item .cmp-icon,
html[dir="rtl"] .c-megamenu__menu-utils-item .cmp-icon {
  transform: rotate(180deg);
}
html[dir="rtl"] .c-megamenu {
  left: auto;
  right: -100vw;
}
html[dir="rtl"] .c-megamenu .c-popover {
  right: auto;
  left: -110vw;
}
html[dir="rtl"] .activeMegamenu .c-header .c-megamenu {
  left: auto;
  right: 0px;
}
html[dir="rtl"] .c-megamenu .c-popover.mod--active {
  left: 0px;
}
html[dir="rtl"] .c-submenu-container .c-submenu-btn__btn svg,
html[dir="rtl"] .c-hotel-card__featured .c-hotel-card__header svg {
  transform: rotate(180deg);
}
html[dir="rtl"] .c-collection-list__list-item {
  margin-left: 30px;
  margin-right: 0px;
}
html[dir="rtl"] .c-submenu-container .cmp-title,
html[dir="rtl"] .c-submenu-container .cmp-title__text {
  text-align: right;
}
html[dir="rtl"] .c-submenu-container .feed-entries .c-feed-entries--item .c-cta .c-launcher__imageside-header-title {
  margin-right: 70px;
  margin-left: 0px;
}
html[dir="rtl"] .c-megamenu__submenu-currency-select select,
html[dir="rtl"] .c-megamenu__submenu-language .c-fieldset .mod--select-arrow {
  background-image: url("../../../etc.clientlibs/barcelo/clientlibs/clientlib-base/resources/images/sprite-bhg.png");
  background-repeat: no-repeat;
  background-size: 40px auto;
  background-position: -5px -840px;
  padding-left: 13%;
}
html[dir="rtl"] .c-megamenu__submenu-language .c-fieldset .mod--select-arrow .language-country {
  background-position: calc(100% - 5px) center;
  padding-right: 35px;
  padding-left: 0;
}
html[dir="rtl"] .c-megamenu__submenu-currency-select select {
  padding-right: 0.5rem;
}
html[dir="rtl"] .c-megamenu__submenu-language .c-fieldset .mod--select-arrow {
  padding-left: 0px;
}
html[dir="rtl"] .c-megamenu__submenu.smenu-lang .c-flag-select {
  right: 20px;
}
html[dir="rtl"] .c-launcher__carousel-carousel .carousel .swiper-container-rtl .swiper-button-next,
html[dir="rtl"] .c-launcher__carousel-carousel .carousel .swiper-button-next:after,
html[dir="rtl"] .swiper-container-rtl .swiper-button-next {
  left: inherit;
}
html[dir="rtl"] .c-launcher__carousel-carousel .carousel .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .c-launcher__carousel-carousel .carousel .swiper-button-prev:after,
html[dir="rtl"] .swiper-container-rtl .swiper-button-prev {
  right: inherit;
}
html[dir="rtl"] .datepicker__months .datepicker__month thead tr.datepicker__month-caption th .datepicker__month-button.datepicker__month-button--prev {
  transform: none;
}
html[dir="rtl"] .datepicker__months .datepicker__month thead tr.datepicker__month-caption th .datepicker__month-button.datepicker__month-button--next {
  transform: rotate(180deg);
  margin-left: -1px;
}
html[dir="rtl"] .mod--cta-with-icon .c-cta {
  flex-flow: row-reverse;
}
html[dir="rtl"] .mod--cta-with-arrow-right:after .c-cta {
  transform: rotate(-180deg);
}
html[dir="rtl"] .c-back-bar__back-btn {
  flex-flow: row-reverse;
}
html[dir="rtl"] input[type="text"].mod--select-arrow,
html[dir="rtl"] input[type="tel"].mod--select-arrow,
html[dir="rtl"] input[type="password"].mod--select-arrow,
html[dir="rtl"] input[type="email"].mod--select-arrow,
html[dir="rtl"] input[type="search"].mod--select-arrow,
html[dir="rtl"] input[type="url"].mod--select-arrow,
html[dir="rtl"] input[type="date"].mod--select-arrow,
html[dir="rtl"] input[type="number"].mod--select-arrow,
html[dir="rtl"] input[type="month"].mod--select-arrow,
html[dir="rtl"] input[type="week"].mod--select-arrow,
html[dir="rtl"] input[type="time"].mod--select-arrow,
html[dir="rtl"] select.mod--select-arrow {
  background-image: url("../../../etc.clientlibs/barcelo/clientlibs/clientlib-base/resources/images/sprite-bhg.png");
  background-repeat: no-repeat;
  background-size: 45px auto;
  background-position: -5px -945px;
  padding-left: 13%;
}
html[dir="rtl"] .inject-fastbooking-true .fastbooking .c-fastbooking__form .c-fieldset .mod--rooms .mod--select-arrow {
  background-image: url("../../../etc.clientlibs/barcelo/clientlibs/clientlib-base/resources/images/sprite-bhg.png");
  background-repeat: no-repeat;
  background-size: 40px auto;
  background-position: -5px -840px;
}
html[dir="rtl"] .c-fastbooking__links-add-flight {
  right: auto;
  left: 15px;
  text-align: left;
}
html[dir="rtl"] .c-fastbooking__form .c-fieldset .mod--calendar .right-input input {
  border-left: 1px solid #b1b1b1;
}
html[dir="rtl"] input[type="text"].mod--select-arrow,
html[dir="rtl"] input[type="tel"].mod--select-arrow,
html[dir="rtl"] input[type="password"].mod--select-arrow,
html[dir="rtl"] input[type="email"].mod--select-arrow,
html[dir="rtl"] input[type="search"].mod--select-arrow,
html[dir="rtl"] input[type="url"].mod--select-arrow,
html[dir="rtl"] input[type="date"].mod--select-arrow,
html[dir="rtl"] input[type="number"].mod--select-arrow,
html[dir="rtl"] input[type="month"].mod--select-arrow,
html[dir="rtl"] input[type="week"].mod--select-arrow,
html[dir="rtl"] input[type="time"].mod--select-arrow,
html[dir="rtl"] select.mod--select-arrow {
  padding-left: 13%;
  background-image: url("../../../etc.clientlibs/barcelo/clientlibs/clientlib-base/resources/images/sprite-bhg.png");
  background-repeat: no-repeat;
  background-size: 45px auto;
  background-position: 0 -945px;
}
html[dir="rtl"] .c-double-input .left-input {
  margin-left: -1px;
}
html[dir="rtl"] .c-double-input .left-input input {
  border-radius: 0px 2px 2px 0px;
}
html[dir="rtl"] .c-double-input .right-input {
  margin-left: 0px;
}
html[dir="rtl"] .c-double-input .right-input input {
  margin-right: 0px;
  border-radius: 2px 0px 0px 2px;
}
html[dir="rtl"] .cmp-text ul li,
html[dir="rtl"] .c-launcher ul li,
html[dir="rtl"] .c-card ul li,
html[dir="rtl"] .c-card-hotel-list ul li,
html[dir="rtl"] .c-card-hotel__content-body-list ul li {
  padding-left: inherit;
  padding-right: 1em;
}
html[dir="rtl"] .cmp-text ul li:before,
html[dir="rtl"] .c-launcher ul li:before,
html[dir="rtl"] .c-card ul li:before,
html[dir="rtl"] .c-card-hotel-list ul li:before,
html[dir="rtl"] .c-card-hotel__content-body-list ul li:before {
  left: inherit;
  right: 0px;
}
html[dir="rtl"] .cmp-text ul.mod--checks li,
html[dir="rtl"] .c-launcher ul.mod--checks li,
html[dir="rtl"] .c-card ul.mod--checks li,
html[dir="rtl"] .c-card-hotel-list ul.mod--checks li,
html[dir="rtl"] .c-card-hotel__content-body-list ul.mod--checks li {
  padding-left: inherit;
  padding-right: 1.5em;
}
html[dir="rtl"] .cmp-text ol li,
html[dir="rtl"] .c-launcher ol li,
html[dir="rtl"] .c-card ol li,
html[dir="rtl"] .c-card-hotel-list ol li,
html[dir="rtl"] .c-card-hotel__content-body-list ol li {
  padding-left: inherit;
  padding-right: 2em;
}
html[dir="rtl"] .cmp-text ol li:before,
html[dir="rtl"] .c-launcher ol li:before,
html[dir="rtl"] .c-card ol li:before,
html[dir="rtl"] .c-card-hotel-list ol li:before,
html[dir="rtl"] .c-card-hotel__content-body-list ol li:before {
  right: 0px;
}
html[dir="rtl"] .textimage.mod--image-left .c-textimage .icon {
  margin: 0px 0px 0px 0.9rem;
}
html[dir="rtl"] .textimage.mod--image-left .c-textimage .cmp-text {
  text-align: right;
}
html[dir="rtl"] .c-progress-bar__milestone-label,
html[dir="rtl"] .c-progress-bar__goal-label {
  transform: translateX(50%);
}
html[dir="rtl"] .c-progress-bar__milestone-dot,
html[dir="rtl"] .c-progress-bar__goal-dot {
  left: auto;
  right: -9px;
}
html[dir="rtl"] .c-progress-bar__milestone-bar:before,
html[dir="rtl"] .c-progress-bar__goal-bar:before {
  right: -100%;
  left: auto;
}
html[dir="rtl"] .c-progress-bar__milestone.mod--active .c-progress-bar__milestone-bar:before,
html[dir="rtl"] .c-progress-bar__goal.mod--active .c-progress-bar__milestone-bar:before,
html[dir="rtl"] .c-progress-bar__milestone.mod--active .c-progress-bar__goal-bar:before,
html[dir="rtl"] .c-progress-bar__goal.mod--active .c-progress-bar__goal-bar:before {
  left: auto;
  right: 0%;
}
html[dir="rtl"] .c-progress-bar__milestone.mod--last-active .c-progress-bar__milestone-bar:before,
html[dir="rtl"] .c-progress-bar__goal.mod--last-active .c-progress-bar__milestone-bar:before,
html[dir="rtl"] .c-progress-bar__milestone.mod--last-active .c-progress-bar__goal-bar:before,
html[dir="rtl"] .c-progress-bar__goal.mod--last-active .c-progress-bar__goal-bar:before {
  left: auto;
  right: -50%;
}
html[dir="rtl"] .accordion-toggle.mod--icon-right .svg-icon.accordion-arrow {
  transform: rotate(180deg);
}
html[dir="rtl"] .accordion-item.active .accordion-toggle .svg-icon.accordion-arrow {
  transform: rotate(90deg);
}
html[dir="rtl"] .c-gallery-summary__content {
  right: 15px;
}
html[dir="rtl"] .c-gallery-summary__content-icon {
  margin-right: 0;
  margin-left: 6px;
}
html[dir="rtl"] .c-launcher__imageside .c-container-image {
  margin-right: 0px;
  margin-left: 15px;
}
html[dir="rtl"] .mod--image-reverse-m .c-container-image {
  margin-left: 0px;
  margin-right: 15px;
}
html[dir="rtl"] .c-launcher__carousel .carousel {
  margin-right: -15px;
}
html[dir="rtl"] .swiper .swiper-ui__area-prev {
  left: inherit;
  right: 0;
}
html[dir="rtl"] .swiper .swiper-ui__area-next {
  right: inherit;
  left: 0;
}
html[dir="rtl"] .c-gallery-summary {
  margin-right: -15px;
}
html[dir="rtl"] .hotel-weather .c-weather__body-section:first-child {
  border-left: 1px solid #d8d8d8;
  border-right: 0px;
  padding-left: 15px;
  padding-right: inherit;
}
html[dir="rtl"] .hotel-weather .c-weather__body-section:last-child {
  padding-right: 15px;
  padding-left: inherit;
}
html[dir="rtl"] .c-header-detail__nav-wrapper,
html[dir="rtl"] .c-header-detail__nav-left,
html[dir="rtl"] .c-header-detail__nav-right {
  flex-flow: row-reverse;
}
html[dir="rtl"] .c-header-detail .c-hotel-detail__card__list .list__item .c-icon {
  margin: 0px 0px 0px 10px;
}
html[dir="rtl"] .tingle-modal-box__content.headline-white .c-modal__header .cmp-title {
  text-align: left;
  padding-right: inherit;
  padding-left: 16px;
}
html[dir="rtl"] .tingle-modal-box__content.headline-white .tingle-modal__close {
  left: inherit;
  right: 16px;
}
html[dir="rtl"] .c-card-hotel__content-header {
  text-align: right;
}
html[dir="rtl"] .c-card-hotel__content-header-title {
  padding-right: 0px;
  padding-left: 1rem;
}
html[dir="rtl"] .c-card-hotel__content-header-location-link .svg-icon {
  margin-right: inherit;
  margin-left: 0.15em;
}
html[dir="rtl"] .c-card-hotel__content-body-info .c-tripadvisor .svg-icon {
  margin-right: inherit;
  margin-left: 0.35em;
}
html[dir="rtl"] .result__map .c-card-hotel__content-header,
html[dir="rtl"] .result__map .c-card-hotel__content-body {
  padding: 23px 150px 0px 15px;
}
html[dir="rtl"] .result__map .c-card-hotel__content-header {
  text-align: right;
}
html[dir="rtl"] .result__map .c-card-hotel__content-footer .mod--cta-full-width {
  text-align: left;
}
html[dir="rtl"] .c-tripadvisor .ta__dot {
  margin-right: 0px;
  margin-left: 1px;
}
html[dir="rtl"] .c-tripadvisor .ta__dot--half,
html[dir="rtl"] .c-tripadvisor .ta__dot--full {
  margin-right: 0px;
  margin-left: 1px;
}
html[dir="rtl"] .c-tripadvisor .ta__dot--half {
  transform: rotate(180deg);
}
html[dir="rtl"] .hotels-comparator .c-hotels-comparator__body .body__result .result__comparator-bar,
html[dir="rtl"] .offers-comparator .c-hotels-comparator__body .body__result .result__comparator-bar {
  padding-left: 16px;
}
html[dir="rtl"] .hotels-comparator .c-hotels-comparator__body .body__result .result__comparator-bar:after,
html[dir="rtl"] .offers-comparator .c-hotels-comparator__body .body__result .result__comparator-bar:after {
  margin-right: 8px;
  margin-left: 0px;
}
html[dir="rtl"] .text-left {
  text-align: right;
}
html[dir="rtl"] .text-right {
  text-align: left;
}
/* RTL - DESKTOP */
@media (min-width: 1025px) {
  html[dir="rtl"] {
    /* RTL FIXES - HEADER & MEGAMENU - DESKTOP */
    /* RTL FIXES - FASTBOOKING - DESKTOP */
    /* RTL FIXES - FOOTER - DESKTOP*/
    /* RTL FIXES - WEATHER - DESKTOP */
    /* RTL FIXES - HEADER-DETAIL - MOBILE FIRST (~ TABLET) */
    /* RTL FIXES - COMPARATOR - DESKTOP */
  }
  html[dir="rtl"] .c-megamenu {
    left: auto;
    right: auto;
  }
  html[dir="rtl"] .header .c-header__nav-container .c-aside-menu-user-item:first-child {
    margin-left: 0px;
  }
  html[dir="rtl"] .c-megamenu .c-popover {
    left: auto;
  }
  html[dir="rtl"] .c-gallery-summary__content {
    right: 30px;
  }
  html[dir="rtl"] .c-gallery-summary__content-icon {
    margin-left: 8px;
  }
  html[dir="rtl"] .header .c-header__nav-container .c-aside-menu-user-item {
    margin-left: 0;
    margin-right: 20px;
  }
  html[dir="rtl"] .inject-fastbooking-true .c-fastbooking__links-add-flight {
    right: 0px;
    left: auto;
    text-align: right;
  }
  html[dir="rtl"] .inject-fastbooking-true .fastbooking .c-fastbooking__form .c-fieldset .mod--rooms .mod--select-arrow {
    background-image: url("../../../etc.clientlibs/barcelo/clientlibs/clientlib-base/resources/images/sprite-bhg.png");
    background-repeat: no-repeat;
    background-size: 45px auto;
    background-position: -5px -945px;
  }
  html[dir="rtl"] .c-refooter__logo {
    margin-left: 30px;
  }
  html[dir="rtl"] .hotel-weather .c-weather__body-section:first-child {
    padding-left: 30px;
  }
  html[dir="rtl"] .hotel-weather .c-weather__body-section:last-child {
    padding-right: 30px;
  }
  html[dir="rtl"] .c-header-detail .c-hotel-detail .c-side-content:first-child {
    padding-left: 30px;
    padding-right: inherit;
  }
  html[dir="rtl"] .c-header-detail .c-hotel-detail__card__list .list__item .c-icon {
    margin-left: 15px;
    margin-right: 0px;
  }
  html[dir="rtl"] .hotels-comparator .c-hotels-comparator__body,
  html[dir="rtl"] .offers-comparator .c-hotels-comparator__body {
    margin-right: 32px;
    margin-left: inherit;
  }
  html[dir="rtl"] .hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .map-btn-block .svg-icon,
  html[dir="rtl"] .offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .map-btn-block .svg-icon,
  html[dir="rtl"] .hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .list-btn-block .svg-icon,
  html[dir="rtl"] .offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .list-btn-block .svg-icon {
    margin-left: 0.5em;
    margin-right: inherit;
  }
  html[dir="rtl"] .hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .list-btn-block .svg-icon,
  html[dir="rtl"] .offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .list-btn-block .svg-icon {
    transform: scaleX(-1);
  }
  html[dir="rtl"] .hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select label,
  html[dir="rtl"] .offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select label {
    padding: 0 0 0 10px;
  }
}
/* RTL - MOBILE ONLY */
@media (min-width: 320px) and (max-width: 1025px) {
  .mod--align-left-mobile .cmp-title {
    text-align: right;
  }
  .mod--align-right-mobile .cmp-title {
    text-align: left;
  }
}
/*---- INHERITED STYLES --------------------------------------------------------------------------------------- */
.mod--horizontal-card .c-card-hotel {
  flex-wrap: nowrap;
  flex-flow: row;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.mod--horizontal-card .c-card-hotel__image {
  width: 263px;
  flex-shrink: 0;
}
.mod--horizontal-card .c-card-hotel__image .c-container-image {
  height: 100%;
}
.mod--horizontal-card .c-card-hotel__content {
  width: 100%;
  position: relative;
}
.mod--horizontal-card .c-card-hotel__content-header {
  padding: 15px 25px 0px 35px;
  flex-grow: 0;
}
.mod--horizontal-card .c-card-hotel__content-header-title .c-cta {
  font-size: 20px;
  line-height: 28px;
}
.mod--horizontal-card .c-card-hotel__content-header-location {
  font-size: 14px;
  margin-top: 4px;
}
.mod--horizontal-card .c-card-hotel__content-body {
  padding: 10px 25px 10px 35px;
  flex-grow: 0;
}
.mod--horizontal-card .c-card-hotel__content-body-info {
  height: auto;
}
.mod--horizontal-card .c-card-hotel__content-body-info .c-tripadvisor .ta__score {
  font-size: 14px;
}
.mod--horizontal-card .c-card-hotel__content-body-info .c-tripadvisor .ta__reviews {
  font-size: 12px;
  line-height: 14px;
}
.mod--horizontal-card .c-card-hotel__content-body-list {
  font-size: 14px;
  line-height: 18px;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: unset;
  text-overflow: inherit;
  max-height: 100%;
}
.mod--horizontal-card .c-card-hotel__content-not-available {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 10px 25px 10px 35px;
}
.mod--horizontal-card .c-card-hotel__content-footer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 10px 25px 10px 35px;
}
.mod--horizontal-card .c-card-hotel__content-footer-price {
  flex-flow: row;
  margin: 0px;
}
.mod--horizontal-card .c-card-hotel__content-footer-price-claim {
  font-size: 14px;
  margin-bottom: 0px;
}
.mod--horizontal-card .c-card-hotel__content-footer-price .c-price__currency,
.mod--horizontal-card .c-card-hotel__content-footer-price .c-price__type {
  font-size: 16px;
  font-weight: 500;
}
.mod--horizontal-card .c-card-hotel__content-footer.mod--hotel-my-barcelo {
  padding-top: 0;
  padding-bottom: 0;
}
.mod--horizontal-card .c-card-hotel__content-footer .mod--cta-full-width {
  max-width: 250px;
}
.mod--horizontal-card .c-card-hotel__content-footer .mod--cta-full-width .c-cta {
  margin: 0px auto;
}
.mod--horizontal-card .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount {
  justify-content: space-between;
  flex-wrap: nowrap;
}
.mod--horizontal-card .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount .c-offer {
  max-width: 245px;
  width: auto;
}
/* BADGES - MOBILE FIRST (~ TABLET) */
.c-ballon {
  margin-left: 5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  color: #767676;
  display: inline-block;
  padding: 2px 9px;
  text-align: center;
  width: auto;
  min-width: 32px;
  background: #f5f5f5;
  border-radius: 12px;
  margin: 2px 0.25rem 2px 0.25rem;
}
.c-ballon::first-letter {
  text-transform: uppercase;
}
.c-ballon.mod--blue {
  color: #155583;
}
.c-adv {
  display: flex;
  align-items: center;
  border-radius: 2px;
  background: #c5e8f3;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  padding: 16px;
}
.c-adv__title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.c-adv__message {
  flex-shrink: 1;
}
/* BADGES - DESKTOP */
@media (min-width: 1025px) {
  .c-adv {
    display: flex;
    align-items: center;
    border-radius: 2px;
    background: #c5e8f3;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    padding: 16px;
  }
  .c-adv__title {
    font-size: 20px;
    line-height: 28px;
    display: block;
    margin-bottom: 5px;
  }
}
/* ICON COMPONENT */
.icon {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.icon .c-icon {
  margin: auto;
  line-height: 0px;
  width: 100%;
  height: inherit;
}
.cmp-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100%;
  height: inherit;
}
.svg-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
.svg-icon.mod--blue svg path {
  fill: #155583;
  stroke: #155583;
}
.svg-icon.mod--black svg path {
  fill: #155583;
  stroke: #155583;
}
.svg-icon.mod--red svg path {
  fill: #cc4716;
  stroke: #cc4716;
}
.svg-icon.mod--green svg path {
  fill: #2b8536;
  stroke: #2b8536;
}
/* MODIFIERS */
[class^="mod--size-"],
[class*=" mod--size-"] {
  flex-shrink: 0;
}
.mod--size-8 {
  width: 8px;
  height: 8px;
}
.mod--size-12 {
  width: 12px;
  height: 12px;
}
.mod--size-14 {
  width: 14px;
  height: 14px;
}
.mod--size-16 {
  width: 16px;
  height: 16px;
}
.mod--size-18 {
  width: 18px;
  height: 18px;
}
.mod--size-20 {
  width: 20px;
  height: 20px;
}
.mod--size-24 {
  width: 24px;
  height: 24px;
}
.mod--size-28 {
  width: 28px;
  height: 28px;
}
.mod--size-32 {
  width: 32px;
  height: 32px;
}
.mod--size-38 {
  width: 38px;
  height: 38px;
}
.mod--size-40 {
  width: 40px;
  height: 40px;
}
.mod--size-42 {
  width: 42px;
  height: 42px;
}
.mod--size-48 {
  width: 48px;
  height: 48px;
}
.mod--size-56 {
  width: 56px;
  height: 56px;
}
.mod--size-72 {
  width: 72px;
  height: 72px;
}
.mod--round-icon {
  border-radius: 99999px;
  background: #ffffff;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
  text-align: center;
  padding: 2px;
}
.mod--round-icon .c-icon {
  border-radius: 99999px;
}
@media (min-width: 1025px) {
  .icon {
    width: 72px;
    height: 72px;
    flex-shrink: 0;
  }
  .mod--size-16-d {
    width: 16px;
    height: 16px;
  }
  .mod--size-20-d {
    width: 20px;
    height: 20px;
  }
  .mod--size-24-d {
    width: 24px;
    height: 24px;
  }
  .mod--size-32-d {
    width: 32px;
    height: 32px;
  }
  .mod--size-40-d {
    width: 40px;
    height: 40px;
  }
  .mod--size-42-d {
    width: 42px;
    height: 42px;
  }
  .mod--size-48-d {
    width: 48px;
    height: 48px;
  }
  .mod--size-72-d {
    width: 72px;
    height: 72px;
  }
  .mod--round-icon-d {
    border-radius: 99999px;
    background: #ffffff;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
    padding: 2px;
  }
  .mod--round-icon-d .c-icon {
    border-radius: 99999px;
  }
}
/*---- COMPARATOR STYLES -------------------------------------------------------------------------------------- */
/* COMPARATOR - MOBILE FIRST (~ TABLET) */
.hotels-comparator,
.offers-comparator,
.meetings-comparator {
  width: calc(100% + 30px) !important;
  /* NECESARIO PARA ROMPER EL CONTAINER */
  margin-left: -15px;
}
.hotels-comparator .c-hotels-comparator,
.offers-comparator .c-hotels-comparator,
.meetings-comparator .c-hotels-comparator {
  display: flex;
  flex-wrap: wrap;
}
.hotels-comparator .c-hotels-comparator__body,
.offers-comparator .c-hotels-comparator__body,
.meetings-comparator .c-hotels-comparator__body {
  width: 100%;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav,
.offers-comparator .c-hotels-comparator__body .body__main-nav,
.meetings-comparator .c-hotels-comparator__body .body__main-nav {
  display: flex;
  width: 100%;
  align-items: center;
  overflow: auto;
  font-weight: 500;
  background: #f5f5f5;
  padding: 0px 10px;
  font-size: 14px;
  margin-top: 10px;
  height: 40px;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn,
.offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn,
.meetings-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn {
  flex-shrink: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
  flex-grow: 1;
  line-height: normal;
  border-right: 1px solid #b1b1b1;
  flex-basis: 50%;
  min-height: 40px;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn .svg-icon,
.offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn .svg-icon,
.meetings-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn .svg-icon {
  width: 16px;
  height: 16px;
  margin-right: 0.5em;
  filter: brightness(0) saturate(100%) invert(23%) sepia(70%) saturate(840%) hue-rotate(169deg) brightness(102%) contrast(93%);
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn__hotels,
.offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn__hotels,
.meetings-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn__hotels {
  border-right: 0;
  background: #8c9091;
  width: auto;
  min-width: initial;
  flex: none;
  padding: 6px 10px;
  margin-right: 8px;
  color: #ffffff;
  font-weight: 500;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn .mobile-btn,
.offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn .mobile-btn,
.meetings-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn .mobile-btn {
  margin-right: 3px;
  text-decoration: underline;
  color: #155583;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select,
.offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select,
.meetings-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select {
  white-space: nowrap;
  height: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0px 5px;
  text-decoration: underline;
  color: #155583;
  border-right: 1px solid #b1b1b1;
  font-size: 14px;
  flex-basis: 25%;
  min-height: 40px;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select label,
.offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select label,
.meetings-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select label {
  padding: 0px;
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 14px;
  text-decoration: underline;
  color: #155583;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select .input-order,
.offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select .input-order,
.meetings-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select .input-order {
  max-width: 200px;
  width: 76%;
  opacity: 0;
  position: absolute;
  height: 100%;
  margin: 0px;
  padding: 0px;
  z-index: 0;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select .svg-icon,
.offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select .svg-icon,
.meetings-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select .svg-icon {
  width: 16px;
  height: 16px;
  margin-right: 0.5em;
  filter: brightness(0) saturate(100%) invert(23%) sepia(70%) saturate(840%) hue-rotate(169deg) brightness(102%) contrast(93%);
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn,
.offers-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn,
.meetings-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn {
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
  text-align: center;
  color: #155583;
  font-size: 14px;
  flex-basis: 25%;
  min-height: 40px;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn-block,
.offers-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn-block,
.meetings-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn-block {
  line-height: normal;
  text-decoration: underline;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn.mod--disabled,
.offers-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn.mod--disabled,
.meetings-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn.mod--disabled {
  opacity: 0.6;
  text-decoration: none;
  cursor: not-allowed;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn,
.offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn,
.meetings-comparator .c-hotels-comparator__body .body__main-nav .mode-btn {
  min-width: 19%;
  white-space: nowrap;
  display: none;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
  text-align: center;
  transition: all 0.3s ease-out;
  position: fixed;
  display: flex;
  bottom: 24px;
  transform: translate(-50%, -3vh);
  left: 50%;
  background: #384044;
  color: #ffffff;
  height: 40px;
  border-radius: 27px;
  padding: 0 20px;
  min-width: 128px;
  font-size: 16px;
  opacity: 0;
  visibility: hidden;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .map-btn-block .svg-icon,
.offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .map-btn-block .svg-icon,
.meetings-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .map-btn-block .svg-icon,
.hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .list-btn-block .svg-icon,
.offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .list-btn-block .svg-icon,
.meetings-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .list-btn-block .svg-icon {
  width: 16px;
  height: 16px;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top,
.offers-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top,
.meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top {
  margin-top: 0px;
  height: 48px;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top .mode-btn,
.offers-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top .mode-btn,
.meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top .mode-btn {
  z-index: 6;
  opacity: 1;
  visibility: visible;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top .mode-btn .map-btn-block .svg-icon,
.offers-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top .mode-btn .map-btn-block .svg-icon,
.meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top .mode-btn .map-btn-block .svg-icon,
.hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top .mode-btn .list-btn-block .svg-icon,
.offers-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top .mode-btn .list-btn-block .svg-icon,
.meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top .mode-btn .list-btn-block .svg-icon {
  width: 24px;
  height: 24px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(98%) saturate(7%) hue-rotate(106deg) brightness(101%) contrast(105%);
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top .mode-btn .list-btn-block .svg-icon,
.offers-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top .mode-btn .list-btn-block .svg-icon,
.meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--stick-top .mode-btn .list-btn-block .svg-icon {
  width: 16px;
  height: 16px;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map,
.offers-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map,
.meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
  margin-top: 0;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn,
.offers-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn,
.meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn {
  border-right: 0;
  justify-content: space-around;
  position: relative;
  min-height: initial;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn__hotels,
.offers-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn__hotels,
.meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn__hotels {
  background: initial;
  color: initial;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn__filter,
.offers-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn__filter,
.meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn__filter {
  width: 97px;
  text-align: center;
}
.hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn::after,
.offers-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn::after,
.meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 40px;
  transform: translateX(-50%);
  left: 50%;
  background: #b1b1b1;
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__map-container,
.offers-comparator .c-hotels-comparator__body .body__result .result__map-container,
.meetings-comparator .c-hotels-comparator__body .body__result .result__map-container {
  width: 100%;
  height: 700px;
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__list,
.offers-comparator .c-hotels-comparator__body .body__result .result__list,
.meetings-comparator .c-hotels-comparator__body .body__result .result__list {
  padding: 0px 15px;
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__list-item,
.offers-comparator .c-hotels-comparator__body .body__result .result__list-item,
.meetings-comparator .c-hotels-comparator__body .body__result .result__list-item {
  padding: 10px 0px;
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__list-item .c-card-hotel,
.offers-comparator .c-hotels-comparator__body .body__result .result__list-item .c-card-hotel,
.meetings-comparator .c-hotels-comparator__body .body__result .result__list-item .c-card-hotel {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  box-shadow: 0px 5px 10px -3px rgba(0, 0, 0, 0.3);
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__list-item .c-close-btn,
.offers-comparator .c-hotels-comparator__body .body__result .result__list-item .c-close-btn,
.meetings-comparator .c-hotels-comparator__body .body__result .result__list-item .c-close-btn {
  display: none;
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__list-item .not-available,
.offers-comparator .c-hotels-comparator__body .body__result .result__list-item .not-available,
.meetings-comparator .c-hotels-comparator__body .body__result .result__list-item .not-available {
  display: inline-flex;
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__list-item .not-available .cmp-icon,
.offers-comparator .c-hotels-comparator__body .body__result .result__list-item .not-available .cmp-icon,
.meetings-comparator .c-hotels-comparator__body .body__result .result__list-item .not-available .cmp-icon {
  margin-right: 10px;
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__list-item.mod--hidePagination,
.offers-comparator .c-hotels-comparator__body .body__result .result__list-item.mod--hidePagination,
.meetings-comparator .c-hotels-comparator__body .body__result .result__list-item.mod--hidePagination {
  display: none;
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__list.mod--package,
.offers-comparator .c-hotels-comparator__body .body__result .result__list.mod--package,
.meetings-comparator .c-hotels-comparator__body .body__result .result__list.mod--package {
  display: flex;
  flex-wrap: wrap;
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item,
.offers-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item,
.meetings-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item {
  width: 100%;
  margin: 16px 0px;
  padding: 0px;
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item .c-flip-card,
.offers-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item .c-flip-card,
.meetings-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item .c-flip-card {
  width: 100%;
  margin: 0px auto;
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__comparator-bar,
.offers-comparator .c-hotels-comparator__body .body__result .result__comparator-bar,
.meetings-comparator .c-hotels-comparator__body .body__result .result__comparator-bar {
  display: none;
  width: 100%;
  padding-right: 16px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  height: 35px;
  font-weight: 700;
  background: #d8d8d8;
  color: #767676;
  cursor: pointer;
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__comparator-bar:after,
.offers-comparator .c-hotels-comparator__body .body__result .result__comparator-bar:after,
.meetings-comparator .c-hotels-comparator__body .body__result .result__comparator-bar:after {
  font-family: "barcelo-ui-kit";
  content: "\e926";
  color: #d8d8d8;
  border-radius: 99999px;
  background: #f5f5f5;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__comparator-bar.active,
.offers-comparator .c-hotels-comparator__body .body__result .result__comparator-bar.active,
.meetings-comparator .c-hotels-comparator__body .body__result .result__comparator-bar.active {
  background: #155583;
  color: #ffffff;
}
.hotels-comparator .c-hotels-comparator__body .body__result .result__comparator-bar.active:after,
.offers-comparator .c-hotels-comparator__body .body__result .result__comparator-bar.active:after,
.meetings-comparator .c-hotels-comparator__body .body__result .result__comparator-bar.active:after {
  color: #155583;
  background: #ffffff;
}
.hotels-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__container,
.offers-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__container,
.meetings-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__container {
  padding-top: 2px;
}
.hotels-comparator .c-hotels-comparator .applicated-filters__container .applicated-filters__filtered-item,
.offers-comparator .c-hotels-comparator .applicated-filters__container .applicated-filters__filtered-item,
.meetings-comparator .c-hotels-comparator .applicated-filters__container .applicated-filters__filtered-item,
.hotels-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__filtered-item,
.offers-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__filtered-item,
.meetings-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__filtered-item {
  max-width: 100%;
  background: #ffffff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 12px;
  height: 24px;
  display: inline-flex;
  padding: 3px 8px;
  margin: 0px 10px 10px 0px;
  color: #155583;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}
.hotels-comparator .c-hotels-comparator .applicated-filters__container .applicated-filters__filtered-item span,
.offers-comparator .c-hotels-comparator .applicated-filters__container .applicated-filters__filtered-item span,
.meetings-comparator .c-hotels-comparator .applicated-filters__container .applicated-filters__filtered-item span,
.hotels-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__filtered-item span,
.offers-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__filtered-item span,
.meetings-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__filtered-item span {
  width: 100%;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hotels-comparator .c-hotels-comparator .applicated-filters__container .applicated-filters__delete-filtered,
.offers-comparator .c-hotels-comparator .applicated-filters__container .applicated-filters__delete-filtered,
.meetings-comparator .c-hotels-comparator .applicated-filters__container .applicated-filters__delete-filtered,
.hotels-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__delete-filtered,
.offers-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__delete-filtered,
.meetings-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__delete-filtered {
  position: absolute;
  background: #ffffff;
  right: 0px;
  width: 30px;
  text-align: center;
  color: #155583;
  margin-left: 10px;
  font-size: 12px;
  cursor: pointer;
}
.hotels-comparator .c-hotels-comparator .applicated-filters__container .applicated-filters__delete-filtered:before,
.offers-comparator .c-hotels-comparator .applicated-filters__container .applicated-filters__delete-filtered:before,
.meetings-comparator .c-hotels-comparator .applicated-filters__container .applicated-filters__delete-filtered:before,
.hotels-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__delete-filtered:before,
.offers-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__delete-filtered:before,
.meetings-comparator .c-hotels-comparator .c-hotels-comparator__body .applicated-filters__delete-filtered:before {
  font-family: "barcelo-ui-kit";
  content: "\e909";
}
.hotels-comparator .c-hotels-comparator__sidebar,
.offers-comparator .c-hotels-comparator__sidebar,
.meetings-comparator .c-hotels-comparator__sidebar {
  background: #f5f5f5;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  transition: all 0.5s ease-out;
  left: -102%;
  overflow: auto;
  z-index: 8;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__header,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__header,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__header {
  position: fixed;
  z-index: 5;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  padding: 0px 15px;
  transition: all 0.5s ease-out;
  left: -102%;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__close-btn,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__close-btn,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__close-btn {
  color: #155583;
  transition: all 0.3s ease-out;
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__title,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__title,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__title {
  font-size: 12px;
  font-weight: 500;
  color: #767676;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar hr,
.offers-comparator .c-hotels-comparator__sidebar .sidebar hr,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar hr {
  display: none;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters {
  height: auto;
  display: none;
  transition: all 0.5s ease-out;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__header,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__header,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__header {
  display: flex;
  justify-content: space-between;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__empty-btn,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__empty-btn,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__empty-btn {
  color: #155583;
  transition: all 0.3s ease-out;
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__container,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__container,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__container {
  padding: 16px 0px;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__footer,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__footer,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__footer {
  color: #155583;
  transition: all 0.3s ease-out;
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
  font-size: 14px;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list {
  padding: 14px 14px 64px 14px;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item:after,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item:after,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item:after {
  left: 0px;
  width: 100%;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-toggle,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-toggle,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-toggle {
  width: 100%;
  font-weight: 700;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-toggle:before,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-toggle:before,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-toggle:before {
  position: absolute;
  right: 0px;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content {
  padding-top: 5px;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet {
  margin-bottom: 15px;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet label,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet label,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet label {
  font-weight: 300;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet .count,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet .count,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet .count {
  margin-left: 5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  color: #767676;
  display: inline-block;
  padding: 2px 9px;
  text-align: center;
  width: auto;
  min-width: 32px;
  background: #f5f5f5;
  border-radius: 12px;
  margin: 2px 0.25rem 2px 0.25rem;
  background: #ffffff;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet .count::first-letter,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet .count::first-letter,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet .count::first-letter {
  text-transform: uppercase;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet .count.mod--blue,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet .count.mod--blue,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet .count.mod--blue {
  color: #155583;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-1,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-1,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-1 {
  margin-left: 25px;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-2,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-2,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-2 {
  margin-left: 50px;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-3,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-3,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-3 {
  margin-left: 75px;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-4,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-4,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-4 {
  margin-left: 100px;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-5,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-5,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item .accordion-content .facet-tab-5 {
  margin-left: 125px;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .facets-list__toggle-btn,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .facets-list__toggle-btn,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .facets-list__toggle-btn {
  color: #155583;
  transition: all 0.3s ease-out;
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
  font-size: 14px;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .facets-list__show-more,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .facets-list__show-more,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .facets-list__show-more {
  display: block;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .facets-list__show-less,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .facets-list__show-less,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .facets-list__show-less {
  display: none;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension .facets-list__toggle-btn,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension .facets-list__toggle-btn,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension .facets-list__toggle-btn,
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .facets-list__toggle-btn,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .facets-list__toggle-btn,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .facets-list__toggle-btn {
  display: none;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .facets-list__toggle-btn,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .facets-list__toggle-btn,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .facets-list__toggle-btn,
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLess .facets-list__toggle-btn,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLess .facets-list__toggle-btn,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLess .facets-list__toggle-btn {
  display: block;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .facets-list__show-less,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .facets-list__show-less,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .facets-list__show-less,
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLess .facets-list__show-less,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLess .facets-list__show-less,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLess .facets-list__show-less {
  display: none;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .applicated-filters__filtered-item:nth-child(n + 6),
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .applicated-filters__filtered-item:nth-child(n + 6),
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .applicated-filters__filtered-item:nth-child(n + 6),
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLess .applicated-filters__filtered-item:nth-child(n + 6),
.offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLess .applicated-filters__filtered-item:nth-child(n + 6),
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLess .applicated-filters__filtered-item:nth-child(n + 6) {
  display: none;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .facets-list__show-less,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .facets-list__show-less,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .facets-list__show-less,
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLessActive .facets-list__show-less,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLessActive .facets-list__show-less,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLessActive .facets-list__show-less {
  display: block;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .facets-list__show-more,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .facets-list__show-more,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .facets-list__show-more,
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLessActive .facets-list__show-more,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLessActive .facets-list__show-more,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLessActive .facets-list__show-more {
  display: none;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .applicated-filters__filtered-item:nth-child(n + 6),
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .applicated-filters__filtered-item:nth-child(n + 6),
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .applicated-filters__filtered-item:nth-child(n + 6),
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLessActive .applicated-filters__filtered-item:nth-child(n + 6),
.offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLessActive .applicated-filters__filtered-item:nth-child(n + 6),
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters.moreOrLessActive .applicated-filters__filtered-item:nth-child(n + 6) {
  display: inline-flex;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .facets-list__show-more,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .facets-list__show-more,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .facets-list__show-more,
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .facets-list__show-less,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .facets-list__show-less,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess .facets-list__show-less {
  display: none;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .facets-list__show-less,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .facets-list__show-less,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .facets-list__show-less,
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .facets-list__show-more,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .facets-list__show-more,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive .facets-list__show-more {
  display: none;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess.active .facets-list__show-more,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess.active .facets-list__show-more,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess.active .facets-list__show-more {
  display: block;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess.active .facets-list__show-less,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess.active .facets-list__show-less,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLess.active .facets-list__show-less {
  display: none;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive.active .facets-list__show-less,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive.active .facets-list__show-less,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive.active .facets-list__show-less {
  display: block;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive.active .facets-list__show-more,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive.active .facets-list__show-more,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .dimension.moreOrLessActive.active .facets-list__show-more {
  display: none;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__footer,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__footer,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__footer {
  position: fixed;
  z-index: 5;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.3);
  padding: 4px 15px;
  transition: all 0.5s ease-out;
  left: -102%;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn {
  display: none;
}
.hotels-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn .list-btn-block,
.offers-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn .list-btn-block,
.meetings-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn .list-btn-block {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hotels-comparator .c-hotels-comparator__sidebar.open,
.offers-comparator .c-hotels-comparator__sidebar.open,
.meetings-comparator .c-hotels-comparator__sidebar.open {
  left: 0px;
}
.hotels-comparator .c-hotels-comparator__sidebar.open .sidebar__header,
.offers-comparator .c-hotels-comparator__sidebar.open .sidebar__header,
.meetings-comparator .c-hotels-comparator__sidebar.open .sidebar__header,
.hotels-comparator .c-hotels-comparator__sidebar.open .sidebar__footer,
.offers-comparator .c-hotels-comparator__sidebar.open .sidebar__footer,
.meetings-comparator .c-hotels-comparator__sidebar.open .sidebar__footer {
  left: 0px;
}
.hotels-comparator .c-hotels-comparator.active-comparator .c-hotels-comparator__body .comparator-btn-block,
.offers-comparator .c-hotels-comparator.active-comparator .c-hotels-comparator__body .comparator-btn-block,
.meetings-comparator .c-hotels-comparator.active-comparator .c-hotels-comparator__body .comparator-btn-block {
  background: #155583;
  color: #ffffff;
  border: 1px solid #155583;
  padding: 6px 10px;
}
.hotels-comparator .c-hotels-comparator.active-comparator .c-hotels-comparator__sidebar .comparator-btn,
.offers-comparator .c-hotels-comparator.active-comparator .c-hotels-comparator__sidebar .comparator-btn,
.meetings-comparator .c-hotels-comparator.active-comparator .c-hotels-comparator__sidebar .comparator-btn {
  background: #155583;
  color: #ffffff;
  border: 1px solid #155583;
  text-decoration: none;
}
.hotels-comparator .c-hotels-comparator.active-comparator .c-hotels-comparator__comparing,
.offers-comparator .c-hotels-comparator.active-comparator .c-hotels-comparator__comparing,
.meetings-comparator .c-hotels-comparator.active-comparator .c-hotels-comparator__comparing {
  display: block;
}
.hotels-comparator .c-hotels-comparator.active-comparator .body__result .result__comparator-bar,
.offers-comparator .c-hotels-comparator.active-comparator .body__result .result__comparator-bar,
.meetings-comparator .c-hotels-comparator.active-comparator .body__result .result__comparator-bar {
  display: flex;
}
.hotels-comparator .c-hotels-comparator.active-comparator .body__result .bannerCardSurprise .result__comparator-bar,
.offers-comparator .c-hotels-comparator.active-comparator .body__result .bannerCardSurprise .result__comparator-bar,
.meetings-comparator .c-hotels-comparator.active-comparator .body__result .bannerCardSurprise .result__comparator-bar {
  display: none;
}
/* COMPARATOR - DESKTOP */
@media (min-width: 1025px) {
  .hotels-comparator,
  .offers-comparator,
  .meetings-comparator {
    width: 100% !important;
    /* NECESARIO PARA VOLVER EL CONTAINER A SU ESTADO ORIGINAL */
    margin-left: inherit;
  }
  .hotels-comparator .c-hotels-comparator,
  .offers-comparator .c-hotels-comparator,
  .meetings-comparator .c-hotels-comparator {
    padding: 40px 0px;
  }
  .hotels-comparator .c-hotels-comparator__body,
  .offers-comparator .c-hotels-comparator__body,
  .meetings-comparator .c-hotels-comparator__body {
    width: calc(75% - 32px);
    margin-left: 32px;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav,
  .offers-comparator .c-hotels-comparator__body .body__main-nav,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav {
    overflow: hidden;
    height: auto;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 300;
    box-shadow: none;
    margin-top: 0px;
    min-height: 41px;
    background: transparent;
    padding: 0;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn,
  .offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn {
    flex-wrap: wrap;
    white-space: normal;
    font-size: 20px;
    justify-content: flex-start;
    word-break: break-all;
    overflow-y: hidden;
    margin-bottom: -2em;
    padding-bottom: 2em;
    margin-top: -2em;
    padding-top: 2em;
    border-right: 0;
    width: auto;
    min-width: initial;
    flex: none;
    padding-right: 0;
    padding-left: 0;
    color: #ffffff;
    font-weight: 500;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn__hotels,
  .offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn__hotels,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav .main-nav__hotels-btn__hotels {
    margin-right: 0px;
    min-width: 137px;
    text-align: center;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select,
  .offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select {
    white-space: normal;
    padding-top: 16px;
    padding: 0px 15px;
    overflow-y: hidden;
    margin-bottom: -2em;
    padding-bottom: 2em;
    margin-top: -2em;
    padding-top: 2em;
    width: initial;
    flex: 2;
    border-right: 0;
    text-decoration: none;
    font-size: 16px;
    max-width: 240px;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select label,
  .offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select label,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select label {
    font-size: 16px;
    font-weight: 300;
    padding: 0px 10px 0 0;
    display: none;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select .input-order,
  .offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select .input-order,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select .input-order {
    position: relative;
    height: 40px;
    padding: 0px 25px 0px 0.5rem;
    opacity: 1;
    width: 100%;
    max-width: none;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn,
  .offers-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn,
  .hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn,
  .offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav .mode-btn {
    word-break: break-all;
    min-width: inherit;
    padding: 0px 15px;
    justify-content: center;
    overflow-y: hidden;
    margin-bottom: -2em;
    padding-bottom: 2em;
    margin-top: -2em;
    padding-top: 2em;
    color: #155583;
    transition: all 0.3s ease-out;
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn,
  .offers-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn {
    width: initial;
    flex: 1;
    border-right: 0;
    padding: 0;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn-block,
  .offers-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn-block,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav .comparator-btn-block {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    text-decoration: none;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn,
  .offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav .mode-btn {
    width: initial;
    flex: 1.3;
    font-weight: 500;
    justify-content: right;
    opacity: 1;
    visibility: visible;
    position: relative;
    display: flex;
    bottom: initial;
    transform: none;
    left: initial;
    color: black;
    background: transparent;
    min-width: initial;
    flex: 1;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn.list-btn,
  .offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn.list-btn,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav .mode-btn.list-btn {
    width: auto;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn_text,
  .offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn_text,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav .mode-btn_text {
    text-decoration: underline;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .map-btn-block .svg-icon,
  .offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .map-btn-block .svg-icon,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .map-btn-block .svg-icon,
  .hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .list-btn-block .svg-icon,
  .offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .list-btn-block .svg-icon,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .list-btn-block .svg-icon {
    height: 24px;
    width: 24px;
    margin-right: 0.5em;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map,
  .offers-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map {
    box-shadow: none;
    margin-top: 0;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn,
  .offers-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn {
    border-right: 0;
    justify-content: space-around;
    position: relative;
    min-height: initial;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn__hotels,
  .offers-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn__hotels,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn__hotels {
    background: #8c9091;
    color: #ffffff;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn__filter,
  .offers-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn__filter,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn__filter {
    width: 97px;
    text-align: center;
  }
  .hotels-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn::after,
  .offers-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn::after,
  .meetings-comparator .c-hotels-comparator__body .body__main-nav.mod--view-map .main-nav__hotels-btn::after {
    content: none;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list {
    padding: 16px 0px 0px;
    padding-top: 24px;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel {
    flex-wrap: nowrap;
    flex-flow: row;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__image,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__image,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__image {
    width: 263px;
    flex-shrink: 0;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__image .c-container-image,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__image .c-container-image,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__image .c-container-image {
    height: 100%;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content {
    width: 100%;
    position: relative;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-header,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-header,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-header {
    padding: 15px 25px 0px 35px;
    flex-grow: 0;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-header-title .c-cta,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-header-title .c-cta,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-header-title .c-cta {
    font-size: 20px;
    line-height: 28px;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-header-location,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-header-location,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-header-location {
    font-size: 14px;
    margin-top: 4px;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body {
    padding: 10px 25px 10px 35px;
    flex-grow: 0;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body-info,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body-info,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body-info {
    height: auto;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body-info .c-tripadvisor .ta__score,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body-info .c-tripadvisor .ta__score,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body-info .c-tripadvisor .ta__score {
    font-size: 14px;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body-info .c-tripadvisor .ta__reviews,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body-info .c-tripadvisor .ta__reviews,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body-info .c-tripadvisor .ta__reviews {
    font-size: 12px;
    line-height: 14px;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body-list,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body-list,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-body-list {
    font-size: 14px;
    line-height: 18px;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
    text-overflow: inherit;
    max-height: 100%;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-not-available,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-not-available,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-not-available {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 10px 25px 10px 35px;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 10px 25px 10px 35px;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer-price,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer-price,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer-price {
    flex-flow: row;
    margin: 0px;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer-price-claim,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer-price-claim,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer-price-claim {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer-price .c-price__currency,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer-price .c-price__currency,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer-price .c-price__currency,
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer-price .c-price__type,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer-price .c-price__type,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer-price .c-price__type {
    font-size: 16px;
    font-weight: 500;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer.mod--hotel-my-barcelo,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer.mod--hotel-my-barcelo,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer.mod--hotel-my-barcelo {
    padding-top: 0;
    padding-bottom: 0;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer .mod--cta-full-width,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer .mod--cta-full-width,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer .mod--cta-full-width {
    max-width: 250px;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer .mod--cta-full-width .c-cta,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer .mod--cta-full-width .c-cta,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel__content-footer .mod--cta-full-width .c-cta {
    margin: 0px auto;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount {
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount .c-offer,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount .c-offer,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount .c-offer {
    max-width: 245px;
    width: auto;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item {
    width: calc(33.3% - 16px);
    margin: 16px 12px;
    padding: 0px;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item:first-child,
  .offers-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item:first-child,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item:first-child,
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item:nth-child(3n + 4),
  .offers-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item:nth-child(3n + 4),
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item:nth-child(3n + 4) {
    margin-left: 0px;
    width: calc(33.3% - 16px);
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item:nth-child(3n + 3),
  .offers-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item:nth-child(3n + 3),
  .meetings-comparator .c-hotels-comparator__body .body__result .result__list.mod--package .result__list-item:nth-child(3n + 3) {
    margin-right: 0px;
    width: calc(33.3% - 16px);
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__comparator-bar,
  .offers-comparator .c-hotels-comparator__body .body__result .result__comparator-bar,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__comparator-bar {
    color: #8c9091;
    justify-content: flex-end;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__comparator-bar.active,
  .offers-comparator .c-hotels-comparator__body .body__result .result__comparator-bar.active,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__comparator-bar.active {
    background: #155583;
    color: #ffffff;
  }
  .hotels-comparator .c-hotels-comparator__body .body__result .result__map,
  .offers-comparator .c-hotels-comparator__body .body__result .result__map,
  .meetings-comparator .c-hotels-comparator__body .body__result .result__map {
    padding-top: 34px;
  }
  .hotels-comparator .c-hotels-comparator__sidebar,
  .offers-comparator .c-hotels-comparator__sidebar,
  .meetings-comparator .c-hotels-comparator__sidebar {
    background: transparent;
    width: 25%;
    position: relative;
    left: inherit;
    top: inherit;
    overflow: visible;
    z-index: 0;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__header,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__header,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__header {
    position: relative;
    top: inherit;
    left: inherit;
    height: 45px;
    background: transparent;
    box-shadow: none;
    padding: 0px;
    justify-content: flex-start;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__close-btn,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__close-btn,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__close-btn {
    display: none;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__filter-btn,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__filter-btn,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__filter-btn {
    width: 28px;
    height: auto;
    display: inline-flex;
    margin-right: 10px;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__title,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__title,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__header .sidebar__title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #384044;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar hr,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar hr,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar hr {
    display: block;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters {
    display: block;
    transition: all 0.3s ease-out;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__filtered-item,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__filtered-item,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__filtered-item {
    background: #ffffff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    border-radius: 12px;
    height: 24px;
    display: inline-flex;
    padding: 3px 8px;
    margin: 0px 10px 10px 0px;
    color: #155583;
    transition: all 0.3s ease-out;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__delete-filtered,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__delete-filtered,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__delete-filtered {
    color: #155583;
    margin-left: 10px;
    font-size: 12px;
    cursor: pointer;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__delete-filtered:before,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__delete-filtered:before,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__applicated-filters .applicated-filters__delete-filtered:before {
    font-family: "barcelo-ui-kit";
    content: "\e909";
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list {
    padding: 0px;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item.active,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item.active,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item.active {
    padding: 0px 0px 1rem 0px;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item:after,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item:after,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item:after {
    left: 0px;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item.active .accordion-content,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item.active .accordion-content,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item.active .accordion-content {
    padding-top: 1rem;
    padding-left: 2px;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item.active .accordion-content .facet,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item.active .accordion-content .facet,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__facets-list .accordion-item.active .accordion-content .facet {
    margin-bottom: 1rem;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__footer,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__footer,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__footer {
    position: relative;
    display: inline-block;
    bottom: inherit;
    left: inherit;
    background: transparent;
    box-shadow: none;
    padding: 0px;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn {
    display: block;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn.map-btn .svg-icon,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn.map-btn .svg-icon,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn.map-btn .svg-icon,
  .hotels-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn.list-btn .svg-icon,
  .offers-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn.list-btn .svg-icon,
  .meetings-comparator .c-hotels-comparator__sidebar .sidebar__footer .mode-btn.list-btn .svg-icon {
    margin-right: 0.4em;
  }
  .hotels-comparator .c-hotels-comparator__sidebar .comparator-btn,
  .offers-comparator .c-hotels-comparator__sidebar .comparator-btn,
  .meetings-comparator .c-hotels-comparator__sidebar .comparator-btn,
  .hotels-comparator .c-hotels-comparator__sidebar .mode-btn,
  .offers-comparator .c-hotels-comparator__sidebar .mode-btn,
  .meetings-comparator .c-hotels-comparator__sidebar .mode-btn {
    background: #e0e0e0;
    border-radius: 2px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #155583;
    transition: all 0.3s ease-out;
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer;
    margin: 16px 0px;
  }
  .hotels-comparator .c-hotels-comparator.active-comparator .c-hotels-comparator__body .comparator-btn-block,
  .offers-comparator .c-hotels-comparator.active-comparator .c-hotels-comparator__body .comparator-btn-block,
  .meetings-comparator .c-hotels-comparator.active-comparator .c-hotels-comparator__body .comparator-btn-block {
    text-decoration: none;
  }
  .hotels-comparator .c-hotels-comparator .hotelSurprise3Position,
  .offers-comparator .c-hotels-comparator .hotelSurprise3Position,
  .meetings-comparator .c-hotels-comparator .hotelSurprise3Position {
    margin: 10px 0px 10px 0px;
  }
}
/* COMPARATOR-COMPARING - MOBILE FIRST (~ TABLET) */
.hotels-comparator .c-hotels-comparator__comparing,
.offers-comparator .c-hotels-comparator__comparing,
.meetings-comparator .c-hotels-comparator__comparing {
  display: none;
  width: 100%;
  margin: 27px auto 0px;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper {
  background: #ffffff;
  width: 100%;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item {
  padding: 0px;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header {
  background: #155583;
  width: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  color: #ffffff;
  padding: 5px;
  padding-left: 10px;
  text-align: left;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header .svg-icon,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header .svg-icon,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header .svg-icon {
  margin-top: 7px;
  position: relative;
  float: right;
  margin-right: -2px;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header .svg-icon svg,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header .svg-icon svg,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header .svg-icon svg,
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header .svg-icon img,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header .svg-icon img,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header .svg-icon img {
  height: 20px;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header .svg-icon path,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header .svg-icon path,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header .svg-icon path {
  fill: white;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item:after,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item:after,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item:after {
  content: none;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item.active .accordion-toggle:before,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item.active .accordion-toggle:before,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item.active .accordion-toggle:before {
  transform: rotate(-90deg);
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-title,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-title,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-title {
  display: none;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content {
  display: flex;
  flex-wrap: wrap;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel {
  width: 100%;
  margin: 0px;
  display: inline-flex;
  height: 55px;
  box-shadow: none;
  border-bottom: 1px solid #767676;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel .icon-close,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel .icon-close,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel .icon-close {
  width: 16px;
  height: 16px;
  font-size: 16px;
  display: block;
  color: #155583;
  top: 19px;
  z-index: 2;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__image,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__image,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__image {
  display: none;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content {
  border: none;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content hr,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content hr,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content hr {
  display: none;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header {
  padding: 0 10px;
  height: 28px;
  width: 70%;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title .c-cta,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title .c-cta,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title .c-cta {
  font-weight: 700;
  line-height: 22px;
  padding-top: 5px;
  font-size: 14px;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-location,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-location,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-location {
  font-size: 12px;
  display: none;
  max-width: auto;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body {
  width: 55%;
  padding: 0px 10px 5px 10px;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info {
  padding-top: 0px;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor {
  max-width: unset;
  display: inline-flex;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor .svg-icon,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor .svg-icon,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor .svg-icon {
  margin-right: 0px;
  padding-top: 0px;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor__rate .ta__score,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor__rate .ta__score,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor__rate .ta__score,
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor__rate .ta__reviews,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor__rate .ta__reviews,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor__rate .ta__reviews {
  display: none;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info-label,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info-label,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info-label {
  display: none;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-list,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-list,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-list {
  display: none;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer {
  padding: 0 35px 0 0;
  position: absolute;
  right: 0;
  border-top: 0;
  margin-top: 0;
  text-align: right;
  width: 30%;
  height: 100%;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price {
  flex-wrap: wrap;
  padding: 5px 0px;
  margin: 0px;
  justify-content: flex-end;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price-claim,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price-claim,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price-claim {
  width: auto;
  font-size: 12px;
  color: #767676;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price {
  font-size: 16px;
  align-items: baseline;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price__currency,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price__currency,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price__currency {
  font-size: 12px;
  font-weight: 700;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price__type,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price__type,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price__type {
  display: none;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-price-header .c-card-hotel__content-footer-price-claim,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-price-header .c-card-hotel__content-footer-price-claim,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-price-header .c-card-hotel__content-footer-price-claim {
  color: #ffffff;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-cta,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-cta,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-cta {
  display: none;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .comparing__placeholder-hotel,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .comparing__placeholder-hotel,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .comparing__placeholder-hotel {
  display: none;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px auto;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer-comparator-btn .c-cta,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer-comparator-btn .c-cta,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer-comparator-btn .c-cta {
  font-size: 15px;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer-close-btn .c-cta,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer-close-btn .c-cta,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer-close-btn .c-cta {
  font-size: 16px;
  margin: 0 15px;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price-normal,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price-normal,
.meetings-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price-normal {
  flex-direction: column;
}
/* COMPARATOR-COMPARING - MOBILE FIRST - OFFER ONLY */
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content {
  position: relative;
  overflow-y: hidden;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header {
  display: flex;
  padding-top: 4px;
  height: 28px;
  margin-bottom: -4px;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title .c-cta {
  text-decoration: none;
  color: black;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title .c-cta:after {
  display: none;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-location {
  display: none;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header .c-card-hotel__content-footer-location-link {
  display: none;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body {
  width: 60%;
  position: relative;
  padding: 0;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info {
  display: none;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor {
  display: none;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor__rate .ta__score,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor__rate .ta__reviews {
  display: none;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info-label {
  display: none;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-list {
  display: none;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body .c-card-dates {
  width: 100%;
  padding: 2px 10px;
  left: 1px;
  position: relative;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body .c-card-dates__periods-date {
  display: flex;
  background: transparent;
  padding: 0px;
  min-width: 190px;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body .c-card-dates__periods-date-claim {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  max-width: calc(100% - 85px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body .c-card-dates__periods-date-travel {
  flex-shrink: 0;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body .c-card-dates__periods-date:first-child {
  display: none;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body .c-card-dates__periods-separator {
  display: none;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body .c-more-info-btn {
  display: none;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer {
  width: 70%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 10px;
  position: initial;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo {
  display: flex;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo-hotel {
  font-size: 14px;
  line-height: 22px;
  font-weight: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo-hotel:nth-child(2) {
  padding-left: 4px;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo-discount {
  margin-right: 7px;
  width: 30%;
  margin-top: 0;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo-discount .c-offer {
  max-height: 32px;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo-discount .c-offer .c-card-hotel__content-footer-discount-claim {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  white-space: nowrap;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo-discount .c-offer .c-card-hotel__content-footer-discount-value {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo .c-card-hotel__content-footer-location-link {
  display: none;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-location {
  display: none;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-flip-card__front_buttons,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-flip-card__reverse_buttons {
  display: none;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-flip-card__front_offer {
  padding: 5px 5px 5px 16px;
}
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-flip-card__front_offer .c-offer {
  width: 100%;
}
/* COMPARATOR-COMPARING - DESKTOP */
@media (min-width: 1025px) {
  .hotels-comparator .c-hotels-comparator__comparing,
  .offers-comparator .c-hotels-comparator__comparing {
    margin-top: 60px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header {
    text-align: center;
    padding: 5px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header .svg-icon,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .comparing__header .svg-icon {
    position: relative;
    float: unset;
    margin-top: unset;
    margin-left: 9px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-title,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-title {
    margin: 10px auto;
    font-size: 20px;
    line-height: 36px;
    display: flex;
    height: 100px;
    align-items: center;
    justify-content: center;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content {
    display: inline-flex;
    width: 100%;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel {
    flex-wrap: nowrap;
    flex-flow: row;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__image,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__image {
    width: 263px;
    flex-shrink: 0;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__image .c-container-image,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__image .c-container-image {
    height: 100%;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content {
    width: 100%;
    position: relative;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header {
    padding: 15px 25px 0px 35px;
    flex-grow: 0;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title .c-cta,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title .c-cta {
    font-size: 20px;
    line-height: 28px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-location,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-location {
    font-size: 14px;
    margin-top: 4px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body {
    padding: 10px 25px 10px 35px;
    flex-grow: 0;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info {
    height: auto;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor .ta__score,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor .ta__score {
    font-size: 14px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor .ta__reviews,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor .ta__reviews {
    font-size: 12px;
    line-height: 14px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-list,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-list {
    font-size: 14px;
    line-height: 18px;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
    text-overflow: inherit;
    max-height: 100%;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-not-available,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-not-available {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 10px 25px 10px 35px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 10px 25px 10px 35px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price {
    flex-flow: row;
    margin: 0px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price-claim,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price-claim {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price__currency,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price__currency,
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price__type,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price .c-price__type {
    font-size: 16px;
    font-weight: 500;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer.mod--hotel-my-barcelo,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer.mod--hotel-my-barcelo {
    padding-top: 0;
    padding-bottom: 0;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .mod--cta-full-width,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .mod--cta-full-width {
    max-width: 250px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .mod--cta-full-width .c-cta,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .mod--cta-full-width .c-cta {
    margin: 0px auto;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount {
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount .c-offer,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount .c-offer {
    max-width: 245px;
    width: auto;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel {
    display: flex;
    height: auto;
    width: calc(33.3% - 29px);
    margin: 24px 29px 27px 0px;
    border: 1px solid #d8d8d8;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel:last-child,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel:last-child {
    margin-right: 0;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__image,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__image {
    display: block;
    width: 136px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__image .c-container-image.mod--gradient-overlay .cmp-image:after,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__image .c-container-image.mod--gradient-overlay .cmp-image:after {
    content: none;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__image .c-btn-over-image,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__image .c-btn-over-image {
    display: none;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel .c-close-btn.icon-close,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel .c-close-btn.icon-close {
    width: 16px;
    height: 16px;
    font-size: 16px;
    top: 5px;
    display: block;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content {
    border: none;
    width: 100%;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header {
    padding: 20px 15px 0 15px;
    height: auto;
    width: 100%;
    margin-bottom: 0;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title {
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title .c-cta,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title .c-cta {
    font-size: 16px;
    line-height: 24px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-location,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-location {
    display: block;
    font-size: 14px;
    margin: 5px 0px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body {
    padding: 0px 16px 10px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor .svg-icon,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor .svg-icon {
    width: 18px;
    height: 18px;
    margin-right: 0.35em;
    padding-top: 2px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor__rate,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor__rate {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    align-items: flex-start;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor__rate .ta__score,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor__rate .ta__score {
    display: block;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor__rate .ta__dots,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-info .c-tripadvisor__rate .ta__dots {
    margin: 0px;
    width: 100%;
    margin-left: -24px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-list,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body-list {
    display: none;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer {
    border-top: 1px solid #d8d8d8;
    position: relative;
    padding: 0px 15px;
    width: 100%;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price-claim,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-price-claim {
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
    font-size: 12px;
    margin-bottom: 0;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer {
    padding: 0px 6px 0px 15px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price {
    margin: 0;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price .c-price-normal-myb,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price .c-price-normal-myb {
    display: initial;
    padding-right: 2px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price .c-price-normal-myb .c-price__value,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price .c-price-normal-myb .c-price__value {
    font-size: 15px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price .c-price-myb,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price .c-price-myb {
    padding: 9px 8px 4px 8px;
    margin-right: 0;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price .c-price-myb .c-price,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price .c-price-myb .c-price {
    padding-top: 3px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .comparing__placeholder-hotel,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .comparing__placeholder-hotel {
    color: #8c9091;
    border: 1px dashed #d8d8d8;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(33.3% - 29px);
    margin: 24px 29px 27px 0px;
    padding: 0px 75px;
    text-align: center;
    font-weight: 500;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer {
    padding: 25px 0px 20px;
    border-top: 1px solid #d8d8d8;
    flex-flow: row-reverse;
    margin: 15px auto;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer-comparator-btn .c-cta,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer-comparator-btn .c-cta {
    font-size: 16px;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer-close-btn .c-cta,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__footer-close-btn .c-cta {
    font-size: 18px;
    margin: 0 15px;
  }
  /* COMPARATOR-COMPARING - DESKTOP - OFFER ONLY */
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header {
    display: inherit;
    padding: 10px 30px 0px 15px;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title .c-cta {
    color: #155583;
    text-decoration: underline;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header-title .c-cta:after {
    display: initial;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header .c-card-hotel__content-footer-location-link {
    display: initial;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-header .c-label {
    display: none;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body {
    width: 100%;
    position: relative;
    padding: 10px;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body .c-card-dates {
    width: inherit;
    position: inherit;
    bottom: inherit;
    left: inherit;
    height: auto;
    padding: 0 4px;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body .c-card-dates__periods-date {
    display: inherit;
    background: #f5f5f5;
    padding: 0 4px;
    min-width: inherit;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body .c-card-dates__periods-date-claim {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    max-width: inherit;
    white-space: inherit;
    overflow: auto;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body .c-card-dates__periods-date-travel {
    width: inherit;
    flex-shrink: inherit;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body .c-card-dates__periods-date:first-child {
    display: inherit;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body .c-card-dates__periods-separator {
    display: inherit;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-body .c-more-info-btn {
    display: none;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer {
    border-top: 0px;
    padding: 0px;
    height: inherit;
    display: flex;
    align-items: center;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo {
    flex-flow: column;
    display: flex;
    justify-content: space-between;
    padding: 0px 15px;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo-hotel {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
    max-width: 100%;
    line-height: 18px;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo-hotel:nth-child(2) {
    padding-left: 0;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo-discount {
    margin-top: 20px;
    border-top: 1px solid #d8d8d8;
    margin-right: 0px;
    width: 100%;
    padding: 0px 15px;
    position: relative;
    top: initial;
    transform: none;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo-discount .c-offer {
    width: 100%;
    max-height: 32px;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo-discount .c-offer .c-card-hotel__content-footer-discount-claim {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    white-space: nowrap;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo-discount .c-offer .c-card-hotel__content-footer-discount-value {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer .c-card-coupon__promo .c-card-hotel__content-footer-location-link {
    display: none;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-location {
    display: inherit;
    padding: 0px 15px;
    color: #767676;
    font-size: 12px;
    line-height: 13px;
    font-weight: 500;
  }
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item .c-container__grid-wrapper .comparing__container-content .c-card-hotel__content-footer-location .svg-icon {
    display: none;
  }
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item:not(.mod--stick-bottom) .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price .c-price-normal-myb .c-price__value,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item:not(.mod--stick-bottom) .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price .c-price-normal-myb .c-price__value {
  font-weight: 900;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item:not(.mod--stick-bottom) .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price .c-price-myb .c-card-hotel__content-footer-price-claim,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper .accordion-item:not(.mod--stick-bottom) .c-container__grid-wrapper .comparing__container-content .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price .c-price-myb .c-card-hotel__content-footer-price-claim {
  color: #ffffff;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo {
  width: 42%;
  padding: 0 30px 0 0;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price {
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: start;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price > *,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price > * {
  transform: scale(0.8);
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb {
  padding: 0;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .c-card-hotel__content-footer-price-claim,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .c-card-hotel__content-footer-price-claim {
  overflow: visible;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb__container,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb__container {
  padding-right: 24px;
  padding-bottom: 5px;
  padding-left: 12px;
}
.hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-normal-myb,
.offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-normal-myb {
  align-self: flex-start;
  display: none;
}
/* MYB PRICES BY SWITCH ON */
.mod--myb-switch--active .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .c-card-hotel__content-footer-price-claim,
.mod--myb-switch--active .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .c-card-hotel__content-footer-price-claim {
  overflow: visible;
}
.mod--myb-switch--active .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb__container,
.mod--myb-switch--active .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb__container {
  padding-right: 24px;
  padding-bottom: 3px;
  padding-left: 12px;
}
/* COMPARATOR-COMPARING - DESKTOP */
@media (min-width: 1025px) {
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo {
    padding: 0 15px;
    width: 100%;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price {
    flex-direction: row;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price > *,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price > * {
    transform: scale(1);
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-normal-myb,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-normal-myb {
    display: block;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .c-card-hotel__content-footer-price-claim__dstp,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .c-card-hotel__content-footer-price-claim__dstp {
    padding: 6px 0 0 12px;
    margin-right: 0;
  }
  .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb__container,
  .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb__container {
    padding-right: 0;
  }
  /* MYB PRICES BY SWITCH ON */
  .mod--myb-switch--active .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .c-card-hotel__content-footer-price-claim__dstp,
  .mod--myb-switch--active .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .c-card-hotel__content-footer-price-claim__dstp {
    padding: 0;
    margin-right: 0;
  }
  .mod--myb-switch--active .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb__container,
  .mod--myb-switch--active .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb__container {
    padding-right: 12px;
  }
  .mod--myb-switch--active .hotels-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb__container .bhg-tooltip,
  .mod--myb-switch--active .offers-comparator .c-hotels-comparator__comparing .comparing-wrapper.mod--stick-bottom .accordion-item .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer.mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb__container .bhg-tooltip {
    display: none;
  }
}
/* COMPARATOR-COMPARATED - MOBILE FIRST (~ TABLET) */
.hotels-comparator .c-hotels-comparated,
.offers-comparator .c-hotels-comparated,
.meetings-comparator .c-hotels-comparated {
  transition: all 0.5s ease-out;
  right: 0px;
  background: #ffffff;
  position: fixed;
  top: 0px;
  z-index: 8;
  height: 100vh;
  width: 100%;
  overflow-y: auto;
  /* HOTEL COMPARATED MAP - MOBILE ONLY */
}
.hotels-comparator .c-hotels-comparated.data-info-1-hide .data-info-1,
.offers-comparator .c-hotels-comparated.data-info-1-hide .data-info-1,
.meetings-comparator .c-hotels-comparated.data-info-1-hide .data-info-1,
.hotels-comparator .c-hotels-comparated.data-info-2-hide .data-info-2,
.offers-comparator .c-hotels-comparated.data-info-2-hide .data-info-2,
.meetings-comparator .c-hotels-comparated.data-info-2-hide .data-info-2,
.hotels-comparator .c-hotels-comparated.data-info-3-hide .data-info-3,
.offers-comparator .c-hotels-comparated.data-info-3-hide .data-info-3,
.meetings-comparator .c-hotels-comparated.data-info-3-hide .data-info-3 {
  display: none !important;
}
.hotels-comparator .c-hotels-comparated.data-info-2-hide .data-info-2,
.offers-comparator .c-hotels-comparated.data-info-2-hide .data-info-2,
.meetings-comparator .c-hotels-comparated.data-info-2-hide .data-info-2 {
  display: none !important;
}
.hotels-comparator .c-hotels-comparated.data-info-3-hide .data-info-3,
.offers-comparator .c-hotels-comparated.data-info-3-hide .data-info-3,
.meetings-comparator .c-hotels-comparated.data-info-3-hide .data-info-3 {
  display: none !important;
}
.hotels-comparator .c-hotels-comparated.hidden-delete-items-compare .hotel-card__delete,
.offers-comparator .c-hotels-comparated.hidden-delete-items-compare .hotel-card__delete,
.meetings-comparator .c-hotels-comparated.hidden-delete-items-compare .hotel-card__delete {
  display: none;
}
.hotels-comparator .c-hotels-comparated.hidden,
.offers-comparator .c-hotels-comparated.hidden,
.meetings-comparator .c-hotels-comparated.hidden {
  right: -100%;
}
.hotels-comparator .c-hotels-comparated.hidden .c-hotels-comparated__header-nav,
.offers-comparator .c-hotels-comparated.hidden .c-hotels-comparated__header-nav,
.meetings-comparator .c-hotels-comparated.hidden .c-hotels-comparated__header-nav {
  right: -100%;
}
.hotels-comparator .c-hotels-comparated__header,
.offers-comparator .c-hotels-comparated__header,
.meetings-comparator .c-hotels-comparated__header {
  text-align: center;
  position: relative;
  background: #f5f5f5;
}
.hotels-comparator .c-hotels-comparated__header-title,
.offers-comparator .c-hotels-comparated__header-title,
.meetings-comparator .c-hotels-comparated__header-title {
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  padding: 57px 15px 0px 15px;
}
.hotels-comparator .c-hotels-comparated__header-subtitle,
.offers-comparator .c-hotels-comparated__header-subtitle,
.meetings-comparator .c-hotels-comparated__header-subtitle {
  padding: 0px 15px;
}
.hotels-comparator .c-hotels-comparated__header-nav,
.offers-comparator .c-hotels-comparated__header-nav,
.meetings-comparator .c-hotels-comparated__header-nav {
  transition: all 0.5s ease-out;
  right: 0px;
  position: fixed;
  display: flex;
  padding: 0px 15px;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  height: 40px;
  width: 100%;
  z-index: 5;
  top: 0px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
}
.hotels-comparator .c-hotels-comparated__header-nav-title,
.offers-comparator .c-hotels-comparated__header-nav-title,
.meetings-comparator .c-hotels-comparated__header-nav-title {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  color: #767676;
}
.hotels-comparator .c-hotels-comparated__header-nav-back-btn,
.offers-comparator .c-hotels-comparated__header-nav-back-btn,
.meetings-comparator .c-hotels-comparated__header-nav-back-btn {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.hotels-comparator .c-hotels-comparated__header-share-btn,
.offers-comparator .c-hotels-comparated__header-share-btn,
.meetings-comparator .c-hotels-comparated__header-share-btn {
  margin-top: 14px;
}
.hotels-comparator .c-hotels-comparated__header-share-btn .c-cta,
.offers-comparator .c-hotels-comparated__header-share-btn .c-cta,
.meetings-comparator .c-hotels-comparated__header-share-btn .c-cta {
  border: 2px solid #384044;
  line-height: 30px;
}
.hotels-comparator .c-hotels-comparated__header-share-btn .c-cta .svg-icon,
.offers-comparator .c-hotels-comparated__header-share-btn .c-cta .svg-icon,
.meetings-comparator .c-hotels-comparated__header-share-btn .c-cta .svg-icon {
  margin-right: 6px;
  margin-top: -3px;
}
.hotels-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg g,
.offers-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg g,
.meetings-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg g,
.hotels-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg circle,
.offers-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg circle,
.meetings-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg circle {
  stroke: white;
}
.hotels-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg g path,
.offers-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg g path,
.meetings-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg g path,
.hotels-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg circle path,
.offers-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg circle path,
.meetings-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg circle path {
  stroke: white;
  fill: transparent;
}
.hotels-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg circle,
.offers-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg circle,
.meetings-comparator .c-hotels-comparated__header-share-btn .c-cta:hover .svg-icon svg circle {
  fill: white;
}
.hotels-comparator .c-hotels-comparated__map-container,
.offers-comparator .c-hotels-comparated__map-container,
.meetings-comparator .c-hotels-comparated__map-container {
  width: 100%;
  height: 700px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header,
.offers-comparator .c-hotels-comparated__grid .grid__header,
.meetings-comparator .c-hotels-comparated__grid .grid__header {
  display: flex;
  flex-wrap: wrap;
  background: #f5f5f5;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__filter,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__filter,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__filter {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 12px 15px 20px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__filter label,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__filter label,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__filter label {
  font-weight: 300;
  margin-left: 0.5rem;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__filter .comparated-diferences,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__filter .comparated-diferences,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__filter .comparated-diferences,
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-hotels-comparated__header-map-btn,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-hotels-comparated__header-map-btn,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-hotels-comparated__header-map-btn {
  margin: auto;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-hotels-comparated__header-map-btn,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-hotels-comparated__header-map-btn,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-hotels-comparated__header-map-btn {
  margin-top: 4px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-fieldset,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-fieldset,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-fieldset {
  margin: 0px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-fieldset__row-wrap,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-fieldset__row-wrap,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-fieldset__row-wrap {
  padding: 0 5px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-fieldset label,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-fieldset label,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-fieldset label {
  overflow: inherit;
  text-overflow: inherit;
  white-space: normal;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards {
  display: flex;
  width: 100%;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card {
  position: relative;
  display: flex;
  flex-flow: column;
  min-width: 25%;
  width: 100%;
  border-style: solid;
  border-color: #f5f5f5;
  text-align: center;
  border-width: 1px 1px 0px 1px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card:last-child,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card:last-child,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card:last-child {
  margin-right: 0px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .c-container-image,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .c-container-image,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .c-container-image {
  width: 100%;
  height: 68px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .c-container-image.mod--gradient-overlay .cmp-image::after,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .c-container-image.mod--gradient-overlay .cmp-image::after,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .c-container-image.mod--gradient-overlay .cmp-image::after {
  content: none;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name {
  font-size: 14px;
  line-height: 16px;
  margin-top: 5px;
  color: #155583;
  transition: all 0.3s ease-out;
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
  display: block;
  flex-grow: 1;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__location,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__location,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__location {
  display: none;
  flex-grow: 1;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__delete,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__delete,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__delete {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: white;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border: 2px solid #155583;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__delete .cmp-icon,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__delete .cmp-icon,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__delete .cmp-icon {
  width: 12px;
  height: 12px;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__delete .cmp-icon svg,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__delete .cmp-icon svg,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__delete .cmp-icon svg {
  fill: #155583;
  stroke: #155583;
  stroke-width: 4px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn {
  width: 100%;
  margin: 12px auto 20px;
  height: 24px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn .c-cta,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn .c-cta,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn .c-cta {
  font-size: 14px;
  line-height: 23px;
  max-height: 23px;
  padding: 0px 5px;
  width: calc(100% - 18px);
}
.hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn .c-cta span,
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn .c-cta span,
.meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn .c-cta span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .accordion-item,
.offers-comparator .c-hotels-comparated__grid .grid__content .accordion-item,
.meetings-comparator .c-hotels-comparated__grid .grid__content .accordion-item {
  padding: 0px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .accordion-item .accordion-toggle,
.offers-comparator .c-hotels-comparated__grid .grid__content .accordion-item .accordion-toggle,
.meetings-comparator .c-hotels-comparated__grid .grid__content .accordion-item .accordion-toggle {
  margin-left: 15px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .accordion-item:after,
.offers-comparator .c-hotels-comparated__grid .grid__content .accordion-item:after,
.meetings-comparator .c-hotels-comparated__grid .grid__content .accordion-item:after {
  left: 0px;
  width: 100%;
  background-color: #000000;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 30px);
  margin: 0px 15px;
  align-items: center;
  border-color: #384044;
  text-align: center;
  border-bottom-width: 1px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row:first-child,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row:first-child,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row:first-child {
  border-top: 1px solid #384044;
  width: 100%;
  padding: 8px 15px 0px;
  margin: 0px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row:last-child,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row:last-child,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row:last-child {
  border-bottom-width: 0px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__title,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__title,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  height: 25px;
  width: 100%;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__title [class^="icon-"],
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__title [class^="icon-"],
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__title [class^="icon-"] {
  font-size: 21px;
  vertical-align: middle;
  margin-left: 3px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values {
  display: flex;
  width: 100%;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value {
  min-width: 33.3%;
  width: 100%;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-color: #d8d8d8;
  text-align: center;
  border-left-width: 1px;
  padding: 8px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value:first-child,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value:first-child,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value:first-child {
  border-left-width: 0px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price {
  font-weight: 700;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price .price,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price .price,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price .price {
  font-size: 16px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price .currency,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price .currency,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price .currency {
  font-size: 14px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--social .c-tripadvisor,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--social .c-tripadvisor,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--social .c-tripadvisor {
  text-align: center;
  flex-flow: column;
  align-items: center;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--social .c-tripadvisor .ta__score,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--social .c-tripadvisor .ta__score,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--social .c-tripadvisor .ta__score {
  font-size: 14px;
  line-height: 16px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--brand img,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--brand img,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--brand img {
  width: 65px;
  height: 23px;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--check-price .icon-close,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--check-price .icon-close,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--check-price .icon-close {
  font-size: 20px;
  color: #8c9091;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--check-price .icon-tick,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--check-price .icon-tick,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--check-price .icon-tick {
  font-size: 20px;
  color: #2b8536;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 500;
  color: #767676;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room .icon-login,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room .icon-login,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room .icon-login {
  width: 100%;
  font-size: 12px;
  color: #384044;
  font-weight: 700;
}
.hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room .room-price,
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room .room-price,
.meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room .room-price {
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 14px;
  color: #384044;
}
.hotels-comparator .c-hotels-comparated__map,
.offers-comparator .c-hotels-comparated__map,
.meetings-comparator .c-hotels-comparated__map {
  height: calc(100vh - 40px);
  display: flex;
  flex-flow: column-reverse;
}
.hotels-comparator .c-hotels-comparated .active-hidden-check .c-hotels-comparated__grid .grid__content .grid__row.hidden-check,
.offers-comparator .c-hotels-comparated .active-hidden-check .c-hotels-comparated__grid .grid__content .grid__row.hidden-check,
.meetings-comparator .c-hotels-comparated .active-hidden-check .c-hotels-comparated__grid .grid__content .grid__row.hidden-check {
  display: none;
}
.hotels-comparator .c-hotels-comparated.mod--not-promocode .container-promocode,
.offers-comparator .c-hotels-comparated.mod--not-promocode .container-promocode,
.meetings-comparator .c-hotels-comparated.mod--not-promocode .container-promocode,
.hotels-comparator .c-hotels-comparated.mod--not-value .container-value,
.offers-comparator .c-hotels-comparated.mod--not-value .container-value,
.meetings-comparator .c-hotels-comparated.mod--not-value .container-value,
.hotels-comparator .c-hotels-comparated.mod--not-discount .container-discount,
.offers-comparator .c-hotels-comparated.mod--not-discount .container-discount,
.meetings-comparator .c-hotels-comparated.mod--not-discount .container-discount {
  display: none;
}
.offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name {
  text-decoration: none;
  color: #384044;
  font-weight: 500;
  line-height: 22px;
  cursor: auto;
}
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value .hotel-card__name {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row.container-discount .grid__values .grid__value {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
}
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row.container-discount .grid__values .grid__value span {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row.container-argument .grid__values .grid__value {
  display: flex;
  flex-flow: column;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  justify-content: flex-start;
}
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row.container-argument .grid__values .grid__value span {
  padding-left: 10px;
  position: relative;
  margin-bottom: 10px;
}
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row.container-argument .grid__values .grid__value span:before {
  font-family: "barcelo-ui-kit";
  content: "\e926";
  color: #8c9091;
  font-size: 10px;
  position: absolute;
  left: -2px;
}
.offers-comparator .c-hotels-comparated__grid .grid__content .grid__row.container-dates .grid__values .grid__value {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  display: inline;
}
/* COMPARATOR-COMPARATED - MAP WITH MYB PRICE */
.hotels-comparator .c-hotels-comparated__map-card .c-card-hotel {
  flex-wrap: initial;
}
.hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price {
  margin-bottom: 0;
}
.hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price .c-price .c-card-hotel__content-footer-price-claim {
  font-size: 16px;
}
/* HOTEL COMPARATED - MOBILE ONLY */
@media (min-width: 320px) and (max-width: 1025px) {
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel {
    flex-wrap: nowrap;
    flex-flow: row;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__image,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__image,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__image {
    width: 263px;
    flex-shrink: 0;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__image .c-container-image,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__image .c-container-image,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__image .c-container-image {
    height: 100%;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content {
    width: 100%;
    position: relative;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header {
    padding: 15px 25px 0px 35px;
    flex-grow: 0;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header-title .c-cta,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header-title .c-cta,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header-title .c-cta {
    font-size: 20px;
    line-height: 28px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header-location,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header-location,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header-location {
    font-size: 14px;
    margin-top: 4px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body {
    padding: 10px 25px 10px 35px;
    flex-grow: 0;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-info,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-info,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-info {
    height: auto;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-info .c-tripadvisor .ta__score,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-info .c-tripadvisor .ta__score,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-info .c-tripadvisor .ta__score {
    font-size: 14px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-info .c-tripadvisor .ta__reviews,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-info .c-tripadvisor .ta__reviews,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-info .c-tripadvisor .ta__reviews {
    font-size: 12px;
    line-height: 14px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-list,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-list,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-list {
    font-size: 14px;
    line-height: 18px;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
    text-overflow: inherit;
    max-height: 100%;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-not-available,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-not-available,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-not-available {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 10px 25px 10px 35px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 10px 25px 10px 35px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price {
    flex-flow: row;
    margin: 0px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price-claim,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price-claim,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price-claim {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price .c-price__currency,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price .c-price__currency,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price .c-price__currency,
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price .c-price__type,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price .c-price__type,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price .c-price__type {
    font-size: 16px;
    font-weight: 500;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer.mod--hotel-my-barcelo,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer.mod--hotel-my-barcelo,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer.mod--hotel-my-barcelo {
    padding-top: 0;
    padding-bottom: 0;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer .mod--cta-full-width,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer .mod--cta-full-width,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer .mod--cta-full-width {
    max-width: 250px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer .mod--cta-full-width .c-cta,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer .mod--cta-full-width .c-cta,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer .mod--cta-full-width .c-cta {
    margin: 0px auto;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount {
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount .c-offer,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount .c-offer,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel.c-card-hotel-offer .c-card-coupon__promo-discount .c-offer {
    max-width: 245px;
    width: auto;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-list,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-list,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-list {
    font-size: 16px;
    line-height: 28px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 58px;
    line-height: 20px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel {
    flex-flow: column;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel .c-close-btn,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel .c-close-btn,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel .c-close-btn {
    z-index: 1;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__image,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__image,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__image {
    width: auto;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__image .c-container-image,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__image .c-container-image,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__image .c-container-image {
    height: 220px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price {
    margin-bottom: 10px;
  }
  .hotels-comparator .c-hotels-comparated__map-container,
  .offers-comparator .c-hotels-comparated__map-container,
  .meetings-comparator .c-hotels-comparated__map-container {
    height: 100%;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel.mod--horizontal-card-compact .c-card-hotel__image {
    width: 38%;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel.mod--horizontal-card-compact .c-card-hotel__content {
    align-items: flex-end;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel.mod--horizontal-card-compact .c-card-hotel__content-header,
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel.mod--horizontal-card-compact .c-card-hotel__content-body {
    width: 62%;
    padding: 15px 15px 0px 20px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel.mod--horizontal-card-compact .c-card-hotel__content-body-list {
    font-size: 14px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel.mod--horizontal-card-compact .c-card-hotel__content-footer {
    flex-wrap: nowrap;
    background-color: #ffffff;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel.mod--horizontal-card-compact .c-card-hotel__content-footer .c-price-normal {
    flex-direction: column;
  }
}
/* HOTEL COMPARATED - DESKTOP  */
@media (min-width: 1025px) {
  .hotels-comparator .c-hotels-comparated,
  .offers-comparator .c-hotels-comparated,
  .meetings-comparator .c-hotels-comparated {
    position: relative;
    left: 0px;
    z-index: 0;
    height: 100%;
    padding-bottom: 40px;
    background: transparent;
    /* HOTEL COMPARATED MAP - DESKTOP */
  }
  .hotels-comparator .c-hotels-comparated__header-nav,
  .offers-comparator .c-hotels-comparated__header-nav,
  .meetings-comparator .c-hotels-comparated__header-nav {
    display: flex;
    justify-content: center;
    position: relative;
    background: transparent;
    box-shadow: none;
    left: 0px;
    margin-top: 16px;
  }
  .hotels-comparator .c-hotels-comparated__header-nav-back-btn,
  .offers-comparator .c-hotels-comparated__header-nav-back-btn,
  .meetings-comparator .c-hotels-comparated__header-nav-back-btn {
    margin: 0px 31px 0px 0px;
  }
  .hotels-comparator .c-hotels-comparated__header-nav-share-btn .c-cta .svg-icon,
  .offers-comparator .c-hotels-comparated__header-nav-share-btn .c-cta .svg-icon,
  .meetings-comparator .c-hotels-comparated__header-nav-share-btn .c-cta .svg-icon {
    margin-right: 6px;
    margin-top: -3px;
  }
  .hotels-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg g,
  .offers-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg g,
  .meetings-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg g,
  .hotels-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg circle,
  .offers-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg circle,
  .meetings-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg circle {
    stroke: white;
  }
  .hotels-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg g path,
  .offers-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg g path,
  .meetings-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg g path,
  .hotels-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg circle path,
  .offers-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg circle path,
  .meetings-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg circle path {
    stroke: white;
    fill: transparent;
  }
  .hotels-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg circle,
  .offers-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg circle,
  .meetings-comparator .c-hotels-comparated__header-nav-share-btn .c-cta:hover .svg-icon svg circle {
    fill: white;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__header,
  .offers-comparator .c-hotels-comparated__grid .grid__header,
  .meetings-comparator .c-hotels-comparated__grid .grid__header {
    flex-wrap: nowrap;
    align-items: flex-end;
    padding-top: 30px;
    border-color: #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__header .grid__filter,
  .offers-comparator .c-hotels-comparated__grid .grid__header .grid__filter,
  .meetings-comparator .c-hotels-comparated__grid .grid__header .grid__filter {
    width: 25%;
    justify-content: flex-start;
    padding: 0px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__header .grid__filter .comparated-diferences,
  .offers-comparator .c-hotels-comparated__grid .grid__header .grid__filter .comparated-diferences,
  .meetings-comparator .c-hotels-comparated__grid .grid__header .grid__filter .comparated-diferences,
  .hotels-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-hotels-comparated__header-map-btn,
  .offers-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-hotels-comparated__header-map-btn,
  .meetings-comparator .c-hotels-comparated__grid .grid__header .grid__filter .c-hotels-comparated__header-map-btn {
    margin-left: 0px;
    margin-right: 0px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards,
  .offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards,
  .meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards {
    width: 75%;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card,
  .offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card,
  .meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card {
    min-width: 33.3%;
    border-color: #d8d8d8;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .c-container-image,
  .offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .c-container-image,
  .meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .c-container-image {
    height: 100px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name,
  .offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name,
  .meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name {
    font-size: 16px;
    line-height: 24px;
    padding: 0px 32px;
    position: relative;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name .hotel-card__delete,
  .offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name .hotel-card__delete,
  .meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name .hotel-card__delete {
    position: absolute;
    top: 0;
    right: 8px;
    cursor: pointer;
    background: transparent;
    border-radius: 0px;
    border: 0px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name .hotel-card__delete .cmp-icon,
  .offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name .hotel-card__delete .cmp-icon,
  .meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name .hotel-card__delete .cmp-icon {
    width: 16px;
    height: 16px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name .hotel-card__delete .cmp-icon svg,
  .offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name .hotel-card__delete .cmp-icon svg,
  .meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__name .hotel-card__delete .cmp-icon svg {
    stroke-width: 1px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__location,
  .offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__location,
  .meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__location {
    display: block;
    font-size: 14px;
    line-height: 14px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn .c-cta,
  .offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn .c-cta,
  .meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn .c-cta {
    max-height: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 36px;
    width: calc(100% - 26px);
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn .c-cta span,
  .offers-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn .c-cta span,
  .meetings-comparator .c-hotels-comparated__grid .grid__header .grid__hotel-cards .grid__hotel-card .hotel-card__btn .c-cta span {
    height: 32px;
    line-height: 32px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .accordion-item .accordion-toggle,
  .offers-comparator .c-hotels-comparated__grid .grid__content .accordion-item .accordion-toggle,
  .meetings-comparator .c-hotels-comparated__grid .grid__content .accordion-item .accordion-toggle {
    margin-left: 0px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .accordion-item:after,
  .offers-comparator .c-hotels-comparated__grid .grid__content .accordion-item:after,
  .meetings-comparator .c-hotels-comparated__grid .grid__content .accordion-item:after {
    background-color: #d8d8d8;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row,
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row,
  .meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row {
    flex-wrap: nowrap;
    padding: 0px;
    margin: 0px;
    width: 100%;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row:first-child,
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row:first-child,
  .meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row:first-child {
    border-top: 1px solid #d8d8d8;
    padding: 0px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__title,
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__title,
  .meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__title {
    font-size: 16px;
    min-width: 25%;
    height: 50px;
    justify-content: flex-start;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__title [class^="icon-"],
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__title [class^="icon-"],
  .meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__title [class^="icon-"] {
    font-weight: 500;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values,
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values,
  .meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values {
    min-width: 75%;
    border-right: 1px solid #d8d8d8;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value:first-child,
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value:first-child,
  .meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value:first-child {
    border-left-width: 1px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price .price,
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price .price,
  .meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price .price {
    font-size: 28px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price .currency,
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price .currency,
  .meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--price .currency {
    font-size: 20px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--social .c-tripadvisor,
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--social .c-tripadvisor,
  .meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--social .c-tripadvisor {
    flex-flow: row;
    justify-content: center;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--social .c-tripadvisor .ta__score,
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--social .c-tripadvisor .ta__score,
  .meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--social .c-tripadvisor .ta__score {
    font-size: 16px;
    margin-right: 8px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room,
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room,
  .meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room {
    flex-wrap: nowrap;
    justify-content: space-around;
    font-size: 14px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room .icon-login,
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room .icon-login,
  .meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room .icon-login {
    width: auto;
    font-size: 16px;
  }
  .hotels-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room .room-price,
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room .room-price,
  .meetings-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value.mod--room .room-price {
    display: inline;
    margin-right: 0.25rem;
    font-size: 20px;
  }
  .hotels-comparator .c-hotels-comparated__map,
  .offers-comparator .c-hotels-comparated__map,
  .meetings-comparator .c-hotels-comparated__map {
    height: inherit;
    margin-top: 40px;
    flex-flow: row;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel {
    height: 545px;
    width: 360px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel .c-container-image,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel .c-container-image,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel .c-container-image {
    height: 200px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header {
    padding: 10px 15px 0px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header-title,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header-title,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-header-title {
    height: 58px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body {
    padding: 10px 15px 0px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body hr,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body hr,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body hr {
    margin: 4px 0px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-list,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-list,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-body-list {
    font-size: 16px;
    line-height: 28px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 58px;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer {
    padding: 5px 25px 10px;
    margin-top: 0px;
    display: flex;
  }
  .hotels-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price,
  .offers-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price,
  .meetings-comparator .c-hotels-comparated__map-card .c-card-hotel__content-footer-price {
    flex-direction: column;
    margin-right: 10px;
  }
  .hotels-comparator .c-hotels-comparated__map-container,
  .offers-comparator .c-hotels-comparated__map-container,
  .meetings-comparator .c-hotels-comparated__map-container {
    height: 545px;
  }
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row .grid__values .grid__value .hotel-card__name {
    font-size: 16px;
    line-height: 24px;
  }
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row.container-discount .grid__values .grid__value {
    font-size: 14px;
  }
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row.container-discount .grid__values .grid__value span {
    font-size: 18px;
    line-height: 24px;
  }
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row.container-argument .grid__values .grid__value {
    font-size: 14px;
  }
  .offers-comparator .c-hotels-comparated__grid .grid__content .grid__row.container-dates .grid__values .grid__value {
    font-size: 14px;
  }
}
.hotels-comparator .c-hotels-comparated__map-card .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer,
.offers-comparator .c-hotels-comparated__map-card .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer {
  flex-wrap: wrap;
}
.hotels-comparator .c-hotels-comparated__map-card .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price,
.offers-comparator .c-hotels-comparated__map-card .c-card-hotel.c-card-hotel-my-barcelo-price .c-card-hotel__content-footer-price {
  flex-direction: row;
  width: 100%;
}
/* DETAIL OFFER - MOBILE FIRST (~ TABLET) */
.c-detail-offer {
  width: 100%;
}
.c-detail-offer__header {
  position: fixed;
  width: 100%;
  background: white;
  z-index: 6;
}
.c-detail-offer__header .c-back-bar {
  display: flex;
  justify-content: space-between;
  max-width: 1140px;
  margin: auto;
  height: 26px;
  overflow: hidden;
}
.c-detail-offer__header .c-back-bar .c-pagination {
  position: absolute;
  right: 15px;
}
.c-detail-offer__header .c-back-bar .cmp-title {
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.c-detail-offer__header .c-back-bar .cmp-title .cmp-title__text {
  font-size: 14px;
}
.c-detail-offer__header .c-header-detail__nav {
  display: flex;
  height: 112px;
  align-items: center;
  overflow: hidden;
  padding: 20px 0px;
}
.c-detail-offer__header .c-header-detail__nav-title {
  font-size: 20px;
  line-height: 24px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 50px;
  min-width: 75%;
}
.c-detail-offer__content {
  padding-top: 138px;
  display: flex;
  flex-flow: column-reverse;
  justify-content: center;
  align-items: center;
}
.c-detail-offer__content-info {
  text-align: left;
  font-size: 20px;
  line-height: 32px;
  padding: 0px 15px;
}
.c-detail-offer__content-info .cmp-title {
  text-align: center;
  margin: 15px 0px 12px;
}
.c-detail-offer__content-info .c-card-dates {
  font-size: 16px;
  line-height: 20px;
  margin: 15px 0px;
  display: flex;
  flex-direction: column;
}
.c-detail-offer__content-info .c-card-dates__alert {
  margin-left: auto;
  margin-right: auto;
}
.c-detail-offer__content-info .c-card-dates__container {
  background: transparent;
}
.c-detail-offer__content-info .c-card-dates__container .c-card-dates__periods-date {
  margin: 0 auto;
}
.c-detail-offer__content-info ul li {
  margin-bottom: 1em;
}
.c-detail-offer__content-card {
  width: 100%;
  position: relative;
  margin-bottom: 50px;
}
.c-detail-offer__content-card-image {
  position: relative;
}
.c-detail-offer__content-card-image .c-container-image {
  width: 100%;
  height: 250px;
}
.c-detail-offer__content-card-image .cmp-icon svg path,
.c-detail-offer__content-card-image .cmp-icon svg circle {
  stroke: inherit;
  stroke-width: inherit;
}
.c-detail-offer__content-card-footer {
  position: absolute;
  width: calc(100% - 30px);
  left: 15px;
  bottom: -15px;
  z-index: 1;
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 8px;
}
.c-detail-offer__content-card-footer .c-label {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  padding: 4px 10px;
  margin-right: 15px;
}
.c-detail-offer__content-card-footer .c-offer {
  margin-right: 7px;
}
.c-detail-offer__content-card-footer button {
  overflow: hidden;
}
.c-detail-offer__policies {
  display: flex;
  flex-flow: column;
}
.c-detail-offer__policies-item {
  margin: 15px;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.c-detail-offer__policies-item-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 15px;
}
.c-detail-offer .promo-info {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.c-detail-offer .promo-info__item {
  width: 100%;
  display: flex;
  padding: 0px 15px 30px;
}
.c-detail-offer .promo-info__item .icon {
  margin-right: 0.9rem;
}
/* DETAIL OFFER - DESKTOP  */
@media (min-width: 1025px) {
  .c-detail-offer__header .c-back-bar {
    display: flex;
  }
  .c-detail-offer__header .c-back-bar .c-pagination {
    position: absolute;
    left: 50%;
    right: auto;
    transform: translate(-50%);
  }
  .c-detail-offer__header .c-back-bar .cmp-title {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: auto;
    max-width: 40%;
  }
  .c-detail-offer__header .c-back-bar .cmp-title__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .c-detail-offer__header .c-header-detail__nav-title {
    font-size: 24px;
    line-height: 36px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 74px;
    min-width: 60%;
  }
  .c-detail-offer__header .c-fastbooking .c-back-bar {
    display: none;
  }
  .c-detail-offer__fastbooking-container {
    display: block;
    height: 58px;
    width: 100%;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    background: #f5f5f5;
  }
  .c-detail-offer__content {
    padding-top: 195px;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    margin: 30px auto;
  }
  .c-detail-offer__content-info {
    max-width: 555px;
  }
  .c-detail-offer__content-info .cmp-title {
    text-align: left;
  }
  .c-detail-offer__content-info .c-card-dates {
    font-size: 20px;
    line-height: 24px;
    display: block;
  }
  .c-detail-offer__content-info .c-card-dates__alert {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .c-detail-offer__content-info .c-card-dates__container .c-card-dates__periods-date {
    margin: 0;
  }
  .c-detail-offer__content-card {
    max-width: 458px;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
  }
  .c-detail-offer__content-card-image .c-container-image {
    height: 350px;
  }
  .c-detail-offer__content-card-footer {
    width: 100%;
    padding: 10px;
    position: relative;
    left: auto;
    bottom: auto;
    border-radius: 0px;
    box-shadow: none;
    margin: 0px;
    display: flex;
  }
  .c-detail-offer__content-card-footer .c-offer {
    max-width: 150px;
  }
  .c-detail-offer__content-card-footer .c-label {
    font-size: 20px;
  }
  .c-detail-offer__policies {
    flex-flow: row;
    margin: 0px 15px;
  }
  .c-detail-offer__policies-item {
    margin: 50px 15px;
    font-size: 18px;
    line-height: 28px;
  }
  .c-detail-offer__policies-item-title {
    font-size: 20px;
    line-height: 28px;
  }
  .c-detail-offer .promo-info__item {
    padding: 0px;
    width: 50%;
  }
  .c-detail-offer .promo-info__item:first-child {
    padding-right: 30px;
  }
  .fastbooking-on-detail-offer .fastbooking .c-fastbooking {
    left: 0px;
    top: 0px;
    background: #f5f5f5;
    max-width: 1140px;
    margin: auto;
    box-shadow: none;
  }
}
/* DETAIL OFFER  - DESKTOP CONTENT - SIZE */
@media (min-width: 1025px) and (max-width: 1140px) {
  .c-detail-offer__header {
    padding-right: 16px;
  }
  .c-detail-offer__header .c-header-detail__nav {
    padding: 15px;
  }
  .fastbooking-on-detail-offer .fastbooking .c-fastbooking {
    padding: 0px 17px 0px 0px;
    width: calc(100vw - 40px);
  }
}